@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.Avatar.html ADDED
@@ -0,0 +1,1778 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Element: &lt;oj-c-avatar></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="navItem18">
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-avatar></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>13.0.0</li></ul></dd>
127
+
128
+ <dt class="tag-module">Module:</dt>
129
+ <dd class="tag-module"><ul class="dummy"><li>avatar</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-section3">
139
+ <h3> <a href="#members-section">Attributes</a></h3>
140
+ <ul class="optionsSubList">
141
+
142
+ <li><div><a href="#background">background</a></div>
143
+
144
+ </li>
145
+
146
+ <li><div><a href="#iconClass">icon-class</a></div>
147
+
148
+ </li>
149
+
150
+ <li><div><a href="#initials">initials</a></div>
151
+
152
+ </li>
153
+
154
+ <li><div><a href="#shape">shape</a></div>
155
+
156
+ </li>
157
+
158
+ <li><div><a href="#size">size</a></div>
159
+
160
+ </li>
161
+
162
+ <li><div><a href="#src">src</a></div>
163
+
164
+ </ul>
165
+ <script type="text/javascript" >
166
+ var innerSubLists = document.getElementsByClassName('optionsInnerSubList');
167
+ for (var i=0; i<innerSubLists.length; i++) {
168
+ innerSubLists[i].parentNode.onclick=function(event) {
169
+ event.stopPropagation();
170
+ // Only interpret the click event if the <a> element is the target and do nothing if click occurred elsewhere on the div
171
+ if (event.target.parentNode == this.firstChild.firstChild) {
172
+ // toggle only the clicked sub properties list and not any nested ones
173
+ var subProperties = this.getElementsByClassName('optionsInnerSubList');
174
+ subProperties[0].style.display = (subProperties[0].style.display=='block' ? 'none' : 'block');
175
+ }
176
+ }
177
+ }
178
+ </script>
179
+
180
+
181
+
182
+
183
+
184
+ </div>
185
+
186
+
187
+
188
+
189
+
190
+ <div class="quick-nav-section3">
191
+ <h3><a href="#methods-section">Methods</a></h3>
192
+ <ul class="subList">
193
+
194
+ <li><a href="#getProperty">getProperty</a></li>
195
+
196
+ <li><a href="#setProperties">setProperties</a></li>
197
+
198
+ <li><a href="#setProperty">setProperty</a></li>
199
+
200
+ </ul>
201
+
202
+ </div>
203
+
204
+
205
+
206
+ <div class="quick-nav-section3">
207
+ <h3>Other Topics</h3>
208
+ <ul class="subList">
209
+
210
+ <li><a href="#a11y-section">Accessibility Section</a></li>
211
+
212
+ </ul>
213
+ </div>
214
+
215
+ </section>
216
+
217
+ <section class="">
218
+ <header>
219
+
220
+ </br>
221
+
222
+ <div class="class-description">
223
+ <p><h3 id="avatarOverview-section">
224
+ JET Avatar
225
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#avatarOverview-section"></a>
226
+ </h3>
227
+ <p>Description: Themeable, WAI-ARIA-compliant element that often represents a person.</p>
228
+ <p>An oj-c-avatar is an icon capable of displaying
229
+ a custom image, or initials, or a placeholder image. The order of precedence for
230
+ what is displayed, in order from highest to lowest, is:</p>
231
+ <ol>
232
+ <li>Icon specified through the "icon-class" attribute</li>
233
+ <li>Custom image specified through the "src" attribute</li>
234
+ <li>Initials specified through the "initials" attribute</li>
235
+ <li>Default placeholder image</li>
236
+ </ol>
237
+ <pre class="prettyprint">
238
+ <code>//Avatar with initials
239
+ &lt;oj-c-avatar initials="AB">
240
+ &lt;/oj-c-avatar>
241
+ </code></pre>
242
+ <h3 id="a11y-section">
243
+ Accessibility
244
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#a11y-section"></a>
245
+ </h3>
246
+
247
+ <p>If any associated information (e.g. the name of the person represented by the oj-c-avatar) is already available to assistive technologies, for example by rendering the name in addition to the avatar as part of the page content, then setting the aria-label is optional.
248
+ Otherwise setting the aria-label is required by passing a descriptive text to the aria-label attribute. The component will then internally set role='img' if the aria-label is set.
249
+
250
+ <p>JET Avatar does not have
251
+ any interaction with the application, therefore it is not keyboard navigable by default.
252
+ The aria-label will be picked up by the tabbable/focusable parent unless it is
253
+ overriden by the application.
254
+ The application can set a tooltip by setting the title attribute of the avatar. It is recommended that the title and aria-label attributes are in sync.
255
+
256
+
257
+ <p>In order to meet accessibility requirements for text, color contrast ratio
258
+ between the background color and text must be
259
+ greater than 4.5 for the two smallest avatars and 3.1 for the five larger avatars.
260
+ Avatar's default background satisfies the 4.5 color contrast ratio. If colors are customized through theming, the
261
+ application is responsible for specifying colors that satisfy the contrast ratio requirements.
262
+
263
+ <h3 id="image-section">
264
+ Image
265
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#image-section"></a>
266
+ </h3>
267
+
268
+ <p>The avatar will display an icon if the iconClass is populated. If it is not, then the avatar will display the image provided
269
+ from the src attribute if the src
270
+ attribute is populated. If the src attribute is not provided and the initials have been,
271
+ the initials will be displayed. If neither iconClass, src nor initials attributes are populated,
272
+ a single person placeholder image is shown.
273
+ Examples displaying each type of avatar:
274
+ <pre class="prettyprint">
275
+ <code>//Individual Placeholder
276
+ &lt;oj-c-avatar>
277
+ &lt;/oj-c-avatar>
278
+ //Icon
279
+ &lt;oj-c-avatar icon-class="oj-ux-ico-contact-group">
280
+ &lt;/oj-c-avatar>
281
+ //Initials
282
+ &lt;oj-c-avatar initials="AB">
283
+ &lt;/oj-c-avatar>
284
+ //Image
285
+ &lt;oj-c-avatar initials="AB" src="image.jpg">
286
+ &lt;/oj-c-avatar>
287
+ </code></pre></p>
288
+ </div>
289
+ </br>
290
+
291
+ </header>
292
+
293
+
294
+ <article>
295
+ <div class="container-overview">
296
+
297
+
298
+ <div class="usage-section">
299
+ <h3 id="usage-section">Usage<a class="bookmarkable-link" title="Bookmarkable Link" href="#usage-section"></a></h3>
300
+
301
+ <dt class="null" style="margin-right: 100px;"><h5><span>Signature: </span><p> <span class="name type-signature">interface CAvatarElement</span></p></h5></dt>
302
+
303
+ <dl>
304
+ <dt><h5>Typescript Import Format</h5></dt>
305
+ <dd><pre class="prettyprint"><code>//To typecheck the element APIs, import as below.<br>import {CAvatarElement} from "oj-c/avatar";<br><br>//For the transpiled javascript to load the element's module, import as below<br>import "oj-c/avatar";</code></pre></dd>
306
+ </dl>
307
+
308
+ <p>For additional information visit:</p>
309
+ <ul>
310
+
311
+ <li><a href="../../../jsdocs/CustomElementOverview.html" target="_blank">Using JET Custom Elements</a></li>
312
+
313
+ <li><a href="../../../jsdocs/TypescriptOverview.html" target="_blank">Using JET with TypeScript</a></li>
314
+ <li><a href="../../../jsdocs/ModuleLoadingOverview.html" target="_blank">JET Module Loading</a></li>
315
+ </ul>
316
+
317
+ <p class="important">Note: Application logic should not interact with the component's properties or invoke its methods
318
+ until the <a href="../../../jsdocs/oj.BusyContext.html" target="_blank">BusyContext</a> indicates that the component is ready for interaction.</p>
319
+
320
+ </div>
321
+ <br>
322
+
323
+
324
+
325
+
326
+
327
+
328
+
329
+ <dl class="details">
330
+
331
+
332
+
333
+
334
+
335
+
336
+
337
+
338
+
339
+
340
+
341
+
342
+
343
+
344
+
345
+
346
+
347
+
348
+
349
+
350
+
351
+
352
+
353
+
354
+
355
+
356
+
357
+
358
+
359
+ </dl>
360
+
361
+
362
+
363
+ </div>
364
+
365
+
366
+
367
+
368
+
369
+
370
+
371
+
372
+
373
+
374
+
375
+
376
+
377
+ <h3 id="members-section" class="subsection-title">
378
+ Attributes
379
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#members-section"></a>
380
+ </h3>
381
+
382
+ <dl>
383
+
384
+
385
+ <dt class="">
386
+
387
+ <h4 id="background" class="name">
388
+
389
+ <span class="type-signature"></span>background<span class="type-signature"> :"neutral"|"orange"|"green"|"teal"|"blue"|"slate"|"pink"|"purple"|"lilac"|"gray"</span>
390
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#background"></a>
391
+
392
+ </h4>
393
+
394
+
395
+ </dt>
396
+
397
+ <dd class="">
398
+
399
+ <div class="description">
400
+ Specifies the background of the avatar.
401
+ </div>
402
+
403
+
404
+
405
+
406
+ <dl class="details">
407
+
408
+
409
+
410
+
411
+ <h5 class="subsection-title">Supported Values:</h5>
412
+
413
+ <dl>
414
+
415
+ <table class="props">
416
+ <thead>
417
+ <tr>
418
+
419
+ <th>Value</th>
420
+
421
+
422
+
423
+
424
+
425
+
426
+
427
+ <th class="last">Description</th>
428
+
429
+ </tr>
430
+ </thead>
431
+
432
+ <tbody>
433
+
434
+
435
+ <tr>
436
+
437
+ <td class="name"><code>blue</code></td>
438
+
439
+
440
+
441
+
442
+
443
+
444
+
445
+ <td class="description last">Blue background
446
+ </td>
447
+
448
+ </tr>
449
+
450
+
451
+
452
+ <tr>
453
+
454
+ <td class="name"><code>gray</code></td>
455
+
456
+
457
+
458
+
459
+
460
+
461
+
462
+ <td class="description last">Gray background
463
+ </td>
464
+
465
+ </tr>
466
+
467
+
468
+
469
+ <tr>
470
+
471
+ <td class="name"><code>green</code></td>
472
+
473
+
474
+
475
+
476
+
477
+
478
+
479
+ <td class="description last">Green background
480
+ </td>
481
+
482
+ </tr>
483
+
484
+
485
+
486
+ <tr>
487
+
488
+ <td class="name"><code>lilac</code></td>
489
+
490
+
491
+
492
+
493
+
494
+
495
+
496
+ <td class="description last">Lilac background
497
+ </td>
498
+
499
+ </tr>
500
+
501
+
502
+
503
+ <tr>
504
+
505
+ <td class="name"><code>neutral</code></td>
506
+
507
+
508
+
509
+
510
+
511
+
512
+
513
+ <td class="description last">Neutral background (default, if unspecified)
514
+ </td>
515
+
516
+ </tr>
517
+
518
+
519
+
520
+ <tr>
521
+
522
+ <td class="name"><code>orange</code></td>
523
+
524
+
525
+
526
+
527
+
528
+
529
+
530
+ <td class="description last">Orange background
531
+ </td>
532
+
533
+ </tr>
534
+
535
+
536
+
537
+ <tr>
538
+
539
+ <td class="name"><code>pink</code></td>
540
+
541
+
542
+
543
+
544
+
545
+
546
+
547
+ <td class="description last">Pink background
548
+ </td>
549
+
550
+ </tr>
551
+
552
+
553
+
554
+ <tr>
555
+
556
+ <td class="name"><code>purple</code></td>
557
+
558
+
559
+
560
+
561
+
562
+
563
+
564
+ <td class="description last">Purple background
565
+ </td>
566
+
567
+ </tr>
568
+
569
+
570
+
571
+ <tr>
572
+
573
+ <td class="name"><code>slate</code></td>
574
+
575
+
576
+
577
+
578
+
579
+
580
+
581
+ <td class="description last">Slate background
582
+ </td>
583
+
584
+ </tr>
585
+
586
+
587
+
588
+ <tr>
589
+
590
+ <td class="name"><code>teal</code></td>
591
+
592
+
593
+
594
+
595
+
596
+
597
+
598
+ <td class="description last">Teal background
599
+ </td>
600
+
601
+ </tr>
602
+
603
+
604
+ </tbody>
605
+ </table></dl>
606
+
607
+
608
+
609
+
610
+ <dt class="tag-default">Default Value:</dt>
611
+ <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"neutral"</code></li></ul></dd>
612
+
613
+
614
+
615
+
616
+
617
+
618
+
619
+
620
+
621
+
622
+
623
+
624
+
625
+
626
+
627
+
628
+
629
+
630
+
631
+
632
+
633
+
634
+
635
+
636
+
637
+ </dl>
638
+
639
+
640
+
641
+ <h5>Names</h5>
642
+ <table class="keyboard-table">
643
+ <thead>
644
+ <tr>
645
+ <th>Item</th>
646
+ <th>Name</th>
647
+ </tr>
648
+ </thead>
649
+ <tbody>
650
+ <tr>
651
+ <td>Property</td>
652
+ <td><code class="prettyprint">background</code></td>
653
+ </tr>
654
+
655
+ <tr>
656
+ <td>Property change event</td>
657
+ <td><code class="prettyprint">backgroundChanged</code></td>
658
+ </tr>
659
+ <tr>
660
+ <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>
661
+ <td><code class="pretty-print-noprettify">on-background-changed</code></td>
662
+ </tr>
663
+
664
+ </tbody>
665
+ </table>
666
+
667
+ </dd>
668
+
669
+
670
+ <dt class="">
671
+
672
+ <h4 id="iconClass" class="name">
673
+
674
+ <span class="type-signature"></span>icon-class<span class="type-signature"> :string</span>
675
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#iconClass"></a>
676
+
677
+ </h4>
678
+
679
+
680
+ </dt>
681
+
682
+ <dd class="">
683
+
684
+ <div class="description">
685
+ Specifies the icon class to be displayed. IconClass will have precedence over src and initials.
686
+ </div>
687
+
688
+
689
+
690
+
691
+ <dl class="details">
692
+
693
+
694
+
695
+
696
+
697
+
698
+
699
+
700
+
701
+
702
+
703
+
704
+
705
+
706
+
707
+
708
+
709
+
710
+
711
+
712
+
713
+
714
+
715
+
716
+
717
+
718
+
719
+
720
+
721
+ </dl>
722
+
723
+
724
+
725
+ <h5>Names</h5>
726
+ <table class="keyboard-table">
727
+ <thead>
728
+ <tr>
729
+ <th>Item</th>
730
+ <th>Name</th>
731
+ </tr>
732
+ </thead>
733
+ <tbody>
734
+ <tr>
735
+ <td>Property</td>
736
+ <td><code class="prettyprint">iconClass</code></td>
737
+ </tr>
738
+
739
+ <tr>
740
+ <td>Property change event</td>
741
+ <td><code class="prettyprint">iconClassChanged</code></td>
742
+ </tr>
743
+ <tr>
744
+ <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>
745
+ <td><code class="pretty-print-noprettify">on-icon-class-changed</code></td>
746
+ </tr>
747
+
748
+ </tbody>
749
+ </table>
750
+
751
+ </dd>
752
+
753
+
754
+ <dt class="">
755
+
756
+ <h4 id="initials" class="name">
757
+
758
+ <span class="type-signature"></span>initials<span class="type-signature"> :(string|null)</span>
759
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#initials"></a>
760
+
761
+ </h4>
762
+
763
+
764
+ </dt>
765
+
766
+ <dd class="">
767
+
768
+ <div class="description">
769
+ Specifies the initials of the avatar. Initials will not be displayed if src or iconClass attributes are specified.
770
+ <a href="oj.IntlConverterUtils.html#getInitials">IntlConverterUtils.getInitials</a> can be used to generate initials from first and last names in a locale-specific manner.
771
+ </div>
772
+
773
+
774
+
775
+
776
+ <dl class="details">
777
+
778
+
779
+
780
+
781
+
782
+
783
+
784
+
785
+
786
+
787
+
788
+
789
+
790
+
791
+
792
+
793
+
794
+
795
+
796
+
797
+
798
+
799
+
800
+
801
+
802
+
803
+
804
+
805
+
806
+ </dl>
807
+
808
+
809
+
810
+ <h5>Names</h5>
811
+ <table class="keyboard-table">
812
+ <thead>
813
+ <tr>
814
+ <th>Item</th>
815
+ <th>Name</th>
816
+ </tr>
817
+ </thead>
818
+ <tbody>
819
+ <tr>
820
+ <td>Property</td>
821
+ <td><code class="prettyprint">initials</code></td>
822
+ </tr>
823
+
824
+ <tr>
825
+ <td>Property change event</td>
826
+ <td><code class="prettyprint">initialsChanged</code></td>
827
+ </tr>
828
+ <tr>
829
+ <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>
830
+ <td><code class="pretty-print-noprettify">on-initials-changed</code></td>
831
+ </tr>
832
+
833
+ </tbody>
834
+ </table>
835
+
836
+ </dd>
837
+
838
+
839
+ <dt class="">
840
+
841
+ <h4 id="shape" class="name">
842
+
843
+ <span class="type-signature"></span>shape<span class="type-signature"> :"square"|"circle"</span>
844
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#shape"></a>
845
+
846
+ </h4>
847
+
848
+
849
+ </dt>
850
+
851
+ <dd class="">
852
+
853
+ <div class="description">
854
+ Specifies the shape of the avatar. Can be square or circle.The default value of this property varies by theme.
855
+ </div>
856
+
857
+
858
+
859
+
860
+ <dl class="details">
861
+
862
+
863
+
864
+
865
+ <h5 class="subsection-title">Supported Values:</h5>
866
+
867
+ <dl>
868
+
869
+ <table class="props">
870
+ <thead>
871
+ <tr>
872
+
873
+ <th>Value</th>
874
+
875
+
876
+
877
+
878
+
879
+
880
+
881
+ <th class="last">Description</th>
882
+
883
+ </tr>
884
+ </thead>
885
+
886
+ <tbody>
887
+
888
+
889
+ <tr>
890
+
891
+ <td class="name"><code>circle</code></td>
892
+
893
+
894
+
895
+
896
+
897
+
898
+
899
+ <td class="description last">circular avatar
900
+ </td>
901
+
902
+ </tr>
903
+
904
+
905
+
906
+ <tr>
907
+
908
+ <td class="name"><code>square</code></td>
909
+
910
+
911
+
912
+
913
+
914
+
915
+
916
+ <td class="description last">square avatar (default, if unspecified)
917
+ </td>
918
+
919
+ </tr>
920
+
921
+
922
+ </tbody>
923
+ </table></dl>
924
+
925
+
926
+
927
+
928
+ <dt class="tag-default">Default Value:</dt>
929
+ <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"square"</code></li></ul></dd>
930
+
931
+
932
+
933
+
934
+
935
+
936
+
937
+
938
+
939
+
940
+
941
+
942
+
943
+
944
+
945
+
946
+
947
+
948
+
949
+
950
+
951
+
952
+
953
+
954
+
955
+ </dl>
956
+
957
+
958
+
959
+ <h5>Names</h5>
960
+ <table class="keyboard-table">
961
+ <thead>
962
+ <tr>
963
+ <th>Item</th>
964
+ <th>Name</th>
965
+ </tr>
966
+ </thead>
967
+ <tbody>
968
+ <tr>
969
+ <td>Property</td>
970
+ <td><code class="prettyprint">shape</code></td>
971
+ </tr>
972
+
973
+ <tr>
974
+ <td>Property change event</td>
975
+ <td><code class="prettyprint">shapeChanged</code></td>
976
+ </tr>
977
+ <tr>
978
+ <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>
979
+ <td><code class="pretty-print-noprettify">on-shape-changed</code></td>
980
+ </tr>
981
+
982
+ </tbody>
983
+ </table>
984
+
985
+ </dd>
986
+
987
+
988
+ <dt class="">
989
+
990
+ <h4 id="size" class="name">
991
+
992
+ <span class="type-signature"></span>size<span class="type-signature"> :"2xs"|"xs"|"sm"|"md"|"lg"|"xl"|"2xl"</span>
993
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#size"></a>
994
+
995
+ </h4>
996
+
997
+
998
+ </dt>
999
+
1000
+ <dd class="">
1001
+
1002
+ <div class="description">
1003
+ Specifies the size of the avatar.
1004
+ </div>
1005
+
1006
+
1007
+
1008
+
1009
+ <dl class="details">
1010
+
1011
+
1012
+
1013
+
1014
+ <h5 class="subsection-title">Supported Values:</h5>
1015
+
1016
+ <dl>
1017
+
1018
+ <table class="props">
1019
+ <thead>
1020
+ <tr>
1021
+
1022
+ <th>Value</th>
1023
+
1024
+
1025
+
1026
+
1027
+
1028
+
1029
+
1030
+ <th class="last">Description</th>
1031
+
1032
+ </tr>
1033
+ </thead>
1034
+
1035
+ <tbody>
1036
+
1037
+
1038
+ <tr>
1039
+
1040
+ <td class="name"><code>2xl</code></td>
1041
+
1042
+
1043
+
1044
+
1045
+
1046
+
1047
+
1048
+ <td class="description last">extra, extra large avatar
1049
+ </td>
1050
+
1051
+ </tr>
1052
+
1053
+
1054
+
1055
+ <tr>
1056
+
1057
+ <td class="name"><code>2xs</code></td>
1058
+
1059
+
1060
+
1061
+
1062
+
1063
+
1064
+
1065
+ <td class="description last">extra, extra small avatar
1066
+ </td>
1067
+
1068
+ </tr>
1069
+
1070
+
1071
+
1072
+ <tr>
1073
+
1074
+ <td class="name"><code>lg</code></td>
1075
+
1076
+
1077
+
1078
+
1079
+
1080
+
1081
+
1082
+ <td class="description last">large avatar
1083
+ </td>
1084
+
1085
+ </tr>
1086
+
1087
+
1088
+
1089
+ <tr>
1090
+
1091
+ <td class="name"><code>md</code></td>
1092
+
1093
+
1094
+
1095
+
1096
+
1097
+
1098
+
1099
+ <td class="description last">medium avatar (default, if unspecified)
1100
+ </td>
1101
+
1102
+ </tr>
1103
+
1104
+
1105
+
1106
+ <tr>
1107
+
1108
+ <td class="name"><code>sm</code></td>
1109
+
1110
+
1111
+
1112
+
1113
+
1114
+
1115
+
1116
+ <td class="description last">small avatar
1117
+ </td>
1118
+
1119
+ </tr>
1120
+
1121
+
1122
+
1123
+ <tr>
1124
+
1125
+ <td class="name"><code>xl</code></td>
1126
+
1127
+
1128
+
1129
+
1130
+
1131
+
1132
+
1133
+ <td class="description last">extra large avatar
1134
+ </td>
1135
+
1136
+ </tr>
1137
+
1138
+
1139
+
1140
+ <tr>
1141
+
1142
+ <td class="name"><code>xs</code></td>
1143
+
1144
+
1145
+
1146
+
1147
+
1148
+
1149
+
1150
+ <td class="description last">extra small avatar
1151
+ </td>
1152
+
1153
+ </tr>
1154
+
1155
+
1156
+ </tbody>
1157
+ </table></dl>
1158
+
1159
+
1160
+
1161
+
1162
+ <dt class="tag-default">Default Value:</dt>
1163
+ <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"md"</code></li></ul></dd>
1164
+
1165
+
1166
+
1167
+
1168
+
1169
+
1170
+
1171
+
1172
+
1173
+
1174
+
1175
+
1176
+
1177
+
1178
+
1179
+
1180
+
1181
+
1182
+
1183
+
1184
+
1185
+
1186
+
1187
+
1188
+
1189
+ </dl>
1190
+
1191
+
1192
+
1193
+ <h5>Names</h5>
1194
+ <table class="keyboard-table">
1195
+ <thead>
1196
+ <tr>
1197
+ <th>Item</th>
1198
+ <th>Name</th>
1199
+ </tr>
1200
+ </thead>
1201
+ <tbody>
1202
+ <tr>
1203
+ <td>Property</td>
1204
+ <td><code class="prettyprint">size</code></td>
1205
+ </tr>
1206
+
1207
+ <tr>
1208
+ <td>Property change event</td>
1209
+ <td><code class="prettyprint">sizeChanged</code></td>
1210
+ </tr>
1211
+ <tr>
1212
+ <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>
1213
+ <td><code class="pretty-print-noprettify">on-size-changed</code></td>
1214
+ </tr>
1215
+
1216
+ </tbody>
1217
+ </table>
1218
+
1219
+ </dd>
1220
+
1221
+
1222
+ <dt class="">
1223
+
1224
+ <h4 id="src" class="name">
1225
+
1226
+ <span class="type-signature"></span>src<span class="type-signature"> :(string|null)</span>
1227
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#src"></a>
1228
+
1229
+ </h4>
1230
+
1231
+
1232
+ </dt>
1233
+
1234
+ <dd class="">
1235
+
1236
+ <div class="description">
1237
+ Specifies the src for the image of the avatar. Image will be rendered as a background image. Src will have
1238
+ precedence over initials, but not icon.
1239
+ </div>
1240
+
1241
+
1242
+
1243
+
1244
+ <dl class="details">
1245
+
1246
+
1247
+
1248
+
1249
+
1250
+
1251
+
1252
+
1253
+
1254
+
1255
+
1256
+
1257
+
1258
+
1259
+
1260
+
1261
+
1262
+
1263
+
1264
+
1265
+
1266
+
1267
+
1268
+
1269
+
1270
+
1271
+
1272
+
1273
+
1274
+ </dl>
1275
+
1276
+
1277
+
1278
+ <h5>Names</h5>
1279
+ <table class="keyboard-table">
1280
+ <thead>
1281
+ <tr>
1282
+ <th>Item</th>
1283
+ <th>Name</th>
1284
+ </tr>
1285
+ </thead>
1286
+ <tbody>
1287
+ <tr>
1288
+ <td>Property</td>
1289
+ <td><code class="prettyprint">src</code></td>
1290
+ </tr>
1291
+
1292
+ <tr>
1293
+ <td>Property change event</td>
1294
+ <td><code class="prettyprint">srcChanged</code></td>
1295
+ </tr>
1296
+ <tr>
1297
+ <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>
1298
+ <td><code class="pretty-print-noprettify">on-src-changed</code></td>
1299
+ </tr>
1300
+
1301
+ </tbody>
1302
+ </table>
1303
+
1304
+ </dd>
1305
+
1306
+ </dl>
1307
+
1308
+
1309
+ <h3 id="methods-section" class="subsection-title">
1310
+ Methods
1311
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#methods-section"></a>
1312
+ </h3>
1313
+
1314
+ <dl>
1315
+
1316
+
1317
+ <dt class="">
1318
+
1319
+
1320
+
1321
+ <h4 id="getProperty" class="name">
1322
+
1323
+ <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>
1324
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#getProperty"></a>
1325
+
1326
+ </h4>
1327
+
1328
+
1329
+
1330
+
1331
+
1332
+ </dt>
1333
+ <dd class="">
1334
+
1335
+
1336
+ <div class="description">
1337
+ Retrieves the value of a property or a subproperty.
1338
+
1339
+ </div>
1340
+
1341
+
1342
+
1343
+
1344
+
1345
+
1346
+
1347
+
1348
+
1349
+
1350
+
1351
+ <h5>Parameters:</h5>
1352
+
1353
+
1354
+ <table class="params">
1355
+ <thead>
1356
+ <tr>
1357
+
1358
+ <th>Name</th>
1359
+
1360
+
1361
+ <th>Type</th>
1362
+
1363
+
1364
+
1365
+
1366
+
1367
+ <th class="last">Description</th>
1368
+ </tr>
1369
+ </thead>
1370
+
1371
+ <tbody>
1372
+
1373
+
1374
+ <tr>
1375
+
1376
+ <td class="name"><code>property</code></td>
1377
+
1378
+
1379
+ <td class="type">
1380
+
1381
+ </td>
1382
+
1383
+
1384
+
1385
+
1386
+ <td class="description last">The property name to get. Supports dot notation for subproperty access.
1387
+ </td>
1388
+ </tr>
1389
+
1390
+
1391
+ </tbody>
1392
+ </table>
1393
+
1394
+
1395
+
1396
+ <dl class="details">
1397
+
1398
+
1399
+
1400
+
1401
+
1402
+
1403
+
1404
+
1405
+
1406
+
1407
+
1408
+
1409
+
1410
+
1411
+
1412
+
1413
+
1414
+
1415
+
1416
+
1417
+
1418
+
1419
+
1420
+
1421
+
1422
+
1423
+
1424
+
1425
+
1426
+ </dl>
1427
+
1428
+
1429
+
1430
+
1431
+
1432
+
1433
+
1434
+ <h5>Returns:</h5>
1435
+
1436
+
1437
+
1438
+
1439
+ <dl>
1440
+ <dt>
1441
+ Type
1442
+ </dt>
1443
+ <dd>
1444
+
1445
+ <span class="param-type"><a href="CustomElementOverview.html#ce-attrs-any-section">any</a></span>
1446
+
1447
+
1448
+ </dd>
1449
+ </dl>
1450
+
1451
+
1452
+
1453
+
1454
+
1455
+ </dd>
1456
+
1457
+
1458
+
1459
+ <dt class="">
1460
+
1461
+
1462
+
1463
+ <h4 id="setProperties" class="name">
1464
+
1465
+ <span class="type-signature"></span>setProperties<span class="signature">(properties)</span><span class="type-signature"> : {void}</span>
1466
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperties"></a>
1467
+
1468
+ </h4>
1469
+
1470
+
1471
+
1472
+
1473
+
1474
+ </dt>
1475
+ <dd class="">
1476
+
1477
+
1478
+ <div class="description">
1479
+ Performs a batch set of properties.
1480
+
1481
+ </div>
1482
+
1483
+
1484
+
1485
+
1486
+
1487
+
1488
+
1489
+
1490
+
1491
+
1492
+
1493
+ <h5>Parameters:</h5>
1494
+
1495
+
1496
+ <table class="params">
1497
+ <thead>
1498
+ <tr>
1499
+
1500
+ <th>Name</th>
1501
+
1502
+
1503
+ <th>Type</th>
1504
+
1505
+
1506
+
1507
+
1508
+
1509
+ <th class="last">Description</th>
1510
+ </tr>
1511
+ </thead>
1512
+
1513
+ <tbody>
1514
+
1515
+
1516
+ <tr>
1517
+
1518
+ <td class="name"><code>properties</code></td>
1519
+
1520
+
1521
+ <td class="type">
1522
+
1523
+ </td>
1524
+
1525
+
1526
+
1527
+
1528
+ <td class="description last">An object containing the property and value pairs to set.
1529
+ </td>
1530
+ </tr>
1531
+
1532
+
1533
+ </tbody>
1534
+ </table>
1535
+
1536
+
1537
+
1538
+ <dl class="details">
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
+
1564
+
1565
+
1566
+
1567
+
1568
+ </dl>
1569
+
1570
+
1571
+
1572
+
1573
+
1574
+
1575
+
1576
+ <h5>Returns:</h5>
1577
+
1578
+
1579
+
1580
+
1581
+ <dl>
1582
+ <dt>
1583
+ Type
1584
+ </dt>
1585
+ <dd>
1586
+
1587
+ <span class="param-type">void</span>
1588
+
1589
+
1590
+ </dd>
1591
+ </dl>
1592
+
1593
+
1594
+
1595
+
1596
+
1597
+ </dd>
1598
+
1599
+
1600
+
1601
+ <dt class="">
1602
+
1603
+
1604
+
1605
+ <h4 id="setProperty" class="name">
1606
+
1607
+ <span class="type-signature"></span>setProperty<span class="signature">(property, value)</span><span class="type-signature"> : {void}</span>
1608
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperty"></a>
1609
+
1610
+ </h4>
1611
+
1612
+
1613
+
1614
+
1615
+
1616
+ </dt>
1617
+ <dd class="">
1618
+
1619
+
1620
+ <div class="description">
1621
+ Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.
1622
+
1623
+ </div>
1624
+
1625
+
1626
+
1627
+
1628
+
1629
+
1630
+
1631
+
1632
+
1633
+
1634
+
1635
+ <h5>Parameters:</h5>
1636
+
1637
+
1638
+ <table class="params">
1639
+ <thead>
1640
+ <tr>
1641
+
1642
+ <th>Name</th>
1643
+
1644
+
1645
+ <th>Type</th>
1646
+
1647
+
1648
+
1649
+
1650
+
1651
+ <th class="last">Description</th>
1652
+ </tr>
1653
+ </thead>
1654
+
1655
+ <tbody>
1656
+
1657
+
1658
+ <tr>
1659
+
1660
+ <td class="name"><code>property</code></td>
1661
+
1662
+
1663
+ <td class="type">
1664
+
1665
+ </td>
1666
+
1667
+
1668
+
1669
+
1670
+ <td class="description last">The property name to set. Supports dot notation for subproperty access.
1671
+ </td>
1672
+ </tr>
1673
+
1674
+
1675
+
1676
+ <tr>
1677
+
1678
+ <td class="name"><code>value</code></td>
1679
+
1680
+
1681
+ <td class="type">
1682
+
1683
+ </td>
1684
+
1685
+
1686
+
1687
+
1688
+ <td class="description last">The new value to set the property to.
1689
+ </td>
1690
+ </tr>
1691
+
1692
+
1693
+ </tbody>
1694
+ </table>
1695
+
1696
+
1697
+
1698
+ <dl class="details">
1699
+
1700
+
1701
+
1702
+
1703
+
1704
+
1705
+
1706
+
1707
+
1708
+
1709
+
1710
+
1711
+
1712
+
1713
+
1714
+
1715
+
1716
+
1717
+
1718
+
1719
+
1720
+
1721
+
1722
+
1723
+
1724
+
1725
+
1726
+
1727
+
1728
+ </dl>
1729
+
1730
+
1731
+
1732
+
1733
+
1734
+
1735
+
1736
+ <h5>Returns:</h5>
1737
+
1738
+
1739
+
1740
+
1741
+ <dl>
1742
+ <dt>
1743
+ Type
1744
+ </dt>
1745
+ <dd>
1746
+
1747
+ <span class="param-type">void</span>
1748
+
1749
+
1750
+ </dd>
1751
+ </dl>
1752
+
1753
+
1754
+
1755
+
1756
+
1757
+ </dd>
1758
+
1759
+
1760
+ </dl>
1761
+
1762
+ </article>
1763
+
1764
+
1765
+ </section>
1766
+
1767
+
1768
+
1769
+
1770
+ <footer>
1771
+ 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>
1772
+ <span class="product-docs-footer">Copyright © 2014, 2023 Oracle. All rights reserved.<span>
1773
+ </footer>
1774
+ </div>
1775
+
1776
+ <script> prettyPrint(); </script>
1777
+ </body>
1778
+ </html>