@sapudex/web-components 2.5.0 → 2.7.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 (542) hide show
  1. package/cypress/specs/Accordion.cy.tsx +18 -10
  2. package/cypress/specs/Divider.cy.tsx +16 -0
  3. package/cypress/support/component-imports.instrumented.ts +2 -0
  4. package/cypress/support/component-imports.src.ts +4 -2
  5. package/dist/Accordion.d.ts +6 -5
  6. package/dist/Accordion.js +21 -20
  7. package/dist/Accordion.js.map +1 -1
  8. package/dist/AccordionItem.d.ts +1 -3
  9. package/dist/AccordionItem.js +17 -19
  10. package/dist/AccordionItem.js.map +1 -1
  11. package/dist/AccordionItemTemplate.d.ts +2 -0
  12. package/dist/AccordionItemTemplate.js +14 -0
  13. package/dist/AccordionItemTemplate.js.map +1 -0
  14. package/dist/AccordionTemplate.d.ts +2 -0
  15. package/dist/AccordionTemplate.js +11 -0
  16. package/dist/AccordionTemplate.js.map +1 -0
  17. package/dist/AssetsVariables.js +5 -1
  18. package/dist/AssetsVariables.js.map +1 -1
  19. package/dist/Avatar.d.ts +2 -1
  20. package/dist/Avatar.js +7 -9
  21. package/dist/Avatar.js.map +1 -1
  22. package/dist/AvatarTemplate.d.ts +2 -0
  23. package/dist/AvatarTemplate.js +6 -0
  24. package/dist/AvatarTemplate.js.map +1 -0
  25. package/dist/Badge.d.ts +1 -2
  26. package/dist/Badge.js +6 -9
  27. package/dist/Badge.js.map +1 -1
  28. package/dist/BadgeTemplate.d.ts +2 -0
  29. package/dist/BadgeTemplate.js +8 -0
  30. package/dist/BadgeTemplate.js.map +1 -0
  31. package/dist/Carousel.d.ts +16 -4
  32. package/dist/Carousel.js +21 -11
  33. package/dist/Carousel.js.map +1 -1
  34. package/dist/CarouselTemplate.d.ts +2 -0
  35. package/dist/CarouselTemplate.js +15 -0
  36. package/dist/CarouselTemplate.js.map +1 -0
  37. package/dist/ContactItemTemplate.js +2 -1
  38. package/dist/ContactItemTemplate.js.map +1 -1
  39. package/dist/CountrySelector.d.ts +1 -1
  40. package/dist/CountrySelector.js +6 -7
  41. package/dist/CountrySelector.js.map +1 -1
  42. package/dist/Divider.d.ts +10 -2
  43. package/dist/Divider.js +11 -4
  44. package/dist/Divider.js.map +1 -1
  45. package/dist/DividerTemplate.d.ts +2 -0
  46. package/dist/DividerTemplate.js +5 -0
  47. package/dist/DividerTemplate.js.map +1 -0
  48. package/dist/Dropdown.js +2 -1
  49. package/dist/Dropdown.js.map +1 -1
  50. package/dist/FilterMenu.d.ts +0 -7
  51. package/dist/FilterMenu.js +12 -12
  52. package/dist/FilterMenu.js.map +1 -1
  53. package/dist/List.js +1 -1
  54. package/dist/List.js.map +1 -1
  55. package/dist/MastheadCountrySelector.d.ts +8 -0
  56. package/dist/MastheadCountrySelector.js +28 -2
  57. package/dist/MastheadCountrySelector.js.map +1 -1
  58. package/dist/MastheadMenu.d.ts +1 -0
  59. package/dist/MastheadMenu.js +7 -3
  60. package/dist/MastheadMenu.js.map +1 -1
  61. package/dist/MastheadMobileMenu.d.ts +4 -0
  62. package/dist/MastheadMobileMenu.js +17 -3
  63. package/dist/MastheadMobileMenu.js.map +1 -1
  64. package/dist/MastheadProfileMenu.d.ts +8 -0
  65. package/dist/MastheadProfileMenu.js +26 -1
  66. package/dist/MastheadProfileMenu.js.map +1 -1
  67. package/dist/MastheadShell.d.ts +17 -0
  68. package/dist/MastheadShell.js +53 -15
  69. package/dist/MastheadShell.js.map +1 -1
  70. package/dist/Modal.js +2 -2
  71. package/dist/Modal.js.map +1 -1
  72. package/dist/Search.js +5 -4
  73. package/dist/Search.js.map +1 -1
  74. package/dist/SearchableListBase.d.ts +24 -2
  75. package/dist/SearchableListBase.js +50 -4
  76. package/dist/SearchableListBase.js.map +1 -1
  77. package/dist/SecondaryNavigation.js +1 -1
  78. package/dist/SecondaryNavigation.js.map +1 -1
  79. package/dist/SecondaryNavigationItem.js +1 -2
  80. package/dist/SecondaryNavigationItem.js.map +1 -1
  81. package/dist/SegmentedButton.js +6 -4
  82. package/dist/SegmentedButton.js.map +1 -1
  83. package/dist/SelectBox.d.ts +0 -7
  84. package/dist/SelectBox.js +10 -13
  85. package/dist/SelectBox.js.map +1 -1
  86. package/dist/TabNavigation.d.ts +5 -0
  87. package/dist/TabNavigation.js +8 -0
  88. package/dist/TabNavigation.js.map +1 -1
  89. package/dist/Table.js +1 -1
  90. package/dist/Table.js.map +1 -1
  91. package/dist/TextArea.js +1 -1
  92. package/dist/TextArea.js.map +1 -1
  93. package/dist/assets/InputSuggestions-09hxh-NH.js +2 -0
  94. package/dist/assets/{ListItemStandardExpandableTextTemplate-ClcY2jB2.js → ListItemStandardExpandableTextTemplate-3ixkeBt3.js} +3 -3
  95. package/dist/assets/bundle-S1uYREqT.css +1 -0
  96. package/dist/assets/bundle.esm-e2aCupGE.js +475 -0
  97. package/dist/assets/messagebundle_en-CKeTZNW3.js +1 -0
  98. package/dist/assets/parameters-bundle.css-B168-DcZ.js +2 -0
  99. package/dist/assets/parameters-bundle.css-B4OkERQ9.js +2 -0
  100. package/dist/assets/parameters-bundle.css-D1Mp0DP7.js +2 -0
  101. package/dist/assets/parameters-bundle.css-DPQMdjrz.js +2 -0
  102. package/dist/assets/parameters-bundle.css-DW-8EaO7.js +2 -0
  103. package/dist/assets/parameters-bundle.css-DpI130zX.js +2 -0
  104. package/dist/assets/parameters-bundle.css-DsEtCihj.js +2 -0
  105. package/dist/assets/parameters-bundle.css-y5CBgtzD.js +2 -0
  106. package/dist/css/themes/CountrySelector.css +1 -1
  107. package/dist/css/themes/MastheadCountrySelector.css +1 -1
  108. package/dist/css/themes/MastheadItem.css +1 -1
  109. package/dist/css/themes/MastheadMenuItem.css +1 -1
  110. package/dist/css/themes/MastheadMobileMenu.css +1 -1
  111. package/dist/css/themes/MastheadShell.css +1 -1
  112. package/dist/css/themes/RatingIndicator.css +1 -1
  113. package/dist/css/themes/Search.css +1 -1
  114. package/dist/css/themes/SearchableList.css +1 -1
  115. package/dist/css/themes/SegmentedButtonItem.css +1 -1
  116. package/dist/css/themes/Slider.css +1 -1
  117. package/dist/css/themes/TextArea.css +1 -1
  118. package/dist/custom-elements-internal.json +219 -41
  119. package/dist/custom-elements.json +211 -41
  120. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  121. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  122. package/dist/generated/i18n/i18n-defaults.js +2 -1
  123. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  124. package/dist/generated/json-imports/Themes-fetch.js +1 -1
  125. package/dist/generated/json-imports/Themes-fetch.js.map +1 -1
  126. package/dist/generated/json-imports/Themes-node.js +1 -1
  127. package/dist/generated/json-imports/Themes-node.js.map +1 -1
  128. package/dist/generated/json-imports/Themes.js +1 -1
  129. package/dist/generated/json-imports/Themes.js.map +1 -1
  130. package/dist/generated/json-imports/i18n-fetch.js +1 -1
  131. package/dist/generated/json-imports/i18n-fetch.js.map +1 -1
  132. package/dist/generated/json-imports/i18n-node.js +1 -1
  133. package/dist/generated/json-imports/i18n-node.js.map +1 -1
  134. package/dist/generated/json-imports/i18n.js +1 -1
  135. package/dist/generated/json-imports/i18n.js.map +1 -1
  136. package/dist/generated/templates/HeroBannerTemplate.lit.js +1 -1
  137. package/dist/generated/templates/HeroBannerTemplate.lit.js.map +1 -1
  138. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js +3 -3
  139. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js.map +1 -1
  140. package/dist/generated/templates/MastheadMenuTemplate.lit.js +3 -3
  141. package/dist/generated/templates/MastheadMenuTemplate.lit.js.map +1 -1
  142. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +2 -2
  143. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
  144. package/dist/generated/templates/MastheadShellTemplate.lit.js +1 -1
  145. package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
  146. package/dist/generated/templates/SearchableListBaseTemplate.lit.js +2 -2
  147. package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
  148. package/dist/generated/templates/SelectBoxTemplate.lit.js +1 -1
  149. package/dist/generated/templates/SelectBoxTemplate.lit.js.map +1 -1
  150. package/dist/generated/themes/Accordion.css.js +2 -2
  151. package/dist/generated/themes/Accordion.css.js.map +1 -1
  152. package/dist/generated/themes/AccordionItem.css.js +2 -2
  153. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  154. package/dist/generated/themes/Avatar.css.js +2 -2
  155. package/dist/generated/themes/Avatar.css.js.map +1 -1
  156. package/dist/generated/themes/Badge.css.js +2 -2
  157. package/dist/generated/themes/Badge.css.js.map +1 -1
  158. package/dist/generated/themes/Breadcrumbs.css.js +2 -2
  159. package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
  160. package/dist/generated/themes/BreadcrumbsPopover.css.js +2 -2
  161. package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
  162. package/dist/generated/themes/Button.css.js +2 -2
  163. package/dist/generated/themes/Button.css.js.map +1 -1
  164. package/dist/generated/themes/Carousel.css.js +2 -2
  165. package/dist/generated/themes/Carousel.css.js.map +1 -1
  166. package/dist/generated/themes/Checkbox.css.js +2 -2
  167. package/dist/generated/themes/Checkbox.css.js.map +1 -1
  168. package/dist/generated/themes/Contact.css.js +2 -2
  169. package/dist/generated/themes/Contact.css.js.map +1 -1
  170. package/dist/generated/themes/ContactItem.css.js +2 -2
  171. package/dist/generated/themes/ContactItem.css.js.map +1 -1
  172. package/dist/generated/themes/ControlButton.css.js +2 -2
  173. package/dist/generated/themes/ControlButton.css.js.map +1 -1
  174. package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
  175. package/dist/generated/themes/CountrySelector.css.js +3 -3
  176. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  177. package/dist/generated/themes/DatePicker.css.js +2 -2
  178. package/dist/generated/themes/DatePicker.css.js.map +1 -1
  179. package/dist/generated/themes/DatePickerPopover.css.js +2 -2
  180. package/dist/generated/themes/DatePickerPopover.css.js.map +1 -1
  181. package/dist/generated/themes/Divider.css.js +2 -2
  182. package/dist/generated/themes/Divider.css.js.map +1 -1
  183. package/dist/generated/themes/Dropdown.css.js +2 -2
  184. package/dist/generated/themes/Dropdown.css.js.map +1 -1
  185. package/dist/generated/themes/EventRibbon.css.js +2 -2
  186. package/dist/generated/themes/EventRibbon.css.js.map +1 -1
  187. package/dist/generated/themes/FilterMenu.css.js +2 -2
  188. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  189. package/dist/generated/themes/Footer.css.js +2 -2
  190. package/dist/generated/themes/Footer.css.js.map +1 -1
  191. package/dist/generated/themes/HeroBanner.css.js +2 -2
  192. package/dist/generated/themes/HeroBanner.css.js.map +1 -1
  193. package/dist/generated/themes/InputGroup.css.js +2 -2
  194. package/dist/generated/themes/InputGroup.css.js.map +1 -1
  195. package/dist/generated/themes/Link.css.js +2 -2
  196. package/dist/generated/themes/Link.css.js.map +1 -1
  197. package/dist/generated/themes/List.css.js +2 -2
  198. package/dist/generated/themes/List.css.js.map +1 -1
  199. package/dist/generated/themes/ListGroupHeader.css.js +2 -2
  200. package/dist/generated/themes/ListGroupHeader.css.js.map +1 -1
  201. package/dist/generated/themes/ListItem.css.js +2 -2
  202. package/dist/generated/themes/ListItem.css.js.map +1 -1
  203. package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
  204. package/dist/generated/themes/MastheadCountrySelector.css.js +3 -3
  205. package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
  206. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  207. package/dist/generated/themes/MastheadItem.css.js +3 -3
  208. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  209. package/dist/generated/themes/MastheadMenu.css.js +2 -2
  210. package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
  211. package/dist/generated/themes/MastheadMenuItem.css.d.ts +1 -1
  212. package/dist/generated/themes/MastheadMenuItem.css.js +3 -3
  213. package/dist/generated/themes/MastheadMenuItem.css.js.map +1 -1
  214. package/dist/generated/themes/MastheadMobileMenu.css.d.ts +1 -1
  215. package/dist/generated/themes/MastheadMobileMenu.css.js +3 -3
  216. package/dist/generated/themes/MastheadMobileMenu.css.js.map +1 -1
  217. package/dist/generated/themes/MastheadProfileMenu.css.js +2 -2
  218. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  219. package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
  220. package/dist/generated/themes/MastheadShell.css.js +3 -3
  221. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  222. package/dist/generated/themes/MediaPlayer.css.js +2 -2
  223. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  224. package/dist/generated/themes/MediaPlayerYoutube.css.js +2 -2
  225. package/dist/generated/themes/MediaPlayerYoutube.css.js.map +1 -1
  226. package/dist/generated/themes/MessageStrip.css.js +2 -2
  227. package/dist/generated/themes/MessageStrip.css.js.map +1 -1
  228. package/dist/generated/themes/Modal.css.js +2 -2
  229. package/dist/generated/themes/Modal.css.js.map +1 -1
  230. package/dist/generated/themes/Pagination.css.js +2 -2
  231. package/dist/generated/themes/Pagination.css.js.map +1 -1
  232. package/dist/generated/themes/PhoneNumberField.css.js +2 -2
  233. package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
  234. package/dist/generated/themes/ProgressBar.css.js +2 -2
  235. package/dist/generated/themes/ProgressBar.css.js.map +1 -1
  236. package/dist/generated/themes/Quote.css.js +2 -2
  237. package/dist/generated/themes/Quote.css.js.map +1 -1
  238. package/dist/generated/themes/RadioButton.css.js +2 -2
  239. package/dist/generated/themes/RadioButton.css.js.map +1 -1
  240. package/dist/generated/themes/RatingBar.css.js +2 -2
  241. package/dist/generated/themes/RatingBar.css.js.map +1 -1
  242. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  243. package/dist/generated/themes/RatingIndicator.css.js +3 -3
  244. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  245. package/dist/generated/themes/Review.css.js +2 -2
  246. package/dist/generated/themes/Review.css.js.map +1 -1
  247. package/dist/generated/themes/ReviewItem.css.js +2 -2
  248. package/dist/generated/themes/ReviewItem.css.js.map +1 -1
  249. package/dist/generated/themes/Search.css.d.ts +1 -1
  250. package/dist/generated/themes/Search.css.js +3 -3
  251. package/dist/generated/themes/Search.css.js.map +1 -1
  252. package/dist/generated/themes/SearchSuggestions.css.js +2 -2
  253. package/dist/generated/themes/SearchSuggestions.css.js.map +1 -1
  254. package/dist/generated/themes/SearchableList.css.d.ts +1 -1
  255. package/dist/generated/themes/SearchableList.css.js +3 -3
  256. package/dist/generated/themes/SearchableList.css.js.map +1 -1
  257. package/dist/generated/themes/SecondaryNavigation.css.js +2 -2
  258. package/dist/generated/themes/SecondaryNavigation.css.js.map +1 -1
  259. package/dist/generated/themes/SecondaryNavigationItem.css.js +2 -2
  260. package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -1
  261. package/dist/generated/themes/SecondaryNavigationSubItem.css.js +2 -2
  262. package/dist/generated/themes/SecondaryNavigationSubItem.css.js.map +1 -1
  263. package/dist/generated/themes/SegmentedButton.css.js +2 -2
  264. package/dist/generated/themes/SegmentedButton.css.js.map +1 -1
  265. package/dist/generated/themes/SegmentedButtonItem.css.d.ts +1 -1
  266. package/dist/generated/themes/SegmentedButtonItem.css.js +3 -3
  267. package/dist/generated/themes/SegmentedButtonItem.css.js.map +1 -1
  268. package/dist/generated/themes/SelectBox.css.js +2 -2
  269. package/dist/generated/themes/SelectBox.css.js.map +1 -1
  270. package/dist/generated/themes/SideNavigation.css.js +2 -2
  271. package/dist/generated/themes/SideNavigation.css.js.map +1 -1
  272. package/dist/generated/themes/SideNavigationGroup.css.js +2 -2
  273. package/dist/generated/themes/SideNavigationGroup.css.js.map +1 -1
  274. package/dist/generated/themes/SideNavigationItem.css.js +2 -2
  275. package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
  276. package/dist/generated/themes/SideNavigationMobile.css.js +2 -2
  277. package/dist/generated/themes/SideNavigationMobile.css.js.map +1 -1
  278. package/dist/generated/themes/SideNavigationMobileDropdown.css.js +2 -2
  279. package/dist/generated/themes/SideNavigationMobileDropdown.css.js.map +1 -1
  280. package/dist/generated/themes/SideNavigationSubItem.css.js +2 -2
  281. package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
  282. package/dist/generated/themes/Slider.css.d.ts +1 -1
  283. package/dist/generated/themes/Slider.css.js +3 -3
  284. package/dist/generated/themes/Slider.css.js.map +1 -1
  285. package/dist/generated/themes/StatusBadge.css.js +2 -2
  286. package/dist/generated/themes/StatusBadge.css.js.map +1 -1
  287. package/dist/generated/themes/StatusMessage.css.js +2 -2
  288. package/dist/generated/themes/StatusMessage.css.js.map +1 -1
  289. package/dist/generated/themes/StepInput.css.js +2 -2
  290. package/dist/generated/themes/StepInput.css.js.map +1 -1
  291. package/dist/generated/themes/Switch.css.js +2 -2
  292. package/dist/generated/themes/Switch.css.js.map +1 -1
  293. package/dist/generated/themes/TabInOverflow.css.js +2 -2
  294. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  295. package/dist/generated/themes/TabNavigation.css.js +2 -2
  296. package/dist/generated/themes/TabNavigation.css.js.map +1 -1
  297. package/dist/generated/themes/Table.css.js +2 -2
  298. package/dist/generated/themes/Table.css.js.map +1 -1
  299. package/dist/generated/themes/TableCell.css.js +2 -2
  300. package/dist/generated/themes/TableCell.css.js.map +1 -1
  301. package/dist/generated/themes/TableCellBase.css.js +2 -2
  302. package/dist/generated/themes/TableCellBase.css.js.map +1 -1
  303. package/dist/generated/themes/TableGroupRow.css.js +2 -2
  304. package/dist/generated/themes/TableGroupRow.css.js.map +1 -1
  305. package/dist/generated/themes/TableHeaderCell.css.js +2 -2
  306. package/dist/generated/themes/TableHeaderCell.css.js.map +1 -1
  307. package/dist/generated/themes/TableRowBase.css.js +2 -2
  308. package/dist/generated/themes/TableRowBase.css.js.map +1 -1
  309. package/dist/generated/themes/Tag.css.js +2 -2
  310. package/dist/generated/themes/Tag.css.js.map +1 -1
  311. package/dist/generated/themes/TagGroup.css.js +2 -2
  312. package/dist/generated/themes/TagGroup.css.js.map +1 -1
  313. package/dist/generated/themes/TextArea.css.d.ts +1 -1
  314. package/dist/generated/themes/TextArea.css.js +3 -3
  315. package/dist/generated/themes/TextArea.css.js.map +1 -1
  316. package/dist/generated/themes/TextField.css.js +2 -2
  317. package/dist/generated/themes/TextField.css.js.map +1 -1
  318. package/dist/generated/themes/Tile.css.js +2 -2
  319. package/dist/generated/themes/Tile.css.js.map +1 -1
  320. package/dist/generated/themes/Toast.css.js +2 -2
  321. package/dist/generated/themes/Toast.css.js.map +1 -1
  322. package/dist/generated/themes/Tooltip.css.js +2 -2
  323. package/dist/generated/themes/Tooltip.css.js.map +1 -1
  324. package/dist/generated/themes/TruncatedText.css.js +2 -2
  325. package/dist/generated/themes/TruncatedText.css.js.map +1 -1
  326. package/dist/generated/themes/Upload.css.js +2 -2
  327. package/dist/generated/themes/Upload.css.js.map +1 -1
  328. package/dist/generated/themes/UploadItem.css.js +2 -2
  329. package/dist/generated/themes/UploadItem.css.js.map +1 -1
  330. package/dist/generated/themes/Wizard.css.js +2 -2
  331. package/dist/generated/themes/Wizard.css.js.map +1 -1
  332. package/dist/generated/themes/WizardTab.css.js +2 -2
  333. package/dist/generated/themes/WizardTab.css.js.map +1 -1
  334. package/dist/messagebundle.properties +3 -0
  335. package/dist/messagebundle_en.properties +1 -0
  336. package/dist/types/SearchableListBase.d.ts +5 -0
  337. package/dist/types/SearchableListBase.js +6 -0
  338. package/dist/types/SearchableListBase.js.map +1 -1
  339. package/dist/utils/getEffectiveScrollbarStyle.d.ts +4 -0
  340. package/dist/utils/getEffectiveScrollbarStyle.js +45 -0
  341. package/dist/utils/getEffectiveScrollbarStyle.js.map +1 -0
  342. package/dist/vscode.html-custom-data.json +40 -15
  343. package/dist/web-types.json +73 -27
  344. package/package.json +7 -7
  345. package/src/Accordion.ts +38 -31
  346. package/src/AccordionItem.ts +23 -27
  347. package/src/AccordionItemTemplate.tsx +54 -0
  348. package/src/AccordionTemplate.tsx +37 -0
  349. package/src/AssetsVariables.ts +5 -1
  350. package/src/Avatar.ts +9 -11
  351. package/src/AvatarTemplate.tsx +22 -0
  352. package/src/Badge.ts +8 -12
  353. package/src/BadgeTemplate.tsx +22 -0
  354. package/src/Carousel.ts +30 -24
  355. package/src/CarouselTemplate.tsx +56 -0
  356. package/src/ContactItemTemplate.tsx +2 -1
  357. package/src/CountrySelector.ts +9 -10
  358. package/src/Divider.ts +13 -5
  359. package/src/DividerTemplate.tsx +11 -0
  360. package/src/Dropdown.ts +2 -1
  361. package/src/FilterMenu.ts +15 -18
  362. package/src/HeroBanner.hbs +1 -0
  363. package/src/List.ts +1 -1
  364. package/src/MastheadCountrySelector.hbs +6 -10
  365. package/src/MastheadCountrySelector.ts +33 -0
  366. package/src/MastheadMenu.hbs +3 -3
  367. package/src/MastheadMenu.ts +10 -3
  368. package/src/MastheadMobileMenu.hbs +1 -3
  369. package/src/MastheadMobileMenu.ts +23 -3
  370. package/src/MastheadProfileMenu.ts +35 -1
  371. package/src/MastheadShell.hbs +29 -29
  372. package/src/MastheadShell.ts +65 -16
  373. package/src/Modal.ts +2 -2
  374. package/src/Search.hbs +1 -1
  375. package/src/Search.ts +5 -4
  376. package/src/SearchableListBase.hbs +7 -1
  377. package/src/SearchableListBase.ts +65 -9
  378. package/src/SecondaryNavigation.ts +1 -1
  379. package/src/SecondaryNavigationItem.ts +1 -2
  380. package/src/SegmentedButton.ts +7 -4
  381. package/src/SelectBox.hbs +1 -0
  382. package/src/SelectBox.ts +13 -19
  383. package/src/TabNavigation.ts +13 -0
  384. package/src/Table.ts +1 -1
  385. package/src/TextArea.ts +1 -1
  386. package/src/generated/i18n/i18n-defaults.ts +2 -2
  387. package/src/generated/json-imports/Themes-fetch.ts +1 -1
  388. package/src/generated/json-imports/Themes-node.ts +1 -1
  389. package/src/generated/json-imports/Themes.ts +1 -1
  390. package/src/generated/json-imports/i18n-fetch.ts +1 -1
  391. package/src/generated/json-imports/i18n-node.ts +1 -1
  392. package/src/generated/json-imports/i18n.ts +1 -1
  393. package/src/generated/templates/HeroBannerTemplate.lit.ts +1 -1
  394. package/src/generated/templates/MastheadCountrySelectorTemplate.lit.ts +3 -3
  395. package/src/generated/templates/MastheadMenuTemplate.lit.ts +3 -3
  396. package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +2 -2
  397. package/src/generated/templates/MastheadShellTemplate.lit.ts +1 -1
  398. package/src/generated/templates/SearchableListBaseTemplate.lit.ts +2 -2
  399. package/src/generated/templates/SelectBoxTemplate.lit.ts +1 -1
  400. package/src/generated/themes/Accordion.css.ts +2 -2
  401. package/src/generated/themes/AccordionItem.css.ts +2 -2
  402. package/src/generated/themes/Avatar.css.ts +2 -2
  403. package/src/generated/themes/Badge.css.ts +2 -2
  404. package/src/generated/themes/Breadcrumbs.css.ts +2 -2
  405. package/src/generated/themes/BreadcrumbsPopover.css.ts +2 -2
  406. package/src/generated/themes/Button.css.ts +2 -2
  407. package/src/generated/themes/Carousel.css.ts +2 -2
  408. package/src/generated/themes/Checkbox.css.ts +2 -2
  409. package/src/generated/themes/Contact.css.ts +2 -2
  410. package/src/generated/themes/ContactItem.css.ts +2 -2
  411. package/src/generated/themes/ControlButton.css.ts +2 -2
  412. package/src/generated/themes/CountrySelector.css.ts +3 -3
  413. package/src/generated/themes/DatePicker.css.ts +2 -2
  414. package/src/generated/themes/DatePickerPopover.css.ts +2 -2
  415. package/src/generated/themes/Divider.css.ts +2 -2
  416. package/src/generated/themes/Dropdown.css.ts +2 -2
  417. package/src/generated/themes/EventRibbon.css.ts +2 -2
  418. package/src/generated/themes/FilterMenu.css.ts +2 -2
  419. package/src/generated/themes/Footer.css.ts +2 -2
  420. package/src/generated/themes/HeroBanner.css.ts +2 -2
  421. package/src/generated/themes/InputGroup.css.ts +2 -2
  422. package/src/generated/themes/Link.css.ts +2 -2
  423. package/src/generated/themes/List.css.ts +2 -2
  424. package/src/generated/themes/ListGroupHeader.css.ts +2 -2
  425. package/src/generated/themes/ListItem.css.ts +2 -2
  426. package/src/generated/themes/MastheadCountrySelector.css.ts +3 -3
  427. package/src/generated/themes/MastheadItem.css.ts +3 -3
  428. package/src/generated/themes/MastheadMenu.css.ts +2 -2
  429. package/src/generated/themes/MastheadMenuItem.css.ts +3 -3
  430. package/src/generated/themes/MastheadMobileMenu.css.ts +3 -3
  431. package/src/generated/themes/MastheadProfileMenu.css.ts +2 -2
  432. package/src/generated/themes/MastheadShell.css.ts +3 -3
  433. package/src/generated/themes/MediaPlayer.css.ts +2 -2
  434. package/src/generated/themes/MediaPlayerYoutube.css.ts +2 -2
  435. package/src/generated/themes/MessageStrip.css.ts +2 -2
  436. package/src/generated/themes/Modal.css.ts +2 -2
  437. package/src/generated/themes/Pagination.css.ts +2 -2
  438. package/src/generated/themes/PhoneNumberField.css.ts +2 -2
  439. package/src/generated/themes/ProgressBar.css.ts +2 -2
  440. package/src/generated/themes/Quote.css.ts +2 -2
  441. package/src/generated/themes/RadioButton.css.ts +2 -2
  442. package/src/generated/themes/RatingBar.css.ts +2 -2
  443. package/src/generated/themes/RatingIndicator.css.ts +3 -3
  444. package/src/generated/themes/Review.css.ts +2 -2
  445. package/src/generated/themes/ReviewItem.css.ts +2 -2
  446. package/src/generated/themes/Search.css.ts +3 -3
  447. package/src/generated/themes/SearchSuggestions.css.ts +2 -2
  448. package/src/generated/themes/SearchableList.css.ts +3 -3
  449. package/src/generated/themes/SecondaryNavigation.css.ts +2 -2
  450. package/src/generated/themes/SecondaryNavigationItem.css.ts +2 -2
  451. package/src/generated/themes/SecondaryNavigationSubItem.css.ts +2 -2
  452. package/src/generated/themes/SegmentedButton.css.ts +2 -2
  453. package/src/generated/themes/SegmentedButtonItem.css.ts +3 -3
  454. package/src/generated/themes/SelectBox.css.ts +2 -2
  455. package/src/generated/themes/SideNavigation.css.ts +2 -2
  456. package/src/generated/themes/SideNavigationGroup.css.ts +2 -2
  457. package/src/generated/themes/SideNavigationItem.css.ts +2 -2
  458. package/src/generated/themes/SideNavigationMobile.css.ts +2 -2
  459. package/src/generated/themes/SideNavigationMobileDropdown.css.ts +2 -2
  460. package/src/generated/themes/SideNavigationSubItem.css.ts +2 -2
  461. package/src/generated/themes/Slider.css.ts +3 -3
  462. package/src/generated/themes/StatusBadge.css.ts +2 -2
  463. package/src/generated/themes/StatusMessage.css.ts +2 -2
  464. package/src/generated/themes/StepInput.css.ts +2 -2
  465. package/src/generated/themes/Switch.css.ts +2 -2
  466. package/src/generated/themes/TabInOverflow.css.ts +2 -2
  467. package/src/generated/themes/TabNavigation.css.ts +2 -2
  468. package/src/generated/themes/Table.css.ts +2 -2
  469. package/src/generated/themes/TableCell.css.ts +2 -2
  470. package/src/generated/themes/TableCellBase.css.ts +2 -2
  471. package/src/generated/themes/TableGroupRow.css.ts +2 -2
  472. package/src/generated/themes/TableHeaderCell.css.ts +2 -2
  473. package/src/generated/themes/TableRowBase.css.ts +2 -2
  474. package/src/generated/themes/Tag.css.ts +2 -2
  475. package/src/generated/themes/TagGroup.css.ts +2 -2
  476. package/src/generated/themes/TextArea.css.ts +3 -3
  477. package/src/generated/themes/TextField.css.ts +2 -2
  478. package/src/generated/themes/Tile.css.ts +2 -2
  479. package/src/generated/themes/Toast.css.ts +2 -2
  480. package/src/generated/themes/Tooltip.css.ts +2 -2
  481. package/src/generated/themes/TruncatedText.css.ts +2 -2
  482. package/src/generated/themes/Upload.css.ts +2 -2
  483. package/src/generated/themes/UploadItem.css.ts +2 -2
  484. package/src/generated/themes/Wizard.css.ts +2 -2
  485. package/src/generated/themes/WizardTab.css.ts +2 -2
  486. package/src/i18n/messagebundle.properties +3 -0
  487. package/src/i18n/messagebundle_en.properties +1 -0
  488. package/src/themes/CountrySelector.css +11 -0
  489. package/src/themes/List.css +1 -0
  490. package/src/themes/MastheadCountrySelector.css +11 -0
  491. package/src/themes/MastheadItem.css +5 -6
  492. package/src/themes/MastheadMenuItem.css +7 -0
  493. package/src/themes/MastheadMobileMenu.css +1 -0
  494. package/src/themes/MastheadShell.css +8 -4
  495. package/src/themes/Search.css +3 -1
  496. package/src/themes/SearchableList.css +15 -0
  497. package/src/themes/SegmentedButtonItem.css +2 -2
  498. package/src/themes/TextArea.css +0 -7
  499. package/src/types/SearchableListBase.ts +6 -0
  500. package/src/utils/getEffectiveScrollbarStyle.ts +48 -0
  501. package/dist/assets/InputSuggestions-RQHqFxZ9.js +0 -2
  502. package/dist/assets/bundle-C9ZlnwwH.css +0 -1
  503. package/dist/assets/bundle.esm-DGH8Pvav.js +0 -399
  504. package/dist/assets/messagebundle_en-DXEe5nWA.js +0 -1
  505. package/dist/assets/parameters-bundle.css-1GGBOW8m.js +0 -2
  506. package/dist/assets/parameters-bundle.css-A9eeRg2R.js +0 -2
  507. package/dist/assets/parameters-bundle.css-COBI_9-U.js +0 -2
  508. package/dist/assets/parameters-bundle.css-CgAoZ-Ir.js +0 -2
  509. package/dist/assets/parameters-bundle.css-DuFHHRNK.js +0 -2
  510. package/dist/assets/parameters-bundle.css-Pf68NO0T.js +0 -2
  511. package/dist/assets/parameters-bundle.css-aX_t_-9o.js +0 -2
  512. package/dist/assets/parameters-bundle.css-rNSryFKH.js +0 -2
  513. package/dist/generated/templates/AccordionItemTemplate.lit.d.ts +0 -3
  514. package/dist/generated/templates/AccordionItemTemplate.lit.js +0 -8
  515. package/dist/generated/templates/AccordionItemTemplate.lit.js.map +0 -1
  516. package/dist/generated/templates/AccordionTemplate.lit.d.ts +0 -3
  517. package/dist/generated/templates/AccordionTemplate.lit.js +0 -10
  518. package/dist/generated/templates/AccordionTemplate.lit.js.map +0 -1
  519. package/dist/generated/templates/AvatarTemplate.lit.d.ts +0 -3
  520. package/dist/generated/templates/AvatarTemplate.lit.js +0 -9
  521. package/dist/generated/templates/AvatarTemplate.lit.js.map +0 -1
  522. package/dist/generated/templates/BadgeTemplate.lit.d.ts +0 -3
  523. package/dist/generated/templates/BadgeTemplate.lit.js +0 -9
  524. package/dist/generated/templates/BadgeTemplate.lit.js.map +0 -1
  525. package/dist/generated/templates/CarouselTemplate.lit.d.ts +0 -3
  526. package/dist/generated/templates/CarouselTemplate.lit.js +0 -10
  527. package/dist/generated/templates/CarouselTemplate.lit.js.map +0 -1
  528. package/dist/generated/templates/DividerTemplate.lit.d.ts +0 -3
  529. package/dist/generated/templates/DividerTemplate.lit.js +0 -7
  530. package/dist/generated/templates/DividerTemplate.lit.js.map +0 -1
  531. package/src/Accordion.hbs +0 -25
  532. package/src/AccordionItem.hbs +0 -37
  533. package/src/Avatar.hbs +0 -19
  534. package/src/Badge.hbs +0 -16
  535. package/src/Carousel.hbs +0 -45
  536. package/src/Divider.hbs +0 -1
  537. package/src/generated/templates/AccordionItemTemplate.lit.ts +0 -12
  538. package/src/generated/templates/AccordionTemplate.lit.ts +0 -14
  539. package/src/generated/templates/AvatarTemplate.lit.ts +0 -13
  540. package/src/generated/templates/BadgeTemplate.lit.ts +0 -13
  541. package/src/generated/templates/CarouselTemplate.lit.ts +0 -14
  542. package/src/generated/templates/DividerTemplate.lit.ts +0 -11
@@ -6,10 +6,10 @@ import type SearchableListBase from "../../SearchableListBase.js";
6
6
  import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
7
 
8
8
  function block0 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.showSearch ? block1.call(this, context, tags, suffix) : undefined }${ this.isListEmpty ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) } `;}
9
- function block1 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-search", tags, suffix)} slot="header" mode="Standard" class="udex-filter-menu__search" label="${ifDefined(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></${scopeTag("udex-search", tags, suffix)}>` : html`<udex-search slot="header" mode="Standard" class="udex-filter-menu__search" label="${ifDefined(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></udex-search>`;}
9
+ function block1 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-search", tags, suffix)} slot="header" mode="Standard" class="udex-filter-menu__search" label="${ifDefined(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></${scopeTag("udex-search", tags, suffix)}><span aria-live="polite" aria-atomic="true" class="hidden">${ifDefined(this._accSearchResultInfo)}</span>` : html`<udex-search slot="header" mode="Standard" class="udex-filter-menu__search" label="${ifDefined(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></udex-search><span aria-live="polite" aria-atomic="true" class="hidden">${ifDefined(this._accSearchResultInfo)}</span>`;}
10
10
  function block2 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-no-result"><span>${ifDefined(this.getNoResultText)}&lrm;</span></div>`;}
11
11
  function block3 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.busy ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) }`;}
12
- function block4 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-busy-indicator", tags, suffix)} class="udex-busy-indicator" size="Medium" delay="${ifDefined(this.busyDelay)}" active></${scopeTag("ui5-busy-indicator", tags, suffix)}>` : html`<ui5-busy-indicator class="udex-busy-indicator" size="Medium" delay="${ifDefined(this.busyDelay)}" active></ui5-busy-indicator>`;}
12
+ function block4 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-busy-indicator", tags, suffix)} class="udex-busy-indicator" size="M" delay="${ifDefined(this.busyDelay)}" active></${scopeTag("ui5-busy-indicator", tags, suffix)}>` : html`<ui5-busy-indicator class="udex-busy-indicator" size="M" delay="${ifDefined(this.busyDelay)}" active></ui5-busy-indicator>`;}
13
13
  function block5 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-list", tags, suffix)} id="udex-list" role="${ifDefined(this.roleForGroupList)}" accessible-role="${ifDefined(this.accessibleRoleForList)}" class="udex-filter-menu__list" ?controlled="${this.isControlled}" mode="${ifDefined(this.mode)}">${ repeat(this._filteredItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block6.call(this, context, tags, suffix, item, index)) }</${scopeTag("udex-list", tags, suffix)}>` : html`<udex-list id="udex-list" role="${ifDefined(this.roleForGroupList)}" accessible-role="${ifDefined(this.accessibleRoleForList)}" class="udex-filter-menu__list" ?controlled="${this.isControlled}" mode="${ifDefined(this.mode)}">${ repeat(this._filteredItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block6.call(this, context, tags, suffix, item, index)) }</udex-list>`;}
14
14
  function block6 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.isGroup ? block7.call(this, context, tags, suffix, item, index) : block12.call(this, context, tags, suffix, item, index) }`;}
15
15
  function block7 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.item.isSelectAllHeader ? block8.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index) }`;}
@@ -5,7 +5,7 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
5
5
  import type SelectBox from "../../SelectBox.js";
6
6
  import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
7
 
8
- function block0 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-select-box__root"><div class="udex-text-field__container"><div class="udex-text-field__wrap"><div @click="${this.getHandleSingleSelectOpen}" class="udex-text-field__input" @ui5-tag-icon-click="${ifDefined(this.handleRemoveTag)}" @keydown="${this.handleKeyDownTrigger}" ?open="${this._open}" tabindex="${ifDefined(this.effectiveTabIndex)}" @focusin="${this.handleFocusIn}" @focusout="${this.handleFocusOut}" ?disabled="${this.disabled}" ?displayonly="${this.displayonly}" ?readonly="${this.readonly}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-labelledby="${ifDefined(this.accInfo.ariaLabelledBy)}" aria-readonly="${ifDefined(this.isReadOrDisplayOnly)}" aria-disabled="${ifDefined(this.disabled)}" aria-haspopup="${ifDefined(this.listboxRole)}" aria-controls="${ifDefined(this.popoverId)}" aria-expanded="${ifDefined(this.tokenizerExpanded)}" aria-activedescendant>${ this.label ? block1.call(this, context, tags, suffix) : undefined }${ this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined }${ this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined }${ this.showTrigger ? block7.call(this, context, tags, suffix) : undefined }</div></div>${ this.supportingText ? block8.call(this, context, tags, suffix) : undefined }</div><${scopeTag("ui5-popover", tags, suffix)} hide-arrow id="${ifDefined(this.popoverId)}" class="udex-select-box__dropdown" ?allow-target-overlap="${this.allowTargetOverlap}" @keydown="${this.handleKeyDownDropdown}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @ui5-before-open="${ifDefined(this.handleDropdownBeforeOpen)}" @ui5-after-close="${ifDefined(this.handleDropdownAfterClose)}" @search-keydown="${this.handleKeyDownSearch}" horizontal-align="Start" placement="Bottom">${ this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }</${scopeTag("ui5-popover", tags, suffix)}></div>` : html`<div class="udex-select-box__root"><div class="udex-text-field__container"><div class="udex-text-field__wrap"><div @click="${this.getHandleSingleSelectOpen}" class="udex-text-field__input" @ui5-tag-icon-click="${ifDefined(this.handleRemoveTag)}" @keydown="${this.handleKeyDownTrigger}" ?open="${this._open}" tabindex="${ifDefined(this.effectiveTabIndex)}" @focusin="${this.handleFocusIn}" @focusout="${this.handleFocusOut}" ?disabled="${this.disabled}" ?displayonly="${this.displayonly}" ?readonly="${this.readonly}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-labelledby="${ifDefined(this.accInfo.ariaLabelledBy)}" aria-readonly="${ifDefined(this.isReadOrDisplayOnly)}" aria-disabled="${ifDefined(this.disabled)}" aria-haspopup="${ifDefined(this.listboxRole)}" aria-controls="${ifDefined(this.popoverId)}" aria-expanded="${ifDefined(this.tokenizerExpanded)}" aria-activedescendant>${ this.label ? block1.call(this, context, tags, suffix) : undefined }${ this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined }${ this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined }${ this.showTrigger ? block7.call(this, context, tags, suffix) : undefined }</div></div>${ this.supportingText ? block8.call(this, context, tags, suffix) : undefined }</div><ui5-popover hide-arrow id="${ifDefined(this.popoverId)}" class="udex-select-box__dropdown" ?allow-target-overlap="${this.allowTargetOverlap}" @keydown="${this.handleKeyDownDropdown}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @ui5-before-open="${ifDefined(this.handleDropdownBeforeOpen)}" @ui5-after-close="${ifDefined(this.handleDropdownAfterClose)}" @search-keydown="${this.handleKeyDownSearch}" horizontal-align="Start" placement="Bottom">${ this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }</ui5-popover></div>`;}
8
+ function block0 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-select-box__root"><div class="udex-text-field__container"><div class="udex-text-field__wrap"><div role="combobox" @click="${this.getHandleSingleSelectOpen}" class="udex-text-field__input" @ui5-tag-icon-click="${ifDefined(this.handleRemoveTag)}" @keydown="${this.handleKeyDownTrigger}" ?open="${this._open}" tabindex="${ifDefined(this.effectiveTabIndex)}" @focusin="${this.handleFocusIn}" @focusout="${this.handleFocusOut}" ?disabled="${this.disabled}" ?displayonly="${this.displayonly}" ?readonly="${this.readonly}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-labelledby="${ifDefined(this.accInfo.ariaLabelledBy)}" aria-readonly="${ifDefined(this.isReadOrDisplayOnly)}" aria-disabled="${ifDefined(this.disabled)}" aria-haspopup="${ifDefined(this.listboxRole)}" aria-controls="${ifDefined(this.popoverId)}" aria-expanded="${ifDefined(this.tokenizerExpanded)}" aria-activedescendant>${ this.label ? block1.call(this, context, tags, suffix) : undefined }${ this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined }${ this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined }${ this.showTrigger ? block7.call(this, context, tags, suffix) : undefined }</div></div>${ this.supportingText ? block8.call(this, context, tags, suffix) : undefined }</div><${scopeTag("ui5-popover", tags, suffix)} hide-arrow id="${ifDefined(this.popoverId)}" class="udex-select-box__dropdown" ?allow-target-overlap="${this.allowTargetOverlap}" @keydown="${this.handleKeyDownDropdown}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @ui5-before-open="${ifDefined(this.handleDropdownBeforeOpen)}" @ui5-after-close="${ifDefined(this.handleDropdownAfterClose)}" @search-keydown="${this.handleKeyDownSearch}" horizontal-align="Start" placement="Bottom">${ this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }</${scopeTag("ui5-popover", tags, suffix)}></div>` : html`<div class="udex-select-box__root"><div class="udex-text-field__container"><div class="udex-text-field__wrap"><div role="combobox" @click="${this.getHandleSingleSelectOpen}" class="udex-text-field__input" @ui5-tag-icon-click="${ifDefined(this.handleRemoveTag)}" @keydown="${this.handleKeyDownTrigger}" ?open="${this._open}" tabindex="${ifDefined(this.effectiveTabIndex)}" @focusin="${this.handleFocusIn}" @focusout="${this.handleFocusOut}" ?disabled="${this.disabled}" ?displayonly="${this.displayonly}" ?readonly="${this.readonly}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-labelledby="${ifDefined(this.accInfo.ariaLabelledBy)}" aria-readonly="${ifDefined(this.isReadOrDisplayOnly)}" aria-disabled="${ifDefined(this.disabled)}" aria-haspopup="${ifDefined(this.listboxRole)}" aria-controls="${ifDefined(this.popoverId)}" aria-expanded="${ifDefined(this.tokenizerExpanded)}" aria-activedescendant>${ this.label ? block1.call(this, context, tags, suffix) : undefined }${ this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined }${ this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined }${ this.showTrigger ? block7.call(this, context, tags, suffix) : undefined }</div></div>${ this.supportingText ? block8.call(this, context, tags, suffix) : undefined }</div><ui5-popover hide-arrow id="${ifDefined(this.popoverId)}" class="udex-select-box__dropdown" ?allow-target-overlap="${this.allowTargetOverlap}" @keydown="${this.handleKeyDownDropdown}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @ui5-before-open="${ifDefined(this.handleDropdownBeforeOpen)}" @ui5-after-close="${ifDefined(this.handleDropdownAfterClose)}" @search-keydown="${this.handleKeyDownSearch}" horizontal-align="Start" placement="Bottom">${ this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }</ui5-popover></div>`;}
9
9
  function block1 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="${ifDefined(this._id)}-single-label" class="${ifDefined(this.labelClass)}">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</span>`;}
10
10
  function block2 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}
11
11
  function block3 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-text-field__text-holder"><span class="udex-text-field__single-label">${unsafeHTML(this._singleSelectedOption)}</span></div>`;}
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-accordion-heading-color: var(--sapTitleColor, var(--udexCoreHeadingDark));font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px)}.udex-accordion__head{display:flex;justify-content:space-between;margin-bottom:var(--udexSpacer16, 16px)}.udex-accordion__headline{font-size:var(--sapFontHeader3Size,var(--udexTypographyHeadingRegularXSFontSize, 24px));font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyHeadingLineHeight, 26px);margin:var(--udexSpacer8, 8px);color:var(--udex-accordion-heading-color)}.udex-accordion__btn{height:42px;margin-inline-start:auto}.udex-accordion__btn::part(button){padding-inline:var(--udexSpacer12,12px)}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-accordion-item-icon-color: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexCoreHeadingDark));--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorGrey1, #F5F6F7);--udex-accordion-item-header-padding: var(--udexSpacer12, 12px) var(--udexSpacer12, 12px) var(--udexSpacer12, 12px) var(--udexSpacer8, 8px);--udex-accordion-item-content-margin: var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 42px;--udex-accordion-item-icon-height: 42px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapProgress_FontSize, 16px)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{display:flex;align-items:center;cursor:pointer;border:none;background:var(--udex-accordion-item-background-color);width:100%;font-family:inherit;color:var(--udex-accordion-item-headline-color);font-size:var(--udex-accordion-item-headline-font-size);gap:var(--udexSpacer12, 12px);padding:var(--udex-accordion-item-header-padding);line-height:var(--udexTypographyHeadingLineHeight, 1.1);border-bottom:var(--udex-accordion-item-border-width) solid var(--udex-accordion-item-border-color)}.udex-accordion-item__header:hover{background-color:var(--udex-accordion-item-hover-background-color)}:host([desktop]) .udex-accordion-item__header:focus,.udex-accordion-item__header:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px)}.udex-accordion-item__icon{height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px);color:var(--udex-accordion-item-icon-color);transform:rotate(0)}.udex-accordion-item__icon-wrapper{min-width:var(--udex-accordion-item-icon-width);height:var(--udex-accordion-item-icon-height);display:inline-flex;align-items:center;justify-content:center}:host(:dir(rtl)) .udex-accordion-item__icon{transform:rotate(0)}:host([expanded]) .udex-accordion-item__icon{transform:rotate(90deg)}:host([expanded]:dir(rtl)) .active .udex-accordion-item__icon{transform:rotate(-90deg)}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;text-align:left;display:flex;text-align:start}.udex-accordion-item__content{display:none;margin:var(--udex-accordion-item-content-margin)}:host([expanded]) .udex-accordion-item__content{display:block}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(--udexColorGrey5, #8396a8);--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host([disabled]){pointer-events:none}:host([shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-flex}:host([hidden]){display:none}:host([interactive]) .udex-avatar:hover{box-shadow:none}::slotted(*){pointer-events:none}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}.udex-avatar ::slotted([slot="badge"]){display:flex;justify-content:center;align-items:center;bottom:0;right:0;pointer-events:all}:host([size="XS"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="S"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="M"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="L"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size="XL"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([show-attention-badge][size="XS"]) .udex-avatar:before{position:absolute;content:"";inset-block-start:0;inset-inline-end:0;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}:host([size="XS"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size="S"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size="M"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size="L"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size="XL"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size="XS"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size="XS"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xs)}:host([size="S"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size="S"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-s)}:host([size="M"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size="M"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-m)}:host([size="L"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size="L"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-l)}:host([size="XL"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size="XL"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme="Blue"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([hover][color-scheme="Blue"]) .udex-avatar,:host([color-scheme="Blue"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-icon-color)}:host([color-scheme="Mango"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([hover][color-scheme="Mango"]) .udex-avatar,:host([color-scheme="Mango"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme="Red"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([hover][color-scheme="Red"]) .udex-avatar,:host([color-scheme="Red"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-icon-color)}:host([color-scheme="Raspberry"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([hover][color-scheme="Raspberry"]) .udex-avatar,:host([color-scheme="Raspberry"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-icon-color)}:host([color-scheme="Pink"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([hover][color-scheme="Pink"]) .udex-avatar,:host([color-scheme="Pink"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-icon-color)}:host([color-scheme="Indigo"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([hover][color-scheme="Indigo"]) .udex-avatar,:host([color-scheme="Indigo"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-icon-color)}:host([color-scheme="Teal"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([hover][color-scheme="Teal"]) .udex-avatar,:host([color-scheme="Teal"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-icon-color)}:host([color-scheme="Green"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([hover][color-scheme="Green"]) .udex-avatar,:host([color-scheme="Green"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-icon-color)}:host([color-scheme="Grey"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([hover][color-scheme="Grey"]) .udex-avatar,:host([color-scheme="Grey"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-icon-color)}:host([color-scheme="Transparent"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([hover][color-scheme="Transparent"]) .udex-avatar,:host([color-scheme="Transparent"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme="Neutral"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([hover][color-scheme="Neutral"]) .udex-avatar,:host([color-scheme="Neutral"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([hover]) .udex-avatar.udex-avatar--with-image,:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-info-badge-text-radius: .375rem;--udex-info-badge-number-radius: 1rem;--udex-info-badge-text-border-width: 1px;--udex-info-badge-text-medium-font-size: .875rem;--udex-info-badge-text-medium-line-height: 1.313rem;--udex-info-badge-text-medium-height: 1.813rem;--udex-info-badge-text-medium-padding: var(--udexSpacer4) var(--udexSpacer8);--udex-info-badge-text-small-font-size: .75rem;--udex-info-badge-text-small-line-height: 1.125rem;--udex-info-badge-text-small-height: 1.625rem;--udex-info-badge-text-small-padding: var(--udexSpacer4) var(--udexSpacer8);--udex-info-badge-number-medium-font-size: .875rem;--udex-info-badge-number-medium-line-height: 1rem;--udex-info-badge-number-medium-height: 1rem;--udex-info-badge-number-medium-padding: 0 var(--udexSpacer4);--udex-info-badge-number-small-font-size: .75rem;--udex-info-badge-number-small-line-height: .875rem;--udex-info-badge-number-small-height: .875rem;--udex-info-badge-number-small-padding: 0 var(--udexSpacer4);--udex-badge-icon-color: inherit;--udex-badge-icon-size: var(--udexSpacer12, 12px);--udex-neutral-badge-color-neutral-border-color: var(--sapMessage_NeutralBorderColor, var(--udexColorGrey4, #a9b4be));--udex-neutral-badge-color-neutral-text-color: var(--udexColorGrey9, #223548);--udex-neutral-badge-color-neutral-background: var(--sapNeutralBackground, var(--udexColorNeutralWhite, #ffffff));--udex-info-badge-color-information-border-color: var(--sapMessage_InformationBorderColor, var(--udexColorBlue7, #0070f2));--udex-info-badge-color-information-text-color: var(--sapInformationColor, var(--udexColorBlue9, #0040b0));--udex-info-badge-color-information-background: var(--sapInformationBackground, var(--udexCoreSemanticInfo1, #ebf8ff));--udex-info-badge-color-positive-border-color: var(--sapMessage_SuccessBorderColor, var(--udexCoreSemanticSuccess7, #188918));--udex-info-badge-color-positive-text-color: var(--sapSuccessColor, #1e592f);--udex-info-badge-color-positive-background: var(--sapSuccessBackground, var(--udexCoreSemanticSuccess1, #f5fae5));--udex-info-badge-color-warning-border-color: var(--sapWarningBorderColor, var(--udexCoreSemanticWarning7, #c35500));--udex-info-badge-color-warning-text-color: var(--sapWarningColor, #8d2a00);--udex-info-badge-color-warning-background: var(--sapWarningBackground, var(--udexCoreSemanticWarning1, #fff8d6));--udex-info-badge-color-negative-border-color: var(--sapErrorBorderColor, var(--udexCoreSemanticError7, #d20a0a));--udex-info-badge-color-negative-text-color: var(--sapErrorColor, #840606);--udex-info-badge-color-negative-background: var(--sapErrorBackground,var(--udexCoreSemanticError1, #ffeaf4));--udex-number-badge-color-blue-text-color: var(--udexColorNeutralWhite,#ffffff);--udex-number-badge-color-blue-background: var(--udexColorBlue7, #0070f2);--udex-number-badge-color-red-text-color: var(--udexColorNeutralWhite,#ffffff);--udex-number-badge-color-red-background: var(--sapNegativeBackgroundColor, #d20a0a);--udex-number-badge-color-neutral-background: var(--udexColorNeutralWhite, #ffffff);--udex-number-badge-color-neutral-text-color: var(--udexColorGrey9, #223548)}.udex-badge{box-sizing:border-box;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-tags-font-size);display:inline-flex;align-items:center;gap:var(--udexSpacer4, 4px)}.udex-badge__icon{height:var(--udex-badge-icon-size);min-width:var(--udex-badge-icon-size);color:var(--udex-badge-icon-color)}.udex-badge--text.udex-badge--medium{line-height:var(--udex-info-badge-text-medium-line-height);height:var(--udex-info-badge-text-medium-height);font-size:var(--udex-info-badge-text-medium-font-size);padding:var(--udex-info-badge-text-medium-padding)}.udex-badge--text.udex-badge--small{line-height:var(--udex-info-badge-text-small-line-height);height:var(--udex-info-badge-text-small-height);font-size:var(--udex-info-badge-text-small-font-size);padding:var(--udex-info-badge-text-small-padding)}.udex-badge--text{border-radius:var(--udex-info-badge-text-radius)}.udex-badge--text.udex-badge--information{background:var(--udex-info-badge-color-information-background);box-shadow:inset 0 0 0 var(--udex-info-badge-text-border-width) var(--udex-info-badge-color-information-border-color);color:var(--udex-info-badge-color-information-text-color)}.udex-badge--text.udex-badge--neutral{background:var(--udex-neutral-badge-color-neutral-background);box-shadow:inset 0 0 0 var(--udex-info-badge-text-border-width) var(--udex-neutral-badge-color-neutral-border-color);color:var(--udex-neutral-badge-color-neutral-text-color)}.udex-badge--text.udex-badge--positive{background:var(--udex-info-badge-color-positive-background);box-shadow:inset 0 0 0 var(--udex-info-badge-text-border-width) var(--udex-info-badge-color-positive-border-color);color:var(--udex-info-badge-color-positive-text-color)}.udex-badge--text.udex-badge--negative{background:var(--udex-info-badge-color-negative-background);box-shadow:inset 0 0 0 var(--udex-info-badge-text-border-width) var(--udex-info-badge-color-negative-border-color);color:var(--udex-info-badge-color-negative-text-color)}.udex-badge--text.udex-badge--warning{background:var(--udex-info-badge-color-warning-background);box-shadow:inset 0 0 0 var(--udex-info-badge-text-border-width) var(--udex-info-badge-color-warning-border-color);color:var(--udex-info-badge-color-warning-text-color)}.udex-badge--number{border-radius:var(--udex-info-badge-number-radius)}.udex-badge--number.udex-badge--medium{padding:var(--udex-info-badge-number-medium-padding);height:var(--udex-info-badge-number-medium-height);line-height:var(--udex-info-badge-number-medium-line-height);font-size:var(--udex-info-badge-number-medium-font-size)}.udex-badge--number.udex-badge--small{padding:var(--udex-info-badge-number-small-padding);height:var(--udex-info-badge-number-small-height);font-size:var(--udex-info-badge-number-small-font-size);line-height:var(--udex-info-badge-number-small-line-height)}.udex-badge--number.udex-badge--blue{color:var(--udex-number-badge-color-blue-text-color);background:var(--udex-number-badge-color-blue-background)}.udex-badge--number.udex-badge--red{color:var(--udex-number-badge-color-red-text-color);background:var(--udex-number-badge-color-red-background)}.udex-badge--number.udex-badge--neutral{color:var(--udex-number-badge-color-neutral-text-color);background:var(--udex-number-badge-color-neutral-background)}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-breadcrumbs-item-color: var(--sapNeutralElementColor, var(--udexColorGrey6, #5B738B ));--udex-breadcrumbs-item-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-breadcrumbs-item-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-breadcrumbs-margin: 0}.udex-breadcrumbs{font-family:var(--sapFontFamily);white-space:nowrap;outline:none;margin:var(--udex-breadcrumbs-margin)}.udex-breadcrumbs>ol{margin:0;padding:var(--udexSpacer2, 2px) 0;list-style-type:none;display:-webkit-box;display:-webkit-flex;display:flex}.udex-breadcrumbs>ol>li{display:inline-flex;align-items:baseline}.udex-breadcrumbs__separator:after{content:"/";padding:0 .125rem;color:var(--udex-breadcrumbs-item-color);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--udex-breadcrumbs-item-font-size);line-height:18px}:host([separators="DoubleSlash"]) .udex-breadcrumbs__separator:after{content:"//"}:host([separators="BackSlash"]) .udex-breadcrumbs__separator:after{content:"\\\\\\\\"}:host([separators="DoubleBackSlash"]) .udex-breadcrumbs__separator:after{content:"\\\\\\\\\\\\\\\\"}:host([separators="GreaterThan"]) .udex-breadcrumbs__separator:after{content:">"}:host([separators="DoubleGreaterThan"]) .udex-breadcrumbs__separator:after{content:">>"}.udex-breadcrumbs__trigger,.udex-breadcrumbs__arrow-wrapper [ui5-link][focused] [ui5-icon],.udex-breadcrumbs__item[focused],.udex-breadcrumbs__item{font-family:var(--sapFontFamily);color:var(--udex-breadcrumbs-item-color);--sapLink_Hover_Color: var(--udex-breadcrumbs-item-color);--sapFontSize: var(--udex-breadcrumbs-item-font-size);--sapLinkColor: var(--udex-breadcrumbs-item-color);--sapLink_Active_Color: var(--udex-breadcrumbs-item-color);--udex-link-text-decoration: none;position:relative}.udex-breadcrumbs__item{line-height:var(--udex-breadcrumbs-item-line-height)}.ui5-breadcrumbs-dropdown-arrow-link-wrapper{display:flex}.udex-breadcrumbs__trigger{border:none;background:none;padding:0;cursor:pointer;height:12px;width:12px;margin:auto;--udex-link-icon-width: 12px;--udex-link-icon-height: 12px;--udex-link-line-height: 12px}.udex-breadcrumbs__trigger:focus{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-breadcrumbs__trigger--opened [ui5-icon]{transform:rotate(180deg)}.udex-breadcrumbs__trigger,[ui5-link].udex-breadcrumbs__item{text-decoration:none;display:inline-flex}[ui5-link]:not([icon]).udex-breadcrumbs__item:hover:after{content:"";position:absolute;height:.0625rem;left:.125rem;right:.125rem;bottom:.125rem;background-color:var(--udex-breadcrumbs-item-color)}.udex-breadcrumbs .udex-breadcrumbs__arrow-wrapper [ui5-icon]:before{content:""}.udex-breadcrumbs .udex-breadcrumbs__arrow-wrapper [ui5-icon]{padding-left:0}.udex-breadcrumbs__arrow-wrapper [ui5-link][focused] [ui5-icon]:after,.udex-breadcrumbs__arrow-wrapper:hover [ui5-icon]:after{border-bottom:0}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-breadcrumbs-item-color: var(--sapNeutralElementColor, var(--udexColorGrey6, #5B738B));--udex-breadcrumbs-current-item-color: var(--udexCoreTextDark, #223548);--udex-breadcrumbs-dropdown-item-font-size: var(--udexTypographyNavigationMediumXSFontSize, 12px);--udex-breadcrumbs-dropdown-item-line-height: var(--udexTypographyNavigationLineHeight, 1.1)}.udex-breadcrumbs__popover{--udex-dropdown-vertical-distance: var(--udexSpacer4, 4px);--udex-dropdown-border-width: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-pane-max-width: fit-content}[ui5-icon]{width:.75rem;height:.75rem}.udex-breadcrumbs__popover-content{padding:var(--udexSpacer32) 52px var(--udexSpacer32) var(--udexSpacer20);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item{font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:var(--udex-breadcrumbs-dropdown-item-line-height);--udex-link-line-height: var(--udex-breadcrumbs-dropdown-item-line-height);--udex-link-icon-height: 12px;--udex-link-icon-width: 12px}.udex-breadcrumb__item--current{color:var(--udex-breadcrumbs-current-item-color);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-breadcrumbs__popover::part(content){padding:0}.udex-breadcrumbs__popover-content:dir(rtl){padding:var(--udexSpacer32) var(--udexSpacer20) var(--udexSpacer32) 52px}.udex-breadcrumbs__item--with-icon:dir(ltr)~.udex-breadcrumbs__item{padding-left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--with-icon:dir(rtl)~.udex-breadcrumbs__item{padding-right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--1{margin-left:var(--udexSpacer12)}.udex-breadcrumbs__item--2{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--1:dir(rtl){margin-right:var(--udexSpacer12)}.udex-breadcrumbs__item--2:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-button-color-transparent: hsla(0, 0%, 0%, 0);--udex-button-padding-small: 5px 10px;--udex-button-padding-medium: 9px 10px;--udex-button-padding-large: 8px 14px;--udex-button-icon-only-padding-small: 6px;--udex-button-icon-only-padding-medium: 10px;--udex-button-icon-only-padding-large: 12px;--udex-button-small-size: 25px;--udex-button-medium-size: 36px;--udex-button-large-size: 42px;--udex-button-icon-s-size: 14px;--udex-button-icon-m-size: 16px;--udex-button-icon-l-size: 18px;--udex-button-icon-text-spacing-small-size: 4px;--udex-button-icon-text-spacing-medium-size: 8px;--udex-button-icon-text-spacing-large-size: 8px;--udex-button-focus-border-radius: .375rem;--udex-button-focus-border-color: var(--sapContent_FocusColor);--udexTypographyFontWeightMedium: 500;--udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));--udex-button-color-primary-standard-default-border-color: var(--sapButton_Emphasized_BorderColor, var(--udexColorBlue8));--udex-button-color-primary-standard-default-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-hover-background: var(--sapButton_Emphasized_Hover_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-border-color: var(--sapButton_Emphasized_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-text-and-icon: var(--sapButton_Emphasized_Hover_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-active-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-standard-active-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-active-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));--udex-button-color-primary-standard-disabled-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-primary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-disabled-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-default-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-default-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-default-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-hover-background: var(--sapButton_Hover_Background, var(--udexColorGrey2));--udex-button-color-secondary-standard-hover-border: var(--sapButton_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-hover-text-and-icon: var(--sapButton_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-background: var(--sapButton_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-active-border: var(--sapButton_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-text-and-icon: var(--sapButton_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-disabled-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-disabled-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-disabled-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-secondary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-disabled-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-default-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-hover-background: var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));--udex-button-color-tertiary-standard-hover-border: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-tertiary-standard-hover-text-and-icon: var(--sapButton_Lite_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-disabled-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--sapButton_Lite_Disabled_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-tertiary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-background: var(--sapButton_Lite_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-disabled-border: var(--sapButton_Lite_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-invisible-padding-small: 2px 0px;--udex-button-invisible-padding-medium: 4px 0px;--udex-button-invisible-padding-large: 8px 0px;--udex-button-invisible-focus-inset: -2px;--udex-button-color-invisible-standard-default-background: transparent;--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue8);--udex-button-color-invisible-standard-hover-background: transparent;--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorBlue10);--udex-button-color-invisible-standard-active-background: transparent;--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue11);--udex-button-color-invisible-standard-disabled-background: transparent;--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue8);--udex-button-color-positive-standard-default-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-default-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-default-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-standard-hover-background: var(--sapButton_Accept_Hover_Background, var(--udexCoreSemanticSuccess3));--udex-button-color-positive-standard-hover-border: var(--sapButton_Accept_Hover_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-hover-text-and-icon: var(--sapButton_Accept_Hover_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-background: var(--sapButton_Accept_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-standard-active-border: var(--sapButton_Accept_Active_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-text-and-icon: var(--sapButton_Accept_Active_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-disabled-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-disabled-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-disabled-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-default-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-default-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-default-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-hover-background: var(--sapButton_Accept_Selected_Hover_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-toggled-hover-border: var(--sapButton_Accept_Selected_Hover_BorderColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-hover-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-disabled-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-disabled-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-disabled-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-negative-standard-default-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-default-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-default-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-standard-hover-background: var(--sapButton_Reject_Hover_Background, var(--udexCoreSemanticError3));--udex-button-color-negative-standard-hover-border: var(--sapButton_Reject_Hover_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-hover-text-and-icon: var(--sapButton_Reject_Hover_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-background: var(--sapButton_Reject_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-standard-active-border: var(--sapButton_Reject_Active_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-text-and-icon: var(--sapButton_Reject_Active_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-disabled-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-disabled-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-disabled-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-default-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-default-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-default-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-hover-background: var(--sapButton_Reject_Selected_Hover_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-toggled-hover-border: var(--sapButton_Reject_Selected_Hover_BorderColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexCoreSemanticError8, #AA0808);--udex-button-color-negative-toggled-disabled-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-disabled-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-disabled-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-warning-standard-default-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-default-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-default-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-standard-hover-background: var(--sapButton_Attention_Hover_Background, var(--udexCoreSemanticWarning3));--udex-button-color-warning-standard-hover-border: var(--sapButton_Attention_Hover_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-hover-text-and-icon: var(--sapButton_Attention_Hover_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-background: var(--sapButton_Attention_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-standard-active-border: var(--sapButton_Attention_Active_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-text-and-icon: var(--sapButton_Attention_Active_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-disabled-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-disabled-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-disabled-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-default-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-default-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-default-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-hover-background: var(--sapButton_Attention_Selected_Hover_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-toggled-hover-border: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-hover-text-and-icon: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-disabled-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-disabled-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-disabled-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10))}:host([desktop][active]) .ui5-button-root:focus-within:before{border-radius:var(--udex-button-focus-border-radius)}:host{display:inline-block;font-weight:var(--udexTypographyFontWeightMedium)}:host([size="Small"]){font-size:var(--udexTypographyNavigationMediumMFontSize, 14px);height:var(--udex-button-small-size)}:host([size="Small"])::part(button){padding:var(--udex-button-padding-small)}:host([design="Primary"][desktop]:not([active])) .ui5-button-root:focus-within:after,:host([design="Primary"]:not([active])) .ui5-button-root:focus-visible:after{border-color:var(--udexColorNeutralWhite, #fff)}:host([design="Primary"][desktop][toggled]:not([active])) .ui5-button-root:focus-within:after,:host([design="Primary"][toggled]:not([active])) .ui5-button-root:focus-visible:after{border-color:var(--udexColorBlue10, #002A86)}:host([design="Invisible"]:not([active])) .ui5-button-root:focus-visible:after,:host([design="Invisible"]:not([toggled])[desktop]) .ui5-button-root:focus-within:before,:host([design="Invisible"]:not([toggled])[desktop]) .ui5-button-root:focus-within:after{inset:var(--udex-button-invisible-focus-inset)}:host([desktop]:not([active])) .ui5-button-root:focus-within:after,:host(:not([active])) .ui5-button-root:focus-visible:after{border:.125rem solid var(--udex-button-focus-border-color)}:host,:host([size="Medium"]){font-size:var(--udexTypographyNavigationMediumXLFontSize, 1rem);height:var(--udex-button-medium-size)}:host::part(button),:host([size="Medium"])::part(button){padding:var(--udex-button-padding-medium)}:host([size="Large"]){font-size:var(--udexTypographyNavigationMediumXLFontSize, 1rem);height:var(--udex-button-large-size)}:host([size="Large"])::part(button){padding:var(--udex-button-padding-large)}:host([size="Small"][icon-only]){min-width:var(--udex-button-small-size);max-width:var(--udex-button-small-size);height:var(--udex-button-small-size);min-height:var(--udex-button-small-size)}:host([icon-only]),:host([size="Medium"][icon-only]){min-width:var(--udex-button-medium-size);max-width:var(--udex-button-medium-size);height:var(--udex-button-medium-size);min-height:var(--udex-button-medium-size)}:host([end-icon]) .ui5-button-icon{margin-inline-start:0}:host([size="Large"][icon-only]){min-width:var(--udex-button-large-size);max-width:var(--udex-button-large-size);height:var(--udex-button-large-size);min-height:var(--udex-button-large-size)}:host([size="Small"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-small)}:host([icon-only])::part(button),:host([size="Medium"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-medium)}:host([size="Large"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-large)}:host([icon-only][end-icon])::part(icon){margin:0}:host([end-icon])::part(icon){margin-inline-start:0}:host([size="Small"])::part(icon),:host([size="Small"])::part(endIcon){height:var(--udex-button-icon-s-size, 14px);width:var(--udex-button-icon-s-size, 14px)}:host([size="Medium"])::part(icon),:host([size="Medium"])::part(endIcon){height:var(--udex-button-icon-m-size, 16px);width:var(--udex-button-icon-m-size, 16px)}:host([size="Large"])::part(icon),:host([size="Large"])::part(endIcon){height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px)}:host([has-icon]:not([icon-only])[size="Small"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size="Small"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[end-icon]) .ui5-button-text,:host([has-icon]:not([icon-only])[size="Medium"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only]):not([end-icon])) .ui5-button-text,:host([has-icon]:not([icon-only])[size="Medium"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size="Large"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-large-size)}:host([has-icon]:not([icon-only])[size="Large"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-large-size)}:host:disabled,:host([design="Default"]):disabled,:host([design="Secondary"]):disabled,:host([design="Invisible"]):disabled,:host([design="Emphasized"][_aria-disabled]):disabled,:host([design="Primary"][_aria-disabled]):disabled,:host([design="Transparent"]):disabled,:host([design="Tertiary"]):disabled,:host([design="Negative"]):disabled,:host([design="Attention"]):disabled,:host([design="Warning"]):disabled,:host([design="Positive"]):disabled{opacity:var(--sapContent_DisabledOpacity, .4)}:host,:host([design="Emphasized"]),:host([design="Primary"]){font-family:var(--sapFontFamily);color:var(--udex-button-color-primary-standard-default-text-and-icon);background-color:var(--udex-button-color-primary-standard-default-background);border:1px solid var(--udex-button-color-primary-standard-default-border-color)}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([disabled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Primary"]:not([disabled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-primary-standard-hover-text-and-icon);background-color:var(--udex-button-color-primary-standard-hover-background);border:1px solid var(--udex-button-color-primary-standard-hover-border-color)}:host([active]:not([disabled])),:host([design="Emphasized"][active]:not([disabled])),:host([design="Primary"][active]:not([disabled])){color:var(--udex-button-color-primary-standard-active-text-and-icon);background-color:var(--udex-button-color-primary-standard-active-background);border:1px solid var(--udex-button-color-primary-standard-active-border)}:host:disabled,:host([design="Emphasized"]):disabled,:host([design="Primary"]):disabled{color:var(--udex-button-color-primary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-primary-standard-disabled-background);border:1px solid var(--udex-button-color-primary-standard-disabled-background)}:host([toggled]),:host([design="Emphasized"][toggled]),:host([design="Primary"][toggled]){color:var(--udex-button-color-primary-toggled-default-text-and-icon);background-color:var(--udex-button-color-primary-toggled-default-background);border:1px solid var(--udex-button-color-primary-toggled-default-border)}:host([toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Primary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-primary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-primary-toggled-hover-background);border:1px solid var(--udex-button-color-primary-toggled-hover-border)}:host([toggled]):disabled,:host([design="Emphasized"][toggled]):disabled,:host([design="Primary"][toggled]):disabled{color:var(--udex-button-color-primary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-primary-toggled-disabled-background);border:1px solid var(--udex-button-color-primary-toggled-disabled-border)}:host([design="Default"]),:host([design="Secondary"]){color:var(--udex-button-color-secondary-standard-default-text-and-icon);background-color:var(--udex-button-color-secondary-standard-default-background);border:1px solid var(--udex-button-color-secondary-standard-default-border)}:host([design="Default"]:not([disabled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Secondary"]:not([disabled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-secondary-standard-hover-text-and-icon);background-color:var(--udex-button-color-secondary-standard-hover-background);border:1px solid var(--udex-button-color-secondary-standard-hover-border)}:host([design="Default"][active]:not([disabled])),:host([design="Secondary"][active]:not([disabled])){color:var(--udex-button-color-secondary-standard-active-text-and-icon);background-color:var(--udex-button-color-secondary-standard-active-background);border:1px solid var(--udex-button-color-secondary-standard-active-border)}:host([design="Default"]):disabled,:host([design="Secondary"]):disabled{color:var(--udex-button-color-secondary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-standard-disabled-background);border:1px solid var(--udex-button-color-secondary-standard-disabled-border)}:host([design="Default"][toggled]),:host([design="Secondary"][toggled]){color:var(--udex-button-color-secondary-toggled-default-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-default-background);border:1px solid var(--udex-button-color-secondary-toggled-default-border)}:host([design="Default"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Secondary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-secondary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-hover-background);border:1px solid var(--sapButton_Selected_Hover_BorderColor)}:host([design="Default"][toggled]):disabled,:host([design="Secondary"][toggled]):disabled{color:var(--udex-button-color-secondary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-disabled-background);border:1px solid var(--udex-button-color-secondary-toggled-disabled-border)}:host([design="Transparent"]),:host([design="Tertiary"]){color:var(--udex-button-color-tertiary-standard-default-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-default-background);border:1px solid var(--udex-button-color-tertiary-standard-default-border)}:host([design="Transparent"]:not([disabled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Tertiary"]:not([disabled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-tertiary-standard-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-hover-background);border:1px solid var(--udex-button-color-tertiary-standard-hover-border)}:host([design="Transparent"][active]:not([disabled])),:host([design="Tertiary"][active]:not([disabled])){color:var(--udex-button-color-tertiary-standard-active-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-active-background);border:1px solid var(--udex-button-color-tertiary-standard-active-border)}:host([design="Transparent"]):disabled,:host([design="Tertiary"]):disabled{color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border)}:host([design="Transparent"][toggled]),:host([design="Tertiary"][toggled]){color:var(--udex-button-color-tertiary-toggled-default-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-default-background);border:1px solid var(--udex-button-color-tertiary-toggled-default-border)}:host([design="Transparent"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Tertiary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-tertiary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-hover-background);border:1px solid var(--udex-button-color-tertiary-toggled-hover-border)}:host([design="Transparent"][toggled]):disabled,:host([design="Tertiary"][toggled]):disabled{color:var(--udex-button-color-tertiary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-disabled-background);border:1px solid var(--udex-button-color-tertiary-toggled-disabled-border)}:host([design="Invisible"]){color:var(--udex-button-color-invisible-standard-default-text-and-icon);background-color:var(--udex-button-color-invisible-standard-default-background);border:none;height:auto;overflow:visible}:host([design="Invisible"][size="Small"])::part(button){padding:var(--udex-button-invisible-padding-small)}:host([design="Invisible"][size="Medium"])::part(button){padding:var(--udex-button-invisible-padding-medium)}:host([design="Invisible"][size="Large"])::part(button){padding:var(--udex-button-invisible-padding-large)}:host([design="Invisible"]:not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){color:var(--udex-button-color-invisible-standard-hover-text-and-icon);background-color:var(--udex-button-color-invisible-standard-hover-background);border:none}:host([design="Invisible"][active]:not([disabled])){color:var(--udex-button-color-invisible-standard-active-text-and-icon);background-color:var(--udex-button-color-invisible-standard-active-background);border:none}:host([design="Invisible"]):disabled{color:var(--udex-button-color-invisible-standard-disabled-text-and-icon);background-color:var(--udex-button-color-invisible-standard-disabled-background);border:none}:host([design=Positive]){color:var(--udex-button-color-positive-standard-default-text-and-icon);background-color:var(--udex-button-color-positive-standard-default-background);border:1px solid var(--udex-button-color-positive-standard-default-border)}:host([design="Positive"]:not([disabled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-positive-standard-hover-text-and-icon);background-color:var(--udex-button-color-positive-standard-hover-background);border:1px solid var(--udex-button-color-positive-standard-hover-border)}:host([design=Positive][active]:not([disabled])){color:var(--udex-button-color-positive-standard-active-text-and-icon);background-color:var(--udex-button-color-positive-standard-active-background);border:1px solid var(--udex-button-color-positive-standard-active-border)}:host([design=Positive]):disabled{color:var(--udex-button-color-positive-standard-disabled-text-and-icon);background-color:var(--udex-button-color-positive-standard-disabled-background);border:1px solid var(--udex-button-color-positive-standard-disabled-border)}:host([design=Positive][toggled]){color:var(--udex-button-color-positive-toggled-default-text-and-icon);background-color:var(--udex-button-color-positive-toggled-default-background);border:1px solid var(--udex-button-color-positive-toggled-default-border)}:host([design=Positive][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-positive-toggled-hover-text-and-icon);background-color:var(--udex-button-color-positive-toggled-hover-background);border:1px solid var(--udex-button-color-positive-toggled-hover-border)}:host([design=Positive][toggled]):disabled{color:var(--udex-button-color-positive-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-positive-toggled-disabled-background);border:1px solid var(--udex-button-color-positive-toggled-disabled-border)}:host([design=Negative]){color:var(--udex-button-color-negative-standard-default-text-and-icon);background-color:var(--udex-button-color-negative-standard-default-background);border:1px solid var(--udex-button-color-negative-standard-default-border)}:host([design="Negative"]:not([disabled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-negative-standard-hover-text-and-icon);background-color:var(--udex-button-color-negative-standard-hover-background);border:1px solid var(--udex-button-color-negative-standard-hover-border)}:host([design=Negative][active]:not([disabled])),:host([design=Negative][active][_aria-disabled="false"]){color:var(--udex-button-color-negative-standard-active-text-and-icon);background-color:var(--udex-button-color-negative-standard-active-background);border:1px solid var(--udex-button-color-negative-standard-active-border)}:host([design=Negative]):disabled{color:var(--udex-button-color-negative-standard-disabled-text-and-icon);background-color:var(--udex-button-color-negative-standard-disabled-background);border:1px solid var(--udex-button-color-negative-standard-disabled-border)}:host([design=Negative][toggled]){color:var(--udex-button-color-negative-toggled-default-text-and-icon);background-color:var(--udex-button-color-negative-toggled-default-background);border:1px solid var(--udex-button-color-negative-toggled-default-border)}:host([design=Negative][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-negative-toggled-hover-text-and-icon);background-color:var(--udex-button-color-negative-toggled-hover-background);border:1px solid var(--udex-button-color-negative-toggled-hover-border)}:host([design=Negative][toggled]):disabled{color:var(--udex-button-color-negative-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-negative-toggled-disabled-background);border:1px solid var(--udex-button-color-negative-toggled-disabled-border)}:host([design=Attention]),:host([design="Warning"]){color:var(--udex-button-color-warning-standard-default-text-and-icon);background-color:var(--udex-button-color-warning-standard-default-background);border:1px solid var(--udex-button-color-warning-standard-default-border)}:host([design="Attention"]:not([disabled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Warning"]:not([disabled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-warning-standard-hover-text-and-icon);background-color:var(--udex-button-color-warning-standard-hover-background);border:1px solid var(--udex-button-color-warning-standard-hover-border)}:host([design="Attention"][active]:not([disabled])),:host([design="Warning"][active]:not([disabled])){color:var(--udex-button-color-warning-standard-active-text-and-icon);background-color:var(--udex-button-color-warning-standard-active-background);border:1px solid var(--udex-button-color-warning-standard-active-border)}:host([design="Attention"]):disabled,:host([design="Warning"]):disabled{color:var(--udex-button-color-warning-standard-disabled-text-and-icon);background-color:var(--udex-button-color-warning-standard-disabled-background);border:1px solid var(--udex-button-color-warning-standard-disabled-border)}:host([design="Attention"][toggled]),:host([design="Warning"][toggled]){color:var(--udex-button-color-warning-toggled-default-text-and-icon);background-color:var(--udex-button-color-warning-toggled-default-background);border:1px solid var(--udex-button-color-warning-toggled-default-border)}:host([design="Attention"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Warning"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-warning-toggled-hover-text-and-icon);background-color:var(--udex-button-color-warning-toggled-hover-background);border:1px solid var(--udex-button-color-warning-toggled-hover-border)}:host([design="Attention"][toggled]):disabled,:host([design="Warning"][toggled]):disabled{color:var(--udex-button-color-warning-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-warning-toggled-disabled-background);border:1px solid var(--udex-button-color-warning-toggled-disabled-border)}:host([aria-disabled="true"][design="Tertiary"]) .ui5-button-root,:host([_aria-disabled][design="Tertiary"]) .ui5-button-root,:host([design="Tertiary"][_aria-disabled][active]),:host([design="Tertiary"][aria-disabled="true"][active]){color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border)}:host([aria-disabled="true"][design="Tertiary"]) .ui5-button-root,:host([_aria-disabled][design="Tertiary"]) .ui5-button-root{opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Tertiary"][aria-disabled="true"]:not([active]):not([non-interactive]):not([_is-touch]):not([toggled]):hover),:host([design="Tertiary"][aria-disabled="true"][active]:not([non-interactive]):not([_is-touch]):not([toggled])) :host([design="Tertiary"][_aria-disabled][active]:not([non-interactive]):not([_is-touch]):not([toggled])),:host([design="Tertiary"][_aria-disabled]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover){color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border)}:host([design="Tertiary"][aria-disabled="true"][active]:not([non-interactive]):not([_is-touch]):not([toggled])),:host([design="Tertiary"][_aria-disabled][active]:not([disabled])),:host([desktop][design="Tertiary"][aria-disabled="true"][active]:not([non-interactive]):not([_is-touch]):not([toggled])),:host([desktop][design="Tertiary"][_aria-disabled][active]){border:none}:host([desktop][design="Tertiary"][_aria-disabled]) .ui5-button-root:after,:host([desktop][design="Tertiary"][_aria-disabled]) .ui5-button-root:before,:host([desktop][active][design="Tertiary"][_aria-disabled]) .ui5-button-root:after,:host([desktop][active][design="Tertiary"][_aria-disabled]) .ui5-button-root:before,:host([desktop][design="Tertiary"][aria-disabled="true"]) .ui5-button-root:after,:host([desktop][design="Tertiary"][aria-disabled="true"]) .ui5-button-root:before,:host([desktop][active][design="Tertiary"][aria-disabled="true"]) .ui5-button-root:after,:host([desktop][active][design="Tertiary"][aria-disabled="true"]) .ui5-button-root:before{content:none}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--sapElement_BorderWidth: 0}.udex-carousel{position:relative}.udex-carousel__navigation--bottom{padding-bottom:6px}.udex-carousel__navigation--bottom ui5-carousel::part(content){padding-bottom:7px}:host([hide-page-indicator]) .udex-carousel__navigation--bottom,:host([hide-page-indicator]) .udex-carousel__navigation--bottom ui5-carousel::part(content){padding-bottom:0}.udex-carousel__navigation-wrapper{height:3.5rem;width:100%;display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box}.udex-carousel__navigation--top .udex-carousel__navigation-wrapper{justify-content:end;margin-bottom:10px}.udex-carousel__navigation--bottom .udex-carousel__navigation-wrapper{justify-content:center;position:absolute;bottom:0;left:0}:host([hide-page-indicator]) .udex-carousel__navigation--bottom .udex-carousel__navigation-wrapper{position:static}.udex-carousel__navigation--top .udex-carousel__navigation-button{margin-inline-start:var(--udexSpacer16, 16px)}.udex-carousel__navigation--bottom .udex-carousel__navigation-button:first-child{margin-inline-end:4.7rem}.udex-carousel__navigation--bottom .udex-carousel__navigation-button:last-child{margin-inline-start:4.7rem}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-checkbox-success-border-color: var(--udexColorGreen6, #36A41D);--udex-checkbox-success-background-hover: var(--udexColorGreen1, #F5FAE5);--udex-checkbox-success-icon-color: var(--udexColorGreen8, #256F3A);--udex-checkbox-success-indeterminate-color: var(--udexColorGreen8, #256F3A);--udex-checkbox-error-border-color: var(--udexColorRed6, #EE3939);--udex-checkbox-error-background-hover: var(--udexColorRed1, #FFEAF4);--udex-checkbox-error-icon-color: var(--udexColorRed8, #AA0808);--udex-checkbox-error-indeterminate-color: var(--udexColorRed8, #AA0808);--udex-checkbox-background: var(--sapBackgroundColor, #FFF);--udex-checkbox-width-height: 24px;--udex-checkbox-root-width-height: 42px;--udex-checkbox-border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--udex-checkbox-border-radius: var(--udexRadiusXS, 4px);--udex-checkbox-checkmark-color: var(--udexColorBlue7, #0070F2);--udex-checkbox-selected-border-color: var(--sapField_BorderColor, #5B738B);--udex-checkbox-label-color: var(--udexColorGrey9, #223548);--udex-checkbox-label-offset: 2px;--udex-checkbox-hover-background: var(--sapInformationBackground, #EBF8FF);--udex-checkbox-hover-border-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-checkbox-icon-size: 16px;--udex-checkbox-disabled-label-color: var(--udexColorGrey9, #223548);--udex-checkbox-disabled-border-color: var(--sapField_BorderColor, #5B738B);--udex-checkbox-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-checkbox-active-border-color: var(--sapSelectedColor, #0070F2);--udex-checkbox-readonly-border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;padding-inline-end:var(--udexSpacer2, 2px)}:host .ui5-checkbox-root:focus:before,:host .ui5-checkbox-root:focus-visible:before{inset-inline:0px;inset-block:0px}:host([text]) .ui5-checkbox-root{padding-inline-end:0}:host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,:host([active]:not([checked])[value-state="None"]:not([disabled])) .ui5-checkbox-inner{border-color:var(--udex-checkbox-active-border-color)}:host([disabled]) .ui5-checkbox-label{color:var(--udex-checkbox-disabled-label-color)}:host([disabled]) .ui5-checkbox-inner{border-color:var(--udex-checkbox-disabled-border-color)}.ui5-checkbox-icon,:host([indeterminate][checked]) .ui5-checkbox-inner:after{width:var(--udex-checkbox-icon-size);height:var(--udex-checkbox-icon-size)}.ui5-checkbox-inner{background:var(--udex-checkbox-background);min-width:var(--udex-checkbox-width-height);max-width:var(--udex-checkbox-width-height);height:var(--udex-checkbox-width-height);max-height:var(--udex-checkbox-width-height);border:var(--udex-checkbox-border);border-radius:var(--udex-checkbox-border-radius);color:var(--udex-checkbox-checkmark-color)}:host([checked]:not([value-state])) .ui5-checkbox-inner,:host([checked][value-state="None"]) .ui5-checkbox-inner{border-color:var(--udex-checkbox-selected-border-color)}.ui5-checkbox-root .ui5-checkbox-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));color:var(--udex-checkbox-label-color);margin-inline-start:var(--udex-checkbox-label-offset);margin-inline:var(--udex-checkbox-label-offset) 9px;margin-block:9px}:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active])[checked][value-state="None"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active]):not([checked])[value-state="None"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--udex-checkbox-hover-background);border-color:var(--udex-checkbox-hover-border-color)}:host([display-only]) .ui5-checkbox-display-only-icon-inner{min-width:var(--udex-checkbox-width-height);min-height:var(--udex-checkbox-root-width-height)}:host([disabled]) .ui5-checkbox-root{opacity:var(--udex-checkbox-disabled-opacity)}:host([readonly]){--sapField_TextColor: var(--sapField_ReadOnly_BorderColor)}:host([value-state="Success"]) .ui5-checkbox-inner{border-color:var(--udex-checkbox-success-border-color)}:host(:not([disabled])[value-state="Success"]:hover) .ui5-checkbox-inner{background:var(--udex-checkbox-success-background-hover)}:host(:not([readonly])[value-state="Success"]) .ui5-checkbox-icon{color:var(--udex-checkbox-success-icon-color)}:host(:not([readonly])[value-state="Success"][indeterminate][checked]) .ui5-checkbox-inner:after{background:var(--udex-checkbox-success-indeterminate-color)}:host([value-state="Error"]) .ui5-checkbox-inner{border-color:var(--udex-checkbox-error-border-color)}:host(:not([disabled])[value-state="Error"]:hover) .ui5-checkbox-inner{background:var(--udex-checkbox-error-background-hover)}:host(:not([readonly])[value-state="Error"]) .ui5-checkbox-icon{color:var(--udex-checkbox-error-icon-color)}:host(:not([readonly])[value-state="Error"][indeterminate][checked]) .ui5-checkbox-inner:after{background:var(--udex-checkbox-error-indeterminate-color)}:host([display-only])::part(icon){height:24px;width:24px}.ui5-checkbox-root,:host(:not([wrapping-type="None"])[text]) .ui5-checkbox-root{padding:0}.ui5-checkbox-inner{margin:9px}:host([readonly]) .ui5-checkbox-inner,:host([readonly][value-state="Warning"][value-state="Error"][value-state="Success"]) .ui5-checkbox-inner{background:var(--sapField_ReadOnly_Background);border:var(--udex-checkbox-readonly-border);color:var(--sapField_TextColor)}:host([required]) .ui5-checkbox-label:after{padding-inline:var(--udexSpacer8) var(--udexSpacer2);content:"*"}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-contact-popover-width: 360px;--udex-contact-popover-shadow: 0 20px 80px 0 rgba(34, 54, 73, .25), 0 0 0 0 rgba(255, 255, 255, 0);--udex-contact-call-us-background: var(--udexColorBlue7, #0070F2);--udex-contact-call-us-padding: 28px var(--udexSpacer32);--udex-contact-botton-position: var(--udexSpacer24);--udex-contact-right-position: var(--udexSpacer24);position:fixed;bottom:var(--udex-contact-botton-position);right:var(--udex-contact-right-position)}:host(:dir(rtl)){right:auto;left:var(--udex-contact-right-position)}.udex-contact__button{--udex-button-icon-l-size: 26px;--udex-button-large-size: 58px;--udex-button-icon-text-spacing-large-size: var(--udexSpacer12);--udex-button-padding-large: 8px 18px;box-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);border:2px solid var(--udexColorNeutralWhite, #FFF);background:var(--udexColorBlue7, #0070F2)}.udex-contact__opener{padding-top:var(--udexSpacer24)}.udex-contact__button:hover{background:var(--udexColorBlue9, #0040B0)}[open].udex-contact__popover+.udex-contact__opener{pointer-events:none}[open].udex-contact__popover+.udex-contact__opener .udex-contact__button,:host [active].udex-contact__button{background:var(--udexColorNeutralWhite, #FFF);color:var(--udexColorBlue9, #0040B0);border-color:var(--udexColorBlue9, #0040B0);pointer-events:auto}.udex-contact__popover{width:var(--udex-contact-popover-width);box-shadow:var(--udex-contact-popover-shadow)}.udex-contact__call-us{background:var(--udex-contact-call-us-background);padding:var(--udex-contact-call-us-padding);font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);color:var(--udexColorNeutralWhite);text-align:center}.udex-contact__close-btn-wrap{text-align:end;height:0}.udex-contact__close-btn{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFF);color:var(--udexColorNeutralWhite, #FFF);margin-inline-start:auto;display:none}[on-phone] .udex-contact__call-us-heading,[on-phone] .udex-contact__close-btn{display:block}[on-phone] .udex-contact__call-us-heading{margin-inline-end:var(--udexSpacer8)}.udex-contact__items{padding:var(--udexSpacer12) 0}.udex-contact__popover::part(content){padding:0}.udex-contact__call-us-heading,[on-phone].udex-contact__popover::part(header){display:none}.udex-contact__call-us-title{font-size:var(--udexTypographyBodyXLFontSize, 24px);line-height:var(--udexTypographyBodyLineHeight, 1.5);font-weight:var(--udexTypographyFontWeightRegular, 400);margin:0 0 var(--udexSpacer12)}.udex-contact__number-wrapper:first-child .udex-contact__number{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}.udex-contact__number-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--udexSpacer12);font-size:var(--udexTypographyBodyLFontSize , 20px);line-height:var(--udexTypographyBodyLineHeight, 1.5)}.udex-contact__complete-list{margin:28px 0 0}.udex-contact__country{font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);margin-bottom:var(--udexSpacer2)}.udex-contact__local-country-link,.udex-contact__number{--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFF);color:var(--udexColorNeutralWhite, #FFF);text-decoration:none}.udex-contact__local-country-link{--udex-link-hover-text-decoration: none;font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);text-decoration:none}.udex-contact__number{--udex-link-text-decoration: none;--udex-link-line-height: var(--udexTypographyHeadingLineHeight, 1.1);font-size:var(--udexTypographyBodyLFontSize, 20px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-contact__number:hover{text-decoration:underline}.udex-contact__call-us_empty{height:16px;padding:0}[on-phone] .udex-contact__call-us_empty{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer16);display:flex;align-items:center;justify-content:space-between;height:auto}@media (max-width: 979px){:host{bottom:var(--udexSpacer16);right:var(--udexSpacer16)}:host(:dir(rtl)){right:auto;left:var(--udexSpacer16)}.udex-contact__opener{padding-top:var(--udexSpacer16)}}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-contact-item-font-family: var(--sapFontFamily, sans-serif);--udex-contact-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-contact-item-line-height: var(--udexTypographyBodyLineHeight, 21px);--udex-contact-item-padding: var(--udexSpacer16) 18px;--udex-contact-item-color: var(--udexColorGrey9, #223548);--udex-contact-item-icon-color: var(--udexColorGrey7, #475E75);--udex-contact-item-icon-size: 26px;--udex-contact-item-icon-padding: 6px}.udex-contact-item{font-family:var(--udex-contact-item-font-family);font-size:var(--udex-contact-item-font-size);line-height:var(--udex-contact-item-line-height);padding:var(--udex-contact-item-padding);color:var(--udex-contact-item-color);display:flex}.udex-contact-item__content{display:flex;flex-direction:column;align-items:flex-start}.udex-contact-item__description{margin:var(--udexSpacer4) 0 0}.udex-contact-item__text,.udex-contact-item__link{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5)}.udex-contact-item__icon{color:var(--udex-contact-item-icon-color);margin-inline-end:var(--udexSpacer16);min-width:var(--udex-contact-item-icon-size);width:var(--udex-contact-item-icon-size);height:var(--udex-contact-item-icon-size);padding:var(--udex-contact-item-icon-padding)}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-control-button-font-weight: 500;--udex-control-button-line-height: inherit;--udex-control-button-small-padding: 4.5px;--udex-control-button-medium-padding: 6px;--udex-control-button-large-padding: 11px;--udex-control-button-with-text-small-padding: 4.5px;--udex-control-button-with-text-medium-padding: 6px;--udex-control-button-with-text-large-padding: 11px;--udex-control-button-icon-text-spacing-medium-size: 8px;--udex-control-button-small-height: 25px;--udex-control-button-small-width: 25px;--udex-control-button-medium-height: 32px;--udex-control-button-medium-width: 32px;--udex-control-button-large-height: 42px;--udex-control-button-large-width: 42px;--udex-control-button-small-icon-size: 14px;--udex-control-button-medium-icon-size: 18px;--udex-control-button-large-icon-size: 18px;--udex-control-button-border-radius: var(--udexRadiusXS, 4px);--udex-control-button-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-hover-color: var(--udexColorGrey7, var(--sapButton_Hover_TextColor));--udex-control-button-hover-border-color: var(--sapButton_Neutral_Hover_BorderColor, var(--sapButton_Hover_BorderColor));--udex-control-button-hover-background-color: var(--udexColorNeutralWhite, var(--sapButton_Hover_Background));--udex-control-button-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-active-color: var(--udexColorBlue9, #0040B0);--udex-control-button-active-border-color: var(--udexColorBlue4, #89D1FF);--udex-control-button-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_BorderColor));--udex-control-button-warning-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-warning-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-warning-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-error-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-error-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-error-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-success-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-success-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-success-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-warning-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Attention_Background));--udex-control-button-warning-active-border-color: var(--udexColorMango6, var(--sapButton_Attention_BorderColor));--udex-control-button-warning-active-color: var(--udexColorMango9, var(--sapButton_Attention_TextColor));--udex-control-button-error-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Reject_Background));--udex-control-button-error-active-border-color: var(--udexColorRed4, var(--sapButton_Attention_BorderColor));--udex-control-button-error-active-color: var(--udexColorRed9, var(--sapButton_Attention_TextColor));--udex-control-button-success-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Accept_Background));--udex-control-button-success-active-border-color: var(--udexColorGreen6, var(--sapButton_Attention_BorderColor));--udex-control-button-success-active-color: var(--udexColorGreen9, var(--sapButton_Attention_TextColor));--udex-control-button-warning-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-warning-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-warning-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-error-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-error-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-error-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-success-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-success-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-success-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-readonly-icon-color: var(--udexColorGrey8, #354A5F)}:host([design="Default"]),:host{background-color:var(--udex-control-button-background-color);border-style:solid;border-color:var(--udex-control-button-border-color);border-width:var(--sapButton_BorderWidth);color:var(--udex-control-button-color);border-radius:var(--udex-control-button-border-radius);height:var(--udex-control-button-medium-height);min-width:var(--udex-control-button-medium-width);font-weight:var(--udex-control-button-font-weight);line-height:var(--udex-control-button-line-height);font-family:var(--sapFontFamily)}:host([has-icon]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-control-button-icon-text-spacing-medium-size)}.ui5-button-root{padding:var(--udex-control-button-with-text-medium-padding)}:host([has-icon]) .ui5-button-root{padding:var(--udex-control-button-medium-padding)}:host([size="Large"]){height:var(--udex-control-button-large-height);min-width:var(--udex-control-button-large-width)}:host([size="Medium"]){height:var(--udex-control-button-medium-height);min-width:var(--udex-control-button-medium-width)}:host([size="Small"]){height:var(--udex-control-button-small-height);min-width:var(--udex-control-button-small-width)}:host([size="Small"][has-icon]) .ui5-button-root{padding:var(--udex-control-button-small-padding)}:host([size="Medium"][has-icon]) .ui5-button-root{padding:var(--udex-control-button-medium-padding)}:host([size="Large"][has-icon]) .ui5-button-root{padding:var(--udex-control-button-large-padding)}:host([size="Small"]) .ui5-button-root{padding:var(--udex-control-button-with-text-small-padding)}:host([size="Medium"]) .ui5-button-root{padding:var(--udex-control-button-with-text-medium-padding)}:host([size="Large"]) .ui5-button-root{padding:var(--udex-control-button-with-text-large-padding)}:host([design="Success"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Error"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Warning"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host(:not([hidden]):not([disabled]).ui5_hovered),:host([design="Default"][pressed]:hover),:host([design="Default"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover){background:var(--udex-control-button-hover-background-color);border-color:var(--udex-control-button-hover-border-color);border-width:var(--sapButton_BorderWidth);color:var(--udex-control-button-hover-color)}.ui5-button-icon{height:var(--udex-control-button-medium-icon-size);width:var(--udex-control-button-medium-icon-size)}:host([size="Small"]) .ui5-button-icon{height:var(--udex-control-button-small-icon-size);width:var(--udex-control-button-small-icon-size)}:host([size="Large"]) .ui5-button-icon{height:var(--udex-control-button-large-icon-size);width:var(--udex-control-button-large-icon-size)}:host([pressed]),:host([design="Default"][pressed]),:host([pressed]:not([active]):not([non-interactive]):not([_is-touch])),:host([design="Default"][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background:var(--udex-control-button-selected-background-color);border-color:var(--udex-control-button-selected-border-color);border-width:var(--sapButton_BorderWidth);color:var(--udex-control-button-selected-color)}:host([active]),:host([active][pressed]),:host([design="Default"][active]),:host([design="Default"][pressed][active]):not([non-interactive]):not([_is-touch]){color:var(--udex-control-button-active-color);border-color:var(--udex-control-button-active-border-color);background-color:var(--udex-control-button-active-background-color)}:host([design="Success"]){background-color:var(--udex-control-button-success-background-color);border-color:var(--udex-control-button-success-border-color);color:var(--udex-control-button-success-color)}:host([design="Error"]){background-color:var(--udex-control-button-error-background-color);border-color:var(--udex-control-button-error-border-color);color:var(--udex-control-button-error-color)}:host([design="Warning"]){background-color:var(--udex-control-button-warning-background-color);border-color:var(--udex-control-button-warning-border-color);color:var(--udex-control-button-warning-color)}:host([design="Success"][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-control-button-success-selected-background-color);border-color:var(--udex-control-button-success-selected-border-color);color:var(--udex-control-button-success-selected-color)}:host([design="Error"][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-control-button-error-selected-background-color);border-color:var(--udex-control-button-error-selected-border-color);color:var(--udex-control-button-error-selected-color)}:host([design="Warning"][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-control-button-warning-selected-background-color);border-color:var(--udex-control-button-warning-selected-border-color);color:var(--udex-control-button-warning-selected-color)}:host([design="Success"][active]){background-color:var(--udex-control-button-success-active-background-color);border-color:var(--udex-control-button-success-active-border-color);color:var(--udex-control-button-success-active-color)}:host([design="Error"][active]){background-color:var(--udex-control-button-error-active-background-color);border-color:var(--udex-control-button-error-active-border-color);color:var(--udex-control-button-error-active-color)}:host([design="Warning"][active]){background-color:var(--udex-control-button-warning-active-background-color);border-color:var(--udex-control-button-warning-active-border-color);color:var(--udex-control-button-warning-active-color)}:host([disabled]),:host([disabled][pressed]),:host([design="Default"][disabled]),:host([design="Transparent"][disabled]),:host([design="Emphasized"][disabled]){color:var(--udex-control-button-color);border-color:transparent;background-color:var(--udex-control-button-background-color)}:host([readonly]){color:var(--udex-control-button-readonly-icon-color);pointer-events:none}.ui5-button-text bdi{display:flex;align-items:center}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
8
- export default `:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-popover-min-width: 0px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-max-width: 100%;--udex-country-selector-text-offset-left: 50px;--udex-country-selector-text-offset-right: 36px}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}:host([displayonly])::part(textfield-input),:host([readonly])::part(textfield-input),:host([disabled])::part(textfield-input){cursor:default}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label){transform:translate(var(--udex-country-selector-text-offset-right))}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label):dir(rtl){transform:translate(calc(var(--udex-country-selector-text-offset-right)* -1))}:host([displayonly])::part(textfield-control-btn),.hidden-text{display:none}.udex-country-selector__text{width:100%}:host([hide-flag-images])::part(textfield-input),.udex-country-selector__dropdown--hide-flag [udex-list-item]::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);width:100%}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}[udex-text-field][aria-expanded=true]::part(label){line-height:18px;transform:translateY(-110%);padding:0 4px;font-size:12px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}[udex-text-field]::part(label){background:linear-gradient(transparent 55%,var(--sapField_Background) 45%);padding:0 var(--udexSpacer4, 4px);max-width:calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)}[udex-text-field][active]::part(label){padding:6px var(--udexSpacer4, 4px) 0}.udex-country-selector-item__image,.udex-country-selector__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}[udex-list-item]::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}[udex-text-field][readonly]::part(label){background:var(--sapField_ReadOnly_Background)}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}[udex-text-field]{--udex-input-padding: 0 var(--udex-country-selector-text-offset-right) 0 var(--udex-country-selector-text-offset-left)}[udex-text-field]:dir(rtl){--udex-input-padding: 0 var(--udex-country-selector-text-offset-left) 0 var(--udex-country-selector-text-offset-right)}[udex-text-field]::part(textfield-input){text-overflow:ellipsis;white-space:nowrap;cursor:pointer}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width)}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width)}}
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
+ export default `:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-popover-min-width: 0px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-max-width: 100%;--udex-country-selector-text-offset-left: 50px;--udex-country-selector-text-offset-right: 36px}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}:host([displayonly])::part(textfield-input),:host([readonly])::part(textfield-input),:host([disabled])::part(textfield-input){cursor:default}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label){transform:translate(var(--udex-country-selector-text-offset-right))}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label):dir(rtl){transform:translate(calc(var(--udex-country-selector-text-offset-right)* -1))}:host([displayonly])::part(textfield-control-btn),.hidden-text{display:none}.udex-country-selector__text{width:100%}:host([hide-flag-images])::part(textfield-input),.udex-country-selector__dropdown--hide-flag [udex-list-item]::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);width:100%}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}[udex-text-field][aria-expanded=true]::part(label){line-height:18px;transform:translateY(-110%);padding:0 4px;font-size:12px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}[udex-text-field]::part(label){background:linear-gradient(transparent 55%,var(--sapField_Background) 45%);padding:0 var(--udexSpacer4, 4px);max-width:calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)}[udex-text-field][active]::part(label){padding:6px var(--udexSpacer4, 4px) 0}.udex-country-selector-item__image,.udex-country-selector__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}[udex-list-item]::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}[udex-text-field][readonly]::part(label){background:var(--sapField_ReadOnly_Background)}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}[udex-text-field]{--udex-input-padding: 0 var(--udex-country-selector-text-offset-right) 0 var(--udex-country-selector-text-offset-left)}[udex-text-field]:dir(rtl){--udex-input-padding: 0 var(--udex-country-selector-text-offset-left) 0 var(--udex-country-selector-text-offset-right)}[udex-text-field]::part(textfield-input){text-overflow:ellipsis;white-space:nowrap;cursor:pointer}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width)}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width)}}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-date-picker-width: 354px;position:relative;font-family:var(--sapFontFamily)}.udex-date-picker__container{display:flex;flex-direction:column}.udex-date-picker__calendar{min-width:var(--udex-date-picker-width);background-color:var(--udexNeutralColorWhite, #ffffff);border-radius:8px}.udex-date-picker__input{--udex-input-padding: 9px 48px 9px 12px}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `.udex-date-picker__popover{--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: fit-content;padding:8px}::part(year-picker-root),::part(month-picker-root){padding:var(--udexSpacer24, 24px) 0}::part(month-cell),::part(calendar-header-middle-button){padding:8px 14px;height:42px;font-weight:500}::part(month-cell){margin:0 6px 16px;min-width:calc(33.333% - 8px)}::part(year-cell){margin:0 4px 16px;min-width:calc(25% - 6px)}::part(year-range-cell){width:50%;margin:0 4px 16px}::part(year-range-cell),::part(year-cell){height:36px;padding:9px 10px;font-weight:500}::part(calendar-header-middle-button){width:auto;flex-grow:0;border:1px solid var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0))}::part(calendar-header-middle-button):hover{background-color:var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));border-color:var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7))}::part(day-cell):hover{background-color:var(--udexColorGrey3, #D5DADD)}::part(year-cell-selected):hover,::part(month-cell-selected):hover,::part(day-cell-selected):hover{background-color:var(--udexColorBlue1, #EBF8FF);border-color:var(--udexColorBlue9, #0040B0);color:var(--udexColorBlue9, #0040B0)}::part(day-cell-selected-between){color:var(--udexColorBlue9, #0040B0)}::part(day-cell-selected-between):hover{background-color:var(--udexColorBlue2, #D1EFFF)}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-divider-color: var(--udexCoreDividerLight, #D5DADD)}.udex-divider{border-top:1px solid var(--udex-divider-color);display:block}.udex-divider-wrapper{padding:var(--udexSpacer2) 0}
9
9
  `
@@ -3,7 +3,7 @@ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asse
3
3
  import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
4
4
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
- registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
6
+ registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
+ registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
8
  export default `:host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-left-offset: 0px;--udex-dropdown-pane-min-width-xs: calc(100% - var(--udex-dropdown-left-offset));--udex-dropdown-pane-max-width: 640px;--udex-dropdown-pane-max-width-xs: 100%;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto;--udex-dropdown-background-content: var(--sapBackgroundColor, #FFF)}:host{min-width:var(--udex-dropdown-pane-min-width);max-width:var(--udex-dropdown-pane-max-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);overflow:var(--udex-dropdown-pane-overflow);border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);border-radius:var(--udex-dropdown-border-radius);box-shadow:var(--udex-dropdown-box-shadow);background:var(--udex-dropdown-background-content)}.ui5-popup-root.ui5-popover-root{margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance)}:host .ui5-popup-root .ui5-popup-content{padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}:host .ui5-popup-root .ui5-popup-header-root,:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);background:none}:host .ui5-popup-root .ui5-popup-footer-root{justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default)}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}@media (width < 640px){.ui5-popup-root.ui5-popover-root{min-width:var(--udex-dropdown-pane-min-width-xs);max-width:var(--udex-dropdown-pane-max-width-xs)}}
9
9
  `