@sapudex/web-components 0.114.2 → 0.127.6

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 (456) hide show
  1. package/bundle.esm.js +6 -0
  2. package/config/wdio.conf.js +19 -8
  3. package/dist/AccordionItem.d.ts +2 -1
  4. package/dist/AccordionItem.js +3 -3
  5. package/dist/AccordionItem.js.map +1 -1
  6. package/dist/Avatar.d.ts +20 -1
  7. package/dist/Avatar.js +26 -2
  8. package/dist/Avatar.js.map +1 -1
  9. package/dist/AvatarGroup.d.ts +28 -0
  10. package/dist/AvatarGroup.js +126 -0
  11. package/dist/AvatarGroup.js.map +1 -0
  12. package/dist/CountrySelector.d.ts +1 -0
  13. package/dist/CountrySelector.js +3 -0
  14. package/dist/CountrySelector.js.map +1 -1
  15. package/dist/Dropdown.d.ts +11 -1
  16. package/dist/Dropdown.js +15 -3
  17. package/dist/Dropdown.js.map +1 -1
  18. package/dist/FilterMenu.d.ts +21 -5
  19. package/dist/FilterMenu.js +50 -8
  20. package/dist/FilterMenu.js.map +1 -1
  21. package/dist/Footer.d.ts +27 -0
  22. package/dist/Footer.js +27 -36
  23. package/dist/Footer.js.map +1 -1
  24. package/dist/HeroBanner.js +3 -0
  25. package/dist/HeroBanner.js.map +1 -1
  26. package/dist/InputGroup.js.map +1 -1
  27. package/dist/List.d.ts +7 -0
  28. package/dist/List.js +78 -18
  29. package/dist/List.js.map +1 -1
  30. package/dist/ListItem.d.ts +0 -1
  31. package/dist/ListItem.js +0 -6
  32. package/dist/ListItem.js.map +1 -1
  33. package/dist/ListItemBase.d.ts +3 -0
  34. package/dist/ListItemBase.js +12 -0
  35. package/dist/ListItemBase.js.map +1 -1
  36. package/dist/MastheadItem.d.ts +1 -0
  37. package/dist/MastheadItem.js +5 -11
  38. package/dist/MastheadItem.js.map +1 -1
  39. package/dist/MastheadShell.d.ts +8 -0
  40. package/dist/MastheadShell.js +10 -0
  41. package/dist/MastheadShell.js.map +1 -1
  42. package/dist/MessageStrip.js +1 -1
  43. package/dist/MessageStrip.js.map +1 -1
  44. package/dist/Pagination.d.ts +3 -0
  45. package/dist/Pagination.js +16 -4
  46. package/dist/Pagination.js.map +1 -1
  47. package/dist/PasswordField.d.ts +14 -4
  48. package/dist/PasswordField.js +24 -15
  49. package/dist/PasswordField.js.map +1 -1
  50. package/dist/PhoneNumberField.d.ts +6 -0
  51. package/dist/PhoneNumberField.js +6 -1
  52. package/dist/PhoneNumberField.js.map +1 -1
  53. package/dist/RatingBar.d.ts +53 -0
  54. package/dist/RatingBar.js +96 -0
  55. package/dist/RatingBar.js.map +1 -0
  56. package/dist/Review.d.ts +71 -0
  57. package/dist/Review.js +108 -0
  58. package/dist/Review.js.map +1 -0
  59. package/dist/Search.d.ts +51 -0
  60. package/dist/Search.js +65 -11
  61. package/dist/Search.js.map +1 -1
  62. package/dist/SearchableListBase.d.ts +1 -1
  63. package/dist/SearchableListBase.js +1 -1
  64. package/dist/SearchableListBase.js.map +1 -1
  65. package/dist/SecondaryNavigation.d.ts +35 -47
  66. package/dist/SecondaryNavigation.js +158 -167
  67. package/dist/SecondaryNavigation.js.map +1 -1
  68. package/dist/SecondaryNavigationItem.d.ts +101 -0
  69. package/dist/SecondaryNavigationItem.js +297 -0
  70. package/dist/SecondaryNavigationItem.js.map +1 -0
  71. package/dist/SecondaryNavigationItemBase.d.ts +82 -0
  72. package/dist/SecondaryNavigationItemBase.js +104 -0
  73. package/dist/SecondaryNavigationItemBase.js.map +1 -0
  74. package/dist/SecondaryNavigationSubItem.d.ts +53 -0
  75. package/dist/SecondaryNavigationSubItem.js +105 -0
  76. package/dist/SecondaryNavigationSubItem.js.map +1 -0
  77. package/dist/SelectBox.d.ts +1 -0
  78. package/dist/SelectBox.js +15 -1
  79. package/dist/SelectBox.js.map +1 -1
  80. package/dist/StatusBadge.d.ts +67 -0
  81. package/dist/StatusBadge.js +104 -0
  82. package/dist/StatusBadge.js.map +1 -0
  83. package/dist/Switch.d.ts +1 -0
  84. package/dist/Switch.js +3 -0
  85. package/dist/Switch.js.map +1 -1
  86. package/dist/Tab.d.ts +8 -0
  87. package/dist/Tab.js +4 -1
  88. package/dist/Tab.js.map +1 -1
  89. package/dist/TabNavigation.d.ts +20 -20
  90. package/dist/TabNavigation.js +82 -101
  91. package/dist/TabNavigation.js.map +1 -1
  92. package/dist/Tag.d.ts +13 -6
  93. package/dist/Tag.js +34 -20
  94. package/dist/Tag.js.map +1 -1
  95. package/dist/TextArea.d.ts +1 -1
  96. package/dist/TextArea.js +3 -0
  97. package/dist/TextArea.js.map +1 -1
  98. package/dist/TextField.d.ts +9 -0
  99. package/dist/TextField.js +16 -0
  100. package/dist/TextField.js.map +1 -1
  101. package/dist/Tooltip.d.ts +2 -2
  102. package/dist/Tooltip.js +3 -3
  103. package/dist/Tooltip.js.map +1 -1
  104. package/dist/assets/bundle.esm-7d53f4f2.js +314 -0
  105. package/dist/assets/messagebundle_en-6dcc9ab4.js +1 -0
  106. package/dist/assets/parameters-bundle.css-de55cf62.js +2 -0
  107. package/dist/css/themes/AccordionItem.css +1 -1
  108. package/dist/css/themes/Avatar.css +1 -1
  109. package/dist/css/themes/Badge.css +1 -1
  110. package/dist/css/themes/Checkbox.css +1 -1
  111. package/dist/css/themes/CountrySelector.css +1 -1
  112. package/dist/css/themes/Divider.css +1 -1
  113. package/dist/css/themes/Dropdown.css +1 -1
  114. package/dist/css/themes/FilterMenu.css +1 -1
  115. package/dist/css/themes/Footer.css +1 -1
  116. package/dist/css/themes/HeroBanner.css +1 -1
  117. package/dist/css/themes/MastheadShell.css +1 -1
  118. package/dist/css/themes/MediaPlayer.css +1 -1
  119. package/dist/css/themes/Modal.css +1 -1
  120. package/dist/css/themes/Pagination.css +1 -1
  121. package/dist/css/themes/PhoneNumberField.css +1 -1
  122. package/dist/css/themes/RatingBar.css +1 -0
  123. package/dist/css/themes/RatingIndicator.css +1 -1
  124. package/dist/css/themes/Review.css +1 -0
  125. package/dist/css/themes/Search.css +1 -1
  126. package/dist/css/themes/SecondaryNavigation.css +1 -1
  127. package/dist/css/themes/SecondaryNavigationItem.css +1 -0
  128. package/dist/css/themes/SecondaryNavigationSubItem.css +1 -0
  129. package/dist/css/themes/SelectBox.css +1 -1
  130. package/dist/css/themes/Slider.css +1 -1
  131. package/dist/css/themes/StatusBadge.css +1 -0
  132. package/dist/css/themes/StepInput.css +1 -1
  133. package/dist/css/themes/TabNavigation.css +1 -1
  134. package/dist/css/themes/Tag.css +1 -1
  135. package/dist/css/themes/TextField.css +1 -1
  136. package/dist/css/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +1 -1
  137. package/dist/custom-elements-internal.json +1291 -119
  138. package/dist/custom-elements.json +1298 -199
  139. package/dist/data/CountryListISO3166.js +162 -162
  140. package/dist/data/CountryListISO3166.js.map +1 -1
  141. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  142. package/dist/generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json +1 -1
  143. package/dist/generated/i18n/i18n-defaults.d.ts +16 -1
  144. package/dist/generated/i18n/i18n-defaults.js +20 -5
  145. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  146. package/dist/generated/templates/AccordionItemTemplate.lit.js +1 -1
  147. package/dist/generated/templates/AccordionItemTemplate.lit.js.map +1 -1
  148. package/dist/generated/templates/CountrySelectorTemplate.lit.js +1 -1
  149. package/dist/generated/templates/CountrySelectorTemplate.lit.js.map +1 -1
  150. package/dist/generated/templates/DatePickerTemplate.lit.js +1 -1
  151. package/dist/generated/templates/DatePickerTemplate.lit.js.map +1 -1
  152. package/dist/generated/templates/DropdownTemplate.lit.js +2 -2
  153. package/dist/generated/templates/DropdownTemplate.lit.js.map +1 -1
  154. package/dist/generated/templates/FilterMenuTemplate.lit.js +3 -3
  155. package/dist/generated/templates/FilterMenuTemplate.lit.js.map +1 -1
  156. package/dist/generated/templates/FooterTemplate.lit.js +26 -28
  157. package/dist/generated/templates/FooterTemplate.lit.js.map +1 -1
  158. package/dist/generated/templates/HeroBannerTemplate.lit.js +9 -8
  159. package/dist/generated/templates/HeroBannerTemplate.lit.js.map +1 -1
  160. package/dist/generated/templates/ListGroupHeaderTemplate.lit.js +4 -4
  161. package/dist/generated/templates/ListGroupHeaderTemplate.lit.js.map +1 -1
  162. package/dist/generated/templates/ListItemTemplate.lit.js +1 -1
  163. package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
  164. package/dist/generated/templates/ListSelectAllTemplate.lit.js +1 -1
  165. package/dist/generated/templates/ListSelectAllTemplate.lit.js.map +1 -1
  166. package/dist/generated/templates/MastheadItemTemplate.lit.js +3 -3
  167. package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
  168. package/dist/generated/templates/MastheadShellTemplate.lit.js +2 -2
  169. package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
  170. package/dist/generated/templates/PaginationTemplate.lit.js +1 -1
  171. package/dist/generated/templates/PaginationTemplate.lit.js.map +1 -1
  172. package/dist/generated/templates/PasswordFieldTemplate.lit.js +1 -2
  173. package/dist/generated/templates/PasswordFieldTemplate.lit.js.map +1 -1
  174. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +3 -3
  175. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +1 -1
  176. package/dist/generated/templates/RatingBarTemplate.lit.d.ts +4 -0
  177. package/dist/generated/templates/RatingBarTemplate.lit.js +6 -0
  178. package/dist/generated/templates/RatingBarTemplate.lit.js.map +1 -0
  179. package/dist/generated/templates/ReviewTemplate.lit.d.ts +4 -0
  180. package/dist/generated/templates/ReviewTemplate.lit.js +10 -0
  181. package/dist/generated/templates/ReviewTemplate.lit.js.map +1 -0
  182. package/dist/generated/templates/SearchSuggestionsTemplate.lit.js +1 -1
  183. package/dist/generated/templates/SearchSuggestionsTemplate.lit.js.map +1 -1
  184. package/dist/generated/templates/SearchTemplate.lit.js +7 -7
  185. package/dist/generated/templates/SearchTemplate.lit.js.map +1 -1
  186. package/dist/generated/templates/SearchableListBaseTemplate.lit.js +2 -2
  187. package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
  188. package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.d.ts +4 -0
  189. package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js +11 -0
  190. package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js.map +1 -0
  191. package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.d.ts +4 -0
  192. package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.js +10 -0
  193. package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.js.map +1 -0
  194. package/dist/generated/templates/SecondaryNavigationTemplate.lit.js +7 -10
  195. package/dist/generated/templates/SecondaryNavigationTemplate.lit.js.map +1 -1
  196. package/dist/generated/templates/SelectBoxTemplate.lit.js +2 -2
  197. package/dist/generated/templates/SelectBoxTemplate.lit.js.map +1 -1
  198. package/dist/generated/templates/StatusBadgeTemplate.lit.d.ts +4 -0
  199. package/dist/generated/templates/StatusBadgeTemplate.lit.js +5 -0
  200. package/dist/generated/templates/StatusBadgeTemplate.lit.js.map +1 -0
  201. package/dist/generated/templates/SwitchTemplate.lit.js +2 -2
  202. package/dist/generated/templates/SwitchTemplate.lit.js.map +1 -1
  203. package/dist/generated/templates/TabInOverflowTemplate.lit.js +2 -2
  204. package/dist/generated/templates/TabInOverflowTemplate.lit.js.map +1 -1
  205. package/dist/generated/templates/TabNavigationPopoverTemplate.lit.js +1 -1
  206. package/dist/generated/templates/TabNavigationPopoverTemplate.lit.js.map +1 -1
  207. package/dist/generated/templates/TabNavigationTemplate.lit.js +2 -2
  208. package/dist/generated/templates/TabNavigationTemplate.lit.js.map +1 -1
  209. package/dist/generated/templates/TagTemplate.lit.js +9 -3
  210. package/dist/generated/templates/TagTemplate.lit.js.map +1 -1
  211. package/dist/generated/templates/TextAreaTemplate.lit.js +1 -1
  212. package/dist/generated/templates/TextAreaTemplate.lit.js.map +1 -1
  213. package/dist/generated/templates/TextFieldTemplate.lit.js +2 -2
  214. package/dist/generated/templates/TextFieldTemplate.lit.js.map +1 -1
  215. package/dist/generated/templates/TooltipTemplate.lit.js +1 -1
  216. package/dist/generated/templates/TooltipTemplate.lit.js.map +1 -1
  217. package/dist/generated/themes/AccordionItem.css.js +1 -1
  218. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  219. package/dist/generated/themes/Avatar.css.js +1 -1
  220. package/dist/generated/themes/Avatar.css.js.map +1 -1
  221. package/dist/generated/themes/Badge.css.js +1 -1
  222. package/dist/generated/themes/Badge.css.js.map +1 -1
  223. package/dist/generated/themes/Checkbox.css.js +1 -1
  224. package/dist/generated/themes/Checkbox.css.js.map +1 -1
  225. package/dist/generated/themes/CountrySelector.css.js +1 -1
  226. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  227. package/dist/generated/themes/Divider.css.js +1 -1
  228. package/dist/generated/themes/Divider.css.js.map +1 -1
  229. package/dist/generated/themes/Dropdown.css.js +1 -1
  230. package/dist/generated/themes/Dropdown.css.js.map +1 -1
  231. package/dist/generated/themes/FilterMenu.css.js +1 -1
  232. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  233. package/dist/generated/themes/Footer.css.js +1 -1
  234. package/dist/generated/themes/Footer.css.js.map +1 -1
  235. package/dist/generated/themes/HeroBanner.css.js +1 -1
  236. package/dist/generated/themes/HeroBanner.css.js.map +1 -1
  237. package/dist/generated/themes/MastheadShell.css.js +1 -1
  238. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  239. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  240. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  241. package/dist/generated/themes/Modal.css.js +1 -1
  242. package/dist/generated/themes/Modal.css.js.map +1 -1
  243. package/dist/generated/themes/Pagination.css.js +1 -1
  244. package/dist/generated/themes/Pagination.css.js.map +1 -1
  245. package/dist/generated/themes/PhoneNumberField.css.js +1 -1
  246. package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
  247. package/dist/generated/themes/RatingBar.css.js +9 -0
  248. package/dist/generated/themes/RatingBar.css.js.map +1 -0
  249. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  250. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  251. package/dist/generated/themes/Review.css.d.ts +3 -0
  252. package/dist/generated/themes/Review.css.js +9 -0
  253. package/dist/generated/themes/Review.css.js.map +1 -0
  254. package/dist/generated/themes/Search.css.js +1 -1
  255. package/dist/generated/themes/Search.css.js.map +1 -1
  256. package/dist/generated/themes/SecondaryNavigation.css.js +1 -1
  257. package/dist/generated/themes/SecondaryNavigation.css.js.map +1 -1
  258. package/dist/generated/themes/SecondaryNavigationItem.css.d.ts +3 -0
  259. package/dist/generated/themes/SecondaryNavigationItem.css.js +9 -0
  260. package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -0
  261. package/dist/generated/themes/SecondaryNavigationSubItem.css.d.ts +3 -0
  262. package/dist/generated/themes/SecondaryNavigationSubItem.css.js +9 -0
  263. package/dist/generated/themes/SecondaryNavigationSubItem.css.js.map +1 -0
  264. package/dist/generated/themes/SelectBox.css.js +1 -1
  265. package/dist/generated/themes/SelectBox.css.js.map +1 -1
  266. package/dist/generated/themes/Slider.css.js +1 -1
  267. package/dist/generated/themes/Slider.css.js.map +1 -1
  268. package/dist/generated/themes/StatusBadge.css.d.ts +3 -0
  269. package/dist/generated/themes/StatusBadge.css.js +9 -0
  270. package/dist/generated/themes/StatusBadge.css.js.map +1 -0
  271. package/dist/generated/themes/StepInput.css.js +1 -1
  272. package/dist/generated/themes/StepInput.css.js.map +1 -1
  273. package/dist/generated/themes/TabNavigation.css.js +1 -1
  274. package/dist/generated/themes/TabNavigation.css.js.map +1 -1
  275. package/dist/generated/themes/Tag.css.js +1 -1
  276. package/dist/generated/themes/Tag.css.js.map +1 -1
  277. package/dist/generated/themes/TextField.css.js +1 -1
  278. package/dist/generated/themes/TextField.css.js.map +1 -1
  279. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js +1 -1
  280. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js.map +1 -1
  281. package/dist/i18n/messagebundle.properties +40 -5
  282. package/dist/i18n/messagebundle_en.properties +20 -5
  283. package/dist/vscode.html-custom-data.json +239 -16
  284. package/dist/web-types.json +405 -25
  285. package/package.json +8 -8
  286. package/src/AccordionItem.hbs +1 -4
  287. package/src/AccordionItem.ts +5 -4
  288. package/src/Avatar.ts +35 -3
  289. package/src/AvatarGroup.ts +135 -0
  290. package/src/CountrySelector.hbs +2 -1
  291. package/src/CountrySelector.ts +4 -1
  292. package/src/DatePicker.hbs +0 -1
  293. package/src/Dropdown.hbs +5 -3
  294. package/src/Dropdown.ts +24 -3
  295. package/src/FilterMenu.hbs +8 -1
  296. package/src/FilterMenu.ts +70 -12
  297. package/src/Footer.hbs +12 -37
  298. package/src/Footer.ts +64 -51
  299. package/src/HeroBanner.hbs +28 -21
  300. package/src/HeroBanner.ts +3 -0
  301. package/src/InputGroup.ts +6 -5
  302. package/src/List.ts +92 -21
  303. package/src/ListGroupHeader.hbs +9 -5
  304. package/src/ListItem.hbs +2 -1
  305. package/src/ListItem.ts +0 -7
  306. package/src/ListItemBase.ts +14 -0
  307. package/src/ListSelectAll.hbs +1 -0
  308. package/src/MastheadItem.hbs +3 -3
  309. package/src/MastheadItem.ts +10 -4
  310. package/src/MastheadShell.hbs +4 -0
  311. package/src/MastheadShell.ts +18 -0
  312. package/src/MessageStrip.ts +1 -1
  313. package/src/Pagination.hbs +4 -2
  314. package/src/Pagination.ts +19 -4
  315. package/src/PasswordField.hbs +6 -17
  316. package/src/PasswordField.ts +31 -23
  317. package/src/PhoneNumberField.hbs +8 -3
  318. package/src/PhoneNumberField.ts +12 -2
  319. package/src/RatingBar.hbs +11 -0
  320. package/src/RatingBar.ts +113 -0
  321. package/src/Review.hbs +44 -0
  322. package/src/Review.ts +140 -0
  323. package/src/Search.hbs +20 -14
  324. package/src/Search.ts +107 -10
  325. package/src/SearchSuggestions.hbs +2 -1
  326. package/src/SearchableListBase.hbs +2 -0
  327. package/src/SearchableListBase.ts +1 -1
  328. package/src/SecondaryNavigation.hbs +53 -71
  329. package/src/SecondaryNavigation.ts +192 -198
  330. package/src/SecondaryNavigationItem.hbs +64 -0
  331. package/src/SecondaryNavigationItem.ts +368 -0
  332. package/src/SecondaryNavigationItemBase.ts +153 -0
  333. package/src/SecondaryNavigationSubItem.hbs +44 -0
  334. package/src/SecondaryNavigationSubItem.ts +127 -0
  335. package/src/SelectBox.hbs +76 -76
  336. package/src/SelectBox.ts +18 -1
  337. package/src/StatusBadge.hbs +9 -0
  338. package/src/StatusBadge.ts +129 -0
  339. package/src/Switch.hbs +3 -3
  340. package/src/Switch.ts +4 -0
  341. package/src/Tab.ts +11 -1
  342. package/src/TabInOverflow.hbs +3 -2
  343. package/src/TabNavigation.hbs +12 -10
  344. package/src/TabNavigation.ts +92 -116
  345. package/src/TabNavigationPopover.hbs +1 -0
  346. package/src/Tag.hbs +60 -26
  347. package/src/Tag.ts +54 -34
  348. package/src/TextArea.hbs +3 -4
  349. package/src/TextArea.ts +3 -0
  350. package/src/TextField.hbs +40 -36
  351. package/src/TextField.ts +24 -0
  352. package/src/Tooltip.hbs +2 -2
  353. package/src/Tooltip.ts +4 -4
  354. package/src/data/CountryListISO3166.ts +162 -162
  355. package/src/generated/i18n/i18n-defaults.ts +2 -2
  356. package/src/generated/templates/AccordionItemTemplate.lit.ts +1 -1
  357. package/src/generated/templates/CountrySelectorTemplate.lit.ts +1 -1
  358. package/src/generated/templates/DatePickerTemplate.lit.ts +1 -1
  359. package/src/generated/templates/DropdownTemplate.lit.ts +2 -2
  360. package/src/generated/templates/FilterMenuTemplate.lit.ts +3 -3
  361. package/src/generated/templates/FooterTemplate.lit.ts +26 -28
  362. package/src/generated/templates/HeroBannerTemplate.lit.ts +9 -8
  363. package/src/generated/templates/ListGroupHeaderTemplate.lit.ts +4 -4
  364. package/src/generated/templates/ListItemTemplate.lit.ts +1 -1
  365. package/src/generated/templates/ListSelectAllTemplate.lit.ts +1 -1
  366. package/src/generated/templates/MastheadItemTemplate.lit.ts +3 -3
  367. package/src/generated/templates/MastheadShellTemplate.lit.ts +2 -2
  368. package/src/generated/templates/PaginationTemplate.lit.ts +1 -1
  369. package/src/generated/templates/PasswordFieldTemplate.lit.ts +1 -2
  370. package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +3 -3
  371. package/src/generated/templates/RatingBarTemplate.lit.ts +11 -0
  372. package/src/generated/templates/ReviewTemplate.lit.ts +15 -0
  373. package/src/generated/templates/SearchSuggestionsTemplate.lit.ts +1 -1
  374. package/src/generated/templates/SearchTemplate.lit.ts +7 -7
  375. package/src/generated/templates/SearchableListBaseTemplate.lit.ts +2 -2
  376. package/src/generated/templates/SecondaryNavigationItemTemplate.lit.ts +16 -0
  377. package/src/generated/templates/SecondaryNavigationSubItemTemplate.lit.ts +15 -0
  378. package/src/generated/templates/SecondaryNavigationTemplate.lit.ts +7 -10
  379. package/src/generated/templates/SelectBoxTemplate.lit.ts +2 -2
  380. package/src/generated/templates/StatusBadgeTemplate.lit.ts +10 -0
  381. package/src/generated/templates/SwitchTemplate.lit.ts +2 -2
  382. package/src/generated/templates/TabInOverflowTemplate.lit.ts +2 -2
  383. package/src/generated/templates/TabNavigationPopoverTemplate.lit.ts +1 -1
  384. package/src/generated/templates/TabNavigationTemplate.lit.ts +2 -2
  385. package/src/generated/templates/TagTemplate.lit.ts +9 -3
  386. package/src/generated/templates/TextAreaTemplate.lit.ts +1 -1
  387. package/src/generated/templates/TextFieldTemplate.lit.ts +2 -2
  388. package/src/generated/templates/TooltipTemplate.lit.ts +1 -1
  389. package/src/generated/themes/AccordionItem.css.ts +1 -1
  390. package/src/generated/themes/Avatar.css.ts +1 -1
  391. package/src/generated/themes/Badge.css.ts +1 -1
  392. package/src/generated/themes/Checkbox.css.ts +1 -1
  393. package/src/generated/themes/CountrySelector.css.ts +1 -1
  394. package/src/generated/themes/Divider.css.ts +1 -1
  395. package/src/generated/themes/Dropdown.css.ts +1 -1
  396. package/src/generated/themes/FilterMenu.css.ts +1 -1
  397. package/src/generated/themes/Footer.css.ts +1 -1
  398. package/src/generated/themes/HeroBanner.css.ts +1 -1
  399. package/src/generated/themes/MastheadShell.css.ts +1 -1
  400. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  401. package/src/generated/themes/Modal.css.ts +1 -1
  402. package/src/generated/themes/Pagination.css.ts +1 -1
  403. package/src/generated/themes/PhoneNumberField.css.ts +1 -1
  404. package/src/generated/themes/RatingBar.css.ts +13 -0
  405. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  406. package/src/generated/themes/Review.css.ts +13 -0
  407. package/src/generated/themes/Search.css.ts +1 -1
  408. package/src/generated/themes/SecondaryNavigation.css.ts +1 -1
  409. package/src/generated/themes/SecondaryNavigationItem.css.ts +13 -0
  410. package/src/generated/themes/SecondaryNavigationSubItem.css.ts +13 -0
  411. package/src/generated/themes/SelectBox.css.ts +1 -1
  412. package/src/generated/themes/Slider.css.ts +1 -1
  413. package/src/generated/themes/StatusBadge.css.ts +13 -0
  414. package/src/generated/themes/StepInput.css.ts +1 -1
  415. package/src/generated/themes/TabNavigation.css.ts +1 -1
  416. package/src/generated/themes/Tag.css.ts +1 -1
  417. package/src/generated/themes/TextField.css.ts +1 -1
  418. package/src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts +1 -1
  419. package/src/i18n/messagebundle.properties +40 -5
  420. package/src/i18n/messagebundle_en.properties +20 -5
  421. package/src/themes/AccordionItem.css +6 -4
  422. package/src/themes/Avatar.css +43 -6
  423. package/src/themes/Badge.css +1 -1
  424. package/src/themes/Checkbox.css +12 -0
  425. package/src/themes/CountrySelector.css +4 -0
  426. package/src/themes/Divider.css +6 -2
  427. package/src/themes/Dropdown.css +2 -0
  428. package/src/themes/FilterMenu.css +10 -0
  429. package/src/themes/Footer.css +93 -168
  430. package/src/themes/HeroBanner.css +84 -20
  431. package/src/themes/MastheadShell.css +25 -29
  432. package/src/themes/MediaPlayer.css +3 -2
  433. package/src/themes/Modal.css +6 -0
  434. package/src/themes/Pagination.css +7 -0
  435. package/src/themes/PhoneNumberField.css +5 -0
  436. package/src/themes/RatingBar.css +52 -0
  437. package/src/themes/Review.css +196 -0
  438. package/src/themes/Search.css +37 -21
  439. package/src/themes/SecondaryNavigation.css +64 -293
  440. package/src/themes/SecondaryNavigationItem.css +221 -0
  441. package/src/themes/SecondaryNavigationSubItem.css +118 -0
  442. package/src/themes/SelectBox.css +17 -24
  443. package/src/themes/StatusBadge.css +135 -0
  444. package/src/themes/StepInput.css +5 -2
  445. package/src/themes/TabNavigation.css +7 -1
  446. package/src/themes/Tag.css +180 -148
  447. package/src/themes/TextField.css +75 -55
  448. package/dist/assets/bundle.esm-ab45813e.js +0 -312
  449. package/dist/assets/messagebundle_en-26cd7a92.js +0 -1
  450. package/dist/assets/parameters-bundle.css-76ef62fa.js +0 -2
  451. package/dist/css/themes/PasswordField.css +0 -1
  452. package/dist/generated/themes/PasswordField.css.js +0 -9
  453. package/dist/generated/themes/PasswordField.css.js.map +0 -1
  454. package/src/generated/themes/PasswordField.css.ts +0 -13
  455. package/src/themes/PasswordField.css +0 -29
  456. /package/dist/generated/themes/{PasswordField.css.d.ts → RatingBar.css.d.ts} +0 -0
package/src/generated/themes/MediaPlayer.css.ts CHANGED
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/MediaPlayer.css.ts",content:`:host{--udex-media-player-height: 500px;--udex-media-player-width: 100%;--udex-media-player-mobile-height: 150px;--udex-media-player-mobile-width: 100%;--udex-media-player-controls-bar-height: 48px;--udex-media-player-controls-bar-small-height: 34px;--udex-media-player-base-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M423.5 49h-335c-13 0-24 12-24 27v329c0 15 11 27 24 27h335c13 0 24-12 24-27V76c0-15-11-27-24-27zm0 431h-335c-40 0-72-33-72-75V76c0-41 32-75 72-75h335c40 0 72 34 72 75v329c0 42-32 75-72 75z"></path></svg>');--udex-media-player-pause-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M358 480h-33q-11 0-18.5-7.5T299 454V58q0-11 7.5-18.5T325 32h33q11 0 18.5 7.5T384 58v396q0 11-7.5 18.5T358 480zm-171 0h-33q-11 0-18.5-7.5T128 454V58q0-11 7.5-18.5T154 32h33q11 0 18.5 7.5T213 58v396q0 11-7.5 18.5T187 480z"></path></svg>');--udex-media-player-play-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M122 480q-11 0-18.5-7.5T96 454V58q0-11 7.5-18.5T122 32q7 0 15 5l269 198q10 8 10 21t-10 21L137 475q-8 5-15 5zm25-372v296l200-148z"></path></svg>');--udex-media-player-skip-forward-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M503 236q9 7 9 20 0 12-9 20L298 442q-7 6-16 6-11 0-18.5-7.5T256 422V90q0-11 7.5-18.5T282 64q9 0 16 6zm-256 0q9 7 9 20 0 12-9 20L42 442q-7 6-16 6-11 0-18.5-7.5T0 422V90q0-11 7.5-18.5T26 64q9 0 16 6zm199 20L307 143v226zm-256 0L51 143v226z"></path></svg>');--udex-media-player-skip-backward-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M10 276q-10-8-10-20t10-20L214 70q8-6 16-6 11 0 18.5 7.5T256 90v332q0 11-7.5 18.5T230 448q-8 0-16-6zm256 0q-10-8-10-20t10-20L470 70q8-6 16-6 11 0 18.5 7.5T512 90v332q0 11-7.5 18.5T486 448q-8 0-16-6zM66 256l139 113V143zm256 0 139 113V143z"></path></svg>');--udex-media-player-volume-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M427 63q40 38 62.5 88T512 256t-22.5 105-62.5 88q-9 7-17 7-11 0-18.5-7.5T384 430t8-19q32-30 50.5-70t18.5-85-18.5-85-50.5-70q-8-8-8-19t7.5-18.5T410 56q8 0 17 7zm-179 6q5-5 14-5 11 0 18.5 7t7.5 19v332q0 11-7.5 18.5T262 448q-7 0-14-5l-128-91H26q-11 0-18.5-7.5T0 326V186q0-11 7.5-18.5T26 160h94zm92 49q17 0 30.5 16.5t24 39 16 46T416 256t-5.5 36-16 45.5-24 39T340 393q-11 0-18.5-6.5T314 370q0-14 15-27 15-14 25.5-37.5T365 256t-10.5-49.5T329 169t-15-27q0-10 7.5-17t18.5-7zm-103 21-94 67q-5 5-15 5H51v90h77q10 0 15 5l94 67V139z"></path></svg>');--udex-media-player-volume-muted-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M262 64q11 0 18.5 7.5T288 90v332q0 11-7.5 18.5T262 448q-7 0-14-5l-128-91H26q-11 0-18.5-7.5T0 326V186q0-11 7.5-18.5T26 160h94l128-91q7-5 14-5zm-25 75-94 67q-7 5-15 5H51v90h77q10 0 15 5l94 67V139zm268 172q7 7 7 17 0 11-7.5 18.5T486 354q-10 0-18-8l-51-53-53 55q-8 8-18 8-11 0-18.5-7.5T320 330q0-10 7-17l55-57-55-57q-7-7-7-17 0-11 7.5-18.5T346 156q10 0 18 8l53 55 51-53q8-8 18-8 11 0 18.5 7.5T512 184q0 10-7 17l-53 55z"></path></svg>');--udex-media-player-fullscreen-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M486 0q11 0 18.5 7.5T512 26v108q0 11-7.5 18.5T486 160t-18-7.5-7-18.5V87l-97 97q-8 8-18 8-11 0-18.5-7.5T320 166q0-10 8-18l97-97h-47q-11 0-18.5-7T352 26t7.5-18.5T378 0h108zM230 32q11 0 18.5 7.5T256 58t-7.5 18-18.5 7H90q-7 0-7 7v140q0 11-7 18.5T58 256t-18.5-7.5T32 230V90q0-24 17-41t41-17h140zm224 224q11 0 18.5 7.5T480 282v140q0 24-17 41t-41 17H282q-11 0-18.5-7.5T256 454t7.5-18 18.5-7h140q7 0 7-7V282q0-11 7-18.5t18-7.5zm-306 71q7-7 18-7t18.5 7.5T192 346t-7 18l-98 97h47q11 0 18.5 7t7.5 18-7.5 18.5T134 512H26q-11 0-18.5-7.5T0 486V378q0-11 7.5-18.5T26 352t18 7.5 7 18.5v47z"></path></svg>');--udex-media-player-exit-fullscreen-icon: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M8.53125 14.1562C8.875 14.1562 9.15625 14.2812 9.375 14.5312C9.625 14.75 9.75 15.0312 9.75 15.375V21.375C9.75 21.7188 9.625 22 9.375 22.2188C9.15625 22.4375 8.875 22.5469 8.53125 22.5469C8.1875 22.5469 7.90625 22.4375 7.6875 22.2188C7.46875 22 7.35938 21.7188 7.35938 21.375V18.2812L4.03125 21.5625C3.8125 21.7812 3.53125 21.8906 3.1875 21.8906C2.84375 21.8906 2.5625 21.7812 2.34375 21.5625C2.09375 21.3125 1.96875 21.0312 1.96875 20.7188C1.96875 20.4062 2.09375 20.125 2.34375 19.875L5.625 16.5938H2.53125C2.1875 16.5938 1.90625 16.4844 1.6875 16.2656C1.46875 16.0156 1.35938 15.7188 1.35938 15.375C1.35938 15.0312 1.46875 14.75 1.6875 14.5312C1.90625 14.2812 2.1875 14.1562 2.53125 14.1562H8.53125ZM21.7031 6.98438C22.0469 6.98438 22.3281 7.10938 22.5469 7.35938C22.7969 7.57812 22.9219 7.85938 22.9219 8.20312C22.9219 8.54688 22.7969 8.82812 22.5469 9.04688C22.3281 9.26562 22.0469 9.375 21.7031 9.375H15.75C15.4062 9.375 15.1094 9.26562 14.8594 9.04688C14.6406 8.82812 14.5312 8.54688 14.5312 8.20312V2.20312C14.5312 1.85938 14.6406 1.57812 14.8594 1.35938C15.1094 1.10937 15.4062 0.984375 15.75 0.984375C16.0938 0.984375 16.375 1.10937 16.5938 1.35938C16.8125 1.57812 16.9219 1.85938 16.9219 2.20312V5.29688L20.2031 2.01562C20.4531 1.76562 20.7344 1.64062 21.0469 1.64062C21.3906 1.64062 21.6875 1.76562 21.9375 2.01562C22.1562 2.26562 22.2656 2.54688 22.2656 2.85938C22.2656 3.17188 22.1562 3.45312 21.9375 3.70312L18.6094 6.98438H21.7031ZM4.92188 10.5C4.54688 10.5 4.23438 10.3906 3.98438 10.1719C3.76562 9.95312 3.65625 9.65625 3.65625 9.28125V6.75C3.65625 5.6875 4.01562 4.79688 4.73438 4.07812C5.45312 3.35938 6.34375 3 7.40625 3H9.89062C10.2656 3 10.5625 3.125 10.7812 3.375C11.0312 3.59375 11.1562 3.89062 11.1562 4.26562C11.1562 4.64062 11.0312 4.95312 10.7812 5.20312C10.5625 5.42188 10.2656 5.53125 9.89062 5.53125H7.40625C6.59375 5.53125 6.1875 5.9375 6.1875 6.75V9.28125C6.1875 9.65625 6.0625 9.95312 5.8125 10.1719C5.59375 10.3906 5.29688 10.5 4.92188 10.5ZM20.5312 13.4531C20.9062 13.4531 21.2031 13.5781 21.4219 13.8281C21.6406 14.0469 21.75 14.3438 21.75 14.7188V17.2031C21.75 18.2656 21.3906 19.1562 20.6719 19.875C19.9844 20.5938 19.0938 20.9531 18 20.9531H15.5156C15.1406 20.9531 14.8438 20.8438 14.625 20.625C14.4062 20.375 14.2969 20.0625 14.2969 19.6875C14.2969 19.3125 14.4062 19.0156 14.625 18.7969C14.8438 18.5469 15.1406 18.4219 15.5156 18.4219H18.0469C18.3906 18.4219 18.6719 18.3125 18.8906 18.0938C19.1406 17.875 19.2656 17.5781 19.2656 17.2031V14.6719C19.2656 14.2969 19.375 14 19.5938 13.7812C19.8438 13.5625 20.1562 13.4531 20.5312 13.4531Z" fill="white"/></svg>');--udex-media-player-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="m292 256 117 116q7 7 7 18 0 12-7.5 19t-18.5 7q-10 0-18-8L256 292 140 408q-8 8-18 8-11 0-18.5-7.5T96 390q0-10 8-18l116-116-116-116q-8-8-8-18 0-11 7.5-18.5T122 96t18 7l116 117 116-117q7-7 18-7t18.5 7.5T416 122t-7 18z"></path></svg>');--udex-media-player-big-play-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M256 0q53 0 100 20t81.5 54.5T492 156t20 100-20 100-54.5 81.5T356 492t-100 20-100-20-81.5-54.5T20 356 0 256t20-100 54.5-81.5T156 20 256 0zm0 461q43 0 80.5-16t65-44 43.5-65 16-80-16-80.5-43.5-65-65-43.5T256 51t-80 16-65 43.5-44 65T51 256t16 80 44 65 65 44 80 16zm85-226q11 8 11 21t-11 21l-109 77q-7 5-14 5-11 0-18.5-7.5T192 333V179q0-11 7.5-18.5T218 153q7 0 14 5z"></path></svg>') }.udex-media-player__container{display:flex;align-items:center;justify-content:center}.video-js:not(.udex-media-player__video-embed):not(.udex-media-player__iframe-poster):not(.udex-media-player__fluid){width:var(--udex-media-player-width);height:var(--udex-media-player-height)}.vjs-svg-icon{fill:currentColor;background-position:50%;background-repeat:no-repeat;display:inline-block;height:1.8em;width:1.8em}.vjs-svg-icon:before{content:none!important}.vjs-control:focus .vjs-svg-icon,.vjs-svg-icon:hover{filter:drop-shadow(0 0 .25em #fff)}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{height:100%;left:0;position:absolute;top:0;width:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}.video-js{background-color:#000;box-sizing:border-box;color:#fff;display:inline-block;font-family:var(--sapFontFamily);font-size:10px;font-style:normal;font-weight:400;line-height:1;padding:0;position:relative;vertical-align:top;word-break:normal;--sapContent_IconColor: #fff}.video-js:-webkit-full-screen{height:100%!important;width:100%!important}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js.vjs-1-1:not(.vjs-audio),.video-js.vjs-16-9:not(.vjs-audio),.video-js.vjs-4-3:not(.vjs-audio),.video-js.vjs-9-16:not(.vjs-audio),.video-js.vjs-fluid:not(.vjs-audio){height:0}.video-js.vjs-16-9:not(.vjs-audio){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio){padding-top:100%}.video-js .vjs-tech,.video-js.vjs-fill:not(.vjs-audio){height:100%;width:100%}.video-js.vjs-audio .vjs-tech{display:none}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{background-color:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;height:150px;margin:0 auto;padding:20px;text-align:center;width:300px}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.vjs-big-play-button .vjs-svg-icon{height:1em;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused:not(.vjs-audio):not(.vjs-controls-disabled) .vjs-big-play-button{display:block}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:none}.vjs-audio .vjs-control-bar,.vjs-has-started .vjs-control-bar{display:flex;opacity:1;transition:visibility .1s,opacity .1s;visibility:visible}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{outline-color:#005fcc;text-shadow:0 0 1em #fff}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{to{transform:rotate(1turn)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}.video-js.vjs-audio .vjs-captions-button{display:none}.video-js.vjs-audio .vjs-descriptions-button{display:none}@supports (display: grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-mouse.vjs-playlist{font-size:15px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:30px;line-height:23px}@media (min-width: 600px){.vjs-mouse.vjs-playlist{font-size:17px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:34px;line-height:26px}.vjs-playlist .vjs-playlist-name{line-height:22px}}@media (max-width: 520px){.vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text,.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-playlist .vjs-up-next .vjs-up-next-text{display:none}}@media (min-width: 521px){.vjs-playlist img{min-height:85px}}@media (max-width: 750px){.vjs-playlist .vjs-playlist-duration{display:none}}.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog{position:absolute;top:0;left:0;width:100%;height:100%}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:none}.video-js *,.video-js *:before,.video-js *:after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-1-1{width:100%;max-width:100%}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{max-width:100%;width:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window,body.vjs-pip-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{position:fixed;overflow:hidden;z-index:1000;inset:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{width:100%!important;height:100%!important;padding-top:0!important;display:block}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{position:absolute;bottom:10%;font-size:2em;background-color:#000000b3;padding:.5em;text-align:center;width:100%}.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,.vjs-layout-small.vjs-pip-container .vjs-pip-text{bottom:0;font-size:1.4em}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.video-js .vjs-big-play-button:focus:not(:focus-visible){outline:rgb(0,95,204) auto 2px}.video-js .vjs-big-play-button{font-size:3em;height:20%;max-height:100px;max-width:100px;width:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;cursor:pointer;opacity:1;background-color:#0006;border-radius:50%;transition:all .4s;line-height:0}.video-js .vjs-big-play-button [ui5-icon]{width:100%;height:100%}.video-js.vjs-16-9 .vjs-big-play-button{width:calc(20% / 1.778)}.video-js.vjs-4-3 .vjs-big-play-button{width:calc(20% / 1.333)}.video-js.vjs-1-1 .vjs-big-play-button{width:20%}.video-js.vjs-9-16 .vjs-big-play-button{width:calc(20% / .5625)}.video-js .vjs-big-play-button:before{line-height:inherit;vertical-align:middle}.video-js .vjs-big-play-button:before{content:var(--udex-media-player-big-play-icon);width:100%;height:100%}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{background:none;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{display:flex;justify-content:center;list-style:none;margin:0;padding:3px 6px;line-height:18px;font-size:12px;text-align:center}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover,.js-focus-visible .vjs-menu li.vjs-menu-item:hover{background-color:var(--udexColorGrey7, #475E75);color:#fff}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .vjs-menu li.vjs-selected:hover{background-color:var(--udexColorGrey2, #EAECEE);color:var(--udexColorGrey9, #223548)}.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible){background:none}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;min-width:105px;left:-3em;height:0em;border-top-color:#2b333fb3}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:var(--udexColorGrey10, #1A2733);position:absolute;width:100%;bottom:var(--udex-media-player-controls-bar-height);max-height:15em;text-transform:capitalize}.vjs-subs-caps-button .vjs-menu .vjs-menu-content{min-width:105px}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--udex-media-player-controls-bar-height);background-color:var(--udexColorGrey10, #1A2733)}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{position:relative;text-align:center;margin:0 16px 0 0;padding:0;height:100%;width:24px;flex:none}.video-js .vjs-control.vjs-fullscreen-control{margin-right:12px}.video-js .vjs-control.vjs-play-control{margin-left:12px}.video-js .vjs-control.vjs-remaining-time{margin:0}.video-js .vjs-control.vjs-progress-control,.video-js .vjs-control.vjs-time-control{margin:0 16px 0 0}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{content:"";background-image:var(--udex-media-player-base-icon);font-size:1.8em;line-height:var(--udex-media-player-controls-bar-height);display:block;height:var(--udex-media-player-controls-bar-height);width:100%;background-size:24px 24px;background-repeat:no-repeat;background-position:center}.vjs-play-control>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-play-icon)}.vjs-skip-forward-5>.vjs-icon-placeholder:before,.vjs-skip-forward-10>.vjs-icon-placeholder:before,.vjs-skip-forward-30>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-skip-forward-icon)}.vjs-skip-backward-5>.vjs-icon-placeholder:before,.vjs-skip-backward-10>.vjs-icon-placeholder:before,.vjs-skip-backward-30>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-skip-backward-icon)}.vjs-play-control.vjs-playing>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-pause-icon)}.vjs-play-control.vjs-paused>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-play-icon)}.vjs-mute-control>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-volume-icon)}.vjs-mute-control.vjs-vol-0>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-volume-muted-icon)}.vjs-subs-caps-button>.vjs-icon-placeholder:before{content:"CC";background-image:none;font-family:var(--sapFontFamily);font-size:14px;font-weight:700}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{background-image:var(--udex-media-player-fullscreen-icon)}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{background-image:var(--udex-media-player-exit-fullscreen-icon)}.vjs-close-button>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-close-icon)}body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-close-icon)}.vjs-playback-rate>.vjs-icon-placeholder:before{display:none}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0em 0em 1em white}.video-js *:not(.vjs-visible-text)>.vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:4px}.video-js .vjs-progress-control .vjs-progress-holder{margin:0}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-volume-level:before,.video-js .vjs-play-progress:before{content:"";position:absolute;right:-4px;line-height:8px;z-index:1;height:8px;width:8px;background-color:#fff;border-radius:8px;bottom:-2px}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{position:absolute;top:-.35em;right:-.4em;width:.9em;height:.9em;pointer-events:none;line-height:.15em;z-index:1}.video-js .vjs-load-progress,.video-js .vjs-load-progress div{background:var(--udexColorGrey4 ,#A9B4BE)}.video-js .vjs-time-tooltip{background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:#000c}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--udexColorGrey6,#5B738B)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0em 0em 1em white;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex;align-items:center}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{width:60px;height:3em;margin-right:0}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:100px;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:4px}.vjs-volume-bar.vjs-slider-vertical{width:4px;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{position:absolute;width:.9em;height:.9em;pointer-events:none;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translate(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#a9b4be}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:#000c}.vjs-poster{display:inline-block;vertical-align:middle;cursor:pointer;margin:0;padding:0;position:absolute;inset:0;height:100%}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{width:1em;height:1em;pointer-events:none;fill:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;font-size:var(--udexTypographyBodyXXSFontSize, 12px);line-height:var(--udex-media-player-controls-bar-height);min-width:2em;width:auto}.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider,.video-js .vjs-current-time,.video-js .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:var(--udex-media-player-controls-bar-height);left:0;right:0;top:0;pointer-events:none}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:var(--udex-media-player-controls-bar-height)}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:14px;font-weight:700;line-height:var(--udex-media-player-controls-bar-height);text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:-2.7rem}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-loading-spinner{background-clip:padding-box;border:.6em solid #2b333fb3;border-radius:50%;box-sizing:border-box;display:none;height:5em;left:50%;opacity:.85;position:absolute;text-align:left;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:5em}.vjs-seeking.vjs-paused .vjs-loading-spinner,.vjs-waiting.vjs-paused .vjs-loading-spinner,.vjs-paused .vjs-loading-spinner{display:none}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{align-items:center;animation:vjs-spinner-show 0s linear .3s forwards;display:flex;justify-content:center}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:after,.vjs-loading-spinner:before{border:inherit;border-color:#fff #0000 #0000;border-radius:inherit;box-sizing:inherit;content:"";height:inherit;opacity:1;position:absolute;width:inherit}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{animation-delay:.44s;border-top-color:#fff}.vjs-chapters-button .vjs-menu ul{width:24em}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{width:1.5em;height:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover{width:auto;width:initial}.video-js.vjs-layout-x-small .vjs-progress-control,.video-js.vjs-layout-tiny .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:#2b333fbf;color:#fff;height:70%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:10px;border:none}.vjs-text-track-settings fieldset span{display:inline-block;padding:0 .6em .8em}.vjs-text-track-settings fieldset span>select{max-width:7.3em;margin-bottom:.5em}.vjs-text-track-settings legend{color:#fff;font-weight:700;font-size:1.2em}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:#2b333fbf}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px;margin-bottom:var(--udexSpacer16)}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{background:rgba(0,0,0,.9);background:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 60%,rgba(0,0,0,0) 100%);font-size:1.2em;line-height:1.5;transition:opacity .1s;padding:.666em 1.333em 4em;pointer-events:none;position:absolute;top:0;width:100%}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-title,.vjs-title-bar-description{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjs-title-bar-title{font-weight:700;margin-bottom:.333em}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5,.video-js .vjs-skip-forward-10,.video-js .vjs-skip-forward-30,.video-js .vjs-skip-backward-5,.video-js .vjs-skip-backward-10,.video-js .vjs-skip-backward-30{cursor:pointer}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js *:focus:not(.focus-visible){outline:none}.video-js *:focus:not(:focus-visible){outline:none}.vjs-audio .vjs-big-play-button{display:none}.vjs-audio .vjs-control-bar{display:flex}.udex-media-player__fluid .udex-media-player__vjs-poster>picture>img,.udex-media-player__fluid .udex-media-player__vjs-poster>picture,.video-js.udex-media-player__video.udex-media-player__fluid>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.udex-media-player__iframe-poster .udex-media-player__vjs-poster{display:inline-block;vertical-align:middle;margin:0;padding:0;inset:0}.udex-media-player__iframe-poster .udex-media-player__vjs-poster .vjs-big-play-button{cursor:pointer}.udex-media-player__iframe-poster .udex-media-player__vjs-poster .vjs-big-play-button:before{content:""}.vjs-modal-dialog.vjs-text-track-settings{background-color:#00000080;container-type:inline-size;container-name:settings}.vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content{padding:var(--udexSpacer24) var(--udexSpacer32);display:flex;flex-wrap:wrap}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-font,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls{display:flex;flex-direction:column;margin:0 0 var(--udexSpacer24) 0;flex-grow:1;gap:var(--udexSpacer24);min-width:250px}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls{justify-content:flex-end;align-items:flex-end;gap:var(--udexSpacer16);flex-direction:row}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button{margin:0;margin-bottom:var(--udexSpacer16)}.vjs-modal-dialog.vjs-text-track-settings .vjs-close-button.vjs-control.vjs-button{height:24px;right:var(--udexSpacer32);top:var(--udexSpacer24);margin:0}.vjs-modal-dialog.vjs-text-track-settings .vjs-close-button.vjs-control.vjs-button .vjs-icon-placeholder:before{height:24px}.vjs-modal-dialog.vjs-track-setting>select{margin:0}.vjs-modal-dialog.vjs-text-track-settings fieldset{margin:0;padding:0}.vjs-modal-dialog.vjs-text-track-settings legend{margin-bottom:var(--udexSpacer16);font-weight:500;font-size:1rem}.vjs-modal-dialog.vjs-text-track-settings .vjs-label{margin:0 var(--udexSpacer8) var(--udexSpacer8) 0}.vjs-modal-dialog.vjs-text-track-settings fieldset span{padding:0 var(--udexSpacer16) 0 0}@media (width < 680px){.vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content{padding:var(--udexSpacer16) var(--udexSpacer24)}.vjs-modal-dialog.vjs-text-track-settings .vjs-close-button.vjs-control.vjs-button{right:var(--udexSpacer24);top:var(--udexSpacer16)}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-font,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls{gap:var(--udexSpacer8)}.vjs-modal-dialog.vjs-text-track-settings legend{margin-bottom:var(--udexSpacer8)}}@media (max-width: 980px){.video-js .vjs-control{width:18px}.vjs-button>.vjs-icon-placeholder:before{background-size:18px 18px}.vjs-button>.vjs-icon-placeholder:before{line-height:var(--udex-media-player-controls-bar-small-height);height:var(--udex-media-player-controls-bar-small-height)}.video-js .vjs-control-bar{height:var(--udex-media-player-controls-bar-small-height)}.vjs-text-track-display,.vjs-menu-button-popup .vjs-menu .vjs-menu-content{bottom:var(--udex-media-player-controls-bar-small-height)}.vjs-playback-rate .vjs-playback-rate-value,.video-js .vjs-time-control{line-height:var(--udex-media-player-controls-bar-small-height)}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:var(--udex-media-player-controls-bar-small-height)}.video-js:not(.udex-media-player__video-embed):not(.udex-media-player__iframe-poster):not(.udex-media-player__fluid){height:var(--udex-media-player-mobile-height);width:var(--udex-media-player-mobile-width)}}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/MediaPlayer.css.ts",content:`:host{--udex-media-player-height: 500px;--udex-media-player-width: 100%;--udex-media-player-mobile-height: 150px;--udex-media-player-mobile-width: 100%;--udex-media-player-controls-bar-height: 48px;--udex-media-player-controls-bar-small-height: 34px;--udex-media-player-poster-object-fit: cover;--udex-media-player-base-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M423.5 49h-335c-13 0-24 12-24 27v329c0 15 11 27 24 27h335c13 0 24-12 24-27V76c0-15-11-27-24-27zm0 431h-335c-40 0-72-33-72-75V76c0-41 32-75 72-75h335c40 0 72 34 72 75v329c0 42-32 75-72 75z"></path></svg>');--udex-media-player-pause-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M358 480h-33q-11 0-18.5-7.5T299 454V58q0-11 7.5-18.5T325 32h33q11 0 18.5 7.5T384 58v396q0 11-7.5 18.5T358 480zm-171 0h-33q-11 0-18.5-7.5T128 454V58q0-11 7.5-18.5T154 32h33q11 0 18.5 7.5T213 58v396q0 11-7.5 18.5T187 480z"></path></svg>');--udex-media-player-play-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M122 480q-11 0-18.5-7.5T96 454V58q0-11 7.5-18.5T122 32q7 0 15 5l269 198q10 8 10 21t-10 21L137 475q-8 5-15 5zm25-372v296l200-148z"></path></svg>');--udex-media-player-skip-forward-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M503 236q9 7 9 20 0 12-9 20L298 442q-7 6-16 6-11 0-18.5-7.5T256 422V90q0-11 7.5-18.5T282 64q9 0 16 6zm-256 0q9 7 9 20 0 12-9 20L42 442q-7 6-16 6-11 0-18.5-7.5T0 422V90q0-11 7.5-18.5T26 64q9 0 16 6zm199 20L307 143v226zm-256 0L51 143v226z"></path></svg>');--udex-media-player-skip-backward-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M10 276q-10-8-10-20t10-20L214 70q8-6 16-6 11 0 18.5 7.5T256 90v332q0 11-7.5 18.5T230 448q-8 0-16-6zm256 0q-10-8-10-20t10-20L470 70q8-6 16-6 11 0 18.5 7.5T512 90v332q0 11-7.5 18.5T486 448q-8 0-16-6zM66 256l139 113V143zm256 0 139 113V143z"></path></svg>');--udex-media-player-volume-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M427 63q40 38 62.5 88T512 256t-22.5 105-62.5 88q-9 7-17 7-11 0-18.5-7.5T384 430t8-19q32-30 50.5-70t18.5-85-18.5-85-50.5-70q-8-8-8-19t7.5-18.5T410 56q8 0 17 7zm-179 6q5-5 14-5 11 0 18.5 7t7.5 19v332q0 11-7.5 18.5T262 448q-7 0-14-5l-128-91H26q-11 0-18.5-7.5T0 326V186q0-11 7.5-18.5T26 160h94zm92 49q17 0 30.5 16.5t24 39 16 46T416 256t-5.5 36-16 45.5-24 39T340 393q-11 0-18.5-6.5T314 370q0-14 15-27 15-14 25.5-37.5T365 256t-10.5-49.5T329 169t-15-27q0-10 7.5-17t18.5-7zm-103 21-94 67q-5 5-15 5H51v90h77q10 0 15 5l94 67V139z"></path></svg>');--udex-media-player-volume-muted-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M262 64q11 0 18.5 7.5T288 90v332q0 11-7.5 18.5T262 448q-7 0-14-5l-128-91H26q-11 0-18.5-7.5T0 326V186q0-11 7.5-18.5T26 160h94l128-91q7-5 14-5zm-25 75-94 67q-7 5-15 5H51v90h77q10 0 15 5l94 67V139zm268 172q7 7 7 17 0 11-7.5 18.5T486 354q-10 0-18-8l-51-53-53 55q-8 8-18 8-11 0-18.5-7.5T320 330q0-10 7-17l55-57-55-57q-7-7-7-17 0-11 7.5-18.5T346 156q10 0 18 8l53 55 51-53q8-8 18-8 11 0 18.5 7.5T512 184q0 10-7 17l-53 55z"></path></svg>');--udex-media-player-fullscreen-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M486 0q11 0 18.5 7.5T512 26v108q0 11-7.5 18.5T486 160t-18-7.5-7-18.5V87l-97 97q-8 8-18 8-11 0-18.5-7.5T320 166q0-10 8-18l97-97h-47q-11 0-18.5-7T352 26t7.5-18.5T378 0h108zM230 32q11 0 18.5 7.5T256 58t-7.5 18-18.5 7H90q-7 0-7 7v140q0 11-7 18.5T58 256t-18.5-7.5T32 230V90q0-24 17-41t41-17h140zm224 224q11 0 18.5 7.5T480 282v140q0 24-17 41t-41 17H282q-11 0-18.5-7.5T256 454t7.5-18 18.5-7h140q7 0 7-7V282q0-11 7-18.5t18-7.5zm-306 71q7-7 18-7t18.5 7.5T192 346t-7 18l-98 97h47q11 0 18.5 7t7.5 18-7.5 18.5T134 512H26q-11 0-18.5-7.5T0 486V378q0-11 7.5-18.5T26 352t18 7.5 7 18.5v47z"></path></svg>');--udex-media-player-exit-fullscreen-icon: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M8.53125 14.1562C8.875 14.1562 9.15625 14.2812 9.375 14.5312C9.625 14.75 9.75 15.0312 9.75 15.375V21.375C9.75 21.7188 9.625 22 9.375 22.2188C9.15625 22.4375 8.875 22.5469 8.53125 22.5469C8.1875 22.5469 7.90625 22.4375 7.6875 22.2188C7.46875 22 7.35938 21.7188 7.35938 21.375V18.2812L4.03125 21.5625C3.8125 21.7812 3.53125 21.8906 3.1875 21.8906C2.84375 21.8906 2.5625 21.7812 2.34375 21.5625C2.09375 21.3125 1.96875 21.0312 1.96875 20.7188C1.96875 20.4062 2.09375 20.125 2.34375 19.875L5.625 16.5938H2.53125C2.1875 16.5938 1.90625 16.4844 1.6875 16.2656C1.46875 16.0156 1.35938 15.7188 1.35938 15.375C1.35938 15.0312 1.46875 14.75 1.6875 14.5312C1.90625 14.2812 2.1875 14.1562 2.53125 14.1562H8.53125ZM21.7031 6.98438C22.0469 6.98438 22.3281 7.10938 22.5469 7.35938C22.7969 7.57812 22.9219 7.85938 22.9219 8.20312C22.9219 8.54688 22.7969 8.82812 22.5469 9.04688C22.3281 9.26562 22.0469 9.375 21.7031 9.375H15.75C15.4062 9.375 15.1094 9.26562 14.8594 9.04688C14.6406 8.82812 14.5312 8.54688 14.5312 8.20312V2.20312C14.5312 1.85938 14.6406 1.57812 14.8594 1.35938C15.1094 1.10937 15.4062 0.984375 15.75 0.984375C16.0938 0.984375 16.375 1.10937 16.5938 1.35938C16.8125 1.57812 16.9219 1.85938 16.9219 2.20312V5.29688L20.2031 2.01562C20.4531 1.76562 20.7344 1.64062 21.0469 1.64062C21.3906 1.64062 21.6875 1.76562 21.9375 2.01562C22.1562 2.26562 22.2656 2.54688 22.2656 2.85938C22.2656 3.17188 22.1562 3.45312 21.9375 3.70312L18.6094 6.98438H21.7031ZM4.92188 10.5C4.54688 10.5 4.23438 10.3906 3.98438 10.1719C3.76562 9.95312 3.65625 9.65625 3.65625 9.28125V6.75C3.65625 5.6875 4.01562 4.79688 4.73438 4.07812C5.45312 3.35938 6.34375 3 7.40625 3H9.89062C10.2656 3 10.5625 3.125 10.7812 3.375C11.0312 3.59375 11.1562 3.89062 11.1562 4.26562C11.1562 4.64062 11.0312 4.95312 10.7812 5.20312C10.5625 5.42188 10.2656 5.53125 9.89062 5.53125H7.40625C6.59375 5.53125 6.1875 5.9375 6.1875 6.75V9.28125C6.1875 9.65625 6.0625 9.95312 5.8125 10.1719C5.59375 10.3906 5.29688 10.5 4.92188 10.5ZM20.5312 13.4531C20.9062 13.4531 21.2031 13.5781 21.4219 13.8281C21.6406 14.0469 21.75 14.3438 21.75 14.7188V17.2031C21.75 18.2656 21.3906 19.1562 20.6719 19.875C19.9844 20.5938 19.0938 20.9531 18 20.9531H15.5156C15.1406 20.9531 14.8438 20.8438 14.625 20.625C14.4062 20.375 14.2969 20.0625 14.2969 19.6875C14.2969 19.3125 14.4062 19.0156 14.625 18.7969C14.8438 18.5469 15.1406 18.4219 15.5156 18.4219H18.0469C18.3906 18.4219 18.6719 18.3125 18.8906 18.0938C19.1406 17.875 19.2656 17.5781 19.2656 17.2031V14.6719C19.2656 14.2969 19.375 14 19.5938 13.7812C19.8438 13.5625 20.1562 13.4531 20.5312 13.4531Z" fill="white"/></svg>');--udex-media-player-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="m292 256 117 116q7 7 7 18 0 12-7.5 19t-18.5 7q-10 0-18-8L256 292 140 408q-8 8-18 8-11 0-18.5-7.5T96 390q0-10 8-18l116-116-116-116q-8-8-8-18 0-11 7.5-18.5T122 96t18 7l116 117 116-117q7-7 18-7t18.5 7.5T416 122t-7 18z"></path></svg>');--udex-media-player-big-play-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M256 0q53 0 100 20t81.5 54.5T492 156t20 100-20 100-54.5 81.5T356 492t-100 20-100-20-81.5-54.5T20 356 0 256t20-100 54.5-81.5T156 20 256 0zm0 461q43 0 80.5-16t65-44 43.5-65 16-80-16-80.5-43.5-65-65-43.5T256 51t-80 16-65 43.5-44 65T51 256t16 80 44 65 65 44 80 16zm85-226q11 8 11 21t-11 21l-109 77q-7 5-14 5-11 0-18.5-7.5T192 333V179q0-11 7.5-18.5T218 153q7 0 14 5z"></path></svg>') }.udex-media-player__container{display:flex;align-items:center;justify-content:center}.video-js:not(.udex-media-player__video-embed):not(.udex-media-player__iframe-poster):not(.udex-media-player__fluid){width:var(--udex-media-player-width);height:var(--udex-media-player-height)}.vjs-svg-icon{fill:currentColor;background-position:50%;background-repeat:no-repeat;display:inline-block;height:1.8em;width:1.8em}.vjs-svg-icon:before{content:none!important}.vjs-control:focus .vjs-svg-icon,.vjs-svg-icon:hover{filter:drop-shadow(0 0 .25em #fff)}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{height:100%;left:0;position:absolute;top:0;width:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}.video-js{background-color:#000;box-sizing:border-box;color:#fff;display:inline-block;font-family:var(--sapFontFamily);font-size:10px;font-style:normal;font-weight:400;line-height:1;padding:0;position:relative;vertical-align:top;word-break:normal;--sapContent_IconColor: #fff}.video-js:-webkit-full-screen{height:100%!important;width:100%!important}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js.vjs-1-1:not(.vjs-audio),.video-js.vjs-16-9:not(.vjs-audio),.video-js.vjs-4-3:not(.vjs-audio),.video-js.vjs-9-16:not(.vjs-audio),.video-js.vjs-fluid:not(.vjs-audio){height:0}.video-js.vjs-16-9:not(.vjs-audio){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio){padding-top:100%}.video-js .vjs-tech,.video-js.vjs-fill:not(.vjs-audio){height:100%;width:100%}.video-js.vjs-audio .vjs-tech{display:none}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{background-color:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;height:150px;margin:0 auto;padding:20px;text-align:center;width:300px}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.vjs-big-play-button .vjs-svg-icon{height:1em;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused:not(.vjs-audio):not(.vjs-controls-disabled) .vjs-big-play-button{display:block}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:none}.vjs-audio .vjs-control-bar,.vjs-has-started .vjs-control-bar{display:flex;opacity:1;transition:visibility .1s,opacity .1s;visibility:visible}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{outline-color:#005fcc;text-shadow:0 0 1em #fff}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{to{transform:rotate(1turn)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}.video-js.vjs-audio .vjs-captions-button{display:none}.video-js.vjs-audio .vjs-descriptions-button{display:none}@supports (display: grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-mouse.vjs-playlist{font-size:15px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:30px;line-height:23px}@media (min-width: 600px){.vjs-mouse.vjs-playlist{font-size:17px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:34px;line-height:26px}.vjs-playlist .vjs-playlist-name{line-height:22px}}@media (max-width: 520px){.vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text,.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-playlist .vjs-up-next .vjs-up-next-text{display:none}}@media (min-width: 521px){.vjs-playlist img{min-height:85px}}@media (max-width: 750px){.vjs-playlist .vjs-playlist-duration{display:none}}.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog{position:absolute;top:0;left:0;width:100%;height:100%}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:none}.video-js *,.video-js *:before,.video-js *:after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-1-1{width:100%;max-width:100%}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{max-width:100%;width:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window,body.vjs-pip-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{position:fixed;overflow:hidden;z-index:1000;inset:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{width:100%!important;height:100%!important;padding-top:0!important;display:block}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{position:absolute;bottom:10%;font-size:2em;background-color:#000000b3;padding:.5em;text-align:center;width:100%}.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,.vjs-layout-small.vjs-pip-container .vjs-pip-text{bottom:0;font-size:1.4em}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.video-js .vjs-big-play-button:focus:not(:focus-visible){outline:rgb(0,95,204) auto 2px}.video-js .vjs-big-play-button{font-size:3em;height:20%;max-height:100px;max-width:100px;width:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;cursor:pointer;opacity:1;background-color:#0006;border-radius:50%;transition:all .4s;line-height:0}.video-js .vjs-big-play-button [ui5-icon]{width:100%;height:100%}.video-js.vjs-16-9 .vjs-big-play-button{width:calc(20% / 1.778)}.video-js.vjs-4-3 .vjs-big-play-button{width:calc(20% / 1.333)}.video-js.vjs-1-1 .vjs-big-play-button{width:20%}.video-js.vjs-9-16 .vjs-big-play-button{width:calc(20% / .5625)}.video-js .vjs-big-play-button:before{line-height:inherit;vertical-align:middle}.video-js .vjs-big-play-button:before{content:var(--udex-media-player-big-play-icon);width:100%;height:100%}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{background:none;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{display:flex;justify-content:center;list-style:none;margin:0;padding:3px 6px;line-height:18px;font-size:12px;text-align:center}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover,.js-focus-visible .vjs-menu li.vjs-menu-item:hover{background-color:var(--udexColorGrey7, #475E75);color:#fff}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .vjs-menu li.vjs-selected:hover{background-color:var(--udexColorGrey2, #EAECEE);color:var(--udexColorGrey9, #223548)}.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible){background:none}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;min-width:105px;left:-3em;height:0em;border-top-color:#2b333fb3}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:var(--udexColorGrey10, #1A2733);position:absolute;width:100%;bottom:var(--udex-media-player-controls-bar-height);max-height:15em;text-transform:capitalize}.vjs-subs-caps-button .vjs-menu .vjs-menu-content{min-width:105px}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--udex-media-player-controls-bar-height);background-color:var(--udexColorGrey10, #1A2733)}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{position:relative;text-align:center;margin:0 16px 0 0;padding:0;height:100%;width:24px;flex:none}.video-js .vjs-control.vjs-fullscreen-control{margin-right:12px}.video-js .vjs-control.vjs-play-control{margin-left:12px}.video-js .vjs-control.vjs-remaining-time{margin:0}.video-js .vjs-control.vjs-progress-control,.video-js .vjs-control.vjs-time-control{margin:0 16px 0 0}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{content:"";background-image:var(--udex-media-player-base-icon);font-size:1.8em;line-height:var(--udex-media-player-controls-bar-height);display:block;height:var(--udex-media-player-controls-bar-height);width:100%;background-size:24px 24px;background-repeat:no-repeat;background-position:center}.vjs-play-control>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-play-icon)}.vjs-skip-forward-5>.vjs-icon-placeholder:before,.vjs-skip-forward-10>.vjs-icon-placeholder:before,.vjs-skip-forward-30>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-skip-forward-icon)}.vjs-skip-backward-5>.vjs-icon-placeholder:before,.vjs-skip-backward-10>.vjs-icon-placeholder:before,.vjs-skip-backward-30>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-skip-backward-icon)}.vjs-play-control.vjs-playing>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-pause-icon)}.vjs-play-control.vjs-paused>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-play-icon)}.vjs-mute-control>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-volume-icon)}.vjs-mute-control.vjs-vol-0>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-volume-muted-icon)}.vjs-subs-caps-button>.vjs-icon-placeholder:before{content:"CC";background-image:none;font-family:var(--sapFontFamily);font-size:14px;font-weight:700}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{background-image:var(--udex-media-player-fullscreen-icon)}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{background-image:var(--udex-media-player-exit-fullscreen-icon)}.vjs-close-button>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-close-icon)}body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-close-icon)}.vjs-playback-rate>.vjs-icon-placeholder:before{display:none}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0em 0em 1em white}.video-js *:not(.vjs-visible-text)>.vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:4px}.video-js .vjs-progress-control .vjs-progress-holder{margin:0}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-volume-level:before,.video-js .vjs-play-progress:before{content:"";position:absolute;right:-4px;line-height:8px;z-index:1;height:8px;width:8px;background-color:#fff;border-radius:8px;bottom:-2px}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{position:absolute;top:-.35em;right:-.4em;width:.9em;height:.9em;pointer-events:none;line-height:.15em;z-index:1}.video-js .vjs-load-progress,.video-js .vjs-load-progress div{background:var(--udexColorGrey4 ,#A9B4BE)}.video-js .vjs-time-tooltip{background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:#000c}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--udexColorGrey6,#5B738B)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0em 0em 1em white;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex;align-items:center}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{width:60px;height:3em;margin-right:0}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:100px;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:4px}.vjs-volume-bar.vjs-slider-vertical{width:4px;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{position:absolute;width:.9em;height:.9em;pointer-events:none;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translate(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#a9b4be}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:#000c}.vjs-poster{display:inline-block;vertical-align:middle;cursor:pointer;margin:0;padding:0;position:absolute;inset:0;height:100%}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{width:100%;height:100%;-o-object-fit:var(--udex-media-player-poster-object-fit);object-fit:var(--udex-media-player-poster-object-fit)}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{width:1em;height:1em;pointer-events:none;fill:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;font-size:var(--udexTypographyBodyXXSFontSize, 12px);line-height:var(--udex-media-player-controls-bar-height);min-width:2em;width:auto}.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider,.video-js .vjs-current-time,.video-js .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:var(--udex-media-player-controls-bar-height);left:0;right:0;top:0;pointer-events:none}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:var(--udex-media-player-controls-bar-height)}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:14px;font-weight:700;line-height:var(--udex-media-player-controls-bar-height);text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:-2.7rem}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-loading-spinner{background-clip:padding-box;border:.6em solid #2b333fb3;border-radius:50%;box-sizing:border-box;display:none;height:5em;left:50%;opacity:.85;position:absolute;text-align:left;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:5em}.vjs-seeking.vjs-paused .vjs-loading-spinner,.vjs-waiting.vjs-paused .vjs-loading-spinner,.vjs-paused .vjs-loading-spinner{display:none}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{align-items:center;animation:vjs-spinner-show 0s linear .3s forwards;display:flex;justify-content:center}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:after,.vjs-loading-spinner:before{border:inherit;border-color:#fff #0000 #0000;border-radius:inherit;box-sizing:inherit;content:"";height:inherit;opacity:1;position:absolute;width:inherit}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{animation-delay:.44s;border-top-color:#fff}.vjs-chapters-button .vjs-menu ul{width:24em}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{width:1.5em;height:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover{width:auto;width:initial}.video-js.vjs-layout-x-small .vjs-progress-control,.video-js.vjs-layout-tiny .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:#2b333fbf;color:#fff;height:70%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:10px;border:none}.vjs-text-track-settings fieldset span{display:inline-block;padding:0 .6em .8em}.vjs-text-track-settings fieldset span>select{max-width:7.3em;margin-bottom:.5em}.vjs-text-track-settings legend{color:#fff;font-weight:700;font-size:1.2em}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:#2b333fbf}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px;margin-bottom:var(--udexSpacer16)}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{background:rgba(0,0,0,.9);background:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 60%,rgba(0,0,0,0) 100%);font-size:1.2em;line-height:1.5;transition:opacity .1s;padding:.666em 1.333em 4em;pointer-events:none;position:absolute;top:0;width:100%}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-title,.vjs-title-bar-description{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjs-title-bar-title{font-weight:700;margin-bottom:.333em}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5,.video-js .vjs-skip-forward-10,.video-js .vjs-skip-forward-30,.video-js .vjs-skip-backward-5,.video-js .vjs-skip-backward-10,.video-js .vjs-skip-backward-30{cursor:pointer}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js *:focus:not(.focus-visible){outline:none}.video-js *:focus:not(:focus-visible){outline:none}.vjs-audio .vjs-big-play-button{display:none}.vjs-audio .vjs-control-bar{display:flex}.udex-media-player__fluid .udex-media-player__vjs-poster>picture>img,.udex-media-player__fluid .udex-media-player__vjs-poster>picture,.video-js.udex-media-player__video.udex-media-player__fluid>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.udex-media-player__iframe-poster .udex-media-player__vjs-poster{display:inline-block;vertical-align:middle;margin:0;padding:0;inset:0}.udex-media-player__iframe-poster .udex-media-player__vjs-poster .vjs-big-play-button{cursor:pointer}.udex-media-player__iframe-poster .udex-media-player__vjs-poster .vjs-big-play-button:before{content:""}.vjs-modal-dialog.vjs-text-track-settings{background-color:#00000080;container-type:inline-size;container-name:settings}.vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content{padding:var(--udexSpacer24) var(--udexSpacer32);display:flex;flex-wrap:wrap}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-font,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls{display:flex;flex-direction:column;margin:0 0 var(--udexSpacer24) 0;flex-grow:1;gap:var(--udexSpacer24);min-width:250px}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls{justify-content:flex-end;align-items:flex-end;gap:var(--udexSpacer16);flex-direction:row}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button{margin:0;margin-bottom:var(--udexSpacer16)}.vjs-modal-dialog.vjs-text-track-settings .vjs-close-button.vjs-control.vjs-button{height:24px;right:var(--udexSpacer32);top:var(--udexSpacer24);margin:0}.vjs-modal-dialog.vjs-text-track-settings .vjs-close-button.vjs-control.vjs-button .vjs-icon-placeholder:before{height:24px}.vjs-modal-dialog.vjs-track-setting>select{margin:0}.vjs-modal-dialog.vjs-text-track-settings fieldset{margin:0;padding:0}.vjs-modal-dialog.vjs-text-track-settings legend{margin-bottom:var(--udexSpacer16);font-weight:500;font-size:1rem}.vjs-modal-dialog.vjs-text-track-settings .vjs-label{margin:0 var(--udexSpacer8) var(--udexSpacer8) 0}.vjs-modal-dialog.vjs-text-track-settings fieldset span{padding:0 var(--udexSpacer16) 0 0}@media (width < 680px){.vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content{padding:var(--udexSpacer16) var(--udexSpacer24)}.vjs-modal-dialog.vjs-text-track-settings .vjs-close-button.vjs-control.vjs-button{right:var(--udexSpacer24);top:var(--udexSpacer16)}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-font,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls{gap:var(--udexSpacer8)}.vjs-modal-dialog.vjs-text-track-settings legend{margin-bottom:var(--udexSpacer8)}}@media (max-width: 980px){.video-js .vjs-control{width:18px}.vjs-button>.vjs-icon-placeholder:before{background-size:18px 18px}.vjs-button>.vjs-icon-placeholder:before{line-height:var(--udex-media-player-controls-bar-small-height);height:var(--udex-media-player-controls-bar-small-height)}.video-js .vjs-control-bar{height:var(--udex-media-player-controls-bar-small-height)}.vjs-text-track-display,.vjs-menu-button-popup .vjs-menu .vjs-menu-content{bottom:var(--udex-media-player-controls-bar-small-height)}.vjs-playback-rate .vjs-playback-rate-value,.video-js .vjs-time-control{line-height:var(--udex-media-player-controls-bar-small-height)}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:var(--udex-media-player-controls-bar-small-height)}.video-js:not(.udex-media-player__video-embed):not(.udex-media-player__iframe-poster):not(.udex-media-player__fluid){height:var(--udex-media-player-mobile-height);width:var(--udex-media-player-mobile-width)}}
11
11
  `};
12
12
  export default styleData;
13
13
 
package/src/generated/themes/Modal.css.ts CHANGED
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Modal.css.ts",content:`:host{--udexModalAndOverlayModalContentPaddingHorizontal: var(--udexGridSGutters, 32px);--udexModalAndOverlayModalContentPaddingVertical: var(--udexGridXSMargins, 24px);--udexModalAndOverlayModalFooterPaddingHorizontal: var(--udexGridSGutters, 32px);--udexModalAndOverlayModalFooterPaddingVertical: var(--udexGridXSMargins, 24px);--udexModalAndOverlayModalHeaderPaddingHorizontal: var(--udexGridSGutters, 32px);--udexModalAndOverlayModalHeaderPaddingVertical: var(--udexGridXSMargins, 24px);--udexModalBorderRadius: 0;--browser_scrollbar_border_radius: var(--udexRadiusM, 8px)}:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udexModalAndOverlayModalFooterPaddingVertical) var(--udexModalAndOverlayModalFooterPaddingHorizontal)}:host .ui5-popup-root{border-radius:var(--udexModalBorderRadius)}:host .ui5-popup-root .ui5-popup-header-root{padding:var(--udexModalAndOverlayModalHeaderPaddingVertical) var(--udexModalAndOverlayModalHeaderPaddingHorizontal)}:host .ui5-popup-root .ui5-popup-content{padding:var(--udexModalAndOverlayModalContentPaddingVertical) var(--udexModalAndOverlayModalContentPaddingHorizontal)}:host([type="basic"]){--sapObjectHeader_BorderColor: transparent;--sapPageFooter_BorderColor: transparent}:host([type="basic"]) .ui5-popup-root .ui5-popup-content{padding:0 var(--udexModalAndOverlayModalContentPaddingHorizontal)}:host ::slotted([slot="footer"]){height:auto}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Modal.css.ts",content:`:host{--udexModalAndOverlayModalContentPaddingHorizontal: var(--udexGridSGutters, 32px);--udexModalAndOverlayModalContentPaddingVertical: var(--udexGridXSMargins, 24px);--udexModalAndOverlayModalFooterPaddingHorizontal: var(--udexGridSGutters, 32px);--udexModalAndOverlayModalFooterPaddingVertical: var(--udexGridXSMargins, 24px);--udexModalAndOverlayModalHeaderPaddingHorizontal: var(--udexGridSGutters, 32px);--udexModalAndOverlayModalHeaderPaddingVertical: var(--udexGridXSMargins, 24px);--udexModalBorderRadius: 0;--browser_scrollbar_border_radius: var(--udexRadiusM, 8px)}:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udexModalAndOverlayModalFooterPaddingVertical) var(--udexModalAndOverlayModalFooterPaddingHorizontal)}:host .ui5-popup-root{border-radius:var(--udexModalBorderRadius)}:host .ui5-popup-root .ui5-popup-header-root{padding:var(--udexModalAndOverlayModalHeaderPaddingVertical) var(--udexModalAndOverlayModalHeaderPaddingHorizontal)}:host .ui5-popup-root .ui5-popup-content{padding:var(--udexModalAndOverlayModalContentPaddingVertical) var(--udexModalAndOverlayModalContentPaddingHorizontal)}:host([type="basic"]){--sapObjectHeader_BorderColor: transparent;--sapPageFooter_BorderColor: transparent}:host([type="basic"]) .ui5-popup-root .ui5-popup-content{padding:0 var(--udexModalAndOverlayModalContentPaddingHorizontal)}:host ::slotted([slot="footer"]){height:auto}@media (max-width: 979px){:host(:not([type="basic"])){max-width:100%;max-height:100%}}
11
11
  `};
12
12
  export default styleData;
13
13
 
package/src/generated/themes/Pagination.css.ts CHANGED
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Pagination.css.ts",content:`:host{--udex-pagination-font-size: var(--sapFontSize, 16px);--udex-pagination-font-family: var(--sapFontFamily, sans-serif);--udex-pagination-item-paddings: var(--sapFontSmallSize, .75rem);--udex-pagination-item-inner-paddings: 0rem .25rem;--udex-pagination-mobile-item-paddings: .5625rem .875rem .6875rem .875rem;--udex-pagination-item-line-height: var(--sapContent_LineHeight, 1.5rem);--udex-pagination-item-text-color: var(--sapPrimary5, #5b738b);--udex-pagination-item-active-text-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9, #223548));--udex-pagination-item-active-background-color: var(--udexColorGrey1);--udex-pagination-item-active-border-color: var(--sapButton_Active_BorderColor, #0040b0);--udex-pagination-item-active-border-width: var(--sapField_InformationBorderWidth, .125rem);--udex-pagination-item-gap: .25rem;--udex-pagination-mobile-item-gap: .5rem;--udex-pagination-short-item-gap: 24px;--udex-pagination-short-separator-paddings: 0 4px;--udex-pagination-short-separator-margin: 0 4px;--udex-pagination-short-item-paddings: 0 4px}.udex-pagination{font-family:var(--udex-pagination-font-family);font-size:var(--udex-pagination-font-size)}.udex-pagination__list{padding:0;display:flex;gap:var(--udex-pagination-item-gap);align-items:center;flex-wrap:wrap}.udex-pagination--short .udex-pagination__list{gap:var(--udex-pagination-short-item-gap)}.udex-pagination__item{cursor:pointer;display:inline-block;position:relative}.udex-pagination__item a{text-decoration:none;display:flex}.udex-pagination__page{display:block;padding:0 var(--udex-pagination-item-paddings) var(--udex-pagination-item-active-border-width) var(--udex-pagination-item-paddings);color:var(--udex-pagination-item-text-color)}.udex-pagination--mobile .udex-pagination__page{padding:var(--udex-pagination-mobile-item-paddings)}.udex-pagination__item--first a,.udex-pagination__item--last a,.udex-pagination__item--prev a,.udex-pagination__item--next a{padding:var(--udex-pagination-item-paddings)}.udex-pagination__page--value{display:block;position:relative;padding:var(--udex-pagination-item-inner-paddings);line-height:var(--udex-pagination-item-line-height)}.udex-pagination__page:not([active]):hover{background-color:var(--udex-pagination-item-active-background-color);color:var(--udex-pagination-item-active-text-color);border-radius:4px}.udex-pagination__page:hover,.udex-pagination__page:visited{color:var(--udex-pagination-item-text-color)}.udex-pagination__page[active]{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__page[active] .udex-pagination__page--value:after{content:"";position:absolute;bottom:calc(-1 * var(--udex-pagination-item-active-border-width));left:0;right:0;height:var(--udex-pagination-item-active-border-width);background-color:var(--udex-pagination-item-active-border-color)}.udex-pagination__item--short{gap:var(--udex-pagination-short-item-gap);direction:inherit}.udex-pagination--rtl .udex-pagination__item--short{display:flex;white-space-collapse:preserve}.udex-pagination__item--short{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__item--short-separator{padding:var(--udex-pagination-short-separator-paddings);margin:var(--udex-pagination-short-separator-margin)}.udex-pagination__item--short-value{padding:var(--udex-pagination-short-item-paddings)}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Pagination.css.ts",content:`:host{--udex-pagination-font-size: var(--sapFontSize, 16px);--udex-pagination-font-family: var(--sapFontFamily, sans-serif);--udex-pagination-item-paddings: var(--sapFontSmallSize, .75rem);--udex-pagination-item-inner-paddings: 0rem .25rem;--udex-pagination-mobile-item-paddings: .5625rem .875rem .6875rem .875rem;--udex-pagination-item-line-height: var(--sapContent_LineHeight, 1.5rem);--udex-pagination-item-text-color: var(--sapPrimary5, #5b738b);--udex-pagination-item-active-text-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9, #223548));--udex-pagination-item-active-background-color: var(--udexColorGrey1);--udex-pagination-item-active-border-color: var(--sapButton_Active_BorderColor, #0040b0);--udex-pagination-item-active-border-width: var(--sapField_InformationBorderWidth, .125rem);--udex-pagination-item-gap: .25rem;--udex-pagination-mobile-item-gap: .5rem;--udex-pagination-short-item-gap: 24px;--udex-pagination-short-separator-paddings: 0 4px;--udex-pagination-short-separator-margin: 0 4px;--udex-pagination-short-item-paddings: 0 4px}.udex-pagination{font-family:var(--udex-pagination-font-family);font-size:var(--udex-pagination-font-size)}.udex-pagination__list{padding:0;display:flex;gap:var(--udex-pagination-item-gap);align-items:center;flex-wrap:wrap}.udex-pagination--short .udex-pagination__list{gap:var(--udex-pagination-short-item-gap)}.udex-pagination__item{cursor:pointer;display:inline-block;position:relative}.udex-pagination__item a{text-decoration:none;display:flex}:host([desktop]) .udex-pagination__item a:focus,.udex-pagination__item a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue10, #002A86);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusXXS, 2px)}.udex-pagination__page{display:block;padding:0 var(--udex-pagination-item-paddings) var(--udex-pagination-item-active-border-width) var(--udex-pagination-item-paddings);color:var(--udex-pagination-item-text-color)}.udex-pagination--mobile .udex-pagination__page{padding:var(--udex-pagination-mobile-item-paddings)}.udex-pagination__item--first a,.udex-pagination__item--last a,.udex-pagination__item--prev a,.udex-pagination__item--next a{padding:var(--udex-pagination-item-paddings)}.udex-pagination__page--value{display:block;position:relative;padding:var(--udex-pagination-item-inner-paddings);line-height:var(--udex-pagination-item-line-height)}.udex-pagination__page:not([active]):hover{background-color:var(--udex-pagination-item-active-background-color);color:var(--udex-pagination-item-active-text-color);border-radius:4px}.udex-pagination__page:hover,.udex-pagination__page:visited{color:var(--udex-pagination-item-text-color)}.udex-pagination__page[active]{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__page[active] .udex-pagination__page--value:after{content:"";position:absolute;bottom:calc(-1 * var(--udex-pagination-item-active-border-width));left:0;right:0;height:var(--udex-pagination-item-active-border-width);background-color:var(--udex-pagination-item-active-border-color)}.udex-pagination__item--short{gap:var(--udex-pagination-short-item-gap);direction:inherit}.udex-pagination--rtl .udex-pagination__item--short{display:flex;white-space-collapse:preserve}.udex-pagination__item--short{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__item--short-separator{padding:var(--udex-pagination-short-separator-paddings);margin:var(--udex-pagination-short-separator-margin)}.udex-pagination__item--short-value{padding:var(--udex-pagination-short-item-paddings)}
11
11
  `};
12
12
  export default styleData;
13
13
 
package/src/generated/themes/PhoneNumberField.css.ts CHANGED
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/PhoneNumberField.css.ts",content:`:host{--udex-phone-number-field-color-standard-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-phone-number-field-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-phone-number-field-color-standard-default-icon: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-placeholder: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-control-button-border: var(--udexColorBlue4, #89d1ff);--udex-phone-number-field-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-phone-number-field-color-standard-active-border: var(--sapField_Active_BorderColor, #0040b0);--udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);--udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-phone-number-field-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-phone-number-field-color-error-default-control-button-border: var(--udexCoreSemanticError4, #ff8cb2);--udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-phone-number-field-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-error-active-icon: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-phone-number-field-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-default-control-button-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-success-active-icon: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-disabled-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-phone-number-field-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);--udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);--udex-phone-number-field-height: 42px;--udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);--udex-phone-number-field-button-margins-vertical: -10px;--udex-phone-number-field-button-margins-horizontal: -12px 8px;--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-flag-width: 30px;--udex-phone-number-field-flag-height: 20px;--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-min-width: 320px;--udex-phone-number-field-min-width-xs-and-s:100%;--udex-phone-number-field-max-width: 100%;display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-phone-number-field-color-standard-default-text)}@media (width < 640px){.udex-phone-number-field{min-width:var(--udex-phone-number-field-min-width-xs-and-s)}}.udex-phone-number-field{position:relative;padding:var(--udex-phone-number-field-paddings);height:var(--udex-phone-number-field-height);box-sizing:border-box;background:var(--udex-phone-number-field-color-standard-default-background);border-radius:var(--udex-phone-number-field-radius);border:1px solid var(--udex-phone-number-field-color-standard-default-border);min-width:var(--udex-phone-number-field-min-width);max-width:var(--udex-phone-number-field-max-width);width:100%}.udex-phone-number-field__label{position:absolute;margin-inline-start:-3px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-phone-number-field-color-standard-default-label);top:-11px;font-size:var(--udex-phone-number-field-lable-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-standard-default-background) 35%)}.udex-phone-number-field__button-content{display:flex;align-items:center;font-size:var(--sapFontSize, 16px);font-weight:400}.udex-phone-number-field__input-wrapper{display:flex;max-height:22px}.udex-phone-number-field__open-button{--udex-button-padding-large: 12px;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: var(--udex-phone-number-field-button-border);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent;margin-block:var(--udex-phone-number-field-button-margins-vertical);margin-inline:var(--udex-phone-number-field-button-margins-horizontal)}.udex-phone-number-field__open-button{z-index:3}:host([field-state="Success"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent}:host([field-state="Error"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-border: transparent}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-color-tertiary-standard-active-border: transparent;border-right:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}:host([field-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);border-right:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);border-right:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}:host([field-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}.udex-phone-number-field__initial-dialing-code{padding-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__open-button-text{display:none}.udex-phone-number-field udex-list-item::part(item){padding-top:var(--udexSpacer12, 12px);padding-bottom:var(--udexSpacer12, 12px)}.udex-phone-number-field__dropdown-list-item{display:flex;align-items:center;pointer-events:none}.udex-phone-number-field__country-name{padding-inline-end:3px}.udex-phone-number-field__input{font-weight:var(--udexTypographyFontWeightRegular, 400);flex-grow:1;box-sizing:border-box;padding:0;margin:0;border:0;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-phone-number-field__input::-ms-input-placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input::placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input:-webkit-autofill,.udex-phone-number-field__input:-webkit-autofill:focus{box-shadow:0 0 0 var(--udex-phone-number-field-height) var(--udex-phone-number-field-color-standard-default-background) inset}.udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-standard-hover-border)}.udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-standard-active-border)}:host([field-state="Error"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-error-default-background);border-color:var(--udex-phone-number-field-color-error-default-border)}:host([field-state="Error"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-error-default-background) 35%)}:host([field-state="Error"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-error-hover-border)}:host([field-state="Error"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-error-active-border)}:host([field-state="Success"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-success-default-background);border-color:var(--udex-phone-number-field-color-success-default-border)}:host([field-state="Success"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-success-default-background) 35%)}:host([field-state="Success"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-success-hover-border)}:host([field-state="Success"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-success-active-border)}:host([disabled]) .udex-phone-number-field{opacity:.4}:host([disabled]) .udex-phone-number-field,:host([disabled]) .udex-phone-number-field:hover,:host([disabled]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-disabled-default-background);border-color:var(--udex-phone-number-field-color-disabled-default-border)}:host([disabled]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-disabled-default-background) 35%)}:host([readonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field{opacity:1}:host([readonly]){--sapContent_DisabledOpacity: 1}:host([readonly]) .udex-phone-number-field,:host([readonly]) .udex-phone-number-field:hover,:host([readonly]) .udex-phone-number-field:focus-within,:host([readonly]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-readonly-default-background);border-color:var(--udex-phone-number-field-color-readonly-default-border)}:host([readonly]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-readonly-default-background) 35%)}:host([displayonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field:hover,:host([displayonly]) .udex-phone-number-field:focus-within,:host([displayonly]) .udex-phone-number-field__input{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-phone-number-field__label{background:transparent}.udex-phone-number-field__flag{background-color:var(--udex-phone-number-field-flag-background);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-position:1000px 0;background-repeat:no-repeat;width:var(--udex-phone-number-field-flag-width);height:var(--udex-phone-number-field-flag-height);min-width:var(--udex-phone-number-field-flag-width)}.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag{margin-inline-end:var(--udexSpacer12, 12px)}.udex-phone-number-field__open-button{border-radius:var(--udex-phone-number-field-radius);border-right:1px solid transparent}.udex-phone-number-field__open-button:hover{--udex-button-color-tertiary-standard-hover-border: transparent;border-right:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border)}.udex-phone-number-field__open-button:hover:dir(rtl){border-left:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border);border-right:1px solid transparent}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/PhoneNumberField.css.ts",content:`:host{--udex-phone-number-field-color-standard-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-phone-number-field-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-phone-number-field-color-standard-default-icon: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-placeholder: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-control-button-border: var(--udexColorBlue4, #89d1ff);--udex-phone-number-field-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-phone-number-field-color-standard-active-border: var(--sapField_Active_BorderColor, #0040b0);--udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);--udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-phone-number-field-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-phone-number-field-color-error-default-control-button-border: var(--udexCoreSemanticError4, #ff8cb2);--udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-phone-number-field-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-error-active-icon: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-phone-number-field-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-default-control-button-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-success-active-icon: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-disabled-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-phone-number-field-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);--udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);--udex-phone-number-field-height: 42px;--udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);--udex-phone-number-field-button-margins-vertical: -10px;--udex-phone-number-field-button-margins-horizontal: -12px 8px;--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-flag-width: 30px;--udex-phone-number-field-flag-height: 20px;--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-min-width: 320px;--udex-phone-number-field-min-width-xs-and-s:100%;--udex-phone-number-field-max-width: 100%;display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-phone-number-field-color-standard-default-text)}@media (width < 640px){.udex-phone-number-field{min-width:var(--udex-phone-number-field-min-width-xs-and-s)}}.udex-phone-number-field{position:relative;padding:var(--udex-phone-number-field-paddings);height:var(--udex-phone-number-field-height);box-sizing:border-box;background:var(--udex-phone-number-field-color-standard-default-background);border-radius:var(--udex-phone-number-field-radius);border:1px solid var(--udex-phone-number-field-color-standard-default-border);min-width:var(--udex-phone-number-field-min-width);max-width:var(--udex-phone-number-field-max-width);width:100%}.udex-phone-number-field__label{position:absolute;margin-inline-start:-3px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-phone-number-field-color-standard-default-label);top:-11px;font-size:var(--udex-phone-number-field-lable-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-standard-default-background) 35%)}.udex-phone-number-field__button-content{display:flex;align-items:center;font-size:var(--sapFontSize, 16px);font-weight:400}.udex-phone-number-field__input-wrapper{display:flex;max-height:22px}.udex-phone-number-field__open-button{--udex-button-padding-large: 12px;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: var(--udex-phone-number-field-button-border);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent;margin-block:var(--udex-phone-number-field-button-margins-vertical);margin-inline:var(--udex-phone-number-field-button-margins-horizontal);padding:var(--udexSpacer4, 4px)}.udex-phone-number-field__open-button{z-index:3}:host([field-state="Success"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent}:host([field-state="Error"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-border: transparent}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-color-tertiary-standard-active-border: transparent;border-right:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}:host([field-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);border-right:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);border-right:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}:host([field-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}.udex-phone-number-field__initial-dialing-code{padding-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__open-button-text{display:none}.udex-phone-number-field udex-list-item::part(item){padding-top:var(--udexSpacer12, 12px);padding-bottom:var(--udexSpacer12, 12px)}.udex-phone-number-field__dropdown-list-item{display:flex;align-items:center;pointer-events:none}.udex-phone-number-field__country-name{padding-inline-end:3px}.udex-phone-number-field__input{font-weight:var(--udexTypographyFontWeightRegular, 400);flex-grow:1;box-sizing:border-box;padding:0;margin:0;border:0;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-phone-number-field__input::-ms-input-placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input::placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input:-webkit-autofill,.udex-phone-number-field__input:-webkit-autofill:focus{box-shadow:0 0 0 var(--udex-phone-number-field-height) var(--udex-phone-number-field-color-standard-default-background) inset}.udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-standard-hover-border)}.udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-standard-active-border)}:host([field-state="Error"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-error-default-background);border-color:var(--udex-phone-number-field-color-error-default-border)}:host([field-state="Error"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-error-default-background) 35%)}:host([field-state="Error"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-error-hover-border)}:host([field-state="Error"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-error-active-border)}:host([field-state="Success"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-success-default-background);border-color:var(--udex-phone-number-field-color-success-default-border)}:host([field-state="Success"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-success-default-background) 35%)}:host([field-state="Success"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-success-hover-border)}:host([field-state="Success"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-success-active-border)}:host([disabled]) .udex-phone-number-field{opacity:.4}:host([disabled]) .udex-phone-number-field,:host([disabled]) .udex-phone-number-field:hover,:host([disabled]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-disabled-default-background);border-color:var(--udex-phone-number-field-color-disabled-default-border)}:host([disabled]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-disabled-default-background) 35%)}:host([readonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field{opacity:1}:host([readonly]){--sapContent_DisabledOpacity: 1}:host([readonly]) .udex-phone-number-field,:host([readonly]) .udex-phone-number-field:hover,:host([readonly]) .udex-phone-number-field:focus-within,:host([readonly]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-readonly-default-background);border-color:var(--udex-phone-number-field-color-readonly-default-border)}:host([readonly]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-readonly-default-background) 35%)}:host([displayonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field:hover,:host([displayonly]) .udex-phone-number-field:focus-within,:host([displayonly]) .udex-phone-number-field__input{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-phone-number-field__label{background:transparent}.udex-phone-number-field__flag{background-color:var(--udex-phone-number-field-flag-background);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-position:1000px 0;background-repeat:no-repeat;width:var(--udex-phone-number-field-flag-width);height:var(--udex-phone-number-field-flag-height);min-width:var(--udex-phone-number-field-flag-width)}.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag{margin-inline-end:var(--udexSpacer12, 12px)}.udex-phone-number-field__open-button{border-radius:var(--udex-phone-number-field-radius);border-right:1px solid transparent}.udex-phone-number-field__open-button:hover{--udex-button-color-tertiary-standard-hover-border: transparent;border-right:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border)}.udex-phone-number-field__open-button:hover:dir(rtl){border-left:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border);border-right:1px solid transparent}udex-dropdown{--udex-dropdown-pane-max-width: 100%}
11
11
  `};
12
12
  export default styleData;
13
13
 
package/src/generated/themes/RatingBar.css.ts ADDED
@@ -0,0 +1,13 @@
1
+ import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
2
+ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
3
+
4
+ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
5
+ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
6
+
7
+ registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
+ registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
+
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/RatingBar.css.ts",content:`:host{--udex-rating-bar-progress-color: var(--udexColorMango6);--udex-rating-bar-progress-track-color: var(--udexColorGrey1);--udex-rating-bar-text-color: var(--udexColorGrey7);--udex-rating-bar-container-height: 1.5rem;--udex-rating-bar-progress: 100%;--udex-rating-bar-track-height: .75rem;--udex-rating-bar-progress-radius: var(---udexRadiusM, .5rem)}.udex-rating-bar__container{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer4);height:var(--udex-rating-bar-container-height);font-family:var(--sapFontFamily, sans-serif)}.udex-rating-bar__percentage,.udex-rating-bar__rating{color:var(--udex-rating-bar-text-color);font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-rating-bar__track{width:100%;height:var(--udex-rating-bar-track-height);background-color:var(--udex-rating-bar-progress-track-color);border:none;overflow:hidden;border-radius:var(--udex-rating-bar-progress-radius)}.udex-rating-bar__progress{width:var(--udex-rating-bar-progress);height:100%;background-color:var(--udex-rating-bar-progress-color);border:none;border-radius:var(--udex-rating-bar-progress-radius)}.udex-rating__icon{height:.875rem;width:.875rem;color:var(--udexColorMango6)}.hidden-text{display:none}
11
+ `};
12
+ export default styleData;
13
+
package/src/generated/themes/RatingIndicator.css.ts CHANGED
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-114-2_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-127-6_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
11
11
  `};
12
12
  export default styleData;
13
13
 
package/src/generated/themes/Review.css.ts ADDED
@@ -0,0 +1,13 @@
1
+ import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
2
+ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
3
+
4
+ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
5
+ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
6
+
7
+ registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
+ registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
+
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Review.css.ts",content:`:host{--udex-review-container-vertical-padding: var(--udexSpacer32);--udex-review-container-vertical-padding-xs: var(--udexSpacer24);--udex-review-xs-gutter: var(--udexSpacer40)}.udex-review__container{width:100%;display:flex;flex-direction:row;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__container-without-breakdown{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__empty-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer12);padding:var(--udex-review-container-vertical-padding) 0;font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__rating{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold)}.udex-review__content{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline-end:var(--udexGridXLGutters);width:calc((100vw / var(--udexGridColumns) * 2) + var(--udexGridXLGutters))}.udex-review__content-without-breakdown{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:row;align-items:center;margin-bottom:0}.udex-review__additional-content{display:flex;flex-direction:column;gap:var(--udexSpacer8);width:100%}.udex-review__additional-content-without-breakdown{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--udexSpacer12);margin-bottom:0}.udex-review__rating-info{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer8)}.udex-review__rating-info-without-breakdown{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline-start:var(--udexSpacer16);.udex-review__reviews-text{margin-bottom:0}}.udex-review__default-text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);margin-bottom:var(--udexSpacer12);text-align:center}.udex-review__reviews-text{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udexColorGrey7);margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer12)}@media (max-width: 1599px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridLMargins)}}@media (max-width: 1279px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridMMargins)}.udex-review__content{width:calc((100vw / var(--udexGridColumns) * 3) + 2 * var(--udexGridMGutters))}}@media (max-width: 979px){.udex-review__container-without-breakdown{flex-direction:column;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__content{margin-inline-end:var(--udexGridSGutters);width:calc((100vw / var(--udexGridColumns) * 4) + 3 * var(--udexGridSGutters))}.udex-review__default-text{font-size:var(--udexTypographyBodyXSFontSize)}.udex-review__content-without-breakdown{margin-bottom:var(--udexSpacer16)}.udex-review__additional-content-without-breakdown{justify-content:space-between;gap:var(--udexSpacer16)}}@media (max-width: 639px){.udex-review__container{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins);flex-direction:column;align-items:center}.udex-review__container-without-breakdown{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins)}.udex-review__empty-container{padding:var(--udex-review-container-vertical-padding-xs) 0}.udex-review__content{margin-bottom:var(--udex-review-xs-gutter);margin-inline-end:0}}.udex-review__icon{height:1.5rem;width:1.5rem;color:var(--udexColorMango6)}udex-rating-indicator{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }.hidden-text{display:none}
11
+ `};
12
+ export default styleData;
13
+
package/src/generated/themes/Search.css.ts CHANGED
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Search.css.ts",content:`:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: var(--udexSpacer8, 8px);--udex-button-icon-size: var(--sapFontHeader2Size, 28px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: 12px;--udex-search-label-inset-inline-start: 12px;--udex-search-icons-margin-inline-end: 12px;--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{content:"";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-block-start:9px;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-icon-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-icon-size) * 2 - var(--udex-search-icons-margin-inline-end))}.udex-search__icons{display:flex;align-items:center}.udex-search__icons-start{padding-inline-start:12px}.udex-search__icons>*{margin-inline-end:var(--udex-search-icons-margin-inline-end)}.udex-search__icons>*:last-child{margin-inline-end:0}.udex-search__icon,.udex-search__button{background-color:transparent;border:none;color:#475e75;min-width:var(--udex-button-icon-size);height:var(--udex-button-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[ui5-button].udex-search__voice-button--active{color:#0040b0}[ui5-button].udex-search__voice-button--active:before,[ui5-button].udex-search__button:focus:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid #0040B0;border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){width:28px;height:28px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button:hover{background:transparent;border:none;box-shadow:none}[ui5-button].udex-search__button:focus{outline:none}[ui5-button].udex-search__submit-button--active{position:relative;z-index:1;color:#fff}[ui5-button].udex-search__submit-button--active:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:28px;height:28px;background-color:#0070f2;border-radius:50%}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content){padding:0}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Search.css.ts",content:`:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: var(--udexSpacer8, 8px);--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: var(--udexSpacer12, 12px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{content:"";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-block-start:9px;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[ui5-button].udex-search__voice-button--active{color:#0040b0}[ui5-button].udex-search__voice-button--active:before,[ui5-button].udex-search__button:focus:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid #0040B0;border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button:hover{background:transparent;border:none;box-shadow:none}[ui5-button].udex-search__button:focus{outline:none}[ui5-button].udex-search__submit-button--active{position:relative;z-index:1;color:#fff}[ui5-button].udex-search__submit-button--active:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:28px;height:28px;background-color:#0070f2;border-radius:50%}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content){padding:0}udex-dropdown{--udex-dropdown-pane-max-width: 100%}
11
11
  `};
12
12
  export default styleData;
13
13
 
package/src/generated/themes/SecondaryNavigation.css.ts CHANGED
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SecondaryNavigation.css.ts",content:`:host{--udex-secondary-navigation-padding: 0 var(--udexSpacer84);--udex-secondary-navigation-height: 72px;--udex-secondary-navigation-min-height: 72px;--udex-secondary-navigation-z-index: 10;--udex-secondary-navigation-background: #FFF;--udex-secondary-navigation-title-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-title-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-title-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-secondary-navigation-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--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-active-border-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-item-line-height: 1.125rem;--udex-secondary-navigation-title-border-color: var(--udexColorGrey3, #D5DADD);--udex-secondary-navigation-border-color: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-title-max-width: 248px;--udex-secondary-navigation-dropdown-shadow: 0 10px 30px 0 #22364940;--udex-secondary-navigation-mobile-dropdown-shadow: 0 2px 8px 0 #2236494D;--udex-secondary-navigation-mobile-heading-shadow: 0 2px 4px 0 #22364933;--udex-secondary-navigation-mobile-button-border-color: var(--udexColorGrey3, #D5DADD);--udex-secondary-navigation-dropdown-background: #FFF;--udex-secondary-navigation-dropdown-min-width: 240px;--udex-secondary-navigation-dropdown-max-width: 360px;--udex-secondary-navigation-mobile-title-icon-width: 22px;--udex-secondary-navigation-mobile-title-icon-height: 22px}:host{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:1428px;margin:0 auto;padding-top:var(--udexSpacer12);height:var(--udex-secondary-navigation-height);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{max-width:var(--udex-secondary-navigation-title-max-width);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);border-inline-end:1px solid var(--udex-secondary-navigation-title-border-color);margin-inline-end:20px;padding-inline-end:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.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:-24px;padding-inline-start:var(--udexSpacer16)}.udex-secondary-navigation__wrap{flex:auto;background:var(--udex-secondary-navigation-background)}.udex-secondary-navigation__wrap,.udex-secondary-navigation__text-wrap,.udex-secondary-navigation__heading{display:flex}.udex-secondary-navigation__heading{flex-shrink:0;align-items:flex-start}.udex-secondary-navigation__mobile-opener,.udex-secondary-navigation__active-title{display:none}.udex-secondary-navigation__active-title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}.udex-secondary-navigation__root_centered{padding-top:0}.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__list-item{height:100%;display:flex}.udex-secondary-navigation__root_centered .udex-secondary-navigation__buttons{margin-top:0}.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:center;text-decoration:none;position:relative;background:none;cursor:pointer;border:none;padding:0}.udex-secondary-navigation__dropdown-item,.udex-secondary-navigation__mobile-opener,.udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus,:host([desktop]) .udex-secondary-navigation__item:focus,.udex-secondary-navigation__mobile-opener:focus-visible,.udex-secondary-navigation__dropdown-item:focus-visible,.udex-secondary-navigation__item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus{outline-offset:-4px}.udex-secondary-navigation__mobile-opener:focus-visible{outline-offset:-4px}.udex-secondary-navigation__item-icon{margin-inline-start:var(--udexSpacer4);transition:.25s transform}.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)}.udex-secondary-navigation__list-item{position:relative}.udex-secondary-navigation__list_measure .udex-secondary-navigation__list-item{display:block;position:absolute;visibility:hidden}[hidden].udex-secondary-navigation__list-item{display:none}[active]>.udex-secondary-navigation__dropdown-item:before,[active].udex-secondary-navigation__list-item:before{background:var(--udex-secondary-navigation-item-active-border-color);content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px 2px 0 0}.udex-secondary-navigation__list-item_open .udex-secondary-navigation__item-icon{transform:rotateX(180deg)}.udex-secondary-navigation__dropdown{position:absolute;top:100%;margin-top:1px;left:calc(var(--udexSpacer16) * -1);box-shadow:var(--udex-secondary-navigation-dropdown-shadow);min-width:var(--udex-secondary-navigation-dropdown-min-width);max-width:var(--udex-secondary-navigation-dropdown-max-width);background:var(--udex-secondary-navigation-dropdown-background)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer12) 0;margin:0;list-style:none}.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer16);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-item-font-size);line-height:var(--udex-secondary-navigation-item-line-height);color:var(--udexColorGrey9, #223548);display:block;text-decoration:none;position:relative}button.udex-secondary-navigation__dropdown-item{background:none;border:0;text-align:start;width:100%}[active] .udex-secondary-navigation__dropdown-item:before{top:0;bottom:0;width:3px;height:100%}.udex-secondary-navigation__dropdown-item:hover{background:var(--udexColorGrey1, #F5F6F7)}.udex-secondary-navigation__dropdown-item:active{background:var(--udexColorGrey2, #EAECEE)}.udex-secondary-navigation__dropdown:dir(rtl){left:auto;right:calc(var(--udexSpacer16) * -1)}@media (max-width: 979px){:host{border:none;padding:0}.udex-secondary-navigation__title,.udex-secondary-navigation__active-title,.udex-secondary-navigation__mobile-opener{display:block}.udex-secondary-navigation__mobile-opener{border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:flex-end;position:absolute;top:0;left:0;right:0;border:0;height:100%;padding-inline-end:var(--udexSpacer48)}.udex-secondary-navigation__title-icon{transition:.25s transform;width:var(--udex-secondary-navigation-mobile-title-icon-width);height:var(--udex-secondary-navigation-mobile-title-icon-height)}.udex-secondary-navigation__root_open .udex-secondary-navigation__title-icon{transform:rotateX(180deg)}.udex-secondary-navigation__wrap,.udex-secondary-navigation__breadcrumbs,.udex-secondary-navigation__root_centered .udex-secondary-navigation__list-item_more,.udex-secondary-navigation__list-item_more{display:none}.udex-secondary-navigation__wrap,.udex-secondary-navigation__list,.udex-secondary-navigation__text-wrap{flex-direction:column}.udex-secondary-navigation__wrap{display:none;position:absolute;top:100%;left:0;right:0;box-shadow:var(--udex-secondary-navigation-mobile-dropdown-shadow);padding:var(--udexSpacer16) 0;border-radius:0 0 var(--udexRadiusM) var(--udexRadiusM)}.udex-secondary-navigation__root_open .udex-secondary-navigation__wrap{display:block}.udex-secondary-navigation__title{border:none;padding:0;margin:0 0 7px;max-width:inherit}.udex-secondary-navigation__text-wrap,.udex-secondary-navigation__heading{width:100%}.udex-secondary-navigation__text-wrap{padding-inline-end:42px}.udex-secondary-navigation__heading{align-items:center}.udex-secondary-navigation__list-item,.udex-secondary-navigation__buttons{margin:0;margin-inline-end:0}.udex-secondary-navigation__item{font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);padding:var(--udexSpacer12) var(--udexSpacer48);text-align:start;width:100%;box-sizing:border-box}[active].udex-secondary-navigation__list-item:before{left:0;top:0;bottom:0;width:3px;height:auto}.udex-secondary-navigation__buttons{padding:var(--udexSpacer24) var(--udexSpacer48) var(--udexSpacer8);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__root{padding:0}.udex-secondary-navigation__holder{border:none}.udex-secondary-navigation__heading{padding:var(--udexSpacer12) var(--udexSpacer48);box-shadow:var(--udex-secondary-navigation-mobile-heading-shadow);background:var(--udex-secondary-navigation-background);box-sizing:border-box;z-index:3}.udex-secondary-navigation__item:focus-visible{outline-offset:-4px}.udex-secondary-navigation__root_centered .udex-secondary-navigation__list{align-items:normal}}@media (max-width: 639px){.udex-secondary-navigation__heading,.udex-secondary-navigation__item{padding:var(--udexSpacer12) var(--udexSpacer24)}.udex-secondary-navigation__buttons{padding:var(--udexSpacer24) var(--udexSpacer24) var(--udexSpacer8);flex-direction:column;align-items:flex-start}.udex-secondary-navigation__buttons:before{left:var(--udexSpacer24);right:var(--udexSpacer24)}.udex-secondary-navigation__mobile-opener{padding-inline-end:var(--udexSpacer24)}}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SecondaryNavigation.css.ts",content:`:host{--udex-secondary-navigation-border-color: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-padding: 0 var(--udexSpacer84);--udex-secondary-navigation-height: 72px;--udex-secondary-navigation-min-height: 72px;--udex-secondary-navigation-z-index: 10;--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: var(--udexTypographyHeadingLineHeight, 1.1);--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;height:var(--udex-secondary-navigation-height);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{max-width:var(--udex-secondary-navigation-title-max-width);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{margin-inline-end:var(--udexSpacer16);padding-inline-end:var(--udexSpacer20);position:relative;flex-shrink:0;align-items:flex-start}.udex-secondary-navigation__heading:before{height:calc(var(--udex-secondary-navigation-title-font-size)* 1.25);background:var(--udex-secondary-navigation-title-border-color);content:"";position:absolute;width:1px;right:0;top: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__list-item{height:100%;display:flex}.udex-secondary-navigation__root_centered .udex-secondary-navigation__buttons{margin-top:0}.udex-secondary-navigation__root_centered .udex-secondary-navigation__heading:before{top:50%;transform:translateY(-50%)}@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}.udex-secondary-navigation__breadcrumbs,.udex-secondary-navigation__holder{display:none}.udex-secondary-navigation__mobile-nav{display:block}.udex-secondary-navigation__root{padding:0}.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)}}
11
11
  `};
12
12
  export default styleData;
13
13
 
package/src/generated/themes/SecondaryNavigationItem.css.ts ADDED
@@ -0,0 +1,13 @@
1
+ import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
2
+ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
3
+
4
+ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
5
+ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
6
+
7
+ registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
+ registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
+
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SecondaryNavigationItem.css.ts",content:`: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-dropdown-min-width: 240px;--udex-secondary-navigation-item-dropdown-max-width: 360px;--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;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:0;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{position:absolute;top:100%;margin-top:1px;left:calc(var(--udexSpacer16) * -1);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: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}.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:100%;width:100%;z-index:1;display:flex;align-items:center}.udex-secondary-navigation__item-sub-title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);margin-top:var(--udexSpacer8);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)}.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)}}
11
+ `};
12
+ export default styleData;
13
+
package/src/generated/themes/SecondaryNavigationSubItem.css.ts ADDED
@@ -0,0 +1,13 @@
1
+ import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
2
+ import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
3
+
4
+ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
5
+ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
6
+
7
+ registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
+ registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
+
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SecondaryNavigationSubItem.css.ts",content:`: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-bakground: var(--udexColorGrey1, #F5F6F7);--udex-secondary-navigation-sub-item-active-bakground: 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}.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-bakground)}.udex-secondary-navigation__dropdown-item:active{background:var(--udex-secondary-navigation-sub-item-active-bakground)}.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);text-align:left}.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)}}
11
+ `};
12
+ export default styleData;
13
+