@emuanalytics/flow-rdf-ui 0.0.13 → 0.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +1615 -1615
- package/dist/flow-rdf-ui.js +4 -3
- package/dist/flow-rdf-ui.umd.cjs +4 -3
- package/dist/vscode.html-custom-data.json +92 -92
- package/package.json +1 -1
|
@@ -2,259 +2,6 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
-
{
|
|
6
|
-
"kind": "javascript-module",
|
|
7
|
-
"path": "components/alert/alert.js",
|
|
8
|
-
"declarations": [
|
|
9
|
-
{
|
|
10
|
-
"kind": "class",
|
|
11
|
-
"description": "",
|
|
12
|
-
"name": "FlowAlert",
|
|
13
|
-
"cssParts": [
|
|
14
|
-
{
|
|
15
|
-
"description": "The component's base wrapper.",
|
|
16
|
-
"name": "base"
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
"description": "The container that wraps the optional icon.",
|
|
20
|
-
"name": "icon"
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
"description": "The container that wraps the alert's main content.",
|
|
24
|
-
"name": "message"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"description": "The close button, an `<flow-ui-icon-button>`.",
|
|
28
|
-
"name": "close-button"
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
"description": "The close button's exported `base` part.",
|
|
32
|
-
"name": "close-button__base"
|
|
33
|
-
}
|
|
34
|
-
],
|
|
35
|
-
"slots": [
|
|
36
|
-
{
|
|
37
|
-
"description": "The alert's main content.",
|
|
38
|
-
"name": ""
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"description": "An icon to show in the alert. Works best with `<flow-ui-icon>`.",
|
|
42
|
-
"name": "icon"
|
|
43
|
-
}
|
|
44
|
-
],
|
|
45
|
-
"members": [
|
|
46
|
-
{
|
|
47
|
-
"kind": "field",
|
|
48
|
-
"name": "autoHideTimeout",
|
|
49
|
-
"type": {
|
|
50
|
-
"text": "number"
|
|
51
|
-
},
|
|
52
|
-
"privacy": "private"
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
"kind": "field",
|
|
56
|
-
"name": "hasSlotController",
|
|
57
|
-
"privacy": "private",
|
|
58
|
-
"readonly": true,
|
|
59
|
-
"default": "new HasSlotController(this, 'icon', 'suffix')"
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
"kind": "field",
|
|
63
|
-
"name": "localize",
|
|
64
|
-
"privacy": "private",
|
|
65
|
-
"readonly": true,
|
|
66
|
-
"default": "new LocalizeController(this)"
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
"kind": "field",
|
|
70
|
-
"name": "base",
|
|
71
|
-
"type": {
|
|
72
|
-
"text": "HTMLElement"
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
|
-
{
|
|
76
|
-
"kind": "field",
|
|
77
|
-
"name": "open",
|
|
78
|
-
"type": {
|
|
79
|
-
"text": "boolean"
|
|
80
|
-
},
|
|
81
|
-
"default": "false",
|
|
82
|
-
"description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
|
|
83
|
-
"attribute": "open",
|
|
84
|
-
"reflects": true
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
"kind": "field",
|
|
88
|
-
"name": "closable",
|
|
89
|
-
"type": {
|
|
90
|
-
"text": "boolean"
|
|
91
|
-
},
|
|
92
|
-
"default": "false",
|
|
93
|
-
"description": "Enables a close button that allows the user to dismiss the alert.",
|
|
94
|
-
"attribute": "closable",
|
|
95
|
-
"reflects": true
|
|
96
|
-
},
|
|
97
|
-
{
|
|
98
|
-
"kind": "field",
|
|
99
|
-
"name": "variant",
|
|
100
|
-
"type": {
|
|
101
|
-
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
102
|
-
},
|
|
103
|
-
"default": "'primary'",
|
|
104
|
-
"description": "The alert's theme variant.",
|
|
105
|
-
"attribute": "variant",
|
|
106
|
-
"reflects": true
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
"kind": "field",
|
|
110
|
-
"name": "duration",
|
|
111
|
-
"default": "Infinity",
|
|
112
|
-
"description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
|
|
113
|
-
"attribute": "duration"
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
"kind": "method",
|
|
117
|
-
"name": "restartAutoHide",
|
|
118
|
-
"privacy": "private"
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
"kind": "method",
|
|
122
|
-
"name": "handleCloseClick",
|
|
123
|
-
"privacy": "private"
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
"kind": "method",
|
|
127
|
-
"name": "handleMouseMove",
|
|
128
|
-
"privacy": "private"
|
|
129
|
-
},
|
|
130
|
-
{
|
|
131
|
-
"kind": "method",
|
|
132
|
-
"name": "handleOpenChange"
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
"kind": "method",
|
|
136
|
-
"name": "handleDurationChange"
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
"kind": "method",
|
|
140
|
-
"name": "show",
|
|
141
|
-
"description": "Shows the alert."
|
|
142
|
-
},
|
|
143
|
-
{
|
|
144
|
-
"kind": "method",
|
|
145
|
-
"name": "hide",
|
|
146
|
-
"description": "Hides the alert"
|
|
147
|
-
},
|
|
148
|
-
{
|
|
149
|
-
"kind": "method",
|
|
150
|
-
"name": "toast",
|
|
151
|
-
"description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden."
|
|
152
|
-
}
|
|
153
|
-
],
|
|
154
|
-
"events": [
|
|
155
|
-
{
|
|
156
|
-
"description": "Emitted when the alert opens.",
|
|
157
|
-
"name": "flow-ui-show",
|
|
158
|
-
"reactName": "onFlowUiShow"
|
|
159
|
-
},
|
|
160
|
-
{
|
|
161
|
-
"description": "Emitted after the alert opens and all animations are complete.",
|
|
162
|
-
"name": "flow-ui-after-show",
|
|
163
|
-
"reactName": "onFlowUiAfterShow"
|
|
164
|
-
},
|
|
165
|
-
{
|
|
166
|
-
"description": "Emitted when the alert closes.",
|
|
167
|
-
"name": "flow-ui-hide",
|
|
168
|
-
"reactName": "onFlowUiHide"
|
|
169
|
-
},
|
|
170
|
-
{
|
|
171
|
-
"description": "Emitted after the alert closes and all animations are complete.",
|
|
172
|
-
"name": "flow-ui-after-hide",
|
|
173
|
-
"reactName": "onFlowUiAfterHide"
|
|
174
|
-
}
|
|
175
|
-
],
|
|
176
|
-
"attributes": [
|
|
177
|
-
{
|
|
178
|
-
"name": "open",
|
|
179
|
-
"type": {
|
|
180
|
-
"text": "boolean"
|
|
181
|
-
},
|
|
182
|
-
"default": "false",
|
|
183
|
-
"description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
|
|
184
|
-
"fieldName": "open"
|
|
185
|
-
},
|
|
186
|
-
{
|
|
187
|
-
"name": "closable",
|
|
188
|
-
"type": {
|
|
189
|
-
"text": "boolean"
|
|
190
|
-
},
|
|
191
|
-
"default": "false",
|
|
192
|
-
"description": "Enables a close button that allows the user to dismiss the alert.",
|
|
193
|
-
"fieldName": "closable"
|
|
194
|
-
},
|
|
195
|
-
{
|
|
196
|
-
"name": "variant",
|
|
197
|
-
"type": {
|
|
198
|
-
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
199
|
-
},
|
|
200
|
-
"default": "'primary'",
|
|
201
|
-
"description": "The alert's theme variant.",
|
|
202
|
-
"fieldName": "variant"
|
|
203
|
-
},
|
|
204
|
-
{
|
|
205
|
-
"name": "duration",
|
|
206
|
-
"default": "Infinity",
|
|
207
|
-
"description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
|
|
208
|
-
"resolveInitializer": {
|
|
209
|
-
"module": "src/components/alert/alert.ts"
|
|
210
|
-
},
|
|
211
|
-
"fieldName": "duration"
|
|
212
|
-
}
|
|
213
|
-
],
|
|
214
|
-
"superclass": {
|
|
215
|
-
"name": "FlowRdfElement",
|
|
216
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
217
|
-
},
|
|
218
|
-
"summary": "Alerts are used to display important messages inline or as toast notifications.",
|
|
219
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/alert",
|
|
220
|
-
"status": "stable",
|
|
221
|
-
"since": "2.0",
|
|
222
|
-
"dependencies": [
|
|
223
|
-
"flow-ui-icon-button"
|
|
224
|
-
],
|
|
225
|
-
"animations": [
|
|
226
|
-
{
|
|
227
|
-
"name": "alert.show",
|
|
228
|
-
"description": "The animation to use when showing the alert."
|
|
229
|
-
},
|
|
230
|
-
{
|
|
231
|
-
"name": "alert.hide",
|
|
232
|
-
"description": "The animation to use when hiding the alert."
|
|
233
|
-
}
|
|
234
|
-
],
|
|
235
|
-
"tagName": "flow-ui-alert",
|
|
236
|
-
"customElement": true
|
|
237
|
-
}
|
|
238
|
-
],
|
|
239
|
-
"exports": [
|
|
240
|
-
{
|
|
241
|
-
"kind": "js",
|
|
242
|
-
"name": "default",
|
|
243
|
-
"declaration": {
|
|
244
|
-
"name": "FlowAlert",
|
|
245
|
-
"module": "components/alert/alert.js"
|
|
246
|
-
}
|
|
247
|
-
},
|
|
248
|
-
{
|
|
249
|
-
"kind": "custom-element-definition",
|
|
250
|
-
"name": "flow-ui-alert",
|
|
251
|
-
"declaration": {
|
|
252
|
-
"name": "FlowAlert",
|
|
253
|
-
"module": "components/alert/alert.js"
|
|
254
|
-
}
|
|
255
|
-
}
|
|
256
|
-
]
|
|
257
|
-
},
|
|
258
5
|
{
|
|
259
6
|
"kind": "javascript-module",
|
|
260
7
|
"path": "components/animation/animation.js",
|
|
@@ -674,125 +421,235 @@
|
|
|
674
421
|
},
|
|
675
422
|
{
|
|
676
423
|
"kind": "javascript-module",
|
|
677
|
-
"path": "components/
|
|
424
|
+
"path": "components/alert/alert.js",
|
|
678
425
|
"declarations": [
|
|
679
426
|
{
|
|
680
427
|
"kind": "class",
|
|
681
428
|
"description": "",
|
|
682
|
-
"name": "
|
|
429
|
+
"name": "FlowAlert",
|
|
683
430
|
"cssParts": [
|
|
684
431
|
{
|
|
685
432
|
"description": "The component's base wrapper.",
|
|
686
433
|
"name": "base"
|
|
687
434
|
},
|
|
688
435
|
{
|
|
689
|
-
"description": "The
|
|
690
|
-
"name": "
|
|
436
|
+
"description": "The container that wraps the optional icon.",
|
|
437
|
+
"name": "icon"
|
|
691
438
|
},
|
|
692
439
|
{
|
|
693
|
-
"description": "The container that wraps the
|
|
694
|
-
"name": "
|
|
440
|
+
"description": "The container that wraps the alert's main content.",
|
|
441
|
+
"name": "message"
|
|
695
442
|
},
|
|
696
443
|
{
|
|
697
|
-
"description": "The
|
|
698
|
-
"name": "
|
|
444
|
+
"description": "The close button, an `<flow-ui-icon-button>`.",
|
|
445
|
+
"name": "close-button"
|
|
699
446
|
},
|
|
700
447
|
{
|
|
701
|
-
"description": "The
|
|
702
|
-
"name": "
|
|
448
|
+
"description": "The close button's exported `base` part.",
|
|
449
|
+
"name": "close-button__base"
|
|
703
450
|
}
|
|
704
451
|
],
|
|
705
452
|
"slots": [
|
|
706
453
|
{
|
|
707
|
-
"description": "The
|
|
454
|
+
"description": "The alert's main content.",
|
|
708
455
|
"name": ""
|
|
709
456
|
},
|
|
710
457
|
{
|
|
711
|
-
"description": "An
|
|
712
|
-
"name": "
|
|
713
|
-
},
|
|
714
|
-
{
|
|
715
|
-
"description": "An optional suffix, usually an icon or icon button.",
|
|
716
|
-
"name": "suffix"
|
|
717
|
-
},
|
|
718
|
-
{
|
|
719
|
-
"description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
|
|
720
|
-
"name": "separator"
|
|
458
|
+
"description": "An icon to show in the alert. Works best with `<flow-ui-icon>`.",
|
|
459
|
+
"name": "icon"
|
|
721
460
|
}
|
|
722
461
|
],
|
|
723
462
|
"members": [
|
|
463
|
+
{
|
|
464
|
+
"kind": "field",
|
|
465
|
+
"name": "autoHideTimeout",
|
|
466
|
+
"type": {
|
|
467
|
+
"text": "number"
|
|
468
|
+
},
|
|
469
|
+
"privacy": "private"
|
|
470
|
+
},
|
|
724
471
|
{
|
|
725
472
|
"kind": "field",
|
|
726
473
|
"name": "hasSlotController",
|
|
727
474
|
"privacy": "private",
|
|
728
475
|
"readonly": true,
|
|
729
|
-
"default": "new HasSlotController(this, '
|
|
476
|
+
"default": "new HasSlotController(this, 'icon', 'suffix')"
|
|
730
477
|
},
|
|
731
478
|
{
|
|
732
479
|
"kind": "field",
|
|
733
|
-
"name": "
|
|
480
|
+
"name": "localize",
|
|
481
|
+
"privacy": "private",
|
|
482
|
+
"readonly": true,
|
|
483
|
+
"default": "new LocalizeController(this)"
|
|
484
|
+
},
|
|
485
|
+
{
|
|
486
|
+
"kind": "field",
|
|
487
|
+
"name": "base",
|
|
734
488
|
"type": {
|
|
735
|
-
"text": "
|
|
489
|
+
"text": "HTMLElement"
|
|
490
|
+
}
|
|
491
|
+
},
|
|
492
|
+
{
|
|
493
|
+
"kind": "field",
|
|
494
|
+
"name": "open",
|
|
495
|
+
"type": {
|
|
496
|
+
"text": "boolean"
|
|
736
497
|
},
|
|
737
|
-
"
|
|
738
|
-
"
|
|
498
|
+
"default": "false",
|
|
499
|
+
"description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
|
|
500
|
+
"attribute": "open",
|
|
501
|
+
"reflects": true
|
|
739
502
|
},
|
|
740
503
|
{
|
|
741
504
|
"kind": "field",
|
|
742
|
-
"name": "
|
|
505
|
+
"name": "closable",
|
|
743
506
|
"type": {
|
|
744
|
-
"text": "
|
|
507
|
+
"text": "boolean"
|
|
745
508
|
},
|
|
746
|
-
"
|
|
747
|
-
"
|
|
509
|
+
"default": "false",
|
|
510
|
+
"description": "Enables a close button that allows the user to dismiss the alert.",
|
|
511
|
+
"attribute": "closable",
|
|
512
|
+
"reflects": true
|
|
748
513
|
},
|
|
749
514
|
{
|
|
750
515
|
"kind": "field",
|
|
751
|
-
"name": "
|
|
516
|
+
"name": "variant",
|
|
752
517
|
"type": {
|
|
753
|
-
"text": "
|
|
518
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
754
519
|
},
|
|
755
|
-
"default": "'
|
|
756
|
-
"description": "The
|
|
757
|
-
"attribute": "
|
|
520
|
+
"default": "'primary'",
|
|
521
|
+
"description": "The alert's theme variant.",
|
|
522
|
+
"attribute": "variant",
|
|
523
|
+
"reflects": true
|
|
524
|
+
},
|
|
525
|
+
{
|
|
526
|
+
"kind": "field",
|
|
527
|
+
"name": "duration",
|
|
528
|
+
"default": "Infinity",
|
|
529
|
+
"description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
|
|
530
|
+
"attribute": "duration"
|
|
531
|
+
},
|
|
532
|
+
{
|
|
533
|
+
"kind": "method",
|
|
534
|
+
"name": "restartAutoHide",
|
|
535
|
+
"privacy": "private"
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"kind": "method",
|
|
539
|
+
"name": "handleCloseClick",
|
|
540
|
+
"privacy": "private"
|
|
541
|
+
},
|
|
542
|
+
{
|
|
543
|
+
"kind": "method",
|
|
544
|
+
"name": "handleMouseMove",
|
|
545
|
+
"privacy": "private"
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"kind": "method",
|
|
549
|
+
"name": "handleOpenChange"
|
|
550
|
+
},
|
|
551
|
+
{
|
|
552
|
+
"kind": "method",
|
|
553
|
+
"name": "handleDurationChange"
|
|
554
|
+
},
|
|
555
|
+
{
|
|
556
|
+
"kind": "method",
|
|
557
|
+
"name": "show",
|
|
558
|
+
"description": "Shows the alert."
|
|
559
|
+
},
|
|
560
|
+
{
|
|
561
|
+
"kind": "method",
|
|
562
|
+
"name": "hide",
|
|
563
|
+
"description": "Hides the alert"
|
|
564
|
+
},
|
|
565
|
+
{
|
|
566
|
+
"kind": "method",
|
|
567
|
+
"name": "toast",
|
|
568
|
+
"description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden."
|
|
569
|
+
}
|
|
570
|
+
],
|
|
571
|
+
"events": [
|
|
572
|
+
{
|
|
573
|
+
"description": "Emitted when the alert opens.",
|
|
574
|
+
"name": "flow-ui-show",
|
|
575
|
+
"reactName": "onFlowUiShow"
|
|
576
|
+
},
|
|
577
|
+
{
|
|
578
|
+
"description": "Emitted after the alert opens and all animations are complete.",
|
|
579
|
+
"name": "flow-ui-after-show",
|
|
580
|
+
"reactName": "onFlowUiAfterShow"
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"description": "Emitted when the alert closes.",
|
|
584
|
+
"name": "flow-ui-hide",
|
|
585
|
+
"reactName": "onFlowUiHide"
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"description": "Emitted after the alert closes and all animations are complete.",
|
|
589
|
+
"name": "flow-ui-after-hide",
|
|
590
|
+
"reactName": "onFlowUiAfterHide"
|
|
758
591
|
}
|
|
759
592
|
],
|
|
760
593
|
"attributes": [
|
|
761
594
|
{
|
|
762
|
-
"name": "
|
|
595
|
+
"name": "open",
|
|
763
596
|
"type": {
|
|
764
|
-
"text": "
|
|
597
|
+
"text": "boolean"
|
|
765
598
|
},
|
|
766
|
-
"
|
|
767
|
-
"
|
|
599
|
+
"default": "false",
|
|
600
|
+
"description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
|
|
601
|
+
"fieldName": "open"
|
|
768
602
|
},
|
|
769
603
|
{
|
|
770
|
-
"name": "
|
|
604
|
+
"name": "closable",
|
|
771
605
|
"type": {
|
|
772
|
-
"text": "
|
|
606
|
+
"text": "boolean"
|
|
773
607
|
},
|
|
774
|
-
"
|
|
775
|
-
"
|
|
608
|
+
"default": "false",
|
|
609
|
+
"description": "Enables a close button that allows the user to dismiss the alert.",
|
|
610
|
+
"fieldName": "closable"
|
|
776
611
|
},
|
|
777
612
|
{
|
|
778
|
-
"name": "
|
|
613
|
+
"name": "variant",
|
|
779
614
|
"type": {
|
|
780
|
-
"text": "
|
|
615
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
781
616
|
},
|
|
782
|
-
"default": "'
|
|
783
|
-
"description": "The
|
|
784
|
-
"fieldName": "
|
|
617
|
+
"default": "'primary'",
|
|
618
|
+
"description": "The alert's theme variant.",
|
|
619
|
+
"fieldName": "variant"
|
|
620
|
+
},
|
|
621
|
+
{
|
|
622
|
+
"name": "duration",
|
|
623
|
+
"default": "Infinity",
|
|
624
|
+
"description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
|
|
625
|
+
"resolveInitializer": {
|
|
626
|
+
"module": "src/components/alert/alert.ts"
|
|
627
|
+
},
|
|
628
|
+
"fieldName": "duration"
|
|
785
629
|
}
|
|
786
630
|
],
|
|
787
631
|
"superclass": {
|
|
788
632
|
"name": "FlowRdfElement",
|
|
789
633
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
790
634
|
},
|
|
791
|
-
"summary": "
|
|
792
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
635
|
+
"summary": "Alerts are used to display important messages inline or as toast notifications.",
|
|
636
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/alert",
|
|
793
637
|
"status": "stable",
|
|
794
638
|
"since": "2.0",
|
|
795
|
-
"
|
|
639
|
+
"dependencies": [
|
|
640
|
+
"flow-ui-icon-button"
|
|
641
|
+
],
|
|
642
|
+
"animations": [
|
|
643
|
+
{
|
|
644
|
+
"name": "alert.show",
|
|
645
|
+
"description": "The animation to use when showing the alert."
|
|
646
|
+
},
|
|
647
|
+
{
|
|
648
|
+
"name": "alert.hide",
|
|
649
|
+
"description": "The animation to use when hiding the alert."
|
|
650
|
+
}
|
|
651
|
+
],
|
|
652
|
+
"tagName": "flow-ui-alert",
|
|
796
653
|
"customElement": true
|
|
797
654
|
}
|
|
798
655
|
],
|
|
@@ -801,16 +658,16 @@
|
|
|
801
658
|
"kind": "js",
|
|
802
659
|
"name": "default",
|
|
803
660
|
"declaration": {
|
|
804
|
-
"name": "
|
|
805
|
-
"module": "components/
|
|
661
|
+
"name": "FlowAlert",
|
|
662
|
+
"module": "components/alert/alert.js"
|
|
806
663
|
}
|
|
807
664
|
},
|
|
808
665
|
{
|
|
809
666
|
"kind": "custom-element-definition",
|
|
810
|
-
"name": "flow-ui-
|
|
667
|
+
"name": "flow-ui-alert",
|
|
811
668
|
"declaration": {
|
|
812
|
-
"name": "
|
|
813
|
-
"module": "components/
|
|
669
|
+
"name": "FlowAlert",
|
|
670
|
+
"module": "components/alert/alert.js"
|
|
814
671
|
}
|
|
815
672
|
}
|
|
816
673
|
]
|
|
@@ -934,150 +791,125 @@
|
|
|
934
791
|
},
|
|
935
792
|
{
|
|
936
793
|
"kind": "javascript-module",
|
|
937
|
-
"path": "components/
|
|
794
|
+
"path": "components/breadcrumb-item/breadcrumb-item.js",
|
|
938
795
|
"declarations": [
|
|
939
796
|
{
|
|
940
797
|
"kind": "class",
|
|
941
798
|
"description": "",
|
|
942
|
-
"name": "
|
|
799
|
+
"name": "FlowBreadcrumbItem",
|
|
943
800
|
"cssParts": [
|
|
944
801
|
{
|
|
945
802
|
"description": "The component's base wrapper.",
|
|
946
803
|
"name": "base"
|
|
804
|
+
},
|
|
805
|
+
{
|
|
806
|
+
"description": "The breadcrumb item's label.",
|
|
807
|
+
"name": "label"
|
|
808
|
+
},
|
|
809
|
+
{
|
|
810
|
+
"description": "The container that wraps the prefix.",
|
|
811
|
+
"name": "prefix"
|
|
812
|
+
},
|
|
813
|
+
{
|
|
814
|
+
"description": "The container that wraps the suffix.",
|
|
815
|
+
"name": "suffix"
|
|
816
|
+
},
|
|
817
|
+
{
|
|
818
|
+
"description": "The container that wraps the separator.",
|
|
819
|
+
"name": "separator"
|
|
947
820
|
}
|
|
948
821
|
],
|
|
949
822
|
"slots": [
|
|
950
823
|
{
|
|
951
|
-
"description": "
|
|
824
|
+
"description": "The breadcrumb item's label.",
|
|
952
825
|
"name": ""
|
|
826
|
+
},
|
|
827
|
+
{
|
|
828
|
+
"description": "An optional prefix, usually an icon or icon button.",
|
|
829
|
+
"name": "prefix"
|
|
830
|
+
},
|
|
831
|
+
{
|
|
832
|
+
"description": "An optional suffix, usually an icon or icon button.",
|
|
833
|
+
"name": "suffix"
|
|
834
|
+
},
|
|
835
|
+
{
|
|
836
|
+
"description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
|
|
837
|
+
"name": "separator"
|
|
953
838
|
}
|
|
954
839
|
],
|
|
955
840
|
"members": [
|
|
956
841
|
{
|
|
957
842
|
"kind": "field",
|
|
958
|
-
"name": "
|
|
959
|
-
"
|
|
960
|
-
|
|
961
|
-
|
|
843
|
+
"name": "hasSlotController",
|
|
844
|
+
"privacy": "private",
|
|
845
|
+
"readonly": true,
|
|
846
|
+
"default": "new HasSlotController(this, 'prefix', 'suffix')"
|
|
962
847
|
},
|
|
963
848
|
{
|
|
964
849
|
"kind": "field",
|
|
965
|
-
"name": "
|
|
850
|
+
"name": "href",
|
|
966
851
|
"type": {
|
|
967
|
-
"text": "
|
|
852
|
+
"text": "string | undefined"
|
|
968
853
|
},
|
|
969
|
-
"
|
|
854
|
+
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
855
|
+
"attribute": "href"
|
|
970
856
|
},
|
|
971
857
|
{
|
|
972
858
|
"kind": "field",
|
|
973
|
-
"name": "
|
|
859
|
+
"name": "target",
|
|
974
860
|
"type": {
|
|
975
|
-
"text": "
|
|
861
|
+
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
976
862
|
},
|
|
977
|
-
"
|
|
978
|
-
"attribute": "
|
|
863
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
864
|
+
"attribute": "target"
|
|
979
865
|
},
|
|
980
866
|
{
|
|
981
867
|
"kind": "field",
|
|
982
|
-
"name": "
|
|
868
|
+
"name": "rel",
|
|
983
869
|
"type": {
|
|
984
|
-
"text": "
|
|
870
|
+
"text": "string"
|
|
985
871
|
},
|
|
986
|
-
"default": "
|
|
987
|
-
"description": "
|
|
988
|
-
"attribute": "
|
|
989
|
-
"reflects": true
|
|
990
|
-
},
|
|
991
|
-
{
|
|
992
|
-
"kind": "method",
|
|
993
|
-
"name": "handleVerticalChange"
|
|
994
|
-
},
|
|
995
|
-
{
|
|
996
|
-
"kind": "method",
|
|
997
|
-
"name": "handleFocus",
|
|
998
|
-
"privacy": "private",
|
|
999
|
-
"parameters": [
|
|
1000
|
-
{
|
|
1001
|
-
"name": "event",
|
|
1002
|
-
"type": {
|
|
1003
|
-
"text": "Event"
|
|
1004
|
-
}
|
|
1005
|
-
}
|
|
1006
|
-
]
|
|
1007
|
-
},
|
|
1008
|
-
{
|
|
1009
|
-
"kind": "method",
|
|
1010
|
-
"name": "handleBlur",
|
|
1011
|
-
"privacy": "private",
|
|
1012
|
-
"parameters": [
|
|
1013
|
-
{
|
|
1014
|
-
"name": "event",
|
|
1015
|
-
"type": {
|
|
1016
|
-
"text": "Event"
|
|
1017
|
-
}
|
|
1018
|
-
}
|
|
1019
|
-
]
|
|
1020
|
-
},
|
|
1021
|
-
{
|
|
1022
|
-
"kind": "method",
|
|
1023
|
-
"name": "handleMouseOver",
|
|
1024
|
-
"privacy": "private",
|
|
1025
|
-
"parameters": [
|
|
1026
|
-
{
|
|
1027
|
-
"name": "event",
|
|
1028
|
-
"type": {
|
|
1029
|
-
"text": "Event"
|
|
1030
|
-
}
|
|
1031
|
-
}
|
|
1032
|
-
]
|
|
1033
|
-
},
|
|
1034
|
-
{
|
|
1035
|
-
"kind": "method",
|
|
1036
|
-
"name": "handleMouseOut",
|
|
1037
|
-
"privacy": "private",
|
|
1038
|
-
"parameters": [
|
|
1039
|
-
{
|
|
1040
|
-
"name": "event",
|
|
1041
|
-
"type": {
|
|
1042
|
-
"text": "Event"
|
|
1043
|
-
}
|
|
1044
|
-
}
|
|
1045
|
-
]
|
|
1046
|
-
},
|
|
1047
|
-
{
|
|
1048
|
-
"kind": "method",
|
|
1049
|
-
"name": "handleSlotChange",
|
|
1050
|
-
"privacy": "private"
|
|
872
|
+
"default": "'noreferrer noopener'",
|
|
873
|
+
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
874
|
+
"attribute": "rel"
|
|
1051
875
|
}
|
|
1052
876
|
],
|
|
1053
877
|
"attributes": [
|
|
1054
878
|
{
|
|
1055
|
-
"name": "
|
|
879
|
+
"name": "href",
|
|
1056
880
|
"type": {
|
|
1057
|
-
"text": "string"
|
|
881
|
+
"text": "string | undefined"
|
|
1058
882
|
},
|
|
1059
|
-
"
|
|
1060
|
-
"fieldName": "
|
|
883
|
+
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
884
|
+
"fieldName": "href"
|
|
1061
885
|
},
|
|
1062
886
|
{
|
|
1063
|
-
"name": "
|
|
887
|
+
"name": "target",
|
|
1064
888
|
"type": {
|
|
1065
|
-
"text": "
|
|
889
|
+
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
1066
890
|
},
|
|
1067
|
-
"
|
|
1068
|
-
"
|
|
1069
|
-
|
|
891
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
892
|
+
"fieldName": "target"
|
|
893
|
+
},
|
|
894
|
+
{
|
|
895
|
+
"name": "rel",
|
|
896
|
+
"type": {
|
|
897
|
+
"text": "string"
|
|
898
|
+
},
|
|
899
|
+
"default": "'noreferrer noopener'",
|
|
900
|
+
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
901
|
+
"fieldName": "rel"
|
|
1070
902
|
}
|
|
1071
903
|
],
|
|
1072
904
|
"superclass": {
|
|
1073
905
|
"name": "FlowRdfElement",
|
|
1074
906
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
1075
907
|
},
|
|
1076
|
-
"summary": "
|
|
1077
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
908
|
+
"summary": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
|
|
909
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
|
|
1078
910
|
"status": "stable",
|
|
1079
911
|
"since": "2.0",
|
|
1080
|
-
"tagName": "flow-ui-
|
|
912
|
+
"tagName": "flow-ui-breadcrumb-item",
|
|
1081
913
|
"customElement": true
|
|
1082
914
|
}
|
|
1083
915
|
],
|
|
@@ -1086,96 +918,62 @@
|
|
|
1086
918
|
"kind": "js",
|
|
1087
919
|
"name": "default",
|
|
1088
920
|
"declaration": {
|
|
1089
|
-
"name": "
|
|
1090
|
-
"module": "components/
|
|
921
|
+
"name": "FlowBreadcrumbItem",
|
|
922
|
+
"module": "components/breadcrumb-item/breadcrumb-item.js"
|
|
1091
923
|
}
|
|
1092
924
|
},
|
|
1093
925
|
{
|
|
1094
926
|
"kind": "custom-element-definition",
|
|
1095
|
-
"name": "flow-ui-
|
|
927
|
+
"name": "flow-ui-breadcrumb-item",
|
|
1096
928
|
"declaration": {
|
|
1097
|
-
"name": "
|
|
1098
|
-
"module": "components/
|
|
929
|
+
"name": "FlowBreadcrumbItem",
|
|
930
|
+
"module": "components/breadcrumb-item/breadcrumb-item.js"
|
|
1099
931
|
}
|
|
1100
932
|
}
|
|
1101
933
|
]
|
|
1102
934
|
},
|
|
1103
935
|
{
|
|
1104
936
|
"kind": "javascript-module",
|
|
1105
|
-
"path": "components/
|
|
937
|
+
"path": "components/avatar/avatar.js",
|
|
1106
938
|
"declarations": [
|
|
1107
939
|
{
|
|
1108
940
|
"kind": "class",
|
|
1109
941
|
"description": "",
|
|
1110
|
-
"name": "
|
|
942
|
+
"name": "FlowAvatar",
|
|
943
|
+
"cssProperties": [
|
|
944
|
+
{
|
|
945
|
+
"description": "The size of the avatar.",
|
|
946
|
+
"name": "--size"
|
|
947
|
+
}
|
|
948
|
+
],
|
|
1111
949
|
"cssParts": [
|
|
1112
950
|
{
|
|
1113
951
|
"description": "The component's base wrapper.",
|
|
1114
952
|
"name": "base"
|
|
1115
953
|
},
|
|
1116
954
|
{
|
|
1117
|
-
"description": "The container that wraps the
|
|
1118
|
-
"name": "
|
|
1119
|
-
},
|
|
1120
|
-
{
|
|
1121
|
-
"description": "The button's label.",
|
|
1122
|
-
"name": "label"
|
|
955
|
+
"description": "The container that wraps the avatar's icon.",
|
|
956
|
+
"name": "icon"
|
|
1123
957
|
},
|
|
1124
958
|
{
|
|
1125
|
-
"description": "The container that wraps the
|
|
1126
|
-
"name": "
|
|
959
|
+
"description": "The container that wraps the avatar's initials.",
|
|
960
|
+
"name": "initials"
|
|
1127
961
|
},
|
|
1128
962
|
{
|
|
1129
|
-
"description": "The
|
|
1130
|
-
"name": "
|
|
963
|
+
"description": "The avatar image. Only shown when the `image` attribute is set.",
|
|
964
|
+
"name": "image"
|
|
1131
965
|
}
|
|
1132
966
|
],
|
|
1133
967
|
"slots": [
|
|
1134
968
|
{
|
|
1135
|
-
"description": "The
|
|
1136
|
-
"name": ""
|
|
1137
|
-
},
|
|
1138
|
-
{
|
|
1139
|
-
"description": "A presentational prefix icon or similar element.",
|
|
1140
|
-
"name": "prefix"
|
|
1141
|
-
},
|
|
1142
|
-
{
|
|
1143
|
-
"description": "A presentational suffix icon or similar element.",
|
|
1144
|
-
"name": "suffix"
|
|
969
|
+
"description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
|
|
970
|
+
"name": "icon"
|
|
1145
971
|
}
|
|
1146
972
|
],
|
|
1147
973
|
"members": [
|
|
1148
974
|
{
|
|
1149
975
|
"kind": "field",
|
|
1150
|
-
"name": "
|
|
1151
|
-
"privacy": "private",
|
|
1152
|
-
"readonly": true,
|
|
1153
|
-
"default": "new FormControlController(this, {\n form: input => {\n // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n // the form from the same root using its id\n if (input.hasAttribute('form')) {\n const doc = input.getRootNode() as Document | ShadowRoot;\n const formId = input.getAttribute('form')!;\n return doc.getElementById(formId) as HTMLFormElement;\n }\n\n // Fall back to the closest containing form\n return input.closest('form');\n },\n assumeInteractionOn: ['click']\n })"
|
|
1154
|
-
},
|
|
1155
|
-
{
|
|
1156
|
-
"kind": "field",
|
|
1157
|
-
"name": "hasSlotController",
|
|
1158
|
-
"privacy": "private",
|
|
1159
|
-
"readonly": true,
|
|
1160
|
-
"default": "new HasSlotController(this, '[default]', 'prefix', 'suffix')"
|
|
1161
|
-
},
|
|
1162
|
-
{
|
|
1163
|
-
"kind": "field",
|
|
1164
|
-
"name": "localize",
|
|
1165
|
-
"privacy": "private",
|
|
1166
|
-
"readonly": true,
|
|
1167
|
-
"default": "new LocalizeController(this)"
|
|
1168
|
-
},
|
|
1169
|
-
{
|
|
1170
|
-
"kind": "field",
|
|
1171
|
-
"name": "button",
|
|
1172
|
-
"type": {
|
|
1173
|
-
"text": "HTMLButtonElement | HTMLLinkElement"
|
|
1174
|
-
}
|
|
1175
|
-
},
|
|
1176
|
-
{
|
|
1177
|
-
"kind": "field",
|
|
1178
|
-
"name": "hasFocus",
|
|
976
|
+
"name": "hasError",
|
|
1179
977
|
"type": {
|
|
1180
978
|
"text": "boolean"
|
|
1181
979
|
},
|
|
@@ -1184,57 +982,276 @@
|
|
|
1184
982
|
},
|
|
1185
983
|
{
|
|
1186
984
|
"kind": "field",
|
|
1187
|
-
"name": "
|
|
985
|
+
"name": "image",
|
|
1188
986
|
"type": {
|
|
1189
|
-
"text": "
|
|
987
|
+
"text": "string"
|
|
1190
988
|
},
|
|
1191
|
-
"default": "
|
|
989
|
+
"default": "''",
|
|
990
|
+
"description": "The image source to use for the avatar.",
|
|
991
|
+
"attribute": "image"
|
|
1192
992
|
},
|
|
1193
993
|
{
|
|
1194
994
|
"kind": "field",
|
|
1195
|
-
"name": "
|
|
995
|
+
"name": "label",
|
|
1196
996
|
"type": {
|
|
1197
997
|
"text": "string"
|
|
1198
998
|
},
|
|
1199
999
|
"default": "''",
|
|
1200
|
-
"
|
|
1000
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1001
|
+
"attribute": "label"
|
|
1201
1002
|
},
|
|
1202
1003
|
{
|
|
1203
1004
|
"kind": "field",
|
|
1204
|
-
"name": "
|
|
1005
|
+
"name": "initials",
|
|
1205
1006
|
"type": {
|
|
1206
|
-
"text": "
|
|
1007
|
+
"text": "string"
|
|
1207
1008
|
},
|
|
1208
|
-
"default": "'
|
|
1209
|
-
"description": "
|
|
1210
|
-
"attribute": "
|
|
1211
|
-
"reflects": true
|
|
1009
|
+
"default": "''",
|
|
1010
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
1011
|
+
"attribute": "initials"
|
|
1212
1012
|
},
|
|
1213
1013
|
{
|
|
1214
1014
|
"kind": "field",
|
|
1215
|
-
"name": "
|
|
1015
|
+
"name": "loading",
|
|
1216
1016
|
"type": {
|
|
1217
|
-
"text": "'
|
|
1017
|
+
"text": "'eager' | 'lazy'"
|
|
1218
1018
|
},
|
|
1219
|
-
"default": "'
|
|
1220
|
-
"description": "
|
|
1221
|
-
"attribute": "
|
|
1222
|
-
"reflects": true
|
|
1019
|
+
"default": "'eager'",
|
|
1020
|
+
"description": "Indicates how the browser should load the image.",
|
|
1021
|
+
"attribute": "loading"
|
|
1223
1022
|
},
|
|
1224
1023
|
{
|
|
1225
1024
|
"kind": "field",
|
|
1226
|
-
"name": "
|
|
1025
|
+
"name": "shape",
|
|
1227
1026
|
"type": {
|
|
1228
|
-
"text": "
|
|
1027
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
1229
1028
|
},
|
|
1230
|
-
"default": "
|
|
1231
|
-
"description": "
|
|
1232
|
-
"attribute": "
|
|
1029
|
+
"default": "'circle'",
|
|
1030
|
+
"description": "The shape of the avatar.",
|
|
1031
|
+
"attribute": "shape",
|
|
1233
1032
|
"reflects": true
|
|
1234
1033
|
},
|
|
1235
1034
|
{
|
|
1236
|
-
"kind": "
|
|
1237
|
-
"name": "
|
|
1035
|
+
"kind": "method",
|
|
1036
|
+
"name": "handleImageChange"
|
|
1037
|
+
}
|
|
1038
|
+
],
|
|
1039
|
+
"attributes": [
|
|
1040
|
+
{
|
|
1041
|
+
"name": "image",
|
|
1042
|
+
"type": {
|
|
1043
|
+
"text": "string"
|
|
1044
|
+
},
|
|
1045
|
+
"default": "''",
|
|
1046
|
+
"description": "The image source to use for the avatar.",
|
|
1047
|
+
"fieldName": "image"
|
|
1048
|
+
},
|
|
1049
|
+
{
|
|
1050
|
+
"name": "label",
|
|
1051
|
+
"type": {
|
|
1052
|
+
"text": "string"
|
|
1053
|
+
},
|
|
1054
|
+
"default": "''",
|
|
1055
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1056
|
+
"fieldName": "label"
|
|
1057
|
+
},
|
|
1058
|
+
{
|
|
1059
|
+
"name": "initials",
|
|
1060
|
+
"type": {
|
|
1061
|
+
"text": "string"
|
|
1062
|
+
},
|
|
1063
|
+
"default": "''",
|
|
1064
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
1065
|
+
"fieldName": "initials"
|
|
1066
|
+
},
|
|
1067
|
+
{
|
|
1068
|
+
"name": "loading",
|
|
1069
|
+
"type": {
|
|
1070
|
+
"text": "'eager' | 'lazy'"
|
|
1071
|
+
},
|
|
1072
|
+
"default": "'eager'",
|
|
1073
|
+
"description": "Indicates how the browser should load the image.",
|
|
1074
|
+
"fieldName": "loading"
|
|
1075
|
+
},
|
|
1076
|
+
{
|
|
1077
|
+
"name": "shape",
|
|
1078
|
+
"type": {
|
|
1079
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
1080
|
+
},
|
|
1081
|
+
"default": "'circle'",
|
|
1082
|
+
"description": "The shape of the avatar.",
|
|
1083
|
+
"fieldName": "shape"
|
|
1084
|
+
}
|
|
1085
|
+
],
|
|
1086
|
+
"superclass": {
|
|
1087
|
+
"name": "FlowRdfElement",
|
|
1088
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
1089
|
+
},
|
|
1090
|
+
"summary": "Avatars are used to represent a person or object.",
|
|
1091
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
|
|
1092
|
+
"status": "stable",
|
|
1093
|
+
"since": "2.0",
|
|
1094
|
+
"dependencies": [
|
|
1095
|
+
"flow-ui-icon"
|
|
1096
|
+
],
|
|
1097
|
+
"tagName": "flow-ui-avatar",
|
|
1098
|
+
"customElement": true
|
|
1099
|
+
}
|
|
1100
|
+
],
|
|
1101
|
+
"exports": [
|
|
1102
|
+
{
|
|
1103
|
+
"kind": "js",
|
|
1104
|
+
"name": "default",
|
|
1105
|
+
"declaration": {
|
|
1106
|
+
"name": "FlowAvatar",
|
|
1107
|
+
"module": "components/avatar/avatar.js"
|
|
1108
|
+
}
|
|
1109
|
+
},
|
|
1110
|
+
{
|
|
1111
|
+
"kind": "custom-element-definition",
|
|
1112
|
+
"name": "flow-ui-avatar",
|
|
1113
|
+
"declaration": {
|
|
1114
|
+
"name": "FlowAvatar",
|
|
1115
|
+
"module": "components/avatar/avatar.js"
|
|
1116
|
+
}
|
|
1117
|
+
}
|
|
1118
|
+
]
|
|
1119
|
+
},
|
|
1120
|
+
{
|
|
1121
|
+
"kind": "javascript-module",
|
|
1122
|
+
"path": "components/button/button.js",
|
|
1123
|
+
"declarations": [
|
|
1124
|
+
{
|
|
1125
|
+
"kind": "class",
|
|
1126
|
+
"description": "",
|
|
1127
|
+
"name": "FlowButton",
|
|
1128
|
+
"cssParts": [
|
|
1129
|
+
{
|
|
1130
|
+
"description": "The component's base wrapper.",
|
|
1131
|
+
"name": "base"
|
|
1132
|
+
},
|
|
1133
|
+
{
|
|
1134
|
+
"description": "The container that wraps the prefix.",
|
|
1135
|
+
"name": "prefix"
|
|
1136
|
+
},
|
|
1137
|
+
{
|
|
1138
|
+
"description": "The button's label.",
|
|
1139
|
+
"name": "label"
|
|
1140
|
+
},
|
|
1141
|
+
{
|
|
1142
|
+
"description": "The container that wraps the suffix.",
|
|
1143
|
+
"name": "suffix"
|
|
1144
|
+
},
|
|
1145
|
+
{
|
|
1146
|
+
"description": "The button's caret icon, an `<flow-ui-icon>` element.",
|
|
1147
|
+
"name": "caret"
|
|
1148
|
+
}
|
|
1149
|
+
],
|
|
1150
|
+
"slots": [
|
|
1151
|
+
{
|
|
1152
|
+
"description": "The button's label.",
|
|
1153
|
+
"name": ""
|
|
1154
|
+
},
|
|
1155
|
+
{
|
|
1156
|
+
"description": "A presentational prefix icon or similar element.",
|
|
1157
|
+
"name": "prefix"
|
|
1158
|
+
},
|
|
1159
|
+
{
|
|
1160
|
+
"description": "A presentational suffix icon or similar element.",
|
|
1161
|
+
"name": "suffix"
|
|
1162
|
+
}
|
|
1163
|
+
],
|
|
1164
|
+
"members": [
|
|
1165
|
+
{
|
|
1166
|
+
"kind": "field",
|
|
1167
|
+
"name": "formControlController",
|
|
1168
|
+
"privacy": "private",
|
|
1169
|
+
"readonly": true,
|
|
1170
|
+
"default": "new FormControlController(this, {\n form: input => {\n // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n // the form from the same root using its id\n if (input.hasAttribute('form')) {\n const doc = input.getRootNode() as Document | ShadowRoot;\n const formId = input.getAttribute('form')!;\n return doc.getElementById(formId) as HTMLFormElement;\n }\n\n // Fall back to the closest containing form\n return input.closest('form');\n },\n assumeInteractionOn: ['click']\n })"
|
|
1171
|
+
},
|
|
1172
|
+
{
|
|
1173
|
+
"kind": "field",
|
|
1174
|
+
"name": "hasSlotController",
|
|
1175
|
+
"privacy": "private",
|
|
1176
|
+
"readonly": true,
|
|
1177
|
+
"default": "new HasSlotController(this, '[default]', 'prefix', 'suffix')"
|
|
1178
|
+
},
|
|
1179
|
+
{
|
|
1180
|
+
"kind": "field",
|
|
1181
|
+
"name": "localize",
|
|
1182
|
+
"privacy": "private",
|
|
1183
|
+
"readonly": true,
|
|
1184
|
+
"default": "new LocalizeController(this)"
|
|
1185
|
+
},
|
|
1186
|
+
{
|
|
1187
|
+
"kind": "field",
|
|
1188
|
+
"name": "button",
|
|
1189
|
+
"type": {
|
|
1190
|
+
"text": "HTMLButtonElement | HTMLLinkElement"
|
|
1191
|
+
}
|
|
1192
|
+
},
|
|
1193
|
+
{
|
|
1194
|
+
"kind": "field",
|
|
1195
|
+
"name": "hasFocus",
|
|
1196
|
+
"type": {
|
|
1197
|
+
"text": "boolean"
|
|
1198
|
+
},
|
|
1199
|
+
"privacy": "private",
|
|
1200
|
+
"default": "false"
|
|
1201
|
+
},
|
|
1202
|
+
{
|
|
1203
|
+
"kind": "field",
|
|
1204
|
+
"name": "invalid",
|
|
1205
|
+
"type": {
|
|
1206
|
+
"text": "boolean"
|
|
1207
|
+
},
|
|
1208
|
+
"default": "false"
|
|
1209
|
+
},
|
|
1210
|
+
{
|
|
1211
|
+
"kind": "field",
|
|
1212
|
+
"name": "title",
|
|
1213
|
+
"type": {
|
|
1214
|
+
"text": "string"
|
|
1215
|
+
},
|
|
1216
|
+
"default": "''",
|
|
1217
|
+
"attribute": "title"
|
|
1218
|
+
},
|
|
1219
|
+
{
|
|
1220
|
+
"kind": "field",
|
|
1221
|
+
"name": "variant",
|
|
1222
|
+
"type": {
|
|
1223
|
+
"text": "'default' | 'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text'"
|
|
1224
|
+
},
|
|
1225
|
+
"default": "'default'",
|
|
1226
|
+
"description": "The button's theme variant.",
|
|
1227
|
+
"attribute": "variant",
|
|
1228
|
+
"reflects": true
|
|
1229
|
+
},
|
|
1230
|
+
{
|
|
1231
|
+
"kind": "field",
|
|
1232
|
+
"name": "size",
|
|
1233
|
+
"type": {
|
|
1234
|
+
"text": "'small' | 'medium' | 'large'"
|
|
1235
|
+
},
|
|
1236
|
+
"default": "'medium'",
|
|
1237
|
+
"description": "The button's size.",
|
|
1238
|
+
"attribute": "size",
|
|
1239
|
+
"reflects": true
|
|
1240
|
+
},
|
|
1241
|
+
{
|
|
1242
|
+
"kind": "field",
|
|
1243
|
+
"name": "caret",
|
|
1244
|
+
"type": {
|
|
1245
|
+
"text": "boolean"
|
|
1246
|
+
},
|
|
1247
|
+
"default": "false",
|
|
1248
|
+
"description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
|
|
1249
|
+
"attribute": "caret",
|
|
1250
|
+
"reflects": true
|
|
1251
|
+
},
|
|
1252
|
+
{
|
|
1253
|
+
"kind": "field",
|
|
1254
|
+
"name": "disabled",
|
|
1238
1255
|
"type": {
|
|
1239
1256
|
"text": "boolean"
|
|
1240
1257
|
},
|
|
@@ -1779,61 +1796,39 @@
|
|
|
1779
1796
|
},
|
|
1780
1797
|
{
|
|
1781
1798
|
"kind": "javascript-module",
|
|
1782
|
-
"path": "components/
|
|
1799
|
+
"path": "components/button-group/button-group.js",
|
|
1783
1800
|
"declarations": [
|
|
1784
1801
|
{
|
|
1785
1802
|
"kind": "class",
|
|
1786
1803
|
"description": "",
|
|
1787
|
-
"name": "
|
|
1788
|
-
"cssProperties": [
|
|
1789
|
-
{
|
|
1790
|
-
"description": "The size of the avatar.",
|
|
1791
|
-
"name": "--size"
|
|
1792
|
-
}
|
|
1793
|
-
],
|
|
1804
|
+
"name": "FlowButtonGroup",
|
|
1794
1805
|
"cssParts": [
|
|
1795
1806
|
{
|
|
1796
1807
|
"description": "The component's base wrapper.",
|
|
1797
1808
|
"name": "base"
|
|
1798
|
-
},
|
|
1799
|
-
{
|
|
1800
|
-
"description": "The container that wraps the avatar's icon.",
|
|
1801
|
-
"name": "icon"
|
|
1802
|
-
},
|
|
1803
|
-
{
|
|
1804
|
-
"description": "The container that wraps the avatar's initials.",
|
|
1805
|
-
"name": "initials"
|
|
1806
|
-
},
|
|
1807
|
-
{
|
|
1808
|
-
"description": "The avatar image. Only shown when the `image` attribute is set.",
|
|
1809
|
-
"name": "image"
|
|
1810
1809
|
}
|
|
1811
1810
|
],
|
|
1812
1811
|
"slots": [
|
|
1813
1812
|
{
|
|
1814
|
-
"description": "
|
|
1815
|
-
"name": "
|
|
1813
|
+
"description": "One or more `<flow-ui-button>` elements to display in the button group.",
|
|
1814
|
+
"name": ""
|
|
1816
1815
|
}
|
|
1817
1816
|
],
|
|
1818
1817
|
"members": [
|
|
1819
1818
|
{
|
|
1820
1819
|
"kind": "field",
|
|
1821
|
-
"name": "
|
|
1820
|
+
"name": "defaultSlot",
|
|
1822
1821
|
"type": {
|
|
1823
|
-
"text": "
|
|
1824
|
-
}
|
|
1825
|
-
"privacy": "private",
|
|
1826
|
-
"default": "false"
|
|
1822
|
+
"text": "HTMLSlotElement"
|
|
1823
|
+
}
|
|
1827
1824
|
},
|
|
1828
1825
|
{
|
|
1829
1826
|
"kind": "field",
|
|
1830
|
-
"name": "
|
|
1827
|
+
"name": "disableRole",
|
|
1831
1828
|
"type": {
|
|
1832
|
-
"text": "
|
|
1829
|
+
"text": "boolean"
|
|
1833
1830
|
},
|
|
1834
|
-
"default": "
|
|
1835
|
-
"description": "The image source to use for the avatar.",
|
|
1836
|
-
"attribute": "image"
|
|
1831
|
+
"default": "false"
|
|
1837
1832
|
},
|
|
1838
1833
|
{
|
|
1839
1834
|
"kind": "field",
|
|
@@ -1842,104 +1837,109 @@
|
|
|
1842
1837
|
"text": "string"
|
|
1843
1838
|
},
|
|
1844
1839
|
"default": "''",
|
|
1845
|
-
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1846
1840
|
"attribute": "label"
|
|
1847
1841
|
},
|
|
1848
1842
|
{
|
|
1849
1843
|
"kind": "field",
|
|
1850
|
-
"name": "
|
|
1844
|
+
"name": "vertical",
|
|
1851
1845
|
"type": {
|
|
1852
|
-
"text": "
|
|
1846
|
+
"text": "boolean"
|
|
1853
1847
|
},
|
|
1854
|
-
"default": "
|
|
1855
|
-
"description": "
|
|
1856
|
-
"attribute": "
|
|
1848
|
+
"default": "false",
|
|
1849
|
+
"description": "Use vertical layout for the button group.",
|
|
1850
|
+
"attribute": "vertical",
|
|
1851
|
+
"reflects": true
|
|
1857
1852
|
},
|
|
1858
1853
|
{
|
|
1859
|
-
"kind": "
|
|
1860
|
-
"name": "
|
|
1861
|
-
"type": {
|
|
1862
|
-
"text": "'eager' | 'lazy'"
|
|
1863
|
-
},
|
|
1864
|
-
"default": "'eager'",
|
|
1865
|
-
"description": "Indicates how the browser should load the image.",
|
|
1866
|
-
"attribute": "loading"
|
|
1854
|
+
"kind": "method",
|
|
1855
|
+
"name": "handleVerticalChange"
|
|
1867
1856
|
},
|
|
1868
1857
|
{
|
|
1869
|
-
"kind": "
|
|
1870
|
-
"name": "
|
|
1871
|
-
"
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1858
|
+
"kind": "method",
|
|
1859
|
+
"name": "handleFocus",
|
|
1860
|
+
"privacy": "private",
|
|
1861
|
+
"parameters": [
|
|
1862
|
+
{
|
|
1863
|
+
"name": "event",
|
|
1864
|
+
"type": {
|
|
1865
|
+
"text": "Event"
|
|
1866
|
+
}
|
|
1867
|
+
}
|
|
1868
|
+
]
|
|
1878
1869
|
},
|
|
1879
1870
|
{
|
|
1880
1871
|
"kind": "method",
|
|
1881
|
-
"name": "
|
|
1872
|
+
"name": "handleBlur",
|
|
1873
|
+
"privacy": "private",
|
|
1874
|
+
"parameters": [
|
|
1875
|
+
{
|
|
1876
|
+
"name": "event",
|
|
1877
|
+
"type": {
|
|
1878
|
+
"text": "Event"
|
|
1879
|
+
}
|
|
1880
|
+
}
|
|
1881
|
+
]
|
|
1882
|
+
},
|
|
1883
|
+
{
|
|
1884
|
+
"kind": "method",
|
|
1885
|
+
"name": "handleMouseOver",
|
|
1886
|
+
"privacy": "private",
|
|
1887
|
+
"parameters": [
|
|
1888
|
+
{
|
|
1889
|
+
"name": "event",
|
|
1890
|
+
"type": {
|
|
1891
|
+
"text": "Event"
|
|
1892
|
+
}
|
|
1893
|
+
}
|
|
1894
|
+
]
|
|
1895
|
+
},
|
|
1896
|
+
{
|
|
1897
|
+
"kind": "method",
|
|
1898
|
+
"name": "handleMouseOut",
|
|
1899
|
+
"privacy": "private",
|
|
1900
|
+
"parameters": [
|
|
1901
|
+
{
|
|
1902
|
+
"name": "event",
|
|
1903
|
+
"type": {
|
|
1904
|
+
"text": "Event"
|
|
1905
|
+
}
|
|
1906
|
+
}
|
|
1907
|
+
]
|
|
1908
|
+
},
|
|
1909
|
+
{
|
|
1910
|
+
"kind": "method",
|
|
1911
|
+
"name": "handleSlotChange",
|
|
1912
|
+
"privacy": "private"
|
|
1882
1913
|
}
|
|
1883
1914
|
],
|
|
1884
1915
|
"attributes": [
|
|
1885
|
-
{
|
|
1886
|
-
"name": "image",
|
|
1887
|
-
"type": {
|
|
1888
|
-
"text": "string"
|
|
1889
|
-
},
|
|
1890
|
-
"default": "''",
|
|
1891
|
-
"description": "The image source to use for the avatar.",
|
|
1892
|
-
"fieldName": "image"
|
|
1893
|
-
},
|
|
1894
1916
|
{
|
|
1895
1917
|
"name": "label",
|
|
1896
1918
|
"type": {
|
|
1897
1919
|
"text": "string"
|
|
1898
1920
|
},
|
|
1899
1921
|
"default": "''",
|
|
1900
|
-
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1901
1922
|
"fieldName": "label"
|
|
1902
1923
|
},
|
|
1903
1924
|
{
|
|
1904
|
-
"name": "
|
|
1905
|
-
"type": {
|
|
1906
|
-
"text": "string"
|
|
1907
|
-
},
|
|
1908
|
-
"default": "''",
|
|
1909
|
-
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
1910
|
-
"fieldName": "initials"
|
|
1911
|
-
},
|
|
1912
|
-
{
|
|
1913
|
-
"name": "loading",
|
|
1914
|
-
"type": {
|
|
1915
|
-
"text": "'eager' | 'lazy'"
|
|
1916
|
-
},
|
|
1917
|
-
"default": "'eager'",
|
|
1918
|
-
"description": "Indicates how the browser should load the image.",
|
|
1919
|
-
"fieldName": "loading"
|
|
1920
|
-
},
|
|
1921
|
-
{
|
|
1922
|
-
"name": "shape",
|
|
1925
|
+
"name": "vertical",
|
|
1923
1926
|
"type": {
|
|
1924
|
-
"text": "
|
|
1927
|
+
"text": "boolean"
|
|
1925
1928
|
},
|
|
1926
|
-
"default": "
|
|
1927
|
-
"description": "
|
|
1928
|
-
"fieldName": "
|
|
1929
|
+
"default": "false",
|
|
1930
|
+
"description": "Use vertical layout for the button group.",
|
|
1931
|
+
"fieldName": "vertical"
|
|
1929
1932
|
}
|
|
1930
1933
|
],
|
|
1931
1934
|
"superclass": {
|
|
1932
1935
|
"name": "FlowRdfElement",
|
|
1933
1936
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
1934
1937
|
},
|
|
1935
|
-
"summary": "
|
|
1936
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
1938
|
+
"summary": "Button groups can be used to group related buttons into sections.",
|
|
1939
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group",
|
|
1937
1940
|
"status": "stable",
|
|
1938
1941
|
"since": "2.0",
|
|
1939
|
-
"
|
|
1940
|
-
"flow-ui-icon"
|
|
1941
|
-
],
|
|
1942
|
-
"tagName": "flow-ui-avatar",
|
|
1942
|
+
"tagName": "flow-ui-button-group",
|
|
1943
1943
|
"customElement": true
|
|
1944
1944
|
}
|
|
1945
1945
|
],
|
|
@@ -1948,16 +1948,16 @@
|
|
|
1948
1948
|
"kind": "js",
|
|
1949
1949
|
"name": "default",
|
|
1950
1950
|
"declaration": {
|
|
1951
|
-
"name": "
|
|
1952
|
-
"module": "components/
|
|
1951
|
+
"name": "FlowButtonGroup",
|
|
1952
|
+
"module": "components/button-group/button-group.js"
|
|
1953
1953
|
}
|
|
1954
1954
|
},
|
|
1955
1955
|
{
|
|
1956
1956
|
"kind": "custom-element-definition",
|
|
1957
|
-
"name": "flow-ui-
|
|
1957
|
+
"name": "flow-ui-button-group",
|
|
1958
1958
|
"declaration": {
|
|
1959
|
-
"name": "
|
|
1960
|
-
"module": "components/
|
|
1959
|
+
"name": "FlowButtonGroup",
|
|
1960
|
+
"module": "components/button-group/button-group.js"
|
|
1961
1961
|
}
|
|
1962
1962
|
}
|
|
1963
1963
|
]
|
|
@@ -13911,39 +13911,30 @@
|
|
|
13911
13911
|
},
|
|
13912
13912
|
{
|
|
13913
13913
|
"kind": "javascript-module",
|
|
13914
|
-
"path": "components/split-view-
|
|
13914
|
+
"path": "components/split-view-divider/split-view-divider.component.js",
|
|
13915
13915
|
"declarations": [
|
|
13916
13916
|
{
|
|
13917
13917
|
"kind": "class",
|
|
13918
13918
|
"description": "",
|
|
13919
|
-
"name": "
|
|
13919
|
+
"name": "FlowPanelDivider",
|
|
13920
13920
|
"members": [
|
|
13921
13921
|
{
|
|
13922
13922
|
"kind": "field",
|
|
13923
|
-
"name": "
|
|
13924
|
-
"type": {
|
|
13925
|
-
"text": "boolean"
|
|
13926
|
-
},
|
|
13927
|
-
"privacy": "private",
|
|
13928
|
-
"default": "false"
|
|
13929
|
-
},
|
|
13930
|
-
{
|
|
13931
|
-
"kind": "field",
|
|
13932
|
-
"name": "grid",
|
|
13923
|
+
"name": "dragCanceller",
|
|
13933
13924
|
"type": {
|
|
13934
|
-
"text": "
|
|
13925
|
+
"text": "(() => void) | undefined"
|
|
13935
13926
|
},
|
|
13936
13927
|
"privacy": "private"
|
|
13937
13928
|
},
|
|
13938
13929
|
{
|
|
13939
13930
|
"kind": "field",
|
|
13940
|
-
"name": "
|
|
13931
|
+
"name": "disabled",
|
|
13941
13932
|
"type": {
|
|
13942
|
-
"text": "
|
|
13933
|
+
"text": "boolean"
|
|
13943
13934
|
},
|
|
13944
|
-
"
|
|
13945
|
-
"
|
|
13946
|
-
"
|
|
13935
|
+
"default": "false",
|
|
13936
|
+
"attribute": "disabled",
|
|
13937
|
+
"reflects": true
|
|
13947
13938
|
},
|
|
13948
13939
|
{
|
|
13949
13940
|
"kind": "field",
|
|
@@ -13951,20 +13942,13 @@
|
|
|
13951
13942
|
"type": {
|
|
13952
13943
|
"text": "boolean"
|
|
13953
13944
|
},
|
|
13954
|
-
"
|
|
13955
|
-
"default": "true",
|
|
13945
|
+
"default": "false",
|
|
13956
13946
|
"attribute": "vertical",
|
|
13957
13947
|
"reflects": true
|
|
13958
13948
|
},
|
|
13959
13949
|
{
|
|
13960
|
-
"kind": "
|
|
13961
|
-
"name": "
|
|
13962
|
-
"type": {
|
|
13963
|
-
"text": "string"
|
|
13964
|
-
},
|
|
13965
|
-
"privacy": "public",
|
|
13966
|
-
"default": "'2px'",
|
|
13967
|
-
"attribute": "dividerWidth"
|
|
13950
|
+
"kind": "method",
|
|
13951
|
+
"name": "cancelDrag"
|
|
13968
13952
|
},
|
|
13969
13953
|
{
|
|
13970
13954
|
"kind": "method",
|
|
@@ -13974,40 +13958,32 @@
|
|
|
13974
13958
|
{
|
|
13975
13959
|
"name": "event",
|
|
13976
13960
|
"type": {
|
|
13977
|
-
"text": "
|
|
13961
|
+
"text": "PointerEvent"
|
|
13978
13962
|
}
|
|
13979
13963
|
}
|
|
13980
13964
|
]
|
|
13981
13965
|
},
|
|
13982
13966
|
{
|
|
13983
13967
|
"kind": "method",
|
|
13984
|
-
"name": "
|
|
13985
|
-
"privacy": "private"
|
|
13986
|
-
},
|
|
13987
|
-
{
|
|
13988
|
-
"kind": "method",
|
|
13989
|
-
"name": "handleDragEnd",
|
|
13990
|
-
"privacy": "private"
|
|
13991
|
-
},
|
|
13992
|
-
{
|
|
13993
|
-
"kind": "method",
|
|
13994
|
-
"name": "calculatePanelSizes",
|
|
13995
|
-
"privacy": "private"
|
|
13996
|
-
},
|
|
13997
|
-
{
|
|
13998
|
-
"kind": "method",
|
|
13999
|
-
"name": "dividerTempate",
|
|
14000
|
-
"privacy": "private"
|
|
14001
|
-
},
|
|
14002
|
-
{
|
|
14003
|
-
"kind": "method",
|
|
14004
|
-
"name": "panelTemplate",
|
|
13968
|
+
"name": "closestElement",
|
|
14005
13969
|
"privacy": "private",
|
|
13970
|
+
"return": {
|
|
13971
|
+
"type": {
|
|
13972
|
+
"text": "Element | null"
|
|
13973
|
+
}
|
|
13974
|
+
},
|
|
14006
13975
|
"parameters": [
|
|
14007
13976
|
{
|
|
14008
|
-
"name": "
|
|
13977
|
+
"name": "selector",
|
|
14009
13978
|
"type": {
|
|
14010
|
-
"text": "
|
|
13979
|
+
"text": "string"
|
|
13980
|
+
}
|
|
13981
|
+
},
|
|
13982
|
+
{
|
|
13983
|
+
"name": "base",
|
|
13984
|
+
"default": "this",
|
|
13985
|
+
"type": {
|
|
13986
|
+
"text": "Element"
|
|
14011
13987
|
}
|
|
14012
13988
|
}
|
|
14013
13989
|
]
|
|
@@ -14015,34 +13991,30 @@
|
|
|
14015
13991
|
],
|
|
14016
13992
|
"attributes": [
|
|
14017
13993
|
{
|
|
14018
|
-
"name": "
|
|
13994
|
+
"name": "disabled",
|
|
14019
13995
|
"type": {
|
|
14020
|
-
"text": "
|
|
13996
|
+
"text": "boolean"
|
|
14021
13997
|
},
|
|
14022
|
-
"default": "
|
|
14023
|
-
"fieldName": "
|
|
13998
|
+
"default": "false",
|
|
13999
|
+
"fieldName": "disabled"
|
|
14024
14000
|
},
|
|
14025
14001
|
{
|
|
14026
14002
|
"name": "vertical",
|
|
14027
14003
|
"type": {
|
|
14028
14004
|
"text": "boolean"
|
|
14029
14005
|
},
|
|
14030
|
-
"default": "
|
|
14006
|
+
"default": "false",
|
|
14031
14007
|
"fieldName": "vertical"
|
|
14032
|
-
},
|
|
14033
|
-
{
|
|
14034
|
-
"name": "dividerWidth",
|
|
14035
|
-
"type": {
|
|
14036
|
-
"text": "string"
|
|
14037
|
-
},
|
|
14038
|
-
"default": "'2px'",
|
|
14039
|
-
"fieldName": "dividerWidth"
|
|
14040
14008
|
}
|
|
14041
14009
|
],
|
|
14042
14010
|
"superclass": {
|
|
14043
14011
|
"name": "FlowRdfElement",
|
|
14044
14012
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
14045
|
-
}
|
|
14013
|
+
},
|
|
14014
|
+
"summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
|
|
14015
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
|
|
14016
|
+
"status": "stable",
|
|
14017
|
+
"since": "2.0"
|
|
14046
14018
|
}
|
|
14047
14019
|
],
|
|
14048
14020
|
"exports": [
|
|
@@ -14050,15 +14022,15 @@
|
|
|
14050
14022
|
"kind": "js",
|
|
14051
14023
|
"name": "default",
|
|
14052
14024
|
"declaration": {
|
|
14053
|
-
"name": "
|
|
14054
|
-
"module": "components/split-view-
|
|
14025
|
+
"name": "FlowPanelDivider",
|
|
14026
|
+
"module": "components/split-view-divider/split-view-divider.component.js"
|
|
14055
14027
|
}
|
|
14056
14028
|
}
|
|
14057
14029
|
]
|
|
14058
14030
|
},
|
|
14059
14031
|
{
|
|
14060
14032
|
"kind": "javascript-module",
|
|
14061
|
-
"path": "components/split-view-
|
|
14033
|
+
"path": "components/split-view-divider/split-view-divider.js",
|
|
14062
14034
|
"declarations": [],
|
|
14063
14035
|
"exports": [
|
|
14064
14036
|
{
|
|
@@ -14066,157 +14038,15 @@
|
|
|
14066
14038
|
"name": "*",
|
|
14067
14039
|
"declaration": {
|
|
14068
14040
|
"name": "*",
|
|
14069
|
-
"package": "./split-view-
|
|
14041
|
+
"package": "./split-view-divider.component.js"
|
|
14070
14042
|
}
|
|
14071
14043
|
},
|
|
14072
14044
|
{
|
|
14073
14045
|
"kind": "js",
|
|
14074
14046
|
"name": "default",
|
|
14075
14047
|
"declaration": {
|
|
14076
|
-
"name": "
|
|
14077
|
-
"module": "components/split-view-
|
|
14078
|
-
}
|
|
14079
|
-
}
|
|
14080
|
-
]
|
|
14081
|
-
},
|
|
14082
|
-
{
|
|
14083
|
-
"kind": "javascript-module",
|
|
14084
|
-
"path": "components/split-view-divider/split-view-divider.component.js",
|
|
14085
|
-
"declarations": [
|
|
14086
|
-
{
|
|
14087
|
-
"kind": "class",
|
|
14088
|
-
"description": "",
|
|
14089
|
-
"name": "FlowPanelDivider",
|
|
14090
|
-
"members": [
|
|
14091
|
-
{
|
|
14092
|
-
"kind": "field",
|
|
14093
|
-
"name": "dragCanceller",
|
|
14094
|
-
"type": {
|
|
14095
|
-
"text": "(() => void) | undefined"
|
|
14096
|
-
},
|
|
14097
|
-
"privacy": "private"
|
|
14098
|
-
},
|
|
14099
|
-
{
|
|
14100
|
-
"kind": "field",
|
|
14101
|
-
"name": "disabled",
|
|
14102
|
-
"type": {
|
|
14103
|
-
"text": "boolean"
|
|
14104
|
-
},
|
|
14105
|
-
"default": "false",
|
|
14106
|
-
"attribute": "disabled",
|
|
14107
|
-
"reflects": true
|
|
14108
|
-
},
|
|
14109
|
-
{
|
|
14110
|
-
"kind": "field",
|
|
14111
|
-
"name": "vertical",
|
|
14112
|
-
"type": {
|
|
14113
|
-
"text": "boolean"
|
|
14114
|
-
},
|
|
14115
|
-
"default": "false",
|
|
14116
|
-
"attribute": "vertical",
|
|
14117
|
-
"reflects": true
|
|
14118
|
-
},
|
|
14119
|
-
{
|
|
14120
|
-
"kind": "method",
|
|
14121
|
-
"name": "cancelDrag"
|
|
14122
|
-
},
|
|
14123
|
-
{
|
|
14124
|
-
"kind": "method",
|
|
14125
|
-
"name": "handleDrag",
|
|
14126
|
-
"privacy": "private",
|
|
14127
|
-
"parameters": [
|
|
14128
|
-
{
|
|
14129
|
-
"name": "event",
|
|
14130
|
-
"type": {
|
|
14131
|
-
"text": "PointerEvent"
|
|
14132
|
-
}
|
|
14133
|
-
}
|
|
14134
|
-
]
|
|
14135
|
-
},
|
|
14136
|
-
{
|
|
14137
|
-
"kind": "method",
|
|
14138
|
-
"name": "closestElement",
|
|
14139
|
-
"privacy": "private",
|
|
14140
|
-
"return": {
|
|
14141
|
-
"type": {
|
|
14142
|
-
"text": "Element | null"
|
|
14143
|
-
}
|
|
14144
|
-
},
|
|
14145
|
-
"parameters": [
|
|
14146
|
-
{
|
|
14147
|
-
"name": "selector",
|
|
14148
|
-
"type": {
|
|
14149
|
-
"text": "string"
|
|
14150
|
-
}
|
|
14151
|
-
},
|
|
14152
|
-
{
|
|
14153
|
-
"name": "base",
|
|
14154
|
-
"default": "this",
|
|
14155
|
-
"type": {
|
|
14156
|
-
"text": "Element"
|
|
14157
|
-
}
|
|
14158
|
-
}
|
|
14159
|
-
]
|
|
14160
|
-
}
|
|
14161
|
-
],
|
|
14162
|
-
"attributes": [
|
|
14163
|
-
{
|
|
14164
|
-
"name": "disabled",
|
|
14165
|
-
"type": {
|
|
14166
|
-
"text": "boolean"
|
|
14167
|
-
},
|
|
14168
|
-
"default": "false",
|
|
14169
|
-
"fieldName": "disabled"
|
|
14170
|
-
},
|
|
14171
|
-
{
|
|
14172
|
-
"name": "vertical",
|
|
14173
|
-
"type": {
|
|
14174
|
-
"text": "boolean"
|
|
14175
|
-
},
|
|
14176
|
-
"default": "false",
|
|
14177
|
-
"fieldName": "vertical"
|
|
14178
|
-
}
|
|
14179
|
-
],
|
|
14180
|
-
"superclass": {
|
|
14181
|
-
"name": "FlowRdfElement",
|
|
14182
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
14183
|
-
},
|
|
14184
|
-
"summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
|
|
14185
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
|
|
14186
|
-
"status": "stable",
|
|
14187
|
-
"since": "2.0"
|
|
14188
|
-
}
|
|
14189
|
-
],
|
|
14190
|
-
"exports": [
|
|
14191
|
-
{
|
|
14192
|
-
"kind": "js",
|
|
14193
|
-
"name": "default",
|
|
14194
|
-
"declaration": {
|
|
14195
|
-
"name": "FlowPanelDivider",
|
|
14196
|
-
"module": "components/split-view-divider/split-view-divider.component.js"
|
|
14197
|
-
}
|
|
14198
|
-
}
|
|
14199
|
-
]
|
|
14200
|
-
},
|
|
14201
|
-
{
|
|
14202
|
-
"kind": "javascript-module",
|
|
14203
|
-
"path": "components/split-view-divider/split-view-divider.js",
|
|
14204
|
-
"declarations": [],
|
|
14205
|
-
"exports": [
|
|
14206
|
-
{
|
|
14207
|
-
"kind": "js",
|
|
14208
|
-
"name": "*",
|
|
14209
|
-
"declaration": {
|
|
14210
|
-
"name": "*",
|
|
14211
|
-
"package": "./split-view-divider.component.js"
|
|
14212
|
-
}
|
|
14213
|
-
},
|
|
14214
|
-
{
|
|
14215
|
-
"kind": "js",
|
|
14216
|
-
"name": "default",
|
|
14217
|
-
"declaration": {
|
|
14218
|
-
"name": "FlowSplitViewDivider",
|
|
14219
|
-
"module": "components/split-view-divider/split-view-divider.js"
|
|
14048
|
+
"name": "FlowSplitViewDivider",
|
|
14049
|
+
"module": "components/split-view-divider/split-view-divider.js"
|
|
14220
14050
|
}
|
|
14221
14051
|
}
|
|
14222
14052
|
]
|
|
@@ -14444,1050 +14274,1220 @@
|
|
|
14444
14274
|
},
|
|
14445
14275
|
{
|
|
14446
14276
|
"kind": "javascript-module",
|
|
14447
|
-
"path": "components/split-view-
|
|
14277
|
+
"path": "components/split-view-2/split-view-2.component.js",
|
|
14448
14278
|
"declarations": [
|
|
14449
14279
|
{
|
|
14450
14280
|
"kind": "class",
|
|
14451
14281
|
"description": "",
|
|
14452
|
-
"name": "
|
|
14282
|
+
"name": "FlowSplitView",
|
|
14453
14283
|
"members": [
|
|
14454
14284
|
{
|
|
14455
14285
|
"kind": "field",
|
|
14456
|
-
"name": "
|
|
14286
|
+
"name": "dragging",
|
|
14457
14287
|
"type": {
|
|
14458
|
-
"text": "
|
|
14288
|
+
"text": "boolean"
|
|
14459
14289
|
},
|
|
14460
14290
|
"privacy": "private",
|
|
14461
|
-
"default": "
|
|
14291
|
+
"default": "false"
|
|
14462
14292
|
},
|
|
14463
14293
|
{
|
|
14464
14294
|
"kind": "field",
|
|
14465
|
-
"name": "
|
|
14295
|
+
"name": "grid",
|
|
14466
14296
|
"type": {
|
|
14467
|
-
"text": "
|
|
14297
|
+
"text": "HTMLDivElement"
|
|
14468
14298
|
},
|
|
14469
|
-
"privacy": "private"
|
|
14470
|
-
"default": "null"
|
|
14299
|
+
"privacy": "private"
|
|
14471
14300
|
},
|
|
14472
14301
|
{
|
|
14473
14302
|
"kind": "field",
|
|
14474
|
-
"name": "
|
|
14303
|
+
"name": "panelSizes",
|
|
14475
14304
|
"type": {
|
|
14476
|
-
"text": "string
|
|
14305
|
+
"text": "string"
|
|
14477
14306
|
},
|
|
14478
|
-
"
|
|
14479
|
-
"
|
|
14480
|
-
"
|
|
14481
|
-
"inheritedFrom": {
|
|
14482
|
-
"name": "FlowIconButton",
|
|
14483
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14484
|
-
}
|
|
14307
|
+
"privacy": "public",
|
|
14308
|
+
"default": "'1fr'",
|
|
14309
|
+
"attribute": "panel-sizes"
|
|
14485
14310
|
},
|
|
14486
14311
|
{
|
|
14487
14312
|
"kind": "field",
|
|
14488
|
-
"name": "
|
|
14313
|
+
"name": "vertical",
|
|
14489
14314
|
"type": {
|
|
14490
14315
|
"text": "boolean"
|
|
14491
14316
|
},
|
|
14492
|
-
"
|
|
14493
|
-
"
|
|
14494
|
-
"attribute": "
|
|
14317
|
+
"privacy": "public",
|
|
14318
|
+
"default": "true",
|
|
14319
|
+
"attribute": "vertical",
|
|
14495
14320
|
"reflects": true
|
|
14496
14321
|
},
|
|
14322
|
+
{
|
|
14323
|
+
"kind": "field",
|
|
14324
|
+
"name": "dividerWidth",
|
|
14325
|
+
"type": {
|
|
14326
|
+
"text": "string"
|
|
14327
|
+
},
|
|
14328
|
+
"privacy": "public",
|
|
14329
|
+
"default": "'2px'",
|
|
14330
|
+
"attribute": "dividerWidth"
|
|
14331
|
+
},
|
|
14497
14332
|
{
|
|
14498
14333
|
"kind": "method",
|
|
14499
|
-
"name": "
|
|
14500
|
-
"privacy": "
|
|
14334
|
+
"name": "handleDrag",
|
|
14335
|
+
"privacy": "private",
|
|
14501
14336
|
"parameters": [
|
|
14502
14337
|
{
|
|
14503
14338
|
"name": "event",
|
|
14504
14339
|
"type": {
|
|
14505
|
-
"text": "
|
|
14340
|
+
"text": "CustomEvent<{ x: number; y: number }>"
|
|
14506
14341
|
}
|
|
14507
14342
|
}
|
|
14508
|
-
]
|
|
14509
|
-
"inheritedFrom": {
|
|
14510
|
-
"name": "FlowIconButton",
|
|
14511
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14512
|
-
}
|
|
14343
|
+
]
|
|
14513
14344
|
},
|
|
14514
14345
|
{
|
|
14515
14346
|
"kind": "method",
|
|
14516
|
-
"name": "
|
|
14347
|
+
"name": "handleDragStart",
|
|
14348
|
+
"privacy": "private"
|
|
14349
|
+
},
|
|
14350
|
+
{
|
|
14351
|
+
"kind": "method",
|
|
14352
|
+
"name": "handleDragEnd",
|
|
14353
|
+
"privacy": "private"
|
|
14354
|
+
},
|
|
14355
|
+
{
|
|
14356
|
+
"kind": "method",
|
|
14357
|
+
"name": "calculatePanelSizes",
|
|
14358
|
+
"privacy": "private"
|
|
14359
|
+
},
|
|
14360
|
+
{
|
|
14361
|
+
"kind": "method",
|
|
14362
|
+
"name": "dividerTempate",
|
|
14363
|
+
"privacy": "private"
|
|
14364
|
+
},
|
|
14365
|
+
{
|
|
14366
|
+
"kind": "method",
|
|
14367
|
+
"name": "panelTemplate",
|
|
14517
14368
|
"privacy": "private",
|
|
14518
|
-
"return": {
|
|
14519
|
-
"type": {
|
|
14520
|
-
"text": "Element | null"
|
|
14521
|
-
}
|
|
14522
|
-
},
|
|
14523
14369
|
"parameters": [
|
|
14524
14370
|
{
|
|
14525
|
-
"name": "
|
|
14526
|
-
"type": {
|
|
14527
|
-
"text": "string"
|
|
14528
|
-
}
|
|
14529
|
-
},
|
|
14530
|
-
{
|
|
14531
|
-
"name": "base",
|
|
14532
|
-
"default": "this",
|
|
14371
|
+
"name": "panelIndex",
|
|
14533
14372
|
"type": {
|
|
14534
|
-
"text": "
|
|
14373
|
+
"text": "number"
|
|
14535
14374
|
}
|
|
14536
14375
|
}
|
|
14537
14376
|
]
|
|
14377
|
+
}
|
|
14378
|
+
],
|
|
14379
|
+
"attributes": [
|
|
14380
|
+
{
|
|
14381
|
+
"name": "panel-sizes",
|
|
14382
|
+
"type": {
|
|
14383
|
+
"text": "string"
|
|
14384
|
+
},
|
|
14385
|
+
"default": "'1fr'",
|
|
14386
|
+
"fieldName": "panelSizes"
|
|
14538
14387
|
},
|
|
14539
14388
|
{
|
|
14540
|
-
"
|
|
14541
|
-
"name": "hasSlotController",
|
|
14542
|
-
"privacy": "private",
|
|
14543
|
-
"readonly": true,
|
|
14544
|
-
"default": "new HasSlotController(this, 'tooltip')",
|
|
14545
|
-
"inheritedFrom": {
|
|
14546
|
-
"name": "FlowIconButton",
|
|
14547
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14548
|
-
}
|
|
14549
|
-
},
|
|
14550
|
-
{
|
|
14551
|
-
"kind": "field",
|
|
14552
|
-
"name": "tooltipAnimating",
|
|
14389
|
+
"name": "vertical",
|
|
14553
14390
|
"type": {
|
|
14554
14391
|
"text": "boolean"
|
|
14555
14392
|
},
|
|
14556
|
-
"
|
|
14557
|
-
"
|
|
14558
|
-
"inheritedFrom": {
|
|
14559
|
-
"name": "FlowIconButton",
|
|
14560
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14561
|
-
}
|
|
14393
|
+
"default": "true",
|
|
14394
|
+
"fieldName": "vertical"
|
|
14562
14395
|
},
|
|
14563
14396
|
{
|
|
14564
|
-
"
|
|
14565
|
-
"name": "button",
|
|
14397
|
+
"name": "dividerWidth",
|
|
14566
14398
|
"type": {
|
|
14567
|
-
"text": "
|
|
14399
|
+
"text": "string"
|
|
14568
14400
|
},
|
|
14569
|
-
"
|
|
14570
|
-
|
|
14571
|
-
|
|
14572
|
-
|
|
14573
|
-
|
|
14401
|
+
"default": "'2px'",
|
|
14402
|
+
"fieldName": "dividerWidth"
|
|
14403
|
+
}
|
|
14404
|
+
],
|
|
14405
|
+
"superclass": {
|
|
14406
|
+
"name": "FlowRdfElement",
|
|
14407
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
14408
|
+
}
|
|
14409
|
+
}
|
|
14410
|
+
],
|
|
14411
|
+
"exports": [
|
|
14412
|
+
{
|
|
14413
|
+
"kind": "js",
|
|
14414
|
+
"name": "default",
|
|
14415
|
+
"declaration": {
|
|
14416
|
+
"name": "FlowSplitView",
|
|
14417
|
+
"module": "components/split-view-2/split-view-2.component.js"
|
|
14418
|
+
}
|
|
14419
|
+
}
|
|
14420
|
+
]
|
|
14421
|
+
},
|
|
14422
|
+
{
|
|
14423
|
+
"kind": "javascript-module",
|
|
14424
|
+
"path": "components/split-view-2/split-view-2.js",
|
|
14425
|
+
"declarations": [],
|
|
14426
|
+
"exports": [
|
|
14427
|
+
{
|
|
14428
|
+
"kind": "js",
|
|
14429
|
+
"name": "*",
|
|
14430
|
+
"declaration": {
|
|
14431
|
+
"name": "*",
|
|
14432
|
+
"package": "./split-view-2.component.js"
|
|
14433
|
+
}
|
|
14434
|
+
},
|
|
14435
|
+
{
|
|
14436
|
+
"kind": "js",
|
|
14437
|
+
"name": "default",
|
|
14438
|
+
"declaration": {
|
|
14439
|
+
"name": "FlowSplitView",
|
|
14440
|
+
"module": "components/split-view-2/split-view-2.js"
|
|
14441
|
+
}
|
|
14442
|
+
}
|
|
14443
|
+
]
|
|
14444
|
+
},
|
|
14445
|
+
{
|
|
14446
|
+
"kind": "javascript-module",
|
|
14447
|
+
"path": "components/stepper/stepper.component.js",
|
|
14448
|
+
"declarations": [
|
|
14449
|
+
{
|
|
14450
|
+
"kind": "class",
|
|
14451
|
+
"description": "",
|
|
14452
|
+
"name": "FlowStepper",
|
|
14453
|
+
"cssProperties": [
|
|
14454
|
+
{
|
|
14455
|
+
"description": "The tab panel's padding.",
|
|
14456
|
+
"name": "--padding"
|
|
14457
|
+
}
|
|
14458
|
+
],
|
|
14459
|
+
"cssParts": [
|
|
14460
|
+
{
|
|
14461
|
+
"description": "The component's base wrapper.",
|
|
14462
|
+
"name": "base"
|
|
14463
|
+
}
|
|
14464
|
+
],
|
|
14465
|
+
"slots": [
|
|
14466
|
+
{
|
|
14467
|
+
"description": "The tab panel's content.",
|
|
14468
|
+
"name": ""
|
|
14469
|
+
}
|
|
14470
|
+
],
|
|
14471
|
+
"members": [
|
|
14574
14472
|
{
|
|
14575
14473
|
"kind": "field",
|
|
14576
|
-
"name": "
|
|
14474
|
+
"name": "bodySlot",
|
|
14577
14475
|
"type": {
|
|
14578
|
-
"text": "
|
|
14579
|
-
},
|
|
14580
|
-
"inheritedFrom": {
|
|
14581
|
-
"name": "FlowIconButton",
|
|
14582
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14476
|
+
"text": "HTMLSlotElement"
|
|
14583
14477
|
}
|
|
14584
14478
|
},
|
|
14585
14479
|
{
|
|
14586
14480
|
"kind": "field",
|
|
14587
|
-
"name": "
|
|
14481
|
+
"name": "headerScrollContainer",
|
|
14588
14482
|
"type": {
|
|
14589
|
-
"text": "
|
|
14590
|
-
},
|
|
14591
|
-
"inheritedFrom": {
|
|
14592
|
-
"name": "FlowIconButton",
|
|
14593
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14483
|
+
"text": "HTMLDivElement"
|
|
14594
14484
|
}
|
|
14595
14485
|
},
|
|
14596
14486
|
{
|
|
14597
14487
|
"kind": "field",
|
|
14598
|
-
"name": "
|
|
14488
|
+
"name": "attrId",
|
|
14599
14489
|
"type": {
|
|
14600
|
-
"text": "
|
|
14490
|
+
"text": "number"
|
|
14601
14491
|
},
|
|
14602
14492
|
"privacy": "private",
|
|
14603
|
-
"
|
|
14604
|
-
"
|
|
14605
|
-
"name": "FlowIconButton",
|
|
14606
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14607
|
-
}
|
|
14493
|
+
"readonly": true,
|
|
14494
|
+
"default": "++id"
|
|
14608
14495
|
},
|
|
14609
14496
|
{
|
|
14610
14497
|
"kind": "field",
|
|
14611
|
-
"name": "
|
|
14612
|
-
"
|
|
14613
|
-
|
|
14614
|
-
}
|
|
14615
|
-
"description": "The name of a registered custom icon library.",
|
|
14616
|
-
"attribute": "library",
|
|
14617
|
-
"inheritedFrom": {
|
|
14618
|
-
"name": "FlowIconButton",
|
|
14619
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14620
|
-
}
|
|
14498
|
+
"name": "componentId",
|
|
14499
|
+
"privacy": "private",
|
|
14500
|
+
"readonly": true,
|
|
14501
|
+
"default": "`flow-ui-stepper-${this.attrId}`"
|
|
14621
14502
|
},
|
|
14622
14503
|
{
|
|
14623
14504
|
"kind": "field",
|
|
14624
|
-
"name": "
|
|
14505
|
+
"name": "activePanel",
|
|
14625
14506
|
"type": {
|
|
14626
|
-
"text": "
|
|
14507
|
+
"text": "FlowStepperPanel | undefined"
|
|
14627
14508
|
},
|
|
14628
|
-
"
|
|
14629
|
-
"attribute": "src",
|
|
14630
|
-
"inheritedFrom": {
|
|
14631
|
-
"name": "FlowIconButton",
|
|
14632
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14633
|
-
}
|
|
14509
|
+
"privacy": "private"
|
|
14634
14510
|
},
|
|
14635
14511
|
{
|
|
14636
14512
|
"kind": "field",
|
|
14637
|
-
"name": "
|
|
14513
|
+
"name": "mutationObserver",
|
|
14638
14514
|
"type": {
|
|
14639
|
-
"text": "
|
|
14515
|
+
"text": "MutationObserver"
|
|
14640
14516
|
},
|
|
14641
|
-
"
|
|
14642
|
-
"attribute": "href",
|
|
14643
|
-
"inheritedFrom": {
|
|
14644
|
-
"name": "FlowIconButton",
|
|
14645
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14646
|
-
}
|
|
14517
|
+
"privacy": "private"
|
|
14647
14518
|
},
|
|
14648
14519
|
{
|
|
14649
14520
|
"kind": "field",
|
|
14650
|
-
"name": "
|
|
14521
|
+
"name": "panels",
|
|
14651
14522
|
"type": {
|
|
14652
|
-
"text": "
|
|
14523
|
+
"text": "FlowStepperPanel[]"
|
|
14653
14524
|
},
|
|
14654
|
-
"
|
|
14655
|
-
"
|
|
14656
|
-
"inheritedFrom": {
|
|
14657
|
-
"name": "FlowIconButton",
|
|
14658
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14659
|
-
}
|
|
14525
|
+
"privacy": "private",
|
|
14526
|
+
"default": "[]"
|
|
14660
14527
|
},
|
|
14661
14528
|
{
|
|
14662
|
-
"kind": "
|
|
14663
|
-
"name": "
|
|
14664
|
-
"
|
|
14665
|
-
|
|
14666
|
-
|
|
14667
|
-
|
|
14668
|
-
|
|
14669
|
-
|
|
14670
|
-
|
|
14671
|
-
|
|
14672
|
-
|
|
14529
|
+
"kind": "method",
|
|
14530
|
+
"name": "setComplete",
|
|
14531
|
+
"parameters": [
|
|
14532
|
+
{
|
|
14533
|
+
"name": "panelName",
|
|
14534
|
+
"type": {
|
|
14535
|
+
"text": "string"
|
|
14536
|
+
}
|
|
14537
|
+
},
|
|
14538
|
+
{
|
|
14539
|
+
"name": "complete",
|
|
14540
|
+
"default": "true"
|
|
14541
|
+
}
|
|
14542
|
+
]
|
|
14673
14543
|
},
|
|
14674
14544
|
{
|
|
14675
|
-
"kind": "
|
|
14676
|
-
"name": "
|
|
14677
|
-
"
|
|
14678
|
-
|
|
14679
|
-
|
|
14680
|
-
|
|
14681
|
-
|
|
14682
|
-
|
|
14683
|
-
|
|
14684
|
-
|
|
14685
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14686
|
-
}
|
|
14545
|
+
"kind": "method",
|
|
14546
|
+
"name": "show",
|
|
14547
|
+
"parameters": [
|
|
14548
|
+
{
|
|
14549
|
+
"name": "panelName",
|
|
14550
|
+
"type": {
|
|
14551
|
+
"text": "string"
|
|
14552
|
+
}
|
|
14553
|
+
}
|
|
14554
|
+
]
|
|
14687
14555
|
},
|
|
14688
14556
|
{
|
|
14689
|
-
"kind": "
|
|
14690
|
-
"name": "
|
|
14691
|
-
"
|
|
14692
|
-
"text": "string"
|
|
14693
|
-
},
|
|
14694
|
-
"default": "''",
|
|
14695
|
-
"description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
|
|
14696
|
-
"attribute": "tooltip",
|
|
14697
|
-
"inheritedFrom": {
|
|
14698
|
-
"name": "FlowIconButton",
|
|
14699
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14700
|
-
}
|
|
14557
|
+
"kind": "method",
|
|
14558
|
+
"name": "syncPanels",
|
|
14559
|
+
"privacy": "private"
|
|
14701
14560
|
},
|
|
14702
14561
|
{
|
|
14703
|
-
"kind": "
|
|
14704
|
-
"name": "
|
|
14705
|
-
"
|
|
14706
|
-
"text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
|
|
14707
|
-
},
|
|
14708
|
-
"default": "'top'",
|
|
14709
|
-
"description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
|
|
14710
|
-
"attribute": "tooltip-placement",
|
|
14711
|
-
"inheritedFrom": {
|
|
14712
|
-
"name": "FlowIconButton",
|
|
14713
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14714
|
-
}
|
|
14562
|
+
"kind": "method",
|
|
14563
|
+
"name": "getAllPanels",
|
|
14564
|
+
"privacy": "private"
|
|
14715
14565
|
},
|
|
14716
14566
|
{
|
|
14717
|
-
"kind": "
|
|
14718
|
-
"name": "
|
|
14719
|
-
"
|
|
14720
|
-
|
|
14721
|
-
|
|
14722
|
-
|
|
14723
|
-
|
|
14724
|
-
|
|
14725
|
-
|
|
14726
|
-
|
|
14727
|
-
|
|
14728
|
-
|
|
14567
|
+
"kind": "method",
|
|
14568
|
+
"name": "setActivePanel",
|
|
14569
|
+
"privacy": "private",
|
|
14570
|
+
"parameters": [
|
|
14571
|
+
{
|
|
14572
|
+
"name": "panel",
|
|
14573
|
+
"type": {
|
|
14574
|
+
"text": "FlowStepperPanel"
|
|
14575
|
+
}
|
|
14576
|
+
},
|
|
14577
|
+
{
|
|
14578
|
+
"name": "options",
|
|
14579
|
+
"optional": true,
|
|
14580
|
+
"type": {
|
|
14581
|
+
"text": "{ emitEvents?: boolean; scrollBehavior?: 'auto' | 'smooth' }"
|
|
14582
|
+
}
|
|
14583
|
+
}
|
|
14584
|
+
]
|
|
14585
|
+
},
|
|
14586
|
+
{
|
|
14587
|
+
"kind": "method",
|
|
14588
|
+
"name": "renderHeaderItem",
|
|
14589
|
+
"parameters": [
|
|
14590
|
+
{
|
|
14591
|
+
"name": "panel",
|
|
14592
|
+
"type": {
|
|
14593
|
+
"text": "FlowStepperPanel"
|
|
14594
|
+
}
|
|
14595
|
+
},
|
|
14596
|
+
{
|
|
14597
|
+
"name": "index",
|
|
14598
|
+
"type": {
|
|
14599
|
+
"text": "number"
|
|
14600
|
+
}
|
|
14601
|
+
}
|
|
14602
|
+
]
|
|
14729
14603
|
},
|
|
14604
|
+
{
|
|
14605
|
+
"kind": "method",
|
|
14606
|
+
"name": "renderHeader"
|
|
14607
|
+
}
|
|
14608
|
+
],
|
|
14609
|
+
"superclass": {
|
|
14610
|
+
"name": "FlowRdfElement",
|
|
14611
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
14612
|
+
},
|
|
14613
|
+
"summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
|
|
14614
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel",
|
|
14615
|
+
"status": "stable",
|
|
14616
|
+
"since": "2.0"
|
|
14617
|
+
}
|
|
14618
|
+
],
|
|
14619
|
+
"exports": [
|
|
14620
|
+
{
|
|
14621
|
+
"kind": "js",
|
|
14622
|
+
"name": "default",
|
|
14623
|
+
"declaration": {
|
|
14624
|
+
"name": "FlowStepper",
|
|
14625
|
+
"module": "components/stepper/stepper.component.js"
|
|
14626
|
+
}
|
|
14627
|
+
}
|
|
14628
|
+
]
|
|
14629
|
+
},
|
|
14630
|
+
{
|
|
14631
|
+
"kind": "javascript-module",
|
|
14632
|
+
"path": "components/stepper/stepper.js",
|
|
14633
|
+
"declarations": [],
|
|
14634
|
+
"exports": [
|
|
14635
|
+
{
|
|
14636
|
+
"kind": "js",
|
|
14637
|
+
"name": "*",
|
|
14638
|
+
"declaration": {
|
|
14639
|
+
"name": "*",
|
|
14640
|
+
"package": "./stepper.component"
|
|
14641
|
+
}
|
|
14642
|
+
},
|
|
14643
|
+
{
|
|
14644
|
+
"kind": "js",
|
|
14645
|
+
"name": "default",
|
|
14646
|
+
"declaration": {
|
|
14647
|
+
"name": "FlowStepper",
|
|
14648
|
+
"module": "components/stepper/stepper.js"
|
|
14649
|
+
}
|
|
14650
|
+
}
|
|
14651
|
+
]
|
|
14652
|
+
},
|
|
14653
|
+
{
|
|
14654
|
+
"kind": "javascript-module",
|
|
14655
|
+
"path": "components/stepper-panel/stepper-panel.component.js",
|
|
14656
|
+
"declarations": [
|
|
14657
|
+
{
|
|
14658
|
+
"kind": "class",
|
|
14659
|
+
"description": "",
|
|
14660
|
+
"name": "FlowStepperPanel",
|
|
14661
|
+
"cssProperties": [
|
|
14662
|
+
{
|
|
14663
|
+
"description": "The tab panel's padding.",
|
|
14664
|
+
"name": "--padding"
|
|
14665
|
+
}
|
|
14666
|
+
],
|
|
14667
|
+
"cssParts": [
|
|
14668
|
+
{
|
|
14669
|
+
"description": "The component's base wrapper.",
|
|
14670
|
+
"name": "base"
|
|
14671
|
+
}
|
|
14672
|
+
],
|
|
14673
|
+
"slots": [
|
|
14674
|
+
{
|
|
14675
|
+
"description": "The tab panel's content.",
|
|
14676
|
+
"name": ""
|
|
14677
|
+
}
|
|
14678
|
+
],
|
|
14679
|
+
"members": [
|
|
14730
14680
|
{
|
|
14731
14681
|
"kind": "field",
|
|
14732
|
-
"name": "
|
|
14682
|
+
"name": "attrId",
|
|
14733
14683
|
"type": {
|
|
14734
14684
|
"text": "number"
|
|
14735
14685
|
},
|
|
14736
|
-
"
|
|
14737
|
-
"
|
|
14738
|
-
"
|
|
14739
|
-
"inheritedFrom": {
|
|
14740
|
-
"name": "FlowIconButton",
|
|
14741
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14742
|
-
}
|
|
14686
|
+
"privacy": "private",
|
|
14687
|
+
"readonly": true,
|
|
14688
|
+
"default": "++id"
|
|
14743
14689
|
},
|
|
14744
14690
|
{
|
|
14745
14691
|
"kind": "field",
|
|
14746
|
-
"name": "
|
|
14692
|
+
"name": "componentId",
|
|
14693
|
+
"privacy": "private",
|
|
14694
|
+
"readonly": true,
|
|
14695
|
+
"default": "`flow-ui-stepper-panel-${this.attrId}`"
|
|
14696
|
+
},
|
|
14697
|
+
{
|
|
14698
|
+
"kind": "field",
|
|
14699
|
+
"name": "name",
|
|
14747
14700
|
"type": {
|
|
14748
|
-
"text": "
|
|
14701
|
+
"text": "string"
|
|
14749
14702
|
},
|
|
14750
|
-
"default": "
|
|
14751
|
-
"description": "
|
|
14752
|
-
"attribute": "
|
|
14753
|
-
"reflects": true
|
|
14754
|
-
"inheritedFrom": {
|
|
14755
|
-
"name": "FlowIconButton",
|
|
14756
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14757
|
-
}
|
|
14703
|
+
"default": "''",
|
|
14704
|
+
"description": "The tab panel's name.",
|
|
14705
|
+
"attribute": "name",
|
|
14706
|
+
"reflects": true
|
|
14758
14707
|
},
|
|
14759
14708
|
{
|
|
14760
14709
|
"kind": "field",
|
|
14761
|
-
"name": "
|
|
14710
|
+
"name": "title",
|
|
14762
14711
|
"type": {
|
|
14763
14712
|
"text": "string"
|
|
14764
14713
|
},
|
|
14765
14714
|
"default": "''",
|
|
14766
|
-
"
|
|
14767
|
-
"
|
|
14768
|
-
"inheritedFrom": {
|
|
14769
|
-
"name": "FlowIconButton",
|
|
14770
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14771
|
-
}
|
|
14715
|
+
"attribute": "title",
|
|
14716
|
+
"reflects": true
|
|
14772
14717
|
},
|
|
14773
14718
|
{
|
|
14774
|
-
"kind": "
|
|
14775
|
-
"name": "
|
|
14776
|
-
"
|
|
14777
|
-
|
|
14778
|
-
|
|
14779
|
-
|
|
14780
|
-
|
|
14719
|
+
"kind": "field",
|
|
14720
|
+
"name": "subTitle",
|
|
14721
|
+
"type": {
|
|
14722
|
+
"text": "string"
|
|
14723
|
+
},
|
|
14724
|
+
"default": "''",
|
|
14725
|
+
"attribute": "sub-title",
|
|
14726
|
+
"reflects": true
|
|
14781
14727
|
},
|
|
14782
14728
|
{
|
|
14783
|
-
"kind": "
|
|
14784
|
-
"name": "
|
|
14785
|
-
"
|
|
14786
|
-
|
|
14787
|
-
|
|
14788
|
-
|
|
14789
|
-
|
|
14729
|
+
"kind": "field",
|
|
14730
|
+
"name": "active",
|
|
14731
|
+
"type": {
|
|
14732
|
+
"text": "boolean"
|
|
14733
|
+
},
|
|
14734
|
+
"default": "false",
|
|
14735
|
+
"description": "When true, the tab panel will be shown.",
|
|
14736
|
+
"attribute": "active",
|
|
14737
|
+
"reflects": true
|
|
14790
14738
|
},
|
|
14791
14739
|
{
|
|
14792
|
-
"kind": "
|
|
14793
|
-
"name": "
|
|
14794
|
-
"
|
|
14795
|
-
|
|
14796
|
-
|
|
14797
|
-
|
|
14798
|
-
|
|
14740
|
+
"kind": "field",
|
|
14741
|
+
"name": "complete",
|
|
14742
|
+
"type": {
|
|
14743
|
+
"text": "boolean"
|
|
14744
|
+
},
|
|
14745
|
+
"default": "false",
|
|
14746
|
+
"description": "When true, the tab panel is marked as complete",
|
|
14747
|
+
"attribute": "complete",
|
|
14748
|
+
"reflects": true
|
|
14799
14749
|
},
|
|
14800
14750
|
{
|
|
14801
14751
|
"kind": "method",
|
|
14802
|
-
"name": "
|
|
14803
|
-
|
|
14804
|
-
|
|
14805
|
-
|
|
14806
|
-
|
|
14807
|
-
|
|
14808
|
-
|
|
14809
|
-
|
|
14810
|
-
|
|
14811
|
-
|
|
14812
|
-
"description": "
|
|
14813
|
-
"
|
|
14814
|
-
"name": "FlowIconButton",
|
|
14815
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14816
|
-
}
|
|
14752
|
+
"name": "handleStateChange"
|
|
14753
|
+
}
|
|
14754
|
+
],
|
|
14755
|
+
"attributes": [
|
|
14756
|
+
{
|
|
14757
|
+
"name": "name",
|
|
14758
|
+
"type": {
|
|
14759
|
+
"text": "string"
|
|
14760
|
+
},
|
|
14761
|
+
"default": "''",
|
|
14762
|
+
"description": "The tab panel's name.",
|
|
14763
|
+
"fieldName": "name"
|
|
14817
14764
|
},
|
|
14818
14765
|
{
|
|
14819
|
-
"
|
|
14820
|
-
"
|
|
14821
|
-
|
|
14822
|
-
|
|
14823
|
-
|
|
14824
|
-
|
|
14825
|
-
}
|
|
14766
|
+
"name": "title",
|
|
14767
|
+
"type": {
|
|
14768
|
+
"text": "string"
|
|
14769
|
+
},
|
|
14770
|
+
"default": "''",
|
|
14771
|
+
"fieldName": "title"
|
|
14826
14772
|
},
|
|
14827
14773
|
{
|
|
14828
|
-
"
|
|
14829
|
-
"
|
|
14830
|
-
|
|
14831
|
-
|
|
14832
|
-
|
|
14833
|
-
|
|
14834
|
-
}
|
|
14774
|
+
"name": "sub-title",
|
|
14775
|
+
"type": {
|
|
14776
|
+
"text": "string"
|
|
14777
|
+
},
|
|
14778
|
+
"default": "''",
|
|
14779
|
+
"fieldName": "subTitle"
|
|
14835
14780
|
},
|
|
14836
14781
|
{
|
|
14837
|
-
"
|
|
14838
|
-
"
|
|
14839
|
-
|
|
14840
|
-
|
|
14841
|
-
|
|
14842
|
-
|
|
14843
|
-
|
|
14782
|
+
"name": "active",
|
|
14783
|
+
"type": {
|
|
14784
|
+
"text": "boolean"
|
|
14785
|
+
},
|
|
14786
|
+
"default": "false",
|
|
14787
|
+
"description": "When true, the tab panel will be shown.",
|
|
14788
|
+
"fieldName": "active"
|
|
14844
14789
|
},
|
|
14845
14790
|
{
|
|
14846
|
-
"
|
|
14847
|
-
"
|
|
14791
|
+
"name": "complete",
|
|
14792
|
+
"type": {
|
|
14793
|
+
"text": "boolean"
|
|
14794
|
+
},
|
|
14795
|
+
"default": "false",
|
|
14796
|
+
"description": "When true, the tab panel is marked as complete",
|
|
14797
|
+
"fieldName": "complete"
|
|
14798
|
+
}
|
|
14799
|
+
],
|
|
14800
|
+
"superclass": {
|
|
14801
|
+
"name": "FlowRdfElement",
|
|
14802
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
14803
|
+
},
|
|
14804
|
+
"summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
|
|
14805
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel",
|
|
14806
|
+
"status": "stable",
|
|
14807
|
+
"since": "2.0"
|
|
14808
|
+
}
|
|
14809
|
+
],
|
|
14810
|
+
"exports": [
|
|
14811
|
+
{
|
|
14812
|
+
"kind": "js",
|
|
14813
|
+
"name": "default",
|
|
14814
|
+
"declaration": {
|
|
14815
|
+
"name": "FlowStepperPanel",
|
|
14816
|
+
"module": "components/stepper-panel/stepper-panel.component.js"
|
|
14817
|
+
}
|
|
14818
|
+
}
|
|
14819
|
+
]
|
|
14820
|
+
},
|
|
14821
|
+
{
|
|
14822
|
+
"kind": "javascript-module",
|
|
14823
|
+
"path": "components/stepper-panel/stepper-panel.js",
|
|
14824
|
+
"declarations": [],
|
|
14825
|
+
"exports": [
|
|
14826
|
+
{
|
|
14827
|
+
"kind": "js",
|
|
14828
|
+
"name": "*",
|
|
14829
|
+
"declaration": {
|
|
14830
|
+
"name": "*",
|
|
14831
|
+
"package": "./stepper-panel.component"
|
|
14832
|
+
}
|
|
14833
|
+
},
|
|
14834
|
+
{
|
|
14835
|
+
"kind": "js",
|
|
14836
|
+
"name": "default",
|
|
14837
|
+
"declaration": {
|
|
14838
|
+
"name": "FlowStepperPanel",
|
|
14839
|
+
"module": "components/stepper-panel/stepper-panel.js"
|
|
14840
|
+
}
|
|
14841
|
+
}
|
|
14842
|
+
]
|
|
14843
|
+
},
|
|
14844
|
+
{
|
|
14845
|
+
"kind": "javascript-module",
|
|
14846
|
+
"path": "components/split-view-toggle-button/split-view-toggle-button.component.js",
|
|
14847
|
+
"declarations": [
|
|
14848
|
+
{
|
|
14849
|
+
"kind": "class",
|
|
14850
|
+
"description": "",
|
|
14851
|
+
"name": "FlowSplitViewToggleButton",
|
|
14852
|
+
"members": [
|
|
14853
|
+
{
|
|
14854
|
+
"kind": "field",
|
|
14855
|
+
"name": "parentPane",
|
|
14856
|
+
"type": {
|
|
14857
|
+
"text": "FlowSplitViewPane | null"
|
|
14858
|
+
},
|
|
14848
14859
|
"privacy": "private",
|
|
14849
|
-
"
|
|
14850
|
-
"name": "FlowIconButton",
|
|
14851
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14852
|
-
}
|
|
14860
|
+
"default": "null"
|
|
14853
14861
|
},
|
|
14854
14862
|
{
|
|
14855
|
-
"kind": "
|
|
14856
|
-
"name": "
|
|
14863
|
+
"kind": "field",
|
|
14864
|
+
"name": "parentPanelObserver",
|
|
14865
|
+
"type": {
|
|
14866
|
+
"text": "MutationObserver | null"
|
|
14867
|
+
},
|
|
14857
14868
|
"privacy": "private",
|
|
14858
|
-
"
|
|
14859
|
-
|
|
14860
|
-
|
|
14861
|
-
|
|
14862
|
-
|
|
14863
|
-
|
|
14864
|
-
|
|
14865
|
-
|
|
14869
|
+
"default": "null"
|
|
14870
|
+
},
|
|
14871
|
+
{
|
|
14872
|
+
"kind": "field",
|
|
14873
|
+
"name": "name",
|
|
14874
|
+
"type": {
|
|
14875
|
+
"text": "string | undefined"
|
|
14876
|
+
},
|
|
14877
|
+
"description": "The icon name to use for the button.\nDefaults to system icon `chevron-right`.",
|
|
14878
|
+
"attribute": "name",
|
|
14879
|
+
"default": "'chevron-right'",
|
|
14866
14880
|
"inheritedFrom": {
|
|
14867
14881
|
"name": "FlowIconButton",
|
|
14868
14882
|
"module": "components/icon-button/icon-button.component.js"
|
|
14869
14883
|
}
|
|
14870
14884
|
},
|
|
14885
|
+
{
|
|
14886
|
+
"kind": "field",
|
|
14887
|
+
"name": "closed",
|
|
14888
|
+
"type": {
|
|
14889
|
+
"text": "boolean"
|
|
14890
|
+
},
|
|
14891
|
+
"default": "false",
|
|
14892
|
+
"description": "Set to control the open/closed state of the parent split pane.",
|
|
14893
|
+
"attribute": "closed",
|
|
14894
|
+
"reflects": true
|
|
14895
|
+
},
|
|
14871
14896
|
{
|
|
14872
14897
|
"kind": "method",
|
|
14873
|
-
"name": "
|
|
14874
|
-
"privacy": "
|
|
14898
|
+
"name": "handleClick",
|
|
14899
|
+
"privacy": "protected",
|
|
14875
14900
|
"parameters": [
|
|
14876
14901
|
{
|
|
14877
|
-
"name": "
|
|
14902
|
+
"name": "event",
|
|
14878
14903
|
"type": {
|
|
14879
|
-
"text": "
|
|
14904
|
+
"text": "MouseEvent"
|
|
14880
14905
|
}
|
|
14881
14906
|
}
|
|
14882
14907
|
],
|
|
14883
14908
|
"inheritedFrom": {
|
|
14884
14909
|
"name": "FlowIconButton",
|
|
14885
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14886
|
-
}
|
|
14887
|
-
}
|
|
14888
|
-
],
|
|
14889
|
-
"attributes": [
|
|
14890
|
-
{
|
|
14891
|
-
"name": "name",
|
|
14892
|
-
"type": {
|
|
14893
|
-
"text": "string | undefined"
|
|
14894
|
-
},
|
|
14895
|
-
"description": "The icon name to use for the button.\nDefaults to system icon `chevron-right`.",
|
|
14896
|
-
"fieldName": "name",
|
|
14897
|
-
"default": "'chevron-right'",
|
|
14898
|
-
"inheritedFrom": {
|
|
14899
|
-
"name": "FlowIconButton",
|
|
14900
|
-
"module": "src/components/icon-button/icon-button.component.ts"
|
|
14910
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14901
14911
|
}
|
|
14902
14912
|
},
|
|
14903
14913
|
{
|
|
14904
|
-
"
|
|
14905
|
-
"
|
|
14906
|
-
|
|
14914
|
+
"kind": "method",
|
|
14915
|
+
"name": "closestElement",
|
|
14916
|
+
"privacy": "private",
|
|
14917
|
+
"return": {
|
|
14918
|
+
"type": {
|
|
14919
|
+
"text": "Element | null"
|
|
14920
|
+
}
|
|
14907
14921
|
},
|
|
14908
|
-
"
|
|
14909
|
-
|
|
14910
|
-
|
|
14922
|
+
"parameters": [
|
|
14923
|
+
{
|
|
14924
|
+
"name": "selector",
|
|
14925
|
+
"type": {
|
|
14926
|
+
"text": "string"
|
|
14927
|
+
}
|
|
14928
|
+
},
|
|
14929
|
+
{
|
|
14930
|
+
"name": "base",
|
|
14931
|
+
"default": "this",
|
|
14932
|
+
"type": {
|
|
14933
|
+
"text": "Element"
|
|
14934
|
+
}
|
|
14935
|
+
}
|
|
14936
|
+
]
|
|
14911
14937
|
},
|
|
14912
14938
|
{
|
|
14913
|
-
"
|
|
14914
|
-
"
|
|
14915
|
-
|
|
14916
|
-
|
|
14917
|
-
"
|
|
14918
|
-
"fieldName": "library",
|
|
14939
|
+
"kind": "field",
|
|
14940
|
+
"name": "hasSlotController",
|
|
14941
|
+
"privacy": "private",
|
|
14942
|
+
"readonly": true,
|
|
14943
|
+
"default": "new HasSlotController(this, 'tooltip')",
|
|
14919
14944
|
"inheritedFrom": {
|
|
14920
14945
|
"name": "FlowIconButton",
|
|
14921
|
-
"module": "
|
|
14946
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14922
14947
|
}
|
|
14923
14948
|
},
|
|
14924
14949
|
{
|
|
14925
|
-
"
|
|
14950
|
+
"kind": "field",
|
|
14951
|
+
"name": "tooltipAnimating",
|
|
14926
14952
|
"type": {
|
|
14927
|
-
"text": "
|
|
14953
|
+
"text": "boolean"
|
|
14928
14954
|
},
|
|
14929
|
-
"
|
|
14930
|
-
"
|
|
14955
|
+
"privacy": "private",
|
|
14956
|
+
"default": "false",
|
|
14931
14957
|
"inheritedFrom": {
|
|
14932
14958
|
"name": "FlowIconButton",
|
|
14933
|
-
"module": "
|
|
14959
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14934
14960
|
}
|
|
14935
14961
|
},
|
|
14936
14962
|
{
|
|
14937
|
-
"
|
|
14963
|
+
"kind": "field",
|
|
14964
|
+
"name": "button",
|
|
14938
14965
|
"type": {
|
|
14939
|
-
"text": "
|
|
14966
|
+
"text": "HTMLButtonElement | HTMLLinkElement"
|
|
14940
14967
|
},
|
|
14941
|
-
"description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
|
|
14942
|
-
"fieldName": "href",
|
|
14943
14968
|
"inheritedFrom": {
|
|
14944
14969
|
"name": "FlowIconButton",
|
|
14945
|
-
"module": "
|
|
14970
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14946
14971
|
}
|
|
14947
14972
|
},
|
|
14948
14973
|
{
|
|
14949
|
-
"
|
|
14974
|
+
"kind": "field",
|
|
14975
|
+
"name": "tooltipElem",
|
|
14950
14976
|
"type": {
|
|
14951
|
-
"text": "
|
|
14977
|
+
"text": "FlowTooltip"
|
|
14952
14978
|
},
|
|
14953
|
-
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
14954
|
-
"fieldName": "target",
|
|
14955
14979
|
"inheritedFrom": {
|
|
14956
14980
|
"name": "FlowIconButton",
|
|
14957
|
-
"module": "
|
|
14981
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14958
14982
|
}
|
|
14959
14983
|
},
|
|
14960
14984
|
{
|
|
14961
|
-
"
|
|
14985
|
+
"kind": "field",
|
|
14986
|
+
"name": "confirmButton",
|
|
14962
14987
|
"type": {
|
|
14963
|
-
"text": "
|
|
14988
|
+
"text": "HTMLButtonElement"
|
|
14964
14989
|
},
|
|
14965
|
-
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
|
|
14966
|
-
"fieldName": "download",
|
|
14967
14990
|
"inheritedFrom": {
|
|
14968
14991
|
"name": "FlowIconButton",
|
|
14969
|
-
"module": "
|
|
14992
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14970
14993
|
}
|
|
14971
14994
|
},
|
|
14972
14995
|
{
|
|
14973
|
-
"
|
|
14996
|
+
"kind": "field",
|
|
14997
|
+
"name": "hasFocus",
|
|
14974
14998
|
"type": {
|
|
14975
|
-
"text": "
|
|
14999
|
+
"text": "boolean"
|
|
14976
15000
|
},
|
|
14977
|
-
"
|
|
14978
|
-
"
|
|
14979
|
-
"fieldName": "label",
|
|
15001
|
+
"privacy": "private",
|
|
15002
|
+
"default": "false",
|
|
14980
15003
|
"inheritedFrom": {
|
|
14981
15004
|
"name": "FlowIconButton",
|
|
14982
|
-
"module": "
|
|
15005
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14983
15006
|
}
|
|
14984
15007
|
},
|
|
14985
15008
|
{
|
|
14986
|
-
"
|
|
15009
|
+
"kind": "field",
|
|
15010
|
+
"name": "library",
|
|
14987
15011
|
"type": {
|
|
14988
|
-
"text": "string"
|
|
15012
|
+
"text": "string | undefined"
|
|
14989
15013
|
},
|
|
14990
|
-
"
|
|
14991
|
-
"
|
|
14992
|
-
"fieldName": "tooltip",
|
|
15014
|
+
"description": "The name of a registered custom icon library.",
|
|
15015
|
+
"attribute": "library",
|
|
14993
15016
|
"inheritedFrom": {
|
|
14994
15017
|
"name": "FlowIconButton",
|
|
14995
|
-
"module": "
|
|
15018
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14996
15019
|
}
|
|
14997
15020
|
},
|
|
14998
15021
|
{
|
|
14999
|
-
"
|
|
15022
|
+
"kind": "field",
|
|
15023
|
+
"name": "src",
|
|
15000
15024
|
"type": {
|
|
15001
|
-
"text": "
|
|
15025
|
+
"text": "string | undefined"
|
|
15002
15026
|
},
|
|
15003
|
-
"
|
|
15004
|
-
"
|
|
15005
|
-
"fieldName": "tooltipPlacement",
|
|
15027
|
+
"description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
|
|
15028
|
+
"attribute": "src",
|
|
15006
15029
|
"inheritedFrom": {
|
|
15007
15030
|
"name": "FlowIconButton",
|
|
15008
|
-
"module": "
|
|
15031
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15009
15032
|
}
|
|
15010
15033
|
},
|
|
15011
15034
|
{
|
|
15012
|
-
"
|
|
15035
|
+
"kind": "field",
|
|
15036
|
+
"name": "href",
|
|
15013
15037
|
"type": {
|
|
15014
|
-
"text": "
|
|
15038
|
+
"text": "string | undefined"
|
|
15015
15039
|
},
|
|
15016
|
-
"
|
|
15017
|
-
"
|
|
15018
|
-
"fieldName": "tooltipDistance",
|
|
15040
|
+
"description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
|
|
15041
|
+
"attribute": "href",
|
|
15019
15042
|
"inheritedFrom": {
|
|
15020
15043
|
"name": "FlowIconButton",
|
|
15021
|
-
"module": "
|
|
15044
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15022
15045
|
}
|
|
15023
15046
|
},
|
|
15024
15047
|
{
|
|
15025
|
-
"
|
|
15048
|
+
"kind": "field",
|
|
15049
|
+
"name": "target",
|
|
15026
15050
|
"type": {
|
|
15027
|
-
"text": "
|
|
15051
|
+
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
15028
15052
|
},
|
|
15029
|
-
"
|
|
15030
|
-
"
|
|
15031
|
-
"fieldName": "tooltipSkidding",
|
|
15053
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
15054
|
+
"attribute": "target",
|
|
15032
15055
|
"inheritedFrom": {
|
|
15033
15056
|
"name": "FlowIconButton",
|
|
15034
|
-
"module": "
|
|
15057
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15035
15058
|
}
|
|
15036
15059
|
},
|
|
15037
15060
|
{
|
|
15038
|
-
"
|
|
15061
|
+
"kind": "field",
|
|
15062
|
+
"name": "download",
|
|
15039
15063
|
"type": {
|
|
15040
|
-
"text": "
|
|
15064
|
+
"text": "string | undefined"
|
|
15041
15065
|
},
|
|
15042
|
-
"
|
|
15043
|
-
"
|
|
15044
|
-
"fieldName": "disabled",
|
|
15066
|
+
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
|
|
15067
|
+
"attribute": "download",
|
|
15045
15068
|
"inheritedFrom": {
|
|
15046
15069
|
"name": "FlowIconButton",
|
|
15047
|
-
"module": "
|
|
15070
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15048
15071
|
}
|
|
15049
15072
|
},
|
|
15050
15073
|
{
|
|
15051
|
-
"
|
|
15074
|
+
"kind": "field",
|
|
15075
|
+
"name": "label",
|
|
15052
15076
|
"type": {
|
|
15053
15077
|
"text": "string"
|
|
15054
15078
|
},
|
|
15055
15079
|
"default": "''",
|
|
15056
|
-
"description": "
|
|
15057
|
-
"
|
|
15058
|
-
"inheritedFrom": {
|
|
15059
|
-
"name": "FlowIconButton",
|
|
15060
|
-
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15061
|
-
}
|
|
15062
|
-
}
|
|
15063
|
-
],
|
|
15064
|
-
"superclass": {
|
|
15065
|
-
"name": "FlowIconButton",
|
|
15066
|
-
"module": "/src/components/icon-button/icon-button.component"
|
|
15067
|
-
},
|
|
15068
|
-
"summary": "Use a split panel toggle button to control a parent panel's open/closed state",
|
|
15069
|
-
"dependencies": [
|
|
15070
|
-
"flow-ui-icon-button"
|
|
15071
|
-
],
|
|
15072
|
-
"events": [
|
|
15073
|
-
{
|
|
15074
|
-
"description": "Emitted when the icon button loses focus.",
|
|
15075
|
-
"name": "flow-ui-blur",
|
|
15076
|
-
"reactName": "onFlowUiBlur",
|
|
15077
|
-
"inheritedFrom": {
|
|
15078
|
-
"name": "FlowIconButton",
|
|
15079
|
-
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15080
|
-
}
|
|
15081
|
-
},
|
|
15082
|
-
{
|
|
15083
|
-
"description": "Emitted when the icon button gains focus.",
|
|
15084
|
-
"name": "flow-ui-focus",
|
|
15085
|
-
"reactName": "onFlowUiFocus",
|
|
15080
|
+
"description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
|
|
15081
|
+
"attribute": "label",
|
|
15086
15082
|
"inheritedFrom": {
|
|
15087
15083
|
"name": "FlowIconButton",
|
|
15088
|
-
"module": "
|
|
15089
|
-
}
|
|
15090
|
-
}
|
|
15091
|
-
]
|
|
15092
|
-
}
|
|
15093
|
-
],
|
|
15094
|
-
"exports": [
|
|
15095
|
-
{
|
|
15096
|
-
"kind": "js",
|
|
15097
|
-
"name": "default",
|
|
15098
|
-
"declaration": {
|
|
15099
|
-
"name": "FlowSplitViewToggleButton",
|
|
15100
|
-
"module": "components/split-view-toggle-button/split-view-toggle-button.component.js"
|
|
15101
|
-
}
|
|
15102
|
-
}
|
|
15103
|
-
]
|
|
15104
|
-
},
|
|
15105
|
-
{
|
|
15106
|
-
"kind": "javascript-module",
|
|
15107
|
-
"path": "components/split-view-toggle-button/split-view-toggle-button.js",
|
|
15108
|
-
"declarations": [],
|
|
15109
|
-
"exports": [
|
|
15110
|
-
{
|
|
15111
|
-
"kind": "js",
|
|
15112
|
-
"name": "*",
|
|
15113
|
-
"declaration": {
|
|
15114
|
-
"name": "*",
|
|
15115
|
-
"package": "./split-view-toggle-button.component.js"
|
|
15116
|
-
}
|
|
15117
|
-
},
|
|
15118
|
-
{
|
|
15119
|
-
"kind": "js",
|
|
15120
|
-
"name": "default",
|
|
15121
|
-
"declaration": {
|
|
15122
|
-
"name": "FlowSplitViewToggleButton",
|
|
15123
|
-
"module": "components/split-view-toggle-button/split-view-toggle-button.js"
|
|
15124
|
-
}
|
|
15125
|
-
}
|
|
15126
|
-
]
|
|
15127
|
-
},
|
|
15128
|
-
{
|
|
15129
|
-
"kind": "javascript-module",
|
|
15130
|
-
"path": "components/stepper/stepper.component.js",
|
|
15131
|
-
"declarations": [
|
|
15132
|
-
{
|
|
15133
|
-
"kind": "class",
|
|
15134
|
-
"description": "",
|
|
15135
|
-
"name": "FlowStepper",
|
|
15136
|
-
"cssProperties": [
|
|
15137
|
-
{
|
|
15138
|
-
"description": "The tab panel's padding.",
|
|
15139
|
-
"name": "--padding"
|
|
15140
|
-
}
|
|
15141
|
-
],
|
|
15142
|
-
"cssParts": [
|
|
15143
|
-
{
|
|
15144
|
-
"description": "The component's base wrapper.",
|
|
15145
|
-
"name": "base"
|
|
15146
|
-
}
|
|
15147
|
-
],
|
|
15148
|
-
"slots": [
|
|
15149
|
-
{
|
|
15150
|
-
"description": "The tab panel's content.",
|
|
15151
|
-
"name": ""
|
|
15152
|
-
}
|
|
15153
|
-
],
|
|
15154
|
-
"members": [
|
|
15084
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15085
|
+
}
|
|
15086
|
+
},
|
|
15155
15087
|
{
|
|
15156
15088
|
"kind": "field",
|
|
15157
|
-
"name": "
|
|
15089
|
+
"name": "tooltip",
|
|
15158
15090
|
"type": {
|
|
15159
|
-
"text": "
|
|
15091
|
+
"text": "string"
|
|
15092
|
+
},
|
|
15093
|
+
"default": "''",
|
|
15094
|
+
"description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
|
|
15095
|
+
"attribute": "tooltip",
|
|
15096
|
+
"inheritedFrom": {
|
|
15097
|
+
"name": "FlowIconButton",
|
|
15098
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15160
15099
|
}
|
|
15161
15100
|
},
|
|
15162
15101
|
{
|
|
15163
15102
|
"kind": "field",
|
|
15164
|
-
"name": "
|
|
15103
|
+
"name": "tooltipPlacement",
|
|
15165
15104
|
"type": {
|
|
15166
|
-
"text": "
|
|
15105
|
+
"text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
|
|
15106
|
+
},
|
|
15107
|
+
"default": "'top'",
|
|
15108
|
+
"description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
|
|
15109
|
+
"attribute": "tooltip-placement",
|
|
15110
|
+
"inheritedFrom": {
|
|
15111
|
+
"name": "FlowIconButton",
|
|
15112
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15167
15113
|
}
|
|
15168
15114
|
},
|
|
15169
15115
|
{
|
|
15170
15116
|
"kind": "field",
|
|
15171
|
-
"name": "
|
|
15117
|
+
"name": "tooltipDistance",
|
|
15172
15118
|
"type": {
|
|
15173
15119
|
"text": "number"
|
|
15174
15120
|
},
|
|
15175
|
-
"
|
|
15176
|
-
"
|
|
15177
|
-
"
|
|
15178
|
-
|
|
15179
|
-
|
|
15180
|
-
|
|
15181
|
-
|
|
15182
|
-
"privacy": "private",
|
|
15183
|
-
"readonly": true,
|
|
15184
|
-
"default": "`flow-ui-stepper-${this.attrId}`"
|
|
15121
|
+
"default": "8",
|
|
15122
|
+
"description": "The distance in pixels from which to offset the tooltip away from the icon button.",
|
|
15123
|
+
"attribute": "tooltip-distance",
|
|
15124
|
+
"inheritedFrom": {
|
|
15125
|
+
"name": "FlowIconButton",
|
|
15126
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15127
|
+
}
|
|
15185
15128
|
},
|
|
15186
15129
|
{
|
|
15187
15130
|
"kind": "field",
|
|
15188
|
-
"name": "
|
|
15131
|
+
"name": "tooltipSkidding",
|
|
15189
15132
|
"type": {
|
|
15190
|
-
"text": "
|
|
15133
|
+
"text": "number"
|
|
15191
15134
|
},
|
|
15192
|
-
"
|
|
15135
|
+
"default": "0",
|
|
15136
|
+
"description": "The distance in pixels from which to offset the tooltip along the icon button.",
|
|
15137
|
+
"attribute": "tooltip-skidding",
|
|
15138
|
+
"inheritedFrom": {
|
|
15139
|
+
"name": "FlowIconButton",
|
|
15140
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15141
|
+
}
|
|
15193
15142
|
},
|
|
15194
15143
|
{
|
|
15195
15144
|
"kind": "field",
|
|
15196
|
-
"name": "
|
|
15145
|
+
"name": "disabled",
|
|
15197
15146
|
"type": {
|
|
15198
|
-
"text": "
|
|
15147
|
+
"text": "boolean"
|
|
15199
15148
|
},
|
|
15200
|
-
"
|
|
15149
|
+
"default": "false",
|
|
15150
|
+
"description": "Disables the button.",
|
|
15151
|
+
"attribute": "disabled",
|
|
15152
|
+
"reflects": true,
|
|
15153
|
+
"inheritedFrom": {
|
|
15154
|
+
"name": "FlowIconButton",
|
|
15155
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15156
|
+
}
|
|
15201
15157
|
},
|
|
15202
15158
|
{
|
|
15203
15159
|
"kind": "field",
|
|
15204
|
-
"name": "
|
|
15160
|
+
"name": "confirm",
|
|
15205
15161
|
"type": {
|
|
15206
|
-
"text": "
|
|
15162
|
+
"text": "string"
|
|
15207
15163
|
},
|
|
15208
|
-
"
|
|
15209
|
-
"
|
|
15210
|
-
|
|
15211
|
-
|
|
15212
|
-
|
|
15213
|
-
|
|
15214
|
-
|
|
15215
|
-
{
|
|
15216
|
-
"name": "panelName",
|
|
15217
|
-
"type": {
|
|
15218
|
-
"text": "string"
|
|
15219
|
-
}
|
|
15220
|
-
},
|
|
15221
|
-
{
|
|
15222
|
-
"name": "complete",
|
|
15223
|
-
"default": "true"
|
|
15224
|
-
}
|
|
15225
|
-
]
|
|
15164
|
+
"default": "''",
|
|
15165
|
+
"description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
|
|
15166
|
+
"attribute": "confirm",
|
|
15167
|
+
"inheritedFrom": {
|
|
15168
|
+
"name": "FlowIconButton",
|
|
15169
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15170
|
+
}
|
|
15226
15171
|
},
|
|
15227
15172
|
{
|
|
15228
15173
|
"kind": "method",
|
|
15229
|
-
"name": "
|
|
15230
|
-
"
|
|
15231
|
-
|
|
15232
|
-
|
|
15233
|
-
|
|
15234
|
-
|
|
15235
|
-
}
|
|
15236
|
-
}
|
|
15237
|
-
]
|
|
15174
|
+
"name": "handleBlur",
|
|
15175
|
+
"privacy": "private",
|
|
15176
|
+
"inheritedFrom": {
|
|
15177
|
+
"name": "FlowIconButton",
|
|
15178
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15179
|
+
}
|
|
15238
15180
|
},
|
|
15239
15181
|
{
|
|
15240
15182
|
"kind": "method",
|
|
15241
|
-
"name": "
|
|
15242
|
-
"privacy": "private"
|
|
15183
|
+
"name": "handleFocus",
|
|
15184
|
+
"privacy": "private",
|
|
15185
|
+
"inheritedFrom": {
|
|
15186
|
+
"name": "FlowIconButton",
|
|
15187
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15188
|
+
}
|
|
15243
15189
|
},
|
|
15244
15190
|
{
|
|
15245
15191
|
"kind": "method",
|
|
15246
|
-
"name": "
|
|
15247
|
-
"
|
|
15192
|
+
"name": "click",
|
|
15193
|
+
"description": "Simulates a click on the icon button.",
|
|
15194
|
+
"inheritedFrom": {
|
|
15195
|
+
"name": "FlowIconButton",
|
|
15196
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15197
|
+
}
|
|
15248
15198
|
},
|
|
15249
15199
|
{
|
|
15250
15200
|
"kind": "method",
|
|
15251
|
-
"name": "
|
|
15252
|
-
"privacy": "private",
|
|
15201
|
+
"name": "focus",
|
|
15253
15202
|
"parameters": [
|
|
15254
|
-
{
|
|
15255
|
-
"name": "panel",
|
|
15256
|
-
"type": {
|
|
15257
|
-
"text": "FlowStepperPanel"
|
|
15258
|
-
}
|
|
15259
|
-
},
|
|
15260
15203
|
{
|
|
15261
15204
|
"name": "options",
|
|
15262
15205
|
"optional": true,
|
|
15263
15206
|
"type": {
|
|
15264
|
-
"text": "
|
|
15207
|
+
"text": "FocusOptions"
|
|
15265
15208
|
}
|
|
15266
15209
|
}
|
|
15267
|
-
]
|
|
15210
|
+
],
|
|
15211
|
+
"description": "Sets focus on the icon button.",
|
|
15212
|
+
"inheritedFrom": {
|
|
15213
|
+
"name": "FlowIconButton",
|
|
15214
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15215
|
+
}
|
|
15268
15216
|
},
|
|
15269
15217
|
{
|
|
15270
15218
|
"kind": "method",
|
|
15271
|
-
"name": "
|
|
15272
|
-
"
|
|
15273
|
-
|
|
15274
|
-
|
|
15275
|
-
|
|
15276
|
-
|
|
15277
|
-
}
|
|
15278
|
-
},
|
|
15279
|
-
{
|
|
15280
|
-
"name": "index",
|
|
15281
|
-
"type": {
|
|
15282
|
-
"text": "number"
|
|
15283
|
-
}
|
|
15284
|
-
}
|
|
15285
|
-
]
|
|
15219
|
+
"name": "blur",
|
|
15220
|
+
"description": "Removes focus from the icon button.",
|
|
15221
|
+
"inheritedFrom": {
|
|
15222
|
+
"name": "FlowIconButton",
|
|
15223
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15224
|
+
}
|
|
15286
15225
|
},
|
|
15287
15226
|
{
|
|
15288
15227
|
"kind": "method",
|
|
15289
|
-
"name": "
|
|
15290
|
-
|
|
15291
|
-
|
|
15292
|
-
|
|
15293
|
-
|
|
15294
|
-
|
|
15295
|
-
|
|
15296
|
-
"summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
|
|
15297
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel",
|
|
15298
|
-
"status": "stable",
|
|
15299
|
-
"since": "2.0"
|
|
15300
|
-
}
|
|
15301
|
-
],
|
|
15302
|
-
"exports": [
|
|
15303
|
-
{
|
|
15304
|
-
"kind": "js",
|
|
15305
|
-
"name": "default",
|
|
15306
|
-
"declaration": {
|
|
15307
|
-
"name": "FlowStepper",
|
|
15308
|
-
"module": "components/stepper/stepper.component.js"
|
|
15309
|
-
}
|
|
15310
|
-
}
|
|
15311
|
-
]
|
|
15312
|
-
},
|
|
15313
|
-
{
|
|
15314
|
-
"kind": "javascript-module",
|
|
15315
|
-
"path": "components/stepper/stepper.js",
|
|
15316
|
-
"declarations": [],
|
|
15317
|
-
"exports": [
|
|
15318
|
-
{
|
|
15319
|
-
"kind": "js",
|
|
15320
|
-
"name": "*",
|
|
15321
|
-
"declaration": {
|
|
15322
|
-
"name": "*",
|
|
15323
|
-
"package": "./stepper.component"
|
|
15324
|
-
}
|
|
15325
|
-
},
|
|
15326
|
-
{
|
|
15327
|
-
"kind": "js",
|
|
15328
|
-
"name": "default",
|
|
15329
|
-
"declaration": {
|
|
15330
|
-
"name": "FlowStepper",
|
|
15331
|
-
"module": "components/stepper/stepper.js"
|
|
15332
|
-
}
|
|
15333
|
-
}
|
|
15334
|
-
]
|
|
15335
|
-
},
|
|
15336
|
-
{
|
|
15337
|
-
"kind": "javascript-module",
|
|
15338
|
-
"path": "components/stepper-panel/stepper-panel.component.js",
|
|
15339
|
-
"declarations": [
|
|
15340
|
-
{
|
|
15341
|
-
"kind": "class",
|
|
15342
|
-
"description": "",
|
|
15343
|
-
"name": "FlowStepperPanel",
|
|
15344
|
-
"cssProperties": [
|
|
15228
|
+
"name": "hideConfirm",
|
|
15229
|
+
"description": "Hide the confirmation tooltip if it is showing",
|
|
15230
|
+
"inheritedFrom": {
|
|
15231
|
+
"name": "FlowIconButton",
|
|
15232
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15233
|
+
}
|
|
15234
|
+
},
|
|
15345
15235
|
{
|
|
15346
|
-
"
|
|
15347
|
-
"name": "
|
|
15348
|
-
|
|
15349
|
-
|
|
15350
|
-
|
|
15236
|
+
"kind": "method",
|
|
15237
|
+
"name": "showConfirm",
|
|
15238
|
+
"description": "Show the confirmation tooltip",
|
|
15239
|
+
"inheritedFrom": {
|
|
15240
|
+
"name": "FlowIconButton",
|
|
15241
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15242
|
+
}
|
|
15243
|
+
},
|
|
15351
15244
|
{
|
|
15352
|
-
"
|
|
15353
|
-
"name": "
|
|
15354
|
-
|
|
15355
|
-
|
|
15356
|
-
|
|
15245
|
+
"kind": "method",
|
|
15246
|
+
"name": "handleConfirmClick",
|
|
15247
|
+
"privacy": "private",
|
|
15248
|
+
"inheritedFrom": {
|
|
15249
|
+
"name": "FlowIconButton",
|
|
15250
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15251
|
+
}
|
|
15252
|
+
},
|
|
15357
15253
|
{
|
|
15358
|
-
"
|
|
15359
|
-
"name": ""
|
|
15254
|
+
"kind": "method",
|
|
15255
|
+
"name": "renderWithTooltip",
|
|
15256
|
+
"privacy": "private",
|
|
15257
|
+
"parameters": [
|
|
15258
|
+
{
|
|
15259
|
+
"name": "contents",
|
|
15260
|
+
"type": {
|
|
15261
|
+
"text": "TemplateResult"
|
|
15262
|
+
}
|
|
15263
|
+
}
|
|
15264
|
+
],
|
|
15265
|
+
"inheritedFrom": {
|
|
15266
|
+
"name": "FlowIconButton",
|
|
15267
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15268
|
+
}
|
|
15269
|
+
},
|
|
15270
|
+
{
|
|
15271
|
+
"kind": "method",
|
|
15272
|
+
"name": "renderWithConfirmation",
|
|
15273
|
+
"privacy": "private",
|
|
15274
|
+
"parameters": [
|
|
15275
|
+
{
|
|
15276
|
+
"name": "contents",
|
|
15277
|
+
"type": {
|
|
15278
|
+
"text": "TemplateResult"
|
|
15279
|
+
}
|
|
15280
|
+
}
|
|
15281
|
+
],
|
|
15282
|
+
"inheritedFrom": {
|
|
15283
|
+
"name": "FlowIconButton",
|
|
15284
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15285
|
+
}
|
|
15360
15286
|
}
|
|
15361
15287
|
],
|
|
15362
|
-
"
|
|
15288
|
+
"attributes": [
|
|
15363
15289
|
{
|
|
15364
|
-
"
|
|
15365
|
-
"name": "attrId",
|
|
15290
|
+
"name": "name",
|
|
15366
15291
|
"type": {
|
|
15367
|
-
"text": "
|
|
15292
|
+
"text": "string | undefined"
|
|
15368
15293
|
},
|
|
15369
|
-
"
|
|
15370
|
-
"
|
|
15371
|
-
"default": "
|
|
15294
|
+
"description": "The icon name to use for the button.\nDefaults to system icon `chevron-right`.",
|
|
15295
|
+
"fieldName": "name",
|
|
15296
|
+
"default": "'chevron-right'",
|
|
15297
|
+
"inheritedFrom": {
|
|
15298
|
+
"name": "FlowIconButton",
|
|
15299
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15300
|
+
}
|
|
15372
15301
|
},
|
|
15373
15302
|
{
|
|
15374
|
-
"
|
|
15375
|
-
"
|
|
15376
|
-
|
|
15377
|
-
|
|
15378
|
-
"default": "
|
|
15303
|
+
"name": "closed",
|
|
15304
|
+
"type": {
|
|
15305
|
+
"text": "boolean"
|
|
15306
|
+
},
|
|
15307
|
+
"default": "false",
|
|
15308
|
+
"description": "Set to control the open/closed state of the parent split pane.",
|
|
15309
|
+
"fieldName": "closed"
|
|
15379
15310
|
},
|
|
15380
15311
|
{
|
|
15381
|
-
"
|
|
15382
|
-
"name": "name",
|
|
15312
|
+
"name": "library",
|
|
15383
15313
|
"type": {
|
|
15384
|
-
"text": "string"
|
|
15314
|
+
"text": "string | undefined"
|
|
15385
15315
|
},
|
|
15386
|
-
"
|
|
15387
|
-
"
|
|
15388
|
-
"
|
|
15389
|
-
|
|
15316
|
+
"description": "The name of a registered custom icon library.",
|
|
15317
|
+
"fieldName": "library",
|
|
15318
|
+
"inheritedFrom": {
|
|
15319
|
+
"name": "FlowIconButton",
|
|
15320
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15321
|
+
}
|
|
15390
15322
|
},
|
|
15391
15323
|
{
|
|
15392
|
-
"
|
|
15393
|
-
"name": "title",
|
|
15324
|
+
"name": "src",
|
|
15394
15325
|
"type": {
|
|
15395
|
-
"text": "string"
|
|
15326
|
+
"text": "string | undefined"
|
|
15396
15327
|
},
|
|
15397
|
-
"
|
|
15398
|
-
"
|
|
15399
|
-
"
|
|
15328
|
+
"description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
|
|
15329
|
+
"fieldName": "src",
|
|
15330
|
+
"inheritedFrom": {
|
|
15331
|
+
"name": "FlowIconButton",
|
|
15332
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15333
|
+
}
|
|
15400
15334
|
},
|
|
15401
15335
|
{
|
|
15402
|
-
"
|
|
15403
|
-
"name": "subTitle",
|
|
15336
|
+
"name": "href",
|
|
15404
15337
|
"type": {
|
|
15405
|
-
"text": "string"
|
|
15338
|
+
"text": "string | undefined"
|
|
15406
15339
|
},
|
|
15407
|
-
"
|
|
15408
|
-
"
|
|
15409
|
-
"
|
|
15340
|
+
"description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
|
|
15341
|
+
"fieldName": "href",
|
|
15342
|
+
"inheritedFrom": {
|
|
15343
|
+
"name": "FlowIconButton",
|
|
15344
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15345
|
+
}
|
|
15410
15346
|
},
|
|
15411
15347
|
{
|
|
15412
|
-
"
|
|
15413
|
-
"name": "active",
|
|
15348
|
+
"name": "target",
|
|
15414
15349
|
"type": {
|
|
15415
|
-
"text": "
|
|
15350
|
+
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
15416
15351
|
},
|
|
15417
|
-
"
|
|
15418
|
-
"
|
|
15419
|
-
"
|
|
15420
|
-
|
|
15352
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
15353
|
+
"fieldName": "target",
|
|
15354
|
+
"inheritedFrom": {
|
|
15355
|
+
"name": "FlowIconButton",
|
|
15356
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15357
|
+
}
|
|
15421
15358
|
},
|
|
15422
15359
|
{
|
|
15423
|
-
"
|
|
15424
|
-
"name": "complete",
|
|
15360
|
+
"name": "download",
|
|
15425
15361
|
"type": {
|
|
15426
|
-
"text": "
|
|
15362
|
+
"text": "string | undefined"
|
|
15427
15363
|
},
|
|
15428
|
-
"
|
|
15429
|
-
"
|
|
15430
|
-
"
|
|
15431
|
-
|
|
15364
|
+
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
|
|
15365
|
+
"fieldName": "download",
|
|
15366
|
+
"inheritedFrom": {
|
|
15367
|
+
"name": "FlowIconButton",
|
|
15368
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15369
|
+
}
|
|
15432
15370
|
},
|
|
15433
15371
|
{
|
|
15434
|
-
"
|
|
15435
|
-
"name": "handleStateChange"
|
|
15436
|
-
}
|
|
15437
|
-
],
|
|
15438
|
-
"attributes": [
|
|
15439
|
-
{
|
|
15440
|
-
"name": "name",
|
|
15372
|
+
"name": "label",
|
|
15441
15373
|
"type": {
|
|
15442
15374
|
"text": "string"
|
|
15443
15375
|
},
|
|
15444
15376
|
"default": "''",
|
|
15445
|
-
"description": "
|
|
15446
|
-
"fieldName": "
|
|
15377
|
+
"description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
|
|
15378
|
+
"fieldName": "label",
|
|
15379
|
+
"inheritedFrom": {
|
|
15380
|
+
"name": "FlowIconButton",
|
|
15381
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15382
|
+
}
|
|
15447
15383
|
},
|
|
15448
15384
|
{
|
|
15449
|
-
"name": "
|
|
15385
|
+
"name": "tooltip",
|
|
15450
15386
|
"type": {
|
|
15451
15387
|
"text": "string"
|
|
15452
15388
|
},
|
|
15453
15389
|
"default": "''",
|
|
15454
|
-
"
|
|
15390
|
+
"description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
|
|
15391
|
+
"fieldName": "tooltip",
|
|
15392
|
+
"inheritedFrom": {
|
|
15393
|
+
"name": "FlowIconButton",
|
|
15394
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15395
|
+
}
|
|
15455
15396
|
},
|
|
15456
15397
|
{
|
|
15457
|
-
"name": "
|
|
15398
|
+
"name": "tooltip-placement",
|
|
15458
15399
|
"type": {
|
|
15459
|
-
"text": "
|
|
15400
|
+
"text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
|
|
15460
15401
|
},
|
|
15461
|
-
"default": "''",
|
|
15462
|
-
"
|
|
15402
|
+
"default": "'top'",
|
|
15403
|
+
"description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
|
|
15404
|
+
"fieldName": "tooltipPlacement",
|
|
15405
|
+
"inheritedFrom": {
|
|
15406
|
+
"name": "FlowIconButton",
|
|
15407
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15408
|
+
}
|
|
15463
15409
|
},
|
|
15464
15410
|
{
|
|
15465
|
-
"name": "
|
|
15411
|
+
"name": "tooltip-distance",
|
|
15466
15412
|
"type": {
|
|
15467
|
-
"text": "
|
|
15413
|
+
"text": "number"
|
|
15468
15414
|
},
|
|
15469
|
-
"default": "
|
|
15470
|
-
"description": "
|
|
15471
|
-
"fieldName": "
|
|
15415
|
+
"default": "8",
|
|
15416
|
+
"description": "The distance in pixels from which to offset the tooltip away from the icon button.",
|
|
15417
|
+
"fieldName": "tooltipDistance",
|
|
15418
|
+
"inheritedFrom": {
|
|
15419
|
+
"name": "FlowIconButton",
|
|
15420
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15421
|
+
}
|
|
15472
15422
|
},
|
|
15473
15423
|
{
|
|
15474
|
-
"name": "
|
|
15424
|
+
"name": "tooltip-skidding",
|
|
15425
|
+
"type": {
|
|
15426
|
+
"text": "number"
|
|
15427
|
+
},
|
|
15428
|
+
"default": "0",
|
|
15429
|
+
"description": "The distance in pixels from which to offset the tooltip along the icon button.",
|
|
15430
|
+
"fieldName": "tooltipSkidding",
|
|
15431
|
+
"inheritedFrom": {
|
|
15432
|
+
"name": "FlowIconButton",
|
|
15433
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15434
|
+
}
|
|
15435
|
+
},
|
|
15436
|
+
{
|
|
15437
|
+
"name": "disabled",
|
|
15475
15438
|
"type": {
|
|
15476
15439
|
"text": "boolean"
|
|
15477
15440
|
},
|
|
15478
15441
|
"default": "false",
|
|
15479
|
-
"description": "
|
|
15480
|
-
"fieldName": "
|
|
15442
|
+
"description": "Disables the button.",
|
|
15443
|
+
"fieldName": "disabled",
|
|
15444
|
+
"inheritedFrom": {
|
|
15445
|
+
"name": "FlowIconButton",
|
|
15446
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15447
|
+
}
|
|
15448
|
+
},
|
|
15449
|
+
{
|
|
15450
|
+
"name": "confirm",
|
|
15451
|
+
"type": {
|
|
15452
|
+
"text": "string"
|
|
15453
|
+
},
|
|
15454
|
+
"default": "''",
|
|
15455
|
+
"description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
|
|
15456
|
+
"fieldName": "confirm",
|
|
15457
|
+
"inheritedFrom": {
|
|
15458
|
+
"name": "FlowIconButton",
|
|
15459
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15460
|
+
}
|
|
15481
15461
|
}
|
|
15482
15462
|
],
|
|
15483
15463
|
"superclass": {
|
|
15484
|
-
"name": "
|
|
15485
|
-
"module": "/src/
|
|
15464
|
+
"name": "FlowIconButton",
|
|
15465
|
+
"module": "/src/components/icon-button/icon-button.component"
|
|
15486
15466
|
},
|
|
15487
|
-
"summary": "
|
|
15488
|
-
"
|
|
15489
|
-
|
|
15490
|
-
|
|
15467
|
+
"summary": "Use a split panel toggle button to control a parent panel's open/closed state",
|
|
15468
|
+
"dependencies": [
|
|
15469
|
+
"flow-ui-icon-button"
|
|
15470
|
+
],
|
|
15471
|
+
"events": [
|
|
15472
|
+
{
|
|
15473
|
+
"description": "Emitted when the icon button loses focus.",
|
|
15474
|
+
"name": "flow-ui-blur",
|
|
15475
|
+
"reactName": "onFlowUiBlur",
|
|
15476
|
+
"inheritedFrom": {
|
|
15477
|
+
"name": "FlowIconButton",
|
|
15478
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15479
|
+
}
|
|
15480
|
+
},
|
|
15481
|
+
{
|
|
15482
|
+
"description": "Emitted when the icon button gains focus.",
|
|
15483
|
+
"name": "flow-ui-focus",
|
|
15484
|
+
"reactName": "onFlowUiFocus",
|
|
15485
|
+
"inheritedFrom": {
|
|
15486
|
+
"name": "FlowIconButton",
|
|
15487
|
+
"module": "src/components/icon-button/icon-button.component.ts"
|
|
15488
|
+
}
|
|
15489
|
+
}
|
|
15490
|
+
]
|
|
15491
15491
|
}
|
|
15492
15492
|
],
|
|
15493
15493
|
"exports": [
|
|
@@ -15495,15 +15495,15 @@
|
|
|
15495
15495
|
"kind": "js",
|
|
15496
15496
|
"name": "default",
|
|
15497
15497
|
"declaration": {
|
|
15498
|
-
"name": "
|
|
15499
|
-
"module": "components/
|
|
15498
|
+
"name": "FlowSplitViewToggleButton",
|
|
15499
|
+
"module": "components/split-view-toggle-button/split-view-toggle-button.component.js"
|
|
15500
15500
|
}
|
|
15501
15501
|
}
|
|
15502
15502
|
]
|
|
15503
15503
|
},
|
|
15504
15504
|
{
|
|
15505
15505
|
"kind": "javascript-module",
|
|
15506
|
-
"path": "components/
|
|
15506
|
+
"path": "components/split-view-toggle-button/split-view-toggle-button.js",
|
|
15507
15507
|
"declarations": [],
|
|
15508
15508
|
"exports": [
|
|
15509
15509
|
{
|
|
@@ -15511,15 +15511,15 @@
|
|
|
15511
15511
|
"name": "*",
|
|
15512
15512
|
"declaration": {
|
|
15513
15513
|
"name": "*",
|
|
15514
|
-
"package": "./
|
|
15514
|
+
"package": "./split-view-toggle-button.component.js"
|
|
15515
15515
|
}
|
|
15516
15516
|
},
|
|
15517
15517
|
{
|
|
15518
15518
|
"kind": "js",
|
|
15519
15519
|
"name": "default",
|
|
15520
15520
|
"declaration": {
|
|
15521
|
-
"name": "
|
|
15522
|
-
"module": "components/
|
|
15521
|
+
"name": "FlowSplitViewToggleButton",
|
|
15522
|
+
"module": "components/split-view-toggle-button/split-view-toggle-button.js"
|
|
15523
15523
|
}
|
|
15524
15524
|
}
|
|
15525
15525
|
]
|
|
@@ -16246,6 +16246,128 @@
|
|
|
16246
16246
|
}
|
|
16247
16247
|
]
|
|
16248
16248
|
},
|
|
16249
|
+
{
|
|
16250
|
+
"kind": "javascript-module",
|
|
16251
|
+
"path": "components/tab-panel/tab-panel.js",
|
|
16252
|
+
"declarations": [
|
|
16253
|
+
{
|
|
16254
|
+
"kind": "class",
|
|
16255
|
+
"description": "",
|
|
16256
|
+
"name": "FlowTabPanel",
|
|
16257
|
+
"cssProperties": [
|
|
16258
|
+
{
|
|
16259
|
+
"description": "The tab panel's padding.",
|
|
16260
|
+
"name": "--padding"
|
|
16261
|
+
}
|
|
16262
|
+
],
|
|
16263
|
+
"cssParts": [
|
|
16264
|
+
{
|
|
16265
|
+
"description": "The component's base wrapper.",
|
|
16266
|
+
"name": "base"
|
|
16267
|
+
}
|
|
16268
|
+
],
|
|
16269
|
+
"slots": [
|
|
16270
|
+
{
|
|
16271
|
+
"description": "The tab panel's content.",
|
|
16272
|
+
"name": ""
|
|
16273
|
+
}
|
|
16274
|
+
],
|
|
16275
|
+
"members": [
|
|
16276
|
+
{
|
|
16277
|
+
"kind": "field",
|
|
16278
|
+
"name": "attrId",
|
|
16279
|
+
"type": {
|
|
16280
|
+
"text": "number"
|
|
16281
|
+
},
|
|
16282
|
+
"privacy": "private",
|
|
16283
|
+
"readonly": true,
|
|
16284
|
+
"default": "++id"
|
|
16285
|
+
},
|
|
16286
|
+
{
|
|
16287
|
+
"kind": "field",
|
|
16288
|
+
"name": "componentId",
|
|
16289
|
+
"privacy": "private",
|
|
16290
|
+
"readonly": true,
|
|
16291
|
+
"default": "`flow-ui-tab-panel-${this.attrId}`"
|
|
16292
|
+
},
|
|
16293
|
+
{
|
|
16294
|
+
"kind": "field",
|
|
16295
|
+
"name": "name",
|
|
16296
|
+
"type": {
|
|
16297
|
+
"text": "string"
|
|
16298
|
+
},
|
|
16299
|
+
"default": "''",
|
|
16300
|
+
"description": "The tab panel's name.",
|
|
16301
|
+
"attribute": "name",
|
|
16302
|
+
"reflects": true
|
|
16303
|
+
},
|
|
16304
|
+
{
|
|
16305
|
+
"kind": "field",
|
|
16306
|
+
"name": "active",
|
|
16307
|
+
"type": {
|
|
16308
|
+
"text": "boolean"
|
|
16309
|
+
},
|
|
16310
|
+
"default": "false",
|
|
16311
|
+
"description": "When true, the tab panel will be shown.",
|
|
16312
|
+
"attribute": "active",
|
|
16313
|
+
"reflects": true
|
|
16314
|
+
},
|
|
16315
|
+
{
|
|
16316
|
+
"kind": "method",
|
|
16317
|
+
"name": "handleActiveChange"
|
|
16318
|
+
}
|
|
16319
|
+
],
|
|
16320
|
+
"attributes": [
|
|
16321
|
+
{
|
|
16322
|
+
"name": "name",
|
|
16323
|
+
"type": {
|
|
16324
|
+
"text": "string"
|
|
16325
|
+
},
|
|
16326
|
+
"default": "''",
|
|
16327
|
+
"description": "The tab panel's name.",
|
|
16328
|
+
"fieldName": "name"
|
|
16329
|
+
},
|
|
16330
|
+
{
|
|
16331
|
+
"name": "active",
|
|
16332
|
+
"type": {
|
|
16333
|
+
"text": "boolean"
|
|
16334
|
+
},
|
|
16335
|
+
"default": "false",
|
|
16336
|
+
"description": "When true, the tab panel will be shown.",
|
|
16337
|
+
"fieldName": "active"
|
|
16338
|
+
}
|
|
16339
|
+
],
|
|
16340
|
+
"superclass": {
|
|
16341
|
+
"name": "FlowRdfElement",
|
|
16342
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
16343
|
+
},
|
|
16344
|
+
"summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
|
|
16345
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel",
|
|
16346
|
+
"status": "stable",
|
|
16347
|
+
"since": "2.0",
|
|
16348
|
+
"tagName": "flow-ui-tab-panel",
|
|
16349
|
+
"customElement": true
|
|
16350
|
+
}
|
|
16351
|
+
],
|
|
16352
|
+
"exports": [
|
|
16353
|
+
{
|
|
16354
|
+
"kind": "js",
|
|
16355
|
+
"name": "default",
|
|
16356
|
+
"declaration": {
|
|
16357
|
+
"name": "FlowTabPanel",
|
|
16358
|
+
"module": "components/tab-panel/tab-panel.js"
|
|
16359
|
+
}
|
|
16360
|
+
},
|
|
16361
|
+
{
|
|
16362
|
+
"kind": "custom-element-definition",
|
|
16363
|
+
"name": "flow-ui-tab-panel",
|
|
16364
|
+
"declaration": {
|
|
16365
|
+
"name": "FlowTabPanel",
|
|
16366
|
+
"module": "components/tab-panel/tab-panel.js"
|
|
16367
|
+
}
|
|
16368
|
+
}
|
|
16369
|
+
]
|
|
16370
|
+
},
|
|
16249
16371
|
{
|
|
16250
16372
|
"kind": "javascript-module",
|
|
16251
16373
|
"path": "components/tab-group/tab-group.js",
|
|
@@ -16660,128 +16782,6 @@
|
|
|
16660
16782
|
}
|
|
16661
16783
|
]
|
|
16662
16784
|
},
|
|
16663
|
-
{
|
|
16664
|
-
"kind": "javascript-module",
|
|
16665
|
-
"path": "components/tab-panel/tab-panel.js",
|
|
16666
|
-
"declarations": [
|
|
16667
|
-
{
|
|
16668
|
-
"kind": "class",
|
|
16669
|
-
"description": "",
|
|
16670
|
-
"name": "FlowTabPanel",
|
|
16671
|
-
"cssProperties": [
|
|
16672
|
-
{
|
|
16673
|
-
"description": "The tab panel's padding.",
|
|
16674
|
-
"name": "--padding"
|
|
16675
|
-
}
|
|
16676
|
-
],
|
|
16677
|
-
"cssParts": [
|
|
16678
|
-
{
|
|
16679
|
-
"description": "The component's base wrapper.",
|
|
16680
|
-
"name": "base"
|
|
16681
|
-
}
|
|
16682
|
-
],
|
|
16683
|
-
"slots": [
|
|
16684
|
-
{
|
|
16685
|
-
"description": "The tab panel's content.",
|
|
16686
|
-
"name": ""
|
|
16687
|
-
}
|
|
16688
|
-
],
|
|
16689
|
-
"members": [
|
|
16690
|
-
{
|
|
16691
|
-
"kind": "field",
|
|
16692
|
-
"name": "attrId",
|
|
16693
|
-
"type": {
|
|
16694
|
-
"text": "number"
|
|
16695
|
-
},
|
|
16696
|
-
"privacy": "private",
|
|
16697
|
-
"readonly": true,
|
|
16698
|
-
"default": "++id"
|
|
16699
|
-
},
|
|
16700
|
-
{
|
|
16701
|
-
"kind": "field",
|
|
16702
|
-
"name": "componentId",
|
|
16703
|
-
"privacy": "private",
|
|
16704
|
-
"readonly": true,
|
|
16705
|
-
"default": "`flow-ui-tab-panel-${this.attrId}`"
|
|
16706
|
-
},
|
|
16707
|
-
{
|
|
16708
|
-
"kind": "field",
|
|
16709
|
-
"name": "name",
|
|
16710
|
-
"type": {
|
|
16711
|
-
"text": "string"
|
|
16712
|
-
},
|
|
16713
|
-
"default": "''",
|
|
16714
|
-
"description": "The tab panel's name.",
|
|
16715
|
-
"attribute": "name",
|
|
16716
|
-
"reflects": true
|
|
16717
|
-
},
|
|
16718
|
-
{
|
|
16719
|
-
"kind": "field",
|
|
16720
|
-
"name": "active",
|
|
16721
|
-
"type": {
|
|
16722
|
-
"text": "boolean"
|
|
16723
|
-
},
|
|
16724
|
-
"default": "false",
|
|
16725
|
-
"description": "When true, the tab panel will be shown.",
|
|
16726
|
-
"attribute": "active",
|
|
16727
|
-
"reflects": true
|
|
16728
|
-
},
|
|
16729
|
-
{
|
|
16730
|
-
"kind": "method",
|
|
16731
|
-
"name": "handleActiveChange"
|
|
16732
|
-
}
|
|
16733
|
-
],
|
|
16734
|
-
"attributes": [
|
|
16735
|
-
{
|
|
16736
|
-
"name": "name",
|
|
16737
|
-
"type": {
|
|
16738
|
-
"text": "string"
|
|
16739
|
-
},
|
|
16740
|
-
"default": "''",
|
|
16741
|
-
"description": "The tab panel's name.",
|
|
16742
|
-
"fieldName": "name"
|
|
16743
|
-
},
|
|
16744
|
-
{
|
|
16745
|
-
"name": "active",
|
|
16746
|
-
"type": {
|
|
16747
|
-
"text": "boolean"
|
|
16748
|
-
},
|
|
16749
|
-
"default": "false",
|
|
16750
|
-
"description": "When true, the tab panel will be shown.",
|
|
16751
|
-
"fieldName": "active"
|
|
16752
|
-
}
|
|
16753
|
-
],
|
|
16754
|
-
"superclass": {
|
|
16755
|
-
"name": "FlowRdfElement",
|
|
16756
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
16757
|
-
},
|
|
16758
|
-
"summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
|
|
16759
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel",
|
|
16760
|
-
"status": "stable",
|
|
16761
|
-
"since": "2.0",
|
|
16762
|
-
"tagName": "flow-ui-tab-panel",
|
|
16763
|
-
"customElement": true
|
|
16764
|
-
}
|
|
16765
|
-
],
|
|
16766
|
-
"exports": [
|
|
16767
|
-
{
|
|
16768
|
-
"kind": "js",
|
|
16769
|
-
"name": "default",
|
|
16770
|
-
"declaration": {
|
|
16771
|
-
"name": "FlowTabPanel",
|
|
16772
|
-
"module": "components/tab-panel/tab-panel.js"
|
|
16773
|
-
}
|
|
16774
|
-
},
|
|
16775
|
-
{
|
|
16776
|
-
"kind": "custom-element-definition",
|
|
16777
|
-
"name": "flow-ui-tab-panel",
|
|
16778
|
-
"declaration": {
|
|
16779
|
-
"name": "FlowTabPanel",
|
|
16780
|
-
"module": "components/tab-panel/tab-panel.js"
|
|
16781
|
-
}
|
|
16782
|
-
}
|
|
16783
|
-
]
|
|
16784
|
-
},
|
|
16785
16785
|
{
|
|
16786
16786
|
"kind": "javascript-module",
|
|
16787
16787
|
"path": "components/tag/tag.js",
|
|
@@ -19760,6 +19760,6 @@
|
|
|
19760
19760
|
],
|
|
19761
19761
|
"package": {
|
|
19762
19762
|
"name": "@emuanalytics/flow-rdf-ui",
|
|
19763
|
-
"version": "0.0.
|
|
19763
|
+
"version": "0.0.14"
|
|
19764
19764
|
}
|
|
19765
19765
|
}
|