@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
@@ -0,0 +1,2065 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Element: &lt;oj-c-button></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="navItem19">
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-button></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>button</li></ul></dd>
130
+
131
+ </dl>
132
+
133
+ <section id="quick-nav" class="">
134
+ <header><h2>QuickNav</h2></header>
135
+
136
+ <div class="quick-nav-section5">
137
+
138
+ <h3> <a href="#slots-section">Slots</a></h3>
139
+ <ul class="subList">
140
+
141
+
142
+ <li><a href="#endIcon">endIcon</a></li>
143
+
144
+ <li><a href="#startIcon">startIcon</a></li>
145
+
146
+ </ul>
147
+
148
+ </div>
149
+
150
+
151
+
152
+ <div class="quick-nav-section5">
153
+ <h3> <a href="#members-section">Attributes</a></h3>
154
+ <ul class="optionsSubList">
155
+
156
+ <li><div><a href="#chroming">chroming</a></div>
157
+
158
+ </li>
159
+
160
+ <li><div><a href="#disabled">disabled</a></div>
161
+
162
+ </li>
163
+
164
+ <li><div><a href="#display">display</a></div>
165
+
166
+ </li>
167
+
168
+ <li><div><a href="#edge">edge</a></div>
169
+
170
+ </li>
171
+
172
+ <li><div><a href="#label">label</a></div>
173
+
174
+ </li>
175
+
176
+ <li><div><a href="#size">size</a></div>
177
+
178
+ </li>
179
+
180
+ <li><div><a href="#width">width</a></div>
181
+
182
+ </ul>
183
+ <script type="text/javascript" >
184
+ var innerSubLists = document.getElementsByClassName('optionsInnerSubList');
185
+ for (var i=0; i<innerSubLists.length; i++) {
186
+ innerSubLists[i].parentNode.onclick=function(event) {
187
+ event.stopPropagation();
188
+ // Only interpret the click event if the <a> element is the target and do nothing if click occurred elsewhere on the div
189
+ if (event.target.parentNode == this.firstChild.firstChild) {
190
+ // toggle only the clicked sub properties list and not any nested ones
191
+ var subProperties = this.getElementsByClassName('optionsInnerSubList');
192
+ subProperties[0].style.display = (subProperties[0].style.display=='block' ? 'none' : 'block');
193
+ }
194
+ }
195
+ }
196
+ </script>
197
+
198
+
199
+
200
+
201
+
202
+ </div>
203
+
204
+
205
+
206
+ <div class="quick-nav-section5">
207
+ <h3><a href="#events-section">Events</a></h3>
208
+ <ul class="subList">
209
+
210
+ <li><a href="#event:ojAction">ojAction</a></li>
211
+
212
+ </ul>
213
+ </div>
214
+
215
+
216
+
217
+ <div class="quick-nav-section5">
218
+ <h3><a href="#methods-section">Methods</a></h3>
219
+ <ul class="subList">
220
+
221
+ <li><a href="#getProperty">getProperty</a></li>
222
+
223
+ <li><a href="#setProperties">setProperties</a></li>
224
+
225
+ <li><a href="#setProperty">setProperty</a></li>
226
+
227
+ </ul>
228
+
229
+ </div>
230
+
231
+
232
+
233
+ <div class="quick-nav-section5">
234
+ <h3>Other Topics</h3>
235
+ <ul class="subList">
236
+
237
+ <li><a href="#touch-section">Touch Section</a></li>
238
+
239
+ <li><a href="#keyboard-section">Keyboard Section</a></li>
240
+
241
+ <li><a href="#a11y-section">Accessibility Section</a></li>
242
+
243
+ </ul>
244
+ </div>
245
+
246
+ </section>
247
+
248
+ <section class="">
249
+ <header>
250
+
251
+ </br>
252
+
253
+ <div class="class-description">
254
+ <p><h3 id="buttonOverview-section">
255
+ JET Button
256
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#buttonOverview-section"></a>
257
+ </h3>
258
+
259
+ <p>Description: Themeable, WAI-ARIA-compliant push buttons, with appropriate styles for hover, active, and disabled.
260
+
261
+ <pre class="prettyprint"><code>&lt;oj-c-button id="myButton" label="My Button">
262
+ &lt;/oj-c-button>
263
+ &lt;oj-c-button label="start icon">
264
+ &lt;span slot='startIcon' class='myIconClass'>&lt;/span>
265
+ &lt;/oj-c-button>
266
+ &lt;oj-c-button label="end icon">
267
+ &lt;span slot='endIcon' class='myIconClass'>&lt;/span>
268
+ &lt;/oj-c-button>
269
+ </code></pre>
270
+
271
+ <h3 id="pushButtons-section">
272
+ Push Buttons
273
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#pushButtons-section"></a>
274
+ </h3>
275
+
276
+ <p>Push buttons are ordinary buttons that do not stay pressed in when clicked.
277
+ Push buttons are created from <code class="prettyprint">oj-c-button</code> elements.
278
+
279
+ <h3 id="touch-section">
280
+ Touch End User Information
281
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#touch-section"></a>
282
+ </h3>
283
+
284
+ <table class="keyboard-table">
285
+ <thead>
286
+ <tr>
287
+ <th>Target</th>
288
+ <th>Gesture</th>
289
+ <th>Action</th>
290
+ </tr>
291
+ </thead>
292
+ <tbody>
293
+ <tr>
294
+ <td>Push Button</td>
295
+ <td><kbd>Tap</kbd></td>
296
+ <td>Push the button.</td>
297
+ </tr>
298
+ </tbody>
299
+ </table>
300
+
301
+ <h3 id="keyboard-section">
302
+ Keyboard End User Information
303
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#keyboard-section"></a>
304
+ </h3>
305
+
306
+ <table class="keyboard-table">
307
+ <thead>
308
+ <tr>
309
+ <th>Target</th>
310
+ <th>Key</th>
311
+ <th>Action</th>
312
+ </tr>
313
+ </thead>
314
+ <tbody>
315
+ <tr>
316
+ <td>Push Button</td>
317
+ <td><kbd>Enter</kbd> or <kbd>Space</kbd></td>
318
+ <td>Push the button.</td>
319
+ </tr>
320
+ </tbody>
321
+ </table>
322
+
323
+ <h3 id="a11y-section">
324
+ Accessibility
325
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#a11y-section"></a>
326
+ </h3>
327
+
328
+ <p>For accessibility, it is not required to set an aria label on a JET button as it uses the label text to generate an aria label.
329
+ Therefore the label should be specified even if the button is <a href="#display">icon-only (display=icons)</a>. However,
330
+ you can override the default behavior by setting <code class="prettyprint">aria-label</code>.
331
+ The label can be hidden using the display attribute.
332
+
333
+ <p>Disabled content: JET supports an accessible luminosity contrast ratio,
334
+ as specified in <a href="http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast">WCAG 2.0 - Section 1.4.3 "Contrast"</a>,
335
+ in the themes that are accessible. (See the "Theming" chapter of the JET Developer Guide for more information on which
336
+ themes are accessible.) Note that Section 1.4.3 says that text or images of text that are part of an inactive user
337
+ interface component have no contrast requirement. Because disabled content may not meet the minimum contrast ratio
338
+ required of enabled content, it cannot be used to convey meaningful information.<p></p>
339
+ </div>
340
+ </br>
341
+
342
+ </header>
343
+
344
+
345
+ <article>
346
+ <div class="container-overview">
347
+
348
+
349
+ <div class="usage-section">
350
+ <h3 id="usage-section">Usage<a class="bookmarkable-link" title="Bookmarkable Link" href="#usage-section"></a></h3>
351
+
352
+ <dt class="null" style="margin-right: 100px;"><h5><span>Signature: </span><p> <span class="name type-signature">interface CButtonElement</span></p></h5></dt>
353
+
354
+ <dl>
355
+ <dt><h5>Typescript Import Format</h5></dt>
356
+ <dd><pre class="prettyprint"><code>//To typecheck the element APIs, import as below.<br>import {CButtonElement} from "oj-c/button";<br><br>//For the transpiled javascript to load the element's module, import as below<br>import "oj-c/button";</code></pre></dd>
357
+ </dl>
358
+
359
+ <p>For additional information visit:</p>
360
+ <ul>
361
+
362
+ <li><a href="../../../jsdocs/CustomElementOverview.html" target="_blank">Using JET Custom Elements</a></li>
363
+
364
+ <li><a href="../../../jsdocs/TypescriptOverview.html" target="_blank">Using JET with TypeScript</a></li>
365
+ <li><a href="../../../jsdocs/ModuleLoadingOverview.html" target="_blank">JET Module Loading</a></li>
366
+ </ul>
367
+
368
+ <p class="important">Note: Application logic should not interact with the component's properties or invoke its methods
369
+ until the <a href="../../../jsdocs/oj.BusyContext.html" target="_blank">BusyContext</a> indicates that the component is ready for interaction.</p>
370
+
371
+ </div>
372
+ <br>
373
+
374
+
375
+
376
+
377
+
378
+
379
+
380
+ <dl class="details">
381
+
382
+
383
+
384
+
385
+
386
+
387
+
388
+
389
+
390
+
391
+
392
+
393
+
394
+
395
+
396
+
397
+
398
+
399
+
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+ </dl>
411
+
412
+
413
+
414
+ </div>
415
+
416
+
417
+
418
+
419
+
420
+
421
+
422
+
423
+
424
+
425
+
426
+
427
+
428
+ <h3 id="slots-section" class="subsection-title">
429
+ Slots
430
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#slots-section"></a>
431
+ </h3>
432
+
433
+ <p>JET components that allow child content support slots.
434
+ Please see the <a href="../../../jsdocs/CustomElementOverview.html#ce-slots-section " target="_blank">slots section</a>
435
+ of the JET component overview doc for more information on allowed slot content and slot types.</p>
436
+
437
+ <dl>
438
+
439
+
440
+ <dt class="">
441
+
442
+ <h4 id="endIcon" class="name">
443
+
444
+ <span class="type-signature"></span>endIcon<span class="type-signature"></span>
445
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#endIcon"></a>
446
+
447
+ </h4>
448
+
449
+
450
+ </dt>
451
+
452
+ <dd class="">
453
+
454
+ <div class="description">
455
+ The endIcon slot is the button's end icon. The oj-c-button element accepts DOM nodes as children with the endIcon slot.
456
+ </div>
457
+
458
+
459
+
460
+
461
+ <dl class="details">
462
+
463
+
464
+
465
+
466
+
467
+
468
+
469
+
470
+
471
+
472
+
473
+
474
+
475
+
476
+
477
+
478
+
479
+
480
+
481
+
482
+
483
+
484
+
485
+
486
+
487
+
488
+
489
+
490
+
491
+ </dl>
492
+
493
+
494
+
495
+ </dd>
496
+
497
+
498
+ <dt class="">
499
+
500
+ <h4 id="startIcon" class="name">
501
+
502
+ <span class="type-signature"></span>startIcon<span class="type-signature"></span>
503
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#startIcon"></a>
504
+
505
+ </h4>
506
+
507
+
508
+ </dt>
509
+
510
+ <dd class="">
511
+
512
+ <div class="description">
513
+ The startIcon slot is the button's start icon. The oj-c-button element accepts DOM nodes as children with the startIcon slot.
514
+ </div>
515
+
516
+
517
+
518
+
519
+ <dl class="details">
520
+
521
+
522
+
523
+
524
+
525
+
526
+
527
+
528
+
529
+
530
+
531
+
532
+
533
+
534
+
535
+
536
+
537
+
538
+
539
+
540
+
541
+
542
+
543
+
544
+
545
+
546
+
547
+
548
+
549
+ </dl>
550
+
551
+
552
+
553
+ </dd>
554
+
555
+ </dl>
556
+
557
+
558
+ <h3 id="members-section" class="subsection-title">
559
+ Attributes
560
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#members-section"></a>
561
+ </h3>
562
+
563
+ <dl>
564
+
565
+
566
+ <dt class="">
567
+
568
+ <h4 id="chroming" class="name">
569
+
570
+ <span class="type-signature"></span>chroming<span class="type-signature"> :"borderless"|"outlined"|"solid"|"callToAction"|"danger"</span>
571
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#chroming"></a>
572
+
573
+ </h4>
574
+
575
+
576
+ </dt>
577
+
578
+ <dd class="">
579
+
580
+ <div class="description">
581
+ Indicates in what states the button has variants in background and border.
582
+ </div>
583
+
584
+
585
+
586
+
587
+ <dl class="details">
588
+
589
+
590
+
591
+
592
+ <h5 class="subsection-title">Supported Values:</h5>
593
+
594
+ <dl>
595
+
596
+ <table class="props">
597
+ <thead>
598
+ <tr>
599
+
600
+ <th>Value</th>
601
+
602
+
603
+
604
+
605
+
606
+
607
+
608
+ <th class="last">Description</th>
609
+
610
+ </tr>
611
+ </thead>
612
+
613
+ <tbody>
614
+
615
+
616
+ <tr>
617
+
618
+ <td class="name"><code>borderless</code></td>
619
+
620
+
621
+
622
+
623
+
624
+
625
+
626
+ <td class="description last">Borderless buttons are the least prominent variation. Borderless buttons are useful for supplemental actions that require minimal emphasis.
627
+ </td>
628
+
629
+ </tr>
630
+
631
+
632
+
633
+ <tr>
634
+
635
+ <td class="name"><code>callToAction</code></td>
636
+
637
+
638
+
639
+
640
+
641
+
642
+
643
+ <td class="description last">A Call To Action (CTA) button guides the user to take or complete the action that is the main goal of the page or page section. There should only be one CTA button on a page at any given time.
644
+ </td>
645
+
646
+ </tr>
647
+
648
+
649
+
650
+ <tr>
651
+
652
+ <td class="name"><code>danger</code></td>
653
+
654
+
655
+
656
+
657
+
658
+
659
+
660
+ <td class="description last">A Danger button alerts the user to a dangerous situation.
661
+ </td>
662
+
663
+ </tr>
664
+
665
+
666
+
667
+ <tr>
668
+
669
+ <td class="name"><code>outlined</code></td>
670
+
671
+
672
+
673
+
674
+
675
+
676
+
677
+ <td class="description last">Outlined buttons are salient, but lighter weight than solid buttons. Outlined buttons are useful for secondary actions.
678
+ </td>
679
+
680
+ </tr>
681
+
682
+
683
+
684
+ <tr>
685
+
686
+ <td class="name"><code>solid</code></td>
687
+
688
+
689
+
690
+
691
+
692
+
693
+
694
+ <td class="description last">Solid buttons stand out, and direct the user's attention to the most important actions in the UI.
695
+ </td>
696
+
697
+ </tr>
698
+
699
+
700
+ </tbody>
701
+ </table></dl>
702
+
703
+
704
+
705
+
706
+ <dt class="tag-default">Default Value:</dt>
707
+ <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"outlined"</code></li></ul></dd>
708
+
709
+
710
+
711
+
712
+
713
+
714
+
715
+
716
+
717
+
718
+
719
+
720
+
721
+
722
+
723
+
724
+
725
+
726
+
727
+
728
+
729
+
730
+
731
+
732
+
733
+ </dl>
734
+
735
+
736
+
737
+ <h5>Names</h5>
738
+ <table class="keyboard-table">
739
+ <thead>
740
+ <tr>
741
+ <th>Item</th>
742
+ <th>Name</th>
743
+ </tr>
744
+ </thead>
745
+ <tbody>
746
+ <tr>
747
+ <td>Property</td>
748
+ <td><code class="prettyprint">chroming</code></td>
749
+ </tr>
750
+
751
+ <tr>
752
+ <td>Property change event</td>
753
+ <td><code class="prettyprint">chromingChanged</code></td>
754
+ </tr>
755
+ <tr>
756
+ <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>
757
+ <td><code class="pretty-print-noprettify">on-chroming-changed</code></td>
758
+ </tr>
759
+
760
+ </tbody>
761
+ </table>
762
+
763
+ </dd>
764
+
765
+
766
+ <dt class="">
767
+
768
+ <h4 id="disabled" class="name">
769
+
770
+ <span class="type-signature"></span>disabled<span class="type-signature"> :boolean</span>
771
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#disabled"></a>
772
+
773
+ </h4>
774
+
775
+
776
+ </dt>
777
+
778
+ <dd class="">
779
+
780
+ <div class="description">
781
+ Specifies that the button element should be disabled.
782
+ </div>
783
+
784
+
785
+
786
+
787
+ <dl class="details">
788
+
789
+
790
+
791
+
792
+
793
+ <dt class="tag-default">Default Value:</dt>
794
+ <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">false</code></li></ul></dd>
795
+
796
+
797
+
798
+
799
+
800
+
801
+
802
+
803
+
804
+
805
+
806
+
807
+
808
+
809
+
810
+
811
+
812
+
813
+
814
+
815
+
816
+
817
+
818
+
819
+
820
+ </dl>
821
+
822
+
823
+
824
+ <h5>Names</h5>
825
+ <table class="keyboard-table">
826
+ <thead>
827
+ <tr>
828
+ <th>Item</th>
829
+ <th>Name</th>
830
+ </tr>
831
+ </thead>
832
+ <tbody>
833
+ <tr>
834
+ <td>Property</td>
835
+ <td><code class="prettyprint">disabled</code></td>
836
+ </tr>
837
+
838
+ <tr>
839
+ <td>Property change event</td>
840
+ <td><code class="prettyprint">disabledChanged</code></td>
841
+ </tr>
842
+ <tr>
843
+ <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>
844
+ <td><code class="pretty-print-noprettify">on-disabled-changed</code></td>
845
+ </tr>
846
+
847
+ </tbody>
848
+ </table>
849
+
850
+ </dd>
851
+
852
+
853
+ <dt class="">
854
+
855
+ <h4 id="display" class="name">
856
+
857
+ <span class="type-signature"></span>display<span class="type-signature"> :"all"|"icons"|"label"</span>
858
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#display"></a>
859
+
860
+ </h4>
861
+
862
+
863
+ </dt>
864
+
865
+ <dd class="">
866
+
867
+ <div class="description">
868
+ Display just the label, the icons, or all. Label is used as tooltip and should be set in all cases.
869
+ </div>
870
+
871
+
872
+
873
+
874
+ <dl class="details">
875
+
876
+
877
+
878
+
879
+ <h5 class="subsection-title">Supported Values:</h5>
880
+
881
+ <dl>
882
+
883
+ <table class="props">
884
+ <thead>
885
+ <tr>
886
+
887
+ <th>Value</th>
888
+
889
+
890
+
891
+
892
+
893
+
894
+
895
+ <th class="last">Description</th>
896
+
897
+ </tr>
898
+ </thead>
899
+
900
+ <tbody>
901
+
902
+
903
+ <tr>
904
+
905
+ <td class="name"><code>all</code></td>
906
+
907
+
908
+
909
+
910
+
911
+
912
+
913
+ <td class="description last">Display both the label and icons.
914
+ </td>
915
+
916
+ </tr>
917
+
918
+
919
+
920
+ <tr>
921
+
922
+ <td class="name"><code>icons</code></td>
923
+
924
+
925
+
926
+
927
+
928
+
929
+
930
+ <td class="description last">Display only the icons.
931
+ </td>
932
+
933
+ </tr>
934
+
935
+
936
+
937
+ <tr>
938
+
939
+ <td class="name"><code>label</code></td>
940
+
941
+
942
+
943
+
944
+
945
+
946
+
947
+ <td class="description last">Display only the text label.
948
+ </td>
949
+
950
+ </tr>
951
+
952
+
953
+ </tbody>
954
+ </table></dl>
955
+
956
+
957
+
958
+
959
+ <dt class="tag-default">Default Value:</dt>
960
+ <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"all"</code></li></ul></dd>
961
+
962
+
963
+
964
+
965
+
966
+
967
+
968
+
969
+
970
+
971
+
972
+
973
+
974
+
975
+
976
+
977
+
978
+
979
+
980
+
981
+
982
+
983
+
984
+
985
+
986
+ </dl>
987
+
988
+
989
+
990
+ <h5>Names</h5>
991
+ <table class="keyboard-table">
992
+ <thead>
993
+ <tr>
994
+ <th>Item</th>
995
+ <th>Name</th>
996
+ </tr>
997
+ </thead>
998
+ <tbody>
999
+ <tr>
1000
+ <td>Property</td>
1001
+ <td><code class="prettyprint">display</code></td>
1002
+ </tr>
1003
+
1004
+ <tr>
1005
+ <td>Property change event</td>
1006
+ <td><code class="prettyprint">displayChanged</code></td>
1007
+ </tr>
1008
+ <tr>
1009
+ <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>
1010
+ <td><code class="pretty-print-noprettify">on-display-changed</code></td>
1011
+ </tr>
1012
+
1013
+ </tbody>
1014
+ </table>
1015
+
1016
+ </dd>
1017
+
1018
+
1019
+ <dt class="">
1020
+
1021
+ <h4 id="edge" class="name">
1022
+
1023
+ <span class="type-signature"></span>edge<span class="type-signature"> :"none"|"bottom"</span>
1024
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#edge"></a>
1025
+
1026
+ </h4>
1027
+
1028
+
1029
+ </dt>
1030
+
1031
+ <dd class="">
1032
+
1033
+ <div class="description">
1034
+ Specifies whether the button is attached to an edge. For example setting edge='bottom' can be used to attach a button to the bottom of a card. The button is then stretched to 100% width, and borders adjusted.
1035
+ </div>
1036
+
1037
+
1038
+
1039
+
1040
+ <dl class="details">
1041
+
1042
+
1043
+
1044
+
1045
+ <h5 class="subsection-title">Supported Values:</h5>
1046
+
1047
+ <dl>
1048
+
1049
+ <table class="props">
1050
+ <thead>
1051
+ <tr>
1052
+
1053
+ <th>Value</th>
1054
+
1055
+
1056
+
1057
+
1058
+
1059
+
1060
+
1061
+ <th class="last">Description</th>
1062
+
1063
+ </tr>
1064
+ </thead>
1065
+
1066
+ <tbody>
1067
+
1068
+
1069
+ <tr>
1070
+
1071
+ <td class="name"><code>bottom</code></td>
1072
+
1073
+
1074
+
1075
+
1076
+
1077
+
1078
+
1079
+ <td class="description last">Stretch the button to 100% width and adjust borders for usage at bottom of container.
1080
+ </td>
1081
+
1082
+ </tr>
1083
+
1084
+
1085
+
1086
+ <tr>
1087
+
1088
+ <td class="name"><code>none</code></td>
1089
+
1090
+
1091
+
1092
+
1093
+
1094
+
1095
+
1096
+ <td class="description last">Display a default standalone button.
1097
+ </td>
1098
+
1099
+ </tr>
1100
+
1101
+
1102
+ </tbody>
1103
+ </table></dl>
1104
+
1105
+
1106
+
1107
+
1108
+ <dt class="tag-default">Default Value:</dt>
1109
+ <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"none"</code></li></ul></dd>
1110
+
1111
+
1112
+
1113
+
1114
+
1115
+
1116
+
1117
+
1118
+
1119
+
1120
+
1121
+
1122
+
1123
+
1124
+
1125
+
1126
+
1127
+
1128
+
1129
+
1130
+
1131
+
1132
+
1133
+
1134
+
1135
+ </dl>
1136
+
1137
+
1138
+
1139
+ <h5>Names</h5>
1140
+ <table class="keyboard-table">
1141
+ <thead>
1142
+ <tr>
1143
+ <th>Item</th>
1144
+ <th>Name</th>
1145
+ </tr>
1146
+ </thead>
1147
+ <tbody>
1148
+ <tr>
1149
+ <td>Property</td>
1150
+ <td><code class="prettyprint">edge</code></td>
1151
+ </tr>
1152
+
1153
+ <tr>
1154
+ <td>Property change event</td>
1155
+ <td><code class="prettyprint">edgeChanged</code></td>
1156
+ </tr>
1157
+ <tr>
1158
+ <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>
1159
+ <td><code class="pretty-print-noprettify">on-edge-changed</code></td>
1160
+ </tr>
1161
+
1162
+ </tbody>
1163
+ </table>
1164
+
1165
+ </dd>
1166
+
1167
+
1168
+ <dt class="">
1169
+
1170
+ <h4 id="label" class="name">
1171
+
1172
+ <span class="type-signature"></span>label<span class="type-signature"> :string</span>
1173
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#label"></a>
1174
+
1175
+ </h4>
1176
+
1177
+
1178
+ </dt>
1179
+
1180
+ <dd class="">
1181
+
1182
+ <div class="description">
1183
+ Text to show in the button.
1184
+ </div>
1185
+
1186
+
1187
+
1188
+
1189
+ <dl class="details">
1190
+
1191
+
1192
+
1193
+
1194
+
1195
+
1196
+
1197
+
1198
+
1199
+
1200
+
1201
+
1202
+
1203
+
1204
+
1205
+
1206
+
1207
+
1208
+
1209
+
1210
+
1211
+
1212
+
1213
+
1214
+
1215
+
1216
+
1217
+
1218
+
1219
+ </dl>
1220
+
1221
+
1222
+
1223
+ <h5>Names</h5>
1224
+ <table class="keyboard-table">
1225
+ <thead>
1226
+ <tr>
1227
+ <th>Item</th>
1228
+ <th>Name</th>
1229
+ </tr>
1230
+ </thead>
1231
+ <tbody>
1232
+ <tr>
1233
+ <td>Property</td>
1234
+ <td><code class="prettyprint">label</code></td>
1235
+ </tr>
1236
+
1237
+ <tr>
1238
+ <td>Property change event</td>
1239
+ <td><code class="prettyprint">labelChanged</code></td>
1240
+ </tr>
1241
+ <tr>
1242
+ <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>
1243
+ <td><code class="pretty-print-noprettify">on-label-changed</code></td>
1244
+ </tr>
1245
+
1246
+ </tbody>
1247
+ </table>
1248
+
1249
+ </dd>
1250
+
1251
+
1252
+ <dt class="">
1253
+
1254
+ <h4 id="size" class="name">
1255
+
1256
+ <span class="type-signature"></span>size<span class="type-signature"> :"sm"|"md"|"lg"</span>
1257
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#size"></a>
1258
+
1259
+ </h4>
1260
+
1261
+
1262
+ </dt>
1263
+
1264
+ <dd class="">
1265
+
1266
+ <div class="description">
1267
+ Size of button
1268
+ </div>
1269
+
1270
+
1271
+
1272
+
1273
+ <dl class="details">
1274
+
1275
+
1276
+
1277
+
1278
+ <h5 class="subsection-title">Supported Values:</h5>
1279
+
1280
+ <dl>
1281
+
1282
+ <table class="props">
1283
+ <thead>
1284
+ <tr>
1285
+
1286
+ <th>Value</th>
1287
+
1288
+
1289
+
1290
+
1291
+
1292
+
1293
+
1294
+ <th class="last">Description</th>
1295
+
1296
+ </tr>
1297
+ </thead>
1298
+
1299
+ <tbody>
1300
+
1301
+
1302
+ <tr>
1303
+
1304
+ <td class="name"><code>lg</code></td>
1305
+
1306
+
1307
+
1308
+
1309
+
1310
+
1311
+
1312
+ <td class="description last">Display a large button.
1313
+ </td>
1314
+
1315
+ </tr>
1316
+
1317
+
1318
+
1319
+ <tr>
1320
+
1321
+ <td class="name"><code>md</code></td>
1322
+
1323
+
1324
+
1325
+
1326
+
1327
+
1328
+
1329
+ <td class="description last">Display a default size button.
1330
+ </td>
1331
+
1332
+ </tr>
1333
+
1334
+
1335
+
1336
+ <tr>
1337
+
1338
+ <td class="name"><code>sm</code></td>
1339
+
1340
+
1341
+
1342
+
1343
+
1344
+
1345
+
1346
+ <td class="description last">Display a small button.
1347
+ </td>
1348
+
1349
+ </tr>
1350
+
1351
+
1352
+ </tbody>
1353
+ </table></dl>
1354
+
1355
+
1356
+
1357
+
1358
+ <dt class="tag-default">Default Value:</dt>
1359
+ <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">"md"</code></li></ul></dd>
1360
+
1361
+
1362
+
1363
+
1364
+
1365
+
1366
+
1367
+
1368
+
1369
+
1370
+
1371
+
1372
+
1373
+
1374
+
1375
+
1376
+
1377
+
1378
+
1379
+
1380
+
1381
+
1382
+
1383
+
1384
+
1385
+ </dl>
1386
+
1387
+
1388
+
1389
+ <h5>Names</h5>
1390
+ <table class="keyboard-table">
1391
+ <thead>
1392
+ <tr>
1393
+ <th>Item</th>
1394
+ <th>Name</th>
1395
+ </tr>
1396
+ </thead>
1397
+ <tbody>
1398
+ <tr>
1399
+ <td>Property</td>
1400
+ <td><code class="prettyprint">size</code></td>
1401
+ </tr>
1402
+
1403
+ <tr>
1404
+ <td>Property change event</td>
1405
+ <td><code class="prettyprint">sizeChanged</code></td>
1406
+ </tr>
1407
+ <tr>
1408
+ <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>
1409
+ <td><code class="pretty-print-noprettify">on-size-changed</code></td>
1410
+ </tr>
1411
+
1412
+ </tbody>
1413
+ </table>
1414
+
1415
+ </dd>
1416
+
1417
+
1418
+ <dt class="">
1419
+
1420
+ <h4 id="width" class="name">
1421
+
1422
+ <span class="type-signature"></span>width<span class="type-signature"> :Size</span>
1423
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#width"></a>
1424
+
1425
+ </h4>
1426
+
1427
+
1428
+ </dt>
1429
+
1430
+ <dd class="">
1431
+
1432
+ <div class="description">
1433
+ Specifies that the button style width
1434
+ </div>
1435
+
1436
+
1437
+
1438
+
1439
+ <dl class="details">
1440
+
1441
+
1442
+
1443
+
1444
+
1445
+
1446
+
1447
+
1448
+
1449
+
1450
+
1451
+
1452
+
1453
+
1454
+
1455
+
1456
+
1457
+
1458
+
1459
+
1460
+
1461
+
1462
+
1463
+
1464
+
1465
+
1466
+
1467
+
1468
+
1469
+ </dl>
1470
+
1471
+
1472
+
1473
+ <h5>Names</h5>
1474
+ <table class="keyboard-table">
1475
+ <thead>
1476
+ <tr>
1477
+ <th>Item</th>
1478
+ <th>Name</th>
1479
+ </tr>
1480
+ </thead>
1481
+ <tbody>
1482
+ <tr>
1483
+ <td>Property</td>
1484
+ <td><code class="prettyprint">width</code></td>
1485
+ </tr>
1486
+
1487
+ <tr>
1488
+ <td>Property change event</td>
1489
+ <td><code class="prettyprint">widthChanged</code></td>
1490
+ </tr>
1491
+ <tr>
1492
+ <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>
1493
+ <td><code class="pretty-print-noprettify">on-width-changed</code></td>
1494
+ </tr>
1495
+
1496
+ </tbody>
1497
+ </table>
1498
+
1499
+ </dd>
1500
+
1501
+ </dl>
1502
+
1503
+
1504
+ <h3 id="events-section" class="subsection-title">
1505
+ Events
1506
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#events-section"></a>
1507
+ </h3>
1508
+
1509
+ <dl>
1510
+
1511
+
1512
+ <dt class="">
1513
+
1514
+
1515
+
1516
+ <h4 id="event:ojAction" class="name">
1517
+
1518
+ ojAction
1519
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#event:ojAction"></a>
1520
+
1521
+ </h4>
1522
+
1523
+
1524
+
1525
+
1526
+
1527
+ </dt>
1528
+ <dd class="">
1529
+
1530
+
1531
+ <div class="description">
1532
+ Triggered when a button is clicked, whether by keyboard, mouse, or touch events. To meet accessibility requirements, the only supported way to react to the click of a button is to listen for this event.
1533
+
1534
+ <p>See <a href="../../../jsdocs/CustomElementOverview.html#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</p>
1535
+
1536
+ </div>
1537
+
1538
+
1539
+
1540
+
1541
+
1542
+
1543
+
1544
+
1545
+
1546
+
1547
+
1548
+
1549
+
1550
+ <dl class="details">
1551
+
1552
+
1553
+
1554
+
1555
+
1556
+
1557
+
1558
+
1559
+
1560
+
1561
+
1562
+
1563
+
1564
+
1565
+
1566
+
1567
+
1568
+
1569
+
1570
+
1571
+
1572
+
1573
+
1574
+
1575
+
1576
+
1577
+
1578
+
1579
+
1580
+ </dl>
1581
+
1582
+
1583
+
1584
+
1585
+
1586
+
1587
+
1588
+
1589
+
1590
+ </dd>
1591
+
1592
+
1593
+ </dl>
1594
+
1595
+
1596
+ <h3 id="methods-section" class="subsection-title">
1597
+ Methods
1598
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#methods-section"></a>
1599
+ </h3>
1600
+
1601
+ <dl>
1602
+
1603
+
1604
+ <dt class="">
1605
+
1606
+
1607
+
1608
+ <h4 id="getProperty" class="name">
1609
+
1610
+ <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>
1611
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#getProperty"></a>
1612
+
1613
+ </h4>
1614
+
1615
+
1616
+
1617
+
1618
+
1619
+ </dt>
1620
+ <dd class="">
1621
+
1622
+
1623
+ <div class="description">
1624
+ Retrieves the value of a property or a subproperty.
1625
+
1626
+ </div>
1627
+
1628
+
1629
+
1630
+
1631
+
1632
+
1633
+
1634
+
1635
+
1636
+
1637
+
1638
+ <h5>Parameters:</h5>
1639
+
1640
+
1641
+ <table class="params">
1642
+ <thead>
1643
+ <tr>
1644
+
1645
+ <th>Name</th>
1646
+
1647
+
1648
+ <th>Type</th>
1649
+
1650
+
1651
+
1652
+
1653
+
1654
+ <th class="last">Description</th>
1655
+ </tr>
1656
+ </thead>
1657
+
1658
+ <tbody>
1659
+
1660
+
1661
+ <tr>
1662
+
1663
+ <td class="name"><code>property</code></td>
1664
+
1665
+
1666
+ <td class="type">
1667
+
1668
+ </td>
1669
+
1670
+
1671
+
1672
+
1673
+ <td class="description last">The property name to get. Supports dot notation for subproperty access.
1674
+ </td>
1675
+ </tr>
1676
+
1677
+
1678
+ </tbody>
1679
+ </table>
1680
+
1681
+
1682
+
1683
+ <dl class="details">
1684
+
1685
+
1686
+
1687
+
1688
+
1689
+
1690
+
1691
+
1692
+
1693
+
1694
+
1695
+
1696
+
1697
+
1698
+
1699
+
1700
+
1701
+
1702
+
1703
+
1704
+
1705
+
1706
+
1707
+
1708
+
1709
+
1710
+
1711
+
1712
+
1713
+ </dl>
1714
+
1715
+
1716
+
1717
+
1718
+
1719
+
1720
+
1721
+ <h5>Returns:</h5>
1722
+
1723
+
1724
+
1725
+
1726
+ <dl>
1727
+ <dt>
1728
+ Type
1729
+ </dt>
1730
+ <dd>
1731
+
1732
+ <span class="param-type"><a href="CustomElementOverview.html#ce-attrs-any-section">any</a></span>
1733
+
1734
+
1735
+ </dd>
1736
+ </dl>
1737
+
1738
+
1739
+
1740
+
1741
+
1742
+ </dd>
1743
+
1744
+
1745
+
1746
+ <dt class="">
1747
+
1748
+
1749
+
1750
+ <h4 id="setProperties" class="name">
1751
+
1752
+ <span class="type-signature"></span>setProperties<span class="signature">(properties)</span><span class="type-signature"> : {void}</span>
1753
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperties"></a>
1754
+
1755
+ </h4>
1756
+
1757
+
1758
+
1759
+
1760
+
1761
+ </dt>
1762
+ <dd class="">
1763
+
1764
+
1765
+ <div class="description">
1766
+ Performs a batch set of properties.
1767
+
1768
+ </div>
1769
+
1770
+
1771
+
1772
+
1773
+
1774
+
1775
+
1776
+
1777
+
1778
+
1779
+
1780
+ <h5>Parameters:</h5>
1781
+
1782
+
1783
+ <table class="params">
1784
+ <thead>
1785
+ <tr>
1786
+
1787
+ <th>Name</th>
1788
+
1789
+
1790
+ <th>Type</th>
1791
+
1792
+
1793
+
1794
+
1795
+
1796
+ <th class="last">Description</th>
1797
+ </tr>
1798
+ </thead>
1799
+
1800
+ <tbody>
1801
+
1802
+
1803
+ <tr>
1804
+
1805
+ <td class="name"><code>properties</code></td>
1806
+
1807
+
1808
+ <td class="type">
1809
+
1810
+ </td>
1811
+
1812
+
1813
+
1814
+
1815
+ <td class="description last">An object containing the property and value pairs to set.
1816
+ </td>
1817
+ </tr>
1818
+
1819
+
1820
+ </tbody>
1821
+ </table>
1822
+
1823
+
1824
+
1825
+ <dl class="details">
1826
+
1827
+
1828
+
1829
+
1830
+
1831
+
1832
+
1833
+
1834
+
1835
+
1836
+
1837
+
1838
+
1839
+
1840
+
1841
+
1842
+
1843
+
1844
+
1845
+
1846
+
1847
+
1848
+
1849
+
1850
+
1851
+
1852
+
1853
+
1854
+
1855
+ </dl>
1856
+
1857
+
1858
+
1859
+
1860
+
1861
+
1862
+
1863
+ <h5>Returns:</h5>
1864
+
1865
+
1866
+
1867
+
1868
+ <dl>
1869
+ <dt>
1870
+ Type
1871
+ </dt>
1872
+ <dd>
1873
+
1874
+ <span class="param-type">void</span>
1875
+
1876
+
1877
+ </dd>
1878
+ </dl>
1879
+
1880
+
1881
+
1882
+
1883
+
1884
+ </dd>
1885
+
1886
+
1887
+
1888
+ <dt class="">
1889
+
1890
+
1891
+
1892
+ <h4 id="setProperty" class="name">
1893
+
1894
+ <span class="type-signature"></span>setProperty<span class="signature">(property, value)</span><span class="type-signature"> : {void}</span>
1895
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperty"></a>
1896
+
1897
+ </h4>
1898
+
1899
+
1900
+
1901
+
1902
+
1903
+ </dt>
1904
+ <dd class="">
1905
+
1906
+
1907
+ <div class="description">
1908
+ Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.
1909
+
1910
+ </div>
1911
+
1912
+
1913
+
1914
+
1915
+
1916
+
1917
+
1918
+
1919
+
1920
+
1921
+
1922
+ <h5>Parameters:</h5>
1923
+
1924
+
1925
+ <table class="params">
1926
+ <thead>
1927
+ <tr>
1928
+
1929
+ <th>Name</th>
1930
+
1931
+
1932
+ <th>Type</th>
1933
+
1934
+
1935
+
1936
+
1937
+
1938
+ <th class="last">Description</th>
1939
+ </tr>
1940
+ </thead>
1941
+
1942
+ <tbody>
1943
+
1944
+
1945
+ <tr>
1946
+
1947
+ <td class="name"><code>property</code></td>
1948
+
1949
+
1950
+ <td class="type">
1951
+
1952
+ </td>
1953
+
1954
+
1955
+
1956
+
1957
+ <td class="description last">The property name to set. Supports dot notation for subproperty access.
1958
+ </td>
1959
+ </tr>
1960
+
1961
+
1962
+
1963
+ <tr>
1964
+
1965
+ <td class="name"><code>value</code></td>
1966
+
1967
+
1968
+ <td class="type">
1969
+
1970
+ </td>
1971
+
1972
+
1973
+
1974
+
1975
+ <td class="description last">The new value to set the property to.
1976
+ </td>
1977
+ </tr>
1978
+
1979
+
1980
+ </tbody>
1981
+ </table>
1982
+
1983
+
1984
+
1985
+ <dl class="details">
1986
+
1987
+
1988
+
1989
+
1990
+
1991
+
1992
+
1993
+
1994
+
1995
+
1996
+
1997
+
1998
+
1999
+
2000
+
2001
+
2002
+
2003
+
2004
+
2005
+
2006
+
2007
+
2008
+
2009
+
2010
+
2011
+
2012
+
2013
+
2014
+
2015
+ </dl>
2016
+
2017
+
2018
+
2019
+
2020
+
2021
+
2022
+
2023
+ <h5>Returns:</h5>
2024
+
2025
+
2026
+
2027
+
2028
+ <dl>
2029
+ <dt>
2030
+ Type
2031
+ </dt>
2032
+ <dd>
2033
+
2034
+ <span class="param-type">void</span>
2035
+
2036
+
2037
+ </dd>
2038
+ </dl>
2039
+
2040
+
2041
+
2042
+
2043
+
2044
+ </dd>
2045
+
2046
+
2047
+ </dl>
2048
+
2049
+ </article>
2050
+
2051
+
2052
+ </section>
2053
+
2054
+
2055
+
2056
+
2057
+ <footer>
2058
+ 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>
2059
+ <span class="product-docs-footer">Copyright © 2014, 2023 Oracle. All rights reserved.<span>
2060
+ </footer>
2061
+ </div>
2062
+
2063
+ <script> prettyPrint(); </script>
2064
+ </body>
2065
+ </html>