@quidgest/ui 0.23.4 → 0.25.0
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 +24 -0
- package/dist/json/api.json +44 -12
- package/dist/ui.css +221 -188
- package/dist/ui.esm.js +573 -569
- package/dist/ui.js +529 -525
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +529 -525
- package/dist/ui.scss +272 -255
- package/esm/components/QBadge/constants.d.ts.map +1 -1
- package/esm/components/QButton/QButton.d.ts +3 -2
- package/esm/components/QButton/QButton.d.ts.map +1 -1
- package/esm/components/QButton/QButton.vue.js +68 -40
- package/esm/components/QButton/index.d.ts +8 -5
- package/esm/components/QButton/index.d.ts.map +1 -1
- package/esm/components/QButton/types.d.ts +8 -0
- package/esm/components/QButton/types.d.ts.map +1 -1
- package/esm/components/QCarousel/QCarousel.d.ts +2 -2
- package/esm/components/QCarousel/QCarousel.d.ts.map +1 -1
- package/esm/components/QCarousel/constants.d.ts.map +1 -1
- package/esm/components/QCarousel/index.d.ts +6 -6
- package/esm/components/QCarousel/types.d.ts +2 -2
- package/esm/components/QCarousel/types.d.ts.map +1 -1
- package/esm/components/QCheckbox/constants.d.ts.map +1 -1
- package/esm/components/QCollapsible/constants.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.d.ts +34 -28
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/constants.d.ts.map +1 -1
- package/esm/components/QCombobox/index.d.ts +26 -23
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QCombobox/types.d.ts +3 -3
- package/esm/components/QCombobox/types.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/QDateTimePicker.d.ts +54 -36
- package/esm/components/QDateTimePicker/QDateTimePicker.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/constants.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/index.d.ts +27 -18
- package/esm/components/QDateTimePicker/index.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/types.d.ts +3 -3
- package/esm/components/QDateTimePicker/types.d.ts.map +1 -1
- package/esm/components/QDefaultsProvider/types.d.ts +2 -2
- package/esm/components/QDefaultsProvider/types.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.d.ts +3 -3
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/constants.d.ts +4 -4
- package/esm/components/QDialog/constants.d.ts.map +1 -1
- package/esm/components/QDialog/index.d.ts +12 -12
- package/esm/components/QDialog/types.d.ts +5 -5
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QDismissibleLayer/QDismissibleLayer.d.ts +9 -9
- package/esm/components/QDismissibleLayer/QDismissibleLayer.d.ts.map +1 -1
- package/esm/components/QDismissibleLayer/index.d.ts +20 -20
- package/esm/components/QDismissibleLayer/types.d.ts +2 -2
- package/esm/components/QDismissibleLayer/types.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenu.d.ts +2 -2
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +20 -20
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/constants.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/index.d.ts +8 -8
- package/esm/components/QDropdownMenu/types.d.ts +3 -3
- package/esm/components/QDropdownMenu/types.d.ts.map +1 -1
- package/esm/components/QFileUpload/constants.d.ts.map +1 -1
- package/esm/components/QIcon/QIcon.d.ts.map +1 -1
- package/esm/components/QIcon/QIcon.vue.js +4 -4
- package/esm/components/QIcon/types.d.ts +1 -2
- package/esm/components/QIcon/types.d.ts.map +1 -1
- package/esm/components/QInputGroup/types.d.ts +3 -3
- package/esm/components/QInputGroup/types.d.ts.map +1 -1
- package/esm/components/QList/QList.d.ts +6 -6
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/constants.d.ts.map +1 -1
- package/esm/components/QList/index.d.ts +6 -6
- package/esm/components/QList/types.d.ts +6 -6
- package/esm/components/QList/types.d.ts.map +1 -1
- package/esm/components/QObfuscation/constants.d.ts.map +1 -1
- package/esm/components/QOverflow/constants.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -1
- package/esm/components/QPasswordField/constants.d.ts.map +1 -1
- package/esm/components/QPasswordField/index.d.ts +3 -3
- package/esm/components/QPasswordField/types.d.ts +4 -4
- package/esm/components/QPasswordField/types.d.ts.map +1 -1
- package/esm/components/QPhoneField/QPhoneField.d.ts +38 -38
- package/esm/components/QPhoneField/index.d.ts +19 -19
- package/esm/components/QPropertyList/QPropertyList.d.ts +1 -1
- package/esm/components/QPropertyList/constants.d.ts.map +1 -1
- package/esm/components/QPropertyList/index.d.ts +3 -3
- package/esm/components/QPropertyList/types.d.ts +2 -2
- package/esm/components/QPropertyList/types.d.ts.map +1 -1
- package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts +2 -2
- package/esm/components/QRemoveScrollBar/QRemoveScrollBar.d.ts.map +1 -1
- package/esm/components/QRemoveScrollBar/index.d.ts +3 -3
- package/esm/components/QRemoveScrollBar/types.d.ts +2 -2
- package/esm/components/QRemoveScrollBar/types.d.ts.map +1 -1
- package/esm/components/QRemoveScrollBar/utils/gap.d.ts +3 -3
- package/esm/components/QRemoveScrollBar/utils/gap.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.d.ts +18 -18
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/constants.d.ts.map +1 -1
- package/esm/components/QSelect/index.d.ts +18 -18
- package/esm/components/QSelect/types.d.ts +3 -3
- package/esm/components/QSelect/types.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebar.d.ts +5 -5
- package/esm/components/QSidebar/QSidebar.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebarAnchor.d.ts +2 -2
- package/esm/components/QSidebar/QSidebarAnchor.d.ts.map +1 -1
- package/esm/components/QSidebar/QSidebarItem.d.ts +6 -0
- package/esm/components/QSidebar/QSidebarItem.d.ts.map +1 -1
- package/esm/components/QSidebar/context.d.ts +6 -6
- package/esm/components/QSidebar/context.d.ts.map +1 -1
- package/esm/components/QSidebar/index.d.ts +5 -2
- package/esm/components/QSidebar/index.d.ts.map +1 -1
- package/esm/components/QSidebar/types.d.ts +2 -2
- package/esm/components/QSidebar/types.d.ts.map +1 -1
- package/esm/components/QTabs/QTab.d.ts +18 -12
- package/esm/components/QTabs/QTab.d.ts.map +1 -1
- package/esm/components/QTabs/QTabs.d.ts.map +1 -1
- package/esm/components/QTabs/context.d.ts +5 -5
- package/esm/components/QTabs/context.d.ts.map +1 -1
- package/esm/components/QTabs/index.d.ts +9 -6
- package/esm/components/QTabs/index.d.ts.map +1 -1
- package/esm/components/QThemeProvider/types.d.ts +2 -2
- package/esm/components/QThemeProvider/types.d.ts.map +1 -1
- package/esm/components/QToast/QToaster.vue.js +1 -1
- package/esm/components/QToast/constants.d.ts.map +1 -1
- package/esm/components/QToggle/QToggle.vue.js +1 -0
- package/esm/components/QToggle/index.d.ts +3 -0
- package/esm/components/QToggle/index.d.ts.map +1 -1
- package/esm/components/QToggleGroup/QToggleGroupItem.vue.js +1 -0
- package/esm/components/QTooltip/index.d.ts +3 -3
- package/esm/components/QTooltip/types.d.ts +2 -2
- package/esm/components/QTooltip/types.d.ts.map +1 -1
- package/esm/components/__internal__/QChevron/constants.d.ts.map +1 -1
- package/esm/components/__internal__/QClearButton/constants.d.ts.map +1 -1
- package/esm/components/__internal__/QSafeTriangle/QSafeTriangle.d.ts +1 -1
- package/esm/components/__internal__/QSafeTriangle/index.d.ts +1 -1
- package/esm/composables/defaults.d.ts +7 -7
- package/esm/composables/defaults.d.ts.map +1 -1
- package/esm/composables/index.d.ts +3 -3
- package/esm/composables/index.d.ts.map +1 -1
- package/esm/composables/theme.d.ts +20 -20
- package/esm/composables/theme.d.ts.map +1 -1
- package/esm/composables/useColor/index.d.ts +24 -9
- package/esm/composables/useColor/index.d.ts.map +1 -1
- package/esm/composables/useColor/index.js +17 -10
- package/esm/composables/useColor/types.d.ts +3 -3
- package/esm/composables/useColor/types.d.ts.map +1 -1
- package/esm/composables/useDialog/index.d.ts +3 -3
- package/esm/composables/useDialog/index.d.ts.map +1 -1
- package/esm/composables/useDialog/types.d.ts +3 -3
- package/esm/composables/useDialog/types.d.ts.map +1 -1
- package/esm/composables/useDismissibleLayerStack/index.d.ts +2 -2
- package/esm/composables/useDismissibleLayerStack/index.d.ts.map +1 -1
- package/esm/composables/useGroup/index.d.ts +6 -6
- package/esm/composables/useGroup/index.d.ts.map +1 -1
- package/esm/composables/useToast/index.d.ts +3 -3
- package/esm/composables/useToast/index.d.ts.map +1 -1
- package/esm/composables/useToast/types.d.ts +3 -3
- package/esm/composables/useToast/types.d.ts.map +1 -1
- package/esm/framework.d.ts +6 -6
- package/esm/framework.d.ts.map +1 -1
- package/esm/index.d.ts +2 -2
- package/esm/index.d.ts.map +1 -1
- package/esm/symbols/dismissibleLayer.d.ts +2 -2
- package/esm/symbols/dismissibleLayer.d.ts.map +1 -1
- package/esm/templates/theme.d.ts +3 -3
- package/esm/templates/theme.d.ts.map +1 -1
- package/esm/utils/color/merge.d.ts +3 -3
- package/esm/utils/color/merge.d.ts.map +1 -1
- package/esm/utils/color/theme-colors.d.ts +2 -2
- package/esm/utils/color/theme-colors.d.ts.map +1 -1
- package/esm/utils/color/types.d.ts +2 -2
- package/esm/utils/color/types.d.ts.map +1 -1
- package/esm/utils/theme.d.ts +9 -9
- package/esm/utils/theme.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -24,10 +24,11 @@ declare function __VLS_template(): {
|
|
|
24
24
|
readonly size?: import('../..').QComponentSize | undefined;
|
|
25
25
|
readonly iconPos?: import('..').QButtonIconPosition | undefined;
|
|
26
26
|
readonly pill?: boolean | undefined;
|
|
27
|
+
readonly effect?: import('..').QButtonEffect | undefined;
|
|
27
28
|
readonly disabled?: boolean | undefined;
|
|
28
29
|
readonly loading?: boolean | undefined;
|
|
29
30
|
readonly tabindex?: number | undefined;
|
|
30
|
-
readonly onClick?: ((event:
|
|
31
|
+
readonly onClick?: ((event: MouseEvent) => any) | undefined;
|
|
31
32
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
32
33
|
$attrs: import('vue').Attrs;
|
|
33
34
|
$refs: {
|
|
@@ -39,14 +40,15 @@ declare function __VLS_template(): {
|
|
|
39
40
|
$root: import('vue').ComponentPublicInstance | null;
|
|
40
41
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
41
42
|
$host: Element | null;
|
|
42
|
-
$emit: (event: "click", event:
|
|
43
|
+
$emit: (event: "click", event: MouseEvent) => void;
|
|
43
44
|
$el: HTMLButtonElement;
|
|
44
45
|
$options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
|
|
45
|
-
onClick?: ((event:
|
|
46
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
46
47
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
47
|
-
click: (event:
|
|
48
|
+
click: (event: MouseEvent) => any;
|
|
48
49
|
}, string, {
|
|
49
50
|
variant: import('..').QButtonVariant;
|
|
51
|
+
effect: import('..').QButtonEffect;
|
|
50
52
|
color: string;
|
|
51
53
|
iconPos: import('..').QButtonIconPosition;
|
|
52
54
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
@@ -71,11 +73,12 @@ declare function __VLS_template(): {
|
|
|
71
73
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
72
74
|
} & Readonly<{
|
|
73
75
|
variant: import('..').QButtonVariant;
|
|
76
|
+
effect: import('..').QButtonEffect;
|
|
74
77
|
color: string;
|
|
75
78
|
iconPos: import('..').QButtonIconPosition;
|
|
76
79
|
}> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
|
|
77
|
-
onClick?: ((event:
|
|
78
|
-
}>, "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
80
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
81
|
+
}>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
79
82
|
$slots: {
|
|
80
83
|
default?(_: {}): any;
|
|
81
84
|
append?(_: {}): any;
|
|
@@ -103,10 +106,11 @@ declare const __VLS_component: import('vue').DefineComponent<QTabProps, {}, {},
|
|
|
103
106
|
readonly size?: import('../..').QComponentSize | undefined;
|
|
104
107
|
readonly iconPos?: import('..').QButtonIconPosition | undefined;
|
|
105
108
|
readonly pill?: boolean | undefined;
|
|
109
|
+
readonly effect?: import('..').QButtonEffect | undefined;
|
|
106
110
|
readonly disabled?: boolean | undefined;
|
|
107
111
|
readonly loading?: boolean | undefined;
|
|
108
112
|
readonly tabindex?: number | undefined;
|
|
109
|
-
readonly onClick?: ((event:
|
|
113
|
+
readonly onClick?: ((event: MouseEvent) => any) | undefined;
|
|
110
114
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
111
115
|
$attrs: import('vue').Attrs;
|
|
112
116
|
$refs: {
|
|
@@ -118,14 +122,15 @@ declare const __VLS_component: import('vue').DefineComponent<QTabProps, {}, {},
|
|
|
118
122
|
$root: import('vue').ComponentPublicInstance | null;
|
|
119
123
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
120
124
|
$host: Element | null;
|
|
121
|
-
$emit: (event: "click", event:
|
|
125
|
+
$emit: (event: "click", event: MouseEvent) => void;
|
|
122
126
|
$el: HTMLButtonElement;
|
|
123
127
|
$options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
|
|
124
|
-
onClick?: ((event:
|
|
128
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
125
129
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
126
|
-
click: (event:
|
|
130
|
+
click: (event: MouseEvent) => any;
|
|
127
131
|
}, string, {
|
|
128
132
|
variant: import('..').QButtonVariant;
|
|
133
|
+
effect: import('..').QButtonEffect;
|
|
129
134
|
color: string;
|
|
130
135
|
iconPos: import('..').QButtonIconPosition;
|
|
131
136
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
@@ -150,11 +155,12 @@ declare const __VLS_component: import('vue').DefineComponent<QTabProps, {}, {},
|
|
|
150
155
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
151
156
|
} & Readonly<{
|
|
152
157
|
variant: import('..').QButtonVariant;
|
|
158
|
+
effect: import('..').QButtonEffect;
|
|
153
159
|
color: string;
|
|
154
160
|
iconPos: import('..').QButtonIconPosition;
|
|
155
161
|
}> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
|
|
156
|
-
onClick?: ((event:
|
|
157
|
-
}>, "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
162
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
163
|
+
}>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
158
164
|
$slots: {
|
|
159
165
|
default?(_: {}): any;
|
|
160
166
|
append?(_: {}): any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QTab.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTab.vue"],"names":[],"mappings":"AA6CA;AAuNC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA+JzC,iBAAS,cAAc;WAwHT,OAAO,IAA6B;;iCAdZ,GAAG;uBACb,GAAG;gCACM,GAAG;yBACV,GAAG
|
|
1
|
+
{"version":3,"file":"QTab.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTab.vue"],"names":[],"mappings":"AA6CA;AAuNC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA+JzC,iBAAS,cAAc;WAwHT,OAAO,IAA6B;;iCAdZ,GAAG;uBACb,GAAG;gCACM,GAAG;yBACV,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmEisW,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;EAnDv1W;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6B6sW,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;OArBt1W,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTabs.vue"],"names":[],"mappings":"AAyBA;AAycC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAEN,QAAQ,EASR,MAAM,KAAK,CAAA;AAGZ,KAAK,WAAW,GAAG,UAAU,CAAC;AAkZ/B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiET,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA+
|
|
1
|
+
{"version":3,"file":"QTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTabs.vue"],"names":[],"mappings":"AAyBA;AAycC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAEN,QAAQ,EASR,MAAM,KAAK,CAAA;AAGZ,KAAK,WAAW,GAAG,UAAU,CAAC;AAkZ/B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiET,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA+D0e,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA9C/nB;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+Bqf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;kBArB9nB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { QTabsDirection } from './types';
|
|
|
6
6
|
* Used for keyboard navigation, default selection, focusing tab triggers,
|
|
7
7
|
* and positioning the line-variant active indicator.
|
|
8
8
|
*/
|
|
9
|
-
export type
|
|
9
|
+
export type QTabRegistration = {
|
|
10
10
|
/**
|
|
11
11
|
* Identity of the tab, matching the value used by `v-model` on `QTabs`.
|
|
12
12
|
*/
|
|
@@ -37,7 +37,7 @@ export type TabRegistration = {
|
|
|
37
37
|
*
|
|
38
38
|
* Handles tablist targeting (for teleporting triggers), registration, and keyboard focus movement.
|
|
39
39
|
*/
|
|
40
|
-
export type
|
|
40
|
+
export type QTabsContext = {
|
|
41
41
|
/**
|
|
42
42
|
* DOM element with `role="tablist"` that owns teleported tab triggers.
|
|
43
43
|
*
|
|
@@ -56,7 +56,7 @@ export type TabsContext = {
|
|
|
56
56
|
*
|
|
57
57
|
* @param tab - Tab metadata to register.
|
|
58
58
|
*/
|
|
59
|
-
register: (tab:
|
|
59
|
+
register: (tab: QTabRegistration) => void;
|
|
60
60
|
/**
|
|
61
61
|
* Removes a previously registered tab (typically on unmount).
|
|
62
62
|
*
|
|
@@ -87,7 +87,7 @@ export type TabsContext = {
|
|
|
87
87
|
focusLast: () => void;
|
|
88
88
|
};
|
|
89
89
|
/**
|
|
90
|
-
* Injection key for the {@link
|
|
90
|
+
* Injection key for the {@link QTabsContext} provided by `QTabs`.
|
|
91
91
|
*/
|
|
92
|
-
export declare const TabsSymbol: InjectionKey<
|
|
92
|
+
export declare const TabsSymbol: InjectionKey<QTabsContext>;
|
|
93
93
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC;QAAE,GAAG,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,WAAW,GAAG,IAAI,CAAC,CAAA;IAEvD;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;IAEjB;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;;OAKG;IACH,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAElC;;;;OAIG;IACH,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IAEtC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAEzC;;;;OAIG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;;;;OAKG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAEzD;;;;;OAKG;IACH,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAE5D;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAAoB,CAAA"}
|
|
@@ -167,10 +167,11 @@ declare const QTab: {
|
|
|
167
167
|
readonly size?: import('../..').QComponentSize | undefined;
|
|
168
168
|
readonly iconPos?: import('..').QButtonIconPosition | undefined;
|
|
169
169
|
readonly pill?: boolean | undefined;
|
|
170
|
+
readonly effect?: import('..').QButtonEffect | undefined;
|
|
170
171
|
readonly disabled?: boolean | undefined;
|
|
171
172
|
readonly loading?: boolean | undefined;
|
|
172
173
|
readonly tabindex?: number | undefined;
|
|
173
|
-
readonly onClick?: ((event:
|
|
174
|
+
readonly onClick?: ((event: MouseEvent) => any) | undefined;
|
|
174
175
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
175
176
|
$attrs: import('vue').Attrs;
|
|
176
177
|
$refs: {
|
|
@@ -182,14 +183,15 @@ declare const QTab: {
|
|
|
182
183
|
$root: import('vue').ComponentPublicInstance | null;
|
|
183
184
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
184
185
|
$host: Element | null;
|
|
185
|
-
$emit: (event: "click", event:
|
|
186
|
+
$emit: (event: "click", event: MouseEvent) => void;
|
|
186
187
|
$el: HTMLButtonElement;
|
|
187
188
|
$options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
|
|
188
|
-
onClick?: ((event:
|
|
189
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
189
190
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
190
|
-
click: (event:
|
|
191
|
+
click: (event: MouseEvent) => any;
|
|
191
192
|
}, string, {
|
|
192
193
|
variant: import('..').QButtonVariant;
|
|
194
|
+
effect: import('..').QButtonEffect;
|
|
193
195
|
color: string;
|
|
194
196
|
iconPos: import('..').QButtonIconPosition;
|
|
195
197
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
@@ -214,11 +216,12 @@ declare const QTab: {
|
|
|
214
216
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
215
217
|
} & Readonly<{
|
|
216
218
|
variant: import('..').QButtonVariant;
|
|
219
|
+
effect: import('..').QButtonEffect;
|
|
217
220
|
color: string;
|
|
218
221
|
iconPos: import('..').QButtonIconPosition;
|
|
219
222
|
}> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
|
|
220
|
-
onClick?: ((event:
|
|
221
|
-
}>, "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
223
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
224
|
+
}>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
222
225
|
$slots: {
|
|
223
226
|
default?(_: {}): any;
|
|
224
227
|
append?(_: {}): any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAQw30B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EARp90B,CAAA;AACrC,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAQw30B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EARp90B,CAAA;AACrC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAOy30B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPt90B,CAAA;AAGnC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;AAGtB,cAAc,SAAS,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { QThemeDefinition } from '../../composables/theme';
|
|
2
2
|
import { QBaseComponentProps } from '../../types/component';
|
|
3
3
|
export type QThemeProviderProps = QBaseComponentProps & {
|
|
4
4
|
/**
|
|
@@ -6,6 +6,6 @@ export type QThemeProviderProps = QBaseComponentProps & {
|
|
|
6
6
|
*
|
|
7
7
|
* @category Content
|
|
8
8
|
*/
|
|
9
|
-
theme: string |
|
|
9
|
+
theme: string | QThemeDefinition;
|
|
10
10
|
};
|
|
11
11
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QThemeProvider/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QThemeProvider/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,GAAG;IACvD;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAChC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;CAIY,CAAA"}
|
|
@@ -11,6 +11,7 @@ declare const QToggle: {
|
|
|
11
11
|
size?: import('../..').QComponentSize;
|
|
12
12
|
iconPos?: import('..').QButtonIconPosition;
|
|
13
13
|
pill?: boolean;
|
|
14
|
+
effect?: import('..').QButtonEffect;
|
|
14
15
|
disabled?: boolean;
|
|
15
16
|
loading?: boolean;
|
|
16
17
|
tabindex?: number;
|
|
@@ -37,6 +38,7 @@ declare const QToggle: {
|
|
|
37
38
|
size?: import('../..').QComponentSize;
|
|
38
39
|
iconPos?: import('..').QButtonIconPosition;
|
|
39
40
|
pill?: boolean;
|
|
41
|
+
effect?: import('..').QButtonEffect;
|
|
40
42
|
disabled?: boolean;
|
|
41
43
|
loading?: boolean;
|
|
42
44
|
tabindex?: number;
|
|
@@ -58,6 +60,7 @@ declare const QToggle: {
|
|
|
58
60
|
size?: import('../..').QComponentSize;
|
|
59
61
|
iconPos?: import('..').QButtonIconPosition;
|
|
60
62
|
pill?: boolean;
|
|
63
|
+
effect?: import('..').QButtonEffect;
|
|
61
64
|
disabled?: boolean;
|
|
62
65
|
loading?: boolean;
|
|
63
66
|
tabindex?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToggle/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToggle/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}
|
|
@@ -4,7 +4,7 @@ declare const QTooltip: {
|
|
|
4
4
|
} & import('../..').QBaseComponentProps & {
|
|
5
5
|
anchor?: import('../../utils/getElement').Selector;
|
|
6
6
|
text: string;
|
|
7
|
-
icon?: import('..').
|
|
7
|
+
icon?: import('..').QIconProps;
|
|
8
8
|
appearance?: import('..').QOverlayAppearance;
|
|
9
9
|
placement?: import('..').QOverlayPlacement;
|
|
10
10
|
arrow?: boolean;
|
|
@@ -38,7 +38,7 @@ declare const QTooltip: {
|
|
|
38
38
|
} & import('../..').QBaseComponentProps & {
|
|
39
39
|
anchor?: import('../../utils/getElement').Selector;
|
|
40
40
|
text: string;
|
|
41
|
-
icon?: import('..').
|
|
41
|
+
icon?: import('..').QIconProps;
|
|
42
42
|
appearance?: import('..').QOverlayAppearance;
|
|
43
43
|
placement?: import('..').QOverlayPlacement;
|
|
44
44
|
arrow?: boolean;
|
|
@@ -67,7 +67,7 @@ declare const QTooltip: {
|
|
|
67
67
|
} & import('../..').QBaseComponentProps & {
|
|
68
68
|
anchor?: import('../../utils/getElement').Selector;
|
|
69
69
|
text: string;
|
|
70
|
-
icon?: import('..').
|
|
70
|
+
icon?: import('..').QIconProps;
|
|
71
71
|
appearance?: import('..').QOverlayAppearance;
|
|
72
72
|
placement?: import('..').QOverlayPlacement;
|
|
73
73
|
arrow?: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Appearance, Placement, Trigger } from '../../utils/overlay';
|
|
2
2
|
import { Selector } from '../../utils/getElement';
|
|
3
|
-
import {
|
|
3
|
+
import { QIconProps } from '../QIcon';
|
|
4
4
|
import { QBaseComponentProps } from '../../types/component';
|
|
5
5
|
export type QTooltipProps = QBaseComponentProps & {
|
|
6
6
|
/**
|
|
@@ -20,7 +20,7 @@ export type QTooltipProps = QBaseComponentProps & {
|
|
|
20
20
|
*
|
|
21
21
|
* @category Content
|
|
22
22
|
*/
|
|
23
|
-
icon?:
|
|
23
|
+
icon?: QIconProps;
|
|
24
24
|
/**
|
|
25
25
|
* The appearance of the tooltip.
|
|
26
26
|
* 'regular' uses body text color for background and body background color for text.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QChevron/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QChevron/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;CAIY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;CAEQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;CAEQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;CAIY,CAAA"}
|
|
@@ -3,8 +3,8 @@ declare const _default: import('vue').DefineComponent<QSafeTriangleProps, {}, {}
|
|
|
3
3
|
width: number;
|
|
4
4
|
path: string;
|
|
5
5
|
top: number;
|
|
6
|
-
height: number;
|
|
7
6
|
left: number;
|
|
7
|
+
height: number;
|
|
8
8
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
9
|
export default _default;
|
|
10
10
|
//# sourceMappingURL=QSafeTriangle.vue.d.ts.map
|
|
@@ -2,8 +2,8 @@ declare const QSafeTriangle: import('vue').DefineComponent<import('./types').QSa
|
|
|
2
2
|
width: number;
|
|
3
3
|
path: string;
|
|
4
4
|
top: number;
|
|
5
|
-
height: number;
|
|
6
5
|
left: number;
|
|
6
|
+
height: number;
|
|
7
7
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
8
8
|
export { QSafeTriangle };
|
|
9
9
|
export * from './types';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComputedRef, MaybeRefOrGetter } from 'vue';
|
|
2
2
|
export declare const DEFAULTS_SYMBOL = "q-defaults";
|
|
3
|
-
export type
|
|
4
|
-
export type
|
|
5
|
-
export declare function useDefaults(): ComputedRef<
|
|
3
|
+
export type QDefaults = Record<string | symbol, QComponentDefaults>;
|
|
4
|
+
export type QComponentDefaults = Record<string | symbol, unknown>;
|
|
5
|
+
export declare function useDefaults(): ComputedRef<QComponentDefaults | undefined>;
|
|
6
6
|
/**
|
|
7
7
|
* Function to provide or update default values using the Vue.js `provide` function.
|
|
8
8
|
* It takes a set of default values, merges them with the existing defaults (if any),
|
|
@@ -10,15 +10,15 @@ export declare function useDefaults(): ComputedRef<ComponentDefaults | undefined
|
|
|
10
10
|
*
|
|
11
11
|
* @param defaults - The default values to be provided or updated.
|
|
12
12
|
*/
|
|
13
|
-
export declare function provideDefaults(defaults: MaybeRefOrGetter<
|
|
13
|
+
export declare function provideDefaults(defaults: MaybeRefOrGetter<QDefaults>): void;
|
|
14
14
|
/**
|
|
15
15
|
* Function to inject default values using the Vue.js `inject` function.
|
|
16
16
|
* It retrieves the default values from the specified symbol and ensures
|
|
17
|
-
* that the returned value is of type `ComputedRef<
|
|
17
|
+
* that the returned value is of type `ComputedRef<QDefaults>`.
|
|
18
18
|
*
|
|
19
19
|
* @throws {Error} Throws an error if the defaults instance is not found.
|
|
20
20
|
*
|
|
21
|
-
* @returns {ComputedRef<
|
|
21
|
+
* @returns {ComputedRef<QDefaults>} A computed reference to the default values.
|
|
22
22
|
*/
|
|
23
|
-
export declare function injectDefaults(): ComputedRef<
|
|
23
|
+
export declare function injectDefaults(): ComputedRef<QDefaults>;
|
|
24
24
|
//# sourceMappingURL=defaults.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/composables/defaults.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAOxD,eAAO,MAAM,eAAe,eAAe,CAAA;AAE3C,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/composables/defaults.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAOxD,eAAO,MAAM,eAAe,eAAe,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,kBAAkB,CAAC,CAAA;AAEnE,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;AAEjE,wBAAgB,WAAW,IAAI,WAAW,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAgBzE;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,gBAAgB,CAAC,SAAS,CAAC,GAAG,IAAI,CAY3E;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAAC,SAAS,CAAC,CAMvD"}
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
* Add new exports here **only if** the composable is meant to be
|
|
15
15
|
* consumed by applications or other packages.
|
|
16
16
|
*/
|
|
17
|
-
export { provideTheme, useTheme, type
|
|
18
|
-
export { useDialog, type
|
|
19
|
-
export { useToast, type
|
|
17
|
+
export { provideTheme, useTheme, type QThemeDefinition } from './theme';
|
|
18
|
+
export { useDialog, type QDialogItem, type QUseDialogReturn } from './useDialog';
|
|
19
|
+
export { useToast, type QToastItem, type QUseToastReturn } from './useToast';
|
|
20
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAGvE,OAAO,EAAE,SAAS,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAGhF,OAAO,EAAE,QAAQ,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { ComputedRef, DeepReadonly, InjectionKey, MaybeRefOrGetter, Ref } from 'vue';
|
|
2
|
-
import {
|
|
3
|
-
export declare const ThemeSymbol: InjectionKey<
|
|
2
|
+
import { QColorScheme } from '../utils/color';
|
|
3
|
+
export declare const ThemeSymbol: InjectionKey<QThemeInstance>;
|
|
4
4
|
/**
|
|
5
5
|
* Represents the two available theme modes for the application: light and dark.
|
|
6
6
|
*/
|
|
7
|
-
export type
|
|
7
|
+
export type QThemeMode = 'light' | 'dark';
|
|
8
8
|
/**
|
|
9
9
|
* Represents the theme configuration for the application, including the default theme
|
|
10
10
|
* and a list of available themes with customizable color schemes.
|
|
11
11
|
*/
|
|
12
|
-
export type
|
|
12
|
+
export type QAppThemes = {
|
|
13
13
|
/** The name of the default theme to be applied initially. */
|
|
14
14
|
defaultTheme: string;
|
|
15
15
|
/** An array of theme definitions available for the application. */
|
|
@@ -17,33 +17,33 @@ export type AppThemes = {
|
|
|
17
17
|
/** The name of the theme. */
|
|
18
18
|
name: string;
|
|
19
19
|
/** The mode of the theme (e.g., light or dark). */
|
|
20
|
-
mode:
|
|
20
|
+
mode: QThemeMode;
|
|
21
21
|
/** An optional object to customize the color scheme of the theme. */
|
|
22
|
-
colors?: Partial<
|
|
22
|
+
colors?: Partial<QColorScheme>;
|
|
23
23
|
}>;
|
|
24
24
|
};
|
|
25
25
|
/**
|
|
26
26
|
* Defines the structure of a theme, including its name, mode, and color scheme.
|
|
27
27
|
*/
|
|
28
|
-
export type
|
|
28
|
+
export type QThemeDefinition = {
|
|
29
29
|
/** The unique name of the theme. */
|
|
30
30
|
name: string;
|
|
31
31
|
/** The mode of the theme (e.g., light or dark). */
|
|
32
|
-
mode:
|
|
32
|
+
mode: QThemeMode;
|
|
33
33
|
/** The color scheme associated with the theme. */
|
|
34
|
-
scheme:
|
|
34
|
+
scheme: QColorScheme;
|
|
35
35
|
};
|
|
36
36
|
/**
|
|
37
37
|
* Represents an instance of a theme, containing reactive properties for
|
|
38
38
|
* managing theme state and accessing theme definitions.
|
|
39
39
|
*/
|
|
40
|
-
export type
|
|
40
|
+
export type QThemeInstance = {
|
|
41
41
|
/** The reactive reference to the active theme's name. */
|
|
42
42
|
readonly name: Ref<string>;
|
|
43
43
|
/** A computed reference to the current theme definition. */
|
|
44
|
-
readonly current: DeepReadonly<ComputedRef<
|
|
44
|
+
readonly current: DeepReadonly<ComputedRef<QThemeDefinition>>;
|
|
45
45
|
/** An array of available theme definitions. */
|
|
46
|
-
readonly themes: DeepReadonly<Ref<
|
|
46
|
+
readonly themes: DeepReadonly<Ref<QThemeDefinition[]>>;
|
|
47
47
|
/** The theme class name. */
|
|
48
48
|
readonly class: ComputedRef<string>;
|
|
49
49
|
/** The theme CSS definition. */
|
|
@@ -54,24 +54,24 @@ export type ThemeInstance = {
|
|
|
54
54
|
*
|
|
55
55
|
* @returns The current theme configuration.
|
|
56
56
|
*/
|
|
57
|
-
export declare function useTheme():
|
|
57
|
+
export declare function useTheme(): QThemeInstance;
|
|
58
58
|
/**
|
|
59
59
|
* Provides and manages a reactive theme instance within Vue’s dependency injection system.
|
|
60
60
|
*
|
|
61
61
|
* This function:
|
|
62
62
|
* - Retrieves the current list of available themes from the existing theme context.
|
|
63
|
-
* - Resolves the input (`nameOrDef`) to either a theme name or a full `
|
|
64
|
-
* - If a `
|
|
65
|
-
* - Creates a new reactive `
|
|
66
|
-
* - Provides the new `
|
|
63
|
+
* - Resolves the input (`nameOrDef`) to either a theme name or a full `QThemeDefinition`.
|
|
64
|
+
* - If a `QThemeDefinition` is provided, it is appended to the existing list of themes.
|
|
65
|
+
* - Creates a new reactive `QThemeInstance` bound to the resolved name and theme list.
|
|
66
|
+
* - Provides the new `QThemeInstance` under `ThemeSymbol`, making it available to descendants via `useTheme()`.
|
|
67
67
|
*
|
|
68
68
|
* @param nameOrDef - The theme to activate, given as either:
|
|
69
69
|
* - A theme name (`string`), or a reactive source (`Ref<string>`/getter).
|
|
70
|
-
* - A `
|
|
70
|
+
* - A `QThemeDefinition`, or a reactive source (`Ref<QThemeDefinition>`/getter).
|
|
71
71
|
*
|
|
72
|
-
* @returns The newly created and provided `
|
|
72
|
+
* @returns The newly created and provided `QThemeInstance`.
|
|
73
73
|
*
|
|
74
74
|
* @throws {Error} If the resolved theme name does not exist in the available themes.
|
|
75
75
|
*/
|
|
76
|
-
export declare function provideTheme(nameOrDef: MaybeRefOrGetter<string |
|
|
76
|
+
export declare function provideTheme(nameOrDef: MaybeRefOrGetter<string | QThemeDefinition>): QThemeInstance;
|
|
77
77
|
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzF,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAMlD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,cAAc,CAAyB,CAAA;AAE9E;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;AAEzC;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG;IACxB,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAA;IAEpB,mEAAmE;IACnE,MAAM,EAAE,KAAK,CAAC;QACb,6BAA6B;QAC7B,IAAI,EAAE,MAAM,CAAA;QAEZ,mDAAmD;QACnD,IAAI,EAAE,UAAU,CAAA;QAEhB,qEAAqE;QACrE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;KAC9B,CAAC,CAAA;CACF,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAA;IAEZ,mDAAmD;IACnD,IAAI,EAAE,UAAU,CAAA;IAEhB,kDAAkD;IAClD,MAAM,EAAE,YAAY,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAC5B,yDAAyD;IACzD,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAE1B,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAE7D,+CAA+C;IAC/C,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAA;IAEtD,4BAA4B;IAC5B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAEnC,gCAAgC;IAChC,QAAQ,CAAC,GAAG,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CAC7C,CAAA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,cAAc,CAQzC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAC3B,SAAS,EAAE,gBAAgB,CAAC,MAAM,GAAG,gBAAgB,CAAC,GACpD,cAAc,CA2ChB"}
|
|
@@ -1,7 +1,21 @@
|
|
|
1
1
|
import { MaybeRef } from 'vue';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
type HoverStyle = Pick<
|
|
2
|
+
import { QColorStyle, QUseColorReturn } from './types';
|
|
3
|
+
import { QColorScheme, RGB } from '../../utils/color';
|
|
4
|
+
type HoverStyle = Pick<QColorStyle, 'hoverColor' | 'hoverColorRgb' | 'onHoverColor'>;
|
|
5
|
+
/**
|
|
6
|
+
* Resolves the "on" (contrasting) color for `useColor`'s main color.
|
|
7
|
+
*
|
|
8
|
+
* Theme utility keys with a matching `on*` scheme token use that token directly, so a
|
|
9
|
+
* theme's own contrast choice for e.g. `onPrimary` is respected. Custom CSS colors and
|
|
10
|
+
* utilities without an `on*` token fall back to WCAG relative luminance via
|
|
11
|
+
* {@link getContrastingColor}.
|
|
12
|
+
*
|
|
13
|
+
* @param rawColor - The original color input (utility key or CSS color).
|
|
14
|
+
* @param isUtilityColor - Whether `rawColor` is a BEM theme utility key.
|
|
15
|
+
* @param scheme - The active color scheme.
|
|
16
|
+
* @param mainRgb - Parsed RGB of the resolved main color.
|
|
17
|
+
*/
|
|
18
|
+
export declare function resolveOnMainColor(rawColor: string, isUtilityColor: boolean, scheme: Readonly<QColorScheme>, mainRgb: RGB): string;
|
|
5
19
|
/**
|
|
6
20
|
* Resolves hover colors for `useColor`.
|
|
7
21
|
*
|
|
@@ -14,7 +28,7 @@ type HoverStyle = Pick<ColorStyle, 'hoverColor' | 'hoverColorRgb' | 'onHoverColo
|
|
|
14
28
|
* @param scheme - The active color scheme.
|
|
15
29
|
* @param mainRgb - Parsed RGB of the resolved main color.
|
|
16
30
|
*/
|
|
17
|
-
export declare function resolveHoverStyle(rawColor: string, isUtilityColor: boolean, scheme: Readonly<
|
|
31
|
+
export declare function resolveHoverStyle(rawColor: string, isUtilityColor: boolean, scheme: Readonly<QColorScheme>, mainRgb: RGB): HoverStyle;
|
|
18
32
|
/**
|
|
19
33
|
* A composable function that processes and returns color-related information and styles.
|
|
20
34
|
*
|
|
@@ -23,7 +37,8 @@ export declare function resolveHoverStyle(rawColor: string, isUtilityColor: bool
|
|
|
23
37
|
* Values such as `var(...)`, `transparent`, `currentColor`, and `inherit`
|
|
24
38
|
* are rejected with a dev warning.
|
|
25
39
|
*
|
|
26
|
-
* `style.onMainColor`
|
|
40
|
+
* `style.onMainColor` uses the theme's own `on*` token for theme utility keys when
|
|
41
|
+
* present (e.g. `onPrimary`), falling back to WCAG relative luminance otherwise.
|
|
27
42
|
* For theme utility keys that have a scheme `*Dark` token, `hoverColor` / `onHoverColor`
|
|
28
43
|
* come from `*Dark` / `on*Dark`. Custom CSS colors, utilities without `*Dark` (such as
|
|
29
44
|
* `background`), and unparsable `*Dark` overrides use `darken(main, COLOR_SCHEME_DARKEN_AMOUNT)` with WCAG
|
|
@@ -35,11 +50,11 @@ export declare function resolveHoverStyle(rawColor: string, isUtilityColor: bool
|
|
|
35
50
|
*
|
|
36
51
|
* @param color - A theme utility key or CSS color value. Can be provided as a ref or plain string.
|
|
37
52
|
*
|
|
38
|
-
* @returns {
|
|
53
|
+
* @returns {QUseColorReturn} An object containing:
|
|
39
54
|
* - isUtilityColor: A computed boolean indicating if the color is a theme utility key
|
|
40
55
|
* - style: A computed object containing:
|
|
41
56
|
* - mainColor: The resolved color value
|
|
42
|
-
* - onMainColor:
|
|
57
|
+
* - onMainColor: Scheme `on*` for utilities when present, otherwise WCAG contrast
|
|
43
58
|
* - hoverColor: Scheme `*Dark` for utilities, otherwise a darkened main color
|
|
44
59
|
* - onHoverColor: Scheme `on*Dark` for utilities when present, otherwise WCAG on hover
|
|
45
60
|
*
|
|
@@ -50,7 +65,7 @@ export declare function resolveHoverStyle(rawColor: string, isUtilityColor: bool
|
|
|
50
65
|
* const { isUtilityColor, style } = useColor(ref('#FF0000'))
|
|
51
66
|
* ```
|
|
52
67
|
*/
|
|
53
|
-
export declare function useColor(color: MaybeRef<string | undefined>):
|
|
68
|
+
export declare function useColor(color: MaybeRef<string | undefined>): QUseColorReturn;
|
|
54
69
|
/**
|
|
55
70
|
* Resolves a color scheme key against a color scheme while preserving CSS and custom colors.
|
|
56
71
|
*
|
|
@@ -65,6 +80,6 @@ export declare function useColor(color: MaybeRef<string | undefined>): UseColorR
|
|
|
65
80
|
* @param scheme - The active color scheme.
|
|
66
81
|
* @returns The scheme value when `color` is a scheme key; otherwise the original string.
|
|
67
82
|
*/
|
|
68
|
-
export declare function resolveColor(color: string, scheme: Readonly<
|
|
83
|
+
export declare function resolveColor(color: string, scheme: Readonly<QColorScheme>): string;
|
|
69
84
|
export {};
|
|
70
85
|
//# sourceMappingURL=index.d.ts.map
|