@ui5/webcomponents 1.13.0-rc.2 → 1.13.0-rc.4

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 (633) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/dist/Avatar.d.ts +9 -3
  3. package/dist/Avatar.js +29 -10
  4. package/dist/Avatar.js.map +1 -1
  5. package/dist/AvatarGroup.d.ts +1 -1
  6. package/dist/AvatarGroup.js.map +1 -1
  7. package/dist/Button.d.ts +6 -2
  8. package/dist/Button.js.map +1 -1
  9. package/dist/Card.d.ts +5 -7
  10. package/dist/Card.js +3 -6
  11. package/dist/Card.js.map +1 -1
  12. package/dist/Carousel.d.ts +1 -0
  13. package/dist/Carousel.js +1 -0
  14. package/dist/Carousel.js.map +1 -1
  15. package/dist/CheckBox.d.ts +10 -0
  16. package/dist/CheckBox.js +10 -0
  17. package/dist/CheckBox.js.map +1 -1
  18. package/dist/ComboBoxItem.d.ts +1 -1
  19. package/dist/ComboBoxItem.js.map +1 -1
  20. package/dist/Icon.d.ts +11 -0
  21. package/dist/Icon.js +11 -0
  22. package/dist/Icon.js.map +1 -1
  23. package/dist/Input.d.ts +5 -0
  24. package/dist/Input.js +5 -0
  25. package/dist/Input.js.map +1 -1
  26. package/dist/Link.d.ts +4 -1
  27. package/dist/Link.js.map +1 -1
  28. package/dist/ListItem.d.ts +8 -0
  29. package/dist/ListItem.js.map +1 -1
  30. package/dist/Menu.d.ts +21 -0
  31. package/dist/Menu.js +26 -6
  32. package/dist/Menu.js.map +1 -1
  33. package/dist/MenuItem.d.ts +23 -1
  34. package/dist/MenuItem.js +10 -3
  35. package/dist/MenuItem.js.map +1 -1
  36. package/dist/Popup.js +3 -3
  37. package/dist/Popup.js.map +1 -1
  38. package/dist/SliderBase.d.ts +7 -1
  39. package/dist/SliderBase.js.map +1 -1
  40. package/dist/Tab.d.ts +10 -4
  41. package/dist/Tab.js +14 -1
  42. package/dist/Tab.js.map +1 -1
  43. package/dist/TabContainer.d.ts +10 -10
  44. package/dist/TabContainer.js +10 -10
  45. package/dist/TabContainer.js.map +1 -1
  46. package/dist/TabSeparator.d.ts +4 -2
  47. package/dist/Table.d.ts +1 -1
  48. package/dist/Table.js +1 -0
  49. package/dist/Table.js.map +1 -1
  50. package/dist/Title.d.ts +1 -0
  51. package/dist/Title.js +1 -0
  52. package/dist/Title.js.map +1 -1
  53. package/dist/api.json +1 -1
  54. package/dist/assets/Title.3d358ef7.css +1 -0
  55. package/dist/assets/parameters-bundle.css.067142cc.js +1 -0
  56. package/dist/assets/parameters-bundle.css.0910d303.js +1 -0
  57. package/dist/assets/parameters-bundle.css.0c80e05a.js +1 -0
  58. package/dist/assets/parameters-bundle.css.0d6c19c9.js +1 -0
  59. package/dist/assets/parameters-bundle.css.2280ce3e.js +1 -0
  60. package/dist/assets/parameters-bundle.css.2480d334.js +1 -0
  61. package/dist/assets/parameters-bundle.css.3e7079bc.js +1 -0
  62. package/dist/assets/parameters-bundle.css.472c33c9.js +1 -0
  63. package/dist/assets/parameters-bundle.css.4cf7b367.js +1 -0
  64. package/dist/assets/parameters-bundle.css.64a1fcb3.js +1 -0
  65. package/dist/assets/parameters-bundle.css.691f8760.js +1 -0
  66. package/dist/assets/parameters-bundle.css.731f329b.js +1 -0
  67. package/dist/assets/parameters-bundle.css.7bae430d.js +1 -0
  68. package/dist/assets/parameters-bundle.css.8a87377e.js +1 -0
  69. package/dist/assets/parameters-bundle.css.a0b1bee1.js +1 -0
  70. package/dist/assets/parameters-bundle.css.ab21e265.js +1 -0
  71. package/dist/assets/parameters-bundle.css.b06aacf3.js +1 -0
  72. package/dist/assets/parameters-bundle.css.b7a02c6d.js +1 -0
  73. package/dist/assets/parameters-bundle.css.b8686554.js +1 -0
  74. package/dist/assets/parameters-bundle.css.b8d253d9.js +1 -0
  75. package/dist/assets/parameters-bundle.css.bdbac4ec.js +1 -0
  76. package/dist/assets/parameters-bundle.css.e59780e1.js +1 -0
  77. package/dist/assets/parameters-bundle.css.ef6e66b9.js +1 -0
  78. package/dist/assets/parameters-bundle.css.f3164b8d.js +1 -0
  79. package/dist/css/themes/Avatar.css +1 -1
  80. package/dist/css/themes/Card.css +1 -1
  81. package/dist/css/themes/CheckBox.css +1 -1
  82. package/dist/css/themes/ComboBox.css +1 -1
  83. package/dist/css/themes/FileUploader.css +1 -1
  84. package/dist/css/themes/Input.css +1 -1
  85. package/dist/css/themes/Link.css +1 -1
  86. package/dist/css/themes/Menu.css +1 -1
  87. package/dist/css/themes/MultiComboBox.css +1 -1
  88. package/dist/css/themes/Select.css +1 -1
  89. package/dist/css/themes/StepInput.css +1 -1
  90. package/dist/css/themes/Suggestions.css +1 -1
  91. package/dist/css/themes/TabContainer.css +1 -1
  92. package/dist/css/themes/TabInStrip.css +1 -1
  93. package/dist/css/themes/Title.css +1 -1
  94. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  95. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  96. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  97. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  98. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  99. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  100. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  101. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  102. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  103. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  104. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  105. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  106. package/dist/custom-elements.json +1 -1
  107. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  108. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  109. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  110. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  111. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  112. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  113. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  114. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  115. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  116. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  117. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  118. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  119. package/dist/generated/templates/AvatarGroupTemplate.lit.d.ts +4 -0
  120. package/dist/generated/templates/AvatarGroupTemplate.lit.js +6 -8
  121. package/dist/generated/templates/AvatarGroupTemplate.lit.js.map +1 -0
  122. package/dist/generated/templates/AvatarTemplate.lit.d.ts +4 -0
  123. package/dist/generated/templates/AvatarTemplate.lit.js +8 -11
  124. package/dist/generated/templates/AvatarTemplate.lit.js.map +1 -0
  125. package/dist/generated/templates/BadgeTemplate.lit.d.ts +4 -0
  126. package/dist/generated/templates/BadgeTemplate.lit.js +5 -7
  127. package/dist/generated/templates/BadgeTemplate.lit.js.map +1 -0
  128. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.d.ts +4 -0
  129. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +5 -7
  130. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +1 -0
  131. package/dist/generated/templates/BreadcrumbsTemplate.lit.d.ts +4 -0
  132. package/dist/generated/templates/BreadcrumbsTemplate.lit.js +6 -8
  133. package/dist/generated/templates/BreadcrumbsTemplate.lit.js.map +1 -0
  134. package/dist/generated/templates/BusyIndicatorTemplate.lit.d.ts +4 -0
  135. package/dist/generated/templates/BusyIndicatorTemplate.lit.js +7 -9
  136. package/dist/generated/templates/BusyIndicatorTemplate.lit.js.map +1 -0
  137. package/dist/generated/templates/ButtonTemplate.lit.d.ts +4 -0
  138. package/dist/generated/templates/ButtonTemplate.lit.js +6 -8
  139. package/dist/generated/templates/ButtonTemplate.lit.js.map +1 -0
  140. package/dist/generated/templates/CalendarHeaderTemplate.lit.d.ts +4 -0
  141. package/dist/generated/templates/CalendarHeaderTemplate.lit.js +6 -8
  142. package/dist/generated/templates/CalendarHeaderTemplate.lit.js.map +1 -0
  143. package/dist/generated/templates/CalendarTemplate.lit.d.ts +4 -0
  144. package/dist/generated/templates/CalendarTemplate.lit.js +4 -6
  145. package/dist/generated/templates/CalendarTemplate.lit.js.map +1 -0
  146. package/dist/generated/templates/CardHeaderTemplate.lit.d.ts +4 -0
  147. package/dist/generated/templates/CardHeaderTemplate.lit.js +9 -11
  148. package/dist/generated/templates/CardHeaderTemplate.lit.js.map +1 -0
  149. package/dist/generated/templates/CardTemplate.lit.d.ts +4 -0
  150. package/dist/generated/templates/CardTemplate.lit.js +5 -7
  151. package/dist/generated/templates/CardTemplate.lit.js.map +1 -0
  152. package/dist/generated/templates/CarouselTemplate.lit.d.ts +4 -0
  153. package/dist/generated/templates/CarouselTemplate.lit.js +13 -15
  154. package/dist/generated/templates/CarouselTemplate.lit.js.map +1 -0
  155. package/dist/generated/templates/CheckBoxTemplate.lit.d.ts +4 -0
  156. package/dist/generated/templates/CheckBoxTemplate.lit.js +7 -9
  157. package/dist/generated/templates/CheckBoxTemplate.lit.js.map +1 -0
  158. package/dist/generated/templates/ColorPaletteDialogTemplate.lit.d.ts +4 -0
  159. package/dist/generated/templates/ColorPaletteDialogTemplate.lit.js +4 -6
  160. package/dist/generated/templates/ColorPaletteDialogTemplate.lit.js.map +1 -0
  161. package/dist/generated/templates/ColorPaletteItemTemplate.lit.d.ts +4 -0
  162. package/dist/generated/templates/ColorPaletteItemTemplate.lit.js +4 -6
  163. package/dist/generated/templates/ColorPaletteItemTemplate.lit.js.map +1 -0
  164. package/dist/generated/templates/ColorPalettePopoverTemplate.lit.d.ts +4 -0
  165. package/dist/generated/templates/ColorPalettePopoverTemplate.lit.js +5 -7
  166. package/dist/generated/templates/ColorPalettePopoverTemplate.lit.js.map +1 -0
  167. package/dist/generated/templates/ColorPaletteTemplate.lit.d.ts +4 -0
  168. package/dist/generated/templates/ColorPaletteTemplate.lit.js +9 -11
  169. package/dist/generated/templates/ColorPaletteTemplate.lit.js.map +1 -0
  170. package/dist/generated/templates/ColorPickerTemplate.lit.d.ts +4 -0
  171. package/dist/generated/templates/ColorPickerTemplate.lit.js +4 -6
  172. package/dist/generated/templates/ColorPickerTemplate.lit.js.map +1 -0
  173. package/dist/generated/templates/ComboBoxPopoverTemplate.lit.d.ts +4 -0
  174. package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js +22 -24
  175. package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js.map +1 -0
  176. package/dist/generated/templates/ComboBoxTemplate.lit.d.ts +4 -0
  177. package/dist/generated/templates/ComboBoxTemplate.lit.js +7 -9
  178. package/dist/generated/templates/ComboBoxTemplate.lit.js.map +1 -0
  179. package/dist/generated/templates/CustomListItemTemplate.lit.d.ts +4 -0
  180. package/dist/generated/templates/CustomListItemTemplate.lit.js +19 -21
  181. package/dist/generated/templates/CustomListItemTemplate.lit.js.map +1 -0
  182. package/dist/generated/templates/DatePickerPopoverTemplate.lit.d.ts +4 -0
  183. package/dist/generated/templates/DatePickerPopoverTemplate.lit.js +7 -9
  184. package/dist/generated/templates/DatePickerPopoverTemplate.lit.js.map +1 -0
  185. package/dist/generated/templates/DatePickerTemplate.lit.d.ts +4 -0
  186. package/dist/generated/templates/DatePickerTemplate.lit.js +6 -8
  187. package/dist/generated/templates/DatePickerTemplate.lit.js.map +1 -0
  188. package/dist/generated/templates/DateTimePickerPopoverTemplate.lit.d.ts +4 -0
  189. package/dist/generated/templates/DateTimePickerPopoverTemplate.lit.js +9 -11
  190. package/dist/generated/templates/DateTimePickerPopoverTemplate.lit.js.map +1 -0
  191. package/dist/generated/templates/DayPickerTemplate.lit.d.ts +4 -0
  192. package/dist/generated/templates/DayPickerTemplate.lit.js +13 -15
  193. package/dist/generated/templates/DayPickerTemplate.lit.js.map +1 -0
  194. package/dist/generated/templates/DialogTemplate.lit.d.ts +4 -0
  195. package/dist/generated/templates/DialogTemplate.lit.js +10 -12
  196. package/dist/generated/templates/DialogTemplate.lit.js.map +1 -0
  197. package/dist/generated/templates/FileUploaderPopoverTemplate.lit.d.ts +4 -0
  198. package/dist/generated/templates/FileUploaderPopoverTemplate.lit.js +8 -10
  199. package/dist/generated/templates/FileUploaderPopoverTemplate.lit.js.map +1 -0
  200. package/dist/generated/templates/FileUploaderTemplate.lit.d.ts +4 -0
  201. package/dist/generated/templates/FileUploaderTemplate.lit.js +7 -9
  202. package/dist/generated/templates/FileUploaderTemplate.lit.js.map +1 -0
  203. package/dist/generated/templates/GroupHeaderListItemTemplate.lit.d.ts +4 -0
  204. package/dist/generated/templates/GroupHeaderListItemTemplate.lit.js +4 -6
  205. package/dist/generated/templates/GroupHeaderListItemTemplate.lit.js.map +1 -0
  206. package/dist/generated/templates/IconTemplate.lit.d.ts +4 -0
  207. package/dist/generated/templates/IconTemplate.lit.js +11 -10
  208. package/dist/generated/templates/IconTemplate.lit.js.map +1 -0
  209. package/dist/generated/templates/InputPopoverTemplate.lit.d.ts +4 -0
  210. package/dist/generated/templates/InputPopoverTemplate.lit.js +24 -26
  211. package/dist/generated/templates/InputPopoverTemplate.lit.js.map +1 -0
  212. package/dist/generated/templates/InputTemplate.lit.d.ts +4 -0
  213. package/dist/generated/templates/InputTemplate.lit.js +9 -11
  214. package/dist/generated/templates/InputTemplate.lit.js.map +1 -0
  215. package/dist/generated/templates/LabelTemplate.lit.d.ts +4 -0
  216. package/dist/generated/templates/LabelTemplate.lit.js +4 -6
  217. package/dist/generated/templates/LabelTemplate.lit.js.map +1 -0
  218. package/dist/generated/templates/LinkTemplate.lit.d.ts +4 -0
  219. package/dist/generated/templates/LinkTemplate.lit.js +5 -7
  220. package/dist/generated/templates/LinkTemplate.lit.js.map +1 -0
  221. package/dist/generated/templates/ListItemTemplate.lit.d.ts +4 -0
  222. package/dist/generated/templates/ListItemTemplate.lit.js +19 -21
  223. package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -0
  224. package/dist/generated/templates/ListTemplate.lit.d.ts +4 -0
  225. package/dist/generated/templates/ListTemplate.lit.js +12 -14
  226. package/dist/generated/templates/ListTemplate.lit.js.map +1 -0
  227. package/dist/generated/templates/MenuTemplate.lit.d.ts +4 -0
  228. package/dist/generated/templates/MenuTemplate.lit.js +14 -14
  229. package/dist/generated/templates/MenuTemplate.lit.js.map +1 -0
  230. package/dist/generated/templates/MessageStripTemplate.lit.d.ts +4 -0
  231. package/dist/generated/templates/MessageStripTemplate.lit.js +8 -10
  232. package/dist/generated/templates/MessageStripTemplate.lit.js.map +1 -0
  233. package/dist/generated/templates/MonthPickerTemplate.lit.d.ts +4 -0
  234. package/dist/generated/templates/MonthPickerTemplate.lit.js +7 -9
  235. package/dist/generated/templates/MonthPickerTemplate.lit.js.map +1 -0
  236. package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.d.ts +4 -0
  237. package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js +27 -29
  238. package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js.map +1 -0
  239. package/dist/generated/templates/MultiComboBoxTemplate.lit.d.ts +4 -0
  240. package/dist/generated/templates/MultiComboBoxTemplate.lit.js +9 -11
  241. package/dist/generated/templates/MultiComboBoxTemplate.lit.js.map +1 -0
  242. package/dist/generated/templates/MultiInputTemplate.lit.d.ts +4 -0
  243. package/dist/generated/templates/MultiInputTemplate.lit.js +13 -15
  244. package/dist/generated/templates/MultiInputTemplate.lit.js.map +1 -0
  245. package/dist/generated/templates/PanelTemplate.lit.d.ts +4 -0
  246. package/dist/generated/templates/PanelTemplate.lit.js +10 -12
  247. package/dist/generated/templates/PanelTemplate.lit.js.map +1 -0
  248. package/dist/generated/templates/PopoverTemplate.lit.d.ts +4 -0
  249. package/dist/generated/templates/PopoverTemplate.lit.js +9 -11
  250. package/dist/generated/templates/PopoverTemplate.lit.js.map +1 -0
  251. package/dist/generated/templates/PopupBlockLayerTemplate.lit.d.ts +4 -0
  252. package/dist/generated/templates/PopupBlockLayerTemplate.lit.js +4 -6
  253. package/dist/generated/templates/PopupBlockLayerTemplate.lit.js.map +1 -0
  254. package/dist/generated/templates/PopupTemplate.lit.d.ts +4 -0
  255. package/dist/generated/templates/PopupTemplate.lit.js +4 -6
  256. package/dist/generated/templates/PopupTemplate.lit.js.map +1 -0
  257. package/dist/generated/templates/ProgressIndicatorTemplate.lit.d.ts +4 -0
  258. package/dist/generated/templates/ProgressIndicatorTemplate.lit.js +14 -16
  259. package/dist/generated/templates/ProgressIndicatorTemplate.lit.js.map +1 -0
  260. package/dist/generated/templates/RadioButtonTemplate.lit.d.ts +4 -0
  261. package/dist/generated/templates/RadioButtonTemplate.lit.js +10 -9
  262. package/dist/generated/templates/RadioButtonTemplate.lit.js.map +1 -0
  263. package/dist/generated/templates/RangeSliderTemplate.lit.d.ts +4 -0
  264. package/dist/generated/templates/RangeSliderTemplate.lit.js +13 -15
  265. package/dist/generated/templates/RangeSliderTemplate.lit.js.map +1 -0
  266. package/dist/generated/templates/RatingIndicatorTemplate.lit.d.ts +4 -0
  267. package/dist/generated/templates/RatingIndicatorTemplate.lit.js +13 -15
  268. package/dist/generated/templates/RatingIndicatorTemplate.lit.js.map +1 -0
  269. package/dist/generated/templates/ResponsivePopoverTemplate.lit.d.ts +4 -0
  270. package/dist/generated/templates/ResponsivePopoverTemplate.lit.js +16 -18
  271. package/dist/generated/templates/ResponsivePopoverTemplate.lit.js.map +1 -0
  272. package/dist/generated/templates/SegmentedButtonItemTemplate.lit.d.ts +4 -0
  273. package/dist/generated/templates/SegmentedButtonItemTemplate.lit.js +5 -7
  274. package/dist/generated/templates/SegmentedButtonItemTemplate.lit.js.map +1 -0
  275. package/dist/generated/templates/SegmentedButtonTemplate.lit.d.ts +4 -0
  276. package/dist/generated/templates/SegmentedButtonTemplate.lit.js +4 -6
  277. package/dist/generated/templates/SegmentedButtonTemplate.lit.js.map +1 -0
  278. package/dist/generated/templates/SelectPopoverTemplate.lit.d.ts +4 -0
  279. package/dist/generated/templates/SelectPopoverTemplate.lit.js +20 -22
  280. package/dist/generated/templates/SelectPopoverTemplate.lit.js.map +1 -0
  281. package/dist/generated/templates/SelectTemplate.lit.d.ts +4 -0
  282. package/dist/generated/templates/SelectTemplate.lit.js +6 -8
  283. package/dist/generated/templates/SelectTemplate.lit.js.map +1 -0
  284. package/dist/generated/templates/SliderBaseTemplate.lit.d.ts +4 -0
  285. package/dist/generated/templates/SliderBaseTemplate.lit.js +11 -13
  286. package/dist/generated/templates/SliderBaseTemplate.lit.js.map +1 -0
  287. package/dist/generated/templates/SliderTemplate.lit.d.ts +4 -0
  288. package/dist/generated/templates/SliderTemplate.lit.js +12 -14
  289. package/dist/generated/templates/SliderTemplate.lit.js.map +1 -0
  290. package/dist/generated/templates/SplitButtonTemplate.lit.d.ts +4 -0
  291. package/dist/generated/templates/SplitButtonTemplate.lit.js +5 -7
  292. package/dist/generated/templates/SplitButtonTemplate.lit.js.map +1 -0
  293. package/dist/generated/templates/StandardListItemTemplate.lit.d.ts +4 -0
  294. package/dist/generated/templates/StandardListItemTemplate.lit.js +29 -31
  295. package/dist/generated/templates/StandardListItemTemplate.lit.js.map +1 -0
  296. package/dist/generated/templates/StepInputTemplate.lit.d.ts +4 -0
  297. package/dist/generated/templates/StepInputTemplate.lit.js +7 -9
  298. package/dist/generated/templates/StepInputTemplate.lit.js.map +1 -0
  299. package/dist/generated/templates/SuggestionListItemTemplate.lit.d.ts +4 -0
  300. package/dist/generated/templates/SuggestionListItemTemplate.lit.js +32 -34
  301. package/dist/generated/templates/SuggestionListItemTemplate.lit.js.map +1 -0
  302. package/dist/generated/templates/SwitchTemplate.lit.d.ts +4 -0
  303. package/dist/generated/templates/SwitchTemplate.lit.js +8 -10
  304. package/dist/generated/templates/SwitchTemplate.lit.js.map +1 -0
  305. package/dist/generated/templates/TabContainerPopoverTemplate.lit.d.ts +4 -0
  306. package/dist/generated/templates/TabContainerPopoverTemplate.lit.js +5 -7
  307. package/dist/generated/templates/TabContainerPopoverTemplate.lit.js.map +1 -0
  308. package/dist/generated/templates/TabContainerTemplate.lit.d.ts +4 -0
  309. package/dist/generated/templates/TabContainerTemplate.lit.js +14 -16
  310. package/dist/generated/templates/TabContainerTemplate.lit.js.map +1 -0
  311. package/dist/generated/templates/TabInOverflowTemplate.lit.d.ts +4 -0
  312. package/dist/generated/templates/TabInOverflowTemplate.lit.js +9 -11
  313. package/dist/generated/templates/TabInOverflowTemplate.lit.js.map +1 -0
  314. package/dist/generated/templates/TabInStripTemplate.lit.d.ts +4 -0
  315. package/dist/generated/templates/TabInStripTemplate.lit.js +11 -14
  316. package/dist/generated/templates/TabInStripTemplate.lit.js.map +1 -0
  317. package/dist/generated/templates/TabSeparatorInOverflowTemplate.lit.d.ts +4 -0
  318. package/dist/generated/templates/TabSeparatorInOverflowTemplate.lit.js +4 -6
  319. package/dist/generated/templates/TabSeparatorInOverflowTemplate.lit.js.map +1 -0
  320. package/dist/generated/templates/TabSeparatorInStripTemplate.lit.d.ts +4 -0
  321. package/dist/generated/templates/TabSeparatorInStripTemplate.lit.js +4 -6
  322. package/dist/generated/templates/TabSeparatorInStripTemplate.lit.js.map +1 -0
  323. package/dist/generated/templates/TabTemplate.lit.d.ts +4 -0
  324. package/dist/generated/templates/TabTemplate.lit.js +5 -7
  325. package/dist/generated/templates/TabTemplate.lit.js.map +1 -0
  326. package/dist/generated/templates/TableCellTemplate.lit.d.ts +4 -0
  327. package/dist/generated/templates/TableCellTemplate.lit.js +4 -6
  328. package/dist/generated/templates/TableCellTemplate.lit.js.map +1 -0
  329. package/dist/generated/templates/TableColumnTemplate.lit.d.ts +4 -0
  330. package/dist/generated/templates/TableColumnTemplate.lit.js +4 -6
  331. package/dist/generated/templates/TableColumnTemplate.lit.js.map +1 -0
  332. package/dist/generated/templates/TableGroupRowTemplate.lit.d.ts +4 -0
  333. package/dist/generated/templates/TableGroupRowTemplate.lit.js +4 -6
  334. package/dist/generated/templates/TableGroupRowTemplate.lit.js.map +1 -0
  335. package/dist/generated/templates/TableRowTemplate.lit.d.ts +4 -0
  336. package/dist/generated/templates/TableRowTemplate.lit.js +15 -17
  337. package/dist/generated/templates/TableRowTemplate.lit.js.map +1 -0
  338. package/dist/generated/templates/TableTemplate.lit.d.ts +4 -0
  339. package/dist/generated/templates/TableTemplate.lit.js +14 -16
  340. package/dist/generated/templates/TableTemplate.lit.js.map +1 -0
  341. package/dist/generated/templates/TextAreaPopoverTemplate.lit.d.ts +4 -0
  342. package/dist/generated/templates/TextAreaPopoverTemplate.lit.js +8 -10
  343. package/dist/generated/templates/TextAreaPopoverTemplate.lit.js.map +1 -0
  344. package/dist/generated/templates/TextAreaTemplate.lit.d.ts +4 -0
  345. package/dist/generated/templates/TextAreaTemplate.lit.js +8 -10
  346. package/dist/generated/templates/TextAreaTemplate.lit.js.map +1 -0
  347. package/dist/generated/templates/TimePickerPopoverTemplate.lit.d.ts +4 -0
  348. package/dist/generated/templates/TimePickerPopoverTemplate.lit.js +4 -6
  349. package/dist/generated/templates/TimePickerPopoverTemplate.lit.js.map +1 -0
  350. package/dist/generated/templates/TimePickerTemplate.lit.d.ts +4 -0
  351. package/dist/generated/templates/TimePickerTemplate.lit.js +6 -8
  352. package/dist/generated/templates/TimePickerTemplate.lit.js.map +1 -0
  353. package/dist/generated/templates/TimeSelectionTemplate.lit.d.ts +4 -0
  354. package/dist/generated/templates/TimeSelectionTemplate.lit.js +8 -10
  355. package/dist/generated/templates/TimeSelectionTemplate.lit.js.map +1 -0
  356. package/dist/generated/templates/TitleTemplate.lit.d.ts +4 -0
  357. package/dist/generated/templates/TitleTemplate.lit.js +10 -12
  358. package/dist/generated/templates/TitleTemplate.lit.js.map +1 -0
  359. package/dist/generated/templates/ToastTemplate.lit.d.ts +4 -0
  360. package/dist/generated/templates/ToastTemplate.lit.js +5 -7
  361. package/dist/generated/templates/ToastTemplate.lit.js.map +1 -0
  362. package/dist/generated/templates/ToggleButtonTemplate.lit.d.ts +4 -0
  363. package/dist/generated/templates/ToggleButtonTemplate.lit.js +6 -8
  364. package/dist/generated/templates/ToggleButtonTemplate.lit.js.map +1 -0
  365. package/dist/generated/templates/TokenTemplate.lit.d.ts +4 -0
  366. package/dist/generated/templates/TokenTemplate.lit.js +7 -9
  367. package/dist/generated/templates/TokenTemplate.lit.js.map +1 -0
  368. package/dist/generated/templates/TokenizerPopoverTemplate.lit.d.ts +4 -0
  369. package/dist/generated/templates/TokenizerPopoverTemplate.lit.js +9 -11
  370. package/dist/generated/templates/TokenizerPopoverTemplate.lit.js.map +1 -0
  371. package/dist/generated/templates/TokenizerTemplate.lit.d.ts +4 -0
  372. package/dist/generated/templates/TokenizerTemplate.lit.js +6 -8
  373. package/dist/generated/templates/TokenizerTemplate.lit.js.map +1 -0
  374. package/dist/generated/templates/TreeItemBaseTemplate.lit.d.ts +4 -0
  375. package/dist/generated/templates/TreeItemBaseTemplate.lit.js +23 -25
  376. package/dist/generated/templates/TreeItemBaseTemplate.lit.js.map +1 -0
  377. package/dist/generated/templates/TreeItemCustomTemplate.lit.d.ts +4 -0
  378. package/dist/generated/templates/TreeItemCustomTemplate.lit.js +23 -25
  379. package/dist/generated/templates/TreeItemCustomTemplate.lit.js.map +1 -0
  380. package/dist/generated/templates/TreeItemTemplate.lit.d.ts +4 -0
  381. package/dist/generated/templates/TreeItemTemplate.lit.js +25 -27
  382. package/dist/generated/templates/TreeItemTemplate.lit.js.map +1 -0
  383. package/dist/generated/templates/TreeTemplate.lit.d.ts +4 -0
  384. package/dist/generated/templates/TreeTemplate.lit.js +5 -7
  385. package/dist/generated/templates/TreeTemplate.lit.js.map +1 -0
  386. package/dist/generated/templates/WheelSliderTemplate.lit.d.ts +4 -0
  387. package/dist/generated/templates/WheelSliderTemplate.lit.js +7 -9
  388. package/dist/generated/templates/WheelSliderTemplate.lit.js.map +1 -0
  389. package/dist/generated/templates/YearPickerTemplate.lit.d.ts +4 -0
  390. package/dist/generated/templates/YearPickerTemplate.lit.js +7 -9
  391. package/dist/generated/templates/YearPickerTemplate.lit.js.map +1 -0
  392. package/dist/generated/themes/Avatar.css.js +1 -1
  393. package/dist/generated/themes/Avatar.css.js.map +1 -1
  394. package/dist/generated/themes/Card.css.js +1 -1
  395. package/dist/generated/themes/Card.css.js.map +1 -1
  396. package/dist/generated/themes/CheckBox.css.js +1 -1
  397. package/dist/generated/themes/CheckBox.css.js.map +1 -1
  398. package/dist/generated/themes/ComboBox.css.js +1 -1
  399. package/dist/generated/themes/ComboBox.css.js.map +1 -1
  400. package/dist/generated/themes/FileUploader.css.js +1 -1
  401. package/dist/generated/themes/FileUploader.css.js.map +1 -1
  402. package/dist/generated/themes/Input.css.js +1 -1
  403. package/dist/generated/themes/Input.css.js.map +1 -1
  404. package/dist/generated/themes/Link.css.js +1 -1
  405. package/dist/generated/themes/Link.css.js.map +1 -1
  406. package/dist/generated/themes/Menu.css.js +1 -1
  407. package/dist/generated/themes/Menu.css.js.map +1 -1
  408. package/dist/generated/themes/MultiComboBox.css.js +1 -1
  409. package/dist/generated/themes/MultiComboBox.css.js.map +1 -1
  410. package/dist/generated/themes/Select.css.js +1 -1
  411. package/dist/generated/themes/Select.css.js.map +1 -1
  412. package/dist/generated/themes/StepInput.css.js +1 -1
  413. package/dist/generated/themes/StepInput.css.js.map +1 -1
  414. package/dist/generated/themes/Suggestions.css.js +1 -1
  415. package/dist/generated/themes/Suggestions.css.js.map +1 -1
  416. package/dist/generated/themes/TabContainer.css.js +1 -1
  417. package/dist/generated/themes/TabContainer.css.js.map +1 -1
  418. package/dist/generated/themes/TabInStrip.css.js +1 -1
  419. package/dist/generated/themes/TabInStrip.css.js.map +1 -1
  420. package/dist/generated/themes/Title.css.js +1 -1
  421. package/dist/generated/themes/Title.css.js.map +1 -1
  422. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  423. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -1
  424. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  425. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -1
  426. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  427. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -1
  428. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  429. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  430. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  431. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  432. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  433. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  434. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  435. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  436. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  437. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  438. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  439. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  440. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  441. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  442. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  443. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  444. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  445. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  446. package/package.json +7 -8
  447. package/src/Avatar.hbs +12 -6
  448. package/src/CheckBox.hbs +1 -0
  449. package/src/Icon.hbs +1 -0
  450. package/src/InputPopover.hbs +1 -1
  451. package/src/List.hbs +1 -1
  452. package/src/Menu.hbs +12 -1
  453. package/src/MonthPicker.hbs +0 -1
  454. package/src/MultiComboBox.hbs +0 -1
  455. package/src/TabInStrip.hbs +2 -4
  456. package/src/YearPicker.hbs +0 -1
  457. package/src/themes/Avatar.css +16 -0
  458. package/src/themes/Card.css +2 -2
  459. package/src/themes/CheckBox.css +13 -23
  460. package/src/themes/FileUploader.css +5 -5
  461. package/src/themes/Input.css +13 -8
  462. package/src/themes/Link.css +10 -3
  463. package/src/themes/Menu.css +4 -0
  464. package/src/themes/StepInput.css +5 -5
  465. package/src/themes/Suggestions.css +12 -0
  466. package/src/themes/TabContainer.css +2 -0
  467. package/src/themes/TabInStrip.css +6 -1
  468. package/src/themes/Title.css +8 -1
  469. package/src/themes/base/Input-parameters.css +1 -2
  470. package/src/themes/base/Link-parameters.css +2 -0
  471. package/src/themes/base/sizes-parameters.css +1 -1
  472. package/src/themes/sap_belize/Input-parameters.css +0 -1
  473. package/src/themes/sap_belize_hcb/Input-parameters.css +0 -1
  474. package/src/themes/sap_belize_hcw/Input-parameters.css +0 -1
  475. package/src/themes/sap_horizon/CheckBox-parameters.css +4 -9
  476. package/src/themes/sap_horizon/Input-parameters.css +0 -5
  477. package/src/themes/sap_horizon/Link-parameters.css +1 -0
  478. package/src/themes/sap_horizon_dark/CheckBox-parameters.css +4 -9
  479. package/src/themes/sap_horizon_dark/Input-parameters.css +0 -5
  480. package/src/themes/sap_horizon_dark/Link-parameters.css +1 -0
  481. package/src/themes/sap_horizon_exp/Input-parameters.css +0 -5
  482. package/src/themes/sap_horizon_hcb/CheckBox-parameters.css +2 -7
  483. package/src/themes/sap_horizon_hcb/Link-parameters.css +1 -0
  484. package/src/themes/sap_horizon_hcw/CheckBox-parameters.css +2 -7
  485. package/src/themes/sap_horizon_hcw/Link-parameters.css +1 -0
  486. package/LICENSE.txt +0 -201
  487. package/dist/assets/Title.d6aa17aa.css +0 -1
  488. package/dist/assets/parameters-bundle.css.040aa3dd.js +0 -1
  489. package/dist/assets/parameters-bundle.css.1b6e2478.js +0 -1
  490. package/dist/assets/parameters-bundle.css.21513a38.js +0 -1
  491. package/dist/assets/parameters-bundle.css.2c8496aa.js +0 -1
  492. package/dist/assets/parameters-bundle.css.3c25e356.js +0 -1
  493. package/dist/assets/parameters-bundle.css.4daa1648.js +0 -1
  494. package/dist/assets/parameters-bundle.css.52765351.js +0 -1
  495. package/dist/assets/parameters-bundle.css.699b96c0.js +0 -1
  496. package/dist/assets/parameters-bundle.css.6db4d34a.js +0 -1
  497. package/dist/assets/parameters-bundle.css.70a65e3a.js +0 -1
  498. package/dist/assets/parameters-bundle.css.71348be9.js +0 -1
  499. package/dist/assets/parameters-bundle.css.71c92b92.js +0 -1
  500. package/dist/assets/parameters-bundle.css.75b9ef28.js +0 -1
  501. package/dist/assets/parameters-bundle.css.7629e56e.js +0 -1
  502. package/dist/assets/parameters-bundle.css.91aaddc5.js +0 -1
  503. package/dist/assets/parameters-bundle.css.9bd22734.js +0 -1
  504. package/dist/assets/parameters-bundle.css.b7a262bf.js +0 -1
  505. package/dist/assets/parameters-bundle.css.b8f73a77.js +0 -1
  506. package/dist/assets/parameters-bundle.css.c565b624.js +0 -1
  507. package/dist/assets/parameters-bundle.css.cbd268df.js +0 -1
  508. package/dist/assets/parameters-bundle.css.d8251aad.js +0 -1
  509. package/dist/assets/parameters-bundle.css.f2cd40dd.js +0 -1
  510. package/dist/assets/parameters-bundle.css.f36b416c.js +0 -1
  511. package/dist/assets/parameters-bundle.css.f552e9e6.js +0 -1
  512. package/dist/assets/test/pages/ComboBox.html.8efde534.js +0 -1
  513. package/dist/assets/test/pages/Icon.html.2b52be1e.js +0 -1
  514. package/dist/assets/test/pages/Label.html.1a32d008.js +0 -4
  515. package/dist/assets/test/pages/Popups.html.11aeb74f.js +0 -1
  516. package/dist/test/pages/72override.html +0 -33
  517. package/dist/test/pages/AnimanitionOff.html +0 -52
  518. package/dist/test/pages/Avatar.html +0 -264
  519. package/dist/test/pages/AvatarGroup.html +0 -376
  520. package/dist/test/pages/Badge.html +0 -75
  521. package/dist/test/pages/Breadcrumbs.html +0 -239
  522. package/dist/test/pages/BusyIndicator.html +0 -278
  523. package/dist/test/pages/Button.html +0 -273
  524. package/dist/test/pages/Calendar.html +0 -98
  525. package/dist/test/pages/Card.html +0 -347
  526. package/dist/test/pages/Carousel.html +0 -584
  527. package/dist/test/pages/CheckBox.html +0 -90
  528. package/dist/test/pages/ColorPalette.html +0 -126
  529. package/dist/test/pages/ColorPalettePopover.html +0 -141
  530. package/dist/test/pages/ColorPicker.html +0 -66
  531. package/dist/test/pages/ComboBox.html +0 -292
  532. package/dist/test/pages/Components.html +0 -106
  533. package/dist/test/pages/CoreControls.html +0 -203
  534. package/dist/test/pages/CoreControls_exp.html +0 -203
  535. package/dist/test/pages/CustomCSS.html +0 -55
  536. package/dist/test/pages/DatePicker.html +0 -205
  537. package/dist/test/pages/DatePicker_test_page.html +0 -106
  538. package/dist/test/pages/DateRangePicker.html +0 -64
  539. package/dist/test/pages/DateTimePicker.html +0 -190
  540. package/dist/test/pages/DateTimePicker_Timezone.html +0 -72
  541. package/dist/test/pages/DayPicker.html +0 -37
  542. package/dist/test/pages/Dialog.html +0 -799
  543. package/dist/test/pages/DialogLifecycle.html +0 -62
  544. package/dist/test/pages/DialogSemantic.html +0 -58
  545. package/dist/test/pages/Eventing.html +0 -33
  546. package/dist/test/pages/F6Test1.html +0 -42
  547. package/dist/test/pages/F6Test2.html +0 -42
  548. package/dist/test/pages/F6Test3.html +0 -39
  549. package/dist/test/pages/F6Test4.html +0 -46
  550. package/dist/test/pages/F6Test5.html +0 -42
  551. package/dist/test/pages/F6Test6.html +0 -39
  552. package/dist/test/pages/F6Test7.html +0 -36
  553. package/dist/test/pages/FileUploader.html +0 -138
  554. package/dist/test/pages/FormComponents.html +0 -72
  555. package/dist/test/pages/FormSupport.html +0 -59
  556. package/dist/test/pages/HCB.html +0 -45
  557. package/dist/test/pages/Icon.html +0 -278
  558. package/dist/test/pages/Icon_and_theming.html +0 -67
  559. package/dist/test/pages/Icon_custom.html +0 -26
  560. package/dist/test/pages/Input.html +0 -731
  561. package/dist/test/pages/InputFieldLabels.html +0 -355
  562. package/dist/test/pages/InputFieldMinWidth.html +0 -230
  563. package/dist/test/pages/InputIcons.html +0 -80
  564. package/dist/test/pages/Input_quickview.html +0 -204
  565. package/dist/test/pages/InputsAlignment.html +0 -131
  566. package/dist/test/pages/InputsLazyLoading.html +0 -244
  567. package/dist/test/pages/ItemNavigation.html +0 -94
  568. package/dist/test/pages/Kitchen.html +0 -637
  569. package/dist/test/pages/Kitchen.openui5.html +0 -570
  570. package/dist/test/pages/Label.html +0 -161
  571. package/dist/test/pages/Link.html +0 -201
  572. package/dist/test/pages/List.html +0 -465
  573. package/dist/test/pages/ListGrowing_Button.html +0 -64
  574. package/dist/test/pages/ListGrowing_Scroll.html +0 -93
  575. package/dist/test/pages/List_keyboard_support.html +0 -130
  576. package/dist/test/pages/List_test_page.html +0 -371
  577. package/dist/test/pages/LitKeyFunction.html +0 -40
  578. package/dist/test/pages/MemoryLeak.html +0 -78
  579. package/dist/test/pages/Menu.html +0 -145
  580. package/dist/test/pages/MessagePage.html +0 -39
  581. package/dist/test/pages/MessageStrip.html +0 -55
  582. package/dist/test/pages/MultiComboBox.html +0 -489
  583. package/dist/test/pages/MultiInput.html +0 -451
  584. package/dist/test/pages/MultiInput_Suggestions.html +0 -161
  585. package/dist/test/pages/OpenUI5-second.html +0 -60
  586. package/dist/test/pages/OpenUI5.html +0 -83
  587. package/dist/test/pages/Panel.html +0 -226
  588. package/dist/test/pages/Popover.html +0 -624
  589. package/dist/test/pages/PopoverArrowBounds.html +0 -52
  590. package/dist/test/pages/Popups.html +0 -131
  591. package/dist/test/pages/ProgressIndicator.html +0 -151
  592. package/dist/test/pages/RTL.html +0 -118
  593. package/dist/test/pages/RadioButton.html +0 -201
  594. package/dist/test/pages/RangeSlider.html +0 -96
  595. package/dist/test/pages/RatingIndicator.html +0 -97
  596. package/dist/test/pages/ResizeHandler.html +0 -74
  597. package/dist/test/pages/ResponsivePopover.html +0 -267
  598. package/dist/test/pages/SegmentedButton.html +0 -151
  599. package/dist/test/pages/Select.html +0 -260
  600. package/dist/test/pages/Simple.html +0 -25
  601. package/dist/test/pages/Slider.html +0 -79
  602. package/dist/test/pages/SplitButton.html +0 -101
  603. package/dist/test/pages/StepInput.html +0 -189
  604. package/dist/test/pages/Switch.html +0 -97
  605. package/dist/test/pages/TabContainer.html +0 -904
  606. package/dist/test/pages/Table-perf-pure.html +0 -73
  607. package/dist/test/pages/Table-perf.html +0 -76
  608. package/dist/test/pages/Table.html +0 -2808
  609. package/dist/test/pages/Table2.html +0 -53
  610. package/dist/test/pages/TableAllPopin.html +0 -228
  611. package/dist/test/pages/TableCustomStyling.html +0 -89
  612. package/dist/test/pages/TableGrouping.html +0 -109
  613. package/dist/test/pages/TableGrowingWithButton.html +0 -805
  614. package/dist/test/pages/TableGrowingWithScroll.html +0 -801
  615. package/dist/test/pages/TableSelection.html +0 -445
  616. package/dist/test/pages/Test.html +0 -15
  617. package/dist/test/pages/TextArea.html +0 -222
  618. package/dist/test/pages/TimePicker.html +0 -81
  619. package/dist/test/pages/TimeSelection.html +0 -31
  620. package/dist/test/pages/Title.html +0 -37
  621. package/dist/test/pages/Toast.html +0 -111
  622. package/dist/test/pages/ToggleButton.html +0 -71
  623. package/dist/test/pages/Tree.html +0 -307
  624. package/dist/test/pages/WheelSlider_Test_Page.html +0 -26
  625. package/dist/test/pages/base/AriaLabelHelper.html +0 -334
  626. package/dist/test/pages/base/DOMObserver.html +0 -20
  627. package/dist/test/pages/base/IconCollection.html +0 -23
  628. package/dist/test/pages/base/IconCollectionInCustomTheme.html +0 -25
  629. package/dist/test/pages/base/InvisibleMessage.html +0 -44
  630. package/dist/test/pages/form.html +0 -123
  631. package/dist/test/pages/i18n-defaultLang.html +0 -31
  632. package/dist/test/pages/i18n-demo.html +0 -79
  633. package/global.d.ts +0 -12
package/dist/test/pages/TabContainer.html DELETED
@@ -1,904 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
-
4
- <head>
5
- <meta charset="utf-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7
- <title>Tab Container</title>
8
-
9
- <script data-ui5-config type="application/json">
10
- {
11
- "theme": "sap_fiori_3",
12
- "language": "EN"
13
- }
14
- </script>
15
-
16
-
17
- <script type="module" crossorigin src="/assets/bundle.common.c871410e.js"></script>
18
- <link rel="stylesheet" href="/assets/TabContainer.718b814c.css">
19
- </head>
20
-
21
- <body class="tabcontainer1auto">
22
-
23
- <header class="header">
24
- <h1 class="header-title">ui5-tabcontainer</h1>
25
- </header>
26
- <ui5-toggle-button id="densityToggle">Compact</ui5-toggle-button>
27
-
28
- <section>
29
- <h2>Nested Tabs</h2>
30
- <ui5-tabcontainer id="tabContainerNestedTabs" collapsed>
31
- <ui5-tab text="One">
32
- <ui5-button>Button 1</ui5-button>
33
- </ui5-tab>
34
-
35
- <ui5-tab-separator></ui5-tab-separator>
36
-
37
- <ui5-tab text="Two">
38
- <ui5-button id="button2">Button 2</ui5-button>
39
-
40
- <ui5-tab slot="subTabs" text="2.1">
41
- <ui5-button id="button21">Button 21</ui5-button>
42
-
43
- <ui5-tab slot="subTabs" text="2.1.1" selected>
44
- <ui5-button id="button211">Button 211</ui5-button>
45
- </ui5-tab>
46
-
47
- <ui5-tab-separator slot="subTabs"></ui5-tab-separator>
48
-
49
- <ui5-tab slot="subTabs" text="2.1.2">
50
- <ui5-tab slot="subTabs" text="2.1.2.1">
51
- <ui5-button id="button2121">Button 2121</ui5-button>
52
- </ui5-tab>
53
-
54
- <ui5-button id="button212">Button 212</ui5-button>
55
- </ui5-tab>
56
-
57
- </ui5-tab>
58
-
59
- <ui5-tab text="2.2" slot="subTabs">
60
- Text for 2.2
61
- </ui5-tab>
62
- </ui5-tab>
63
-
64
- <ui5-tab text="Three">
65
- <ui5-tab slot="subTabs" icon="sap-icon://menu2" text="3.1">
66
- <ui5-button>Button 3.1</ui5-button>
67
-
68
- <ui5-tab slot="subTabs" icon="sap-icon://menu2" text="3.1.1">
69
- <ui5-button>Button 3.1.1</ui5-button>
70
- </ui5-tab>
71
- <ui5-tab-separator slot="subTabs"></ui5-tab-separator>
72
- <ui5-tab slot="subTabs" icon="sap-icon://menu2" text="3.1.2">
73
- <ui5-button>Button 3.1.2</ui5-button>
74
- </ui5-tab>
75
- </ui5-tab>
76
- </ui5-tab>
77
-
78
- <ui5-tab text="Four">
79
- <ui5-button>Button 4</ui5-button>
80
-
81
- <ui5-tab-separator slot="subTabs"></ui5-tab-separator>
82
- <ui5-tab slot="subTabs" text="Four 1">
83
- <ui5-button>Button 41</ui5-button>
84
-
85
- <ui5-tab-separator slot="subTabs"></ui5-tab-separator>
86
- <ui5-tab design="Positive" slot="subTabs" text="Four 1.1">
87
- <ui5-button>Button 411</ui5-button>
88
-
89
- <ui5-tab-separator slot="subTabs"></ui5-tab-separator>
90
- <ui5-tab slot="subTabs" text="Four 1.1.1">
91
- <ui5-button>Button 4111</ui5-button>
92
-
93
- <ui5-tab-separator slot="subTabs"></ui5-tab-separator>
94
- <ui5-tab slot="subTabs" text="Four 1.1.1.1">
95
- <ui5-button>Button 41111</ui5-button>
96
-
97
- <ui5-tab-separator slot="subTabs"></ui5-tab-separator>
98
- </ui5-tab>
99
- </ui5-tab>
100
- </ui5-tab>
101
- </ui5-tab>
102
- </ui5-tab>
103
-
104
- <ui5-tab text="Five">Tab Content</ui5-tab>
105
- <ui5-tab text="Six">Tab Content</ui5-tab>
106
- <ui5-tab text="Seven"></ui5-tab>
107
- <ui5-tab-separator>Tab Content</ui5-tab-separator>
108
- <ui5-tab text="Eight">Tab Content</ui5-tab>
109
- <ui5-tab text="Nine">Tab Content</ui5-tab>
110
- <ui5-tab text="Ten">Tab Content
111
- <ui5-tab slot="subTabs" text="Ten 1">Tab 10.1 Content
112
- <ui5-tab slot="subTabs" text="Ten 1.1">Tab 10.1.1 Content
113
- <ui5-tab-separator slot="subTabs"></ui5-tab-separator>
114
- <ui5-tab slot="subTabs" text="Ten 1.1.1">Tab Content
115
- <ui5-tab slot="subTabs" text="Ten 1.1.1.1"></ui5-tab>
116
- </ui5-tab>
117
- </ui5-tab>
118
- </ui5-tab>
119
- </ui5-tab>
120
- <ui5-tab text="Eleven"></ui5-tab>
121
- <ui5-tab-separator></ui5-tab-separator>
122
- <ui5-tab text="Twelve"></ui5-tab>
123
- <ui5-tab text="Thirteen"></ui5-tab>
124
- <ui5-tab text="Fourteen">
125
- <ui5-tab slot="subTabs" text="Fourteen 1">1
126
- <ui5-tab slot="subTabs" text="Fourteen 1.1">1.1</ui5-tab>
127
- </ui5-tab>
128
- <ui5-tab slot="subTabs" text="Fourteen 2">2
129
- <ui5-tab slot="subTabs" text="Fourteen 2.1">2.1
130
- <ui5-tab slot="subTabs" text="Fourteen 2.1.1">2.1.1</ui5-tab>
131
- </ui5-tab>
132
- <ui5-tab slot="subTabs" text="Fourteen 2.2">2.2</ui5-tab>
133
- </ui5-tab>
134
- </ui5-tab>
135
- <ui5-tab text="Fifteen"></ui5-tab>
136
- <ui5-tab text="Sixteen"></ui5-tab>
137
- <ui5-tab text="Seventeen"></ui5-tab>
138
- <ui5-tab-separator></ui5-tab-separator>
139
- <ui5-tab text="Eighteen"></ui5-tab>
140
-
141
- </ui5-tabcontainer>
142
- </section>
143
-
144
- <section>
145
- <h2>Text only End Overflow</h2>
146
- <ui5-tabcontainer id="tabContainerEndOverflow" collapsed fixed>
147
- <ui5-tab design="Positive" text="One"></ui5-tab>
148
- <ui5-tab design="Negative" text="Two" disabled>
149
- <ui5-tab slot="subTabs" text="2.1"></ui5-tab>
150
- </ui5-tab>
151
- <ui5-tab design="Critical" text="Three">
152
- <ui5-tab slot="subTabs" design="Positive" text="3.1">
153
- <ui5-button>Button 3</ui5-button>
154
- </ui5-tab>
155
- </ui5-tab>
156
- <ui5-tab text="Four"></ui5-tab>
157
-
158
- <ui5-tab text="Five">
159
- <ui5-tab slot="subTabs" text="nested in Five">
160
- <ui5-tab slot="subTabs" text="nested deeper in Five">text</ui5-tab>
161
- text
162
- </ui5-tab>
163
- </ui5-tab>
164
-
165
- <ui5-tab text="Six"></ui5-tab>
166
- <ui5-tab text="Seven"></ui5-tab>
167
- <ui5-tab-separator></ui5-tab-separator>
168
- <ui5-tab design="Positive" text="Eight"></ui5-tab>
169
- <ui5-tab design="Negative" text="Nine"></ui5-tab>
170
- <ui5-tab design="Critical" text="Ten"></ui5-tab>
171
- <ui5-tab text="Eleven"></ui5-tab>
172
- <ui5-tab-separator></ui5-tab-separator>
173
- <ui5-tab text="Twelve"></ui5-tab>
174
- <ui5-tab text="Thirteen" selected></ui5-tab>
175
- <ui5-tab text="Fourteen"></ui5-tab>
176
- <ui5-tab text="Fifteen"></ui5-tab>
177
- <ui5-tab text="Sixteen"></ui5-tab>
178
- <ui5-tab text="Seventeen"></ui5-tab>
179
- <ui5-tab text="Eighteen"></ui5-tab>
180
- <ui5-tab-separator></ui5-tab-separator>
181
- <ui5-tab text="Nineteen"></ui5-tab>
182
- <ui5-tab text="Twenty"></ui5-tab>
183
- <ui5-tab text="Twenty One"></ui5-tab>
184
- <ui5-tab text="Twenty Two"></ui5-tab>
185
- <ui5-tab text="Twenty Three"></ui5-tab>
186
- <ui5-tab text="Twenty Four"></ui5-tab>
187
- <ui5-tab-separator></ui5-tab-separator>
188
- <ui5-tab text="Twenty Five"></ui5-tab>
189
- <ui5-tab text="Twenty Six"></ui5-tab>
190
- <ui5-tab text="Twenty Seven"></ui5-tab>
191
- <ui5-tab-separator></ui5-tab-separator>
192
- <ui5-tab text="Twenty Eight"></ui5-tab>
193
- <ui5-tab text="Twenty Nine"></ui5-tab>
194
- <ui5-tab text="Thirty"></ui5-tab>
195
- </ui5-tabcontainer>
196
- </section>
197
-
198
- <section>
199
- <h2>Text only Start And End Overflow</h2>
200
- <ui5-tabcontainer id="tabContainerStartAndEndOverflow" tabs-overflow-mode="StartAndEnd" collapsed fixed>
201
- <ui5-tab text="One"></ui5-tab>
202
- <ui5-tab text="Two"></ui5-tab>
203
- <ui5-tab text="Three"></ui5-tab>
204
- <ui5-tab text="Four"></ui5-tab>
205
- <ui5-tab text="Five"></ui5-tab>
206
- <ui5-tab text="Six"></ui5-tab>
207
- <ui5-tab text="Seven"></ui5-tab>
208
- <ui5-tab text="Eight"></ui5-tab>
209
- <ui5-tab text="Nine"></ui5-tab>
210
- <ui5-tab text="Ten"></ui5-tab>
211
- <ui5-tab text="Eleven"></ui5-tab>
212
- <ui5-tab text="Twelve"></ui5-tab>
213
- <ui5-tab text="Thirteen"></ui5-tab>
214
- <ui5-tab text="Fourteen"></ui5-tab>
215
- <ui5-tab text="Fifteen"></ui5-tab>
216
- <ui5-tab text="Sixteen" design="Positive"></ui5-tab>
217
- <ui5-tab text="Seventeen" design="Negative"></ui5-tab>
218
- <ui5-tab text="Eighteen" design="Critical"></ui5-tab>
219
- <ui5-tab text="Nineteen"></ui5-tab>
220
- <ui5-tab text="Twenty" selected></ui5-tab>
221
- <ui5-tab text="Twenty One"></ui5-tab>
222
- <ui5-tab text="Twenty Two"></ui5-tab>
223
- <ui5-tab text="Twenty Three"></ui5-tab>
224
- <ui5-tab text="Twenty Four"></ui5-tab>
225
- <ui5-tab text="Twenty Five"></ui5-tab>
226
- <ui5-tab text="Twenty Six"></ui5-tab>
227
- <ui5-tab text="Twenty Seven"></ui5-tab>
228
- <ui5-tab text="Twenty Eight"></ui5-tab>
229
- <ui5-tab text="Twenty Nine"></ui5-tab>
230
- <ui5-tab text="Thirty"></ui5-tab>
231
- </ui5-tabcontainer>
232
- </section>
233
-
234
- <section>
235
- <h2>Tab Container</h2>
236
- <ui5-checkbox text="prevent tab-select event" id="cbPrevent"></ui5-checkbox>
237
- <ui5-tabcontainer id="tabContainer1" fixed collapsed>
238
- <ui5-tab stable-dom-ref="products-ref" text="Products" additional-text="125"></ui5-tab>
239
- <ui5-tab-separator></ui5-tab-separator>
240
- <ui5-tab icon="sap-icon://menu2" text="Laptops" design="Positive" additional-text="25"></ui5-tab>
241
- <ui5-tab icon="sap-icon://menu" text="Monitors" selected design="Critical" additional-text="45"></ui5-tab>
242
- <ui5-tab icon="sap-icon://menu2" text="Keyboards" design="Negative" additional-text="15"></ui5-tab>
243
- <ui5-tab icon="sap-icon://menu2" disabled text="Disabled" design="Negative" additional-text="40"></ui5-tab>
244
- <ui5-tab icon="sap-icon://menu2" text="Neutral" design="Neutral" additional-text="40"></ui5-tab>
245
- <ui5-tab icon="sap-icon://menu2" text="Default" additional-text="40"></ui5-tab>
246
- </ui5-tabcontainer>
247
- </section>
248
-
249
- <section>
250
- <h2>Tab Container Start And End Overflow</h2>
251
- <ui5-tabcontainer id="tabContainer2" fixed collapsed tabs-overflow-mode="StartAndEnd">
252
- <ui5-tab stable-dom-ref="products-ref" text="Products" additional-text="125"></ui5-tab>
253
- <ui5-tab-separator></ui5-tab-separator>
254
- <ui5-tab icon="sap-icon://menu2" text="Laptops" design="Positive" additional-text="25"></ui5-tab>
255
- <ui5-tab icon="sap-icon://menu" text="Monitors" selected design="Critical" additional-text="45"></ui5-tab>
256
- <ui5-tab icon="sap-icon://menu2" text="Keyboards" design="Negative" additional-text="15"></ui5-tab>
257
- <ui5-tab icon="sap-icon://menu2" disabled text="Disabled" design="Negative" additional-text="40"></ui5-tab>
258
- <ui5-tab icon="sap-icon://menu2" text="Neutral" design="Neutral" additional-text="40"></ui5-tab>
259
- <ui5-tab icon="sap-icon://menu2" text="Default" additional-text="40"></ui5-tab>
260
- </ui5-tabcontainer>
261
- </section>
262
-
263
- <section>
264
- <h2>Icon only</h2>
265
- <ui5-tabcontainer id="tabContainerIconOnly">
266
- <ui5-tab icon="sap-icon://card" selected>
267
- <ui5-button>Button 11</ui5-button>
268
- <ui5-button>Button 12</ui5-button>
269
- </ui5-tab>
270
- <ui5-tab icon="sap-icon://employee">
271
- <ui5-button>Button 3</ui5-button>
272
- </ui5-tab>
273
- <ui5-tab icon="sap-icon://employee">
274
- <ui5-button>Button 3</ui5-button>
275
- </ui5-tab>
276
- <ui5-tab icon="sap-icon://menu2">
277
- <ui5-button>Button 2</ui5-button>
278
- </ui5-tab>
279
- <ui5-tab icon="sap-icon://menu2">
280
- <ui5-button>Button 2</ui5-button>
281
- </ui5-tab>
282
- <ui5-tab icon="sap-icon://employee">
283
- <ui5-button>Button 3</ui5-button>
284
- </ui5-tab>
285
- <ui5-tab icon="sap-icon://employee">
286
- <ui5-button>Button 3</ui5-button>
287
- </ui5-tab>
288
- <ui5-tab icon="sap-icon://employee">
289
- <ui5-button>Button 3</ui5-button>
290
- </ui5-tab>
291
- <ui5-tab icon="sap-icon://employee">
292
- <ui5-button>Button 3</ui5-button>
293
- </ui5-tab>
294
- <ui5-tab icon="sap-icon://employee">
295
- <ui5-button>Button 3</ui5-button>
296
- </ui5-tab>
297
- <ui5-tab icon="sap-icon://employee">
298
- <ui5-button>Button 3</ui5-button>
299
- </ui5-tab>
300
- <ui5-tab icon="sap-icon://menu2">
301
- <ui5-button>Button 2</ui5-button>
302
- </ui5-tab>
303
- <ui5-tab icon="sap-icon://employee">
304
- <ui5-button>Button 3</ui5-button>
305
- </ui5-tab>
306
- </ui5-tabcontainer>
307
- </section>
308
-
309
- <section>
310
- <h2>Text only</h2>
311
- <ui5-tabcontainer id="tabContainerTextOnly">
312
- <ui5-tab text="Products ID" selected>
313
- <ui5-button>Button 11</ui5-button>
314
- <ui5-button>Button 12</ui5-button>
315
- </ui5-tab>
316
- <ui5-tab text="Availability">
317
- <ui5-button>Button 2</ui5-button>
318
- </ui5-tab>
319
- <ui5-tab text="Expiration Date">
320
- <ui5-button>Button 3</ui5-button>
321
- </ui5-tab>
322
- <ui5-tab text="Date of Delivery">
323
- <ui5-button>Button 4</ui5-button>
324
- </ui5-tab>
325
- <ui5-tab text="Date of Manufacture">
326
- <ui5-button>Button 4</ui5-button>
327
- </ui5-tab>
328
- <ui5-tab text="Value">
329
- <ui5-button>Button 4</ui5-button>
330
- </ui5-tab>
331
- <ui5-tab text="Price">
332
- <ui5-button>Button 4</ui5-button>
333
- </ui5-tab>
334
- <ui5-tab text="Net Profit">
335
- <ui5-button>Button 4</ui5-button>
336
- </ui5-tab>
337
- <ui5-tab text="Company Name">
338
- <ui5-button>Button 4</ui5-button>
339
- </ui5-tab>
340
- <ui5-tab text="Warehouse Location">
341
- <ui5-button>Button 4</ui5-button>
342
- </ui5-tab>
343
- <ui5-tab text="Address">
344
- <ui5-button>Button 4</ui5-button>
345
- </ui5-tab>
346
- <ui5-tab text="Country">
347
- <ui5-button>Button 4</ui5-button>
348
- </ui5-tab>
349
- </ui5-tabcontainer>
350
- </section>
351
-
352
- <section class="tabcontainer2auto">
353
- <h2>Scrollable child</h2>
354
- <ui5-tabcontainer fixed class="tabcontainer3auto" id="tc-scrollable-child">
355
- <ui5-tab text="Tab 1" selected id="scrollable-tab">
356
- <ui5-button>Toggle style</ui5-button>
357
-
358
- <ui5-table>
359
- <ui5-table-column slot="columns">Source</ui5-table-column>
360
- <ui5-table-column slot="columns">Method</ui5-table-column>
361
-
362
- <ui5-table-row>
363
- <ui5-table-cell>Cell 1</ui5-table-cell>
364
- <ui5-table-cell>Cell 2</ui5-table-cell>
365
- </ui5-table-row>
366
-
367
- <ui5-table-row>
368
- <ui5-table-cell>Cell 1</ui5-table-cell>
369
- <ui5-table-cell>Cell 2</ui5-table-cell>
370
- </ui5-table-row>
371
-
372
- <ui5-table-row>
373
- <ui5-table-cell>Cell 1</ui5-table-cell>
374
- <ui5-table-cell>Cell 2</ui5-table-cell>
375
- </ui5-table-row>
376
-
377
- <ui5-table-row>
378
- <ui5-table-cell>Cell 1</ui5-table-cell>
379
- <ui5-table-cell>Cell 2</ui5-table-cell>
380
- </ui5-table-row>
381
-
382
- <ui5-table-row>
383
- <ui5-table-cell>Cell 1</ui5-table-cell>
384
- <ui5-table-cell>Cell 2</ui5-table-cell>
385
- </ui5-table-row>
386
-
387
- <ui5-table-row>
388
- <ui5-table-cell>Cell 1</ui5-table-cell>
389
- <ui5-table-cell>Cell 2</ui5-table-cell>
390
- </ui5-table-row>
391
- <ui5-table-row>
392
- <ui5-table-cell>Cell 1</ui5-table-cell>
393
- <ui5-table-cell>Cell 2</ui5-table-cell>
394
- </ui5-table-row>
395
- <ui5-table-row>
396
- <ui5-table-cell>Cell 1</ui5-table-cell>
397
- <ui5-table-cell>Cell 2</ui5-table-cell>
398
- </ui5-table-row>
399
- <ui5-table-row>
400
- <ui5-table-cell>Cell 1</ui5-table-cell>
401
- <ui5-table-cell>Cell 2</ui5-table-cell>
402
- </ui5-table-row>
403
- <ui5-table-row>
404
- <ui5-table-cell>Cell 1</ui5-table-cell>
405
- <ui5-table-cell>Cell 2</ui5-table-cell>
406
- </ui5-table-row>
407
- </ui5-table>
408
- </ui5-tab>
409
-
410
- </ui5-tabcontainer>
411
- </section>
412
-
413
- <section>
414
- <h2>Icon and Text</h2>
415
-
416
- <ui5-tabcontainer>
417
- <ui5-tab icon="sap-icon://card" text="Tab 1" additional-text="123">
418
- <div class="tabcontainer2auto">
419
- <h4>Content with set height: 300px</h4>
420
- <ui5-button>Button 11</ui5-button>
421
- <ui5-button>Button 12</ui5-button>
422
- </div>
423
- </ui5-tab>
424
- <ui5-tab icon="sap-icon://menu2" text="Tab 2" additional-text="444" selected>
425
- <ui5-button>Button 2</ui5-button>
426
- </ui5-tab>
427
- <ui5-tab icon="sap-icon://employee" text="Tab 3" additional-text="123">
428
- <ui5-button>Button 3</ui5-button>
429
- </ui5-tab>
430
- </ui5-tabcontainer>
431
- </section>
432
-
433
- <section>
434
- <h2>Icon and Text with tabLayout="Inline"</h2>
435
-
436
- <ui5-tabcontainer tab-layout="Inline">
437
- <ui5-tab icon="sap-icon://card" text="Tab 1" additional-text="123">
438
- <div class="tabcontainer2auto">
439
- <h4>Content with set height: 300px</h4>
440
- <ui5-button>Button 11</ui5-button>
441
- <ui5-button>Button 12</ui5-button>
442
- </div>
443
- </ui5-tab>
444
- <ui5-tab icon="sap-icon://menu2" text="Tab 2" additional-text="444" selected>
445
- <ui5-button>Button 2</ui5-button>
446
- </ui5-tab>
447
- <ui5-tab icon="sap-icon://employee" text="Tab 3" additional-text="123">
448
- <ui5-button>Button 3</ui5-button>
449
- </ui5-tab>
450
- </ui5-tabcontainer>
451
- </section>
452
-
453
- <section>
454
- <h2>Text and additional text</h2>
455
-
456
- <ui5-tabcontainer>
457
- <ui5-tab text="Tab 1" additional-text="additional">
458
- <ui5-button>Button 11</ui5-button>
459
- <ui5-button>Button 12</ui5-button>
460
- </ui5-tab>
461
- <ui5-tab text="Tab 2" additional-text="additional" selected>
462
- <ui5-button>Button 2</ui5-button>
463
- </ui5-tab>
464
- <ui5-tab text="Tab 3" additional-text="additional">
465
- <ui5-button>Button 3</ui5-button>
466
- </ui5-tab>
467
- </ui5-tabcontainer>
468
- </section>
469
-
470
- <section>
471
- <h2>Text and additional text with tabLayout="Inline"</h2>
472
-
473
- <ui5-tabcontainer tab-layout="Inline">
474
- <ui5-tab text="Monitors" additional-text="10">
475
- <ui5-button>Button 11</ui5-button>
476
- <ui5-button>Button 12</ui5-button>
477
- </ui5-tab>
478
- <ui5-tab text="Cameras" additional-text="2" selected>
479
- <ui5-button>Button 2</ui5-button>
480
- </ui5-tab>
481
- <ui5-tab text="Rooms" additional-text="16">
482
- <ui5-button>Button 3</ui5-button>
483
- </ui5-tab>
484
- </ui5-tabcontainer>
485
- </section>
486
-
487
- <section>
488
- <h2>Tabs with input elements</h2>
489
-
490
- <ui5-tabcontainer>
491
- <ui5-tab text="Tab 1" selected>
492
- <p>ui5-input</p>
493
- <ui5-input></ui5-input>
494
- </ui5-tab>
495
- <ui5-tab text="Tab 2">
496
- <p>browser input</p>
497
- <input type="text">
498
- </ui5-tab>
499
- </ui5-tabcontainer>
500
- </section>
501
-
502
- <section class="result">
503
- <h2>Result</h2>
504
- <span id="result"></span>
505
- <span id="resultIdx"></span>
506
- </section>
507
-
508
- <section class="ui5-content-density-compact">
509
- <h3>TabContainer in Compact</h3>
510
- <div>
511
- <ui5-tabcontainer>
512
- <ui5-tab text="Products ID">
513
- <ui5-button>Button 11</ui5-button>
514
- <ui5-button>Button 12</ui5-button>
515
- </ui5-tab>
516
- <ui5-tab text="Availability">
517
- <ui5-button>Button 2</ui5-button>
518
- </ui5-tab>
519
- <ui5-tab text="Expiration Date">
520
- <ui5-button>Button 3</ui5-button>
521
- </ui5-tab>
522
- <ui5-tab text="Date of Delivery">
523
- <ui5-button>Button 4</ui5-button>
524
- </ui5-tab>
525
- <ui5-tab text="Date of Manufacture">
526
- <ui5-button>Button 4</ui5-button>
527
- </ui5-tab>
528
- <ui5-tab text="Value">
529
- <ui5-button>Button 4</ui5-button>
530
- </ui5-tab>
531
- <ui5-tab text="Price">
532
- <ui5-button>Button 4</ui5-button>
533
- </ui5-tab>
534
- <ui5-tab text="Net Profit">
535
- <ui5-button>Button 4</ui5-button>
536
- </ui5-tab>
537
- <ui5-tab text="Company Name">
538
- <ui5-button>Button 4</ui5-button>
539
- </ui5-tab>
540
- <ui5-tab text="Warehouse Location">
541
- <ui5-button>Button 4</ui5-button>
542
- </ui5-tab>
543
- <ui5-tab text="Address">
544
- <ui5-button>Button 4</ui5-button>
545
- </ui5-tab>
546
- <ui5-tab text="Country">
547
- <ui5-button>Button 4</ui5-button>
548
- </ui5-tab>
549
- </ui5-tabcontainer>
550
-
551
- <ui5-tabcontainer id="tabContainer1Compact" fixed collapsed>
552
- <ui5-tab stable-dom-ref="products-ref" text="Products" additional-text="125"></ui5-tab>
553
- <ui5-tab-separator></ui5-tab-separator>
554
- <ui5-tab icon="sap-icon://menu2" text="Laptops" design="Positive" additional-text="25"></ui5-tab>
555
- <ui5-tab icon="sap-icon://menu" text="Monitors" selected design="Critical" additional-text="45"></ui5-tab>
556
- <ui5-tab icon="sap-icon://menu2" text="Keyboards" design="Negative" additional-text="15"></ui5-tab>
557
- <ui5-tab icon="sap-icon://menu2" disabled text="Disabled" design="Negative" additional-text="40"></ui5-tab>
558
- <ui5-tab icon="sap-icon://menu2" text="Neutral" design="Neutral" additional-text="40"></ui5-tab>
559
- <ui5-tab icon="sap-icon://menu2" text="Default" additional-text="40"></ui5-tab>
560
- </ui5-tabcontainer>
561
-
562
- <ui5-tabcontainer id="tabContainerIconOnlyCompact">
563
- <ui5-tab icon="sap-icon://card" selected>
564
- <ui5-button>Button 11</ui5-button>
565
- <ui5-button>Button 12</ui5-button>
566
- </ui5-tab>
567
- <ui5-tab icon="sap-icon://employee">
568
- <ui5-button>Button 3</ui5-button>
569
- </ui5-tab>
570
- <ui5-tab icon="sap-icon://employee">
571
- <ui5-button>Button 3</ui5-button>
572
- </ui5-tab>
573
- <ui5-tab icon="sap-icon://menu2">
574
- <ui5-button>Button 2</ui5-button>
575
- </ui5-tab>
576
- <ui5-tab icon="sap-icon://menu2">
577
- <ui5-button>Button 2</ui5-button>
578
- </ui5-tab>
579
- <ui5-tab icon="sap-icon://employee">
580
- <ui5-button>Button 3</ui5-button>
581
- </ui5-tab>
582
- <ui5-tab icon="sap-icon://employee">
583
- <ui5-button>Button 3</ui5-button>
584
- </ui5-tab>
585
- <ui5-tab icon="sap-icon://employee">
586
- <ui5-button>Button 3</ui5-button>
587
- </ui5-tab>
588
- <ui5-tab icon="sap-icon://employee">
589
- <ui5-button>Button 3</ui5-button>
590
- </ui5-tab>
591
- <ui5-tab icon="sap-icon://employee">
592
- <ui5-button>Button 3</ui5-button>
593
- </ui5-tab>
594
- <ui5-tab icon="sap-icon://employee">
595
- <ui5-button>Button 3</ui5-button>
596
- </ui5-tab>
597
- <ui5-tab icon="sap-icon://menu2">
598
- <ui5-button>Button 2</ui5-button>
599
- </ui5-tab>
600
- <ui5-tab icon="sap-icon://employee">
601
- <ui5-button>Button 3</ui5-button>
602
- </ui5-tab>
603
- </ui5-tabcontainer>
604
-
605
- </div>
606
- </section>
607
-
608
- <section>
609
- <h2>No paddings for the Content</h2>
610
- <ui5-tabcontainer class="tabContainerNoContentPaddings">
611
- <ui5-tab icon="sap-icon://card" selected>
612
- <ui5-table>
613
- <ui5-table-column slot="columns">Source</ui5-table-column>
614
- <ui5-table-column slot="columns">Method</ui5-table-column>
615
-
616
- <ui5-table-row>
617
- <ui5-table-cell>Cell 1</ui5-table-cell>
618
- <ui5-table-cell>Cell 2</ui5-table-cell>
619
- </ui5-table-row>
620
-
621
- <ui5-table-row>
622
- <ui5-table-cell>Cell 1</ui5-table-cell>
623
- <ui5-table-cell>Cell 2</ui5-table-cell>
624
- </ui5-table-row>
625
-
626
- <ui5-table-row>
627
- <ui5-table-cell>Cell 1</ui5-table-cell>
628
- <ui5-table-cell>Cell 2</ui5-table-cell>
629
- </ui5-table-row>
630
-
631
- <ui5-table-row>
632
- <ui5-table-cell>Cell 1</ui5-table-cell>
633
- <ui5-table-cell>Cell 2</ui5-table-cell>
634
- </ui5-table-row>
635
-
636
- <ui5-table-row>
637
- <ui5-table-cell>Cell 1</ui5-table-cell>
638
- <ui5-table-cell>Cell 2</ui5-table-cell>
639
- </ui5-table-row>
640
- </ui5-table>
641
- </ui5-tab>
642
-
643
- <ui5-tab icon="sap-icon://employee">
644
- <ui5-table>
645
- <ui5-table-column slot="columns">Source</ui5-table-column>
646
- <ui5-table-column slot="columns">Method</ui5-table-column>
647
-
648
- <ui5-table-row>
649
- <ui5-table-cell>Cell 3</ui5-table-cell>
650
- <ui5-table-cell>Cell 4</ui5-table-cell>
651
- </ui5-table-row>
652
-
653
- <ui5-table-row>
654
- <ui5-table-cell>Cell 3</ui5-table-cell>
655
- <ui5-table-cell>Cell 4</ui5-table-cell>
656
- </ui5-table-row>
657
-
658
- <ui5-table-row>
659
- <ui5-table-cell>Cell 3</ui5-table-cell>
660
- <ui5-table-cell>Cell 4</ui5-table-cell>
661
- </ui5-table-row>
662
-
663
- <ui5-table-row>
664
- <ui5-table-cell>Cell 3</ui5-table-cell>
665
- <ui5-table-cell>Cell 4</ui5-table-cell>
666
- </ui5-table-row>
667
-
668
- <ui5-table-row>
669
- <ui5-table-cell>Cell 3</ui5-table-cell>
670
- <ui5-table-cell>Cell 4</ui5-table-cell>
671
- </ui5-table-row>
672
- </ui5-table>
673
- </ui5-tab>
674
- </ui5-tabcontainer>
675
- </section>
676
-
677
- <section>
678
- <h2>Background design</h2>
679
- <div class="design-options">
680
- <div role="radiogroup" id="radioGroup-headerDesign" class="radio-button-group">
681
- <ui5-label>Header Background</ui5-label>
682
- <ui5-radio-button text="Solid" checked name="Group1"></ui5-radio-button>
683
- <ui5-radio-button text="Transparent" name="Group1"></ui5-radio-button>
684
- <ui5-radio-button text="Translucent" name="Group1"></ui5-radio-button>
685
- </div>
686
-
687
- <div role="radiogroup2" id="radioGroup-contentDesign" class="radio-button-group">
688
- <ui5-label>Content Background</ui5-label>
689
- <ui5-radio-button text="Solid" name="Group2"></ui5-radio-button>
690
- <ui5-radio-button text="Transparent" checked name="Group2"></ui5-radio-button>
691
- <ui5-radio-button text="Translucent" name="Group2"></ui5-radio-button>
692
- </div>
693
- </div>
694
- <ui5-tabcontainer id="tabContainerBackgroundDesign" header-background-design="Solid" content-background-design="Transparent">
695
- <ui5-tab text="Tab 1" selected>
696
- <ui5-label>Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita voluptates accusamus est quibusdam inventore ipsam?</ui5-label>
697
- </ui5-tab>
698
- <ui5-tab text="Tab 2">
699
- <ui5-label>Accusamus minus aperiam sunt ipsam eos quos et maxime facilis tempora neque ratione nemo laborum expedita aliquid officiis nisi, necessitatibus quasi distinctio?</ui5-label>
700
- </ui5-tab>
701
- <ui5-tab text="Tab 3">
702
- <ui5-label>Dolores totam perferendis numquam incidunt obcaecati, id quo at alias rem deserunt praesentium repellat ipsum commodi consequuntur veniam et ducimus animi qui nobis accusantium tenetur eveniet culpa non!</ui5-label>
703
- </ui5-tab>
704
- </ui5-tabcontainer>
705
- </section>
706
-
707
- <section>
708
- <h2>Text only Start And End Overflow Custom Overflow Buttons</h2>
709
- <ui5-tabcontainer id="tabContainerCustomOverflowButtons" tabs-overflow-mode="StartAndEnd" collapsed fixed>
710
- <ui5-button slot="startOverflowButton" id="startOverflowButton">Start</ui5-button>
711
- <ui5-button slot="overflowButton" id="endOverflowButton">End</ui5-button>
712
- <ui5-tab text="One"></ui5-tab>
713
- <ui5-tab text="Two"></ui5-tab>
714
- <ui5-tab text="Three"></ui5-tab>
715
- <ui5-tab text="Four"></ui5-tab>
716
- <ui5-tab text="Five"></ui5-tab>
717
- <ui5-tab text="Six"></ui5-tab>
718
- <ui5-tab text="Seven"></ui5-tab>
719
- <ui5-tab text="Eight"></ui5-tab>
720
- <ui5-tab text="Nine"></ui5-tab>
721
- <ui5-tab text="Ten"></ui5-tab>
722
- <ui5-tab text="Eleven"></ui5-tab>
723
- <ui5-tab text="Twelve"></ui5-tab>
724
- <ui5-tab text="Thirteen"></ui5-tab>
725
- <ui5-tab text="Fourteen"></ui5-tab>
726
- <ui5-tab text="Fifteen"></ui5-tab>
727
- <ui5-tab text="Sixteen"></ui5-tab>
728
- <ui5-tab text="Seventeen"></ui5-tab>
729
- <ui5-tab text="Eighteen"></ui5-tab>
730
- <ui5-tab text="Nineteen"></ui5-tab>
731
- <ui5-tab text="Twenty" selected></ui5-tab>
732
- <ui5-tab text="Twenty One"></ui5-tab>
733
- <ui5-tab text="Twenty Two"></ui5-tab>
734
- <ui5-tab text="Twenty Three"></ui5-tab>
735
- <ui5-tab text="Twenty Four"></ui5-tab>
736
- <ui5-tab text="Twenty Five"></ui5-tab>
737
- <ui5-tab text="Twenty Six"></ui5-tab>
738
- <ui5-tab text="Twenty Seven"></ui5-tab>
739
- <ui5-tab text="Twenty Eight"></ui5-tab>
740
- <ui5-tab text="Twenty Nine"></ui5-tab>
741
- <ui5-tab text="Thirty"></ui5-tab>
742
- </ui5-tabcontainer>
743
-
744
- <ui5-tabcontainer>
745
- <ui5-tab text="First tab" design="Positive" additional-text="1">
746
- <ui5-button>Button 1</ui5-button>
747
- </ui5-tab>
748
- <ui5-tab text="Second tab" design="Critical" additional-text="2">
749
- <ui5-button>Button 1</ui5-button>
750
- </ui5-tab>
751
- <ui5-tab text="Third tab" design="Negative" additional-text="3">
752
- <ui5-button>Button 1</ui5-button>
753
- </ui5-tab>
754
- <ui5-tab text="Fourth tab" design="Neutral" additional-text="4">
755
- <ui5-button>Button 1</ui5-button>
756
- </ui5-tab>
757
- </ui5-tabcontainer>
758
-
759
- <section>
760
- <ui5-title>Select tabs programmatically</ui5-title>
761
- <ui5-tabcontainer id="tcSmall" style="width: 200px;">
762
- <ui5-tab id="firstTab" text="First tab">
763
- <ui5-button>Button 1</ui5-button>
764
- </ui5-tab>
765
- <ui5-tab text="Second tab">
766
- <ui5-button>Button 1</ui5-button>
767
- </ui5-tab>
768
- <ui5-tab text="Third tab" selected>
769
- <ui5-button>Button 1</ui5-button>
770
- </ui5-tab>
771
- <ui5-tab text="Fourth tab">
772
- <ui5-button>Button 1</ui5-button>
773
- </ui5-tab>
774
- <ui5-tab text="Fifth tab">
775
- <ui5-button>Button 1</ui5-button>
776
- </ui5-tab>
777
- <ui5-tab text="Sixth tab">
778
- <ui5-button>Button 1</ui5-button>
779
- </ui5-tab>
780
- <ui5-tab id="nestedTabParent" text="Seventh tab">
781
- <ui5-button>Button 1</ui5-button>
782
-
783
- <ui5-tab id="nestedTab" slot="subTabs" text="Nested tab">
784
- <ui5-button>Button 1</ui5-button>
785
- </ui5-tab>
786
- </ui5-tab>
787
- <ui5-tab id="lastTab" text="Eighth tab">
788
- <ui5-button>Button 1</ui5-button>
789
- </ui5-tab>
790
- </ui5-tabcontainer>
791
-
792
- <ui5-button id="selectFirst">Select First Tab</ui5-button>
793
- <ui5-button id="selectLast">Select Last Tab</ui5-button>
794
- <ui5-button id="selectNested">Select a Nested Tab</ui5-button>
795
- </section>
796
- <section>
797
- <ui5-title>Empty Tab Container</ui5-title>
798
- <ui5-tabcontainer id="tabContainerEmpty">
799
- </ui5-tabcontainer>
800
- </section>
801
- <section>
802
- <h3>Add new selected tab programmatically</h3>
803
- <ui5-tabcontainer id="tabContainerAddTabsProgrammatically">
804
- <ui5-tab text="Tab 0" selected></ui5-tab>
805
- <ui5-tab text="Tab 1"></ui5-tab>
806
- </ui5-tabcontainer>
807
- <ui5-button id="buttonAddTabs">add tabs</ui5-button>
808
- </section>
809
-
810
- </section>
811
-
812
- <script>
813
- document.getElementById("tabContainer1").addEventListener("ui5-tab-select", async function (event) {
814
- result.innerHTML = event.detail.tab.text;
815
- resultIdx.innerHTML = event.detail.tabIndex;
816
- });
817
-
818
- let preventTabSelect = false;
819
- document.getElementById("cbPrevent").addEventListener("ui5-change", event => {
820
- preventTabSelect = event.target.checked;
821
- });
822
-
823
- document.getElementById("tabContainer1").addEventListener("ui5-tab-select", event => {
824
- if (preventTabSelect) {
825
- event.preventDefault();
826
- }
827
- });
828
-
829
- document.getElementById("densityToggle").addEventListener("ui5-click", function (event) {
830
- document.body.classList.toggle("sapUiSizeCompact")
831
- });
832
-
833
- const selectFirstTabBtn = document.getElementById("selectFirst");
834
- const selectLastTabBtn = document.getElementById("selectLast");
835
- const selectNestedTabBtn = document.getElementById("selectNested");
836
-
837
- function walk(tabs, callback) {
838
- [...tabs].forEach(tab => {
839
- callback(tab);
840
- if (tab.subTabs) {
841
- walk(tab.subTabs, callback);
842
- }});
843
- };
844
-
845
- function getTabSelectorCallback(target) {
846
- return (tab) => tab.selected = tab === target;
847
- }
848
-
849
- selectFirstTabBtn.addEventListener("click", () => {
850
- const tabContainer = document.getElementById("tcSmall");
851
- const firstTab = tabContainer.querySelector("#firstTab");
852
-
853
- walk(tabContainer.items, getTabSelectorCallback(firstTab));
854
- })
855
-
856
- selectLastTabBtn.addEventListener("click", () => {
857
- const tabContainer = document.getElementById("tcSmall");
858
- const lastTab = tabContainer.querySelector("#lastTab");
859
-
860
- walk(tabContainer.items, getTabSelectorCallback(lastTab));
861
- });
862
-
863
- selectNestedTabBtn.addEventListener("click", () => {
864
- const tabContainer = document.getElementById("tcSmall");
865
- const nestedTab = tabContainer.querySelector("#nestedTab");
866
-
867
- walk(tabContainer.items, getTabSelectorCallback(nestedTab));
868
- });
869
-
870
- const radioGroupHeaderDesign = document.getElementById("radioGroup-headerDesign");
871
- const radioGroupContentDesign = document.getElementById("radioGroup-contentDesign");
872
- const tabContainerBackgroundDesign = document.getElementById("tabContainerBackgroundDesign");
873
- radioGroupHeaderDesign.addEventListener("change", function (e) {
874
- tabContainerBackgroundDesign.headerBackgroundDesign = e.target.text;
875
- });
876
-
877
- radioGroupContentDesign.addEventListener("change", function (e) {
878
- tabContainerBackgroundDesign.contentBackgroundDesign = e.target.text;
879
- });
880
-
881
- let tabIndex = 1;
882
- document.getElementById("buttonAddTabs").addEventListener("click", function () {
883
- const tabcontainer = document.getElementById("tabContainerAddTabsProgrammatically");
884
-
885
- tabcontainer.items.forEach(item => (item.selected = false));
886
-
887
- function addTab(selected = false) {
888
- tabcontainer.appendChild(
889
- Object.assign(document.createElement("ui5-tab"), {
890
- text: `Tab ${++tabIndex}`,
891
- selected
892
- })
893
- );
894
- }
895
-
896
- addTab(true);
897
- addTab();
898
- addTab();
899
- });
900
-
901
- </script>
902
- </body>
903
-
904
- </html>