@emuanalytics/flow-rdf-ui 0.0.39 → 0.0.41

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.
@@ -957,121 +957,6 @@
957
957
  }
958
958
  ]
959
959
  },
960
- {
961
- "kind": "javascript-module",
962
- "path": "components/badge/badge.js",
963
- "declarations": [
964
- {
965
- "kind": "class",
966
- "description": "",
967
- "name": "FlowBadge",
968
- "cssParts": [
969
- {
970
- "description": "The component's base wrapper.",
971
- "name": "base"
972
- }
973
- ],
974
- "slots": [
975
- {
976
- "description": "The badge's content.",
977
- "name": ""
978
- }
979
- ],
980
- "members": [
981
- {
982
- "kind": "field",
983
- "name": "variant",
984
- "type": {
985
- "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
986
- },
987
- "default": "'primary'",
988
- "description": "The badge's theme variant.",
989
- "attribute": "variant",
990
- "reflects": true
991
- },
992
- {
993
- "kind": "field",
994
- "name": "pill",
995
- "type": {
996
- "text": "boolean"
997
- },
998
- "default": "false",
999
- "description": "Draws a pill-style badge with rounded edges.",
1000
- "attribute": "pill",
1001
- "reflects": true
1002
- },
1003
- {
1004
- "kind": "field",
1005
- "name": "pulse",
1006
- "type": {
1007
- "text": "boolean"
1008
- },
1009
- "default": "false",
1010
- "description": "Makes the badge pulsate to draw attention.",
1011
- "attribute": "pulse",
1012
- "reflects": true
1013
- }
1014
- ],
1015
- "attributes": [
1016
- {
1017
- "name": "variant",
1018
- "type": {
1019
- "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
1020
- },
1021
- "default": "'primary'",
1022
- "description": "The badge's theme variant.",
1023
- "fieldName": "variant"
1024
- },
1025
- {
1026
- "name": "pill",
1027
- "type": {
1028
- "text": "boolean"
1029
- },
1030
- "default": "false",
1031
- "description": "Draws a pill-style badge with rounded edges.",
1032
- "fieldName": "pill"
1033
- },
1034
- {
1035
- "name": "pulse",
1036
- "type": {
1037
- "text": "boolean"
1038
- },
1039
- "default": "false",
1040
- "description": "Makes the badge pulsate to draw attention.",
1041
- "fieldName": "pulse"
1042
- }
1043
- ],
1044
- "superclass": {
1045
- "name": "FlowRdfElement",
1046
- "module": "/src/internal/flow-ui-rdf-element"
1047
- },
1048
- "summary": "Badges are used to draw attention and display statuses or counts.",
1049
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
1050
- "status": "stable",
1051
- "since": "2.0",
1052
- "tagName": "flow-ui-badge",
1053
- "customElement": true
1054
- }
1055
- ],
1056
- "exports": [
1057
- {
1058
- "kind": "js",
1059
- "name": "default",
1060
- "declaration": {
1061
- "name": "FlowBadge",
1062
- "module": "components/badge/badge.js"
1063
- }
1064
- },
1065
- {
1066
- "kind": "custom-element-definition",
1067
- "name": "flow-ui-badge",
1068
- "declaration": {
1069
- "name": "FlowBadge",
1070
- "module": "components/badge/badge.js"
1071
- }
1072
- }
1073
- ]
1074
- },
1075
960
  {
1076
961
  "kind": "javascript-module",
1077
962
  "path": "components/button-group/button-group.js",
@@ -1240,6 +1125,121 @@
1240
1125
  }
1241
1126
  ]
1242
1127
  },
1128
+ {
1129
+ "kind": "javascript-module",
1130
+ "path": "components/badge/badge.js",
1131
+ "declarations": [
1132
+ {
1133
+ "kind": "class",
1134
+ "description": "",
1135
+ "name": "FlowBadge",
1136
+ "cssParts": [
1137
+ {
1138
+ "description": "The component's base wrapper.",
1139
+ "name": "base"
1140
+ }
1141
+ ],
1142
+ "slots": [
1143
+ {
1144
+ "description": "The badge's content.",
1145
+ "name": ""
1146
+ }
1147
+ ],
1148
+ "members": [
1149
+ {
1150
+ "kind": "field",
1151
+ "name": "variant",
1152
+ "type": {
1153
+ "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
1154
+ },
1155
+ "default": "'primary'",
1156
+ "description": "The badge's theme variant.",
1157
+ "attribute": "variant",
1158
+ "reflects": true
1159
+ },
1160
+ {
1161
+ "kind": "field",
1162
+ "name": "pill",
1163
+ "type": {
1164
+ "text": "boolean"
1165
+ },
1166
+ "default": "false",
1167
+ "description": "Draws a pill-style badge with rounded edges.",
1168
+ "attribute": "pill",
1169
+ "reflects": true
1170
+ },
1171
+ {
1172
+ "kind": "field",
1173
+ "name": "pulse",
1174
+ "type": {
1175
+ "text": "boolean"
1176
+ },
1177
+ "default": "false",
1178
+ "description": "Makes the badge pulsate to draw attention.",
1179
+ "attribute": "pulse",
1180
+ "reflects": true
1181
+ }
1182
+ ],
1183
+ "attributes": [
1184
+ {
1185
+ "name": "variant",
1186
+ "type": {
1187
+ "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
1188
+ },
1189
+ "default": "'primary'",
1190
+ "description": "The badge's theme variant.",
1191
+ "fieldName": "variant"
1192
+ },
1193
+ {
1194
+ "name": "pill",
1195
+ "type": {
1196
+ "text": "boolean"
1197
+ },
1198
+ "default": "false",
1199
+ "description": "Draws a pill-style badge with rounded edges.",
1200
+ "fieldName": "pill"
1201
+ },
1202
+ {
1203
+ "name": "pulse",
1204
+ "type": {
1205
+ "text": "boolean"
1206
+ },
1207
+ "default": "false",
1208
+ "description": "Makes the badge pulsate to draw attention.",
1209
+ "fieldName": "pulse"
1210
+ }
1211
+ ],
1212
+ "superclass": {
1213
+ "name": "FlowRdfElement",
1214
+ "module": "/src/internal/flow-ui-rdf-element"
1215
+ },
1216
+ "summary": "Badges are used to draw attention and display statuses or counts.",
1217
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
1218
+ "status": "stable",
1219
+ "since": "2.0",
1220
+ "tagName": "flow-ui-badge",
1221
+ "customElement": true
1222
+ }
1223
+ ],
1224
+ "exports": [
1225
+ {
1226
+ "kind": "js",
1227
+ "name": "default",
1228
+ "declaration": {
1229
+ "name": "FlowBadge",
1230
+ "module": "components/badge/badge.js"
1231
+ }
1232
+ },
1233
+ {
1234
+ "kind": "custom-element-definition",
1235
+ "name": "flow-ui-badge",
1236
+ "declaration": {
1237
+ "name": "FlowBadge",
1238
+ "module": "components/badge/badge.js"
1239
+ }
1240
+ }
1241
+ ]
1242
+ },
1243
1243
  {
1244
1244
  "kind": "javascript-module",
1245
1245
  "path": "components/button/button.component.js",
@@ -11031,164 +11031,27 @@
11031
11031
  },
11032
11032
  {
11033
11033
  "kind": "javascript-module",
11034
- "path": "components/panel/panel.component.js",
11034
+ "path": "components/number-stepper/number-stepper.component.js",
11035
11035
  "declarations": [
11036
11036
  {
11037
11037
  "kind": "class",
11038
11038
  "description": "",
11039
- "name": "FlowPanel",
11039
+ "name": "FlowNumberStepper",
11040
11040
  "members": [
11041
11041
  {
11042
11042
  "kind": "field",
11043
- "name": "closed",
11044
- "type": {
11045
- "text": "boolean"
11046
- },
11047
- "default": "false",
11048
- "description": "Indicates whether the panel is open or closed.",
11049
- "attribute": "closed",
11050
- "reflects": true
11043
+ "name": "formControlController",
11044
+ "privacy": "private",
11045
+ "readonly": true,
11046
+ "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
11051
11047
  },
11052
11048
  {
11053
11049
  "kind": "field",
11054
- "name": "scrollable",
11050
+ "name": "_input",
11055
11051
  "type": {
11056
- "text": "boolean"
11052
+ "text": "FlowInput"
11057
11053
  },
11058
- "default": "false",
11059
- "description": "Indicates whether the panel is scrollable. By default overflow is hidden.",
11060
- "attribute": "scrollable",
11061
- "reflects": true
11062
- },
11063
- {
11064
- "kind": "field",
11065
- "name": "padding",
11066
- "type": {
11067
- "text": "boolean"
11068
- },
11069
- "default": "false",
11070
- "description": "Indicates whether the panel body has padding.",
11071
- "attribute": "padding",
11072
- "reflects": true
11073
- },
11074
- {
11075
- "kind": "method",
11076
- "name": "expand",
11077
- "parameters": [
11078
- {
11079
- "name": "emitEvent",
11080
- "default": "true"
11081
- }
11082
- ],
11083
- "description": "Shows the details."
11084
- },
11085
- {
11086
- "kind": "method",
11087
- "name": "collapse",
11088
- "parameters": [
11089
- {
11090
- "name": "emitEvent",
11091
- "default": "true"
11092
- }
11093
- ],
11094
- "description": "Hides the details"
11095
- }
11096
- ],
11097
- "attributes": [
11098
- {
11099
- "name": "closed",
11100
- "type": {
11101
- "text": "boolean"
11102
- },
11103
- "default": "false",
11104
- "description": "Indicates whether the panel is open or closed.",
11105
- "fieldName": "closed"
11106
- },
11107
- {
11108
- "name": "scrollable",
11109
- "type": {
11110
- "text": "boolean"
11111
- },
11112
- "default": "false",
11113
- "description": "Indicates whether the panel is scrollable. By default overflow is hidden.",
11114
- "fieldName": "scrollable"
11115
- },
11116
- {
11117
- "name": "padding",
11118
- "type": {
11119
- "text": "boolean"
11120
- },
11121
- "default": "false",
11122
- "description": "Indicates whether the panel body has padding.",
11123
- "fieldName": "padding"
11124
- }
11125
- ],
11126
- "superclass": {
11127
- "name": "FlowRdfElement",
11128
- "module": "/src/internal/flow-ui-rdf-element"
11129
- },
11130
- "tagName": "flow-ui-panel",
11131
- "summary": "Panels are use with split-views to create resizable areas.",
11132
- "customElement": true
11133
- }
11134
- ],
11135
- "exports": [
11136
- {
11137
- "kind": "js",
11138
- "name": "default",
11139
- "declaration": {
11140
- "name": "FlowPanel",
11141
- "module": "components/panel/panel.component.js"
11142
- }
11143
- }
11144
- ]
11145
- },
11146
- {
11147
- "kind": "javascript-module",
11148
- "path": "components/panel/panel.js",
11149
- "declarations": [],
11150
- "exports": [
11151
- {
11152
- "kind": "js",
11153
- "name": "*",
11154
- "declaration": {
11155
- "name": "*",
11156
- "package": "./panel.component.js"
11157
- }
11158
- },
11159
- {
11160
- "kind": "js",
11161
- "name": "default",
11162
- "declaration": {
11163
- "name": "FlowPanel",
11164
- "module": "components/panel/panel.js"
11165
- }
11166
- }
11167
- ]
11168
- },
11169
- {
11170
- "kind": "javascript-module",
11171
- "path": "components/number-stepper/number-stepper.component.js",
11172
- "declarations": [
11173
- {
11174
- "kind": "class",
11175
- "description": "",
11176
- "name": "FlowNumberStepper",
11177
- "members": [
11178
- {
11179
- "kind": "field",
11180
- "name": "formControlController",
11181
- "privacy": "private",
11182
- "readonly": true,
11183
- "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
11184
- },
11185
- {
11186
- "kind": "field",
11187
- "name": "_input",
11188
- "type": {
11189
- "text": "FlowInput"
11190
- },
11191
- "privacy": "private"
11054
+ "privacy": "private"
11192
11055
  },
11193
11056
  {
11194
11057
  "kind": "field",
@@ -11692,72 +11555,13 @@
11692
11555
  },
11693
11556
  {
11694
11557
  "kind": "javascript-module",
11695
- "path": "components/panel-header/panel-header.component.js",
11558
+ "path": "components/panel/panel.component.js",
11696
11559
  "declarations": [
11697
11560
  {
11698
11561
  "kind": "class",
11699
11562
  "description": "",
11700
- "name": "FlowPanelHeader",
11701
- "cssParts": [
11702
- {
11703
- "description": "The component's base wrapper.",
11704
- "name": "base"
11705
- },
11706
- {
11707
- "description": "The container that wraps the title.",
11708
- "name": "title"
11709
- },
11710
- {
11711
- "description": "The container that wraps the prefix.",
11712
- "name": "prefix"
11713
- },
11714
- {
11715
- "description": "The container that wraps the suffix.",
11716
- "name": "suffix"
11717
- },
11718
- {
11719
- "description": "The container that wraps the expand/collapse icon.",
11720
- "name": "toggle-icon"
11721
- }
11722
- ],
11723
- "slots": [
11724
- {
11725
- "description": "The panel header's title content. Alternatively, use the `title` attribute for plain text.",
11726
- "name": "title"
11727
- },
11728
- {
11729
- "description": "The panel header's prefix content.",
11730
- "name": "prefix"
11731
- },
11732
- {
11733
- "description": "The panel header's suffix content.",
11734
- "name": "suffix"
11735
- },
11736
- {
11737
- "description": "Specify an alternative `<flow-ui-icon>` to use for the expand icon.",
11738
- "name": "expand-icon"
11739
- },
11740
- {
11741
- "description": "Specify an alternative `<flow-ui-icon>` to use for the collapse icon.",
11742
- "name": "collapse-icon"
11743
- }
11744
- ],
11563
+ "name": "FlowPanel",
11745
11564
  "members": [
11746
- {
11747
- "kind": "field",
11748
- "name": "hasSlotController",
11749
- "privacy": "private",
11750
- "readonly": true,
11751
- "default": "new HasSlotController(this, 'prefix', 'suffix')"
11752
- },
11753
- {
11754
- "kind": "field",
11755
- "name": "header",
11756
- "type": {
11757
- "text": "HTMLElement"
11758
- },
11759
- "privacy": "private"
11760
- },
11761
11565
  {
11762
11566
  "kind": "field",
11763
11567
  "name": "closed",
@@ -11765,79 +11569,275 @@
11765
11569
  "text": "boolean"
11766
11570
  },
11767
11571
  "default": "false",
11768
- "description": "Indicates whether or not the header is open or closed. Toggle this attribute to expand or collapse the header.\nAlternatively, call the `expand()` and `collapse()` methods.",
11572
+ "description": "Indicates whether the panel is open or closed.",
11769
11573
  "attribute": "closed",
11770
11574
  "reflects": true
11771
11575
  },
11772
11576
  {
11773
11577
  "kind": "field",
11774
- "name": "title",
11578
+ "name": "scrollable",
11775
11579
  "type": {
11776
- "text": "string"
11580
+ "text": "boolean"
11777
11581
  },
11778
- "description": "The header title text. Use the `title` slot instead to display HTML.",
11779
- "attribute": "title"
11582
+ "default": "false",
11583
+ "description": "Indicates whether the panel is scrollable. By default overflow is hidden.",
11584
+ "attribute": "scrollable",
11585
+ "reflects": true
11780
11586
  },
11781
11587
  {
11782
11588
  "kind": "field",
11783
- "name": "fixed",
11589
+ "name": "padding",
11784
11590
  "type": {
11785
11591
  "text": "boolean"
11786
11592
  },
11787
11593
  "default": "false",
11788
- "description": "Set to `true` to hide the panel expand/collapse button.",
11789
- "attribute": "fixed",
11594
+ "description": "Indicates whether the panel body has padding.",
11595
+ "attribute": "padding",
11790
11596
  "reflects": true
11791
11597
  },
11792
11598
  {
11793
11599
  "kind": "method",
11794
- "name": "handleHeaderClick",
11795
- "privacy": "private"
11796
- },
11797
- {
11798
- "kind": "method",
11799
- "name": "handleAccessoryClick",
11800
- "privacy": "private",
11801
- "parameters": [
11802
- {
11803
- "name": "event",
11804
- "type": {
11805
- "text": "MouseEvent"
11806
- }
11807
- }
11808
- ]
11809
- },
11810
- {
11811
- "kind": "method",
11812
- "name": "handleHeaderKeyDown",
11813
- "privacy": "private",
11600
+ "name": "expand",
11814
11601
  "parameters": [
11815
11602
  {
11816
- "name": "event",
11817
- "type": {
11818
- "text": "KeyboardEvent"
11819
- }
11603
+ "name": "emitEvent",
11604
+ "default": "true"
11820
11605
  }
11821
- ]
11606
+ ],
11607
+ "description": "Shows the details."
11822
11608
  },
11823
11609
  {
11824
11610
  "kind": "method",
11825
- "name": "handleToggleButtonExpandCollapse",
11826
- "privacy": "private",
11611
+ "name": "collapse",
11827
11612
  "parameters": [
11828
11613
  {
11829
- "name": "event",
11830
- "type": {
11831
- "text": "Event"
11832
- }
11614
+ "name": "emitEvent",
11615
+ "default": "true"
11833
11616
  }
11834
- ]
11617
+ ],
11618
+ "description": "Hides the details"
11835
11619
  }
11836
11620
  ],
11837
- "events": [
11621
+ "attributes": [
11838
11622
  {
11839
- "description": "Emitted when the header is collapsed by UI interaction.",
11840
- "name": "flow-ui-collapse",
11623
+ "name": "closed",
11624
+ "type": {
11625
+ "text": "boolean"
11626
+ },
11627
+ "default": "false",
11628
+ "description": "Indicates whether the panel is open or closed.",
11629
+ "fieldName": "closed"
11630
+ },
11631
+ {
11632
+ "name": "scrollable",
11633
+ "type": {
11634
+ "text": "boolean"
11635
+ },
11636
+ "default": "false",
11637
+ "description": "Indicates whether the panel is scrollable. By default overflow is hidden.",
11638
+ "fieldName": "scrollable"
11639
+ },
11640
+ {
11641
+ "name": "padding",
11642
+ "type": {
11643
+ "text": "boolean"
11644
+ },
11645
+ "default": "false",
11646
+ "description": "Indicates whether the panel body has padding.",
11647
+ "fieldName": "padding"
11648
+ }
11649
+ ],
11650
+ "superclass": {
11651
+ "name": "FlowRdfElement",
11652
+ "module": "/src/internal/flow-ui-rdf-element"
11653
+ },
11654
+ "tagName": "flow-ui-panel",
11655
+ "summary": "Panels are use with split-views to create resizable areas.",
11656
+ "customElement": true
11657
+ }
11658
+ ],
11659
+ "exports": [
11660
+ {
11661
+ "kind": "js",
11662
+ "name": "default",
11663
+ "declaration": {
11664
+ "name": "FlowPanel",
11665
+ "module": "components/panel/panel.component.js"
11666
+ }
11667
+ }
11668
+ ]
11669
+ },
11670
+ {
11671
+ "kind": "javascript-module",
11672
+ "path": "components/panel/panel.js",
11673
+ "declarations": [],
11674
+ "exports": [
11675
+ {
11676
+ "kind": "js",
11677
+ "name": "*",
11678
+ "declaration": {
11679
+ "name": "*",
11680
+ "package": "./panel.component.js"
11681
+ }
11682
+ },
11683
+ {
11684
+ "kind": "js",
11685
+ "name": "default",
11686
+ "declaration": {
11687
+ "name": "FlowPanel",
11688
+ "module": "components/panel/panel.js"
11689
+ }
11690
+ }
11691
+ ]
11692
+ },
11693
+ {
11694
+ "kind": "javascript-module",
11695
+ "path": "components/panel-header/panel-header.component.js",
11696
+ "declarations": [
11697
+ {
11698
+ "kind": "class",
11699
+ "description": "",
11700
+ "name": "FlowPanelHeader",
11701
+ "cssParts": [
11702
+ {
11703
+ "description": "The component's base wrapper.",
11704
+ "name": "base"
11705
+ },
11706
+ {
11707
+ "description": "The container that wraps the title.",
11708
+ "name": "title"
11709
+ },
11710
+ {
11711
+ "description": "The container that wraps the prefix.",
11712
+ "name": "prefix"
11713
+ },
11714
+ {
11715
+ "description": "The container that wraps the suffix.",
11716
+ "name": "suffix"
11717
+ },
11718
+ {
11719
+ "description": "The container that wraps the expand/collapse icon.",
11720
+ "name": "toggle-icon"
11721
+ }
11722
+ ],
11723
+ "slots": [
11724
+ {
11725
+ "description": "The panel header's title content. Alternatively, use the `title` attribute for plain text.",
11726
+ "name": "title"
11727
+ },
11728
+ {
11729
+ "description": "The panel header's prefix content.",
11730
+ "name": "prefix"
11731
+ },
11732
+ {
11733
+ "description": "The panel header's suffix content.",
11734
+ "name": "suffix"
11735
+ },
11736
+ {
11737
+ "description": "Specify an alternative `<flow-ui-icon>` to use for the expand icon.",
11738
+ "name": "expand-icon"
11739
+ },
11740
+ {
11741
+ "description": "Specify an alternative `<flow-ui-icon>` to use for the collapse icon.",
11742
+ "name": "collapse-icon"
11743
+ }
11744
+ ],
11745
+ "members": [
11746
+ {
11747
+ "kind": "field",
11748
+ "name": "hasSlotController",
11749
+ "privacy": "private",
11750
+ "readonly": true,
11751
+ "default": "new HasSlotController(this, 'prefix', 'suffix')"
11752
+ },
11753
+ {
11754
+ "kind": "field",
11755
+ "name": "header",
11756
+ "type": {
11757
+ "text": "HTMLElement"
11758
+ },
11759
+ "privacy": "private"
11760
+ },
11761
+ {
11762
+ "kind": "field",
11763
+ "name": "closed",
11764
+ "type": {
11765
+ "text": "boolean"
11766
+ },
11767
+ "default": "false",
11768
+ "description": "Indicates whether or not the header is open or closed. Toggle this attribute to expand or collapse the header.\nAlternatively, call the `expand()` and `collapse()` methods.",
11769
+ "attribute": "closed",
11770
+ "reflects": true
11771
+ },
11772
+ {
11773
+ "kind": "field",
11774
+ "name": "title",
11775
+ "type": {
11776
+ "text": "string"
11777
+ },
11778
+ "description": "The header title text. Use the `title` slot instead to display HTML.",
11779
+ "attribute": "title"
11780
+ },
11781
+ {
11782
+ "kind": "field",
11783
+ "name": "fixed",
11784
+ "type": {
11785
+ "text": "boolean"
11786
+ },
11787
+ "default": "false",
11788
+ "description": "Set to `true` to hide the panel expand/collapse button.",
11789
+ "attribute": "fixed",
11790
+ "reflects": true
11791
+ },
11792
+ {
11793
+ "kind": "method",
11794
+ "name": "handleHeaderClick",
11795
+ "privacy": "private"
11796
+ },
11797
+ {
11798
+ "kind": "method",
11799
+ "name": "handleAccessoryClick",
11800
+ "privacy": "private",
11801
+ "parameters": [
11802
+ {
11803
+ "name": "event",
11804
+ "type": {
11805
+ "text": "MouseEvent"
11806
+ }
11807
+ }
11808
+ ]
11809
+ },
11810
+ {
11811
+ "kind": "method",
11812
+ "name": "handleHeaderKeyDown",
11813
+ "privacy": "private",
11814
+ "parameters": [
11815
+ {
11816
+ "name": "event",
11817
+ "type": {
11818
+ "text": "KeyboardEvent"
11819
+ }
11820
+ }
11821
+ ]
11822
+ },
11823
+ {
11824
+ "kind": "method",
11825
+ "name": "handleToggleButtonExpandCollapse",
11826
+ "privacy": "private",
11827
+ "parameters": [
11828
+ {
11829
+ "name": "event",
11830
+ "type": {
11831
+ "text": "Event"
11832
+ }
11833
+ }
11834
+ ]
11835
+ }
11836
+ ],
11837
+ "events": [
11838
+ {
11839
+ "description": "Emitted when the header is collapsed by UI interaction.",
11840
+ "name": "flow-ui-collapse",
11841
11841
  "reactName": "onFlowUiCollapse"
11842
11842
  },
11843
11843
  {
@@ -13922,53 +13922,251 @@
13922
13922
  },
13923
13923
  {
13924
13924
  "kind": "javascript-module",
13925
- "path": "components/radio-group/radio-group.js",
13925
+ "path": "components/radio/radio.js",
13926
13926
  "declarations": [
13927
13927
  {
13928
13928
  "kind": "class",
13929
- "description": "",
13930
- "name": "FlowRadioGroup",
13929
+ "description": "fdfd",
13930
+ "name": "FlowRadio",
13931
13931
  "cssParts": [
13932
13932
  {
13933
- "description": "The form control that wraps the label, input, and help text.",
13934
- "name": "form-control"
13935
- },
13936
- {
13937
- "description": "The label's wrapper.",
13938
- "name": "form-control-label"
13933
+ "description": "The component's base wrapper.",
13934
+ "name": "base"
13939
13935
  },
13940
13936
  {
13941
- "description": "The input's wrapper.",
13942
- "name": "form-control-input"
13937
+ "description": "The circular container that wraps the radio's checked state.",
13938
+ "name": "control"
13943
13939
  },
13944
13940
  {
13945
- "description": "The help text's wrapper.",
13946
- "name": "form-control-help-text"
13941
+ "description": "The radio control when the radio is checked.",
13942
+ "name": "control--checked"
13947
13943
  },
13948
13944
  {
13949
- "description": "The button group that wraps radio buttons.",
13950
- "name": "button-group"
13945
+ "description": "The checked icon, an `<flow-ui-icon>` element.",
13946
+ "name": "checked-icon"
13951
13947
  },
13952
13948
  {
13953
- "description": "The button group's `base` part.",
13954
- "name": "button-group__base"
13949
+ "description": "The container that wraps the radio's label.",
13950
+ "name": "label"
13955
13951
  }
13956
13952
  ],
13957
13953
  "slots": [
13958
13954
  {
13959
- "description": "The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.",
13955
+ "description": "The radio's label.",
13960
13956
  "name": ""
13961
- },
13962
- {
13963
- "description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
13964
- "name": "label"
13965
13957
  }
13966
13958
  ],
13967
13959
  "members": [
13968
13960
  {
13969
13961
  "kind": "field",
13970
- "name": "formControlController",
13971
- "privacy": "protected",
13962
+ "name": "checked",
13963
+ "type": {
13964
+ "text": "boolean"
13965
+ },
13966
+ "default": "false"
13967
+ },
13968
+ {
13969
+ "kind": "field",
13970
+ "name": "hasFocus",
13971
+ "type": {
13972
+ "text": "boolean"
13973
+ },
13974
+ "privacy": "protected",
13975
+ "default": "false"
13976
+ },
13977
+ {
13978
+ "kind": "field",
13979
+ "name": "value",
13980
+ "type": {
13981
+ "text": "string"
13982
+ },
13983
+ "description": "The radio's value. When selected, the radio group will receive this value.",
13984
+ "attribute": "value"
13985
+ },
13986
+ {
13987
+ "kind": "field",
13988
+ "name": "size",
13989
+ "type": {
13990
+ "text": "'small' | 'medium' | 'large'"
13991
+ },
13992
+ "default": "'medium'",
13993
+ "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
13994
+ "attribute": "size",
13995
+ "reflects": true
13996
+ },
13997
+ {
13998
+ "kind": "field",
13999
+ "name": "disabled",
14000
+ "type": {
14001
+ "text": "boolean"
14002
+ },
14003
+ "default": "false",
14004
+ "description": "Disables the radio.",
14005
+ "attribute": "disabled",
14006
+ "reflects": true
14007
+ },
14008
+ {
14009
+ "kind": "method",
14010
+ "name": "addEventListeners",
14011
+ "privacy": "private"
14012
+ },
14013
+ {
14014
+ "kind": "method",
14015
+ "name": "removeEventListeners",
14016
+ "privacy": "private"
14017
+ },
14018
+ {
14019
+ "kind": "method",
14020
+ "name": "handleBlur",
14021
+ "privacy": "private"
14022
+ },
14023
+ {
14024
+ "kind": "method",
14025
+ "name": "handleClick",
14026
+ "privacy": "private"
14027
+ },
14028
+ {
14029
+ "kind": "method",
14030
+ "name": "handleFocus",
14031
+ "privacy": "private"
14032
+ },
14033
+ {
14034
+ "kind": "method",
14035
+ "name": "setInitialAttributes",
14036
+ "privacy": "private"
14037
+ },
14038
+ {
14039
+ "kind": "method",
14040
+ "name": "handleCheckedChange"
14041
+ },
14042
+ {
14043
+ "kind": "method",
14044
+ "name": "handleDisabledChange"
14045
+ }
14046
+ ],
14047
+ "events": [
14048
+ {
14049
+ "description": "Emitted when the control loses focus.",
14050
+ "name": "flow-ui-blur",
14051
+ "reactName": "onFlowUiBlur"
14052
+ },
14053
+ {
14054
+ "description": "Emitted when the control gains focus.",
14055
+ "name": "flow-ui-focus",
14056
+ "reactName": "onFlowUiFocus"
14057
+ }
14058
+ ],
14059
+ "attributes": [
14060
+ {
14061
+ "name": "value",
14062
+ "type": {
14063
+ "text": "string"
14064
+ },
14065
+ "description": "The radio's value. When selected, the radio group will receive this value.",
14066
+ "fieldName": "value"
14067
+ },
14068
+ {
14069
+ "name": "size",
14070
+ "type": {
14071
+ "text": "'small' | 'medium' | 'large'"
14072
+ },
14073
+ "default": "'medium'",
14074
+ "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
14075
+ "fieldName": "size"
14076
+ },
14077
+ {
14078
+ "name": "disabled",
14079
+ "type": {
14080
+ "text": "boolean"
14081
+ },
14082
+ "default": "false",
14083
+ "description": "Disables the radio.",
14084
+ "fieldName": "disabled"
14085
+ }
14086
+ ],
14087
+ "superclass": {
14088
+ "name": "FlowRdfElement",
14089
+ "module": "/src/internal/flow-ui-rdf-element"
14090
+ },
14091
+ "summary": "Radios allow the user to select a single option from a group.",
14092
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio",
14093
+ "status": "stable",
14094
+ "since": "2.0",
14095
+ "dependencies": [
14096
+ "flow-ui-icon"
14097
+ ],
14098
+ "tagName": "flow-ui-radio",
14099
+ "customElement": true
14100
+ }
14101
+ ],
14102
+ "exports": [
14103
+ {
14104
+ "kind": "js",
14105
+ "name": "default",
14106
+ "declaration": {
14107
+ "name": "FlowRadio",
14108
+ "module": "components/radio/radio.js"
14109
+ }
14110
+ },
14111
+ {
14112
+ "kind": "custom-element-definition",
14113
+ "name": "flow-ui-radio",
14114
+ "declaration": {
14115
+ "name": "FlowRadio",
14116
+ "module": "components/radio/radio.js"
14117
+ }
14118
+ }
14119
+ ]
14120
+ },
14121
+ {
14122
+ "kind": "javascript-module",
14123
+ "path": "components/radio-group/radio-group.js",
14124
+ "declarations": [
14125
+ {
14126
+ "kind": "class",
14127
+ "description": "",
14128
+ "name": "FlowRadioGroup",
14129
+ "cssParts": [
14130
+ {
14131
+ "description": "The form control that wraps the label, input, and help text.",
14132
+ "name": "form-control"
14133
+ },
14134
+ {
14135
+ "description": "The label's wrapper.",
14136
+ "name": "form-control-label"
14137
+ },
14138
+ {
14139
+ "description": "The input's wrapper.",
14140
+ "name": "form-control-input"
14141
+ },
14142
+ {
14143
+ "description": "The help text's wrapper.",
14144
+ "name": "form-control-help-text"
14145
+ },
14146
+ {
14147
+ "description": "The button group that wraps radio buttons.",
14148
+ "name": "button-group"
14149
+ },
14150
+ {
14151
+ "description": "The button group's `base` part.",
14152
+ "name": "button-group__base"
14153
+ }
14154
+ ],
14155
+ "slots": [
14156
+ {
14157
+ "description": "The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.",
14158
+ "name": ""
14159
+ },
14160
+ {
14161
+ "description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
14162
+ "name": "label"
14163
+ }
14164
+ ],
14165
+ "members": [
14166
+ {
14167
+ "kind": "field",
14168
+ "name": "formControlController",
14169
+ "privacy": "protected",
13972
14170
  "readonly": true,
13973
14171
  "default": "new FormControlController(this)"
13974
14172
  },
@@ -14355,123 +14553,62 @@
14355
14553
  },
14356
14554
  {
14357
14555
  "kind": "javascript-module",
14358
- "path": "components/radio/radio.js",
14556
+ "path": "components/resize-observer/resize-observer.js",
14359
14557
  "declarations": [
14360
14558
  {
14361
14559
  "kind": "class",
14362
- "description": "fdfd",
14363
- "name": "FlowRadio",
14364
- "cssParts": [
14365
- {
14366
- "description": "The component's base wrapper.",
14367
- "name": "base"
14368
- },
14369
- {
14370
- "description": "The circular container that wraps the radio's checked state.",
14371
- "name": "control"
14372
- },
14373
- {
14374
- "description": "The radio control when the radio is checked.",
14375
- "name": "control--checked"
14376
- },
14377
- {
14378
- "description": "The checked icon, an `<flow-ui-icon>` element.",
14379
- "name": "checked-icon"
14380
- },
14381
- {
14382
- "description": "The container that wraps the radio's label.",
14383
- "name": "label"
14384
- }
14385
- ],
14560
+ "description": "",
14561
+ "name": "FlowResizeObserver",
14386
14562
  "slots": [
14387
14563
  {
14388
- "description": "The radio's label.",
14564
+ "description": "One or more elements to watch for resizing.",
14389
14565
  "name": ""
14390
14566
  }
14391
14567
  ],
14392
14568
  "members": [
14393
14569
  {
14394
14570
  "kind": "field",
14395
- "name": "checked",
14571
+ "name": "resizeObserver",
14396
14572
  "type": {
14397
- "text": "boolean"
14573
+ "text": "ResizeObserver"
14398
14574
  },
14399
- "default": "false"
14575
+ "privacy": "private"
14400
14576
  },
14401
14577
  {
14402
14578
  "kind": "field",
14403
- "name": "hasFocus",
14579
+ "name": "observedElements",
14404
14580
  "type": {
14405
- "text": "boolean"
14581
+ "text": "HTMLElement[]"
14406
14582
  },
14407
- "privacy": "protected",
14408
- "default": "false"
14583
+ "privacy": "private",
14584
+ "default": "[]"
14409
14585
  },
14410
14586
  {
14411
14587
  "kind": "field",
14412
- "name": "value",
14588
+ "name": "disabled",
14413
14589
  "type": {
14414
- "text": "string"
14415
- },
14416
- "description": "The radio's value. When selected, the radio group will receive this value.",
14417
- "attribute": "value"
14418
- },
14419
- {
14420
- "kind": "field",
14421
- "name": "size",
14422
- "type": {
14423
- "text": "'small' | 'medium' | 'large'"
14424
- },
14425
- "default": "'medium'",
14426
- "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
14427
- "attribute": "size",
14428
- "reflects": true
14429
- },
14430
- {
14431
- "kind": "field",
14432
- "name": "disabled",
14433
- "type": {
14434
- "text": "boolean"
14590
+ "text": "boolean"
14435
14591
  },
14436
14592
  "default": "false",
14437
- "description": "Disables the radio.",
14593
+ "description": "Disables the observer.",
14438
14594
  "attribute": "disabled",
14439
14595
  "reflects": true
14440
14596
  },
14441
14597
  {
14442
14598
  "kind": "method",
14443
- "name": "addEventListeners",
14444
- "privacy": "private"
14445
- },
14446
- {
14447
- "kind": "method",
14448
- "name": "removeEventListeners",
14449
- "privacy": "private"
14450
- },
14451
- {
14452
- "kind": "method",
14453
- "name": "handleBlur",
14454
- "privacy": "private"
14455
- },
14456
- {
14457
- "kind": "method",
14458
- "name": "handleClick",
14599
+ "name": "handleSlotChange",
14459
14600
  "privacy": "private"
14460
14601
  },
14461
14602
  {
14462
14603
  "kind": "method",
14463
- "name": "handleFocus",
14604
+ "name": "startObserver",
14464
14605
  "privacy": "private"
14465
14606
  },
14466
14607
  {
14467
14608
  "kind": "method",
14468
- "name": "setInitialAttributes",
14609
+ "name": "stopObserver",
14469
14610
  "privacy": "private"
14470
14611
  },
14471
- {
14472
- "kind": "method",
14473
- "name": "handleCheckedChange"
14474
- },
14475
14612
  {
14476
14613
  "kind": "method",
14477
14614
  "name": "handleDisabledChange"
@@ -14479,41 +14616,22 @@
14479
14616
  ],
14480
14617
  "events": [
14481
14618
  {
14482
- "description": "Emitted when the control loses focus.",
14483
- "name": "flow-ui-blur",
14484
- "reactName": "onFlowUiBlur"
14485
- },
14486
- {
14487
- "description": "Emitted when the control gains focus.",
14488
- "name": "flow-ui-focus",
14489
- "reactName": "onFlowUiFocus"
14619
+ "type": {
14620
+ "text": "{ entries: ResizeObserverEntry[] }"
14621
+ },
14622
+ "description": "Emitted when the element is resized.",
14623
+ "name": "flow-ui-resize",
14624
+ "reactName": "onFlowUiResize"
14490
14625
  }
14491
14626
  ],
14492
14627
  "attributes": [
14493
- {
14494
- "name": "value",
14495
- "type": {
14496
- "text": "string"
14497
- },
14498
- "description": "The radio's value. When selected, the radio group will receive this value.",
14499
- "fieldName": "value"
14500
- },
14501
- {
14502
- "name": "size",
14503
- "type": {
14504
- "text": "'small' | 'medium' | 'large'"
14505
- },
14506
- "default": "'medium'",
14507
- "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
14508
- "fieldName": "size"
14509
- },
14510
14628
  {
14511
14629
  "name": "disabled",
14512
14630
  "type": {
14513
14631
  "text": "boolean"
14514
14632
  },
14515
14633
  "default": "false",
14516
- "description": "Disables the radio.",
14634
+ "description": "Disables the observer.",
14517
14635
  "fieldName": "disabled"
14518
14636
  }
14519
14637
  ],
@@ -14521,14 +14639,11 @@
14521
14639
  "name": "FlowRdfElement",
14522
14640
  "module": "/src/internal/flow-ui-rdf-element"
14523
14641
  },
14524
- "summary": "Radios allow the user to select a single option from a group.",
14525
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio",
14642
+ "summary": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).",
14643
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/resize-observer",
14526
14644
  "status": "stable",
14527
14645
  "since": "2.0",
14528
- "dependencies": [
14529
- "flow-ui-icon"
14530
- ],
14531
- "tagName": "flow-ui-radio",
14646
+ "tagName": "flow-ui-resize-observer",
14532
14647
  "customElement": true
14533
14648
  }
14534
14649
  ],
@@ -14537,16 +14652,16 @@
14537
14652
  "kind": "js",
14538
14653
  "name": "default",
14539
14654
  "declaration": {
14540
- "name": "FlowRadio",
14541
- "module": "components/radio/radio.js"
14655
+ "name": "FlowResizeObserver",
14656
+ "module": "components/resize-observer/resize-observer.js"
14542
14657
  }
14543
14658
  },
14544
14659
  {
14545
14660
  "kind": "custom-element-definition",
14546
- "name": "flow-ui-radio",
14661
+ "name": "flow-ui-resize-observer",
14547
14662
  "declaration": {
14548
- "name": "FlowRadio",
14549
- "module": "components/radio/radio.js"
14663
+ "name": "FlowResizeObserver",
14664
+ "module": "components/resize-observer/resize-observer.js"
14550
14665
  }
14551
14666
  }
14552
14667
  ]
@@ -15129,121 +15244,6 @@
15129
15244
  }
15130
15245
  ]
15131
15246
  },
15132
- {
15133
- "kind": "javascript-module",
15134
- "path": "components/resize-observer/resize-observer.js",
15135
- "declarations": [
15136
- {
15137
- "kind": "class",
15138
- "description": "",
15139
- "name": "FlowResizeObserver",
15140
- "slots": [
15141
- {
15142
- "description": "One or more elements to watch for resizing.",
15143
- "name": ""
15144
- }
15145
- ],
15146
- "members": [
15147
- {
15148
- "kind": "field",
15149
- "name": "resizeObserver",
15150
- "type": {
15151
- "text": "ResizeObserver"
15152
- },
15153
- "privacy": "private"
15154
- },
15155
- {
15156
- "kind": "field",
15157
- "name": "observedElements",
15158
- "type": {
15159
- "text": "HTMLElement[]"
15160
- },
15161
- "privacy": "private",
15162
- "default": "[]"
15163
- },
15164
- {
15165
- "kind": "field",
15166
- "name": "disabled",
15167
- "type": {
15168
- "text": "boolean"
15169
- },
15170
- "default": "false",
15171
- "description": "Disables the observer.",
15172
- "attribute": "disabled",
15173
- "reflects": true
15174
- },
15175
- {
15176
- "kind": "method",
15177
- "name": "handleSlotChange",
15178
- "privacy": "private"
15179
- },
15180
- {
15181
- "kind": "method",
15182
- "name": "startObserver",
15183
- "privacy": "private"
15184
- },
15185
- {
15186
- "kind": "method",
15187
- "name": "stopObserver",
15188
- "privacy": "private"
15189
- },
15190
- {
15191
- "kind": "method",
15192
- "name": "handleDisabledChange"
15193
- }
15194
- ],
15195
- "events": [
15196
- {
15197
- "type": {
15198
- "text": "{ entries: ResizeObserverEntry[] }"
15199
- },
15200
- "description": "Emitted when the element is resized.",
15201
- "name": "flow-ui-resize",
15202
- "reactName": "onFlowUiResize"
15203
- }
15204
- ],
15205
- "attributes": [
15206
- {
15207
- "name": "disabled",
15208
- "type": {
15209
- "text": "boolean"
15210
- },
15211
- "default": "false",
15212
- "description": "Disables the observer.",
15213
- "fieldName": "disabled"
15214
- }
15215
- ],
15216
- "superclass": {
15217
- "name": "FlowRdfElement",
15218
- "module": "/src/internal/flow-ui-rdf-element"
15219
- },
15220
- "summary": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).",
15221
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/resize-observer",
15222
- "status": "stable",
15223
- "since": "2.0",
15224
- "tagName": "flow-ui-resize-observer",
15225
- "customElement": true
15226
- }
15227
- ],
15228
- "exports": [
15229
- {
15230
- "kind": "js",
15231
- "name": "default",
15232
- "declaration": {
15233
- "name": "FlowResizeObserver",
15234
- "module": "components/resize-observer/resize-observer.js"
15235
- }
15236
- },
15237
- {
15238
- "kind": "custom-element-definition",
15239
- "name": "flow-ui-resize-observer",
15240
- "declaration": {
15241
- "name": "FlowResizeObserver",
15242
- "module": "components/resize-observer/resize-observer.js"
15243
- }
15244
- }
15245
- ]
15246
- },
15247
15247
  {
15248
15248
  "kind": "javascript-module",
15249
15249
  "path": "components/scroll-view/scroll-view.component.js",
@@ -15450,1480 +15450,1480 @@
15450
15450
  },
15451
15451
  {
15452
15452
  "kind": "javascript-module",
15453
- "path": "components/split-view/split-view.component.js",
15453
+ "path": "components/select/select.component.js",
15454
15454
  "declarations": [
15455
15455
  {
15456
15456
  "kind": "class",
15457
15457
  "description": "",
15458
- "name": "FlowSplitView",
15459
- "members": [
15458
+ "name": "FlowSelect",
15459
+ "cssParts": [
15460
15460
  {
15461
- "kind": "field",
15462
- "name": "animatingPanelIndex",
15463
- "type": {
15464
- "text": "number | undefined"
15465
- },
15466
- "privacy": "private"
15461
+ "description": "The form control that wraps the label, input, and help text.",
15462
+ "name": "form-control"
15467
15463
  },
15468
15464
  {
15469
- "kind": "field",
15470
- "name": "_panels",
15471
- "type": {
15472
- "text": "FlowSplitViewPane[]"
15473
- },
15474
- "privacy": "private",
15475
- "default": "[]"
15465
+ "description": "The label's wrapper.",
15466
+ "name": "form-control-label"
15476
15467
  },
15477
15468
  {
15478
- "kind": "field",
15479
- "name": "dragTargetPanel",
15480
- "type": {
15481
- "text": "FlowSplitViewPane | undefined"
15482
- },
15483
- "privacy": "private"
15469
+ "description": "The select's wrapper.",
15470
+ "name": "form-control-input"
15484
15471
  },
15485
15472
  {
15486
- "kind": "field",
15487
- "name": "mutationObserver",
15488
- "type": {
15489
- "text": "MutationObserver"
15490
- },
15491
- "privacy": "private"
15473
+ "description": "The help text's wrapper.",
15474
+ "name": "form-control-help-text"
15492
15475
  },
15493
15476
  {
15494
- "kind": "field",
15495
- "name": "resizeObserver",
15496
- "type": {
15497
- "text": "ResizeObserver"
15477
+ "description": "The container the wraps the prefix, suffix, combobox, clear icon, and expand button.",
15478
+ "name": "combobox"
15479
+ },
15480
+ {
15481
+ "description": "The container that wraps the prefix slot.",
15482
+ "name": "prefix"
15483
+ },
15484
+ {
15485
+ "description": "The container that wraps the suffix slot.",
15486
+ "name": "suffix"
15487
+ },
15488
+ {
15489
+ "description": "The element that displays the selected option's label, an `<input>` element.",
15490
+ "name": "display-input"
15491
+ },
15492
+ {
15493
+ "description": "The listbox container where options are slotted.",
15494
+ "name": "listbox"
15495
+ },
15496
+ {
15497
+ "description": "The container that houses option tags when `multiselect` is used.",
15498
+ "name": "tags"
15499
+ },
15500
+ {
15501
+ "description": "The individual tags that represent each multiselect option.",
15502
+ "name": "tag"
15503
+ },
15504
+ {
15505
+ "description": "The tag's base part.",
15506
+ "name": "tag__base"
15507
+ },
15508
+ {
15509
+ "description": "The tag's content part.",
15510
+ "name": "tag__content"
15511
+ },
15512
+ {
15513
+ "description": "The tag's remove button.",
15514
+ "name": "tag__remove-button"
15515
+ },
15516
+ {
15517
+ "description": "The tag's remove button base part.",
15518
+ "name": "tag__remove-button__base"
15519
+ },
15520
+ {
15521
+ "description": "The clear button.",
15522
+ "name": "clear-button"
15523
+ },
15524
+ {
15525
+ "description": "The container that wraps the expand icon.",
15526
+ "name": "expand-icon"
15527
+ }
15528
+ ],
15529
+ "slots": [
15530
+ {
15531
+ "description": "The listbox options. Must be `<flow-option>` elements. You can use `<flow-divider>` to group items visually.",
15532
+ "name": ""
15533
+ },
15534
+ {
15535
+ "description": "The input's label. Alternatively, you can use the `label` attribute.",
15536
+ "name": "label"
15537
+ },
15538
+ {
15539
+ "description": "Used to prepend a presentational icon or similar element to the combobox.",
15540
+ "name": "prefix"
15541
+ },
15542
+ {
15543
+ "description": "Used to append a presentational icon or similar element to the combobox.",
15544
+ "name": "suffix"
15545
+ },
15546
+ {
15547
+ "description": "An icon to use in lieu of the default clear icon.",
15548
+ "name": "clear-icon"
15549
+ },
15550
+ {
15551
+ "description": "The icon to show when the control is expanded and collapsed. Rotates on open and close.",
15552
+ "name": "expand-icon"
15553
+ },
15554
+ {
15555
+ "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
15556
+ "name": "help-text"
15557
+ }
15558
+ ],
15559
+ "members": [
15560
+ {
15561
+ "kind": "field",
15562
+ "name": "dependencies",
15563
+ "type": {
15564
+ "text": "object"
15565
+ },
15566
+ "static": true,
15567
+ "default": "{\n 'flow-icon': FlowIcon,\n 'flow-popup': FlowPopup,\n 'flow-tag': FlowTag\n }"
15568
+ },
15569
+ {
15570
+ "kind": "field",
15571
+ "name": "formControlController",
15572
+ "privacy": "private",
15573
+ "readonly": true,
15574
+ "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
15575
+ },
15576
+ {
15577
+ "kind": "field",
15578
+ "name": "hasSlotController",
15579
+ "privacy": "private",
15580
+ "readonly": true,
15581
+ "default": "new HasSlotController(this, 'help-text', 'label')"
15582
+ },
15583
+ {
15584
+ "kind": "field",
15585
+ "name": "localize",
15586
+ "privacy": "private",
15587
+ "readonly": true,
15588
+ "default": "new LocalizeController(this)"
15589
+ },
15590
+ {
15591
+ "kind": "field",
15592
+ "name": "typeToSelectString",
15593
+ "type": {
15594
+ "text": "string"
15595
+ },
15596
+ "privacy": "private",
15597
+ "default": "''"
15598
+ },
15599
+ {
15600
+ "kind": "field",
15601
+ "name": "typeToSelectTimeout",
15602
+ "type": {
15603
+ "text": "number"
15498
15604
  },
15499
15605
  "privacy": "private"
15500
15606
  },
15501
15607
  {
15502
15608
  "kind": "field",
15503
- "name": "noDragClose",
15609
+ "name": "closeWatcher",
15610
+ "type": {
15611
+ "text": "CloseWatcher | null"
15612
+ },
15613
+ "privacy": "private"
15614
+ },
15615
+ {
15616
+ "kind": "field",
15617
+ "name": "mutationObserver",
15618
+ "type": {
15619
+ "text": "MutationObserver"
15620
+ },
15621
+ "privacy": "private"
15622
+ },
15623
+ {
15624
+ "kind": "field",
15625
+ "name": "popup",
15626
+ "type": {
15627
+ "text": "FlowPopup"
15628
+ }
15629
+ },
15630
+ {
15631
+ "kind": "field",
15632
+ "name": "combobox",
15633
+ "type": {
15634
+ "text": "HTMLSlotElement"
15635
+ }
15636
+ },
15637
+ {
15638
+ "kind": "field",
15639
+ "name": "displayInput",
15640
+ "type": {
15641
+ "text": "HTMLInputElement"
15642
+ }
15643
+ },
15644
+ {
15645
+ "kind": "field",
15646
+ "name": "valueInput",
15647
+ "type": {
15648
+ "text": "HTMLInputElement"
15649
+ }
15650
+ },
15651
+ {
15652
+ "kind": "field",
15653
+ "name": "listbox",
15654
+ "type": {
15655
+ "text": "HTMLSlotElement"
15656
+ }
15657
+ },
15658
+ {
15659
+ "kind": "field",
15660
+ "name": "hasFocus",
15661
+ "type": {
15662
+ "text": "boolean"
15663
+ },
15664
+ "privacy": "private",
15665
+ "default": "false"
15666
+ },
15667
+ {
15668
+ "kind": "field",
15669
+ "name": "displayLabel",
15670
+ "type": {
15671
+ "text": "string"
15672
+ },
15673
+ "default": "''"
15674
+ },
15675
+ {
15676
+ "kind": "field",
15677
+ "name": "currentOption",
15678
+ "type": {
15679
+ "text": "FlowOption"
15680
+ }
15681
+ },
15682
+ {
15683
+ "kind": "field",
15684
+ "name": "selectedOptions",
15685
+ "type": {
15686
+ "text": "FlowOption[]"
15687
+ },
15688
+ "default": "[]"
15689
+ },
15690
+ {
15691
+ "kind": "field",
15692
+ "name": "name",
15693
+ "type": {
15694
+ "text": "string"
15695
+ },
15696
+ "default": "''",
15697
+ "description": "The name of the select, submitted as a name/value pair with form data.",
15698
+ "attribute": "name"
15699
+ },
15700
+ {
15701
+ "kind": "field",
15702
+ "name": "value",
15703
+ "type": {
15704
+ "text": "string | string[]"
15705
+ },
15706
+ "default": "''",
15707
+ "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.**",
15708
+ "attribute": "value"
15709
+ },
15710
+ {
15711
+ "kind": "field",
15712
+ "name": "defaultValue",
15713
+ "type": {
15714
+ "text": "string | string[]"
15715
+ },
15716
+ "default": "''",
15717
+ "description": "The default value of the form control. Primarily used for resetting the form control."
15718
+ },
15719
+ {
15720
+ "kind": "field",
15721
+ "name": "size",
15722
+ "type": {
15723
+ "text": "'small' | 'medium' | 'large'"
15724
+ },
15725
+ "default": "'medium'",
15726
+ "description": "The select's size.",
15727
+ "attribute": "size",
15728
+ "reflects": true
15729
+ },
15730
+ {
15731
+ "kind": "field",
15732
+ "name": "placeholder",
15733
+ "type": {
15734
+ "text": "string"
15735
+ },
15736
+ "default": "''",
15737
+ "description": "Placeholder text to show as a hint when the select is empty.",
15738
+ "attribute": "placeholder"
15739
+ },
15740
+ {
15741
+ "kind": "field",
15742
+ "name": "multiple",
15743
+ "type": {
15744
+ "text": "boolean"
15745
+ },
15746
+ "default": "false",
15747
+ "description": "Allows more than one option to be selected.",
15748
+ "attribute": "multiple",
15749
+ "reflects": true
15750
+ },
15751
+ {
15752
+ "kind": "field",
15753
+ "name": "maxOptionsVisible",
15754
+ "type": {
15755
+ "text": "number"
15756
+ },
15757
+ "default": "3",
15758
+ "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
15759
+ "attribute": "max-options-visible"
15760
+ },
15761
+ {
15762
+ "kind": "field",
15763
+ "name": "disabled",
15764
+ "type": {
15765
+ "text": "boolean"
15766
+ },
15767
+ "default": "false",
15768
+ "description": "Disables the select control.",
15769
+ "attribute": "disabled",
15770
+ "reflects": true
15771
+ },
15772
+ {
15773
+ "kind": "field",
15774
+ "name": "clearable",
15775
+ "type": {
15776
+ "text": "boolean"
15777
+ },
15778
+ "default": "false",
15779
+ "description": "Adds a clear button when the select is not empty.",
15780
+ "attribute": "clearable"
15781
+ },
15782
+ {
15783
+ "kind": "field",
15784
+ "name": "open",
15785
+ "type": {
15786
+ "text": "boolean"
15787
+ },
15788
+ "default": "false",
15789
+ "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
15790
+ "attribute": "open",
15791
+ "reflects": true
15792
+ },
15793
+ {
15794
+ "kind": "field",
15795
+ "name": "hoist",
15796
+ "type": {
15797
+ "text": "boolean"
15798
+ },
15799
+ "default": "false",
15800
+ "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
15801
+ "attribute": "hoist"
15802
+ },
15803
+ {
15804
+ "kind": "field",
15805
+ "name": "filled",
15806
+ "type": {
15807
+ "text": "boolean"
15808
+ },
15809
+ "default": "false",
15810
+ "description": "Draws a filled select.",
15811
+ "attribute": "filled",
15812
+ "reflects": true
15813
+ },
15814
+ {
15815
+ "kind": "field",
15816
+ "name": "pill",
15504
15817
  "type": {
15505
15818
  "text": "boolean"
15506
15819
  },
15507
- "privacy": "public",
15508
15820
  "default": "false",
15509
- "attribute": "no-drag-close"
15821
+ "description": "Draws a pill-style select with rounded edges.",
15822
+ "attribute": "pill",
15823
+ "reflects": true
15510
15824
  },
15511
15825
  {
15512
15826
  "kind": "field",
15513
- "name": "positions",
15827
+ "name": "label",
15514
15828
  "type": {
15515
- "text": "string[]"
15829
+ "text": "string"
15516
15830
  },
15517
- "privacy": "public",
15518
- "default": "['auto', 'auto', 'auto', 'auto']",
15519
- "attribute": "positions"
15831
+ "default": "''",
15832
+ "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
15833
+ "attribute": "label"
15520
15834
  },
15521
15835
  {
15522
15836
  "kind": "field",
15523
- "name": "vertical",
15837
+ "name": "placement",
15524
15838
  "type": {
15525
- "text": "boolean"
15839
+ "text": "'top' | 'bottom'"
15526
15840
  },
15527
- "privacy": "public",
15528
- "default": "false",
15529
- "attribute": "vertical",
15841
+ "default": "'bottom'",
15842
+ "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
15843
+ "attribute": "placement",
15530
15844
  "reflects": true
15531
15845
  },
15532
15846
  {
15533
15847
  "kind": "field",
15534
- "name": "panelSlot",
15848
+ "name": "helpText",
15535
15849
  "type": {
15536
- "text": "HTMLSlotElement"
15850
+ "text": "string"
15537
15851
  },
15538
- "privacy": "public"
15852
+ "default": "''",
15853
+ "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
15854
+ "attribute": "help-text"
15539
15855
  },
15540
15856
  {
15541
15857
  "kind": "field",
15542
- "name": "splitView",
15858
+ "name": "form",
15543
15859
  "type": {
15544
- "text": "HTMLElement"
15860
+ "text": "string"
15545
15861
  },
15546
- "privacy": "public"
15862
+ "default": "''",
15863
+ "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.",
15864
+ "attribute": "form",
15865
+ "reflects": true
15547
15866
  },
15548
15867
  {
15549
15868
  "kind": "field",
15550
- "name": "dragging",
15869
+ "name": "required",
15551
15870
  "type": {
15552
15871
  "text": "boolean"
15553
15872
  },
15554
- "privacy": "public",
15555
15873
  "default": "false",
15556
- "attribute": "dragging",
15874
+ "description": "The select's required attribute.",
15875
+ "attribute": "required",
15557
15876
  "reflects": true
15558
15877
  },
15559
15878
  {
15560
- "kind": "method",
15561
- "name": "actualPanelSize",
15562
- "privacy": "private",
15563
- "return": {
15564
- "type": {
15565
- "text": "number"
15566
- }
15879
+ "kind": "field",
15880
+ "name": "getTag",
15881
+ "type": {
15882
+ "text": "(option: FlowOption, index: number) => TemplateResult | string | HTMLElement"
15567
15883
  },
15568
- "parameters": [
15569
- {
15570
- "name": "panel",
15571
- "type": {
15572
- "text": "FlowSplitViewPane"
15573
- }
15574
- }
15575
- ]
15576
- },
15577
- {
15578
- "kind": "method",
15579
- "name": "growPanels",
15580
- "privacy": "private",
15581
- "parameters": [
15582
- {
15583
- "name": "startIndex",
15584
- "type": {
15585
- "text": "number"
15586
- },
15587
- "description": "panel index to start growing from"
15588
- },
15589
- {
15590
- "name": "direction",
15591
- "type": {
15592
- "text": "1 | -1"
15593
- },
15594
- "description": "1 (right/down) or -1 (left/up)"
15595
- },
15596
- {
15597
- "name": "canOpen",
15598
- "type": {
15599
- "text": "boolean"
15600
- }
15601
- },
15602
- {
15603
- "name": "amount",
15604
- "type": {
15605
- "text": "number"
15606
- },
15607
- "description": "Number of pixels to grow by"
15608
- },
15609
- {
15610
- "name": "dryRun",
15611
- "default": "false",
15612
- "description": "if true, don't actually row panels, just calculate the amount that can be grown"
15613
- },
15614
- {
15615
- "description": "whether panels can be opened to grow space",
15616
- "name": "caOpen"
15617
- }
15618
- ],
15619
- "description": "Grow panels starting from startIndex in specified direction by resizing panels\nup to their maximum size and (optionally) opening panels.",
15620
- "return": {
15621
- "type": {
15622
- "text": ""
15623
- }
15624
- }
15884
+ "description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index. The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
15885
+ "attribute": "getTag"
15625
15886
  },
15626
15887
  {
15627
- "kind": "method",
15628
- "name": "handleCollapseExpand",
15629
- "privacy": "private",
15630
- "parameters": [
15631
- {
15632
- "name": "event",
15633
- "type": {
15634
- "text": "FlowCollapseEvent | FlowExpandEvent"
15635
- }
15636
- }
15637
- ]
15888
+ "kind": "field",
15889
+ "name": "validity",
15890
+ "description": "Gets the validity state object",
15891
+ "readonly": true
15638
15892
  },
15639
15893
  {
15640
- "kind": "method",
15641
- "name": "handleDrag",
15642
- "privacy": "private",
15643
- "parameters": [
15644
- {
15645
- "name": "event",
15646
- "type": {
15647
- "text": "FlowDragEvent"
15648
- }
15649
- }
15650
- ],
15651
- "description": "This is called repeatedly as the user drags a panel divider.",
15652
- "return": {
15653
- "type": {
15654
- "text": ""
15655
- }
15656
- }
15894
+ "kind": "field",
15895
+ "name": "validationMessage",
15896
+ "description": "Gets the validation message",
15897
+ "readonly": true
15657
15898
  },
15658
15899
  {
15659
15900
  "kind": "method",
15660
- "name": "handleDragEnd",
15901
+ "name": "addOpenListeners",
15661
15902
  "privacy": "private"
15662
15903
  },
15663
15904
  {
15664
15905
  "kind": "method",
15665
- "name": "handleDragStart",
15666
- "privacy": "private",
15667
- "parameters": [
15668
- {
15669
- "name": "event",
15670
- "type": {
15671
- "text": "FlowDragEvent"
15672
- }
15673
- }
15674
- ]
15675
- },
15676
- {
15677
- "kind": "method",
15678
- "name": "handlePointerLeave",
15906
+ "name": "removeOpenListeners",
15679
15907
  "privacy": "private"
15680
15908
  },
15681
15909
  {
15682
15910
  "kind": "method",
15683
- "name": "handleTransitionEnd",
15684
- "privacy": "private",
15685
- "parameters": [
15686
- {
15687
- "name": "event",
15688
- "type": {
15689
- "text": "TransitionEvent"
15690
- }
15691
- }
15692
- ]
15911
+ "name": "handleFocus",
15912
+ "privacy": "private"
15693
15913
  },
15694
15914
  {
15695
15915
  "kind": "method",
15696
- "name": "isPanel",
15697
- "privacy": "private",
15698
- "return": {
15699
- "type": {
15700
- "text": "element is FlowSplitViewPane"
15701
- }
15702
- },
15703
- "parameters": [
15704
- {
15705
- "name": "element",
15706
- "type": {
15707
- "text": "unknown"
15708
- }
15709
- }
15710
- ]
15916
+ "name": "handleBlur",
15917
+ "privacy": "private"
15711
15918
  },
15712
15919
  {
15713
- "kind": "method",
15714
- "name": "layoutPanels",
15920
+ "kind": "field",
15921
+ "name": "handleDocumentFocusIn",
15715
15922
  "privacy": "private"
15716
15923
  },
15717
15924
  {
15718
- "kind": "method",
15719
- "name": "resizePanels",
15925
+ "kind": "field",
15926
+ "name": "handleDocumentKeyDown",
15720
15927
  "privacy": "private"
15721
15928
  },
15722
15929
  {
15723
- "kind": "method",
15724
- "name": "shrinkPanels",
15725
- "privacy": "private",
15726
- "parameters": [
15727
- {
15728
- "name": "startIndex",
15729
- "type": {
15730
- "text": "number"
15731
- },
15732
- "description": "panel index to start shrinking from"
15733
- },
15734
- {
15735
- "name": "direction",
15736
- "type": {
15737
- "text": "1 | -1"
15738
- },
15739
- "description": "1 (right/down) or -1 (left/up)"
15740
- },
15741
- {
15742
- "name": "canClose",
15743
- "type": {
15744
- "text": "boolean"
15745
- },
15746
- "description": "whether panels can be closed to make space"
15747
- },
15748
- {
15749
- "name": "amount",
15750
- "type": {
15751
- "text": "number"
15752
- },
15753
- "description": "Number of pixels to shrink by"
15754
- },
15755
- {
15756
- "name": "dryRun",
15757
- "default": "false",
15758
- "description": "if true, don't actually shrink panels, just calculate the amount that can be shrunk"
15759
- }
15760
- ],
15761
- "description": "Shrink panels starting from startIndex in specified direction by resizing panels\ndown to their minimum size and (optionally) closing panels.",
15762
- "return": {
15763
- "type": {
15764
- "text": ""
15765
- }
15766
- }
15930
+ "kind": "field",
15931
+ "name": "handleDocumentMouseDown",
15932
+ "privacy": "private"
15767
15933
  },
15768
15934
  {
15769
15935
  "kind": "method",
15770
- "name": "sizeToPixels",
15936
+ "name": "handleLabelClick",
15937
+ "privacy": "private"
15938
+ },
15939
+ {
15940
+ "kind": "method",
15941
+ "name": "handleComboboxMouseDown",
15771
15942
  "privacy": "private",
15772
- "return": {
15773
- "type": {
15774
- "text": "number"
15775
- }
15776
- },
15777
15943
  "parameters": [
15778
15944
  {
15779
- "name": "size",
15945
+ "name": "event",
15780
15946
  "type": {
15781
- "text": "string"
15947
+ "text": "MouseEvent"
15782
15948
  }
15783
15949
  }
15784
15950
  ]
15785
15951
  },
15786
15952
  {
15787
15953
  "kind": "method",
15788
- "name": "handlePanelAdded",
15954
+ "name": "handleComboboxKeyDown",
15789
15955
  "privacy": "private",
15790
15956
  "parameters": [
15791
15957
  {
15792
- "name": "panel",
15958
+ "name": "event",
15793
15959
  "type": {
15794
- "text": "FlowSplitViewPane"
15960
+ "text": "KeyboardEvent"
15795
15961
  }
15796
15962
  }
15797
15963
  ]
15798
15964
  },
15799
15965
  {
15800
15966
  "kind": "method",
15801
- "name": "handlePanelRemoved",
15967
+ "name": "handleClearClick",
15802
15968
  "privacy": "private",
15803
15969
  "parameters": [
15804
15970
  {
15805
- "name": "panel",
15971
+ "name": "event",
15806
15972
  "type": {
15807
- "text": "FlowSplitViewPane"
15973
+ "text": "MouseEvent"
15808
15974
  }
15809
15975
  }
15810
15976
  ]
15811
15977
  },
15812
15978
  {
15813
15979
  "kind": "method",
15814
- "name": "updatePanelInfo",
15815
- "privacy": "private"
15816
- }
15817
- ],
15818
- "attributes": [
15819
- {
15820
- "name": "no-drag-close",
15821
- "type": {
15822
- "text": "boolean"
15823
- },
15824
- "default": "false",
15825
- "fieldName": "noDragClose"
15980
+ "name": "handleClearMouseDown",
15981
+ "privacy": "private",
15982
+ "parameters": [
15983
+ {
15984
+ "name": "event",
15985
+ "type": {
15986
+ "text": "MouseEvent"
15987
+ }
15988
+ }
15989
+ ]
15826
15990
  },
15827
15991
  {
15828
- "name": "positions",
15829
- "type": {
15830
- "text": "string[]"
15831
- },
15832
- "default": "['auto', 'auto', 'auto', 'auto']",
15833
- "fieldName": "positions"
15992
+ "kind": "method",
15993
+ "name": "handleOptionClick",
15994
+ "privacy": "private",
15995
+ "parameters": [
15996
+ {
15997
+ "name": "event",
15998
+ "type": {
15999
+ "text": "MouseEvent"
16000
+ }
16001
+ }
16002
+ ]
15834
16003
  },
15835
16004
  {
15836
- "name": "vertical",
15837
- "type": {
15838
- "text": "boolean"
15839
- },
15840
- "default": "false",
15841
- "fieldName": "vertical"
16005
+ "kind": "method",
16006
+ "name": "handleDefaultSlotChange",
16007
+ "privacy": "private"
15842
16008
  },
15843
16009
  {
15844
- "name": "dragging",
15845
- "type": {
15846
- "text": "boolean"
15847
- },
15848
- "default": "false",
15849
- "fieldName": "dragging"
15850
- }
15851
- ],
15852
- "superclass": {
15853
- "name": "FlowRdfElement",
15854
- "module": "/src/internal/flow-ui-rdf-element"
15855
- },
15856
- "tagName": "flow-ui-split-view",
15857
- "summary": "Split-views contain 2 or more split-view panes to create resizable areas.",
15858
- "customElement": true
15859
- }
15860
- ],
15861
- "exports": [
15862
- {
15863
- "kind": "js",
15864
- "name": "default",
15865
- "declaration": {
15866
- "name": "FlowSplitView",
15867
- "module": "components/split-view/split-view.component.js"
15868
- }
15869
- }
15870
- ]
15871
- },
15872
- {
15873
- "kind": "javascript-module",
15874
- "path": "components/split-view/split-view.js",
15875
- "declarations": [],
15876
- "exports": [
15877
- {
15878
- "kind": "js",
15879
- "name": "*",
15880
- "declaration": {
15881
- "name": "*",
15882
- "package": "./split-view.component.js"
15883
- }
15884
- },
15885
- {
15886
- "kind": "js",
15887
- "name": "default",
15888
- "declaration": {
15889
- "name": "FlowSplitView",
15890
- "module": "components/split-view/split-view.js"
15891
- }
15892
- }
15893
- ]
15894
- },
15895
- {
15896
- "kind": "javascript-module",
15897
- "path": "components/spinner/spinner.js",
15898
- "declarations": [
15899
- {
15900
- "kind": "class",
15901
- "description": "",
15902
- "name": "FlowSpinner",
15903
- "cssProperties": [
15904
- {
15905
- "description": "The width of the track.",
15906
- "name": "--track-width"
16010
+ "kind": "method",
16011
+ "name": "handleTagRemove",
16012
+ "privacy": "private",
16013
+ "parameters": [
16014
+ {
16015
+ "name": "event",
16016
+ "type": {
16017
+ "text": "FlowRemoveEvent"
16018
+ }
16019
+ },
16020
+ {
16021
+ "name": "option",
16022
+ "type": {
16023
+ "text": "FlowOption"
16024
+ }
16025
+ }
16026
+ ]
15907
16027
  },
15908
16028
  {
15909
- "description": "The color of the track.",
15910
- "name": "--track-color"
16029
+ "kind": "method",
16030
+ "name": "getAllOptions",
16031
+ "privacy": "private"
15911
16032
  },
15912
16033
  {
15913
- "description": "The color of the spinner's indicator.",
15914
- "name": "--indicator-color"
16034
+ "kind": "method",
16035
+ "name": "getFirstOption",
16036
+ "privacy": "private"
15915
16037
  },
15916
16038
  {
15917
- "description": "The time it takes for the spinner to complete one animation cycle.",
15918
- "name": "--speed"
15919
- }
15920
- ],
15921
- "cssParts": [
15922
- {
15923
- "description": "The component's base wrapper.",
15924
- "name": "base"
15925
- }
15926
- ],
15927
- "members": [
15928
- {
15929
- "kind": "field",
15930
- "name": "localize",
16039
+ "kind": "method",
16040
+ "name": "setCurrentOption",
15931
16041
  "privacy": "private",
15932
- "readonly": true,
15933
- "default": "new LocalizeController(this)"
15934
- }
15935
- ],
15936
- "superclass": {
15937
- "name": "FlowRdfElement",
15938
- "module": "/src/internal/flow-ui-rdf-element"
15939
- },
15940
- "summary": "Spinners are used to show the progress of an indeterminate operation.",
15941
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/spinner",
15942
- "status": "stable",
15943
- "since": "2.0",
15944
- "tagName": "flow-ui-spinner",
15945
- "customElement": true
15946
- }
15947
- ],
15948
- "exports": [
15949
- {
15950
- "kind": "js",
15951
- "name": "default",
15952
- "declaration": {
15953
- "name": "FlowSpinner",
15954
- "module": "components/spinner/spinner.js"
15955
- }
15956
- },
15957
- {
15958
- "kind": "custom-element-definition",
15959
- "name": "flow-ui-spinner",
15960
- "declaration": {
15961
- "name": "FlowSpinner",
15962
- "module": "components/spinner/spinner.js"
15963
- }
15964
- }
15965
- ]
15966
- },
15967
- {
15968
- "kind": "javascript-module",
15969
- "path": "components/select/select.component.js",
15970
- "declarations": [
15971
- {
15972
- "kind": "class",
15973
- "description": "",
15974
- "name": "FlowSelect",
15975
- "cssParts": [
15976
- {
15977
- "description": "The form control that wraps the label, input, and help text.",
15978
- "name": "form-control"
16042
+ "parameters": [
16043
+ {
16044
+ "name": "option",
16045
+ "type": {
16046
+ "text": "FlowOption | null"
16047
+ }
16048
+ }
16049
+ ]
15979
16050
  },
15980
16051
  {
15981
- "description": "The label's wrapper.",
15982
- "name": "form-control-label"
16052
+ "kind": "method",
16053
+ "name": "setSelectedOptions",
16054
+ "privacy": "private",
16055
+ "parameters": [
16056
+ {
16057
+ "name": "option",
16058
+ "type": {
16059
+ "text": "FlowOption | FlowOption[]"
16060
+ }
16061
+ }
16062
+ ]
15983
16063
  },
15984
16064
  {
15985
- "description": "The select's wrapper.",
15986
- "name": "form-control-input"
16065
+ "kind": "method",
16066
+ "name": "toggleOptionSelection",
16067
+ "privacy": "private",
16068
+ "parameters": [
16069
+ {
16070
+ "name": "option",
16071
+ "type": {
16072
+ "text": "FlowOption"
16073
+ }
16074
+ },
16075
+ {
16076
+ "name": "force",
16077
+ "optional": true,
16078
+ "type": {
16079
+ "text": "boolean"
16080
+ }
16081
+ }
16082
+ ]
15987
16083
  },
15988
16084
  {
15989
- "description": "The help text's wrapper.",
15990
- "name": "form-control-help-text"
16085
+ "kind": "method",
16086
+ "name": "selectionChanged",
16087
+ "privacy": "private"
15991
16088
  },
15992
16089
  {
15993
- "description": "The container the wraps the prefix, suffix, combobox, clear icon, and expand button.",
15994
- "name": "combobox"
16090
+ "kind": "field",
16091
+ "name": "tags",
16092
+ "privacy": "protected",
16093
+ "readonly": true
15995
16094
  },
15996
16095
  {
15997
- "description": "The container that wraps the prefix slot.",
15998
- "name": "prefix"
16096
+ "kind": "method",
16097
+ "name": "handleInvalid",
16098
+ "privacy": "private",
16099
+ "parameters": [
16100
+ {
16101
+ "name": "event",
16102
+ "type": {
16103
+ "text": "Event"
16104
+ }
16105
+ }
16106
+ ]
15999
16107
  },
16000
16108
  {
16001
- "description": "The container that wraps the suffix slot.",
16002
- "name": "suffix"
16109
+ "kind": "method",
16110
+ "name": "handleDisabledChange"
16003
16111
  },
16004
16112
  {
16005
- "description": "The element that displays the selected option's label, an `<input>` element.",
16006
- "name": "display-input"
16113
+ "kind": "method",
16114
+ "name": "handleValueChange"
16007
16115
  },
16008
16116
  {
16009
- "description": "The listbox container where options are slotted.",
16010
- "name": "listbox"
16117
+ "kind": "method",
16118
+ "name": "handleOpenChange"
16011
16119
  },
16012
16120
  {
16013
- "description": "The container that houses option tags when `multiselect` is used.",
16014
- "name": "tags"
16121
+ "kind": "method",
16122
+ "name": "show",
16123
+ "description": "Shows the listbox."
16015
16124
  },
16016
16125
  {
16017
- "description": "The individual tags that represent each multiselect option.",
16018
- "name": "tag"
16126
+ "kind": "method",
16127
+ "name": "hide",
16128
+ "description": "Hides the listbox."
16019
16129
  },
16020
16130
  {
16021
- "description": "The tag's base part.",
16022
- "name": "tag__base"
16131
+ "kind": "method",
16132
+ "name": "checkValidity",
16133
+ "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
16023
16134
  },
16024
16135
  {
16025
- "description": "The tag's content part.",
16026
- "name": "tag__content"
16136
+ "kind": "method",
16137
+ "name": "getForm",
16138
+ "return": {
16139
+ "type": {
16140
+ "text": "HTMLFormElement | null"
16141
+ }
16142
+ },
16143
+ "description": "Gets the associated form, if one exists."
16027
16144
  },
16028
16145
  {
16029
- "description": "The tag's remove button.",
16030
- "name": "tag__remove-button"
16146
+ "kind": "method",
16147
+ "name": "reportValidity",
16148
+ "description": "Checks for validity and shows the browser's validation message if the control is invalid."
16031
16149
  },
16032
16150
  {
16033
- "description": "The tag's remove button base part.",
16034
- "name": "tag__remove-button__base"
16151
+ "kind": "method",
16152
+ "name": "setCustomValidity",
16153
+ "parameters": [
16154
+ {
16155
+ "name": "message",
16156
+ "type": {
16157
+ "text": "string"
16158
+ }
16159
+ }
16160
+ ],
16161
+ "description": "Sets a custom validation message. Pass an empty string to restore validity."
16035
16162
  },
16036
16163
  {
16037
- "description": "The clear button.",
16038
- "name": "clear-button"
16164
+ "kind": "method",
16165
+ "name": "focus",
16166
+ "parameters": [
16167
+ {
16168
+ "name": "options",
16169
+ "optional": true,
16170
+ "type": {
16171
+ "text": "FocusOptions"
16172
+ }
16173
+ }
16174
+ ],
16175
+ "description": "Sets focus on the control."
16039
16176
  },
16040
16177
  {
16041
- "description": "The container that wraps the expand icon.",
16042
- "name": "expand-icon"
16178
+ "kind": "method",
16179
+ "name": "blur",
16180
+ "description": "Removes focus from the control."
16043
16181
  }
16044
16182
  ],
16045
- "slots": [
16183
+ "events": [
16046
16184
  {
16047
- "description": "The listbox options. Must be `<flow-option>` elements. You can use `<flow-divider>` to group items visually.",
16048
- "name": ""
16185
+ "description": "Emitted when the control's value changes.",
16186
+ "name": "flow-ui-change",
16187
+ "reactName": "onFlowUiChange"
16049
16188
  },
16050
16189
  {
16051
- "description": "The input's label. Alternatively, you can use the `label` attribute.",
16052
- "name": "label"
16190
+ "description": "Emitted when the control's value is cleared.",
16191
+ "name": "flow-ui-clear",
16192
+ "reactName": "onFlowUiClear"
16053
16193
  },
16054
16194
  {
16055
- "description": "Used to prepend a presentational icon or similar element to the combobox.",
16056
- "name": "prefix"
16195
+ "description": "Emitted when the control receives input.",
16196
+ "name": "flow-ui-input",
16197
+ "reactName": "onFlowUiInput"
16057
16198
  },
16058
16199
  {
16059
- "description": "Used to append a presentational icon or similar element to the combobox.",
16060
- "name": "suffix"
16200
+ "description": "Emitted when the control gains focus.",
16201
+ "name": "flow-ui-focus",
16202
+ "reactName": "onFlowUiFocus"
16061
16203
  },
16062
16204
  {
16063
- "description": "An icon to use in lieu of the default clear icon.",
16064
- "name": "clear-icon"
16205
+ "description": "Emitted when the control loses focus.",
16206
+ "name": "flow-ui-blur",
16207
+ "reactName": "onFlowUiBlur"
16065
16208
  },
16066
16209
  {
16067
- "description": "The icon to show when the control is expanded and collapsed. Rotates on open and close.",
16068
- "name": "expand-icon"
16210
+ "description": "Emitted when the select's menu opens.",
16211
+ "name": "flow-ui-show",
16212
+ "reactName": "onFlowUiShow"
16069
16213
  },
16070
16214
  {
16071
- "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
16072
- "name": "help-text"
16073
- }
16074
- ],
16075
- "members": [
16076
- {
16077
- "kind": "field",
16078
- "name": "dependencies",
16079
- "type": {
16080
- "text": "object"
16081
- },
16082
- "static": true,
16083
- "default": "{\n 'flow-icon': FlowIcon,\n 'flow-popup': FlowPopup,\n 'flow-tag': FlowTag\n }"
16215
+ "description": "Emitted after the select's menu opens and all animations are complete.",
16216
+ "name": "flow-ui-after-show",
16217
+ "reactName": "onFlowUiAfterShow"
16084
16218
  },
16085
16219
  {
16086
- "kind": "field",
16087
- "name": "formControlController",
16088
- "privacy": "private",
16089
- "readonly": true,
16090
- "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
16220
+ "description": "Emitted when the select's menu closes.",
16221
+ "name": "flow-ui-hide",
16222
+ "reactName": "onFlowUiHide"
16091
16223
  },
16092
16224
  {
16093
- "kind": "field",
16094
- "name": "hasSlotController",
16095
- "privacy": "private",
16096
- "readonly": true,
16097
- "default": "new HasSlotController(this, 'help-text', 'label')"
16225
+ "description": "Emitted after the select's menu closes and all animations are complete.",
16226
+ "name": "flow-ui-after-hide",
16227
+ "reactName": "onFlowUiAfterHide"
16098
16228
  },
16099
16229
  {
16100
- "kind": "field",
16101
- "name": "localize",
16102
- "privacy": "private",
16103
- "readonly": true,
16104
- "default": "new LocalizeController(this)"
16105
- },
16230
+ "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
16231
+ "name": "flow-ui-invalid",
16232
+ "reactName": "onFlowUiInvalid"
16233
+ }
16234
+ ],
16235
+ "attributes": [
16106
16236
  {
16107
- "kind": "field",
16108
- "name": "typeToSelectString",
16237
+ "name": "name",
16109
16238
  "type": {
16110
16239
  "text": "string"
16111
16240
  },
16112
- "privacy": "private",
16113
- "default": "''"
16241
+ "default": "''",
16242
+ "description": "The name of the select, submitted as a name/value pair with form data.",
16243
+ "fieldName": "name"
16114
16244
  },
16115
16245
  {
16116
- "kind": "field",
16117
- "name": "typeToSelectTimeout",
16246
+ "name": "value",
16118
16247
  "type": {
16119
- "text": "number"
16248
+ "text": "string | string[]"
16120
16249
  },
16121
- "privacy": "private"
16250
+ "default": "''",
16251
+ "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.**",
16252
+ "fieldName": "value"
16122
16253
  },
16123
16254
  {
16124
- "kind": "field",
16125
- "name": "closeWatcher",
16255
+ "name": "size",
16126
16256
  "type": {
16127
- "text": "CloseWatcher | null"
16257
+ "text": "'small' | 'medium' | 'large'"
16128
16258
  },
16129
- "privacy": "private"
16259
+ "default": "'medium'",
16260
+ "description": "The select's size.",
16261
+ "fieldName": "size"
16130
16262
  },
16131
16263
  {
16132
- "kind": "field",
16133
- "name": "mutationObserver",
16264
+ "name": "placeholder",
16134
16265
  "type": {
16135
- "text": "MutationObserver"
16266
+ "text": "string"
16136
16267
  },
16137
- "privacy": "private"
16138
- },
16139
- {
16140
- "kind": "field",
16141
- "name": "popup",
16142
- "type": {
16143
- "text": "FlowPopup"
16144
- }
16145
- },
16146
- {
16147
- "kind": "field",
16148
- "name": "combobox",
16149
- "type": {
16150
- "text": "HTMLSlotElement"
16151
- }
16268
+ "default": "''",
16269
+ "description": "Placeholder text to show as a hint when the select is empty.",
16270
+ "fieldName": "placeholder"
16152
16271
  },
16153
16272
  {
16154
- "kind": "field",
16155
- "name": "displayInput",
16273
+ "name": "multiple",
16156
16274
  "type": {
16157
- "text": "HTMLInputElement"
16158
- }
16275
+ "text": "boolean"
16276
+ },
16277
+ "default": "false",
16278
+ "description": "Allows more than one option to be selected.",
16279
+ "fieldName": "multiple"
16159
16280
  },
16160
16281
  {
16161
- "kind": "field",
16162
- "name": "valueInput",
16282
+ "name": "max-options-visible",
16163
16283
  "type": {
16164
- "text": "HTMLInputElement"
16165
- }
16284
+ "text": "number"
16285
+ },
16286
+ "default": "3",
16287
+ "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
16288
+ "fieldName": "maxOptionsVisible"
16166
16289
  },
16167
16290
  {
16168
- "kind": "field",
16169
- "name": "listbox",
16291
+ "name": "disabled",
16170
16292
  "type": {
16171
- "text": "HTMLSlotElement"
16172
- }
16293
+ "text": "boolean"
16294
+ },
16295
+ "default": "false",
16296
+ "description": "Disables the select control.",
16297
+ "fieldName": "disabled"
16173
16298
  },
16174
16299
  {
16175
- "kind": "field",
16176
- "name": "hasFocus",
16300
+ "name": "clearable",
16177
16301
  "type": {
16178
16302
  "text": "boolean"
16179
16303
  },
16180
- "privacy": "private",
16181
- "default": "false"
16304
+ "default": "false",
16305
+ "description": "Adds a clear button when the select is not empty.",
16306
+ "fieldName": "clearable"
16182
16307
  },
16183
16308
  {
16184
- "kind": "field",
16185
- "name": "displayLabel",
16309
+ "name": "open",
16186
16310
  "type": {
16187
- "text": "string"
16311
+ "text": "boolean"
16188
16312
  },
16189
- "default": "''"
16313
+ "default": "false",
16314
+ "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
16315
+ "fieldName": "open"
16190
16316
  },
16191
16317
  {
16192
- "kind": "field",
16193
- "name": "currentOption",
16318
+ "name": "hoist",
16194
16319
  "type": {
16195
- "text": "FlowOption"
16196
- }
16320
+ "text": "boolean"
16321
+ },
16322
+ "default": "false",
16323
+ "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
16324
+ "fieldName": "hoist"
16197
16325
  },
16198
16326
  {
16199
- "kind": "field",
16200
- "name": "selectedOptions",
16327
+ "name": "filled",
16201
16328
  "type": {
16202
- "text": "FlowOption[]"
16329
+ "text": "boolean"
16203
16330
  },
16204
- "default": "[]"
16331
+ "default": "false",
16332
+ "description": "Draws a filled select.",
16333
+ "fieldName": "filled"
16205
16334
  },
16206
16335
  {
16207
- "kind": "field",
16208
- "name": "name",
16336
+ "name": "pill",
16209
16337
  "type": {
16210
- "text": "string"
16338
+ "text": "boolean"
16211
16339
  },
16212
- "default": "''",
16213
- "description": "The name of the select, submitted as a name/value pair with form data.",
16214
- "attribute": "name"
16340
+ "default": "false",
16341
+ "description": "Draws a pill-style select with rounded edges.",
16342
+ "fieldName": "pill"
16215
16343
  },
16216
16344
  {
16217
- "kind": "field",
16218
- "name": "value",
16345
+ "name": "label",
16219
16346
  "type": {
16220
- "text": "string | string[]"
16347
+ "text": "string"
16221
16348
  },
16222
16349
  "default": "''",
16223
- "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.**",
16224
- "attribute": "value"
16350
+ "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
16351
+ "fieldName": "label"
16225
16352
  },
16226
16353
  {
16227
- "kind": "field",
16228
- "name": "defaultValue",
16354
+ "name": "placement",
16229
16355
  "type": {
16230
- "text": "string | string[]"
16356
+ "text": "'top' | 'bottom'"
16231
16357
  },
16232
- "default": "''",
16233
- "description": "The default value of the form control. Primarily used for resetting the form control."
16358
+ "default": "'bottom'",
16359
+ "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
16360
+ "fieldName": "placement"
16234
16361
  },
16235
16362
  {
16236
- "kind": "field",
16237
- "name": "size",
16363
+ "name": "help-text",
16238
16364
  "type": {
16239
- "text": "'small' | 'medium' | 'large'"
16365
+ "text": "string"
16240
16366
  },
16241
- "default": "'medium'",
16242
- "description": "The select's size.",
16243
- "attribute": "size",
16244
- "reflects": true
16367
+ "default": "''",
16368
+ "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
16369
+ "fieldName": "helpText"
16245
16370
  },
16246
16371
  {
16247
- "kind": "field",
16248
- "name": "placeholder",
16372
+ "name": "form",
16249
16373
  "type": {
16250
16374
  "text": "string"
16251
16375
  },
16252
16376
  "default": "''",
16253
- "description": "Placeholder text to show as a hint when the select is empty.",
16254
- "attribute": "placeholder"
16377
+ "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.",
16378
+ "fieldName": "form"
16255
16379
  },
16256
16380
  {
16257
- "kind": "field",
16258
- "name": "multiple",
16381
+ "name": "required",
16259
16382
  "type": {
16260
16383
  "text": "boolean"
16261
16384
  },
16262
16385
  "default": "false",
16263
- "description": "Allows more than one option to be selected.",
16264
- "attribute": "multiple",
16265
- "reflects": true
16386
+ "description": "The select's required attribute.",
16387
+ "fieldName": "required"
16266
16388
  },
16267
16389
  {
16268
- "kind": "field",
16269
- "name": "maxOptionsVisible",
16390
+ "name": "getTag",
16270
16391
  "type": {
16271
- "text": "number"
16392
+ "text": "(option: FlowOption, index: number) => TemplateResult | string | HTMLElement"
16272
16393
  },
16273
- "default": "3",
16274
- "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
16275
- "attribute": "max-options-visible"
16394
+ "description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index. The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
16395
+ "fieldName": "getTag"
16396
+ }
16397
+ ],
16398
+ "superclass": {
16399
+ "name": "FlowRdfElement",
16400
+ "module": "/src/internal/flow-ui-rdf-element"
16401
+ },
16402
+ "summary": "Selects allow you to choose items from a menu of predefined options.",
16403
+ "documentation": "https://shoelace.style/components/select",
16404
+ "status": "stable",
16405
+ "since": "2.0",
16406
+ "dependencies": [
16407
+ "flow-icon",
16408
+ "flow-popup",
16409
+ "flow-tag"
16410
+ ]
16411
+ }
16412
+ ],
16413
+ "exports": [
16414
+ {
16415
+ "kind": "js",
16416
+ "name": "default",
16417
+ "declaration": {
16418
+ "name": "FlowSelect",
16419
+ "module": "components/select/select.component.js"
16420
+ }
16421
+ }
16422
+ ]
16423
+ },
16424
+ {
16425
+ "kind": "javascript-module",
16426
+ "path": "components/select/select.js",
16427
+ "declarations": [],
16428
+ "exports": [
16429
+ {
16430
+ "kind": "js",
16431
+ "name": "*",
16432
+ "declaration": {
16433
+ "name": "*",
16434
+ "package": "./select.component.js"
16435
+ }
16436
+ },
16437
+ {
16438
+ "kind": "js",
16439
+ "name": "default",
16440
+ "declaration": {
16441
+ "name": "FlowSelect",
16442
+ "module": "components/select/select.js"
16443
+ }
16444
+ }
16445
+ ]
16446
+ },
16447
+ {
16448
+ "kind": "javascript-module",
16449
+ "path": "components/spinner/spinner.js",
16450
+ "declarations": [
16451
+ {
16452
+ "kind": "class",
16453
+ "description": "",
16454
+ "name": "FlowSpinner",
16455
+ "cssProperties": [
16456
+ {
16457
+ "description": "The width of the track.",
16458
+ "name": "--track-width"
16459
+ },
16460
+ {
16461
+ "description": "The color of the track.",
16462
+ "name": "--track-color"
16463
+ },
16464
+ {
16465
+ "description": "The color of the spinner's indicator.",
16466
+ "name": "--indicator-color"
16276
16467
  },
16468
+ {
16469
+ "description": "The time it takes for the spinner to complete one animation cycle.",
16470
+ "name": "--speed"
16471
+ }
16472
+ ],
16473
+ "cssParts": [
16474
+ {
16475
+ "description": "The component's base wrapper.",
16476
+ "name": "base"
16477
+ }
16478
+ ],
16479
+ "members": [
16277
16480
  {
16278
16481
  "kind": "field",
16279
- "name": "disabled",
16482
+ "name": "localize",
16483
+ "privacy": "private",
16484
+ "readonly": true,
16485
+ "default": "new LocalizeController(this)"
16486
+ }
16487
+ ],
16488
+ "superclass": {
16489
+ "name": "FlowRdfElement",
16490
+ "module": "/src/internal/flow-ui-rdf-element"
16491
+ },
16492
+ "summary": "Spinners are used to show the progress of an indeterminate operation.",
16493
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/spinner",
16494
+ "status": "stable",
16495
+ "since": "2.0",
16496
+ "tagName": "flow-ui-spinner",
16497
+ "customElement": true
16498
+ }
16499
+ ],
16500
+ "exports": [
16501
+ {
16502
+ "kind": "js",
16503
+ "name": "default",
16504
+ "declaration": {
16505
+ "name": "FlowSpinner",
16506
+ "module": "components/spinner/spinner.js"
16507
+ }
16508
+ },
16509
+ {
16510
+ "kind": "custom-element-definition",
16511
+ "name": "flow-ui-spinner",
16512
+ "declaration": {
16513
+ "name": "FlowSpinner",
16514
+ "module": "components/spinner/spinner.js"
16515
+ }
16516
+ }
16517
+ ]
16518
+ },
16519
+ {
16520
+ "kind": "javascript-module",
16521
+ "path": "components/split-view/split-view.component.js",
16522
+ "declarations": [
16523
+ {
16524
+ "kind": "class",
16525
+ "description": "",
16526
+ "name": "FlowSplitView",
16527
+ "members": [
16528
+ {
16529
+ "kind": "field",
16530
+ "name": "animatingPanelIndex",
16280
16531
  "type": {
16281
- "text": "boolean"
16282
- },
16283
- "default": "false",
16284
- "description": "Disables the select control.",
16285
- "attribute": "disabled",
16286
- "reflects": true
16532
+ "text": "number | undefined"
16533
+ },
16534
+ "privacy": "private"
16287
16535
  },
16288
16536
  {
16289
16537
  "kind": "field",
16290
- "name": "clearable",
16538
+ "name": "_panels",
16291
16539
  "type": {
16292
- "text": "boolean"
16540
+ "text": "FlowSplitViewPane[]"
16293
16541
  },
16294
- "default": "false",
16295
- "description": "Adds a clear button when the select is not empty.",
16296
- "attribute": "clearable"
16542
+ "privacy": "private",
16543
+ "default": "[]"
16297
16544
  },
16298
16545
  {
16299
16546
  "kind": "field",
16300
- "name": "open",
16547
+ "name": "dragTargetPanel",
16301
16548
  "type": {
16302
- "text": "boolean"
16549
+ "text": "FlowSplitViewPane | undefined"
16303
16550
  },
16304
- "default": "false",
16305
- "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
16306
- "attribute": "open",
16307
- "reflects": true
16551
+ "privacy": "private"
16308
16552
  },
16309
16553
  {
16310
16554
  "kind": "field",
16311
- "name": "hoist",
16555
+ "name": "mutationObserver",
16312
16556
  "type": {
16313
- "text": "boolean"
16557
+ "text": "MutationObserver"
16314
16558
  },
16315
- "default": "false",
16316
- "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
16317
- "attribute": "hoist"
16559
+ "privacy": "private"
16318
16560
  },
16319
16561
  {
16320
16562
  "kind": "field",
16321
- "name": "filled",
16563
+ "name": "resizeObserver",
16322
16564
  "type": {
16323
- "text": "boolean"
16565
+ "text": "ResizeObserver"
16324
16566
  },
16325
- "default": "false",
16326
- "description": "Draws a filled select.",
16327
- "attribute": "filled",
16328
- "reflects": true
16567
+ "privacy": "private"
16329
16568
  },
16330
16569
  {
16331
16570
  "kind": "field",
16332
- "name": "pill",
16571
+ "name": "noDragClose",
16333
16572
  "type": {
16334
16573
  "text": "boolean"
16335
16574
  },
16575
+ "privacy": "public",
16336
16576
  "default": "false",
16337
- "description": "Draws a pill-style select with rounded edges.",
16338
- "attribute": "pill",
16339
- "reflects": true
16577
+ "attribute": "no-drag-close"
16340
16578
  },
16341
16579
  {
16342
16580
  "kind": "field",
16343
- "name": "label",
16581
+ "name": "positions",
16344
16582
  "type": {
16345
- "text": "string"
16583
+ "text": "string[]"
16346
16584
  },
16347
- "default": "''",
16348
- "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
16349
- "attribute": "label"
16585
+ "privacy": "public",
16586
+ "default": "['auto', 'auto', 'auto', 'auto']",
16587
+ "attribute": "positions"
16350
16588
  },
16351
16589
  {
16352
16590
  "kind": "field",
16353
- "name": "placement",
16591
+ "name": "vertical",
16354
16592
  "type": {
16355
- "text": "'top' | 'bottom'"
16593
+ "text": "boolean"
16356
16594
  },
16357
- "default": "'bottom'",
16358
- "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
16359
- "attribute": "placement",
16595
+ "privacy": "public",
16596
+ "default": "false",
16597
+ "attribute": "vertical",
16360
16598
  "reflects": true
16361
16599
  },
16362
16600
  {
16363
16601
  "kind": "field",
16364
- "name": "helpText",
16602
+ "name": "panelSlot",
16365
16603
  "type": {
16366
- "text": "string"
16604
+ "text": "HTMLSlotElement"
16367
16605
  },
16368
- "default": "''",
16369
- "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
16370
- "attribute": "help-text"
16606
+ "privacy": "public"
16371
16607
  },
16372
16608
  {
16373
16609
  "kind": "field",
16374
- "name": "form",
16610
+ "name": "splitView",
16375
16611
  "type": {
16376
- "text": "string"
16612
+ "text": "HTMLElement"
16377
16613
  },
16378
- "default": "''",
16379
- "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.",
16380
- "attribute": "form",
16381
- "reflects": true
16614
+ "privacy": "public"
16382
16615
  },
16383
16616
  {
16384
16617
  "kind": "field",
16385
- "name": "required",
16618
+ "name": "dragging",
16386
16619
  "type": {
16387
16620
  "text": "boolean"
16388
16621
  },
16622
+ "privacy": "public",
16389
16623
  "default": "false",
16390
- "description": "The select's required attribute.",
16391
- "attribute": "required",
16624
+ "attribute": "dragging",
16392
16625
  "reflects": true
16393
16626
  },
16394
- {
16395
- "kind": "field",
16396
- "name": "getTag",
16397
- "type": {
16398
- "text": "(option: FlowOption, index: number) => TemplateResult | string | HTMLElement"
16399
- },
16400
- "description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index. The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
16401
- "attribute": "getTag"
16402
- },
16403
- {
16404
- "kind": "field",
16405
- "name": "validity",
16406
- "description": "Gets the validity state object",
16407
- "readonly": true
16408
- },
16409
- {
16410
- "kind": "field",
16411
- "name": "validationMessage",
16412
- "description": "Gets the validation message",
16413
- "readonly": true
16414
- },
16415
- {
16416
- "kind": "method",
16417
- "name": "addOpenListeners",
16418
- "privacy": "private"
16419
- },
16420
- {
16421
- "kind": "method",
16422
- "name": "removeOpenListeners",
16423
- "privacy": "private"
16424
- },
16425
- {
16426
- "kind": "method",
16427
- "name": "handleFocus",
16428
- "privacy": "private"
16429
- },
16430
- {
16431
- "kind": "method",
16432
- "name": "handleBlur",
16433
- "privacy": "private"
16434
- },
16435
- {
16436
- "kind": "field",
16437
- "name": "handleDocumentFocusIn",
16438
- "privacy": "private"
16439
- },
16440
- {
16441
- "kind": "field",
16442
- "name": "handleDocumentKeyDown",
16443
- "privacy": "private"
16444
- },
16445
- {
16446
- "kind": "field",
16447
- "name": "handleDocumentMouseDown",
16448
- "privacy": "private"
16449
- },
16450
- {
16451
- "kind": "method",
16452
- "name": "handleLabelClick",
16453
- "privacy": "private"
16454
- },
16455
16627
  {
16456
16628
  "kind": "method",
16457
- "name": "handleComboboxMouseDown",
16629
+ "name": "actualPanelSize",
16458
16630
  "privacy": "private",
16459
- "parameters": [
16460
- {
16461
- "name": "event",
16462
- "type": {
16463
- "text": "MouseEvent"
16464
- }
16631
+ "return": {
16632
+ "type": {
16633
+ "text": "number"
16465
16634
  }
16466
- ]
16467
- },
16468
- {
16469
- "kind": "method",
16470
- "name": "handleComboboxKeyDown",
16471
- "privacy": "private",
16635
+ },
16472
16636
  "parameters": [
16473
16637
  {
16474
- "name": "event",
16638
+ "name": "panel",
16475
16639
  "type": {
16476
- "text": "KeyboardEvent"
16640
+ "text": "FlowSplitViewPane"
16477
16641
  }
16478
16642
  }
16479
16643
  ]
16480
16644
  },
16481
16645
  {
16482
16646
  "kind": "method",
16483
- "name": "handleClearClick",
16647
+ "name": "growPanels",
16484
16648
  "privacy": "private",
16485
16649
  "parameters": [
16486
16650
  {
16487
- "name": "event",
16651
+ "name": "startIndex",
16488
16652
  "type": {
16489
- "text": "MouseEvent"
16490
- }
16491
- }
16492
- ]
16493
- },
16494
- {
16495
- "kind": "method",
16496
- "name": "handleClearMouseDown",
16497
- "privacy": "private",
16498
- "parameters": [
16653
+ "text": "number"
16654
+ },
16655
+ "description": "panel index to start growing from"
16656
+ },
16499
16657
  {
16500
- "name": "event",
16658
+ "name": "direction",
16501
16659
  "type": {
16502
- "text": "MouseEvent"
16503
- }
16504
- }
16505
- ]
16506
- },
16507
- {
16508
- "kind": "method",
16509
- "name": "handleOptionClick",
16510
- "privacy": "private",
16511
- "parameters": [
16660
+ "text": "1 | -1"
16661
+ },
16662
+ "description": "1 (right/down) or -1 (left/up)"
16663
+ },
16512
16664
  {
16513
- "name": "event",
16665
+ "name": "canOpen",
16514
16666
  "type": {
16515
- "text": "MouseEvent"
16667
+ "text": "boolean"
16516
16668
  }
16517
- }
16518
- ]
16519
- },
16520
- {
16521
- "kind": "method",
16522
- "name": "handleDefaultSlotChange",
16523
- "privacy": "private"
16524
- },
16525
- {
16526
- "kind": "method",
16527
- "name": "handleTagRemove",
16528
- "privacy": "private",
16529
- "parameters": [
16669
+ },
16530
16670
  {
16531
- "name": "event",
16671
+ "name": "amount",
16532
16672
  "type": {
16533
- "text": "FlowRemoveEvent"
16534
- }
16673
+ "text": "number"
16674
+ },
16675
+ "description": "Number of pixels to grow by"
16535
16676
  },
16536
16677
  {
16537
- "name": "option",
16538
- "type": {
16539
- "text": "FlowOption"
16540
- }
16678
+ "name": "dryRun",
16679
+ "default": "false",
16680
+ "description": "if true, don't actually row panels, just calculate the amount that can be grown"
16681
+ },
16682
+ {
16683
+ "description": "whether panels can be opened to grow space",
16684
+ "name": "caOpen"
16541
16685
  }
16542
- ]
16543
- },
16544
- {
16545
- "kind": "method",
16546
- "name": "getAllOptions",
16547
- "privacy": "private"
16548
- },
16549
- {
16550
- "kind": "method",
16551
- "name": "getFirstOption",
16552
- "privacy": "private"
16686
+ ],
16687
+ "description": "Grow panels starting from startIndex in specified direction by resizing panels\nup to their maximum size and (optionally) opening panels.",
16688
+ "return": {
16689
+ "type": {
16690
+ "text": ""
16691
+ }
16692
+ }
16553
16693
  },
16554
16694
  {
16555
16695
  "kind": "method",
16556
- "name": "setCurrentOption",
16696
+ "name": "handleCollapseExpand",
16557
16697
  "privacy": "private",
16558
16698
  "parameters": [
16559
16699
  {
16560
- "name": "option",
16700
+ "name": "event",
16561
16701
  "type": {
16562
- "text": "FlowOption | null"
16702
+ "text": "FlowCollapseEvent | FlowExpandEvent"
16563
16703
  }
16564
16704
  }
16565
16705
  ]
16566
16706
  },
16567
16707
  {
16568
16708
  "kind": "method",
16569
- "name": "setSelectedOptions",
16709
+ "name": "handleDrag",
16570
16710
  "privacy": "private",
16571
16711
  "parameters": [
16572
16712
  {
16573
- "name": "option",
16713
+ "name": "event",
16574
16714
  "type": {
16575
- "text": "FlowOption | FlowOption[]"
16715
+ "text": "FlowDragEvent"
16576
16716
  }
16577
16717
  }
16578
- ]
16718
+ ],
16719
+ "description": "This is called repeatedly as the user drags a panel divider.",
16720
+ "return": {
16721
+ "type": {
16722
+ "text": ""
16723
+ }
16724
+ }
16579
16725
  },
16580
16726
  {
16581
16727
  "kind": "method",
16582
- "name": "toggleOptionSelection",
16728
+ "name": "handleDragEnd",
16729
+ "privacy": "private"
16730
+ },
16731
+ {
16732
+ "kind": "method",
16733
+ "name": "handleDragStart",
16583
16734
  "privacy": "private",
16584
16735
  "parameters": [
16585
16736
  {
16586
- "name": "option",
16587
- "type": {
16588
- "text": "FlowOption"
16589
- }
16590
- },
16591
- {
16592
- "name": "force",
16593
- "optional": true,
16737
+ "name": "event",
16594
16738
  "type": {
16595
- "text": "boolean"
16739
+ "text": "FlowDragEvent"
16596
16740
  }
16597
16741
  }
16598
16742
  ]
16599
16743
  },
16600
16744
  {
16601
16745
  "kind": "method",
16602
- "name": "selectionChanged",
16746
+ "name": "handlePointerLeave",
16603
16747
  "privacy": "private"
16604
16748
  },
16605
- {
16606
- "kind": "field",
16607
- "name": "tags",
16608
- "privacy": "protected",
16609
- "readonly": true
16610
- },
16611
16749
  {
16612
16750
  "kind": "method",
16613
- "name": "handleInvalid",
16751
+ "name": "handleTransitionEnd",
16614
16752
  "privacy": "private",
16615
16753
  "parameters": [
16616
16754
  {
16617
16755
  "name": "event",
16618
16756
  "type": {
16619
- "text": "Event"
16757
+ "text": "TransitionEvent"
16620
16758
  }
16621
16759
  }
16622
16760
  ]
16623
16761
  },
16624
16762
  {
16625
16763
  "kind": "method",
16626
- "name": "handleDisabledChange"
16627
- },
16628
- {
16629
- "kind": "method",
16630
- "name": "handleValueChange"
16631
- },
16632
- {
16633
- "kind": "method",
16634
- "name": "handleOpenChange"
16635
- },
16636
- {
16637
- "kind": "method",
16638
- "name": "show",
16639
- "description": "Shows the listbox."
16640
- },
16641
- {
16642
- "kind": "method",
16643
- "name": "hide",
16644
- "description": "Hides the listbox."
16645
- },
16646
- {
16647
- "kind": "method",
16648
- "name": "checkValidity",
16649
- "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
16650
- },
16651
- {
16652
- "kind": "method",
16653
- "name": "getForm",
16764
+ "name": "isPanel",
16765
+ "privacy": "private",
16654
16766
  "return": {
16655
16767
  "type": {
16656
- "text": "HTMLFormElement | null"
16768
+ "text": "element is FlowSplitViewPane"
16657
16769
  }
16658
16770
  },
16659
- "description": "Gets the associated form, if one exists."
16771
+ "parameters": [
16772
+ {
16773
+ "name": "element",
16774
+ "type": {
16775
+ "text": "unknown"
16776
+ }
16777
+ }
16778
+ ]
16660
16779
  },
16661
16780
  {
16662
16781
  "kind": "method",
16663
- "name": "reportValidity",
16664
- "description": "Checks for validity and shows the browser's validation message if the control is invalid."
16782
+ "name": "layoutPanels",
16783
+ "privacy": "private"
16665
16784
  },
16666
16785
  {
16667
16786
  "kind": "method",
16668
- "name": "setCustomValidity",
16669
- "parameters": [
16670
- {
16671
- "name": "message",
16672
- "type": {
16673
- "text": "string"
16674
- }
16675
- }
16676
- ],
16677
- "description": "Sets a custom validation message. Pass an empty string to restore validity."
16787
+ "name": "resizePanels",
16788
+ "privacy": "private"
16678
16789
  },
16679
16790
  {
16680
16791
  "kind": "method",
16681
- "name": "focus",
16792
+ "name": "shrinkPanels",
16793
+ "privacy": "private",
16682
16794
  "parameters": [
16683
16795
  {
16684
- "name": "options",
16685
- "optional": true,
16796
+ "name": "startIndex",
16686
16797
  "type": {
16687
- "text": "FocusOptions"
16688
- }
16798
+ "text": "number"
16799
+ },
16800
+ "description": "panel index to start shrinking from"
16801
+ },
16802
+ {
16803
+ "name": "direction",
16804
+ "type": {
16805
+ "text": "1 | -1"
16806
+ },
16807
+ "description": "1 (right/down) or -1 (left/up)"
16808
+ },
16809
+ {
16810
+ "name": "canClose",
16811
+ "type": {
16812
+ "text": "boolean"
16813
+ },
16814
+ "description": "whether panels can be closed to make space"
16815
+ },
16816
+ {
16817
+ "name": "amount",
16818
+ "type": {
16819
+ "text": "number"
16820
+ },
16821
+ "description": "Number of pixels to shrink by"
16822
+ },
16823
+ {
16824
+ "name": "dryRun",
16825
+ "default": "false",
16826
+ "description": "if true, don't actually shrink panels, just calculate the amount that can be shrunk"
16689
16827
  }
16690
16828
  ],
16691
- "description": "Sets focus on the control."
16692
- },
16693
- {
16694
- "kind": "method",
16695
- "name": "blur",
16696
- "description": "Removes focus from the control."
16697
- }
16698
- ],
16699
- "events": [
16700
- {
16701
- "description": "Emitted when the control's value changes.",
16702
- "name": "flow-ui-change",
16703
- "reactName": "onFlowUiChange"
16704
- },
16705
- {
16706
- "description": "Emitted when the control's value is cleared.",
16707
- "name": "flow-ui-clear",
16708
- "reactName": "onFlowUiClear"
16709
- },
16710
- {
16711
- "description": "Emitted when the control receives input.",
16712
- "name": "flow-ui-input",
16713
- "reactName": "onFlowUiInput"
16714
- },
16715
- {
16716
- "description": "Emitted when the control gains focus.",
16717
- "name": "flow-ui-focus",
16718
- "reactName": "onFlowUiFocus"
16719
- },
16720
- {
16721
- "description": "Emitted when the control loses focus.",
16722
- "name": "flow-ui-blur",
16723
- "reactName": "onFlowUiBlur"
16724
- },
16725
- {
16726
- "description": "Emitted when the select's menu opens.",
16727
- "name": "flow-ui-show",
16728
- "reactName": "onFlowUiShow"
16729
- },
16730
- {
16731
- "description": "Emitted after the select's menu opens and all animations are complete.",
16732
- "name": "flow-ui-after-show",
16733
- "reactName": "onFlowUiAfterShow"
16734
- },
16735
- {
16736
- "description": "Emitted when the select's menu closes.",
16737
- "name": "flow-ui-hide",
16738
- "reactName": "onFlowUiHide"
16739
- },
16740
- {
16741
- "description": "Emitted after the select's menu closes and all animations are complete.",
16742
- "name": "flow-ui-after-hide",
16743
- "reactName": "onFlowUiAfterHide"
16744
- },
16745
- {
16746
- "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
16747
- "name": "flow-ui-invalid",
16748
- "reactName": "onFlowUiInvalid"
16749
- }
16750
- ],
16751
- "attributes": [
16752
- {
16753
- "name": "name",
16754
- "type": {
16755
- "text": "string"
16756
- },
16757
- "default": "''",
16758
- "description": "The name of the select, submitted as a name/value pair with form data.",
16759
- "fieldName": "name"
16760
- },
16761
- {
16762
- "name": "value",
16763
- "type": {
16764
- "text": "string | string[]"
16765
- },
16766
- "default": "''",
16767
- "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.**",
16768
- "fieldName": "value"
16769
- },
16770
- {
16771
- "name": "size",
16772
- "type": {
16773
- "text": "'small' | 'medium' | 'large'"
16774
- },
16775
- "default": "'medium'",
16776
- "description": "The select's size.",
16777
- "fieldName": "size"
16778
- },
16779
- {
16780
- "name": "placeholder",
16781
- "type": {
16782
- "text": "string"
16783
- },
16784
- "default": "''",
16785
- "description": "Placeholder text to show as a hint when the select is empty.",
16786
- "fieldName": "placeholder"
16787
- },
16788
- {
16789
- "name": "multiple",
16790
- "type": {
16791
- "text": "boolean"
16792
- },
16793
- "default": "false",
16794
- "description": "Allows more than one option to be selected.",
16795
- "fieldName": "multiple"
16829
+ "description": "Shrink panels starting from startIndex in specified direction by resizing panels\ndown to their minimum size and (optionally) closing panels.",
16830
+ "return": {
16831
+ "type": {
16832
+ "text": ""
16833
+ }
16834
+ }
16796
16835
  },
16797
16836
  {
16798
- "name": "max-options-visible",
16799
- "type": {
16800
- "text": "number"
16837
+ "kind": "method",
16838
+ "name": "sizeToPixels",
16839
+ "privacy": "private",
16840
+ "return": {
16841
+ "type": {
16842
+ "text": "number"
16843
+ }
16801
16844
  },
16802
- "default": "3",
16803
- "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
16804
- "fieldName": "maxOptionsVisible"
16845
+ "parameters": [
16846
+ {
16847
+ "name": "size",
16848
+ "type": {
16849
+ "text": "string"
16850
+ }
16851
+ }
16852
+ ]
16805
16853
  },
16806
16854
  {
16807
- "name": "disabled",
16808
- "type": {
16809
- "text": "boolean"
16810
- },
16811
- "default": "false",
16812
- "description": "Disables the select control.",
16813
- "fieldName": "disabled"
16855
+ "kind": "method",
16856
+ "name": "handlePanelAdded",
16857
+ "privacy": "private",
16858
+ "parameters": [
16859
+ {
16860
+ "name": "panel",
16861
+ "type": {
16862
+ "text": "FlowSplitViewPane"
16863
+ }
16864
+ }
16865
+ ]
16814
16866
  },
16815
16867
  {
16816
- "name": "clearable",
16817
- "type": {
16818
- "text": "boolean"
16819
- },
16820
- "default": "false",
16821
- "description": "Adds a clear button when the select is not empty.",
16822
- "fieldName": "clearable"
16868
+ "kind": "method",
16869
+ "name": "handlePanelRemoved",
16870
+ "privacy": "private",
16871
+ "parameters": [
16872
+ {
16873
+ "name": "panel",
16874
+ "type": {
16875
+ "text": "FlowSplitViewPane"
16876
+ }
16877
+ }
16878
+ ]
16823
16879
  },
16824
16880
  {
16825
- "name": "open",
16826
- "type": {
16827
- "text": "boolean"
16828
- },
16829
- "default": "false",
16830
- "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
16831
- "fieldName": "open"
16832
- },
16881
+ "kind": "method",
16882
+ "name": "updatePanelInfo",
16883
+ "privacy": "private"
16884
+ }
16885
+ ],
16886
+ "attributes": [
16833
16887
  {
16834
- "name": "hoist",
16888
+ "name": "no-drag-close",
16835
16889
  "type": {
16836
16890
  "text": "boolean"
16837
16891
  },
16838
16892
  "default": "false",
16839
- "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
16840
- "fieldName": "hoist"
16893
+ "fieldName": "noDragClose"
16841
16894
  },
16842
16895
  {
16843
- "name": "filled",
16896
+ "name": "positions",
16844
16897
  "type": {
16845
- "text": "boolean"
16898
+ "text": "string[]"
16846
16899
  },
16847
- "default": "false",
16848
- "description": "Draws a filled select.",
16849
- "fieldName": "filled"
16900
+ "default": "['auto', 'auto', 'auto', 'auto']",
16901
+ "fieldName": "positions"
16850
16902
  },
16851
16903
  {
16852
- "name": "pill",
16904
+ "name": "vertical",
16853
16905
  "type": {
16854
16906
  "text": "boolean"
16855
16907
  },
16856
16908
  "default": "false",
16857
- "description": "Draws a pill-style select with rounded edges.",
16858
- "fieldName": "pill"
16859
- },
16860
- {
16861
- "name": "label",
16862
- "type": {
16863
- "text": "string"
16864
- },
16865
- "default": "''",
16866
- "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
16867
- "fieldName": "label"
16868
- },
16869
- {
16870
- "name": "placement",
16871
- "type": {
16872
- "text": "'top' | 'bottom'"
16873
- },
16874
- "default": "'bottom'",
16875
- "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
16876
- "fieldName": "placement"
16877
- },
16878
- {
16879
- "name": "help-text",
16880
- "type": {
16881
- "text": "string"
16882
- },
16883
- "default": "''",
16884
- "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
16885
- "fieldName": "helpText"
16886
- },
16887
- {
16888
- "name": "form",
16889
- "type": {
16890
- "text": "string"
16891
- },
16892
- "default": "''",
16893
- "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.",
16894
- "fieldName": "form"
16909
+ "fieldName": "vertical"
16895
16910
  },
16896
16911
  {
16897
- "name": "required",
16912
+ "name": "dragging",
16898
16913
  "type": {
16899
16914
  "text": "boolean"
16900
16915
  },
16901
16916
  "default": "false",
16902
- "description": "The select's required attribute.",
16903
- "fieldName": "required"
16904
- },
16905
- {
16906
- "name": "getTag",
16907
- "type": {
16908
- "text": "(option: FlowOption, index: number) => TemplateResult | string | HTMLElement"
16909
- },
16910
- "description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index. The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
16911
- "fieldName": "getTag"
16917
+ "fieldName": "dragging"
16912
16918
  }
16913
16919
  ],
16914
16920
  "superclass": {
16915
16921
  "name": "FlowRdfElement",
16916
16922
  "module": "/src/internal/flow-ui-rdf-element"
16917
16923
  },
16918
- "summary": "Selects allow you to choose items from a menu of predefined options.",
16919
- "documentation": "https://shoelace.style/components/select",
16920
- "status": "stable",
16921
- "since": "2.0",
16922
- "dependencies": [
16923
- "flow-icon",
16924
- "flow-popup",
16925
- "flow-tag"
16926
- ]
16924
+ "tagName": "flow-ui-split-view",
16925
+ "summary": "Split-views contain 2 or more split-view panes to create resizable areas.",
16926
+ "customElement": true
16927
16927
  }
16928
16928
  ],
16929
16929
  "exports": [
@@ -16931,15 +16931,15 @@
16931
16931
  "kind": "js",
16932
16932
  "name": "default",
16933
16933
  "declaration": {
16934
- "name": "FlowSelect",
16935
- "module": "components/select/select.component.js"
16934
+ "name": "FlowSplitView",
16935
+ "module": "components/split-view/split-view.component.js"
16936
16936
  }
16937
16937
  }
16938
16938
  ]
16939
16939
  },
16940
16940
  {
16941
16941
  "kind": "javascript-module",
16942
- "path": "components/select/select.js",
16942
+ "path": "components/split-view/split-view.js",
16943
16943
  "declarations": [],
16944
16944
  "exports": [
16945
16945
  {
@@ -16947,15 +16947,15 @@
16947
16947
  "name": "*",
16948
16948
  "declaration": {
16949
16949
  "name": "*",
16950
- "package": "./select.component.js"
16950
+ "package": "./split-view.component.js"
16951
16951
  }
16952
16952
  },
16953
16953
  {
16954
16954
  "kind": "js",
16955
16955
  "name": "default",
16956
16956
  "declaration": {
16957
- "name": "FlowSelect",
16958
- "module": "components/select/select.js"
16957
+ "name": "FlowSplitView",
16958
+ "module": "components/split-view/split-view.js"
16959
16959
  }
16960
16960
  }
16961
16961
  ]
@@ -23020,6 +23020,52 @@
23020
23020
  }
23021
23021
  ]
23022
23022
  },
23023
+ {
23024
+ "kind": "javascript-module",
23025
+ "path": "components/visually-hidden/visually-hidden.js",
23026
+ "declarations": [
23027
+ {
23028
+ "kind": "class",
23029
+ "description": "",
23030
+ "name": "FlowVisuallyHidden",
23031
+ "slots": [
23032
+ {
23033
+ "description": "The content to be visually hidden.",
23034
+ "name": ""
23035
+ }
23036
+ ],
23037
+ "members": [],
23038
+ "superclass": {
23039
+ "name": "FlowRdfElement",
23040
+ "module": "/src/internal/flow-ui-rdf-element"
23041
+ },
23042
+ "summary": "The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.",
23043
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/visually-hidden",
23044
+ "status": "stable",
23045
+ "since": "2.0",
23046
+ "tagName": "flow-ui-visually-hidden",
23047
+ "customElement": true
23048
+ }
23049
+ ],
23050
+ "exports": [
23051
+ {
23052
+ "kind": "js",
23053
+ "name": "default",
23054
+ "declaration": {
23055
+ "name": "FlowVisuallyHidden",
23056
+ "module": "components/visually-hidden/visually-hidden.js"
23057
+ }
23058
+ },
23059
+ {
23060
+ "kind": "custom-element-definition",
23061
+ "name": "flow-ui-visually-hidden",
23062
+ "declaration": {
23063
+ "name": "FlowVisuallyHidden",
23064
+ "module": "components/visually-hidden/visually-hidden.js"
23065
+ }
23066
+ }
23067
+ ]
23068
+ },
23023
23069
  {
23024
23070
  "kind": "javascript-module",
23025
23071
  "path": "components/chart/chartjs-plugins/interaction.interpolate.js",
@@ -23246,52 +23292,6 @@
23246
23292
  }
23247
23293
  ]
23248
23294
  },
23249
- {
23250
- "kind": "javascript-module",
23251
- "path": "components/visually-hidden/visually-hidden.js",
23252
- "declarations": [
23253
- {
23254
- "kind": "class",
23255
- "description": "",
23256
- "name": "FlowVisuallyHidden",
23257
- "slots": [
23258
- {
23259
- "description": "The content to be visually hidden.",
23260
- "name": ""
23261
- }
23262
- ],
23263
- "members": [],
23264
- "superclass": {
23265
- "name": "FlowRdfElement",
23266
- "module": "/src/internal/flow-ui-rdf-element"
23267
- },
23268
- "summary": "The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.",
23269
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/visually-hidden",
23270
- "status": "stable",
23271
- "since": "2.0",
23272
- "tagName": "flow-ui-visually-hidden",
23273
- "customElement": true
23274
- }
23275
- ],
23276
- "exports": [
23277
- {
23278
- "kind": "js",
23279
- "name": "default",
23280
- "declaration": {
23281
- "name": "FlowVisuallyHidden",
23282
- "module": "components/visually-hidden/visually-hidden.js"
23283
- }
23284
- },
23285
- {
23286
- "kind": "custom-element-definition",
23287
- "name": "flow-ui-visually-hidden",
23288
- "declaration": {
23289
- "name": "FlowVisuallyHidden",
23290
- "module": "components/visually-hidden/visually-hidden.js"
23291
- }
23292
- }
23293
- ]
23294
- },
23295
23295
  {
23296
23296
  "kind": "javascript-module",
23297
23297
  "path": "components/query-builder/converters/flow-query-converters.js",
@@ -23351,6 +23351,6 @@
23351
23351
  ],
23352
23352
  "package": {
23353
23353
  "name": "@emuanalytics/flow-rdf-ui",
23354
- "version": "0.0.39"
23354
+ "version": "0.0.41"
23355
23355
  }
23356
23356
  }