@skedulo/breeze-ui 0.9.6 → 0.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 (62) hide show
  1. package/dist/custom-elements.json +1612 -1295
  2. package/dist/lib/cjs/breeze-ui.js +1303 -1303
  3. package/dist/lib/es/breeze-ui.js +13552 -13547
  4. package/dist/tsconfig.tsbuildinfo +1 -1
  5. package/dist/types/components/alert.d.ts +5 -0
  6. package/dist/types/components/alert.d.ts.map +1 -1
  7. package/dist/types/components/buttons.d.ts +4 -1
  8. package/dist/types/components/buttons.d.ts.map +1 -1
  9. package/dist/types/components/form-elements/input-checkbox.d.ts +1 -2
  10. package/dist/types/components/form-elements/input-checkbox.d.ts.map +1 -1
  11. package/dist/types/components/form-elements/input-number.d.ts +13 -4
  12. package/dist/types/components/form-elements/input-number.d.ts.map +1 -1
  13. package/dist/types/components/form-elements/input-select.d.ts +4 -0
  14. package/dist/types/components/form-elements/input-select.d.ts.map +1 -1
  15. package/dist/types/components/heading.d.ts +4 -4
  16. package/dist/types/components/heading.d.ts.map +1 -1
  17. package/dist/types/components/menu/dropdown-menu.d.ts.map +1 -1
  18. package/dist/types/components/menu/menu.const.d.ts +3 -0
  19. package/dist/types/components/menu/menu.const.d.ts.map +1 -0
  20. package/dist/types/components/menu/menu.d.ts +1 -2
  21. package/dist/types/components/menu/menu.d.ts.map +1 -1
  22. package/dist/types/components/pagination.d.ts +6 -0
  23. package/dist/types/components/pagination.d.ts.map +1 -1
  24. package/dist/types/components/popover.d.ts +3 -0
  25. package/dist/types/components/popover.d.ts.map +1 -1
  26. package/dist/types/components/tabs/index.d.ts +2 -2
  27. package/dist/types/components/tabs/index.d.ts.map +1 -1
  28. package/dist/types/surfaces/card/card.d.ts +2 -3
  29. package/dist/types/surfaces/card/card.d.ts.map +1 -1
  30. package/dist/types/utils/test-utils.d.ts +41 -0
  31. package/dist/types/utils/test-utils.d.ts.map +1 -1
  32. package/package.json +1 -1
  33. package/dist/types/components/alert.test.d.ts +0 -3
  34. package/dist/types/components/alert.test.d.ts.map +0 -1
  35. package/dist/types/components/avatar.test.d.ts +0 -2
  36. package/dist/types/components/avatar.test.d.ts.map +0 -1
  37. package/dist/types/components/button.test.d.ts +0 -3
  38. package/dist/types/components/button.test.d.ts.map +0 -1
  39. package/dist/types/components/dropdown-button.test.d.ts +0 -2
  40. package/dist/types/components/dropdown-button.test.d.ts.map +0 -1
  41. package/dist/types/components/form-elements/input-checkbox.test.d.ts +0 -2
  42. package/dist/types/components/form-elements/input-checkbox.test.d.ts.map +0 -1
  43. package/dist/types/components/form-elements/input-code.test.d.ts +0 -2
  44. package/dist/types/components/form-elements/input-code.test.d.ts.map +0 -1
  45. package/dist/types/components/illustration/illustration.test.d.ts +0 -2
  46. package/dist/types/components/illustration/illustration.test.d.ts.map +0 -1
  47. package/dist/types/components/lozenge.test.d.ts +0 -2
  48. package/dist/types/components/lozenge.test.d.ts.map +0 -1
  49. package/dist/types/components/modal/modal.test.d.ts +0 -2
  50. package/dist/types/components/modal/modal.test.d.ts.map +0 -1
  51. package/dist/types/components/pagination.test.d.ts +0 -3
  52. package/dist/types/components/pagination.test.d.ts.map +0 -1
  53. package/dist/types/layout/grid/grid.test.d.ts +0 -3
  54. package/dist/types/layout/grid/grid.test.d.ts.map +0 -1
  55. package/dist/types/layout/page-header.test.d.ts +0 -2
  56. package/dist/types/layout/page-header.test.d.ts.map +0 -1
  57. package/dist/types/surfaces/card/card-footer.test.d.ts +0 -2
  58. package/dist/types/surfaces/card/card-footer.test.d.ts.map +0 -1
  59. package/dist/types/surfaces/card/card-header.test.d.ts +0 -2
  60. package/dist/types/surfaces/card/card-header.test.d.ts.map +0 -1
  61. package/dist/types/surfaces/card/card.test.d.ts +0 -2
  62. package/dist/types/surfaces/card/card.test.d.ts.map +0 -1
package/dist/custom-elements.json CHANGED
@@ -74,911 +74,317 @@
74
74
  },
75
75
  {
76
76
  "kind": "javascript-module",
77
- "path": "src/layout/flex.ts",
77
+ "path": "src/animation/fade-in-out.ts",
78
78
  "declarations": [
79
79
  {
80
80
  "kind": "variable",
81
- "name": "ROW"
82
- },
83
- {
84
- "kind": "variable",
85
- "name": "COLUMN"
81
+ "name": "FADE_IN_OUT"
86
82
  },
87
83
  {
88
84
  "kind": "class",
89
- "description": "Row layout.",
90
- "name": "Row",
91
- "members": [
92
- {
93
- "kind": "field",
94
- "name": "verticalAlign",
95
- "type": {
96
- "text": "'top' | 'middle' | 'bottom'"
97
- },
98
- "default": "'top'",
99
- "attribute": "vertical-align",
100
- "reflects": true
101
- }
102
- ],
103
- "attributes": [
85
+ "description": "Fade in out animation.",
86
+ "name": "FadeInOut",
87
+ "slots": [
104
88
  {
105
- "name": "vertical-align",
106
- "type": {
107
- "text": "'top' | 'middle' | 'bottom'"
108
- },
109
- "default": "'top'",
110
- "fieldName": "verticalAlign"
89
+ "description": "The content to be animated",
90
+ "name": "children"
111
91
  }
112
92
  ],
113
- "superclass": {
114
- "name": "LitElement",
115
- "package": "lit"
116
- },
117
- "tagName": "brz-row",
118
- "customElement": true
119
- },
120
- {
121
- "kind": "class",
122
- "description": "Column layout.",
123
- "name": "Column",
124
93
  "members": [
125
94
  {
126
95
  "kind": "field",
127
- "name": "align",
96
+ "name": "shown",
128
97
  "type": {
129
- "text": "'left' | 'center' | 'right'"
98
+ "text": "boolean"
130
99
  },
131
- "default": "'left'",
132
- "attribute": "align"
100
+ "default": "false",
101
+ "description": "Shows and hides slotted content",
102
+ "attribute": "shown",
103
+ "reflects": true
104
+ },
105
+ {
106
+ "kind": "method",
107
+ "name": "_handleTransitionEnd",
108
+ "privacy": "private",
109
+ "parameters": [
110
+ {
111
+ "name": "event",
112
+ "type": {
113
+ "text": "Event"
114
+ }
115
+ }
116
+ ]
133
117
  }
134
118
  ],
135
119
  "attributes": [
136
120
  {
137
- "name": "align",
121
+ "name": "shown",
138
122
  "type": {
139
- "text": "'left' | 'center' | 'right'"
123
+ "text": "boolean"
140
124
  },
141
- "default": "'left'",
142
- "fieldName": "align"
125
+ "default": "false",
126
+ "description": "Shows and hides slotted content",
127
+ "fieldName": "shown"
143
128
  }
144
129
  ],
145
130
  "superclass": {
146
131
  "name": "LitElement",
147
132
  "package": "lit"
148
133
  },
149
- "tagName": "brz-column",
134
+ "tagName": "brz-fade-in-out",
150
135
  "customElement": true
151
136
  }
152
137
  ],
153
138
  "exports": [
154
139
  {
155
140
  "kind": "js",
156
- "name": "ROW",
157
- "declaration": {
158
- "name": "ROW",
159
- "module": "src/layout/flex.ts"
160
- }
161
- },
162
- {
163
- "kind": "js",
164
- "name": "COLUMN",
165
- "declaration": {
166
- "name": "COLUMN",
167
- "module": "src/layout/flex.ts"
168
- }
169
- },
170
- {
171
- "kind": "js",
172
- "name": "Row",
173
- "declaration": {
174
- "name": "Row",
175
- "module": "src/layout/flex.ts"
176
- }
177
- },
178
- {
179
- "kind": "custom-element-definition",
141
+ "name": "FADE_IN_OUT",
180
142
  "declaration": {
181
- "name": "Row",
182
- "module": "src/layout/flex.ts"
143
+ "name": "FADE_IN_OUT",
144
+ "module": "src/animation/fade-in-out.ts"
183
145
  }
184
146
  },
185
147
  {
186
148
  "kind": "js",
187
- "name": "Column",
149
+ "name": "FadeInOut",
188
150
  "declaration": {
189
- "name": "Column",
190
- "module": "src/layout/flex.ts"
151
+ "name": "FadeInOut",
152
+ "module": "src/animation/fade-in-out.ts"
191
153
  }
192
154
  },
193
155
  {
194
156
  "kind": "custom-element-definition",
195
157
  "declaration": {
196
- "name": "Column",
197
- "module": "src/layout/flex.ts"
158
+ "name": "FadeInOut",
159
+ "module": "src/animation/fade-in-out.ts"
198
160
  }
199
161
  }
200
162
  ]
201
163
  },
202
164
  {
203
165
  "kind": "javascript-module",
204
- "path": "src/layout/footer.ts",
205
- "declarations": [
206
- {
207
- "kind": "variable",
208
- "name": "FOOTER"
209
- },
210
- {
211
- "kind": "class",
212
- "description": "Footer layout.",
213
- "name": "Footer",
214
- "members": [],
215
- "superclass": {
216
- "name": "LitElement",
217
- "package": "lit"
218
- },
219
- "tagName": "brz-footer",
220
- "customElement": true
221
- }
222
- ],
166
+ "path": "src/animation/index.ts",
167
+ "declarations": [],
223
168
  "exports": [
224
169
  {
225
170
  "kind": "js",
226
- "name": "FOOTER",
227
- "declaration": {
228
- "name": "FOOTER",
229
- "module": "src/layout/footer.ts"
230
- }
231
- },
232
- {
233
- "kind": "js",
234
- "name": "Footer",
235
- "declaration": {
236
- "name": "Footer",
237
- "module": "src/layout/footer.ts"
238
- }
239
- },
240
- {
241
- "kind": "custom-element-definition",
171
+ "name": "*",
242
172
  "declaration": {
243
- "name": "Footer",
244
- "module": "src/layout/footer.ts"
173
+ "name": "*",
174
+ "package": "./fade-in-out"
245
175
  }
246
176
  }
247
177
  ]
248
178
  },
249
179
  {
250
180
  "kind": "javascript-module",
251
- "path": "src/layout/header-footer-page.ts",
181
+ "path": "src/components/alert.ts",
252
182
  "declarations": [
253
183
  {
254
184
  "kind": "variable",
255
- "name": "HEADER_FOOTER_PAGE"
256
- },
257
- {
258
- "kind": "class",
259
- "description": "Header footer page layout.",
260
- "name": "HeaderFooterPage",
261
- "members": [],
262
- "superclass": {
263
- "name": "LitElement",
264
- "package": "lit"
185
+ "name": "alertTypes",
186
+ "type": {
187
+ "text": "['info', 'success', 'warning', 'error']"
265
188
  },
266
- "tagName": "brz-header-footer-page",
267
- "customElement": true
268
- }
269
- ],
270
- "exports": [
271
- {
272
- "kind": "js",
273
- "name": "HEADER_FOOTER_PAGE",
274
- "declaration": {
275
- "name": "HEADER_FOOTER_PAGE",
276
- "module": "src/layout/header-footer-page.ts"
277
- }
278
- },
279
- {
280
- "kind": "js",
281
- "name": "HeaderFooterPage",
282
- "declaration": {
283
- "name": "HeaderFooterPage",
284
- "module": "src/layout/header-footer-page.ts"
285
- }
189
+ "default": "['info', 'success', 'warning', 'error']"
286
190
  },
287
- {
288
- "kind": "custom-element-definition",
289
- "declaration": {
290
- "name": "HeaderFooterPage",
291
- "module": "src/layout/header-footer-page.ts"
292
- }
293
- }
294
- ]
295
- },
296
- {
297
- "kind": "javascript-module",
298
- "path": "src/layout/header.ts",
299
- "declarations": [
300
191
  {
301
192
  "kind": "variable",
302
- "name": "HEADER"
193
+ "name": "ALERT"
303
194
  },
304
195
  {
305
196
  "kind": "class",
306
- "description": "Header layout.",
307
- "name": "Header",
308
- "members": [],
197
+ "description": "",
198
+ "name": "AlertEvent",
309
199
  "superclass": {
310
- "name": "LitElement",
311
- "package": "lit"
312
- },
313
- "deprecated": "Use PageHeader component instead",
314
- "tagName": "brz-header",
315
- "customElement": true
316
- }
317
- ],
318
- "exports": [
319
- {
320
- "kind": "js",
321
- "name": "HEADER",
322
- "declaration": {
323
- "name": "HEADER",
324
- "module": "src/layout/header.ts"
325
- }
326
- },
327
- {
328
- "kind": "js",
329
- "name": "Header",
330
- "declaration": {
331
- "name": "Header",
332
- "module": "src/layout/header.ts"
333
- }
334
- },
335
- {
336
- "kind": "custom-element-definition",
337
- "declaration": {
338
- "name": "Header",
339
- "module": "src/layout/header.ts"
340
- }
341
- }
342
- ]
343
- },
344
- {
345
- "kind": "javascript-module",
346
- "path": "src/layout/index.ts",
347
- "declarations": [],
348
- "exports": [
349
- {
350
- "kind": "js",
351
- "name": "*",
352
- "declaration": {
353
- "name": "*",
354
- "package": "./header"
355
- }
356
- },
357
- {
358
- "kind": "js",
359
- "name": "*",
360
- "declaration": {
361
- "name": "*",
362
- "package": "./flex"
363
- }
364
- },
365
- {
366
- "kind": "js",
367
- "name": "*",
368
- "declaration": {
369
- "name": "*",
370
- "package": "./split-row"
371
- }
372
- },
373
- {
374
- "kind": "js",
375
- "name": "*",
376
- "declaration": {
377
- "name": "*",
378
- "package": "./header-footer-page"
379
- }
380
- },
381
- {
382
- "kind": "js",
383
- "name": "*",
384
- "declaration": {
385
- "name": "*",
386
- "package": "./responsive-columns"
387
- }
388
- },
389
- {
390
- "kind": "js",
391
- "name": "*",
392
- "declaration": {
393
- "name": "*",
394
- "package": "./footer"
395
- }
396
- },
397
- {
398
- "kind": "js",
399
- "name": "*",
400
- "declaration": {
401
- "name": "*",
402
- "package": "./page-header"
403
- }
404
- },
405
- {
406
- "kind": "js",
407
- "name": "*",
408
- "declaration": {
409
- "name": "*",
410
- "package": "./grid"
200
+ "name": "CustomEvent",
201
+ "module": "src/components/alert.ts"
411
202
  }
412
- }
413
- ]
414
- },
415
- {
416
- "kind": "javascript-module",
417
- "path": "src/layout/page-header.ts",
418
- "declarations": [
419
- {
420
- "kind": "variable",
421
- "name": "PAGE_HEADER"
422
203
  },
423
204
  {
424
205
  "kind": "class",
425
- "description": "Use a Page Header to apply a consistent look and feel across all application\npages. It exposes several flexible content slots to support designs across\nvarious feature areas.",
426
- "name": "PageHeader",
427
- "slots": [
428
- {
429
- "description": "Supply a title as HTML if needed. Will be wrapped in a Level 1 heading. Ignores `pageTitle` property.",
430
- "name": "title"
431
- },
206
+ "description": "Alerts provide urgent contextual feedback in response to user action or\nsystem activity.",
207
+ "name": "Alert",
208
+ "members": [
432
209
  {
433
- "description": "An area to the left of the title, often used for avatars",
434
- "name": "decorator"
210
+ "kind": "field",
211
+ "name": "type",
212
+ "type": {
213
+ "text": "AlertType"
214
+ },
215
+ "default": "'info'",
216
+ "description": "An alert type correlating with its severity.",
217
+ "attribute": "type",
218
+ "reflects": true
435
219
  },
436
220
  {
437
- "description": "A subtitle provides additional context to the title",
438
- "name": "subtitle"
221
+ "kind": "field",
222
+ "name": "clearable",
223
+ "type": {
224
+ "text": "boolean"
225
+ },
226
+ "default": "false",
227
+ "description": "Adds the ability to dismiss the alert",
228
+ "attribute": "clearable"
439
229
  },
440
230
  {
441
- "description": "A flexible area for tags and other descriptive content",
442
- "name": "description"
231
+ "kind": "field",
232
+ "name": "title",
233
+ "type": {
234
+ "text": "string"
235
+ },
236
+ "default": "''",
237
+ "description": "Optional alert title text",
238
+ "attribute": "title"
443
239
  },
444
240
  {
445
- "description": "An area to the right of the title, often used for status labels",
446
- "name": "info"
241
+ "kind": "method",
242
+ "name": "getIcon"
447
243
  },
448
244
  {
449
- "description": "Typically used for one or more action buttons",
450
- "name": "actions"
245
+ "kind": "method",
246
+ "name": "clear"
451
247
  }
452
248
  ],
453
- "members": [
249
+ "events": [
454
250
  {
455
- "kind": "field",
456
- "name": "pageTitle",
251
+ "name": "brz-alert-cleared",
457
252
  "type": {
458
- "text": "string | undefined"
253
+ "text": "AlertEvent"
459
254
  },
460
- "description": "The main page title. Will be rendered to a Level 1 heading.\n\nIf you need more control and want to set the title with HTML, use the\n`title` slot instead, which ignores this property.",
461
- "attribute": "page-title"
255
+ "description": "Fired when the alert is dismissed"
462
256
  }
463
257
  ],
464
258
  "attributes": [
465
259
  {
466
- "name": "page-title",
260
+ "name": "type",
467
261
  "type": {
468
- "text": "string | undefined"
262
+ "text": "AlertType"
469
263
  },
470
- "description": "The main page title. Will be rendered to a Level 1 heading.\n\nIf you need more control and want to set the title with HTML, use the\n`title` slot instead, which ignores this property.",
471
- "fieldName": "pageTitle"
264
+ "default": "'info'",
265
+ "description": "An alert type correlating with its severity.",
266
+ "fieldName": "type"
267
+ },
268
+ {
269
+ "name": "clearable",
270
+ "type": {
271
+ "text": "boolean"
272
+ },
273
+ "default": "false",
274
+ "description": "Adds the ability to dismiss the alert",
275
+ "fieldName": "clearable"
276
+ },
277
+ {
278
+ "name": "title",
279
+ "type": {
280
+ "text": "string"
281
+ },
282
+ "default": "''",
283
+ "description": "Optional alert title text",
284
+ "fieldName": "title"
472
285
  }
473
286
  ],
474
287
  "superclass": {
475
288
  "name": "LitElement",
476
289
  "package": "lit"
477
290
  },
478
- "tagName": "brz-page-header",
291
+ "tagName": "brz-alert",
479
292
  "customElement": true
480
293
  }
481
294
  ],
482
295
  "exports": [
483
296
  {
484
297
  "kind": "js",
485
- "name": "PAGE_HEADER",
298
+ "name": "alertTypes",
486
299
  "declaration": {
487
- "name": "PAGE_HEADER",
488
- "module": "src/layout/page-header.ts"
300
+ "name": "alertTypes",
301
+ "module": "src/components/alert.ts"
489
302
  }
490
303
  },
491
304
  {
492
305
  "kind": "js",
493
- "name": "PageHeader",
494
- "declaration": {
495
- "name": "PageHeader",
496
- "module": "src/layout/page-header.ts"
497
- }
498
- },
499
- {
500
- "kind": "custom-element-definition",
306
+ "name": "ALERT",
501
307
  "declaration": {
502
- "name": "PageHeader",
503
- "module": "src/layout/page-header.ts"
308
+ "name": "ALERT",
309
+ "module": "src/components/alert.ts"
504
310
  }
505
- }
506
- ]
507
- },
508
- {
509
- "kind": "javascript-module",
510
- "path": "src/layout/responsive-columns.ts",
511
- "declarations": [
512
- {
513
- "kind": "variable",
514
- "name": "RESPONSIVE_COLUMNS"
515
311
  },
516
- {
517
- "kind": "class",
518
- "description": "Responsive columns layout.",
519
- "name": "ResponsiveColumns",
520
- "members": [],
521
- "superclass": {
522
- "name": "LitElement",
523
- "package": "lit"
524
- },
525
- "tagName": "brz-responsive-columns",
526
- "customElement": true
527
- }
528
- ],
529
- "exports": [
530
312
  {
531
313
  "kind": "js",
532
- "name": "RESPONSIVE_COLUMNS",
314
+ "name": "AlertEvent",
533
315
  "declaration": {
534
- "name": "RESPONSIVE_COLUMNS",
535
- "module": "src/layout/responsive-columns.ts"
316
+ "name": "AlertEvent",
317
+ "module": "src/components/alert.ts"
536
318
  }
537
319
  },
538
320
  {
539
321
  "kind": "js",
540
- "name": "ResponsiveColumns",
322
+ "name": "Alert",
541
323
  "declaration": {
542
- "name": "ResponsiveColumns",
543
- "module": "src/layout/responsive-columns.ts"
324
+ "name": "Alert",
325
+ "module": "src/components/alert.ts"
544
326
  }
545
327
  },
546
328
  {
547
329
  "kind": "custom-element-definition",
548
330
  "declaration": {
549
- "name": "ResponsiveColumns",
550
- "module": "src/layout/responsive-columns.ts"
331
+ "name": "Alert",
332
+ "module": "src/components/alert.ts"
551
333
  }
552
334
  }
553
335
  ]
554
336
  },
555
337
  {
556
338
  "kind": "javascript-module",
557
- "path": "src/layout/split-row.ts",
339
+ "path": "src/components/avatar.ts",
558
340
  "declarations": [
559
341
  {
560
342
  "kind": "variable",
561
- "name": "SPLIT_ROW"
343
+ "name": "AVATAR"
562
344
  },
563
345
  {
564
346
  "kind": "variable",
565
- "name": "ACTION_BAR"
347
+ "name": "AVATAR_GROUP"
566
348
  },
567
349
  {
568
350
  "kind": "class",
569
- "description": "Split row layout.",
570
- "name": "SplitRow",
351
+ "description": "Avatar component.",
352
+ "name": "Avatar",
571
353
  "members": [
572
354
  {
573
355
  "kind": "field",
574
- "name": "verticalAlign",
356
+ "name": "hasOuterBorder",
575
357
  "type": {
576
- "text": "'top' | 'middle' | 'bottom'"
358
+ "text": "boolean"
577
359
  },
578
- "default": "'top'",
579
- "attribute": "vertical-align",
360
+ "default": "false",
361
+ "description": "If set adds 1px white border around the avatar",
362
+ "attribute": "has-outer-border",
580
363
  "reflects": true
581
364
  },
582
365
  {
583
366
  "kind": "field",
584
- "name": "leftExpand",
367
+ "name": "icon",
585
368
  "type": {
586
- "text": "boolean"
369
+ "text": "IconKey | undefined"
587
370
  },
588
- "default": "false",
589
- "attribute": "left-expand",
371
+ "description": "Show the selected icon in the avatar",
372
+ "attribute": "icon",
590
373
  "reflects": true
591
374
  },
592
375
  {
593
376
  "kind": "field",
594
- "name": "rightExpand",
377
+ "name": "imageSrc",
595
378
  "type": {
596
- "text": "boolean"
379
+ "text": "string | undefined"
597
380
  },
598
- "default": "false",
599
- "attribute": "right-expand",
381
+ "description": "If set will show image in the avatar. Can be hosted url or relative path.",
382
+ "attribute": "image-src",
600
383
  "reflects": true
601
384
  },
602
385
  {
603
386
  "kind": "field",
604
- "name": "noGap",
605
- "type": {
606
- "text": "boolean"
607
- },
608
- "default": "false",
609
- "attribute": "no-gap",
610
- "reflects": true
611
- },
612
- {
613
- "kind": "field",
614
- "name": "expandY",
615
- "type": {
616
- "text": "boolean"
617
- },
618
- "default": "false",
619
- "attribute": "expand-y"
620
- }
621
- ],
622
- "attributes": [
623
- {
624
- "name": "vertical-align",
625
- "type": {
626
- "text": "'top' | 'middle' | 'bottom'"
627
- },
628
- "default": "'top'",
629
- "fieldName": "verticalAlign"
630
- },
631
- {
632
- "name": "left-expand",
633
- "type": {
634
- "text": "boolean"
635
- },
636
- "default": "false",
637
- "fieldName": "leftExpand"
638
- },
639
- {
640
- "name": "right-expand",
641
- "type": {
642
- "text": "boolean"
643
- },
644
- "default": "false",
645
- "fieldName": "rightExpand"
646
- },
647
- {
648
- "name": "no-gap",
649
- "type": {
650
- "text": "boolean"
651
- },
652
- "default": "false",
653
- "fieldName": "noGap"
654
- },
655
- {
656
- "name": "expand-y",
657
- "type": {
658
- "text": "boolean"
659
- },
660
- "default": "false",
661
- "fieldName": "expandY"
662
- }
663
- ],
664
- "superclass": {
665
- "name": "LitElement",
666
- "package": "lit"
667
- },
668
- "tagName": "brz-split-row",
669
- "customElement": true
670
- },
671
- {
672
- "kind": "class",
673
- "description": "Action bar layout.",
674
- "name": "ActionBar",
675
- "members": [
676
- {
677
- "kind": "field",
678
- "name": "noBorder",
679
- "type": {
680
- "text": "boolean"
681
- },
682
- "default": "false",
683
- "attribute": "no-border",
684
- "reflects": true
685
- },
686
- {
687
- "kind": "field",
688
- "name": "leftExpand",
689
- "type": {
690
- "text": "boolean"
691
- },
692
- "default": "false",
693
- "attribute": "left-expand",
694
- "reflects": true
695
- },
696
- {
697
- "kind": "field",
698
- "name": "rightExpand",
699
- "type": {
700
- "text": "boolean"
701
- },
702
- "default": "false",
703
- "attribute": "right-expand",
704
- "reflects": true
705
- }
706
- ],
707
- "attributes": [
708
- {
709
- "name": "no-border",
710
- "type": {
711
- "text": "boolean"
712
- },
713
- "default": "false",
714
- "fieldName": "noBorder"
715
- },
716
- {
717
- "name": "left-expand",
718
- "type": {
719
- "text": "boolean"
720
- },
721
- "default": "false",
722
- "fieldName": "leftExpand"
723
- },
724
- {
725
- "name": "right-expand",
726
- "type": {
727
- "text": "boolean"
728
- },
729
- "default": "false",
730
- "fieldName": "rightExpand"
731
- }
732
- ],
733
- "superclass": {
734
- "name": "LitElement",
735
- "package": "lit"
736
- },
737
- "tagName": "brz-action-bar",
738
- "customElement": true
739
- }
740
- ],
741
- "exports": [
742
- {
743
- "kind": "js",
744
- "name": "SPLIT_ROW",
745
- "declaration": {
746
- "name": "SPLIT_ROW",
747
- "module": "src/layout/split-row.ts"
748
- }
749
- },
750
- {
751
- "kind": "js",
752
- "name": "ACTION_BAR",
753
- "declaration": {
754
- "name": "ACTION_BAR",
755
- "module": "src/layout/split-row.ts"
756
- }
757
- },
758
- {
759
- "kind": "js",
760
- "name": "SplitRow",
761
- "declaration": {
762
- "name": "SplitRow",
763
- "module": "src/layout/split-row.ts"
764
- }
765
- },
766
- {
767
- "kind": "custom-element-definition",
768
- "declaration": {
769
- "name": "SplitRow",
770
- "module": "src/layout/split-row.ts"
771
- }
772
- },
773
- {
774
- "kind": "js",
775
- "name": "ActionBar",
776
- "declaration": {
777
- "name": "ActionBar",
778
- "module": "src/layout/split-row.ts"
779
- }
780
- },
781
- {
782
- "kind": "custom-element-definition",
783
- "declaration": {
784
- "name": "ActionBar",
785
- "module": "src/layout/split-row.ts"
786
- }
787
- }
788
- ]
789
- },
790
- {
791
- "kind": "javascript-module",
792
- "path": "src/components/alert.ts",
793
- "declarations": [
794
- {
795
- "kind": "variable",
796
- "name": "alertTypes",
797
- "type": {
798
- "text": "['info', 'success', 'warning', 'error']"
799
- },
800
- "default": "['info', 'success', 'warning', 'error']"
801
- },
802
- {
803
- "kind": "variable",
804
- "name": "ALERT"
805
- },
806
- {
807
- "kind": "class",
808
- "description": "Alerts provide urgent contextual feedback in response to user action or\nsystem activity.",
809
- "name": "Alert",
810
- "members": [
811
- {
812
- "kind": "field",
813
- "name": "type",
814
- "type": {
815
- "text": "AlertType"
816
- },
817
- "default": "'info'",
818
- "description": "An alert type correlating with its severity.",
819
- "attribute": "type",
820
- "reflects": true
821
- },
822
- {
823
- "kind": "field",
824
- "name": "clearable",
825
- "type": {
826
- "text": "boolean"
827
- },
828
- "default": "false",
829
- "description": "Adds the ability to dismiss the alert",
830
- "attribute": "clearable"
831
- },
832
- {
833
- "kind": "field",
834
- "name": "title",
835
- "type": {
836
- "text": "string"
837
- },
838
- "default": "''",
839
- "description": "Optional alert title text",
840
- "attribute": "title"
841
- },
842
- {
843
- "kind": "method",
844
- "name": "getIcon"
845
- },
846
- {
847
- "kind": "method",
848
- "name": "clear"
849
- }
850
- ],
851
- "events": [
852
- {
853
- "name": "brz-alert-cleared",
854
- "type": {
855
- "text": "AlertEvent"
856
- },
857
- "description": "Fired when the alert is dismissed"
858
- }
859
- ],
860
- "attributes": [
861
- {
862
- "name": "type",
863
- "type": {
864
- "text": "AlertType"
865
- },
866
- "default": "'info'",
867
- "description": "An alert type correlating with its severity.",
868
- "fieldName": "type"
869
- },
870
- {
871
- "name": "clearable",
872
- "type": {
873
- "text": "boolean"
874
- },
875
- "default": "false",
876
- "description": "Adds the ability to dismiss the alert",
877
- "fieldName": "clearable"
878
- },
879
- {
880
- "name": "title",
881
- "type": {
882
- "text": "string"
883
- },
884
- "default": "''",
885
- "description": "Optional alert title text",
886
- "fieldName": "title"
887
- }
888
- ],
889
- "superclass": {
890
- "name": "LitElement",
891
- "package": "lit"
892
- },
893
- "tagName": "brz-alert",
894
- "customElement": true
895
- }
896
- ],
897
- "exports": [
898
- {
899
- "kind": "js",
900
- "name": "alertTypes",
901
- "declaration": {
902
- "name": "alertTypes",
903
- "module": "src/components/alert.ts"
904
- }
905
- },
906
- {
907
- "kind": "js",
908
- "name": "ALERT",
909
- "declaration": {
910
- "name": "ALERT",
911
- "module": "src/components/alert.ts"
912
- }
913
- },
914
- {
915
- "kind": "js",
916
- "name": "Alert",
917
- "declaration": {
918
- "name": "Alert",
919
- "module": "src/components/alert.ts"
920
- }
921
- },
922
- {
923
- "kind": "custom-element-definition",
924
- "declaration": {
925
- "name": "Alert",
926
- "module": "src/components/alert.ts"
927
- }
928
- }
929
- ]
930
- },
931
- {
932
- "kind": "javascript-module",
933
- "path": "src/components/avatar.ts",
934
- "declarations": [
935
- {
936
- "kind": "variable",
937
- "name": "AVATAR"
938
- },
939
- {
940
- "kind": "variable",
941
- "name": "AVATAR_GROUP"
942
- },
943
- {
944
- "kind": "class",
945
- "description": "Avatar component.",
946
- "name": "Avatar",
947
- "members": [
948
- {
949
- "kind": "field",
950
- "name": "hasOuterBorder",
951
- "type": {
952
- "text": "boolean"
953
- },
954
- "default": "false",
955
- "description": "If set adds 1px white border around the avatar",
956
- "attribute": "has-outer-border",
957
- "reflects": true
958
- },
959
- {
960
- "kind": "field",
961
- "name": "icon",
962
- "type": {
963
- "text": "IconKey | undefined"
964
- },
965
- "description": "Show the selected icon in the avatar",
966
- "attribute": "icon",
967
- "reflects": true
968
- },
969
- {
970
- "kind": "field",
971
- "name": "imageSrc",
972
- "type": {
973
- "text": "string | undefined"
974
- },
975
- "description": "If set will show image in the avatar. Can be hosted url or relative path.",
976
- "attribute": "image-src",
977
- "reflects": true
978
- },
979
- {
980
- "kind": "field",
981
- "name": "isPlaceholderHidden",
387
+ "name": "isPlaceholderHidden",
982
388
  "type": {
983
389
  "text": "boolean"
984
390
  },
@@ -1324,6 +730,15 @@
1324
730
  "kind": "variable",
1325
731
  "name": "BUTTON_GROUP"
1326
732
  },
733
+ {
734
+ "kind": "class",
735
+ "description": "",
736
+ "name": "ButtonEvent",
737
+ "superclass": {
738
+ "name": "CustomEvent",
739
+ "module": "src/components/buttons.ts"
740
+ }
741
+ },
1327
742
  {
1328
743
  "kind": "variable",
1329
744
  "name": "buttonTypes",
@@ -1689,6 +1104,14 @@
1689
1104
  "module": "src/components/buttons.ts"
1690
1105
  }
1691
1106
  },
1107
+ {
1108
+ "kind": "js",
1109
+ "name": "ButtonEvent",
1110
+ "declaration": {
1111
+ "name": "ButtonEvent",
1112
+ "module": "src/components/buttons.ts"
1113
+ }
1114
+ },
1692
1115
  {
1693
1116
  "kind": "js",
1694
1117
  "name": "buttonTypes",
@@ -2896,7 +2319,7 @@
2896
2319
  "kind": "field",
2897
2320
  "name": "level",
2898
2321
  "type": {
2899
- "text": "1 | 2 | 3 | 4 | 5 | 6 | undefined"
2322
+ "text": "HeadingLevel | undefined"
2900
2323
  },
2901
2324
  "attribute": "level"
2902
2325
  },
@@ -2918,7 +2341,7 @@
2918
2341
  {
2919
2342
  "name": "level",
2920
2343
  "type": {
2921
- "text": "1 | 2 | 3 | 4 | 5 | 6 | undefined"
2344
+ "text": "HeadingLevel | undefined"
2922
2345
  },
2923
2346
  "fieldName": "level"
2924
2347
  }
@@ -4721,7 +4144,7 @@
4721
4144
  {
4722
4145
  "name": "level",
4723
4146
  "type": {
4724
- "text": "1 | 2 | 3 | 4 | 5 | 6 | undefined"
4147
+ "text": "HeadingLevel | undefined"
4725
4148
  },
4726
4149
  "fieldName": "level",
4727
4150
  "inheritedFrom": {
@@ -4748,7 +4171,7 @@
4748
4171
  "kind": "field",
4749
4172
  "name": "level",
4750
4173
  "type": {
4751
- "text": "1 | 2 | 3 | 4 | 5 | 6 | undefined"
4174
+ "text": "HeadingLevel | undefined"
4752
4175
  },
4753
4176
  "attribute": "level",
4754
4177
  "inheritedFrom": {
@@ -7287,6 +6710,7 @@
7287
6710
  "default": "false",
7288
6711
  "description": "Shows and hides slotted content",
7289
6712
  "attribute": "shown",
6713
+ "reflects": true,
7290
6714
  "inheritedFrom": {
7291
6715
  "name": "FadeInOut",
7292
6716
  "module": "src/animation/fade-in-out.ts"
@@ -10557,6 +9981,18 @@
10557
9981
  "tagName": "sp-input-number",
10558
9982
  "customElement": true,
10559
9983
  "attributes": [
9984
+ {
9985
+ "name": "value",
9986
+ "type": {
9987
+ "text": "ValueType | undefined"
9988
+ },
9989
+ "description": "Sets the value type",
9990
+ "fieldName": "value",
9991
+ "inheritedFrom": {
9992
+ "name": "InputBase",
9993
+ "module": "src/components/form-elements/input-base.ts"
9994
+ }
9995
+ },
10560
9996
  {
10561
9997
  "name": "has-no-stepper",
10562
9998
  "type": {
@@ -10597,9 +10033,9 @@
10597
10033
  {
10598
10034
  "name": "step",
10599
10035
  "type": {
10600
- "text": "string"
10036
+ "text": "number"
10601
10037
  },
10602
- "default": "'1'",
10038
+ "default": "1",
10603
10039
  "description": "Sets the step value",
10604
10040
  "fieldName": "step",
10605
10041
  "inheritedFrom": {
@@ -10759,21 +10195,22 @@
10759
10195
  "name": "InputBase",
10760
10196
  "module": "src/components/form-elements/input-base.ts"
10761
10197
  }
10762
- },
10198
+ }
10199
+ ],
10200
+ "members": [
10763
10201
  {
10202
+ "kind": "field",
10764
10203
  "name": "value",
10765
10204
  "type": {
10766
10205
  "text": "ValueType | undefined"
10767
10206
  },
10768
10207
  "description": "Sets the value type",
10769
- "fieldName": "value",
10208
+ "attribute": "value",
10770
10209
  "inheritedFrom": {
10771
10210
  "name": "InputBase",
10772
10211
  "module": "src/components/form-elements/input-base.ts"
10773
10212
  }
10774
- }
10775
- ],
10776
- "members": [
10213
+ },
10777
10214
  {
10778
10215
  "kind": "field",
10779
10216
  "name": "hasNoStepper",
@@ -10821,9 +10258,9 @@
10821
10258
  "kind": "field",
10822
10259
  "name": "step",
10823
10260
  "type": {
10824
- "text": "string"
10261
+ "text": "number"
10825
10262
  },
10826
- "default": "'1'",
10263
+ "default": "1",
10827
10264
  "description": "Sets the step value",
10828
10265
  "attribute": "step",
10829
10266
  "reflects": true,
@@ -10858,7 +10295,7 @@
10858
10295
  {
10859
10296
  "name": "newValue",
10860
10297
  "type": {
10861
- "text": "string"
10298
+ "text": "number"
10862
10299
  }
10863
10300
  }
10864
10301
  ],
@@ -10867,6 +10304,22 @@
10867
10304
  "module": "src/components/form-elements/input-number.ts"
10868
10305
  }
10869
10306
  },
10307
+ {
10308
+ "kind": "method",
10309
+ "name": "onInput",
10310
+ "parameters": [
10311
+ {
10312
+ "name": "e",
10313
+ "type": {
10314
+ "text": "{ target: { value: string | number } }"
10315
+ }
10316
+ }
10317
+ ],
10318
+ "inheritedFrom": {
10319
+ "name": "InputBase",
10320
+ "module": "src/components/form-elements/input-base.ts"
10321
+ }
10322
+ },
10870
10323
  {
10871
10324
  "kind": "method",
10872
10325
  "name": "handleKeyDown",
@@ -11119,35 +10572,6 @@
11119
10572
  "module": "src/components/form-elements/input-base.ts"
11120
10573
  }
11121
10574
  },
11122
- {
11123
- "kind": "field",
11124
- "name": "value",
11125
- "type": {
11126
- "text": "ValueType | undefined"
11127
- },
11128
- "description": "Sets the value type",
11129
- "attribute": "value",
11130
- "inheritedFrom": {
11131
- "name": "InputBase",
11132
- "module": "src/components/form-elements/input-base.ts"
11133
- }
11134
- },
11135
- {
11136
- "kind": "method",
11137
- "name": "onInput",
11138
- "parameters": [
11139
- {
11140
- "name": "e",
11141
- "type": {
11142
- "text": "{ target: { value: ValueType } }"
11143
- }
11144
- }
11145
- ],
11146
- "inheritedFrom": {
11147
- "name": "InputBase",
11148
- "module": "src/components/form-elements/input-base.ts"
11149
- }
11150
- },
11151
10575
  {
11152
10576
  "kind": "method",
11153
10577
  "name": "dispatchChange",
@@ -12660,6 +12084,24 @@
12660
12084
  "module": "src/components/form-elements/input-select-base.ts"
12661
12085
  }
12662
12086
  },
12087
+ {
12088
+ "kind": "method",
12089
+ "name": "findItem",
12090
+ "privacy": "private",
12091
+ "parameters": [
12092
+ {
12093
+ "name": "value",
12094
+ "type": {
12095
+ "text": "ValueType"
12096
+ }
12097
+ }
12098
+ ],
12099
+ "description": "Finds item from a given value in the list of items",
12100
+ "inheritedFrom": {
12101
+ "name": "InputSelect",
12102
+ "module": "src/components/form-elements/input-select.ts"
12103
+ }
12104
+ },
12663
12105
  {
12664
12106
  "kind": "method",
12665
12107
  "name": "syncValueLabel",
@@ -14774,6 +14216,24 @@
14774
14216
  "module": "src/components/form-elements/input-select-base.ts"
14775
14217
  }
14776
14218
  },
14219
+ {
14220
+ "kind": "method",
14221
+ "name": "findItem",
14222
+ "privacy": "private",
14223
+ "parameters": [
14224
+ {
14225
+ "name": "value",
14226
+ "type": {
14227
+ "text": "ValueType"
14228
+ }
14229
+ }
14230
+ ],
14231
+ "description": "Finds item from a given value in the list of items",
14232
+ "inheritedFrom": {
14233
+ "name": "InputSelect",
14234
+ "module": "src/components/form-elements/input-select.ts"
14235
+ }
14236
+ },
14777
14237
  {
14778
14238
  "kind": "method",
14779
14239
  "name": "syncValueLabel",
@@ -17533,6 +16993,15 @@
17533
16993
  "kind": "variable",
17534
16994
  "name": "PAGINATION"
17535
16995
  },
16996
+ {
16997
+ "kind": "class",
16998
+ "description": "",
16999
+ "name": "BasicPaginationEvent",
17000
+ "superclass": {
17001
+ "name": "CustomEvent",
17002
+ "module": "src/components/pagination.ts"
17003
+ }
17004
+ },
17536
17005
  {
17537
17006
  "kind": "class",
17538
17007
  "description": "Basic pagination component",
@@ -17636,6 +17105,15 @@
17636
17105
  "tagName": "brz-basic-pagination",
17637
17106
  "customElement": true
17638
17107
  },
17108
+ {
17109
+ "kind": "class",
17110
+ "description": "",
17111
+ "name": "PaginationEvent",
17112
+ "superclass": {
17113
+ "name": "CustomEvent",
17114
+ "module": "src/components/pagination.ts"
17115
+ }
17116
+ },
17639
17117
  {
17640
17118
  "kind": "class",
17641
17119
  "description": "Pagination component",
@@ -17800,6 +17278,14 @@
17800
17278
  "module": "src/components/pagination.ts"
17801
17279
  }
17802
17280
  },
17281
+ {
17282
+ "kind": "js",
17283
+ "name": "BasicPaginationEvent",
17284
+ "declaration": {
17285
+ "name": "BasicPaginationEvent",
17286
+ "module": "src/components/pagination.ts"
17287
+ }
17288
+ },
17803
17289
  {
17804
17290
  "kind": "js",
17805
17291
  "name": "BasicPagination",
@@ -17815,6 +17301,14 @@
17815
17301
  "module": "src/components/pagination.ts"
17816
17302
  }
17817
17303
  },
17304
+ {
17305
+ "kind": "js",
17306
+ "name": "PaginationEvent",
17307
+ "declaration": {
17308
+ "name": "PaginationEvent",
17309
+ "module": "src/components/pagination.ts"
17310
+ }
17311
+ },
17818
17312
  {
17819
17313
  "kind": "js",
17820
17314
  "name": "Pagination",
@@ -17865,6 +17359,15 @@
17865
17359
  },
17866
17360
  "default": "['dialog', 'tooltip', 'menu']"
17867
17361
  },
17362
+ {
17363
+ "kind": "class",
17364
+ "description": "",
17365
+ "name": "PopoverEvent",
17366
+ "superclass": {
17367
+ "name": "CustomEvent",
17368
+ "module": "src/components/popover.ts"
17369
+ }
17370
+ },
17868
17371
  {
17869
17372
  "kind": "class",
17870
17373
  "description": "Pure popover component",
@@ -18622,6 +18125,14 @@
18622
18125
  "module": "src/components/popover.ts"
18623
18126
  }
18624
18127
  },
18128
+ {
18129
+ "kind": "js",
18130
+ "name": "PopoverEvent",
18131
+ "declaration": {
18132
+ "name": "PopoverEvent",
18133
+ "module": "src/components/popover.ts"
18134
+ }
18135
+ },
18625
18136
  {
18626
18137
  "kind": "js",
18627
18138
  "name": "PurePopover",
@@ -18989,364 +18500,976 @@
18989
18500
  "fieldName": "disabled"
18990
18501
  },
18991
18502
  {
18992
- "name": "content",
18503
+ "name": "content",
18504
+ "type": {
18505
+ "text": "string"
18506
+ },
18507
+ "default": "''",
18508
+ "description": "Content to be shown in tooltip",
18509
+ "fieldName": "content"
18510
+ },
18511
+ {
18512
+ "name": "theme",
18513
+ "type": {
18514
+ "text": "Theme"
18515
+ },
18516
+ "default": "'dark'",
18517
+ "description": "The tooltip theme",
18518
+ "fieldName": "theme"
18519
+ }
18520
+ ],
18521
+ "superclass": {
18522
+ "name": "LitElement",
18523
+ "package": "lit"
18524
+ },
18525
+ "tagName": "brz-tooltip",
18526
+ "customElement": true
18527
+ }
18528
+ ],
18529
+ "exports": [
18530
+ {
18531
+ "kind": "js",
18532
+ "name": "TOOLTIP",
18533
+ "declaration": {
18534
+ "name": "TOOLTIP",
18535
+ "module": "src/components/tooltip.ts"
18536
+ }
18537
+ },
18538
+ {
18539
+ "kind": "js",
18540
+ "name": "Tooltip",
18541
+ "declaration": {
18542
+ "name": "Tooltip",
18543
+ "module": "src/components/tooltip.ts"
18544
+ }
18545
+ },
18546
+ {
18547
+ "kind": "custom-element-definition",
18548
+ "declaration": {
18549
+ "name": "Tooltip",
18550
+ "module": "src/components/tooltip.ts"
18551
+ }
18552
+ }
18553
+ ]
18554
+ },
18555
+ {
18556
+ "kind": "javascript-module",
18557
+ "path": "src/components/virtual-list.ts",
18558
+ "declarations": [
18559
+ {
18560
+ "kind": "variable",
18561
+ "name": "VIRTUAL_LIST"
18562
+ },
18563
+ {
18564
+ "kind": "class",
18565
+ "description": "VirtualList is helper component for high-volume lists. It eases the strain on\nthe browser by only rendering a small slice of the list at a time, while the\nsize of the list container is estimated and padded out to help normalize\nscroll behaviour.",
18566
+ "name": "VirtualList",
18567
+ "members": [
18568
+ {
18569
+ "kind": "field",
18570
+ "name": "items",
18571
+ "type": {
18572
+ "text": "ItemType[]"
18573
+ },
18574
+ "default": "[]",
18575
+ "description": "List of items to be virtualized. Usually an array of data objects.",
18576
+ "attribute": "items"
18577
+ },
18578
+ {
18579
+ "kind": "field",
18580
+ "name": "itemMinHeight",
18581
+ "type": {
18582
+ "text": "number"
18583
+ },
18584
+ "default": "32",
18585
+ "description": "Fixed or minimum height of each list item in pixels. Defaults to 32.\nSetting a known min-height of each list item significantly improves\nperformance.",
18586
+ "attribute": "item-min-height"
18587
+ },
18588
+ {
18589
+ "kind": "field",
18590
+ "name": "overscan",
18591
+ "type": {
18592
+ "text": "number"
18593
+ },
18594
+ "default": "50",
18595
+ "description": "Number of items to render before and after the current item index. This\nhelps the virtual scroll feel more natural by avoiding flashes of \"blank\"\nitems or badly estimated offsets. However, be aware that a higher value\nmeans more elements are rendered to the DOM so can eventually lead to worse\noverall performance.",
18596
+ "attribute": "overscan"
18597
+ },
18598
+ {
18599
+ "kind": "field",
18600
+ "name": "renderItem"
18601
+ },
18602
+ {
18603
+ "kind": "method",
18604
+ "name": "sync",
18605
+ "privacy": "private"
18606
+ },
18607
+ {
18608
+ "kind": "method",
18609
+ "name": "resetItems",
18610
+ "privacy": "private",
18611
+ "description": "Resets the current list of virtualized items and associated properties"
18612
+ },
18613
+ {
18614
+ "kind": "method",
18615
+ "name": "canSync",
18616
+ "privacy": "private",
18617
+ "parameters": [
18618
+ {
18619
+ "name": "changedProperties",
18620
+ "type": {
18621
+ "text": "PropertyValues"
18622
+ }
18623
+ }
18624
+ ],
18625
+ "description": "Returns true if a property has changed that should trigger a sync"
18626
+ },
18627
+ {
18628
+ "kind": "method",
18629
+ "name": "sumOfHeightsToIndex",
18630
+ "privacy": "private",
18631
+ "parameters": [
18632
+ {
18633
+ "name": "index",
18634
+ "type": {
18635
+ "text": "number"
18636
+ }
18637
+ }
18638
+ ],
18639
+ "description": "Adds up the item heights up to the current item index. Used to set the top\noffset for each item in the scroll container."
18640
+ },
18641
+ {
18642
+ "kind": "method",
18643
+ "name": "syncVisibleItems",
18644
+ "privacy": "private",
18645
+ "description": "Syncs the rolling render window. Usually triggered by scroll or changed\nproperties requiring the list to re-render."
18646
+ },
18647
+ {
18648
+ "kind": "method",
18649
+ "name": "emitUpdate",
18650
+ "privacy": "private",
18651
+ "description": "Dispatches an event containing a list of references to the rendered item\nelements. This saves extensive DOM-querying by parents to access them."
18652
+ },
18653
+ {
18654
+ "kind": "method",
18655
+ "name": "updateItemHeights",
18656
+ "privacy": "private",
18657
+ "description": "Reads the actual item heights as they are rendered into the rolling render\nwindow and tracks them in the item heights array. This helps variable item\nheights to become more predictable over time and reduce potentially janky\nbehaviour while scrolling."
18658
+ },
18659
+ {
18660
+ "kind": "method",
18661
+ "name": "handleScroll",
18662
+ "privacy": "private",
18663
+ "parameters": [
18664
+ {
18665
+ "name": "event",
18666
+ "type": {
18667
+ "text": "Event"
18668
+ }
18669
+ }
18670
+ ],
18671
+ "description": "Updates the current scrollTop value as the user scrolls the list container,\nthen syncs up the visible items."
18672
+ }
18673
+ ],
18674
+ "events": [
18675
+ {
18676
+ "type": {
18677
+ "text": "VirtualListUpdateEvent"
18678
+ }
18679
+ }
18680
+ ],
18681
+ "attributes": [
18682
+ {
18683
+ "name": "overscan",
18684
+ "type": {
18685
+ "text": "number"
18686
+ },
18687
+ "default": "50",
18688
+ "description": "Number of items to render before and after the current item index. This\nhelps the virtual scroll feel more natural by avoiding flashes of \"blank\"\nitems or badly estimated offsets. However, be aware that a higher value\nmeans more elements are rendered to the DOM so can eventually lead to worse\noverall performance.",
18689
+ "fieldName": "overscan",
18690
+ "attribute": "overscan"
18691
+ },
18692
+ {
18693
+ "name": "items",
18694
+ "type": {
18695
+ "text": "ItemType[]"
18696
+ },
18697
+ "default": "[]",
18698
+ "description": "List of items to be virtualized. Usually an array of data objects.",
18699
+ "fieldName": "items"
18700
+ },
18701
+ {
18702
+ "name": "item-min-height",
18703
+ "type": {
18704
+ "text": "number"
18705
+ },
18706
+ "default": "32",
18707
+ "description": "Fixed or minimum height of each list item in pixels. Defaults to 32.\nSetting a known min-height of each list item significantly improves\nperformance.",
18708
+ "fieldName": "itemMinHeight"
18709
+ }
18710
+ ],
18711
+ "superclass": {
18712
+ "name": "LitElement",
18713
+ "package": "lit"
18714
+ },
18715
+ "tagName": "brz-virtual-list",
18716
+ "customElement": true
18717
+ },
18718
+ {
18719
+ "kind": "class",
18720
+ "description": "",
18721
+ "name": "VirtualListUpdateEvent",
18722
+ "superclass": {
18723
+ "name": "CustomEvent",
18724
+ "module": "src/components/virtual-list.ts"
18725
+ }
18726
+ }
18727
+ ],
18728
+ "exports": [
18729
+ {
18730
+ "kind": "js",
18731
+ "name": "VIRTUAL_LIST",
18732
+ "declaration": {
18733
+ "name": "VIRTUAL_LIST",
18734
+ "module": "src/components/virtual-list.ts"
18735
+ }
18736
+ },
18737
+ {
18738
+ "kind": "js",
18739
+ "name": "VirtualList",
18740
+ "declaration": {
18741
+ "name": "VirtualList",
18742
+ "module": "src/components/virtual-list.ts"
18743
+ }
18744
+ },
18745
+ {
18746
+ "kind": "custom-element-definition",
18747
+ "declaration": {
18748
+ "name": "VirtualList",
18749
+ "module": "src/components/virtual-list.ts"
18750
+ }
18751
+ },
18752
+ {
18753
+ "kind": "js",
18754
+ "name": "VirtualListUpdateEvent",
18755
+ "declaration": {
18756
+ "name": "VirtualListUpdateEvent",
18757
+ "module": "src/components/virtual-list.ts"
18758
+ }
18759
+ }
18760
+ ]
18761
+ },
18762
+ {
18763
+ "kind": "javascript-module",
18764
+ "path": "src/layout/flex.ts",
18765
+ "declarations": [
18766
+ {
18767
+ "kind": "variable",
18768
+ "name": "ROW"
18769
+ },
18770
+ {
18771
+ "kind": "variable",
18772
+ "name": "COLUMN"
18773
+ },
18774
+ {
18775
+ "kind": "class",
18776
+ "description": "Row layout.",
18777
+ "name": "Row",
18778
+ "members": [
18779
+ {
18780
+ "kind": "field",
18781
+ "name": "verticalAlign",
18782
+ "type": {
18783
+ "text": "'top' | 'middle' | 'bottom'"
18784
+ },
18785
+ "default": "'top'",
18786
+ "attribute": "vertical-align",
18787
+ "reflects": true
18788
+ }
18789
+ ],
18790
+ "attributes": [
18791
+ {
18792
+ "name": "vertical-align",
18793
+ "type": {
18794
+ "text": "'top' | 'middle' | 'bottom'"
18795
+ },
18796
+ "default": "'top'",
18797
+ "fieldName": "verticalAlign"
18798
+ }
18799
+ ],
18800
+ "superclass": {
18801
+ "name": "LitElement",
18802
+ "package": "lit"
18803
+ },
18804
+ "tagName": "brz-row",
18805
+ "customElement": true
18806
+ },
18807
+ {
18808
+ "kind": "class",
18809
+ "description": "Column layout.",
18810
+ "name": "Column",
18811
+ "members": [
18812
+ {
18813
+ "kind": "field",
18814
+ "name": "align",
18815
+ "type": {
18816
+ "text": "'left' | 'center' | 'right'"
18817
+ },
18818
+ "default": "'left'",
18819
+ "attribute": "align"
18820
+ }
18821
+ ],
18822
+ "attributes": [
18823
+ {
18824
+ "name": "align",
18825
+ "type": {
18826
+ "text": "'left' | 'center' | 'right'"
18827
+ },
18828
+ "default": "'left'",
18829
+ "fieldName": "align"
18830
+ }
18831
+ ],
18832
+ "superclass": {
18833
+ "name": "LitElement",
18834
+ "package": "lit"
18835
+ },
18836
+ "tagName": "brz-column",
18837
+ "customElement": true
18838
+ }
18839
+ ],
18840
+ "exports": [
18841
+ {
18842
+ "kind": "js",
18843
+ "name": "ROW",
18844
+ "declaration": {
18845
+ "name": "ROW",
18846
+ "module": "src/layout/flex.ts"
18847
+ }
18848
+ },
18849
+ {
18850
+ "kind": "js",
18851
+ "name": "COLUMN",
18852
+ "declaration": {
18853
+ "name": "COLUMN",
18854
+ "module": "src/layout/flex.ts"
18855
+ }
18856
+ },
18857
+ {
18858
+ "kind": "js",
18859
+ "name": "Row",
18860
+ "declaration": {
18861
+ "name": "Row",
18862
+ "module": "src/layout/flex.ts"
18863
+ }
18864
+ },
18865
+ {
18866
+ "kind": "custom-element-definition",
18867
+ "declaration": {
18868
+ "name": "Row",
18869
+ "module": "src/layout/flex.ts"
18870
+ }
18871
+ },
18872
+ {
18873
+ "kind": "js",
18874
+ "name": "Column",
18875
+ "declaration": {
18876
+ "name": "Column",
18877
+ "module": "src/layout/flex.ts"
18878
+ }
18879
+ },
18880
+ {
18881
+ "kind": "custom-element-definition",
18882
+ "declaration": {
18883
+ "name": "Column",
18884
+ "module": "src/layout/flex.ts"
18885
+ }
18886
+ }
18887
+ ]
18888
+ },
18889
+ {
18890
+ "kind": "javascript-module",
18891
+ "path": "src/layout/footer.ts",
18892
+ "declarations": [
18893
+ {
18894
+ "kind": "variable",
18895
+ "name": "FOOTER"
18896
+ },
18897
+ {
18898
+ "kind": "class",
18899
+ "description": "Footer layout.",
18900
+ "name": "Footer",
18901
+ "members": [],
18902
+ "superclass": {
18903
+ "name": "LitElement",
18904
+ "package": "lit"
18905
+ },
18906
+ "tagName": "brz-footer",
18907
+ "customElement": true
18908
+ }
18909
+ ],
18910
+ "exports": [
18911
+ {
18912
+ "kind": "js",
18913
+ "name": "FOOTER",
18914
+ "declaration": {
18915
+ "name": "FOOTER",
18916
+ "module": "src/layout/footer.ts"
18917
+ }
18918
+ },
18919
+ {
18920
+ "kind": "js",
18921
+ "name": "Footer",
18922
+ "declaration": {
18923
+ "name": "Footer",
18924
+ "module": "src/layout/footer.ts"
18925
+ }
18926
+ },
18927
+ {
18928
+ "kind": "custom-element-definition",
18929
+ "declaration": {
18930
+ "name": "Footer",
18931
+ "module": "src/layout/footer.ts"
18932
+ }
18933
+ }
18934
+ ]
18935
+ },
18936
+ {
18937
+ "kind": "javascript-module",
18938
+ "path": "src/layout/header-footer-page.ts",
18939
+ "declarations": [
18940
+ {
18941
+ "kind": "variable",
18942
+ "name": "HEADER_FOOTER_PAGE"
18943
+ },
18944
+ {
18945
+ "kind": "class",
18946
+ "description": "Header footer page layout.",
18947
+ "name": "HeaderFooterPage",
18948
+ "members": [],
18949
+ "superclass": {
18950
+ "name": "LitElement",
18951
+ "package": "lit"
18952
+ },
18953
+ "tagName": "brz-header-footer-page",
18954
+ "customElement": true
18955
+ }
18956
+ ],
18957
+ "exports": [
18958
+ {
18959
+ "kind": "js",
18960
+ "name": "HEADER_FOOTER_PAGE",
18961
+ "declaration": {
18962
+ "name": "HEADER_FOOTER_PAGE",
18963
+ "module": "src/layout/header-footer-page.ts"
18964
+ }
18965
+ },
18966
+ {
18967
+ "kind": "js",
18968
+ "name": "HeaderFooterPage",
18969
+ "declaration": {
18970
+ "name": "HeaderFooterPage",
18971
+ "module": "src/layout/header-footer-page.ts"
18972
+ }
18973
+ },
18974
+ {
18975
+ "kind": "custom-element-definition",
18976
+ "declaration": {
18977
+ "name": "HeaderFooterPage",
18978
+ "module": "src/layout/header-footer-page.ts"
18979
+ }
18980
+ }
18981
+ ]
18982
+ },
18983
+ {
18984
+ "kind": "javascript-module",
18985
+ "path": "src/layout/header.ts",
18986
+ "declarations": [
18987
+ {
18988
+ "kind": "variable",
18989
+ "name": "HEADER"
18990
+ },
18991
+ {
18992
+ "kind": "class",
18993
+ "description": "Header layout.",
18994
+ "name": "Header",
18995
+ "members": [],
18996
+ "superclass": {
18997
+ "name": "LitElement",
18998
+ "package": "lit"
18999
+ },
19000
+ "deprecated": "Use PageHeader component instead",
19001
+ "tagName": "brz-header",
19002
+ "customElement": true
19003
+ }
19004
+ ],
19005
+ "exports": [
19006
+ {
19007
+ "kind": "js",
19008
+ "name": "HEADER",
19009
+ "declaration": {
19010
+ "name": "HEADER",
19011
+ "module": "src/layout/header.ts"
19012
+ }
19013
+ },
19014
+ {
19015
+ "kind": "js",
19016
+ "name": "Header",
19017
+ "declaration": {
19018
+ "name": "Header",
19019
+ "module": "src/layout/header.ts"
19020
+ }
19021
+ },
19022
+ {
19023
+ "kind": "custom-element-definition",
19024
+ "declaration": {
19025
+ "name": "Header",
19026
+ "module": "src/layout/header.ts"
19027
+ }
19028
+ }
19029
+ ]
19030
+ },
19031
+ {
19032
+ "kind": "javascript-module",
19033
+ "path": "src/layout/index.ts",
19034
+ "declarations": [],
19035
+ "exports": [
19036
+ {
19037
+ "kind": "js",
19038
+ "name": "*",
19039
+ "declaration": {
19040
+ "name": "*",
19041
+ "package": "./header"
19042
+ }
19043
+ },
19044
+ {
19045
+ "kind": "js",
19046
+ "name": "*",
19047
+ "declaration": {
19048
+ "name": "*",
19049
+ "package": "./flex"
19050
+ }
19051
+ },
19052
+ {
19053
+ "kind": "js",
19054
+ "name": "*",
19055
+ "declaration": {
19056
+ "name": "*",
19057
+ "package": "./split-row"
19058
+ }
19059
+ },
19060
+ {
19061
+ "kind": "js",
19062
+ "name": "*",
19063
+ "declaration": {
19064
+ "name": "*",
19065
+ "package": "./header-footer-page"
19066
+ }
19067
+ },
19068
+ {
19069
+ "kind": "js",
19070
+ "name": "*",
19071
+ "declaration": {
19072
+ "name": "*",
19073
+ "package": "./responsive-columns"
19074
+ }
19075
+ },
19076
+ {
19077
+ "kind": "js",
19078
+ "name": "*",
19079
+ "declaration": {
19080
+ "name": "*",
19081
+ "package": "./footer"
19082
+ }
19083
+ },
19084
+ {
19085
+ "kind": "js",
19086
+ "name": "*",
19087
+ "declaration": {
19088
+ "name": "*",
19089
+ "package": "./page-header"
19090
+ }
19091
+ },
19092
+ {
19093
+ "kind": "js",
19094
+ "name": "*",
19095
+ "declaration": {
19096
+ "name": "*",
19097
+ "package": "./grid"
19098
+ }
19099
+ }
19100
+ ]
19101
+ },
19102
+ {
19103
+ "kind": "javascript-module",
19104
+ "path": "src/layout/page-header.ts",
19105
+ "declarations": [
19106
+ {
19107
+ "kind": "variable",
19108
+ "name": "PAGE_HEADER"
19109
+ },
19110
+ {
19111
+ "kind": "class",
19112
+ "description": "Use a Page Header to apply a consistent look and feel across all application\npages. It exposes several flexible content slots to support designs across\nvarious feature areas.",
19113
+ "name": "PageHeader",
19114
+ "slots": [
19115
+ {
19116
+ "description": "Supply a title as HTML if needed. Will be wrapped in a Level 1 heading. Ignores `pageTitle` property.",
19117
+ "name": "title"
19118
+ },
19119
+ {
19120
+ "description": "An area to the left of the title, often used for avatars",
19121
+ "name": "decorator"
19122
+ },
19123
+ {
19124
+ "description": "A subtitle provides additional context to the title",
19125
+ "name": "subtitle"
19126
+ },
19127
+ {
19128
+ "description": "A flexible area for tags and other descriptive content",
19129
+ "name": "description"
19130
+ },
19131
+ {
19132
+ "description": "An area to the right of the title, often used for status labels",
19133
+ "name": "info"
19134
+ },
19135
+ {
19136
+ "description": "Typically used for one or more action buttons",
19137
+ "name": "actions"
19138
+ }
19139
+ ],
19140
+ "members": [
19141
+ {
19142
+ "kind": "field",
19143
+ "name": "pageTitle",
18993
19144
  "type": {
18994
- "text": "string"
19145
+ "text": "string | undefined"
18995
19146
  },
18996
- "default": "''",
18997
- "description": "Content to be shown in tooltip",
18998
- "fieldName": "content"
18999
- },
19147
+ "description": "The main page title. Will be rendered to a Level 1 heading.\n\nIf you need more control and want to set the title with HTML, use the\n`title` slot instead, which ignores this property.",
19148
+ "attribute": "page-title"
19149
+ }
19150
+ ],
19151
+ "attributes": [
19000
19152
  {
19001
- "name": "theme",
19153
+ "name": "page-title",
19002
19154
  "type": {
19003
- "text": "Theme"
19155
+ "text": "string | undefined"
19004
19156
  },
19005
- "default": "'dark'",
19006
- "description": "The tooltip theme",
19007
- "fieldName": "theme"
19157
+ "description": "The main page title. Will be rendered to a Level 1 heading.\n\nIf you need more control and want to set the title with HTML, use the\n`title` slot instead, which ignores this property.",
19158
+ "fieldName": "pageTitle"
19008
19159
  }
19009
19160
  ],
19010
19161
  "superclass": {
19011
19162
  "name": "LitElement",
19012
19163
  "package": "lit"
19013
19164
  },
19014
- "tagName": "brz-tooltip",
19165
+ "tagName": "brz-page-header",
19015
19166
  "customElement": true
19016
19167
  }
19017
19168
  ],
19018
19169
  "exports": [
19019
19170
  {
19020
19171
  "kind": "js",
19021
- "name": "TOOLTIP",
19172
+ "name": "PAGE_HEADER",
19022
19173
  "declaration": {
19023
- "name": "TOOLTIP",
19024
- "module": "src/components/tooltip.ts"
19174
+ "name": "PAGE_HEADER",
19175
+ "module": "src/layout/page-header.ts"
19025
19176
  }
19026
19177
  },
19027
19178
  {
19028
19179
  "kind": "js",
19029
- "name": "Tooltip",
19180
+ "name": "PageHeader",
19030
19181
  "declaration": {
19031
- "name": "Tooltip",
19032
- "module": "src/components/tooltip.ts"
19182
+ "name": "PageHeader",
19183
+ "module": "src/layout/page-header.ts"
19033
19184
  }
19034
19185
  },
19035
19186
  {
19036
19187
  "kind": "custom-element-definition",
19037
19188
  "declaration": {
19038
- "name": "Tooltip",
19039
- "module": "src/components/tooltip.ts"
19189
+ "name": "PageHeader",
19190
+ "module": "src/layout/page-header.ts"
19040
19191
  }
19041
19192
  }
19042
19193
  ]
19043
19194
  },
19044
19195
  {
19045
19196
  "kind": "javascript-module",
19046
- "path": "src/components/virtual-list.ts",
19197
+ "path": "src/layout/responsive-columns.ts",
19047
19198
  "declarations": [
19048
19199
  {
19049
19200
  "kind": "variable",
19050
- "name": "VIRTUAL_LIST"
19201
+ "name": "RESPONSIVE_COLUMNS"
19051
19202
  },
19052
19203
  {
19053
19204
  "kind": "class",
19054
- "description": "VirtualList is helper component for high-volume lists. It eases the strain on\nthe browser by only rendering a small slice of the list at a time, while the\nsize of the list container is estimated and padded out to help normalize\nscroll behaviour.",
19055
- "name": "VirtualList",
19205
+ "description": "Responsive columns layout.",
19206
+ "name": "ResponsiveColumns",
19207
+ "members": [],
19208
+ "superclass": {
19209
+ "name": "LitElement",
19210
+ "package": "lit"
19211
+ },
19212
+ "tagName": "brz-responsive-columns",
19213
+ "customElement": true
19214
+ }
19215
+ ],
19216
+ "exports": [
19217
+ {
19218
+ "kind": "js",
19219
+ "name": "RESPONSIVE_COLUMNS",
19220
+ "declaration": {
19221
+ "name": "RESPONSIVE_COLUMNS",
19222
+ "module": "src/layout/responsive-columns.ts"
19223
+ }
19224
+ },
19225
+ {
19226
+ "kind": "js",
19227
+ "name": "ResponsiveColumns",
19228
+ "declaration": {
19229
+ "name": "ResponsiveColumns",
19230
+ "module": "src/layout/responsive-columns.ts"
19231
+ }
19232
+ },
19233
+ {
19234
+ "kind": "custom-element-definition",
19235
+ "declaration": {
19236
+ "name": "ResponsiveColumns",
19237
+ "module": "src/layout/responsive-columns.ts"
19238
+ }
19239
+ }
19240
+ ]
19241
+ },
19242
+ {
19243
+ "kind": "javascript-module",
19244
+ "path": "src/layout/split-row.ts",
19245
+ "declarations": [
19246
+ {
19247
+ "kind": "variable",
19248
+ "name": "SPLIT_ROW"
19249
+ },
19250
+ {
19251
+ "kind": "variable",
19252
+ "name": "ACTION_BAR"
19253
+ },
19254
+ {
19255
+ "kind": "class",
19256
+ "description": "Split row layout.",
19257
+ "name": "SplitRow",
19056
19258
  "members": [
19057
19259
  {
19058
19260
  "kind": "field",
19059
- "name": "items",
19261
+ "name": "verticalAlign",
19060
19262
  "type": {
19061
- "text": "ItemType[]"
19263
+ "text": "'top' | 'middle' | 'bottom'"
19062
19264
  },
19063
- "default": "[]",
19064
- "description": "List of items to be virtualized. Usually an array of data objects.",
19065
- "attribute": "items"
19265
+ "default": "'top'",
19266
+ "attribute": "vertical-align",
19267
+ "reflects": true
19066
19268
  },
19067
19269
  {
19068
19270
  "kind": "field",
19069
- "name": "itemMinHeight",
19271
+ "name": "leftExpand",
19070
19272
  "type": {
19071
- "text": "number"
19273
+ "text": "boolean"
19072
19274
  },
19073
- "default": "32",
19074
- "description": "Fixed or minimum height of each list item in pixels. Defaults to 32.\nSetting a known min-height of each list item significantly improves\nperformance.",
19075
- "attribute": "item-min-height"
19275
+ "default": "false",
19276
+ "attribute": "left-expand",
19277
+ "reflects": true
19076
19278
  },
19077
19279
  {
19078
19280
  "kind": "field",
19079
- "name": "overscan",
19281
+ "name": "rightExpand",
19080
19282
  "type": {
19081
- "text": "number"
19283
+ "text": "boolean"
19082
19284
  },
19083
- "default": "50",
19084
- "description": "Number of items to render before and after the current item index. This\nhelps the virtual scroll feel more natural by avoiding flashes of \"blank\"\nitems or badly estimated offsets. However, be aware that a higher value\nmeans more elements are rendered to the DOM so can eventually lead to worse\noverall performance.",
19085
- "attribute": "overscan"
19285
+ "default": "false",
19286
+ "attribute": "right-expand",
19287
+ "reflects": true
19086
19288
  },
19087
19289
  {
19088
19290
  "kind": "field",
19089
- "name": "renderItem"
19090
- },
19091
- {
19092
- "kind": "method",
19093
- "name": "sync",
19094
- "privacy": "private"
19095
- },
19096
- {
19097
- "kind": "method",
19098
- "name": "resetItems",
19099
- "privacy": "private",
19100
- "description": "Resets the current list of virtualized items and associated properties"
19101
- },
19102
- {
19103
- "kind": "method",
19104
- "name": "canSync",
19105
- "privacy": "private",
19106
- "parameters": [
19107
- {
19108
- "name": "changedProperties",
19109
- "type": {
19110
- "text": "PropertyValues"
19111
- }
19112
- }
19113
- ],
19114
- "description": "Returns true if a property has changed that should trigger a sync"
19115
- },
19116
- {
19117
- "kind": "method",
19118
- "name": "sumOfHeightsToIndex",
19119
- "privacy": "private",
19120
- "parameters": [
19121
- {
19122
- "name": "index",
19123
- "type": {
19124
- "text": "number"
19125
- }
19126
- }
19127
- ],
19128
- "description": "Adds up the item heights up to the current item index. Used to set the top\noffset for each item in the scroll container."
19129
- },
19130
- {
19131
- "kind": "method",
19132
- "name": "syncVisibleItems",
19133
- "privacy": "private",
19134
- "description": "Syncs the rolling render window. Usually triggered by scroll or changed\nproperties requiring the list to re-render."
19135
- },
19136
- {
19137
- "kind": "method",
19138
- "name": "emitUpdate",
19139
- "privacy": "private",
19140
- "description": "Dispatches an event containing a list of references to the rendered item\nelements. This saves extensive DOM-querying by parents to access them."
19141
- },
19142
- {
19143
- "kind": "method",
19144
- "name": "updateItemHeights",
19145
- "privacy": "private",
19146
- "description": "Reads the actual item heights as they are rendered into the rolling render\nwindow and tracks them in the item heights array. This helps variable item\nheights to become more predictable over time and reduce potentially janky\nbehaviour while scrolling."
19291
+ "name": "noGap",
19292
+ "type": {
19293
+ "text": "boolean"
19294
+ },
19295
+ "default": "false",
19296
+ "attribute": "no-gap",
19297
+ "reflects": true
19147
19298
  },
19148
19299
  {
19149
- "kind": "method",
19150
- "name": "handleScroll",
19151
- "privacy": "private",
19152
- "parameters": [
19153
- {
19154
- "name": "event",
19155
- "type": {
19156
- "text": "Event"
19157
- }
19158
- }
19159
- ],
19160
- "description": "Updates the current scrollTop value as the user scrolls the list container,\nthen syncs up the visible items."
19161
- }
19162
- ],
19163
- "events": [
19164
- {
19300
+ "kind": "field",
19301
+ "name": "expandY",
19165
19302
  "type": {
19166
- "text": "VirtualListUpdateEvent"
19167
- }
19303
+ "text": "boolean"
19304
+ },
19305
+ "default": "false",
19306
+ "attribute": "expand-y"
19168
19307
  }
19169
19308
  ],
19170
19309
  "attributes": [
19171
19310
  {
19172
- "name": "overscan",
19311
+ "name": "vertical-align",
19173
19312
  "type": {
19174
- "text": "number"
19313
+ "text": "'top' | 'middle' | 'bottom'"
19175
19314
  },
19176
- "default": "50",
19177
- "description": "Number of items to render before and after the current item index. This\nhelps the virtual scroll feel more natural by avoiding flashes of \"blank\"\nitems or badly estimated offsets. However, be aware that a higher value\nmeans more elements are rendered to the DOM so can eventually lead to worse\noverall performance.",
19178
- "fieldName": "overscan",
19179
- "attribute": "overscan"
19315
+ "default": "'top'",
19316
+ "fieldName": "verticalAlign"
19180
19317
  },
19181
19318
  {
19182
- "name": "items",
19319
+ "name": "left-expand",
19183
19320
  "type": {
19184
- "text": "ItemType[]"
19321
+ "text": "boolean"
19185
19322
  },
19186
- "default": "[]",
19187
- "description": "List of items to be virtualized. Usually an array of data objects.",
19188
- "fieldName": "items"
19323
+ "default": "false",
19324
+ "fieldName": "leftExpand"
19189
19325
  },
19190
19326
  {
19191
- "name": "item-min-height",
19327
+ "name": "right-expand",
19192
19328
  "type": {
19193
- "text": "number"
19329
+ "text": "boolean"
19194
19330
  },
19195
- "default": "32",
19196
- "description": "Fixed or minimum height of each list item in pixels. Defaults to 32.\nSetting a known min-height of each list item significantly improves\nperformance.",
19197
- "fieldName": "itemMinHeight"
19331
+ "default": "false",
19332
+ "fieldName": "rightExpand"
19333
+ },
19334
+ {
19335
+ "name": "no-gap",
19336
+ "type": {
19337
+ "text": "boolean"
19338
+ },
19339
+ "default": "false",
19340
+ "fieldName": "noGap"
19341
+ },
19342
+ {
19343
+ "name": "expand-y",
19344
+ "type": {
19345
+ "text": "boolean"
19346
+ },
19347
+ "default": "false",
19348
+ "fieldName": "expandY"
19198
19349
  }
19199
19350
  ],
19200
19351
  "superclass": {
19201
19352
  "name": "LitElement",
19202
19353
  "package": "lit"
19203
19354
  },
19204
- "tagName": "brz-virtual-list",
19355
+ "tagName": "brz-split-row",
19205
19356
  "customElement": true
19206
19357
  },
19207
19358
  {
19208
19359
  "kind": "class",
19209
- "description": "",
19210
- "name": "VirtualListUpdateEvent",
19211
- "superclass": {
19212
- "name": "CustomEvent",
19213
- "module": "src/components/virtual-list.ts"
19214
- }
19215
- }
19216
- ],
19217
- "exports": [
19218
- {
19219
- "kind": "js",
19220
- "name": "VIRTUAL_LIST",
19221
- "declaration": {
19222
- "name": "VIRTUAL_LIST",
19223
- "module": "src/components/virtual-list.ts"
19224
- }
19225
- },
19226
- {
19227
- "kind": "js",
19228
- "name": "VirtualList",
19229
- "declaration": {
19230
- "name": "VirtualList",
19231
- "module": "src/components/virtual-list.ts"
19232
- }
19233
- },
19234
- {
19235
- "kind": "custom-element-definition",
19236
- "declaration": {
19237
- "name": "VirtualList",
19238
- "module": "src/components/virtual-list.ts"
19239
- }
19240
- },
19241
- {
19242
- "kind": "js",
19243
- "name": "VirtualListUpdateEvent",
19244
- "declaration": {
19245
- "name": "VirtualListUpdateEvent",
19246
- "module": "src/components/virtual-list.ts"
19247
- }
19248
- }
19249
- ]
19250
- },
19251
- {
19252
- "kind": "javascript-module",
19253
- "path": "src/animation/fade-in-out.ts",
19254
- "declarations": [
19255
- {
19256
- "kind": "variable",
19257
- "name": "FADE_IN_OUT"
19258
- },
19259
- {
19260
- "kind": "class",
19261
- "description": "Fade in out animation.",
19262
- "name": "FadeInOut",
19263
- "slots": [
19264
- {
19265
- "description": "The content to be animated",
19266
- "name": "children"
19267
- }
19268
- ],
19360
+ "description": "Action bar layout.",
19361
+ "name": "ActionBar",
19269
19362
  "members": [
19270
19363
  {
19271
19364
  "kind": "field",
19272
- "name": "shown",
19365
+ "name": "noBorder",
19273
19366
  "type": {
19274
19367
  "text": "boolean"
19275
19368
  },
19276
19369
  "default": "false",
19277
- "description": "Shows and hides slotted content",
19278
- "attribute": "shown"
19370
+ "attribute": "no-border",
19371
+ "reflects": true
19279
19372
  },
19280
19373
  {
19281
- "kind": "method",
19282
- "name": "_handleTransitionEnd",
19283
- "privacy": "private",
19284
- "parameters": [
19285
- {
19286
- "name": "event",
19287
- "type": {
19288
- "text": "Event"
19289
- }
19290
- }
19291
- ]
19374
+ "kind": "field",
19375
+ "name": "leftExpand",
19376
+ "type": {
19377
+ "text": "boolean"
19378
+ },
19379
+ "default": "false",
19380
+ "attribute": "left-expand",
19381
+ "reflects": true
19382
+ },
19383
+ {
19384
+ "kind": "field",
19385
+ "name": "rightExpand",
19386
+ "type": {
19387
+ "text": "boolean"
19388
+ },
19389
+ "default": "false",
19390
+ "attribute": "right-expand",
19391
+ "reflects": true
19292
19392
  }
19293
19393
  ],
19294
19394
  "attributes": [
19295
19395
  {
19296
- "name": "shown",
19396
+ "name": "no-border",
19297
19397
  "type": {
19298
19398
  "text": "boolean"
19299
19399
  },
19300
19400
  "default": "false",
19301
- "description": "Shows and hides slotted content",
19302
- "fieldName": "shown"
19401
+ "fieldName": "noBorder"
19402
+ },
19403
+ {
19404
+ "name": "left-expand",
19405
+ "type": {
19406
+ "text": "boolean"
19407
+ },
19408
+ "default": "false",
19409
+ "fieldName": "leftExpand"
19410
+ },
19411
+ {
19412
+ "name": "right-expand",
19413
+ "type": {
19414
+ "text": "boolean"
19415
+ },
19416
+ "default": "false",
19417
+ "fieldName": "rightExpand"
19303
19418
  }
19304
19419
  ],
19305
19420
  "superclass": {
19306
19421
  "name": "LitElement",
19307
19422
  "package": "lit"
19308
19423
  },
19309
- "tagName": "brz-fade-in-out",
19424
+ "tagName": "brz-action-bar",
19310
19425
  "customElement": true
19311
19426
  }
19312
19427
  ],
19313
19428
  "exports": [
19314
19429
  {
19315
19430
  "kind": "js",
19316
- "name": "FADE_IN_OUT",
19431
+ "name": "SPLIT_ROW",
19317
19432
  "declaration": {
19318
- "name": "FADE_IN_OUT",
19319
- "module": "src/animation/fade-in-out.ts"
19433
+ "name": "SPLIT_ROW",
19434
+ "module": "src/layout/split-row.ts"
19320
19435
  }
19321
19436
  },
19322
19437
  {
19323
19438
  "kind": "js",
19324
- "name": "FadeInOut",
19439
+ "name": "ACTION_BAR",
19325
19440
  "declaration": {
19326
- "name": "FadeInOut",
19327
- "module": "src/animation/fade-in-out.ts"
19441
+ "name": "ACTION_BAR",
19442
+ "module": "src/layout/split-row.ts"
19443
+ }
19444
+ },
19445
+ {
19446
+ "kind": "js",
19447
+ "name": "SplitRow",
19448
+ "declaration": {
19449
+ "name": "SplitRow",
19450
+ "module": "src/layout/split-row.ts"
19328
19451
  }
19329
19452
  },
19330
19453
  {
19331
19454
  "kind": "custom-element-definition",
19332
19455
  "declaration": {
19333
- "name": "FadeInOut",
19334
- "module": "src/animation/fade-in-out.ts"
19456
+ "name": "SplitRow",
19457
+ "module": "src/layout/split-row.ts"
19335
19458
  }
19336
- }
19337
- ]
19338
- },
19339
- {
19340
- "kind": "javascript-module",
19341
- "path": "src/animation/index.ts",
19342
- "declarations": [],
19343
- "exports": [
19459
+ },
19344
19460
  {
19345
19461
  "kind": "js",
19346
- "name": "*",
19462
+ "name": "ActionBar",
19347
19463
  "declaration": {
19348
- "name": "*",
19349
- "package": "./fade-in-out"
19464
+ "name": "ActionBar",
19465
+ "module": "src/layout/split-row.ts"
19466
+ }
19467
+ },
19468
+ {
19469
+ "kind": "custom-element-definition",
19470
+ "declaration": {
19471
+ "name": "ActionBar",
19472
+ "module": "src/layout/split-row.ts"
19350
19473
  }
19351
19474
  }
19352
19475
  ]
@@ -20286,6 +20409,103 @@
20286
20409
  }
20287
20410
  ],
20288
20411
  "description": "Converts a spacing level to a pixel unit for use in tests that read from\n`getComputedStyle()`."
20412
+ },
20413
+ {
20414
+ "kind": "function",
20415
+ "name": "findSlot",
20416
+ "parameters": [
20417
+ {
20418
+ "name": "element",
20419
+ "type": {
20420
+ "text": "Element"
20421
+ },
20422
+ "description": "A host element or shadow root"
20423
+ }
20424
+ ],
20425
+ "description": "Returns a slot found within a given element.\n\nLooks within an element's shadow tree if not falsy, otherwise within itself."
20426
+ },
20427
+ {
20428
+ "kind": "function",
20429
+ "name": "findSlotByName",
20430
+ "parameters": [
20431
+ {
20432
+ "name": "element",
20433
+ "type": {
20434
+ "text": "Element"
20435
+ },
20436
+ "description": "A host element or shadow root"
20437
+ },
20438
+ {
20439
+ "name": "name",
20440
+ "type": {
20441
+ "text": "string"
20442
+ },
20443
+ "description": "The slot name to look for"
20444
+ }
20445
+ ],
20446
+ "description": "Returns a named slot found within a given element.\n\nLooks within an element's shadow tree if not falsy, otherwise within itself."
20447
+ },
20448
+ {
20449
+ "kind": "function",
20450
+ "name": "findButton",
20451
+ "parameters": [
20452
+ {
20453
+ "name": "element",
20454
+ "type": {
20455
+ "text": "Element"
20456
+ },
20457
+ "description": "A host element or shadow root"
20458
+ }
20459
+ ],
20460
+ "description": "Returns a brz-button found within a given element.\n\nLooks within an element's shadow tree if not falsy, otherwise within itself."
20461
+ },
20462
+ {
20463
+ "kind": "function",
20464
+ "name": "fireButtonClickEvent",
20465
+ "parameters": [
20466
+ {
20467
+ "name": "button",
20468
+ "type": {
20469
+ "text": "Button"
20470
+ }
20471
+ }
20472
+ ],
20473
+ "description": "Fires a click event from the button within a Breeze Button's Shadow DOM."
20474
+ },
20475
+ {
20476
+ "kind": "function",
20477
+ "name": "fireInputEvent",
20478
+ "parameters": [
20479
+ {
20480
+ "name": "input",
20481
+ "type": {
20482
+ "text": "InputBase<ValueType>"
20483
+ },
20484
+ "description": "InputText component to fire the event on"
20485
+ },
20486
+ {
20487
+ "name": "content",
20488
+ "type": {
20489
+ "text": "string"
20490
+ },
20491
+ "description": "string to set the input value to"
20492
+ }
20493
+ ],
20494
+ "description": "Fires an input event from the input within a Breeze InputText's Shadow DOM."
20495
+ },
20496
+ {
20497
+ "kind": "function",
20498
+ "name": "getRGBFromCustomProperty",
20499
+ "parameters": [
20500
+ {
20501
+ "name": "customProperty",
20502
+ "type": {
20503
+ "text": "string"
20504
+ },
20505
+ "description": "Custom CSS Property e.g) --brz-color-red-600"
20506
+ }
20507
+ ],
20508
+ "description": "Converts a Custom CSS Property to RGB"
20289
20509
  }
20290
20510
  ],
20291
20511
  "exports": [
@@ -20328,252 +20548,53 @@
20328
20548
  "name": "spacerToPx",
20329
20549
  "module": "src/utils/test-utils.ts"
20330
20550
  }
20331
- }
20332
- ]
20333
- },
20334
- {
20335
- "kind": "javascript-module",
20336
- "path": "src/layout/grid/grid-item.ts",
20337
- "declarations": [
20338
- {
20339
- "kind": "variable",
20340
- "name": "GRID_ITEM"
20341
- },
20342
- {
20343
- "kind": "variable",
20344
- "name": "columnSpans",
20345
- "type": {
20346
- "text": "[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]"
20347
- },
20348
- "default": "[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]"
20349
20551
  },
20350
- {
20351
- "kind": "class",
20352
- "description": "Grid item component. To be used with brz-grid.\n\nSupports upto 12 columns.",
20353
- "name": "GridItem",
20354
- "members": [
20355
- {
20356
- "kind": "field",
20357
- "name": "cols",
20358
- "type": {
20359
- "text": "number | undefined"
20360
- },
20361
- "description": "Number of columns to span",
20362
- "attribute": "cols",
20363
- "reflects": true
20364
- },
20365
- {
20366
- "kind": "field",
20367
- "name": "mdCols",
20368
- "type": {
20369
- "text": "number | undefined"
20370
- },
20371
- "description": "Number of columns to span on medium screens",
20372
- "attribute": "md-cols",
20373
- "reflects": true
20374
- },
20375
- {
20376
- "kind": "field",
20377
- "name": "smCols",
20378
- "type": {
20379
- "text": "number | undefined"
20380
- },
20381
- "description": "Number of columns to span on small screens",
20382
- "attribute": "sm-cols",
20383
- "reflects": true
20384
- }
20385
- ],
20386
- "attributes": [
20387
- {
20388
- "name": "cols",
20389
- "type": {
20390
- "text": "number | undefined"
20391
- },
20392
- "description": "Number of columns to span",
20393
- "fieldName": "cols"
20394
- },
20395
- {
20396
- "name": "md-cols",
20397
- "type": {
20398
- "text": "number | undefined"
20399
- },
20400
- "description": "Number of columns to span on medium screens",
20401
- "fieldName": "mdCols"
20402
- },
20403
- {
20404
- "name": "sm-cols",
20405
- "type": {
20406
- "text": "number | undefined"
20407
- },
20408
- "description": "Number of columns to span on small screens",
20409
- "fieldName": "smCols"
20410
- }
20411
- ],
20412
- "superclass": {
20413
- "name": "LitElement",
20414
- "package": "lit"
20415
- },
20416
- "tagName": "brz-grid-item",
20417
- "customElement": true
20418
- }
20419
- ],
20420
- "exports": [
20421
20552
  {
20422
20553
  "kind": "js",
20423
- "name": "GRID_ITEM",
20554
+ "name": "findSlot",
20424
20555
  "declaration": {
20425
- "name": "GRID_ITEM",
20426
- "module": "src/layout/grid/grid-item.ts"
20427
- }
20428
- },
20429
- {
20430
- "kind": "js",
20431
- "name": "columnSpans",
20432
- "declaration": {
20433
- "name": "columnSpans",
20434
- "module": "src/layout/grid/grid-item.ts"
20556
+ "name": "findSlot",
20557
+ "module": "src/utils/test-utils.ts"
20435
20558
  }
20436
20559
  },
20437
20560
  {
20438
20561
  "kind": "js",
20439
- "name": "GridItem",
20562
+ "name": "findSlotByName",
20440
20563
  "declaration": {
20441
- "name": "GridItem",
20442
- "module": "src/layout/grid/grid-item.ts"
20564
+ "name": "findSlotByName",
20565
+ "module": "src/utils/test-utils.ts"
20443
20566
  }
20444
20567
  },
20445
- {
20446
- "kind": "custom-element-definition",
20447
- "declaration": {
20448
- "name": "GridItem",
20449
- "module": "src/layout/grid/grid-item.ts"
20450
- }
20451
- }
20452
- ]
20453
- },
20454
- {
20455
- "kind": "javascript-module",
20456
- "path": "src/layout/grid/grid.ts",
20457
- "declarations": [
20458
- {
20459
- "kind": "variable",
20460
- "name": "GRID"
20461
- },
20462
- {
20463
- "kind": "class",
20464
- "description": "Grid component.\n\nThis grid layout is setup with 12 flexible columns.\nColumns and row gaps are set to 20px, but can be changed using our spacing system.",
20465
- "name": "Grid",
20466
- "members": [
20467
- {
20468
- "kind": "field",
20469
- "name": "spacing",
20470
- "type": {
20471
- "text": "number | undefined"
20472
- },
20473
- "description": "Shorthand to set both row and column spacing",
20474
- "attribute": "spacing",
20475
- "reflects": true
20476
- },
20477
- {
20478
- "kind": "field",
20479
- "name": "colSpacing",
20480
- "type": {
20481
- "text": "number | undefined"
20482
- },
20483
- "description": "Sets the column spacing between each grid item",
20484
- "attribute": "col-spacing",
20485
- "reflects": true
20486
- },
20487
- {
20488
- "kind": "field",
20489
- "name": "rowSpacing",
20490
- "type": {
20491
- "text": "number | undefined"
20492
- },
20493
- "description": "Sets the row spacing between each grid item",
20494
- "attribute": "row-spacing",
20495
- "reflects": true
20496
- }
20497
- ],
20498
- "attributes": [
20499
- {
20500
- "name": "spacing",
20501
- "type": {
20502
- "text": "number | undefined"
20503
- },
20504
- "description": "Shorthand to set both row and column spacing",
20505
- "fieldName": "spacing"
20506
- },
20507
- {
20508
- "name": "col-spacing",
20509
- "type": {
20510
- "text": "number | undefined"
20511
- },
20512
- "description": "Sets the column spacing between each grid item",
20513
- "fieldName": "colSpacing"
20514
- },
20515
- {
20516
- "name": "row-spacing",
20517
- "type": {
20518
- "text": "number | undefined"
20519
- },
20520
- "description": "Sets the row spacing between each grid item",
20521
- "fieldName": "rowSpacing"
20522
- }
20523
- ],
20524
- "superclass": {
20525
- "name": "LitElementWithUtils",
20526
- "module": "/src/mixins/component-utils"
20527
- },
20528
- "tagName": "brz-grid",
20529
- "customElement": true
20530
- }
20531
- ],
20532
- "exports": [
20533
20568
  {
20534
20569
  "kind": "js",
20535
- "name": "GRID",
20570
+ "name": "findButton",
20536
20571
  "declaration": {
20537
- "name": "GRID",
20538
- "module": "src/layout/grid/grid.ts"
20572
+ "name": "findButton",
20573
+ "module": "src/utils/test-utils.ts"
20539
20574
  }
20540
20575
  },
20541
20576
  {
20542
20577
  "kind": "js",
20543
- "name": "Grid",
20578
+ "name": "fireButtonClickEvent",
20544
20579
  "declaration": {
20545
- "name": "Grid",
20546
- "module": "src/layout/grid/grid.ts"
20580
+ "name": "fireButtonClickEvent",
20581
+ "module": "src/utils/test-utils.ts"
20547
20582
  }
20548
20583
  },
20549
- {
20550
- "kind": "custom-element-definition",
20551
- "declaration": {
20552
- "name": "Grid",
20553
- "module": "src/layout/grid/grid.ts"
20554
- }
20555
- }
20556
- ]
20557
- },
20558
- {
20559
- "kind": "javascript-module",
20560
- "path": "src/layout/grid/index.ts",
20561
- "declarations": [],
20562
- "exports": [
20563
20584
  {
20564
20585
  "kind": "js",
20565
- "name": "*",
20586
+ "name": "fireInputEvent",
20566
20587
  "declaration": {
20567
- "name": "*",
20568
- "package": "./grid"
20588
+ "name": "fireInputEvent",
20589
+ "module": "src/utils/test-utils.ts"
20569
20590
  }
20570
20591
  },
20571
20592
  {
20572
20593
  "kind": "js",
20573
- "name": "*",
20594
+ "name": "getRGBFromCustomProperty",
20574
20595
  "declaration": {
20575
- "name": "*",
20576
- "package": "./grid-item"
20596
+ "name": "getRGBFromCustomProperty",
20597
+ "module": "src/utils/test-utils.ts"
20577
20598
  }
20578
20599
  }
20579
20600
  ]
@@ -22934,6 +22955,19 @@
22934
22955
  }
22935
22956
  ],
22936
22957
  "members": [
22958
+ {
22959
+ "kind": "field",
22960
+ "name": "value",
22961
+ "type": {
22962
+ "text": "ValueType | undefined"
22963
+ },
22964
+ "description": "Sets the value type",
22965
+ "attribute": "value",
22966
+ "inheritedFrom": {
22967
+ "name": "InputBase",
22968
+ "module": "src/components/form-elements/input-base.ts"
22969
+ }
22970
+ },
22937
22971
  {
22938
22972
  "kind": "field",
22939
22973
  "name": "hasNoStepper",
@@ -22969,9 +23003,9 @@
22969
23003
  "kind": "field",
22970
23004
  "name": "step",
22971
23005
  "type": {
22972
- "text": "string"
23006
+ "text": "number"
22973
23007
  },
22974
- "default": "'1'",
23008
+ "default": "1",
22975
23009
  "description": "Sets the step value",
22976
23010
  "attribute": "step",
22977
23011
  "reflects": true
@@ -22994,11 +23028,27 @@
22994
23028
  {
22995
23029
  "name": "newValue",
22996
23030
  "type": {
22997
- "text": "string"
23031
+ "text": "number"
22998
23032
  }
22999
23033
  }
23000
23034
  ]
23001
23035
  },
23036
+ {
23037
+ "kind": "method",
23038
+ "name": "onInput",
23039
+ "parameters": [
23040
+ {
23041
+ "name": "e",
23042
+ "type": {
23043
+ "text": "{ target: { value: string | number } }"
23044
+ }
23045
+ }
23046
+ ],
23047
+ "inheritedFrom": {
23048
+ "name": "InputBase",
23049
+ "module": "src/components/form-elements/input-base.ts"
23050
+ }
23051
+ },
23002
23052
  {
23003
23053
  "kind": "method",
23004
23054
  "name": "handleKeyDown",
@@ -23243,35 +23293,6 @@
23243
23293
  "module": "src/components/form-elements/input-base.ts"
23244
23294
  }
23245
23295
  },
23246
- {
23247
- "kind": "field",
23248
- "name": "value",
23249
- "type": {
23250
- "text": "ValueType | undefined"
23251
- },
23252
- "description": "Sets the value type",
23253
- "attribute": "value",
23254
- "inheritedFrom": {
23255
- "name": "InputBase",
23256
- "module": "src/components/form-elements/input-base.ts"
23257
- }
23258
- },
23259
- {
23260
- "kind": "method",
23261
- "name": "onInput",
23262
- "parameters": [
23263
- {
23264
- "name": "e",
23265
- "type": {
23266
- "text": "{ target: { value: ValueType } }"
23267
- }
23268
- }
23269
- ],
23270
- "inheritedFrom": {
23271
- "name": "InputBase",
23272
- "module": "src/components/form-elements/input-base.ts"
23273
- }
23274
- },
23275
23296
  {
23276
23297
  "kind": "method",
23277
23298
  "name": "dispatchChange",
@@ -23301,6 +23322,18 @@
23301
23322
  }
23302
23323
  ],
23303
23324
  "attributes": [
23325
+ {
23326
+ "name": "value",
23327
+ "type": {
23328
+ "text": "ValueType | undefined"
23329
+ },
23330
+ "description": "Sets the value type",
23331
+ "fieldName": "value",
23332
+ "inheritedFrom": {
23333
+ "name": "InputBase",
23334
+ "module": "src/components/form-elements/input-base.ts"
23335
+ }
23336
+ },
23304
23337
  {
23305
23338
  "name": "has-no-stepper",
23306
23339
  "type": {
@@ -23329,9 +23362,9 @@
23329
23362
  {
23330
23363
  "name": "step",
23331
23364
  "type": {
23332
- "text": "string"
23365
+ "text": "number"
23333
23366
  },
23334
- "default": "'1'",
23367
+ "default": "1",
23335
23368
  "description": "Sets the step value",
23336
23369
  "fieldName": "step"
23337
23370
  },
@@ -23487,18 +23520,6 @@
23487
23520
  "name": "InputBase",
23488
23521
  "module": "src/components/form-elements/input-base.ts"
23489
23522
  }
23490
- },
23491
- {
23492
- "name": "value",
23493
- "type": {
23494
- "text": "ValueType | undefined"
23495
- },
23496
- "description": "Sets the value type",
23497
- "fieldName": "value",
23498
- "inheritedFrom": {
23499
- "name": "InputBase",
23500
- "module": "src/components/form-elements/input-base.ts"
23501
- }
23502
23523
  }
23503
23524
  ],
23504
23525
  "superclass": {
@@ -25019,6 +25040,20 @@
25019
25040
  "module": "src/components/form-elements/input-select-base.ts"
25020
25041
  }
25021
25042
  },
25043
+ {
25044
+ "kind": "method",
25045
+ "name": "findItem",
25046
+ "privacy": "private",
25047
+ "parameters": [
25048
+ {
25049
+ "name": "value",
25050
+ "type": {
25051
+ "text": "ValueType"
25052
+ }
25053
+ }
25054
+ ],
25055
+ "description": "Finds item from a given value in the list of items"
25056
+ },
25022
25057
  {
25023
25058
  "kind": "method",
25024
25059
  "name": "syncValueLabel",
@@ -27665,6 +27700,24 @@
27665
27700
  "module": "src/components/form-elements/input-select-base.ts"
27666
27701
  }
27667
27702
  },
27703
+ {
27704
+ "kind": "method",
27705
+ "name": "findItem",
27706
+ "privacy": "private",
27707
+ "parameters": [
27708
+ {
27709
+ "name": "value",
27710
+ "type": {
27711
+ "text": "ValueType"
27712
+ }
27713
+ }
27714
+ ],
27715
+ "description": "Finds item from a given value in the list of items",
27716
+ "inheritedFrom": {
27717
+ "name": "InputSelect",
27718
+ "module": "src/components/form-elements/input-select.ts"
27719
+ }
27720
+ },
27668
27721
  {
27669
27722
  "kind": "method",
27670
27723
  "name": "syncValueLabel",
@@ -30848,6 +30901,30 @@
30848
30901
  }
30849
30902
  ]
30850
30903
  },
30904
+ {
30905
+ "kind": "javascript-module",
30906
+ "path": "src/components/menu/menu.const.ts",
30907
+ "declarations": [
30908
+ {
30909
+ "kind": "variable",
30910
+ "name": "menuSizes",
30911
+ "type": {
30912
+ "text": "['small', 'medium', 'large']"
30913
+ },
30914
+ "default": "['small', 'medium', 'large']"
30915
+ }
30916
+ ],
30917
+ "exports": [
30918
+ {
30919
+ "kind": "js",
30920
+ "name": "menuSizes",
30921
+ "declaration": {
30922
+ "name": "menuSizes",
30923
+ "module": "src/components/menu/menu.const.ts"
30924
+ }
30925
+ }
30926
+ ]
30927
+ },
30851
30928
  {
30852
30929
  "kind": "javascript-module",
30853
30930
  "path": "src/components/menu/menu.ts",
@@ -30864,14 +30941,6 @@
30864
30941
  },
30865
30942
  "default": "'selectAll'"
30866
30943
  },
30867
- {
30868
- "kind": "variable",
30869
- "name": "menuSizes",
30870
- "type": {
30871
- "text": "['small', 'medium', 'large']"
30872
- },
30873
- "default": "['small', 'medium', 'large']"
30874
- },
30875
30944
  {
30876
30945
  "kind": "class",
30877
30946
  "description": "Menu component.",
@@ -31207,14 +31276,6 @@
31207
31276
  "module": "src/components/menu/menu.ts"
31208
31277
  }
31209
31278
  },
31210
- {
31211
- "kind": "js",
31212
- "name": "menuSizes",
31213
- "declaration": {
31214
- "name": "menuSizes",
31215
- "module": "src/components/menu/menu.ts"
31216
- }
31217
- },
31218
31279
  {
31219
31280
  "kind": "js",
31220
31281
  "name": "Menu",
@@ -32206,6 +32267,14 @@
32206
32267
  "module": "src/components/tabs/index.ts"
32207
32268
  }
32208
32269
  },
32270
+ {
32271
+ "kind": "js",
32272
+ "name": "TabDeselectedEvent",
32273
+ "declaration": {
32274
+ "name": "TabDeselectedEvent",
32275
+ "module": "src/components/tabs/index.ts"
32276
+ }
32277
+ },
32209
32278
  {
32210
32279
  "kind": "js",
32211
32280
  "name": "TAB",
@@ -32614,6 +32683,253 @@
32614
32683
  }
32615
32684
  ]
32616
32685
  },
32686
+ {
32687
+ "kind": "javascript-module",
32688
+ "path": "src/layout/grid/grid-item.ts",
32689
+ "declarations": [
32690
+ {
32691
+ "kind": "variable",
32692
+ "name": "GRID_ITEM"
32693
+ },
32694
+ {
32695
+ "kind": "variable",
32696
+ "name": "columnSpans",
32697
+ "type": {
32698
+ "text": "[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]"
32699
+ },
32700
+ "default": "[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]"
32701
+ },
32702
+ {
32703
+ "kind": "class",
32704
+ "description": "Grid item component. To be used with brz-grid.\n\nSupports upto 12 columns.",
32705
+ "name": "GridItem",
32706
+ "members": [
32707
+ {
32708
+ "kind": "field",
32709
+ "name": "cols",
32710
+ "type": {
32711
+ "text": "number | undefined"
32712
+ },
32713
+ "description": "Number of columns to span",
32714
+ "attribute": "cols",
32715
+ "reflects": true
32716
+ },
32717
+ {
32718
+ "kind": "field",
32719
+ "name": "mdCols",
32720
+ "type": {
32721
+ "text": "number | undefined"
32722
+ },
32723
+ "description": "Number of columns to span on medium screens",
32724
+ "attribute": "md-cols",
32725
+ "reflects": true
32726
+ },
32727
+ {
32728
+ "kind": "field",
32729
+ "name": "smCols",
32730
+ "type": {
32731
+ "text": "number | undefined"
32732
+ },
32733
+ "description": "Number of columns to span on small screens",
32734
+ "attribute": "sm-cols",
32735
+ "reflects": true
32736
+ }
32737
+ ],
32738
+ "attributes": [
32739
+ {
32740
+ "name": "cols",
32741
+ "type": {
32742
+ "text": "number | undefined"
32743
+ },
32744
+ "description": "Number of columns to span",
32745
+ "fieldName": "cols"
32746
+ },
32747
+ {
32748
+ "name": "md-cols",
32749
+ "type": {
32750
+ "text": "number | undefined"
32751
+ },
32752
+ "description": "Number of columns to span on medium screens",
32753
+ "fieldName": "mdCols"
32754
+ },
32755
+ {
32756
+ "name": "sm-cols",
32757
+ "type": {
32758
+ "text": "number | undefined"
32759
+ },
32760
+ "description": "Number of columns to span on small screens",
32761
+ "fieldName": "smCols"
32762
+ }
32763
+ ],
32764
+ "superclass": {
32765
+ "name": "LitElement",
32766
+ "package": "lit"
32767
+ },
32768
+ "tagName": "brz-grid-item",
32769
+ "customElement": true
32770
+ }
32771
+ ],
32772
+ "exports": [
32773
+ {
32774
+ "kind": "js",
32775
+ "name": "GRID_ITEM",
32776
+ "declaration": {
32777
+ "name": "GRID_ITEM",
32778
+ "module": "src/layout/grid/grid-item.ts"
32779
+ }
32780
+ },
32781
+ {
32782
+ "kind": "js",
32783
+ "name": "columnSpans",
32784
+ "declaration": {
32785
+ "name": "columnSpans",
32786
+ "module": "src/layout/grid/grid-item.ts"
32787
+ }
32788
+ },
32789
+ {
32790
+ "kind": "js",
32791
+ "name": "GridItem",
32792
+ "declaration": {
32793
+ "name": "GridItem",
32794
+ "module": "src/layout/grid/grid-item.ts"
32795
+ }
32796
+ },
32797
+ {
32798
+ "kind": "custom-element-definition",
32799
+ "declaration": {
32800
+ "name": "GridItem",
32801
+ "module": "src/layout/grid/grid-item.ts"
32802
+ }
32803
+ }
32804
+ ]
32805
+ },
32806
+ {
32807
+ "kind": "javascript-module",
32808
+ "path": "src/layout/grid/grid.ts",
32809
+ "declarations": [
32810
+ {
32811
+ "kind": "variable",
32812
+ "name": "GRID"
32813
+ },
32814
+ {
32815
+ "kind": "class",
32816
+ "description": "Grid component.\n\nThis grid layout is setup with 12 flexible columns.\nColumns and row gaps are set to 20px, but can be changed using our spacing system.",
32817
+ "name": "Grid",
32818
+ "members": [
32819
+ {
32820
+ "kind": "field",
32821
+ "name": "spacing",
32822
+ "type": {
32823
+ "text": "number | undefined"
32824
+ },
32825
+ "description": "Shorthand to set both row and column spacing",
32826
+ "attribute": "spacing",
32827
+ "reflects": true
32828
+ },
32829
+ {
32830
+ "kind": "field",
32831
+ "name": "colSpacing",
32832
+ "type": {
32833
+ "text": "number | undefined"
32834
+ },
32835
+ "description": "Sets the column spacing between each grid item",
32836
+ "attribute": "col-spacing",
32837
+ "reflects": true
32838
+ },
32839
+ {
32840
+ "kind": "field",
32841
+ "name": "rowSpacing",
32842
+ "type": {
32843
+ "text": "number | undefined"
32844
+ },
32845
+ "description": "Sets the row spacing between each grid item",
32846
+ "attribute": "row-spacing",
32847
+ "reflects": true
32848
+ }
32849
+ ],
32850
+ "attributes": [
32851
+ {
32852
+ "name": "spacing",
32853
+ "type": {
32854
+ "text": "number | undefined"
32855
+ },
32856
+ "description": "Shorthand to set both row and column spacing",
32857
+ "fieldName": "spacing"
32858
+ },
32859
+ {
32860
+ "name": "col-spacing",
32861
+ "type": {
32862
+ "text": "number | undefined"
32863
+ },
32864
+ "description": "Sets the column spacing between each grid item",
32865
+ "fieldName": "colSpacing"
32866
+ },
32867
+ {
32868
+ "name": "row-spacing",
32869
+ "type": {
32870
+ "text": "number | undefined"
32871
+ },
32872
+ "description": "Sets the row spacing between each grid item",
32873
+ "fieldName": "rowSpacing"
32874
+ }
32875
+ ],
32876
+ "superclass": {
32877
+ "name": "LitElementWithUtils",
32878
+ "module": "/src/mixins/component-utils"
32879
+ },
32880
+ "tagName": "brz-grid",
32881
+ "customElement": true
32882
+ }
32883
+ ],
32884
+ "exports": [
32885
+ {
32886
+ "kind": "js",
32887
+ "name": "GRID",
32888
+ "declaration": {
32889
+ "name": "GRID",
32890
+ "module": "src/layout/grid/grid.ts"
32891
+ }
32892
+ },
32893
+ {
32894
+ "kind": "js",
32895
+ "name": "Grid",
32896
+ "declaration": {
32897
+ "name": "Grid",
32898
+ "module": "src/layout/grid/grid.ts"
32899
+ }
32900
+ },
32901
+ {
32902
+ "kind": "custom-element-definition",
32903
+ "declaration": {
32904
+ "name": "Grid",
32905
+ "module": "src/layout/grid/grid.ts"
32906
+ }
32907
+ }
32908
+ ]
32909
+ },
32910
+ {
32911
+ "kind": "javascript-module",
32912
+ "path": "src/layout/grid/index.ts",
32913
+ "declarations": [],
32914
+ "exports": [
32915
+ {
32916
+ "kind": "js",
32917
+ "name": "*",
32918
+ "declaration": {
32919
+ "name": "*",
32920
+ "package": "./grid"
32921
+ }
32922
+ },
32923
+ {
32924
+ "kind": "js",
32925
+ "name": "*",
32926
+ "declaration": {
32927
+ "name": "*",
32928
+ "package": "./grid-item"
32929
+ }
32930
+ }
32931
+ ]
32932
+ },
32617
32933
  {
32618
32934
  "kind": "javascript-module",
32619
32935
  "path": "src/surfaces/card/card-footer.ts",
@@ -32891,7 +33207,7 @@
32891
33207
  "slots": [
32892
33208
  {
32893
33209
  "description": "Flexible content slot to populate the Card body.",
32894
- "name": "default"
33210
+ "name": "children"
32895
33211
  },
32896
33212
  {
32897
33213
  "description": "Optional header content. Use `CardHeader` for a convenient preset which self-assigns to this slot.",
@@ -32928,7 +33244,8 @@
32928
33244
  "name": "header",
32929
33245
  "type": {
32930
33246
  "text": "[CardHeader] | HTMLElement[]"
32931
- }
33247
+ },
33248
+ "privacy": "private"
32932
33249
  }
32933
33250
  ],
32934
33251
  "attributes": [