@ui5/webcomponents 1.21.1 → 1.22.0-rc.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 (563) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/Avatar.d.ts +16 -47
  4. package/dist/Avatar.js +4 -12
  5. package/dist/Avatar.js.map +1 -1
  6. package/dist/AvatarGroup.d.ts +13 -30
  7. package/dist/AvatarGroup.js +11 -15
  8. package/dist/AvatarGroup.js.map +1 -1
  9. package/dist/Badge.d.ts +61 -20
  10. package/dist/Badge.js +98 -12
  11. package/dist/Badge.js.map +1 -1
  12. package/dist/Breadcrumbs.d.ts +4 -16
  13. package/dist/Breadcrumbs.js +16 -6
  14. package/dist/Breadcrumbs.js.map +1 -1
  15. package/dist/BreadcrumbsItem.d.ts +4 -18
  16. package/dist/BreadcrumbsItem.js +1 -6
  17. package/dist/BreadcrumbsItem.js.map +1 -1
  18. package/dist/BusyIndicator.d.ts +6 -24
  19. package/dist/BusyIndicator.js +2 -4
  20. package/dist/BusyIndicator.js.map +1 -1
  21. package/dist/Button.d.ts +20 -48
  22. package/dist/Button.js +3 -15
  23. package/dist/Button.js.map +1 -1
  24. package/dist/Calendar.d.ts +7 -18
  25. package/dist/Calendar.js +19 -19
  26. package/dist/Calendar.js.map +1 -1
  27. package/dist/CalendarDate.d.ts +2 -7
  28. package/dist/CalendarDate.js +1 -5
  29. package/dist/CalendarDate.js.map +1 -1
  30. package/dist/CalendarHeader.d.ts +8 -9
  31. package/dist/CalendarHeader.js.map +1 -1
  32. package/dist/CalendarPart.d.ts +1 -4
  33. package/dist/CalendarPart.js +7 -5
  34. package/dist/CalendarPart.js.map +1 -1
  35. package/dist/Card.d.ts +5 -19
  36. package/dist/Card.js +1 -5
  37. package/dist/Card.js.map +1 -1
  38. package/dist/CardHeader.d.ts +14 -38
  39. package/dist/CardHeader.js +6 -18
  40. package/dist/CardHeader.js.map +1 -1
  41. package/dist/Carousel.d.ts +17 -58
  42. package/dist/Carousel.js +7 -19
  43. package/dist/Carousel.js.map +1 -1
  44. package/dist/CheckBox.d.ts +14 -49
  45. package/dist/CheckBox.js +3 -15
  46. package/dist/CheckBox.js.map +1 -1
  47. package/dist/ColorPalette.d.ts +6 -18
  48. package/dist/ColorPalette.js +4 -6
  49. package/dist/ColorPalette.js.map +1 -1
  50. package/dist/ColorPaletteItem.d.ts +10 -14
  51. package/dist/ColorPaletteItem.js +2 -5
  52. package/dist/ColorPaletteItem.js.map +1 -1
  53. package/dist/ColorPalettePopover.d.ts +17 -32
  54. package/dist/ColorPalettePopover.js +8 -13
  55. package/dist/ColorPalettePopover.js.map +1 -1
  56. package/dist/ColorPicker.d.ts +6 -8
  57. package/dist/ColorPicker.js +1 -5
  58. package/dist/ColorPicker.js.map +1 -1
  59. package/dist/ComboBox.d.ts +16 -58
  60. package/dist/ComboBox.js +5 -9
  61. package/dist/ComboBox.js.map +1 -1
  62. package/dist/ComboBoxGroupItem.d.ts +3 -8
  63. package/dist/ComboBoxGroupItem.js +2 -5
  64. package/dist/ComboBoxGroupItem.js.map +1 -1
  65. package/dist/ComboBoxItem.d.ts +4 -11
  66. package/dist/ComboBoxItem.js +2 -5
  67. package/dist/ComboBoxItem.js.map +1 -1
  68. package/dist/CustomListItem.d.ts +9 -27
  69. package/dist/CustomListItem.js +8 -24
  70. package/dist/CustomListItem.js.map +1 -1
  71. package/dist/DateComponentBase.d.ts +9 -18
  72. package/dist/DateComponentBase.js +2 -3
  73. package/dist/DateComponentBase.js.map +1 -1
  74. package/dist/DatePicker.d.ts +44 -75
  75. package/dist/DatePicker.js +46 -44
  76. package/dist/DatePicker.js.map +1 -1
  77. package/dist/DateRangePicker.d.ts +10 -24
  78. package/dist/DateRangePicker.js +5 -16
  79. package/dist/DateRangePicker.js.map +1 -1
  80. package/dist/DateTimePicker.d.ts +7 -9
  81. package/dist/DateTimePicker.js +5 -5
  82. package/dist/DateTimePicker.js.map +1 -1
  83. package/dist/DayPicker.d.ts +42 -35
  84. package/dist/DayPicker.js +35 -27
  85. package/dist/DayPicker.js.map +1 -1
  86. package/dist/Dialog.d.ts +11 -40
  87. package/dist/Dialog.js +6 -19
  88. package/dist/Dialog.js.map +1 -1
  89. package/dist/FileUploader.d.ts +11 -39
  90. package/dist/FileUploader.js +7 -9
  91. package/dist/FileUploader.js.map +1 -1
  92. package/dist/GroupHeaderListItem.d.ts +6 -18
  93. package/dist/GroupHeaderListItem.js +5 -5
  94. package/dist/GroupHeaderListItem.js.map +1 -1
  95. package/dist/Icon.d.ts +12 -34
  96. package/dist/Icon.js +4 -15
  97. package/dist/Icon.js.map +1 -1
  98. package/dist/Input.d.ts +38 -84
  99. package/dist/Input.js +20 -22
  100. package/dist/Input.js.map +1 -1
  101. package/dist/Interfaces.d.ts +115 -133
  102. package/dist/Interfaces.js +1 -193
  103. package/dist/Interfaces.js.map +1 -1
  104. package/dist/Label.d.ts +8 -25
  105. package/dist/Label.js +4 -13
  106. package/dist/Label.js.map +1 -1
  107. package/dist/Link.d.ts +13 -42
  108. package/dist/Link.js +18 -9
  109. package/dist/Link.js.map +1 -1
  110. package/dist/List.d.ts +14 -50
  111. package/dist/List.js +21 -13
  112. package/dist/List.js.map +1 -1
  113. package/dist/ListItem.d.ts +10 -32
  114. package/dist/ListItem.js +2 -4
  115. package/dist/ListItem.js.map +1 -1
  116. package/dist/ListItemBase.d.ts +3 -9
  117. package/dist/ListItemBase.js +1 -3
  118. package/dist/ListItemBase.js.map +1 -1
  119. package/dist/Menu.d.ts +10 -33
  120. package/dist/Menu.js +21 -16
  121. package/dist/Menu.js.map +1 -1
  122. package/dist/MenuItem.d.ts +11 -32
  123. package/dist/MenuItem.js +1 -5
  124. package/dist/MenuItem.js.map +1 -1
  125. package/dist/MessageStrip.d.ts +10 -28
  126. package/dist/MessageStrip.js +5 -5
  127. package/dist/MessageStrip.js.map +1 -1
  128. package/dist/MonthPicker.d.ts +8 -13
  129. package/dist/MonthPicker.js +6 -13
  130. package/dist/MonthPicker.js.map +1 -1
  131. package/dist/MultiComboBox.d.ts +19 -70
  132. package/dist/MultiComboBox.js +8 -24
  133. package/dist/MultiComboBox.js.map +1 -1
  134. package/dist/MultiComboBoxGroupItem.d.ts +2 -8
  135. package/dist/MultiComboBoxGroupItem.js +1 -5
  136. package/dist/MultiComboBoxGroupItem.js.map +1 -1
  137. package/dist/MultiComboBoxItem.d.ts +4 -8
  138. package/dist/MultiComboBoxItem.js +2 -5
  139. package/dist/MultiComboBoxItem.js.map +1 -1
  140. package/dist/MultiInput.d.ts +9 -16
  141. package/dist/MultiInput.js +4 -7
  142. package/dist/MultiInput.js.map +1 -1
  143. package/dist/NavigationMenu.d.ts +36 -0
  144. package/dist/NavigationMenu.js +123 -0
  145. package/dist/NavigationMenu.js.map +1 -0
  146. package/dist/NavigationMenuItem.d.ts +67 -0
  147. package/dist/NavigationMenuItem.js +51 -0
  148. package/dist/NavigationMenuItem.js.map +1 -0
  149. package/dist/Option.d.ts +11 -28
  150. package/dist/Option.js +2 -6
  151. package/dist/Option.js.map +1 -1
  152. package/dist/Panel.d.ts +16 -52
  153. package/dist/Panel.js +4 -15
  154. package/dist/Panel.js.map +1 -1
  155. package/dist/Popover.d.ts +22 -62
  156. package/dist/Popover.js +12 -27
  157. package/dist/Popover.js.map +1 -1
  158. package/dist/Popup.d.ts +10 -46
  159. package/dist/Popup.js +10 -20
  160. package/dist/Popup.js.map +1 -1
  161. package/dist/ProgressIndicator.d.ts +8 -22
  162. package/dist/ProgressIndicator.js +2 -5
  163. package/dist/ProgressIndicator.js.map +1 -1
  164. package/dist/RadioButton.d.ts +13 -40
  165. package/dist/RadioButton.js +1 -5
  166. package/dist/RadioButton.js.map +1 -1
  167. package/dist/RangeSlider.d.ts +12 -27
  168. package/dist/RangeSlider.js +10 -21
  169. package/dist/RangeSlider.js.map +1 -1
  170. package/dist/RatingIndicator.d.ts +11 -27
  171. package/dist/RatingIndicator.js +1 -5
  172. package/dist/RatingIndicator.js.map +1 -1
  173. package/dist/ResponsivePopover.d.ts +8 -29
  174. package/dist/ResponsivePopover.js +7 -27
  175. package/dist/ResponsivePopover.js.map +1 -1
  176. package/dist/SegmentedButton.d.ts +13 -28
  177. package/dist/SegmentedButton.js +13 -14
  178. package/dist/SegmentedButton.js.map +1 -1
  179. package/dist/SegmentedButtonItem.d.ts +9 -19
  180. package/dist/SegmentedButtonItem.js +2 -5
  181. package/dist/SegmentedButtonItem.js.map +1 -1
  182. package/dist/Select.d.ts +15 -66
  183. package/dist/Select.js +13 -18
  184. package/dist/Select.js.map +1 -1
  185. package/dist/SelectMenu.d.ts +3 -10
  186. package/dist/SelectMenu.js +2 -4
  187. package/dist/SelectMenu.js.map +1 -1
  188. package/dist/SelectMenuOption.d.ts +12 -32
  189. package/dist/SelectMenuOption.js +11 -23
  190. package/dist/SelectMenuOption.js.map +1 -1
  191. package/dist/Slider.d.ts +5 -18
  192. package/dist/Slider.js +4 -15
  193. package/dist/Slider.js.map +1 -1
  194. package/dist/SliderBase.d.ts +11 -32
  195. package/dist/SliderBase.js +22 -17
  196. package/dist/SliderBase.js.map +1 -1
  197. package/dist/SplitButton.d.ts +25 -48
  198. package/dist/SplitButton.js +6 -14
  199. package/dist/SplitButton.js.map +1 -1
  200. package/dist/StandardListItem.d.ts +23 -58
  201. package/dist/StandardListItem.js +15 -22
  202. package/dist/StandardListItem.js.map +1 -1
  203. package/dist/StepInput.d.ts +20 -51
  204. package/dist/StepInput.js +7 -9
  205. package/dist/StepInput.js.map +1 -1
  206. package/dist/SuggestionGroupItem.d.ts +5 -9
  207. package/dist/SuggestionGroupItem.js +2 -5
  208. package/dist/SuggestionGroupItem.js.map +1 -1
  209. package/dist/SuggestionItem.d.ts +15 -27
  210. package/dist/SuggestionItem.js +2 -5
  211. package/dist/SuggestionItem.js.map +1 -1
  212. package/dist/SuggestionListItem.d.ts +7 -20
  213. package/dist/SuggestionListItem.js +4 -15
  214. package/dist/SuggestionListItem.js.map +1 -1
  215. package/dist/Switch.d.ts +16 -48
  216. package/dist/Switch.js +6 -17
  217. package/dist/Switch.js.map +1 -1
  218. package/dist/Tab.d.ts +10 -33
  219. package/dist/Tab.js +3 -7
  220. package/dist/Tab.js.map +1 -1
  221. package/dist/TabContainer.d.ts +21 -87
  222. package/dist/TabContainer.js +14 -23
  223. package/dist/TabContainer.js.map +1 -1
  224. package/dist/TabSeparator.d.ts +3 -8
  225. package/dist/TabSeparator.js +2 -7
  226. package/dist/TabSeparator.js.map +1 -1
  227. package/dist/Table.d.ts +18 -64
  228. package/dist/Table.js +13 -16
  229. package/dist/Table.js.map +1 -1
  230. package/dist/TableCell.d.ts +2 -17
  231. package/dist/TableCell.js +2 -14
  232. package/dist/TableCell.js.map +1 -1
  233. package/dist/TableColumn.d.ts +7 -26
  234. package/dist/TableColumn.js +3 -14
  235. package/dist/TableColumn.js.map +1 -1
  236. package/dist/TableGroupRow.d.ts +6 -28
  237. package/dist/TableGroupRow.js +3 -15
  238. package/dist/TableGroupRow.js.map +1 -1
  239. package/dist/TableRow.d.ts +11 -33
  240. package/dist/TableRow.js +4 -18
  241. package/dist/TableRow.js.map +1 -1
  242. package/dist/TextArea.d.ts +20 -61
  243. package/dist/TextArea.js +3 -16
  244. package/dist/TextArea.js.map +1 -1
  245. package/dist/TimePicker.d.ts +5 -15
  246. package/dist/TimePicker.js +2 -7
  247. package/dist/TimePicker.js.map +1 -1
  248. package/dist/TimePickerBase.d.ts +15 -51
  249. package/dist/TimePickerBase.js +23 -39
  250. package/dist/TimePickerBase.js.map +1 -1
  251. package/dist/TimePickerClock.d.ts +49 -89
  252. package/dist/TimePickerClock.js +38 -33
  253. package/dist/TimePickerClock.js.map +1 -1
  254. package/dist/TimePickerInternals.d.ts +16 -27
  255. package/dist/TimePickerInternals.js +9 -12
  256. package/dist/TimePickerInternals.js.map +1 -1
  257. package/dist/TimeSelection.d.ts +16 -23
  258. package/dist/TimeSelection.js +2 -5
  259. package/dist/TimeSelection.js.map +1 -1
  260. package/dist/TimeSelectionClocks.d.ts +16 -19
  261. package/dist/TimeSelectionClocks.js +14 -17
  262. package/dist/TimeSelectionClocks.js.map +1 -1
  263. package/dist/TimeSelectionInputs.d.ts +12 -16
  264. package/dist/TimeSelectionInputs.js +11 -15
  265. package/dist/TimeSelectionInputs.js.map +1 -1
  266. package/dist/Title.d.ts +7 -21
  267. package/dist/Title.js +5 -15
  268. package/dist/Title.js.map +1 -1
  269. package/dist/Toast.d.ts +12 -26
  270. package/dist/Toast.js +5 -5
  271. package/dist/Toast.js.map +1 -1
  272. package/dist/ToggleButton.d.ts +2 -7
  273. package/dist/ToggleButton.js +1 -4
  274. package/dist/ToggleButton.js.map +1 -1
  275. package/dist/ToggleSpinButton.d.ts +5 -15
  276. package/dist/ToggleSpinButton.js +1 -4
  277. package/dist/ToggleSpinButton.js.map +1 -1
  278. package/dist/Token.d.ts +13 -27
  279. package/dist/Token.js +2 -7
  280. package/dist/Token.js.map +1 -1
  281. package/dist/Tokenizer.d.ts +7 -11
  282. package/dist/Tokenizer.js +1 -5
  283. package/dist/Tokenizer.js.map +1 -1
  284. package/dist/Toolbar.d.ts +7 -26
  285. package/dist/Toolbar.js +4 -8
  286. package/dist/Toolbar.js.map +1 -1
  287. package/dist/ToolbarButton.d.ts +11 -34
  288. package/dist/ToolbarButton.js +1 -6
  289. package/dist/ToolbarButton.js.map +1 -1
  290. package/dist/ToolbarItem.d.ts +5 -28
  291. package/dist/ToolbarItem.js +1 -11
  292. package/dist/ToolbarItem.js.map +1 -1
  293. package/dist/ToolbarRegistry.d.ts +3 -3
  294. package/dist/ToolbarRegistry.js.map +1 -1
  295. package/dist/ToolbarSelect.d.ts +8 -27
  296. package/dist/ToolbarSelect.js +4 -10
  297. package/dist/ToolbarSelect.js.map +1 -1
  298. package/dist/ToolbarSelectOption.d.ts +2 -11
  299. package/dist/ToolbarSelectOption.js +1 -5
  300. package/dist/ToolbarSelectOption.js.map +1 -1
  301. package/dist/ToolbarSeparator.d.ts +1 -5
  302. package/dist/ToolbarSeparator.js +1 -5
  303. package/dist/ToolbarSeparator.js.map +1 -1
  304. package/dist/ToolbarSpacer.d.ts +2 -8
  305. package/dist/ToolbarSpacer.js +1 -5
  306. package/dist/ToolbarSpacer.js.map +1 -1
  307. package/dist/Tree.d.ts +12 -36
  308. package/dist/Tree.js +28 -14
  309. package/dist/Tree.js.map +1 -1
  310. package/dist/TreeItem.d.ts +8 -25
  311. package/dist/TreeItem.js +5 -16
  312. package/dist/TreeItem.js.map +1 -1
  313. package/dist/TreeItemBase.d.ts +12 -38
  314. package/dist/TreeItemBase.js +2 -9
  315. package/dist/TreeItemBase.js.map +1 -1
  316. package/dist/TreeItemCustom.d.ts +6 -22
  317. package/dist/TreeItemCustom.js +5 -16
  318. package/dist/TreeItemCustom.js.map +1 -1
  319. package/dist/WheelSlider.d.ts +9 -23
  320. package/dist/WheelSlider.js +11 -11
  321. package/dist/WheelSlider.js.map +1 -1
  322. package/dist/YearPicker.d.ts +14 -12
  323. package/dist/YearPicker.js +12 -12
  324. package/dist/YearPicker.js.map +1 -1
  325. package/dist/bundle.esm.js.map +1 -1
  326. package/dist/css/themes/Badge.css +1 -1
  327. package/dist/css/themes/NavigationMenu.css +1 -0
  328. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  329. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  330. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  331. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  332. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  333. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  334. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  335. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  336. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  337. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -1
  338. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  339. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  340. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -1
  341. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  342. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -1
  343. package/dist/custom-elements-internal.json +20999 -0
  344. package/dist/custom-elements.json +16118 -1
  345. package/dist/features/InputSuggestions.d.ts +10 -10
  346. package/dist/features/InputSuggestions.js +1 -2
  347. package/dist/features/InputSuggestions.js.map +1 -1
  348. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  349. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  350. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  351. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  352. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  353. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  354. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  355. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  356. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  357. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
  358. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  359. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  360. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
  361. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  362. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
  363. package/dist/generated/i18n/i18n-defaults.d.ts +9 -2
  364. package/dist/generated/i18n/i18n-defaults.js +9 -2
  365. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  366. package/dist/generated/templates/BadgeTemplate.lit.js +8 -3
  367. package/dist/generated/templates/BadgeTemplate.lit.js.map +1 -1
  368. package/dist/generated/templates/NavigationMenuTemplate.lit.d.ts +4 -0
  369. package/dist/generated/templates/NavigationMenuTemplate.lit.js +21 -0
  370. package/dist/generated/templates/NavigationMenuTemplate.lit.js.map +1 -0
  371. package/dist/generated/themes/Badge.css.js +1 -1
  372. package/dist/generated/themes/Badge.css.js.map +1 -1
  373. package/dist/generated/themes/NavigationMenu.css.d.ts +3 -0
  374. package/dist/generated/themes/NavigationMenu.css.js +9 -0
  375. package/dist/generated/themes/NavigationMenu.css.js.map +1 -0
  376. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  377. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -1
  378. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  379. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -1
  380. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  381. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -1
  382. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  383. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  384. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  385. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  386. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  387. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  388. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  389. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  390. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  391. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  392. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  393. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  394. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +1 -1
  395. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
  396. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  397. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  398. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  399. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  400. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +1 -1
  401. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
  402. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  403. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  404. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +1 -1
  405. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
  406. package/dist/types/AvatarColorScheme.d.ts +0 -15
  407. package/dist/types/AvatarColorScheme.js +0 -15
  408. package/dist/types/AvatarColorScheme.js.map +1 -1
  409. package/dist/types/AvatarGroupType.d.ts +0 -6
  410. package/dist/types/AvatarGroupType.js +0 -6
  411. package/dist/types/AvatarGroupType.js.map +1 -1
  412. package/dist/types/AvatarShape.d.ts +0 -6
  413. package/dist/types/AvatarShape.js +0 -6
  414. package/dist/types/AvatarShape.js.map +1 -1
  415. package/dist/types/AvatarSize.d.ts +0 -9
  416. package/dist/types/AvatarSize.js +0 -9
  417. package/dist/types/AvatarSize.js.map +1 -1
  418. package/dist/types/BackgroundDesign.d.ts +0 -7
  419. package/dist/types/BackgroundDesign.js +0 -7
  420. package/dist/types/BackgroundDesign.js.map +1 -1
  421. package/dist/types/BadgeDesign.d.ts +49 -0
  422. package/dist/types/BadgeDesign.js +51 -0
  423. package/dist/types/BadgeDesign.js.map +1 -0
  424. package/dist/types/BorderDesign.d.ts +0 -6
  425. package/dist/types/BorderDesign.js +0 -6
  426. package/dist/types/BorderDesign.js.map +1 -1
  427. package/dist/types/BreadcrumbsDesign.d.ts +0 -6
  428. package/dist/types/BreadcrumbsDesign.js +0 -6
  429. package/dist/types/BreadcrumbsDesign.js.map +1 -1
  430. package/dist/types/BreadcrumbsSeparatorStyle.d.ts +0 -10
  431. package/dist/types/BreadcrumbsSeparatorStyle.js +0 -10
  432. package/dist/types/BreadcrumbsSeparatorStyle.js.map +1 -1
  433. package/dist/types/BusyIndicatorSize.d.ts +0 -7
  434. package/dist/types/BusyIndicatorSize.js +0 -7
  435. package/dist/types/BusyIndicatorSize.js.map +1 -1
  436. package/dist/types/ButtonDesign.d.ts +0 -10
  437. package/dist/types/ButtonDesign.js +0 -10
  438. package/dist/types/ButtonDesign.js.map +1 -1
  439. package/dist/types/ButtonType.d.ts +0 -7
  440. package/dist/types/ButtonType.js +0 -7
  441. package/dist/types/ButtonType.js.map +1 -1
  442. package/dist/types/CalendarPickersMode.d.ts +6 -10
  443. package/dist/types/CalendarPickersMode.js +6 -10
  444. package/dist/types/CalendarPickersMode.js.map +1 -1
  445. package/dist/types/CalendarSelectionMode.d.ts +0 -7
  446. package/dist/types/CalendarSelectionMode.js +0 -7
  447. package/dist/types/CalendarSelectionMode.js.map +1 -1
  448. package/dist/types/CarouselArrowsPlacement.d.ts +0 -6
  449. package/dist/types/CarouselArrowsPlacement.js +0 -6
  450. package/dist/types/CarouselArrowsPlacement.js.map +1 -1
  451. package/dist/types/CarouselPageIndicatorStyle.d.ts +0 -6
  452. package/dist/types/CarouselPageIndicatorStyle.js +0 -6
  453. package/dist/types/CarouselPageIndicatorStyle.js.map +1 -1
  454. package/dist/types/ComboBoxFilter.d.ts +0 -8
  455. package/dist/types/ComboBoxFilter.js +0 -8
  456. package/dist/types/ComboBoxFilter.js.map +1 -1
  457. package/dist/types/HasPopup.d.ts +0 -9
  458. package/dist/types/HasPopup.js +0 -9
  459. package/dist/types/HasPopup.js.map +1 -1
  460. package/dist/types/IconDesign.d.ts +0 -12
  461. package/dist/types/IconDesign.js +0 -12
  462. package/dist/types/IconDesign.js.map +1 -1
  463. package/dist/types/InputType.d.ts +0 -10
  464. package/dist/types/InputType.js +0 -10
  465. package/dist/types/InputType.js.map +1 -1
  466. package/dist/types/LinkDesign.d.ts +0 -7
  467. package/dist/types/LinkDesign.js +0 -7
  468. package/dist/types/LinkDesign.js.map +1 -1
  469. package/dist/types/ListGrowingMode.d.ts +0 -7
  470. package/dist/types/ListGrowingMode.js +0 -7
  471. package/dist/types/ListGrowingMode.js.map +1 -1
  472. package/dist/types/ListItemType.d.ts +0 -8
  473. package/dist/types/ListItemType.js +0 -8
  474. package/dist/types/ListItemType.js.map +1 -1
  475. package/dist/types/ListMode.d.ts +0 -11
  476. package/dist/types/ListMode.js +0 -11
  477. package/dist/types/ListMode.js.map +1 -1
  478. package/dist/types/ListSeparators.d.ts +0 -7
  479. package/dist/types/ListSeparators.js +0 -7
  480. package/dist/types/ListSeparators.js.map +1 -1
  481. package/dist/types/MessageStripDesign.d.ts +0 -8
  482. package/dist/types/MessageStripDesign.js +0 -8
  483. package/dist/types/MessageStripDesign.js.map +1 -1
  484. package/dist/types/PanelAccessibleRole.d.ts +0 -7
  485. package/dist/types/PanelAccessibleRole.js +0 -7
  486. package/dist/types/PanelAccessibleRole.js.map +1 -1
  487. package/dist/types/PopoverHorizontalAlign.d.ts +0 -8
  488. package/dist/types/PopoverHorizontalAlign.js +0 -8
  489. package/dist/types/PopoverHorizontalAlign.js.map +1 -1
  490. package/dist/types/PopoverPlacementType.d.ts +0 -8
  491. package/dist/types/PopoverPlacementType.js +0 -8
  492. package/dist/types/PopoverPlacementType.js.map +1 -1
  493. package/dist/types/PopoverVerticalAlign.d.ts +0 -8
  494. package/dist/types/PopoverVerticalAlign.js +0 -8
  495. package/dist/types/PopoverVerticalAlign.js.map +1 -1
  496. package/dist/types/PopupAccessibleRole.d.ts +0 -7
  497. package/dist/types/PopupAccessibleRole.js +0 -7
  498. package/dist/types/PopupAccessibleRole.js.map +1 -1
  499. package/dist/types/Priority.d.ts +0 -8
  500. package/dist/types/Priority.js +0 -8
  501. package/dist/types/Priority.js.map +1 -1
  502. package/dist/types/SegmentedButtonMode.d.ts +0 -6
  503. package/dist/types/SegmentedButtonMode.js +0 -6
  504. package/dist/types/SegmentedButtonMode.js.map +1 -1
  505. package/dist/types/SemanticColor.d.ts +0 -9
  506. package/dist/types/SemanticColor.js +0 -9
  507. package/dist/types/SemanticColor.js.map +1 -1
  508. package/dist/types/SwitchDesign.d.ts +0 -6
  509. package/dist/types/SwitchDesign.js +0 -6
  510. package/dist/types/SwitchDesign.js.map +1 -1
  511. package/dist/types/TabContainerBackgroundDesign.d.ts +0 -7
  512. package/dist/types/TabContainerBackgroundDesign.js +0 -7
  513. package/dist/types/TabContainerBackgroundDesign.js.map +1 -1
  514. package/dist/types/TabContainerTabsPlacement.d.ts +0 -6
  515. package/dist/types/TabContainerTabsPlacement.js +0 -6
  516. package/dist/types/TabContainerTabsPlacement.js.map +1 -1
  517. package/dist/types/TabLayout.d.ts +0 -6
  518. package/dist/types/TabLayout.js +0 -6
  519. package/dist/types/TabLayout.js.map +1 -1
  520. package/dist/types/TableColumnPopinDisplay.d.ts +0 -6
  521. package/dist/types/TableColumnPopinDisplay.js +0 -6
  522. package/dist/types/TableColumnPopinDisplay.js.map +1 -1
  523. package/dist/types/TableGrowingMode.d.ts +0 -7
  524. package/dist/types/TableGrowingMode.js +0 -7
  525. package/dist/types/TableGrowingMode.js.map +1 -1
  526. package/dist/types/TableMode.d.ts +0 -7
  527. package/dist/types/TableMode.js +0 -7
  528. package/dist/types/TableMode.js.map +1 -1
  529. package/dist/types/TableRowType.d.ts +0 -6
  530. package/dist/types/TableRowType.js +0 -6
  531. package/dist/types/TableRowType.js.map +1 -1
  532. package/dist/types/TabsOverflowMode.d.ts +0 -6
  533. package/dist/types/TabsOverflowMode.js +0 -6
  534. package/dist/types/TabsOverflowMode.js.map +1 -1
  535. package/dist/types/TitleLevel.d.ts +0 -10
  536. package/dist/types/TitleLevel.js +0 -10
  537. package/dist/types/TitleLevel.js.map +1 -1
  538. package/dist/types/ToastPlacement.d.ts +0 -13
  539. package/dist/types/ToastPlacement.js +0 -13
  540. package/dist/types/ToastPlacement.js.map +1 -1
  541. package/dist/types/ToolbarAlign.d.ts +2 -9
  542. package/dist/types/ToolbarAlign.js +2 -9
  543. package/dist/types/ToolbarAlign.js.map +1 -1
  544. package/dist/types/ToolbarItemOverflowBehavior.d.ts +1 -9
  545. package/dist/types/ToolbarItemOverflowBehavior.js +1 -9
  546. package/dist/types/ToolbarItemOverflowBehavior.js.map +1 -1
  547. package/dist/types/WrappingType.d.ts +0 -6
  548. package/dist/types/WrappingType.js +0 -6
  549. package/dist/types/WrappingType.js.map +1 -1
  550. package/package.json +9 -9
  551. package/src/Badge.hbs +26 -5
  552. package/src/NavigationMenu.hbs +159 -0
  553. package/src/i18n/messagebundle.properties +22 -1
  554. package/src/themes/Badge.css +505 -39
  555. package/src/themes/NavigationMenu.css +69 -0
  556. package/src/themes/base/Badge-parameters.css +106 -3
  557. package/src/themes/sap_belize/BusyIndicator-parameters.css +5 -0
  558. package/src/themes/sap_belize/parameters-bundle.css +1 -1
  559. package/src/themes/sap_horizon/Badge-parameters.css +3 -5
  560. package/src/themes/sap_horizon_dark/Badge-parameters.css +3 -5
  561. package/src/themes/sap_horizon_hcb/Badge-parameters.css +108 -5
  562. package/src/themes/sap_horizon_hcw/Badge-parameters.css +108 -2
  563. package/dist/api.json +0 -1
@@ -7,22 +7,10 @@ import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
7
7
  *
8
8
  * The <code>ui5-table-cell</code> component defines the structure of the data in a single <code>ui5-table</code> cell.
9
9
  *
10
- * <h3>CSS Shadow Parts</h3>
11
- *
12
- * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
13
- * <br>
14
- * The <code>ui5-table-cell</code> exposes the following CSS Shadow Parts:
15
- * <ul>
16
- * <li>cell - Used to style the native <code>td</code> element</li>
17
- * </ul>
18
- *
19
10
  * @constructor
20
- * @author SAP SE
21
- * @alias sap.ui.webc.main.TableCell
22
- * @extends sap.ui.webc.base.UI5Element
23
- * @tagname ui5-table-cell
24
- * @implements sap.ui.webc.main.ITableCell
11
+ * @extends UI5Element
25
12
  * @public
13
+ * @csspart cell - Used to style the native <code>td</code> element
26
14
  */
27
15
  declare class TableCell extends UI5Element {
28
16
  /**
@@ -40,9 +28,6 @@ declare class TableCell extends UI5Element {
40
28
  /**
41
29
  * Specifies the content of the component.
42
30
  *
43
- * @type {Node[]}
44
- * @slot
45
- * @name sap.ui.webc.main.TableCell.prototype.default
46
31
  * @public
47
32
  */
48
33
  content?: Array<HTMLElement>;
package/dist/TableCell.js CHANGED
@@ -23,22 +23,10 @@ import { ARIA_LABEL_EMPTY_CELL, } from "./generated/i18n/i18n-defaults.js";
23
23
  *
24
24
  * The <code>ui5-table-cell</code> component defines the structure of the data in a single <code>ui5-table</code> cell.
25
25
  *
26
- * <h3>CSS Shadow Parts</h3>
27
- *
28
- * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
29
- * <br>
30
- * The <code>ui5-table-cell</code> exposes the following CSS Shadow Parts:
31
- * <ul>
32
- * <li>cell - Used to style the native <code>td</code> element</li>
33
- * </ul>
34
- *
35
26
  * @constructor
36
- * @author SAP SE
37
- * @alias sap.ui.webc.main.TableCell
38
- * @extends sap.ui.webc.base.UI5Element
39
- * @tagname ui5-table-cell
40
- * @implements sap.ui.webc.main.ITableCell
27
+ * @extends UI5Element
41
28
  * @public
29
+ * @csspart cell - Used to style the native <code>td</code> element
42
30
  */
43
31
  let TableCell = TableCell_1 = class TableCell extends UI5Element {
44
32
  static async onDefine() {
@@ -1 +1 @@
1
- {"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../src/TableCell.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,iBAAiB,MAAM,gDAAgD,CAAC;AAE/E,SAAS;AACT,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAElE,QAAQ;AACR,OAAO,EACN,qBAAqB,GACrB,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAOH,IAAM,SAAS,iBAAf,MAAM,SAAU,SAAQ,UAAU;IA+BjC,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,WAAS,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAClE,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,eAAe,CAAc,SAAS,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,sBAAsB;QACzB,OAAO,WAAS,CAAC,UAAU,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC5D,CAAC;CACD,CAAA;AArCA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACR;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACV;AAMlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACH;AAWzB;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CAChB;AA5BxB,SAAS;IANd,aAAa,CAAC;QACd,GAAG,EAAE,gBAAgB;QACrB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,iBAAiB;QAC3B,MAAM,EAAE,eAAe;KACvB,CAAC;GACI,SAAS,CA0Cd;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport TableCellTemplate from \"./generated/templates/TableCellTemplate.lit.js\";\n\n// Styles\nimport tableCellStyles from \"./generated/themes/TableCell.css.js\";\n\n// Texts\nimport {\n\tARIA_LABEL_EMPTY_CELL,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-cell</code> component defines the structure of the data in a single <code>ui5-table</code> cell.\n *\n * <h3>CSS Shadow Parts</h3>\n *\n * <ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.\n * <br>\n * The <code>ui5-table-cell</code> exposes the following CSS Shadow Parts:\n * <ul>\n * <li>cell - Used to style the native <code>td</code> element</li>\n * </ul>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.TableCell\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-table-cell\n * @implements sap.ui.webc.main.ITableCell\n * @public\n */\n@customElement({\n\ttag: \"ui5-table-cell\",\n\trenderer: litRender,\n\ttemplate: TableCellTemplate,\n\tstyles: tableCellStyles,\n})\nclass TableCell extends UI5Element {\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tlastInRow!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tpopined!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_popinedInline!: boolean;\n\n\t/**\n\t * Specifies the content of the component.\n\t *\n\t * @type {Node[]}\n\t * @slot\n\t * @name sap.ui.webc.main.TableCell.prototype.default\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent?: Array<HTMLElement>;\n\n\tstatic i18nBundle: I18nBundle;\n\tstatic async onDefine() {\n\t\tTableCell.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n\n\tget cellContent(): Array<HTMLElement> {\n\t\treturn this.getSlottedNodes<HTMLElement>(\"content\");\n\t}\n\n\tget ariaLabelEmptyCellText(): string {\n\t\treturn TableCell.i18nBundle.getText(ARIA_LABEL_EMPTY_CELL);\n\t}\n}\n\nTableCell.define();\n\nexport default TableCell;\n"]}
1
+ {"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../src/TableCell.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,iBAAiB,MAAM,gDAAgD,CAAC;AAE/E,SAAS;AACT,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAElE,QAAQ;AACR,OAAO,EACN,qBAAqB,GACrB,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;;;;GAWG;AAOH,IAAM,SAAS,iBAAf,MAAM,SAAU,SAAQ,UAAU;IA4BjC,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,WAAS,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAClE,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,eAAe,CAAc,SAAS,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,sBAAsB;QACzB,OAAO,WAAS,CAAC,UAAU,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC5D,CAAC;CACD,CAAA;AAlCA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACR;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACV;AAMlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACH;AAQzB;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CAChB;AAzBxB,SAAS;IANd,aAAa,CAAC;QACd,GAAG,EAAE,gBAAgB;QACrB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,iBAAiB;QAC3B,MAAM,EAAE,eAAe;KACvB,CAAC;GACI,SAAS,CAuCd;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport TableCellTemplate from \"./generated/templates/TableCellTemplate.lit.js\";\n\n// Styles\nimport tableCellStyles from \"./generated/themes/TableCell.css.js\";\n\n// Texts\nimport {\n\tARIA_LABEL_EMPTY_CELL,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-cell</code> component defines the structure of the data in a single <code>ui5-table</code> cell.\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @csspart cell - Used to style the native <code>td</code> element\n */\n@customElement({\n\ttag: \"ui5-table-cell\",\n\trenderer: litRender,\n\ttemplate: TableCellTemplate,\n\tstyles: tableCellStyles,\n})\nclass TableCell extends UI5Element {\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tlastInRow!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tpopined!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_popinedInline!: boolean;\n\n\t/**\n\t * Specifies the content of the component.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent?: Array<HTMLElement>;\n\n\tstatic i18nBundle: I18nBundle;\n\tstatic async onDefine() {\n\t\tTableCell.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n\n\tget cellContent(): Array<HTMLElement> {\n\t\treturn this.getSlottedNodes<HTMLElement>(\"content\");\n\t}\n\n\tget ariaLabelEmptyCellText(): string {\n\t\treturn TableCell.i18nBundle.getText(ARIA_LABEL_EMPTY_CELL);\n\t}\n}\n\nTableCell.define();\n\nexport default TableCell;\n"]}
@@ -8,22 +8,11 @@ import TableColumnPopinDisplay from "./types/TableColumnPopinDisplay.js";
8
8
  * The <code>ui5-table-column</code> component allows to define column specific properties that are applied
9
9
  * when rendering the <code>ui5-table</code> component.
10
10
  *
11
- * <h3>CSS Shadow Parts</h3>
12
- *
13
- * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
14
- * <br>
15
- * The <code>ui5-table-column</code> exposes the following CSS Shadow Parts:
16
- * <ul>
17
- * <li>column - Used to style the native <code>th</code> element</li>
18
- * </ul>
19
- *
20
11
  * @constructor
21
- * @author SAP SE
22
- * @alias sap.ui.webc.main.TableColumn
23
- * @extends sap.ui.webc.base.UI5Element
24
- * @tagname ui5-table-column
25
- * @implements sap.ui.webc.main.ITableColumn
12
+ * @extends UI5Element
26
13
  * @public
14
+ * @slot {Node[]} default - Defines the content of the column header
15
+ * @csspart column - Used to style the native <code>th</code> element
27
16
  */
28
17
  declare class TableColumn extends UI5Element {
29
18
  /**
@@ -34,18 +23,14 @@ declare class TableColumn extends UI5Element {
34
23
  * <br>
35
24
  * For further responsive design options, see <code>demandPopin</code> property.
36
25
  *
37
- * @type {sap.ui.webc.base.types.Integer}
38
- * @name sap.ui.webc.main.TableColumn.prototype.minWidth
39
- * @defaultvalue Infinity
26
+ * @default Infinity
40
27
  * @public
41
28
  */
42
29
  minWidth: number;
43
30
  /**
44
31
  * The text for the column when it pops in.
45
32
  *
46
- * @type {string}
47
- * @name sap.ui.webc.main.TableColumn.prototype.popinText
48
- * @defaultvalue ""
33
+ * @default ""
49
34
  * @public
50
35
  */
51
36
  popinText: string;
@@ -55,9 +40,7 @@ declare class TableColumn extends UI5Element {
55
40
  * <br><br>
56
41
  * Setting this property to <code>true</code>, shows this column as pop-in instead of hiding it.
57
42
  *
58
- * @type {boolean}
59
- * @name sap.ui.webc.main.TableColumn.prototype.demandPopin
60
- * @defaultvalue false
43
+ * @default false
61
44
  * @public
62
45
  */
63
46
  demandPopin: boolean;
@@ -72,9 +55,7 @@ declare class TableColumn extends UI5Element {
72
55
  * <li><code>Inline</code></li>
73
56
  * </ul>
74
57
  *
75
- * @type {TableColumnPopinDisplay}
76
- * @name sap.ui.webc.main.TableColumn.prototype.popinDisplay
77
- * @defaultvalue "Block"
58
+ * @default "Block"
78
59
  * @public
79
60
  */
80
61
  popinDisplay: `${TableColumnPopinDisplay}`;
@@ -21,22 +21,11 @@ import tableColumnStyles from "./generated/themes/TableColumn.css.js";
21
21
  * The <code>ui5-table-column</code> component allows to define column specific properties that are applied
22
22
  * when rendering the <code>ui5-table</code> component.
23
23
  *
24
- * <h3>CSS Shadow Parts</h3>
25
- *
26
- * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
27
- * <br>
28
- * The <code>ui5-table-column</code> exposes the following CSS Shadow Parts:
29
- * <ul>
30
- * <li>column - Used to style the native <code>th</code> element</li>
31
- * </ul>
32
- *
33
24
  * @constructor
34
- * @author SAP SE
35
- * @alias sap.ui.webc.main.TableColumn
36
- * @extends sap.ui.webc.base.UI5Element
37
- * @tagname ui5-table-column
38
- * @implements sap.ui.webc.main.ITableColumn
25
+ * @extends UI5Element
39
26
  * @public
27
+ * @slot {Node[]} default - Defines the content of the column header
28
+ * @csspart column - Used to style the native <code>th</code> element
40
29
  */
41
30
  let TableColumn = class TableColumn extends UI5Element {
42
31
  };
@@ -1 +1 @@
1
- {"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../src/TableColumn.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,OAAO,MAAM,+CAA+C,CAAC;AACpE,OAAO,mBAAmB,MAAM,kDAAkD,CAAC;AACnF,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AAEzE,SAAS;AACT,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAOH,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;CAiFnC,CAAA;AAlEA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;6CACvC;AAWlB;IADC,QAAQ,EAAE;8CACQ;AAcnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDACN;AAmBtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,uBAAuB,EAAE,YAAY,EAAE,uBAAuB,CAAC,KAAK,EAAE,CAAC;iDAC7C;AAM5C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACZ;AAMhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACb;AAvEV,WAAW;IANhB,aAAa,CAAC;QACd,GAAG,EAAE,kBAAkB;QACvB,MAAM,EAAE,iBAAiB;QACzB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,mBAAmB;KAC7B,CAAC;GACI,WAAW,CAiFhB;AAED,WAAW,CAAC,MAAM,EAAE,CAAC;AAErB,eAAe,WAAW,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport TableColumnTemplate from \"./generated/templates/TableColumnTemplate.lit.js\";\nimport TableColumnPopinDisplay from \"./types/TableColumnPopinDisplay.js\";\n\n// Styles\nimport tableColumnStyles from \"./generated/themes/TableColumn.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-column</code> component allows to define column specific properties that are applied\n * when rendering the <code>ui5-table</code> component.\n *\n * <h3>CSS Shadow Parts</h3>\n *\n * <ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.\n * <br>\n * The <code>ui5-table-column</code> exposes the following CSS Shadow Parts:\n * <ul>\n * <li>column - Used to style the native <code>th</code> element</li>\n * </ul>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.TableColumn\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-table-column\n * @implements sap.ui.webc.main.ITableColumn\n * @public\n */\n@customElement({\n\ttag: \"ui5-table-column\",\n\tstyles: tableColumnStyles,\n\trenderer: litRender,\n\ttemplate: TableColumnTemplate,\n})\nclass TableColumn extends UI5Element {\n\t/**\n\t * Defines the minimum table width required to display this column. By default it is always displayed.\n\t * <br><br>\n\t * The responsive behavior of the <code>ui5-table</code> is determined by this property. As an example, by setting\n\t * <code>minWidth</code> property to <code>400</code> sets the minimum width to 400 pixels, and\tshows this column on tablet (and desktop) but hides it on mobile.\n\t * <br>\n\t * For further responsive design options, see <code>demandPopin</code> property.\n\t *\n\t * @type {sap.ui.webc.base.types.Integer}\n\t * @name sap.ui.webc.main.TableColumn.prototype.minWidth\n\t * @defaultvalue Infinity\n\t * @public\n\t */\n\t@property({ validator: Integer, defaultValue: Infinity })\n\tminWidth!: number;\n\n\t/**\n\t * The text for the column when it pops in.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.main.TableColumn.prototype.popinText\n\t * @defaultvalue \"\"\n\t * @public\n\t */\n\t@property()\n\tpopinText!: string;\n\n\t/**\n\t * According to your <code>minWidth</code> settings, the component can be hidden\n\t * in different screen sizes.\n\t * <br><br>\n\t * Setting this property to <code>true</code>, shows this column as pop-in instead of hiding it.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.main.TableColumn.prototype.demandPopin\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdemandPopin!: boolean;\n\n\t/**\n\t * Defines how the popin row is displayed.\n\t *\n\t * <br><br>\n\t * <b>The available values are:</b>\n\t *\n\t * <ul>\n\t * <li><code>Block</code></li>\n\t * <li><code>Inline</code></li>\n\t * </ul>\n\t *\n\t * @type {TableColumnPopinDisplay}\n\t * @name sap.ui.webc.main.TableColumn.prototype.popinDisplay\n\t * @defaultvalue \"Block\"\n\t * @public\n\t */\n\t@property({ type: TableColumnPopinDisplay, defaultValue: TableColumnPopinDisplay.Block })\n\tpopinDisplay!: `${TableColumnPopinDisplay}`;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tfirst!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tlast!: boolean;\n\n\t/**\n\t * Defines the content of the column header.\n\t *\n\t * @type {Node[]}\n\t * @slot\n\t * @name sap.ui.webc.main.TableColumn.prototype.default\n\t * @public\n\t */\n}\n\nTableColumn.define();\n\nexport default TableColumn;\n"]}
1
+ {"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../src/TableColumn.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,OAAO,MAAM,+CAA+C,CAAC;AACpE,OAAO,mBAAmB,MAAM,kDAAkD,CAAC;AACnF,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AAEzE,SAAS;AACT,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AAEtE;;;;;;;;;;;;;GAaG;AAOH,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;CAgEnC,CAAA;AAnDA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;6CACvC;AASlB;IADC,QAAQ,EAAE;8CACQ;AAYnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDACN;AAiBtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,uBAAuB,EAAE,YAAY,EAAE,uBAAuB,CAAC,KAAK,EAAE,CAAC;iDAC7C;AAM5C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACZ;AAMhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACb;AA/DV,WAAW;IANhB,aAAa,CAAC;QACd,GAAG,EAAE,kBAAkB;QACvB,MAAM,EAAE,iBAAiB;QACzB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,mBAAmB;KAC7B,CAAC;GACI,WAAW,CAgEhB;AAED,WAAW,CAAC,MAAM,EAAE,CAAC;AAErB,eAAe,WAAW,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport TableColumnTemplate from \"./generated/templates/TableColumnTemplate.lit.js\";\nimport TableColumnPopinDisplay from \"./types/TableColumnPopinDisplay.js\";\n\n// Styles\nimport tableColumnStyles from \"./generated/themes/TableColumn.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-column</code> component allows to define column specific properties that are applied\n * when rendering the <code>ui5-table</code> component.\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @slot {Node[]} default - Defines the content of the column header\n * @csspart column - Used to style the native <code>th</code> element\n */\n@customElement({\n\ttag: \"ui5-table-column\",\n\tstyles: tableColumnStyles,\n\trenderer: litRender,\n\ttemplate: TableColumnTemplate,\n})\nclass TableColumn extends UI5Element {\n\t/**\n\t * Defines the minimum table width required to display this column. By default it is always displayed.\n\t * <br><br>\n\t * The responsive behavior of the <code>ui5-table</code> is determined by this property. As an example, by setting\n\t * <code>minWidth</code> property to <code>400</code> sets the minimum width to 400 pixels, and\tshows this column on tablet (and desktop) but hides it on mobile.\n\t * <br>\n\t * For further responsive design options, see <code>demandPopin</code> property.\n\t *\n\t * @default Infinity\n\t * @public\n\t */\n\t@property({ validator: Integer, defaultValue: Infinity })\n\tminWidth!: number;\n\n\t/**\n\t * The text for the column when it pops in.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tpopinText!: string;\n\n\t/**\n\t * According to your <code>minWidth</code> settings, the component can be hidden\n\t * in different screen sizes.\n\t * <br><br>\n\t * Setting this property to <code>true</code>, shows this column as pop-in instead of hiding it.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdemandPopin!: boolean;\n\n\t/**\n\t * Defines how the popin row is displayed.\n\t *\n\t * <br><br>\n\t * <b>The available values are:</b>\n\t *\n\t * <ul>\n\t * <li><code>Block</code></li>\n\t * <li><code>Inline</code></li>\n\t * </ul>\n\t *\n\t * @default \"Block\"\n\t * @public\n\t */\n\t@property({ type: TableColumnPopinDisplay, defaultValue: TableColumnPopinDisplay.Block })\n\tpopinDisplay!: `${TableColumnPopinDisplay}`;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tfirst!: boolean;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tlast!: boolean;\n}\n\nTableColumn.define();\n\nexport default TableColumn;\n"]}
@@ -1,6 +1,5 @@
1
1
  import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
2
  import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
3
- import { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
4
3
  import type { ITableRow, TableColumnInfo } from "./Table.js";
5
4
  import TableMode from "./types/TableMode.js";
6
5
  /**
@@ -10,25 +9,14 @@ import TableMode from "./types/TableMode.js";
10
9
  *
11
10
  * The <code>ui5-table-group-row</code> component represents a group row in the <code>ui5-table</code>.
12
11
  *
13
- * <h3>CSS Shadow Parts</h3>
14
- *
15
- * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
16
- * <br>
17
- * The <code>ui5-table-group-row</code> exposes the following CSS Shadow Parts:
18
- * <ul>
19
- * <li>group-row - Used to style the native <code>tr</code> element.</li>
20
- * </ul>
21
- *
22
12
  * @constructor
23
- * @author SAP SE
24
- * @alias sap.ui.webc.main.TableGroupRow
25
- * @extends sap.ui.webc.base.UI5Element
26
- * @tagname ui5-table-group-row
27
13
  * @since 1.0.0-rc.15
28
- * @implements sap.ui.webc.main.ITableRow
14
+ * @implements {ITableRow}
29
15
  * @public
16
+ * @slot {Node[]} default - Defines the text of the component. <br> <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
17
+ * @csspart group-row - Used to style the native <code>tr</code> element
30
18
  */
31
- declare class TableGroupRow extends UI5Element implements ITableRow, ITabbable {
19
+ declare class TableGroupRow extends UI5Element implements ITableRow {
32
20
  /**
33
21
  * Defines the mode of the row
34
22
  *
@@ -40,8 +28,8 @@ declare class TableGroupRow extends UI5Element implements ITableRow, ITabbable {
40
28
  * <li><code>SingleSelect</code></li>
41
29
  * <li><code>MultiSelect</code></li>
42
30
  * </ul>
43
- * @type {sap.ui.webc.main.types.TableMode}
44
- * @defaultvalue "None"
31
+ *
32
+ * @default "None"
45
33
  * @private
46
34
  */
47
35
  mode: `${TableMode}`;
@@ -52,16 +40,6 @@ declare class TableGroupRow extends UI5Element implements ITableRow, ITabbable {
52
40
  selected: boolean;
53
41
  _tabbables: Array<HTMLElement>;
54
42
  _columnsInfoString: string;
55
- /**
56
- * Defines the text of the component.
57
- * <br>
58
- * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
59
- *
60
- * @type {Node[]}
61
- * @name sap.ui.webc.main.TableGroupRow.prototype.default
62
- * @slot
63
- * @public
64
- */
65
43
  static i18nBundle: I18nBundle;
66
44
  _colSpan?: number;
67
45
  get colSpan(): number | undefined;
@@ -11,7 +11,6 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
11
11
  import event from "@ui5/webcomponents-base/dist/decorators/event.js";
12
12
  import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
13
13
  import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
14
- import "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
15
14
  import CheckBox from "./CheckBox.js";
16
15
  import TableGroupRowTemplate from "./generated/templates/TableGroupRowTemplate.lit.js";
17
16
  import TableMode from "./types/TableMode.js";
@@ -26,23 +25,12 @@ import tableGroupRowStyles from "./generated/themes/TableGroupRow.css.js";
26
25
  *
27
26
  * The <code>ui5-table-group-row</code> component represents a group row in the <code>ui5-table</code>.
28
27
  *
29
- * <h3>CSS Shadow Parts</h3>
30
- *
31
- * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
32
- * <br>
33
- * The <code>ui5-table-group-row</code> exposes the following CSS Shadow Parts:
34
- * <ul>
35
- * <li>group-row - Used to style the native <code>tr</code> element.</li>
36
- * </ul>
37
- *
38
28
  * @constructor
39
- * @author SAP SE
40
- * @alias sap.ui.webc.main.TableGroupRow
41
- * @extends sap.ui.webc.base.UI5Element
42
- * @tagname ui5-table-group-row
43
29
  * @since 1.0.0-rc.15
44
- * @implements sap.ui.webc.main.ITableRow
30
+ * @implements {ITableRow}
45
31
  * @public
32
+ * @slot {Node[]} default - Defines the text of the component. <br> <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
33
+ * @csspart group-row - Used to style the native <code>tr</code> element
46
34
  */
47
35
  let TableGroupRow = TableGroupRow_1 = class TableGroupRow extends UI5Element {
48
36
  constructor() {
@@ -1 +1 @@
1
- {"version":3,"file":"TableGroupRow.js","sourceRoot":"","sources":["../src/TableGroupRow.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport CheckBox from \"./CheckBox.js\";\nimport type { ITableRow, TableColumnInfo } from \"./Table.js\";\nimport TableGroupRowTemplate from \"./generated/templates/TableGroupRowTemplate.lit.js\";\nimport TableMode from \"./types/TableMode.js\";\n\n// Texts\nimport {\n\tTABLE_GROUP_ROW_ARIA_LABEL,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport tableGroupRowStyles from \"./generated/themes/TableGroupRow.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-group-row</code> component represents a group row in the <code>ui5-table</code>.\n *\n * <h3>CSS Shadow Parts</h3>\n *\n * <ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.\n * <br>\n * The <code>ui5-table-group-row</code> exposes the following CSS Shadow Parts:\n * <ul>\n * <li>group-row - Used to style the native <code>tr</code> element.</li>\n * </ul>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.TableGroupRow\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-table-group-row\n * @since 1.0.0-rc.15\n * @implements sap.ui.webc.main.ITableRow\n * @public\n */\n@customElement({\n\ttag: \"ui5-table-group-row\",\n\tstyles: tableGroupRowStyles,\n\trenderer: litRender,\n\ttemplate: TableGroupRowTemplate,\n\tdependencies: [\n\t\tCheckBox,\n\t],\n})\n@event(\"_focused\")\nclass TableGroupRow extends UI5Element implements ITableRow, ITabbable {\n\t/**\n\t * Defines the mode of the row\n\t *\n\t * <br><br>\n\t * <b>Note:</b>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>None</code></li>\n\t * <li><code>SingleSelect</code></li>\n\t * <li><code>MultiSelect</code></li>\n\t * </ul>\n\t * @type {sap.ui.webc.main.types.TableMode}\n\t * @defaultvalue \"None\"\n\t * @private\n\t */\n\t@property({ type: TableMode, defaultValue: TableMode.None })\n\tmode!: `${TableMode}`;\n\n\t@property({ type: Object, multiple: true })\n\t_columnsInfo!: Array<TableColumnInfo>;\n\n\t@property({ defaultValue: \"-1\" })\n\t_tabIndex!: string;\n\n\t@property({ type: Boolean })\n\t_busy!: boolean;\n\n\t@property({ defaultValue: \"\", noAttribute: true })\n\t_ariaPosition!: string;\n\n\t// Properties, set and handled by the Table\n\tselected = false;\n\t_tabbables: Array<HTMLElement> = [];\n\t_columnsInfoString = \"\";\n\n\t/**\n\t * Defines the text of the component.\n\t * <br>\n\t * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n\t *\n\t * @type {Node[]}\n\t * @name sap.ui.webc.main.TableGroupRow.prototype.default\n\t * @slot\n\t * @public\n\t */\n\n\tstatic i18nBundle: I18nBundle;\n\n\t_colSpan?: number;\n\n\tget colSpan() {\n\t\treturn this._colSpan;\n\t}\n\n\tget ariaLabelText() {\n\t\treturn `${TableGroupRow.i18nBundle.getText(TABLE_GROUP_ROW_ARIA_LABEL)} ${this.innerText}. ${this._ariaPosition}`;\n\t}\n\n\tvisibleColCount(): number {\n\t\tlet count = this._columnsInfo.reduce((acc, column) => {\n\t\t\treturn column.visible ? ++acc : acc;\n\t\t}, 0);\n\n\t\tif (this.mode === TableMode.MultiSelect) {\n\t\t\tcount++;\n\t\t}\n\n\t\treturn count;\n\t}\n\n\tonBeforeRendering() {\n\t\tif (!this._columnsInfo || this._columnsInfo.length === 0) {\n\t\t\treturn;\n\t\t}\n\t\tthis._colSpan = this.visibleColCount();\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tthis.fireEvent(\"_focused\", e);\n\t}\n\n\tstatic async onDefine() {\n\t\tTableGroupRow.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n}\n\nTableGroupRow.define();\n\nexport default TableGroupRow;\n"]}
1
+ {"version":3,"file":"TableGroupRow.js","sourceRoot":"","sources":["../src/TableGroupRow.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport CheckBox from \"./CheckBox.js\";\nimport type { ITableRow, TableColumnInfo } from \"./Table.js\";\nimport TableGroupRowTemplate from \"./generated/templates/TableGroupRowTemplate.lit.js\";\nimport TableMode from \"./types/TableMode.js\";\n\n// Texts\nimport {\n\tTABLE_GROUP_ROW_ARIA_LABEL,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport tableGroupRowStyles from \"./generated/themes/TableGroupRow.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-group-row</code> component represents a group row in the <code>ui5-table</code>.\n *\n * @constructor\n * @since 1.0.0-rc.15\n * @implements {ITableRow}\n * @public\n * @slot {Node[]} default - Defines the text of the component. <br> <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n * @csspart group-row - Used to style the native <code>tr</code> element\n */\n@customElement({\n\ttag: \"ui5-table-group-row\",\n\tstyles: tableGroupRowStyles,\n\trenderer: litRender,\n\ttemplate: TableGroupRowTemplate,\n\tdependencies: [\n\t\tCheckBox,\n\t],\n})\n@event(\"_focused\")\nclass TableGroupRow extends UI5Element implements ITableRow {\n\t/**\n\t * Defines the mode of the row\n\t *\n\t * <br><br>\n\t * <b>Note:</b>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>None</code></li>\n\t * <li><code>SingleSelect</code></li>\n\t * <li><code>MultiSelect</code></li>\n\t * </ul>\n\t *\n\t * @default \"None\"\n\t * @private\n\t */\n\t@property({ type: TableMode, defaultValue: TableMode.None })\n\tmode!: `${TableMode}`;\n\n\t@property({ type: Object, multiple: true })\n\t_columnsInfo!: Array<TableColumnInfo>;\n\n\t@property({ defaultValue: \"-1\" })\n\t_tabIndex!: string;\n\n\t@property({ type: Boolean })\n\t_busy!: boolean;\n\n\t@property({ defaultValue: \"\", noAttribute: true })\n\t_ariaPosition!: string;\n\n\t// Properties, set and handled by the Table\n\tselected = false;\n\t_tabbables: Array<HTMLElement> = [];\n\t_columnsInfoString = \"\";\n\n\tstatic i18nBundle: I18nBundle;\n\n\t_colSpan?: number;\n\n\tget colSpan() {\n\t\treturn this._colSpan;\n\t}\n\n\tget ariaLabelText() {\n\t\treturn `${TableGroupRow.i18nBundle.getText(TABLE_GROUP_ROW_ARIA_LABEL)} ${this.innerText}. ${this._ariaPosition}`;\n\t}\n\n\tvisibleColCount(): number {\n\t\tlet count = this._columnsInfo.reduce((acc, column) => {\n\t\t\treturn column.visible ? ++acc : acc;\n\t\t}, 0);\n\n\t\tif (this.mode === TableMode.MultiSelect) {\n\t\t\tcount++;\n\t\t}\n\n\t\treturn count;\n\t}\n\n\tonBeforeRendering() {\n\t\tif (!this._columnsInfo || this._columnsInfo.length === 0) {\n\t\t\treturn;\n\t\t}\n\t\tthis._colSpan = this.visibleColCount();\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tthis.fireEvent(\"_focused\", e);\n\t}\n\n\tstatic async onDefine() {\n\t\tTableGroupRow.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n}\n\nTableGroupRow.define();\n\nexport default TableGroupRow;\n"]}
@@ -1,7 +1,6 @@
1
1
  import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
2
  import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
3
3
  import type { PassiveEventListenerObject } from "@ui5/webcomponents-base/dist/types.js";
4
- import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
5
4
  import type TableCell from "./TableCell.js";
6
5
  import type { ITableRow, TableColumnInfo } from "./Table.js";
7
6
  import TableMode from "./types/TableMode.js";
@@ -28,25 +27,14 @@ type TableRowF7PressEventDetail = {
28
27
  *
29
28
  * The <code>ui5-table-row</code> component represents a row in the <code>ui5-table</code>.
30
29
  *
31
- * <h3>CSS Shadow Parts</h3>
32
- *
33
- * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
34
- * <br>
35
- * The <code>ui5-table-row</code> exposes the following CSS Shadow Parts:
36
- * <ul>
37
- * <li>row - Used to style the native <code>tr</code> element</li>
38
- * <li>popin-row - Used to style the <code>tr</code> element when a row pops in</li>
39
- * </ul>
40
- *
41
30
  * @constructor
42
- * @author SAP SE
43
- * @alias sap.ui.webc.main.TableRow
44
- * @extends sap.ui.webc.base.UI5Element
45
- * @tagname ui5-table-row
46
- * @implements sap.ui.webc.main.ITableRow
31
+ * @extends UI5Element
32
+ * @implements {ITableRow}
47
33
  * @public
34
+ * @csspart row - Used to style the native <code>tr</code> element
35
+ * @csspart popin-row - Used to style the <code>tr</code> element when a row pops in
48
36
  */
49
- declare class TableRow extends UI5Element implements ITableRow, ITabbable {
37
+ declare class TableRow extends UI5Element implements ITableRow {
50
38
  /**
51
39
  * Defines the visual indication and behavior of the component.
52
40
  * <br><br>
@@ -59,9 +47,7 @@ declare class TableRow extends UI5Element implements ITableRow, ITabbable {
59
47
  * <b>Note:</b> When set to <code>Active</code>, the item will provide visual response upon press,
60
48
  * while with type <code>Inactive</code> - will not.
61
49
  *
62
- * @type {sap.ui.webc.main.types.TableRowType}
63
- * @name sap.ui.webc.main.TableRow.prototype.type
64
- * @defaultvalue "Inactive"
50
+ * @default "Inactive"
65
51
  * @since 1.0.0-rc.15
66
52
  * @public
67
53
  */
@@ -69,9 +55,7 @@ declare class TableRow extends UI5Element implements ITableRow, ITabbable {
69
55
  /**
70
56
  * Defines the row's selected state.
71
57
  *
72
- * @type {boolean}
73
- * @name sap.ui.webc.main.TableRow.prototype.selected
74
- * @defaultvalue false
58
+ * @default false
75
59
  * @since 1.0.0-rc.15
76
60
  * @public
77
61
  */
@@ -79,17 +63,15 @@ declare class TableRow extends UI5Element implements ITableRow, ITabbable {
79
63
  /**
80
64
  * Indicates if the table row is navigated.
81
65
  *
82
- * @type {boolean}
83
- * @name sap.ui.webc.main.TableRow.prototype.navigated
84
- * @defaultvalue false
66
+ * @default false
85
67
  * @since 1.9.0
86
68
  * @public
87
69
  */
88
70
  navigated: boolean;
89
71
  /**
90
72
  * Defines the mode of the row (None, SingleSelect, MultiSelect).
91
- * @type {sap.ui.webc.main.types.TableMode}
92
- * @defaultvalue "None"
73
+ *
74
+ * @default "None"
93
75
  * @since 1.0.0-rc.15
94
76
  * @private
95
77
  */
@@ -97,8 +79,7 @@ declare class TableRow extends UI5Element implements ITableRow, ITabbable {
97
79
  /**
98
80
  * Indicates if the table row is active.
99
81
  *
100
- * @type {boolean}
101
- * @defaultvalue false
82
+ * @default false
102
83
  * @since 1.0.0-rc.15
103
84
  * @private
104
85
  */
@@ -112,9 +93,6 @@ declare class TableRow extends UI5Element implements ITableRow, ITabbable {
112
93
  * <br><br>
113
94
  * <b>Note:</b> Use <code>ui5-table-cell</code> for the intended design.
114
95
  *
115
- * @type {sap.ui.webc.main.ITableCell[]}
116
- * @name sap.ui.webc.main.TableRow.prototype.default
117
- * @slot cells
118
96
  * @public
119
97
  */
120
98
  cells: Array<TableCell>;
package/dist/TableRow.js CHANGED
@@ -31,23 +31,12 @@ import tableRowStyles from "./generated/themes/TableRow.css.js";
31
31
  *
32
32
  * The <code>ui5-table-row</code> component represents a row in the <code>ui5-table</code>.
33
33
  *
34
- * <h3>CSS Shadow Parts</h3>
35
- *
36
- * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
37
- * <br>
38
- * The <code>ui5-table-row</code> exposes the following CSS Shadow Parts:
39
- * <ul>
40
- * <li>row - Used to style the native <code>tr</code> element</li>
41
- * <li>popin-row - Used to style the <code>tr</code> element when a row pops in</li>
42
- * </ul>
43
- *
44
34
  * @constructor
45
- * @author SAP SE
46
- * @alias sap.ui.webc.main.TableRow
47
- * @extends sap.ui.webc.base.UI5Element
48
- * @tagname ui5-table-row
49
- * @implements sap.ui.webc.main.ITableRow
35
+ * @extends UI5Element
36
+ * @implements {ITableRow}
50
37
  * @public
38
+ * @csspart row - Used to style the native <code>tr</code> element
39
+ * @csspart popin-row - Used to style the <code>tr</code> element when a row pops in
51
40
  */
52
41
  let TableRow = TableRow_1 = class TableRow extends UI5Element {
53
42
  constructor() {
@@ -310,7 +299,6 @@ TableRow = TableRow_1 = __decorate([
310
299
  /**
311
300
  * Fired when a row in <code>Active</code> mode is clicked or <code>Enter</code> key is pressed.
312
301
  *
313
- * @event sap.ui.webc.main.TableRow#row-click
314
302
  * @since 1.0.0-rc.15
315
303
  * @private
316
304
  */
@@ -320,7 +308,6 @@ TableRow = TableRow_1 = __decorate([
320
308
  /**
321
309
  * Fired on selection change of an active row.
322
310
  *
323
- * @event sap.ui.webc.main.TableRow#selection-requested
324
311
  * @since 1.0.0-rc.15
325
312
  * @private
326
313
  */
@@ -329,7 +316,6 @@ TableRow = TableRow_1 = __decorate([
329
316
  /**
330
317
  * Fired when F7 is pressed.
331
318
  *
332
- * @event sap.ui.webc.main.TableRow#f7-pressed
333
319
  * @since 1.2.0
334
320
  * @private
335
321
  */
@@ -1 +1 @@
1
- {"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../src/TableRow.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { PassiveEventListenerObject } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport {\n\tisSpace,\n\tisEnter,\n\tisF7,\n\tisTabNext,\n\tisTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\nimport { getLastTabbableElement } from \"@ui5/webcomponents-base/dist/util/TabbableElements.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport type TableCell from \"./TableCell.js\";\nimport type { ITableRow, TableColumnInfo } from \"./Table.js\";\nimport CheckBox from \"./CheckBox.js\";\nimport TableMode from \"./types/TableMode.js\";\nimport TableRowType from \"./types/TableRowType.js\";\nimport TableColumnPopinDisplay from \"./types/TableColumnPopinDisplay.js\";\nimport TableRowTemplate from \"./generated/templates/TableRowTemplate.lit.js\";\nimport {\n\tARIA_LABEL_ROW_SELECTION,\n\tLIST_ITEM_NOT_SELECTED,\n\tLIST_ITEM_SELECTED,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport tableRowStyles from \"./generated/themes/TableRow.css.js\";\n\ntype TableRowClickEventDetail = {\n\trow: TableRow,\n}\n\ntype TableRowSelectionRequestedEventDetail = {\n\trow: TableRow,\n}\n\ntype TableRowForwardBeforeEventDetail = {\n\ttarget: HTMLElement,\n}\n\ntype TableRowForwardAfterEventDetail = {\n\ttarget: HTMLElement,\n}\n\ntype TableRowF7PressEventDetail = {\n\trow: TableRow,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-row</code> component represents a row in the <code>ui5-table</code>.\n *\n * <h3>CSS Shadow Parts</h3>\n *\n * <ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.\n * <br>\n * The <code>ui5-table-row</code> exposes the following CSS Shadow Parts:\n * <ul>\n * <li>row - Used to style the native <code>tr</code> element</li>\n * <li>popin-row - Used to style the <code>tr</code> element when a row pops in</li>\n * </ul>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.TableRow\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-table-row\n * @implements sap.ui.webc.main.ITableRow\n * @public\n */\n@customElement({\n\ttag: \"ui5-table-row\",\n\tstyles: tableRowStyles,\n\trenderer: litRender,\n\ttemplate: TableRowTemplate,\n\tdependencies: [CheckBox],\n})\n/**\n * Fired when a row in <code>Active</code> mode is clicked or <code>Enter</code> key is pressed.\n *\n * @event sap.ui.webc.main.TableRow#row-click\n * @since 1.0.0-rc.15\n * @private\n */\n@event(\"row-click\")\n@event(\"_focused\")\n/**\n * Fired on selection change of an active row.\n *\n * @event sap.ui.webc.main.TableRow#selection-requested\n * @since 1.0.0-rc.15\n * @private\n */\n@event(\"selection-requested\")\n/**\n * Fired when F7 is pressed.\n *\n * @event sap.ui.webc.main.TableRow#f7-pressed\n * @since 1.2.0\n * @private\n */\n@event(\"f7-pressed\")\nclass TableRow extends UI5Element implements ITableRow, ITabbable {\n\t/**\n\t * Defines the visual indication and behavior of the component.\n\t * <br><br>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>Active</code></li>\n\t * <li><code>Inactive</code></li>\n\t * </ul>\n\t * <br><br>\n\t * <b>Note:</b> When set to <code>Active</code>, the item will provide visual response upon press,\n\t * while with type <code>Inactive</code> - will not.\n\t *\n\t * @type {sap.ui.webc.main.types.TableRowType}\n\t * @name sap.ui.webc.main.TableRow.prototype.type\n\t * @defaultvalue \"Inactive\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property({ type: TableRowType, defaultValue: TableRowType.Inactive })\n\ttype!: `${TableRowType}`;\n\n\t/**\n\t * Defines the row's selected state.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.main.TableRow.prototype.selected\n\t * @defaultvalue false\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\t/**\n\t * Indicates if the table row is navigated.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.main.TableRow.prototype.navigated\n\t * @defaultvalue false\n\t * @since 1.9.0\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tnavigated!: boolean;\n\n\t/**\n\t * Defines the mode of the row (None, SingleSelect, MultiSelect).\n\t * @type {sap.ui.webc.main.types.TableMode}\n\t * @defaultvalue \"None\"\n\t * @since 1.0.0-rc.15\n\t * @private\n\t */\n\t@property({ type: TableMode, defaultValue: TableMode.None })\n\tmode!: `${TableMode}`;\n\n\t/**\n\t * Indicates if the table row is active.\n\t *\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @since 1.0.0-rc.15\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tactive!: boolean;\n\n\t@property({ type: Object, multiple: true })\n\t_columnsInfo!: Array<TableColumnInfo>;\n\n\t@property({ defaultValue: \"-1\" })\n\t_tabIndex!: string;\n\n\t@property({ type: Boolean })\n\t_busy!: boolean;\n\n\t@property({ defaultValue: \"\", noAttribute: true })\n\t_ariaPosition!: string;\n\n\t/**\n\t * Defines the cells of the component.\n\t * <br><br>\n\t * <b>Note:</b> Use <code>ui5-table-cell</code> for the intended design.\n\t *\n\t * @type {sap.ui.webc.main.ITableCell[]}\n\t * @name sap.ui.webc.main.TableRow.prototype.default\n\t * @slot cells\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n\tcells!: Array<TableCell>;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tvisibleCells: Array<TableCell> = [];\n\tpopinCells: Array<TableColumnInfo> = [];\n\n\t_ontouchstart: PassiveEventListenerObject;\n\n\t// Properties, set and handled by the Table\n\t_tabbables: Array<HTMLElement> = [];\n\t_columnsInfoString = \"\";\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tconst handleToushStartEvent = () => {\n\t\t\tthis.activate();\n\t\t};\n\n\t\tthis._ontouchstart = {\n\t\t\thandleEvent: handleToushStartEvent,\n\t\t\tpassive: true,\n\t\t};\n\t}\n\n\t_onmouseup() {\n\t\tthis.deactivate();\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst activeElement = getActiveElement() as HTMLElement;\n\t\tconst itemActive = this.type === TableRowType.Active;\n\t\tconst isSingleSelect = this.isSingleSelect;\n\t\tconst itemSelectable = isSingleSelect || this.isMultiSelect;\n\t\tconst isRowFocused = this._activeElementHasAttribute(\"ui5-table-row\");\n\t\tconst target = e.target as HTMLElement;\n\t\tconst checkboxPressed = target.classList.contains(\"ui5-multi-select-checkbox\");\n\t\tconst rowElements = Array.from(this.shadowRoot!.querySelectorAll(\"tr\") || []);\n\t\tconst elements = rowElements.map(getLastTabbableElement);\n\t\tconst lastFocusableElement = elements.pop();\n\n\t\tif (isTabNext(e) && activeElement === (lastFocusableElement || this.root)) {\n\t\t\tthis.fireEvent<TableRowForwardAfterEventDetail>(\"_forward-after\", { target: activeElement });\n\t\t}\n\n\t\tif (isTabPrevious(e) && activeElement === this.root) {\n\t\t\tthis.fireEvent<TableRowForwardBeforeEventDetail>(\"_forward-before\", { target: activeElement });\n\t\t}\n\n\t\tif (isSpace(e) && target.tagName.toLowerCase() === \"tr\") {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isRowFocused && !checkboxPressed) {\n\t\t\tif ((isSpace(e) && itemSelectable) || (isEnter(e) && isSingleSelect)) {\n\t\t\t\tthis.fireEvent<TableRowSelectionRequestedEventDetail>(\"selection-requested\", { row: this });\n\t\t\t}\n\n\t\t\tif (isEnter(e) && itemActive) {\n\t\t\t\tthis.fireEvent<TableRowClickEventDetail>(\"row-click\", { row: this });\n\t\t\t\tif (!isSingleSelect) {\n\t\t\t\t\tthis.activate();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (isF7(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.fireEvent<TableRowF7PressEventDetail>(\"f7-pressed\", { row: this });\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e) || isEnter(e)) {\n\t\t\tthis.deactivate();\n\t\t}\n\t}\n\n\t_ontouchend() {\n\t\tthis.deactivate();\n\t}\n\n\t_onfocusout() {\n\t\tthis.deactivate();\n\t}\n\n\t_onfocusin(e: FocusEvent, forceSelfFocus = false) {\n\t\tif (forceSelfFocus || this._activeElementHasAttribute(\"ui5-table-cell\")) {\n\t\t\tthis.root.focus();\n\t\t\tthis.activate();\n\t\t}\n\n\t\tthis.fireEvent(\"_focused\");\n\t}\n\n\t_onrowclick(e: MouseEvent) {\n\t\tconst checkboxPressed = (e.target as HTMLElement).classList.contains(\"ui5-multi-select-checkbox\");\n\t\t// If the user tab over a button on IOS device, the document.activeElement\n\t\t// is the ui5-table-row. The check below ensure that, if a button within the row is pressed,\n\t\t// the row will not be selected.\n\t\tif (getEventMark(e) === \"button\") {\n\t\t\treturn;\n\t\t}\n\n\t\tconst activeElement = (this.getRootNode() as Document).activeElement;\n\t\tif (!this.contains(activeElement)) {\n\t\t\t// If the user clickes on non-focusable element within the ui5-table-cell,\n\t\t\t// the focus goes to the body, se we have to bring it back to the row.\n\t\t\t// If the user clicks on input, button or similar clickable element,\n\t\t\t// the focus remains on that element.\n\t\t\tthis._onfocusin(e, true /* force row focus */);\n\t\t\tthis.deactivate();\n\t\t}\n\n\t\tif (this._activeElementHasAttribute(\"ui5-table-row\")) {\n\t\t\tif (this.isSingleSelect) {\n\t\t\t\tthis._handleSelection();\n\t\t\t}\n\n\t\t\tif (this.type === TableRowType.Active && !checkboxPressed) {\n\t\t\t\tthis.fireEvent<TableRowClickEventDetail>(\"row-click\", { row: this });\n\t\t\t}\n\t\t}\n\t}\n\n\t_handleSelection() {\n\t\tthis.fireEvent<TableRowSelectionRequestedEventDetail>(\"selection-requested\", { row: this });\n\t}\n\n\t_activeElementHasAttribute(attr: string): boolean {\n\t\treturn !!((this.getRootNode() as Document).activeElement?.hasAttribute(attr));\n\t}\n\n\tget _ariaCurrent() {\n\t\treturn this.navigated ? true : undefined;\n\t}\n\n\tactivate() {\n\t\tif (this.type === TableRowType.Active) {\n\t\t\tthis.active = true;\n\t\t}\n\t}\n\n\tdeactivate() {\n\t\tif (this.active) {\n\t\t\tthis.active = false;\n\t\t}\n\t}\n\n\tget shouldPopin() {\n\t\treturn this._columnsInfo.filter(el => {\n\t\t\treturn el.demandPopin || !el.visible;\n\t\t}).length;\n\t}\n\n\tget allColumnsPoppedIn() {\n\t\treturn this._columnsInfo.every(el => el.demandPopin && !el.visible);\n\t}\n\n\tonBeforeRendering() {\n\t\tif (!this.shouldPopin) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.visibleCells = [];\n\t\tthis.popinCells = [];\n\n\t\tif (this.cells.length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst allColumnsPoppedInClass = this.allColumnsPoppedIn ? \"all-columns-popped-in\" : \"\";\n\t\tthis._columnsInfo.forEach((info, index) => {\n\t\t\tconst cell = this.cells[index];\n\t\t\tconst popinDisplay = info.popinDisplay === TableColumnPopinDisplay.Inline;\n\n\t\t\tif (!cell) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (info.visible) {\n\t\t\t\tthis.visibleCells.push(cell);\n\t\t\t\tcell.popined = false;\n\t\t\t\tcell._popinedInline = false;\n\t\t\t} else if (info.demandPopin) {\n\t\t\t\tconst popinHeaderClass = this.popinCells.length === 0 ? \"popin-header\" : \"\";\n\t\t\t\tthis.popinCells.push({\n\t\t\t\t\tcell,\n\t\t\t\t\tpopinText: info.popinText,\n\t\t\t\t\tclasses: `ui5-table-popin-row ${allColumnsPoppedInClass} ${popinHeaderClass}`,\n\t\t\t\t\tpopinDisplayInline: popinDisplay,\n\t\t\t\t});\n\t\t\t\tcell.popined = true;\n\t\t\t\tif (info.popinDisplay === TableColumnPopinDisplay.Inline) {\n\t\t\t\t\tcell._popinedInline = true;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tcell.popined = false;\n\t\t\t\tcell._popinedInline = false;\n\t\t\t}\n\t\t});\n\n\t\tconst lastVisibleCell = this.visibleCells[this.visibleCells.length - 1];\n\n\t\tif (lastVisibleCell) {\n\t\t\tlastVisibleCell.lastInRow = true;\n\t\t}\n\t}\n\n\tget visibleCellsCount() {\n\t\tlet visibleCellsCount = this.visibleCells.length;\n\n\t\tif (this.isMultiSelect) {\n\t\t\tvisibleCellsCount += 1;\n\t\t}\n\n\t\treturn visibleCellsCount;\n\t}\n\n\tget ariaLabelText() {\n\t\tconst isSelected = this.selected ? TableRow.i18nBundle.getText(LIST_ITEM_SELECTED) : TableRow.i18nBundle.getText(LIST_ITEM_NOT_SELECTED);\n\t\tconst isRowSelectable = this.isSingleSelect || this.isMultiSelect;\n\t\tconst ariaLabel = this.cells.map((cell, index) => {\n\t\t\tconst columText = this.getColumnTextByIdx(index);\n\t\t\tconst cellText = cell.cellContent.length ? this.getCellText(cell) : cell.ariaLabelEmptyCellText;\n\t\t\treturn `${columText} ${cellText}`;\n\t\t}).join(\" \");\n\n\t\tif (isRowSelectable) {\n\t\t\treturn `${ariaLabel}. ${this._ariaPosition}. ${isSelected}`;\n\t\t}\n\n\t\treturn `${ariaLabel}. ${this._ariaPosition}`;\n\t}\n\n\tget ariaLabelRowSelection() {\n\t\treturn TableRow.i18nBundle.getText(ARIA_LABEL_ROW_SELECTION);\n\t}\n\n\tget isSingleSelect() {\n\t\treturn this.mode === TableMode.SingleSelect;\n\t}\n\n\tget isMultiSelect() {\n\t\treturn this.mode === TableMode.MultiSelect;\n\t}\n\n\tget root() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-table-row-root\")!;\n\t}\n\n\tgetCellText(cell: TableCell): string {\n\t\tconst cellTextContent = cell.textContent;\n\n\t\treturn cellTextContent ? this.getNormilzedTextContent(cellTextContent) : \"\";\n\t}\n\n\tgetColumnTextByIdx(index: number): string {\n\t\tconst columnInfo: TableColumnInfo = this._columnsInfo[index];\n\n\t\tif (!columnInfo) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\treturn columnInfo.text ? this.getNormilzedTextContent(columnInfo.text) : \"\";\n\t}\n\n\tgetNormilzedTextContent(textContent: string): string {\n\t\treturn textContent.replace(/[\\n\\r\\t]/g, \"\").trim();\n\t}\n\n\tstatic async onDefine() {\n\t\tTableRow.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n}\n\nTableRow.define();\n\nexport default TableRow;\n\nexport type {\n\tTableRowClickEventDetail,\n\tTableRowSelectionRequestedEventDetail,\n\tTableRowForwardBeforeEventDetail,\n\tTableRowForwardAfterEventDetail,\n\tTableRowF7PressEventDetail,\n};\n"]}
1
+ {"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../src/TableRow.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { PassiveEventListenerObject } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport {\n\tisSpace,\n\tisEnter,\n\tisF7,\n\tisTabNext,\n\tisTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\nimport { getLastTabbableElement } from \"@ui5/webcomponents-base/dist/util/TabbableElements.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport type TableCell from \"./TableCell.js\";\nimport type { ITableRow, TableColumnInfo } from \"./Table.js\";\nimport CheckBox from \"./CheckBox.js\";\nimport TableMode from \"./types/TableMode.js\";\nimport TableRowType from \"./types/TableRowType.js\";\nimport TableColumnPopinDisplay from \"./types/TableColumnPopinDisplay.js\";\nimport TableRowTemplate from \"./generated/templates/TableRowTemplate.lit.js\";\nimport {\n\tARIA_LABEL_ROW_SELECTION,\n\tLIST_ITEM_NOT_SELECTED,\n\tLIST_ITEM_SELECTED,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport tableRowStyles from \"./generated/themes/TableRow.css.js\";\n\ntype TableRowClickEventDetail = {\n\trow: TableRow,\n}\n\ntype TableRowSelectionRequestedEventDetail = {\n\trow: TableRow,\n}\n\ntype TableRowForwardBeforeEventDetail = {\n\ttarget: HTMLElement,\n}\n\ntype TableRowForwardAfterEventDetail = {\n\ttarget: HTMLElement,\n}\n\ntype TableRowF7PressEventDetail = {\n\trow: TableRow,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-table-row</code> component represents a row in the <code>ui5-table</code>.\n *\n * @constructor\n * @extends UI5Element\n * @implements {ITableRow}\n * @public\n * @csspart row - Used to style the native <code>tr</code> element\n * @csspart popin-row - Used to style the <code>tr</code> element when a row pops in\n */\n@customElement({\n\ttag: \"ui5-table-row\",\n\tstyles: tableRowStyles,\n\trenderer: litRender,\n\ttemplate: TableRowTemplate,\n\tdependencies: [CheckBox],\n})\n/**\n * Fired when a row in <code>Active</code> mode is clicked or <code>Enter</code> key is pressed.\n *\n * @since 1.0.0-rc.15\n * @private\n */\n@event(\"row-click\")\n@event(\"_focused\")\n/**\n * Fired on selection change of an active row.\n *\n * @since 1.0.0-rc.15\n * @private\n */\n@event(\"selection-requested\")\n/**\n * Fired when F7 is pressed.\n *\n * @since 1.2.0\n * @private\n */\n@event(\"f7-pressed\")\nclass TableRow extends UI5Element implements ITableRow {\n\t/**\n\t * Defines the visual indication and behavior of the component.\n\t * <br><br>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>Active</code></li>\n\t * <li><code>Inactive</code></li>\n\t * </ul>\n\t * <br><br>\n\t * <b>Note:</b> When set to <code>Active</code>, the item will provide visual response upon press,\n\t * while with type <code>Inactive</code> - will not.\n\t *\n\t * @default \"Inactive\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property({ type: TableRowType, defaultValue: TableRowType.Inactive })\n\ttype!: `${TableRowType}`;\n\n\t/**\n\t * Defines the row's selected state.\n\t *\n\t * @default false\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\t/**\n\t * Indicates if the table row is navigated.\n\t *\n\t * @default false\n\t * @since 1.9.0\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tnavigated!: boolean;\n\n\t/**\n\t * Defines the mode of the row (None, SingleSelect, MultiSelect).\n\t *\n\t * @default \"None\"\n\t * @since 1.0.0-rc.15\n\t * @private\n\t */\n\t@property({ type: TableMode, defaultValue: TableMode.None })\n\tmode!: `${TableMode}`;\n\n\t/**\n\t * Indicates if the table row is active.\n\t *\n\t * @default false\n\t * @since 1.0.0-rc.15\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tactive!: boolean;\n\n\t@property({ type: Object, multiple: true })\n\t_columnsInfo!: Array<TableColumnInfo>;\n\n\t@property({ defaultValue: \"-1\" })\n\t_tabIndex!: string;\n\n\t@property({ type: Boolean })\n\t_busy!: boolean;\n\n\t@property({ defaultValue: \"\", noAttribute: true })\n\t_ariaPosition!: string;\n\n\t/**\n\t * Defines the cells of the component.\n\t * <br><br>\n\t * <b>Note:</b> Use <code>ui5-table-cell</code> for the intended design.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n\tcells!: Array<TableCell>;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tvisibleCells: Array<TableCell> = [];\n\tpopinCells: Array<TableColumnInfo> = [];\n\n\t_ontouchstart: PassiveEventListenerObject;\n\n\t// Properties, set and handled by the Table\n\t_tabbables: Array<HTMLElement> = [];\n\t_columnsInfoString = \"\";\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tconst handleToushStartEvent = () => {\n\t\t\tthis.activate();\n\t\t};\n\n\t\tthis._ontouchstart = {\n\t\t\thandleEvent: handleToushStartEvent,\n\t\t\tpassive: true,\n\t\t};\n\t}\n\n\t_onmouseup() {\n\t\tthis.deactivate();\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst activeElement = getActiveElement() as HTMLElement;\n\t\tconst itemActive = this.type === TableRowType.Active;\n\t\tconst isSingleSelect = this.isSingleSelect;\n\t\tconst itemSelectable = isSingleSelect || this.isMultiSelect;\n\t\tconst isRowFocused = this._activeElementHasAttribute(\"ui5-table-row\");\n\t\tconst target = e.target as HTMLElement;\n\t\tconst checkboxPressed = target.classList.contains(\"ui5-multi-select-checkbox\");\n\t\tconst rowElements = Array.from(this.shadowRoot!.querySelectorAll(\"tr\") || []);\n\t\tconst elements = rowElements.map(getLastTabbableElement);\n\t\tconst lastFocusableElement = elements.pop();\n\n\t\tif (isTabNext(e) && activeElement === (lastFocusableElement || this.root)) {\n\t\t\tthis.fireEvent<TableRowForwardAfterEventDetail>(\"_forward-after\", { target: activeElement });\n\t\t}\n\n\t\tif (isTabPrevious(e) && activeElement === this.root) {\n\t\t\tthis.fireEvent<TableRowForwardBeforeEventDetail>(\"_forward-before\", { target: activeElement });\n\t\t}\n\n\t\tif (isSpace(e) && target.tagName.toLowerCase() === \"tr\") {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isRowFocused && !checkboxPressed) {\n\t\t\tif ((isSpace(e) && itemSelectable) || (isEnter(e) && isSingleSelect)) {\n\t\t\t\tthis.fireEvent<TableRowSelectionRequestedEventDetail>(\"selection-requested\", { row: this });\n\t\t\t}\n\n\t\t\tif (isEnter(e) && itemActive) {\n\t\t\t\tthis.fireEvent<TableRowClickEventDetail>(\"row-click\", { row: this });\n\t\t\t\tif (!isSingleSelect) {\n\t\t\t\t\tthis.activate();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (isF7(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.fireEvent<TableRowF7PressEventDetail>(\"f7-pressed\", { row: this });\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e) || isEnter(e)) {\n\t\t\tthis.deactivate();\n\t\t}\n\t}\n\n\t_ontouchend() {\n\t\tthis.deactivate();\n\t}\n\n\t_onfocusout() {\n\t\tthis.deactivate();\n\t}\n\n\t_onfocusin(e: FocusEvent, forceSelfFocus = false) {\n\t\tif (forceSelfFocus || this._activeElementHasAttribute(\"ui5-table-cell\")) {\n\t\t\tthis.root.focus();\n\t\t\tthis.activate();\n\t\t}\n\n\t\tthis.fireEvent(\"_focused\");\n\t}\n\n\t_onrowclick(e: MouseEvent) {\n\t\tconst checkboxPressed = (e.target as HTMLElement).classList.contains(\"ui5-multi-select-checkbox\");\n\t\t// If the user tab over a button on IOS device, the document.activeElement\n\t\t// is the ui5-table-row. The check below ensure that, if a button within the row is pressed,\n\t\t// the row will not be selected.\n\t\tif (getEventMark(e) === \"button\") {\n\t\t\treturn;\n\t\t}\n\n\t\tconst activeElement = (this.getRootNode() as Document).activeElement;\n\t\tif (!this.contains(activeElement)) {\n\t\t\t// If the user clickes on non-focusable element within the ui5-table-cell,\n\t\t\t// the focus goes to the body, se we have to bring it back to the row.\n\t\t\t// If the user clicks on input, button or similar clickable element,\n\t\t\t// the focus remains on that element.\n\t\t\tthis._onfocusin(e, true /* force row focus */);\n\t\t\tthis.deactivate();\n\t\t}\n\n\t\tif (this._activeElementHasAttribute(\"ui5-table-row\")) {\n\t\t\tif (this.isSingleSelect) {\n\t\t\t\tthis._handleSelection();\n\t\t\t}\n\n\t\t\tif (this.type === TableRowType.Active && !checkboxPressed) {\n\t\t\t\tthis.fireEvent<TableRowClickEventDetail>(\"row-click\", { row: this });\n\t\t\t}\n\t\t}\n\t}\n\n\t_handleSelection() {\n\t\tthis.fireEvent<TableRowSelectionRequestedEventDetail>(\"selection-requested\", { row: this });\n\t}\n\n\t_activeElementHasAttribute(attr: string): boolean {\n\t\treturn !!((this.getRootNode() as Document).activeElement?.hasAttribute(attr));\n\t}\n\n\tget _ariaCurrent() {\n\t\treturn this.navigated ? true : undefined;\n\t}\n\n\tactivate() {\n\t\tif (this.type === TableRowType.Active) {\n\t\t\tthis.active = true;\n\t\t}\n\t}\n\n\tdeactivate() {\n\t\tif (this.active) {\n\t\t\tthis.active = false;\n\t\t}\n\t}\n\n\tget shouldPopin() {\n\t\treturn this._columnsInfo.filter(el => {\n\t\t\treturn el.demandPopin || !el.visible;\n\t\t}).length;\n\t}\n\n\tget allColumnsPoppedIn() {\n\t\treturn this._columnsInfo.every(el => el.demandPopin && !el.visible);\n\t}\n\n\tonBeforeRendering() {\n\t\tif (!this.shouldPopin) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.visibleCells = [];\n\t\tthis.popinCells = [];\n\n\t\tif (this.cells.length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst allColumnsPoppedInClass = this.allColumnsPoppedIn ? \"all-columns-popped-in\" : \"\";\n\t\tthis._columnsInfo.forEach((info, index) => {\n\t\t\tconst cell = this.cells[index];\n\t\t\tconst popinDisplay = info.popinDisplay === TableColumnPopinDisplay.Inline;\n\n\t\t\tif (!cell) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (info.visible) {\n\t\t\t\tthis.visibleCells.push(cell);\n\t\t\t\tcell.popined = false;\n\t\t\t\tcell._popinedInline = false;\n\t\t\t} else if (info.demandPopin) {\n\t\t\t\tconst popinHeaderClass = this.popinCells.length === 0 ? \"popin-header\" : \"\";\n\t\t\t\tthis.popinCells.push({\n\t\t\t\t\tcell,\n\t\t\t\t\tpopinText: info.popinText,\n\t\t\t\t\tclasses: `ui5-table-popin-row ${allColumnsPoppedInClass} ${popinHeaderClass}`,\n\t\t\t\t\tpopinDisplayInline: popinDisplay,\n\t\t\t\t});\n\t\t\t\tcell.popined = true;\n\t\t\t\tif (info.popinDisplay === TableColumnPopinDisplay.Inline) {\n\t\t\t\t\tcell._popinedInline = true;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tcell.popined = false;\n\t\t\t\tcell._popinedInline = false;\n\t\t\t}\n\t\t});\n\n\t\tconst lastVisibleCell = this.visibleCells[this.visibleCells.length - 1];\n\n\t\tif (lastVisibleCell) {\n\t\t\tlastVisibleCell.lastInRow = true;\n\t\t}\n\t}\n\n\tget visibleCellsCount() {\n\t\tlet visibleCellsCount = this.visibleCells.length;\n\n\t\tif (this.isMultiSelect) {\n\t\t\tvisibleCellsCount += 1;\n\t\t}\n\n\t\treturn visibleCellsCount;\n\t}\n\n\tget ariaLabelText() {\n\t\tconst isSelected = this.selected ? TableRow.i18nBundle.getText(LIST_ITEM_SELECTED) : TableRow.i18nBundle.getText(LIST_ITEM_NOT_SELECTED);\n\t\tconst isRowSelectable = this.isSingleSelect || this.isMultiSelect;\n\t\tconst ariaLabel = this.cells.map((cell, index) => {\n\t\t\tconst columText = this.getColumnTextByIdx(index);\n\t\t\tconst cellText = cell.cellContent.length ? this.getCellText(cell) : cell.ariaLabelEmptyCellText;\n\t\t\treturn `${columText} ${cellText}`;\n\t\t}).join(\" \");\n\n\t\tif (isRowSelectable) {\n\t\t\treturn `${ariaLabel}. ${this._ariaPosition}. ${isSelected}`;\n\t\t}\n\n\t\treturn `${ariaLabel}. ${this._ariaPosition}`;\n\t}\n\n\tget ariaLabelRowSelection() {\n\t\treturn TableRow.i18nBundle.getText(ARIA_LABEL_ROW_SELECTION);\n\t}\n\n\tget isSingleSelect() {\n\t\treturn this.mode === TableMode.SingleSelect;\n\t}\n\n\tget isMultiSelect() {\n\t\treturn this.mode === TableMode.MultiSelect;\n\t}\n\n\tget root() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-table-row-root\")!;\n\t}\n\n\tgetCellText(cell: TableCell): string {\n\t\tconst cellTextContent = cell.textContent;\n\n\t\treturn cellTextContent ? this.getNormilzedTextContent(cellTextContent) : \"\";\n\t}\n\n\tgetColumnTextByIdx(index: number): string {\n\t\tconst columnInfo: TableColumnInfo = this._columnsInfo[index];\n\n\t\tif (!columnInfo) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\treturn columnInfo.text ? this.getNormilzedTextContent(columnInfo.text) : \"\";\n\t}\n\n\tgetNormilzedTextContent(textContent: string): string {\n\t\treturn textContent.replace(/[\\n\\r\\t]/g, \"\").trim();\n\t}\n\n\tstatic async onDefine() {\n\t\tTableRow.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n}\n\nTableRow.define();\n\nexport default TableRow;\n\nexport type {\n\tTableRowClickEventDetail,\n\tTableRowSelectionRequestedEventDetail,\n\tTableRowForwardBeforeEventDetail,\n\tTableRowForwardAfterEventDetail,\n\tTableRowF7PressEventDetail,\n};\n"]}