@roadtrip/components 3.17.0 → 3.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (325) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/road-accordion.cjs.entry.js +1 -1
  3. package/dist/cjs/road-accordion.cjs.entry.js.map +1 -1
  4. package/dist/cjs/road-autocomplete.cjs.entry.js +1 -1
  5. package/dist/cjs/road-autocomplete.cjs.entry.js.map +1 -1
  6. package/dist/cjs/road-badge_14.cjs.entry.js +40 -8
  7. package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
  8. package/dist/cjs/road-banner.cjs.entry.js +1 -1
  9. package/dist/cjs/road-banner.cjs.entry.js.map +1 -1
  10. package/dist/cjs/road-button-floating.cjs.entry.js +1 -1
  11. package/dist/cjs/road-button-floating.cjs.entry.js.map +1 -1
  12. package/dist/cjs/road-card.cjs.entry.js +1 -1
  13. package/dist/cjs/road-card.cjs.entry.js.map +1 -1
  14. package/dist/cjs/road-carousel.cjs.entry.js +30 -118
  15. package/dist/cjs/road-carousel.cjs.entry.js.map +1 -1
  16. package/dist/cjs/road-chip.cjs.entry.js +2 -2
  17. package/dist/cjs/road-chip.cjs.entry.js.map +1 -1
  18. package/dist/cjs/road-collapse.cjs.entry.js +1 -1
  19. package/dist/cjs/road-collapse.cjs.entry.js.map +1 -1
  20. package/dist/cjs/road-dialog.cjs.entry.js +2 -2
  21. package/dist/cjs/road-dialog.cjs.entry.js.map +1 -1
  22. package/dist/cjs/road-dropdown.cjs.entry.js +4 -4
  23. package/dist/cjs/road-dropdown.cjs.entry.js.map +1 -1
  24. package/dist/cjs/road-global-navigation.cjs.entry.js +1 -1
  25. package/dist/cjs/road-global-navigation.cjs.entry.js.map +1 -1
  26. package/dist/cjs/road-illustration.cjs.entry.js +1 -1
  27. package/dist/cjs/road-illustration.cjs.entry.js.map +1 -1
  28. package/dist/cjs/road-modal.cjs.entry.js +1 -1
  29. package/dist/cjs/road-modal.cjs.entry.js.map +1 -1
  30. package/dist/cjs/road-navbar-item.cjs.entry.js +1 -1
  31. package/dist/cjs/road-navbar-item.cjs.entry.js.map +1 -1
  32. package/dist/cjs/road-navbar.cjs.entry.js +1 -1
  33. package/dist/cjs/road-navbar.cjs.entry.js.map +1 -1
  34. package/dist/cjs/road-phone-number-input.cjs.entry.js +41 -5
  35. package/dist/cjs/road-phone-number-input.cjs.entry.js.map +1 -1
  36. package/dist/cjs/road-plate-number.cjs.entry.js +2 -2
  37. package/dist/cjs/road-plate-number.cjs.entry.js.map +1 -1
  38. package/dist/cjs/road-profil-dropdown.cjs.entry.js +10 -1
  39. package/dist/cjs/road-profil-dropdown.cjs.entry.js.map +1 -1
  40. package/dist/cjs/road-progress-indicator-vertical.cjs.entry.js +2 -2
  41. package/dist/cjs/road-progress-indicator-vertical.cjs.entry.js.map +1 -1
  42. package/dist/cjs/road-progress-tracker.cjs.entry.js +2 -2
  43. package/dist/cjs/road-progress-tracker.cjs.entry.js.map +1 -1
  44. package/dist/cjs/road-progress.cjs.entry.js +1 -1
  45. package/dist/cjs/road-progress.cjs.entry.js.map +1 -1
  46. package/dist/cjs/road-range.cjs.entry.js +26 -2
  47. package/dist/cjs/road-range.cjs.entry.js.map +1 -1
  48. package/dist/cjs/road-segmented-button.cjs.entry.js +1 -1
  49. package/dist/cjs/road-segmented-button.cjs.entry.js.map +1 -1
  50. package/dist/cjs/road-select-filter.cjs.entry.js +34 -4
  51. package/dist/cjs/road-select-filter.cjs.entry.js.map +1 -1
  52. package/dist/cjs/road-select.cjs.entry.js +1 -1
  53. package/dist/cjs/road-select.cjs.entry.js.map +1 -1
  54. package/dist/cjs/road-textarea.cjs.entry.js +1 -1
  55. package/dist/cjs/road-textarea.cjs.entry.js.map +1 -1
  56. package/dist/cjs/road-tooltip.cjs.entry.js +1 -1
  57. package/dist/cjs/road-tooltip.cjs.entry.js.map +1 -1
  58. package/dist/cjs/roadtrip.cjs.js +1 -1
  59. package/dist/collection/components/accordion/accordion.css +4 -0
  60. package/dist/collection/components/accordion/accordion.stories.js +1 -1
  61. package/dist/collection/components/alert/alert.stories.js +1 -1
  62. package/dist/collection/components/autocomplete/autocomplete.js +1 -1
  63. package/dist/collection/components/autocomplete/autocomplete.js.map +1 -1
  64. package/dist/collection/components/autocomplete/autocomplete.stories.js +2 -2
  65. package/dist/collection/components/avatar/avatar.stories.js +1 -1
  66. package/dist/collection/components/badge/badge.stories.js +2 -2
  67. package/dist/collection/components/banner/banner.js +1 -1
  68. package/dist/collection/components/banner/banner.js.map +1 -1
  69. package/dist/collection/components/button/button.stories.js +6 -6
  70. package/dist/collection/components/button-floating/button-floating.css +0 -4
  71. package/dist/collection/components/button-floating/button-floating.stories.js +2 -2
  72. package/dist/collection/components/card/card.css +4 -0
  73. package/dist/collection/components/card/card.stories.js +4 -4
  74. package/dist/collection/components/carousel/carousel.css +4 -1
  75. package/dist/collection/components/carousel/carousel.js +93 -250
  76. package/dist/collection/components/carousel/carousel.js.map +1 -1
  77. package/dist/collection/components/chip/chip.css +2 -2
  78. package/dist/collection/components/chip/chip.js +1 -1
  79. package/dist/collection/components/chip/chip.js.map +1 -1
  80. package/dist/collection/components/chip/chip.stories.js +26 -1
  81. package/dist/collection/components/collapse/collapse.css +4 -0
  82. package/dist/collection/components/collapse/collapse.stories.js +8 -8
  83. package/dist/collection/components/counter/counter.css +5 -0
  84. package/dist/collection/components/counter/counter.js +19 -1
  85. package/dist/collection/components/counter/counter.js.map +1 -1
  86. package/dist/collection/components/dialog/dialog.js +2 -2
  87. package/dist/collection/components/dialog/dialog.js.map +1 -1
  88. package/dist/collection/components/drawer/drawer.js +1 -1
  89. package/dist/collection/components/drawer/drawer.js.map +1 -1
  90. package/dist/collection/components/drawer/drawer.stories.js +2 -2
  91. package/dist/collection/components/dropdown/dropdown.css +9 -4
  92. package/dist/collection/components/dropdown/dropdown.js +3 -3
  93. package/dist/collection/components/dropdown/dropdown.js.map +1 -1
  94. package/dist/collection/components/dropdown/dropdown.stories.js +4 -4
  95. package/dist/collection/components/global-navigation/global-navigation.js +1 -1
  96. package/dist/collection/components/global-navigation/global-navigation.js.map +1 -1
  97. package/dist/collection/components/global-navigation/global-navigation.stories.js +39 -39
  98. package/dist/collection/components/icon/icon.stories.js +44 -43
  99. package/dist/collection/components/illustration/illustration.js +1 -1
  100. package/dist/collection/components/illustration/illustration.js.map +1 -1
  101. package/dist/collection/components/input/input.css +8 -2
  102. package/dist/collection/components/input/input.js +16 -2
  103. package/dist/collection/components/input/input.js.map +1 -1
  104. package/dist/collection/components/input-group/input-group.js +1 -1
  105. package/dist/collection/components/input-group/input-group.js.map +1 -1
  106. package/dist/collection/components/input-group/input-group.stories.js +4 -4
  107. package/dist/collection/components/item/item.stories.js +9 -9
  108. package/dist/collection/components/list/list.stories.js +8 -8
  109. package/dist/collection/components/modal/modal.js +1 -1
  110. package/dist/collection/components/modal/modal.js.map +1 -1
  111. package/dist/collection/components/navbar/navbar.js +1 -1
  112. package/dist/collection/components/navbar/navbar.js.map +1 -1
  113. package/dist/collection/components/navbar/navbar.stories.js +84 -63
  114. package/dist/collection/components/navbar-item/navbar-item.js +1 -1
  115. package/dist/collection/components/navbar-item/navbar-item.js.map +1 -1
  116. package/dist/collection/components/patterns/link.stories.js +2 -2
  117. package/dist/collection/components/phone-number-input/phone-number-input.css +0 -1
  118. package/dist/collection/components/phone-number-input/phone-number-input.js +40 -4
  119. package/dist/collection/components/phone-number-input/phone-number-input.js.map +1 -1
  120. package/dist/collection/components/plate-number/plate-number.css +1 -1
  121. package/dist/collection/components/plate-number/plate-number.js +1 -1
  122. package/dist/collection/components/plate-number/plate-number.js.map +1 -1
  123. package/dist/collection/components/profil-dropdown/profil-dropdown.css +8 -0
  124. package/dist/collection/components/profil-dropdown/profil-dropdown.js +18 -0
  125. package/dist/collection/components/profil-dropdown/profil-dropdown.js.map +1 -1
  126. package/dist/collection/components/profil-dropdown/profil-dropdown.stories.js +4 -4
  127. package/dist/collection/components/progress/progress.js +1 -1
  128. package/dist/collection/components/progress/progress.js.map +1 -1
  129. package/dist/collection/components/progress-indicator-vertical/progress-indicator-vertical.css +5 -0
  130. package/dist/collection/components/progress-indicator-vertical/progress-indicator-vertical.js +1 -1
  131. package/dist/collection/components/progress-indicator-vertical/progress-indicator-vertical.js.map +1 -1
  132. package/dist/collection/components/progress-indicator-vertical/progress-indicator-vertical.stories.js +20 -20
  133. package/dist/collection/components/progress-tracker/progress-tracker.css +4 -0
  134. package/dist/collection/components/progress-tracker/progress-tracker.js +1 -1
  135. package/dist/collection/components/progress-tracker/progress-tracker.js.map +1 -1
  136. package/dist/collection/components/range/range.css +17 -2
  137. package/dist/collection/components/range/range.js +41 -2
  138. package/dist/collection/components/range/range.js.map +1 -1
  139. package/dist/collection/components/segmented-button/segmented-button.js +1 -1
  140. package/dist/collection/components/segmented-button/segmented-button.js.map +1 -1
  141. package/dist/collection/components/select/select.css +1 -1
  142. package/dist/collection/components/select-filter/select-filter.css +5 -0
  143. package/dist/collection/components/select-filter/select-filter.js +43 -9
  144. package/dist/collection/components/select-filter/select-filter.js.map +1 -1
  145. package/dist/collection/components/select-filter/select-filter.stories.js +8 -8
  146. package/dist/collection/components/tabs/tabs.stories.js +5 -5
  147. package/dist/collection/components/textarea/textarea.css +2 -2
  148. package/dist/collection/components/toolbar/toolbar.css +0 -2
  149. package/dist/collection/components/toolbar/toolbar.stories.js +8 -8
  150. package/dist/collection/components/tooltip/tooltip.js +1 -1
  151. package/dist/collection/components/tooltip/tooltip.js.map +1 -1
  152. package/dist/collection/components/tooltip/tooltip.stories.js +3 -3
  153. package/dist/esm/{index-891decf5.js → index-7a0158a4.js} +2 -2
  154. package/dist/esm/{index-891decf5.js.map → index-7a0158a4.js.map} +1 -1
  155. package/dist/esm/loader.js +1 -1
  156. package/dist/esm/road-accordion.entry.js +2 -2
  157. package/dist/esm/road-accordion.entry.js.map +1 -1
  158. package/dist/esm/road-autocomplete.entry.js +1 -1
  159. package/dist/esm/road-autocomplete.entry.js.map +1 -1
  160. package/dist/esm/road-badge_14.entry.js +41 -9
  161. package/dist/esm/road-badge_14.entry.js.map +1 -1
  162. package/dist/esm/road-banner.entry.js +2 -2
  163. package/dist/esm/road-banner.entry.js.map +1 -1
  164. package/dist/esm/road-button-floating.entry.js +1 -1
  165. package/dist/esm/road-button-floating.entry.js.map +1 -1
  166. package/dist/esm/road-card.entry.js +1 -1
  167. package/dist/esm/road-card.entry.js.map +1 -1
  168. package/dist/esm/road-carousel.entry.js +31 -119
  169. package/dist/esm/road-carousel.entry.js.map +1 -1
  170. package/dist/esm/road-checkbox.entry.js +1 -1
  171. package/dist/esm/road-chip.entry.js +3 -3
  172. package/dist/esm/road-chip.entry.js.map +1 -1
  173. package/dist/esm/road-collapse.entry.js +1 -1
  174. package/dist/esm/road-collapse.entry.js.map +1 -1
  175. package/dist/esm/road-dialog.entry.js +3 -3
  176. package/dist/esm/road-dialog.entry.js.map +1 -1
  177. package/dist/esm/road-dropdown.entry.js +4 -4
  178. package/dist/esm/road-dropdown.entry.js.map +1 -1
  179. package/dist/esm/road-global-navigation.entry.js +1 -1
  180. package/dist/esm/road-global-navigation.entry.js.map +1 -1
  181. package/dist/esm/road-illustration.entry.js +1 -1
  182. package/dist/esm/road-illustration.entry.js.map +1 -1
  183. package/dist/esm/road-modal.entry.js +2 -2
  184. package/dist/esm/road-modal.entry.js.map +1 -1
  185. package/dist/esm/road-navbar-item.entry.js +1 -1
  186. package/dist/esm/road-navbar-item.entry.js.map +1 -1
  187. package/dist/esm/road-navbar.entry.js +1 -1
  188. package/dist/esm/road-navbar.entry.js.map +1 -1
  189. package/dist/esm/road-phone-number-input.entry.js +41 -5
  190. package/dist/esm/road-phone-number-input.entry.js.map +1 -1
  191. package/dist/esm/road-plate-number.entry.js +3 -3
  192. package/dist/esm/road-plate-number.entry.js.map +1 -1
  193. package/dist/esm/road-profil-dropdown.entry.js +11 -2
  194. package/dist/esm/road-profil-dropdown.entry.js.map +1 -1
  195. package/dist/esm/road-progress-indicator-vertical.entry.js +2 -2
  196. package/dist/esm/road-progress-indicator-vertical.entry.js.map +1 -1
  197. package/dist/esm/road-progress-tracker.entry.js +2 -2
  198. package/dist/esm/road-progress-tracker.entry.js.map +1 -1
  199. package/dist/esm/road-progress.entry.js +1 -1
  200. package/dist/esm/road-progress.entry.js.map +1 -1
  201. package/dist/esm/road-range.entry.js +28 -4
  202. package/dist/esm/road-range.entry.js.map +1 -1
  203. package/dist/esm/road-rating.entry.js +1 -1
  204. package/dist/esm/road-segmented-button.entry.js +1 -1
  205. package/dist/esm/road-segmented-button.entry.js.map +1 -1
  206. package/dist/esm/road-select-filter.entry.js +34 -4
  207. package/dist/esm/road-select-filter.entry.js.map +1 -1
  208. package/dist/esm/road-select.entry.js +1 -1
  209. package/dist/esm/road-select.entry.js.map +1 -1
  210. package/dist/esm/road-textarea.entry.js +1 -1
  211. package/dist/esm/road-textarea.entry.js.map +1 -1
  212. package/dist/esm/road-toast.entry.js +1 -1
  213. package/dist/esm/road-tooltip.entry.js +1 -1
  214. package/dist/esm/road-tooltip.entry.js.map +1 -1
  215. package/dist/esm/roadtrip.js +1 -1
  216. package/dist/html.html-data.json +3 -3
  217. package/dist/roadtrip/p-054acf61.entry.js +2 -0
  218. package/dist/roadtrip/p-054acf61.entry.js.map +1 -0
  219. package/dist/roadtrip/{p-ea28a425.entry.js → p-08b0be1b.entry.js} +2 -2
  220. package/dist/roadtrip/p-08b0be1b.entry.js.map +1 -0
  221. package/dist/roadtrip/{p-1a761fc0.entry.js → p-0fd454dc.entry.js} +2 -2
  222. package/dist/roadtrip/p-0fd454dc.entry.js.map +1 -0
  223. package/dist/roadtrip/{p-60e25858.entry.js → p-14ecc91e.entry.js} +2 -2
  224. package/dist/roadtrip/{p-60e25858.entry.js.map → p-14ecc91e.entry.js.map} +1 -1
  225. package/dist/roadtrip/{p-82919e58.entry.js → p-16c934bc.entry.js} +2 -2
  226. package/dist/roadtrip/p-17ae87b0.entry.js +2 -0
  227. package/dist/roadtrip/p-17ae87b0.entry.js.map +1 -0
  228. package/dist/roadtrip/{p-6e3e0b40.entry.js → p-18967429.entry.js} +2 -2
  229. package/dist/roadtrip/{p-6e3e0b40.entry.js.map → p-18967429.entry.js.map} +1 -1
  230. package/dist/roadtrip/p-27d2770a.entry.js +2 -0
  231. package/dist/roadtrip/p-27d2770a.entry.js.map +1 -0
  232. package/dist/roadtrip/{p-4f47f4f7.entry.js → p-31cf9b61.entry.js} +2 -2
  233. package/dist/roadtrip/p-31cf9b61.entry.js.map +1 -0
  234. package/dist/roadtrip/{p-dcb280e3.entry.js → p-3bce3bdc.entry.js} +2 -2
  235. package/dist/roadtrip/p-3bce3bdc.entry.js.map +1 -0
  236. package/dist/roadtrip/p-4a2f2612.entry.js +2 -0
  237. package/dist/roadtrip/p-4a2f2612.entry.js.map +1 -0
  238. package/dist/roadtrip/p-5203acea.entry.js +2 -0
  239. package/dist/roadtrip/p-5203acea.entry.js.map +1 -0
  240. package/dist/roadtrip/{p-a73ef7de.entry.js → p-61d87e64.entry.js} +2 -2
  241. package/dist/roadtrip/{p-a73ef7de.entry.js.map → p-61d87e64.entry.js.map} +1 -1
  242. package/dist/roadtrip/p-6ad5091d.entry.js +2 -0
  243. package/dist/roadtrip/p-6ad5091d.entry.js.map +1 -0
  244. package/dist/roadtrip/{p-2c132382.entry.js → p-72b3b34a.entry.js} +2 -2
  245. package/dist/roadtrip/p-72b3b34a.entry.js.map +1 -0
  246. package/dist/roadtrip/p-7a14e5b7.entry.js +2 -0
  247. package/dist/roadtrip/p-7a14e5b7.entry.js.map +1 -0
  248. package/dist/roadtrip/{p-c3c92152.entry.js → p-7f1d9286.entry.js} +2 -2
  249. package/dist/roadtrip/p-7f1d9286.entry.js.map +1 -0
  250. package/dist/roadtrip/p-9a929988.entry.js +2 -0
  251. package/dist/roadtrip/p-9a929988.entry.js.map +1 -0
  252. package/dist/roadtrip/{p-336aa5f6.entry.js → p-9ff79904.entry.js} +2 -2
  253. package/dist/roadtrip/{p-336aa5f6.entry.js.map → p-9ff79904.entry.js.map} +1 -1
  254. package/dist/roadtrip/p-a5eee655.entry.js +2 -0
  255. package/dist/roadtrip/{p-40daa53b.entry.js.map → p-a5eee655.entry.js.map} +1 -1
  256. package/dist/roadtrip/{p-73fe2357.js → p-ac7a8bca.js} +2 -2
  257. package/dist/roadtrip/{p-6177bb46.entry.js → p-b510e552.entry.js} +2 -2
  258. package/dist/roadtrip/{p-6177bb46.entry.js.map → p-b510e552.entry.js.map} +1 -1
  259. package/dist/roadtrip/{p-46cccafc.entry.js → p-c096723c.entry.js} +2 -2
  260. package/dist/roadtrip/{p-46cccafc.entry.js.map → p-c096723c.entry.js.map} +1 -1
  261. package/dist/roadtrip/p-c7866ae4.entry.js +2 -0
  262. package/dist/roadtrip/p-c7866ae4.entry.js.map +1 -0
  263. package/dist/roadtrip/p-cdefa79c.entry.js +2 -0
  264. package/dist/roadtrip/p-cdefa79c.entry.js.map +1 -0
  265. package/dist/roadtrip/{p-cbc00bfb.entry.js → p-cfc0a3a7.entry.js} +2 -2
  266. package/dist/roadtrip/p-dcbaee2f.entry.js +2 -0
  267. package/dist/roadtrip/p-dcbaee2f.entry.js.map +1 -0
  268. package/dist/roadtrip/{p-7048f786.entry.js → p-dcbb0d20.entry.js} +2 -2
  269. package/dist/roadtrip/p-dcbb0d20.entry.js.map +1 -0
  270. package/dist/roadtrip/{p-414a2791.entry.js → p-e8c9c816.entry.js} +2 -2
  271. package/dist/roadtrip/{p-f5cce766.entry.js → p-ebd19369.entry.js} +2 -2
  272. package/dist/roadtrip/{p-f5cce766.entry.js.map → p-ebd19369.entry.js.map} +1 -1
  273. package/dist/roadtrip/p-f7b4f1fa.entry.js +2 -0
  274. package/dist/roadtrip/p-f7b4f1fa.entry.js.map +1 -0
  275. package/dist/roadtrip/p-f90af0e1.entry.js +2 -0
  276. package/dist/roadtrip/p-f90af0e1.entry.js.map +1 -0
  277. package/dist/roadtrip/roadtrip.esm.js +1 -1
  278. package/dist/roadtrip/roadtrip.esm.js.map +1 -1
  279. package/dist/types/components/carousel/carousel.d.ts +1 -131
  280. package/dist/types/components/counter/counter.d.ts +1 -0
  281. package/dist/types/components/phone-number-input/phone-number-input.d.ts +1 -0
  282. package/dist/types/components/profil-dropdown/profil-dropdown.d.ts +2 -0
  283. package/dist/types/components/range/range.d.ts +3 -0
  284. package/dist/types/components/select-filter/select-filter.d.ts +16 -4
  285. package/dist/types/components.d.ts +4 -128
  286. package/hydrate/index.js +216 -175
  287. package/package.json +1 -1
  288. package/dist/roadtrip/p-1a761fc0.entry.js.map +0 -1
  289. package/dist/roadtrip/p-2b5974fc.entry.js +0 -2
  290. package/dist/roadtrip/p-2b5974fc.entry.js.map +0 -1
  291. package/dist/roadtrip/p-2c132382.entry.js.map +0 -1
  292. package/dist/roadtrip/p-2c8a6854.entry.js +0 -2
  293. package/dist/roadtrip/p-2c8a6854.entry.js.map +0 -1
  294. package/dist/roadtrip/p-2e25c08d.entry.js +0 -2
  295. package/dist/roadtrip/p-2e25c08d.entry.js.map +0 -1
  296. package/dist/roadtrip/p-33002e9d.entry.js +0 -2
  297. package/dist/roadtrip/p-33002e9d.entry.js.map +0 -1
  298. package/dist/roadtrip/p-372fcb4d.entry.js +0 -2
  299. package/dist/roadtrip/p-372fcb4d.entry.js.map +0 -1
  300. package/dist/roadtrip/p-40daa53b.entry.js +0 -2
  301. package/dist/roadtrip/p-4f47f4f7.entry.js.map +0 -1
  302. package/dist/roadtrip/p-5053b01a.entry.js +0 -2
  303. package/dist/roadtrip/p-5053b01a.entry.js.map +0 -1
  304. package/dist/roadtrip/p-7048f786.entry.js.map +0 -1
  305. package/dist/roadtrip/p-9bef58e1.entry.js +0 -2
  306. package/dist/roadtrip/p-9bef58e1.entry.js.map +0 -1
  307. package/dist/roadtrip/p-a44a569a.entry.js +0 -2
  308. package/dist/roadtrip/p-a44a569a.entry.js.map +0 -1
  309. package/dist/roadtrip/p-acbc0a14.entry.js +0 -2
  310. package/dist/roadtrip/p-acbc0a14.entry.js.map +0 -1
  311. package/dist/roadtrip/p-b2e7bfcb.entry.js +0 -2
  312. package/dist/roadtrip/p-b2e7bfcb.entry.js.map +0 -1
  313. package/dist/roadtrip/p-c3c92152.entry.js.map +0 -1
  314. package/dist/roadtrip/p-dcb280e3.entry.js.map +0 -1
  315. package/dist/roadtrip/p-e2149bdf.entry.js +0 -2
  316. package/dist/roadtrip/p-e2149bdf.entry.js.map +0 -1
  317. package/dist/roadtrip/p-ea28a425.entry.js.map +0 -1
  318. package/dist/roadtrip/p-ee7aaee5.entry.js +0 -2
  319. package/dist/roadtrip/p-ee7aaee5.entry.js.map +0 -1
  320. package/dist/roadtrip/p-faba450c.entry.js +0 -2
  321. package/dist/roadtrip/p-faba450c.entry.js.map +0 -1
  322. /package/dist/roadtrip/{p-82919e58.entry.js.map → p-16c934bc.entry.js.map} +0 -0
  323. /package/dist/roadtrip/{p-73fe2357.js.map → p-ac7a8bca.js.map} +0 -0
  324. /package/dist/roadtrip/{p-cbc00bfb.entry.js.map → p-cfc0a3a7.entry.js.map} +0 -0
  325. /package/dist/roadtrip/{p-414a2791.entry.js.map → p-e8c9c816.entry.js.map} +0 -0
package/hydrate/index.js CHANGED
@@ -5839,7 +5839,7 @@ if (window.applyFocusVisiblePolyfill == null) {
5839
5839
  Promise.resolve().then(function () { return focusVisible$1; });
5840
5840
  }
5841
5841
 
5842
- const accordionCss = "/*!@:host*/.sc-road-accordion-h{--accordion-header-border:1px;--content-margin:0 1rem 0.75rem;--content-padding:0.75rem 0 0;--header-padding:0.75rem 1rem;--icon-color:var(--road-icon);--max-height:none;display:block;margin-bottom:1rem}/*!@.accordion*/.accordion.sc-road-accordion{--max-height:none;overflow:hidden;font-family:var(--road-font, sans-serif);font-size:var(--road-body-small);line-height:1.5;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;transition:max-height 0.3s ease-in-out}/*!@.accordion.accordion-light*/.accordion.accordion-light.sc-road-accordion{border:0}/*!@.accordion[open]*/.accordion[open].sc-road-accordion{max-height:var(--max-height)}/*!@.accordion[open] .accordion-arrow*/.accordion[open].sc-road-accordion .accordion-arrow.sc-road-accordion{transform:rotate(-90deg)}/*!@.accordion[open] .accordion-content*/.accordion[open].sc-road-accordion .accordion-content.sc-road-accordion{padding:var(--content-padding);margin:var(--content-margin)}/*!@.accordion-light[open] .accordion-light-content*/.accordion-light[open].sc-road-accordion .accordion-light-content.sc-road-accordion{padding:0.75rem 0;margin:0 1rem 0.75rem}/*!@.accordion-light[open] .accordion-light-header::after*/.accordion-light[open].sc-road-accordion .accordion-light-header.sc-road-accordion::after{display:none}/*!@.accordion-trigger*/.accordion-trigger.sc-road-accordion{box-sizing:border-box;display:block;border:1px solid transparent;border-radius:0.25rem;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@.accordion-trigger::-webkit-details-marker*/.accordion-trigger.sc-road-accordion::-webkit-details-marker{display:none}/*!@.accordion-trigger.focus-visible*/.accordion-trigger.focus-visible.sc-road-accordion{border-color:var(--road-primary)}/*!@.accordion-trigger:active*/.accordion-trigger.sc-road-accordion:active{background:var(--road-surface-inverse)}/*!@.accordion-header*/.accordion-header.sc-road-accordion{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;padding:var(--header-padding);font-size:var(--road-body-medium);font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}/*!@.accordion-light-header*/.accordion-light-header.sc-road-accordion{position:relative;font-size:var(--road-body-large)}/*!@.accordion-light--small .accordion-light-header*/.accordion-light--small.sc-road-accordion .accordion-light-header.sc-road-accordion{font-size:var(--road-body-medium)}/*!@.accordion-light--border .accordion-light-header::after*/.accordion-light--border.sc-road-accordion .accordion-light-header.sc-road-accordion::after{position:absolute;bottom:1px;width:98.3%;height:1px;content:\"\";background:var(--road-outline-weak)}/*!@.accordion-arrow*/.accordion-arrow.sc-road-accordion{margin-left:auto;color:var(--icon-color);transform:rotate(90deg)}/*!@.accordion-light--small .accordion-arrow*/.accordion-light--small.sc-road-accordion .accordion-arrow.sc-road-accordion{width:1.5rem;height:1.5rem}/*!@::slotted([slot=\"header\"])*/.sc-road-accordion-s>[slot=\"header\"]{display:flex;align-items:center}/*!@:host(.accordion-icon-left)*/.accordion-icon-left.sc-road-accordion-h{width:1.5rem;height:1.5rem;margin-right:1rem}/*!@.accordion-content*/.accordion-content.sc-road-accordion{padding:0 0.5rem;margin:0 1rem;overflow:hidden;font-size:var(--road-body-medium);border-top:var(--accordion-header-border) solid var(--road-outline-weak)}/*!@.accordion-light-content*/.accordion-light-content.sc-road-accordion{border-top:1px solid var(--road-outline-weak)}/*!@.accordion-light--border .accordion-light-content*/.accordion-light--border.sc-road-accordion .accordion-light-content.sc-road-accordion{border-top:1px solid var(--road-outline-weak);border-bottom:1px solid var(--road-outline-weak)}";
5842
+ const accordionCss = "/*!@:host*/.sc-road-accordion-h{--accordion-header-border:1px;--content-margin:0 1rem 0.75rem;--content-padding:0.75rem 0 0;--header-padding:0.75rem 1rem;--icon-color:var(--road-icon);--max-height:none;display:block;margin-bottom:1rem}/*!@:host(.focus-visible)*/.focus-visible.sc-road-accordion-h{border:1px solid var(--road-primary)}/*!@.accordion*/.accordion.sc-road-accordion{--max-height:none;overflow:hidden;font-family:var(--road-font, sans-serif);font-size:var(--road-body-small);line-height:1.5;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;transition:max-height 0.3s ease-in-out}/*!@.accordion.accordion-light*/.accordion.accordion-light.sc-road-accordion{border:0}/*!@.accordion[open]*/.accordion[open].sc-road-accordion{max-height:var(--max-height)}/*!@.accordion[open] .accordion-arrow*/.accordion[open].sc-road-accordion .accordion-arrow.sc-road-accordion{transform:rotate(-90deg)}/*!@.accordion[open] .accordion-content*/.accordion[open].sc-road-accordion .accordion-content.sc-road-accordion{padding:var(--content-padding);margin:var(--content-margin)}/*!@.accordion-light[open] .accordion-light-content*/.accordion-light[open].sc-road-accordion .accordion-light-content.sc-road-accordion{padding:0.75rem 0;margin:0 1rem 0.75rem}/*!@.accordion-light[open] .accordion-light-header::after*/.accordion-light[open].sc-road-accordion .accordion-light-header.sc-road-accordion::after{display:none}/*!@.accordion-trigger*/.accordion-trigger.sc-road-accordion{box-sizing:border-box;display:block;border:1px solid transparent;border-radius:0.25rem;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@.accordion-trigger::-webkit-details-marker*/.accordion-trigger.sc-road-accordion::-webkit-details-marker{display:none}/*!@.accordion-trigger.focus-visible*/.accordion-trigger.focus-visible.sc-road-accordion{border-color:var(--road-primary)}/*!@.accordion-trigger:active*/.accordion-trigger.sc-road-accordion:active{background:var(--road-surface-inverse)}/*!@.accordion-header*/.accordion-header.sc-road-accordion{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;padding:var(--header-padding);font-size:var(--road-body-medium);font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}/*!@.accordion-light-header*/.accordion-light-header.sc-road-accordion{position:relative;font-size:var(--road-body-large)}/*!@.accordion-light--small .accordion-light-header*/.accordion-light--small.sc-road-accordion .accordion-light-header.sc-road-accordion{font-size:var(--road-body-medium)}/*!@.accordion-light--border .accordion-light-header::after*/.accordion-light--border.sc-road-accordion .accordion-light-header.sc-road-accordion::after{position:absolute;bottom:1px;width:98.3%;height:1px;content:\"\";background:var(--road-outline-weak)}/*!@.accordion-arrow*/.accordion-arrow.sc-road-accordion{margin-left:auto;color:var(--icon-color);transform:rotate(90deg)}/*!@.accordion-light--small .accordion-arrow*/.accordion-light--small.sc-road-accordion .accordion-arrow.sc-road-accordion{width:1.5rem;height:1.5rem}/*!@::slotted([slot=\"header\"])*/.sc-road-accordion-s>[slot=\"header\"]{display:flex;align-items:center}/*!@:host(.accordion-icon-left)*/.accordion-icon-left.sc-road-accordion-h{width:1.5rem;height:1.5rem;margin-right:1rem}/*!@.accordion-content*/.accordion-content.sc-road-accordion{padding:0 0.5rem;margin:0 1rem;overflow:hidden;font-size:var(--road-body-medium);border-top:var(--accordion-header-border) solid var(--road-outline-weak)}/*!@.accordion-light-content*/.accordion-light-content.sc-road-accordion{border-top:1px solid var(--road-outline-weak)}/*!@.accordion-light--border .accordion-light-content*/.accordion-light--border.sc-road-accordion .accordion-light-content.sc-road-accordion{border-top:1px solid var(--road-outline-weak);border-bottom:1px solid var(--road-outline-weak)}";
5843
5843
 
5844
5844
  /**
5845
5845
  * @slot header - Content of the header.
@@ -5957,7 +5957,7 @@ class Autocomplete {
5957
5957
  }
5958
5958
  render() {
5959
5959
  return (hAsync(Host, null, hAsync("slot", null), this.visible && this.options.length > 0 &&
5960
- hAsync("ul", { class: "autocomplete-list" }, this.options && this.options.map(option => (hAsync("li", { class: "autocomplete-item", role: "menuitem", onClick: () => this.onClick(option.value, option.label) }, option.label))))));
5960
+ hAsync("ul", { class: "autocomplete-list" }, this.options && this.options.map(option => (hAsync("li", { class: "autocomplete-item", role: "menuitem", onClick: () => this.onClick(option.value, option.label), tabindex: "0" }, option.label))))));
5961
5961
  }
5962
5962
  get el() { return getElement(this); }
5963
5963
  static get style() { return autocompleteCss; }
@@ -6059,7 +6059,7 @@ class Banner {
6059
6059
  }
6060
6060
  render() {
6061
6061
  const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
6062
- return (hAsync(Host, { class: bannerIsOpenClass }, hAsync("div", null, hAsync("span", { class: "banner-open-label" }, this.label), this.link && hAsync("a", { href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { type: "button", class: "banner-close", onClick: this.onClick }, hAsync("road-icon", { icon: navigationClose, size: "md" })))));
6062
+ return (hAsync(Host, { class: bannerIsOpenClass }, hAsync("div", null, hAsync("span", { class: "banner-open-label" }, this.label), this.link && hAsync("a", { href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { icon: navigationClose, size: "md" })))));
6063
6063
  }
6064
6064
  static get style() { return bannerCss; }
6065
6065
  static get cmpMeta() { return {
@@ -6173,7 +6173,7 @@ class Button$1 {
6173
6173
  }; }
6174
6174
  }
6175
6175
 
6176
- const buttonFloatingCss = "/*!@:host*/.sc-road-button-floating-h{position:fixed;right:1rem;bottom:1rem;z-index:2;box-sizing:border-box;display:block;align-items:center;max-width:3.5rem;height:3.5rem;padding:0.6rem 0.75rem 0.75rem;overflow:hidden;font-family:var(--road-font, sans-serif);font-size:var(--road-button-medium);font-weight:700;line-height:1.375;color:var(--road-on-button-fab);text-decoration:none;white-space:nowrap;background:var(--road-button-fab);border:1px solid transparent;border-radius:2rem;box-shadow:var(--road-elevation-average);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@:host(.position-left)*/.position-left.sc-road-button-floating-h{right:auto;left:1rem}/*!@:host(.position-center)*/.position-center.sc-road-button-floating-h{right:0;left:0;margin:0 auto}/*!@:host(.scroll-up)*/.scroll-up.sc-road-button-floating-h{display:block;max-width:3.5rem}/*!@:host(.position-center.scroll-up)*/.position-center.scroll-up.sc-road-button-floating-h{display:flex;max-width:max-content}/*!@:host(.scroll-down) .button-native*/.scroll-down.sc-road-button-floating-h .button-native.sc-road-button-floating{display:flex}/*!@:host(.position-center.scroll-down) .button-native*/.position-center.scroll-down.sc-road-button-floating-h .button-native.sc-road-button-floating{display:flex}/*!@:host(.position-center) .button-native*/.position-center.sc-road-button-floating-h .button-native.sc-road-button-floating{display:flex}/*!@:host(.scroll-down)*/.scroll-down.sc-road-button-floating-h{display:flex;max-width:max-content}/*!@:host ::slotted(road-icon)*/.sc-road-button-floating-h .sc-road-button-floating-s>road-icon{margin-right:0.5rem;color:var(--road-on-button-secondary)}/*!@:host(:hover)*/.sc-road-button-floating-h:hover{background-color:var(--road-button-fab-variant)}/*!@:host(.focus-visible)*/.focus-visible.sc-road-button-floating-h{outline:0}/*!@.button-native*/.button-native.sc-road-button-floating{position:relative;z-index:1;align-items:center;justify-content:center;width:100%;height:100%;padding:0;margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@:host([aria-disabled])*/[aria-disabled].sc-road-button-floating-h{pointer-events:none;opacity:0.16}/*!@.button-native:disabled*/.button-native.sc-road-button-floating:disabled{cursor:not-allowed}";
6176
+ const buttonFloatingCss = "/*!@:host*/.sc-road-button-floating-h{position:fixed;right:1rem;bottom:1rem;z-index:2;box-sizing:border-box;display:block;align-items:center;max-width:3.5rem;height:3.5rem;padding:0.6rem 0.75rem 0.75rem;overflow:hidden;font-family:var(--road-font, sans-serif);font-size:var(--road-button-medium);font-weight:700;line-height:1.375;color:var(--road-on-button-fab);text-decoration:none;white-space:nowrap;background:var(--road-button-fab);border:1px solid transparent;border-radius:2rem;box-shadow:var(--road-elevation-average);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@:host(.position-left)*/.position-left.sc-road-button-floating-h{right:auto;left:1rem}/*!@:host(.position-center)*/.position-center.sc-road-button-floating-h{right:0;left:0;margin:0 auto}/*!@:host(.scroll-up)*/.scroll-up.sc-road-button-floating-h{display:block;max-width:3.5rem}/*!@:host(.position-center.scroll-up)*/.position-center.scroll-up.sc-road-button-floating-h{display:flex;max-width:max-content}/*!@:host(.scroll-down) .button-native*/.scroll-down.sc-road-button-floating-h .button-native.sc-road-button-floating{display:flex}/*!@:host(.position-center.scroll-down) .button-native*/.position-center.scroll-down.sc-road-button-floating-h .button-native.sc-road-button-floating{display:flex}/*!@:host(.position-center) .button-native*/.position-center.sc-road-button-floating-h .button-native.sc-road-button-floating{display:flex}/*!@:host(.scroll-down)*/.scroll-down.sc-road-button-floating-h{display:flex;max-width:max-content}/*!@:host ::slotted(road-icon)*/.sc-road-button-floating-h .sc-road-button-floating-s>road-icon{margin-right:0.5rem;color:var(--road-on-button-secondary)}/*!@:host(:hover)*/.sc-road-button-floating-h:hover{background-color:var(--road-button-fab-variant)}/*!@.button-native*/.button-native.sc-road-button-floating{position:relative;z-index:1;align-items:center;justify-content:center;width:100%;height:100%;padding:0;margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@:host([aria-disabled])*/[aria-disabled].sc-road-button-floating-h{pointer-events:none;opacity:0.16}/*!@.button-native:disabled*/.button-native.sc-road-button-floating:disabled{cursor:not-allowed}";
6177
6177
 
6178
6178
  /**
6179
6179
  * @slot - Content of the button.
@@ -6295,7 +6295,7 @@ class ButtonBar {
6295
6295
  }; }
6296
6296
  }
6297
6297
 
6298
- const cardCss = "/*!@:host*/.sc-road-card-h{position:relative;box-sizing:border-box;display:block;margin-bottom:var(--margin-bottom, 1rem);background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:var(--road-spacing-02)}/*!@:host(.card-elevation-none)*/.card-elevation-none.sc-road-card-h{box-shadow:none}/*!@:host(.card-elevation-lowest)*/.card-elevation-lowest.sc-road-card-h{box-shadow:var(--road-elevation-lowest)}/*!@:host(.card-elevation-average)*/.card-elevation-average.sc-road-card-h{box-shadow:var(--road-elevation-average)}/*!@.card-native*/.card-native.sc-road-card{box-sizing:border-box;display:block;width:100%;height:100%;padding:var(--road-spacing-06);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:center;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;background:var(--road-surface);border:0;border-radius:0.25rem;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@a,\nbutton*/a.sc-road-card,button.sc-road-card{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}/*!@::slotted(road-icon)*/.sc-road-card-s>road-icon{text-align:center}";
6298
+ const cardCss = "/*!@:host*/.sc-road-card-h{position:relative;box-sizing:border-box;display:block;margin-bottom:var(--margin-bottom, 1rem);background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:var(--road-spacing-02)}/*!@:host(.card-elevation-none)*/.card-elevation-none.sc-road-card-h{box-shadow:none}/*!@:host(.card-elevation-lowest)*/.card-elevation-lowest.sc-road-card-h{box-shadow:var(--road-elevation-lowest)}/*!@:host(.card-elevation-average)*/.card-elevation-average.sc-road-card-h{box-shadow:var(--road-elevation-average)}/*!@.card-native*/.card-native.sc-road-card{box-sizing:border-box;display:block;width:100%;height:100%;padding:var(--road-spacing-06);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:center;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;background:var(--road-surface);border:0;border-radius:0.25rem;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@.card-native:focus*/.card-native.sc-road-card:focus{border:1px solid var(--road-primary)}/*!@a,\nbutton*/a.sc-road-card,button.sc-road-card{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}/*!@::slotted(road-icon)*/.sc-road-card-s>road-icon{text-align:center}";
6299
6299
 
6300
6300
  /**
6301
6301
  * @slot - Content of the card.
@@ -12808,12 +12808,9 @@ function Autoplay({
12808
12808
  });
12809
12809
  }
12810
12810
 
12811
- const carouselCss = "@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}/*!@:root*/.sc-road-carousel:root{--swiper-theme-color:#007aff}/*!@.swiper*/.swiper.sc-road-carousel{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}/*!@.swiper-vertical>.swiper-wrapper*/.swiper-vertical.sc-road-carousel>.swiper-wrapper.sc-road-carousel{flex-direction:column}/*!@.swiper-wrapper*/.swiper-wrapper.sc-road-carousel{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}/*!@.swiper-android .swiper-slide,.swiper-wrapper*/.swiper-android.sc-road-carousel .swiper-slide.sc-road-carousel,.swiper-wrapper.sc-road-carousel{transform:translate3d(0px,0,0)}/*!@.swiper-pointer-events*/.swiper-pointer-events.sc-road-carousel{touch-action:pan-y}/*!@.swiper-pointer-events.swiper-vertical*/.swiper-pointer-events.swiper-vertical.sc-road-carousel{touch-action:pan-x}/*!@.swiper-slide*/.swiper-slide.sc-road-carousel{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}/*!@.swiper-slide-invisible-blank*/.swiper-slide-invisible-blank.sc-road-carousel{visibility:hidden}/*!@.swiper-autoheight,.swiper-autoheight .swiper-slide*/.swiper-autoheight.sc-road-carousel,.swiper-autoheight.sc-road-carousel .swiper-slide.sc-road-carousel{height:auto}/*!@.swiper-autoheight .swiper-wrapper*/.swiper-autoheight.sc-road-carousel .swiper-wrapper.sc-road-carousel{align-items:flex-start;transition-property:transform,height}/*!@.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper*/.swiper-3d.sc-road-carousel,.swiper-3d.swiper-css-mode.sc-road-carousel .swiper-wrapper.sc-road-carousel{perspective:1200px}/*!@.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper*/.swiper-3d.sc-road-carousel .swiper-cube-shadow.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-bottom.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-left.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-right.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-top.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-wrapper.sc-road-carousel{transform-style:preserve-3d}/*!@.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top*/.swiper-3d.sc-road-carousel .swiper-slide-shadow.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-bottom.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-left.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-right.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-top.sc-road-carousel{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}/*!@.swiper-3d .swiper-slide-shadow*/.swiper-3d.sc-road-carousel .swiper-slide-shadow.sc-road-carousel{background:rgba(0,0,0,.15)}/*!@.swiper-3d .swiper-slide-shadow-left*/.swiper-3d.sc-road-carousel .swiper-slide-shadow-left.sc-road-carousel{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}/*!@.swiper-3d .swiper-slide-shadow-right*/.swiper-3d.sc-road-carousel .swiper-slide-shadow-right.sc-road-carousel{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}/*!@.swiper-3d .swiper-slide-shadow-top*/.swiper-3d.sc-road-carousel .swiper-slide-shadow-top.sc-road-carousel{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}/*!@.swiper-3d .swiper-slide-shadow-bottom*/.swiper-3d.sc-road-carousel .swiper-slide-shadow-bottom.sc-road-carousel{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}/*!@.swiper-css-mode>.swiper-wrapper*/.swiper-css-mode.sc-road-carousel>.swiper-wrapper.sc-road-carousel{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}/*!@.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar*/.swiper-css-mode.sc-road-carousel>.swiper-wrapper.sc-road-carousel::-webkit-scrollbar{display:none}/*!@.swiper-css-mode>.swiper-wrapper>.swiper-slide*/.swiper-css-mode.sc-road-carousel>.swiper-wrapper.sc-road-carousel>.swiper-slide.sc-road-carousel{scroll-snap-align:start start}/*!@.swiper-horizontal.swiper-css-mode>.swiper-wrapper*/.swiper-horizontal.swiper-css-mode.sc-road-carousel>.swiper-wrapper.sc-road-carousel{scroll-snap-type:x mandatory}/*!@.swiper-vertical.swiper-css-mode>.swiper-wrapper*/.swiper-vertical.swiper-css-mode.sc-road-carousel>.swiper-wrapper.sc-road-carousel{scroll-snap-type:y mandatory}/*!@.swiper-centered>.swiper-wrapper::before*/.swiper-centered.sc-road-carousel>.swiper-wrapper.sc-road-carousel::before{content:'';flex-shrink:0;order:9999}/*!@.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child*/.swiper-centered.swiper-horizontal.sc-road-carousel>.swiper-wrapper.sc-road-carousel>.swiper-slide.sc-road-carousel:first-child{margin-inline-start:var(--swiper-centered-offset-before)}/*!@.swiper-centered.swiper-horizontal>.swiper-wrapper::before*/.swiper-centered.swiper-horizontal.sc-road-carousel>.swiper-wrapper.sc-road-carousel::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}/*!@.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child*/.swiper-centered.swiper-vertical.sc-road-carousel>.swiper-wrapper.sc-road-carousel>.swiper-slide.sc-road-carousel:first-child{margin-block-start:var(--swiper-centered-offset-before)}/*!@.swiper-centered.swiper-vertical>.swiper-wrapper::before*/.swiper-centered.swiper-vertical.sc-road-carousel>.swiper-wrapper.sc-road-carousel::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}/*!@.swiper-centered>.swiper-wrapper>.swiper-slide*/.swiper-centered.sc-road-carousel>.swiper-wrapper.sc-road-carousel>.swiper-slide.sc-road-carousel{scroll-snap-align:center center}/*!@.swiper-virtual.swiper-css-mode .swiper-wrapper::after*/.swiper-virtual.swiper-css-mode.sc-road-carousel .swiper-wrapper.sc-road-carousel::after{content:'';position:absolute;left:0;top:0;pointer-events:none}/*!@.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after*/.swiper-virtual.swiper-css-mode.swiper-horizontal.sc-road-carousel .swiper-wrapper.sc-road-carousel::after{height:1px;width:var(--swiper-virtual-size)}/*!@.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after*/.swiper-virtual.swiper-css-mode.swiper-vertical.sc-road-carousel .swiper-wrapper.sc-road-carousel::after{width:1px;height:var(--swiper-virtual-size)}/*!@:root*/.sc-road-carousel:root{--swiper-navigation-size:44px}/*!@.swiper-button-next,.swiper-button-prev*/.swiper-button-next.sc-road-carousel,.swiper-button-prev.sc-road-carousel{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}/*!@.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled*/.swiper-button-next.swiper-button-disabled.sc-road-carousel,.swiper-button-prev.swiper-button-disabled.sc-road-carousel{opacity:.35;cursor:auto;pointer-events:none}/*!@.swiper-button-next:after,.swiper-button-prev:after*/.swiper-button-next.sc-road-carousel:after,.swiper-button-prev.sc-road-carousel:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}/*!@.swiper-button-prev,.swiper-rtl .swiper-button-next*/.swiper-button-prev.sc-road-carousel,.swiper-rtl.sc-road-carousel .swiper-button-next.sc-road-carousel{left:10px;right:auto}/*!@.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after*/.swiper-button-prev.sc-road-carousel:after,.swiper-rtl.sc-road-carousel .swiper-button-next.sc-road-carousel:after{content:'prev'}/*!@.swiper-button-next,.swiper-rtl .swiper-button-prev*/.swiper-button-next.sc-road-carousel,.swiper-rtl.sc-road-carousel .swiper-button-prev.sc-road-carousel{right:10px;left:auto}/*!@.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after*/.swiper-button-next.sc-road-carousel:after,.swiper-rtl.sc-road-carousel .swiper-button-prev.sc-road-carousel:after{content:'next'}/*!@.swiper-button-lock*/.swiper-button-lock.sc-road-carousel{display:none}/*!@.swiper-pagination*/.swiper-pagination.sc-road-carousel{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}/*!@.swiper-pagination.swiper-pagination-hidden*/.swiper-pagination.swiper-pagination-hidden.sc-road-carousel{opacity:0}/*!@.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction*/.swiper-horizontal.sc-road-carousel>.swiper-pagination-bullets.sc-road-carousel,.swiper-pagination-bullets.swiper-pagination-horizontal.sc-road-carousel,.swiper-pagination-custom.sc-road-carousel,.swiper-pagination-fraction.sc-road-carousel{bottom:10px;left:0;width:100%}/*!@.swiper-pagination-bullets-dynamic*/.swiper-pagination-bullets-dynamic.sc-road-carousel{overflow:hidden;font-size:0}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{transform:scale(.33);position:relative}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet-active.sc-road-carousel{transform:scale(1)}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet-active-main.sc-road-carousel{transform:scale(1)}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet-active-prev.sc-road-carousel{transform:scale(.66)}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet-active-prev-prev.sc-road-carousel{transform:scale(.33)}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet-active-next.sc-road-carousel{transform:scale(.66)}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet-active-next-next.sc-road-carousel{transform:scale(.33)}/*!@.swiper-pagination-bullet*/.swiper-pagination-bullet.sc-road-carousel{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}/*!@button.swiper-pagination-bullet*/button.swiper-pagination-bullet.sc-road-carousel{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}/*!@.swiper-pagination-clickable .swiper-pagination-bullet*/.swiper-pagination-clickable.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{cursor:pointer}/*!@.swiper-pagination-bullet:only-child*/.swiper-pagination-bullet.sc-road-carousel:only-child{display:none!important}/*!@.swiper-pagination-bullet-active*/.swiper-pagination-bullet-active.sc-road-carousel{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}/*!@.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets*/.swiper-pagination-vertical.swiper-pagination-bullets.sc-road-carousel,.swiper-vertical.sc-road-carousel>.swiper-pagination-bullets.sc-road-carousel{right:10px;top:50%;transform:translate3d(0px,-50%,0)}/*!@.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet*/.swiper-pagination-vertical.swiper-pagination-bullets.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel,.swiper-vertical.sc-road-carousel>.swiper-pagination-bullets.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}/*!@.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic*/.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel,.swiper-vertical.sc-road-carousel>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel{top:50%;transform:translateY(-50%);width:8px}/*!@.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet*/.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel,.swiper-vertical.sc-road-carousel>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{display:inline-block;transition:.2s transform,.2s top}/*!@.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet*/.swiper-horizontal.sc-road-carousel>.swiper-pagination-bullets.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel,.swiper-pagination-horizontal.swiper-pagination-bullets.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}/*!@.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic*/.swiper-horizontal.sc-road-carousel>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel{left:50%;transform:translateX(-50%);white-space:nowrap}/*!@.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet*/.swiper-horizontal.sc-road-carousel>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{transition:.2s transform,.2s left}/*!@.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet*/.swiper-horizontal.swiper-rtl.sc-road-carousel>.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{transition:.2s transform,.2s right}/*!@.swiper-pagination-progressbar*/.swiper-pagination-progressbar.sc-road-carousel{background:rgba(0,0,0,.25);position:absolute}/*!@.swiper-pagination-progressbar .swiper-pagination-progressbar-fill*/.swiper-pagination-progressbar.sc-road-carousel .swiper-pagination-progressbar-fill.sc-road-carousel{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}/*!@.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill*/.swiper-rtl.sc-road-carousel .swiper-pagination-progressbar.sc-road-carousel .swiper-pagination-progressbar-fill.sc-road-carousel{transform-origin:right top}/*!@.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite*/.swiper-horizontal.sc-road-carousel>.swiper-pagination-progressbar.sc-road-carousel,.swiper-pagination-progressbar.swiper-pagination-horizontal.sc-road-carousel,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite.sc-road-carousel,.swiper-vertical.sc-road-carousel>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-road-carousel{width:100%;height:4px;left:0;top:0}/*!@.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar*/.swiper-horizontal.sc-road-carousel>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-road-carousel,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite.sc-road-carousel,.swiper-pagination-progressbar.swiper-pagination-vertical.sc-road-carousel,.swiper-vertical.sc-road-carousel>.swiper-pagination-progressbar.sc-road-carousel{width:4px;height:100%;left:0;top:0}/*!@.swiper-pagination-lock*/.swiper-pagination-lock.sc-road-carousel{display:none}/*!@.swiper-scrollbar*/.swiper-scrollbar.sc-road-carousel{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}/*!@.swiper-horizontal>.swiper-scrollbar*/.swiper-horizontal.sc-road-carousel>.swiper-scrollbar.sc-road-carousel{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}/*!@.swiper-vertical>.swiper-scrollbar*/.swiper-vertical.sc-road-carousel>.swiper-scrollbar.sc-road-carousel{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}/*!@.swiper-scrollbar-drag*/.swiper-scrollbar-drag.sc-road-carousel{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}/*!@.swiper-scrollbar-cursor-drag*/.swiper-scrollbar-cursor-drag.sc-road-carousel{cursor:move}/*!@.swiper-scrollbar-lock*/.swiper-scrollbar-lock.sc-road-carousel{display:none}/*!@.swiper-zoom-container*/.swiper-zoom-container.sc-road-carousel{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}/*!@.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg*/.swiper-zoom-container.sc-road-carousel>canvas.sc-road-carousel,.swiper-zoom-container.sc-road-carousel>img.sc-road-carousel,.swiper-zoom-container.sc-road-carousel>svg.sc-road-carousel{max-width:100%;max-height:100%;object-fit:contain}/*!@.swiper-slide-zoomed*/.swiper-slide-zoomed.sc-road-carousel{cursor:move}/*!@.swiper-lazy-preloader*/.swiper-lazy-preloader.sc-road-carousel{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}/*!@.swiper-lazy-preloader-white*/.swiper-lazy-preloader-white.sc-road-carousel{--swiper-preloader-color:#fff}/*!@.swiper-lazy-preloader-black*/.swiper-lazy-preloader-black.sc-road-carousel{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}/*!@.swiper .swiper-notification*/.swiper.sc-road-carousel .swiper-notification.sc-road-carousel{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}/*!@.swiper-free-mode>.swiper-wrapper*/.swiper-free-mode.sc-road-carousel>.swiper-wrapper.sc-road-carousel{transition-timing-function:ease-out;margin:0 auto}/*!@.swiper-grid>.swiper-wrapper*/.swiper-grid.sc-road-carousel>.swiper-wrapper.sc-road-carousel{flex-wrap:wrap}/*!@.swiper-grid-column>.swiper-wrapper*/.swiper-grid-column.sc-road-carousel>.swiper-wrapper.sc-road-carousel{flex-wrap:wrap;flex-direction:column}/*!@.swiper-fade.swiper-free-mode .swiper-slide*/.swiper-fade.swiper-free-mode.sc-road-carousel .swiper-slide.sc-road-carousel{transition-timing-function:ease-out}/*!@.swiper-fade .swiper-slide*/.swiper-fade.sc-road-carousel .swiper-slide.sc-road-carousel{pointer-events:none;transition-property:opacity}/*!@.swiper-fade .swiper-slide .swiper-slide*/.swiper-fade.sc-road-carousel .swiper-slide.sc-road-carousel .swiper-slide.sc-road-carousel{pointer-events:none}/*!@.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active*/.swiper-fade.sc-road-carousel .swiper-slide-active.sc-road-carousel,.swiper-fade.sc-road-carousel .swiper-slide-active.sc-road-carousel .swiper-slide-active.sc-road-carousel{pointer-events:auto}/*!@.swiper-cube*/.swiper-cube.sc-road-carousel{overflow:visible}/*!@.swiper-cube .swiper-slide*/.swiper-cube.sc-road-carousel .swiper-slide.sc-road-carousel{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}/*!@.swiper-cube .swiper-slide .swiper-slide*/.swiper-cube.sc-road-carousel .swiper-slide.sc-road-carousel .swiper-slide.sc-road-carousel{pointer-events:none}/*!@.swiper-cube.swiper-rtl .swiper-slide*/.swiper-cube.swiper-rtl.sc-road-carousel .swiper-slide.sc-road-carousel{transform-origin:100% 0}/*!@.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active*/.swiper-cube.sc-road-carousel .swiper-slide-active.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-active.sc-road-carousel .swiper-slide-active.sc-road-carousel{pointer-events:auto}/*!@.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev*/.swiper-cube.sc-road-carousel .swiper-slide-active.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-next.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-next.sc-road-carousel+.swiper-slide.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-prev.sc-road-carousel{pointer-events:auto;visibility:visible}/*!@.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top*/.swiper-cube.sc-road-carousel .swiper-slide-shadow-bottom.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-shadow-left.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-shadow-right.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-shadow-top.sc-road-carousel{z-index:0;backface-visibility:hidden}/*!@.swiper-cube .swiper-cube-shadow*/.swiper-cube.sc-road-carousel .swiper-cube-shadow.sc-road-carousel{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}/*!@.swiper-cube .swiper-cube-shadow:before*/.swiper-cube.sc-road-carousel .swiper-cube-shadow.sc-road-carousel:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}/*!@.swiper-flip*/.swiper-flip.sc-road-carousel{overflow:visible}/*!@.swiper-flip .swiper-slide*/.swiper-flip.sc-road-carousel .swiper-slide.sc-road-carousel{pointer-events:none;backface-visibility:hidden;z-index:1}/*!@.swiper-flip .swiper-slide .swiper-slide*/.swiper-flip.sc-road-carousel .swiper-slide.sc-road-carousel .swiper-slide.sc-road-carousel{pointer-events:none}/*!@.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active*/.swiper-flip.sc-road-carousel .swiper-slide-active.sc-road-carousel,.swiper-flip.sc-road-carousel .swiper-slide-active.sc-road-carousel .swiper-slide-active.sc-road-carousel{pointer-events:auto}/*!@.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top*/.swiper-flip.sc-road-carousel .swiper-slide-shadow-bottom.sc-road-carousel,.swiper-flip.sc-road-carousel .swiper-slide-shadow-left.sc-road-carousel,.swiper-flip.sc-road-carousel .swiper-slide-shadow-right.sc-road-carousel,.swiper-flip.sc-road-carousel .swiper-slide-shadow-top.sc-road-carousel{z-index:0;backface-visibility:hidden}/*!@.swiper-creative .swiper-slide*/.swiper-creative.sc-road-carousel .swiper-slide.sc-road-carousel{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}/*!@.swiper-cards*/.swiper-cards.sc-road-carousel{overflow:visible}/*!@.swiper-cards .swiper-slide*/.swiper-cards.sc-road-carousel .swiper-slide.sc-road-carousel{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}/*!@:host(.swiper-container)*/.swiper-container.sc-road-carousel-h{display:block;-webkit-user-select:none;user-select:none;position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}/*!@:host(.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet),\n:host(.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet)*/.swiper-horizontal.sc-road-carousel-h>.swiper-pagination-bullets.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel,.swiper-pagination-horizontal.swiper-pagination-bullets.sc-road-carousel-h .swiper-pagination-bullet.sc-road-carousel{margin:0 0.125rem}/*!@:host(.swiper-container-horizontal > .swiper-pagination-bullets)*/.swiper-container-horizontal.sc-road-carousel-h>.swiper-pagination-bullets.sc-road-carousel{bottom:0.5rem}/*!@.swiper-pagination-bullets*/.swiper-pagination-bullets.sc-road-carousel{right:0;display:inline-table;width:auto!important;padding:0 0.75rem;margin:0 auto;vertical-align:middle;background-color:var(--road-overlay-inverse);border-radius:40px}/*!@.swiper-pagination-bullet*/.swiper-pagination-bullet.sc-road-carousel{width:1.5rem;height:0.25rem;vertical-align:middle;background:var(--road-overlay);border-radius:0}/*!@.swiper-pagination-bullet-active*/.swiper-pagination-bullet-active.sc-road-carousel{background:var(--road-on-surface)}/*!@:host(.swiper-pagination-progressbar)*/.swiper-pagination-progressbar.sc-road-carousel-h{background:var(--road-grey-70)}/*!@:host(.swiper-pagination-progressbar) .swiper-pagination-progressbar-fill*/.swiper-pagination-progressbar.sc-road-carousel-h .swiper-pagination-progressbar-fill.sc-road-carousel{background:var(--road-grey-10)}/*!@:host(.swiper-scrollbar)*/.swiper-scrollbar.sc-road-carousel-h{background:var(--road-grey-70)}/*!@:host(.swiper-scrollbar-drag)*/.swiper-scrollbar-drag.sc-road-carousel-h{background:var(--road-grey-10)}/*!@.swiper-button-prev,\n.swiper-button-next*/.swiper-button-prev.sc-road-carousel,.swiper-button-next.sc-road-carousel{display:none}@media (min-width: 768px){/*!@.swiper-button-prev,\n.swiper-button-next*/.swiper-button-prev.sc-road-carousel,.swiper-button-next.sc-road-carousel{display:flex;width:3rem;height:3rem;background:var(--road-overlay);border:1px solid var(--road-overlay-inverse);border-radius:3rem}/*!@.swiper-button-prev road-icon,\n.swiper-button-next road-icon*/.swiper-button-prev.sc-road-carousel road-icon.sc-road-carousel,.swiper-button-next.sc-road-carousel road-icon.sc-road-carousel{color:var(--road-on-overlay)}}/*!@.swiper-button-prev::after,\n.swiper-button-next::after*/.swiper-button-prev.sc-road-carousel::after,.swiper-button-next.sc-road-carousel::after{display:none}@media (hover: hover){/*!@.swiper-button-prev:hover,\n.swiper-button-next:hover*/.swiper-button-prev.sc-road-carousel:hover,.swiper-button-next.sc-road-carousel:hover{background:var(--road-surface)}/*!@.swiper-button-prev:hover road-icon,\n.swiper-button-next:hover road-icon*/.swiper-button-prev.sc-road-carousel:hover road-icon.sc-road-carousel,.swiper-button-next.sc-road-carousel:hover road-icon.sc-road-carousel{color:var(--road-on-surface)}}/*!@.swiper-button-prev,\n.swiper-container-rtl .swiper-button-next*/.swiper-button-prev.sc-road-carousel,.swiper-container-rtl.sc-road-carousel .swiper-button-next.sc-road-carousel{left:1rem}/*!@.swiper-button-next,\n.swiper-container-rtl .swiper-button-prev*/.swiper-button-next.sc-road-carousel,.swiper-container-rtl.sc-road-carousel .swiper-button-prev.sc-road-carousel{right:1rem}@media (min-width: 768px){/*!@.swiper-button-prev,\n .swiper-container-rtl .swiper-button-next*/.swiper-button-prev.sc-road-carousel,.swiper-container-rtl.sc-road-carousel .swiper-button-next.sc-road-carousel{left:1.5rem}/*!@.swiper-button-next,\n .swiper-container-rtl .swiper-button-prev*/.swiper-button-next.sc-road-carousel,.swiper-container-rtl.sc-road-carousel .swiper-button-prev.sc-road-carousel{right:1.5rem}}";
12811
+ const carouselCss = "@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}/*!@:root*/.sc-road-carousel:root{--swiper-theme-color:#007aff}/*!@.swiper*/.swiper.sc-road-carousel{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}/*!@.swiper-vertical>.swiper-wrapper*/.swiper-vertical.sc-road-carousel>.swiper-wrapper.sc-road-carousel{flex-direction:column}/*!@.swiper-wrapper*/.swiper-wrapper.sc-road-carousel{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}/*!@.swiper-android .swiper-slide,.swiper-wrapper*/.swiper-android.sc-road-carousel .swiper-slide.sc-road-carousel,.swiper-wrapper.sc-road-carousel{transform:translate3d(0px,0,0)}/*!@.swiper-pointer-events*/.swiper-pointer-events.sc-road-carousel{touch-action:pan-y}/*!@.swiper-pointer-events.swiper-vertical*/.swiper-pointer-events.swiper-vertical.sc-road-carousel{touch-action:pan-x}/*!@.swiper-slide*/.swiper-slide.sc-road-carousel{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}/*!@.swiper-slide-invisible-blank*/.swiper-slide-invisible-blank.sc-road-carousel{visibility:hidden}/*!@.swiper-autoheight,.swiper-autoheight .swiper-slide*/.swiper-autoheight.sc-road-carousel,.swiper-autoheight.sc-road-carousel .swiper-slide.sc-road-carousel{height:auto}/*!@.swiper-autoheight .swiper-wrapper*/.swiper-autoheight.sc-road-carousel .swiper-wrapper.sc-road-carousel{align-items:flex-start;transition-property:transform,height}/*!@.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper*/.swiper-3d.sc-road-carousel,.swiper-3d.swiper-css-mode.sc-road-carousel .swiper-wrapper.sc-road-carousel{perspective:1200px}/*!@.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper*/.swiper-3d.sc-road-carousel .swiper-cube-shadow.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-bottom.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-left.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-right.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-top.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-wrapper.sc-road-carousel{transform-style:preserve-3d}/*!@.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top*/.swiper-3d.sc-road-carousel .swiper-slide-shadow.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-bottom.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-left.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-right.sc-road-carousel,.swiper-3d.sc-road-carousel .swiper-slide-shadow-top.sc-road-carousel{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}/*!@.swiper-3d .swiper-slide-shadow*/.swiper-3d.sc-road-carousel .swiper-slide-shadow.sc-road-carousel{background:rgba(0,0,0,.15)}/*!@.swiper-3d .swiper-slide-shadow-left*/.swiper-3d.sc-road-carousel .swiper-slide-shadow-left.sc-road-carousel{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}/*!@.swiper-3d .swiper-slide-shadow-right*/.swiper-3d.sc-road-carousel .swiper-slide-shadow-right.sc-road-carousel{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}/*!@.swiper-3d .swiper-slide-shadow-top*/.swiper-3d.sc-road-carousel .swiper-slide-shadow-top.sc-road-carousel{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}/*!@.swiper-3d .swiper-slide-shadow-bottom*/.swiper-3d.sc-road-carousel .swiper-slide-shadow-bottom.sc-road-carousel{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}/*!@.swiper-css-mode>.swiper-wrapper*/.swiper-css-mode.sc-road-carousel>.swiper-wrapper.sc-road-carousel{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}/*!@.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar*/.swiper-css-mode.sc-road-carousel>.swiper-wrapper.sc-road-carousel::-webkit-scrollbar{display:none}/*!@.swiper-css-mode>.swiper-wrapper>.swiper-slide*/.swiper-css-mode.sc-road-carousel>.swiper-wrapper.sc-road-carousel>.swiper-slide.sc-road-carousel{scroll-snap-align:start start}/*!@.swiper-horizontal.swiper-css-mode>.swiper-wrapper*/.swiper-horizontal.swiper-css-mode.sc-road-carousel>.swiper-wrapper.sc-road-carousel{scroll-snap-type:x mandatory}/*!@.swiper-vertical.swiper-css-mode>.swiper-wrapper*/.swiper-vertical.swiper-css-mode.sc-road-carousel>.swiper-wrapper.sc-road-carousel{scroll-snap-type:y mandatory}/*!@.swiper-centered>.swiper-wrapper::before*/.swiper-centered.sc-road-carousel>.swiper-wrapper.sc-road-carousel::before{content:'';flex-shrink:0;order:9999}/*!@.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child*/.swiper-centered.swiper-horizontal.sc-road-carousel>.swiper-wrapper.sc-road-carousel>.swiper-slide.sc-road-carousel:first-child{margin-inline-start:var(--swiper-centered-offset-before)}/*!@.swiper-centered.swiper-horizontal>.swiper-wrapper::before*/.swiper-centered.swiper-horizontal.sc-road-carousel>.swiper-wrapper.sc-road-carousel::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}/*!@.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child*/.swiper-centered.swiper-vertical.sc-road-carousel>.swiper-wrapper.sc-road-carousel>.swiper-slide.sc-road-carousel:first-child{margin-block-start:var(--swiper-centered-offset-before)}/*!@.swiper-centered.swiper-vertical>.swiper-wrapper::before*/.swiper-centered.swiper-vertical.sc-road-carousel>.swiper-wrapper.sc-road-carousel::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}/*!@.swiper-centered>.swiper-wrapper>.swiper-slide*/.swiper-centered.sc-road-carousel>.swiper-wrapper.sc-road-carousel>.swiper-slide.sc-road-carousel{scroll-snap-align:center center}/*!@.swiper-virtual.swiper-css-mode .swiper-wrapper::after*/.swiper-virtual.swiper-css-mode.sc-road-carousel .swiper-wrapper.sc-road-carousel::after{content:'';position:absolute;left:0;top:0;pointer-events:none}/*!@.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after*/.swiper-virtual.swiper-css-mode.swiper-horizontal.sc-road-carousel .swiper-wrapper.sc-road-carousel::after{height:1px;width:var(--swiper-virtual-size)}/*!@.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after*/.swiper-virtual.swiper-css-mode.swiper-vertical.sc-road-carousel .swiper-wrapper.sc-road-carousel::after{width:1px;height:var(--swiper-virtual-size)}/*!@:root*/.sc-road-carousel:root{--swiper-navigation-size:44px}/*!@.swiper-button-next,.swiper-button-prev*/.swiper-button-next.sc-road-carousel,.swiper-button-prev.sc-road-carousel{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}/*!@.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled*/.swiper-button-next.swiper-button-disabled.sc-road-carousel,.swiper-button-prev.swiper-button-disabled.sc-road-carousel{opacity:.35;cursor:auto;pointer-events:none}/*!@.swiper-button-next:after,.swiper-button-prev:after*/.swiper-button-next.sc-road-carousel:after,.swiper-button-prev.sc-road-carousel:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}/*!@.swiper-button-prev,.swiper-rtl .swiper-button-next*/.swiper-button-prev.sc-road-carousel,.swiper-rtl.sc-road-carousel .swiper-button-next.sc-road-carousel{left:10px;right:auto}/*!@.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after*/.swiper-button-prev.sc-road-carousel:after,.swiper-rtl.sc-road-carousel .swiper-button-next.sc-road-carousel:after{content:'prev'}/*!@.swiper-button-next,.swiper-rtl .swiper-button-prev*/.swiper-button-next.sc-road-carousel,.swiper-rtl.sc-road-carousel .swiper-button-prev.sc-road-carousel{right:10px;left:auto}/*!@.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after*/.swiper-button-next.sc-road-carousel:after,.swiper-rtl.sc-road-carousel .swiper-button-prev.sc-road-carousel:after{content:'next'}/*!@.swiper-button-lock*/.swiper-button-lock.sc-road-carousel{display:none}/*!@.swiper-pagination*/.swiper-pagination.sc-road-carousel{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}/*!@.swiper-pagination.swiper-pagination-hidden*/.swiper-pagination.swiper-pagination-hidden.sc-road-carousel{opacity:0}/*!@.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction*/.swiper-horizontal.sc-road-carousel>.swiper-pagination-bullets.sc-road-carousel,.swiper-pagination-bullets.swiper-pagination-horizontal.sc-road-carousel,.swiper-pagination-custom.sc-road-carousel,.swiper-pagination-fraction.sc-road-carousel{bottom:10px;left:0;width:100%}/*!@.swiper-pagination-bullets-dynamic*/.swiper-pagination-bullets-dynamic.sc-road-carousel{overflow:hidden;font-size:0}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{transform:scale(.33);position:relative}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet-active.sc-road-carousel{transform:scale(1)}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet-active-main.sc-road-carousel{transform:scale(1)}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet-active-prev.sc-road-carousel{transform:scale(.66)}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet-active-prev-prev.sc-road-carousel{transform:scale(.33)}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet-active-next.sc-road-carousel{transform:scale(.66)}/*!@.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next*/.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet-active-next-next.sc-road-carousel{transform:scale(.33)}/*!@.swiper-pagination-bullet*/.swiper-pagination-bullet.sc-road-carousel{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}/*!@button.swiper-pagination-bullet*/button.swiper-pagination-bullet.sc-road-carousel{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}/*!@.swiper-pagination-clickable .swiper-pagination-bullet*/.swiper-pagination-clickable.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{cursor:pointer}/*!@.swiper-pagination-bullet:only-child*/.swiper-pagination-bullet.sc-road-carousel:only-child{display:none!important}/*!@.swiper-pagination-bullet-active*/.swiper-pagination-bullet-active.sc-road-carousel{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}/*!@.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets*/.swiper-pagination-vertical.swiper-pagination-bullets.sc-road-carousel,.swiper-vertical.sc-road-carousel>.swiper-pagination-bullets.sc-road-carousel{right:10px;top:50%;transform:translate3d(0px,-50%,0)}/*!@.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet*/.swiper-pagination-vertical.swiper-pagination-bullets.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel,.swiper-vertical.sc-road-carousel>.swiper-pagination-bullets.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}/*!@.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic*/.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel,.swiper-vertical.sc-road-carousel>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel{top:50%;transform:translateY(-50%);width:8px}/*!@.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet*/.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel,.swiper-vertical.sc-road-carousel>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{display:inline-block;transition:.2s transform,.2s top}/*!@.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet*/.swiper-horizontal.sc-road-carousel>.swiper-pagination-bullets.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel,.swiper-pagination-horizontal.swiper-pagination-bullets.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}/*!@.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic*/.swiper-horizontal.sc-road-carousel>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel{left:50%;transform:translateX(-50%);white-space:nowrap}/*!@.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet*/.swiper-horizontal.sc-road-carousel>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{transition:.2s transform,.2s left}/*!@.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet*/.swiper-horizontal.swiper-rtl.sc-road-carousel>.swiper-pagination-bullets-dynamic.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel{transition:.2s transform,.2s right}/*!@.swiper-pagination-progressbar*/.swiper-pagination-progressbar.sc-road-carousel{background:rgba(0,0,0,.25);position:absolute}/*!@.swiper-pagination-progressbar .swiper-pagination-progressbar-fill*/.swiper-pagination-progressbar.sc-road-carousel .swiper-pagination-progressbar-fill.sc-road-carousel{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}/*!@.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill*/.swiper-rtl.sc-road-carousel .swiper-pagination-progressbar.sc-road-carousel .swiper-pagination-progressbar-fill.sc-road-carousel{transform-origin:right top}/*!@.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite*/.swiper-horizontal.sc-road-carousel>.swiper-pagination-progressbar.sc-road-carousel,.swiper-pagination-progressbar.swiper-pagination-horizontal.sc-road-carousel,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite.sc-road-carousel,.swiper-vertical.sc-road-carousel>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-road-carousel{width:100%;height:4px;left:0;top:0}/*!@.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar*/.swiper-horizontal.sc-road-carousel>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-road-carousel,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite.sc-road-carousel,.swiper-pagination-progressbar.swiper-pagination-vertical.sc-road-carousel,.swiper-vertical.sc-road-carousel>.swiper-pagination-progressbar.sc-road-carousel{width:4px;height:100%;left:0;top:0}/*!@.swiper-pagination-lock*/.swiper-pagination-lock.sc-road-carousel{display:none}/*!@.swiper-scrollbar*/.swiper-scrollbar.sc-road-carousel{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}/*!@.swiper-horizontal>.swiper-scrollbar*/.swiper-horizontal.sc-road-carousel>.swiper-scrollbar.sc-road-carousel{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}/*!@.swiper-vertical>.swiper-scrollbar*/.swiper-vertical.sc-road-carousel>.swiper-scrollbar.sc-road-carousel{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}/*!@.swiper-scrollbar-drag*/.swiper-scrollbar-drag.sc-road-carousel{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}/*!@.swiper-scrollbar-cursor-drag*/.swiper-scrollbar-cursor-drag.sc-road-carousel{cursor:move}/*!@.swiper-scrollbar-lock*/.swiper-scrollbar-lock.sc-road-carousel{display:none}/*!@.swiper-zoom-container*/.swiper-zoom-container.sc-road-carousel{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}/*!@.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg*/.swiper-zoom-container.sc-road-carousel>canvas.sc-road-carousel,.swiper-zoom-container.sc-road-carousel>img.sc-road-carousel,.swiper-zoom-container.sc-road-carousel>svg.sc-road-carousel{max-width:100%;max-height:100%;object-fit:contain}/*!@.swiper-slide-zoomed*/.swiper-slide-zoomed.sc-road-carousel{cursor:move}/*!@.swiper-lazy-preloader*/.swiper-lazy-preloader.sc-road-carousel{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}/*!@.swiper-lazy-preloader-white*/.swiper-lazy-preloader-white.sc-road-carousel{--swiper-preloader-color:#fff}/*!@.swiper-lazy-preloader-black*/.swiper-lazy-preloader-black.sc-road-carousel{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}/*!@.swiper .swiper-notification*/.swiper.sc-road-carousel .swiper-notification.sc-road-carousel{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}/*!@.swiper-free-mode>.swiper-wrapper*/.swiper-free-mode.sc-road-carousel>.swiper-wrapper.sc-road-carousel{transition-timing-function:ease-out;margin:0 auto}/*!@.swiper-grid>.swiper-wrapper*/.swiper-grid.sc-road-carousel>.swiper-wrapper.sc-road-carousel{flex-wrap:wrap}/*!@.swiper-grid-column>.swiper-wrapper*/.swiper-grid-column.sc-road-carousel>.swiper-wrapper.sc-road-carousel{flex-wrap:wrap;flex-direction:column}/*!@.swiper-fade.swiper-free-mode .swiper-slide*/.swiper-fade.swiper-free-mode.sc-road-carousel .swiper-slide.sc-road-carousel{transition-timing-function:ease-out}/*!@.swiper-fade .swiper-slide*/.swiper-fade.sc-road-carousel .swiper-slide.sc-road-carousel{pointer-events:none;transition-property:opacity}/*!@.swiper-fade .swiper-slide .swiper-slide*/.swiper-fade.sc-road-carousel .swiper-slide.sc-road-carousel .swiper-slide.sc-road-carousel{pointer-events:none}/*!@.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active*/.swiper-fade.sc-road-carousel .swiper-slide-active.sc-road-carousel,.swiper-fade.sc-road-carousel .swiper-slide-active.sc-road-carousel .swiper-slide-active.sc-road-carousel{pointer-events:auto}/*!@.swiper-cube*/.swiper-cube.sc-road-carousel{overflow:visible}/*!@.swiper-cube .swiper-slide*/.swiper-cube.sc-road-carousel .swiper-slide.sc-road-carousel{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}/*!@.swiper-cube .swiper-slide .swiper-slide*/.swiper-cube.sc-road-carousel .swiper-slide.sc-road-carousel .swiper-slide.sc-road-carousel{pointer-events:none}/*!@.swiper-cube.swiper-rtl .swiper-slide*/.swiper-cube.swiper-rtl.sc-road-carousel .swiper-slide.sc-road-carousel{transform-origin:100% 0}/*!@.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active*/.swiper-cube.sc-road-carousel .swiper-slide-active.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-active.sc-road-carousel .swiper-slide-active.sc-road-carousel{pointer-events:auto}/*!@.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev*/.swiper-cube.sc-road-carousel .swiper-slide-active.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-next.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-next.sc-road-carousel+.swiper-slide.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-prev.sc-road-carousel{pointer-events:auto;visibility:visible}/*!@.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top*/.swiper-cube.sc-road-carousel .swiper-slide-shadow-bottom.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-shadow-left.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-shadow-right.sc-road-carousel,.swiper-cube.sc-road-carousel .swiper-slide-shadow-top.sc-road-carousel{z-index:0;backface-visibility:hidden}/*!@.swiper-cube .swiper-cube-shadow*/.swiper-cube.sc-road-carousel .swiper-cube-shadow.sc-road-carousel{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}/*!@.swiper-cube .swiper-cube-shadow:before*/.swiper-cube.sc-road-carousel .swiper-cube-shadow.sc-road-carousel:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}/*!@.swiper-flip*/.swiper-flip.sc-road-carousel{overflow:visible}/*!@.swiper-flip .swiper-slide*/.swiper-flip.sc-road-carousel .swiper-slide.sc-road-carousel{pointer-events:none;backface-visibility:hidden;z-index:1}/*!@.swiper-flip .swiper-slide .swiper-slide*/.swiper-flip.sc-road-carousel .swiper-slide.sc-road-carousel .swiper-slide.sc-road-carousel{pointer-events:none}/*!@.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active*/.swiper-flip.sc-road-carousel .swiper-slide-active.sc-road-carousel,.swiper-flip.sc-road-carousel .swiper-slide-active.sc-road-carousel .swiper-slide-active.sc-road-carousel{pointer-events:auto}/*!@.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top*/.swiper-flip.sc-road-carousel .swiper-slide-shadow-bottom.sc-road-carousel,.swiper-flip.sc-road-carousel .swiper-slide-shadow-left.sc-road-carousel,.swiper-flip.sc-road-carousel .swiper-slide-shadow-right.sc-road-carousel,.swiper-flip.sc-road-carousel .swiper-slide-shadow-top.sc-road-carousel{z-index:0;backface-visibility:hidden}/*!@.swiper-creative .swiper-slide*/.swiper-creative.sc-road-carousel .swiper-slide.sc-road-carousel{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}/*!@.swiper-cards*/.swiper-cards.sc-road-carousel{overflow:visible}/*!@.swiper-cards .swiper-slide*/.swiper-cards.sc-road-carousel .swiper-slide.sc-road-carousel{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}/*!@:host(.swiper-container)*/.swiper-container.sc-road-carousel-h{display:block;-webkit-user-select:none;user-select:none;position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}/*!@:host(.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet),\n:host(.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet)*/.swiper-horizontal.sc-road-carousel-h>.swiper-pagination-bullets.sc-road-carousel .swiper-pagination-bullet.sc-road-carousel,.swiper-pagination-horizontal.swiper-pagination-bullets.sc-road-carousel-h .swiper-pagination-bullet.sc-road-carousel{margin:0 0.125rem}/*!@:host(.swiper-container-horizontal > .swiper-pagination-bullets)*/.swiper-container-horizontal.sc-road-carousel-h>.swiper-pagination-bullets.sc-road-carousel{bottom:0.5rem}/*!@.swiper-pagination-bullets*/.swiper-pagination-bullets.sc-road-carousel{right:0;display:inline-table;width:auto!important;padding:0 0.75rem;margin:0 auto;vertical-align:middle;background-color:var(--road-overlay-inverse);border-radius:40px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}/*!@.swiper-pagination-bullet*/.swiper-pagination-bullet.sc-road-carousel{width:1.5rem;height:0.25rem;vertical-align:middle;background:var(--road-overlay);border-radius:0;opacity:1}/*!@.swiper-pagination-bullet-active*/.swiper-pagination-bullet-active.sc-road-carousel{background:var(--road-primary)}/*!@:host(.swiper-pagination-progressbar)*/.swiper-pagination-progressbar.sc-road-carousel-h{background:var(--road-grey-70)}/*!@:host(.swiper-pagination-progressbar) .swiper-pagination-progressbar-fill*/.swiper-pagination-progressbar.sc-road-carousel-h .swiper-pagination-progressbar-fill.sc-road-carousel{background:var(--road-grey-10)}/*!@:host(.swiper-scrollbar)*/.swiper-scrollbar.sc-road-carousel-h{background:var(--road-grey-70)}/*!@:host(.swiper-scrollbar-drag)*/.swiper-scrollbar-drag.sc-road-carousel-h{background:var(--road-grey-10)}/*!@.swiper-button-prev,\n.swiper-button-next*/.swiper-button-prev.sc-road-carousel,.swiper-button-next.sc-road-carousel{display:none}@media (min-width: 768px){/*!@.swiper-button-prev,\n.swiper-button-next*/.swiper-button-prev.sc-road-carousel,.swiper-button-next.sc-road-carousel{display:flex;width:3rem;height:3rem;background:var(--road-overlay);border:1px solid var(--road-overlay-inverse);border-radius:3rem}/*!@.swiper-button-prev road-icon,\n.swiper-button-next road-icon*/.swiper-button-prev.sc-road-carousel road-icon.sc-road-carousel,.swiper-button-next.sc-road-carousel road-icon.sc-road-carousel{color:var(--road-on-overlay)}}/*!@.swiper-button-prev::after,\n.swiper-button-next::after*/.swiper-button-prev.sc-road-carousel::after,.swiper-button-next.sc-road-carousel::after{display:none}@media (hover: hover){/*!@.swiper-button-prev:hover,\n.swiper-button-next:hover*/.swiper-button-prev.sc-road-carousel:hover,.swiper-button-next.sc-road-carousel:hover{background:var(--road-surface)}/*!@.swiper-button-prev:hover road-icon,\n.swiper-button-next:hover road-icon*/.swiper-button-prev.sc-road-carousel:hover road-icon.sc-road-carousel,.swiper-button-next.sc-road-carousel:hover road-icon.sc-road-carousel{color:var(--road-on-surface)}}/*!@.swiper-button-prev,\n.swiper-container-rtl .swiper-button-next*/.swiper-button-prev.sc-road-carousel,.swiper-container-rtl.sc-road-carousel .swiper-button-next.sc-road-carousel{left:1rem}/*!@.swiper-button-next,\n.swiper-container-rtl .swiper-button-prev*/.swiper-button-next.sc-road-carousel,.swiper-container-rtl.sc-road-carousel .swiper-button-prev.sc-road-carousel{right:1rem}@media (min-width: 768px){/*!@.swiper-button-prev,\n .swiper-container-rtl .swiper-button-next*/.swiper-button-prev.sc-road-carousel,.swiper-container-rtl.sc-road-carousel .swiper-button-next.sc-road-carousel{left:1.5rem}/*!@.swiper-button-next,\n .swiper-container-rtl .swiper-button-prev*/.swiper-button-next.sc-road-carousel,.swiper-container-rtl.sc-road-carousel .swiper-button-prev.sc-road-carousel{right:1.5rem}}";
12812
12812
 
12813
12813
  Swiper.use([Pagination, Scrollbar, Autoplay, Keyboard, Zoom]);
12814
- /**
12815
- * @slot - content of the carousel, it should be road-carousel-item elements.
12816
- */
12817
12814
  class Carousel {
12818
12815
  constructor(hostRef) {
12819
12816
  registerInstance(this, hostRef);
@@ -12850,7 +12847,6 @@ class Carousel {
12850
12847
  }
12851
12848
  }
12852
12849
  connectedCallback() {
12853
- // tslint:disable-next-line: strict-type-predicates
12854
12850
  if (typeof MutationObserver !== 'undefined') {
12855
12851
  const mut = this.mutationO = new MutationObserver(() => {
12856
12852
  if (this.swiperReady) {
@@ -12868,19 +12864,13 @@ class Carousel {
12868
12864
  this.didInit = true;
12869
12865
  this.initSwiper();
12870
12866
  }
12867
+ this.setupKeyboardNavigation();
12871
12868
  }
12872
12869
  disconnectedCallback() {
12873
12870
  if (this.mutationO) {
12874
12871
  this.mutationO.disconnect();
12875
12872
  this.mutationO = undefined;
12876
12873
  }
12877
- /**
12878
- * We need to synchronously destroy
12879
- * swiper otherwise it is possible
12880
- * that it will be left in a
12881
- * destroyed state if connectedCallback
12882
- * is called multiple times
12883
- */
12884
12874
  const swiper = this.syncSwiper;
12885
12875
  if (swiper !== undefined) {
12886
12876
  swiper.destroy(true, true);
@@ -12892,10 +12882,6 @@ class Carousel {
12892
12882
  }
12893
12883
  this.didInit = false;
12894
12884
  }
12895
- /**
12896
- * Update the underlying slider implementation. Call this if you've added or removed
12897
- * child slides.
12898
- */
12899
12885
  async update() {
12900
12886
  const [swiper] = await Promise.all([
12901
12887
  this.getSwiper(),
@@ -12903,150 +12889,80 @@ class Carousel {
12903
12889
  ]);
12904
12890
  swiper.update();
12905
12891
  }
12906
- /**
12907
- * Force swiper to update its height (when autoHeight is enabled) for the duration
12908
- * equal to 'speed' parameter.
12909
- *
12910
- * @param speed The transition duration (in ms).
12911
- */
12912
12892
  async updateAutoHeight(speed) {
12913
12893
  const swiper = await this.getSwiper();
12914
12894
  swiper.updateAutoHeight(speed);
12915
12895
  }
12916
- /**
12917
- * Transition to the specified slide.
12918
- *
12919
- * @param index The index of the slide to transition to.
12920
- * @param speed The transition duration (in ms).
12921
- * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.
12922
- */
12923
12896
  async slideTo(index, speed, runCallbacks) {
12924
12897
  const swiper = await this.getSwiper();
12925
12898
  swiper.slideTo(index, speed, runCallbacks);
12926
12899
  }
12927
- /**
12928
- * Transition to the next slide.
12929
- *
12930
- * @param speed The transition duration (in ms).
12931
- * @param runCallbacks If true, the transition will produce [Transition/SlideChange][Start/End] transition events.
12932
- */
12933
12900
  async slideNext(speed, runCallbacks) {
12934
12901
  const swiper = await this.getSwiper();
12935
12902
  swiper.slideNext(speed, runCallbacks);
12936
12903
  }
12937
- /**
12938
- * Transition to the previous slide.
12939
- *
12940
- * @param speed The transition duration (in ms).
12941
- * @param runCallbacks If true, the transition will produce the [Transition/SlideChange][Start/End] transition events.
12942
- */
12943
12904
  async slidePrev(speed, runCallbacks) {
12944
12905
  const swiper = await this.getSwiper();
12945
12906
  swiper.slidePrev(speed, runCallbacks);
12946
12907
  }
12947
- /**
12948
- * Get the index of the active slide.
12949
- */
12950
12908
  async getActiveIndex() {
12951
12909
  const swiper = await this.getSwiper();
12952
12910
  return swiper.activeIndex;
12953
12911
  }
12954
- /**
12955
- * Get the index of the previous slide.
12956
- */
12957
12912
  async getPreviousIndex() {
12958
12913
  const swiper = await this.getSwiper();
12959
12914
  return swiper.previousIndex;
12960
12915
  }
12961
- /**
12962
- * Get the total number of slides.
12963
- */
12964
12916
  async length() {
12965
12917
  const swiper = await this.getSwiper();
12966
12918
  return swiper.slides.length;
12967
12919
  }
12968
- /**
12969
- * Get whether or not the current slide is the last slide.
12970
- */
12971
12920
  async isEnd() {
12972
12921
  const swiper = await this.getSwiper();
12973
12922
  return swiper.isEnd;
12974
12923
  }
12975
- /**
12976
- * Get whether or not the current slide is the first slide.
12977
- */
12978
12924
  async isBeginning() {
12979
12925
  const swiper = await this.getSwiper();
12980
12926
  return swiper.isBeginning;
12981
12927
  }
12982
- /**
12983
- * Start auto play.
12984
- */
12985
12928
  async startAutoplay() {
12986
12929
  const swiper = await this.getSwiper();
12987
12930
  if (swiper.autoplay) {
12988
12931
  swiper.autoplay.start();
12989
12932
  }
12990
12933
  }
12991
- /**
12992
- * Stop auto play.
12993
- */
12994
12934
  async stopAutoplay() {
12995
12935
  const swiper = await this.getSwiper();
12996
12936
  if (swiper.autoplay) {
12997
12937
  swiper.autoplay.stop();
12998
12938
  }
12999
12939
  }
13000
- /**
13001
- * Lock or unlock the ability to slide to the next slide.
13002
- *
13003
- * @param lock If `true`, disable swiping to the next slide.
13004
- */
13005
12940
  async lockSwipeToNext(lock) {
13006
12941
  const swiper = await this.getSwiper();
13007
12942
  swiper.allowSlideNext = !lock;
13008
12943
  }
13009
- /**
13010
- * Lock or unlock the ability to slide to the previous slide.
13011
- *
13012
- * @param lock If `true`, disable swiping to the previous slide.
13013
- */
13014
12944
  async lockSwipeToPrev(lock) {
13015
12945
  const swiper = await this.getSwiper();
13016
12946
  swiper.allowSlidePrev = !lock;
13017
12947
  }
13018
- /**
13019
- * Lock or unlock the ability to slide to the next or previous slide.
13020
- *
13021
- * @param lock If `true`, disable swiping to the next and previous slide.
13022
- */
13023
12948
  async lockSwipes(lock) {
13024
12949
  const swiper = await this.getSwiper();
13025
12950
  swiper.allowSlideNext = !lock;
13026
12951
  swiper.allowSlidePrev = !lock;
13027
12952
  swiper.allowTouchMove = !lock;
13028
12953
  }
13029
- /**
13030
- * Get the Swiper instance.
13031
- * Use this to access the full Swiper API.
13032
- * See https://idangero.us/swiper/api/ for all API options.
13033
- */
13034
12954
  async getSwiper() {
13035
12955
  return this.swiper;
13036
12956
  }
13037
12957
  async initSwiper() {
13038
12958
  const finalOptions = this.normalizeOptions();
13039
- // init swiper core
13040
12959
  await waitForSlides(this.el);
13041
- // @ts-ignore
13042
12960
  const swiper = new Swiper(this.el, finalOptions);
13043
12961
  this.swiperReady = true;
13044
12962
  this.syncSwiper = swiper;
13045
12963
  this.readySwiper(swiper);
13046
12964
  }
13047
12965
  normalizeOptions() {
13048
- // Base options, can be changed
13049
- // TODO Add interface SwiperOptions
13050
12966
  const swiperOptions = {
13051
12967
  effect: undefined,
13052
12968
  direction: 'horizontal',
@@ -13139,8 +13055,6 @@ class Carousel {
13139
13055
  hideOnClick: false,
13140
13056
  };
13141
13057
  }
13142
- // Keep the event options separate, we dont want users
13143
- // overwriting these
13144
13058
  const eventOptions = {
13145
13059
  on: {
13146
13060
  init: () => {
@@ -13148,46 +13062,41 @@ class Carousel {
13148
13062
  this.roadslidesdidload.emit();
13149
13063
  }, 20);
13150
13064
  },
13151
- // @ts-ignore
13152
- slideChangeTransitionStart: this.roadslidewillchange.emit,
13153
- // @ts-ignore
13154
- slideChangeTransitionEnd: this.roadslidedidchange.emit,
13155
- // @ts-ignore
13156
- slideNextTransitionStart: this.roadslidenextstart.emit,
13157
- // @ts-ignore
13158
- slidePrevTransitionStart: this.roadslideprevstart.emit,
13159
- // @ts-ignore
13160
- slideNextTransitionEnd: this.roadslidenextend.emit,
13161
- // @ts-ignore
13162
- slidePrevTransitionEnd: this.roadslideprevend.emit,
13163
- // @ts-ignore
13164
- transitionStart: this.roadslidetransitionstart.emit,
13165
- // @ts-ignore
13166
- transitionEnd: this.roadslidetransitionend.emit,
13167
- // @ts-ignore
13168
- sliderMove: this.roadslidedrag.emit,
13169
- // @ts-ignore
13170
- reachBeginning: this.roadslidereachstart.emit,
13171
- // @ts-ignore
13172
- reachEnd: this.roadslidereachend.emit,
13173
- // @ts-ignore
13174
- touchStart: this.roadslidetouchstart.emit,
13175
- // @ts-ignore
13176
- touchEnd: this.roadslidetouchend.emit,
13177
- // @ts-ignore
13178
- tap: this.roadslidetap.emit,
13179
- // @ts-ignore
13180
- doubleTap: this.roadslidedoubletap.emit,
13065
+ slideChangeTransitionStart: () => this.roadslidewillchange.emit(),
13066
+ slideChangeTransitionEnd: () => this.roadslidedidchange.emit(),
13067
+ slideNextTransitionStart: () => this.roadslidenextstart.emit(),
13068
+ slidePrevTransitionStart: () => this.roadslideprevstart.emit(),
13069
+ slideNextTransitionEnd: () => this.roadslidenextend.emit(),
13070
+ slidePrevTransitionEnd: () => this.roadslideprevend.emit(),
13071
+ transitionStart: () => this.roadslidetransitionstart.emit(),
13072
+ transitionEnd: () => this.roadslidetransitionend.emit(),
13073
+ sliderMove: () => this.roadslidedrag.emit(),
13074
+ reachBeginning: () => this.roadslidereachstart.emit(),
13075
+ reachEnd: () => this.roadslidereachend.emit(),
13076
+ touchStart: () => this.roadslidetouchstart.emit(),
13077
+ touchEnd: () => this.roadslidetouchend.emit(),
13078
+ tap: () => this.roadslidetap.emit(),
13079
+ doubleTap: () => this.roadslidedoubletap.emit(),
13181
13080
  },
13182
13081
  };
13183
13082
  const customEvents = (!!this.options && !!this.options.on) ? this.options.on : {};
13184
- // merge "on" event listeners, while giving our event listeners priority
13185
13083
  const mergedEventOptions = { on: Object.assign(Object.assign({}, customEvents), eventOptions.on) };
13186
- // Merge the base, user options, and events together then pas to swiper
13187
13084
  return Object.assign(Object.assign(Object.assign({}, swiperOptions), this.options), mergedEventOptions);
13188
13085
  }
13086
+ setupKeyboardNavigation() {
13087
+ this.el.addEventListener('keydown', (event) => {
13088
+ switch (event.key) {
13089
+ case 'ArrowLeft':
13090
+ this.slidePrev();
13091
+ break;
13092
+ case 'ArrowRight':
13093
+ this.slideNext();
13094
+ break;
13095
+ }
13096
+ });
13097
+ }
13189
13098
  render() {
13190
- return (hAsync(Host, { class: "swiper-container" }, hAsync("div", { class: "swiper-wrapper" }, hAsync("slot", null)), this.pager && hAsync("div", { class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { class: "swiper-button-prev", onClick: () => this.el.slidePrev() }, hAsync("road-icon", { icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { class: "swiper-button-next", onClick: () => this.el.slideNext() }, hAsync("road-icon", { icon: navigationChevron })))));
13099
+ return (hAsync(Host, { class: "swiper-container", tabindex: "0" }, hAsync("div", { class: "swiper-wrapper" }, hAsync("slot", null)), this.pager && hAsync("div", { class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { icon: navigationChevron })))));
13191
13100
  }
13192
13101
  get el() { return getElement(this); }
13193
13102
  static get watchers() { return {
@@ -13334,7 +13243,7 @@ class Checkbox {
13334
13243
  }
13335
13244
  let checkboxIds = 0;
13336
13245
 
13337
- const chipCss = "/*!@:host*/.sc-road-chip-h{box-sizing:border-box;display:inline-flex;align-items:center;height:1.5rem;padding:0.25rem 0.5rem;margin-bottom:0.5rem;font-size:var(--road-font-size-14);cursor:pointer;border:0;border-radius:1.625rem;outline:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@.chip-description*/.chip-description.sc-road-chip{display:inline-flex;align-items:center;padding:0 0.5rem}/*!@:host(.chip-outline)*/.chip-outline.sc-road-chip-h{border-style:solid;border-width:1px}/*!@::slotted(road-icon)*/.sc-road-chip-s>road-icon{width:1.25rem;height:1.25rem;margin-right:0.5rem;margin-left:-0.5rem}/*!@.chip-close*/.chip-close.sc-road-chip{width:1rem;height:1rem;margin-right:-0.25rem;color:var(--road-surface);background:var(--road-on-surface-weak);border-radius:50%;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@:host(.chip-lg)*/.chip-lg.sc-road-chip-h{height:2.5rem;padding:0 0.75rem;font-size:var(--road-font-size-16)}/*!@:host(.chip-lg) ::slotted(road-icon)*/.sc-road-chip-h.chip-lg .sc-road-chip-s>road-icon{width:1.5rem;height:1.5rem;margin-right:0.75rem;margin-left:-0.75rem}/*!@:host(.chip-lg) .chip-description*/.chip-lg.sc-road-chip-h .chip-description.sc-road-chip{padding:0 0.75rem}/*!@:host(.chip-lg) .chip-close*/.chip-lg.sc-road-chip-h .chip-close.sc-road-chip{width:1.5rem;height:1.5rem}/*!@:host(.chip-default)*/.chip-default.sc-road-chip-h{color:var(--road-on-surface);background:var(--road-grey-200)}/*!@:host(.chip-outline.chip-default)*/.chip-outline.chip-default.sc-road-chip-h{background:var(--road-surface);border-color:var(--road-outline)}/*!@:host(.chip-secondary)*/.chip-secondary.sc-road-chip-h{color:var(--road-surface-inverse);background:var(--road-button-primary);border-color:transparent}/*!@:host(.chip-secondary) .chip-close*/.chip-secondary.sc-road-chip-h .chip-close.sc-road-chip{color:var(--road-primary);background:var(--road-surface)}@media (any-hover: hover){/*!@:host(.chip-outline:hover)*/.chip-outline.sc-road-chip-h:hover{border-color:var(--road-outline-variant)}/*!@:host(.chip-secondary:hover)*/.chip-secondary.sc-road-chip-h:hover{background:var(--road-button-primary-variant)}/*!@:host(.chip-secondary:hover) .chip-close*/.chip-secondary.sc-road-chip-h:hover .chip-close.sc-road-chip{color:var(--road-primary)}}/*!@:host(.chip-outline:hover)*/.chip-outline.sc-road-chip-h:hover{border-color:var(--road-outline-variant)}/*!@:host(.chip-secondary.focus-visible)*/.chip-secondary.focus-visible.sc-road-chip-h{background:var(--road-button-primary-variant)}";
13246
+ const chipCss = "/*!@:host*/.sc-road-chip-h{box-sizing:border-box;display:inline-flex;align-items:center;height:1.5rem;padding:0.25rem 0.5rem;margin-bottom:0.5rem;font-size:var(--road-font-size-14);cursor:pointer;border:0;border-radius:1.625rem;outline:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@.chip-description*/.chip-description.sc-road-chip{display:inline-flex;align-items:center;padding:0 0.5rem}/*!@:host(.chip-outline)*/.chip-outline.sc-road-chip-h{border-style:solid;border-width:1px}/*!@::slotted(road-icon)*/.sc-road-chip-s>road-icon{width:1.25rem;height:1.25rem;margin-right:0.5rem;margin-left:-0.5rem}/*!@.chip-close*/.chip-close.sc-road-chip{width:1rem;height:1rem;margin-right:-0.25rem;color:var(--road-surface);background:var(--road-on-surface-weak);border-radius:50%;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@:host(.chip-lg)*/.chip-lg.sc-road-chip-h{height:2.5rem;padding:0 0.75rem;font-size:var(--road-font-size-16)}/*!@:host(.chip-lg) ::slotted(road-icon)*/.sc-road-chip-h.chip-lg .sc-road-chip-s>road-icon{width:1.5rem;height:1.5rem;margin-right:0.75rem;margin-left:-0.75rem}/*!@:host(.chip-lg) .chip-description*/.chip-lg.sc-road-chip-h .chip-description.sc-road-chip{padding:0 0.75rem}/*!@:host(.chip-lg) .chip-close*/.chip-lg.sc-road-chip-h .chip-close.sc-road-chip{width:1.5rem;height:1.5rem}/*!@:host(.chip-default)*/.chip-default.sc-road-chip-h{color:var(--road-on-surface);background:var(--road-grey-200)}/*!@:host(.chip-outline.chip-default)*/.chip-outline.chip-default.sc-road-chip-h{background:var(--road-surface);border-color:var(--road-outline)}/*!@:host(.chip-secondary)*/.chip-secondary.sc-road-chip-h{color:var(--road-on-button-primary);background:var(--road-button-primary);border-color:transparent}/*!@:host(.chip-secondary) .chip-close*/.chip-secondary.sc-road-chip-h .chip-close.sc-road-chip{color:var(--road-primary);background:var(--road-surface)}@media (any-hover: hover){/*!@:host(.chip-outline:hover)*/.chip-outline.sc-road-chip-h:hover{border-color:var(--road-outline-variant)}/*!@:host(.chip-secondary:hover)*/.chip-secondary.sc-road-chip-h:hover{background:var(--road-button-primary-variant)}/*!@:host(.chip-secondary:hover) .chip-close*/.chip-secondary.sc-road-chip-h:hover .chip-close.sc-road-chip{color:var(--road-primary)}}/*!@:host(.chip-outline:focus-visible)*/.chip-outline.sc-road-chip-h:focus-visible{border-color:var(--road-outline-variant)}/*!@:host(.chip-secondary.focus-visible)*/.chip-secondary.focus-visible.sc-road-chip-h{background:var(--road-button-primary-variant)}";
13338
13247
 
13339
13248
  /**
13340
13249
  * @slot - Content of the chip.
@@ -13349,7 +13258,7 @@ class Chip {
13349
13258
  }
13350
13259
  render() {
13351
13260
  const outlineClass = this.outline ? 'chip-outline' : '';
13352
- return (hAsync(Host, { class: `${outlineClass} chip-${this.color} chip-${this.size}` }, hAsync("div", { class: "chip-description" }, hAsync("slot", null)), this.hasCloseIcon && hAsync("road-icon", { class: "chip-close", icon: navigationClose })));
13261
+ return (hAsync(Host, { class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { class: "chip-description" }, hAsync("slot", null)), this.hasCloseIcon && hAsync("road-icon", { class: "chip-close", icon: navigationClose })));
13353
13262
  }
13354
13263
  static get style() { return chipCss; }
13355
13264
  static get cmpMeta() { return {
@@ -13390,7 +13299,7 @@ class Col {
13390
13299
  }; }
13391
13300
  }
13392
13301
 
13393
- const collapseCss = "/*!@:host*/.sc-road-collapse-h{--btn-margin-bottom:1rem;--btn-padding-start:1rem;--btn-padding-end:1rem;--btn-font-size:1rem;--max-height:500px;display:block}/*!@.collapsed-content*/.collapsed-content.sc-road-collapse{max-height:0;overflow:hidden;transition:max-height 0.4s ease-in-out}/*!@.collapse-open*/.collapse-open.sc-road-collapse{max-height:var(--max-height)}/*!@.collapse-btn*/.collapse-btn.sc-road-collapse{--margin-bottom:var(--btn-margin-bottom);--border-radius:var(--btn-border-radius);--padding-start:var(--btn-padding-start);--padding-end:var(--btn-padding-end);--font-size:var(--btn-font-size)}/*!@.collapse-btn-centered*/.collapse-btn-centered.sc-road-collapse{display:flex;justify-content:center}";
13302
+ const collapseCss = "/*!@:host*/.sc-road-collapse-h{--btn-margin-bottom:1rem;--btn-padding-start:1rem;--btn-padding-end:1rem;--btn-font-size:1rem;--max-height:500px;display:block}/*!@.collapsed-content*/.collapsed-content.sc-road-collapse{max-height:0;overflow:hidden;transition:max-height 0.4s ease-in-out}/*!@.collapse-open*/.collapse-open.sc-road-collapse{max-height:var(--max-height)}/*!@.collapse-btn*/.collapse-btn.sc-road-collapse{--margin-bottom:var(--btn-margin-bottom);--border-radius:var(--btn-border-radius);--padding-start:var(--btn-padding-start);--padding-end:var(--btn-padding-end);--font-size:var(--btn-font-size)}/*!@.collapse-btn:focus*/.collapse-btn.sc-road-collapse:focus{outline:1px solid var(--road-link-primary)}/*!@.collapse-btn-centered*/.collapse-btn-centered.sc-road-collapse{display:flex;justify-content:center}";
13394
13303
 
13395
13304
  /**
13396
13305
  * @slot - Content visible when collapsed.
@@ -13462,7 +13371,7 @@ class ContentCard {
13462
13371
  }; }
13463
13372
  }
13464
13373
 
13465
- const counterCss = ".sc-road-counter-h{position:relative;z-index:0;display:block}road-input.sc-road-counter{--input-text-align:center;--border-radius:0;--margin-bottom:0}road-button.sc-road-counter{width:3rem;font-size:var(--road-font-size-24);line-height:1.4;background:var(--road-surface);border:1px solid var(--road-button-tertiary-outline)}road-button.sc-road-counter:hover,road-button.sc-road-counter:focus{background:var(--road-button-tertiary-variant)}road-button.sc-road-counter road-icon.sc-road-counter{display:flex;fill:var(--road-primary)}.disabled.sc-road-counter{margin-right:-1px;margin-left:-1px;pointer-events:none;cursor:not-allowed;background:var(--road-surface-disabled);border:1px solid var(--road-on-surface-disabled);opacity:inherit}.disabled.sc-road-counter:focus{background:var(--road-disabled)}.disabled.sc-road-counter road-icon.sc-road-counter{fill:var(--road-grey-50)}road-button.btn-md.sc-road-counter{width:2.5rem}road-button.btn-sm.sc-road-counter{width:2rem}.counter-md.sc-road-counter{height:2.5rem}.counter-sm.sc-road-counter{height:2rem}.counter-md.sc-road-counter road-input.sc-road-counter{--height:2.5rem}.counter-md.sc-road-counter road-button.sc-road-counter{min-width:2.5rem}.counter-sm.sc-road-counter road-input.sc-road-counter{--height:2rem}.counter-sm.sc-road-counter road-button.sc-road-counter{min-width:2rem}";
13374
+ const counterCss = ".sc-road-counter-h{position:relative;z-index:0;display:block}road-input.sc-road-counter{--input-text-align:center;--border-radius:0;--margin-bottom:0}.test.sc-road-counter{display:none}road-button.sc-road-counter{width:3rem;font-size:var(--road-font-size-24);line-height:1.4;background:var(--road-surface);border:1px solid var(--road-button-tertiary-outline)}road-button.sc-road-counter:hover,road-button.sc-road-counter:focus{background:var(--road-button-tertiary-variant)}road-button.sc-road-counter road-icon.sc-road-counter{display:flex;fill:var(--road-primary)}.disabled.sc-road-counter{margin-right:-1px;margin-left:-1px;pointer-events:none;cursor:not-allowed;background:var(--road-surface-disabled);border:1px solid var(--road-on-surface-disabled);opacity:inherit}.disabled.sc-road-counter:focus{background:var(--road-disabled)}.disabled.sc-road-counter road-icon.sc-road-counter{fill:var(--road-grey-50)}road-button.btn-md.sc-road-counter{width:2.5rem}road-button.btn-sm.sc-road-counter{width:2rem}.counter-md.sc-road-counter{height:2.5rem}.counter-sm.sc-road-counter{height:2rem}.counter-md.sc-road-counter road-input.sc-road-counter{--height:2.5rem}.counter-md.sc-road-counter road-button.sc-road-counter{min-width:2.5rem}.counter-sm.sc-road-counter road-input.sc-road-counter{--height:2rem}.counter-sm.sc-road-counter road-button.sc-road-counter{min-width:2rem}";
13466
13375
 
13467
13376
  class Counter {
13468
13377
  constructor(hostRef) {
@@ -13560,9 +13469,27 @@ class Counter {
13560
13469
  componentWillLoad() {
13561
13470
  this.onValueChange(this.value);
13562
13471
  }
13472
+ componentDidLoad() {
13473
+ // Cacher le label pour accessibilité
13474
+ const label = this.el.querySelector('.form-label');
13475
+ const input = this.el.querySelector('.form-control.sc-road-input');
13476
+ if (label) {
13477
+ label.style.clip = 'rect(0 0 0 0)';
13478
+ label.style.border = '0';
13479
+ label.style.height = '1px';
13480
+ label.style.left = '0';
13481
+ label.style.margin = '-1px';
13482
+ label.style.overflow = 'hidden';
13483
+ label.style.padding = '0';
13484
+ label.style.position = 'absolute';
13485
+ label.style.top = '0';
13486
+ label.style.width = '1px';
13487
+ input.style.padding = '0 1rem 0';
13488
+ }
13489
+ }
13563
13490
  render() {
13564
13491
  const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
13565
- return (hAsync("road-input-group", { class: this.size && `counter-${this.size}` }, hAsync("road-button", { slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { name: this.isDustbinVisible ? "delete-forever" : "navigation-add-less", ref: (el) => this.iconCounterLess = el, size: this.size, "data-cy": dataCi })), hAsync("road-input", { ref: (el) => this.inputElement = el, type: "number", min: this.min.toString(), max: (this.max && this.max.toString()), step: this.step, value: this.value, onRoadChange: this.onRoadChange, onKeyUp: this.checkValue, "data-cy": "road-input-counter", readonly: this.readonly }), hAsync("road-button", { slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { name: "navigation-add-more", size: this.size }))));
13492
+ return (hAsync("road-input-group", { class: this.size && `counter-${this.size}` }, hAsync("road-button", { slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { name: this.isDustbinVisible ? "delete-forever" : "navigation-add-less", ref: (el) => this.iconCounterLess = el, size: this.size, "data-cy": dataCi, role: "button" })), hAsync("road-input", { ref: (el) => this.inputElement = el, type: "number", min: this.min.toString(), max: (this.max && this.max.toString()), step: this.step, value: this.value, onRoadChange: this.onRoadChange, onKeyUp: this.checkValue, "data-cy": "road-input-counter", readonly: this.readonly, label: "Quantit\u00E9" }), hAsync("road-button", { slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { name: "navigation-add-more", size: this.size, role: "button" }))));
13566
13493
  }
13567
13494
  get el() { return getElement(this); }
13568
13495
  static get watchers() { return {
@@ -13675,11 +13602,11 @@ class Dialog {
13675
13602
  break;
13676
13603
  }
13677
13604
  }
13678
- return (hAsync(Host, { class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-labelledby": "dialogLabel", "aria-describedby": "dialogDesc" }, hAsync("div", { class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { class: "dialog-content" }, hAsync("header", { class: "dialog-header" }, this.hasCloseIcon
13605
+ return (hAsync(Host, { class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { class: "dialog-content" }, hAsync("header", { class: "dialog-header" }, this.hasCloseIcon
13679
13606
  ? hAsync("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
13680
13607
  : ''), hAsync("div", { class: "dialog-body" }, this.color !== undefined
13681
13608
  ? hAsync("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
13682
- : '', hAsync("h2", { class: "dialog-title", id: "dialogLabel" }, this.label), hAsync("p", { class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { class: "dialog-footer" }, hAsync("slot", null))))));
13609
+ : '', hAsync("h2", { class: "dialog-title" }, this.label), hAsync("p", { class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { class: "dialog-footer" }, hAsync("slot", null))))));
13683
13610
  }
13684
13611
  get el() { return getElement(this); }
13685
13612
  static get style() { return dialogCss; }
@@ -13792,7 +13719,7 @@ class Drawer {
13792
13719
  const backIconElement = this.hasBackIcon ? hAsync("button", { type: "button", class: "drawer-action", "aria-label": "Back", onClick: this.onClickBack }, hAsync("road-icon", { icon: navigationChevron, rotate: "180" }), this.backText) : '';
13793
13720
  const closeIconElement = this.hasCloseIcon ? hAsync("button", { type: "button", class: "drawer-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" })) : '';
13794
13721
  const drawerWidthValue = this.position === 'bottom' ? '100%' : this.drawerWidth + 'px';
13795
- return (hAsync(Host, { class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "-1", role: "dialog" }, hAsync("div", { class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { class: "drawer-dialog", style: { maxWidth: `${drawerWidthValue}` }, role: "document", tabindex: "0" }, hAsync("div", { class: "drawer-content" }, hAsync("header", { class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle !== undefined ? hAsync("h2", { class: "drawer-title" }, this.drawerTitle) : hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" })), closeIconElement), hAsync("div", { class: "drawer-body" }, hAsync("slot", null))))));
13722
+ return (hAsync(Host, { class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": "drawer" }, hAsync("div", { class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { class: "drawer-dialog", style: { maxWidth: `${drawerWidthValue}` }, role: "document", tabindex: "0" }, hAsync("div", { class: "drawer-content" }, hAsync("header", { class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle !== undefined ? hAsync("h2", { class: "drawer-title" }, this.drawerTitle) : hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" })), closeIconElement), hAsync("div", { class: "drawer-body" }, hAsync("slot", null))))));
13796
13723
  }
13797
13724
  get el() { return getElement(this); }
13798
13725
  static get watchers() { return {
@@ -13821,7 +13748,7 @@ class Drawer {
13821
13748
  }; }
13822
13749
  }
13823
13750
 
13824
- const dropdownCss = "/*!@:host*/.sc-road-dropdown-h{--margin-top:0.5rem;display:block}/*!@.dropdown*/.dropdown.sc-road-dropdown{position:relative;font-family:var(--road-font)}/*!@.dropdown summary*/.dropdown.sc-road-dropdown summary.sc-road-dropdown{display:block;outline:none}/*!@.dropdown summary::-webkit-details-marker*/.dropdown.sc-road-dropdown summary.sc-road-dropdown::-webkit-details-marker{display:none}/*!@.dropdown-button*/.dropdown-button.sc-road-dropdown{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}/*!@.dropdown-medium-button*/.dropdown-medium-button.sc-road-dropdown{width:2.5rem;height:2.5rem}/*!@.dropdown-button:hover*/.dropdown-button.sc-road-dropdown:hover{background:var(--road-grey-200)}/*!@.position-right*/.position-right.sc-road-dropdown{display:flex;justify-content:flex-end}/*!@.bg-white*/.bg-white.sc-road-dropdown{background:var(--road-grey-000)}/*!@.dropdown-button-icon*/.dropdown-button-icon.sc-road-dropdown{width:2.5rem;height:2.5rem}/*!@.dropdown-medium-button .dropdown-button-icon*/.dropdown-medium-button.sc-road-dropdown .dropdown-button-icon.sc-road-dropdown{width:1.75rem;height:1.75rem}/*!@.dropdown[open] .dropdown-menu*/.dropdown[open].sc-road-dropdown .dropdown-menu.sc-road-dropdown{transform:scaleY(1)}/*!@.dropdown[open] .dropdown-menu.direction-top*/.dropdown[open].sc-road-dropdown .dropdown-menu.direction-top.sc-road-dropdown{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}/*!@.dropdown-menu*/.dropdown-menu.sc-road-dropdown{position:absolute;z-index:1;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}/*!@.dropdown-left*/.dropdown-left.sc-road-dropdown{left:0}/*!@.dropdown-right*/.dropdown-right.sc-road-dropdown{right:0}/*!@.dropdown-item*/.dropdown-item.sc-road-dropdown{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}/*!@.dropdown-item-border*/.dropdown-item-border.sc-road-dropdown{border-color:var(--road-outline-weak);border-bottom:1px solid}/*!@.dropdown-item:hover,\n.dropdown-item.focus-visible*/.dropdown-item.sc-road-dropdown:hover,.dropdown-item.focus-visible.sc-road-dropdown{background:var(--road-surface-inverse)}";
13751
+ const dropdownCss = "/*!@:host*/.sc-road-dropdown-h{--margin-top:0.5rem;display:block}/*!@.dropdown*/.dropdown.sc-road-dropdown{position:relative;font-family:var(--road-font)}/*!@.dropdown summary*/.dropdown.sc-road-dropdown summary.sc-road-dropdown{display:block;width:max-content;background-color:var(--road-surface);border-radius:0.25rem;outline:none}/*!@.dropdown summary:focus,\n.dropdown summary.focus-visible,\n.dropdown summary:focus-within*/.dropdown.sc-road-dropdown summary.sc-road-dropdown:focus,.dropdown.sc-road-dropdown summary.focus-visible.sc-road-dropdown,.dropdown.sc-road-dropdown summary.sc-road-dropdown:focus-within{background:var(--road-surface-inverse)}/*!@.dropdown summary::-webkit-details-marker*/.dropdown.sc-road-dropdown summary.sc-road-dropdown::-webkit-details-marker{display:none}/*!@.dropdown-button*/.dropdown-button.sc-road-dropdown{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}/*!@.dropdown-medium-button*/.dropdown-medium-button.sc-road-dropdown{width:2.5rem;height:2.5rem}/*!@.position-right*/.position-right.sc-road-dropdown{display:flex;justify-content:flex-end}/*!@.bg-white*/.bg-white.sc-road-dropdown{background:var(--road-grey-000)}/*!@.dropdown-button-icon*/.dropdown-button-icon.sc-road-dropdown{width:2.5rem;height:2.5rem}/*!@.dropdown-medium-button .dropdown-button-icon*/.dropdown-medium-button.sc-road-dropdown .dropdown-button-icon.sc-road-dropdown{width:1.75rem;height:1.75rem}/*!@.dropdown[open] .dropdown-menu*/.dropdown[open].sc-road-dropdown .dropdown-menu.sc-road-dropdown{transform:scaleY(1)}/*!@.dropdown[open] .dropdown-menu.direction-top*/.dropdown[open].sc-road-dropdown .dropdown-menu.direction-top.sc-road-dropdown{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}/*!@.dropdown-menu*/.dropdown-menu.sc-road-dropdown{position:absolute;z-index:1;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}/*!@.dropdown-left*/.dropdown-left.sc-road-dropdown{left:0}/*!@.dropdown-right*/.dropdown-right.sc-road-dropdown{right:0}/*!@.dropdown-item*/.dropdown-item.sc-road-dropdown{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}/*!@.dropdown-item-border*/.dropdown-item-border.sc-road-dropdown{border-color:var(--road-outline-weak);border-bottom:1px solid}/*!@.dropdown-item:hover,\n.dropdown-item.focus-visible*/.dropdown-item.sc-road-dropdown:hover,.dropdown-item.focus-visible.sc-road-dropdown{background:var(--road-surface-inverse)}";
13825
13752
 
13826
13753
  class Dropdown$1 {
13827
13754
  constructor(hostRef) {
@@ -13844,12 +13771,12 @@ class Dropdown$1 {
13844
13771
  this.isOpen = false;
13845
13772
  }
13846
13773
  render() {
13847
- const isLightButtonDropDown = this.isLight ? 'dropdown-button' : 'dropdown-button bg-white';
13848
- const isMediumButtonDropDown = this.isMedium ? 'dropdown-medium-button dropdown-button' : 'dropdown-button bg-white';
13774
+ const isLightButtonDropDown = this.isLight ? 'dropdown-button' : 'dropdown-button';
13775
+ const isMediumButtonDropDown = this.isMedium ? 'dropdown-medium-button dropdown-button' : 'dropdown-button';
13849
13776
  const positionClass = this.position ? `position-${this.position}` : '';
13850
13777
  const dropdownClass = this.position ? `dropdown-${this.position}` : '';
13851
13778
  const directionClass = this.direction ? `direction-${this.direction}` : '';
13852
- return (hAsync("details", { class: "dropdown", open: this.isOpen }, hAsync("summary", { "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { class: `d-flex ${positionClass}` }, hAsync("div", { class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { name: "navigation-more", class: "dropdown-button-icon" })))), hAsync("div", { class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { name: "list" }))));
13779
+ return (hAsync("details", { class: "dropdown", open: this.isOpen }, hAsync("summary", { "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { class: `d-flex ${positionClass}` }, hAsync("div", { class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { name: "list" }))));
13853
13780
  }
13854
13781
  get el() { return getElement(this); }
13855
13782
  static get style() { return dropdownCss; }
@@ -13869,7 +13796,7 @@ class Dropdown$1 {
13869
13796
  }; }
13870
13797
  }
13871
13798
 
13872
- const profilDropdownCss = "/*!@:host*/.sc-road-profil-dropdown-h{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}/*!@.dropdown*/.dropdown.sc-road-profil-dropdown{position:relative;width:max-content;font-family:var(--road-font)}/*!@.dropdown summary*/.dropdown.sc-road-profil-dropdown summary.sc-road-profil-dropdown{display:block;cursor:pointer;outline:none}/*!@.dropdown summary::-webkit-details-marker*/.dropdown.sc-road-profil-dropdown summary.sc-road-profil-dropdown::-webkit-details-marker{display:none}/*!@.dropdown-button*/.dropdown-button.sc-road-profil-dropdown{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}/*!@.dropdown-button:hover*/.dropdown-button.sc-road-profil-dropdown:hover{background:var(--road-grey-200)}/*!@.dropdown[open] .dropdown-menu*/.dropdown[open].sc-road-profil-dropdown .dropdown-menu.sc-road-profil-dropdown{transform:scaleY(1)}/*!@.dropdown[open] .dropdown-menu.direction-top*/.dropdown[open].sc-road-profil-dropdown .dropdown-menu.direction-top.sc-road-profil-dropdown{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}/*!@.dropdown-menu*/.dropdown-menu.sc-road-profil-dropdown{position:absolute;top:0;left:5.5rem;z-index:2;display:flex;flex-direction:column;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}/*!@road-item*/road-item.sc-road-profil-dropdown{font-size:var(--road-button-medium)}/*!@.profil-item*/.profil-item.sc-road-profil-dropdown{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-outline)}/*!@.profil-item-info*/.profil-item-info.sc-road-profil-dropdown{display:flex;flex-direction:column;margin-left:1rem;text-align:left}/*!@.profil-item-info-name*/.profil-item-info-name.sc-road-profil-dropdown{font-weight:700}/*!@.profil-item road-avatar:hover*/.profil-item.sc-road-profil-dropdown road-avatar.sc-road-profil-dropdown:hover{box-shadow:none}/*!@.dropdown-item*/.dropdown-item.sc-road-profil-dropdown{display:flex;align-items:center;min-height:40px;padding:0 1rem;font-size:var(--road-button-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}/*!@.dropdown-item-border*/.dropdown-item-border.sc-road-profil-dropdown{border-color:var(--road-outline);border-bottom:1px solid}/*!@.dropdown-item road-icon*/.dropdown-item.sc-road-profil-dropdown road-icon.sc-road-profil-dropdown{margin-right:0.7rem}/*!@road-item:hover:first-child,\nroad-item.focus-visible:first-child*/road-item.sc-road-profil-dropdown:hover:first-child,road-item.focus-visible.sc-road-profil-dropdown:first-child{background:none}/*!@road-item:hover,\nroad-item.focus-visible*/road-item.sc-road-profil-dropdown:hover,road-item.focus-visible.sc-road-profil-dropdown{background:var(--road-surface-inverse)}";
13799
+ const profilDropdownCss = "/*!@:host*/.sc-road-profil-dropdown-h{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}/*!@.dropdown*/.dropdown.sc-road-profil-dropdown{position:relative;width:max-content;font-family:var(--road-font)}/*!@.dropdown summary*/.dropdown.sc-road-profil-dropdown summary.sc-road-profil-dropdown{display:block;width:3.5rem;cursor:pointer;border-radius:3rem;outline:none}/*!@.dropdown summary:focus,\n.dropdown summary.focus-visible,\n.dropdown summary:focus-within*/.dropdown.sc-road-profil-dropdown summary.sc-road-profil-dropdown:focus,.dropdown.sc-road-profil-dropdown summary.focus-visible.sc-road-profil-dropdown,.dropdown.sc-road-profil-dropdown summary.sc-road-profil-dropdown:focus-within{box-shadow:0 0 0 4px var(--road-primary-80)}/*!@.dropdown summary::-webkit-details-marker*/.dropdown.sc-road-profil-dropdown summary.sc-road-profil-dropdown::-webkit-details-marker{display:none}/*!@.dropdown-button*/.dropdown-button.sc-road-profil-dropdown{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}/*!@.dropdown-button:hover*/.dropdown-button.sc-road-profil-dropdown:hover{background:var(--road-grey-200)}/*!@.dropdown[open] .dropdown-menu*/.dropdown[open].sc-road-profil-dropdown .dropdown-menu.sc-road-profil-dropdown{transform:scaleY(1)}/*!@.dropdown[open] .dropdown-menu.direction-top*/.dropdown[open].sc-road-profil-dropdown .dropdown-menu.direction-top.sc-road-profil-dropdown{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}/*!@.dropdown-menu*/.dropdown-menu.sc-road-profil-dropdown{position:absolute;top:0;left:5.5rem;z-index:2;display:flex;flex-direction:column;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}/*!@road-item*/road-item.sc-road-profil-dropdown{font-size:var(--road-button-medium)}/*!@.profil-item*/.profil-item.sc-road-profil-dropdown{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-outline)}/*!@.profil-item-info*/.profil-item-info.sc-road-profil-dropdown{display:flex;flex-direction:column;margin-left:1rem;text-align:left}/*!@.profil-item-info-name*/.profil-item-info-name.sc-road-profil-dropdown{font-weight:700}/*!@.profil-item road-avatar:hover*/.profil-item.sc-road-profil-dropdown road-avatar.sc-road-profil-dropdown:hover{box-shadow:none}/*!@.dropdown-item*/.dropdown-item.sc-road-profil-dropdown{display:flex;align-items:center;min-height:40px;padding:0 1rem;font-size:var(--road-button-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}/*!@.dropdown-item-border*/.dropdown-item-border.sc-road-profil-dropdown{border-color:var(--road-outline);border-bottom:1px solid}/*!@.dropdown-item road-icon*/.dropdown-item.sc-road-profil-dropdown road-icon.sc-road-profil-dropdown{margin-right:0.7rem}/*!@road-item:hover:first-child,\nroad-item.focus-visible:first-child*/road-item.sc-road-profil-dropdown:hover:first-child,road-item.focus-visible.sc-road-profil-dropdown:first-child{background:none}/*!@road-item:hover,\nroad-item.focus-visible*/road-item.sc-road-profil-dropdown:hover,road-item.focus-visible.sc-road-profil-dropdown{background:var(--road-surface-inverse)}";
13873
13800
 
13874
13801
  /**
13875
13802
  * @slot - Element how will open the dropdown when clicked
@@ -13892,9 +13819,18 @@ class Dropdown {
13892
13819
  };
13893
13820
  this.isOpen = false;
13894
13821
  }
13822
+ handleDocumentClick(ev) {
13823
+ // Check if the clicked element is the dropdown button
13824
+ if (ev.target.closest('road-profil-dropdown') === this.el) {
13825
+ return; // Do nothing if clicked element is the dropdown button
13826
+ }
13827
+ // Close dropdown if click is outside the dropdown
13828
+ this.isOpen = false;
13829
+ }
13895
13830
  render() {
13896
13831
  return (hAsync("details", { class: "dropdown", open: this.isOpen }, hAsync("summary", { "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { class: `d-flex` }, hAsync("div", null, hAsync("road-avatar", null, hAsync("slot", { name: "avatar" }))))), hAsync("div", { class: `dropdown-menu` }, hAsync("div", { class: "profil-item" }, hAsync("road-avatar", { size: "sm" }, hAsync("slot", { name: "avatarItem" })), hAsync("div", { class: "profil-item-info" }, hAsync("span", { class: "profil-item-info-name" }, hAsync("slot", { name: "name" })), hAsync("road-label", null, hAsync("slot", { name: "email" })))), hAsync("slot", { name: "list" }))));
13897
13832
  }
13833
+ get el() { return getElement(this); }
13898
13834
  static get style() { return profilDropdownCss; }
13899
13835
  static get cmpMeta() { return {
13900
13836
  "$flags$": 9,
@@ -13902,7 +13838,7 @@ class Dropdown {
13902
13838
  "$members$": {
13903
13839
  "isOpen": [1028, "is-open"]
13904
13840
  },
13905
- "$listeners$": undefined,
13841
+ "$listeners$": [[4, "click", "handleDocumentClick"]],
13906
13842
  "$lazyBundleId$": "-",
13907
13843
  "$attrsToReflect$": []
13908
13844
  }; }
@@ -14022,7 +13958,7 @@ class GlobalNavigation {
14022
13958
  this.selectedTabChanged();
14023
13959
  }
14024
13960
  render() {
14025
- return (hAsync(Host, { role: "tablist" }, hAsync("slot", null)));
13961
+ return (hAsync(Host, { role: "application" }, hAsync("slot", null)));
14026
13962
  }
14027
13963
  static get watchers() { return {
14028
13964
  "selectedTab": ["selectedTabChanged"]
@@ -14260,7 +14196,7 @@ class Illustration {
14260
14196
  render() {
14261
14197
  const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
14262
14198
  const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
14263
- return (hAsync(Host, { class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true" }, ((this.illustrationSvgContent !== '')
14199
+ return (hAsync(Host, { class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
14264
14200
  ? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
14265
14201
  : hAsync("div", { class: "icon-inner" }))));
14266
14202
  }
@@ -14388,7 +14324,7 @@ class Img {
14388
14324
  }; }
14389
14325
  }
14390
14326
 
14391
- const inputCss = ".sc-road-input-h{--height:3rem;--border-radius:0.25rem;--input-text-align:left;--margin-bottom:1rem;position:relative;display:block;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);color:var(--road-grey-10)}.form-control.sc-road-input{box-sizing:border-box;display:block;width:100%;height:var(--height);padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);text-align:var(--input-text-align);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:var(--border-radius);box-shadow:none;-webkit-appearance:none;appearance:none}.form-control[type=\"number\"].sc-road-input{-webkit-appearance:textfield;appearance:textfield}.form-control.sc-road-input::-webkit-calendar-picker-indicator{margin-top:-0.75rem}.form-control.sc-road-input::-webkit-date-and-time-value{padding-top:0.625rem}.form-control.sc-road-input::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-input:focus~.form-label.sc-road-input,.form-control[required].sc-road-input:valid~.form-label.sc-road-input,.form-control.has-value.sc-road-input~.form-label.sc-road-input,.form-control[type=\"date\"].sc-road-input~.form-label.sc-road-input,.form-control[type=\"time\"].sc-road-input~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:-ms-input-placeholder~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:not(:disabled):focus,.form-control[autofocus].sc-road-input{border-color:var(--road-input-outline-variant);outline:0}.form-control.sc-road-input:disabled,.form-control[readonly].sc-road-input{cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-label.sc-road-input{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-control.sc-road-input:required~.form-label.sc-road-input::after{color:var(--road-danger-default);content:\" *\"}.less-label.sc-road-input{padding-top:0}.input-xl.sc-road-input-h{--height:3.5rem}.input-xl.sc-road-input-h .form-control.sc-road-input{padding:1rem 1rem 0}.phone-number.sc-road-input-h .form-control.sc-road-input{padding-left:2rem}.phone-number.sc-road-input-h .form-label.sc-road-input{left:2rem}.input-xl.sc-road-input-h .form-label.sc-road-input{top:1rem}.input-xl.sc-road-input-h .form-control.sc-road-input:focus~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[autofocus].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[required].sc-road-input:valid~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control.has-value.sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type=\"date\"].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type=\"time\"].sc-road-input~.form-label.sc-road-input{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-input-h .form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.invalid-feedback.sc-road-input{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-input~.invalid-feedback.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid~.invalid-feedback.sc-road-input{display:block}.helper.sc-road-input{margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-surface-weak)}.form-control[type=\"password\"].sc-road-input~.checklist-password.sc-road-input .invalid.sc-road-input{color:var(--road-on-surface-weak)}";
14327
+ const inputCss = ".sc-road-input-h{--height:3rem;--border-radius:0.25rem;--input-text-align:left;--margin-bottom:1rem;position:relative;display:block;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);color:var(--road-grey-10)}.form-control.sc-road-input{box-sizing:border-box;display:block;width:100%;height:var(--height);padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);text-align:var(--input-text-align);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:var(--border-radius);box-shadow:none;-webkit-appearance:none;appearance:none}.form-control[type=\"number\"].sc-road-input{-webkit-appearance:textfield;appearance:textfield}.form-control.sc-road-input::-webkit-calendar-picker-indicator{margin-top:-0.75rem}.form-control.sc-road-input::-webkit-date-and-time-value{padding-top:0.625rem}.form-control.sc-road-input::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-input:focus~.form-label.sc-road-input,.form-control[required].sc-road-input:valid~.form-label.sc-road-input,.form-control.has-value.sc-road-input~.form-label.sc-road-input,.form-control[type=\"date\"].sc-road-input~.form-label.sc-road-input,.form-control[type=\"time\"].sc-road-input~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:-ms-input-placeholder~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:not(:disabled):focus,.form-control[autofocus].sc-road-input{border-color:var(--road-input-outline-variant);outline:0}.form-control.sc-road-input:disabled,.form-control[readonly].sc-road-input{cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-label.sc-road-input{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-control.sc-road-input:required~.form-label.sc-road-input::after{color:var(--road-danger-default);content:\" *\"}.less-label.sc-road-input{padding-top:0}.input-xl.sc-road-input-h{--height:3.5rem}.input-xl.sc-road-input-h .form-control.sc-road-input{padding:1rem 1rem 0}.phone-number.sc-road-input-h .form-control.sc-road-input{padding-left:2rem}.phone-number.sc-road-input-h .form-label.sc-road-input{left:2rem}.input-xl.sc-road-input-h .form-label.sc-road-input{top:1rem}.input-xl.sc-road-input-h .form-control.sc-road-input:focus~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[autofocus].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[required].sc-road-input:valid~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control.has-value.sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type=\"date\"].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type=\"time\"].sc-road-input~.form-label.sc-road-input{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-input-h .form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.invalid-feedback.sc-road-input{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.invalid-feedback.sc-road-input road-icon.sc-road-input{color:var(--road-danger-icon);margin-right:var(--road-spacing-02)}.form-control.is-invalid.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-input~.invalid-feedback.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid~.invalid-feedback.sc-road-input{display:flex}.helper.sc-road-input{margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-surface-weak)}.form-control[type=\"password\"].sc-road-input~.checklist-password.sc-road-input .invalid.sc-road-input{color:var(--road-on-surface-weak)}";
14392
14328
 
14393
14329
  const debounceEvent = (event, wait) => {
14394
14330
  const original = event._original || event;
@@ -14428,10 +14364,24 @@ class Input {
14428
14364
  this.roadBlur = createEvent(this, "roadBlur", 7);
14429
14365
  this.roadfocus = createEvent(this, "roadfocus", 7);
14430
14366
  this.roadFocus = createEvent(this, "roadFocus", 7);
14367
+ // private onInput = (ev: Event) => {
14368
+ // const input = ev.target as HTMLInputElement | null;
14369
+ // if (input) {
14370
+ // this.value = input.value || "";
14371
+ // }
14372
+ // this.roadinput.emit(ev as KeyboardEvent);
14373
+ // this.roadInput.emit(ev as KeyboardEvent);
14374
+ // };
14431
14375
  this.onInput = (ev) => {
14432
14376
  const input = ev.target;
14433
14377
  if (input) {
14434
- this.value = input.value || "";
14378
+ let value = input.value || "";
14379
+ // Si le type est "tel", on vérifie si la valeur contient uniquement des chiffres ou le symbole "+"
14380
+ if (this.type === 'tel' && !/^\+?[0-9]*$/.test(value)) {
14381
+ // Si la valeur n'est pas conforme, on ne la met pas à jour et on arrête la fonction
14382
+ return;
14383
+ }
14384
+ this.value = value;
14435
14385
  }
14436
14386
  this.roadinput.emit(ev);
14437
14387
  this.roadInput.emit(ev);
@@ -14517,7 +14467,7 @@ class Input {
14517
14467
  const hasValueClass = this.value !== '' ? 'has-value' : '';
14518
14468
  const lessLabelClass = this.label !== '' ? '' : 'less-label';
14519
14469
  const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
14520
- return (hAsync(Host, { "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value }, hAsync("input", { class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyUp: (event) => this.enforceMinMax(event.target), "data-cy": 'road-input' }), hAsync("label", { class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && hAsync("p", { class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { class: "helper" }, this.helper), this.type && this.type == 'password' &&
14470
+ return (hAsync(Host, { "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value }, hAsync("input", { class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyUp: (event) => this.enforceMinMax(event.target), "data-cy": 'road-input' }), hAsync("label", { class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && hAsync("p", { class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.error), this.helper && this.helper !== '' && hAsync("p", { class: "helper" }, this.helper), this.type && this.type == 'password' &&
14521
14471
  hAsync("slot", { name: "checklistPassword" })));
14522
14472
  }
14523
14473
  static get watchers() { return {
@@ -14585,7 +14535,7 @@ class InputGroup {
14585
14535
  const errorClass = this.el.querySelector("road-input[error]") ? 'is-invalid' : '';
14586
14536
  const disabledClass = this.el.querySelector("road-input[disabled]") ? 'is-disabled' : '';
14587
14537
  const sizeClass = this.el.querySelector("road-input[sizes]") ? `size-${this.el.querySelector("road-input").sizes}` : '';
14588
- return (hAsync("div", { class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("slot", null), hAsync("div", { class: "input-group-prepend" }, hAsync("slot", { name: "prepend" })), hAsync("div", { class: "input-group-append" }, hAsync("slot", { name: "append" }))));
14538
+ return (hAsync("div", { class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { class: "input-group-prepend" }, hAsync("slot", { name: "prepend" })), hAsync("slot", null), hAsync("div", { class: "input-group-append" }, hAsync("slot", { name: "append" }))));
14589
14539
  }
14590
14540
  get el() { return getElement(this); }
14591
14541
  static get style() { return inputGroupCss; }
@@ -14791,7 +14741,7 @@ class Modal {
14791
14741
  const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
14792
14742
  const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
14793
14743
  const closeIconElement = this.hasCloseIcon ? hAsync("button", { type: "button", class: "modal-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" })) : '';
14794
- return (hAsync(Host, { class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog" }, hAsync("div", { class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { class: "modal-content" }, hAsync("header", { class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { class: "modal-body" }, hAsync("slot", null))))));
14744
+ return (hAsync(Host, { class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { class: "modal-content" }, hAsync("header", { class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { class: "modal-body" }, hAsync("slot", null))))));
14795
14745
  }
14796
14746
  get el() { return getElement(this); }
14797
14747
  static get style() { return modalCss; }
@@ -14842,7 +14792,7 @@ class Navbar {
14842
14792
  this.selectedTabChanged();
14843
14793
  }
14844
14794
  render() {
14845
- return (hAsync(Host, { role: "tablist" }, hAsync("slot", null)));
14795
+ return (hAsync(Host, { role: "menubar" }, hAsync("slot", null)));
14846
14796
  }
14847
14797
  static get watchers() { return {
14848
14798
  "selectedTab": ["selectedTabChanged"]
@@ -14918,7 +14868,7 @@ class NavbarItem {
14918
14868
  rel,
14919
14869
  target,
14920
14870
  };
14921
- return (hAsync(Host, { onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
14871
+ return (hAsync(Host, { onClick: this.onClick, onKeyup: this.onKeyUp, role: "menu", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
14922
14872
  'navbar-item': true,
14923
14873
  'tab-selected': selected,
14924
14874
  'tab-disabled': disabled,
@@ -14944,7 +14894,7 @@ class NavbarItem {
14944
14894
  }; }
14945
14895
  }
14946
14896
 
14947
- const plateNumberCss = ".sc-road-plate-number-h{display:block}.plate-number.sc-road-plate-number{--margin-bottom:0}.plate-number-start.sc-road-plate-number,.plate-number-end.sc-road-plate-number{width:1.75rem;height:calc(3rem - 0.25rem);background:var(--road-info-50)}.input-group-prepend.sc-road-plate-number{margin-right:-1px}.input-group-prepend.sc-road-plate-number,.input-group-append.sc-road-plate-number{padding:0}.plate-number-start.sc-road-plate-number{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-right:0;margin-left:1px;color:var(--road-icon-inverse);border-radius:0.125rem 0 0 0.125rem}.plate-number-icon.sc-road-plate-number{width:1.25rem;height:1.25rem;color:#f3db53}.plate-number-location.sc-road-plate-number{font-size:var(--road-button-medium);font-weight:700}.plate-number-end.sc-road-plate-number{margin-right:1px;border-radius:0 0.125rem 0.125rem 0}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number{color:var(--road-on-danger-surface)}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-append.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-prepend.sc-road-plate-number{border-color:var(--road-danger-outline)}.plate-number-input.sc-road-plate-number{position:relative;display:block;height:3rem;margin:0;font-family:var(--road-font, sans-serif);font-size:var(--road-heading-04);font-weight:700;color:var(--road-on-surface);text-align:center;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0;outline:0;box-shadow:none;-webkit-appearance:none;appearance:none}.plate-number-input.sc-road-plate-number::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}.plate-number-input.sc-road-plate-number:disabled{color:var(--road-on-surface-disabled);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.plate-number-input.sc-road-plate-number:disabled~.input-group-prepend.sc-road-plate-number,.plate-number-input.sc-road-plate-number:disabled~.input-group-append.sc-road-plate-number{cursor:not-allowed;background:var(--road-surface-disabled)}@media (hover: hover){.plate-number-input.sc-road-plate-number:not(:disabled):not([readonly]):hover{border-color:var(--road-input-outline-variant)}}.plate-number-input.sc-road-plate-number:not([readonly]):focus{border-color:var(--road-input-outline-variant);outline:0}.motorbike-plate.sc-road-plate-number .plate-number-input.sc-road-plate-number{height:6rem;padding:0.75rem 1rem 0;resize:none;border-left:0}.motorbike-plate.sc-road-plate-number .input-group-prepend.sc-road-plate-number,.motorbike-plate.sc-road-plate-number .input-group-append.sc-road-plate-number{align-items:flex-start;height:6rem;padding:0}.motorbike-plate.sc-road-plate-number .plate-number-start.sc-road-plate-number{margin-top:1px;border-radius:0.125rem 0 0}.motorbike-plate.sc-road-plate-number .plate-number-end.sc-road-plate-number{margin-top:1px;border-radius:0 0.125rem 0 0}";
14897
+ const plateNumberCss = ".sc-road-plate-number-h{display:block}.plate-number.sc-road-plate-number{--margin-bottom:0}.plate-number-start.sc-road-plate-number,.plate-number-end.sc-road-plate-number{width:1.75rem;height:calc(3rem - 0.25rem);background:var(--road-info-50)}.input-group-prepend.sc-road-plate-number{margin-right:-1px}.input-group-prepend.sc-road-plate-number,.input-group-append.sc-road-plate-number{padding:0}.plate-number-start.sc-road-plate-number{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-right:0;margin-left:1px;color:var(--road-icon-inverse);border-radius:0.125rem 0 0 0.125rem}.plate-number-icon.sc-road-plate-number{width:1.25rem;height:1.25rem;color:#f3db53}.plate-number-location.sc-road-plate-number{font-size:var(--road-button-medium);font-weight:700}.plate-number-end.sc-road-plate-number{margin-right:1px;border-radius:0 0.125rem 0.125rem 0}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number{color:var(--road-on-danger-surface)}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-append.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-prepend.sc-road-plate-number{border-color:var(--road-danger-outline)}.plate-number-input.sc-road-plate-number{position:relative;display:block;height:3rem;margin:0;font-family:var(--road-font, sans-serif);font-size:var(--road-heading-04);font-weight:700;color:var(--road-on-surface);text-align:center;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0;outline:0;box-shadow:none;-webkit-appearance:none;appearance:none}.plate-number-input.sc-road-plate-number::placeholder{color:var(--road-on-surface-weak);opacity:1}.plate-number-input.sc-road-plate-number:disabled{color:var(--road-on-surface-disabled);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.plate-number-input.sc-road-plate-number:disabled~.input-group-prepend.sc-road-plate-number,.plate-number-input.sc-road-plate-number:disabled~.input-group-append.sc-road-plate-number{cursor:not-allowed;background:var(--road-surface-disabled)}@media (hover: hover){.plate-number-input.sc-road-plate-number:not(:disabled):not([readonly]):hover{border-color:var(--road-input-outline-variant)}}.plate-number-input.sc-road-plate-number:not([readonly]):focus{border-color:var(--road-input-outline-variant);outline:0}.motorbike-plate.sc-road-plate-number .plate-number-input.sc-road-plate-number{height:6rem;padding:0.75rem 1rem 0;resize:none;border-left:0}.motorbike-plate.sc-road-plate-number .input-group-prepend.sc-road-plate-number,.motorbike-plate.sc-road-plate-number .input-group-append.sc-road-plate-number{align-items:flex-start;height:6rem;padding:0}.motorbike-plate.sc-road-plate-number .plate-number-start.sc-road-plate-number{margin-top:1px;border-radius:0.125rem 0 0}.motorbike-plate.sc-road-plate-number .plate-number-end.sc-road-plate-number{margin-top:1px;border-radius:0 0.125rem 0 0}";
14948
14898
 
14949
14899
  class PlateNumber {
14950
14900
  constructor(hostRef) {
@@ -15037,7 +14987,7 @@ class PlateNumber {
15037
14987
  render() {
15038
14988
  const value = this.getValue();
15039
14989
  const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
15040
- return (hAsync("road-input-group", { class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { slot: "prepend", class: "input-group-prepend" }, hAsync("div", { class: "plate-number-start" }, hAsync("road-icon", { class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { class: "plate-number-location" }, this.countries
14990
+ return (hAsync("road-input-group", { class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { slot: "prepend", class: "input-group-prepend" }, hAsync("div", { class: "plate-number-start" }, hAsync("road-icon", { class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
15041
14991
  .filter(item => item.country === this.country)[0].letter))), this.motorbike
15042
14992
  ? (hAsync("textarea", { class: "form-control plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, maxlength: "9", rows: 2, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }))
15043
14993
  : (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { slot: "append", class: "input-group-append" }, hAsync("div", { class: "plate-number-end" }))));
@@ -15082,7 +15032,7 @@ class ProgressBar {
15082
15032
  const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
15083
15033
  const light = this.light ? 'progress progress-light' : 'progress';
15084
15034
  const animation = this.animation ? 'animation' : '';
15085
- return (hAsync(Host, { class: "progress-element" }, hAsync("div", { class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100" })), hAsync("div", { class: `${fullwidth}` }, hAsync("span", { class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
15035
+ return (hAsync(Host, { class: "progress-element" }, hAsync("div", { class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), hAsync("div", { class: `${fullwidth}` }, hAsync("span", { class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
15086
15036
  }
15087
15037
  static get style() { return progressCss; }
15088
15038
  static get cmpMeta() { return {
@@ -15104,7 +15054,7 @@ class ProgressBar {
15104
15054
  }; }
15105
15055
  }
15106
15056
 
15107
- const progressIndicatorVerticalCss = "/*!@:host*/.sc-road-progress-indicator-vertical-h{display:block}/*!@.progress-indicator-vertical*/.progress-indicator-vertical.sc-road-progress-indicator-vertical{display:flex;flex-direction:column;padding-left:0;list-style:none}";
15057
+ const progressIndicatorVerticalCss = "/*!@:host*/.sc-road-progress-indicator-vertical-h{display:block}/*!@:host ul li*/.sc-road-progress-indicator-vertical-h ul.sc-road-progress-indicator-vertical li.sc-road-progress-indicator-vertical{list-style:none}/*!@.progress-indicator-vertical*/.progress-indicator-vertical.sc-road-progress-indicator-vertical{display:flex;flex-direction:column;padding-left:0;list-style:none}";
15108
15058
 
15109
15059
  /**
15110
15060
  * @slot - content of the stepper item, it should be road-vertical-stepper-item elements.
@@ -15122,7 +15072,7 @@ class ProgressIndicatorVertical {
15122
15072
  registerInstance(this, hostRef);
15123
15073
  }
15124
15074
  render() {
15125
- return (hAsync(Host, null, hAsync("nav", null, hAsync("ul", null, hAsync("slot", null)))));
15075
+ return (hAsync(Host, null, hAsync("nav", null, hAsync("ul", null, hAsync("li", null, hAsync("slot", null))))));
15126
15076
  }
15127
15077
  static get style() { return progressIndicatorVerticalCss; }
15128
15078
  static get cmpMeta() { return {
@@ -15158,7 +15108,7 @@ class ProgressIndicatorVerticalItem {
15158
15108
  }; }
15159
15109
  }
15160
15110
 
15161
- const progressTrackerCss = "/*!@:host*/.sc-road-progress-tracker-h{display:block}/*!@:host ul*/.sc-road-progress-tracker-h ul.sc-road-progress-tracker{padding-left:0}/*!@.progress-tracker*/.progress-tracker.sc-road-progress-tracker{display:flex;flex-direction:column;padding-left:0;list-style:none}";
15111
+ const progressTrackerCss = "/*!@:host*/.sc-road-progress-tracker-h{display:block}/*!@:host ul*/.sc-road-progress-tracker-h ul.sc-road-progress-tracker{padding-left:0}/*!@:host ul li*/.sc-road-progress-tracker-h ul.sc-road-progress-tracker li.sc-road-progress-tracker{list-style:none}/*!@.progress-tracker*/.progress-tracker.sc-road-progress-tracker{display:flex;flex-direction:column;padding-left:0;list-style:none}";
15162
15112
 
15163
15113
  /**
15164
15114
  * @slot - content of the progress stepper tracker item, it should be road-progress-tracker-item elements.
@@ -15173,7 +15123,7 @@ class ProgressTracker {
15173
15123
  registerInstance(this, hostRef);
15174
15124
  }
15175
15125
  render() {
15176
- return (hAsync(Host, null, hAsync("nav", null, hAsync("ul", null, hAsync("slot", null)))));
15126
+ return (hAsync(Host, null, hAsync("nav", null, hAsync("ul", null, hAsync("li", null, hAsync("slot", null))))));
15177
15127
  }
15178
15128
  static get style() { return progressTrackerCss; }
15179
15129
  static get cmpMeta() { return {
@@ -15385,7 +15335,7 @@ class RadioGroup {
15385
15335
  }
15386
15336
  let radioGroupIds = 0;
15387
15337
 
15388
- const rangeCss = ".sc-road-range-h{display:block}.form-group.sc-road-range{width:100%}.form-range.sc-road-range{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:6px}.form-range-input.sc-road-range{position:relative;z-index:1;width:100%;background:transparent;outline:0;-webkit-appearance:none;appearance:none}.form-range.sc-road-range>output.sc-road-range::after{display:block;font-size:var(--road-label-medium);text-align:right;content:counter(variable);counter-reset:variable var(--value)}.form-range-progress.sc-road-range{position:relative;z-index:0;display:block;width:100%;margin-top:-1rem}.form-range-input.sc-road-range::-webkit-slider-runnable-track{border:0;-webkit-appearance:none;appearance:none}.form-range-input.sc-road-range::-moz-range-track{height:0.5rem;border:0;appearance:none}.form-range-progress.sc-road-range::before{display:block;height:0.5rem;content:\"\";background-color:var(--road-on-surface-disabled);border:0;border-radius:1.125rem}.form-range-progress.sc-road-range::after{position:absolute;top:0;right:0;left:0;display:block;width:calc((var(--value) * 100%) / var(--max));height:0.5rem;content:\"\";background:var(--road-primary);border-radius:1.125rem}.form-range-input.sc-road-range::-webkit-slider-thumb{position:relative;z-index:1;width:1.625rem;height:1.625rem;cursor:grab;background:var(--road-surface);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);-webkit-appearance:none;appearance:none}.form-range-input.sc-road-range::-moz-range-thumb{position:relative;z-index:1;box-sizing:border-box;width:1.625rem;height:1.625rem;margin-top:-0.625rem;cursor:grab;background:var(--road-surface);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);appearance:none}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-webkit-slider-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-moz-range-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.sc-road-range-s>datalist{display:flex;justify-content:space-between}.sc-road-range-s>datalist option{width:32px;margin:0;font-size:var(--road-label-medium);text-align:center}";
15338
+ const rangeCss = ".sc-road-range-h{display:block}.form-group.sc-road-range{width:100%}.form-range.sc-road-range{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:6px}.form-range-input.sc-road-range{position:relative;z-index:1;width:100%;background:transparent;outline:0;-webkit-appearance:none;appearance:none}.form-range.sc-road-range>output.sc-road-range::after{display:block;font-size:var(--road-label-medium);text-align:right;content:counter(variable);counter-reset:variable var(--value)}.form-range-label.sc-road-range{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.form-range-progress.sc-road-range{position:relative;z-index:0;display:block;width:100%;margin-top:-1rem}.form-range-input.sc-road-range::-webkit-slider-runnable-track{border:0;-webkit-appearance:none;appearance:none}.form-range-input.sc-road-range::-moz-range-track{height:0.5rem;border:0;appearance:none}.form-range-progress.sc-road-range::before{display:block;height:0.5rem;content:\"\";background-color:var(--road-on-surface-disabled);border:0;border-radius:1.125rem}.form-range-progress.sc-road-range::after{position:absolute;top:0;right:0;left:0;display:block;width:calc((var(--value) * 100%) / var(--max));height:0.5rem;content:\"\";background:var(--road-primary);border-radius:1.125rem}.form-range-input.sc-road-range::-webkit-slider-thumb{position:relative;z-index:1;width:1.625rem;height:1.625rem;cursor:grab;background:var(--road-surface);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);-webkit-appearance:none;appearance:none}.form-range-input.sc-road-range::-moz-range-thumb{position:relative;z-index:1;box-sizing:border-box;width:1.625rem;height:1.625rem;margin-top:-0.625rem;cursor:grab;background:var(--road-surface);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);appearance:none}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:focus .form-range-input.sc-road-range::-webkit-slider-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:focus .form-range-input.sc-road-range::-moz-range-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.sc-road-range-s>datalist{display:flex;justify-content:space-between}.sc-road-range-s>datalist option{width:32px;margin:0;font-size:var(--road-label-medium);text-align:center}";
15389
15339
 
15390
15340
  /**
15391
15341
  * @slot datalist - list of labels. also put show-labels="true" and max="10" for this exemple
@@ -15438,10 +15388,34 @@ class Range {
15438
15388
  ? this.value.toString()
15439
15389
  : (this.value || '').toString();
15440
15390
  }
15391
+ handleFocus() {
15392
+ this.el.classList.add('focus-visible');
15393
+ }
15394
+ handleBlur() {
15395
+ this.el.classList.remove('focus-visible');
15396
+ }
15397
+ componentDidLoad() {
15398
+ // Cacher le label pour accessibilité
15399
+ const label = this.el.querySelector('.form-label');
15400
+ const input = this.el.querySelector('.form-control.sc-road-input');
15401
+ if (label) {
15402
+ label.style.clip = 'rect(0 0 0 0)';
15403
+ label.style.border = '0';
15404
+ label.style.height = '1px';
15405
+ label.style.left = '0';
15406
+ label.style.margin = '-1px';
15407
+ label.style.overflow = 'hidden';
15408
+ label.style.padding = '0';
15409
+ label.style.position = 'absolute';
15410
+ label.style.top = '0';
15411
+ label.style.width = '1px';
15412
+ input.style.padding = '0 1rem 0';
15413
+ }
15414
+ }
15441
15415
  render() {
15442
15416
  const value = this.getValue();
15443
15417
  const datalist = this.showLabels !== undefined ? `tickmarks` : '';
15444
- return (hAsync("div", { class: "form-group d-flex align-items-end" }, this.showTick && hAsync("road-icon", { icon: navigationAddLessSolid, class: "mr-8", size: 'sm' }), hAsync("div", { class: "form-range", style: { '--min:': this.min, '--max': this.max, '--value': value } }, this.showValue && hAsync("output", null), this.showLabels && hAsync("slot", { name: "datalist" }), hAsync("input", { type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist }), hAsync("div", { class: "form-range-progress" })), this.showTick && hAsync("road-icon", { icon: navigationAddMoreSolid, class: "ml-8", size: 'sm' })));
15418
+ return (hAsync(Host, { tabindex: "0" }, hAsync("div", { class: "form-group d-flex align-items-end" }, this.showTick && hAsync("road-icon", { icon: navigationAddLessSolid, class: "mr-8", size: 'sm' }), hAsync("div", { class: "form-range", style: { '--min:': this.min, '--max': this.max, '--value': value } }, this.showValue && hAsync("output", null), this.showLabels && hAsync("slot", { name: "datalist" }), hAsync("input", { type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist, "aria-label": "Valeur", tabindex: "0" }), hAsync("label", { class: "form-range-label" }, "Valeur"), hAsync("div", { class: "form-range-progress" })), this.showTick && hAsync("road-icon", { icon: navigationAddMoreSolid, class: "ml-8", size: 'sm' }))));
15445
15419
  }
15446
15420
  get el() { return getElement(this); }
15447
15421
  static get watchers() { return {
@@ -15461,7 +15435,7 @@ class Range {
15461
15435
  "showTick": [4, "show-tick"],
15462
15436
  "showLabels": [4, "show-labels"]
15463
15437
  },
15464
- "$listeners$": undefined,
15438
+ "$listeners$": [[2, "focus", "handleFocus"], [2, "blur", "handleBlur"]],
15465
15439
  "$lazyBundleId$": "-",
15466
15440
  "$attrsToReflect$": []
15467
15441
  }; }
@@ -16812,7 +16786,7 @@ i18n.phonenumbers.AsYouTypeFormatter.prototype.inputDigitHelper_=function(a){var
16812
16786
  });
16813
16787
  });
16814
16788
 
16815
- const phoneNumberInputCss = ".sc-road-phone-number-input-h #phone-number.sc-road-phone-number-input .invalid-feedback.sc-road-input.sc-road-phone-number-input{margin-left:-4.5rem}.is-invalid.sc-road-phone-number-input .form-control.sc-road-input.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.road-phone-input-select.sc-road-phone-number-input{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface);background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:none;-webkit-appearance:none;appearance:none;width:5rem;height:3.5rem}.sc-road-phone-number-input-h .is-error.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.form-select-area.sc-road-phone-number-input{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 2rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right -5px center/2.5rem 2rem;position:absolute;top:0;left:0;height:100%;width:95%;z-index:1;border:0;-webkit-appearance:none;appearance:none;opacity:1;cursor:pointer}.form-select-area.sc-road-phone-number-input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select-area.sc-road-phone-number-input::-ms-expand{display:none}.form-select-area.sc-road-phone-number-input::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select-area.sc-road-phone-number-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.form-select-area.sc-road-phone-number-input:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-select-area.sc-road-phone-number-input:disabled,.form-select-area[readonly].sc-road-phone-number-input{color:transparent;cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-select-area-label.sc-road-phone-number-input{position:absolute;top:0.9rem;left:1rem;display:block;font-size:var(--road-font-size-18);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select-area.sc-road-phone-number-input:required~.form-select-area-label.sc-road-phone-number-input::after{color:var(--road-on-danger-surface);content:\" *\"}.form-select-area-value.sc-road-phone-number-input{position:absolute;top:1.4rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.select-xl.sc-road-phone-number-input-h .form-select-area-label.sc-road-phone-number-input{top:1rem}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"date\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"time\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:placeholder-shown~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-phone-number-input{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid{border-color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input~.invalid-feedback.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid~.invalid-feedback.sc-road-phone-number-input{display:block}.form-select-area.sc-road-phone-number-input option.sc-road-phone-number-input:checked::after{position:absolute;top:0;left:0;content:attr(data-content)}.form-select-area.sc-road-phone-number-input::after{position:absolute;top:0;left:0;content:var(--selected-content, '')}";
16789
+ const phoneNumberInputCss = ".sc-road-phone-number-input-h #phone-number.sc-road-phone-number-input .invalid-feedback.sc-road-input.sc-road-phone-number-input{margin-left:-4.5rem}.is-invalid.sc-road-phone-number-input .form-control.sc-road-input.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.road-phone-input-select.sc-road-phone-number-input{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface);background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:none;-webkit-appearance:none;appearance:none;width:5rem;height:3.5rem}.sc-road-phone-number-input-h .is-error.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.form-select-area.sc-road-phone-number-input{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 2rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right -5px center/2.5rem 2rem;position:absolute;top:0;left:0;height:100%;width:95%;z-index:1;border:0;-webkit-appearance:none;appearance:none;opacity:1;cursor:pointer}.form-select-area.sc-road-phone-number-input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select-area.sc-road-phone-number-input::-ms-expand{display:none}.form-select-area.sc-road-phone-number-input::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select-area.sc-road-phone-number-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.form-select-area.sc-road-phone-number-input:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-select-area.sc-road-phone-number-input:disabled,.form-select-area[readonly].sc-road-phone-number-input{color:transparent;cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-select-area-label.sc-road-phone-number-input{position:absolute;top:0.9rem;left:1rem;display:block;font-size:var(--road-font-size-18);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select-area.sc-road-phone-number-input:required~.form-select-area-label.sc-road-phone-number-input::after{color:var(--road-on-danger-surface);content:\" *\"}.form-select-area-value.sc-road-phone-number-input{position:absolute;top:1.4rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.select-xl.sc-road-phone-number-input-h .form-select-area-label.sc-road-phone-number-input{top:1rem}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"date\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"time\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:placeholder-shown~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-phone-number-input{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid{border-color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input~.invalid-feedback.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid~.invalid-feedback.sc-road-phone-number-input{display:block}.form-select-area.sc-road-phone-number-input option.sc-road-phone-number-input:checked::after{position:absolute;top:0;left:0;content:attr(data-content)}.form-select-area.sc-road-phone-number-input::after{position:absolute;top:0;left:0;content:var(--selected-content, '')}";
16816
16790
 
16817
16791
  let selectIds$1 = 0;
16818
16792
  class RoadPhoneNumberInput {
@@ -16859,8 +16833,44 @@ class RoadPhoneNumberInput {
16859
16833
  }
16860
16834
  // On user input
16861
16835
  handleInput(event) {
16862
- this.phoneNumber = event.detail.value;
16863
- this.createAndDispatchPhoneData();
16836
+ // Récupérer la valeur saisie
16837
+ const inputValue = event.detail.value || '';
16838
+ // Vérifier si la valeur contient uniquement des chiffres ou le symbole "+"
16839
+ const containsOnlyNumbersAndPlus = /^[0-9+]*$/.test(inputValue);
16840
+ // Vérifier si la valeur contient des lettres
16841
+ const containsLetters = /[a-zA-Z]/.test(inputValue);
16842
+ // Vérifier si la valeur commence par un chiffre
16843
+ const startsWithNumber = /^[0-9]/.test(inputValue);
16844
+ // Si la valeur contient des lettres, ne pas la mettre à jour
16845
+ if (containsLetters) {
16846
+ // Réinitialiser la valeur du champ de saisie à son état précédent
16847
+ const inputElement = this.el.querySelector('#phone-number');
16848
+ if (inputElement) {
16849
+ inputElement.value = this.phoneNumber;
16850
+ }
16851
+ }
16852
+ else if (containsOnlyNumbersAndPlus && !startsWithNumber) {
16853
+ // Si la valeur contient des chiffres ou le symbole "+" mais ne commence pas par un chiffre, mettre à jour la valeur
16854
+ this.phoneNumber = inputValue;
16855
+ this.createAndDispatchPhoneData();
16856
+ }
16857
+ }
16858
+ // On user key up
16859
+ handleKeyUp(event) {
16860
+ // Récupérer la valeur saisie
16861
+ const inputValue = event.target.value || '';
16862
+ // Vérifier si la valeur contient uniquement des chiffres ou le symbole "+"
16863
+ const containsOnlyNumbersAndPlus = /^[0-9+]*$/.test(inputValue);
16864
+ // Si la valeur ne contient pas uniquement des chiffres ou le symbole "+", réinitialiser le champ de saisie à son état précédent
16865
+ if (!containsOnlyNumbersAndPlus) {
16866
+ // Réinitialiser la valeur du champ de saisie à son état précédent
16867
+ event.target.value = this.phoneNumber;
16868
+ }
16869
+ else {
16870
+ // Si la valeur contient uniquement des chiffres ou le symbole "+", mettre à jour la valeur du numéro de téléphone
16871
+ this.phoneNumber = inputValue;
16872
+ this.createAndDispatchPhoneData();
16873
+ }
16864
16874
  }
16865
16875
  // On user select
16866
16876
  handleSelect(event) {
@@ -16951,7 +16961,7 @@ class RoadPhoneNumberInput {
16951
16961
  }
16952
16962
  placeErrorMessage() {
16953
16963
  this.waitForElementToExist('.invalid-feedback').then((messError) => {
16954
- messError.style.display = "block";
16964
+ messError.style.display = "flex";
16955
16965
  messError.style.marginTop = "-0.5rem";
16956
16966
  const phoneNumberInput = this.el;
16957
16967
  phoneNumberInput.appendChild(messError);
@@ -16980,7 +16990,7 @@ class RoadPhoneNumberInput {
16980
16990
  const valueId = selectId + '-value';
16981
16991
  const isInvalidClass = this.errorMessage.length ? 'is-invalid' : '';
16982
16992
  const isErrorClass = this.errorMessage.length ? 'is-error' : '';
16983
- return (hAsync(Host, null, hAsync("road-input-group", null, hAsync("div", { class: `road-phone-input-select ${isErrorClass}`, slot: "prepend" }, hAsync("select", { id: 'phone-number-input', class: `form-select-area has-value ${isInvalidClass}`, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, onChange: (event) => this.handleSelect(event) }, this.countryOptions && this.countryOptions.map(option => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.selected }, option.label)))), hAsync("label", { class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("road-input", { id: "phone-number", sizes: "xl", label: this.phoneLabel, value: this.phoneValue, onRoadChange: (event) => this.handleInput(event), required: this.required, error: this.errorMessage }))));
16993
+ return (hAsync(Host, null, hAsync("road-input-group", null, hAsync("div", { class: `road-phone-input-select ${isErrorClass}`, slot: "prepend" }, hAsync("select", { id: 'phone-number-input', class: `form-select-area has-value ${isInvalidClass}`, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, onChange: (event) => this.handleSelect(event), "aria-label": this.codeLabel, tabIndex: this.disabled ? -1 : 0 }, this.countryOptions && this.countryOptions.map(option => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.selected }, option.label)))), hAsync("label", { class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("road-input", { id: "phone-number", sizes: "xl", label: this.phoneLabel, value: this.phoneValue, onRoadChange: (event) => this.handleInput(event), required: this.required, error: this.errorMessage, onKeyUp: (event) => this.handleKeyUp(event), tabIndex: 0 }))));
16984
16994
  }
16985
16995
  get el() { return getElement(this); }
16986
16996
  static get watchers() { return {
@@ -17091,7 +17101,7 @@ class SegmentedButton {
17091
17101
  return (hAsync(Host, { onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
17092
17102
  'tab-selected': selected,
17093
17103
  [`${sizeClass}`]: true,
17094
- } }, hAsync("button", { type: "button", tabIndex: -1, class: "button-native", part: "native" }, hAsync("slot", null))));
17104
+ } }, hAsync("span", { tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", null))));
17095
17105
  }
17096
17106
  get el() { return getElement(this); }
17097
17107
  static get style() { return segmentedButtonCss; }
@@ -17109,7 +17119,7 @@ class SegmentedButton {
17109
17119
  }; }
17110
17120
  }
17111
17121
 
17112
- const selectCss = ".sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-select.sc-road-select{box-sizing:border-box;display:block;width:100%;height:auto;padding:0.75rem 3rem 0 1rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right 1rem center/1.5rem 2rem;background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;-webkit-appearance:none;appearance:none}.form-select.sc-road-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select.sc-road-select::-ms-expand{display:none}.form-select.sc-road-select::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select.sc-road-select:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select.sc-road-select:focus~.form-select-label.sc-road-select,.form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.form-select.has-value.sc-road-select~.form-select-label.sc-road-select{transform:scale(0.625) translateY(-0.625rem)}.form-select.sc-road-select:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-select.sc-road-select:disabled,.form-select[readonly].sc-road-select{color:var(--road-on-surface-disabled);cursor:not-allowed;background-color:var(--road-surface-disabled);opacity:1}.form-select-label.sc-road-select{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select.sc-road-select:required~.form-select-label.sc-road-select::after{color:var(--road-on-danger-surface);content:\" *\"}.select-xl.sc-road-select-h .form-select.sc-road-select{min-height:3.5rem;padding:1rem 1rem 0}.select-xl.sc-road-select-h .form-select-label.sc-road-select{top:1rem}.select-xl.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-lg.sc-road-select-h .form-select.sc-road-select{min-height:3rem}.select-md.sc-road-select-h .form-select.sc-road-select{min-height:2.5rem;padding:1rem 1rem 0;font-size:var(--road-body-small)}.select-md.sc-road-select-h .form-select-label.sc-road-select{top:0.5rem}.select-md.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-md.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-select{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid{border-color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select~.invalid-feedback.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid~.invalid-feedback.sc-road-select{display:block}";
17122
+ const selectCss = ".sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-select.sc-road-select{box-sizing:border-box;display:block;width:100%;height:auto;padding:0.75rem 3rem 0 1rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right 1rem center/1.5rem 2rem;background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;-webkit-appearance:none;appearance:none}.form-select.sc-road-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select.sc-road-select::-ms-expand{display:none}.form-select.sc-road-select::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select.sc-road-select:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select.sc-road-select:focus~.form-select-label.sc-road-select,.form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.form-select.has-value.sc-road-select~.form-select-label.sc-road-select{transform:scale(0.625) translateY(-0.625rem)}.form-select.sc-road-select:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-select.sc-road-select:disabled,.form-select[readonly].sc-road-select{color:var(--road-on-surface-disabled);cursor:not-allowed;background-color:var(--road-surface-disabled);opacity:1}.form-select-label.sc-road-select{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select.sc-road-select:required~.form-select-label.sc-road-select::after{color:var(--road-on-danger-surface);content:\" *\"}.select-xl.sc-road-select-h .form-select.sc-road-select{min-height:3.5rem;padding:1rem 1rem 0}.select-xl.sc-road-select-h .form-select-label.sc-road-select{top:1rem}.select-xl.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-lg.sc-road-select-h .form-select.sc-road-select{min-height:3rem}.select-md.sc-road-select-h .form-select.sc-road-select{min-height:2.5rem;padding:1rem 1rem 0;font-size:var(--road-body-small)}.select-md.sc-road-select-h .form-select-label.sc-road-select{top:0.5rem}.select-md.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-md.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-select{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid{border-color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select~.invalid-feedback.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid~.invalid-feedback.sc-road-select{display:block}";
17113
17123
 
17114
17124
  class Select {
17115
17125
  constructor(hostRef) {
@@ -18987,7 +18997,7 @@ Fuse.config = Config;
18987
18997
  register(ExtendedSearch);
18988
18998
  }
18989
18999
 
18990
- const selectFilterCss = ".sc-road-select-filter-h{--margin-top:3rem;position:relative;display:block}.select-filter-list.sc-road-select-filter{position:absolute;top:var(--margin-top);z-index:1;width:100%;max-height:16rem;padding:0.5rem 0;margin:0;overflow-y:scroll;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-on-surface);list-style-type:none;background:var(--road-surface);border-radius:0 0 0.25rem 0.25rem;box-shadow:var(--road-elevation-low)}.select-filter-list.not-active.sc-road-select-filter{opacity:0}.select-filter-item.sc-road-select-filter{display:flex;align-items:center;padding:0.75rem 1rem;cursor:pointer}.select-filter-item.sc-road-select-filter:hover,.select-filter-item.highlight.sc-road-select-filter{color:var(--road-on-primary);background:var(--road-primary)}";
19000
+ const selectFilterCss = ".sc-road-select-filter-h{--margin-top:3rem;position:relative;display:block}.select-filter-list.sc-road-select-filter{position:absolute;top:var(--margin-top);z-index:1;width:100%;max-height:16rem;padding:0.5rem 0;margin:0;overflow-y:scroll;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-on-surface);list-style-type:none;background:var(--road-surface);border-radius:0 0 0.25rem 0.25rem;box-shadow:var(--road-elevation-low)}.select-filter-list.not-active.sc-road-select-filter{opacity:0}.select-filter-item.sc-road-select-filter{display:flex;align-items:center;padding:0.75rem 1rem;cursor:pointer}.select-filter-item.active.sc-road-select-filter{outline:1px solid var(--road-input-outline-variant)}.select-filter-item.sc-road-select-filter:hover,.select-filter-item.sc-road-select-filter:focus,.select-filter-item.highlight.sc-road-select-filter{color:var(--road-on-primary);background:var(--road-primary)}";
18991
19001
 
18992
19002
  /**
18993
19003
  * @slot - Input element for the widget, it should be a road-input element.
@@ -19011,9 +19021,17 @@ class SelectFilter {
19011
19021
  value: value.toString(),
19012
19022
  label: label,
19013
19023
  });
19024
+ this.activeIndex = -1;
19025
+ };
19026
+ this.handleOptionMouseOver = (index) => {
19027
+ this.activeIndex = index;
19028
+ };
19029
+ this.handleOptionClick = (value, label) => {
19030
+ this.onClick(value, label);
19014
19031
  };
19015
19032
  this.isOpen = false;
19016
19033
  this.currentValue = '';
19034
+ this.activeIndex = -1;
19017
19035
  this.options = [];
19018
19036
  this.parameters = {
19019
19037
  keys: ["value", "label"],
@@ -19043,13 +19061,35 @@ class SelectFilter {
19043
19061
  }
19044
19062
  }
19045
19063
  }
19046
- render() {
19064
+ handleKeydown(event) {
19065
+ if (this.isOpen) {
19066
+ if (event.key === 'ArrowDown') {
19067
+ event.preventDefault();
19068
+ this.activeIndex = (this.activeIndex + 1) % this.filteredOptions.length;
19069
+ }
19070
+ else if (event.key === 'ArrowUp') {
19071
+ event.preventDefault();
19072
+ this.activeIndex = (this.activeIndex - 1 + this.filteredOptions.length) % this.filteredOptions.length;
19073
+ }
19074
+ else if (event.key === 'Enter') {
19075
+ event.preventDefault();
19076
+ const activeOption = this.filteredOptions[this.activeIndex];
19077
+ if (activeOption) {
19078
+ this.onClick(activeOption.item.value, activeOption.item.label);
19079
+ }
19080
+ }
19081
+ }
19082
+ }
19083
+ get filteredOptions() {
19047
19084
  const fuseSearch = new Fuse(this.options, this.parameters);
19048
- const options = this.currentValue === '' ? this.options.map((doc, idx) => ({ item: doc, score: 1, refIndex: idx })) : fuseSearch.search(this.currentValue);
19085
+ return this.currentValue === '' ? this.options.map((doc, idx) => ({ item: doc, score: 1, refIndex: idx })) : fuseSearch.search(this.currentValue);
19086
+ }
19087
+ render() {
19088
+ const options = this.filteredOptions;
19049
19089
  const isActive = this.isActive ? 'true' : 'false';
19050
19090
  const notActive = this.isActive ? '' : 'not-active';
19051
19091
  return (hAsync(Host, { "is-active": isActive }, hAsync("slot", null), this.isOpen &&
19052
- hAsync("ul", { class: `${notActive} select-filter-list`, role: "listbox" }, options.map(option => (hAsync("li", { class: "select-filter-item", role: "option", onClick: () => this.onClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, "")), innerHTML: option.item.label }))))));
19092
+ hAsync("ul", { class: `${notActive} select-filter-list`, role: "listbox" }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: () => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, "")), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 }))))));
19053
19093
  }
19054
19094
  get el() { return getElement(this); }
19055
19095
  static get style() { return selectFilterCss; }
@@ -19062,9 +19102,10 @@ class SelectFilter {
19062
19102
  "isActive": [4, "is-active"],
19063
19103
  "onlySelect": [4, "only-select"],
19064
19104
  "isOpen": [32],
19065
- "currentValue": [32]
19105
+ "currentValue": [32],
19106
+ "activeIndex": [32]
19066
19107
  },
19067
- "$listeners$": [[0, "roadFocus", "handleFocus"], [0, "roadfocus", "handleFocus"], [0, "roadBlur", "handleBlur"], [0, "roadblur", "handleBlur"], [0, "roadChange", "handleChange"], [0, "roadchange", "handleChange"], [4, "click", "onClickOutside"]],
19108
+ "$listeners$": [[0, "roadFocus", "handleFocus"], [0, "roadfocus", "handleFocus"], [0, "roadBlur", "handleBlur"], [0, "roadblur", "handleBlur"], [0, "roadChange", "handleChange"], [0, "roadchange", "handleChange"], [4, "click", "onClickOutside"], [8, "keydown", "handleKeydown"]],
19068
19109
  "$lazyBundleId$": "-",
19069
19110
  "$attrsToReflect$": []
19070
19111
  }; }
@@ -19774,7 +19815,7 @@ class Text {
19774
19815
  }; }
19775
19816
  }
19776
19817
 
19777
- const textareaCss = ".sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-control.sc-road-textarea{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;-webkit-appearance:none;appearance:none}.form-control.sc-road-textarea::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-textarea:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--road-on-surface-weak);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;padding-bottom:0.5rem;line-height:1.5}.textarea-control.no-resize.sc-road-textarea{resize:none}.form-label.sc-road-textarea{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.input-xl.sc-road-textarea-h{--height:3.5rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea{padding:1.5rem 1rem 0.5rem}.input-xl.sc-road-textarea-h .form-label.sc-road-textarea{top:1rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type=\"date\"].sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type=\"time\"].sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}.helper.sc-road-textarea{margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-grey-500)}";
19818
+ const textareaCss = ".sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-control.sc-road-textarea{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;-webkit-appearance:none;appearance:none}.form-control.sc-road-textarea::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-textarea:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--road-on-surface-weak);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;padding-bottom:0.5rem;line-height:1.5}.textarea-control.no-resize.sc-road-textarea{resize:none}.form-label.sc-road-textarea{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.input-xl.sc-road-textarea-h{--height:3.5rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea{padding:1.5rem 1rem 0.5rem}.input-xl.sc-road-textarea-h .form-label.sc-road-textarea{top:1rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type=\"date\"].sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type=\"time\"].sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}.helper.sc-road-textarea{margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-surface-weak)}";
19778
19819
 
19779
19820
  class Textarea {
19780
19821
  constructor(hostRef) {
@@ -19986,7 +20027,7 @@ class Toast {
19986
20027
  }; }
19987
20028
  }
19988
20029
 
19989
- const toolbarCss = "/*!@:host*/.sc-road-toolbar-h{position:relative;box-sizing:border-box;display:block;width:100%;contain:content;color:var(--road-on-surface);background:var(--road-surface);border-bottom:1px solid var(--road-outline)}/*!@.toolbar-container*/.toolbar-container.sc-road-toolbar{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:3.73rem;contain:content;overflow:hidden}/*!@.toolbar-title-container*/.toolbar-title-container.sc-road-toolbar{position:relative;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;text-align:center}/*!@.toolbar-title*/.toolbar-title.sc-road-toolbar{display:block;width:100%;font-size:var(--road-font-size-18);font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){/*!@.toolbar-title*/.toolbar-title.sc-road-toolbar{font-size:var(--road-font-size-21);text-align:center}}/*!@.toolbar-content*/.toolbar-content.sc-road-toolbar{flex:1 1 0%;min-width:0;max-width:100%}/*!@.toolbar .logo*/.toolbar.sc-road-toolbar .logo.sc-road-toolbar{position:relative;z-index:1;padding-left:1rem;margin-bottom:0;font-size:var(--road-font-size-14);font-weight:400}/*!@.toolbar .app-name*/.toolbar.sc-road-toolbar .app-name.sc-road-toolbar{margin-left:1rem;font-size:var(--road-font-size-20);font-weight:700}/*!@::slotted([slot=\"start\"])*/.sc-road-toolbar-s>[slot=\"start\"]{--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;align-self:auto;font-size:var(--road-font-size-14);font-weight:400;background:var(--road-surface);border-right:1px solid var(--road-outline);border-radius:0}/*!@::slotted([slot=\"end\"]),\n::slotted([slot=\"secondary\"])*/.sc-road-toolbar-s>[slot=\"end\"],.sc-road-toolbar-s>[slot=\"secondary\"]{--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;font-size:var(--road-font-size-14);font-weight:400;background:var(--road-surface);border-left:1px solid var(--road-outline);border-radius:0}/*!@:host(.toolbar-primary)*/.toolbar-primary.sc-road-toolbar-h{color:var(--road-on-header-surface);background:var(--road-header-surface)}/*!@:host(.toolbar-secondary)*/.toolbar-secondary.sc-road-toolbar-h{color:var(--road-on-secondary);background:var(--road-secondary)}";
20030
+ const toolbarCss = "/*!@:host*/.sc-road-toolbar-h{position:relative;box-sizing:border-box;display:block;width:100%;contain:content;color:var(--road-on-surface);background:var(--road-surface);border-bottom:1px solid var(--road-outline)}/*!@.toolbar-container*/.toolbar-container.sc-road-toolbar{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:3.73rem;contain:content;overflow:hidden}/*!@.toolbar-title-container*/.toolbar-title-container.sc-road-toolbar{position:relative;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;text-align:center}/*!@.toolbar-title*/.toolbar-title.sc-road-toolbar{display:block;width:100%;font-size:var(--road-font-size-18);font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){/*!@.toolbar-title*/.toolbar-title.sc-road-toolbar{font-size:var(--road-font-size-21);text-align:center}}/*!@.toolbar-content*/.toolbar-content.sc-road-toolbar{flex:1 1 0%;min-width:0;max-width:100%}/*!@.toolbar .logo*/.toolbar.sc-road-toolbar .logo.sc-road-toolbar{position:relative;z-index:1;padding-left:1rem;margin-bottom:0;font-size:var(--road-font-size-14);font-weight:400}/*!@.toolbar .app-name*/.toolbar.sc-road-toolbar .app-name.sc-road-toolbar{margin-left:1rem;font-size:var(--road-font-size-20);font-weight:700}/*!@::slotted([slot=\"start\"])*/.sc-road-toolbar-s>[slot=\"start\"]{--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;align-self:auto;font-size:var(--road-font-size-14);font-weight:400;border-right:1px solid var(--road-outline);border-radius:0}/*!@::slotted([slot=\"end\"]),\n::slotted([slot=\"secondary\"])*/.sc-road-toolbar-s>[slot=\"end\"],.sc-road-toolbar-s>[slot=\"secondary\"]{--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;font-size:var(--road-font-size-14);font-weight:400;border-left:1px solid var(--road-outline);border-radius:0}/*!@:host(.toolbar-primary)*/.toolbar-primary.sc-road-toolbar-h{color:var(--road-on-header-surface);background:var(--road-header-surface)}/*!@:host(.toolbar-secondary)*/.toolbar-secondary.sc-road-toolbar-h{color:var(--road-on-secondary);background:var(--road-secondary)}";
19990
20031
 
19991
20032
  /**
19992
20033
  *
@@ -20116,7 +20157,7 @@ class Tooltip {
20116
20157
  return (hAsync(Host, { onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, "data-tooltip-position": this.position }, hAsync("slot", { "aria-describedby": this.tooltipId }), hAsync("div", { part: "tooltip", id: this.tooltipId, class: {
20117
20158
  tooltip: true,
20118
20159
  'tooltip-open': this.isOpen,
20119
- }, role: "tooltip", "aria-hidden": !this.isOpen }, this.content, hAsync("slot", { name: "tooltip-content" }))));
20160
+ }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { name: "tooltip-content" }))));
20120
20161
  }
20121
20162
  get el() { return getElement(this); }
20122
20163
  static get style() { return tooltipCss; }