amis 1.4.2-beta.1 → 1.4.2-beta.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (449) hide show
  1. package/lib/Schema.d.ts +11 -3
  2. package/lib/Schema.js.map +1 -1
  3. package/lib/components/AnchorNav.d.ts +22 -21
  4. package/lib/components/AnchorNav.js +7 -3
  5. package/lib/components/AnchorNav.js.map +2 -2
  6. package/lib/components/ArrayInput.d.ts +84 -84
  7. package/lib/components/AssociatedSelection.d.ts +930 -0
  8. package/lib/components/AssociatedSelection.js +89 -0
  9. package/lib/components/AssociatedSelection.js.map +13 -0
  10. package/lib/components/Badge.js +2 -2
  11. package/lib/components/Badge.js.map +2 -2
  12. package/lib/components/{ChainedCheckboxes.d.ts → ChainedSelection.d.ts} +267 -98
  13. package/lib/components/{ChainedCheckboxes.js → ChainedSelection.js} +30 -24
  14. package/lib/components/ChainedSelection.js.map +13 -0
  15. package/lib/components/Checkbox.d.ts +20 -20
  16. package/lib/components/Collapse.d.ts +51 -23
  17. package/lib/components/Collapse.js +69 -11
  18. package/lib/components/Collapse.js.map +2 -2
  19. package/lib/components/CollapseGroup.d.ts +88 -0
  20. package/lib/components/CollapseGroup.js +81 -0
  21. package/lib/components/CollapseGroup.js.map +13 -0
  22. package/lib/components/ColorPicker.d.ts +84 -84
  23. package/lib/components/DatePicker.d.ts +84 -84
  24. package/lib/components/DateRangePicker.d.ts +84 -84
  25. package/lib/components/Editor.d.ts +84 -84
  26. package/lib/components/GridNav.d.ts +52 -0
  27. package/lib/components/GridNav.js +123 -0
  28. package/lib/components/GridNav.js.map +13 -0
  29. package/lib/components/GroupedSelection.d.ts +907 -0
  30. package/lib/components/GroupedSelection.js +48 -0
  31. package/lib/components/GroupedSelection.js.map +13 -0
  32. package/lib/components/InputBox.d.ts +22 -21
  33. package/lib/components/InputBox.js +10 -2
  34. package/lib/components/InputBox.js.map +2 -2
  35. package/lib/components/Link.d.ts +29 -36
  36. package/lib/components/Link.js +14 -15
  37. package/lib/components/Link.js.map +2 -2
  38. package/lib/components/ListGroup.d.ts +21 -21
  39. package/lib/components/ModalManager.js +1 -1
  40. package/lib/components/ModalManager.js.map +2 -2
  41. package/lib/components/MonthRangePicker.d.ts +84 -84
  42. package/lib/components/NumberInput.d.ts +20 -20
  43. package/lib/components/PickerColumn.d.ts +514 -0
  44. package/lib/components/PickerColumn.js +279 -0
  45. package/lib/components/PickerColumn.js.map +13 -0
  46. package/lib/components/PickerContainer.d.ts +513 -0
  47. package/lib/components/PickerContainer.js +96 -0
  48. package/lib/components/PickerContainer.js.map +13 -0
  49. package/lib/components/Radios.d.ts +22 -21
  50. package/lib/components/Radios.js +1 -0
  51. package/lib/components/Radios.js.map +2 -2
  52. package/lib/components/Rating.d.ts +21 -21
  53. package/lib/components/ResultBox.d.ts +84 -84
  54. package/lib/components/ResultBox.js +10 -2
  55. package/lib/components/ResultBox.js.map +2 -2
  56. package/lib/components/SearchBox.d.ts +84 -84
  57. package/lib/components/SearchBox.js +4 -4
  58. package/lib/components/SearchBox.js.map +2 -2
  59. package/lib/components/Select.d.ts +245 -237
  60. package/lib/components/Select.js +25 -4
  61. package/lib/components/Select.js.map +2 -2
  62. package/lib/components/{Checkboxes.d.ts → Selection.d.ts} +273 -98
  63. package/lib/components/Selection.js +134 -0
  64. package/lib/components/Selection.js.map +13 -0
  65. package/lib/components/{TableCheckboxes.d.ts → TableSelection.d.ts} +266 -96
  66. package/lib/components/{TableCheckboxes.js → TableSelection.js} +30 -30
  67. package/lib/components/TableSelection.js.map +13 -0
  68. package/lib/components/Tabs.d.ts +20 -20
  69. package/lib/components/TabsTransfer.d.ts +84 -84
  70. package/lib/components/TabsTransfer.js +9 -9
  71. package/lib/components/TabsTransfer.js.map +2 -2
  72. package/lib/components/TabsTransferPicker.d.ts +489 -0
  73. package/lib/components/TabsTransferPicker.js +60 -0
  74. package/lib/components/TabsTransferPicker.js.map +13 -0
  75. package/lib/components/Toast.d.ts +86 -85
  76. package/lib/components/Toast.js +6 -3
  77. package/lib/components/Toast.js.map +2 -2
  78. package/lib/components/Transfer.d.ts +908 -274
  79. package/lib/components/Transfer.js +31 -24
  80. package/lib/components/Transfer.js.map +2 -2
  81. package/lib/components/TransferDropDown.d.ts +488 -0
  82. package/lib/components/TransferDropDown.js +59 -0
  83. package/lib/components/TransferDropDown.js.map +13 -0
  84. package/lib/components/TransferPicker.d.ts +493 -0
  85. package/lib/components/TransferPicker.js +60 -0
  86. package/lib/components/TransferPicker.js.map +13 -0
  87. package/lib/components/Tree.d.ts +115 -84
  88. package/lib/components/Tree.js +183 -30
  89. package/lib/components/Tree.js.map +2 -2
  90. package/lib/components/{TreeCheckboxes.d.ts → TreeSelection.d.ts} +269 -99
  91. package/lib/components/{TreeCheckboxes.js → TreeSelection.js} +36 -32
  92. package/lib/components/TreeSelection.js.map +13 -0
  93. package/lib/components/WithRemoteConfig.js +1 -1
  94. package/lib/components/WithRemoteConfig.js.map +2 -2
  95. package/lib/components/condition-builder/Field.js +5 -2
  96. package/lib/components/condition-builder/Field.js.map +2 -2
  97. package/lib/components/condition-builder/Func.js +2 -2
  98. package/lib/components/condition-builder/Func.js.map +2 -2
  99. package/lib/components/condition-builder/InputSwitch.js +2 -2
  100. package/lib/components/condition-builder/InputSwitch.js.map +2 -2
  101. package/lib/components/condition-builder/Item.js +3 -3
  102. package/lib/components/condition-builder/Item.js.map +2 -2
  103. package/lib/components/icons.js +2 -0
  104. package/lib/components/icons.js.map +2 -2
  105. package/lib/components/index.d.ts +8 -8
  106. package/lib/components/index.js +16 -16
  107. package/lib/components/index.js.map +2 -2
  108. package/lib/envOverwrite.d.ts +1 -1
  109. package/lib/envOverwrite.js +24 -9
  110. package/lib/envOverwrite.js.map +2 -2
  111. package/lib/factory.d.ts +15 -1
  112. package/lib/factory.js +35 -6
  113. package/lib/factory.js.map +2 -2
  114. package/lib/helper.css.map +1 -1
  115. package/lib/hooks/index.d.ts +5 -0
  116. package/lib/hooks/index.js +14 -0
  117. package/lib/hooks/index.js.map +13 -0
  118. package/lib/hooks/use-set-state.d.ts +2 -0
  119. package/lib/hooks/use-set-state.js +15 -0
  120. package/lib/hooks/use-set-state.js.map +13 -0
  121. package/lib/hooks/use-touch.d.ts +16 -0
  122. package/lib/hooks/use-touch.js +73 -0
  123. package/lib/hooks/use-touch.js.map +13 -0
  124. package/lib/hooks/use-update-effect.d.ts +3 -0
  125. package/lib/hooks/use-update-effect.js +17 -0
  126. package/lib/hooks/use-update-effect.js.map +13 -0
  127. package/lib/icons/download.js +7 -0
  128. package/lib/icons/drag-bar.js +10 -3
  129. package/lib/index.d.ts +5 -0
  130. package/lib/index.js +6 -1
  131. package/lib/index.js.map +2 -2
  132. package/lib/locale/de-DE.js +2 -0
  133. package/lib/locale/de-DE.js.map +2 -2
  134. package/lib/locale/en-US.js +3 -0
  135. package/lib/locale/en-US.js.map +2 -2
  136. package/lib/locale/zh-CN.js +5 -2
  137. package/lib/locale/zh-CN.js.map +2 -2
  138. package/lib/renderers/Action.d.ts +4 -3
  139. package/lib/renderers/Action.js +17 -4
  140. package/lib/renderers/Action.js.map +2 -2
  141. package/lib/renderers/AnchorNav.d.ts +1 -0
  142. package/lib/renderers/AnchorNav.js +2 -2
  143. package/lib/renderers/AnchorNav.js.map +2 -2
  144. package/lib/renderers/Avatar.js +3 -3
  145. package/lib/renderers/Avatar.js.map +2 -2
  146. package/lib/renderers/Breadcrumb.js +1 -1
  147. package/lib/renderers/Breadcrumb.js.map +2 -2
  148. package/lib/renderers/CRUD.d.ts +9 -0
  149. package/lib/renderers/CRUD.js +24 -4
  150. package/lib/renderers/CRUD.js.map +2 -2
  151. package/lib/renderers/Card.d.ts +4 -0
  152. package/lib/renderers/Card.js +29 -23
  153. package/lib/renderers/Card.js.map +2 -2
  154. package/lib/renderers/Chart.js +1 -1
  155. package/lib/renderers/Chart.js.map +2 -2
  156. package/lib/renderers/Collapse.d.ts +25 -20
  157. package/lib/renderers/Collapse.js +10 -72
  158. package/lib/renderers/Collapse.js.map +2 -2
  159. package/lib/renderers/CollapseGroup.d.ts +42 -0
  160. package/lib/renderers/CollapseGroup.js +33 -0
  161. package/lib/renderers/CollapseGroup.js.map +13 -0
  162. package/lib/renderers/DropDownButton.js +1 -1
  163. package/lib/renderers/DropDownButton.js.map +2 -2
  164. package/lib/renderers/Form/DiffEditor.d.ts +4 -3
  165. package/lib/renderers/Form/Editor.d.ts +3 -2
  166. package/lib/renderers/Form/InputCity.d.ts +84 -84
  167. package/lib/renderers/Form/InputCity.js +7 -6
  168. package/lib/renderers/Form/InputCity.js.map +2 -2
  169. package/lib/renderers/Form/InputColor.d.ts +84 -84
  170. package/lib/renderers/Form/InputFile.d.ts +6 -0
  171. package/lib/renderers/Form/InputFile.js +28 -8
  172. package/lib/renderers/Form/InputFile.js.map +2 -2
  173. package/lib/renderers/Form/InputImage.js +11 -4
  174. package/lib/renderers/Form/InputImage.js.map +2 -2
  175. package/lib/renderers/Form/Item.d.ts +1 -1
  176. package/lib/renderers/Form/Item.js +2 -1
  177. package/lib/renderers/Form/Item.js.map +2 -2
  178. package/lib/renderers/Form/Options.js +13 -3
  179. package/lib/renderers/Form/Options.js.map +2 -2
  180. package/lib/renderers/Form/Select.d.ts +42 -4
  181. package/lib/renderers/Form/Select.js +37 -3
  182. package/lib/renderers/Form/Select.js.map +2 -2
  183. package/lib/renderers/Form/TabsTransferPicker.d.ts +48 -0
  184. package/lib/renderers/Form/TabsTransferPicker.js +29 -0
  185. package/lib/renderers/Form/TabsTransferPicker.js.map +13 -0
  186. package/lib/renderers/Form/Transfer.js +18 -3
  187. package/lib/renderers/Form/Transfer.js.map +2 -2
  188. package/lib/renderers/Form/TransferPicker.d.ts +52 -0
  189. package/lib/renderers/Form/TransferPicker.js +43 -0
  190. package/lib/renderers/Form/TransferPicker.js.map +13 -0
  191. package/lib/renderers/Form/TreeSelect.js +2 -2
  192. package/lib/renderers/Form/TreeSelect.js.map +2 -2
  193. package/lib/renderers/Form/index.d.ts +5 -0
  194. package/lib/renderers/Form/index.js +5 -3
  195. package/lib/renderers/Form/index.js.map +2 -2
  196. package/lib/renderers/Form/wrapControl.js +13 -1
  197. package/lib/renderers/Form/wrapControl.js.map +2 -2
  198. package/lib/renderers/GridNav.d.ts +99 -0
  199. package/lib/renderers/GridNav.js +82 -0
  200. package/lib/renderers/GridNav.js.map +13 -0
  201. package/lib/renderers/IFrame.js +1 -3
  202. package/lib/renderers/IFrame.js.map +2 -2
  203. package/lib/renderers/Json.d.ts +4 -0
  204. package/lib/renderers/Json.js +4 -13
  205. package/lib/renderers/Json.js.map +2 -2
  206. package/lib/renderers/Link.d.ts +4 -2
  207. package/lib/renderers/Link.js +15 -6
  208. package/lib/renderers/Link.js.map +2 -2
  209. package/lib/renderers/List.js +1 -1
  210. package/lib/renderers/List.js.map +2 -2
  211. package/lib/renderers/Mapping.d.ts +9 -2
  212. package/lib/renderers/Mapping.js +18 -6
  213. package/lib/renderers/Mapping.js.map +2 -2
  214. package/lib/renderers/Nav.d.ts +21 -21
  215. package/lib/renderers/Nav.js +39 -21
  216. package/lib/renderers/Nav.js.map +2 -2
  217. package/lib/renderers/Portlet.d.ts +125 -0
  218. package/lib/renderers/Portlet.js +156 -0
  219. package/lib/renderers/Portlet.js.map +13 -0
  220. package/lib/renderers/Property.js +2 -1
  221. package/lib/renderers/Property.js.map +2 -2
  222. package/lib/renderers/SearchBox.d.ts +6 -1
  223. package/lib/renderers/SearchBox.js +19 -5
  224. package/lib/renderers/SearchBox.js.map +2 -2
  225. package/lib/renderers/Table/TableContent.d.ts +4 -1
  226. package/lib/renderers/Table/TableContent.js +21 -1
  227. package/lib/renderers/Table/TableContent.js.map +2 -2
  228. package/lib/renderers/Table/index.d.ts +5 -1
  229. package/lib/renderers/Table/index.js +65 -30
  230. package/lib/renderers/Table/index.js.map +2 -2
  231. package/lib/renderers/Tabs.js +9 -1
  232. package/lib/renderers/Tabs.js.map +2 -2
  233. package/lib/renderers/WebComponent.js +1 -1
  234. package/lib/renderers/WebComponent.js.map +2 -2
  235. package/lib/store/combo.d.ts +2 -16
  236. package/lib/store/crud.js +3 -7
  237. package/lib/store/crud.js.map +2 -2
  238. package/lib/store/form.d.ts +1 -1
  239. package/lib/store/form.js +5 -6
  240. package/lib/store/form.js.map +2 -2
  241. package/lib/store/formItem.js +44 -4
  242. package/lib/store/formItem.js.map +2 -2
  243. package/lib/store/service.js +5 -4
  244. package/lib/store/service.js.map +2 -2
  245. package/lib/store/table.d.ts +3 -2
  246. package/lib/store/table.js +35 -12
  247. package/lib/store/table.js.map +2 -2
  248. package/lib/themes/ang-ie11.css +689 -175
  249. package/lib/themes/ang.css +689 -175
  250. package/lib/themes/ang.css.map +1 -1
  251. package/lib/themes/antd-ie11.css +689 -175
  252. package/lib/themes/antd.css +689 -175
  253. package/lib/themes/antd.css.map +1 -1
  254. package/lib/themes/cxd-ie11.css +728 -213
  255. package/lib/themes/cxd.css +728 -213
  256. package/lib/themes/cxd.css.map +1 -1
  257. package/lib/themes/dark-ie11.css +689 -175
  258. package/lib/themes/dark.css +689 -175
  259. package/lib/themes/dark.css.map +1 -1
  260. package/lib/themes/default.css +728 -213
  261. package/lib/themes/default.css.map +1 -1
  262. package/lib/types.d.ts +38 -1
  263. package/lib/types.js +0 -5
  264. package/lib/types.js.map +2 -2
  265. package/lib/utils/api.d.ts +4 -2
  266. package/lib/utils/api.js +104 -17
  267. package/lib/utils/api.js.map +2 -2
  268. package/lib/utils/dom.d.ts +4 -0
  269. package/lib/utils/dom.js +11 -1
  270. package/lib/utils/dom.js.map +2 -2
  271. package/lib/utils/helper.d.ts +8 -0
  272. package/lib/utils/helper.js +28 -2
  273. package/lib/utils/helper.js.map +2 -2
  274. package/lib/utils/icon.js +3 -0
  275. package/lib/utils/icon.js.map +2 -2
  276. package/package.json +1 -1
  277. package/schema.json +3326 -836
  278. package/scss/_mixins.scss +1 -3
  279. package/scss/_properties.scss +25 -1
  280. package/scss/base/_common.scss +3 -0
  281. package/scss/base/_normalize.scss +2 -0
  282. package/scss/components/_anchor-nav.scss +89 -29
  283. package/scss/components/_card.scss +8 -14
  284. package/scss/components/_collapse-group.scss +11 -0
  285. package/scss/components/_collapse.scss +48 -22
  286. package/scss/components/_grid-nav.scss +128 -0
  287. package/scss/components/_input-box.scss +1 -0
  288. package/scss/components/_mapping.scss +6 -0
  289. package/scss/components/_nav.scss +2 -2
  290. package/scss/components/_picker-columns.scss +124 -0
  291. package/scss/components/_popover.scss +13 -0
  292. package/scss/components/_portlet.scss +51 -0
  293. package/scss/components/_result-box.scss +1 -0
  294. package/scss/components/_spinner.scss +5 -4
  295. package/scss/components/_status.scss +1 -1
  296. package/scss/components/_table.scss +32 -0
  297. package/scss/components/form/_checks.scss +0 -351
  298. package/scss/components/form/_combo.scss +4 -0
  299. package/scss/components/form/_fieldset.scss +5 -1
  300. package/scss/components/form/_file.scss +11 -0
  301. package/scss/components/form/_form.scss +48 -0
  302. package/scss/components/form/_selection.scss +354 -0
  303. package/scss/components/form/_transfer.scss +75 -18
  304. package/scss/components/form/_tree.scss +42 -0
  305. package/scss/themes/_common.scss +7 -0
  306. package/scss/themes/_cxd-variables.scss +8 -6
  307. package/scss/themes/cxd.scss +17 -12
  308. package/sdk/ang-ie11.css +786 -196
  309. package/sdk/ang.css +820 -213
  310. package/sdk/antd-ie11.css +786 -196
  311. package/sdk/antd.css +820 -213
  312. package/sdk/charts.js +13 -13
  313. package/sdk/color-picker.js +65 -69
  314. package/sdk/cropperjs.js +2 -2
  315. package/sdk/cxd-ie11.css +825 -236
  316. package/sdk/cxd.css +862 -254
  317. package/sdk/dark-ie11.css +787 -197
  318. package/sdk/dark.css +820 -213
  319. package/sdk/exceljs.js +1 -1
  320. package/sdk/helper.css.map +1 -1
  321. package/sdk/iconfont.svg +2513 -0
  322. package/sdk/iconfont.ttf +0 -0
  323. package/sdk/iconfont.woff +0 -0
  324. package/sdk/locale/de-DE.js +2 -0
  325. package/sdk/markdown.js +69 -69
  326. package/sdk/papaparse.js +1 -1
  327. package/sdk/renderers/Form/CityDB.js +1 -1
  328. package/sdk/rest.js +20 -28
  329. package/sdk/rich-text.js +62 -62
  330. package/sdk/sdk-ie11.css +825 -236
  331. package/sdk/sdk.css +862 -254
  332. package/sdk/sdk.js +1243 -1175
  333. package/sdk/thirds/hls.js/hls.js +1 -1
  334. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  335. package/sdk/tinymce.js +57 -57
  336. package/src/Schema.ts +19 -1
  337. package/src/components/AnchorNav.tsx +15 -4
  338. package/src/components/{AssociatedCheckboxes.tsx → AssociatedSelection.tsx} +43 -37
  339. package/src/components/Badge.tsx +3 -3
  340. package/src/components/{ChainedCheckboxes.tsx → ChainedSelection.tsx} +57 -40
  341. package/src/components/Collapse.tsx +144 -20
  342. package/src/components/CollapseGroup.tsx +130 -0
  343. package/src/components/GridNav.tsx +233 -0
  344. package/src/components/{ListCheckboxes.tsx → GroupedSelection.tsx} +26 -21
  345. package/src/components/InputBox.tsx +10 -9
  346. package/src/components/Link.tsx +28 -37
  347. package/src/components/ModalManager.ts +1 -1
  348. package/src/components/PickerColumn.tsx +429 -0
  349. package/src/components/PickerContainer.tsx +128 -0
  350. package/src/components/Radios.tsx +3 -8
  351. package/src/components/ResultBox.tsx +9 -9
  352. package/src/components/SearchBox.tsx +4 -5
  353. package/src/components/Select.tsx +57 -5
  354. package/src/components/{Checkboxes.tsx → Selection.tsx} +75 -21
  355. package/src/components/{TableCheckboxes.tsx → TableSelection.tsx} +46 -25
  356. package/src/components/TabsTransfer.tsx +13 -7
  357. package/src/components/TabsTransferPicker.tsx +85 -0
  358. package/src/components/Toast.tsx +23 -16
  359. package/src/components/Transfer.tsx +71 -50
  360. package/src/components/TransferDropDown.tsx +120 -0
  361. package/src/components/TransferPicker.tsx +91 -0
  362. package/src/components/Tree.tsx +194 -8
  363. package/src/components/{TreeCheckboxes.tsx → TreeSelection.tsx} +33 -26
  364. package/src/components/WithRemoteConfig.tsx +7 -2
  365. package/src/components/condition-builder/Field.tsx +5 -5
  366. package/src/components/condition-builder/Func.tsx +3 -3
  367. package/src/components/condition-builder/InputSwitch.tsx +3 -3
  368. package/src/components/condition-builder/Item.tsx +5 -12
  369. package/src/components/icons.tsx +2 -0
  370. package/src/components/index.tsx +13 -13
  371. package/src/envOverwrite.ts +20 -8
  372. package/src/factory.tsx +70 -9
  373. package/src/hooks/index.ts +5 -0
  374. package/src/hooks/use-set-state.ts +19 -0
  375. package/src/hooks/use-touch.ts +100 -0
  376. package/src/hooks/use-update-effect.ts +16 -0
  377. package/src/icons/download.svg +4 -0
  378. package/src/icons/drag-bar.svg +12 -6
  379. package/src/index.tsx +5 -0
  380. package/src/locale/de-DE.ts +2 -0
  381. package/src/locale/en-US.ts +3 -0
  382. package/src/locale/zh-CN.ts +5 -2
  383. package/src/renderers/Action.tsx +28 -2
  384. package/src/renderers/AnchorNav.tsx +4 -0
  385. package/src/renderers/Avatar.tsx +8 -4
  386. package/src/renderers/Breadcrumb.tsx +5 -1
  387. package/src/renderers/CRUD.tsx +33 -3
  388. package/src/renderers/Card.tsx +63 -34
  389. package/src/renderers/Chart.tsx +6 -2
  390. package/src/renderers/Collapse.tsx +70 -115
  391. package/src/renderers/CollapseGroup.tsx +80 -0
  392. package/src/renderers/DropDownButton.tsx +1 -1
  393. package/src/renderers/Form/InputCity.tsx +4 -8
  394. package/src/renderers/Form/InputFile.tsx +65 -24
  395. package/src/renderers/Form/InputImage.tsx +11 -3
  396. package/src/renderers/Form/Item.tsx +3 -2
  397. package/src/renderers/Form/Options.tsx +16 -2
  398. package/src/renderers/Form/Select.tsx +162 -21
  399. package/src/renderers/Form/TabsTransferPicker.tsx +123 -0
  400. package/src/renderers/Form/Transfer.tsx +19 -4
  401. package/src/renderers/Form/TransferPicker.tsx +145 -0
  402. package/src/renderers/Form/TreeSelect.tsx +25 -0
  403. package/src/renderers/Form/index.tsx +15 -2
  404. package/src/renderers/Form/wrapControl.tsx +26 -1
  405. package/src/renderers/GridNav.tsx +204 -0
  406. package/src/renderers/IFrame.tsx +2 -4
  407. package/src/renderers/Json.tsx +9 -9
  408. package/src/renderers/Link.tsx +27 -13
  409. package/src/renderers/List.tsx +1 -1
  410. package/src/renderers/Mapping.tsx +27 -11
  411. package/src/renderers/Nav.tsx +108 -60
  412. package/src/renderers/Portlet.tsx +423 -0
  413. package/src/renderers/Property.tsx +3 -2
  414. package/src/renderers/SearchBox.tsx +23 -4
  415. package/src/renderers/Table/TableContent.tsx +40 -2
  416. package/src/renderers/Table/index.tsx +88 -43
  417. package/src/renderers/Tabs.tsx +9 -1
  418. package/src/renderers/WebComponent.tsx +2 -2
  419. package/src/store/crud.ts +3 -8
  420. package/src/store/form.ts +5 -10
  421. package/src/store/formItem.ts +94 -2
  422. package/src/store/service.ts +5 -4
  423. package/src/store/table.ts +55 -14
  424. package/src/types.ts +58 -1
  425. package/src/utils/api.ts +133 -26
  426. package/src/utils/dom.tsx +12 -0
  427. package/src/utils/helper.ts +27 -0
  428. package/src/utils/icon.tsx +4 -0
  429. package/tsconfig-for-declaration.json +1 -1
  430. package/dump.rdb +0 -0
  431. package/lib/components/AssociatedCheckboxes.d.ts +0 -762
  432. package/lib/components/AssociatedCheckboxes.js +0 -90
  433. package/lib/components/AssociatedCheckboxes.js.map +0 -13
  434. package/lib/components/ChainedCheckboxes.js.map +0 -13
  435. package/lib/components/Checkboxes.js +0 -101
  436. package/lib/components/Checkboxes.js.map +0 -13
  437. package/lib/components/ListCheckboxes.d.ts +0 -739
  438. package/lib/components/ListCheckboxes.js +0 -48
  439. package/lib/components/ListCheckboxes.js.map +0 -13
  440. package/lib/components/ListRadios.d.ts +0 -763
  441. package/lib/components/ListRadios.js +0 -86
  442. package/lib/components/ListRadios.js.map +0 -13
  443. package/lib/components/TableCheckboxes.js.map +0 -13
  444. package/lib/components/TreeCheckboxes.js.map +0 -13
  445. package/lib/components/TreeRadios.d.ts +0 -838
  446. package/lib/components/TreeRadios.js +0 -116
  447. package/lib/components/TreeRadios.js.map +0 -13
  448. package/src/components/ListRadios.tsx +0 -159
  449. package/src/components/TreeRadios.tsx +0 -202
@@ -492,8 +492,13 @@
492
492
  --Collapse-header-padding: 1.125rem 0 var(--gap-xs) 0;
493
493
  --Collapse-header-bg: transparent;
494
494
  --Collapse-header-onHover-bg: transparent;
495
- --Collapse-header-collapsed-borderBottom: var(--borderWidth) solid
495
+ --Collapse-header-collapsed-border: var(--borderWidth) solid
496
496
  var(--Collapse-border-color);
497
+ --Collapse-header-collapsed-borderTop: none;
498
+ --Collapse-header-collapsed-borderBottom: var(
499
+ --Collapse-header-collapsed-border
500
+ );
501
+ --Collapse-header-wrapper-direction: row;
497
502
  --Collapse-content-padding: 1.125rem 0;
498
503
  --Collapse-content-color: var(--body-color);
499
504
  --Collapse-content-fontSize: var(--body-size);
@@ -981,11 +986,28 @@
981
986
  --Panel-titleMarginTop: 0;
982
987
  --Picker-iconColor: var(--icon-color);
983
988
  --Picker-onHover-iconColor: var(--icon-onHover-color);
989
+ --PickerColumns-bg: white;
990
+ --PickerColumns-toolbar-height: 3.125rem;
991
+ --PickerColumns-title-fontSize: var(--fontSizeLg);
992
+ --PickerColumns-title-lineHeight: 1.5;
993
+ --PickerColumns-action-padding: 0 var(--gap-sm);
994
+ --PickerColumns-action-fontSize: var(--fontSizeMd);
995
+ --PickerColumns-confirmAction-color: var(--Button--info-bg);
996
+ --PickerColumns-cancelAction-color: var(--Button--light-bg);
997
+ --PickerColumns-option-fontSize: var(--fontSizeLg);
998
+ --PickerColumns-optionText-color: var(--text-color);
999
+ --PickerColumns-optionDisabled-opacity: 0.3;
1000
+ --PickerColumns-loadingIcon-color: var(--icon-color);
1001
+ --PickerColumns-loadingMask-Color: rgba(255, 255, 255, 0.9);
984
1002
  --PopOver-bg: white;
985
1003
  --PopOverAble-iconColor: inherit;
986
1004
  --PopOverAble-onHover-iconColor: inherit;
987
1005
  --Property-title-bg: #f2f2f2;
988
1006
  --Property-label-bg: #f7f7f7;
1007
+ --Portlet-borderColor: var(--borderColor);
1008
+ --Portlet-borderStyle: solid;
1009
+ --Portlet-borderWidth: var(--borderWidth);
1010
+ --Portlet-borderRadius: var(--borderRadius);
989
1011
  --QuickEdit-iconColor: inherit;
990
1012
  --QuickEdit-onFocus-borderColor: var(--info);
991
1013
  --QuickEdit-onFocus-borderWidth: var(--borderWidth);
@@ -1597,6 +1619,8 @@ svg.icon {
1597
1619
  width: 1em;
1598
1620
  height: 1em;
1599
1621
  fill: currentColor;
1622
+ position: relative;
1623
+ top: 0.125em;
1600
1624
  }
1601
1625
 
1602
1626
  svg.r90 {
@@ -1669,6 +1693,10 @@ samp {
1669
1693
  height: 100%;
1670
1694
  }
1671
1695
 
1696
+ .has-popover {
1697
+ position: relative;
1698
+ }
1699
+
1672
1700
  html,
1673
1701
  body {
1674
1702
  width: 100%;
@@ -4438,6 +4466,120 @@ input[type=button].a-Button--block {
4438
4466
  bottom: 0;
4439
4467
  background: transparent;
4440
4468
  }
4469
+ .a-PopOver-isMobile .a-PopOver-overlay {
4470
+ background: rgba(0, 0, 0, 0.3);
4471
+ }
4472
+ .a-PopOver--leftBottomLeftTop {
4473
+ margin-top: 0.25rem;
4474
+ }
4475
+ .a-PopOver--leftTopLeftBottom {
4476
+ margin-top: -0.25rem;
4477
+ }
4478
+
4479
+ .a-PickerColumns {
4480
+ position: relative;
4481
+ background-color: var(--PickerColumns-bg);
4482
+ user-select: none;
4483
+ }
4484
+ .a-PickerColumns-popOver {
4485
+ position: fixed;
4486
+ bottom: 0;
4487
+ left: 0;
4488
+ width: 100%;
4489
+ padding: 0 var(--gap-sm);
4490
+ }
4491
+ .a-PickerColumns-toolbar {
4492
+ display: flex;
4493
+ align-items: center;
4494
+ justify-content: space-between;
4495
+ height: var(--PickerColumns-toolbar-height);
4496
+ }
4497
+ .a-PickerColumns-cancel, .a-PickerColumns-confirm {
4498
+ height: 100%;
4499
+ padding: var(--PickerColumns-action-padding);
4500
+ font-size: var(--PickerColumns-action-fontSize);
4501
+ background-color: transparent;
4502
+ border: none;
4503
+ cursor: pointer;
4504
+ }
4505
+ .a-PickerColumns-cancel:active, .a-PickerColumns-confirm:active {
4506
+ opacity: 0.7;
4507
+ }
4508
+ .a-PickerColumns-confirm {
4509
+ color: var(--PickerColumns-confirmAction-color);
4510
+ }
4511
+ .a-PickerColumns-cancel {
4512
+ color: var(--PickerColumns-cancelAction-color);
4513
+ }
4514
+ .a-PickerColumns-title {
4515
+ max-width: 50%;
4516
+ font-weight: 500;
4517
+ font-size: var(--PickerColumns-title-fontSize);
4518
+ line-height: var(--PickerColumns-title-lineHeight);
4519
+ text-align: center;
4520
+ }
4521
+ .a-PickerColumns-columns {
4522
+ touch-action: none;
4523
+ position: relative;
4524
+ display: flex;
4525
+ cursor: grab;
4526
+ }
4527
+ .a-PickerColumns-loading {
4528
+ position: absolute;
4529
+ top: 0;
4530
+ right: 0;
4531
+ bottom: 0;
4532
+ left: 0;
4533
+ z-index: 3;
4534
+ display: flex;
4535
+ align-items: center;
4536
+ justify-content: center;
4537
+ color: var(--PickerColumns-loadingIcon-color);
4538
+ background-color: var(--PickerColumns-loadingMask-color);
4539
+ }
4540
+ .a-PickerColumns-frame {
4541
+ position: absolute;
4542
+ top: 50%;
4543
+ right: var(--gap-md);
4544
+ left: var(--gap-md);
4545
+ z-index: 2;
4546
+ transform: translateY(-50%);
4547
+ pointer-events: none;
4548
+ }
4549
+ .a-PickerColumns-mask {
4550
+ position: absolute;
4551
+ top: 0;
4552
+ left: 0;
4553
+ z-index: 1;
4554
+ width: 100%;
4555
+ height: 100%;
4556
+ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
4557
+ background-repeat: no-repeat;
4558
+ background-position: top, bottom;
4559
+ transform: translateZ(0);
4560
+ pointer-events: none;
4561
+ }
4562
+ .a-PickerColumns-column {
4563
+ flex: 1;
4564
+ overflow: hidden;
4565
+ font-size: var(--PickerColumns-option-fontSize);
4566
+ }
4567
+ .a-PickerColumns-columnWrapper {
4568
+ margin: 0;
4569
+ padding: 0;
4570
+ list-style: none;
4571
+ transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
4572
+ }
4573
+ .a-PickerColumns-columnItem {
4574
+ display: flex;
4575
+ align-items: center;
4576
+ justify-content: center;
4577
+ color: var(--PickerColumns-optionText-color);
4578
+ }
4579
+ .a-PickerColumns-columnItem.is-disabled {
4580
+ cursor: not-allowed;
4581
+ opacity: var(--PickerColumns-optionDisabled-opacity);
4582
+ }
4441
4583
 
4442
4584
  @keyframes bounceIn {
4443
4585
  from, 20%, 40%, 60%, 80%, to {
@@ -5250,8 +5392,8 @@ input[type=button].a-Button--block {
5250
5392
  cursor: move;
5251
5393
  position: absolute;
5252
5394
  left: 0;
5253
- top: 0.6875rem;
5254
5395
  display: none;
5396
+ line-height: 0;
5255
5397
  }
5256
5398
  .a-Nav .a-Nav-list--stacked .a-Nav-item .a-Nav-itemDrager > .icon, .a-Nav .a-Nav-list--stacked .a-Nav-item .a-Nav-itemDrager > .a-Badge > .icon, .a-Nav .a-Nav-list--stacked .a-Badge .a-Nav-itemDrager > .icon, .a-Nav .a-Nav-list--stacked .a-Badge .a-Nav-itemDrager > .a-Badge > .icon {
5257
5399
  color: var(--icon-color);
@@ -5318,7 +5460,7 @@ input[type=button].a-Button--block {
5318
5460
  border-color: var(--Nav-item-onHover-color);
5319
5461
  text-decoration: none;
5320
5462
  background: var(--Nav-item-onHover-bg);
5321
- z-index: 9999;
5463
+ z-index: 1;
5322
5464
  }
5323
5465
  .a-Nav .a-Nav-list--stacked .a-Nav-item > a:hover > .a-Nav-itemDrager,
5324
5466
  .a-Nav .a-Nav-list--stacked .a-Nav-item > a:focus > .a-Nav-itemDrager,
@@ -5952,12 +6094,13 @@ input[type=button].a-Button--block {
5952
6094
  .a-Spinner--icon {
5953
6095
  background: transparent;
5954
6096
  animation: spin 2s linear infinite;
5955
- width: var(--fontSizeLg);
5956
- height: var(--fontSizeLg);
6097
+ width: 16px;
6098
+ height: 16px;
5957
6099
  }
5958
6100
  .a-Spinner--icon svg.icon {
5959
- width: var(--fontSizeLg);
5960
- height: var(--fontSizeLg);
6101
+ width: 16px;
6102
+ height: 16px;
6103
+ top: 0;
5961
6104
  }
5962
6105
 
5963
6106
  .a-Spinner--overlay {
@@ -6175,7 +6318,7 @@ input[type=button].a-Button--block {
6175
6318
  .a-Collapse {
6176
6319
  border: var(--Collapse-border);
6177
6320
  padding: 0;
6178
- margin-bottom: var(--Form-item-gap);
6321
+ line-height: 1.25rem;
6179
6322
  }
6180
6323
  .a-Collapse-header {
6181
6324
  font-size: var(--Collapse-header-fontSize);
@@ -6184,8 +6327,16 @@ input[type=button].a-Button--block {
6184
6327
  padding: var(--Collapse-header-padding);
6185
6328
  margin: 0;
6186
6329
  border-bottom: var(--borderWidth) solid var(--Collapse-border-color);
6330
+ cursor: pointer;
6187
6331
  background: var(--Collapse-header-bg);
6188
6332
  }
6333
+ .a-Collapse-header-wrapper {
6334
+ display: inline-flex;
6335
+ flex-direction: var(--Collapse-header-wrapper-direction);
6336
+ }
6337
+ .a-Collapse-header-tpl {
6338
+ margin-right: 0.5rem;
6339
+ }
6189
6340
  .a-Collapse-header:hover {
6190
6341
  background: var(--Collapse-header-onHover-bg);
6191
6342
  }
@@ -6193,8 +6344,7 @@ input[type=button].a-Button--block {
6193
6344
  display: inline-block;
6194
6345
  width: 1rem;
6195
6346
  text-align: center;
6196
- margin-right: 0.5rem;
6197
- cursor: pointer;
6347
+ margin-right: var(--gap-xs);
6198
6348
  }
6199
6349
  .a-Collapse-arrow:before {
6200
6350
  content: "";
@@ -6202,42 +6352,56 @@ input[type=button].a-Button--block {
6202
6352
  display: inline-block;
6203
6353
  width: 0.375rem;
6204
6354
  height: 0.375rem;
6205
- top: -0.25rem;
6355
+ top: -0.125rem;
6206
6356
  border-color: var(--text-color);
6207
6357
  border-style: solid;
6208
6358
  border-width: 0.0625rem 0.0625rem 0 0;
6209
- transform: rotate(135deg);
6359
+ transform: rotate(45deg);
6210
6360
  transform-origin: 50% 50%;
6211
6361
  }
6212
- .a-Collapse-TplField {
6362
+ .a-Collapse-icon-tranform {
6213
6363
  display: inline-block;
6364
+ width: 1rem;
6365
+ text-align: center;
6366
+ margin-right: var(--gap-xs);
6214
6367
  }
6215
- .a-Collapse.is-collapsed .a-Collapse-arrow:before {
6216
- transform: rotate(45deg);
6217
- transform-origin: 0% 50%;
6368
+ .a-Collapse .a-TplField {
6369
+ display: inline-block;
6218
6370
  }
6219
- .a-Collapse.is-collapsed .a-Collapse-header {
6220
- border-bottom: var(--Collapse-header-collapsed-borderBottom);
6371
+ .a-Collapse.is-active .a-Collapse-arrow:before {
6372
+ transform: rotate(135deg);
6373
+ transform-origin: 50% 30%;
6221
6374
  }
6222
- .a-Collapse--collapsable .a-Collapse-header {
6223
- cursor: pointer;
6375
+ .a-Collapse.is-active .a-Collapse-icon-tranform {
6376
+ transform: rotate(90deg);
6377
+ }
6378
+ .a-Collapse--disabled .a-Collapse-header {
6379
+ cursor: not-allowed;
6224
6380
  user-select: none;
6381
+ color: var(--text--muted-color);
6382
+ }
6383
+ .a-Collapse--disabled .a-Collapse-header:hover {
6384
+ background-color: var(--Collapse-header-bg-disabled-color);
6385
+ }
6386
+ .a-Collapse--disabled .a-Collapse-arrow:before {
6387
+ border-color: var(--text--muted-color);
6225
6388
  }
6226
6389
  .a-Collapse--title-bottom .a-Collapse-header {
6227
6390
  text-align: center;
6228
- color: var(--link-color);
6229
- border-left: none;
6230
6391
  font-size: var(--fontSizeBase);
6392
+ border-top: var(--Collapse-header-collapsed-borderTop);
6393
+ border-bottom: var(--Collapse-header-collapsed-borderBottom);
6231
6394
  }
6232
- .a-Collapse--title-bottom .a-Collapse-arrow:before {
6233
- top: 0.125rem;
6234
- transform: rotate(-45deg);
6235
- transform-origin: 0% 50%;
6395
+ .a-Collapse--title-bottom.is-collapsed .a-Collapse-header {
6396
+ border-top: none;
6236
6397
  }
6237
- .a-Collapse--title-bottom.is-collapsed .a-Collapse-arrow:before {
6238
- top: -0.375rem;
6398
+ .a-Collapse--title-bottom .a-Collapse-arrow:before {
6399
+ top: -0.25rem;
6239
6400
  transform: rotate(135deg);
6240
- transform-origin: 0% 50%;
6401
+ }
6402
+ .a-Collapse--title-bottom.is-active .a-Collapse-arrow:before {
6403
+ top: 0;
6404
+ transform: rotate(-45deg);
6241
6405
  }
6242
6406
  .a-Collapse-contentWrapper {
6243
6407
  transition: height var(--animation-duration) ease;
@@ -6253,6 +6417,10 @@ input[type=button].a-Button--block {
6253
6417
  font-weight: var(--Collapse-content-fontWeight);
6254
6418
  }
6255
6419
 
6420
+ .a-CollapseGroup.icon-position-right .a-Collapse-header .a-Collapse-arrow {
6421
+ float: right;
6422
+ }
6423
+
6256
6424
  .a-ColorField {
6257
6425
  display: inline-block;
6258
6426
  }
@@ -7228,6 +7396,9 @@ input[type=button].a-Button--block {
7228
7396
  .a-Table-table--withCombine > tbody > tr > td:not(:last-child) {
7229
7397
  border-right: var(--Table-borderWidth) solid var(--Table-borderColor);
7230
7398
  }
7399
+ .a-Table-table--checkOnItemClick > tbody > tr {
7400
+ cursor: pointer;
7401
+ }
7231
7402
  .a-Table-table > thead > tr > th {
7232
7403
  background: var(--Table-thead-bg);
7233
7404
  padding: var(--TableCell-paddingY) var(--TableCell-paddingX);
@@ -7940,6 +8111,10 @@ input[type=button].a-Button--block {
7940
8111
  padding-right: 0;
7941
8112
  cursor: move;
7942
8113
  }
8114
+ .a-Table-table > thead > tr > th.a-Table-dragCell > svg,
8115
+ .a-Table-table > tbody > tr > td.a-Table-dragCell > svg {
8116
+ vertical-align: middle;
8117
+ }
7943
8118
  .a-Table-table > tbody > tr > td.a-Table-expandCell {
7944
8119
  position: relative;
7945
8120
  }
@@ -8247,6 +8422,9 @@ input[type=button].a-Button--block {
8247
8422
  text-decoration: none;
8248
8423
  color: var(--icon-onHover-color);
8249
8424
  }
8425
+ .a-Table-dragBtn > svg {
8426
+ vertical-align: -2px;
8427
+ }
8250
8428
  .a-Table-table > tbody > tr:hover .a-Table-dragBtn, .a-Table-table > tbody > tr.is-dragging .a-Table-dragBtn, .a-Table-table > tbody > tr.is-drop-allowed .a-Table-dragBtn {
8251
8429
  visibility: visible;
8252
8430
  }
@@ -8259,6 +8437,23 @@ input[type=button].a-Button--block {
8259
8437
  top: 0;
8260
8438
  left: 0;
8261
8439
  }
8440
+ .a-Table--autoFillHeight {
8441
+ margin-bottom: 0;
8442
+ }
8443
+ .a-Table--autoFillHeight > .a-Table-contentWrap > .a-Table-content table {
8444
+ border-top: none;
8445
+ }
8446
+ .a-Table--autoFillHeight > .a-Table-contentWrap > .a-Table-content table thead {
8447
+ position: sticky;
8448
+ top: 0;
8449
+ z-index: 1;
8450
+ }
8451
+ .a-Table--autoFillHeight > .a-Table-fixedTop {
8452
+ display: none;
8453
+ }
8454
+ .a-Table--autoFillHeight > .a-Table-footToolbar {
8455
+ margin-bottom: 0;
8456
+ }
8262
8457
 
8263
8458
  .a-InputTable-toolbar {
8264
8459
  display: flex;
@@ -8897,23 +9092,14 @@ input[type=button].a-Button--block {
8897
9092
  .a-Card-title + .a-Card-subTitle {
8898
9093
  margin-top: var(--gap-xs);
8899
9094
  }
8900
- .a-Card-checkBtn {
8901
- position: absolute;
8902
- top: 0;
8903
- right: 0;
8904
- margin: var(--gap-sm);
8905
- z-index: 1;
8906
- }
8907
- .a-Card-checkBtn .a-Checkbox {
8908
- margin-right: 0;
8909
- }
8910
9095
  .a-Card-dragBtn {
8911
9096
  cursor: pointer;
8912
9097
  float: right;
8913
9098
  margin: var(--gap-sm);
8914
9099
  }
8915
9100
  .a-Card-heading {
8916
- overflow: hidden;
9101
+ display: flex;
9102
+ flex-direction: row;
8917
9103
  padding: var(--gap-sm) var(--gap-base);
8918
9104
  flex: 1 0 auto;
8919
9105
  }
@@ -8941,11 +9127,15 @@ input[type=button].a-Button--block {
8941
9127
  }
8942
9128
  .a-Card-meta {
8943
9129
  display: block;
9130
+ flex-grow: 1;
8944
9131
  height: 100%;
8945
- overflow: hidden;
8946
9132
  position: relative;
8947
9133
  margin-right: var(--gap-md);
8948
9134
  }
9135
+ .a-Card-toolbar {
9136
+ margin-right: calc(-1 * var(--gap-base));
9137
+ text-align: right;
9138
+ }
8949
9139
  .a-Card-highlight {
8950
9140
  background: var(--success);
8951
9141
  width: 0.5rem;
@@ -9367,7 +9557,7 @@ input[type=button].a-Button--block {
9367
9557
  }
9368
9558
  .a-StatusField-label {
9369
9559
  font-size: var(--fontSizeSm);
9370
- margin-left: var(--gap-sm);
9560
+ margin-left: var(--gap-xs);
9371
9561
  }
9372
9562
  @keyframes animation-rolling_red {
9373
9563
  0% {
@@ -9984,6 +10174,14 @@ input[type=button].a-Button--block {
9984
10174
  .a-InputBox:hover {
9985
10175
  border-color: var(--Form-input-onFocused-borderColor);
9986
10176
  }
10177
+ .a-InputBox--borderHalf {
10178
+ border-left-color: transparent !important;
10179
+ border-right-color: transparent !important;
10180
+ border-top-color: transparent !important;
10181
+ }
10182
+ .a-InputBox--borderNone {
10183
+ border-color: transparent !important;
10184
+ }
9987
10185
  .a-InputBox--inline {
9988
10186
  display: inline-flex;
9989
10187
  }
@@ -10070,6 +10268,14 @@ input[type=button].a-Button--block {
10070
10268
  .a-ResultBox:hover {
10071
10269
  border-color: var(--Form-input-onFocused-borderColor);
10072
10270
  }
10271
+ .a-ResultBox--borderHalf {
10272
+ border-left-color: transparent !important;
10273
+ border-right-color: transparent !important;
10274
+ border-top-color: transparent !important;
10275
+ }
10276
+ .a-ResultBox--borderNone {
10277
+ border-color: transparent !important;
10278
+ }
10073
10279
  .a-ResultBox.is-error {
10074
10280
  border-color: var(--Form-input-onError-borderColor);
10075
10281
  background: var(--Form-input-onError-bg);
@@ -10504,6 +10710,148 @@ input[type=button].a-Button--block {
10504
10710
  border: 1px solid var(--Steps-status-success);
10505
10711
  }
10506
10712
 
10713
+ .a-Portlet {
10714
+ border: var(--Portlet-borderWidth) var(--Portlet-borderStyle) var(--Portlet-borderColor);
10715
+ border-radius: var(--Portlet-borderRadius);
10716
+ padding: var(--gap-base);
10717
+ }
10718
+ .a-Portlet-tab.unactive-select .is-active a:first-child, .a-Portlet-tab.unactive-select .is-active:hover > a:first-child,
10719
+ .a-Portlet-tab.unactive-select .is-active > a:first-child:focus {
10720
+ border: none !important;
10721
+ color: inherit !important;
10722
+ cursor: auto !important;
10723
+ }
10724
+ .a-Portlet-tab.no-divider .a-Tabs-links {
10725
+ border-bottom: none;
10726
+ }
10727
+ .a-Portlet .a-Tabs-pane {
10728
+ padding: unset;
10729
+ }
10730
+ .a-Portlet-toolbar {
10731
+ display: inline-flex;
10732
+ float: right;
10733
+ justify-content: flex-end;
10734
+ }
10735
+ .a-Portlet-toolbar .a-Button {
10736
+ margin-left: calc(var(--gap-xs));
10737
+ }
10738
+ .a-Portlet-header-desc {
10739
+ height: 100%;
10740
+ overflow: hidden;
10741
+ position: relative;
10742
+ margin-left: var(--gap-base);
10743
+ }
10744
+
10745
+ .a-Portlet.no-header .a-Portlet-tab .a-Tabs-links {
10746
+ display: none;
10747
+ }
10748
+
10749
+ .u-hairline::after {
10750
+ position: absolute;
10751
+ box-sizing: border-box;
10752
+ content: " ";
10753
+ pointer-events: none;
10754
+ top: -50%;
10755
+ right: -50%;
10756
+ bottom: -50%;
10757
+ left: -50%;
10758
+ border: 0 solid var(--borderColorLight);
10759
+ z-index: 1;
10760
+ transform: scale(0.5);
10761
+ }
10762
+
10763
+ .a-GridNav {
10764
+ display: flex;
10765
+ flex-wrap: wrap;
10766
+ }
10767
+ .a-GridNav-top {
10768
+ position: relative;
10769
+ }
10770
+ .a-GridNav-top::after {
10771
+ border-top-width: 0.0625rem;
10772
+ }
10773
+
10774
+ .a-GridNavItem {
10775
+ position: relative;
10776
+ box-sizing: border-box;
10777
+ }
10778
+ .a-GridNavItem--square {
10779
+ height: 0;
10780
+ position: relative;
10781
+ }
10782
+ .a-GridNavItem-icon {
10783
+ width: var(--rv-grid-item-icon-size);
10784
+ }
10785
+ .a-GridNavItem-text {
10786
+ color: var(--text-color);
10787
+ font-size: var(--fontSizeSm);
10788
+ line-height: 1.5;
10789
+ word-break: break-all;
10790
+ flex-shrink: 0;
10791
+ }
10792
+ .a-GridNavItem-icon + .a-GridNavItem-text {
10793
+ margin-top: 0.5rem;
10794
+ }
10795
+ .a-GridNavItem-image {
10796
+ display: inline-block;
10797
+ }
10798
+ .a-GridNavItem-image svg,
10799
+ .a-GridNavItem-image img {
10800
+ max-width: 100%;
10801
+ display: block;
10802
+ width: 60%;
10803
+ margin: 0 auto;
10804
+ }
10805
+ .a-GridNavItem-content {
10806
+ display: flex;
10807
+ flex-direction: column;
10808
+ box-sizing: border-box;
10809
+ height: 100%;
10810
+ padding: var(--gap-md) var(--gap-sm);
10811
+ background-color: var(--white);
10812
+ position: relative;
10813
+ }
10814
+ .a-GridNavItem-content .a-Badge-text {
10815
+ z-index: 10;
10816
+ }
10817
+ .a-GridNavItem-content--border::after {
10818
+ border-width: 0 var(--borderWidth) var(--borderWidth) 0;
10819
+ }
10820
+ .a-GridNavItem-content--square {
10821
+ position: absolute;
10822
+ top: 0;
10823
+ right: 0;
10824
+ left: 0;
10825
+ }
10826
+ .a-GridNavItem-content--center {
10827
+ align-items: center;
10828
+ justify-content: center;
10829
+ }
10830
+ .a-GridNavItem-content--horizontal {
10831
+ flex-direction: row;
10832
+ }
10833
+ .a-GridNavItem-content--horizontal .a-GridNavItem-text {
10834
+ margin: 0 0 0 var(--gap-sm);
10835
+ }
10836
+ .a-GridNavItem-content--reverse {
10837
+ flex-direction: column-reverse;
10838
+ }
10839
+ .a-GridNavItem-content--reverse .a-GridNavItem-text {
10840
+ margin: 0 0 var(--gap-sm);
10841
+ }
10842
+ .a-GridNavItem-content--horizontal .a-GridNavItem-content--reverse {
10843
+ flex-direction: row-reverse;
10844
+ }
10845
+ .a-GridNavItem-content--horizontal .a-GridNavItem-content--reverse .a-GridNavItem-text {
10846
+ margin: 0 var(--gap-sm) 0 0;
10847
+ }
10848
+ .a-GridNavItem-content--surround::after {
10849
+ border-width: var(--borderWidth);
10850
+ }
10851
+ .a-GridNavItem-content--clickable {
10852
+ cursor: pointer;
10853
+ }
10854
+
10507
10855
  fieldset.a-Collapse--lg, fieldset.a-Collapse--md, fieldset.a-Collapse--base, fieldset.a-Collapse--sm, fieldset.a-Collapse--xs {
10508
10856
  position: relative;
10509
10857
  }
@@ -10543,10 +10891,14 @@ fieldset.a-Collapse > legend {
10543
10891
  margin: var(--gap-base) 0;
10544
10892
  padding: 0 0 0 14px;
10545
10893
  cursor: pointer;
10546
- border-bottom: 0;
10894
+ border-bottom: none !important;
10895
+ background: transparent;
10547
10896
  display: flex;
10548
10897
  flex-direction: row;
10549
10898
  }
10899
+ fieldset.a-Collapse > legend:hover {
10900
+ background: transparent;
10901
+ }
10550
10902
  fieldset.a-Collapse--xs {
10551
10903
  padding: 20px 5px 5px 5px;
10552
10904
  }
@@ -11442,45 +11794,38 @@ fieldset.a-Collapse--lg:after {
11442
11794
  color: #999;
11443
11795
  }
11444
11796
 
11445
- .a-Checkboxes > .a-Checkbox {
11797
+ .a-Selection > .a-Checkbox {
11446
11798
  display: block;
11447
11799
  height: var(--Form-input-height);
11448
11800
  line-height: var(--Form-input-lineHeight);
11449
11801
  font-size: var(--Form-input-fontSize);
11450
11802
  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm) calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) calc(var(--gap-sm) + var(--Checkbox-size));
11451
11803
  }
11452
- .a-Checkboxes--inline > .a-Checkbox {
11804
+ .a-Selection--inline > .a-Checkbox {
11453
11805
  display: inline-block;
11454
11806
  }
11455
- .a-Checkboxes-addBtn {
11807
+ .a-Selection-addBtn {
11456
11808
  display: block;
11457
11809
  cursor: pointer;
11458
11810
  }
11459
- .a-Checkboxes-addBtn:hover {
11811
+ .a-Selection-addBtn:hover {
11460
11812
  text-decoration: none;
11461
11813
  }
11462
- .a-Checkboxes-addBtn > svg {
11814
+ .a-Selection-addBtn > svg {
11463
11815
  width: 0.875rem;
11464
11816
  height: 0.875rem;
11465
11817
  margin-right: var(--Checkbox-gap);
11466
11818
  }
11467
11819
 
11468
- .a-ListCheckboxes-group:not(:first-child) > .a-ListCheckboxes-itemLabel,
11469
- .a-ListCheckboxes-group:not(:first-child) > .a-ListRadios-itemLabel,
11470
- .a-ListRadios-group:not(:first-child) > .a-ListCheckboxes-itemLabel,
11471
- .a-ListRadios-group:not(:first-child) > .a-ListRadios-itemLabel {
11820
+ .a-GroupedSelection-group:not(:first-child) > .a-GroupedSelection-itemLabel {
11472
11821
  border-top: 0.0625rem solid var(--ListMenu-divider-color);
11473
11822
  }
11474
- .a-ListCheckboxes-group > .a-ListCheckboxes-itemLabel,
11475
- .a-ListCheckboxes-group > .a-ListRadios-itemLabel,
11476
- .a-ListRadios-group > .a-ListCheckboxes-itemLabel,
11477
- .a-ListRadios-group > .a-ListRadios-itemLabel {
11823
+ .a-GroupedSelection-group > .a-GroupedSelection-itemLabel {
11478
11824
  font-size: var(--fontSizeSm);
11479
11825
  padding: var(--gap-xs) var(--gap-xs);
11480
11826
  color: var(--text--muted-color);
11481
11827
  }
11482
- .a-ListCheckboxes-item,
11483
- .a-ListRadios-item {
11828
+ .a-GroupedSelection-item {
11484
11829
  display: flex;
11485
11830
  height: var(--Form-input-height);
11486
11831
  line-height: var(--Form-input-lineHeight);
@@ -11490,44 +11835,30 @@ fieldset.a-Collapse--lg:after {
11490
11835
  cursor: pointer;
11491
11836
  user-select: none;
11492
11837
  }
11493
- .a-ListCheckboxes-item > .a-Checkbox,
11494
- .a-ListRadios-item > .a-Checkbox {
11838
+ .a-GroupedSelection-item > .a-Checkbox {
11495
11839
  margin-right: 0;
11496
11840
  }
11497
- .a-ListCheckboxes-item.is-active,
11498
- .a-ListRadios-item.is-active {
11841
+ .a-GroupedSelection-item.is-active {
11499
11842
  color: var(--Form-select-menu-onActive-color);
11500
11843
  background: var(--Form-select-menu-onActive-bg);
11501
11844
  }
11502
- .a-ListCheckboxes-item:hover,
11503
- .a-ListRadios-item:hover {
11845
+ .a-GroupedSelection-item:hover {
11504
11846
  background: var(--Tree-item-onHover-bg);
11505
11847
  }
11506
- .a-ListCheckboxes-item.is-disabled,
11507
- .a-ListRadios-item.is-disabled {
11848
+ .a-GroupedSelection-item.is-disabled {
11508
11849
  pointer-events: none;
11509
11850
  color: var(--text--muted-color);
11510
11851
  }
11511
- .a-ListCheckboxes-group > .a-ListCheckboxes-items > .a-ListCheckboxes-item,
11512
- .a-ListCheckboxes-group > .a-ListCheckboxes-items > .a-ListRadios-item,
11513
- .a-ListCheckboxes-group > .a-ListRadios-items > .a-ListCheckboxes-item,
11514
- .a-ListCheckboxes-group > .a-ListRadios-items > .a-ListRadios-item,
11515
- .a-ListRadios-group > .a-ListCheckboxes-items > .a-ListCheckboxes-item,
11516
- .a-ListRadios-group > .a-ListCheckboxes-items > .a-ListRadios-item,
11517
- .a-ListRadios-group > .a-ListRadios-items > .a-ListCheckboxes-item,
11518
- .a-ListRadios-group > .a-ListRadios-items > .a-ListRadios-item {
11852
+ .a-GroupedSelection-group > .a-GroupedSelection-items > .a-GroupedSelection-item {
11519
11853
  padding-left: var(--gap-base);
11520
11854
  }
11521
- .a-ListCheckboxes-itemLabel,
11522
- .a-ListRadios-itemLabel {
11855
+ .a-GroupedSelection-itemLabel {
11523
11856
  flex-grow: 1;
11524
11857
  }
11525
- .a-ListCheckboxes-itemLabel span,
11526
- .a-ListRadios-itemLabel span {
11858
+ .a-GroupedSelection-itemLabel span {
11527
11859
  white-space: nowrap;
11528
11860
  }
11529
- .a-ListCheckboxes-placeholder,
11530
- .a-ListRadios-placeholder {
11861
+ .a-GroupedSelection-placeholder {
11531
11862
  height: var(--Form-input-height);
11532
11863
  line-height: var(--Form-input-lineHeight);
11533
11864
  font-size: var(--Form-input-fontSize);
@@ -11535,45 +11866,46 @@ fieldset.a-Collapse--lg:after {
11535
11866
  color: var(--text--muted-color);
11536
11867
  }
11537
11868
 
11538
- .a-TableCheckboxes .a-Table-content {
11869
+ .a-TableSelection .a-Table-content {
11539
11870
  border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
11540
11871
  }
11541
- .a-TableCheckboxes .a-Table-table > thead > tr > th,
11542
- .a-TableCheckboxes .a-Table-table > tbody > tr > td {
11872
+ .a-TableSelection .a-Table-table > thead > tr > th,
11873
+ .a-TableSelection .a-Table-table > tbody > tr > td {
11543
11874
  font-size: var(--fontSizeSm);
11544
11875
  padding-top: var(--gap-xs);
11545
11876
  padding-bottom: 0.375rem;
11546
11877
  vertical-align: middle;
11547
11878
  }
11548
- .a-TableCheckboxes .a-Table-table > thead > tr > th {
11879
+ .a-TableSelection .a-Table-table > thead > tr > th {
11549
11880
  padding-top: 0.375rem;
11550
11881
  }
11551
- .a-TableCheckboxes .a-Table-table > thead > tr > th:first-child,
11552
- .a-TableCheckboxes .a-Table-table > tbody > tr > td:first-child {
11882
+ .a-TableSelection .a-Table-table > thead > tr > th:first-child,
11883
+ .a-TableSelection .a-Table-table > tbody > tr > td:first-child {
11553
11884
  padding-left: 0.625rem;
11554
11885
  padding-right: 0;
11555
11886
  }
11556
- .a-TableCheckboxes .a-Table-table > thead > tr > th:last-child,
11557
- .a-TableCheckboxes .a-Table-table > tbody > tr > td:last-child {
11887
+ .a-TableSelection .a-Table-table > thead > tr > th:last-child,
11888
+ .a-TableSelection .a-Table-table > tbody > tr > td:last-child {
11558
11889
  padding-right: var(--gap-md);
11559
11890
  }
11560
- .a-TableCheckboxes .a-Table-table > tbody > tr {
11891
+ .a-TableSelection .a-Table-table > tbody > tr {
11561
11892
  cursor: pointer;
11562
11893
  }
11894
+ .a-TableSelection .a-Table-table > tbody > tr.is-active {
11895
+ color: var(--Form-select-menu-onActive-color);
11896
+ background: var(--Form-select-menu-onActive-bg);
11897
+ }
11563
11898
 
11564
- .a-TreeCheckboxes .a-Table-expandBtn,
11565
- .a-TreeRadios .a-Table-expandBtn {
11899
+ .a-TreeSelection .a-Table-expandBtn {
11566
11900
  color: var(--icon-color);
11567
11901
  margin-right: 5px;
11568
11902
  }
11569
- .a-TreeCheckboxes-sublist,
11570
- .a-TreeRadios-sublist {
11903
+ .a-TreeSelection-sublist {
11571
11904
  position: relative;
11572
11905
  margin: 0 0 0 2.1875rem;
11573
11906
  display: none;
11574
11907
  }
11575
- .a-TreeCheckboxes-sublist:before,
11576
- .a-TreeRadios-sublist:before {
11908
+ .a-TreeSelection-sublist:before {
11577
11909
  width: 1px;
11578
11910
  content: "";
11579
11911
  display: block;
@@ -11583,26 +11915,16 @@ fieldset.a-Collapse--lg:after {
11583
11915
  left: -19px;
11584
11916
  border-left: dashed 1px var(--icon-color);
11585
11917
  }
11586
- .a-TreeCheckboxes-item,
11587
- .a-TreeRadios-item {
11918
+ .a-TreeSelection-item {
11588
11919
  position: relative;
11589
11920
  }
11590
- .a-TreeCheckboxes-item.is-expanded > .a-TreeCheckboxes-sublist,
11591
- .a-TreeCheckboxes-item.is-expanded > .a-TreeRadios-sublist,
11592
- .a-TreeRadios-item.is-expanded > .a-TreeCheckboxes-sublist,
11593
- .a-TreeRadios-item.is-expanded > .a-TreeRadios-sublist {
11921
+ .a-TreeSelection-item.is-expanded > .a-TreeSelection-sublist {
11594
11922
  display: block;
11595
11923
  }
11596
- .a-TreeCheckboxes-item:not(:last-child) > .a-TreeCheckboxes-sublist:before,
11597
- .a-TreeCheckboxes-item:not(:last-child) > .a-TreeRadios-sublist:before,
11598
- .a-TreeRadios-item:not(:last-child) > .a-TreeCheckboxes-sublist:before,
11599
- .a-TreeRadios-item:not(:last-child) > .a-TreeRadios-sublist:before {
11924
+ .a-TreeSelection-item:not(:last-child) > .a-TreeSelection-sublist:before {
11600
11925
  bottom: 0;
11601
11926
  }
11602
- .a-TreeCheckboxes-sublist .a-TreeCheckboxes-item:before,
11603
- .a-TreeCheckboxes-sublist .a-TreeRadios-item:before,
11604
- .a-TreeRadios-sublist .a-TreeCheckboxes-item:before,
11605
- .a-TreeRadios-sublist .a-TreeRadios-item:before {
11927
+ .a-TreeSelection-sublist .a-TreeSelection-item:before {
11606
11928
  height: 1px;
11607
11929
  content: "";
11608
11930
  display: block;
@@ -11612,8 +11934,7 @@ fieldset.a-Collapse--lg:after {
11612
11934
  left: -19px;
11613
11935
  border-top: dashed 1px var(--icon-color);
11614
11936
  }
11615
- .a-TreeCheckboxes-itemInner,
11616
- .a-TreeRadios-itemInner {
11937
+ .a-TreeSelection-itemInner {
11617
11938
  display: flex;
11618
11939
  align-items: center;
11619
11940
  height: var(--Form-input-height);
@@ -11625,18 +11946,15 @@ fieldset.a-Collapse--lg:after {
11625
11946
  user-select: none;
11626
11947
  position: relative;
11627
11948
  }
11628
- .a-TreeCheckboxes-itemInner > .a-Checkbox,
11629
- .a-TreeRadios-itemInner > .a-Checkbox {
11949
+ .a-TreeSelection-itemInner > .a-Checkbox {
11630
11950
  margin-right: 0;
11631
11951
  margin-left: var(--gap-sm);
11632
11952
  }
11633
- .a-TreeCheckboxes-itemInner > *,
11634
- .a-TreeRadios-itemInner > * {
11953
+ .a-TreeSelection-itemInner > * {
11635
11954
  position: relative;
11636
11955
  z-index: 2;
11637
11956
  }
11638
- .a-TreeCheckboxes-itemInner:hover:after,
11639
- .a-TreeRadios-itemInner:hover:after {
11957
+ .a-TreeSelection-itemInner:hover:after {
11640
11958
  position: absolute;
11641
11959
  content: "";
11642
11960
  z-index: 1;
@@ -11646,21 +11964,17 @@ fieldset.a-Collapse--lg:after {
11646
11964
  left: -99999px;
11647
11965
  background: var(--Tree-item-onHover-bg);
11648
11966
  }
11649
- .a-TreeCheckboxes-itemInner.is-active,
11650
- .a-TreeRadios-itemInner.is-active {
11967
+ .a-TreeSelection-itemInner.is-active {
11651
11968
  color: var(--Form-select-menu-onActive-color);
11652
11969
  }
11653
- .a-TreeCheckboxes-itemInner.is-disabled,
11654
- .a-TreeRadios-itemInner.is-disabled {
11970
+ .a-TreeSelection-itemInner.is-disabled {
11655
11971
  pointer-events: none;
11656
11972
  color: var(--text--muted-color);
11657
11973
  }
11658
- .a-TreeCheckboxes-itemLabel,
11659
- .a-TreeRadios-itemLabel {
11974
+ .a-TreeSelection-itemLabel {
11660
11975
  flex-grow: 1;
11661
11976
  }
11662
- .a-TreeCheckboxes-placeholder,
11663
- .a-TreeRadios-placeholder {
11977
+ .a-TreeSelection-placeholder {
11664
11978
  height: var(--Form-input-height);
11665
11979
  line-height: var(--Form-input-lineHeight);
11666
11980
  font-size: var(--Form-input-fontSize);
@@ -11668,23 +11982,23 @@ fieldset.a-Collapse--lg:after {
11668
11982
  color: var(--text--muted-color);
11669
11983
  }
11670
11984
 
11671
- .a-ChainedCheckboxes {
11985
+ .a-ChainedSelection {
11672
11986
  display: flex;
11673
11987
  flex-direction: row;
11674
11988
  }
11675
- .a-ChainedCheckboxes-col {
11989
+ .a-ChainedSelection-col {
11676
11990
  flex-grow: 1;
11677
11991
  min-width: 150px;
11678
11992
  }
11679
- .a-ChainedCheckboxes-col:not(:last-child) {
11993
+ .a-ChainedSelection-col:not(:last-child) {
11680
11994
  border-right: 1px solid var(--borderColor);
11681
11995
  }
11682
- .a-ChainedCheckboxes-subTitle {
11996
+ .a-ChainedSelection-subTitle {
11683
11997
  font-size: var(--fontSizeSm);
11684
11998
  padding: var(--gap-xs) var(--gap-xs);
11685
11999
  color: var(--text--muted-color);
11686
12000
  }
11687
- .a-ChainedCheckboxes-item {
12001
+ .a-ChainedSelection-item {
11688
12002
  display: flex;
11689
12003
  height: var(--Form-input-height);
11690
12004
  line-height: var(--Form-input-lineHeight);
@@ -11694,24 +12008,24 @@ fieldset.a-Collapse--lg:after {
11694
12008
  cursor: pointer;
11695
12009
  user-select: none;
11696
12010
  }
11697
- .a-ChainedCheckboxes-item > .a-Checkbox {
12011
+ .a-ChainedSelection-item > .a-Checkbox {
11698
12012
  margin-right: 0;
11699
12013
  }
11700
- .a-ChainedCheckboxes-item.is-active {
12014
+ .a-ChainedSelection-item.is-active {
11701
12015
  color: var(--Form-select-menu-onActive-color);
11702
12016
  background: var(--Form-select-menu-onActive-bg);
11703
12017
  }
11704
- .a-ChainedCheckboxes-item:hover {
12018
+ .a-ChainedSelection-item:hover {
11705
12019
  background: var(--Tree-item-onHover-bg);
11706
12020
  }
11707
- .a-ChainedCheckboxes-item.is-disabled {
12021
+ .a-ChainedSelection-item.is-disabled {
11708
12022
  pointer-events: none;
11709
12023
  color: var(--text--muted-color);
11710
12024
  }
11711
- .a-ChainedCheckboxes-itemLabel {
12025
+ .a-ChainedSelection-itemLabel {
11712
12026
  flex-grow: 1;
11713
12027
  }
11714
- .a-ChainedCheckboxes-placeholder {
12028
+ .a-ChainedSelection-placeholder {
11715
12029
  height: var(--Form-input-height);
11716
12030
  line-height: var(--Form-input-lineHeight);
11717
12031
  font-size: var(--Form-input-fontSize);
@@ -11719,28 +12033,29 @@ fieldset.a-Collapse--lg:after {
11719
12033
  color: var(--text--muted-color);
11720
12034
  }
11721
12035
 
11722
- .a-AssociatedCheckboxes {
12036
+ .a-AssociatedSelection {
11723
12037
  display: flex;
11724
12038
  flex-direction: row;
11725
12039
  }
11726
- .a-AssociatedCheckboxes-left, .a-AssociatedCheckboxes-right {
12040
+ .a-AssociatedSelection-left, .a-AssociatedSelection-right {
11727
12041
  flex-grow: 1;
11728
12042
  width: 0;
11729
- height: 10.9375rem;
12043
+ min-height: 12.5rem;
12044
+ max-height: 25rem;
11730
12045
  overflow: auto;
11731
12046
  }
11732
- .a-AssociatedCheckboxes-left {
12047
+ .a-AssociatedSelection-left {
11733
12048
  border-right: 1px solid var(--borderColor);
11734
12049
  }
11735
- .a-AssociatedCheckboxes-reload {
12050
+ .a-AssociatedSelection-reload {
11736
12051
  text-align: center;
11737
12052
  color: var(--info);
11738
12053
  margin: 20px 0 0;
11739
12054
  }
11740
- .a-AssociatedCheckboxes-reload.is-clickable {
12055
+ .a-AssociatedSelection-reload.is-clickable {
11741
12056
  cursor: pointer;
11742
12057
  }
11743
- .a-AssociatedCheckboxes-box {
12058
+ .a-AssociatedSelection-box {
11744
12059
  line-height: var(--Form-input-lineHeight);
11745
12060
  font-size: var(--fontSizeSm);
11746
12061
  color: var(--text--muted-color);
@@ -11751,7 +12066,7 @@ fieldset.a-Collapse--lg:after {
11751
12066
  justify-content: center;
11752
12067
  height: 100%;
11753
12068
  }
11754
- .a-AssociatedCheckboxes-box > p {
12069
+ .a-AssociatedSelection-box > p {
11755
12070
  text-align: center;
11756
12071
  margin: 10px 0 20px;
11757
12072
  color: var(--text--muted-color);
@@ -13498,6 +13813,15 @@ td.rdtQuarter.rdtDisabled > span {
13498
13813
  height: 100%;
13499
13814
  }
13500
13815
 
13816
+ .a-FileControl-templateInfo {
13817
+ display: block;
13818
+ margin-bottom: var(--gap-base);
13819
+ padding: var(--Button-paddingY) var(--Button-paddingX);
13820
+ cursor: pointer;
13821
+ }
13822
+ .a-FileControl-templateInfo > svg {
13823
+ margin-right: var(--gap-xs);
13824
+ }
13501
13825
  .a-FileControl-dropzone {
13502
13826
  outline: none;
13503
13827
  }
@@ -14070,6 +14394,9 @@ td.rdtQuarter.rdtDisabled > span {
14070
14394
  .a-Tree.is-disabled {
14071
14395
  pointer-events: none;
14072
14396
  }
14397
+ .a-Tree.is-draggable {
14398
+ position: relative;
14399
+ }
14073
14400
  .a-Tree--outline .a-Tree-sublist .a-Tree-item--isLeaf:before {
14074
14401
  position: absolute;
14075
14402
  top: -8px;
@@ -14103,6 +14430,9 @@ td.rdtQuarter.rdtDisabled > span {
14103
14430
  bottom: 0;
14104
14431
  left: -99999px;
14105
14432
  }
14433
+ .a-Tree.is-draggable .a-Tree-itemLabel:hover::after {
14434
+ display: none;
14435
+ }
14106
14436
  .a-Tree-item-icons {
14107
14437
  visibility: hidden;
14108
14438
  transition: visibility var(--animation-duration) ease;
@@ -14199,6 +14529,10 @@ td.rdtQuarter.rdtDisabled > span {
14199
14529
  display: inline-block;
14200
14530
  width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));
14201
14531
  }
14532
+ .a-Tree-itemDrager {
14533
+ cursor: move;
14534
+ color: var(--icon-color);
14535
+ }
14202
14536
  .a-Tree-spinner {
14203
14537
  margin-right: var(--gap-xs);
14204
14538
  }
@@ -14233,6 +14567,31 @@ td.rdtQuarter.rdtDisabled > span {
14233
14567
  .a-Tree-placeholder {
14234
14568
  color: var(--text--muted-color);
14235
14569
  }
14570
+ .a-Tree-dropIndicator {
14571
+ position: absolute;
14572
+ height: 0.125rem;
14573
+ background-color: var(--Tree-itemLabel--onChecked-color);
14574
+ border-radius: 0.0625rem;
14575
+ z-index: 1;
14576
+ }
14577
+ .a-Tree-dropIndicator::after {
14578
+ position: absolute;
14579
+ top: -0.1875rem;
14580
+ left: -0.375rem;
14581
+ width: 0.5rem;
14582
+ height: 0.5rem;
14583
+ background-color: transparent;
14584
+ border: 0.125rem solid var(--Tree-itemLabel--onChecked-color);
14585
+ border-radius: 50%;
14586
+ content: "";
14587
+ }
14588
+ .a-Tree-dropIndicator--hover {
14589
+ border-radius: 0;
14590
+ background-color: var(--Tree-item-onHover-bg);
14591
+ }
14592
+ .a-Tree-dropIndicator--hover::after {
14593
+ display: none;
14594
+ }
14236
14595
 
14237
14596
  .a-TreeSelectControl {
14238
14597
  position: relative;
@@ -14506,6 +14865,8 @@ td.rdtQuarter.rdtDisabled > span {
14506
14865
  }
14507
14866
  .a-Combo--hor .a-Combo-itemDrager {
14508
14867
  padding: var(--Combo--horizontal-dragger-top) 0.375rem 0 0;
14868
+ display: flex;
14869
+ align-items: center;
14509
14870
  }
14510
14871
  .a-Combo--ver:not(.a-Combo--noBorder)::before, .a-Combo--ver:not(.a-Combo--noBorder)::after {
14511
14872
  display: table;
@@ -14552,6 +14913,8 @@ td.rdtQuarter.rdtDisabled > span {
14552
14913
  position: absolute;
14553
14914
  top: var(--Combo--horizontal-dragger-top);
14554
14915
  left: -1.875rem;
14916
+ display: flex;
14917
+ align-items: center;
14555
14918
  }
14556
14919
  .a-Combo--ver:not(.a-Combo--noBorder).is-draggable > .a-Combo-items > .a-Combo-item {
14557
14920
  margin-left: 2.1875rem;
@@ -15080,16 +15443,16 @@ td.rdtQuarter.rdtDisabled > span {
15080
15443
  flex-direction: column;
15081
15444
  border-radius: var(--borderRadius);
15082
15445
  }
15083
- .a-Transfer-select > .a-Transfer-checkboxes, .a-Transfer-result > .a-Transfer-selections {
15446
+ .a-Transfer-select > .a-Transfer-selection, .a-Transfer-result > .a-Transfer-value {
15084
15447
  flex-grow: 1;
15085
15448
  max-height: 100%;
15086
15449
  overflow: auto;
15087
15450
  position: relative;
15088
15451
  }
15089
- .a-Transfer-search + .a-Transfer-checkboxes {
15452
+ .a-Transfer-search + .a-Transfer-selection {
15090
15453
  border-top: 1px solid var(--borderColor);
15091
15454
  }
15092
- .a-Transfer-checkboxes .a-ListCheckboxes-placeholder {
15455
+ .a-Transfer-selection .a-ListSelection-placeholder {
15093
15456
  height: 100%;
15094
15457
  display: flex;
15095
15458
  align-items: center;
@@ -15128,12 +15491,26 @@ td.rdtQuarter.rdtDisabled > span {
15128
15491
  pointer-events: none;
15129
15492
  color: var(--text--muted-color);
15130
15493
  }
15131
- .a-Transfer-tabs {
15494
+
15495
+ .a-TabsTransfer .a-Transfer-title {
15496
+ height: 40px;
15497
+ }
15498
+ .a-TabsTransfer-placeholder {
15499
+ height: var(--Form-input-height);
15500
+ line-height: var(--Form-input-lineHeight);
15501
+ font-size: var(--Form-input-fontSize);
15502
+ padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
15503
+ color: var(--text--muted-color);
15504
+ }
15505
+ .a-TabsTransfer-tab {
15506
+ padding: 0;
15507
+ }
15508
+ .a-TabsTransfer-tabs {
15132
15509
  display: flex;
15133
15510
  flex-direction: column;
15134
15511
  height: 100%;
15135
15512
  }
15136
- .a-Transfer-tabs > .a-Tabs-links {
15513
+ .a-TabsTransfer-tabs > .a-Tabs-links {
15137
15514
  border-top: 0 none;
15138
15515
  padding: 5px 0 0 5px;
15139
15516
  display: flex;
@@ -15141,51 +15518,41 @@ td.rdtQuarter.rdtDisabled > span {
15141
15518
  flex-wrap: wrap;
15142
15519
  align-items: center;
15143
15520
  }
15144
- .a-Transfer-tabs > .a-Tabs-links > .a-Tabs-link > a:first-child {
15521
+ .a-TabsTransfer-tabs > .a-Tabs-links > .a-Tabs-link > a:first-child {
15145
15522
  font-size: 12px;
15146
15523
  padding: 7px 8px;
15147
15524
  }
15148
- .a-Transfer-tabs > .a-Tabs-links .a-TabsTransfer-tabsMid {
15525
+ .a-TabsTransfer-tabs > .a-Tabs-links .a-TabsTransfer-tabsMid {
15149
15526
  flex-grow: 1;
15150
15527
  }
15151
- .a-Transfer-tabs > .a-Tabs-links > .a-SearchBox {
15528
+ .a-TabsTransfer-tabs > .a-Tabs-links > .a-SearchBox {
15152
15529
  margin: -5px 5px 0 10px;
15153
15530
  }
15154
- .a-Transfer-tabs > .a-Tabs-links > .a-SearchBox.is-active {
15531
+ .a-TabsTransfer-tabs > .a-Tabs-links > .a-SearchBox.is-active {
15155
15532
  width: 150px;
15156
15533
  margin-right: 10px;
15157
15534
  padding-left: 10px;
15158
15535
  }
15159
- .a-Transfer-tabs > .a-Tabs-content {
15536
+ .a-TabsTransfer-tabs > .a-Tabs-content {
15160
15537
  flex-grow: 1;
15538
+ min-height: 0;
15161
15539
  position: relative;
15162
15540
  padding: 5px 0 0;
15163
15541
  }
15164
- .a-Transfer-tabs > .a-Tabs-content > .a-Tabs-pane {
15542
+ .a-TabsTransfer-tabs > .a-Tabs-content > .a-Tabs-pane {
15165
15543
  position: relative;
15166
- min-height: 100%;
15544
+ height: 100%;
15167
15545
  }
15168
- .a-Transfer-tabs > .a-Tabs-content > .a-Tabs-pane.is-active {
15546
+ .a-TabsTransfer-tabs > .a-Tabs-content > .a-Tabs-pane.is-active {
15169
15547
  display: flex;
15170
15548
  flex-direction: column;
15171
15549
  }
15172
- .a-Transfer-tabs > .a-Tabs-content > .a-Tabs-pane.is-active > .a-Transfer-checkboxes {
15550
+ .a-TabsTransfer-tabs > .a-Tabs-content > .a-Tabs-pane.is-active > .a-Transfer-selection {
15173
15551
  flex-grow: 1;
15174
15552
  max-height: 100%;
15175
15553
  overflow: auto;
15176
15554
  }
15177
15555
 
15178
- .a-TabsTransfer .a-Transfer-title {
15179
- height: 40px;
15180
- }
15181
- .a-TabsTransfer-placeholder {
15182
- height: var(--Form-input-height);
15183
- line-height: var(--Form-input-lineHeight);
15184
- font-size: var(--Form-input-fontSize);
15185
- padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
15186
- color: var(--text--muted-color);
15187
- }
15188
-
15189
15556
  .a-TransferControl {
15190
15557
  position: relative;
15191
15558
  }
@@ -15193,6 +15560,51 @@ td.rdtQuarter.rdtDisabled > span {
15193
15560
  display: inline-block;
15194
15561
  }
15195
15562
 
15563
+ .a-TransferPicker-icon {
15564
+ transition: transform var(--animation-duration) ease-out;
15565
+ margin: 5px 5px 5px auto;
15566
+ display: flex;
15567
+ color: var(--Form-select-caret-iconColor);
15568
+ }
15569
+ .a-TransferPicker-icon:hover {
15570
+ color: var(--Form-select-caret-onHover-iconColor);
15571
+ }
15572
+ .a-TransferPicker-icon > svg {
15573
+ width: 0.75rem;
15574
+ height: 0.75rem;
15575
+ top: 0;
15576
+ }
15577
+
15578
+ .a-TransferDropDown-icon {
15579
+ transition: transform var(--animation-duration) ease-out;
15580
+ margin: 5px 5px 5px auto;
15581
+ display: flex;
15582
+ color: var(--Form-select-caret-iconColor);
15583
+ }
15584
+ .a-TransferDropDown-icon:hover {
15585
+ color: var(--Form-select-caret-onHover-iconColor);
15586
+ }
15587
+ .a-TransferDropDown-icon > svg {
15588
+ width: 0.625rem;
15589
+ height: 0.625rem;
15590
+ top: 0;
15591
+ }
15592
+ .a-TransferDropDown.is-active .a-TransferDropDown-icon {
15593
+ transform: rotate(180deg);
15594
+ }
15595
+
15596
+ .a-TransferDropDown-content {
15597
+ min-height: 12.5rem;
15598
+ display: flex;
15599
+ flex-direction: column;
15600
+ }
15601
+ .a-TransferDropDown-content > .a-Transfer-selection {
15602
+ flex-grow: 1;
15603
+ max-height: 100%;
15604
+ overflow: auto;
15605
+ position: relative;
15606
+ }
15607
+
15196
15608
  .a-NestedSelectControl {
15197
15609
  position: relative;
15198
15610
  }
@@ -15793,22 +16205,70 @@ td.rdtQuarter.rdtDisabled > span {
15793
16205
  min-width: var(--Form-control-widthSm);
15794
16206
  }
15795
16207
 
16208
+ .a-Form--column {
16209
+ display: flex;
16210
+ flex-wrap: wrap;
16211
+ margin-left: calc(var(--Form-group-gutterWidth) / -2);
16212
+ margin-right: calc(var(--Form-group-gutterWidth) / -2);
16213
+ }
16214
+ .a-Form--column > .a-Form-item {
16215
+ flex-grow: 1;
16216
+ padding-left: calc(var(--Form-group-gutterWidth) / 2);
16217
+ padding-right: calc(var(--Form-group-gutterWidth) / 2);
16218
+ }
16219
+
16220
+ .a-Form--column-2 > .a-Form-item {
16221
+ width: 50%;
16222
+ }
16223
+
16224
+ .a-Form--column-3 > .a-Form-item {
16225
+ width: 33%;
16226
+ }
16227
+
16228
+ .a-Form--column-4 > .a-Form-item {
16229
+ width: 25%;
16230
+ }
16231
+
16232
+ .a-Form--column-5 > .a-Form-item {
16233
+ width: 20%;
16234
+ }
16235
+
16236
+ .a-Form--column-6 > .a-Form-item {
16237
+ width: 16.6%;
16238
+ }
16239
+
16240
+ .a-Form--column-7 > .a-Form-item {
16241
+ width: 14.2%;
16242
+ }
16243
+
16244
+ .a-Form--column-8 > .a-Form-item {
16245
+ width: 12.5%;
16246
+ }
16247
+
16248
+ .a-Form-column-9 > .a-Form-item {
16249
+ width: 11.1%;
16250
+ }
16251
+
16252
+ .a-Form-column-10 > .a-Form-item {
16253
+ width: 10%;
16254
+ }
16255
+
15796
16256
  .a-AnchorNav {
15797
16257
  display: flex;
15798
16258
  height: 25rem;
15799
16259
  }
15800
- .a-AnchorNav-link-wrap {
16260
+ .a-AnchorNav--vertical .a-AnchorNav-link-wrap {
15801
16261
  margin: 0;
15802
16262
  padding: 0;
15803
16263
  width: var(--Tabs--vertical-width);
15804
16264
  border-right: var(--AnchorNav-links-container-borderRight);
15805
16265
  padding-bottom: 3.75rem;
15806
16266
  }
15807
- .a-AnchorNav-link-wrap > .a-AnchorNav-link {
16267
+ .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link {
15808
16268
  position: relative;
15809
16269
  display: block;
15810
16270
  }
15811
- .a-AnchorNav-link-wrap > .a-AnchorNav-link > a {
16271
+ .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link > a {
15812
16272
  display: block;
15813
16273
  border: var(--Tabs-borderWidth) solid transparent;
15814
16274
  border-width: var(--AnchorNav-onActive-borderWidth);
@@ -15821,18 +16281,65 @@ td.rdtQuarter.rdtDisabled > span {
15821
16281
  cursor: pointer;
15822
16282
  margin: 0;
15823
16283
  }
15824
- .a-AnchorNav-link-wrap > .a-AnchorNav-link > a:hover {
16284
+ .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link > a:hover {
15825
16285
  color: var(--primary);
15826
16286
  }
15827
- .a-AnchorNav-link-wrap > .a-AnchorNav-link.is-active > a,
15828
- .a-AnchorNav-link-wrap > .a-AnchorNav-link.is-active > a:hover {
16287
+ .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link.is-active > a,
16288
+ .a-AnchorNav--vertical .a-AnchorNav-link-wrap > .a-AnchorNav-link.is-active > a:hover {
15829
16289
  color: var(--Tabs--vertical-onActive-color);
15830
16290
  border-color: var(--Tabs--vertical-onActive-border);
15831
16291
  }
16292
+ .a-AnchorNav--horizontal {
16293
+ flex-direction: column;
16294
+ }
16295
+ .a-AnchorNav--horizontal .a-AnchorNav-link-wrap {
16296
+ user-select: none;
16297
+ margin: 0px;
16298
+ padding: 0px;
16299
+ border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
16300
+ list-style: none;
16301
+ }
16302
+ .a-AnchorNav--horizontal .a-AnchorNav-link-wrap > .a-AnchorNav-link {
16303
+ margin-bottom: calc(var(--Tabs-borderWidth) * -1);
16304
+ display: inline-block;
16305
+ position: relative;
16306
+ }
16307
+ .a-AnchorNav--horizontal .a-AnchorNav-link-wrap > .a-AnchorNav-link > a:first-child {
16308
+ font-size: var(--Tabs-linkFontSize);
16309
+ outline: 0;
16310
+ border: var(--Tabs-borderWidth) solid transparent;
16311
+ border-width: 0 0 var(--Tabs--line-borderWidth) 0;
16312
+ border-top-left-radius: var(--Tabs-borderRadius);
16313
+ border-top-right-radius: var(--Tabs-borderRadius);
16314
+ color: var(--Tabs-color);
16315
+ margin: var(--Tabs-linkMargin);
16316
+ padding: var(--Tabs-linkPadding);
16317
+ text-decoration: none;
16318
+ cursor: pointer;
16319
+ display: block;
16320
+ }
16321
+ .a-AnchorNav--horizontal .a-AnchorNav-link-wrap > .a-AnchorNav-link > a:first-child:hover, .a-AnchorNav--horizontal .a-AnchorNav-link-wrap > .a-AnchorNav-link > a:first-child:focus {
16322
+ color: var(--primary);
16323
+ background: transparent;
16324
+ border-color: transparent;
16325
+ }
16326
+ .a-AnchorNav--horizontal .a-AnchorNav-link-wrap > .a-AnchorNav-link:last-child > a {
16327
+ margin: 0;
16328
+ }
16329
+ .a-AnchorNav--horizontal .a-AnchorNav-link-wrap > .a-AnchorNav-link.is-active > a:first-child,
16330
+ .a-AnchorNav--horizontal .a-AnchorNav-link-wrap > .a-AnchorNav-link.is-active > a:first-child:hover,
16331
+ .a-AnchorNav--horizontal .a-AnchorNav-link-wrap > .a-AnchorNav-link.is-active > a:first-child:focus {
16332
+ font-size: var(--Tabs-linkFontSize);
16333
+ border-width: 0 0 var(--Tabs--line-borderWidth) 0;
16334
+ border-color: var(--Tabs--line-onHover-borderColor);
16335
+ color: var(--Tabs--line-onHover-color);
16336
+ background: transparent;
16337
+ }
15832
16338
  .a-AnchorNav-section-wrap {
15833
16339
  border: none;
15834
16340
  flex-grow: 1;
15835
16341
  overflow: auto;
16342
+ scroll-behavior: smooth;
15836
16343
  background: var(--Tabs-content-bg);
15837
16344
  }
15838
16345
  .a-AnchorNav-section-wrap > .a-AnchorNav-section {
@@ -16067,6 +16574,13 @@ td.rdtQuarter.rdtDisabled > span {
16067
16574
  color: var(--text--muted-color);
16068
16575
  }
16069
16576
 
16577
+ .a-MappingField {
16578
+ margin-right: var(--gap-xs);
16579
+ }
16580
+ .a-MappingField:last-child {
16581
+ margin-right: 0;
16582
+ }
16583
+
16070
16584
  /*
16071
16585
  * utilities
16072
16586
  */