@oracle/oraclejet-core-pack 14.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 (517) hide show
  1. package/oj-c/Avatar.json +458 -0
  2. package/oj-c/Button.json +536 -0
  3. package/oj-c/Collapsible.json +396 -0
  4. package/oj-c/FilePicker.json +555 -0
  5. package/oj-c/InputNumber.json +1321 -0
  6. package/oj-c/InputPassword.json +1164 -0
  7. package/oj-c/InputText.json +1411 -0
  8. package/oj-c/ListItemLayout.json +313 -0
  9. package/oj-c/MessageToast.json +334 -0
  10. package/oj-c/MeterBar.json +735 -0
  11. package/oj-c/MeterCircle.json +797 -0
  12. package/oj-c/ProgressBar.json +212 -0
  13. package/oj-c/ProgressCircle.json +223 -0
  14. package/oj-c/RatingGauge.json +495 -0
  15. package/oj-c/SelectMultiple.json +1143 -0
  16. package/oj-c/SelectSingle.json +1450 -0
  17. package/oj-c/SplitMenuButton.json +495 -0
  18. package/oj-c/TextArea.json +1283 -0
  19. package/oj-c/avatar/__webdriver__/AvatarWebElement.js +32 -0
  20. package/oj-c/avatar/__webdriver__/AvatarWebElementBase.js +87 -0
  21. package/oj-c/avatar/__webdriver__/index.js +74 -0
  22. package/oj-c/avatar/avatar-styles.css +10 -0
  23. package/oj-c/avatar/avatar.js +27 -0
  24. package/oj-c/avatar/component.json +227 -0
  25. package/oj-c/avatar/index.js +6 -0
  26. package/oj-c/avatar.js +6 -0
  27. package/oj-c/button/__tests__/button.test.js +20 -0
  28. package/oj-c/button/__webdriver__/ButtonWebElement.js +96 -0
  29. package/oj-c/button/__webdriver__/ButtonWebElementBase.js +96 -0
  30. package/oj-c/button/__webdriver__/index.js +74 -0
  31. package/oj-c/button/button-styles.css +11 -0
  32. package/oj-c/button/button.js +71 -0
  33. package/oj-c/button/component.json +243 -0
  34. package/oj-c/button/index.js +6 -0
  35. package/oj-c/button.js +6 -0
  36. package/oj-c/collapsible/__webdriver__/CollapsibleWebElement.js +116 -0
  37. package/oj-c/collapsible/__webdriver__/CollapsibleWebElementBase.js +60 -0
  38. package/oj-c/collapsible/__webdriver__/index.js +74 -0
  39. package/oj-c/collapsible/collapsible-styles.css +11 -0
  40. package/oj-c/collapsible/collapsible.js +69 -0
  41. package/oj-c/collapsible/component.json +184 -0
  42. package/oj-c/collapsible/index.js +6 -0
  43. package/oj-c/collapsible.js +6 -0
  44. package/oj-c/component.json +104 -0
  45. package/oj-c/corepackbundle.js +4049 -0
  46. package/oj-c/docs/avatar.html +149 -0
  47. package/oj-c/docs/button.html +149 -0
  48. package/oj-c/docs/collapsible.html +149 -0
  49. package/oj-c/docs/file-picker.html +149 -0
  50. package/oj-c/docs/index.html +168 -0
  51. package/oj-c/docs/input-number.html +149 -0
  52. package/oj-c/docs/input-password.html +149 -0
  53. package/oj-c/docs/input-text.html +149 -0
  54. package/oj-c/docs/jsDocMd.json +1 -0
  55. package/oj-c/docs/list-item-layout.html +149 -0
  56. package/oj-c/docs/message-toast.html +149 -0
  57. package/oj-c/docs/meter-bar.html +149 -0
  58. package/oj-c/docs/meter-circle.html +149 -0
  59. package/oj-c/docs/oj-c.Avatar.html +1778 -0
  60. package/oj-c/docs/oj-c.Button.html +2065 -0
  61. package/oj-c/docs/oj-c.Collapsible.html +1990 -0
  62. package/oj-c/docs/oj-c.FilePicker.html +2380 -0
  63. package/oj-c/docs/oj-c.InputNumber.html +5850 -0
  64. package/oj-c/docs/oj-c.InputPassword.html +4891 -0
  65. package/oj-c/docs/oj-c.InputText.html +5772 -0
  66. package/oj-c/docs/oj-c.ListItemLayout.html +1549 -0
  67. package/oj-c/docs/oj-c.MessageToast.html +1574 -0
  68. package/oj-c/docs/oj-c.MeterBar.html +3193 -0
  69. package/oj-c/docs/oj-c.MeterCircle.html +3502 -0
  70. package/oj-c/docs/oj-c.ProgressBar.html +1122 -0
  71. package/oj-c/docs/oj-c.ProgressCircle.html +1138 -0
  72. package/oj-c/docs/oj-c.RatingGauge.html +2320 -0
  73. package/oj-c/docs/oj-c.SelectMultiple.html +4720 -0
  74. package/oj-c/docs/oj-c.SelectSingle.html +5920 -0
  75. package/oj-c/docs/oj-c.SplitMenuButton.html +1891 -0
  76. package/oj-c/docs/oj-c.TextArea.html +5447 -0
  77. package/oj-c/docs/progress-bar.html +149 -0
  78. package/oj-c/docs/progress-circle.html +149 -0
  79. package/oj-c/docs/rating-gauge.html +149 -0
  80. package/oj-c/docs/scripts/deprecated.js +268 -0
  81. package/oj-c/docs/scripts/prettify/Apache-License-2.0.txt +202 -0
  82. package/oj-c/docs/scripts/prettify/lang-css.js +9 -0
  83. package/oj-c/docs/scripts/prettify/prettify.js +35 -0
  84. package/oj-c/docs/select-multiple.html +149 -0
  85. package/oj-c/docs/select-single.html +149 -0
  86. package/oj-c/docs/split-menu-button.html +149 -0
  87. package/oj-c/docs/styles/images/bookmark.png +0 -0
  88. package/oj-c/docs/styles/images/linesarrowup.png +0 -0
  89. package/oj-c/docs/styles/images/linesarrowup_blue.png +0 -0
  90. package/oj-c/docs/styles/images/linesarrowup_hov.png +0 -0
  91. package/oj-c/docs/styles/images/linesarrowup_white.png +0 -0
  92. package/oj-c/docs/styles/images/oracle_logo_sm.png +0 -0
  93. package/oj-c/docs/styles/jsdoc-default.css +851 -0
  94. package/oj-c/docs/styles/prettify-jsdoc.css +111 -0
  95. package/oj-c/docs/styles/prettify-tomorrow.css +132 -0
  96. package/oj-c/docs/text-area.html +149 -0
  97. package/oj-c/editable-value/UNSAFE_useAssistiveText/useAssistiveText.js +57 -0
  98. package/oj-c/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.js +80 -0
  99. package/oj-c/editable-value/UNSAFE_useConverter/useConverter.js +56 -0
  100. package/oj-c/editable-value/UNSAFE_useConverterLifecycle/useConverterLifecycle.js +26 -0
  101. package/oj-c/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators.js +22 -0
  102. package/oj-c/editable-value/UNSAFE_useEditableValue/useEditableValue.js +154 -0
  103. package/oj-c/editable-value/UNSAFE_useStaleIdentity/useStaleIdentity.js +17 -0
  104. package/oj-c/editable-value/UNSAFE_useValidationLifecycle/useValidationLifecycle.js +118 -0
  105. package/oj-c/editable-value/UNSAFE_useValidators/useValidators.js +153 -0
  106. package/oj-c/editable-value/UNSAFE_useValue/useValue.js +42 -0
  107. package/oj-c/editable-value/UNSAFE_useValueLifecycle/useValueLifecycle.js +27 -0
  108. package/oj-c/editable-value/component.json +9 -0
  109. package/oj-c/editable-value/utils/utils.js +31 -0
  110. package/oj-c/file-picker/__webdriver__/FilePickerWebElement.js +32 -0
  111. package/oj-c/file-picker/__webdriver__/FilePickerWebElementBase.js +87 -0
  112. package/oj-c/file-picker/__webdriver__/index.js +74 -0
  113. package/oj-c/file-picker/component.json +209 -0
  114. package/oj-c/file-picker/file-picker-styles.css +17 -0
  115. package/oj-c/file-picker/file-picker.js +59 -0
  116. package/oj-c/file-picker/index.js +6 -0
  117. package/oj-c/file-picker.js +6 -0
  118. package/oj-c/hooks/UNSAFE_useDataProvider/DataProviderHandler.js +89 -0
  119. package/oj-c/hooks/UNSAFE_useDataProvider/useDataProvider.js +25 -0
  120. package/oj-c/hooks/UNSAFE_useDataProvider/utils.js +202 -0
  121. package/oj-c/hooks/UNSAFE_useListData/__tests__/useListData.test.js +124 -0
  122. package/oj-c/hooks/UNSAFE_useListData/useListData.js +297 -0
  123. package/oj-c/hooks/UNSAFE_useTreeData/__tests__/useTreeData.test.js +62 -0
  124. package/oj-c/hooks/UNSAFE_useTreeData/useTreeData.js +130 -0
  125. package/oj-c/hooks/component.json +9 -0
  126. package/oj-c/input-number/__dev__/input-number.doc.mdx +31 -0
  127. package/oj-c/input-number/__webdriver__/InputNumberWebElement.js +32 -0
  128. package/oj-c/input-number/__webdriver__/InputNumberWebElementBase.js +339 -0
  129. package/oj-c/input-number/__webdriver__/index.js +74 -0
  130. package/oj-c/input-number/component.json +536 -0
  131. package/oj-c/input-number/index.js +6 -0
  132. package/oj-c/input-number/input-number-styles.css +13 -0
  133. package/oj-c/input-number/input-number.js +119 -0
  134. package/oj-c/input-number/stepBasisUtils.js +76 -0
  135. package/oj-c/input-number/useImplicitNumberConverter.js +12 -0
  136. package/oj-c/input-number/useImplicitNumberRangeValidator.js +28 -0
  137. package/oj-c/input-number/useNumberInputTextPreact.js +153 -0
  138. package/oj-c/input-number.js +6 -0
  139. package/oj-c/input-password/__webdriver__/InputPasswordWebElement.js +32 -0
  140. package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.js +258 -0
  141. package/oj-c/input-password/__webdriver__/index.js +74 -0
  142. package/oj-c/input-password/component.json +488 -0
  143. package/oj-c/input-password/index.js +6 -0
  144. package/oj-c/input-password/input-password-styles.css +13 -0
  145. package/oj-c/input-password/input-password.js +112 -0
  146. package/oj-c/input-password/useInputPasswordPreact.js +46 -0
  147. package/oj-c/input-password.js +6 -0
  148. package/oj-c/input-text/__dev__/input-text.doc.mdx +30 -0
  149. package/oj-c/input-text/__tests__/input-text.test.js +70 -0
  150. package/oj-c/input-text/__webdriver__/InputTextWebElement.js +32 -0
  151. package/oj-c/input-text/__webdriver__/InputTextWebElementBase.js +294 -0
  152. package/oj-c/input-text/__webdriver__/index.js +74 -0
  153. package/oj-c/input-text/component.json +580 -0
  154. package/oj-c/input-text/index.js +6 -0
  155. package/oj-c/input-text/input-text-styles.css +13 -0
  156. package/oj-c/input-text/input-text.js +118 -0
  157. package/oj-c/input-text/useInputTextPreact.js +46 -0
  158. package/oj-c/input-text.js +6 -0
  159. package/oj-c/list-item-layout/__webdriver__/ListItemLayoutWebElement.js +32 -0
  160. package/oj-c/list-item-layout/__webdriver__/ListItemLayoutWebElementBase.js +42 -0
  161. package/oj-c/list-item-layout/__webdriver__/index.js +74 -0
  162. package/oj-c/list-item-layout/component.json +139 -0
  163. package/oj-c/list-item-layout/index.js +6 -0
  164. package/oj-c/list-item-layout/list-item-layout-styles.css +12 -0
  165. package/oj-c/list-item-layout/list-item-layout.js +30 -0
  166. package/oj-c/list-item-layout.js +6 -0
  167. package/oj-c/message-toast/__webdriver__/MessageToastWebElement.js +32 -0
  168. package/oj-c/message-toast/__webdriver__/MessageToastWebElementBase.js +78 -0
  169. package/oj-c/message-toast/__webdriver__/index.js +74 -0
  170. package/oj-c/message-toast/component.json +244 -0
  171. package/oj-c/message-toast/index.js +6 -0
  172. package/oj-c/message-toast/message-toast-styles.css +8 -0
  173. package/oj-c/message-toast/message-toast.js +35 -0
  174. package/oj-c/message-toast.js +6 -0
  175. package/oj-c/metadata/allComponents.json +5552 -0
  176. package/oj-c/meter-bar/__webdriver__/MeterBarWebElement.js +32 -0
  177. package/oj-c/meter-bar/__webdriver__/MeterBarWebElementBase.js +195 -0
  178. package/oj-c/meter-bar/__webdriver__/index.js +74 -0
  179. package/oj-c/meter-bar/component.json +246 -0
  180. package/oj-c/meter-bar/index.js +6 -0
  181. package/oj-c/meter-bar/meter-bar-styles.css +21 -0
  182. package/oj-c/meter-bar/meter-bar.js +44 -0
  183. package/oj-c/meter-bar.js +6 -0
  184. package/oj-c/meter-circle/__webdriver__/MeterCircleWebElement.js +32 -0
  185. package/oj-c/meter-circle/__webdriver__/MeterCircleWebElementBase.js +213 -0
  186. package/oj-c/meter-circle/__webdriver__/index.js +74 -0
  187. package/oj-c/meter-circle/component.json +289 -0
  188. package/oj-c/meter-circle/index.js +6 -0
  189. package/oj-c/meter-circle/meter-circle-styles.css +14 -0
  190. package/oj-c/meter-circle/meter-circle.js +47 -0
  191. package/oj-c/meter-circle.js +6 -0
  192. package/oj-c/min/avatar/avatar-styles.css +10 -0
  193. package/oj-c/min/avatar.js +2 -0
  194. package/oj-c/min/avatar.js.map +1 -0
  195. package/oj-c/min/button/button-styles.css +11 -0
  196. package/oj-c/min/button.js +2 -0
  197. package/oj-c/min/button.js.map +1 -0
  198. package/oj-c/min/collapsible/collapsible-styles.css +11 -0
  199. package/oj-c/min/collapsible.js +2 -0
  200. package/oj-c/min/collapsible.js.map +1 -0
  201. package/oj-c/min/corepackbundle.css +226 -0
  202. package/oj-c/min/corepackbundle.js +6 -0
  203. package/oj-c/min/corepackbundle.js.map +1 -0
  204. package/oj-c/min/editable-value/UNSAFE_useAssistiveText/useAssistiveText.d.ts +32 -0
  205. package/oj-c/min/editable-value/UNSAFE_useAssistiveText/useAssistiveText.js +57 -0
  206. package/oj-c/min/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.d.ts +24 -0
  207. package/oj-c/min/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.js +80 -0
  208. package/oj-c/min/editable-value/UNSAFE_useConverter/useConverter.d.ts +14 -0
  209. package/oj-c/min/editable-value/UNSAFE_useConverter/useConverter.js +56 -0
  210. package/oj-c/min/editable-value/UNSAFE_useConverterLifecycle/useConverterLifecycle.d.ts +11 -0
  211. package/oj-c/min/editable-value/UNSAFE_useConverterLifecycle/useConverterLifecycle.js +26 -0
  212. package/oj-c/min/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators.d.ts +8 -0
  213. package/oj-c/min/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators.js +22 -0
  214. package/oj-c/min/editable-value/UNSAFE_useEditableValue/useEditableValue.d.ts +47 -0
  215. package/oj-c/min/editable-value/UNSAFE_useEditableValue/useEditableValue.js +154 -0
  216. package/oj-c/min/editable-value/UNSAFE_useStaleIdentity/useStaleIdentity.d.ts +5 -0
  217. package/oj-c/min/editable-value/UNSAFE_useStaleIdentity/useStaleIdentity.js +17 -0
  218. package/oj-c/min/editable-value/UNSAFE_useValidationLifecycle/useValidationLifecycle.d.ts +15 -0
  219. package/oj-c/min/editable-value/UNSAFE_useValidationLifecycle/useValidationLifecycle.js +118 -0
  220. package/oj-c/min/editable-value/UNSAFE_useValidators/useValidators.d.ts +35 -0
  221. package/oj-c/min/editable-value/UNSAFE_useValidators/useValidators.js +153 -0
  222. package/oj-c/min/editable-value/UNSAFE_useValue/useValue.d.ts +23 -0
  223. package/oj-c/min/editable-value/UNSAFE_useValue/useValue.js +42 -0
  224. package/oj-c/min/editable-value/UNSAFE_useValueLifecycle/useValueLifecycle.d.ts +9 -0
  225. package/oj-c/min/editable-value/UNSAFE_useValueLifecycle/useValueLifecycle.js +27 -0
  226. package/oj-c/min/editable-value/component.json +9 -0
  227. package/oj-c/min/editable-value/utils/utils.d.ts +6 -0
  228. package/oj-c/min/editable-value/utils/utils.js +31 -0
  229. package/oj-c/min/file-picker/file-picker-styles.css +17 -0
  230. package/oj-c/min/file-picker.js +2 -0
  231. package/oj-c/min/file-picker.js.map +1 -0
  232. package/oj-c/min/hooks/UNSAFE_useDataProvider/DataProviderHandler.d.ts +18 -0
  233. package/oj-c/min/hooks/UNSAFE_useDataProvider/DataProviderHandler.js +89 -0
  234. package/oj-c/min/hooks/UNSAFE_useDataProvider/useDataProvider.d.ts +10 -0
  235. package/oj-c/min/hooks/UNSAFE_useDataProvider/useDataProvider.js +25 -0
  236. package/oj-c/min/hooks/UNSAFE_useDataProvider/utils.d.ts +3 -0
  237. package/oj-c/min/hooks/UNSAFE_useDataProvider/utils.js +202 -0
  238. package/oj-c/min/hooks/UNSAFE_useListData/__tests__/useListData.test.d.ts +1 -0
  239. package/oj-c/min/hooks/UNSAFE_useListData/__tests__/useListData.test.js +124 -0
  240. package/oj-c/min/hooks/UNSAFE_useListData/useListData.d.ts +21 -0
  241. package/oj-c/min/hooks/UNSAFE_useListData/useListData.js +297 -0
  242. package/oj-c/min/hooks/UNSAFE_useTreeData/__tests__/useTreeData.test.d.ts +1 -0
  243. package/oj-c/min/hooks/UNSAFE_useTreeData/__tests__/useTreeData.test.js +62 -0
  244. package/oj-c/min/hooks/UNSAFE_useTreeData/useTreeData.d.ts +27 -0
  245. package/oj-c/min/hooks/UNSAFE_useTreeData/useTreeData.js +130 -0
  246. package/oj-c/min/hooks/component.json +9 -0
  247. package/oj-c/min/input-number/input-number-styles.css +13 -0
  248. package/oj-c/min/input-number.js +2 -0
  249. package/oj-c/min/input-number.js.map +1 -0
  250. package/oj-c/min/input-password/input-password-styles.css +13 -0
  251. package/oj-c/min/input-password.js +2 -0
  252. package/oj-c/min/input-password.js.map +1 -0
  253. package/oj-c/min/input-text/input-text-styles.css +13 -0
  254. package/oj-c/min/input-text.js +2 -0
  255. package/oj-c/min/input-text.js.map +1 -0
  256. package/oj-c/min/list-item-layout/list-item-layout-styles.css +12 -0
  257. package/oj-c/min/list-item-layout.js +2 -0
  258. package/oj-c/min/list-item-layout.js.map +1 -0
  259. package/oj-c/min/message-toast/message-toast-styles.css +8 -0
  260. package/oj-c/min/message-toast.js +2 -0
  261. package/oj-c/min/message-toast.js.map +1 -0
  262. package/oj-c/min/meter-bar/meter-bar-styles.css +21 -0
  263. package/oj-c/min/meter-bar.js +2 -0
  264. package/oj-c/min/meter-bar.js.map +1 -0
  265. package/oj-c/min/meter-circle/meter-circle-styles.css +14 -0
  266. package/oj-c/min/meter-circle.js +2 -0
  267. package/oj-c/min/meter-circle.js.map +1 -0
  268. package/oj-c/min/progress-bar/progress-bar-styles.css +11 -0
  269. package/oj-c/min/progress-bar.js +2 -0
  270. package/oj-c/min/progress-bar.js.map +1 -0
  271. package/oj-c/min/progress-circle/progress-circle-styles.css +14 -0
  272. package/oj-c/min/progress-circle.js +2 -0
  273. package/oj-c/min/progress-circle.js.map +1 -0
  274. package/oj-c/min/rating-gauge/rating-gauge-styles.css +12 -0
  275. package/oj-c/min/rating-gauge.js +2 -0
  276. package/oj-c/min/rating-gauge.js.map +1 -0
  277. package/oj-c/min/select-common/UNSAFE_useDataProviderListeners/index.d.ts +2 -0
  278. package/oj-c/min/select-common/UNSAFE_useDataProviderListeners/index.js +6 -0
  279. package/oj-c/min/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners.d.ts +13 -0
  280. package/oj-c/min/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners.js +96 -0
  281. package/oj-c/min/select-common/UNSAFE_useWrapDataProvider/index.d.ts +1 -0
  282. package/oj-c/min/select-common/UNSAFE_useWrapDataProvider/index.js +6 -0
  283. package/oj-c/min/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider.d.ts +3 -0
  284. package/oj-c/min/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider.js +16 -0
  285. package/oj-c/min/select-common/UNSAFE_useWrapValueState/index.d.ts +1 -0
  286. package/oj-c/min/select-common/UNSAFE_useWrapValueState/index.js +6 -0
  287. package/oj-c/min/select-common/UNSAFE_useWrapValueState/useWrapValueState.d.ts +23 -0
  288. package/oj-c/min/select-common/UNSAFE_useWrapValueState/useWrapValueState.js +23 -0
  289. package/oj-c/min/select-common/component.json +9 -0
  290. package/oj-c/min/select-common/utils/utils.d.ts +10 -0
  291. package/oj-c/min/select-common/utils/utils.js +19 -0
  292. package/oj-c/min/select-multiple/select-multiple-styles.css +13 -0
  293. package/oj-c/min/select-multiple.js +3 -0
  294. package/oj-c/min/select-multiple.js.map +1 -0
  295. package/oj-c/min/select-single/select-single-styles.css +22 -0
  296. package/oj-c/min/select-single.js +3 -0
  297. package/oj-c/min/select-single.js.map +1 -0
  298. package/oj-c/min/split-menu-button/split-menu-button-styles.css +11 -0
  299. package/oj-c/min/split-menu-button.js +2 -0
  300. package/oj-c/min/split-menu-button.js.map +1 -0
  301. package/oj-c/min/text-area/text-area-styles.css +13 -0
  302. package/oj-c/min/text-area.js +2 -0
  303. package/oj-c/min/text-area.js.map +1 -0
  304. package/oj-c/min/utils/UNSAFE_focusTabUtils/focusUtils.d.ts +2 -0
  305. package/oj-c/min/utils/UNSAFE_focusTabUtils/focusUtils.js +23 -0
  306. package/oj-c/min/utils/UNSAFE_focusTabUtils/index.d.ts +1 -0
  307. package/oj-c/min/utils/UNSAFE_focusTabUtils/index.js +6 -0
  308. package/oj-c/min/utils/UNSAFE_keyUtils/index.d.ts +1 -0
  309. package/oj-c/min/utils/UNSAFE_keyUtils/index.js +19 -0
  310. package/oj-c/min/utils/UNSAFE_keyUtils/keySetUtils.d.ts +4 -0
  311. package/oj-c/min/utils/UNSAFE_keyUtils/keySetUtils.js +33 -0
  312. package/oj-c/min/utils/UNSAFE_meterUtils/index.d.ts +1 -0
  313. package/oj-c/min/utils/UNSAFE_meterUtils/index.js +6 -0
  314. package/oj-c/min/utils/UNSAFE_meterUtils/meterUtils.d.ts +2 -0
  315. package/oj-c/min/utils/UNSAFE_meterUtils/meterUtils.js +12 -0
  316. package/oj-c/min/utils/component.json +9 -0
  317. package/oj-c/progress-bar/__webdriver__/ProgressBarWebElement.js +32 -0
  318. package/oj-c/progress-bar/__webdriver__/ProgressBarWebElementBase.js +60 -0
  319. package/oj-c/progress-bar/__webdriver__/index.js +74 -0
  320. package/oj-c/progress-bar/component.json +123 -0
  321. package/oj-c/progress-bar/index.js +6 -0
  322. package/oj-c/progress-bar/progress-bar-styles.css +11 -0
  323. package/oj-c/progress-bar/progress-bar.js +26 -0
  324. package/oj-c/progress-bar.js +6 -0
  325. package/oj-c/progress-circle/__webdriver__/ProgressCircleWebElement.js +32 -0
  326. package/oj-c/progress-circle/__webdriver__/ProgressCircleWebElementBase.js +60 -0
  327. package/oj-c/progress-circle/__webdriver__/index.js +74 -0
  328. package/oj-c/progress-circle/component.json +128 -0
  329. package/oj-c/progress-circle/index.js +6 -0
  330. package/oj-c/progress-circle/progress-circle-styles.css +14 -0
  331. package/oj-c/progress-circle/progress-circle.js +26 -0
  332. package/oj-c/progress-circle.js +6 -0
  333. package/oj-c/rating-gauge/__webdriver__/RatingGaugeWebElement.js +32 -0
  334. package/oj-c/rating-gauge/__webdriver__/RatingGaugeWebElementBase.js +168 -0
  335. package/oj-c/rating-gauge/__webdriver__/index.js +74 -0
  336. package/oj-c/rating-gauge/component.json +188 -0
  337. package/oj-c/rating-gauge/index.js +6 -0
  338. package/oj-c/rating-gauge/rating-gauge-styles.css +12 -0
  339. package/oj-c/rating-gauge/rating-gauge.js +44 -0
  340. package/oj-c/rating-gauge.js +6 -0
  341. package/oj-c/select-common/UNSAFE_useDataProviderListeners/index.js +6 -0
  342. package/oj-c/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners.js +96 -0
  343. package/oj-c/select-common/UNSAFE_useWrapDataProvider/index.js +6 -0
  344. package/oj-c/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider.js +16 -0
  345. package/oj-c/select-common/UNSAFE_useWrapValueState/index.js +6 -0
  346. package/oj-c/select-common/UNSAFE_useWrapValueState/useWrapValueState.js +23 -0
  347. package/oj-c/select-common/component.json +9 -0
  348. package/oj-c/select-common/utils/utils.js +19 -0
  349. package/oj-c/select-multiple/__dev__/select-multiple.doc.mdx +30 -0
  350. package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElement.js +32 -0
  351. package/oj-c/select-multiple/__webdriver__/SelectMultipleWebElementBase.js +258 -0
  352. package/oj-c/select-multiple/__webdriver__/index.js +74 -0
  353. package/oj-c/select-multiple/component.json +475 -0
  354. package/oj-c/select-multiple/index.js +6 -0
  355. package/oj-c/select-multiple/select-multiple-styles.css +13 -0
  356. package/oj-c/select-multiple/select-multiple.js +108 -0
  357. package/oj-c/select-multiple/useSelectMultiplePreact.js +123 -0
  358. package/oj-c/select-multiple/useSyncValueAndValueItems.js +125 -0
  359. package/oj-c/select-multiple/useValueItems.js +22 -0
  360. package/oj-c/select-multiple.js +6 -0
  361. package/oj-c/select-single/__dev__/select-single.doc.mdx +30 -0
  362. package/oj-c/select-single/__webdriver__/SelectSingleWebElement.js +32 -0
  363. package/oj-c/select-single/__webdriver__/SelectSingleWebElementBase.js +258 -0
  364. package/oj-c/select-single/__webdriver__/index.js +74 -0
  365. package/oj-c/select-single/component.json +545 -0
  366. package/oj-c/select-single/index.js +6 -0
  367. package/oj-c/select-single/select-single-styles.css +22 -0
  368. package/oj-c/select-single/select-single.js +108 -0
  369. package/oj-c/select-single/useSelectSinglePreact.js +157 -0
  370. package/oj-c/select-single/useSyncValueAndValueItem.js +110 -0
  371. package/oj-c/select-single/useValueItem.js +18 -0
  372. package/oj-c/select-single.js +6 -0
  373. package/oj-c/split-menu-button/__dev__/split-menu-button.doc.mdx +32 -0
  374. package/oj-c/split-menu-button/__tests__/split-menu-button.test.js +17 -0
  375. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElement.js +32 -0
  376. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElementBase.js +87 -0
  377. package/oj-c/split-menu-button/__webdriver__/index.js +74 -0
  378. package/oj-c/split-menu-button/component.json +205 -0
  379. package/oj-c/split-menu-button/index.js +6 -0
  380. package/oj-c/split-menu-button/split-menu-button-styles.css +11 -0
  381. package/oj-c/split-menu-button/split-menu-button.js +76 -0
  382. package/oj-c/split-menu-button.js +6 -0
  383. package/oj-c/text-area/__webdriver__/TextAreaWebElement.js +32 -0
  384. package/oj-c/text-area/__webdriver__/TextAreaWebElementBase.js +285 -0
  385. package/oj-c/text-area/__webdriver__/index.js +74 -0
  386. package/oj-c/text-area/component.json +497 -0
  387. package/oj-c/text-area/index.js +6 -0
  388. package/oj-c/text-area/text-area-styles.css +13 -0
  389. package/oj-c/text-area/text-area.js +138 -0
  390. package/oj-c/text-area/useTextAreaAutosizePreact.js +44 -0
  391. package/oj-c/text-area/useTextAreaPreact.js +46 -0
  392. package/oj-c/text-area.js +6 -0
  393. package/oj-c/types/avatar/avatar.d.ts +68 -0
  394. package/oj-c/types/avatar/index.d.ts +2 -0
  395. package/oj-c/types/button/__tests__/button.test.d.ts +1 -0
  396. package/oj-c/types/button/button.d.ts +91 -0
  397. package/oj-c/types/button/index.d.ts +2 -0
  398. package/oj-c/types/collapsible/collapsible.d.ts +88 -0
  399. package/oj-c/types/collapsible/index.d.ts +2 -0
  400. package/oj-c/types/editable-value/UNSAFE_useAssistiveText/useAssistiveText.d.ts +32 -0
  401. package/oj-c/types/editable-value/UNSAFE_useComponentMessaging/useComponentMessaging.d.ts +24 -0
  402. package/oj-c/types/editable-value/UNSAFE_useConverter/useConverter.d.ts +14 -0
  403. package/oj-c/types/editable-value/UNSAFE_useConverterLifecycle/useConverterLifecycle.d.ts +11 -0
  404. package/oj-c/types/editable-value/UNSAFE_useDeferredValidators/useDeferredValidators.d.ts +8 -0
  405. package/oj-c/types/editable-value/UNSAFE_useEditableValue/useEditableValue.d.ts +47 -0
  406. package/oj-c/types/editable-value/UNSAFE_useStaleIdentity/useStaleIdentity.d.ts +5 -0
  407. package/oj-c/types/editable-value/UNSAFE_useValidationLifecycle/useValidationLifecycle.d.ts +15 -0
  408. package/oj-c/types/editable-value/UNSAFE_useValidators/useValidators.d.ts +35 -0
  409. package/oj-c/types/editable-value/UNSAFE_useValue/useValue.d.ts +23 -0
  410. package/oj-c/types/editable-value/UNSAFE_useValueLifecycle/useValueLifecycle.d.ts +9 -0
  411. package/oj-c/types/editable-value/utils/utils.d.ts +6 -0
  412. package/oj-c/types/file-picker/file-picker.d.ts +103 -0
  413. package/oj-c/types/file-picker/index.d.ts +2 -0
  414. package/oj-c/types/hooks/UNSAFE_useDataProvider/DataProviderHandler.d.ts +18 -0
  415. package/oj-c/types/hooks/UNSAFE_useDataProvider/useDataProvider.d.ts +10 -0
  416. package/oj-c/types/hooks/UNSAFE_useDataProvider/utils.d.ts +3 -0
  417. package/oj-c/types/hooks/UNSAFE_useListData/__tests__/useListData.test.d.ts +1 -0
  418. package/oj-c/types/hooks/UNSAFE_useListData/useListData.d.ts +21 -0
  419. package/oj-c/types/hooks/UNSAFE_useTreeData/__tests__/useTreeData.test.d.ts +1 -0
  420. package/oj-c/types/hooks/UNSAFE_useTreeData/useTreeData.d.ts +27 -0
  421. package/oj-c/types/input-number/index.d.ts +2 -0
  422. package/oj-c/types/input-number/input-number.d.ts +231 -0
  423. package/oj-c/types/input-number/stepBasisUtils.d.ts +1 -0
  424. package/oj-c/types/input-number/useImplicitNumberConverter.d.ts +10 -0
  425. package/oj-c/types/input-number/useImplicitNumberRangeValidator.d.ts +17 -0
  426. package/oj-c/types/input-number/useNumberInputTextPreact.d.ts +54 -0
  427. package/oj-c/types/input-password/index.d.ts +2 -0
  428. package/oj-c/types/input-password/input-password.d.ts +183 -0
  429. package/oj-c/types/input-password/useInputPasswordPreact.d.ts +40 -0
  430. package/oj-c/types/input-text/__tests__/input-text.test.d.ts +1 -0
  431. package/oj-c/types/input-text/index.d.ts +2 -0
  432. package/oj-c/types/input-text/input-text.d.ts +212 -0
  433. package/oj-c/types/input-text/useInputTextPreact.d.ts +47 -0
  434. package/oj-c/types/list-item-layout/index.d.ts +2 -0
  435. package/oj-c/types/list-item-layout/list-item-layout.d.ts +53 -0
  436. package/oj-c/types/message-toast/index.d.ts +2 -0
  437. package/oj-c/types/message-toast/message-toast.d.ts +83 -0
  438. package/oj-c/types/meter-bar/index.d.ts +2 -0
  439. package/oj-c/types/meter-bar/meter-bar.d.ts +133 -0
  440. package/oj-c/types/meter-circle/index.d.ts +2 -0
  441. package/oj-c/types/meter-circle/meter-circle.d.ts +148 -0
  442. package/oj-c/types/progress-bar/index.d.ts +2 -0
  443. package/oj-c/types/progress-bar/progress-bar.d.ts +53 -0
  444. package/oj-c/types/progress-circle/index.d.ts +2 -0
  445. package/oj-c/types/progress-circle/progress-circle.d.ts +53 -0
  446. package/oj-c/types/rating-gauge/index.d.ts +2 -0
  447. package/oj-c/types/rating-gauge/rating-gauge.d.ts +109 -0
  448. package/oj-c/types/select-common/UNSAFE_useDataProviderListeners/index.d.ts +2 -0
  449. package/oj-c/types/select-common/UNSAFE_useDataProviderListeners/useDataProviderListeners.d.ts +13 -0
  450. package/oj-c/types/select-common/UNSAFE_useWrapDataProvider/index.d.ts +1 -0
  451. package/oj-c/types/select-common/UNSAFE_useWrapDataProvider/useWrapDataProvider.d.ts +3 -0
  452. package/oj-c/types/select-common/UNSAFE_useWrapValueState/index.d.ts +1 -0
  453. package/oj-c/types/select-common/UNSAFE_useWrapValueState/useWrapValueState.d.ts +23 -0
  454. package/oj-c/types/select-common/utils/utils.d.ts +10 -0
  455. package/oj-c/types/select-multiple/index.d.ts +2 -0
  456. package/oj-c/types/select-multiple/select-multiple.d.ts +176 -0
  457. package/oj-c/types/select-multiple/useSelectMultiplePreact.d.ts +42 -0
  458. package/oj-c/types/select-multiple/useSyncValueAndValueItems.d.ts +17 -0
  459. package/oj-c/types/select-multiple/useValueItems.d.ts +6 -0
  460. package/oj-c/types/select-single/index.d.ts +2 -0
  461. package/oj-c/types/select-single/select-single.d.ts +186 -0
  462. package/oj-c/types/select-single/useSelectSinglePreact.d.ts +42 -0
  463. package/oj-c/types/select-single/useSyncValueAndValueItem.d.ts +17 -0
  464. package/oj-c/types/select-single/useValueItem.d.ts +5 -0
  465. package/oj-c/types/split-menu-button/__tests__/split-menu-button.test.d.ts +1 -0
  466. package/oj-c/types/split-menu-button/index.d.ts +2 -0
  467. package/oj-c/types/split-menu-button/split-menu-button.d.ts +93 -0
  468. package/oj-c/types/text-area/index.d.ts +2 -0
  469. package/oj-c/types/text-area/text-area.d.ts +209 -0
  470. package/oj-c/types/text-area/useTextAreaAutosizePreact.d.ts +44 -0
  471. package/oj-c/types/text-area/useTextAreaPreact.d.ts +44 -0
  472. package/oj-c/types/utils/UNSAFE_focusTabUtils/focusUtils.d.ts +2 -0
  473. package/oj-c/types/utils/UNSAFE_focusTabUtils/index.d.ts +1 -0
  474. package/oj-c/types/utils/UNSAFE_keyUtils/index.d.ts +1 -0
  475. package/oj-c/types/utils/UNSAFE_keyUtils/keySetUtils.d.ts +4 -0
  476. package/oj-c/types/utils/UNSAFE_meterUtils/index.d.ts +1 -0
  477. package/oj-c/types/utils/UNSAFE_meterUtils/meterUtils.d.ts +2 -0
  478. package/oj-c/utils/UNSAFE_focusTabUtils/focusUtils.js +23 -0
  479. package/oj-c/utils/UNSAFE_focusTabUtils/index.js +6 -0
  480. package/oj-c/utils/UNSAFE_keyUtils/index.js +19 -0
  481. package/oj-c/utils/UNSAFE_keyUtils/keySetUtils.js +33 -0
  482. package/oj-c/utils/UNSAFE_meterUtils/index.js +6 -0
  483. package/oj-c/utils/UNSAFE_meterUtils/meterUtils.js +12 -0
  484. package/oj-c/utils/component.json +9 -0
  485. package/package.json +22 -0
  486. package/webdriver/docs/.nojekyll +1 -0
  487. package/webdriver/docs/assets/highlight.css +78 -0
  488. package/webdriver/docs/assets/icons.css +1043 -0
  489. package/webdriver/docs/assets/icons.png +0 -0
  490. package/webdriver/docs/assets/icons@2x.png +0 -0
  491. package/webdriver/docs/assets/main.js +52 -0
  492. package/webdriver/docs/assets/search.js +1 -0
  493. package/webdriver/docs/assets/style.css +1414 -0
  494. package/webdriver/docs/assets/widgets.png +0 -0
  495. package/webdriver/docs/assets/widgets@2x.png +0 -0
  496. package/webdriver/docs/classes/AvatarWebElement.html +117 -0
  497. package/webdriver/docs/classes/ButtonWebElement.html +163 -0
  498. package/webdriver/docs/classes/CollapsibleWebElement.html +111 -0
  499. package/webdriver/docs/classes/FilePickerWebElement.html +117 -0
  500. package/webdriver/docs/classes/InputNumberWebElement.html +231 -0
  501. package/webdriver/docs/classes/InputPasswordWebElement.html +195 -0
  502. package/webdriver/docs/classes/InputTextWebElement.html +211 -0
  503. package/webdriver/docs/classes/ListItemLayoutWebElement.html +97 -0
  504. package/webdriver/docs/classes/MessageToastWebElement.html +113 -0
  505. package/webdriver/docs/classes/MeterBarWebElement.html +153 -0
  506. package/webdriver/docs/classes/MeterCircleWebElement.html +159 -0
  507. package/webdriver/docs/classes/ProgressBarWebElement.html +105 -0
  508. package/webdriver/docs/classes/ProgressCircleWebElement.html +105 -0
  509. package/webdriver/docs/classes/RatingGaugeWebElement.html +147 -0
  510. package/webdriver/docs/classes/SelectMultipleWebElement.html +196 -0
  511. package/webdriver/docs/classes/SelectSingleWebElement.html +196 -0
  512. package/webdriver/docs/classes/SplitMenuButtonWebElement.html +117 -0
  513. package/webdriver/docs/classes/TextAreaWebElement.html +207 -0
  514. package/webdriver/docs/index.html +16 -0
  515. package/webdriver/docs/modules.html +181 -0
  516. package/webdriver/index.js +34 -0
  517. package/webdriver/index.ts +18 -0
package/oj-c/docs/oj-c.MessageToast.html ADDED
@@ -0,0 +1,1574 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Element: &lt;oj-c-message-toast></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="navItem26">
22
+ <h2>Oracle® JET</h2>
23
+ <h2>Core Pack Components</h2>
24
+ <h3>14.0.0</h3
25
+ <div class="deprecation-checkboxes" style="display: none">
26
+ <ul style="list-style: none; display: none;">
27
+ <li style="margin-top:0px">
28
+ <label for="deprecated">
29
+ <div class="deprecated-cb-common"><input type="checkbox" id="deprecated"><span style="padding:2px">Show Deprecated APIs</span></div>
30
+ </label>
31
+ </li>
32
+ <li style="margin-top:0px">
33
+ <label for="jsonly"></label>
34
+ <div class="deprecated-cb-common"><input type="checkbox" id="jsonly"><span style="padding:2px 12px 2px 2px">Javascript Only APIs</span></div>
35
+ </li>
36
+ </ul>
37
+ </div>
38
+ <ul><li id="idx"><h2 id="navIndex"><a href="index.html" id="navIndexFocusable">Index</a></h2></li><li><div id="nav_toggle">
39
+ <input type="radio" id="elements_rb" name="toggle" value="Elements">
40
+ <label for="elements">Elements</label>
41
+ <input type="radio" id="modules_rb" name="toggle" value="Modules">
42
+ <label for="modules">Modules</label><br>
43
+ </div></li><li id="nav_elements" style="display: none"><h3 id="navElements">Elements</h3><ul class="subList"><li id="navItem0"><a href="oj-c.Avatar.html">&lt;oj-c-avatar></a></li><li id="navItem1"><a href="oj-c.Button.html">&lt;oj-c-button></a></li><li id="navItem2"><a href="oj-c.Collapsible.html">&lt;oj-c-collapsible></a></li><li id="navItem3"><a href="oj-c.FilePicker.html">&lt;oj-c-file-picker></a></li><li id="navItem4"><a href="oj-c.InputNumber.html">&lt;oj-c-input-number></a></li><li id="navItem5"><a href="oj-c.InputPassword.html">&lt;oj-c-input-password></a></li><li id="navItem6"><a href="oj-c.InputText.html">&lt;oj-c-input-text></a></li><li id="navItem7"><a href="oj-c.ListItemLayout.html">&lt;oj-c-list-item-layout></a></li><li id="navItem8"><a href="oj-c.MessageToast.html">&lt;oj-c-message-toast></a></li><li id="navItem9"><a href="oj-c.MeterBar.html">&lt;oj-c-meter-bar></a></li><li id="navItem10"><a href="oj-c.MeterCircle.html">&lt;oj-c-meter-circle></a></li><li id="navItem11"><a href="oj-c.ProgressBar.html">&lt;oj-c-progress-bar></a></li><li id="navItem12"><a href="oj-c.ProgressCircle.html">&lt;oj-c-progress-circle></a></li><li id="navItem13"><a href="oj-c.RatingGauge.html">&lt;oj-c-rating-gauge></a></li><li id="navItem14"><a href="oj-c.SelectMultiple.html">&lt;oj-c-select-multiple></a></li><li id="navItem15"><a href="oj-c.SelectSingle.html">&lt;oj-c-select-single></a></li><li id="navItem16"><a href="oj-c.SplitMenuButton.html">&lt;oj-c-split-menu-button></a></li><li id="navItem17"><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">
44
+ <div id="avatar" class="module_element">
45
+ <a href="avatar.html">avatar</a>
46
+ </div><ul class="subList_lev3"><li id="navItem18"><a href="oj-c.Avatar.html">&lt;oj-c-avatar></a></li></ul></li><li class="module">
47
+ <div id="button" class="module_element">
48
+ <a href="button.html">button</a>
49
+ </div><ul class="subList_lev3"><li id="navItem19"><a href="oj-c.Button.html">&lt;oj-c-button></a></li></ul></li><li class="module">
50
+ <div id="collapsible" class="module_element">
51
+ <a href="collapsible.html">collapsible</a>
52
+ </div><ul class="subList_lev3"><li id="navItem20"><a href="oj-c.Collapsible.html">&lt;oj-c-collapsible></a></li></ul></li><li class="module">
53
+ <div id="file-picker" class="module_element">
54
+ <a href="file-picker.html">file-picker</a>
55
+ </div><ul class="subList_lev3"><li id="navItem21"><a href="oj-c.FilePicker.html">&lt;oj-c-file-picker></a></li></ul></li><li class="module">
56
+ <div id="input-number" class="module_element">
57
+ <a href="input-number.html">input-number</a>
58
+ </div><ul class="subList_lev3"><li id="navItem22"><a href="oj-c.InputNumber.html">&lt;oj-c-input-number></a></li></ul></li><li class="module">
59
+ <div id="input-password" class="module_element">
60
+ <a href="input-password.html">input-password</a>
61
+ </div><ul class="subList_lev3"><li id="navItem23"><a href="oj-c.InputPassword.html">&lt;oj-c-input-password></a></li></ul></li><li class="module">
62
+ <div id="input-text" class="module_element">
63
+ <a href="input-text.html">input-text</a>
64
+ </div><ul class="subList_lev3"><li id="navItem24"><a href="oj-c.InputText.html">&lt;oj-c-input-text></a></li></ul></li><li class="module">
65
+ <div id="list-item-layout" class="module_element">
66
+ <a href="list-item-layout.html">list-item-layout</a>
67
+ </div><ul class="subList_lev3"><li id="navItem25"><a href="oj-c.ListItemLayout.html">&lt;oj-c-list-item-layout></a></li></ul></li><li class="module">
68
+ <div id="message-toast" class="module_element">
69
+ <a href="message-toast.html">message-toast</a>
70
+ </div><ul class="subList_lev3"><li id="navItem26"><a href="oj-c.MessageToast.html">&lt;oj-c-message-toast></a></li></ul></li><li class="module">
71
+ <div id="meter-bar" class="module_element">
72
+ <a href="meter-bar.html">meter-bar</a>
73
+ </div><ul class="subList_lev3"><li id="navItem27"><a href="oj-c.MeterBar.html">&lt;oj-c-meter-bar></a></li></ul></li><li class="module">
74
+ <div id="meter-circle" class="module_element">
75
+ <a href="meter-circle.html">meter-circle</a>
76
+ </div><ul class="subList_lev3"><li id="navItem28"><a href="oj-c.MeterCircle.html">&lt;oj-c-meter-circle></a></li></ul></li><li class="module">
77
+ <div id="progress-bar" class="module_element">
78
+ <a href="progress-bar.html">progress-bar</a>
79
+ </div><ul class="subList_lev3"><li id="navItem29"><a href="oj-c.ProgressBar.html">&lt;oj-c-progress-bar></a></li></ul></li><li class="module">
80
+ <div id="progress-circle" class="module_element">
81
+ <a href="progress-circle.html">progress-circle</a>
82
+ </div><ul class="subList_lev3"><li id="navItem30"><a href="oj-c.ProgressCircle.html">&lt;oj-c-progress-circle></a></li></ul></li><li class="module">
83
+ <div id="rating-gauge" class="module_element">
84
+ <a href="rating-gauge.html">rating-gauge</a>
85
+ </div><ul class="subList_lev3"><li id="navItem31"><a href="oj-c.RatingGauge.html">&lt;oj-c-rating-gauge></a></li></ul></li><li class="module">
86
+ <div id="select-multiple" class="module_element">
87
+ <a href="select-multiple.html">select-multiple</a>
88
+ </div><ul class="subList_lev3"><li id="navItem32"><a href="oj-c.SelectMultiple.html">&lt;oj-c-select-multiple></a></li></ul></li><li class="module">
89
+ <div id="select-single" class="module_element">
90
+ <a href="select-single.html">select-single</a>
91
+ </div><ul class="subList_lev3"><li id="navItem33"><a href="oj-c.SelectSingle.html">&lt;oj-c-select-single></a></li></ul></li><li class="module">
92
+ <div id="split-menu-button" class="module_element">
93
+ <a href="split-menu-button.html">split-menu-button</a>
94
+ </div><ul class="subList_lev3"><li id="navItem34"><a href="oj-c.SplitMenuButton.html">&lt;oj-c-split-menu-button></a></li></ul></li><li class="module">
95
+ <div id="text-area" class="module_element">
96
+ <a href="text-area.html">text-area</a>
97
+ </div><ul class="subList_lev3"><li id="navItem35"><a href="oj-c.TextArea.html">&lt;oj-c-text-area></a></li></ul></li></ul></li></ul>
98
+ </nav>
99
+
100
+ <div id="main">
101
+
102
+ <button onclick="topFunction()" id="jump-to-top-btn" title="Go to top"></button>
103
+ <div class="page-title">
104
+ <h1>Element: &lt;oj-c-message-toast></h1>
105
+ </div>
106
+
107
+ <p class="product-docs-header">
108
+ <span style="font-weight:bold">Oracle® JavaScript Extension Toolkit (JET)<br>
109
+ 14.0.0</span><br>
110
+ </p>
111
+
112
+
113
+
114
+
115
+
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+ <dl class="details">
124
+
125
+ <dt class="tag-since">Since:</dt>
126
+ <dd class="tag-since"><ul class="dummy"><li>14.0.0</li></ul></dd>
127
+
128
+ <dt class="tag-module">Module:</dt>
129
+ <dd class="tag-module"><ul class="dummy"><li>message-toast</li></ul></dd>
130
+
131
+ </dl>
132
+
133
+ <section id="quick-nav" class="">
134
+ <header><h2>QuickNav</h2></header>
135
+
136
+
137
+
138
+ <div class="quick-nav-section4">
139
+ <h3> <a href="#members-section">Attributes</a></h3>
140
+ <ul class="optionsSubList">
141
+
142
+ <li><div><a href="#data">data</a></div>
143
+
144
+ </li>
145
+
146
+ <li><div><a href="#detailTemplateValue">detail-template-value</a></div>
147
+
148
+ </li>
149
+
150
+ <li><div><a href="#iconTemplateValue">icon-template-value</a></div>
151
+
152
+ </li>
153
+
154
+ <li><div><a href="#offset">offset</a></div>
155
+
156
+ </li>
157
+
158
+ <li><div><a href="#position">position</a></div>
159
+
160
+ </ul>
161
+ <script type="text/javascript" >
162
+ var innerSubLists = document.getElementsByClassName('optionsInnerSubList');
163
+ for (var i=0; i<innerSubLists.length; i++) {
164
+ innerSubLists[i].parentNode.onclick=function(event) {
165
+ event.stopPropagation();
166
+ // Only interpret the click event if the <a> element is the target and do nothing if click occurred elsewhere on the div
167
+ if (event.target.parentNode == this.firstChild.firstChild) {
168
+ // toggle only the clicked sub properties list and not any nested ones
169
+ var subProperties = this.getElementsByClassName('optionsInnerSubList');
170
+ subProperties[0].style.display = (subProperties[0].style.display=='block' ? 'none' : 'block');
171
+ }
172
+ }
173
+ }
174
+ </script>
175
+
176
+
177
+
178
+
179
+
180
+ </div>
181
+
182
+
183
+
184
+ <div class="quick-nav-section4">
185
+ <h3><a href="#events-section">Events</a></h3>
186
+ <ul class="subList">
187
+
188
+ <li><a href="#event:ojClose">ojClose</a></li>
189
+
190
+ </ul>
191
+ </div>
192
+
193
+
194
+
195
+ <div class="quick-nav-section4">
196
+ <h3><a href="#methods-section">Methods</a></h3>
197
+ <ul class="subList">
198
+
199
+ <li><a href="#getProperty">getProperty</a></li>
200
+
201
+ <li><a href="#setProperties">setProperties</a></li>
202
+
203
+ <li><a href="#setProperty">setProperty</a></li>
204
+
205
+ </ul>
206
+
207
+ </div>
208
+
209
+
210
+
211
+ <div class="quick-nav-section4">
212
+ <h3>Other Topics</h3>
213
+ <ul class="subList">
214
+
215
+ <li><a href="#keyboard-section">Keyboard Section</a></li>
216
+
217
+ <li><a href="#a11y-section">Accessibility Section</a></li>
218
+
219
+ </ul>
220
+ </div>
221
+
222
+ </section>
223
+
224
+ <section class="">
225
+ <header>
226
+
227
+ </br>
228
+
229
+ <div class="class-description">
230
+ <p><h3 id="toastOverview-section">
231
+ JET Message Toast
232
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#toastOverview-section"></a>
233
+ </h3>
234
+ <p>Description:</p>
235
+ <p>Message toasts are short, non-critical, auto-dismissible messages that communicate non-disruptive contextual messages.</p>
236
+ <p>
237
+ Toast messages are used to:
238
+ <ul>
239
+ <li>Communicate messages that are relevant in the moment like the acknowledgement of an action.</li>
240
+ <li>Allow user to take actions related to an event or process, such as: retry, undo, view.</li>
241
+ </ul>
242
+ </p>
243
+
244
+ <h4 id="messages-syntax-section">
245
+ Syntax
246
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#messages-syntax-section"></a>
247
+ </h4>
248
+ Message Toast can be created with the following markup.</p>
249
+
250
+ <pre class="prettyprint"><code>
251
+ &lt;oj-c-message-toast data="[[messages]]">
252
+ &lt;/oj-c-message-toast>
253
+ </code></pre>
254
+
255
+ <p>The Message Toast component will show messages based on the data provided keeping it as a single
256
+ source of truth. Applications should register a listener for the ojClose event to be notified
257
+ when one performs an action that requires a message to be closed. The application then should use the
258
+ event payload to identify and remove the corresponding row from the data which would then close the
259
+ message.</p>
260
+
261
+ <pre class="prettyprint"><code>
262
+ &lt;oj-c-message-toast data="[[messages]]" on-oj-close="[[handleClose]]">
263
+ &lt;/oj-c-message-toast>
264
+ </code></pre>
265
+
266
+ <h3 id="a11y-section">
267
+ Accessibility
268
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#a11y-section"></a>
269
+ </h3>
270
+
271
+ <p>The <code class="prettyprint">MessageToastItem["sound"]</code> property is an accessibility
272
+ feature for playing a sound when a message is opened. This property defaults to "none", and can
273
+ be enabled by setting it to "default" or by providing a URL to an audio file of a format that the
274
+ browser supports. An accessible application must provide a way for users to enable sound on a
275
+ settings or preferences page. Some browsers will have auto-play disabled by default, enabling
276
+ it may require adjusting the browser settings.</p>
277
+
278
+ <h3 id="keyboard-section">
279
+ Keyboard End User Information
280
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#keyboard-section"></a>
281
+ </h3>
282
+
283
+ <table class="keyboard-table">
284
+ <thead>
285
+ <tr>
286
+ <th>Target</th>
287
+ <th>Key</th>
288
+ <th>Action</th>
289
+ </tr>
290
+ </thead>
291
+ <tbody>
292
+ <tr>
293
+ <td rowspan = "3">Focus within Messages</td>
294
+ <td><kbd>Tab</kbd> or <kbd>Shift + Tab</kbd></td>
295
+ <td>Navigate the content of the messages region.</td>
296
+ </tr>
297
+ <tr>
298
+ <td><kbd>F6</kbd></td>
299
+ <td>Cycles the focus through all the messages sections on the page starting from the most recent one.
300
+ Then finally, moves the focus back to the last focused element outside the messages region.</td>
301
+ </tr>
302
+ <tr>
303
+ <td><kbd>Esc</kbd></td>
304
+ <td>Moves focus back to the last focused element outside the messages region and closes the current message if it is closable.</td>
305
+ </tr>
306
+ <tr>
307
+ <td><kbd>Enter</kbd> or <kbd>Space</kbd></td>
308
+ <td>Activates the currently focused element in the message.</td>
309
+ </tr>
310
+ <tr>
311
+ <td rowspan = "1">Focus outside Messages</td>
312
+ <td><kbd>F6</kbd></td>
313
+ <td>Move focus to the first message within the more recently disclosed messages region.</td>
314
+ </tr>
315
+ </tbody>
316
+ </table></p>
317
+ </div>
318
+ </br>
319
+
320
+ </header>
321
+
322
+
323
+ <article>
324
+ <div class="container-overview">
325
+
326
+
327
+ <div class="usage-section">
328
+ <h3 id="usage-section">Usage<a class="bookmarkable-link" title="Bookmarkable Link" href="#usage-section"></a></h3>
329
+
330
+ <dt class="null" style="margin-right: 100px;"><h5><span>Signature: </span><p> <span class="name type-signature">interface CMessageToastElement</span></p></h5></dt>
331
+
332
+ <dl>
333
+ <dt><h5>Typescript Import Format</h5></dt>
334
+ <dd><pre class="prettyprint"><code>//To typecheck the element APIs, import as below.<br>import {CMessageToastElement} from "oj-c/message-toast";<br><br>//For the transpiled javascript to load the element's module, import as below<br>import "oj-c/message-toast";</code></pre></dd>
335
+ </dl>
336
+
337
+ <p>For additional information visit:</p>
338
+ <ul>
339
+
340
+ <li><a href="../../../jsdocs/CustomElementOverview.html" target="_blank">Using JET Custom Elements</a></li>
341
+
342
+ <li><a href="../../../jsdocs/TypescriptOverview.html" target="_blank">Using JET with TypeScript</a></li>
343
+ <li><a href="../../../jsdocs/ModuleLoadingOverview.html" target="_blank">JET Module Loading</a></li>
344
+ </ul>
345
+
346
+ <p class="important">Note: Application logic should not interact with the component's properties or invoke its methods
347
+ until the <a href="../../../jsdocs/oj.BusyContext.html" target="_blank">BusyContext</a> indicates that the component is ready for interaction.</p>
348
+
349
+ </div>
350
+ <br>
351
+
352
+
353
+
354
+
355
+
356
+
357
+
358
+ <dl class="details">
359
+
360
+
361
+
362
+
363
+
364
+
365
+
366
+
367
+
368
+
369
+
370
+
371
+
372
+
373
+
374
+
375
+
376
+
377
+
378
+
379
+
380
+
381
+
382
+
383
+
384
+
385
+
386
+
387
+
388
+ </dl>
389
+
390
+
391
+
392
+ </div>
393
+
394
+
395
+
396
+
397
+
398
+
399
+
400
+
401
+
402
+
403
+
404
+
405
+
406
+ <h3 id="members-section" class="subsection-title">
407
+ Attributes
408
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#members-section"></a>
409
+ </h3>
410
+
411
+ <dl>
412
+
413
+
414
+ <dt class="">
415
+
416
+ <h4 id="data" class="name">
417
+
418
+ <span class="type-signature"></span>data<span class="type-signature"> :DataProvider&lt;Key, Data></span>
419
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#data"></a>
420
+
421
+ </h4>
422
+
423
+
424
+ </dt>
425
+
426
+ <dd class="">
427
+
428
+ <div class="description">
429
+ <p>Data for the Message Toast component. This data is used for rendering each toast message.
430
+ This is a required attribute. If an application needs to initialize the component with
431
+ no initial messages, it would need to provide an empty DataProvider. When the application
432
+ wants to show messages, it can then add new data to the existing DataProvider.</p>
433
+
434
+ <p>When specifying a DataProvider for the data attribute, you need to provide the keyAttributes
435
+ for the DataProvider. The oj-c-message-toast component expects a single attribute of type
436
+ string or number as the key of the DataProvider. When the data is updated this key attribute
437
+ will be used to determine whether a new message is being added or an existing message is being
438
+ updated. This is required for performing necessary animations. When the application replaces
439
+ the DataProvider, the component assumes that all the messages are newly added irrespective of their
440
+ keys and performs animation accordingly.</p>
441
+ </div>
442
+
443
+
444
+
445
+
446
+ <dl class="details">
447
+
448
+
449
+
450
+
451
+
452
+
453
+
454
+
455
+
456
+
457
+
458
+
459
+
460
+
461
+
462
+
463
+
464
+
465
+
466
+
467
+
468
+
469
+
470
+
471
+
472
+
473
+
474
+
475
+
476
+ </dl>
477
+
478
+
479
+
480
+ <h5>Names</h5>
481
+ <table class="keyboard-table">
482
+ <thead>
483
+ <tr>
484
+ <th>Item</th>
485
+ <th>Name</th>
486
+ </tr>
487
+ </thead>
488
+ <tbody>
489
+ <tr>
490
+ <td>Property</td>
491
+ <td><code class="prettyprint">data</code></td>
492
+ </tr>
493
+
494
+ <tr>
495
+ <td>Property change event</td>
496
+ <td><code class="prettyprint">dataChanged</code></td>
497
+ </tr>
498
+ <tr>
499
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
500
+ <td><code class="pretty-print-noprettify">on-data-changed</code></td>
501
+ </tr>
502
+
503
+ </tbody>
504
+ </table>
505
+
506
+ </dd>
507
+
508
+
509
+ <dt class="">
510
+
511
+ <h4 id="detailTemplateValue" class="name">
512
+
513
+ <span class="type-signature"></span>detail-template-value<span class="type-signature"> :string|(item: Item&lt;string | number, MessageToastItem>) => string | undefined</span>
514
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#detailTemplateValue"></a>
515
+
516
+ </h4>
517
+
518
+
519
+ </dt>
520
+
521
+ <dd class="">
522
+
523
+ <div class="description">
524
+ Applications can use this property to provide the name of a template or a function that
525
+ returns the name of a template to use for rendering the detail content.
526
+
527
+ When a template name is provided as a value for this property, the corresponding template
528
+ will be used for rendering the detail content for all the messages. If applications want
529
+ to use a different template for different messages, they can provide a function that
530
+ returns a template name instead.
531
+
532
+ The provided function should accept an ItemContext and return a key to a template for
533
+ rendering the corresponding message's detail content. The value returned from this function
534
+ should be a key to one of the dynamic template slots provided. If the returned value is not
535
+ one of the keys of the provided dynamic template slots, the component will throw an Error.
536
+
537
+ If the function returns null or undefined, the component then will perform default rendering
538
+ of the detail content using the detail property of the corresponding message.
539
+
540
+ If an application specifies both detail and a valid detail-template-value, the detail-template-value
541
+ will take precedence and the corresponding template will be used for rendering the detail content.
542
+ </div>
543
+
544
+
545
+
546
+
547
+ <dl class="details">
548
+
549
+
550
+
551
+
552
+
553
+
554
+
555
+
556
+
557
+
558
+
559
+
560
+
561
+
562
+
563
+
564
+
565
+
566
+
567
+
568
+
569
+
570
+
571
+
572
+
573
+
574
+
575
+
576
+
577
+ </dl>
578
+
579
+
580
+
581
+ <h5>Names</h5>
582
+ <table class="keyboard-table">
583
+ <thead>
584
+ <tr>
585
+ <th>Item</th>
586
+ <th>Name</th>
587
+ </tr>
588
+ </thead>
589
+ <tbody>
590
+ <tr>
591
+ <td>Property</td>
592
+ <td><code class="prettyprint">detailTemplateValue</code></td>
593
+ </tr>
594
+
595
+ <tr>
596
+ <td>Property change event</td>
597
+ <td><code class="prettyprint">detailTemplateValueChanged</code></td>
598
+ </tr>
599
+ <tr>
600
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
601
+ <td><code class="pretty-print-noprettify">on-detail-template-value-changed</code></td>
602
+ </tr>
603
+
604
+ </tbody>
605
+ </table>
606
+
607
+ </dd>
608
+
609
+
610
+ <dt class="">
611
+
612
+ <h4 id="iconTemplateValue" class="name">
613
+
614
+ <span class="type-signature"></span>icon-template-value<span class="type-signature"> :string|(item: Item&lt;string | number, MessageToastItem>) => string | undefined</span>
615
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#iconTemplateValue"></a>
616
+
617
+ </h4>
618
+
619
+
620
+ </dt>
621
+
622
+ <dd class="">
623
+
624
+ <div class="description">
625
+ Applications can use this property to provide the name of a template or a function that
626
+ returns the name of a template to use for rendering the icon content.
627
+
628
+ When a template name is provided as a value for this property, the corresponding template
629
+ will be used for rendering the icon content for all the messages. If applications want
630
+ to use a different template for different messages, they can provide a function that
631
+ returns a template name instead.
632
+
633
+ The provided function should accept an ItemContext and return a key to a template for
634
+ rendering the corresponding message's icon content. The value returned from this function
635
+ should be a key to one of the dynamic template slots provided. If the returned value is not
636
+ one of the keys of the provided dynamic template slots, the component will throw an Error.
637
+
638
+ If the function returns null or undefined, the component then will perform default rendering
639
+ of the icon content using the icon property of the corresponding message.
640
+
641
+ If an application specifies both icon and a valid icon-template-value, the icon-template-value
642
+ will take precedence and the corresponding template will be used for rendering the icon content.
643
+ </div>
644
+
645
+
646
+
647
+
648
+ <dl class="details">
649
+
650
+
651
+
652
+
653
+
654
+
655
+
656
+
657
+
658
+
659
+
660
+
661
+
662
+
663
+
664
+
665
+
666
+
667
+
668
+
669
+
670
+
671
+
672
+
673
+
674
+
675
+
676
+
677
+
678
+ </dl>
679
+
680
+
681
+
682
+ <h5>Names</h5>
683
+ <table class="keyboard-table">
684
+ <thead>
685
+ <tr>
686
+ <th>Item</th>
687
+ <th>Name</th>
688
+ </tr>
689
+ </thead>
690
+ <tbody>
691
+ <tr>
692
+ <td>Property</td>
693
+ <td><code class="prettyprint">iconTemplateValue</code></td>
694
+ </tr>
695
+
696
+ <tr>
697
+ <td>Property change event</td>
698
+ <td><code class="prettyprint">iconTemplateValueChanged</code></td>
699
+ </tr>
700
+ <tr>
701
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
702
+ <td><code class="pretty-print-noprettify">on-icon-template-value-changed</code></td>
703
+ </tr>
704
+
705
+ </tbody>
706
+ </table>
707
+
708
+ </dd>
709
+
710
+
711
+ <dt class="">
712
+
713
+ <h4 id="offset" class="name">
714
+
715
+ <span class="type-signature"></span>offset<span class="type-signature"> :number|{ horizontal?: number; vertical?: number; }</span>
716
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#offset"></a>
717
+
718
+ </h4>
719
+
720
+
721
+ </dt>
722
+
723
+ <dd class="">
724
+
725
+ <div class="description">
726
+ Defines an offset (in pixels) in the placement. Value can be supplied as a number or
727
+ an object with horizontal and vertical values.
728
+ </div>
729
+
730
+
731
+
732
+
733
+ <dl class="details">
734
+
735
+
736
+
737
+
738
+
739
+ <dt class="tag-default">Default Value:</dt>
740
+ <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">0</code></li></ul></dd>
741
+
742
+
743
+
744
+
745
+
746
+
747
+
748
+
749
+
750
+
751
+
752
+
753
+
754
+
755
+
756
+
757
+
758
+
759
+
760
+
761
+
762
+
763
+
764
+
765
+
766
+ </dl>
767
+
768
+
769
+
770
+ <h5>Names</h5>
771
+ <table class="keyboard-table">
772
+ <thead>
773
+ <tr>
774
+ <th>Item</th>
775
+ <th>Name</th>
776
+ </tr>
777
+ </thead>
778
+ <tbody>
779
+ <tr>
780
+ <td>Property</td>
781
+ <td><code class="prettyprint">offset</code></td>
782
+ </tr>
783
+
784
+ <tr>
785
+ <td>Property change event</td>
786
+ <td><code class="prettyprint">offsetChanged</code></td>
787
+ </tr>
788
+ <tr>
789
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
790
+ <td><code class="pretty-print-noprettify">on-offset-changed</code></td>
791
+ </tr>
792
+
793
+ </tbody>
794
+ </table>
795
+
796
+ </dd>
797
+
798
+
799
+ <dt class="">
800
+
801
+ <h4 id="position" class="name">
802
+
803
+ <span class="type-signature"></span>position<span class="type-signature"> :"bottom"|"top"|"top-start"|"top-end"|"bottom-start"|"bottom-end"|"top-left"|"top-right"|"bottom-left"|"bottom-right"</span>
804
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#position"></a>
805
+
806
+ </h4>
807
+
808
+
809
+ </dt>
810
+
811
+ <dd class="">
812
+
813
+ <div class="description">
814
+ Defines the fixed position where the messages will be positioned on the screen.
815
+ - top-start resolves to top-left in LTR (top-right in RTL)
816
+ - top-end resolves to top-right in LTR (top-left in RTL)
817
+ - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)
818
+ - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)
819
+ </div>
820
+
821
+
822
+
823
+
824
+ <dl class="details">
825
+
826
+
827
+
828
+
829
+
830
+ <dt class="tag-default">Default Value:</dt>
831
+ <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"bottom"</code></li></ul></dd>
832
+
833
+
834
+
835
+
836
+
837
+
838
+
839
+
840
+
841
+
842
+
843
+
844
+
845
+
846
+
847
+
848
+
849
+
850
+
851
+
852
+
853
+
854
+
855
+
856
+
857
+ </dl>
858
+
859
+
860
+
861
+ <h5>Names</h5>
862
+ <table class="keyboard-table">
863
+ <thead>
864
+ <tr>
865
+ <th>Item</th>
866
+ <th>Name</th>
867
+ </tr>
868
+ </thead>
869
+ <tbody>
870
+ <tr>
871
+ <td>Property</td>
872
+ <td><code class="prettyprint">position</code></td>
873
+ </tr>
874
+
875
+ <tr>
876
+ <td>Property change event</td>
877
+ <td><code class="prettyprint">positionChanged</code></td>
878
+ </tr>
879
+ <tr>
880
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
881
+ <td><code class="pretty-print-noprettify">on-position-changed</code></td>
882
+ </tr>
883
+
884
+ </tbody>
885
+ </table>
886
+
887
+ </dd>
888
+
889
+ </dl>
890
+
891
+
892
+ <h3 id="events-section" class="subsection-title">
893
+ Events
894
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#events-section"></a>
895
+ </h3>
896
+
897
+ <dl>
898
+
899
+
900
+ <dt class="">
901
+
902
+
903
+
904
+ <h4 id="event:ojClose" class="name">
905
+
906
+ ojClose
907
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#event:ojClose"></a>
908
+
909
+ </h4>
910
+
911
+
912
+
913
+
914
+
915
+ </dt>
916
+ <dd class="">
917
+
918
+
919
+ <div class="description">
920
+ Triggered when a user tries to close a message through UI interaction. The application
921
+ should listen to this event and remove the corresponding message item from the data
922
+ which would then result in the message being closed. If the application
923
+ fails to remove the message item from the data, then no change will be done in the
924
+ UI by the component and the message will stay in the UI opened.
925
+
926
+ </div>
927
+
928
+
929
+
930
+
931
+
932
+
933
+
934
+
935
+
936
+
937
+
938
+
939
+
940
+ <dl class="details">
941
+
942
+ <h5 class="subsection-title notoc">Properties:</h5>
943
+
944
+
945
+ <p>All of the event payloads listed below can be found under <code class="prettyprint">event.detail</code>.
946
+ See <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.
947
+ </p>
948
+
949
+
950
+ <dl>
951
+
952
+ <table class="props">
953
+ <thead>
954
+ <tr>
955
+
956
+ <th>Name</th>
957
+
958
+
959
+ <th>Type</th>
960
+
961
+
962
+
963
+
964
+
965
+
966
+ <th class="last">Description</th>
967
+
968
+ </tr>
969
+ </thead>
970
+
971
+ <tbody>
972
+
973
+ <tr>
974
+
975
+ <td class="name"><code>data</code></td>
976
+
977
+
978
+
979
+ <td class="type">
980
+
981
+
982
+
983
+ <span class="param-type">D</span>
984
+
985
+
986
+
987
+
988
+ </td>
989
+
990
+
991
+
992
+
993
+
994
+
995
+ <td class="description last">The data that was used to render the message.
996
+ </td>
997
+
998
+ </tr>
999
+
1000
+
1001
+ <tr>
1002
+
1003
+ <td class="name"><code>key</code></td>
1004
+
1005
+
1006
+
1007
+ <td class="type">
1008
+
1009
+
1010
+
1011
+ <span class="param-type">K</span>
1012
+
1013
+
1014
+
1015
+
1016
+ </td>
1017
+
1018
+
1019
+
1020
+
1021
+
1022
+
1023
+ <td class="description last">The key for the message.
1024
+ </td>
1025
+
1026
+ </tr>
1027
+
1028
+
1029
+ <tr>
1030
+
1031
+ <td class="name"><code>metadata</code></td>
1032
+
1033
+
1034
+
1035
+ <td class="type">
1036
+
1037
+
1038
+
1039
+ <span class="param-type">Object</span>
1040
+
1041
+
1042
+
1043
+
1044
+ </td>
1045
+
1046
+
1047
+
1048
+
1049
+
1050
+
1051
+ <td class="description last">The metadata of the message.
1052
+ </td>
1053
+
1054
+ </tr>
1055
+
1056
+
1057
+ </tbody>
1058
+ </table></dl>
1059
+
1060
+
1061
+
1062
+
1063
+
1064
+
1065
+
1066
+
1067
+
1068
+
1069
+
1070
+
1071
+
1072
+
1073
+
1074
+
1075
+
1076
+
1077
+
1078
+
1079
+
1080
+
1081
+
1082
+
1083
+
1084
+
1085
+
1086
+
1087
+
1088
+
1089
+ </dl>
1090
+
1091
+
1092
+
1093
+
1094
+
1095
+
1096
+
1097
+
1098
+
1099
+ </dd>
1100
+
1101
+
1102
+ </dl>
1103
+
1104
+
1105
+ <h3 id="methods-section" class="subsection-title">
1106
+ Methods
1107
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#methods-section"></a>
1108
+ </h3>
1109
+
1110
+ <dl>
1111
+
1112
+
1113
+ <dt class="">
1114
+
1115
+
1116
+
1117
+ <h4 id="getProperty" class="name">
1118
+
1119
+ <span class="type-signature"></span>getProperty<span class="signature">(property)</span><span class="type-signature"> : {<a href="CustomElementOverview.html#ce-attrs-any-section">any</a>}</span>
1120
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#getProperty"></a>
1121
+
1122
+ </h4>
1123
+
1124
+
1125
+
1126
+
1127
+
1128
+ </dt>
1129
+ <dd class="">
1130
+
1131
+
1132
+ <div class="description">
1133
+ Retrieves the value of a property or a subproperty.
1134
+
1135
+ </div>
1136
+
1137
+
1138
+
1139
+
1140
+
1141
+
1142
+
1143
+
1144
+
1145
+
1146
+
1147
+ <h5>Parameters:</h5>
1148
+
1149
+
1150
+ <table class="params">
1151
+ <thead>
1152
+ <tr>
1153
+
1154
+ <th>Name</th>
1155
+
1156
+
1157
+ <th>Type</th>
1158
+
1159
+
1160
+
1161
+
1162
+
1163
+ <th class="last">Description</th>
1164
+ </tr>
1165
+ </thead>
1166
+
1167
+ <tbody>
1168
+
1169
+
1170
+ <tr>
1171
+
1172
+ <td class="name"><code>property</code></td>
1173
+
1174
+
1175
+ <td class="type">
1176
+
1177
+ </td>
1178
+
1179
+
1180
+
1181
+
1182
+ <td class="description last">The property name to get. Supports dot notation for subproperty access.
1183
+ </td>
1184
+ </tr>
1185
+
1186
+
1187
+ </tbody>
1188
+ </table>
1189
+
1190
+
1191
+
1192
+ <dl class="details">
1193
+
1194
+
1195
+
1196
+
1197
+
1198
+
1199
+
1200
+
1201
+
1202
+
1203
+
1204
+
1205
+
1206
+
1207
+
1208
+
1209
+
1210
+
1211
+
1212
+
1213
+
1214
+
1215
+
1216
+
1217
+
1218
+
1219
+
1220
+
1221
+
1222
+ </dl>
1223
+
1224
+
1225
+
1226
+
1227
+
1228
+
1229
+
1230
+ <h5>Returns:</h5>
1231
+
1232
+
1233
+
1234
+
1235
+ <dl>
1236
+ <dt>
1237
+ Type
1238
+ </dt>
1239
+ <dd>
1240
+
1241
+ <span class="param-type"><a href="CustomElementOverview.html#ce-attrs-any-section">any</a></span>
1242
+
1243
+
1244
+ </dd>
1245
+ </dl>
1246
+
1247
+
1248
+
1249
+
1250
+
1251
+ </dd>
1252
+
1253
+
1254
+
1255
+ <dt class="">
1256
+
1257
+
1258
+
1259
+ <h4 id="setProperties" class="name">
1260
+
1261
+ <span class="type-signature"></span>setProperties<span class="signature">(properties)</span><span class="type-signature"> : {void}</span>
1262
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperties"></a>
1263
+
1264
+ </h4>
1265
+
1266
+
1267
+
1268
+
1269
+
1270
+ </dt>
1271
+ <dd class="">
1272
+
1273
+
1274
+ <div class="description">
1275
+ Performs a batch set of properties.
1276
+
1277
+ </div>
1278
+
1279
+
1280
+
1281
+
1282
+
1283
+
1284
+
1285
+
1286
+
1287
+
1288
+
1289
+ <h5>Parameters:</h5>
1290
+
1291
+
1292
+ <table class="params">
1293
+ <thead>
1294
+ <tr>
1295
+
1296
+ <th>Name</th>
1297
+
1298
+
1299
+ <th>Type</th>
1300
+
1301
+
1302
+
1303
+
1304
+
1305
+ <th class="last">Description</th>
1306
+ </tr>
1307
+ </thead>
1308
+
1309
+ <tbody>
1310
+
1311
+
1312
+ <tr>
1313
+
1314
+ <td class="name"><code>properties</code></td>
1315
+
1316
+
1317
+ <td class="type">
1318
+
1319
+ </td>
1320
+
1321
+
1322
+
1323
+
1324
+ <td class="description last">An object containing the property and value pairs to set.
1325
+ </td>
1326
+ </tr>
1327
+
1328
+
1329
+ </tbody>
1330
+ </table>
1331
+
1332
+
1333
+
1334
+ <dl class="details">
1335
+
1336
+
1337
+
1338
+
1339
+
1340
+
1341
+
1342
+
1343
+
1344
+
1345
+
1346
+
1347
+
1348
+
1349
+
1350
+
1351
+
1352
+
1353
+
1354
+
1355
+
1356
+
1357
+
1358
+
1359
+
1360
+
1361
+
1362
+
1363
+
1364
+ </dl>
1365
+
1366
+
1367
+
1368
+
1369
+
1370
+
1371
+
1372
+ <h5>Returns:</h5>
1373
+
1374
+
1375
+
1376
+
1377
+ <dl>
1378
+ <dt>
1379
+ Type
1380
+ </dt>
1381
+ <dd>
1382
+
1383
+ <span class="param-type">void</span>
1384
+
1385
+
1386
+ </dd>
1387
+ </dl>
1388
+
1389
+
1390
+
1391
+
1392
+
1393
+ </dd>
1394
+
1395
+
1396
+
1397
+ <dt class="">
1398
+
1399
+
1400
+
1401
+ <h4 id="setProperty" class="name">
1402
+
1403
+ <span class="type-signature"></span>setProperty<span class="signature">(property, value)</span><span class="type-signature"> : {void}</span>
1404
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperty"></a>
1405
+
1406
+ </h4>
1407
+
1408
+
1409
+
1410
+
1411
+
1412
+ </dt>
1413
+ <dd class="">
1414
+
1415
+
1416
+ <div class="description">
1417
+ Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.
1418
+
1419
+ </div>
1420
+
1421
+
1422
+
1423
+
1424
+
1425
+
1426
+
1427
+
1428
+
1429
+
1430
+
1431
+ <h5>Parameters:</h5>
1432
+
1433
+
1434
+ <table class="params">
1435
+ <thead>
1436
+ <tr>
1437
+
1438
+ <th>Name</th>
1439
+
1440
+
1441
+ <th>Type</th>
1442
+
1443
+
1444
+
1445
+
1446
+
1447
+ <th class="last">Description</th>
1448
+ </tr>
1449
+ </thead>
1450
+
1451
+ <tbody>
1452
+
1453
+
1454
+ <tr>
1455
+
1456
+ <td class="name"><code>property</code></td>
1457
+
1458
+
1459
+ <td class="type">
1460
+
1461
+ </td>
1462
+
1463
+
1464
+
1465
+
1466
+ <td class="description last">The property name to set. Supports dot notation for subproperty access.
1467
+ </td>
1468
+ </tr>
1469
+
1470
+
1471
+
1472
+ <tr>
1473
+
1474
+ <td class="name"><code>value</code></td>
1475
+
1476
+
1477
+ <td class="type">
1478
+
1479
+ </td>
1480
+
1481
+
1482
+
1483
+
1484
+ <td class="description last">The new value to set the property to.
1485
+ </td>
1486
+ </tr>
1487
+
1488
+
1489
+ </tbody>
1490
+ </table>
1491
+
1492
+
1493
+
1494
+ <dl class="details">
1495
+
1496
+
1497
+
1498
+
1499
+
1500
+
1501
+
1502
+
1503
+
1504
+
1505
+
1506
+
1507
+
1508
+
1509
+
1510
+
1511
+
1512
+
1513
+
1514
+
1515
+
1516
+
1517
+
1518
+
1519
+
1520
+
1521
+
1522
+
1523
+
1524
+ </dl>
1525
+
1526
+
1527
+
1528
+
1529
+
1530
+
1531
+
1532
+ <h5>Returns:</h5>
1533
+
1534
+
1535
+
1536
+
1537
+ <dl>
1538
+ <dt>
1539
+ Type
1540
+ </dt>
1541
+ <dd>
1542
+
1543
+ <span class="param-type">void</span>
1544
+
1545
+
1546
+ </dd>
1547
+ </dl>
1548
+
1549
+
1550
+
1551
+
1552
+
1553
+ </dd>
1554
+
1555
+
1556
+ </dl>
1557
+
1558
+ </article>
1559
+
1560
+
1561
+ </section>
1562
+
1563
+
1564
+
1565
+
1566
+ <footer>
1567
+ Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a> on Fri Jan 06 2023 02:37:41 GMT+0000 (Coordinated Universal Time)<br>
1568
+ <span class="product-docs-footer">Copyright © 2014, 2023 Oracle. All rights reserved.<span>
1569
+ </footer>
1570
+ </div>
1571
+
1572
+ <script> prettyPrint(); </script>
1573
+ </body>
1574
+ </html>