@sapudex/web-components 0.143.0 → 0.172.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 (508) hide show
  1. package/.eslintignore +1 -0
  2. package/bundle.esm.js +9 -0
  3. package/dist/Badge.d.ts +21 -14
  4. package/dist/Badge.js +20 -26
  5. package/dist/Badge.js.map +1 -1
  6. package/dist/Breadcrumbs.d.ts +23 -21
  7. package/dist/Breadcrumbs.js +58 -40
  8. package/dist/Breadcrumbs.js.map +1 -1
  9. package/dist/BreadcrumbsItem.js +0 -1
  10. package/dist/BreadcrumbsItem.js.map +1 -1
  11. package/dist/Checkbox.js +0 -1
  12. package/dist/Checkbox.js.map +1 -1
  13. package/dist/CountrySelector.d.ts +9 -3
  14. package/dist/CountrySelector.js +48 -19
  15. package/dist/CountrySelector.js.map +1 -1
  16. package/dist/DatePicker.d.ts +2 -2
  17. package/dist/DatePicker.js.map +1 -1
  18. package/dist/Dropdown.js +0 -3
  19. package/dist/Dropdown.js.map +1 -1
  20. package/dist/Footer.d.ts +53 -10
  21. package/dist/Footer.js +41 -11
  22. package/dist/Footer.js.map +1 -1
  23. package/dist/Link.d.ts +2 -5
  24. package/dist/Link.js +4 -8
  25. package/dist/Link.js.map +1 -1
  26. package/dist/List.d.ts +16 -1
  27. package/dist/List.js +154 -100
  28. package/dist/List.js.map +1 -1
  29. package/dist/ListItem.d.ts +1 -0
  30. package/dist/ListItem.js +3 -0
  31. package/dist/ListItem.js.map +1 -1
  32. package/dist/MastheadItem.d.ts +12 -2
  33. package/dist/MastheadItem.js +34 -7
  34. package/dist/MastheadItem.js.map +1 -1
  35. package/dist/MastheadMenu.d.ts +1 -0
  36. package/dist/MastheadMenu.js +13 -4
  37. package/dist/MastheadMenu.js.map +1 -1
  38. package/dist/MastheadMenuItem.d.ts +10 -0
  39. package/dist/MastheadMenuItem.js +24 -3
  40. package/dist/MastheadMenuItem.js.map +1 -1
  41. package/dist/MastheadMobileMenu.js +2 -2
  42. package/dist/MastheadMobileMenu.js.map +1 -1
  43. package/dist/MastheadProfileMenu.js +2 -2
  44. package/dist/MastheadProfileMenu.js.map +1 -1
  45. package/dist/MastheadShell.d.ts +4 -0
  46. package/dist/MastheadShell.js +21 -5
  47. package/dist/MastheadShell.js.map +1 -1
  48. package/dist/Pagination.d.ts +13 -3
  49. package/dist/Pagination.js +90 -57
  50. package/dist/Pagination.js.map +1 -1
  51. package/dist/PhoneNumberField.d.ts +3 -0
  52. package/dist/PhoneNumberField.js +9 -4
  53. package/dist/PhoneNumberField.js.map +1 -1
  54. package/dist/RangeSlider.js +0 -1
  55. package/dist/RangeSlider.js.map +1 -1
  56. package/dist/Search.d.ts +5 -4
  57. package/dist/Search.js +13 -13
  58. package/dist/Search.js.map +1 -1
  59. package/dist/SearchableListBase.d.ts +7 -1
  60. package/dist/SearchableListBase.js +47 -4
  61. package/dist/SearchableListBase.js.map +1 -1
  62. package/dist/SecondaryNavigation.d.ts +2 -2
  63. package/dist/SecondaryNavigation.js +20 -10
  64. package/dist/SecondaryNavigation.js.map +1 -1
  65. package/dist/SecondaryNavigationItem.d.ts +6 -3
  66. package/dist/SecondaryNavigationItem.js +50 -26
  67. package/dist/SecondaryNavigationItem.js.map +1 -1
  68. package/dist/SecondaryNavigationSubItem.d.ts +1 -0
  69. package/dist/SecondaryNavigationSubItem.js +3 -0
  70. package/dist/SecondaryNavigationSubItem.js.map +1 -1
  71. package/dist/SegmentedButton.d.ts +2 -2
  72. package/dist/SegmentedButton.js.map +1 -1
  73. package/dist/SelectBox.d.ts +6 -9
  74. package/dist/SelectBox.js +50 -55
  75. package/dist/SelectBox.js.map +1 -1
  76. package/dist/SideNavigationGroup.js +0 -1
  77. package/dist/SideNavigationGroup.js.map +1 -1
  78. package/dist/SideNavigationItem.js +0 -1
  79. package/dist/SideNavigationItem.js.map +1 -1
  80. package/dist/SideNavigationSubItem.js +0 -1
  81. package/dist/SideNavigationSubItem.js.map +1 -1
  82. package/dist/Slider.js +0 -1
  83. package/dist/Slider.js.map +1 -1
  84. package/dist/TabNavigation.js +2 -2
  85. package/dist/TabNavigation.js.map +1 -1
  86. package/dist/Tag.d.ts +1 -4
  87. package/dist/Tag.js +1 -5
  88. package/dist/Tag.js.map +1 -1
  89. package/dist/Tile.d.ts +1 -1
  90. package/dist/Tile.js +1 -1
  91. package/dist/Tile.js.map +1 -1
  92. package/dist/Toast.d.ts +0 -1
  93. package/dist/Toast.js +4 -3
  94. package/dist/Toast.js.map +1 -1
  95. package/dist/Wizard.js +1 -1
  96. package/dist/Wizard.js.map +1 -1
  97. package/dist/WizardTab.js +0 -1
  98. package/dist/WizardTab.js.map +1 -1
  99. package/dist/assets/{bundle.esm-8623b7b1.js → bundle.esm-981c5cbb.js} +187 -191
  100. package/dist/assets/messagebundle_ar-bb470511.js +1 -0
  101. package/dist/assets/messagebundle_bg-a533dfab.js +1 -0
  102. package/dist/assets/messagebundle_cs-c70a7f36.js +1 -0
  103. package/dist/assets/messagebundle_da-e292cac5.js +1 -0
  104. package/dist/assets/messagebundle_de-5c108de6.js +1 -0
  105. package/dist/assets/messagebundle_el-44746e0b.js +1 -0
  106. package/dist/assets/messagebundle_en-4997b226.js +1 -0
  107. package/dist/assets/messagebundle_es-c0c1060f.js +1 -0
  108. package/dist/assets/messagebundle_et-a5f15d3b.js +1 -0
  109. package/dist/assets/messagebundle_fi-f4b8eb82.js +1 -0
  110. package/dist/assets/messagebundle_fr-af18ac46.js +1 -0
  111. package/dist/assets/messagebundle_hr-d893e46d.js +1 -0
  112. package/dist/assets/messagebundle_hu-230c58c9.js +1 -0
  113. package/dist/assets/messagebundle_it-5bf1436c.js +1 -0
  114. package/dist/assets/messagebundle_iw-dd60afc4.js +1 -0
  115. package/dist/assets/messagebundle_ko-c450bda3.js +1 -0
  116. package/dist/assets/messagebundle_lt-87ab0529.js +1 -0
  117. package/dist/assets/messagebundle_lv-fc413852.js +1 -0
  118. package/dist/assets/messagebundle_nl-34d7e236.js +1 -0
  119. package/dist/assets/messagebundle_no-f22648fb.js +1 -0
  120. package/dist/assets/messagebundle_pl-10303f09.js +1 -0
  121. package/dist/assets/messagebundle_pt-b7a40c67.js +1 -0
  122. package/dist/assets/messagebundle_ro-94628623.js +1 -0
  123. package/dist/assets/messagebundle_ru-1f6595ba.js +1 -0
  124. package/dist/assets/messagebundle_sk-89eabac1.js +1 -0
  125. package/dist/assets/messagebundle_sl-d56532f1.js +1 -0
  126. package/dist/assets/messagebundle_sr-cf7f3b32.js +1 -0
  127. package/dist/assets/messagebundle_sv-3a3b20d3.js +1 -0
  128. package/dist/assets/messagebundle_tr-33b16d09.js +1 -0
  129. package/dist/assets/messagebundle_uk-82e1f2c1.js +1 -0
  130. package/dist/assets/messagebundle_zh_CN-15ca05aa.js +1 -0
  131. package/dist/assets/messagebundle_zh_TW-ad6445e7.js +1 -0
  132. package/dist/assets/{parameters-bundle.css-c897ae23.js → parameters-bundle.css-07457fce.js} +2 -2
  133. package/dist/css/themes/Badge.css +1 -1
  134. package/dist/css/themes/BreadcrumbsPopover.css +1 -1
  135. package/dist/css/themes/Button.css +1 -1
  136. package/dist/css/themes/DatePickerPopover.css +1 -1
  137. package/dist/css/themes/FilterMenu.css +1 -1
  138. package/dist/css/themes/Footer.css +1 -1
  139. package/dist/css/themes/MastheadItem.css +1 -1
  140. package/dist/css/themes/MastheadMenu.css +1 -1
  141. package/dist/css/themes/MastheadMenuItem.css +1 -1
  142. package/dist/css/themes/MastheadShell.css +1 -1
  143. package/dist/css/themes/MediaPlayer.css +1 -1
  144. package/dist/css/themes/Modal.css +1 -1
  145. package/dist/css/themes/RatingIndicator.css +1 -1
  146. package/dist/css/themes/SelectBox.css +1 -1
  147. package/dist/css/themes/Slider.css +1 -1
  148. package/dist/css/themes/TableCell.css +1 -1
  149. package/dist/css/themes/TableCellBase.css +1 -1
  150. package/dist/css/themes/Tag.css +1 -1
  151. package/dist/css/themes/TagGroup.css +1 -1
  152. package/dist/css/themes/TextArea.css +1 -1
  153. package/dist/css/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +1 -1
  154. package/dist/custom-elements-internal.json +232 -31
  155. package/dist/custom-elements.json +224 -30
  156. package/dist/features/SearchSuggestionsPopover.d.ts +16 -0
  157. package/dist/features/SearchSuggestionsPopover.js +49 -0
  158. package/dist/features/SearchSuggestionsPopover.js.map +1 -1
  159. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -0
  160. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -0
  161. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -0
  162. package/dist/generated/assets/i18n/messagebundle_da.json +1 -0
  163. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  164. package/dist/generated/assets/i18n/messagebundle_el.json +1 -0
  165. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  166. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  167. package/dist/generated/assets/i18n/messagebundle_et.json +1 -0
  168. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -0
  169. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  170. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -0
  171. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -0
  172. package/dist/generated/assets/i18n/messagebundle_it.json +1 -0
  173. package/dist/generated/assets/i18n/messagebundle_iw.json +1 -0
  174. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -0
  175. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -0
  176. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -0
  177. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -0
  178. package/dist/generated/assets/i18n/messagebundle_no.json +1 -0
  179. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -0
  180. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -0
  181. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -0
  182. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -0
  183. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -0
  184. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -0
  185. package/dist/generated/assets/i18n/messagebundle_sr.json +1 -0
  186. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -0
  187. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -0
  188. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -0
  189. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -0
  190. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -0
  191. package/dist/generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json +1 -1
  192. package/dist/generated/i18n/i18n-defaults.d.ts +7 -1
  193. package/dist/generated/i18n/i18n-defaults.js +7 -1
  194. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  195. package/dist/generated/json-imports/i18n-static.js +86 -2
  196. package/dist/generated/json-imports/i18n-static.js.map +1 -1
  197. package/dist/generated/json-imports/i18n.js +58 -2
  198. package/dist/generated/json-imports/i18n.js.map +1 -1
  199. package/dist/generated/templates/BadgeTemplate.lit.js +4 -4
  200. package/dist/generated/templates/BadgeTemplate.lit.js.map +1 -1
  201. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +3 -3
  202. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +1 -1
  203. package/dist/generated/templates/CountrySelectorTemplate.lit.js +2 -2
  204. package/dist/generated/templates/CountrySelectorTemplate.lit.js.map +1 -1
  205. package/dist/generated/templates/FooterTemplate.lit.js +12 -11
  206. package/dist/generated/templates/FooterTemplate.lit.js.map +1 -1
  207. package/dist/generated/templates/ListItemTemplate.lit.js +2 -2
  208. package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
  209. package/dist/generated/templates/ListTemplate.lit.js +3 -3
  210. package/dist/generated/templates/ListTemplate.lit.js.map +1 -1
  211. package/dist/generated/templates/MastheadItemTemplate.lit.js +17 -16
  212. package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
  213. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js +15 -14
  214. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js.map +1 -1
  215. package/dist/generated/templates/MastheadMenuTemplate.lit.js +3 -3
  216. package/dist/generated/templates/MastheadMenuTemplate.lit.js.map +1 -1
  217. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js +1 -1
  218. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js.map +1 -1
  219. package/dist/generated/templates/MastheadShellTemplate.lit.js +10 -9
  220. package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
  221. package/dist/generated/templates/PaginationTemplate.lit.js +3 -3
  222. package/dist/generated/templates/PaginationTemplate.lit.js.map +1 -1
  223. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +1 -1
  224. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +1 -1
  225. package/dist/generated/templates/SearchSuggestionsTemplate.lit.js +1 -1
  226. package/dist/generated/templates/SearchSuggestionsTemplate.lit.js.map +1 -1
  227. package/dist/generated/templates/SearchableListBaseTemplate.lit.js +2 -2
  228. package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
  229. package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js +3 -3
  230. package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js.map +1 -1
  231. package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.js +3 -3
  232. package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.js.map +1 -1
  233. package/dist/generated/templates/SecondaryNavigationTemplate.lit.js +1 -1
  234. package/dist/generated/templates/SecondaryNavigationTemplate.lit.js.map +1 -1
  235. package/dist/generated/templates/SelectBoxTemplate.lit.js +3 -5
  236. package/dist/generated/templates/SelectBoxTemplate.lit.js.map +1 -1
  237. package/dist/generated/templates/StepInputTemplate.lit.js +1 -1
  238. package/dist/generated/templates/StepInputTemplate.lit.js.map +1 -1
  239. package/dist/generated/templates/TagGroupTemplate.lit.js +2 -2
  240. package/dist/generated/templates/TagGroupTemplate.lit.js.map +1 -1
  241. package/dist/generated/templates/WizardTemplate.lit.js +1 -1
  242. package/dist/generated/templates/WizardTemplate.lit.js.map +1 -1
  243. package/dist/generated/themes/Badge.css.js +1 -1
  244. package/dist/generated/themes/Badge.css.js.map +1 -1
  245. package/dist/generated/themes/BreadcrumbsPopover.css.js +1 -1
  246. package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
  247. package/dist/generated/themes/Button.css.js +1 -1
  248. package/dist/generated/themes/Button.css.js.map +1 -1
  249. package/dist/generated/themes/DatePickerPopover.css.js +1 -1
  250. package/dist/generated/themes/DatePickerPopover.css.js.map +1 -1
  251. package/dist/generated/themes/FilterMenu.css.js +1 -1
  252. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  253. package/dist/generated/themes/Footer.css.js +1 -1
  254. package/dist/generated/themes/Footer.css.js.map +1 -1
  255. package/dist/generated/themes/MastheadItem.css.js +1 -1
  256. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  257. package/dist/generated/themes/MastheadMenu.css.js +1 -1
  258. package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
  259. package/dist/generated/themes/MastheadMenuItem.css.js +1 -1
  260. package/dist/generated/themes/MastheadMenuItem.css.js.map +1 -1
  261. package/dist/generated/themes/MastheadShell.css.js +1 -1
  262. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  263. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  264. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  265. package/dist/generated/themes/Modal.css.js +1 -1
  266. package/dist/generated/themes/Modal.css.js.map +1 -1
  267. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  268. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  269. package/dist/generated/themes/SelectBox.css.js +1 -1
  270. package/dist/generated/themes/SelectBox.css.js.map +1 -1
  271. package/dist/generated/themes/Slider.css.js +1 -1
  272. package/dist/generated/themes/Slider.css.js.map +1 -1
  273. package/dist/generated/themes/TableCell.css.js +1 -1
  274. package/dist/generated/themes/TableCell.css.js.map +1 -1
  275. package/dist/generated/themes/TableCellBase.css.js +1 -1
  276. package/dist/generated/themes/TableCellBase.css.js.map +1 -1
  277. package/dist/generated/themes/Tag.css.js +1 -1
  278. package/dist/generated/themes/Tag.css.js.map +1 -1
  279. package/dist/generated/themes/TagGroup.css.js +1 -1
  280. package/dist/generated/themes/TagGroup.css.js.map +1 -1
  281. package/dist/generated/themes/TextArea.css.js +1 -1
  282. package/dist/generated/themes/TextArea.css.js.map +1 -1
  283. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js +1 -1
  284. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js.map +1 -1
  285. package/dist/i18n/messagebundle.properties +10 -0
  286. package/dist/i18n/messagebundle_ar.properties +1 -0
  287. package/dist/i18n/messagebundle_bg.properties +1 -0
  288. package/dist/i18n/messagebundle_cs.properties +1 -0
  289. package/dist/i18n/messagebundle_da.properties +1 -0
  290. package/dist/i18n/messagebundle_de.properties +1 -0
  291. package/dist/i18n/messagebundle_el.properties +1 -0
  292. package/dist/i18n/messagebundle_en.properties +4 -0
  293. package/dist/i18n/messagebundle_es.properties +1 -0
  294. package/dist/i18n/messagebundle_et.properties +1 -0
  295. package/dist/i18n/messagebundle_fi.properties +1 -0
  296. package/dist/i18n/messagebundle_fr.properties +1 -0
  297. package/dist/i18n/messagebundle_hr.properties +1 -0
  298. package/dist/i18n/messagebundle_hu.properties +1 -0
  299. package/dist/i18n/messagebundle_it.properties +1 -0
  300. package/dist/i18n/messagebundle_iw.properties +2 -0
  301. package/dist/i18n/messagebundle_ko.properties +1 -0
  302. package/dist/i18n/messagebundle_lt.properties +1 -0
  303. package/dist/i18n/messagebundle_lv.properties +1 -0
  304. package/dist/i18n/messagebundle_nl.properties +1 -0
  305. package/dist/i18n/messagebundle_no.properties +1 -0
  306. package/dist/i18n/messagebundle_pl.properties +1 -0
  307. package/dist/i18n/messagebundle_pt.properties +1 -0
  308. package/dist/i18n/messagebundle_pt_BR.properties +1 -0
  309. package/dist/i18n/messagebundle_ro.properties +1 -0
  310. package/dist/i18n/messagebundle_ru.properties +1 -0
  311. package/dist/i18n/messagebundle_sk.properties +1 -0
  312. package/dist/i18n/messagebundle_sl.properties +1 -0
  313. package/dist/i18n/messagebundle_sr.properties +2 -0
  314. package/dist/i18n/messagebundle_sv.properties +1 -0
  315. package/dist/i18n/messagebundle_tr.properties +1 -0
  316. package/dist/i18n/messagebundle_uk.properties +1 -0
  317. package/dist/i18n/messagebundle_zh_CN.properties +4 -0
  318. package/dist/i18n/messagebundle_zh_TW.properties +1 -0
  319. package/dist/types/BadgeDesign.d.ts +15 -0
  320. package/dist/types/BadgeDesign.js +18 -0
  321. package/dist/types/BadgeDesign.js.map +1 -0
  322. package/dist/types/IconPlacement.d.ts +5 -0
  323. package/dist/types/IconPlacement.js +7 -0
  324. package/dist/types/IconPlacement.js.map +1 -0
  325. package/dist/types/List.d.ts +8 -0
  326. package/dist/types/List.js.map +1 -1
  327. package/dist/utils/isLetterKeyPressed.d.ts +2 -0
  328. package/dist/utils/isLetterKeyPressed.js +5 -0
  329. package/dist/utils/isLetterKeyPressed.js.map +1 -0
  330. package/dist/utils/listItemLabelStartsWithKeyFocus.d.ts +3 -0
  331. package/dist/utils/listItemLabelStartsWithKeyFocus.js +55 -0
  332. package/dist/utils/listItemLabelStartsWithKeyFocus.js.map +1 -0
  333. package/dist/utils/listItemLabelUtils.d.ts +7 -0
  334. package/dist/utils/listItemLabelUtils.js +36 -0
  335. package/dist/utils/listItemLabelUtils.js.map +1 -0
  336. package/dist/vscode.html-custom-data.json +63 -26
  337. package/dist/web-types.json +113 -38
  338. package/package.json +1 -1
  339. package/src/Badge.hbs +16 -5
  340. package/src/Badge.ts +36 -19
  341. package/src/Breadcrumbs.ts +92 -66
  342. package/src/BreadcrumbsItem.ts +0 -1
  343. package/src/BreadcrumbsPopover.hbs +11 -9
  344. package/src/Checkbox.ts +0 -1
  345. package/src/CountrySelector.hbs +2 -2
  346. package/src/CountrySelector.ts +66 -23
  347. package/src/DatePicker.ts +2 -2
  348. package/src/Dropdown.ts +0 -2
  349. package/src/Footer.hbs +52 -28
  350. package/src/Footer.ts +81 -22
  351. package/src/Link.ts +5 -9
  352. package/src/List.hbs +2 -2
  353. package/src/List.ts +182 -112
  354. package/src/ListItem.hbs +2 -2
  355. package/src/ListItem.ts +4 -0
  356. package/src/MastheadItem.hbs +14 -4
  357. package/src/MastheadItem.ts +42 -9
  358. package/src/MastheadMenu.hbs +4 -4
  359. package/src/MastheadMenu.ts +20 -8
  360. package/src/MastheadMenuItem.hbs +10 -2
  361. package/src/MastheadMenuItem.ts +28 -1
  362. package/src/MastheadMobileMenu.ts +2 -2
  363. package/src/MastheadProfileMenu.hbs +1 -0
  364. package/src/MastheadProfileMenu.ts +3 -2
  365. package/src/MastheadShell.hbs +25 -19
  366. package/src/MastheadShell.ts +25 -5
  367. package/src/Pagination.hbs +3 -2
  368. package/src/Pagination.ts +110 -60
  369. package/src/PhoneNumberField.hbs +3 -3
  370. package/src/PhoneNumberField.ts +16 -8
  371. package/src/RangeSlider.ts +0 -1
  372. package/src/Search.hbs +10 -10
  373. package/src/Search.ts +18 -18
  374. package/src/SearchSuggestions.hbs +1 -0
  375. package/src/SearchableListBase.hbs +3 -1
  376. package/src/SearchableListBase.ts +57 -6
  377. package/src/SecondaryNavigation.hbs +1 -0
  378. package/src/SecondaryNavigation.ts +23 -16
  379. package/src/SecondaryNavigationItem.hbs +10 -7
  380. package/src/SecondaryNavigationItem.ts +58 -28
  381. package/src/SecondaryNavigationSubItem.hbs +3 -0
  382. package/src/SecondaryNavigationSubItem.ts +3 -0
  383. package/src/SegmentedButton.ts +2 -2
  384. package/src/SelectBox.hbs +11 -24
  385. package/src/SelectBox.ts +51 -60
  386. package/src/SideNavigationGroup.ts +0 -1
  387. package/src/SideNavigationItem.ts +0 -1
  388. package/src/SideNavigationSubItem.ts +0 -1
  389. package/src/Slider.ts +0 -1
  390. package/src/StepInput.hbs +16 -16
  391. package/src/TabNavigation.ts +2 -2
  392. package/src/Tag.ts +1 -5
  393. package/src/TagGroup.hbs +1 -1
  394. package/src/Tile.ts +2 -2
  395. package/src/Toast.ts +4 -3
  396. package/src/Wizard.hbs +1 -0
  397. package/src/Wizard.ts +1 -1
  398. package/src/WizardTab.ts +0 -1
  399. package/src/features/SearchSuggestionsPopover.ts +67 -1
  400. package/src/generated/i18n/i18n-defaults.ts +2 -2
  401. package/src/generated/json-imports/i18n-static.ts +86 -2
  402. package/src/generated/json-imports/i18n.ts +59 -3
  403. package/src/generated/templates/BadgeTemplate.lit.ts +3 -3
  404. package/src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts +3 -3
  405. package/src/generated/templates/CountrySelectorTemplate.lit.ts +2 -2
  406. package/src/generated/templates/FooterTemplate.lit.ts +12 -11
  407. package/src/generated/templates/ListItemTemplate.lit.ts +2 -2
  408. package/src/generated/templates/ListTemplate.lit.ts +3 -3
  409. package/src/generated/templates/MastheadItemTemplate.lit.ts +17 -16
  410. package/src/generated/templates/MastheadMenuItemTemplate.lit.ts +15 -14
  411. package/src/generated/templates/MastheadMenuTemplate.lit.ts +3 -3
  412. package/src/generated/templates/MastheadProfileMenuTemplate.lit.ts +1 -1
  413. package/src/generated/templates/MastheadShellTemplate.lit.ts +10 -9
  414. package/src/generated/templates/PaginationTemplate.lit.ts +3 -3
  415. package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +1 -1
  416. package/src/generated/templates/SearchSuggestionsTemplate.lit.ts +1 -1
  417. package/src/generated/templates/SearchableListBaseTemplate.lit.ts +2 -2
  418. package/src/generated/templates/SecondaryNavigationItemTemplate.lit.ts +3 -3
  419. package/src/generated/templates/SecondaryNavigationSubItemTemplate.lit.ts +3 -3
  420. package/src/generated/templates/SecondaryNavigationTemplate.lit.ts +1 -1
  421. package/src/generated/templates/SelectBoxTemplate.lit.ts +3 -5
  422. package/src/generated/templates/StepInputTemplate.lit.ts +1 -1
  423. package/src/generated/templates/TagGroupTemplate.lit.ts +2 -2
  424. package/src/generated/templates/WizardTemplate.lit.ts +1 -1
  425. package/src/generated/themes/Badge.css.ts +1 -1
  426. package/src/generated/themes/BreadcrumbsPopover.css.ts +1 -1
  427. package/src/generated/themes/Button.css.ts +1 -1
  428. package/src/generated/themes/DatePickerPopover.css.ts +1 -1
  429. package/src/generated/themes/FilterMenu.css.ts +1 -1
  430. package/src/generated/themes/Footer.css.ts +1 -1
  431. package/src/generated/themes/MastheadItem.css.ts +1 -1
  432. package/src/generated/themes/MastheadMenu.css.ts +1 -1
  433. package/src/generated/themes/MastheadMenuItem.css.ts +1 -1
  434. package/src/generated/themes/MastheadShell.css.ts +1 -1
  435. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  436. package/src/generated/themes/Modal.css.ts +1 -1
  437. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  438. package/src/generated/themes/SelectBox.css.ts +1 -1
  439. package/src/generated/themes/Slider.css.ts +1 -1
  440. package/src/generated/themes/TableCell.css.ts +1 -1
  441. package/src/generated/themes/TableCellBase.css.ts +1 -1
  442. package/src/generated/themes/Tag.css.ts +1 -1
  443. package/src/generated/themes/TagGroup.css.ts +1 -1
  444. package/src/generated/themes/TextArea.css.ts +1 -1
  445. package/src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts +1 -1
  446. package/src/i18n/messagebundle.properties +10 -0
  447. package/src/i18n/messagebundle_ar.properties +1 -0
  448. package/src/i18n/messagebundle_bg.properties +1 -0
  449. package/src/i18n/messagebundle_cs.properties +1 -0
  450. package/src/i18n/messagebundle_da.properties +1 -0
  451. package/src/i18n/messagebundle_de.properties +1 -0
  452. package/src/i18n/messagebundle_el.properties +1 -0
  453. package/src/i18n/messagebundle_en.properties +4 -0
  454. package/src/i18n/messagebundle_es.properties +1 -0
  455. package/src/i18n/messagebundle_et.properties +1 -0
  456. package/src/i18n/messagebundle_fi.properties +1 -0
  457. package/src/i18n/messagebundle_fr.properties +1 -0
  458. package/src/i18n/messagebundle_hr.properties +1 -0
  459. package/src/i18n/messagebundle_hu.properties +1 -0
  460. package/src/i18n/messagebundle_it.properties +1 -0
  461. package/src/i18n/messagebundle_iw.properties +2 -0
  462. package/src/i18n/messagebundle_ko.properties +1 -0
  463. package/src/i18n/messagebundle_lt.properties +1 -0
  464. package/src/i18n/messagebundle_lv.properties +1 -0
  465. package/src/i18n/messagebundle_nl.properties +1 -0
  466. package/src/i18n/messagebundle_no.properties +1 -0
  467. package/src/i18n/messagebundle_pl.properties +1 -0
  468. package/src/i18n/messagebundle_pt.properties +1 -0
  469. package/src/i18n/messagebundle_pt_BR.properties +1 -0
  470. package/src/i18n/messagebundle_ro.properties +1 -0
  471. package/src/i18n/messagebundle_ru.properties +1 -0
  472. package/src/i18n/messagebundle_sk.properties +1 -0
  473. package/src/i18n/messagebundle_sl.properties +1 -0
  474. package/src/i18n/messagebundle_sr.properties +2 -0
  475. package/src/i18n/messagebundle_sv.properties +1 -0
  476. package/src/i18n/messagebundle_tr.properties +1 -0
  477. package/src/i18n/messagebundle_uk.properties +1 -0
  478. package/src/i18n/messagebundle_zh_CN.properties +4 -0
  479. package/src/i18n/messagebundle_zh_TW.properties +1 -0
  480. package/src/themes/Badge.css +48 -52
  481. package/src/themes/BreadcrumbsPopover.css +1 -0
  482. package/src/themes/Button.css +1 -1
  483. package/src/themes/DatePickerPopover.css +9 -0
  484. package/src/themes/FilterMenu.css +6 -6
  485. package/src/themes/Footer.css +22 -3
  486. package/src/themes/MastheadItem.css +4 -0
  487. package/src/themes/MastheadMenu.css +1 -1
  488. package/src/themes/MastheadMenuItem.css +4 -0
  489. package/src/themes/MastheadShell.css +5 -0
  490. package/src/themes/MediaPlayer.css +2 -1
  491. package/src/themes/Modal.css +1 -0
  492. package/src/themes/SelectBox.css +4 -88
  493. package/src/themes/TableCell.css +0 -2
  494. package/src/themes/TableCellBase.css +1 -0
  495. package/src/themes/Tag.css +8 -3
  496. package/src/themes/TagGroup.css +8 -0
  497. package/src/themes/TextArea.css +1 -1
  498. package/src/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +0 -5
  499. package/src/types/BadgeDesign.ts +17 -0
  500. package/src/types/IconPlacement.ts +6 -0
  501. package/src/types/List.ts +9 -0
  502. package/src/utils/isLetterKeyPressed.ts +5 -0
  503. package/src/utils/listItemLabelStartsWithKeyFocus.ts +74 -0
  504. package/src/utils/listItemLabelUtils.ts +50 -0
  505. package/dist/assets/messagebundle_de-8158912e.js +0 -1
  506. package/dist/assets/messagebundle_en-c677773a.js +0 -1
  507. package/dist/assets/messagebundle_es-8dab6565.js +0 -1
  508. package/dist/assets/messagebundle_fr-669aca6d.js +0 -1
@@ -23,12 +23,33 @@
23
23
  }
24
24
  ]
25
25
  },
26
+ {
27
+ "kind": "javascript-module",
28
+ "path": "dist/types/BadgeDesign.js",
29
+ "declarations": [],
30
+ "exports": []
31
+ },
26
32
  {
27
33
  "kind": "javascript-module",
28
34
  "path": "dist/types/Dropdown.js",
29
35
  "declarations": [],
30
36
  "exports": []
31
37
  },
38
+ {
39
+ "kind": "javascript-module",
40
+ "path": "dist/types/IconPlacement.js",
41
+ "declarations": [],
42
+ "exports": [
43
+ {
44
+ "kind": "js",
45
+ "name": "default",
46
+ "declaration": {
47
+ "name": "IconPlacement",
48
+ "module": "dist/types/IconPlacement.js"
49
+ }
50
+ }
51
+ ]
52
+ },
32
53
  {
33
54
  "kind": "javascript-module",
34
55
  "path": "dist/types/List.js",
@@ -101,6 +122,42 @@
101
122
  }
102
123
  ]
103
124
  },
125
+ {
126
+ "kind": "javascript-module",
127
+ "path": "dist/utils/isLetterKeyPressed.js",
128
+ "declarations": [],
129
+ "exports": [
130
+ {
131
+ "kind": "js",
132
+ "name": "default",
133
+ "declaration": {
134
+ "name": "isLetterKey",
135
+ "module": "dist/utils/isLetterKeyPressed.js"
136
+ }
137
+ }
138
+ ]
139
+ },
140
+ {
141
+ "kind": "javascript-module",
142
+ "path": "dist/utils/listItemLabelStartsWithKeyFocus.js",
143
+ "declarations": [],
144
+ "exports": [
145
+ {
146
+ "kind": "js",
147
+ "name": "default",
148
+ "declaration": {
149
+ "name": "listItemLabelStartsWithKeyFocus",
150
+ "module": "dist/utils/listItemLabelStartsWithKeyFocus.js"
151
+ }
152
+ }
153
+ ]
154
+ },
155
+ {
156
+ "kind": "javascript-module",
157
+ "path": "dist/utils/listItemLabelUtils.js",
158
+ "declarations": [],
159
+ "exports": []
160
+ },
104
161
  {
105
162
  "kind": "javascript-module",
106
163
  "path": "dist/utils/redirectAttributes.js",
@@ -690,12 +747,12 @@
690
747
  "kind": "field",
691
748
  "name": "design",
692
749
  "type": {
693
- "text": "BadgeTextDesign",
750
+ "text": "TextBadgeDesign",
694
751
  "references": [
695
752
  {
696
- "name": "BadgeTextDesign",
753
+ "name": "TextBadgeDesign",
697
754
  "package": "@sapudex/web-components",
698
- "module": "dist/Badge.js"
755
+ "module": "dist/types/BadgeDesign.js"
699
756
  }
700
757
  ]
701
758
  },
@@ -707,18 +764,45 @@
707
764
  "kind": "field",
708
765
  "name": "numberDesign",
709
766
  "type": {
710
- "text": "BadgeNumberDesign",
767
+ "text": "NumberBadgeDesign",
711
768
  "references": [
712
769
  {
713
- "name": "BadgeNumberDesign",
770
+ "name": "NumberBadgeDesign",
714
771
  "package": "@sapudex/web-components",
715
- "module": "dist/Badge.js"
772
+ "module": "dist/types/BadgeDesign.js"
716
773
  }
717
774
  ]
718
775
  },
719
776
  "description": "Defines the design of number type component.",
720
777
  "default": "\"Blue\"",
721
778
  "privacy": "public"
779
+ },
780
+ {
781
+ "kind": "field",
782
+ "name": "iconPlacement",
783
+ "type": {
784
+ "text": "IconPlacement | undefined",
785
+ "references": [
786
+ {
787
+ "name": "IconPlacement",
788
+ "package": "@sapudex/web-components",
789
+ "module": "dist/types/IconPlacement.js"
790
+ }
791
+ ]
792
+ },
793
+ "description": "Defines icon placement if icon was provided",
794
+ "default": "\"End\"",
795
+ "privacy": "public"
796
+ },
797
+ {
798
+ "kind": "field",
799
+ "name": "icon",
800
+ "type": {
801
+ "text": "string"
802
+ },
803
+ "description": "Defines icon name",
804
+ "default": "\"\"",
805
+ "privacy": "public"
722
806
  }
723
807
  ],
724
808
  "attributes": [
@@ -746,7 +830,7 @@
746
830
  "default": "\"Info\"",
747
831
  "fieldName": "design",
748
832
  "type": {
749
- "text": "\"Info\" | \"Success\" | \"Error\" | \"Warning\""
833
+ "text": "\"Neutral\" | \"Error\" | \"Info\" | \"Success\" | \"Warning\""
750
834
  }
751
835
  },
752
836
  {
@@ -755,7 +839,25 @@
755
839
  "default": "\"Blue\"",
756
840
  "fieldName": "numberDesign",
757
841
  "type": {
758
- "text": "\"Red\" | \"Blue\" | \"White\""
842
+ "text": "\"Red\" | \"Blue\" | \"Neutral\" | \"White\""
843
+ }
844
+ },
845
+ {
846
+ "description": "Defines icon placement if icon was provided",
847
+ "name": "icon-placement",
848
+ "default": "\"End\"",
849
+ "fieldName": "iconPlacement",
850
+ "type": {
851
+ "text": "\"Start\" | \"End\" | undefined"
852
+ }
853
+ },
854
+ {
855
+ "description": "Defines icon name",
856
+ "name": "icon",
857
+ "default": "\"\"",
858
+ "fieldName": "icon",
859
+ "type": {
860
+ "text": "string"
759
861
  }
760
862
  }
761
863
  ],
@@ -1666,7 +1768,7 @@
1666
1768
  "default": "\"Standard\"",
1667
1769
  "fieldName": "valueState",
1668
1770
  "type": {
1669
- "text": "\"Success\" | \"Error\" | \"Warning\" | \"Standard\""
1771
+ "text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
1670
1772
  }
1671
1773
  },
1672
1774
  {
@@ -2035,7 +2137,7 @@
2035
2137
  "default": "\"Standard\"",
2036
2138
  "fieldName": "valueState",
2037
2139
  "type": {
2038
- "text": "\"Success\" | \"Error\" | \"Warning\" | \"Standard\""
2140
+ "text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
2039
2141
  }
2040
2142
  },
2041
2143
  {
@@ -4199,6 +4301,51 @@
4199
4301
  },
4200
4302
  "description": "Defines an aria label for the logo link",
4201
4303
  "privacy": "public"
4304
+ },
4305
+ {
4306
+ "kind": "field",
4307
+ "name": "quickLinksTitle",
4308
+ "type": {
4309
+ "text": "string | undefined"
4310
+ },
4311
+ "description": "Defines an quick links column title",
4312
+ "privacy": "public"
4313
+ },
4314
+ {
4315
+ "kind": "field",
4316
+ "name": "trendingTitle",
4317
+ "type": {
4318
+ "text": "string | undefined"
4319
+ },
4320
+ "description": "Defines a trending column title",
4321
+ "privacy": "public"
4322
+ },
4323
+ {
4324
+ "kind": "field",
4325
+ "name": "aboutSapTitle",
4326
+ "type": {
4327
+ "text": "string | undefined"
4328
+ },
4329
+ "description": "Defines an \"about Sap\" column title",
4330
+ "privacy": "public"
4331
+ },
4332
+ {
4333
+ "kind": "field",
4334
+ "name": "siteInformationTitle",
4335
+ "type": {
4336
+ "text": "string | undefined"
4337
+ },
4338
+ "description": "Defines a site information column title",
4339
+ "privacy": "public"
4340
+ },
4341
+ {
4342
+ "kind": "field",
4343
+ "name": "chineseIcpNumberLink",
4344
+ "type": {
4345
+ "text": "string"
4346
+ },
4347
+ "description": "Defines a href for the chinese ICP Number link",
4348
+ "privacy": "public"
4202
4349
  }
4203
4350
  ],
4204
4351
  "events": [
@@ -4482,6 +4629,46 @@
4482
4629
  "type": {
4483
4630
  "text": "string"
4484
4631
  }
4632
+ },
4633
+ {
4634
+ "description": "Defines an quick links column title",
4635
+ "name": "quick-links-title",
4636
+ "fieldName": "quickLinksTitle",
4637
+ "type": {
4638
+ "text": "string | undefined"
4639
+ }
4640
+ },
4641
+ {
4642
+ "description": "Defines a trending column title",
4643
+ "name": "trending-title",
4644
+ "fieldName": "trendingTitle",
4645
+ "type": {
4646
+ "text": "string | undefined"
4647
+ }
4648
+ },
4649
+ {
4650
+ "description": "Defines an \"about Sap\" column title",
4651
+ "name": "about-sap-title",
4652
+ "fieldName": "aboutSapTitle",
4653
+ "type": {
4654
+ "text": "string | undefined"
4655
+ }
4656
+ },
4657
+ {
4658
+ "description": "Defines a site information column title",
4659
+ "name": "site-information-title",
4660
+ "fieldName": "siteInformationTitle",
4661
+ "type": {
4662
+ "text": "string | undefined"
4663
+ }
4664
+ },
4665
+ {
4666
+ "description": "Defines a href for the chinese ICP Number link",
4667
+ "name": "chinese-icp-number-link",
4668
+ "fieldName": "chineseIcpNumberLink",
4669
+ "type": {
4670
+ "text": "string"
4671
+ }
4485
4672
  }
4486
4673
  ],
4487
4674
  "superclass": {
@@ -4768,7 +4955,7 @@
4768
4955
  "default": "\"Standard\"",
4769
4956
  "fieldName": "valueState",
4770
4957
  "type": {
4771
- "text": "\"Success\" | \"Error\" | \"Standard\""
4958
+ "text": "\"Error\" | \"Success\" | \"Standard\""
4772
4959
  }
4773
4960
  },
4774
4961
  {
@@ -4836,13 +5023,13 @@
4836
5023
  {
4837
5024
  "name": "IconPlacement",
4838
5025
  "package": "@sapudex/web-components",
4839
- "module": "dist/Link.js"
5026
+ "module": "dist/types/IconPlacement.js"
4840
5027
  }
4841
5028
  ]
4842
5029
  },
4843
5030
  "description": "Used as the label for background image.",
4844
5031
  "privacy": "public",
4845
- "default": "\"end\""
5032
+ "default": "\"End\""
4846
5033
  }
4847
5034
  ],
4848
5035
  "attributes": [
@@ -4857,10 +5044,10 @@
4857
5044
  {
4858
5045
  "description": "Used as the label for background image.",
4859
5046
  "name": "icon-placement",
4860
- "default": "\"end\"",
5047
+ "default": "\"End\"",
4861
5048
  "fieldName": "iconPlacement",
4862
5049
  "type": {
4863
- "text": "\"start\" | \"end\" | undefined"
5050
+ "text": "\"Start\" | \"End\" | undefined"
4864
5051
  }
4865
5052
  }
4866
5053
  ],
@@ -6135,7 +6322,7 @@
6135
6322
  "name": "additional-text-state",
6136
6323
  "fieldName": "additionalTextState",
6137
6324
  "type": {
6138
- "text": "\"Success\" | \"Error\" | \"Warning\" | \"None\" | \"Information\" | undefined"
6325
+ "text": "\"Error\" | \"Success\" | \"Warning\" | \"None\" | \"Information\" | undefined"
6139
6326
  }
6140
6327
  },
6141
6328
  {
@@ -7010,7 +7197,14 @@
7010
7197
  "kind": "field",
7011
7198
  "name": "target",
7012
7199
  "type": {
7013
- "text": "string"
7200
+ "text": "Target",
7201
+ "references": [
7202
+ {
7203
+ "name": "Target",
7204
+ "package": "@sapudex/web-components",
7205
+ "module": "dist/MastheadItem.js"
7206
+ }
7207
+ ]
7014
7208
  },
7015
7209
  "description": "Define the target of the item\n<b>Note:</b> Standard hyperlink behavior is supported.",
7016
7210
  "privacy": "public"
@@ -7124,7 +7318,7 @@
7124
7318
  "name": "target",
7125
7319
  "fieldName": "target",
7126
7320
  "type": {
7127
- "text": "string"
7321
+ "text": "Target"
7128
7322
  }
7129
7323
  },
7130
7324
  {
@@ -9343,7 +9537,7 @@
9343
9537
  "default": "\"Standard\"",
9344
9538
  "fieldName": "fieldState",
9345
9539
  "type": {
9346
- "text": "\"Success\" | \"Error\" | \"Standard\""
9540
+ "text": "\"Error\" | \"Success\" | \"Standard\""
9347
9541
  }
9348
9542
  },
9349
9543
  {
@@ -11875,7 +12069,7 @@
11875
12069
  "default": "\"Standard\"",
11876
12070
  "fieldName": "valueState",
11877
12071
  "type": {
11878
- "text": "\"Success\" | \"Error\" | \"Warning\" | \"Standard\""
12072
+ "text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
11879
12073
  }
11880
12074
  },
11881
12075
  {
@@ -13322,7 +13516,7 @@
13322
13516
  "default": "\"Information\"",
13323
13517
  "fieldName": "valueState",
13324
13518
  "type": {
13325
- "text": "\"Success\" | \"Error\" | \"Warning\" | \"Information\" | \"Edit\""
13519
+ "text": "\"Error\" | \"Success\" | \"Warning\" | \"Information\" | \"Edit\""
13326
13520
  }
13327
13521
  },
13328
13522
  {
@@ -13456,7 +13650,7 @@
13456
13650
  "default": "\"Standard\"",
13457
13651
  "fieldName": "valueState",
13458
13652
  "type": {
13459
- "text": "\"Success\" | \"Error\" | \"Warning\" | \"Standard\""
13653
+ "text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
13460
13654
  }
13461
13655
  }
13462
13656
  ],
@@ -13708,7 +13902,7 @@
13708
13902
  "default": "\"None\"",
13709
13903
  "fieldName": "valueState",
13710
13904
  "type": {
13711
- "text": "\"Success\" | \"Error\" | \"Warning\" | \"Standard\""
13905
+ "text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
13712
13906
  }
13713
13907
  },
13714
13908
  {
@@ -14593,7 +14787,7 @@
14593
14787
  "default": "undefined",
14594
14788
  "fieldName": "horizontalAlign",
14595
14789
  "type": {
14596
- "text": "\"Left\" | \"Right\" | \"Center\" | \"Start\" | \"End\" | undefined"
14790
+ "text": "\"Start\" | \"End\" | \"Left\" | \"Right\" | \"Center\" | undefined"
14597
14791
  },
14598
14792
  "inheritedFrom": {
14599
14793
  "name": "UDExTableCellBase",
@@ -14669,7 +14863,7 @@
14669
14863
  "default": "undefined",
14670
14864
  "fieldName": "horizontalAlign",
14671
14865
  "type": {
14672
- "text": "\"Left\" | \"Right\" | \"Center\" | \"Start\" | \"End\" | undefined"
14866
+ "text": "\"Start\" | \"End\" | \"Left\" | \"Right\" | \"Center\" | undefined"
14673
14867
  }
14674
14868
  }
14675
14869
  ],
@@ -14890,7 +15084,7 @@
14890
15084
  "default": "undefined",
14891
15085
  "fieldName": "horizontalAlign",
14892
15086
  "type": {
14893
- "text": "\"Left\" | \"Right\" | \"Center\" | \"Start\" | \"End\" | undefined"
15087
+ "text": "\"Start\" | \"End\" | \"Left\" | \"Right\" | \"Center\" | undefined"
14894
15088
  },
14895
15089
  "inheritedFrom": {
14896
15090
  "name": "UDExTableCellBase",
@@ -15136,7 +15330,7 @@
15136
15330
  {
15137
15331
  "name": "IconPlacement",
15138
15332
  "package": "@sapudex/web-components",
15139
- "module": "dist/Tag.js"
15333
+ "module": "dist/types/IconPlacement.js"
15140
15334
  }
15141
15335
  ]
15142
15336
  },
@@ -15729,7 +15923,7 @@
15729
15923
  "default": "\"Standard\"",
15730
15924
  "fieldName": "fieldState",
15731
15925
  "type": {
15732
- "text": "\"Success\" | \"Error\" | \"Warning\" | \"Standard\""
15926
+ "text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
15733
15927
  }
15734
15928
  },
15735
15929
  {
@@ -16109,7 +16303,7 @@
16109
16303
  "default": "\"Standard\"",
16110
16304
  "fieldName": "valueState",
16111
16305
  "type": {
16112
- "text": "\"Success\" | \"Error\" | \"Warning\" | \"Standard\""
16306
+ "text": "\"Error\" | \"Success\" | \"Warning\" | \"Standard\""
16113
16307
  }
16114
16308
  },
16115
16309
  {
@@ -16390,7 +16584,7 @@
16390
16584
  "default": "\"Action\"",
16391
16585
  "fieldName": "valueState",
16392
16586
  "type": {
16393
- "text": "\"Success\" | \"Error\" | \"Warning\" | \"Action\""
16587
+ "text": "\"Error\" | \"Success\" | \"Warning\" | \"Action\""
16394
16588
  }
16395
16589
  },
16396
16590
  {
@@ -1,6 +1,7 @@
1
1
  import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element";
2
2
  import Button from "@ui5/webcomponents/dist/Button.js";
3
3
  import Popover from "@ui5/webcomponents/dist/Popover.js";
4
+ import { LetterPressedHandlerObj } from "../types/List.js";
4
5
  interface SuggestionComponent extends UI5Element {
5
6
  open: boolean;
6
7
  value?: string;
@@ -23,11 +24,26 @@ declare class Suggestion {
23
24
  selectedItemIndex: number;
24
25
  focusabledList?: HTMLDivElement;
25
26
  lists?: Array<HTMLDivElement>;
27
+ _pressedKey: string;
28
+ _pressedCount: number;
29
+ _lastFoundPosition: number;
30
+ _focusableListItems: Array<Element>;
31
+ _letterKeyHandlerObj: LetterPressedHandlerObj;
26
32
  constructor(component: SuggestionComponent);
27
33
  _getComponent(): SuggestionComponent;
28
34
  _getSuggestionPopover(): Promise<Popover | null>;
29
35
  _getItems(): Element[];
30
36
  open(): void;
37
+ setPressedKey(value: string): void;
38
+ getPressedKey(): string;
39
+ setPressedCount(value: number): void;
40
+ getPressedCount(): number;
41
+ setLastFoundPosition(value: number): void;
42
+ getLastFoundPosition(): number;
43
+ resetFocusLetterHandlers(): void;
44
+ handleKeyPress(e: KeyboardEvent): void;
45
+ getLetterKeyObjHandler(): LetterPressedHandlerObj;
46
+ handleLetterKey(event: KeyboardEvent): void;
31
47
  initLists(): void;
32
48
  close(): void;
33
49
  resetFocusState(): void;
@@ -1,6 +1,8 @@
1
1
  import { registerFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
2
2
  import Button from "@ui5/webcomponents/dist/Button.js";
3
3
  import Popover from "@ui5/webcomponents/dist/Popover.js";
4
+ import isLetterKey from "../utils/isLetterKeyPressed.js";
5
+ import listItemLabelStartsWithKeyFocus from "../utils/listItemLabelStartsWithKeyFocus.js";
4
6
  /**
5
7
  * A class to manage the <code>Search</code suggestion items.
6
8
  *
@@ -32,6 +34,53 @@ class Suggestion {
32
34
  this._getComponent().open = true;
33
35
  this.popover.showAt(this._getComponent());
34
36
  this.initLists();
37
+ this._focusableListItems = this._getItems();
38
+ this._letterKeyHandlerObj = this.getLetterKeyObjHandler();
39
+ this.resetFocusLetterHandlers();
40
+ }
41
+ setPressedKey(value) {
42
+ this._pressedKey = value;
43
+ }
44
+ getPressedKey() {
45
+ return this._pressedKey;
46
+ }
47
+ setPressedCount(value) {
48
+ this._pressedCount = value;
49
+ }
50
+ getPressedCount() {
51
+ return this._pressedCount;
52
+ }
53
+ setLastFoundPosition(value) {
54
+ this._lastFoundPosition = value;
55
+ }
56
+ getLastFoundPosition() {
57
+ return this._lastFoundPosition;
58
+ }
59
+ resetFocusLetterHandlers() {
60
+ this.setPressedCount(0);
61
+ this.setPressedKey("");
62
+ this.setLastFoundPosition(0);
63
+ }
64
+ handleKeyPress(e) {
65
+ const key = e.key;
66
+ if (isLetterKey(key)) {
67
+ e.preventDefault();
68
+ e.stopPropagation();
69
+ this.handleLetterKey(e);
70
+ }
71
+ }
72
+ getLetterKeyObjHandler() {
73
+ return {
74
+ getPressedKey: () => this.getPressedKey(),
75
+ setPressedKey: (arg) => this.setPressedKey(arg),
76
+ getPressedCount: () => this.getPressedCount(),
77
+ setPressedCount: (arg) => this.setPressedCount(arg),
78
+ getLastFoundPosition: () => this.getLastFoundPosition(),
79
+ setLastFoundPosition: (arg) => this.setLastFoundPosition(arg),
80
+ };
81
+ }
82
+ handleLetterKey(event) {
83
+ listItemLabelStartsWithKeyFocus(event.key, this._focusableListItems, this._letterKeyHandlerObj);
35
84
  }
36
85
  initLists() {
37
86
  const list = this.popover?.querySelectorAll(".udex-search-suggestions__list") ? this.popover?.querySelectorAll(".udex-search-suggestions__list") : [];
@@ -1 +1 @@
1
- {"version":3,"file":"SearchSuggestionsPopover.js","sourceRoot":"","sources":["../../src/features/SearchSuggestionsPopover.ts"],"names":[],"mappings":"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","sourcesContent":["import type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element\";\nimport { registerFeature } from \"@ui5/webcomponents-base/dist/FeaturesRegistry.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\n\ninterface SuggestionComponent extends UI5Element {\n open: boolean;\n value?: string;\n suggestionItems?: string;\n}\n\ntype SearchInputSuggestion = {\n handleSelectItem: () => void;\n text: string;\n}\n\n/**\n * A class to manage the <code>Search</code suggestion items.\n *\n * @class\n * @private\n * @author SAP SE\n */\nclass Suggestion {\n component: SuggestionComponent;\n popover?: Popover | null;\n selectedItemIndex: number;\n focusabledList?: HTMLDivElement;\n lists?: Array<HTMLDivElement>;\n\n constructor(component: SuggestionComponent) {\n this.component = component;\n this._getSuggestionPopover();\n this.selectedItemIndex = -1;\n }\n\n _getComponent(): SuggestionComponent {\n return this.component;\n }\n\n async _getSuggestionPopover() {\n if (this.popover) {\n return this.popover;\n }\n\n const staticAreaItem = await this._getComponent().getStaticAreaItemDomRef();\n this.popover = staticAreaItem!.querySelector<Popover>(\"[ui5-popover]\");\n return this.popover;\n }\n\n _getItems() {\n return this.popover ? [...this.popover?.querySelectorAll(\"[ui5-button]\")] : [];\n }\n\n open(): void {\n this._getComponent().open = true;\n this.popover!.showAt(this._getComponent());\n this.initLists();\n }\n\n initLists(): void {\n const list = this.popover?.querySelectorAll(\".udex-search-suggestions__list\") ? this.popover?.querySelectorAll<HTMLDivElement>(\".udex-search-suggestions__list\") : [];\n this.lists = Array.from(list);\n }\n\n close(): void {\n this._getComponent().open = false;\n this.popover?.close(true);\n this.selectedItemIndex = -1;\n }\n\n resetFocusState() {\n this.lists = [];\n this.selectedItemIndex = -1;\n this.focusabledList = undefined;\n }\n\n onFocusInput(): void {\n this.component.shadowRoot?.querySelector(\"input\")?.focus();\n }\n\n onEnter(e: KeyboardEvent) {\n e.preventDefault();\n if (this.selectedItemIndex >= 0) {\n this.component.value = this._getItems()[this.selectedItemIndex].getAttribute(\"title\")?.replace(/<[^>]*>?/gm, \"\");\n }\n }\n\n onTab(e: KeyboardEvent) {\n if (this.lists?.length && this._getComponent().open) {\n e.preventDefault();\n if (this.focusabledList && this.selectedItemIndex === -1) {\n this.focusabledList.focus();\n return true;\n }\n if (this.focusabledList && this.selectedItemIndex >= 0) {\n const focusabledItems = this.getFocusableItems();\n const button = focusabledItems[this.selectedItemIndex].querySelector(\"[ui5-button]\") as UI5Element;\n\n button.focus();\n return true;\n }\n\n this.focusabledList = this.lists[0];\n this.focusabledList.focus();\n }\n }\n\n getFocusableItems() {\n const items = this.focusabledList?.children ? this.focusabledList?.children : [];\n return Array.from(items);\n }\n\n onEscape(e: KeyboardEvent) {\n e.preventDefault();\n this.close();\n this.onFocusInput();\n }\n\n onKeyTabList(e: KeyboardEvent) {\n e.preventDefault();\n if (this.lists?.length === 2) {\n if (this.focusabledList === this.lists[1]) {\n (this.component?.shadowRoot?.querySelector(\"[ui5-button]\") as UI5Element).focus();\n this.close();\n }\n if (this.focusabledList === this.lists[0]) {\n this.focusabledList = this.lists[1];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n }\n }\n if (this.lists?.length === 1) {\n (this.component?.shadowRoot?.querySelector(\"[ui5-button]\") as UI5Element).focus();\n this.close();\n }\n }\n\n onPrevKeyTabList(e: KeyboardEvent) {\n e.preventDefault();\n if (this.lists?.length === 2) {\n if (this.focusabledList === this.lists[0]) {\n this.onFocusInput();\n }\n if (this.focusabledList === this.lists[1]) {\n this.focusabledList = this.lists[0];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n }\n }\n if (this.lists?.length === 1) {\n this.onFocusInput();\n }\n }\n\n onKeyDown(e: KeyboardEvent) {\n e.preventDefault();\n const nextSelectedIdx = this.selectedItemIndex;\n const focusabledItems = this.getFocusableItems();\n const itemCount = focusabledItems.length - 1;\n\n if (this.lists?.length) {\n if (nextSelectedIdx === -1) {\n const button = focusabledItems[0] as UI5Element;\n\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = 0;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (nextSelectedIdx >= 0 && nextSelectedIdx !== itemCount) {\n const button = focusabledItems[nextSelectedIdx + 1] as UI5Element;\n\n focusabledItems[nextSelectedIdx].removeAttribute(\"aria-selected\");\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = nextSelectedIdx + 1;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (nextSelectedIdx === itemCount && this.focusabledList === this.lists[0] && this.lists.length === 2) {\n focusabledItems[nextSelectedIdx].removeAttribute(\"aria-selected\");\n this.focusabledList?.removeAttribute(\"aria-activedescendant\");\n this.focusabledList = this.lists[1];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n return true;\n }\n }\n }\n\n onKeyUp(e: KeyboardEvent) {\n e.preventDefault();\n const focusabledItems = this.getFocusableItems();\n const itemCount = focusabledItems.length - 1;\n const previousSelectedIdx = this.selectedItemIndex;\n\n if (this.lists?.length) {\n if (previousSelectedIdx === -1) {\n const button = focusabledItems[0] as UI5Element;\n\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = 0;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (previousSelectedIdx > 0 && previousSelectedIdx <= itemCount) {\n const button = focusabledItems[previousSelectedIdx - 1] as UI5Element;\n\n focusabledItems[previousSelectedIdx].removeAttribute(\"aria-selected\");\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = previousSelectedIdx - 1;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (previousSelectedIdx === 0 && this.lists.length === 2 && this.focusabledList === this.lists[1]) {\n focusabledItems[previousSelectedIdx].removeAttribute(\"aria-selected\");\n this.focusabledList?.removeAttribute(\"aria-activedescendant\");\n this.focusabledList = this.lists[0];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n return true;\n }\n }\n }\n\n handlePrevTabReset(e: KeyboardEvent) {\n e.preventDefault();\n this.focusabledList?.focus();\n }\n\n static get dependencies() {\n return [\n Popover,\n Button,\n ];\n }\n}\n\nregisterFeature(\"SearchInputSuggestion\", Suggestion);\n\nexport default Suggestion;\n\nexport type {\n SuggestionComponent,\n SearchInputSuggestion,\n};\n"]}
1
+ {"version":3,"file":"SearchSuggestionsPopover.js","sourceRoot":"","sources":["../../src/features/SearchSuggestionsPopover.ts"],"names":[],"mappings":"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","sourcesContent":["import type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element\";\nimport { registerFeature } from \"@ui5/webcomponents-base/dist/FeaturesRegistry.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport isLetterKey from \"../utils/isLetterKeyPressed.js\";\nimport listItemLabelStartsWithKeyFocus from \"../utils/listItemLabelStartsWithKeyFocus.js\";\nimport { LetterPressedHandlerObj } from \"../types/List.js\";\n\ninterface SuggestionComponent extends UI5Element {\n open: boolean;\n value?: string;\n suggestionItems?: string;\n}\n\ntype SearchInputSuggestion = {\n handleSelectItem: () => void;\n text: string;\n}\n\n/**\n * A class to manage the <code>Search</code suggestion items.\n *\n * @class\n * @private\n * @author SAP SE\n */\nclass Suggestion {\n component: SuggestionComponent;\n popover?: Popover | null;\n selectedItemIndex: number;\n focusabledList?: HTMLDivElement;\n lists?: Array<HTMLDivElement>;\n\n _pressedKey!: string;\n _pressedCount!: number;\n _lastFoundPosition!: number;\n _focusableListItems!: Array<Element>;\n _letterKeyHandlerObj!: LetterPressedHandlerObj;\n\n constructor(component: SuggestionComponent) {\n this.component = component;\n this._getSuggestionPopover();\n this.selectedItemIndex = -1;\n }\n\n _getComponent(): SuggestionComponent {\n return this.component;\n }\n\n async _getSuggestionPopover() {\n if (this.popover) {\n return this.popover;\n }\n\n const staticAreaItem = await this._getComponent().getStaticAreaItemDomRef();\n this.popover = staticAreaItem!.querySelector<Popover>(\"[ui5-popover]\");\n return this.popover;\n }\n\n _getItems() {\n return this.popover ? [...this.popover?.querySelectorAll(\"[ui5-button]\")] : [];\n }\n\n open(): void {\n this._getComponent().open = true;\n this.popover!.showAt(this._getComponent());\n this.initLists();\n this._focusableListItems = this._getItems();\n this._letterKeyHandlerObj = this.getLetterKeyObjHandler();\n this.resetFocusLetterHandlers();\n }\n\n setPressedKey(value:string): void {\n this._pressedKey = value;\n }\n\n getPressedKey(): string {\n return this._pressedKey;\n }\n\n setPressedCount(value:number): void {\n this._pressedCount = value;\n }\n\n getPressedCount() : number {\n return this._pressedCount;\n }\n\n setLastFoundPosition(value:number): void {\n this._lastFoundPosition = value;\n }\n\n getLastFoundPosition(): number {\n return this._lastFoundPosition;\n }\n\n resetFocusLetterHandlers(): void {\n this.setPressedCount(0);\n this.setPressedKey(\"\");\n this.setLastFoundPosition(0);\n }\n\n handleKeyPress(e: KeyboardEvent): void {\n const key = e.key;\n if (isLetterKey(key)) {\n e.preventDefault();\n e.stopPropagation();\n this.handleLetterKey(e);\n }\n }\n\n getLetterKeyObjHandler(): LetterPressedHandlerObj {\n return {\n getPressedKey: () => this.getPressedKey(),\n setPressedKey: (arg: string) => this.setPressedKey(arg),\n getPressedCount: () => this.getPressedCount(),\n setPressedCount: (arg: number) => this.setPressedCount(arg),\n getLastFoundPosition: () => this.getLastFoundPosition(),\n setLastFoundPosition: (arg: number) => this.setLastFoundPosition(arg),\n } as LetterPressedHandlerObj;\n }\n\n handleLetterKey(event: KeyboardEvent): void {\n listItemLabelStartsWithKeyFocus(event.key, this._focusableListItems, this._letterKeyHandlerObj);\n }\n\n initLists(): void {\n const list = this.popover?.querySelectorAll(\".udex-search-suggestions__list\") ? this.popover?.querySelectorAll<HTMLDivElement>(\".udex-search-suggestions__list\") : [];\n this.lists = Array.from(list);\n }\n\n close(): void {\n this._getComponent().open = false;\n this.popover?.close(true);\n this.selectedItemIndex = -1;\n }\n\n resetFocusState() {\n this.lists = [];\n this.selectedItemIndex = -1;\n this.focusabledList = undefined;\n }\n\n onFocusInput(): void {\n this.component.shadowRoot?.querySelector(\"input\")?.focus();\n }\n\n onEnter(e: KeyboardEvent) {\n e.preventDefault();\n if (this.selectedItemIndex >= 0) {\n this.component.value = this._getItems()[this.selectedItemIndex].getAttribute(\"title\")?.replace(/<[^>]*>?/gm, \"\");\n }\n }\n\n onTab(e: KeyboardEvent) {\n if (this.lists?.length && this._getComponent().open) {\n e.preventDefault();\n if (this.focusabledList && this.selectedItemIndex === -1) {\n this.focusabledList.focus();\n return true;\n }\n if (this.focusabledList && this.selectedItemIndex >= 0) {\n const focusabledItems = this.getFocusableItems();\n const button = focusabledItems[this.selectedItemIndex].querySelector(\"[ui5-button]\") as UI5Element;\n\n button.focus();\n return true;\n }\n\n this.focusabledList = this.lists[0];\n this.focusabledList.focus();\n }\n }\n\n getFocusableItems(): Element[] {\n const items = this.focusabledList?.children ? this.focusabledList?.children : [];\n return Array.from(items);\n }\n\n onEscape(e: KeyboardEvent) {\n e.preventDefault();\n this.close();\n this.onFocusInput();\n }\n\n onKeyTabList(e: KeyboardEvent) {\n e.preventDefault();\n if (this.lists?.length === 2) {\n if (this.focusabledList === this.lists[1]) {\n (this.component?.shadowRoot?.querySelector(\"[ui5-button]\") as UI5Element).focus();\n this.close();\n }\n if (this.focusabledList === this.lists[0]) {\n this.focusabledList = this.lists[1];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n }\n }\n if (this.lists?.length === 1) {\n (this.component?.shadowRoot?.querySelector(\"[ui5-button]\") as UI5Element).focus();\n this.close();\n }\n }\n\n onPrevKeyTabList(e: KeyboardEvent) {\n e.preventDefault();\n if (this.lists?.length === 2) {\n if (this.focusabledList === this.lists[0]) {\n this.onFocusInput();\n }\n if (this.focusabledList === this.lists[1]) {\n this.focusabledList = this.lists[0];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n }\n }\n if (this.lists?.length === 1) {\n this.onFocusInput();\n }\n }\n\n onKeyDown(e: KeyboardEvent) {\n e.preventDefault();\n const nextSelectedIdx = this.selectedItemIndex;\n const focusabledItems = this.getFocusableItems();\n const itemCount = focusabledItems.length - 1;\n\n if (this.lists?.length) {\n if (nextSelectedIdx === -1) {\n const button = focusabledItems[0] as UI5Element;\n\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = 0;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (nextSelectedIdx >= 0 && nextSelectedIdx !== itemCount) {\n const button = focusabledItems[nextSelectedIdx + 1] as UI5Element;\n\n focusabledItems[nextSelectedIdx].removeAttribute(\"aria-selected\");\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = nextSelectedIdx + 1;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (nextSelectedIdx === itemCount && this.focusabledList === this.lists[0] && this.lists.length === 2) {\n focusabledItems[nextSelectedIdx].removeAttribute(\"aria-selected\");\n this.focusabledList?.removeAttribute(\"aria-activedescendant\");\n this.focusabledList = this.lists[1];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n return true;\n }\n }\n }\n\n onKeyUp(e: KeyboardEvent) {\n e.preventDefault();\n const focusabledItems = this.getFocusableItems();\n const itemCount = focusabledItems.length - 1;\n const previousSelectedIdx = this.selectedItemIndex;\n\n if (this.lists?.length) {\n if (previousSelectedIdx === -1) {\n const button = focusabledItems[0] as UI5Element;\n\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = 0;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (previousSelectedIdx > 0 && previousSelectedIdx <= itemCount) {\n const button = focusabledItems[previousSelectedIdx - 1] as UI5Element;\n\n focusabledItems[previousSelectedIdx].removeAttribute(\"aria-selected\");\n button.setAttribute(\"aria-selected\", \"true\");\n button.focus();\n this.selectedItemIndex = previousSelectedIdx - 1;\n this.focusabledList?.setAttribute(\"aria-activedescendant\", button.id);\n return true;\n }\n if (previousSelectedIdx === 0 && this.lists.length === 2 && this.focusabledList === this.lists[1]) {\n focusabledItems[previousSelectedIdx].removeAttribute(\"aria-selected\");\n this.focusabledList?.removeAttribute(\"aria-activedescendant\");\n this.focusabledList = this.lists[0];\n this.focusabledList.focus();\n this.selectedItemIndex = -1;\n return true;\n }\n }\n }\n\n handlePrevTabReset(e: KeyboardEvent) {\n e.preventDefault();\n this.focusabledList?.focus();\n }\n\n static get dependencies() {\n return [\n Popover,\n Button,\n ];\n }\n}\n\nregisterFeature(\"SearchInputSuggestion\", Suggestion);\n\nexport default Suggestion;\n\nexport type {\n SuggestionComponent,\n SearchInputSuggestion,\n};\n"]}
@@ -0,0 +1 @@
1
+ {"COPYRIGHT":"حقوق النشر © {0} لشركة SAP SE أو إحدى الشركات التابعة لشركة SAP. جميع الحقوق محفوظة."}
@@ -0,0 +1 @@
1
+ {"COPYRIGHT":"© {0} SAP SE или филиал на SAP. Всички права запазени."}
@@ -0,0 +1 @@
1
+ {"COPYRIGHT":"© {0} SAP SE či přidružená společnost SAP. Všechna práva vyhrazena."}
@@ -0,0 +1 @@
1
+ {"COPYRIGHT":"© {0} SAP SE eller en tilknyttet SAP-virksomhed. Alle rettigheder forbeholdes."}