@oracle/oraclejet-core-pack 16.0.5 → 16.1.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 (472) hide show
  1. package/oj-c/ActionCard.json +6 -6
  2. package/oj-c/AreaChart.json +458 -1546
  3. package/oj-c/AreaChartGroup.json +8 -7
  4. package/oj-c/AreaChartItem.json +35 -16
  5. package/oj-c/AreaChartSeries.json +15 -14
  6. package/oj-c/Avatar.json +10 -10
  7. package/oj-c/Button.json +19 -19
  8. package/oj-c/Checkbox.json +29 -29
  9. package/oj-c/Checkboxset.json +35 -35
  10. package/oj-c/Collapsible.json +14 -14
  11. package/oj-c/DrawerPopup.json +12 -12
  12. package/oj-c/FilePicker.json +20 -20
  13. package/oj-c/FormLayout.json +15 -15
  14. package/oj-c/HighlightText.json +6 -6
  15. package/oj-c/InputDateMask.json +75 -75
  16. package/oj-c/InputDateText.json +44 -44
  17. package/oj-c/InputMonthMask.json +1402 -0
  18. package/oj-c/InputNumber.json +51 -51
  19. package/oj-c/InputPassword.json +42 -42
  20. package/oj-c/InputSensitiveText.json +1420 -0
  21. package/oj-c/InputText.json +48 -48
  22. package/oj-c/LabelledLink.json +21 -21
  23. package/oj-c/Legend.json +36 -36
  24. package/oj-c/LegendItem.json +20 -15
  25. package/oj-c/LegendSection.json +6 -5
  26. package/oj-c/LineChart.json +459 -1546
  27. package/oj-c/LineChartGroup.json +8 -7
  28. package/oj-c/LineChartItem.json +35 -16
  29. package/oj-c/LineChartSeries.json +17 -16
  30. package/oj-c/ListItemLayout.json +16 -16
  31. package/oj-c/ListView.json +18 -18
  32. package/oj-c/MenuButton.json +21 -21
  33. package/oj-c/MessageBanner.json +11 -11
  34. package/oj-c/MessageToast.json +13 -13
  35. package/oj-c/MeterBar.json +26 -26
  36. package/oj-c/MeterCircle.json +30 -30
  37. package/oj-c/ProgressBar.json +7 -7
  38. package/oj-c/ProgressCircle.json +7 -7
  39. package/oj-c/Radioset.json +35 -35
  40. package/oj-c/RatingGauge.json +21 -21
  41. package/oj-c/SelectMultiple.json +41 -41
  42. package/oj-c/SelectSingle.json +45 -45
  43. package/oj-c/SelectionCard.json +6 -6
  44. package/oj-c/Selector.json +8 -8
  45. package/oj-c/SelectorAll.json +25 -5
  46. package/oj-c/SplitMenuButton.json +60 -17
  47. package/oj-c/TabBarMixed.json +606 -0
  48. package/oj-c/TagCloud.json +18 -18
  49. package/oj-c/TagCloudItem.json +11 -10
  50. package/oj-c/TextArea.json +45 -45
  51. package/oj-c/action-card/component.json +2 -2
  52. package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.d.ts +175 -38
  53. package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.js +16 -7
  54. package/oj-c/area-chart/__webdriver__/AreaChartWebElementBase.js.map +1 -1
  55. package/oj-c/area-chart/area-chart.js +4 -4
  56. package/oj-c/area-chart/component.json +552 -770
  57. package/oj-c/area-chart-group/area-chart-group.js +1 -1
  58. package/oj-c/area-chart-group/component.json +4 -3
  59. package/oj-c/area-chart-item/area-chart-item.js +1 -1
  60. package/oj-c/area-chart-item/component.json +10 -4
  61. package/oj-c/area-chart-series/area-chart-series.js +1 -1
  62. package/oj-c/area-chart-series/component.json +4 -3
  63. package/oj-c/avatar/component.json +2 -2
  64. package/oj-c/button/button.js +7 -7
  65. package/oj-c/button/component.json +2 -2
  66. package/oj-c/checkbox/component.json +2 -2
  67. package/oj-c/checkboxset/component.json +2 -2
  68. package/oj-c/collapsible/component.json +2 -2
  69. package/oj-c/component.json +15 -3
  70. package/oj-c/corepackbundle.js +883 -353
  71. package/oj-c/docs/action-card.html +59 -50
  72. package/oj-c/docs/area-chart-group.html +59 -50
  73. package/oj-c/docs/area-chart-item.html +59 -50
  74. package/oj-c/docs/area-chart-series.html +59 -50
  75. package/oj-c/docs/area-chart.html +59 -50
  76. package/oj-c/docs/avatar.html +59 -50
  77. package/oj-c/docs/button.html +59 -50
  78. package/oj-c/docs/checkbox.html +59 -50
  79. package/oj-c/docs/checkboxset.html +59 -50
  80. package/oj-c/docs/collapsible.html +59 -50
  81. package/oj-c/docs/drawer-popup.html +59 -50
  82. package/oj-c/docs/file-picker.html +59 -50
  83. package/oj-c/docs/form-layout.html +59 -50
  84. package/oj-c/docs/highlight-text.html +59 -50
  85. package/oj-c/docs/index.html +59 -50
  86. package/oj-c/docs/input-date-mask.html +59 -50
  87. package/oj-c/docs/input-date-text.html +59 -50
  88. package/oj-c/docs/input-month-mask.html +249 -0
  89. package/oj-c/docs/input-number.html +59 -50
  90. package/oj-c/docs/input-password.html +59 -50
  91. package/oj-c/docs/input-sensitive-text.html +249 -0
  92. package/oj-c/docs/input-text.html +59 -50
  93. package/oj-c/docs/jsDocMd.json +1 -1
  94. package/oj-c/docs/labelled-link.html +59 -50
  95. package/oj-c/docs/legend-item.html +59 -50
  96. package/oj-c/docs/legend-section.html +59 -50
  97. package/oj-c/docs/legend.html +59 -50
  98. package/oj-c/docs/line-chart-group.html +59 -50
  99. package/oj-c/docs/line-chart-item.html +59 -50
  100. package/oj-c/docs/line-chart-series.html +59 -50
  101. package/oj-c/docs/line-chart.html +59 -50
  102. package/oj-c/docs/list-item-layout.html +59 -50
  103. package/oj-c/docs/list-view.html +59 -50
  104. package/oj-c/docs/menu-button.html +59 -50
  105. package/oj-c/docs/message-banner.html +59 -50
  106. package/oj-c/docs/message-toast.html +59 -50
  107. package/oj-c/docs/meter-bar.html +59 -50
  108. package/oj-c/docs/meter-circle.html +59 -50
  109. package/oj-c/docs/oj-c.ActionCard.html +60 -51
  110. package/oj-c/docs/oj-c.AreaChart.html +1452 -214
  111. package/oj-c/docs/oj-c.AreaChartGroup.html +63 -51
  112. package/oj-c/docs/oj-c.AreaChartItem.html +125 -54
  113. package/oj-c/docs/oj-c.AreaChartSeries.html +63 -51
  114. package/oj-c/docs/oj-c.Avatar.html +60 -51
  115. package/oj-c/docs/oj-c.Button.html +60 -51
  116. package/oj-c/docs/oj-c.Checkbox.html +60 -51
  117. package/oj-c/docs/oj-c.Checkboxset.html +60 -51
  118. package/oj-c/docs/oj-c.Collapsible.html +60 -51
  119. package/oj-c/docs/oj-c.DrawerPopup.html +60 -51
  120. package/oj-c/docs/oj-c.FilePicker.html +60 -51
  121. package/oj-c/docs/oj-c.FormLayout.html +60 -51
  122. package/oj-c/docs/oj-c.HighlightText.html +60 -51
  123. package/oj-c/docs/oj-c.InputDateMask.html +81 -64
  124. package/oj-c/docs/oj-c.InputDateText.html +60 -51
  125. package/oj-c/docs/oj-c.InputMonthMask.html +5940 -0
  126. package/oj-c/docs/oj-c.InputNumber.html +60 -51
  127. package/oj-c/docs/oj-c.InputPassword.html +80 -62
  128. package/oj-c/docs/oj-c.InputSensitiveText.html +5723 -0
  129. package/oj-c/docs/oj-c.InputText.html +60 -51
  130. package/oj-c/docs/oj-c.LabelledLink.html +60 -51
  131. package/oj-c/docs/oj-c.Legend.html +60 -51
  132. package/oj-c/docs/oj-c.LegendItem.html +75 -51
  133. package/oj-c/docs/oj-c.LegendSection.html +63 -51
  134. package/oj-c/docs/oj-c.LineChart.html +1455 -217
  135. package/oj-c/docs/oj-c.LineChartGroup.html +63 -51
  136. package/oj-c/docs/oj-c.LineChartItem.html +125 -54
  137. package/oj-c/docs/oj-c.LineChartSeries.html +63 -51
  138. package/oj-c/docs/oj-c.ListItemLayout.html +60 -51
  139. package/oj-c/docs/oj-c.ListView.html +60 -51
  140. package/oj-c/docs/oj-c.MenuButton.html +60 -51
  141. package/oj-c/docs/oj-c.MessageBanner.html +60 -51
  142. package/oj-c/docs/oj-c.MessageToast.html +60 -51
  143. package/oj-c/docs/oj-c.MeterBar.html +60 -51
  144. package/oj-c/docs/oj-c.MeterCircle.html +60 -51
  145. package/oj-c/docs/oj-c.ProgressBar.html +60 -51
  146. package/oj-c/docs/oj-c.ProgressCircle.html +60 -51
  147. package/oj-c/docs/oj-c.Radioset.html +60 -51
  148. package/oj-c/docs/oj-c.RatingGauge.html +60 -51
  149. package/oj-c/docs/oj-c.SelectMultiple.html +60 -51
  150. package/oj-c/docs/oj-c.SelectSingle.html +60 -51
  151. package/oj-c/docs/oj-c.Selector.html +60 -51
  152. package/oj-c/docs/oj-c.SelectorAll.html +149 -52
  153. package/oj-c/docs/oj-c.SplitMenuButton.html +299 -52
  154. package/oj-c/docs/oj-c.TabBarMixed.html +2660 -0
  155. package/oj-c/docs/oj-c.TagCloud.html +60 -51
  156. package/oj-c/docs/oj-c.TagCloudItem.html +63 -51
  157. package/oj-c/docs/oj-c.TextArea.html +60 -51
  158. package/oj-c/docs/progress-bar.html +59 -50
  159. package/oj-c/docs/progress-circle.html +59 -50
  160. package/oj-c/docs/radioset.html +59 -50
  161. package/oj-c/docs/rating-gauge.html +59 -50
  162. package/oj-c/docs/select-multiple.html +59 -50
  163. package/oj-c/docs/select-single.html +59 -50
  164. package/oj-c/docs/selection-card.html +59 -50
  165. package/oj-c/docs/selector-all.html +59 -50
  166. package/oj-c/docs/selector.html +59 -50
  167. package/oj-c/docs/split-menu-button.html +59 -50
  168. package/oj-c/docs/tab-bar-mixed.html +249 -0
  169. package/oj-c/docs/tag-cloud-item.html +59 -50
  170. package/oj-c/docs/tag-cloud.html +59 -50
  171. package/oj-c/docs/text-area.html +59 -50
  172. package/oj-c/drawer-popup/component.json +2 -2
  173. package/oj-c/file-picker/component.json +2 -2
  174. package/oj-c/form-layout/component.json +2 -2
  175. package/oj-c/highlight-text/component.json +2 -2
  176. package/oj-c/hooks/UNSAFE_useListData/useListData.js +5 -2
  177. package/oj-c/input-date-mask/component.json +17 -15
  178. package/oj-c/input-date-mask/input-date-mask.js +45 -88
  179. package/oj-c/input-date-text/component.json +3 -6
  180. package/oj-c/input-month-mask/CalendarMonthConverter.js +32 -0
  181. package/oj-c/input-month-mask/CalendarMonthRangeValidator.js +56 -0
  182. package/oj-c/input-month-mask/__webdriver__/InputMonthMaskWebElement.d.ts +16 -0
  183. package/oj-c/input-month-mask/__webdriver__/InputMonthMaskWebElement.js +23 -0
  184. package/oj-c/input-month-mask/__webdriver__/InputMonthMaskWebElement.js.map +1 -0
  185. package/oj-c/input-month-mask/__webdriver__/InputMonthMaskWebElementBase.d.ts +275 -0
  186. package/oj-c/input-month-mask/__webdriver__/InputMonthMaskWebElementBase.js +248 -0
  187. package/oj-c/input-month-mask/__webdriver__/InputMonthMaskWebElementBase.js.map +1 -0
  188. package/oj-c/input-month-mask/__webdriver__/index.d.ts +17 -0
  189. package/oj-c/input-month-mask/__webdriver__/index.js +34 -0
  190. package/oj-c/input-month-mask/__webdriver__/index.js.map +1 -0
  191. package/oj-c/input-month-mask/component.json +493 -0
  192. package/oj-c/input-month-mask/index.js +6 -0
  193. package/oj-c/input-month-mask/input-month-mask-styles.css +14 -0
  194. package/oj-c/input-month-mask/input-month-mask.js +69 -0
  195. package/oj-c/input-month-mask/useImplicitCalendarMonthRangeValidator.js +26 -0
  196. package/oj-c/input-month-mask/useInputMonthMaskPreact.js +88 -0
  197. package/oj-c/input-month-mask.js +6 -0
  198. package/oj-c/input-number/component.json +2 -2
  199. package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.d.ts +1 -1
  200. package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.js +1 -1
  201. package/oj-c/input-password/__webdriver__/InputPasswordWebElementBase.js.map +1 -1
  202. package/oj-c/input-password/component.json +5 -5
  203. package/oj-c/input-sensitive-text/__webdriver__/InputSensitiveTextWebElement.d.ts +17 -0
  204. package/oj-c/input-sensitive-text/__webdriver__/InputSensitiveTextWebElement.js +50 -0
  205. package/oj-c/input-sensitive-text/__webdriver__/InputSensitiveTextWebElement.js.map +1 -0
  206. package/oj-c/input-sensitive-text/__webdriver__/InputSensitiveTextWebElementBase.d.ts +259 -0
  207. package/oj-c/input-sensitive-text/__webdriver__/InputSensitiveTextWebElementBase.js +266 -0
  208. package/oj-c/input-sensitive-text/__webdriver__/InputSensitiveTextWebElementBase.js.map +1 -0
  209. package/oj-c/input-sensitive-text/__webdriver__/index.d.ts +17 -0
  210. package/oj-c/input-sensitive-text/__webdriver__/index.js +34 -0
  211. package/oj-c/input-sensitive-text/__webdriver__/index.js.map +1 -0
  212. package/oj-c/input-sensitive-text/component.json +574 -0
  213. package/oj-c/input-sensitive-text/index.js +6 -0
  214. package/oj-c/input-sensitive-text/input-sensitive-text-styles.css +13 -0
  215. package/oj-c/input-sensitive-text/input-sensitive-text.js +74 -0
  216. package/oj-c/input-sensitive-text/useInputSensitiveTextPreact.js +52 -0
  217. package/oj-c/input-sensitive-text.js +6 -0
  218. package/oj-c/input-text/component.json +2 -2
  219. package/oj-c/labelled-link/component.json +2 -2
  220. package/oj-c/legend/component.json +2 -2
  221. package/oj-c/legend/legend-styles.css +1 -0
  222. package/oj-c/legend-item/component.json +12 -7
  223. package/oj-c/legend-item/legend-item.js +1 -1
  224. package/oj-c/legend-section/component.json +4 -3
  225. package/oj-c/legend-section/legend-section.js +1 -1
  226. package/oj-c/line-chart/__webdriver__/LineChartWebElementBase.d.ts +172 -35
  227. package/oj-c/line-chart/__webdriver__/LineChartWebElementBase.js +13 -4
  228. package/oj-c/line-chart/__webdriver__/LineChartWebElementBase.js.map +1 -1
  229. package/oj-c/line-chart/component.json +558 -775
  230. package/oj-c/line-chart/line-chart.js +4 -4
  231. package/oj-c/line-chart-group/component.json +4 -3
  232. package/oj-c/line-chart-group/line-chart-group.js +1 -1
  233. package/oj-c/line-chart-item/component.json +11 -5
  234. package/oj-c/line-chart-item/line-chart-item.js +1 -1
  235. package/oj-c/line-chart-series/component.json +4 -3
  236. package/oj-c/line-chart-series/line-chart-series.js +1 -1
  237. package/oj-c/list-item-layout/component.json +2 -2
  238. package/oj-c/list-view/component.json +2 -2
  239. package/oj-c/menu-button/component.json +2 -2
  240. package/oj-c/menu-button/menu-button.js +2 -2
  241. package/oj-c/message-banner/component.json +2 -2
  242. package/oj-c/message-toast/component.json +2 -2
  243. package/oj-c/metadata/allComponents.json +3619 -2700
  244. package/oj-c/meter-bar/component.json +2 -2
  245. package/oj-c/meter-circle/component.json +2 -2
  246. package/oj-c/min/area-chart-group.js +1 -1
  247. package/oj-c/min/area-chart-group.js.map +1 -1
  248. package/oj-c/min/area-chart-item.js +1 -1
  249. package/oj-c/min/area-chart-item.js.map +1 -1
  250. package/oj-c/min/area-chart-series.js +1 -1
  251. package/oj-c/min/area-chart-series.js.map +1 -1
  252. package/oj-c/min/area-chart.js +1 -1
  253. package/oj-c/min/area-chart.js.map +1 -1
  254. package/oj-c/min/button.js +1 -1
  255. package/oj-c/min/button.js.map +1 -1
  256. package/oj-c/min/corepackbundle.css +28 -1
  257. package/oj-c/min/corepackbundle.js +1 -1
  258. package/oj-c/min/corepackbundle.js.map +1 -1
  259. package/oj-c/min/hooks/UNSAFE_useListData/useListData.js +5 -2
  260. package/oj-c/min/input-date-mask.js +1 -1
  261. package/oj-c/min/input-date-mask.js.map +1 -1
  262. package/oj-c/min/input-month-mask/input-month-mask-styles.css +14 -0
  263. package/oj-c/min/input-month-mask.js +2 -0
  264. package/oj-c/min/input-month-mask.js.map +1 -0
  265. package/oj-c/min/input-sensitive-text/input-sensitive-text-styles.css +13 -0
  266. package/oj-c/min/input-sensitive-text.js +2 -0
  267. package/oj-c/min/input-sensitive-text.js.map +1 -0
  268. package/oj-c/min/legend/legend-styles.css +1 -0
  269. package/oj-c/min/legend-item.js +1 -1
  270. package/oj-c/min/legend-item.js.map +1 -1
  271. package/oj-c/min/legend-section.js +1 -1
  272. package/oj-c/min/legend-section.js.map +1 -1
  273. package/oj-c/min/legend.js +1 -1
  274. package/oj-c/min/legend.js.map +1 -1
  275. package/oj-c/min/line-chart-group.js +1 -1
  276. package/oj-c/min/line-chart-group.js.map +1 -1
  277. package/oj-c/min/line-chart-item.js +1 -1
  278. package/oj-c/min/line-chart-item.js.map +1 -1
  279. package/oj-c/min/line-chart-series.js +1 -1
  280. package/oj-c/min/line-chart-series.js.map +1 -1
  281. package/oj-c/min/line-chart.js +1 -1
  282. package/oj-c/min/line-chart.js.map +1 -1
  283. package/oj-c/min/list-view.js +1 -1
  284. package/oj-c/min/list-view.js.map +1 -1
  285. package/oj-c/min/menu-button.js +1 -1
  286. package/oj-c/min/menu-button.js.map +1 -1
  287. package/oj-c/min/select-multiple.js +2 -2
  288. package/oj-c/min/select-multiple.js.map +1 -1
  289. package/oj-c/min/select-single.js +2 -2
  290. package/oj-c/min/select-single.js.map +1 -1
  291. package/oj-c/min/selector-all.js +1 -1
  292. package/oj-c/min/selector-all.js.map +1 -1
  293. package/oj-c/min/split-menu-button.js +1 -1
  294. package/oj-c/min/split-menu-button.js.map +1 -1
  295. package/oj-c/min/tab-bar-mixed/tab-bar-mixed-styles.css +11 -0
  296. package/oj-c/min/tab-bar-mixed.js +2 -0
  297. package/oj-c/min/tab-bar-mixed.js.map +1 -0
  298. package/oj-c/min/tag-cloud-item.js +1 -1
  299. package/oj-c/min/tag-cloud-item.js.map +1 -1
  300. package/oj-c/min/tag-cloud.js +1 -1
  301. package/oj-c/min/tag-cloud.js.map +1 -1
  302. package/oj-c/min/utils/PRIVATE_ItemsMenu/items-menu.js +7 -5
  303. package/oj-c/min/utils/PRIVATE_chartUtils/axisUtils.js +24 -0
  304. package/oj-c/progress-bar/component.json +2 -2
  305. package/oj-c/progress-circle/component.json +2 -2
  306. package/oj-c/radioset/component.json +2 -2
  307. package/oj-c/rating-gauge/component.json +2 -2
  308. package/oj-c/select-multiple/component.json +2 -2
  309. package/oj-c/select-single/component.json +2 -2
  310. package/oj-c/selection-card/component.json +2 -2
  311. package/oj-c/selector/component.json +2 -2
  312. package/oj-c/selector-all/__webdriver__/SelectorAllWebElementBase.d.ts +7 -0
  313. package/oj-c/selector-all/__webdriver__/SelectorAllWebElementBase.js +9 -0
  314. package/oj-c/selector-all/__webdriver__/SelectorAllWebElementBase.js.map +1 -1
  315. package/oj-c/selector-all/component.json +12 -2
  316. package/oj-c/selector-all/selector-all.js +3 -3
  317. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElement.d.ts +1 -1
  318. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElement.js +1 -1
  319. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElement.js.map +1 -1
  320. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElementBase.d.ts +7 -0
  321. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElementBase.js +9 -0
  322. package/oj-c/split-menu-button/__webdriver__/SplitMenuButtonWebElementBase.js.map +1 -1
  323. package/oj-c/split-menu-button/component.json +21 -2
  324. package/oj-c/split-menu-button/split-menu-button.js +18 -27
  325. package/oj-c/tab-bar-mixed/DataTabBarMixed.js +43 -0
  326. package/oj-c/tab-bar-mixed/DataTabBarMixed.types.js +4 -0
  327. package/oj-c/tab-bar-mixed/DataTabBarMixedIcon.js +16 -0
  328. package/oj-c/tab-bar-mixed/__mocks__/@oracle/oraclejet-preact/UNSAFE_ConveyorBelt.js +10 -0
  329. package/oj-c/tab-bar-mixed/__mocks__/@oracle/oraclejet-preact/UNSAFE_TabBarMixed.js +34 -0
  330. package/oj-c/tab-bar-mixed/__webdriver__/TabBarMixedWebElement.d.ts +8 -0
  331. package/oj-c/tab-bar-mixed/__webdriver__/TabBarMixedWebElement.js +13 -0
  332. package/oj-c/tab-bar-mixed/__webdriver__/TabBarMixedWebElement.js.map +1 -0
  333. package/oj-c/tab-bar-mixed/__webdriver__/TabBarMixedWebElementBase.d.ts +116 -0
  334. package/oj-c/tab-bar-mixed/__webdriver__/TabBarMixedWebElementBase.js +95 -0
  335. package/oj-c/tab-bar-mixed/__webdriver__/TabBarMixedWebElementBase.js.map +1 -0
  336. package/oj-c/tab-bar-mixed/__webdriver__/index.d.ts +17 -0
  337. package/oj-c/tab-bar-mixed/__webdriver__/index.js +34 -0
  338. package/oj-c/tab-bar-mixed/__webdriver__/index.js.map +1 -0
  339. package/oj-c/tab-bar-mixed/component.json +236 -0
  340. package/oj-c/tab-bar-mixed/environment.js +13 -0
  341. package/oj-c/tab-bar-mixed/index.js +6 -0
  342. package/oj-c/tab-bar-mixed/sumBadge.js +23 -0
  343. package/oj-c/tab-bar-mixed/tab-bar-mixed-styles.css +11 -0
  344. package/oj-c/tab-bar-mixed/tab-bar-mixed.js +39 -0
  345. package/oj-c/tab-bar-mixed.js +6 -0
  346. package/oj-c/tag-cloud/component.json +2 -2
  347. package/oj-c/tag-cloud-item/component.json +4 -3
  348. package/oj-c/tag-cloud-item/tag-cloud-item.js +1 -1
  349. package/oj-c/text-area/component.json +2 -2
  350. package/oj-c/types/area-chart/area-chart.d.ts +7 -2
  351. package/oj-c/types/area-chart-item/area-chart-item.d.ts +5 -0
  352. package/oj-c/types/input-date-mask/input-date-mask.d.ts +15 -20
  353. package/oj-c/types/input-month-mask/CalendarMonthConverter.d.ts +19 -0
  354. package/oj-c/types/input-month-mask/CalendarMonthRangeValidator.d.ts +34 -0
  355. package/oj-c/types/input-month-mask/index.d.ts +2 -0
  356. package/oj-c/types/input-month-mask/input-month-mask.d.ts +184 -0
  357. package/oj-c/types/input-month-mask/useImplicitCalendarMonthRangeValidator.d.ts +13 -0
  358. package/oj-c/types/input-month-mask/useInputMonthMaskPreact.d.ts +39 -0
  359. package/oj-c/types/input-number/useImplicitNumberConverter.d.ts +1 -1
  360. package/oj-c/types/input-sensitive-text/index.d.ts +2 -0
  361. package/oj-c/types/input-sensitive-text/input-sensitive-text.d.ts +199 -0
  362. package/oj-c/types/input-sensitive-text/useInputSensitiveTextPreact.d.ts +41 -0
  363. package/oj-c/types/line-chart/line-chart.d.ts +7 -2
  364. package/oj-c/types/line-chart-item/line-chart-item.d.ts +5 -0
  365. package/oj-c/types/selector-all/selector-all.d.ts +10 -3
  366. package/oj-c/types/split-menu-button/index.d.ts +1 -1
  367. package/oj-c/types/split-menu-button/split-menu-button.d.ts +18 -14
  368. package/oj-c/types/tab-bar-mixed/DataTabBarMixed.d.ts +2 -0
  369. package/oj-c/types/tab-bar-mixed/DataTabBarMixed.types.d.ts +27 -0
  370. package/oj-c/types/tab-bar-mixed/DataTabBarMixedIcon.d.ts +12 -0
  371. package/oj-c/types/tab-bar-mixed/environment.d.ts +1 -0
  372. package/oj-c/types/tab-bar-mixed/index.d.ts +2 -0
  373. package/oj-c/types/tab-bar-mixed/sumBadge.d.ts +6 -0
  374. package/oj-c/types/tab-bar-mixed/tab-bar-mixed.d.ts +104 -0
  375. package/oj-c/types/utils/PRIVATE_ItemsMenu/index.d.ts +1 -1
  376. package/oj-c/types/utils/PRIVATE_ItemsMenu/items-menu.d.ts +3 -2
  377. package/oj-c/types/utils/PRIVATE_chartUtils/axisUtils.d.ts +3 -0
  378. package/oj-c/types/utils/UNSAFE_vizTypes/chartTypes.d.ts +55 -19
  379. package/oj-c/types/utils/UNSAFE_vizTypes/index.d.ts +1 -0
  380. package/oj-c/utils/PRIVATE_ItemsMenu/items-menu.js +7 -5
  381. package/oj-c/utils/PRIVATE_chartUtils/axisUtils.js +24 -0
  382. package/package.json +4 -4
  383. package/webdriver/docs/assets/navigation.js +1 -1
  384. package/webdriver/docs/assets/search.js +1 -1
  385. package/webdriver/docs/classes/ActionCardWebElement.html +1 -1
  386. package/webdriver/docs/classes/AreaChartWebElement.html +19 -8
  387. package/webdriver/docs/classes/AvatarWebElement.html +1 -1
  388. package/webdriver/docs/classes/ButtonWebElement.html +1 -1
  389. package/webdriver/docs/classes/CheckboxWebElement.html +1 -1
  390. package/webdriver/docs/classes/CheckboxsetWebElement.html +1 -1
  391. package/webdriver/docs/classes/CollapsibleWebElement.html +1 -1
  392. package/webdriver/docs/classes/DrawerPopupWebElement.html +1 -1
  393. package/webdriver/docs/classes/FilePickerWebElement.html +1 -1
  394. package/webdriver/docs/classes/FormLayoutWebElement.html +1 -1
  395. package/webdriver/docs/classes/HighlightTextWebElement.html +1 -1
  396. package/webdriver/docs/classes/InputDateMaskWebElement.html +1 -1
  397. package/webdriver/docs/classes/InputDateTextWebElement.html +1 -1
  398. package/webdriver/docs/classes/InputMonthMaskWebElement.html +211 -0
  399. package/webdriver/docs/classes/InputNumberWebElement.html +1 -1
  400. package/webdriver/docs/classes/InputPasswordWebElement.html +2 -2
  401. package/webdriver/docs/classes/InputSensitiveTextWebElement.html +215 -0
  402. package/webdriver/docs/classes/InputTextWebElement.html +1 -1
  403. package/webdriver/docs/classes/LabelledLinkWebElement.html +1 -1
  404. package/webdriver/docs/classes/LegendWebElement.html +1 -1
  405. package/webdriver/docs/classes/LineChartWebElement.html +12 -6
  406. package/webdriver/docs/classes/ListItemLayoutWebElement.html +1 -1
  407. package/webdriver/docs/classes/ListViewWebElement.html +1 -1
  408. package/webdriver/docs/classes/MenuButtonWebElement.html +1 -1
  409. package/webdriver/docs/classes/MessageBannerWebElement.html +1 -1
  410. package/webdriver/docs/classes/MessageToastWebElement.html +1 -1
  411. package/webdriver/docs/classes/MeterBarWebElement.html +1 -1
  412. package/webdriver/docs/classes/MeterCircleWebElement.html +1 -1
  413. package/webdriver/docs/classes/ProgressBarWebElement.html +1 -1
  414. package/webdriver/docs/classes/ProgressCircleWebElement.html +1 -1
  415. package/webdriver/docs/classes/RadiosetWebElement.html +1 -1
  416. package/webdriver/docs/classes/RatingGaugeWebElement.html +1 -1
  417. package/webdriver/docs/classes/SelectMultipleWebElement.html +1 -1
  418. package/webdriver/docs/classes/SelectSingleWebElement.html +1 -1
  419. package/webdriver/docs/classes/SelectionCardWebElement.html +1 -1
  420. package/webdriver/docs/classes/SelectorAllWebElement.html +6 -2
  421. package/webdriver/docs/classes/SelectorWebElement.html +1 -1
  422. package/webdriver/docs/classes/SplitMenuButtonWebElement.html +7 -3
  423. package/webdriver/docs/classes/TabBarMixedWebElement.html +139 -0
  424. package/webdriver/docs/classes/TagCloudWebElement.html +1 -1
  425. package/webdriver/docs/classes/TextAreaWebElement.html +1 -1
  426. package/webdriver/docs/functions/findActionCard.html +1 -1
  427. package/webdriver/docs/functions/findAreaChart.html +1 -1
  428. package/webdriver/docs/functions/findAvatar.html +1 -1
  429. package/webdriver/docs/functions/findButton.html +1 -1
  430. package/webdriver/docs/functions/findCheckbox.html +1 -1
  431. package/webdriver/docs/functions/findCheckboxset.html +1 -1
  432. package/webdriver/docs/functions/findCollapsible.html +1 -1
  433. package/webdriver/docs/functions/findDrawerPopup.html +1 -1
  434. package/webdriver/docs/functions/findFilePicker.html +1 -1
  435. package/webdriver/docs/functions/findFormLayout.html +1 -1
  436. package/webdriver/docs/functions/findHighlightText.html +1 -1
  437. package/webdriver/docs/functions/findInputDateMask.html +1 -1
  438. package/webdriver/docs/functions/findInputDateText.html +1 -1
  439. package/webdriver/docs/functions/findInputMonthMask.html +8 -0
  440. package/webdriver/docs/functions/findInputNumber.html +1 -1
  441. package/webdriver/docs/functions/findInputPassword.html +1 -1
  442. package/webdriver/docs/functions/findInputSensitiveText.html +8 -0
  443. package/webdriver/docs/functions/findInputText.html +1 -1
  444. package/webdriver/docs/functions/findLabelledLink.html +1 -1
  445. package/webdriver/docs/functions/findLegend.html +1 -1
  446. package/webdriver/docs/functions/findLineChart.html +1 -1
  447. package/webdriver/docs/functions/findListItemLayout.html +1 -1
  448. package/webdriver/docs/functions/findListView.html +1 -1
  449. package/webdriver/docs/functions/findMenuButton.html +1 -1
  450. package/webdriver/docs/functions/findMessageBanner.html +1 -1
  451. package/webdriver/docs/functions/findMessageToast.html +1 -1
  452. package/webdriver/docs/functions/findMeterBar.html +1 -1
  453. package/webdriver/docs/functions/findMeterCircle.html +1 -1
  454. package/webdriver/docs/functions/findProgressBar.html +1 -1
  455. package/webdriver/docs/functions/findProgressCircle.html +1 -1
  456. package/webdriver/docs/functions/findRadioset.html +1 -1
  457. package/webdriver/docs/functions/findRatingGauge.html +1 -1
  458. package/webdriver/docs/functions/findSelectMultiple.html +1 -1
  459. package/webdriver/docs/functions/findSelectSingle.html +1 -1
  460. package/webdriver/docs/functions/findSelectionCard.html +1 -1
  461. package/webdriver/docs/functions/findSelector.html +1 -1
  462. package/webdriver/docs/functions/findSelectorAll.html +1 -1
  463. package/webdriver/docs/functions/findSplitMenuButton.html +1 -1
  464. package/webdriver/docs/functions/findTabBarMixed.html +8 -0
  465. package/webdriver/docs/functions/findTagCloud.html +1 -1
  466. package/webdriver/docs/functions/findTextArea.html +1 -1
  467. package/webdriver/docs/index.html +1 -1
  468. package/webdriver/docs/modules.html +7 -1
  469. package/webdriver/index.d.ts +3 -0
  470. package/webdriver/index.js +3 -0
  471. package/webdriver/index.js.map +1 -1
  472. package/webdriver/index.ts +3 -0
@@ -0,0 +1,2660 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Element: &lt;oj-c-tab-bar-mixed></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="navItem94">
22
+
23
+ <h2>Oracle® JET</h2>
24
+ <h2>Core Pack Components</h2>
25
+ <h3>16.1.0</h3>
26
+
27
+ <div class="deprecation-checkboxes" style="display: none">
28
+ <ul style="list-style: none; display: none;">
29
+ <li style="margin-top:0px">
30
+ <label for="deprecated">
31
+ <div class="deprecated-cb-common"><input type="checkbox" id="deprecated"><span style="padding:2px">Show Deprecated APIs</span></div>
32
+ </label>
33
+ </li>
34
+ <li style="margin-top:0px">
35
+ <label for="jsonly"></label>
36
+ <div class="deprecated-cb-common"><input type="checkbox" id="jsonly"><span style="padding:2px 12px 2px 2px">Javascript Only APIs</span></div>
37
+ </li>
38
+ </ul>
39
+ </div>
40
+ <ul><li id="idx"><h2 id="navIndex"><a href="index.html" id="navIndexFocusable">Index</a></h2></li><li><div id="nav_toggle">
41
+ <input type="radio" id="elements_rb" name="toggle" value="Elements">
42
+ <label for="elements">Elements</label>
43
+ <input type="radio" id="modules_rb" name="toggle" value="Modules">
44
+ <label for="modules">Modules</label><br>
45
+ </div></li><li id="nav_elements" style="display: none"><h3 id="navElements">Elements</h3><ul class="subList"><li id="navItem0"><a href="oj-c.ActionCard.html">&lt;oj-c-action-card></a></li><li id="navItem1"><a href="oj-c.AreaChart.html">&lt;oj-c-area-chart></a></li><li id="navItem2"><a href="oj-c.AreaChartGroup.html">&lt;oj-c-area-chart-group></a></li><li id="navItem3"><a href="oj-c.AreaChartItem.html">&lt;oj-c-area-chart-item></a></li><li id="navItem4"><a href="oj-c.AreaChartSeries.html">&lt;oj-c-area-chart-series></a></li><li class="deprecated-hidden" id="navItem5"><a href="oj-c.Avatar.html">&lt;oj-c-avatar></a></li><li class="deprecated-hidden" id="navItem6"><a href="oj-c.Button.html">&lt;oj-c-button></a></li><li id="navItem7"><a href="oj-c.Checkbox.html">&lt;oj-c-checkbox></a></li><li class="deprecated-hidden" id="navItem8"><a href="oj-c.Checkboxset.html">&lt;oj-c-checkboxset></a></li><li id="navItem9"><a href="oj-c.Collapsible.html">&lt;oj-c-collapsible></a></li><li id="navItem10"><a href="oj-c.DrawerPopup.html">&lt;oj-c-drawer-popup></a></li><li class="deprecated-hidden" id="navItem11"><a href="oj-c.FilePicker.html">&lt;oj-c-file-picker></a></li><li id="navItem12"><a href="oj-c.FormLayout.html">&lt;oj-c-form-layout></a></li><li class="deprecated-hidden" id="navItem13"><a href="oj-c.HighlightText.html">&lt;oj-c-highlight-text></a></li><li id="navItem14"><a href="oj-c.InputDateMask.html">&lt;oj-c-input-date-mask></a></li><li id="navItem15"><a href="oj-c.InputDateText.html">&lt;oj-c-input-date-text></a></li><li id="navItem16"><a href="oj-c.InputMonthMask.html">&lt;oj-c-input-month-mask></a></li><li class="deprecated-hidden" id="navItem17"><a href="oj-c.InputNumber.html">&lt;oj-c-input-number></a></li><li class="deprecated-hidden" id="navItem18"><a href="oj-c.InputPassword.html">&lt;oj-c-input-password></a></li><li id="navItem19"><a href="oj-c.InputSensitiveText.html">&lt;oj-c-input-sensitive-text></a></li><li class="deprecated-hidden" id="navItem20"><a href="oj-c.InputText.html">&lt;oj-c-input-text></a></li><li id="navItem21"><a href="oj-c.LabelledLink.html">&lt;oj-c-labelled-link></a></li><li id="navItem22"><a href="oj-c.Legend.html">&lt;oj-c-legend></a></li><li id="navItem23"><a href="oj-c.LegendItem.html">&lt;oj-c-legend-item></a></li><li id="navItem24"><a href="oj-c.LegendSection.html">&lt;oj-c-legend-section></a></li><li id="navItem25"><a href="oj-c.LineChart.html">&lt;oj-c-line-chart></a></li><li id="navItem26"><a href="oj-c.LineChartGroup.html">&lt;oj-c-line-chart-group></a></li><li id="navItem27"><a href="oj-c.LineChartItem.html">&lt;oj-c-line-chart-item></a></li><li id="navItem28"><a href="oj-c.LineChartSeries.html">&lt;oj-c-line-chart-series></a></li><li class="deprecated-hidden" id="navItem29"><a href="oj-c.ListItemLayout.html">&lt;oj-c-list-item-layout></a></li><li id="navItem30"><a href="oj-c.ListView.html">&lt;oj-c-list-view></a></li><li class="deprecated-hidden" id="navItem31"><a href="oj-c.MenuButton.html">&lt;oj-c-menu-button></a></li><li class="deprecated-hidden" id="navItem32"><a href="oj-c.MessageBanner.html">&lt;oj-c-message-banner></a></li><li class="deprecated-hidden" id="navItem33"><a href="oj-c.MessageToast.html">&lt;oj-c-message-toast></a></li><li class="deprecated-hidden" id="navItem34"><a href="oj-c.MeterBar.html">&lt;oj-c-meter-bar></a></li><li class="deprecated-hidden" id="navItem35"><a href="oj-c.MeterCircle.html">&lt;oj-c-meter-circle></a></li><li class="deprecated-hidden" id="navItem36"><a href="oj-c.ProgressBar.html">&lt;oj-c-progress-bar></a></li><li class="deprecated-hidden" id="navItem37"><a href="oj-c.ProgressCircle.html">&lt;oj-c-progress-circle></a></li><li class="deprecated-hidden" id="navItem38"><a href="oj-c.Radioset.html">&lt;oj-c-radioset></a></li><li class="deprecated-hidden" id="navItem39"><a href="oj-c.RatingGauge.html">&lt;oj-c-rating-gauge></a></li><li class="deprecated-hidden" id="navItem40"><a href="oj-c.SelectMultiple.html">&lt;oj-c-select-multiple></a></li><li class="deprecated-hidden" id="navItem41"><a href="oj-c.Selector.html">&lt;oj-c-selector></a></li><li class="deprecated-hidden" id="navItem42"><a href="oj-c.SelectorAll.html">&lt;oj-c-selector-all></a></li><li id="navItem43"><a href="oj-c.SelectSingle.html">&lt;oj-c-select-single></a></li><li id="navItem44"><a href="oj-c.SplitMenuButton.html">&lt;oj-c-split-menu-button></a></li><li id="navItem45"><a href="oj-c.TabBarMixed.html">&lt;oj-c-tab-bar-mixed></a></li><li id="navItem46"><a href="oj-c.TagCloud.html">&lt;oj-c-tag-cloud></a></li><li id="navItem47"><a href="oj-c.TagCloudItem.html">&lt;oj-c-tag-cloud-item></a></li><li class="deprecated-hidden" id="navItem48"><a href="oj-c.TextArea.html">&lt;oj-c-text-area></a></li></ul></li><li id="nav_modules" style="display: none"><h3 id="navElements">Modules</h3><ul class="subList_lev2"><li class="module">
46
+ <div id="action-card" class="module_element">
47
+ <a href="action-card.html">action-card</a>
48
+ </div><ul class="subList_lev3"><li id="navItem49"><a href="oj-c.ActionCard.html">&lt;oj-c-action-card></a></li></ul></li><li class="module">
49
+ <div id="area-chart" class="module_element">
50
+ <a href="area-chart.html">area-chart</a>
51
+ </div><ul class="subList_lev3"><li id="navItem50"><a href="oj-c.AreaChart.html">&lt;oj-c-area-chart></a></li></ul></li><li class="module">
52
+ <div id="area-chart-group" class="module_element">
53
+ <a href="area-chart-group.html">area-chart-group</a>
54
+ </div><ul class="subList_lev3"><li id="navItem51"><a href="oj-c.AreaChartGroup.html">&lt;oj-c-area-chart-group></a></li></ul></li><li class="module">
55
+ <div id="area-chart-item" class="module_element">
56
+ <a href="area-chart-item.html">area-chart-item</a>
57
+ </div><ul class="subList_lev3"><li id="navItem52"><a href="oj-c.AreaChartItem.html">&lt;oj-c-area-chart-item></a></li></ul></li><li class="module">
58
+ <div id="area-chart-series" class="module_element">
59
+ <a href="area-chart-series.html">area-chart-series</a>
60
+ </div><ul class="subList_lev3"><li id="navItem53"><a href="oj-c.AreaChartSeries.html">&lt;oj-c-area-chart-series></a></li></ul></li><li class="deprecated-hidden">
61
+ <div id="avatar" class="module_element">
62
+ <a href="avatar.html">avatar</a>
63
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem54"><a href="oj-c.Avatar.html">&lt;oj-c-avatar></a></li></ul></li><li class="deprecated-hidden">
64
+ <div id="button" class="module_element">
65
+ <a href="button.html">button</a>
66
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem55"><a href="oj-c.Button.html">&lt;oj-c-button></a></li></ul></li><li class="module">
67
+ <div id="checkbox" class="module_element">
68
+ <a href="checkbox.html">checkbox</a>
69
+ </div><ul class="subList_lev3"><li id="navItem56"><a href="oj-c.Checkbox.html">&lt;oj-c-checkbox></a></li></ul></li><li class="deprecated-hidden">
70
+ <div id="checkboxset" class="module_element">
71
+ <a href="checkboxset.html">checkboxset</a>
72
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem57"><a href="oj-c.Checkboxset.html">&lt;oj-c-checkboxset></a></li></ul></li><li class="module">
73
+ <div id="collapsible" class="module_element">
74
+ <a href="collapsible.html">collapsible</a>
75
+ </div><ul class="subList_lev3"><li id="navItem58"><a href="oj-c.Collapsible.html">&lt;oj-c-collapsible></a></li></ul></li><li class="module">
76
+ <div id="drawer-popup" class="module_element">
77
+ <a href="drawer-popup.html">drawer-popup</a>
78
+ </div><ul class="subList_lev3"><li id="navItem59"><a href="oj-c.DrawerPopup.html">&lt;oj-c-drawer-popup></a></li></ul></li><li class="deprecated-hidden">
79
+ <div id="file-picker" class="module_element">
80
+ <a href="file-picker.html">file-picker</a>
81
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem60"><a href="oj-c.FilePicker.html">&lt;oj-c-file-picker></a></li></ul></li><li class="module">
82
+ <div id="form-layout" class="module_element">
83
+ <a href="form-layout.html">form-layout</a>
84
+ </div><ul class="subList_lev3"><li id="navItem61"><a href="oj-c.FormLayout.html">&lt;oj-c-form-layout></a></li></ul></li><li class="deprecated-hidden">
85
+ <div id="highlight-text" class="module_element">
86
+ <a href="highlight-text.html">highlight-text</a>
87
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem62"><a href="oj-c.HighlightText.html">&lt;oj-c-highlight-text></a></li></ul></li><li class="module">
88
+ <div id="input-date-mask" class="module_element">
89
+ <a href="input-date-mask.html">input-date-mask</a>
90
+ </div><ul class="subList_lev3"><li id="navItem63"><a href="oj-c.InputDateMask.html">&lt;oj-c-input-date-mask></a></li></ul></li><li class="module">
91
+ <div id="input-date-text" class="module_element">
92
+ <a href="input-date-text.html">input-date-text</a>
93
+ </div><ul class="subList_lev3"><li id="navItem64"><a href="oj-c.InputDateText.html">&lt;oj-c-input-date-text></a></li></ul></li><li class="module">
94
+ <div id="input-month-mask" class="module_element">
95
+ <a href="input-month-mask.html">input-month-mask</a>
96
+ </div><ul class="subList_lev3"><li id="navItem65"><a href="oj-c.InputMonthMask.html">&lt;oj-c-input-month-mask></a></li></ul></li><li class="deprecated-hidden">
97
+ <div id="input-number" class="module_element">
98
+ <a href="input-number.html">input-number</a>
99
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem66"><a href="oj-c.InputNumber.html">&lt;oj-c-input-number></a></li></ul></li><li class="deprecated-hidden">
100
+ <div id="input-password" class="module_element">
101
+ <a href="input-password.html">input-password</a>
102
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem67"><a href="oj-c.InputPassword.html">&lt;oj-c-input-password></a></li></ul></li><li class="module">
103
+ <div id="input-sensitive-text" class="module_element">
104
+ <a href="input-sensitive-text.html">input-sensitive-text</a>
105
+ </div><ul class="subList_lev3"><li id="navItem68"><a href="oj-c.InputSensitiveText.html">&lt;oj-c-input-sensitive-text></a></li></ul></li><li class="deprecated-hidden">
106
+ <div id="input-text" class="module_element">
107
+ <a href="input-text.html">input-text</a>
108
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem69"><a href="oj-c.InputText.html">&lt;oj-c-input-text></a></li></ul></li><li class="module">
109
+ <div id="labelled-link" class="module_element">
110
+ <a href="labelled-link.html">labelled-link</a>
111
+ </div><ul class="subList_lev3"><li id="navItem70"><a href="oj-c.LabelledLink.html">&lt;oj-c-labelled-link></a></li></ul></li><li class="module">
112
+ <div id="legend" class="module_element">
113
+ <a href="legend.html">legend</a>
114
+ </div><ul class="subList_lev3"><li id="navItem71"><a href="oj-c.Legend.html">&lt;oj-c-legend></a></li></ul></li><li class="module">
115
+ <div id="legend-item" class="module_element">
116
+ <a href="legend-item.html">legend-item</a>
117
+ </div><ul class="subList_lev3"><li id="navItem72"><a href="oj-c.LegendItem.html">&lt;oj-c-legend-item></a></li></ul></li><li class="module">
118
+ <div id="legend-section" class="module_element">
119
+ <a href="legend-section.html">legend-section</a>
120
+ </div><ul class="subList_lev3"><li id="navItem73"><a href="oj-c.LegendSection.html">&lt;oj-c-legend-section></a></li></ul></li><li class="module">
121
+ <div id="line-chart" class="module_element">
122
+ <a href="line-chart.html">line-chart</a>
123
+ </div><ul class="subList_lev3"><li id="navItem74"><a href="oj-c.LineChart.html">&lt;oj-c-line-chart></a></li></ul></li><li class="module">
124
+ <div id="line-chart-group" class="module_element">
125
+ <a href="line-chart-group.html">line-chart-group</a>
126
+ </div><ul class="subList_lev3"><li id="navItem75"><a href="oj-c.LineChartGroup.html">&lt;oj-c-line-chart-group></a></li></ul></li><li class="module">
127
+ <div id="line-chart-item" class="module_element">
128
+ <a href="line-chart-item.html">line-chart-item</a>
129
+ </div><ul class="subList_lev3"><li id="navItem76"><a href="oj-c.LineChartItem.html">&lt;oj-c-line-chart-item></a></li></ul></li><li class="module">
130
+ <div id="line-chart-series" class="module_element">
131
+ <a href="line-chart-series.html">line-chart-series</a>
132
+ </div><ul class="subList_lev3"><li id="navItem77"><a href="oj-c.LineChartSeries.html">&lt;oj-c-line-chart-series></a></li></ul></li><li class="deprecated-hidden">
133
+ <div id="list-item-layout" class="module_element">
134
+ <a href="list-item-layout.html">list-item-layout</a>
135
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem78"><a href="oj-c.ListItemLayout.html">&lt;oj-c-list-item-layout></a></li></ul></li><li class="module">
136
+ <div id="list-view" class="module_element">
137
+ <a href="list-view.html">list-view</a>
138
+ </div><ul class="subList_lev3"><li id="navItem79"><a href="oj-c.ListView.html">&lt;oj-c-list-view></a></li></ul></li><li class="deprecated-hidden">
139
+ <div id="menu-button" class="module_element">
140
+ <a href="menu-button.html">menu-button</a>
141
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem80"><a href="oj-c.MenuButton.html">&lt;oj-c-menu-button></a></li></ul></li><li class="deprecated-hidden">
142
+ <div id="message-banner" class="module_element">
143
+ <a href="message-banner.html">message-banner</a>
144
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem81"><a href="oj-c.MessageBanner.html">&lt;oj-c-message-banner></a></li></ul></li><li class="deprecated-hidden">
145
+ <div id="message-toast" class="module_element">
146
+ <a href="message-toast.html">message-toast</a>
147
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem82"><a href="oj-c.MessageToast.html">&lt;oj-c-message-toast></a></li></ul></li><li class="deprecated-hidden">
148
+ <div id="meter-bar" class="module_element">
149
+ <a href="meter-bar.html">meter-bar</a>
150
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem83"><a href="oj-c.MeterBar.html">&lt;oj-c-meter-bar></a></li></ul></li><li class="deprecated-hidden">
151
+ <div id="meter-circle" class="module_element">
152
+ <a href="meter-circle.html">meter-circle</a>
153
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem84"><a href="oj-c.MeterCircle.html">&lt;oj-c-meter-circle></a></li></ul></li><li class="deprecated-hidden">
154
+ <div id="progress-bar" class="module_element">
155
+ <a href="progress-bar.html">progress-bar</a>
156
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem85"><a href="oj-c.ProgressBar.html">&lt;oj-c-progress-bar></a></li></ul></li><li class="deprecated-hidden">
157
+ <div id="progress-circle" class="module_element">
158
+ <a href="progress-circle.html">progress-circle</a>
159
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem86"><a href="oj-c.ProgressCircle.html">&lt;oj-c-progress-circle></a></li></ul></li><li class="deprecated-hidden">
160
+ <div id="radioset" class="module_element">
161
+ <a href="radioset.html">radioset</a>
162
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem87"><a href="oj-c.Radioset.html">&lt;oj-c-radioset></a></li></ul></li><li class="deprecated-hidden">
163
+ <div id="rating-gauge" class="module_element">
164
+ <a href="rating-gauge.html">rating-gauge</a>
165
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem88"><a href="oj-c.RatingGauge.html">&lt;oj-c-rating-gauge></a></li></ul></li><li class="deprecated-hidden">
166
+ <div id="select-multiple" class="module_element">
167
+ <a href="select-multiple.html">select-multiple</a>
168
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem89"><a href="oj-c.SelectMultiple.html">&lt;oj-c-select-multiple></a></li></ul></li><li class="module">
169
+ <div id="select-single" class="module_element">
170
+ <a href="select-single.html">select-single</a>
171
+ </div><ul class="subList_lev3"><li id="navItem90"><a href="oj-c.SelectSingle.html">&lt;oj-c-select-single></a></li></ul></li><li class="module">
172
+ <div id="selection-card" class="module_element">
173
+ <a href="selection-card.html">selection-card</a>
174
+ </div><ul class="subList_lev3"></ul></li><li class="deprecated-hidden">
175
+ <div id="selector" class="module_element">
176
+ <a href="selector.html">selector</a>
177
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem91"><a href="oj-c.Selector.html">&lt;oj-c-selector></a></li></ul></li><li class="deprecated-hidden">
178
+ <div id="selector-all" class="module_element">
179
+ <a href="selector-all.html">selector-all</a>
180
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem92"><a href="oj-c.SelectorAll.html">&lt;oj-c-selector-all></a></li></ul></li><li class="module">
181
+ <div id="split-menu-button" class="module_element">
182
+ <a href="split-menu-button.html">split-menu-button</a>
183
+ </div><ul class="subList_lev3"><li id="navItem93"><a href="oj-c.SplitMenuButton.html">&lt;oj-c-split-menu-button></a></li></ul></li><li class="module">
184
+ <div id="tab-bar-mixed" class="module_element">
185
+ <a href="tab-bar-mixed.html">tab-bar-mixed</a>
186
+ </div><ul class="subList_lev3"><li id="navItem94"><a href="oj-c.TabBarMixed.html">&lt;oj-c-tab-bar-mixed></a></li></ul></li><li class="module">
187
+ <div id="tag-cloud" class="module_element">
188
+ <a href="tag-cloud.html">tag-cloud</a>
189
+ </div><ul class="subList_lev3"><li id="navItem95"><a href="oj-c.TagCloud.html">&lt;oj-c-tag-cloud></a></li></ul></li><li class="module">
190
+ <div id="tag-cloud-item" class="module_element">
191
+ <a href="tag-cloud-item.html">tag-cloud-item</a>
192
+ </div><ul class="subList_lev3"><li id="navItem96"><a href="oj-c.TagCloudItem.html">&lt;oj-c-tag-cloud-item></a></li></ul></li><li class="deprecated-hidden">
193
+ <div id="text-area" class="module_element">
194
+ <a href="text-area.html">text-area</a>
195
+ </div><ul class="subList_lev3"><li class="deprecated-hidden" id="navItem97"><a href="oj-c.TextArea.html">&lt;oj-c-text-area></a></li></ul></li></ul></li></ul>
196
+ </nav>
197
+
198
+ <div id="main">
199
+
200
+ <button onclick="topFunction()" id="jump-to-top-btn" title="Go to top"></button>
201
+ <div class="page-title">
202
+ <h1>Element: &lt;oj-c-tab-bar-mixed></h1>
203
+ </div>
204
+
205
+ <p class="product-docs-header">
206
+ <span style="font-weight:bold">Oracle® JavaScript Extension Toolkit (JET)<br>
207
+ 16.1.0</span><br>
208
+ </p>
209
+
210
+
211
+
212
+
213
+
214
+
215
+
216
+
217
+
218
+
219
+
220
+
221
+ <dl class="details">
222
+
223
+ <dt class="tag-since">Since:</dt>
224
+ <dd class="tag-since"><ul class="dummy"><li>16.1.0</li></ul></dd>
225
+
226
+ <dt class="tag-module">Module:</dt>
227
+ <dd class="tag-module"><ul class="dummy"><li>tab-bar-mixed</li></ul></dd>
228
+
229
+ </dl>
230
+
231
+ <section id="quick-nav" class="">
232
+ <header><h2>QuickNav</h2></header>
233
+
234
+
235
+
236
+ <div class="quick-nav-section5">
237
+ <h3> <a href="#members-section">Attributes</a></h3>
238
+ <ul class="optionsSubList">
239
+
240
+ <li><div><a href="#dynamicTabs"><b>dynamic-tabs</b></a></div>
241
+
242
+ </li>
243
+
244
+ <li><div><a href="#dynamicTabsOverflow">dynamic-tabs-overflow</a></div>
245
+
246
+ </li>
247
+
248
+ <li><div><a href="#dynamicTabsOverflowIcon">dynamic-tabs-overflow-icon</a></div>
249
+
250
+ </li>
251
+
252
+ <li><div><a href="#selection">selection</a></div>
253
+
254
+ </li>
255
+
256
+ <li><div><a href="#separatorPadding">separator-padding</a></div>
257
+
258
+ </li>
259
+
260
+ <li><div><a href="#size">size</a></div>
261
+
262
+ </li>
263
+
264
+ <li><div><a href="#staticTabs"><b>static-tabs</b></a></div>
265
+
266
+ </li>
267
+
268
+ <li><div><a href="#staticTabsDisplay">static-tabs-display</a></div>
269
+
270
+ </ul>
271
+ <script type="text/javascript" >
272
+ var innerSubLists = document.getElementsByClassName('optionsInnerSubList');
273
+ for (var i=0; i<innerSubLists.length; i++) {
274
+ innerSubLists[i].parentNode.onclick=function(event) {
275
+ event.stopPropagation();
276
+ // Only interpret the click event if the <a> element is the target and do nothing if click occurred elsewhere on the div
277
+ if (event.target.parentNode == this.firstChild.firstChild) {
278
+ // toggle only the clicked sub properties list and not any nested ones
279
+ var subProperties = this.getElementsByClassName('optionsInnerSubList');
280
+ subProperties[0].style.display = (subProperties[0].style.display=='block' ? 'none' : 'block');
281
+ }
282
+ }
283
+ }
284
+ </script>
285
+
286
+
287
+
288
+
289
+
290
+ </div>
291
+
292
+
293
+
294
+ <div class="quick-nav-section5">
295
+ <h3><a href="#events-section">Events</a></h3>
296
+ <ul class="subList">
297
+
298
+ <li><a href="#event:ojBeforeSelect">ojBeforeSelect</a></li>
299
+
300
+ <li><a href="#event:ojRemove">ojRemove</a></li>
301
+
302
+ <li><a href="#event:ojSelectionAction">ojSelectionAction</a></li>
303
+
304
+ </ul>
305
+ </div>
306
+
307
+
308
+
309
+ <div class="quick-nav-section5">
310
+ <h3><a href="#methods-section">Methods</a></h3>
311
+ <ul class="subList">
312
+
313
+ <li><a href="#getProperty">getProperty</a></li>
314
+
315
+ <li><a href="#setProperties">setProperties</a></li>
316
+
317
+ <li><a href="#setProperty">setProperty</a></li>
318
+
319
+ </ul>
320
+
321
+ </div>
322
+
323
+
324
+ <div class="quick-nav-section5">
325
+ <h3><a href="#typedefs-section">Type Definitions</a></h3>
326
+ <ul class="subList">
327
+
328
+ <li><a href="#TabData">TabData</a></li>
329
+
330
+ </ul>
331
+ </div>
332
+
333
+
334
+ <div class="quick-nav-section5">
335
+ <h3>Other Topics</h3>
336
+ <ul class="subList">
337
+
338
+ <li><a href="#touch-section">Touch Section</a></li>
339
+
340
+ <li><a href="#keyboard-section">Keyboard Section</a></li>
341
+
342
+ </ul>
343
+ </div>
344
+
345
+ </section>
346
+
347
+ <section class="">
348
+ <header>
349
+
350
+ </br>
351
+
352
+ <div class="class-description">
353
+ <p><h3 id="tabBarMixedOverview-section">
354
+ JET TabBarMixed
355
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#tabBarMixedOverview-section"></a>
356
+ </h3>
357
+
358
+ The oj-c-tab-bar-mixed enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.
359
+
360
+ <h3 id="touch-section">
361
+ Touch End User Information
362
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#touch-section"></a>
363
+ </h3>
364
+
365
+ <table class="keyboard-table">
366
+ <thead>
367
+ <tr>
368
+ <th>Target</th>
369
+ <th>Gesture</th>
370
+ <th>Action</th>
371
+ </tr>
372
+ </thead>
373
+ <tbody>
374
+ <tr>
375
+ <td>Tab</td>
376
+ <td><kbd>Tap</kbd></td>
377
+ <td>Selects the tab.</td>
378
+ </tr>
379
+ <tr>
380
+ <td>Remove button</td>
381
+ <td><kbd>Tap</kbd></td>
382
+ <td>Removes the tab.</td>
383
+ </tr>
384
+ <tr>
385
+ <td>Arrow button</td>
386
+ <td><kbd>Tap</kbd></td>
387
+ <td>When dynamic tabs are displayed inside a conveyor belt, tapping the arrow button will scroll the conveyor belt.</td>
388
+ </tr>
389
+ </tbody>
390
+ </table>
391
+
392
+ <h3 id="keyboard-section">
393
+ Keyboard End User Information
394
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#keyboard-section"></a>
395
+ </h3>
396
+
397
+ <table class="keyboard-table">
398
+ <thead>
399
+ <tr>
400
+ <th>Target</th>
401
+ <th>Key</th>
402
+ <th>Action</th>
403
+ </tr>
404
+ </thead>
405
+ <tbody>
406
+ <tr>
407
+ <td>Tab</td>
408
+ <td><kbd>Enter or Space</kbd></td>
409
+ <td>Select the current tab.</td>
410
+ </tr>
411
+ <tr>
412
+ <td>Tab</td>
413
+ <td><kbd>LeftArrow or RightArrow</kbd></td>
414
+ <td>Navigate to the previous or next tab.</td>
415
+ </tr>
416
+ <tr>
417
+ <td>Tab</td>
418
+ <td><kbd>Delete</kbd></td>
419
+ <td>Remove the current tab.</td>
420
+ </tr>
421
+ <tr>
422
+ <td>Tab</td>
423
+ <td><kbd>Esc</kbd></td>
424
+ <td>Hide the tooltip if tooltip is shown.</td>
425
+ </tr>
426
+ <tr>
427
+ <td>Dropdown</td>
428
+ <td><kbd>UpArrow or DownArrow</kbd></td>
429
+ <td>Navigate the dynamic tab represented as item in the list in the direction of the arrow.</td>
430
+ </tr>
431
+ <tr>
432
+ <td>Dropdown</td>
433
+ <td><kbd>Enter or Space</kbd></td>
434
+ <td>Select the highlighted choice from the dropdown and close the dropdown.</td>
435
+ </tr>
436
+ <tr>
437
+ <td>Dropdown</td>
438
+ <td><kbd>Esc</kbd></td>
439
+ <td>Close the dropdown.</td>
440
+ </tr>
441
+ </tbody>
442
+ </table></p>
443
+ </div>
444
+ </br>
445
+
446
+ </header>
447
+
448
+
449
+ <article>
450
+ <div class="container-overview">
451
+
452
+
453
+ <div class="usage-section">
454
+ <h3 id="usage-section">Usage<a class="bookmarkable-link" title="Bookmarkable Link" href="#usage-section"></a></h3>
455
+
456
+ <dt class="null" style="margin-right: 100px;"><h5><span>Signature: </span><p> <span class="name type-signature">interface CTabBarMixedElement</span></p></h5></dt>
457
+
458
+ <dl>
459
+ <dt><h5>Typescript Import Format</h5></dt>
460
+ <dd><pre class="prettyprint"><code>//To typecheck the element APIs, import as below.<br>import {CTabBarMixedElement} from "oj-c/tab-bar-mixed";<br><br>//For the transpiled javascript to load the element's module, import as below<br>import "oj-c/tab-bar-mixed";</code></pre></dd>
461
+ </dl>
462
+
463
+ <p>For additional information visit:</p>
464
+ <ul>
465
+
466
+ <li><a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview" target="_blank">Using JET Custom Elements</a></li>
467
+
468
+ <li><a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=typescriptoverview" target="_blank">Using JET with TypeScript</a></li>
469
+ <li><a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=moduleloadingoverview" target="_blank">JET Module Loading</a></li>
470
+ </ul>
471
+
472
+ <p class="important">Note: Application logic should not interact with the component's properties or invoke its methods
473
+ until the <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=ojbusycontext" target="_blank">BusyContext</a> indicates that the component is ready for interaction.</p>
474
+
475
+ </div>
476
+ <br>
477
+
478
+
479
+
480
+
481
+
482
+
483
+
484
+ <dl class="details">
485
+
486
+
487
+
488
+
489
+
490
+
491
+
492
+
493
+
494
+
495
+
496
+
497
+
498
+
499
+
500
+
501
+
502
+
503
+
504
+
505
+
506
+
507
+
508
+
509
+
510
+
511
+
512
+
513
+
514
+ </dl>
515
+
516
+
517
+
518
+ </div>
519
+
520
+
521
+
522
+
523
+
524
+
525
+
526
+
527
+
528
+
529
+
530
+
531
+
532
+ <h3 id="members-section" class="subsection-title">
533
+ Attributes
534
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#members-section"></a>
535
+ </h3>
536
+
537
+ <dl>
538
+
539
+
540
+ <dt class="">
541
+
542
+ <h4 id="dynamicTabs" class="name">
543
+
544
+ <span class="type-signature"></span>dynamic-tabs<span class="type-signature"> :Array.&lt;<a href="oj-c.TabBarMixed.html#TabData">oj-c.TabBarMixed.TabData</a>></span>
545
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#dynamicTabs"></a>
546
+
547
+ </h4>
548
+
549
+
550
+ </dt>
551
+
552
+ <dd class="">
553
+
554
+ <div class="description">
555
+ Specifies the data definitions for the dynamics tabs (the collection of tabs that are removable).
556
+ </div>
557
+
558
+
559
+
560
+
561
+ <dl class="details">
562
+
563
+
564
+
565
+
566
+
567
+
568
+
569
+
570
+
571
+
572
+
573
+
574
+
575
+
576
+
577
+
578
+
579
+
580
+
581
+
582
+
583
+
584
+
585
+
586
+
587
+
588
+
589
+
590
+
591
+ </dl>
592
+
593
+
594
+
595
+ <h5>Names</h5>
596
+ <table class="keyboard-table">
597
+ <thead>
598
+ <tr>
599
+ <th>Item</th>
600
+ <th>Name</th>
601
+ </tr>
602
+ </thead>
603
+ <tbody>
604
+ <tr>
605
+ <td>Property</td>
606
+ <td><code class="prettyprint">dynamicTabs</code></td>
607
+ </tr>
608
+
609
+ <tr>
610
+ <td>Property change event</td>
611
+ <td><code class="prettyprint">dynamicTabsChanged</code></td>
612
+ </tr>
613
+ <tr>
614
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
615
+ <td><code class="pretty-print-noprettify">on-dynamic-tabs-changed</code></td>
616
+ </tr>
617
+
618
+ </tbody>
619
+ </table>
620
+
621
+ </dd>
622
+
623
+
624
+ <dt class="">
625
+
626
+ <h4 id="dynamicTabsOverflow" class="name">
627
+
628
+ <span class="type-signature"></span>dynamic-tabs-overflow<span class="type-signature"> :"conveyor"|"popup"</span>
629
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#dynamicTabsOverflow"></a>
630
+
631
+ </h4>
632
+
633
+
634
+ </dt>
635
+
636
+ <dd class="">
637
+
638
+ <div class="description">
639
+ Specifies whether the dynamic tabs are displayed inside a conveyor belt or a popup.
640
+ </div>
641
+
642
+
643
+
644
+
645
+ <dl class="details">
646
+
647
+
648
+
649
+
650
+ <h5 class="subsection-title">Supported Values:</h5>
651
+
652
+ <dl>
653
+
654
+ <table class="props">
655
+ <thead>
656
+ <tr>
657
+
658
+ <th>Value</th>
659
+
660
+
661
+
662
+
663
+
664
+
665
+
666
+ <th class="last">Description</th>
667
+
668
+ </tr>
669
+ </thead>
670
+
671
+ <tbody>
672
+
673
+
674
+ <tr>
675
+
676
+ <td class="name"><code>conveyor</code></td>
677
+
678
+
679
+
680
+
681
+
682
+
683
+
684
+ <td class="description last">Dynamic tabs are displayed inside a conveyor belt.
685
+ </td>
686
+
687
+ </tr>
688
+
689
+
690
+
691
+ <tr>
692
+
693
+ <td class="name"><code>popup</code></td>
694
+
695
+
696
+
697
+
698
+
699
+
700
+
701
+ <td class="description last">Dynamic tabs are displayed inside a popup.
702
+ </td>
703
+
704
+ </tr>
705
+
706
+
707
+ </tbody>
708
+ </table></dl>
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
+
734
+
735
+
736
+
737
+ </dl>
738
+
739
+
740
+
741
+ <h5>Names</h5>
742
+ <table class="keyboard-table">
743
+ <thead>
744
+ <tr>
745
+ <th>Item</th>
746
+ <th>Name</th>
747
+ </tr>
748
+ </thead>
749
+ <tbody>
750
+ <tr>
751
+ <td>Property</td>
752
+ <td><code class="prettyprint">dynamicTabsOverflow</code></td>
753
+ </tr>
754
+
755
+ <tr>
756
+ <td>Property change event</td>
757
+ <td><code class="prettyprint">dynamicTabsOverflowChanged</code></td>
758
+ </tr>
759
+ <tr>
760
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
761
+ <td><code class="pretty-print-noprettify">on-dynamic-tabs-overflow-changed</code></td>
762
+ </tr>
763
+
764
+ </tbody>
765
+ </table>
766
+
767
+ </dd>
768
+
769
+
770
+ <dt class="">
771
+
772
+ <h4 id="dynamicTabsOverflowIcon" class="name">
773
+
774
+ <span class="type-signature"></span>dynamic-tabs-overflow-icon<span class="type-signature"> :{ type?: 'class'; class: string; }|{ type: 'img'; src: string; }</span>
775
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#dynamicTabsOverflowIcon"></a>
776
+
777
+ </h4>
778
+
779
+
780
+ </dt>
781
+
782
+ <dd class="">
783
+
784
+ <div class="description">
785
+ Specifies the icon used on the overflow tab when dynamicTabsOverflow is set to 'popup'.
786
+ </div>
787
+
788
+
789
+
790
+
791
+ <dl class="details">
792
+
793
+
794
+
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
+
821
+ </dl>
822
+
823
+
824
+
825
+ <h5>Names</h5>
826
+ <table class="keyboard-table">
827
+ <thead>
828
+ <tr>
829
+ <th>Item</th>
830
+ <th>Name</th>
831
+ </tr>
832
+ </thead>
833
+ <tbody>
834
+ <tr>
835
+ <td>Property</td>
836
+ <td><code class="prettyprint">dynamicTabsOverflowIcon</code></td>
837
+ </tr>
838
+
839
+ <tr>
840
+ <td>Property change event</td>
841
+ <td><code class="prettyprint">dynamicTabsOverflowIconChanged</code></td>
842
+ </tr>
843
+ <tr>
844
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
845
+ <td><code class="pretty-print-noprettify">on-dynamic-tabs-overflow-icon-changed</code></td>
846
+ </tr>
847
+
848
+ </tbody>
849
+ </table>
850
+
851
+ </dd>
852
+
853
+
854
+ <dt class="">
855
+
856
+ <h4 id="selection" class="name">
857
+
858
+ <span class="type-signature"></span>selection<span class="type-signature"> :K</span>
859
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#selection"></a>
860
+
861
+ </h4>
862
+
863
+
864
+ </dt>
865
+
866
+ <dd class="">
867
+
868
+ <div class="description">
869
+ The key of the currently selected tab.
870
+ </div>
871
+
872
+
873
+
874
+
875
+ <dl class="details">
876
+
877
+
878
+
879
+
880
+
881
+
882
+
883
+ <dt class="tag-default">Supports writeback:</dt>
884
+ <dd class="tag-default"><ul class="dummy"><li><code class="prettyprint">true</code></li></ul></dd>
885
+
886
+
887
+
888
+
889
+
890
+
891
+
892
+
893
+
894
+
895
+
896
+
897
+
898
+
899
+
900
+
901
+
902
+
903
+
904
+
905
+
906
+
907
+
908
+ </dl>
909
+
910
+
911
+
912
+ <h5>Names</h5>
913
+ <table class="keyboard-table">
914
+ <thead>
915
+ <tr>
916
+ <th>Item</th>
917
+ <th>Name</th>
918
+ </tr>
919
+ </thead>
920
+ <tbody>
921
+ <tr>
922
+ <td>Property</td>
923
+ <td><code class="prettyprint">selection</code></td>
924
+ </tr>
925
+
926
+ <tr>
927
+ <td>Property change event</td>
928
+ <td><code class="prettyprint">selectionChanged</code></td>
929
+ </tr>
930
+ <tr>
931
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
932
+ <td><code class="pretty-print-noprettify">on-selection-changed</code></td>
933
+ </tr>
934
+
935
+ </tbody>
936
+ </table>
937
+
938
+ </dd>
939
+
940
+
941
+ <dt class="">
942
+
943
+ <h4 id="separatorPadding" class="name">
944
+
945
+ <span class="type-signature"></span>separator-padding<span class="type-signature"> :string</span>
946
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#separatorPadding"></a>
947
+
948
+ </h4>
949
+
950
+
951
+ </dt>
952
+
953
+ <dd class="">
954
+
955
+ <div class="description">
956
+ The padding around the vertical divider that seperates collections of tabs.
957
+ </div>
958
+
959
+
960
+
961
+
962
+ <dl class="details">
963
+
964
+
965
+
966
+
967
+
968
+
969
+
970
+
971
+
972
+
973
+
974
+
975
+
976
+
977
+
978
+
979
+
980
+
981
+
982
+
983
+
984
+
985
+
986
+
987
+
988
+
989
+
990
+
991
+
992
+ </dl>
993
+
994
+
995
+
996
+ <h5>Names</h5>
997
+ <table class="keyboard-table">
998
+ <thead>
999
+ <tr>
1000
+ <th>Item</th>
1001
+ <th>Name</th>
1002
+ </tr>
1003
+ </thead>
1004
+ <tbody>
1005
+ <tr>
1006
+ <td>Property</td>
1007
+ <td><code class="prettyprint">separatorPadding</code></td>
1008
+ </tr>
1009
+
1010
+ <tr>
1011
+ <td>Property change event</td>
1012
+ <td><code class="prettyprint">separatorPaddingChanged</code></td>
1013
+ </tr>
1014
+ <tr>
1015
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1016
+ <td><code class="pretty-print-noprettify">on-separator-padding-changed</code></td>
1017
+ </tr>
1018
+
1019
+ </tbody>
1020
+ </table>
1021
+
1022
+ </dd>
1023
+
1024
+
1025
+ <dt class="">
1026
+
1027
+ <h4 id="size" class="name">
1028
+
1029
+ <span class="type-signature"></span>size<span class="type-signature"> :"md"|"lg"</span>
1030
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#size"></a>
1031
+
1032
+ </h4>
1033
+
1034
+
1035
+ </dt>
1036
+
1037
+ <dd class="">
1038
+
1039
+ <div class="description">
1040
+ Specifies the size of the TabBarMixed.
1041
+ </div>
1042
+
1043
+
1044
+
1045
+
1046
+ <dl class="details">
1047
+
1048
+
1049
+
1050
+
1051
+ <h5 class="subsection-title">Supported Values:</h5>
1052
+
1053
+ <dl>
1054
+
1055
+ <table class="props">
1056
+ <thead>
1057
+ <tr>
1058
+
1059
+ <th>Value</th>
1060
+
1061
+
1062
+
1063
+
1064
+
1065
+
1066
+
1067
+ <th class="last">Description</th>
1068
+
1069
+ </tr>
1070
+ </thead>
1071
+
1072
+ <tbody>
1073
+
1074
+
1075
+ <tr>
1076
+
1077
+ <td class="name"><code>lg</code></td>
1078
+
1079
+
1080
+
1081
+
1082
+
1083
+
1084
+
1085
+ <td class="description last">TabBarMixed is set with a large height.
1086
+ </td>
1087
+
1088
+ </tr>
1089
+
1090
+
1091
+
1092
+ <tr>
1093
+
1094
+ <td class="name"><code>md</code></td>
1095
+
1096
+
1097
+
1098
+
1099
+
1100
+
1101
+
1102
+ <td class="description last">TabBarMixed is set with a medium height.
1103
+ </td>
1104
+
1105
+ </tr>
1106
+
1107
+
1108
+ </tbody>
1109
+ </table></dl>
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
+
1136
+
1137
+
1138
+ </dl>
1139
+
1140
+
1141
+
1142
+ <h5>Names</h5>
1143
+ <table class="keyboard-table">
1144
+ <thead>
1145
+ <tr>
1146
+ <th>Item</th>
1147
+ <th>Name</th>
1148
+ </tr>
1149
+ </thead>
1150
+ <tbody>
1151
+ <tr>
1152
+ <td>Property</td>
1153
+ <td><code class="prettyprint">size</code></td>
1154
+ </tr>
1155
+
1156
+ <tr>
1157
+ <td>Property change event</td>
1158
+ <td><code class="prettyprint">sizeChanged</code></td>
1159
+ </tr>
1160
+ <tr>
1161
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1162
+ <td><code class="pretty-print-noprettify">on-size-changed</code></td>
1163
+ </tr>
1164
+
1165
+ </tbody>
1166
+ </table>
1167
+
1168
+ </dd>
1169
+
1170
+
1171
+ <dt class="">
1172
+
1173
+ <h4 id="staticTabs" class="name">
1174
+
1175
+ <span class="type-signature"></span>static-tabs<span class="type-signature"> :Array.&lt;<a href="oj-c.TabBarMixed.html#TabData">oj-c.TabBarMixed.TabData</a>></span>
1176
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#staticTabs"></a>
1177
+
1178
+ </h4>
1179
+
1180
+
1181
+ </dt>
1182
+
1183
+ <dd class="">
1184
+
1185
+ <div class="description">
1186
+ Specifies the data definitions for the static tabs (the collection of tabs that are non-removable).
1187
+ </div>
1188
+
1189
+
1190
+
1191
+
1192
+ <dl class="details">
1193
+
1194
+
1195
+
1196
+
1197
+
1198
+
1199
+
1200
+
1201
+
1202
+
1203
+
1204
+
1205
+
1206
+
1207
+
1208
+
1209
+
1210
+
1211
+
1212
+
1213
+
1214
+
1215
+
1216
+
1217
+
1218
+
1219
+
1220
+
1221
+
1222
+ </dl>
1223
+
1224
+
1225
+
1226
+ <h5>Names</h5>
1227
+ <table class="keyboard-table">
1228
+ <thead>
1229
+ <tr>
1230
+ <th>Item</th>
1231
+ <th>Name</th>
1232
+ </tr>
1233
+ </thead>
1234
+ <tbody>
1235
+ <tr>
1236
+ <td>Property</td>
1237
+ <td><code class="prettyprint">staticTabs</code></td>
1238
+ </tr>
1239
+
1240
+ <tr>
1241
+ <td>Property change event</td>
1242
+ <td><code class="prettyprint">staticTabsChanged</code></td>
1243
+ </tr>
1244
+ <tr>
1245
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1246
+ <td><code class="pretty-print-noprettify">on-static-tabs-changed</code></td>
1247
+ </tr>
1248
+
1249
+ </tbody>
1250
+ </table>
1251
+
1252
+ </dd>
1253
+
1254
+
1255
+ <dt class="">
1256
+
1257
+ <h4 id="staticTabsDisplay" class="name">
1258
+
1259
+ <span class="type-signature"></span>static-tabs-display<span class="type-signature"> :"standard"|"icons"</span>
1260
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#staticTabsDisplay"></a>
1261
+
1262
+ </h4>
1263
+
1264
+
1265
+ </dt>
1266
+
1267
+ <dd class="">
1268
+
1269
+ <div class="description">
1270
+ Whether to display both the label and icons ("standard") or just the icons ("icons").
1271
+ In the latter case, the label is displayed in a tooltip instead.
1272
+ </div>
1273
+
1274
+
1275
+
1276
+
1277
+ <dl class="details">
1278
+
1279
+
1280
+
1281
+
1282
+ <h5 class="subsection-title">Supported Values:</h5>
1283
+
1284
+ <dl>
1285
+
1286
+ <table class="props">
1287
+ <thead>
1288
+ <tr>
1289
+
1290
+ <th>Value</th>
1291
+
1292
+
1293
+
1294
+
1295
+
1296
+
1297
+
1298
+ <th class="last">Description</th>
1299
+
1300
+ </tr>
1301
+ </thead>
1302
+
1303
+ <tbody>
1304
+
1305
+
1306
+ <tr>
1307
+
1308
+ <td class="name"><code>icons</code></td>
1309
+
1310
+
1311
+
1312
+
1313
+
1314
+
1315
+
1316
+ <td class="description last">Only icons are shown for all static tabs.
1317
+ </td>
1318
+
1319
+ </tr>
1320
+
1321
+
1322
+
1323
+ <tr>
1324
+
1325
+ <td class="name"><code>standard</code></td>
1326
+
1327
+
1328
+
1329
+
1330
+
1331
+
1332
+
1333
+ <td class="description last">Label and icon are shown for all static tabs.
1334
+ </td>
1335
+
1336
+ </tr>
1337
+
1338
+
1339
+ </tbody>
1340
+ </table></dl>
1341
+
1342
+
1343
+
1344
+
1345
+
1346
+
1347
+
1348
+
1349
+
1350
+
1351
+
1352
+
1353
+
1354
+
1355
+
1356
+
1357
+
1358
+
1359
+
1360
+
1361
+
1362
+
1363
+
1364
+
1365
+
1366
+
1367
+
1368
+
1369
+ </dl>
1370
+
1371
+
1372
+
1373
+ <h5>Names</h5>
1374
+ <table class="keyboard-table">
1375
+ <thead>
1376
+ <tr>
1377
+ <th>Item</th>
1378
+ <th>Name</th>
1379
+ </tr>
1380
+ </thead>
1381
+ <tbody>
1382
+ <tr>
1383
+ <td>Property</td>
1384
+ <td><code class="prettyprint">staticTabsDisplay</code></td>
1385
+ </tr>
1386
+
1387
+ <tr>
1388
+ <td>Property change event</td>
1389
+ <td><code class="prettyprint">staticTabsDisplayChanged</code></td>
1390
+ </tr>
1391
+ <tr>
1392
+ <td>Property change listener attribute (<span class="important">must be of type function, see <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.</span>)</td>
1393
+ <td><code class="pretty-print-noprettify">on-static-tabs-display-changed</code></td>
1394
+ </tr>
1395
+
1396
+ </tbody>
1397
+ </table>
1398
+
1399
+ </dd>
1400
+
1401
+ </dl>
1402
+
1403
+
1404
+ <h3 id="events-section" class="subsection-title">
1405
+ Events
1406
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#events-section"></a>
1407
+ </h3>
1408
+
1409
+ <dl>
1410
+
1411
+
1412
+ <dt class="">
1413
+
1414
+
1415
+
1416
+ <h4 id="event:ojBeforeSelect" class="name">
1417
+
1418
+ ojBeforeSelect
1419
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#event:ojBeforeSelect"></a>
1420
+
1421
+ </h4>
1422
+
1423
+
1424
+
1425
+
1426
+
1427
+ </dt>
1428
+ <dd class="">
1429
+
1430
+
1431
+ <div class="description">
1432
+ Triggered before user selects a tab which includes user gestures or selection is changed programmatically.
1433
+
1434
+ </div>
1435
+
1436
+
1437
+
1438
+
1439
+
1440
+
1441
+
1442
+
1443
+
1444
+
1445
+
1446
+
1447
+
1448
+ <dl class="details">
1449
+
1450
+ <h5 class="subsection-title notoc">Properties:</h5>
1451
+
1452
+
1453
+ <p>All of the event payloads listed below can be found under <code class="prettyprint">event.detail</code>.
1454
+ See <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.
1455
+ </p>
1456
+
1457
+
1458
+ <dl>
1459
+
1460
+ <table class="props">
1461
+ <thead>
1462
+ <tr>
1463
+
1464
+ <th>Name</th>
1465
+
1466
+
1467
+ <th>Type</th>
1468
+
1469
+
1470
+
1471
+
1472
+
1473
+
1474
+ <th class="last">Description</th>
1475
+
1476
+ </tr>
1477
+ </thead>
1478
+
1479
+ <tbody>
1480
+
1481
+ <tr>
1482
+
1483
+ <td class="name"><code>accept</code></td>
1484
+
1485
+
1486
+
1487
+ <td class="type">
1488
+
1489
+
1490
+
1491
+ <span class="param-type">(param: Promise&lt;void>) => void</span>
1492
+
1493
+
1494
+
1495
+
1496
+ </td>
1497
+
1498
+
1499
+
1500
+
1501
+
1502
+
1503
+ <td class="description last">This method can be called with an application-created Promise to cancel this event asynchronously. The Promise should be resolved or rejected to accept or cancel the event, respectively.
1504
+ </td>
1505
+
1506
+ </tr>
1507
+
1508
+
1509
+ <tr>
1510
+
1511
+ <td class="name"><code>key</code></td>
1512
+
1513
+
1514
+
1515
+ <td class="type">
1516
+
1517
+
1518
+
1519
+ <span class="param-type">K</span>
1520
+
1521
+
1522
+
1523
+
1524
+ </td>
1525
+
1526
+
1527
+
1528
+
1529
+
1530
+
1531
+ <td class="description last">
1532
+ </td>
1533
+
1534
+ </tr>
1535
+
1536
+
1537
+ </tbody>
1538
+ </table></dl>
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
+
1569
+ </dl>
1570
+
1571
+
1572
+
1573
+
1574
+
1575
+
1576
+
1577
+
1578
+
1579
+ </dd>
1580
+
1581
+
1582
+
1583
+ <dt class="">
1584
+
1585
+
1586
+
1587
+ <h4 id="event:ojRemove" class="name">
1588
+
1589
+ ojRemove
1590
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#event:ojRemove"></a>
1591
+
1592
+ </h4>
1593
+
1594
+
1595
+
1596
+
1597
+
1598
+ </dt>
1599
+ <dd class="">
1600
+
1601
+
1602
+ <div class="description">
1603
+ Triggered when user performs a remove gesture on a tab. The remove gestures include:
1604
+ <ul>
1605
+ <li>User clicks the remove icon in a tab</li>
1606
+ <li>User presses Delete key on a tab</li>
1607
+ </ul>
1608
+
1609
+ </div>
1610
+
1611
+
1612
+
1613
+
1614
+
1615
+
1616
+
1617
+
1618
+
1619
+
1620
+
1621
+
1622
+
1623
+ <dl class="details">
1624
+
1625
+ <h5 class="subsection-title notoc">Properties:</h5>
1626
+
1627
+
1628
+ <p>All of the event payloads listed below can be found under <code class="prettyprint">event.detail</code>.
1629
+ See <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.
1630
+ </p>
1631
+
1632
+
1633
+ <dl>
1634
+
1635
+ <table class="props">
1636
+ <thead>
1637
+ <tr>
1638
+
1639
+ <th>Name</th>
1640
+
1641
+
1642
+ <th>Type</th>
1643
+
1644
+
1645
+
1646
+
1647
+
1648
+
1649
+ </tr>
1650
+ </thead>
1651
+
1652
+ <tbody>
1653
+
1654
+ <tr>
1655
+
1656
+ <td class="name"><code>key</code></td>
1657
+
1658
+
1659
+
1660
+ <td class="type">
1661
+
1662
+
1663
+
1664
+ <span class="param-type">K</span>
1665
+
1666
+
1667
+
1668
+
1669
+ </td>
1670
+
1671
+
1672
+
1673
+
1674
+
1675
+
1676
+ </tr>
1677
+
1678
+
1679
+ </tbody>
1680
+ </table></dl>
1681
+
1682
+
1683
+
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
+ </dl>
1712
+
1713
+
1714
+
1715
+
1716
+
1717
+
1718
+
1719
+
1720
+
1721
+ </dd>
1722
+
1723
+
1724
+
1725
+ <dt class="">
1726
+
1727
+
1728
+
1729
+ <h4 id="event:ojSelectionAction" class="name">
1730
+
1731
+ ojSelectionAction
1732
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#event:ojSelectionAction"></a>
1733
+
1734
+ </h4>
1735
+
1736
+
1737
+
1738
+
1739
+
1740
+ </dt>
1741
+ <dd class="">
1742
+
1743
+
1744
+ <div class="description">
1745
+ Triggered when user performs a selection action gesture on a tab. The action gestures include:
1746
+ <ul>
1747
+ <li>User clicks anywhere in a tab</li>
1748
+ <li>User taps anywhere in a tab</li>
1749
+ <li>User pressed spacebar or enter key on a tab</li>
1750
+ </ul>
1751
+
1752
+ </div>
1753
+
1754
+
1755
+
1756
+
1757
+
1758
+
1759
+
1760
+
1761
+
1762
+
1763
+
1764
+
1765
+
1766
+ <dl class="details">
1767
+
1768
+ <h5 class="subsection-title notoc">Properties:</h5>
1769
+
1770
+
1771
+ <p>All of the event payloads listed below can be found under <code class="prettyprint">event.detail</code>.
1772
+ See <a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-events-section" target="_blank">Events and Listeners</a> for additional information.
1773
+ </p>
1774
+
1775
+
1776
+ <dl>
1777
+
1778
+ <table class="props">
1779
+ <thead>
1780
+ <tr>
1781
+
1782
+ <th>Name</th>
1783
+
1784
+
1785
+ <th>Type</th>
1786
+
1787
+
1788
+
1789
+
1790
+
1791
+
1792
+ </tr>
1793
+ </thead>
1794
+
1795
+ <tbody>
1796
+
1797
+ <tr>
1798
+
1799
+ <td class="name"><code>previousValue</code></td>
1800
+
1801
+
1802
+
1803
+ <td class="type">
1804
+
1805
+
1806
+
1807
+ <span class="param-type">K</span>
1808
+
1809
+
1810
+
1811
+
1812
+ </td>
1813
+
1814
+
1815
+
1816
+
1817
+
1818
+
1819
+ </tr>
1820
+
1821
+
1822
+ <tr>
1823
+
1824
+ <td class="name"><code>value</code></td>
1825
+
1826
+
1827
+
1828
+ <td class="type">
1829
+
1830
+
1831
+
1832
+ <span class="param-type">K</span>
1833
+
1834
+
1835
+
1836
+
1837
+ </td>
1838
+
1839
+
1840
+
1841
+
1842
+
1843
+
1844
+ </tr>
1845
+
1846
+
1847
+ </tbody>
1848
+ </table></dl>
1849
+
1850
+
1851
+
1852
+
1853
+
1854
+
1855
+
1856
+
1857
+
1858
+
1859
+
1860
+
1861
+
1862
+
1863
+
1864
+
1865
+
1866
+
1867
+
1868
+
1869
+
1870
+
1871
+
1872
+
1873
+
1874
+
1875
+
1876
+
1877
+
1878
+
1879
+ </dl>
1880
+
1881
+
1882
+
1883
+
1884
+
1885
+
1886
+
1887
+
1888
+
1889
+ </dd>
1890
+
1891
+
1892
+ </dl>
1893
+
1894
+
1895
+ <h3 id="methods-section" class="subsection-title">
1896
+ Methods
1897
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#methods-section"></a>
1898
+ </h3>
1899
+
1900
+ <dl>
1901
+
1902
+
1903
+ <dt class="">
1904
+
1905
+
1906
+
1907
+ <h4 id="getProperty" class="name">
1908
+
1909
+ <span class="type-signature"></span>getProperty<span class="signature">(property)</span><span class="type-signature"> : {<a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-attrs-any-section">any</a>}</span>
1910
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#getProperty"></a>
1911
+
1912
+ </h4>
1913
+
1914
+
1915
+
1916
+
1917
+
1918
+ </dt>
1919
+ <dd class="">
1920
+
1921
+
1922
+ <div class="description">
1923
+ Retrieves the value of a property or a subproperty.
1924
+
1925
+ </div>
1926
+
1927
+
1928
+
1929
+
1930
+
1931
+
1932
+
1933
+
1934
+
1935
+
1936
+
1937
+ <h5>Parameters:</h5>
1938
+
1939
+
1940
+ <table class="params">
1941
+ <thead>
1942
+ <tr>
1943
+
1944
+ <th>Name</th>
1945
+
1946
+
1947
+ <th>Type</th>
1948
+
1949
+
1950
+
1951
+
1952
+
1953
+ <th class="last">Description</th>
1954
+ </tr>
1955
+ </thead>
1956
+
1957
+ <tbody>
1958
+
1959
+
1960
+ <tr>
1961
+
1962
+ <td class="name"><code>property</code></td>
1963
+
1964
+
1965
+ <td class="type">
1966
+
1967
+ </td>
1968
+
1969
+
1970
+
1971
+
1972
+ <td class="description last">The property name to get. Supports dot notation for subproperty access.
1973
+ </td>
1974
+ </tr>
1975
+
1976
+
1977
+ </tbody>
1978
+ </table>
1979
+
1980
+
1981
+
1982
+ <dl class="details">
1983
+
1984
+
1985
+
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
+ </dl>
2013
+
2014
+
2015
+
2016
+
2017
+
2018
+
2019
+
2020
+ <h5>Returns:</h5>
2021
+
2022
+
2023
+
2024
+
2025
+ <dl>
2026
+ <dt>
2027
+ Type
2028
+ </dt>
2029
+ <dd>
2030
+
2031
+ <span class="param-type"><a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-attrs-any-section">any</a></span>
2032
+
2033
+
2034
+ </dd>
2035
+ </dl>
2036
+
2037
+
2038
+
2039
+
2040
+
2041
+ </dd>
2042
+
2043
+
2044
+
2045
+ <dt class="">
2046
+
2047
+
2048
+
2049
+ <h4 id="setProperties" class="name">
2050
+
2051
+ <span class="type-signature"></span>setProperties<span class="signature">(properties)</span><span class="type-signature"> : {void}</span>
2052
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperties"></a>
2053
+
2054
+ </h4>
2055
+
2056
+
2057
+
2058
+
2059
+
2060
+ </dt>
2061
+ <dd class="">
2062
+
2063
+
2064
+ <div class="description">
2065
+ Performs a batch set of properties.
2066
+
2067
+ </div>
2068
+
2069
+
2070
+
2071
+
2072
+
2073
+
2074
+
2075
+
2076
+
2077
+
2078
+
2079
+ <h5>Parameters:</h5>
2080
+
2081
+
2082
+ <table class="params">
2083
+ <thead>
2084
+ <tr>
2085
+
2086
+ <th>Name</th>
2087
+
2088
+
2089
+ <th>Type</th>
2090
+
2091
+
2092
+
2093
+
2094
+
2095
+ <th class="last">Description</th>
2096
+ </tr>
2097
+ </thead>
2098
+
2099
+ <tbody>
2100
+
2101
+
2102
+ <tr>
2103
+
2104
+ <td class="name"><code>properties</code></td>
2105
+
2106
+
2107
+ <td class="type">
2108
+
2109
+ </td>
2110
+
2111
+
2112
+
2113
+
2114
+ <td class="description last">An object containing the property and value pairs to set.
2115
+ </td>
2116
+ </tr>
2117
+
2118
+
2119
+ </tbody>
2120
+ </table>
2121
+
2122
+
2123
+
2124
+ <dl class="details">
2125
+
2126
+
2127
+
2128
+
2129
+
2130
+
2131
+
2132
+
2133
+
2134
+
2135
+
2136
+
2137
+
2138
+
2139
+
2140
+
2141
+
2142
+
2143
+
2144
+
2145
+
2146
+
2147
+
2148
+
2149
+
2150
+
2151
+
2152
+
2153
+
2154
+ </dl>
2155
+
2156
+
2157
+
2158
+
2159
+
2160
+
2161
+
2162
+ <h5>Returns:</h5>
2163
+
2164
+
2165
+
2166
+
2167
+ <dl>
2168
+ <dt>
2169
+ Type
2170
+ </dt>
2171
+ <dd>
2172
+
2173
+ <span class="param-type">void</span>
2174
+
2175
+
2176
+ </dd>
2177
+ </dl>
2178
+
2179
+
2180
+
2181
+
2182
+
2183
+ </dd>
2184
+
2185
+
2186
+
2187
+ <dt class="">
2188
+
2189
+
2190
+
2191
+ <h4 id="setProperty" class="name">
2192
+
2193
+ <span class="type-signature"></span>setProperty<span class="signature">(property, value)</span><span class="type-signature"> : {void}</span>
2194
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#setProperty"></a>
2195
+
2196
+ </h4>
2197
+
2198
+
2199
+
2200
+
2201
+
2202
+ </dt>
2203
+ <dd class="">
2204
+
2205
+
2206
+ <div class="description">
2207
+ Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.
2208
+
2209
+ </div>
2210
+
2211
+
2212
+
2213
+
2214
+
2215
+
2216
+
2217
+
2218
+
2219
+
2220
+
2221
+ <h5>Parameters:</h5>
2222
+
2223
+
2224
+ <table class="params">
2225
+ <thead>
2226
+ <tr>
2227
+
2228
+ <th>Name</th>
2229
+
2230
+
2231
+ <th>Type</th>
2232
+
2233
+
2234
+
2235
+
2236
+
2237
+ <th class="last">Description</th>
2238
+ </tr>
2239
+ </thead>
2240
+
2241
+ <tbody>
2242
+
2243
+
2244
+ <tr>
2245
+
2246
+ <td class="name"><code>property</code></td>
2247
+
2248
+
2249
+ <td class="type">
2250
+
2251
+ </td>
2252
+
2253
+
2254
+
2255
+
2256
+ <td class="description last">The property name to set. Supports dot notation for subproperty access.
2257
+ </td>
2258
+ </tr>
2259
+
2260
+
2261
+
2262
+ <tr>
2263
+
2264
+ <td class="name"><code>value</code></td>
2265
+
2266
+
2267
+ <td class="type">
2268
+
2269
+ </td>
2270
+
2271
+
2272
+
2273
+
2274
+ <td class="description last">The new value to set the property to.
2275
+ </td>
2276
+ </tr>
2277
+
2278
+
2279
+ </tbody>
2280
+ </table>
2281
+
2282
+
2283
+
2284
+ <dl class="details">
2285
+
2286
+
2287
+
2288
+
2289
+
2290
+
2291
+
2292
+
2293
+
2294
+
2295
+
2296
+
2297
+
2298
+
2299
+
2300
+
2301
+
2302
+
2303
+
2304
+
2305
+
2306
+
2307
+
2308
+
2309
+
2310
+
2311
+
2312
+
2313
+
2314
+ </dl>
2315
+
2316
+
2317
+
2318
+
2319
+
2320
+
2321
+
2322
+ <h5>Returns:</h5>
2323
+
2324
+
2325
+
2326
+
2327
+ <dl>
2328
+ <dt>
2329
+ Type
2330
+ </dt>
2331
+ <dd>
2332
+
2333
+ <span class="param-type">void</span>
2334
+
2335
+
2336
+ </dd>
2337
+ </dl>
2338
+
2339
+
2340
+
2341
+
2342
+
2343
+ </dd>
2344
+
2345
+
2346
+ </dl>
2347
+
2348
+
2349
+ <h3 id="typedefs-section" class="subsection-title">
2350
+ Type Definitions
2351
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#typedefs-section"></a>
2352
+ </h3>
2353
+
2354
+ <dl>
2355
+
2356
+
2357
+ <dt class="">
2358
+
2359
+
2360
+
2361
+ <h4 id="TabData" class="name">
2362
+
2363
+ TabData<span class="type-signature">&lt;K extends string | number></span>
2364
+ <a class="bookmarkable-link" title="Bookmarkable Link" href="#TabData"></a>
2365
+
2366
+ </h4>
2367
+
2368
+
2369
+
2370
+
2371
+
2372
+ </dt>
2373
+ <dd class="">
2374
+
2375
+
2376
+
2377
+
2378
+
2379
+
2380
+
2381
+
2382
+
2383
+
2384
+
2385
+
2386
+
2387
+
2388
+ <dl class="details">
2389
+
2390
+ <h5 class="subsection-title notoc">Properties:</h5>
2391
+
2392
+
2393
+
2394
+ <dl>
2395
+
2396
+ <table class="props">
2397
+ <thead>
2398
+ <tr>
2399
+
2400
+ <th>Name</th>
2401
+
2402
+
2403
+ <th>Type</th>
2404
+
2405
+
2406
+ <th>Argument</th>
2407
+
2408
+
2409
+
2410
+
2411
+
2412
+ <th class="last">Description</th>
2413
+
2414
+ </tr>
2415
+ </thead>
2416
+
2417
+ <tbody>
2418
+
2419
+ <tr>
2420
+
2421
+ <td class="name"><code>badge</code></td>
2422
+
2423
+
2424
+
2425
+ <td class="type">
2426
+
2427
+
2428
+
2429
+ <span class="param-type">number</span>
2430
+
2431
+
2432
+
2433
+
2434
+ </td>
2435
+
2436
+
2437
+ <td class="attributes">
2438
+
2439
+ &lt;optional><br>
2440
+
2441
+
2442
+
2443
+ </td>
2444
+
2445
+
2446
+
2447
+
2448
+
2449
+ <td class="description last">
2450
+ </td>
2451
+
2452
+ </tr>
2453
+
2454
+
2455
+ <tr>
2456
+
2457
+ <td class="name"><code>icon</code></td>
2458
+
2459
+
2460
+
2461
+ <td class="type">
2462
+
2463
+
2464
+
2465
+ <span class="param-type">object</span>
2466
+
2467
+
2468
+
2469
+
2470
+ </td>
2471
+
2472
+
2473
+ <td class="attributes">
2474
+
2475
+ &lt;optional><br>
2476
+
2477
+
2478
+
2479
+ </td>
2480
+
2481
+
2482
+
2483
+
2484
+
2485
+ <td class="description last">
2486
+ </td>
2487
+
2488
+ </tr>
2489
+
2490
+
2491
+ <tr>
2492
+
2493
+ <td class="name"><code>itemKey</code></td>
2494
+
2495
+
2496
+
2497
+ <td class="type">
2498
+
2499
+
2500
+
2501
+ <span class="param-type"><a href="https://www.oracle.com/pls/topic/lookup?ctx=jetlatest&id=customelementoverview#ce-attrs-any-section">any</a></span>
2502
+
2503
+
2504
+
2505
+
2506
+ </td>
2507
+
2508
+
2509
+ <td class="attributes">
2510
+
2511
+
2512
+
2513
+ </td>
2514
+
2515
+
2516
+
2517
+
2518
+
2519
+ <td class="description last">
2520
+ </td>
2521
+
2522
+ </tr>
2523
+
2524
+
2525
+ <tr>
2526
+
2527
+ <td class="name"><code>label</code></td>
2528
+
2529
+
2530
+
2531
+ <td class="type">
2532
+
2533
+
2534
+
2535
+ <span class="param-type">string</span>
2536
+
2537
+
2538
+
2539
+
2540
+ </td>
2541
+
2542
+
2543
+ <td class="attributes">
2544
+
2545
+
2546
+
2547
+ </td>
2548
+
2549
+
2550
+
2551
+
2552
+
2553
+ <td class="description last">
2554
+ </td>
2555
+
2556
+ </tr>
2557
+
2558
+
2559
+ <tr>
2560
+
2561
+ <td class="name"><code>tabPanelId</code></td>
2562
+
2563
+
2564
+
2565
+ <td class="type">
2566
+
2567
+
2568
+
2569
+ <span class="param-type">string</span>
2570
+
2571
+
2572
+
2573
+
2574
+ </td>
2575
+
2576
+
2577
+ <td class="attributes">
2578
+
2579
+ &lt;optional><br>
2580
+
2581
+
2582
+
2583
+ </td>
2584
+
2585
+
2586
+
2587
+
2588
+
2589
+ <td class="description last">Accepts the tabpanel element's ID associated with the tab item
2590
+ </td>
2591
+
2592
+ </tr>
2593
+
2594
+
2595
+ </tbody>
2596
+ </table></dl>
2597
+
2598
+
2599
+
2600
+
2601
+
2602
+
2603
+
2604
+
2605
+
2606
+
2607
+
2608
+
2609
+
2610
+
2611
+
2612
+
2613
+
2614
+
2615
+
2616
+
2617
+
2618
+
2619
+
2620
+
2621
+
2622
+
2623
+
2624
+
2625
+
2626
+
2627
+ </dl>
2628
+
2629
+
2630
+
2631
+
2632
+
2633
+
2634
+
2635
+
2636
+
2637
+ </dd>
2638
+
2639
+
2640
+ </dl>
2641
+
2642
+ </article>
2643
+
2644
+
2645
+ </section>
2646
+
2647
+
2648
+
2649
+
2650
+
2651
+ <footer>
2652
+ Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a> on Fri May 03 2024 18:10:00 GMT+0000 (Coordinated Universal Time)<br>
2653
+ <span class="product-docs-footer">Copyright © 2014, 2024 Oracle. All rights reserved.<span>
2654
+ </footer>
2655
+
2656
+ </div>
2657
+
2658
+ <script> prettyPrint(); </script>
2659
+ </body>
2660
+ </html>