@quidgest/ui 0.13.3 → 0.14.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 (179) hide show
  1. package/dist/manifest/components.json +4 -0
  2. package/dist/ui.css +77 -0
  3. package/dist/ui.esm.js +1129 -908
  4. package/dist/ui.js +6 -6
  5. package/dist/ui.min.css +1 -1
  6. package/dist/ui.min.js +94 -85
  7. package/dist/ui.scss +86 -4
  8. package/esm/components/QBadge/QBadge.d.ts +10 -35
  9. package/esm/components/QBadge/QBadge.d.ts.map +1 -1
  10. package/esm/components/QBadge/QBadge.vue.js +19 -22
  11. package/esm/components/QBadge/index.d.ts +3 -139
  12. package/esm/components/QBadge/index.d.ts.map +1 -1
  13. package/esm/components/QBadge/types.d.ts +30 -0
  14. package/esm/components/QBadge/types.d.ts.map +1 -0
  15. package/esm/components/QBadge/types.js +8 -0
  16. package/esm/components/QButton/QButton.d.ts +8 -50
  17. package/esm/components/QButton/QButton.d.ts.map +1 -1
  18. package/esm/components/QButton/index.d.ts +3 -197
  19. package/esm/components/QButton/index.d.ts.map +1 -1
  20. package/esm/components/QButton/types.d.ts +47 -0
  21. package/esm/components/QButton/types.d.ts.map +1 -0
  22. package/esm/components/QButtonGroup/QButtonGroup.d.ts +7 -21
  23. package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
  24. package/esm/components/QButtonGroup/index.d.ts +3 -79
  25. package/esm/components/QButtonGroup/index.d.ts.map +1 -1
  26. package/esm/components/QButtonGroup/types.d.ts +19 -0
  27. package/esm/components/QButtonGroup/types.d.ts.map +1 -0
  28. package/esm/components/QButtonToggle/QButtonToggle.d.ts +6 -33
  29. package/esm/components/QButtonToggle/QButtonToggle.d.ts.map +1 -1
  30. package/esm/components/QButtonToggle/index.d.ts +3 -115
  31. package/esm/components/QButtonToggle/index.d.ts.map +1 -1
  32. package/esm/components/QButtonToggle/types.d.ts +32 -0
  33. package/esm/components/QButtonToggle/types.d.ts.map +1 -0
  34. package/esm/components/QCombobox/QCombobox.d.ts +266 -144
  35. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  36. package/esm/components/QCombobox/QCombobox.vue.js +52 -62
  37. package/esm/components/QCombobox/index.d.ts +3 -1075
  38. package/esm/components/QCombobox/index.d.ts.map +1 -1
  39. package/esm/components/QCombobox/types.d.ts +92 -0
  40. package/esm/components/QCombobox/types.d.ts.map +1 -0
  41. package/esm/components/QCombobox/types.js +14 -0
  42. package/esm/components/QDialog/QDialog.d.ts +18 -93
  43. package/esm/components/QDialog/QDialog.d.ts.map +1 -1
  44. package/esm/components/QDialog/QDialog.vue.js +45 -61
  45. package/esm/components/QDialog/index.d.ts +3 -267
  46. package/esm/components/QDialog/index.d.ts.map +1 -1
  47. package/esm/components/QDialog/types.d.ts +82 -0
  48. package/esm/components/QDialog/types.d.ts.map +1 -0
  49. package/esm/components/QDialog/types.js +23 -0
  50. package/esm/components/QField/QField.d.ts +15 -47
  51. package/esm/components/QField/QField.d.ts.map +1 -1
  52. package/esm/components/QField/index.d.ts +3 -168
  53. package/esm/components/QField/index.d.ts.map +1 -1
  54. package/esm/components/QField/types.d.ts +37 -0
  55. package/esm/components/QField/types.d.ts.map +1 -0
  56. package/esm/components/QIcon/InlineSvg.d.ts.map +1 -1
  57. package/esm/components/QIcon/InlineSvg.js +6 -13
  58. package/esm/components/QIcon/QIcon.d.ts +3 -19
  59. package/esm/components/QIcon/QIcon.d.ts.map +1 -1
  60. package/esm/components/QIcon/QIcon.vue.js +2 -2
  61. package/esm/components/QIcon/QIconFont.d.ts +2 -22
  62. package/esm/components/QIcon/QIconFont.d.ts.map +1 -1
  63. package/esm/components/QIcon/QIconFont.vue.js +9 -9
  64. package/esm/components/QIcon/QIconImg.d.ts +3 -27
  65. package/esm/components/QIcon/QIconImg.d.ts.map +1 -1
  66. package/esm/components/QIcon/QIconImg.vue.js +3 -3
  67. package/esm/components/QIcon/QIconSvg.d.ts +4 -36
  68. package/esm/components/QIcon/QIconSvg.d.ts.map +1 -1
  69. package/esm/components/QIcon/QIconSvg.vue.js +9 -9
  70. package/esm/components/QIcon/index.d.ts +9 -156
  71. package/esm/components/QIcon/index.d.ts.map +1 -1
  72. package/esm/components/QIcon/types.d.ts +40 -0
  73. package/esm/components/QIcon/types.d.ts.map +1 -0
  74. package/esm/components/QInputGroup/QInputGroup.d.ts +12 -42
  75. package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
  76. package/esm/components/QInputGroup/index.d.ts +3 -153
  77. package/esm/components/QInputGroup/index.d.ts.map +1 -1
  78. package/esm/components/QInputGroup/types.d.ts +35 -0
  79. package/esm/components/QInputGroup/types.d.ts.map +1 -0
  80. package/esm/components/QLineLoader/QLineLoader.d.ts +2 -6
  81. package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
  82. package/esm/components/QLineLoader/index.d.ts +3 -13
  83. package/esm/components/QLineLoader/index.d.ts.map +1 -1
  84. package/esm/components/QLineLoader/types.d.ts +7 -0
  85. package/esm/components/QLineLoader/types.d.ts.map +1 -0
  86. package/esm/components/QList/QList.d.ts +11 -52
  87. package/esm/components/QList/QList.d.ts.map +1 -1
  88. package/esm/components/QList/QListItem.d.ts +10 -53
  89. package/esm/components/QList/QListItem.d.ts.map +1 -1
  90. package/esm/components/QList/QListItem.vue.js +22 -28
  91. package/esm/components/QList/QListItemGroup.d.ts +7 -13
  92. package/esm/components/QList/QListItemGroup.d.ts.map +1 -1
  93. package/esm/components/QList/index.d.ts +7 -452
  94. package/esm/components/QList/index.d.ts.map +1 -1
  95. package/esm/components/QList/types.d.ts +102 -0
  96. package/esm/components/QList/types.d.ts.map +1 -0
  97. package/esm/components/QList/types.js +11 -0
  98. package/esm/components/QOverlay/QOverlay.d.ts +33 -118
  99. package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
  100. package/esm/components/QOverlay/QOverlay.vue.js +1 -2
  101. package/esm/components/QOverlay/index.d.ts +3 -339
  102. package/esm/components/QOverlay/index.d.ts.map +1 -1
  103. package/esm/components/QOverlay/types.d.ts +88 -0
  104. package/esm/components/QOverlay/types.d.ts.map +1 -0
  105. package/esm/components/QPopover/QPopover.d.ts +17 -58
  106. package/esm/components/QPopover/QPopover.d.ts.map +1 -1
  107. package/esm/components/QPopover/index.d.ts +3 -180
  108. package/esm/components/QPopover/index.d.ts.map +1 -1
  109. package/esm/components/QPopover/types.d.ts +44 -0
  110. package/esm/components/QPopover/types.d.ts.map +1 -0
  111. package/esm/components/QPropertyList/QPropertyList.d.ts +70 -0
  112. package/esm/components/QPropertyList/QPropertyList.d.ts.map +1 -0
  113. package/esm/components/QPropertyList/QPropertyList.vue.js +146 -0
  114. package/esm/components/QPropertyList/QPropertyList.vue2.js +4 -0
  115. package/esm/components/QPropertyList/QPropertyListGroup.d.ts +48 -0
  116. package/esm/components/QPropertyList/QPropertyListGroup.d.ts.map +1 -0
  117. package/esm/components/QPropertyList/QPropertyListGroup.vue.js +72 -0
  118. package/esm/components/QPropertyList/QPropertyListGroup.vue2.js +4 -0
  119. package/esm/components/QPropertyList/QPropertyListPanel.d.ts +53 -0
  120. package/esm/components/QPropertyList/QPropertyListPanel.d.ts.map +1 -0
  121. package/esm/components/QPropertyList/QPropertyListPanel.vue.js +45 -0
  122. package/esm/components/QPropertyList/QPropertyListPanel.vue2.js +4 -0
  123. package/esm/components/QPropertyList/QPropertyListRow.d.ts +29 -0
  124. package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -0
  125. package/esm/components/QPropertyList/QPropertyListRow.vue.js +64 -0
  126. package/esm/components/QPropertyList/QPropertyListRow.vue2.js +4 -0
  127. package/esm/components/QPropertyList/index.d.ts +13 -0
  128. package/esm/components/QPropertyList/index.d.ts.map +1 -0
  129. package/esm/components/QPropertyList/index.js +12 -0
  130. package/esm/components/QPropertyList/types.d.ts +101 -0
  131. package/esm/components/QPropertyList/types.d.ts.map +1 -0
  132. package/esm/components/QPropertyList/types.js +14 -0
  133. package/esm/components/QSelect/QSelect.d.ts +25 -102
  134. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  135. package/esm/components/QSelect/QSelect.vue.js +80 -91
  136. package/esm/components/QSelect/index.d.ts +3 -369
  137. package/esm/components/QSelect/index.d.ts.map +1 -1
  138. package/esm/components/QSelect/types.d.ts +80 -0
  139. package/esm/components/QSelect/types.d.ts.map +1 -0
  140. package/esm/components/QSelect/types.js +14 -0
  141. package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts +2 -14
  142. package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map +1 -1
  143. package/esm/components/QSkeletonLoader/index.d.ts +3 -31
  144. package/esm/components/QSkeletonLoader/index.d.ts.map +1 -1
  145. package/esm/components/QSkeletonLoader/types.d.ts +15 -0
  146. package/esm/components/QSkeletonLoader/types.d.ts.map +1 -0
  147. package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts +2 -10
  148. package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts.map +1 -1
  149. package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js +6 -6
  150. package/esm/components/QSpinnerLoader/index.d.ts +3 -22
  151. package/esm/components/QSpinnerLoader/index.d.ts.map +1 -1
  152. package/esm/components/QSpinnerLoader/types.d.ts +11 -0
  153. package/esm/components/QSpinnerLoader/types.d.ts.map +1 -0
  154. package/esm/components/QTextField/QTextField.d.ts +13 -61
  155. package/esm/components/QTextField/QTextField.d.ts.map +1 -1
  156. package/esm/components/QTextField/index.d.ts +3 -229
  157. package/esm/components/QTextField/index.d.ts.map +1 -1
  158. package/esm/components/QTextField/types.d.ts +51 -0
  159. package/esm/components/QTextField/types.d.ts.map +1 -0
  160. package/esm/components/QThemeProvider/QThemeProvider.d.ts +6 -8
  161. package/esm/components/QThemeProvider/QThemeProvider.d.ts.map +1 -1
  162. package/esm/components/QThemeProvider/index.d.ts +3 -37
  163. package/esm/components/QThemeProvider/index.d.ts.map +1 -1
  164. package/esm/components/QThemeProvider/types.d.ts +7 -0
  165. package/esm/components/QThemeProvider/types.d.ts.map +1 -0
  166. package/esm/components/QTooltip/QTooltip.d.ts +30 -94
  167. package/esm/components/QTooltip/QTooltip.d.ts.map +1 -1
  168. package/esm/components/QTooltip/index.d.ts +3 -279
  169. package/esm/components/QTooltip/index.d.ts.map +1 -1
  170. package/esm/components/QTooltip/types.d.ts +67 -0
  171. package/esm/components/QTooltip/types.d.ts.map +1 -0
  172. package/esm/components/index.d.ts +1 -0
  173. package/esm/components/index.d.ts.map +1 -1
  174. package/esm/components/index.js +42 -37
  175. package/esm/composables/defaults.js +3 -6
  176. package/esm/index.d.ts +4 -0
  177. package/esm/utils/color.js +1 -2
  178. package/esm/utils/setupPropsProxy.js +2 -4
  179. package/package.json +35 -36
@@ -1,118 +1,26 @@
1
- import { Appearance, Placement, Trigger } from '../../composables/overlay';
2
- import { Selector } from '../../utils/getElement';
3
-
4
- export type QOverlayProps = {
5
- /**
6
- * The DOM element the overlay should be anchored to.
7
- */
8
- anchor?: Selector;
9
- /**
10
- * The appearance of the overlay.
11
- * 'regular' uses body text color for background and body background color for text.
12
- * 'inverted' matches body color scheme.
13
- */
14
- appearance?: Appearance;
15
- /**
16
- * Whether the overlay has an arrow pointing to the target.
17
- */
18
- arrow?: boolean;
19
- /**
20
- * The DOM element the overlay should be teleported to.
21
- * Defaults to the body of the document.
22
- */
23
- attach?: string;
24
- /**
25
- * Whether to disable teleport.
26
- * If enabled, the prop `attach` is ignored.
27
- */
28
- inline?: boolean;
29
- /**
30
- * Applies a backdrop blur effect behind the overlay.
31
- */
32
- backdropBlur?: boolean;
33
- /**
34
- * Custom set of classes to apply to the dialog's underlay.
35
- */
36
- backdropClass?: string | unknown[];
37
- /**
38
- * The delay in milliseconds before showing the overlay.
39
- */
40
- delay?: number;
41
- /**
42
- * Whether elements outside of the overlay can be interacted with.
43
- * Should be used with care and only in certain components, such as comboboxes,
44
- * with proper handling of the `focusout` event.
45
- */
46
- nonModal?: boolean;
47
- /**
48
- * Whether to prevent scrolling while the overlay is open.
49
- */
50
- scrollLock?: boolean;
51
- /**
52
- * Offset the overlay in the given amount of pixels.
53
- */
54
- offset?: number;
55
- /**
56
- * If enabled, deactivation of the element will not occur upon clicking outside
57
- * or pressing the escape key.
58
- */
59
- persistent?: boolean;
60
- /**
61
- * The placement of the overlay.
62
- */
63
- placement?: Placement;
64
- /**
65
- * Whether to spy on the real-time position of the anchor,
66
- * to keep the position of the overlay up-to-date at all times.
67
- */
68
- spy?: boolean;
69
- /**
70
- * The name of the transition to apply.
71
- */
72
- transition?: string;
73
- /**
74
- * The method to trigger the overlay.
75
- */
76
- trigger?: Trigger;
77
- /**
78
- * The width of the overlay.
79
- * Either is automatic, based on the overlay content,
80
- * or matches the overlay's anchor.
81
- */
82
- width?: 'auto' | 'anchor';
83
- /**
84
- * Custom set of classes to apply to the component.
85
- */
86
- class?: string | unknown[];
1
+ declare function __VLS_template(): {
2
+ default?(_: {}): any;
87
3
  };
88
- declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
4
+ declare const __VLS_component: import('vue').DefineComponent<{
89
5
  modelValue: import('vue').PropType<boolean>;
90
6
  class: {
91
7
  type: import('vue').PropType<string | unknown[]>;
92
8
  default: undefined;
93
9
  };
94
10
  anchor: {
95
- type: import('vue').PropType<Selector>;
11
+ type: import('vue').PropType<import('../../utils/getElement').Selector>;
96
12
  default: undefined;
97
13
  };
98
14
  transition: {
99
15
  type: import('vue').PropType<string>;
100
16
  default: string;
101
17
  };
102
- offset: {
103
- type: import('vue').PropType<number>;
104
- default: number;
105
- };
106
- placement: {
107
- type: import('vue').PropType<Placement>;
108
- default: string;
109
- };
110
18
  width: {
111
19
  type: import('vue').PropType<"anchor" | "auto">;
112
20
  default: string;
113
21
  };
114
22
  appearance: {
115
- type: import('vue').PropType<Appearance>;
23
+ type: import('vue').PropType<import('../../composables/overlay').Appearance>;
116
24
  default: string;
117
25
  };
118
26
  arrow: {
@@ -142,14 +50,22 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
142
50
  scrollLock: {
143
51
  type: import('vue').PropType<boolean>;
144
52
  };
53
+ offset: {
54
+ type: import('vue').PropType<number>;
55
+ default: number;
56
+ };
145
57
  persistent: {
146
58
  type: import('vue').PropType<boolean>;
147
59
  };
60
+ placement: {
61
+ type: import('vue').PropType<import('../../composables/overlay').Placement>;
62
+ default: string;
63
+ };
148
64
  spy: {
149
65
  type: import('vue').PropType<boolean>;
150
66
  };
151
67
  trigger: {
152
- type: import('vue').PropType<Trigger>;
68
+ type: import('vue').PropType<import('../../composables/overlay').Trigger>;
153
69
  default: string;
154
70
  };
155
71
  }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -162,27 +78,19 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
162
78
  default: undefined;
163
79
  };
164
80
  anchor: {
165
- type: import('vue').PropType<Selector>;
81
+ type: import('vue').PropType<import('../../utils/getElement').Selector>;
166
82
  default: undefined;
167
83
  };
168
84
  transition: {
169
85
  type: import('vue').PropType<string>;
170
86
  default: string;
171
87
  };
172
- offset: {
173
- type: import('vue').PropType<number>;
174
- default: number;
175
- };
176
- placement: {
177
- type: import('vue').PropType<Placement>;
178
- default: string;
179
- };
180
88
  width: {
181
89
  type: import('vue').PropType<"anchor" | "auto">;
182
90
  default: string;
183
91
  };
184
92
  appearance: {
185
- type: import('vue').PropType<Appearance>;
93
+ type: import('vue').PropType<import('../../composables/overlay').Appearance>;
186
94
  default: string;
187
95
  };
188
96
  arrow: {
@@ -212,14 +120,22 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
212
120
  scrollLock: {
213
121
  type: import('vue').PropType<boolean>;
214
122
  };
123
+ offset: {
124
+ type: import('vue').PropType<number>;
125
+ default: number;
126
+ };
215
127
  persistent: {
216
128
  type: import('vue').PropType<boolean>;
217
129
  };
130
+ placement: {
131
+ type: import('vue').PropType<import('../../composables/overlay').Placement>;
132
+ default: string;
133
+ };
218
134
  spy: {
219
135
  type: import('vue').PropType<boolean>;
220
136
  };
221
137
  trigger: {
222
- type: import('vue').PropType<Trigger>;
138
+ type: import('vue').PropType<import('../../composables/overlay').Trigger>;
223
139
  default: string;
224
140
  };
225
141
  }>> & {
@@ -227,19 +143,18 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
227
143
  onLeave?: (() => any) | undefined;
228
144
  }, {
229
145
  class: string | unknown[];
230
- anchor: Selector;
146
+ anchor: import('../../utils/getElement').Selector;
231
147
  transition: string;
232
- offset: number;
233
- placement: Placement;
234
- width: "anchor" | "auto";
235
- appearance: Appearance;
148
+ width: "auto" | "anchor";
149
+ appearance: import('../../composables/overlay').Appearance;
236
150
  attach: string;
237
151
  backdropClass: string | unknown[];
238
152
  delay: number;
239
- trigger: Trigger;
240
- }, {}>, {
241
- default?(_: {}): any;
242
- }>;
153
+ offset: number;
154
+ placement: import('../../composables/overlay').Placement;
155
+ trigger: import('../../composables/overlay').Trigger;
156
+ }, {}>;
157
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
243
158
  export default _default;
244
159
  type __VLS_WithTemplateSlots<T, S> = T & {
245
160
  new (): {
@@ -1 +1 @@
1
- {"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AAuCA;AAMC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAMlD,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAufF,wBAAwG;AAUxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AAuCA;AAsWA,iBAAS,cAAc;qBAuHO,GAAG;EAGhC;AAsBD,QAAA,MAAM,eAAe;gBAtJT,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA/B,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgKzC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAUxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -50,8 +50,7 @@ const ce = ["role"], me = /* @__PURE__ */ G({
50
50
  }), I = c(() => o.top !== 0 && o.left !== 0);
51
51
  h(a, () => o.animating = !0);
52
52
  const N = c(() => {
53
- if (t.anchor === void 0)
54
- return;
53
+ if (t.anchor === void 0) return;
55
54
  const e = s(), y = t.width === "anchor", n = y ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
56
55
  return {
57
56
  top: `${o.top}px`,
@@ -1,341 +1,5 @@
1
- declare const QOverlay: {
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
- default: undefined;
11
- };
12
- transition: {
13
- type: import('vue').PropType<string>;
14
- default: string;
15
- };
16
- offset: {
17
- type: import('vue').PropType<number>;
18
- default: number;
19
- };
20
- placement: {
21
- type: import('vue').PropType<import('../../composables/overlay').Placement>;
22
- default: string;
23
- };
24
- width: {
25
- type: import('vue').PropType<"anchor" | "auto">;
26
- default: string;
27
- };
28
- appearance: {
29
- type: import('vue').PropType<import('../../composables/overlay').Appearance>;
30
- default: string;
31
- };
32
- arrow: {
33
- type: import('vue').PropType<boolean>;
34
- };
35
- attach: {
36
- type: import('vue').PropType<string>;
37
- default: string;
38
- };
39
- inline: {
40
- type: import('vue').PropType<boolean>;
41
- };
42
- backdropBlur: {
43
- type: import('vue').PropType<boolean>;
44
- };
45
- backdropClass: {
46
- type: import('vue').PropType<string | unknown[]>;
47
- default: undefined;
48
- };
49
- delay: {
50
- type: import('vue').PropType<number>;
51
- default: number;
52
- };
53
- nonModal: {
54
- type: import('vue').PropType<boolean>;
55
- };
56
- scrollLock: {
57
- type: import('vue').PropType<boolean>;
58
- };
59
- persistent: {
60
- type: import('vue').PropType<boolean>;
61
- };
62
- spy: {
63
- type: import('vue').PropType<boolean>;
64
- };
65
- trigger: {
66
- type: import('vue').PropType<import('../../composables/overlay').Trigger>;
67
- default: string;
68
- };
69
- }>> & {
70
- onEnter?: (() => any) | undefined;
71
- onLeave?: (() => any) | undefined;
72
- }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
73
- enter: () => void;
74
- leave: () => void;
75
- }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
76
- modelValue: import('vue').PropType<boolean>;
77
- class: {
78
- type: import('vue').PropType<string | unknown[]>;
79
- default: undefined;
80
- };
81
- anchor: {
82
- type: import('vue').PropType<import('../../utils/getElement').Selector>;
83
- default: undefined;
84
- };
85
- transition: {
86
- type: import('vue').PropType<string>;
87
- default: string;
88
- };
89
- offset: {
90
- type: import('vue').PropType<number>;
91
- default: number;
92
- };
93
- placement: {
94
- type: import('vue').PropType<import('../../composables/overlay').Placement>;
95
- default: string;
96
- };
97
- width: {
98
- type: import('vue').PropType<"anchor" | "auto">;
99
- default: string;
100
- };
101
- appearance: {
102
- type: import('vue').PropType<import('../../composables/overlay').Appearance>;
103
- default: string;
104
- };
105
- arrow: {
106
- type: import('vue').PropType<boolean>;
107
- };
108
- attach: {
109
- type: import('vue').PropType<string>;
110
- default: string;
111
- };
112
- inline: {
113
- type: import('vue').PropType<boolean>;
114
- };
115
- backdropBlur: {
116
- type: import('vue').PropType<boolean>;
117
- };
118
- backdropClass: {
119
- type: import('vue').PropType<string | unknown[]>;
120
- default: undefined;
121
- };
122
- delay: {
123
- type: import('vue').PropType<number>;
124
- default: number;
125
- };
126
- nonModal: {
127
- type: import('vue').PropType<boolean>;
128
- };
129
- scrollLock: {
130
- type: import('vue').PropType<boolean>;
131
- };
132
- persistent: {
133
- type: import('vue').PropType<boolean>;
134
- };
135
- spy: {
136
- type: import('vue').PropType<boolean>;
137
- };
138
- trigger: {
139
- type: import('vue').PropType<import('../../composables/overlay').Trigger>;
140
- default: string;
141
- };
142
- }>> & {
143
- onEnter?: (() => any) | undefined;
144
- onLeave?: (() => any) | undefined;
145
- }, {
146
- class: string | unknown[];
147
- anchor: import('../../utils/getElement').Selector;
148
- transition: string;
149
- offset: number;
150
- placement: import('../../composables/overlay').Placement;
151
- width: "anchor" | "auto";
152
- appearance: import('../../composables/overlay').Appearance;
153
- attach: string;
154
- backdropClass: string | unknown[];
155
- delay: number;
156
- trigger: import('../../composables/overlay').Trigger;
157
- }, true, {}, {}, {
158
- P: {};
159
- B: {};
160
- D: {};
161
- C: {};
162
- M: {};
163
- Defaults: {};
164
- }, Readonly<import('vue').ExtractPropTypes<{
165
- modelValue: import('vue').PropType<boolean>;
166
- class: {
167
- type: import('vue').PropType<string | unknown[]>;
168
- default: undefined;
169
- };
170
- anchor: {
171
- type: import('vue').PropType<import('../../utils/getElement').Selector>;
172
- default: undefined;
173
- };
174
- transition: {
175
- type: import('vue').PropType<string>;
176
- default: string;
177
- };
178
- offset: {
179
- type: import('vue').PropType<number>;
180
- default: number;
181
- };
182
- placement: {
183
- type: import('vue').PropType<import('../../composables/overlay').Placement>;
184
- default: string;
185
- };
186
- width: {
187
- type: import('vue').PropType<"anchor" | "auto">;
188
- default: string;
189
- };
190
- appearance: {
191
- type: import('vue').PropType<import('../../composables/overlay').Appearance>;
192
- default: string;
193
- };
194
- arrow: {
195
- type: import('vue').PropType<boolean>;
196
- };
197
- attach: {
198
- type: import('vue').PropType<string>;
199
- default: string;
200
- };
201
- inline: {
202
- type: import('vue').PropType<boolean>;
203
- };
204
- backdropBlur: {
205
- type: import('vue').PropType<boolean>;
206
- };
207
- backdropClass: {
208
- type: import('vue').PropType<string | unknown[]>;
209
- default: undefined;
210
- };
211
- delay: {
212
- type: import('vue').PropType<number>;
213
- default: number;
214
- };
215
- nonModal: {
216
- type: import('vue').PropType<boolean>;
217
- };
218
- scrollLock: {
219
- type: import('vue').PropType<boolean>;
220
- };
221
- persistent: {
222
- type: import('vue').PropType<boolean>;
223
- };
224
- spy: {
225
- type: import('vue').PropType<boolean>;
226
- };
227
- trigger: {
228
- type: import('vue').PropType<import('../../composables/overlay').Trigger>;
229
- default: string;
230
- };
231
- }>> & {
232
- onEnter?: (() => any) | undefined;
233
- onLeave?: (() => any) | undefined;
234
- }, {}, {}, {}, {}, {
235
- class: string | unknown[];
236
- anchor: import('../../utils/getElement').Selector;
237
- transition: string;
238
- offset: number;
239
- placement: import('../../composables/overlay').Placement;
240
- width: "anchor" | "auto";
241
- appearance: import('../../composables/overlay').Appearance;
242
- attach: string;
243
- backdropClass: string | unknown[];
244
- delay: number;
245
- trigger: import('../../composables/overlay').Trigger;
246
- }>;
247
- __isFragment?: undefined;
248
- __isTeleport?: undefined;
249
- __isSuspense?: undefined;
250
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
251
- modelValue: import('vue').PropType<boolean>;
252
- class: {
253
- type: import('vue').PropType<string | unknown[]>;
254
- default: undefined;
255
- };
256
- anchor: {
257
- type: import('vue').PropType<import('../../utils/getElement').Selector>;
258
- default: undefined;
259
- };
260
- transition: {
261
- type: import('vue').PropType<string>;
262
- default: string;
263
- };
264
- offset: {
265
- type: import('vue').PropType<number>;
266
- default: number;
267
- };
268
- placement: {
269
- type: import('vue').PropType<import('../../composables/overlay').Placement>;
270
- default: string;
271
- };
272
- width: {
273
- type: import('vue').PropType<"anchor" | "auto">;
274
- default: string;
275
- };
276
- appearance: {
277
- type: import('vue').PropType<import('../../composables/overlay').Appearance>;
278
- default: string;
279
- };
280
- arrow: {
281
- type: import('vue').PropType<boolean>;
282
- };
283
- attach: {
284
- type: import('vue').PropType<string>;
285
- default: string;
286
- };
287
- inline: {
288
- type: import('vue').PropType<boolean>;
289
- };
290
- backdropBlur: {
291
- type: import('vue').PropType<boolean>;
292
- };
293
- backdropClass: {
294
- type: import('vue').PropType<string | unknown[]>;
295
- default: undefined;
296
- };
297
- delay: {
298
- type: import('vue').PropType<number>;
299
- default: number;
300
- };
301
- nonModal: {
302
- type: import('vue').PropType<boolean>;
303
- };
304
- scrollLock: {
305
- type: import('vue').PropType<boolean>;
306
- };
307
- persistent: {
308
- type: import('vue').PropType<boolean>;
309
- };
310
- spy: {
311
- type: import('vue').PropType<boolean>;
312
- };
313
- trigger: {
314
- type: import('vue').PropType<import('../../composables/overlay').Trigger>;
315
- default: string;
316
- };
317
- }>> & {
318
- onEnter?: (() => any) | undefined;
319
- onLeave?: (() => any) | undefined;
320
- }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
321
- enter: () => void;
322
- leave: () => void;
323
- }, string, {
324
- class: string | unknown[];
325
- anchor: import('../../utils/getElement').Selector;
326
- transition: string;
327
- offset: number;
328
- placement: import('../../composables/overlay').Placement;
329
- width: "anchor" | "auto";
330
- appearance: import('../../composables/overlay').Appearance;
331
- attach: string;
332
- backdropClass: string | unknown[];
333
- delay: number;
334
- trigger: import('../../composables/overlay').Trigger;
335
- }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
336
- $slots: {
337
- default?(_: {}): any;
338
- };
339
- });
1
+ import { default as _QOverlay } from './QOverlay';
2
+
3
+ declare const QOverlay: typeof _QOverlay;
340
4
  export { QOverlay };
341
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiD,CAAA;AAG/D,OAAO,EAAE,QAAQ,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,gBAAgB,CAAA;AAKtC,QAAA,MAAM,QAAQ,EAAiC,OAAO,SAAS,CAAA;AAG/D,OAAO,EAAE,QAAQ,EAAE,CAAA"}
@@ -0,0 +1,88 @@
1
+ import { Appearance, Placement, Trigger } from '../../composables/overlay';
2
+ import { Selector } from '../../utils/getElement';
3
+
4
+ export type QOverlayProps = {
5
+ /**
6
+ * The DOM element the overlay should be anchored to.
7
+ */
8
+ anchor?: Selector;
9
+ /**
10
+ * The appearance of the overlay.
11
+ * 'regular' uses body text color for background and body background color for text.
12
+ * 'inverted' matches body color scheme.
13
+ */
14
+ appearance?: Appearance;
15
+ /**
16
+ * Whether the overlay has an arrow pointing to the target.
17
+ */
18
+ arrow?: boolean;
19
+ /**
20
+ * The DOM element the overlay should be teleported to.
21
+ * Defaults to the body of the document.
22
+ */
23
+ attach?: string;
24
+ /**
25
+ * Whether to disable teleport.
26
+ * If enabled, the prop `attach` is ignored.
27
+ */
28
+ inline?: boolean;
29
+ /**
30
+ * Applies a backdrop blur effect behind the overlay.
31
+ */
32
+ backdropBlur?: boolean;
33
+ /**
34
+ * Custom set of classes to apply to the dialog's underlay.
35
+ */
36
+ backdropClass?: string | unknown[];
37
+ /**
38
+ * The delay in milliseconds before showing the overlay.
39
+ */
40
+ delay?: number;
41
+ /**
42
+ * Whether elements outside of the overlay can be interacted with.
43
+ * Should be used with care and only in certain components, such as comboboxes,
44
+ * with proper handling of the `focusout` event.
45
+ */
46
+ nonModal?: boolean;
47
+ /**
48
+ * Whether to prevent scrolling while the overlay is open.
49
+ */
50
+ scrollLock?: boolean;
51
+ /**
52
+ * Offset the overlay in the given amount of pixels.
53
+ */
54
+ offset?: number;
55
+ /**
56
+ * If enabled, deactivation of the element will not occur upon clicking outside
57
+ * or pressing the escape key.
58
+ */
59
+ persistent?: boolean;
60
+ /**
61
+ * The placement of the overlay.
62
+ */
63
+ placement?: Placement;
64
+ /**
65
+ * Whether to spy on the real-time position of the anchor,
66
+ * to keep the position of the overlay up-to-date at all times.
67
+ */
68
+ spy?: boolean;
69
+ /**
70
+ * The name of the transition to apply.
71
+ */
72
+ transition?: string;
73
+ /**
74
+ * The method to trigger the overlay.
75
+ */
76
+ trigger?: Trigger;
77
+ /**
78
+ * The width of the overlay.
79
+ * Either is automatic, based on the overlay content,
80
+ * or matches the overlay's anchor.
81
+ */
82
+ width?: 'auto' | 'anchor';
83
+ /**
84
+ * Custom set of classes to apply to the component.
85
+ */
86
+ class?: string | unknown[];
87
+ };
88
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}