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