@quidgest/ui 0.24.0 → 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 +18 -0
- package/dist/json/api.json +40 -8
- package/dist/ui.css +212 -182
- 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 +262 -246
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAuB1D,KAAK,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,CAAA;AAYpF;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,OAAO,EACvB,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,EAC9B,OAAO,EAAE,GAAG,GACV,MAAM,CAUR;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAChC,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,OAAO,EACvB,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,EAC9B,OAAO,EAAE,GAAG,GACV,UAAU,CA4BZ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,eAAe,CAiD7E;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,MAAM,CAQlF"}
|
|
@@ -17,7 +17,14 @@ function d(n) {
|
|
|
17
17
|
onHoverColor: r(a)
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
|
-
function f(e,
|
|
20
|
+
function f(e, t, n, i) {
|
|
21
|
+
if (t) {
|
|
22
|
+
let t = n[`on${e.charAt(0).toUpperCase()}${e.slice(1)}`];
|
|
23
|
+
if (typeof t == "string") return t;
|
|
24
|
+
}
|
|
25
|
+
return r(i);
|
|
26
|
+
}
|
|
27
|
+
function p(e, i, a, o) {
|
|
21
28
|
if (i) {
|
|
22
29
|
let i = e, o = a[`${i}Dark`];
|
|
23
30
|
if (typeof o == "string") try {
|
|
@@ -33,25 +40,25 @@ function f(e, i, a, o) {
|
|
|
33
40
|
}
|
|
34
41
|
return d(o);
|
|
35
42
|
}
|
|
36
|
-
function
|
|
37
|
-
let
|
|
43
|
+
function m(e) {
|
|
44
|
+
let r = c(() => l(e)), i = s(), d = c(() => r.value ? a(r.value) : !1);
|
|
38
45
|
return {
|
|
39
|
-
isUtilityColor:
|
|
46
|
+
isUtilityColor: d,
|
|
40
47
|
style: c(() => {
|
|
41
|
-
let e =
|
|
48
|
+
let e = r.value;
|
|
42
49
|
if (!e) return;
|
|
43
|
-
if (!
|
|
50
|
+
if (!d.value && o(e)) {
|
|
44
51
|
u(e);
|
|
45
52
|
return;
|
|
46
53
|
}
|
|
47
|
-
let a =
|
|
54
|
+
let a = h(e, i.current.value.scheme), s;
|
|
48
55
|
try {
|
|
49
56
|
s = n(a);
|
|
50
57
|
} catch {
|
|
51
58
|
u(e);
|
|
52
59
|
return;
|
|
53
60
|
}
|
|
54
|
-
let c =
|
|
61
|
+
let c = f(e, d.value, i.current.value.scheme, s), l = p(e, d.value, i.current.value.scheme, s);
|
|
55
62
|
return {
|
|
56
63
|
mainColor: a,
|
|
57
64
|
mainColorRgb: t(s),
|
|
@@ -61,9 +68,9 @@ function p(e) {
|
|
|
61
68
|
})
|
|
62
69
|
};
|
|
63
70
|
}
|
|
64
|
-
function
|
|
71
|
+
function h(e, t) {
|
|
65
72
|
let n = e.trim();
|
|
66
73
|
return Object.prototype.hasOwnProperty.call(t, n) ? t[n] ?? e : e;
|
|
67
74
|
}
|
|
68
75
|
//#endregion
|
|
69
|
-
export {
|
|
76
|
+
export { h as resolveColor, p as resolveHoverStyle, f as resolveOnMainColor, m as useColor };
|
|
@@ -2,7 +2,7 @@ import { ComputedRef } from 'vue';
|
|
|
2
2
|
/**
|
|
3
3
|
* Represents the color styling configuration for a component.
|
|
4
4
|
*/
|
|
5
|
-
export interface
|
|
5
|
+
export interface QColorStyle {
|
|
6
6
|
/**
|
|
7
7
|
* The main color to be used.
|
|
8
8
|
*/
|
|
@@ -34,7 +34,7 @@ export interface ColorStyle {
|
|
|
34
34
|
/**
|
|
35
35
|
* Interface representing the return type of the `useColor` composable.
|
|
36
36
|
*/
|
|
37
|
-
export interface
|
|
37
|
+
export interface QUseColorReturn {
|
|
38
38
|
/**
|
|
39
39
|
* A computed reference indicating whether the color is a theme utility key.
|
|
40
40
|
*/
|
|
@@ -42,6 +42,6 @@ export interface UseColorReturn {
|
|
|
42
42
|
/**
|
|
43
43
|
* A computed reference to the color style, which may be undefined.
|
|
44
44
|
*/
|
|
45
|
-
style: ComputedRef<
|
|
45
|
+
style: ComputedRef<QColorStyle | undefined>;
|
|
46
46
|
}
|
|
47
47
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B;;OAEG;IACH,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEpC;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;CAC3C"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export type {
|
|
1
|
+
import { QUseDialogReturn } from './types';
|
|
2
|
+
export type { QDialogItem, QUseDialogReturn } from './types';
|
|
3
3
|
/**
|
|
4
4
|
* Manages programmatic dialogs for the current app (`createFramework`).
|
|
5
5
|
*
|
|
@@ -12,5 +12,5 @@ export type { DialogItem, UseDialogReturn } from './types';
|
|
|
12
12
|
* - removeDialog: A function to remove a QDialog instance.
|
|
13
13
|
* - cancelDialog: A function to cancel a not-yet-registered dialog by `props.id`.
|
|
14
14
|
*/
|
|
15
|
-
export declare function useDialog():
|
|
15
|
+
export declare function useDialog(): QUseDialogReturn;
|
|
16
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW/C,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE5D;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,IAAI,gBAAgB,CA6F5C"}
|
|
@@ -6,7 +6,7 @@ import { QDialogProps, QDialogOptions, QDialogHandlers } from '../../components/
|
|
|
6
6
|
* `id` is set when the dialog registers during setup. Prefer `await addDialog(...)` to
|
|
7
7
|
* obtain the id rather than reading it from this list before the promise resolves.
|
|
8
8
|
*/
|
|
9
|
-
export type
|
|
9
|
+
export type QDialogItem = {
|
|
10
10
|
/**
|
|
11
11
|
* Unique identifier for the dialog instance, set when the dialog registers during setup.
|
|
12
12
|
*/
|
|
@@ -28,13 +28,13 @@ export type DialogItem = {
|
|
|
28
28
|
* Represents the return type of the `useDialog` composable, providing methods and state
|
|
29
29
|
* for managing dialog instances.
|
|
30
30
|
*/
|
|
31
|
-
export type
|
|
31
|
+
export type QUseDialogReturn = {
|
|
32
32
|
/**
|
|
33
33
|
* Currently active dialogs (public fields only: `id`, `props`, `options`, `handlers`).
|
|
34
34
|
* Read-only: mutating this array does not change the dialog store — use `removeDialog`.
|
|
35
35
|
* `id` is undefined until the dialog registers during setup; use the `addDialog` promise for the id.
|
|
36
36
|
*/
|
|
37
|
-
dialogs: ComputedRef<
|
|
37
|
+
dialogs: ComputedRef<QDialogItem[]>;
|
|
38
38
|
/**
|
|
39
39
|
* Adds a new dialog to the state with the specified properties.
|
|
40
40
|
* Requires a mounted QDialogProvider (exactly one per app); rejects immediately when none is present.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAO,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AA+EnG;;;;;GAKG;AACH,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAO,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AA+EnG;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC1B,CAAA;AAeD;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;;;OAIG;IACH,OAAO,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAA;IAEnC;;;;;OAKG;IACH,SAAS,CACR,KAAK,EAAE,YAAY,EACnB,OAAO,CAAC,EAAE,cAAc,EACxB,QAAQ,CAAC,EAAE,eAAe,GACxB,OAAO,CAAC,MAAM,CAAC,CAAA;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MaybeRefOrGetter, Ref } from 'vue';
|
|
2
|
-
export type
|
|
2
|
+
export type QDismissibleLayerStack = {
|
|
3
3
|
/** Registered layer ids, from bottom (first) to top (last). */
|
|
4
4
|
layers: Ref<string[]>;
|
|
5
5
|
register(id: string): void;
|
|
@@ -15,7 +15,7 @@ export type DismissibleLayerStack = {
|
|
|
15
15
|
*
|
|
16
16
|
* @returns The reactive layer list and helpers to register, unregister, and update ids.
|
|
17
17
|
*/
|
|
18
|
-
export declare function useDismissibleLayerStack():
|
|
18
|
+
export declare function useDismissibleLayerStack(): QDismissibleLayerStack;
|
|
19
19
|
/**
|
|
20
20
|
* Stack item helpers that keep the registered id in sync when the override changes.
|
|
21
21
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDismissibleLayerStack/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAmB,MAAM,KAAK,CAAA;AAKjE,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDismissibleLayerStack/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAmB,MAAM,KAAK,CAAA;AAKjE,MAAM,MAAM,sBAAsB,GAAG;IACpC,+DAA+D;IAC/D,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAA;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1C,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;CAC1B,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,IAAI,sBAAsB,CAsDjE;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC;;;;EA0CxE"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ComputedRef, InjectionKey, MaybeRef, Ref } from 'vue';
|
|
2
2
|
/** Symbol used for dependency injection of Group. */
|
|
3
|
-
export declare const GroupSymbol: InjectionKey<
|
|
3
|
+
export declare const GroupSymbol: InjectionKey<QGroup<unknown>>;
|
|
4
4
|
type Active<T> = T | T[] | undefined;
|
|
5
5
|
/**
|
|
6
6
|
* Props interface for creating a group component
|
|
7
7
|
* @template T The type of the active item(s)
|
|
8
8
|
*/
|
|
9
|
-
export interface
|
|
9
|
+
export interface QGroupProps<T> {
|
|
10
10
|
/**
|
|
11
11
|
* The currently active item(s)
|
|
12
12
|
* - When multiple is false: A single active item of type T
|
|
@@ -29,7 +29,7 @@ export interface GroupProps<T> {
|
|
|
29
29
|
* Interface for the group state
|
|
30
30
|
* @template T The type of the active item(s)
|
|
31
31
|
*/
|
|
32
|
-
export interface
|
|
32
|
+
export interface QGroup<T> {
|
|
33
33
|
/**
|
|
34
34
|
* Reactive reference to the currently active item(s)
|
|
35
35
|
* - When multiple is false: A single active item of type T or undefined
|
|
@@ -48,7 +48,7 @@ export interface Group<T> {
|
|
|
48
48
|
/**
|
|
49
49
|
* Interface for the values provided to child components via provide/inject
|
|
50
50
|
*/
|
|
51
|
-
export interface
|
|
51
|
+
export interface QGroupProvide {
|
|
52
52
|
/**
|
|
53
53
|
* Toggle the active state of the current item
|
|
54
54
|
*/
|
|
@@ -80,7 +80,7 @@ export interface GroupProvide {
|
|
|
80
80
|
* The group state is automatically provided to child components using Vue's provide/inject system.
|
|
81
81
|
* When multiple mode changes, the active value is automatically converted between array and single value formats.
|
|
82
82
|
*/
|
|
83
|
-
export declare function useGroup<T>(options:
|
|
83
|
+
export declare function useGroup<T>(options: QGroupProps<T>): QGroup<T>;
|
|
84
84
|
/**
|
|
85
85
|
* A composable function that provides group item functionality within a group context.
|
|
86
86
|
*
|
|
@@ -101,6 +101,6 @@ export declare function useGroup<T>(options: GroupProps<T>): Group<T>;
|
|
|
101
101
|
* - In single selection mode, activating an item deactivates others
|
|
102
102
|
* - In multiple selection mode, multiple items can be active simultaneously
|
|
103
103
|
*/
|
|
104
|
-
export declare function useGroupItem(itemId: MaybeRef<string>):
|
|
104
|
+
export declare function useGroupItem(itemId: MaybeRef<string>): QGroupProvide | undefined;
|
|
105
105
|
export {};
|
|
106
106
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useGroup/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAKnE,qDAAqD;AACrD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useGroup/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAKnE,qDAAqD;AACrD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAyB,CAAA;AAE/E,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,CAAA;AAEpC;;;GAGG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAE5B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,MAAM,CAAC,CAAC;IACxB;;;;OAIG;IACH,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC7B;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CA2C9D;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,aAAa,GAAG,SAAS,CA+DhF"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export type {
|
|
1
|
+
import { QUseToastReturn } from './types';
|
|
2
|
+
export type { QToastItem, QUseToastReturn } from './types';
|
|
3
3
|
/**
|
|
4
4
|
* Manages programmatic toasts for the current app (`createFramework`).
|
|
5
5
|
*
|
|
@@ -12,5 +12,5 @@ export type { ToastItem, UseToastReturn } from './types';
|
|
|
12
12
|
* - removeToast: A function to remove a QToast instance from the DOM.
|
|
13
13
|
* - cancelToast: A function to cancel a queued or not-yet-registered toast by `props.id`.
|
|
14
14
|
*/
|
|
15
|
-
export declare function useToast():
|
|
15
|
+
export declare function useToast(): QUseToastReturn;
|
|
16
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useToast/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useToast/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAW9C,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE1D;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,IAAI,eAAe,CAsF1C"}
|
|
@@ -5,7 +5,7 @@ import { QToastProps } from '../../components/QToast';
|
|
|
5
5
|
*
|
|
6
6
|
* `id` is set when the toast registers during setup. Prefer `await addToast(...)` to obtain the id.
|
|
7
7
|
*/
|
|
8
|
-
export type
|
|
8
|
+
export type QToastItem = {
|
|
9
9
|
/**
|
|
10
10
|
* Unique identifier for the toast item, set when the toast registers during setup.
|
|
11
11
|
*/
|
|
@@ -19,13 +19,13 @@ export type ToastItem = {
|
|
|
19
19
|
* Represents the return type of the `useToast` composable, providing methods and state
|
|
20
20
|
* for managing toast notifications.
|
|
21
21
|
*/
|
|
22
|
-
export type
|
|
22
|
+
export type QUseToastReturn = {
|
|
23
23
|
/**
|
|
24
24
|
* Currently mounted toasts (public fields only: `id`, `props`).
|
|
25
25
|
* Read-only: mutating this array does not change the toast store — use `removeToast`.
|
|
26
26
|
* `id` is undefined until the toast registers during setup; use the `addToast` promise for the id.
|
|
27
27
|
*/
|
|
28
|
-
toasts: ComputedRef<
|
|
28
|
+
toasts: ComputedRef<QToastItem[]>;
|
|
29
29
|
/**
|
|
30
30
|
* A function to add a toast item to the DOM.
|
|
31
31
|
* Requires a mounted QToaster (exactly one per app); rejects immediately when none is present.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useToast/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAO,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AA+H1D;;;;GAIG;AACH,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useToast/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAO,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AA+H1D;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,EAAE,WAAW,CAAA;CAClB,CAAA;AAoBD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B;;;;OAIG;IACH,MAAM,EAAE,WAAW,CAAC,UAAU,EAAE,CAAC,CAAA;IAEjC;;;;;;;OAOG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IAE7C;;;;;OAKG;IACH,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAE7B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7B,CAAA"}
|
package/esm/framework.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { Component, Plugin } from 'vue';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { QDefaults } from './composables/defaults';
|
|
3
|
+
import { QAppThemes } from './composables/theme';
|
|
4
4
|
/**
|
|
5
5
|
* Configuration options for the Quidgest UI framework plugin.
|
|
6
6
|
*/
|
|
7
|
-
export type
|
|
7
|
+
export type QFrameworkConfig = {
|
|
8
8
|
/** An optional record of components to be registered globally in the application. */
|
|
9
9
|
components?: Record<string, Component>;
|
|
10
10
|
/** An optional configuration for the available themes and the default theme. */
|
|
11
|
-
themes?:
|
|
11
|
+
themes?: QAppThemes;
|
|
12
12
|
/** An optional object containing global default values for the application. */
|
|
13
|
-
defaults?:
|
|
13
|
+
defaults?: QDefaults;
|
|
14
14
|
};
|
|
15
15
|
/**
|
|
16
16
|
* Creates the Quidgest UI framework plugin that installs components, sets up global defaults,
|
|
@@ -21,5 +21,5 @@ export type FrameworkConfig = {
|
|
|
21
21
|
*
|
|
22
22
|
* @returns A Vue plugin (`Plugin`) with an `install` function to set up the framework.
|
|
23
23
|
*/
|
|
24
|
-
export declare function createFramework(config?:
|
|
24
|
+
export declare function createFramework(config?: QFrameworkConfig): Plugin;
|
|
25
25
|
//# sourceMappingURL=framework.d.ts.map
|
package/esm/framework.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AACjD,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,EAAE,UAAU,EAAoB,MAAM,qBAAqB,CAAA;AAMvE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAEtC,gFAAgF;IAChF,MAAM,CAAC,EAAE,UAAU,CAAA;IAEnB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,MAAM,GAAE,gBAAqB,GAAG,MAAM,CA2BrE"}
|
package/esm/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { QFrameworkConfig } from './framework';
|
|
2
2
|
import * as templates from './templates';
|
|
3
3
|
import * as components from './components';
|
|
4
4
|
import * as utils from './utils';
|
|
5
|
-
export declare const createFramework: (options?:
|
|
5
|
+
export declare const createFramework: (options?: QFrameworkConfig) => import('vue').Plugin;
|
|
6
6
|
export { templates, components, utils };
|
|
7
7
|
export * from './composables';
|
|
8
8
|
export type { QBaseComponentProps, QComponentSize } from './types';
|
package/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AACxC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAIhC,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AACxC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAIhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEnD,eAAO,MAAM,eAAe,aAAa,gBAAgB,yBAExD,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,CAAA;AACvC,cAAc,eAAe,CAAA;AAC7B,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { InjectionKey } from 'vue';
|
|
2
|
-
import {
|
|
3
|
-
export declare const DismissibleLayerKey: InjectionKey<
|
|
2
|
+
import { QDismissibleLayerStack } from '../composables/useDismissibleLayerStack';
|
|
3
|
+
export declare const DismissibleLayerKey: InjectionKey<QDismissibleLayerStack>;
|
|
4
4
|
//# sourceMappingURL=dismissibleLayer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dismissibleLayer.d.ts","sourceRoot":"","sources":["../../src/symbols/dismissibleLayer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"dismissibleLayer.d.ts","sourceRoot":"","sources":["../../src/symbols/dismissibleLayer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAErF,eAAO,MAAM,mBAAmB,EAAE,YAAY,CAAC,sBAAsB,CACtC,CAAA"}
|
package/esm/templates/theme.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const defaultLightColorScheme:
|
|
3
|
-
export declare const defaultDarkColorScheme:
|
|
1
|
+
import { QColorScheme } from '../utils/color';
|
|
2
|
+
export declare const defaultLightColorScheme: QColorScheme;
|
|
3
|
+
export declare const defaultDarkColorScheme: QColorScheme;
|
|
4
4
|
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/templates/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/templates/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,eAAO,MAAM,uBAAuB,EAAE,YAsDrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,YAsDpC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { QColorScheme } from './types';
|
|
2
2
|
/**
|
|
3
3
|
* Amount passed to {@link lighten} when auto-generating scheme `*Light` variants.
|
|
4
4
|
*/
|
|
@@ -21,8 +21,8 @@ export declare const COLOR_SCHEME_DARKEN_AMOUNT = 25;
|
|
|
21
21
|
* @param b - A partial color scheme containing overrides.
|
|
22
22
|
* @returns The merged color scheme with computed variants and contrasting colors.
|
|
23
23
|
*
|
|
24
|
-
* @see
|
|
24
|
+
* @see QColorScheme
|
|
25
25
|
* @see Partial
|
|
26
26
|
*/
|
|
27
|
-
export declare function mergeColorSchemes(a:
|
|
27
|
+
export declare function mergeColorSchemes(a: QColorScheme, b: Partial<QColorScheme>): QColorScheme;
|
|
28
28
|
//# sourceMappingURL=merge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../../src/utils/color/merge.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../../src/utils/color/merge.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,SAAS,CAAA;AAQ7D;;GAEG;AACH,eAAO,MAAM,2BAA2B,KAAK,CAAA;AAE7C;;;GAGG;AACH,eAAO,MAAM,0BAA0B,KAAK,CAAA;AAE5C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,YAAY,CAiGzF"}
|
|
@@ -12,7 +12,7 @@ export declare const THEME_COLOR_KEYS: readonly ["primary", "secondary", "highli
|
|
|
12
12
|
/**
|
|
13
13
|
* A theme utility color key that resolves against the active color scheme.
|
|
14
14
|
*/
|
|
15
|
-
export type
|
|
15
|
+
export type QThemeColorKey = (typeof THEME_COLOR_KEYS)[number];
|
|
16
16
|
/**
|
|
17
17
|
* Checks whether a color string is a theme utility color key.
|
|
18
18
|
*
|
|
@@ -23,7 +23,7 @@ export type ThemeColorKey = (typeof THEME_COLOR_KEYS)[number];
|
|
|
23
23
|
* @param color - The color value to check.
|
|
24
24
|
* @returns True when the value matches a key in {@link THEME_COLOR_KEYS}.
|
|
25
25
|
*/
|
|
26
|
-
export declare function isThemeColor(color: string): color is
|
|
26
|
+
export declare function isThemeColor(color: string): color is QThemeColorKey;
|
|
27
27
|
/**
|
|
28
28
|
* Checks whether a color string is an unsupported CSS keyword or function
|
|
29
29
|
* that cannot be resolved by `useColor`.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-colors.d.ts","sourceRoot":"","sources":["../../../src/utils/color/theme-colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,iHAUnB,CAAA;AAEV;;GAEG;AACH,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"theme-colors.d.ts","sourceRoot":"","sources":["../../../src/utils/color/theme-colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,iHAUnB,CAAA;AAEV;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAI9D;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,cAAc,CAEnE;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAIzD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type QBaseColorScheme = {
|
|
2
2
|
primary: string;
|
|
3
3
|
primaryLight: string;
|
|
4
4
|
primaryDark: string;
|
|
@@ -30,7 +30,7 @@ type Capitalize<S extends string> = S extends `${infer F}${infer R}` ? `${Upperc
|
|
|
30
30
|
type OnVariants<T> = {
|
|
31
31
|
[K in keyof T as `on${Capitalize<string & K>}`]: string;
|
|
32
32
|
};
|
|
33
|
-
export type
|
|
33
|
+
export type QColorScheme = QBaseColorScheme & OnVariants<QBaseColorScheme>;
|
|
34
34
|
/**
|
|
35
35
|
* Represents a color in RGB space.
|
|
36
36
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/color/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/color/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,gBAAgB,GAAG;IAE9B,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IAEnB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IAErB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IAGrB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAEhB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IAEnB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IAEnB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAGlB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IAGjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACnB,CAAA;AAGD,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAA;AAGhG,KAAK,UAAU,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,GAAG,MAAM;CACvD,CAAA;AAGD,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;AAE1E;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA"}
|
package/esm/utils/theme.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DeepReadonly, Ref } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { QThemeDefinition, QThemeInstance } from '../composables/theme';
|
|
3
3
|
export declare const THEME_NODE_ID = "q-theme";
|
|
4
4
|
/**
|
|
5
5
|
* Gets or creates a style node for applying dynamic themes.
|
|
@@ -14,17 +14,17 @@ export declare function getThemeNode(): HTMLStyleElement;
|
|
|
14
14
|
* (e.g., `.q-theme--light`), where each color in the theme’s color
|
|
15
15
|
* scheme is exposed as both a HEX and an RGB CSS custom property.
|
|
16
16
|
*
|
|
17
|
-
* @param theme - The `
|
|
17
|
+
* @param theme - The `QThemeDefinition` containing the name and color scheme.
|
|
18
18
|
*
|
|
19
19
|
* @returns A string of CSS text defining the theme’s variables.
|
|
20
20
|
*/
|
|
21
|
-
export declare function generateThemeCss(theme:
|
|
21
|
+
export declare function generateThemeCss(theme: QThemeDefinition): string;
|
|
22
22
|
/**
|
|
23
23
|
* Generates and applies dynamic root-level styles based on the provided themes.
|
|
24
24
|
*
|
|
25
25
|
* @param themes - An array of theme definitions.
|
|
26
26
|
*/
|
|
27
|
-
export declare function generateRootStyle(themes:
|
|
27
|
+
export declare function generateRootStyle(themes: QThemeDefinition[]): void;
|
|
28
28
|
/**
|
|
29
29
|
* Converts a color property name to a CSS variable name.
|
|
30
30
|
*
|
|
@@ -39,18 +39,18 @@ export declare function toProperty(color: string): string;
|
|
|
39
39
|
* and exposes reactive/computed properties for convenient use in templates and styling.
|
|
40
40
|
*
|
|
41
41
|
* @param name - A reactive `Ref<string>` representing the active theme name.
|
|
42
|
-
* @param themes - A reactive `Ref<
|
|
42
|
+
* @param themes - A reactive `Ref<QThemeDefinition[]>` containing all available themes.
|
|
43
43
|
*
|
|
44
|
-
* @returns A `
|
|
44
|
+
* @returns A `QThemeInstance` object with the following reactive properties:
|
|
45
45
|
* - `name`: the reactive `Ref<string>` of the active theme name.
|
|
46
|
-
* - `current`: a computed `Ref<
|
|
47
|
-
* - `themes`: the reactive `Ref<
|
|
46
|
+
* - `current`: a computed `Ref<QThemeDefinition>` of the active theme definition.
|
|
47
|
+
* - `themes`: the reactive `Ref<QThemeDefinition[]>` of all available themes.
|
|
48
48
|
* - `class`: a computed `Ref<string>` of the CSS class for the active theme.
|
|
49
49
|
* - `css`: a computed `Ref<string>` of the CSS variables for the active theme.
|
|
50
50
|
*
|
|
51
51
|
* @throws {Error} If no theme matching the active `name` exists in `themes`.
|
|
52
52
|
*/
|
|
53
|
-
export declare function createThemeInstance(name: Ref<string>, themes: DeepReadonly<Ref<
|
|
53
|
+
export declare function createThemeInstance(name: Ref<string>, themes: DeepReadonly<Ref<QThemeDefinition[]>>): QThemeInstance;
|
|
54
54
|
/**
|
|
55
55
|
* Generates a CSS class name for a given theme.
|
|
56
56
|
*
|
package/esm/utils/theme.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC5C,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAQ5E,eAAO,MAAM,aAAa,YAAY,CAAA;AAEtC;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAY/C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,UAoBvD;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,gBAAgB,EAAE,QAM3D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,mBAAmB,CAClC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC,GAC3C,cAAc,CAmBhB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,UAEzC"}
|