@sapudex/web-components 2.5.0 → 2.6.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 (533) 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 +5 -0
  56. package/dist/MastheadCountrySelector.js +17 -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.js +6 -3
  62. package/dist/MastheadMobileMenu.js.map +1 -1
  63. package/dist/MastheadShell.d.ts +17 -0
  64. package/dist/MastheadShell.js +53 -15
  65. package/dist/MastheadShell.js.map +1 -1
  66. package/dist/Modal.js +2 -2
  67. package/dist/Modal.js.map +1 -1
  68. package/dist/Search.js +5 -4
  69. package/dist/Search.js.map +1 -1
  70. package/dist/SearchableListBase.d.ts +24 -2
  71. package/dist/SearchableListBase.js +50 -4
  72. package/dist/SearchableListBase.js.map +1 -1
  73. package/dist/SecondaryNavigation.js +1 -1
  74. package/dist/SecondaryNavigation.js.map +1 -1
  75. package/dist/SecondaryNavigationItem.js +1 -2
  76. package/dist/SecondaryNavigationItem.js.map +1 -1
  77. package/dist/SegmentedButton.js +6 -4
  78. package/dist/SegmentedButton.js.map +1 -1
  79. package/dist/SelectBox.d.ts +0 -7
  80. package/dist/SelectBox.js +10 -13
  81. package/dist/SelectBox.js.map +1 -1
  82. package/dist/TabNavigation.d.ts +5 -0
  83. package/dist/TabNavigation.js +8 -0
  84. package/dist/TabNavigation.js.map +1 -1
  85. package/dist/Table.js +1 -1
  86. package/dist/Table.js.map +1 -1
  87. package/dist/TextArea.js +1 -1
  88. package/dist/TextArea.js.map +1 -1
  89. package/dist/assets/InputSuggestions-D_DpCFML.js +2 -0
  90. package/dist/assets/{ListItemStandardExpandableTextTemplate-ClcY2jB2.js → ListItemStandardExpandableTextTemplate-Cd1WOyFc.js} +3 -3
  91. package/dist/assets/bundle-S1uYREqT.css +1 -0
  92. package/dist/assets/bundle.esm-B9JnRRJp.js +475 -0
  93. package/dist/assets/messagebundle_en-CKeTZNW3.js +1 -0
  94. package/dist/assets/parameters-bundle.css-B168-DcZ.js +2 -0
  95. package/dist/assets/parameters-bundle.css-B4OkERQ9.js +2 -0
  96. package/dist/assets/parameters-bundle.css-D1Mp0DP7.js +2 -0
  97. package/dist/assets/parameters-bundle.css-DPQMdjrz.js +2 -0
  98. package/dist/assets/parameters-bundle.css-DW-8EaO7.js +2 -0
  99. package/dist/assets/parameters-bundle.css-DpI130zX.js +2 -0
  100. package/dist/assets/parameters-bundle.css-DsEtCihj.js +2 -0
  101. package/dist/assets/parameters-bundle.css-y5CBgtzD.js +2 -0
  102. package/dist/css/themes/CountrySelector.css +1 -1
  103. package/dist/css/themes/MastheadCountrySelector.css +1 -1
  104. package/dist/css/themes/MastheadItem.css +1 -1
  105. package/dist/css/themes/MastheadMenuItem.css +1 -1
  106. package/dist/css/themes/MastheadMobileMenu.css +1 -1
  107. package/dist/css/themes/MastheadShell.css +1 -1
  108. package/dist/css/themes/RatingIndicator.css +1 -1
  109. package/dist/css/themes/Search.css +1 -1
  110. package/dist/css/themes/SearchableList.css +1 -1
  111. package/dist/css/themes/SegmentedButtonItem.css +1 -1
  112. package/dist/css/themes/Slider.css +1 -1
  113. package/dist/css/themes/TextArea.css +1 -1
  114. package/dist/custom-elements-internal.json +219 -41
  115. package/dist/custom-elements.json +211 -41
  116. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  117. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  118. package/dist/generated/i18n/i18n-defaults.js +2 -1
  119. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  120. package/dist/generated/json-imports/Themes-fetch.js +1 -1
  121. package/dist/generated/json-imports/Themes-fetch.js.map +1 -1
  122. package/dist/generated/json-imports/Themes-node.js +1 -1
  123. package/dist/generated/json-imports/Themes-node.js.map +1 -1
  124. package/dist/generated/json-imports/Themes.js +1 -1
  125. package/dist/generated/json-imports/Themes.js.map +1 -1
  126. package/dist/generated/json-imports/i18n-fetch.js +1 -1
  127. package/dist/generated/json-imports/i18n-fetch.js.map +1 -1
  128. package/dist/generated/json-imports/i18n-node.js +1 -1
  129. package/dist/generated/json-imports/i18n-node.js.map +1 -1
  130. package/dist/generated/json-imports/i18n.js +1 -1
  131. package/dist/generated/json-imports/i18n.js.map +1 -1
  132. package/dist/generated/templates/HeroBannerTemplate.lit.js +1 -1
  133. package/dist/generated/templates/HeroBannerTemplate.lit.js.map +1 -1
  134. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js +3 -3
  135. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js.map +1 -1
  136. package/dist/generated/templates/MastheadMenuTemplate.lit.js +3 -3
  137. package/dist/generated/templates/MastheadMenuTemplate.lit.js.map +1 -1
  138. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +1 -1
  139. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
  140. package/dist/generated/templates/MastheadShellTemplate.lit.js +1 -1
  141. package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
  142. package/dist/generated/templates/SearchableListBaseTemplate.lit.js +2 -2
  143. package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
  144. package/dist/generated/themes/Accordion.css.js +2 -2
  145. package/dist/generated/themes/Accordion.css.js.map +1 -1
  146. package/dist/generated/themes/AccordionItem.css.js +2 -2
  147. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  148. package/dist/generated/themes/Avatar.css.js +2 -2
  149. package/dist/generated/themes/Avatar.css.js.map +1 -1
  150. package/dist/generated/themes/Badge.css.js +2 -2
  151. package/dist/generated/themes/Badge.css.js.map +1 -1
  152. package/dist/generated/themes/Breadcrumbs.css.js +2 -2
  153. package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
  154. package/dist/generated/themes/BreadcrumbsPopover.css.js +2 -2
  155. package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
  156. package/dist/generated/themes/Button.css.js +2 -2
  157. package/dist/generated/themes/Button.css.js.map +1 -1
  158. package/dist/generated/themes/Carousel.css.js +2 -2
  159. package/dist/generated/themes/Carousel.css.js.map +1 -1
  160. package/dist/generated/themes/Checkbox.css.js +2 -2
  161. package/dist/generated/themes/Checkbox.css.js.map +1 -1
  162. package/dist/generated/themes/Contact.css.js +2 -2
  163. package/dist/generated/themes/Contact.css.js.map +1 -1
  164. package/dist/generated/themes/ContactItem.css.js +2 -2
  165. package/dist/generated/themes/ContactItem.css.js.map +1 -1
  166. package/dist/generated/themes/ControlButton.css.js +2 -2
  167. package/dist/generated/themes/ControlButton.css.js.map +1 -1
  168. package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
  169. package/dist/generated/themes/CountrySelector.css.js +3 -3
  170. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  171. package/dist/generated/themes/DatePicker.css.js +2 -2
  172. package/dist/generated/themes/DatePicker.css.js.map +1 -1
  173. package/dist/generated/themes/DatePickerPopover.css.js +2 -2
  174. package/dist/generated/themes/DatePickerPopover.css.js.map +1 -1
  175. package/dist/generated/themes/Divider.css.js +2 -2
  176. package/dist/generated/themes/Divider.css.js.map +1 -1
  177. package/dist/generated/themes/Dropdown.css.js +2 -2
  178. package/dist/generated/themes/Dropdown.css.js.map +1 -1
  179. package/dist/generated/themes/EventRibbon.css.js +2 -2
  180. package/dist/generated/themes/EventRibbon.css.js.map +1 -1
  181. package/dist/generated/themes/FilterMenu.css.js +2 -2
  182. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  183. package/dist/generated/themes/Footer.css.js +2 -2
  184. package/dist/generated/themes/Footer.css.js.map +1 -1
  185. package/dist/generated/themes/HeroBanner.css.js +2 -2
  186. package/dist/generated/themes/HeroBanner.css.js.map +1 -1
  187. package/dist/generated/themes/InputGroup.css.js +2 -2
  188. package/dist/generated/themes/InputGroup.css.js.map +1 -1
  189. package/dist/generated/themes/Link.css.js +2 -2
  190. package/dist/generated/themes/Link.css.js.map +1 -1
  191. package/dist/generated/themes/List.css.js +2 -2
  192. package/dist/generated/themes/List.css.js.map +1 -1
  193. package/dist/generated/themes/ListGroupHeader.css.js +2 -2
  194. package/dist/generated/themes/ListGroupHeader.css.js.map +1 -1
  195. package/dist/generated/themes/ListItem.css.js +2 -2
  196. package/dist/generated/themes/ListItem.css.js.map +1 -1
  197. package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
  198. package/dist/generated/themes/MastheadCountrySelector.css.js +3 -3
  199. package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
  200. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  201. package/dist/generated/themes/MastheadItem.css.js +3 -3
  202. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  203. package/dist/generated/themes/MastheadMenu.css.js +2 -2
  204. package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
  205. package/dist/generated/themes/MastheadMenuItem.css.d.ts +1 -1
  206. package/dist/generated/themes/MastheadMenuItem.css.js +3 -3
  207. package/dist/generated/themes/MastheadMenuItem.css.js.map +1 -1
  208. package/dist/generated/themes/MastheadMobileMenu.css.d.ts +1 -1
  209. package/dist/generated/themes/MastheadMobileMenu.css.js +3 -3
  210. package/dist/generated/themes/MastheadMobileMenu.css.js.map +1 -1
  211. package/dist/generated/themes/MastheadProfileMenu.css.js +2 -2
  212. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  213. package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
  214. package/dist/generated/themes/MastheadShell.css.js +3 -3
  215. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  216. package/dist/generated/themes/MediaPlayer.css.js +2 -2
  217. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  218. package/dist/generated/themes/MediaPlayerYoutube.css.js +2 -2
  219. package/dist/generated/themes/MediaPlayerYoutube.css.js.map +1 -1
  220. package/dist/generated/themes/MessageStrip.css.js +2 -2
  221. package/dist/generated/themes/MessageStrip.css.js.map +1 -1
  222. package/dist/generated/themes/Modal.css.js +2 -2
  223. package/dist/generated/themes/Modal.css.js.map +1 -1
  224. package/dist/generated/themes/Pagination.css.js +2 -2
  225. package/dist/generated/themes/Pagination.css.js.map +1 -1
  226. package/dist/generated/themes/PhoneNumberField.css.js +2 -2
  227. package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
  228. package/dist/generated/themes/ProgressBar.css.js +2 -2
  229. package/dist/generated/themes/ProgressBar.css.js.map +1 -1
  230. package/dist/generated/themes/Quote.css.js +2 -2
  231. package/dist/generated/themes/Quote.css.js.map +1 -1
  232. package/dist/generated/themes/RadioButton.css.js +2 -2
  233. package/dist/generated/themes/RadioButton.css.js.map +1 -1
  234. package/dist/generated/themes/RatingBar.css.js +2 -2
  235. package/dist/generated/themes/RatingBar.css.js.map +1 -1
  236. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  237. package/dist/generated/themes/RatingIndicator.css.js +3 -3
  238. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  239. package/dist/generated/themes/Review.css.js +2 -2
  240. package/dist/generated/themes/Review.css.js.map +1 -1
  241. package/dist/generated/themes/ReviewItem.css.js +2 -2
  242. package/dist/generated/themes/ReviewItem.css.js.map +1 -1
  243. package/dist/generated/themes/Search.css.d.ts +1 -1
  244. package/dist/generated/themes/Search.css.js +3 -3
  245. package/dist/generated/themes/Search.css.js.map +1 -1
  246. package/dist/generated/themes/SearchSuggestions.css.js +2 -2
  247. package/dist/generated/themes/SearchSuggestions.css.js.map +1 -1
  248. package/dist/generated/themes/SearchableList.css.d.ts +1 -1
  249. package/dist/generated/themes/SearchableList.css.js +3 -3
  250. package/dist/generated/themes/SearchableList.css.js.map +1 -1
  251. package/dist/generated/themes/SecondaryNavigation.css.js +2 -2
  252. package/dist/generated/themes/SecondaryNavigation.css.js.map +1 -1
  253. package/dist/generated/themes/SecondaryNavigationItem.css.js +2 -2
  254. package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -1
  255. package/dist/generated/themes/SecondaryNavigationSubItem.css.js +2 -2
  256. package/dist/generated/themes/SecondaryNavigationSubItem.css.js.map +1 -1
  257. package/dist/generated/themes/SegmentedButton.css.js +2 -2
  258. package/dist/generated/themes/SegmentedButton.css.js.map +1 -1
  259. package/dist/generated/themes/SegmentedButtonItem.css.d.ts +1 -1
  260. package/dist/generated/themes/SegmentedButtonItem.css.js +3 -3
  261. package/dist/generated/themes/SegmentedButtonItem.css.js.map +1 -1
  262. package/dist/generated/themes/SelectBox.css.js +2 -2
  263. package/dist/generated/themes/SelectBox.css.js.map +1 -1
  264. package/dist/generated/themes/SideNavigation.css.js +2 -2
  265. package/dist/generated/themes/SideNavigation.css.js.map +1 -1
  266. package/dist/generated/themes/SideNavigationGroup.css.js +2 -2
  267. package/dist/generated/themes/SideNavigationGroup.css.js.map +1 -1
  268. package/dist/generated/themes/SideNavigationItem.css.js +2 -2
  269. package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
  270. package/dist/generated/themes/SideNavigationMobile.css.js +2 -2
  271. package/dist/generated/themes/SideNavigationMobile.css.js.map +1 -1
  272. package/dist/generated/themes/SideNavigationMobileDropdown.css.js +2 -2
  273. package/dist/generated/themes/SideNavigationMobileDropdown.css.js.map +1 -1
  274. package/dist/generated/themes/SideNavigationSubItem.css.js +2 -2
  275. package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
  276. package/dist/generated/themes/Slider.css.d.ts +1 -1
  277. package/dist/generated/themes/Slider.css.js +3 -3
  278. package/dist/generated/themes/Slider.css.js.map +1 -1
  279. package/dist/generated/themes/StatusBadge.css.js +2 -2
  280. package/dist/generated/themes/StatusBadge.css.js.map +1 -1
  281. package/dist/generated/themes/StatusMessage.css.js +2 -2
  282. package/dist/generated/themes/StatusMessage.css.js.map +1 -1
  283. package/dist/generated/themes/StepInput.css.js +2 -2
  284. package/dist/generated/themes/StepInput.css.js.map +1 -1
  285. package/dist/generated/themes/Switch.css.js +2 -2
  286. package/dist/generated/themes/Switch.css.js.map +1 -1
  287. package/dist/generated/themes/TabInOverflow.css.js +2 -2
  288. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  289. package/dist/generated/themes/TabNavigation.css.js +2 -2
  290. package/dist/generated/themes/TabNavigation.css.js.map +1 -1
  291. package/dist/generated/themes/Table.css.js +2 -2
  292. package/dist/generated/themes/Table.css.js.map +1 -1
  293. package/dist/generated/themes/TableCell.css.js +2 -2
  294. package/dist/generated/themes/TableCell.css.js.map +1 -1
  295. package/dist/generated/themes/TableCellBase.css.js +2 -2
  296. package/dist/generated/themes/TableCellBase.css.js.map +1 -1
  297. package/dist/generated/themes/TableGroupRow.css.js +2 -2
  298. package/dist/generated/themes/TableGroupRow.css.js.map +1 -1
  299. package/dist/generated/themes/TableHeaderCell.css.js +2 -2
  300. package/dist/generated/themes/TableHeaderCell.css.js.map +1 -1
  301. package/dist/generated/themes/TableRowBase.css.js +2 -2
  302. package/dist/generated/themes/TableRowBase.css.js.map +1 -1
  303. package/dist/generated/themes/Tag.css.js +2 -2
  304. package/dist/generated/themes/Tag.css.js.map +1 -1
  305. package/dist/generated/themes/TagGroup.css.js +2 -2
  306. package/dist/generated/themes/TagGroup.css.js.map +1 -1
  307. package/dist/generated/themes/TextArea.css.d.ts +1 -1
  308. package/dist/generated/themes/TextArea.css.js +3 -3
  309. package/dist/generated/themes/TextArea.css.js.map +1 -1
  310. package/dist/generated/themes/TextField.css.js +2 -2
  311. package/dist/generated/themes/TextField.css.js.map +1 -1
  312. package/dist/generated/themes/Tile.css.js +2 -2
  313. package/dist/generated/themes/Tile.css.js.map +1 -1
  314. package/dist/generated/themes/Toast.css.js +2 -2
  315. package/dist/generated/themes/Toast.css.js.map +1 -1
  316. package/dist/generated/themes/Tooltip.css.js +2 -2
  317. package/dist/generated/themes/Tooltip.css.js.map +1 -1
  318. package/dist/generated/themes/TruncatedText.css.js +2 -2
  319. package/dist/generated/themes/TruncatedText.css.js.map +1 -1
  320. package/dist/generated/themes/Upload.css.js +2 -2
  321. package/dist/generated/themes/Upload.css.js.map +1 -1
  322. package/dist/generated/themes/UploadItem.css.js +2 -2
  323. package/dist/generated/themes/UploadItem.css.js.map +1 -1
  324. package/dist/generated/themes/Wizard.css.js +2 -2
  325. package/dist/generated/themes/Wizard.css.js.map +1 -1
  326. package/dist/generated/themes/WizardTab.css.js +2 -2
  327. package/dist/generated/themes/WizardTab.css.js.map +1 -1
  328. package/dist/messagebundle.properties +3 -0
  329. package/dist/messagebundle_en.properties +1 -0
  330. package/dist/types/SearchableListBase.d.ts +5 -0
  331. package/dist/types/SearchableListBase.js +6 -0
  332. package/dist/types/SearchableListBase.js.map +1 -1
  333. package/dist/utils/getEffectiveScrollbarStyle.d.ts +4 -0
  334. package/dist/utils/getEffectiveScrollbarStyle.js +45 -0
  335. package/dist/utils/getEffectiveScrollbarStyle.js.map +1 -0
  336. package/dist/vscode.html-custom-data.json +40 -15
  337. package/dist/web-types.json +73 -27
  338. package/package.json +7 -7
  339. package/src/Accordion.ts +38 -31
  340. package/src/AccordionItem.ts +23 -27
  341. package/src/AccordionItemTemplate.tsx +54 -0
  342. package/src/AccordionTemplate.tsx +37 -0
  343. package/src/AssetsVariables.ts +5 -1
  344. package/src/Avatar.ts +9 -11
  345. package/src/AvatarTemplate.tsx +22 -0
  346. package/src/Badge.ts +8 -12
  347. package/src/BadgeTemplate.tsx +22 -0
  348. package/src/Carousel.ts +30 -24
  349. package/src/CarouselTemplate.tsx +56 -0
  350. package/src/ContactItemTemplate.tsx +2 -1
  351. package/src/CountrySelector.ts +9 -10
  352. package/src/Divider.ts +13 -5
  353. package/src/DividerTemplate.tsx +11 -0
  354. package/src/Dropdown.ts +2 -1
  355. package/src/FilterMenu.ts +15 -18
  356. package/src/HeroBanner.hbs +1 -0
  357. package/src/List.ts +1 -1
  358. package/src/MastheadCountrySelector.hbs +5 -9
  359. package/src/MastheadCountrySelector.ts +19 -0
  360. package/src/MastheadMenu.hbs +3 -3
  361. package/src/MastheadMenu.ts +10 -3
  362. package/src/MastheadMobileMenu.hbs +1 -2
  363. package/src/MastheadMobileMenu.ts +7 -3
  364. package/src/MastheadShell.hbs +29 -29
  365. package/src/MastheadShell.ts +65 -16
  366. package/src/Modal.ts +2 -2
  367. package/src/Search.hbs +1 -1
  368. package/src/Search.ts +5 -4
  369. package/src/SearchableListBase.hbs +7 -1
  370. package/src/SearchableListBase.ts +65 -9
  371. package/src/SecondaryNavigation.ts +1 -1
  372. package/src/SecondaryNavigationItem.ts +1 -2
  373. package/src/SegmentedButton.ts +7 -4
  374. package/src/SelectBox.ts +13 -19
  375. package/src/TabNavigation.ts +13 -0
  376. package/src/Table.ts +1 -1
  377. package/src/TextArea.ts +1 -1
  378. package/src/generated/i18n/i18n-defaults.ts +2 -2
  379. package/src/generated/json-imports/Themes-fetch.ts +1 -1
  380. package/src/generated/json-imports/Themes-node.ts +1 -1
  381. package/src/generated/json-imports/Themes.ts +1 -1
  382. package/src/generated/json-imports/i18n-fetch.ts +1 -1
  383. package/src/generated/json-imports/i18n-node.ts +1 -1
  384. package/src/generated/json-imports/i18n.ts +1 -1
  385. package/src/generated/templates/HeroBannerTemplate.lit.ts +1 -1
  386. package/src/generated/templates/MastheadCountrySelectorTemplate.lit.ts +3 -3
  387. package/src/generated/templates/MastheadMenuTemplate.lit.ts +3 -3
  388. package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +1 -1
  389. package/src/generated/templates/MastheadShellTemplate.lit.ts +1 -1
  390. package/src/generated/templates/SearchableListBaseTemplate.lit.ts +2 -2
  391. package/src/generated/themes/Accordion.css.ts +2 -2
  392. package/src/generated/themes/AccordionItem.css.ts +2 -2
  393. package/src/generated/themes/Avatar.css.ts +2 -2
  394. package/src/generated/themes/Badge.css.ts +2 -2
  395. package/src/generated/themes/Breadcrumbs.css.ts +2 -2
  396. package/src/generated/themes/BreadcrumbsPopover.css.ts +2 -2
  397. package/src/generated/themes/Button.css.ts +2 -2
  398. package/src/generated/themes/Carousel.css.ts +2 -2
  399. package/src/generated/themes/Checkbox.css.ts +2 -2
  400. package/src/generated/themes/Contact.css.ts +2 -2
  401. package/src/generated/themes/ContactItem.css.ts +2 -2
  402. package/src/generated/themes/ControlButton.css.ts +2 -2
  403. package/src/generated/themes/CountrySelector.css.ts +3 -3
  404. package/src/generated/themes/DatePicker.css.ts +2 -2
  405. package/src/generated/themes/DatePickerPopover.css.ts +2 -2
  406. package/src/generated/themes/Divider.css.ts +2 -2
  407. package/src/generated/themes/Dropdown.css.ts +2 -2
  408. package/src/generated/themes/EventRibbon.css.ts +2 -2
  409. package/src/generated/themes/FilterMenu.css.ts +2 -2
  410. package/src/generated/themes/Footer.css.ts +2 -2
  411. package/src/generated/themes/HeroBanner.css.ts +2 -2
  412. package/src/generated/themes/InputGroup.css.ts +2 -2
  413. package/src/generated/themes/Link.css.ts +2 -2
  414. package/src/generated/themes/List.css.ts +2 -2
  415. package/src/generated/themes/ListGroupHeader.css.ts +2 -2
  416. package/src/generated/themes/ListItem.css.ts +2 -2
  417. package/src/generated/themes/MastheadCountrySelector.css.ts +3 -3
  418. package/src/generated/themes/MastheadItem.css.ts +3 -3
  419. package/src/generated/themes/MastheadMenu.css.ts +2 -2
  420. package/src/generated/themes/MastheadMenuItem.css.ts +3 -3
  421. package/src/generated/themes/MastheadMobileMenu.css.ts +3 -3
  422. package/src/generated/themes/MastheadProfileMenu.css.ts +2 -2
  423. package/src/generated/themes/MastheadShell.css.ts +3 -3
  424. package/src/generated/themes/MediaPlayer.css.ts +2 -2
  425. package/src/generated/themes/MediaPlayerYoutube.css.ts +2 -2
  426. package/src/generated/themes/MessageStrip.css.ts +2 -2
  427. package/src/generated/themes/Modal.css.ts +2 -2
  428. package/src/generated/themes/Pagination.css.ts +2 -2
  429. package/src/generated/themes/PhoneNumberField.css.ts +2 -2
  430. package/src/generated/themes/ProgressBar.css.ts +2 -2
  431. package/src/generated/themes/Quote.css.ts +2 -2
  432. package/src/generated/themes/RadioButton.css.ts +2 -2
  433. package/src/generated/themes/RatingBar.css.ts +2 -2
  434. package/src/generated/themes/RatingIndicator.css.ts +3 -3
  435. package/src/generated/themes/Review.css.ts +2 -2
  436. package/src/generated/themes/ReviewItem.css.ts +2 -2
  437. package/src/generated/themes/Search.css.ts +3 -3
  438. package/src/generated/themes/SearchSuggestions.css.ts +2 -2
  439. package/src/generated/themes/SearchableList.css.ts +3 -3
  440. package/src/generated/themes/SecondaryNavigation.css.ts +2 -2
  441. package/src/generated/themes/SecondaryNavigationItem.css.ts +2 -2
  442. package/src/generated/themes/SecondaryNavigationSubItem.css.ts +2 -2
  443. package/src/generated/themes/SegmentedButton.css.ts +2 -2
  444. package/src/generated/themes/SegmentedButtonItem.css.ts +3 -3
  445. package/src/generated/themes/SelectBox.css.ts +2 -2
  446. package/src/generated/themes/SideNavigation.css.ts +2 -2
  447. package/src/generated/themes/SideNavigationGroup.css.ts +2 -2
  448. package/src/generated/themes/SideNavigationItem.css.ts +2 -2
  449. package/src/generated/themes/SideNavigationMobile.css.ts +2 -2
  450. package/src/generated/themes/SideNavigationMobileDropdown.css.ts +2 -2
  451. package/src/generated/themes/SideNavigationSubItem.css.ts +2 -2
  452. package/src/generated/themes/Slider.css.ts +3 -3
  453. package/src/generated/themes/StatusBadge.css.ts +2 -2
  454. package/src/generated/themes/StatusMessage.css.ts +2 -2
  455. package/src/generated/themes/StepInput.css.ts +2 -2
  456. package/src/generated/themes/Switch.css.ts +2 -2
  457. package/src/generated/themes/TabInOverflow.css.ts +2 -2
  458. package/src/generated/themes/TabNavigation.css.ts +2 -2
  459. package/src/generated/themes/Table.css.ts +2 -2
  460. package/src/generated/themes/TableCell.css.ts +2 -2
  461. package/src/generated/themes/TableCellBase.css.ts +2 -2
  462. package/src/generated/themes/TableGroupRow.css.ts +2 -2
  463. package/src/generated/themes/TableHeaderCell.css.ts +2 -2
  464. package/src/generated/themes/TableRowBase.css.ts +2 -2
  465. package/src/generated/themes/Tag.css.ts +2 -2
  466. package/src/generated/themes/TagGroup.css.ts +2 -2
  467. package/src/generated/themes/TextArea.css.ts +3 -3
  468. package/src/generated/themes/TextField.css.ts +2 -2
  469. package/src/generated/themes/Tile.css.ts +2 -2
  470. package/src/generated/themes/Toast.css.ts +2 -2
  471. package/src/generated/themes/Tooltip.css.ts +2 -2
  472. package/src/generated/themes/TruncatedText.css.ts +2 -2
  473. package/src/generated/themes/Upload.css.ts +2 -2
  474. package/src/generated/themes/UploadItem.css.ts +2 -2
  475. package/src/generated/themes/Wizard.css.ts +2 -2
  476. package/src/generated/themes/WizardTab.css.ts +2 -2
  477. package/src/i18n/messagebundle.properties +3 -0
  478. package/src/i18n/messagebundle_en.properties +1 -0
  479. package/src/themes/CountrySelector.css +11 -0
  480. package/src/themes/List.css +1 -0
  481. package/src/themes/MastheadCountrySelector.css +11 -0
  482. package/src/themes/MastheadItem.css +5 -2
  483. package/src/themes/MastheadMenuItem.css +5 -0
  484. package/src/themes/MastheadMobileMenu.css +1 -0
  485. package/src/themes/MastheadShell.css +4 -4
  486. package/src/themes/Search.css +3 -1
  487. package/src/themes/SearchableList.css +15 -0
  488. package/src/themes/SegmentedButtonItem.css +2 -2
  489. package/src/themes/TextArea.css +0 -7
  490. package/src/types/SearchableListBase.ts +6 -0
  491. package/src/utils/getEffectiveScrollbarStyle.ts +48 -0
  492. package/dist/assets/InputSuggestions-RQHqFxZ9.js +0 -2
  493. package/dist/assets/bundle-C9ZlnwwH.css +0 -1
  494. package/dist/assets/bundle.esm-DGH8Pvav.js +0 -399
  495. package/dist/assets/messagebundle_en-DXEe5nWA.js +0 -1
  496. package/dist/assets/parameters-bundle.css-1GGBOW8m.js +0 -2
  497. package/dist/assets/parameters-bundle.css-A9eeRg2R.js +0 -2
  498. package/dist/assets/parameters-bundle.css-COBI_9-U.js +0 -2
  499. package/dist/assets/parameters-bundle.css-CgAoZ-Ir.js +0 -2
  500. package/dist/assets/parameters-bundle.css-DuFHHRNK.js +0 -2
  501. package/dist/assets/parameters-bundle.css-Pf68NO0T.js +0 -2
  502. package/dist/assets/parameters-bundle.css-aX_t_-9o.js +0 -2
  503. package/dist/assets/parameters-bundle.css-rNSryFKH.js +0 -2
  504. package/dist/generated/templates/AccordionItemTemplate.lit.d.ts +0 -3
  505. package/dist/generated/templates/AccordionItemTemplate.lit.js +0 -8
  506. package/dist/generated/templates/AccordionItemTemplate.lit.js.map +0 -1
  507. package/dist/generated/templates/AccordionTemplate.lit.d.ts +0 -3
  508. package/dist/generated/templates/AccordionTemplate.lit.js +0 -10
  509. package/dist/generated/templates/AccordionTemplate.lit.js.map +0 -1
  510. package/dist/generated/templates/AvatarTemplate.lit.d.ts +0 -3
  511. package/dist/generated/templates/AvatarTemplate.lit.js +0 -9
  512. package/dist/generated/templates/AvatarTemplate.lit.js.map +0 -1
  513. package/dist/generated/templates/BadgeTemplate.lit.d.ts +0 -3
  514. package/dist/generated/templates/BadgeTemplate.lit.js +0 -9
  515. package/dist/generated/templates/BadgeTemplate.lit.js.map +0 -1
  516. package/dist/generated/templates/CarouselTemplate.lit.d.ts +0 -3
  517. package/dist/generated/templates/CarouselTemplate.lit.js +0 -10
  518. package/dist/generated/templates/CarouselTemplate.lit.js.map +0 -1
  519. package/dist/generated/templates/DividerTemplate.lit.d.ts +0 -3
  520. package/dist/generated/templates/DividerTemplate.lit.js +0 -7
  521. package/dist/generated/templates/DividerTemplate.lit.js.map +0 -1
  522. package/src/Accordion.hbs +0 -25
  523. package/src/AccordionItem.hbs +0 -37
  524. package/src/Avatar.hbs +0 -19
  525. package/src/Badge.hbs +0 -16
  526. package/src/Carousel.hbs +0 -45
  527. package/src/Divider.hbs +0 -1
  528. package/src/generated/templates/AccordionItemTemplate.lit.ts +0 -12
  529. package/src/generated/templates/AccordionTemplate.lit.ts +0 -14
  530. package/src/generated/templates/AvatarTemplate.lit.ts +0 -13
  531. package/src/generated/templates/BadgeTemplate.lit.ts +0 -13
  532. package/src/generated/templates/CarouselTemplate.lit.ts +0 -14
  533. package/src/generated/templates/DividerTemplate.lit.ts +0 -11
@@ -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-popover-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-popover-top-box-shadow: 0px -2px 8px 0px rgba(34,54,73,.3);--udex-popover-background-color: var(--udexColorNeutralWhite, #fff);--udex-popover-border-color: var(--udexColorGrey6, #5B738B);--udex-popover-border-radius: var(--sapPopover_BorderCornerRadius, var(--udexRadiusM));--udex-popover-border-color-divider: var(--udexColorGrey7, #475E75);--udex-block-padding-vertical: var(--udexSpacer24, 24px);--udex-heading-padding-horizontal: var(--udexSpacer12, 12px);--udex-heading-margin-vertical: var(--udexSpacer8, 8px);--udex-heading-font-family: var(--sapFontFamily, sans-serif);--udex-heading-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-heading-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-heading-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-padding-horizontal: var(--udexSpacer12, 12px);--udex-button-padding-vertical: var(--udexSpacer12, 12px);--udex-button-font-family: var(--sapFontFamily, sans-serif);--udex-button-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-button-line-height: var(--udexTypographyBodyLineHeight, 24px);--udex-button-border-color: var(--udexColorBlue10, #002A86);--udex-button-icon-color: var(--sapButton_IconColor, #475E75);--udex-button-highlighted-font-family: var(--sapFontFamily, sans-serif);--udex-button-highlighted-font-size: var(--udexTypographyNavigationBoldXLFontSize, 16px);--udex-button-highlighted-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-button-highlighted-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}.udex-search-suggestions__root{background-color:var(--udex-popover-background-color);border:1px solid var(--udex-popover-border-color);border-radius:var(--udex-popover-border-radius);box-shadow:var(--udex-popover-box-shadow);clip-path:inset(0px -10px -10px -10px)}.udex-search-suggestions__root--home{border-top-left-radius:0;border-top-right-radius:0;border-top:0}.udex-search-suggestions__root-top--home{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;box-shadow:none}.udex-search-suggestions__root-top--home .udex-search-suggestions__block:last-child{margin-bottom:-5px}.udex-search-suggestions__root-top--home .udex-search-suggestions__block:first-child{margin-top:0}.udex-search-suggestions__root--home .udex-search-suggestions__block:first-child{margin-top:-5px}.udex-search-suggestions__root::part(content){padding:0}.udex-search-suggestions__block{padding-block-start:var(--udex-block-padding-vertical);border-block-end:1px solid var(--udex-popover-border-color-divider);font-family:var(--sapFontFamily, sans-serif)}.udex-search-suggestions__block:last-child{border-block-end:0}.udex-search-suggestions__heading,.udex-search-suggestions__message{margin-block-end:var(--udex-heading-margin-vertical);padding-inline:var(--udex-heading-padding-horizontal) var(--udex-heading-padding-horizontal);display:block;font-family:var(--udex-heading-font-family);font-size:var(--udex-heading-font-size);line-height:var(--udex-heading-line-height);font-weight:var(--udex-heading-font-weight);color:#475e75;text-transform:uppercase}.udex-search-suggestions__message{margin-block:var(--udex-heading-margin-vertical);text-align:center}.udex-search-suggestions__list{margin:0;padding:0;list-style:none}.udex-search-suggestions__list:focus{outline:2px solid var(--udex-button-border-color);outline-offset:-2px;border-radius:var(--udexRadiusXS)}[ui5-button].udex-search-suggestions__item-button{background-color:transparent;border:0;border-radius:0;width:100%;color:#223548;font-family:var(--udex-button-font-family);font-size:var(--udex-button-font-size);line-height:var(--udex-button-line-height);font-weight:var(--udex-button-font-weight);height:auto;cursor:pointer}[ui5-button].udex-search-suggestions__item-button:hover{box-shadow:none;background-color:#f5f6f7}[ui5-button].udex-search-suggestions__item-button:active,[ui5-button].udex-search-suggestions__item-button--active{background-color:#eaecee}[ui5-button].udex-search-suggestions__item-button::part(button){padding-inline:var(--udex-button-padding-vertical) var(--udex-button-padding-vertical);padding-block:var(--udex-button-padding-horizontal) var(--udex-button-padding-horizontal);justify-content:normal}.udex-search-suggestions__item-button::part(icon){color:var(--udex-button-icon-color);margin-inline-end:6px;width:18px;height:18px}.udex-search-suggestions__item-button b{font-family:var(--udex-button-highlighted-font-family);font-size:var(--udex-button-highlighted-font-size);font-weight:var(--udex-button-highlighted-font-weight);line-height:var(--udex-button-highlighted-line-height)}
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::part(checkbox){pointer-events:none}.udex-searchable-list__header{display:block;margin-top:var(--udexSpacer16, 16px)}.udex-searchable-list__header:only-child,.udex-searchable-list__header.udex-searchable-list__header_no-margin{margin-top:0}.udex-busy-indicator{padding-block:var(--udexSpacer16, 16px);margin:0 auto;display:block}.udex-filter-menu__search+.udex-busy-indicator{padding-top:0}
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([prevent-page-scroll]) [ui5-popover]::part(content){overscroll-behavior:contain}:host::part(checkbox){pointer-events:none}.udex-searchable-list__header{display:block;margin-top:var(--udexSpacer16, 16px)}.udex-searchable-list__header:only-child,.udex-searchable-list__header.udex-searchable-list__header_no-margin{margin-top:0}.udex-busy-indicator{padding-block:var(--udexSpacer16, 16px);margin:0 auto;display:block}.udex-filter-menu__search+.udex-busy-indicator{padding-top:0}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding: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-secondary-navigation-border-color: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-padding: 0 var(--udexSpacer84);--udex-secondary-navigation-min-height: 72px;--udex-secondary-navigation-z-index: 9;--udex-secondary-navigation-background: #FFF;--udex-secondary-navigation-title-color-hover: var(--udexColorBlue8, #0057D2);--udex-secondary-navigation-title-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-title-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-title-line-height: 18px;--udex-secondary-navigation-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-secondary-navigation-title-border-color: var(--udexColorGrey3, #D5DADD);--udex-secondary-navigation-title-max-width: 248px;--udex-secondary-navigation-mobile-button-border-color: var(--udexColorGrey3, #D5DADD);--udex-secondary-navigation-container-xl-max-width: 1432px;--udex-secondary-navigation-container-l-max-width: 1456px;border-bottom:1px solid var(--udex-secondary-navigation-border-color);display:block;padding:var(--udex-secondary-navigation-padding);z-index:var(--udex-secondary-navigation-z-index);background:var(--udex-secondary-navigation-background);position:relative}.udex-secondary-navigation__root{max-width:var(--udex-secondary-navigation-container-xl-max-width);margin:0 auto;min-height:var(--udex-secondary-navigation-min-height);box-sizing:border-box;display:flex;flex-direction:column}.udex-secondary-navigation__holder{display:flex;position:relative;flex:auto}.udex-secondary-navigation__title{font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-title-font-size);line-height:var(--udex-secondary-navigation-title-line-height);font-weight:var(--udex-secondary-navigation-title-font-weight);color:var(--udex-secondary-navigation-title-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}a.udex-secondary-navigation__title{text-decoration:none}a.udex-secondary-navigation__title:hover{color:var(--udex-secondary-navigation-title-color-hover)}a.udex-secondary-navigation__title:focus,a.udex-secondary-navigation__title:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__list{list-style:none;margin:0;padding:0;display:flex;flex:auto;column-gap:var(--udexSpacer20)}.udex-secondary-navigation__buttons{display:flex;align-items:center;margin-top:calc(var(--udexSpacer24) * -1);padding-inline-start:var(--udexSpacer20)}.udex-secondary-navigation__wrap{flex:auto;background:var(--udex-secondary-navigation-background)}.udex-secondary-navigation__wrap,.udex-secondary-navigation__heading{display:flex}.udex-secondary-navigation__heading{max-width:var(--udex-secondary-navigation-title-max-width);box-sizing:border-box;margin-inline-end:var(--udexSpacer20);padding-inline-end:var(--udexSpacer20);margin-bottom:18px;flex-shrink:0;position:relative}.udex-secondary-navigation__heading:before{background:var(--udex-secondary-navigation-title-border-color);content:"";position:absolute;width:1px;right:0;top:0;bottom:0}.udex-secondary-navigation__heading:dir(rtl):before{right:auto;left:0}.udex-secondary-navigation__list-item{position:relative}.udex-secondary-navigation__mobile-nav{display:none}.udex-secondary-navigation__breadcrumbs{padding-top:var(--udexSpacer12)}.udex-secondary-navigation__root_centered .udex-secondary-navigation__list,.udex-secondary-navigation__root_centered .udex-secondary-navigation__heading,.udex-secondary-navigation__root_centered .udex-secondary-navigation__list-item{align-items:center}.udex-secondary-navigation__root_centered .udex-secondary-navigation__heading{height:fit-content;margin-block:auto}.udex-secondary-navigation__root_centered .udex-secondary-navigation__list-item{height:100%;display:flex}.udex-secondary-navigation__root_centered .udex-secondary-navigation__buttons{margin-top:0}@media (max-width: 1599px){:host{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72)}.udex-secondary-navigation__root{max-width:var(--udex-secondary-navigation-container-l-max-width)}}@media (max-width: 979px){:host{border:none;padding:0;height:100%}.udex-secondary-navigation__breadcrumbs,.udex-secondary-navigation__holder{display:none}.udex-secondary-navigation__mobile-nav{display:block}.udex-secondary-navigation__root{padding:0 0 var(--udexSpacer24) 0;overflow:hidden;height:100%;max-height:100vh}.udex-secondary-navigation__list{flex-direction:column}.udex-secondary-navigation__list-item,.udex-secondary-navigation__buttons{margin:0;margin-inline-end:0}.udex-secondary-navigation__buttons{padding:var(--udexSpacer24) var(--udexSpacer48);margin-top:var(--udexSpacer16);position:relative}.udex-secondary-navigation__buttons:before{content:"";position:absolute;left:var(--udexSpacer48);right:var(--udexSpacer48);top:0;height:1px;background:var(--udex-secondary-navigation-mobile-button-border-color)}.udex-secondary-navigation__holder{border:none}}@media (max-width: 639px){.udex-secondary-navigation__heading{padding:var(--udexSpacer12) var(--udexSpacer24)}.udex-secondary-navigation__buttons{padding:var(--udexSpacer24);flex-direction:column;align-items:flex-start}.udex-secondary-navigation__buttons:before{left:var(--udexSpacer24);right:var(--udexSpacer24)}}
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-secondary-navigation-item-color: var(--sapTextColor, #223548);--udex-secondary-navigation-item-hover-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-item-active-color: var(--udexColorBlue9, #0040B0);--udex-secondary-navigation-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-item-mobile-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-line-height: 1.125rem;--udex-secondary-navigation-item-active-border-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-item-dropdown-shadow: 0 10px 30px 0 #22364940;--udex-secondary-navigation-item-dropdown-background: #FFF;--udex-secondary-navigation-item-title-min-height: 64px;--udex-secondary-navigation-item-dropdown-min-width: 240px;--udex-secondary-navigation-item-dropdown-max-width: 360px;--udex-secondary-navigation-item-dropdown-max-height: 100%;--udex-secondary-navigation-item-mobile-dropdown-shadow: 0 2px 8px 0 #2236494D;--udex-secondary-navigation-item-mobile-heading-shadow: 0 2px 4px 0 #22364933;--udex-secondary-navigation-item-mobile-title-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-item-mobile-title-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-mobile-title-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-secondary-navigation-item-mobile-title-font-weight: var(--udexTypographyFontWeightMedium, 500)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer12) 0;margin:0;list-style:none}.udex-secondary-navigation__item{color:var(--udex-secondary-navigation-item-color);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-item-font-size);line-height:var(--udex-secondary-navigation-item-line-height);display:flex;align-items:flex-start;height:100%;text-decoration:none;background:none;cursor:pointer;border:none;padding:0;white-space:nowrap}.udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus,.udex-secondary-navigation__item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-hover-color)}.udex-secondary-navigation__item:active .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:active{color:var(--udex-secondary-navigation-item-active-color)}[active].udex-secondary-navigation__item:before{border-radius:var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;background:var(--udex-secondary-navigation-item-active-border-color);content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px}:host([is-open]) .udex-secondary-navigation__item-icon{transform:rotateX(180deg)}.udex-secondary-navigation__item-icon{margin-inline-start:var(--udexSpacer4);transition:.25s transform;min-width:14px;height:14px}.udex-secondary-navigation__dropdown,.udex-secondary-navigation__dropdown[data-horizontal-align=left]:dir(rtl){position:absolute;top:100%;margin-top:1px;left:calc(var(--udexSpacer16) * -1);right:auto;box-shadow:var(--udex-secondary-navigation-item-dropdown-shadow);min-width:var(--udex-secondary-navigation-item-dropdown-min-width);max-width:var(--udex-secondary-navigation-item-dropdown-max-width);background:var(--udex-secondary-navigation-item-dropdown-background)}.udex-secondary-navigation__dropdown[data-horizontal-align=right]{left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown:dir(rtl){right:calc(var(--udexSpacer16) * -1);left:auto}.udex-secondary-navigation__item-sub-title{display:none}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:center;white-space:nowrap}@media (max-width: 979px){:host{width:100%;min-height:100%}.udex-secondary-navigation__item-icon{transform:translateY(-50%);position:absolute;right:5px;top:50%;width:22px;height:22px;margin:0}.udex-secondary-navigation__item-icon:dir(rtl){right:auto;left:5px}.udex-secondary-navigation__dropdown{position:relative;box-shadow:none;min-width:initial;max-width:initial;left:initial;margin-top:initial;top:initial;overflow-y:auto;max-height:calc(var(--udex-secondary-navigation-item-dropdown-max-height) - var(--udexSpacer24))}.udex-secondary-navigation__dropdown:dir(rtl){right:0}.udex-secondary-navigation__item{font-size:var(--udex-secondary-navigation-item-mobile-font-size);font-weight:var(--udex-secondary-navigation-item-mobile-title-font-weight);color:var(--udex-secondary-navigation-item-mobile-title-color);box-shadow:var(--udex-secondary-navigation-item-mobile-heading-shadow);background:var(--udex-secondary-navigation-item-dropdown-background);padding:var(--udexSpacer12) var(--udexSpacer48);position:relative;box-sizing:border-box;white-space:normal;min-height:var(--udex-secondary-navigation-item-title-min-height);width:100%;z-index:1;display:flex;align-items:center;height:fit-content}.udex-secondary-navigation__item-sub-title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:400;display:block}.udex-secondary-navigation__dropdown{border-radius:0 0 var(--udexRadiusM) var(--udexRadiusM);box-shadow:var(--udex-secondary-navigation-item-mobile-dropdown-shadow)}[active].udex-secondary-navigation__item:before{display:none}:host([desktop]) .udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus-visible,.udex-secondary-navigation__item:focus-visible{outline-offset:calc(var(--udexSpacer4) * -1);outline:var(--udexRadiusXXS) solid var(--udexColorBlue10)}:host([is-open]) .udex-secondary-navigation__item-icon{transform:translateY(-50%) rotateX(180deg)}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:baseline;flex-direction:column;white-space:normal;position:relative;text-align:left;width:100%;padding-inline-end:var(--udexSpacer32);gap:var(--udexSpacer16)}.udex-secondary-navigation__item-text-wrap:dir(rtl){align-items:flex-start;text-align:right}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-color)}}@media (max-width: 639px){.udex-secondary-navigation__item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
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-secondary-navigation-sub-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-sub-item-line-height: 1.125rem;--udex-secondary-navigation-sub-item-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-sub-item-hover-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-sub-item-hover-background: var(--udexColorGrey1, #F5F6F7);--udex-secondary-navigation-sub-item-active-background: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-sub-item-active-border-color: var(--udexColorBlue7, #0070f2)}.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer16);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-sub-item-font-size);line-height:var(--udex-secondary-navigation-sub-item-line-height);color:var(--udex-secondary-navigation-sub-item-color);display:flex;text-decoration:none;position:relative;cursor:pointer}button.udex-secondary-navigation__dropdown-item{border:0;width:100%;background:none;justify-content:space-between;align-items:center;text-align:left}.udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus,.udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}[active].udex-secondary-navigation__dropdown-item:before,[sub-active].udex-secondary-navigation__dropdown-item:before{background:var(--udex-secondary-navigation-sub-item-active-border-color);border-radius:0 var(--udexRadiusXXS) var(--udexRadiusXXS) 0;content:"";position:absolute;top:0;bottom:0;left:0;height:100%;width:3px}[active].udex-secondary-navigation__dropdown-item:dir(rtl):before,[sub-active].udex-secondary-navigation__dropdown-item:dir(rtl):before{left:auto;right:0}[is-back].udex-secondary-navigation__dropdown-item{justify-content:normal}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-sub-item-hover-color)}.udex-secondary-navigation__dropdown-item:hover{background:var(--udex-secondary-navigation-sub-item-hover-background)}.udex-secondary-navigation__dropdown-item:active{background:var(--udex-secondary-navigation-sub-item-active-background)}.udex-secondary-navigation__dropdown:dir(rtl){left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown-icon{min-width:14px;height:14px}.udex-secondary-navigation__dropdown-icon_back{margin-inline-end:var(--udexSpacer4)}@media (max-width: 979px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer48)}.udex-secondary-navigation__dropdown-item:hover .udex-secondary-navigation__dropdown-icon,.udex-secondary-navigation__dropdown-item:hover{background:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}}@media (max-width: 639px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
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-segmented-button-border-color: var(--udexColorGrey4, #A9B4BE);--udex-segmented-button-medium-width: 36px;--udex-segmented-button-large-width: 42px;--udex-segmented-button-small-width: 25px}:host ::slotted([udex-segmented-button-item]){--udex-segmented-button-item-medium-width: var(--udex-segmented-button-medium-width);--udex-segmented-button-item-small-width: var(--udex-segmented-button-small-width);--udex-segmented-button-item-large-width: var(--udex-segmented-button-large-width)}:host(:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-medium-width))}:host([size="Small"]:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-small-width))}:host([size="Large"]:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-large-width))}.ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-medium-width),1fr))}:host([size="Small"]) .ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-small-width),1fr))}:host([size="Large"]) .ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-large-width),1fr))}.ui5-segmented-button-root{box-shadow:inset 0 0 0 var(--sapButton_BorderWidth) var(--udex-segmented-button-border-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);
8
- export default `:host{--udex-segmented-button-item-font-weight: 500;--udex-segmented-button-item-small-padding: 4px 5px;--udex-segmented-button-item-medium-padding: 9px;--udex-segmented-button-item-large-padding: 11px;--udex-segmented-button-item-with-text-small-padding: 5px 10px 5px 10px;--udex-segmented-button-item-with-text-medium-padding: 9px 10px;--udex-segmented-button-item-with-text-large-padding: 12px 14px;--udex-segmented-button-item-small-height: 25px;--udex-segmented-button-item-small-width: 25px;--udex-segmented-button-item-medium-height: 36px;--udex-segmented-button-item-medium-width: 36px;--udex-segmented-button-item-large-height: 42px;--udex-segmented-button-item-large-width: 42px;--udex-segmented-button-item-small-icon-size: 14px;--udex-segmented-button-item-medium-icon-size: 16px;--udex-segmented-button-item-large-icon-size: 18px;--udex-segmented-button-item-small-line-height: 15x;--udex-segmented-button-item-medium-line-height: 18px;--udex-segmented-button-item-border-radius: var(--udexRadiusM, 8px);--udex-segmented-button-item-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-hover-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-hover-border-color: var(--udexColorGrey7, #475E75);--udex-segmented-button-item-hover-background-color: var(--udexColorGrey2, #EAECEE);--udex-segmented-button-item-selected-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-selected-border-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-active-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-active-border-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_BorderColor));--udex-segmented-button-item-warning-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-warning-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-warning-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-error-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-error-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-error-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-success-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-success-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-success-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-warning-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Attention_Background));--udex-segmented-button-item-warning-active-border-color: var(--udexColorMango6, var(--sapButton_Attention_BorderColor));--udex-segmented-button-item-warning-active-color: var(--udexColorMango9, var(--sapButton_Attention_TextColor));--udex-segmented-button-item-error-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Reject_Background));--udex-segmented-button-item-error-active-border-color: var(--udexColorRed4, var(--sapButton_Attention_BorderColor));--udex-segmented-button-item-error-active-color: var(--udexColorRed9, var(--sapButton_Attention_TextColor));--udex-segmented-button-item-success-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Accept_Background));--udex-segmented-button-item-success-active-border-color: var(--udexColorGreen6, var(--sapButton_Attention_BorderColor));--udex-segmented-button-item-success-active-color: var(--udexColorGreen9, var(--sapButton_Attention_TextColor));--udex-segmented-button-item-warning-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-warning-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-warning-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-error-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-error-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-error-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-success-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-success-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-success-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-small-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-segmented-button-item-medium-font-size: var(--sapFontSize, 16px)}:host([design="Default"]),:host{background-color:var(--udex-segmented-button-item-background-color);border:var(--sapButton_BorderWidth) solid var(--udex-segmented-button-item-border-color);color:var(--udex-segmented-button-item-color);border-radius:var(--udex-segmented-button-item-border-radius);height:var(--udex-segmented-button-item-medium-height);min-width:var(--udex-segmented-button-item-medium-width);font-weight:var(--udex-segmented-button-item-font-weight);font-family:var(--sapFontFamily)}.ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-medium-padding)}:host([icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-medium-padding)}:host([size="Large"]){height:var(--udex-segmented-button-item-large-height);min-width:var(--udex-segmented-button-item-large-width);font-size:var(--udex-segmented-button-item-medium-font-size)}:host([size="Medium"]){height:var(--udex-segmented-button-item-medium-height);min-width:var(--udex-segmented-button-item-medium-width);font-size:var(--udex-segmented-button-item-medium-font-size)}:host([size="Small"]){height:var(--udex-segmented-button-item-small-height);min-width:var(--udex-segmented-button-item-small-width);font-size:var(--udex-segmented-button-item-small-font-size)}:host([size="Small"][icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-small-padding)}:host([size="Medium"][icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-medium-padding)}:host([size="Large"][icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-large-padding)}:host([size="Small"]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-small-padding)}:host([size="Medium"]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-medium-padding)}:host([size="Large"]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-large-padding)}:host([design="Success"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Error"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Warning"][selected]: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"][selected]:hover),:host([design="Default"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover){background:var(--udex-segmented-button-item-hover-background-color);border:1px solid var(--udex-segmented-button-item-hover-border-color);color:var(--udex-segmented-button-item-hover-color)}.ui5-segmented-button-item-icon{height:var(--udex-segmented-button-item-medium-icon-size);width:var(--udex-segmented-button-item-medium-icon-size)}:host([size="Small"]) .ui5-segmented-button-item-icon{height:var(--udex-segmented-button-item-small-icon-size);width:var(--udex-segmented-button-item-small-icon-size)}:host([size="Large"]) .ui5-segmented-button-item-icon{height:var(--udex-segmented-button-item-large-icon-size);width:var(--udex-segmented-button-item-large-icon-size)}:host([selected]),:host([design="Default"][selected]),:host([selected]:not([active]):not([non-interactive]):not([_is-touch])),:host([design="Default"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background:var(--udex-segmented-button-item-selected-background-color);border:1px solid var(--udex-segmented-button-item-selected-border-color);color:var(--udex-segmented-button-item-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-segmented-button-item-active-color);border-color:var(--udex-segmented-button-item-active-border-color);background-color:var(--udex-segmented-button-item-active-background-color)}:host([design="Success"]){background-color:var(--udex-segmented-button-item-success-background-color);border-color:var(--udex-segmented-button-item-success-border-color);color:var(--udex-segmented-button-item-success-color)}:host([design="Error"]){background-color:var(--udex-segmented-button-item-error-background-color);border-color:var(--udex-segmented-button-item-error-border-color);color:var(--udex-segmented-button-item-error-color)}:host([design="Warning"]){background-color:var(--udex-segmented-button-item-warning-background-color);border-color:var(--udex-segmented-button-item-warning-border-color);color:var(--udex-segmented-button-item-warning-color)}:host([design="Success"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-segmented-button-item-success-selected-background-color);border-color:var(--udex-segmented-button-item-success-selected-border-color);color:var(--udex-segmented-button-item-success-selected-color)}:host([design="Error"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-segmented-button-item-error-selected-background-color);border-color:var(--udex-segmented-button-item-error-selected-border-color);color:var(--udex-segmented-button-item-error-selected-color)}:host([design="Warning"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-segmented-button-item-warning-selected-background-color);border-color:var(--udex-segmented-button-item-warning-selected-border-color);color:var(--udex-segmented-button-item-warning-selected-color)}:host([design="Success"][active]){background-color:var(--udex-segmented-button-item-success-active-background-color);border-color:var(--udex-segmented-button-item-success-active-border-color);color:var(--udex-segmented-button-item-success-active-color)}:host([design="Error"][active]){background-color:var(--udex-segmented-button-item-error-active-background-color);border-color:var(--udex-segmented-button-item-error-active-border-color);color:var(--udex-segmented-button-item-error-active-color)}:host([design="Warning"][active]){background-color:var(--udex-segmented-button-item-warning-active-background-color);border-color:var(--udex-segmented-button-item-warning-active-border-color);color:var(--udex-segmented-button-item-warning-active-color)}:host([disabled]),:host([disabled][pressed]),:host([design="Default"][disabled]),:host([design="Transparent"][disabled]),:host([design="Emphasized"][disabled]){color:var(--udex-segmented-button-item-color);border-color:transparent;background-color:var(--udex-segmented-button-item-background-color)}.ui5-segmented-button-item-text bdi{display:flex;align-items:center;line-height:var(--udex-segmented-button-item-medium-line-height)}:host([size="Small"]) .ui5-segmented-button-item-text bdi{line-height:var(--udex-segmented-button-item-small-line-height)}:host([size="Medium"]) .ui5-segmented-button-item-text bdi,:host([size="Large"]) .ui5-segmented-button-item-text bdi{line-height:var(--udex-segmented-button-item-medium-line-height)}:host([has-icon="true"]:not([icon-end])) .ui5-segmented-button-item-text{margin-inline-start:6px}:host([has-icon="false"]:not([icon-end])) .ui5-segmented-button-item-text{margin-inline-start:0}.ui5-segmented-button-item-icon{padding-inline-end:0}
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-segmented-button-item-font-weight: 500;--udex-segmented-button-item-small-padding: 4px 5px;--udex-segmented-button-item-medium-padding: 9px;--udex-segmented-button-item-large-padding: 11px;--udex-segmented-button-item-with-text-small-padding: 5px 10px 5px 10px;--udex-segmented-button-item-with-text-medium-padding: 9px 10px;--udex-segmented-button-item-with-text-large-padding: 12px 14px;--udex-segmented-button-item-small-height: 25px;--udex-segmented-button-item-small-width: 25px;--udex-segmented-button-item-medium-height: 36px;--udex-segmented-button-item-medium-width: 36px;--udex-segmented-button-item-large-height: 42px;--udex-segmented-button-item-large-width: 42px;--udex-segmented-button-item-small-icon-size: 14px;--udex-segmented-button-item-medium-icon-size: 16px;--udex-segmented-button-item-large-icon-size: 18px;--udex-segmented-button-item-small-line-height: 15x;--udex-segmented-button-item-medium-line-height: 18px;--udex-segmented-button-item-border-radius: var(--udexRadiusM, 8px);--udex-segmented-button-item-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-hover-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-hover-border-color: var(--udexColorGrey7, #475E75);--udex-segmented-button-item-hover-background-color: var(--udexColorGrey2, #EAECEE);--udex-segmented-button-item-selected-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-selected-border-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-active-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-active-border-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_BorderColor));--udex-segmented-button-item-warning-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-warning-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-warning-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-error-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-error-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-error-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-success-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-success-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-success-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-warning-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Attention_Background));--udex-segmented-button-item-warning-active-border-color: var(--udexColorMango6, var(--sapButton_Attention_BorderColor));--udex-segmented-button-item-warning-active-color: var(--udexColorMango9, var(--sapButton_Attention_TextColor));--udex-segmented-button-item-error-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Reject_Background));--udex-segmented-button-item-error-active-border-color: var(--udexColorRed4, var(--sapButton_Attention_BorderColor));--udex-segmented-button-item-error-active-color: var(--udexColorRed9, var(--sapButton_Attention_TextColor));--udex-segmented-button-item-success-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Accept_Background));--udex-segmented-button-item-success-active-border-color: var(--udexColorGreen6, var(--sapButton_Attention_BorderColor));--udex-segmented-button-item-success-active-color: var(--udexColorGreen9, var(--sapButton_Attention_TextColor));--udex-segmented-button-item-warning-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-warning-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-warning-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-error-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-error-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-error-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-success-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-success-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-success-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-small-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-segmented-button-item-medium-font-size: var(--sapFontSize, 16px)}:host([design="Default"]:not([hidden])),:host(:not([hidden])){background-color:var(--udex-segmented-button-item-background-color);border:var(--sapButton_BorderWidth) solid var(--udex-segmented-button-item-border-color);color:var(--udex-segmented-button-item-color);border-radius:var(--udex-segmented-button-item-border-radius);height:var(--udex-segmented-button-item-medium-height);min-width:var(--udex-segmented-button-item-medium-width);font-weight:var(--udex-segmented-button-item-font-weight);font-family:var(--sapFontFamily)}.ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-medium-padding)}:host([icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-medium-padding)}:host([size="Large"]){height:var(--udex-segmented-button-item-large-height);min-width:var(--udex-segmented-button-item-large-width);font-size:var(--udex-segmented-button-item-medium-font-size)}:host([size="Medium"]){height:var(--udex-segmented-button-item-medium-height);min-width:var(--udex-segmented-button-item-medium-width);font-size:var(--udex-segmented-button-item-medium-font-size)}:host([size="Small"]){height:var(--udex-segmented-button-item-small-height);min-width:var(--udex-segmented-button-item-small-width);font-size:var(--udex-segmented-button-item-small-font-size)}:host([size="Small"][icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-small-padding)}:host([size="Medium"][icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-medium-padding)}:host([size="Large"][icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-large-padding)}:host([size="Small"]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-small-padding)}:host([size="Medium"]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-medium-padding)}:host([size="Large"]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-large-padding)}:host([design="Success"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Error"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Warning"][selected]: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"][selected]:hover),:host([design="Default"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover){background:var(--udex-segmented-button-item-hover-background-color);border:1px solid var(--udex-segmented-button-item-hover-border-color);color:var(--udex-segmented-button-item-hover-color)}.ui5-segmented-button-item-icon{height:var(--udex-segmented-button-item-medium-icon-size);width:var(--udex-segmented-button-item-medium-icon-size)}:host([size="Small"]) .ui5-segmented-button-item-icon{height:var(--udex-segmented-button-item-small-icon-size);width:var(--udex-segmented-button-item-small-icon-size)}:host([size="Large"]) .ui5-segmented-button-item-icon{height:var(--udex-segmented-button-item-large-icon-size);width:var(--udex-segmented-button-item-large-icon-size)}:host([selected]),:host([design="Default"][selected]),:host([selected]:not([active]):not([non-interactive]):not([_is-touch])),:host([design="Default"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background:var(--udex-segmented-button-item-selected-background-color);border:1px solid var(--udex-segmented-button-item-selected-border-color);color:var(--udex-segmented-button-item-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-segmented-button-item-active-color);border-color:var(--udex-segmented-button-item-active-border-color);background-color:var(--udex-segmented-button-item-active-background-color)}:host([design="Success"]){background-color:var(--udex-segmented-button-item-success-background-color);border-color:var(--udex-segmented-button-item-success-border-color);color:var(--udex-segmented-button-item-success-color)}:host([design="Error"]){background-color:var(--udex-segmented-button-item-error-background-color);border-color:var(--udex-segmented-button-item-error-border-color);color:var(--udex-segmented-button-item-error-color)}:host([design="Warning"]){background-color:var(--udex-segmented-button-item-warning-background-color);border-color:var(--udex-segmented-button-item-warning-border-color);color:var(--udex-segmented-button-item-warning-color)}:host([design="Success"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-segmented-button-item-success-selected-background-color);border-color:var(--udex-segmented-button-item-success-selected-border-color);color:var(--udex-segmented-button-item-success-selected-color)}:host([design="Error"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-segmented-button-item-error-selected-background-color);border-color:var(--udex-segmented-button-item-error-selected-border-color);color:var(--udex-segmented-button-item-error-selected-color)}:host([design="Warning"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-segmented-button-item-warning-selected-background-color);border-color:var(--udex-segmented-button-item-warning-selected-border-color);color:var(--udex-segmented-button-item-warning-selected-color)}:host([design="Success"][active]){background-color:var(--udex-segmented-button-item-success-active-background-color);border-color:var(--udex-segmented-button-item-success-active-border-color);color:var(--udex-segmented-button-item-success-active-color)}:host([design="Error"][active]){background-color:var(--udex-segmented-button-item-error-active-background-color);border-color:var(--udex-segmented-button-item-error-active-border-color);color:var(--udex-segmented-button-item-error-active-color)}:host([design="Warning"][active]){background-color:var(--udex-segmented-button-item-warning-active-background-color);border-color:var(--udex-segmented-button-item-warning-active-border-color);color:var(--udex-segmented-button-item-warning-active-color)}:host([disabled]),:host([disabled][pressed]),:host([design="Default"][disabled]),:host([design="Transparent"][disabled]),:host([design="Emphasized"][disabled]){color:var(--udex-segmented-button-item-color);border-color:transparent;background-color:var(--udex-segmented-button-item-background-color)}.ui5-segmented-button-item-text bdi{display:flex;align-items:center;line-height:var(--udex-segmented-button-item-medium-line-height)}:host([size="Small"]) .ui5-segmented-button-item-text bdi{line-height:var(--udex-segmented-button-item-small-line-height)}:host([size="Medium"]) .ui5-segmented-button-item-text bdi,:host([size="Large"]) .ui5-segmented-button-item-text bdi{line-height:var(--udex-segmented-button-item-medium-line-height)}:host([has-icon="true"]:not([icon-end])) .ui5-segmented-button-item-text{margin-inline-start:6px}:host([has-icon="false"]:not([icon-end])) .ui5-segmented-button-item-text{margin-inline-start:0}.ui5-segmented-button-item-icon{padding-inline-end: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-select-box-popover-min-width: 0px;--udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-select-box-popover-border-radius: var(--udexRadiusM, 8px)}:host([disabled]) .udex-text-field__trigger,:host([readonly]) .udex-text-field__trigger{cursor:inherit}:host([displayonly]) .udex-text-field__input{overflow:hidden}.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover{border-left:1px solid var(--udexColorGrey4, #A9B4BE)}.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-left:1px solid var(--udexColorBlue4, #89D1FF);cursor:pointer}:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover{border-right:1px solid var(--udexColorGrey4, #A9B4BE);border-left:none}:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-right:1px solid var(--udexColorBlue4, #89D1FF);border-left:none}:host([displayonly]:dir(rtl)) .udex-text-field__label{right:0}:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexCoreSemanticError4, #FF8CB2);color:var(--udexCoreSemanticError9, #840606)}:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexCoreSemanticError4, #FF8CB2);color:var(--udexCoreSemanticError9, #840606);border-left:none}:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexCoreSemanticSuccess6, #36a41d);color:var(--udexCoreSemanticSuccess9, #1E592F)}:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexCoreSemanticSuccess6, #36a41d);color:var(--udexCoreSemanticSuccess9, #1E592F);border-left:none}:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexCoreSemanticWarning6, #E76500);color:var(--udexCoreSemanticWarning9, #8D2A00)}:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexCoreSemanticWarning6, #E76500);color:var(--udexCoreSemanticWarning9, #8D2A00);border-left:none}:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover{cursor:pointer}.udex-text-field__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.udex-text-field__label_active{position:absolute;top:9px;left:12px;max-width:max-content}.udex-text-field__input{display:flex;align-items:center;padding:0}.udex-text-field__trigger{display:flex;align-items:center;justify-content:center;height:42px;width:42px;background:none;border-style:solid;box-sizing:border-box;border-width:var(--sapButton_BorderWidth);border-color:transparent;border-radius:var(--udexRadiusXS);margin-inline-start:auto;padding:4px;z-index:1;color:var(--udexColorGrey7, #475E75);outline:none}.udex-text-field__trigger:focus-visible ui5-icon{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:2px;border-radius:2px}.udex-text-field__trigger:hover{cursor:pointer}.udex-text-field__trigger ui5-icon{height:18px;width:18px;color:inherit}.udex-text-field__text-holder{display:flex;overflow:hidden;padding:var(--udexSpacer8) var(--udexSpacer12)}:host([displayonly]) .udex-text-field__text-holder{padding:var(--udexSpacer8) 0}.udex-text-field__single-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.udex-text-field__single-label b{font-weight:400}.udex-tag-group{display:flex;width:100%;min-width:100px;max-width:calc(100% - 42px - var(--udexSpacer8))}:host([displayonly]) .udex-tag-group{margin-inline-start:-20px}:host .udex-text-field__input[open] .udex-text-field__trigger{color:var(--udexColorBlue9, #0040B0)}:host([displayonly]) .udex-text-field__label{left:0}.udex-truncatable-tag-content{display:flex;align-items:center;padding:var(--udexSpacer12, 12px) var(--udexSpacer12, 12px)}.udex-truncatable-tag-content__label{font-size:var(--udexTypographyBodySFontSize);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);padding-inline-end:var(--udexSpacer8, 8px);color:var(--udexCoreTextDark, #223548)}.udex-truncatable-tag-content__icon{min-width:1.2rem;height:1.2rem;font-size:1.5rem;fill:var(--udexColorBlue7, #0070F2);cursor:pointer}.udex-select-box__dropdown{--udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);width:var(--udex-dropdown-pane-width);border:var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);border-radius:var(--udex-select-box-popover-border-radius);box-shadow:var(--udex-select-box-popover-shadow)}@media (width < 640px){.udex-select-box__dropdown{--udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width)}}.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)}.udex-select-box__dropdown::part(header),.udex-select-box__dropdown::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}.udex-select-box__dropdown::part(content){padding:0;overflow:auto}
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-side-navigation-box-shadow: none;--udex-side-navigation-padding: var(--udexSpacer40);--udex-side-navigation-navigation-separator-radius: 0;--udex-side-navigation-navigation-separator-background-color: var(--udexCoreDividerLight);--udex-side-navigation-navigation-separator-height: 1px;--udex-side-navigation-navigation-separator-margin: var(--udexSpacer16) 0;--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-m: calc((100% - (2 * var(--udex-grid-margin-m)) - (11 * var(--udex-grid-gutter))) / 12);--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-side-navigation-max-width-m: calc(4 * var(--udex-column-width-m) + 3 * var(--udex-grid-gutter));--udex-side-navigation-max-width-l: calc(3 * var(--udex-column-width-l) + 2 * var(--udex-grid-gutter));--udex-side-navigation-max-width-xl: calc(3 * var(--udex-column-width-xl) + 2 * var(--udex-grid-gutter));--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host([fixed-in-place="true"]){position:sticky;top:0}:host(:not([hidden])){box-shadow:var(--udex-side-navigation-box-shadow);font-family:var(--sapFontFamily);max-width:var(--udex-side-navigation-max-width);width:100%}.ui5-sn-root .ui5-sn-list{padding:var(--udex-side-navigation-padding) 0 0;margin:0}.ui5-sn-fixed{padding:0;margin:0}.ui5-sn-spacer{background-color:var(--udex-side-navigation-navigation-separator-background-color);margin:var(--udex-side-navigation-navigation-separator-margin);min-height:var(--udex-side-navigation-navigation-separator-height);height:var(--udex-side-navigation-navigation-separator-height);border-radius:var(--udex-side-navigation-navigation-separator-radius)}@media (min-width: 980px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m)}}@media (min-width: 1280px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-l)}}@media (min-width: 1600px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-xl)}}
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-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);color:var(--udexColorGrey7, #475E75)}.ui5-sn-item-separator:has(+.ui5-sn-item-group){background-color:var(--udexCoreDividerLight);margin:var(--udexSpacer16) 0;min-height:auto;height:1px}.ui5-sn-item-separator:not(:has(+.ui5-sn-item-group)){display:none}.ui5-sn-item.ui5-sn-item-group{height:var(--udex-side-navigation-item-height);min-height:auto;padding:var(--udexSpacer8) 0;padding-inline-start:var(--udexSpacer16);margin-block-end:0;gap:0;font-size:var(--udexTypographyEyebrowSFontSize);font-style:normal;font-weight:var(--udexTypographyFontWeightMedium);letter-spacing:.36px;text-transform:uppercase;padding-inline-end:var(--udexSpacer16)}:host .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12)}:host(:not([expanded]):last-child){margin-block-end: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-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-color-selected-text: var(--udexColorBlue7, #0070F2);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-text-weight: var(--udexTypographyFontWeightMedium);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--udexColorGrey1, #F5F6F7);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item-ul{overflow:auto}.ui5-sn-item,:host(:not([in-popover])) .ui5-sn-item{height:var(--udex-side-navigation-item-height);padding-inline-end:var(--udexSpacer16);margin-block-end:0}:host(:not([expanded])) .ui5-sn-item{margin-block-end:var(--udexSpacer8, 8px)}:host([expanded]) .ui5-sn-list-li{margin-block-end:var(--udexSpacer8, 8px)}.ui5-sn-item .ui5-sn-item-text{font-weight:var(--udex-side-navigation-text-weight)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left));padding-inline-start:0}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12, 12px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{border-inline-start:0}.ui5-sn-item-level1,.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--udex-side-navigation-item-padding-left)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-external-link-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{color:var(--udex-side-navigation-item-color-selected-text);background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset: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-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);--udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily);position:relative;z-index:106}.udex-side-navigation-mobile__trigger{display:flex;justify-content:space-between;align-items:center;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);height:var(--udex-side-navigation-item-height);padding-inline-start:var(--udex-side-navigation-mobile-trigger-padding-horizontal);padding-inline-end:var(--udex-side-navigation-mobile-trigger-padding-horizontal);cursor:pointer;position:relative}.udex-side-navigation-mobile__selected-item{display:flex;align-items:center;font-weight:var(--udex-side-navigation-selected-item-text-weight)}.udex-side-navigation-mobile__selected-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left))}.udex-side-navigation-mobile__trigger-toggle-icon{height:1rem;width:1rem;min-width:1rem;color:var(--udex-side-navigation-icon-color)}.udex-side-navigation-mobile__trigger[active]{box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);border-bottom:1px solid var(--udex-side-navigation-mobile-active-trigger-border-color)}.udex-side-navigation-mobile__trigger[active] .udex-side-navigation-mobile__trigger-toggle-icon{color:var(--udex-side-navigation-mobile-active-arrow-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-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto;margin-top:1px}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;--udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 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-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-bottom-margin: 0;--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item_color-selected-text: var(--udexColorBlue7, #0070F2);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--udexColorGrey1, #F5F6F7);color:var(--udex-side-navigation-icon-color);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}:host(:not([in-popover])) .ui5-sn-item,.ui5-sn-item{margin-block-end:var(--udex-side-navigation-item-bottom-margin);height:var(--udex-side-navigation-item-height);padding-inline-end:var(--udexSpacer16)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left))}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-external-link-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{color:var(--udex-side-navigation-item_color-selected-text);background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([with-icon]) .ui5-sn-item-level2,.ui5-sn-item-level2{margin-block-end:0}.ui5-sn-item-level2:not(.ui5-sn-item-has-icon),.ui5-sn-item-level2{--udex-side-navigation-group-icon-width: 1.75rem;padding-inline-start:var(--udex-side-navigation-group-icon-width)}:host([with-icon]) .ui5-sn-item-level2{--udex-side-navigation-group-icon-width: var(--udexSpacer48);padding-inline-start:var(--udex-side-navigation-group-icon-width)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset: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);
8
- export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-5-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-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-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-6-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-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-status-badge-icon-color-error: var(--udexColorRed8);--udex-status-badge-background-color-error: var(--udexColorRed1);--udex-status-badge-border-color-error: var(--udexColorRed6);--udex-status-badge-icon-color-success: var(--udexColorGreen8);--udex-status-badge-background-color-success: var(--udexColorGreen1);--udex-status-badge-border-color-success: var(--udexColorGreen6);--udex-status-badge-icon-color-warning: var(--udexColorMango8);--udex-status-badge-background-color-warning: var(--udexColorMango1);--udex-status-badge-border-color-warning: var(--udexColorMango6);--udex-status-badge-icon-color-information: var(--udexColorBlue8);--udex-status-badge-background-color-information: var(--udexColorBlue1);--udex-status-badge-border-color-information: var(--udexColorBlue6);--udex-status-badge-icon-color-edit: white;--udex-status-badge-background-color-edit: var(--udexColorBlue8);--udex-status-badge-size-background-xs-and-s-and-m: 18px;--udex-status-badge-size-background-l: 20px;--udex-status-badge-size-background-xl: 28px;--udex-status-badge-size-icon-xs-and-s-and-m: 12px;--udex-status-badge-size-icon-l: 14px;--udex-status-badge-size-icon-xl: 16px;display:inline-block;box-sizing:border-box;position:relative}.udex-status-badge__icon{color:inherit;display:inline-block;border-radius:50%;outline:1px solid;vertical-align:top}.udex-status-badge__icon,:host([value-state="Information"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-information);border-color:var(--udex-status-badge-border-color-information);background:var(--udex-status-badge-background-color-information)}:host([value-state="Error"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-error);border-color:var(--udex-status-badge-border-color-error);background:var(--udex-status-badge-background-color-error)}:host([value-state="Success"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-success);border-color:var(--udex-status-badge-border-color-success);background:var(--udex-status-badge-background-color-success)}:host([value-state="Warning"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-warning);border-color:var(--udex-status-badge-border-color-warning);background:var(--udex-status-badge-background-color-warning)}:host([value-state="Edit"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-edit);background:var(--udex-status-badge-background-color-edit);border:0;outline:0;cursor:pointer}.udex-status-badge__icon,:host([size="XS"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="S"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="M"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="L"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-l);height:var(--udex-status-badge-size-icon-l);padding:3px}:host([size="XL"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xl);height:var(--udex-status-badge-size-icon-xl);padding:6px}.udex-status-badge,:host([size="XS"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size="S"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size="M"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size="L"]) .udex-status-badge{width:var(--udex-status-badge-size-background-l);height:var(--udex-status-badge-size-background-l)}:host([size="XL"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xl);height:var(--udex-status-badge-size-background-xl)}
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-status-message-supporting-text-paddings: var(--udexSpacer4, 4px) 0;--udex-status-message-supporting-text-font-family: var(--sapFontFamily, "sans-serif");--udex-status-message-supporting-text-font-size: var(--sapFontSmallSize, 12px);--udex-status-message-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-status-message-color-error-default-supporting-text: var(--sapField_InvalidColor, #d20a0a);--udex-status-message-color-success-default-supporting-text: var(--sapField_SuccessColor, #188918);--udex-status-message-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7))}.udex-status-message__supporting-text{font-family:var(--udex-status-message-supporting-text-font-family);font-size:var(--udex-status-message-supporting-text-font-size);line-height:1.5;padding:var(--udex-status-message-supporting-text-paddings);color:var(--udex-status-message-color-standard-default-supporting-text);text-align:start;padding-inline-start:var(--udexSpacer12, 12px)}:host([supporting-text-alignment="Right"]:not([value-state="Error"]):not([value-state="Success"]):not([value-state="Warning"])) .udex-status-message__supporting-text{text-align:end}.udex-status-message__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}:host([value-state="Error"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-error-default-supporting-text)}:host([value-state="Success"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-success-default-supporting-text)}:host([value-state="Warning"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-warning-default-supporting-text)}:host([disabled]) .udex-status-message__supporting-text{opacity:.4}
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-step-input-button-size: 42px;--udex-step-input-input-horizontal-padding: var(--udexSpacer8, 8px);--udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-step-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-step-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F)}:host [udex-text-field]{--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);--udex-input-color-error-hover-border: var(--udex-step-input-color-error-hover-border);--udex-input-color-error-active-border: var(--udex-step-input-color-error-active-border);--udex-input-color-warning-hover-border: var(--udex-step-input-color-warning-hover-border);--udex-input-color-warning-active-border: var(--udex-step-input-color-warning-active-border);--udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);--udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border)}:host(:not([displayonly])) .udex-step-input__root{display:flex;align-items:flex-start}:host .udex-step-input__button{--udex-control-button-large-height: var(--udex-step-input-button-size);--udex-control-button-large-width: var(--udex-step-input-button-size);position:relative;padding:var(--udexSpacer4, 4px);width:38px;z-index:3;background:none;flex-shrink:0}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(ltr),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(rtl){border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(rtl),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(ltr){border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}:host([readonly]) .udex-step-input__button{opacity:1}:host(:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-hover-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-success-hover-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-hover-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-error-hover-border)}:host(:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-active-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-success-active-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-active-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-error-active-border)}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){padding-right:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));padding-left:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding))}:host(:not([displayonly])) [udex-text-field]{margin-right:calc(var(--udex-step-input-button-size) * -1);margin-left:calc(var(--udex-step-input-button-size) * -1);width:100%}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){text-align:end}:host .udex-step-input__button_dec{order:1}:host [udex-text-field]{order:2}:host .udex-step-input__button_inc{order:3}
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-switch-color-standard-default-inactive-handle-background: var(--sapButton_Handle_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-default-inactive-track-background: var(--sapButton_Track_Background, var(--udexColorGrey5));--udex-switch-color-standard-hover-inactive-handle-background: var(--sapButton_Handle_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-inactive-handle-border: var(--sapButton_Handle_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-hover-inactive-track-background: var(--sapButton_Track_Hover_Background, var(--udexColorGrey6));--udex-switch-color-standard-default-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-active-icon: var(--sapButton_Handle_Selected_TextColor, var(--udexColorBlue7));--udex-switch-color-standard-default-active-track-background: var(--sapButton_Track_Selected_Background, var(--udexColorBlue7));--udex-switch-color-standard-hover-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-active-handle-border: var(--sapButton_Handle_Selected_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-active-icon: var(--udexColorBlue9, #0040b0);--udex-switch-color-standard-hover-active-track-background: var(--sapButton_Track_Selected_Hover_Background, var(--udexColorBlue9));--udex-switch-color-reject-default-handle-background: var(--sapButton_Handle_Negative_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-default-icon: var(--sapButton_Handle_Negative_TextColor, var(--udexCoreSemanticError8));--udex-switch-color-reject-default-track-background: var(--sapButton_Track_Negative_Background, var(--udexCoreSemanticError6));--udex-switch-color-reject-hover-handle-background: var(--sapButton_Handle_Negative_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-hover-handle-border: var(--sapButton_Handle_Negative_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-reject-hover-icon: var(--sapButton_Track_Negative_TextColor, var(--udexCoreSemanticError8));--udex-switch-color-reject-hover-track-background: var(--sapButton_Track_Negative_Hover_Background, var(--udexCoreSemanticError7));--udex-switch-color-accept-default-handle-background: var(--sapButton_Handle_Positive_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-default-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexCoreSemanticSuccess8));--udex-switch-color-accept-default-track-background: var(--sapButton_Track_Positive_Background, var(--udexCoreSemanticSuccess7));--udex-switch-color-accept-hover-handle-background: var(--sapButton_Handle_Positive_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-hover-handle-border: var(--sapButton_Handle_Positive_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-accept-hover-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexCoreSemanticSuccess8));--udex-switch-color-accept-hover-track-background: var(--sapButton_Track_Positive_Hover_Background, var(--udexCoreSemanticSuccess8))}:host{display:inline-block}.udex-switch{display:flex;flex-direction:row;align-items:center;font-family:var(--sapFontFamily);gap:var(--udexSpacer12, 12px);color:var(--udexCoreTextDark, #223548)}:host([desktop]) .udex-switch__container:focus,.udex-switch__container:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexSwitchRadius, 100px)}:host([disabled]) .udex-switch{opacity:.4}.udex-switch__label{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:24px;font-weight:400}.udex-switch__container{width:40px;height:24px}:host(:not([disabled])) .udex-switch__container{cursor:pointer}.udex-switch__track{border-radius:var(--udexSwitchRadius, 100px);height:inherit;padding:var(--udexSpacer2, 2px);box-sizing:border-box;container-type:inline-size}.udex-switch__handle{padding:var(--udexSpacer2, 2px) var(--udexSpacer4, 4px);width:24px;height:20px;border-radius:var(--udexSwitchRadius, 100px);box-sizing:border-box;transition:transform .3s ease}:host(:not([checked])) .udex-switch__track .udex-switch__handle{transform:translate(0)}:host([checked]:dir(ltr)) .udex-switch__track .udex-switch__handle{transform:translate(calc(100cqw - 100%))}:host([checked]:dir(rtl)) .udex-switch__track .udex-switch__handle{transform:translate(calc(-100cqw + 100%))}.udex-switch__icon{display:block;width:16px;height:16px}.udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-default-inactive-track-background)}.udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-inactive-handle-background)}.udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-default-inactive-icon)}.udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-inactive-track-background)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-inactive-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-inactive-handle-border)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-hover-inactive-icon)}.udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-default-active-track-background)}.udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-active-handle-background)}.udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-default-active-icon)}.udex-switch__container:hover .udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-active-track-background)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-active-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-active-handle-border)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-hover-active-icon)}:host([color=Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-default-track-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-default-handle-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-reject-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-hover-icon)}:host([color=Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-default-track-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-default-handle-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-accept-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-hover-icon)}.udex-switch__input{position:absolute;inset-inline-start:0;width:0;height:0;margin:0;visibility:hidden;appearance: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{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:focus{outline:2px solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:active{background-color:var(--udexColorGrey2)}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:0}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:1;inset-block-start:-4px;inset-inline-end:-6px}
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-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--udexColorBlue4);--udex-button-more-s-text-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-s-icon-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button="Medium"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}}
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-table-toolbar-color: var(--sapList_TableGroupHeaderTextColor, var(--udexCoreTextDark, #223548));--udex-table-toolbar-border-color: var(--sapList_TableGroupHeaderBorderColor, var(--udexColorGrey4, #a9b4be));--udex-table-toolbar-background:var(--sapList_TableGroupHeaderBackground, var(--udexCoreBase, #fff));--udex-table-loading-opacity: var(--sapContent_DisabledOpacity, .4);--udex-table-loading-background: var(--udexCoreBase, #fff);--udex-table-header-sticky-z-index: 3;--udex-table-header-sticky-shadow: 0 8px 8px -8px rgba(34,54,73,.3);--udex-table-header-footnotes-color: var(--udexColorGrey7, #475e75);--udex-table-header-footnotes-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-table-header-footnotes-line-height:var(--udexTypographyBodyLineHeight)}:host{display:block}:host([sticky-header]) .udex-table__header-holder{position:sticky;top:0;z-index:var( --udex-table-header-sticky-z-index)}:host([loading]) .udex-table:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}:host([_vertical-offset]) .udex-table__header-holder{box-shadow:var(--udex-table-header-sticky-shadow)}.udex-table-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--udex-table-toolbar-border-color);padding:var(--udexSpacer16);background:var(--udex-table-toolbar-background)}.udex-table-toolbar__actions{display:flex;gap:var(--udexSpacer8);padding-inline-start:var(--udexSpacer32)}.udex-table-toolbar__title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyHeadingBoldXXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightBold);color:var(--udex-table-toolbar-color)}.udex-table{display:grid;overflow:auto;position:relative}.udex-table__header-holder{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.udex-table__no-data{grid-column:1 / -1;justify-content:center;padding:var(--udexSpacer16);--horizontal-align-default-1: center}.udex-table__loading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center}.udex-table__loading:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}.udex-table-footnotes{padding-top:var(--udexSpacer24);color:var(--udex-table-header-footnotes-color);font-size:var(--udex-table-header-footnotes-font-size);line-height:var(--udex-table-header-footnotes-line-height)}@media (max-width: 639px){.udex-table-toolbar{flex-direction:column;align-items:flex-start}.udex-table-toolbar__actions{padding-inline-start:0;padding-top: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-table-cell-color: var(--udexColorGrey9, #223548);--udex-table-cell-border-color: var(--sapList_BorderColor, var(--udexColorGrey4, #a9b4be ));--udex-table-cell-padding: var(--udexSpacer8, 8px) var(--udexSpacer16, 16px);--udex-table-cell-background: var(--sapList_HeaderBackground, var(--udexCoreBase, #fff ));--udex-table-cell-highlighted-background: var(--sapIndicationColor_9_Selected_Background, var(--udexColorGrey1, #f5f6f7));--udex-table-cell-highlighted-border-color: var(--sapList_BorderColor, var(--udexColorGrey4, #a9b4be));--udex-table-cell-highlighted-column-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1, #ebf8ff));--udex-table-cell-icon-width: 18px;--udex-table-cell-icon-height: 18px}:host{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize);line-height:var(--udexTypographyBodyLineHeight);border-color:var(--udex-table-cell-border-color);padding:var(--udex-table-cell-padding);background:var(--udex-table-cell-background);color:var(--udex-table-cell-color)}:host([_highlighted]){background:var(--udex-table-cell-highlighted-background);border-color:var(--udex-table-cell-highlighted-border-color)}.udex-table-cell__icon{min-width:var(--udex-table-cell-icon-width);height:var(--udex-table-cell-icon-height);margin-inline-end:var(--udexSpacer4);color:var(--udex-table-cell-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-table-cell-sticky-shadow: 0 4px 8px rgba(34,54,73,.3)}:host{display:flex;align-items:center;box-sizing:border-box;border-bottom-width:1px;border-bottom-style:solid;position:relative;word-break:break-word}:host([_sticky]){position:sticky;left:0;z-index:1}:host([_sticky]:dir(rtl)){right:0}:host([_horizontal-offset]){box-shadow:var(--udex-table-cell-sticky-shadow)}
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-table-group-row-title-color: var(--udexColorGrey9, #223548);--udex-table-group-row-title-padding: var(--udexSpacer8, 8px) var(--udexSpacer16, 16px);--udex-table-group-row-border-color: var(--sapList_BorderColor, var(--udexColorGrey4, #a9b4be ));--udex-table-group-row-border-background: var(--udexColorGrey1, #F5F6F7);--udex-table-group-row-hover-background: var(--udexColorGrey2, #EAECEE);--udex-table-group-row-outline-border-color: var(--udexColorBlue10, #002A86);--udex-table-group-row-line-height: 18px;--udex-table-group-icon-width: 14px;--udex-table-group-icon-height: 14px}:host,.udex-table-grow-rows{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.udex-table-grow-btn{grid-column:1 / -1;padding:var(--udex-table-group-row-title-padding);border-bottom:1px solid var(--udex-table-group-row-border-color);border-top:none;border-left:none;border-right:none;background:var(--udex-table-group-row-border-background);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize);line-height:var(--udex-table-group-row-line-height);font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-table-group-row-title-color);position:relative}:host([collapsible]) .udex-table-grow-btn{cursor:pointer}:host([collapsible]) .udex-table-grow-btn:focus{outline:none}:host([collapsible]) .udex-table-grow-btn:focus:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-table-group-row-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px)}:host([collapsible]) .udex-table-grow-btn:hover{background:var(--udex-table-group-row-hover-background)}:host([collapsible]) .udex-table-grow-rows{visibility:hidden;height:0;overflow:hidden}:host([collapsible][expanded]) .udex-table-grow-rows{visibility:visible;height:auto}:host([collapsible][expanded]) .udex-table-grow__icon{transform:rotate(90deg)}:host([collapsible][expanded]:dir(rtl)) .udex-table-grow__icon{transform:rotate(-90deg)}:host([collapsible]) .udex-table-grow{display:flex;align-items:center;gap:var(--udexSpacer4)}.udex-table-grow__icon{width:var(--udex-table-group-icon-width);height:var(--udex-table-group-icon-height)}
9
9
  `