@roadtrip/components 3.33.7 → 3.34.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 (249) hide show
  1. package/dist/cjs/road-badge_14.cjs.entry.js +14 -10
  2. package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
  3. package/dist/cjs/road-modal.cjs.entry.js +1 -1
  4. package/dist/cjs/road-navbar-item-v2.cjs.entry.js +2 -2
  5. package/dist/cjs/road-navbar-item.cjs.entry.js +2 -2
  6. package/dist/cjs/road-navbar-v2.cjs.entry.js +1 -1
  7. package/dist/cjs/road-navbar.cjs.entry.js +1 -1
  8. package/dist/cjs/road-phone-number-input.cjs.entry.js +2 -2
  9. package/dist/cjs/road-plate-number.cjs.entry.js +2 -2
  10. package/dist/cjs/road-profil-dropdown.cjs.entry.js +1 -1
  11. package/dist/cjs/road-progress-indicator-horizontal.cjs.entry.js +1 -1
  12. package/dist/cjs/road-progress-indicator-vertical-item.cjs.entry.js +1 -1
  13. package/dist/cjs/road-progress-indicator-vertical.cjs.entry.js +1 -1
  14. package/dist/cjs/road-progress-tracker-item.cjs.entry.js +1 -1
  15. package/dist/cjs/road-progress-tracker.cjs.entry.js +1 -1
  16. package/dist/cjs/road-progress.cjs.entry.js +1 -1
  17. package/dist/cjs/road-radio-group.cjs.entry.js +1 -1
  18. package/dist/cjs/road-radio.cjs.entry.js +1 -1
  19. package/dist/cjs/road-range.cjs.entry.js +2 -2
  20. package/dist/cjs/road-rating.cjs.entry.js +1 -1
  21. package/dist/cjs/road-segmented-button-bar.cjs.entry.js +1 -1
  22. package/dist/cjs/road-segmented-button.cjs.entry.js +2 -2
  23. package/dist/cjs/road-segmented-buttons.cjs.entry.js +1 -1
  24. package/dist/cjs/road-select-filter.cjs.entry.js +2 -2
  25. package/dist/cjs/road-select.cjs.entry.js +1 -1
  26. package/dist/cjs/road-skeleton.cjs.entry.js +1 -1
  27. package/dist/cjs/road-spinner.cjs.entry.js +1 -1
  28. package/dist/cjs/road-switch.cjs.entry.js +2 -2
  29. package/dist/cjs/road-tab-bar.cjs.entry.js +2 -2
  30. package/dist/cjs/road-tab-button.cjs.entry.js +2 -2
  31. package/dist/cjs/road-tab.cjs.entry.js +2 -2
  32. package/dist/cjs/road-table.cjs.entry.js +1 -1
  33. package/dist/cjs/road-tabs.cjs.entry.js +1 -1
  34. package/dist/cjs/road-tag.cjs.entry.js +1 -1
  35. package/dist/cjs/road-text.cjs.entry.js +1 -1
  36. package/dist/cjs/road-textarea.cjs.entry.js +1 -1
  37. package/dist/cjs/road-toast.cjs.entry.js +1 -1
  38. package/dist/cjs/road-toggle.cjs.entry.js +2 -2
  39. package/dist/cjs/road-toolbar-title-page.cjs.entry.js +1 -1
  40. package/dist/cjs/road-toolbar-title.cjs.entry.js +1 -1
  41. package/dist/cjs/road-toolbar-v2.cjs.entry.js +1 -1
  42. package/dist/cjs/road-tooltip.cjs.entry.js +4 -4
  43. package/dist/cjs/road-tooltip.cjs.entry.js.map +1 -1
  44. package/dist/collection/components/input/input.css +1 -0
  45. package/dist/collection/components/input/input.js +8 -4
  46. package/dist/collection/components/input/input.js.map +1 -1
  47. package/dist/collection/components/input/input.stories.js +25 -9
  48. package/dist/collection/components/input-group/input-group.js +1 -1
  49. package/dist/collection/components/item/item.js +3 -3
  50. package/dist/collection/components/label/label.js +1 -1
  51. package/dist/collection/components/list/list.js +2 -2
  52. package/dist/collection/components/modal/modal.js +1 -1
  53. package/dist/collection/components/modal/modal.stories.js +4 -3
  54. package/dist/collection/components/navbar/navbar.js +1 -1
  55. package/dist/collection/components/navbar-item/navbar-item.js +2 -2
  56. package/dist/collection/components/navbar-item-v2/navbar-item-v2.js +2 -2
  57. package/dist/collection/components/navbar-v2/navbar-v2.js +1 -1
  58. package/dist/collection/components/phone-number-input/phone-number-input.js +2 -2
  59. package/dist/collection/components/plate-number/plate-number.js +2 -2
  60. package/dist/collection/components/plate-number/plate-number.stories.js +18 -12
  61. package/dist/collection/components/profil-dropdown/profil-dropdown.js +1 -1
  62. package/dist/collection/components/progress/progress.js +1 -1
  63. package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.js +1 -1
  64. package/dist/collection/components/progress-indicator-vertical/progress-indicator-vertical.js +1 -1
  65. package/dist/collection/components/progress-indicator-vertical-item/progress-indicator-vertical-item.js +1 -1
  66. package/dist/collection/components/progress-tracker/progress-tracker.js +1 -1
  67. package/dist/collection/components/progress-tracker-item/progress-tracker-item.js +1 -1
  68. package/dist/collection/components/radio/radio.js +1 -1
  69. package/dist/collection/components/radio/radio.stories.js +12 -6
  70. package/dist/collection/components/radio-group/radio-group.js +1 -1
  71. package/dist/collection/components/range/range.js +2 -2
  72. package/dist/collection/components/range/range.stories.js +4 -3
  73. package/dist/collection/components/rating/rating.js +1 -1
  74. package/dist/collection/components/row/row.js +1 -1
  75. package/dist/collection/components/segmented-button/segmented-button.js +2 -2
  76. package/dist/collection/components/segmented-button-bar/segmented-button-bar.js +1 -1
  77. package/dist/collection/components/segmented-buttons/segmented-buttons.js +1 -1
  78. package/dist/collection/components/select/select.js +1 -1
  79. package/dist/collection/components/select/select.stories.js +12 -7
  80. package/dist/collection/components/select-filter/select-filter.js +2 -2
  81. package/dist/collection/components/select-filter/select-filter.stories.js +4 -2
  82. package/dist/collection/components/skeleton/skeleton.js +1 -1
  83. package/dist/collection/components/spinner/spinner.js +1 -1
  84. package/dist/collection/components/switch/switch.js +2 -2
  85. package/dist/collection/components/tab/tab.js +2 -2
  86. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  87. package/dist/collection/components/tab-button/tab-button.js +2 -2
  88. package/dist/collection/components/table/table.js +1 -1
  89. package/dist/collection/components/tabs/tabs.js +1 -1
  90. package/dist/collection/components/tag/tag.js +1 -1
  91. package/dist/collection/components/text/text.js +1 -1
  92. package/dist/collection/components/textarea/textarea.js +1 -1
  93. package/dist/collection/components/textarea/textarea.stories.js +18 -12
  94. package/dist/collection/components/toast/toast.js +1 -1
  95. package/dist/collection/components/toast/toast.stories.js +4 -2
  96. package/dist/collection/components/toggle/toggle.js +2 -2
  97. package/dist/collection/components/toggle/toggle.stories.js +12 -7
  98. package/dist/collection/components/toolbar/toolbar.js +1 -1
  99. package/dist/collection/components/toolbar-title/toolbar-title.js +1 -1
  100. package/dist/collection/components/toolbar-title-page/toolbar-title-page.js +1 -1
  101. package/dist/collection/components/toolbar-v2/toolbar-v2.js +1 -1
  102. package/dist/collection/components/tooltip/tooltip.css +31 -0
  103. package/dist/collection/components/tooltip/tooltip.js +5 -5
  104. package/dist/collection/components/tooltip/tooltip.js.map +1 -1
  105. package/dist/collection/components/tooltip/tooltip.stories.js +1 -1
  106. package/dist/esm/road-badge_14.entry.js +14 -10
  107. package/dist/esm/road-badge_14.entry.js.map +1 -1
  108. package/dist/esm/road-modal.entry.js +1 -1
  109. package/dist/esm/road-navbar-item-v2.entry.js +2 -2
  110. package/dist/esm/road-navbar-item.entry.js +2 -2
  111. package/dist/esm/road-navbar-v2.entry.js +1 -1
  112. package/dist/esm/road-navbar.entry.js +1 -1
  113. package/dist/esm/road-phone-number-input.entry.js +2 -2
  114. package/dist/esm/road-plate-number.entry.js +2 -2
  115. package/dist/esm/road-profil-dropdown.entry.js +1 -1
  116. package/dist/esm/road-progress-indicator-horizontal.entry.js +1 -1
  117. package/dist/esm/road-progress-indicator-vertical-item.entry.js +1 -1
  118. package/dist/esm/road-progress-indicator-vertical.entry.js +1 -1
  119. package/dist/esm/road-progress-tracker-item.entry.js +1 -1
  120. package/dist/esm/road-progress-tracker.entry.js +1 -1
  121. package/dist/esm/road-progress.entry.js +1 -1
  122. package/dist/esm/road-radio-group.entry.js +1 -1
  123. package/dist/esm/road-radio.entry.js +1 -1
  124. package/dist/esm/road-range.entry.js +2 -2
  125. package/dist/esm/road-rating.entry.js +1 -1
  126. package/dist/esm/road-segmented-button-bar.entry.js +1 -1
  127. package/dist/esm/road-segmented-button.entry.js +2 -2
  128. package/dist/esm/road-segmented-buttons.entry.js +1 -1
  129. package/dist/esm/road-select-filter.entry.js +2 -2
  130. package/dist/esm/road-select.entry.js +1 -1
  131. package/dist/esm/road-skeleton.entry.js +1 -1
  132. package/dist/esm/road-spinner.entry.js +1 -1
  133. package/dist/esm/road-switch.entry.js +2 -2
  134. package/dist/esm/road-tab-bar.entry.js +2 -2
  135. package/dist/esm/road-tab-button.entry.js +2 -2
  136. package/dist/esm/road-tab.entry.js +2 -2
  137. package/dist/esm/road-table.entry.js +1 -1
  138. package/dist/esm/road-tabs.entry.js +1 -1
  139. package/dist/esm/road-tag.entry.js +1 -1
  140. package/dist/esm/road-text.entry.js +1 -1
  141. package/dist/esm/road-textarea.entry.js +1 -1
  142. package/dist/esm/road-toast.entry.js +1 -1
  143. package/dist/esm/road-toggle.entry.js +2 -2
  144. package/dist/esm/road-toolbar-title-page.entry.js +1 -1
  145. package/dist/esm/road-toolbar-title.entry.js +1 -1
  146. package/dist/esm/road-toolbar-v2.entry.js +1 -1
  147. package/dist/esm/road-tooltip.entry.js +4 -4
  148. package/dist/esm/road-tooltip.entry.js.map +1 -1
  149. package/dist/html.html-data.json +13 -1
  150. package/dist/roadtrip/p-061f6889.entry.js +2 -0
  151. package/dist/roadtrip/{p-6d3d947e.entry.js.map → p-061f6889.entry.js.map} +1 -1
  152. package/dist/roadtrip/{p-03656f9a.entry.js → p-0a6c9571.entry.js} +2 -2
  153. package/dist/roadtrip/{p-e0421465.entry.js → p-0d7b6e32.entry.js} +2 -2
  154. package/dist/roadtrip/{p-6ff3b37c.entry.js → p-0de7b85d.entry.js} +2 -2
  155. package/dist/roadtrip/p-16726940.entry.js +2 -0
  156. package/dist/roadtrip/{p-06fbd2ea.entry.js → p-2f89b651.entry.js} +2 -2
  157. package/dist/roadtrip/{p-60bd73ad.entry.js → p-327d424c.entry.js} +2 -2
  158. package/dist/roadtrip/{p-e75ec60f.entry.js → p-38fd91b3.entry.js} +2 -2
  159. package/dist/roadtrip/p-3aa617b1.entry.js +2 -0
  160. package/dist/roadtrip/{p-449affa6.entry.js → p-41bab704.entry.js} +2 -2
  161. package/dist/roadtrip/p-4329a5ff.entry.js +2 -0
  162. package/dist/roadtrip/{p-a67eaba7.entry.js → p-4765c524.entry.js} +3 -3
  163. package/dist/roadtrip/p-4765c524.entry.js.map +1 -0
  164. package/dist/roadtrip/p-50d9ed52.entry.js +2 -0
  165. package/dist/roadtrip/{p-db77c354.entry.js.map → p-50d9ed52.entry.js.map} +1 -1
  166. package/dist/roadtrip/{p-c28e7add.entry.js → p-5ed9e829.entry.js} +2 -2
  167. package/dist/roadtrip/{p-d80e7563.entry.js → p-6fb0f8b8.entry.js} +2 -2
  168. package/dist/roadtrip/{p-6c617506.entry.js → p-78e6204e.entry.js} +2 -2
  169. package/dist/roadtrip/{p-99a6faae.entry.js → p-7a7b1fb6.entry.js} +2 -2
  170. package/dist/roadtrip/{p-b5fa8c5a.entry.js → p-7d693464.entry.js} +2 -2
  171. package/dist/roadtrip/{p-3dcaa947.entry.js → p-7e1e110f.entry.js} +2 -2
  172. package/dist/roadtrip/{p-517aeeca.entry.js → p-7ea16bfa.entry.js} +2 -2
  173. package/dist/roadtrip/p-8c6ad79a.entry.js +2 -0
  174. package/dist/roadtrip/{p-b8c5d292.entry.js → p-93272a9d.entry.js} +2 -2
  175. package/dist/roadtrip/p-97245610.entry.js +2 -0
  176. package/dist/roadtrip/{p-a254df6d.entry.js → p-a0c91322.entry.js} +2 -2
  177. package/dist/roadtrip/{p-c465f551.entry.js → p-a406a342.entry.js} +2 -2
  178. package/dist/roadtrip/{p-e6e9882b.entry.js → p-a5c363f2.entry.js} +2 -2
  179. package/dist/roadtrip/{p-fe40ab3d.entry.js → p-ab550b59.entry.js} +2 -2
  180. package/dist/roadtrip/{p-5fea6a74.entry.js → p-ad9055c1.entry.js} +2 -2
  181. package/dist/roadtrip/{p-2e049c8e.entry.js → p-c4d3dda1.entry.js} +2 -2
  182. package/dist/roadtrip/{p-3f5dff96.entry.js → p-cb8924ee.entry.js} +2 -2
  183. package/dist/roadtrip/p-ce386f80.entry.js +2 -0
  184. package/dist/roadtrip/p-dc9509b1.entry.js +2 -0
  185. package/dist/roadtrip/p-dc9509b1.entry.js.map +1 -0
  186. package/dist/roadtrip/{p-c6824205.entry.js → p-df897815.entry.js} +2 -2
  187. package/dist/roadtrip/{p-eac313e4.entry.js → p-e82c8ca0.entry.js} +2 -2
  188. package/dist/roadtrip/{p-ea1a175d.entry.js → p-e8bcf7a0.entry.js} +2 -2
  189. package/dist/roadtrip/{p-37430583.entry.js → p-ebada9f6.entry.js} +2 -2
  190. package/dist/roadtrip/{p-950b8a43.entry.js → p-f1ef265d.entry.js} +2 -2
  191. package/dist/roadtrip/{p-167cd2fc.entry.js → p-f5bcb8d6.entry.js} +2 -2
  192. package/dist/roadtrip/{p-fd3c58b6.entry.js → p-f9ba8499.entry.js} +2 -2
  193. package/dist/roadtrip/{p-c47ccbf2.entry.js → p-fafcecb2.entry.js} +2 -2
  194. package/dist/roadtrip/{p-f1b53143.entry.js → p-ff430279.entry.js} +2 -2
  195. package/dist/roadtrip/roadtrip.esm.js +1 -1
  196. package/dist/types/components/input/input.d.ts +2 -2
  197. package/dist/types/components/tooltip/tooltip.d.ts +1 -1
  198. package/dist/types/components.d.ts +12 -4
  199. package/hydrate/index.js +69 -65
  200. package/hydrate/index.mjs +69 -65
  201. package/package.json +1 -1
  202. package/dist/roadtrip/p-215afdbd.entry.js +0 -2
  203. package/dist/roadtrip/p-4675ea6d.entry.js +0 -2
  204. package/dist/roadtrip/p-65f9bd9c.entry.js +0 -2
  205. package/dist/roadtrip/p-6d3d947e.entry.js +0 -2
  206. package/dist/roadtrip/p-85b1e505.entry.js +0 -2
  207. package/dist/roadtrip/p-8b04fc62.entry.js +0 -2
  208. package/dist/roadtrip/p-a67eaba7.entry.js.map +0 -1
  209. package/dist/roadtrip/p-cfd2919e.entry.js +0 -2
  210. package/dist/roadtrip/p-db77c354.entry.js +0 -2
  211. package/dist/roadtrip/p-e6c4c576.entry.js +0 -2
  212. package/dist/roadtrip/p-e6c4c576.entry.js.map +0 -1
  213. /package/dist/roadtrip/{p-03656f9a.entry.js.map → p-0a6c9571.entry.js.map} +0 -0
  214. /package/dist/roadtrip/{p-e0421465.entry.js.map → p-0d7b6e32.entry.js.map} +0 -0
  215. /package/dist/roadtrip/{p-6ff3b37c.entry.js.map → p-0de7b85d.entry.js.map} +0 -0
  216. /package/dist/roadtrip/{p-65f9bd9c.entry.js.map → p-16726940.entry.js.map} +0 -0
  217. /package/dist/roadtrip/{p-06fbd2ea.entry.js.map → p-2f89b651.entry.js.map} +0 -0
  218. /package/dist/roadtrip/{p-60bd73ad.entry.js.map → p-327d424c.entry.js.map} +0 -0
  219. /package/dist/roadtrip/{p-e75ec60f.entry.js.map → p-38fd91b3.entry.js.map} +0 -0
  220. /package/dist/roadtrip/{p-85b1e505.entry.js.map → p-3aa617b1.entry.js.map} +0 -0
  221. /package/dist/roadtrip/{p-449affa6.entry.js.map → p-41bab704.entry.js.map} +0 -0
  222. /package/dist/roadtrip/{p-215afdbd.entry.js.map → p-4329a5ff.entry.js.map} +0 -0
  223. /package/dist/roadtrip/{p-c28e7add.entry.js.map → p-5ed9e829.entry.js.map} +0 -0
  224. /package/dist/roadtrip/{p-d80e7563.entry.js.map → p-6fb0f8b8.entry.js.map} +0 -0
  225. /package/dist/roadtrip/{p-6c617506.entry.js.map → p-78e6204e.entry.js.map} +0 -0
  226. /package/dist/roadtrip/{p-99a6faae.entry.js.map → p-7a7b1fb6.entry.js.map} +0 -0
  227. /package/dist/roadtrip/{p-b5fa8c5a.entry.js.map → p-7d693464.entry.js.map} +0 -0
  228. /package/dist/roadtrip/{p-3dcaa947.entry.js.map → p-7e1e110f.entry.js.map} +0 -0
  229. /package/dist/roadtrip/{p-517aeeca.entry.js.map → p-7ea16bfa.entry.js.map} +0 -0
  230. /package/dist/roadtrip/{p-4675ea6d.entry.js.map → p-8c6ad79a.entry.js.map} +0 -0
  231. /package/dist/roadtrip/{p-b8c5d292.entry.js.map → p-93272a9d.entry.js.map} +0 -0
  232. /package/dist/roadtrip/{p-8b04fc62.entry.js.map → p-97245610.entry.js.map} +0 -0
  233. /package/dist/roadtrip/{p-a254df6d.entry.js.map → p-a0c91322.entry.js.map} +0 -0
  234. /package/dist/roadtrip/{p-c465f551.entry.js.map → p-a406a342.entry.js.map} +0 -0
  235. /package/dist/roadtrip/{p-e6e9882b.entry.js.map → p-a5c363f2.entry.js.map} +0 -0
  236. /package/dist/roadtrip/{p-fe40ab3d.entry.js.map → p-ab550b59.entry.js.map} +0 -0
  237. /package/dist/roadtrip/{p-5fea6a74.entry.js.map → p-ad9055c1.entry.js.map} +0 -0
  238. /package/dist/roadtrip/{p-2e049c8e.entry.js.map → p-c4d3dda1.entry.js.map} +0 -0
  239. /package/dist/roadtrip/{p-3f5dff96.entry.js.map → p-cb8924ee.entry.js.map} +0 -0
  240. /package/dist/roadtrip/{p-cfd2919e.entry.js.map → p-ce386f80.entry.js.map} +0 -0
  241. /package/dist/roadtrip/{p-c6824205.entry.js.map → p-df897815.entry.js.map} +0 -0
  242. /package/dist/roadtrip/{p-eac313e4.entry.js.map → p-e82c8ca0.entry.js.map} +0 -0
  243. /package/dist/roadtrip/{p-ea1a175d.entry.js.map → p-e8bcf7a0.entry.js.map} +0 -0
  244. /package/dist/roadtrip/{p-37430583.entry.js.map → p-ebada9f6.entry.js.map} +0 -0
  245. /package/dist/roadtrip/{p-950b8a43.entry.js.map → p-f1ef265d.entry.js.map} +0 -0
  246. /package/dist/roadtrip/{p-167cd2fc.entry.js.map → p-f5bcb8d6.entry.js.map} +0 -0
  247. /package/dist/roadtrip/{p-fd3c58b6.entry.js.map → p-f9ba8499.entry.js.map} +0 -0
  248. /package/dist/roadtrip/{p-c47ccbf2.entry.js.map → p-fafcecb2.entry.js.map} +0 -0
  249. /package/dist/roadtrip/{p-f1b53143.entry.js.map → p-ff430279.entry.js.map} +0 -0
@@ -1,2 +0,0 @@
1
- import{r as a,c as s,h as e,H as i,a as r}from"./p-d7aae05d.js";const o=".sc-road-radio-group-h{--asterisk-color:var(--road-on-surface);position:relative;display:block;margin-bottom:1rem}.asterisk.sc-road-radio-group{color:var(--asterisk-color)}.is-invalid.sc-road-radio-group-h .invalid-feedback.sc-road-radio-group{display:block}.invalid-feedback.sc-road-radio-group{display:none;flex:0 0 100%;width:100%;margin:0.5rem 0 0;font-size:var(--road-font-size-12);color:var(--road-on-danger-surface)}.helper.sc-road-radio-group{margin-top:0.5rem;font-size:var(--road-font-size-12);color:var(--road-on-surface-weak)}";const t=o;const d=class{constructor(e){a(this,e);this.roadchange=s(this,"roadchange",7);this.roadChange=s(this,"roadChange",7);this.radioGroupId=`road-radio-group-${h++}`;this.allowEmptySelection=false;this.name=this.radioGroupId;this.asterisk=false;this.ariaLabel=`${this.radioGroupId}-label`;this.onClick=a=>{const s=a.target&&a.target.closest("road-radio");if(s){const a=this.value;const e=s.value;if(e!==a){this.value=e}else if(this.allowEmptySelection){this.value=undefined}this.error=undefined}}}valueChanged(a){this.roadchange.emit({value:a});this.roadChange.emit({value:a})}errorChanged(){if(this.error!==undefined&&this.error!==""){this.el.querySelectorAll("road-radio").forEach((a=>a.error=true))}else{this.el.querySelectorAll("road-radio").forEach((a=>a.error=false))}}componentWillLoad(){if(this.error!==undefined&&this.error!==""){this.el.querySelectorAll("road-radio").forEach((a=>a.error=true))}}render(){const a=`${this.radioGroupId}-label`;const s=this.error!==undefined&&this.error!==""?"is-invalid":"";return e(i,{key:"6c3948ad9428d3ae8aeb411a776419784831c714",role:"radiogroup",class:`form-group ${s}`,"aria-label":this.ariaLabel,onClick:this.onClick},this.label&&e("p",{key:"943199c6a4eda68c82245660e81ba04032a62209",class:"text-content",id:a},this.label," ",this.asterisk&&e("span",{key:"772ae18837d54d6aa313e3a8791bc715f66c183d",class:"asterisk"},"*")),e("slot",{key:"7f4a8c9ec3a201f695a6731467c138abf587e52f"}),this.error&&this.error!==""&&e("p",{key:"9149bc1981323584219a13a392e77c8313f7fd58",class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&e("p",{key:"a662d0e810e27d6392750d778e13573ed365e358",class:"helper"},this.helper))}get el(){return r(this)}static get watchers(){return{value:["valueChanged"],error:["errorChanged"]}}};let h=0;d.style=t;export{d as road_radio_group};
2
- //# sourceMappingURL=p-cfd2919e.entry.js.map
@@ -1,2 +0,0 @@
1
- import{r as e,h as o,a}from"./p-d7aae05d.js";const r=":host{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;width:3.5rem;cursor:pointer;border-radius:3rem;outline:none}.dropdown summary:focus,.dropdown summary.focus-visible,.dropdown summary:focus-within{box-shadow:0 0 0 4px var(--road-primary-80)}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{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{font-size:var(--road-button-medium)}.profil-item{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-outline)}.profil-item-info{display:flex;flex-direction:column;margin-left:1rem;text-align:left}.profil-item-info-name{font-weight:700}.profil-item road-avatar:hover{box-shadow:none}.dropdown-item{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{border-color:var(--road-outline);border-bottom:1px solid}.dropdown-item road-icon{margin-right:0.7rem}road-item:hover:first-child,road-item.focus-visible:first-child{background:none}road-item:hover,road-item.focus-visible{background:var(--road-surface-inverse)}";const d=r;const i=class{constructor(o){e(this,o);this.isOpen=false;this.onClick=()=>{this.isOpen=!this.isOpen}}handleDocumentClick(e){if(e.target.closest("road-profil-dropdown")===this.el){return}this.isOpen=false}render(){return o("details",{key:"1ea3c85ea39041b51cd7b87e5e3bf8457d04d8d2",class:"dropdown",open:this.isOpen},o("summary",{key:"31722222765df7c7fb7716f1d28c719e71e3c50b","aria-expanded":`${this.isOpen}`,tabindex:"0",role:"button",onClick:this.onClick},o("div",{key:"e395e588854018e3aa01a535df994281a17e76e7",class:`d-flex`},o("div",{key:"8bb2ba7393ad71a0fb01bfaae2626cddff73b974"},o("road-avatar",{key:"6d05a101ce8015714a85fea57c583f8cf20e8ce4"},o("slot",{key:"c1a1408aa8e9eafedb2f3cb1791dcc02a2aba504",name:"avatar"}))))),o("div",{key:"31b4b8e31798cdbba1f144cd7c75417e5aed1dcc",class:`dropdown-menu`},o("div",{key:"daaa7e6156bd9e4cf093dcd895aabc58a5a75835",class:"profil-item"},o("road-avatar",{key:"efe9b628482a2f27c8224e5a836677e55aab0a53",size:"sm"},o("slot",{key:"b9def88d2732c0ff87353e163437f303bf921175",name:"avatarItem"})),o("div",{key:"de3f1acfabff5c15cb409ff32c9f3d03ff80b256",class:"profil-item-info"},o("span",{key:"01909017ffda821626024a5db9c77b5a5fa79988",class:"profil-item-info-name"},o("slot",{key:"e7ecab682533008f8aa41deb00a30a80ba027c09",name:"name"})),o("road-label",{key:"e23ae331f406c69d5702055a31f8445518983fbc"},o("slot",{key:"4ee00896125440f2f3a904516052edecc3ccaefc",name:"email"})))),o("slot",{key:"51a8603e7be8c8df634d69fe74a34845b75aff2f",name:"list"})))}get el(){return a(this)}};i.style=d;export{i as road_profil_dropdown};
2
- //# sourceMappingURL=p-db77c354.entry.js.map
@@ -1,2 +0,0 @@
1
- import{r as t,h as o,H as i,a}from"./p-d7aae05d.js";const s=':host{--max-width:85vw;--z-index:1;--width:max-content;position:relative;display:inline-block}:host(:hover){cursor:pointer}:host([trigger="hover"]) .tooltip{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:100%;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;visibility:hidden;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}:host([contentalign="left"]) .tooltip{text-align:left}.tooltip.tooltip-text-left::after{text-align:left}.tooltip-open{visibility:visible;opacity:1}:host([data-tooltip-position="top"]) .tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position="top"]) .tooltip-open{left:50%;transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position="top-left"]) .tooltip{left:0%;transform:translateY(-70%)}:host([data-tooltip-position="top-left"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position="top-right"]) .tooltip{left:50%;transform:translateY(-70%)}:host([data-tooltip-position="top-right"]) .tooltip-open{left:100%;transform:translateY(-100%)}:host([data-tooltip-position="left"]) .tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position="left"]) .tooltip-open{transform:translateX(-103%) translateY(-55%)}:host([data-tooltip-position="bottom"]) .tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position="bottom"]) .tooltip-open{transform:translateX(-50%) translateY(-6%)}:host([data-tooltip-position="bottom-left"]) .tooltip{top:100%;left:0;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position="bottom-left"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="bottom-right"]) .tooltip{top:100%;left:100%;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position="bottom-right"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position="right"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position="right"]) .tooltip-open{transform:translateX(-4%) translateY(-55%)}';const e=s;const n=class{constructor(o){t(this,o);this.tooltipId=`road-tooltip-${++r}`;this.content="";this.position="top";this.contentAlign="center";this.isOpen=false;this.trigger="hover";this.onClick=()=>{if(this.hasTrigger("click")){this.isOpen?this.close():this.open()}};this.onMouseOver=()=>{if(this.hasTrigger("hover")){this.open()}};this.onMouseOut=()=>{if(this.hasTrigger("hover")){this.close()}};this.isKeyboardNavigation=false;this.handleKeyDown=()=>{this.isKeyboardNavigation=true};this.handleMouseDown=()=>{this.isKeyboardNavigation=false};this.onFocus=()=>{if(this.isKeyboardNavigation&&this.hasTrigger("hover")){this.open()}};this.onBlur=()=>{if(this.isKeyboardNavigation&&this.hasTrigger("hover")){this.close()}}}async open(){this.isOpen=true}async close(){this.isOpen=false}componentDidMount(){document.addEventListener("keydown",this.handleKeyDown);document.addEventListener("mousedown",this.handleMouseDown)}componentDidLoad(){document.addEventListener("keydown",this.handleKeyDown);document.addEventListener("mousedown",this.handleMouseDown)}componentWillUnmount(){document.removeEventListener("keydown",this.handleKeyDown);document.removeEventListener("mousedown",this.handleMouseDown)}hasTrigger(t){const o=this.trigger.split(" ");return o.includes(t)}render(){return o(i,{key:"a41350a6114e63e0d73759b29c0afa19d467ac4b",onMouseOver:this.onMouseOver,onMouseOut:this.onMouseOut,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,tabindex:"0","data-tooltip-position":this.position},o("slot",{key:"e2985be0f2af606eb675875a1ef0e53190c54b50","aria-describedby":this.tooltipId}),o("div",{key:"45f8da72265c812ebbc781cafd7356f02294c2ae",part:"tooltip",id:this.tooltipId,class:{tooltip:true,"tooltip-open":this.isOpen},role:"tooltip","aria-hidden":!this.isOpen?"true":"false"},this.content,o("slot",{key:"a3d80cc2d48e26c0a5c2f45e38854601c1f3ea83",name:"tooltip-content"})))}get el(){return a(this)}};let r=0;n.style=e;export{n as road_tooltip};
2
- //# sourceMappingURL=p-e6c4c576.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["tooltipCss","RoadTooltipStyle0","Tooltip","constructor","hostRef","this","tooltipId","tooltipIds","content","position","contentAlign","isOpen","trigger","onClick","hasTrigger","close","open","onMouseOver","onMouseOut","isKeyboardNavigation","handleKeyDown","handleMouseDown","onFocus","onBlur","componentDidMount","document","addEventListener","componentDidLoad","componentWillUnmount","removeEventListener","triggerType","triggers","split","includes","render","h","Host","key","tabindex","part","id","class","tooltip","role","name"],"sources":["src/components/tooltip/tooltip.css?tag=road-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["/*\n * Tooltip\n *\n * Index\n * - Tooltip\n * - Position\n */\n\n/**\n * @prop --max-width: The maximum width of the tooltip.\n * @prop --z-index: The z-index of the tooltip.\n * @prop --width: width of the tooltip.\n */\n\n/* TOOLTIP\n -------------------- */\n\n:host {\n --max-width: 85vw;\n --z-index: 1;\n --width: max-content;\n\n position: relative;\n display: inline-block;\n}\n\n:host(:hover) {\n cursor: pointer;\n}\n\n\n:host([trigger=\"hover\"]) .tooltip {\n transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.tooltip {\n position: absolute;\n top: -0.5rem;\n left: 50%;\n z-index: 1;\n width: var(--width);\n min-width: 100%;\n max-width: var(--max-width);\n padding: 0.5rem;\n font-family: var(--road-font);\n font-size: var(--road-body-small);\n color: var(--road-on-surface);\n text-align: center;\n pointer-events: none;\n visibility: hidden;\n background: var(--road-surface);\n border: 1px solid var(--road-outline-weak);\n border-radius: 0.25rem;\n box-shadow: var(--road-elevation-low);\n opacity: 0;\n transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n transform: translateX(-50%) translateY(-100%);\n}\n\n:host([contentalign=\"left\"]) .tooltip {\n text-align: left;\n}\n\n.tooltip.tooltip-text-left::after {\n text-align: left;\n}\n\n.tooltip-open {\n visibility: visible;\n opacity: 1;\n}\n\n\n/* POSITION\n -------------------- */\n\n/**\n * Top\n */\n\n:host([data-tooltip-position=\"top\"]) .tooltip {\n left: 50%;\n transform: translateX(-50%) translateY(-70%);\n}\n\n:host([data-tooltip-position=\"top\"]) .tooltip-open {\n left: 50%;\n transform: translateX(-50%) translateY(-100%);\n}\n\n/**\n * Top Left\n */\n\n:host([data-tooltip-position=\"top-left\"]) .tooltip {\n left: 0%;\n transform: translateY(-70%);\n}\n\n:host([data-tooltip-position=\"top-left\"]) .tooltip-open {\n transform: translateY(-100%);\n}\n\n/**\n * Top Right\n */\n\n:host([data-tooltip-position=\"top-right\"]) .tooltip {\n left: 50%;\n transform: translateY(-70%);\n}\n\n:host([data-tooltip-position=\"top-right\"]) .tooltip-open {\n left: 100%;\n transform: translateY(-100%);\n}\n\n/**\n * Left\n */\n\n:host([data-tooltip-position=\"left\"]) .tooltip {\n top: 50%;\n left: 0%;\n margin-right: 0.5rem;\n transform: translateX(-94%) translateY(-55%);\n}\n\n:host([data-tooltip-position=\"left\"]) .tooltip-open {\n transform: translateX(-103%) translateY(-55%);\n}\n\n/**\n * Bottom\n */\n\n:host([data-tooltip-position=\"bottom\"]) .tooltip {\n top: 100%;\n left: 50%;\n margin-top: 0.5rem;\n transform: translateX(-50%) translateY(-40%);\n}\n\n:host([data-tooltip-position=\"bottom\"]) .tooltip-open {\n transform: translateX(-50%) translateY(-6%);\n}\n\n/**\n * Bottom Left\n */\n\n:host([data-tooltip-position=\"bottom-left\"]) .tooltip {\n top: 100%;\n left: 0;\n margin-top: 0.5rem;\n transform: translateY(-40%);\n}\n\n:host([data-tooltip-position=\"bottom-left\"]) .tooltip-open {\n transform: translateY(-6%);\n}\n\n/**\n * Bottom Right\n */\n\n:host([data-tooltip-position=\"bottom-right\"]) .tooltip {\n top: 100%;\n left: 100%;\n margin-top: 0.5rem;\n transform: translateY(-40%);\n}\n\n:host([data-tooltip-position=\"bottom-right\"]) .tooltip-open {\n transform: translateY(-6%);\n}\n\n/**\n * Right\n */\n\n:host([data-tooltip-position=\"right\"]) .tooltip {\n top: 50%;\n left: 100%;\n margin-left: 0.5rem;\n transform: translateX(-14%) translateY(-55%);\n}\n\n:host([data-tooltip-position=\"right\"]) .tooltip-open {\n transform: translateX(-4%) translateY(-55%);\n}\n","import { Component, Host, h, Prop, Method, Element } from '@stencil/core';\n\n/**\n * @slot tooltip-content - content of the tooltip, if you need to add html content, use this slot, otherwise use directly the content prop.\n *\n * @part tooltip - tooltip container\n */\n\n@Component({\n tag: 'road-tooltip',\n styleUrl: 'tooltip.css',\n shadow: true,\n})\nexport class Tooltip {\n\n @Element() el!: HTMLRoadTooltipElement;\n\n /**\n * The id of tooltip\n */\n @Prop() tooltipId: string = `road-tooltip-${++tooltipIds}`;\n\n /**\n * The tooltip's content.\n */\n @Prop() content = '';\n\n /**\n * The position of the tooltip.\n */\n @Prop() position:\n | 'top'\n | 'right'\n | 'bottom'\n | 'top-left'\n | 'top-right'\n | 'bottom-left'\n | 'bottom-right'\n | 'left' = 'top';\n\n /**\n * The content align of the tooltip.\n */\n @Prop() contentAlign:\n | 'center'\n | 'left' = 'center';\n\n /**\n * Indicates whether or not the tooltip is open. You can use this or the open/close methods.\n */\n @Prop({ mutable: true }) isOpen = false;\n\n /**\n * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`. Multiple\n * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n * programmatically.\n */\n @Prop() trigger: string = 'hover';\n\n /**\n * Open the tooltip.\n */\n @Method()\n async open() {\n this.isOpen = true;\n }\n\n /**\n * Close the tooltip.\n */\n @Method()\n async close() {\n this.isOpen = false;\n }\n\n private onClick = () => {\n if (this.hasTrigger('click')) {\n this.isOpen ? this.close() : this.open();\n }\n };\n\n private onMouseOver = () => {\n if (this.hasTrigger('hover')) {\n this.open();\n }\n };\n\n private onMouseOut = () => {\n if (this.hasTrigger('hover')) {\n this.close();\n }\n };\n\nprivate isKeyboardNavigation = false;\n\n// Écoute les événements pour détecter le mode d'interaction\ncomponentDidMount() {\n document.addEventListener('keydown', this.handleKeyDown);\n document.addEventListener('mousedown', this.handleMouseDown);\n}\n\ncomponentDidLoad() {\n document.addEventListener('keydown', this.handleKeyDown);\n document.addEventListener('mousedown', this.handleMouseDown);\n}\n\ncomponentWillUnmount() {\n document.removeEventListener('keydown', this.handleKeyDown);\n document.removeEventListener('mousedown', this.handleMouseDown);\n}\n\n\nprivate handleKeyDown = () => {\n this.isKeyboardNavigation = true;\n};\n\nprivate handleMouseDown = () => {\n this.isKeyboardNavigation = false;\n};\n\nprivate onFocus = () => {\n if (this.isKeyboardNavigation && this.hasTrigger('hover')) {\n this.open();\n }\n};\n\n\n private onBlur = () => {\n if (this.isKeyboardNavigation && this.hasTrigger('hover')) {\n this.close();\n }\n };\n\n private hasTrigger(triggerType: string) {\n const triggers = this.trigger.split(' ');\n return triggers.includes(triggerType);\n }\n\n render() {\n return (\n <Host\n onMouseOver={this.onMouseOver}\n onMouseOut={this.onMouseOut}\n onClick={this.onClick}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n tabindex=\"0\" // Makes the element focusable\n data-tooltip-position={this.position}\n >\n <slot aria-describedby={this.tooltipId} />\n\n <div\n part=\"tooltip\"\n id={this.tooltipId}\n class={{\n tooltip: true,\n 'tooltip-open': this.isOpen,\n }}\n role=\"tooltip\"\n aria-hidden={!this.isOpen ? 'true' : 'false'}\n >\n {this.content}\n <slot name=\"tooltip-content\" />\n </div>\n </Host>\n );\n }\n}\n\nlet tooltipIds = 0;\n"],"mappings":"oDAAA,MAAMA,EAAa,4+EACnB,MAAAC,EAAeD,E,MCYFE,EAAO,MALpB,WAAAC,CAAAC,G,UAYUC,KAAAC,UAAoB,kBAAkBC,IAKtCF,KAAAG,QAAU,GAKVH,KAAAI,SAQK,MAKLJ,KAAAK,aAEK,SAKYL,KAAAM,OAAS,MAO1BN,KAAAO,QAAkB,QAkBlBP,KAAAQ,QAAU,KAChB,GAAIR,KAAKS,WAAW,SAAU,CAC5BT,KAAKM,OAASN,KAAKU,QAAUV,KAAKW,M,GAI9BX,KAAAY,YAAc,KACpB,GAAIZ,KAAKS,WAAW,SAAU,CAC5BT,KAAKW,M,GAIDX,KAAAa,WAAa,KACnB,GAAIb,KAAKS,WAAW,SAAU,CAC5BT,KAAKU,O,GAIHV,KAAAc,qBAAuB,MAmBvBd,KAAAe,cAAgB,KACtBf,KAAKc,qBAAuB,IAAI,EAG1Bd,KAAAgB,gBAAkB,KACxBhB,KAAKc,qBAAuB,KAAK,EAG3Bd,KAAAiB,QAAU,KAChB,GAAIjB,KAAKc,sBAAwBd,KAAKS,WAAW,SAAU,CACzDT,KAAKW,M,GAKCX,KAAAkB,OAAS,KACf,GAAIlB,KAAKc,sBAAwBd,KAAKS,WAAW,SAAU,CACzDT,KAAKU,O,GAlET,UAAMC,GACJX,KAAKM,OAAS,I,CAOhB,WAAMI,GACJV,KAAKM,OAAS,K,CAwBlB,iBAAAa,GACEC,SAASC,iBAAiB,UAAWrB,KAAKe,eAC1CK,SAASC,iBAAiB,YAAarB,KAAKgB,gB,CAG9C,gBAAAM,GACEF,SAASC,iBAAiB,UAAWrB,KAAKe,eAC1CK,SAASC,iBAAiB,YAAarB,KAAKgB,gB,CAG9C,oBAAAO,GACEH,SAASI,oBAAoB,UAAWxB,KAAKe,eAC7CK,SAASI,oBAAoB,YAAaxB,KAAKgB,gB,CAyBvC,UAAAP,CAAWgB,GACjB,MAAMC,EAAW1B,KAAKO,QAAQoB,MAAM,KACpC,OAAOD,EAASE,SAASH,E,CAG3B,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHpB,YAAaZ,KAAKY,YAClBC,WAAYb,KAAKa,WACjBL,QAASR,KAAKQ,QACdS,QAASjB,KAAKiB,QACdC,OAAQlB,KAAKkB,OACbe,SAAS,I,wBACcjC,KAAKI,UAE5B0B,EAAA,QAAAE,IAAA,8DAAwBhC,KAAKC,YAE7B6B,EAAA,OAAAE,IAAA,2CACEE,KAAK,UACLC,GAAInC,KAAKC,UACTmC,MAAO,CACLC,QAAS,KACT,eAAgBrC,KAAKM,QAEvBgC,KAAK,UAAS,eACAtC,KAAKM,OAAS,OAAS,SAEpCN,KAAKG,QACN2B,EAAA,QAAAE,IAAA,2CAAMO,KAAK,qB,2BAOrB,IAAIrC,EAAa,E","ignoreList":[]}