@beeq/vue 1.8.0-beta.10 → 1.8.0-beta.11

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 (8) hide show
  1. package/README.md +69 -21
  2. package/package.json +3 -2
  3. package/src/components.d.ts +42 -42
  4. package/src/components.js +671 -83
  5. package/src/components.js.map +1 -1
  6. package/src/vue-component-lib/utils.d.ts +0 -16
  7. package/src/vue-component-lib/utils.js +0 -196
  8. package/src/vue-component-lib/utils.js.map +0 -1
package/src/components.js CHANGED
@@ -1,10 +1,10 @@
1
1
  /* eslint-disable */
2
2
  /* tslint:disable */
3
3
  /* auto-generated vue proxies */
4
- import { defineContainer } from './vue-component-lib/utils';
4
+ import { defineContainer, defineStencilSSRComponent } from '@stencil/vue-output-target/runtime';
5
5
  import { defineCustomElements } from '@beeq/core/dist/loader';
6
6
  defineCustomElements();
7
- export const BqAccordion = /*@__PURE__*/ defineContainer('bq-accordion', undefined, [
7
+ export const BqAccordion = /*@__PURE__*/ globalThis.window ? defineContainer('bq-accordion', undefined, [
8
8
  'appearance',
9
9
  'disabled',
10
10
  'expanded',
@@ -18,15 +18,43 @@ export const BqAccordion = /*@__PURE__*/ defineContainer('bq-accordion', undefin
18
18
  'bqClose',
19
19
  'bqAfterClose',
20
20
  'bqClick'
21
- ]);
22
- export const BqAccordionGroup = /*@__PURE__*/ defineContainer('bq-accordion-group', undefined, [
21
+ ]) : defineStencilSSRComponent({
22
+ tagName: 'bq-accordion',
23
+ hydrateModule: import('@beeq/core/dist/hydrate'),
24
+ props: {
25
+ 'appearance': [String, "appearance"],
26
+ 'disabled': [Boolean, "disabled"],
27
+ 'expanded': [Boolean, "expanded"],
28
+ 'noAnimation': [Boolean, "no-animation"],
29
+ 'rotate': [Boolean, "rotate"],
30
+ 'size': [String, "size"],
31
+ 'onBqBlur': [Function],
32
+ 'onBqFocus': [Function],
33
+ 'onBqOpen': [Function],
34
+ 'onBqAfterOpen': [Function],
35
+ 'onBqClose': [Function],
36
+ 'onBqAfterClose': [Function],
37
+ 'onBqClick': [Function]
38
+ }
39
+ });
40
+ export const BqAccordionGroup = /*@__PURE__*/ globalThis.window ? defineContainer('bq-accordion-group', undefined, [
23
41
  'appearance',
24
42
  'expandAll',
25
43
  'noAnimation',
26
44
  'multiple',
27
45
  'size'
28
- ]);
29
- export const BqAlert = /*@__PURE__*/ defineContainer('bq-alert', undefined, [
46
+ ]) : defineStencilSSRComponent({
47
+ tagName: 'bq-accordion-group',
48
+ hydrateModule: import('@beeq/core/dist/hydrate'),
49
+ props: {
50
+ 'appearance': [String, "appearance"],
51
+ 'expandAll': [Boolean, "expand-all"],
52
+ 'noAnimation': [Boolean, "no-animation"],
53
+ 'multiple': [Boolean, "multiple"],
54
+ 'size': [String, "size"]
55
+ }
56
+ });
57
+ export const BqAlert = /*@__PURE__*/ globalThis.window ? defineContainer('bq-alert', undefined, [
30
58
  'autoDismiss',
31
59
  'border',
32
60
  'disableClose',
@@ -39,27 +67,72 @@ export const BqAlert = /*@__PURE__*/ defineContainer('bq-alert', undefined, [
39
67
  'bqShow',
40
68
  'bqAfterShow',
41
69
  'bqAfterHide'
42
- ]);
43
- export const BqAvatar = /*@__PURE__*/ defineContainer('bq-avatar', undefined, [
70
+ ]) : defineStencilSSRComponent({
71
+ tagName: 'bq-alert',
72
+ hydrateModule: import('@beeq/core/dist/hydrate'),
73
+ props: {
74
+ 'autoDismiss': [Boolean, "auto-dismiss"],
75
+ 'border': [String, "border"],
76
+ 'disableClose': [Boolean, "disable-close"],
77
+ 'hideIcon': [Boolean, "hide-icon"],
78
+ 'open': [Boolean, "open"],
79
+ 'time': [Number, "time"],
80
+ 'type': [String, "type"],
81
+ 'sticky': [Boolean, "sticky"],
82
+ 'onBqHide': [Function],
83
+ 'onBqShow': [Function],
84
+ 'onBqAfterShow': [Function],
85
+ 'onBqAfterHide': [Function]
86
+ }
87
+ });
88
+ export const BqAvatar = /*@__PURE__*/ globalThis.window ? defineContainer('bq-avatar', undefined, [
44
89
  'altText',
45
90
  'image',
46
91
  'label',
47
92
  'initials',
48
93
  'shape',
49
94
  'size'
50
- ]);
51
- export const BqBadge = /*@__PURE__*/ defineContainer('bq-badge', undefined, [
95
+ ]) : defineStencilSSRComponent({
96
+ tagName: 'bq-avatar',
97
+ hydrateModule: import('@beeq/core/dist/hydrate'),
98
+ props: {
99
+ 'altText': [String, "alt-text"],
100
+ 'image': [String, "image"],
101
+ 'label': [String, "label"],
102
+ 'initials': [String, "initials"],
103
+ 'shape': [String, "shape"],
104
+ 'size': [String, "size"]
105
+ }
106
+ });
107
+ export const BqBadge = /*@__PURE__*/ globalThis.window ? defineContainer('bq-badge', undefined, [
52
108
  'backgroundColor',
53
109
  'textColor',
54
110
  'size'
55
- ]);
56
- export const BqBreadcrumb = /*@__PURE__*/ defineContainer('bq-breadcrumb', undefined, [
111
+ ]) : defineStencilSSRComponent({
112
+ tagName: 'bq-badge',
113
+ hydrateModule: import('@beeq/core/dist/hydrate'),
114
+ props: {
115
+ 'backgroundColor': [String, "background-color"],
116
+ 'textColor': [String, "text-color"],
117
+ 'size': [String, "size"]
118
+ }
119
+ });
120
+ export const BqBreadcrumb = /*@__PURE__*/ globalThis.window ? defineContainer('bq-breadcrumb', undefined, [
57
121
  'ariaLabel',
58
122
  'bqBreadcrumbBlur',
59
123
  'bqBreadcrumbFocus',
60
124
  'bqBreadcrumbClick'
61
- ]);
62
- export const BqBreadcrumbItem = /*@__PURE__*/ defineContainer('bq-breadcrumb-item', undefined, [
125
+ ]) : defineStencilSSRComponent({
126
+ tagName: 'bq-breadcrumb',
127
+ hydrateModule: import('@beeq/core/dist/hydrate'),
128
+ props: {
129
+ 'ariaLabel': [String, "aria-label"],
130
+ 'onBqBreadcrumbBlur': [Function],
131
+ 'onBqBreadcrumbFocus': [Function],
132
+ 'onBqBreadcrumbClick': [Function]
133
+ }
134
+ });
135
+ export const BqBreadcrumbItem = /*@__PURE__*/ globalThis.window ? defineContainer('bq-breadcrumb-item', undefined, [
63
136
  'ariaLabel',
64
137
  'isLastItem',
65
138
  'href',
@@ -68,8 +141,21 @@ export const BqBreadcrumbItem = /*@__PURE__*/ defineContainer('bq-breadcrumb-ite
68
141
  'bqBlur',
69
142
  'bqFocus',
70
143
  'bqClick'
71
- ]);
72
- export const BqButton = /*@__PURE__*/ defineContainer('bq-button', undefined, [
144
+ ]) : defineStencilSSRComponent({
145
+ tagName: 'bq-breadcrumb-item',
146
+ hydrateModule: import('@beeq/core/dist/hydrate'),
147
+ props: {
148
+ 'ariaLabel': [String, "aria-label"],
149
+ 'isLastItem': [Boolean, "is-last-item"],
150
+ 'href': [String, "href"],
151
+ 'target': [String, "target"],
152
+ 'rel': [String, "rel"],
153
+ 'onBqBlur': [Function],
154
+ 'onBqFocus': [Function],
155
+ 'onBqClick': [Function]
156
+ }
157
+ });
158
+ export const BqButton = /*@__PURE__*/ globalThis.window ? defineContainer('bq-button', undefined, [
73
159
  'appearance',
74
160
  'block',
75
161
  'border',
@@ -85,12 +171,39 @@ export const BqButton = /*@__PURE__*/ defineContainer('bq-button', undefined, [
85
171
  'bqBlur',
86
172
  'bqFocus',
87
173
  'bqClick'
88
- ]);
89
- export const BqCard = /*@__PURE__*/ defineContainer('bq-card', undefined, [
174
+ ]) : defineStencilSSRComponent({
175
+ tagName: 'bq-button',
176
+ hydrateModule: import('@beeq/core/dist/hydrate'),
177
+ props: {
178
+ 'appearance': [String, "appearance"],
179
+ 'block': [Boolean, "block"],
180
+ 'border': [String, "border"],
181
+ 'disabled': [Boolean, "disabled"],
182
+ 'download': [String, "download"],
183
+ 'href': [String, "href"],
184
+ 'justifyContent': [String, "justify-content"],
185
+ 'loading': [Boolean, "loading"],
186
+ 'size': [String, "size"],
187
+ 'target': [String, "target"],
188
+ 'type': [String, "type"],
189
+ 'variant': [String, "variant"],
190
+ 'onBqBlur': [Function],
191
+ 'onBqFocus': [Function],
192
+ 'onBqClick': [Function]
193
+ }
194
+ });
195
+ export const BqCard = /*@__PURE__*/ globalThis.window ? defineContainer('bq-card', undefined, [
90
196
  'type',
91
197
  'border'
92
- ]);
93
- export const BqCheckbox = /*@__PURE__*/ defineContainer('bq-checkbox', undefined, [
198
+ ]) : defineStencilSSRComponent({
199
+ tagName: 'bq-card',
200
+ hydrateModule: import('@beeq/core/dist/hydrate'),
201
+ props: {
202
+ 'type': [String, "type"],
203
+ 'border': [String, "border"]
204
+ }
205
+ });
206
+ export const BqCheckbox = /*@__PURE__*/ globalThis.window ? defineContainer('bq-checkbox', undefined, [
94
207
  'backgroundOnHover',
95
208
  'formId',
96
209
  'formValidationMessage',
@@ -103,8 +216,25 @@ export const BqCheckbox = /*@__PURE__*/ defineContainer('bq-checkbox', undefined
103
216
  'bqChange',
104
217
  'bqFocus',
105
218
  'bqBlur'
106
- ], 'checked', 'bqChange');
107
- export const BqDatePicker = /*@__PURE__*/ defineContainer('bq-date-picker', undefined, [
219
+ ], 'checked', 'bqChange') : defineStencilSSRComponent({
220
+ tagName: 'bq-checkbox',
221
+ hydrateModule: import('@beeq/core/dist/hydrate'),
222
+ props: {
223
+ 'backgroundOnHover': [Boolean, "background-on-hover"],
224
+ 'formId': [String, "form-id"],
225
+ 'formValidationMessage': [String, "form-validation-message"],
226
+ 'checked': [Boolean, "checked"],
227
+ 'disabled': [Boolean, "disabled"],
228
+ 'indeterminate': [Boolean, "indeterminate"],
229
+ 'name': [String, "name"],
230
+ 'required': [Boolean, "required"],
231
+ 'value': [String, "value"],
232
+ 'onBqChange': [Function],
233
+ 'onBqFocus': [Function],
234
+ 'onBqBlur': [Function]
235
+ }
236
+ });
237
+ export const BqDatePicker = /*@__PURE__*/ globalThis.window ? defineContainer('bq-date-picker', undefined, [
108
238
  'autofocus',
109
239
  'clearButtonLabel',
110
240
  'disableClear',
@@ -136,8 +266,42 @@ export const BqDatePicker = /*@__PURE__*/ defineContainer('bq-date-picker', unde
136
266
  'bqChange',
137
267
  'bqClear',
138
268
  'bqFocus'
139
- ], 'value', 'bqChange');
140
- export const BqDialog = /*@__PURE__*/ defineContainer('bq-dialog', undefined, [
269
+ ], 'value', 'bqChange') : defineStencilSSRComponent({
270
+ tagName: 'bq-date-picker',
271
+ hydrateModule: import('@beeq/core/dist/hydrate'),
272
+ props: {
273
+ 'autofocus': [Boolean, "autofocus"],
274
+ 'clearButtonLabel': [String, "clear-button-label"],
275
+ 'disableClear': [Boolean, "disable-clear"],
276
+ 'disabled': [Boolean, "disabled"],
277
+ 'distance': [Number, "distance"],
278
+ 'firstDayOfWeek': [Number, "first-day-of-week"],
279
+ 'form': [String, "form"],
280
+ 'locale': [String, "locale"],
281
+ 'max': [String, "max"],
282
+ 'min': [String, "min"],
283
+ 'months': [Number, "months"],
284
+ 'monthsPerView': [String, "months-per-view"],
285
+ 'name': [String, "name"],
286
+ 'open': [Boolean, "open"],
287
+ 'panelHeight': [String, "panel-height"],
288
+ 'placeholder': [String, "placeholder"],
289
+ 'placement': [String, "placement"],
290
+ 'required': [Boolean, "required"],
291
+ 'skidding': [Number, "skidding"],
292
+ 'showOutsideDays': [Boolean, "show-outside-days"],
293
+ 'strategy': [String, "strategy"],
294
+ 'tentative': [String, "tentative"],
295
+ 'type': [String, "type"],
296
+ 'validationStatus': [String, "validation-status"],
297
+ 'value': [String, "value"],
298
+ 'onBqBlur': [Function],
299
+ 'onBqChange': [Function],
300
+ 'onBqClear': [Function],
301
+ 'onBqFocus': [Function]
302
+ }
303
+ });
304
+ export const BqDialog = /*@__PURE__*/ globalThis.window ? defineContainer('bq-dialog', undefined, [
141
305
  'border',
142
306
  'disableBackdrop',
143
307
  'disableCloseEscKeydown',
@@ -151,8 +315,26 @@ export const BqDialog = /*@__PURE__*/ defineContainer('bq-dialog', undefined, [
151
315
  'bqOpen',
152
316
  'bqAfterOpen',
153
317
  'bqAfterClose'
154
- ]);
155
- export const BqDivider = /*@__PURE__*/ defineContainer('bq-divider', undefined, [
318
+ ]) : defineStencilSSRComponent({
319
+ tagName: 'bq-dialog',
320
+ hydrateModule: import('@beeq/core/dist/hydrate'),
321
+ props: {
322
+ 'border': [String, "border"],
323
+ 'disableBackdrop': [Boolean, "disable-backdrop"],
324
+ 'disableCloseEscKeydown': [Boolean, "disable-close-esc-keydown"],
325
+ 'disableCloseClickOutside': [Boolean, "disable-close-click-outside"],
326
+ 'footerAppearance': [String, "footer-appearance"],
327
+ 'hideCloseButton': [Boolean, "hide-close-button"],
328
+ 'open': [Boolean, "open"],
329
+ 'size': [String, "size"],
330
+ 'onBqCancel': [Function],
331
+ 'onBqClose': [Function],
332
+ 'onBqOpen': [Function],
333
+ 'onBqAfterOpen': [Function],
334
+ 'onBqAfterClose': [Function]
335
+ }
336
+ });
337
+ export const BqDivider = /*@__PURE__*/ globalThis.window ? defineContainer('bq-divider', undefined, [
156
338
  'dashed',
157
339
  'orientation',
158
340
  'strokeColor',
@@ -162,8 +344,22 @@ export const BqDivider = /*@__PURE__*/ defineContainer('bq-divider', undefined,
162
344
  'strokeThickness',
163
345
  'strokeBasis',
164
346
  'strokeLinecap'
165
- ]);
166
- export const BqDrawer = /*@__PURE__*/ defineContainer('bq-drawer', undefined, [
347
+ ]) : defineStencilSSRComponent({
348
+ tagName: 'bq-divider',
349
+ hydrateModule: import('@beeq/core/dist/hydrate'),
350
+ props: {
351
+ 'dashed': [Boolean, "dashed"],
352
+ 'orientation': [String, "orientation"],
353
+ 'strokeColor': [String, "stroke-color"],
354
+ 'titleAlignment': [String, "title-alignment"],
355
+ 'strokeDashWidth': [Number, "stroke-dash-width"],
356
+ 'strokeDashGap': [Number, "stroke-dash-gap"],
357
+ 'strokeThickness': [Number, "stroke-thickness"],
358
+ 'strokeBasis': [Number, "stroke-basis"],
359
+ 'strokeLinecap': [String, "stroke-linecap"]
360
+ }
361
+ });
362
+ export const BqDrawer = /*@__PURE__*/ globalThis.window ? defineContainer('bq-drawer', undefined, [
167
363
  'enableBackdrop',
168
364
  'closeOnClickOutside',
169
365
  'closeOnEsc',
@@ -174,8 +370,23 @@ export const BqDrawer = /*@__PURE__*/ defineContainer('bq-drawer', undefined, [
174
370
  'bqOpen',
175
371
  'bqAfterOpen',
176
372
  'bqAfterClose'
177
- ]);
178
- export const BqDropdown = /*@__PURE__*/ defineContainer('bq-dropdown', undefined, [
373
+ ]) : defineStencilSSRComponent({
374
+ tagName: 'bq-drawer',
375
+ hydrateModule: import('@beeq/core/dist/hydrate'),
376
+ props: {
377
+ 'enableBackdrop': [Boolean, "enable-backdrop"],
378
+ 'closeOnClickOutside': [Boolean, "close-on-click-outside"],
379
+ 'closeOnEsc': [Boolean, "close-on-esc"],
380
+ 'open': [Boolean, "open"],
381
+ 'placement': [String, "placement"],
382
+ 'position': [String, "position"],
383
+ 'onBqClose': [Function],
384
+ 'onBqOpen': [Function],
385
+ 'onBqAfterOpen': [Function],
386
+ 'onBqAfterClose': [Function]
387
+ }
388
+ });
389
+ export const BqDropdown = /*@__PURE__*/ globalThis.window ? defineContainer('bq-dropdown', undefined, [
179
390
  'disabled',
180
391
  'distance',
181
392
  'keepOpenOnSelect',
@@ -186,11 +397,32 @@ export const BqDropdown = /*@__PURE__*/ defineContainer('bq-dropdown', undefined
186
397
  'skidding',
187
398
  'strategy',
188
399
  'bqOpen'
189
- ]);
190
- export const BqEmptyState = /*@__PURE__*/ defineContainer('bq-empty-state', undefined, [
400
+ ]) : defineStencilSSRComponent({
401
+ tagName: 'bq-dropdown',
402
+ hydrateModule: import('@beeq/core/dist/hydrate'),
403
+ props: {
404
+ 'disabled': [Boolean, "disabled"],
405
+ 'distance': [Number, "distance"],
406
+ 'keepOpenOnSelect': [Boolean, "keep-open-on-select"],
407
+ 'placement': [String, "placement"],
408
+ 'open': [Boolean, "open"],
409
+ 'panelHeight': [String, "panel-height"],
410
+ 'sameWidth': [Boolean, "same-width"],
411
+ 'skidding': [Number, "skidding"],
412
+ 'strategy': [String, "strategy"],
413
+ 'onBqOpen': [Function]
414
+ }
415
+ });
416
+ export const BqEmptyState = /*@__PURE__*/ globalThis.window ? defineContainer('bq-empty-state', undefined, [
191
417
  'size'
192
- ]);
193
- export const BqIcon = /*@__PURE__*/ defineContainer('bq-icon', undefined, [
418
+ ]) : defineStencilSSRComponent({
419
+ tagName: 'bq-empty-state',
420
+ hydrateModule: import('@beeq/core/dist/hydrate'),
421
+ props: {
422
+ 'size': [String, "size"]
423
+ }
424
+ });
425
+ export const BqIcon = /*@__PURE__*/ globalThis.window ? defineContainer('bq-icon', undefined, [
194
426
  'label',
195
427
  'color',
196
428
  'name',
@@ -198,8 +430,19 @@ export const BqIcon = /*@__PURE__*/ defineContainer('bq-icon', undefined, [
198
430
  'src',
199
431
  'weight',
200
432
  'svgLoaded'
201
- ]);
202
- export const BqInput = /*@__PURE__*/ defineContainer('bq-input', undefined, [
433
+ ]) : defineStencilSSRComponent({
434
+ tagName: 'bq-icon',
435
+ hydrateModule: import('@beeq/core/dist/hydrate'),
436
+ props: {
437
+ 'label': [String, "label"],
438
+ 'color': [String, "color"],
439
+ 'name': [String, "name"],
440
+ 'src': [String, "src"],
441
+ 'weight': [String, "weight"],
442
+ 'onSvgLoaded': [Function]
443
+ }
444
+ });
445
+ export const BqInput = /*@__PURE__*/ globalThis.window ? defineContainer('bq-input', undefined, [
203
446
  'autocapitalize',
204
447
  'autocomplete',
205
448
  'autocorrect',
@@ -228,8 +471,37 @@ export const BqInput = /*@__PURE__*/ defineContainer('bq-input', undefined, [
228
471
  'bqClear',
229
472
  'bqFocus',
230
473
  'bqInput'
231
- ], 'value', 'bqChange');
232
- export const BqNotification = /*@__PURE__*/ defineContainer('bq-notification', undefined, [
474
+ ], 'value', 'bqChange') : defineStencilSSRComponent({
475
+ tagName: 'bq-input',
476
+ hydrateModule: import('@beeq/core/dist/hydrate'),
477
+ props: {
478
+ 'autocapitalize': [String, "autocapitalize"],
479
+ 'autocomplete': [String, "autocomplete"],
480
+ 'autocorrect': [String, "autocorrect"],
481
+ 'autofocus': [Boolean, "autofocus"],
482
+ 'clearButtonLabel': [String, "clear-button-label"],
483
+ 'debounceTime': [Number, "debounce-time"],
484
+ 'disabled': [Boolean, "disabled"],
485
+ 'disableClear': [Boolean, "disable-clear"],
486
+ 'form': [String, "form"],
487
+ 'inputmode': [String, "inputmode"],
488
+ 'maxlength': [Number, "maxlength"],
489
+ 'minlength': [Number, "minlength"],
490
+ 'name': [String, "name"],
491
+ 'pattern': [String, "pattern"],
492
+ 'placeholder': [String, "placeholder"],
493
+ 'readonly': [Boolean, "readonly"],
494
+ 'required': [Boolean, "required"],
495
+ 'type': [String, "type"],
496
+ 'validationStatus': [String, "validation-status"],
497
+ 'onBqBlur': [Function],
498
+ 'onBqChange': [Function],
499
+ 'onBqClear': [Function],
500
+ 'onBqFocus': [Function],
501
+ 'onBqInput': [Function]
502
+ }
503
+ });
504
+ export const BqNotification = /*@__PURE__*/ globalThis.window ? defineContainer('bq-notification', undefined, [
233
505
  'autoDismiss',
234
506
  'border',
235
507
  'disableClose',
@@ -241,8 +513,24 @@ export const BqNotification = /*@__PURE__*/ defineContainer('bq-notification', u
241
513
  'bqShow',
242
514
  'bqAfterOpen',
243
515
  'bqAfterClose'
244
- ]);
245
- export const BqOption = /*@__PURE__*/ defineContainer('bq-option', undefined, [
516
+ ]) : defineStencilSSRComponent({
517
+ tagName: 'bq-notification',
518
+ hydrateModule: import('@beeq/core/dist/hydrate'),
519
+ props: {
520
+ 'autoDismiss': [Boolean, "auto-dismiss"],
521
+ 'border': [String, "border"],
522
+ 'disableClose': [Boolean, "disable-close"],
523
+ 'hideIcon': [Boolean, "hide-icon"],
524
+ 'open': [Boolean, "open"],
525
+ 'time': [Number, "time"],
526
+ 'type': [String, "type"],
527
+ 'onBqHide': [Function],
528
+ 'onBqShow': [Function],
529
+ 'onBqAfterOpen': [Function],
530
+ 'onBqAfterClose': [Function]
531
+ }
532
+ });
533
+ export const BqOption = /*@__PURE__*/ globalThis.window ? defineContainer('bq-option', undefined, [
246
534
  'hidden',
247
535
  'disabled',
248
536
  'value',
@@ -251,22 +539,61 @@ export const BqOption = /*@__PURE__*/ defineContainer('bq-option', undefined, [
251
539
  'bqFocus',
252
540
  'bqClick',
253
541
  'bqEnter'
254
- ]);
255
- export const BqOptionGroup = /*@__PURE__*/ defineContainer('bq-option-group', undefined);
256
- export const BqOptionList = /*@__PURE__*/ defineContainer('bq-option-list', undefined, [
542
+ ]) : defineStencilSSRComponent({
543
+ tagName: 'bq-option',
544
+ hydrateModule: import('@beeq/core/dist/hydrate'),
545
+ props: {
546
+ 'hidden': [Boolean, "hidden"],
547
+ 'disabled': [Boolean, "disabled"],
548
+ 'value': [String, "value"],
549
+ 'selected': [Boolean, "selected"],
550
+ 'onBqBlur': [Function],
551
+ 'onBqFocus': [Function],
552
+ 'onBqClick': [Function],
553
+ 'onBqEnter': [Function]
554
+ }
555
+ });
556
+ export const BqOptionGroup = /*@__PURE__*/ globalThis.window ? defineContainer('bq-option-group', undefined) : defineStencilSSRComponent({
557
+ tagName: 'bq-option-group',
558
+ hydrateModule: import('@beeq/core/dist/hydrate'),
559
+ props: {}
560
+ });
561
+ export const BqOptionList = /*@__PURE__*/ globalThis.window ? defineContainer('bq-option-list', undefined, [
257
562
  'ariaLabel',
258
563
  'bqSelect'
259
- ]);
260
- export const BqPageTitle = /*@__PURE__*/ defineContainer('bq-page-title', undefined);
261
- export const BqPanel = /*@__PURE__*/ defineContainer('bq-panel', undefined, [
564
+ ]) : defineStencilSSRComponent({
565
+ tagName: 'bq-option-list',
566
+ hydrateModule: import('@beeq/core/dist/hydrate'),
567
+ props: {
568
+ 'ariaLabel': [String, "aria-label"],
569
+ 'onBqSelect': [Function]
570
+ }
571
+ });
572
+ export const BqPageTitle = /*@__PURE__*/ globalThis.window ? defineContainer('bq-page-title', undefined) : defineStencilSSRComponent({
573
+ tagName: 'bq-page-title',
574
+ hydrateModule: import('@beeq/core/dist/hydrate'),
575
+ props: {}
576
+ });
577
+ export const BqPanel = /*@__PURE__*/ globalThis.window ? defineContainer('bq-panel', undefined, [
262
578
  'distance',
263
579
  'placement',
264
580
  'open',
265
581
  'sameWidth',
266
582
  'skidding',
267
583
  'strategy'
268
- ]);
269
- export const BqProgress = /*@__PURE__*/ defineContainer('bq-progress', undefined, [
584
+ ]) : defineStencilSSRComponent({
585
+ tagName: 'bq-panel',
586
+ hydrateModule: import('@beeq/core/dist/hydrate'),
587
+ props: {
588
+ 'distance': [Number, "distance"],
589
+ 'placement': [String, "placement"],
590
+ 'open': [Boolean, "open"],
591
+ 'sameWidth': [Boolean, "same-width"],
592
+ 'skidding': [Number, "skidding"],
593
+ 'strategy': [String, "strategy"]
594
+ }
595
+ });
596
+ export const BqProgress = /*@__PURE__*/ globalThis.window ? defineContainer('bq-progress', undefined, [
270
597
  'indeterminate',
271
598
  'value',
272
599
  'thickness',
@@ -274,8 +601,20 @@ export const BqProgress = /*@__PURE__*/ defineContainer('bq-progress', undefined
274
601
  'borderShape',
275
602
  'label',
276
603
  'enableTooltip'
277
- ]);
278
- export const BqRadio = /*@__PURE__*/ defineContainer('bq-radio', undefined, [
604
+ ]) : defineStencilSSRComponent({
605
+ tagName: 'bq-progress',
606
+ hydrateModule: import('@beeq/core/dist/hydrate'),
607
+ props: {
608
+ 'indeterminate': [Boolean, "indeterminate"],
609
+ 'value': [Number, "value"],
610
+ 'thickness': [String, "thickness"],
611
+ 'type': [String, "type"],
612
+ 'borderShape': [String, "border-shape"],
613
+ 'label': [Boolean, "label"],
614
+ 'enableTooltip': [Boolean, "enable-tooltip"]
615
+ }
616
+ });
617
+ export const BqRadio = /*@__PURE__*/ globalThis.window ? defineContainer('bq-radio', undefined, [
279
618
  'checked',
280
619
  'disabled',
281
620
  'backgroundOnHover',
@@ -287,8 +626,24 @@ export const BqRadio = /*@__PURE__*/ defineContainer('bq-radio', undefined, [
287
626
  'bqFocus',
288
627
  'bqBlur',
289
628
  'bqKeyDown'
290
- ]);
291
- export const BqRadioGroup = /*@__PURE__*/ defineContainer('bq-radio-group', undefined, [
629
+ ]) : defineStencilSSRComponent({
630
+ tagName: 'bq-radio',
631
+ hydrateModule: import('@beeq/core/dist/hydrate'),
632
+ props: {
633
+ 'checked': [Boolean, "checked"],
634
+ 'disabled': [Boolean, "disabled"],
635
+ 'backgroundOnHover': [Boolean, "background-on-hover"],
636
+ 'formId': [String, "form-id"],
637
+ 'name': [String, "name"],
638
+ 'required': [Boolean, "required"],
639
+ 'value': [String, "value"],
640
+ 'onBqClick': [Function],
641
+ 'onBqFocus': [Function],
642
+ 'onBqBlur': [Function],
643
+ 'onBqKeyDown': [Function]
644
+ }
645
+ });
646
+ export const BqRadioGroup = /*@__PURE__*/ globalThis.window ? defineContainer('bq-radio-group', undefined, [
292
647
  'backgroundOnHover',
293
648
  'name',
294
649
  'value',
@@ -297,8 +652,21 @@ export const BqRadioGroup = /*@__PURE__*/ defineContainer('bq-radio-group', unde
297
652
  'orientation',
298
653
  'debounceTime',
299
654
  'bqChange'
300
- ], 'value', 'bqChange');
301
- export const BqSelect = /*@__PURE__*/ defineContainer('bq-select', undefined, [
655
+ ], 'value', 'bqChange') : defineStencilSSRComponent({
656
+ tagName: 'bq-radio-group',
657
+ hydrateModule: import('@beeq/core/dist/hydrate'),
658
+ props: {
659
+ 'backgroundOnHover': [Boolean, "background-on-hover"],
660
+ 'name': [String, "name"],
661
+ 'value': [String, "value"],
662
+ 'disabled': [Boolean, "disabled"],
663
+ 'fieldset': [Boolean, "fieldset"],
664
+ 'orientation': [String, "orientation"],
665
+ 'debounceTime': [Number, "debounce-time"],
666
+ 'onBqChange': [Function]
667
+ }
668
+ });
669
+ export const BqSelect = /*@__PURE__*/ globalThis.window ? defineContainer('bq-select', undefined, [
302
670
  'autofocus',
303
671
  'clearButtonLabel',
304
672
  'debounceTime',
@@ -325,23 +693,75 @@ export const BqSelect = /*@__PURE__*/ defineContainer('bq-select', undefined, [
325
693
  'bqClear',
326
694
  'bqFocus',
327
695
  'bqSelect'
328
- ], 'value', 'bqChange');
329
- export const BqSideMenu = /*@__PURE__*/ defineContainer('bq-side-menu', undefined, [
696
+ ], 'value', 'bqChange') : defineStencilSSRComponent({
697
+ tagName: 'bq-select',
698
+ hydrateModule: import('@beeq/core/dist/hydrate'),
699
+ props: {
700
+ 'autofocus': [Boolean, "autofocus"],
701
+ 'clearButtonLabel': [String, "clear-button-label"],
702
+ 'debounceTime': [Number, "debounce-time"],
703
+ 'disabled': [Boolean, "disabled"],
704
+ 'disableClear': [Boolean, "disable-clear"],
705
+ 'distance': [Number, "distance"],
706
+ 'form': [String, "form"],
707
+ 'keepOpenOnSelect': [Boolean, "keep-open-on-select"],
708
+ 'name': [String, "name"],
709
+ 'maxTagsVisible': [Number, "max-tags-visible"],
710
+ 'multiple': [Boolean, "multiple"],
711
+ 'open': [Boolean, "open"],
712
+ 'panelHeight': [String, "panel-height"],
713
+ 'placeholder': [String, "placeholder"],
714
+ 'placement': [String, "placement"],
715
+ 'readonly': [Boolean, "readonly"],
716
+ 'required': [Boolean, "required"],
717
+ 'sameWidth': [Boolean, "same-width"],
718
+ 'skidding': [Number, "skidding"],
719
+ 'strategy': [String, "strategy"],
720
+ 'validationStatus': [String, "validation-status"],
721
+ 'value': [String, "value"],
722
+ 'onBqBlur': [Function],
723
+ 'onBqClear': [Function],
724
+ 'onBqFocus': [Function],
725
+ 'onBqSelect': [Function]
726
+ }
727
+ });
728
+ export const BqSideMenu = /*@__PURE__*/ globalThis.window ? defineContainer('bq-side-menu', undefined, [
330
729
  'appearance',
331
730
  'collapse',
332
731
  'size',
333
732
  'bqCollapse',
334
733
  'bqSelect'
335
- ]);
336
- export const BqSideMenuItem = /*@__PURE__*/ defineContainer('bq-side-menu-item', undefined, [
734
+ ]) : defineStencilSSRComponent({
735
+ tagName: 'bq-side-menu',
736
+ hydrateModule: import('@beeq/core/dist/hydrate'),
737
+ props: {
738
+ 'appearance': [String, "appearance"],
739
+ 'collapse': [Boolean, "collapse"],
740
+ 'size': [String, "size"],
741
+ 'onBqCollapse': [Function],
742
+ 'onBqSelect': [Function]
743
+ }
744
+ });
745
+ export const BqSideMenuItem = /*@__PURE__*/ globalThis.window ? defineContainer('bq-side-menu-item', undefined, [
337
746
  'active',
338
747
  'collapse',
339
748
  'disabled',
340
749
  'bqBlur',
341
750
  'bqFocus',
342
751
  'bqClick'
343
- ]);
344
- export const BqSlider = /*@__PURE__*/ defineContainer('bq-slider', undefined, [
752
+ ]) : defineStencilSSRComponent({
753
+ tagName: 'bq-side-menu-item',
754
+ hydrateModule: import('@beeq/core/dist/hydrate'),
755
+ props: {
756
+ 'active': [Boolean, "active"],
757
+ 'collapse': [Boolean, "collapse"],
758
+ 'disabled': [Boolean, "disabled"],
759
+ 'onBqBlur': [Function],
760
+ 'onBqFocus': [Function],
761
+ 'onBqClick': [Function]
762
+ }
763
+ });
764
+ export const BqSlider = /*@__PURE__*/ globalThis.window ? defineContainer('bq-slider', undefined, [
345
765
  'debounceTime',
346
766
  'disabled',
347
767
  'enableValueIndicator',
@@ -356,27 +776,76 @@ export const BqSlider = /*@__PURE__*/ defineContainer('bq-slider', undefined, [
356
776
  'bqChange',
357
777
  'bqBlur',
358
778
  'bqFocus'
359
- ], 'value', 'bqChange');
360
- export const BqSpinner = /*@__PURE__*/ defineContainer('bq-spinner', undefined, [
779
+ ], 'value', 'bqChange') : defineStencilSSRComponent({
780
+ tagName: 'bq-slider',
781
+ hydrateModule: import('@beeq/core/dist/hydrate'),
782
+ props: {
783
+ 'debounceTime': [Number, "debounce-time"],
784
+ 'disabled': [Boolean, "disabled"],
785
+ 'enableValueIndicator': [Boolean, "enable-value-indicator"],
786
+ 'gap': [Number, "gap"],
787
+ 'max': [Number, "max"],
788
+ 'min': [Number, "min"],
789
+ 'step': [Number, "step"],
790
+ 'type': [String, "type"],
791
+ 'enableTooltip': [Boolean, "enable-tooltip"],
792
+ 'tooltipAlwaysVisible': [Boolean, "tooltip-always-visible"],
793
+ 'onBqChange': [Function],
794
+ 'onBqBlur': [Function],
795
+ 'onBqFocus': [Function]
796
+ }
797
+ });
798
+ export const BqSpinner = /*@__PURE__*/ globalThis.window ? defineContainer('bq-spinner', undefined, [
361
799
  'animation',
362
800
  'textPosition',
363
801
  'size'
364
- ]);
365
- export const BqStatus = /*@__PURE__*/ defineContainer('bq-status', undefined, [
802
+ ]) : defineStencilSSRComponent({
803
+ tagName: 'bq-spinner',
804
+ hydrateModule: import('@beeq/core/dist/hydrate'),
805
+ props: {
806
+ 'animation': [Boolean, "animation"],
807
+ 'textPosition': [String, "text-position"],
808
+ 'size': [String, "size"]
809
+ }
810
+ });
811
+ export const BqStatus = /*@__PURE__*/ globalThis.window ? defineContainer('bq-status', undefined, [
366
812
  'type'
367
- ]);
368
- export const BqStepItem = /*@__PURE__*/ defineContainer('bq-step-item', undefined, [
813
+ ]) : defineStencilSSRComponent({
814
+ tagName: 'bq-status',
815
+ hydrateModule: import('@beeq/core/dist/hydrate'),
816
+ props: {
817
+ 'type': [String, "type"]
818
+ }
819
+ });
820
+ export const BqStepItem = /*@__PURE__*/ globalThis.window ? defineContainer('bq-step-item', undefined, [
369
821
  'size',
370
822
  'status',
371
823
  'type',
372
824
  'bqClick'
373
- ]);
374
- export const BqSteps = /*@__PURE__*/ defineContainer('bq-steps', undefined, [
825
+ ]) : defineStencilSSRComponent({
826
+ tagName: 'bq-step-item',
827
+ hydrateModule: import('@beeq/core/dist/hydrate'),
828
+ props: {
829
+ 'size': [String, "size"],
830
+ 'status': [String, "status"],
831
+ 'type': [String, "type"],
832
+ 'onBqClick': [Function]
833
+ }
834
+ });
835
+ export const BqSteps = /*@__PURE__*/ globalThis.window ? defineContainer('bq-steps', undefined, [
375
836
  'dividerColor',
376
837
  'size',
377
838
  'type'
378
- ]);
379
- export const BqSwitch = /*@__PURE__*/ defineContainer('bq-switch', undefined, [
839
+ ]) : defineStencilSSRComponent({
840
+ tagName: 'bq-steps',
841
+ hydrateModule: import('@beeq/core/dist/hydrate'),
842
+ props: {
843
+ 'dividerColor': [String, "divider-color"],
844
+ 'size': [String, "size"],
845
+ 'type': [String, "type"]
846
+ }
847
+ });
848
+ export const BqSwitch = /*@__PURE__*/ globalThis.window ? defineContainer('bq-switch', undefined, [
380
849
  'backgroundOnHover',
381
850
  'checked',
382
851
  'disabled',
@@ -390,8 +859,26 @@ export const BqSwitch = /*@__PURE__*/ defineContainer('bq-switch', undefined, [
390
859
  'bqChange',
391
860
  'bqFocus',
392
861
  'bqBlur'
393
- ], 'checked', 'bqChange');
394
- export const BqTab = /*@__PURE__*/ defineContainer('bq-tab', undefined, [
862
+ ], 'checked', 'bqChange') : defineStencilSSRComponent({
863
+ tagName: 'bq-switch',
864
+ hydrateModule: import('@beeq/core/dist/hydrate'),
865
+ props: {
866
+ 'backgroundOnHover': [Boolean, "background-on-hover"],
867
+ 'checked': [Boolean, "checked"],
868
+ 'disabled': [Boolean, "disabled"],
869
+ 'fullWidth': [Boolean, "full-width"],
870
+ 'innerLabel': [String, "inner-label"],
871
+ 'justifyContent': [String, "justify-content"],
872
+ 'name': [String, "name"],
873
+ 'required': [Boolean, "required"],
874
+ 'reverseOrder': [Boolean, "reverse-order"],
875
+ 'value': [String, "value"],
876
+ 'onBqChange': [Function],
877
+ 'onBqFocus': [Function],
878
+ 'onBqBlur': [Function]
879
+ }
880
+ });
881
+ export const BqTab = /*@__PURE__*/ globalThis.window ? defineContainer('bq-tab', undefined, [
395
882
  'active',
396
883
  'disabled',
397
884
  'size',
@@ -403,8 +890,24 @@ export const BqTab = /*@__PURE__*/ defineContainer('bq-tab', undefined, [
403
890
  'bqFocus',
404
891
  'bqBlur',
405
892
  'bqKeyDown'
406
- ]);
407
- export const BqTabGroup = /*@__PURE__*/ defineContainer('bq-tab-group', undefined, [
893
+ ]) : defineStencilSSRComponent({
894
+ tagName: 'bq-tab',
895
+ hydrateModule: import('@beeq/core/dist/hydrate'),
896
+ props: {
897
+ 'active': [Boolean, "active"],
898
+ 'disabled': [Boolean, "disabled"],
899
+ 'size': [String, "size"],
900
+ 'orientation': [String, "orientation"],
901
+ 'placement': [String, "placement"],
902
+ 'tabId': [String, "tab-id"],
903
+ 'controls': [String, "controls"],
904
+ 'onBqClick': [Function],
905
+ 'onBqFocus': [Function],
906
+ 'onBqBlur': [Function],
907
+ 'onBqKeyDown': [Function]
908
+ }
909
+ });
910
+ export const BqTabGroup = /*@__PURE__*/ globalThis.window ? defineContainer('bq-tab-group', undefined, [
408
911
  'value',
409
912
  'size',
410
913
  'orientation',
@@ -412,8 +915,20 @@ export const BqTabGroup = /*@__PURE__*/ defineContainer('bq-tab-group', undefine
412
915
  'debounceTime',
413
916
  'disableDivider',
414
917
  'bqChange'
415
- ]);
416
- export const BqTag = /*@__PURE__*/ defineContainer('bq-tag', undefined, [
918
+ ]) : defineStencilSSRComponent({
919
+ tagName: 'bq-tab-group',
920
+ hydrateModule: import('@beeq/core/dist/hydrate'),
921
+ props: {
922
+ 'value': [String, "value"],
923
+ 'size': [String, "size"],
924
+ 'orientation': [String, "orientation"],
925
+ 'placement': [String, "placement"],
926
+ 'debounceTime': [Number, "debounce-time"],
927
+ 'disableDivider': [Boolean, "disable-divider"],
928
+ 'onBqChange': [Function]
929
+ }
930
+ });
931
+ export const BqTag = /*@__PURE__*/ globalThis.window ? defineContainer('bq-tag', undefined, [
417
932
  'border',
418
933
  'clickable',
419
934
  'color',
@@ -428,8 +943,27 @@ export const BqTag = /*@__PURE__*/ defineContainer('bq-tag', undefined, [
428
943
  'bqBlur',
429
944
  'bqClick',
430
945
  'bqFocus'
431
- ]);
432
- export const BqTextarea = /*@__PURE__*/ defineContainer('bq-textarea', undefined, [
946
+ ]) : defineStencilSSRComponent({
947
+ tagName: 'bq-tag',
948
+ hydrateModule: import('@beeq/core/dist/hydrate'),
949
+ props: {
950
+ 'border': [String, "border"],
951
+ 'clickable': [Boolean, "clickable"],
952
+ 'color': [String, "color"],
953
+ 'disabled': [Boolean, "disabled"],
954
+ 'hidden': [Boolean, "hidden"],
955
+ 'removable': [Boolean, "removable"],
956
+ 'selected': [Boolean, "selected"],
957
+ 'size': [String, "size"],
958
+ 'variant': [String, "variant"],
959
+ 'onBqClose': [Function],
960
+ 'onBqOpen': [Function],
961
+ 'onBqBlur': [Function],
962
+ 'onBqClick': [Function],
963
+ 'onBqFocus': [Function]
964
+ }
965
+ });
966
+ export const BqTextarea = /*@__PURE__*/ globalThis.window ? defineContainer('bq-textarea', undefined, [
433
967
  'autocapitalize',
434
968
  'autocomplete',
435
969
  'autocorrect',
@@ -454,8 +988,37 @@ export const BqTextarea = /*@__PURE__*/ defineContainer('bq-textarea', undefined
454
988
  'bqClear',
455
989
  'bqFocus',
456
990
  'bqInput'
457
- ], 'value', 'bqChange');
458
- export const BqToast = /*@__PURE__*/ defineContainer('bq-toast', undefined, [
991
+ ], 'value', 'bqChange') : defineStencilSSRComponent({
992
+ tagName: 'bq-textarea',
993
+ hydrateModule: import('@beeq/core/dist/hydrate'),
994
+ props: {
995
+ 'autocapitalize': [String, "autocapitalize"],
996
+ 'autocomplete': [String, "autocomplete"],
997
+ 'autocorrect': [String, "autocorrect"],
998
+ 'autofocus': [Boolean, "autofocus"],
999
+ 'autoGrow': [Boolean, "auto-grow"],
1000
+ 'debounceTime': [Number, "debounce-time"],
1001
+ 'disabled': [Boolean, "disabled"],
1002
+ 'disableResize': [Boolean, "disable-resize"],
1003
+ 'form': [String, "form"],
1004
+ 'maxlength': [Number, "maxlength"],
1005
+ 'name': [String, "name"],
1006
+ 'placeholder': [String, "placeholder"],
1007
+ 'readonly': [Boolean, "readonly"],
1008
+ 'required': [Boolean, "required"],
1009
+ 'rows': [Number, "rows"],
1010
+ 'spellcheck': [Boolean, "spellcheck"],
1011
+ 'validationStatus': [String, "validation-status"],
1012
+ 'value': [String, "value"],
1013
+ 'wrap': [String, "wrap"],
1014
+ 'onBqBlur': [Function],
1015
+ 'onBqChange': [Function],
1016
+ 'onBqClear': [Function],
1017
+ 'onBqFocus': [Function],
1018
+ 'onBqInput': [Function]
1019
+ }
1020
+ });
1021
+ export const BqToast = /*@__PURE__*/ globalThis.window ? defineContainer('bq-toast', undefined, [
459
1022
  'border',
460
1023
  'type',
461
1024
  'placement',
@@ -464,8 +1027,21 @@ export const BqToast = /*@__PURE__*/ defineContainer('bq-toast', undefined, [
464
1027
  'time',
465
1028
  'bqHide',
466
1029
  'bqShow'
467
- ]);
468
- export const BqTooltip = /*@__PURE__*/ defineContainer('bq-tooltip', undefined, [
1030
+ ]) : defineStencilSSRComponent({
1031
+ tagName: 'bq-toast',
1032
+ hydrateModule: import('@beeq/core/dist/hydrate'),
1033
+ props: {
1034
+ 'border': [String, "border"],
1035
+ 'type': [String, "type"],
1036
+ 'placement': [String, "placement"],
1037
+ 'hideIcon': [Boolean, "hide-icon"],
1038
+ 'open': [Boolean, "open"],
1039
+ 'time': [Number, "time"],
1040
+ 'onBqHide': [Function],
1041
+ 'onBqShow': [Function]
1042
+ }
1043
+ });
1044
+ export const BqTooltip = /*@__PURE__*/ globalThis.window ? defineContainer('bq-tooltip', undefined, [
469
1045
  'alwaysVisible',
470
1046
  'distance',
471
1047
  'hideArrow',
@@ -473,5 +1049,17 @@ export const BqTooltip = /*@__PURE__*/ defineContainer('bq-tooltip', undefined,
473
1049
  'sameWidth',
474
1050
  'displayOn',
475
1051
  'visible'
476
- ]);
1052
+ ]) : defineStencilSSRComponent({
1053
+ tagName: 'bq-tooltip',
1054
+ hydrateModule: import('@beeq/core/dist/hydrate'),
1055
+ props: {
1056
+ 'alwaysVisible': [Boolean, "always-visible"],
1057
+ 'distance': [Number, "distance"],
1058
+ 'hideArrow': [Boolean, "hide-arrow"],
1059
+ 'placement': [String, "placement"],
1060
+ 'sameWidth': [Boolean, "same-width"],
1061
+ 'displayOn': [String, "display-on"],
1062
+ 'visible': [Boolean, "visible"]
1063
+ }
1064
+ });
477
1065
  //# sourceMappingURL=components.js.map