@oracle/oraclejet-core-pack 16.1.3 → 17.0.0

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 (993) hide show
  1. package/oj-c/ActionCard.json +82 -7
  2. package/oj-c/AreaChart.json +866 -382
  3. package/oj-c/AreaChartGroup.json +13 -7
  4. package/oj-c/AreaChartItem.json +23 -31
  5. package/oj-c/AreaChartSeries.json +21 -22
  6. package/oj-c/Avatar.json +11 -11
  7. package/oj-c/Button.json +55 -28
  8. package/oj-c/ButtonsetMultiple.json +567 -0
  9. package/oj-c/ButtonsetSingle.json +567 -0
  10. package/oj-c/CardView.json +638 -0
  11. package/oj-c/Checkbox.json +100 -85
  12. package/oj-c/Checkboxset.json +73 -81
  13. package/oj-c/Collapsible.json +70 -32
  14. package/oj-c/ConveyorBelt.json +325 -0
  15. package/oj-c/DatePicker.json +454 -0
  16. package/oj-c/DragHandle.json +135 -0
  17. package/oj-c/DrawerLayout.json +401 -0
  18. package/oj-c/DrawerPopup.json +36 -22
  19. package/oj-c/Dropdown/Dropdown.js +9 -0
  20. package/oj-c/Dropdown/index.js +6 -0
  21. package/oj-c/FilePicker.json +24 -83
  22. package/oj-c/FormLayout.json +27 -32
  23. package/oj-c/HighlightText.json +6 -6
  24. package/oj-c/InputDateMask.json +104 -117
  25. package/oj-c/InputDatePicker.json +1514 -0
  26. package/oj-c/InputDateText.json +104 -117
  27. package/oj-c/InputMonthMask.json +106 -130
  28. package/oj-c/InputNumber.json +87 -130
  29. package/oj-c/InputPassword.json +76 -112
  30. package/oj-c/InputSensitiveText.json +54 -64
  31. package/oj-c/InputText.json +85 -108
  32. package/oj-c/LabelledLink.json +31 -30
  33. package/oj-c/Legend.json +350 -356
  34. package/oj-c/LegendItem.json +79 -26
  35. package/oj-c/LegendSection.json +11 -5
  36. package/oj-c/LineChart.json +869 -385
  37. package/oj-c/LineChartGroup.json +13 -7
  38. package/oj-c/LineChartItem.json +23 -31
  39. package/oj-c/LineChartSeries.json +25 -26
  40. package/oj-c/ListItemLayout.json +16 -16
  41. package/oj-c/ListView.json +393 -33
  42. package/oj-c/MenuButton.json +46 -38
  43. package/oj-c/MessageBanner.json +162 -15
  44. package/oj-c/MessageToast.json +123 -26
  45. package/oj-c/MeterBar.json +40 -29
  46. package/oj-c/MeterCircle.json +44 -33
  47. package/oj-c/Popup.json +628 -0
  48. package/oj-c/ProgressBar.json +7 -7
  49. package/oj-c/ProgressCircle.json +7 -7
  50. package/oj-c/Radioset.json +42 -51
  51. package/oj-c/RatingGauge.json +23 -23
  52. package/oj-c/SelectMultiple.json +100 -117
  53. package/oj-c/SelectSingle.json +109 -112
  54. package/oj-c/SelectionCard.json +12 -6
  55. package/oj-c/Selector.json +9 -16
  56. package/oj-c/SelectorAll.json +7 -14
  57. package/oj-c/Sheet/Sheet.js +9 -0
  58. package/oj-c/Sheet/index.js +6 -0
  59. package/oj-c/SplitMenuButton.json +351 -27
  60. package/oj-c/TabBar.json +553 -0
  61. package/oj-c/TabBarMixed.json +43 -29
  62. package/oj-c/TagCloud.json +36 -36
  63. package/oj-c/TagCloudItem.json +17 -18
  64. package/oj-c/TextArea.json +84 -126
  65. package/oj-c/ToggleButton.json +513 -0
  66. package/oj-c/action-card/__webdriver__/ActionCardWebElement.js +1 -1
  67. package/oj-c/action-card/__webdriver__/ActionCardWebElement.js.map +1 -1
  68. package/oj-c/action-card/action-card.js +41 -4
  69. package/oj-c/action-card/component.json +20 -2
  70. package/oj-c/action-card.js +1 -1
  71. package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.d.ts +11 -0
  72. package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.js +9 -0
  73. package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.js.map +1 -1
  74. package/oj-c/area-chart/area-chart.js +7 -13
  75. package/oj-c/area-chart/component.json +51 -12
  76. package/oj-c/area-chart-group/component.json +8 -2
  77. package/oj-c/area-chart-group.js +1 -1
  78. package/oj-c/area-chart-item/component.json +8 -2
  79. package/oj-c/area-chart-item.js +1 -1
  80. package/oj-c/area-chart-series/component.json +8 -2
  81. package/oj-c/area-chart-series.js +1 -1
  82. package/oj-c/area-chart.js +1 -1
  83. package/oj-c/avatar/avatar-styles.css +1 -0
  84. package/oj-c/avatar/component.json +5 -2
  85. package/oj-c/avatar.js +1 -1
  86. package/oj-c/button/button.js +36 -34
  87. package/oj-c/button/component.json +18 -19
  88. package/oj-c/button.js +1 -1
  89. package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElement.d.ts +8 -0
  90. package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElement.js +13 -0
  91. package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElement.js.map +1 -0
  92. package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElementBase.d.ts +101 -0
  93. package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElementBase.js +104 -0
  94. package/oj-c/buttonset-multiple/__webdriver__/ButtonsetMultipleWebElementBase.js.map +1 -0
  95. package/oj-c/buttonset-multiple/__webdriver__/index.d.ts +17 -0
  96. package/oj-c/buttonset-multiple/__webdriver__/index.js +34 -0
  97. package/oj-c/buttonset-multiple/__webdriver__/index.js.map +1 -0
  98. package/oj-c/buttonset-multiple/buttonset-multiple-styles.css +12 -0
  99. package/oj-c/buttonset-multiple/buttonset-multiple.js +55 -0
  100. package/oj-c/buttonset-multiple/component.json +228 -0
  101. package/oj-c/buttonset-multiple/index.js +6 -0
  102. package/oj-c/buttonset-multiple.js +6 -0
  103. package/oj-c/buttonset-single/__webdriver__/ButtonsetSingleWebElement.d.ts +8 -0
  104. package/oj-c/buttonset-single/__webdriver__/ButtonsetSingleWebElement.js +13 -0
  105. package/oj-c/buttonset-single/__webdriver__/ButtonsetSingleWebElement.js.map +1 -0
  106. package/oj-c/buttonset-single/__webdriver__/ButtonsetSingleWebElementBase.d.ts +101 -0
  107. package/oj-c/buttonset-single/__webdriver__/ButtonsetSingleWebElementBase.js +104 -0
  108. package/oj-c/buttonset-single/__webdriver__/ButtonsetSingleWebElementBase.js.map +1 -0
  109. package/oj-c/buttonset-single/__webdriver__/index.d.ts +17 -0
  110. package/oj-c/buttonset-single/__webdriver__/index.js +34 -0
  111. package/oj-c/buttonset-single/__webdriver__/index.js.map +1 -0
  112. package/oj-c/buttonset-single/buttonset-single-styles.css +12 -0
  113. package/oj-c/buttonset-single/buttonset-single.js +55 -0
  114. package/oj-c/buttonset-single/component.json +228 -0
  115. package/oj-c/buttonset-single/index.js +6 -0
  116. package/oj-c/buttonset-single.js +6 -0
  117. package/oj-c/card-view/__webdriver__/CardViewWebElement.d.ts +33 -0
  118. package/oj-c/card-view/__webdriver__/CardViewWebElement.js +70 -0
  119. package/oj-c/card-view/__webdriver__/CardViewWebElement.js.map +1 -0
  120. package/oj-c/card-view/__webdriver__/CardViewWebElementBase.d.ts +95 -0
  121. package/oj-c/card-view/__webdriver__/CardViewWebElementBase.js +104 -0
  122. package/oj-c/card-view/__webdriver__/CardViewWebElementBase.js.map +1 -0
  123. package/oj-c/card-view/__webdriver__/index.d.ts +17 -0
  124. package/oj-c/card-view/__webdriver__/index.js +34 -0
  125. package/oj-c/card-view/__webdriver__/index.js.map +1 -0
  126. package/oj-c/card-view/card-view-styles.css +15 -0
  127. package/oj-c/card-view/card-view.js +71 -0
  128. package/oj-c/card-view/cardViewItem.js +15 -0
  129. package/oj-c/card-view/component.json +323 -0
  130. package/oj-c/card-view/index.js +6 -0
  131. package/oj-c/card-view/useCardViewPreact.js +80 -0
  132. package/oj-c/card-view.js +6 -0
  133. package/oj-c/checkbox/checkbox.js +51 -91
  134. package/oj-c/checkbox/component.json +32 -19
  135. package/oj-c/checkbox/useCheckboxPreact.js +2 -4
  136. package/oj-c/checkbox.js +1 -1
  137. package/oj-c/checkboxset/checkboxset.js +38 -77
  138. package/oj-c/checkboxset/component.json +32 -24
  139. package/oj-c/checkboxset/useCheckboxsetPreact.js +1 -1
  140. package/oj-c/checkboxset.js +1 -1
  141. package/oj-c/collapsible/__webdriver__/CollapsibleWebElementBase.d.ts +1 -1
  142. package/oj-c/collapsible/__webdriver__/CollapsibleWebElementBase.js +1 -1
  143. package/oj-c/collapsible/__webdriver__/CollapsibleWebElementBase.js.map +1 -1
  144. package/oj-c/collapsible/collapsible.js +9 -6
  145. package/oj-c/collapsible/component.json +40 -13
  146. package/oj-c/collapsible.js +1 -1
  147. package/oj-c/component.json +49 -5
  148. package/oj-c/conveyor-belt/__webdriver__/ConveyorBeltWebElement.d.ts +8 -0
  149. package/oj-c/conveyor-belt/__webdriver__/ConveyorBeltWebElement.js +13 -0
  150. package/oj-c/conveyor-belt/__webdriver__/ConveyorBeltWebElement.js.map +1 -0
  151. package/oj-c/conveyor-belt/__webdriver__/ConveyorBeltWebElementBase.d.ts +44 -0
  152. package/oj-c/conveyor-belt/__webdriver__/ConveyorBeltWebElementBase.js +59 -0
  153. package/oj-c/conveyor-belt/__webdriver__/ConveyorBeltWebElementBase.js.map +1 -0
  154. package/oj-c/conveyor-belt/__webdriver__/index.d.ts +17 -0
  155. package/oj-c/conveyor-belt/__webdriver__/index.js +34 -0
  156. package/oj-c/conveyor-belt/__webdriver__/index.js.map +1 -0
  157. package/oj-c/conveyor-belt/component.json +181 -0
  158. package/oj-c/conveyor-belt/conveyor-belt-styles.css +20 -0
  159. package/oj-c/conveyor-belt/conveyor-belt.js +125 -0
  160. package/oj-c/conveyor-belt/conveyorBeltItem.js +13 -0
  161. package/oj-c/conveyor-belt/index.js +6 -0
  162. package/oj-c/conveyor-belt.js +6 -0
  163. package/oj-c/corepackbundle.js +6975 -5062
  164. package/oj-c/date-picker/__webdriver__/DatePickerWebElement.d.ts +8 -0
  165. package/oj-c/date-picker/__webdriver__/DatePickerWebElement.js +13 -0
  166. package/oj-c/date-picker/__webdriver__/DatePickerWebElement.js.map +1 -0
  167. package/oj-c/date-picker/__webdriver__/DatePickerWebElementBase.d.ts +93 -0
  168. package/oj-c/date-picker/__webdriver__/DatePickerWebElementBase.js +122 -0
  169. package/oj-c/date-picker/__webdriver__/DatePickerWebElementBase.js.map +1 -0
  170. package/oj-c/date-picker/__webdriver__/index.d.ts +17 -0
  171. package/oj-c/date-picker/__webdriver__/index.js +34 -0
  172. package/oj-c/date-picker/__webdriver__/index.js.map +1 -0
  173. package/oj-c/date-picker/component.json +179 -0
  174. package/oj-c/date-picker/date-picker-styles.css +14 -0
  175. package/oj-c/date-picker/date-picker.js +34 -0
  176. package/oj-c/date-picker/index.js +6 -0
  177. package/oj-c/date-picker.js +6 -0
  178. package/oj-c/drag-handle/component.json +82 -0
  179. package/oj-c/drag-handle/drag-handle.js +11 -0
  180. package/oj-c/drag-handle/index.js +6 -0
  181. package/oj-c/drag-handle.js +6 -0
  182. package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElement.d.ts +8 -0
  183. package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElement.js +13 -0
  184. package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElement.js.map +1 -0
  185. package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElementBase.d.ts +72 -0
  186. package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElementBase.js +95 -0
  187. package/oj-c/drawer-layout/__webdriver__/DrawerLayoutWebElementBase.js.map +1 -0
  188. package/oj-c/drawer-layout/__webdriver__/index.d.ts +17 -0
  189. package/oj-c/drawer-layout/__webdriver__/index.js +34 -0
  190. package/oj-c/drawer-layout/__webdriver__/index.js.map +1 -0
  191. package/oj-c/drawer-layout/component.json +208 -0
  192. package/oj-c/drawer-layout/drawer-layout-styles.css +11 -0
  193. package/oj-c/drawer-layout/drawer-layout.js +37 -0
  194. package/oj-c/drawer-layout/index.js +6 -0
  195. package/oj-c/drawer-layout.js +6 -0
  196. package/oj-c/drawer-popup/component.json +53 -15
  197. package/oj-c/drawer-popup/drawer-popup.js +33 -5
  198. package/oj-c/drawer-popup.js +1 -1
  199. package/oj-c/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.js +2 -2
  200. package/oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue.js +2 -1
  201. package/oj-c/editable-value/UNSAFE_useValueLifecycle/useValueLifecycle.js +2 -5
  202. package/oj-c/file-picker/__webdriver__/FilePickerWebElement.d.ts +15 -0
  203. package/oj-c/file-picker/__webdriver__/FilePickerWebElement.js +89 -19
  204. package/oj-c/file-picker/__webdriver__/FilePickerWebElement.js.map +1 -1
  205. package/oj-c/file-picker/component.json +10 -19
  206. package/oj-c/file-picker/file-picker.js +1 -9
  207. package/oj-c/file-picker.js +1 -1
  208. package/oj-c/form-layout/component.json +16 -11
  209. package/oj-c/form-layout/form-layout.js +11 -43
  210. package/oj-c/form-layout.js +1 -1
  211. package/oj-c/highlight-text/component.json +5 -2
  212. package/oj-c/highlight-text.js +1 -1
  213. package/oj-c/hooks/PRIVATE_useVisData/useVisData.js +44 -0
  214. package/oj-c/hooks/UNSAFE_useChartData/useChartData.js +4 -4
  215. package/oj-c/hooks/UNSAFE_useEditableValue/converterUtils.js +50 -0
  216. package/oj-c/hooks/UNSAFE_useEditableValue/index.js +6 -0
  217. package/oj-c/hooks/UNSAFE_useEditableValue/reducer.js +164 -0
  218. package/oj-c/hooks/UNSAFE_useEditableValue/types.js +4 -0
  219. package/oj-c/hooks/UNSAFE_useEditableValue/useEditableValue.js +336 -0
  220. package/oj-c/hooks/UNSAFE_useEditableValue/utils.js +35 -0
  221. package/oj-c/hooks/UNSAFE_useEditableValue/validationUtils.js +53 -0
  222. package/oj-c/hooks/UNSAFE_useListData/useListData.js +4 -1
  223. package/oj-c/hooks/UNSAFE_useMergedFormContext/useMergedFormContext.js +23 -0
  224. package/oj-c/hooks/UNSAFE_useVisBusyState/useVisBusyState.js +16 -0
  225. package/oj-c/input-date-mask/component.json +17 -7
  226. package/oj-c/input-date-mask/input-date-mask.js +11 -10
  227. package/oj-c/input-date-mask/useInputDateMaskPreact.js +22 -15
  228. package/oj-c/input-date-mask.js +1 -1
  229. package/oj-c/input-date-picker/DateRangeValidator.js +53 -0
  230. package/oj-c/input-date-picker/DateRestrictionValidator.js +35 -0
  231. package/oj-c/input-date-picker/__webdriver__/InputDatePickerWebElement.d.ts +17 -0
  232. package/oj-c/input-date-picker/__webdriver__/InputDatePickerWebElement.js +73 -0
  233. package/oj-c/input-date-picker/__webdriver__/InputDatePickerWebElement.js.map +1 -0
  234. package/oj-c/input-date-picker/__webdriver__/InputDatePickerWebElementBase.d.ts +291 -0
  235. package/oj-c/input-date-picker/__webdriver__/InputDatePickerWebElementBase.js +302 -0
  236. package/oj-c/input-date-picker/__webdriver__/InputDatePickerWebElementBase.js.map +1 -0
  237. package/oj-c/input-date-picker/__webdriver__/index.d.ts +17 -0
  238. package/oj-c/input-date-picker/__webdriver__/index.js +34 -0
  239. package/oj-c/input-date-picker/__webdriver__/index.js.map +1 -0
  240. package/oj-c/input-date-picker/component.json +563 -0
  241. package/oj-c/input-date-picker/index.js +6 -0
  242. package/oj-c/input-date-picker/input-date-picker-styles.css +13 -0
  243. package/oj-c/input-date-picker/input-date-picker.js +39 -0
  244. package/oj-c/input-date-picker/useCombinedImplicitValidators.js +13 -0
  245. package/oj-c/input-date-picker/useImplicitCalendarDateConverter.js +17 -0
  246. package/oj-c/input-date-picker/useImplicitDateRangeValidator.js +29 -0
  247. package/oj-c/input-date-picker/useImplicitDateRestrictionValidator.js +16 -0
  248. package/oj-c/input-date-picker/useInputDatePicker.js +141 -0
  249. package/oj-c/input-date-picker/utils.js +23 -0
  250. package/oj-c/input-date-picker.js +6 -0
  251. package/oj-c/input-date-text/__webdriver__/InputDateTextWebElementBase.d.ts +0 -7
  252. package/oj-c/input-date-text/__webdriver__/InputDateTextWebElementBase.js +0 -9
  253. package/oj-c/input-date-text/__webdriver__/InputDateTextWebElementBase.js.map +1 -1
  254. package/oj-c/input-date-text/component.json +34 -21
  255. package/oj-c/input-date-text/input-date-text.js +52 -94
  256. package/oj-c/input-date-text/useInputDateTextPreact.js +19 -13
  257. package/oj-c/input-date-text.js +1 -1
  258. package/oj-c/input-month-mask/component.json +17 -7
  259. package/oj-c/input-month-mask/input-month-mask.js +11 -10
  260. package/oj-c/input-month-mask/useImplicitCalendarMonthRangeValidator.js +9 -1
  261. package/oj-c/input-month-mask/useInputMonthMaskPreact.js +19 -13
  262. package/oj-c/input-month-mask.js +1 -1
  263. package/oj-c/input-number/__webdriver__/InputNumberWebElementBase.d.ts +0 -7
  264. package/oj-c/input-number/__webdriver__/InputNumberWebElementBase.js +0 -9
  265. package/oj-c/input-number/__webdriver__/InputNumberWebElementBase.js.map +1 -1
  266. package/oj-c/input-number/component.json +22 -19
  267. package/oj-c/input-number/input-number.js +52 -96
  268. package/oj-c/input-number.js +1 -1
  269. package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.d.ts +0 -7
  270. package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.js +0 -9
  271. package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.js.map +1 -1
  272. package/oj-c/input-password/component.json +22 -19
  273. package/oj-c/input-password/input-password.js +47 -90
  274. package/oj-c/input-password.js +1 -1
  275. package/oj-c/input-sensitive-text/component.json +13 -6
  276. package/oj-c/input-sensitive-text/input-sensitive-text.js +11 -10
  277. package/oj-c/input-sensitive-text.js +1 -1
  278. package/oj-c/input-text/component.json +22 -16
  279. package/oj-c/input-text/input-text.js +57 -96
  280. package/oj-c/input-text/useInputTextPreact.js +15 -12
  281. package/oj-c/input-text.js +1 -1
  282. package/oj-c/labelled-link/component.json +12 -3
  283. package/oj-c/labelled-link.js +1 -1
  284. package/oj-c/legend/component.json +17 -2
  285. package/oj-c/legend/events.js +3 -2
  286. package/oj-c/legend/legend.js +28 -16
  287. package/oj-c/legend/utils.js +28 -6
  288. package/oj-c/legend-item/component.json +41 -6
  289. package/oj-c/legend-item/legend-item.js +4 -3
  290. package/oj-c/legend-item.js +1 -1
  291. package/oj-c/legend-section/component.json +18 -2
  292. package/oj-c/legend-section.js +1 -1
  293. package/oj-c/legend.js +1 -1
  294. package/oj-c/line-chart/__webdriver__/LineChartWebElementBase.d.ts +11 -0
  295. package/oj-c/line-chart/__webdriver__/LineChartWebElementBase.js +9 -0
  296. package/oj-c/line-chart/__webdriver__/LineChartWebElementBase.js.map +1 -1
  297. package/oj-c/line-chart/component.json +55 -16
  298. package/oj-c/line-chart/line-chart.js +7 -13
  299. package/oj-c/line-chart-group/component.json +8 -2
  300. package/oj-c/line-chart-group.js +1 -1
  301. package/oj-c/line-chart-item/component.json +8 -2
  302. package/oj-c/line-chart-item.js +1 -1
  303. package/oj-c/line-chart-series/component.json +10 -4
  304. package/oj-c/line-chart-series/line-chart-series.js +1 -1
  305. package/oj-c/line-chart-series.js +1 -1
  306. package/oj-c/line-chart.js +1 -1
  307. package/oj-c/list-item-layout/__webdriver__/ListItemLayoutWebElement.d.ts +12 -3
  308. package/oj-c/list-item-layout/__webdriver__/ListItemLayoutWebElement.js +12 -3
  309. package/oj-c/list-item-layout/__webdriver__/ListItemLayoutWebElement.js.map +1 -1
  310. package/oj-c/list-item-layout/component.json +10 -14
  311. package/oj-c/list-item-layout/list-item-layout.js +3 -3
  312. package/oj-c/list-item-layout.js +1 -1
  313. package/oj-c/list-view/DataFetchLiveRegion.js +30 -0
  314. package/oj-c/list-view/__webdriver__/ListViewWebElement.d.ts +1 -1
  315. package/oj-c/list-view/__webdriver__/ListViewWebElement.js +4 -7
  316. package/oj-c/list-view/__webdriver__/ListViewWebElement.js.map +1 -1
  317. package/oj-c/list-view/__webdriver__/ListViewWebElementBase.d.ts +26 -0
  318. package/oj-c/list-view/__webdriver__/ListViewWebElementBase.js +18 -0
  319. package/oj-c/list-view/__webdriver__/ListViewWebElementBase.js.map +1 -1
  320. package/oj-c/list-view/component.json +207 -3
  321. package/oj-c/list-view/list-view.js +32 -7
  322. package/oj-c/list-view/useListViewPreact.js +101 -10
  323. package/oj-c/list-view.js +1 -1
  324. package/oj-c/menu-button/__webdriver__/MenuButtonWebElement.d.ts +1 -0
  325. package/oj-c/menu-button/__webdriver__/MenuButtonWebElement.js +14 -8
  326. package/oj-c/menu-button/__webdriver__/MenuButtonWebElement.js.map +1 -1
  327. package/oj-c/menu-button/component.json +21 -17
  328. package/oj-c/menu-button/menu-button.js +5 -8
  329. package/oj-c/menu-button.js +1 -1
  330. package/oj-c/message-banner/__webdriver__/MessageBannerWebElementBase.d.ts +7 -0
  331. package/oj-c/message-banner/__webdriver__/MessageBannerWebElementBase.js +9 -0
  332. package/oj-c/message-banner/__webdriver__/MessageBannerWebElementBase.js.map +1 -1
  333. package/oj-c/message-banner/component.json +28 -3
  334. package/oj-c/message-banner/message-banner.js +30 -3
  335. package/oj-c/message-banner.js +1 -1
  336. package/oj-c/message-toast/component.json +9 -4
  337. package/oj-c/message-toast.js +1 -1
  338. package/oj-c/metadata/allComponents.json +4181 -637
  339. package/oj-c/meter-bar/component.json +11 -3
  340. package/oj-c/meter-bar/meter-bar-styles.css +14 -2
  341. package/oj-c/meter-bar/meter-bar.js +2 -2
  342. package/oj-c/meter-bar.js +1 -1
  343. package/oj-c/meter-circle/component.json +11 -3
  344. package/oj-c/meter-circle/meter-circle-styles.css +5 -0
  345. package/oj-c/meter-circle/meter-circle.js +2 -2
  346. package/oj-c/meter-circle.js +1 -1
  347. package/oj-c/min/Dropdown/Dropdown.js +9 -0
  348. package/oj-c/min/Dropdown/index.js +6 -0
  349. package/oj-c/min/Sheet/Sheet.js +9 -0
  350. package/oj-c/min/Sheet/index.js +6 -0
  351. package/oj-c/min/action-card.js +1 -1
  352. package/oj-c/min/action-card.js.map +1 -1
  353. package/oj-c/min/area-chart-group.js +1 -1
  354. package/oj-c/min/area-chart-group.js.map +1 -1
  355. package/oj-c/min/area-chart-item.js +1 -1
  356. package/oj-c/min/area-chart-item.js.map +1 -1
  357. package/oj-c/min/area-chart-series.js +1 -1
  358. package/oj-c/min/area-chart-series.js.map +1 -1
  359. package/oj-c/min/area-chart.js +1 -1
  360. package/oj-c/min/area-chart.js.map +1 -1
  361. package/oj-c/min/avatar/avatar-styles.css +1 -0
  362. package/oj-c/min/avatar.js +1 -1
  363. package/oj-c/min/avatar.js.map +1 -1
  364. package/oj-c/min/button.js +1 -1
  365. package/oj-c/min/button.js.map +1 -1
  366. package/oj-c/min/buttonset-multiple/buttonset-multiple-styles.css +12 -0
  367. package/oj-c/min/buttonset-multiple.js +2 -0
  368. package/oj-c/min/buttonset-multiple.js.map +1 -0
  369. package/oj-c/min/buttonset-single/buttonset-single-styles.css +12 -0
  370. package/oj-c/min/buttonset-single.js +2 -0
  371. package/oj-c/min/buttonset-single.js.map +1 -0
  372. package/oj-c/min/card-view/card-view-styles.css +15 -0
  373. package/oj-c/min/card-view.js +2 -0
  374. package/oj-c/min/card-view.js.map +1 -0
  375. package/oj-c/min/checkbox.js +1 -1
  376. package/oj-c/min/checkbox.js.map +1 -1
  377. package/oj-c/min/checkboxset.js +1 -1
  378. package/oj-c/min/checkboxset.js.map +1 -1
  379. package/oj-c/min/collapsible.js +1 -1
  380. package/oj-c/min/collapsible.js.map +1 -1
  381. package/oj-c/min/conveyor-belt/conveyor-belt-styles.css +20 -0
  382. package/oj-c/min/conveyor-belt.js +2 -0
  383. package/oj-c/min/conveyor-belt.js.map +1 -0
  384. package/oj-c/min/corepackbundle.css +121 -16
  385. package/oj-c/min/corepackbundle.js +1 -1
  386. package/oj-c/min/corepackbundle.js.map +1 -1
  387. package/oj-c/min/date-picker/date-picker-styles.css +14 -0
  388. package/oj-c/min/date-picker.js +2 -0
  389. package/oj-c/min/date-picker.js.map +1 -0
  390. package/oj-c/min/drag-handle.js +2 -0
  391. package/oj-c/min/drag-handle.js.map +1 -0
  392. package/oj-c/min/drawer-layout/drawer-layout-styles.css +11 -0
  393. package/oj-c/min/drawer-layout.js +2 -0
  394. package/oj-c/min/drawer-layout.js.map +1 -0
  395. package/oj-c/min/drawer-popup.js +1 -1
  396. package/oj-c/min/drawer-popup.js.map +1 -1
  397. package/oj-c/min/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.js +2 -2
  398. package/oj-c/min/editable-value/UNSAFE_useEditableValue/useEditableValue.js +2 -1
  399. package/oj-c/min/editable-value/UNSAFE_useValueLifecycle/useValueLifecycle.js +2 -5
  400. package/oj-c/min/file-picker.js +1 -1
  401. package/oj-c/min/file-picker.js.map +1 -1
  402. package/oj-c/min/form-layout.js +1 -1
  403. package/oj-c/min/form-layout.js.map +1 -1
  404. package/oj-c/min/highlight-text.js +1 -1
  405. package/oj-c/min/highlight-text.js.map +1 -1
  406. package/oj-c/min/hooks/PRIVATE_useVisData/useVisData.js +44 -0
  407. package/oj-c/min/hooks/UNSAFE_useChartData/useChartData.js +4 -4
  408. package/oj-c/min/hooks/UNSAFE_useEditableValue/converterUtils.js +50 -0
  409. package/oj-c/min/hooks/UNSAFE_useEditableValue/index.js +6 -0
  410. package/oj-c/min/hooks/UNSAFE_useEditableValue/reducer.js +164 -0
  411. package/oj-c/min/hooks/UNSAFE_useEditableValue/types.js +4 -0
  412. package/oj-c/min/hooks/UNSAFE_useEditableValue/useEditableValue.js +336 -0
  413. package/oj-c/min/hooks/UNSAFE_useEditableValue/utils.js +35 -0
  414. package/oj-c/min/hooks/UNSAFE_useEditableValue/validationUtils.js +53 -0
  415. package/oj-c/min/hooks/UNSAFE_useListData/useListData.js +4 -1
  416. package/oj-c/min/hooks/UNSAFE_useMergedFormContext/useMergedFormContext.js +23 -0
  417. package/oj-c/min/hooks/UNSAFE_useVisBusyState/useVisBusyState.js +16 -0
  418. package/oj-c/min/input-date-mask.js +1 -1
  419. package/oj-c/min/input-date-mask.js.map +1 -1
  420. package/oj-c/min/input-date-picker/input-date-picker-styles.css +13 -0
  421. package/oj-c/min/input-date-picker.js +3 -0
  422. package/oj-c/min/input-date-picker.js.map +1 -0
  423. package/oj-c/min/input-date-text.js +1 -1
  424. package/oj-c/min/input-date-text.js.map +1 -1
  425. package/oj-c/min/input-month-mask.js +1 -1
  426. package/oj-c/min/input-month-mask.js.map +1 -1
  427. package/oj-c/min/input-number.js +1 -1
  428. package/oj-c/min/input-number.js.map +1 -1
  429. package/oj-c/min/input-password.js +1 -1
  430. package/oj-c/min/input-password.js.map +1 -1
  431. package/oj-c/min/input-sensitive-text.js +1 -1
  432. package/oj-c/min/input-sensitive-text.js.map +1 -1
  433. package/oj-c/min/input-text.js +1 -1
  434. package/oj-c/min/input-text.js.map +1 -1
  435. package/oj-c/min/labelled-link.js +1 -1
  436. package/oj-c/min/labelled-link.js.map +1 -1
  437. package/oj-c/min/legend-item.js +1 -1
  438. package/oj-c/min/legend-item.js.map +1 -1
  439. package/oj-c/min/legend-section.js +1 -1
  440. package/oj-c/min/legend-section.js.map +1 -1
  441. package/oj-c/min/legend.js +1 -1
  442. package/oj-c/min/legend.js.map +1 -1
  443. package/oj-c/min/line-chart-group.js +1 -1
  444. package/oj-c/min/line-chart-group.js.map +1 -1
  445. package/oj-c/min/line-chart-item.js +1 -1
  446. package/oj-c/min/line-chart-item.js.map +1 -1
  447. package/oj-c/min/line-chart-series.js +1 -1
  448. package/oj-c/min/line-chart-series.js.map +1 -1
  449. package/oj-c/min/line-chart.js +1 -1
  450. package/oj-c/min/line-chart.js.map +1 -1
  451. package/oj-c/min/list-item-layout.js +1 -1
  452. package/oj-c/min/list-item-layout.js.map +1 -1
  453. package/oj-c/min/list-view.js +1 -1
  454. package/oj-c/min/list-view.js.map +1 -1
  455. package/oj-c/min/menu-button.js +1 -1
  456. package/oj-c/min/menu-button.js.map +1 -1
  457. package/oj-c/min/message-banner.js +1 -1
  458. package/oj-c/min/message-banner.js.map +1 -1
  459. package/oj-c/min/message-toast.js +1 -1
  460. package/oj-c/min/message-toast.js.map +1 -1
  461. package/oj-c/min/meter-bar/meter-bar-styles.css +14 -2
  462. package/oj-c/min/meter-bar.js +1 -1
  463. package/oj-c/min/meter-bar.js.map +1 -1
  464. package/oj-c/min/meter-circle/meter-circle-styles.css +5 -0
  465. package/oj-c/min/meter-circle.js +1 -1
  466. package/oj-c/min/meter-circle.js.map +1 -1
  467. package/oj-c/min/popup/popup-styles.css +12 -0
  468. package/oj-c/min/popup/resources/nls/popup-strings.d.ts +8 -0
  469. package/oj-c/min/popup/resources/nls/popup-strings.js +10 -0
  470. package/oj-c/min/popup.js +2 -0
  471. package/oj-c/min/popup.js.map +1 -0
  472. package/oj-c/min/progress-bar.js +1 -1
  473. package/oj-c/min/progress-bar.js.map +1 -1
  474. package/oj-c/min/progress-circle.js +1 -1
  475. package/oj-c/min/progress-circle.js.map +1 -1
  476. package/oj-c/min/radioset/radioset-styles.css +5 -6
  477. package/oj-c/min/radioset.js +1 -1
  478. package/oj-c/min/radioset.js.map +1 -1
  479. package/oj-c/min/rating-gauge.js +1 -1
  480. package/oj-c/min/rating-gauge.js.map +1 -1
  481. package/oj-c/min/select-common/utils/utils.js +40 -2
  482. package/oj-c/min/select-multiple.js +2 -2
  483. package/oj-c/min/select-multiple.js.map +1 -1
  484. package/oj-c/min/select-single.js +2 -2
  485. package/oj-c/min/select-single.js.map +1 -1
  486. package/oj-c/min/selection-card.js +1 -1
  487. package/oj-c/min/selection-card.js.map +1 -1
  488. package/oj-c/min/selector-all.js +1 -1
  489. package/oj-c/min/selector-all.js.map +1 -1
  490. package/oj-c/min/selector.js +1 -1
  491. package/oj-c/min/selector.js.map +1 -1
  492. package/oj-c/min/split-menu-button.js +1 -1
  493. package/oj-c/min/split-menu-button.js.map +1 -1
  494. package/oj-c/min/tab-bar/tab-bar-styles.css +11 -0
  495. package/oj-c/min/tab-bar-mixed.js +1 -1
  496. package/oj-c/min/tab-bar-mixed.js.map +1 -1
  497. package/oj-c/min/tab-bar.js +2 -0
  498. package/oj-c/min/tab-bar.js.map +1 -0
  499. package/oj-c/min/tag-cloud-item.js +1 -1
  500. package/oj-c/min/tag-cloud-item.js.map +1 -1
  501. package/oj-c/min/tag-cloud.js +1 -1
  502. package/oj-c/min/tag-cloud.js.map +1 -1
  503. package/oj-c/min/text-area.js +1 -1
  504. package/oj-c/min/text-area.js.map +1 -1
  505. package/oj-c/min/toggle-button/toggle-button-styles.css +12 -0
  506. package/oj-c/min/toggle-button.js +2 -0
  507. package/oj-c/min/toggle-button.js.map +1 -0
  508. package/oj-c/min/utils/PRIVATE_ItemsMenu/items-menu.js +7 -5
  509. package/oj-c/min/utils/PRIVATE_chartUtils/axisUtils.js +1 -0
  510. package/oj-c/min/utils/PRIVATE_toggleUtils/index.js +7 -0
  511. package/oj-c/min/utils/PRIVATE_toggleUtils/toggle-item-icon.js +14 -0
  512. package/oj-c/min/utils/PRIVATE_toggleUtils/toggleTypes.js +4 -0
  513. package/oj-c/min/utils/PRIVATE_toggleUtils/widthStyle.js +19 -0
  514. package/oj-c/min/utils/UNSAFE_keyUtils/keySetUtils.js +21 -1
  515. package/oj-c/min/utils/UNSAFE_vizUtils/TemplateHandler.js +15 -3
  516. package/oj-c/popup/README.md +6 -0
  517. package/oj-c/popup/__webdriver__/PopupWebElement.d.ts +8 -0
  518. package/oj-c/popup/__webdriver__/PopupWebElement.js +13 -0
  519. package/oj-c/popup/__webdriver__/PopupWebElement.js.map +1 -0
  520. package/oj-c/popup/__webdriver__/PopupWebElementBase.d.ts +138 -0
  521. package/oj-c/popup/__webdriver__/PopupWebElementBase.js +167 -0
  522. package/oj-c/popup/__webdriver__/PopupWebElementBase.js.map +1 -0
  523. package/oj-c/popup/__webdriver__/index.d.ts +17 -0
  524. package/oj-c/popup/__webdriver__/index.js +34 -0
  525. package/oj-c/popup/__webdriver__/index.js.map +1 -0
  526. package/oj-c/popup/component.json +310 -0
  527. package/oj-c/popup/index.js +6 -0
  528. package/oj-c/popup/popup-styles.css +12 -0
  529. package/oj-c/popup/popup.js +127 -0
  530. package/oj-c/popup/resources/nls/popup-strings.js +10 -0
  531. package/oj-c/popup/themes/base/_popup.scss +22 -0
  532. package/oj-c/popup/themes/redwood/_popup.scss +19 -0
  533. package/oj-c/popup/themes/stable/_popup.scss +19 -0
  534. package/oj-c/popup.js +6 -0
  535. package/oj-c/progress-bar/component.json +5 -2
  536. package/oj-c/progress-bar.js +1 -1
  537. package/oj-c/progress-circle/component.json +5 -2
  538. package/oj-c/progress-circle.js +1 -1
  539. package/oj-c/radioset/component.json +10 -9
  540. package/oj-c/radioset/radioset-styles.css +5 -6
  541. package/oj-c/radioset/radioset.js +24 -17
  542. package/oj-c/radioset.js +1 -1
  543. package/oj-c/rating-gauge/component.json +5 -2
  544. package/oj-c/rating-gauge.js +1 -1
  545. package/oj-c/select-common/utils/utils.js +40 -2
  546. package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElementBase.d.ts +7 -7
  547. package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElementBase.js +9 -9
  548. package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElementBase.js.map +1 -1
  549. package/oj-c/select-multiple/component.json +31 -20
  550. package/oj-c/select-multiple/select-multiple.js +44 -91
  551. package/oj-c/select-multiple/useSelectMultiplePreact.js +17 -12
  552. package/oj-c/select-multiple/useSyncValueAndValueItems.js +32 -8
  553. package/oj-c/select-multiple.js +1 -1
  554. package/oj-c/select-single/__webdriver__/SelectSingleWebElementBase.d.ts +7 -7
  555. package/oj-c/select-single/__webdriver__/SelectSingleWebElementBase.js +9 -9
  556. package/oj-c/select-single/__webdriver__/SelectSingleWebElementBase.js.map +1 -1
  557. package/oj-c/select-single/component.json +39 -21
  558. package/oj-c/select-single/select-single.js +45 -94
  559. package/oj-c/select-single/useSelectSinglePreact.js +25 -12
  560. package/oj-c/select-single/useSyncValueAndValueItem.js +32 -7
  561. package/oj-c/select-single.js +1 -1
  562. package/oj-c/selection-card/component.json +11 -2
  563. package/oj-c/selection-card.js +1 -1
  564. package/oj-c/selector/component.json +5 -2
  565. package/oj-c/selector-all/component.json +5 -2
  566. package/oj-c/selector-all/selector-all.js +1 -1
  567. package/oj-c/selector-all.js +1 -1
  568. package/oj-c/selector.js +1 -1
  569. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElement.d.ts +1 -0
  570. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElement.js +13 -8
  571. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElement.js.map +1 -1
  572. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElementBase.d.ts +59 -1
  573. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElementBase.js.map +1 -1
  574. package/oj-c/split-menu-button/component.json +125 -13
  575. package/oj-c/split-menu-button/split-menu-button.js +3 -4
  576. package/oj-c/split-menu-button.js +1 -1
  577. package/oj-c/tab-bar/ContentRenderer.js +41 -0
  578. package/oj-c/tab-bar/DataTabBar.js +54 -0
  579. package/oj-c/tab-bar/DataTabBar.types.js +4 -0
  580. package/oj-c/tab-bar/DataTabBarIcon.js +16 -0
  581. package/oj-c/tab-bar/__webdriver__/TabBarWebElement.d.ts +8 -0
  582. package/oj-c/tab-bar/__webdriver__/TabBarWebElement.js +13 -0
  583. package/oj-c/tab-bar/__webdriver__/TabBarWebElement.js.map +1 -0
  584. package/oj-c/tab-bar/__webdriver__/TabBarWebElementBase.d.ts +65 -0
  585. package/oj-c/tab-bar/__webdriver__/TabBarWebElementBase.js +86 -0
  586. package/oj-c/tab-bar/__webdriver__/TabBarWebElementBase.js.map +1 -0
  587. package/oj-c/tab-bar/__webdriver__/index.d.ts +17 -0
  588. package/oj-c/tab-bar/__webdriver__/index.js +34 -0
  589. package/oj-c/tab-bar/__webdriver__/index.js.map +1 -0
  590. package/oj-c/tab-bar/component.json +223 -0
  591. package/oj-c/tab-bar/index.js +6 -0
  592. package/oj-c/tab-bar/tab-bar-styles.css +11 -0
  593. package/oj-c/tab-bar/tab-bar.js +70 -0
  594. package/oj-c/tab-bar-mixed/DataTabBarMixed.js +1 -1
  595. package/oj-c/tab-bar-mixed/component.json +11 -2
  596. package/oj-c/tab-bar-mixed/sumBadge.js +3 -3
  597. package/oj-c/tab-bar-mixed/tab-bar-mixed.js +1 -1
  598. package/oj-c/tab-bar-mixed.js +1 -1
  599. package/oj-c/tab-bar.js +6 -0
  600. package/oj-c/tag-cloud/component.json +11 -2
  601. package/oj-c/tag-cloud/tag-cloud.js +3 -9
  602. package/oj-c/tag-cloud-item/component.json +8 -2
  603. package/oj-c/tag-cloud-item.js +1 -1
  604. package/oj-c/tag-cloud.js +1 -1
  605. package/oj-c/text-area/__webdriver__/TextAreaWebElementBase.d.ts +0 -7
  606. package/oj-c/text-area/__webdriver__/TextAreaWebElementBase.js +0 -9
  607. package/oj-c/text-area/__webdriver__/TextAreaWebElementBase.js.map +1 -1
  608. package/oj-c/text-area/component.json +24 -20
  609. package/oj-c/text-area/text-area.js +70 -98
  610. package/oj-c/text-area/useTextAreaAutosizePreact.js +12 -9
  611. package/oj-c/text-area/useTextAreaPreact.js +12 -9
  612. package/oj-c/text-area.js +1 -1
  613. package/oj-c/toggle-button/__webdriver__/ToggleButtonWebElement.d.ts +8 -0
  614. package/oj-c/toggle-button/__webdriver__/ToggleButtonWebElement.js +13 -0
  615. package/oj-c/toggle-button/__webdriver__/ToggleButtonWebElement.js.map +1 -0
  616. package/oj-c/toggle-button/__webdriver__/ToggleButtonWebElementBase.d.ts +72 -0
  617. package/oj-c/toggle-button/__webdriver__/ToggleButtonWebElementBase.js +95 -0
  618. package/oj-c/toggle-button/__webdriver__/ToggleButtonWebElementBase.js.map +1 -0
  619. package/oj-c/toggle-button/__webdriver__/index.d.ts +17 -0
  620. package/oj-c/toggle-button/__webdriver__/index.js +34 -0
  621. package/oj-c/toggle-button/__webdriver__/index.js.map +1 -0
  622. package/oj-c/toggle-button/component.json +229 -0
  623. package/oj-c/toggle-button/index.js +6 -0
  624. package/oj-c/toggle-button/toggle-button-styles.css +12 -0
  625. package/oj-c/toggle-button/toggle-button.js +83 -0
  626. package/oj-c/toggle-button.js +6 -0
  627. package/oj-c/types/Dropdown/Dropdown.d.ts +5 -0
  628. package/oj-c/types/Dropdown/index.d.ts +1 -0
  629. package/oj-c/types/Sheet/Sheet.d.ts +5 -0
  630. package/oj-c/types/Sheet/index.d.ts +1 -0
  631. package/oj-c/types/action-card/action-card.d.ts +12 -4
  632. package/oj-c/types/area-chart/area-chart.d.ts +12 -4
  633. package/oj-c/types/button/button.d.ts +5 -3
  634. package/oj-c/types/buttonset-multiple/buttonset-multiple.d.ts +95 -0
  635. package/oj-c/types/buttonset-multiple/index.d.ts +2 -0
  636. package/oj-c/types/buttonset-single/buttonset-single.d.ts +95 -0
  637. package/oj-c/types/buttonset-single/index.d.ts +2 -0
  638. package/oj-c/types/card-view/card-view.d.ts +120 -0
  639. package/oj-c/types/card-view/cardViewItem.d.ts +9 -0
  640. package/oj-c/types/card-view/index.d.ts +2 -0
  641. package/oj-c/types/card-view/useCardViewPreact.d.ts +25 -0
  642. package/oj-c/types/checkbox/checkbox.d.ts +23 -39
  643. package/oj-c/types/checkbox/useCheckboxPreact.d.ts +3 -3
  644. package/oj-c/types/checkboxset/checkboxset.d.ts +29 -41
  645. package/oj-c/types/checkboxset/useCheckboxsetPreact.d.ts +2 -2
  646. package/oj-c/types/conveyor-belt/conveyor-belt.d.ts +77 -0
  647. package/oj-c/types/conveyor-belt/conveyorBeltItem.d.ts +24 -0
  648. package/oj-c/types/conveyor-belt/index.d.ts +2 -0
  649. package/oj-c/types/date-picker/date-picker.d.ts +113 -0
  650. package/oj-c/types/date-picker/index.d.ts +2 -0
  651. package/oj-c/types/drag-handle/drag-handle.d.ts +24 -0
  652. package/oj-c/types/drag-handle/index.d.ts +2 -0
  653. package/oj-c/types/drawer-layout/drawer-layout.d.ts +91 -0
  654. package/oj-c/types/drawer-layout/index.d.ts +2 -0
  655. package/oj-c/types/drawer-popup/drawer-popup.d.ts +7 -2
  656. package/oj-c/types/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.d.ts +3 -3
  657. package/oj-c/types/editable-value/UNSAFE_useEditableValue/useEditableValue.d.ts +4 -3
  658. package/oj-c/types/editable-value/UNSAFE_useValidators/useValidators.d.ts +2 -2
  659. package/oj-c/types/editable-value/UNSAFE_useValue/useValue.d.ts +4 -4
  660. package/oj-c/types/file-picker/file-picker.d.ts +0 -1
  661. package/oj-c/types/form-layout/form-layout.d.ts +3 -8
  662. package/oj-c/types/hooks/PRIVATE_useVisData/useVisData.d.ts +10 -0
  663. package/oj-c/types/hooks/UNSAFE_useChartData/dataUtil.d.ts +1 -1
  664. package/oj-c/types/hooks/UNSAFE_useChartData/useChartData.d.ts +1 -0
  665. package/oj-c/types/hooks/UNSAFE_useEditableValue/converterUtils.d.ts +14 -0
  666. package/oj-c/types/hooks/UNSAFE_useEditableValue/index.d.ts +2 -0
  667. package/oj-c/types/hooks/UNSAFE_useEditableValue/reducer.d.ts +106 -0
  668. package/oj-c/types/hooks/UNSAFE_useEditableValue/types.d.ts +7 -0
  669. package/oj-c/types/hooks/UNSAFE_useEditableValue/useEditableValue.d.ts +43 -0
  670. package/oj-c/types/hooks/UNSAFE_useEditableValue/utils.d.ts +8 -0
  671. package/oj-c/types/hooks/UNSAFE_useEditableValue/validationUtils.d.ts +27 -0
  672. package/oj-c/types/hooks/UNSAFE_useMergedFormContext/useMergedFormContext.d.ts +16 -0
  673. package/oj-c/types/hooks/UNSAFE_useVisBusyState/useVisBusyState.d.ts +1 -0
  674. package/oj-c/types/input-date-mask/input-date-mask.d.ts +3 -3
  675. package/oj-c/types/input-date-mask/useInputDateMaskPreact.d.ts +6 -5
  676. package/oj-c/types/input-date-picker/DateRangeValidator.d.ts +31 -0
  677. package/oj-c/types/input-date-picker/DateRestrictionValidator.d.ts +25 -0
  678. package/oj-c/types/input-date-picker/index.d.ts +2 -0
  679. package/oj-c/types/input-date-picker/input-date-picker.d.ts +219 -0
  680. package/oj-c/types/input-date-picker/useCombinedImplicitValidators.d.ts +2 -0
  681. package/oj-c/types/input-date-picker/useImplicitCalendarDateConverter.d.ts +7 -0
  682. package/oj-c/types/input-date-picker/useImplicitDateRangeValidator.d.ts +4 -0
  683. package/oj-c/types/input-date-picker/useImplicitDateRestrictionValidator.d.ts +6 -0
  684. package/oj-c/types/input-date-picker/useInputDatePicker.d.ts +45 -0
  685. package/oj-c/types/input-date-picker/utils.d.ts +3 -0
  686. package/oj-c/types/input-date-text/input-date-text.d.ts +16 -26
  687. package/oj-c/types/input-date-text/useInputDateTextPreact.d.ts +3 -5
  688. package/oj-c/types/input-month-mask/input-month-mask.d.ts +3 -3
  689. package/oj-c/types/input-month-mask/useInputMonthMaskPreact.d.ts +5 -6
  690. package/oj-c/types/input-number/input-number.d.ts +15 -25
  691. package/oj-c/types/input-number/useNumberInputTextPreact.d.ts +3 -3
  692. package/oj-c/types/input-password/input-password.d.ts +16 -26
  693. package/oj-c/types/input-password/useInputPasswordPreact.d.ts +3 -3
  694. package/oj-c/types/input-sensitive-text/input-sensitive-text.d.ts +3 -3
  695. package/oj-c/types/input-sensitive-text/useInputSensitiveTextPreact.d.ts +3 -3
  696. package/oj-c/types/input-text/input-text.d.ts +16 -21
  697. package/oj-c/types/input-text/useInputTextPreact.d.ts +5 -10
  698. package/oj-c/types/legend/events.d.ts +2 -2
  699. package/oj-c/types/legend/legend.d.ts +4 -2
  700. package/oj-c/types/legend/utils.d.ts +5 -3
  701. package/oj-c/types/legend-item/legend-item.d.ts +6 -1
  702. package/oj-c/types/line-chart/line-chart.d.ts +9 -1
  703. package/oj-c/types/list-view/DataFetchLiveRegion.d.ts +5 -0
  704. package/oj-c/types/list-view/index.d.ts +1 -1
  705. package/oj-c/types/list-view/list-view.d.ts +60 -3
  706. package/oj-c/types/list-view/useListViewPreact.d.ts +5 -2
  707. package/oj-c/types/menu-button/menu-button.d.ts +10 -9
  708. package/oj-c/types/message-banner/message-banner.d.ts +7 -1
  709. package/oj-c/types/message-toast/message-toast.d.ts +2 -0
  710. package/oj-c/types/meter-circle/meter-circle.d.ts +1 -0
  711. package/oj-c/types/popup/index.d.ts +2 -0
  712. package/oj-c/types/popup/popup.d.ts +150 -0
  713. package/oj-c/types/popup/resources/nls/popup-strings.d.ts +8 -0
  714. package/oj-c/types/radioset/useRadiosetPreact.d.ts +2 -2
  715. package/oj-c/types/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners.d.ts +4 -4
  716. package/oj-c/types/select-common/UNSAFE_useWrapValueState/useWrapValueState.d.ts +5 -5
  717. package/oj-c/types/select-common/utils/utils.d.ts +2 -0
  718. package/oj-c/types/select-multiple/select-multiple.d.ts +15 -28
  719. package/oj-c/types/select-multiple/useSelectMultiplePreact.d.ts +4 -7
  720. package/oj-c/types/select-multiple/useSyncValueAndValueItems.d.ts +7 -4
  721. package/oj-c/types/select-single/select-single.d.ts +16 -30
  722. package/oj-c/types/select-single/useSelectSinglePreact.d.ts +4 -8
  723. package/oj-c/types/select-single/useSyncValueAndValueItem.d.ts +7 -4
  724. package/oj-c/types/split-menu-button/split-menu-button.d.ts +6 -8
  725. package/oj-c/types/tab-bar/ContentRenderer.d.ts +5 -0
  726. package/oj-c/types/tab-bar/DataTabBar.d.ts +2 -0
  727. package/oj-c/types/tab-bar/DataTabBar.types.d.ts +32 -0
  728. package/oj-c/types/tab-bar/DataTabBarIcon.d.ts +10 -0
  729. package/oj-c/types/tab-bar/index.d.ts +2 -0
  730. package/oj-c/types/tab-bar/tab-bar.d.ts +125 -0
  731. package/oj-c/types/tag-cloud/tag-cloud.d.ts +1 -0
  732. package/oj-c/types/text-area/text-area.d.ts +16 -26
  733. package/oj-c/types/text-area/useTextAreaAutosizePreact.d.ts +3 -5
  734. package/oj-c/types/text-area/useTextAreaPreact.d.ts +3 -5
  735. package/oj-c/types/toggle-button/index.d.ts +2 -0
  736. package/oj-c/types/toggle-button/toggle-button.d.ts +94 -0
  737. package/oj-c/types/utils/PRIVATE_ItemsMenu/index.d.ts +1 -1
  738. package/oj-c/types/utils/PRIVATE_ItemsMenu/items-menu.d.ts +8 -4
  739. package/oj-c/types/utils/PRIVATE_ItemsMenu/menuTypes.d.ts +20 -1
  740. package/oj-c/types/utils/PRIVATE_chartUtils/events.d.ts +4 -5
  741. package/oj-c/types/utils/PRIVATE_chartUtils/lineAreaUtils.d.ts +1 -1
  742. package/oj-c/types/utils/PRIVATE_chartUtils/plotAreaUtils.d.ts +2 -25
  743. package/oj-c/types/utils/PRIVATE_toggleUtils/index.d.ts +3 -0
  744. package/oj-c/types/utils/PRIVATE_toggleUtils/toggle-item-icon.d.ts +6 -0
  745. package/oj-c/types/utils/PRIVATE_toggleUtils/toggleTypes.d.ts +14 -0
  746. package/oj-c/types/utils/PRIVATE_toggleUtils/widthStyle.d.ts +11 -0
  747. package/oj-c/types/utils/UNSAFE_keyUtils/keySetUtils.d.ts +2 -0
  748. package/oj-c/types/utils/UNSAFE_vizTypes/chartTypes.d.ts +1 -0
  749. package/oj-c/utils/PRIVATE_ItemsMenu/items-menu.js +7 -5
  750. package/oj-c/utils/PRIVATE_chartUtils/axisUtils.js +1 -0
  751. package/oj-c/utils/PRIVATE_toggleUtils/index.js +7 -0
  752. package/oj-c/utils/PRIVATE_toggleUtils/toggle-item-icon.js +14 -0
  753. package/oj-c/utils/PRIVATE_toggleUtils/toggleTypes.js +4 -0
  754. package/oj-c/utils/PRIVATE_toggleUtils/widthStyle.js +19 -0
  755. package/oj-c/utils/UNSAFE_keyUtils/keySetUtils.js +21 -1
  756. package/oj-c/utils/UNSAFE_vizUtils/TemplateHandler.js +15 -3
  757. package/package.json +4 -4
  758. package/webdriver/docs/assets/navigation.js +1 -1
  759. package/webdriver/docs/assets/search.js +1 -1
  760. package/webdriver/docs/classes/ActionCardWebElement.html +1 -1
  761. package/webdriver/docs/classes/AreaChartWebElement.html +6 -2
  762. package/webdriver/docs/classes/AvatarWebElement.html +1 -1
  763. package/webdriver/docs/classes/ButtonWebElement.html +1 -1
  764. package/webdriver/docs/classes/ButtonsetMultipleWebElement.html +143 -0
  765. package/webdriver/docs/classes/ButtonsetSingleWebElement.html +143 -0
  766. package/webdriver/docs/classes/CardViewWebElement.html +150 -0
  767. package/webdriver/docs/classes/CheckboxWebElement.html +1 -1
  768. package/webdriver/docs/classes/CheckboxsetWebElement.html +1 -1
  769. package/webdriver/docs/classes/CollapsibleWebElement.html +2 -2
  770. package/webdriver/docs/classes/ConveyorBeltWebElement.html +122 -0
  771. package/webdriver/docs/classes/DatePickerWebElement.html +143 -0
  772. package/webdriver/docs/classes/DrawerLayoutWebElement.html +139 -0
  773. package/webdriver/docs/classes/DrawerPopupWebElement.html +1 -1
  774. package/webdriver/docs/classes/FilePickerWebElement.html +10 -1
  775. package/webdriver/docs/classes/FormLayoutWebElement.html +1 -1
  776. package/webdriver/docs/classes/HighlightTextWebElement.html +1 -1
  777. package/webdriver/docs/classes/InputDateMaskWebElement.html +1 -1
  778. package/webdriver/docs/classes/InputDatePickerWebElement.html +231 -0
  779. package/webdriver/docs/classes/InputDateTextWebElement.html +2 -5
  780. package/webdriver/docs/classes/InputMonthMaskWebElement.html +1 -1
  781. package/webdriver/docs/classes/InputNumberWebElement.html +2 -5
  782. package/webdriver/docs/classes/InputPasswordWebElement.html +2 -5
  783. package/webdriver/docs/classes/InputSensitiveTextWebElement.html +1 -1
  784. package/webdriver/docs/classes/InputTextWebElement.html +1 -1
  785. package/webdriver/docs/classes/LabelledLinkWebElement.html +1 -1
  786. package/webdriver/docs/classes/LegendWebElement.html +1 -1
  787. package/webdriver/docs/classes/LineChartWebElement.html +6 -2
  788. package/webdriver/docs/classes/ListItemLayoutWebElement.html +13 -9
  789. package/webdriver/docs/classes/ListViewWebElement.html +13 -5
  790. package/webdriver/docs/classes/MenuButtonWebElement.html +1 -1
  791. package/webdriver/docs/classes/MessageBannerWebElement.html +6 -2
  792. package/webdriver/docs/classes/MessageToastWebElement.html +1 -1
  793. package/webdriver/docs/classes/MeterBarWebElement.html +1 -1
  794. package/webdriver/docs/classes/MeterCircleWebElement.html +1 -1
  795. package/webdriver/docs/classes/PopupWebElement.html +171 -0
  796. package/webdriver/docs/classes/ProgressBarWebElement.html +1 -1
  797. package/webdriver/docs/classes/ProgressCircleWebElement.html +1 -1
  798. package/webdriver/docs/classes/RadiosetWebElement.html +1 -1
  799. package/webdriver/docs/classes/RatingGaugeWebElement.html +1 -1
  800. package/webdriver/docs/classes/SelectMultipleWebElement.html +7 -6
  801. package/webdriver/docs/classes/SelectSingleWebElement.html +7 -6
  802. package/webdriver/docs/classes/SelectionCardWebElement.html +1 -1
  803. package/webdriver/docs/classes/SelectorAllWebElement.html +1 -1
  804. package/webdriver/docs/classes/SelectorWebElement.html +1 -1
  805. package/webdriver/docs/classes/SplitMenuButtonWebElement.html +3 -3
  806. package/webdriver/docs/classes/TabBarMixedWebElement.html +1 -1
  807. package/webdriver/docs/classes/TabBarWebElement.html +135 -0
  808. package/webdriver/docs/classes/TagCloudWebElement.html +1 -1
  809. package/webdriver/docs/classes/TextAreaWebElement.html +2 -5
  810. package/webdriver/docs/classes/ToggleButtonWebElement.html +139 -0
  811. package/webdriver/docs/functions/findActionCard.html +1 -1
  812. package/webdriver/docs/functions/findAreaChart.html +1 -1
  813. package/webdriver/docs/functions/findAvatar.html +1 -1
  814. package/webdriver/docs/functions/findButton.html +1 -1
  815. package/webdriver/docs/functions/findButtonsetMultiple.html +8 -0
  816. package/webdriver/docs/functions/findButtonsetSingle.html +8 -0
  817. package/webdriver/docs/functions/findCardView.html +8 -0
  818. package/webdriver/docs/functions/findCheckbox.html +1 -1
  819. package/webdriver/docs/functions/findCheckboxset.html +1 -1
  820. package/webdriver/docs/functions/findCollapsible.html +1 -1
  821. package/webdriver/docs/functions/findConveyorBelt.html +8 -0
  822. package/webdriver/docs/functions/findDatePicker.html +8 -0
  823. package/webdriver/docs/functions/findDrawerLayout.html +8 -0
  824. package/webdriver/docs/functions/findDrawerPopup.html +1 -1
  825. package/webdriver/docs/functions/findFilePicker.html +1 -1
  826. package/webdriver/docs/functions/findFormLayout.html +1 -1
  827. package/webdriver/docs/functions/findHighlightText.html +1 -1
  828. package/webdriver/docs/functions/findInputDateMask.html +1 -1
  829. package/webdriver/docs/functions/findInputDatePicker.html +8 -0
  830. package/webdriver/docs/functions/findInputDateText.html +1 -1
  831. package/webdriver/docs/functions/findInputMonthMask.html +1 -1
  832. package/webdriver/docs/functions/findInputNumber.html +1 -1
  833. package/webdriver/docs/functions/findInputPassword.html +1 -1
  834. package/webdriver/docs/functions/findInputSensitiveText.html +1 -1
  835. package/webdriver/docs/functions/findInputText.html +1 -1
  836. package/webdriver/docs/functions/findLabelledLink.html +1 -1
  837. package/webdriver/docs/functions/findLegend.html +1 -1
  838. package/webdriver/docs/functions/findLineChart.html +1 -1
  839. package/webdriver/docs/functions/findListItemLayout.html +1 -1
  840. package/webdriver/docs/functions/findListView.html +1 -1
  841. package/webdriver/docs/functions/findMenuButton.html +1 -1
  842. package/webdriver/docs/functions/findMessageBanner.html +1 -1
  843. package/webdriver/docs/functions/findMessageToast.html +1 -1
  844. package/webdriver/docs/functions/findMeterBar.html +1 -1
  845. package/webdriver/docs/functions/findMeterCircle.html +1 -1
  846. package/webdriver/docs/functions/findPopup.html +8 -0
  847. package/webdriver/docs/functions/findProgressBar.html +1 -1
  848. package/webdriver/docs/functions/findProgressCircle.html +1 -1
  849. package/webdriver/docs/functions/findRadioset.html +1 -1
  850. package/webdriver/docs/functions/findRatingGauge.html +1 -1
  851. package/webdriver/docs/functions/findSelectMultiple.html +1 -1
  852. package/webdriver/docs/functions/findSelectSingle.html +1 -1
  853. package/webdriver/docs/functions/findSelectionCard.html +1 -1
  854. package/webdriver/docs/functions/findSelector.html +1 -1
  855. package/webdriver/docs/functions/findSelectorAll.html +1 -1
  856. package/webdriver/docs/functions/findSplitMenuButton.html +1 -1
  857. package/webdriver/docs/functions/findTabBar.html +8 -0
  858. package/webdriver/docs/functions/findTabBarMixed.html +1 -1
  859. package/webdriver/docs/functions/findTagCloud.html +1 -1
  860. package/webdriver/docs/functions/findTextArea.html +1 -1
  861. package/webdriver/docs/functions/findToggleButton.html +8 -0
  862. package/webdriver/docs/index.html +1 -1
  863. package/webdriver/docs/modules.html +21 -1
  864. package/webdriver/index.d.ts +10 -0
  865. package/webdriver/index.js +10 -0
  866. package/webdriver/index.js.map +1 -1
  867. package/webdriver/index.ts +11 -1
  868. package/oj-c/docs/action-card.html +0 -249
  869. package/oj-c/docs/area-chart-group.html +0 -249
  870. package/oj-c/docs/area-chart-item.html +0 -249
  871. package/oj-c/docs/area-chart-series.html +0 -249
  872. package/oj-c/docs/area-chart.html +0 -249
  873. package/oj-c/docs/avatar.html +0 -249
  874. package/oj-c/docs/button.html +0 -249
  875. package/oj-c/docs/checkbox.html +0 -249
  876. package/oj-c/docs/checkboxset.html +0 -249
  877. package/oj-c/docs/collapsible.html +0 -249
  878. package/oj-c/docs/drawer-popup.html +0 -249
  879. package/oj-c/docs/file-picker.html +0 -249
  880. package/oj-c/docs/form-layout.html +0 -249
  881. package/oj-c/docs/highlight-text.html +0 -249
  882. package/oj-c/docs/index.html +0 -247
  883. package/oj-c/docs/input-date-mask.html +0 -249
  884. package/oj-c/docs/input-date-text.html +0 -249
  885. package/oj-c/docs/input-month-mask.html +0 -249
  886. package/oj-c/docs/input-number.html +0 -249
  887. package/oj-c/docs/input-password.html +0 -249
  888. package/oj-c/docs/input-sensitive-text.html +0 -249
  889. package/oj-c/docs/input-text.html +0 -249
  890. package/oj-c/docs/jsDocMd.json +0 -1
  891. package/oj-c/docs/labelled-link.html +0 -249
  892. package/oj-c/docs/legend-item.html +0 -249
  893. package/oj-c/docs/legend-section.html +0 -249
  894. package/oj-c/docs/legend.html +0 -249
  895. package/oj-c/docs/line-chart-group.html +0 -249
  896. package/oj-c/docs/line-chart-item.html +0 -249
  897. package/oj-c/docs/line-chart-series.html +0 -249
  898. package/oj-c/docs/line-chart.html +0 -249
  899. package/oj-c/docs/list-item-layout.html +0 -249
  900. package/oj-c/docs/list-view.html +0 -249
  901. package/oj-c/docs/menu-button.html +0 -249
  902. package/oj-c/docs/message-banner.html +0 -249
  903. package/oj-c/docs/message-toast.html +0 -249
  904. package/oj-c/docs/meter-bar.html +0 -249
  905. package/oj-c/docs/meter-circle.html +0 -249
  906. package/oj-c/docs/oj-c.ActionCard.html +0 -1045
  907. package/oj-c/docs/oj-c.AreaChart.html +0 -9396
  908. package/oj-c/docs/oj-c.AreaChartGroup.html +0 -610
  909. package/oj-c/docs/oj-c.AreaChartItem.html +0 -1104
  910. package/oj-c/docs/oj-c.AreaChartSeries.html +0 -1044
  911. package/oj-c/docs/oj-c.Avatar.html +0 -1907
  912. package/oj-c/docs/oj-c.Button.html +0 -2301
  913. package/oj-c/docs/oj-c.Checkbox.html +0 -3493
  914. package/oj-c/docs/oj-c.Checkboxset.html +0 -4589
  915. package/oj-c/docs/oj-c.Collapsible.html +0 -2064
  916. package/oj-c/docs/oj-c.DrawerPopup.html +0 -1631
  917. package/oj-c/docs/oj-c.FilePicker.html +0 -2664
  918. package/oj-c/docs/oj-c.FormLayout.html +0 -2159
  919. package/oj-c/docs/oj-c.HighlightText.html +0 -1078
  920. package/oj-c/docs/oj-c.InputDateMask.html +0 -5271
  921. package/oj-c/docs/oj-c.InputDateText.html +0 -5534
  922. package/oj-c/docs/oj-c.InputMonthMask.html +0 -5940
  923. package/oj-c/docs/oj-c.InputNumber.html +0 -6369
  924. package/oj-c/docs/oj-c.InputPassword.html +0 -5261
  925. package/oj-c/docs/oj-c.InputSensitiveText.html +0 -5723
  926. package/oj-c/docs/oj-c.InputText.html +0 -6124
  927. package/oj-c/docs/oj-c.LabelledLink.html +0 -2552
  928. package/oj-c/docs/oj-c.Legend.html +0 -5146
  929. package/oj-c/docs/oj-c.LegendItem.html +0 -1493
  930. package/oj-c/docs/oj-c.LegendSection.html +0 -460
  931. package/oj-c/docs/oj-c.LineChart.html +0 -9491
  932. package/oj-c/docs/oj-c.LineChartGroup.html +0 -610
  933. package/oj-c/docs/oj-c.LineChartItem.html +0 -1104
  934. package/oj-c/docs/oj-c.LineChartSeries.html +0 -1168
  935. package/oj-c/docs/oj-c.ListItemLayout.html +0 -1680
  936. package/oj-c/docs/oj-c.ListView.html +0 -2733
  937. package/oj-c/docs/oj-c.MenuButton.html +0 -2444
  938. package/oj-c/docs/oj-c.MessageBanner.html +0 -2107
  939. package/oj-c/docs/oj-c.MessageToast.html +0 -2254
  940. package/oj-c/docs/oj-c.MeterBar.html +0 -3308
  941. package/oj-c/docs/oj-c.MeterCircle.html +0 -3845
  942. package/oj-c/docs/oj-c.ProgressBar.html +0 -1250
  943. package/oj-c/docs/oj-c.ProgressCircle.html +0 -1266
  944. package/oj-c/docs/oj-c.Radioset.html +0 -4585
  945. package/oj-c/docs/oj-c.RatingGauge.html +0 -2738
  946. package/oj-c/docs/oj-c.SelectMultiple.html +0 -5381
  947. package/oj-c/docs/oj-c.SelectSingle.html +0 -5691
  948. package/oj-c/docs/oj-c.Selector.html +0 -1363
  949. package/oj-c/docs/oj-c.SelectorAll.html +0 -1128
  950. package/oj-c/docs/oj-c.SplitMenuButton.html +0 -1990
  951. package/oj-c/docs/oj-c.TabBarMixed.html +0 -2660
  952. package/oj-c/docs/oj-c.TagCloud.html +0 -2441
  953. package/oj-c/docs/oj-c.TagCloudItem.html +0 -794
  954. package/oj-c/docs/oj-c.TextArea.html +0 -5809
  955. package/oj-c/docs/progress-bar.html +0 -249
  956. package/oj-c/docs/progress-circle.html +0 -249
  957. package/oj-c/docs/radioset.html +0 -249
  958. package/oj-c/docs/rating-gauge.html +0 -249
  959. package/oj-c/docs/scripts/deprecated.js +0 -268
  960. package/oj-c/docs/scripts/prettify/Apache-License-2.0.txt +0 -202
  961. package/oj-c/docs/scripts/prettify/lang-css.js +0 -9
  962. package/oj-c/docs/scripts/prettify/prettify.js +0 -35
  963. package/oj-c/docs/select-multiple.html +0 -249
  964. package/oj-c/docs/select-single.html +0 -249
  965. package/oj-c/docs/selection-card.html +0 -249
  966. package/oj-c/docs/selector-all.html +0 -249
  967. package/oj-c/docs/selector.html +0 -249
  968. package/oj-c/docs/split-menu-button.html +0 -249
  969. package/oj-c/docs/styles/images/bookmark.png +0 -0
  970. package/oj-c/docs/styles/images/linesarrowup.png +0 -0
  971. package/oj-c/docs/styles/images/linesarrowup_blue.png +0 -0
  972. package/oj-c/docs/styles/images/linesarrowup_hov.png +0 -0
  973. package/oj-c/docs/styles/images/linesarrowup_white.png +0 -0
  974. package/oj-c/docs/styles/images/oracle_logo_sm.png +0 -0
  975. package/oj-c/docs/styles/jsdoc-default.css +0 -851
  976. package/oj-c/docs/styles/prettify-jsdoc.css +0 -111
  977. package/oj-c/docs/styles/prettify-tomorrow.css +0 -132
  978. package/oj-c/docs/tab-bar-mixed.html +0 -249
  979. package/oj-c/docs/tag-cloud-item.html +0 -249
  980. package/oj-c/docs/tag-cloud.html +0 -249
  981. package/oj-c/docs/text-area.html +0 -249
  982. package/oj-c/editable-value/UNSAFE_useConverterObject/useConverterObject.js +0 -42
  983. package/oj-c/editable-value/UNSAFE_useEditableValueRawValueObject/useEditableValueRawValueObject.js +0 -147
  984. package/oj-c/editable-value/UNSAFE_useValueRawValueObject/useValueRawValueObject.js +0 -40
  985. package/oj-c/editable-value/UNSAFE_useValueRawValueObjectLifecycle/useValueRawValueObjectLifecycle.js +0 -27
  986. package/oj-c/min/editable-value/UNSAFE_useConverterObject/useConverterObject.js +0 -42
  987. package/oj-c/min/editable-value/UNSAFE_useEditableValueRawValueObject/useEditableValueRawValueObject.js +0 -147
  988. package/oj-c/min/editable-value/UNSAFE_useValueRawValueObject/useValueRawValueObject.js +0 -40
  989. package/oj-c/min/editable-value/UNSAFE_useValueRawValueObjectLifecycle/useValueRawValueObjectLifecycle.js +0 -27
  990. package/oj-c/types/editable-value/UNSAFE_useConverterObject/useConverterObject.d.ts +0 -15
  991. package/oj-c/types/editable-value/UNSAFE_useEditableValueRawValueObject/useEditableValueRawValueObject.d.ts +0 -49
  992. package/oj-c/types/editable-value/UNSAFE_useValueRawValueObject/useValueRawValueObject.d.ts +0 -23
  993. package/oj-c/types/editable-value/UNSAFE_useValueRawValueObjectLifecycle/useValueRawValueObjectLifecycle.d.ts +0 -9
package/oj-c/docs/oj-c.Radioset.html DELETED
@@ -1,4585 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <title>Element: &lt;oj-c-radioset></title>
6
-
7
- <script src="scripts/prettify/prettify.js"> </script>
8
- <script src="scripts/prettify/lang-css.js"> </script>
9
- <!--[if lt IE 9]>
10
- <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
11
- <![endif]-->
12
- <script src="scripts/deprecated.js"></script>
13
-
14
- <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
15
- <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
16
- </head>
17
-
18
- <body>
19
-
20
-
21
- <nav id="nav" data-current-item="navItem87">
22
-
23
- <h2>Oracle® JET</h2>
24
- <h2>Core Pack Components</h2>
25
- <h3>16.1.3</h3>
26
-
27
- <div class="deprecation-checkboxes" style="display: none">
28
- <ul style="list-style: none; display: none;">
29
- <li style="margin-top:0px">
30
- <label for="deprecated">
31
- <div class="deprecated-cb-common"><input type="checkbox" id="deprecated"><span style="padding:2px">Show Deprecated APIs</span></div>
32
- </label>
33
- </li>
34
- <li style="margin-top:0px">
35
- <label for="jsonly"></label>
36
- <div class="deprecated-cb-common"><input type="checkbox" id="jsonly"><span style="padding:2px 12px 2px 2px">Javascript Only APIs</span></div>
37
- </li>
38
- </ul>
39
- </div>
40
- <ul><li id="idx"><h2 id="navIndex"><a href="index.html" id="navIndexFocusable">Index</a></h2></li><li><div id="nav_toggle">
41
- <input type="radio" id="elements_rb" name="toggle" value="Elements">
42
- <label for="elements">Elements</label>
43
- <input type="radio" id="modules_rb" name="toggle" value="Modules">
44
- <label for="modules">Modules</label><br>
45
- </div></li><li id="nav_elements" style="display: none"><h3 id="navElements">Elements</h3><ul class="subList"><li id="navItem0"><a href="oj-c.ActionCard.html">&lt;oj-c-action-card></a></li><li id="navItem1"><a href="oj-c.AreaChart.html">&lt;oj-c-area-chart></a></li><li id="navItem2"><a href="oj-c.AreaChartGroup.html">&lt;oj-c-area-chart-group></a></li><li id="navItem3"><a href="oj-c.AreaChartItem.html">&lt;oj-c-area-chart-item></a></li><li id="navItem4"><a href="oj-c.AreaChartSeries.html">&lt;oj-c-area-chart-series></a></li><li class="deprecated-hidden" id="navItem5"><a href="oj-c.Avatar.html">&lt;oj-c-avatar></a></li><li class="deprecated-hidden" id="navItem6"><a href="oj-c.Button.html">&lt;oj-c-button></a></li><li id="navItem7"><a href="oj-c.Checkbox.html">&lt;oj-c-checkbox></a></li><li class="deprecated-hidden" id="navItem8"><a href="oj-c.Checkboxset.html">&lt;oj-c-checkboxset></a></li><li id="navItem9"><a href="oj-c.Collapsible.html">&lt;oj-c-collapsible></a></li><li id="navItem10"><a href="oj-c.DrawerPopup.html">&lt;oj-c-drawer-popup></a></li><li class="deprecated-hidden" id="navItem11"><a href="oj-c.FilePicker.html">&lt;oj-c-file-picker></a></li><li id="navItem12"><a href="oj-c.FormLayout.html">&lt;oj-c-form-layout></a></li><li class="deprecated-hidden" id="navItem13"><a href="oj-c.HighlightText.html">&lt;oj-c-highlight-text></a></li><li id="navItem14"><a href="oj-c.InputDateMask.html">&lt;oj-c-input-date-mask></a></li><li id="navItem15"><a href="oj-c.InputDateText.html">&lt;oj-c-input-date-text></a></li><li id="navItem16"><a href="oj-c.InputMonthMask.html">&lt;oj-c-input-month-mask></a></li><li class="deprecated-hidden" id="navItem17"><a href="oj-c.InputNumber.html">&lt;oj-c-input-number></a></li><li class="deprecated-hidden" id="navItem18"><a href="oj-c.InputPassword.html">&lt;oj-c-input-password></a></li><li id="navItem19"><a href="oj-c.InputSensitiveText.html">&lt;oj-c-input-sensitive-text></a></li><li class="deprecated-hidden" id="navItem20"><a href="oj-c.InputText.html">&lt;oj-c-input-text></a></li><li id="navItem21"><a href="oj-c.LabelledLink.html">&lt;oj-c-labelled-link></a></li><li id="navItem22"><a href="oj-c.Legend.html">&lt;oj-c-legend></a></li><li id="navItem23"><a href="oj-c.LegendItem.html">&lt;oj-c-legend-item></a></li><li id="navItem24"><a href="oj-c.LegendSection.html">&lt;oj-c-legend-section></a></li><li id="navItem25"><a href="oj-c.LineChart.html">&lt;oj-c-line-chart></a></li><li id="navItem26"><a href="oj-c.LineChartGroup.html">&lt;oj-c-line-chart-group></a></li><li id="navItem27"><a href="oj-c.LineChartItem.html">&lt;oj-c-line-chart-item></a></li><li id="navItem28"><a href="oj-c.LineChartSeries.html">&lt;oj-c-line-chart-series></a></li><li class="deprecated-hidden" id="navItem29"><a href="oj-c.ListItemLayout.html">&lt;oj-c-list-item-layout></a></li><li id="navItem30"><a href="oj-c.ListView.html">&lt;oj-c-list-view></a></li><li class="deprecated-hidden" id="navItem31"><a href="oj-c.MenuButton.html">&lt;oj-c-menu-button></a></li><li class="deprecated-hidden" id="navItem32"><a href="oj-c.MessageBanner.html">&lt;oj-c-message-banner></a></li><li class="deprecated-hidden" id="navItem33"><a href="oj-c.MessageToast.html">&lt;oj-c-message-toast></a></li><li class="deprecated-hidden" id="navItem34"><a href="oj-c.MeterBar.html">&lt;oj-c-meter-bar></a></li><li class="deprecated-hidden" id="navItem35"><a href="oj-c.MeterCircle.html">&lt;oj-c-meter-circle></a></li><li class="deprecated-hidden" id="navItem36"><a href="oj-c.ProgressBar.html">&lt;oj-c-progress-bar></a></li><li class="deprecated-hidden" id="navItem37"><a href="oj-c.ProgressCircle.html">&lt;oj-c-progress-circle></a></li><li class="deprecated-hidden" id="navItem38"><a href="oj-c.Radioset.html">&lt;oj-c-radioset></a></li><li class="deprecated-hidden" id="navItem39"><a href="oj-c.RatingGauge.html">&lt;oj-c-rating-gauge></a></li><li class="deprecated-hidden" id="navItem40"><a href="oj-c.SelectMultiple.html">&lt;oj-c-select-multiple></a></li><li class="deprecated-hidden" id="navItem41"><a href="oj-c.Selector.html">&lt;oj-c-selector></a></li><li class="deprecated-hidden" id="navItem42"><a href="oj-c.SelectorAll.html">&lt;oj-c-selector-all></a></li><li id="navItem43"><a href="oj-c.SelectSingle.html">&lt;oj-c-select-single></a></li><li id="navItem44"><a href="oj-c.SplitMenuButton.html">&lt;oj-c-split-menu-button></a></li><li id="navItem45"><a href="oj-c.TabBarMixed.html">&lt;oj-c-tab-bar-mixed></a></li><li id="navItem46"><a href="oj-c.TagCloud.html">&lt;oj-c-tag-cloud></a></li><li id="navItem47"><a href="oj-c.TagCloudItem.html">&lt;oj-c-tag-cloud-item></a></li><li class="deprecated-hidden" id="navItem48"><a href="oj-c.TextArea.html">&lt;oj-c-text-area></a></li></ul></li><li id="nav_modules" style="display: none"><h3 id="navElements">Modules</h3><ul class="subList_lev2"><li class="module">
46
- <div id="action-card" class="module_element">
47
- <a href="action-card.html">action-card</a>
48
- </div><ul class="subList_lev3"><li id="navItem49"><a href="oj-c.ActionCard.html">&lt;oj-c-action-card></a></li></ul></li><li class="module">
49
- <div id="area-chart" class="module_element">
50
- <a href="area-chart.html">area-chart</a>
51
- </div><ul class="subList_lev3"><li id="navItem50"><a href="oj-c.AreaChart.html">&lt;oj-c-area-chart></a></li></ul></li><li class="module">
52
- <div id="area-chart-group" class="module_element">
53
- <a href="area-chart-group.html">area-chart-group</a>
54
- </div><ul class="subList_lev3"><li id="navItem51"><a href="oj-c.AreaChartGroup.html">&lt;oj-c-area-chart-group></a></li></ul></li><li class="module">
55
- <div id="area-chart-item" class="module_element">
56
- <a href="area-chart-item.html">area-chart-item</a>
57
- </div><ul class="subList_lev3"><li id="navItem52"><a href="oj-c.AreaChartItem.html">&lt;oj-c-area-chart-item></a></li></ul></li><li class="module">
58
- <div id="area-chart-series" class="module_element">
59
- <a href="area-chart-series.html">area-chart-series</a>
60
- </div><ul class="subList_lev3"><li id="navItem53"><a href="oj-c.AreaChartSeries.html">&lt;oj-c-area-chart-series></a></li></ul></li><li class="deprecated-hidden">
61
- <div id="avatar" class="module_element">
62
- <a href="avatar.html">avatar</a>
63
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem54"><a href="oj-c.Avatar.html">&lt;oj-c-avatar></a></li></ul></li><li class="deprecated-hidden">
64
- <div id="button" class="module_element">
65
- <a href="button.html">button</a>
66
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem55"><a href="oj-c.Button.html">&lt;oj-c-button></a></li></ul></li><li class="module">
67
- <div id="checkbox" class="module_element">
68
- <a href="checkbox.html">checkbox</a>
69
- </div><ul class="subList_lev3"><li id="navItem56"><a href="oj-c.Checkbox.html">&lt;oj-c-checkbox></a></li></ul></li><li class="deprecated-hidden">
70
- <div id="checkboxset" class="module_element">
71
- <a href="checkboxset.html">checkboxset</a>
72
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem57"><a href="oj-c.Checkboxset.html">&lt;oj-c-checkboxset></a></li></ul></li><li class="module">
73
- <div id="collapsible" class="module_element">
74
- <a href="collapsible.html">collapsible</a>
75
- </div><ul class="subList_lev3"><li id="navItem58"><a href="oj-c.Collapsible.html">&lt;oj-c-collapsible></a></li></ul></li><li class="module">
76
- <div id="drawer-popup" class="module_element">
77
- <a href="drawer-popup.html">drawer-popup</a>
78
- </div><ul class="subList_lev3"><li id="navItem59"><a href="oj-c.DrawerPopup.html">&lt;oj-c-drawer-popup></a></li></ul></li><li class="deprecated-hidden">
79
- <div id="file-picker" class="module_element">
80
- <a href="file-picker.html">file-picker</a>
81
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem60"><a href="oj-c.FilePicker.html">&lt;oj-c-file-picker></a></li></ul></li><li class="module">
82
- <div id="form-layout" class="module_element">
83
- <a href="form-layout.html">form-layout</a>
84
- </div><ul class="subList_lev3"><li id="navItem61"><a href="oj-c.FormLayout.html">&lt;oj-c-form-layout></a></li></ul></li><li class="deprecated-hidden">
85
- <div id="highlight-text" class="module_element">
86
- <a href="highlight-text.html">highlight-text</a>
87
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem62"><a href="oj-c.HighlightText.html">&lt;oj-c-highlight-text></a></li></ul></li><li class="module">
88
- <div id="input-date-mask" class="module_element">
89
- <a href="input-date-mask.html">input-date-mask</a>
90
- </div><ul class="subList_lev3"><li id="navItem63"><a href="oj-c.InputDateMask.html">&lt;oj-c-input-date-mask></a></li></ul></li><li class="module">
91
- <div id="input-date-text" class="module_element">
92
- <a href="input-date-text.html">input-date-text</a>
93
- </div><ul class="subList_lev3"><li id="navItem64"><a href="oj-c.InputDateText.html">&lt;oj-c-input-date-text></a></li></ul></li><li class="module">
94
- <div id="input-month-mask" class="module_element">
95
- <a href="input-month-mask.html">input-month-mask</a>
96
- </div><ul class="subList_lev3"><li id="navItem65"><a href="oj-c.InputMonthMask.html">&lt;oj-c-input-month-mask></a></li></ul></li><li class="deprecated-hidden">
97
- <div id="input-number" class="module_element">
98
- <a href="input-number.html">input-number</a>
99
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem66"><a href="oj-c.InputNumber.html">&lt;oj-c-input-number></a></li></ul></li><li class="deprecated-hidden">
100
- <div id="input-password" class="module_element">
101
- <a href="input-password.html">input-password</a>
102
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem67"><a href="oj-c.InputPassword.html">&lt;oj-c-input-password></a></li></ul></li><li class="module">
103
- <div id="input-sensitive-text" class="module_element">
104
- <a href="input-sensitive-text.html">input-sensitive-text</a>
105
- </div><ul class="subList_lev3"><li id="navItem68"><a href="oj-c.InputSensitiveText.html">&lt;oj-c-input-sensitive-text></a></li></ul></li><li class="deprecated-hidden">
106
- <div id="input-text" class="module_element">
107
- <a href="input-text.html">input-text</a>
108
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem69"><a href="oj-c.InputText.html">&lt;oj-c-input-text></a></li></ul></li><li class="module">
109
- <div id="labelled-link" class="module_element">
110
- <a href="labelled-link.html">labelled-link</a>
111
- </div><ul class="subList_lev3"><li id="navItem70"><a href="oj-c.LabelledLink.html">&lt;oj-c-labelled-link></a></li></ul></li><li class="module">
112
- <div id="legend" class="module_element">
113
- <a href="legend.html">legend</a>
114
- </div><ul class="subList_lev3"><li id="navItem71"><a href="oj-c.Legend.html">&lt;oj-c-legend></a></li></ul></li><li class="module">
115
- <div id="legend-item" class="module_element">
116
- <a href="legend-item.html">legend-item</a>
117
- </div><ul class="subList_lev3"><li id="navItem72"><a href="oj-c.LegendItem.html">&lt;oj-c-legend-item></a></li></ul></li><li class="module">
118
- <div id="legend-section" class="module_element">
119
- <a href="legend-section.html">legend-section</a>
120
- </div><ul class="subList_lev3"><li id="navItem73"><a href="oj-c.LegendSection.html">&lt;oj-c-legend-section></a></li></ul></li><li class="module">
121
- <div id="line-chart" class="module_element">
122
- <a href="line-chart.html">line-chart</a>
123
- </div><ul class="subList_lev3"><li id="navItem74"><a href="oj-c.LineChart.html">&lt;oj-c-line-chart></a></li></ul></li><li class="module">
124
- <div id="line-chart-group" class="module_element">
125
- <a href="line-chart-group.html">line-chart-group</a>
126
- </div><ul class="subList_lev3"><li id="navItem75"><a href="oj-c.LineChartGroup.html">&lt;oj-c-line-chart-group></a></li></ul></li><li class="module">
127
- <div id="line-chart-item" class="module_element">
128
- <a href="line-chart-item.html">line-chart-item</a>
129
- </div><ul class="subList_lev3"><li id="navItem76"><a href="oj-c.LineChartItem.html">&lt;oj-c-line-chart-item></a></li></ul></li><li class="module">
130
- <div id="line-chart-series" class="module_element">
131
- <a href="line-chart-series.html">line-chart-series</a>
132
- </div><ul class="subList_lev3"><li id="navItem77"><a href="oj-c.LineChartSeries.html">&lt;oj-c-line-chart-series></a></li></ul></li><li class="deprecated-hidden">
133
- <div id="list-item-layout" class="module_element">
134
- <a href="list-item-layout.html">list-item-layout</a>
135
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem78"><a href="oj-c.ListItemLayout.html">&lt;oj-c-list-item-layout></a></li></ul></li><li class="module">
136
- <div id="list-view" class="module_element">
137
- <a href="list-view.html">list-view</a>
138
- </div><ul class="subList_lev3"><li id="navItem79"><a href="oj-c.ListView.html">&lt;oj-c-list-view></a></li></ul></li><li class="deprecated-hidden">
139
- <div id="menu-button" class="module_element">
140
- <a href="menu-button.html">menu-button</a>
141
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem80"><a href="oj-c.MenuButton.html">&lt;oj-c-menu-button></a></li></ul></li><li class="deprecated-hidden">
142
- <div id="message-banner" class="module_element">
143
- <a href="message-banner.html">message-banner</a>
144
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem81"><a href="oj-c.MessageBanner.html">&lt;oj-c-message-banner></a></li></ul></li><li class="deprecated-hidden">
145
- <div id="message-toast" class="module_element">
146
- <a href="message-toast.html">message-toast</a>
147
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem82"><a href="oj-c.MessageToast.html">&lt;oj-c-message-toast></a></li></ul></li><li class="deprecated-hidden">
148
- <div id="meter-bar" class="module_element">
149
- <a href="meter-bar.html">meter-bar</a>
150
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem83"><a href="oj-c.MeterBar.html">&lt;oj-c-meter-bar></a></li></ul></li><li class="deprecated-hidden">
151
- <div id="meter-circle" class="module_element">
152
- <a href="meter-circle.html">meter-circle</a>
153
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem84"><a href="oj-c.MeterCircle.html">&lt;oj-c-meter-circle></a></li></ul></li><li class="deprecated-hidden">
154
- <div id="progress-bar" class="module_element">
155
- <a href="progress-bar.html">progress-bar</a>
156
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem85"><a href="oj-c.ProgressBar.html">&lt;oj-c-progress-bar></a></li></ul></li><li class="deprecated-hidden">
157
- <div id="progress-circle" class="module_element">
158
- <a href="progress-circle.html">progress-circle</a>
159
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem86"><a href="oj-c.ProgressCircle.html">&lt;oj-c-progress-circle></a></li></ul></li><li class="deprecated-hidden">
160
- <div id="radioset" class="module_element">
161
- <a href="radioset.html">radioset</a>
162
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem87"><a href="oj-c.Radioset.html">&lt;oj-c-radioset></a></li></ul></li><li class="deprecated-hidden">
163
- <div id="rating-gauge" class="module_element">
164
- <a href="rating-gauge.html">rating-gauge</a>
165
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem88"><a href="oj-c.RatingGauge.html">&lt;oj-c-rating-gauge></a></li></ul></li><li class="deprecated-hidden">
166
- <div id="select-multiple" class="module_element">
167
- <a href="select-multiple.html">select-multiple</a>
168
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem89"><a href="oj-c.SelectMultiple.html">&lt;oj-c-select-multiple></a></li></ul></li><li class="module">
169
- <div id="select-single" class="module_element">
170
- <a href="select-single.html">select-single</a>
171
- </div><ul class="subList_lev3"><li id="navItem90"><a href="oj-c.SelectSingle.html">&lt;oj-c-select-single></a></li></ul></li><li class="module">
172
- <div id="selection-card" class="module_element">
173
- <a href="selection-card.html">selection-card</a>
174
- </div><ul class="subList_lev3"></ul></li><li class="deprecated-hidden">
175
- <div id="selector" class="module_element">
176
- <a href="selector.html">selector</a>
177
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem91"><a href="oj-c.Selector.html">&lt;oj-c-selector></a></li></ul></li><li class="deprecated-hidden">
178
- <div id="selector-all" class="module_element">
179
- <a href="selector-all.html">selector-all</a>
180
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem92"><a href="oj-c.SelectorAll.html">&lt;oj-c-selector-all></a></li></ul></li><li class="module">
181
- <div id="split-menu-button" class="module_element">
182
- <a href="split-menu-button.html">split-menu-button</a>
183
- </div><ul class="subList_lev3"><li id="navItem93"><a href="oj-c.SplitMenuButton.html">&lt;oj-c-split-menu-button></a></li></ul></li><li class="module">
184
- <div id="tab-bar-mixed" class="module_element">
185
- <a href="tab-bar-mixed.html">tab-bar-mixed</a>
186
- </div><ul class="subList_lev3"><li id="navItem94"><a href="oj-c.TabBarMixed.html">&lt;oj-c-tab-bar-mixed></a></li></ul></li><li class="module">
187
- <div id="tag-cloud" class="module_element">
188
- <a href="tag-cloud.html">tag-cloud</a>
189
- </div><ul class="subList_lev3"><li id="navItem95"><a href="oj-c.TagCloud.html">&lt;oj-c-tag-cloud></a></li></ul></li><li class="module">
190
- <div id="tag-cloud-item" class="module_element">
191
- <a href="tag-cloud-item.html">tag-cloud-item</a>
192
- </div><ul class="subList_lev3"><li id="navItem96"><a href="oj-c.TagCloudItem.html">&lt;oj-c-tag-cloud-item></a></li></ul></li><li class="deprecated-hidden">
193
- <div id="text-area" class="module_element">
194
- <a href="text-area.html">text-area</a>
195
- </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem97"><a href="oj-c.TextArea.html">&lt;oj-c-text-area></a></li></ul></li></ul></li></ul>
196
- </nav>
197
-
198
- <div id="main">
199
-
200
- <button onclick="topFunction()" id="jump-to-top-btn" title="Go to top"></button>
201
- <div class="page-title deprecated-hidden">
202
- <h1>Element: &lt;oj-c-radioset></h1>
203
- </div>
204
-
205
- <p class="product-docs-header">
206
- <span style="font-weight:bold">Oracle® JavaScript Extension Toolkit (JET)<br>
207
- 16.1.3</span><br>
208
- </p>
209
-
210
-
211
-
212
-
213
-
214
-
215
-
216
-
217
-
218
-
219
-
220
-
221
- <dl class="details">
222
-
223
- <dt class="tag-since">Since:</dt>
224
- <dd class="tag-since"><ul class="dummy"><li>16.0.0</li></ul></dd>
225
-
226
- <dt class="tag-module">Module:</dt>
227
- <dd class="tag-module"><ul class="dummy"><li>radioset</li></ul></dd>
228
-
229
- </dl>
230
-
231
- <section id="quick-nav" class="deprecated-hidden">
232
- <header><h2>QuickNav</h2></header>
233
-
234
-
235
-
236
- <div class="quick-nav-section4">
237
- <h3> <a href="#members-section">Attributes</a></h3>
238
- <ul class="optionsSubList">
239
-
240
- <li><div><a href="#columnSpan">column-span</a></div>
241
-
242
- </li>
243
-
244
- <li><div><a href="#containerReadonly">container-readonly</a></div>
245
-
246
- </li>
247
-
248
- <li><div><a href="#direction">direction</a></div>
249
-
250
- </li>
251
-
252
- <li><div><a href="#disabled">disabled</a></div>
253
-
254
- </li>
255
-
256
- <li><div><a href="#displayOptions"><b>display-options</b></a></div>
257
-
258
- </li>
259
-
260
- <li><div><a href="#help"><b>help</b></a></div>
261
-
262
- </li>
263
-
264
- <li><div><a href="#helpHints"><b>help-hints</b></a></div>
265
-
266
- </li>
267
-
268
- <li><div><a href="#labelEdge">label-edge</a></div>
269
-
270
- </li>
271
-
272
- <li><div><a href="#labelHint">label-hint</a></div>
273
-
274
- </li>
275
-
276
- <li><div><a href="#labelStartWidth">label-start-width</a></div>
277
-
278
- </li>
279
-
280
- <li><div><a href="#labelWrapping">label-wrapping</a></div>
281
-
282
- </li>
283
-
284
- <li><div><a href="#messagesCustom"><b>messages-custom</b></a></div>
285
-
286
- </li>
287
-
288
- <li><div><a href="#options"><b>options</b></a></div>
289
-
290
- </li>
291
-
292
- <li><div><a href="#readonly">readonly</a></div>
293
-
294
- </li>
295
-
296
- <li><div><a href="#required">required</a></div>
297
-
298
- </li>
299
-
300
- <li><div><a href="#requiredMessageDetail">required-message-detail</a></div>
301
-
302
- </li>
303
-
304
- <li><div><a href="#userAssistanceDensity">user-assistance-density</a></div>
305
-
306
- </li>
307
-
308
- <li><div><a href="#valid">valid</a></div>
309
-
310
- </li>
311
-
312
- <li><div><a href="#value">value</a></div>
313
-
314
- </ul>
315
- <script type="text/javascript" >
316
- var innerSubLists = document.getElementsByClassName('optionsInnerSubList');
317
- for (var i=0; i<innerSubLists.length; i++) {
318
- innerSubLists[i].parentNode.onclick=function(event) {
319
- event.stopPropagation();
320
- // Only interpret the click event if the <a> element is the target and do nothing if click occurred elsewhere on the div
321
- if (event.target.parentNode == this.firstChild.firstChild) {
322
- // toggle only the clicked sub properties list and not any nested ones
323
- var subProperties = this.getElementsByClassName('optionsInnerSubList');
324
- subProperties[0].style.display = (subProperties[0].style.display=='block' ? 'none' : 'block');
325
- }
326
- }
327
- }
328
- </script>
329
-
330
-
331
-
332
-
333
-
334
- </div>
335
-
336
-
337
-
338
-
339
-
340
- <div class="quick-nav-section4">
341
- <h3><a href="#methods-section">Methods</a></h3>
342
- <ul class="subList">
343
-
344
- <li><a href="#getProperty">getProperty</a></li>
345
-
346
- <li><a href="#reset">reset</a></li>
347
-
348
- <li><a href="#setProperties">setProperties</a></li>
349
-
350
- <li><a href="#setProperty">setProperty</a></li>
351
-
352
- <li><a href="#showMessages">showMessages</a></li>
353
-
354
- <li><a href="#validate">validate</a></li>
355
-
356
- </ul>
357
-
358
- </div>
359
-
360
-
361
- <div class="quick-nav-section4">
362
- <h3><a href="#typedefs-section">Type Definitions</a></h3>
363
- <ul class="subList">
364
-
365
- <li><a href="#ComponentMessageItem">ComponentMessageItem</a></li>
366
-
367
- <li><a href="#DisplayOptions">DisplayOptions</a></li>
368
-
369
- <li><a href="#Help">Help</a></li>
370
-
371
- <li><a href="#HelpHints">HelpHints</a></li>
372
-
373
- <li><a href="#RadiosetDataItem">RadiosetDataItem</a></li>
374
-
375
- </ul>
376
- </div>
377
-
378
-
379
- <div class="quick-nav-section4">
380
- <h3>Other Topics</h3>
381
- <ul class="subList">
382
-
383
- <li><a href="#touch-section">Touch Section</a></li>
384
-
385
- <li><a href="#keyboard-section">Keyboard Section</a></li>
386
-
387
- <li><a href="#a11y-section">Accessibility Section</a></li>
388
-
389
- </ul>
390
- </div>
391
-
392
- </section>
393
-
394
- <section class="deprecated-hidden">
395
- <header>
396
-
397
- </br>
398
-
399
- <div class="class-description">
400
- <p><h3 id="radiosetOverview-section">
401
- JET Radioset Component
402
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#radiosetOverview-section"></a>
403
- </h3>
404
- <p>
405
- Description: The oj-c-radioset component allows the user to select one option from a set of mutually exclusive options.
406
- </p>
407
- <p>
408
- To use an oj-c-radioset, set the options attribute to an array of data items or to a DataProvider.
409
- <pre class="prettyprint"><code>&lt;oj-c-radioset
410
- value="current value"
411
- label-hint="Radioset"
412
- options="[[data]]">&lt;/oj-c-radioset></code></pre>
413
-
414
- It is recommended that the array option should only be used for static data and the DataProvider should always be used for mutable data.
415
- </p>
416
- <p>
417
- You can enable and disable an oj-c-radioset, which will enable and disable all contained radio items.
418
- </p>
419
- <p>
420
- You can also set an oj-c-radioset to readonly, which will make all the radio items readonly while making the selected radio option visually distinctive.
421
- </p>
422
-
423
- <h3 id="validation-section">
424
- Validation and Messaging
425
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#validation-section"></a>
426
- </h3>
427
-
428
- <p>
429
- An editable component runs validation (normal or deferred) based on the action performed on it
430
- (either by end-user or page author), and the state it was in when the action occurred. Examples
431
- of actions are - creating a component, user changing the value of the component by interacting
432
- with it, the app setting a value programmatically, the app calling the validate() method etc. At
433
- the time the action occurs, the component could already be showing errors, or can have a deferred
434
- error or have no errors.
435
- </p>
436
- <p>
437
- These factors also determine whether validation errors/messages get shown to the user immediately
438
- or get deferred. The following sections highlight the kinds of validation that are run and how
439
- messages get handled.
440
- </p>
441
-
442
- <h4 id="normal-validation-section">
443
- Normal Validation
444
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#normal-validation-section"></a>
445
- </h4>
446
- Normal validation is run in the following cases on the display value, using the converter and
447
- validators (this includes async-validators) set on the component,
448
- and validation errors are reported to user immediately.
449
- <ul>
450
- <li>When value changes as a result of user interaction all messages are cleared, including custom
451
- messages added by the app, and full validation is run on the UI value. The steps performed are
452
- outlined below.
453
- <ol>
454
- <li>All messages are cleared and <code class="prettyprint">messagesCustom</code> property is cleared</li>
455
- <li>If no converter is present then processing continues to next step. If a converter is
456
- present, the UI value is first converted (i.e., parsed). If there is a parse error then
457
- the messages are shown and processing returns.</li>
458
- <li>If there are no validators setup for the component then the value is set on the component.
459
- Otherwise all validators are run in sequence using the parsed value from the previous step. The
460
- implicit required is run first if the component is marked required. When a validation error is
461
- encountered it is remembered and the next validator in the sequence is run.
462
- <ul><li>NOTE: The value is trimmed before required validation is run</li></ul>
463
- </li>
464
- <li>At the end of the validation run if there are errors, the messages are shown
465
- and processing returns. If there are async-validators, those errors are shown as soon as they
466
- come in, and not until all validators, sync and async validators, are complete, does processing
467
- return, that is, value and valid are updated. If there are no errors, then the
468
- <code class="prettyprint">value</code> property is updated and the formatted value displayed on the
469
- UI.</li>
470
- </ol>
471
- </li>
472
- <li>When the <code class="prettyprint">validate</code> method is called by app, all messages are
473
- cleared and full validation run using the display value. See <code class="prettyprint">validate</code>
474
- method on the sub-classes for details. Note: JET validation is designed to catch user input errors, and not invalid
475
- data passed from the server; this should be caught on the server.</li>
476
- <li>When certain properties change through programmatic intervention by app, the component
477
- determines whether it needs to run normal validation based on the state the component is in.
478
- Refer to the <a href="#mixed-validation-section">Mixed Validation</a> section below for details. </li>
479
- </ul>
480
-
481
- <h4 id="deferred-validation-section">
482
- Deferred Validation
483
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#deferred-validation-section"></a>
484
- </h4>
485
- Deferred validation is run in the following cases on the component value using the implicit
486
- required validator if required is true, and validation errors are deferred, i.e., not shown to user immediately.
487
- Refer to the <a href="#deferred-messages-section">Showing Deferred Messages</a> section to
488
- understand how deferred messages can be shown.
489
- <ul>
490
- <li>When a component is created and it is required deferred validation is run and no messages are cleared
491
- prior to running validation.
492
- Refer to the <a href="#deferred-validators-section">Validators
493
- Participating in Deferred Validation</a> section for details.</li>
494
- <li>When the <code class="prettyprint">value</code> property changes due to programmatic
495
- intervention deferred validation is run, after all messages and messagesCustom property are cleared.</li>
496
- <li>When the <code class="prettyprint">reset</code> method is called, deferred validation is run
497
- after all messages and messagesCustom property are cleared.</li>
498
- <li>When certain properties change through programmatic intervention by app, the component
499
- determines whether it needs to run deferred validation based on the state the component is in.
500
- Refer to the <a href="#mixed-validation-section">Mixed Validation</a> section below for details.</li>
501
- </ul>
502
-
503
- <h4 id="mixed-validation-section">
504
- Mixed Validation
505
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#mixed-validation-section"></a>
506
- </h4>
507
- Either deferred or normal validation is run in the following cases based on the state the
508
- component is in and any validation errors encountered are either hidden or shown to user.
509
- <ul>
510
- <li>when disabled property changes. See <a href="#disabled">disabled</a> property for details.</li>
511
- <li>when converter property changes. See <a href="#converter">converter</a> property for details.</li>
512
- <li>when required property changes. See <a href="#required">required</a> property for details.</li>
513
- <li>when validators property changes. See <a href="#validators">validators</a> property for details.</li>
514
- </ul>
515
-
516
- <h3 id="deferred-messages-section">
517
- Showing Deferred Messages
518
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#deferred-messages-section"></a>
519
- </h3>
520
- Deferred validation messages are displayed only when page author requests for it explicitly in
521
- one of the following ways:
522
- <ul>
523
- <li>calls the <a href="#showMessages"><code class="prettyprint">showMessages</code></a> method on the component</li>
524
- </ul>
525
-
526
- <h3 id="deferred-validators-section">
527
- Validators Participating in Deferred Validation
528
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#deferred-validators-section"></a>
529
- </h3>
530
- The required validator is the only validator type that participates in deferred validation.
531
- The required property needs to be set to true for the required validator to run.
532
-
533
- <h3 id="user-assistance-text-section">
534
- User Assistance Text
535
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#user-assistance-text-section"></a>
536
- </h3>
537
- <p>
538
- User assistive text provides guidance to help the user understand what data to enter or select.
539
- </p>
540
- <p>
541
- By default all user assistance text shows inline at the top of the radioset and is always displayed if there is any defined for the set.
542
- See the user-assistance-density property for other ways the user assistance text can render. User assistance can also be provided at the
543
- individual radio item level which renders as a "?" icon and when clicked will display the assistive text in a pop-up.
544
- </p>
545
- <p>
546
- The JET form component properties that are used for user assistance text are help.instruction, and help-hints.
547
- In the Redwood theme for clarity only one user assistance text shows to the user.
548
- The precedence rules are:
549
- <ul>
550
- <li>help.instruction shows;</li>
551
- <li>if no help.instruction, then help-hints.definition shows;</li>
552
- <li>help-hints.source always shows along side the above.</li>
553
- </ul>
554
- </p>
555
- <p>
556
- If the required property was set to true, this can also be used to guide the user.
557
- In this case, the word Required will be rendered under the radioset when no value was set for the component.
558
- </p>
559
-
560
- <h3 id="touch-section">
561
- Touch End User Information
562
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#touch-section"></a>
563
- </h3>
564
- <table class="keyboard-table">
565
- <thead>
566
- <tr>
567
- <th>Target</th>
568
- <th>Gesture</th>
569
- <th>Action</th>
570
- </tr>
571
- </thead>
572
- <tbody>
573
- <tr>
574
- <td>Radio button</td>
575
- <td><kbd>Tap</kbd></td>
576
- <td>Select the radio button.</td>
577
- </tr>
578
- <tr>
579
- <td>Radio button's label</td>
580
- <td><kbd>Tap</kbd></td>
581
- <td>Select the corresponding radio button.</td>
582
- </tr>
583
- <tr>
584
- <td>Assistive help icon</td>
585
- <td><kbd>Tap</kbd></td>
586
- <td>If assistive text was setup for the radio button, pop up the notewindow.</td>
587
- </tr>
588
- </tbody>
589
- </table>
590
-
591
- <h3 id="keyboard-section">
592
- Keyboard End User Information
593
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#keyboard-section"></a>
594
- </h3>
595
-
596
- <table class="keyboard-table">
597
- <thead>
598
- <tr>
599
- <th>Target</th>
600
- <th>Key</th>
601
- <th>Action</th>
602
- </tr>
603
- </thead>
604
- <tbody>
605
- <tr>
606
- <td rowspan="2">Input</td>
607
- <td><kbd>UpArrow</kbd></td>
608
- <td>Select the previous radio button in the group.</td>
609
- </tr>
610
- <tr>
611
- <td><kbd>DownArrow</kbd></td>
612
- <td>Select the next radio button in the group.</td>
613
- </tr>
614
- <tr>
615
- <td>Radioset</td>
616
- <td><kbd>Tab In</kbd></td>
617
- <td>If the radioset has help-hints.source, sets the focus on the link, otherwise sets the focus on the
618
- checked radio button. If no button was selected, sets the focus on the first radio button.</td>
619
- </tr>
620
- <tr>
621
- <td>Assistive help icon</td>
622
- <td><kbd>Tab In</kbd></td>
623
- <td>If the radio item has assistive text, sets the focus on the icon. Hitting Enter or Space on the icon will launch a pop-up.
624
- Pressing F6 transfers the focus inside the popup and tabbing inside the popup will move focus to the link inside the popup, if one exists.
625
- Hitting Enter on the link will launch a new window with the url that was setup in the helpSourceLink property of the radio item.
626
- See <a href="#RadiosetDataItem">RadiosetDataItem</a> for information on assistive properties of the radio item.
627
- </td>
628
- </tr>
629
- </tbody>
630
- </table>
631
-
632
- <h3 id="a11y-section">
633
- Accessibility
634
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#a11y-section"></a>
635
- </h3>
636
-
637
- <p>JET oj-c-radioset takes care of setting
638
- <code class="prettyprint">role="radiogroup"</code> on the oj-c-radioset element.
639
-
640
- <p>
641
- <p>
642
- For accessibility, set the label-hint property.
643
- If the desire is to not have a visible label, then to make this accessible to screen reader users,
644
- set label-hint to a value and the label-edge to 'none' which renders an aria-label with the label-hint text.
645
- </p>
646
- <p>Disabled content: JET supports an accessible luminosity contrast ratio,
647
- as specified in <a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast">WCAG 2.0 - Section 1.4.3 "Contrast"</a>,
648
- in the themes that are accessible. (See the "Theming" chapter of the JET Developer Guide for more information on which
649
- themes are accessible.) Note that Section 1.4.3 says that text or images of text that are part of an inactive user
650
- interface component have no contrast requirement. Because disabled content may not meet the minimum contrast ratio
651
- required of enabled content, it cannot be used to convey meaningful information.<p>
652
- </p></p>
653
- </div>
654
- </br>
655
-
656
- </header>
657
-
658
-
659
- <article>
660
- <div class="container-overview">
661
-
662
-
663
- <div class="usage-section">
664
- <h3 id="usage-section">Usage<a class="bookmarkable-link" title="Bookmarkable Link" href="#usage-section"></a></h3>
665
-
666
- <dt class="deprecated-hidden" style="margin-right: 100px;"><h5><span>Signature: </span><p> <span class="name type-signature">interface CRadiosetElement&lt;V extends string | number,D extends <a href="oj-c.Radioset.html#RadiosetDataItem">oj-c.Radioset.RadiosetDataItem</a>></span></p></h5></dt>
667
-
668
- <dl>
669
- <dt><h5>Typescript Import Format</h5></dt>
670
- <dd><pre class="prettyprint"><code>//To typecheck the element APIs, import as below.<br>import {CRadiosetElement} from "oj-c/radioset";<br><br>//For the transpiled javascript to load the element's module, import as below<br>import "oj-c/radioset";</code></pre></dd>
671
- </dl>
672
-
673
- <p>For additional information visit:</p>
674
- <ul>
675
-
676
- <li><a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview" target="_blank">Using JET Custom Elements</a></li>
677
-
678
- <li><a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=typescriptoverview" target="_blank">Using JET with TypeScript</a></li>
679
- <li><a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=moduleloadingoverview" target="_blank">JET Module Loading</a></li>
680
- </ul>
681
-
682
- <p class="important">Note: Application logic should not interact with the component's properties or invoke its methods
683
- until the <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=ojbusycontext" target="_blank">BusyContext</a> indicates that the component is ready for interaction.</p>
684
-
685
- </div>
686
- <br>
687
-
688
-
689
-
690
-
691
-
692
-
693
-
694
- <span class="dep-type deprecated-hidden-only jsdoc-type">
695
- <dl class="deprecated deprecated-hidden-only">
696
- <dt class="important">Deprecated:</dt>
697
- <dd><table class="params">
698
- <thead>
699
- <tr>
700
-
701
- <th>Since</th>
702
- <th>Value</th>
703
-
704
- <th>Description</th>
705
- </tr>
706
- </thead>
707
-
708
- <tbody>
709
-
710
- <tr>
711
- <td class="name"><code>16.0.0</code></td>
712
- <td class="description">oj-radioset</td>
713
-
714
- <td class="description last"></td>
715
- </tr>
716
-
717
- </tbody>
718
- </table></dd>
719
- </dl>
720
- </span>
721
-
722
- <dl class="details">
723
-
724
-
725
-
726
-
727
-
728
-
729
-
730
-
731
-
732
-
733
-
734
-
735
-
736
-
737
-
738
-
739
-
740
-
741
-
742
-
743
-
744
-
745
-
746
-
747
-
748
-
749
-
750
-
751
-
752
- </dl>
753
-
754
-
755
-
756
- </div>
757
-
758
-
759
-
760
-
761
-
762
-
763
-
764
-
765
-
766
-
767
-
768
-
769
-
770
- <h3 id="members-section" class="subsection-title">
771
- Attributes
772
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#members-section"></a>
773
- </h3>
774
-
775
- <dl>
776
-
777
-
778
- <dt class="">
779
-
780
- <h4 id="columnSpan" class="name">
781
-
782
- <span class="type-signature"></span>column-span<span class="type-signature"> :number</span>
783
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#columnSpan"></a>
784
-
785
- </h4>
786
-
787
-
788
- </dt>
789
-
790
- <dd class="">
791
-
792
- <div class="description">
793
- Specifies how many columns this component should span.
794
- This only takes effect when this component is a child of a form layout
795
- that has direction 'row'.
796
- </div>
797
-
798
-
799
-
800
-
801
- <dl class="details">
802
-
803
-
804
-
805
-
806
-
807
- <dt class="tag-default">Default Value:</dt>
808
- <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">1</code></li></ul></dd>
809
-
810
-
811
-
812
-
813
-
814
-
815
-
816
-
817
-
818
-
819
-
820
-
821
-
822
-
823
-
824
-
825
-
826
-
827
-
828
-
829
-
830
-
831
-
832
-
833
-
834
- </dl>
835
-
836
-
837
-
838
- <h5>Names</h5>
839
- <table class="keyboard-table">
840
- <thead>
841
- <tr>
842
- <th>Item</th>
843
- <th>Name</th>
844
- </tr>
845
- </thead>
846
- <tbody>
847
- <tr>
848
- <td>Property</td>
849
- <td><code class="prettyprint">columnSpan</code></td>
850
- </tr>
851
-
852
- <tr>
853
- <td>Property change event</td>
854
- <td><code class="prettyprint">columnSpanChanged</code></td>
855
- </tr>
856
- <tr>
857
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
858
- <td><code class="pretty-print-noprettify">on-column-span-changed</code></td>
859
- </tr>
860
-
861
- </tbody>
862
- </table>
863
-
864
- </dd>
865
-
866
-
867
- <dt class="">
868
-
869
- <h4 id="containerReadonly" class="name">
870
-
871
- <span class="type-signature"></span>container-readonly<span class="type-signature"> :boolean</span>
872
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#containerReadonly"></a>
873
-
874
- </h4>
875
-
876
-
877
- </dt>
878
-
879
- <dd class="">
880
-
881
- <div class="description">
882
- Specifies whether an ancestor container, like oj-c-form-layout, is readonly.
883
- This affects whether a readonly component renders in full or mixed readonly mode.
884
- </div>
885
-
886
-
887
-
888
-
889
- <dl class="details">
890
-
891
-
892
-
893
-
894
-
895
-
896
-
897
-
898
-
899
-
900
-
901
-
902
-
903
-
904
-
905
-
906
-
907
-
908
-
909
-
910
-
911
-
912
-
913
-
914
-
915
-
916
-
917
-
918
-
919
- </dl>
920
-
921
-
922
-
923
- <h5>Names</h5>
924
- <table class="keyboard-table">
925
- <thead>
926
- <tr>
927
- <th>Item</th>
928
- <th>Name</th>
929
- </tr>
930
- </thead>
931
- <tbody>
932
- <tr>
933
- <td>Property</td>
934
- <td><code class="prettyprint">containerReadonly</code></td>
935
- </tr>
936
-
937
- <tr>
938
- <td>Property change event</td>
939
- <td><code class="prettyprint">containerReadonlyChanged</code></td>
940
- </tr>
941
- <tr>
942
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
943
- <td><code class="pretty-print-noprettify">on-container-readonly-changed</code></td>
944
- </tr>
945
-
946
- </tbody>
947
- </table>
948
-
949
- </dd>
950
-
951
-
952
- <dt class="">
953
-
954
- <h4 id="direction" class="name">
955
-
956
- <span class="type-signature"></span>direction<span class="type-signature"> :"row"|"column"</span>
957
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#direction"></a>
958
-
959
- </h4>
960
-
961
-
962
- </dt>
963
-
964
- <dd class="">
965
-
966
- <div class="description">
967
- Layout direction of the radioset radio elements.
968
- </div>
969
-
970
-
971
-
972
-
973
- <dl class="details">
974
-
975
-
976
-
977
-
978
-
979
- <dt class="tag-default">Default Value:</dt>
980
- <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"column"</code></li></ul></dd>
981
-
982
-
983
-
984
-
985
-
986
-
987
-
988
-
989
-
990
-
991
-
992
-
993
-
994
-
995
-
996
-
997
-
998
-
999
-
1000
-
1001
-
1002
-
1003
-
1004
-
1005
-
1006
- </dl>
1007
-
1008
-
1009
-
1010
- <h5>Names</h5>
1011
- <table class="keyboard-table">
1012
- <thead>
1013
- <tr>
1014
- <th>Item</th>
1015
- <th>Name</th>
1016
- </tr>
1017
- </thead>
1018
- <tbody>
1019
- <tr>
1020
- <td>Property</td>
1021
- <td><code class="prettyprint">direction</code></td>
1022
- </tr>
1023
-
1024
- <tr>
1025
- <td>Property change event</td>
1026
- <td><code class="prettyprint">directionChanged</code></td>
1027
- </tr>
1028
- <tr>
1029
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1030
- <td><code class="pretty-print-noprettify">on-direction-changed</code></td>
1031
- </tr>
1032
-
1033
- </tbody>
1034
- </table>
1035
-
1036
- </dd>
1037
-
1038
-
1039
- <dt class="">
1040
-
1041
- <h4 id="disabled" class="name">
1042
-
1043
- <span class="type-signature"></span>disabled<span class="type-signature"> :boolean</span>
1044
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#disabled"></a>
1045
-
1046
- </h4>
1047
-
1048
-
1049
- </dt>
1050
-
1051
- <dd class="">
1052
-
1053
- <div class="description">
1054
- Specifies whether the component is disabled or not. The default is false.
1055
-
1056
- <p>
1057
- When the <code class="prettyprint">disabled</code> property changes due to programmatic
1058
- intervention, the component may clear messages and run validation in some cases. </br>
1059
- <ul>
1060
- <li>when a required component is initialized as disabled
1061
- <code class="prettyprint">value="{{currentValue}}" required disabled</code>,
1062
- deferred validation is skipped.</li>
1063
- <li>when a disabled component is enabled,
1064
- <ul>
1065
- <li>if the component is invalid and showing messages then all component messages are cleared,
1066
- and full validation will be run using the display value.
1067
- <ul>
1068
- <li>if there are validation errors, they are shown.</li>
1069
- <li>if no errors result from the validation, the <code class="prettyprint">value</code>
1070
- property is updated. Page authors can listen to the <code class="prettyprint">valueChanged</code>
1071
- event to clear custom errors.</li>
1072
- </ul>
1073
- </li>
1074
-
1075
- <li>if the component is valid and has no errors then deferred validation is run.
1076
- <ul>
1077
- <li>if there is a deferred validation error, then the valid property is updated. </li>
1078
- </ul>
1079
- </li>
1080
- <li>if the component is invalid and has deferred errors then component messages are cleared and
1081
- deferred validation is re-run.
1082
- <ul>
1083
- <li>if there is a deferred validation error, then the valid property is updated.</li>
1084
- </ul>
1085
- </li>
1086
- </ul>
1087
- </li>
1088
- <li>when and enabled component is disabled then no validation is run and the component appears
1089
- disabled.</li>
1090
- </ul>
1091
- </p>
1092
- </div>
1093
-
1094
-
1095
-
1096
-
1097
- <dl class="details">
1098
-
1099
-
1100
-
1101
-
1102
-
1103
- <dt class="tag-default">Default Value:</dt>
1104
- <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">false</code></li></ul></dd>
1105
-
1106
-
1107
-
1108
-
1109
-
1110
-
1111
-
1112
-
1113
-
1114
-
1115
-
1116
-
1117
-
1118
-
1119
-
1120
-
1121
-
1122
-
1123
-
1124
-
1125
-
1126
-
1127
-
1128
-
1129
-
1130
- </dl>
1131
-
1132
-
1133
-
1134
- <h5>Names</h5>
1135
- <table class="keyboard-table">
1136
- <thead>
1137
- <tr>
1138
- <th>Item</th>
1139
- <th>Name</th>
1140
- </tr>
1141
- </thead>
1142
- <tbody>
1143
- <tr>
1144
- <td>Property</td>
1145
- <td><code class="prettyprint">disabled</code></td>
1146
- </tr>
1147
-
1148
- <tr>
1149
- <td>Property change event</td>
1150
- <td><code class="prettyprint">disabledChanged</code></td>
1151
- </tr>
1152
- <tr>
1153
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1154
- <td><code class="pretty-print-noprettify">on-disabled-changed</code></td>
1155
- </tr>
1156
-
1157
- </tbody>
1158
- </table>
1159
-
1160
- </dd>
1161
-
1162
-
1163
- <dt class="">
1164
-
1165
- <h4 id="displayOptions" class="name">
1166
-
1167
- <span class="type-signature"></span>display-options<span class="type-signature"> :<a href="oj-c.Radioset.html#DisplayOptions">oj-c.Radioset.DisplayOptions</a></span>
1168
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#displayOptions"></a>
1169
-
1170
- </h4>
1171
-
1172
-
1173
- </dt>
1174
-
1175
- <dd class="">
1176
-
1177
- <div class="description">
1178
- Display options for auxiliary content that describes whether or not the auxiliary content should be displayed.
1179
- </div>
1180
-
1181
-
1182
-
1183
-
1184
- <dl class="details">
1185
-
1186
-
1187
-
1188
-
1189
-
1190
-
1191
-
1192
-
1193
-
1194
-
1195
-
1196
-
1197
-
1198
-
1199
-
1200
-
1201
-
1202
-
1203
-
1204
-
1205
-
1206
-
1207
-
1208
-
1209
-
1210
-
1211
-
1212
-
1213
-
1214
- </dl>
1215
-
1216
-
1217
-
1218
- <h5>Names</h5>
1219
- <table class="keyboard-table">
1220
- <thead>
1221
- <tr>
1222
- <th>Item</th>
1223
- <th>Name</th>
1224
- </tr>
1225
- </thead>
1226
- <tbody>
1227
- <tr>
1228
- <td>Property</td>
1229
- <td><code class="prettyprint">displayOptions</code></td>
1230
- </tr>
1231
-
1232
- <tr>
1233
- <td>Property change event</td>
1234
- <td><code class="prettyprint">displayOptionsChanged</code></td>
1235
- </tr>
1236
- <tr>
1237
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1238
- <td><code class="pretty-print-noprettify">on-display-options-changed</code></td>
1239
- </tr>
1240
-
1241
- </tbody>
1242
- </table>
1243
-
1244
- </dd>
1245
-
1246
-
1247
- <dt class="">
1248
-
1249
- <h4 id="help" class="name">
1250
-
1251
- <span class="type-signature"></span>help<span class="type-signature"> :<a href="oj-c.Radioset.html#Help">oj-c.Radioset.Help</a></span>
1252
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#help"></a>
1253
-
1254
- </h4>
1255
-
1256
-
1257
- </dt>
1258
-
1259
- <dd class="">
1260
-
1261
- <div class="description">
1262
- Form component help information.
1263
- </div>
1264
-
1265
-
1266
-
1267
-
1268
- <dl class="details">
1269
-
1270
-
1271
-
1272
-
1273
-
1274
-
1275
-
1276
-
1277
-
1278
-
1279
-
1280
-
1281
-
1282
-
1283
-
1284
-
1285
-
1286
-
1287
-
1288
-
1289
-
1290
-
1291
-
1292
-
1293
-
1294
-
1295
-
1296
-
1297
-
1298
- </dl>
1299
-
1300
-
1301
-
1302
- <h5>Names</h5>
1303
- <table class="keyboard-table">
1304
- <thead>
1305
- <tr>
1306
- <th>Item</th>
1307
- <th>Name</th>
1308
- </tr>
1309
- </thead>
1310
- <tbody>
1311
- <tr>
1312
- <td>Property</td>
1313
- <td><code class="prettyprint">help</code></td>
1314
- </tr>
1315
-
1316
- <tr>
1317
- <td>Property change event</td>
1318
- <td><code class="prettyprint">helpChanged</code></td>
1319
- </tr>
1320
- <tr>
1321
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1322
- <td><code class="pretty-print-noprettify">on-help-changed</code></td>
1323
- </tr>
1324
-
1325
- </tbody>
1326
- </table>
1327
-
1328
- </dd>
1329
-
1330
-
1331
- <dt class="">
1332
-
1333
- <h4 id="helpHints" class="name">
1334
-
1335
- <span class="type-signature"></span>help-hints<span class="type-signature"> :<a href="oj-c.Radioset.html#HelpHints">oj-c.Radioset.HelpHints</a></span>
1336
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#helpHints"></a>
1337
-
1338
- </h4>
1339
-
1340
-
1341
- </dt>
1342
-
1343
- <dd class="">
1344
-
1345
- <div class="description">
1346
- The helpHints object contains a definition property, sourceText property, and a source property.
1347
- </div>
1348
-
1349
-
1350
-
1351
-
1352
- <dl class="details">
1353
-
1354
-
1355
-
1356
-
1357
-
1358
-
1359
-
1360
-
1361
-
1362
-
1363
-
1364
-
1365
-
1366
-
1367
-
1368
-
1369
-
1370
-
1371
-
1372
-
1373
-
1374
-
1375
-
1376
-
1377
-
1378
-
1379
-
1380
-
1381
-
1382
- </dl>
1383
-
1384
-
1385
-
1386
- <h5>Names</h5>
1387
- <table class="keyboard-table">
1388
- <thead>
1389
- <tr>
1390
- <th>Item</th>
1391
- <th>Name</th>
1392
- </tr>
1393
- </thead>
1394
- <tbody>
1395
- <tr>
1396
- <td>Property</td>
1397
- <td><code class="prettyprint">helpHints</code></td>
1398
- </tr>
1399
-
1400
- <tr>
1401
- <td>Property change event</td>
1402
- <td><code class="prettyprint">helpHintsChanged</code></td>
1403
- </tr>
1404
- <tr>
1405
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1406
- <td><code class="pretty-print-noprettify">on-help-hints-changed</code></td>
1407
- </tr>
1408
-
1409
- </tbody>
1410
- </table>
1411
-
1412
- </dd>
1413
-
1414
-
1415
- <dt class="">
1416
-
1417
- <h4 id="labelEdge" class="name">
1418
-
1419
- <span class="type-signature"></span>label-edge<span class="type-signature"> :"inside"|"none"|"start"|"top"</span>
1420
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#labelEdge"></a>
1421
-
1422
- </h4>
1423
-
1424
-
1425
- </dt>
1426
-
1427
- <dd class="">
1428
-
1429
- <div class="description">
1430
- Specifies how the label of the component is positioned when the label-hint
1431
- attribute is set on the component.
1432
- </div>
1433
-
1434
-
1435
-
1436
-
1437
- <dl class="details">
1438
-
1439
-
1440
-
1441
-
1442
- <h5 class="subsection-title">Supported Values:</h5>
1443
-
1444
- <dl>
1445
-
1446
- <table class="props">
1447
- <thead>
1448
- <tr>
1449
-
1450
- <th>Value</th>
1451
-
1452
-
1453
-
1454
-
1455
-
1456
-
1457
-
1458
- <th class="last">Description</th>
1459
-
1460
- </tr>
1461
- </thead>
1462
-
1463
- <tbody>
1464
-
1465
-
1466
- <tr>
1467
-
1468
- <td class="name"><code>inside</code></td>
1469
-
1470
-
1471
-
1472
-
1473
-
1474
-
1475
-
1476
- <td class="description last">The label will be placed on top of the radioset, but is smaller than the 'top' option.
1477
- </td>
1478
-
1479
- </tr>
1480
-
1481
-
1482
-
1483
- <tr>
1484
-
1485
- <td class="name"><code>none</code></td>
1486
-
1487
-
1488
-
1489
-
1490
-
1491
-
1492
-
1493
- <td class="description last">The radioset will not create a label, but instead will set the aria-label property on the radioset.
1494
- </td>
1495
-
1496
- </tr>
1497
-
1498
-
1499
-
1500
- <tr>
1501
-
1502
- <td class="name"><code>start</code></td>
1503
-
1504
-
1505
-
1506
-
1507
-
1508
-
1509
-
1510
- <td class="description last">The label will be placed before the start of the radioset.
1511
- </td>
1512
-
1513
- </tr>
1514
-
1515
-
1516
-
1517
- <tr>
1518
-
1519
- <td class="name"><code>top</code></td>
1520
-
1521
-
1522
-
1523
-
1524
-
1525
-
1526
-
1527
- <td class="description last">The label will be placed on top of the radioset.
1528
- </td>
1529
-
1530
- </tr>
1531
-
1532
-
1533
- </tbody>
1534
- </table></dl>
1535
-
1536
-
1537
-
1538
-
1539
-
1540
-
1541
-
1542
-
1543
-
1544
-
1545
-
1546
-
1547
-
1548
-
1549
-
1550
-
1551
-
1552
-
1553
-
1554
-
1555
-
1556
-
1557
-
1558
-
1559
-
1560
-
1561
-
1562
-
1563
- </dl>
1564
-
1565
-
1566
-
1567
- <h5>Names</h5>
1568
- <table class="keyboard-table">
1569
- <thead>
1570
- <tr>
1571
- <th>Item</th>
1572
- <th>Name</th>
1573
- </tr>
1574
- </thead>
1575
- <tbody>
1576
- <tr>
1577
- <td>Property</td>
1578
- <td><code class="prettyprint">labelEdge</code></td>
1579
- </tr>
1580
-
1581
- <tr>
1582
- <td>Property change event</td>
1583
- <td><code class="prettyprint">labelEdgeChanged</code></td>
1584
- </tr>
1585
- <tr>
1586
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1587
- <td><code class="pretty-print-noprettify">on-label-edge-changed</code></td>
1588
- </tr>
1589
-
1590
- </tbody>
1591
- </table>
1592
-
1593
- </dd>
1594
-
1595
-
1596
- <dt class="">
1597
-
1598
- <h4 id="labelHint" class="name">
1599
-
1600
- <span class="type-signature"></span>label-hint<span class="type-signature"> :string</span>
1601
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#labelHint"></a>
1602
-
1603
- </h4>
1604
-
1605
-
1606
- </dt>
1607
-
1608
- <dd class="">
1609
-
1610
- <div class="description">
1611
- Represents a hint for rendering a label on the component.
1612
- This is used in combination with the label-edge attribute to control how the label should be rendered.
1613
- </div>
1614
-
1615
-
1616
-
1617
-
1618
- <dl class="details">
1619
-
1620
-
1621
-
1622
-
1623
-
1624
-
1625
-
1626
-
1627
-
1628
-
1629
-
1630
-
1631
-
1632
-
1633
-
1634
-
1635
-
1636
-
1637
-
1638
-
1639
-
1640
-
1641
-
1642
-
1643
-
1644
-
1645
-
1646
-
1647
-
1648
- </dl>
1649
-
1650
-
1651
-
1652
- <h5>Names</h5>
1653
- <table class="keyboard-table">
1654
- <thead>
1655
- <tr>
1656
- <th>Item</th>
1657
- <th>Name</th>
1658
- </tr>
1659
- </thead>
1660
- <tbody>
1661
- <tr>
1662
- <td>Property</td>
1663
- <td><code class="prettyprint">labelHint</code></td>
1664
- </tr>
1665
-
1666
- <tr>
1667
- <td>Property change event</td>
1668
- <td><code class="prettyprint">labelHintChanged</code></td>
1669
- </tr>
1670
- <tr>
1671
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1672
- <td><code class="pretty-print-noprettify">on-label-hint-changed</code></td>
1673
- </tr>
1674
-
1675
- </tbody>
1676
- </table>
1677
-
1678
- </dd>
1679
-
1680
-
1681
- <dt class="">
1682
-
1683
- <h4 id="labelStartWidth" class="name">
1684
-
1685
- <span class="type-signature"></span>label-start-width<span class="type-signature"> :(number|string)</span>
1686
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#labelStartWidth"></a>
1687
-
1688
- </h4>
1689
-
1690
-
1691
- </dt>
1692
-
1693
- <dd class="">
1694
-
1695
- <div class="description">
1696
- <p> The width of the label when labelEdge is 'start'.</p>
1697
- <p> This attribute accepts values of type
1698
- <code>0 | `var(${string})` | `--${string}` | `${number}%` | `${number}x` | `calc(${string})` | `${number}${CssUnits}</code></p>
1699
- </div>
1700
-
1701
-
1702
-
1703
-
1704
- <dl class="details">
1705
-
1706
-
1707
-
1708
-
1709
-
1710
-
1711
-
1712
-
1713
-
1714
-
1715
-
1716
-
1717
-
1718
-
1719
-
1720
-
1721
-
1722
-
1723
-
1724
-
1725
-
1726
-
1727
-
1728
-
1729
-
1730
-
1731
-
1732
-
1733
-
1734
- </dl>
1735
-
1736
-
1737
-
1738
- <h5>Names</h5>
1739
- <table class="keyboard-table">
1740
- <thead>
1741
- <tr>
1742
- <th>Item</th>
1743
- <th>Name</th>
1744
- </tr>
1745
- </thead>
1746
- <tbody>
1747
- <tr>
1748
- <td>Property</td>
1749
- <td><code class="prettyprint">labelStartWidth</code></td>
1750
- </tr>
1751
-
1752
- <tr>
1753
- <td>Property change event</td>
1754
- <td><code class="prettyprint">labelStartWidthChanged</code></td>
1755
- </tr>
1756
- <tr>
1757
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1758
- <td><code class="pretty-print-noprettify">on-label-start-width-changed</code></td>
1759
- </tr>
1760
-
1761
- </tbody>
1762
- </table>
1763
-
1764
- </dd>
1765
-
1766
-
1767
- <dt class="">
1768
-
1769
- <h4 id="labelWrapping" class="name">
1770
-
1771
- <span class="type-signature"></span>label-wrapping<span class="type-signature"> :"truncate"|"wrap"</span>
1772
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#labelWrapping"></a>
1773
-
1774
- </h4>
1775
-
1776
-
1777
- </dt>
1778
-
1779
- <dd class="">
1780
-
1781
- <div class="description">
1782
- A property that applications can use to specify how the radioset label should render when there is not enough available space.
1783
- </div>
1784
-
1785
-
1786
-
1787
-
1788
- <dl class="details">
1789
-
1790
-
1791
-
1792
-
1793
- <h5 class="subsection-title">Supported Values:</h5>
1794
-
1795
- <dl>
1796
-
1797
- <table class="props">
1798
- <thead>
1799
- <tr>
1800
-
1801
- <th>Value</th>
1802
-
1803
-
1804
-
1805
-
1806
-
1807
-
1808
-
1809
- <th class="last">Description</th>
1810
-
1811
- </tr>
1812
- </thead>
1813
-
1814
- <tbody>
1815
-
1816
-
1817
- <tr>
1818
-
1819
- <td class="name"><code>truncate</code></td>
1820
-
1821
-
1822
-
1823
-
1824
-
1825
-
1826
-
1827
- <td class="description last">Label will truncate if needed.
1828
- </td>
1829
-
1830
- </tr>
1831
-
1832
-
1833
-
1834
- <tr>
1835
-
1836
- <td class="name"><code>wrap</code></td>
1837
-
1838
-
1839
-
1840
-
1841
-
1842
-
1843
-
1844
- <td class="description last">Label will wrap if needed.
1845
- </td>
1846
-
1847
- </tr>
1848
-
1849
-
1850
- </tbody>
1851
- </table></dl>
1852
-
1853
-
1854
-
1855
-
1856
-
1857
-
1858
-
1859
-
1860
-
1861
-
1862
-
1863
-
1864
-
1865
-
1866
-
1867
-
1868
-
1869
-
1870
-
1871
-
1872
-
1873
-
1874
-
1875
-
1876
-
1877
-
1878
-
1879
-
1880
- </dl>
1881
-
1882
-
1883
-
1884
- <h5>Names</h5>
1885
- <table class="keyboard-table">
1886
- <thead>
1887
- <tr>
1888
- <th>Item</th>
1889
- <th>Name</th>
1890
- </tr>
1891
- </thead>
1892
- <tbody>
1893
- <tr>
1894
- <td>Property</td>
1895
- <td><code class="prettyprint">labelWrapping</code></td>
1896
- </tr>
1897
-
1898
- <tr>
1899
- <td>Property change event</td>
1900
- <td><code class="prettyprint">labelWrappingChanged</code></td>
1901
- </tr>
1902
- <tr>
1903
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1904
- <td><code class="pretty-print-noprettify">on-label-wrapping-changed</code></td>
1905
- </tr>
1906
-
1907
- </tbody>
1908
- </table>
1909
-
1910
- </dd>
1911
-
1912
-
1913
- <dt class="">
1914
-
1915
- <h4 id="messagesCustom" class="name">
1916
-
1917
- <span class="type-signature"></span>messages-custom<span class="type-signature"> :Array.&lt;<a href="oj-c.Radioset.html#ComponentMessageItem">oj-c.Radioset.ComponentMessageItem</a>></span>
1918
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#messagesCustom"></a>
1919
-
1920
- </h4>
1921
-
1922
-
1923
- </dt>
1924
-
1925
- <dd class="">
1926
-
1927
- <div class="description">
1928
- List of messages an app would add to the component when it has business/custom validation
1929
- errors that it wants the component to show. This allows the app to perform further validation
1930
- before sending data to the server. When this option is set the message will be shown to the
1931
- user right away. To clear the custom message, set <code class="prettyprint">messagesCustom</code>
1932
- back to an empty array.<br/>
1933
- <p>
1934
- See the <a href="#validation-section">Validation and Messages</a> section
1935
- for details on when the component clears <code class="prettyprint">messagesCustom</code>;
1936
- for example, when full validation is run.
1937
- </p>
1938
- </div>
1939
-
1940
-
1941
-
1942
-
1943
- <dl class="details">
1944
-
1945
-
1946
-
1947
-
1948
-
1949
- <dt class="tag-default">Default Value:</dt>
1950
- <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">[]</code></li></ul></dd>
1951
-
1952
-
1953
-
1954
- <dt class="tag-default">Supports writeback:</dt>
1955
- <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">true</code></li></ul></dd>
1956
-
1957
-
1958
-
1959
-
1960
-
1961
-
1962
-
1963
-
1964
-
1965
-
1966
-
1967
-
1968
-
1969
-
1970
-
1971
-
1972
-
1973
-
1974
-
1975
-
1976
-
1977
-
1978
-
1979
- </dl>
1980
-
1981
-
1982
-
1983
- <h5>Names</h5>
1984
- <table class="keyboard-table">
1985
- <thead>
1986
- <tr>
1987
- <th>Item</th>
1988
- <th>Name</th>
1989
- </tr>
1990
- </thead>
1991
- <tbody>
1992
- <tr>
1993
- <td>Property</td>
1994
- <td><code class="prettyprint">messagesCustom</code></td>
1995
- </tr>
1996
-
1997
- <tr>
1998
- <td>Property change event</td>
1999
- <td><code class="prettyprint">messagesCustomChanged</code></td>
2000
- </tr>
2001
- <tr>
2002
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
2003
- <td><code class="pretty-print-noprettify">on-messages-custom-changed</code></td>
2004
- </tr>
2005
-
2006
- </tbody>
2007
- </table>
2008
-
2009
- </dd>
2010
-
2011
-
2012
- <dt class="">
2013
-
2014
- <h4 id="options" class="name">
2015
-
2016
- <span class="type-signature"></span>options<span class="type-signature"> :Array&lt;(<a href="oj-c.Radioset.html#RadiosetDataItem">oj-c.Radioset.RadiosetDataItem</a> &amp; { value: V; })>|DataProvider&lt;V, D></span>
2017
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#options"></a>
2018
-
2019
- </h4>
2020
-
2021
-
2022
- </dt>
2023
-
2024
- <dd class="">
2025
-
2026
- <div class="description">
2027
- The data provided to the radioset that represents one or more radio items. Regardless of the type used for this attribute (whether it's a
2028
- DataProvider implementation or an Array of data items) the value and label properties are required. In the DataProvider case, the
2029
- key of the DataProvider will be used as the radio item value. See the <a href="#usage-section">custom element usage section</a> for details on the type parameter definitions.
2030
- </div>
2031
-
2032
-
2033
-
2034
-
2035
- <dl class="details">
2036
-
2037
-
2038
-
2039
-
2040
-
2041
-
2042
-
2043
-
2044
-
2045
-
2046
-
2047
-
2048
-
2049
-
2050
-
2051
-
2052
-
2053
-
2054
-
2055
-
2056
-
2057
-
2058
-
2059
-
2060
-
2061
-
2062
-
2063
-
2064
-
2065
- </dl>
2066
-
2067
-
2068
-
2069
- <h5>Names</h5>
2070
- <table class="keyboard-table">
2071
- <thead>
2072
- <tr>
2073
- <th>Item</th>
2074
- <th>Name</th>
2075
- </tr>
2076
- </thead>
2077
- <tbody>
2078
- <tr>
2079
- <td>Property</td>
2080
- <td><code class="prettyprint">options</code></td>
2081
- </tr>
2082
-
2083
- <tr>
2084
- <td>Property change event</td>
2085
- <td><code class="prettyprint">optionsChanged</code></td>
2086
- </tr>
2087
- <tr>
2088
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
2089
- <td><code class="pretty-print-noprettify">on-options-changed</code></td>
2090
- </tr>
2091
-
2092
- </tbody>
2093
- </table>
2094
-
2095
- </dd>
2096
-
2097
-
2098
- <dt class="">
2099
-
2100
- <h4 id="readonly" class="name">
2101
-
2102
- <span class="type-signature"></span>readonly<span class="type-signature"> :boolean</span>
2103
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#readonly"></a>
2104
-
2105
- </h4>
2106
-
2107
-
2108
- </dt>
2109
-
2110
- <dd class="">
2111
-
2112
- <div class="description">
2113
- Whether the component is readonly. The readonly property sets or returns whether an element
2114
- is readonly, or not. A readonly element cannot be modified. However, a user can tab to it,
2115
- highlight it, focus on it, and copy the text from it. If you want to prevent the user from
2116
- interacting with the element, use the disabled property instead.
2117
- </div>
2118
-
2119
-
2120
-
2121
-
2122
- <dl class="details">
2123
-
2124
-
2125
-
2126
-
2127
-
2128
- <dt class="tag-default">Default Value:</dt>
2129
- <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">false</code></li></ul></dd>
2130
-
2131
-
2132
-
2133
-
2134
-
2135
-
2136
-
2137
-
2138
-
2139
-
2140
-
2141
-
2142
-
2143
-
2144
-
2145
-
2146
-
2147
-
2148
-
2149
-
2150
-
2151
-
2152
-
2153
-
2154
-
2155
- </dl>
2156
-
2157
-
2158
-
2159
- <h5>Names</h5>
2160
- <table class="keyboard-table">
2161
- <thead>
2162
- <tr>
2163
- <th>Item</th>
2164
- <th>Name</th>
2165
- </tr>
2166
- </thead>
2167
- <tbody>
2168
- <tr>
2169
- <td>Property</td>
2170
- <td><code class="prettyprint">readonly</code></td>
2171
- </tr>
2172
-
2173
- <tr>
2174
- <td>Property change event</td>
2175
- <td><code class="prettyprint">readonlyChanged</code></td>
2176
- </tr>
2177
- <tr>
2178
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
2179
- <td><code class="pretty-print-noprettify">on-readonly-changed</code></td>
2180
- </tr>
2181
-
2182
- </tbody>
2183
- </table>
2184
-
2185
- </dd>
2186
-
2187
-
2188
- <dt class="">
2189
-
2190
- <h4 id="required" class="name">
2191
-
2192
- <span class="type-signature"></span>required<span class="type-signature"> :boolean</span>
2193
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#required"></a>
2194
-
2195
- </h4>
2196
-
2197
-
2198
- </dt>
2199
-
2200
- <dd class="">
2201
-
2202
- <div class="description">
2203
- <p>
2204
- When this property is set to <code class="prettyprint">false</code> it implies that a value is not required to be provided by the user.
2205
- This is the default.
2206
- When this property set to <code class="prettyprint">true</code> implies that a value is required to be provided by the user.
2207
- </p>
2208
- <p>
2209
- In the Redwood theme, by default, a Required text is rendered inline when no radio option is selected.
2210
- </p>
2211
- <p>The Required error text is based on Redwood UX designs, and it is not recommended to be changed.
2212
- To override the required error message,
2213
- use the <code class="prettyprint">required-message-detail</code> attribute.
2214
- The component's label text is passed in as a token {label} and can be used in the message detail.
2215
- </p>
2216
- <p>When required is set to true, an implicit
2217
- required validator is created, i.e.,
2218
- <code class="prettyprint">new RequiredValidator()</code>. The required validator is the only
2219
- validator to run during initial render, and its error is not shown to the user at this time;
2220
- this is called deferred validation. The required validator also runs during normal validation;
2221
- this is when the errors are shown to the user.
2222
- See the <a href="#validation-section">Validation and Messaging</a> section for details.
2223
- </p>
2224
- <p>
2225
- When the <code class="prettyprint">required</code> property changes due to programmatic intervention,
2226
- the component may clear component messages and run validation, based on the current state it's in. </br>
2227
-
2228
- <h4>Running Validation when required property changes</h4>
2229
- <ul>
2230
- <li>if component is valid when required is set to true, then it runs deferred validation on
2231
- the value property. If the field is empty, the valid state is invalidHidden. No errors are
2232
- shown to the user.
2233
- </li>
2234
- <li>if component is valid when required is set from true to false, then no validation is run.
2235
- </li>
2236
- <li>if component is invalid and has deferred messages (invalidHidden) when required is set to false, then
2237
- component messages are cleared (messages-custom messages are not cleared)
2238
- but no deferred validation is run because required is false.
2239
- </li>
2240
- <li>if component is invalid and currently showing invalid messages (invalidShown) when required is changed
2241
- to either true or false, then
2242
- component messages are cleared and normal validation is run using the current display value.
2243
- <ul>
2244
- <li>if there are validation errors, then <code class="prettyprint">value</code>
2245
- property is not updated and the error is shown.
2246
- </li>
2247
- <li>if no errors result from the validation, the <code class="prettyprint">value</code>
2248
- property is updated; page author can listen to the <code class="prettyprint">valueChanged</code>
2249
- event on the component to clear custom errors.</li>
2250
- </ul>
2251
- </li>
2252
- </ul>
2253
-
2254
- <h4>Clearing Messages when required property changes</h4>
2255
- <ul>
2256
- <li>Only messages created by the component, like validation messages, are cleared when the required property changes.</li>
2257
- <li><code class="prettyprint">messagesCustom</code> property is not cleared.</li>
2258
- </ul>
2259
-
2260
- </p>
2261
- </div>
2262
-
2263
-
2264
-
2265
-
2266
- <dl class="details">
2267
-
2268
-
2269
-
2270
-
2271
-
2272
- <dt class="tag-default">Default Value:</dt>
2273
- <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">false</code></li></ul></dd>
2274
-
2275
-
2276
-
2277
-
2278
-
2279
-
2280
-
2281
-
2282
-
2283
-
2284
-
2285
-
2286
-
2287
-
2288
-
2289
-
2290
-
2291
-
2292
-
2293
-
2294
-
2295
-
2296
-
2297
-
2298
-
2299
- </dl>
2300
-
2301
-
2302
-
2303
- <h5>Names</h5>
2304
- <table class="keyboard-table">
2305
- <thead>
2306
- <tr>
2307
- <th>Item</th>
2308
- <th>Name</th>
2309
- </tr>
2310
- </thead>
2311
- <tbody>
2312
- <tr>
2313
- <td>Property</td>
2314
- <td><code class="prettyprint">required</code></td>
2315
- </tr>
2316
-
2317
- <tr>
2318
- <td>Property change event</td>
2319
- <td><code class="prettyprint">requiredChanged</code></td>
2320
- </tr>
2321
- <tr>
2322
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
2323
- <td><code class="pretty-print-noprettify">on-required-changed</code></td>
2324
- </tr>
2325
-
2326
- </tbody>
2327
- </table>
2328
-
2329
- </dd>
2330
-
2331
-
2332
- <dt class="">
2333
-
2334
- <h4 id="requiredMessageDetail" class="name">
2335
-
2336
- <span class="type-signature"></span>required-message-detail<span class="type-signature"> :string</span>
2337
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#requiredMessageDetail"></a>
2338
-
2339
- </h4>
2340
-
2341
-
2342
- </dt>
2343
-
2344
- <dd class="">
2345
-
2346
- <div class="description">
2347
- <p>
2348
- The component-specific message detail when the required validation fails.
2349
- If the component needs a required validation error message that is different from the default,
2350
- set this property. It should be a translated string.
2351
- </p>
2352
- </div>
2353
-
2354
-
2355
-
2356
-
2357
- <dl class="details">
2358
-
2359
-
2360
-
2361
-
2362
-
2363
-
2364
-
2365
-
2366
-
2367
-
2368
-
2369
-
2370
-
2371
-
2372
-
2373
-
2374
-
2375
-
2376
-
2377
-
2378
-
2379
-
2380
-
2381
-
2382
-
2383
-
2384
-
2385
-
2386
-
2387
- </dl>
2388
-
2389
-
2390
-
2391
- <h5>Names</h5>
2392
- <table class="keyboard-table">
2393
- <thead>
2394
- <tr>
2395
- <th>Item</th>
2396
- <th>Name</th>
2397
- </tr>
2398
- </thead>
2399
- <tbody>
2400
- <tr>
2401
- <td>Property</td>
2402
- <td><code class="prettyprint">requiredMessageDetail</code></td>
2403
- </tr>
2404
-
2405
- <tr>
2406
- <td>Property change event</td>
2407
- <td><code class="prettyprint">requiredMessageDetailChanged</code></td>
2408
- </tr>
2409
- <tr>
2410
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
2411
- <td><code class="pretty-print-noprettify">on-required-message-detail-changed</code></td>
2412
- </tr>
2413
-
2414
- </tbody>
2415
- </table>
2416
-
2417
- </dd>
2418
-
2419
-
2420
- <dt class="">
2421
-
2422
- <h4 id="userAssistanceDensity" class="name">
2423
-
2424
- <span class="type-signature"></span>user-assistance-density<span class="type-signature"> :"reflow"|"efficient"|"compact"</span>
2425
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#userAssistanceDensity"></a>
2426
-
2427
- </h4>
2428
-
2429
-
2430
- </dt>
2431
-
2432
- <dd class="">
2433
-
2434
- <div class="description">
2435
- Specifies the density of the form component's user assistance presentation. It can be shown inline with
2436
- reserved rows to prevent reflow if a user assistance text shows up, inline without reserved rows that would
2437
- reflow if a user assistance text shows up, or it can be shown compactly in a popup instead.
2438
- </div>
2439
-
2440
-
2441
-
2442
-
2443
- <dl class="details">
2444
-
2445
-
2446
-
2447
-
2448
- <h5 class="subsection-title">Supported Values:</h5>
2449
-
2450
- <dl>
2451
-
2452
- <table class="props">
2453
- <thead>
2454
- <tr>
2455
-
2456
- <th>Value</th>
2457
-
2458
-
2459
-
2460
-
2461
-
2462
-
2463
-
2464
- <th class="last">Description</th>
2465
-
2466
- </tr>
2467
- </thead>
2468
-
2469
- <tbody>
2470
-
2471
-
2472
- <tr>
2473
-
2474
- <td class="name"><code>compact</code></td>
2475
-
2476
-
2477
-
2478
-
2479
-
2480
-
2481
-
2482
- <td class="description last">Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required.
2483
- </td>
2484
-
2485
- </tr>
2486
-
2487
-
2488
-
2489
- <tr>
2490
-
2491
- <td class="name"><code>efficient</code></td>
2492
-
2493
-
2494
-
2495
-
2496
-
2497
-
2498
-
2499
- <td class="description last">Messages, help, hints, and required are all shown inline under the field with reserved space.
2500
- </td>
2501
-
2502
- </tr>
2503
-
2504
-
2505
-
2506
- <tr>
2507
-
2508
- <td class="name"><code>reflow</code></td>
2509
-
2510
-
2511
-
2512
-
2513
-
2514
-
2515
-
2516
- <td class="description last">Messages, help, hints, and required are all shown inline under the field with no reserved space.
2517
- </td>
2518
-
2519
- </tr>
2520
-
2521
-
2522
- </tbody>
2523
- </table></dl>
2524
-
2525
-
2526
-
2527
-
2528
- <dt class="tag-default">Default Value:</dt>
2529
- <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"reflow"</code></li></ul></dd>
2530
-
2531
-
2532
-
2533
-
2534
-
2535
-
2536
-
2537
-
2538
-
2539
-
2540
-
2541
-
2542
-
2543
-
2544
-
2545
-
2546
-
2547
-
2548
-
2549
-
2550
-
2551
-
2552
-
2553
-
2554
-
2555
- </dl>
2556
-
2557
-
2558
-
2559
- <h5>Names</h5>
2560
- <table class="keyboard-table">
2561
- <thead>
2562
- <tr>
2563
- <th>Item</th>
2564
- <th>Name</th>
2565
- </tr>
2566
- </thead>
2567
- <tbody>
2568
- <tr>
2569
- <td>Property</td>
2570
- <td><code class="prettyprint">userAssistanceDensity</code></td>
2571
- </tr>
2572
-
2573
- <tr>
2574
- <td>Property change event</td>
2575
- <td><code class="prettyprint">userAssistanceDensityChanged</code></td>
2576
- </tr>
2577
- <tr>
2578
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
2579
- <td><code class="pretty-print-noprettify">on-user-assistance-density-changed</code></td>
2580
- </tr>
2581
-
2582
- </tbody>
2583
- </table>
2584
-
2585
- </dd>
2586
-
2587
-
2588
- <dt class="">
2589
-
2590
- <h4 id="valid" class="name">
2591
-
2592
- <span class="type-signature">(readonly) </span>valid<span class="type-signature"> :"valid"|"pending"|"invalidHidden"|"invalidShown"</span>
2593
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#valid"></a>
2594
-
2595
- </h4>
2596
-
2597
-
2598
- </dt>
2599
-
2600
- <dd class="">
2601
-
2602
- <div class="description">
2603
- <p>
2604
- The current valid state of the component. It is evaluated on initial render.
2605
- It is re-evaluated
2606
- <ul>
2607
- <li>when messagesCustom is updated,
2608
- since messagesCustom can be added by the app developer any time.</li>
2609
- <li>when showMessages() is called. Since showMessages() moves the
2610
- hidden messages into messages shown,
2611
- if the valid state was "invalidHidden" then it would become "invalidShown".</li>
2612
- <li>when the required property has changed. If a component is empty and has required
2613
- set, the valid state may be "invalidHidden" (if no invalid messages are being shown as well).
2614
- If required property is removed, the valid state would change to "valid".</li>
2615
- </ul>
2616
- </p>
2617
- <p>
2618
- Note: New valid states may be added to the list of valid values in future releases.
2619
- Any new values will start with "invalid"
2620
- if it is an invalid state, "pending" if it is pending state,
2621
- and "valid" if it is a valid state.
2622
- </p>
2623
- </div>
2624
-
2625
-
2626
-
2627
-
2628
- <dl class="details">
2629
-
2630
-
2631
-
2632
-
2633
- <h5 class="subsection-title">Supported Values:</h5>
2634
-
2635
- <dl>
2636
-
2637
- <table class="props">
2638
- <thead>
2639
- <tr>
2640
-
2641
- <th>Value</th>
2642
-
2643
-
2644
-
2645
-
2646
-
2647
-
2648
-
2649
- <th class="last">Description</th>
2650
-
2651
- </tr>
2652
- </thead>
2653
-
2654
- <tbody>
2655
-
2656
-
2657
- <tr>
2658
-
2659
- <td class="name"><code>invalidHidden</code></td>
2660
-
2661
-
2662
-
2663
-
2664
-
2665
-
2666
-
2667
- <td class="description last">The component has invalid messages hidden and no invalid messages showing. An invalid message is one with severity 'error'.
2668
- </td>
2669
-
2670
- </tr>
2671
-
2672
-
2673
-
2674
- <tr>
2675
-
2676
- <td class="name"><code>invalidShown</code></td>
2677
-
2678
-
2679
-
2680
-
2681
-
2682
-
2683
-
2684
- <td class="description last">The component has invalid messages showing. An invalid message is one with severity 'error'.
2685
- </td>
2686
-
2687
- </tr>
2688
-
2689
-
2690
-
2691
- <tr>
2692
-
2693
- <td class="name"><code>pending</code></td>
2694
-
2695
-
2696
-
2697
-
2698
-
2699
-
2700
-
2701
- <td class="description last">The component is waiting for the validation state to be determined. The 'pending' state is set at the start of the convert/validate process.
2702
- </td>
2703
-
2704
- </tr>
2705
-
2706
-
2707
-
2708
- <tr>
2709
-
2710
- <td class="name"><code>valid</code></td>
2711
-
2712
-
2713
-
2714
-
2715
-
2716
-
2717
-
2718
- <td class="description last">The component is valid
2719
- </td>
2720
-
2721
- </tr>
2722
-
2723
-
2724
- </tbody>
2725
- </table></dl>
2726
-
2727
-
2728
-
2729
-
2730
-
2731
-
2732
- <dt class="tag-default">Supports writeback:</dt>
2733
- <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">true</code></li></ul></dd>
2734
-
2735
-
2736
-
2737
-
2738
-
2739
-
2740
-
2741
-
2742
-
2743
-
2744
-
2745
-
2746
-
2747
-
2748
-
2749
-
2750
-
2751
-
2752
-
2753
-
2754
-
2755
-
2756
-
2757
- </dl>
2758
-
2759
-
2760
-
2761
- <h5>Names</h5>
2762
- <table class="keyboard-table">
2763
- <thead>
2764
- <tr>
2765
- <th>Item</th>
2766
- <th>Name</th>
2767
- </tr>
2768
- </thead>
2769
- <tbody>
2770
- <tr>
2771
- <td>Property</td>
2772
- <td><code class="prettyprint">valid</code></td>
2773
- </tr>
2774
-
2775
- <tr>
2776
- <td>Property change event</td>
2777
- <td><code class="prettyprint">validChanged</code></td>
2778
- </tr>
2779
- <tr>
2780
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
2781
- <td><code class="pretty-print-noprettify">on-valid-changed</code></td>
2782
- </tr>
2783
-
2784
- </tbody>
2785
- </table>
2786
-
2787
- </dd>
2788
-
2789
-
2790
- <dt class="">
2791
-
2792
- <h4 id="value" class="name">
2793
-
2794
- <span class="type-signature"></span>value<span class="type-signature"> :(V|null)</span>
2795
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#value"></a>
2796
-
2797
- </h4>
2798
-
2799
-
2800
- </dt>
2801
-
2802
- <dd class="">
2803
-
2804
- <div class="description">
2805
- The value of the component.
2806
-
2807
- <p>
2808
- When <code class="prettyprint">value</code> property changes due to programmatic
2809
- intervention, the component always clears all messages
2810
- including <code class="prettyprint">messagesCustom</code>, runs deferred validation, and
2811
- always refreshes UI display value.
2812
- </p>
2813
-
2814
- <h4>Running Validation</h4>
2815
- <ul>
2816
- <li>component always runs deferred validation; the
2817
- <code class="prettyprint">valid</code> property is updated with the result.</li>
2818
- </ul>
2819
- </div>
2820
-
2821
-
2822
-
2823
-
2824
- <dl class="details">
2825
-
2826
-
2827
-
2828
-
2829
-
2830
- <dt class="tag-default">Default Value:</dt>
2831
- <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">null</code></li></ul></dd>
2832
-
2833
-
2834
-
2835
- <dt class="tag-default">Supports writeback:</dt>
2836
- <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">true</code></li></ul></dd>
2837
-
2838
-
2839
-
2840
-
2841
-
2842
-
2843
-
2844
-
2845
-
2846
-
2847
-
2848
-
2849
-
2850
-
2851
-
2852
-
2853
-
2854
-
2855
-
2856
-
2857
-
2858
-
2859
-
2860
- </dl>
2861
-
2862
-
2863
-
2864
- <h5>Names</h5>
2865
- <table class="keyboard-table">
2866
- <thead>
2867
- <tr>
2868
- <th>Item</th>
2869
- <th>Name</th>
2870
- </tr>
2871
- </thead>
2872
- <tbody>
2873
- <tr>
2874
- <td>Property</td>
2875
- <td><code class="prettyprint">value</code></td>
2876
- </tr>
2877
-
2878
- <tr>
2879
- <td>Property change event</td>
2880
- <td><code class="prettyprint">valueChanged</code></td>
2881
- </tr>
2882
- <tr>
2883
- <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
2884
- <td><code class="pretty-print-noprettify">on-value-changed</code></td>
2885
- </tr>
2886
-
2887
- </tbody>
2888
- </table>
2889
-
2890
- </dd>
2891
-
2892
- </dl>
2893
-
2894
-
2895
- <h3 id="methods-section" class="subsection-title">
2896
- Methods
2897
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#methods-section"></a>
2898
- </h3>
2899
-
2900
- <dl>
2901
-
2902
-
2903
- <dt class="">
2904
-
2905
-
2906
-
2907
- <h4 id="getProperty" class="name">
2908
-
2909
- <span class="type-signature"></span>getProperty<span class="signature">(property)</span><span class="type-signature"> : {<a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-attrs-any-section">any</a>}</span>
2910
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#getProperty"></a>
2911
-
2912
- </h4>
2913
-
2914
-
2915
-
2916
-
2917
-
2918
- </dt>
2919
- <dd class="">
2920
-
2921
-
2922
- <div class="description">
2923
- Retrieves the value of a property or a subproperty.
2924
-
2925
- </div>
2926
-
2927
-
2928
-
2929
-
2930
-
2931
-
2932
-
2933
-
2934
-
2935
-
2936
-
2937
- <h5>Parameters:</h5>
2938
-
2939
-
2940
- <table class="params">
2941
- <thead>
2942
- <tr>
2943
-
2944
- <th>Name</th>
2945
-
2946
-
2947
- <th>Type</th>
2948
-
2949
-
2950
-
2951
-
2952
-
2953
- <th class="last">Description</th>
2954
- </tr>
2955
- </thead>
2956
-
2957
- <tbody>
2958
-
2959
-
2960
- <tr>
2961
-
2962
- <td class="name"><code>property</code></td>
2963
-
2964
-
2965
- <td class="type">
2966
-
2967
- </td>
2968
-
2969
-
2970
-
2971
-
2972
- <td class="description last">The property name to get. Supports dot notation for subproperty access.
2973
- </td>
2974
- </tr>
2975
-
2976
-
2977
- </tbody>
2978
- </table>
2979
-
2980
-
2981
-
2982
- <dl class="details">
2983
-
2984
-
2985
-
2986
-
2987
-
2988
-
2989
-
2990
-
2991
-
2992
-
2993
-
2994
-
2995
-
2996
-
2997
-
2998
-
2999
-
3000
-
3001
-
3002
-
3003
-
3004
-
3005
-
3006
-
3007
-
3008
-
3009
-
3010
-
3011
-
3012
- </dl>
3013
-
3014
-
3015
-
3016
-
3017
-
3018
-
3019
-
3020
- <h5>Returns:</h5>
3021
-
3022
-
3023
-
3024
-
3025
- <dl>
3026
- <dt>
3027
- Type
3028
- </dt>
3029
- <dd>
3030
-
3031
- <span class="param-type"><a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-attrs-any-section">any</a></span>
3032
-
3033
-
3034
- </dd>
3035
- </dl>
3036
-
3037
-
3038
-
3039
-
3040
-
3041
- </dd>
3042
-
3043
-
3044
-
3045
- <dt class="">
3046
-
3047
-
3048
-
3049
- <h4 id="reset" class="name">
3050
-
3051
- <span class="type-signature"></span>reset<span class="signature"></span><span class="type-signature"> : {void}</span>
3052
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#reset"></a>
3053
-
3054
- </h4>
3055
-
3056
-
3057
-
3058
-
3059
-
3060
- </dt>
3061
- <dd class="">
3062
-
3063
-
3064
- <div class="description">
3065
- Resets the component by clearing all messages.
3066
-
3067
- </div>
3068
-
3069
-
3070
-
3071
-
3072
-
3073
-
3074
-
3075
-
3076
-
3077
-
3078
-
3079
-
3080
-
3081
- <dl class="details">
3082
-
3083
-
3084
-
3085
-
3086
-
3087
-
3088
-
3089
-
3090
-
3091
-
3092
-
3093
-
3094
-
3095
-
3096
-
3097
-
3098
-
3099
-
3100
-
3101
-
3102
-
3103
-
3104
-
3105
-
3106
-
3107
-
3108
-
3109
-
3110
-
3111
- </dl>
3112
-
3113
-
3114
-
3115
-
3116
-
3117
-
3118
-
3119
- <h5>Returns:</h5>
3120
-
3121
-
3122
-
3123
-
3124
- <dl>
3125
- <dt>
3126
- Type
3127
- </dt>
3128
- <dd>
3129
-
3130
- <span class="param-type">void</span>
3131
-
3132
-
3133
- </dd>
3134
- </dl>
3135
-
3136
-
3137
-
3138
-
3139
-
3140
- </dd>
3141
-
3142
-
3143
-
3144
- <dt class="">
3145
-
3146
-
3147
-
3148
- <h4 id="setProperties" class="name">
3149
-
3150
- <span class="type-signature"></span>setProperties<span class="signature">(properties)</span><span class="type-signature"> : {void}</span>
3151
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperties"></a>
3152
-
3153
- </h4>
3154
-
3155
-
3156
-
3157
-
3158
-
3159
- </dt>
3160
- <dd class="">
3161
-
3162
-
3163
- <div class="description">
3164
- Performs a batch set of properties.
3165
-
3166
- </div>
3167
-
3168
-
3169
-
3170
-
3171
-
3172
-
3173
-
3174
-
3175
-
3176
-
3177
-
3178
- <h5>Parameters:</h5>
3179
-
3180
-
3181
- <table class="params">
3182
- <thead>
3183
- <tr>
3184
-
3185
- <th>Name</th>
3186
-
3187
-
3188
- <th>Type</th>
3189
-
3190
-
3191
-
3192
-
3193
-
3194
- <th class="last">Description</th>
3195
- </tr>
3196
- </thead>
3197
-
3198
- <tbody>
3199
-
3200
-
3201
- <tr>
3202
-
3203
- <td class="name"><code>properties</code></td>
3204
-
3205
-
3206
- <td class="type">
3207
-
3208
- </td>
3209
-
3210
-
3211
-
3212
-
3213
- <td class="description last">An object containing the property and value pairs to set.
3214
- </td>
3215
- </tr>
3216
-
3217
-
3218
- </tbody>
3219
- </table>
3220
-
3221
-
3222
-
3223
- <dl class="details">
3224
-
3225
-
3226
-
3227
-
3228
-
3229
-
3230
-
3231
-
3232
-
3233
-
3234
-
3235
-
3236
-
3237
-
3238
-
3239
-
3240
-
3241
-
3242
-
3243
-
3244
-
3245
-
3246
-
3247
-
3248
-
3249
-
3250
-
3251
-
3252
-
3253
- </dl>
3254
-
3255
-
3256
-
3257
-
3258
-
3259
-
3260
-
3261
- <h5>Returns:</h5>
3262
-
3263
-
3264
-
3265
-
3266
- <dl>
3267
- <dt>
3268
- Type
3269
- </dt>
3270
- <dd>
3271
-
3272
- <span class="param-type">void</span>
3273
-
3274
-
3275
- </dd>
3276
- </dl>
3277
-
3278
-
3279
-
3280
-
3281
-
3282
- </dd>
3283
-
3284
-
3285
-
3286
- <dt class="">
3287
-
3288
-
3289
-
3290
- <h4 id="setProperty" class="name">
3291
-
3292
- <span class="type-signature"></span>setProperty<span class="signature">(property, value)</span><span class="type-signature"> : {void}</span>
3293
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperty"></a>
3294
-
3295
- </h4>
3296
-
3297
-
3298
-
3299
-
3300
-
3301
- </dt>
3302
- <dd class="">
3303
-
3304
-
3305
- <div class="description">
3306
- Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.
3307
-
3308
- </div>
3309
-
3310
-
3311
-
3312
-
3313
-
3314
-
3315
-
3316
-
3317
-
3318
-
3319
-
3320
- <h5>Parameters:</h5>
3321
-
3322
-
3323
- <table class="params">
3324
- <thead>
3325
- <tr>
3326
-
3327
- <th>Name</th>
3328
-
3329
-
3330
- <th>Type</th>
3331
-
3332
-
3333
-
3334
-
3335
-
3336
- <th class="last">Description</th>
3337
- </tr>
3338
- </thead>
3339
-
3340
- <tbody>
3341
-
3342
-
3343
- <tr>
3344
-
3345
- <td class="name"><code>property</code></td>
3346
-
3347
-
3348
- <td class="type">
3349
-
3350
- </td>
3351
-
3352
-
3353
-
3354
-
3355
- <td class="description last">The property name to set. Supports dot notation for subproperty access.
3356
- </td>
3357
- </tr>
3358
-
3359
-
3360
-
3361
- <tr>
3362
-
3363
- <td class="name"><code>value</code></td>
3364
-
3365
-
3366
- <td class="type">
3367
-
3368
- </td>
3369
-
3370
-
3371
-
3372
-
3373
- <td class="description last">The new value to set the property to.
3374
- </td>
3375
- </tr>
3376
-
3377
-
3378
- </tbody>
3379
- </table>
3380
-
3381
-
3382
-
3383
- <dl class="details">
3384
-
3385
-
3386
-
3387
-
3388
-
3389
-
3390
-
3391
-
3392
-
3393
-
3394
-
3395
-
3396
-
3397
-
3398
-
3399
-
3400
-
3401
-
3402
-
3403
-
3404
-
3405
-
3406
-
3407
-
3408
-
3409
-
3410
-
3411
-
3412
-
3413
- </dl>
3414
-
3415
-
3416
-
3417
-
3418
-
3419
-
3420
-
3421
- <h5>Returns:</h5>
3422
-
3423
-
3424
-
3425
-
3426
- <dl>
3427
- <dt>
3428
- Type
3429
- </dt>
3430
- <dd>
3431
-
3432
- <span class="param-type">void</span>
3433
-
3434
-
3435
- </dd>
3436
- </dl>
3437
-
3438
-
3439
-
3440
-
3441
-
3442
- </dd>
3443
-
3444
-
3445
-
3446
- <dt class="">
3447
-
3448
-
3449
-
3450
- <h4 id="showMessages" class="name">
3451
-
3452
- <span class="type-signature"></span>showMessages<span class="signature"></span><span class="type-signature"> : {void}</span>
3453
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#showMessages"></a>
3454
-
3455
- </h4>
3456
-
3457
-
3458
-
3459
-
3460
-
3461
- </dt>
3462
- <dd class="">
3463
-
3464
-
3465
- <div class="description">
3466
- Takes all deferred messages and shows them. It then updates
3467
- the valid property; e.g., if the valid state was "invalidHidden"
3468
- before showMessages(), the valid state will become "invalidShown"
3469
- after showMessages().</br>
3470
- </br>
3471
- If there were no deferred messages this method simply returns.
3472
-
3473
- </div>
3474
-
3475
-
3476
-
3477
-
3478
-
3479
-
3480
-
3481
-
3482
-
3483
-
3484
-
3485
-
3486
-
3487
- <dl class="details">
3488
-
3489
-
3490
-
3491
-
3492
-
3493
-
3494
-
3495
-
3496
-
3497
-
3498
-
3499
-
3500
-
3501
-
3502
-
3503
-
3504
-
3505
-
3506
-
3507
-
3508
-
3509
-
3510
-
3511
-
3512
-
3513
-
3514
-
3515
-
3516
-
3517
- </dl>
3518
-
3519
-
3520
-
3521
-
3522
-
3523
-
3524
-
3525
- <h5>Returns:</h5>
3526
-
3527
-
3528
-
3529
-
3530
- <dl>
3531
- <dt>
3532
- Type
3533
- </dt>
3534
- <dd>
3535
-
3536
- <span class="param-type">void</span>
3537
-
3538
-
3539
- </dd>
3540
- </dl>
3541
-
3542
-
3543
-
3544
-
3545
-
3546
- </dd>
3547
-
3548
-
3549
-
3550
- <dt class="">
3551
-
3552
-
3553
-
3554
- <h4 id="validate" class="name">
3555
-
3556
- <span class="type-signature"></span>validate<span class="signature"></span><span class="type-signature"> : {Promise}</span>
3557
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#validate"></a>
3558
-
3559
- </h4>
3560
-
3561
-
3562
-
3563
-
3564
-
3565
- </dt>
3566
- <dd class="">
3567
-
3568
-
3569
- <div class="description">
3570
- Validates the component's display value using all validators
3571
- registered on the component and updates the
3572
- <code class="prettyprint">value</code> option by performing
3573
- the following steps.
3574
- <ol>
3575
- <li>All messages are cleared, including custom messages added by the app.</li>
3576
- <li>The implicit required validator is run if the component is marked required.</li>
3577
- <li>At the end of validation if there are errors, the messages are shown. If there were no errors,
3578
- then the <code class="prettyprint">value</code> property is updated.</li>
3579
- </ol>
3580
-
3581
- </div>
3582
-
3583
-
3584
-
3585
-
3586
-
3587
-
3588
-
3589
-
3590
-
3591
-
3592
-
3593
-
3594
-
3595
- <dl class="details">
3596
-
3597
-
3598
-
3599
-
3600
-
3601
-
3602
-
3603
-
3604
-
3605
-
3606
-
3607
-
3608
-
3609
-
3610
-
3611
-
3612
-
3613
-
3614
-
3615
-
3616
-
3617
-
3618
-
3619
-
3620
-
3621
-
3622
-
3623
-
3624
-
3625
- </dl>
3626
-
3627
-
3628
-
3629
-
3630
-
3631
-
3632
-
3633
- <h5>Returns:</h5>
3634
-
3635
-
3636
- <div class="param-desc">
3637
- <p>Promise resolves to "valid" if the component passed
3638
- all validations, or "invalid" if there were validation errors.</p>
3639
- </div>
3640
-
3641
-
3642
-
3643
- <dl>
3644
- <dt>
3645
- Type
3646
- </dt>
3647
- <dd>
3648
-
3649
- <span class="param-type">Promise</span>
3650
-
3651
-
3652
- </dd>
3653
- </dl>
3654
-
3655
-
3656
-
3657
-
3658
-
3659
- </dd>
3660
-
3661
-
3662
- </dl>
3663
-
3664
-
3665
- <h3 id="typedefs-section" class="subsection-title">
3666
- Type Definitions
3667
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#typedefs-section"></a>
3668
- </h3>
3669
-
3670
- <dl>
3671
-
3672
-
3673
- <dt class="">
3674
-
3675
- <h4 id="ComponentMessageItem" class="name">
3676
-
3677
- ComponentMessageItem
3678
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#ComponentMessageItem"></a>
3679
-
3680
- </h4>
3681
-
3682
-
3683
- </dt>
3684
-
3685
- <dd class="">
3686
-
3687
-
3688
-
3689
-
3690
- <dl class="details">
3691
-
3692
- <h5 class="subsection-title notoc">Properties:</h5>
3693
-
3694
-
3695
-
3696
- <dl>
3697
-
3698
- <table class="props">
3699
- <thead>
3700
- <tr>
3701
-
3702
- <th>Name</th>
3703
-
3704
-
3705
- <th>Type</th>
3706
-
3707
-
3708
- <th>Argument</th>
3709
-
3710
-
3711
-
3712
-
3713
-
3714
- </tr>
3715
- </thead>
3716
-
3717
- <tbody>
3718
-
3719
- <tr>
3720
-
3721
- <td class="name"><code>detail</code></td>
3722
-
3723
-
3724
-
3725
- <td class="type">
3726
-
3727
-
3728
-
3729
- <span class="param-type">string</span>
3730
-
3731
-
3732
-
3733
-
3734
- </td>
3735
-
3736
-
3737
- <td class="attributes">
3738
-
3739
- &lt;optional><br>
3740
-
3741
-
3742
-
3743
- </td>
3744
-
3745
-
3746
-
3747
-
3748
-
3749
- </tr>
3750
-
3751
-
3752
- <tr>
3753
-
3754
- <td class="name"><code>severity</code></td>
3755
-
3756
-
3757
-
3758
- <td class="type">
3759
-
3760
-
3761
-
3762
- <span class="param-type">"error"</span>
3763
- |
3764
-
3765
- <span class="param-type">"confirmation"</span>
3766
- |
3767
-
3768
- <span class="param-type">"info"</span>
3769
- |
3770
-
3771
- <span class="param-type">"warning"</span>
3772
-
3773
-
3774
-
3775
-
3776
- </td>
3777
-
3778
-
3779
- <td class="attributes">
3780
-
3781
- &lt;optional><br>
3782
-
3783
-
3784
-
3785
- </td>
3786
-
3787
-
3788
-
3789
-
3790
-
3791
- </tr>
3792
-
3793
-
3794
- <tr>
3795
-
3796
- <td class="name"><code>summary</code></td>
3797
-
3798
-
3799
-
3800
- <td class="type">
3801
-
3802
-
3803
-
3804
- <span class="param-type">string</span>
3805
-
3806
-
3807
-
3808
-
3809
- </td>
3810
-
3811
-
3812
- <td class="attributes">
3813
-
3814
- &lt;optional><br>
3815
-
3816
-
3817
-
3818
- </td>
3819
-
3820
-
3821
-
3822
-
3823
-
3824
- </tr>
3825
-
3826
-
3827
- </tbody>
3828
- </table></dl>
3829
-
3830
-
3831
-
3832
-
3833
-
3834
-
3835
-
3836
-
3837
-
3838
-
3839
-
3840
-
3841
-
3842
-
3843
-
3844
-
3845
-
3846
-
3847
-
3848
-
3849
-
3850
-
3851
-
3852
-
3853
-
3854
-
3855
-
3856
-
3857
-
3858
-
3859
- </dl>
3860
-
3861
-
3862
-
3863
- </dd>
3864
-
3865
-
3866
- <dt class="">
3867
-
3868
- <h4 id="DisplayOptions" class="name">
3869
-
3870
- DisplayOptions
3871
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#DisplayOptions"></a>
3872
-
3873
- </h4>
3874
-
3875
-
3876
- </dt>
3877
-
3878
- <dd class="">
3879
-
3880
- <div class="description">
3881
- Display options for auxiliary content that determines whether or not it should be displayed.
3882
- </div>
3883
-
3884
-
3885
-
3886
-
3887
- <dl class="details">
3888
-
3889
- <h5 class="subsection-title notoc">Properties:</h5>
3890
-
3891
-
3892
-
3893
- <dl>
3894
-
3895
- <table class="props">
3896
- <thead>
3897
- <tr>
3898
-
3899
- <th>Name</th>
3900
-
3901
-
3902
- <th>Type</th>
3903
-
3904
-
3905
- <th>Argument</th>
3906
-
3907
-
3908
-
3909
- <th>Default</th>
3910
-
3911
-
3912
-
3913
- <th class="last">Description</th>
3914
-
3915
- </tr>
3916
- </thead>
3917
-
3918
- <tbody>
3919
-
3920
- <tr>
3921
-
3922
- <td class="name"><code>messages</code></td>
3923
-
3924
-
3925
-
3926
- <td class="type">
3927
-
3928
-
3929
-
3930
- <span class="param-type">"none"</span>
3931
- |
3932
-
3933
- <span class="param-type">"display"</span>
3934
-
3935
-
3936
-
3937
-
3938
- </td>
3939
-
3940
-
3941
- <td class="attributes">
3942
-
3943
- &lt;optional><br>
3944
-
3945
-
3946
-
3947
- </td>
3948
-
3949
-
3950
-
3951
- <td class="default">
3952
-
3953
- "display"
3954
-
3955
- </td>
3956
-
3957
-
3958
-
3959
- <td class="description last">Display options for auxiliary message text.
3960
- </td>
3961
-
3962
- </tr>
3963
-
3964
-
3965
- </tbody>
3966
- </table></dl>
3967
-
3968
-
3969
-
3970
-
3971
-
3972
-
3973
-
3974
-
3975
-
3976
-
3977
-
3978
-
3979
-
3980
-
3981
-
3982
-
3983
-
3984
-
3985
-
3986
-
3987
-
3988
-
3989
-
3990
-
3991
-
3992
-
3993
-
3994
-
3995
-
3996
-
3997
- </dl>
3998
-
3999
-
4000
-
4001
- </dd>
4002
-
4003
-
4004
- <dt class="">
4005
-
4006
- <h4 id="Help" class="name">
4007
-
4008
- Help
4009
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#Help"></a>
4010
-
4011
- </h4>
4012
-
4013
-
4014
- </dt>
4015
-
4016
- <dd class="">
4017
-
4018
- <div class="description">
4019
- Form component help information.
4020
- </div>
4021
-
4022
-
4023
-
4024
-
4025
- <dl class="details">
4026
-
4027
- <h5 class="subsection-title notoc">Properties:</h5>
4028
-
4029
-
4030
-
4031
- <dl>
4032
-
4033
- <table class="props">
4034
- <thead>
4035
- <tr>
4036
-
4037
- <th>Name</th>
4038
-
4039
-
4040
- <th>Type</th>
4041
-
4042
-
4043
- <th>Argument</th>
4044
-
4045
-
4046
-
4047
-
4048
-
4049
- <th class="last">Description</th>
4050
-
4051
- </tr>
4052
- </thead>
4053
-
4054
- <tbody>
4055
-
4056
- <tr>
4057
-
4058
- <td class="name"><code>instruction</code></td>
4059
-
4060
-
4061
-
4062
- <td class="type">
4063
-
4064
-
4065
-
4066
- <span class="param-type">string</span>
4067
-
4068
-
4069
-
4070
-
4071
- </td>
4072
-
4073
-
4074
- <td class="attributes">
4075
-
4076
- &lt;optional><br>
4077
-
4078
-
4079
-
4080
- </td>
4081
-
4082
-
4083
-
4084
-
4085
-
4086
- <td class="description last">A type of user assistance text. User assistance text is used to provide guidance to
4087
- help the user understand what data to enter or select.
4088
- </td>
4089
-
4090
- </tr>
4091
-
4092
-
4093
- </tbody>
4094
- </table></dl>
4095
-
4096
-
4097
-
4098
-
4099
-
4100
-
4101
-
4102
-
4103
-
4104
-
4105
-
4106
-
4107
-
4108
-
4109
-
4110
-
4111
-
4112
-
4113
-
4114
-
4115
-
4116
-
4117
-
4118
-
4119
-
4120
-
4121
-
4122
-
4123
-
4124
-
4125
- </dl>
4126
-
4127
-
4128
-
4129
- </dd>
4130
-
4131
-
4132
- <dt class="">
4133
-
4134
- <h4 id="HelpHints" class="name">
4135
-
4136
- HelpHints
4137
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#HelpHints"></a>
4138
-
4139
- </h4>
4140
-
4141
-
4142
- </dt>
4143
-
4144
- <dd class="">
4145
-
4146
- <div class="description">
4147
- The helpHints object contains a definition property and a source property.
4148
- </div>
4149
-
4150
-
4151
-
4152
-
4153
- <dl class="details">
4154
-
4155
- <h5 class="subsection-title notoc">Properties:</h5>
4156
-
4157
-
4158
-
4159
- <dl>
4160
-
4161
- <table class="props">
4162
- <thead>
4163
- <tr>
4164
-
4165
- <th>Name</th>
4166
-
4167
-
4168
- <th>Type</th>
4169
-
4170
-
4171
- <th>Argument</th>
4172
-
4173
-
4174
-
4175
-
4176
-
4177
- <th class="last">Description</th>
4178
-
4179
- </tr>
4180
- </thead>
4181
-
4182
- <tbody>
4183
-
4184
- <tr>
4185
-
4186
- <td class="name"><code>definition</code></td>
4187
-
4188
-
4189
-
4190
- <td class="type">
4191
-
4192
-
4193
-
4194
- <span class="param-type">string</span>
4195
-
4196
-
4197
-
4198
-
4199
- </td>
4200
-
4201
-
4202
- <td class="attributes">
4203
-
4204
- &lt;optional><br>
4205
-
4206
-
4207
-
4208
- </td>
4209
-
4210
-
4211
-
4212
-
4213
-
4214
- <td class="description last">A type of user assistance text. User assistance text is used to provide guidance to help
4215
- the user understand what data to enter or select. help-hints could come from a help system.
4216
- </td>
4217
-
4218
- </tr>
4219
-
4220
-
4221
- <tr>
4222
-
4223
- <td class="name"><code>source</code></td>
4224
-
4225
-
4226
-
4227
- <td class="type">
4228
-
4229
-
4230
-
4231
- <span class="param-type">string</span>
4232
-
4233
-
4234
-
4235
-
4236
- </td>
4237
-
4238
-
4239
- <td class="attributes">
4240
-
4241
- &lt;optional><br>
4242
-
4243
-
4244
-
4245
- </td>
4246
-
4247
-
4248
-
4249
-
4250
-
4251
- <td class="description last">Help source URL associated with the component.
4252
- </td>
4253
-
4254
- </tr>
4255
-
4256
-
4257
- <tr>
4258
-
4259
- <td class="name"><code>sourceText</code></td>
4260
-
4261
-
4262
-
4263
- <td class="type">
4264
-
4265
-
4266
-
4267
- <span class="param-type">string</span>
4268
-
4269
-
4270
-
4271
-
4272
- </td>
4273
-
4274
-
4275
- <td class="attributes">
4276
-
4277
- &lt;optional><br>
4278
-
4279
-
4280
-
4281
- </td>
4282
-
4283
-
4284
-
4285
-
4286
-
4287
- <td class="description last">Custom text to be used for the source link.
4288
- </td>
4289
-
4290
- </tr>
4291
-
4292
-
4293
- </tbody>
4294
- </table></dl>
4295
-
4296
-
4297
-
4298
-
4299
-
4300
-
4301
-
4302
-
4303
-
4304
-
4305
-
4306
-
4307
-
4308
-
4309
-
4310
-
4311
-
4312
-
4313
-
4314
-
4315
-
4316
-
4317
-
4318
-
4319
-
4320
-
4321
-
4322
-
4323
-
4324
-
4325
- </dl>
4326
-
4327
-
4328
-
4329
- </dd>
4330
-
4331
-
4332
- <dt class="">
4333
-
4334
- <h4 id="RadiosetDataItem" class="name">
4335
-
4336
- RadiosetDataItem
4337
- <a class="bookmarkable-link" title="Bookmarkable Link" href="#RadiosetDataItem"></a>
4338
-
4339
- </h4>
4340
-
4341
-
4342
- </dt>
4343
-
4344
- <dd class="">
4345
-
4346
- <div class="description">
4347
- The data item object that represents a radio item in the rendered radioset. The label property is required and
4348
- provides the text for the radio item.
4349
- </div>
4350
-
4351
-
4352
-
4353
-
4354
- <dl class="details">
4355
-
4356
- <h5 class="subsection-title notoc">Properties:</h5>
4357
-
4358
-
4359
-
4360
- <dl>
4361
-
4362
- <table class="props">
4363
- <thead>
4364
- <tr>
4365
-
4366
- <th>Name</th>
4367
-
4368
-
4369
- <th>Type</th>
4370
-
4371
-
4372
- <th>Argument</th>
4373
-
4374
-
4375
-
4376
-
4377
-
4378
- <th class="last">Description</th>
4379
-
4380
- </tr>
4381
- </thead>
4382
-
4383
- <tbody>
4384
-
4385
- <tr>
4386
-
4387
- <td class="name"><code>assistiveText</code></td>
4388
-
4389
-
4390
-
4391
- <td class="type">
4392
-
4393
-
4394
-
4395
- <span class="param-type">string</span>
4396
-
4397
-
4398
-
4399
-
4400
- </td>
4401
-
4402
-
4403
- <td class="attributes">
4404
-
4405
- &lt;optional><br>
4406
-
4407
-
4408
-
4409
- </td>
4410
-
4411
-
4412
-
4413
-
4414
-
4415
- <td class="description last">Optional value to provide guidance to the user about the radio item this applies to.
4416
- </td>
4417
-
4418
- </tr>
4419
-
4420
-
4421
- <tr>
4422
-
4423
- <td class="name"><code>helpSourceLink</code></td>
4424
-
4425
-
4426
-
4427
- <td class="type">
4428
-
4429
-
4430
-
4431
- <span class="param-type">string</span>
4432
-
4433
-
4434
-
4435
-
4436
- </td>
4437
-
4438
-
4439
- <td class="attributes">
4440
-
4441
- &lt;optional><br>
4442
-
4443
-
4444
-
4445
- </td>
4446
-
4447
-
4448
-
4449
-
4450
-
4451
- <td class="description last">Optional link to aid the user in the radio item this applies to.
4452
- </td>
4453
-
4454
- </tr>
4455
-
4456
-
4457
- <tr>
4458
-
4459
- <td class="name"><code>helpSourceText</code></td>
4460
-
4461
-
4462
-
4463
- <td class="type">
4464
-
4465
-
4466
-
4467
- <span class="param-type">string</span>
4468
-
4469
-
4470
-
4471
-
4472
- </td>
4473
-
4474
-
4475
- <td class="attributes">
4476
-
4477
- &lt;optional><br>
4478
-
4479
-
4480
-
4481
- </td>
4482
-
4483
-
4484
-
4485
-
4486
-
4487
- <td class="description last">Optional custom text to be rendered for the <code>helpSourceLink</code>.
4488
- </td>
4489
-
4490
- </tr>
4491
-
4492
-
4493
- <tr>
4494
-
4495
- <td class="name"><code>label</code></td>
4496
-
4497
-
4498
-
4499
- <td class="type">
4500
-
4501
-
4502
-
4503
- <span class="param-type">string</span>
4504
-
4505
-
4506
-
4507
-
4508
- </td>
4509
-
4510
-
4511
- <td class="attributes">
4512
-
4513
-
4514
-
4515
- </td>
4516
-
4517
-
4518
-
4519
-
4520
-
4521
- <td class="description last">The value of this required property will provide the text for the radio button's label.
4522
- </td>
4523
-
4524
- </tr>
4525
-
4526
-
4527
- </tbody>
4528
- </table></dl>
4529
-
4530
-
4531
-
4532
-
4533
-
4534
-
4535
-
4536
-
4537
-
4538
-
4539
-
4540
-
4541
-
4542
-
4543
-
4544
-
4545
-
4546
-
4547
-
4548
-
4549
-
4550
-
4551
-
4552
-
4553
-
4554
-
4555
-
4556
-
4557
-
4558
-
4559
- </dl>
4560
-
4561
-
4562
-
4563
- </dd>
4564
-
4565
- </dl>
4566
-
4567
- </article>
4568
-
4569
-
4570
- </section>
4571
-
4572
-
4573
-
4574
-
4575
-
4576
- <footer>
4577
- Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a> on Fri Jun 14 2024 00:58:53 GMT+0000 (Coordinated Universal Time)<br>
4578
- <span class="product-docs-footer">Copyright © 2014, 2024 Oracle. All rights reserved.<span>
4579
- </footer>
4580
-
4581
- </div>
4582
-
4583
- <script> prettyPrint(); </script>
4584
- </body>
4585
- </html>