@sapudex/web-components 0.199.3 → 0.225.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 (1305) hide show
  1. package/bundle.esm.js +76 -69
  2. package/cypress/screenshots/AccordionItem.cy.tsx/AccordionItem -- can be clicked via keyboard using Space (failed).png +0 -0
  3. package/dist/Accordion.d.ts +4 -4
  4. package/dist/Accordion.js +12 -28
  5. package/dist/Accordion.js.map +1 -1
  6. package/dist/AccordionItem.d.ts +3 -5
  7. package/dist/AccordionItem.js +19 -51
  8. package/dist/AccordionItem.js.map +1 -1
  9. package/dist/Avatar.d.ts +3 -2
  10. package/dist/Avatar.js +6 -3
  11. package/dist/Avatar.js.map +1 -1
  12. package/dist/AvatarGroup.d.ts +1 -1
  13. package/dist/AvatarGroup.js +1 -1
  14. package/dist/AvatarGroup.js.map +1 -1
  15. package/dist/Badge.d.ts +5 -5
  16. package/dist/Badge.js +8 -8
  17. package/dist/Badge.js.map +1 -1
  18. package/dist/Breadcrumbs.d.ts +1 -1
  19. package/dist/Breadcrumbs.js +18 -2
  20. package/dist/Breadcrumbs.js.map +1 -1
  21. package/dist/BreadcrumbsItem.d.ts +1 -1
  22. package/dist/BreadcrumbsItem.js +1 -1
  23. package/dist/BreadcrumbsItem.js.map +1 -1
  24. package/dist/Carousel.js +1 -1
  25. package/dist/Carousel.js.map +1 -1
  26. package/dist/Checkbox.d.ts +1 -1
  27. package/dist/Checkbox.js +1 -1
  28. package/dist/Checkbox.js.map +1 -1
  29. package/dist/ControlButton.d.ts +1 -1
  30. package/dist/ControlButton.js +1 -1
  31. package/dist/ControlButton.js.map +1 -1
  32. package/dist/CountrySelector.d.ts +4 -5
  33. package/dist/CountrySelector.js +32 -62
  34. package/dist/CountrySelector.js.map +1 -1
  35. package/dist/DatePicker.d.ts +1 -1
  36. package/dist/DatePicker.js +8 -3
  37. package/dist/DatePicker.js.map +1 -1
  38. package/dist/Dropdown.d.ts +1 -1
  39. package/dist/Dropdown.js +2 -2
  40. package/dist/Dropdown.js.map +1 -1
  41. package/dist/FilterMenu.d.ts +8 -1
  42. package/dist/FilterMenu.js +6 -1
  43. package/dist/FilterMenu.js.map +1 -1
  44. package/dist/FilterMenuGroupHeader.d.ts +1 -1
  45. package/dist/FilterMenuGroupHeader.js +1 -1
  46. package/dist/FilterMenuGroupHeader.js.map +1 -1
  47. package/dist/FilterMenuItem.d.ts +1 -1
  48. package/dist/FilterMenuItem.js +1 -1
  49. package/dist/FilterMenuItem.js.map +1 -1
  50. package/dist/FilterMenuSelectAll.d.ts +1 -1
  51. package/dist/FilterMenuSelectAll.js +1 -1
  52. package/dist/FilterMenuSelectAll.js.map +1 -1
  53. package/dist/Footer.d.ts +1 -1
  54. package/dist/Footer.js +4 -3
  55. package/dist/Footer.js.map +1 -1
  56. package/dist/HeroBanner.d.ts +10 -0
  57. package/dist/HeroBanner.js +6 -0
  58. package/dist/HeroBanner.js.map +1 -1
  59. package/dist/InputGroup.d.ts +1 -1
  60. package/dist/InputGroup.js +2 -2
  61. package/dist/InputGroup.js.map +1 -1
  62. package/dist/Link.d.ts +4 -4
  63. package/dist/Link.js +5 -5
  64. package/dist/Link.js.map +1 -1
  65. package/dist/List.d.ts +4 -15
  66. package/dist/List.js +11 -41
  67. package/dist/List.js.map +1 -1
  68. package/dist/ListGroupHeader.d.ts +1 -1
  69. package/dist/ListGroupHeader.js +1 -1
  70. package/dist/ListGroupHeader.js.map +1 -1
  71. package/dist/ListItem.d.ts +23 -10
  72. package/dist/ListItem.js +14 -13
  73. package/dist/ListItem.js.map +1 -1
  74. package/dist/ListSelectAll.d.ts +1 -1
  75. package/dist/ListSelectAll.js +2 -2
  76. package/dist/ListSelectAll.js.map +1 -1
  77. package/dist/MastheadCountrySelector.d.ts +152 -0
  78. package/dist/MastheadCountrySelector.js +367 -0
  79. package/dist/MastheadCountrySelector.js.map +1 -0
  80. package/dist/MastheadItem.d.ts +75 -6
  81. package/dist/MastheadItem.js +126 -28
  82. package/dist/MastheadItem.js.map +1 -1
  83. package/dist/MastheadMenu.d.ts +2 -1
  84. package/dist/MastheadMenu.js +17 -7
  85. package/dist/MastheadMenu.js.map +1 -1
  86. package/dist/MastheadMenuItem.d.ts +19 -1
  87. package/dist/MastheadMenuItem.js +17 -6
  88. package/dist/MastheadMenuItem.js.map +1 -1
  89. package/dist/MastheadMobileMenu.d.ts +14 -7
  90. package/dist/MastheadMobileMenu.js +99 -41
  91. package/dist/MastheadMobileMenu.js.map +1 -1
  92. package/dist/MastheadProfileMenu.d.ts +1 -1
  93. package/dist/MastheadProfileMenu.js +3 -3
  94. package/dist/MastheadProfileMenu.js.map +1 -1
  95. package/dist/MastheadShell.d.ts +53 -10
  96. package/dist/MastheadShell.js +167 -76
  97. package/dist/MastheadShell.js.map +1 -1
  98. package/dist/MediaPlayer.d.ts +3660 -2
  99. package/dist/MediaPlayer.js +9 -3
  100. package/dist/MediaPlayer.js.map +1 -1
  101. package/dist/MediaPlayerVimeo.d.ts +1 -1
  102. package/dist/MediaPlayerVimeo.js +1 -1
  103. package/dist/MediaPlayerVimeo.js.map +1 -1
  104. package/dist/MediaPlayerYoutube.d.ts +1 -1
  105. package/dist/MediaPlayerYoutube.js +1 -1
  106. package/dist/MediaPlayerYoutube.js.map +1 -1
  107. package/dist/MessageStrip.js +1 -1
  108. package/dist/MessageStrip.js.map +1 -1
  109. package/dist/Pagination.js +3 -6
  110. package/dist/Pagination.js.map +1 -1
  111. package/dist/PasswordField.d.ts +13 -1
  112. package/dist/PasswordField.js +15 -2
  113. package/dist/PasswordField.js.map +1 -1
  114. package/dist/PhoneNumberField.d.ts +1 -0
  115. package/dist/PhoneNumberField.js +5 -2
  116. package/dist/PhoneNumberField.js.map +1 -1
  117. package/dist/ProgressBar.d.ts +1 -1
  118. package/dist/ProgressBar.js +1 -1
  119. package/dist/ProgressBar.js.map +1 -1
  120. package/dist/RadioButton.d.ts +1 -1
  121. package/dist/RadioButton.js +1 -1
  122. package/dist/RadioButton.js.map +1 -1
  123. package/dist/RangeSlider.d.ts +1 -1
  124. package/dist/RangeSlider.js +1 -1
  125. package/dist/RangeSlider.js.map +1 -1
  126. package/dist/RatingBar.d.ts +1 -1
  127. package/dist/RatingBar.js +2 -2
  128. package/dist/RatingBar.js.map +1 -1
  129. package/dist/RatingIndicator.d.ts +1 -1
  130. package/dist/RatingIndicator.js +1 -1
  131. package/dist/RatingIndicator.js.map +1 -1
  132. package/dist/Review.d.ts +1 -1
  133. package/dist/Review.js +2 -2
  134. package/dist/Review.js.map +1 -1
  135. package/dist/ReviewItem.d.ts +1 -1
  136. package/dist/ReviewItem.js +2 -2
  137. package/dist/ReviewItem.js.map +1 -1
  138. package/dist/Search.d.ts +9 -2
  139. package/dist/Search.js +33 -10
  140. package/dist/Search.js.map +1 -1
  141. package/dist/SearchableListBase.d.ts +21 -0
  142. package/dist/SearchableListBase.js +12 -2
  143. package/dist/SearchableListBase.js.map +1 -1
  144. package/dist/SecondaryNavigation.d.ts +7 -1
  145. package/dist/SecondaryNavigation.js +5 -2
  146. package/dist/SecondaryNavigation.js.map +1 -1
  147. package/dist/SecondaryNavigationItem.d.ts +12 -1
  148. package/dist/SecondaryNavigationItem.js +33 -6
  149. package/dist/SecondaryNavigationItem.js.map +1 -1
  150. package/dist/SecondaryNavigationItemBase.d.ts +1 -0
  151. package/dist/SecondaryNavigationItemBase.js +3 -0
  152. package/dist/SecondaryNavigationItemBase.js.map +1 -1
  153. package/dist/SecondaryNavigationSubItem.d.ts +1 -8
  154. package/dist/SecondaryNavigationSubItem.js +2 -5
  155. package/dist/SecondaryNavigationSubItem.js.map +1 -1
  156. package/dist/SegmentedButton.d.ts +2 -2
  157. package/dist/SegmentedButton.js +2 -2
  158. package/dist/SegmentedButton.js.map +1 -1
  159. package/dist/SegmentedButtonItem.d.ts +1 -1
  160. package/dist/SegmentedButtonItem.js +1 -1
  161. package/dist/SegmentedButtonItem.js.map +1 -1
  162. package/dist/SelectBox.d.ts +3 -1
  163. package/dist/SelectBox.js +8 -5
  164. package/dist/SelectBox.js.map +1 -1
  165. package/dist/SelectBoxGroupHeader.d.ts +1 -1
  166. package/dist/SelectBoxGroupHeader.js +1 -1
  167. package/dist/SelectBoxGroupHeader.js.map +1 -1
  168. package/dist/SelectBoxItem.d.ts +1 -1
  169. package/dist/SelectBoxItem.js +1 -1
  170. package/dist/SelectBoxItem.js.map +1 -1
  171. package/dist/SelectBoxSelectAll.d.ts +1 -1
  172. package/dist/SelectBoxSelectAll.js +1 -1
  173. package/dist/SelectBoxSelectAll.js.map +1 -1
  174. package/dist/SideNavigation.d.ts +1 -1
  175. package/dist/SideNavigation.js +1 -1
  176. package/dist/SideNavigation.js.map +1 -1
  177. package/dist/SideNavigationGroup.d.ts +1 -1
  178. package/dist/SideNavigationGroup.js +1 -1
  179. package/dist/SideNavigationGroup.js.map +1 -1
  180. package/dist/SideNavigationItem.d.ts +1 -1
  181. package/dist/SideNavigationItem.js +1 -1
  182. package/dist/SideNavigationItem.js.map +1 -1
  183. package/dist/SideNavigationMobile.d.ts +1 -1
  184. package/dist/SideNavigationMobile.js +1 -1
  185. package/dist/SideNavigationMobile.js.map +1 -1
  186. package/dist/SideNavigationSubItem.d.ts +1 -1
  187. package/dist/SideNavigationSubItem.js +1 -1
  188. package/dist/SideNavigationSubItem.js.map +1 -1
  189. package/dist/Slider.d.ts +1 -1
  190. package/dist/Slider.js +1 -1
  191. package/dist/Slider.js.map +1 -1
  192. package/dist/StatusBadge.d.ts +1 -1
  193. package/dist/StatusBadge.js +2 -2
  194. package/dist/StatusBadge.js.map +1 -1
  195. package/dist/StatusMessage.d.ts +1 -1
  196. package/dist/StatusMessage.js +1 -1
  197. package/dist/StatusMessage.js.map +1 -1
  198. package/dist/StepInput.d.ts +2 -4
  199. package/dist/StepInput.js +11 -15
  200. package/dist/StepInput.js.map +1 -1
  201. package/dist/Switch.d.ts +1 -1
  202. package/dist/Switch.js +1 -1
  203. package/dist/Switch.js.map +1 -1
  204. package/dist/Tab.d.ts +1 -1
  205. package/dist/Tab.js +2 -2
  206. package/dist/Tab.js.map +1 -1
  207. package/dist/TabNavigation.d.ts +1 -1
  208. package/dist/TabNavigation.js +2 -2
  209. package/dist/TabNavigation.js.map +1 -1
  210. package/dist/Table.d.ts +6 -1
  211. package/dist/Table.js +6 -3
  212. package/dist/Table.js.map +1 -1
  213. package/dist/TableCell.d.ts +1 -1
  214. package/dist/TableCell.js +1 -1
  215. package/dist/TableCell.js.map +1 -1
  216. package/dist/TableGroupRow.d.ts +1 -1
  217. package/dist/TableGroupRow.js +1 -1
  218. package/dist/TableGroupRow.js.map +1 -1
  219. package/dist/TableHeaderCell.d.ts +1 -1
  220. package/dist/TableHeaderCell.js +1 -1
  221. package/dist/TableHeaderCell.js.map +1 -1
  222. package/dist/TableHeaderRow.d.ts +1 -1
  223. package/dist/TableHeaderRow.js +1 -1
  224. package/dist/TableHeaderRow.js.map +1 -1
  225. package/dist/TableRow.d.ts +1 -1
  226. package/dist/TableRow.js +1 -1
  227. package/dist/TableRow.js.map +1 -1
  228. package/dist/Tag.d.ts +6 -1
  229. package/dist/Tag.js +18 -1
  230. package/dist/Tag.js.map +1 -1
  231. package/dist/TagGroup.d.ts +1 -1
  232. package/dist/TagGroup.js +1 -1
  233. package/dist/TagGroup.js.map +1 -1
  234. package/dist/TextArea.js +1 -1
  235. package/dist/TextArea.js.map +1 -1
  236. package/dist/TextField.d.ts +9 -1
  237. package/dist/TextField.js +15 -13
  238. package/dist/TextField.js.map +1 -1
  239. package/dist/Toast.d.ts +1 -1
  240. package/dist/Toast.js +1 -1
  241. package/dist/Toast.js.map +1 -1
  242. package/dist/Tooltip.d.ts +1 -1
  243. package/dist/Tooltip.js +1 -1
  244. package/dist/Tooltip.js.map +1 -1
  245. package/dist/TruncatedText.js +1 -1
  246. package/dist/TruncatedText.js.map +1 -1
  247. package/dist/Upload.d.ts +7 -2
  248. package/dist/Upload.js +76 -9
  249. package/dist/Upload.js.map +1 -1
  250. package/dist/UploadItem.d.ts +1 -1
  251. package/dist/UploadItem.js +2 -2
  252. package/dist/UploadItem.js.map +1 -1
  253. package/dist/Wizard.d.ts +1 -1
  254. package/dist/Wizard.js +1 -1
  255. package/dist/Wizard.js.map +1 -1
  256. package/dist/WizardStep.d.ts +1 -1
  257. package/dist/WizardStep.js +1 -1
  258. package/dist/WizardStep.js.map +1 -1
  259. package/dist/WizardTab.d.ts +1 -1
  260. package/dist/WizardTab.js +1 -1
  261. package/dist/WizardTab.js.map +1 -1
  262. package/dist/assets/ar-4a3e3814.js +1 -0
  263. package/dist/assets/az-1a5c38dc.js +1 -0
  264. package/dist/assets/ba-578f2c35.js +1 -0
  265. package/dist/assets/bg-23e26fa4.js +1 -0
  266. package/dist/assets/bn-ecf46fc9.js +1 -0
  267. package/dist/assets/bundle.esm-062c2857.js +331 -0
  268. package/dist/assets/ca-792d0c23.js +1 -0
  269. package/dist/assets/cs-6fb6c274.js +1 -0
  270. package/dist/assets/cy-f6e8dafd.js +1 -0
  271. package/dist/assets/da-89990885.js +1 -0
  272. package/dist/assets/de-32104d6f.js +1 -0
  273. package/dist/assets/el-cfd6e74d.js +1 -0
  274. package/dist/assets/en-111ebeca.js +1 -0
  275. package/dist/assets/en-GB-d734c02c.js +1 -0
  276. package/dist/assets/es-611df0dc.js +1 -0
  277. package/dist/assets/et-9ece8307.js +1 -0
  278. package/dist/assets/eu-49fabb60.js +1 -0
  279. package/dist/assets/fa-b37ac7ef.js +1 -0
  280. package/dist/assets/fi-7ec80e73.js +1 -0
  281. package/dist/assets/fr-ee18d408.js +1 -0
  282. package/dist/assets/gd-b81ebaf0.js +1 -0
  283. package/dist/assets/gl-e4ba9f11.js +1 -0
  284. package/dist/assets/he-3161ae46.js +1 -0
  285. package/dist/assets/hi-90e040fd.js +1 -0
  286. package/dist/assets/hr-578f2c35.js +1 -0
  287. package/dist/assets/hu-42b8fcee.js +1 -0
  288. package/dist/assets/it-b051329d.js +1 -0
  289. package/dist/assets/ja-8cc903fb.js +1 -0
  290. package/dist/assets/ko-b85d1cca.js +1 -0
  291. package/dist/assets/lv-7a47d532.js +1 -0
  292. package/dist/assets/messagebundle_en-5423ac88.js +1 -0
  293. package/dist/assets/mr-9563c6ee.js +1 -0
  294. package/dist/assets/nb-367efd73.js +1 -0
  295. package/dist/assets/nl-7501cf03.js +1 -0
  296. package/dist/assets/nn-7a32f39e.js +1 -0
  297. package/dist/assets/np-2442ddf5.js +1 -0
  298. package/dist/assets/oc-892205fc.js +1 -0
  299. package/dist/assets/parameters-bundle.css-165a1208.js +2 -0
  300. package/dist/assets/parameters-bundle.css-3c706630.js +2 -0
  301. package/dist/assets/parameters-bundle.css-3ea1926f.js +2 -0
  302. package/dist/assets/parameters-bundle.css-47cbf095.js +2 -0
  303. package/dist/assets/parameters-bundle.css-6eda420e.js +2 -0
  304. package/dist/assets/parameters-bundle.css-9905f744.js +2 -0
  305. package/dist/assets/parameters-bundle.css-9e6d1c8d.js +2 -0
  306. package/dist/assets/parameters-bundle.css-b1ba75bd.js +2 -0
  307. package/dist/assets/parameters-bundle.css-b6cfd976.js +2 -0
  308. package/dist/assets/parameters-bundle.css-bd30ac58.js +2 -0
  309. package/dist/assets/parameters-bundle.css-d38a0009.js +2 -0
  310. package/dist/assets/parameters-bundle.css-e591d3a4.js +2 -0
  311. package/dist/assets/pl-c9e6f97c.js +1 -0
  312. package/dist/assets/pt-BR-0cdaa4c2.js +1 -0
  313. package/dist/assets/pt-PT-3b56b10d.js +1 -0
  314. package/dist/assets/ro-27af0bfa.js +1 -0
  315. package/dist/assets/ru-7991b04b.js +1 -0
  316. package/dist/assets/sk-c31445bf.js +1 -0
  317. package/dist/assets/sl-44a6af7b.js +1 -0
  318. package/dist/assets/sr-ec351a65.js +1 -0
  319. package/dist/assets/sv-1176d505.js +1 -0
  320. package/dist/assets/te-78496f2d.js +1 -0
  321. package/dist/assets/th-357add84.js +1 -0
  322. package/dist/assets/tr-e9ba09b2.js +1 -0
  323. package/dist/assets/uk-82e5b14a.js +1 -0
  324. package/dist/assets/vi-8fa3e4db.js +1 -0
  325. package/dist/assets/zh-CN-56d8e9a8.js +1 -0
  326. package/dist/assets/zh-Hans-7eba8277.js +1 -0
  327. package/dist/assets/zh-Hant-c17e8907.js +1 -0
  328. package/dist/assets/zh-TW-52a9fefa.js +1 -0
  329. package/dist/css/themes/Accordion.css +1 -1
  330. package/dist/css/themes/AccordionItem.css +1 -1
  331. package/dist/css/themes/Avatar.css +1 -1
  332. package/dist/css/themes/Badge.css +1 -1
  333. package/dist/css/themes/Breadcrumbs.css +1 -1
  334. package/dist/css/themes/Button.css +1 -1
  335. package/dist/css/themes/Checkbox.css +1 -1
  336. package/dist/css/themes/ControlButton.css +1 -1
  337. package/dist/css/themes/Footer.css +1 -1
  338. package/dist/css/themes/Link.css +1 -1
  339. package/dist/css/themes/MastheadCountrySelector.css +1 -0
  340. package/dist/css/themes/MastheadItem.css +1 -1
  341. package/dist/css/themes/MastheadMenu.css +1 -1
  342. package/dist/css/themes/MastheadMenuItem.css +1 -1
  343. package/dist/css/themes/MastheadMobileMenu.css +1 -1
  344. package/dist/css/themes/MastheadShell.css +1 -1
  345. package/dist/css/themes/MediaPlayer.css +1 -1
  346. package/dist/css/themes/PasswordField.css +1 -0
  347. package/dist/css/themes/PhoneNumberField.css +1 -1
  348. package/dist/css/themes/ProgressBar.css +1 -1
  349. package/dist/css/themes/RatingIndicator.css +1 -1
  350. package/dist/css/themes/Search.css +1 -1
  351. package/dist/css/themes/SearchSuggestions.css +1 -1
  352. package/dist/css/themes/SearchableList.css +1 -1
  353. package/dist/css/themes/SecondaryNavigation.css +1 -1
  354. package/dist/css/themes/SecondaryNavigationItem.css +1 -1
  355. package/dist/css/themes/SegmentedButtonItem.css +1 -1
  356. package/dist/css/themes/SelectBox.css +1 -1
  357. package/dist/css/themes/Slider.css +1 -1
  358. package/dist/css/themes/Tag.css +1 -1
  359. package/dist/css/themes/Tile.css +1 -1
  360. package/dist/css/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +1 -1
  361. package/dist/custom-elements-internal.json +1019 -170
  362. package/dist/custom-elements.json +951 -169
  363. package/dist/features/SearchSuggestionsPopover.d.ts +3 -16
  364. package/dist/features/SearchSuggestionsPopover.js +9 -44
  365. package/dist/features/SearchSuggestionsPopover.js.map +1 -1
  366. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  367. package/dist/generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json +1 -1
  368. package/dist/generated/i18n/i18n-defaults.d.ts +4 -1
  369. package/dist/generated/i18n/i18n-defaults.js +4 -1
  370. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  371. package/dist/generated/templates/AccordionItemTemplate.lit.js +2 -2
  372. package/dist/generated/templates/AccordionItemTemplate.lit.js.map +1 -1
  373. package/dist/generated/templates/AccordionTemplate.lit.js +1 -1
  374. package/dist/generated/templates/AccordionTemplate.lit.js.map +1 -1
  375. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +1 -1
  376. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +1 -1
  377. package/dist/generated/templates/CarouselTemplate.lit.js +3 -3
  378. package/dist/generated/templates/CarouselTemplate.lit.js.map +1 -1
  379. package/dist/generated/templates/CountrySelectorTemplate.lit.js +1 -1
  380. package/dist/generated/templates/CountrySelectorTemplate.lit.js.map +1 -1
  381. package/dist/generated/templates/DropdownTemplate.lit.js +1 -1
  382. package/dist/generated/templates/DropdownTemplate.lit.js.map +1 -1
  383. package/dist/generated/templates/FilterMenuTemplate.lit.js +1 -1
  384. package/dist/generated/templates/FilterMenuTemplate.lit.js.map +1 -1
  385. package/dist/generated/templates/FooterTemplate.lit.js +1 -1
  386. package/dist/generated/templates/FooterTemplate.lit.js.map +1 -1
  387. package/dist/generated/templates/HeroBannerTemplate.lit.js +2 -2
  388. package/dist/generated/templates/HeroBannerTemplate.lit.js.map +1 -1
  389. package/dist/generated/templates/LinkTemplate.lit.js +1 -1
  390. package/dist/generated/templates/LinkTemplate.lit.js.map +1 -1
  391. package/dist/generated/templates/ListGroupHeaderTemplate.lit.js +1 -1
  392. package/dist/generated/templates/ListGroupHeaderTemplate.lit.js.map +1 -1
  393. package/dist/generated/templates/ListItemTemplate.lit.js +19 -15
  394. package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
  395. package/{config/dist/generated/templates/DropdownListGroupHeaderTemplate.lit.d.ts → dist/generated/templates/MastheadCountrySelectorTemplate.lit.d.ts} +2 -2
  396. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js +10 -0
  397. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js.map +1 -0
  398. package/dist/generated/templates/MastheadItemTemplate.lit.js +23 -17
  399. package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
  400. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js +7 -7
  401. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js.map +1 -1
  402. package/dist/generated/templates/MastheadMenuTemplate.lit.js +4 -2
  403. package/dist/generated/templates/MastheadMenuTemplate.lit.js.map +1 -1
  404. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +7 -6
  405. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
  406. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js +2 -2
  407. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js.map +1 -1
  408. package/dist/generated/templates/MastheadShellTemplate.lit.js +6 -5
  409. package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
  410. package/dist/generated/templates/MediaPlayerTemplate.lit.js +4 -4
  411. package/dist/generated/templates/MediaPlayerTemplate.lit.js.map +1 -1
  412. package/dist/generated/templates/MessageStripTemplate.lit.js +1 -1
  413. package/dist/generated/templates/MessageStripTemplate.lit.js.map +1 -1
  414. package/dist/generated/templates/PasswordFieldTemplate.lit.js +1 -1
  415. package/dist/generated/templates/PasswordFieldTemplate.lit.js.map +1 -1
  416. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +2 -2
  417. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +1 -1
  418. package/dist/generated/templates/SearchSuggestionsTemplate.lit.js +3 -3
  419. package/dist/generated/templates/SearchSuggestionsTemplate.lit.js.map +1 -1
  420. package/dist/generated/templates/SearchTemplate.lit.js +11 -9
  421. package/dist/generated/templates/SearchTemplate.lit.js.map +1 -1
  422. package/dist/generated/templates/SearchableListBaseTemplate.lit.js +10 -8
  423. package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
  424. package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js +2 -2
  425. package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js.map +1 -1
  426. package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.js +2 -2
  427. package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.js.map +1 -1
  428. package/dist/generated/templates/SecondaryNavigationTemplate.lit.js +1 -1
  429. package/dist/generated/templates/SecondaryNavigationTemplate.lit.js.map +1 -1
  430. package/dist/generated/templates/SelectBoxTemplate.lit.js +2 -2
  431. package/dist/generated/templates/SelectBoxTemplate.lit.js.map +1 -1
  432. package/dist/generated/templates/StepInputTemplate.lit.js +1 -1
  433. package/dist/generated/templates/StepInputTemplate.lit.js.map +1 -1
  434. package/dist/generated/templates/TextFieldTemplate.lit.js +2 -2
  435. package/dist/generated/templates/TextFieldTemplate.lit.js.map +1 -1
  436. package/dist/generated/templates/TileTemplate.lit.js +3 -3
  437. package/dist/generated/templates/TileTemplate.lit.js.map +1 -1
  438. package/dist/generated/templates/ToastTemplate.lit.js +1 -1
  439. package/dist/generated/templates/ToastTemplate.lit.js.map +1 -1
  440. package/dist/generated/templates/TooltipTemplate.lit.js +1 -1
  441. package/dist/generated/templates/TooltipTemplate.lit.js.map +1 -1
  442. package/dist/generated/templates/WizardTemplate.lit.js +1 -1
  443. package/dist/generated/templates/WizardTemplate.lit.js.map +1 -1
  444. package/dist/generated/themes/Accordion.css.js +1 -1
  445. package/dist/generated/themes/Accordion.css.js.map +1 -1
  446. package/dist/generated/themes/AccordionItem.css.js +1 -1
  447. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  448. package/dist/generated/themes/Avatar.css.js +1 -1
  449. package/dist/generated/themes/Avatar.css.js.map +1 -1
  450. package/dist/generated/themes/Badge.css.js +1 -1
  451. package/dist/generated/themes/Badge.css.js.map +1 -1
  452. package/dist/generated/themes/Breadcrumbs.css.js +1 -1
  453. package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
  454. package/dist/generated/themes/Button.css.js +1 -1
  455. package/dist/generated/themes/Button.css.js.map +1 -1
  456. package/dist/generated/themes/Checkbox.css.js +1 -1
  457. package/dist/generated/themes/Checkbox.css.js.map +1 -1
  458. package/dist/generated/themes/ControlButton.css.js +1 -1
  459. package/dist/generated/themes/ControlButton.css.js.map +1 -1
  460. package/dist/generated/themes/Footer.css.js +1 -1
  461. package/dist/generated/themes/Footer.css.js.map +1 -1
  462. package/dist/generated/themes/Link.css.js +1 -1
  463. package/dist/generated/themes/Link.css.js.map +1 -1
  464. package/dist/generated/themes/MastheadCountrySelector.css.js +9 -0
  465. package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -0
  466. package/dist/generated/themes/MastheadItem.css.js +1 -1
  467. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  468. package/dist/generated/themes/MastheadMenu.css.js +1 -1
  469. package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
  470. package/dist/generated/themes/MastheadMenuItem.css.js +1 -1
  471. package/dist/generated/themes/MastheadMenuItem.css.js.map +1 -1
  472. package/dist/generated/themes/MastheadMobileMenu.css.js +1 -1
  473. package/dist/generated/themes/MastheadMobileMenu.css.js.map +1 -1
  474. package/dist/generated/themes/MastheadShell.css.js +1 -1
  475. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  476. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  477. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  478. package/{config/dist/generated/themes/Calendar.css.js → dist/generated/themes/PasswordField.css.js} +4 -3
  479. package/dist/generated/themes/PasswordField.css.js.map +1 -0
  480. package/dist/generated/themes/PhoneNumberField.css.js +1 -1
  481. package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
  482. package/dist/generated/themes/ProgressBar.css.js +1 -1
  483. package/dist/generated/themes/ProgressBar.css.js.map +1 -1
  484. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  485. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  486. package/dist/generated/themes/Search.css.js +1 -1
  487. package/dist/generated/themes/Search.css.js.map +1 -1
  488. package/dist/generated/themes/SearchSuggestions.css.js +1 -1
  489. package/dist/generated/themes/SearchSuggestions.css.js.map +1 -1
  490. package/dist/generated/themes/SearchableList.css.js +1 -1
  491. package/dist/generated/themes/SearchableList.css.js.map +1 -1
  492. package/dist/generated/themes/SecondaryNavigation.css.js +1 -1
  493. package/dist/generated/themes/SecondaryNavigation.css.js.map +1 -1
  494. package/dist/generated/themes/SecondaryNavigationItem.css.js +1 -1
  495. package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -1
  496. package/dist/generated/themes/SegmentedButtonItem.css.js +1 -1
  497. package/dist/generated/themes/SegmentedButtonItem.css.js.map +1 -1
  498. package/dist/generated/themes/SelectBox.css.js +1 -1
  499. package/dist/generated/themes/SelectBox.css.js.map +1 -1
  500. package/dist/generated/themes/Slider.css.js +1 -1
  501. package/dist/generated/themes/Slider.css.js.map +1 -1
  502. package/dist/generated/themes/Tag.css.js +1 -1
  503. package/dist/generated/themes/Tag.css.js.map +1 -1
  504. package/dist/generated/themes/Tile.css.js +1 -1
  505. package/dist/generated/themes/Tile.css.js.map +1 -1
  506. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js +1 -1
  507. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js.map +1 -1
  508. package/dist/i18n/messagebundle.properties +10 -2
  509. package/dist/i18n/messagebundle_en.properties +4 -1
  510. package/dist/mediaPlayerLanguageMapping.d.ts +3506 -0
  511. package/dist/mediaPlayerLanguageMapping.js +114 -0
  512. package/dist/mediaPlayerLanguageMapping.js.map +1 -0
  513. package/dist/types/BadgeDesign.js +1 -1
  514. package/dist/types/BadgeDesign.js.map +1 -1
  515. package/dist/types/List.d.ts +0 -8
  516. package/dist/types/List.js.map +1 -1
  517. package/dist/utils/ListWithFirstLetterFocus.d.ts +21 -0
  518. package/dist/utils/ListWithFirstLetterFocus.js +46 -0
  519. package/dist/utils/ListWithFirstLetterFocus.js.map +1 -0
  520. package/dist/utils/parseRelativeUnits.d.ts +4 -0
  521. package/dist/utils/parseRelativeUnits.js +26 -0
  522. package/dist/utils/parseRelativeUnits.js.map +1 -0
  523. package/dist/vscode.html-custom-data.json +228 -91
  524. package/dist/web-types.json +471 -124
  525. package/package.json +8 -8
  526. package/src/Accordion.hbs +20 -23
  527. package/src/Accordion.ts +18 -36
  528. package/src/AccordionItem.hbs +35 -32
  529. package/src/AccordionItem.ts +19 -58
  530. package/src/Avatar.ts +7 -3
  531. package/src/AvatarGroup.ts +1 -1
  532. package/src/Badge.ts +8 -8
  533. package/src/Breadcrumbs.ts +19 -2
  534. package/src/BreadcrumbsItem.ts +1 -1
  535. package/src/BreadcrumbsPopover.hbs +1 -1
  536. package/src/Carousel.hbs +8 -8
  537. package/src/Carousel.ts +1 -1
  538. package/src/Checkbox.ts +1 -1
  539. package/src/ControlButton.ts +1 -1
  540. package/src/CountrySelector.hbs +1 -2
  541. package/src/CountrySelector.ts +13 -47
  542. package/src/DatePicker.ts +7 -3
  543. package/src/Dropdown.hbs +4 -4
  544. package/src/Dropdown.ts +2 -2
  545. package/src/FilterMenu.hbs +1 -0
  546. package/src/FilterMenu.ts +12 -1
  547. package/src/FilterMenuGroupHeader.ts +1 -1
  548. package/src/FilterMenuItem.ts +1 -1
  549. package/src/FilterMenuSelectAll.ts +1 -1
  550. package/src/Footer.hbs +6 -2
  551. package/src/Footer.ts +4 -3
  552. package/src/HeroBanner.hbs +4 -4
  553. package/src/HeroBanner.ts +18 -3
  554. package/src/InputGroup.ts +2 -2
  555. package/src/Link.hbs +7 -7
  556. package/src/Link.ts +7 -7
  557. package/src/List.ts +10 -56
  558. package/src/ListGroupHeader.hbs +1 -0
  559. package/src/ListGroupHeader.ts +1 -1
  560. package/src/ListItem.hbs +4 -0
  561. package/src/ListItem.ts +29 -22
  562. package/src/ListSelectAll.ts +2 -2
  563. package/src/MastheadCountrySelector.hbs +67 -0
  564. package/src/MastheadCountrySelector.ts +500 -0
  565. package/src/MastheadItem.hbs +20 -17
  566. package/src/MastheadItem.ts +169 -32
  567. package/src/MastheadMenu.hbs +15 -8
  568. package/src/MastheadMenu.ts +19 -7
  569. package/src/MastheadMenuItem.hbs +13 -10
  570. package/src/MastheadMenuItem.ts +33 -7
  571. package/src/MastheadMobileMenu.hbs +17 -12
  572. package/src/MastheadMobileMenu.ts +116 -44
  573. package/src/MastheadProfileMenu.hbs +2 -2
  574. package/src/MastheadProfileMenu.ts +3 -3
  575. package/src/MastheadShell.hbs +17 -5
  576. package/src/MastheadShell.ts +195 -86
  577. package/src/MediaPlayer.hbs +35 -29
  578. package/src/MediaPlayer.ts +9 -3
  579. package/src/MediaPlayerVimeo.ts +1 -1
  580. package/src/MediaPlayerYoutube.ts +1 -1
  581. package/src/MessageStrip.hbs +1 -1
  582. package/src/MessageStrip.ts +1 -1
  583. package/src/Pagination.ts +4 -8
  584. package/src/PasswordField.hbs +3 -2
  585. package/src/PasswordField.ts +21 -3
  586. package/src/PhoneNumberField.hbs +2 -1
  587. package/src/PhoneNumberField.ts +6 -2
  588. package/src/ProgressBar.ts +1 -1
  589. package/src/RadioButton.ts +1 -1
  590. package/src/RangeSlider.ts +1 -1
  591. package/src/RatingBar.ts +2 -2
  592. package/src/RatingIndicator.ts +1 -1
  593. package/src/Review.ts +2 -2
  594. package/src/ReviewItem.ts +2 -2
  595. package/src/Search.hbs +52 -20
  596. package/src/Search.ts +41 -10
  597. package/src/SearchSuggestions.hbs +3 -0
  598. package/src/SearchableListBase.hbs +7 -0
  599. package/src/SearchableListBase.ts +30 -2
  600. package/src/SecondaryNavigation.hbs +1 -0
  601. package/src/SecondaryNavigation.ts +9 -2
  602. package/src/SecondaryNavigationItem.hbs +2 -1
  603. package/src/SecondaryNavigationItem.ts +44 -6
  604. package/src/SecondaryNavigationItemBase.ts +4 -0
  605. package/src/SecondaryNavigationSubItem.hbs +4 -2
  606. package/src/SecondaryNavigationSubItem.ts +2 -11
  607. package/src/SegmentedButton.ts +2 -2
  608. package/src/SegmentedButtonItem.ts +1 -1
  609. package/src/SelectBox.hbs +20 -15
  610. package/src/SelectBox.ts +8 -6
  611. package/src/SelectBoxGroupHeader.ts +1 -1
  612. package/src/SelectBoxItem.ts +1 -1
  613. package/src/SelectBoxSelectAll.ts +1 -1
  614. package/src/SideNavigation.ts +1 -1
  615. package/src/SideNavigationGroup.ts +1 -1
  616. package/src/SideNavigationItem.ts +1 -1
  617. package/src/SideNavigationMobile.ts +1 -1
  618. package/src/SideNavigationSubItem.ts +1 -1
  619. package/src/Slider.ts +1 -1
  620. package/src/StatusBadge.ts +2 -2
  621. package/src/StatusMessage.ts +1 -1
  622. package/src/StepInput.hbs +1 -1
  623. package/src/StepInput.ts +13 -20
  624. package/src/Switch.ts +1 -1
  625. package/src/Tab.ts +2 -2
  626. package/src/TabNavigation.ts +2 -2
  627. package/src/Table.ts +10 -3
  628. package/src/TableCell.ts +1 -1
  629. package/src/TableGroupRow.ts +1 -1
  630. package/src/TableHeaderCell.ts +1 -1
  631. package/src/TableHeaderRow.ts +1 -1
  632. package/src/TableRow.ts +1 -1
  633. package/src/Tag.ts +22 -1
  634. package/src/TagGroup.ts +1 -1
  635. package/src/TextArea.ts +1 -1
  636. package/src/TextField.hbs +4 -2
  637. package/src/TextField.ts +23 -13
  638. package/src/Tile.hbs +7 -5
  639. package/src/Toast.hbs +1 -1
  640. package/src/Toast.ts +1 -1
  641. package/src/Tooltip.hbs +3 -3
  642. package/src/Tooltip.ts +1 -1
  643. package/src/TruncatedText.ts +1 -1
  644. package/src/Upload.ts +92 -11
  645. package/src/UploadItem.ts +2 -2
  646. package/src/Wizard.hbs +1 -1
  647. package/src/Wizard.ts +1 -1
  648. package/src/WizardStep.ts +1 -1
  649. package/src/WizardTab.ts +1 -1
  650. package/src/features/SearchSuggestionsPopover.ts +10 -62
  651. package/src/generated/i18n/i18n-defaults.ts +2 -2
  652. package/src/generated/templates/AccordionItemTemplate.lit.ts +2 -2
  653. package/src/generated/templates/AccordionTemplate.lit.ts +1 -1
  654. package/src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts +1 -1
  655. package/src/generated/templates/CarouselTemplate.lit.ts +3 -3
  656. package/src/generated/templates/CountrySelectorTemplate.lit.ts +1 -1
  657. package/src/generated/templates/DropdownTemplate.lit.ts +1 -1
  658. package/src/generated/templates/FilterMenuTemplate.lit.ts +1 -1
  659. package/src/generated/templates/FooterTemplate.lit.ts +1 -1
  660. package/src/generated/templates/HeroBannerTemplate.lit.ts +2 -2
  661. package/src/generated/templates/LinkTemplate.lit.ts +1 -1
  662. package/src/generated/templates/ListGroupHeaderTemplate.lit.ts +1 -1
  663. package/src/generated/templates/ListItemTemplate.lit.ts +19 -15
  664. package/src/generated/templates/MastheadCountrySelectorTemplate.lit.ts +15 -0
  665. package/src/generated/templates/MastheadItemTemplate.lit.ts +23 -17
  666. package/src/generated/templates/MastheadMenuItemTemplate.lit.ts +7 -7
  667. package/src/generated/templates/MastheadMenuTemplate.lit.ts +4 -2
  668. package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +7 -6
  669. package/src/generated/templates/MastheadProfileMenuTemplate.lit.ts +2 -2
  670. package/src/generated/templates/MastheadShellTemplate.lit.ts +6 -5
  671. package/src/generated/templates/MediaPlayerTemplate.lit.ts +4 -4
  672. package/src/generated/templates/MessageStripTemplate.lit.ts +1 -1
  673. package/src/generated/templates/PasswordFieldTemplate.lit.ts +1 -1
  674. package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +2 -2
  675. package/src/generated/templates/SearchSuggestionsTemplate.lit.ts +3 -3
  676. package/src/generated/templates/SearchTemplate.lit.ts +11 -9
  677. package/src/generated/templates/SearchableListBaseTemplate.lit.ts +10 -8
  678. package/src/generated/templates/SecondaryNavigationItemTemplate.lit.ts +2 -2
  679. package/src/generated/templates/SecondaryNavigationSubItemTemplate.lit.ts +2 -2
  680. package/src/generated/templates/SecondaryNavigationTemplate.lit.ts +1 -1
  681. package/src/generated/templates/SelectBoxTemplate.lit.ts +2 -2
  682. package/src/generated/templates/StepInputTemplate.lit.ts +1 -1
  683. package/src/generated/templates/TextFieldTemplate.lit.ts +2 -2
  684. package/src/generated/templates/TileTemplate.lit.ts +3 -3
  685. package/src/generated/templates/ToastTemplate.lit.ts +1 -1
  686. package/src/generated/templates/TooltipTemplate.lit.ts +1 -1
  687. package/src/generated/templates/WizardTemplate.lit.ts +1 -1
  688. package/src/generated/themes/Accordion.css.ts +1 -1
  689. package/src/generated/themes/AccordionItem.css.ts +1 -1
  690. package/src/generated/themes/Avatar.css.ts +1 -1
  691. package/src/generated/themes/Badge.css.ts +1 -1
  692. package/src/generated/themes/Breadcrumbs.css.ts +1 -1
  693. package/src/generated/themes/Button.css.ts +1 -1
  694. package/src/generated/themes/Checkbox.css.ts +1 -1
  695. package/src/generated/themes/ControlButton.css.ts +1 -1
  696. package/src/generated/themes/Footer.css.ts +1 -1
  697. package/src/generated/themes/Link.css.ts +1 -1
  698. package/src/generated/themes/MastheadCountrySelector.css.ts +13 -0
  699. package/src/generated/themes/MastheadItem.css.ts +1 -1
  700. package/src/generated/themes/MastheadMenu.css.ts +1 -1
  701. package/src/generated/themes/MastheadMenuItem.css.ts +1 -1
  702. package/src/generated/themes/MastheadMobileMenu.css.ts +1 -1
  703. package/src/generated/themes/MastheadShell.css.ts +1 -1
  704. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  705. package/{config/dist/generated/themes/Divider.css.js → src/generated/themes/PasswordField.css.ts} +8 -4
  706. package/src/generated/themes/PhoneNumberField.css.ts +1 -1
  707. package/src/generated/themes/ProgressBar.css.ts +1 -1
  708. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  709. package/src/generated/themes/Search.css.ts +1 -1
  710. package/src/generated/themes/SearchSuggestions.css.ts +1 -1
  711. package/src/generated/themes/SearchableList.css.ts +1 -1
  712. package/src/generated/themes/SecondaryNavigation.css.ts +1 -1
  713. package/src/generated/themes/SecondaryNavigationItem.css.ts +1 -1
  714. package/src/generated/themes/SegmentedButtonItem.css.ts +1 -1
  715. package/src/generated/themes/SelectBox.css.ts +1 -1
  716. package/src/generated/themes/Slider.css.ts +1 -1
  717. package/src/generated/themes/Tag.css.ts +1 -1
  718. package/src/generated/themes/Tile.css.ts +1 -1
  719. package/src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts +1 -1
  720. package/src/i18n/messagebundle.properties +10 -2
  721. package/src/i18n/messagebundle_en.properties +4 -1
  722. package/src/mediaPlayerLanguageMapping.ts +114 -0
  723. package/src/themes/Accordion.css +0 -6
  724. package/src/themes/AccordionItem.css +17 -10
  725. package/src/themes/Avatar.css +9 -1
  726. package/src/themes/Badge.css +14 -14
  727. package/src/themes/Breadcrumbs.css +1 -1
  728. package/src/themes/Button.css +16 -17
  729. package/src/themes/Checkbox.css +16 -10
  730. package/src/themes/ControlButton.css +20 -8
  731. package/src/themes/Footer.css +25 -23
  732. package/src/themes/Link.css +29 -6
  733. package/src/themes/MastheadCountrySelector.css +110 -0
  734. package/src/themes/MastheadItem.css +45 -24
  735. package/src/themes/MastheadMenu.css +6 -0
  736. package/src/themes/MastheadMenuItem.css +5 -4
  737. package/src/themes/MastheadMobileMenu.css +3 -1
  738. package/src/themes/MastheadShell.css +5 -9
  739. package/src/themes/MediaPlayer.css +42 -2
  740. package/src/themes/PasswordField.css +3 -0
  741. package/src/themes/PhoneNumberField.css +7 -4
  742. package/src/themes/ProgressBar.css +5 -4
  743. package/src/themes/Search.css +46 -27
  744. package/src/themes/SearchSuggestions.css +3 -6
  745. package/src/themes/SearchableList.css +10 -0
  746. package/src/themes/SecondaryNavigation.css +5 -1
  747. package/src/themes/SecondaryNavigationItem.css +6 -1
  748. package/src/themes/SegmentedButtonItem.css +10 -2
  749. package/src/themes/SelectBox.css +28 -8
  750. package/src/themes/Tag.css +4 -2
  751. package/src/themes/Tile.css +4 -0
  752. package/src/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +3 -8
  753. package/src/types/BadgeDesign.ts +1 -1
  754. package/src/types/List.ts +0 -9
  755. package/src/utils/ListWithFirstLetterFocus.ts +66 -0
  756. package/src/utils/parseRelativeUnits.ts +32 -0
  757. package/config/dist/Accordion.d.ts +0 -76
  758. package/config/dist/Accordion.js +0 -179
  759. package/config/dist/Accordion.js.map +0 -1
  760. package/config/dist/AccordionItem.d.ts +0 -72
  761. package/config/dist/AccordionItem.js +0 -146
  762. package/config/dist/AccordionItem.js.map +0 -1
  763. package/config/dist/Assets.d.ts +0 -3
  764. package/config/dist/Assets.js +0 -10
  765. package/config/dist/Assets.js.map +0 -1
  766. package/config/dist/Avatar.d.ts +0 -128
  767. package/config/dist/Avatar.js +0 -118
  768. package/config/dist/Avatar.js.map +0 -1
  769. package/config/dist/Badge.d.ts +0 -78
  770. package/config/dist/Badge.js +0 -103
  771. package/config/dist/Badge.js.map +0 -1
  772. package/config/dist/Breadcrumbs.d.ts +0 -97
  773. package/config/dist/Breadcrumbs.js +0 -240
  774. package/config/dist/Breadcrumbs.js.map +0 -1
  775. package/config/dist/BreadcrumbsItem.d.ts +0 -28
  776. package/config/dist/BreadcrumbsItem.js +0 -42
  777. package/config/dist/BreadcrumbsItem.js.map +0 -1
  778. package/config/dist/Button.d.ts +0 -133
  779. package/config/dist/Button.js +0 -99
  780. package/config/dist/Button.js.map +0 -1
  781. package/config/dist/Calendar.d.ts +0 -21
  782. package/config/dist/Calendar.js +0 -42
  783. package/config/dist/Calendar.js.map +0 -1
  784. package/config/dist/Carousel.d.ts +0 -76
  785. package/config/dist/Carousel.js +0 -125
  786. package/config/dist/Carousel.js.map +0 -1
  787. package/config/dist/Checkbox.d.ts +0 -24
  788. package/config/dist/Checkbox.js +0 -45
  789. package/config/dist/Checkbox.js.map +0 -1
  790. package/config/dist/DatePicker.d.ts +0 -123
  791. package/config/dist/DatePicker.js +0 -175
  792. package/config/dist/DatePicker.js.map +0 -1
  793. package/config/dist/Divider.d.ts +0 -17
  794. package/config/dist/Divider.js +0 -39
  795. package/config/dist/Divider.js.map +0 -1
  796. package/config/dist/Dropdown.d.ts +0 -125
  797. package/config/dist/Dropdown.js +0 -201
  798. package/config/dist/Dropdown.js.map +0 -1
  799. package/config/dist/DropdownGroupHeaderBase.d.ts +0 -33
  800. package/config/dist/DropdownGroupHeaderBase.js +0 -133
  801. package/config/dist/DropdownGroupHeaderBase.js.map +0 -1
  802. package/config/dist/DropdownList.d.ts +0 -127
  803. package/config/dist/DropdownList.js +0 -243
  804. package/config/dist/DropdownList.js.map +0 -1
  805. package/config/dist/DropdownListGroupHeader.d.ts +0 -49
  806. package/config/dist/DropdownListGroupHeader.js +0 -97
  807. package/config/dist/DropdownListGroupHeader.js.map +0 -1
  808. package/config/dist/DropdownListItem.d.ts +0 -68
  809. package/config/dist/DropdownListItem.js +0 -176
  810. package/config/dist/DropdownListItem.js.map +0 -1
  811. package/config/dist/DropdownListItemBase.d.ts +0 -99
  812. package/config/dist/DropdownListItemBase.js +0 -69
  813. package/config/dist/DropdownListItemBase.js.map +0 -1
  814. package/config/dist/FilterMenu.d.ts +0 -143
  815. package/config/dist/FilterMenu.js +0 -299
  816. package/config/dist/FilterMenu.js.map +0 -1
  817. package/config/dist/FilterMenuGroupHeader.d.ts +0 -40
  818. package/config/dist/FilterMenuGroupHeader.js +0 -51
  819. package/config/dist/FilterMenuGroupHeader.js.map +0 -1
  820. package/config/dist/FilterMenuItem.d.ts +0 -31
  821. package/config/dist/FilterMenuItem.js +0 -47
  822. package/config/dist/FilterMenuItem.js.map +0 -1
  823. package/config/dist/Footer.d.ts +0 -111
  824. package/config/dist/Footer.js +0 -99
  825. package/config/dist/Footer.js.map +0 -1
  826. package/config/dist/HeroBanner.d.ts +0 -86
  827. package/config/dist/HeroBanner.js +0 -74
  828. package/config/dist/HeroBanner.js.map +0 -1
  829. package/config/dist/Link.d.ts +0 -48
  830. package/config/dist/Link.js +0 -68
  831. package/config/dist/Link.js.map +0 -1
  832. package/config/dist/MediaPlayer.d.ts +0 -98
  833. package/config/dist/MediaPlayer.js +0 -105
  834. package/config/dist/MediaPlayer.js.map +0 -1
  835. package/config/dist/MessageStrip.d.ts +0 -100
  836. package/config/dist/MessageStrip.js +0 -145
  837. package/config/dist/MessageStrip.js.map +0 -1
  838. package/config/dist/Modal.d.ts +0 -70
  839. package/config/dist/Modal.js +0 -73
  840. package/config/dist/Modal.js.map +0 -1
  841. package/config/dist/Pagination.d.ts +0 -107
  842. package/config/dist/Pagination.js +0 -272
  843. package/config/dist/Pagination.js.map +0 -1
  844. package/config/dist/PasswordField.d.ts +0 -155
  845. package/config/dist/PasswordField.js +0 -105
  846. package/config/dist/PasswordField.js.map +0 -1
  847. package/config/dist/PhoneNumberField.d.ts +0 -176
  848. package/config/dist/PhoneNumberField.js +0 -270
  849. package/config/dist/PhoneNumberField.js.map +0 -1
  850. package/config/dist/ProgressBar.d.ts +0 -25
  851. package/config/dist/ProgressBar.js +0 -50
  852. package/config/dist/ProgressBar.js.map +0 -1
  853. package/config/dist/Quote.d.ts +0 -81
  854. package/config/dist/Quote.js +0 -72
  855. package/config/dist/Quote.js.map +0 -1
  856. package/config/dist/RadioButton.d.ts +0 -30
  857. package/config/dist/RadioButton.js +0 -49
  858. package/config/dist/RadioButton.js.map +0 -1
  859. package/config/dist/RangeSlider.d.ts +0 -21
  860. package/config/dist/RangeSlider.js +0 -43
  861. package/config/dist/RangeSlider.js.map +0 -1
  862. package/config/dist/RatingIndicator.d.ts +0 -127
  863. package/config/dist/RatingIndicator.js +0 -217
  864. package/config/dist/RatingIndicator.js.map +0 -1
  865. package/config/dist/Search.d.ts +0 -236
  866. package/config/dist/Search.js +0 -450
  867. package/config/dist/Search.js.map +0 -1
  868. package/config/dist/SearchableListBase.d.ts +0 -101
  869. package/config/dist/SearchableListBase.js +0 -237
  870. package/config/dist/SearchableListBase.js.map +0 -1
  871. package/config/dist/Slider.d.ts +0 -21
  872. package/config/dist/Slider.js +0 -42
  873. package/config/dist/Slider.js.map +0 -1
  874. package/config/dist/Switch.d.ts +0 -65
  875. package/config/dist/Switch.js +0 -83
  876. package/config/dist/Switch.js.map +0 -1
  877. package/config/dist/Tab.d.ts +0 -159
  878. package/config/dist/Tab.js +0 -157
  879. package/config/dist/Tab.js.map +0 -1
  880. package/config/dist/TabNavigation.d.ts +0 -175
  881. package/config/dist/TabNavigation.js +0 -650
  882. package/config/dist/TabNavigation.js.map +0 -1
  883. package/config/dist/Tag.d.ts +0 -104
  884. package/config/dist/Tag.js +0 -141
  885. package/config/dist/Tag.js.map +0 -1
  886. package/config/dist/TextArea.d.ts +0 -191
  887. package/config/dist/TextArea.js +0 -182
  888. package/config/dist/TextArea.js.map +0 -1
  889. package/config/dist/TextField.d.ts +0 -178
  890. package/config/dist/TextField.js +0 -139
  891. package/config/dist/TextField.js.map +0 -1
  892. package/config/dist/Tile.d.ts +0 -82
  893. package/config/dist/Tile.js +0 -64
  894. package/config/dist/Tile.js.map +0 -1
  895. package/config/dist/Toast.d.ts +0 -65
  896. package/config/dist/Toast.js +0 -129
  897. package/config/dist/Toast.js.map +0 -1
  898. package/config/dist/Tooltip.d.ts +0 -68
  899. package/config/dist/Tooltip.js +0 -79
  900. package/config/dist/Tooltip.js.map +0 -1
  901. package/config/dist/TruncatedText.d.ts +0 -62
  902. package/config/dist/TruncatedText.js +0 -96
  903. package/config/dist/TruncatedText.js.map +0 -1
  904. package/config/dist/Wizard.d.ts +0 -32
  905. package/config/dist/Wizard.js +0 -167
  906. package/config/dist/Wizard.js.map +0 -1
  907. package/config/dist/WizardStep.d.ts +0 -30
  908. package/config/dist/WizardStep.js +0 -44
  909. package/config/dist/WizardStep.js.map +0 -1
  910. package/config/dist/WizardTab.d.ts +0 -38
  911. package/config/dist/WizardTab.js +0 -56
  912. package/config/dist/WizardTab.js.map +0 -1
  913. package/config/dist/css/themes/Accordion.css +0 -1
  914. package/config/dist/css/themes/AccordionItem.css +0 -1
  915. package/config/dist/css/themes/Avatar.css +0 -1
  916. package/config/dist/css/themes/Badge.css +0 -1
  917. package/config/dist/css/themes/Breadcrumbs.css +0 -1
  918. package/config/dist/css/themes/BreadcrumbsPopover.css +0 -1
  919. package/config/dist/css/themes/Button.css +0 -1
  920. package/config/dist/css/themes/Calendar.css +0 -0
  921. package/config/dist/css/themes/Carousel.css +0 -1
  922. package/config/dist/css/themes/Checkbox.css +0 -1
  923. package/config/dist/css/themes/DatePicker.css +0 -1
  924. package/config/dist/css/themes/Divider.css +0 -1
  925. package/config/dist/css/themes/Dropdown.css +0 -1
  926. package/config/dist/css/themes/DropdownList.css +0 -1
  927. package/config/dist/css/themes/DropdownListGroupHeader.css +0 -1
  928. package/config/dist/css/themes/DropdownListItem.css +0 -1
  929. package/config/dist/css/themes/FilterMenu.css +0 -1
  930. package/config/dist/css/themes/Footer.css +0 -1
  931. package/config/dist/css/themes/HeroBanner.css +0 -1
  932. package/config/dist/css/themes/Link.css +0 -1
  933. package/config/dist/css/themes/MediaPlayer.css +0 -1
  934. package/config/dist/css/themes/MessageStrip.css +0 -1
  935. package/config/dist/css/themes/Modal.css +0 -1
  936. package/config/dist/css/themes/Pagination.css +0 -1
  937. package/config/dist/css/themes/PasswordField.css +0 -1
  938. package/config/dist/css/themes/PhoneNumberField.css +0 -1
  939. package/config/dist/css/themes/ProgressBar.css +0 -1
  940. package/config/dist/css/themes/Quote.css +0 -1
  941. package/config/dist/css/themes/RadioButton.css +0 -1
  942. package/config/dist/css/themes/RatingIndicator.css +0 -1
  943. package/config/dist/css/themes/Search.css +0 -1
  944. package/config/dist/css/themes/SearchSuggestions.css +0 -1
  945. package/config/dist/css/themes/Slider.css +0 -1
  946. package/config/dist/css/themes/Switch.css +0 -1
  947. package/config/dist/css/themes/TabInOverflow.css +0 -1
  948. package/config/dist/css/themes/TabNavigation.css +0 -1
  949. package/config/dist/css/themes/Tag.css +0 -1
  950. package/config/dist/css/themes/TextArea.css +0 -1
  951. package/config/dist/css/themes/TextField.css +0 -1
  952. package/config/dist/css/themes/Tile.css +0 -1
  953. package/config/dist/css/themes/Toast.css +0 -1
  954. package/config/dist/css/themes/Tooltip.css +0 -1
  955. package/config/dist/css/themes/TruncatedText.css +0 -1
  956. package/config/dist/css/themes/Wizard.css +0 -1
  957. package/config/dist/css/themes/WizardTab.css +0 -1
  958. package/config/dist/css/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +0 -1
  959. package/config/dist/css/themes/sap_fiori_3/parameters-bundle.css +0 -0
  960. package/config/dist/css/themes/sap_glow/parameters-bundle.css +0 -0
  961. package/config/dist/css/themes/sap_horizon/parameters-bundle.css +0 -0
  962. package/config/dist/custom-elements-internal.json +0 -5515
  963. package/config/dist/custom-elements.json +0 -5067
  964. package/config/dist/data/CountriesListPhoneNumber.d.ts +0 -12
  965. package/config/dist/data/CountriesListPhoneNumber.js +0 -53
  966. package/config/dist/data/CountriesListPhoneNumber.js.map +0 -1
  967. package/config/dist/features/SearchSuggestionsPopover.d.ts +0 -42
  968. package/config/dist/features/SearchSuggestionsPopover.js +0 -117
  969. package/config/dist/features/SearchSuggestionsPopover.js.map +0 -1
  970. package/config/dist/generated/assets/i18n/messagebundle_de.json +0 -1
  971. package/config/dist/generated/assets/i18n/messagebundle_en.json +0 -1
  972. package/config/dist/generated/assets/i18n/messagebundle_es.json +0 -1
  973. package/config/dist/generated/assets/i18n/messagebundle_fr.json +0 -1
  974. package/config/dist/generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json +0 -1
  975. package/config/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +0 -1
  976. package/config/dist/generated/assets/themes/sap_glow/parameters-bundle.css.json +0 -1
  977. package/config/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +0 -1
  978. package/config/dist/generated/i18n/i18n-defaults.d.ts +0 -30
  979. package/config/dist/generated/i18n/i18n-defaults.js +0 -30
  980. package/config/dist/generated/i18n/i18n-defaults.js.map +0 -1
  981. package/config/dist/generated/json-imports/Themes-static.d.ts +0 -1
  982. package/config/dist/generated/json-imports/Themes-static.js +0 -19
  983. package/config/dist/generated/json-imports/Themes-static.js.map +0 -1
  984. package/config/dist/generated/json-imports/Themes.d.ts +0 -1
  985. package/config/dist/generated/json-imports/Themes.js +0 -19
  986. package/config/dist/generated/json-imports/Themes.js.map +0 -1
  987. package/config/dist/generated/json-imports/i18n-static.d.ts +0 -1
  988. package/config/dist/generated/json-imports/i18n-static.js +0 -27
  989. package/config/dist/generated/json-imports/i18n-static.js.map +0 -1
  990. package/config/dist/generated/json-imports/i18n.d.ts +0 -1
  991. package/config/dist/generated/json-imports/i18n.js +0 -26
  992. package/config/dist/generated/json-imports/i18n.js.map +0 -1
  993. package/config/dist/generated/templates/AccordionItemTemplate.lit.d.ts +0 -4
  994. package/config/dist/generated/templates/AccordionItemTemplate.lit.js +0 -5
  995. package/config/dist/generated/templates/AccordionItemTemplate.lit.js.map +0 -1
  996. package/config/dist/generated/templates/AccordionTemplate.lit.d.ts +0 -4
  997. package/config/dist/generated/templates/AccordionTemplate.lit.js +0 -6
  998. package/config/dist/generated/templates/AccordionTemplate.lit.js.map +0 -1
  999. package/config/dist/generated/templates/AvatarTemplate.lit.d.ts +0 -4
  1000. package/config/dist/generated/templates/AvatarTemplate.lit.js +0 -7
  1001. package/config/dist/generated/templates/AvatarTemplate.lit.js.map +0 -1
  1002. package/config/dist/generated/templates/BadgeTemplate.lit.d.ts +0 -4
  1003. package/config/dist/generated/templates/BadgeTemplate.lit.js +0 -7
  1004. package/config/dist/generated/templates/BadgeTemplate.lit.js.map +0 -1
  1005. package/config/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.d.ts +0 -4
  1006. package/config/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +0 -10
  1007. package/config/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +0 -1
  1008. package/config/dist/generated/templates/BreadcrumbsTemplate.lit.d.ts +0 -4
  1009. package/config/dist/generated/templates/BreadcrumbsTemplate.lit.js +0 -7
  1010. package/config/dist/generated/templates/BreadcrumbsTemplate.lit.js.map +0 -1
  1011. package/config/dist/generated/templates/ButtonTemplate.lit.d.ts +0 -4
  1012. package/config/dist/generated/templates/ButtonTemplate.lit.js +0 -6
  1013. package/config/dist/generated/templates/ButtonTemplate.lit.js.map +0 -1
  1014. package/config/dist/generated/templates/CarouselTemplate.lit.d.ts +0 -4
  1015. package/config/dist/generated/templates/CarouselTemplate.lit.js +0 -8
  1016. package/config/dist/generated/templates/CarouselTemplate.lit.js.map +0 -1
  1017. package/config/dist/generated/templates/DatePickerTemplate.lit.d.ts +0 -4
  1018. package/config/dist/generated/templates/DatePickerTemplate.lit.js +0 -6
  1019. package/config/dist/generated/templates/DatePickerTemplate.lit.js.map +0 -1
  1020. package/config/dist/generated/templates/DividerTemplate.lit.d.ts +0 -4
  1021. package/config/dist/generated/templates/DividerTemplate.lit.js +0 -5
  1022. package/config/dist/generated/templates/DividerTemplate.lit.js.map +0 -1
  1023. package/config/dist/generated/templates/DropdownListGroupHeaderTemplate.lit.js +0 -8
  1024. package/config/dist/generated/templates/DropdownListGroupHeaderTemplate.lit.js.map +0 -1
  1025. package/config/dist/generated/templates/DropdownListItemTemplate.lit.d.ts +0 -4
  1026. package/config/dist/generated/templates/DropdownListItemTemplate.lit.js +0 -8
  1027. package/config/dist/generated/templates/DropdownListItemTemplate.lit.js.map +0 -1
  1028. package/config/dist/generated/templates/DropdownListTemplate.lit.d.ts +0 -4
  1029. package/config/dist/generated/templates/DropdownListTemplate.lit.js +0 -6
  1030. package/config/dist/generated/templates/DropdownListTemplate.lit.js.map +0 -1
  1031. package/config/dist/generated/templates/DropdownTemplate.lit.d.ts +0 -4
  1032. package/config/dist/generated/templates/DropdownTemplate.lit.js +0 -8
  1033. package/config/dist/generated/templates/DropdownTemplate.lit.js.map +0 -1
  1034. package/config/dist/generated/templates/FilterMenuTemplate.lit.d.ts +0 -4
  1035. package/config/dist/generated/templates/FilterMenuTemplate.lit.js +0 -7
  1036. package/config/dist/generated/templates/FilterMenuTemplate.lit.js.map +0 -1
  1037. package/config/dist/generated/templates/FooterTemplate.lit.d.ts +0 -4
  1038. package/config/dist/generated/templates/FooterTemplate.lit.js +0 -28
  1039. package/config/dist/generated/templates/FooterTemplate.lit.js.map +0 -1
  1040. package/config/dist/generated/templates/HeroBannerTemplate.lit.d.ts +0 -4
  1041. package/config/dist/generated/templates/HeroBannerTemplate.lit.js +0 -9
  1042. package/config/dist/generated/templates/HeroBannerTemplate.lit.js.map +0 -1
  1043. package/config/dist/generated/templates/LinkTemplate.lit.d.ts +0 -4
  1044. package/config/dist/generated/templates/LinkTemplate.lit.js +0 -8
  1045. package/config/dist/generated/templates/LinkTemplate.lit.js.map +0 -1
  1046. package/config/dist/generated/templates/MediaPlayerTemplate.lit.d.ts +0 -4
  1047. package/config/dist/generated/templates/MediaPlayerTemplate.lit.js +0 -12
  1048. package/config/dist/generated/templates/MediaPlayerTemplate.lit.js.map +0 -1
  1049. package/config/dist/generated/templates/MessageStripTemplate.lit.d.ts +0 -4
  1050. package/config/dist/generated/templates/MessageStripTemplate.lit.js +0 -7
  1051. package/config/dist/generated/templates/MessageStripTemplate.lit.js.map +0 -1
  1052. package/config/dist/generated/templates/ModalTemplate.lit.d.ts +0 -4
  1053. package/config/dist/generated/templates/ModalTemplate.lit.js +0 -7
  1054. package/config/dist/generated/templates/ModalTemplate.lit.js.map +0 -1
  1055. package/config/dist/generated/templates/PaginationTemplate.lit.d.ts +0 -4
  1056. package/config/dist/generated/templates/PaginationTemplate.lit.js +0 -11
  1057. package/config/dist/generated/templates/PaginationTemplate.lit.js.map +0 -1
  1058. package/config/dist/generated/templates/PasswordFieldTemplate.lit.d.ts +0 -4
  1059. package/config/dist/generated/templates/PasswordFieldTemplate.lit.js +0 -6
  1060. package/config/dist/generated/templates/PasswordFieldTemplate.lit.js.map +0 -1
  1061. package/config/dist/generated/templates/PhoneNumberFieldTemplate.lit.d.ts +0 -4
  1062. package/config/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +0 -12
  1063. package/config/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +0 -1
  1064. package/config/dist/generated/templates/ProgressBarTemplate.lit.d.ts +0 -4
  1065. package/config/dist/generated/templates/ProgressBarTemplate.lit.js +0 -5
  1066. package/config/dist/generated/templates/ProgressBarTemplate.lit.js.map +0 -1
  1067. package/config/dist/generated/templates/QuoteTemplate.lit.d.ts +0 -4
  1068. package/config/dist/generated/templates/QuoteTemplate.lit.js +0 -8
  1069. package/config/dist/generated/templates/QuoteTemplate.lit.js.map +0 -1
  1070. package/config/dist/generated/templates/RatingIndicatorTemplate.lit.d.ts +0 -4
  1071. package/config/dist/generated/templates/RatingIndicatorTemplate.lit.js +0 -15
  1072. package/config/dist/generated/templates/RatingIndicatorTemplate.lit.js.map +0 -1
  1073. package/config/dist/generated/templates/SearchSuggestionsTemplate.lit.d.ts +0 -4
  1074. package/config/dist/generated/templates/SearchSuggestionsTemplate.lit.js +0 -10
  1075. package/config/dist/generated/templates/SearchSuggestionsTemplate.lit.js.map +0 -1
  1076. package/config/dist/generated/templates/SearchTemplate.lit.d.ts +0 -4
  1077. package/config/dist/generated/templates/SearchTemplate.lit.js +0 -9
  1078. package/config/dist/generated/templates/SearchTemplate.lit.js.map +0 -1
  1079. package/config/dist/generated/templates/SearchableListBaseTemplate.lit.d.ts +0 -4
  1080. package/config/dist/generated/templates/SearchableListBaseTemplate.lit.js +0 -10
  1081. package/config/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +0 -1
  1082. package/config/dist/generated/templates/SwitchTemplate.lit.d.ts +0 -4
  1083. package/config/dist/generated/templates/SwitchTemplate.lit.js +0 -12
  1084. package/config/dist/generated/templates/SwitchTemplate.lit.js.map +0 -1
  1085. package/config/dist/generated/templates/TabHeaderTemplate.lit.d.ts +0 -4
  1086. package/config/dist/generated/templates/TabHeaderTemplate.lit.js +0 -12
  1087. package/config/dist/generated/templates/TabHeaderTemplate.lit.js.map +0 -1
  1088. package/config/dist/generated/templates/TabInOverflowTemplate.lit.d.ts +0 -4
  1089. package/config/dist/generated/templates/TabInOverflowTemplate.lit.js +0 -13
  1090. package/config/dist/generated/templates/TabInOverflowTemplate.lit.js.map +0 -1
  1091. package/config/dist/generated/templates/TabNavigationPopoverTemplate.lit.d.ts +0 -4
  1092. package/config/dist/generated/templates/TabNavigationPopoverTemplate.lit.js +0 -6
  1093. package/config/dist/generated/templates/TabNavigationPopoverTemplate.lit.js.map +0 -1
  1094. package/config/dist/generated/templates/TabNavigationTemplate.lit.d.ts +0 -4
  1095. package/config/dist/generated/templates/TabNavigationTemplate.lit.js +0 -7
  1096. package/config/dist/generated/templates/TabNavigationTemplate.lit.js.map +0 -1
  1097. package/config/dist/generated/templates/TabTemplate.lit.d.ts +0 -4
  1098. package/config/dist/generated/templates/TabTemplate.lit.js +0 -5
  1099. package/config/dist/generated/templates/TabTemplate.lit.js.map +0 -1
  1100. package/config/dist/generated/templates/TagTemplate.lit.d.ts +0 -4
  1101. package/config/dist/generated/templates/TagTemplate.lit.js +0 -7
  1102. package/config/dist/generated/templates/TagTemplate.lit.js.map +0 -1
  1103. package/config/dist/generated/templates/TextAreaTemplate.lit.d.ts +0 -4
  1104. package/config/dist/generated/templates/TextAreaTemplate.lit.js +0 -9
  1105. package/config/dist/generated/templates/TextAreaTemplate.lit.js.map +0 -1
  1106. package/config/dist/generated/templates/TextFieldTemplate.lit.d.ts +0 -4
  1107. package/config/dist/generated/templates/TextFieldTemplate.lit.js +0 -9
  1108. package/config/dist/generated/templates/TextFieldTemplate.lit.js.map +0 -1
  1109. package/config/dist/generated/templates/TileTemplate.lit.d.ts +0 -4
  1110. package/config/dist/generated/templates/TileTemplate.lit.js +0 -7
  1111. package/config/dist/generated/templates/TileTemplate.lit.js.map +0 -1
  1112. package/config/dist/generated/templates/ToastTemplate.lit.d.ts +0 -4
  1113. package/config/dist/generated/templates/ToastTemplate.lit.js +0 -7
  1114. package/config/dist/generated/templates/ToastTemplate.lit.js.map +0 -1
  1115. package/config/dist/generated/templates/TooltipTemplate.lit.d.ts +0 -4
  1116. package/config/dist/generated/templates/TooltipTemplate.lit.js +0 -6
  1117. package/config/dist/generated/templates/TooltipTemplate.lit.js.map +0 -1
  1118. package/config/dist/generated/templates/TruncatedTextTemplate.lit.d.ts +0 -4
  1119. package/config/dist/generated/templates/TruncatedTextTemplate.lit.js +0 -5
  1120. package/config/dist/generated/templates/TruncatedTextTemplate.lit.js.map +0 -1
  1121. package/config/dist/generated/templates/WizardTemplate.lit.d.ts +0 -4
  1122. package/config/dist/generated/templates/WizardTemplate.lit.js +0 -7
  1123. package/config/dist/generated/templates/WizardTemplate.lit.js.map +0 -1
  1124. package/config/dist/generated/themes/Accordion.css.js +0 -9
  1125. package/config/dist/generated/themes/Accordion.css.js.map +0 -1
  1126. package/config/dist/generated/themes/AccordionItem.css.d.ts +0 -3
  1127. package/config/dist/generated/themes/AccordionItem.css.js +0 -9
  1128. package/config/dist/generated/themes/AccordionItem.css.js.map +0 -1
  1129. package/config/dist/generated/themes/Avatar.css.d.ts +0 -3
  1130. package/config/dist/generated/themes/Avatar.css.js +0 -9
  1131. package/config/dist/generated/themes/Avatar.css.js.map +0 -1
  1132. package/config/dist/generated/themes/Badge.css.d.ts +0 -3
  1133. package/config/dist/generated/themes/Badge.css.js +0 -9
  1134. package/config/dist/generated/themes/Badge.css.js.map +0 -1
  1135. package/config/dist/generated/themes/Breadcrumbs.css.d.ts +0 -3
  1136. package/config/dist/generated/themes/Breadcrumbs.css.js +0 -9
  1137. package/config/dist/generated/themes/Breadcrumbs.css.js.map +0 -1
  1138. package/config/dist/generated/themes/BreadcrumbsPopover.css.d.ts +0 -3
  1139. package/config/dist/generated/themes/BreadcrumbsPopover.css.js +0 -9
  1140. package/config/dist/generated/themes/BreadcrumbsPopover.css.js.map +0 -1
  1141. package/config/dist/generated/themes/Button.css.d.ts +0 -3
  1142. package/config/dist/generated/themes/Button.css.js +0 -9
  1143. package/config/dist/generated/themes/Button.css.js.map +0 -1
  1144. package/config/dist/generated/themes/Calendar.css.d.ts +0 -3
  1145. package/config/dist/generated/themes/Calendar.css.js.map +0 -1
  1146. package/config/dist/generated/themes/Carousel.css.d.ts +0 -3
  1147. package/config/dist/generated/themes/Carousel.css.js +0 -9
  1148. package/config/dist/generated/themes/Carousel.css.js.map +0 -1
  1149. package/config/dist/generated/themes/Checkbox.css.d.ts +0 -3
  1150. package/config/dist/generated/themes/Checkbox.css.js +0 -9
  1151. package/config/dist/generated/themes/Checkbox.css.js.map +0 -1
  1152. package/config/dist/generated/themes/DatePicker.css.d.ts +0 -3
  1153. package/config/dist/generated/themes/DatePicker.css.js +0 -9
  1154. package/config/dist/generated/themes/DatePicker.css.js.map +0 -1
  1155. package/config/dist/generated/themes/Divider.css.d.ts +0 -3
  1156. package/config/dist/generated/themes/Divider.css.js.map +0 -1
  1157. package/config/dist/generated/themes/Dropdown.css.d.ts +0 -3
  1158. package/config/dist/generated/themes/Dropdown.css.js +0 -9
  1159. package/config/dist/generated/themes/Dropdown.css.js.map +0 -1
  1160. package/config/dist/generated/themes/DropdownList.css.d.ts +0 -3
  1161. package/config/dist/generated/themes/DropdownList.css.js +0 -9
  1162. package/config/dist/generated/themes/DropdownList.css.js.map +0 -1
  1163. package/config/dist/generated/themes/DropdownListGroupHeader.css.d.ts +0 -3
  1164. package/config/dist/generated/themes/DropdownListGroupHeader.css.js +0 -9
  1165. package/config/dist/generated/themes/DropdownListGroupHeader.css.js.map +0 -1
  1166. package/config/dist/generated/themes/DropdownListItem.css.d.ts +0 -3
  1167. package/config/dist/generated/themes/DropdownListItem.css.js +0 -9
  1168. package/config/dist/generated/themes/DropdownListItem.css.js.map +0 -1
  1169. package/config/dist/generated/themes/FilterMenu.css.d.ts +0 -3
  1170. package/config/dist/generated/themes/FilterMenu.css.js +0 -9
  1171. package/config/dist/generated/themes/FilterMenu.css.js.map +0 -1
  1172. package/config/dist/generated/themes/Footer.css.d.ts +0 -3
  1173. package/config/dist/generated/themes/Footer.css.js +0 -9
  1174. package/config/dist/generated/themes/Footer.css.js.map +0 -1
  1175. package/config/dist/generated/themes/HeroBanner.css.d.ts +0 -3
  1176. package/config/dist/generated/themes/HeroBanner.css.js +0 -9
  1177. package/config/dist/generated/themes/HeroBanner.css.js.map +0 -1
  1178. package/config/dist/generated/themes/Link.css.d.ts +0 -3
  1179. package/config/dist/generated/themes/Link.css.js +0 -9
  1180. package/config/dist/generated/themes/Link.css.js.map +0 -1
  1181. package/config/dist/generated/themes/MediaPlayer.css.d.ts +0 -3
  1182. package/config/dist/generated/themes/MediaPlayer.css.js +0 -9
  1183. package/config/dist/generated/themes/MediaPlayer.css.js.map +0 -1
  1184. package/config/dist/generated/themes/MessageStrip.css.d.ts +0 -3
  1185. package/config/dist/generated/themes/MessageStrip.css.js +0 -9
  1186. package/config/dist/generated/themes/MessageStrip.css.js.map +0 -1
  1187. package/config/dist/generated/themes/Modal.css.d.ts +0 -3
  1188. package/config/dist/generated/themes/Modal.css.js +0 -9
  1189. package/config/dist/generated/themes/Modal.css.js.map +0 -1
  1190. package/config/dist/generated/themes/Pagination.css.d.ts +0 -3
  1191. package/config/dist/generated/themes/Pagination.css.js +0 -9
  1192. package/config/dist/generated/themes/Pagination.css.js.map +0 -1
  1193. package/config/dist/generated/themes/PasswordField.css.js +0 -9
  1194. package/config/dist/generated/themes/PasswordField.css.js.map +0 -1
  1195. package/config/dist/generated/themes/PhoneNumberField.css.d.ts +0 -3
  1196. package/config/dist/generated/themes/PhoneNumberField.css.js +0 -9
  1197. package/config/dist/generated/themes/PhoneNumberField.css.js.map +0 -1
  1198. package/config/dist/generated/themes/ProgressBar.css.d.ts +0 -3
  1199. package/config/dist/generated/themes/ProgressBar.css.js +0 -9
  1200. package/config/dist/generated/themes/ProgressBar.css.js.map +0 -1
  1201. package/config/dist/generated/themes/Quote.css.d.ts +0 -3
  1202. package/config/dist/generated/themes/Quote.css.js +0 -9
  1203. package/config/dist/generated/themes/Quote.css.js.map +0 -1
  1204. package/config/dist/generated/themes/RadioButton.css.d.ts +0 -3
  1205. package/config/dist/generated/themes/RadioButton.css.js +0 -9
  1206. package/config/dist/generated/themes/RadioButton.css.js.map +0 -1
  1207. package/config/dist/generated/themes/RatingIndicator.css.d.ts +0 -3
  1208. package/config/dist/generated/themes/RatingIndicator.css.js +0 -9
  1209. package/config/dist/generated/themes/RatingIndicator.css.js.map +0 -1
  1210. package/config/dist/generated/themes/Search.css.d.ts +0 -3
  1211. package/config/dist/generated/themes/Search.css.js +0 -9
  1212. package/config/dist/generated/themes/Search.css.js.map +0 -1
  1213. package/config/dist/generated/themes/SearchSuggestions.css.d.ts +0 -3
  1214. package/config/dist/generated/themes/SearchSuggestions.css.js +0 -9
  1215. package/config/dist/generated/themes/SearchSuggestions.css.js.map +0 -1
  1216. package/config/dist/generated/themes/Slider.css.d.ts +0 -3
  1217. package/config/dist/generated/themes/Slider.css.js +0 -9
  1218. package/config/dist/generated/themes/Slider.css.js.map +0 -1
  1219. package/config/dist/generated/themes/Switch.css.d.ts +0 -3
  1220. package/config/dist/generated/themes/Switch.css.js +0 -9
  1221. package/config/dist/generated/themes/Switch.css.js.map +0 -1
  1222. package/config/dist/generated/themes/TabInOverflow.css.d.ts +0 -3
  1223. package/config/dist/generated/themes/TabInOverflow.css.js +0 -9
  1224. package/config/dist/generated/themes/TabInOverflow.css.js.map +0 -1
  1225. package/config/dist/generated/themes/TabNavigation.css.d.ts +0 -3
  1226. package/config/dist/generated/themes/TabNavigation.css.js +0 -9
  1227. package/config/dist/generated/themes/TabNavigation.css.js.map +0 -1
  1228. package/config/dist/generated/themes/Tag.css.d.ts +0 -3
  1229. package/config/dist/generated/themes/Tag.css.js +0 -9
  1230. package/config/dist/generated/themes/Tag.css.js.map +0 -1
  1231. package/config/dist/generated/themes/TextArea.css.d.ts +0 -3
  1232. package/config/dist/generated/themes/TextArea.css.js +0 -9
  1233. package/config/dist/generated/themes/TextArea.css.js.map +0 -1
  1234. package/config/dist/generated/themes/TextField.css.d.ts +0 -3
  1235. package/config/dist/generated/themes/TextField.css.js +0 -9
  1236. package/config/dist/generated/themes/TextField.css.js.map +0 -1
  1237. package/config/dist/generated/themes/Tile.css.d.ts +0 -3
  1238. package/config/dist/generated/themes/Tile.css.js +0 -9
  1239. package/config/dist/generated/themes/Tile.css.js.map +0 -1
  1240. package/config/dist/generated/themes/Toast.css.d.ts +0 -3
  1241. package/config/dist/generated/themes/Toast.css.js +0 -9
  1242. package/config/dist/generated/themes/Toast.css.js.map +0 -1
  1243. package/config/dist/generated/themes/Tooltip.css.d.ts +0 -3
  1244. package/config/dist/generated/themes/Tooltip.css.js +0 -9
  1245. package/config/dist/generated/themes/Tooltip.css.js.map +0 -1
  1246. package/config/dist/generated/themes/TruncatedText.css.d.ts +0 -3
  1247. package/config/dist/generated/themes/TruncatedText.css.js +0 -9
  1248. package/config/dist/generated/themes/TruncatedText.css.js.map +0 -1
  1249. package/config/dist/generated/themes/Wizard.css.d.ts +0 -3
  1250. package/config/dist/generated/themes/Wizard.css.js +0 -9
  1251. package/config/dist/generated/themes/Wizard.css.js.map +0 -1
  1252. package/config/dist/generated/themes/WizardTab.css.d.ts +0 -3
  1253. package/config/dist/generated/themes/WizardTab.css.js +0 -9
  1254. package/config/dist/generated/themes/WizardTab.css.js.map +0 -1
  1255. package/config/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.d.ts +0 -3
  1256. package/config/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js +0 -4
  1257. package/config/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js.map +0 -1
  1258. package/config/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +0 -3
  1259. package/config/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +0 -3
  1260. package/config/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +0 -1
  1261. package/config/dist/generated/themes/sap_glow/parameters-bundle.css.d.ts +0 -3
  1262. package/config/dist/generated/themes/sap_glow/parameters-bundle.css.js +0 -3
  1263. package/config/dist/generated/themes/sap_glow/parameters-bundle.css.js.map +0 -1
  1264. package/config/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +0 -3
  1265. package/config/dist/generated/themes/sap_horizon/parameters-bundle.css.js +0 -3
  1266. package/config/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +0 -1
  1267. package/config/dist/i18n/messagebundle.properties +0 -58
  1268. package/config/dist/i18n/messagebundle_de.properties +0 -3
  1269. package/config/dist/i18n/messagebundle_en.properties +0 -28
  1270. package/config/dist/i18n/messagebundle_es.properties +0 -3
  1271. package/config/dist/i18n/messagebundle_fr.properties +0 -3
  1272. package/config/dist/types/Dropdown.d.ts +0 -16
  1273. package/config/dist/types/Dropdown.js +0 -20
  1274. package/config/dist/types/Dropdown.js.map +0 -1
  1275. package/config/dist/types/SearchableListBase.d.ts +0 -7
  1276. package/config/dist/types/SearchableListBase.js +0 -2
  1277. package/config/dist/types/SearchableListBase.js.map +0 -1
  1278. package/config/dist/utils/debounce.d.ts +0 -3
  1279. package/config/dist/utils/debounce.js +0 -9
  1280. package/config/dist/utils/debounce.js.map +0 -1
  1281. package/config/dist/utils/redirectAttributes.d.ts +0 -2
  1282. package/config/dist/utils/redirectAttributes.js +0 -10
  1283. package/config/dist/utils/redirectAttributes.js.map +0 -1
  1284. package/config/dist/vscode.html-custom-data.json +0 -1130
  1285. package/config/dist/web-types.json +0 -2420
  1286. package/dist/assets/bundle.esm-44fd7c69.js +0 -329
  1287. package/dist/assets/messagebundle_en-59e0affd.js +0 -1
  1288. package/dist/assets/parameters-bundle.css-016bfbb1.js +0 -2
  1289. package/dist/assets/parameters-bundle.css-16e19728.js +0 -2
  1290. package/dist/assets/parameters-bundle.css-2450af31.js +0 -2
  1291. package/dist/assets/parameters-bundle.css-4f454042.js +0 -2
  1292. package/dist/assets/parameters-bundle.css-5ce14c26.js +0 -2
  1293. package/dist/assets/parameters-bundle.css-9447025f.js +0 -2
  1294. package/dist/assets/parameters-bundle.css-9b55bfaa.js +0 -2
  1295. package/dist/assets/parameters-bundle.css-9b8c1377.js +0 -2
  1296. package/dist/assets/parameters-bundle.css-bd4a2e6d.js +0 -2
  1297. package/dist/assets/parameters-bundle.css-beef06a9.js +0 -2
  1298. package/dist/assets/parameters-bundle.css-ebfade1e.js +0 -2
  1299. package/dist/assets/parameters-bundle.css-f2662097.js +0 -2
  1300. package/dist/utils/listItemLabelStartsWithKeyFocus.d.ts +0 -3
  1301. package/dist/utils/listItemLabelStartsWithKeyFocus.js +0 -55
  1302. package/dist/utils/listItemLabelStartsWithKeyFocus.js.map +0 -1
  1303. package/src/utils/listItemLabelStartsWithKeyFocus.ts +0 -74
  1304. /package/{config/dist/generated/themes/Accordion.css.d.ts → dist/generated/themes/MastheadCountrySelector.css.d.ts} +0 -0
  1305. /package/{config/dist → dist}/generated/themes/PasswordField.css.d.ts +0 -0
@@ -0,0 +1,66 @@
1
+ import { findFirstItemLabelStartsWithLetterKey, findNextItemLabelStartsWithKey, getSearchedKeyItemsCount } from "./listItemLabelUtils.js";
2
+
3
+ export interface UDExListWithFirstLetterFocus {
4
+ _focusableListItems: Array<Element>,
5
+ _pressedKey: string,
6
+ _pressedCount: number,
7
+ _lastFoundPosition: number,
8
+ focusMatchingListItem: (letterKey: string) => void,
9
+ getFocusItemIndex: (letterKey: string, items: Element[], searchedKeyItemsCount: number) => number,
10
+ setPressedKey: (letterKey: string) => void,
11
+ resetMatchingItems: () => void
12
+ }
13
+
14
+ export default class UDExFirstLetterFocusHandler {
15
+ _focusableListItems!: Element[];
16
+ _pressedKey!: string;
17
+ _pressedCount!: number;
18
+ _lastFoundPosition!: number;
19
+
20
+ resetMatchingItems(): void {
21
+ this._pressedKey = "";
22
+ this._pressedCount = 0;
23
+ this._lastFoundPosition = 0;
24
+ }
25
+
26
+ setPressedKey(letterKey: string): void {
27
+ if (letterKey === this._pressedKey) {
28
+ this._pressedCount++;
29
+ } else {
30
+ this._pressedKey = letterKey;
31
+ this._pressedCount = 1;
32
+ this._lastFoundPosition = 0;
33
+ }
34
+ }
35
+
36
+ getFocusItemIndex(letterKey: string, items: Element[], searchedKeyItemsCount: number): number {
37
+ let focusIndex: number;
38
+
39
+ if (this._pressedCount <= searchedKeyItemsCount) {
40
+ const startPosition = (this._pressedCount === 1 ? 0 : this._lastFoundPosition + 1);
41
+ focusIndex = findItemLabelWithLetterIndex(letterKey, items, startPosition) + this._lastFoundPosition;
42
+ if (this._pressedCount !== 1) {
43
+ focusIndex++;
44
+ }
45
+ } else {
46
+ focusIndex = findItemLabelWithLetterIndex(letterKey, items);
47
+ this._pressedCount = 1;
48
+ }
49
+ return focusIndex;
50
+ }
51
+
52
+ focusMatchingListItem(letterKey: string): void {
53
+ const searchedKeyItemsCount = getSearchedKeyItemsCount(letterKey, this._focusableListItems);
54
+
55
+ if (searchedKeyItemsCount > 0) {
56
+ this.setPressedKey(letterKey);
57
+ const matchingItemIndex = this.getFocusItemIndex(letterKey, this._focusableListItems, searchedKeyItemsCount);
58
+ this._lastFoundPosition = matchingItemIndex;
59
+ (this._focusableListItems[matchingItemIndex] as HTMLElement).focus();
60
+ }
61
+ }
62
+ }
63
+
64
+ export const findItemLabelWithLetterIndex = (letterKey: string, items: Element[], startPosition: number = 0): number => {
65
+ return startPosition === 0 ? findFirstItemLabelStartsWithLetterKey(letterKey, items) : findNextItemLabelStartsWithKey(letterKey, items, startPosition);
66
+ };
@@ -0,0 +1,32 @@
1
+ type Units = "px" | "vh" | "vw" | "rem" | "em" | "%";
2
+
3
+ export type RelativeValue = `${number}${Units}`;
4
+
5
+ function parseRelativeUnits(value: RelativeValue, element: HTMLElement): number {
6
+ const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
7
+ const parentHeight = element.parentElement?.offsetHeight ?? window.innerHeight;
8
+ const elementFontSize = parseFloat(getComputedStyle(element).fontSize);
9
+
10
+ const num = parseFloat(value);
11
+ const unit = value.replace(`${num}`, "").trim();
12
+
13
+ switch (unit) {
14
+ case "vh":
15
+ return (num / 100) * window.innerHeight;
16
+ case "vw":
17
+ return (num / 100) * window.innerWidth;
18
+ case "rem":
19
+ return num * rootFontSize;
20
+ case "em":
21
+ return num * elementFontSize;
22
+ case "%":
23
+ return (num / 100) * parentHeight;
24
+ case "px":
25
+ case "":
26
+ return num;
27
+ default:
28
+ return num;
29
+ }
30
+ }
31
+
32
+ export default parseRelativeUnits;
@@ -1,76 +0,0 @@
1
- import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
- import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
3
- import "@ui5/webcomponents-icons/dist/feeder-arrow.js";
4
- /**
5
- * @class
6
- *
7
- * <h3 class="comment-api-title">Overview</h3>
8
- *
9
- *
10
- * <h3>Usage</h3>
11
- *
12
- * For the <code>udex-accordion</code>
13
- * <h3>ES6 Module Import</h3>
14
- *
15
- * <code>import @udex/web-components/dist/Accordion.js";</code>
16
- *
17
- * @constructor
18
- * @author SAP SE
19
- * @alias udex.components.UDExAccordion
20
- * @extends sap.ui.webc.base.UI5Element
21
- * @tagname udex-accordion
22
- * @public
23
- */
24
- declare class UDExAccordion extends UI5Element {
25
- /**
26
- * Used internally to store expand/collapse button state.
27
- *
28
- * @type {boolean}
29
- * @name sap.ui.webc.web-components.UDExAccordion.prototype.allExpanded
30
- * @private
31
- */
32
- _allExpanded: boolean;
33
- /**
34
- * Defines direction of the accordion component.
35
- *
36
- * @type {string}
37
- * @name sap.ui.webc.udex.UDExAccordion.prototype.direction
38
- * @private
39
- */
40
- _direction?: string;
41
- /**
42
- * Defines the headline text of the accordion component.
43
- *
44
- * @type {string}
45
- * @name sap.ui.webc.udex.UDExAccordion.prototype.headline
46
- * @defaultvalue ""
47
- * @public
48
- */
49
- headline: string;
50
- /**
51
- * Slot for accordion items.
52
- *
53
- * @type {HTMLElement[]}
54
- * @name sap.ui.webc.web-components.UDExAccordion.prototype.items
55
- * @slot
56
- * @public
57
- */
58
- _items: Array<HTMLElement>;
59
- _activeItemIndex: number;
60
- static i18nBundle: I18nBundle;
61
- constructor();
62
- static onDefine(): Promise<void>;
63
- get accordionClass(): string;
64
- get toggleAllText(): string;
65
- get isExpanded(): boolean;
66
- get items(): {
67
- item: HTMLElement;
68
- }[];
69
- get headlineText(): string;
70
- toggleAllHandler(e: Event): void;
71
- toggleKeyAllHandler(e: KeyboardEvent): void;
72
- keydownHandler(e: KeyboardEvent): void;
73
- itemFocusHandler(e: CustomEvent): void;
74
- onAfterRendering(): void;
75
- }
76
- export default UDExAccordion;
@@ -1,179 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- var UDExAccordion_1;
8
- import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
9
- import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
10
- import property from "@ui5/webcomponents-base/dist/decorators/property.js";
11
- import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
12
- import event from "@ui5/webcomponents-base/dist/decorators/event.js";
13
- import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
14
- import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
15
- import "@ui5/webcomponents-icons/dist/feeder-arrow.js";
16
- import { isEnter, isSpace, } from "@ui5/webcomponents-base/dist/Keys.js";
17
- import AccordionTemplate from "./generated/templates/AccordionTemplate.lit.js";
18
- // Styles
19
- import AccordionCss from "./generated/themes/Accordion.css.js";
20
- import { COLLAPSE_ALL, EXPAND_ALL } from "./generated/i18n/i18n-defaults.js";
21
- /**
22
- * @class
23
- *
24
- * <h3 class="comment-api-title">Overview</h3>
25
- *
26
- *
27
- * <h3>Usage</h3>
28
- *
29
- * For the <code>udex-accordion</code>
30
- * <h3>ES6 Module Import</h3>
31
- *
32
- * <code>import @udex/web-components/dist/Accordion.js";</code>
33
- *
34
- * @constructor
35
- * @author SAP SE
36
- * @alias udex.components.UDExAccordion
37
- * @extends sap.ui.webc.base.UI5Element
38
- * @tagname udex-accordion
39
- * @public
40
- */
41
- let UDExAccordion = UDExAccordion_1 = class UDExAccordion extends UI5Element {
42
- constructor() {
43
- super();
44
- this._allExpanded = false;
45
- this._activeItemIndex = -1;
46
- }
47
- static async onDefine() {
48
- UDExAccordion_1.i18nBundle = await getI18nBundle("sap-ui-webcomponents-bundle");
49
- }
50
- get accordionClass() {
51
- let classes = "udex-accordion";
52
- if (this._direction === "rtl") {
53
- classes = `${classes} udex-accordion--${this._direction}`;
54
- }
55
- return classes;
56
- }
57
- get toggleAllText() {
58
- return this._allExpanded
59
- ? UDExAccordion_1.i18nBundle.getText(COLLAPSE_ALL)
60
- : UDExAccordion_1.i18nBundle.getText(EXPAND_ALL);
61
- }
62
- get isExpanded() {
63
- return this._allExpanded;
64
- }
65
- get items() {
66
- return this._items.map(el => {
67
- return {
68
- item: el,
69
- };
70
- });
71
- }
72
- get headlineText() {
73
- return this.headline ? this.headline : "Default headline";
74
- }
75
- toggleAllHandler(e) {
76
- e.preventDefault();
77
- this.fireEvent("toggle-items", { isOpen: this._allExpanded });
78
- this._allExpanded = !this._allExpanded;
79
- }
80
- toggleKeyAllHandler(e) {
81
- if (isEnter(e) || isSpace(e)) {
82
- this.fireEvent("toggle-items", { isOpen: this._allExpanded });
83
- this._allExpanded = !this._allExpanded;
84
- }
85
- }
86
- keydownHandler(e) {
87
- if (e.key !== "Tab") {
88
- e.preventDefault();
89
- }
90
- const len = this._items.length;
91
- const focusOnItem = (itemIndex) => {
92
- const item = this._items[itemIndex];
93
- this._activeItemIndex = itemIndex;
94
- item?.shadowRoot?.querySelector(".udex-accordion-item__header")?.focus();
95
- };
96
- switch (e.key) {
97
- case "Home":
98
- focusOnItem(0);
99
- break;
100
- case "End":
101
- focusOnItem(len - 1);
102
- break;
103
- case "ArrowUp":
104
- if (this._activeItemIndex > 0) {
105
- focusOnItem(this._activeItemIndex - 1);
106
- }
107
- else if (this._activeItemIndex === 0) {
108
- focusOnItem(len - 1);
109
- }
110
- break;
111
- case "ArrowDown":
112
- if (this._activeItemIndex < len - 1) {
113
- focusOnItem(this._activeItemIndex + 1);
114
- }
115
- else if (this._activeItemIndex === len - 1) {
116
- focusOnItem(0);
117
- }
118
- break;
119
- default:
120
- break;
121
- }
122
- }
123
- itemFocusHandler(e) {
124
- const target = e.target;
125
- if (target) {
126
- this._activeItemIndex = this._items?.indexOf(target) ?? -1;
127
- }
128
- }
129
- onAfterRendering() {
130
- const accordion = this.shadowRoot?.querySelector(".udex-accordion");
131
- if (accordion) {
132
- const directionStyles = window
133
- .getComputedStyle(accordion)
134
- .getPropertyValue("direction");
135
- if (!directionStyles) {
136
- this._direction = "ltr";
137
- }
138
- else {
139
- this._direction = directionStyles;
140
- }
141
- }
142
- }
143
- };
144
- __decorate([
145
- property({ type: Boolean, noAttribute: true })
146
- ], UDExAccordion.prototype, "_allExpanded", void 0);
147
- __decorate([
148
- property({ type: String })
149
- ], UDExAccordion.prototype, "_direction", void 0);
150
- __decorate([
151
- property({ type: String })
152
- ], UDExAccordion.prototype, "headline", void 0);
153
- __decorate([
154
- slot({ type: HTMLElement, "default": true, individualSlots: true })
155
- ], UDExAccordion.prototype, "_items", void 0);
156
- UDExAccordion = UDExAccordion_1 = __decorate([
157
- customElement({
158
- tag: "udex-accordion",
159
- renderer: litRender,
160
- styles: AccordionCss,
161
- template: AccordionTemplate,
162
- dependencies: [],
163
- })
164
- /**
165
- * Triggered when the user click on on Expand/Collapse All button.
166
- *
167
- * @event sap.ui.webc.web-components.UDExAccordion#toggleItems
168
- * @public
169
- */
170
- ,
171
- event("toggle-items", {
172
- detail: {
173
- isOpen: { type: Boolean },
174
- },
175
- })
176
- ], UDExAccordion);
177
- UDExAccordion.define();
178
- export default UDExAccordion;
179
- //# sourceMappingURL=Accordion.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../src/Accordion.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport \"@ui5/webcomponents-icons/dist/feeder-arrow.js\";\nimport {\n isEnter,\n isSpace,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport AccordionTemplate from \"./generated/templates/AccordionTemplate.lit.js\";\n\n// Styles\nimport AccordionCss from \"./generated/themes/Accordion.css.js\";\nimport { COLLAPSE_ALL, EXPAND_ALL } from \"./generated/i18n/i18n-defaults.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-accordion</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/Accordion.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias udex.components.UDExAccordion\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-accordion\n * @public\n */\n@customElement({\n tag: \"udex-accordion\",\n renderer: litRender,\n styles: AccordionCss,\n template: AccordionTemplate,\n dependencies: [],\n})\n\n/**\n * Triggered when the user click on on Expand/Collapse All button.\n *\n * @event sap.ui.webc.web-components.UDExAccordion#toggleItems\n * @public\n */\n@event(\"toggle-items\", {\n detail:\n {\n isOpen:\n { type: Boolean },\n },\n})\nclass UDExAccordion extends UI5Element {\n /**\n * Used internally to store expand/collapse button state.\n *\n * @type {boolean}\n * @name sap.ui.webc.web-components.UDExAccordion.prototype.allExpanded\n * @private\n */\n @property({ type: Boolean, noAttribute: true }) _allExpanded!: boolean;\n\n /**\n * Defines direction of the accordion component.\n *\n * @type {string}\n * @name sap.ui.webc.udex.UDExAccordion.prototype.direction\n * @private\n */\n @property({ type: String }) _direction?: string;\n\n /**\n * Defines the headline text of the accordion component.\n *\n * @type {string}\n * @name sap.ui.webc.udex.UDExAccordion.prototype.headline\n * @defaultvalue \"\"\n * @public\n */\n @property({ type: String }) headline!: string;\n\n /**\n * Slot for accordion items.\n *\n * @type {HTMLElement[]}\n * @name sap.ui.webc.web-components.UDExAccordion.prototype.items\n * @slot\n * @public\n */\n @slot({ type: HTMLElement, \"default\": true, individualSlots: true }) _items!: Array<HTMLElement>;\n\n _activeItemIndex: number;\n\n static i18nBundle: I18nBundle;\n\n constructor() {\n super();\n this._allExpanded = false;\n this._activeItemIndex = -1;\n }\n\n static async onDefine() {\n UDExAccordion.i18nBundle = await getI18nBundle(\"sap-ui-webcomponents-bundle\");\n }\n\n get accordionClass(): string {\n let classes = \"udex-accordion\";\n if (this._direction === \"rtl\") {\n classes = `${classes} udex-accordion--${this._direction}`;\n }\n\n return classes;\n }\n\n get toggleAllText(): string {\n return this._allExpanded\n ? UDExAccordion.i18nBundle.getText(COLLAPSE_ALL)\n : UDExAccordion.i18nBundle.getText(EXPAND_ALL);\n }\n\n get isExpanded(): boolean {\n return this._allExpanded;\n }\n\n get items() {\n return this._items.map(el => {\n return {\n item: el,\n };\n });\n }\n\n get headlineText() {\n return this.headline ? this.headline : \"Default headline\";\n }\n\n toggleAllHandler(e: Event) {\n e.preventDefault();\n this.fireEvent(\"toggle-items\", { isOpen: this._allExpanded });\n this._allExpanded = !this._allExpanded;\n }\n\n toggleKeyAllHandler(e: KeyboardEvent) {\n if (isEnter(e) || isSpace(e)) {\n this.fireEvent(\"toggle-items\", { isOpen: this._allExpanded });\n this._allExpanded = !this._allExpanded;\n }\n }\n\n keydownHandler(e: KeyboardEvent) {\n if (e.key !== \"Tab\") {\n e.preventDefault();\n }\n const len = this._items.length;\n const focusOnItem = (itemIndex: number) => {\n const item = this._items[itemIndex];\n this._activeItemIndex = itemIndex;\n (item?.shadowRoot?.querySelector(\".udex-accordion-item__header\") as HTMLElement)?.focus();\n };\n\n switch (e.key) {\n case \"Home\":\n focusOnItem(0);\n break;\n case \"End\":\n focusOnItem(len - 1);\n break;\n case \"ArrowUp\":\n if (this._activeItemIndex > 0) {\n focusOnItem(this._activeItemIndex - 1);\n } else if (this._activeItemIndex === 0) {\n focusOnItem(len - 1);\n }\n break;\n case \"ArrowDown\":\n if (this._activeItemIndex < len - 1) {\n focusOnItem(this._activeItemIndex + 1);\n } else if (this._activeItemIndex === len - 1) {\n focusOnItem(0);\n }\n break;\n default:\n break;\n }\n }\n\n itemFocusHandler(e: CustomEvent) {\n const target = e.target as HTMLElement;\n if (target) {\n this._activeItemIndex = this._items?.indexOf(target) ?? -1;\n }\n }\n\n onAfterRendering() {\n const accordion = this.shadowRoot?.querySelector<HTMLElement>(\n \".udex-accordion\",\n );\n if (accordion) {\n const directionStyles: string = window\n .getComputedStyle(accordion)\n .getPropertyValue(\"direction\");\n if (!directionStyles) {\n this._direction = \"ltr\";\n } else {\n this._direction = directionStyles;\n }\n }\n }\n}\n\nUDExAccordion.define();\n\nexport default UDExAccordion;\n"]}
@@ -1,72 +0,0 @@
1
- import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
- import "@ui5/webcomponents/dist/Icon.js";
3
- import "@ui5/webcomponents-icons/dist/AllIcons.js";
4
- import "@ui5/webcomponents-icons/dist/feeder-arrow.js";
5
- /**
6
- * @class
7
- *
8
- * <h3 class="comment-api-title">Overview</h3>
9
- *
10
- *
11
- * <h3>Usage</h3>
12
- *
13
- * For the <code>udex-accordion-item</code>
14
- * <h3>ES6 Module Import</h3>
15
- *
16
- * <code>import @udex/web-components/dist/AccordionItem.js";</code>
17
- *
18
- * @constructor
19
- * @author SAP SE
20
- * @alias udex.components.UDExAccordionItem
21
- * @extends sap.ui.webc.base.UI5Element
22
- * @tagname udex-accordion-item
23
- * @public
24
- */
25
- declare class UDExAccordionItem extends UI5Element {
26
- /**
27
- * Defines the title of the accordion item component.
28
- *
29
- * @type {string}
30
- * @name sap.ui.webc.web-components.UDExAccordionItem.prototype.title
31
- * @defaultvalue ""
32
- * @public
33
- */
34
- title: string;
35
- /**
36
- * Used internally to understand the component's open or closed state.
37
- *
38
- * @type {Boolean}
39
- * @name sap.ui.webc.web-components.UDExAccordionItem.prototype.isOpen
40
- * @defaultvalue false
41
- * @private
42
- */
43
- isOpen: boolean;
44
- /**
45
- * Defines direction of the accordion item.
46
- *
47
- * @type {string}
48
- * @name sap.ui.webc.udex.UDExAccordionItem.prototype.direction
49
- * @public
50
- */
51
- _direction?: string;
52
- /**
53
- * Slot for accordion item content.
54
- *
55
- * @type {Node[]}
56
- * @name sap.ui.webc.web-components.UDExAccordionItem.prototype.content
57
- * @slot
58
- * @public
59
- */
60
- content: Array<Node>;
61
- _el: HTMLElement | null;
62
- constructor();
63
- contentKeydown(e: KeyboardEvent): void;
64
- itemClickHandler(e: Event): void;
65
- toggleAllHandler(e: Event): void;
66
- toggleItemState(el: HTMLElement, isActive: boolean): void;
67
- focusHandler(): void;
68
- keydownHandler(e: KeyboardEvent): void;
69
- get accordionItemsClass(): string;
70
- onAfterRendering(): void;
71
- }
72
- export default UDExAccordionItem;
@@ -1,146 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
8
- import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
9
- import property from "@ui5/webcomponents-base/dist/decorators/property.js";
10
- import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
11
- import event from "@ui5/webcomponents-base/dist/decorators/event.js";
12
- import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
13
- import "@ui5/webcomponents/dist/Icon.js";
14
- import "@ui5/webcomponents-icons/dist/AllIcons.js";
15
- import "@ui5/webcomponents-icons/dist/feeder-arrow.js";
16
- import AccordionItemTemplate from "./generated/templates/AccordionItemTemplate.lit.js";
17
- // Styles
18
- import AccordionItemCss from "./generated/themes/AccordionItem.css.js";
19
- /**
20
- * @class
21
- *
22
- * <h3 class="comment-api-title">Overview</h3>
23
- *
24
- *
25
- * <h3>Usage</h3>
26
- *
27
- * For the <code>udex-accordion-item</code>
28
- * <h3>ES6 Module Import</h3>
29
- *
30
- * <code>import @udex/web-components/dist/AccordionItem.js";</code>
31
- *
32
- * @constructor
33
- * @author SAP SE
34
- * @alias udex.components.UDExAccordionItem
35
- * @extends sap.ui.webc.base.UI5Element
36
- * @tagname udex-accordion-item
37
- * @public
38
- */
39
- let UDExAccordionItem = class UDExAccordionItem extends UI5Element {
40
- constructor() {
41
- super();
42
- /**
43
- * Used internally to understand the component's open or closed state.
44
- *
45
- * @type {Boolean}
46
- * @name sap.ui.webc.web-components.UDExAccordionItem.prototype.isOpen
47
- * @defaultvalue false
48
- * @private
49
- */
50
- this.isOpen = false;
51
- this._el = null;
52
- }
53
- contentKeydown(e) {
54
- e.stopPropagation();
55
- }
56
- itemClickHandler(e) {
57
- e.preventDefault();
58
- if (this._el) {
59
- const isActive = this._el.classList.contains("active");
60
- this.toggleItemState(this._el, isActive);
61
- }
62
- }
63
- toggleAllHandler(e) {
64
- e.preventDefault();
65
- const customEvent = e;
66
- if (this._el) {
67
- this.toggleItemState(this._el, customEvent.detail.isOpen);
68
- }
69
- }
70
- toggleItemState(el, isActive) {
71
- if (isActive) {
72
- el.classList.remove("active");
73
- el.querySelector(".udex-accordion-item__header")?.setAttribute("aria-expanded", "false");
74
- }
75
- else {
76
- el.classList.add("active");
77
- el.querySelector(".udex-accordion-item__header")?.setAttribute("aria-expanded", "true");
78
- }
79
- }
80
- focusHandler() {
81
- this.fireEvent("accordion-item-focus");
82
- }
83
- keydownHandler(e) {
84
- switch (e.key) {
85
- case "Enter":
86
- case " ":
87
- this.itemClickHandler(e);
88
- break;
89
- default:
90
- break;
91
- }
92
- }
93
- get accordionItemsClass() {
94
- let classes = "udex-accordion-item";
95
- if (this._direction === "rtl") {
96
- classes = `${classes} ${this._direction}`;
97
- }
98
- return classes;
99
- }
100
- onAfterRendering() {
101
- this._el = this.shadowRoot?.querySelector(".udex-accordion-item") || null;
102
- const accordion = this.shadowRoot?.querySelector(".udex-accordion-item") || null;
103
- if (accordion) {
104
- const directionStyles = window
105
- .getComputedStyle(accordion)
106
- .getPropertyValue("direction");
107
- if (!directionStyles) {
108
- this._direction = "ltr";
109
- }
110
- else {
111
- this._direction = directionStyles;
112
- }
113
- }
114
- this?.parentElement?.addEventListener("ui5-toggle-items", this.toggleAllHandler.bind(this));
115
- }
116
- };
117
- __decorate([
118
- property({ type: String })
119
- ], UDExAccordionItem.prototype, "title", void 0);
120
- __decorate([
121
- property({ type: Boolean, noAttribute: true })
122
- ], UDExAccordionItem.prototype, "isOpen", void 0);
123
- __decorate([
124
- property({ type: String })
125
- ], UDExAccordionItem.prototype, "_direction", void 0);
126
- __decorate([
127
- slot({ type: Node, "default": true })
128
- ], UDExAccordionItem.prototype, "content", void 0);
129
- UDExAccordionItem = __decorate([
130
- customElement({
131
- tag: "udex-accordion-item",
132
- renderer: litRender,
133
- styles: AccordionItemCss,
134
- template: AccordionItemTemplate,
135
- dependencies: [],
136
- })
137
- /**
138
- * Triggered when the user focuses on an accordion item.
139
- * @public
140
- */
141
- ,
142
- event("accordion-item-focus")
143
- ], UDExAccordionItem);
144
- UDExAccordionItem.define();
145
- export default UDExAccordionItem;
146
- //# sourceMappingURL=AccordionItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../src/AccordionItem.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/AllIcons.js\";\nimport \"@ui5/webcomponents-icons/dist/feeder-arrow.js\";\n\nimport AccordionItemTemplate from \"./generated/templates/AccordionItemTemplate.lit.js\";\n\n// Styles\nimport AccordionItemCss from \"./generated/themes/AccordionItem.css.js\";\n\ntype ToggleAllEvent = {\n isOpen: boolean\n}\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-accordion-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/AccordionItem.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias udex.components.UDExAccordionItem\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-accordion-item\n * @public\n */\n@customElement({\n tag: \"udex-accordion-item\",\n renderer: litRender,\n styles: AccordionItemCss,\n template: AccordionItemTemplate,\n dependencies: [],\n})\n\n/**\n * Triggered when the user focuses on an accordion item.\n * @public\n */\n@event(\"accordion-item-focus\")\nclass UDExAccordionItem extends UI5Element {\n /**\n * Defines the title of the accordion item component.\n *\n * @type {string}\n * @name sap.ui.webc.web-components.UDExAccordionItem.prototype.title\n * @defaultvalue \"\"\n * @public\n */\n @property({ type: String }) title!: string;\n\n /**\n * Used internally to understand the component's open or closed state.\n *\n * @type {Boolean}\n * @name sap.ui.webc.web-components.UDExAccordionItem.prototype.isOpen\n * @defaultvalue false\n * @private\n */\n @property({ type: Boolean, noAttribute: true }) isOpen = false;\n\n /**\n * Defines direction of the accordion item.\n *\n * @type {string}\n * @name sap.ui.webc.udex.UDExAccordionItem.prototype.direction\n * @public\n */\n @property({ type: String }) _direction?: string;\n\n /**\n * Slot for accordion item content.\n *\n * @type {Node[]}\n * @name sap.ui.webc.web-components.UDExAccordionItem.prototype.content\n * @slot\n * @public\n */\n @slot({ type: Node, \"default\": true }) content!: Array<Node>;\n\n _el: HTMLElement | null = null;\n\n constructor() {\n super();\n }\n\n contentKeydown(e: KeyboardEvent) {\n e.stopPropagation();\n }\n\n itemClickHandler(e: Event) {\n e.preventDefault();\n if (this._el) {\n const isActive = this._el.classList.contains(\"active\");\n this.toggleItemState(this._el, isActive);\n }\n }\n\n toggleAllHandler(e: Event) {\n e.preventDefault();\n const customEvent = e as CustomEvent<ToggleAllEvent>;\n if (this._el) { this.toggleItemState(this._el, customEvent.detail.isOpen); }\n }\n\n toggleItemState(el: HTMLElement, isActive: boolean) {\n if (isActive) {\n el.classList.remove(\"active\");\n el.querySelector(\".udex-accordion-item__header\")?.setAttribute(\"aria-expanded\", \"false\");\n } else {\n el.classList.add(\"active\");\n el.querySelector(\".udex-accordion-item__header\")?.setAttribute(\"aria-expanded\", \"true\");\n }\n }\n\n focusHandler() {\n this.fireEvent(\"accordion-item-focus\");\n }\n\n keydownHandler(e: KeyboardEvent) {\n switch (e.key) {\n case \"Enter\":\n case \" \":\n this.itemClickHandler(e);\n break;\n default:\n break;\n }\n }\n\n get accordionItemsClass(): string {\n let classes = \"udex-accordion-item\";\n if (this._direction === \"rtl\") {\n classes = `${classes} ${this._direction}`;\n }\n return classes;\n }\n\n onAfterRendering() {\n this._el = this.shadowRoot?.querySelector(\".udex-accordion-item\") || null;\n const accordion = this.shadowRoot?.querySelector<HTMLElement>(\n \".udex-accordion-item\",\n ) || null;\n\n if (accordion) {\n const directionStyles: string = window\n .getComputedStyle(accordion)\n .getPropertyValue(\"direction\");\n if (!directionStyles) {\n this._direction = \"ltr\";\n } else {\n this._direction = directionStyles;\n }\n }\n\n this?.parentElement?.addEventListener(\"ui5-toggle-items\", this.toggleAllHandler.bind(this));\n }\n}\n\nUDExAccordionItem.define();\n\nexport default UDExAccordionItem;\n"]}
@@ -1,3 +0,0 @@
1
- import "@ui5/webcomponents-theming/dist/Assets.js";
2
- import "./generated/json-imports/Themes.js";
3
- import "./generated/json-imports/i18n.js";
@@ -1,10 +0,0 @@
1
- import "@ui5/webcomponents-theming/dist/Assets.js"; // Theming
2
- // own web-components package assets
3
- import "./generated/json-imports/Themes.js";
4
- import "./generated/json-imports/i18n.js";
5
- import { registerCustomThemePropertiesLoader } from "@ui5/webcomponents-base/dist/AssetRegistry.js";
6
- const customThemeLoader = async () => {
7
- return (await import("./generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json")).default;
8
- };
9
- registerCustomThemePropertiesLoader("@ui5/webcomponents", "sap_glow", customThemeLoader);
10
- //# sourceMappingURL=Assets.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Assets.js","sourceRoot":"","sources":["../src/Assets.ts"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAC,CAAC,UAAU;AAE9D,oCAAoC;AACpC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kCAAkC,CAAC;AAE1C,OAAO,EAAE,mCAAmC,EAAE,MAAM,+CAA+C,CAAC;AAEpG,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;IACnC,OAAO,CACL,MAAM,MAAM,CAAC,4FAA4F,CAAC,CAC3G,CAAC,OAAO,CAAC;AACZ,CAAC,CAAC;AAEF,mCAAmC,CAAC,oBAAoB,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC","sourcesContent":["import \"@ui5/webcomponents-theming/dist/Assets.js\"; // Theming\n\n// own web-components package assets\nimport \"./generated/json-imports/Themes.js\";\nimport \"./generated/json-imports/i18n.js\";\n\nimport { registerCustomThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/AssetRegistry.js\";\n\nconst customThemeLoader = async () => {\n return (\n await import(\"./generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json\")\n ).default;\n};\n\nregisterCustomThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_glow\", customThemeLoader);\n"]}