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

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