bitboss-ui 2.1.32 → 2.1.33

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 (188) hide show
  1. package/dist/components/BaseColorInput/BaseColorInput.vue.d.ts +6 -6
  2. package/dist/components/BaseColorInput/ColorPallette.vue.d.ts +2 -2
  3. package/dist/components/BaseDatePickerInput/BaseDatePickerInput.vue.d.ts +4 -0
  4. package/dist/components/BbDropdown/BbDropdown.vue.d.ts +27 -36
  5. package/dist/components/BbDropdownButton/BbDropdownButton.vue.d.ts +5 -1
  6. package/dist/components/BbPopover/BbPopover.vue.d.ts +25 -32
  7. package/dist/components/BbTooltip/BbTooltip.vue.d.ts +26 -31
  8. package/dist/components/{CommonPopover.vue.d.ts → CommonPopover2.vue.d.ts} +2 -7
  9. package/dist/composables/useCancelableFunction.d.ts +17 -0
  10. package/dist/index.css +1 -1
  11. package/dist/index106.js +9 -9
  12. package/dist/index111.js +1 -1
  13. package/dist/index113.js +1 -1
  14. package/dist/index121.js +11 -11
  15. package/dist/index129.js +1 -1
  16. package/dist/index13.js +1 -1
  17. package/dist/index131.js +111 -93
  18. package/dist/index133.js +1 -1
  19. package/dist/index135.js +2 -2
  20. package/dist/index139.js +1 -1
  21. package/dist/index140.js +292 -250
  22. package/dist/index141.js +1 -1
  23. package/dist/index142.js +2 -2
  24. package/dist/index15.js +72 -74
  25. package/dist/index17.js +3 -3
  26. package/dist/index19.js +8 -8
  27. package/dist/index21.js +15 -15
  28. package/dist/index212.js +3 -3
  29. package/dist/index213.js +2 -2
  30. package/dist/index214.js +2 -2
  31. package/dist/index215.js +13 -4
  32. package/dist/index216.js +2 -2
  33. package/dist/index217.js +7 -5
  34. package/dist/index218.js +3 -20
  35. package/dist/index219.js +80 -191
  36. package/dist/index221.js +28 -116
  37. package/dist/index222.js +19 -0
  38. package/dist/index223.js +49 -32
  39. package/dist/index224.js +15 -86
  40. package/dist/index225.js +5 -0
  41. package/dist/index226.js +11 -28
  42. package/dist/index227.js +14 -15
  43. package/dist/index228.js +2 -51
  44. package/dist/index229.js +2 -15
  45. package/dist/index23.js +153 -153
  46. package/dist/index230.js +6 -3
  47. package/dist/index231.js +16 -12
  48. package/dist/index232.js +9 -15
  49. package/dist/index233.js +3 -2
  50. package/dist/index234.js +9 -2
  51. package/dist/index235.js +121 -2
  52. package/dist/index237.js +23 -5
  53. package/dist/index238.js +4 -5
  54. package/dist/index239.js +23 -5
  55. package/dist/index240.js +5 -5
  56. package/dist/index241.js +5 -5
  57. package/dist/index242.js +5 -5
  58. package/dist/index243.js +5 -2
  59. package/dist/index244.js +5 -8
  60. package/dist/index245.js +5 -250
  61. package/dist/index246.js +5 -52
  62. package/dist/index247.js +2 -44
  63. package/dist/index248.js +8 -5
  64. package/dist/index249.js +243 -53
  65. package/dist/index25.js +1 -1
  66. package/dist/index250.js +52 -4
  67. package/dist/index251.js +44 -3
  68. package/dist/index252.js +5 -13
  69. package/dist/index253.js +54 -100
  70. package/dist/index254.js +108 -0
  71. package/dist/{index255.js → index256.js} +2 -2
  72. package/dist/index258.js +2 -183
  73. package/dist/index259.js +4 -7
  74. package/dist/index260.js +5 -2
  75. package/dist/index261.js +2 -2
  76. package/dist/index262.js +19 -6
  77. package/dist/index263.js +2 -7
  78. package/dist/index264.js +6 -17
  79. package/dist/index265.js +7 -12
  80. package/dist/index266.js +33 -5
  81. package/dist/index267.js +2 -229
  82. package/dist/index268.js +18 -5
  83. package/dist/index269.js +11 -9
  84. package/dist/index27.js +1 -1
  85. package/dist/index270.js +229 -3
  86. package/dist/index271.js +3 -9
  87. package/dist/index272.js +4 -23
  88. package/dist/index273.js +197 -3
  89. package/dist/index275.js +183 -6
  90. package/dist/index276.js +7 -16
  91. package/dist/index277.js +9 -9
  92. package/dist/index278.js +9 -8
  93. package/dist/index279.js +8 -33
  94. package/dist/index280.js +33 -28
  95. package/dist/index281.js +30 -0
  96. package/dist/index283.js +2 -5
  97. package/dist/index284.js +5 -8
  98. package/dist/index285.js +67 -2
  99. package/dist/index286.js +7 -5
  100. package/dist/index287.js +11 -3
  101. package/dist/index288.js +5 -3
  102. package/dist/index289.js +3 -7
  103. package/dist/index29.js +3 -3
  104. package/dist/index290.js +17 -11
  105. package/dist/index291.js +28 -2
  106. package/dist/index292.js +718 -4
  107. package/dist/index293.js +366 -3
  108. package/dist/index294.js +55 -14
  109. package/dist/index295.js +3 -28
  110. package/dist/index296.js +280 -4
  111. package/dist/index297.js +2 -5
  112. package/dist/index298.js +13 -277
  113. package/dist/index299.js +2 -2
  114. package/dist/index300.js +9 -9
  115. package/dist/index302.js +17 -14
  116. package/dist/index304.js +12 -16
  117. package/dist/index306.js +15 -11
  118. package/dist/index308.js +23 -15
  119. package/dist/index31.js +2 -2
  120. package/dist/index310.js +2 -27
  121. package/dist/index311.js +2 -2
  122. package/dist/index312.js +1 -1
  123. package/dist/index313.js +1 -1
  124. package/dist/index314.js +21 -1
  125. package/dist/index316.js +3 -22
  126. package/dist/index317.js +5 -0
  127. package/dist/index318.js +6 -3
  128. package/dist/index319.js +4 -3
  129. package/dist/index320.js +124 -5
  130. package/dist/index321.js +2 -2
  131. package/dist/index322.js +2 -125
  132. package/dist/index324.js +3 -5
  133. package/dist/index325.js +5 -718
  134. package/dist/index326.js +8 -366
  135. package/dist/index327.js +2 -58
  136. package/dist/index328.js +7 -0
  137. package/dist/index329.js +1 -1
  138. package/dist/index33.js +8 -8
  139. package/dist/index330.js +4 -2
  140. package/dist/index331.js +92 -7
  141. package/dist/index332.js +34 -5
  142. package/dist/index333.js +6 -8
  143. package/dist/index334.js +128 -57
  144. package/dist/index335.js +367 -56
  145. package/dist/index336.js +56 -6
  146. package/dist/index337.js +57 -128
  147. package/dist/index338.js +2 -369
  148. package/dist/index339.js +6 -6
  149. package/dist/index340.js +6 -18
  150. package/dist/index341.js +17 -226
  151. package/dist/index342.js +46 -6
  152. package/dist/index343.js +7 -46
  153. package/dist/index344.js +5 -92
  154. package/dist/index345.js +7 -128
  155. package/dist/index346.js +223 -431
  156. package/dist/index347.js +123 -121
  157. package/dist/index348.js +421 -473
  158. package/dist/index349.js +125 -48
  159. package/dist/index35.js +3 -3
  160. package/dist/index350.js +490 -0
  161. package/dist/index351.js +52 -0
  162. package/dist/index37.js +263 -271
  163. package/dist/index39.js +7 -7
  164. package/dist/index41.js +2 -2
  165. package/dist/index43.js +8 -8
  166. package/dist/index45.js +6 -6
  167. package/dist/index49.js +1 -1
  168. package/dist/index55.js +1 -1
  169. package/dist/index57.js +2 -2
  170. package/dist/index61.js +2 -2
  171. package/dist/index79.js +206 -182
  172. package/dist/index81.js +1 -1
  173. package/dist/index83.js +2 -2
  174. package/dist/index85.js +1 -1
  175. package/dist/index87.js +1 -1
  176. package/dist/index90.js +1 -1
  177. package/dist/index92.js +1 -1
  178. package/dist/index94.js +121 -117
  179. package/dist/index96.js +1 -1
  180. package/dist/utilities/functions/extractDomContainer.d.ts +1 -0
  181. package/dist/utilities/functions/parseWidthString.d.ts +6 -0
  182. package/package.json +2 -2
  183. package/dist/index236.js +0 -7
  184. package/dist/index257.js +0 -4
  185. package/dist/index274.js +0 -11
  186. package/dist/index282.js +0 -69
  187. package/dist/index315.js +0 -4
  188. package/dist/index323.js +0 -4
@@ -199,6 +199,7 @@ declare function __VLS_template(): {
199
199
  suffix?(_: {}): any;
200
200
  };
201
201
  }) | null;
202
+ indicator: HTMLButtonElement;
202
203
  pallette: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
203
204
  modelValue: string | null;
204
205
  }> & Readonly<{
@@ -206,10 +207,10 @@ declare function __VLS_template(): {
206
207
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
207
208
  "update:modelValue": (value: string) => any;
208
209
  }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
209
- paletteRef: HTMLDivElement;
210
+ paletteRef: HTMLSpanElement;
210
211
  mainCanvasRef: HTMLCanvasElement;
211
212
  hueCanvasRef: HTMLCanvasElement;
212
- }, HTMLDivElement, import('vue').ComponentProvideOptions, {
213
+ }, HTMLSpanElement, import('vue').ComponentProvideOptions, {
213
214
  P: {};
214
215
  B: {};
215
216
  D: {};
@@ -221,7 +222,6 @@ declare function __VLS_template(): {
221
222
  }> & Readonly<{
222
223
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
223
224
  }>, {}, {}, {}, {}, {}> | null;
224
- indicator: HTMLButtonElement;
225
225
  };
226
226
  rootEl: HTMLSpanElement;
227
227
  };
@@ -342,6 +342,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseColorInputProps
342
342
  suffix?(_: {}): any;
343
343
  };
344
344
  }) | null;
345
+ indicator: HTMLButtonElement;
345
346
  pallette: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
346
347
  modelValue: string | null;
347
348
  }> & Readonly<{
@@ -349,10 +350,10 @@ declare const __VLS_component: import('vue').DefineComponent<BaseColorInputProps
349
350
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
350
351
  "update:modelValue": (value: string) => any;
351
352
  }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
352
- paletteRef: HTMLDivElement;
353
+ paletteRef: HTMLSpanElement;
353
354
  mainCanvasRef: HTMLCanvasElement;
354
355
  hueCanvasRef: HTMLCanvasElement;
355
- }, HTMLDivElement, import('vue').ComponentProvideOptions, {
356
+ }, HTMLSpanElement, import('vue').ComponentProvideOptions, {
356
357
  P: {};
357
358
  B: {};
358
359
  D: {};
@@ -364,7 +365,6 @@ declare const __VLS_component: import('vue').DefineComponent<BaseColorInputProps
364
365
  }> & Readonly<{
365
366
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
366
367
  }>, {}, {}, {}, {}, {}> | null;
367
- indicator: HTMLButtonElement;
368
368
  }, HTMLSpanElement>;
369
369
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
370
370
  export default _default;
@@ -6,8 +6,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
6
6
  }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
7
7
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
8
8
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
9
- paletteRef: HTMLDivElement;
9
+ paletteRef: HTMLSpanElement;
10
10
  mainCanvasRef: HTMLCanvasElement;
11
11
  hueCanvasRef: HTMLCanvasElement;
12
- }, HTMLDivElement>;
12
+ }, HTMLSpanElement>;
13
13
  export default _default;
@@ -87,6 +87,10 @@ export type BaseDatePickerInputProps = {
87
87
  * @param date
88
88
  */
89
89
  selectable?: (date: Date) => boolean;
90
+ /**
91
+ * The transition duration of the floating component.
92
+ */
93
+ transitionDuration?: number;
90
94
  };
91
95
  export type BaseDatePickerInputEvents = {
92
96
  (e: 'active'): void;
@@ -1,6 +1,6 @@
1
1
  import { BaseButtonProps } from '../BaseButton/BaseButton.vue';
2
2
  import { CommonProps } from '../../types/CommonProps';
3
- export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration'> & {
3
+ export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'transitionDuration'> & {
4
4
  /**
5
5
  * Array used to render each dropdown button.
6
6
  * They can act as `button`, as `a`, or as `router-link`
@@ -9,9 +9,14 @@ export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disa
9
9
  */
10
10
  items: Item[];
11
11
  /**
12
- * Width of the dropdown in pixels.
12
+ * Name of the theme to apply to the component. It creates a CSS class with the name of the theme.
13
+ * @deprecated since the popover is local you should use a normal css class applied to the top level element
13
14
  */
14
- width?: number;
15
+ theme?: string;
16
+ /**
17
+ * Width of the dropdown in pixels or percentage.
18
+ */
19
+ width?: number | string;
15
20
  };
16
21
  export type Item = Omit<BaseButtonProps, 'block' | 'tag' | 'type'> & {
17
22
  /**
@@ -52,6 +57,7 @@ declare function __VLS_template(): {
52
57
  onClick: (...args: any[]) => any;
53
58
  onKeydown: (event: KeyboardEvent) => void;
54
59
  disabled?: BbDropdownProps["disabled"];
60
+ ref: (reference: unknown) => void;
55
61
  };
56
62
  disabled?: boolean;
57
63
  open: boolean;
@@ -101,6 +107,7 @@ declare function __VLS_template(): {
101
107
  onClick: (...args: any[]) => any;
102
108
  onKeydown: (event: KeyboardEvent) => void;
103
109
  disabled?: BbDropdownProps["disabled"];
110
+ ref: (reference: unknown) => void;
104
111
  };
105
112
  disabled?: boolean;
106
113
  open: boolean;
@@ -143,20 +150,19 @@ declare function __VLS_template(): {
143
150
  }) => any;
144
151
  };
145
152
  refs: {
146
- wrapper: ({
153
+ popover: ({
147
154
  $: import('vue').ComponentInternalInstance;
148
155
  $data: {};
149
156
  $props: {
150
157
  readonly modelValue?: boolean | undefined;
158
+ readonly eager?: boolean | undefined;
151
159
  readonly transitionDuration?: number | undefined;
152
160
  readonly arrowPadding?: number | undefined;
153
- readonly block?: boolean | undefined;
154
161
  readonly offset?: number | undefined;
155
162
  readonly padding?: number | undefined;
156
163
  readonly placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | undefined;
157
- readonly containerAttributes?: Record<string, any> | undefined;
164
+ readonly anchor?: any;
158
165
  readonly dialog?: boolean | undefined;
159
- readonly renderContent?: boolean | undefined;
160
166
  readonly tag?: string | undefined;
161
167
  readonly flip?: boolean | undefined;
162
168
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -168,7 +174,6 @@ declare function __VLS_template(): {
168
174
  [x: string]: unknown;
169
175
  } & {
170
176
  wrapper: unknown;
171
- content: unknown;
172
177
  bubblearrow: HTMLSpanElement;
173
178
  };
174
179
  $slots: Readonly<{
@@ -181,10 +186,9 @@ declare function __VLS_template(): {
181
186
  $el: any;
182
187
  $options: import('vue').ComponentOptionsBase<Readonly<{
183
188
  modelValue?: boolean;
184
- } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
185
- containerAttributes?: Record<string, any>;
189
+ } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
190
+ anchor?: any;
186
191
  dialog?: boolean;
187
- renderContent?: boolean;
188
192
  tag?: string;
189
193
  flip?: boolean;
190
194
  }> & Readonly<{
@@ -195,7 +199,6 @@ declare function __VLS_template(): {
195
199
  transitionDuration: number;
196
200
  padding: number;
197
201
  tag: string;
198
- renderContent: boolean;
199
202
  flip: boolean;
200
203
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
201
204
  beforeCreate?: (() => void) | (() => void)[];
@@ -221,31 +224,27 @@ declare function __VLS_template(): {
221
224
  transitionDuration: number;
222
225
  padding: number;
223
226
  tag: string;
224
- renderContent: boolean;
225
227
  flip: boolean;
226
228
  }> & Omit<Readonly<{
227
229
  modelValue?: boolean;
228
- } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
229
- containerAttributes?: Record<string, any>;
230
+ } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
231
+ anchor?: any;
230
232
  dialog?: boolean;
231
- renderContent?: boolean;
232
233
  tag?: string;
233
234
  flip?: boolean;
234
235
  }> & Readonly<{
235
236
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
236
- }>, "transitionDuration" | "padding" | "tag" | "renderContent" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
237
+ }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
237
238
  $slots: {
238
- activator?(_: {}): any;
239
239
  default?(_: {}): any;
240
240
  };
241
241
  }) | null;
242
- content: HTMLSpanElement;
243
242
  };
244
243
  rootEl: any;
245
244
  };
246
245
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
247
246
  declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbDropdownProps> & Readonly<{}>, {
248
- width: number;
247
+ width: number | string;
249
248
  transitionDuration: number;
250
249
  arrowPadding: number;
251
250
  offset: number;
@@ -253,20 +252,19 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
253
252
  placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
254
253
  theme: string;
255
254
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
256
- wrapper: ({
255
+ popover: ({
257
256
  $: import('vue').ComponentInternalInstance;
258
257
  $data: {};
259
258
  $props: {
260
259
  readonly modelValue?: boolean | undefined;
260
+ readonly eager?: boolean | undefined;
261
261
  readonly transitionDuration?: number | undefined;
262
262
  readonly arrowPadding?: number | undefined;
263
- readonly block?: boolean | undefined;
264
263
  readonly offset?: number | undefined;
265
264
  readonly padding?: number | undefined;
266
265
  readonly placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | undefined;
267
- readonly containerAttributes?: Record<string, any> | undefined;
266
+ readonly anchor?: any;
268
267
  readonly dialog?: boolean | undefined;
269
- readonly renderContent?: boolean | undefined;
270
268
  readonly tag?: string | undefined;
271
269
  readonly flip?: boolean | undefined;
272
270
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -278,7 +276,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
278
276
  [x: string]: unknown;
279
277
  } & {
280
278
  wrapper: unknown;
281
- content: unknown;
282
279
  bubblearrow: HTMLSpanElement;
283
280
  };
284
281
  $slots: Readonly<{
@@ -291,10 +288,9 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
291
288
  $el: any;
292
289
  $options: import('vue').ComponentOptionsBase<Readonly<{
293
290
  modelValue?: boolean;
294
- } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
295
- containerAttributes?: Record<string, any>;
291
+ } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
292
+ anchor?: any;
296
293
  dialog?: boolean;
297
- renderContent?: boolean;
298
294
  tag?: string;
299
295
  flip?: boolean;
300
296
  }> & Readonly<{
@@ -305,7 +301,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
305
301
  transitionDuration: number;
306
302
  padding: number;
307
303
  tag: string;
308
- renderContent: boolean;
309
304
  flip: boolean;
310
305
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
311
306
  beforeCreate?: (() => void) | (() => void)[];
@@ -331,25 +326,21 @@ declare const __VLS_component: import('vue').DefineComponent<BbDropdownProps, {}
331
326
  transitionDuration: number;
332
327
  padding: number;
333
328
  tag: string;
334
- renderContent: boolean;
335
329
  flip: boolean;
336
330
  }> & Omit<Readonly<{
337
331
  modelValue?: boolean;
338
- } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
339
- containerAttributes?: Record<string, any>;
332
+ } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
333
+ anchor?: any;
340
334
  dialog?: boolean;
341
- renderContent?: boolean;
342
335
  tag?: string;
343
336
  flip?: boolean;
344
337
  }> & Readonly<{
345
338
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
346
- }>, "transitionDuration" | "padding" | "tag" | "renderContent" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
339
+ }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
347
340
  $slots: {
348
- activator?(_: {}): any;
349
341
  default?(_: {}): any;
350
342
  };
351
343
  }) | null;
352
- content: HTMLSpanElement;
353
344
  }, any>;
354
345
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
355
346
  export default _default;
@@ -1,5 +1,5 @@
1
1
  import { BbDropdownProps, MappedItem } from '../BbDropdown/BbDropdown.vue';
2
- export type BbDropdownButtonProps = Pick<BbDropdownProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'items' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration' | 'width'> & {
2
+ export type BbDropdownButtonProps = Pick<BbDropdownProps, 'arrowPadding' | 'disabled' | 'eager' | 'id' | 'items' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration' | 'width'> & {
3
3
  /**
4
4
  * Tracks tha loading status internally.
5
5
  */
@@ -8,6 +8,10 @@ export type BbDropdownButtonProps = Pick<BbDropdownProps, 'arrowPadding' | 'bloc
8
8
  * Icon to be added on the right of the text
9
9
  */
10
10
  'append:icon'?: string;
11
+ /**
12
+ * Displays the component as full width.
13
+ */
14
+ block?: boolean;
11
15
  /**
12
16
  * Disables the click handler while the component is loading.
13
17
  */
@@ -7,6 +7,11 @@ export type BbPopoverProps = Pick<CommonProps, 'arrowPadding' | 'closeLabel' | '
7
7
  * By default it's the first tabbable item.
8
8
  */
9
9
  focusTarget?: string;
10
+ /**
11
+ * Name of the theme to apply to the component. It creates a CSS class with the name of the theme.
12
+ * @deprecated since the popover is local you should use a normal css class applied to the top level element
13
+ */
14
+ theme?: string;
10
15
  /**
11
16
  * Width of the dropdown in pixels.
12
17
  */
@@ -28,6 +33,7 @@ declare function __VLS_template(): {
28
33
  onClick: typeof onTriggerClick;
29
34
  id: string;
30
35
  disabled: boolean;
36
+ ref: (reference: unknown) => void;
31
37
  };
32
38
  disabled: boolean;
33
39
  open: boolean;
@@ -47,6 +53,7 @@ declare function __VLS_template(): {
47
53
  onClick: typeof onTriggerClick;
48
54
  id: string;
49
55
  disabled: boolean;
56
+ ref: (reference: unknown) => void;
50
57
  };
51
58
  disabled: boolean;
52
59
  open: boolean;
@@ -60,20 +67,19 @@ declare function __VLS_template(): {
60
67
  }) => any;
61
68
  };
62
69
  refs: {
63
- wrapper: ({
70
+ popover: ({
64
71
  $: import('vue').ComponentInternalInstance;
65
72
  $data: {};
66
73
  $props: {
67
74
  readonly modelValue?: boolean | undefined;
75
+ readonly eager?: boolean | undefined;
68
76
  readonly transitionDuration?: number | undefined;
69
77
  readonly arrowPadding?: number | undefined;
70
- readonly block?: boolean | undefined;
71
78
  readonly offset?: number | undefined;
72
79
  readonly padding?: number | undefined;
73
80
  readonly placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | undefined;
74
- readonly containerAttributes?: Record<string, any> | undefined;
81
+ readonly anchor?: any;
75
82
  readonly dialog?: boolean | undefined;
76
- readonly renderContent?: boolean | undefined;
77
83
  readonly tag?: string | undefined;
78
84
  readonly flip?: boolean | undefined;
79
85
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -85,7 +91,6 @@ declare function __VLS_template(): {
85
91
  [x: string]: unknown;
86
92
  } & {
87
93
  wrapper: unknown;
88
- content: unknown;
89
94
  bubblearrow: HTMLSpanElement;
90
95
  };
91
96
  $slots: Readonly<{
@@ -98,10 +103,9 @@ declare function __VLS_template(): {
98
103
  $el: any;
99
104
  $options: import('vue').ComponentOptionsBase<Readonly<{
100
105
  modelValue?: boolean;
101
- } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
102
- containerAttributes?: Record<string, any>;
106
+ } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
107
+ anchor?: any;
103
108
  dialog?: boolean;
104
- renderContent?: boolean;
105
109
  tag?: string;
106
110
  flip?: boolean;
107
111
  }> & Readonly<{
@@ -112,7 +116,6 @@ declare function __VLS_template(): {
112
116
  transitionDuration: number;
113
117
  padding: number;
114
118
  tag: string;
115
- renderContent: boolean;
116
119
  flip: boolean;
117
120
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
118
121
  beforeCreate?: (() => void) | (() => void)[];
@@ -138,25 +141,22 @@ declare function __VLS_template(): {
138
141
  transitionDuration: number;
139
142
  padding: number;
140
143
  tag: string;
141
- renderContent: boolean;
142
144
  flip: boolean;
143
145
  }> & Omit<Readonly<{
144
146
  modelValue?: boolean;
145
- } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
146
- containerAttributes?: Record<string, any>;
147
+ } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
148
+ anchor?: any;
147
149
  dialog?: boolean;
148
- renderContent?: boolean;
149
150
  tag?: string;
150
151
  flip?: boolean;
151
152
  }> & Readonly<{
152
153
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
153
- }>, "transitionDuration" | "padding" | "tag" | "renderContent" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
154
+ }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
154
155
  $slots: {
155
- activator?(_: {}): any;
156
156
  default?(_: {}): any;
157
157
  };
158
158
  }) | null;
159
- content: HTMLSpanElement;
159
+ popoverDom: HTMLSpanElement;
160
160
  };
161
161
  rootEl: any;
162
162
  };
@@ -180,20 +180,19 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
180
180
  placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
181
181
  theme: string;
182
182
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
183
- wrapper: ({
183
+ popover: ({
184
184
  $: import('vue').ComponentInternalInstance;
185
185
  $data: {};
186
186
  $props: {
187
187
  readonly modelValue?: boolean | undefined;
188
+ readonly eager?: boolean | undefined;
188
189
  readonly transitionDuration?: number | undefined;
189
190
  readonly arrowPadding?: number | undefined;
190
- readonly block?: boolean | undefined;
191
191
  readonly offset?: number | undefined;
192
192
  readonly padding?: number | undefined;
193
193
  readonly placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | undefined;
194
- readonly containerAttributes?: Record<string, any> | undefined;
194
+ readonly anchor?: any;
195
195
  readonly dialog?: boolean | undefined;
196
- readonly renderContent?: boolean | undefined;
197
196
  readonly tag?: string | undefined;
198
197
  readonly flip?: boolean | undefined;
199
198
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -205,7 +204,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
205
204
  [x: string]: unknown;
206
205
  } & {
207
206
  wrapper: unknown;
208
- content: unknown;
209
207
  bubblearrow: HTMLSpanElement;
210
208
  };
211
209
  $slots: Readonly<{
@@ -218,10 +216,9 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
218
216
  $el: any;
219
217
  $options: import('vue').ComponentOptionsBase<Readonly<{
220
218
  modelValue?: boolean;
221
- } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
222
- containerAttributes?: Record<string, any>;
219
+ } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
220
+ anchor?: any;
223
221
  dialog?: boolean;
224
- renderContent?: boolean;
225
222
  tag?: string;
226
223
  flip?: boolean;
227
224
  }> & Readonly<{
@@ -232,7 +229,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
232
229
  transitionDuration: number;
233
230
  padding: number;
234
231
  tag: string;
235
- renderContent: boolean;
236
232
  flip: boolean;
237
233
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
238
234
  beforeCreate?: (() => void) | (() => void)[];
@@ -258,25 +254,22 @@ declare const __VLS_component: import('vue').DefineComponent<BbPopoverProps, {
258
254
  transitionDuration: number;
259
255
  padding: number;
260
256
  tag: string;
261
- renderContent: boolean;
262
257
  flip: boolean;
263
258
  }> & Omit<Readonly<{
264
259
  modelValue?: boolean;
265
- } & Pick<CommonProps, "transitionDuration" | "arrowPadding" | "block" | "offset" | "padding" | "placement"> & {
266
- containerAttributes?: Record<string, any>;
260
+ } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
261
+ anchor?: any;
267
262
  dialog?: boolean;
268
- renderContent?: boolean;
269
263
  tag?: string;
270
264
  flip?: boolean;
271
265
  }> & Readonly<{
272
266
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
273
- }>, "transitionDuration" | "padding" | "tag" | "renderContent" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
267
+ }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
274
268
  $slots: {
275
- activator?(_: {}): any;
276
269
  default?(_: {}): any;
277
270
  };
278
271
  }) | null;
279
- content: HTMLSpanElement;
272
+ popoverDom: HTMLSpanElement;
280
273
  }, any>;
281
274
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
282
275
  export default _default;