@quidgest/ui 0.12.1 → 0.13.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.
Files changed (94) hide show
  1. package/dist/manifest/components.json +2 -0
  2. package/dist/ui.css +161 -0
  3. package/dist/ui.esm.js +1066 -873
  4. package/dist/ui.js +6 -6
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +134 -127
  7. package/dist/ui.scss +117 -1
  8. package/esm/components/QBadge/QBadge.d.ts +72 -0
  9. package/esm/components/QBadge/QBadge.d.ts.map +1 -0
  10. package/esm/components/QBadge/QBadge.vue.js +87 -0
  11. package/esm/components/QBadge/QBadge.vue2.js +4 -0
  12. package/esm/components/QBadge/index.d.ts +119 -0
  13. package/esm/components/QBadge/index.d.ts.map +1 -0
  14. package/esm/components/QBadge/index.js +6 -0
  15. package/esm/components/QButton/QButton.vue.js +14 -15
  16. package/esm/components/QButton/index.d.ts +198 -1
  17. package/esm/components/QButton/index.d.ts.map +1 -1
  18. package/esm/components/QButton/index.js +6 -0
  19. package/esm/components/QButtonGroup/index.d.ts +79 -2
  20. package/esm/components/QButtonGroup/index.d.ts.map +1 -1
  21. package/esm/components/QButtonGroup/index.js +6 -0
  22. package/esm/components/QButtonToggle/QButtonToggle.vue.js +17 -17
  23. package/esm/components/QButtonToggle/index.d.ts +115 -2
  24. package/esm/components/QButtonToggle/index.d.ts.map +1 -1
  25. package/esm/components/QButtonToggle/index.js +6 -0
  26. package/esm/components/QCombobox/QCombobox.d.ts +10 -10
  27. package/esm/components/QCombobox/QCombobox.vue.js +106 -111
  28. package/esm/components/QCombobox/index.d.ts +1083 -2
  29. package/esm/components/QCombobox/index.d.ts.map +1 -1
  30. package/esm/components/QCombobox/index.js +6 -0
  31. package/esm/components/QDialog/QDialog.d.ts +180 -0
  32. package/esm/components/QDialog/QDialog.d.ts.map +1 -0
  33. package/esm/components/QDialog/QDialog.vue.js +146 -0
  34. package/esm/components/QDialog/QDialog.vue2.js +4 -0
  35. package/esm/components/QDialog/index.d.ts +237 -0
  36. package/esm/components/QDialog/index.d.ts.map +1 -0
  37. package/esm/components/QDialog/index.js +6 -0
  38. package/esm/components/QField/index.d.ts +168 -1
  39. package/esm/components/QField/index.d.ts.map +1 -1
  40. package/esm/components/QField/index.js +2 -2
  41. package/esm/components/QIcon/QIcon.vue.js +9 -12
  42. package/esm/components/QIcon/index.d.ts +156 -4
  43. package/esm/components/QIcon/index.d.ts.map +1 -1
  44. package/esm/components/QIcon/index.js +8 -11
  45. package/esm/components/QInputGroup/QInputGroup.vue.js +25 -27
  46. package/esm/components/QInputGroup/index.d.ts +153 -2
  47. package/esm/components/QInputGroup/index.d.ts.map +1 -1
  48. package/esm/components/QInputGroup/index.js +6 -0
  49. package/esm/components/QLineLoader/index.d.ts +13 -2
  50. package/esm/components/QLineLoader/index.d.ts.map +1 -1
  51. package/esm/components/QLineLoader/index.js +6 -0
  52. package/esm/components/QList/QList.vue.js +43 -45
  53. package/esm/components/QList/QListItem.vue.js +9 -10
  54. package/esm/components/QList/index.d.ts +418 -3
  55. package/esm/components/QList/index.d.ts.map +1 -1
  56. package/esm/components/QList/index.js +8 -10
  57. package/esm/components/QOverlay/index.d.ts +320 -2
  58. package/esm/components/QOverlay/index.d.ts.map +1 -1
  59. package/esm/components/QOverlay/index.js +4 -4
  60. package/esm/components/QPopover/QPopover.vue.js +11 -12
  61. package/esm/components/QPopover/index.d.ts +180 -2
  62. package/esm/components/QPopover/index.d.ts.map +1 -1
  63. package/esm/components/QPopover/index.js +6 -0
  64. package/esm/components/QSelect/QSelect.vue.js +68 -73
  65. package/esm/components/QSelect/index.d.ts +377 -2
  66. package/esm/components/QSelect/index.d.ts.map +1 -1
  67. package/esm/components/QSelect/index.js +6 -0
  68. package/esm/components/QSkeletonLoader/index.d.ts +31 -2
  69. package/esm/components/QSkeletonLoader/index.d.ts.map +1 -1
  70. package/esm/components/QSkeletonLoader/index.js +6 -0
  71. package/esm/components/QSpinnerLoader/index.d.ts +22 -2
  72. package/esm/components/QSpinnerLoader/index.d.ts.map +1 -1
  73. package/esm/components/QSpinnerLoader/index.js +4 -4
  74. package/esm/components/QTextField/QTextField.d.ts +5 -5
  75. package/esm/components/QTextField/QTextField.vue.js +7 -8
  76. package/esm/components/QTextField/index.d.ts +229 -2
  77. package/esm/components/QTextField/index.d.ts.map +1 -1
  78. package/esm/components/QTextField/index.js +2 -2
  79. package/esm/components/QThemeProvider/index.d.ts +37 -2
  80. package/esm/components/QThemeProvider/index.d.ts.map +1 -1
  81. package/esm/components/QThemeProvider/index.js +6 -0
  82. package/esm/components/QTooltip/QTooltip.vue.js +8 -9
  83. package/esm/components/QTooltip/index.d.ts +259 -2
  84. package/esm/components/QTooltip/index.d.ts.map +1 -1
  85. package/esm/components/QTooltip/index.js +6 -0
  86. package/esm/components/index.d.ts +2 -0
  87. package/esm/components/index.d.ts.map +1 -1
  88. package/esm/components/index.js +43 -44
  89. package/esm/composables/defaults.js +5 -5
  90. package/esm/index.d.ts +2 -0
  91. package/esm/utils/color.d.ts +7 -1
  92. package/esm/utils/color.d.ts.map +1 -1
  93. package/esm/utils/color.js +54 -9
  94. package/package.json +1 -1
@@ -1,4 +1,261 @@
1
- import { default as QTooltip } from './QTooltip';
2
-
1
+ declare const QTooltip: {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
3
+ modelValue: import('vue').PropType<boolean>;
4
+ class: {
5
+ type: import('vue').PropType<string | unknown[]>;
6
+ default: undefined;
7
+ };
8
+ anchor: {
9
+ type: import('vue').PropType<import('../../utils/getElement').Selector>;
10
+ required: true;
11
+ };
12
+ html: {
13
+ type: import('vue').PropType<boolean>;
14
+ default: boolean;
15
+ };
16
+ text: {
17
+ type: import('vue').PropType<string>;
18
+ required: true;
19
+ };
20
+ disabled: {
21
+ type: import('vue').PropType<boolean>;
22
+ };
23
+ id: {
24
+ type: import('vue').PropType<string>;
25
+ default: undefined;
26
+ };
27
+ placement: {
28
+ type: import('vue').PropType<import('../../composables/overlay').Placement>;
29
+ default: string;
30
+ };
31
+ appearance: {
32
+ type: import('vue').PropType<import('../../composables/overlay').Appearance>;
33
+ default: string;
34
+ };
35
+ arrow: {
36
+ type: import('vue').PropType<boolean>;
37
+ default: boolean;
38
+ };
39
+ attach: {
40
+ type: import('vue').PropType<string>;
41
+ default: string;
42
+ };
43
+ inline: {
44
+ type: import('vue').PropType<boolean>;
45
+ };
46
+ delay: {
47
+ type: import('vue').PropType<number>;
48
+ default: number;
49
+ };
50
+ trigger: {
51
+ type: import('vue').PropType<import('../../composables/overlay').Trigger>;
52
+ default: string;
53
+ };
54
+ }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
55
+ modelValue: import('vue').PropType<boolean>;
56
+ class: {
57
+ type: import('vue').PropType<string | unknown[]>;
58
+ default: undefined;
59
+ };
60
+ anchor: {
61
+ type: import('vue').PropType<import('../../utils/getElement').Selector>;
62
+ required: true;
63
+ };
64
+ html: {
65
+ type: import('vue').PropType<boolean>;
66
+ default: boolean;
67
+ };
68
+ text: {
69
+ type: import('vue').PropType<string>;
70
+ required: true;
71
+ };
72
+ disabled: {
73
+ type: import('vue').PropType<boolean>;
74
+ };
75
+ id: {
76
+ type: import('vue').PropType<string>;
77
+ default: undefined;
78
+ };
79
+ placement: {
80
+ type: import('vue').PropType<import('../../composables/overlay').Placement>;
81
+ default: string;
82
+ };
83
+ appearance: {
84
+ type: import('vue').PropType<import('../../composables/overlay').Appearance>;
85
+ default: string;
86
+ };
87
+ arrow: {
88
+ type: import('vue').PropType<boolean>;
89
+ default: boolean;
90
+ };
91
+ attach: {
92
+ type: import('vue').PropType<string>;
93
+ default: string;
94
+ };
95
+ inline: {
96
+ type: import('vue').PropType<boolean>;
97
+ };
98
+ delay: {
99
+ type: import('vue').PropType<number>;
100
+ default: number;
101
+ };
102
+ trigger: {
103
+ type: import('vue').PropType<import('../../composables/overlay').Trigger>;
104
+ default: string;
105
+ };
106
+ }>>, {
107
+ class: string | unknown[];
108
+ html: boolean;
109
+ id: string;
110
+ placement: import('../../composables/overlay').Placement;
111
+ appearance: import('../../composables/overlay').Appearance;
112
+ arrow: boolean;
113
+ attach: string;
114
+ delay: number;
115
+ trigger: import('../../composables/overlay').Trigger;
116
+ }, true, {}, {}, {
117
+ P: {};
118
+ B: {};
119
+ D: {};
120
+ C: {};
121
+ M: {};
122
+ Defaults: {};
123
+ }, Readonly<import('vue').ExtractPropTypes<{
124
+ modelValue: import('vue').PropType<boolean>;
125
+ class: {
126
+ type: import('vue').PropType<string | unknown[]>;
127
+ default: undefined;
128
+ };
129
+ anchor: {
130
+ type: import('vue').PropType<import('../../utils/getElement').Selector>;
131
+ required: true;
132
+ };
133
+ html: {
134
+ type: import('vue').PropType<boolean>;
135
+ default: boolean;
136
+ };
137
+ text: {
138
+ type: import('vue').PropType<string>;
139
+ required: true;
140
+ };
141
+ disabled: {
142
+ type: import('vue').PropType<boolean>;
143
+ };
144
+ id: {
145
+ type: import('vue').PropType<string>;
146
+ default: undefined;
147
+ };
148
+ placement: {
149
+ type: import('vue').PropType<import('../../composables/overlay').Placement>;
150
+ default: string;
151
+ };
152
+ appearance: {
153
+ type: import('vue').PropType<import('../../composables/overlay').Appearance>;
154
+ default: string;
155
+ };
156
+ arrow: {
157
+ type: import('vue').PropType<boolean>;
158
+ default: boolean;
159
+ };
160
+ attach: {
161
+ type: import('vue').PropType<string>;
162
+ default: string;
163
+ };
164
+ inline: {
165
+ type: import('vue').PropType<boolean>;
166
+ };
167
+ delay: {
168
+ type: import('vue').PropType<number>;
169
+ default: number;
170
+ };
171
+ trigger: {
172
+ type: import('vue').PropType<import('../../composables/overlay').Trigger>;
173
+ default: string;
174
+ };
175
+ }>>, {}, {}, {}, {}, {
176
+ class: string | unknown[];
177
+ html: boolean;
178
+ id: string;
179
+ placement: import('../../composables/overlay').Placement;
180
+ appearance: import('../../composables/overlay').Appearance;
181
+ arrow: boolean;
182
+ attach: string;
183
+ delay: number;
184
+ trigger: import('../../composables/overlay').Trigger;
185
+ }>;
186
+ __isFragment?: undefined;
187
+ __isTeleport?: undefined;
188
+ __isSuspense?: undefined;
189
+ } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
190
+ modelValue: import('vue').PropType<boolean>;
191
+ class: {
192
+ type: import('vue').PropType<string | unknown[]>;
193
+ default: undefined;
194
+ };
195
+ anchor: {
196
+ type: import('vue').PropType<import('../../utils/getElement').Selector>;
197
+ required: true;
198
+ };
199
+ html: {
200
+ type: import('vue').PropType<boolean>;
201
+ default: boolean;
202
+ };
203
+ text: {
204
+ type: import('vue').PropType<string>;
205
+ required: true;
206
+ };
207
+ disabled: {
208
+ type: import('vue').PropType<boolean>;
209
+ };
210
+ id: {
211
+ type: import('vue').PropType<string>;
212
+ default: undefined;
213
+ };
214
+ placement: {
215
+ type: import('vue').PropType<import('../../composables/overlay').Placement>;
216
+ default: string;
217
+ };
218
+ appearance: {
219
+ type: import('vue').PropType<import('../../composables/overlay').Appearance>;
220
+ default: string;
221
+ };
222
+ arrow: {
223
+ type: import('vue').PropType<boolean>;
224
+ default: boolean;
225
+ };
226
+ attach: {
227
+ type: import('vue').PropType<string>;
228
+ default: string;
229
+ };
230
+ inline: {
231
+ type: import('vue').PropType<boolean>;
232
+ };
233
+ delay: {
234
+ type: import('vue').PropType<number>;
235
+ default: number;
236
+ };
237
+ trigger: {
238
+ type: import('vue').PropType<import('../../composables/overlay').Trigger>;
239
+ default: string;
240
+ };
241
+ }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
242
+ class: string | unknown[];
243
+ html: boolean;
244
+ id: string;
245
+ placement: import('../../composables/overlay').Placement;
246
+ appearance: import('../../composables/overlay').Appearance;
247
+ arrow: boolean;
248
+ attach: string;
249
+ delay: number;
250
+ trigger: import('../../composables/overlay').Trigger;
251
+ }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
252
+ $slots: {
253
+ anchor?(_: {
254
+ props: {
255
+ 'aria-describedby': string;
256
+ };
257
+ }): any;
258
+ };
259
+ });
3
260
  export { QTooltip };
4
261
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/index.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAQrC,OAAO,EAAE,QAAQ,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiD,CAAA;AAG/D,OAAO,EAAE,QAAQ,EAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ import o from "./QTooltip.vue.js";
2
+ import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
3
+ const m = r(o);
4
+ export {
5
+ m as QTooltip
6
+ };
@@ -1,7 +1,9 @@
1
+ export * from './QBadge';
1
2
  export * from './QButton';
2
3
  export * from './QButtonGroup';
3
4
  export * from './QButtonToggle';
4
5
  export * from './QCombobox';
6
+ export * from './QDialog';
5
7
  export * from './QField';
6
8
  export * from './QIcon';
7
9
  export * from './QInputGroup';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}
@@ -1,46 +1,45 @@
1
- import { default as t } from "./QButton/QButton.vue.js";
2
- import { default as a } from "./QButtonGroup/QButtonGroup.vue.js";
3
- import { default as l } from "./QButtonToggle/QButtonToggle.vue.js";
4
- import { default as u } from "./QCombobox/QCombobox.vue.js";
5
- import { default as m } from "./QInputGroup/QInputGroup.vue.js";
6
- import { default as x } from "./QLineLoader/QLineLoader.vue.js";
7
- import { default as n } from "./QPopover/QPopover.vue.js";
8
- import { default as I } from "./QSelect/QSelect.vue.js";
9
- import { default as c } from "./QSkeletonLoader/QSkeletonLoader.vue.js";
10
- import { default as v } from "./QThemeProvider/QThemeProvider.vue.js";
11
- import { default as T } from "./QTooltip/QTooltip.vue.js";
12
- import { default as F } from "./QField/QField.vue.js";
13
- import { default as b } from "./QIcon/QIcon.vue.js";
14
- import { default as h } from "./QIcon/QIconFont.vue.js";
15
- import { default as y } from "./QIcon/QIconImg.vue.js";
16
- import { default as O } from "./QIcon/QIconSvg.vue.js";
17
- import { default as q } from "./QList/QList.vue.js";
18
- import { default as z } from "./QList/QListItem.vue.js";
19
- import { default as D } from "./QList/QListItemGroup.vue.js";
20
- import { default as H } from "./QOverlay/QOverlay.vue.js";
21
- import { default as K } from "./QSpinnerLoader/QSpinnerLoader.vue.js";
22
- import { default as N } from "./QTextField/QTextField.vue.js";
1
+ import { QBadge as e } from "./QBadge/index.js";
2
+ import { QButton as p } from "./QButton/index.js";
3
+ import { QButtonGroup as Q } from "./QButtonGroup/index.js";
4
+ import { QButtonToggle as f } from "./QButtonToggle/index.js";
5
+ import { QCombobox as i } from "./QCombobox/index.js";
6
+ import { QDialog as I } from "./QDialog/index.js";
7
+ import { QField as u } from "./QField/index.js";
8
+ import { QIcon as a, QIconFont as g, QIconImg as c, QIconSvg as v } from "./QIcon/index.js";
9
+ import { QInputGroup as S } from "./QInputGroup/index.js";
10
+ import { QLineLoader as s } from "./QLineLoader/index.js";
11
+ import { QList as G, QListItem as b, QListItemGroup as P } from "./QList/index.js";
12
+ import { QOverlay as k } from "./QOverlay/index.js";
13
+ import { QPopover as C } from "./QPopover/index.js";
14
+ import { QSelect as O } from "./QSelect/index.js";
15
+ import { QSkeletonLoader as q } from "./QSkeletonLoader/index.js";
16
+ import { QSpinnerLoader as z } from "./QSpinnerLoader/index.js";
17
+ import { QTextField as E } from "./QTextField/index.js";
18
+ import { QThemeProvider as J } from "./QThemeProvider/index.js";
19
+ import { QTooltip as M } from "./QTooltip/index.js";
23
20
  export {
24
- t as QButton,
25
- a as QButtonGroup,
26
- l as QButtonToggle,
27
- u as QCombobox,
28
- F as QField,
29
- b as QIcon,
30
- h as QIconFont,
31
- y as QIconImg,
32
- O as QIconSvg,
33
- m as QInputGroup,
34
- x as QLineLoader,
35
- q as QList,
36
- z as QListItem,
37
- D as QListItemGroup,
38
- H as QOverlay,
39
- n as QPopover,
40
- I as QSelect,
41
- c as QSkeletonLoader,
42
- K as QSpinnerLoader,
43
- N as QTextField,
44
- v as QThemeProvider,
45
- T as QTooltip
21
+ e as QBadge,
22
+ p as QButton,
23
+ Q as QButtonGroup,
24
+ f as QButtonToggle,
25
+ i as QCombobox,
26
+ I as QDialog,
27
+ u as QField,
28
+ a as QIcon,
29
+ g as QIconFont,
30
+ c as QIconImg,
31
+ v as QIconSvg,
32
+ S as QInputGroup,
33
+ s as QLineLoader,
34
+ G as QList,
35
+ b as QListItem,
36
+ P as QListItemGroup,
37
+ k as QOverlay,
38
+ C as QPopover,
39
+ O as QSelect,
40
+ q as QSkeletonLoader,
41
+ z as QSpinnerLoader,
42
+ E as QTextField,
43
+ J as QThemeProvider,
44
+ M as QTooltip
46
45
  };
@@ -1,10 +1,10 @@
1
1
  import { isEmpty as s } from "../utils/isEmpty.js";
2
2
  import { merge as a } from "../utils/merge.js";
3
- import { ref as m, computed as f, provide as d, inject as p, getCurrentInstance as v } from "vue";
3
+ import { getCurrentInstance as m, computed as f, ref as d, provide as p, inject as v } from "vue";
4
4
  const i = "q-defaults";
5
5
  function E() {
6
6
  var r, u;
7
- const e = v();
7
+ const e = m();
8
8
  if (!e)
9
9
  throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
10
10
  const t = e.type.name ?? e.type.__name;
@@ -16,11 +16,11 @@ function E() {
16
16
  function I(e) {
17
17
  if (s(e))
18
18
  return;
19
- const t = l(), n = m(e), o = f(() => s(n.value) ? t.value : a(t.value, n.value));
20
- d(i, o);
19
+ const t = l(), n = d(e), o = f(() => s(n.value) ? t.value : a(t.value, n.value));
20
+ p(i, o);
21
21
  }
22
22
  function l() {
23
- const e = p(i, void 0);
23
+ const e = v(i, void 0);
24
24
  if (!e)
25
25
  throw new Error("[Quidgest UI] Could not find defaults instance");
26
26
  return e;
package/esm/index.d.ts CHANGED
@@ -7,10 +7,12 @@ export * from './composables';
7
7
  //# sourceMappingURL=index.d.ts.map
8
8
  declare module '@vue/runtime-core' {
9
9
  export interface GlobalComponents {
10
+ QBadge: typeof import('@quidgest/ui/components')['QBadge']
10
11
  QButton: typeof import('@quidgest/ui/components')['QButton']
11
12
  QButtonGroup: typeof import('@quidgest/ui/components')['QButtonGroup']
12
13
  QButtonToggle: typeof import('@quidgest/ui/components')['QButtonToggle']
13
14
  QCombobox: typeof import('@quidgest/ui/components')['QCombobox']
15
+ QDialog: typeof import('@quidgest/ui/components')['QDialog']
14
16
  QField: typeof import('@quidgest/ui/components')['QField']
15
17
  QIcon: typeof import('@quidgest/ui/components')['QIcon']
16
18
  QIconFont: typeof import('@quidgest/ui/components')['QIconFont']
@@ -51,7 +51,13 @@ export type HSL = {
51
51
  * @param hexColorCode - The color code to validate.
52
52
  * @returns True if the color code is valid, false otherwise.
53
53
  */
54
- export declare function isHexColorCodeValid(hexColorCode: string): boolean;
54
+ export declare function isValidHex(hexColorCode: string): boolean;
55
+ /**
56
+ * Tries to parse a string in the format 'rgb(r, g, b)' to an RGB object.
57
+ * @param tr The input string to parse, expected in the format 'rgb(r, g, b)'.
58
+ * @returns An object containing parsed RGB values if the input string is valid, otherwise undefined.
59
+ */
60
+ export declare function tryParseRgb(str: string): RGB | undefined;
55
61
  /**
56
62
  * Parses a color from a hex string.
57
63
  * @param color A hex string representing the color, e.g., "#aabbcc".
@@ -1 +1 @@
1
- {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IAEzB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAEnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAGnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IAEd,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAGhB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IAEpB,SAAS,EAAE,MAAM,CAAA;IAGjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACnB,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;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAEjE;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAe7C;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYrD;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYpD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAM3C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAqCtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAuBtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAOhE;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,mBAIpD;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAU3D"}
1
+ {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IAEzB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAEnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAGnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IAEd,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAGhB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IAEpB,SAAS,EAAE,MAAM,CAAA;IAGjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACnB,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;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAExD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,CASxD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAkB7C;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYrD;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYpD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAM3C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAqCtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAuBtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAOhE;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,mBAIpD;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAU3D"}
@@ -1,14 +1,59 @@
1
- function i(t) {
1
+ function o(t) {
2
2
  return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
3
3
  }
4
- function a(t) {
5
- if (!i(t))
6
- throw new Error("Invalid color format");
7
- t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
8
- const e = parseInt(t.slice(1, 3), 16), n = parseInt(t.slice(3, 5), 16), s = parseInt(t.slice(5, 7), 16);
9
- return { r: e, g: n, b: s };
4
+ function u(t) {
5
+ const n = t.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
6
+ if (n) {
7
+ const s = parseInt(n[1], 10), e = parseInt(n[2], 10), r = parseInt(n[3], 10);
8
+ return { r: s, g: e, b: r };
9
+ }
10
+ }
11
+ function d(t) {
12
+ if (o(t)) {
13
+ t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
14
+ const n = parseInt(t.slice(1, 3), 16), s = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
15
+ return { r: n, g: s, b: e };
16
+ } else {
17
+ const n = u(t);
18
+ if (n)
19
+ return n;
20
+ }
21
+ throw new Error("Invalid color format");
22
+ }
23
+ function b(t) {
24
+ const n = t.r / 255, s = t.g / 255, e = t.b / 255, r = Math.max(n, s, e), i = Math.min(n, s, e);
25
+ let a = 0, f;
26
+ const h = (r + i) / 2;
27
+ if (r === i)
28
+ a = f = 0;
29
+ else {
30
+ const c = r - i;
31
+ switch (f = h > 0.5 ? c / (2 - r - i) : c / (r + i), r) {
32
+ case n:
33
+ a = (s - e) / c + (s < e ? 6 : 0);
34
+ break;
35
+ case s:
36
+ a = (e - n) / c + 2;
37
+ break;
38
+ case e:
39
+ a = (n - s) / c + 4;
40
+ break;
41
+ }
42
+ a /= 6;
43
+ }
44
+ return {
45
+ h: Math.round(a * 360),
46
+ s: Math.round(f * 100),
47
+ l: Math.round(h * 100)
48
+ };
49
+ }
50
+ function g(t) {
51
+ return t > 50 ? "#000" : "#fff";
10
52
  }
11
53
  export {
12
- i as isHexColorCodeValid,
13
- a as parseColor
54
+ g as getContrastingColor,
55
+ o as isValidHex,
56
+ d as parseColor,
57
+ b as rgbToHsl,
58
+ u as tryParseRgb
14
59
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@quidgest/ui",
3
3
  "description": "Quidgest's UI framework",
4
- "version": "0.12.1",
4
+ "version": "0.13.0",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "author": "Quidgest",