@beeq/angular 1.10.0-beta.7 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/fesm2022/beeq-angular-standalone.mjs +505 -262
  2. package/fesm2022/beeq-angular-standalone.mjs.map +1 -1
  3. package/fesm2022/beeq-angular.mjs +556 -224
  4. package/fesm2022/beeq-angular.mjs.map +1 -1
  5. package/index.d.ts +2298 -12
  6. package/package.json +2 -6
  7. package/standalone/index.d.ts +1005 -11
  8. package/beeq.module.d.ts +0 -15
  9. package/directives/angular-component-lib/utils.d.ts +0 -9
  10. package/directives/boolean-value-accessor.d.ts +0 -9
  11. package/directives/components.d.ts +0 -2098
  12. package/directives/index.d.ts +0 -2
  13. package/directives/number-value-accessor.d.ts +0 -9
  14. package/directives/radio-value-accessor.d.ts +0 -8
  15. package/directives/select-value-accessor.d.ts +0 -8
  16. package/directives/text-value-accessor.d.ts +0 -8
  17. package/directives/value-accessor.d.ts +0 -18
  18. package/esm2022/beeq-angular.mjs +0 -5
  19. package/esm2022/beeq.module.mjs +0 -65
  20. package/esm2022/directives/angular-component-lib/utils.mjs +0 -59
  21. package/esm2022/directives/boolean-value-accessor.mjs +0 -38
  22. package/esm2022/directives/components.mjs +0 -2729
  23. package/esm2022/directives/index.mjs +0 -46
  24. package/esm2022/directives/number-value-accessor.mjs +0 -40
  25. package/esm2022/directives/radio-value-accessor.mjs +0 -35
  26. package/esm2022/directives/select-value-accessor.mjs +0 -35
  27. package/esm2022/directives/text-value-accessor.mjs +0 -35
  28. package/esm2022/directives/value-accessor.mjs +0 -40
  29. package/esm2022/index.mjs +0 -20
  30. package/esm2022/standalone/beeq-angular-standalone.mjs +0 -5
  31. package/esm2022/standalone/directives/angular-component-lib/utils.mjs +0 -59
  32. package/esm2022/standalone/directives/boolean-value-accessor.mjs +0 -38
  33. package/esm2022/standalone/directives/components.mjs +0 -1266
  34. package/esm2022/standalone/directives/number-value-accessor.mjs +0 -40
  35. package/esm2022/standalone/directives/radio-value-accessor.mjs +0 -35
  36. package/esm2022/standalone/directives/select-value-accessor.mjs +0 -35
  37. package/esm2022/standalone/directives/text-value-accessor.mjs +0 -35
  38. package/esm2022/standalone/directives/value-accessor.mjs +0 -40
  39. package/esm2022/standalone/index.mjs +0 -16
  40. package/standalone/directives/angular-component-lib/utils.d.ts +0 -9
  41. package/standalone/directives/boolean-value-accessor.d.ts +0 -9
  42. package/standalone/directives/components.d.ts +0 -813
  43. package/standalone/directives/number-value-accessor.d.ts +0 -9
  44. package/standalone/directives/radio-value-accessor.d.ts +0 -8
  45. package/standalone/directives/select-value-accessor.d.ts +0 -8
  46. package/standalone/directives/text-value-accessor.d.ts +0 -8
  47. package/standalone/directives/value-accessor.d.ts +0 -18
@@ -1,2098 +0,0 @@
1
- import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
2
- import { Components } from '@beeq/core';
3
- import type { TSliderValue as IBqSliderTSliderValue } from '@beeq/core';
4
- import * as i0 from "@angular/core";
5
- export declare class BqAccordion {
6
- protected z: NgZone;
7
- protected el: HTMLBqAccordionElement;
8
- /**
9
- * The appearance style of the Accordion @default 'filled'
10
- */
11
- set appearance(_: Components.BqAccordion['appearance']);
12
- /**
13
- * If true, the Accordion is disabled @default false
14
- */
15
- set disabled(_: Components.BqAccordion['disabled']);
16
- /**
17
- * If true, the Accordion is expanded @default false
18
- */
19
- set expanded(_: Components.BqAccordion['expanded']);
20
- /**
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. @default false
23
- */
24
- set noAnimation(_: Components.BqAccordion['noAnimation']);
25
- /**
26
- * If true, the Accordion expand icon is rotate 180deg when expanded @default false
27
- */
28
- set rotate(_: Components.BqAccordion['rotate']);
29
- /**
30
- * The size of the Accordion @default 'medium'
31
- */
32
- set size(_: Components.BqAccordion['size']);
33
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
34
- static ɵfac: i0.ɵɵFactoryDeclaration<BqAccordion, never>;
35
- static ɵcmp: i0.ɵɵComponentDeclaration<BqAccordion, "bq-accordion", never, { "appearance": { "alias": "appearance"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "noAnimation": { "alias": "noAnimation"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
36
- }
37
- export declare interface BqAccordion extends Components.BqAccordion {
38
- /**
39
- * Handler to be called when the accordion loses focus
40
- */
41
- bqBlur: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
42
- /**
43
- * Handler to be called when the accordion gets focus
44
- */
45
- bqFocus: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
46
- /**
47
- * Handler to be called when the accordion is opened
48
- */
49
- bqOpen: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
50
- /**
51
- * Handler to be called after the accordion is opened
52
- */
53
- bqAfterOpen: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
54
- /**
55
- * Handler to be called when the accordion is closed
56
- */
57
- bqClose: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
58
- /**
59
- * Handler to be called after the accordion is closed
60
- */
61
- bqAfterClose: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
62
- /**
63
- * Handler to be called when the accordion is clicked
64
- */
65
- bqClick: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
66
- }
67
- export declare class BqAccordionGroup {
68
- protected z: NgZone;
69
- protected el: HTMLBqAccordionGroupElement;
70
- /**
71
- * The appearance style of accordion to be applied to all accordions @default 'filled'
72
- */
73
- set appearance(_: Components.BqAccordionGroup['appearance']);
74
- /**
75
- * If true all accordions are expanded
76
- */
77
- set expandAll(_: Components.BqAccordionGroup['expandAll']);
78
- /**
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. @default false
81
- */
82
- set noAnimation(_: Components.BqAccordionGroup['noAnimation']);
83
- /**
84
- * If true multiple accordions can be expanded at the same time @default false
85
- */
86
- set multiple(_: Components.BqAccordionGroup['multiple']);
87
- /**
88
- * The size of accordion to be applied to all accordions @default 'medium'
89
- */
90
- set size(_: Components.BqAccordionGroup['size']);
91
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
92
- static ɵfac: i0.ɵɵFactoryDeclaration<BqAccordionGroup, never>;
93
- static ɵcmp: i0.ɵɵComponentDeclaration<BqAccordionGroup, "bq-accordion-group", never, { "appearance": { "alias": "appearance"; "required": false; }; "expandAll": { "alias": "expandAll"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "noAnimation": { "alias": "noAnimation"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
94
- }
95
- export declare interface BqAccordionGroup extends Components.BqAccordionGroup {
96
- }
97
- export declare class BqAlert {
98
- protected z: NgZone;
99
- protected el: HTMLBqAlertElement;
100
- /**
101
- * If true, the alert will automatically hide after the specified amount of time
102
- */
103
- set autoDismiss(_: Components.BqAlert['autoDismiss']);
104
- /**
105
- * The corner radius of the alert component @default 's'
106
- */
107
- set border(_: Components.BqAlert['border']);
108
- /**
109
- * If true, the close button at the top right of the alert won't be shown
110
- */
111
- set disableClose(_: Components.BqAlert['disableClose']);
112
- /**
113
- * If true, the alert icon won't be shown
114
- */
115
- set hideIcon(_: Components.BqAlert['hideIcon']);
116
- /**
117
- * If true, the alert will be shown
118
- */
119
- set open(_: Components.BqAlert['open']);
120
- /**
121
- * The length of time, in milliseconds, after which the alert will close itself. Only valid if `autoDismiss="true"` @default 3000
122
- */
123
- set time(_: Components.BqAlert['time']);
124
- /**
125
- * Type of Alert @default 'default'
126
- */
127
- set type(_: Components.BqAlert['type']);
128
- /**
129
- * If true, the alert component will remain fixed at the top of the page, occupying the full viewport
130
- */
131
- set sticky(_: Components.BqAlert['sticky']);
132
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
133
- static ɵfac: i0.ɵɵFactoryDeclaration<BqAlert, never>;
134
- static ɵcmp: i0.ɵɵComponentDeclaration<BqAlert, "bq-alert", never, { "autoDismiss": { "alias": "autoDismiss"; "required": false; }; "border": { "alias": "border"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "open": { "alias": "open"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "time": { "alias": "time"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
135
- }
136
- export declare interface BqAlert extends Components.BqAlert {
137
- /**
138
- * Callback handler to be called when the alert is hidden
139
- */
140
- bqHide: EventEmitter<CustomEvent<any>>;
141
- /**
142
- * Callback handler to be called when the alert is shown
143
- */
144
- bqShow: EventEmitter<CustomEvent<any>>;
145
- /**
146
- * Callback handler to be called after the alert has been shown
147
- */
148
- bqAfterShow: EventEmitter<CustomEvent<any>>;
149
- /**
150
- * Callback handler to be called after the alert has been hidden
151
- */
152
- bqAfterHide: EventEmitter<CustomEvent<any>>;
153
- }
154
- export declare class BqAvatar {
155
- protected z: NgZone;
156
- protected el: HTMLBqAvatarElement;
157
- /**
158
- * Alternate text for the avatar image if the image cannot be displayed
159
- */
160
- set altText(_: Components.BqAvatar['altText']);
161
- /**
162
- * The image source to load on the avatar (this can be also a base64 encoded image)
163
- */
164
- set image(_: Components.BqAvatar['image']);
165
- /**
166
- * A text to use for describing the avatar on assistive devices
167
- */
168
- set label(_: Components.BqAvatar['label']);
169
- /**
170
- * The text to display on avatar
171
- */
172
- set initials(_: Components.BqAvatar['initials']);
173
- /**
174
- * The shape of the avatar @default 'circle'
175
- */
176
- set shape(_: Components.BqAvatar['shape']);
177
- /**
178
- * The size of the avatar @default 'medium'
179
- */
180
- set size(_: Components.BqAvatar['size']);
181
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
182
- static ɵfac: i0.ɵɵFactoryDeclaration<BqAvatar, never>;
183
- static ɵcmp: i0.ɵɵComponentDeclaration<BqAvatar, "bq-avatar", never, { "altText": { "alias": "altText"; "required": false; }; "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "label": { "alias": "label"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
184
- }
185
- export declare interface BqAvatar extends Components.BqAvatar {
186
- }
187
- export declare class BqBadge {
188
- protected z: NgZone;
189
- protected el: HTMLBqBadgeElement;
190
- /**
191
- * Badge background color. The value should be a valid value of the palette color
192
- */
193
- set backgroundColor(_: Components.BqBadge['backgroundColor']);
194
- /**
195
- * Badge number color. The value should be a valid value of the palette color
196
- */
197
- set textColor(_: Components.BqBadge['textColor']);
198
- /**
199
- * The size of the badge. Relevant if badge has no content. @default 'small'
200
- */
201
- set size(_: Components.BqBadge['size']);
202
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
203
- static ɵfac: i0.ɵɵFactoryDeclaration<BqBadge, never>;
204
- static ɵcmp: i0.ɵɵComponentDeclaration<BqBadge, "bq-badge", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; }, {}, never, ["*"], false, never>;
205
- }
206
- export declare interface BqBadge extends Components.BqBadge {
207
- }
208
- export declare class BqBreadcrumb {
209
- protected z: NgZone;
210
- protected el: HTMLBqBreadcrumbElement;
211
- /**
212
- * The `aria-label` attribute to describe the type of navigation @default 'Breadcrumbs'
213
- */
214
- set label(_: Components.BqBreadcrumb['label']);
215
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
216
- static ɵfac: i0.ɵɵFactoryDeclaration<BqBreadcrumb, never>;
217
- static ɵcmp: i0.ɵɵComponentDeclaration<BqBreadcrumb, "bq-breadcrumb", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
218
- }
219
- export declare interface BqBreadcrumb extends Components.BqBreadcrumb {
220
- }
221
- export declare class BqBreadcrumbItem {
222
- protected z: NgZone;
223
- protected el: HTMLBqBreadcrumbItemElement;
224
- /**
225
- * If set, the breadcrumb item will be rendered as an `<a>` with this `href`, otherwise, a `<button>` will be rendered.
226
- */
227
- set href(_: Components.BqBreadcrumbItem['href']);
228
- /**
229
- * Where to display the link in the browser context. Relevant only if `href` is set.
230
- */
231
- set target(_: Components.BqBreadcrumbItem['target']);
232
- /**
233
- * Where to display the link in the browser context. Relevant only if `href` is set. @default 'noreferrer noopener'
234
- */
235
- set rel(_: Components.BqBreadcrumbItem['rel']);
236
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
237
- static ɵfac: i0.ɵɵFactoryDeclaration<BqBreadcrumbItem, never>;
238
- static ɵcmp: i0.ɵɵComponentDeclaration<BqBreadcrumbItem, "bq-breadcrumb-item", never, { "href": { "alias": "href"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
239
- }
240
- export declare interface BqBreadcrumbItem extends Components.BqBreadcrumbItem {
241
- /**
242
- * Handler to be called when item loses focus
243
- */
244
- bqBlur: EventEmitter<CustomEvent<HTMLBqBreadcrumbItemElement>>;
245
- /**
246
- * Handler to be called when item is focused
247
- */
248
- bqFocus: EventEmitter<CustomEvent<HTMLBqBreadcrumbItemElement>>;
249
- /**
250
- * Handler to be called when item is clicked
251
- */
252
- bqClick: EventEmitter<CustomEvent<HTMLBqBreadcrumbItemElement>>;
253
- }
254
- export declare class BqButton {
255
- protected z: NgZone;
256
- protected el: HTMLBqButtonElement;
257
- /**
258
- * The appearance style to apply to the button @default 'primary'
259
- */
260
- set appearance(_: Components.BqButton['appearance']);
261
- /**
262
- * If `true`, it will make the button fit to its parent width. @default false
263
- */
264
- set block(_: Components.BqButton['block']);
265
- /**
266
- * The corner radius of the button @default 'm'
267
- */
268
- set border(_: Components.BqButton['border']);
269
- /**
270
- * If true, the button will be disabled (no interaction allowed) @default false
271
- */
272
- set disabled(_: Components.BqButton['disabled']);
273
- /**
274
- * Tells the browser to treat the linked URL as a download. Only used when `href` is set.
275
- Details: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
276
- */
277
- set download(_: Components.BqButton['download']);
278
- /**
279
- * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`
280
- */
281
- set href(_: Components.BqButton['href']);
282
- /**
283
- * It determinate how the content should be aligned @default 'center'
284
- */
285
- set justifyContent(_: Components.BqButton['justifyContent']);
286
- /**
287
- * If `true` it will display the button in a loading state @default false
288
- */
289
- set loading(_: Components.BqButton['loading']);
290
- /**
291
- * The size of the button @default 'medium'
292
- */
293
- set size(_: Components.BqButton['size']);
294
- /**
295
- * Where to display the linked URL, as the name for a browsing context (a `tab`, `window`, or `<iframe>`)
296
- Details: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
297
- */
298
- set target(_: Components.BqButton['target']);
299
- /**
300
- * The default behavior of the button @default 'button'
301
- */
302
- set type(_: Components.BqButton['type']);
303
- /**
304
- * The variant of button to apply on top of the appearance (applicable only to `appearance="primary"`) @default 'standard'
305
- */
306
- set variant(_: Components.BqButton['variant']);
307
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
308
- static ɵfac: i0.ɵɵFactoryDeclaration<BqButton, never>;
309
- static ɵcmp: i0.ɵɵComponentDeclaration<BqButton, "bq-button", never, { "appearance": { "alias": "appearance"; "required": false; }; "block": { "alias": "block"; "required": false; }; "border": { "alias": "border"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "justifyContent": { "alias": "justifyContent"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
310
- }
311
- export declare interface BqButton extends Components.BqButton {
312
- /**
313
- * Handler to be called when the button loses focus.
314
- */
315
- bqBlur: EventEmitter<CustomEvent<HTMLBqButtonElement>>;
316
- /**
317
- * Handler to be called when the button gets focus.
318
- */
319
- bqFocus: EventEmitter<CustomEvent<HTMLBqButtonElement>>;
320
- /**
321
- * Handler to be called when the button is clicked.
322
- */
323
- bqClick: EventEmitter<CustomEvent<HTMLBqButtonElement>>;
324
- }
325
- export declare class BqCard {
326
- protected z: NgZone;
327
- protected el: HTMLBqCardElement;
328
- /**
329
- * Type of card component @default 'default'
330
- */
331
- set type(_: Components.BqCard['type']);
332
- /**
333
- * The corner radius of the card component @default 'm'
334
- */
335
- set border(_: Components.BqCard['border']);
336
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
337
- static ɵfac: i0.ɵɵFactoryDeclaration<BqCard, never>;
338
- static ɵcmp: i0.ɵɵComponentDeclaration<BqCard, "bq-card", never, { "border": { "alias": "border"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
339
- }
340
- export declare interface BqCard extends Components.BqCard {
341
- }
342
- export declare class BqCheckbox {
343
- protected z: NgZone;
344
- protected el: HTMLBqCheckboxElement;
345
- /**
346
- * If true checkbox displays background on hover @default false
347
- */
348
- set backgroundOnHover(_: Components.BqCheckbox['backgroundOnHover']);
349
- /**
350
- * The form ID that the checkbox is associated with
351
- */
352
- set formId(_: Components.BqCheckbox['formId']);
353
- /**
354
- * The native form validation message
355
- */
356
- set formValidationMessage(_: Components.BqCheckbox['formValidationMessage']);
357
- /**
358
- * If true checkbox is checked
359
- */
360
- set checked(_: Components.BqCheckbox['checked']);
361
- /**
362
- * If true checkbox is disabled @default false
363
- */
364
- set disabled(_: Components.BqCheckbox['disabled']);
365
- /**
366
- * A state that is neither checked nor unchecked @default false
367
- */
368
- set indeterminate(_: Components.BqCheckbox['indeterminate']);
369
- /**
370
- * Name of the HTML input form control. Submitted with the form as part of a name/value pair.
371
- */
372
- set name(_: Components.BqCheckbox['name']);
373
- /**
374
- * If `true`, it will indicate that the user must specify a value for the checkbox before the owning form can be submitted
375
- */
376
- set required(_: Components.BqCheckbox['required']);
377
- /**
378
- * A string representing the value of the checkbox. Primarily used to differentiate a list of related checkboxes that have the same name.
379
- */
380
- set value(_: Components.BqCheckbox['value']);
381
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
382
- static ɵfac: i0.ɵɵFactoryDeclaration<BqCheckbox, never>;
383
- static ɵcmp: i0.ɵɵComponentDeclaration<BqCheckbox, "bq-checkbox", never, { "backgroundOnHover": { "alias": "backgroundOnHover"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formId": { "alias": "formId"; "required": false; }; "formValidationMessage": { "alias": "formValidationMessage"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
384
- }
385
- export declare interface BqCheckbox extends Components.BqCheckbox {
386
- /**
387
- * Handler to be called when the checkbox state changes
388
- */
389
- bqChange: EventEmitter<CustomEvent<{
390
- checked: boolean;
391
- }>>;
392
- /**
393
- * Handler to be called when the checkbox gets focus
394
- */
395
- bqFocus: EventEmitter<CustomEvent<HTMLBqCheckboxElement>>;
396
- /**
397
- * Handler to be called when the checkbox loses focus
398
- */
399
- bqBlur: EventEmitter<CustomEvent<HTMLBqCheckboxElement>>;
400
- }
401
- export declare class BqDatePicker {
402
- protected z: NgZone;
403
- protected el: HTMLBqDatePickerElement;
404
- /**
405
- * If `true`, the Date picker input will be focused on component render
406
- */
407
- set autofocus(_: Components.BqDatePicker['autofocus']);
408
- /**
409
- * The clear button aria label @default 'Clear value'
410
- */
411
- set clearButtonLabel(_: Components.BqDatePicker['clearButtonLabel']);
412
- /**
413
- * If `true`, the clear button won't be displayed @default false
414
- */
415
- set disableClear(_: Components.BqDatePicker['disableClear']);
416
- /**
417
- * Indicates whether the Date picker input is disabled or not.
418
- If `true`, the Date picker is disabled and cannot be interacted with. @default false
419
- */
420
- set disabled(_: Components.BqDatePicker['disabled']);
421
- /**
422
- * Represents the distance (gutter or margin) between the Date picker panel and the input element. @default 8
423
- */
424
- set distance(_: Components.BqDatePicker['distance']);
425
- /**
426
- * The first day of the week, where Sunday is 0, Monday is 1, etc @default 1
427
- */
428
- set firstDayOfWeek(_: Components.BqDatePicker['firstDayOfWeek']);
429
- /**
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 @default {
432
- day: 'numeric',
433
- month: 'short',
434
- year: 'numeric',
435
- }
436
- */
437
- set formatOptions(_: Components.BqDatePicker['formatOptions']);
438
- /**
439
- * The ID of the form that the Date picker input belongs to.
440
- */
441
- set form(_: Components.BqDatePicker['form']);
442
- /**
443
- * The native form validation message (mandatory if `required` is set)
444
- */
445
- set formValidationMessage(_: Components.BqDatePicker['formValidationMessage']);
446
- /**
447
- * A function that takes a date and returns true if the date should not be selectable
448
- */
449
- set isDateDisallowed(_: Components.BqDatePicker['isDateDisallowed']);
450
- /**
451
- * The locale for formatting dates. If not set, will use the browser's locale.
452
- Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument @default 'en-GB'
453
- */
454
- set locale(_: Components.BqDatePicker['locale']);
455
- /**
456
- * The latest date that can be selected
457
- */
458
- set max(_: Components.BqDatePicker['max']);
459
- /**
460
- * The earliest date that can be selected
461
- */
462
- set min(_: Components.BqDatePicker['min']);
463
- /**
464
- * Number of months to show when range is `true`
465
- */
466
- set months(_: Components.BqDatePicker['months']);
467
- /**
468
- * Specifies how the next/previous buttons should navigate the calendar.
469
- - single: The buttons will navigate by a single month at a time.
470
- - months: The buttons will navigate by the number of months displayed per view. @default 'single'
471
- */
472
- set monthsPerView(_: Components.BqDatePicker['monthsPerView']);
473
- /**
474
- * The Date picker input name.
475
- */
476
- set name(_: Components.BqDatePicker['name']);
477
- /**
478
- * If `true`, the Date picker panel will be visible. @default false
479
- */
480
- set open(_: Components.BqDatePicker['open']);
481
- /**
482
- * When set, it will override the height of the Date picker panel. @default 'auto'
483
- */
484
- set panelHeight(_: Components.BqDatePicker['panelHeight']);
485
- /**
486
- * The Date picker input placeholder text value
487
- */
488
- set placeholder(_: Components.BqDatePicker['placeholder']);
489
- /**
490
- * Position of the Date picker panel @default 'bottom-end'
491
- */
492
- set placement(_: Components.BqDatePicker['placement']);
493
- /**
494
- * Indicates whether or not the Date picker input is required to be filled out before submitting the form.
495
- */
496
- set required(_: Components.BqDatePicker['required']);
497
- /**
498
- * Represents the skidding between the Date picker panel and the input element. @default 0
499
- */
500
- set skidding(_: Components.BqDatePicker['skidding']);
501
- /**
502
- * Whether to show days outside the month @default false
503
- */
504
- set showOutsideDays(_: Components.BqDatePicker['showOutsideDays']);
505
- /**
506
- * Defines the strategy to position the Date picker panel @default 'fixed'
507
- */
508
- set strategy(_: Components.BqDatePicker['strategy']);
509
- /**
510
- * The date that is tentatively selected e.g. the start of a range selection
511
- */
512
- set tentative(_: Components.BqDatePicker['tentative']);
513
- /**
514
- * It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection @default 'single'
515
- */
516
- set type(_: Components.BqDatePicker['type']);
517
- /**
518
- * The validation status of the Select input. @remarks This property is used to indicate the validation status of the select input. It can be set to one of the following values:
519
- - `'none'`: No validation status is set.
520
- - `'error'`: The input has a validation error.
521
- - `'warning'`: The input has a validation warning.
522
- - `'success'`: The input has passed validation.,@default 'none'
523
- */
524
- set validationStatus(_: Components.BqDatePicker['validationStatus']);
525
- /**
526
- * The select input value represents the currently selected date or range and can be used to reset the field to a previous value.
527
- All dates are expected in ISO-8601 format (YYYY-MM-DD).
528
- */
529
- set value(_: Components.BqDatePicker['value']);
530
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
531
- static ɵfac: i0.ɵɵFactoryDeclaration<BqDatePicker, never>;
532
- static ɵcmp: i0.ɵɵComponentDeclaration<BqDatePicker, "bq-date-picker", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "clearButtonLabel": { "alias": "clearButtonLabel"; "required": false; }; "disableClear": { "alias": "disableClear"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "distance": { "alias": "distance"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "form": { "alias": "form"; "required": false; }; "formValidationMessage": { "alias": "formValidationMessage"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "isDateDisallowed": { "alias": "isDateDisallowed"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "months": { "alias": "months"; "required": false; }; "monthsPerView": { "alias": "monthsPerView"; "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; }; "required": { "alias": "required"; "required": false; }; "showOutsideDays": { "alias": "showOutsideDays"; "required": false; }; "skidding": { "alias": "skidding"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; "tentative": { "alias": "tentative"; "required": false; }; "type": { "alias": "type"; "required": false; }; "validationStatus": { "alias": "validationStatus"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
533
- }
534
- export declare interface BqDatePicker extends Components.BqDatePicker {
535
- /**
536
- * Callback handler emitted when the input loses focus
537
- */
538
- bqBlur: EventEmitter<CustomEvent<HTMLBqDatePickerElement>>;
539
- /**
540
- * Callback handler emitted when the input value has changed and the input loses focus.
541
- This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.
542
- */
543
- bqChange: EventEmitter<CustomEvent<{
544
- value: string;
545
- el: HTMLBqDatePickerElement;
546
- }>>;
547
- /**
548
- * Callback handler emitted when the input value has been cleared
549
- */
550
- bqClear: EventEmitter<CustomEvent<HTMLBqDatePickerElement>>;
551
- /**
552
- * Callback handler emitted when the input has received focus
553
- */
554
- bqFocus: EventEmitter<CustomEvent<HTMLBqDatePickerElement>>;
555
- }
556
- export declare class BqDialog {
557
- protected z: NgZone;
558
- protected el: HTMLBqDialogElement;
559
- /**
560
- * Border radius of the dialog component @default 'm'
561
- */
562
- set border(_: Components.BqDialog['border']);
563
- /**
564
- * If true, the backdrop overlay won't be shown when the dialog opens @default false
565
- */
566
- set disableBackdrop(_: Components.BqDialog['disableBackdrop']);
567
- /**
568
- * If true, the dialog will not close when the [Esc] key is press @default false
569
- */
570
- set disableCloseEscKeydown(_: Components.BqDialog['disableCloseEscKeydown']);
571
- /**
572
- * If true, the dialog will not close when clicking on the backdrop overlay @default false
573
- */
574
- set disableCloseClickOutside(_: Components.BqDialog['disableCloseClickOutside']);
575
- /**
576
- * The appearance of footer @default 'standard'
577
- */
578
- set footerAppearance(_: Components.BqDialog['footerAppearance']);
579
- /**
580
- * If true, it hides the close button @default false
581
- */
582
- set hideCloseButton(_: Components.BqDialog['hideCloseButton']);
583
- /**
584
- * If true, the dialog will be shown as open @default false
585
- */
586
- set open(_: Components.BqDialog['open']);
587
- /**
588
- * The size of the dialog @default 'medium'
589
- */
590
- set size(_: Components.BqDialog['size']);
591
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
592
- static ɵfac: i0.ɵɵFactoryDeclaration<BqDialog, never>;
593
- static ɵcmp: i0.ɵɵComponentDeclaration<BqDialog, "bq-dialog", never, { "border": { "alias": "border"; "required": false; }; "disableBackdrop": { "alias": "disableBackdrop"; "required": false; }; "disableCloseClickOutside": { "alias": "disableCloseClickOutside"; "required": false; }; "disableCloseEscKeydown": { "alias": "disableCloseEscKeydown"; "required": false; }; "footerAppearance": { "alias": "footerAppearance"; "required": false; }; "hideCloseButton": { "alias": "hideCloseButton"; "required": false; }; "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
594
- }
595
- export declare interface BqDialog extends Components.BqDialog {
596
- /**
597
- * Callback handler emitted when the dialog has been canceled or dismissed
598
- */
599
- bqCancel: EventEmitter<CustomEvent<void>>;
600
- /**
601
- * Callback handler emitted when the dialog will close
602
- */
603
- bqClose: EventEmitter<CustomEvent<void>>;
604
- /**
605
- * Callback handler emitted when the dialog will open
606
- */
607
- bqOpen: EventEmitter<CustomEvent<void>>;
608
- /**
609
- * Callback handler emitted when the dialog finish opening
610
- */
611
- bqAfterOpen: EventEmitter<CustomEvent<void>>;
612
- /**
613
- * Callback handler emitted when the dialog finish closing
614
- */
615
- bqAfterClose: EventEmitter<CustomEvent<void>>;
616
- }
617
- export declare class BqDivider {
618
- protected z: NgZone;
619
- protected el: HTMLBqDividerElement;
620
- /**
621
- * If true, the divider has a dashed pattern @default false
622
- */
623
- set dashed(_: Components.BqDivider['dashed']);
624
- /**
625
- * The default orientation of the divider @default 'horizontal'
626
- */
627
- set orientation(_: Components.BqDivider['orientation']);
628
- /**
629
- * Set the stroke color of the divider. The value should be a valid value of the palette color @default 'stroke--primary'
630
- */
631
- set strokeColor(_: Components.BqDivider['strokeColor']);
632
- /**
633
- * Set the alignment of the title on the main axis of the divider (horizontal / vertical) @default 'middle'
634
- */
635
- set titleAlignment(_: Components.BqDivider['titleAlignment']);
636
- /**
637
- * Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed @default 12
638
- */
639
- set strokeDashWidth(_: Components.BqDivider['strokeDashWidth']);
640
- /**
641
- * Set the gap of the divider's stroke. This is applicable when the stroke is dashed @default 7
642
- */
643
- set strokeDashGap(_: Components.BqDivider['strokeDashGap']);
644
- /**
645
- * Set the thickness of the divider's stroke. Value expressed in px @default 1
646
- */
647
- set strokeThickness(_: Components.BqDivider['strokeThickness']);
648
- /**
649
- * Set the min width of the divider's stroke when text is not centered. Value expressed in px @default 0
650
- */
651
- set strokeBasis(_: Components.BqDivider['strokeBasis']);
652
- /**
653
- * Set the line of the divider's stroke. This is applicable when the stroke is dashed @default 'butt'
654
- */
655
- set strokeLinecap(_: Components.BqDivider['strokeLinecap']);
656
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
657
- static ɵfac: i0.ɵɵFactoryDeclaration<BqDivider, never>;
658
- static ɵcmp: i0.ɵɵComponentDeclaration<BqDivider, "bq-divider", never, { "dashed": { "alias": "dashed"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "strokeBasis": { "alias": "strokeBasis"; "required": false; }; "strokeColor": { "alias": "strokeColor"; "required": false; }; "strokeDashGap": { "alias": "strokeDashGap"; "required": false; }; "strokeDashWidth": { "alias": "strokeDashWidth"; "required": false; }; "strokeLinecap": { "alias": "strokeLinecap"; "required": false; }; "strokeThickness": { "alias": "strokeThickness"; "required": false; }; "titleAlignment": { "alias": "titleAlignment"; "required": false; }; }, {}, never, ["*"], false, never>;
659
- }
660
- export declare interface BqDivider extends Components.BqDivider {
661
- }
662
- export declare class BqDrawer {
663
- protected z: NgZone;
664
- protected el: HTMLBqDrawerElement;
665
- /**
666
- * If true, the backdrop overlay will be shown when the drawer opens @default false
667
- */
668
- set enableBackdrop(_: Components.BqDrawer['enableBackdrop']);
669
- /**
670
- * If true, the drawer will not close when clicking outside the panel @default false
671
- */
672
- set closeOnClickOutside(_: Components.BqDrawer['closeOnClickOutside']);
673
- /**
674
- * If true, the dialog will not close when the [Esc] key is pressed @default false
675
- */
676
- set closeOnEsc(_: Components.BqDrawer['closeOnEsc']);
677
- /**
678
- * If true, the drawer component will be shown
679
- */
680
- set open(_: Components.BqDrawer['open']);
681
- /**
682
- * @deprecated Defines the position of the drawer,@default 'right'
683
- */
684
- set placement(_: Components.BqDrawer['placement']);
685
- /**
686
- * Defines the position of the drawer @default 'end'
687
- */
688
- set position(_: Components.BqDrawer['position']);
689
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
690
- static ɵfac: i0.ɵɵFactoryDeclaration<BqDrawer, never>;
691
- static ɵcmp: i0.ɵɵComponentDeclaration<BqDrawer, "bq-drawer", never, { "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; }; "enableBackdrop": { "alias": "enableBackdrop"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
692
- }
693
- export declare interface BqDrawer extends Components.BqDrawer {
694
- /**
695
- * Callback handler to be called when the drawer is closed
696
- */
697
- bqClose: EventEmitter<CustomEvent<any>>;
698
- /**
699
- * Callback handler to be called when the drawer is opened
700
- */
701
- bqOpen: EventEmitter<CustomEvent<any>>;
702
- /**
703
- * Callback handler to be called after the drawer has been opened
704
- */
705
- bqAfterOpen: EventEmitter<CustomEvent<any>>;
706
- /**
707
- * Callback handler to be called after the drawer has been closed
708
- */
709
- bqAfterClose: EventEmitter<CustomEvent<any>>;
710
- }
711
- export declare class BqDropdown {
712
- protected z: NgZone;
713
- protected el: HTMLBqDropdownElement;
714
- /**
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
720
- */
721
- set disabled(_: Components.BqDropdown['disabled']);
722
- /**
723
- * Represents the distance (gutter or margin) between the panel and the trigger element. @default 4
724
- */
725
- set distance(_: Components.BqDropdown['distance']);
726
- /**
727
- * If true, the panel will remain open after a selection is made. @default false
728
- */
729
- set keepOpenOnSelect(_: Components.BqDropdown['keepOpenOnSelect']);
730
- /**
731
- * Position of the panel @default 'bottom-start'
732
- */
733
- set placement(_: Components.BqDropdown['placement']);
734
- /**
735
- * If true, the panel will be visible. @default false
736
- */
737
- set open(_: Components.BqDropdown['open']);
738
- /**
739
- * When set, it will override the height of the dropdown panel
740
- */
741
- set panelHeight(_: Components.BqDropdown['panelHeight']);
742
- /**
743
- * Whether the panel should have the same width as the trigger element @default false
744
- */
745
- set sameWidth(_: Components.BqDropdown['sameWidth']);
746
- /**
747
- * Represents the skidding between the panel and the trigger element. @default 0
748
- */
749
- set skidding(_: Components.BqDropdown['skidding']);
750
- /**
751
- * Defines the strategy to position the panel @default 'fixed'
752
- */
753
- set strategy(_: Components.BqDropdown['strategy']);
754
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
755
- static ɵfac: i0.ɵɵFactoryDeclaration<BqDropdown, 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>;
757
- }
758
- export declare interface BqDropdown extends Components.BqDropdown {
759
- /**
760
- * Callback handler to be called when the dropdown panel is opened or closed.
761
- */
762
- bqOpen: EventEmitter<CustomEvent<{
763
- open: boolean;
764
- }>>;
765
- }
766
- export declare class BqEmptyState {
767
- protected z: NgZone;
768
- protected el: HTMLBqEmptyStateElement;
769
- /**
770
- * The size of the empty state component @default 'medium'
771
- */
772
- set size(_: Components.BqEmptyState['size']);
773
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
774
- static ɵfac: i0.ɵɵFactoryDeclaration<BqEmptyState, never>;
775
- static ɵcmp: i0.ɵɵComponentDeclaration<BqEmptyState, "bq-empty-state", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
776
- }
777
- export declare interface BqEmptyState extends Components.BqEmptyState {
778
- }
779
- export declare class BqIcon {
780
- protected z: NgZone;
781
- protected el: HTMLBqIconElement;
782
- /**
783
- * Label for the icon, used for accessibility
784
- */
785
- set label(_: Components.BqIcon['label']);
786
- /**
787
- * Set the stroke color of the SVG. The value should be a valid value of the palette color
788
- */
789
- set color(_: Components.BqIcon['color']);
790
- /**
791
- * Icon name to load. Please check all available icons [here](https://phosphoricons.com/)
792
- */
793
- set name(_: Components.BqIcon['name']);
794
- /**
795
- * Set the size of the SVG @default 24
796
- */
797
- set size(_: Components.BqIcon['size']);
798
- /**
799
- * Set the source of the SVG. If the source is set, the name property will be ignored
800
- */
801
- set src(_: Components.BqIcon['src']);
802
- /**
803
- * @deprecated It set the icon weight/style,@default undefined
804
- */
805
- set weight(_: Components.BqIcon['weight']);
806
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
807
- static ɵfac: i0.ɵɵFactoryDeclaration<BqIcon, never>;
808
- static ɵcmp: i0.ɵɵComponentDeclaration<BqIcon, "bq-icon", never, { "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
809
- }
810
- export declare interface BqIcon extends Components.BqIcon {
811
- /**
812
- * Callback handler to be called when the SVG has loaded
813
- */
814
- svgLoaded: EventEmitter<CustomEvent<any>>;
815
- }
816
- export declare class BqInput {
817
- protected z: NgZone;
818
- protected el: HTMLBqInputElement;
819
- /**
820
- * Controls whether or not the input field should be capitalized and how.
821
- Possible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.
822
- See: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize @default 'off'
823
- */
824
- set autocapitalize(_: Components.BqInput['autocapitalize']);
825
- /**
826
- * Specifies whether or not the input field should have autocomplete enabled.
827
- See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values @default 'off'
828
- */
829
- set autocomplete(_: Components.BqInput['autocomplete']);
830
- /**
831
- * Controls whether or not the input field should have autocorrect enabled.
832
- Possible values are 'on' and 'off'. @default 'off'
833
- */
834
- set autocorrect(_: Components.BqInput['autocorrect']);
835
- /**
836
- * If true, the input will be focused on component render
837
- */
838
- set autofocus(_: Components.BqInput['autofocus']);
839
- /**
840
- * The clear button aria label @default 'Clear value'
841
- */
842
- set clearButtonLabel(_: Components.BqInput['clearButtonLabel']);
843
- /**
844
- * The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.
845
- A value of 0 means no debouncing will occur. @default 0
846
- */
847
- set debounceTime(_: Components.BqInput['debounceTime']);
848
- /**
849
- * Indicates whether the input is disabled or not.
850
- If `true`, the input is disabled and cannot be interacted with. @default false
851
- */
852
- set disabled(_: Components.BqInput['disabled']);
853
- /**
854
- * If true, the clear button won't be displayed @default false
855
- */
856
- set disableClear(_: Components.BqInput['disableClear']);
857
- /**
858
- * The ID of the form that the input field belongs to.
859
- */
860
- set form(_: Components.BqInput['form']);
861
- /**
862
- * The native form validation message (mandatory if `required` is set)
863
- */
864
- set formValidationMessage(_: Components.BqInput['formValidationMessage']);
865
- /**
866
- * The inputmode attribute specifies what kind of input mechanism would be most helpful for users entering content into the input field.
867
- This allows a browser to display an appropriate virtual keyboard while editing.
868
- Possible values are 'none', 'text', 'decimal', 'numeric', 'tel', 'search', 'email', 'url', and 'date'.
869
- */
870
- set inputmode(_: Components.BqInput['inputmode']);
871
- /**
872
- * The maximum value that the input field can accept.
873
- Only applies to date and number input types.
874
- */
875
- set max(_: Components.BqInput['max']);
876
- /**
877
- * The maximum number of characters that the input field can accept.
878
- */
879
- set maxlength(_: Components.BqInput['maxlength']);
880
- /**
881
- * The minimum value that the input field can accept.
882
- Only applies to date and number input types.
883
- */
884
- set min(_: Components.BqInput['min']);
885
- /**
886
- * The minimum number of characters that the input field can accept.
887
- */
888
- set minlength(_: Components.BqInput['minlength']);
889
- /**
890
- * The input field name.
891
- */
892
- set name(_: Components.BqInput['name']);
893
- /**
894
- * Specifies a regular expression the form control's value should match.
895
- See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern
896
- */
897
- set pattern(_: Components.BqInput['pattern']);
898
- /**
899
- * The input placeholder text value
900
- */
901
- set placeholder(_: Components.BqInput['placeholder']);
902
- /**
903
- * If true, the input field cannot be modified.
904
- */
905
- set readonly(_: Components.BqInput['readonly']);
906
- /**
907
- * Indicates whether or not the input field is required to be filled out before submitting the form.
908
- */
909
- set required(_: Components.BqInput['required']);
910
- /**
911
- * A number that specifies the granularity that the value must adhere to.
912
- Valid for date, month, week, time, datetime-local, number, and range.
913
- See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step
914
- */
915
- set step(_: Components.BqInput['step']);
916
- /**
917
- * The type attribute specifies the type of input field to display.
918
- Possible values are 'text', 'password', 'email', 'number', 'tel', 'search', 'url', and more.
919
- See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types @default 'text'
920
- */
921
- set type(_: Components.BqInput['type']);
922
- /**
923
- * The validation status of the input. @remarks This property is used to indicate the validation status of the input. It can be set to one of the following values:
924
- - `'none'`: No validation status is set.
925
- - `'error'`: The input has a validation error.
926
- - `'warning'`: The input has a validation warning.
927
- - `'success'`: The input has passed validation.,@default 'none'
928
- */
929
- set validationStatus(_: Components.BqInput['validationStatus']);
930
- /**
931
- * The input value, it can be used to reset the input to a previous value
932
- */
933
- set value(_: Components.BqInput['value']);
934
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
935
- static ɵfac: i0.ɵɵFactoryDeclaration<BqInput, never>;
936
- static ɵcmp: i0.ɵɵComponentDeclaration<BqInput, "bq-input", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "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; }; "form": { "alias": "form"; "required": false; }; "formValidationMessage": { "alias": "formValidationMessage"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "validationStatus": { "alias": "validationStatus"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
937
- }
938
- export declare interface BqInput extends Components.BqInput {
939
- /**
940
- * Callback handler emitted when the input loses focus
941
- */
942
- bqBlur: EventEmitter<CustomEvent<HTMLBqInputElement>>;
943
- /**
944
- * Callback handler emitted when the input value has changed and the input loses focus.
945
- This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.
946
- */
947
- bqChange: EventEmitter<CustomEvent<{
948
- value: string | number | string[];
949
- el: HTMLBqInputElement;
950
- }>>;
951
- /**
952
- * Callback handler emitted when the input value has been cleared
953
- */
954
- bqClear: EventEmitter<CustomEvent<HTMLBqInputElement>>;
955
- /**
956
- * Callback handler emitted when the input has received focus
957
- */
958
- bqFocus: EventEmitter<CustomEvent<HTMLBqInputElement>>;
959
- /**
960
- * Callback handler emitted when the input value changes.
961
- This handler is called whenever the user types or pastes text into the input field.
962
- */
963
- bqInput: EventEmitter<CustomEvent<{
964
- value: string | number | string[];
965
- el: HTMLBqInputElement;
966
- }>>;
967
- }
968
- export declare class BqNotification {
969
- protected z: NgZone;
970
- protected el: HTMLBqNotificationElement;
971
- /**
972
- * If true, the notification will automatically hide after the specified amount of time
973
- */
974
- set autoDismiss(_: Components.BqNotification['autoDismiss']);
975
- /**
976
- * The corder radius of the notification component @default 's'
977
- */
978
- set border(_: Components.BqNotification['border']);
979
- /**
980
- * If true, the close button at the top right of the notification won't be shown
981
- */
982
- set disableClose(_: Components.BqNotification['disableClose']);
983
- /**
984
- * If true, the notification icon won't be shown
985
- */
986
- set hideIcon(_: Components.BqNotification['hideIcon']);
987
- /**
988
- * If true, the notification will be shown
989
- */
990
- set open(_: Components.BqNotification['open']);
991
- /**
992
- * The length of time, in milliseconds, after which the notification will close itself. Only valid if `autoDismiss="true"` @default 3000
993
- */
994
- set time(_: Components.BqNotification['time']);
995
- /**
996
- * Type of Notification @default 'info'
997
- */
998
- set type(_: Components.BqNotification['type']);
999
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1000
- static ɵfac: i0.ɵɵFactoryDeclaration<BqNotification, never>;
1001
- static ɵcmp: i0.ɵɵComponentDeclaration<BqNotification, "bq-notification", never, { "autoDismiss": { "alias": "autoDismiss"; "required": false; }; "border": { "alias": "border"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "open": { "alias": "open"; "required": false; }; "time": { "alias": "time"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
1002
- }
1003
- export declare interface BqNotification extends Components.BqNotification {
1004
- /**
1005
- * Callback handler to be called when the notification is hidden
1006
- */
1007
- bqHide: EventEmitter<CustomEvent<any>>;
1008
- /**
1009
- * Callback handler to be called when the notification is shown
1010
- */
1011
- bqShow: EventEmitter<CustomEvent<any>>;
1012
- /**
1013
- * Callback handler to be called after the notification has been opened
1014
- */
1015
- bqAfterOpen: EventEmitter<CustomEvent<any>>;
1016
- /**
1017
- * Callback handler to be called after the notification has been closed
1018
- */
1019
- bqAfterClose: EventEmitter<CustomEvent<any>>;
1020
- }
1021
- export declare class BqOption {
1022
- protected z: NgZone;
1023
- protected el: HTMLBqOptionElement;
1024
- /**
1025
- * If true, the option is hidden. @default false
1026
- */
1027
- set hidden(_: Components.BqOption['hidden']);
1028
- /**
1029
- * If true, the option is disabled. @default false
1030
- */
1031
- set disabled(_: Components.BqOption['disabled']);
1032
- /**
1033
- * A string representing the value of the option. Can be used to identify the item
1034
- */
1035
- set value(_: Components.BqOption['value']);
1036
- /**
1037
- * If true, the option is selected and active. @default false
1038
- */
1039
- set selected(_: Components.BqOption['selected']);
1040
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1041
- static ɵfac: i0.ɵɵFactoryDeclaration<BqOption, never>;
1042
- static ɵcmp: i0.ɵɵComponentDeclaration<BqOption, "bq-option", never, { "disabled": { "alias": "disabled"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
1043
- }
1044
- export declare interface BqOption extends Components.BqOption {
1045
- /**
1046
- * Handler to be called when item loses focus
1047
- */
1048
- bqBlur: EventEmitter<CustomEvent<HTMLBqOptionElement>>;
1049
- /**
1050
- * Handler to be called when item is focused
1051
- */
1052
- bqFocus: EventEmitter<CustomEvent<HTMLBqOptionElement>>;
1053
- /**
1054
- * Handler to be called when item is clicked
1055
- */
1056
- bqClick: EventEmitter<CustomEvent<HTMLBqOptionElement>>;
1057
- /**
1058
- * Handler to be called on enter key press
1059
- */
1060
- bqEnter: EventEmitter<CustomEvent<HTMLBqOptionElement>>;
1061
- }
1062
- export declare class BqOptionGroup {
1063
- protected z: NgZone;
1064
- protected el: HTMLBqOptionGroupElement;
1065
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1066
- static ɵfac: i0.ɵɵFactoryDeclaration<BqOptionGroup, never>;
1067
- static ɵcmp: i0.ɵɵComponentDeclaration<BqOptionGroup, "bq-option-group", never, {}, {}, never, ["*"], false, never>;
1068
- }
1069
- export declare interface BqOptionGroup extends Components.BqOptionGroup {
1070
- }
1071
- export declare class BqOptionList {
1072
- protected z: NgZone;
1073
- protected el: HTMLBqOptionListElement;
1074
- /**
1075
- * Aria label for the list. @default 'Options'
1076
- */
1077
- set ariaLabel(_: Components.BqOptionList['ariaLabel']);
1078
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1079
- static ɵfac: i0.ɵɵFactoryDeclaration<BqOptionList, never>;
1080
- static ɵcmp: i0.ɵɵComponentDeclaration<BqOptionList, "bq-option-list", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, ["*"], false, never>;
1081
- }
1082
- export declare interface BqOptionList extends Components.BqOptionList {
1083
- /**
1084
- * Handler to be called when `bq-option` is selected (on click/enter press).
1085
- */
1086
- bqSelect: EventEmitter<CustomEvent<{
1087
- value: string;
1088
- item: HTMLBqOptionElement;
1089
- }>>;
1090
- }
1091
- export declare class BqPageTitle {
1092
- protected z: NgZone;
1093
- protected el: HTMLBqPageTitleElement;
1094
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1095
- static ɵfac: i0.ɵɵFactoryDeclaration<BqPageTitle, never>;
1096
- static ɵcmp: i0.ɵɵComponentDeclaration<BqPageTitle, "bq-page-title", never, {}, {}, never, ["*"], false, never>;
1097
- }
1098
- export declare interface BqPageTitle extends Components.BqPageTitle {
1099
- }
1100
- export declare class BqPanel {
1101
- protected z: NgZone;
1102
- protected el: HTMLBqPanelElement;
1103
- /**
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
1109
- */
1110
- set distance(_: Components.BqPanel['distance']);
1111
- /**
1112
- * Position of the panel @default 'bottom-start'
1113
- */
1114
- set placement(_: Components.BqPanel['placement']);
1115
- /**
1116
- * If true, the panel will be visible. @default false
1117
- */
1118
- set open(_: Components.BqPanel['open']);
1119
- /**
1120
- * Whether the panel should have the same width as the trigger element @default false
1121
- */
1122
- set sameWidth(_: Components.BqPanel['sameWidth']);
1123
- /**
1124
- * Represents the skidding between the panel and the trigger element. @default 0
1125
- */
1126
- set skidding(_: Components.BqPanel['skidding']);
1127
- /**
1128
- * Defines the strategy to position the panel @default 'fixed'
1129
- */
1130
- set strategy(_: Components.BqPanel['strategy']);
1131
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1132
- static ɵfac: i0.ɵɵFactoryDeclaration<BqPanel, 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>;
1134
- }
1135
- export declare interface BqPanel extends Components.BqPanel {
1136
- }
1137
- export declare class BqProgress {
1138
- protected z: NgZone;
1139
- protected el: HTMLBqProgressElement;
1140
- /**
1141
- * It will set the border style of the progress bar @default 'rounded'
1142
- */
1143
- set borderShape(_: Components.BqProgress['borderShape']);
1144
- /**
1145
- * If `true`, a tooltip will be shown displaying the progress value @default false
1146
- */
1147
- set enableTooltip(_: Components.BqProgress['enableTooltip']);
1148
- /**
1149
- * If `true` the indeterminate state of progress bar is enabled @default false
1150
- */
1151
- set indeterminate(_: Components.BqProgress['indeterminate']);
1152
- /**
1153
- * If `true, a label text showing the value (in percentage) will be shown @default false
1154
- */
1155
- set label(_: Components.BqProgress['label']);
1156
- /**
1157
- * Progress bar thickness @default 'medium'
1158
- */
1159
- set thickness(_: Components.BqProgress['thickness']);
1160
- /**
1161
- * Progress type @default 'default'
1162
- */
1163
- set type(_: Components.BqProgress['type']);
1164
- /**
1165
- * A number representing the current value of the progress bar @default 0
1166
- */
1167
- set value(_: Components.BqProgress['value']);
1168
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1169
- static ɵfac: i0.ɵɵFactoryDeclaration<BqProgress, never>;
1170
- static ɵcmp: i0.ɵɵComponentDeclaration<BqProgress, "bq-progress", never, { "borderShape": { "alias": "borderShape"; "required": false; }; "enableTooltip": { "alias": "enableTooltip"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "thickness": { "alias": "thickness"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
1171
- }
1172
- export declare interface BqProgress extends Components.BqProgress {
1173
- }
1174
- export declare class BqRadio {
1175
- protected z: NgZone;
1176
- protected el: HTMLBqRadioElement;
1177
- /**
1178
- * If true radio displays background on hover @default false
1179
- */
1180
- set backgroundOnHover(_: Components.BqRadio['backgroundOnHover']);
1181
- /**
1182
- * If true radio input is checked @default false
1183
- */
1184
- set checked(_: Components.BqRadio['checked']);
1185
- /**
1186
- * If true radio input is disabled @default false
1187
- */
1188
- set disabled(_: Components.BqRadio['disabled']);
1189
- /**
1190
- * The form ID that the radio input is associated with
1191
- */
1192
- set formId(_: Components.BqRadio['formId']);
1193
- /**
1194
- * Name of the HTML input form control. Submitted with the form as part of a name/value pair.
1195
- */
1196
- set name(_: Components.BqRadio['name']);
1197
- /**
1198
- * If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted
1199
- */
1200
- set required(_: Components.BqRadio['required']);
1201
- /**
1202
- * A string representing the value of the radio.
1203
- */
1204
- set value(_: Components.BqRadio['value']);
1205
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1206
- static ɵfac: i0.ɵɵFactoryDeclaration<BqRadio, never>;
1207
- static ɵcmp: i0.ɵɵComponentDeclaration<BqRadio, "bq-radio", never, { "backgroundOnHover": { "alias": "backgroundOnHover"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formId": { "alias": "formId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
1208
- }
1209
- export declare interface BqRadio extends Components.BqRadio {
1210
- /**
1211
- * Handler to be called when the radio state changes
1212
- */
1213
- bqClick: EventEmitter<CustomEvent<{
1214
- value: string;
1215
- target: HTMLBqRadioElement;
1216
- }>>;
1217
- /**
1218
- * Handler to be called when the radio gets focus
1219
- */
1220
- bqFocus: EventEmitter<CustomEvent<HTMLBqRadioElement>>;
1221
- /**
1222
- * Handler to be called when the radio loses focus
1223
- */
1224
- bqBlur: EventEmitter<CustomEvent<HTMLBqRadioElement>>;
1225
- /**
1226
- * Handler to be called when the radio key is pressed
1227
- */
1228
- bqKeyDown: EventEmitter<CustomEvent<{
1229
- key: string;
1230
- target: HTMLBqRadioElement;
1231
- }>>;
1232
- }
1233
- export declare class BqRadioGroup {
1234
- protected z: NgZone;
1235
- protected el: HTMLBqRadioGroupElement;
1236
- /**
1237
- * If true, all radio inputs in the group will display a background on hover @default false
1238
- */
1239
- set backgroundOnHover(_: Components.BqRadioGroup['backgroundOnHover']);
1240
- /**
1241
- * A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change @default 0
1242
- */
1243
- set debounceTime(_: Components.BqRadioGroup['debounceTime']);
1244
- /**
1245
- * If true radio inputs are disabled @default false
1246
- */
1247
- set disabled(_: Components.BqRadioGroup['disabled']);
1248
- /**
1249
- * If true displays fieldset @default false
1250
- */
1251
- set fieldset(_: Components.BqRadioGroup['fieldset']);
1252
- /**
1253
- * Name of the HTML input form control. Submitted with the form as part of a name/value pair.
1254
- */
1255
- set name(_: Components.BqRadioGroup['name']);
1256
- /**
1257
- * The display orientation of the radio inputs @default 'vertical'
1258
- */
1259
- set orientation(_: Components.BqRadioGroup['orientation']);
1260
- /**
1261
- * If true, the radio group is required @default false
1262
- */
1263
- set required(_: Components.BqRadioGroup['required']);
1264
- /**
1265
- * The native form validation message when the radio group is required
1266
- */
1267
- set requiredValidationMessage(_: Components.BqRadioGroup['requiredValidationMessage']);
1268
- /**
1269
- * A string representing the value of the radio.
1270
- */
1271
- set value(_: Components.BqRadioGroup['value']);
1272
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1273
- static ɵfac: i0.ɵɵFactoryDeclaration<BqRadioGroup, never>;
1274
- static ɵcmp: i0.ɵɵComponentDeclaration<BqRadioGroup, "bq-radio-group", never, { "backgroundOnHover": { "alias": "backgroundOnHover"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fieldset": { "alias": "fieldset"; "required": false; }; "name": { "alias": "name"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredValidationMessage": { "alias": "requiredValidationMessage"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
1275
- }
1276
- export declare interface BqRadioGroup extends Components.BqRadioGroup {
1277
- /**
1278
- * Handler to be called when the radio state changes
1279
- */
1280
- bqChange: EventEmitter<CustomEvent<{
1281
- value: string;
1282
- target: HTMLBqRadioElement;
1283
- }>>;
1284
- }
1285
- export declare class BqSelect {
1286
- protected z: NgZone;
1287
- protected el: HTMLBqSelectElement;
1288
- /**
1289
- * If true, the Select input will be focused on component render
1290
- */
1291
- set autofocus(_: Components.BqSelect['autofocus']);
1292
- /**
1293
- * The clear button aria label @default 'Clear value'
1294
- */
1295
- set clearButtonLabel(_: Components.BqSelect['clearButtonLabel']);
1296
- /**
1297
- * The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.
1298
- A value of 0 means no debouncing will occur. @default 0
1299
- */
1300
- set debounceTime(_: Components.BqSelect['debounceTime']);
1301
- /**
1302
- * If true, the Select panel will not lock the page body scroll when open. @default false
1303
- */
1304
- set disableScrollLock(_: Components.BqSelect['disableScrollLock']);
1305
- /**
1306
- * Indicates whether the Select input is disabled or not.
1307
- If `true`, the Select is disabled and cannot be interacted with. @default false
1308
- */
1309
- set disabled(_: Components.BqSelect['disabled']);
1310
- /**
1311
- * If true, the clear button won't be displayed @default false
1312
- */
1313
- set disableClear(_: Components.BqSelect['disableClear']);
1314
- /**
1315
- * Represents the distance (gutter or margin) between the Select panel and the input element. @default 8
1316
- */
1317
- set distance(_: Components.BqSelect['distance']);
1318
- /**
1319
- * The ID of the form that the Select input belongs to.
1320
- */
1321
- set form(_: Components.BqSelect['form']);
1322
- /**
1323
- * If true, the Select panel will remain open after a selection is made. @default false
1324
- */
1325
- set keepOpenOnSelect(_: Components.BqSelect['keepOpenOnSelect']);
1326
- /**
1327
- * The Select input name.
1328
- */
1329
- set name(_: Components.BqSelect['name']);
1330
- /**
1331
- * The maximum number of tags to display when multiple selection is enabled @default 2
1332
- */
1333
- set maxTagsVisible(_: Components.BqSelect['maxTagsVisible']);
1334
- /**
1335
- * If true, the Select input will allow multiple selections. @default false
1336
- */
1337
- set multiple(_: Components.BqSelect['multiple']);
1338
- /**
1339
- * If true, the Select panel will be visible. @default false
1340
- */
1341
- set open(_: Components.BqSelect['open']);
1342
- /**
1343
- * When set, it will override the height of the Select panel.
1344
- */
1345
- set panelHeight(_: Components.BqSelect['panelHeight']);
1346
- /**
1347
- * The Select input placeholder text value
1348
- */
1349
- set placeholder(_: Components.BqSelect['placeholder']);
1350
- /**
1351
- * Position of the Select panel @default 'bottom'
1352
- */
1353
- set placement(_: Components.BqSelect['placement']);
1354
- /**
1355
- * If true, the list of options cannot be filtered (searching won't be available)
1356
- */
1357
- set readonly(_: Components.BqSelect['readonly']);
1358
- /**
1359
- * Indicates whether or not the Select input is required to be filled out before submitting the form.
1360
- */
1361
- set required(_: Components.BqSelect['required']);
1362
- /**
1363
- * Whether the panel should have the Select same width as the input element @default true
1364
- */
1365
- set sameWidth(_: Components.BqSelect['sameWidth']);
1366
- /**
1367
- * Represents the skidding between the Select panel and the input element. @default 0
1368
- */
1369
- set skidding(_: Components.BqSelect['skidding']);
1370
- /**
1371
- * Defines the strategy to position the Select panel @default 'fixed'
1372
- */
1373
- set strategy(_: Components.BqSelect['strategy']);
1374
- /**
1375
- * The validation status of the Select input. @remarks This property is used to indicate the validation status of the select input. It can be set to one of the following values:
1376
- - `'none'`: No validation status is set.
1377
- - `'error'`: The input has a validation error.
1378
- - `'warning'`: The input has a validation warning.
1379
- - `'success'`: The input has passed validation.,@default 'none'
1380
- */
1381
- set validationStatus(_: Components.BqSelect['validationStatus']);
1382
- /**
1383
- * The select input value, it can be used to reset the field to a previous value
1384
- */
1385
- set value(_: Components.BqSelect['value']);
1386
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1387
- static ɵfac: i0.ɵɵFactoryDeclaration<BqSelect, never>;
1388
- 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>;
1389
- }
1390
- export declare interface BqSelect extends Components.BqSelect {
1391
- /**
1392
- * Callback handler emitted when the Select input loses focus
1393
- */
1394
- bqBlur: EventEmitter<CustomEvent<HTMLBqSelectElement>>;
1395
- /**
1396
- * Callback handler emitted when the selected value has been cleared
1397
- */
1398
- bqClear: EventEmitter<CustomEvent<HTMLBqSelectElement>>;
1399
- /**
1400
- * Callback handler emitted when the Select input has received focus
1401
- */
1402
- bqFocus: EventEmitter<CustomEvent<HTMLBqSelectElement>>;
1403
- /**
1404
- * Callback handler emitted when the selected value has changed
1405
- */
1406
- bqSelect: EventEmitter<CustomEvent<{
1407
- value: string | number | string[];
1408
- item: HTMLBqOptionElement;
1409
- }>>;
1410
- /**
1411
- * Callback handler emitted when the Select input changes its value while typing
1412
- */
1413
- bqInput: EventEmitter<CustomEvent<{
1414
- value: string | number | string[];
1415
- }>>;
1416
- }
1417
- export declare class BqSideMenu {
1418
- protected z: NgZone;
1419
- protected el: HTMLBqSideMenuElement;
1420
- /**
1421
- * It sets a predefined appearance of the side menu @default 'default'
1422
- */
1423
- set appearance(_: Components.BqSideMenu['appearance']);
1424
- /**
1425
- * If true, the container will reduce its width @default false
1426
- */
1427
- set collapse(_: Components.BqSideMenu['collapse']);
1428
- /**
1429
- * It sets the size of the navigation menu items @default 'medium'
1430
- */
1431
- set size(_: Components.BqSideMenu['size']);
1432
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1433
- static ɵfac: i0.ɵɵFactoryDeclaration<BqSideMenu, never>;
1434
- static ɵcmp: i0.ɵɵComponentDeclaration<BqSideMenu, "bq-side-menu", never, { "appearance": { "alias": "appearance"; "required": false; }; "collapse": { "alias": "collapse"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
1435
- }
1436
- export declare interface BqSideMenu extends Components.BqSideMenu {
1437
- /**
1438
- * Callback handler to be called when the Side menu changes its width from expanded to collapse and vice versa
1439
- */
1440
- bqCollapse: EventEmitter<CustomEvent<{
1441
- collapse: boolean;
1442
- }>>;
1443
- /**
1444
- * Callback handler to be called when the active/selected menu item changes
1445
- */
1446
- bqSelect: EventEmitter<CustomEvent<HTMLBqSideMenuItemElement>>;
1447
- }
1448
- export declare class BqSideMenuItem {
1449
- protected z: NgZone;
1450
- protected el: HTMLBqSideMenuItemElement;
1451
- /**
1452
- * If true, the menu item will be shown as active/selected. @default false
1453
- */
1454
- set active(_: Components.BqSideMenuItem['active']);
1455
- /**
1456
- * If true, the item label and suffix will be hidden and the `width` will be reduced according to its parent. @default false
1457
- */
1458
- set collapse(_: Components.BqSideMenuItem['collapse']);
1459
- /**
1460
- * If true, the menu item will be disabled (no interaction allowed) @default false
1461
- */
1462
- set disabled(_: Components.BqSideMenuItem['disabled']);
1463
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1464
- static ɵfac: i0.ɵɵFactoryDeclaration<BqSideMenuItem, never>;
1465
- static ɵcmp: i0.ɵɵComponentDeclaration<BqSideMenuItem, "bq-side-menu-item", never, { "active": { "alias": "active"; "required": false; }; "collapse": { "alias": "collapse"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
1466
- }
1467
- export declare interface BqSideMenuItem extends Components.BqSideMenuItem {
1468
- /**
1469
- * Handler to be called when the button loses focus
1470
- */
1471
- bqBlur: EventEmitter<CustomEvent<HTMLBqSideMenuItemElement>>;
1472
- /**
1473
- * Handler to be called when the button is clicked
1474
- */
1475
- bqFocus: EventEmitter<CustomEvent<HTMLBqSideMenuItemElement>>;
1476
- /**
1477
- * Handler to be called when button gets focus
1478
- */
1479
- bqClick: EventEmitter<CustomEvent<HTMLBqSideMenuItemElement>>;
1480
- }
1481
- export declare class BqSlider {
1482
- protected z: NgZone;
1483
- protected el: HTMLBqSliderElement;
1484
- /**
1485
- * The amount of time, in milliseconds, to wait to trigger the `bqChange` event after each value change. @default 0
1486
- */
1487
- set debounceTime(_: Components.BqSlider['debounceTime']);
1488
- /**
1489
- * If `true` the slider is disabled. @default false
1490
- */
1491
- set disabled(_: Components.BqSlider['disabled']);
1492
- /**
1493
- * If `true` it will show the value label on a side of the slider track area @default false
1494
- */
1495
- set enableValueIndicator(_: Components.BqSlider['enableValueIndicator']);
1496
- /**
1497
- * A number representing the amount to remain between the minimum and maximum values (only for range type). @default 0
1498
- */
1499
- set gap(_: Components.BqSlider['gap']);
1500
- /**
1501
- * A number representing the max value of the slider. @default 100
1502
- */
1503
- set max(_: Components.BqSlider['max']);
1504
- /**
1505
- * A number representing the min value of the slider. @default 0
1506
- */
1507
- set min(_: Components.BqSlider['min']);
1508
- /**
1509
- * Name of the form control. Submitted with the form as part of a name/value pair
1510
- */
1511
- set name(_: Components.BqSlider['name']);
1512
- /**
1513
- * A number representing the step of the slider.
1514
- ⚠️ 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
1515
- */
1516
- set step(_: Components.BqSlider['step']);
1517
- /**
1518
- * It defines the type of slider to display @default 'single'
1519
- */
1520
- set type(_: Components.BqSlider['type']);
1521
- /**
1522
- * The value of the slider.
1523
- - If the slider type is `single`, the value is a number.
1524
- - If the slider type is `range`, the value is an array of two numbers (the first number represents the `min` value and the second number represents the `max` value).
1525
- */
1526
- set value(_: Components.BqSlider['value']);
1527
- /**
1528
- * If `true`, a tooltip will be shown displaying the progress value @default false
1529
- */
1530
- set enableTooltip(_: Components.BqSlider['enableTooltip']);
1531
- /**
1532
- * If `true`, a tooltip will always display the progress value.
1533
- It relies on enableTooltip and if enableTooltip is false, tooltipAlwaysVisible cannot be true. @default false
1534
- */
1535
- set tooltipAlwaysVisible(_: Components.BqSlider['tooltipAlwaysVisible']);
1536
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1537
- static ɵfac: i0.ɵɵFactoryDeclaration<BqSlider, never>;
1538
- static ɵcmp: i0.ɵɵComponentDeclaration<BqSlider, "bq-slider", never, { "debounceTime": { "alias": "debounceTime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTooltip": { "alias": "enableTooltip"; "required": false; }; "enableValueIndicator": { "alias": "enableValueIndicator"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "step": { "alias": "step"; "required": false; }; "tooltipAlwaysVisible": { "alias": "tooltipAlwaysVisible"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
1539
- }
1540
- export declare interface BqSlider extends Components.BqSlider {
1541
- /**
1542
- * Handler to be called when change the value on range inputs
1543
- */
1544
- bqChange: EventEmitter<CustomEvent<{
1545
- value: Exclude<IBqSliderTSliderValue, string>;
1546
- el: HTMLBqSliderElement;
1547
- }>>;
1548
- /**
1549
- * Handler to be called when the slider loses focus
1550
- */
1551
- bqBlur: EventEmitter<CustomEvent<HTMLBqSliderElement>>;
1552
- /**
1553
- * Handler to be called when the slider gets focused
1554
- */
1555
- bqFocus: EventEmitter<CustomEvent<HTMLBqSliderElement>>;
1556
- }
1557
- export declare class BqSpinner {
1558
- protected z: NgZone;
1559
- protected el: HTMLBqSpinnerElement;
1560
- /**
1561
- * If `false`, the animation on the icon element will be stopped @default true
1562
- */
1563
- set animation(_: Components.BqSpinner['animation']);
1564
- /**
1565
- * It defines the position of the label text @default 'none'
1566
- */
1567
- set textPosition(_: Components.BqSpinner['textPosition']);
1568
- /**
1569
- * It defines the size of the icon element displayed @default 'medium'
1570
- */
1571
- set size(_: Components.BqSpinner['size']);
1572
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1573
- static ɵfac: i0.ɵɵFactoryDeclaration<BqSpinner, never>;
1574
- static ɵcmp: i0.ɵɵComponentDeclaration<BqSpinner, "bq-spinner", never, { "animation": { "alias": "animation"; "required": false; }; "size": { "alias": "size"; "required": false; }; "textPosition": { "alias": "textPosition"; "required": false; }; }, {}, never, ["*"], false, never>;
1575
- }
1576
- export declare interface BqSpinner extends Components.BqSpinner {
1577
- }
1578
- export declare class BqStatus {
1579
- protected z: NgZone;
1580
- protected el: HTMLBqStatusElement;
1581
- /**
1582
- * It defines the type of status to display @default 'neutral'
1583
- */
1584
- set type(_: Components.BqStatus['type']);
1585
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1586
- static ɵfac: i0.ɵɵFactoryDeclaration<BqStatus, never>;
1587
- static ɵcmp: i0.ɵɵComponentDeclaration<BqStatus, "bq-status", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
1588
- }
1589
- export declare interface BqStatus extends Components.BqStatus {
1590
- }
1591
- export declare class BqStepItem {
1592
- protected z: NgZone;
1593
- protected el: HTMLBqStepItemElement;
1594
- /**
1595
- * It defines prefix size @default 'medium'
1596
- */
1597
- set size(_: Components.BqStepItem['size']);
1598
- /**
1599
- * It defines step item appearance based on its status @default 'default'
1600
- */
1601
- set status(_: Components.BqStepItem['status']);
1602
- /**
1603
- * It defines the step item type used
1604
- */
1605
- set type(_: Components.BqStepItem['type']);
1606
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1607
- static ɵfac: i0.ɵɵFactoryDeclaration<BqStepItem, never>;
1608
- static ɵcmp: i0.ɵɵComponentDeclaration<BqStepItem, "bq-step-item", never, { "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
1609
- }
1610
- export declare interface BqStepItem extends Components.BqStepItem {
1611
- /**
1612
- * Callback handler triggered when the step item is clicked
1613
- */
1614
- bqClick: EventEmitter<CustomEvent<HTMLBqStepItemElement>>;
1615
- /**
1616
- * Callback handler triggered when the step item is focused
1617
- */
1618
- bqFocus: EventEmitter<CustomEvent<HTMLBqStepItemElement>>;
1619
- /**
1620
- * Callback handler triggered when the step item loses focus
1621
- */
1622
- bqBlur: EventEmitter<CustomEvent<HTMLBqStepItemElement>>;
1623
- }
1624
- export declare class BqSteps {
1625
- protected z: NgZone;
1626
- protected el: HTMLBqStepsElement;
1627
- /**
1628
- * The color of the line that connects the steps. It should be a valid declarative color token. @default 'stroke--primary'
1629
- */
1630
- set dividerColor(_: Components.BqSteps['dividerColor']);
1631
- /**
1632
- * The size of the steps @default 'medium'
1633
- */
1634
- set size(_: Components.BqSteps['size']);
1635
- /**
1636
- * The type of prefix element to use on the step items
1637
- */
1638
- set type(_: Components.BqSteps['type']);
1639
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1640
- static ɵfac: i0.ɵɵFactoryDeclaration<BqSteps, never>;
1641
- static ɵcmp: i0.ɵɵComponentDeclaration<BqSteps, "bq-steps", never, { "dividerColor": { "alias": "dividerColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
1642
- }
1643
- export declare interface BqSteps extends Components.BqSteps {
1644
- }
1645
- export declare class BqSwitch {
1646
- protected z: NgZone;
1647
- protected el: HTMLBqSwitchElement;
1648
- /**
1649
- * If true, a background will be displayed on hover @default false
1650
- */
1651
- set backgroundOnHover(_: Components.BqSwitch['backgroundOnHover']);
1652
- /**
1653
- * It indicates whether if the switch is `ON` by default (when the page loads) @default false
1654
- */
1655
- set checked(_: Components.BqSwitch['checked']);
1656
- /**
1657
- * If true, the switch control will be disabled and no interaction will be allowed @default false
1658
- */
1659
- set disabled(_: Components.BqSwitch['disabled']);
1660
- /**
1661
- * The native form validation message
1662
- */
1663
- set formValidationMessage(_: Components.BqSwitch['formValidationMessage']);
1664
- /**
1665
- * If true, the component will take the full width space available on the parent container @default false
1666
- */
1667
- set fullWidth(_: Components.BqSwitch['fullWidth']);
1668
- /**
1669
- * It indicates how to to display the on/off marks inside the control, with icons or none (default) @default 'default'
1670
- */
1671
- set innerLabel(_: Components.BqSwitch['innerLabel']);
1672
- /**
1673
- * It defines how to distribute the space between and around the control and the label text
1674
- (https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) @default 'start'
1675
- */
1676
- set justifyContent(_: Components.BqSwitch['justifyContent']);
1677
- /**
1678
- * Name of the form control. Submitted with the form as part of a name/value pair
1679
- */
1680
- set name(_: Components.BqSwitch['name']);
1681
- /**
1682
- * If `true`, it will indicate that the user must switch `ON` the element before the owning form can be submitted @default false
1683
- */
1684
- set required(_: Components.BqSwitch['required']);
1685
- /**
1686
- * If true, the order of the control and the label text will be changed @default false
1687
- */
1688
- set reverseOrder(_: Components.BqSwitch['reverseOrder']);
1689
- /**
1690
- * The input control's value, submitted as a name/value pair with form data.
1691
- */
1692
- set value(_: Components.BqSwitch['value']);
1693
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1694
- static ɵfac: i0.ɵɵFactoryDeclaration<BqSwitch, never>;
1695
- static ɵcmp: i0.ɵɵComponentDeclaration<BqSwitch, "bq-switch", never, { "backgroundOnHover": { "alias": "backgroundOnHover"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formValidationMessage": { "alias": "formValidationMessage"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "innerLabel": { "alias": "innerLabel"; "required": false; }; "justifyContent": { "alias": "justifyContent"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "reverseOrder": { "alias": "reverseOrder"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
1696
- }
1697
- export declare interface BqSwitch extends Components.BqSwitch {
1698
- /**
1699
- * Handler to be called when the switch state changes
1700
- */
1701
- bqChange: EventEmitter<CustomEvent<{
1702
- checked: boolean;
1703
- }>>;
1704
- /**
1705
- * Handler to be called when the switch gets focus
1706
- */
1707
- bqFocus: EventEmitter<CustomEvent<HTMLBqSwitchElement>>;
1708
- /**
1709
- * Handler to be called when the switch loses focus
1710
- */
1711
- bqBlur: EventEmitter<CustomEvent<HTMLBqSwitchElement>>;
1712
- }
1713
- export declare class BqTab {
1714
- protected z: NgZone;
1715
- protected el: HTMLBqTabElement;
1716
- /**
1717
- * If true tab is active
1718
- */
1719
- set active(_: Components.BqTab['active']);
1720
- /**
1721
- * The tab panel id that the tab controls
1722
- */
1723
- set controls(_: Components.BqTab['controls']);
1724
- /**
1725
- * If true tab is disabled @default false
1726
- */
1727
- set disabled(_: Components.BqTab['disabled']);
1728
- /**
1729
- * The direction that tab should be render @default 'horizontal'
1730
- */
1731
- set orientation(_: Components.BqTab['orientation']);
1732
- /**
1733
- * The placement that tab should be render @default 'start'
1734
- */
1735
- set placement(_: Components.BqTab['placement']);
1736
- /**
1737
- * The size of the tab @default 'medium'
1738
- */
1739
- set size(_: Components.BqTab['size']);
1740
- /**
1741
- * The id of the tab
1742
- */
1743
- set tabId(_: Components.BqTab['tabId']);
1744
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1745
- static ɵfac: i0.ɵɵFactoryDeclaration<BqTab, never>;
1746
- static ɵcmp: i0.ɵɵComponentDeclaration<BqTab, "bq-tab", never, { "active": { "alias": "active"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabId": { "alias": "tabId"; "required": false; }; }, {}, never, ["*"], false, never>;
1747
- }
1748
- export declare interface BqTab extends Components.BqTab {
1749
- /**
1750
- * Handler to be called when the tab state changes
1751
- */
1752
- bqClick: EventEmitter<CustomEvent<HTMLBqTabElement>>;
1753
- /**
1754
- * Handler to be called when the tab gets focus
1755
- */
1756
- bqFocus: EventEmitter<CustomEvent<HTMLBqTabElement>>;
1757
- /**
1758
- * Handler to be called when the tab loses focus
1759
- */
1760
- bqBlur: EventEmitter<CustomEvent<HTMLBqTabElement>>;
1761
- /**
1762
- * Handler to be called when the tab key is pressed
1763
- */
1764
- bqKeyDown: EventEmitter<CustomEvent<KeyboardEvent>>;
1765
- }
1766
- export declare class BqTabGroup {
1767
- protected z: NgZone;
1768
- protected el: HTMLBqTabGroupElement;
1769
- /**
1770
- * A number representing the delay value applied to bqChange event handler @default 0
1771
- */
1772
- set debounceTime(_: Components.BqTabGroup['debounceTime']);
1773
- /**
1774
- * If true, the underline divider below the tabs won't be shown @default false
1775
- */
1776
- set disableDivider(_: Components.BqTabGroup['disableDivider']);
1777
- /**
1778
- * The direction that tab should be render @default 'horizontal'
1779
- */
1780
- set orientation(_: Components.BqTabGroup['orientation']);
1781
- /**
1782
- * The placement that tab should be render @default 'start'
1783
- */
1784
- set placement(_: Components.BqTabGroup['placement']);
1785
- /**
1786
- * The size of the tab @default 'medium'
1787
- */
1788
- set size(_: Components.BqTabGroup['size']);
1789
- /**
1790
- * A string representing the id of the selected tab.
1791
- */
1792
- set value(_: Components.BqTabGroup['value']);
1793
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1794
- static ɵfac: i0.ɵɵFactoryDeclaration<BqTabGroup, never>;
1795
- static ɵcmp: i0.ɵɵComponentDeclaration<BqTabGroup, "bq-tab-group", never, { "debounceTime": { "alias": "debounceTime"; "required": false; }; "disableDivider": { "alias": "disableDivider"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
1796
- }
1797
- export declare interface BqTabGroup extends Components.BqTabGroup {
1798
- /**
1799
- * Handler to be called when the tab value changes
1800
- */
1801
- bqChange: EventEmitter<CustomEvent<{
1802
- target: HTMLBqTabElement;
1803
- value: string;
1804
- }>>;
1805
- }
1806
- export declare class BqTag {
1807
- protected z: NgZone;
1808
- protected el: HTMLBqTagElement;
1809
- /**
1810
- * The corner radius of the Tag (will override size's predefined border)
1811
- */
1812
- set border(_: Components.BqTag['border']);
1813
- /**
1814
- * If true, the Tag can be clickable @default false
1815
- */
1816
- set clickable(_: Components.BqTag['clickable']);
1817
- /**
1818
- * The color style of the Tag
1819
- */
1820
- set color(_: Components.BqTag['color']);
1821
- /**
1822
- * If true, the Tag will be disabled (only if clickable = `true`, no interaction allowed) @default false
1823
- */
1824
- set disabled(_: Components.BqTag['disabled']);
1825
- /**
1826
- * If true, the Tag component will hidden (only if removable = `true`)
1827
- */
1828
- set hidden(_: Components.BqTag['hidden']);
1829
- /**
1830
- * If true, the Tag component can be removed @default false
1831
- */
1832
- set removable(_: Components.BqTag['removable']);
1833
- /**
1834
- * If true, the Tag is selected (only if clickable = `true`) @default false
1835
- */
1836
- set selected(_: Components.BqTag['selected']);
1837
- /**
1838
- * The size of the Tag component @default 'medium'
1839
- */
1840
- set size(_: Components.BqTag['size']);
1841
- /**
1842
- * The variant of Tag to apply on top of the variant @default 'filled'
1843
- */
1844
- set variant(_: Components.BqTag['variant']);
1845
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1846
- static ɵfac: i0.ɵɵFactoryDeclaration<BqTag, never>;
1847
- static ɵcmp: i0.ɵɵComponentDeclaration<BqTag, "bq-tag", never, { "border": { "alias": "border"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
1848
- }
1849
- export declare interface BqTag extends Components.BqTag {
1850
- /**
1851
- * Callback handler to be called when the tag is close/hidden
1852
- */
1853
- bqClose: EventEmitter<CustomEvent<any>>;
1854
- /**
1855
- * Callback handler to be called when the tag is not open/shown
1856
- */
1857
- bqOpen: EventEmitter<CustomEvent<any>>;
1858
- /**
1859
- * Handler to be called when tag loses focus
1860
- */
1861
- bqBlur: EventEmitter<CustomEvent<HTMLBqTagElement>>;
1862
- /**
1863
- * Handler to be called when tag is clicked
1864
- */
1865
- bqClick: EventEmitter<CustomEvent<HTMLBqTagElement>>;
1866
- /**
1867
- * Handler to be called when tag is focused
1868
- */
1869
- bqFocus: EventEmitter<CustomEvent<HTMLBqTagElement>>;
1870
- }
1871
- export declare class BqTextarea {
1872
- protected z: NgZone;
1873
- protected el: HTMLBqTextareaElement;
1874
- /**
1875
- * Controls whether or not the textarea field should be capitalized and how.
1876
- Possible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.
1877
- See: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize @default 'off'
1878
- */
1879
- set autocapitalize(_: Components.BqTextarea['autocapitalize']);
1880
- /**
1881
- * Specifies whether or not the textarea field should have autocomplete enabled.
1882
- See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values @default 'off'
1883
- */
1884
- set autocomplete(_: Components.BqTextarea['autocomplete']);
1885
- /**
1886
- * Controls whether or not the textarea field should have autocorrect enabled.
1887
- Possible values are 'on' and 'off'. @default 'off'
1888
- */
1889
- set autocorrect(_: Components.BqTextarea['autocorrect']);
1890
- /**
1891
- * If true, the textarea will be focused on component render
1892
- */
1893
- set autofocus(_: Components.BqTextarea['autofocus']);
1894
- /**
1895
- * If `true`, the textarea will automatically grow and shrink to fit its contents.
1896
- If `false`, the textarea will have a fixed height specified by the `rows` property. @default false
1897
- */
1898
- set autoGrow(_: Components.BqTextarea['autoGrow']);
1899
- /**
1900
- * The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the textarea value changes.
1901
- A value of 0 means no debouncing will occur. @default 0
1902
- */
1903
- set debounceTime(_: Components.BqTextarea['debounceTime']);
1904
- /**
1905
- * If `true`, the user cannot interact with the textarea. @default false
1906
- */
1907
- set disabled(_: Components.BqTextarea['disabled']);
1908
- /**
1909
- * If `true`, it will block the user's ability to resize the textarea. @default false
1910
- */
1911
- set disableResize(_: Components.BqTextarea['disableResize']);
1912
- /**
1913
- * The ID of the form that the textarea field belongs to.
1914
- */
1915
- set form(_: Components.BqTextarea['form']);
1916
- /**
1917
- * The native form validation message
1918
- */
1919
- set formValidationMessage(_: Components.BqTextarea['formValidationMessage']);
1920
- /**
1921
- * The maximum number of characters that can be entered into the textarea (`0`: no limit).
1922
- When enabled, a character counter will be shown underneath the textarea.
1923
- */
1924
- set maxlength(_: Components.BqTextarea['maxlength']);
1925
- /**
1926
- * The name of the textarea element.
1927
- */
1928
- set name(_: Components.BqTextarea['name']);
1929
- /**
1930
- * The placeholder text to show when there is no value.
1931
- */
1932
- set placeholder(_: Components.BqTextarea['placeholder']);
1933
- /**
1934
- * If true, the textarea field cannot be modified. @default false
1935
- */
1936
- set readonly(_: Components.BqTextarea['readonly']);
1937
- /**
1938
- * Indicates whether or not the textarea field is required to be filled out before submitting the form. @default false
1939
- */
1940
- set required(_: Components.BqTextarea['required']);
1941
- /**
1942
- * The number of visible text lines for the control. It must be a positive integer. @default 5
1943
- */
1944
- set rows(_: Components.BqTextarea['rows']);
1945
- /**
1946
- * If true, the textarea content may be checked for spelling errors. @default false
1947
- */
1948
- set spellcheck(_: Components.BqTextarea['spellcheck']);
1949
- /**
1950
- * The validation status of the textarea. @remarks This property is used to indicate the validation status of the textarea. It can be set to one of the following values:
1951
- - `'none'`: No validation status is set.
1952
- - `'error'`: The textarea has a validation error.
1953
- - `'warning'`: The textarea has a validation warning.
1954
- - `'success'`: The textarea has passed validation.,@default 'none'
1955
- */
1956
- set validationStatus(_: Components.BqTextarea['validationStatus']);
1957
- /**
1958
- * The value of the textarea. It can be used to reset the textarea to a previous value.
1959
- */
1960
- set value(_: Components.BqTextarea['value']);
1961
- /**
1962
- * Specifies how the text in a text area is to be wrapped when submitted in a form @default 'soft'
1963
- */
1964
- set wrap(_: Components.BqTextarea['wrap']);
1965
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1966
- static ɵfac: i0.ɵɵFactoryDeclaration<BqTextarea, never>;
1967
- static ɵcmp: i0.ɵɵComponentDeclaration<BqTextarea, "bq-textarea", never, { "autoGrow": { "alias": "autoGrow"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "disableResize": { "alias": "disableResize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "formValidationMessage": { "alias": "formValidationMessage"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "validationStatus": { "alias": "validationStatus"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, ["*"], false, never>;
1968
- }
1969
- export declare interface BqTextarea extends Components.BqTextarea {
1970
- /**
1971
- * Callback handler emitted when the textarea loses focus
1972
- */
1973
- bqBlur: EventEmitter<CustomEvent<HTMLBqTextareaElement>>;
1974
- /**
1975
- * Callback handler emitted when the textarea value has changed and the textarea loses focus.
1976
- This handler is called whenever the user finishes typing or pasting text into the textarea field and then clicks outside of the textarea field.
1977
- */
1978
- bqChange: EventEmitter<CustomEvent<{
1979
- value: string;
1980
- el: HTMLBqTextareaElement;
1981
- }>>;
1982
- /**
1983
- * Callback handler emitted when the textarea value has been cleared
1984
- */
1985
- bqClear: EventEmitter<CustomEvent<HTMLBqTextareaElement>>;
1986
- /**
1987
- * Callback handler emitted when the textarea has received focus
1988
- */
1989
- bqFocus: EventEmitter<CustomEvent<HTMLBqTextareaElement>>;
1990
- /**
1991
- * Callback handler emitted when the textarea value changes.
1992
- This handler is called whenever the user types or pastes text into the textarea field.
1993
- */
1994
- bqInput: EventEmitter<CustomEvent<{
1995
- value: string;
1996
- el: HTMLBqTextareaElement;
1997
- }>>;
1998
- }
1999
- export declare class BqToast {
2000
- protected z: NgZone;
2001
- protected el: HTMLBqToastElement;
2002
- /**
2003
- * The corder radius of the toast component @default 's'
2004
- */
2005
- set border(_: Components.BqToast['border']);
2006
- /**
2007
- * Type of toast @default 'info'
2008
- */
2009
- set type(_: Components.BqToast['type']);
2010
- /**
2011
- * Placement of toast @default 'bottom-center'
2012
- */
2013
- set placement(_: Components.BqToast['placement']);
2014
- /**
2015
- * If true will hide toast icon @default false
2016
- */
2017
- set hideIcon(_: Components.BqToast['hideIcon']);
2018
- /**
2019
- * If true, the toast will be shown
2020
- */
2021
- set open(_: Components.BqToast['open']);
2022
- /**
2023
- * The length of time, in milliseconds, after which the toast will close itself @default 3000
2024
- */
2025
- set time(_: Components.BqToast['time']);
2026
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
2027
- static ɵfac: i0.ɵɵFactoryDeclaration<BqToast, never>;
2028
- static ɵcmp: i0.ɵɵComponentDeclaration<BqToast, "bq-toast", never, { "border": { "alias": "border"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "time": { "alias": "time"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
2029
- }
2030
- export declare interface BqToast extends Components.BqToast {
2031
- /**
2032
- * Callback handler to be called when the notification is hidden
2033
- */
2034
- bqHide: EventEmitter<CustomEvent<HTMLBqToastElement>>;
2035
- /**
2036
- * Callback handler to be called when the notification is shown
2037
- */
2038
- bqShow: EventEmitter<CustomEvent<HTMLBqToastElement>>;
2039
- }
2040
- export declare class BqTooltip {
2041
- protected z: NgZone;
2042
- protected el: HTMLBqTooltipElement;
2043
- /**
2044
- * If true, the tooltip will always be visible @default false
2045
- */
2046
- set alwaysVisible(_: Components.BqTooltip['alwaysVisible']);
2047
- /**
2048
- * Distance between trigger element and tooltip @default 10
2049
- */
2050
- set distance(_: Components.BqTooltip['distance']);
2051
- /**
2052
- * If true, the arrow on the tooltip content won't be shown @default false
2053
- */
2054
- set hideArrow(_: Components.BqTooltip['hideArrow']);
2055
- /**
2056
- * @default 'top'
2057
- */
2058
- set placement(_: Components.BqTooltip['placement']);
2059
- /**
2060
- * Whether the tooltip should have the same width as the trigger element
2061
- (applicable only for content shorter than the trigger element) @default false
2062
- */
2063
- set sameWidth(_: Components.BqTooltip['sameWidth']);
2064
- /**
2065
- * Set the action when the tooltip should be displayed, on hover (default) or click @default 'hover'
2066
- */
2067
- set displayOn(_: Components.BqTooltip['displayOn']);
2068
- /**
2069
- * Indicates whether or not the tooltip is visible when the component is first rendered,
2070
- and when interacting with the trigger @default false
2071
- */
2072
- set visible(_: Components.BqTooltip['visible']);
2073
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
2074
- static ɵfac: i0.ɵɵFactoryDeclaration<BqTooltip, never>;
2075
- static ɵcmp: i0.ɵɵComponentDeclaration<BqTooltip, "bq-tooltip", never, { "alwaysVisible": { "alias": "alwaysVisible"; "required": false; }; "displayOn": { "alias": "displayOn"; "required": false; }; "distance": { "alias": "distance"; "required": false; }; "hideArrow": { "alias": "hideArrow"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "sameWidth": { "alias": "sameWidth"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, ["*"], false, never>;
2076
- }
2077
- export declare interface BqTooltip extends Components.BqTooltip {
2078
- /**
2079
- * Emitted when the tooltip trigger is clicked
2080
- */
2081
- bqClick: EventEmitter<CustomEvent<HTMLBqTooltipElement>>;
2082
- /**
2083
- * Emitted when the tooltip trigger is focused in
2084
- */
2085
- bqFocusIn: EventEmitter<CustomEvent<HTMLBqTooltipElement>>;
2086
- /**
2087
- * Emitted when the tooltip trigger is focused out
2088
- */
2089
- bqFocusOut: EventEmitter<CustomEvent<HTMLBqTooltipElement>>;
2090
- /**
2091
- * Emitted when the tooltip trigger is hovered in
2092
- */
2093
- bqHoverIn: EventEmitter<CustomEvent<HTMLBqTooltipElement>>;
2094
- /**
2095
- * Emitted when the tooltip trigger is hovered out
2096
- */
2097
- bqHoverOut: EventEmitter<CustomEvent<HTMLBqTooltipElement>>;
2098
- }