@emuanalytics/flow-rdf-ui 4.0.0 → 4.0.2
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 +1738 -1738
- package/dist/index.cjs +73 -5
- package/dist/index.d.cts +14 -12
- package/dist/index.d.mts +14 -12
- package/dist/index.d.ts +14 -12
- package/dist/index.mjs +74 -6
- package/dist/vscode.html-custom-data.json +151 -151
- package/package.json +3 -3
|
@@ -265,6 +265,191 @@
|
|
|
265
265
|
}
|
|
266
266
|
]
|
|
267
267
|
},
|
|
268
|
+
{
|
|
269
|
+
"kind": "javascript-module",
|
|
270
|
+
"path": "components/avatar/avatar.component.js",
|
|
271
|
+
"declarations": [
|
|
272
|
+
{
|
|
273
|
+
"kind": "class",
|
|
274
|
+
"description": "",
|
|
275
|
+
"name": "FlowUiAvatar",
|
|
276
|
+
"cssProperties": [
|
|
277
|
+
{
|
|
278
|
+
"description": "The size of the avatar.",
|
|
279
|
+
"name": "--size"
|
|
280
|
+
}
|
|
281
|
+
],
|
|
282
|
+
"cssParts": [
|
|
283
|
+
{
|
|
284
|
+
"description": "The component's base wrapper.",
|
|
285
|
+
"name": "base"
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"description": "The container that wraps the avatar's icon.",
|
|
289
|
+
"name": "icon"
|
|
290
|
+
},
|
|
291
|
+
{
|
|
292
|
+
"description": "The container that wraps the avatar's initials.",
|
|
293
|
+
"name": "initials"
|
|
294
|
+
},
|
|
295
|
+
{
|
|
296
|
+
"description": "The avatar image. Only shown when the `image` attribute is set.",
|
|
297
|
+
"name": "image"
|
|
298
|
+
}
|
|
299
|
+
],
|
|
300
|
+
"slots": [
|
|
301
|
+
{
|
|
302
|
+
"description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
|
|
303
|
+
"name": "icon"
|
|
304
|
+
}
|
|
305
|
+
],
|
|
306
|
+
"members": [
|
|
307
|
+
{
|
|
308
|
+
"kind": "field",
|
|
309
|
+
"name": "hasError",
|
|
310
|
+
"type": {
|
|
311
|
+
"text": "boolean"
|
|
312
|
+
},
|
|
313
|
+
"privacy": "private",
|
|
314
|
+
"default": "false"
|
|
315
|
+
},
|
|
316
|
+
{
|
|
317
|
+
"kind": "field",
|
|
318
|
+
"name": "image",
|
|
319
|
+
"type": {
|
|
320
|
+
"text": "string"
|
|
321
|
+
},
|
|
322
|
+
"default": "''",
|
|
323
|
+
"description": "The image source to use for the avatar.",
|
|
324
|
+
"attribute": "image"
|
|
325
|
+
},
|
|
326
|
+
{
|
|
327
|
+
"kind": "field",
|
|
328
|
+
"name": "label",
|
|
329
|
+
"type": {
|
|
330
|
+
"text": "string"
|
|
331
|
+
},
|
|
332
|
+
"default": "''",
|
|
333
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
334
|
+
"attribute": "label"
|
|
335
|
+
},
|
|
336
|
+
{
|
|
337
|
+
"kind": "field",
|
|
338
|
+
"name": "initials",
|
|
339
|
+
"type": {
|
|
340
|
+
"text": "string"
|
|
341
|
+
},
|
|
342
|
+
"default": "''",
|
|
343
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
344
|
+
"attribute": "initials"
|
|
345
|
+
},
|
|
346
|
+
{
|
|
347
|
+
"kind": "field",
|
|
348
|
+
"name": "loading",
|
|
349
|
+
"type": {
|
|
350
|
+
"text": "'eager' | 'lazy'"
|
|
351
|
+
},
|
|
352
|
+
"default": "'eager'",
|
|
353
|
+
"description": "Indicates how the browser should load the image.",
|
|
354
|
+
"attribute": "loading"
|
|
355
|
+
},
|
|
356
|
+
{
|
|
357
|
+
"kind": "field",
|
|
358
|
+
"name": "shape",
|
|
359
|
+
"type": {
|
|
360
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
361
|
+
},
|
|
362
|
+
"default": "'circle'",
|
|
363
|
+
"description": "The shape of the avatar.",
|
|
364
|
+
"attribute": "shape",
|
|
365
|
+
"reflects": true
|
|
366
|
+
}
|
|
367
|
+
],
|
|
368
|
+
"attributes": [
|
|
369
|
+
{
|
|
370
|
+
"name": "image",
|
|
371
|
+
"type": {
|
|
372
|
+
"text": "string"
|
|
373
|
+
},
|
|
374
|
+
"default": "''",
|
|
375
|
+
"description": "The image source to use for the avatar.",
|
|
376
|
+
"fieldName": "image"
|
|
377
|
+
},
|
|
378
|
+
{
|
|
379
|
+
"name": "label",
|
|
380
|
+
"type": {
|
|
381
|
+
"text": "string"
|
|
382
|
+
},
|
|
383
|
+
"default": "''",
|
|
384
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
385
|
+
"fieldName": "label"
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
"name": "initials",
|
|
389
|
+
"type": {
|
|
390
|
+
"text": "string"
|
|
391
|
+
},
|
|
392
|
+
"default": "''",
|
|
393
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
394
|
+
"fieldName": "initials"
|
|
395
|
+
},
|
|
396
|
+
{
|
|
397
|
+
"name": "loading",
|
|
398
|
+
"type": {
|
|
399
|
+
"text": "'eager' | 'lazy'"
|
|
400
|
+
},
|
|
401
|
+
"default": "'eager'",
|
|
402
|
+
"description": "Indicates how the browser should load the image.",
|
|
403
|
+
"fieldName": "loading"
|
|
404
|
+
},
|
|
405
|
+
{
|
|
406
|
+
"name": "shape",
|
|
407
|
+
"type": {
|
|
408
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
409
|
+
},
|
|
410
|
+
"default": "'circle'",
|
|
411
|
+
"description": "The shape of the avatar.",
|
|
412
|
+
"fieldName": "shape"
|
|
413
|
+
}
|
|
414
|
+
],
|
|
415
|
+
"superclass": {
|
|
416
|
+
"name": "FlowRdfElement",
|
|
417
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
418
|
+
},
|
|
419
|
+
"tagName": "flow-ui-avatar",
|
|
420
|
+
"summary": "Avatars are used to represent a person or object.",
|
|
421
|
+
"dependencies": [
|
|
422
|
+
"flow-ui-icon"
|
|
423
|
+
],
|
|
424
|
+
"customElement": true
|
|
425
|
+
}
|
|
426
|
+
],
|
|
427
|
+
"exports": [
|
|
428
|
+
{
|
|
429
|
+
"kind": "js",
|
|
430
|
+
"name": "default",
|
|
431
|
+
"declaration": {
|
|
432
|
+
"name": "FlowUiAvatar",
|
|
433
|
+
"module": "components/avatar/avatar.component.js"
|
|
434
|
+
}
|
|
435
|
+
}
|
|
436
|
+
]
|
|
437
|
+
},
|
|
438
|
+
{
|
|
439
|
+
"kind": "javascript-module",
|
|
440
|
+
"path": "components/avatar/avatar.js",
|
|
441
|
+
"declarations": [],
|
|
442
|
+
"exports": [
|
|
443
|
+
{
|
|
444
|
+
"kind": "js",
|
|
445
|
+
"name": "default",
|
|
446
|
+
"declaration": {
|
|
447
|
+
"name": "FlowUiAvatar",
|
|
448
|
+
"module": "components/avatar/avatar.js"
|
|
449
|
+
}
|
|
450
|
+
}
|
|
451
|
+
]
|
|
452
|
+
},
|
|
268
453
|
{
|
|
269
454
|
"kind": "javascript-module",
|
|
270
455
|
"path": "components/animation/animation.component.js",
|
|
@@ -940,203 +1125,84 @@
|
|
|
940
1125
|
},
|
|
941
1126
|
{
|
|
942
1127
|
"kind": "javascript-module",
|
|
943
|
-
"path": "components/
|
|
1128
|
+
"path": "components/button/button.component.js",
|
|
944
1129
|
"declarations": [
|
|
945
1130
|
{
|
|
946
1131
|
"kind": "class",
|
|
947
1132
|
"description": "",
|
|
948
|
-
"name": "
|
|
1133
|
+
"name": "FlowUiButton",
|
|
949
1134
|
"cssParts": [
|
|
950
1135
|
{
|
|
951
1136
|
"description": "The component's base wrapper.",
|
|
952
1137
|
"name": "base"
|
|
1138
|
+
},
|
|
1139
|
+
{
|
|
1140
|
+
"description": "The container that wraps the prefix.",
|
|
1141
|
+
"name": "prefix"
|
|
1142
|
+
},
|
|
1143
|
+
{
|
|
1144
|
+
"description": "The button's label.",
|
|
1145
|
+
"name": "label"
|
|
1146
|
+
},
|
|
1147
|
+
{
|
|
1148
|
+
"description": "The container that wraps the suffix.",
|
|
1149
|
+
"name": "suffix"
|
|
1150
|
+
},
|
|
1151
|
+
{
|
|
1152
|
+
"description": "The button's caret icon, an `<flow-ui-icon>` element.",
|
|
1153
|
+
"name": "caret"
|
|
953
1154
|
}
|
|
954
1155
|
],
|
|
955
1156
|
"slots": [
|
|
956
1157
|
{
|
|
957
|
-
"description": "The
|
|
1158
|
+
"description": "The button's label.",
|
|
958
1159
|
"name": ""
|
|
1160
|
+
},
|
|
1161
|
+
{
|
|
1162
|
+
"description": "A presentational prefix icon or similar element.",
|
|
1163
|
+
"name": "prefix"
|
|
1164
|
+
},
|
|
1165
|
+
{
|
|
1166
|
+
"description": "A presentational suffix icon or similar element.",
|
|
1167
|
+
"name": "suffix"
|
|
959
1168
|
}
|
|
960
1169
|
],
|
|
961
1170
|
"members": [
|
|
962
1171
|
{
|
|
963
1172
|
"kind": "field",
|
|
964
|
-
"name": "
|
|
965
|
-
"
|
|
966
|
-
|
|
967
|
-
}
|
|
968
|
-
"default": "'primary'",
|
|
969
|
-
"description": "The badge's theme variant.",
|
|
970
|
-
"attribute": "variant",
|
|
971
|
-
"reflects": true
|
|
1173
|
+
"name": "formControlController",
|
|
1174
|
+
"privacy": "private",
|
|
1175
|
+
"readonly": true,
|
|
1176
|
+
"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 })"
|
|
972
1177
|
},
|
|
973
1178
|
{
|
|
974
1179
|
"kind": "field",
|
|
975
|
-
"name": "
|
|
1180
|
+
"name": "hasSlotController",
|
|
1181
|
+
"privacy": "private",
|
|
1182
|
+
"readonly": true,
|
|
1183
|
+
"default": "new HasSlotController(this, '[default]', 'prefix', 'suffix')"
|
|
1184
|
+
},
|
|
1185
|
+
{
|
|
1186
|
+
"kind": "field",
|
|
1187
|
+
"name": "localize",
|
|
1188
|
+
"privacy": "private",
|
|
1189
|
+
"readonly": true,
|
|
1190
|
+
"default": "new LocalizeController(this)"
|
|
1191
|
+
},
|
|
1192
|
+
{
|
|
1193
|
+
"kind": "field",
|
|
1194
|
+
"name": "hasFocus",
|
|
976
1195
|
"type": {
|
|
977
1196
|
"text": "boolean"
|
|
978
1197
|
},
|
|
979
|
-
"
|
|
980
|
-
"
|
|
981
|
-
"attribute": "pill",
|
|
982
|
-
"reflects": true
|
|
1198
|
+
"privacy": "private",
|
|
1199
|
+
"default": "false"
|
|
983
1200
|
},
|
|
984
1201
|
{
|
|
985
1202
|
"kind": "field",
|
|
986
|
-
"name": "
|
|
1203
|
+
"name": "title",
|
|
987
1204
|
"type": {
|
|
988
|
-
"text": "
|
|
989
|
-
},
|
|
990
|
-
"default": "false",
|
|
991
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
992
|
-
"attribute": "pulse",
|
|
993
|
-
"reflects": true
|
|
994
|
-
}
|
|
995
|
-
],
|
|
996
|
-
"attributes": [
|
|
997
|
-
{
|
|
998
|
-
"name": "variant",
|
|
999
|
-
"type": {
|
|
1000
|
-
"text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
1001
|
-
},
|
|
1002
|
-
"default": "'primary'",
|
|
1003
|
-
"description": "The badge's theme variant.",
|
|
1004
|
-
"fieldName": "variant"
|
|
1005
|
-
},
|
|
1006
|
-
{
|
|
1007
|
-
"name": "pill",
|
|
1008
|
-
"type": {
|
|
1009
|
-
"text": "boolean"
|
|
1010
|
-
},
|
|
1011
|
-
"default": "false",
|
|
1012
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
1013
|
-
"fieldName": "pill"
|
|
1014
|
-
},
|
|
1015
|
-
{
|
|
1016
|
-
"name": "pulse",
|
|
1017
|
-
"type": {
|
|
1018
|
-
"text": "boolean"
|
|
1019
|
-
},
|
|
1020
|
-
"default": "false",
|
|
1021
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
1022
|
-
"fieldName": "pulse"
|
|
1023
|
-
}
|
|
1024
|
-
],
|
|
1025
|
-
"superclass": {
|
|
1026
|
-
"name": "FlowRdfElement",
|
|
1027
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
1028
|
-
},
|
|
1029
|
-
"tagName": "flow-ui-badge",
|
|
1030
|
-
"summary": "Badges are used to draw attention and display statuses or counts.",
|
|
1031
|
-
"customElement": true
|
|
1032
|
-
}
|
|
1033
|
-
],
|
|
1034
|
-
"exports": [
|
|
1035
|
-
{
|
|
1036
|
-
"kind": "js",
|
|
1037
|
-
"name": "default",
|
|
1038
|
-
"declaration": {
|
|
1039
|
-
"name": "FlowUiBadge",
|
|
1040
|
-
"module": "components/badge/badge.component.js"
|
|
1041
|
-
}
|
|
1042
|
-
}
|
|
1043
|
-
]
|
|
1044
|
-
},
|
|
1045
|
-
{
|
|
1046
|
-
"kind": "javascript-module",
|
|
1047
|
-
"path": "components/badge/badge.js",
|
|
1048
|
-
"declarations": [],
|
|
1049
|
-
"exports": [
|
|
1050
|
-
{
|
|
1051
|
-
"kind": "js",
|
|
1052
|
-
"name": "default",
|
|
1053
|
-
"declaration": {
|
|
1054
|
-
"name": "FlowUiBadge",
|
|
1055
|
-
"module": "components/badge/badge.js"
|
|
1056
|
-
}
|
|
1057
|
-
}
|
|
1058
|
-
]
|
|
1059
|
-
},
|
|
1060
|
-
{
|
|
1061
|
-
"kind": "javascript-module",
|
|
1062
|
-
"path": "components/button/button.component.js",
|
|
1063
|
-
"declarations": [
|
|
1064
|
-
{
|
|
1065
|
-
"kind": "class",
|
|
1066
|
-
"description": "",
|
|
1067
|
-
"name": "FlowUiButton",
|
|
1068
|
-
"cssParts": [
|
|
1069
|
-
{
|
|
1070
|
-
"description": "The component's base wrapper.",
|
|
1071
|
-
"name": "base"
|
|
1072
|
-
},
|
|
1073
|
-
{
|
|
1074
|
-
"description": "The container that wraps the prefix.",
|
|
1075
|
-
"name": "prefix"
|
|
1076
|
-
},
|
|
1077
|
-
{
|
|
1078
|
-
"description": "The button's label.",
|
|
1079
|
-
"name": "label"
|
|
1080
|
-
},
|
|
1081
|
-
{
|
|
1082
|
-
"description": "The container that wraps the suffix.",
|
|
1083
|
-
"name": "suffix"
|
|
1084
|
-
},
|
|
1085
|
-
{
|
|
1086
|
-
"description": "The button's caret icon, an `<flow-ui-icon>` element.",
|
|
1087
|
-
"name": "caret"
|
|
1088
|
-
}
|
|
1089
|
-
],
|
|
1090
|
-
"slots": [
|
|
1091
|
-
{
|
|
1092
|
-
"description": "The button's label.",
|
|
1093
|
-
"name": ""
|
|
1094
|
-
},
|
|
1095
|
-
{
|
|
1096
|
-
"description": "A presentational prefix icon or similar element.",
|
|
1097
|
-
"name": "prefix"
|
|
1098
|
-
},
|
|
1099
|
-
{
|
|
1100
|
-
"description": "A presentational suffix icon or similar element.",
|
|
1101
|
-
"name": "suffix"
|
|
1102
|
-
}
|
|
1103
|
-
],
|
|
1104
|
-
"members": [
|
|
1105
|
-
{
|
|
1106
|
-
"kind": "field",
|
|
1107
|
-
"name": "formControlController",
|
|
1108
|
-
"privacy": "private",
|
|
1109
|
-
"readonly": true,
|
|
1110
|
-
"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 })"
|
|
1111
|
-
},
|
|
1112
|
-
{
|
|
1113
|
-
"kind": "field",
|
|
1114
|
-
"name": "hasSlotController",
|
|
1115
|
-
"privacy": "private",
|
|
1116
|
-
"readonly": true,
|
|
1117
|
-
"default": "new HasSlotController(this, '[default]', 'prefix', 'suffix')"
|
|
1118
|
-
},
|
|
1119
|
-
{
|
|
1120
|
-
"kind": "field",
|
|
1121
|
-
"name": "localize",
|
|
1122
|
-
"privacy": "private",
|
|
1123
|
-
"readonly": true,
|
|
1124
|
-
"default": "new LocalizeController(this)"
|
|
1125
|
-
},
|
|
1126
|
-
{
|
|
1127
|
-
"kind": "field",
|
|
1128
|
-
"name": "hasFocus",
|
|
1129
|
-
"type": {
|
|
1130
|
-
"text": "boolean"
|
|
1131
|
-
},
|
|
1132
|
-
"privacy": "private",
|
|
1133
|
-
"default": "false"
|
|
1134
|
-
},
|
|
1135
|
-
{
|
|
1136
|
-
"kind": "field",
|
|
1137
|
-
"name": "title",
|
|
1138
|
-
"type": {
|
|
1139
|
-
"text": "string"
|
|
1205
|
+
"text": "string"
|
|
1140
1206
|
},
|
|
1141
1207
|
"default": "''",
|
|
1142
1208
|
"attribute": "title"
|
|
@@ -1749,62 +1815,25 @@
|
|
|
1749
1815
|
},
|
|
1750
1816
|
{
|
|
1751
1817
|
"kind": "javascript-module",
|
|
1752
|
-
"path": "components/
|
|
1818
|
+
"path": "components/button-group/button-group.component.js",
|
|
1753
1819
|
"declarations": [
|
|
1754
1820
|
{
|
|
1755
1821
|
"kind": "class",
|
|
1756
1822
|
"description": "",
|
|
1757
|
-
"name": "
|
|
1758
|
-
"cssProperties": [
|
|
1759
|
-
{
|
|
1760
|
-
"description": "The size of the avatar.",
|
|
1761
|
-
"name": "--size"
|
|
1762
|
-
}
|
|
1763
|
-
],
|
|
1823
|
+
"name": "FlowUiButtonGroup",
|
|
1764
1824
|
"cssParts": [
|
|
1765
1825
|
{
|
|
1766
1826
|
"description": "The component's base wrapper.",
|
|
1767
1827
|
"name": "base"
|
|
1768
|
-
},
|
|
1769
|
-
{
|
|
1770
|
-
"description": "The container that wraps the avatar's icon.",
|
|
1771
|
-
"name": "icon"
|
|
1772
|
-
},
|
|
1773
|
-
{
|
|
1774
|
-
"description": "The container that wraps the avatar's initials.",
|
|
1775
|
-
"name": "initials"
|
|
1776
|
-
},
|
|
1777
|
-
{
|
|
1778
|
-
"description": "The avatar image. Only shown when the `image` attribute is set.",
|
|
1779
|
-
"name": "image"
|
|
1780
1828
|
}
|
|
1781
1829
|
],
|
|
1782
1830
|
"slots": [
|
|
1783
1831
|
{
|
|
1784
|
-
"description": "
|
|
1785
|
-
"name": "
|
|
1832
|
+
"description": "One or more `<flow-ui-button>` elements to display in the button group.",
|
|
1833
|
+
"name": ""
|
|
1786
1834
|
}
|
|
1787
1835
|
],
|
|
1788
1836
|
"members": [
|
|
1789
|
-
{
|
|
1790
|
-
"kind": "field",
|
|
1791
|
-
"name": "hasError",
|
|
1792
|
-
"type": {
|
|
1793
|
-
"text": "boolean"
|
|
1794
|
-
},
|
|
1795
|
-
"privacy": "private",
|
|
1796
|
-
"default": "false"
|
|
1797
|
-
},
|
|
1798
|
-
{
|
|
1799
|
-
"kind": "field",
|
|
1800
|
-
"name": "image",
|
|
1801
|
-
"type": {
|
|
1802
|
-
"text": "string"
|
|
1803
|
-
},
|
|
1804
|
-
"default": "''",
|
|
1805
|
-
"description": "The image source to use for the avatar.",
|
|
1806
|
-
"attribute": "image"
|
|
1807
|
-
},
|
|
1808
1837
|
{
|
|
1809
1838
|
"kind": "field",
|
|
1810
1839
|
"name": "label",
|
|
@@ -1812,97 +1841,104 @@
|
|
|
1812
1841
|
"text": "string"
|
|
1813
1842
|
},
|
|
1814
1843
|
"default": "''",
|
|
1815
|
-
"description": "
|
|
1844
|
+
"description": "Text label for assistive devices.",
|
|
1816
1845
|
"attribute": "label"
|
|
1817
1846
|
},
|
|
1818
1847
|
{
|
|
1819
1848
|
"kind": "field",
|
|
1820
|
-
"name": "
|
|
1849
|
+
"name": "vertical",
|
|
1821
1850
|
"type": {
|
|
1822
|
-
"text": "
|
|
1851
|
+
"text": "boolean"
|
|
1823
1852
|
},
|
|
1824
|
-
"default": "
|
|
1825
|
-
"description": "
|
|
1826
|
-
"attribute": "
|
|
1853
|
+
"default": "false",
|
|
1854
|
+
"description": "Use vertical layout for the button group.",
|
|
1855
|
+
"attribute": "vertical",
|
|
1856
|
+
"reflects": true
|
|
1827
1857
|
},
|
|
1828
1858
|
{
|
|
1829
|
-
"kind": "
|
|
1830
|
-
"name": "
|
|
1831
|
-
"
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1859
|
+
"kind": "method",
|
|
1860
|
+
"name": "handleFocus",
|
|
1861
|
+
"privacy": "private",
|
|
1862
|
+
"parameters": [
|
|
1863
|
+
{
|
|
1864
|
+
"name": "event",
|
|
1865
|
+
"type": {
|
|
1866
|
+
"text": "Event"
|
|
1867
|
+
}
|
|
1868
|
+
}
|
|
1869
|
+
]
|
|
1837
1870
|
},
|
|
1838
1871
|
{
|
|
1839
|
-
"kind": "
|
|
1840
|
-
"name": "
|
|
1841
|
-
"
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
"attributes": [
|
|
1851
|
-
{
|
|
1852
|
-
"name": "image",
|
|
1853
|
-
"type": {
|
|
1854
|
-
"text": "string"
|
|
1855
|
-
},
|
|
1856
|
-
"default": "''",
|
|
1857
|
-
"description": "The image source to use for the avatar.",
|
|
1858
|
-
"fieldName": "image"
|
|
1872
|
+
"kind": "method",
|
|
1873
|
+
"name": "handleBlur",
|
|
1874
|
+
"privacy": "private",
|
|
1875
|
+
"parameters": [
|
|
1876
|
+
{
|
|
1877
|
+
"name": "event",
|
|
1878
|
+
"type": {
|
|
1879
|
+
"text": "Event"
|
|
1880
|
+
}
|
|
1881
|
+
}
|
|
1882
|
+
]
|
|
1859
1883
|
},
|
|
1860
1884
|
{
|
|
1861
|
-
"
|
|
1862
|
-
"
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
|
|
1867
|
-
|
|
1885
|
+
"kind": "method",
|
|
1886
|
+
"name": "handleMouseOver",
|
|
1887
|
+
"privacy": "private",
|
|
1888
|
+
"parameters": [
|
|
1889
|
+
{
|
|
1890
|
+
"name": "event",
|
|
1891
|
+
"type": {
|
|
1892
|
+
"text": "Event"
|
|
1893
|
+
}
|
|
1894
|
+
}
|
|
1895
|
+
]
|
|
1868
1896
|
},
|
|
1869
1897
|
{
|
|
1870
|
-
"
|
|
1871
|
-
"
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1898
|
+
"kind": "method",
|
|
1899
|
+
"name": "handleMouseOut",
|
|
1900
|
+
"privacy": "private",
|
|
1901
|
+
"parameters": [
|
|
1902
|
+
{
|
|
1903
|
+
"name": "event",
|
|
1904
|
+
"type": {
|
|
1905
|
+
"text": "Event"
|
|
1906
|
+
}
|
|
1907
|
+
}
|
|
1908
|
+
]
|
|
1877
1909
|
},
|
|
1878
1910
|
{
|
|
1879
|
-
"
|
|
1911
|
+
"kind": "method",
|
|
1912
|
+
"name": "handleSlotChange",
|
|
1913
|
+
"privacy": "private"
|
|
1914
|
+
}
|
|
1915
|
+
],
|
|
1916
|
+
"attributes": [
|
|
1917
|
+
{
|
|
1918
|
+
"name": "label",
|
|
1880
1919
|
"type": {
|
|
1881
|
-
"text": "
|
|
1920
|
+
"text": "string"
|
|
1882
1921
|
},
|
|
1883
|
-
"default": "'
|
|
1884
|
-
"description": "
|
|
1885
|
-
"fieldName": "
|
|
1922
|
+
"default": "''",
|
|
1923
|
+
"description": "Text label for assistive devices.",
|
|
1924
|
+
"fieldName": "label"
|
|
1886
1925
|
},
|
|
1887
1926
|
{
|
|
1888
|
-
"name": "
|
|
1927
|
+
"name": "vertical",
|
|
1889
1928
|
"type": {
|
|
1890
|
-
"text": "
|
|
1929
|
+
"text": "boolean"
|
|
1891
1930
|
},
|
|
1892
|
-
"default": "
|
|
1893
|
-
"description": "
|
|
1894
|
-
"fieldName": "
|
|
1931
|
+
"default": "false",
|
|
1932
|
+
"description": "Use vertical layout for the button group.",
|
|
1933
|
+
"fieldName": "vertical"
|
|
1895
1934
|
}
|
|
1896
1935
|
],
|
|
1897
1936
|
"superclass": {
|
|
1898
1937
|
"name": "FlowRdfElement",
|
|
1899
1938
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
1900
1939
|
},
|
|
1901
|
-
"tagName": "flow-ui-
|
|
1902
|
-
"summary": "
|
|
1903
|
-
"dependencies": [
|
|
1904
|
-
"flow-ui-icon"
|
|
1905
|
-
],
|
|
1940
|
+
"tagName": "flow-ui-button-group",
|
|
1941
|
+
"summary": "Button groups can be used to group related buttons into sections.",
|
|
1906
1942
|
"customElement": true
|
|
1907
1943
|
}
|
|
1908
1944
|
],
|
|
@@ -1911,35 +1947,35 @@
|
|
|
1911
1947
|
"kind": "js",
|
|
1912
1948
|
"name": "default",
|
|
1913
1949
|
"declaration": {
|
|
1914
|
-
"name": "
|
|
1915
|
-
"module": "components/
|
|
1950
|
+
"name": "FlowUiButtonGroup",
|
|
1951
|
+
"module": "components/button-group/button-group.component.js"
|
|
1916
1952
|
}
|
|
1917
1953
|
}
|
|
1918
1954
|
]
|
|
1919
1955
|
},
|
|
1920
1956
|
{
|
|
1921
1957
|
"kind": "javascript-module",
|
|
1922
|
-
"path": "components/
|
|
1958
|
+
"path": "components/button-group/button-group.js",
|
|
1923
1959
|
"declarations": [],
|
|
1924
1960
|
"exports": [
|
|
1925
1961
|
{
|
|
1926
1962
|
"kind": "js",
|
|
1927
1963
|
"name": "default",
|
|
1928
1964
|
"declaration": {
|
|
1929
|
-
"name": "
|
|
1930
|
-
"module": "components/
|
|
1965
|
+
"name": "FlowUiButtonGroup",
|
|
1966
|
+
"module": "components/button-group/button-group.js"
|
|
1931
1967
|
}
|
|
1932
1968
|
}
|
|
1933
1969
|
]
|
|
1934
1970
|
},
|
|
1935
1971
|
{
|
|
1936
1972
|
"kind": "javascript-module",
|
|
1937
|
-
"path": "components/
|
|
1973
|
+
"path": "components/badge/badge.component.js",
|
|
1938
1974
|
"declarations": [
|
|
1939
1975
|
{
|
|
1940
1976
|
"kind": "class",
|
|
1941
1977
|
"description": "",
|
|
1942
|
-
"name": "
|
|
1978
|
+
"name": "FlowUiBadge",
|
|
1943
1979
|
"cssParts": [
|
|
1944
1980
|
{
|
|
1945
1981
|
"description": "The component's base wrapper.",
|
|
@@ -1948,116 +1984,80 @@
|
|
|
1948
1984
|
],
|
|
1949
1985
|
"slots": [
|
|
1950
1986
|
{
|
|
1951
|
-
"description": "
|
|
1987
|
+
"description": "The badge's content.",
|
|
1952
1988
|
"name": ""
|
|
1953
1989
|
}
|
|
1954
1990
|
],
|
|
1955
1991
|
"members": [
|
|
1956
1992
|
{
|
|
1957
1993
|
"kind": "field",
|
|
1958
|
-
"name": "
|
|
1994
|
+
"name": "variant",
|
|
1959
1995
|
"type": {
|
|
1960
|
-
"text": "
|
|
1996
|
+
"text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
1961
1997
|
},
|
|
1962
|
-
"default": "''",
|
|
1963
|
-
"description": "
|
|
1964
|
-
"attribute": "
|
|
1998
|
+
"default": "'primary'",
|
|
1999
|
+
"description": "The badge's theme variant.",
|
|
2000
|
+
"attribute": "variant",
|
|
2001
|
+
"reflects": true
|
|
1965
2002
|
},
|
|
1966
2003
|
{
|
|
1967
2004
|
"kind": "field",
|
|
1968
|
-
"name": "
|
|
2005
|
+
"name": "pill",
|
|
1969
2006
|
"type": {
|
|
1970
2007
|
"text": "boolean"
|
|
1971
2008
|
},
|
|
1972
2009
|
"default": "false",
|
|
1973
|
-
"description": "
|
|
1974
|
-
"attribute": "
|
|
2010
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
2011
|
+
"attribute": "pill",
|
|
1975
2012
|
"reflects": true
|
|
1976
2013
|
},
|
|
1977
2014
|
{
|
|
1978
|
-
"kind": "
|
|
1979
|
-
"name": "
|
|
1980
|
-
"
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
}
|
|
1988
|
-
]
|
|
1989
|
-
},
|
|
1990
|
-
{
|
|
1991
|
-
"kind": "method",
|
|
1992
|
-
"name": "handleBlur",
|
|
1993
|
-
"privacy": "private",
|
|
1994
|
-
"parameters": [
|
|
1995
|
-
{
|
|
1996
|
-
"name": "event",
|
|
1997
|
-
"type": {
|
|
1998
|
-
"text": "Event"
|
|
1999
|
-
}
|
|
2000
|
-
}
|
|
2001
|
-
]
|
|
2002
|
-
},
|
|
2003
|
-
{
|
|
2004
|
-
"kind": "method",
|
|
2005
|
-
"name": "handleMouseOver",
|
|
2006
|
-
"privacy": "private",
|
|
2007
|
-
"parameters": [
|
|
2008
|
-
{
|
|
2009
|
-
"name": "event",
|
|
2010
|
-
"type": {
|
|
2011
|
-
"text": "Event"
|
|
2012
|
-
}
|
|
2013
|
-
}
|
|
2014
|
-
]
|
|
2015
|
-
},
|
|
2016
|
-
{
|
|
2017
|
-
"kind": "method",
|
|
2018
|
-
"name": "handleMouseOut",
|
|
2019
|
-
"privacy": "private",
|
|
2020
|
-
"parameters": [
|
|
2021
|
-
{
|
|
2022
|
-
"name": "event",
|
|
2023
|
-
"type": {
|
|
2024
|
-
"text": "Event"
|
|
2025
|
-
}
|
|
2026
|
-
}
|
|
2027
|
-
]
|
|
2028
|
-
},
|
|
2029
|
-
{
|
|
2030
|
-
"kind": "method",
|
|
2031
|
-
"name": "handleSlotChange",
|
|
2032
|
-
"privacy": "private"
|
|
2015
|
+
"kind": "field",
|
|
2016
|
+
"name": "pulse",
|
|
2017
|
+
"type": {
|
|
2018
|
+
"text": "boolean"
|
|
2019
|
+
},
|
|
2020
|
+
"default": "false",
|
|
2021
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
2022
|
+
"attribute": "pulse",
|
|
2023
|
+
"reflects": true
|
|
2033
2024
|
}
|
|
2034
2025
|
],
|
|
2035
2026
|
"attributes": [
|
|
2036
2027
|
{
|
|
2037
|
-
"name": "
|
|
2028
|
+
"name": "variant",
|
|
2038
2029
|
"type": {
|
|
2039
|
-
"text": "
|
|
2030
|
+
"text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
2040
2031
|
},
|
|
2041
|
-
"default": "''",
|
|
2042
|
-
"description": "
|
|
2043
|
-
"fieldName": "
|
|
2032
|
+
"default": "'primary'",
|
|
2033
|
+
"description": "The badge's theme variant.",
|
|
2034
|
+
"fieldName": "variant"
|
|
2044
2035
|
},
|
|
2045
2036
|
{
|
|
2046
|
-
"name": "
|
|
2037
|
+
"name": "pill",
|
|
2047
2038
|
"type": {
|
|
2048
2039
|
"text": "boolean"
|
|
2049
2040
|
},
|
|
2050
2041
|
"default": "false",
|
|
2051
|
-
"description": "
|
|
2052
|
-
"fieldName": "
|
|
2042
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
2043
|
+
"fieldName": "pill"
|
|
2044
|
+
},
|
|
2045
|
+
{
|
|
2046
|
+
"name": "pulse",
|
|
2047
|
+
"type": {
|
|
2048
|
+
"text": "boolean"
|
|
2049
|
+
},
|
|
2050
|
+
"default": "false",
|
|
2051
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
2052
|
+
"fieldName": "pulse"
|
|
2053
2053
|
}
|
|
2054
2054
|
],
|
|
2055
2055
|
"superclass": {
|
|
2056
2056
|
"name": "FlowRdfElement",
|
|
2057
2057
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
2058
2058
|
},
|
|
2059
|
-
"tagName": "flow-ui-
|
|
2060
|
-
"summary": "
|
|
2059
|
+
"tagName": "flow-ui-badge",
|
|
2060
|
+
"summary": "Badges are used to draw attention and display statuses or counts.",
|
|
2061
2061
|
"customElement": true
|
|
2062
2062
|
}
|
|
2063
2063
|
],
|
|
@@ -2066,23 +2066,23 @@
|
|
|
2066
2066
|
"kind": "js",
|
|
2067
2067
|
"name": "default",
|
|
2068
2068
|
"declaration": {
|
|
2069
|
-
"name": "
|
|
2070
|
-
"module": "components/
|
|
2069
|
+
"name": "FlowUiBadge",
|
|
2070
|
+
"module": "components/badge/badge.component.js"
|
|
2071
2071
|
}
|
|
2072
2072
|
}
|
|
2073
2073
|
]
|
|
2074
2074
|
},
|
|
2075
2075
|
{
|
|
2076
2076
|
"kind": "javascript-module",
|
|
2077
|
-
"path": "components/
|
|
2077
|
+
"path": "components/badge/badge.js",
|
|
2078
2078
|
"declarations": [],
|
|
2079
2079
|
"exports": [
|
|
2080
2080
|
{
|
|
2081
2081
|
"kind": "js",
|
|
2082
2082
|
"name": "default",
|
|
2083
2083
|
"declaration": {
|
|
2084
|
-
"name": "
|
|
2085
|
-
"module": "components/
|
|
2084
|
+
"name": "FlowUiBadge",
|
|
2085
|
+
"module": "components/badge/badge.js"
|
|
2086
2086
|
}
|
|
2087
2087
|
}
|
|
2088
2088
|
]
|
|
@@ -10198,7 +10198,7 @@
|
|
|
10198
10198
|
"declarations": [
|
|
10199
10199
|
{
|
|
10200
10200
|
"kind": "class",
|
|
10201
|
-
"description": "This component wraps a `
|
|
10201
|
+
"description": "This component wraps a `FlowCoreMap` instance from the flow-rdf-core library and\nprovides access to its API.\n\nThe `map` property provides direct access to the underlying `FlowCoreMap` instance.\n\nThe `initialized` property provides a promise that resolves to the `FlowCoreMap` once\nit has been initialized and is the safest way to access the map API.\n\nConvenience properties are provided for setting the base style, center, zoom, bearing, and pitch\nof the map. These properties can be set to update the map or the `FlowCoreMap` API can be used directly.",
|
|
10202
10202
|
"name": "FlowUiMap",
|
|
10203
10203
|
"cssParts": [
|
|
10204
10204
|
{
|
|
@@ -10358,7 +10358,7 @@
|
|
|
10358
10358
|
"type": {
|
|
10359
10359
|
"text": "FlowCoreMap | undefined"
|
|
10360
10360
|
},
|
|
10361
|
-
"description": "The underlying core
|
|
10361
|
+
"description": "The underlying core FlowCoreMap instance. Note that this is\n`undefined` until the map has been initialized.",
|
|
10362
10362
|
"readonly": true
|
|
10363
10363
|
},
|
|
10364
10364
|
{
|
|
@@ -10368,7 +10368,7 @@
|
|
|
10368
10368
|
"text": "Promise<FlowCoreMap>"
|
|
10369
10369
|
},
|
|
10370
10370
|
"privacy": "public",
|
|
10371
|
-
"description": "A promise that resolves to a map instance when the map has been initialized.\n\nThis is the safest way to retrieve the underlying core
|
|
10371
|
+
"description": "A promise that resolves to a map instance when the map has been initialized.\n\nThis is the safest way to retrieve the underlying core FlowCoreMap instance before\nusing its API.",
|
|
10372
10372
|
"readonly": true
|
|
10373
10373
|
},
|
|
10374
10374
|
{
|
|
@@ -10380,7 +10380,7 @@
|
|
|
10380
10380
|
"events": [
|
|
10381
10381
|
{
|
|
10382
10382
|
"type": {
|
|
10383
|
-
"text": "CustomEvent<{ map:
|
|
10383
|
+
"text": "CustomEvent<{ map: FlowCoreMap }>"
|
|
10384
10384
|
},
|
|
10385
10385
|
"description": "Dispatched when the map is first initialized and has completed loading. The Flo.w Core map instance can be retrieved from the event `detail` property.",
|
|
10386
10386
|
"name": "flow-ui-map-load",
|
|
@@ -18733,554 +18733,719 @@
|
|
|
18733
18733
|
},
|
|
18734
18734
|
{
|
|
18735
18735
|
"kind": "javascript-module",
|
|
18736
|
-
"path": "components/
|
|
18736
|
+
"path": "components/textarea/textarea.component.js",
|
|
18737
18737
|
"declarations": [
|
|
18738
18738
|
{
|
|
18739
18739
|
"kind": "class",
|
|
18740
18740
|
"description": "",
|
|
18741
|
-
"name": "
|
|
18742
|
-
"
|
|
18741
|
+
"name": "FlowUiTextarea",
|
|
18742
|
+
"cssParts": [
|
|
18743
18743
|
{
|
|
18744
|
-
"
|
|
18745
|
-
"name": "
|
|
18746
|
-
"type": {
|
|
18747
|
-
"text": "TickerSubscriptionFn[]"
|
|
18748
|
-
},
|
|
18749
|
-
"privacy": "private",
|
|
18750
|
-
"default": "[]"
|
|
18744
|
+
"description": "The form control that wraps the label, input, and help text.",
|
|
18745
|
+
"name": "form-control"
|
|
18751
18746
|
},
|
|
18752
18747
|
{
|
|
18753
|
-
"
|
|
18754
|
-
"name": "
|
|
18755
|
-
"type": {
|
|
18756
|
-
"text": "ReturnType<typeof setTimeout> | undefined"
|
|
18757
|
-
},
|
|
18758
|
-
"privacy": "private"
|
|
18748
|
+
"description": "The label's wrapper.",
|
|
18749
|
+
"name": "form-control-label"
|
|
18759
18750
|
},
|
|
18760
18751
|
{
|
|
18761
|
-
"
|
|
18762
|
-
"name": "
|
|
18763
|
-
"privacy": "private"
|
|
18752
|
+
"description": "The input's wrapper.",
|
|
18753
|
+
"name": "form-control-input"
|
|
18764
18754
|
},
|
|
18765
18755
|
{
|
|
18766
|
-
"
|
|
18767
|
-
"name": "
|
|
18768
|
-
"privacy": "private"
|
|
18756
|
+
"description": "The help text's wrapper.",
|
|
18757
|
+
"name": "form-control-help-text"
|
|
18769
18758
|
},
|
|
18770
18759
|
{
|
|
18771
|
-
"
|
|
18772
|
-
"name": "
|
|
18773
|
-
"type": {
|
|
18774
|
-
"text": "TickerUnit"
|
|
18775
|
-
},
|
|
18776
|
-
"privacy": "private",
|
|
18777
|
-
"default": "tickUnit"
|
|
18760
|
+
"description": "The component's base wrapper.",
|
|
18761
|
+
"name": "base"
|
|
18778
18762
|
},
|
|
18779
18763
|
{
|
|
18780
|
-
"
|
|
18781
|
-
"name": "
|
|
18782
|
-
|
|
18783
|
-
|
|
18784
|
-
|
|
18785
|
-
"privacy": "private",
|
|
18786
|
-
"default": "tickValue"
|
|
18787
|
-
},
|
|
18788
|
-
{
|
|
18789
|
-
"kind": "field",
|
|
18790
|
-
"name": "zone",
|
|
18791
|
-
"type": {
|
|
18792
|
-
"text": "string | undefined"
|
|
18793
|
-
},
|
|
18794
|
-
"privacy": "private",
|
|
18795
|
-
"default": "zone"
|
|
18796
|
-
},
|
|
18797
|
-
{
|
|
18798
|
-
"kind": "method",
|
|
18799
|
-
"name": "subscribe",
|
|
18800
|
-
"return": {
|
|
18801
|
-
"type": {
|
|
18802
|
-
"text": "TickerSubscription"
|
|
18803
|
-
}
|
|
18804
|
-
},
|
|
18805
|
-
"parameters": [
|
|
18806
|
-
{
|
|
18807
|
-
"name": "fn",
|
|
18808
|
-
"type": {
|
|
18809
|
-
"text": "TickerSubscriptionFn"
|
|
18810
|
-
}
|
|
18811
|
-
}
|
|
18812
|
-
]
|
|
18813
|
-
},
|
|
18814
|
-
{
|
|
18815
|
-
"kind": "method",
|
|
18816
|
-
"name": "unsubscribe",
|
|
18817
|
-
"parameters": [
|
|
18818
|
-
{
|
|
18819
|
-
"name": "fn",
|
|
18820
|
-
"type": {
|
|
18821
|
-
"text": "TickerSubscriptionFn"
|
|
18822
|
-
}
|
|
18823
|
-
}
|
|
18824
|
-
]
|
|
18825
|
-
},
|
|
18826
|
-
{
|
|
18827
|
-
"kind": "method",
|
|
18828
|
-
"name": "start"
|
|
18829
|
-
},
|
|
18830
|
-
{
|
|
18831
|
-
"kind": "method",
|
|
18832
|
-
"name": "stop"
|
|
18833
|
-
},
|
|
18764
|
+
"description": "The internal `<textarea>` control.",
|
|
18765
|
+
"name": "textarea"
|
|
18766
|
+
}
|
|
18767
|
+
],
|
|
18768
|
+
"slots": [
|
|
18834
18769
|
{
|
|
18835
|
-
"
|
|
18836
|
-
"name": "
|
|
18837
|
-
"parameters": [
|
|
18838
|
-
{
|
|
18839
|
-
"name": "zone",
|
|
18840
|
-
"type": {
|
|
18841
|
-
"text": "string"
|
|
18842
|
-
}
|
|
18843
|
-
}
|
|
18844
|
-
]
|
|
18770
|
+
"description": "The textarea's label. Alternatively, you can use the `label` attribute.",
|
|
18771
|
+
"name": "label"
|
|
18845
18772
|
},
|
|
18846
18773
|
{
|
|
18847
|
-
"
|
|
18848
|
-
"name": "
|
|
18849
|
-
|
|
18850
|
-
|
|
18851
|
-
|
|
18852
|
-
"type": {
|
|
18853
|
-
"text": "'hour' | 'minute' | 'second' | 'millisecond'"
|
|
18854
|
-
}
|
|
18855
|
-
},
|
|
18856
|
-
{
|
|
18857
|
-
"name": "tickValue",
|
|
18858
|
-
"type": {
|
|
18859
|
-
"text": "number"
|
|
18860
|
-
}
|
|
18861
|
-
}
|
|
18862
|
-
]
|
|
18863
|
-
},
|
|
18774
|
+
"description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
|
|
18775
|
+
"name": "help-text"
|
|
18776
|
+
}
|
|
18777
|
+
],
|
|
18778
|
+
"members": [
|
|
18864
18779
|
{
|
|
18865
|
-
"kind": "
|
|
18866
|
-
"name": "
|
|
18780
|
+
"kind": "field",
|
|
18781
|
+
"name": "formControlController",
|
|
18867
18782
|
"privacy": "private",
|
|
18868
|
-
"
|
|
18869
|
-
|
|
18870
|
-
"name": "forceMajor",
|
|
18871
|
-
"default": "false"
|
|
18872
|
-
}
|
|
18873
|
-
],
|
|
18874
|
-
"description": "Tick the clock\n\nA major-rounded tick is forced when the clock is started to ensure\nthat the timer control updates its value as soon as 'play' is clicked,\nrather than waiting for the next major tick."
|
|
18783
|
+
"readonly": true,
|
|
18784
|
+
"default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
|
|
18875
18785
|
},
|
|
18876
18786
|
{
|
|
18877
|
-
"kind": "
|
|
18878
|
-
"name": "
|
|
18787
|
+
"kind": "field",
|
|
18788
|
+
"name": "hasSlotController",
|
|
18879
18789
|
"privacy": "private",
|
|
18880
|
-
"
|
|
18881
|
-
|
|
18882
|
-
|
|
18883
|
-
"type": {
|
|
18884
|
-
"text": "DateTime"
|
|
18885
|
-
}
|
|
18886
|
-
},
|
|
18887
|
-
{
|
|
18888
|
-
"name": "tickType",
|
|
18889
|
-
"type": {
|
|
18890
|
-
"text": "'minor' | 'major'"
|
|
18891
|
-
}
|
|
18892
|
-
}
|
|
18893
|
-
]
|
|
18894
|
-
}
|
|
18895
|
-
]
|
|
18896
|
-
}
|
|
18897
|
-
],
|
|
18898
|
-
"exports": [
|
|
18899
|
-
{
|
|
18900
|
-
"kind": "js",
|
|
18901
|
-
"name": "Ticker",
|
|
18902
|
-
"declaration": {
|
|
18903
|
-
"name": "Ticker",
|
|
18904
|
-
"module": "components/timer/ticker.js"
|
|
18905
|
-
}
|
|
18906
|
-
}
|
|
18907
|
-
]
|
|
18908
|
-
},
|
|
18909
|
-
{
|
|
18910
|
-
"kind": "javascript-module",
|
|
18911
|
-
"path": "components/timer/timer.component.js",
|
|
18912
|
-
"declarations": [
|
|
18913
|
-
{
|
|
18914
|
-
"kind": "class",
|
|
18915
|
-
"description": "The timer component is the primary time control for Flo.w time-based visualizations. The current timer value is typically bound to a reactive state property\nso that reactive queries and computed state will be re-evaluated when the timer changes.\n\nThe timer value is an ISO8601 date/time string.\n\nThe timer operates in two modes:\n\n- running - the timer is set to 'real time' and updates every second.\n- paused - the timer is set to a specific time and does not update automatically.\n\nSelecting a date/time with the timer step controls or the popup calendar will set the timer to paused mode.\nClicking the play button switches the timer to 'real time' running mode.\nThe mode can also be set programmatically using the `running` attribute.",
|
|
18916
|
-
"name": "FlowUiTimer",
|
|
18917
|
-
"members": [
|
|
18790
|
+
"readonly": true,
|
|
18791
|
+
"default": "new HasSlotController(this, 'help-text', 'label')"
|
|
18792
|
+
},
|
|
18918
18793
|
{
|
|
18919
18794
|
"kind": "field",
|
|
18920
|
-
"name": "
|
|
18795
|
+
"name": "resizeObserver",
|
|
18921
18796
|
"type": {
|
|
18922
|
-
"text": "
|
|
18797
|
+
"text": "ResizeObserver"
|
|
18923
18798
|
},
|
|
18924
18799
|
"privacy": "private"
|
|
18925
18800
|
},
|
|
18926
18801
|
{
|
|
18927
18802
|
"kind": "field",
|
|
18928
|
-
"name": "
|
|
18803
|
+
"name": "hasFocus",
|
|
18929
18804
|
"type": {
|
|
18930
|
-
"text": "
|
|
18805
|
+
"text": "boolean"
|
|
18931
18806
|
},
|
|
18932
|
-
"privacy": "private"
|
|
18807
|
+
"privacy": "private",
|
|
18808
|
+
"default": "false"
|
|
18933
18809
|
},
|
|
18934
18810
|
{
|
|
18935
18811
|
"kind": "field",
|
|
18936
|
-
"name": "
|
|
18812
|
+
"name": "name",
|
|
18937
18813
|
"type": {
|
|
18938
|
-
"text": "
|
|
18814
|
+
"text": "string"
|
|
18939
18815
|
},
|
|
18940
|
-
"
|
|
18816
|
+
"default": "''",
|
|
18817
|
+
"description": "The name of the textarea, submitted as a name/value pair with form data.",
|
|
18818
|
+
"attribute": "name"
|
|
18941
18819
|
},
|
|
18942
18820
|
{
|
|
18943
18821
|
"kind": "field",
|
|
18944
|
-
"name": "
|
|
18822
|
+
"name": "value",
|
|
18945
18823
|
"type": {
|
|
18946
|
-
"text": "
|
|
18824
|
+
"text": "string"
|
|
18947
18825
|
},
|
|
18948
|
-
"
|
|
18826
|
+
"default": "''",
|
|
18827
|
+
"description": "The current value of the textarea, submitted as a name/value pair with form data.",
|
|
18828
|
+
"attribute": "value"
|
|
18949
18829
|
},
|
|
18950
18830
|
{
|
|
18951
18831
|
"kind": "field",
|
|
18952
|
-
"name": "
|
|
18832
|
+
"name": "size",
|
|
18953
18833
|
"type": {
|
|
18954
|
-
"text": "
|
|
18834
|
+
"text": "'small' | 'medium' | 'large'"
|
|
18955
18835
|
},
|
|
18956
|
-
"
|
|
18836
|
+
"default": "'medium'",
|
|
18837
|
+
"description": "The textarea's size.",
|
|
18838
|
+
"attribute": "size",
|
|
18839
|
+
"reflects": true
|
|
18957
18840
|
},
|
|
18958
18841
|
{
|
|
18959
18842
|
"kind": "field",
|
|
18960
|
-
"name": "
|
|
18843
|
+
"name": "filled",
|
|
18961
18844
|
"type": {
|
|
18962
|
-
"text": "
|
|
18845
|
+
"text": "boolean"
|
|
18963
18846
|
},
|
|
18964
|
-
"
|
|
18847
|
+
"default": "false",
|
|
18848
|
+
"description": "Draws a filled textarea.",
|
|
18849
|
+
"attribute": "filled",
|
|
18850
|
+
"reflects": true
|
|
18965
18851
|
},
|
|
18966
18852
|
{
|
|
18967
18853
|
"kind": "field",
|
|
18968
|
-
"name": "
|
|
18854
|
+
"name": "label",
|
|
18969
18855
|
"type": {
|
|
18970
|
-
"text": "
|
|
18856
|
+
"text": "string"
|
|
18971
18857
|
},
|
|
18972
|
-
"
|
|
18858
|
+
"default": "''",
|
|
18859
|
+
"description": "The textarea's label. If you need to display HTML, use the `label` slot instead.",
|
|
18860
|
+
"attribute": "label"
|
|
18973
18861
|
},
|
|
18974
18862
|
{
|
|
18975
18863
|
"kind": "field",
|
|
18976
|
-
"name": "
|
|
18864
|
+
"name": "helpText",
|
|
18977
18865
|
"type": {
|
|
18978
18866
|
"text": "string"
|
|
18979
18867
|
},
|
|
18980
|
-
"
|
|
18981
|
-
"
|
|
18868
|
+
"default": "''",
|
|
18869
|
+
"description": "The textarea's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
18870
|
+
"attribute": "help-text"
|
|
18982
18871
|
},
|
|
18983
18872
|
{
|
|
18984
18873
|
"kind": "field",
|
|
18985
|
-
"name": "
|
|
18874
|
+
"name": "placeholder",
|
|
18986
18875
|
"type": {
|
|
18987
|
-
"text": "string
|
|
18876
|
+
"text": "string"
|
|
18988
18877
|
},
|
|
18989
|
-
"
|
|
18990
|
-
"
|
|
18878
|
+
"default": "''",
|
|
18879
|
+
"description": "Placeholder text to show as a hint when the input is empty.",
|
|
18880
|
+
"attribute": "placeholder"
|
|
18991
18881
|
},
|
|
18992
18882
|
{
|
|
18993
18883
|
"kind": "field",
|
|
18994
|
-
"name": "
|
|
18884
|
+
"name": "rows",
|
|
18995
18885
|
"type": {
|
|
18996
|
-
"text": "
|
|
18886
|
+
"text": "number"
|
|
18997
18887
|
},
|
|
18998
|
-
"
|
|
18999
|
-
"
|
|
18888
|
+
"default": "4",
|
|
18889
|
+
"description": "The number of rows to display by default.",
|
|
18890
|
+
"attribute": "rows"
|
|
19000
18891
|
},
|
|
19001
18892
|
{
|
|
19002
18893
|
"kind": "field",
|
|
19003
|
-
"name": "
|
|
18894
|
+
"name": "resize",
|
|
19004
18895
|
"type": {
|
|
19005
|
-
"text": "
|
|
18896
|
+
"text": "'none' | 'vertical' | 'auto'"
|
|
19006
18897
|
},
|
|
19007
|
-
"default": "
|
|
19008
|
-
"description": "
|
|
19009
|
-
"attribute": "
|
|
19010
|
-
"reflects": true
|
|
18898
|
+
"default": "'vertical'",
|
|
18899
|
+
"description": "Controls how the textarea can be resized.",
|
|
18900
|
+
"attribute": "resize"
|
|
19011
18901
|
},
|
|
19012
18902
|
{
|
|
19013
18903
|
"kind": "field",
|
|
19014
|
-
"name": "
|
|
18904
|
+
"name": "disabled",
|
|
19015
18905
|
"type": {
|
|
19016
|
-
"text": "
|
|
18906
|
+
"text": "boolean"
|
|
19017
18907
|
},
|
|
19018
|
-
"default": "
|
|
19019
|
-
"description": "
|
|
19020
|
-
"attribute": "
|
|
18908
|
+
"default": "false",
|
|
18909
|
+
"description": "Disables the textarea.",
|
|
18910
|
+
"attribute": "disabled",
|
|
18911
|
+
"reflects": true
|
|
19021
18912
|
},
|
|
19022
18913
|
{
|
|
19023
18914
|
"kind": "field",
|
|
19024
|
-
"name": "
|
|
18915
|
+
"name": "readonly",
|
|
19025
18916
|
"type": {
|
|
19026
|
-
"text": "
|
|
18917
|
+
"text": "boolean"
|
|
19027
18918
|
},
|
|
19028
|
-
"default": "
|
|
19029
|
-
"description": "
|
|
19030
|
-
"attribute": "
|
|
18919
|
+
"default": "false",
|
|
18920
|
+
"description": "Makes the textarea readonly.",
|
|
18921
|
+
"attribute": "readonly",
|
|
18922
|
+
"reflects": true
|
|
19031
18923
|
},
|
|
19032
18924
|
{
|
|
19033
18925
|
"kind": "field",
|
|
19034
|
-
"name": "
|
|
18926
|
+
"name": "form",
|
|
19035
18927
|
"type": {
|
|
19036
18928
|
"text": "string"
|
|
19037
18929
|
},
|
|
19038
|
-
"default": "'
|
|
19039
|
-
"description": "
|
|
19040
|
-
"attribute": "
|
|
18930
|
+
"default": "''",
|
|
18931
|
+
"description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
|
|
18932
|
+
"attribute": "form",
|
|
18933
|
+
"reflects": true
|
|
19041
18934
|
},
|
|
19042
18935
|
{
|
|
19043
18936
|
"kind": "field",
|
|
19044
|
-
"name": "
|
|
18937
|
+
"name": "required",
|
|
19045
18938
|
"type": {
|
|
19046
|
-
"text": "
|
|
18939
|
+
"text": "boolean"
|
|
19047
18940
|
},
|
|
19048
|
-
"default": "
|
|
19049
|
-
"description": "
|
|
19050
|
-
"attribute": "
|
|
18941
|
+
"default": "false",
|
|
18942
|
+
"description": "Makes the textarea a required field.",
|
|
18943
|
+
"attribute": "required",
|
|
18944
|
+
"reflects": true
|
|
19051
18945
|
},
|
|
19052
18946
|
{
|
|
19053
18947
|
"kind": "field",
|
|
19054
|
-
"name": "
|
|
18948
|
+
"name": "minlength",
|
|
18949
|
+
"type": {
|
|
18950
|
+
"text": "number"
|
|
18951
|
+
},
|
|
18952
|
+
"description": "The minimum length of input that will be considered valid.",
|
|
18953
|
+
"attribute": "minlength"
|
|
18954
|
+
},
|
|
18955
|
+
{
|
|
18956
|
+
"kind": "field",
|
|
18957
|
+
"name": "maxlength",
|
|
18958
|
+
"type": {
|
|
18959
|
+
"text": "number"
|
|
18960
|
+
},
|
|
18961
|
+
"description": "The maximum length of input that will be considered valid.",
|
|
18962
|
+
"attribute": "maxlength"
|
|
18963
|
+
},
|
|
18964
|
+
{
|
|
18965
|
+
"kind": "field",
|
|
18966
|
+
"name": "autocapitalize",
|
|
18967
|
+
"type": {
|
|
18968
|
+
"text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
|
|
18969
|
+
},
|
|
18970
|
+
"description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
|
|
18971
|
+
"attribute": "autocapitalize"
|
|
18972
|
+
},
|
|
18973
|
+
{
|
|
18974
|
+
"kind": "field",
|
|
18975
|
+
"name": "autocorrect",
|
|
19055
18976
|
"type": {
|
|
19056
18977
|
"text": "string"
|
|
19057
18978
|
},
|
|
19058
|
-
"
|
|
19059
|
-
"
|
|
19060
|
-
"attribute": "major-step"
|
|
18979
|
+
"description": "Indicates whether the browser's autocorrect feature is on or off.",
|
|
18980
|
+
"attribute": "autocorrect"
|
|
19061
18981
|
},
|
|
19062
18982
|
{
|
|
19063
18983
|
"kind": "field",
|
|
19064
|
-
"name": "
|
|
18984
|
+
"name": "autocomplete",
|
|
19065
18985
|
"type": {
|
|
19066
18986
|
"text": "string"
|
|
19067
18987
|
},
|
|
19068
|
-
"
|
|
19069
|
-
"
|
|
19070
|
-
"attribute": "minor-step"
|
|
18988
|
+
"description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
|
|
18989
|
+
"attribute": "autocomplete"
|
|
19071
18990
|
},
|
|
19072
18991
|
{
|
|
19073
18992
|
"kind": "field",
|
|
19074
|
-
"name": "
|
|
18993
|
+
"name": "autofocus",
|
|
19075
18994
|
"type": {
|
|
19076
18995
|
"text": "boolean"
|
|
19077
18996
|
},
|
|
19078
|
-
"
|
|
19079
|
-
"
|
|
19080
|
-
|
|
18997
|
+
"description": "Indicates that the input should receive focus on page load.",
|
|
18998
|
+
"attribute": "autofocus"
|
|
18999
|
+
},
|
|
19000
|
+
{
|
|
19001
|
+
"kind": "field",
|
|
19002
|
+
"name": "enterkeyhint",
|
|
19003
|
+
"type": {
|
|
19004
|
+
"text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
|
|
19005
|
+
},
|
|
19006
|
+
"description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
|
|
19007
|
+
"attribute": "enterkeyhint"
|
|
19008
|
+
},
|
|
19009
|
+
{
|
|
19010
|
+
"kind": "field",
|
|
19011
|
+
"name": "spellcheck",
|
|
19012
|
+
"type": {
|
|
19013
|
+
"text": "boolean"
|
|
19014
|
+
},
|
|
19015
|
+
"default": "true",
|
|
19016
|
+
"description": "Enables spell checking on the textarea.",
|
|
19017
|
+
"attribute": "spellcheck"
|
|
19018
|
+
},
|
|
19019
|
+
{
|
|
19020
|
+
"kind": "field",
|
|
19021
|
+
"name": "inputmode",
|
|
19022
|
+
"type": {
|
|
19023
|
+
"text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
|
|
19024
|
+
},
|
|
19025
|
+
"description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
|
|
19026
|
+
"attribute": "inputmode"
|
|
19027
|
+
},
|
|
19028
|
+
{
|
|
19029
|
+
"kind": "field",
|
|
19030
|
+
"name": "defaultValue",
|
|
19031
|
+
"type": {
|
|
19032
|
+
"text": "string"
|
|
19033
|
+
},
|
|
19034
|
+
"default": "''",
|
|
19035
|
+
"description": "The default value of the form control. Primarily used for resetting the form control."
|
|
19036
|
+
},
|
|
19037
|
+
{
|
|
19038
|
+
"kind": "field",
|
|
19039
|
+
"name": "validity",
|
|
19040
|
+
"description": "Gets the validity state object",
|
|
19041
|
+
"readonly": true
|
|
19042
|
+
},
|
|
19043
|
+
{
|
|
19044
|
+
"kind": "field",
|
|
19045
|
+
"name": "validationMessage",
|
|
19046
|
+
"description": "Gets the validation message",
|
|
19047
|
+
"readonly": true
|
|
19081
19048
|
},
|
|
19082
19049
|
{
|
|
19083
19050
|
"kind": "method",
|
|
19084
|
-
"name": "
|
|
19051
|
+
"name": "handleBlur",
|
|
19052
|
+
"privacy": "private"
|
|
19053
|
+
},
|
|
19054
|
+
{
|
|
19055
|
+
"kind": "method",
|
|
19056
|
+
"name": "handleChange",
|
|
19057
|
+
"privacy": "private"
|
|
19058
|
+
},
|
|
19059
|
+
{
|
|
19060
|
+
"kind": "method",
|
|
19061
|
+
"name": "handleFocus",
|
|
19062
|
+
"privacy": "private"
|
|
19063
|
+
},
|
|
19064
|
+
{
|
|
19065
|
+
"kind": "method",
|
|
19066
|
+
"name": "handleInput",
|
|
19067
|
+
"privacy": "private"
|
|
19068
|
+
},
|
|
19069
|
+
{
|
|
19070
|
+
"kind": "method",
|
|
19071
|
+
"name": "handleInvalid",
|
|
19085
19072
|
"privacy": "private",
|
|
19086
19073
|
"parameters": [
|
|
19087
19074
|
{
|
|
19088
|
-
"name": "
|
|
19075
|
+
"name": "event",
|
|
19089
19076
|
"type": {
|
|
19090
|
-
"text": "
|
|
19077
|
+
"text": "Event"
|
|
19091
19078
|
}
|
|
19092
19079
|
}
|
|
19093
19080
|
]
|
|
19094
19081
|
},
|
|
19095
19082
|
{
|
|
19096
19083
|
"kind": "method",
|
|
19097
|
-
"name": "
|
|
19098
|
-
"privacy": "private"
|
|
19084
|
+
"name": "setTextareaHeight",
|
|
19085
|
+
"privacy": "private"
|
|
19086
|
+
},
|
|
19087
|
+
{
|
|
19088
|
+
"kind": "method",
|
|
19089
|
+
"name": "focus",
|
|
19099
19090
|
"parameters": [
|
|
19100
19091
|
{
|
|
19101
|
-
"name": "
|
|
19092
|
+
"name": "options",
|
|
19093
|
+
"optional": true,
|
|
19102
19094
|
"type": {
|
|
19103
|
-
"text": "
|
|
19095
|
+
"text": "FocusOptions"
|
|
19104
19096
|
}
|
|
19105
19097
|
}
|
|
19106
|
-
]
|
|
19098
|
+
],
|
|
19099
|
+
"description": "Sets focus on the textarea."
|
|
19107
19100
|
},
|
|
19108
19101
|
{
|
|
19109
19102
|
"kind": "method",
|
|
19110
|
-
"name": "
|
|
19111
|
-
"
|
|
19103
|
+
"name": "blur",
|
|
19104
|
+
"description": "Removes focus from the textarea."
|
|
19105
|
+
},
|
|
19106
|
+
{
|
|
19107
|
+
"kind": "method",
|
|
19108
|
+
"name": "select",
|
|
19109
|
+
"description": "Selects all the text in the textarea."
|
|
19110
|
+
},
|
|
19111
|
+
{
|
|
19112
|
+
"kind": "method",
|
|
19113
|
+
"name": "scrollPosition",
|
|
19114
|
+
"return": {
|
|
19115
|
+
"type": {
|
|
19116
|
+
"text": "{ top: number; left: number } | undefined"
|
|
19117
|
+
}
|
|
19118
|
+
},
|
|
19112
19119
|
"parameters": [
|
|
19113
19120
|
{
|
|
19114
|
-
"name": "
|
|
19121
|
+
"name": "position",
|
|
19122
|
+
"optional": true,
|
|
19115
19123
|
"type": {
|
|
19116
|
-
"text": "
|
|
19124
|
+
"text": "{ top?: number; left?: number }"
|
|
19117
19125
|
}
|
|
19118
19126
|
}
|
|
19119
|
-
]
|
|
19120
|
-
|
|
19121
|
-
{
|
|
19122
|
-
"kind": "method",
|
|
19123
|
-
"name": "handlePlayPauseClicked",
|
|
19124
|
-
"privacy": "private"
|
|
19127
|
+
],
|
|
19128
|
+
"description": "Gets or sets the textarea's scroll position."
|
|
19125
19129
|
},
|
|
19126
19130
|
{
|
|
19127
19131
|
"kind": "method",
|
|
19128
|
-
"name": "
|
|
19129
|
-
"privacy": "private",
|
|
19132
|
+
"name": "setSelectionRange",
|
|
19130
19133
|
"parameters": [
|
|
19131
19134
|
{
|
|
19132
|
-
"name": "
|
|
19135
|
+
"name": "selectionStart",
|
|
19133
19136
|
"type": {
|
|
19134
|
-
"text": "
|
|
19137
|
+
"text": "number"
|
|
19135
19138
|
}
|
|
19136
19139
|
},
|
|
19137
19140
|
{
|
|
19138
|
-
"name": "
|
|
19141
|
+
"name": "selectionEnd",
|
|
19139
19142
|
"type": {
|
|
19140
|
-
"text": "
|
|
19143
|
+
"text": "number"
|
|
19144
|
+
}
|
|
19145
|
+
},
|
|
19146
|
+
{
|
|
19147
|
+
"name": "selectionDirection",
|
|
19148
|
+
"default": "'none'",
|
|
19149
|
+
"type": {
|
|
19150
|
+
"text": "'forward' | 'backward' | 'none'"
|
|
19141
19151
|
}
|
|
19142
19152
|
}
|
|
19143
|
-
]
|
|
19144
|
-
|
|
19145
|
-
{
|
|
19146
|
-
"kind": "field",
|
|
19147
|
-
"name": "debouncedEmitChange",
|
|
19148
|
-
"privacy": "private"
|
|
19153
|
+
],
|
|
19154
|
+
"description": "Sets the start and end positions of the text selection (0-based)."
|
|
19149
19155
|
},
|
|
19150
19156
|
{
|
|
19151
19157
|
"kind": "method",
|
|
19152
|
-
"name": "
|
|
19153
|
-
"privacy": "private",
|
|
19158
|
+
"name": "setRangeText",
|
|
19154
19159
|
"parameters": [
|
|
19155
19160
|
{
|
|
19156
|
-
"name": "
|
|
19161
|
+
"name": "replacement",
|
|
19157
19162
|
"type": {
|
|
19158
19163
|
"text": "string"
|
|
19159
19164
|
}
|
|
19160
19165
|
},
|
|
19161
19166
|
{
|
|
19162
|
-
"name": "
|
|
19163
|
-
"
|
|
19167
|
+
"name": "start",
|
|
19168
|
+
"optional": true,
|
|
19169
|
+
"type": {
|
|
19170
|
+
"text": "number"
|
|
19171
|
+
}
|
|
19172
|
+
},
|
|
19173
|
+
{
|
|
19174
|
+
"name": "end",
|
|
19175
|
+
"optional": true,
|
|
19176
|
+
"type": {
|
|
19177
|
+
"text": "number"
|
|
19178
|
+
}
|
|
19179
|
+
},
|
|
19180
|
+
{
|
|
19181
|
+
"name": "selectMode",
|
|
19182
|
+
"optional": true,
|
|
19183
|
+
"type": {
|
|
19184
|
+
"text": "'select' | 'start' | 'end' | 'preserve'"
|
|
19185
|
+
}
|
|
19164
19186
|
}
|
|
19165
|
-
]
|
|
19166
|
-
|
|
19167
|
-
|
|
19168
|
-
"events": [
|
|
19187
|
+
],
|
|
19188
|
+
"description": "Replaces a range of text with a new string."
|
|
19189
|
+
},
|
|
19169
19190
|
{
|
|
19170
|
-
"
|
|
19171
|
-
"name": "
|
|
19172
|
-
"
|
|
19191
|
+
"kind": "method",
|
|
19192
|
+
"name": "checkValidity",
|
|
19193
|
+
"description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
|
|
19173
19194
|
},
|
|
19174
19195
|
{
|
|
19175
|
-
"
|
|
19176
|
-
"name": "
|
|
19177
|
-
"
|
|
19196
|
+
"kind": "method",
|
|
19197
|
+
"name": "getForm",
|
|
19198
|
+
"return": {
|
|
19199
|
+
"type": {
|
|
19200
|
+
"text": "HTMLFormElement | null"
|
|
19201
|
+
}
|
|
19202
|
+
},
|
|
19203
|
+
"description": "Gets the associated form, if one exists."
|
|
19204
|
+
},
|
|
19205
|
+
{
|
|
19206
|
+
"kind": "method",
|
|
19207
|
+
"name": "reportValidity",
|
|
19208
|
+
"description": "Checks for validity and shows the browser's validation message if the control is invalid."
|
|
19209
|
+
},
|
|
19210
|
+
{
|
|
19211
|
+
"kind": "method",
|
|
19212
|
+
"name": "setCustomValidity",
|
|
19213
|
+
"parameters": [
|
|
19214
|
+
{
|
|
19215
|
+
"name": "message",
|
|
19216
|
+
"type": {
|
|
19217
|
+
"text": "string"
|
|
19218
|
+
}
|
|
19219
|
+
}
|
|
19220
|
+
],
|
|
19221
|
+
"description": "Sets a custom validation message. Pass an empty string to restore validity."
|
|
19222
|
+
}
|
|
19223
|
+
],
|
|
19224
|
+
"events": [
|
|
19225
|
+
{
|
|
19226
|
+
"description": "Emitted when the control loses focus.",
|
|
19227
|
+
"name": "flow-ui-blur",
|
|
19228
|
+
"reactName": "onFlowUiBlur"
|
|
19229
|
+
},
|
|
19230
|
+
{
|
|
19231
|
+
"description": "Emitted when an alteration to the control's value is committed by the user.",
|
|
19232
|
+
"name": "flow-ui-change",
|
|
19233
|
+
"reactName": "onFlowUiChange"
|
|
19234
|
+
},
|
|
19235
|
+
{
|
|
19236
|
+
"description": "Emitted when the control gains focus.",
|
|
19237
|
+
"name": "flow-ui-focus",
|
|
19238
|
+
"reactName": "onFlowUiFocus"
|
|
19239
|
+
},
|
|
19240
|
+
{
|
|
19241
|
+
"description": "Emitted when the control receives input.",
|
|
19242
|
+
"name": "flow-ui-input",
|
|
19243
|
+
"reactName": "onFlowUiInput"
|
|
19244
|
+
},
|
|
19245
|
+
{
|
|
19246
|
+
"description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
|
|
19247
|
+
"name": "flow-ui-invalid",
|
|
19248
|
+
"reactName": "onFlowUiInvalid"
|
|
19178
19249
|
}
|
|
19179
19250
|
],
|
|
19180
19251
|
"attributes": [
|
|
19181
19252
|
{
|
|
19182
|
-
"name": "
|
|
19253
|
+
"name": "name",
|
|
19183
19254
|
"type": {
|
|
19184
19255
|
"text": "string"
|
|
19185
19256
|
},
|
|
19186
|
-
"
|
|
19187
|
-
"
|
|
19257
|
+
"default": "''",
|
|
19258
|
+
"description": "The name of the textarea, submitted as a name/value pair with form data.",
|
|
19259
|
+
"fieldName": "name"
|
|
19188
19260
|
},
|
|
19189
19261
|
{
|
|
19190
|
-
"name": "
|
|
19262
|
+
"name": "value",
|
|
19191
19263
|
"type": {
|
|
19192
|
-
"text": "string
|
|
19264
|
+
"text": "string"
|
|
19193
19265
|
},
|
|
19194
|
-
"
|
|
19195
|
-
"
|
|
19266
|
+
"default": "''",
|
|
19267
|
+
"description": "The current value of the textarea, submitted as a name/value pair with form data.",
|
|
19268
|
+
"fieldName": "value"
|
|
19196
19269
|
},
|
|
19197
19270
|
{
|
|
19198
|
-
"name": "
|
|
19271
|
+
"name": "size",
|
|
19199
19272
|
"type": {
|
|
19200
|
-
"text": "
|
|
19273
|
+
"text": "'small' | 'medium' | 'large'"
|
|
19201
19274
|
},
|
|
19202
|
-
"
|
|
19203
|
-
"
|
|
19275
|
+
"default": "'medium'",
|
|
19276
|
+
"description": "The textarea's size.",
|
|
19277
|
+
"fieldName": "size"
|
|
19204
19278
|
},
|
|
19205
19279
|
{
|
|
19206
|
-
"name": "
|
|
19280
|
+
"name": "filled",
|
|
19207
19281
|
"type": {
|
|
19208
19282
|
"text": "boolean"
|
|
19209
19283
|
},
|
|
19210
19284
|
"default": "false",
|
|
19211
|
-
"description": "
|
|
19212
|
-
"fieldName": "
|
|
19285
|
+
"description": "Draws a filled textarea.",
|
|
19286
|
+
"fieldName": "filled"
|
|
19213
19287
|
},
|
|
19214
19288
|
{
|
|
19215
|
-
"name": "
|
|
19289
|
+
"name": "label",
|
|
19216
19290
|
"type": {
|
|
19217
19291
|
"text": "string"
|
|
19218
19292
|
},
|
|
19219
|
-
"default": "'
|
|
19220
|
-
"description": "The
|
|
19221
|
-
"fieldName": "
|
|
19293
|
+
"default": "''",
|
|
19294
|
+
"description": "The textarea's label. If you need to display HTML, use the `label` slot instead.",
|
|
19295
|
+
"fieldName": "label"
|
|
19222
19296
|
},
|
|
19223
19297
|
{
|
|
19224
|
-
"name": "
|
|
19298
|
+
"name": "help-text",
|
|
19225
19299
|
"type": {
|
|
19226
19300
|
"text": "string"
|
|
19227
19301
|
},
|
|
19228
|
-
"default": "'
|
|
19229
|
-
"description": "The
|
|
19230
|
-
"fieldName": "
|
|
19302
|
+
"default": "''",
|
|
19303
|
+
"description": "The textarea's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
19304
|
+
"fieldName": "helpText"
|
|
19231
19305
|
},
|
|
19232
19306
|
{
|
|
19233
|
-
"name": "
|
|
19307
|
+
"name": "placeholder",
|
|
19234
19308
|
"type": {
|
|
19235
19309
|
"text": "string"
|
|
19236
19310
|
},
|
|
19237
|
-
"default": "'
|
|
19238
|
-
"description": "
|
|
19239
|
-
"fieldName": "
|
|
19311
|
+
"default": "''",
|
|
19312
|
+
"description": "Placeholder text to show as a hint when the input is empty.",
|
|
19313
|
+
"fieldName": "placeholder"
|
|
19240
19314
|
},
|
|
19241
19315
|
{
|
|
19242
|
-
"name": "
|
|
19316
|
+
"name": "rows",
|
|
19317
|
+
"type": {
|
|
19318
|
+
"text": "number"
|
|
19319
|
+
},
|
|
19320
|
+
"default": "4",
|
|
19321
|
+
"description": "The number of rows to display by default.",
|
|
19322
|
+
"fieldName": "rows"
|
|
19323
|
+
},
|
|
19324
|
+
{
|
|
19325
|
+
"name": "resize",
|
|
19326
|
+
"type": {
|
|
19327
|
+
"text": "'none' | 'vertical' | 'auto'"
|
|
19328
|
+
},
|
|
19329
|
+
"default": "'vertical'",
|
|
19330
|
+
"description": "Controls how the textarea can be resized.",
|
|
19331
|
+
"fieldName": "resize"
|
|
19332
|
+
},
|
|
19333
|
+
{
|
|
19334
|
+
"name": "disabled",
|
|
19335
|
+
"type": {
|
|
19336
|
+
"text": "boolean"
|
|
19337
|
+
},
|
|
19338
|
+
"default": "false",
|
|
19339
|
+
"description": "Disables the textarea.",
|
|
19340
|
+
"fieldName": "disabled"
|
|
19341
|
+
},
|
|
19342
|
+
{
|
|
19343
|
+
"name": "readonly",
|
|
19344
|
+
"type": {
|
|
19345
|
+
"text": "boolean"
|
|
19346
|
+
},
|
|
19347
|
+
"default": "false",
|
|
19348
|
+
"description": "Makes the textarea readonly.",
|
|
19349
|
+
"fieldName": "readonly"
|
|
19350
|
+
},
|
|
19351
|
+
{
|
|
19352
|
+
"name": "form",
|
|
19243
19353
|
"type": {
|
|
19244
19354
|
"text": "string"
|
|
19245
19355
|
},
|
|
19246
|
-
"default": "'
|
|
19247
|
-
"description": "
|
|
19248
|
-
"fieldName": "
|
|
19356
|
+
"default": "''",
|
|
19357
|
+
"description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
|
|
19358
|
+
"fieldName": "form"
|
|
19249
19359
|
},
|
|
19250
19360
|
{
|
|
19251
|
-
"name": "
|
|
19361
|
+
"name": "required",
|
|
19362
|
+
"type": {
|
|
19363
|
+
"text": "boolean"
|
|
19364
|
+
},
|
|
19365
|
+
"default": "false",
|
|
19366
|
+
"description": "Makes the textarea a required field.",
|
|
19367
|
+
"fieldName": "required"
|
|
19368
|
+
},
|
|
19369
|
+
{
|
|
19370
|
+
"name": "minlength",
|
|
19371
|
+
"type": {
|
|
19372
|
+
"text": "number"
|
|
19373
|
+
},
|
|
19374
|
+
"description": "The minimum length of input that will be considered valid.",
|
|
19375
|
+
"fieldName": "minlength"
|
|
19376
|
+
},
|
|
19377
|
+
{
|
|
19378
|
+
"name": "maxlength",
|
|
19379
|
+
"type": {
|
|
19380
|
+
"text": "number"
|
|
19381
|
+
},
|
|
19382
|
+
"description": "The maximum length of input that will be considered valid.",
|
|
19383
|
+
"fieldName": "maxlength"
|
|
19384
|
+
},
|
|
19385
|
+
{
|
|
19386
|
+
"name": "autocapitalize",
|
|
19387
|
+
"type": {
|
|
19388
|
+
"text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
|
|
19389
|
+
},
|
|
19390
|
+
"description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
|
|
19391
|
+
"fieldName": "autocapitalize"
|
|
19392
|
+
},
|
|
19393
|
+
{
|
|
19394
|
+
"name": "autocorrect",
|
|
19252
19395
|
"type": {
|
|
19253
19396
|
"text": "string"
|
|
19254
19397
|
},
|
|
19255
|
-
"
|
|
19256
|
-
"
|
|
19257
|
-
"fieldName": "majorStep"
|
|
19398
|
+
"description": "Indicates whether the browser's autocorrect feature is on or off.",
|
|
19399
|
+
"fieldName": "autocorrect"
|
|
19258
19400
|
},
|
|
19259
19401
|
{
|
|
19260
|
-
"name": "
|
|
19402
|
+
"name": "autocomplete",
|
|
19261
19403
|
"type": {
|
|
19262
19404
|
"text": "string"
|
|
19263
19405
|
},
|
|
19264
|
-
"
|
|
19265
|
-
"
|
|
19266
|
-
"fieldName": "minorStep"
|
|
19406
|
+
"description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
|
|
19407
|
+
"fieldName": "autocomplete"
|
|
19267
19408
|
},
|
|
19268
19409
|
{
|
|
19269
|
-
"name": "
|
|
19410
|
+
"name": "autofocus",
|
|
19270
19411
|
"type": {
|
|
19271
19412
|
"text": "boolean"
|
|
19272
19413
|
},
|
|
19273
|
-
"
|
|
19274
|
-
"
|
|
19275
|
-
|
|
19414
|
+
"description": "Indicates that the input should receive focus on page load.",
|
|
19415
|
+
"fieldName": "autofocus"
|
|
19416
|
+
},
|
|
19417
|
+
{
|
|
19418
|
+
"name": "enterkeyhint",
|
|
19419
|
+
"type": {
|
|
19420
|
+
"text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
|
|
19421
|
+
},
|
|
19422
|
+
"description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
|
|
19423
|
+
"fieldName": "enterkeyhint"
|
|
19424
|
+
},
|
|
19425
|
+
{
|
|
19426
|
+
"name": "spellcheck",
|
|
19427
|
+
"type": {
|
|
19428
|
+
"text": "boolean"
|
|
19429
|
+
},
|
|
19430
|
+
"default": "true",
|
|
19431
|
+
"description": "Enables spell checking on the textarea.",
|
|
19432
|
+
"fieldName": "spellcheck"
|
|
19433
|
+
},
|
|
19434
|
+
{
|
|
19435
|
+
"name": "inputmode",
|
|
19436
|
+
"type": {
|
|
19437
|
+
"text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
|
|
19438
|
+
},
|
|
19439
|
+
"description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
|
|
19440
|
+
"fieldName": "inputmode"
|
|
19276
19441
|
}
|
|
19277
19442
|
],
|
|
19278
19443
|
"superclass": {
|
|
19279
19444
|
"name": "FlowRdfElement",
|
|
19280
19445
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
19281
19446
|
},
|
|
19282
|
-
"tagName": "flow-ui-
|
|
19283
|
-
"summary": "
|
|
19447
|
+
"tagName": "flow-ui-textarea",
|
|
19448
|
+
"summary": "Textareas collect data from the user and allow multiple lines of text.",
|
|
19284
19449
|
"customElement": true
|
|
19285
19450
|
}
|
|
19286
19451
|
],
|
|
@@ -19289,15 +19454,15 @@
|
|
|
19289
19454
|
"kind": "js",
|
|
19290
19455
|
"name": "default",
|
|
19291
19456
|
"declaration": {
|
|
19292
|
-
"name": "
|
|
19293
|
-
"module": "components/
|
|
19457
|
+
"name": "FlowUiTextarea",
|
|
19458
|
+
"module": "components/textarea/textarea.component.js"
|
|
19294
19459
|
}
|
|
19295
19460
|
}
|
|
19296
19461
|
]
|
|
19297
19462
|
},
|
|
19298
19463
|
{
|
|
19299
19464
|
"kind": "javascript-module",
|
|
19300
|
-
"path": "components/
|
|
19465
|
+
"path": "components/textarea/textarea.js",
|
|
19301
19466
|
"declarations": [],
|
|
19302
19467
|
"exports": [
|
|
19303
19468
|
{
|
|
@@ -19305,734 +19470,569 @@
|
|
|
19305
19470
|
"name": "*",
|
|
19306
19471
|
"declaration": {
|
|
19307
19472
|
"name": "*",
|
|
19308
|
-
"package": "./
|
|
19473
|
+
"package": "./textarea.component.js"
|
|
19309
19474
|
}
|
|
19310
19475
|
},
|
|
19311
19476
|
{
|
|
19312
19477
|
"kind": "js",
|
|
19313
19478
|
"name": "default",
|
|
19314
19479
|
"declaration": {
|
|
19315
|
-
"name": "
|
|
19316
|
-
"module": "components/
|
|
19480
|
+
"name": "FlowUiTextarea",
|
|
19481
|
+
"module": "components/textarea/textarea.js"
|
|
19317
19482
|
}
|
|
19318
19483
|
}
|
|
19319
19484
|
]
|
|
19320
19485
|
},
|
|
19321
19486
|
{
|
|
19322
19487
|
"kind": "javascript-module",
|
|
19323
|
-
"path": "components/
|
|
19488
|
+
"path": "components/timer/ticker.js",
|
|
19324
19489
|
"declarations": [
|
|
19325
19490
|
{
|
|
19326
19491
|
"kind": "class",
|
|
19327
19492
|
"description": "",
|
|
19328
|
-
"name": "
|
|
19329
|
-
"
|
|
19493
|
+
"name": "Ticker",
|
|
19494
|
+
"members": [
|
|
19330
19495
|
{
|
|
19331
|
-
"
|
|
19332
|
-
"name": "
|
|
19333
|
-
|
|
19334
|
-
|
|
19335
|
-
|
|
19336
|
-
"
|
|
19337
|
-
|
|
19338
|
-
{
|
|
19339
|
-
"description": "The input's wrapper.",
|
|
19340
|
-
"name": "form-control-input"
|
|
19496
|
+
"kind": "field",
|
|
19497
|
+
"name": "subscribers",
|
|
19498
|
+
"type": {
|
|
19499
|
+
"text": "TickerSubscriptionFn[]"
|
|
19500
|
+
},
|
|
19501
|
+
"privacy": "private",
|
|
19502
|
+
"default": "[]"
|
|
19341
19503
|
},
|
|
19342
19504
|
{
|
|
19343
|
-
"
|
|
19344
|
-
"name": "
|
|
19505
|
+
"kind": "field",
|
|
19506
|
+
"name": "timer",
|
|
19507
|
+
"type": {
|
|
19508
|
+
"text": "ReturnType<typeof setTimeout> | undefined"
|
|
19509
|
+
},
|
|
19510
|
+
"privacy": "private"
|
|
19345
19511
|
},
|
|
19346
19512
|
{
|
|
19347
|
-
"
|
|
19348
|
-
"name": "
|
|
19513
|
+
"kind": "field",
|
|
19514
|
+
"name": "currentDateTime",
|
|
19515
|
+
"privacy": "private"
|
|
19349
19516
|
},
|
|
19350
19517
|
{
|
|
19351
|
-
"
|
|
19352
|
-
"name": "
|
|
19353
|
-
|
|
19354
|
-
],
|
|
19355
|
-
"slots": [
|
|
19356
|
-
{
|
|
19357
|
-
"description": "The textarea's label. Alternatively, you can use the `label` attribute.",
|
|
19358
|
-
"name": "label"
|
|
19518
|
+
"kind": "field",
|
|
19519
|
+
"name": "nextUpdateAt",
|
|
19520
|
+
"privacy": "private"
|
|
19359
19521
|
},
|
|
19360
|
-
{
|
|
19361
|
-
"description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
|
|
19362
|
-
"name": "help-text"
|
|
19363
|
-
}
|
|
19364
|
-
],
|
|
19365
|
-
"members": [
|
|
19366
19522
|
{
|
|
19367
19523
|
"kind": "field",
|
|
19368
|
-
"name": "
|
|
19524
|
+
"name": "tickUnit",
|
|
19525
|
+
"type": {
|
|
19526
|
+
"text": "TickerUnit"
|
|
19527
|
+
},
|
|
19369
19528
|
"privacy": "private",
|
|
19370
|
-
"
|
|
19371
|
-
"default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
|
|
19529
|
+
"default": "tickUnit"
|
|
19372
19530
|
},
|
|
19373
19531
|
{
|
|
19374
19532
|
"kind": "field",
|
|
19375
|
-
"name": "
|
|
19533
|
+
"name": "tickValue",
|
|
19534
|
+
"type": {
|
|
19535
|
+
"text": "number"
|
|
19536
|
+
},
|
|
19376
19537
|
"privacy": "private",
|
|
19377
|
-
"
|
|
19378
|
-
"default": "new HasSlotController(this, 'help-text', 'label')"
|
|
19538
|
+
"default": "tickValue"
|
|
19379
19539
|
},
|
|
19380
19540
|
{
|
|
19381
19541
|
"kind": "field",
|
|
19382
|
-
"name": "
|
|
19542
|
+
"name": "zone",
|
|
19383
19543
|
"type": {
|
|
19384
|
-
"text": "
|
|
19544
|
+
"text": "string | undefined"
|
|
19385
19545
|
},
|
|
19386
|
-
"privacy": "private"
|
|
19546
|
+
"privacy": "private",
|
|
19547
|
+
"default": "zone"
|
|
19387
19548
|
},
|
|
19388
19549
|
{
|
|
19389
|
-
"kind": "
|
|
19390
|
-
"name": "
|
|
19391
|
-
"
|
|
19392
|
-
"
|
|
19550
|
+
"kind": "method",
|
|
19551
|
+
"name": "subscribe",
|
|
19552
|
+
"return": {
|
|
19553
|
+
"type": {
|
|
19554
|
+
"text": "TickerSubscription"
|
|
19555
|
+
}
|
|
19393
19556
|
},
|
|
19557
|
+
"parameters": [
|
|
19558
|
+
{
|
|
19559
|
+
"name": "fn",
|
|
19560
|
+
"type": {
|
|
19561
|
+
"text": "TickerSubscriptionFn"
|
|
19562
|
+
}
|
|
19563
|
+
}
|
|
19564
|
+
]
|
|
19565
|
+
},
|
|
19566
|
+
{
|
|
19567
|
+
"kind": "method",
|
|
19568
|
+
"name": "unsubscribe",
|
|
19569
|
+
"parameters": [
|
|
19570
|
+
{
|
|
19571
|
+
"name": "fn",
|
|
19572
|
+
"type": {
|
|
19573
|
+
"text": "TickerSubscriptionFn"
|
|
19574
|
+
}
|
|
19575
|
+
}
|
|
19576
|
+
]
|
|
19577
|
+
},
|
|
19578
|
+
{
|
|
19579
|
+
"kind": "method",
|
|
19580
|
+
"name": "start"
|
|
19581
|
+
},
|
|
19582
|
+
{
|
|
19583
|
+
"kind": "method",
|
|
19584
|
+
"name": "stop"
|
|
19585
|
+
},
|
|
19586
|
+
{
|
|
19587
|
+
"kind": "method",
|
|
19588
|
+
"name": "setZone",
|
|
19589
|
+
"parameters": [
|
|
19590
|
+
{
|
|
19591
|
+
"name": "zone",
|
|
19592
|
+
"type": {
|
|
19593
|
+
"text": "string"
|
|
19594
|
+
}
|
|
19595
|
+
}
|
|
19596
|
+
]
|
|
19597
|
+
},
|
|
19598
|
+
{
|
|
19599
|
+
"kind": "method",
|
|
19600
|
+
"name": "setTick",
|
|
19601
|
+
"parameters": [
|
|
19602
|
+
{
|
|
19603
|
+
"name": "tickUnit",
|
|
19604
|
+
"type": {
|
|
19605
|
+
"text": "'hour' | 'minute' | 'second' | 'millisecond'"
|
|
19606
|
+
}
|
|
19607
|
+
},
|
|
19608
|
+
{
|
|
19609
|
+
"name": "tickValue",
|
|
19610
|
+
"type": {
|
|
19611
|
+
"text": "number"
|
|
19612
|
+
}
|
|
19613
|
+
}
|
|
19614
|
+
]
|
|
19615
|
+
},
|
|
19616
|
+
{
|
|
19617
|
+
"kind": "method",
|
|
19618
|
+
"name": "tick",
|
|
19394
19619
|
"privacy": "private",
|
|
19395
|
-
"
|
|
19620
|
+
"parameters": [
|
|
19621
|
+
{
|
|
19622
|
+
"name": "forceMajor",
|
|
19623
|
+
"default": "false"
|
|
19624
|
+
}
|
|
19625
|
+
],
|
|
19626
|
+
"description": "Tick the clock\n\nA major-rounded tick is forced when the clock is started to ensure\nthat the timer control updates its value as soon as 'play' is clicked,\nrather than waiting for the next major tick."
|
|
19396
19627
|
},
|
|
19628
|
+
{
|
|
19629
|
+
"kind": "method",
|
|
19630
|
+
"name": "notifySubscribers",
|
|
19631
|
+
"privacy": "private",
|
|
19632
|
+
"parameters": [
|
|
19633
|
+
{
|
|
19634
|
+
"name": "dateTime",
|
|
19635
|
+
"type": {
|
|
19636
|
+
"text": "DateTime"
|
|
19637
|
+
}
|
|
19638
|
+
},
|
|
19639
|
+
{
|
|
19640
|
+
"name": "tickType",
|
|
19641
|
+
"type": {
|
|
19642
|
+
"text": "'minor' | 'major'"
|
|
19643
|
+
}
|
|
19644
|
+
}
|
|
19645
|
+
]
|
|
19646
|
+
}
|
|
19647
|
+
]
|
|
19648
|
+
}
|
|
19649
|
+
],
|
|
19650
|
+
"exports": [
|
|
19651
|
+
{
|
|
19652
|
+
"kind": "js",
|
|
19653
|
+
"name": "Ticker",
|
|
19654
|
+
"declaration": {
|
|
19655
|
+
"name": "Ticker",
|
|
19656
|
+
"module": "components/timer/ticker.js"
|
|
19657
|
+
}
|
|
19658
|
+
}
|
|
19659
|
+
]
|
|
19660
|
+
},
|
|
19661
|
+
{
|
|
19662
|
+
"kind": "javascript-module",
|
|
19663
|
+
"path": "components/timer/timer.component.js",
|
|
19664
|
+
"declarations": [
|
|
19665
|
+
{
|
|
19666
|
+
"kind": "class",
|
|
19667
|
+
"description": "The timer component is the primary time control for Flo.w time-based visualizations. The current timer value is typically bound to a reactive state property\nso that reactive queries and computed state will be re-evaluated when the timer changes.\n\nThe timer value is an ISO8601 date/time string.\n\nThe timer operates in two modes:\n\n- running - the timer is set to 'real time' and updates every second.\n- paused - the timer is set to a specific time and does not update automatically.\n\nSelecting a date/time with the timer step controls or the popup calendar will set the timer to paused mode.\nClicking the play button switches the timer to 'real time' running mode.\nThe mode can also be set programmatically using the `running` attribute.",
|
|
19668
|
+
"name": "FlowUiTimer",
|
|
19669
|
+
"members": [
|
|
19397
19670
|
{
|
|
19398
19671
|
"kind": "field",
|
|
19399
|
-
"name": "
|
|
19672
|
+
"name": "ticker",
|
|
19400
19673
|
"type": {
|
|
19401
|
-
"text": "
|
|
19674
|
+
"text": "Ticker"
|
|
19402
19675
|
},
|
|
19403
|
-
"
|
|
19404
|
-
"description": "The name of the textarea, submitted as a name/value pair with form data.",
|
|
19405
|
-
"attribute": "name"
|
|
19676
|
+
"privacy": "private"
|
|
19406
19677
|
},
|
|
19407
19678
|
{
|
|
19408
19679
|
"kind": "field",
|
|
19409
|
-
"name": "
|
|
19680
|
+
"name": "tickerSubscription",
|
|
19410
19681
|
"type": {
|
|
19411
|
-
"text": "
|
|
19682
|
+
"text": "TickerSubscription"
|
|
19412
19683
|
},
|
|
19413
|
-
"
|
|
19414
|
-
"description": "The current value of the textarea, submitted as a name/value pair with form data.",
|
|
19415
|
-
"attribute": "value"
|
|
19684
|
+
"privacy": "private"
|
|
19416
19685
|
},
|
|
19417
19686
|
{
|
|
19418
19687
|
"kind": "field",
|
|
19419
|
-
"name": "
|
|
19688
|
+
"name": "minorStepDuration",
|
|
19420
19689
|
"type": {
|
|
19421
|
-
"text": "
|
|
19690
|
+
"text": "DurationLikeObject"
|
|
19422
19691
|
},
|
|
19423
|
-
"
|
|
19424
|
-
"description": "The textarea's size.",
|
|
19425
|
-
"attribute": "size",
|
|
19426
|
-
"reflects": true
|
|
19692
|
+
"privacy": "private"
|
|
19427
19693
|
},
|
|
19428
19694
|
{
|
|
19429
19695
|
"kind": "field",
|
|
19430
|
-
"name": "
|
|
19696
|
+
"name": "majorStepDuration",
|
|
19431
19697
|
"type": {
|
|
19432
|
-
"text": "
|
|
19698
|
+
"text": "DurationLikeObject"
|
|
19433
19699
|
},
|
|
19434
|
-
"
|
|
19435
|
-
"description": "Draws a filled textarea.",
|
|
19436
|
-
"attribute": "filled",
|
|
19437
|
-
"reflects": true
|
|
19700
|
+
"privacy": "private"
|
|
19438
19701
|
},
|
|
19439
19702
|
{
|
|
19440
19703
|
"kind": "field",
|
|
19441
|
-
"name": "
|
|
19704
|
+
"name": "dropdown",
|
|
19442
19705
|
"type": {
|
|
19443
|
-
"text": "
|
|
19706
|
+
"text": "FlowDropdown"
|
|
19444
19707
|
},
|
|
19445
|
-
"
|
|
19446
|
-
"description": "The textarea's label. If you need to display HTML, use the `label` slot instead.",
|
|
19447
|
-
"attribute": "label"
|
|
19708
|
+
"privacy": "private"
|
|
19448
19709
|
},
|
|
19449
19710
|
{
|
|
19450
19711
|
"kind": "field",
|
|
19451
|
-
"name": "
|
|
19712
|
+
"name": "calendar",
|
|
19452
19713
|
"type": {
|
|
19453
|
-
"text": "
|
|
19714
|
+
"text": "FlowCalendar"
|
|
19454
19715
|
},
|
|
19455
|
-
"
|
|
19456
|
-
"description": "The textarea's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
19457
|
-
"attribute": "help-text"
|
|
19716
|
+
"privacy": "private"
|
|
19458
19717
|
},
|
|
19459
19718
|
{
|
|
19460
19719
|
"kind": "field",
|
|
19461
|
-
"name": "
|
|
19720
|
+
"name": "_displayDateTime",
|
|
19462
19721
|
"type": {
|
|
19463
|
-
"text": "
|
|
19722
|
+
"text": "DateTime"
|
|
19464
19723
|
},
|
|
19465
|
-
"
|
|
19466
|
-
"description": "Placeholder text to show as a hint when the input is empty.",
|
|
19467
|
-
"attribute": "placeholder"
|
|
19724
|
+
"privacy": "private"
|
|
19468
19725
|
},
|
|
19469
19726
|
{
|
|
19470
19727
|
"kind": "field",
|
|
19471
|
-
"name": "
|
|
19728
|
+
"name": "value",
|
|
19472
19729
|
"type": {
|
|
19473
|
-
"text": "
|
|
19730
|
+
"text": "string"
|
|
19474
19731
|
},
|
|
19475
|
-
"
|
|
19476
|
-
"
|
|
19477
|
-
"attribute": "rows"
|
|
19732
|
+
"description": "The value of the timer. (ISO8601 date/time string)",
|
|
19733
|
+
"attribute": "value"
|
|
19478
19734
|
},
|
|
19479
19735
|
{
|
|
19480
19736
|
"kind": "field",
|
|
19481
|
-
"name": "
|
|
19737
|
+
"name": "timezone",
|
|
19482
19738
|
"type": {
|
|
19483
|
-
"text": "
|
|
19739
|
+
"text": "string | undefined"
|
|
19484
19740
|
},
|
|
19485
|
-
"
|
|
19486
|
-
"
|
|
19487
|
-
"attribute": "resize"
|
|
19741
|
+
"description": "The timezone to use for display. (IANA timezone string).\nIf not set, the timezone will be the browser's local timezone.",
|
|
19742
|
+
"attribute": "timezone"
|
|
19488
19743
|
},
|
|
19489
19744
|
{
|
|
19490
19745
|
"kind": "field",
|
|
19491
|
-
"name": "
|
|
19746
|
+
"name": "locale",
|
|
19492
19747
|
"type": {
|
|
19493
|
-
"text": "
|
|
19748
|
+
"text": "string | undefined"
|
|
19494
19749
|
},
|
|
19495
|
-
"
|
|
19496
|
-
"
|
|
19497
|
-
"attribute": "disabled",
|
|
19498
|
-
"reflects": true
|
|
19750
|
+
"description": "The locale to use for display. (IETF BCP 47 language tag).\nIf not set, the locale will be the browser's default locale.",
|
|
19751
|
+
"attribute": "locale"
|
|
19499
19752
|
},
|
|
19500
19753
|
{
|
|
19501
19754
|
"kind": "field",
|
|
19502
|
-
"name": "
|
|
19755
|
+
"name": "running",
|
|
19503
19756
|
"type": {
|
|
19504
19757
|
"text": "boolean"
|
|
19505
19758
|
},
|
|
19506
19759
|
"default": "false",
|
|
19507
|
-
"description": "
|
|
19508
|
-
"attribute": "
|
|
19760
|
+
"description": "Set to `true` to start the timer running.",
|
|
19761
|
+
"attribute": "running",
|
|
19509
19762
|
"reflects": true
|
|
19510
19763
|
},
|
|
19511
19764
|
{
|
|
19512
19765
|
"kind": "field",
|
|
19513
|
-
"name": "
|
|
19766
|
+
"name": "dateFormat",
|
|
19514
19767
|
"type": {
|
|
19515
19768
|
"text": "string"
|
|
19516
19769
|
},
|
|
19517
|
-
"default": "''",
|
|
19518
|
-
"description": "
|
|
19519
|
-
"attribute": "
|
|
19520
|
-
"reflects": true
|
|
19521
|
-
},
|
|
19522
|
-
{
|
|
19523
|
-
"kind": "field",
|
|
19524
|
-
"name": "required",
|
|
19525
|
-
"type": {
|
|
19526
|
-
"text": "boolean"
|
|
19527
|
-
},
|
|
19528
|
-
"default": "false",
|
|
19529
|
-
"description": "Makes the textarea a required field.",
|
|
19530
|
-
"attribute": "required",
|
|
19531
|
-
"reflects": true
|
|
19532
|
-
},
|
|
19533
|
-
{
|
|
19534
|
-
"kind": "field",
|
|
19535
|
-
"name": "minlength",
|
|
19536
|
-
"type": {
|
|
19537
|
-
"text": "number"
|
|
19538
|
-
},
|
|
19539
|
-
"description": "The minimum length of input that will be considered valid.",
|
|
19540
|
-
"attribute": "minlength"
|
|
19541
|
-
},
|
|
19542
|
-
{
|
|
19543
|
-
"kind": "field",
|
|
19544
|
-
"name": "maxlength",
|
|
19545
|
-
"type": {
|
|
19546
|
-
"text": "number"
|
|
19547
|
-
},
|
|
19548
|
-
"description": "The maximum length of input that will be considered valid.",
|
|
19549
|
-
"attribute": "maxlength"
|
|
19770
|
+
"default": "'DD'",
|
|
19771
|
+
"description": "The date format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
|
|
19772
|
+
"attribute": "dateFormat"
|
|
19550
19773
|
},
|
|
19551
19774
|
{
|
|
19552
19775
|
"kind": "field",
|
|
19553
|
-
"name": "
|
|
19776
|
+
"name": "dayFormat",
|
|
19554
19777
|
"type": {
|
|
19555
|
-
"text": "
|
|
19778
|
+
"text": "string"
|
|
19556
19779
|
},
|
|
19557
|
-
"
|
|
19558
|
-
"
|
|
19780
|
+
"default": "'ccc'",
|
|
19781
|
+
"description": "The day format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
|
|
19782
|
+
"attribute": "dayFormat"
|
|
19559
19783
|
},
|
|
19560
19784
|
{
|
|
19561
19785
|
"kind": "field",
|
|
19562
|
-
"name": "
|
|
19786
|
+
"name": "timeFormat",
|
|
19563
19787
|
"type": {
|
|
19564
19788
|
"text": "string"
|
|
19565
19789
|
},
|
|
19566
|
-
"
|
|
19567
|
-
"
|
|
19790
|
+
"default": "'TT'",
|
|
19791
|
+
"description": "The time format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
|
|
19792
|
+
"attribute": "timeFormat"
|
|
19568
19793
|
},
|
|
19569
19794
|
{
|
|
19570
19795
|
"kind": "field",
|
|
19571
|
-
"name": "
|
|
19796
|
+
"name": "zoneFormat",
|
|
19572
19797
|
"type": {
|
|
19573
19798
|
"text": "string"
|
|
19574
19799
|
},
|
|
19575
|
-
"
|
|
19576
|
-
"
|
|
19800
|
+
"default": "'ZZZZ'",
|
|
19801
|
+
"description": "The timezone format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
|
|
19802
|
+
"attribute": "zoneFormat"
|
|
19577
19803
|
},
|
|
19578
19804
|
{
|
|
19579
19805
|
"kind": "field",
|
|
19580
|
-
"name": "
|
|
19806
|
+
"name": "majorStep",
|
|
19581
19807
|
"type": {
|
|
19582
|
-
"text": "
|
|
19808
|
+
"text": "string"
|
|
19583
19809
|
},
|
|
19584
|
-
"
|
|
19585
|
-
"
|
|
19810
|
+
"default": "'1 minute'",
|
|
19811
|
+
"description": "The major step size to use for the timer step controls.",
|
|
19812
|
+
"attribute": "major-step"
|
|
19586
19813
|
},
|
|
19587
19814
|
{
|
|
19588
19815
|
"kind": "field",
|
|
19589
|
-
"name": "
|
|
19816
|
+
"name": "minorStep",
|
|
19590
19817
|
"type": {
|
|
19591
|
-
"text": "
|
|
19818
|
+
"text": "string"
|
|
19592
19819
|
},
|
|
19593
|
-
"
|
|
19594
|
-
"
|
|
19820
|
+
"default": "'5 seconds'",
|
|
19821
|
+
"description": "The minor step size to use for the timer step controls.",
|
|
19822
|
+
"attribute": "minor-step"
|
|
19595
19823
|
},
|
|
19596
19824
|
{
|
|
19597
19825
|
"kind": "field",
|
|
19598
|
-
"name": "
|
|
19826
|
+
"name": "hideZone",
|
|
19599
19827
|
"type": {
|
|
19600
19828
|
"text": "boolean"
|
|
19601
19829
|
},
|
|
19602
|
-
"default": "
|
|
19603
|
-
"description": "
|
|
19604
|
-
"attribute": "
|
|
19605
|
-
},
|
|
19606
|
-
{
|
|
19607
|
-
"kind": "field",
|
|
19608
|
-
"name": "inputmode",
|
|
19609
|
-
"type": {
|
|
19610
|
-
"text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
|
|
19611
|
-
},
|
|
19612
|
-
"description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
|
|
19613
|
-
"attribute": "inputmode"
|
|
19614
|
-
},
|
|
19615
|
-
{
|
|
19616
|
-
"kind": "field",
|
|
19617
|
-
"name": "defaultValue",
|
|
19618
|
-
"type": {
|
|
19619
|
-
"text": "string"
|
|
19620
|
-
},
|
|
19621
|
-
"default": "''",
|
|
19622
|
-
"description": "The default value of the form control. Primarily used for resetting the form control."
|
|
19623
|
-
},
|
|
19624
|
-
{
|
|
19625
|
-
"kind": "field",
|
|
19626
|
-
"name": "validity",
|
|
19627
|
-
"description": "Gets the validity state object",
|
|
19628
|
-
"readonly": true
|
|
19629
|
-
},
|
|
19630
|
-
{
|
|
19631
|
-
"kind": "field",
|
|
19632
|
-
"name": "validationMessage",
|
|
19633
|
-
"description": "Gets the validation message",
|
|
19634
|
-
"readonly": true
|
|
19635
|
-
},
|
|
19636
|
-
{
|
|
19637
|
-
"kind": "method",
|
|
19638
|
-
"name": "handleBlur",
|
|
19639
|
-
"privacy": "private"
|
|
19640
|
-
},
|
|
19641
|
-
{
|
|
19642
|
-
"kind": "method",
|
|
19643
|
-
"name": "handleChange",
|
|
19644
|
-
"privacy": "private"
|
|
19645
|
-
},
|
|
19646
|
-
{
|
|
19647
|
-
"kind": "method",
|
|
19648
|
-
"name": "handleFocus",
|
|
19649
|
-
"privacy": "private"
|
|
19650
|
-
},
|
|
19651
|
-
{
|
|
19652
|
-
"kind": "method",
|
|
19653
|
-
"name": "handleInput",
|
|
19654
|
-
"privacy": "private"
|
|
19830
|
+
"default": "false",
|
|
19831
|
+
"description": "Set to `true` to hide the timezone display.",
|
|
19832
|
+
"attribute": "hide-zone"
|
|
19655
19833
|
},
|
|
19656
19834
|
{
|
|
19657
19835
|
"kind": "method",
|
|
19658
|
-
"name": "
|
|
19836
|
+
"name": "setDisplayDateTime",
|
|
19659
19837
|
"privacy": "private",
|
|
19660
19838
|
"parameters": [
|
|
19661
19839
|
{
|
|
19662
|
-
"name": "
|
|
19840
|
+
"name": "dateTime",
|
|
19663
19841
|
"type": {
|
|
19664
|
-
"text": "
|
|
19842
|
+
"text": "string"
|
|
19665
19843
|
}
|
|
19666
19844
|
}
|
|
19667
19845
|
]
|
|
19668
19846
|
},
|
|
19669
19847
|
{
|
|
19670
19848
|
"kind": "method",
|
|
19671
|
-
"name": "
|
|
19672
|
-
"privacy": "private"
|
|
19673
|
-
},
|
|
19674
|
-
{
|
|
19675
|
-
"kind": "method",
|
|
19676
|
-
"name": "focus",
|
|
19849
|
+
"name": "handleDateTimeKeyDown",
|
|
19850
|
+
"privacy": "private",
|
|
19677
19851
|
"parameters": [
|
|
19678
19852
|
{
|
|
19679
|
-
"name": "
|
|
19680
|
-
"optional": true,
|
|
19853
|
+
"name": "event",
|
|
19681
19854
|
"type": {
|
|
19682
|
-
"text": "
|
|
19855
|
+
"text": "KeyboardEvent"
|
|
19683
19856
|
}
|
|
19684
19857
|
}
|
|
19685
|
-
]
|
|
19686
|
-
"description": "Sets focus on the textarea."
|
|
19687
|
-
},
|
|
19688
|
-
{
|
|
19689
|
-
"kind": "method",
|
|
19690
|
-
"name": "blur",
|
|
19691
|
-
"description": "Removes focus from the textarea."
|
|
19692
|
-
},
|
|
19693
|
-
{
|
|
19694
|
-
"kind": "method",
|
|
19695
|
-
"name": "select",
|
|
19696
|
-
"description": "Selects all the text in the textarea."
|
|
19858
|
+
]
|
|
19697
19859
|
},
|
|
19698
19860
|
{
|
|
19699
19861
|
"kind": "method",
|
|
19700
|
-
"name": "
|
|
19701
|
-
"
|
|
19702
|
-
"type": {
|
|
19703
|
-
"text": "{ top: number; left: number } | undefined"
|
|
19704
|
-
}
|
|
19705
|
-
},
|
|
19862
|
+
"name": "handleCalendarChange",
|
|
19863
|
+
"privacy": "private",
|
|
19706
19864
|
"parameters": [
|
|
19707
19865
|
{
|
|
19708
|
-
"name": "
|
|
19709
|
-
"optional": true,
|
|
19866
|
+
"name": "event",
|
|
19710
19867
|
"type": {
|
|
19711
|
-
"text": "
|
|
19868
|
+
"text": "CustomEvent"
|
|
19712
19869
|
}
|
|
19713
19870
|
}
|
|
19714
|
-
]
|
|
19715
|
-
"description": "Gets or sets the textarea's scroll position."
|
|
19871
|
+
]
|
|
19716
19872
|
},
|
|
19717
19873
|
{
|
|
19718
19874
|
"kind": "method",
|
|
19719
|
-
"name": "
|
|
19875
|
+
"name": "handlePlayPauseClicked",
|
|
19876
|
+
"privacy": "private"
|
|
19877
|
+
},
|
|
19878
|
+
{
|
|
19879
|
+
"kind": "method",
|
|
19880
|
+
"name": "handleStepClicked",
|
|
19881
|
+
"privacy": "private",
|
|
19720
19882
|
"parameters": [
|
|
19721
19883
|
{
|
|
19722
|
-
"name": "
|
|
19723
|
-
"type": {
|
|
19724
|
-
"text": "number"
|
|
19725
|
-
}
|
|
19726
|
-
},
|
|
19727
|
-
{
|
|
19728
|
-
"name": "selectionEnd",
|
|
19884
|
+
"name": "ev",
|
|
19729
19885
|
"type": {
|
|
19730
|
-
"text": "
|
|
19886
|
+
"text": "MouseEvent"
|
|
19731
19887
|
}
|
|
19732
19888
|
},
|
|
19733
19889
|
{
|
|
19734
|
-
"name": "
|
|
19735
|
-
"default": "'none'",
|
|
19890
|
+
"name": "direction",
|
|
19736
19891
|
"type": {
|
|
19737
|
-
"text": "
|
|
19892
|
+
"text": "string"
|
|
19738
19893
|
}
|
|
19739
19894
|
}
|
|
19740
|
-
]
|
|
19741
|
-
|
|
19895
|
+
]
|
|
19896
|
+
},
|
|
19897
|
+
{
|
|
19898
|
+
"kind": "field",
|
|
19899
|
+
"name": "debouncedEmitChange",
|
|
19900
|
+
"privacy": "private"
|
|
19742
19901
|
},
|
|
19743
19902
|
{
|
|
19744
19903
|
"kind": "method",
|
|
19745
|
-
"name": "
|
|
19904
|
+
"name": "formattedDisplayDateTime",
|
|
19905
|
+
"privacy": "private",
|
|
19746
19906
|
"parameters": [
|
|
19747
19907
|
{
|
|
19748
|
-
"name": "
|
|
19908
|
+
"name": "format",
|
|
19749
19909
|
"type": {
|
|
19750
19910
|
"text": "string"
|
|
19751
19911
|
}
|
|
19752
19912
|
},
|
|
19753
19913
|
{
|
|
19754
|
-
"name": "
|
|
19755
|
-
"
|
|
19756
|
-
"type": {
|
|
19757
|
-
"text": "number"
|
|
19758
|
-
}
|
|
19759
|
-
},
|
|
19760
|
-
{
|
|
19761
|
-
"name": "end",
|
|
19762
|
-
"optional": true,
|
|
19763
|
-
"type": {
|
|
19764
|
-
"text": "number"
|
|
19765
|
-
}
|
|
19766
|
-
},
|
|
19767
|
-
{
|
|
19768
|
-
"name": "selectMode",
|
|
19769
|
-
"optional": true,
|
|
19770
|
-
"type": {
|
|
19771
|
-
"text": "'select' | 'start' | 'end' | 'preserve'"
|
|
19772
|
-
}
|
|
19773
|
-
}
|
|
19774
|
-
],
|
|
19775
|
-
"description": "Replaces a range of text with a new string."
|
|
19776
|
-
},
|
|
19777
|
-
{
|
|
19778
|
-
"kind": "method",
|
|
19779
|
-
"name": "checkValidity",
|
|
19780
|
-
"description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
|
|
19781
|
-
},
|
|
19782
|
-
{
|
|
19783
|
-
"kind": "method",
|
|
19784
|
-
"name": "getForm",
|
|
19785
|
-
"return": {
|
|
19786
|
-
"type": {
|
|
19787
|
-
"text": "HTMLFormElement | null"
|
|
19788
|
-
}
|
|
19789
|
-
},
|
|
19790
|
-
"description": "Gets the associated form, if one exists."
|
|
19791
|
-
},
|
|
19792
|
-
{
|
|
19793
|
-
"kind": "method",
|
|
19794
|
-
"name": "reportValidity",
|
|
19795
|
-
"description": "Checks for validity and shows the browser's validation message if the control is invalid."
|
|
19796
|
-
},
|
|
19797
|
-
{
|
|
19798
|
-
"kind": "method",
|
|
19799
|
-
"name": "setCustomValidity",
|
|
19800
|
-
"parameters": [
|
|
19801
|
-
{
|
|
19802
|
-
"name": "message",
|
|
19803
|
-
"type": {
|
|
19804
|
-
"text": "string"
|
|
19805
|
-
}
|
|
19914
|
+
"name": "uppercase",
|
|
19915
|
+
"default": "false"
|
|
19806
19916
|
}
|
|
19807
|
-
]
|
|
19808
|
-
"description": "Sets a custom validation message. Pass an empty string to restore validity."
|
|
19917
|
+
]
|
|
19809
19918
|
}
|
|
19810
19919
|
],
|
|
19811
19920
|
"events": [
|
|
19812
19921
|
{
|
|
19813
|
-
"description": "Emitted when the control
|
|
19814
|
-
"name": "flow-ui-blur",
|
|
19815
|
-
"reactName": "onFlowUiBlur"
|
|
19816
|
-
},
|
|
19817
|
-
{
|
|
19818
|
-
"description": "Emitted when an alteration to the control's value is committed by the user.",
|
|
19922
|
+
"description": "Emitted when the control's value changes.",
|
|
19819
19923
|
"name": "flow-ui-change",
|
|
19820
19924
|
"reactName": "onFlowUiChange"
|
|
19821
19925
|
},
|
|
19822
|
-
{
|
|
19823
|
-
"description": "Emitted when the control gains focus.",
|
|
19824
|
-
"name": "flow-ui-focus",
|
|
19825
|
-
"reactName": "onFlowUiFocus"
|
|
19826
|
-
},
|
|
19827
19926
|
{
|
|
19828
19927
|
"description": "Emitted when the control receives input.",
|
|
19829
19928
|
"name": "flow-ui-input",
|
|
19830
19929
|
"reactName": "onFlowUiInput"
|
|
19831
|
-
},
|
|
19832
|
-
{
|
|
19833
|
-
"description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
|
|
19834
|
-
"name": "flow-ui-invalid",
|
|
19835
|
-
"reactName": "onFlowUiInvalid"
|
|
19836
19930
|
}
|
|
19837
19931
|
],
|
|
19838
19932
|
"attributes": [
|
|
19839
19933
|
{
|
|
19840
|
-
"name": "
|
|
19934
|
+
"name": "value",
|
|
19841
19935
|
"type": {
|
|
19842
19936
|
"text": "string"
|
|
19843
19937
|
},
|
|
19844
|
-
"
|
|
19845
|
-
"
|
|
19846
|
-
"fieldName": "name"
|
|
19938
|
+
"description": "The value of the timer. (ISO8601 date/time string)",
|
|
19939
|
+
"fieldName": "value"
|
|
19847
19940
|
},
|
|
19848
19941
|
{
|
|
19849
|
-
"name": "
|
|
19942
|
+
"name": "timezone",
|
|
19850
19943
|
"type": {
|
|
19851
|
-
"text": "string"
|
|
19944
|
+
"text": "string | undefined"
|
|
19852
19945
|
},
|
|
19853
|
-
"
|
|
19854
|
-
"
|
|
19855
|
-
"fieldName": "value"
|
|
19946
|
+
"description": "The timezone to use for display. (IANA timezone string).\nIf not set, the timezone will be the browser's local timezone.",
|
|
19947
|
+
"fieldName": "timezone"
|
|
19856
19948
|
},
|
|
19857
19949
|
{
|
|
19858
|
-
"name": "
|
|
19950
|
+
"name": "locale",
|
|
19859
19951
|
"type": {
|
|
19860
|
-
"text": "
|
|
19952
|
+
"text": "string | undefined"
|
|
19861
19953
|
},
|
|
19862
|
-
"
|
|
19863
|
-
"
|
|
19864
|
-
"fieldName": "size"
|
|
19954
|
+
"description": "The locale to use for display. (IETF BCP 47 language tag).\nIf not set, the locale will be the browser's default locale.",
|
|
19955
|
+
"fieldName": "locale"
|
|
19865
19956
|
},
|
|
19866
19957
|
{
|
|
19867
|
-
"name": "
|
|
19958
|
+
"name": "running",
|
|
19868
19959
|
"type": {
|
|
19869
19960
|
"text": "boolean"
|
|
19870
19961
|
},
|
|
19871
19962
|
"default": "false",
|
|
19872
|
-
"description": "
|
|
19873
|
-
"fieldName": "
|
|
19963
|
+
"description": "Set to `true` to start the timer running.",
|
|
19964
|
+
"fieldName": "running"
|
|
19874
19965
|
},
|
|
19875
19966
|
{
|
|
19876
|
-
"name": "
|
|
19967
|
+
"name": "dateFormat",
|
|
19877
19968
|
"type": {
|
|
19878
19969
|
"text": "string"
|
|
19879
19970
|
},
|
|
19880
|
-
"default": "''",
|
|
19881
|
-
"description": "The
|
|
19882
|
-
"fieldName": "
|
|
19971
|
+
"default": "'DD'",
|
|
19972
|
+
"description": "The date format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
|
|
19973
|
+
"fieldName": "dateFormat"
|
|
19883
19974
|
},
|
|
19884
19975
|
{
|
|
19885
|
-
"name": "
|
|
19976
|
+
"name": "dayFormat",
|
|
19886
19977
|
"type": {
|
|
19887
19978
|
"text": "string"
|
|
19888
19979
|
},
|
|
19889
|
-
"default": "''",
|
|
19890
|
-
"description": "The
|
|
19891
|
-
"fieldName": "
|
|
19980
|
+
"default": "'ccc'",
|
|
19981
|
+
"description": "The day format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
|
|
19982
|
+
"fieldName": "dayFormat"
|
|
19892
19983
|
},
|
|
19893
19984
|
{
|
|
19894
|
-
"name": "
|
|
19985
|
+
"name": "timeFormat",
|
|
19895
19986
|
"type": {
|
|
19896
19987
|
"text": "string"
|
|
19897
19988
|
},
|
|
19898
|
-
"default": "''",
|
|
19899
|
-
"description": "
|
|
19900
|
-
"fieldName": "
|
|
19901
|
-
},
|
|
19902
|
-
{
|
|
19903
|
-
"name": "rows",
|
|
19904
|
-
"type": {
|
|
19905
|
-
"text": "number"
|
|
19906
|
-
},
|
|
19907
|
-
"default": "4",
|
|
19908
|
-
"description": "The number of rows to display by default.",
|
|
19909
|
-
"fieldName": "rows"
|
|
19910
|
-
},
|
|
19911
|
-
{
|
|
19912
|
-
"name": "resize",
|
|
19913
|
-
"type": {
|
|
19914
|
-
"text": "'none' | 'vertical' | 'auto'"
|
|
19915
|
-
},
|
|
19916
|
-
"default": "'vertical'",
|
|
19917
|
-
"description": "Controls how the textarea can be resized.",
|
|
19918
|
-
"fieldName": "resize"
|
|
19919
|
-
},
|
|
19920
|
-
{
|
|
19921
|
-
"name": "disabled",
|
|
19922
|
-
"type": {
|
|
19923
|
-
"text": "boolean"
|
|
19924
|
-
},
|
|
19925
|
-
"default": "false",
|
|
19926
|
-
"description": "Disables the textarea.",
|
|
19927
|
-
"fieldName": "disabled"
|
|
19928
|
-
},
|
|
19929
|
-
{
|
|
19930
|
-
"name": "readonly",
|
|
19931
|
-
"type": {
|
|
19932
|
-
"text": "boolean"
|
|
19933
|
-
},
|
|
19934
|
-
"default": "false",
|
|
19935
|
-
"description": "Makes the textarea readonly.",
|
|
19936
|
-
"fieldName": "readonly"
|
|
19989
|
+
"default": "'TT'",
|
|
19990
|
+
"description": "The time format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
|
|
19991
|
+
"fieldName": "timeFormat"
|
|
19937
19992
|
},
|
|
19938
19993
|
{
|
|
19939
|
-
"name": "
|
|
19994
|
+
"name": "zoneFormat",
|
|
19940
19995
|
"type": {
|
|
19941
19996
|
"text": "string"
|
|
19942
19997
|
},
|
|
19943
|
-
"default": "''",
|
|
19944
|
-
"description": "
|
|
19945
|
-
"fieldName": "
|
|
19946
|
-
},
|
|
19947
|
-
{
|
|
19948
|
-
"name": "required",
|
|
19949
|
-
"type": {
|
|
19950
|
-
"text": "boolean"
|
|
19951
|
-
},
|
|
19952
|
-
"default": "false",
|
|
19953
|
-
"description": "Makes the textarea a required field.",
|
|
19954
|
-
"fieldName": "required"
|
|
19955
|
-
},
|
|
19956
|
-
{
|
|
19957
|
-
"name": "minlength",
|
|
19958
|
-
"type": {
|
|
19959
|
-
"text": "number"
|
|
19960
|
-
},
|
|
19961
|
-
"description": "The minimum length of input that will be considered valid.",
|
|
19962
|
-
"fieldName": "minlength"
|
|
19963
|
-
},
|
|
19964
|
-
{
|
|
19965
|
-
"name": "maxlength",
|
|
19966
|
-
"type": {
|
|
19967
|
-
"text": "number"
|
|
19968
|
-
},
|
|
19969
|
-
"description": "The maximum length of input that will be considered valid.",
|
|
19970
|
-
"fieldName": "maxlength"
|
|
19971
|
-
},
|
|
19972
|
-
{
|
|
19973
|
-
"name": "autocapitalize",
|
|
19974
|
-
"type": {
|
|
19975
|
-
"text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
|
|
19976
|
-
},
|
|
19977
|
-
"description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
|
|
19978
|
-
"fieldName": "autocapitalize"
|
|
19998
|
+
"default": "'ZZZZ'",
|
|
19999
|
+
"description": "The timezone format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
|
|
20000
|
+
"fieldName": "zoneFormat"
|
|
19979
20001
|
},
|
|
19980
20002
|
{
|
|
19981
|
-
"name": "
|
|
20003
|
+
"name": "major-step",
|
|
19982
20004
|
"type": {
|
|
19983
20005
|
"text": "string"
|
|
19984
20006
|
},
|
|
19985
|
-
"
|
|
19986
|
-
"
|
|
20007
|
+
"default": "'1 minute'",
|
|
20008
|
+
"description": "The major step size to use for the timer step controls.",
|
|
20009
|
+
"fieldName": "majorStep"
|
|
19987
20010
|
},
|
|
19988
20011
|
{
|
|
19989
|
-
"name": "
|
|
20012
|
+
"name": "minor-step",
|
|
19990
20013
|
"type": {
|
|
19991
20014
|
"text": "string"
|
|
19992
20015
|
},
|
|
19993
|
-
"
|
|
19994
|
-
"
|
|
19995
|
-
|
|
19996
|
-
{
|
|
19997
|
-
"name": "autofocus",
|
|
19998
|
-
"type": {
|
|
19999
|
-
"text": "boolean"
|
|
20000
|
-
},
|
|
20001
|
-
"description": "Indicates that the input should receive focus on page load.",
|
|
20002
|
-
"fieldName": "autofocus"
|
|
20003
|
-
},
|
|
20004
|
-
{
|
|
20005
|
-
"name": "enterkeyhint",
|
|
20006
|
-
"type": {
|
|
20007
|
-
"text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
|
|
20008
|
-
},
|
|
20009
|
-
"description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
|
|
20010
|
-
"fieldName": "enterkeyhint"
|
|
20016
|
+
"default": "'5 seconds'",
|
|
20017
|
+
"description": "The minor step size to use for the timer step controls.",
|
|
20018
|
+
"fieldName": "minorStep"
|
|
20011
20019
|
},
|
|
20012
20020
|
{
|
|
20013
|
-
"name": "
|
|
20021
|
+
"name": "hide-zone",
|
|
20014
20022
|
"type": {
|
|
20015
20023
|
"text": "boolean"
|
|
20016
20024
|
},
|
|
20017
|
-
"default": "
|
|
20018
|
-
"description": "
|
|
20019
|
-
"fieldName": "
|
|
20020
|
-
},
|
|
20021
|
-
{
|
|
20022
|
-
"name": "inputmode",
|
|
20023
|
-
"type": {
|
|
20024
|
-
"text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
|
|
20025
|
-
},
|
|
20026
|
-
"description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
|
|
20027
|
-
"fieldName": "inputmode"
|
|
20025
|
+
"default": "false",
|
|
20026
|
+
"description": "Set to `true` to hide the timezone display.",
|
|
20027
|
+
"fieldName": "hideZone"
|
|
20028
20028
|
}
|
|
20029
20029
|
],
|
|
20030
20030
|
"superclass": {
|
|
20031
20031
|
"name": "FlowRdfElement",
|
|
20032
20032
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
20033
20033
|
},
|
|
20034
|
-
"tagName": "flow-ui-
|
|
20035
|
-
"summary": "
|
|
20034
|
+
"tagName": "flow-ui-timer",
|
|
20035
|
+
"summary": "The timer component is the primary time control for Flo.w time-based visualizations.",
|
|
20036
20036
|
"customElement": true
|
|
20037
20037
|
}
|
|
20038
20038
|
],
|
|
@@ -20041,15 +20041,15 @@
|
|
|
20041
20041
|
"kind": "js",
|
|
20042
20042
|
"name": "default",
|
|
20043
20043
|
"declaration": {
|
|
20044
|
-
"name": "
|
|
20045
|
-
"module": "components/
|
|
20044
|
+
"name": "FlowUiTimer",
|
|
20045
|
+
"module": "components/timer/timer.component.js"
|
|
20046
20046
|
}
|
|
20047
20047
|
}
|
|
20048
20048
|
]
|
|
20049
20049
|
},
|
|
20050
20050
|
{
|
|
20051
20051
|
"kind": "javascript-module",
|
|
20052
|
-
"path": "components/
|
|
20052
|
+
"path": "components/timer/timer.js",
|
|
20053
20053
|
"declarations": [],
|
|
20054
20054
|
"exports": [
|
|
20055
20055
|
{
|
|
@@ -20057,15 +20057,15 @@
|
|
|
20057
20057
|
"name": "*",
|
|
20058
20058
|
"declaration": {
|
|
20059
20059
|
"name": "*",
|
|
20060
|
-
"package": "./
|
|
20060
|
+
"package": "./timer.component.js"
|
|
20061
20061
|
}
|
|
20062
20062
|
},
|
|
20063
20063
|
{
|
|
20064
20064
|
"kind": "js",
|
|
20065
20065
|
"name": "default",
|
|
20066
20066
|
"declaration": {
|
|
20067
|
-
"name": "
|
|
20068
|
-
"module": "components/
|
|
20067
|
+
"name": "FlowUiTimer",
|
|
20068
|
+
"module": "components/timer/timer.js"
|
|
20069
20069
|
}
|
|
20070
20070
|
}
|
|
20071
20071
|
]
|
|
@@ -21255,43 +21255,84 @@
|
|
|
21255
21255
|
},
|
|
21256
21256
|
{
|
|
21257
21257
|
"kind": "javascript-module",
|
|
21258
|
-
"path": "components/tree/tree.component.js",
|
|
21258
|
+
"path": "components/tree-item/tree-item.component.js",
|
|
21259
21259
|
"declarations": [
|
|
21260
21260
|
{
|
|
21261
21261
|
"kind": "class",
|
|
21262
21262
|
"description": "",
|
|
21263
|
-
"name": "
|
|
21264
|
-
"
|
|
21263
|
+
"name": "FlowUiTreeItem",
|
|
21264
|
+
"cssParts": [
|
|
21265
21265
|
{
|
|
21266
|
-
"description": "The
|
|
21267
|
-
"name": "
|
|
21268
|
-
"default": "var(--flow-ui-spacing-medium)"
|
|
21266
|
+
"description": "The component's base wrapper.",
|
|
21267
|
+
"name": "base"
|
|
21269
21268
|
},
|
|
21270
21269
|
{
|
|
21271
|
-
"description": "The
|
|
21272
|
-
"name": "
|
|
21273
|
-
"default": "var(--flow-ui-color-neutral-200)"
|
|
21270
|
+
"description": "The tree item's container. This element wraps everything except slotted tree item children.",
|
|
21271
|
+
"name": "item"
|
|
21274
21272
|
},
|
|
21275
21273
|
{
|
|
21276
|
-
"description": "
|
|
21277
|
-
"name": "--
|
|
21278
|
-
"default": "0"
|
|
21274
|
+
"description": "Applied when the tree item is disabled.",
|
|
21275
|
+
"name": "item--disabled"
|
|
21279
21276
|
},
|
|
21280
21277
|
{
|
|
21281
|
-
"description": "
|
|
21282
|
-
"name": "--
|
|
21283
|
-
"default": "solid"
|
|
21278
|
+
"description": "Applied when the tree item is expanded.",
|
|
21279
|
+
"name": "item--expanded"
|
|
21284
21280
|
},
|
|
21285
21281
|
{
|
|
21286
|
-
"description": "
|
|
21287
|
-
"name": "--
|
|
21288
|
-
|
|
21289
|
-
}
|
|
21290
|
-
],
|
|
21291
|
-
"cssParts": [
|
|
21282
|
+
"description": "Applied when the selection is indeterminate.",
|
|
21283
|
+
"name": "item--indeterminate"
|
|
21284
|
+
},
|
|
21292
21285
|
{
|
|
21293
|
-
"description": "
|
|
21294
|
-
"name": "
|
|
21286
|
+
"description": "Applied when the tree item is selected.",
|
|
21287
|
+
"name": "item--selected"
|
|
21288
|
+
},
|
|
21289
|
+
{
|
|
21290
|
+
"description": "The tree item's indentation container.",
|
|
21291
|
+
"name": "indentation"
|
|
21292
|
+
},
|
|
21293
|
+
{
|
|
21294
|
+
"description": "The container that wraps the tree item's expand button and spinner.",
|
|
21295
|
+
"name": "expand-button"
|
|
21296
|
+
},
|
|
21297
|
+
{
|
|
21298
|
+
"description": "The tree item's label.",
|
|
21299
|
+
"name": "label"
|
|
21300
|
+
},
|
|
21301
|
+
{
|
|
21302
|
+
"description": "The container that wraps the tree item's nested children.",
|
|
21303
|
+
"name": "children"
|
|
21304
|
+
},
|
|
21305
|
+
{
|
|
21306
|
+
"description": "The checkbox that shows when using multiselect.",
|
|
21307
|
+
"name": "checkbox"
|
|
21308
|
+
},
|
|
21309
|
+
{
|
|
21310
|
+
"description": "The checkbox's exported `base` part.",
|
|
21311
|
+
"name": "checkbox__base"
|
|
21312
|
+
},
|
|
21313
|
+
{
|
|
21314
|
+
"description": "The checkbox's exported `control` part.",
|
|
21315
|
+
"name": "checkbox__control"
|
|
21316
|
+
},
|
|
21317
|
+
{
|
|
21318
|
+
"description": "The checkbox's exported `control--checked` part.",
|
|
21319
|
+
"name": "checkbox__control--checked"
|
|
21320
|
+
},
|
|
21321
|
+
{
|
|
21322
|
+
"description": "The checkbox's exported `control--indeterminate` part.",
|
|
21323
|
+
"name": "checkbox__control--indeterminate"
|
|
21324
|
+
},
|
|
21325
|
+
{
|
|
21326
|
+
"description": "The checkbox's exported `checked-icon` part.",
|
|
21327
|
+
"name": "checkbox__checked-icon"
|
|
21328
|
+
},
|
|
21329
|
+
{
|
|
21330
|
+
"description": "The checkbox's exported `indeterminate-icon` part.",
|
|
21331
|
+
"name": "checkbox__indeterminate-icon"
|
|
21332
|
+
},
|
|
21333
|
+
{
|
|
21334
|
+
"description": "The checkbox's exported `label` part.",
|
|
21335
|
+
"name": "checkbox__label"
|
|
21295
21336
|
}
|
|
21296
21337
|
],
|
|
21297
21338
|
"slots": [
|
|
@@ -21300,267 +21341,210 @@
|
|
|
21300
21341
|
"name": ""
|
|
21301
21342
|
},
|
|
21302
21343
|
{
|
|
21303
|
-
"description": "The icon to show when the tree item is expanded.
|
|
21344
|
+
"description": "The icon to show when the tree item is expanded.",
|
|
21304
21345
|
"name": "expand-icon"
|
|
21305
21346
|
},
|
|
21306
21347
|
{
|
|
21307
|
-
"description": "The icon to show when the tree item is collapsed.
|
|
21348
|
+
"description": "The icon to show when the tree item is collapsed.",
|
|
21308
21349
|
"name": "collapse-icon"
|
|
21309
21350
|
}
|
|
21310
21351
|
],
|
|
21311
21352
|
"members": [
|
|
21312
21353
|
{
|
|
21313
21354
|
"kind": "field",
|
|
21314
|
-
"name": "
|
|
21315
|
-
"
|
|
21316
|
-
|
|
21317
|
-
|
|
21318
|
-
"privacy": "private"
|
|
21319
|
-
},
|
|
21320
|
-
{
|
|
21321
|
-
"kind": "field",
|
|
21322
|
-
"name": "collapsedIconSlot",
|
|
21323
|
-
"type": {
|
|
21324
|
-
"text": "HTMLSlotElement"
|
|
21325
|
-
},
|
|
21326
|
-
"privacy": "private"
|
|
21355
|
+
"name": "localize",
|
|
21356
|
+
"privacy": "private",
|
|
21357
|
+
"readonly": true,
|
|
21358
|
+
"default": "new LocalizeController(this)"
|
|
21327
21359
|
},
|
|
21328
21360
|
{
|
|
21329
21361
|
"kind": "field",
|
|
21330
21362
|
"name": "value",
|
|
21331
21363
|
"type": {
|
|
21332
|
-
"text": "string
|
|
21364
|
+
"text": "string"
|
|
21333
21365
|
},
|
|
21334
|
-
"default": "
|
|
21335
|
-
"description": "The
|
|
21336
|
-
"attribute": "value"
|
|
21366
|
+
"default": "''",
|
|
21367
|
+
"description": "The tree-items's value. When selected, the containing tree control will receive this value. The value must be unique\nfrom other tree-items in the same tree. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
|
|
21368
|
+
"attribute": "value",
|
|
21369
|
+
"reflects": true
|
|
21337
21370
|
},
|
|
21338
21371
|
{
|
|
21339
21372
|
"kind": "field",
|
|
21340
|
-
"name": "
|
|
21373
|
+
"name": "expanded",
|
|
21341
21374
|
"type": {
|
|
21342
|
-
"text": "
|
|
21375
|
+
"text": "boolean"
|
|
21343
21376
|
},
|
|
21344
|
-
"default": "
|
|
21345
|
-
"description": "
|
|
21346
|
-
"attribute": "
|
|
21377
|
+
"default": "false",
|
|
21378
|
+
"description": "Expands the tree item.",
|
|
21379
|
+
"attribute": "expanded",
|
|
21380
|
+
"reflects": true
|
|
21347
21381
|
},
|
|
21348
21382
|
{
|
|
21349
21383
|
"kind": "field",
|
|
21350
|
-
"name": "
|
|
21384
|
+
"name": "selected",
|
|
21351
21385
|
"type": {
|
|
21352
|
-
"text": "
|
|
21386
|
+
"text": "boolean"
|
|
21353
21387
|
},
|
|
21354
|
-
"default": "
|
|
21355
|
-
"description": "
|
|
21356
|
-
"attribute": "
|
|
21388
|
+
"default": "false",
|
|
21389
|
+
"description": "Draws the tree item in a selected state.",
|
|
21390
|
+
"attribute": "selected",
|
|
21357
21391
|
"reflects": true
|
|
21358
21392
|
},
|
|
21359
21393
|
{
|
|
21360
21394
|
"kind": "field",
|
|
21361
|
-
"name": "
|
|
21395
|
+
"name": "disabled",
|
|
21362
21396
|
"type": {
|
|
21363
|
-
"text": "
|
|
21397
|
+
"text": "boolean"
|
|
21364
21398
|
},
|
|
21365
|
-
"
|
|
21366
|
-
|
|
21367
|
-
|
|
21368
|
-
"
|
|
21369
|
-
"name": "localize",
|
|
21370
|
-
"privacy": "private",
|
|
21371
|
-
"readonly": true,
|
|
21372
|
-
"default": "new LocalizeController(this)"
|
|
21399
|
+
"default": "false",
|
|
21400
|
+
"description": "Disables the tree item.",
|
|
21401
|
+
"attribute": "disabled",
|
|
21402
|
+
"reflects": true
|
|
21373
21403
|
},
|
|
21374
21404
|
{
|
|
21375
21405
|
"kind": "field",
|
|
21376
|
-
"name": "
|
|
21406
|
+
"name": "lazy",
|
|
21377
21407
|
"type": {
|
|
21378
|
-
"text": "
|
|
21408
|
+
"text": "boolean"
|
|
21379
21409
|
},
|
|
21380
|
-
"
|
|
21410
|
+
"default": "false",
|
|
21411
|
+
"description": "Enables lazy loading behavior.",
|
|
21412
|
+
"attribute": "lazy",
|
|
21413
|
+
"reflects": true
|
|
21381
21414
|
},
|
|
21382
21415
|
{
|
|
21383
21416
|
"kind": "field",
|
|
21384
|
-
"name": "
|
|
21417
|
+
"name": "size",
|
|
21385
21418
|
"type": {
|
|
21386
|
-
"text": "
|
|
21419
|
+
"text": "'small' | 'medium' | 'large'"
|
|
21387
21420
|
},
|
|
21388
|
-
"
|
|
21389
|
-
"
|
|
21421
|
+
"default": "'medium'",
|
|
21422
|
+
"description": "The select's size.",
|
|
21423
|
+
"attribute": "size",
|
|
21424
|
+
"reflects": true
|
|
21390
21425
|
},
|
|
21391
21426
|
{
|
|
21392
21427
|
"kind": "method",
|
|
21393
|
-
"name": "
|
|
21394
|
-
"privacy": "private",
|
|
21395
|
-
"parameters": [
|
|
21396
|
-
{
|
|
21397
|
-
"name": "status",
|
|
21398
|
-
"type": {
|
|
21399
|
-
"text": "'expand' | 'collapse'"
|
|
21400
|
-
}
|
|
21401
|
-
}
|
|
21402
|
-
]
|
|
21403
|
-
},
|
|
21404
|
-
{
|
|
21405
|
-
"kind": "field",
|
|
21406
|
-
"name": "initTreeItem",
|
|
21428
|
+
"name": "animateCollapse",
|
|
21407
21429
|
"privacy": "private"
|
|
21408
21430
|
},
|
|
21409
21431
|
{
|
|
21410
21432
|
"kind": "method",
|
|
21411
|
-
"name": "
|
|
21412
|
-
"privacy": "private",
|
|
21413
|
-
"parameters": [
|
|
21414
|
-
{
|
|
21415
|
-
"name": "mutations",
|
|
21416
|
-
"type": {
|
|
21417
|
-
"text": "MutationRecord[]"
|
|
21418
|
-
}
|
|
21419
|
-
}
|
|
21420
|
-
]
|
|
21421
|
-
},
|
|
21422
|
-
{
|
|
21423
|
-
"kind": "method",
|
|
21424
|
-
"name": "syncTreeItems",
|
|
21433
|
+
"name": "isNestedItem",
|
|
21425
21434
|
"privacy": "private",
|
|
21426
|
-
"
|
|
21427
|
-
{
|
|
21428
|
-
"
|
|
21429
|
-
"optional": true,
|
|
21430
|
-
"type": {
|
|
21431
|
-
"text": "FlowTreeItem"
|
|
21432
|
-
}
|
|
21435
|
+
"return": {
|
|
21436
|
+
"type": {
|
|
21437
|
+
"text": "boolean"
|
|
21433
21438
|
}
|
|
21434
|
-
|
|
21439
|
+
}
|
|
21435
21440
|
},
|
|
21436
21441
|
{
|
|
21437
21442
|
"kind": "method",
|
|
21438
|
-
"name": "
|
|
21439
|
-
"privacy": "private"
|
|
21440
|
-
"parameters": [
|
|
21441
|
-
{
|
|
21442
|
-
"name": "selectedItem",
|
|
21443
|
-
"type": {
|
|
21444
|
-
"text": "FlowTreeItem"
|
|
21445
|
-
}
|
|
21446
|
-
}
|
|
21447
|
-
]
|
|
21443
|
+
"name": "handleChildrenSlotChange",
|
|
21444
|
+
"privacy": "private"
|
|
21448
21445
|
},
|
|
21449
21446
|
{
|
|
21450
21447
|
"kind": "method",
|
|
21451
|
-
"name": "
|
|
21448
|
+
"name": "animateExpand",
|
|
21452
21449
|
"privacy": "private"
|
|
21453
21450
|
},
|
|
21454
21451
|
{
|
|
21455
21452
|
"kind": "method",
|
|
21456
|
-
"name": "
|
|
21457
|
-
"
|
|
21453
|
+
"name": "getChildrenItems",
|
|
21454
|
+
"return": {
|
|
21455
|
+
"type": {
|
|
21456
|
+
"text": "FlowUiTreeItem[]"
|
|
21457
|
+
}
|
|
21458
|
+
},
|
|
21458
21459
|
"parameters": [
|
|
21459
21460
|
{
|
|
21460
|
-
"name": "
|
|
21461
|
-
"
|
|
21461
|
+
"name": "{ includeDisabled = true }",
|
|
21462
|
+
"default": "{}",
|
|
21462
21463
|
"type": {
|
|
21463
|
-
"text": "
|
|
21464
|
+
"text": "{ includeDisabled?: boolean }"
|
|
21464
21465
|
}
|
|
21465
21466
|
}
|
|
21466
|
-
]
|
|
21467
|
+
],
|
|
21468
|
+
"description": "Gets all the nested tree items in this node."
|
|
21469
|
+
}
|
|
21470
|
+
],
|
|
21471
|
+
"events": [
|
|
21472
|
+
{
|
|
21473
|
+
"description": "Emitted when the tree item expands.",
|
|
21474
|
+
"name": "flow-ui-expand",
|
|
21475
|
+
"reactName": "onFlowUiExpand"
|
|
21467
21476
|
},
|
|
21468
21477
|
{
|
|
21469
|
-
"
|
|
21470
|
-
"name": "
|
|
21471
|
-
"
|
|
21472
|
-
"parameters": [
|
|
21473
|
-
{
|
|
21474
|
-
"name": "event",
|
|
21475
|
-
"type": {
|
|
21476
|
-
"text": "KeyboardEvent"
|
|
21477
|
-
}
|
|
21478
|
-
}
|
|
21479
|
-
]
|
|
21480
|
-
},
|
|
21481
|
-
{
|
|
21482
|
-
"kind": "method",
|
|
21483
|
-
"name": "handleClick",
|
|
21484
|
-
"privacy": "private",
|
|
21485
|
-
"parameters": [
|
|
21486
|
-
{
|
|
21487
|
-
"name": "event",
|
|
21488
|
-
"type": {
|
|
21489
|
-
"text": "Event"
|
|
21490
|
-
}
|
|
21491
|
-
}
|
|
21492
|
-
]
|
|
21478
|
+
"description": "Emitted after the tree item expands and all animations are complete.",
|
|
21479
|
+
"name": "flow-ui-after-expand",
|
|
21480
|
+
"reactName": "onFlowUiAfterExpand"
|
|
21493
21481
|
},
|
|
21494
21482
|
{
|
|
21495
|
-
"
|
|
21496
|
-
"name": "
|
|
21497
|
-
"
|
|
21498
|
-
"parameters": [
|
|
21499
|
-
{
|
|
21500
|
-
"name": "event",
|
|
21501
|
-
"type": {
|
|
21502
|
-
"text": "MouseEvent"
|
|
21503
|
-
}
|
|
21504
|
-
}
|
|
21505
|
-
]
|
|
21483
|
+
"description": "Emitted when the tree item collapses.",
|
|
21484
|
+
"name": "flow-ui-collapse",
|
|
21485
|
+
"reactName": "onFlowUiCollapse"
|
|
21506
21486
|
},
|
|
21507
21487
|
{
|
|
21508
|
-
"
|
|
21509
|
-
"name": "
|
|
21510
|
-
"
|
|
21511
|
-
"parameters": [
|
|
21512
|
-
{
|
|
21513
|
-
"name": "event",
|
|
21514
|
-
"type": {
|
|
21515
|
-
"text": "FocusEvent"
|
|
21516
|
-
}
|
|
21517
|
-
}
|
|
21518
|
-
]
|
|
21488
|
+
"description": "Emitted after the tree item collapses and all animations are complete.",
|
|
21489
|
+
"name": "flow-ui-after-collapse",
|
|
21490
|
+
"reactName": "onFlowUiAfterCollapse"
|
|
21519
21491
|
},
|
|
21520
21492
|
{
|
|
21521
|
-
"
|
|
21522
|
-
"name": "
|
|
21523
|
-
"
|
|
21524
|
-
"parameters": [
|
|
21525
|
-
{
|
|
21526
|
-
"name": "event",
|
|
21527
|
-
"type": {
|
|
21528
|
-
"text": "FocusEvent"
|
|
21529
|
-
}
|
|
21530
|
-
}
|
|
21531
|
-
]
|
|
21493
|
+
"description": "Emitted when the tree item's lazy state changes.",
|
|
21494
|
+
"name": "flow-ui-lazy-change",
|
|
21495
|
+
"reactName": "onFlowUiLazyChange"
|
|
21532
21496
|
},
|
|
21533
21497
|
{
|
|
21534
|
-
"
|
|
21535
|
-
"name": "
|
|
21536
|
-
"
|
|
21537
|
-
}
|
|
21538
|
-
],
|
|
21539
|
-
"events": [
|
|
21540
|
-
{
|
|
21541
|
-
"description": "Emitted when a tree item is selected or deselected.",
|
|
21542
|
-
"name": "flow-ui-change",
|
|
21543
|
-
"reactName": "onFlowUiChange"
|
|
21498
|
+
"description": "Emitted when a lazy item is selected. Use this event to asynchronously load data and append items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading state and update the tree.",
|
|
21499
|
+
"name": "flow-ui-lazy-load",
|
|
21500
|
+
"reactName": "onFlowUiLazyLoad"
|
|
21544
21501
|
}
|
|
21545
21502
|
],
|
|
21546
21503
|
"attributes": [
|
|
21547
21504
|
{
|
|
21548
21505
|
"name": "value",
|
|
21549
21506
|
"type": {
|
|
21550
|
-
"text": "string
|
|
21507
|
+
"text": "string"
|
|
21551
21508
|
},
|
|
21552
|
-
"default": "
|
|
21553
|
-
"description": "The
|
|
21509
|
+
"default": "''",
|
|
21510
|
+
"description": "The tree-items's value. When selected, the containing tree control will receive this value. The value must be unique\nfrom other tree-items in the same tree. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
|
|
21554
21511
|
"fieldName": "value"
|
|
21555
21512
|
},
|
|
21556
21513
|
{
|
|
21557
|
-
"name": "
|
|
21514
|
+
"name": "expanded",
|
|
21558
21515
|
"type": {
|
|
21559
|
-
"text": "
|
|
21516
|
+
"text": "boolean"
|
|
21560
21517
|
},
|
|
21561
|
-
"default": "
|
|
21562
|
-
"description": "
|
|
21563
|
-
"fieldName": "
|
|
21518
|
+
"default": "false",
|
|
21519
|
+
"description": "Expands the tree item.",
|
|
21520
|
+
"fieldName": "expanded"
|
|
21521
|
+
},
|
|
21522
|
+
{
|
|
21523
|
+
"name": "selected",
|
|
21524
|
+
"type": {
|
|
21525
|
+
"text": "boolean"
|
|
21526
|
+
},
|
|
21527
|
+
"default": "false",
|
|
21528
|
+
"description": "Draws the tree item in a selected state.",
|
|
21529
|
+
"fieldName": "selected"
|
|
21530
|
+
},
|
|
21531
|
+
{
|
|
21532
|
+
"name": "disabled",
|
|
21533
|
+
"type": {
|
|
21534
|
+
"text": "boolean"
|
|
21535
|
+
},
|
|
21536
|
+
"default": "false",
|
|
21537
|
+
"description": "Disables the tree item.",
|
|
21538
|
+
"fieldName": "disabled"
|
|
21539
|
+
},
|
|
21540
|
+
{
|
|
21541
|
+
"name": "lazy",
|
|
21542
|
+
"type": {
|
|
21543
|
+
"text": "boolean"
|
|
21544
|
+
},
|
|
21545
|
+
"default": "false",
|
|
21546
|
+
"description": "Enables lazy loading behavior.",
|
|
21547
|
+
"fieldName": "lazy"
|
|
21564
21548
|
},
|
|
21565
21549
|
{
|
|
21566
21550
|
"name": "size",
|
|
@@ -21576,8 +21560,13 @@
|
|
|
21576
21560
|
"name": "FlowRdfElement",
|
|
21577
21561
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
21578
21562
|
},
|
|
21579
|
-
"tagName": "flow-ui-tree",
|
|
21580
|
-
"summary": "
|
|
21563
|
+
"tagName": "flow-ui-tree-item",
|
|
21564
|
+
"summary": "A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).",
|
|
21565
|
+
"dependencies": [
|
|
21566
|
+
"flow-ui-checkbox",
|
|
21567
|
+
"flow-ui-icon",
|
|
21568
|
+
"flow-ui-spinner"
|
|
21569
|
+
],
|
|
21581
21570
|
"customElement": true
|
|
21582
21571
|
}
|
|
21583
21572
|
],
|
|
@@ -21586,15 +21575,15 @@
|
|
|
21586
21575
|
"kind": "js",
|
|
21587
21576
|
"name": "default",
|
|
21588
21577
|
"declaration": {
|
|
21589
|
-
"name": "
|
|
21590
|
-
"module": "components/tree/tree.component.js"
|
|
21578
|
+
"name": "FlowUiTreeItem",
|
|
21579
|
+
"module": "components/tree-item/tree-item.component.js"
|
|
21591
21580
|
}
|
|
21592
21581
|
}
|
|
21593
21582
|
]
|
|
21594
21583
|
},
|
|
21595
21584
|
{
|
|
21596
21585
|
"kind": "javascript-module",
|
|
21597
|
-
"path": "components/tree/tree.js",
|
|
21586
|
+
"path": "components/tree-item/tree-item.js",
|
|
21598
21587
|
"declarations": [],
|
|
21599
21588
|
"exports": [
|
|
21600
21589
|
{
|
|
@@ -21602,456 +21591,403 @@
|
|
|
21602
21591
|
"name": "*",
|
|
21603
21592
|
"declaration": {
|
|
21604
21593
|
"name": "*",
|
|
21605
|
-
"package": "./tree.component"
|
|
21594
|
+
"package": "./tree-item.component"
|
|
21606
21595
|
}
|
|
21607
21596
|
},
|
|
21608
21597
|
{
|
|
21609
21598
|
"kind": "js",
|
|
21610
21599
|
"name": "default",
|
|
21611
21600
|
"declaration": {
|
|
21612
|
-
"name": "
|
|
21613
|
-
"module": "components/tree/tree.js"
|
|
21601
|
+
"name": "FlowUiTreeItem",
|
|
21602
|
+
"module": "components/tree-item/tree-item.js"
|
|
21614
21603
|
}
|
|
21615
21604
|
}
|
|
21616
21605
|
]
|
|
21617
21606
|
},
|
|
21618
21607
|
{
|
|
21619
21608
|
"kind": "javascript-module",
|
|
21620
|
-
"path": "components/
|
|
21609
|
+
"path": "components/visually-hidden/visually-hidden.component.js",
|
|
21621
21610
|
"declarations": [
|
|
21622
21611
|
{
|
|
21623
21612
|
"kind": "class",
|
|
21624
21613
|
"description": "",
|
|
21625
|
-
"name": "
|
|
21626
|
-
"
|
|
21614
|
+
"name": "FlowUiVisuallyHidden",
|
|
21615
|
+
"slots": [
|
|
21627
21616
|
{
|
|
21628
|
-
"description": "The
|
|
21629
|
-
"name": "
|
|
21630
|
-
}
|
|
21617
|
+
"description": "The content to be visually hidden.",
|
|
21618
|
+
"name": ""
|
|
21619
|
+
}
|
|
21620
|
+
],
|
|
21621
|
+
"members": [],
|
|
21622
|
+
"superclass": {
|
|
21623
|
+
"name": "FlowRdfElement",
|
|
21624
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
21625
|
+
},
|
|
21626
|
+
"tagName": "flow-ui-visually-hidden",
|
|
21627
|
+
"summary": "The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.",
|
|
21628
|
+
"customElement": true
|
|
21629
|
+
}
|
|
21630
|
+
],
|
|
21631
|
+
"exports": [
|
|
21632
|
+
{
|
|
21633
|
+
"kind": "js",
|
|
21634
|
+
"name": "default",
|
|
21635
|
+
"declaration": {
|
|
21636
|
+
"name": "FlowUiVisuallyHidden",
|
|
21637
|
+
"module": "components/visually-hidden/visually-hidden.component.js"
|
|
21638
|
+
}
|
|
21639
|
+
}
|
|
21640
|
+
]
|
|
21641
|
+
},
|
|
21642
|
+
{
|
|
21643
|
+
"kind": "javascript-module",
|
|
21644
|
+
"path": "components/visually-hidden/visually-hidden.js",
|
|
21645
|
+
"declarations": [],
|
|
21646
|
+
"exports": [
|
|
21647
|
+
{
|
|
21648
|
+
"kind": "js",
|
|
21649
|
+
"name": "*",
|
|
21650
|
+
"declaration": {
|
|
21651
|
+
"name": "*",
|
|
21652
|
+
"package": "./visually-hidden.component"
|
|
21653
|
+
}
|
|
21654
|
+
},
|
|
21655
|
+
{
|
|
21656
|
+
"kind": "js",
|
|
21657
|
+
"name": "default",
|
|
21658
|
+
"declaration": {
|
|
21659
|
+
"name": "FlowUiVisuallyHidden",
|
|
21660
|
+
"module": "components/visually-hidden/visually-hidden.js"
|
|
21661
|
+
}
|
|
21662
|
+
}
|
|
21663
|
+
]
|
|
21664
|
+
},
|
|
21665
|
+
{
|
|
21666
|
+
"kind": "javascript-module",
|
|
21667
|
+
"path": "components/tree/tree.component.js",
|
|
21668
|
+
"declarations": [
|
|
21669
|
+
{
|
|
21670
|
+
"kind": "class",
|
|
21671
|
+
"description": "",
|
|
21672
|
+
"name": "FlowUiTree",
|
|
21673
|
+
"cssProperties": [
|
|
21631
21674
|
{
|
|
21632
|
-
"description": "The
|
|
21633
|
-
"name": "
|
|
21675
|
+
"description": "The size of the indentation for nested items.",
|
|
21676
|
+
"name": "--indent-size",
|
|
21677
|
+
"default": "var(--flow-ui-spacing-medium)"
|
|
21634
21678
|
},
|
|
21635
21679
|
{
|
|
21636
|
-
"description": "
|
|
21637
|
-
"name": "
|
|
21680
|
+
"description": "The color of the indentation line.",
|
|
21681
|
+
"name": "--indent-guide-color",
|
|
21682
|
+
"default": "var(--flow-ui-color-neutral-200)"
|
|
21638
21683
|
},
|
|
21639
21684
|
{
|
|
21640
|
-
"description": "
|
|
21641
|
-
"name": "
|
|
21685
|
+
"description": "The amount of vertical spacing to leave between the top and bottom of the indentation line's starting position.",
|
|
21686
|
+
"name": "--indent-guide-offset",
|
|
21687
|
+
"default": "0"
|
|
21642
21688
|
},
|
|
21643
21689
|
{
|
|
21644
|
-
"description": "
|
|
21645
|
-
"name": "
|
|
21690
|
+
"description": "The style of the indentation line, e.g. solid, dotted, dashed.",
|
|
21691
|
+
"name": "--indent-guide-style",
|
|
21692
|
+
"default": "solid"
|
|
21646
21693
|
},
|
|
21647
21694
|
{
|
|
21648
|
-
"description": "
|
|
21649
|
-
"name": "
|
|
21650
|
-
|
|
21695
|
+
"description": "The width of the indentation line.",
|
|
21696
|
+
"name": "--indent-guide-width",
|
|
21697
|
+
"default": "0"
|
|
21698
|
+
}
|
|
21699
|
+
],
|
|
21700
|
+
"cssParts": [
|
|
21651
21701
|
{
|
|
21652
|
-
"description": "The
|
|
21653
|
-
"name": "
|
|
21654
|
-
}
|
|
21702
|
+
"description": "The component's base wrapper.",
|
|
21703
|
+
"name": "base"
|
|
21704
|
+
}
|
|
21705
|
+
],
|
|
21706
|
+
"slots": [
|
|
21655
21707
|
{
|
|
21656
|
-
"description": "The
|
|
21657
|
-
"name": "
|
|
21708
|
+
"description": "The default slot.",
|
|
21709
|
+
"name": ""
|
|
21658
21710
|
},
|
|
21659
21711
|
{
|
|
21660
|
-
"description": "The tree item
|
|
21661
|
-
"name": "
|
|
21712
|
+
"description": "The icon to show when the tree item is expanded. Works best with `<flow-ui-icon>`.",
|
|
21713
|
+
"name": "expand-icon"
|
|
21662
21714
|
},
|
|
21663
21715
|
{
|
|
21664
|
-
"description": "The
|
|
21665
|
-
"name": "children"
|
|
21666
|
-
},
|
|
21667
|
-
{
|
|
21668
|
-
"description": "The checkbox that shows when using multiselect.",
|
|
21669
|
-
"name": "checkbox"
|
|
21670
|
-
},
|
|
21671
|
-
{
|
|
21672
|
-
"description": "The checkbox's exported `base` part.",
|
|
21673
|
-
"name": "checkbox__base"
|
|
21674
|
-
},
|
|
21675
|
-
{
|
|
21676
|
-
"description": "The checkbox's exported `control` part.",
|
|
21677
|
-
"name": "checkbox__control"
|
|
21678
|
-
},
|
|
21679
|
-
{
|
|
21680
|
-
"description": "The checkbox's exported `control--checked` part.",
|
|
21681
|
-
"name": "checkbox__control--checked"
|
|
21682
|
-
},
|
|
21683
|
-
{
|
|
21684
|
-
"description": "The checkbox's exported `control--indeterminate` part.",
|
|
21685
|
-
"name": "checkbox__control--indeterminate"
|
|
21686
|
-
},
|
|
21687
|
-
{
|
|
21688
|
-
"description": "The checkbox's exported `checked-icon` part.",
|
|
21689
|
-
"name": "checkbox__checked-icon"
|
|
21690
|
-
},
|
|
21691
|
-
{
|
|
21692
|
-
"description": "The checkbox's exported `indeterminate-icon` part.",
|
|
21693
|
-
"name": "checkbox__indeterminate-icon"
|
|
21694
|
-
},
|
|
21695
|
-
{
|
|
21696
|
-
"description": "The checkbox's exported `label` part.",
|
|
21697
|
-
"name": "checkbox__label"
|
|
21698
|
-
}
|
|
21699
|
-
],
|
|
21700
|
-
"slots": [
|
|
21701
|
-
{
|
|
21702
|
-
"description": "The default slot.",
|
|
21703
|
-
"name": ""
|
|
21704
|
-
},
|
|
21705
|
-
{
|
|
21706
|
-
"description": "The icon to show when the tree item is expanded.",
|
|
21707
|
-
"name": "expand-icon"
|
|
21708
|
-
},
|
|
21709
|
-
{
|
|
21710
|
-
"description": "The icon to show when the tree item is collapsed.",
|
|
21716
|
+
"description": "The icon to show when the tree item is collapsed. Works best with `<flow-ui-icon>`.",
|
|
21711
21717
|
"name": "collapse-icon"
|
|
21712
21718
|
}
|
|
21713
21719
|
],
|
|
21714
21720
|
"members": [
|
|
21715
21721
|
{
|
|
21716
21722
|
"kind": "field",
|
|
21717
|
-
"name": "
|
|
21718
|
-
"
|
|
21719
|
-
|
|
21720
|
-
|
|
21723
|
+
"name": "expandedIconSlot",
|
|
21724
|
+
"type": {
|
|
21725
|
+
"text": "HTMLSlotElement"
|
|
21726
|
+
},
|
|
21727
|
+
"privacy": "private"
|
|
21721
21728
|
},
|
|
21722
21729
|
{
|
|
21723
21730
|
"kind": "field",
|
|
21724
|
-
"name": "
|
|
21731
|
+
"name": "collapsedIconSlot",
|
|
21725
21732
|
"type": {
|
|
21726
|
-
"text": "
|
|
21733
|
+
"text": "HTMLSlotElement"
|
|
21727
21734
|
},
|
|
21728
|
-
"
|
|
21729
|
-
"description": "The tree-items's value. When selected, the containing tree control will receive this value. The value must be unique\nfrom other tree-items in the same tree. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
|
|
21730
|
-
"attribute": "value",
|
|
21731
|
-
"reflects": true
|
|
21735
|
+
"privacy": "private"
|
|
21732
21736
|
},
|
|
21733
21737
|
{
|
|
21734
21738
|
"kind": "field",
|
|
21735
|
-
"name": "
|
|
21739
|
+
"name": "value",
|
|
21736
21740
|
"type": {
|
|
21737
|
-
"text": "
|
|
21741
|
+
"text": "string[]"
|
|
21738
21742
|
},
|
|
21739
|
-
"default": "
|
|
21740
|
-
"description": "
|
|
21741
|
-
"attribute": "
|
|
21742
|
-
"reflects": true
|
|
21743
|
+
"default": "[]",
|
|
21744
|
+
"description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**",
|
|
21745
|
+
"attribute": "value"
|
|
21743
21746
|
},
|
|
21744
21747
|
{
|
|
21745
21748
|
"kind": "field",
|
|
21746
|
-
"name": "
|
|
21749
|
+
"name": "selectionMode",
|
|
21747
21750
|
"type": {
|
|
21748
|
-
"text": "
|
|
21751
|
+
"text": "'single' | 'multiple' | 'leaf'"
|
|
21749
21752
|
},
|
|
21750
|
-
"default": "
|
|
21751
|
-
"description": "
|
|
21752
|
-
"attribute": "
|
|
21753
|
-
"reflects": true
|
|
21753
|
+
"default": "'multiple'",
|
|
21754
|
+
"description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
|
|
21755
|
+
"attribute": "selection-mode"
|
|
21754
21756
|
},
|
|
21755
21757
|
{
|
|
21756
21758
|
"kind": "field",
|
|
21757
|
-
"name": "
|
|
21759
|
+
"name": "size",
|
|
21758
21760
|
"type": {
|
|
21759
|
-
"text": "
|
|
21761
|
+
"text": "'small' | 'medium' | 'large'"
|
|
21760
21762
|
},
|
|
21761
|
-
"default": "
|
|
21762
|
-
"description": "
|
|
21763
|
-
"attribute": "
|
|
21763
|
+
"default": "'medium'",
|
|
21764
|
+
"description": "The select's size.",
|
|
21765
|
+
"attribute": "size",
|
|
21764
21766
|
"reflects": true
|
|
21765
21767
|
},
|
|
21766
21768
|
{
|
|
21767
21769
|
"kind": "field",
|
|
21768
|
-
"name": "
|
|
21770
|
+
"name": "lastFocusedItem",
|
|
21769
21771
|
"type": {
|
|
21770
|
-
"text": "
|
|
21772
|
+
"text": "FlowTreeItem"
|
|
21771
21773
|
},
|
|
21772
|
-
"
|
|
21773
|
-
"description": "Enables lazy loading behavior.",
|
|
21774
|
-
"attribute": "lazy",
|
|
21775
|
-
"reflects": true
|
|
21774
|
+
"privacy": "private"
|
|
21776
21775
|
},
|
|
21777
21776
|
{
|
|
21778
21777
|
"kind": "field",
|
|
21779
|
-
"name": "
|
|
21778
|
+
"name": "localize",
|
|
21779
|
+
"privacy": "private",
|
|
21780
|
+
"readonly": true,
|
|
21781
|
+
"default": "new LocalizeController(this)"
|
|
21782
|
+
},
|
|
21783
|
+
{
|
|
21784
|
+
"kind": "field",
|
|
21785
|
+
"name": "mutationObserver",
|
|
21780
21786
|
"type": {
|
|
21781
|
-
"text": "
|
|
21787
|
+
"text": "MutationObserver"
|
|
21782
21788
|
},
|
|
21783
|
-
"
|
|
21784
|
-
"description": "The select's size.",
|
|
21785
|
-
"attribute": "size",
|
|
21786
|
-
"reflects": true
|
|
21789
|
+
"privacy": "private"
|
|
21787
21790
|
},
|
|
21788
21791
|
{
|
|
21789
|
-
"kind": "
|
|
21790
|
-
"name": "
|
|
21791
|
-
"
|
|
21792
|
+
"kind": "field",
|
|
21793
|
+
"name": "clickTarget",
|
|
21794
|
+
"type": {
|
|
21795
|
+
"text": "FlowTreeItem | null"
|
|
21796
|
+
},
|
|
21797
|
+
"privacy": "private",
|
|
21798
|
+
"default": "null"
|
|
21792
21799
|
},
|
|
21793
21800
|
{
|
|
21794
21801
|
"kind": "method",
|
|
21795
|
-
"name": "
|
|
21802
|
+
"name": "getExpandButtonIcon",
|
|
21796
21803
|
"privacy": "private",
|
|
21797
|
-
"
|
|
21798
|
-
|
|
21799
|
-
"
|
|
21804
|
+
"parameters": [
|
|
21805
|
+
{
|
|
21806
|
+
"name": "status",
|
|
21807
|
+
"type": {
|
|
21808
|
+
"text": "'expand' | 'collapse'"
|
|
21809
|
+
}
|
|
21800
21810
|
}
|
|
21801
|
-
|
|
21811
|
+
]
|
|
21802
21812
|
},
|
|
21803
21813
|
{
|
|
21804
|
-
"kind": "
|
|
21805
|
-
"name": "
|
|
21814
|
+
"kind": "field",
|
|
21815
|
+
"name": "initTreeItem",
|
|
21806
21816
|
"privacy": "private"
|
|
21807
21817
|
},
|
|
21808
21818
|
{
|
|
21809
21819
|
"kind": "method",
|
|
21810
|
-
"name": "
|
|
21811
|
-
"privacy": "private"
|
|
21820
|
+
"name": "handleTreeChanged",
|
|
21821
|
+
"privacy": "private",
|
|
21822
|
+
"parameters": [
|
|
21823
|
+
{
|
|
21824
|
+
"name": "mutations",
|
|
21825
|
+
"type": {
|
|
21826
|
+
"text": "MutationRecord[]"
|
|
21827
|
+
}
|
|
21828
|
+
}
|
|
21829
|
+
]
|
|
21812
21830
|
},
|
|
21813
21831
|
{
|
|
21814
21832
|
"kind": "method",
|
|
21815
|
-
"name": "
|
|
21816
|
-
"
|
|
21817
|
-
"type": {
|
|
21818
|
-
"text": "FlowUiTreeItem[]"
|
|
21819
|
-
}
|
|
21820
|
-
},
|
|
21833
|
+
"name": "syncTreeItems",
|
|
21834
|
+
"privacy": "private",
|
|
21821
21835
|
"parameters": [
|
|
21822
21836
|
{
|
|
21823
|
-
"name": "
|
|
21824
|
-
"
|
|
21837
|
+
"name": "selectedItem",
|
|
21838
|
+
"optional": true,
|
|
21825
21839
|
"type": {
|
|
21826
|
-
"text": "
|
|
21840
|
+
"text": "FlowTreeItem"
|
|
21827
21841
|
}
|
|
21828
21842
|
}
|
|
21829
|
-
]
|
|
21830
|
-
"description": "Gets all the nested tree items in this node."
|
|
21831
|
-
}
|
|
21832
|
-
],
|
|
21833
|
-
"events": [
|
|
21834
|
-
{
|
|
21835
|
-
"description": "Emitted when the tree item expands.",
|
|
21836
|
-
"name": "flow-ui-expand",
|
|
21837
|
-
"reactName": "onFlowUiExpand"
|
|
21838
|
-
},
|
|
21839
|
-
{
|
|
21840
|
-
"description": "Emitted after the tree item expands and all animations are complete.",
|
|
21841
|
-
"name": "flow-ui-after-expand",
|
|
21842
|
-
"reactName": "onFlowUiAfterExpand"
|
|
21843
|
+
]
|
|
21843
21844
|
},
|
|
21844
21845
|
{
|
|
21845
|
-
"
|
|
21846
|
-
"name": "
|
|
21847
|
-
"
|
|
21846
|
+
"kind": "method",
|
|
21847
|
+
"name": "selectItem",
|
|
21848
|
+
"privacy": "private",
|
|
21849
|
+
"parameters": [
|
|
21850
|
+
{
|
|
21851
|
+
"name": "selectedItem",
|
|
21852
|
+
"type": {
|
|
21853
|
+
"text": "FlowTreeItem"
|
|
21854
|
+
}
|
|
21855
|
+
}
|
|
21856
|
+
]
|
|
21848
21857
|
},
|
|
21849
21858
|
{
|
|
21850
|
-
"
|
|
21851
|
-
"name": "
|
|
21852
|
-
"
|
|
21859
|
+
"kind": "method",
|
|
21860
|
+
"name": "getAllTreeItems",
|
|
21861
|
+
"privacy": "private"
|
|
21853
21862
|
},
|
|
21854
21863
|
{
|
|
21855
|
-
"
|
|
21856
|
-
"name": "
|
|
21857
|
-
"
|
|
21864
|
+
"kind": "method",
|
|
21865
|
+
"name": "focusItem",
|
|
21866
|
+
"privacy": "private",
|
|
21867
|
+
"parameters": [
|
|
21868
|
+
{
|
|
21869
|
+
"name": "item",
|
|
21870
|
+
"optional": true,
|
|
21871
|
+
"type": {
|
|
21872
|
+
"text": "FlowTreeItem | null"
|
|
21873
|
+
}
|
|
21874
|
+
}
|
|
21875
|
+
]
|
|
21858
21876
|
},
|
|
21859
21877
|
{
|
|
21860
|
-
"
|
|
21861
|
-
"name": "
|
|
21862
|
-
"
|
|
21863
|
-
|
|
21864
|
-
|
|
21865
|
-
|
|
21866
|
-
|
|
21867
|
-
|
|
21868
|
-
|
|
21869
|
-
|
|
21870
|
-
|
|
21871
|
-
"default": "''",
|
|
21872
|
-
"description": "The tree-items's value. When selected, the containing tree control will receive this value. The value must be unique\nfrom other tree-items in the same tree. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
|
|
21873
|
-
"fieldName": "value"
|
|
21878
|
+
"kind": "method",
|
|
21879
|
+
"name": "handleKeyDown",
|
|
21880
|
+
"privacy": "private",
|
|
21881
|
+
"parameters": [
|
|
21882
|
+
{
|
|
21883
|
+
"name": "event",
|
|
21884
|
+
"type": {
|
|
21885
|
+
"text": "KeyboardEvent"
|
|
21886
|
+
}
|
|
21887
|
+
}
|
|
21888
|
+
]
|
|
21874
21889
|
},
|
|
21875
21890
|
{
|
|
21876
|
-
"
|
|
21877
|
-
"
|
|
21878
|
-
|
|
21879
|
-
|
|
21880
|
-
|
|
21881
|
-
|
|
21882
|
-
|
|
21891
|
+
"kind": "method",
|
|
21892
|
+
"name": "handleClick",
|
|
21893
|
+
"privacy": "private",
|
|
21894
|
+
"parameters": [
|
|
21895
|
+
{
|
|
21896
|
+
"name": "event",
|
|
21897
|
+
"type": {
|
|
21898
|
+
"text": "Event"
|
|
21899
|
+
}
|
|
21900
|
+
}
|
|
21901
|
+
]
|
|
21883
21902
|
},
|
|
21884
21903
|
{
|
|
21885
|
-
"
|
|
21886
|
-
"
|
|
21887
|
-
|
|
21888
|
-
|
|
21889
|
-
|
|
21890
|
-
|
|
21891
|
-
|
|
21904
|
+
"kind": "method",
|
|
21905
|
+
"name": "handleMouseDown",
|
|
21906
|
+
"privacy": "private",
|
|
21907
|
+
"parameters": [
|
|
21908
|
+
{
|
|
21909
|
+
"name": "event",
|
|
21910
|
+
"type": {
|
|
21911
|
+
"text": "MouseEvent"
|
|
21912
|
+
}
|
|
21913
|
+
}
|
|
21914
|
+
]
|
|
21892
21915
|
},
|
|
21893
21916
|
{
|
|
21894
|
-
"
|
|
21895
|
-
"
|
|
21896
|
-
|
|
21897
|
-
|
|
21898
|
-
|
|
21899
|
-
|
|
21900
|
-
|
|
21917
|
+
"kind": "method",
|
|
21918
|
+
"name": "handleFocusOut",
|
|
21919
|
+
"privacy": "private",
|
|
21920
|
+
"parameters": [
|
|
21921
|
+
{
|
|
21922
|
+
"name": "event",
|
|
21923
|
+
"type": {
|
|
21924
|
+
"text": "FocusEvent"
|
|
21925
|
+
}
|
|
21926
|
+
}
|
|
21927
|
+
]
|
|
21901
21928
|
},
|
|
21902
21929
|
{
|
|
21903
|
-
"
|
|
21904
|
-
"
|
|
21905
|
-
|
|
21906
|
-
|
|
21907
|
-
|
|
21908
|
-
|
|
21909
|
-
|
|
21930
|
+
"kind": "method",
|
|
21931
|
+
"name": "handleFocusIn",
|
|
21932
|
+
"privacy": "private",
|
|
21933
|
+
"parameters": [
|
|
21934
|
+
{
|
|
21935
|
+
"name": "event",
|
|
21936
|
+
"type": {
|
|
21937
|
+
"text": "FocusEvent"
|
|
21938
|
+
}
|
|
21939
|
+
}
|
|
21940
|
+
]
|
|
21910
21941
|
},
|
|
21911
21942
|
{
|
|
21912
|
-
"
|
|
21913
|
-
"
|
|
21914
|
-
|
|
21915
|
-
},
|
|
21916
|
-
"default": "'medium'",
|
|
21917
|
-
"description": "The select's size.",
|
|
21918
|
-
"fieldName": "size"
|
|
21943
|
+
"kind": "method",
|
|
21944
|
+
"name": "handleSlotChange",
|
|
21945
|
+
"privacy": "private"
|
|
21919
21946
|
}
|
|
21920
21947
|
],
|
|
21921
|
-
"
|
|
21922
|
-
|
|
21923
|
-
|
|
21924
|
-
|
|
21925
|
-
|
|
21926
|
-
"summary": "A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).",
|
|
21927
|
-
"dependencies": [
|
|
21928
|
-
"flow-ui-checkbox",
|
|
21929
|
-
"flow-ui-icon",
|
|
21930
|
-
"flow-ui-spinner"
|
|
21931
|
-
],
|
|
21932
|
-
"customElement": true
|
|
21933
|
-
}
|
|
21934
|
-
],
|
|
21935
|
-
"exports": [
|
|
21936
|
-
{
|
|
21937
|
-
"kind": "js",
|
|
21938
|
-
"name": "default",
|
|
21939
|
-
"declaration": {
|
|
21940
|
-
"name": "FlowUiTreeItem",
|
|
21941
|
-
"module": "components/tree-item/tree-item.component.js"
|
|
21942
|
-
}
|
|
21943
|
-
}
|
|
21944
|
-
]
|
|
21945
|
-
},
|
|
21946
|
-
{
|
|
21947
|
-
"kind": "javascript-module",
|
|
21948
|
-
"path": "components/tree-item/tree-item.js",
|
|
21949
|
-
"declarations": [],
|
|
21950
|
-
"exports": [
|
|
21951
|
-
{
|
|
21952
|
-
"kind": "js",
|
|
21953
|
-
"name": "*",
|
|
21954
|
-
"declaration": {
|
|
21955
|
-
"name": "*",
|
|
21956
|
-
"package": "./tree-item.component"
|
|
21957
|
-
}
|
|
21958
|
-
},
|
|
21959
|
-
{
|
|
21960
|
-
"kind": "js",
|
|
21961
|
-
"name": "default",
|
|
21962
|
-
"declaration": {
|
|
21963
|
-
"name": "FlowUiTreeItem",
|
|
21964
|
-
"module": "components/tree-item/tree-item.js"
|
|
21965
|
-
}
|
|
21966
|
-
}
|
|
21967
|
-
]
|
|
21968
|
-
},
|
|
21969
|
-
{
|
|
21970
|
-
"kind": "javascript-module",
|
|
21971
|
-
"path": "components/visually-hidden/visually-hidden.component.js",
|
|
21972
|
-
"declarations": [
|
|
21973
|
-
{
|
|
21974
|
-
"kind": "class",
|
|
21975
|
-
"description": "",
|
|
21976
|
-
"name": "FlowUiVisuallyHidden",
|
|
21977
|
-
"slots": [
|
|
21978
|
-
{
|
|
21979
|
-
"description": "The content to be visually hidden.",
|
|
21980
|
-
"name": ""
|
|
21948
|
+
"events": [
|
|
21949
|
+
{
|
|
21950
|
+
"description": "Emitted when a tree item is selected or deselected.",
|
|
21951
|
+
"name": "flow-ui-change",
|
|
21952
|
+
"reactName": "onFlowUiChange"
|
|
21981
21953
|
}
|
|
21982
21954
|
],
|
|
21983
|
-
"
|
|
21984
|
-
"superclass": {
|
|
21985
|
-
"name": "FlowRdfElement",
|
|
21986
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
21987
|
-
},
|
|
21988
|
-
"tagName": "flow-ui-visually-hidden",
|
|
21989
|
-
"summary": "The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.",
|
|
21990
|
-
"customElement": true
|
|
21991
|
-
}
|
|
21992
|
-
],
|
|
21993
|
-
"exports": [
|
|
21994
|
-
{
|
|
21995
|
-
"kind": "js",
|
|
21996
|
-
"name": "default",
|
|
21997
|
-
"declaration": {
|
|
21998
|
-
"name": "FlowUiVisuallyHidden",
|
|
21999
|
-
"module": "components/visually-hidden/visually-hidden.component.js"
|
|
22000
|
-
}
|
|
22001
|
-
}
|
|
22002
|
-
]
|
|
22003
|
-
},
|
|
22004
|
-
{
|
|
22005
|
-
"kind": "javascript-module",
|
|
22006
|
-
"path": "components/visually-hidden/visually-hidden.js",
|
|
22007
|
-
"declarations": [],
|
|
22008
|
-
"exports": [
|
|
22009
|
-
{
|
|
22010
|
-
"kind": "js",
|
|
22011
|
-
"name": "*",
|
|
22012
|
-
"declaration": {
|
|
22013
|
-
"name": "*",
|
|
22014
|
-
"package": "./visually-hidden.component"
|
|
22015
|
-
}
|
|
22016
|
-
},
|
|
22017
|
-
{
|
|
22018
|
-
"kind": "js",
|
|
22019
|
-
"name": "default",
|
|
22020
|
-
"declaration": {
|
|
22021
|
-
"name": "FlowUiVisuallyHidden",
|
|
22022
|
-
"module": "components/visually-hidden/visually-hidden.js"
|
|
22023
|
-
}
|
|
22024
|
-
}
|
|
22025
|
-
]
|
|
22026
|
-
},
|
|
22027
|
-
{
|
|
22028
|
-
"kind": "javascript-module",
|
|
22029
|
-
"path": "components/query-builder/converters/flow-query-converters.js",
|
|
22030
|
-
"declarations": [
|
|
22031
|
-
{
|
|
22032
|
-
"kind": "function",
|
|
22033
|
-
"name": "converter",
|
|
22034
|
-
"parameters": [
|
|
21955
|
+
"attributes": [
|
|
22035
21956
|
{
|
|
22036
|
-
"name": "
|
|
21957
|
+
"name": "value",
|
|
22037
21958
|
"type": {
|
|
22038
|
-
"text": "
|
|
22039
|
-
}
|
|
21959
|
+
"text": "string[]"
|
|
21960
|
+
},
|
|
21961
|
+
"default": "[]",
|
|
21962
|
+
"description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**",
|
|
21963
|
+
"fieldName": "value"
|
|
22040
21964
|
},
|
|
22041
21965
|
{
|
|
22042
|
-
"name": "
|
|
21966
|
+
"name": "selection-mode",
|
|
22043
21967
|
"type": {
|
|
22044
|
-
"text": "
|
|
22045
|
-
}
|
|
21968
|
+
"text": "'single' | 'multiple' | 'leaf'"
|
|
21969
|
+
},
|
|
21970
|
+
"default": "'multiple'",
|
|
21971
|
+
"description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
|
|
21972
|
+
"fieldName": "selectionMode"
|
|
22046
21973
|
},
|
|
22047
21974
|
{
|
|
22048
|
-
"name": "
|
|
22049
|
-
"optional": true,
|
|
21975
|
+
"name": "size",
|
|
22050
21976
|
"type": {
|
|
22051
|
-
"text": "
|
|
22052
|
-
}
|
|
21977
|
+
"text": "'small' | 'medium' | 'large'"
|
|
21978
|
+
},
|
|
21979
|
+
"default": "'medium'",
|
|
21980
|
+
"description": "The select's size.",
|
|
21981
|
+
"fieldName": "size"
|
|
22053
21982
|
}
|
|
22054
|
-
]
|
|
21983
|
+
],
|
|
21984
|
+
"superclass": {
|
|
21985
|
+
"name": "FlowRdfElement",
|
|
21986
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
21987
|
+
},
|
|
21988
|
+
"tagName": "flow-ui-tree",
|
|
21989
|
+
"summary": "Trees allow you to display a hierarchical list of selectable [tree items](./flow-ui-tree-item). Items with children can be expanded and collapsed as desired by the user.",
|
|
21990
|
+
"customElement": true
|
|
22055
21991
|
}
|
|
22056
21992
|
],
|
|
22057
21993
|
"exports": [
|
|
@@ -22059,72 +21995,31 @@
|
|
|
22059
21995
|
"kind": "js",
|
|
22060
21996
|
"name": "default",
|
|
22061
21997
|
"declaration": {
|
|
22062
|
-
"name": "
|
|
22063
|
-
"module": "components/
|
|
21998
|
+
"name": "FlowUiTree",
|
|
21999
|
+
"module": "components/tree/tree.component.js"
|
|
22064
22000
|
}
|
|
22065
22001
|
}
|
|
22066
22002
|
]
|
|
22067
22003
|
},
|
|
22068
22004
|
{
|
|
22069
22005
|
"kind": "javascript-module",
|
|
22070
|
-
"path": "components/
|
|
22006
|
+
"path": "components/tree/tree.js",
|
|
22071
22007
|
"declarations": [],
|
|
22072
22008
|
"exports": [
|
|
22073
22009
|
{
|
|
22074
22010
|
"kind": "js",
|
|
22075
|
-
"name": "
|
|
22011
|
+
"name": "*",
|
|
22076
22012
|
"declaration": {
|
|
22077
|
-
"name": "
|
|
22078
|
-
"
|
|
22013
|
+
"name": "*",
|
|
22014
|
+
"package": "./tree.component"
|
|
22079
22015
|
}
|
|
22080
22016
|
},
|
|
22081
|
-
{
|
|
22082
|
-
"kind": "js",
|
|
22083
|
-
"name": "mapLayerFilterConverter",
|
|
22084
|
-
"declaration": {
|
|
22085
|
-
"name": "mapLayerFilterConverter",
|
|
22086
|
-
"module": "components/query-builder/converters/index.js"
|
|
22087
|
-
}
|
|
22088
|
-
}
|
|
22089
|
-
]
|
|
22090
|
-
},
|
|
22091
|
-
{
|
|
22092
|
-
"kind": "javascript-module",
|
|
22093
|
-
"path": "components/query-builder/converters/map-layer-filter-converter.js",
|
|
22094
|
-
"declarations": [
|
|
22095
|
-
{
|
|
22096
|
-
"kind": "function",
|
|
22097
|
-
"name": "converter",
|
|
22098
|
-
"parameters": [
|
|
22099
|
-
{
|
|
22100
|
-
"name": "ruleset",
|
|
22101
|
-
"type": {
|
|
22102
|
-
"text": "FlowQueryBuilderRuleSet"
|
|
22103
|
-
}
|
|
22104
|
-
},
|
|
22105
|
-
{
|
|
22106
|
-
"name": "config",
|
|
22107
|
-
"type": {
|
|
22108
|
-
"text": "FlowQueryBuilderConfig"
|
|
22109
|
-
}
|
|
22110
|
-
},
|
|
22111
|
-
{
|
|
22112
|
-
"name": "options",
|
|
22113
|
-
"optional": true,
|
|
22114
|
-
"type": {
|
|
22115
|
-
"text": "FlowQueryBuilderConverterOptions"
|
|
22116
|
-
}
|
|
22117
|
-
}
|
|
22118
|
-
]
|
|
22119
|
-
}
|
|
22120
|
-
],
|
|
22121
|
-
"exports": [
|
|
22122
22017
|
{
|
|
22123
22018
|
"kind": "js",
|
|
22124
22019
|
"name": "default",
|
|
22125
22020
|
"declaration": {
|
|
22126
|
-
"name": "
|
|
22127
|
-
"module": "components/
|
|
22021
|
+
"name": "FlowUiTree",
|
|
22022
|
+
"module": "components/tree/tree.js"
|
|
22128
22023
|
}
|
|
22129
22024
|
}
|
|
22130
22025
|
]
|
|
@@ -22354,10 +22249,115 @@
|
|
|
22354
22249
|
}
|
|
22355
22250
|
}
|
|
22356
22251
|
]
|
|
22252
|
+
},
|
|
22253
|
+
{
|
|
22254
|
+
"kind": "javascript-module",
|
|
22255
|
+
"path": "components/query-builder/converters/flow-query-converters.js",
|
|
22256
|
+
"declarations": [
|
|
22257
|
+
{
|
|
22258
|
+
"kind": "function",
|
|
22259
|
+
"name": "converter",
|
|
22260
|
+
"parameters": [
|
|
22261
|
+
{
|
|
22262
|
+
"name": "ruleset",
|
|
22263
|
+
"type": {
|
|
22264
|
+
"text": "FlowQueryBuilderRuleSet"
|
|
22265
|
+
}
|
|
22266
|
+
},
|
|
22267
|
+
{
|
|
22268
|
+
"name": "config",
|
|
22269
|
+
"type": {
|
|
22270
|
+
"text": "FlowQueryBuilderConfig"
|
|
22271
|
+
}
|
|
22272
|
+
},
|
|
22273
|
+
{
|
|
22274
|
+
"name": "options",
|
|
22275
|
+
"optional": true,
|
|
22276
|
+
"type": {
|
|
22277
|
+
"text": "FlowQueryBuilderConverterOptions"
|
|
22278
|
+
}
|
|
22279
|
+
}
|
|
22280
|
+
]
|
|
22281
|
+
}
|
|
22282
|
+
],
|
|
22283
|
+
"exports": [
|
|
22284
|
+
{
|
|
22285
|
+
"kind": "js",
|
|
22286
|
+
"name": "default",
|
|
22287
|
+
"declaration": {
|
|
22288
|
+
"name": "converter",
|
|
22289
|
+
"module": "components/query-builder/converters/flow-query-converters.js"
|
|
22290
|
+
}
|
|
22291
|
+
}
|
|
22292
|
+
]
|
|
22293
|
+
},
|
|
22294
|
+
{
|
|
22295
|
+
"kind": "javascript-module",
|
|
22296
|
+
"path": "components/query-builder/converters/index.js",
|
|
22297
|
+
"declarations": [],
|
|
22298
|
+
"exports": [
|
|
22299
|
+
{
|
|
22300
|
+
"kind": "js",
|
|
22301
|
+
"name": "flowQueryConverter",
|
|
22302
|
+
"declaration": {
|
|
22303
|
+
"name": "flowQueryConverter",
|
|
22304
|
+
"module": "components/query-builder/converters/index.js"
|
|
22305
|
+
}
|
|
22306
|
+
},
|
|
22307
|
+
{
|
|
22308
|
+
"kind": "js",
|
|
22309
|
+
"name": "mapLayerFilterConverter",
|
|
22310
|
+
"declaration": {
|
|
22311
|
+
"name": "mapLayerFilterConverter",
|
|
22312
|
+
"module": "components/query-builder/converters/index.js"
|
|
22313
|
+
}
|
|
22314
|
+
}
|
|
22315
|
+
]
|
|
22316
|
+
},
|
|
22317
|
+
{
|
|
22318
|
+
"kind": "javascript-module",
|
|
22319
|
+
"path": "components/query-builder/converters/map-layer-filter-converter.js",
|
|
22320
|
+
"declarations": [
|
|
22321
|
+
{
|
|
22322
|
+
"kind": "function",
|
|
22323
|
+
"name": "converter",
|
|
22324
|
+
"parameters": [
|
|
22325
|
+
{
|
|
22326
|
+
"name": "ruleset",
|
|
22327
|
+
"type": {
|
|
22328
|
+
"text": "FlowQueryBuilderRuleSet"
|
|
22329
|
+
}
|
|
22330
|
+
},
|
|
22331
|
+
{
|
|
22332
|
+
"name": "config",
|
|
22333
|
+
"type": {
|
|
22334
|
+
"text": "FlowQueryBuilderConfig"
|
|
22335
|
+
}
|
|
22336
|
+
},
|
|
22337
|
+
{
|
|
22338
|
+
"name": "options",
|
|
22339
|
+
"optional": true,
|
|
22340
|
+
"type": {
|
|
22341
|
+
"text": "FlowQueryBuilderConverterOptions"
|
|
22342
|
+
}
|
|
22343
|
+
}
|
|
22344
|
+
]
|
|
22345
|
+
}
|
|
22346
|
+
],
|
|
22347
|
+
"exports": [
|
|
22348
|
+
{
|
|
22349
|
+
"kind": "js",
|
|
22350
|
+
"name": "default",
|
|
22351
|
+
"declaration": {
|
|
22352
|
+
"name": "converter",
|
|
22353
|
+
"module": "components/query-builder/converters/map-layer-filter-converter.js"
|
|
22354
|
+
}
|
|
22355
|
+
}
|
|
22356
|
+
]
|
|
22357
22357
|
}
|
|
22358
22358
|
],
|
|
22359
22359
|
"package": {
|
|
22360
22360
|
"name": "@emuanalytics/flow-rdf-ui",
|
|
22361
|
-
"version": "4.0.
|
|
22361
|
+
"version": "4.0.2"
|
|
22362
22362
|
}
|
|
22363
22363
|
}
|