@genesislcap/rapid-design-system 14.482.0 → 14.482.1-FUI-2575.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/custom-elements.json +1348 -1074
  2. package/dist/dts/button/button.styles.d.ts.map +1 -1
  3. package/dist/dts/card/card.styles.d.ts.map +1 -1
  4. package/dist/dts/flexlayout-react-theme/flexlayout-react-theme.generated.d.ts +1 -1
  5. package/dist/dts/flexlayout-react-theme/flexlayout-react-theme.generated.d.ts.map +1 -1
  6. package/dist/dts/index.d.ts +1 -0
  7. package/dist/dts/index.d.ts.map +1 -1
  8. package/dist/dts/modal-theme/index.d.ts +3 -0
  9. package/dist/dts/modal-theme/index.d.ts.map +1 -0
  10. package/dist/dts/modal-theme/modal-theme.d.ts +69 -0
  11. package/dist/dts/modal-theme/modal-theme.d.ts.map +1 -0
  12. package/dist/dts/modal-theme/theme-compiler.d.ts +37 -0
  13. package/dist/dts/modal-theme/theme-compiler.d.ts.map +1 -0
  14. package/dist/dts/react.d.ts +17 -17
  15. package/dist/dts/tab/tab.styles.d.ts.map +1 -1
  16. package/dist/dts/tab-panel/tab-panel.styles.d.ts.map +1 -1
  17. package/dist/esm/button/button.styles.js +14 -3
  18. package/dist/esm/card/card.styles.js +1 -0
  19. package/dist/esm/flexlayout-react-theme/flexlayout-react-theme.generated.js +1 -3
  20. package/dist/esm/flexlayout-react-theme/flexlayout-react.overrides.css +1 -3
  21. package/dist/esm/index.js +1 -0
  22. package/dist/esm/modal-theme/index.js +2 -0
  23. package/dist/esm/modal-theme/modal-theme.js +170 -0
  24. package/dist/esm/modal-theme/theme-compiler.js +49 -0
  25. package/dist/esm/tab/tab.styles.js +1 -0
  26. package/dist/esm/tab-panel/tab-panel.styles.js +2 -1
  27. package/dist/react.cjs +11 -11
  28. package/dist/react.mjs +9 -9
  29. package/package.json +11 -11
package/dist/custom-elements.json CHANGED
@@ -452,6 +452,14 @@
452
452
  "package": "./modal"
453
453
  }
454
454
  },
455
+ {
456
+ "kind": "js",
457
+ "name": "*",
458
+ "declaration": {
459
+ "name": "*",
460
+ "package": "./modal-theme"
461
+ }
462
+ },
455
463
  {
456
464
  "kind": "js",
457
465
  "name": "*",
@@ -862,11 +870,11 @@
862
870
  },
863
871
  {
864
872
  "kind": "javascript-module",
865
- "path": "src/accordion/accordion.styles.ts",
873
+ "path": "src/accordion-item/accordion-item.styles.ts",
866
874
  "declarations": [
867
875
  {
868
876
  "kind": "function",
869
- "name": "rapidAccordionStyles",
877
+ "name": "rapidAccordionItemStyles",
870
878
  "return": {
871
879
  "type": {
872
880
  "text": "ElementStyles"
@@ -891,24 +899,24 @@
891
899
  "exports": [
892
900
  {
893
901
  "kind": "js",
894
- "name": "rapidAccordionStyles",
902
+ "name": "rapidAccordionItemStyles",
895
903
  "declaration": {
896
- "name": "rapidAccordionStyles",
897
- "module": "src/accordion/accordion.styles.ts"
904
+ "name": "rapidAccordionItemStyles",
905
+ "module": "src/accordion-item/accordion-item.styles.ts"
898
906
  }
899
907
  }
900
908
  ]
901
909
  },
902
910
  {
903
911
  "kind": "javascript-module",
904
- "path": "src/accordion/accordion.template.ts",
912
+ "path": "src/accordion-item/accordion-item.template.ts",
905
913
  "declarations": [
906
914
  {
907
915
  "kind": "function",
908
- "name": "rapidAccordionTemplate",
916
+ "name": "rapidAccordionItemTemplate",
909
917
  "return": {
910
918
  "type": {
911
- "text": "ViewTemplate<Accordion>"
919
+ "text": "ViewTemplate<AccordionItem>"
912
920
  }
913
921
  },
914
922
  "parameters": [
@@ -930,56 +938,56 @@
930
938
  "exports": [
931
939
  {
932
940
  "kind": "js",
933
- "name": "rapidAccordionTemplate",
941
+ "name": "rapidAccordionItemTemplate",
934
942
  "declaration": {
935
- "name": "rapidAccordionTemplate",
936
- "module": "src/accordion/accordion.template.ts"
943
+ "name": "rapidAccordionItemTemplate",
944
+ "module": "src/accordion-item/accordion-item.template.ts"
937
945
  }
938
946
  }
939
947
  ]
940
948
  },
941
949
  {
942
950
  "kind": "javascript-module",
943
- "path": "src/accordion/accordion.ts",
951
+ "path": "src/accordion-item/accordion-item.ts",
944
952
  "declarations": [
945
953
  {
946
954
  "kind": "class",
947
955
  "description": "",
948
- "name": "Accordion",
956
+ "name": "AccordionItem",
949
957
  "superclass": {
950
- "name": "foundationAccordion",
958
+ "name": "foundationAccordionItem",
951
959
  "package": "@genesislcap/foundation-ui"
952
960
  },
953
- "tagName": "%%prefix%%-accordion",
961
+ "tagName": "%%prefix%%-accordion-item",
954
962
  "customElement": true
955
963
  },
956
964
  {
957
965
  "kind": "variable",
958
- "name": "rapidAccordion"
966
+ "name": "rapidAccordionItem"
959
967
  }
960
968
  ],
961
969
  "exports": [
962
970
  {
963
971
  "kind": "js",
964
- "name": "Accordion",
972
+ "name": "AccordionItem",
965
973
  "declaration": {
966
- "name": "Accordion",
967
- "module": "src/accordion/accordion.ts"
974
+ "name": "AccordionItem",
975
+ "module": "src/accordion-item/accordion-item.ts"
968
976
  }
969
977
  },
970
978
  {
971
979
  "kind": "js",
972
- "name": "rapidAccordion",
980
+ "name": "rapidAccordionItem",
973
981
  "declaration": {
974
- "name": "rapidAccordion",
975
- "module": "src/accordion/accordion.ts"
982
+ "name": "rapidAccordionItem",
983
+ "module": "src/accordion-item/accordion-item.ts"
976
984
  }
977
985
  }
978
986
  ]
979
987
  },
980
988
  {
981
989
  "kind": "javascript-module",
982
- "path": "src/accordion/index.ts",
990
+ "path": "src/accordion-item/index.ts",
983
991
  "declarations": [],
984
992
  "exports": [
985
993
  {
@@ -987,7 +995,7 @@
987
995
  "name": "*",
988
996
  "declaration": {
989
997
  "name": "*",
990
- "package": "./accordion"
998
+ "package": "./accordion-item"
991
999
  }
992
1000
  },
993
1001
  {
@@ -995,7 +1003,7 @@
995
1003
  "name": "*",
996
1004
  "declaration": {
997
1005
  "name": "*",
998
- "package": "./accordion.styles"
1006
+ "package": "./accordion-item.styles"
999
1007
  }
1000
1008
  },
1001
1009
  {
@@ -1003,18 +1011,18 @@
1003
1011
  "name": "*",
1004
1012
  "declaration": {
1005
1013
  "name": "*",
1006
- "package": "./accordion.template"
1014
+ "package": "./accordion-item.template"
1007
1015
  }
1008
1016
  }
1009
1017
  ]
1010
1018
  },
1011
1019
  {
1012
1020
  "kind": "javascript-module",
1013
- "path": "src/accordion-item/accordion-item.styles.ts",
1021
+ "path": "src/accordion/accordion.styles.ts",
1014
1022
  "declarations": [
1015
1023
  {
1016
1024
  "kind": "function",
1017
- "name": "rapidAccordionItemStyles",
1025
+ "name": "rapidAccordionStyles",
1018
1026
  "return": {
1019
1027
  "type": {
1020
1028
  "text": "ElementStyles"
@@ -1039,24 +1047,24 @@
1039
1047
  "exports": [
1040
1048
  {
1041
1049
  "kind": "js",
1042
- "name": "rapidAccordionItemStyles",
1050
+ "name": "rapidAccordionStyles",
1043
1051
  "declaration": {
1044
- "name": "rapidAccordionItemStyles",
1045
- "module": "src/accordion-item/accordion-item.styles.ts"
1052
+ "name": "rapidAccordionStyles",
1053
+ "module": "src/accordion/accordion.styles.ts"
1046
1054
  }
1047
1055
  }
1048
1056
  ]
1049
1057
  },
1050
1058
  {
1051
1059
  "kind": "javascript-module",
1052
- "path": "src/accordion-item/accordion-item.template.ts",
1060
+ "path": "src/accordion/accordion.template.ts",
1053
1061
  "declarations": [
1054
1062
  {
1055
1063
  "kind": "function",
1056
- "name": "rapidAccordionItemTemplate",
1064
+ "name": "rapidAccordionTemplate",
1057
1065
  "return": {
1058
1066
  "type": {
1059
- "text": "ViewTemplate<AccordionItem>"
1067
+ "text": "ViewTemplate<Accordion>"
1060
1068
  }
1061
1069
  },
1062
1070
  "parameters": [
@@ -1078,56 +1086,56 @@
1078
1086
  "exports": [
1079
1087
  {
1080
1088
  "kind": "js",
1081
- "name": "rapidAccordionItemTemplate",
1089
+ "name": "rapidAccordionTemplate",
1082
1090
  "declaration": {
1083
- "name": "rapidAccordionItemTemplate",
1084
- "module": "src/accordion-item/accordion-item.template.ts"
1091
+ "name": "rapidAccordionTemplate",
1092
+ "module": "src/accordion/accordion.template.ts"
1085
1093
  }
1086
1094
  }
1087
1095
  ]
1088
1096
  },
1089
1097
  {
1090
1098
  "kind": "javascript-module",
1091
- "path": "src/accordion-item/accordion-item.ts",
1099
+ "path": "src/accordion/accordion.ts",
1092
1100
  "declarations": [
1093
1101
  {
1094
1102
  "kind": "class",
1095
1103
  "description": "",
1096
- "name": "AccordionItem",
1104
+ "name": "Accordion",
1097
1105
  "superclass": {
1098
- "name": "foundationAccordionItem",
1106
+ "name": "foundationAccordion",
1099
1107
  "package": "@genesislcap/foundation-ui"
1100
1108
  },
1101
- "tagName": "%%prefix%%-accordion-item",
1109
+ "tagName": "%%prefix%%-accordion",
1102
1110
  "customElement": true
1103
1111
  },
1104
1112
  {
1105
1113
  "kind": "variable",
1106
- "name": "rapidAccordionItem"
1114
+ "name": "rapidAccordion"
1107
1115
  }
1108
1116
  ],
1109
1117
  "exports": [
1110
1118
  {
1111
1119
  "kind": "js",
1112
- "name": "AccordionItem",
1120
+ "name": "Accordion",
1113
1121
  "declaration": {
1114
- "name": "AccordionItem",
1115
- "module": "src/accordion-item/accordion-item.ts"
1122
+ "name": "Accordion",
1123
+ "module": "src/accordion/accordion.ts"
1116
1124
  }
1117
1125
  },
1118
1126
  {
1119
1127
  "kind": "js",
1120
- "name": "rapidAccordionItem",
1128
+ "name": "rapidAccordion",
1121
1129
  "declaration": {
1122
- "name": "rapidAccordionItem",
1123
- "module": "src/accordion-item/accordion-item.ts"
1130
+ "name": "rapidAccordion",
1131
+ "module": "src/accordion/accordion.ts"
1124
1132
  }
1125
1133
  }
1126
1134
  ]
1127
1135
  },
1128
1136
  {
1129
1137
  "kind": "javascript-module",
1130
- "path": "src/accordion-item/index.ts",
1138
+ "path": "src/accordion/index.ts",
1131
1139
  "declarations": [],
1132
1140
  "exports": [
1133
1141
  {
@@ -1135,7 +1143,7 @@
1135
1143
  "name": "*",
1136
1144
  "declaration": {
1137
1145
  "name": "*",
1138
- "package": "./accordion-item"
1146
+ "package": "./accordion"
1139
1147
  }
1140
1148
  },
1141
1149
  {
@@ -1143,7 +1151,7 @@
1143
1151
  "name": "*",
1144
1152
  "declaration": {
1145
1153
  "name": "*",
1146
- "package": "./accordion-item.styles"
1154
+ "package": "./accordion.styles"
1147
1155
  }
1148
1156
  },
1149
1157
  {
@@ -1151,7 +1159,7 @@
1151
1159
  "name": "*",
1152
1160
  "declaration": {
1153
1161
  "name": "*",
1154
- "package": "./accordion-item.template"
1162
+ "package": "./accordion.template"
1155
1163
  }
1156
1164
  }
1157
1165
  ]
@@ -16886,7 +16894,7 @@
16886
16894
  {
16887
16895
  "kind": "variable",
16888
16896
  "name": "FLEXLAYOUT_REACT_THEME_CSS",
16889
- "default": "`/* ============================================================================\n * flexlayout-react base theme — VENDORED from flexlayout-react@0.8.19 (style/dark.css).\n * ========================================================================== */\n.flexlayout__layout {\n --color-text: #eeeeee;\n --color-background: black;\n --color-base: black;\n --color-1: rgb(17.85, 17.85, 17.85);\n --color-2: rgb(25.5, 25.5, 25.5);\n --color-3: rgb(38.25, 38.25, 38.25);\n --color-4: #333333;\n --color-5: rgb(63.75, 63.75, 63.75);\n --color-6: rgb(76.5, 76.5, 76.5);\n --color-drag1: rgb(207, 232, 255);\n --color-drag2: rgb(183, 209, 181);\n --color-drag1-background: rgba(128, 128, 128, 0.15);\n --color-drag2-background: rgba(128, 128, 128, 0.15);\n --font-size: medium;\n --font-family: Roboto, Arial, sans-serif;\n --color-overflow: gray;\n --color-icon: gray;\n --color-tabset-background: var(--color-1);\n --color-tabset-background-selected: var(--color-1);\n --color-tabset-background-maximized: var(--color-6);\n --color-tabset-divider-line: var(--color-4);\n --color-tabset-header-background: var(--color-1);\n --color-tabset-header: var(--color-text);\n --color-border-tab-content: var(--color-background);\n --color-border-background: var(--color-1);\n --color-border-divider-line: var(--color-4);\n --color-tab-content: var(--color-background);\n --color-tab-selected: var(--color-text);\n --color-tab-selected-background: var(--color-4);\n --color-tab-unselected: gray;\n --color-tab-unselected-background: transparent;\n --color-tab-textbox: var(--color-text);\n --color-tab-textbox-background: var(--color-3);\n --color-border-tab-selected: var(--color-text);\n --color-border-tab-selected-background: var(--color-4);\n --color-border-tab-unselected: gray;\n --color-border-tab-unselected-background: var(--color-2);\n --color-splitter: var(--color-2);\n --color-splitter-hover: var(--color-4);\n --color-splitter-drag: var(--color-5);\n --color-drag-rect-border: var(--color-4);\n --color-drag-rect-background: var(--color-1);\n --color-drag-rect: var(--color-text);\n --color-popup-border: var(--color-6);\n --color-popup-unselected: var(--color-text);\n --color-popup-unselected-background: var(--color-background);\n --color-popup-selected: var(--color-text);\n --color-popup-selected-background: var(--color-4);\n --color-edge-marker: gray;\n --color-edge-icon: #eee;\n --color-mini-scroll-indicator: rgba(128, 128, 128, 0.5);\n --color-mini-scroll-indicator-hovered: rgba(128, 128, 128, 0.8);\n --size-mini-scroll-indicator: 3px;\n --color-toolbar-button-hover: var(--color-4);\n}\n\n/*\n base classes\n*/\n.flexlayout__layout {\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n display: flex;\n overflow: hidden;\n background-color: var(--color-background);\n}\n.flexlayout__layout_overlay {\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n z-index: 1000;\n}\n.flexlayout__layout_tab_stamps {\n position: absolute;\n top: -10000px;\n z-index: 100;\n display: flex;\n flex-direction: column;\n align-items: start;\n}\n.flexlayout__layout_moveables {\n visibility: hidden;\n position: absolute;\n width: 100px;\n height: 100px;\n top: -20000px;\n}\n.flexlayout__layout_main {\n display: flex;\n flex-basis: 0px;\n min-width: 0;\n min-height: 0;\n flex-grow: 1;\n position: relative;\n}\n.flexlayout__layout_border_container {\n display: flex;\n flex-basis: 0px;\n min-width: 0;\n min-height: 0;\n flex-grow: 1;\n}\n.flexlayout__layout_border_container_inner {\n display: flex;\n flex-basis: 0px;\n min-width: 0;\n min-height: 0;\n flex-grow: 1;\n}\n.flexlayout__splitter {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--color-splitter);\n touch-action: none;\n z-index: 10;\n}\n@media (hover: hover) {\n .flexlayout__splitter:hover {\n background-color: var(--color-splitter-hover);\n transition: background-color ease-in 0.1s;\n transition-delay: 0.05s;\n border-radius: 5px;\n }\n}\n.flexlayout__splitter_drag {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n border-radius: 5px;\n background-color: var(--color-splitter-drag);\n}\n.flexlayout__splitter_handle {\n background-color: #ccc;\n border-radius: 3px;\n}\n.flexlayout__splitter_handle_horz {\n width: 3px;\n height: 30px;\n}\n.flexlayout__splitter_handle_vert {\n width: 30px;\n height: 3px;\n}\n.flexlayout__splitter_extra {\n touch-action: none;\n background-color: transparent;\n}\n.flexlayout__outline_rect {\n position: absolute;\n pointer-events: none;\n box-sizing: border-box;\n border: 2px solid var(--color-drag1);\n background: var(--color-drag1-background);\n border-radius: 5px;\n z-index: 1000;\n}\n.flexlayout__outline_rect_edge {\n pointer-events: none;\n border: 2px solid var(--color-drag2);\n background: var(--color-drag2-background);\n border-radius: 5px;\n z-index: 1000;\n box-sizing: border-box;\n}\n.flexlayout__edge_rect {\n position: absolute;\n z-index: 1000;\n background-color: var(--color-edge-marker);\n pointer-events: none;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexlayout__drag_rect {\n color: var(--color-drag-rect);\n background-color: var(--color-drag-rect-background);\n border: 2px solid var(--color-drag-rect-border);\n border-radius: 5px;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n flex-direction: column;\n overflow: hidden;\n padding: 0.3em 0.8em;\n word-wrap: break-word;\n font-size: var(--font-size);\n font-family: var(--font-family);\n}\n.flexlayout__row {\n display: flex;\n flex-basis: 0px;\n min-width: 0;\n min-height: 0;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n}\n.flexlayout__tabset {\n display: flex;\n flex-direction: column;\n position: relative;\n background-color: var(--color-tabset-background);\n box-sizing: border-box;\n font-family: var(--font-family);\n overflow: hidden;\n flex-grow: 1;\n}\n.flexlayout__tabset_container {\n display: flex;\n flex-basis: 0px;\n min-width: 0;\n min-height: 0;\n flex-direction: column;\n overflow: hidden;\n flex-grow: 1;\n}\n.flexlayout__tabset_tab_divider {\n width: 4px;\n}\n.flexlayout__tabset_content {\n display: flex;\n flex-basis: 0px;\n min-width: 0;\n min-height: 0;\n flex-grow: 1;\n box-sizing: border-box;\n position: relative;\n}\n.flexlayout__tabset_leading {\n display: flex;\n}\n.flexlayout__tabset_header {\n display: flex;\n align-items: center;\n padding: 3px 3px 3px 5px;\n box-sizing: border-box;\n border-bottom: 1px solid var(--color-tabset-divider-line);\n color: var(--color-tabset-header);\n background-color: var(--color-tabset-header-background);\n font-size: var(--font-size);\n}\n.flexlayout__tabset_header_content {\n flex-grow: 1;\n}\n.flexlayout__tabset_tabbar_outer {\n box-sizing: border-box;\n background-color: var(--color-tabset-background);\n overflow: hidden;\n display: flex;\n font-size: var(--font-size);\n}\n.flexlayout__tabset_tabbar_outer_top {\n padding: 0px 2px 0px 2px;\n border-bottom: 1px solid var(--color-tabset-divider-line);\n}\n.flexlayout__tabset_tabbar_outer_bottom {\n padding: 0px 2px 0px 2px;\n border-top: 1px solid var(--color-tabset-divider-line);\n}\n.flexlayout__tabset_tabbar_inner {\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-grow: 1;\n scrollbar-width: none;\n}\n.flexlayout__tabset_tabbar_inner::-webkit-scrollbar {\n display: none;\n}\n.flexlayout__tabset_tabbar_inner_tab_container {\n position: relative;\n display: flex;\n padding-left: 4px;\n padding-right: 4px;\n box-sizing: border-box;\n white-space: nowrap;\n}\n.flexlayout__tabset_tabbar_inner_tab_container_top {\n border-top: 2px solid transparent;\n}\n.flexlayout__tabset_tabbar_inner_tab_container_bottom {\n border-bottom: 2px solid transparent;\n}\n.flexlayout__tabset-selected {\n background-color: var(--color-tabset-background-selected);\n}\n.flexlayout__tabset-maximized {\n background-color: var(--color-tabset-background-maximized);\n}\n.flexlayout__tab_button_stamp {\n display: inline-flex;\n align-items: center;\n gap: 0.3em;\n white-space: nowrap;\n box-sizing: border-box;\n}\n.flexlayout__tab {\n overflow: hidden;\n box-sizing: border-box;\n background-color: var(--color-tab-content);\n color: var(--color-text);\n position: relative;\n}\n.flexlayout__tab_moveable {\n position: relative;\n height: 100%;\n min-width: 1px;\n min-height: 1px;\n overflow: auto;\n box-sizing: border-box;\n}\n.flexlayout__tab_overlay {\n z-index: 20;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.2392156863);\n}\n.flexlayout__tab_button {\n display: flex;\n gap: 0.3em;\n align-items: center;\n box-sizing: border-box;\n padding: 3px 0.5em;\n cursor: pointer;\n}\n.flexlayout__tab_button_stretch {\n background-color: transparent;\n color: var(--color-tab-selected);\n width: 100%;\n padding: 3px 0em;\n text-wrap: nowrap;\n display: flex;\n gap: 0.3em;\n align-items: center;\n box-sizing: border-box;\n cursor: pointer;\n}\n@media (hover: hover) {\n .flexlayout__tab_button_stretch:hover {\n color: var(--color-tab-selected);\n }\n}\n.flexlayout__tab_button--selected {\n background-color: var(--color-tab-selected-background);\n color: var(--color-tab-selected);\n}\n@media (hover: hover) {\n .flexlayout__tab_button:hover {\n color: var(--color-tab-selected);\n }\n}\n.flexlayout__tab_button--unselected {\n background-color: var(--color-tab-unselected-background);\n color: var(--color-tab-unselected);\n}\n.flexlayout__tab_button_leading {\n display: flex;\n}\n.flexlayout__tab_button_content {\n display: flex;\n text-wrap: nowrap;\n}\n.flexlayout__tab_button_textbox {\n border: none;\n font-family: var(--font-family);\n font-size: var(--font-size);\n color: var(--color-tab-textbox);\n background-color: var(--color-tab-textbox-background);\n border: 1px inset var(--color-1);\n border-radius: 3px;\n width: 10em;\n}\n.flexlayout__tab_button_textbox:focus {\n outline: none;\n}\n.flexlayout__tab_button_trailing {\n display: flex;\n visibility: hidden;\n border-radius: 4px;\n}\n.flexlayout__tab_button_trailing:hover {\n background-color: var(--color-toolbar-button-hover);\n}\n@media (hover: hover) {\n .flexlayout__tab_button:hover .flexlayout__tab_button_trailing {\n visibility: visible;\n }\n}\n.flexlayout__tab_button--selected .flexlayout__tab_button_trailing {\n visibility: visible;\n}\n.flexlayout__tab_button_overflow {\n display: flex;\n align-items: center;\n border: none;\n color: var(--color-overflow);\n font-size: inherit;\n background-color: transparent;\n width: 2em;\n overflow: hidden;\n}\n.flexlayout__tab_toolbar {\n display: flex;\n align-items: center;\n gap: 0.3em;\n padding-left: 0.5em;\n padding-right: 0.3em;\n}\n.flexlayout__tab_toolbar_icon {\n border: none;\n outline: none;\n font-size: inherit;\n margin: 0px;\n background-color: transparent;\n padding: 1px;\n}\n.flexlayout__tab_toolbar_button {\n border: none;\n outline: none;\n font-size: inherit;\n margin: 0px;\n background-color: transparent;\n border-radius: 4px;\n padding: 1px;\n}\n@media (hover: hover) {\n .flexlayout__tab_toolbar_button:hover {\n background-color: var(--color-toolbar-button-hover);\n }\n}\n.flexlayout__tab_toolbar_sticky_buttons_container {\n display: flex;\n gap: 0.3em;\n padding-left: 5px;\n align-items: center;\n}\n.flexlayout__border {\n box-sizing: border-box;\n overflow: hidden;\n display: flex;\n font-size: var(--font-size);\n font-family: var(--font-family);\n color: var(--color-border);\n background-color: var(--color-border-background);\n}\n.flexlayout__border_tab_contents {\n box-sizing: border-box;\n overflow: hidden;\n background-color: var(--color-border-tab-content);\n}\n.flexlayout__border_leading {\n display: flex;\n}\n.flexlayout__border_top {\n border-bottom: 1px solid var(--color-border-divider-line);\n align-items: center;\n}\n.flexlayout__border_bottom {\n border-top: 1px solid var(--color-border-divider-line);\n align-items: center;\n}\n.flexlayout__border_left {\n border-right: 1px solid var(--color-border-divider-line);\n align-content: center;\n flex-direction: column;\n}\n.flexlayout__border_right {\n border-left: 1px solid var(--color-border-divider-line);\n align-content: center;\n flex-direction: column;\n}\n.flexlayout__border_inner {\n position: relative;\n box-sizing: border-box;\n align-items: center;\n display: flex;\n flex-grow: 1;\n scrollbar-width: none;\n}\n.flexlayout__border_inner::-webkit-scrollbar {\n display: none;\n}\n.flexlayout__border_inner_tab_container {\n white-space: nowrap;\n display: flex;\n padding-left: 2px;\n padding-right: 2px;\n box-sizing: border-box;\n position: absolute;\n}\n.flexlayout__border_inner_tab_container_right {\n transform-origin: top left;\n transform: rotate(90deg);\n}\n.flexlayout__border_inner_tab_container_left {\n flex-direction: row-reverse;\n transform-origin: top right;\n transform: rotate(-90deg);\n}\n.flexlayout__border_tab_divider {\n width: 4px;\n}\n.flexlayout__border_button {\n display: flex;\n gap: 0.3em;\n align-items: center;\n cursor: pointer;\n padding: 3px 0.5em;\n margin: 2px 0px;\n box-sizing: border-box;\n white-space: nowrap;\n}\n.flexlayout__border_button--selected {\n background-color: var(--color-border-tab-selected-background);\n color: var(--color-border-tab-selected);\n}\n@media (hover: hover) {\n .flexlayout__border_button:hover {\n color: var(--color-border-tab-selected);\n }\n}\n.flexlayout__border_button--unselected {\n background-color: var(--color-border-tab-unselected-background);\n color: var(--color-border-tab-unselected);\n}\n.flexlayout__border_button_leading {\n display: flex;\n}\n.flexlayout__border_button_content {\n display: flex;\n}\n.flexlayout__border_button_trailing {\n display: flex;\n border-radius: 4px;\n visibility: hidden;\n}\n@media (hover: hover) {\n .flexlayout__border_button:hover .flexlayout__border_button_trailing {\n visibility: visible;\n }\n}\n.flexlayout__border_button--selected .flexlayout__border_button_trailing {\n visibility: visible;\n}\n.flexlayout__border_toolbar {\n display: flex;\n gap: 0.3em;\n align-items: center;\n}\n.flexlayout__border_toolbar_left, .flexlayout__border_toolbar_right {\n flex-direction: column;\n padding-top: 0.5em;\n padding-bottom: 0.3em;\n}\n.flexlayout__border_toolbar_top, .flexlayout__border_toolbar_bottom {\n padding-left: 0.5em;\n padding-right: 0.3em;\n}\n.flexlayout__border_toolbar_button {\n border: none;\n outline: none;\n font-size: inherit;\n background-color: transparent;\n border-radius: 4px;\n padding: 1px;\n}\n@media (hover: hover) {\n .flexlayout__border_toolbar_button:hover {\n background-color: var(--color-toolbar-button-hover);\n }\n}\n.flexlayout__border_toolbar_button_overflow {\n display: flex;\n align-items: center;\n border: none;\n color: var(--color-overflow);\n font-size: inherit;\n background-color: transparent;\n width: 1.5em;\n}\n.flexlayout__popup_menu {\n font-size: var(--font-size);\n font-family: var(--font-family);\n}\n.flexlayout__popup_menu_item {\n padding: 2px 0.5em;\n white-space: nowrap;\n cursor: pointer;\n border-radius: 2px;\n}\n.flexlayout__popup_menu_item--selected {\n font-weight: 500;\n background-color: var(--color-tab-selected-background);\n color: var(--color-tab-selected);\n}\n@media (hover: hover) {\n .flexlayout__popup_menu_item:hover {\n background-color: var(--color-6);\n }\n}\n.flexlayout__popup_menu_container {\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);\n border: 1px solid var(--color-popup-border);\n color: var(--color-popup-unselected);\n background: var(--color-popup-unselected-background);\n border-radius: 3px;\n position: absolute;\n z-index: 1000;\n max-height: 50%;\n min-width: 100px;\n overflow: auto;\n padding: 2px;\n}\n.flexlayout__floating_window _body {\n height: 100%;\n}\n.flexlayout__floating_window_content {\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.flexlayout__error_boundary_container {\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n display: flex;\n justify-content: center;\n}\n.flexlayout__error_boundary_content {\n display: flex;\n align-items: center;\n}\n.flexlayout__border_sizer {\n position: absolute;\n top: -30000px;\n padding-top: 6px;\n padding-bottom: 5px;\n font-size: var(--font-size);\n font-family: var(--font-family);\n}\n.flexlayout__mini_scrollbar {\n position: absolute;\n background-color: var(--color-mini-scroll-indicator);\n border-radius: 5px;\n width: var(--size-mini-scroll-indicator);\n height: var(--size-mini-scroll-indicator);\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n}\n.flexlayout__mini_scrollbar:hover {\n background-color: var(--color-mini-scroll-indicator-hovered);\n transition: background-color 0.3s ease-in-out;\n}\n.flexlayout__mini_scrollbar_container {\n position: relative;\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n}\n@media (hover: hover) {\n .flexlayout__mini_scrollbar_container:hover .flexlayout__mini_scrollbar {\n opacity: 1;\n visibility: visible;\n }\n}\n\n/* ======================== End of Base Classes =========================== */\n/* \n dark theme overrides \n*/\n.flexlayout__tabset_header {\n box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);\n}\n.flexlayout__tabset-selected {\n background-image: linear-gradient(var(--color-background), var(--color-4));\n}\n.flexlayout__tabset-maximized {\n background-image: linear-gradient(var(--color-6), var(--color-2));\n}\n.flexlayout__tab_top {\n box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n.flexlayout__tab_bottom {\n box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n.flexlayout__border_button {\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n}\n\n/* ============================================================================\n * Rapid Design System overrides (flexlayout-react.overrides.css) — applied last.\n * ========================================================================== */\n/*\n * flexlayout-react.overrides.css — Rapid Design System theme overrides for flexlayout-react.\n *\n * THIS IS THE SINGLE SOURCE OF TRUTH for how flexlayout-react looks across every app that\n * consumes Foundation. Do NOT copy these rules into apps — import the compiled theme from\n * \\`@genesislcap/rapid-design-system\\` instead (see flexlayout-react-theme.ts).\n *\n * Build pipeline: \\`scripts/generate-flexlayout-theme.mjs\\` concatenates the vendored\n * flexlayout-react base theme (structural CSS + dark palette) FIRST, then this file LAST,\n * into \\`flexlayout-react-theme.generated.ts\\`. Equal specificity means the later sheet wins,\n * so every rule here overrides the vendored default. Run \\`pnpm flexlayout:generate\\` after\n * editing (the package build does this automatically).\n *\n * The flexlayout theme is almost entirely driven by CSS custom properties declared on\n * \\`.flexlayout__layout\\` (see the full list at the top of the vendored base theme). The\n * easiest way to re-skin is to remap those variables to rapid design-system tokens, as\n * below. For anything the variables don't cover, target the \\`.flexlayout__*\\` classes\n * directly (examples at the bottom).\n *\n * Tokens resolve from the nearest design-system provider ancestor (CSS custom properties\n * inherit across shadow boundaries), so flexlayout-react must render under a\n * \\`<rapid-design-system-provider>\\` for these to take effect.\n */\n\n/* --- Variable remap: flexlayout palette -> rapid design tokens ----------------- */\n.flexlayout__layout {\n --font-family: var(--body-font, Roboto, Arial, sans-serif);\n --font-size: var(--type-ramp-base-font-size);\n\n --color-text: var(--neutral-foreground-rest);\n --color-background: var(--fill-color);\n\n /* Greyscale ramp used across tabsets, borders and toolbars. */\n --color-1: var(--neutral-layer-1);\n --color-2: var(--neutral-layer-2);\n --color-3: var(--neutral-layer-3);\n --color-4: var(--neutral-layer-4);\n\n /* Selected tab + active splitter pick up the accent colour. */\n --color-tab-selected: var(--accent-foreground-rest);\n --color-tab-unselected: var(--neutral-foreground-hint);\n --color-tab-selected-background: var(--accent-fill-rest);\n --color-splitter-drag: var(--accent-fill-rest);\n --color-splitter-hover: var(--accent-fill-hover);\n}\n\n.flexlayout__tabset-selected,\n.flexlayout__tabset-maximized {\n background-image: none !important;\n}\n\n.flexlayout__tab_button_content {\n font-weight: 400;\n font-size: var(--type-ramp-minus-1-font-size);\n}\n\n.flexlayout__tab_button--unselected:hover {\n color: var(--neutral-foreground-rest, #e0e0e0) !important;\n background-color: var(--neutral-fill-stealth-active, rgba(255, 255, 255, 0.06)) !important;\n}\n\n.flexlayout__tab_top,\n.flexlayout__tab_bottom {\n border-radius: 0 !important;\n box-shadow: none !important;\n}\n\n.flexlayout__tab_toolbar_button-max,\n.flexlayout__tab_toolbar_button-min {\n order: 100;\n}\n\n.flexlayout__tab_button_textbox {\n box-sizing: border-box;\n width: auto;\n min-width: 8em;\n max-width: 100%;\n margin: 0;\n padding: 0 calc(var(--design-unit, 4) * 1px);\n font-family: var(--body-font);\n font-size: var(--type-ramp-base-font-size, var(--font-size));\n font-weight: 500;\n line-height: var(--type-ramp-base-line-height, normal);\n color: var(--neutral-foreground-rest);\n background-color: var(--neutral-fill-input-rest);\n border: 1px solid var(--neutral-stroke-rest);\n border-radius: calc(var(--control-corner-radius, 2) * 1px);\n\n &:focus {\n outline: none;\n color: var(--neutral-foreground-rest);\n background-color: var(--neutral-fill-input-focus, var(--neutral-fill-input-rest));\n border-color: var(--accent-fill-rest);\n }\n}\n\n.flexlayout__tabset {\n border: var(--card-border, 1px solid var(--neutral-stroke-rest));\n border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));\n background-color: var(--rapid-layout-item-background, var(--neutral-layer-3));\n}\n\n.flexlayout__tabset_content {\n margin-top: -1px;\n}\n\n.flexlayout__tabset_tabbar_outer_top {\n border: 0;\n height: var(\n --foundation-tab-height,\n calc((((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px)\n );\n background: none;\n z-index: 1;\n}\n\n.flexlayout__tabset_container {\n border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));\n}\n\n.flexlayout__tabset_tabbar_inner_tab_container_top {\n border-top: 0;\n}\n\n.flexlayout__tab_button {\n border-right-style: solid;\n border-right-width: var(--tab-rest-border-width, 1px);\n border-right-color: var(--tab-rest-border-color, var(--neutral-stroke-rest));\n padding: 0 calc((12 + var(--design-unit) * 2 * var(--density)) * 1px);\n gap: 8px;\n\n &:first-child {\n border-left-style: solid;\n border-left-width: var(--tab-rest-border-width, 1px);\n border-left-color: var(--tab-rest-border-color, var(--neutral-stroke-rest));\n }\n}\n\n.flexlayout__tab_button--selected {\n position: relative;\n color: var(--accent-foreground-rest) !important;\n background: var(--tab-active-background-color, var(--neutral-layer-card-container));\n border-style: solid;\n border-width: var(--tab-active-border-width, 0 1px 0 0);\n border-color: var(--tab-active-border-color, var(--neutral-stroke-rest));\n .flexlayout__tab_button_content {\n font-weight: 700;\n }\n}\n\n.flexlayout__tab {\n border-radius: calc(var(--control-corner-radius) * 1.5px)\n calc(var(--control-corner-radius) * 1.5px)\n var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px))\n var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));\n border-top: var(--card-border, 1px solid var(--neutral-stroke-rest));\n background: var(--neutral-layer-card-container);\n\n rapid-card {\n display: flex;\n flex-direction: column;\n border: 0;\n border-radius: 0 0 var(--card-corner-radius) var(--card-corner-radius);\n grid-register {\n display: block;\n height: 100%;\n }\n }\n}\n\n.flexlayout__tabset_tab_divider {\n width: 0;\n}\n\n.flexlayout__tab_button_trailing {\n rapid-icon {\n color: var(--accent-foreground-rest);\n\n &:hover {\n color: var(--accent-foreground-hover);\n }\n }\n}\n\n.flexlayout__popup_menu_container {\n box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);\n padding: 0;\n border: 1px solid var(--neutral-stroke-rest);\n}\n\n.flexlayout__popup_menu_item {\n padding: calc((8 + var(--design-unit) * 2 * var(--density)) * 1px);\n border-bottom: 1px solid var(--neutral-stroke-divider-rest);\n\n &:hover {\n background-color: var(--neutral-fill-rest);\n color: contrast-color(var(--neutral-fill-rest));\n }\n\n &:last-child {\n border-bottom: 0;\n }\n}\n\n.flexlayout__popup_menu_item--selected {\n background-color: var(--neutral-fill-rest);\n color: contrast-color(var(--neutral-fill-rest));\n}\n\n.flexlayout__tab_toolbar_button {\n padding: 0;\n height: unset;\n width: unset;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n > svg {\n height: 16px !important;\n width: 16px !important;\n padding: 4px;\n fill: var(--neutral-foreground-hint);\n }\n}\n\n.flexlayout__splitter_vert {\n background-color: var(--neutral-foreground-rest);\n mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI0IEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDE2IDI1NmEzMiAzMiAwIDEgMSAtNjQgMCAzMiAzMiAwIDEgMSA2NCAwem0tMTYwIDBhMzIgMzIgMCAxIDEgLTY0IDAgMzIgMzIgMCAxIDEgNjQgMHpNNjQgMjg4YTMyIDMyIDAgMSAxIDAtNjQgMzIgMzIgMCAxIDEgMCA2NHoiLz48L3N2Zz4=);\n mask-repeat: no-repeat;\n mask-position: center;\n mask-size: 12px;\n &:hover {\n mask-image: none;\n }\n}\n\n.flexlayout__splitter_horz {\n background-color: var(--neutral-foreground-rest);\n mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI0IEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNjQgMzg0YTMyIDMyIDAgMSAwIDAgNjQgMzIgMzIgMCAxIDAgMC02NHptMC0xNjBhMzIgMzIgMCAxIDAgMCA2NCAzMiAzMiAwIDEgMCAwLTY0ek05NiA5NkEzMiAzMiAwIDEgMCAzMiA5NmEzMiAzMiAwIDEgMCA2NCAweiIvPjwvc3ZnPg==);\n mask-repeat: no-repeat;\n mask-position: center;\n mask-size: 4px;\n &:hover {\n mask-image: none;\n }\n}\n\n.flexlayout__layout {\n top: 8px;\n bottom: 8px;\n left: 8px;\n right: 8px;\n}`",
16897
+ "default": "`/* ============================================================================\n * flexlayout-react base theme — VENDORED from flexlayout-react@0.8.19 (style/dark.css).\n * ========================================================================== */\n.flexlayout__layout {\n --color-text: #eeeeee;\n --color-background: black;\n --color-base: black;\n --color-1: rgb(17.85, 17.85, 17.85);\n --color-2: rgb(25.5, 25.5, 25.5);\n --color-3: rgb(38.25, 38.25, 38.25);\n --color-4: #333333;\n --color-5: rgb(63.75, 63.75, 63.75);\n --color-6: rgb(76.5, 76.5, 76.5);\n --color-drag1: rgb(207, 232, 255);\n --color-drag2: rgb(183, 209, 181);\n --color-drag1-background: rgba(128, 128, 128, 0.15);\n --color-drag2-background: rgba(128, 128, 128, 0.15);\n --font-size: medium;\n --font-family: Roboto, Arial, sans-serif;\n --color-overflow: gray;\n --color-icon: gray;\n --color-tabset-background: var(--color-1);\n --color-tabset-background-selected: var(--color-1);\n --color-tabset-background-maximized: var(--color-6);\n --color-tabset-divider-line: var(--color-4);\n --color-tabset-header-background: var(--color-1);\n --color-tabset-header: var(--color-text);\n --color-border-tab-content: var(--color-background);\n --color-border-background: var(--color-1);\n --color-border-divider-line: var(--color-4);\n --color-tab-content: var(--color-background);\n --color-tab-selected: var(--color-text);\n --color-tab-selected-background: var(--color-4);\n --color-tab-unselected: gray;\n --color-tab-unselected-background: transparent;\n --color-tab-textbox: var(--color-text);\n --color-tab-textbox-background: var(--color-3);\n --color-border-tab-selected: var(--color-text);\n --color-border-tab-selected-background: var(--color-4);\n --color-border-tab-unselected: gray;\n --color-border-tab-unselected-background: var(--color-2);\n --color-splitter: var(--color-2);\n --color-splitter-hover: var(--color-4);\n --color-splitter-drag: var(--color-5);\n --color-drag-rect-border: var(--color-4);\n --color-drag-rect-background: var(--color-1);\n --color-drag-rect: var(--color-text);\n --color-popup-border: var(--color-6);\n --color-popup-unselected: var(--color-text);\n --color-popup-unselected-background: var(--color-background);\n --color-popup-selected: var(--color-text);\n --color-popup-selected-background: var(--color-4);\n --color-edge-marker: gray;\n --color-edge-icon: #eee;\n --color-mini-scroll-indicator: rgba(128, 128, 128, 0.5);\n --color-mini-scroll-indicator-hovered: rgba(128, 128, 128, 0.8);\n --size-mini-scroll-indicator: 3px;\n --color-toolbar-button-hover: var(--color-4);\n}\n\n/*\n base classes\n*/\n.flexlayout__layout {\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n display: flex;\n overflow: hidden;\n background-color: var(--color-background);\n}\n.flexlayout__layout_overlay {\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n z-index: 1000;\n}\n.flexlayout__layout_tab_stamps {\n position: absolute;\n top: -10000px;\n z-index: 100;\n display: flex;\n flex-direction: column;\n align-items: start;\n}\n.flexlayout__layout_moveables {\n visibility: hidden;\n position: absolute;\n width: 100px;\n height: 100px;\n top: -20000px;\n}\n.flexlayout__layout_main {\n display: flex;\n flex-basis: 0px;\n min-width: 0;\n min-height: 0;\n flex-grow: 1;\n position: relative;\n}\n.flexlayout__layout_border_container {\n display: flex;\n flex-basis: 0px;\n min-width: 0;\n min-height: 0;\n flex-grow: 1;\n}\n.flexlayout__layout_border_container_inner {\n display: flex;\n flex-basis: 0px;\n min-width: 0;\n min-height: 0;\n flex-grow: 1;\n}\n.flexlayout__splitter {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--color-splitter);\n touch-action: none;\n z-index: 10;\n}\n@media (hover: hover) {\n .flexlayout__splitter:hover {\n background-color: var(--color-splitter-hover);\n transition: background-color ease-in 0.1s;\n transition-delay: 0.05s;\n border-radius: 5px;\n }\n}\n.flexlayout__splitter_drag {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n border-radius: 5px;\n background-color: var(--color-splitter-drag);\n}\n.flexlayout__splitter_handle {\n background-color: #ccc;\n border-radius: 3px;\n}\n.flexlayout__splitter_handle_horz {\n width: 3px;\n height: 30px;\n}\n.flexlayout__splitter_handle_vert {\n width: 30px;\n height: 3px;\n}\n.flexlayout__splitter_extra {\n touch-action: none;\n background-color: transparent;\n}\n.flexlayout__outline_rect {\n position: absolute;\n pointer-events: none;\n box-sizing: border-box;\n border: 2px solid var(--color-drag1);\n background: var(--color-drag1-background);\n border-radius: 5px;\n z-index: 1000;\n}\n.flexlayout__outline_rect_edge {\n pointer-events: none;\n border: 2px solid var(--color-drag2);\n background: var(--color-drag2-background);\n border-radius: 5px;\n z-index: 1000;\n box-sizing: border-box;\n}\n.flexlayout__edge_rect {\n position: absolute;\n z-index: 1000;\n background-color: var(--color-edge-marker);\n pointer-events: none;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.flexlayout__drag_rect {\n color: var(--color-drag-rect);\n background-color: var(--color-drag-rect-background);\n border: 2px solid var(--color-drag-rect-border);\n border-radius: 5px;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n flex-direction: column;\n overflow: hidden;\n padding: 0.3em 0.8em;\n word-wrap: break-word;\n font-size: var(--font-size);\n font-family: var(--font-family);\n}\n.flexlayout__row {\n display: flex;\n flex-basis: 0px;\n min-width: 0;\n min-height: 0;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n}\n.flexlayout__tabset {\n display: flex;\n flex-direction: column;\n position: relative;\n background-color: var(--color-tabset-background);\n box-sizing: border-box;\n font-family: var(--font-family);\n overflow: hidden;\n flex-grow: 1;\n}\n.flexlayout__tabset_container {\n display: flex;\n flex-basis: 0px;\n min-width: 0;\n min-height: 0;\n flex-direction: column;\n overflow: hidden;\n flex-grow: 1;\n}\n.flexlayout__tabset_tab_divider {\n width: 4px;\n}\n.flexlayout__tabset_content {\n display: flex;\n flex-basis: 0px;\n min-width: 0;\n min-height: 0;\n flex-grow: 1;\n box-sizing: border-box;\n position: relative;\n}\n.flexlayout__tabset_leading {\n display: flex;\n}\n.flexlayout__tabset_header {\n display: flex;\n align-items: center;\n padding: 3px 3px 3px 5px;\n box-sizing: border-box;\n border-bottom: 1px solid var(--color-tabset-divider-line);\n color: var(--color-tabset-header);\n background-color: var(--color-tabset-header-background);\n font-size: var(--font-size);\n}\n.flexlayout__tabset_header_content {\n flex-grow: 1;\n}\n.flexlayout__tabset_tabbar_outer {\n box-sizing: border-box;\n background-color: var(--color-tabset-background);\n overflow: hidden;\n display: flex;\n font-size: var(--font-size);\n}\n.flexlayout__tabset_tabbar_outer_top {\n padding: 0px 2px 0px 2px;\n border-bottom: 1px solid var(--color-tabset-divider-line);\n}\n.flexlayout__tabset_tabbar_outer_bottom {\n padding: 0px 2px 0px 2px;\n border-top: 1px solid var(--color-tabset-divider-line);\n}\n.flexlayout__tabset_tabbar_inner {\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-grow: 1;\n scrollbar-width: none;\n}\n.flexlayout__tabset_tabbar_inner::-webkit-scrollbar {\n display: none;\n}\n.flexlayout__tabset_tabbar_inner_tab_container {\n position: relative;\n display: flex;\n padding-left: 4px;\n padding-right: 4px;\n box-sizing: border-box;\n white-space: nowrap;\n}\n.flexlayout__tabset_tabbar_inner_tab_container_top {\n border-top: 2px solid transparent;\n}\n.flexlayout__tabset_tabbar_inner_tab_container_bottom {\n border-bottom: 2px solid transparent;\n}\n.flexlayout__tabset-selected {\n background-color: var(--color-tabset-background-selected);\n}\n.flexlayout__tabset-maximized {\n background-color: var(--color-tabset-background-maximized);\n}\n.flexlayout__tab_button_stamp {\n display: inline-flex;\n align-items: center;\n gap: 0.3em;\n white-space: nowrap;\n box-sizing: border-box;\n}\n.flexlayout__tab {\n overflow: hidden;\n box-sizing: border-box;\n background-color: var(--color-tab-content);\n color: var(--color-text);\n position: relative;\n}\n.flexlayout__tab_moveable {\n position: relative;\n height: 100%;\n min-width: 1px;\n min-height: 1px;\n overflow: auto;\n box-sizing: border-box;\n}\n.flexlayout__tab_overlay {\n z-index: 20;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.2392156863);\n}\n.flexlayout__tab_button {\n display: flex;\n gap: 0.3em;\n align-items: center;\n box-sizing: border-box;\n padding: 3px 0.5em;\n cursor: pointer;\n}\n.flexlayout__tab_button_stretch {\n background-color: transparent;\n color: var(--color-tab-selected);\n width: 100%;\n padding: 3px 0em;\n text-wrap: nowrap;\n display: flex;\n gap: 0.3em;\n align-items: center;\n box-sizing: border-box;\n cursor: pointer;\n}\n@media (hover: hover) {\n .flexlayout__tab_button_stretch:hover {\n color: var(--color-tab-selected);\n }\n}\n.flexlayout__tab_button--selected {\n background-color: var(--color-tab-selected-background);\n color: var(--color-tab-selected);\n}\n@media (hover: hover) {\n .flexlayout__tab_button:hover {\n color: var(--color-tab-selected);\n }\n}\n.flexlayout__tab_button--unselected {\n background-color: var(--color-tab-unselected-background);\n color: var(--color-tab-unselected);\n}\n.flexlayout__tab_button_leading {\n display: flex;\n}\n.flexlayout__tab_button_content {\n display: flex;\n text-wrap: nowrap;\n}\n.flexlayout__tab_button_textbox {\n border: none;\n font-family: var(--font-family);\n font-size: var(--font-size);\n color: var(--color-tab-textbox);\n background-color: var(--color-tab-textbox-background);\n border: 1px inset var(--color-1);\n border-radius: 3px;\n width: 10em;\n}\n.flexlayout__tab_button_textbox:focus {\n outline: none;\n}\n.flexlayout__tab_button_trailing {\n display: flex;\n visibility: hidden;\n border-radius: 4px;\n}\n.flexlayout__tab_button_trailing:hover {\n background-color: var(--color-toolbar-button-hover);\n}\n@media (hover: hover) {\n .flexlayout__tab_button:hover .flexlayout__tab_button_trailing {\n visibility: visible;\n }\n}\n.flexlayout__tab_button--selected .flexlayout__tab_button_trailing {\n visibility: visible;\n}\n.flexlayout__tab_button_overflow {\n display: flex;\n align-items: center;\n border: none;\n color: var(--color-overflow);\n font-size: inherit;\n background-color: transparent;\n width: 2em;\n overflow: hidden;\n}\n.flexlayout__tab_toolbar {\n display: flex;\n align-items: center;\n gap: 0.3em;\n padding-left: 0.5em;\n padding-right: 0.3em;\n}\n.flexlayout__tab_toolbar_icon {\n border: none;\n outline: none;\n font-size: inherit;\n margin: 0px;\n background-color: transparent;\n padding: 1px;\n}\n.flexlayout__tab_toolbar_button {\n border: none;\n outline: none;\n font-size: inherit;\n margin: 0px;\n background-color: transparent;\n border-radius: 4px;\n padding: 1px;\n}\n@media (hover: hover) {\n .flexlayout__tab_toolbar_button:hover {\n background-color: var(--color-toolbar-button-hover);\n }\n}\n.flexlayout__tab_toolbar_sticky_buttons_container {\n display: flex;\n gap: 0.3em;\n padding-left: 5px;\n align-items: center;\n}\n.flexlayout__border {\n box-sizing: border-box;\n overflow: hidden;\n display: flex;\n font-size: var(--font-size);\n font-family: var(--font-family);\n color: var(--color-border);\n background-color: var(--color-border-background);\n}\n.flexlayout__border_tab_contents {\n box-sizing: border-box;\n overflow: hidden;\n background-color: var(--color-border-tab-content);\n}\n.flexlayout__border_leading {\n display: flex;\n}\n.flexlayout__border_top {\n border-bottom: 1px solid var(--color-border-divider-line);\n align-items: center;\n}\n.flexlayout__border_bottom {\n border-top: 1px solid var(--color-border-divider-line);\n align-items: center;\n}\n.flexlayout__border_left {\n border-right: 1px solid var(--color-border-divider-line);\n align-content: center;\n flex-direction: column;\n}\n.flexlayout__border_right {\n border-left: 1px solid var(--color-border-divider-line);\n align-content: center;\n flex-direction: column;\n}\n.flexlayout__border_inner {\n position: relative;\n box-sizing: border-box;\n align-items: center;\n display: flex;\n flex-grow: 1;\n scrollbar-width: none;\n}\n.flexlayout__border_inner::-webkit-scrollbar {\n display: none;\n}\n.flexlayout__border_inner_tab_container {\n white-space: nowrap;\n display: flex;\n padding-left: 2px;\n padding-right: 2px;\n box-sizing: border-box;\n position: absolute;\n}\n.flexlayout__border_inner_tab_container_right {\n transform-origin: top left;\n transform: rotate(90deg);\n}\n.flexlayout__border_inner_tab_container_left {\n flex-direction: row-reverse;\n transform-origin: top right;\n transform: rotate(-90deg);\n}\n.flexlayout__border_tab_divider {\n width: 4px;\n}\n.flexlayout__border_button {\n display: flex;\n gap: 0.3em;\n align-items: center;\n cursor: pointer;\n padding: 3px 0.5em;\n margin: 2px 0px;\n box-sizing: border-box;\n white-space: nowrap;\n}\n.flexlayout__border_button--selected {\n background-color: var(--color-border-tab-selected-background);\n color: var(--color-border-tab-selected);\n}\n@media (hover: hover) {\n .flexlayout__border_button:hover {\n color: var(--color-border-tab-selected);\n }\n}\n.flexlayout__border_button--unselected {\n background-color: var(--color-border-tab-unselected-background);\n color: var(--color-border-tab-unselected);\n}\n.flexlayout__border_button_leading {\n display: flex;\n}\n.flexlayout__border_button_content {\n display: flex;\n}\n.flexlayout__border_button_trailing {\n display: flex;\n border-radius: 4px;\n visibility: hidden;\n}\n@media (hover: hover) {\n .flexlayout__border_button:hover .flexlayout__border_button_trailing {\n visibility: visible;\n }\n}\n.flexlayout__border_button--selected .flexlayout__border_button_trailing {\n visibility: visible;\n}\n.flexlayout__border_toolbar {\n display: flex;\n gap: 0.3em;\n align-items: center;\n}\n.flexlayout__border_toolbar_left, .flexlayout__border_toolbar_right {\n flex-direction: column;\n padding-top: 0.5em;\n padding-bottom: 0.3em;\n}\n.flexlayout__border_toolbar_top, .flexlayout__border_toolbar_bottom {\n padding-left: 0.5em;\n padding-right: 0.3em;\n}\n.flexlayout__border_toolbar_button {\n border: none;\n outline: none;\n font-size: inherit;\n background-color: transparent;\n border-radius: 4px;\n padding: 1px;\n}\n@media (hover: hover) {\n .flexlayout__border_toolbar_button:hover {\n background-color: var(--color-toolbar-button-hover);\n }\n}\n.flexlayout__border_toolbar_button_overflow {\n display: flex;\n align-items: center;\n border: none;\n color: var(--color-overflow);\n font-size: inherit;\n background-color: transparent;\n width: 1.5em;\n}\n.flexlayout__popup_menu {\n font-size: var(--font-size);\n font-family: var(--font-family);\n}\n.flexlayout__popup_menu_item {\n padding: 2px 0.5em;\n white-space: nowrap;\n cursor: pointer;\n border-radius: 2px;\n}\n.flexlayout__popup_menu_item--selected {\n font-weight: 500;\n background-color: var(--color-tab-selected-background);\n color: var(--color-tab-selected);\n}\n@media (hover: hover) {\n .flexlayout__popup_menu_item:hover {\n background-color: var(--color-6);\n }\n}\n.flexlayout__popup_menu_container {\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);\n border: 1px solid var(--color-popup-border);\n color: var(--color-popup-unselected);\n background: var(--color-popup-unselected-background);\n border-radius: 3px;\n position: absolute;\n z-index: 1000;\n max-height: 50%;\n min-width: 100px;\n overflow: auto;\n padding: 2px;\n}\n.flexlayout__floating_window _body {\n height: 100%;\n}\n.flexlayout__floating_window_content {\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.flexlayout__error_boundary_container {\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n display: flex;\n justify-content: center;\n}\n.flexlayout__error_boundary_content {\n display: flex;\n align-items: center;\n}\n.flexlayout__border_sizer {\n position: absolute;\n top: -30000px;\n padding-top: 6px;\n padding-bottom: 5px;\n font-size: var(--font-size);\n font-family: var(--font-family);\n}\n.flexlayout__mini_scrollbar {\n position: absolute;\n background-color: var(--color-mini-scroll-indicator);\n border-radius: 5px;\n width: var(--size-mini-scroll-indicator);\n height: var(--size-mini-scroll-indicator);\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n}\n.flexlayout__mini_scrollbar:hover {\n background-color: var(--color-mini-scroll-indicator-hovered);\n transition: background-color 0.3s ease-in-out;\n}\n.flexlayout__mini_scrollbar_container {\n position: relative;\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n}\n@media (hover: hover) {\n .flexlayout__mini_scrollbar_container:hover .flexlayout__mini_scrollbar {\n opacity: 1;\n visibility: visible;\n }\n}\n\n/* ======================== End of Base Classes =========================== */\n/* \n dark theme overrides \n*/\n.flexlayout__tabset_header {\n box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);\n}\n.flexlayout__tabset-selected {\n background-image: linear-gradient(var(--color-background), var(--color-4));\n}\n.flexlayout__tabset-maximized {\n background-image: linear-gradient(var(--color-6), var(--color-2));\n}\n.flexlayout__tab_top {\n box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n.flexlayout__tab_bottom {\n box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n.flexlayout__border_button {\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);\n border-radius: 3px;\n}\n\n/* ============================================================================\n * Rapid Design System overrides (flexlayout-react.overrides.css) — applied last.\n * ========================================================================== */\n/*\n * flexlayout-react.overrides.css — Rapid Design System theme overrides for flexlayout-react.\n *\n * THIS IS THE SINGLE SOURCE OF TRUTH for how flexlayout-react looks across every app that\n * consumes Foundation. Do NOT copy these rules into apps — import the compiled theme from\n * \\`@genesislcap/rapid-design-system\\` instead (see flexlayout-react-theme.ts).\n *\n * Build pipeline: \\`scripts/generate-flexlayout-theme.mjs\\` concatenates the vendored\n * flexlayout-react base theme (structural CSS + dark palette) FIRST, then this file LAST,\n * into \\`flexlayout-react-theme.generated.ts\\`. Equal specificity means the later sheet wins,\n * so every rule here overrides the vendored default. Run \\`pnpm flexlayout:generate\\` after\n * editing (the package build does this automatically).\n *\n * The flexlayout theme is almost entirely driven by CSS custom properties declared on\n * \\`.flexlayout__layout\\` (see the full list at the top of the vendored base theme). The\n * easiest way to re-skin is to remap those variables to rapid design-system tokens, as\n * below. For anything the variables don't cover, target the \\`.flexlayout__*\\` classes\n * directly (examples at the bottom).\n *\n * Tokens resolve from the nearest design-system provider ancestor (CSS custom properties\n * inherit across shadow boundaries), so flexlayout-react must render under a\n * \\`<rapid-design-system-provider>\\` for these to take effect.\n */\n\n/* --- Variable remap: flexlayout palette -> rapid design tokens ----------------- */\n.flexlayout__layout {\n --font-family: var(--body-font, Roboto, Arial, sans-serif);\n --font-size: var(--type-ramp-base-font-size);\n\n --color-text: var(--neutral-foreground-rest);\n --color-background: var(--fill-color);\n\n /* Greyscale ramp used across tabsets, borders and toolbars. */\n --color-1: var(--neutral-layer-1);\n --color-2: var(--neutral-layer-2);\n --color-3: var(--neutral-layer-3);\n --color-4: var(--neutral-layer-4);\n\n /* Selected tab + active splitter pick up the accent colour. */\n --color-tab-selected: var(--accent-foreground-rest);\n --color-tab-unselected: var(--neutral-foreground-hint);\n --color-tab-selected-background: var(--accent-fill-rest);\n --color-splitter-drag: var(--accent-fill-rest);\n --color-splitter-hover: var(--accent-fill-hover);\n}\n\n.flexlayout__tabset-selected,\n.flexlayout__tabset-maximized {\n background-image: none !important;\n}\n\n.flexlayout__tab_button_content {\n font-weight: 400;\n font-size: var(--type-ramp-minus-1-font-size);\n}\n\n.flexlayout__tab_button--unselected:hover {\n color: var(--neutral-foreground-rest, #e0e0e0) !important;\n background-color: var(--neutral-fill-stealth-active, rgba(255, 255, 255, 0.06)) !important;\n}\n\n.flexlayout__tab_top,\n.flexlayout__tab_bottom {\n border-radius: 0 !important;\n box-shadow: none !important;\n}\n\n.flexlayout__tab_toolbar_button-max,\n.flexlayout__tab_toolbar_button-min {\n order: 100;\n}\n\n.flexlayout__tab_button_textbox {\n box-sizing: border-box;\n width: auto;\n min-width: 8em;\n max-width: 100%;\n margin: 0;\n padding: 0 calc(var(--design-unit, 4) * 1px);\n font-family: var(--body-font);\n font-size: var(--type-ramp-base-font-size, var(--font-size));\n font-weight: 500;\n line-height: var(--type-ramp-base-line-height, normal);\n color: var(--neutral-foreground-rest);\n background-color: var(--neutral-fill-input-rest);\n border: 1px solid var(--neutral-stroke-rest);\n border-radius: calc(var(--control-corner-radius, 2) * 1px);\n\n &:focus {\n outline: none;\n color: var(--neutral-foreground-rest);\n background-color: var(--neutral-fill-input-focus, var(--neutral-fill-input-rest));\n border-color: var(--accent-fill-rest);\n }\n}\n\n.flexlayout__tabset {\n border: var(--card-border, 1px solid var(--neutral-stroke-rest));\n border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));\n background-color: var(--rapid-layout-item-background, var(--neutral-layer-3));\n}\n\n.flexlayout__tabset_content {\n margin-top: -1px;\n}\n\n.flexlayout__tabset_tabbar_outer_top {\n border: 0;\n height: var(\n --foundation-tab-height,\n calc((((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px)\n );\n background: none;\n z-index: 1;\n}\n\n.flexlayout__tabset_container {\n border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));\n}\n\n.flexlayout__tabset_tabbar_inner_tab_container_top {\n border-top: 0;\n}\n\n.flexlayout__tab_button {\n border-right-style: solid;\n border-right-width: var(--tab-rest-border-width, 1px);\n border-right-color: var(--tab-rest-border-color, var(--neutral-stroke-rest));\n padding: 0 calc((12 + var(--design-unit) * 2 * var(--density)) * 1px);\n gap: 8px;\n\n &:first-child {\n border-left-style: solid;\n border-left-width: var(--tab-rest-border-width, 1px);\n border-left-color: var(--tab-rest-border-color, var(--neutral-stroke-rest));\n }\n}\n\n.flexlayout__tab_button--selected {\n position: relative;\n color: var(--accent-foreground-rest) !important;\n background: var(--tab-active-background-color, var(--neutral-layer-card-container));\n border-style: solid;\n border-width: var(--tab-active-border-width, 0 1px 0 0);\n border-color: var(--tab-active-border-color, var(--neutral-stroke-rest));\n .flexlayout__tab_button_content {\n font-weight: 700;\n }\n}\n\n.flexlayout__tab {\n border-radius: 0 0 var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px))\n var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));\n border-top: var(--card-border, 1px solid var(--neutral-stroke-rest));\n background: var(--neutral-layer-card-container);\n\n rapid-card {\n display: flex;\n flex-direction: column;\n border: 0;\n border-radius: 0 0 var(--card-corner-radius) var(--card-corner-radius);\n grid-register {\n display: block;\n height: 100%;\n }\n }\n}\n\n.flexlayout__tabset_tab_divider {\n width: 0;\n}\n\n.flexlayout__tab_button_trailing {\n rapid-icon {\n color: var(--accent-foreground-rest);\n\n &:hover {\n color: var(--accent-foreground-hover);\n }\n }\n}\n\n.flexlayout__popup_menu_container {\n box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);\n padding: 0;\n border: 1px solid var(--neutral-stroke-rest);\n}\n\n.flexlayout__popup_menu_item {\n padding: calc((8 + var(--design-unit) * 2 * var(--density)) * 1px);\n border-bottom: 1px solid var(--neutral-stroke-divider-rest);\n\n &:hover {\n background-color: var(--neutral-fill-rest);\n color: contrast-color(var(--neutral-fill-rest));\n }\n\n &:last-child {\n border-bottom: 0;\n }\n}\n\n.flexlayout__popup_menu_item--selected {\n background-color: var(--neutral-fill-rest);\n color: contrast-color(var(--neutral-fill-rest));\n}\n\n.flexlayout__tab_toolbar_button {\n padding: 0;\n height: unset;\n width: unset;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n > svg {\n height: 16px !important;\n width: 16px !important;\n padding: 4px;\n fill: var(--neutral-foreground-hint);\n }\n}\n\n.flexlayout__splitter_vert {\n background-color: var(--neutral-foreground-rest);\n mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI0IEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDE2IDI1NmEzMiAzMiAwIDEgMSAtNjQgMCAzMiAzMiAwIDEgMSA2NCAwem0tMTYwIDBhMzIgMzIgMCAxIDEgLTY0IDAgMzIgMzIgMCAxIDEgNjQgMHpNNjQgMjg4YTMyIDMyIDAgMSAxIDAtNjQgMzIgMzIgMCAxIDEgMCA2NHoiLz48L3N2Zz4=);\n mask-repeat: no-repeat;\n mask-position: center;\n mask-size: 12px;\n &:hover {\n mask-image: none;\n }\n}\n\n.flexlayout__splitter_horz {\n background-color: var(--neutral-foreground-rest);\n mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI0IEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNjQgMzg0YTMyIDMyIDAgMSAwIDAgNjQgMzIgMzIgMCAxIDAgMC02NHptMC0xNjBhMzIgMzIgMCAxIDAgMCA2NCAzMiAzMiAwIDEgMCAwLTY0ek05NiA5NkEzMiAzMiAwIDEgMCAzMiA5NmEzMiAzMiAwIDEgMCA2NCAweiIvPjwvc3ZnPg==);\n mask-repeat: no-repeat;\n mask-position: center;\n mask-size: 4px;\n &:hover {\n mask-image: none;\n }\n}\n\n.flexlayout__layout {\n top: 8px;\n bottom: 8px;\n left: 8px;\n right: 8px;\n}`",
16890
16898
  "description": "Merged flexlayout-react base theme + Rapid Design System overrides."
16891
16899
  }
16892
16900
  ],
@@ -22344,7 +22352,7 @@
22344
22352
  },
22345
22353
  {
22346
22354
  "kind": "javascript-module",
22347
- "path": "src/multiselect/index.ts",
22355
+ "path": "src/modal-theme/index.ts",
22348
22356
  "declarations": [],
22349
22357
  "exports": [
22350
22358
  {
@@ -22352,15 +22360,7 @@
22352
22360
  "name": "*",
22353
22361
  "declaration": {
22354
22362
  "name": "*",
22355
- "package": "./multiselect"
22356
- }
22357
- },
22358
- {
22359
- "kind": "js",
22360
- "name": "*",
22361
- "declaration": {
22362
- "name": "*",
22363
- "package": "./multiselect.styles"
22363
+ "package": "./theme-compiler"
22364
22364
  }
22365
22365
  },
22366
22366
  {
@@ -22368,123 +22368,395 @@
22368
22368
  "name": "*",
22369
22369
  "declaration": {
22370
22370
  "name": "*",
22371
- "package": "./multiselect.template"
22372
- }
22373
- }
22374
- ]
22375
- },
22376
- {
22377
- "kind": "javascript-module",
22378
- "path": "src/multiselect/multiselect.styles.ts",
22379
- "declarations": [
22380
- {
22381
- "kind": "variable",
22382
- "name": "multiselectStyles",
22383
- "default": "css`\n ${foundationMultiselectStyles}\n\n .root {\n min-width: 0;\n }\n\n .control {\n height: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n min-height: 0;\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));\n background-color: var(--neutral-fill-input-rest);\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n box-sizing: border-box;\n }\n\n :host(:focus-within:not([disabled])) .control {\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));\n background-color: var(--neutral-fill-input-focus);\n }\n\n .control:hover:not(:focus):not([disabled]) {\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));\n background: var(--neutral-fill-input-hover);\n }\n\n #display-field {\n min-height: unset;\n padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);\n font-family: var(--body-font), sans-serif;\n font-size: var(--type-ramp-base-font-size);\n background-color: transparent;\n }\n\n #display-field:focus {\n outline: none;\n background: unset;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: none;\n }\n\n .indicator {\n width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n left: calc(\n 100% -\n ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) *\n 1px\n );\n background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n #arrow-icon {\n width: calc(var(--design-unit) * 3.5px);\n height: calc(var(--design-unit) * 3.5px);\n fill: var(--neutral-foreground-rest);\n }\n\n .label {\n color: var(--neutral-foreground-hint);\n }\n\n .options {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n overflow-x: hidden;\n }\n\n rapid-checkbox {\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n padding: calc((var(--design-unit) + 1) * 1px) 0 calc((var(--design-unit) + 1) * 1px)\n calc((var(--design-unit) + 1) * 1px);\n margin: 0;\n }\n\n rapid-checkbox:hover:not([disabled]) {\n background: var(--neutral-layer-4);\n }\n\n rapid-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n rapid-checkbox[disabled] {\n cursor: not-allowed;\n }\n`"
22384
- }
22385
- ],
22386
- "exports": [
22387
- {
22388
- "kind": "js",
22389
- "name": "multiselectStyles",
22390
- "declaration": {
22391
- "name": "multiselectStyles",
22392
- "module": "src/multiselect/multiselect.styles.ts"
22371
+ "package": "./modal-theme"
22393
22372
  }
22394
22373
  }
22395
22374
  ]
22396
22375
  },
22397
22376
  {
22398
22377
  "kind": "javascript-module",
22399
- "path": "src/multiselect/multiselect.template.ts",
22378
+ "path": "src/modal-theme/modal-theme.ts",
22400
22379
  "declarations": [
22401
22380
  {
22402
- "kind": "variable",
22403
- "name": "multiselectTemplate",
22404
- "default": "html<Multiselect>`\n ${getPrefixedMultiselect('rapid')}\n`"
22405
- }
22406
- ],
22407
- "exports": [
22408
- {
22409
- "kind": "js",
22410
- "name": "multiselectTemplate",
22411
- "declaration": {
22412
- "name": "multiselectTemplate",
22413
- "module": "src/multiselect/multiselect.template.ts"
22414
- }
22415
- }
22416
- ]
22417
- },
22418
- {
22419
- "kind": "javascript-module",
22420
- "path": "src/multiselect/multiselect.ts",
22421
- "declarations": [
22381
+ "kind": "function",
22382
+ "name": "resolveInitialMode",
22383
+ "return": {
22384
+ "type": {
22385
+ "text": "string"
22386
+ }
22387
+ },
22388
+ "parameters": [
22389
+ {
22390
+ "name": "theme",
22391
+ "type": {
22392
+ "text": "ModalTheme"
22393
+ }
22394
+ }
22395
+ ],
22396
+ "description": "The mode to start on: remembered choice for this theme, else the declared default.",
22397
+ "privacy": "public"
22398
+ },
22422
22399
  {
22423
- "kind": "class",
22424
- "description": "",
22425
- "name": "Multiselect",
22426
- "superclass": {
22427
- "name": "FoundationMultiselect",
22428
- "package": "@genesislcap/foundation-ui"
22400
+ "kind": "function",
22401
+ "name": "nextMode",
22402
+ "return": {
22403
+ "type": {
22404
+ "text": "string"
22405
+ }
22429
22406
  },
22430
- "tagName": "%%prefix%%-multiselect",
22431
- "customElement": true,
22432
- "attributes": [
22407
+ "parameters": [
22433
22408
  {
22434
- "name": "name",
22409
+ "name": "theme",
22435
22410
  "type": {
22436
- "text": "string"
22437
- },
22438
- "default": "''",
22439
- "fieldName": "name",
22440
- "inheritedFrom": {
22441
- "name": "Multiselect",
22442
- "module": "src/multiselect/multiselect.ts"
22411
+ "text": "ModalTheme"
22443
22412
  }
22444
22413
  },
22445
22414
  {
22446
- "name": "auto-position",
22415
+ "name": "current",
22447
22416
  "type": {
22448
- "text": "boolean"
22449
- },
22450
- "default": "true",
22451
- "fieldName": "autoPosition",
22452
- "inheritedFrom": {
22453
- "name": "Multiselect",
22454
- "module": "src/multiselect/multiselect.ts"
22417
+ "text": "string"
22455
22418
  }
22456
- },
22419
+ }
22420
+ ],
22421
+ "description": "Cycle to the next mode (for the light/dark toggle; generalises to N modes).",
22422
+ "privacy": "public"
22423
+ },
22424
+ {
22425
+ "kind": "function",
22426
+ "name": "isModeToggleEnabled",
22427
+ "return": {
22428
+ "type": {
22429
+ "text": "boolean"
22430
+ }
22431
+ },
22432
+ "parameters": [
22457
22433
  {
22434
+ "name": "theme",
22458
22435
  "type": {
22459
- "text": "boolean"
22460
- },
22461
- "default": "true",
22462
- "fieldName": "all",
22463
- "inheritedFrom": {
22464
- "name": "Multiselect",
22465
- "module": "src/multiselect/multiselect.ts"
22436
+ "text": "ModalTheme"
22466
22437
  }
22467
- },
22438
+ }
22439
+ ],
22440
+ "description": "Whether the app should offer a mode toggle. Defaults to \"more than one mode exists\";\na `showModeToggle` on the theme overrides the inference. Use to set the header's\ntoggle-button visibility.",
22441
+ "privacy": "public"
22442
+ },
22443
+ {
22444
+ "kind": "function",
22445
+ "name": "injectThemeStyles",
22446
+ "return": {
22447
+ "type": {
22448
+ "text": "void"
22449
+ }
22450
+ },
22451
+ "parameters": [
22468
22452
  {
22469
- "name": "debounce",
22453
+ "name": "provider",
22470
22454
  "type": {
22471
- "text": "number"
22472
- },
22473
- "default": "DEBOUNCE_TIME",
22474
- "resolveInitializer": {
22475
- "module": "src/multiselect/multiselect.ts"
22476
- },
22477
- "fieldName": "debounce",
22478
- "inheritedFrom": {
22479
- "name": "Multiselect",
22480
- "module": "src/multiselect/multiselect.ts"
22455
+ "text": "HTMLElement"
22481
22456
  }
22482
22457
  },
22483
22458
  {
22484
- "name": "tabindex",
22459
+ "name": "theme",
22485
22460
  "type": {
22486
- "text": "number"
22487
- },
22461
+ "text": "ModalTheme"
22462
+ }
22463
+ }
22464
+ ],
22465
+ "description": "Compile the theme to a single mode-agnostic sheet and adopt it into the scope\nthat actually contains the provider. The sheet contains every mode; switching\nnever regenerates it.\n\nThe provider is typically rendered inside its host app's shadow root, not the\ndocument light DOM — so a document-scoped `rapid-design-system-provider { … }`\nrule would never match it. We adopt the sheet onto `provider.getRootNode()` (the\ncontaining ShadowRoot, or Document if the provider sits at document scope) so the\nselector resolves and the surface custom properties land on the provider,\ninheriting down through every nested shadow boundary.\n\nRe-entrant: once a sheet is adopted, subsequent calls update it in place\n(`replaceSync`) rather than adopting a duplicate — this is what lets a hot theme\nedit refresh the styles without a reload.",
22466
+ "privacy": "public"
22467
+ },
22468
+ {
22469
+ "kind": "function",
22470
+ "name": "reapplyTheme",
22471
+ "return": {
22472
+ "type": {
22473
+ "text": "void"
22474
+ }
22475
+ },
22476
+ "parameters": [
22477
+ {
22478
+ "name": "theme",
22479
+ "type": {
22480
+ "text": "ModalTheme"
22481
+ }
22482
+ }
22483
+ ],
22484
+ "description": "Recompile and re-apply the theme after a hot edit to the theme file: updates the\nadopted sheet in place and re-runs the active mode's design tokens. Wire to a\nbundler's HMR hook so theme edits show without a full page reload.",
22485
+ "privacy": "public"
22486
+ },
22487
+ {
22488
+ "kind": "function",
22489
+ "name": "applyMode",
22490
+ "return": {
22491
+ "type": {
22492
+ "text": "void"
22493
+ }
22494
+ },
22495
+ "parameters": [
22496
+ {
22497
+ "name": "provider",
22498
+ "type": {
22499
+ "text": "HTMLElement"
22500
+ }
22501
+ },
22502
+ {
22503
+ "name": "theme",
22504
+ "type": {
22505
+ "text": "ModalTheme"
22506
+ }
22507
+ },
22508
+ {
22509
+ "name": "mode",
22510
+ "type": {
22511
+ "text": "string"
22512
+ }
22513
+ }
22514
+ ],
22515
+ "description": "Apply a mode: design-token half via FAST, surface/parts half via the class swap.",
22516
+ "privacy": "public"
22517
+ }
22518
+ ],
22519
+ "exports": [
22520
+ {
22521
+ "kind": "js",
22522
+ "name": "resolveInitialMode",
22523
+ "declaration": {
22524
+ "name": "resolveInitialMode",
22525
+ "module": "src/modal-theme/modal-theme.ts"
22526
+ }
22527
+ },
22528
+ {
22529
+ "kind": "js",
22530
+ "name": "nextMode",
22531
+ "declaration": {
22532
+ "name": "nextMode",
22533
+ "module": "src/modal-theme/modal-theme.ts"
22534
+ }
22535
+ },
22536
+ {
22537
+ "kind": "js",
22538
+ "name": "isModeToggleEnabled",
22539
+ "declaration": {
22540
+ "name": "isModeToggleEnabled",
22541
+ "module": "src/modal-theme/modal-theme.ts"
22542
+ }
22543
+ },
22544
+ {
22545
+ "kind": "js",
22546
+ "name": "injectThemeStyles",
22547
+ "declaration": {
22548
+ "name": "injectThemeStyles",
22549
+ "module": "src/modal-theme/modal-theme.ts"
22550
+ }
22551
+ },
22552
+ {
22553
+ "kind": "js",
22554
+ "name": "reapplyTheme",
22555
+ "declaration": {
22556
+ "name": "reapplyTheme",
22557
+ "module": "src/modal-theme/modal-theme.ts"
22558
+ }
22559
+ },
22560
+ {
22561
+ "kind": "js",
22562
+ "name": "applyMode",
22563
+ "declaration": {
22564
+ "name": "applyMode",
22565
+ "module": "src/modal-theme/modal-theme.ts"
22566
+ }
22567
+ }
22568
+ ]
22569
+ },
22570
+ {
22571
+ "kind": "javascript-module",
22572
+ "path": "src/modal-theme/theme-compiler.ts",
22573
+ "declarations": [
22574
+ {
22575
+ "kind": "function",
22576
+ "name": "compileTheme",
22577
+ "return": {
22578
+ "type": {
22579
+ "text": "string"
22580
+ }
22581
+ },
22582
+ "parameters": [
22583
+ {
22584
+ "name": "theme",
22585
+ "type": {
22586
+ "text": "CompilableTheme"
22587
+ },
22588
+ "description": "the modal theme (shared + modes; customTokens + componentOverrides)."
22589
+ },
22590
+ {
22591
+ "name": "{ host = HOST }",
22592
+ "default": "{}",
22593
+ "type": {
22594
+ "text": "{ host?: string }"
22595
+ }
22596
+ },
22597
+ {
22598
+ "description": "the selector the rules nest under (default `rapid-design-system-provider`).",
22599
+ "name": "host"
22600
+ }
22601
+ ],
22602
+ "description": "Compile a modal theme into class-scoped nested CSS.",
22603
+ "privacy": "public"
22604
+ }
22605
+ ],
22606
+ "exports": [
22607
+ {
22608
+ "kind": "js",
22609
+ "name": "compileTheme",
22610
+ "declaration": {
22611
+ "name": "compileTheme",
22612
+ "module": "src/modal-theme/theme-compiler.ts"
22613
+ }
22614
+ }
22615
+ ]
22616
+ },
22617
+ {
22618
+ "kind": "javascript-module",
22619
+ "path": "src/multiselect/index.ts",
22620
+ "declarations": [],
22621
+ "exports": [
22622
+ {
22623
+ "kind": "js",
22624
+ "name": "*",
22625
+ "declaration": {
22626
+ "name": "*",
22627
+ "package": "./multiselect"
22628
+ }
22629
+ },
22630
+ {
22631
+ "kind": "js",
22632
+ "name": "*",
22633
+ "declaration": {
22634
+ "name": "*",
22635
+ "package": "./multiselect.styles"
22636
+ }
22637
+ },
22638
+ {
22639
+ "kind": "js",
22640
+ "name": "*",
22641
+ "declaration": {
22642
+ "name": "*",
22643
+ "package": "./multiselect.template"
22644
+ }
22645
+ }
22646
+ ]
22647
+ },
22648
+ {
22649
+ "kind": "javascript-module",
22650
+ "path": "src/multiselect/multiselect.styles.ts",
22651
+ "declarations": [
22652
+ {
22653
+ "kind": "variable",
22654
+ "name": "multiselectStyles",
22655
+ "default": "css`\n ${foundationMultiselectStyles}\n\n .root {\n min-width: 0;\n }\n\n .control {\n height: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n min-height: 0;\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));\n background-color: var(--neutral-fill-input-rest);\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n box-sizing: border-box;\n }\n\n :host(:focus-within:not([disabled])) .control {\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));\n background-color: var(--neutral-fill-input-focus);\n }\n\n .control:hover:not(:focus):not([disabled]) {\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));\n background: var(--neutral-fill-input-hover);\n }\n\n #display-field {\n min-height: unset;\n padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);\n font-family: var(--body-font), sans-serif;\n font-size: var(--type-ramp-base-font-size);\n background-color: transparent;\n }\n\n #display-field:focus {\n outline: none;\n background: unset;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: none;\n }\n\n .indicator {\n width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n left: calc(\n 100% -\n ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) *\n 1px\n );\n background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n #arrow-icon {\n width: calc(var(--design-unit) * 3.5px);\n height: calc(var(--design-unit) * 3.5px);\n fill: var(--neutral-foreground-rest);\n }\n\n .label {\n color: var(--neutral-foreground-hint);\n }\n\n .options {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n overflow-x: hidden;\n }\n\n rapid-checkbox {\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n padding: calc((var(--design-unit) + 1) * 1px) 0 calc((var(--design-unit) + 1) * 1px)\n calc((var(--design-unit) + 1) * 1px);\n margin: 0;\n }\n\n rapid-checkbox:hover:not([disabled]) {\n background: var(--neutral-layer-4);\n }\n\n rapid-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n rapid-checkbox[disabled] {\n cursor: not-allowed;\n }\n`"
22656
+ }
22657
+ ],
22658
+ "exports": [
22659
+ {
22660
+ "kind": "js",
22661
+ "name": "multiselectStyles",
22662
+ "declaration": {
22663
+ "name": "multiselectStyles",
22664
+ "module": "src/multiselect/multiselect.styles.ts"
22665
+ }
22666
+ }
22667
+ ]
22668
+ },
22669
+ {
22670
+ "kind": "javascript-module",
22671
+ "path": "src/multiselect/multiselect.template.ts",
22672
+ "declarations": [
22673
+ {
22674
+ "kind": "variable",
22675
+ "name": "multiselectTemplate",
22676
+ "default": "html<Multiselect>`\n ${getPrefixedMultiselect('rapid')}\n`"
22677
+ }
22678
+ ],
22679
+ "exports": [
22680
+ {
22681
+ "kind": "js",
22682
+ "name": "multiselectTemplate",
22683
+ "declaration": {
22684
+ "name": "multiselectTemplate",
22685
+ "module": "src/multiselect/multiselect.template.ts"
22686
+ }
22687
+ }
22688
+ ]
22689
+ },
22690
+ {
22691
+ "kind": "javascript-module",
22692
+ "path": "src/multiselect/multiselect.ts",
22693
+ "declarations": [
22694
+ {
22695
+ "kind": "class",
22696
+ "description": "",
22697
+ "name": "Multiselect",
22698
+ "superclass": {
22699
+ "name": "FoundationMultiselect",
22700
+ "package": "@genesislcap/foundation-ui"
22701
+ },
22702
+ "tagName": "%%prefix%%-multiselect",
22703
+ "customElement": true,
22704
+ "attributes": [
22705
+ {
22706
+ "name": "name",
22707
+ "type": {
22708
+ "text": "string"
22709
+ },
22710
+ "default": "''",
22711
+ "fieldName": "name",
22712
+ "inheritedFrom": {
22713
+ "name": "Multiselect",
22714
+ "module": "src/multiselect/multiselect.ts"
22715
+ }
22716
+ },
22717
+ {
22718
+ "name": "auto-position",
22719
+ "type": {
22720
+ "text": "boolean"
22721
+ },
22722
+ "default": "true",
22723
+ "fieldName": "autoPosition",
22724
+ "inheritedFrom": {
22725
+ "name": "Multiselect",
22726
+ "module": "src/multiselect/multiselect.ts"
22727
+ }
22728
+ },
22729
+ {
22730
+ "type": {
22731
+ "text": "boolean"
22732
+ },
22733
+ "default": "true",
22734
+ "fieldName": "all",
22735
+ "inheritedFrom": {
22736
+ "name": "Multiselect",
22737
+ "module": "src/multiselect/multiselect.ts"
22738
+ }
22739
+ },
22740
+ {
22741
+ "name": "debounce",
22742
+ "type": {
22743
+ "text": "number"
22744
+ },
22745
+ "default": "DEBOUNCE_TIME",
22746
+ "resolveInitializer": {
22747
+ "module": "src/multiselect/multiselect.ts"
22748
+ },
22749
+ "fieldName": "debounce",
22750
+ "inheritedFrom": {
22751
+ "name": "Multiselect",
22752
+ "module": "src/multiselect/multiselect.ts"
22753
+ }
22754
+ },
22755
+ {
22756
+ "name": "tabindex",
22757
+ "type": {
22758
+ "text": "number"
22759
+ },
22488
22760
  "fieldName": "tabindex",
22489
22761
  "inheritedFrom": {
22490
22762
  "name": "Multiselect",
@@ -24243,6 +24515,20 @@
24243
24515
  "module": "src/number-field/number-field.ts"
24244
24516
  }
24245
24517
  },
24518
+ {
24519
+ "kind": "method",
24520
+ "name": "restoreControlToCommittedValue",
24521
+ "privacy": "private",
24522
+ "return": {
24523
+ "type": {
24524
+ "text": "void"
24525
+ }
24526
+ },
24527
+ "inheritedFrom": {
24528
+ "name": "NumberField",
24529
+ "module": "src/number-field/number-field.ts"
24530
+ }
24531
+ },
24246
24532
  {
24247
24533
  "kind": "method",
24248
24534
  "name": "handleTextInput",
@@ -24615,18 +24901,6 @@
24615
24901
  "module": "src/number-field/number-field.ts"
24616
24902
  }
24617
24903
  },
24618
- {
24619
- "name": "value",
24620
- "type": {
24621
- "text": "string"
24622
- },
24623
- "default": "''",
24624
- "fieldName": "value",
24625
- "inheritedFrom": {
24626
- "name": "NumberField",
24627
- "module": "src/number-field/number-field.ts"
24628
- }
24629
- },
24630
24904
  {
24631
24905
  "name": "locale",
24632
24906
  "type": {
@@ -29846,7 +30120,7 @@
29846
30120
  },
29847
30121
  {
29848
30122
  "kind": "javascript-module",
29849
- "path": "src/section-navigator/index.ts",
30123
+ "path": "src/segmented-control/index.ts",
29850
30124
  "declarations": [],
29851
30125
  "exports": [
29852
30126
  {
@@ -29854,7 +30128,7 @@
29854
30128
  "name": "*",
29855
30129
  "declaration": {
29856
30130
  "name": "*",
29857
- "package": "./section-navigator"
30131
+ "package": "./segmented-control.template"
29858
30132
  }
29859
30133
  },
29860
30134
  {
@@ -29862,18 +30136,31 @@
29862
30136
  "name": "*",
29863
30137
  "declaration": {
29864
30138
  "name": "*",
29865
- "package": "./section-navigator.styles"
30139
+ "package": "./segmented-control.styles"
30140
+ }
30141
+ },
30142
+ {
30143
+ "kind": "js",
30144
+ "name": "*",
30145
+ "declaration": {
30146
+ "name": "*",
30147
+ "package": "./segmented-control"
29866
30148
  }
29867
30149
  }
29868
30150
  ]
29869
30151
  },
29870
30152
  {
29871
30153
  "kind": "javascript-module",
29872
- "path": "src/section-navigator/section-navigator.styles.ts",
30154
+ "path": "src/segmented-control/segmented-control.styles.ts",
29873
30155
  "declarations": [
29874
30156
  {
29875
30157
  "kind": "function",
29876
- "name": "rapidSectionNavigatorStyles",
30158
+ "name": "rapidSegmentedControlStyles",
30159
+ "return": {
30160
+ "type": {
30161
+ "text": "ElementStyles"
30162
+ }
30163
+ },
29877
30164
  "parameters": [
29878
30165
  {
29879
30166
  "name": "context",
@@ -29893,694 +30180,810 @@
29893
30180
  "exports": [
29894
30181
  {
29895
30182
  "kind": "js",
29896
- "name": "rapidSectionNavigatorStyles",
30183
+ "name": "rapidSegmentedControlStyles",
29897
30184
  "declaration": {
29898
- "name": "rapidSectionNavigatorStyles",
29899
- "module": "src/section-navigator/section-navigator.styles.ts"
30185
+ "name": "rapidSegmentedControlStyles",
30186
+ "module": "src/segmented-control/segmented-control.styles.ts"
29900
30187
  }
29901
30188
  }
29902
30189
  ]
29903
30190
  },
29904
30191
  {
29905
30192
  "kind": "javascript-module",
29906
- "path": "src/section-navigator/section-navigator.ts",
30193
+ "path": "src/segmented-control/segmented-control.template.ts",
30194
+ "declarations": [
30195
+ {
30196
+ "kind": "function",
30197
+ "name": "rapidSegmentedControlTemplate",
30198
+ "return": {
30199
+ "type": {
30200
+ "text": "ViewTemplate<SegmentedControl>"
30201
+ }
30202
+ },
30203
+ "parameters": [
30204
+ {
30205
+ "name": "context",
30206
+ "type": {
30207
+ "text": "ElementDefinitionContext"
30208
+ }
30209
+ },
30210
+ {
30211
+ "name": "definition",
30212
+ "type": {
30213
+ "text": "FoundationElementDefinition"
30214
+ }
30215
+ }
30216
+ ]
30217
+ }
30218
+ ],
30219
+ "exports": [
30220
+ {
30221
+ "kind": "js",
30222
+ "name": "rapidSegmentedControlTemplate",
30223
+ "declaration": {
30224
+ "name": "rapidSegmentedControlTemplate",
30225
+ "module": "src/segmented-control/segmented-control.template.ts"
30226
+ }
30227
+ }
30228
+ ]
30229
+ },
30230
+ {
30231
+ "kind": "javascript-module",
30232
+ "path": "src/segmented-control/segmented-control.ts",
29907
30233
  "declarations": [
29908
30234
  {
29909
30235
  "kind": "class",
29910
30236
  "description": "",
29911
- "name": "SectionNavigator",
30237
+ "name": "SegmentedControl",
29912
30238
  "superclass": {
29913
- "name": "FoundationSectionNavigator",
30239
+ "name": "FoundationSegmentedControl",
29914
30240
  "package": "@genesislcap/foundation-ui"
29915
30241
  },
29916
- "tagName": "%%prefix%%-section-navigator",
30242
+ "tagName": "%%prefix%%-segmented-control",
29917
30243
  "customElement": true,
29918
30244
  "attributes": [
29919
30245
  {
29920
- "description": "Array of section items to display",
29921
- "name": "sections",
30246
+ "name": "readonly",
30247
+ "type": {
30248
+ "text": "boolean"
30249
+ },
30250
+ "description": "When true, the child radios will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
30251
+ "fieldName": "readOnly",
29922
30252
  "inheritedFrom": {
29923
- "name": "SectionNavigator",
29924
- "module": "src/section-navigator/section-navigator.ts"
30253
+ "name": "SegmentedControl",
30254
+ "module": "src/segmented-control/segmented-control.ts"
29925
30255
  }
29926
30256
  },
29927
30257
  {
29928
- "name": "scroll-behavior",
30258
+ "name": "disabled",
29929
30259
  "type": {
29930
- "text": "'view' | 'top'"
30260
+ "text": "boolean"
29931
30261
  },
29932
- "default": "'top'",
29933
- "fieldName": "scrollBehavior",
29934
- "description": "Scroll behavior: 'view' or 'top' (default: 'top')",
30262
+ "description": "Disables the radio group and child radios.",
30263
+ "fieldName": "disabled",
29935
30264
  "inheritedFrom": {
29936
- "name": "SectionNavigator",
29937
- "module": "src/section-navigator/section-navigator.ts"
30265
+ "name": "SegmentedControl",
30266
+ "module": "src/segmented-control/segmented-control.ts"
29938
30267
  }
29939
30268
  },
29940
30269
  {
29941
- "name": "state-tooltips",
30270
+ "name": "name",
29942
30271
  "type": {
29943
- "text": "Record<SectionItemStateName, string>"
29944
- },
29945
- "default": "DEFAULT_SECTION_STATES_TOOLTIPS",
29946
- "resolveInitializer": {
29947
- "module": "src/section-navigator/section-navigator.ts"
30272
+ "text": "string"
29948
30273
  },
29949
- "fieldName": "stateTooltips",
29950
- "description": "Custom tooltips for state icons",
30274
+ "description": "The name of the radio group. Setting this value will set the name value\nfor all child radio elements.",
30275
+ "fieldName": "name",
29951
30276
  "inheritedFrom": {
29952
- "name": "SectionNavigator",
29953
- "module": "src/section-navigator/section-navigator.ts"
30277
+ "name": "SegmentedControl",
30278
+ "module": "src/segmented-control/segmented-control.ts"
29954
30279
  }
29955
30280
  },
29956
30281
  {
29957
- "name": "state-icons",
30282
+ "name": "value",
29958
30283
  "type": {
29959
- "text": "Record<SectionItemStateName, SectionItemStateIcon>"
29960
- },
29961
- "default": "DEFAULT_SECTION_STATES_ICONS",
29962
- "resolveInitializer": {
29963
- "module": "src/section-navigator/section-navigator.ts"
30284
+ "text": "string"
29964
30285
  },
29965
- "fieldName": "stateIcons",
29966
- "description": "Custom icons for state types",
30286
+ "description": "The value of the checked radio",
30287
+ "fieldName": "value",
29967
30288
  "inheritedFrom": {
29968
- "name": "SectionNavigator",
29969
- "module": "src/section-navigator/section-navigator.ts"
30289
+ "name": "SegmentedControl",
30290
+ "module": "src/segmented-control/segmented-control.ts"
29970
30291
  }
29971
30292
  },
29972
30293
  {
29973
- "name": "disable-auto-scroll-detection",
30294
+ "name": "orientation",
29974
30295
  "type": {
29975
- "text": "boolean"
30296
+ "text": "Orientation | \"horizontal\" | \"vertical\""
29976
30297
  },
29977
- "default": "false",
29978
- "fieldName": "disableAutoScrollDetection",
29979
- "description": "Disable automatic active section detection during scrolling (default: false) When enabled, automatically updates active section based on scroll position. User clicks are prioritized - clicked section remains active until scroll ends.",
30298
+ "description": "The orientation of the group",
30299
+ "fieldName": "orientation",
29980
30300
  "inheritedFrom": {
29981
- "name": "SectionNavigator",
29982
- "module": "src/section-navigator/section-navigator.ts"
30301
+ "name": "SegmentedControl",
30302
+ "module": "src/segmented-control/segmented-control.ts"
29983
30303
  }
29984
30304
  }
29985
30305
  ],
29986
30306
  "members": [
29987
30307
  {
29988
- "kind": "field",
29989
- "name": "sections",
29990
- "type": {
29991
- "text": "SectionItem[]"
30308
+ "kind": "method",
30309
+ "name": "valueChanged",
30310
+ "privacy": "protected",
30311
+ "return": {
30312
+ "type": {
30313
+ "text": "void"
30314
+ }
29992
30315
  },
29993
- "default": "[]",
29994
30316
  "inheritedFrom": {
29995
- "name": "SectionNavigator",
29996
- "module": "src/section-navigator/section-navigator.ts"
30317
+ "name": "SegmentedControl",
30318
+ "module": "src/segmented-control/segmented-control.ts"
29997
30319
  }
29998
30320
  },
29999
30321
  {
30000
30322
  "kind": "field",
30001
- "name": "scrollBehavior",
30323
+ "name": "readOnly",
30002
30324
  "type": {
30003
- "text": "'view' | 'top'"
30325
+ "text": "boolean"
30004
30326
  },
30005
- "default": "'top'",
30327
+ "privacy": "public",
30328
+ "description": "When true, the child radios will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
30006
30329
  "inheritedFrom": {
30007
- "name": "SectionNavigator",
30008
- "module": "src/section-navigator/section-navigator.ts"
30330
+ "name": "SegmentedControl",
30331
+ "module": "src/segmented-control/segmented-control.ts"
30009
30332
  }
30010
30333
  },
30011
30334
  {
30012
- "kind": "field",
30013
- "name": "stateTooltips",
30014
- "type": {
30015
- "text": "Record<SectionItemStateName, string>"
30335
+ "kind": "method",
30336
+ "name": "readOnlyChanged",
30337
+ "privacy": "private",
30338
+ "return": {
30339
+ "type": {
30340
+ "text": "void"
30341
+ }
30016
30342
  },
30017
- "default": "{\n active: 'Active',\n inactive: 'Inactive',\n pending: 'Pending',\n disabled: 'Disabled',\n error: 'Error',\n completed: 'Completed',\n}",
30018
30343
  "inheritedFrom": {
30019
- "name": "SectionNavigator",
30020
- "module": "src/section-navigator/section-navigator.ts"
30344
+ "name": "SegmentedControl",
30345
+ "module": "src/segmented-control/segmented-control.ts"
30021
30346
  }
30022
30347
  },
30023
30348
  {
30024
30349
  "kind": "field",
30025
- "name": "stateIcons",
30350
+ "name": "disabled",
30026
30351
  "type": {
30027
- "text": "Record<SectionItemStateName, SectionItemStateIcon>"
30352
+ "text": "boolean"
30028
30353
  },
30029
- "default": "{\n active: {\n name: 'circle-dot',\n variant: 'solid',\n },\n inactive: {\n name: 'times-circle',\n variant: 'regular',\n },\n pending: {\n name: 'clock',\n variant: 'solid',\n },\n disabled: {\n name: 'ban',\n variant: 'solid',\n },\n error: {\n name: 'times',\n variant: 'solid',\n },\n completed: {\n name: 'check',\n variant: 'solid',\n },\n}",
30354
+ "privacy": "public",
30355
+ "description": "Disables the radio group and child radios.",
30030
30356
  "inheritedFrom": {
30031
- "name": "SectionNavigator",
30032
- "module": "src/section-navigator/section-navigator.ts"
30357
+ "name": "SegmentedControl",
30358
+ "module": "src/segmented-control/segmented-control.ts"
30033
30359
  }
30034
30360
  },
30035
30361
  {
30036
- "kind": "field",
30037
- "name": "disableAutoScrollDetection",
30038
- "type": {
30039
- "text": "boolean"
30362
+ "kind": "method",
30363
+ "name": "disabledChanged",
30364
+ "privacy": "private",
30365
+ "return": {
30366
+ "type": {
30367
+ "text": "void"
30368
+ }
30040
30369
  },
30041
- "default": "false",
30042
30370
  "inheritedFrom": {
30043
- "name": "SectionNavigator",
30044
- "module": "src/section-navigator/section-navigator.ts"
30371
+ "name": "SegmentedControl",
30372
+ "module": "src/segmented-control/segmented-control.ts"
30045
30373
  }
30046
30374
  },
30047
30375
  {
30048
30376
  "kind": "field",
30049
- "name": "handleSetStateRef",
30377
+ "name": "name",
30050
30378
  "type": {
30051
- "text": "(event: CustomEvent<SetStateEventDetail>) => void | undefined"
30379
+ "text": "string"
30052
30380
  },
30053
- "privacy": "private",
30381
+ "privacy": "public",
30382
+ "description": "The name of the radio group. Setting this value will set the name value\nfor all child radio elements.",
30054
30383
  "inheritedFrom": {
30055
- "name": "SectionNavigator",
30056
- "module": "src/section-navigator/section-navigator.ts"
30384
+ "name": "SegmentedControl",
30385
+ "module": "src/segmented-control/segmented-control.ts"
30057
30386
  }
30058
30387
  },
30059
30388
  {
30060
- "kind": "field",
30061
- "name": "handleSetStatesRef",
30062
- "type": {
30063
- "text": "(event: CustomEvent<SetStatesEventDetail>) => void | undefined"
30389
+ "kind": "method",
30390
+ "name": "nameChanged",
30391
+ "privacy": "protected",
30392
+ "return": {
30393
+ "type": {
30394
+ "text": "void"
30395
+ }
30064
30396
  },
30065
- "privacy": "private",
30066
30397
  "inheritedFrom": {
30067
- "name": "SectionNavigator",
30068
- "module": "src/section-navigator/section-navigator.ts"
30398
+ "name": "SegmentedControl",
30399
+ "module": "src/segmented-control/segmented-control.ts"
30069
30400
  }
30070
30401
  },
30071
30402
  {
30072
30403
  "kind": "field",
30073
- "name": "handleClearStateRef",
30404
+ "name": "value",
30074
30405
  "type": {
30075
- "text": "(event: CustomEvent<ClearStateEventDetail>) => void | undefined"
30406
+ "text": "string"
30076
30407
  },
30077
- "privacy": "private",
30408
+ "privacy": "public",
30409
+ "description": "The value of the checked radio",
30078
30410
  "inheritedFrom": {
30079
- "name": "SectionNavigator",
30080
- "module": "src/section-navigator/section-navigator.ts"
30411
+ "name": "SegmentedControl",
30412
+ "module": "src/segmented-control/segmented-control.ts"
30081
30413
  }
30082
30414
  },
30083
30415
  {
30084
30416
  "kind": "field",
30085
- "name": "handleClearAllStatesRef",
30417
+ "name": "orientation",
30086
30418
  "type": {
30087
- "text": "(event: CustomEvent<ClearAllStatesEventDetail>) => void | undefined"
30419
+ "text": "Orientation | \"horizontal\" | \"vertical\""
30088
30420
  },
30089
- "privacy": "private",
30421
+ "privacy": "public",
30422
+ "description": "The orientation of the group",
30090
30423
  "inheritedFrom": {
30091
- "name": "SectionNavigator",
30092
- "module": "src/section-navigator/section-navigator.ts"
30424
+ "name": "SegmentedControl",
30425
+ "module": "src/segmented-control/segmented-control.ts"
30093
30426
  }
30094
30427
  },
30095
30428
  {
30096
30429
  "kind": "field",
30097
- "name": "handleGenericStateEventRef",
30430
+ "name": "childItems",
30098
30431
  "type": {
30099
- "text": "(event: CustomEvent<any>) => void | undefined"
30432
+ "text": "HTMLElement[]"
30100
30433
  },
30101
- "privacy": "private",
30434
+ "privacy": "public",
30102
30435
  "inheritedFrom": {
30103
- "name": "SectionNavigator",
30104
- "module": "src/section-navigator/section-navigator.ts"
30436
+ "name": "SegmentedControl",
30437
+ "module": "src/segmented-control/segmented-control.ts"
30105
30438
  }
30106
30439
  },
30107
30440
  {
30108
- "kind": "field",
30109
- "name": "userClickedSection",
30110
- "type": {
30111
- "text": "boolean"
30112
- },
30441
+ "kind": "method",
30442
+ "name": "slottedRadioButtonsChanged",
30113
30443
  "privacy": "private",
30114
- "default": "false",
30444
+ "return": {
30445
+ "type": {
30446
+ "text": "void"
30447
+ }
30448
+ },
30449
+ "parameters": [
30450
+ {
30451
+ "name": "oldValue",
30452
+ "type": {
30453
+ "text": "unknown"
30454
+ }
30455
+ },
30456
+ {
30457
+ "name": "newValue",
30458
+ "type": {
30459
+ "text": "HTMLElement[]"
30460
+ }
30461
+ }
30462
+ ],
30115
30463
  "inheritedFrom": {
30116
- "name": "SectionNavigator",
30117
- "module": "src/section-navigator/section-navigator.ts"
30464
+ "name": "SegmentedControl",
30465
+ "module": "src/segmented-control/segmented-control.ts"
30118
30466
  }
30119
30467
  },
30120
30468
  {
30121
30469
  "kind": "field",
30122
- "name": "scrollEndHandler",
30470
+ "name": "selectedRadio",
30123
30471
  "type": {
30124
- "text": "() => void | undefined"
30472
+ "text": "HTMLInputElement | null"
30125
30473
  },
30126
30474
  "privacy": "private",
30127
30475
  "inheritedFrom": {
30128
- "name": "SectionNavigator",
30129
- "module": "src/section-navigator/section-navigator.ts"
30476
+ "name": "SegmentedControl",
30477
+ "module": "src/segmented-control/segmented-control.ts"
30130
30478
  }
30131
30479
  },
30132
30480
  {
30133
30481
  "kind": "field",
30134
- "name": "isUserScrolling",
30482
+ "name": "focusedRadio",
30135
30483
  "type": {
30136
- "text": "boolean"
30484
+ "text": "HTMLInputElement | null"
30137
30485
  },
30138
30486
  "privacy": "private",
30139
- "default": "false",
30140
30487
  "inheritedFrom": {
30141
- "name": "SectionNavigator",
30142
- "module": "src/section-navigator/section-navigator.ts"
30488
+ "name": "SegmentedControl",
30489
+ "module": "src/segmented-control/segmented-control.ts"
30143
30490
  }
30144
30491
  },
30145
30492
  {
30146
30493
  "kind": "field",
30147
- "name": "scrollCheckHandler",
30494
+ "name": "direction",
30148
30495
  "type": {
30149
- "text": "() => void | undefined"
30496
+ "text": "Direction"
30150
30497
  },
30151
30498
  "privacy": "private",
30152
30499
  "inheritedFrom": {
30153
- "name": "SectionNavigator",
30154
- "module": "src/section-navigator/section-navigator.ts"
30500
+ "name": "SegmentedControl",
30501
+ "module": "src/segmented-control/segmented-control.ts"
30155
30502
  }
30156
30503
  },
30157
30504
  {
30158
30505
  "kind": "field",
30159
- "name": "scrollDebounceTimeout",
30506
+ "name": "parentToolbar",
30160
30507
  "type": {
30161
- "text": "number | undefined"
30508
+ "text": "HTMLElement | null"
30162
30509
  },
30163
30510
  "privacy": "private",
30164
30511
  "inheritedFrom": {
30165
- "name": "SectionNavigator",
30166
- "module": "src/section-navigator/section-navigator.ts"
30512
+ "name": "SegmentedControl",
30513
+ "module": "src/segmented-control/segmented-control.ts"
30167
30514
  }
30168
30515
  },
30169
30516
  {
30170
30517
  "kind": "field",
30171
- "name": "SCROLL_END_TIMEOUT",
30518
+ "name": "isInsideToolbar",
30172
30519
  "type": {
30173
- "text": "number"
30520
+ "text": "boolean"
30174
30521
  },
30175
30522
  "privacy": "private",
30176
- "static": true,
30177
- "readonly": true,
30178
- "default": "150",
30179
30523
  "inheritedFrom": {
30180
- "name": "SectionNavigator",
30181
- "module": "src/section-navigator/section-navigator.ts"
30524
+ "name": "SegmentedControl",
30525
+ "module": "src/segmented-control/segmented-control.ts"
30182
30526
  }
30183
30527
  },
30184
30528
  {
30185
30529
  "kind": "field",
30186
- "name": "SCROLL_DEBOUNCE_TIMEOUT",
30530
+ "name": "isInsideFoundationToolbar",
30187
30531
  "type": {
30188
- "text": "number"
30532
+ "text": "boolean"
30189
30533
  },
30190
30534
  "privacy": "private",
30191
- "static": true,
30192
- "readonly": true,
30193
- "default": "100",
30194
- "inheritedFrom": {
30195
- "name": "SectionNavigator",
30196
- "module": "src/section-navigator/section-navigator.ts"
30197
- }
30198
- },
30199
- {
30200
- "kind": "method",
30201
- "name": "sectionsChanged",
30202
30535
  "inheritedFrom": {
30203
- "name": "SectionNavigator",
30204
- "module": "src/section-navigator/section-navigator.ts"
30536
+ "name": "SegmentedControl",
30537
+ "module": "src/segmented-control/segmented-control.ts"
30205
30538
  }
30206
30539
  },
30207
30540
  {
30208
30541
  "kind": "method",
30209
- "name": "disableAutoScrollDetectionChanged",
30542
+ "name": "setupRadioButtons",
30543
+ "privacy": "private",
30544
+ "return": {
30545
+ "type": {
30546
+ "text": "void"
30547
+ }
30548
+ },
30210
30549
  "inheritedFrom": {
30211
- "name": "SectionNavigator",
30212
- "module": "src/section-navigator/section-navigator.ts"
30550
+ "name": "SegmentedControl",
30551
+ "module": "src/segmented-control/segmented-control.ts"
30213
30552
  }
30214
30553
  },
30215
30554
  {
30216
- "kind": "method",
30217
- "name": "scrollBehaviorChanged",
30555
+ "kind": "field",
30556
+ "name": "radioChangeHandler",
30557
+ "privacy": "private",
30218
30558
  "inheritedFrom": {
30219
- "name": "SectionNavigator",
30220
- "module": "src/section-navigator/section-navigator.ts"
30559
+ "name": "SegmentedControl",
30560
+ "module": "src/segmented-control/segmented-control.ts"
30221
30561
  }
30222
30562
  },
30223
30563
  {
30224
30564
  "kind": "field",
30225
- "name": "sectionItems",
30226
- "type": {
30227
- "text": "SectionItem[]"
30228
- },
30229
- "default": "[]",
30565
+ "name": "moveToRadioByIndex",
30566
+ "privacy": "private",
30230
30567
  "inheritedFrom": {
30231
- "name": "SectionNavigator",
30232
- "module": "src/section-navigator/section-navigator.ts"
30568
+ "name": "SegmentedControl",
30569
+ "module": "src/segmented-control/segmented-control.ts"
30233
30570
  }
30234
30571
  },
30235
30572
  {
30236
30573
  "kind": "field",
30237
- "name": "activeSection",
30238
- "type": {
30239
- "text": "string"
30240
- },
30241
- "default": "''",
30574
+ "name": "moveRightOffGroup",
30575
+ "privacy": "private",
30242
30576
  "inheritedFrom": {
30243
- "name": "SectionNavigator",
30244
- "module": "src/section-navigator/section-navigator.ts"
30577
+ "name": "SegmentedControl",
30578
+ "module": "src/segmented-control/segmented-control.ts"
30245
30579
  }
30246
30580
  },
30247
30581
  {
30248
30582
  "kind": "field",
30249
- "name": "sectionNavigatorContainer",
30250
- "type": {
30251
- "text": "HTMLElement"
30252
- },
30583
+ "name": "moveLeftOffGroup",
30584
+ "privacy": "private",
30253
30585
  "inheritedFrom": {
30254
- "name": "SectionNavigator",
30255
- "module": "src/section-navigator/section-navigator.ts"
30586
+ "name": "SegmentedControl",
30587
+ "module": "src/segmented-control/segmented-control.ts"
30256
30588
  }
30257
30589
  },
30258
30590
  {
30259
30591
  "kind": "field",
30260
- "name": "sectionContent",
30261
- "type": {
30262
- "text": "HTMLElement"
30263
- },
30592
+ "name": "shouldMoveOffGroupToTheRight",
30593
+ "privacy": "private",
30264
30594
  "inheritedFrom": {
30265
- "name": "SectionNavigator",
30266
- "module": "src/section-navigator/section-navigator.ts"
30595
+ "name": "SegmentedControl",
30596
+ "module": "src/segmented-control/segmented-control.ts"
30267
30597
  }
30268
30598
  },
30269
30599
  {
30270
30600
  "kind": "field",
30271
- "name": "spacerElement",
30272
- "type": {
30273
- "text": "HTMLElement | undefined"
30274
- },
30601
+ "name": "shouldMoveOffGroupToTheLeft",
30275
30602
  "privacy": "private",
30276
30603
  "inheritedFrom": {
30277
- "name": "SectionNavigator",
30278
- "module": "src/section-navigator/section-navigator.ts"
30604
+ "name": "SegmentedControl",
30605
+ "module": "src/segmented-control/segmented-control.ts"
30279
30606
  }
30280
30607
  },
30281
30608
  {
30282
- "kind": "method",
30283
- "name": "setSectionItems",
30609
+ "kind": "field",
30610
+ "name": "checkFocusedRadio",
30284
30611
  "privacy": "private",
30285
30612
  "inheritedFrom": {
30286
- "name": "SectionNavigator",
30287
- "module": "src/section-navigator/section-navigator.ts"
30613
+ "name": "SegmentedControl",
30614
+ "module": "src/segmented-control/segmented-control.ts"
30288
30615
  }
30289
30616
  },
30290
30617
  {
30291
- "kind": "method",
30292
- "name": "setActiveSection",
30618
+ "kind": "field",
30619
+ "name": "moveRight",
30293
30620
  "privacy": "private",
30294
30621
  "inheritedFrom": {
30295
- "name": "SectionNavigator",
30296
- "module": "src/section-navigator/section-navigator.ts"
30622
+ "name": "SegmentedControl",
30623
+ "module": "src/segmented-control/segmented-control.ts"
30297
30624
  }
30298
30625
  },
30299
30626
  {
30300
- "kind": "method",
30301
- "name": "handleSectionClick",
30302
- "privacy": "public",
30303
- "parameters": [
30304
- {
30305
- "name": "sectionName",
30306
- "type": {
30307
- "text": "string"
30308
- }
30309
- }
30310
- ],
30627
+ "kind": "field",
30628
+ "name": "moveLeft",
30629
+ "privacy": "private",
30311
30630
  "inheritedFrom": {
30312
- "name": "SectionNavigator",
30313
- "module": "src/section-navigator/section-navigator.ts"
30631
+ "name": "SegmentedControl",
30632
+ "module": "src/segmented-control/segmented-control.ts"
30314
30633
  }
30315
30634
  },
30316
30635
  {
30317
- "kind": "method",
30318
- "name": "updateSpacer",
30636
+ "kind": "field",
30637
+ "name": "_presentation",
30638
+ "type": {
30639
+ "text": "ComponentPresentation | null | undefined"
30640
+ },
30319
30641
  "privacy": "private",
30642
+ "default": "void 0",
30320
30643
  "inheritedFrom": {
30321
- "name": "SectionNavigator",
30322
- "module": "src/section-navigator/section-navigator.ts"
30644
+ "name": "SegmentedControl",
30645
+ "module": "src/segmented-control/segmented-control.ts"
30323
30646
  }
30324
30647
  },
30325
30648
  {
30326
- "kind": "method",
30327
- "name": "scrollToSection",
30328
- "privacy": "private",
30329
- "parameters": [
30330
- {
30331
- "name": "sectionName",
30332
- "type": {
30333
- "text": "string"
30334
- }
30335
- }
30336
- ],
30337
- "inheritedFrom": {
30338
- "name": "SectionNavigator",
30339
- "module": "src/section-navigator/section-navigator.ts"
30340
- }
30341
- },
30342
- {
30343
- "kind": "method",
30344
- "name": "updateScrollDetection",
30345
- "privacy": "private",
30346
- "inheritedFrom": {
30347
- "name": "SectionNavigator",
30348
- "module": "src/section-navigator/section-navigator.ts"
30349
- }
30350
- },
30351
- {
30352
- "kind": "method",
30353
- "name": "setupScrollDetection",
30354
- "privacy": "private",
30355
- "inheritedFrom": {
30356
- "name": "SectionNavigator",
30357
- "module": "src/section-navigator/section-navigator.ts"
30358
- }
30359
- },
30360
- {
30361
- "kind": "method",
30362
- "name": "updateActiveSectionBasedOnScrollPosition",
30363
- "privacy": "private",
30649
+ "kind": "field",
30650
+ "name": "$presentation",
30651
+ "type": {
30652
+ "text": "ComponentPresentation | null"
30653
+ },
30654
+ "privacy": "public",
30655
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
30364
30656
  "inheritedFrom": {
30365
- "name": "SectionNavigator",
30366
- "module": "src/section-navigator/section-navigator.ts"
30657
+ "name": "SegmentedControl",
30658
+ "module": "src/segmented-control/segmented-control.ts"
30367
30659
  }
30368
30660
  },
30369
30661
  {
30370
- "kind": "method",
30371
- "name": "setupScrollEndDetection",
30372
- "privacy": "private",
30662
+ "kind": "field",
30663
+ "name": "template",
30664
+ "type": {
30665
+ "text": "ElementViewTemplate | void | null"
30666
+ },
30667
+ "privacy": "public",
30668
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
30373
30669
  "inheritedFrom": {
30374
- "name": "SectionNavigator",
30375
- "module": "src/section-navigator/section-navigator.ts"
30670
+ "name": "SegmentedControl",
30671
+ "module": "src/segmented-control/segmented-control.ts"
30376
30672
  }
30377
30673
  },
30378
30674
  {
30379
30675
  "kind": "method",
30380
- "name": "cleanupScrollEndDetection",
30381
- "privacy": "private",
30676
+ "name": "templateChanged",
30677
+ "privacy": "protected",
30678
+ "return": {
30679
+ "type": {
30680
+ "text": "void"
30681
+ }
30682
+ },
30382
30683
  "inheritedFrom": {
30383
- "name": "SectionNavigator",
30384
- "module": "src/section-navigator/section-navigator.ts"
30684
+ "name": "SegmentedControl",
30685
+ "module": "src/segmented-control/segmented-control.ts"
30385
30686
  }
30386
30687
  },
30387
30688
  {
30388
- "kind": "method",
30389
- "name": "cleanupScrollDetection",
30390
- "privacy": "private",
30689
+ "kind": "field",
30690
+ "name": "styles",
30691
+ "type": {
30692
+ "text": "ElementStyles | void | null"
30693
+ },
30694
+ "privacy": "public",
30695
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
30391
30696
  "inheritedFrom": {
30392
- "name": "SectionNavigator",
30393
- "module": "src/section-navigator/section-navigator.ts"
30697
+ "name": "SegmentedControl",
30698
+ "module": "src/segmented-control/segmented-control.ts"
30394
30699
  }
30395
30700
  },
30396
30701
  {
30397
30702
  "kind": "method",
30398
- "name": "setupStateEventListeners",
30399
- "privacy": "private",
30703
+ "name": "stylesChanged",
30704
+ "privacy": "protected",
30705
+ "return": {
30706
+ "type": {
30707
+ "text": "void"
30708
+ }
30709
+ },
30400
30710
  "inheritedFrom": {
30401
- "name": "SectionNavigator",
30402
- "module": "src/section-navigator/section-navigator.ts"
30711
+ "name": "SegmentedControl",
30712
+ "module": "src/segmented-control/segmented-control.ts"
30403
30713
  }
30404
30714
  },
30405
30715
  {
30406
30716
  "kind": "method",
30407
- "name": "updateSectionStates",
30408
- "privacy": "private",
30717
+ "name": "compose",
30718
+ "privacy": "public",
30719
+ "static": true,
30720
+ "return": {
30721
+ "type": {
30722
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
30723
+ }
30724
+ },
30409
30725
  "parameters": [
30410
30726
  {
30411
- "name": "sectionName",
30727
+ "name": "this",
30412
30728
  "type": {
30413
- "text": "string"
30729
+ "text": "K"
30414
30730
  }
30415
30731
  },
30416
30732
  {
30417
- "name": "newStates",
30733
+ "name": "elementDefinition",
30418
30734
  "type": {
30419
- "text": "SectionItemStateName[]"
30420
- }
30735
+ "text": "T"
30736
+ },
30737
+ "description": "The definition of the element to create the registry\nfunction for."
30421
30738
  }
30422
30739
  ],
30740
+ "description": "Defines an element registry function with a set of element definition defaults.",
30423
30741
  "inheritedFrom": {
30424
- "name": "SectionNavigator",
30425
- "module": "src/section-navigator/section-navigator.ts"
30742
+ "name": "SegmentedControl",
30743
+ "module": "src/segmented-control/segmented-control.ts"
30426
30744
  }
30427
- },
30745
+ }
30746
+ ],
30747
+ "events": [
30428
30748
  {
30429
- "kind": "method",
30430
- "name": "addState",
30431
- "privacy": "private",
30432
- "parameters": [
30433
- {
30434
- "name": "sectionName",
30435
- "type": {
30436
- "text": "string"
30437
- }
30438
- },
30439
- {
30440
- "name": "stateName",
30441
- "type": {
30442
- "text": "SectionItemStateName"
30443
- }
30444
- }
30445
- ],
30749
+ "description": "Fires a custom 'change' event when the value changes",
30750
+ "name": "change",
30446
30751
  "inheritedFrom": {
30447
- "name": "SectionNavigator",
30448
- "module": "src/section-navigator/section-navigator.ts"
30752
+ "name": "SegmentedControl",
30753
+ "module": "src/segmented-control/segmented-control.ts"
30754
+ }
30755
+ }
30756
+ ]
30757
+ },
30758
+ {
30759
+ "kind": "variable",
30760
+ "name": "rapidSegmentedControlShadowOptions",
30761
+ "type": {
30762
+ "text": "ShadowRootInit"
30763
+ },
30764
+ "default": "undefined"
30765
+ },
30766
+ {
30767
+ "kind": "variable",
30768
+ "name": "defaultSegmentedControlConfig",
30769
+ "type": {
30770
+ "text": "object"
30771
+ },
30772
+ "default": "{}"
30773
+ },
30774
+ {
30775
+ "kind": "variable",
30776
+ "name": "rapidSegmentedControl",
30777
+ "description": "The Rapid Segmented Control",
30778
+ "privacy": "public"
30779
+ }
30780
+ ],
30781
+ "exports": [
30782
+ {
30783
+ "kind": "js",
30784
+ "name": "SegmentedControl",
30785
+ "declaration": {
30786
+ "name": "SegmentedControl",
30787
+ "module": "src/segmented-control/segmented-control.ts"
30788
+ }
30789
+ },
30790
+ {
30791
+ "kind": "js",
30792
+ "name": "rapidSegmentedControlShadowOptions",
30793
+ "declaration": {
30794
+ "name": "rapidSegmentedControlShadowOptions",
30795
+ "module": "src/segmented-control/segmented-control.ts"
30796
+ }
30797
+ },
30798
+ {
30799
+ "kind": "js",
30800
+ "name": "defaultSegmentedControlConfig",
30801
+ "declaration": {
30802
+ "name": "defaultSegmentedControlConfig",
30803
+ "module": "src/segmented-control/segmented-control.ts"
30804
+ }
30805
+ },
30806
+ {
30807
+ "kind": "js",
30808
+ "name": "rapidSegmentedControl",
30809
+ "declaration": {
30810
+ "name": "rapidSegmentedControl",
30811
+ "module": "src/segmented-control/segmented-control.ts"
30812
+ }
30813
+ }
30814
+ ]
30815
+ },
30816
+ {
30817
+ "kind": "javascript-module",
30818
+ "path": "src/section-navigator/index.ts",
30819
+ "declarations": [],
30820
+ "exports": [
30821
+ {
30822
+ "kind": "js",
30823
+ "name": "*",
30824
+ "declaration": {
30825
+ "name": "*",
30826
+ "package": "./section-navigator"
30827
+ }
30828
+ },
30829
+ {
30830
+ "kind": "js",
30831
+ "name": "*",
30832
+ "declaration": {
30833
+ "name": "*",
30834
+ "package": "./section-navigator.styles"
30835
+ }
30836
+ }
30837
+ ]
30838
+ },
30839
+ {
30840
+ "kind": "javascript-module",
30841
+ "path": "src/section-navigator/section-navigator.styles.ts",
30842
+ "declarations": [
30843
+ {
30844
+ "kind": "function",
30845
+ "name": "rapidSectionNavigatorStyles",
30846
+ "parameters": [
30847
+ {
30848
+ "name": "context",
30849
+ "type": {
30850
+ "text": "ElementDefinitionContext"
30449
30851
  }
30450
30852
  },
30451
30853
  {
30452
- "kind": "method",
30453
- "name": "addStates",
30454
- "privacy": "private",
30455
- "parameters": [
30456
- {
30457
- "name": "sectionName",
30458
- "type": {
30459
- "text": "string"
30460
- }
30461
- },
30462
- {
30463
- "name": "stateNames",
30464
- "type": {
30465
- "text": "SectionItemStateName[]"
30466
- }
30467
- }
30468
- ],
30854
+ "name": "definition",
30855
+ "type": {
30856
+ "text": "FoundationElementDefinition"
30857
+ }
30858
+ }
30859
+ ]
30860
+ }
30861
+ ],
30862
+ "exports": [
30863
+ {
30864
+ "kind": "js",
30865
+ "name": "rapidSectionNavigatorStyles",
30866
+ "declaration": {
30867
+ "name": "rapidSectionNavigatorStyles",
30868
+ "module": "src/section-navigator/section-navigator.styles.ts"
30869
+ }
30870
+ }
30871
+ ]
30872
+ },
30873
+ {
30874
+ "kind": "javascript-module",
30875
+ "path": "src/section-navigator/section-navigator.ts",
30876
+ "declarations": [
30877
+ {
30878
+ "kind": "class",
30879
+ "description": "",
30880
+ "name": "SectionNavigator",
30881
+ "superclass": {
30882
+ "name": "FoundationSectionNavigator",
30883
+ "package": "@genesislcap/foundation-ui"
30884
+ },
30885
+ "tagName": "%%prefix%%-section-navigator",
30886
+ "customElement": true,
30887
+ "attributes": [
30888
+ {
30889
+ "description": "Array of section items to display",
30890
+ "name": "sections",
30469
30891
  "inheritedFrom": {
30470
30892
  "name": "SectionNavigator",
30471
30893
  "module": "src/section-navigator/section-navigator.ts"
30472
30894
  }
30473
30895
  },
30474
30896
  {
30475
- "kind": "method",
30476
- "name": "clearState",
30477
- "privacy": "private",
30478
- "parameters": [
30479
- {
30480
- "name": "sectionName",
30481
- "type": {
30482
- "text": "string"
30483
- }
30484
- },
30485
- {
30486
- "name": "stateName",
30487
- "type": {
30488
- "text": "SectionItemStateName"
30489
- }
30490
- }
30491
- ],
30897
+ "name": "scroll-behavior",
30898
+ "type": {
30899
+ "text": "'view' | 'top'"
30900
+ },
30901
+ "default": "'top'",
30902
+ "fieldName": "scrollBehavior",
30903
+ "description": "Scroll behavior: 'view' or 'top' (default: 'top')",
30492
30904
  "inheritedFrom": {
30493
30905
  "name": "SectionNavigator",
30494
30906
  "module": "src/section-navigator/section-navigator.ts"
30495
30907
  }
30496
30908
  },
30497
30909
  {
30498
- "kind": "method",
30499
- "name": "clearAllStates",
30500
- "privacy": "private",
30501
- "parameters": [
30502
- {
30503
- "name": "sectionName",
30504
- "type": {
30505
- "text": "string"
30506
- }
30507
- }
30508
- ],
30910
+ "name": "state-tooltips",
30911
+ "type": {
30912
+ "text": "Record<SectionItemStateName, string>"
30913
+ },
30914
+ "default": "DEFAULT_SECTION_STATES_TOOLTIPS",
30915
+ "resolveInitializer": {
30916
+ "module": "src/section-navigator/section-navigator.ts"
30917
+ },
30918
+ "fieldName": "stateTooltips",
30919
+ "description": "Custom tooltips for state icons",
30509
30920
  "inheritedFrom": {
30510
30921
  "name": "SectionNavigator",
30511
30922
  "module": "src/section-navigator/section-navigator.ts"
30512
30923
  }
30513
30924
  },
30514
30925
  {
30515
- "kind": "method",
30516
- "name": "clearAllStatesInAllSections",
30517
- "privacy": "private",
30926
+ "name": "state-icons",
30927
+ "type": {
30928
+ "text": "Record<SectionItemStateName, SectionItemStateIcon>"
30929
+ },
30930
+ "default": "DEFAULT_SECTION_STATES_ICONS",
30931
+ "resolveInitializer": {
30932
+ "module": "src/section-navigator/section-navigator.ts"
30933
+ },
30934
+ "fieldName": "stateIcons",
30935
+ "description": "Custom icons for state types",
30518
30936
  "inheritedFrom": {
30519
30937
  "name": "SectionNavigator",
30520
30938
  "module": "src/section-navigator/section-navigator.ts"
30521
30939
  }
30522
30940
  },
30523
30941
  {
30524
- "kind": "method",
30525
- "name": "getStateTooltip",
30526
- "privacy": "public",
30527
- "return": {
30528
- "type": {
30529
- "text": "string"
30530
- }
30942
+ "name": "disable-auto-scroll-detection",
30943
+ "type": {
30944
+ "text": "boolean"
30531
30945
  },
30532
- "parameters": [
30533
- {
30534
- "name": "stateName",
30535
- "type": {
30536
- "text": "SectionItemStateName"
30537
- }
30538
- }
30539
- ],
30946
+ "default": "false",
30947
+ "fieldName": "disableAutoScrollDetection",
30948
+ "description": "Disable automatic active section detection during scrolling (default: false) When enabled, automatically updates active section based on scroll position. User clicks are prioritized - clicked section remains active until scroll ends.",
30949
+ "inheritedFrom": {
30950
+ "name": "SectionNavigator",
30951
+ "module": "src/section-navigator/section-navigator.ts"
30952
+ }
30953
+ }
30954
+ ],
30955
+ "members": [
30956
+ {
30957
+ "kind": "field",
30958
+ "name": "sections",
30959
+ "type": {
30960
+ "text": "SectionItem[]"
30961
+ },
30962
+ "default": "[]",
30540
30963
  "inheritedFrom": {
30541
30964
  "name": "SectionNavigator",
30542
30965
  "module": "src/section-navigator/section-navigator.ts"
30543
30966
  }
30544
30967
  },
30545
30968
  {
30546
- "kind": "method",
30547
- "name": "getSectionStateClass",
30548
- "privacy": "public",
30549
- "return": {
30550
- "type": {
30551
- "text": "string"
30552
- }
30969
+ "kind": "field",
30970
+ "name": "scrollBehavior",
30971
+ "type": {
30972
+ "text": "'view' | 'top'"
30553
30973
  },
30554
- "parameters": [
30555
- {
30556
- "name": "section",
30557
- "type": {
30558
- "text": "SectionItem"
30559
- }
30560
- }
30561
- ],
30974
+ "default": "'top'",
30562
30975
  "inheritedFrom": {
30563
30976
  "name": "SectionNavigator",
30564
30977
  "module": "src/section-navigator/section-navigator.ts"
30565
30978
  }
30566
30979
  },
30567
30980
  {
30568
- "kind": "method",
30569
- "name": "getStateIcon",
30570
- "privacy": "public",
30571
- "return": {
30572
- "type": {
30573
- "text": "SectionItemStateIcon"
30574
- }
30981
+ "kind": "field",
30982
+ "name": "stateTooltips",
30983
+ "type": {
30984
+ "text": "Record<SectionItemStateName, string>"
30575
30985
  },
30576
- "parameters": [
30577
- {
30578
- "name": "stateName",
30579
- "type": {
30580
- "text": "SectionItemStateName"
30581
- }
30582
- }
30583
- ],
30986
+ "default": "{\n active: 'Active',\n inactive: 'Inactive',\n pending: 'Pending',\n disabled: 'Disabled',\n error: 'Error',\n completed: 'Completed',\n}",
30584
30987
  "inheritedFrom": {
30585
30988
  "name": "SectionNavigator",
30586
30989
  "module": "src/section-navigator/section-navigator.ts"
@@ -30588,687 +30991,568 @@
30588
30991
  },
30589
30992
  {
30590
30993
  "kind": "field",
30591
- "name": "_presentation",
30994
+ "name": "stateIcons",
30592
30995
  "type": {
30593
- "text": "ComponentPresentation | null | undefined"
30996
+ "text": "Record<SectionItemStateName, SectionItemStateIcon>"
30594
30997
  },
30595
- "privacy": "private",
30596
- "default": "void 0",
30998
+ "default": "{\n active: {\n name: 'circle-dot',\n variant: 'solid',\n },\n inactive: {\n name: 'times-circle',\n variant: 'regular',\n },\n pending: {\n name: 'clock',\n variant: 'solid',\n },\n disabled: {\n name: 'ban',\n variant: 'solid',\n },\n error: {\n name: 'times',\n variant: 'solid',\n },\n completed: {\n name: 'check',\n variant: 'solid',\n },\n}",
30597
30999
  "inheritedFrom": {
30598
- "name": "FoundationElement",
30599
- "module": "src/foundation-element/foundation-element.ts"
31000
+ "name": "SectionNavigator",
31001
+ "module": "src/section-navigator/section-navigator.ts"
30600
31002
  }
30601
31003
  },
30602
31004
  {
30603
31005
  "kind": "field",
30604
- "name": "$presentation",
31006
+ "name": "disableAutoScrollDetection",
30605
31007
  "type": {
30606
- "text": "ComponentPresentation | null"
31008
+ "text": "boolean"
30607
31009
  },
30608
- "privacy": "public",
30609
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
31010
+ "default": "false",
30610
31011
  "inheritedFrom": {
30611
- "name": "FoundationElement",
30612
- "module": "src/foundation-element/foundation-element.ts"
31012
+ "name": "SectionNavigator",
31013
+ "module": "src/section-navigator/section-navigator.ts"
30613
31014
  }
30614
31015
  },
30615
31016
  {
30616
31017
  "kind": "field",
30617
- "name": "template",
31018
+ "name": "handleSetStateRef",
30618
31019
  "type": {
30619
- "text": "ElementViewTemplate | void | null"
31020
+ "text": "(event: CustomEvent<SetStateEventDetail>) => void | undefined"
30620
31021
  },
30621
- "privacy": "public",
30622
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
31022
+ "privacy": "private",
30623
31023
  "inheritedFrom": {
30624
- "name": "FoundationElement",
30625
- "module": "src/foundation-element/foundation-element.ts"
31024
+ "name": "SectionNavigator",
31025
+ "module": "src/section-navigator/section-navigator.ts"
30626
31026
  }
30627
31027
  },
30628
31028
  {
30629
- "kind": "method",
30630
- "name": "templateChanged",
30631
- "privacy": "protected",
30632
- "return": {
30633
- "type": {
30634
- "text": "void"
30635
- }
31029
+ "kind": "field",
31030
+ "name": "handleSetStatesRef",
31031
+ "type": {
31032
+ "text": "(event: CustomEvent<SetStatesEventDetail>) => void | undefined"
30636
31033
  },
31034
+ "privacy": "private",
30637
31035
  "inheritedFrom": {
30638
- "name": "FoundationElement",
30639
- "module": "src/foundation-element/foundation-element.ts"
31036
+ "name": "SectionNavigator",
31037
+ "module": "src/section-navigator/section-navigator.ts"
30640
31038
  }
30641
31039
  },
30642
31040
  {
30643
31041
  "kind": "field",
30644
- "name": "styles",
31042
+ "name": "handleClearStateRef",
30645
31043
  "type": {
30646
- "text": "ElementStyles | void | null"
31044
+ "text": "(event: CustomEvent<ClearStateEventDetail>) => void | undefined"
30647
31045
  },
30648
- "privacy": "public",
30649
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
31046
+ "privacy": "private",
30650
31047
  "inheritedFrom": {
30651
- "name": "FoundationElement",
30652
- "module": "src/foundation-element/foundation-element.ts"
31048
+ "name": "SectionNavigator",
31049
+ "module": "src/section-navigator/section-navigator.ts"
30653
31050
  }
30654
31051
  },
30655
31052
  {
30656
- "kind": "method",
30657
- "name": "stylesChanged",
30658
- "privacy": "protected",
30659
- "return": {
30660
- "type": {
30661
- "text": "void"
30662
- }
31053
+ "kind": "field",
31054
+ "name": "handleClearAllStatesRef",
31055
+ "type": {
31056
+ "text": "(event: CustomEvent<ClearAllStatesEventDetail>) => void | undefined"
30663
31057
  },
31058
+ "privacy": "private",
30664
31059
  "inheritedFrom": {
30665
- "name": "FoundationElement",
30666
- "module": "src/foundation-element/foundation-element.ts"
31060
+ "name": "SectionNavigator",
31061
+ "module": "src/section-navigator/section-navigator.ts"
30667
31062
  }
30668
31063
  },
30669
31064
  {
30670
- "kind": "method",
30671
- "name": "compose",
30672
- "privacy": "public",
30673
- "static": true,
30674
- "return": {
30675
- "type": {
30676
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
30677
- }
31065
+ "kind": "field",
31066
+ "name": "handleGenericStateEventRef",
31067
+ "type": {
31068
+ "text": "(event: CustomEvent<any>) => void | undefined"
30678
31069
  },
30679
- "parameters": [
30680
- {
30681
- "name": "this",
30682
- "type": {
30683
- "text": "K"
30684
- }
30685
- },
30686
- {
30687
- "name": "elementDefinition",
30688
- "type": {
30689
- "text": "T"
30690
- },
30691
- "description": "The definition of the element to create the registry\nfunction for."
30692
- }
30693
- ],
30694
- "description": "Defines an element registry function with a set of element definition defaults.",
31070
+ "privacy": "private",
30695
31071
  "inheritedFrom": {
30696
- "name": "FoundationElement",
30697
- "module": "src/foundation-element/foundation-element.ts"
31072
+ "name": "SectionNavigator",
31073
+ "module": "src/section-navigator/section-navigator.ts"
30698
31074
  }
30699
- }
30700
- ],
30701
- "events": [
31075
+ },
30702
31076
  {
30703
- "description": "Fired when a child state event is re-dispatched with an inferred section name",
30704
- "name": "section-navigator-set-state",
31077
+ "kind": "field",
31078
+ "name": "userClickedSection",
31079
+ "type": {
31080
+ "text": "boolean"
31081
+ },
31082
+ "privacy": "private",
31083
+ "default": "false",
30705
31084
  "inheritedFrom": {
30706
31085
  "name": "SectionNavigator",
30707
31086
  "module": "src/section-navigator/section-navigator.ts"
30708
31087
  }
30709
31088
  },
30710
31089
  {
30711
- "description": "Fired when a child state event is re-dispatched with an inferred section name",
30712
- "name": "section-navigator-set-states",
31090
+ "kind": "field",
31091
+ "name": "scrollEndHandler",
31092
+ "type": {
31093
+ "text": "() => void | undefined"
31094
+ },
31095
+ "privacy": "private",
30713
31096
  "inheritedFrom": {
30714
31097
  "name": "SectionNavigator",
30715
31098
  "module": "src/section-navigator/section-navigator.ts"
30716
31099
  }
30717
31100
  },
30718
31101
  {
30719
- "description": "Fired when a child state event is re-dispatched with an inferred section name",
30720
- "name": "section-navigator-clear-state",
31102
+ "kind": "field",
31103
+ "name": "isUserScrolling",
31104
+ "type": {
31105
+ "text": "boolean"
31106
+ },
31107
+ "privacy": "private",
31108
+ "default": "false",
30721
31109
  "inheritedFrom": {
30722
31110
  "name": "SectionNavigator",
30723
31111
  "module": "src/section-navigator/section-navigator.ts"
30724
31112
  }
30725
31113
  },
30726
31114
  {
30727
- "description": "Fired when a child state event is re-dispatched with an inferred section name",
30728
- "name": "section-navigator-clear-all-states",
31115
+ "kind": "field",
31116
+ "name": "scrollCheckHandler",
31117
+ "type": {
31118
+ "text": "() => void | undefined"
31119
+ },
31120
+ "privacy": "private",
30729
31121
  "inheritedFrom": {
30730
31122
  "name": "SectionNavigator",
30731
31123
  "module": "src/section-navigator/section-navigator.ts"
30732
31124
  }
30733
- }
30734
- ]
30735
- },
30736
- {
30737
- "kind": "variable",
30738
- "name": "rapidSectionNavigator"
30739
- }
30740
- ],
30741
- "exports": [
30742
- {
30743
- "kind": "js",
30744
- "name": "SectionNavigator",
30745
- "declaration": {
30746
- "name": "SectionNavigator",
30747
- "module": "src/section-navigator/section-navigator.ts"
30748
- }
30749
- },
30750
- {
30751
- "kind": "js",
30752
- "name": "rapidSectionNavigator",
30753
- "declaration": {
30754
- "name": "rapidSectionNavigator",
30755
- "module": "src/section-navigator/section-navigator.ts"
30756
- }
30757
- }
30758
- ]
30759
- },
30760
- {
30761
- "kind": "javascript-module",
30762
- "path": "src/segmented-control/index.ts",
30763
- "declarations": [],
30764
- "exports": [
30765
- {
30766
- "kind": "js",
30767
- "name": "*",
30768
- "declaration": {
30769
- "name": "*",
30770
- "package": "./segmented-control.template"
30771
- }
30772
- },
30773
- {
30774
- "kind": "js",
30775
- "name": "*",
30776
- "declaration": {
30777
- "name": "*",
30778
- "package": "./segmented-control.styles"
30779
- }
30780
- },
30781
- {
30782
- "kind": "js",
30783
- "name": "*",
30784
- "declaration": {
30785
- "name": "*",
30786
- "package": "./segmented-control"
30787
- }
30788
- }
30789
- ]
30790
- },
30791
- {
30792
- "kind": "javascript-module",
30793
- "path": "src/segmented-control/segmented-control.styles.ts",
30794
- "declarations": [
30795
- {
30796
- "kind": "function",
30797
- "name": "rapidSegmentedControlStyles",
30798
- "return": {
30799
- "type": {
30800
- "text": "ElementStyles"
30801
- }
30802
- },
30803
- "parameters": [
30804
- {
30805
- "name": "context",
30806
- "type": {
30807
- "text": "ElementDefinitionContext"
30808
- }
30809
- },
30810
- {
30811
- "name": "definition",
30812
- "type": {
30813
- "text": "FoundationElementDefinition"
30814
- }
30815
- }
30816
- ]
30817
- }
30818
- ],
30819
- "exports": [
30820
- {
30821
- "kind": "js",
30822
- "name": "rapidSegmentedControlStyles",
30823
- "declaration": {
30824
- "name": "rapidSegmentedControlStyles",
30825
- "module": "src/segmented-control/segmented-control.styles.ts"
30826
- }
30827
- }
30828
- ]
30829
- },
30830
- {
30831
- "kind": "javascript-module",
30832
- "path": "src/segmented-control/segmented-control.template.ts",
30833
- "declarations": [
30834
- {
30835
- "kind": "function",
30836
- "name": "rapidSegmentedControlTemplate",
30837
- "return": {
30838
- "type": {
30839
- "text": "ViewTemplate<SegmentedControl>"
30840
- }
30841
- },
30842
- "parameters": [
30843
- {
30844
- "name": "context",
30845
- "type": {
30846
- "text": "ElementDefinitionContext"
30847
- }
30848
31125
  },
30849
31126
  {
30850
- "name": "definition",
30851
- "type": {
30852
- "text": "FoundationElementDefinition"
30853
- }
30854
- }
30855
- ]
30856
- }
30857
- ],
30858
- "exports": [
30859
- {
30860
- "kind": "js",
30861
- "name": "rapidSegmentedControlTemplate",
30862
- "declaration": {
30863
- "name": "rapidSegmentedControlTemplate",
30864
- "module": "src/segmented-control/segmented-control.template.ts"
30865
- }
30866
- }
30867
- ]
30868
- },
30869
- {
30870
- "kind": "javascript-module",
30871
- "path": "src/segmented-control/segmented-control.ts",
30872
- "declarations": [
30873
- {
30874
- "kind": "class",
30875
- "description": "",
30876
- "name": "SegmentedControl",
30877
- "superclass": {
30878
- "name": "FoundationSegmentedControl",
30879
- "package": "@genesislcap/foundation-ui"
30880
- },
30881
- "tagName": "%%prefix%%-segmented-control",
30882
- "customElement": true,
30883
- "attributes": [
30884
- {
30885
- "name": "readonly",
31127
+ "kind": "field",
31128
+ "name": "scrollDebounceTimeout",
30886
31129
  "type": {
30887
- "text": "boolean"
31130
+ "text": "number | undefined"
30888
31131
  },
30889
- "description": "When true, the child radios will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
30890
- "fieldName": "readOnly",
31132
+ "privacy": "private",
30891
31133
  "inheritedFrom": {
30892
- "name": "SegmentedControl",
30893
- "module": "src/segmented-control/segmented-control.ts"
31134
+ "name": "SectionNavigator",
31135
+ "module": "src/section-navigator/section-navigator.ts"
30894
31136
  }
30895
31137
  },
30896
31138
  {
30897
- "name": "disabled",
31139
+ "kind": "field",
31140
+ "name": "SCROLL_END_TIMEOUT",
30898
31141
  "type": {
30899
- "text": "boolean"
31142
+ "text": "number"
30900
31143
  },
30901
- "description": "Disables the radio group and child radios.",
30902
- "fieldName": "disabled",
31144
+ "privacy": "private",
31145
+ "static": true,
31146
+ "readonly": true,
31147
+ "default": "150",
30903
31148
  "inheritedFrom": {
30904
- "name": "SegmentedControl",
30905
- "module": "src/segmented-control/segmented-control.ts"
31149
+ "name": "SectionNavigator",
31150
+ "module": "src/section-navigator/section-navigator.ts"
30906
31151
  }
30907
31152
  },
30908
31153
  {
30909
- "name": "name",
31154
+ "kind": "field",
31155
+ "name": "SCROLL_DEBOUNCE_TIMEOUT",
30910
31156
  "type": {
30911
- "text": "string"
31157
+ "text": "number"
30912
31158
  },
30913
- "description": "The name of the radio group. Setting this value will set the name value\nfor all child radio elements.",
30914
- "fieldName": "name",
31159
+ "privacy": "private",
31160
+ "static": true,
31161
+ "readonly": true,
31162
+ "default": "100",
30915
31163
  "inheritedFrom": {
30916
- "name": "SegmentedControl",
30917
- "module": "src/segmented-control/segmented-control.ts"
31164
+ "name": "SectionNavigator",
31165
+ "module": "src/section-navigator/section-navigator.ts"
30918
31166
  }
30919
31167
  },
30920
31168
  {
30921
- "name": "value",
30922
- "type": {
30923
- "text": "string"
30924
- },
30925
- "description": "The value of the checked radio",
30926
- "fieldName": "value",
31169
+ "kind": "method",
31170
+ "name": "sectionsChanged",
30927
31171
  "inheritedFrom": {
30928
- "name": "SegmentedControl",
30929
- "module": "src/segmented-control/segmented-control.ts"
31172
+ "name": "SectionNavigator",
31173
+ "module": "src/section-navigator/section-navigator.ts"
30930
31174
  }
30931
31175
  },
30932
31176
  {
30933
- "name": "orientation",
30934
- "type": {
30935
- "text": "Orientation | \"horizontal\" | \"vertical\""
30936
- },
30937
- "description": "The orientation of the group",
30938
- "fieldName": "orientation",
31177
+ "kind": "method",
31178
+ "name": "disableAutoScrollDetectionChanged",
30939
31179
  "inheritedFrom": {
30940
- "name": "SegmentedControl",
30941
- "module": "src/segmented-control/segmented-control.ts"
31180
+ "name": "SectionNavigator",
31181
+ "module": "src/section-navigator/section-navigator.ts"
30942
31182
  }
30943
- }
30944
- ],
30945
- "members": [
31183
+ },
30946
31184
  {
30947
31185
  "kind": "method",
30948
- "name": "valueChanged",
30949
- "privacy": "protected",
30950
- "return": {
30951
- "type": {
30952
- "text": "void"
30953
- }
30954
- },
31186
+ "name": "scrollBehaviorChanged",
30955
31187
  "inheritedFrom": {
30956
- "name": "SegmentedControl",
30957
- "module": "src/segmented-control/segmented-control.ts"
31188
+ "name": "SectionNavigator",
31189
+ "module": "src/section-navigator/section-navigator.ts"
30958
31190
  }
30959
31191
  },
30960
31192
  {
30961
31193
  "kind": "field",
30962
- "name": "readOnly",
31194
+ "name": "sectionItems",
30963
31195
  "type": {
30964
- "text": "boolean"
31196
+ "text": "SectionItem[]"
30965
31197
  },
30966
- "privacy": "public",
30967
- "description": "When true, the child radios will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
31198
+ "default": "[]",
30968
31199
  "inheritedFrom": {
30969
- "name": "SegmentedControl",
30970
- "module": "src/segmented-control/segmented-control.ts"
31200
+ "name": "SectionNavigator",
31201
+ "module": "src/section-navigator/section-navigator.ts"
30971
31202
  }
30972
31203
  },
30973
31204
  {
30974
- "kind": "method",
30975
- "name": "readOnlyChanged",
30976
- "privacy": "private",
30977
- "return": {
30978
- "type": {
30979
- "text": "void"
30980
- }
31205
+ "kind": "field",
31206
+ "name": "activeSection",
31207
+ "type": {
31208
+ "text": "string"
30981
31209
  },
31210
+ "default": "''",
30982
31211
  "inheritedFrom": {
30983
- "name": "SegmentedControl",
30984
- "module": "src/segmented-control/segmented-control.ts"
31212
+ "name": "SectionNavigator",
31213
+ "module": "src/section-navigator/section-navigator.ts"
30985
31214
  }
30986
31215
  },
30987
31216
  {
30988
31217
  "kind": "field",
30989
- "name": "disabled",
31218
+ "name": "sectionNavigatorContainer",
30990
31219
  "type": {
30991
- "text": "boolean"
31220
+ "text": "HTMLElement"
30992
31221
  },
30993
- "privacy": "public",
30994
- "description": "Disables the radio group and child radios.",
30995
31222
  "inheritedFrom": {
30996
- "name": "SegmentedControl",
30997
- "module": "src/segmented-control/segmented-control.ts"
31223
+ "name": "SectionNavigator",
31224
+ "module": "src/section-navigator/section-navigator.ts"
30998
31225
  }
30999
31226
  },
31000
31227
  {
31001
- "kind": "method",
31002
- "name": "disabledChanged",
31003
- "privacy": "private",
31004
- "return": {
31005
- "type": {
31006
- "text": "void"
31007
- }
31228
+ "kind": "field",
31229
+ "name": "sectionContent",
31230
+ "type": {
31231
+ "text": "HTMLElement"
31008
31232
  },
31009
31233
  "inheritedFrom": {
31010
- "name": "SegmentedControl",
31011
- "module": "src/segmented-control/segmented-control.ts"
31234
+ "name": "SectionNavigator",
31235
+ "module": "src/section-navigator/section-navigator.ts"
31012
31236
  }
31013
31237
  },
31014
31238
  {
31015
31239
  "kind": "field",
31016
- "name": "name",
31240
+ "name": "spacerElement",
31017
31241
  "type": {
31018
- "text": "string"
31242
+ "text": "HTMLElement | undefined"
31019
31243
  },
31020
- "privacy": "public",
31021
- "description": "The name of the radio group. Setting this value will set the name value\nfor all child radio elements.",
31244
+ "privacy": "private",
31022
31245
  "inheritedFrom": {
31023
- "name": "SegmentedControl",
31024
- "module": "src/segmented-control/segmented-control.ts"
31246
+ "name": "SectionNavigator",
31247
+ "module": "src/section-navigator/section-navigator.ts"
31025
31248
  }
31026
31249
  },
31027
31250
  {
31028
31251
  "kind": "method",
31029
- "name": "nameChanged",
31030
- "privacy": "protected",
31031
- "return": {
31032
- "type": {
31033
- "text": "void"
31034
- }
31035
- },
31252
+ "name": "setSectionItems",
31253
+ "privacy": "private",
31036
31254
  "inheritedFrom": {
31037
- "name": "SegmentedControl",
31038
- "module": "src/segmented-control/segmented-control.ts"
31255
+ "name": "SectionNavigator",
31256
+ "module": "src/section-navigator/section-navigator.ts"
31039
31257
  }
31040
31258
  },
31041
31259
  {
31042
- "kind": "field",
31043
- "name": "value",
31044
- "type": {
31045
- "text": "string"
31046
- },
31047
- "privacy": "public",
31048
- "description": "The value of the checked radio",
31260
+ "kind": "method",
31261
+ "name": "setActiveSection",
31262
+ "privacy": "private",
31049
31263
  "inheritedFrom": {
31050
- "name": "SegmentedControl",
31051
- "module": "src/segmented-control/segmented-control.ts"
31264
+ "name": "SectionNavigator",
31265
+ "module": "src/section-navigator/section-navigator.ts"
31052
31266
  }
31053
31267
  },
31054
31268
  {
31055
- "kind": "field",
31056
- "name": "orientation",
31057
- "type": {
31058
- "text": "Orientation | \"horizontal\" | \"vertical\""
31059
- },
31269
+ "kind": "method",
31270
+ "name": "handleSectionClick",
31060
31271
  "privacy": "public",
31061
- "description": "The orientation of the group",
31272
+ "parameters": [
31273
+ {
31274
+ "name": "sectionName",
31275
+ "type": {
31276
+ "text": "string"
31277
+ }
31278
+ }
31279
+ ],
31062
31280
  "inheritedFrom": {
31063
- "name": "SegmentedControl",
31064
- "module": "src/segmented-control/segmented-control.ts"
31281
+ "name": "SectionNavigator",
31282
+ "module": "src/section-navigator/section-navigator.ts"
31065
31283
  }
31066
31284
  },
31067
31285
  {
31068
- "kind": "field",
31069
- "name": "childItems",
31070
- "type": {
31071
- "text": "HTMLElement[]"
31072
- },
31073
- "privacy": "public",
31286
+ "kind": "method",
31287
+ "name": "updateSpacer",
31288
+ "privacy": "private",
31074
31289
  "inheritedFrom": {
31075
- "name": "SegmentedControl",
31076
- "module": "src/segmented-control/segmented-control.ts"
31290
+ "name": "SectionNavigator",
31291
+ "module": "src/section-navigator/section-navigator.ts"
31077
31292
  }
31078
31293
  },
31079
31294
  {
31080
31295
  "kind": "method",
31081
- "name": "slottedRadioButtonsChanged",
31296
+ "name": "scrollToSection",
31082
31297
  "privacy": "private",
31083
- "return": {
31084
- "type": {
31085
- "text": "void"
31086
- }
31087
- },
31088
31298
  "parameters": [
31089
31299
  {
31090
- "name": "oldValue",
31091
- "type": {
31092
- "text": "unknown"
31093
- }
31094
- },
31095
- {
31096
- "name": "newValue",
31300
+ "name": "sectionName",
31097
31301
  "type": {
31098
- "text": "HTMLElement[]"
31302
+ "text": "string"
31099
31303
  }
31100
31304
  }
31101
31305
  ],
31102
31306
  "inheritedFrom": {
31103
- "name": "SegmentedControl",
31104
- "module": "src/segmented-control/segmented-control.ts"
31307
+ "name": "SectionNavigator",
31308
+ "module": "src/section-navigator/section-navigator.ts"
31105
31309
  }
31106
31310
  },
31107
31311
  {
31108
- "kind": "field",
31109
- "name": "selectedRadio",
31110
- "type": {
31111
- "text": "HTMLInputElement | null"
31112
- },
31312
+ "kind": "method",
31313
+ "name": "updateScrollDetection",
31113
31314
  "privacy": "private",
31114
31315
  "inheritedFrom": {
31115
- "name": "SegmentedControl",
31116
- "module": "src/segmented-control/segmented-control.ts"
31316
+ "name": "SectionNavigator",
31317
+ "module": "src/section-navigator/section-navigator.ts"
31117
31318
  }
31118
31319
  },
31119
31320
  {
31120
- "kind": "field",
31121
- "name": "focusedRadio",
31122
- "type": {
31123
- "text": "HTMLInputElement | null"
31124
- },
31321
+ "kind": "method",
31322
+ "name": "setupScrollDetection",
31125
31323
  "privacy": "private",
31126
31324
  "inheritedFrom": {
31127
- "name": "SegmentedControl",
31128
- "module": "src/segmented-control/segmented-control.ts"
31325
+ "name": "SectionNavigator",
31326
+ "module": "src/section-navigator/section-navigator.ts"
31129
31327
  }
31130
31328
  },
31131
31329
  {
31132
- "kind": "field",
31133
- "name": "direction",
31134
- "type": {
31135
- "text": "Direction"
31136
- },
31330
+ "kind": "method",
31331
+ "name": "updateActiveSectionBasedOnScrollPosition",
31137
31332
  "privacy": "private",
31138
31333
  "inheritedFrom": {
31139
- "name": "SegmentedControl",
31140
- "module": "src/segmented-control/segmented-control.ts"
31334
+ "name": "SectionNavigator",
31335
+ "module": "src/section-navigator/section-navigator.ts"
31141
31336
  }
31142
31337
  },
31143
31338
  {
31144
- "kind": "field",
31145
- "name": "parentToolbar",
31146
- "type": {
31147
- "text": "HTMLElement | null"
31148
- },
31339
+ "kind": "method",
31340
+ "name": "setupScrollEndDetection",
31149
31341
  "privacy": "private",
31150
31342
  "inheritedFrom": {
31151
- "name": "SegmentedControl",
31152
- "module": "src/segmented-control/segmented-control.ts"
31343
+ "name": "SectionNavigator",
31344
+ "module": "src/section-navigator/section-navigator.ts"
31153
31345
  }
31154
31346
  },
31155
31347
  {
31156
- "kind": "field",
31157
- "name": "isInsideToolbar",
31158
- "type": {
31159
- "text": "boolean"
31160
- },
31348
+ "kind": "method",
31349
+ "name": "cleanupScrollEndDetection",
31161
31350
  "privacy": "private",
31162
31351
  "inheritedFrom": {
31163
- "name": "SegmentedControl",
31164
- "module": "src/segmented-control/segmented-control.ts"
31352
+ "name": "SectionNavigator",
31353
+ "module": "src/section-navigator/section-navigator.ts"
31165
31354
  }
31166
31355
  },
31167
31356
  {
31168
- "kind": "field",
31169
- "name": "isInsideFoundationToolbar",
31170
- "type": {
31171
- "text": "boolean"
31172
- },
31357
+ "kind": "method",
31358
+ "name": "cleanupScrollDetection",
31173
31359
  "privacy": "private",
31174
31360
  "inheritedFrom": {
31175
- "name": "SegmentedControl",
31176
- "module": "src/segmented-control/segmented-control.ts"
31361
+ "name": "SectionNavigator",
31362
+ "module": "src/section-navigator/section-navigator.ts"
31177
31363
  }
31178
31364
  },
31179
31365
  {
31180
31366
  "kind": "method",
31181
- "name": "setupRadioButtons",
31367
+ "name": "setupStateEventListeners",
31182
31368
  "privacy": "private",
31183
- "return": {
31184
- "type": {
31185
- "text": "void"
31186
- }
31187
- },
31188
31369
  "inheritedFrom": {
31189
- "name": "SegmentedControl",
31190
- "module": "src/segmented-control/segmented-control.ts"
31370
+ "name": "SectionNavigator",
31371
+ "module": "src/section-navigator/section-navigator.ts"
31191
31372
  }
31192
31373
  },
31193
31374
  {
31194
- "kind": "field",
31195
- "name": "radioChangeHandler",
31375
+ "kind": "method",
31376
+ "name": "updateSectionStates",
31196
31377
  "privacy": "private",
31378
+ "parameters": [
31379
+ {
31380
+ "name": "sectionName",
31381
+ "type": {
31382
+ "text": "string"
31383
+ }
31384
+ },
31385
+ {
31386
+ "name": "newStates",
31387
+ "type": {
31388
+ "text": "SectionItemStateName[]"
31389
+ }
31390
+ }
31391
+ ],
31197
31392
  "inheritedFrom": {
31198
- "name": "SegmentedControl",
31199
- "module": "src/segmented-control/segmented-control.ts"
31393
+ "name": "SectionNavigator",
31394
+ "module": "src/section-navigator/section-navigator.ts"
31200
31395
  }
31201
31396
  },
31202
31397
  {
31203
- "kind": "field",
31204
- "name": "moveToRadioByIndex",
31398
+ "kind": "method",
31399
+ "name": "addState",
31205
31400
  "privacy": "private",
31401
+ "parameters": [
31402
+ {
31403
+ "name": "sectionName",
31404
+ "type": {
31405
+ "text": "string"
31406
+ }
31407
+ },
31408
+ {
31409
+ "name": "stateName",
31410
+ "type": {
31411
+ "text": "SectionItemStateName"
31412
+ }
31413
+ }
31414
+ ],
31206
31415
  "inheritedFrom": {
31207
- "name": "SegmentedControl",
31208
- "module": "src/segmented-control/segmented-control.ts"
31416
+ "name": "SectionNavigator",
31417
+ "module": "src/section-navigator/section-navigator.ts"
31209
31418
  }
31210
31419
  },
31211
31420
  {
31212
- "kind": "field",
31213
- "name": "moveRightOffGroup",
31421
+ "kind": "method",
31422
+ "name": "addStates",
31214
31423
  "privacy": "private",
31424
+ "parameters": [
31425
+ {
31426
+ "name": "sectionName",
31427
+ "type": {
31428
+ "text": "string"
31429
+ }
31430
+ },
31431
+ {
31432
+ "name": "stateNames",
31433
+ "type": {
31434
+ "text": "SectionItemStateName[]"
31435
+ }
31436
+ }
31437
+ ],
31215
31438
  "inheritedFrom": {
31216
- "name": "SegmentedControl",
31217
- "module": "src/segmented-control/segmented-control.ts"
31439
+ "name": "SectionNavigator",
31440
+ "module": "src/section-navigator/section-navigator.ts"
31218
31441
  }
31219
31442
  },
31220
31443
  {
31221
- "kind": "field",
31222
- "name": "moveLeftOffGroup",
31444
+ "kind": "method",
31445
+ "name": "clearState",
31223
31446
  "privacy": "private",
31447
+ "parameters": [
31448
+ {
31449
+ "name": "sectionName",
31450
+ "type": {
31451
+ "text": "string"
31452
+ }
31453
+ },
31454
+ {
31455
+ "name": "stateName",
31456
+ "type": {
31457
+ "text": "SectionItemStateName"
31458
+ }
31459
+ }
31460
+ ],
31224
31461
  "inheritedFrom": {
31225
- "name": "SegmentedControl",
31226
- "module": "src/segmented-control/segmented-control.ts"
31462
+ "name": "SectionNavigator",
31463
+ "module": "src/section-navigator/section-navigator.ts"
31227
31464
  }
31228
31465
  },
31229
31466
  {
31230
- "kind": "field",
31231
- "name": "shouldMoveOffGroupToTheRight",
31467
+ "kind": "method",
31468
+ "name": "clearAllStates",
31232
31469
  "privacy": "private",
31470
+ "parameters": [
31471
+ {
31472
+ "name": "sectionName",
31473
+ "type": {
31474
+ "text": "string"
31475
+ }
31476
+ }
31477
+ ],
31233
31478
  "inheritedFrom": {
31234
- "name": "SegmentedControl",
31235
- "module": "src/segmented-control/segmented-control.ts"
31479
+ "name": "SectionNavigator",
31480
+ "module": "src/section-navigator/section-navigator.ts"
31236
31481
  }
31237
31482
  },
31238
31483
  {
31239
- "kind": "field",
31240
- "name": "shouldMoveOffGroupToTheLeft",
31484
+ "kind": "method",
31485
+ "name": "clearAllStatesInAllSections",
31241
31486
  "privacy": "private",
31242
31487
  "inheritedFrom": {
31243
- "name": "SegmentedControl",
31244
- "module": "src/segmented-control/segmented-control.ts"
31488
+ "name": "SectionNavigator",
31489
+ "module": "src/section-navigator/section-navigator.ts"
31245
31490
  }
31246
31491
  },
31247
31492
  {
31248
- "kind": "field",
31249
- "name": "checkFocusedRadio",
31250
- "privacy": "private",
31493
+ "kind": "method",
31494
+ "name": "getStateTooltip",
31495
+ "privacy": "public",
31496
+ "return": {
31497
+ "type": {
31498
+ "text": "string"
31499
+ }
31500
+ },
31501
+ "parameters": [
31502
+ {
31503
+ "name": "stateName",
31504
+ "type": {
31505
+ "text": "SectionItemStateName"
31506
+ }
31507
+ }
31508
+ ],
31251
31509
  "inheritedFrom": {
31252
- "name": "SegmentedControl",
31253
- "module": "src/segmented-control/segmented-control.ts"
31510
+ "name": "SectionNavigator",
31511
+ "module": "src/section-navigator/section-navigator.ts"
31254
31512
  }
31255
31513
  },
31256
31514
  {
31257
- "kind": "field",
31258
- "name": "moveRight",
31259
- "privacy": "private",
31515
+ "kind": "method",
31516
+ "name": "getSectionStateClass",
31517
+ "privacy": "public",
31518
+ "return": {
31519
+ "type": {
31520
+ "text": "string"
31521
+ }
31522
+ },
31523
+ "parameters": [
31524
+ {
31525
+ "name": "section",
31526
+ "type": {
31527
+ "text": "SectionItem"
31528
+ }
31529
+ }
31530
+ ],
31260
31531
  "inheritedFrom": {
31261
- "name": "SegmentedControl",
31262
- "module": "src/segmented-control/segmented-control.ts"
31532
+ "name": "SectionNavigator",
31533
+ "module": "src/section-navigator/section-navigator.ts"
31263
31534
  }
31264
31535
  },
31265
31536
  {
31266
- "kind": "field",
31267
- "name": "moveLeft",
31268
- "privacy": "private",
31537
+ "kind": "method",
31538
+ "name": "getStateIcon",
31539
+ "privacy": "public",
31540
+ "return": {
31541
+ "type": {
31542
+ "text": "SectionItemStateIcon"
31543
+ }
31544
+ },
31545
+ "parameters": [
31546
+ {
31547
+ "name": "stateName",
31548
+ "type": {
31549
+ "text": "SectionItemStateName"
31550
+ }
31551
+ }
31552
+ ],
31269
31553
  "inheritedFrom": {
31270
- "name": "SegmentedControl",
31271
- "module": "src/segmented-control/segmented-control.ts"
31554
+ "name": "SectionNavigator",
31555
+ "module": "src/section-navigator/section-navigator.ts"
31272
31556
  }
31273
31557
  },
31274
31558
  {
@@ -31280,8 +31564,8 @@
31280
31564
  "privacy": "private",
31281
31565
  "default": "void 0",
31282
31566
  "inheritedFrom": {
31283
- "name": "SegmentedControl",
31284
- "module": "src/segmented-control/segmented-control.ts"
31567
+ "name": "FoundationElement",
31568
+ "module": "src/foundation-element/foundation-element.ts"
31285
31569
  }
31286
31570
  },
31287
31571
  {
@@ -31293,8 +31577,8 @@
31293
31577
  "privacy": "public",
31294
31578
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
31295
31579
  "inheritedFrom": {
31296
- "name": "SegmentedControl",
31297
- "module": "src/segmented-control/segmented-control.ts"
31580
+ "name": "FoundationElement",
31581
+ "module": "src/foundation-element/foundation-element.ts"
31298
31582
  }
31299
31583
  },
31300
31584
  {
@@ -31306,8 +31590,8 @@
31306
31590
  "privacy": "public",
31307
31591
  "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
31308
31592
  "inheritedFrom": {
31309
- "name": "SegmentedControl",
31310
- "module": "src/segmented-control/segmented-control.ts"
31593
+ "name": "FoundationElement",
31594
+ "module": "src/foundation-element/foundation-element.ts"
31311
31595
  }
31312
31596
  },
31313
31597
  {
@@ -31320,8 +31604,8 @@
31320
31604
  }
31321
31605
  },
31322
31606
  "inheritedFrom": {
31323
- "name": "SegmentedControl",
31324
- "module": "src/segmented-control/segmented-control.ts"
31607
+ "name": "FoundationElement",
31608
+ "module": "src/foundation-element/foundation-element.ts"
31325
31609
  }
31326
31610
  },
31327
31611
  {
@@ -31333,8 +31617,8 @@
31333
31617
  "privacy": "public",
31334
31618
  "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
31335
31619
  "inheritedFrom": {
31336
- "name": "SegmentedControl",
31337
- "module": "src/segmented-control/segmented-control.ts"
31620
+ "name": "FoundationElement",
31621
+ "module": "src/foundation-element/foundation-element.ts"
31338
31622
  }
31339
31623
  },
31340
31624
  {
@@ -31347,8 +31631,8 @@
31347
31631
  }
31348
31632
  },
31349
31633
  "inheritedFrom": {
31350
- "name": "SegmentedControl",
31351
- "module": "src/segmented-control/segmented-control.ts"
31634
+ "name": "FoundationElement",
31635
+ "module": "src/foundation-element/foundation-element.ts"
31352
31636
  }
31353
31637
  },
31354
31638
  {
@@ -31378,76 +31662,66 @@
31378
31662
  ],
31379
31663
  "description": "Defines an element registry function with a set of element definition defaults.",
31380
31664
  "inheritedFrom": {
31381
- "name": "SegmentedControl",
31382
- "module": "src/segmented-control/segmented-control.ts"
31665
+ "name": "FoundationElement",
31666
+ "module": "src/foundation-element/foundation-element.ts"
31383
31667
  }
31384
31668
  }
31385
31669
  ],
31386
31670
  "events": [
31387
31671
  {
31388
- "description": "Fires a custom 'change' event when the value changes",
31389
- "name": "change",
31672
+ "description": "Fired when a child state event is re-dispatched with an inferred section name",
31673
+ "name": "section-navigator-set-state",
31390
31674
  "inheritedFrom": {
31391
- "name": "SegmentedControl",
31392
- "module": "src/segmented-control/segmented-control.ts"
31675
+ "name": "SectionNavigator",
31676
+ "module": "src/section-navigator/section-navigator.ts"
31677
+ }
31678
+ },
31679
+ {
31680
+ "description": "Fired when a child state event is re-dispatched with an inferred section name",
31681
+ "name": "section-navigator-set-states",
31682
+ "inheritedFrom": {
31683
+ "name": "SectionNavigator",
31684
+ "module": "src/section-navigator/section-navigator.ts"
31685
+ }
31686
+ },
31687
+ {
31688
+ "description": "Fired when a child state event is re-dispatched with an inferred section name",
31689
+ "name": "section-navigator-clear-state",
31690
+ "inheritedFrom": {
31691
+ "name": "SectionNavigator",
31692
+ "module": "src/section-navigator/section-navigator.ts"
31693
+ }
31694
+ },
31695
+ {
31696
+ "description": "Fired when a child state event is re-dispatched with an inferred section name",
31697
+ "name": "section-navigator-clear-all-states",
31698
+ "inheritedFrom": {
31699
+ "name": "SectionNavigator",
31700
+ "module": "src/section-navigator/section-navigator.ts"
31393
31701
  }
31394
31702
  }
31395
31703
  ]
31396
31704
  },
31397
31705
  {
31398
31706
  "kind": "variable",
31399
- "name": "rapidSegmentedControlShadowOptions",
31400
- "type": {
31401
- "text": "ShadowRootInit"
31402
- },
31403
- "default": "undefined"
31404
- },
31405
- {
31406
- "kind": "variable",
31407
- "name": "defaultSegmentedControlConfig",
31408
- "type": {
31409
- "text": "object"
31410
- },
31411
- "default": "{}"
31412
- },
31413
- {
31414
- "kind": "variable",
31415
- "name": "rapidSegmentedControl",
31416
- "description": "The Rapid Segmented Control",
31417
- "privacy": "public"
31707
+ "name": "rapidSectionNavigator"
31418
31708
  }
31419
31709
  ],
31420
31710
  "exports": [
31421
31711
  {
31422
31712
  "kind": "js",
31423
- "name": "SegmentedControl",
31424
- "declaration": {
31425
- "name": "SegmentedControl",
31426
- "module": "src/segmented-control/segmented-control.ts"
31427
- }
31428
- },
31429
- {
31430
- "kind": "js",
31431
- "name": "rapidSegmentedControlShadowOptions",
31432
- "declaration": {
31433
- "name": "rapidSegmentedControlShadowOptions",
31434
- "module": "src/segmented-control/segmented-control.ts"
31435
- }
31436
- },
31437
- {
31438
- "kind": "js",
31439
- "name": "defaultSegmentedControlConfig",
31713
+ "name": "SectionNavigator",
31440
31714
  "declaration": {
31441
- "name": "defaultSegmentedControlConfig",
31442
- "module": "src/segmented-control/segmented-control.ts"
31715
+ "name": "SectionNavigator",
31716
+ "module": "src/section-navigator/section-navigator.ts"
31443
31717
  }
31444
31718
  },
31445
31719
  {
31446
31720
  "kind": "js",
31447
- "name": "rapidSegmentedControl",
31721
+ "name": "rapidSectionNavigator",
31448
31722
  "declaration": {
31449
- "name": "rapidSegmentedControl",
31450
- "module": "src/segmented-control/segmented-control.ts"
31723
+ "name": "rapidSectionNavigator",
31724
+ "module": "src/section-navigator/section-navigator.ts"
31451
31725
  }
31452
31726
  }
31453
31727
  ]