@beeq/angular 1.9.0 → 1.10.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/directives/components.d.ts +227 -208
- package/esm2022/directives/components.mjs +237 -215
- package/esm2022/standalone/directives/components.mjs +10 -10
- package/fesm2022/beeq-angular-standalone.mjs +9 -9
- package/fesm2022/beeq-angular-standalone.mjs.map +1 -1
- package/fesm2022/beeq-angular.mjs +236 -214
- package/fesm2022/beeq-angular.mjs.map +1 -1
- package/package.json +1 -1
- package/standalone/directives/components.d.ts +3 -3
|
@@ -6,28 +6,28 @@ export declare class BqAccordion {
|
|
|
6
6
|
protected z: NgZone;
|
|
7
7
|
protected el: HTMLBqAccordionElement;
|
|
8
8
|
/**
|
|
9
|
-
* The appearance style of the Accordion
|
|
9
|
+
* The appearance style of the Accordion @default 'filled'
|
|
10
10
|
*/
|
|
11
11
|
set appearance(_: Components.BqAccordion['appearance']);
|
|
12
12
|
/**
|
|
13
|
-
* If true, the Accordion is disabled
|
|
13
|
+
* If true, the Accordion is disabled @default false
|
|
14
14
|
*/
|
|
15
15
|
set disabled(_: Components.BqAccordion['disabled']);
|
|
16
16
|
/**
|
|
17
|
-
* If true, the Accordion is expanded
|
|
17
|
+
* If true, the Accordion is expanded @default false
|
|
18
18
|
*/
|
|
19
19
|
set expanded(_: Components.BqAccordion['expanded']);
|
|
20
20
|
/**
|
|
21
21
|
* Animation is set through JS when the browser does not support CSS calc-size()
|
|
22
|
-
If true, the Accordion animation, will be disabled. No animation will be applied.
|
|
22
|
+
If true, the Accordion animation, will be disabled. No animation will be applied. @default false
|
|
23
23
|
*/
|
|
24
24
|
set noAnimation(_: Components.BqAccordion['noAnimation']);
|
|
25
25
|
/**
|
|
26
|
-
* If true, the Accordion expand icon is rotate 180deg when expanded
|
|
26
|
+
* If true, the Accordion expand icon is rotate 180deg when expanded @default false
|
|
27
27
|
*/
|
|
28
28
|
set rotate(_: Components.BqAccordion['rotate']);
|
|
29
29
|
/**
|
|
30
|
-
* The size of the Accordion
|
|
30
|
+
* The size of the Accordion @default 'medium'
|
|
31
31
|
*/
|
|
32
32
|
set size(_: Components.BqAccordion['size']);
|
|
33
33
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -68,7 +68,7 @@ export declare class BqAccordionGroup {
|
|
|
68
68
|
protected z: NgZone;
|
|
69
69
|
protected el: HTMLBqAccordionGroupElement;
|
|
70
70
|
/**
|
|
71
|
-
* The appearance style of accordion to be applied to all accordions
|
|
71
|
+
* The appearance style of accordion to be applied to all accordions @default 'filled'
|
|
72
72
|
*/
|
|
73
73
|
set appearance(_: Components.BqAccordionGroup['appearance']);
|
|
74
74
|
/**
|
|
@@ -77,15 +77,15 @@ export declare class BqAccordionGroup {
|
|
|
77
77
|
set expandAll(_: Components.BqAccordionGroup['expandAll']);
|
|
78
78
|
/**
|
|
79
79
|
* Animation is set through JS when the browser does not support CSS calc-size()
|
|
80
|
-
If true, the accordion animation, will be disabled. No animation will be applied.
|
|
80
|
+
If true, the accordion animation, will be disabled. No animation will be applied. @default false
|
|
81
81
|
*/
|
|
82
82
|
set noAnimation(_: Components.BqAccordionGroup['noAnimation']);
|
|
83
83
|
/**
|
|
84
|
-
* If true multiple accordions can be expanded at the same time
|
|
84
|
+
* If true multiple accordions can be expanded at the same time @default false
|
|
85
85
|
*/
|
|
86
86
|
set multiple(_: Components.BqAccordionGroup['multiple']);
|
|
87
87
|
/**
|
|
88
|
-
* The size of accordion to be applied to all accordions
|
|
88
|
+
* The size of accordion to be applied to all accordions @default 'medium'
|
|
89
89
|
*/
|
|
90
90
|
set size(_: Components.BqAccordionGroup['size']);
|
|
91
91
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -102,7 +102,7 @@ export declare class BqAlert {
|
|
|
102
102
|
*/
|
|
103
103
|
set autoDismiss(_: Components.BqAlert['autoDismiss']);
|
|
104
104
|
/**
|
|
105
|
-
* The corner radius of the alert component
|
|
105
|
+
* The corner radius of the alert component @default 's'
|
|
106
106
|
*/
|
|
107
107
|
set border(_: Components.BqAlert['border']);
|
|
108
108
|
/**
|
|
@@ -118,11 +118,11 @@ export declare class BqAlert {
|
|
|
118
118
|
*/
|
|
119
119
|
set open(_: Components.BqAlert['open']);
|
|
120
120
|
/**
|
|
121
|
-
* The length of time, in milliseconds, after which the alert will close itself. Only valid if `autoDismiss="true"`
|
|
121
|
+
* The length of time, in milliseconds, after which the alert will close itself. Only valid if `autoDismiss="true"` @default 3000
|
|
122
122
|
*/
|
|
123
123
|
set time(_: Components.BqAlert['time']);
|
|
124
124
|
/**
|
|
125
|
-
* Type of Alert
|
|
125
|
+
* Type of Alert @default 'default'
|
|
126
126
|
*/
|
|
127
127
|
set type(_: Components.BqAlert['type']);
|
|
128
128
|
/**
|
|
@@ -171,11 +171,11 @@ export declare class BqAvatar {
|
|
|
171
171
|
*/
|
|
172
172
|
set initials(_: Components.BqAvatar['initials']);
|
|
173
173
|
/**
|
|
174
|
-
* The shape of the avatar
|
|
174
|
+
* The shape of the avatar @default 'circle'
|
|
175
175
|
*/
|
|
176
176
|
set shape(_: Components.BqAvatar['shape']);
|
|
177
177
|
/**
|
|
178
|
-
* The size of the avatar
|
|
178
|
+
* The size of the avatar @default 'medium'
|
|
179
179
|
*/
|
|
180
180
|
set size(_: Components.BqAvatar['size']);
|
|
181
181
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -188,15 +188,15 @@ export declare class BqBadge {
|
|
|
188
188
|
protected z: NgZone;
|
|
189
189
|
protected el: HTMLBqBadgeElement;
|
|
190
190
|
/**
|
|
191
|
-
* Badge background color. The value should be a valid value of the palette color
|
|
191
|
+
* Badge background color. The value should be a valid value of the palette color @default 'ui--danger'
|
|
192
192
|
*/
|
|
193
193
|
set backgroundColor(_: Components.BqBadge['backgroundColor']);
|
|
194
194
|
/**
|
|
195
|
-
* Badge number color. The value should be a valid value of the palette color
|
|
195
|
+
* Badge number color. The value should be a valid value of the palette color @default 'text--inverse'
|
|
196
196
|
*/
|
|
197
197
|
set textColor(_: Components.BqBadge['textColor']);
|
|
198
198
|
/**
|
|
199
|
-
* The size of the badge. Relevant if badge has no content.
|
|
199
|
+
* The size of the badge. Relevant if badge has no content. @default 'small'
|
|
200
200
|
*/
|
|
201
201
|
set size(_: Components.BqBadge['size']);
|
|
202
202
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -209,7 +209,7 @@ export declare class BqBreadcrumb {
|
|
|
209
209
|
protected z: NgZone;
|
|
210
210
|
protected el: HTMLBqBreadcrumbElement;
|
|
211
211
|
/**
|
|
212
|
-
* The `aria-label` attribute to describe the type of navigation
|
|
212
|
+
* The `aria-label` attribute to describe the type of navigation @default 'Breadcrumbs'
|
|
213
213
|
*/
|
|
214
214
|
set label(_: Components.BqBreadcrumb['label']);
|
|
215
215
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -230,7 +230,7 @@ export declare class BqBreadcrumbItem {
|
|
|
230
230
|
*/
|
|
231
231
|
set target(_: Components.BqBreadcrumbItem['target']);
|
|
232
232
|
/**
|
|
233
|
-
* Where to display the link in the browser context. Relevant only if `href` is set.
|
|
233
|
+
* Where to display the link in the browser context. Relevant only if `href` is set. @default 'noreferrer noopener'
|
|
234
234
|
*/
|
|
235
235
|
set rel(_: Components.BqBreadcrumbItem['rel']);
|
|
236
236
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -255,19 +255,19 @@ export declare class BqButton {
|
|
|
255
255
|
protected z: NgZone;
|
|
256
256
|
protected el: HTMLBqButtonElement;
|
|
257
257
|
/**
|
|
258
|
-
* The appearance style to apply to the button
|
|
258
|
+
* The appearance style to apply to the button @default 'primary'
|
|
259
259
|
*/
|
|
260
260
|
set appearance(_: Components.BqButton['appearance']);
|
|
261
261
|
/**
|
|
262
|
-
* If `true`, it will make the button fit to its parent width.
|
|
262
|
+
* If `true`, it will make the button fit to its parent width. @default false
|
|
263
263
|
*/
|
|
264
264
|
set block(_: Components.BqButton['block']);
|
|
265
265
|
/**
|
|
266
|
-
* The corner radius of the button
|
|
266
|
+
* The corner radius of the button @default 'm'
|
|
267
267
|
*/
|
|
268
268
|
set border(_: Components.BqButton['border']);
|
|
269
269
|
/**
|
|
270
|
-
* If true, the button will be disabled (no interaction allowed)
|
|
270
|
+
* If true, the button will be disabled (no interaction allowed) @default false
|
|
271
271
|
*/
|
|
272
272
|
set disabled(_: Components.BqButton['disabled']);
|
|
273
273
|
/**
|
|
@@ -280,15 +280,15 @@ Details: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-downlo
|
|
|
280
280
|
*/
|
|
281
281
|
set href(_: Components.BqButton['href']);
|
|
282
282
|
/**
|
|
283
|
-
* It determinate how the content should be aligned
|
|
283
|
+
* It determinate how the content should be aligned @default 'center'
|
|
284
284
|
*/
|
|
285
285
|
set justifyContent(_: Components.BqButton['justifyContent']);
|
|
286
286
|
/**
|
|
287
|
-
* If `true` it will display the button in a loading state
|
|
287
|
+
* If `true` it will display the button in a loading state @default false
|
|
288
288
|
*/
|
|
289
289
|
set loading(_: Components.BqButton['loading']);
|
|
290
290
|
/**
|
|
291
|
-
* The size of the button
|
|
291
|
+
* The size of the button @default 'medium'
|
|
292
292
|
*/
|
|
293
293
|
set size(_: Components.BqButton['size']);
|
|
294
294
|
/**
|
|
@@ -297,11 +297,11 @@ Details: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
|
|
|
297
297
|
*/
|
|
298
298
|
set target(_: Components.BqButton['target']);
|
|
299
299
|
/**
|
|
300
|
-
* The default behavior of the button
|
|
300
|
+
* The default behavior of the button @default 'button'
|
|
301
301
|
*/
|
|
302
302
|
set type(_: Components.BqButton['type']);
|
|
303
303
|
/**
|
|
304
|
-
* The variant of button to apply on top of the appearance (applicable only to `appearance="primary"`)
|
|
304
|
+
* The variant of button to apply on top of the appearance (applicable only to `appearance="primary"`) @default 'standard'
|
|
305
305
|
*/
|
|
306
306
|
set variant(_: Components.BqButton['variant']);
|
|
307
307
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -326,11 +326,11 @@ export declare class BqCard {
|
|
|
326
326
|
protected z: NgZone;
|
|
327
327
|
protected el: HTMLBqCardElement;
|
|
328
328
|
/**
|
|
329
|
-
* Type of card component
|
|
329
|
+
* Type of card component @default 'default'
|
|
330
330
|
*/
|
|
331
331
|
set type(_: Components.BqCard['type']);
|
|
332
332
|
/**
|
|
333
|
-
* The corner radius of the card component
|
|
333
|
+
* The corner radius of the card component @default 'm'
|
|
334
334
|
*/
|
|
335
335
|
set border(_: Components.BqCard['border']);
|
|
336
336
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -343,7 +343,7 @@ export declare class BqCheckbox {
|
|
|
343
343
|
protected z: NgZone;
|
|
344
344
|
protected el: HTMLBqCheckboxElement;
|
|
345
345
|
/**
|
|
346
|
-
* If true checkbox displays background on hover
|
|
346
|
+
* If true checkbox displays background on hover @default false
|
|
347
347
|
*/
|
|
348
348
|
set backgroundOnHover(_: Components.BqCheckbox['backgroundOnHover']);
|
|
349
349
|
/**
|
|
@@ -359,11 +359,11 @@ export declare class BqCheckbox {
|
|
|
359
359
|
*/
|
|
360
360
|
set checked(_: Components.BqCheckbox['checked']);
|
|
361
361
|
/**
|
|
362
|
-
* If true checkbox is disabled
|
|
362
|
+
* If true checkbox is disabled @default false
|
|
363
363
|
*/
|
|
364
364
|
set disabled(_: Components.BqCheckbox['disabled']);
|
|
365
365
|
/**
|
|
366
|
-
* A state that is neither checked nor unchecked
|
|
366
|
+
* A state that is neither checked nor unchecked @default false
|
|
367
367
|
*/
|
|
368
368
|
set indeterminate(_: Components.BqCheckbox['indeterminate']);
|
|
369
369
|
/**
|
|
@@ -406,29 +406,33 @@ export declare class BqDatePicker {
|
|
|
406
406
|
*/
|
|
407
407
|
set autofocus(_: Components.BqDatePicker['autofocus']);
|
|
408
408
|
/**
|
|
409
|
-
* The clear button aria label
|
|
409
|
+
* The clear button aria label @default 'Clear value'
|
|
410
410
|
*/
|
|
411
411
|
set clearButtonLabel(_: Components.BqDatePicker['clearButtonLabel']);
|
|
412
412
|
/**
|
|
413
|
-
* If `true`, the clear button won't be displayed
|
|
413
|
+
* If `true`, the clear button won't be displayed @default false
|
|
414
414
|
*/
|
|
415
415
|
set disableClear(_: Components.BqDatePicker['disableClear']);
|
|
416
416
|
/**
|
|
417
417
|
* Indicates whether the Date picker input is disabled or not.
|
|
418
|
-
If `true`, the Date picker is disabled and cannot be interacted with.
|
|
418
|
+
If `true`, the Date picker is disabled and cannot be interacted with. @default false
|
|
419
419
|
*/
|
|
420
420
|
set disabled(_: Components.BqDatePicker['disabled']);
|
|
421
421
|
/**
|
|
422
|
-
* Represents the distance (gutter or margin) between the Date picker panel and the input element.
|
|
422
|
+
* Represents the distance (gutter or margin) between the Date picker panel and the input element. @default 8
|
|
423
423
|
*/
|
|
424
424
|
set distance(_: Components.BqDatePicker['distance']);
|
|
425
425
|
/**
|
|
426
|
-
* The first day of the week, where Sunday is 0, Monday is 1, etc
|
|
426
|
+
* The first day of the week, where Sunday is 0, Monday is 1, etc @default 1
|
|
427
427
|
*/
|
|
428
428
|
set firstDayOfWeek(_: Components.BqDatePicker['firstDayOfWeek']);
|
|
429
429
|
/**
|
|
430
430
|
* The options to use when formatting the displayed value.
|
|
431
|
-
Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options
|
|
431
|
+
Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options @default {
|
|
432
|
+
day: 'numeric',
|
|
433
|
+
month: 'short',
|
|
434
|
+
year: 'numeric',
|
|
435
|
+
}
|
|
432
436
|
*/
|
|
433
437
|
set formatOptions(_: Components.BqDatePicker['formatOptions']);
|
|
434
438
|
/**
|
|
@@ -445,7 +449,7 @@ Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Globa
|
|
|
445
449
|
set isDateDisallowed(_: Components.BqDatePicker['isDateDisallowed']);
|
|
446
450
|
/**
|
|
447
451
|
* The locale for formatting dates. If not set, will use the browser's locale.
|
|
448
|
-
Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument
|
|
452
|
+
Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument @default 'en-GB'
|
|
449
453
|
*/
|
|
450
454
|
set locale(_: Components.BqDatePicker['locale']);
|
|
451
455
|
/**
|
|
@@ -463,7 +467,7 @@ Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Globa
|
|
|
463
467
|
/**
|
|
464
468
|
* Specifies how the next/previous buttons should navigate the calendar.
|
|
465
469
|
- single: The buttons will navigate by a single month at a time.
|
|
466
|
-
- months: The buttons will navigate by the number of months displayed per view.
|
|
470
|
+
- months: The buttons will navigate by the number of months displayed per view. @default 'single'
|
|
467
471
|
*/
|
|
468
472
|
set monthsPerView(_: Components.BqDatePicker['monthsPerView']);
|
|
469
473
|
/**
|
|
@@ -471,11 +475,11 @@ Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Globa
|
|
|
471
475
|
*/
|
|
472
476
|
set name(_: Components.BqDatePicker['name']);
|
|
473
477
|
/**
|
|
474
|
-
* If `true`, the Date picker panel will be visible.
|
|
478
|
+
* If `true`, the Date picker panel will be visible. @default false
|
|
475
479
|
*/
|
|
476
480
|
set open(_: Components.BqDatePicker['open']);
|
|
477
481
|
/**
|
|
478
|
-
* When set, it will override the height of the Date picker panel.
|
|
482
|
+
* When set, it will override the height of the Date picker panel. @default 'auto'
|
|
479
483
|
*/
|
|
480
484
|
set panelHeight(_: Components.BqDatePicker['panelHeight']);
|
|
481
485
|
/**
|
|
@@ -483,7 +487,7 @@ Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Globa
|
|
|
483
487
|
*/
|
|
484
488
|
set placeholder(_: Components.BqDatePicker['placeholder']);
|
|
485
489
|
/**
|
|
486
|
-
* Position of the Date picker panel
|
|
490
|
+
* Position of the Date picker panel @default 'bottom-end'
|
|
487
491
|
*/
|
|
488
492
|
set placement(_: Components.BqDatePicker['placement']);
|
|
489
493
|
/**
|
|
@@ -491,15 +495,15 @@ Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Globa
|
|
|
491
495
|
*/
|
|
492
496
|
set required(_: Components.BqDatePicker['required']);
|
|
493
497
|
/**
|
|
494
|
-
* Represents the skidding between the Date picker panel and the input element.
|
|
498
|
+
* Represents the skidding between the Date picker panel and the input element. @default 0
|
|
495
499
|
*/
|
|
496
500
|
set skidding(_: Components.BqDatePicker['skidding']);
|
|
497
501
|
/**
|
|
498
|
-
* Whether to show days outside the month
|
|
502
|
+
* Whether to show days outside the month @default false
|
|
499
503
|
*/
|
|
500
504
|
set showOutsideDays(_: Components.BqDatePicker['showOutsideDays']);
|
|
501
505
|
/**
|
|
502
|
-
* Defines the strategy to position the Date picker panel
|
|
506
|
+
* Defines the strategy to position the Date picker panel @default 'fixed'
|
|
503
507
|
*/
|
|
504
508
|
set strategy(_: Components.BqDatePicker['strategy']);
|
|
505
509
|
/**
|
|
@@ -507,7 +511,7 @@ Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Globa
|
|
|
507
511
|
*/
|
|
508
512
|
set tentative(_: Components.BqDatePicker['tentative']);
|
|
509
513
|
/**
|
|
510
|
-
* It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection
|
|
514
|
+
* It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection @default 'single'
|
|
511
515
|
*/
|
|
512
516
|
set type(_: Components.BqDatePicker['type']);
|
|
513
517
|
/**
|
|
@@ -515,7 +519,7 @@ Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Globa
|
|
|
515
519
|
- `'none'`: No validation status is set.
|
|
516
520
|
- `'error'`: The input has a validation error.
|
|
517
521
|
- `'warning'`: The input has a validation warning.
|
|
518
|
-
- `'success'`: The input has passed validation
|
|
522
|
+
- `'success'`: The input has passed validation.,@default 'none'
|
|
519
523
|
*/
|
|
520
524
|
set validationStatus(_: Components.BqDatePicker['validationStatus']);
|
|
521
525
|
/**
|
|
@@ -553,35 +557,35 @@ export declare class BqDialog {
|
|
|
553
557
|
protected z: NgZone;
|
|
554
558
|
protected el: HTMLBqDialogElement;
|
|
555
559
|
/**
|
|
556
|
-
* Border radius of the dialog component
|
|
560
|
+
* Border radius of the dialog component @default 'm'
|
|
557
561
|
*/
|
|
558
562
|
set border(_: Components.BqDialog['border']);
|
|
559
563
|
/**
|
|
560
|
-
* If true, the backdrop overlay won't be shown when the dialog opens
|
|
564
|
+
* If true, the backdrop overlay won't be shown when the dialog opens @default false
|
|
561
565
|
*/
|
|
562
566
|
set disableBackdrop(_: Components.BqDialog['disableBackdrop']);
|
|
563
567
|
/**
|
|
564
|
-
* If true, the dialog will not close when the [Esc] key is press
|
|
568
|
+
* If true, the dialog will not close when the [Esc] key is press @default false
|
|
565
569
|
*/
|
|
566
570
|
set disableCloseEscKeydown(_: Components.BqDialog['disableCloseEscKeydown']);
|
|
567
571
|
/**
|
|
568
|
-
* If true, the dialog will not close when clicking on the backdrop overlay
|
|
572
|
+
* If true, the dialog will not close when clicking on the backdrop overlay @default false
|
|
569
573
|
*/
|
|
570
574
|
set disableCloseClickOutside(_: Components.BqDialog['disableCloseClickOutside']);
|
|
571
575
|
/**
|
|
572
|
-
* The appearance of footer
|
|
576
|
+
* The appearance of footer @default 'standard'
|
|
573
577
|
*/
|
|
574
578
|
set footerAppearance(_: Components.BqDialog['footerAppearance']);
|
|
575
579
|
/**
|
|
576
|
-
* If true, it hides the close button
|
|
580
|
+
* If true, it hides the close button @default false
|
|
577
581
|
*/
|
|
578
582
|
set hideCloseButton(_: Components.BqDialog['hideCloseButton']);
|
|
579
583
|
/**
|
|
580
|
-
* If true, the dialog will be shown as open
|
|
584
|
+
* If true, the dialog will be shown as open @default false
|
|
581
585
|
*/
|
|
582
586
|
set open(_: Components.BqDialog['open']);
|
|
583
587
|
/**
|
|
584
|
-
* The size of the dialog
|
|
588
|
+
* The size of the dialog @default 'medium'
|
|
585
589
|
*/
|
|
586
590
|
set size(_: Components.BqDialog['size']);
|
|
587
591
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -614,39 +618,39 @@ export declare class BqDivider {
|
|
|
614
618
|
protected z: NgZone;
|
|
615
619
|
protected el: HTMLBqDividerElement;
|
|
616
620
|
/**
|
|
617
|
-
* If true, the divider has a dashed pattern
|
|
621
|
+
* If true, the divider has a dashed pattern @default false
|
|
618
622
|
*/
|
|
619
623
|
set dashed(_: Components.BqDivider['dashed']);
|
|
620
624
|
/**
|
|
621
|
-
* The default orientation of the divider
|
|
625
|
+
* The default orientation of the divider @default 'horizontal'
|
|
622
626
|
*/
|
|
623
627
|
set orientation(_: Components.BqDivider['orientation']);
|
|
624
628
|
/**
|
|
625
|
-
* Set the stroke color of the divider. The value should be a valid value of the palette color
|
|
629
|
+
* Set the stroke color of the divider. The value should be a valid value of the palette color @default 'stroke--primary'
|
|
626
630
|
*/
|
|
627
631
|
set strokeColor(_: Components.BqDivider['strokeColor']);
|
|
628
632
|
/**
|
|
629
|
-
* Set the alignment of the title on the main axis of the divider (horizontal / vertical)
|
|
633
|
+
* Set the alignment of the title on the main axis of the divider (horizontal / vertical) @default 'middle'
|
|
630
634
|
*/
|
|
631
635
|
set titleAlignment(_: Components.BqDivider['titleAlignment']);
|
|
632
636
|
/**
|
|
633
|
-
* Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed
|
|
637
|
+
* Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed @default 12
|
|
634
638
|
*/
|
|
635
639
|
set strokeDashWidth(_: Components.BqDivider['strokeDashWidth']);
|
|
636
640
|
/**
|
|
637
|
-
* Set the gap of the divider's stroke. This is applicable when the stroke is dashed
|
|
641
|
+
* Set the gap of the divider's stroke. This is applicable when the stroke is dashed @default 7
|
|
638
642
|
*/
|
|
639
643
|
set strokeDashGap(_: Components.BqDivider['strokeDashGap']);
|
|
640
644
|
/**
|
|
641
|
-
* Set the thickness of the divider's stroke. Value expressed in px
|
|
645
|
+
* Set the thickness of the divider's stroke. Value expressed in px @default 1
|
|
642
646
|
*/
|
|
643
647
|
set strokeThickness(_: Components.BqDivider['strokeThickness']);
|
|
644
648
|
/**
|
|
645
|
-
* Set the min width of the divider's stroke when text is not centered. Value expressed in px
|
|
649
|
+
* Set the min width of the divider's stroke when text is not centered. Value expressed in px @default 0
|
|
646
650
|
*/
|
|
647
651
|
set strokeBasis(_: Components.BqDivider['strokeBasis']);
|
|
648
652
|
/**
|
|
649
|
-
* Set the line of the divider's stroke. This is applicable when the stroke is dashed
|
|
653
|
+
* Set the line of the divider's stroke. This is applicable when the stroke is dashed @default 'butt'
|
|
650
654
|
*/
|
|
651
655
|
set strokeLinecap(_: Components.BqDivider['strokeLinecap']);
|
|
652
656
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -659,15 +663,15 @@ export declare class BqDrawer {
|
|
|
659
663
|
protected z: NgZone;
|
|
660
664
|
protected el: HTMLBqDrawerElement;
|
|
661
665
|
/**
|
|
662
|
-
* If true, the backdrop overlay will be shown when the drawer opens
|
|
666
|
+
* If true, the backdrop overlay will be shown when the drawer opens @default false
|
|
663
667
|
*/
|
|
664
668
|
set enableBackdrop(_: Components.BqDrawer['enableBackdrop']);
|
|
665
669
|
/**
|
|
666
|
-
* If true, the drawer will not close when clicking outside the panel
|
|
670
|
+
* If true, the drawer will not close when clicking outside the panel @default false
|
|
667
671
|
*/
|
|
668
672
|
set closeOnClickOutside(_: Components.BqDrawer['closeOnClickOutside']);
|
|
669
673
|
/**
|
|
670
|
-
* If true, the dialog will not close when the [Esc] key is pressed
|
|
674
|
+
* If true, the dialog will not close when the [Esc] key is pressed @default false
|
|
671
675
|
*/
|
|
672
676
|
set closeOnEsc(_: Components.BqDrawer['closeOnEsc']);
|
|
673
677
|
/**
|
|
@@ -675,11 +679,11 @@ export declare class BqDrawer {
|
|
|
675
679
|
*/
|
|
676
680
|
set open(_: Components.BqDrawer['open']);
|
|
677
681
|
/**
|
|
678
|
-
* @deprecated Defines the position of the drawer
|
|
682
|
+
* @deprecated Defines the position of the drawer,@default 'right'
|
|
679
683
|
*/
|
|
680
684
|
set placement(_: Components.BqDrawer['placement']);
|
|
681
685
|
/**
|
|
682
|
-
* Defines the position of the drawer
|
|
686
|
+
* Defines the position of the drawer @default 'end'
|
|
683
687
|
*/
|
|
684
688
|
set position(_: Components.BqDrawer['position']);
|
|
685
689
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -708,23 +712,27 @@ export declare class BqDropdown {
|
|
|
708
712
|
protected z: NgZone;
|
|
709
713
|
protected el: HTMLBqDropdownElement;
|
|
710
714
|
/**
|
|
711
|
-
* If true, the dropdown panel will
|
|
715
|
+
* If true, the dropdown panel will not lock the page body scroll when open. @default false
|
|
716
|
+
*/
|
|
717
|
+
set disableScrollLock(_: Components.BqDropdown['disableScrollLock']);
|
|
718
|
+
/**
|
|
719
|
+
* If true, the dropdown panel will be visible and won't be shown. @default false
|
|
712
720
|
*/
|
|
713
721
|
set disabled(_: Components.BqDropdown['disabled']);
|
|
714
722
|
/**
|
|
715
|
-
* Represents the distance (gutter or margin) between the panel and the trigger element.
|
|
723
|
+
* Represents the distance (gutter or margin) between the panel and the trigger element. @default 4
|
|
716
724
|
*/
|
|
717
725
|
set distance(_: Components.BqDropdown['distance']);
|
|
718
726
|
/**
|
|
719
|
-
* If true, the panel will remain open after a selection is made.
|
|
727
|
+
* If true, the panel will remain open after a selection is made. @default false
|
|
720
728
|
*/
|
|
721
729
|
set keepOpenOnSelect(_: Components.BqDropdown['keepOpenOnSelect']);
|
|
722
730
|
/**
|
|
723
|
-
* Position of the panel
|
|
731
|
+
* Position of the panel @default 'bottom-start'
|
|
724
732
|
*/
|
|
725
733
|
set placement(_: Components.BqDropdown['placement']);
|
|
726
734
|
/**
|
|
727
|
-
* If true, the panel will be visible.
|
|
735
|
+
* If true, the panel will be visible. @default false
|
|
728
736
|
*/
|
|
729
737
|
set open(_: Components.BqDropdown['open']);
|
|
730
738
|
/**
|
|
@@ -732,20 +740,20 @@ export declare class BqDropdown {
|
|
|
732
740
|
*/
|
|
733
741
|
set panelHeight(_: Components.BqDropdown['panelHeight']);
|
|
734
742
|
/**
|
|
735
|
-
* Whether the panel should have the same width as the trigger element
|
|
743
|
+
* Whether the panel should have the same width as the trigger element @default false
|
|
736
744
|
*/
|
|
737
745
|
set sameWidth(_: Components.BqDropdown['sameWidth']);
|
|
738
746
|
/**
|
|
739
|
-
* Represents the skidding between the panel and the trigger element.
|
|
747
|
+
* Represents the skidding between the panel and the trigger element. @default 0
|
|
740
748
|
*/
|
|
741
749
|
set skidding(_: Components.BqDropdown['skidding']);
|
|
742
750
|
/**
|
|
743
|
-
* Defines the strategy to position the panel
|
|
751
|
+
* Defines the strategy to position the panel @default 'fixed'
|
|
744
752
|
*/
|
|
745
753
|
set strategy(_: Components.BqDropdown['strategy']);
|
|
746
754
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
747
755
|
static ɵfac: i0.ɵɵFactoryDeclaration<BqDropdown, never>;
|
|
748
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BqDropdown, "bq-dropdown", never, { "disabled": { "alias": "disabled"; "required": false; }; "distance": { "alias": "distance"; "required": false; }; "keepOpenOnSelect": { "alias": "keepOpenOnSelect"; "required": false; }; "open": { "alias": "open"; "required": false; }; "panelHeight": { "alias": "panelHeight"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "sameWidth": { "alias": "sameWidth"; "required": false; }; "skidding": { "alias": "skidding"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
756
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BqDropdown, "bq-dropdown", never, { "disableScrollLock": { "alias": "disableScrollLock"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "distance": { "alias": "distance"; "required": false; }; "keepOpenOnSelect": { "alias": "keepOpenOnSelect"; "required": false; }; "open": { "alias": "open"; "required": false; }; "panelHeight": { "alias": "panelHeight"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "sameWidth": { "alias": "sameWidth"; "required": false; }; "skidding": { "alias": "skidding"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
749
757
|
}
|
|
750
758
|
export declare interface BqDropdown extends Components.BqDropdown {
|
|
751
759
|
/**
|
|
@@ -759,7 +767,7 @@ export declare class BqEmptyState {
|
|
|
759
767
|
protected z: NgZone;
|
|
760
768
|
protected el: HTMLBqEmptyStateElement;
|
|
761
769
|
/**
|
|
762
|
-
* The size of the empty state component
|
|
770
|
+
* The size of the empty state component @default 'medium'
|
|
763
771
|
*/
|
|
764
772
|
set size(_: Components.BqEmptyState['size']);
|
|
765
773
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -784,7 +792,7 @@ export declare class BqIcon {
|
|
|
784
792
|
*/
|
|
785
793
|
set name(_: Components.BqIcon['name']);
|
|
786
794
|
/**
|
|
787
|
-
* Set the size of the SVG
|
|
795
|
+
* Set the size of the SVG @default 24
|
|
788
796
|
*/
|
|
789
797
|
set size(_: Components.BqIcon['size']);
|
|
790
798
|
/**
|
|
@@ -792,7 +800,7 @@ export declare class BqIcon {
|
|
|
792
800
|
*/
|
|
793
801
|
set src(_: Components.BqIcon['src']);
|
|
794
802
|
/**
|
|
795
|
-
* @deprecated It set the icon weight/style
|
|
803
|
+
* @deprecated It set the icon weight/style,@default undefined
|
|
796
804
|
*/
|
|
797
805
|
set weight(_: Components.BqIcon['weight']);
|
|
798
806
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -811,17 +819,17 @@ export declare class BqInput {
|
|
|
811
819
|
/**
|
|
812
820
|
* Controls whether or not the input field should be capitalized and how.
|
|
813
821
|
Possible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.
|
|
814
|
-
See: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize
|
|
822
|
+
See: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize @default 'off'
|
|
815
823
|
*/
|
|
816
824
|
set autocapitalize(_: Components.BqInput['autocapitalize']);
|
|
817
825
|
/**
|
|
818
826
|
* Specifies whether or not the input field should have autocomplete enabled.
|
|
819
|
-
See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values
|
|
827
|
+
See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values @default 'off'
|
|
820
828
|
*/
|
|
821
829
|
set autocomplete(_: Components.BqInput['autocomplete']);
|
|
822
830
|
/**
|
|
823
831
|
* Controls whether or not the input field should have autocorrect enabled.
|
|
824
|
-
Possible values are 'on' and 'off'.
|
|
832
|
+
Possible values are 'on' and 'off'. @default 'off'
|
|
825
833
|
*/
|
|
826
834
|
set autocorrect(_: Components.BqInput['autocorrect']);
|
|
827
835
|
/**
|
|
@@ -829,21 +837,21 @@ Possible values are 'on' and 'off'.
|
|
|
829
837
|
*/
|
|
830
838
|
set autofocus(_: Components.BqInput['autofocus']);
|
|
831
839
|
/**
|
|
832
|
-
* The clear button aria label
|
|
840
|
+
* The clear button aria label @default 'Clear value'
|
|
833
841
|
*/
|
|
834
842
|
set clearButtonLabel(_: Components.BqInput['clearButtonLabel']);
|
|
835
843
|
/**
|
|
836
844
|
* The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.
|
|
837
|
-
A value of 0 means no debouncing will occur.
|
|
845
|
+
A value of 0 means no debouncing will occur. @default 0
|
|
838
846
|
*/
|
|
839
847
|
set debounceTime(_: Components.BqInput['debounceTime']);
|
|
840
848
|
/**
|
|
841
849
|
* Indicates whether the input is disabled or not.
|
|
842
|
-
If `true`, the input is disabled and cannot be interacted with.
|
|
850
|
+
If `true`, the input is disabled and cannot be interacted with. @default false
|
|
843
851
|
*/
|
|
844
852
|
set disabled(_: Components.BqInput['disabled']);
|
|
845
853
|
/**
|
|
846
|
-
* If true, the clear button won't be displayed
|
|
854
|
+
* If true, the clear button won't be displayed @default false
|
|
847
855
|
*/
|
|
848
856
|
set disableClear(_: Components.BqInput['disableClear']);
|
|
849
857
|
/**
|
|
@@ -908,7 +916,7 @@ See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step
|
|
|
908
916
|
/**
|
|
909
917
|
* The type attribute specifies the type of input field to display.
|
|
910
918
|
Possible values are 'text', 'password', 'email', 'number', 'tel', 'search', 'url', and more.
|
|
911
|
-
See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
|
|
919
|
+
See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types @default 'text'
|
|
912
920
|
*/
|
|
913
921
|
set type(_: Components.BqInput['type']);
|
|
914
922
|
/**
|
|
@@ -916,7 +924,7 @@ See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
|
|
|
916
924
|
- `'none'`: No validation status is set.
|
|
917
925
|
- `'error'`: The input has a validation error.
|
|
918
926
|
- `'warning'`: The input has a validation warning.
|
|
919
|
-
- `'success'`: The input has passed validation
|
|
927
|
+
- `'success'`: The input has passed validation.,@default 'none'
|
|
920
928
|
*/
|
|
921
929
|
set validationStatus(_: Components.BqInput['validationStatus']);
|
|
922
930
|
/**
|
|
@@ -965,7 +973,7 @@ export declare class BqNotification {
|
|
|
965
973
|
*/
|
|
966
974
|
set autoDismiss(_: Components.BqNotification['autoDismiss']);
|
|
967
975
|
/**
|
|
968
|
-
* The corder radius of the notification component
|
|
976
|
+
* The corder radius of the notification component @default 's'
|
|
969
977
|
*/
|
|
970
978
|
set border(_: Components.BqNotification['border']);
|
|
971
979
|
/**
|
|
@@ -981,11 +989,11 @@ export declare class BqNotification {
|
|
|
981
989
|
*/
|
|
982
990
|
set open(_: Components.BqNotification['open']);
|
|
983
991
|
/**
|
|
984
|
-
* The length of time, in milliseconds, after which the notification will close itself. Only valid if `autoDismiss="true"`
|
|
992
|
+
* The length of time, in milliseconds, after which the notification will close itself. Only valid if `autoDismiss="true"` @default 3000
|
|
985
993
|
*/
|
|
986
994
|
set time(_: Components.BqNotification['time']);
|
|
987
995
|
/**
|
|
988
|
-
* Type of Notification
|
|
996
|
+
* Type of Notification @default 'info'
|
|
989
997
|
*/
|
|
990
998
|
set type(_: Components.BqNotification['type']);
|
|
991
999
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -1014,11 +1022,11 @@ export declare class BqOption {
|
|
|
1014
1022
|
protected z: NgZone;
|
|
1015
1023
|
protected el: HTMLBqOptionElement;
|
|
1016
1024
|
/**
|
|
1017
|
-
* If true, the option is hidden.
|
|
1025
|
+
* If true, the option is hidden. @default false
|
|
1018
1026
|
*/
|
|
1019
1027
|
set hidden(_: Components.BqOption['hidden']);
|
|
1020
1028
|
/**
|
|
1021
|
-
* If true, the option is disabled.
|
|
1029
|
+
* If true, the option is disabled. @default false
|
|
1022
1030
|
*/
|
|
1023
1031
|
set disabled(_: Components.BqOption['disabled']);
|
|
1024
1032
|
/**
|
|
@@ -1026,7 +1034,7 @@ export declare class BqOption {
|
|
|
1026
1034
|
*/
|
|
1027
1035
|
set value(_: Components.BqOption['value']);
|
|
1028
1036
|
/**
|
|
1029
|
-
* If true, the option is selected and active.
|
|
1037
|
+
* If true, the option is selected and active. @default false
|
|
1030
1038
|
*/
|
|
1031
1039
|
set selected(_: Components.BqOption['selected']);
|
|
1032
1040
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -1064,7 +1072,7 @@ export declare class BqOptionList {
|
|
|
1064
1072
|
protected z: NgZone;
|
|
1065
1073
|
protected el: HTMLBqOptionListElement;
|
|
1066
1074
|
/**
|
|
1067
|
-
* Aria label for the list.
|
|
1075
|
+
* Aria label for the list. @default 'Options'
|
|
1068
1076
|
*/
|
|
1069
1077
|
set ariaLabel(_: Components.BqOptionList['ariaLabel']);
|
|
1070
1078
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -1093,32 +1101,36 @@ export declare class BqPanel {
|
|
|
1093
1101
|
protected z: NgZone;
|
|
1094
1102
|
protected el: HTMLBqPanelElement;
|
|
1095
1103
|
/**
|
|
1096
|
-
*
|
|
1104
|
+
* If true, the panel will not lock the page body scroll when open. @default false
|
|
1105
|
+
*/
|
|
1106
|
+
set disableScrollLock(_: Components.BqPanel['disableScrollLock']);
|
|
1107
|
+
/**
|
|
1108
|
+
* Represents the distance (gutter or margin) between the panel and the trigger element. @default 4
|
|
1097
1109
|
*/
|
|
1098
1110
|
set distance(_: Components.BqPanel['distance']);
|
|
1099
1111
|
/**
|
|
1100
|
-
* Position of the panel
|
|
1112
|
+
* Position of the panel @default 'bottom-start'
|
|
1101
1113
|
*/
|
|
1102
1114
|
set placement(_: Components.BqPanel['placement']);
|
|
1103
1115
|
/**
|
|
1104
|
-
* If true, the panel will be visible.
|
|
1116
|
+
* If true, the panel will be visible. @default false
|
|
1105
1117
|
*/
|
|
1106
1118
|
set open(_: Components.BqPanel['open']);
|
|
1107
1119
|
/**
|
|
1108
|
-
* Whether the panel should have the same width as the trigger element
|
|
1120
|
+
* Whether the panel should have the same width as the trigger element @default false
|
|
1109
1121
|
*/
|
|
1110
1122
|
set sameWidth(_: Components.BqPanel['sameWidth']);
|
|
1111
1123
|
/**
|
|
1112
|
-
* Represents the skidding between the panel and the trigger element.
|
|
1124
|
+
* Represents the skidding between the panel and the trigger element. @default 0
|
|
1113
1125
|
*/
|
|
1114
1126
|
set skidding(_: Components.BqPanel['skidding']);
|
|
1115
1127
|
/**
|
|
1116
|
-
* Defines the strategy to position the panel
|
|
1128
|
+
* Defines the strategy to position the panel @default 'fixed'
|
|
1117
1129
|
*/
|
|
1118
1130
|
set strategy(_: Components.BqPanel['strategy']);
|
|
1119
1131
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1120
1132
|
static ɵfac: i0.ɵɵFactoryDeclaration<BqPanel, never>;
|
|
1121
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BqPanel, "bq-panel", never, { "distance": { "alias": "distance"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "sameWidth": { "alias": "sameWidth"; "required": false; }; "skidding": { "alias": "skidding"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1133
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BqPanel, "bq-panel", never, { "disableScrollLock": { "alias": "disableScrollLock"; "required": false; }; "distance": { "alias": "distance"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "sameWidth": { "alias": "sameWidth"; "required": false; }; "skidding": { "alias": "skidding"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1122
1134
|
}
|
|
1123
1135
|
export declare interface BqPanel extends Components.BqPanel {
|
|
1124
1136
|
}
|
|
@@ -1126,31 +1138,31 @@ export declare class BqProgress {
|
|
|
1126
1138
|
protected z: NgZone;
|
|
1127
1139
|
protected el: HTMLBqProgressElement;
|
|
1128
1140
|
/**
|
|
1129
|
-
* It will set the border style of the progress bar
|
|
1141
|
+
* It will set the border style of the progress bar @default 'rounded'
|
|
1130
1142
|
*/
|
|
1131
1143
|
set borderShape(_: Components.BqProgress['borderShape']);
|
|
1132
1144
|
/**
|
|
1133
|
-
* If `true`, a tooltip will be shown displaying the progress value
|
|
1145
|
+
* If `true`, a tooltip will be shown displaying the progress value @default false
|
|
1134
1146
|
*/
|
|
1135
1147
|
set enableTooltip(_: Components.BqProgress['enableTooltip']);
|
|
1136
1148
|
/**
|
|
1137
|
-
* If `true` the indeterminate state of progress bar is enabled
|
|
1149
|
+
* If `true` the indeterminate state of progress bar is enabled @default false
|
|
1138
1150
|
*/
|
|
1139
1151
|
set indeterminate(_: Components.BqProgress['indeterminate']);
|
|
1140
1152
|
/**
|
|
1141
|
-
* If `true, a label text showing the value (in percentage) will be shown
|
|
1153
|
+
* If `true, a label text showing the value (in percentage) will be shown @default false
|
|
1142
1154
|
*/
|
|
1143
1155
|
set label(_: Components.BqProgress['label']);
|
|
1144
1156
|
/**
|
|
1145
|
-
* Progress bar thickness
|
|
1157
|
+
* Progress bar thickness @default 'medium'
|
|
1146
1158
|
*/
|
|
1147
1159
|
set thickness(_: Components.BqProgress['thickness']);
|
|
1148
1160
|
/**
|
|
1149
|
-
* Progress type
|
|
1161
|
+
* Progress type @default 'default'
|
|
1150
1162
|
*/
|
|
1151
1163
|
set type(_: Components.BqProgress['type']);
|
|
1152
1164
|
/**
|
|
1153
|
-
* A number representing the current value of the progress bar
|
|
1165
|
+
* A number representing the current value of the progress bar @default 0
|
|
1154
1166
|
*/
|
|
1155
1167
|
set value(_: Components.BqProgress['value']);
|
|
1156
1168
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -1167,11 +1179,11 @@ export declare class BqRadio {
|
|
|
1167
1179
|
*/
|
|
1168
1180
|
set checked(_: Components.BqRadio['checked']);
|
|
1169
1181
|
/**
|
|
1170
|
-
* If true radio input is disabled
|
|
1182
|
+
* If true radio input is disabled @default false
|
|
1171
1183
|
*/
|
|
1172
1184
|
set disabled(_: Components.BqRadio['disabled']);
|
|
1173
1185
|
/**
|
|
1174
|
-
* If true radio displays background on hover
|
|
1186
|
+
* If true radio displays background on hover @default false
|
|
1175
1187
|
*/
|
|
1176
1188
|
set backgroundOnHover(_: Components.BqRadio['backgroundOnHover']);
|
|
1177
1189
|
/**
|
|
@@ -1216,19 +1228,19 @@ export declare class BqRadioGroup {
|
|
|
1216
1228
|
protected z: NgZone;
|
|
1217
1229
|
protected el: HTMLBqRadioGroupElement;
|
|
1218
1230
|
/**
|
|
1219
|
-
* If true, all radio inputs in the group will display a background on hover
|
|
1231
|
+
* If true, all radio inputs in the group will display a background on hover @default false
|
|
1220
1232
|
*/
|
|
1221
1233
|
set backgroundOnHover(_: Components.BqRadioGroup['backgroundOnHover']);
|
|
1222
1234
|
/**
|
|
1223
|
-
* A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change
|
|
1235
|
+
* A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change @default 0
|
|
1224
1236
|
*/
|
|
1225
1237
|
set debounceTime(_: Components.BqRadioGroup['debounceTime']);
|
|
1226
1238
|
/**
|
|
1227
|
-
* If true radio inputs are disabled
|
|
1239
|
+
* If true radio inputs are disabled @default false
|
|
1228
1240
|
*/
|
|
1229
1241
|
set disabled(_: Components.BqRadioGroup['disabled']);
|
|
1230
1242
|
/**
|
|
1231
|
-
* If true displays fieldset
|
|
1243
|
+
* If true displays fieldset @default false
|
|
1232
1244
|
*/
|
|
1233
1245
|
set fieldset(_: Components.BqRadioGroup['fieldset']);
|
|
1234
1246
|
/**
|
|
@@ -1236,11 +1248,11 @@ export declare class BqRadioGroup {
|
|
|
1236
1248
|
*/
|
|
1237
1249
|
set name(_: Components.BqRadioGroup['name']);
|
|
1238
1250
|
/**
|
|
1239
|
-
* The display orientation of the radio inputs
|
|
1251
|
+
* The display orientation of the radio inputs @default 'vertical'
|
|
1240
1252
|
*/
|
|
1241
1253
|
set orientation(_: Components.BqRadioGroup['orientation']);
|
|
1242
1254
|
/**
|
|
1243
|
-
* If true, the radio group is required
|
|
1255
|
+
* If true, the radio group is required @default false
|
|
1244
1256
|
*/
|
|
1245
1257
|
set required(_: Components.BqRadioGroup['required']);
|
|
1246
1258
|
/**
|
|
@@ -1272,25 +1284,29 @@ export declare class BqSelect {
|
|
|
1272
1284
|
*/
|
|
1273
1285
|
set autofocus(_: Components.BqSelect['autofocus']);
|
|
1274
1286
|
/**
|
|
1275
|
-
* The clear button aria label
|
|
1287
|
+
* The clear button aria label @default 'Clear value'
|
|
1276
1288
|
*/
|
|
1277
1289
|
set clearButtonLabel(_: Components.BqSelect['clearButtonLabel']);
|
|
1278
1290
|
/**
|
|
1279
1291
|
* The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.
|
|
1280
|
-
A value of 0 means no debouncing will occur.
|
|
1292
|
+
A value of 0 means no debouncing will occur. @default 0
|
|
1281
1293
|
*/
|
|
1282
1294
|
set debounceTime(_: Components.BqSelect['debounceTime']);
|
|
1283
1295
|
/**
|
|
1296
|
+
* If true, the Select panel will not lock the page body scroll when open. @default false
|
|
1297
|
+
*/
|
|
1298
|
+
set disableScrollLock(_: Components.BqSelect['disableScrollLock']);
|
|
1299
|
+
/**
|
|
1284
1300
|
* Indicates whether the Select input is disabled or not.
|
|
1285
|
-
If `true`, the Select is disabled and cannot be interacted with.
|
|
1301
|
+
If `true`, the Select is disabled and cannot be interacted with. @default false
|
|
1286
1302
|
*/
|
|
1287
1303
|
set disabled(_: Components.BqSelect['disabled']);
|
|
1288
1304
|
/**
|
|
1289
|
-
* If true, the clear button won't be displayed
|
|
1305
|
+
* If true, the clear button won't be displayed @default false
|
|
1290
1306
|
*/
|
|
1291
1307
|
set disableClear(_: Components.BqSelect['disableClear']);
|
|
1292
1308
|
/**
|
|
1293
|
-
* Represents the distance (gutter or margin) between the Select panel and the input element.
|
|
1309
|
+
* Represents the distance (gutter or margin) between the Select panel and the input element. @default 8
|
|
1294
1310
|
*/
|
|
1295
1311
|
set distance(_: Components.BqSelect['distance']);
|
|
1296
1312
|
/**
|
|
@@ -1298,7 +1314,7 @@ If `true`, the Select is disabled and cannot be interacted with.
|
|
|
1298
1314
|
*/
|
|
1299
1315
|
set form(_: Components.BqSelect['form']);
|
|
1300
1316
|
/**
|
|
1301
|
-
* If true, the Select panel will remain open after a selection is made.
|
|
1317
|
+
* If true, the Select panel will remain open after a selection is made. @default false
|
|
1302
1318
|
*/
|
|
1303
1319
|
set keepOpenOnSelect(_: Components.BqSelect['keepOpenOnSelect']);
|
|
1304
1320
|
/**
|
|
@@ -1306,15 +1322,15 @@ If `true`, the Select is disabled and cannot be interacted with.
|
|
|
1306
1322
|
*/
|
|
1307
1323
|
set name(_: Components.BqSelect['name']);
|
|
1308
1324
|
/**
|
|
1309
|
-
* The maximum number of tags to display when multiple selection is enabled
|
|
1325
|
+
* The maximum number of tags to display when multiple selection is enabled @default 2
|
|
1310
1326
|
*/
|
|
1311
1327
|
set maxTagsVisible(_: Components.BqSelect['maxTagsVisible']);
|
|
1312
1328
|
/**
|
|
1313
|
-
* If true, the Select input will allow multiple selections.
|
|
1329
|
+
* If true, the Select input will allow multiple selections. @default false
|
|
1314
1330
|
*/
|
|
1315
1331
|
set multiple(_: Components.BqSelect['multiple']);
|
|
1316
1332
|
/**
|
|
1317
|
-
* If true, the Select panel will be visible.
|
|
1333
|
+
* If true, the Select panel will be visible. @default false
|
|
1318
1334
|
*/
|
|
1319
1335
|
set open(_: Components.BqSelect['open']);
|
|
1320
1336
|
/**
|
|
@@ -1326,7 +1342,7 @@ If `true`, the Select is disabled and cannot be interacted with.
|
|
|
1326
1342
|
*/
|
|
1327
1343
|
set placeholder(_: Components.BqSelect['placeholder']);
|
|
1328
1344
|
/**
|
|
1329
|
-
* Position of the Select panel
|
|
1345
|
+
* Position of the Select panel @default 'bottom'
|
|
1330
1346
|
*/
|
|
1331
1347
|
set placement(_: Components.BqSelect['placement']);
|
|
1332
1348
|
/**
|
|
@@ -1338,15 +1354,15 @@ If `true`, the Select is disabled and cannot be interacted with.
|
|
|
1338
1354
|
*/
|
|
1339
1355
|
set required(_: Components.BqSelect['required']);
|
|
1340
1356
|
/**
|
|
1341
|
-
* Whether the panel should have the Select same width as the input element
|
|
1357
|
+
* Whether the panel should have the Select same width as the input element @default true
|
|
1342
1358
|
*/
|
|
1343
1359
|
set sameWidth(_: Components.BqSelect['sameWidth']);
|
|
1344
1360
|
/**
|
|
1345
|
-
* Represents the skidding between the Select panel and the input element.
|
|
1361
|
+
* Represents the skidding between the Select panel and the input element. @default 0
|
|
1346
1362
|
*/
|
|
1347
1363
|
set skidding(_: Components.BqSelect['skidding']);
|
|
1348
1364
|
/**
|
|
1349
|
-
* Defines the strategy to position the Select panel
|
|
1365
|
+
* Defines the strategy to position the Select panel @default 'fixed'
|
|
1350
1366
|
*/
|
|
1351
1367
|
set strategy(_: Components.BqSelect['strategy']);
|
|
1352
1368
|
/**
|
|
@@ -1354,7 +1370,7 @@ If `true`, the Select is disabled and cannot be interacted with.
|
|
|
1354
1370
|
- `'none'`: No validation status is set.
|
|
1355
1371
|
- `'error'`: The input has a validation error.
|
|
1356
1372
|
- `'warning'`: The input has a validation warning.
|
|
1357
|
-
- `'success'`: The input has passed validation
|
|
1373
|
+
- `'success'`: The input has passed validation.,@default 'none'
|
|
1358
1374
|
*/
|
|
1359
1375
|
set validationStatus(_: Components.BqSelect['validationStatus']);
|
|
1360
1376
|
/**
|
|
@@ -1363,7 +1379,7 @@ If `true`, the Select is disabled and cannot be interacted with.
|
|
|
1363
1379
|
set value(_: Components.BqSelect['value']);
|
|
1364
1380
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
1365
1381
|
static ɵfac: i0.ɵɵFactoryDeclaration<BqSelect, never>;
|
|
1366
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BqSelect, "bq-select", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "clearButtonLabel": { "alias": "clearButtonLabel"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "disableClear": { "alias": "disableClear"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "distance": { "alias": "distance"; "required": false; }; "form": { "alias": "form"; "required": false; }; "keepOpenOnSelect": { "alias": "keepOpenOnSelect"; "required": false; }; "maxTagsVisible": { "alias": "maxTagsVisible"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "panelHeight": { "alias": "panelHeight"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "sameWidth": { "alias": "sameWidth"; "required": false; }; "skidding": { "alias": "skidding"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; "validationStatus": { "alias": "validationStatus"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1382
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BqSelect, "bq-select", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "clearButtonLabel": { "alias": "clearButtonLabel"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "disableClear": { "alias": "disableClear"; "required": false; }; "disableScrollLock": { "alias": "disableScrollLock"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "distance": { "alias": "distance"; "required": false; }; "form": { "alias": "form"; "required": false; }; "keepOpenOnSelect": { "alias": "keepOpenOnSelect"; "required": false; }; "maxTagsVisible": { "alias": "maxTagsVisible"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "panelHeight": { "alias": "panelHeight"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "sameWidth": { "alias": "sameWidth"; "required": false; }; "skidding": { "alias": "skidding"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; "validationStatus": { "alias": "validationStatus"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1367
1383
|
}
|
|
1368
1384
|
export declare interface BqSelect extends Components.BqSelect {
|
|
1369
1385
|
/**
|
|
@@ -1396,15 +1412,15 @@ export declare class BqSideMenu {
|
|
|
1396
1412
|
protected z: NgZone;
|
|
1397
1413
|
protected el: HTMLBqSideMenuElement;
|
|
1398
1414
|
/**
|
|
1399
|
-
* It sets a predefined appearance of the side menu
|
|
1415
|
+
* It sets a predefined appearance of the side menu @default 'default'
|
|
1400
1416
|
*/
|
|
1401
1417
|
set appearance(_: Components.BqSideMenu['appearance']);
|
|
1402
1418
|
/**
|
|
1403
|
-
* If true, the container will reduce its width
|
|
1419
|
+
* If true, the container will reduce its width @default false
|
|
1404
1420
|
*/
|
|
1405
1421
|
set collapse(_: Components.BqSideMenu['collapse']);
|
|
1406
1422
|
/**
|
|
1407
|
-
* It sets the size of the navigation menu items
|
|
1423
|
+
* It sets the size of the navigation menu items @default 'medium'
|
|
1408
1424
|
*/
|
|
1409
1425
|
set size(_: Components.BqSideMenu['size']);
|
|
1410
1426
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -1427,15 +1443,15 @@ export declare class BqSideMenuItem {
|
|
|
1427
1443
|
protected z: NgZone;
|
|
1428
1444
|
protected el: HTMLBqSideMenuItemElement;
|
|
1429
1445
|
/**
|
|
1430
|
-
* If true, the menu item will be shown as active/selected.
|
|
1446
|
+
* If true, the menu item will be shown as active/selected. @default false
|
|
1431
1447
|
*/
|
|
1432
1448
|
set active(_: Components.BqSideMenuItem['active']);
|
|
1433
1449
|
/**
|
|
1434
|
-
* If true, the item label and suffix will be hidden and the with will be reduce according to its parent
|
|
1450
|
+
* If true, the item label and suffix will be hidden and the with will be reduce according to its parent @default false
|
|
1435
1451
|
*/
|
|
1436
1452
|
set collapse(_: Components.BqSideMenuItem['collapse']);
|
|
1437
1453
|
/**
|
|
1438
|
-
* If true, the menu item will be disabled (no interaction allowed)
|
|
1454
|
+
* If true, the menu item will be disabled (no interaction allowed) @default false
|
|
1439
1455
|
*/
|
|
1440
1456
|
set disabled(_: Components.BqSideMenuItem['disabled']);
|
|
1441
1457
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -1460,27 +1476,27 @@ export declare class BqSlider {
|
|
|
1460
1476
|
protected z: NgZone;
|
|
1461
1477
|
protected el: HTMLBqSliderElement;
|
|
1462
1478
|
/**
|
|
1463
|
-
* The amount of time, in milliseconds, to wait to trigger the `bqChange` event after each value change.
|
|
1479
|
+
* The amount of time, in milliseconds, to wait to trigger the `bqChange` event after each value change. @default 0
|
|
1464
1480
|
*/
|
|
1465
1481
|
set debounceTime(_: Components.BqSlider['debounceTime']);
|
|
1466
1482
|
/**
|
|
1467
|
-
* If `true` the slider is disabled.
|
|
1483
|
+
* If `true` the slider is disabled. @default false
|
|
1468
1484
|
*/
|
|
1469
1485
|
set disabled(_: Components.BqSlider['disabled']);
|
|
1470
1486
|
/**
|
|
1471
|
-
* If `true` it will show the value label on a side of the slider track area
|
|
1487
|
+
* If `true` it will show the value label on a side of the slider track area @default false
|
|
1472
1488
|
*/
|
|
1473
1489
|
set enableValueIndicator(_: Components.BqSlider['enableValueIndicator']);
|
|
1474
1490
|
/**
|
|
1475
|
-
* A number representing the amount to remain between the minimum and maximum values (only for range type).
|
|
1491
|
+
* A number representing the amount to remain between the minimum and maximum values (only for range type). @default 0
|
|
1476
1492
|
*/
|
|
1477
1493
|
set gap(_: Components.BqSlider['gap']);
|
|
1478
1494
|
/**
|
|
1479
|
-
* A number representing the max value of the slider.
|
|
1495
|
+
* A number representing the max value of the slider. @default 100
|
|
1480
1496
|
*/
|
|
1481
1497
|
set max(_: Components.BqSlider['max']);
|
|
1482
1498
|
/**
|
|
1483
|
-
* A number representing the min value of the slider.
|
|
1499
|
+
* A number representing the min value of the slider. @default 0
|
|
1484
1500
|
*/
|
|
1485
1501
|
set min(_: Components.BqSlider['min']);
|
|
1486
1502
|
/**
|
|
@@ -1489,11 +1505,11 @@ export declare class BqSlider {
|
|
|
1489
1505
|
set name(_: Components.BqSlider['name']);
|
|
1490
1506
|
/**
|
|
1491
1507
|
* A number representing the step of the slider.
|
|
1492
|
-
⚠️ Please notice that the value (or list of values if the slider type is `range`) will be rounded to the nearest multiple of `step`.
|
|
1508
|
+
⚠️ Please notice that the value (or list of values if the slider type is `range`) will be rounded to the nearest multiple of `step`. @default 1
|
|
1493
1509
|
*/
|
|
1494
1510
|
set step(_: Components.BqSlider['step']);
|
|
1495
1511
|
/**
|
|
1496
|
-
* It defines the type of slider to display
|
|
1512
|
+
* It defines the type of slider to display @default 'single'
|
|
1497
1513
|
*/
|
|
1498
1514
|
set type(_: Components.BqSlider['type']);
|
|
1499
1515
|
/**
|
|
@@ -1503,12 +1519,12 @@ export declare class BqSlider {
|
|
|
1503
1519
|
*/
|
|
1504
1520
|
set value(_: Components.BqSlider['value']);
|
|
1505
1521
|
/**
|
|
1506
|
-
* If `true`, a tooltip will be shown displaying the progress value
|
|
1522
|
+
* If `true`, a tooltip will be shown displaying the progress value @default false
|
|
1507
1523
|
*/
|
|
1508
1524
|
set enableTooltip(_: Components.BqSlider['enableTooltip']);
|
|
1509
1525
|
/**
|
|
1510
1526
|
* If `true`, a tooltip will always display the progress value.
|
|
1511
|
-
It relies on enableTooltip and if enableTooltip is false, tooltipAlwaysVisible cannot be true.
|
|
1527
|
+
It relies on enableTooltip and if enableTooltip is false, tooltipAlwaysVisible cannot be true. @default false
|
|
1512
1528
|
*/
|
|
1513
1529
|
set tooltipAlwaysVisible(_: Components.BqSlider['tooltipAlwaysVisible']);
|
|
1514
1530
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -1536,15 +1552,15 @@ export declare class BqSpinner {
|
|
|
1536
1552
|
protected z: NgZone;
|
|
1537
1553
|
protected el: HTMLBqSpinnerElement;
|
|
1538
1554
|
/**
|
|
1539
|
-
* If `false`, the animation on the icon element will be stopped
|
|
1555
|
+
* If `false`, the animation on the icon element will be stopped @default true
|
|
1540
1556
|
*/
|
|
1541
1557
|
set animation(_: Components.BqSpinner['animation']);
|
|
1542
1558
|
/**
|
|
1543
|
-
* It defines the position of the label text
|
|
1559
|
+
* It defines the position of the label text @default 'none'
|
|
1544
1560
|
*/
|
|
1545
1561
|
set textPosition(_: Components.BqSpinner['textPosition']);
|
|
1546
1562
|
/**
|
|
1547
|
-
* It defines the size of the icon element displayed
|
|
1563
|
+
* It defines the size of the icon element displayed @default 'medium'
|
|
1548
1564
|
*/
|
|
1549
1565
|
set size(_: Components.BqSpinner['size']);
|
|
1550
1566
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -1557,7 +1573,7 @@ export declare class BqStatus {
|
|
|
1557
1573
|
protected z: NgZone;
|
|
1558
1574
|
protected el: HTMLBqStatusElement;
|
|
1559
1575
|
/**
|
|
1560
|
-
* It defines the type of status to display
|
|
1576
|
+
* It defines the type of status to display @default 'neutral'
|
|
1561
1577
|
*/
|
|
1562
1578
|
set type(_: Components.BqStatus['type']);
|
|
1563
1579
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -1570,11 +1586,11 @@ export declare class BqStepItem {
|
|
|
1570
1586
|
protected z: NgZone;
|
|
1571
1587
|
protected el: HTMLBqStepItemElement;
|
|
1572
1588
|
/**
|
|
1573
|
-
* It defines prefix size
|
|
1589
|
+
* It defines prefix size @default 'medium'
|
|
1574
1590
|
*/
|
|
1575
1591
|
set size(_: Components.BqStepItem['size']);
|
|
1576
1592
|
/**
|
|
1577
|
-
* It defines step item appearance based on its status
|
|
1593
|
+
* It defines step item appearance based on its status @default 'default'
|
|
1578
1594
|
*/
|
|
1579
1595
|
set status(_: Components.BqStepItem['status']);
|
|
1580
1596
|
/**
|
|
@@ -1598,11 +1614,11 @@ export declare class BqSteps {
|
|
|
1598
1614
|
protected z: NgZone;
|
|
1599
1615
|
protected el: HTMLBqStepsElement;
|
|
1600
1616
|
/**
|
|
1601
|
-
* The color of the line that connects the steps. It should be a valid declarative color token.
|
|
1617
|
+
* The color of the line that connects the steps. It should be a valid declarative color token. @default 'stroke--primary'
|
|
1602
1618
|
*/
|
|
1603
1619
|
set dividerColor(_: Components.BqSteps['dividerColor']);
|
|
1604
1620
|
/**
|
|
1605
|
-
* The size of the steps
|
|
1621
|
+
* The size of the steps @default 'medium'
|
|
1606
1622
|
*/
|
|
1607
1623
|
set size(_: Components.BqSteps['size']);
|
|
1608
1624
|
/**
|
|
@@ -1619,15 +1635,15 @@ export declare class BqSwitch {
|
|
|
1619
1635
|
protected z: NgZone;
|
|
1620
1636
|
protected el: HTMLBqSwitchElement;
|
|
1621
1637
|
/**
|
|
1622
|
-
* If true, a background will be displayed on hover
|
|
1638
|
+
* If true, a background will be displayed on hover @default false
|
|
1623
1639
|
*/
|
|
1624
1640
|
set backgroundOnHover(_: Components.BqSwitch['backgroundOnHover']);
|
|
1625
1641
|
/**
|
|
1626
|
-
* It indicates whether if the switch is `ON` by default (when the page loads)
|
|
1642
|
+
* It indicates whether if the switch is `ON` by default (when the page loads) @default false
|
|
1627
1643
|
*/
|
|
1628
1644
|
set checked(_: Components.BqSwitch['checked']);
|
|
1629
1645
|
/**
|
|
1630
|
-
* If true, the switch control will be disabled and no interaction will be allowed
|
|
1646
|
+
* If true, the switch control will be disabled and no interaction will be allowed @default false
|
|
1631
1647
|
*/
|
|
1632
1648
|
set disabled(_: Components.BqSwitch['disabled']);
|
|
1633
1649
|
/**
|
|
@@ -1635,16 +1651,16 @@ export declare class BqSwitch {
|
|
|
1635
1651
|
*/
|
|
1636
1652
|
set formValidationMessage(_: Components.BqSwitch['formValidationMessage']);
|
|
1637
1653
|
/**
|
|
1638
|
-
* If true, the component will take the full width space available on the parent container
|
|
1654
|
+
* If true, the component will take the full width space available on the parent container @default false
|
|
1639
1655
|
*/
|
|
1640
1656
|
set fullWidth(_: Components.BqSwitch['fullWidth']);
|
|
1641
1657
|
/**
|
|
1642
|
-
* It indicates how to to display the on/off marks inside the control, with icons or none (default)
|
|
1658
|
+
* It indicates how to to display the on/off marks inside the control, with icons or none (default) @default 'default'
|
|
1643
1659
|
*/
|
|
1644
1660
|
set innerLabel(_: Components.BqSwitch['innerLabel']);
|
|
1645
1661
|
/**
|
|
1646
1662
|
* It defines how to distribute the space between and around the control and the label text
|
|
1647
|
-
(https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
|
|
1663
|
+
(https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) @default 'start'
|
|
1648
1664
|
*/
|
|
1649
1665
|
set justifyContent(_: Components.BqSwitch['justifyContent']);
|
|
1650
1666
|
/**
|
|
@@ -1652,11 +1668,11 @@ export declare class BqSwitch {
|
|
|
1652
1668
|
*/
|
|
1653
1669
|
set name(_: Components.BqSwitch['name']);
|
|
1654
1670
|
/**
|
|
1655
|
-
* If `true`, it will indicate that the user must switch `ON` the element before the owning form can be submitted
|
|
1671
|
+
* If `true`, it will indicate that the user must switch `ON` the element before the owning form can be submitted @default false
|
|
1656
1672
|
*/
|
|
1657
1673
|
set required(_: Components.BqSwitch['required']);
|
|
1658
1674
|
/**
|
|
1659
|
-
* If true, the order of the control and the label text will be changed
|
|
1675
|
+
* If true, the order of the control and the label text will be changed @default false
|
|
1660
1676
|
*/
|
|
1661
1677
|
set reverseOrder(_: Components.BqSwitch['reverseOrder']);
|
|
1662
1678
|
/**
|
|
@@ -1695,19 +1711,19 @@ export declare class BqTab {
|
|
|
1695
1711
|
*/
|
|
1696
1712
|
set controls(_: Components.BqTab['controls']);
|
|
1697
1713
|
/**
|
|
1698
|
-
* If true tab is disabled
|
|
1714
|
+
* If true tab is disabled @default false
|
|
1699
1715
|
*/
|
|
1700
1716
|
set disabled(_: Components.BqTab['disabled']);
|
|
1701
1717
|
/**
|
|
1702
|
-
* The direction that tab should be render
|
|
1718
|
+
* The direction that tab should be render @default 'horizontal'
|
|
1703
1719
|
*/
|
|
1704
1720
|
set orientation(_: Components.BqTab['orientation']);
|
|
1705
1721
|
/**
|
|
1706
|
-
* The placement that tab should be render
|
|
1722
|
+
* The placement that tab should be render @default 'start'
|
|
1707
1723
|
*/
|
|
1708
1724
|
set placement(_: Components.BqTab['placement']);
|
|
1709
1725
|
/**
|
|
1710
|
-
* The size of the tab
|
|
1726
|
+
* The size of the tab @default 'medium'
|
|
1711
1727
|
*/
|
|
1712
1728
|
set size(_: Components.BqTab['size']);
|
|
1713
1729
|
/**
|
|
@@ -1740,23 +1756,23 @@ export declare class BqTabGroup {
|
|
|
1740
1756
|
protected z: NgZone;
|
|
1741
1757
|
protected el: HTMLBqTabGroupElement;
|
|
1742
1758
|
/**
|
|
1743
|
-
* A number representing the delay value applied to bqChange event handler
|
|
1759
|
+
* A number representing the delay value applied to bqChange event handler @default 0
|
|
1744
1760
|
*/
|
|
1745
1761
|
set debounceTime(_: Components.BqTabGroup['debounceTime']);
|
|
1746
1762
|
/**
|
|
1747
|
-
* If true, the underline divider below the tabs won't be shown
|
|
1763
|
+
* If true, the underline divider below the tabs won't be shown @default false
|
|
1748
1764
|
*/
|
|
1749
1765
|
set disableDivider(_: Components.BqTabGroup['disableDivider']);
|
|
1750
1766
|
/**
|
|
1751
|
-
* The direction that tab should be render
|
|
1767
|
+
* The direction that tab should be render @default 'horizontal'
|
|
1752
1768
|
*/
|
|
1753
1769
|
set orientation(_: Components.BqTabGroup['orientation']);
|
|
1754
1770
|
/**
|
|
1755
|
-
* The placement that tab should be render
|
|
1771
|
+
* The placement that tab should be render @default 'start'
|
|
1756
1772
|
*/
|
|
1757
1773
|
set placement(_: Components.BqTabGroup['placement']);
|
|
1758
1774
|
/**
|
|
1759
|
-
* The size of the tab
|
|
1775
|
+
* The size of the tab @default 'medium'
|
|
1760
1776
|
*/
|
|
1761
1777
|
set size(_: Components.BqTabGroup['size']);
|
|
1762
1778
|
/**
|
|
@@ -1784,7 +1800,7 @@ export declare class BqTag {
|
|
|
1784
1800
|
*/
|
|
1785
1801
|
set border(_: Components.BqTag['border']);
|
|
1786
1802
|
/**
|
|
1787
|
-
* If true, the Tag can be clickable
|
|
1803
|
+
* If true, the Tag can be clickable @default false
|
|
1788
1804
|
*/
|
|
1789
1805
|
set clickable(_: Components.BqTag['clickable']);
|
|
1790
1806
|
/**
|
|
@@ -1792,7 +1808,7 @@ export declare class BqTag {
|
|
|
1792
1808
|
*/
|
|
1793
1809
|
set color(_: Components.BqTag['color']);
|
|
1794
1810
|
/**
|
|
1795
|
-
* If true, the Tag will be disabled (only if clickable = `true`, no interaction allowed)
|
|
1811
|
+
* If true, the Tag will be disabled (only if clickable = `true`, no interaction allowed) @default false
|
|
1796
1812
|
*/
|
|
1797
1813
|
set disabled(_: Components.BqTag['disabled']);
|
|
1798
1814
|
/**
|
|
@@ -1800,19 +1816,19 @@ export declare class BqTag {
|
|
|
1800
1816
|
*/
|
|
1801
1817
|
set hidden(_: Components.BqTag['hidden']);
|
|
1802
1818
|
/**
|
|
1803
|
-
* If true, the Tag component can be removed
|
|
1819
|
+
* If true, the Tag component can be removed @default false
|
|
1804
1820
|
*/
|
|
1805
1821
|
set removable(_: Components.BqTag['removable']);
|
|
1806
1822
|
/**
|
|
1807
|
-
* If true, the Tag is selected (only if clickable = `true`)
|
|
1823
|
+
* If true, the Tag is selected (only if clickable = `true`) @default false
|
|
1808
1824
|
*/
|
|
1809
1825
|
set selected(_: Components.BqTag['selected']);
|
|
1810
1826
|
/**
|
|
1811
|
-
* The size of the Tag component
|
|
1827
|
+
* The size of the Tag component @default 'medium'
|
|
1812
1828
|
*/
|
|
1813
1829
|
set size(_: Components.BqTag['size']);
|
|
1814
1830
|
/**
|
|
1815
|
-
* The variant of Tag to apply on top of the variant
|
|
1831
|
+
* The variant of Tag to apply on top of the variant @default 'filled'
|
|
1816
1832
|
*/
|
|
1817
1833
|
set variant(_: Components.BqTag['variant']);
|
|
1818
1834
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -1847,17 +1863,17 @@ export declare class BqTextarea {
|
|
|
1847
1863
|
/**
|
|
1848
1864
|
* Controls whether or not the textarea field should be capitalized and how.
|
|
1849
1865
|
Possible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.
|
|
1850
|
-
See: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize
|
|
1866
|
+
See: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize @default 'off'
|
|
1851
1867
|
*/
|
|
1852
1868
|
set autocapitalize(_: Components.BqTextarea['autocapitalize']);
|
|
1853
1869
|
/**
|
|
1854
1870
|
* Specifies whether or not the textarea field should have autocomplete enabled.
|
|
1855
|
-
See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values
|
|
1871
|
+
See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values @default 'off'
|
|
1856
1872
|
*/
|
|
1857
1873
|
set autocomplete(_: Components.BqTextarea['autocomplete']);
|
|
1858
1874
|
/**
|
|
1859
1875
|
* Controls whether or not the textarea field should have autocorrect enabled.
|
|
1860
|
-
Possible values are 'on' and 'off'.
|
|
1876
|
+
Possible values are 'on' and 'off'. @default 'off'
|
|
1861
1877
|
*/
|
|
1862
1878
|
set autocorrect(_: Components.BqTextarea['autocorrect']);
|
|
1863
1879
|
/**
|
|
@@ -1866,20 +1882,20 @@ Possible values are 'on' and 'off'.
|
|
|
1866
1882
|
set autofocus(_: Components.BqTextarea['autofocus']);
|
|
1867
1883
|
/**
|
|
1868
1884
|
* If `true`, the textarea will automatically grow and shrink to fit its contents.
|
|
1869
|
-
If `false`, the textarea will have a fixed height specified by the `rows` property.
|
|
1885
|
+
If `false`, the textarea will have a fixed height specified by the `rows` property. @default false
|
|
1870
1886
|
*/
|
|
1871
1887
|
set autoGrow(_: Components.BqTextarea['autoGrow']);
|
|
1872
1888
|
/**
|
|
1873
1889
|
* The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the textarea value changes.
|
|
1874
|
-
A value of 0 means no debouncing will occur.
|
|
1890
|
+
A value of 0 means no debouncing will occur. @default 0
|
|
1875
1891
|
*/
|
|
1876
1892
|
set debounceTime(_: Components.BqTextarea['debounceTime']);
|
|
1877
1893
|
/**
|
|
1878
|
-
* If `true`, the user cannot interact with the textarea.
|
|
1894
|
+
* If `true`, the user cannot interact with the textarea. @default false
|
|
1879
1895
|
*/
|
|
1880
1896
|
set disabled(_: Components.BqTextarea['disabled']);
|
|
1881
1897
|
/**
|
|
1882
|
-
* If `true`, it will block the user's ability to resize the textarea.
|
|
1898
|
+
* If `true`, it will block the user's ability to resize the textarea. @default false
|
|
1883
1899
|
*/
|
|
1884
1900
|
set disableResize(_: Components.BqTextarea['disableResize']);
|
|
1885
1901
|
/**
|
|
@@ -1904,19 +1920,19 @@ When enabled, a character counter will be shown underneath the textarea.
|
|
|
1904
1920
|
*/
|
|
1905
1921
|
set placeholder(_: Components.BqTextarea['placeholder']);
|
|
1906
1922
|
/**
|
|
1907
|
-
* If true, the textarea field cannot be modified.
|
|
1923
|
+
* If true, the textarea field cannot be modified. @default false
|
|
1908
1924
|
*/
|
|
1909
1925
|
set readonly(_: Components.BqTextarea['readonly']);
|
|
1910
1926
|
/**
|
|
1911
|
-
* Indicates whether or not the textarea field is required to be filled out before submitting the form.
|
|
1927
|
+
* Indicates whether or not the textarea field is required to be filled out before submitting the form. @default false
|
|
1912
1928
|
*/
|
|
1913
1929
|
set required(_: Components.BqTextarea['required']);
|
|
1914
1930
|
/**
|
|
1915
|
-
* The number of visible text lines for the control. It must be a positive integer.
|
|
1931
|
+
* The number of visible text lines for the control. It must be a positive integer. @default 5
|
|
1916
1932
|
*/
|
|
1917
1933
|
set rows(_: Components.BqTextarea['rows']);
|
|
1918
1934
|
/**
|
|
1919
|
-
* If true, the textarea content may be checked for spelling errors.
|
|
1935
|
+
* If true, the textarea content may be checked for spelling errors. @default false
|
|
1920
1936
|
*/
|
|
1921
1937
|
set spellcheck(_: Components.BqTextarea['spellcheck']);
|
|
1922
1938
|
/**
|
|
@@ -1924,7 +1940,7 @@ When enabled, a character counter will be shown underneath the textarea.
|
|
|
1924
1940
|
- `'none'`: No validation status is set.
|
|
1925
1941
|
- `'error'`: The textarea has a validation error.
|
|
1926
1942
|
- `'warning'`: The textarea has a validation warning.
|
|
1927
|
-
- `'success'`: The textarea has passed validation
|
|
1943
|
+
- `'success'`: The textarea has passed validation.,@default 'none'
|
|
1928
1944
|
*/
|
|
1929
1945
|
set validationStatus(_: Components.BqTextarea['validationStatus']);
|
|
1930
1946
|
/**
|
|
@@ -1932,7 +1948,7 @@ When enabled, a character counter will be shown underneath the textarea.
|
|
|
1932
1948
|
*/
|
|
1933
1949
|
set value(_: Components.BqTextarea['value']);
|
|
1934
1950
|
/**
|
|
1935
|
-
* Specifies how the text in a text area is to be wrapped when submitted in a form
|
|
1951
|
+
* Specifies how the text in a text area is to be wrapped when submitted in a form @default 'soft'
|
|
1936
1952
|
*/
|
|
1937
1953
|
set wrap(_: Components.BqTextarea['wrap']);
|
|
1938
1954
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -1973,19 +1989,19 @@ export declare class BqToast {
|
|
|
1973
1989
|
protected z: NgZone;
|
|
1974
1990
|
protected el: HTMLBqToastElement;
|
|
1975
1991
|
/**
|
|
1976
|
-
* The corder radius of the toast component
|
|
1992
|
+
* The corder radius of the toast component @default 's'
|
|
1977
1993
|
*/
|
|
1978
1994
|
set border(_: Components.BqToast['border']);
|
|
1979
1995
|
/**
|
|
1980
|
-
* Type of toast
|
|
1996
|
+
* Type of toast @default 'info'
|
|
1981
1997
|
*/
|
|
1982
1998
|
set type(_: Components.BqToast['type']);
|
|
1983
1999
|
/**
|
|
1984
|
-
* Placement of toast
|
|
2000
|
+
* Placement of toast @default 'bottom-center'
|
|
1985
2001
|
*/
|
|
1986
2002
|
set placement(_: Components.BqToast['placement']);
|
|
1987
2003
|
/**
|
|
1988
|
-
* If true will hide toast icon
|
|
2004
|
+
* If true will hide toast icon @default false
|
|
1989
2005
|
*/
|
|
1990
2006
|
set hideIcon(_: Components.BqToast['hideIcon']);
|
|
1991
2007
|
/**
|
|
@@ -1993,7 +2009,7 @@ export declare class BqToast {
|
|
|
1993
2009
|
*/
|
|
1994
2010
|
set open(_: Components.BqToast['open']);
|
|
1995
2011
|
/**
|
|
1996
|
-
* The length of time, in milliseconds, after which the toast will close itself
|
|
2012
|
+
* The length of time, in milliseconds, after which the toast will close itself @default 3000
|
|
1997
2013
|
*/
|
|
1998
2014
|
set time(_: Components.BqToast['time']);
|
|
1999
2015
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
@@ -2014,30 +2030,33 @@ export declare class BqTooltip {
|
|
|
2014
2030
|
protected z: NgZone;
|
|
2015
2031
|
protected el: HTMLBqTooltipElement;
|
|
2016
2032
|
/**
|
|
2017
|
-
* If true, the tooltip will always be visible
|
|
2033
|
+
* If true, the tooltip will always be visible @default false
|
|
2018
2034
|
*/
|
|
2019
2035
|
set alwaysVisible(_: Components.BqTooltip['alwaysVisible']);
|
|
2020
2036
|
/**
|
|
2021
|
-
* Distance between trigger element and tooltip
|
|
2037
|
+
* Distance between trigger element and tooltip @default 10
|
|
2022
2038
|
*/
|
|
2023
2039
|
set distance(_: Components.BqTooltip['distance']);
|
|
2024
2040
|
/**
|
|
2025
|
-
* If true, the arrow on the tooltip content won't be shown
|
|
2041
|
+
* If true, the arrow on the tooltip content won't be shown @default false
|
|
2026
2042
|
*/
|
|
2027
2043
|
set hideArrow(_: Components.BqTooltip['hideArrow']);
|
|
2044
|
+
/**
|
|
2045
|
+
* @default 'top'
|
|
2046
|
+
*/
|
|
2028
2047
|
set placement(_: Components.BqTooltip['placement']);
|
|
2029
2048
|
/**
|
|
2030
2049
|
* Whether the tooltip should have the same width as the trigger element
|
|
2031
|
-
(applicable only for content shorter than the trigger element)
|
|
2050
|
+
(applicable only for content shorter than the trigger element) @default false
|
|
2032
2051
|
*/
|
|
2033
2052
|
set sameWidth(_: Components.BqTooltip['sameWidth']);
|
|
2034
2053
|
/**
|
|
2035
|
-
* Set the action when the tooltip should be displayed, on hover (default) or click
|
|
2054
|
+
* Set the action when the tooltip should be displayed, on hover (default) or click @default 'hover'
|
|
2036
2055
|
*/
|
|
2037
2056
|
set displayOn(_: Components.BqTooltip['displayOn']);
|
|
2038
2057
|
/**
|
|
2039
2058
|
* Indicates whether or not the tooltip is visible when the component is first rendered,
|
|
2040
|
-
and when interacting with the trigger
|
|
2059
|
+
and when interacting with the trigger @default false
|
|
2041
2060
|
*/
|
|
2042
2061
|
set visible(_: Components.BqTooltip['visible']);
|
|
2043
2062
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|