@emuanalytics/flow-rdf-ui 0.0.12 → 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 +2082 -1715
- package/dist/flow-rdf-ui.d.ts +54 -0
- package/dist/flow-rdf-ui.js +1987 -1007
- package/dist/flow-rdf-ui.umd.cjs +1994 -1013
- package/dist/vscode.html-custom-data.json +95 -151
- package/package.json +4 -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,167 +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": "
|
|
683
|
-
"cssProperties": [
|
|
684
|
-
{
|
|
685
|
-
"description": "The size of the avatar.",
|
|
686
|
-
"name": "--size"
|
|
687
|
-
}
|
|
688
|
-
],
|
|
429
|
+
"name": "FlowAlert",
|
|
689
430
|
"cssParts": [
|
|
690
431
|
{
|
|
691
432
|
"description": "The component's base wrapper.",
|
|
692
433
|
"name": "base"
|
|
693
434
|
},
|
|
694
435
|
{
|
|
695
|
-
"description": "The container that wraps the
|
|
436
|
+
"description": "The container that wraps the optional icon.",
|
|
696
437
|
"name": "icon"
|
|
697
438
|
},
|
|
698
439
|
{
|
|
699
|
-
"description": "The container that wraps the
|
|
700
|
-
"name": "
|
|
440
|
+
"description": "The container that wraps the alert's main content.",
|
|
441
|
+
"name": "message"
|
|
701
442
|
},
|
|
702
443
|
{
|
|
703
|
-
"description": "The
|
|
704
|
-
"name": "
|
|
444
|
+
"description": "The close button, an `<flow-ui-icon-button>`.",
|
|
445
|
+
"name": "close-button"
|
|
446
|
+
},
|
|
447
|
+
{
|
|
448
|
+
"description": "The close button's exported `base` part.",
|
|
449
|
+
"name": "close-button__base"
|
|
705
450
|
}
|
|
706
451
|
],
|
|
707
452
|
"slots": [
|
|
708
453
|
{
|
|
709
|
-
"description": "The
|
|
454
|
+
"description": "The alert's main content.",
|
|
455
|
+
"name": ""
|
|
456
|
+
},
|
|
457
|
+
{
|
|
458
|
+
"description": "An icon to show in the alert. Works best with `<flow-ui-icon>`.",
|
|
710
459
|
"name": "icon"
|
|
711
460
|
}
|
|
712
461
|
],
|
|
713
462
|
"members": [
|
|
714
463
|
{
|
|
715
464
|
"kind": "field",
|
|
716
|
-
"name": "
|
|
465
|
+
"name": "autoHideTimeout",
|
|
717
466
|
"type": {
|
|
718
|
-
"text": "
|
|
467
|
+
"text": "number"
|
|
719
468
|
},
|
|
469
|
+
"privacy": "private"
|
|
470
|
+
},
|
|
471
|
+
{
|
|
472
|
+
"kind": "field",
|
|
473
|
+
"name": "hasSlotController",
|
|
720
474
|
"privacy": "private",
|
|
721
|
-
"
|
|
475
|
+
"readonly": true,
|
|
476
|
+
"default": "new HasSlotController(this, 'icon', 'suffix')"
|
|
722
477
|
},
|
|
723
478
|
{
|
|
724
479
|
"kind": "field",
|
|
725
|
-
"name": "
|
|
726
|
-
"
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
"default": "''",
|
|
730
|
-
"description": "The image source to use for the avatar.",
|
|
731
|
-
"attribute": "image"
|
|
480
|
+
"name": "localize",
|
|
481
|
+
"privacy": "private",
|
|
482
|
+
"readonly": true,
|
|
483
|
+
"default": "new LocalizeController(this)"
|
|
732
484
|
},
|
|
733
485
|
{
|
|
734
486
|
"kind": "field",
|
|
735
|
-
"name": "
|
|
487
|
+
"name": "base",
|
|
736
488
|
"type": {
|
|
737
|
-
"text": "
|
|
738
|
-
}
|
|
739
|
-
"default": "''",
|
|
740
|
-
"description": "A label to use to describe the avatar to assistive devices.",
|
|
741
|
-
"attribute": "label"
|
|
489
|
+
"text": "HTMLElement"
|
|
490
|
+
}
|
|
742
491
|
},
|
|
743
492
|
{
|
|
744
493
|
"kind": "field",
|
|
745
|
-
"name": "
|
|
494
|
+
"name": "open",
|
|
746
495
|
"type": {
|
|
747
|
-
"text": "
|
|
496
|
+
"text": "boolean"
|
|
748
497
|
},
|
|
749
|
-
"default": "
|
|
750
|
-
"description": "
|
|
751
|
-
"attribute": "
|
|
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
|
|
752
502
|
},
|
|
753
503
|
{
|
|
754
504
|
"kind": "field",
|
|
755
|
-
"name": "
|
|
505
|
+
"name": "closable",
|
|
756
506
|
"type": {
|
|
757
|
-
"text": "
|
|
507
|
+
"text": "boolean"
|
|
758
508
|
},
|
|
759
|
-
"default": "
|
|
760
|
-
"description": "
|
|
761
|
-
"attribute": "
|
|
509
|
+
"default": "false",
|
|
510
|
+
"description": "Enables a close button that allows the user to dismiss the alert.",
|
|
511
|
+
"attribute": "closable",
|
|
512
|
+
"reflects": true
|
|
762
513
|
},
|
|
763
514
|
{
|
|
764
515
|
"kind": "field",
|
|
765
|
-
"name": "
|
|
516
|
+
"name": "variant",
|
|
766
517
|
"type": {
|
|
767
|
-
"text": "'
|
|
518
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
768
519
|
},
|
|
769
|
-
"default": "'
|
|
770
|
-
"description": "The
|
|
771
|
-
"attribute": "
|
|
520
|
+
"default": "'primary'",
|
|
521
|
+
"description": "The alert's theme variant.",
|
|
522
|
+
"attribute": "variant",
|
|
772
523
|
"reflects": true
|
|
773
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
|
+
},
|
|
774
532
|
{
|
|
775
533
|
"kind": "method",
|
|
776
|
-
"name": "
|
|
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."
|
|
777
569
|
}
|
|
778
570
|
],
|
|
779
|
-
"
|
|
571
|
+
"events": [
|
|
780
572
|
{
|
|
781
|
-
"
|
|
782
|
-
"
|
|
783
|
-
|
|
784
|
-
},
|
|
785
|
-
"default": "''",
|
|
786
|
-
"description": "The image source to use for the avatar.",
|
|
787
|
-
"fieldName": "image"
|
|
573
|
+
"description": "Emitted when the alert opens.",
|
|
574
|
+
"name": "flow-ui-show",
|
|
575
|
+
"reactName": "onFlowUiShow"
|
|
788
576
|
},
|
|
789
577
|
{
|
|
790
|
-
"
|
|
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"
|
|
591
|
+
}
|
|
592
|
+
],
|
|
593
|
+
"attributes": [
|
|
594
|
+
{
|
|
595
|
+
"name": "open",
|
|
791
596
|
"type": {
|
|
792
|
-
"text": "
|
|
597
|
+
"text": "boolean"
|
|
793
598
|
},
|
|
794
|
-
"default": "
|
|
795
|
-
"description": "
|
|
796
|
-
"fieldName": "
|
|
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"
|
|
797
602
|
},
|
|
798
603
|
{
|
|
799
|
-
"name": "
|
|
604
|
+
"name": "closable",
|
|
800
605
|
"type": {
|
|
801
|
-
"text": "
|
|
606
|
+
"text": "boolean"
|
|
802
607
|
},
|
|
803
|
-
"default": "
|
|
804
|
-
"description": "
|
|
805
|
-
"fieldName": "
|
|
608
|
+
"default": "false",
|
|
609
|
+
"description": "Enables a close button that allows the user to dismiss the alert.",
|
|
610
|
+
"fieldName": "closable"
|
|
806
611
|
},
|
|
807
612
|
{
|
|
808
|
-
"name": "
|
|
613
|
+
"name": "variant",
|
|
809
614
|
"type": {
|
|
810
|
-
"text": "'
|
|
615
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
811
616
|
},
|
|
812
|
-
"default": "'
|
|
813
|
-
"description": "
|
|
814
|
-
"fieldName": "
|
|
617
|
+
"default": "'primary'",
|
|
618
|
+
"description": "The alert's theme variant.",
|
|
619
|
+
"fieldName": "variant"
|
|
815
620
|
},
|
|
816
621
|
{
|
|
817
|
-
"name": "
|
|
818
|
-
"
|
|
819
|
-
|
|
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"
|
|
820
627
|
},
|
|
821
|
-
"
|
|
822
|
-
"description": "The shape of the avatar.",
|
|
823
|
-
"fieldName": "shape"
|
|
628
|
+
"fieldName": "duration"
|
|
824
629
|
}
|
|
825
630
|
],
|
|
826
631
|
"superclass": {
|
|
827
632
|
"name": "FlowRdfElement",
|
|
828
633
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
829
634
|
},
|
|
830
|
-
"summary": "
|
|
831
|
-
"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",
|
|
832
637
|
"status": "stable",
|
|
833
638
|
"since": "2.0",
|
|
834
639
|
"dependencies": [
|
|
835
|
-
"flow-ui-icon"
|
|
640
|
+
"flow-ui-icon-button"
|
|
836
641
|
],
|
|
837
|
-
"
|
|
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",
|
|
838
653
|
"customElement": true
|
|
839
654
|
}
|
|
840
655
|
],
|
|
@@ -843,28 +658,28 @@
|
|
|
843
658
|
"kind": "js",
|
|
844
659
|
"name": "default",
|
|
845
660
|
"declaration": {
|
|
846
|
-
"name": "
|
|
847
|
-
"module": "components/
|
|
661
|
+
"name": "FlowAlert",
|
|
662
|
+
"module": "components/alert/alert.js"
|
|
848
663
|
}
|
|
849
664
|
},
|
|
850
665
|
{
|
|
851
666
|
"kind": "custom-element-definition",
|
|
852
|
-
"name": "flow-ui-
|
|
667
|
+
"name": "flow-ui-alert",
|
|
853
668
|
"declaration": {
|
|
854
|
-
"name": "
|
|
855
|
-
"module": "components/
|
|
669
|
+
"name": "FlowAlert",
|
|
670
|
+
"module": "components/alert/alert.js"
|
|
856
671
|
}
|
|
857
672
|
}
|
|
858
673
|
]
|
|
859
674
|
},
|
|
860
675
|
{
|
|
861
676
|
"kind": "javascript-module",
|
|
862
|
-
"path": "components/
|
|
677
|
+
"path": "components/breadcrumb/breadcrumb.js",
|
|
863
678
|
"declarations": [
|
|
864
679
|
{
|
|
865
680
|
"kind": "class",
|
|
866
681
|
"description": "",
|
|
867
|
-
"name": "
|
|
682
|
+
"name": "FlowBreadcrumb",
|
|
868
683
|
"cssParts": [
|
|
869
684
|
{
|
|
870
685
|
"description": "The component's base wrapper.",
|
|
@@ -873,136 +688,21 @@
|
|
|
873
688
|
],
|
|
874
689
|
"slots": [
|
|
875
690
|
{
|
|
876
|
-
"description": "
|
|
691
|
+
"description": "One or more breadcrumb items to display.",
|
|
877
692
|
"name": ""
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
|
|
696
|
+
"name": "separator"
|
|
878
697
|
}
|
|
879
698
|
],
|
|
880
699
|
"members": [
|
|
881
700
|
{
|
|
882
701
|
"kind": "field",
|
|
883
|
-
"name": "
|
|
884
|
-
"
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
"default": "'primary'",
|
|
888
|
-
"description": "The badge's theme variant.",
|
|
889
|
-
"attribute": "variant",
|
|
890
|
-
"reflects": true
|
|
891
|
-
},
|
|
892
|
-
{
|
|
893
|
-
"kind": "field",
|
|
894
|
-
"name": "pill",
|
|
895
|
-
"type": {
|
|
896
|
-
"text": "boolean"
|
|
897
|
-
},
|
|
898
|
-
"default": "false",
|
|
899
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
900
|
-
"attribute": "pill",
|
|
901
|
-
"reflects": true
|
|
902
|
-
},
|
|
903
|
-
{
|
|
904
|
-
"kind": "field",
|
|
905
|
-
"name": "pulse",
|
|
906
|
-
"type": {
|
|
907
|
-
"text": "boolean"
|
|
908
|
-
},
|
|
909
|
-
"default": "false",
|
|
910
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
911
|
-
"attribute": "pulse",
|
|
912
|
-
"reflects": true
|
|
913
|
-
}
|
|
914
|
-
],
|
|
915
|
-
"attributes": [
|
|
916
|
-
{
|
|
917
|
-
"name": "variant",
|
|
918
|
-
"type": {
|
|
919
|
-
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
920
|
-
},
|
|
921
|
-
"default": "'primary'",
|
|
922
|
-
"description": "The badge's theme variant.",
|
|
923
|
-
"fieldName": "variant"
|
|
924
|
-
},
|
|
925
|
-
{
|
|
926
|
-
"name": "pill",
|
|
927
|
-
"type": {
|
|
928
|
-
"text": "boolean"
|
|
929
|
-
},
|
|
930
|
-
"default": "false",
|
|
931
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
932
|
-
"fieldName": "pill"
|
|
933
|
-
},
|
|
934
|
-
{
|
|
935
|
-
"name": "pulse",
|
|
936
|
-
"type": {
|
|
937
|
-
"text": "boolean"
|
|
938
|
-
},
|
|
939
|
-
"default": "false",
|
|
940
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
941
|
-
"fieldName": "pulse"
|
|
942
|
-
}
|
|
943
|
-
],
|
|
944
|
-
"superclass": {
|
|
945
|
-
"name": "FlowRdfElement",
|
|
946
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
947
|
-
},
|
|
948
|
-
"summary": "Badges are used to draw attention and display statuses or counts.",
|
|
949
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
|
|
950
|
-
"status": "stable",
|
|
951
|
-
"since": "2.0",
|
|
952
|
-
"tagName": "flow-ui-badge",
|
|
953
|
-
"customElement": true
|
|
954
|
-
}
|
|
955
|
-
],
|
|
956
|
-
"exports": [
|
|
957
|
-
{
|
|
958
|
-
"kind": "js",
|
|
959
|
-
"name": "default",
|
|
960
|
-
"declaration": {
|
|
961
|
-
"name": "FlowBadge",
|
|
962
|
-
"module": "components/badge/badge.js"
|
|
963
|
-
}
|
|
964
|
-
},
|
|
965
|
-
{
|
|
966
|
-
"kind": "custom-element-definition",
|
|
967
|
-
"name": "flow-ui-badge",
|
|
968
|
-
"declaration": {
|
|
969
|
-
"name": "FlowBadge",
|
|
970
|
-
"module": "components/badge/badge.js"
|
|
971
|
-
}
|
|
972
|
-
}
|
|
973
|
-
]
|
|
974
|
-
},
|
|
975
|
-
{
|
|
976
|
-
"kind": "javascript-module",
|
|
977
|
-
"path": "components/breadcrumb/breadcrumb.js",
|
|
978
|
-
"declarations": [
|
|
979
|
-
{
|
|
980
|
-
"kind": "class",
|
|
981
|
-
"description": "",
|
|
982
|
-
"name": "FlowBreadcrumb",
|
|
983
|
-
"cssParts": [
|
|
984
|
-
{
|
|
985
|
-
"description": "The component's base wrapper.",
|
|
986
|
-
"name": "base"
|
|
987
|
-
}
|
|
988
|
-
],
|
|
989
|
-
"slots": [
|
|
990
|
-
{
|
|
991
|
-
"description": "One or more breadcrumb items to display.",
|
|
992
|
-
"name": ""
|
|
993
|
-
},
|
|
994
|
-
{
|
|
995
|
-
"description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
|
|
996
|
-
"name": "separator"
|
|
997
|
-
}
|
|
998
|
-
],
|
|
999
|
-
"members": [
|
|
1000
|
-
{
|
|
1001
|
-
"kind": "field",
|
|
1002
|
-
"name": "localize",
|
|
1003
|
-
"privacy": "private",
|
|
1004
|
-
"readonly": true,
|
|
1005
|
-
"default": "new LocalizeController(this)"
|
|
702
|
+
"name": "localize",
|
|
703
|
+
"privacy": "private",
|
|
704
|
+
"readonly": true,
|
|
705
|
+
"default": "new LocalizeController(this)"
|
|
1006
706
|
},
|
|
1007
707
|
{
|
|
1008
708
|
"kind": "field",
|
|
@@ -1234,39 +934,61 @@
|
|
|
1234
934
|
},
|
|
1235
935
|
{
|
|
1236
936
|
"kind": "javascript-module",
|
|
1237
|
-
"path": "components/
|
|
937
|
+
"path": "components/avatar/avatar.js",
|
|
1238
938
|
"declarations": [
|
|
1239
939
|
{
|
|
1240
940
|
"kind": "class",
|
|
1241
941
|
"description": "",
|
|
1242
|
-
"name": "
|
|
942
|
+
"name": "FlowAvatar",
|
|
943
|
+
"cssProperties": [
|
|
944
|
+
{
|
|
945
|
+
"description": "The size of the avatar.",
|
|
946
|
+
"name": "--size"
|
|
947
|
+
}
|
|
948
|
+
],
|
|
1243
949
|
"cssParts": [
|
|
1244
950
|
{
|
|
1245
951
|
"description": "The component's base wrapper.",
|
|
1246
952
|
"name": "base"
|
|
953
|
+
},
|
|
954
|
+
{
|
|
955
|
+
"description": "The container that wraps the avatar's icon.",
|
|
956
|
+
"name": "icon"
|
|
957
|
+
},
|
|
958
|
+
{
|
|
959
|
+
"description": "The container that wraps the avatar's initials.",
|
|
960
|
+
"name": "initials"
|
|
961
|
+
},
|
|
962
|
+
{
|
|
963
|
+
"description": "The avatar image. Only shown when the `image` attribute is set.",
|
|
964
|
+
"name": "image"
|
|
1247
965
|
}
|
|
1248
966
|
],
|
|
1249
967
|
"slots": [
|
|
1250
968
|
{
|
|
1251
|
-
"description": "
|
|
1252
|
-
"name": ""
|
|
969
|
+
"description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
|
|
970
|
+
"name": "icon"
|
|
1253
971
|
}
|
|
1254
972
|
],
|
|
1255
973
|
"members": [
|
|
1256
974
|
{
|
|
1257
975
|
"kind": "field",
|
|
1258
|
-
"name": "
|
|
976
|
+
"name": "hasError",
|
|
1259
977
|
"type": {
|
|
1260
|
-
"text": "
|
|
1261
|
-
}
|
|
978
|
+
"text": "boolean"
|
|
979
|
+
},
|
|
980
|
+
"privacy": "private",
|
|
981
|
+
"default": "false"
|
|
1262
982
|
},
|
|
1263
983
|
{
|
|
1264
984
|
"kind": "field",
|
|
1265
|
-
"name": "
|
|
985
|
+
"name": "image",
|
|
1266
986
|
"type": {
|
|
1267
|
-
"text": "
|
|
987
|
+
"text": "string"
|
|
1268
988
|
},
|
|
1269
|
-
"default": "
|
|
989
|
+
"default": "''",
|
|
990
|
+
"description": "The image source to use for the avatar.",
|
|
991
|
+
"attribute": "image"
|
|
1270
992
|
},
|
|
1271
993
|
{
|
|
1272
994
|
"kind": "field",
|
|
@@ -1275,109 +997,104 @@
|
|
|
1275
997
|
"text": "string"
|
|
1276
998
|
},
|
|
1277
999
|
"default": "''",
|
|
1000
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1278
1001
|
"attribute": "label"
|
|
1279
1002
|
},
|
|
1280
1003
|
{
|
|
1281
1004
|
"kind": "field",
|
|
1282
|
-
"name": "
|
|
1005
|
+
"name": "initials",
|
|
1283
1006
|
"type": {
|
|
1284
|
-
"text": "
|
|
1007
|
+
"text": "string"
|
|
1285
1008
|
},
|
|
1286
|
-
"default": "
|
|
1287
|
-
"description": "
|
|
1288
|
-
"attribute": "
|
|
1289
|
-
"reflects": true
|
|
1290
|
-
},
|
|
1291
|
-
{
|
|
1292
|
-
"kind": "method",
|
|
1293
|
-
"name": "handleVerticalChange"
|
|
1294
|
-
},
|
|
1295
|
-
{
|
|
1296
|
-
"kind": "method",
|
|
1297
|
-
"name": "handleFocus",
|
|
1298
|
-
"privacy": "private",
|
|
1299
|
-
"parameters": [
|
|
1300
|
-
{
|
|
1301
|
-
"name": "event",
|
|
1302
|
-
"type": {
|
|
1303
|
-
"text": "Event"
|
|
1304
|
-
}
|
|
1305
|
-
}
|
|
1306
|
-
]
|
|
1307
|
-
},
|
|
1308
|
-
{
|
|
1309
|
-
"kind": "method",
|
|
1310
|
-
"name": "handleBlur",
|
|
1311
|
-
"privacy": "private",
|
|
1312
|
-
"parameters": [
|
|
1313
|
-
{
|
|
1314
|
-
"name": "event",
|
|
1315
|
-
"type": {
|
|
1316
|
-
"text": "Event"
|
|
1317
|
-
}
|
|
1318
|
-
}
|
|
1319
|
-
]
|
|
1009
|
+
"default": "''",
|
|
1010
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
1011
|
+
"attribute": "initials"
|
|
1320
1012
|
},
|
|
1321
1013
|
{
|
|
1322
|
-
"kind": "
|
|
1323
|
-
"name": "
|
|
1324
|
-
"
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
}
|
|
1331
|
-
}
|
|
1332
|
-
]
|
|
1014
|
+
"kind": "field",
|
|
1015
|
+
"name": "loading",
|
|
1016
|
+
"type": {
|
|
1017
|
+
"text": "'eager' | 'lazy'"
|
|
1018
|
+
},
|
|
1019
|
+
"default": "'eager'",
|
|
1020
|
+
"description": "Indicates how the browser should load the image.",
|
|
1021
|
+
"attribute": "loading"
|
|
1333
1022
|
},
|
|
1334
1023
|
{
|
|
1335
|
-
"kind": "
|
|
1336
|
-
"name": "
|
|
1337
|
-
"
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
}
|
|
1345
|
-
]
|
|
1024
|
+
"kind": "field",
|
|
1025
|
+
"name": "shape",
|
|
1026
|
+
"type": {
|
|
1027
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
1028
|
+
},
|
|
1029
|
+
"default": "'circle'",
|
|
1030
|
+
"description": "The shape of the avatar.",
|
|
1031
|
+
"attribute": "shape",
|
|
1032
|
+
"reflects": true
|
|
1346
1033
|
},
|
|
1347
1034
|
{
|
|
1348
1035
|
"kind": "method",
|
|
1349
|
-
"name": "
|
|
1350
|
-
"privacy": "private"
|
|
1036
|
+
"name": "handleImageChange"
|
|
1351
1037
|
}
|
|
1352
1038
|
],
|
|
1353
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
|
+
},
|
|
1354
1049
|
{
|
|
1355
1050
|
"name": "label",
|
|
1356
1051
|
"type": {
|
|
1357
1052
|
"text": "string"
|
|
1358
1053
|
},
|
|
1359
1054
|
"default": "''",
|
|
1055
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1360
1056
|
"fieldName": "label"
|
|
1361
1057
|
},
|
|
1362
1058
|
{
|
|
1363
|
-
"name": "
|
|
1059
|
+
"name": "initials",
|
|
1364
1060
|
"type": {
|
|
1365
|
-
"text": "
|
|
1061
|
+
"text": "string"
|
|
1366
1062
|
},
|
|
1367
|
-
"default": "
|
|
1368
|
-
"description": "
|
|
1369
|
-
"fieldName": "
|
|
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"
|
|
1370
1084
|
}
|
|
1371
1085
|
],
|
|
1372
1086
|
"superclass": {
|
|
1373
1087
|
"name": "FlowRdfElement",
|
|
1374
1088
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
1375
1089
|
},
|
|
1376
|
-
"summary": "
|
|
1377
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
1090
|
+
"summary": "Avatars are used to represent a person or object.",
|
|
1091
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
|
|
1378
1092
|
"status": "stable",
|
|
1379
1093
|
"since": "2.0",
|
|
1380
|
-
"
|
|
1094
|
+
"dependencies": [
|
|
1095
|
+
"flow-ui-icon"
|
|
1096
|
+
],
|
|
1097
|
+
"tagName": "flow-ui-avatar",
|
|
1381
1098
|
"customElement": true
|
|
1382
1099
|
}
|
|
1383
1100
|
],
|
|
@@ -1386,16 +1103,16 @@
|
|
|
1386
1103
|
"kind": "js",
|
|
1387
1104
|
"name": "default",
|
|
1388
1105
|
"declaration": {
|
|
1389
|
-
"name": "
|
|
1390
|
-
"module": "components/
|
|
1106
|
+
"name": "FlowAvatar",
|
|
1107
|
+
"module": "components/avatar/avatar.js"
|
|
1391
1108
|
}
|
|
1392
1109
|
},
|
|
1393
1110
|
{
|
|
1394
1111
|
"kind": "custom-element-definition",
|
|
1395
|
-
"name": "flow-ui-
|
|
1112
|
+
"name": "flow-ui-avatar",
|
|
1396
1113
|
"declaration": {
|
|
1397
|
-
"name": "
|
|
1398
|
-
"module": "components/
|
|
1114
|
+
"name": "FlowAvatar",
|
|
1115
|
+
"module": "components/avatar/avatar.js"
|
|
1399
1116
|
}
|
|
1400
1117
|
}
|
|
1401
1118
|
]
|
|
@@ -2079,88 +1796,150 @@
|
|
|
2079
1796
|
},
|
|
2080
1797
|
{
|
|
2081
1798
|
"kind": "javascript-module",
|
|
2082
|
-
"path": "components/
|
|
1799
|
+
"path": "components/button-group/button-group.js",
|
|
2083
1800
|
"declarations": [
|
|
2084
1801
|
{
|
|
2085
1802
|
"kind": "class",
|
|
2086
1803
|
"description": "",
|
|
2087
|
-
"name": "
|
|
2088
|
-
"
|
|
2089
|
-
{
|
|
2090
|
-
"description": "The card's border color, including borders that occur inside the card.",
|
|
2091
|
-
"name": "--border-color"
|
|
2092
|
-
},
|
|
2093
|
-
{
|
|
2094
|
-
"description": "The border radius for the card's edges.",
|
|
2095
|
-
"name": "--border-radius"
|
|
2096
|
-
},
|
|
1804
|
+
"name": "FlowButtonGroup",
|
|
1805
|
+
"cssParts": [
|
|
2097
1806
|
{
|
|
2098
|
-
"description": "The
|
|
2099
|
-
"name": "
|
|
2100
|
-
}
|
|
1807
|
+
"description": "The component's base wrapper.",
|
|
1808
|
+
"name": "base"
|
|
1809
|
+
}
|
|
1810
|
+
],
|
|
1811
|
+
"slots": [
|
|
2101
1812
|
{
|
|
2102
|
-
"description": "
|
|
2103
|
-
"name": "
|
|
1813
|
+
"description": "One or more `<flow-ui-button>` elements to display in the button group.",
|
|
1814
|
+
"name": ""
|
|
2104
1815
|
}
|
|
2105
1816
|
],
|
|
2106
|
-
"
|
|
1817
|
+
"members": [
|
|
2107
1818
|
{
|
|
2108
|
-
"
|
|
2109
|
-
"name": "
|
|
1819
|
+
"kind": "field",
|
|
1820
|
+
"name": "defaultSlot",
|
|
1821
|
+
"type": {
|
|
1822
|
+
"text": "HTMLSlotElement"
|
|
1823
|
+
}
|
|
2110
1824
|
},
|
|
2111
1825
|
{
|
|
2112
|
-
"
|
|
2113
|
-
"name": "
|
|
1826
|
+
"kind": "field",
|
|
1827
|
+
"name": "disableRole",
|
|
1828
|
+
"type": {
|
|
1829
|
+
"text": "boolean"
|
|
1830
|
+
},
|
|
1831
|
+
"default": "false"
|
|
2114
1832
|
},
|
|
2115
1833
|
{
|
|
2116
|
-
"
|
|
2117
|
-
"name": "
|
|
1834
|
+
"kind": "field",
|
|
1835
|
+
"name": "label",
|
|
1836
|
+
"type": {
|
|
1837
|
+
"text": "string"
|
|
1838
|
+
},
|
|
1839
|
+
"default": "''",
|
|
1840
|
+
"attribute": "label"
|
|
2118
1841
|
},
|
|
2119
1842
|
{
|
|
2120
|
-
"
|
|
2121
|
-
"name": "
|
|
1843
|
+
"kind": "field",
|
|
1844
|
+
"name": "vertical",
|
|
1845
|
+
"type": {
|
|
1846
|
+
"text": "boolean"
|
|
1847
|
+
},
|
|
1848
|
+
"default": "false",
|
|
1849
|
+
"description": "Use vertical layout for the button group.",
|
|
1850
|
+
"attribute": "vertical",
|
|
1851
|
+
"reflects": true
|
|
2122
1852
|
},
|
|
2123
1853
|
{
|
|
2124
|
-
"
|
|
2125
|
-
"name": "
|
|
2126
|
-
}
|
|
2127
|
-
],
|
|
2128
|
-
"slots": [
|
|
1854
|
+
"kind": "method",
|
|
1855
|
+
"name": "handleVerticalChange"
|
|
1856
|
+
},
|
|
2129
1857
|
{
|
|
2130
|
-
"
|
|
2131
|
-
"name": ""
|
|
1858
|
+
"kind": "method",
|
|
1859
|
+
"name": "handleFocus",
|
|
1860
|
+
"privacy": "private",
|
|
1861
|
+
"parameters": [
|
|
1862
|
+
{
|
|
1863
|
+
"name": "event",
|
|
1864
|
+
"type": {
|
|
1865
|
+
"text": "Event"
|
|
1866
|
+
}
|
|
1867
|
+
}
|
|
1868
|
+
]
|
|
2132
1869
|
},
|
|
2133
1870
|
{
|
|
2134
|
-
"
|
|
2135
|
-
"name": "
|
|
1871
|
+
"kind": "method",
|
|
1872
|
+
"name": "handleBlur",
|
|
1873
|
+
"privacy": "private",
|
|
1874
|
+
"parameters": [
|
|
1875
|
+
{
|
|
1876
|
+
"name": "event",
|
|
1877
|
+
"type": {
|
|
1878
|
+
"text": "Event"
|
|
1879
|
+
}
|
|
1880
|
+
}
|
|
1881
|
+
]
|
|
2136
1882
|
},
|
|
2137
1883
|
{
|
|
2138
|
-
"
|
|
2139
|
-
"name": "
|
|
1884
|
+
"kind": "method",
|
|
1885
|
+
"name": "handleMouseOver",
|
|
1886
|
+
"privacy": "private",
|
|
1887
|
+
"parameters": [
|
|
1888
|
+
{
|
|
1889
|
+
"name": "event",
|
|
1890
|
+
"type": {
|
|
1891
|
+
"text": "Event"
|
|
1892
|
+
}
|
|
1893
|
+
}
|
|
1894
|
+
]
|
|
2140
1895
|
},
|
|
2141
1896
|
{
|
|
2142
|
-
"
|
|
2143
|
-
"name": "
|
|
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"
|
|
2144
1913
|
}
|
|
2145
1914
|
],
|
|
2146
|
-
"
|
|
1915
|
+
"attributes": [
|
|
2147
1916
|
{
|
|
2148
|
-
"
|
|
2149
|
-
"
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
"default": "
|
|
1917
|
+
"name": "label",
|
|
1918
|
+
"type": {
|
|
1919
|
+
"text": "string"
|
|
1920
|
+
},
|
|
1921
|
+
"default": "''",
|
|
1922
|
+
"fieldName": "label"
|
|
1923
|
+
},
|
|
1924
|
+
{
|
|
1925
|
+
"name": "vertical",
|
|
1926
|
+
"type": {
|
|
1927
|
+
"text": "boolean"
|
|
1928
|
+
},
|
|
1929
|
+
"default": "false",
|
|
1930
|
+
"description": "Use vertical layout for the button group.",
|
|
1931
|
+
"fieldName": "vertical"
|
|
2153
1932
|
}
|
|
2154
1933
|
],
|
|
2155
1934
|
"superclass": {
|
|
2156
1935
|
"name": "FlowRdfElement",
|
|
2157
1936
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
2158
1937
|
},
|
|
2159
|
-
"summary": "
|
|
2160
|
-
"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",
|
|
2161
1940
|
"status": "stable",
|
|
2162
1941
|
"since": "2.0",
|
|
2163
|
-
"tagName": "flow-ui-
|
|
1942
|
+
"tagName": "flow-ui-button-group",
|
|
2164
1943
|
"customElement": true
|
|
2165
1944
|
}
|
|
2166
1945
|
],
|
|
@@ -2169,234 +1948,591 @@
|
|
|
2169
1948
|
"kind": "js",
|
|
2170
1949
|
"name": "default",
|
|
2171
1950
|
"declaration": {
|
|
2172
|
-
"name": "
|
|
2173
|
-
"module": "components/
|
|
1951
|
+
"name": "FlowButtonGroup",
|
|
1952
|
+
"module": "components/button-group/button-group.js"
|
|
2174
1953
|
}
|
|
2175
1954
|
},
|
|
2176
1955
|
{
|
|
2177
1956
|
"kind": "custom-element-definition",
|
|
2178
|
-
"name": "flow-ui-
|
|
1957
|
+
"name": "flow-ui-button-group",
|
|
2179
1958
|
"declaration": {
|
|
2180
|
-
"name": "
|
|
2181
|
-
"module": "components/
|
|
1959
|
+
"name": "FlowButtonGroup",
|
|
1960
|
+
"module": "components/button-group/button-group.js"
|
|
2182
1961
|
}
|
|
2183
1962
|
}
|
|
2184
1963
|
]
|
|
2185
1964
|
},
|
|
2186
1965
|
{
|
|
2187
1966
|
"kind": "javascript-module",
|
|
2188
|
-
"path": "components/
|
|
1967
|
+
"path": "components/badge/badge.js",
|
|
2189
1968
|
"declarations": [
|
|
2190
1969
|
{
|
|
2191
1970
|
"kind": "class",
|
|
2192
|
-
"description": "
|
|
2193
|
-
"name": "
|
|
1971
|
+
"description": "",
|
|
1972
|
+
"name": "FlowBadge",
|
|
1973
|
+
"cssParts": [
|
|
1974
|
+
{
|
|
1975
|
+
"description": "The component's base wrapper.",
|
|
1976
|
+
"name": "base"
|
|
1977
|
+
}
|
|
1978
|
+
],
|
|
1979
|
+
"slots": [
|
|
1980
|
+
{
|
|
1981
|
+
"description": "The badge's content.",
|
|
1982
|
+
"name": ""
|
|
1983
|
+
}
|
|
1984
|
+
],
|
|
2194
1985
|
"members": [
|
|
2195
1986
|
{
|
|
2196
1987
|
"kind": "field",
|
|
2197
|
-
"name": "
|
|
1988
|
+
"name": "variant",
|
|
2198
1989
|
"type": {
|
|
2199
|
-
"text": "
|
|
1990
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
2200
1991
|
},
|
|
2201
|
-
"
|
|
2202
|
-
"
|
|
1992
|
+
"default": "'primary'",
|
|
1993
|
+
"description": "The badge's theme variant.",
|
|
1994
|
+
"attribute": "variant",
|
|
1995
|
+
"reflects": true
|
|
2203
1996
|
},
|
|
2204
1997
|
{
|
|
2205
1998
|
"kind": "field",
|
|
2206
|
-
"name": "
|
|
1999
|
+
"name": "pill",
|
|
2207
2000
|
"type": {
|
|
2208
|
-
"text": "
|
|
2001
|
+
"text": "boolean"
|
|
2209
2002
|
},
|
|
2210
|
-
"
|
|
2211
|
-
"
|
|
2003
|
+
"default": "false",
|
|
2004
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
2005
|
+
"attribute": "pill",
|
|
2006
|
+
"reflects": true
|
|
2212
2007
|
},
|
|
2213
2008
|
{
|
|
2214
2009
|
"kind": "field",
|
|
2215
|
-
"name": "
|
|
2010
|
+
"name": "pulse",
|
|
2216
2011
|
"type": {
|
|
2217
|
-
"text": "
|
|
2012
|
+
"text": "boolean"
|
|
2218
2013
|
},
|
|
2219
|
-
"
|
|
2220
|
-
"
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2014
|
+
"default": "false",
|
|
2015
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
2016
|
+
"attribute": "pulse",
|
|
2017
|
+
"reflects": true
|
|
2018
|
+
}
|
|
2019
|
+
],
|
|
2020
|
+
"attributes": [
|
|
2021
|
+
{
|
|
2022
|
+
"name": "variant",
|
|
2023
|
+
"type": {
|
|
2024
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
2227
2025
|
},
|
|
2228
|
-
"
|
|
2229
|
-
"
|
|
2026
|
+
"default": "'primary'",
|
|
2027
|
+
"description": "The badge's theme variant.",
|
|
2028
|
+
"fieldName": "variant"
|
|
2230
2029
|
},
|
|
2231
2030
|
{
|
|
2232
|
-
"
|
|
2233
|
-
"name": "paused",
|
|
2031
|
+
"name": "pill",
|
|
2234
2032
|
"type": {
|
|
2235
2033
|
"text": "boolean"
|
|
2236
2034
|
},
|
|
2237
|
-
"default": "false"
|
|
2035
|
+
"default": "false",
|
|
2036
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
2037
|
+
"fieldName": "pill"
|
|
2238
2038
|
},
|
|
2239
2039
|
{
|
|
2240
|
-
"
|
|
2241
|
-
"name": "stopped",
|
|
2040
|
+
"name": "pulse",
|
|
2242
2041
|
"type": {
|
|
2243
2042
|
"text": "boolean"
|
|
2244
2043
|
},
|
|
2245
|
-
"default": "
|
|
2044
|
+
"default": "false",
|
|
2045
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
2046
|
+
"fieldName": "pulse"
|
|
2047
|
+
}
|
|
2048
|
+
],
|
|
2049
|
+
"superclass": {
|
|
2050
|
+
"name": "FlowRdfElement",
|
|
2051
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
2052
|
+
},
|
|
2053
|
+
"summary": "Badges are used to draw attention and display statuses or counts.",
|
|
2054
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
|
|
2055
|
+
"status": "stable",
|
|
2056
|
+
"since": "2.0",
|
|
2057
|
+
"tagName": "flow-ui-badge",
|
|
2058
|
+
"customElement": true
|
|
2059
|
+
}
|
|
2060
|
+
],
|
|
2061
|
+
"exports": [
|
|
2062
|
+
{
|
|
2063
|
+
"kind": "js",
|
|
2064
|
+
"name": "default",
|
|
2065
|
+
"declaration": {
|
|
2066
|
+
"name": "FlowBadge",
|
|
2067
|
+
"module": "components/badge/badge.js"
|
|
2068
|
+
}
|
|
2069
|
+
},
|
|
2070
|
+
{
|
|
2071
|
+
"kind": "custom-element-definition",
|
|
2072
|
+
"name": "flow-ui-badge",
|
|
2073
|
+
"declaration": {
|
|
2074
|
+
"name": "FlowBadge",
|
|
2075
|
+
"module": "components/badge/badge.js"
|
|
2076
|
+
}
|
|
2077
|
+
}
|
|
2078
|
+
]
|
|
2079
|
+
},
|
|
2080
|
+
{
|
|
2081
|
+
"kind": "javascript-module",
|
|
2082
|
+
"path": "components/calendar/calendar.component.js",
|
|
2083
|
+
"declarations": [
|
|
2084
|
+
{
|
|
2085
|
+
"kind": "class",
|
|
2086
|
+
"description": "",
|
|
2087
|
+
"name": "FlowCalendar",
|
|
2088
|
+
"members": [
|
|
2089
|
+
{
|
|
2090
|
+
"kind": "field",
|
|
2091
|
+
"name": "hasSlotController",
|
|
2092
|
+
"privacy": "private",
|
|
2093
|
+
"readonly": true,
|
|
2094
|
+
"default": "new HasSlotController(this, 'info')"
|
|
2095
|
+
},
|
|
2096
|
+
{
|
|
2097
|
+
"kind": "field",
|
|
2098
|
+
"name": "_displayDate",
|
|
2099
|
+
"privacy": "private"
|
|
2100
|
+
},
|
|
2101
|
+
{
|
|
2102
|
+
"kind": "field",
|
|
2103
|
+
"name": "_selectedDate",
|
|
2104
|
+
"privacy": "private"
|
|
2105
|
+
},
|
|
2106
|
+
{
|
|
2107
|
+
"kind": "field",
|
|
2108
|
+
"name": "value",
|
|
2109
|
+
"type": {
|
|
2110
|
+
"text": "string"
|
|
2111
|
+
},
|
|
2112
|
+
"attribute": "value",
|
|
2113
|
+
"reflects": true
|
|
2246
2114
|
},
|
|
2247
2115
|
{
|
|
2248
2116
|
"kind": "method",
|
|
2249
|
-
"name": "
|
|
2250
|
-
"return": {
|
|
2251
|
-
"type": {
|
|
2252
|
-
"text": "void"
|
|
2253
|
-
}
|
|
2254
|
-
}
|
|
2117
|
+
"name": "handleValueChange"
|
|
2255
2118
|
},
|
|
2256
2119
|
{
|
|
2257
2120
|
"kind": "method",
|
|
2258
|
-
"name": "
|
|
2259
|
-
"
|
|
2260
|
-
|
|
2261
|
-
|
|
2121
|
+
"name": "dateClicked",
|
|
2122
|
+
"privacy": "private",
|
|
2123
|
+
"parameters": [
|
|
2124
|
+
{
|
|
2125
|
+
"name": "date",
|
|
2126
|
+
"type": {
|
|
2127
|
+
"text": "string"
|
|
2128
|
+
}
|
|
2262
2129
|
}
|
|
2263
|
-
|
|
2130
|
+
]
|
|
2264
2131
|
},
|
|
2265
2132
|
{
|
|
2266
2133
|
"kind": "method",
|
|
2267
|
-
"name": "
|
|
2134
|
+
"name": "changeDisplayDate",
|
|
2135
|
+
"privacy": "private",
|
|
2268
2136
|
"parameters": [
|
|
2269
2137
|
{
|
|
2270
|
-
"name": "
|
|
2138
|
+
"name": "value",
|
|
2271
2139
|
"type": {
|
|
2272
2140
|
"text": "number"
|
|
2273
2141
|
}
|
|
2142
|
+
},
|
|
2143
|
+
{
|
|
2144
|
+
"name": "unit",
|
|
2145
|
+
"type": {
|
|
2146
|
+
"text": "dayjs.OpUnitType"
|
|
2147
|
+
}
|
|
2274
2148
|
}
|
|
2275
2149
|
]
|
|
2276
2150
|
},
|
|
2277
2151
|
{
|
|
2278
2152
|
"kind": "method",
|
|
2279
|
-
"name": "
|
|
2153
|
+
"name": "calendarHeaderTemplate",
|
|
2154
|
+
"privacy": "private"
|
|
2280
2155
|
},
|
|
2281
2156
|
{
|
|
2282
|
-
"kind": "
|
|
2283
|
-
"name": "
|
|
2157
|
+
"kind": "method",
|
|
2158
|
+
"name": "dayOfWeekGridTemplate",
|
|
2159
|
+
"privacy": "private"
|
|
2284
2160
|
},
|
|
2285
2161
|
{
|
|
2286
|
-
"kind": "
|
|
2287
|
-
"name": "
|
|
2162
|
+
"kind": "method",
|
|
2163
|
+
"name": "dayGridTemplate",
|
|
2164
|
+
"privacy": "private"
|
|
2288
2165
|
}
|
|
2289
|
-
]
|
|
2166
|
+
],
|
|
2167
|
+
"attributes": [
|
|
2168
|
+
{
|
|
2169
|
+
"name": "value",
|
|
2170
|
+
"type": {
|
|
2171
|
+
"text": "string"
|
|
2172
|
+
},
|
|
2173
|
+
"fieldName": "value"
|
|
2174
|
+
}
|
|
2175
|
+
],
|
|
2176
|
+
"superclass": {
|
|
2177
|
+
"name": "FlowRdfElement",
|
|
2178
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
2179
|
+
}
|
|
2290
2180
|
}
|
|
2291
2181
|
],
|
|
2292
2182
|
"exports": [
|
|
2293
2183
|
{
|
|
2294
2184
|
"kind": "js",
|
|
2295
|
-
"name": "
|
|
2185
|
+
"name": "default",
|
|
2296
2186
|
"declaration": {
|
|
2297
|
-
"name": "
|
|
2298
|
-
"module": "components/
|
|
2187
|
+
"name": "FlowCalendar",
|
|
2188
|
+
"module": "components/calendar/calendar.component.js"
|
|
2299
2189
|
}
|
|
2300
2190
|
}
|
|
2301
2191
|
]
|
|
2302
2192
|
},
|
|
2303
2193
|
{
|
|
2304
2194
|
"kind": "javascript-module",
|
|
2305
|
-
"path": "components/
|
|
2195
|
+
"path": "components/calendar/calendar.js",
|
|
2196
|
+
"declarations": [],
|
|
2197
|
+
"exports": [
|
|
2198
|
+
{
|
|
2199
|
+
"kind": "js",
|
|
2200
|
+
"name": "*",
|
|
2201
|
+
"declaration": {
|
|
2202
|
+
"name": "*",
|
|
2203
|
+
"package": "./calendar.component.js"
|
|
2204
|
+
}
|
|
2205
|
+
},
|
|
2206
|
+
{
|
|
2207
|
+
"kind": "js",
|
|
2208
|
+
"name": "default",
|
|
2209
|
+
"declaration": {
|
|
2210
|
+
"name": "FlowCalendar",
|
|
2211
|
+
"module": "components/calendar/calendar.js"
|
|
2212
|
+
}
|
|
2213
|
+
}
|
|
2214
|
+
]
|
|
2215
|
+
},
|
|
2216
|
+
{
|
|
2217
|
+
"kind": "javascript-module",
|
|
2218
|
+
"path": "components/card/card.js",
|
|
2306
2219
|
"declarations": [
|
|
2307
2220
|
{
|
|
2308
2221
|
"kind": "class",
|
|
2309
2222
|
"description": "",
|
|
2310
|
-
"name": "
|
|
2223
|
+
"name": "FlowCard",
|
|
2311
2224
|
"cssProperties": [
|
|
2312
2225
|
{
|
|
2313
|
-
"description": "The
|
|
2314
|
-
"name": "--
|
|
2226
|
+
"description": "The card's border color, including borders that occur inside the card.",
|
|
2227
|
+
"name": "--border-color"
|
|
2315
2228
|
},
|
|
2316
2229
|
{
|
|
2317
|
-
"description": "The
|
|
2318
|
-
"name": "--
|
|
2230
|
+
"description": "The border radius for the card's edges.",
|
|
2231
|
+
"name": "--border-radius"
|
|
2319
2232
|
},
|
|
2320
2233
|
{
|
|
2321
|
-
"description": "The
|
|
2322
|
-
"name": "--
|
|
2234
|
+
"description": "The width of the card's borders.",
|
|
2235
|
+
"name": "--border-width"
|
|
2236
|
+
},
|
|
2237
|
+
{
|
|
2238
|
+
"description": "The padding to use for the card's sections.",
|
|
2239
|
+
"name": "--padding"
|
|
2323
2240
|
}
|
|
2324
2241
|
],
|
|
2325
2242
|
"cssParts": [
|
|
2326
2243
|
{
|
|
2327
|
-
"description": "The
|
|
2244
|
+
"description": "The component's base wrapper.",
|
|
2328
2245
|
"name": "base"
|
|
2329
2246
|
},
|
|
2330
2247
|
{
|
|
2331
|
-
"description": "The
|
|
2332
|
-
"name": "
|
|
2333
|
-
},
|
|
2334
|
-
{
|
|
2335
|
-
"description": "The pagination indicators wrapper.",
|
|
2336
|
-
"name": "pagination"
|
|
2337
|
-
},
|
|
2338
|
-
{
|
|
2339
|
-
"description": "The pagination indicator.",
|
|
2340
|
-
"name": "pagination-item"
|
|
2341
|
-
},
|
|
2342
|
-
{
|
|
2343
|
-
"description": "Applied when the item is active.",
|
|
2344
|
-
"name": "pagination-item--active"
|
|
2345
|
-
},
|
|
2346
|
-
{
|
|
2347
|
-
"description": "The navigation wrapper.",
|
|
2348
|
-
"name": "navigation"
|
|
2248
|
+
"description": "The container that wraps the card's image.",
|
|
2249
|
+
"name": "image"
|
|
2349
2250
|
},
|
|
2350
2251
|
{
|
|
2351
|
-
"description": "The
|
|
2352
|
-
"name": "
|
|
2252
|
+
"description": "The container that wraps the card's header.",
|
|
2253
|
+
"name": "header"
|
|
2353
2254
|
},
|
|
2354
2255
|
{
|
|
2355
|
-
"description": "
|
|
2356
|
-
"name": "
|
|
2256
|
+
"description": "The container that wraps the card's main content.",
|
|
2257
|
+
"name": "body"
|
|
2357
2258
|
},
|
|
2358
2259
|
{
|
|
2359
|
-
"description": "
|
|
2360
|
-
"name": "
|
|
2260
|
+
"description": "The container that wraps the card's footer.",
|
|
2261
|
+
"name": "footer"
|
|
2361
2262
|
}
|
|
2362
2263
|
],
|
|
2363
2264
|
"slots": [
|
|
2364
2265
|
{
|
|
2365
|
-
"description": "The
|
|
2266
|
+
"description": "The card's main content.",
|
|
2366
2267
|
"name": ""
|
|
2367
2268
|
},
|
|
2368
2269
|
{
|
|
2369
|
-
"description": "
|
|
2370
|
-
"name": "
|
|
2270
|
+
"description": "An optional header for the card.",
|
|
2271
|
+
"name": "header"
|
|
2371
2272
|
},
|
|
2372
2273
|
{
|
|
2373
|
-
"description": "
|
|
2374
|
-
"name": "
|
|
2274
|
+
"description": "An optional footer for the card.",
|
|
2275
|
+
"name": "footer"
|
|
2276
|
+
},
|
|
2277
|
+
{
|
|
2278
|
+
"description": "An optional image to render at the start of the card.",
|
|
2279
|
+
"name": "image"
|
|
2375
2280
|
}
|
|
2376
2281
|
],
|
|
2377
2282
|
"members": [
|
|
2378
2283
|
{
|
|
2379
2284
|
"kind": "field",
|
|
2380
|
-
"name": "
|
|
2381
|
-
"
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2285
|
+
"name": "hasSlotController",
|
|
2286
|
+
"privacy": "private",
|
|
2287
|
+
"readonly": true,
|
|
2288
|
+
"default": "new HasSlotController(this, 'footer', 'header', 'image')"
|
|
2289
|
+
}
|
|
2290
|
+
],
|
|
2291
|
+
"superclass": {
|
|
2292
|
+
"name": "FlowRdfElement",
|
|
2293
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
2294
|
+
},
|
|
2295
|
+
"summary": "Cards can be used to group related subjects in a container.",
|
|
2296
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/card",
|
|
2297
|
+
"status": "stable",
|
|
2298
|
+
"since": "2.0",
|
|
2299
|
+
"tagName": "flow-ui-card",
|
|
2300
|
+
"customElement": true
|
|
2301
|
+
}
|
|
2302
|
+
],
|
|
2303
|
+
"exports": [
|
|
2304
|
+
{
|
|
2305
|
+
"kind": "js",
|
|
2306
|
+
"name": "default",
|
|
2307
|
+
"declaration": {
|
|
2308
|
+
"name": "FlowCard",
|
|
2309
|
+
"module": "components/card/card.js"
|
|
2310
|
+
}
|
|
2311
|
+
},
|
|
2312
|
+
{
|
|
2313
|
+
"kind": "custom-element-definition",
|
|
2314
|
+
"name": "flow-ui-card",
|
|
2315
|
+
"declaration": {
|
|
2316
|
+
"name": "FlowCard",
|
|
2317
|
+
"module": "components/card/card.js"
|
|
2318
|
+
}
|
|
2319
|
+
}
|
|
2320
|
+
]
|
|
2321
|
+
},
|
|
2322
|
+
{
|
|
2323
|
+
"kind": "javascript-module",
|
|
2324
|
+
"path": "components/carousel/autoplay-controller.js",
|
|
2325
|
+
"declarations": [
|
|
2326
|
+
{
|
|
2327
|
+
"kind": "class",
|
|
2328
|
+
"description": "A controller that repeatedly calls the specified callback with the provided interval time.\nThe timer is automatically paused while the user is interacting with the component.",
|
|
2329
|
+
"name": "AutoplayController",
|
|
2330
|
+
"members": [
|
|
2331
|
+
{
|
|
2332
|
+
"kind": "field",
|
|
2333
|
+
"name": "host",
|
|
2334
|
+
"type": {
|
|
2335
|
+
"text": "ReactiveElement"
|
|
2336
|
+
},
|
|
2337
|
+
"privacy": "private",
|
|
2338
|
+
"default": "host"
|
|
2339
|
+
},
|
|
2340
|
+
{
|
|
2341
|
+
"kind": "field",
|
|
2342
|
+
"name": "timerId",
|
|
2343
|
+
"type": {
|
|
2344
|
+
"text": "number"
|
|
2345
|
+
},
|
|
2346
|
+
"privacy": "private",
|
|
2347
|
+
"default": "0"
|
|
2348
|
+
},
|
|
2349
|
+
{
|
|
2350
|
+
"kind": "field",
|
|
2351
|
+
"name": "tickCallback",
|
|
2352
|
+
"type": {
|
|
2353
|
+
"text": "() => void"
|
|
2354
|
+
},
|
|
2355
|
+
"privacy": "private",
|
|
2356
|
+
"default": "tickCallback"
|
|
2357
|
+
},
|
|
2358
|
+
{
|
|
2359
|
+
"kind": "field",
|
|
2360
|
+
"name": "activeInteractions",
|
|
2361
|
+
"type": {
|
|
2362
|
+
"text": "number"
|
|
2363
|
+
},
|
|
2364
|
+
"privacy": "private",
|
|
2365
|
+
"default": "0"
|
|
2366
|
+
},
|
|
2367
|
+
{
|
|
2368
|
+
"kind": "field",
|
|
2369
|
+
"name": "paused",
|
|
2370
|
+
"type": {
|
|
2371
|
+
"text": "boolean"
|
|
2372
|
+
},
|
|
2373
|
+
"default": "false"
|
|
2374
|
+
},
|
|
2375
|
+
{
|
|
2376
|
+
"kind": "field",
|
|
2377
|
+
"name": "stopped",
|
|
2378
|
+
"type": {
|
|
2379
|
+
"text": "boolean"
|
|
2380
|
+
},
|
|
2381
|
+
"default": "true"
|
|
2382
|
+
},
|
|
2383
|
+
{
|
|
2384
|
+
"kind": "method",
|
|
2385
|
+
"name": "hostConnected",
|
|
2386
|
+
"return": {
|
|
2387
|
+
"type": {
|
|
2388
|
+
"text": "void"
|
|
2389
|
+
}
|
|
2390
|
+
}
|
|
2391
|
+
},
|
|
2392
|
+
{
|
|
2393
|
+
"kind": "method",
|
|
2394
|
+
"name": "hostDisconnected",
|
|
2395
|
+
"return": {
|
|
2396
|
+
"type": {
|
|
2397
|
+
"text": "void"
|
|
2398
|
+
}
|
|
2399
|
+
}
|
|
2400
|
+
},
|
|
2401
|
+
{
|
|
2402
|
+
"kind": "method",
|
|
2403
|
+
"name": "start",
|
|
2404
|
+
"parameters": [
|
|
2405
|
+
{
|
|
2406
|
+
"name": "interval",
|
|
2407
|
+
"type": {
|
|
2408
|
+
"text": "number"
|
|
2409
|
+
}
|
|
2410
|
+
}
|
|
2411
|
+
]
|
|
2412
|
+
},
|
|
2413
|
+
{
|
|
2414
|
+
"kind": "method",
|
|
2415
|
+
"name": "stop"
|
|
2416
|
+
},
|
|
2417
|
+
{
|
|
2418
|
+
"kind": "field",
|
|
2419
|
+
"name": "pause"
|
|
2420
|
+
},
|
|
2421
|
+
{
|
|
2422
|
+
"kind": "field",
|
|
2423
|
+
"name": "resume"
|
|
2424
|
+
}
|
|
2425
|
+
]
|
|
2426
|
+
}
|
|
2427
|
+
],
|
|
2428
|
+
"exports": [
|
|
2429
|
+
{
|
|
2430
|
+
"kind": "js",
|
|
2431
|
+
"name": "AutoplayController",
|
|
2432
|
+
"declaration": {
|
|
2433
|
+
"name": "AutoplayController",
|
|
2434
|
+
"module": "components/carousel/autoplay-controller.js"
|
|
2435
|
+
}
|
|
2436
|
+
}
|
|
2437
|
+
]
|
|
2438
|
+
},
|
|
2439
|
+
{
|
|
2440
|
+
"kind": "javascript-module",
|
|
2441
|
+
"path": "components/carousel/carousel.js",
|
|
2442
|
+
"declarations": [
|
|
2443
|
+
{
|
|
2444
|
+
"kind": "class",
|
|
2445
|
+
"description": "",
|
|
2446
|
+
"name": "FlowCarousel",
|
|
2447
|
+
"cssProperties": [
|
|
2448
|
+
{
|
|
2449
|
+
"description": "The space between each slide.",
|
|
2450
|
+
"name": "--slide-gap"
|
|
2451
|
+
},
|
|
2452
|
+
{
|
|
2453
|
+
"description": "The aspect ratio of each slide.",
|
|
2454
|
+
"name": "--aspect-ratio"
|
|
2455
|
+
},
|
|
2456
|
+
{
|
|
2457
|
+
"description": "The amount of padding to apply to the scroll area, allowing adjacent slides to become partially visible as a scroll hint.",
|
|
2458
|
+
"name": "--scroll-hint"
|
|
2459
|
+
}
|
|
2460
|
+
],
|
|
2461
|
+
"cssParts": [
|
|
2462
|
+
{
|
|
2463
|
+
"description": "The carousel's internal wrapper.",
|
|
2464
|
+
"name": "base"
|
|
2465
|
+
},
|
|
2466
|
+
{
|
|
2467
|
+
"description": "The scroll container that wraps the slides.",
|
|
2468
|
+
"name": "scroll-container"
|
|
2469
|
+
},
|
|
2470
|
+
{
|
|
2471
|
+
"description": "The pagination indicators wrapper.",
|
|
2472
|
+
"name": "pagination"
|
|
2473
|
+
},
|
|
2474
|
+
{
|
|
2475
|
+
"description": "The pagination indicator.",
|
|
2476
|
+
"name": "pagination-item"
|
|
2477
|
+
},
|
|
2478
|
+
{
|
|
2479
|
+
"description": "Applied when the item is active.",
|
|
2480
|
+
"name": "pagination-item--active"
|
|
2481
|
+
},
|
|
2482
|
+
{
|
|
2483
|
+
"description": "The navigation wrapper.",
|
|
2484
|
+
"name": "navigation"
|
|
2485
|
+
},
|
|
2486
|
+
{
|
|
2487
|
+
"description": "The navigation button.",
|
|
2488
|
+
"name": "navigation-button"
|
|
2489
|
+
},
|
|
2490
|
+
{
|
|
2491
|
+
"description": "Applied to the previous button.",
|
|
2492
|
+
"name": "navigation-button--previous"
|
|
2493
|
+
},
|
|
2494
|
+
{
|
|
2495
|
+
"description": "Applied to the next button.",
|
|
2496
|
+
"name": "navigation-button--next"
|
|
2497
|
+
}
|
|
2498
|
+
],
|
|
2499
|
+
"slots": [
|
|
2500
|
+
{
|
|
2501
|
+
"description": "The carousel's main content, one or more `<flow-ui-carousel-item>` elements.",
|
|
2502
|
+
"name": ""
|
|
2503
|
+
},
|
|
2504
|
+
{
|
|
2505
|
+
"description": "Optional next icon to use instead of the default. Works best with `<flow-ui-icon>`.",
|
|
2506
|
+
"name": "next-icon"
|
|
2507
|
+
},
|
|
2508
|
+
{
|
|
2509
|
+
"description": "Optional previous icon to use instead of the default. Works best with `<flow-ui-icon>`.",
|
|
2510
|
+
"name": "previous-icon"
|
|
2511
|
+
}
|
|
2512
|
+
],
|
|
2513
|
+
"members": [
|
|
2514
|
+
{
|
|
2515
|
+
"kind": "field",
|
|
2516
|
+
"name": "loop",
|
|
2517
|
+
"type": {
|
|
2518
|
+
"text": "boolean"
|
|
2519
|
+
},
|
|
2520
|
+
"default": "false",
|
|
2521
|
+
"description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
|
|
2522
|
+
"attribute": "loop",
|
|
2523
|
+
"reflects": true
|
|
2524
|
+
},
|
|
2525
|
+
{
|
|
2526
|
+
"kind": "field",
|
|
2527
|
+
"name": "navigation",
|
|
2528
|
+
"type": {
|
|
2529
|
+
"text": "boolean"
|
|
2530
|
+
},
|
|
2531
|
+
"default": "false",
|
|
2532
|
+
"description": "When set, show the carousel's navigation.",
|
|
2533
|
+
"attribute": "navigation",
|
|
2534
|
+
"reflects": true
|
|
2535
|
+
},
|
|
2400
2536
|
{
|
|
2401
2537
|
"kind": "field",
|
|
2402
2538
|
"name": "pagination",
|
|
@@ -6293,7 +6429,7 @@
|
|
|
6293
6429
|
},
|
|
6294
6430
|
{
|
|
6295
6431
|
"kind": "javascript-module",
|
|
6296
|
-
"path": "components/dropdown/dropdown.js",
|
|
6432
|
+
"path": "components/dropdown/dropdown.component.js",
|
|
6297
6433
|
"declarations": [
|
|
6298
6434
|
{
|
|
6299
6435
|
"kind": "class",
|
|
@@ -6426,13 +6562,23 @@
|
|
|
6426
6562
|
},
|
|
6427
6563
|
{
|
|
6428
6564
|
"kind": "field",
|
|
6429
|
-
"name": "
|
|
6565
|
+
"name": "arrow",
|
|
6430
6566
|
"type": {
|
|
6431
6567
|
"text": "boolean"
|
|
6432
6568
|
},
|
|
6433
6569
|
"default": "false",
|
|
6434
|
-
"description": "
|
|
6435
|
-
"attribute": "
|
|
6570
|
+
"description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
|
|
6571
|
+
"attribute": "arrow"
|
|
6572
|
+
},
|
|
6573
|
+
{
|
|
6574
|
+
"kind": "field",
|
|
6575
|
+
"name": "hoist",
|
|
6576
|
+
"type": {
|
|
6577
|
+
"text": "boolean"
|
|
6578
|
+
},
|
|
6579
|
+
"default": "false",
|
|
6580
|
+
"description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
|
|
6581
|
+
"attribute": "hoist"
|
|
6436
6582
|
},
|
|
6437
6583
|
{
|
|
6438
6584
|
"kind": "method",
|
|
@@ -6631,6 +6777,15 @@
|
|
|
6631
6777
|
"description": "The distance in pixels from which to offset the panel along its trigger.",
|
|
6632
6778
|
"fieldName": "skidding"
|
|
6633
6779
|
},
|
|
6780
|
+
{
|
|
6781
|
+
"name": "arrow",
|
|
6782
|
+
"type": {
|
|
6783
|
+
"text": "boolean"
|
|
6784
|
+
},
|
|
6785
|
+
"default": "false",
|
|
6786
|
+
"description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
|
|
6787
|
+
"fieldName": "arrow"
|
|
6788
|
+
},
|
|
6634
6789
|
{
|
|
6635
6790
|
"name": "hoist",
|
|
6636
6791
|
"type": {
|
|
@@ -6661,9 +6816,7 @@
|
|
|
6661
6816
|
"name": "dropdown.hide",
|
|
6662
6817
|
"description": "The animation to use when hiding the dropdown."
|
|
6663
6818
|
}
|
|
6664
|
-
]
|
|
6665
|
-
"tagName": "flow-ui-dropdown",
|
|
6666
|
-
"customElement": true
|
|
6819
|
+
]
|
|
6667
6820
|
}
|
|
6668
6821
|
],
|
|
6669
6822
|
"exports": [
|
|
@@ -6672,12 +6825,27 @@
|
|
|
6672
6825
|
"name": "default",
|
|
6673
6826
|
"declaration": {
|
|
6674
6827
|
"name": "FlowDropdown",
|
|
6675
|
-
"module": "components/dropdown/dropdown.js"
|
|
6828
|
+
"module": "components/dropdown/dropdown.component.js"
|
|
6829
|
+
}
|
|
6830
|
+
}
|
|
6831
|
+
]
|
|
6832
|
+
},
|
|
6833
|
+
{
|
|
6834
|
+
"kind": "javascript-module",
|
|
6835
|
+
"path": "components/dropdown/dropdown.js",
|
|
6836
|
+
"declarations": [],
|
|
6837
|
+
"exports": [
|
|
6838
|
+
{
|
|
6839
|
+
"kind": "js",
|
|
6840
|
+
"name": "*",
|
|
6841
|
+
"declaration": {
|
|
6842
|
+
"name": "*",
|
|
6843
|
+
"package": "./dropdown.component.js"
|
|
6676
6844
|
}
|
|
6677
6845
|
},
|
|
6678
6846
|
{
|
|
6679
|
-
"kind": "
|
|
6680
|
-
"name": "
|
|
6847
|
+
"kind": "js",
|
|
6848
|
+
"name": "default",
|
|
6681
6849
|
"declaration": {
|
|
6682
6850
|
"name": "FlowDropdown",
|
|
6683
6851
|
"module": "components/dropdown/dropdown.js"
|
|
@@ -6685,6 +6853,205 @@
|
|
|
6685
6853
|
}
|
|
6686
6854
|
]
|
|
6687
6855
|
},
|
|
6856
|
+
{
|
|
6857
|
+
"kind": "javascript-module",
|
|
6858
|
+
"path": "components/gauge/gauge.component.js",
|
|
6859
|
+
"declarations": [
|
|
6860
|
+
{
|
|
6861
|
+
"kind": "class",
|
|
6862
|
+
"description": "",
|
|
6863
|
+
"name": "FlowGauge",
|
|
6864
|
+
"members": [
|
|
6865
|
+
{
|
|
6866
|
+
"kind": "field",
|
|
6867
|
+
"name": "hasSlotController",
|
|
6868
|
+
"privacy": "private",
|
|
6869
|
+
"readonly": true,
|
|
6870
|
+
"default": "new HasSlotController(this, 'info')"
|
|
6871
|
+
},
|
|
6872
|
+
{
|
|
6873
|
+
"kind": "field",
|
|
6874
|
+
"name": "_formatter",
|
|
6875
|
+
"type": {
|
|
6876
|
+
"text": "(val: string | number) => string"
|
|
6877
|
+
},
|
|
6878
|
+
"privacy": "private",
|
|
6879
|
+
"default": "DEFAULT_FORMATTER"
|
|
6880
|
+
},
|
|
6881
|
+
{
|
|
6882
|
+
"kind": "field",
|
|
6883
|
+
"name": "_infoDialog",
|
|
6884
|
+
"type": {
|
|
6885
|
+
"text": "FlowDialog"
|
|
6886
|
+
},
|
|
6887
|
+
"privacy": "private"
|
|
6888
|
+
},
|
|
6889
|
+
{
|
|
6890
|
+
"kind": "field",
|
|
6891
|
+
"name": "heading",
|
|
6892
|
+
"type": {
|
|
6893
|
+
"text": "string"
|
|
6894
|
+
},
|
|
6895
|
+
"attribute": "heading"
|
|
6896
|
+
},
|
|
6897
|
+
{
|
|
6898
|
+
"kind": "field",
|
|
6899
|
+
"name": "units",
|
|
6900
|
+
"type": {
|
|
6901
|
+
"text": "string"
|
|
6902
|
+
},
|
|
6903
|
+
"attribute": "units"
|
|
6904
|
+
},
|
|
6905
|
+
{
|
|
6906
|
+
"kind": "field",
|
|
6907
|
+
"name": "value",
|
|
6908
|
+
"type": {
|
|
6909
|
+
"text": "string | number"
|
|
6910
|
+
},
|
|
6911
|
+
"attribute": "value"
|
|
6912
|
+
},
|
|
6913
|
+
{
|
|
6914
|
+
"kind": "field",
|
|
6915
|
+
"name": "icon",
|
|
6916
|
+
"type": {
|
|
6917
|
+
"text": "string"
|
|
6918
|
+
},
|
|
6919
|
+
"attribute": "icon"
|
|
6920
|
+
},
|
|
6921
|
+
{
|
|
6922
|
+
"kind": "field",
|
|
6923
|
+
"name": "iconLibrary",
|
|
6924
|
+
"type": {
|
|
6925
|
+
"text": "string"
|
|
6926
|
+
},
|
|
6927
|
+
"attribute": "icon-library"
|
|
6928
|
+
},
|
|
6929
|
+
{
|
|
6930
|
+
"kind": "field",
|
|
6931
|
+
"name": "format",
|
|
6932
|
+
"type": {
|
|
6933
|
+
"text": "string"
|
|
6934
|
+
},
|
|
6935
|
+
"attribute": "format"
|
|
6936
|
+
},
|
|
6937
|
+
{
|
|
6938
|
+
"kind": "method",
|
|
6939
|
+
"name": "handleFormatChange"
|
|
6940
|
+
},
|
|
6941
|
+
{
|
|
6942
|
+
"kind": "method",
|
|
6943
|
+
"name": "showInfoDialog",
|
|
6944
|
+
"privacy": "private"
|
|
6945
|
+
},
|
|
6946
|
+
{
|
|
6947
|
+
"kind": "method",
|
|
6948
|
+
"name": "hideInfoDialog",
|
|
6949
|
+
"privacy": "private"
|
|
6950
|
+
},
|
|
6951
|
+
{
|
|
6952
|
+
"kind": "method",
|
|
6953
|
+
"name": "headerIconTemplate",
|
|
6954
|
+
"privacy": "private"
|
|
6955
|
+
},
|
|
6956
|
+
{
|
|
6957
|
+
"kind": "method",
|
|
6958
|
+
"name": "infoButtonTemplate",
|
|
6959
|
+
"privacy": "private"
|
|
6960
|
+
},
|
|
6961
|
+
{
|
|
6962
|
+
"kind": "method",
|
|
6963
|
+
"name": "infoDialogTemplate",
|
|
6964
|
+
"privacy": "private"
|
|
6965
|
+
}
|
|
6966
|
+
],
|
|
6967
|
+
"attributes": [
|
|
6968
|
+
{
|
|
6969
|
+
"name": "heading",
|
|
6970
|
+
"type": {
|
|
6971
|
+
"text": "string"
|
|
6972
|
+
},
|
|
6973
|
+
"fieldName": "heading"
|
|
6974
|
+
},
|
|
6975
|
+
{
|
|
6976
|
+
"name": "units",
|
|
6977
|
+
"type": {
|
|
6978
|
+
"text": "string"
|
|
6979
|
+
},
|
|
6980
|
+
"fieldName": "units"
|
|
6981
|
+
},
|
|
6982
|
+
{
|
|
6983
|
+
"name": "value",
|
|
6984
|
+
"type": {
|
|
6985
|
+
"text": "string | number"
|
|
6986
|
+
},
|
|
6987
|
+
"fieldName": "value"
|
|
6988
|
+
},
|
|
6989
|
+
{
|
|
6990
|
+
"name": "icon",
|
|
6991
|
+
"type": {
|
|
6992
|
+
"text": "string"
|
|
6993
|
+
},
|
|
6994
|
+
"fieldName": "icon"
|
|
6995
|
+
},
|
|
6996
|
+
{
|
|
6997
|
+
"name": "icon-library",
|
|
6998
|
+
"type": {
|
|
6999
|
+
"text": "string"
|
|
7000
|
+
},
|
|
7001
|
+
"fieldName": "iconLibrary"
|
|
7002
|
+
},
|
|
7003
|
+
{
|
|
7004
|
+
"name": "format",
|
|
7005
|
+
"type": {
|
|
7006
|
+
"text": "string"
|
|
7007
|
+
},
|
|
7008
|
+
"fieldName": "format"
|
|
7009
|
+
}
|
|
7010
|
+
],
|
|
7011
|
+
"superclass": {
|
|
7012
|
+
"name": "FlowRdfElement",
|
|
7013
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
7014
|
+
},
|
|
7015
|
+
"summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
|
|
7016
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
|
|
7017
|
+
"status": "stable",
|
|
7018
|
+
"since": "2.0"
|
|
7019
|
+
}
|
|
7020
|
+
],
|
|
7021
|
+
"exports": [
|
|
7022
|
+
{
|
|
7023
|
+
"kind": "js",
|
|
7024
|
+
"name": "default",
|
|
7025
|
+
"declaration": {
|
|
7026
|
+
"name": "FlowGauge",
|
|
7027
|
+
"module": "components/gauge/gauge.component.js"
|
|
7028
|
+
}
|
|
7029
|
+
}
|
|
7030
|
+
]
|
|
7031
|
+
},
|
|
7032
|
+
{
|
|
7033
|
+
"kind": "javascript-module",
|
|
7034
|
+
"path": "components/gauge/gauge.js",
|
|
7035
|
+
"declarations": [],
|
|
7036
|
+
"exports": [
|
|
7037
|
+
{
|
|
7038
|
+
"kind": "js",
|
|
7039
|
+
"name": "*",
|
|
7040
|
+
"declaration": {
|
|
7041
|
+
"name": "*",
|
|
7042
|
+
"package": "./gauge.component.js"
|
|
7043
|
+
}
|
|
7044
|
+
},
|
|
7045
|
+
{
|
|
7046
|
+
"kind": "js",
|
|
7047
|
+
"name": "default",
|
|
7048
|
+
"declaration": {
|
|
7049
|
+
"name": "FlowGauge",
|
|
7050
|
+
"module": "components/gauge/gauge.js"
|
|
7051
|
+
}
|
|
7052
|
+
}
|
|
7053
|
+
]
|
|
7054
|
+
},
|
|
6688
7055
|
{
|
|
6689
7056
|
"kind": "javascript-module",
|
|
6690
7057
|
"path": "components/icon/icon.js",
|
|
@@ -13544,39 +13911,30 @@
|
|
|
13544
13911
|
},
|
|
13545
13912
|
{
|
|
13546
13913
|
"kind": "javascript-module",
|
|
13547
|
-
"path": "components/split-view-
|
|
13914
|
+
"path": "components/split-view-divider/split-view-divider.component.js",
|
|
13548
13915
|
"declarations": [
|
|
13549
13916
|
{
|
|
13550
13917
|
"kind": "class",
|
|
13551
13918
|
"description": "",
|
|
13552
|
-
"name": "
|
|
13919
|
+
"name": "FlowPanelDivider",
|
|
13553
13920
|
"members": [
|
|
13554
13921
|
{
|
|
13555
13922
|
"kind": "field",
|
|
13556
|
-
"name": "
|
|
13557
|
-
"type": {
|
|
13558
|
-
"text": "boolean"
|
|
13559
|
-
},
|
|
13560
|
-
"privacy": "private",
|
|
13561
|
-
"default": "false"
|
|
13562
|
-
},
|
|
13563
|
-
{
|
|
13564
|
-
"kind": "field",
|
|
13565
|
-
"name": "grid",
|
|
13923
|
+
"name": "dragCanceller",
|
|
13566
13924
|
"type": {
|
|
13567
|
-
"text": "
|
|
13925
|
+
"text": "(() => void) | undefined"
|
|
13568
13926
|
},
|
|
13569
13927
|
"privacy": "private"
|
|
13570
13928
|
},
|
|
13571
13929
|
{
|
|
13572
13930
|
"kind": "field",
|
|
13573
|
-
"name": "
|
|
13931
|
+
"name": "disabled",
|
|
13574
13932
|
"type": {
|
|
13575
|
-
"text": "
|
|
13933
|
+
"text": "boolean"
|
|
13576
13934
|
},
|
|
13577
|
-
"
|
|
13578
|
-
"
|
|
13579
|
-
"
|
|
13935
|
+
"default": "false",
|
|
13936
|
+
"attribute": "disabled",
|
|
13937
|
+
"reflects": true
|
|
13580
13938
|
},
|
|
13581
13939
|
{
|
|
13582
13940
|
"kind": "field",
|
|
@@ -13584,174 +13942,13 @@
|
|
|
13584
13942
|
"type": {
|
|
13585
13943
|
"text": "boolean"
|
|
13586
13944
|
},
|
|
13587
|
-
"
|
|
13588
|
-
"default": "true",
|
|
13945
|
+
"default": "false",
|
|
13589
13946
|
"attribute": "vertical",
|
|
13590
13947
|
"reflects": true
|
|
13591
13948
|
},
|
|
13592
13949
|
{
|
|
13593
|
-
"kind": "
|
|
13594
|
-
"name": "
|
|
13595
|
-
"type": {
|
|
13596
|
-
"text": "string"
|
|
13597
|
-
},
|
|
13598
|
-
"privacy": "public",
|
|
13599
|
-
"default": "'2px'",
|
|
13600
|
-
"attribute": "dividerWidth"
|
|
13601
|
-
},
|
|
13602
|
-
{
|
|
13603
|
-
"kind": "method",
|
|
13604
|
-
"name": "handleDrag",
|
|
13605
|
-
"privacy": "private",
|
|
13606
|
-
"parameters": [
|
|
13607
|
-
{
|
|
13608
|
-
"name": "event",
|
|
13609
|
-
"type": {
|
|
13610
|
-
"text": "CustomEvent<{ x: number; y: number }>"
|
|
13611
|
-
}
|
|
13612
|
-
}
|
|
13613
|
-
]
|
|
13614
|
-
},
|
|
13615
|
-
{
|
|
13616
|
-
"kind": "method",
|
|
13617
|
-
"name": "handleDragStart",
|
|
13618
|
-
"privacy": "private"
|
|
13619
|
-
},
|
|
13620
|
-
{
|
|
13621
|
-
"kind": "method",
|
|
13622
|
-
"name": "handleDragEnd",
|
|
13623
|
-
"privacy": "private"
|
|
13624
|
-
},
|
|
13625
|
-
{
|
|
13626
|
-
"kind": "method",
|
|
13627
|
-
"name": "calculatePanelSizes",
|
|
13628
|
-
"privacy": "private"
|
|
13629
|
-
},
|
|
13630
|
-
{
|
|
13631
|
-
"kind": "method",
|
|
13632
|
-
"name": "dividerTempate",
|
|
13633
|
-
"privacy": "private"
|
|
13634
|
-
},
|
|
13635
|
-
{
|
|
13636
|
-
"kind": "method",
|
|
13637
|
-
"name": "panelTemplate",
|
|
13638
|
-
"privacy": "private",
|
|
13639
|
-
"parameters": [
|
|
13640
|
-
{
|
|
13641
|
-
"name": "panelIndex",
|
|
13642
|
-
"type": {
|
|
13643
|
-
"text": "number"
|
|
13644
|
-
}
|
|
13645
|
-
}
|
|
13646
|
-
]
|
|
13647
|
-
}
|
|
13648
|
-
],
|
|
13649
|
-
"attributes": [
|
|
13650
|
-
{
|
|
13651
|
-
"name": "panel-sizes",
|
|
13652
|
-
"type": {
|
|
13653
|
-
"text": "string"
|
|
13654
|
-
},
|
|
13655
|
-
"default": "'1fr'",
|
|
13656
|
-
"fieldName": "panelSizes"
|
|
13657
|
-
},
|
|
13658
|
-
{
|
|
13659
|
-
"name": "vertical",
|
|
13660
|
-
"type": {
|
|
13661
|
-
"text": "boolean"
|
|
13662
|
-
},
|
|
13663
|
-
"default": "true",
|
|
13664
|
-
"fieldName": "vertical"
|
|
13665
|
-
},
|
|
13666
|
-
{
|
|
13667
|
-
"name": "dividerWidth",
|
|
13668
|
-
"type": {
|
|
13669
|
-
"text": "string"
|
|
13670
|
-
},
|
|
13671
|
-
"default": "'2px'",
|
|
13672
|
-
"fieldName": "dividerWidth"
|
|
13673
|
-
}
|
|
13674
|
-
],
|
|
13675
|
-
"superclass": {
|
|
13676
|
-
"name": "FlowRdfElement",
|
|
13677
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
13678
|
-
}
|
|
13679
|
-
}
|
|
13680
|
-
],
|
|
13681
|
-
"exports": [
|
|
13682
|
-
{
|
|
13683
|
-
"kind": "js",
|
|
13684
|
-
"name": "default",
|
|
13685
|
-
"declaration": {
|
|
13686
|
-
"name": "FlowSplitView",
|
|
13687
|
-
"module": "components/split-view-2/split-view-2.component.js"
|
|
13688
|
-
}
|
|
13689
|
-
}
|
|
13690
|
-
]
|
|
13691
|
-
},
|
|
13692
|
-
{
|
|
13693
|
-
"kind": "javascript-module",
|
|
13694
|
-
"path": "components/split-view-2/split-view-2.js",
|
|
13695
|
-
"declarations": [],
|
|
13696
|
-
"exports": [
|
|
13697
|
-
{
|
|
13698
|
-
"kind": "js",
|
|
13699
|
-
"name": "*",
|
|
13700
|
-
"declaration": {
|
|
13701
|
-
"name": "*",
|
|
13702
|
-
"package": "./split-view-2.component.js"
|
|
13703
|
-
}
|
|
13704
|
-
},
|
|
13705
|
-
{
|
|
13706
|
-
"kind": "js",
|
|
13707
|
-
"name": "default",
|
|
13708
|
-
"declaration": {
|
|
13709
|
-
"name": "FlowSplitView",
|
|
13710
|
-
"module": "components/split-view-2/split-view-2.js"
|
|
13711
|
-
}
|
|
13712
|
-
}
|
|
13713
|
-
]
|
|
13714
|
-
},
|
|
13715
|
-
{
|
|
13716
|
-
"kind": "javascript-module",
|
|
13717
|
-
"path": "components/split-view-divider/split-view-divider.component.js",
|
|
13718
|
-
"declarations": [
|
|
13719
|
-
{
|
|
13720
|
-
"kind": "class",
|
|
13721
|
-
"description": "",
|
|
13722
|
-
"name": "FlowPanelDivider",
|
|
13723
|
-
"members": [
|
|
13724
|
-
{
|
|
13725
|
-
"kind": "field",
|
|
13726
|
-
"name": "dragCanceller",
|
|
13727
|
-
"type": {
|
|
13728
|
-
"text": "(() => void) | undefined"
|
|
13729
|
-
},
|
|
13730
|
-
"privacy": "private"
|
|
13731
|
-
},
|
|
13732
|
-
{
|
|
13733
|
-
"kind": "field",
|
|
13734
|
-
"name": "disabled",
|
|
13735
|
-
"type": {
|
|
13736
|
-
"text": "boolean"
|
|
13737
|
-
},
|
|
13738
|
-
"default": "false",
|
|
13739
|
-
"attribute": "disabled",
|
|
13740
|
-
"reflects": true
|
|
13741
|
-
},
|
|
13742
|
-
{
|
|
13743
|
-
"kind": "field",
|
|
13744
|
-
"name": "vertical",
|
|
13745
|
-
"type": {
|
|
13746
|
-
"text": "boolean"
|
|
13747
|
-
},
|
|
13748
|
-
"default": "false",
|
|
13749
|
-
"attribute": "vertical",
|
|
13750
|
-
"reflects": true
|
|
13751
|
-
},
|
|
13752
|
-
{
|
|
13753
|
-
"kind": "method",
|
|
13754
|
-
"name": "cancelDrag"
|
|
13950
|
+
"kind": "method",
|
|
13951
|
+
"name": "cancelDrag"
|
|
13755
13952
|
},
|
|
13756
13953
|
{
|
|
13757
13954
|
"kind": "method",
|
|
@@ -14077,1050 +14274,1220 @@
|
|
|
14077
14274
|
},
|
|
14078
14275
|
{
|
|
14079
14276
|
"kind": "javascript-module",
|
|
14080
|
-
"path": "components/split-view-
|
|
14277
|
+
"path": "components/split-view-2/split-view-2.component.js",
|
|
14081
14278
|
"declarations": [
|
|
14082
14279
|
{
|
|
14083
14280
|
"kind": "class",
|
|
14084
14281
|
"description": "",
|
|
14085
|
-
"name": "
|
|
14282
|
+
"name": "FlowSplitView",
|
|
14086
14283
|
"members": [
|
|
14087
14284
|
{
|
|
14088
14285
|
"kind": "field",
|
|
14089
|
-
"name": "
|
|
14286
|
+
"name": "dragging",
|
|
14090
14287
|
"type": {
|
|
14091
|
-
"text": "
|
|
14288
|
+
"text": "boolean"
|
|
14092
14289
|
},
|
|
14093
14290
|
"privacy": "private",
|
|
14094
|
-
"default": "
|
|
14291
|
+
"default": "false"
|
|
14095
14292
|
},
|
|
14096
14293
|
{
|
|
14097
14294
|
"kind": "field",
|
|
14098
|
-
"name": "
|
|
14295
|
+
"name": "grid",
|
|
14099
14296
|
"type": {
|
|
14100
|
-
"text": "
|
|
14297
|
+
"text": "HTMLDivElement"
|
|
14101
14298
|
},
|
|
14102
|
-
"privacy": "private"
|
|
14103
|
-
"default": "null"
|
|
14299
|
+
"privacy": "private"
|
|
14104
14300
|
},
|
|
14105
14301
|
{
|
|
14106
14302
|
"kind": "field",
|
|
14107
|
-
"name": "
|
|
14303
|
+
"name": "panelSizes",
|
|
14108
14304
|
"type": {
|
|
14109
|
-
"text": "string
|
|
14305
|
+
"text": "string"
|
|
14110
14306
|
},
|
|
14111
|
-
"
|
|
14112
|
-
"
|
|
14113
|
-
"
|
|
14114
|
-
"inheritedFrom": {
|
|
14115
|
-
"name": "FlowIconButton",
|
|
14116
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14117
|
-
}
|
|
14307
|
+
"privacy": "public",
|
|
14308
|
+
"default": "'1fr'",
|
|
14309
|
+
"attribute": "panel-sizes"
|
|
14118
14310
|
},
|
|
14119
14311
|
{
|
|
14120
14312
|
"kind": "field",
|
|
14121
|
-
"name": "
|
|
14313
|
+
"name": "vertical",
|
|
14122
14314
|
"type": {
|
|
14123
14315
|
"text": "boolean"
|
|
14124
14316
|
},
|
|
14125
|
-
"
|
|
14126
|
-
"
|
|
14127
|
-
"attribute": "
|
|
14317
|
+
"privacy": "public",
|
|
14318
|
+
"default": "true",
|
|
14319
|
+
"attribute": "vertical",
|
|
14128
14320
|
"reflects": true
|
|
14129
14321
|
},
|
|
14322
|
+
{
|
|
14323
|
+
"kind": "field",
|
|
14324
|
+
"name": "dividerWidth",
|
|
14325
|
+
"type": {
|
|
14326
|
+
"text": "string"
|
|
14327
|
+
},
|
|
14328
|
+
"privacy": "public",
|
|
14329
|
+
"default": "'2px'",
|
|
14330
|
+
"attribute": "dividerWidth"
|
|
14331
|
+
},
|
|
14130
14332
|
{
|
|
14131
14333
|
"kind": "method",
|
|
14132
|
-
"name": "
|
|
14133
|
-
"privacy": "
|
|
14334
|
+
"name": "handleDrag",
|
|
14335
|
+
"privacy": "private",
|
|
14134
14336
|
"parameters": [
|
|
14135
14337
|
{
|
|
14136
14338
|
"name": "event",
|
|
14137
14339
|
"type": {
|
|
14138
|
-
"text": "
|
|
14340
|
+
"text": "CustomEvent<{ x: number; y: number }>"
|
|
14139
14341
|
}
|
|
14140
14342
|
}
|
|
14141
|
-
]
|
|
14142
|
-
"inheritedFrom": {
|
|
14143
|
-
"name": "FlowIconButton",
|
|
14144
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14145
|
-
}
|
|
14343
|
+
]
|
|
14146
14344
|
},
|
|
14147
14345
|
{
|
|
14148
14346
|
"kind": "method",
|
|
14149
|
-
"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",
|
|
14150
14368
|
"privacy": "private",
|
|
14151
|
-
"return": {
|
|
14152
|
-
"type": {
|
|
14153
|
-
"text": "Element | null"
|
|
14154
|
-
}
|
|
14155
|
-
},
|
|
14156
14369
|
"parameters": [
|
|
14157
14370
|
{
|
|
14158
|
-
"name": "
|
|
14159
|
-
"type": {
|
|
14160
|
-
"text": "string"
|
|
14161
|
-
}
|
|
14162
|
-
},
|
|
14163
|
-
{
|
|
14164
|
-
"name": "base",
|
|
14165
|
-
"default": "this",
|
|
14371
|
+
"name": "panelIndex",
|
|
14166
14372
|
"type": {
|
|
14167
|
-
"text": "
|
|
14373
|
+
"text": "number"
|
|
14168
14374
|
}
|
|
14169
14375
|
}
|
|
14170
14376
|
]
|
|
14171
|
-
}
|
|
14377
|
+
}
|
|
14378
|
+
],
|
|
14379
|
+
"attributes": [
|
|
14172
14380
|
{
|
|
14173
|
-
"
|
|
14174
|
-
"
|
|
14175
|
-
|
|
14176
|
-
|
|
14177
|
-
"default": "
|
|
14178
|
-
"
|
|
14179
|
-
"name": "FlowIconButton",
|
|
14180
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14181
|
-
}
|
|
14381
|
+
"name": "panel-sizes",
|
|
14382
|
+
"type": {
|
|
14383
|
+
"text": "string"
|
|
14384
|
+
},
|
|
14385
|
+
"default": "'1fr'",
|
|
14386
|
+
"fieldName": "panelSizes"
|
|
14182
14387
|
},
|
|
14183
14388
|
{
|
|
14184
|
-
"
|
|
14185
|
-
"name": "tooltipAnimating",
|
|
14389
|
+
"name": "vertical",
|
|
14186
14390
|
"type": {
|
|
14187
14391
|
"text": "boolean"
|
|
14188
14392
|
},
|
|
14189
|
-
"
|
|
14190
|
-
"
|
|
14191
|
-
"inheritedFrom": {
|
|
14192
|
-
"name": "FlowIconButton",
|
|
14193
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14194
|
-
}
|
|
14393
|
+
"default": "true",
|
|
14394
|
+
"fieldName": "vertical"
|
|
14195
14395
|
},
|
|
14196
14396
|
{
|
|
14197
|
-
"
|
|
14198
|
-
"name": "button",
|
|
14397
|
+
"name": "dividerWidth",
|
|
14199
14398
|
"type": {
|
|
14200
|
-
"text": "
|
|
14399
|
+
"text": "string"
|
|
14201
14400
|
},
|
|
14202
|
-
"
|
|
14203
|
-
|
|
14204
|
-
|
|
14205
|
-
|
|
14206
|
-
|
|
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": [
|
|
14207
14472
|
{
|
|
14208
14473
|
"kind": "field",
|
|
14209
|
-
"name": "
|
|
14474
|
+
"name": "bodySlot",
|
|
14210
14475
|
"type": {
|
|
14211
|
-
"text": "
|
|
14212
|
-
},
|
|
14213
|
-
"inheritedFrom": {
|
|
14214
|
-
"name": "FlowIconButton",
|
|
14215
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14476
|
+
"text": "HTMLSlotElement"
|
|
14216
14477
|
}
|
|
14217
14478
|
},
|
|
14218
14479
|
{
|
|
14219
14480
|
"kind": "field",
|
|
14220
|
-
"name": "
|
|
14481
|
+
"name": "headerScrollContainer",
|
|
14221
14482
|
"type": {
|
|
14222
|
-
"text": "
|
|
14223
|
-
},
|
|
14224
|
-
"inheritedFrom": {
|
|
14225
|
-
"name": "FlowIconButton",
|
|
14226
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14483
|
+
"text": "HTMLDivElement"
|
|
14227
14484
|
}
|
|
14228
14485
|
},
|
|
14229
14486
|
{
|
|
14230
14487
|
"kind": "field",
|
|
14231
|
-
"name": "
|
|
14488
|
+
"name": "attrId",
|
|
14232
14489
|
"type": {
|
|
14233
|
-
"text": "
|
|
14490
|
+
"text": "number"
|
|
14234
14491
|
},
|
|
14235
14492
|
"privacy": "private",
|
|
14236
|
-
"
|
|
14237
|
-
"
|
|
14238
|
-
"name": "FlowIconButton",
|
|
14239
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14240
|
-
}
|
|
14493
|
+
"readonly": true,
|
|
14494
|
+
"default": "++id"
|
|
14241
14495
|
},
|
|
14242
14496
|
{
|
|
14243
14497
|
"kind": "field",
|
|
14244
|
-
"name": "
|
|
14245
|
-
"
|
|
14246
|
-
|
|
14247
|
-
}
|
|
14248
|
-
"description": "The name of a registered custom icon library.",
|
|
14249
|
-
"attribute": "library",
|
|
14250
|
-
"inheritedFrom": {
|
|
14251
|
-
"name": "FlowIconButton",
|
|
14252
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14253
|
-
}
|
|
14498
|
+
"name": "componentId",
|
|
14499
|
+
"privacy": "private",
|
|
14500
|
+
"readonly": true,
|
|
14501
|
+
"default": "`flow-ui-stepper-${this.attrId}`"
|
|
14254
14502
|
},
|
|
14255
14503
|
{
|
|
14256
14504
|
"kind": "field",
|
|
14257
|
-
"name": "
|
|
14505
|
+
"name": "activePanel",
|
|
14258
14506
|
"type": {
|
|
14259
|
-
"text": "
|
|
14507
|
+
"text": "FlowStepperPanel | undefined"
|
|
14260
14508
|
},
|
|
14261
|
-
"
|
|
14262
|
-
"attribute": "src",
|
|
14263
|
-
"inheritedFrom": {
|
|
14264
|
-
"name": "FlowIconButton",
|
|
14265
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14266
|
-
}
|
|
14509
|
+
"privacy": "private"
|
|
14267
14510
|
},
|
|
14268
14511
|
{
|
|
14269
14512
|
"kind": "field",
|
|
14270
|
-
"name": "
|
|
14513
|
+
"name": "mutationObserver",
|
|
14271
14514
|
"type": {
|
|
14272
|
-
"text": "
|
|
14515
|
+
"text": "MutationObserver"
|
|
14273
14516
|
},
|
|
14274
|
-
"
|
|
14275
|
-
"attribute": "href",
|
|
14276
|
-
"inheritedFrom": {
|
|
14277
|
-
"name": "FlowIconButton",
|
|
14278
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14279
|
-
}
|
|
14517
|
+
"privacy": "private"
|
|
14280
14518
|
},
|
|
14281
14519
|
{
|
|
14282
14520
|
"kind": "field",
|
|
14283
|
-
"name": "
|
|
14521
|
+
"name": "panels",
|
|
14284
14522
|
"type": {
|
|
14285
|
-
"text": "
|
|
14523
|
+
"text": "FlowStepperPanel[]"
|
|
14286
14524
|
},
|
|
14287
|
-
"
|
|
14288
|
-
"
|
|
14289
|
-
"inheritedFrom": {
|
|
14290
|
-
"name": "FlowIconButton",
|
|
14291
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14292
|
-
}
|
|
14525
|
+
"privacy": "private",
|
|
14526
|
+
"default": "[]"
|
|
14293
14527
|
},
|
|
14294
14528
|
{
|
|
14295
|
-
"kind": "
|
|
14296
|
-
"name": "
|
|
14297
|
-
"
|
|
14298
|
-
|
|
14299
|
-
|
|
14300
|
-
|
|
14301
|
-
|
|
14302
|
-
|
|
14303
|
-
|
|
14304
|
-
|
|
14305
|
-
|
|
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
|
+
]
|
|
14306
14543
|
},
|
|
14307
14544
|
{
|
|
14308
|
-
"kind": "
|
|
14309
|
-
"name": "
|
|
14310
|
-
"
|
|
14311
|
-
|
|
14312
|
-
|
|
14313
|
-
|
|
14314
|
-
|
|
14315
|
-
|
|
14316
|
-
|
|
14317
|
-
|
|
14318
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14319
|
-
}
|
|
14545
|
+
"kind": "method",
|
|
14546
|
+
"name": "show",
|
|
14547
|
+
"parameters": [
|
|
14548
|
+
{
|
|
14549
|
+
"name": "panelName",
|
|
14550
|
+
"type": {
|
|
14551
|
+
"text": "string"
|
|
14552
|
+
}
|
|
14553
|
+
}
|
|
14554
|
+
]
|
|
14320
14555
|
},
|
|
14321
14556
|
{
|
|
14322
|
-
"kind": "
|
|
14323
|
-
"name": "
|
|
14324
|
-
"
|
|
14325
|
-
"text": "string"
|
|
14326
|
-
},
|
|
14327
|
-
"default": "''",
|
|
14328
|
-
"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.",
|
|
14329
|
-
"attribute": "tooltip",
|
|
14330
|
-
"inheritedFrom": {
|
|
14331
|
-
"name": "FlowIconButton",
|
|
14332
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14333
|
-
}
|
|
14557
|
+
"kind": "method",
|
|
14558
|
+
"name": "syncPanels",
|
|
14559
|
+
"privacy": "private"
|
|
14334
14560
|
},
|
|
14335
14561
|
{
|
|
14336
|
-
"kind": "
|
|
14337
|
-
"name": "
|
|
14338
|
-
"
|
|
14339
|
-
"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'"
|
|
14340
|
-
},
|
|
14341
|
-
"default": "'top'",
|
|
14342
|
-
"description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
|
|
14343
|
-
"attribute": "tooltip-placement",
|
|
14344
|
-
"inheritedFrom": {
|
|
14345
|
-
"name": "FlowIconButton",
|
|
14346
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14347
|
-
}
|
|
14562
|
+
"kind": "method",
|
|
14563
|
+
"name": "getAllPanels",
|
|
14564
|
+
"privacy": "private"
|
|
14348
14565
|
},
|
|
14566
|
+
{
|
|
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
|
+
]
|
|
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": [
|
|
14349
14680
|
{
|
|
14350
14681
|
"kind": "field",
|
|
14351
|
-
"name": "
|
|
14682
|
+
"name": "attrId",
|
|
14352
14683
|
"type": {
|
|
14353
14684
|
"text": "number"
|
|
14354
14685
|
},
|
|
14355
|
-
"
|
|
14356
|
-
"
|
|
14357
|
-
"
|
|
14358
|
-
"inheritedFrom": {
|
|
14359
|
-
"name": "FlowIconButton",
|
|
14360
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14361
|
-
}
|
|
14686
|
+
"privacy": "private",
|
|
14687
|
+
"readonly": true,
|
|
14688
|
+
"default": "++id"
|
|
14362
14689
|
},
|
|
14363
14690
|
{
|
|
14364
14691
|
"kind": "field",
|
|
14365
|
-
"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",
|
|
14366
14700
|
"type": {
|
|
14367
|
-
"text": "
|
|
14701
|
+
"text": "string"
|
|
14368
14702
|
},
|
|
14369
|
-
"default": "
|
|
14370
|
-
"description": "The
|
|
14371
|
-
"attribute": "
|
|
14372
|
-
"
|
|
14373
|
-
"name": "FlowIconButton",
|
|
14374
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14375
|
-
}
|
|
14703
|
+
"default": "''",
|
|
14704
|
+
"description": "The tab panel's name.",
|
|
14705
|
+
"attribute": "name",
|
|
14706
|
+
"reflects": true
|
|
14376
14707
|
},
|
|
14377
14708
|
{
|
|
14378
14709
|
"kind": "field",
|
|
14379
|
-
"name": "
|
|
14710
|
+
"name": "title",
|
|
14380
14711
|
"type": {
|
|
14381
|
-
"text": "
|
|
14712
|
+
"text": "string"
|
|
14382
14713
|
},
|
|
14383
|
-
"default": "
|
|
14384
|
-
"
|
|
14385
|
-
"
|
|
14386
|
-
"reflects": true,
|
|
14387
|
-
"inheritedFrom": {
|
|
14388
|
-
"name": "FlowIconButton",
|
|
14389
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14390
|
-
}
|
|
14714
|
+
"default": "''",
|
|
14715
|
+
"attribute": "title",
|
|
14716
|
+
"reflects": true
|
|
14391
14717
|
},
|
|
14392
14718
|
{
|
|
14393
14719
|
"kind": "field",
|
|
14394
|
-
"name": "
|
|
14720
|
+
"name": "subTitle",
|
|
14395
14721
|
"type": {
|
|
14396
14722
|
"text": "string"
|
|
14397
14723
|
},
|
|
14398
14724
|
"default": "''",
|
|
14399
|
-
"
|
|
14400
|
-
"
|
|
14401
|
-
"inheritedFrom": {
|
|
14402
|
-
"name": "FlowIconButton",
|
|
14403
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14404
|
-
}
|
|
14725
|
+
"attribute": "sub-title",
|
|
14726
|
+
"reflects": true
|
|
14405
14727
|
},
|
|
14406
14728
|
{
|
|
14407
|
-
"kind": "
|
|
14408
|
-
"name": "
|
|
14409
|
-
"
|
|
14410
|
-
|
|
14411
|
-
|
|
14412
|
-
|
|
14413
|
-
|
|
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
|
|
14414
14738
|
},
|
|
14415
14739
|
{
|
|
14416
|
-
"kind": "
|
|
14417
|
-
"name": "
|
|
14418
|
-
"
|
|
14419
|
-
|
|
14420
|
-
|
|
14421
|
-
|
|
14422
|
-
|
|
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
|
|
14423
14749
|
},
|
|
14424
14750
|
{
|
|
14425
14751
|
"kind": "method",
|
|
14426
|
-
"name": "
|
|
14427
|
-
|
|
14428
|
-
|
|
14429
|
-
|
|
14430
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14431
|
-
}
|
|
14432
|
-
},
|
|
14752
|
+
"name": "handleStateChange"
|
|
14753
|
+
}
|
|
14754
|
+
],
|
|
14755
|
+
"attributes": [
|
|
14433
14756
|
{
|
|
14434
|
-
"
|
|
14435
|
-
"
|
|
14436
|
-
|
|
14437
|
-
|
|
14438
|
-
|
|
14439
|
-
|
|
14440
|
-
|
|
14441
|
-
"text": "FocusOptions"
|
|
14442
|
-
}
|
|
14443
|
-
}
|
|
14444
|
-
],
|
|
14445
|
-
"description": "Sets focus on the icon button.",
|
|
14446
|
-
"inheritedFrom": {
|
|
14447
|
-
"name": "FlowIconButton",
|
|
14448
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14449
|
-
}
|
|
14757
|
+
"name": "name",
|
|
14758
|
+
"type": {
|
|
14759
|
+
"text": "string"
|
|
14760
|
+
},
|
|
14761
|
+
"default": "''",
|
|
14762
|
+
"description": "The tab panel's name.",
|
|
14763
|
+
"fieldName": "name"
|
|
14450
14764
|
},
|
|
14451
14765
|
{
|
|
14452
|
-
"
|
|
14453
|
-
"
|
|
14454
|
-
|
|
14455
|
-
|
|
14456
|
-
|
|
14457
|
-
|
|
14458
|
-
}
|
|
14766
|
+
"name": "title",
|
|
14767
|
+
"type": {
|
|
14768
|
+
"text": "string"
|
|
14769
|
+
},
|
|
14770
|
+
"default": "''",
|
|
14771
|
+
"fieldName": "title"
|
|
14459
14772
|
},
|
|
14460
14773
|
{
|
|
14461
|
-
"
|
|
14462
|
-
"
|
|
14463
|
-
|
|
14464
|
-
|
|
14465
|
-
|
|
14466
|
-
|
|
14467
|
-
}
|
|
14774
|
+
"name": "sub-title",
|
|
14775
|
+
"type": {
|
|
14776
|
+
"text": "string"
|
|
14777
|
+
},
|
|
14778
|
+
"default": "''",
|
|
14779
|
+
"fieldName": "subTitle"
|
|
14468
14780
|
},
|
|
14469
14781
|
{
|
|
14470
|
-
"
|
|
14471
|
-
"
|
|
14472
|
-
|
|
14473
|
-
|
|
14474
|
-
|
|
14475
|
-
|
|
14476
|
-
|
|
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"
|
|
14477
14789
|
},
|
|
14478
14790
|
{
|
|
14479
|
-
"
|
|
14480
|
-
"
|
|
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
|
+
},
|
|
14481
14859
|
"privacy": "private",
|
|
14482
|
-
"
|
|
14483
|
-
"name": "FlowIconButton",
|
|
14484
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14485
|
-
}
|
|
14860
|
+
"default": "null"
|
|
14486
14861
|
},
|
|
14487
14862
|
{
|
|
14488
|
-
"kind": "
|
|
14489
|
-
"name": "
|
|
14863
|
+
"kind": "field",
|
|
14864
|
+
"name": "parentPanelObserver",
|
|
14865
|
+
"type": {
|
|
14866
|
+
"text": "MutationObserver | null"
|
|
14867
|
+
},
|
|
14490
14868
|
"privacy": "private",
|
|
14491
|
-
"
|
|
14492
|
-
|
|
14493
|
-
|
|
14494
|
-
|
|
14495
|
-
|
|
14496
|
-
|
|
14497
|
-
|
|
14498
|
-
|
|
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'",
|
|
14499
14880
|
"inheritedFrom": {
|
|
14500
14881
|
"name": "FlowIconButton",
|
|
14501
14882
|
"module": "components/icon-button/icon-button.component.js"
|
|
14502
14883
|
}
|
|
14503
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
|
+
},
|
|
14504
14896
|
{
|
|
14505
14897
|
"kind": "method",
|
|
14506
|
-
"name": "
|
|
14507
|
-
"privacy": "
|
|
14898
|
+
"name": "handleClick",
|
|
14899
|
+
"privacy": "protected",
|
|
14508
14900
|
"parameters": [
|
|
14509
14901
|
{
|
|
14510
|
-
"name": "
|
|
14902
|
+
"name": "event",
|
|
14511
14903
|
"type": {
|
|
14512
|
-
"text": "
|
|
14904
|
+
"text": "MouseEvent"
|
|
14513
14905
|
}
|
|
14514
14906
|
}
|
|
14515
14907
|
],
|
|
14516
14908
|
"inheritedFrom": {
|
|
14517
14909
|
"name": "FlowIconButton",
|
|
14518
|
-
"module": "components/icon-button/icon-button.component.js"
|
|
14519
|
-
}
|
|
14520
|
-
}
|
|
14521
|
-
],
|
|
14522
|
-
"attributes": [
|
|
14523
|
-
{
|
|
14524
|
-
"name": "name",
|
|
14525
|
-
"type": {
|
|
14526
|
-
"text": "string | undefined"
|
|
14527
|
-
},
|
|
14528
|
-
"description": "The icon name to use for the button.\nDefaults to system icon `chevron-right`.",
|
|
14529
|
-
"fieldName": "name",
|
|
14530
|
-
"default": "'chevron-right'",
|
|
14531
|
-
"inheritedFrom": {
|
|
14532
|
-
"name": "FlowIconButton",
|
|
14533
|
-
"module": "src/components/icon-button/icon-button.component.ts"
|
|
14910
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14534
14911
|
}
|
|
14535
14912
|
},
|
|
14536
14913
|
{
|
|
14537
|
-
"
|
|
14538
|
-
"
|
|
14539
|
-
|
|
14914
|
+
"kind": "method",
|
|
14915
|
+
"name": "closestElement",
|
|
14916
|
+
"privacy": "private",
|
|
14917
|
+
"return": {
|
|
14918
|
+
"type": {
|
|
14919
|
+
"text": "Element | null"
|
|
14920
|
+
}
|
|
14540
14921
|
},
|
|
14541
|
-
"
|
|
14542
|
-
|
|
14543
|
-
|
|
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
|
+
]
|
|
14544
14937
|
},
|
|
14545
14938
|
{
|
|
14546
|
-
"
|
|
14547
|
-
"
|
|
14548
|
-
|
|
14549
|
-
|
|
14550
|
-
"
|
|
14551
|
-
"fieldName": "library",
|
|
14939
|
+
"kind": "field",
|
|
14940
|
+
"name": "hasSlotController",
|
|
14941
|
+
"privacy": "private",
|
|
14942
|
+
"readonly": true,
|
|
14943
|
+
"default": "new HasSlotController(this, 'tooltip')",
|
|
14552
14944
|
"inheritedFrom": {
|
|
14553
14945
|
"name": "FlowIconButton",
|
|
14554
|
-
"module": "
|
|
14946
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14555
14947
|
}
|
|
14556
14948
|
},
|
|
14557
14949
|
{
|
|
14558
|
-
"
|
|
14950
|
+
"kind": "field",
|
|
14951
|
+
"name": "tooltipAnimating",
|
|
14559
14952
|
"type": {
|
|
14560
|
-
"text": "
|
|
14953
|
+
"text": "boolean"
|
|
14561
14954
|
},
|
|
14562
|
-
"
|
|
14563
|
-
"
|
|
14955
|
+
"privacy": "private",
|
|
14956
|
+
"default": "false",
|
|
14564
14957
|
"inheritedFrom": {
|
|
14565
14958
|
"name": "FlowIconButton",
|
|
14566
|
-
"module": "
|
|
14959
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14567
14960
|
}
|
|
14568
14961
|
},
|
|
14569
14962
|
{
|
|
14570
|
-
"
|
|
14963
|
+
"kind": "field",
|
|
14964
|
+
"name": "button",
|
|
14571
14965
|
"type": {
|
|
14572
|
-
"text": "
|
|
14966
|
+
"text": "HTMLButtonElement | HTMLLinkElement"
|
|
14573
14967
|
},
|
|
14574
|
-
"description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
|
|
14575
|
-
"fieldName": "href",
|
|
14576
14968
|
"inheritedFrom": {
|
|
14577
14969
|
"name": "FlowIconButton",
|
|
14578
|
-
"module": "
|
|
14970
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14579
14971
|
}
|
|
14580
14972
|
},
|
|
14581
14973
|
{
|
|
14582
|
-
"
|
|
14974
|
+
"kind": "field",
|
|
14975
|
+
"name": "tooltipElem",
|
|
14583
14976
|
"type": {
|
|
14584
|
-
"text": "
|
|
14977
|
+
"text": "FlowTooltip"
|
|
14585
14978
|
},
|
|
14586
|
-
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
14587
|
-
"fieldName": "target",
|
|
14588
14979
|
"inheritedFrom": {
|
|
14589
14980
|
"name": "FlowIconButton",
|
|
14590
|
-
"module": "
|
|
14981
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14591
14982
|
}
|
|
14592
14983
|
},
|
|
14593
14984
|
{
|
|
14594
|
-
"
|
|
14985
|
+
"kind": "field",
|
|
14986
|
+
"name": "confirmButton",
|
|
14595
14987
|
"type": {
|
|
14596
|
-
"text": "
|
|
14988
|
+
"text": "HTMLButtonElement"
|
|
14597
14989
|
},
|
|
14598
|
-
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
|
|
14599
|
-
"fieldName": "download",
|
|
14600
14990
|
"inheritedFrom": {
|
|
14601
14991
|
"name": "FlowIconButton",
|
|
14602
|
-
"module": "
|
|
14992
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14603
14993
|
}
|
|
14604
14994
|
},
|
|
14605
14995
|
{
|
|
14606
|
-
"
|
|
14996
|
+
"kind": "field",
|
|
14997
|
+
"name": "hasFocus",
|
|
14607
14998
|
"type": {
|
|
14608
|
-
"text": "
|
|
14999
|
+
"text": "boolean"
|
|
14609
15000
|
},
|
|
14610
|
-
"
|
|
14611
|
-
"
|
|
14612
|
-
"fieldName": "label",
|
|
15001
|
+
"privacy": "private",
|
|
15002
|
+
"default": "false",
|
|
14613
15003
|
"inheritedFrom": {
|
|
14614
15004
|
"name": "FlowIconButton",
|
|
14615
|
-
"module": "
|
|
15005
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14616
15006
|
}
|
|
14617
15007
|
},
|
|
14618
15008
|
{
|
|
14619
|
-
"
|
|
15009
|
+
"kind": "field",
|
|
15010
|
+
"name": "library",
|
|
14620
15011
|
"type": {
|
|
14621
|
-
"text": "string"
|
|
15012
|
+
"text": "string | undefined"
|
|
14622
15013
|
},
|
|
14623
|
-
"
|
|
14624
|
-
"
|
|
14625
|
-
"fieldName": "tooltip",
|
|
15014
|
+
"description": "The name of a registered custom icon library.",
|
|
15015
|
+
"attribute": "library",
|
|
14626
15016
|
"inheritedFrom": {
|
|
14627
15017
|
"name": "FlowIconButton",
|
|
14628
|
-
"module": "
|
|
15018
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14629
15019
|
}
|
|
14630
15020
|
},
|
|
14631
15021
|
{
|
|
14632
|
-
"
|
|
15022
|
+
"kind": "field",
|
|
15023
|
+
"name": "src",
|
|
14633
15024
|
"type": {
|
|
14634
|
-
"text": "
|
|
15025
|
+
"text": "string | undefined"
|
|
14635
15026
|
},
|
|
14636
|
-
"
|
|
14637
|
-
"
|
|
14638
|
-
"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",
|
|
14639
15029
|
"inheritedFrom": {
|
|
14640
15030
|
"name": "FlowIconButton",
|
|
14641
|
-
"module": "
|
|
15031
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14642
15032
|
}
|
|
14643
15033
|
},
|
|
14644
15034
|
{
|
|
14645
|
-
"
|
|
15035
|
+
"kind": "field",
|
|
15036
|
+
"name": "href",
|
|
14646
15037
|
"type": {
|
|
14647
|
-
"text": "
|
|
15038
|
+
"text": "string | undefined"
|
|
14648
15039
|
},
|
|
14649
|
-
"
|
|
14650
|
-
"
|
|
14651
|
-
"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",
|
|
14652
15042
|
"inheritedFrom": {
|
|
14653
15043
|
"name": "FlowIconButton",
|
|
14654
|
-
"module": "
|
|
15044
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14655
15045
|
}
|
|
14656
15046
|
},
|
|
14657
15047
|
{
|
|
14658
|
-
"
|
|
15048
|
+
"kind": "field",
|
|
15049
|
+
"name": "target",
|
|
14659
15050
|
"type": {
|
|
14660
|
-
"text": "
|
|
15051
|
+
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
14661
15052
|
},
|
|
14662
|
-
"
|
|
14663
|
-
"
|
|
14664
|
-
"fieldName": "tooltipSkidding",
|
|
15053
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
15054
|
+
"attribute": "target",
|
|
14665
15055
|
"inheritedFrom": {
|
|
14666
15056
|
"name": "FlowIconButton",
|
|
14667
|
-
"module": "
|
|
15057
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14668
15058
|
}
|
|
14669
15059
|
},
|
|
14670
15060
|
{
|
|
14671
|
-
"
|
|
15061
|
+
"kind": "field",
|
|
15062
|
+
"name": "download",
|
|
14672
15063
|
"type": {
|
|
14673
|
-
"text": "
|
|
15064
|
+
"text": "string | undefined"
|
|
14674
15065
|
},
|
|
14675
|
-
"
|
|
14676
|
-
"
|
|
14677
|
-
"fieldName": "disabled",
|
|
15066
|
+
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
|
|
15067
|
+
"attribute": "download",
|
|
14678
15068
|
"inheritedFrom": {
|
|
14679
15069
|
"name": "FlowIconButton",
|
|
14680
|
-
"module": "
|
|
15070
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
14681
15071
|
}
|
|
14682
15072
|
},
|
|
14683
15073
|
{
|
|
14684
|
-
"
|
|
15074
|
+
"kind": "field",
|
|
15075
|
+
"name": "label",
|
|
14685
15076
|
"type": {
|
|
14686
15077
|
"text": "string"
|
|
14687
15078
|
},
|
|
14688
15079
|
"default": "''",
|
|
14689
|
-
"description": "
|
|
14690
|
-
"
|
|
14691
|
-
"inheritedFrom": {
|
|
14692
|
-
"name": "FlowIconButton",
|
|
14693
|
-
"module": "src/components/icon-button/icon-button.component.ts"
|
|
14694
|
-
}
|
|
14695
|
-
}
|
|
14696
|
-
],
|
|
14697
|
-
"superclass": {
|
|
14698
|
-
"name": "FlowIconButton",
|
|
14699
|
-
"module": "/src/components/icon-button/icon-button.component"
|
|
14700
|
-
},
|
|
14701
|
-
"summary": "Use a split panel toggle button to control a parent panel's open/closed state",
|
|
14702
|
-
"dependencies": [
|
|
14703
|
-
"flow-ui-icon-button"
|
|
14704
|
-
],
|
|
14705
|
-
"events": [
|
|
14706
|
-
{
|
|
14707
|
-
"description": "Emitted when the icon button loses focus.",
|
|
14708
|
-
"name": "flow-ui-blur",
|
|
14709
|
-
"reactName": "onFlowUiBlur",
|
|
14710
|
-
"inheritedFrom": {
|
|
14711
|
-
"name": "FlowIconButton",
|
|
14712
|
-
"module": "src/components/icon-button/icon-button.component.ts"
|
|
14713
|
-
}
|
|
14714
|
-
},
|
|
14715
|
-
{
|
|
14716
|
-
"description": "Emitted when the icon button gains focus.",
|
|
14717
|
-
"name": "flow-ui-focus",
|
|
14718
|
-
"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",
|
|
14719
15082
|
"inheritedFrom": {
|
|
14720
15083
|
"name": "FlowIconButton",
|
|
14721
|
-
"module": "
|
|
14722
|
-
}
|
|
14723
|
-
}
|
|
14724
|
-
]
|
|
14725
|
-
}
|
|
14726
|
-
],
|
|
14727
|
-
"exports": [
|
|
14728
|
-
{
|
|
14729
|
-
"kind": "js",
|
|
14730
|
-
"name": "default",
|
|
14731
|
-
"declaration": {
|
|
14732
|
-
"name": "FlowSplitViewToggleButton",
|
|
14733
|
-
"module": "components/split-view-toggle-button/split-view-toggle-button.component.js"
|
|
14734
|
-
}
|
|
14735
|
-
}
|
|
14736
|
-
]
|
|
14737
|
-
},
|
|
14738
|
-
{
|
|
14739
|
-
"kind": "javascript-module",
|
|
14740
|
-
"path": "components/split-view-toggle-button/split-view-toggle-button.js",
|
|
14741
|
-
"declarations": [],
|
|
14742
|
-
"exports": [
|
|
14743
|
-
{
|
|
14744
|
-
"kind": "js",
|
|
14745
|
-
"name": "*",
|
|
14746
|
-
"declaration": {
|
|
14747
|
-
"name": "*",
|
|
14748
|
-
"package": "./split-view-toggle-button.component.js"
|
|
14749
|
-
}
|
|
14750
|
-
},
|
|
14751
|
-
{
|
|
14752
|
-
"kind": "js",
|
|
14753
|
-
"name": "default",
|
|
14754
|
-
"declaration": {
|
|
14755
|
-
"name": "FlowSplitViewToggleButton",
|
|
14756
|
-
"module": "components/split-view-toggle-button/split-view-toggle-button.js"
|
|
14757
|
-
}
|
|
14758
|
-
}
|
|
14759
|
-
]
|
|
14760
|
-
},
|
|
14761
|
-
{
|
|
14762
|
-
"kind": "javascript-module",
|
|
14763
|
-
"path": "components/stepper/stepper.component.js",
|
|
14764
|
-
"declarations": [
|
|
14765
|
-
{
|
|
14766
|
-
"kind": "class",
|
|
14767
|
-
"description": "",
|
|
14768
|
-
"name": "FlowStepper",
|
|
14769
|
-
"cssProperties": [
|
|
14770
|
-
{
|
|
14771
|
-
"description": "The tab panel's padding.",
|
|
14772
|
-
"name": "--padding"
|
|
14773
|
-
}
|
|
14774
|
-
],
|
|
14775
|
-
"cssParts": [
|
|
14776
|
-
{
|
|
14777
|
-
"description": "The component's base wrapper.",
|
|
14778
|
-
"name": "base"
|
|
14779
|
-
}
|
|
14780
|
-
],
|
|
14781
|
-
"slots": [
|
|
14782
|
-
{
|
|
14783
|
-
"description": "The tab panel's content.",
|
|
14784
|
-
"name": ""
|
|
14785
|
-
}
|
|
14786
|
-
],
|
|
14787
|
-
"members": [
|
|
15084
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15085
|
+
}
|
|
15086
|
+
},
|
|
14788
15087
|
{
|
|
14789
15088
|
"kind": "field",
|
|
14790
|
-
"name": "
|
|
15089
|
+
"name": "tooltip",
|
|
14791
15090
|
"type": {
|
|
14792
|
-
"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"
|
|
14793
15099
|
}
|
|
14794
15100
|
},
|
|
14795
15101
|
{
|
|
14796
15102
|
"kind": "field",
|
|
14797
|
-
"name": "
|
|
15103
|
+
"name": "tooltipPlacement",
|
|
14798
15104
|
"type": {
|
|
14799
|
-
"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"
|
|
14800
15113
|
}
|
|
14801
15114
|
},
|
|
14802
15115
|
{
|
|
14803
15116
|
"kind": "field",
|
|
14804
|
-
"name": "
|
|
15117
|
+
"name": "tooltipDistance",
|
|
14805
15118
|
"type": {
|
|
14806
15119
|
"text": "number"
|
|
14807
15120
|
},
|
|
14808
|
-
"
|
|
14809
|
-
"
|
|
14810
|
-
"
|
|
14811
|
-
|
|
14812
|
-
|
|
14813
|
-
|
|
14814
|
-
|
|
14815
|
-
"privacy": "private",
|
|
14816
|
-
"readonly": true,
|
|
14817
|
-
"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
|
+
}
|
|
14818
15128
|
},
|
|
14819
15129
|
{
|
|
14820
15130
|
"kind": "field",
|
|
14821
|
-
"name": "
|
|
15131
|
+
"name": "tooltipSkidding",
|
|
14822
15132
|
"type": {
|
|
14823
|
-
"text": "
|
|
15133
|
+
"text": "number"
|
|
14824
15134
|
},
|
|
14825
|
-
"
|
|
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
|
+
}
|
|
14826
15142
|
},
|
|
14827
15143
|
{
|
|
14828
15144
|
"kind": "field",
|
|
14829
|
-
"name": "
|
|
15145
|
+
"name": "disabled",
|
|
14830
15146
|
"type": {
|
|
14831
|
-
"text": "
|
|
15147
|
+
"text": "boolean"
|
|
14832
15148
|
},
|
|
14833
|
-
"
|
|
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
|
+
}
|
|
14834
15157
|
},
|
|
14835
15158
|
{
|
|
14836
15159
|
"kind": "field",
|
|
14837
|
-
"name": "
|
|
15160
|
+
"name": "confirm",
|
|
14838
15161
|
"type": {
|
|
14839
|
-
"text": "
|
|
15162
|
+
"text": "string"
|
|
14840
15163
|
},
|
|
14841
|
-
"
|
|
14842
|
-
"
|
|
14843
|
-
|
|
14844
|
-
|
|
14845
|
-
|
|
14846
|
-
|
|
14847
|
-
|
|
14848
|
-
{
|
|
14849
|
-
"name": "panelName",
|
|
14850
|
-
"type": {
|
|
14851
|
-
"text": "string"
|
|
14852
|
-
}
|
|
14853
|
-
},
|
|
14854
|
-
{
|
|
14855
|
-
"name": "complete",
|
|
14856
|
-
"default": "true"
|
|
14857
|
-
}
|
|
14858
|
-
]
|
|
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
|
+
}
|
|
14859
15171
|
},
|
|
14860
15172
|
{
|
|
14861
15173
|
"kind": "method",
|
|
14862
|
-
"name": "
|
|
14863
|
-
"
|
|
14864
|
-
|
|
14865
|
-
|
|
14866
|
-
|
|
14867
|
-
|
|
14868
|
-
}
|
|
14869
|
-
}
|
|
14870
|
-
]
|
|
15174
|
+
"name": "handleBlur",
|
|
15175
|
+
"privacy": "private",
|
|
15176
|
+
"inheritedFrom": {
|
|
15177
|
+
"name": "FlowIconButton",
|
|
15178
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15179
|
+
}
|
|
14871
15180
|
},
|
|
14872
15181
|
{
|
|
14873
15182
|
"kind": "method",
|
|
14874
|
-
"name": "
|
|
14875
|
-
"privacy": "private"
|
|
15183
|
+
"name": "handleFocus",
|
|
15184
|
+
"privacy": "private",
|
|
15185
|
+
"inheritedFrom": {
|
|
15186
|
+
"name": "FlowIconButton",
|
|
15187
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15188
|
+
}
|
|
14876
15189
|
},
|
|
14877
15190
|
{
|
|
14878
15191
|
"kind": "method",
|
|
14879
|
-
"name": "
|
|
14880
|
-
"
|
|
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
|
+
}
|
|
14881
15198
|
},
|
|
14882
15199
|
{
|
|
14883
15200
|
"kind": "method",
|
|
14884
|
-
"name": "
|
|
14885
|
-
"privacy": "private",
|
|
15201
|
+
"name": "focus",
|
|
14886
15202
|
"parameters": [
|
|
14887
|
-
{
|
|
14888
|
-
"name": "panel",
|
|
14889
|
-
"type": {
|
|
14890
|
-
"text": "FlowStepperPanel"
|
|
14891
|
-
}
|
|
14892
|
-
},
|
|
14893
15203
|
{
|
|
14894
15204
|
"name": "options",
|
|
14895
15205
|
"optional": true,
|
|
14896
15206
|
"type": {
|
|
14897
|
-
"text": "
|
|
15207
|
+
"text": "FocusOptions"
|
|
14898
15208
|
}
|
|
14899
15209
|
}
|
|
14900
|
-
]
|
|
15210
|
+
],
|
|
15211
|
+
"description": "Sets focus on the icon button.",
|
|
15212
|
+
"inheritedFrom": {
|
|
15213
|
+
"name": "FlowIconButton",
|
|
15214
|
+
"module": "components/icon-button/icon-button.component.js"
|
|
15215
|
+
}
|
|
14901
15216
|
},
|
|
14902
15217
|
{
|
|
14903
15218
|
"kind": "method",
|
|
14904
|
-
"name": "
|
|
14905
|
-
"
|
|
14906
|
-
|
|
14907
|
-
|
|
14908
|
-
|
|
14909
|
-
|
|
14910
|
-
}
|
|
14911
|
-
},
|
|
14912
|
-
{
|
|
14913
|
-
"name": "index",
|
|
14914
|
-
"type": {
|
|
14915
|
-
"text": "number"
|
|
14916
|
-
}
|
|
14917
|
-
}
|
|
14918
|
-
]
|
|
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
|
+
}
|
|
14919
15225
|
},
|
|
14920
15226
|
{
|
|
14921
15227
|
"kind": "method",
|
|
14922
|
-
"name": "
|
|
14923
|
-
|
|
14924
|
-
|
|
14925
|
-
|
|
14926
|
-
|
|
14927
|
-
|
|
14928
|
-
|
|
14929
|
-
"summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
|
|
14930
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel",
|
|
14931
|
-
"status": "stable",
|
|
14932
|
-
"since": "2.0"
|
|
14933
|
-
}
|
|
14934
|
-
],
|
|
14935
|
-
"exports": [
|
|
14936
|
-
{
|
|
14937
|
-
"kind": "js",
|
|
14938
|
-
"name": "default",
|
|
14939
|
-
"declaration": {
|
|
14940
|
-
"name": "FlowStepper",
|
|
14941
|
-
"module": "components/stepper/stepper.component.js"
|
|
14942
|
-
}
|
|
14943
|
-
}
|
|
14944
|
-
]
|
|
14945
|
-
},
|
|
14946
|
-
{
|
|
14947
|
-
"kind": "javascript-module",
|
|
14948
|
-
"path": "components/stepper/stepper.js",
|
|
14949
|
-
"declarations": [],
|
|
14950
|
-
"exports": [
|
|
14951
|
-
{
|
|
14952
|
-
"kind": "js",
|
|
14953
|
-
"name": "*",
|
|
14954
|
-
"declaration": {
|
|
14955
|
-
"name": "*",
|
|
14956
|
-
"package": "./stepper.component"
|
|
14957
|
-
}
|
|
14958
|
-
},
|
|
14959
|
-
{
|
|
14960
|
-
"kind": "js",
|
|
14961
|
-
"name": "default",
|
|
14962
|
-
"declaration": {
|
|
14963
|
-
"name": "FlowStepper",
|
|
14964
|
-
"module": "components/stepper/stepper.js"
|
|
14965
|
-
}
|
|
14966
|
-
}
|
|
14967
|
-
]
|
|
14968
|
-
},
|
|
14969
|
-
{
|
|
14970
|
-
"kind": "javascript-module",
|
|
14971
|
-
"path": "components/stepper-panel/stepper-panel.component.js",
|
|
14972
|
-
"declarations": [
|
|
14973
|
-
{
|
|
14974
|
-
"kind": "class",
|
|
14975
|
-
"description": "",
|
|
14976
|
-
"name": "FlowStepperPanel",
|
|
14977
|
-
"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
|
+
},
|
|
14978
15235
|
{
|
|
14979
|
-
"
|
|
14980
|
-
"name": "
|
|
14981
|
-
|
|
14982
|
-
|
|
14983
|
-
|
|
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
|
+
},
|
|
14984
15244
|
{
|
|
14985
|
-
"
|
|
14986
|
-
"name": "
|
|
14987
|
-
|
|
14988
|
-
|
|
14989
|
-
|
|
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
|
+
},
|
|
14990
15253
|
{
|
|
14991
|
-
"
|
|
14992
|
-
"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
|
+
}
|
|
14993
15286
|
}
|
|
14994
15287
|
],
|
|
14995
|
-
"
|
|
15288
|
+
"attributes": [
|
|
14996
15289
|
{
|
|
14997
|
-
"
|
|
14998
|
-
"name": "attrId",
|
|
15290
|
+
"name": "name",
|
|
14999
15291
|
"type": {
|
|
15000
|
-
"text": "
|
|
15292
|
+
"text": "string | undefined"
|
|
15001
15293
|
},
|
|
15002
|
-
"
|
|
15003
|
-
"
|
|
15004
|
-
"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
|
+
}
|
|
15005
15301
|
},
|
|
15006
15302
|
{
|
|
15007
|
-
"
|
|
15008
|
-
"
|
|
15009
|
-
|
|
15010
|
-
|
|
15011
|
-
"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"
|
|
15012
15310
|
},
|
|
15013
15311
|
{
|
|
15014
|
-
"
|
|
15015
|
-
"name": "name",
|
|
15312
|
+
"name": "library",
|
|
15016
15313
|
"type": {
|
|
15017
|
-
"text": "string"
|
|
15314
|
+
"text": "string | undefined"
|
|
15018
15315
|
},
|
|
15019
|
-
"
|
|
15020
|
-
"
|
|
15021
|
-
"
|
|
15022
|
-
|
|
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
|
+
}
|
|
15023
15322
|
},
|
|
15024
15323
|
{
|
|
15025
|
-
"
|
|
15026
|
-
"name": "title",
|
|
15324
|
+
"name": "src",
|
|
15027
15325
|
"type": {
|
|
15028
|
-
"text": "string"
|
|
15326
|
+
"text": "string | undefined"
|
|
15029
15327
|
},
|
|
15030
|
-
"
|
|
15031
|
-
"
|
|
15032
|
-
"
|
|
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
|
+
}
|
|
15033
15334
|
},
|
|
15034
15335
|
{
|
|
15035
|
-
"
|
|
15036
|
-
"name": "subTitle",
|
|
15336
|
+
"name": "href",
|
|
15037
15337
|
"type": {
|
|
15038
|
-
"text": "string"
|
|
15338
|
+
"text": "string | undefined"
|
|
15039
15339
|
},
|
|
15040
|
-
"
|
|
15041
|
-
"
|
|
15042
|
-
"
|
|
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
|
+
}
|
|
15043
15346
|
},
|
|
15044
15347
|
{
|
|
15045
|
-
"
|
|
15046
|
-
"name": "active",
|
|
15348
|
+
"name": "target",
|
|
15047
15349
|
"type": {
|
|
15048
|
-
"text": "
|
|
15350
|
+
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
15049
15351
|
},
|
|
15050
|
-
"
|
|
15051
|
-
"
|
|
15052
|
-
"
|
|
15053
|
-
|
|
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
|
+
}
|
|
15054
15358
|
},
|
|
15055
15359
|
{
|
|
15056
|
-
"
|
|
15057
|
-
"name": "complete",
|
|
15360
|
+
"name": "download",
|
|
15058
15361
|
"type": {
|
|
15059
|
-
"text": "
|
|
15362
|
+
"text": "string | undefined"
|
|
15060
15363
|
},
|
|
15061
|
-
"
|
|
15062
|
-
"
|
|
15063
|
-
"
|
|
15064
|
-
|
|
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
|
+
}
|
|
15065
15370
|
},
|
|
15066
15371
|
{
|
|
15067
|
-
"
|
|
15068
|
-
"name": "handleStateChange"
|
|
15069
|
-
}
|
|
15070
|
-
],
|
|
15071
|
-
"attributes": [
|
|
15072
|
-
{
|
|
15073
|
-
"name": "name",
|
|
15372
|
+
"name": "label",
|
|
15074
15373
|
"type": {
|
|
15075
15374
|
"text": "string"
|
|
15076
15375
|
},
|
|
15077
15376
|
"default": "''",
|
|
15078
|
-
"description": "
|
|
15079
|
-
"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
|
+
}
|
|
15080
15383
|
},
|
|
15081
15384
|
{
|
|
15082
|
-
"name": "
|
|
15385
|
+
"name": "tooltip",
|
|
15083
15386
|
"type": {
|
|
15084
15387
|
"text": "string"
|
|
15085
15388
|
},
|
|
15086
15389
|
"default": "''",
|
|
15087
|
-
"
|
|
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
|
+
}
|
|
15088
15396
|
},
|
|
15089
15397
|
{
|
|
15090
|
-
"name": "
|
|
15398
|
+
"name": "tooltip-placement",
|
|
15091
15399
|
"type": {
|
|
15092
|
-
"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'"
|
|
15093
15401
|
},
|
|
15094
|
-
"default": "''",
|
|
15095
|
-
"
|
|
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
|
+
}
|
|
15096
15409
|
},
|
|
15097
15410
|
{
|
|
15098
|
-
"name": "
|
|
15411
|
+
"name": "tooltip-distance",
|
|
15099
15412
|
"type": {
|
|
15100
|
-
"text": "
|
|
15413
|
+
"text": "number"
|
|
15101
15414
|
},
|
|
15102
|
-
"default": "
|
|
15103
|
-
"description": "
|
|
15104
|
-
"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
|
+
}
|
|
15105
15422
|
},
|
|
15106
15423
|
{
|
|
15107
|
-
"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",
|
|
15108
15438
|
"type": {
|
|
15109
15439
|
"text": "boolean"
|
|
15110
15440
|
},
|
|
15111
15441
|
"default": "false",
|
|
15112
|
-
"description": "
|
|
15113
|
-
"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
|
+
}
|
|
15114
15461
|
}
|
|
15115
15462
|
],
|
|
15116
15463
|
"superclass": {
|
|
15117
|
-
"name": "
|
|
15118
|
-
"module": "/src/
|
|
15464
|
+
"name": "FlowIconButton",
|
|
15465
|
+
"module": "/src/components/icon-button/icon-button.component"
|
|
15119
15466
|
},
|
|
15120
|
-
"summary": "
|
|
15121
|
-
"
|
|
15122
|
-
|
|
15123
|
-
|
|
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
|
+
]
|
|
15124
15491
|
}
|
|
15125
15492
|
],
|
|
15126
15493
|
"exports": [
|
|
@@ -15128,15 +15495,15 @@
|
|
|
15128
15495
|
"kind": "js",
|
|
15129
15496
|
"name": "default",
|
|
15130
15497
|
"declaration": {
|
|
15131
|
-
"name": "
|
|
15132
|
-
"module": "components/
|
|
15498
|
+
"name": "FlowSplitViewToggleButton",
|
|
15499
|
+
"module": "components/split-view-toggle-button/split-view-toggle-button.component.js"
|
|
15133
15500
|
}
|
|
15134
15501
|
}
|
|
15135
15502
|
]
|
|
15136
15503
|
},
|
|
15137
15504
|
{
|
|
15138
15505
|
"kind": "javascript-module",
|
|
15139
|
-
"path": "components/
|
|
15506
|
+
"path": "components/split-view-toggle-button/split-view-toggle-button.js",
|
|
15140
15507
|
"declarations": [],
|
|
15141
15508
|
"exports": [
|
|
15142
15509
|
{
|
|
@@ -15144,15 +15511,15 @@
|
|
|
15144
15511
|
"name": "*",
|
|
15145
15512
|
"declaration": {
|
|
15146
15513
|
"name": "*",
|
|
15147
|
-
"package": "./
|
|
15514
|
+
"package": "./split-view-toggle-button.component.js"
|
|
15148
15515
|
}
|
|
15149
15516
|
},
|
|
15150
15517
|
{
|
|
15151
15518
|
"kind": "js",
|
|
15152
15519
|
"name": "default",
|
|
15153
15520
|
"declaration": {
|
|
15154
|
-
"name": "
|
|
15155
|
-
"module": "components/
|
|
15521
|
+
"name": "FlowSplitViewToggleButton",
|
|
15522
|
+
"module": "components/split-view-toggle-button/split-view-toggle-button.js"
|
|
15156
15523
|
}
|
|
15157
15524
|
}
|
|
15158
15525
|
]
|
|
@@ -15879,6 +16246,128 @@
|
|
|
15879
16246
|
}
|
|
15880
16247
|
]
|
|
15881
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
|
+
},
|
|
15882
16371
|
{
|
|
15883
16372
|
"kind": "javascript-module",
|
|
15884
16373
|
"path": "components/tab-group/tab-group.js",
|
|
@@ -16293,128 +16782,6 @@
|
|
|
16293
16782
|
}
|
|
16294
16783
|
]
|
|
16295
16784
|
},
|
|
16296
|
-
{
|
|
16297
|
-
"kind": "javascript-module",
|
|
16298
|
-
"path": "components/tab-panel/tab-panel.js",
|
|
16299
|
-
"declarations": [
|
|
16300
|
-
{
|
|
16301
|
-
"kind": "class",
|
|
16302
|
-
"description": "",
|
|
16303
|
-
"name": "FlowTabPanel",
|
|
16304
|
-
"cssProperties": [
|
|
16305
|
-
{
|
|
16306
|
-
"description": "The tab panel's padding.",
|
|
16307
|
-
"name": "--padding"
|
|
16308
|
-
}
|
|
16309
|
-
],
|
|
16310
|
-
"cssParts": [
|
|
16311
|
-
{
|
|
16312
|
-
"description": "The component's base wrapper.",
|
|
16313
|
-
"name": "base"
|
|
16314
|
-
}
|
|
16315
|
-
],
|
|
16316
|
-
"slots": [
|
|
16317
|
-
{
|
|
16318
|
-
"description": "The tab panel's content.",
|
|
16319
|
-
"name": ""
|
|
16320
|
-
}
|
|
16321
|
-
],
|
|
16322
|
-
"members": [
|
|
16323
|
-
{
|
|
16324
|
-
"kind": "field",
|
|
16325
|
-
"name": "attrId",
|
|
16326
|
-
"type": {
|
|
16327
|
-
"text": "number"
|
|
16328
|
-
},
|
|
16329
|
-
"privacy": "private",
|
|
16330
|
-
"readonly": true,
|
|
16331
|
-
"default": "++id"
|
|
16332
|
-
},
|
|
16333
|
-
{
|
|
16334
|
-
"kind": "field",
|
|
16335
|
-
"name": "componentId",
|
|
16336
|
-
"privacy": "private",
|
|
16337
|
-
"readonly": true,
|
|
16338
|
-
"default": "`flow-ui-tab-panel-${this.attrId}`"
|
|
16339
|
-
},
|
|
16340
|
-
{
|
|
16341
|
-
"kind": "field",
|
|
16342
|
-
"name": "name",
|
|
16343
|
-
"type": {
|
|
16344
|
-
"text": "string"
|
|
16345
|
-
},
|
|
16346
|
-
"default": "''",
|
|
16347
|
-
"description": "The tab panel's name.",
|
|
16348
|
-
"attribute": "name",
|
|
16349
|
-
"reflects": true
|
|
16350
|
-
},
|
|
16351
|
-
{
|
|
16352
|
-
"kind": "field",
|
|
16353
|
-
"name": "active",
|
|
16354
|
-
"type": {
|
|
16355
|
-
"text": "boolean"
|
|
16356
|
-
},
|
|
16357
|
-
"default": "false",
|
|
16358
|
-
"description": "When true, the tab panel will be shown.",
|
|
16359
|
-
"attribute": "active",
|
|
16360
|
-
"reflects": true
|
|
16361
|
-
},
|
|
16362
|
-
{
|
|
16363
|
-
"kind": "method",
|
|
16364
|
-
"name": "handleActiveChange"
|
|
16365
|
-
}
|
|
16366
|
-
],
|
|
16367
|
-
"attributes": [
|
|
16368
|
-
{
|
|
16369
|
-
"name": "name",
|
|
16370
|
-
"type": {
|
|
16371
|
-
"text": "string"
|
|
16372
|
-
},
|
|
16373
|
-
"default": "''",
|
|
16374
|
-
"description": "The tab panel's name.",
|
|
16375
|
-
"fieldName": "name"
|
|
16376
|
-
},
|
|
16377
|
-
{
|
|
16378
|
-
"name": "active",
|
|
16379
|
-
"type": {
|
|
16380
|
-
"text": "boolean"
|
|
16381
|
-
},
|
|
16382
|
-
"default": "false",
|
|
16383
|
-
"description": "When true, the tab panel will be shown.",
|
|
16384
|
-
"fieldName": "active"
|
|
16385
|
-
}
|
|
16386
|
-
],
|
|
16387
|
-
"superclass": {
|
|
16388
|
-
"name": "FlowRdfElement",
|
|
16389
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
16390
|
-
},
|
|
16391
|
-
"summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
|
|
16392
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel",
|
|
16393
|
-
"status": "stable",
|
|
16394
|
-
"since": "2.0",
|
|
16395
|
-
"tagName": "flow-ui-tab-panel",
|
|
16396
|
-
"customElement": true
|
|
16397
|
-
}
|
|
16398
|
-
],
|
|
16399
|
-
"exports": [
|
|
16400
|
-
{
|
|
16401
|
-
"kind": "js",
|
|
16402
|
-
"name": "default",
|
|
16403
|
-
"declaration": {
|
|
16404
|
-
"name": "FlowTabPanel",
|
|
16405
|
-
"module": "components/tab-panel/tab-panel.js"
|
|
16406
|
-
}
|
|
16407
|
-
},
|
|
16408
|
-
{
|
|
16409
|
-
"kind": "custom-element-definition",
|
|
16410
|
-
"name": "flow-ui-tab-panel",
|
|
16411
|
-
"declaration": {
|
|
16412
|
-
"name": "FlowTabPanel",
|
|
16413
|
-
"module": "components/tab-panel/tab-panel.js"
|
|
16414
|
-
}
|
|
16415
|
-
}
|
|
16416
|
-
]
|
|
16417
|
-
},
|
|
16418
16785
|
{
|
|
16419
16786
|
"kind": "javascript-module",
|
|
16420
16787
|
"path": "components/tag/tag.js",
|
|
@@ -19393,6 +19760,6 @@
|
|
|
19393
19760
|
],
|
|
19394
19761
|
"package": {
|
|
19395
19762
|
"name": "@emuanalytics/flow-rdf-ui",
|
|
19396
|
-
"version": "0.0.
|
|
19763
|
+
"version": "0.0.14"
|
|
19397
19764
|
}
|
|
19398
19765
|
}
|