@emuanalytics/flow-rdf-ui 0.0.7 → 0.0.8
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 +751 -751
- package/dist/flow-rdf-ui.d.ts +42 -0
- package/dist/flow-rdf-ui.js +5171 -1835
- package/dist/flow-rdf-ui.umd.cjs +5171 -1835
- package/dist/vscode.html-custom-data.json +64 -64
- package/package.json +1 -1
|
@@ -4,235 +4,214 @@
|
|
|
4
4
|
"modules": [
|
|
5
5
|
{
|
|
6
6
|
"kind": "javascript-module",
|
|
7
|
-
"path": "components/
|
|
7
|
+
"path": "components/badge/badge.js",
|
|
8
8
|
"declarations": [
|
|
9
9
|
{
|
|
10
10
|
"kind": "class",
|
|
11
11
|
"description": "",
|
|
12
|
-
"name": "
|
|
12
|
+
"name": "FlowBadge",
|
|
13
13
|
"cssParts": [
|
|
14
14
|
{
|
|
15
15
|
"description": "The component's base wrapper.",
|
|
16
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
17
|
}
|
|
34
18
|
],
|
|
35
19
|
"slots": [
|
|
36
20
|
{
|
|
37
|
-
"description": "The
|
|
21
|
+
"description": "The badge's content.",
|
|
38
22
|
"name": ""
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"description": "An icon to show in the alert. Works best with `<flow-ui-icon>`.",
|
|
42
|
-
"name": "icon"
|
|
43
23
|
}
|
|
44
24
|
],
|
|
45
25
|
"members": [
|
|
46
26
|
{
|
|
47
27
|
"kind": "field",
|
|
48
|
-
"name": "
|
|
28
|
+
"name": "variant",
|
|
49
29
|
"type": {
|
|
50
|
-
"text": "
|
|
30
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
51
31
|
},
|
|
52
|
-
"
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
"
|
|
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
|
-
}
|
|
32
|
+
"default": "'primary'",
|
|
33
|
+
"description": "The badge's theme variant.",
|
|
34
|
+
"attribute": "variant",
|
|
35
|
+
"reflects": true
|
|
74
36
|
},
|
|
75
37
|
{
|
|
76
38
|
"kind": "field",
|
|
77
|
-
"name": "
|
|
39
|
+
"name": "pill",
|
|
78
40
|
"type": {
|
|
79
41
|
"text": "boolean"
|
|
80
42
|
},
|
|
81
43
|
"default": "false",
|
|
82
|
-
"description": "
|
|
83
|
-
"attribute": "
|
|
44
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
45
|
+
"attribute": "pill",
|
|
84
46
|
"reflects": true
|
|
85
47
|
},
|
|
86
48
|
{
|
|
87
49
|
"kind": "field",
|
|
88
|
-
"name": "
|
|
50
|
+
"name": "pulse",
|
|
89
51
|
"type": {
|
|
90
52
|
"text": "boolean"
|
|
91
53
|
},
|
|
92
54
|
"default": "false",
|
|
93
|
-
"description": "
|
|
94
|
-
"attribute": "
|
|
55
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
56
|
+
"attribute": "pulse",
|
|
95
57
|
"reflects": true
|
|
96
|
-
}
|
|
58
|
+
}
|
|
59
|
+
],
|
|
60
|
+
"attributes": [
|
|
97
61
|
{
|
|
98
|
-
"kind": "field",
|
|
99
62
|
"name": "variant",
|
|
100
63
|
"type": {
|
|
101
64
|
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
102
65
|
},
|
|
103
66
|
"default": "'primary'",
|
|
104
|
-
"description": "The
|
|
105
|
-
"
|
|
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"
|
|
67
|
+
"description": "The badge's theme variant.",
|
|
68
|
+
"fieldName": "variant"
|
|
129
69
|
},
|
|
130
70
|
{
|
|
131
|
-
"
|
|
132
|
-
"
|
|
71
|
+
"name": "pill",
|
|
72
|
+
"type": {
|
|
73
|
+
"text": "boolean"
|
|
74
|
+
},
|
|
75
|
+
"default": "false",
|
|
76
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
77
|
+
"fieldName": "pill"
|
|
133
78
|
},
|
|
134
79
|
{
|
|
135
|
-
"
|
|
136
|
-
"
|
|
137
|
-
|
|
80
|
+
"name": "pulse",
|
|
81
|
+
"type": {
|
|
82
|
+
"text": "boolean"
|
|
83
|
+
},
|
|
84
|
+
"default": "false",
|
|
85
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
86
|
+
"fieldName": "pulse"
|
|
87
|
+
}
|
|
88
|
+
],
|
|
89
|
+
"superclass": {
|
|
90
|
+
"name": "FlowRdfElement",
|
|
91
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
92
|
+
},
|
|
93
|
+
"summary": "Badges are used to draw attention and display statuses or counts.",
|
|
94
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
|
|
95
|
+
"status": "stable",
|
|
96
|
+
"since": "2.0",
|
|
97
|
+
"tagName": "flow-ui-badge",
|
|
98
|
+
"customElement": true
|
|
99
|
+
}
|
|
100
|
+
],
|
|
101
|
+
"exports": [
|
|
102
|
+
{
|
|
103
|
+
"kind": "js",
|
|
104
|
+
"name": "default",
|
|
105
|
+
"declaration": {
|
|
106
|
+
"name": "FlowBadge",
|
|
107
|
+
"module": "components/badge/badge.js"
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"kind": "custom-element-definition",
|
|
112
|
+
"name": "flow-ui-badge",
|
|
113
|
+
"declaration": {
|
|
114
|
+
"name": "FlowBadge",
|
|
115
|
+
"module": "components/badge/badge.js"
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
]
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"kind": "javascript-module",
|
|
122
|
+
"path": "components/breadcrumb/breadcrumb.js",
|
|
123
|
+
"declarations": [
|
|
124
|
+
{
|
|
125
|
+
"kind": "class",
|
|
126
|
+
"description": "",
|
|
127
|
+
"name": "FlowBreadcrumb",
|
|
128
|
+
"cssParts": [
|
|
138
129
|
{
|
|
139
|
-
"
|
|
140
|
-
"name": "
|
|
141
|
-
|
|
142
|
-
|
|
130
|
+
"description": "The component's base wrapper.",
|
|
131
|
+
"name": "base"
|
|
132
|
+
}
|
|
133
|
+
],
|
|
134
|
+
"slots": [
|
|
143
135
|
{
|
|
144
|
-
"
|
|
145
|
-
"name": "
|
|
146
|
-
"description": "Hides the alert"
|
|
136
|
+
"description": "One or more breadcrumb items to display.",
|
|
137
|
+
"name": ""
|
|
147
138
|
},
|
|
148
139
|
{
|
|
149
|
-
"
|
|
150
|
-
"name": "
|
|
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."
|
|
140
|
+
"description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
|
|
141
|
+
"name": "separator"
|
|
152
142
|
}
|
|
153
143
|
],
|
|
154
|
-
"
|
|
144
|
+
"members": [
|
|
155
145
|
{
|
|
156
|
-
"
|
|
157
|
-
"name": "
|
|
158
|
-
"
|
|
146
|
+
"kind": "field",
|
|
147
|
+
"name": "localize",
|
|
148
|
+
"privacy": "private",
|
|
149
|
+
"readonly": true,
|
|
150
|
+
"default": "new LocalizeController(this)"
|
|
159
151
|
},
|
|
160
152
|
{
|
|
161
|
-
"
|
|
162
|
-
"name": "
|
|
163
|
-
"
|
|
153
|
+
"kind": "field",
|
|
154
|
+
"name": "separatorDir",
|
|
155
|
+
"privacy": "private"
|
|
164
156
|
},
|
|
165
157
|
{
|
|
166
|
-
"
|
|
167
|
-
"name": "
|
|
168
|
-
"
|
|
158
|
+
"kind": "field",
|
|
159
|
+
"name": "defaultSlot",
|
|
160
|
+
"type": {
|
|
161
|
+
"text": "HTMLSlotElement"
|
|
162
|
+
}
|
|
169
163
|
},
|
|
170
164
|
{
|
|
171
|
-
"
|
|
172
|
-
"name": "
|
|
173
|
-
"reactName": "onFlowUiAfterHide"
|
|
174
|
-
}
|
|
175
|
-
],
|
|
176
|
-
"attributes": [
|
|
177
|
-
{
|
|
178
|
-
"name": "open",
|
|
165
|
+
"kind": "field",
|
|
166
|
+
"name": "separatorSlot",
|
|
179
167
|
"type": {
|
|
180
|
-
"text": "
|
|
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"
|
|
168
|
+
"text": "HTMLSlotElement"
|
|
169
|
+
}
|
|
185
170
|
},
|
|
186
171
|
{
|
|
187
|
-
"
|
|
172
|
+
"kind": "field",
|
|
173
|
+
"name": "label",
|
|
188
174
|
"type": {
|
|
189
|
-
"text": "
|
|
175
|
+
"text": "string"
|
|
190
176
|
},
|
|
191
|
-
"default": "
|
|
192
|
-
"description": "
|
|
193
|
-
"
|
|
177
|
+
"default": "''",
|
|
178
|
+
"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.",
|
|
179
|
+
"attribute": "label"
|
|
194
180
|
},
|
|
195
181
|
{
|
|
196
|
-
"
|
|
197
|
-
"
|
|
198
|
-
|
|
199
|
-
},
|
|
200
|
-
"default": "'primary'",
|
|
201
|
-
"description": "The alert's theme variant.",
|
|
202
|
-
"fieldName": "variant"
|
|
182
|
+
"kind": "method",
|
|
183
|
+
"name": "getSeparator",
|
|
184
|
+
"privacy": "private"
|
|
203
185
|
},
|
|
204
186
|
{
|
|
205
|
-
"
|
|
206
|
-
"
|
|
207
|
-
"
|
|
208
|
-
|
|
209
|
-
|
|
187
|
+
"kind": "method",
|
|
188
|
+
"name": "handleSlotChange",
|
|
189
|
+
"privacy": "private"
|
|
190
|
+
}
|
|
191
|
+
],
|
|
192
|
+
"attributes": [
|
|
193
|
+
{
|
|
194
|
+
"name": "label",
|
|
195
|
+
"type": {
|
|
196
|
+
"text": "string"
|
|
210
197
|
},
|
|
211
|
-
"
|
|
198
|
+
"default": "''",
|
|
199
|
+
"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.",
|
|
200
|
+
"fieldName": "label"
|
|
212
201
|
}
|
|
213
202
|
],
|
|
214
203
|
"superclass": {
|
|
215
204
|
"name": "FlowRdfElement",
|
|
216
205
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
217
206
|
},
|
|
218
|
-
"summary": "
|
|
219
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
207
|
+
"summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
|
|
208
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
|
|
220
209
|
"status": "stable",
|
|
221
210
|
"since": "2.0",
|
|
222
211
|
"dependencies": [
|
|
223
|
-
"flow-ui-icon
|
|
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
|
-
}
|
|
212
|
+
"flow-ui-icon"
|
|
234
213
|
],
|
|
235
|
-
"tagName": "flow-ui-
|
|
214
|
+
"tagName": "flow-ui-breadcrumb",
|
|
236
215
|
"customElement": true
|
|
237
216
|
}
|
|
238
217
|
],
|
|
@@ -241,16 +220,16 @@
|
|
|
241
220
|
"kind": "js",
|
|
242
221
|
"name": "default",
|
|
243
222
|
"declaration": {
|
|
244
|
-
"name": "
|
|
245
|
-
"module": "components/
|
|
223
|
+
"name": "FlowBreadcrumb",
|
|
224
|
+
"module": "components/breadcrumb/breadcrumb.js"
|
|
246
225
|
}
|
|
247
226
|
},
|
|
248
227
|
{
|
|
249
228
|
"kind": "custom-element-definition",
|
|
250
|
-
"name": "flow-ui-
|
|
229
|
+
"name": "flow-ui-breadcrumb",
|
|
251
230
|
"declaration": {
|
|
252
|
-
"name": "
|
|
253
|
-
"module": "components/
|
|
231
|
+
"name": "FlowBreadcrumb",
|
|
232
|
+
"module": "components/breadcrumb/breadcrumb.js"
|
|
254
233
|
}
|
|
255
234
|
}
|
|
256
235
|
]
|
|
@@ -742,99 +721,352 @@
|
|
|
742
721
|
},
|
|
743
722
|
{
|
|
744
723
|
"kind": "field",
|
|
745
|
-
"name": "initials",
|
|
724
|
+
"name": "initials",
|
|
725
|
+
"type": {
|
|
726
|
+
"text": "string"
|
|
727
|
+
},
|
|
728
|
+
"default": "''",
|
|
729
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
730
|
+
"attribute": "initials"
|
|
731
|
+
},
|
|
732
|
+
{
|
|
733
|
+
"kind": "field",
|
|
734
|
+
"name": "loading",
|
|
735
|
+
"type": {
|
|
736
|
+
"text": "'eager' | 'lazy'"
|
|
737
|
+
},
|
|
738
|
+
"default": "'eager'",
|
|
739
|
+
"description": "Indicates how the browser should load the image.",
|
|
740
|
+
"attribute": "loading"
|
|
741
|
+
},
|
|
742
|
+
{
|
|
743
|
+
"kind": "field",
|
|
744
|
+
"name": "shape",
|
|
745
|
+
"type": {
|
|
746
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
747
|
+
},
|
|
748
|
+
"default": "'circle'",
|
|
749
|
+
"description": "The shape of the avatar.",
|
|
750
|
+
"attribute": "shape",
|
|
751
|
+
"reflects": true
|
|
752
|
+
},
|
|
753
|
+
{
|
|
754
|
+
"kind": "method",
|
|
755
|
+
"name": "handleImageChange"
|
|
756
|
+
}
|
|
757
|
+
],
|
|
758
|
+
"attributes": [
|
|
759
|
+
{
|
|
760
|
+
"name": "image",
|
|
761
|
+
"type": {
|
|
762
|
+
"text": "string"
|
|
763
|
+
},
|
|
764
|
+
"default": "''",
|
|
765
|
+
"description": "The image source to use for the avatar.",
|
|
766
|
+
"fieldName": "image"
|
|
767
|
+
},
|
|
768
|
+
{
|
|
769
|
+
"name": "label",
|
|
770
|
+
"type": {
|
|
771
|
+
"text": "string"
|
|
772
|
+
},
|
|
773
|
+
"default": "''",
|
|
774
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
775
|
+
"fieldName": "label"
|
|
776
|
+
},
|
|
777
|
+
{
|
|
778
|
+
"name": "initials",
|
|
779
|
+
"type": {
|
|
780
|
+
"text": "string"
|
|
781
|
+
},
|
|
782
|
+
"default": "''",
|
|
783
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
784
|
+
"fieldName": "initials"
|
|
785
|
+
},
|
|
786
|
+
{
|
|
787
|
+
"name": "loading",
|
|
788
|
+
"type": {
|
|
789
|
+
"text": "'eager' | 'lazy'"
|
|
790
|
+
},
|
|
791
|
+
"default": "'eager'",
|
|
792
|
+
"description": "Indicates how the browser should load the image.",
|
|
793
|
+
"fieldName": "loading"
|
|
794
|
+
},
|
|
795
|
+
{
|
|
796
|
+
"name": "shape",
|
|
797
|
+
"type": {
|
|
798
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
799
|
+
},
|
|
800
|
+
"default": "'circle'",
|
|
801
|
+
"description": "The shape of the avatar.",
|
|
802
|
+
"fieldName": "shape"
|
|
803
|
+
}
|
|
804
|
+
],
|
|
805
|
+
"superclass": {
|
|
806
|
+
"name": "FlowRdfElement",
|
|
807
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
808
|
+
},
|
|
809
|
+
"summary": "Avatars are used to represent a person or object.",
|
|
810
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
|
|
811
|
+
"status": "stable",
|
|
812
|
+
"since": "2.0",
|
|
813
|
+
"dependencies": [
|
|
814
|
+
"flow-ui-icon"
|
|
815
|
+
],
|
|
816
|
+
"tagName": "flow-ui-avatar",
|
|
817
|
+
"customElement": true
|
|
818
|
+
}
|
|
819
|
+
],
|
|
820
|
+
"exports": [
|
|
821
|
+
{
|
|
822
|
+
"kind": "js",
|
|
823
|
+
"name": "default",
|
|
824
|
+
"declaration": {
|
|
825
|
+
"name": "FlowAvatar",
|
|
826
|
+
"module": "components/avatar/avatar.js"
|
|
827
|
+
}
|
|
828
|
+
},
|
|
829
|
+
{
|
|
830
|
+
"kind": "custom-element-definition",
|
|
831
|
+
"name": "flow-ui-avatar",
|
|
832
|
+
"declaration": {
|
|
833
|
+
"name": "FlowAvatar",
|
|
834
|
+
"module": "components/avatar/avatar.js"
|
|
835
|
+
}
|
|
836
|
+
}
|
|
837
|
+
]
|
|
838
|
+
},
|
|
839
|
+
{
|
|
840
|
+
"kind": "javascript-module",
|
|
841
|
+
"path": "components/alert/alert.js",
|
|
842
|
+
"declarations": [
|
|
843
|
+
{
|
|
844
|
+
"kind": "class",
|
|
845
|
+
"description": "",
|
|
846
|
+
"name": "FlowAlert",
|
|
847
|
+
"cssParts": [
|
|
848
|
+
{
|
|
849
|
+
"description": "The component's base wrapper.",
|
|
850
|
+
"name": "base"
|
|
851
|
+
},
|
|
852
|
+
{
|
|
853
|
+
"description": "The container that wraps the optional icon.",
|
|
854
|
+
"name": "icon"
|
|
855
|
+
},
|
|
856
|
+
{
|
|
857
|
+
"description": "The container that wraps the alert's main content.",
|
|
858
|
+
"name": "message"
|
|
859
|
+
},
|
|
860
|
+
{
|
|
861
|
+
"description": "The close button, an `<flow-ui-icon-button>`.",
|
|
862
|
+
"name": "close-button"
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"description": "The close button's exported `base` part.",
|
|
866
|
+
"name": "close-button__base"
|
|
867
|
+
}
|
|
868
|
+
],
|
|
869
|
+
"slots": [
|
|
870
|
+
{
|
|
871
|
+
"description": "The alert's main content.",
|
|
872
|
+
"name": ""
|
|
873
|
+
},
|
|
874
|
+
{
|
|
875
|
+
"description": "An icon to show in the alert. Works best with `<flow-ui-icon>`.",
|
|
876
|
+
"name": "icon"
|
|
877
|
+
}
|
|
878
|
+
],
|
|
879
|
+
"members": [
|
|
880
|
+
{
|
|
881
|
+
"kind": "field",
|
|
882
|
+
"name": "autoHideTimeout",
|
|
883
|
+
"type": {
|
|
884
|
+
"text": "number"
|
|
885
|
+
},
|
|
886
|
+
"privacy": "private"
|
|
887
|
+
},
|
|
888
|
+
{
|
|
889
|
+
"kind": "field",
|
|
890
|
+
"name": "hasSlotController",
|
|
891
|
+
"privacy": "private",
|
|
892
|
+
"readonly": true,
|
|
893
|
+
"default": "new HasSlotController(this, 'icon', 'suffix')"
|
|
894
|
+
},
|
|
895
|
+
{
|
|
896
|
+
"kind": "field",
|
|
897
|
+
"name": "localize",
|
|
898
|
+
"privacy": "private",
|
|
899
|
+
"readonly": true,
|
|
900
|
+
"default": "new LocalizeController(this)"
|
|
901
|
+
},
|
|
902
|
+
{
|
|
903
|
+
"kind": "field",
|
|
904
|
+
"name": "base",
|
|
905
|
+
"type": {
|
|
906
|
+
"text": "HTMLElement"
|
|
907
|
+
}
|
|
908
|
+
},
|
|
909
|
+
{
|
|
910
|
+
"kind": "field",
|
|
911
|
+
"name": "open",
|
|
746
912
|
"type": {
|
|
747
|
-
"text": "
|
|
913
|
+
"text": "boolean"
|
|
748
914
|
},
|
|
749
|
-
"default": "
|
|
750
|
-
"description": "
|
|
751
|
-
"attribute": "
|
|
915
|
+
"default": "false",
|
|
916
|
+
"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.",
|
|
917
|
+
"attribute": "open",
|
|
918
|
+
"reflects": true
|
|
752
919
|
},
|
|
753
920
|
{
|
|
754
921
|
"kind": "field",
|
|
755
|
-
"name": "
|
|
922
|
+
"name": "closable",
|
|
756
923
|
"type": {
|
|
757
|
-
"text": "
|
|
924
|
+
"text": "boolean"
|
|
758
925
|
},
|
|
759
|
-
"default": "
|
|
760
|
-
"description": "
|
|
761
|
-
"attribute": "
|
|
926
|
+
"default": "false",
|
|
927
|
+
"description": "Enables a close button that allows the user to dismiss the alert.",
|
|
928
|
+
"attribute": "closable",
|
|
929
|
+
"reflects": true
|
|
762
930
|
},
|
|
763
931
|
{
|
|
764
932
|
"kind": "field",
|
|
765
|
-
"name": "
|
|
933
|
+
"name": "variant",
|
|
766
934
|
"type": {
|
|
767
|
-
"text": "'
|
|
935
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
768
936
|
},
|
|
769
|
-
"default": "'
|
|
770
|
-
"description": "The
|
|
771
|
-
"attribute": "
|
|
937
|
+
"default": "'primary'",
|
|
938
|
+
"description": "The alert's theme variant.",
|
|
939
|
+
"attribute": "variant",
|
|
772
940
|
"reflects": true
|
|
773
941
|
},
|
|
942
|
+
{
|
|
943
|
+
"kind": "field",
|
|
944
|
+
"name": "duration",
|
|
945
|
+
"default": "Infinity",
|
|
946
|
+
"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.",
|
|
947
|
+
"attribute": "duration"
|
|
948
|
+
},
|
|
774
949
|
{
|
|
775
950
|
"kind": "method",
|
|
776
|
-
"name": "
|
|
951
|
+
"name": "restartAutoHide",
|
|
952
|
+
"privacy": "private"
|
|
953
|
+
},
|
|
954
|
+
{
|
|
955
|
+
"kind": "method",
|
|
956
|
+
"name": "handleCloseClick",
|
|
957
|
+
"privacy": "private"
|
|
958
|
+
},
|
|
959
|
+
{
|
|
960
|
+
"kind": "method",
|
|
961
|
+
"name": "handleMouseMove",
|
|
962
|
+
"privacy": "private"
|
|
963
|
+
},
|
|
964
|
+
{
|
|
965
|
+
"kind": "method",
|
|
966
|
+
"name": "handleOpenChange"
|
|
967
|
+
},
|
|
968
|
+
{
|
|
969
|
+
"kind": "method",
|
|
970
|
+
"name": "handleDurationChange"
|
|
971
|
+
},
|
|
972
|
+
{
|
|
973
|
+
"kind": "method",
|
|
974
|
+
"name": "show",
|
|
975
|
+
"description": "Shows the alert."
|
|
976
|
+
},
|
|
977
|
+
{
|
|
978
|
+
"kind": "method",
|
|
979
|
+
"name": "hide",
|
|
980
|
+
"description": "Hides the alert"
|
|
981
|
+
},
|
|
982
|
+
{
|
|
983
|
+
"kind": "method",
|
|
984
|
+
"name": "toast",
|
|
985
|
+
"description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden."
|
|
777
986
|
}
|
|
778
987
|
],
|
|
779
|
-
"
|
|
988
|
+
"events": [
|
|
780
989
|
{
|
|
781
|
-
"
|
|
782
|
-
"
|
|
783
|
-
|
|
784
|
-
},
|
|
785
|
-
"default": "''",
|
|
786
|
-
"description": "The image source to use for the avatar.",
|
|
787
|
-
"fieldName": "image"
|
|
990
|
+
"description": "Emitted when the alert opens.",
|
|
991
|
+
"name": "flow-ui-show",
|
|
992
|
+
"reactName": "onFlowUiShow"
|
|
788
993
|
},
|
|
789
994
|
{
|
|
790
|
-
"
|
|
995
|
+
"description": "Emitted after the alert opens and all animations are complete.",
|
|
996
|
+
"name": "flow-ui-after-show",
|
|
997
|
+
"reactName": "onFlowUiAfterShow"
|
|
998
|
+
},
|
|
999
|
+
{
|
|
1000
|
+
"description": "Emitted when the alert closes.",
|
|
1001
|
+
"name": "flow-ui-hide",
|
|
1002
|
+
"reactName": "onFlowUiHide"
|
|
1003
|
+
},
|
|
1004
|
+
{
|
|
1005
|
+
"description": "Emitted after the alert closes and all animations are complete.",
|
|
1006
|
+
"name": "flow-ui-after-hide",
|
|
1007
|
+
"reactName": "onFlowUiAfterHide"
|
|
1008
|
+
}
|
|
1009
|
+
],
|
|
1010
|
+
"attributes": [
|
|
1011
|
+
{
|
|
1012
|
+
"name": "open",
|
|
791
1013
|
"type": {
|
|
792
|
-
"text": "
|
|
1014
|
+
"text": "boolean"
|
|
793
1015
|
},
|
|
794
|
-
"default": "
|
|
795
|
-
"description": "
|
|
796
|
-
"fieldName": "
|
|
1016
|
+
"default": "false",
|
|
1017
|
+
"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.",
|
|
1018
|
+
"fieldName": "open"
|
|
797
1019
|
},
|
|
798
1020
|
{
|
|
799
|
-
"name": "
|
|
1021
|
+
"name": "closable",
|
|
800
1022
|
"type": {
|
|
801
|
-
"text": "
|
|
1023
|
+
"text": "boolean"
|
|
802
1024
|
},
|
|
803
|
-
"default": "
|
|
804
|
-
"description": "
|
|
805
|
-
"fieldName": "
|
|
1025
|
+
"default": "false",
|
|
1026
|
+
"description": "Enables a close button that allows the user to dismiss the alert.",
|
|
1027
|
+
"fieldName": "closable"
|
|
806
1028
|
},
|
|
807
1029
|
{
|
|
808
|
-
"name": "
|
|
1030
|
+
"name": "variant",
|
|
809
1031
|
"type": {
|
|
810
|
-
"text": "'
|
|
1032
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
811
1033
|
},
|
|
812
|
-
"default": "'
|
|
813
|
-
"description": "
|
|
814
|
-
"fieldName": "
|
|
1034
|
+
"default": "'primary'",
|
|
1035
|
+
"description": "The alert's theme variant.",
|
|
1036
|
+
"fieldName": "variant"
|
|
815
1037
|
},
|
|
816
1038
|
{
|
|
817
|
-
"name": "
|
|
818
|
-
"
|
|
819
|
-
|
|
1039
|
+
"name": "duration",
|
|
1040
|
+
"default": "Infinity",
|
|
1041
|
+
"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.",
|
|
1042
|
+
"resolveInitializer": {
|
|
1043
|
+
"module": "src/components/alert/alert.ts"
|
|
820
1044
|
},
|
|
821
|
-
"
|
|
822
|
-
"description": "The shape of the avatar.",
|
|
823
|
-
"fieldName": "shape"
|
|
1045
|
+
"fieldName": "duration"
|
|
824
1046
|
}
|
|
825
1047
|
],
|
|
826
1048
|
"superclass": {
|
|
827
1049
|
"name": "FlowRdfElement",
|
|
828
1050
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
829
1051
|
},
|
|
830
|
-
"summary": "
|
|
831
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
1052
|
+
"summary": "Alerts are used to display important messages inline or as toast notifications.",
|
|
1053
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/alert",
|
|
832
1054
|
"status": "stable",
|
|
833
1055
|
"since": "2.0",
|
|
834
1056
|
"dependencies": [
|
|
835
|
-
"flow-ui-icon"
|
|
1057
|
+
"flow-ui-icon-button"
|
|
836
1058
|
],
|
|
837
|
-
"
|
|
1059
|
+
"animations": [
|
|
1060
|
+
{
|
|
1061
|
+
"name": "alert.show",
|
|
1062
|
+
"description": "The animation to use when showing the alert."
|
|
1063
|
+
},
|
|
1064
|
+
{
|
|
1065
|
+
"name": "alert.hide",
|
|
1066
|
+
"description": "The animation to use when hiding the alert."
|
|
1067
|
+
}
|
|
1068
|
+
],
|
|
1069
|
+
"tagName": "flow-ui-alert",
|
|
838
1070
|
"customElement": true
|
|
839
1071
|
}
|
|
840
1072
|
],
|
|
@@ -843,16 +1075,16 @@
|
|
|
843
1075
|
"kind": "js",
|
|
844
1076
|
"name": "default",
|
|
845
1077
|
"declaration": {
|
|
846
|
-
"name": "
|
|
847
|
-
"module": "components/
|
|
1078
|
+
"name": "FlowAlert",
|
|
1079
|
+
"module": "components/alert/alert.js"
|
|
848
1080
|
}
|
|
849
1081
|
},
|
|
850
1082
|
{
|
|
851
1083
|
"kind": "custom-element-definition",
|
|
852
|
-
"name": "flow-ui-
|
|
1084
|
+
"name": "flow-ui-alert",
|
|
853
1085
|
"declaration": {
|
|
854
|
-
"name": "
|
|
855
|
-
"module": "components/
|
|
1086
|
+
"name": "FlowAlert",
|
|
1087
|
+
"module": "components/alert/alert.js"
|
|
856
1088
|
}
|
|
857
1089
|
}
|
|
858
1090
|
]
|
|
@@ -1679,99 +1911,88 @@
|
|
|
1679
1911
|
},
|
|
1680
1912
|
{
|
|
1681
1913
|
"kind": "javascript-module",
|
|
1682
|
-
"path": "components/
|
|
1914
|
+
"path": "components/card/card.js",
|
|
1683
1915
|
"declarations": [
|
|
1684
1916
|
{
|
|
1685
1917
|
"kind": "class",
|
|
1686
1918
|
"description": "",
|
|
1687
|
-
"name": "
|
|
1688
|
-
"
|
|
1919
|
+
"name": "FlowCard",
|
|
1920
|
+
"cssProperties": [
|
|
1689
1921
|
{
|
|
1690
|
-
"description": "The
|
|
1691
|
-
"name": "
|
|
1692
|
-
}
|
|
1693
|
-
],
|
|
1694
|
-
"slots": [
|
|
1922
|
+
"description": "The card's border color, including borders that occur inside the card.",
|
|
1923
|
+
"name": "--border-color"
|
|
1924
|
+
},
|
|
1695
1925
|
{
|
|
1696
|
-
"description": "
|
|
1697
|
-
"name": ""
|
|
1926
|
+
"description": "The border radius for the card's edges.",
|
|
1927
|
+
"name": "--border-radius"
|
|
1698
1928
|
},
|
|
1699
1929
|
{
|
|
1700
|
-
"description": "The
|
|
1701
|
-
"name": "
|
|
1930
|
+
"description": "The width of the card's borders.",
|
|
1931
|
+
"name": "--border-width"
|
|
1932
|
+
},
|
|
1933
|
+
{
|
|
1934
|
+
"description": "The padding to use for the card's sections.",
|
|
1935
|
+
"name": "--padding"
|
|
1702
1936
|
}
|
|
1703
1937
|
],
|
|
1704
|
-
"
|
|
1938
|
+
"cssParts": [
|
|
1705
1939
|
{
|
|
1706
|
-
"
|
|
1707
|
-
"name": "
|
|
1708
|
-
"privacy": "private",
|
|
1709
|
-
"readonly": true,
|
|
1710
|
-
"default": "new LocalizeController(this)"
|
|
1940
|
+
"description": "The component's base wrapper.",
|
|
1941
|
+
"name": "base"
|
|
1711
1942
|
},
|
|
1712
1943
|
{
|
|
1713
|
-
"
|
|
1714
|
-
"name": "
|
|
1715
|
-
"privacy": "private"
|
|
1944
|
+
"description": "The container that wraps the card's image.",
|
|
1945
|
+
"name": "image"
|
|
1716
1946
|
},
|
|
1717
1947
|
{
|
|
1718
|
-
"
|
|
1719
|
-
"name": "
|
|
1720
|
-
"type": {
|
|
1721
|
-
"text": "HTMLSlotElement"
|
|
1722
|
-
}
|
|
1948
|
+
"description": "The container that wraps the card's header.",
|
|
1949
|
+
"name": "header"
|
|
1723
1950
|
},
|
|
1724
1951
|
{
|
|
1725
|
-
"
|
|
1726
|
-
"name": "
|
|
1727
|
-
"type": {
|
|
1728
|
-
"text": "HTMLSlotElement"
|
|
1729
|
-
}
|
|
1952
|
+
"description": "The container that wraps the card's main content.",
|
|
1953
|
+
"name": "body"
|
|
1730
1954
|
},
|
|
1731
1955
|
{
|
|
1732
|
-
"
|
|
1733
|
-
"name": "
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
"description": "The
|
|
1739
|
-
"
|
|
1956
|
+
"description": "The container that wraps the card's footer.",
|
|
1957
|
+
"name": "footer"
|
|
1958
|
+
}
|
|
1959
|
+
],
|
|
1960
|
+
"slots": [
|
|
1961
|
+
{
|
|
1962
|
+
"description": "The card's main content.",
|
|
1963
|
+
"name": ""
|
|
1740
1964
|
},
|
|
1741
1965
|
{
|
|
1742
|
-
"
|
|
1743
|
-
"name": "
|
|
1744
|
-
"privacy": "private"
|
|
1966
|
+
"description": "An optional header for the card.",
|
|
1967
|
+
"name": "header"
|
|
1745
1968
|
},
|
|
1746
1969
|
{
|
|
1747
|
-
"
|
|
1748
|
-
"name": "
|
|
1749
|
-
|
|
1970
|
+
"description": "An optional footer for the card.",
|
|
1971
|
+
"name": "footer"
|
|
1972
|
+
},
|
|
1973
|
+
{
|
|
1974
|
+
"description": "An optional image to render at the start of the card.",
|
|
1975
|
+
"name": "image"
|
|
1750
1976
|
}
|
|
1751
1977
|
],
|
|
1752
|
-
"
|
|
1978
|
+
"members": [
|
|
1753
1979
|
{
|
|
1754
|
-
"
|
|
1755
|
-
"
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
"default": "''"
|
|
1759
|
-
"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.",
|
|
1760
|
-
"fieldName": "label"
|
|
1980
|
+
"kind": "field",
|
|
1981
|
+
"name": "hasSlotController",
|
|
1982
|
+
"privacy": "private",
|
|
1983
|
+
"readonly": true,
|
|
1984
|
+
"default": "new HasSlotController(this, 'footer', 'header', 'image')"
|
|
1761
1985
|
}
|
|
1762
1986
|
],
|
|
1763
1987
|
"superclass": {
|
|
1764
1988
|
"name": "FlowRdfElement",
|
|
1765
1989
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
1766
1990
|
},
|
|
1767
|
-
"summary": "
|
|
1768
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
1991
|
+
"summary": "Cards can be used to group related subjects in a container.",
|
|
1992
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/card",
|
|
1769
1993
|
"status": "stable",
|
|
1770
1994
|
"since": "2.0",
|
|
1771
|
-
"
|
|
1772
|
-
"flow-ui-icon"
|
|
1773
|
-
],
|
|
1774
|
-
"tagName": "flow-ui-breadcrumb",
|
|
1995
|
+
"tagName": "flow-ui-card",
|
|
1775
1996
|
"customElement": true
|
|
1776
1997
|
}
|
|
1777
1998
|
],
|
|
@@ -1780,16 +2001,16 @@
|
|
|
1780
2001
|
"kind": "js",
|
|
1781
2002
|
"name": "default",
|
|
1782
2003
|
"declaration": {
|
|
1783
|
-
"name": "
|
|
1784
|
-
"module": "components/
|
|
2004
|
+
"name": "FlowCard",
|
|
2005
|
+
"module": "components/card/card.js"
|
|
1785
2006
|
}
|
|
1786
2007
|
},
|
|
1787
2008
|
{
|
|
1788
2009
|
"kind": "custom-element-definition",
|
|
1789
|
-
"name": "flow-ui-
|
|
2010
|
+
"name": "flow-ui-card",
|
|
1790
2011
|
"declaration": {
|
|
1791
|
-
"name": "
|
|
1792
|
-
"module": "components/
|
|
2012
|
+
"name": "FlowCard",
|
|
2013
|
+
"module": "components/card/card.js"
|
|
1793
2014
|
}
|
|
1794
2015
|
}
|
|
1795
2016
|
]
|
|
@@ -1939,228 +2160,7 @@
|
|
|
1939
2160
|
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group",
|
|
1940
2161
|
"status": "stable",
|
|
1941
2162
|
"since": "2.0",
|
|
1942
|
-
"tagName": "flow-ui-button-group",
|
|
1943
|
-
"customElement": true
|
|
1944
|
-
}
|
|
1945
|
-
],
|
|
1946
|
-
"exports": [
|
|
1947
|
-
{
|
|
1948
|
-
"kind": "js",
|
|
1949
|
-
"name": "default",
|
|
1950
|
-
"declaration": {
|
|
1951
|
-
"name": "FlowButtonGroup",
|
|
1952
|
-
"module": "components/button-group/button-group.js"
|
|
1953
|
-
}
|
|
1954
|
-
},
|
|
1955
|
-
{
|
|
1956
|
-
"kind": "custom-element-definition",
|
|
1957
|
-
"name": "flow-ui-button-group",
|
|
1958
|
-
"declaration": {
|
|
1959
|
-
"name": "FlowButtonGroup",
|
|
1960
|
-
"module": "components/button-group/button-group.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
|
-
"attribute": "pulse",
|
|
2017
|
-
"reflects": true
|
|
2018
|
-
}
|
|
2019
|
-
],
|
|
2020
|
-
"attributes": [
|
|
2021
|
-
{
|
|
2022
|
-
"name": "variant",
|
|
2023
|
-
"type": {
|
|
2024
|
-
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
2025
|
-
},
|
|
2026
|
-
"default": "'primary'",
|
|
2027
|
-
"description": "The badge's theme variant.",
|
|
2028
|
-
"fieldName": "variant"
|
|
2029
|
-
},
|
|
2030
|
-
{
|
|
2031
|
-
"name": "pill",
|
|
2032
|
-
"type": {
|
|
2033
|
-
"text": "boolean"
|
|
2034
|
-
},
|
|
2035
|
-
"default": "false",
|
|
2036
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
2037
|
-
"fieldName": "pill"
|
|
2038
|
-
},
|
|
2039
|
-
{
|
|
2040
|
-
"name": "pulse",
|
|
2041
|
-
"type": {
|
|
2042
|
-
"text": "boolean"
|
|
2043
|
-
},
|
|
2044
|
-
"default": "false",
|
|
2045
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
2046
|
-
"fieldName": "pulse"
|
|
2047
|
-
}
|
|
2048
|
-
],
|
|
2049
|
-
"superclass": {
|
|
2050
|
-
"name": "FlowRdfElement",
|
|
2051
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
2052
|
-
},
|
|
2053
|
-
"summary": "Badges are used to draw attention and display statuses or counts.",
|
|
2054
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
|
|
2055
|
-
"status": "stable",
|
|
2056
|
-
"since": "2.0",
|
|
2057
|
-
"tagName": "flow-ui-badge",
|
|
2058
|
-
"customElement": true
|
|
2059
|
-
}
|
|
2060
|
-
],
|
|
2061
|
-
"exports": [
|
|
2062
|
-
{
|
|
2063
|
-
"kind": "js",
|
|
2064
|
-
"name": "default",
|
|
2065
|
-
"declaration": {
|
|
2066
|
-
"name": "FlowBadge",
|
|
2067
|
-
"module": "components/badge/badge.js"
|
|
2068
|
-
}
|
|
2069
|
-
},
|
|
2070
|
-
{
|
|
2071
|
-
"kind": "custom-element-definition",
|
|
2072
|
-
"name": "flow-ui-badge",
|
|
2073
|
-
"declaration": {
|
|
2074
|
-
"name": "FlowBadge",
|
|
2075
|
-
"module": "components/badge/badge.js"
|
|
2076
|
-
}
|
|
2077
|
-
}
|
|
2078
|
-
]
|
|
2079
|
-
},
|
|
2080
|
-
{
|
|
2081
|
-
"kind": "javascript-module",
|
|
2082
|
-
"path": "components/card/card.js",
|
|
2083
|
-
"declarations": [
|
|
2084
|
-
{
|
|
2085
|
-
"kind": "class",
|
|
2086
|
-
"description": "",
|
|
2087
|
-
"name": "FlowCard",
|
|
2088
|
-
"cssProperties": [
|
|
2089
|
-
{
|
|
2090
|
-
"description": "The card's border color, including borders that occur inside the card.",
|
|
2091
|
-
"name": "--border-color"
|
|
2092
|
-
},
|
|
2093
|
-
{
|
|
2094
|
-
"description": "The border radius for the card's edges.",
|
|
2095
|
-
"name": "--border-radius"
|
|
2096
|
-
},
|
|
2097
|
-
{
|
|
2098
|
-
"description": "The width of the card's borders.",
|
|
2099
|
-
"name": "--border-width"
|
|
2100
|
-
},
|
|
2101
|
-
{
|
|
2102
|
-
"description": "The padding to use for the card's sections.",
|
|
2103
|
-
"name": "--padding"
|
|
2104
|
-
}
|
|
2105
|
-
],
|
|
2106
|
-
"cssParts": [
|
|
2107
|
-
{
|
|
2108
|
-
"description": "The component's base wrapper.",
|
|
2109
|
-
"name": "base"
|
|
2110
|
-
},
|
|
2111
|
-
{
|
|
2112
|
-
"description": "The container that wraps the card's image.",
|
|
2113
|
-
"name": "image"
|
|
2114
|
-
},
|
|
2115
|
-
{
|
|
2116
|
-
"description": "The container that wraps the card's header.",
|
|
2117
|
-
"name": "header"
|
|
2118
|
-
},
|
|
2119
|
-
{
|
|
2120
|
-
"description": "The container that wraps the card's main content.",
|
|
2121
|
-
"name": "body"
|
|
2122
|
-
},
|
|
2123
|
-
{
|
|
2124
|
-
"description": "The container that wraps the card's footer.",
|
|
2125
|
-
"name": "footer"
|
|
2126
|
-
}
|
|
2127
|
-
],
|
|
2128
|
-
"slots": [
|
|
2129
|
-
{
|
|
2130
|
-
"description": "The card's main content.",
|
|
2131
|
-
"name": ""
|
|
2132
|
-
},
|
|
2133
|
-
{
|
|
2134
|
-
"description": "An optional header for the card.",
|
|
2135
|
-
"name": "header"
|
|
2136
|
-
},
|
|
2137
|
-
{
|
|
2138
|
-
"description": "An optional footer for the card.",
|
|
2139
|
-
"name": "footer"
|
|
2140
|
-
},
|
|
2141
|
-
{
|
|
2142
|
-
"description": "An optional image to render at the start of the card.",
|
|
2143
|
-
"name": "image"
|
|
2144
|
-
}
|
|
2145
|
-
],
|
|
2146
|
-
"members": [
|
|
2147
|
-
{
|
|
2148
|
-
"kind": "field",
|
|
2149
|
-
"name": "hasSlotController",
|
|
2150
|
-
"privacy": "private",
|
|
2151
|
-
"readonly": true,
|
|
2152
|
-
"default": "new HasSlotController(this, 'footer', 'header', 'image')"
|
|
2153
|
-
}
|
|
2154
|
-
],
|
|
2155
|
-
"superclass": {
|
|
2156
|
-
"name": "FlowRdfElement",
|
|
2157
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
2158
|
-
},
|
|
2159
|
-
"summary": "Cards can be used to group related subjects in a container.",
|
|
2160
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/card",
|
|
2161
|
-
"status": "stable",
|
|
2162
|
-
"since": "2.0",
|
|
2163
|
-
"tagName": "flow-ui-card",
|
|
2163
|
+
"tagName": "flow-ui-button-group",
|
|
2164
2164
|
"customElement": true
|
|
2165
2165
|
}
|
|
2166
2166
|
],
|
|
@@ -2169,16 +2169,16 @@
|
|
|
2169
2169
|
"kind": "js",
|
|
2170
2170
|
"name": "default",
|
|
2171
2171
|
"declaration": {
|
|
2172
|
-
"name": "
|
|
2173
|
-
"module": "components/
|
|
2172
|
+
"name": "FlowButtonGroup",
|
|
2173
|
+
"module": "components/button-group/button-group.js"
|
|
2174
2174
|
}
|
|
2175
2175
|
},
|
|
2176
2176
|
{
|
|
2177
2177
|
"kind": "custom-element-definition",
|
|
2178
|
-
"name": "flow-ui-
|
|
2178
|
+
"name": "flow-ui-button-group",
|
|
2179
2179
|
"declaration": {
|
|
2180
|
-
"name": "
|
|
2181
|
-
"module": "components/
|
|
2180
|
+
"name": "FlowButtonGroup",
|
|
2181
|
+
"module": "components/button-group/button-group.js"
|
|
2182
2182
|
}
|
|
2183
2183
|
}
|
|
2184
2184
|
]
|
|
@@ -8474,127 +8474,6 @@
|
|
|
8474
8474
|
}
|
|
8475
8475
|
]
|
|
8476
8476
|
},
|
|
8477
|
-
{
|
|
8478
|
-
"kind": "javascript-module",
|
|
8479
|
-
"path": "components/menu/menu.js",
|
|
8480
|
-
"declarations": [
|
|
8481
|
-
{
|
|
8482
|
-
"kind": "class",
|
|
8483
|
-
"description": "",
|
|
8484
|
-
"name": "FlowMenu",
|
|
8485
|
-
"slots": [
|
|
8486
|
-
{
|
|
8487
|
-
"description": "The menu's content, including menu items, menu labels, and dividers.",
|
|
8488
|
-
"name": ""
|
|
8489
|
-
}
|
|
8490
|
-
],
|
|
8491
|
-
"members": [
|
|
8492
|
-
{
|
|
8493
|
-
"kind": "field",
|
|
8494
|
-
"name": "defaultSlot",
|
|
8495
|
-
"type": {
|
|
8496
|
-
"text": "HTMLSlotElement"
|
|
8497
|
-
}
|
|
8498
|
-
},
|
|
8499
|
-
{
|
|
8500
|
-
"kind": "method",
|
|
8501
|
-
"name": "handleClick",
|
|
8502
|
-
"privacy": "private",
|
|
8503
|
-
"parameters": [
|
|
8504
|
-
{
|
|
8505
|
-
"name": "event",
|
|
8506
|
-
"type": {
|
|
8507
|
-
"text": "MouseEvent"
|
|
8508
|
-
}
|
|
8509
|
-
}
|
|
8510
|
-
]
|
|
8511
|
-
},
|
|
8512
|
-
{
|
|
8513
|
-
"kind": "method",
|
|
8514
|
-
"name": "handleKeyDown",
|
|
8515
|
-
"privacy": "private",
|
|
8516
|
-
"parameters": [
|
|
8517
|
-
{
|
|
8518
|
-
"name": "event",
|
|
8519
|
-
"type": {
|
|
8520
|
-
"text": "KeyboardEvent"
|
|
8521
|
-
}
|
|
8522
|
-
}
|
|
8523
|
-
]
|
|
8524
|
-
},
|
|
8525
|
-
{
|
|
8526
|
-
"kind": "method",
|
|
8527
|
-
"name": "handleMouseDown",
|
|
8528
|
-
"privacy": "private",
|
|
8529
|
-
"parameters": [
|
|
8530
|
-
{
|
|
8531
|
-
"name": "event",
|
|
8532
|
-
"type": {
|
|
8533
|
-
"text": "MouseEvent"
|
|
8534
|
-
}
|
|
8535
|
-
}
|
|
8536
|
-
]
|
|
8537
|
-
},
|
|
8538
|
-
{
|
|
8539
|
-
"kind": "method",
|
|
8540
|
-
"name": "handleSlotChange",
|
|
8541
|
-
"privacy": "private"
|
|
8542
|
-
},
|
|
8543
|
-
{
|
|
8544
|
-
"kind": "method",
|
|
8545
|
-
"name": "isMenuItem",
|
|
8546
|
-
"privacy": "private",
|
|
8547
|
-
"parameters": [
|
|
8548
|
-
{
|
|
8549
|
-
"name": "item",
|
|
8550
|
-
"type": {
|
|
8551
|
-
"text": "HTMLElement"
|
|
8552
|
-
}
|
|
8553
|
-
}
|
|
8554
|
-
]
|
|
8555
|
-
}
|
|
8556
|
-
],
|
|
8557
|
-
"events": [
|
|
8558
|
-
{
|
|
8559
|
-
"type": {
|
|
8560
|
-
"text": "{ item: FlowMenuItem }"
|
|
8561
|
-
},
|
|
8562
|
-
"description": "Emitted when a menu item is selected.",
|
|
8563
|
-
"name": "flow-ui-select",
|
|
8564
|
-
"reactName": "onFlowUiSelect"
|
|
8565
|
-
}
|
|
8566
|
-
],
|
|
8567
|
-
"superclass": {
|
|
8568
|
-
"name": "FlowRdfElement",
|
|
8569
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
8570
|
-
},
|
|
8571
|
-
"summary": "Menus provide a list of options for the user to choose from.",
|
|
8572
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu",
|
|
8573
|
-
"status": "stable",
|
|
8574
|
-
"since": "2.0",
|
|
8575
|
-
"tagName": "flow-ui-menu",
|
|
8576
|
-
"customElement": true
|
|
8577
|
-
}
|
|
8578
|
-
],
|
|
8579
|
-
"exports": [
|
|
8580
|
-
{
|
|
8581
|
-
"kind": "js",
|
|
8582
|
-
"name": "default",
|
|
8583
|
-
"declaration": {
|
|
8584
|
-
"name": "FlowMenu",
|
|
8585
|
-
"module": "components/menu/menu.js"
|
|
8586
|
-
}
|
|
8587
|
-
},
|
|
8588
|
-
{
|
|
8589
|
-
"kind": "custom-element-definition",
|
|
8590
|
-
"name": "flow-ui-menu",
|
|
8591
|
-
"declaration": {
|
|
8592
|
-
"name": "FlowMenu",
|
|
8593
|
-
"module": "components/menu/menu.js"
|
|
8594
|
-
}
|
|
8595
|
-
}
|
|
8596
|
-
]
|
|
8597
|
-
},
|
|
8598
8477
|
{
|
|
8599
8478
|
"kind": "javascript-module",
|
|
8600
8479
|
"path": "components/menu-item/menu-item.js",
|
|
@@ -8777,23 +8656,144 @@
|
|
|
8777
8656
|
"type": {
|
|
8778
8657
|
"text": "boolean"
|
|
8779
8658
|
},
|
|
8780
|
-
"default": "false",
|
|
8781
|
-
"description": "Draws the menu item in a disabled state, preventing selection.",
|
|
8782
|
-
"fieldName": "disabled"
|
|
8659
|
+
"default": "false",
|
|
8660
|
+
"description": "Draws the menu item in a disabled state, preventing selection.",
|
|
8661
|
+
"fieldName": "disabled"
|
|
8662
|
+
}
|
|
8663
|
+
],
|
|
8664
|
+
"superclass": {
|
|
8665
|
+
"name": "FlowRdfElement",
|
|
8666
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
8667
|
+
},
|
|
8668
|
+
"summary": "Menu items provide options for the user to pick from in a menu.",
|
|
8669
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu-item",
|
|
8670
|
+
"status": "stable",
|
|
8671
|
+
"since": "2.0",
|
|
8672
|
+
"dependencies": [
|
|
8673
|
+
"flow-ui-icon"
|
|
8674
|
+
],
|
|
8675
|
+
"tagName": "flow-ui-menu-item",
|
|
8676
|
+
"customElement": true
|
|
8677
|
+
}
|
|
8678
|
+
],
|
|
8679
|
+
"exports": [
|
|
8680
|
+
{
|
|
8681
|
+
"kind": "js",
|
|
8682
|
+
"name": "default",
|
|
8683
|
+
"declaration": {
|
|
8684
|
+
"name": "FlowMenuItem",
|
|
8685
|
+
"module": "components/menu-item/menu-item.js"
|
|
8686
|
+
}
|
|
8687
|
+
},
|
|
8688
|
+
{
|
|
8689
|
+
"kind": "custom-element-definition",
|
|
8690
|
+
"name": "flow-ui-menu-item",
|
|
8691
|
+
"declaration": {
|
|
8692
|
+
"name": "FlowMenuItem",
|
|
8693
|
+
"module": "components/menu-item/menu-item.js"
|
|
8694
|
+
}
|
|
8695
|
+
}
|
|
8696
|
+
]
|
|
8697
|
+
},
|
|
8698
|
+
{
|
|
8699
|
+
"kind": "javascript-module",
|
|
8700
|
+
"path": "components/menu/menu.js",
|
|
8701
|
+
"declarations": [
|
|
8702
|
+
{
|
|
8703
|
+
"kind": "class",
|
|
8704
|
+
"description": "",
|
|
8705
|
+
"name": "FlowMenu",
|
|
8706
|
+
"slots": [
|
|
8707
|
+
{
|
|
8708
|
+
"description": "The menu's content, including menu items, menu labels, and dividers.",
|
|
8709
|
+
"name": ""
|
|
8710
|
+
}
|
|
8711
|
+
],
|
|
8712
|
+
"members": [
|
|
8713
|
+
{
|
|
8714
|
+
"kind": "field",
|
|
8715
|
+
"name": "defaultSlot",
|
|
8716
|
+
"type": {
|
|
8717
|
+
"text": "HTMLSlotElement"
|
|
8718
|
+
}
|
|
8719
|
+
},
|
|
8720
|
+
{
|
|
8721
|
+
"kind": "method",
|
|
8722
|
+
"name": "handleClick",
|
|
8723
|
+
"privacy": "private",
|
|
8724
|
+
"parameters": [
|
|
8725
|
+
{
|
|
8726
|
+
"name": "event",
|
|
8727
|
+
"type": {
|
|
8728
|
+
"text": "MouseEvent"
|
|
8729
|
+
}
|
|
8730
|
+
}
|
|
8731
|
+
]
|
|
8732
|
+
},
|
|
8733
|
+
{
|
|
8734
|
+
"kind": "method",
|
|
8735
|
+
"name": "handleKeyDown",
|
|
8736
|
+
"privacy": "private",
|
|
8737
|
+
"parameters": [
|
|
8738
|
+
{
|
|
8739
|
+
"name": "event",
|
|
8740
|
+
"type": {
|
|
8741
|
+
"text": "KeyboardEvent"
|
|
8742
|
+
}
|
|
8743
|
+
}
|
|
8744
|
+
]
|
|
8745
|
+
},
|
|
8746
|
+
{
|
|
8747
|
+
"kind": "method",
|
|
8748
|
+
"name": "handleMouseDown",
|
|
8749
|
+
"privacy": "private",
|
|
8750
|
+
"parameters": [
|
|
8751
|
+
{
|
|
8752
|
+
"name": "event",
|
|
8753
|
+
"type": {
|
|
8754
|
+
"text": "MouseEvent"
|
|
8755
|
+
}
|
|
8756
|
+
}
|
|
8757
|
+
]
|
|
8758
|
+
},
|
|
8759
|
+
{
|
|
8760
|
+
"kind": "method",
|
|
8761
|
+
"name": "handleSlotChange",
|
|
8762
|
+
"privacy": "private"
|
|
8763
|
+
},
|
|
8764
|
+
{
|
|
8765
|
+
"kind": "method",
|
|
8766
|
+
"name": "isMenuItem",
|
|
8767
|
+
"privacy": "private",
|
|
8768
|
+
"parameters": [
|
|
8769
|
+
{
|
|
8770
|
+
"name": "item",
|
|
8771
|
+
"type": {
|
|
8772
|
+
"text": "HTMLElement"
|
|
8773
|
+
}
|
|
8774
|
+
}
|
|
8775
|
+
]
|
|
8776
|
+
}
|
|
8777
|
+
],
|
|
8778
|
+
"events": [
|
|
8779
|
+
{
|
|
8780
|
+
"type": {
|
|
8781
|
+
"text": "{ item: FlowMenuItem }"
|
|
8782
|
+
},
|
|
8783
|
+
"description": "Emitted when a menu item is selected.",
|
|
8784
|
+
"name": "flow-ui-select",
|
|
8785
|
+
"reactName": "onFlowUiSelect"
|
|
8783
8786
|
}
|
|
8784
8787
|
],
|
|
8785
8788
|
"superclass": {
|
|
8786
8789
|
"name": "FlowRdfElement",
|
|
8787
8790
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
8788
8791
|
},
|
|
8789
|
-
"summary": "
|
|
8790
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu
|
|
8792
|
+
"summary": "Menus provide a list of options for the user to choose from.",
|
|
8793
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu",
|
|
8791
8794
|
"status": "stable",
|
|
8792
8795
|
"since": "2.0",
|
|
8793
|
-
"
|
|
8794
|
-
"flow-ui-icon"
|
|
8795
|
-
],
|
|
8796
|
-
"tagName": "flow-ui-menu-item",
|
|
8796
|
+
"tagName": "flow-ui-menu",
|
|
8797
8797
|
"customElement": true
|
|
8798
8798
|
}
|
|
8799
8799
|
],
|
|
@@ -8802,16 +8802,16 @@
|
|
|
8802
8802
|
"kind": "js",
|
|
8803
8803
|
"name": "default",
|
|
8804
8804
|
"declaration": {
|
|
8805
|
-
"name": "
|
|
8806
|
-
"module": "components/menu
|
|
8805
|
+
"name": "FlowMenu",
|
|
8806
|
+
"module": "components/menu/menu.js"
|
|
8807
8807
|
}
|
|
8808
8808
|
},
|
|
8809
8809
|
{
|
|
8810
8810
|
"kind": "custom-element-definition",
|
|
8811
|
-
"name": "flow-ui-menu
|
|
8811
|
+
"name": "flow-ui-menu",
|
|
8812
8812
|
"declaration": {
|
|
8813
|
-
"name": "
|
|
8814
|
-
"module": "components/menu
|
|
8813
|
+
"name": "FlowMenu",
|
|
8814
|
+
"module": "components/menu/menu.js"
|
|
8815
8815
|
}
|
|
8816
8816
|
}
|
|
8817
8817
|
]
|
|
@@ -11322,121 +11322,6 @@
|
|
|
11322
11322
|
}
|
|
11323
11323
|
]
|
|
11324
11324
|
},
|
|
11325
|
-
{
|
|
11326
|
-
"kind": "javascript-module",
|
|
11327
|
-
"path": "components/resize-observer/resize-observer.js",
|
|
11328
|
-
"declarations": [
|
|
11329
|
-
{
|
|
11330
|
-
"kind": "class",
|
|
11331
|
-
"description": "",
|
|
11332
|
-
"name": "FlowResizeObserver",
|
|
11333
|
-
"slots": [
|
|
11334
|
-
{
|
|
11335
|
-
"description": "One or more elements to watch for resizing.",
|
|
11336
|
-
"name": ""
|
|
11337
|
-
}
|
|
11338
|
-
],
|
|
11339
|
-
"members": [
|
|
11340
|
-
{
|
|
11341
|
-
"kind": "field",
|
|
11342
|
-
"name": "resizeObserver",
|
|
11343
|
-
"type": {
|
|
11344
|
-
"text": "ResizeObserver"
|
|
11345
|
-
},
|
|
11346
|
-
"privacy": "private"
|
|
11347
|
-
},
|
|
11348
|
-
{
|
|
11349
|
-
"kind": "field",
|
|
11350
|
-
"name": "observedElements",
|
|
11351
|
-
"type": {
|
|
11352
|
-
"text": "HTMLElement[]"
|
|
11353
|
-
},
|
|
11354
|
-
"privacy": "private",
|
|
11355
|
-
"default": "[]"
|
|
11356
|
-
},
|
|
11357
|
-
{
|
|
11358
|
-
"kind": "field",
|
|
11359
|
-
"name": "disabled",
|
|
11360
|
-
"type": {
|
|
11361
|
-
"text": "boolean"
|
|
11362
|
-
},
|
|
11363
|
-
"default": "false",
|
|
11364
|
-
"description": "Disables the observer.",
|
|
11365
|
-
"attribute": "disabled",
|
|
11366
|
-
"reflects": true
|
|
11367
|
-
},
|
|
11368
|
-
{
|
|
11369
|
-
"kind": "method",
|
|
11370
|
-
"name": "handleSlotChange",
|
|
11371
|
-
"privacy": "private"
|
|
11372
|
-
},
|
|
11373
|
-
{
|
|
11374
|
-
"kind": "method",
|
|
11375
|
-
"name": "startObserver",
|
|
11376
|
-
"privacy": "private"
|
|
11377
|
-
},
|
|
11378
|
-
{
|
|
11379
|
-
"kind": "method",
|
|
11380
|
-
"name": "stopObserver",
|
|
11381
|
-
"privacy": "private"
|
|
11382
|
-
},
|
|
11383
|
-
{
|
|
11384
|
-
"kind": "method",
|
|
11385
|
-
"name": "handleDisabledChange"
|
|
11386
|
-
}
|
|
11387
|
-
],
|
|
11388
|
-
"events": [
|
|
11389
|
-
{
|
|
11390
|
-
"type": {
|
|
11391
|
-
"text": "{ entries: ResizeObserverEntry[] }"
|
|
11392
|
-
},
|
|
11393
|
-
"description": "Emitted when the element is resized.",
|
|
11394
|
-
"name": "flow-ui-resize",
|
|
11395
|
-
"reactName": "onFlowUiResize"
|
|
11396
|
-
}
|
|
11397
|
-
],
|
|
11398
|
-
"attributes": [
|
|
11399
|
-
{
|
|
11400
|
-
"name": "disabled",
|
|
11401
|
-
"type": {
|
|
11402
|
-
"text": "boolean"
|
|
11403
|
-
},
|
|
11404
|
-
"default": "false",
|
|
11405
|
-
"description": "Disables the observer.",
|
|
11406
|
-
"fieldName": "disabled"
|
|
11407
|
-
}
|
|
11408
|
-
],
|
|
11409
|
-
"superclass": {
|
|
11410
|
-
"name": "FlowRdfElement",
|
|
11411
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
11412
|
-
},
|
|
11413
|
-
"summary": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).",
|
|
11414
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/resize-observer",
|
|
11415
|
-
"status": "stable",
|
|
11416
|
-
"since": "2.0",
|
|
11417
|
-
"tagName": "flow-ui-resize-observer",
|
|
11418
|
-
"customElement": true
|
|
11419
|
-
}
|
|
11420
|
-
],
|
|
11421
|
-
"exports": [
|
|
11422
|
-
{
|
|
11423
|
-
"kind": "js",
|
|
11424
|
-
"name": "default",
|
|
11425
|
-
"declaration": {
|
|
11426
|
-
"name": "FlowResizeObserver",
|
|
11427
|
-
"module": "components/resize-observer/resize-observer.js"
|
|
11428
|
-
}
|
|
11429
|
-
},
|
|
11430
|
-
{
|
|
11431
|
-
"kind": "custom-element-definition",
|
|
11432
|
-
"name": "flow-ui-resize-observer",
|
|
11433
|
-
"declaration": {
|
|
11434
|
-
"name": "FlowResizeObserver",
|
|
11435
|
-
"module": "components/resize-observer/resize-observer.js"
|
|
11436
|
-
}
|
|
11437
|
-
}
|
|
11438
|
-
]
|
|
11439
|
-
},
|
|
11440
11325
|
{
|
|
11441
11326
|
"kind": "javascript-module",
|
|
11442
11327
|
"path": "components/scroll-view/scroll-view.component.js",
|
|
@@ -11699,6 +11584,121 @@
|
|
|
11699
11584
|
}
|
|
11700
11585
|
]
|
|
11701
11586
|
},
|
|
11587
|
+
{
|
|
11588
|
+
"kind": "javascript-module",
|
|
11589
|
+
"path": "components/resize-observer/resize-observer.js",
|
|
11590
|
+
"declarations": [
|
|
11591
|
+
{
|
|
11592
|
+
"kind": "class",
|
|
11593
|
+
"description": "",
|
|
11594
|
+
"name": "FlowResizeObserver",
|
|
11595
|
+
"slots": [
|
|
11596
|
+
{
|
|
11597
|
+
"description": "One or more elements to watch for resizing.",
|
|
11598
|
+
"name": ""
|
|
11599
|
+
}
|
|
11600
|
+
],
|
|
11601
|
+
"members": [
|
|
11602
|
+
{
|
|
11603
|
+
"kind": "field",
|
|
11604
|
+
"name": "resizeObserver",
|
|
11605
|
+
"type": {
|
|
11606
|
+
"text": "ResizeObserver"
|
|
11607
|
+
},
|
|
11608
|
+
"privacy": "private"
|
|
11609
|
+
},
|
|
11610
|
+
{
|
|
11611
|
+
"kind": "field",
|
|
11612
|
+
"name": "observedElements",
|
|
11613
|
+
"type": {
|
|
11614
|
+
"text": "HTMLElement[]"
|
|
11615
|
+
},
|
|
11616
|
+
"privacy": "private",
|
|
11617
|
+
"default": "[]"
|
|
11618
|
+
},
|
|
11619
|
+
{
|
|
11620
|
+
"kind": "field",
|
|
11621
|
+
"name": "disabled",
|
|
11622
|
+
"type": {
|
|
11623
|
+
"text": "boolean"
|
|
11624
|
+
},
|
|
11625
|
+
"default": "false",
|
|
11626
|
+
"description": "Disables the observer.",
|
|
11627
|
+
"attribute": "disabled",
|
|
11628
|
+
"reflects": true
|
|
11629
|
+
},
|
|
11630
|
+
{
|
|
11631
|
+
"kind": "method",
|
|
11632
|
+
"name": "handleSlotChange",
|
|
11633
|
+
"privacy": "private"
|
|
11634
|
+
},
|
|
11635
|
+
{
|
|
11636
|
+
"kind": "method",
|
|
11637
|
+
"name": "startObserver",
|
|
11638
|
+
"privacy": "private"
|
|
11639
|
+
},
|
|
11640
|
+
{
|
|
11641
|
+
"kind": "method",
|
|
11642
|
+
"name": "stopObserver",
|
|
11643
|
+
"privacy": "private"
|
|
11644
|
+
},
|
|
11645
|
+
{
|
|
11646
|
+
"kind": "method",
|
|
11647
|
+
"name": "handleDisabledChange"
|
|
11648
|
+
}
|
|
11649
|
+
],
|
|
11650
|
+
"events": [
|
|
11651
|
+
{
|
|
11652
|
+
"type": {
|
|
11653
|
+
"text": "{ entries: ResizeObserverEntry[] }"
|
|
11654
|
+
},
|
|
11655
|
+
"description": "Emitted when the element is resized.",
|
|
11656
|
+
"name": "flow-ui-resize",
|
|
11657
|
+
"reactName": "onFlowUiResize"
|
|
11658
|
+
}
|
|
11659
|
+
],
|
|
11660
|
+
"attributes": [
|
|
11661
|
+
{
|
|
11662
|
+
"name": "disabled",
|
|
11663
|
+
"type": {
|
|
11664
|
+
"text": "boolean"
|
|
11665
|
+
},
|
|
11666
|
+
"default": "false",
|
|
11667
|
+
"description": "Disables the observer.",
|
|
11668
|
+
"fieldName": "disabled"
|
|
11669
|
+
}
|
|
11670
|
+
],
|
|
11671
|
+
"superclass": {
|
|
11672
|
+
"name": "FlowRdfElement",
|
|
11673
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
11674
|
+
},
|
|
11675
|
+
"summary": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).",
|
|
11676
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/resize-observer",
|
|
11677
|
+
"status": "stable",
|
|
11678
|
+
"since": "2.0",
|
|
11679
|
+
"tagName": "flow-ui-resize-observer",
|
|
11680
|
+
"customElement": true
|
|
11681
|
+
}
|
|
11682
|
+
],
|
|
11683
|
+
"exports": [
|
|
11684
|
+
{
|
|
11685
|
+
"kind": "js",
|
|
11686
|
+
"name": "default",
|
|
11687
|
+
"declaration": {
|
|
11688
|
+
"name": "FlowResizeObserver",
|
|
11689
|
+
"module": "components/resize-observer/resize-observer.js"
|
|
11690
|
+
}
|
|
11691
|
+
},
|
|
11692
|
+
{
|
|
11693
|
+
"kind": "custom-element-definition",
|
|
11694
|
+
"name": "flow-ui-resize-observer",
|
|
11695
|
+
"declaration": {
|
|
11696
|
+
"name": "FlowResizeObserver",
|
|
11697
|
+
"module": "components/resize-observer/resize-observer.js"
|
|
11698
|
+
}
|
|
11699
|
+
}
|
|
11700
|
+
]
|
|
11701
|
+
},
|
|
11702
11702
|
{
|
|
11703
11703
|
"kind": "javascript-module",
|
|
11704
11704
|
"path": "components/select/select.js",
|
|
@@ -19453,6 +19453,6 @@
|
|
|
19453
19453
|
],
|
|
19454
19454
|
"package": {
|
|
19455
19455
|
"name": "@emuanalytics/flow-rdf-ui",
|
|
19456
|
-
"version": "0.0.
|
|
19456
|
+
"version": "0.0.8"
|
|
19457
19457
|
}
|
|
19458
19458
|
}
|