@roadtrip/components 3.11.2 → 3.12.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 (85) hide show
  1. package/dist/cjs/index-12592729.js +4 -4
  2. package/dist/cjs/index-fb57f684.js.map +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/road-phone-number-input.cjs.entry.js +114 -155
  5. package/dist/cjs/road-phone-number-input.cjs.entry.js.map +1 -1
  6. package/dist/cjs/road-progress-indicator-horizontal.cjs.entry.js +3 -2
  7. package/dist/cjs/road-progress-indicator-horizontal.cjs.entry.js.map +1 -1
  8. package/dist/cjs/road-rating.cjs.entry.js +5 -2
  9. package/dist/cjs/road-rating.cjs.entry.js.map +1 -1
  10. package/dist/cjs/road-select.cjs.entry.js +17 -0
  11. package/dist/cjs/road-select.cjs.entry.js.map +1 -1
  12. package/dist/cjs/roadtrip.cjs.js +1 -1
  13. package/dist/collection/components/global-navigation/global-navigation.stories.js +2 -1
  14. package/dist/collection/components/icon/svg/location-pin-outline-color.svg +1 -1
  15. package/dist/collection/components/icon/svg/social-whatsapp-badge.svg +1 -1
  16. package/dist/collection/components/icon/svg/social-whatsapp-color.svg +1 -1
  17. package/dist/collection/components/icon/svg/social-whatsapp-solid.svg +1 -1
  18. package/dist/collection/components/phone-number-input/interfaces/country.interface.js +2 -0
  19. package/dist/collection/components/phone-number-input/interfaces/country.interface.js.map +1 -0
  20. package/dist/collection/components/phone-number-input/interfaces/index.js +3 -0
  21. package/dist/collection/components/phone-number-input/interfaces/index.js.map +1 -0
  22. package/dist/collection/components/phone-number-input/interfaces/phone.interface.js +2 -0
  23. package/dist/collection/components/phone-number-input/interfaces/phone.interface.js.map +1 -0
  24. package/dist/collection/components/phone-number-input/phone-number-input.css +200 -1
  25. package/dist/collection/components/phone-number-input/phone-number-input.js +171 -229
  26. package/dist/collection/components/phone-number-input/phone-number-input.js.map +1 -1
  27. package/dist/collection/components/phone-number-input/phone-number-input.stories.js +30 -28
  28. package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.js +21 -2
  29. package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.js.map +1 -1
  30. package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.stories.js +12 -5
  31. package/dist/collection/components/rating/rating.css +4 -0
  32. package/dist/collection/components/rating/rating.js +40 -1
  33. package/dist/collection/components/rating/rating.js.map +1 -1
  34. package/dist/collection/components/rating/rating.stories.js +17 -0
  35. package/dist/collection/components/select/select.js +18 -1
  36. package/dist/collection/components/select/select.js.map +1 -1
  37. package/dist/collection/components/select/select.stories.js +2 -2
  38. package/dist/esm/index-52302079.js +4 -4
  39. package/dist/esm/index-891decf5.js.map +1 -1
  40. package/dist/esm/loader.js +1 -1
  41. package/dist/esm/road-phone-number-input.entry.js +114 -155
  42. package/dist/esm/road-phone-number-input.entry.js.map +1 -1
  43. package/dist/esm/road-progress-indicator-horizontal.entry.js +3 -2
  44. package/dist/esm/road-progress-indicator-horizontal.entry.js.map +1 -1
  45. package/dist/esm/road-rating.entry.js +5 -2
  46. package/dist/esm/road-rating.entry.js.map +1 -1
  47. package/dist/esm/road-select.entry.js +17 -0
  48. package/dist/esm/road-select.entry.js.map +1 -1
  49. package/dist/esm/roadtrip.js +1 -1
  50. package/dist/html.html-data.json +28 -12
  51. package/dist/icons/icons.svg +1 -1
  52. package/dist/icons/index.js +4 -4
  53. package/dist/roadtrip/{p-4f5e8cc2.entry.js → p-254ba3c4.entry.js} +2 -2
  54. package/dist/roadtrip/p-254ba3c4.entry.js.map +1 -0
  55. package/dist/roadtrip/p-73fe2357.js.map +1 -1
  56. package/dist/roadtrip/{p-995e1e53.entry.js → p-9173eb4b.entry.js} +2 -2
  57. package/dist/roadtrip/p-9173eb4b.entry.js.map +1 -0
  58. package/dist/roadtrip/{p-a2a9a650.entry.js → p-be8aee32.entry.js} +2 -2
  59. package/dist/roadtrip/p-be8aee32.entry.js.map +1 -0
  60. package/dist/roadtrip/p-cbc00bfb.entry.js +2 -0
  61. package/dist/roadtrip/p-cbc00bfb.entry.js.map +1 -0
  62. package/dist/roadtrip/roadtrip.css +1 -1
  63. package/dist/roadtrip/roadtrip.esm.js +1 -1
  64. package/dist/roadtrip/roadtrip.esm.js.map +1 -1
  65. package/dist/roadtrip/svg/location-pin-outline-color.svg +1 -1
  66. package/dist/roadtrip/svg/social-whatsapp-badge.svg +1 -1
  67. package/dist/roadtrip/svg/social-whatsapp-color.svg +1 -1
  68. package/dist/roadtrip/svg/social-whatsapp-solid.svg +1 -1
  69. package/dist/types/components/phone-number-input/interfaces/country.interface.d.ts +13 -0
  70. package/dist/types/components/phone-number-input/interfaces/index.d.ts +2 -0
  71. package/dist/types/components/phone-number-input/interfaces/phone.interface.d.ts +11 -0
  72. package/dist/types/components/phone-number-input/phone-number-input.d.ts +41 -75
  73. package/dist/types/components/progress-indicator-horizontal/progress-indicator-horizontal.d.ts +4 -0
  74. package/dist/types/components/rating/rating.d.ts +8 -0
  75. package/dist/types/components/select/select.d.ts +2 -0
  76. package/dist/types/components.d.ts +75 -44
  77. package/hydrate/index.js +155 -170
  78. package/icons/icons.svg +1 -1
  79. package/icons/index.js +4 -4
  80. package/package.json +2 -2
  81. package/dist/roadtrip/p-39d1c90a.entry.js +0 -2
  82. package/dist/roadtrip/p-39d1c90a.entry.js.map +0 -1
  83. package/dist/roadtrip/p-4f5e8cc2.entry.js.map +0 -1
  84. package/dist/roadtrip/p-995e1e53.entry.js.map +0 -1
  85. package/dist/roadtrip/p-a2a9a650.entry.js.map +0 -1
@@ -688,7 +688,7 @@ export const locationPinGarage = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 6
688
688
  export const locationPinNumberOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M30.67 58.34c-2.07-6.9-6.01-11.26-9.82-15.47-4.55-5.04-8.85-9.8-8.85-18C12 14.29 21.29 5 31.87 5c10.58 0 19.87 9.29 19.87 19.87 0 8.19-4.3 12.95-8.86 17.99-3.81 4.21-7.75 8.57-9.82 15.47h-2.39v.01Zm1.2-50.84c-9.25 0-17.37 8.12-17.37 17.37 0 7.23 3.8 11.44 8.21 16.32 3.21 3.55 6.78 7.5 9.16 13.11 2.38-5.61 5.95-9.56 9.16-13.11 4.41-4.87 8.21-9.08 8.21-16.32 0-9.25-8.12-17.37-17.37-17.37Z"/></svg>'
689
689
  export const locationPinNumberSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M31.87 5C21.29 5 12 14.29 12 24.87c0 8.19 4.3 12.95 8.86 17.99 3.81 4.21 7.75 8.57 9.82 15.47h2.39c2.07-6.9 6.01-11.26 9.82-15.47 4.55-5.04 8.86-9.8 8.86-17.99C51.74 14.29 42.46 5 31.87 5Z"/></svg>'
690
690
  export const locationPinNumber = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M0 0h64v64H0z"/><path d="M44.919 11.075a18.225 18.225 0 0 0-12.891-5.3H32a18.188 18.188 0 0 0-18.266 18.05c0 11.482 13.244 28.346 17.3 33.242L32 58.226l.962-1.16c4.059-4.895 17.3-21.755 17.3-33.215a17.845 17.845 0 0 0-5.343-12.776Z"/></svg>'
691
- export const locationPinOutlineColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M0 0h64v64H0z"/><path d="M32 32.202a7.9 7.9 0 1 1 7.9-7.9 7.911 7.911 0 0 1-7.9 7.9Zm0-13.3a5.4 5.4 0 1 0 5.4 5.4 5.409 5.409 0 0 0-5.4-5.404Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m32 58.452-.962-1.16c-4.06-4.9-17.3-21.76-17.3-33.242A18.188 18.188 0 0 1 32 6h.028a18.225 18.225 0 0 1 12.891 5.3 17.845 17.845 0 0 1 5.346 12.772c0 11.46-13.244 28.32-17.3 33.215ZM32 8.5a15.685 15.685 0 0 0-15.766 15.551c0 8.121 7.966 20.837 15.766 30.47 7.795-9.631 15.765-22.337 15.765-30.449a15.374 15.374 0 0 0-4.6-11A15.742 15.742 0 0 0 32.026 8.5Z"/></svg>'
691
+ export const locationPinOutlineColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill="none" d="M0 0h64v64H0z"/><path d="M32 32.202a7.9 7.9 0 1 1 7.9-7.9 7.911 7.911 0 0 1-7.9 7.9Zm0-13.3a5.4 5.4 0 1 0 5.4 5.4 5.409 5.409 0 0 0-5.4-5.404Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m32 58.452-.962-1.16c-4.06-4.9-17.3-21.76-17.3-33.242A18.188 18.188 0 0 1 32 6h.028a18.225 18.225 0 0 1 12.891 5.3 17.845 17.845 0 0 1 5.346 12.772c0 11.46-13.244 28.32-17.3 33.215ZM32 8.5a15.685 15.685 0 0 0-15.766 15.551c0 8.121 7.966 20.837 15.766 30.47 7.795-9.631 15.765-22.337 15.765-30.449a15.374 15.374 0 0 0-4.6-11A15.742 15.742 0 0 0 32.026 8.5Z"/></svg>'
692
692
  export const locationPinOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M30.67 58.34c-2.07-6.9-6.01-11.26-9.82-15.47-4.55-5.04-8.85-9.8-8.85-18C12 14.29 21.29 5 31.87 5c10.58 0 19.87 9.29 19.87 19.87 0 8.19-4.3 12.95-8.86 17.99-3.81 4.21-7.75 8.57-9.82 15.47h-2.39v.01Zm1.2-50.84c-9.25 0-17.37 8.12-17.37 17.37 0 7.23 3.8 11.44 8.21 16.32 3.21 3.55 6.78 7.5 9.16 13.11 2.38-5.61 5.95-9.56 9.16-13.11 4.41-4.87 8.21-9.08 8.21-16.32 0-9.25-8.12-17.37-17.37-17.37Z"/><path d="M31.9 32.28c-4.13 0-7.48-3.33-7.48-7.43s3.36-7.43 7.48-7.43c4.12 0 7.48 3.33 7.48 7.43s-3.36 7.43-7.48 7.43Zm0-12.36c-2.75 0-4.98 2.21-4.98 4.93 0 2.72 2.24 4.93 4.98 4.93s4.98-2.21 4.98-4.93c0-2.72-2.24-4.93-4.98-4.93Z"/></svg>'
693
693
  export const locationPinSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M31.87 5C21.29 5 12 14.29 12 24.87c0 8.19 4.3 12.95 8.86 17.99 3.81 4.21 7.75 8.57 9.82 15.47h2.39c2.07-6.9 6.01-11.26 9.82-15.47 4.55-5.04 8.86-9.8 8.86-17.99C51.74 14.29 42.46 5 31.87 5Zm.03 26.03c-3.44 0-6.23-2.77-6.23-6.18 0-3.41 2.79-6.18 6.23-6.18 3.44 0 6.23 2.77 6.23 6.18 0 3.41-2.79 6.18-6.23 6.18Z"/></svg>'
694
694
  export const locationPin = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M0 0h64v64H0z"/><path d="M44.919 11.075a18.225 18.225 0 0 0-12.891-5.3H32a18.188 18.188 0 0 0-18.266 18.05c0 11.482 13.244 28.346 17.3 33.242L32 58.226l.962-1.16c4.059-4.895 17.3-21.755 17.3-33.215a17.845 17.845 0 0 0-5.343-12.776ZM32 31.232a7.158 7.158 0 1 1 7.159-7.157A7.166 7.166 0 0 1 32 31.232Z"/></svg>'
@@ -1245,9 +1245,9 @@ export const socialTwitterBadge = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64
1245
1245
  export const socialTwitterColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M46.028 26.295c.012.316.02.639.02.962 0 9.807-7.278 21.112-20.59 21.112a20.145 20.145 0 0 1-11.088-3.327c.571.067 1.146.1 1.721.1 3.272 0 6.444-1.121 8.988-3.178a7.263 7.263 0 0 1-6.76-5.151 7.04 7.04 0 0 0 1.363.132 6.9 6.9 0 0 0 1.907-.261 7.378 7.378 0 0 1-5.81-7.28v-.09a7.106 7.106 0 0 0 3.28.926 7.47 7.47 0 0 1-3.22-6.176 7.557 7.557 0 0 1 .98-3.735 20.378 20.378 0 0 0 14.916 7.752 7.572 7.572 0 0 1-.186-1.69 7.33 7.33 0 0 1 7.234-7.42 7.137 7.137 0 0 1 5.282 2.342 14.252 14.252 0 0 0 4.6-1.8 7.4 7.4 0 0 1-3.182 4.1 14.13 14.13 0 0 0 4.155-1.168 14.841 14.841 0 0 1-3.61 3.85Z" fill="rgb(29, 155, 240)"/></svg>'
1246
1246
  export const socialTwitterSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M46.028 26.294c.012.316.019.639.019.962 0 9.807-7.277 21.112-20.59 21.112a20.145 20.145 0 0 1-11.087-3.327 14.457 14.457 0 0 0 1.721.1 14.289 14.289 0 0 0 8.988-3.178 7.264 7.264 0 0 1-6.76-5.151 7.033 7.033 0 0 0 1.363.132 6.9 6.9 0 0 0 1.907-.261 7.378 7.378 0 0 1-5.81-7.279v-.091a7.106 7.106 0 0 0 3.28.926 7.47 7.47 0 0 1-3.22-6.176 7.557 7.557 0 0 1 .979-3.735 20.377 20.377 0 0 0 14.917 7.752 7.569 7.569 0 0 1-.186-1.69 7.33 7.33 0 0 1 7.234-7.42 7.137 7.137 0 0 1 5.282 2.342 14.253 14.253 0 0 0 4.6-1.8 7.4 7.4 0 0 1-3.182 4.1 14.13 14.13 0 0 0 4.155-1.168 14.842 14.842 0 0 1-3.61 3.85Z"/></svg>'
1247
1247
  export const socialTwitter = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M46.028 26.294c.012.316.019.639.019.962 0 9.807-7.277 21.112-20.59 21.112a20.146 20.146 0 0 1-11.087-3.327c.571.068 1.146.1 1.721.1 3.271 0 6.444-1.121 8.988-3.178a7.265 7.265 0 0 1-6.76-5.151c.449.088.905.132 1.363.132a6.904 6.904 0 0 0 1.907-.261 7.379 7.379 0 0 1-5.81-7.279v-.091a7.106 7.106 0 0 0 3.28.926 7.471 7.471 0 0 1-3.22-6.176 7.556 7.556 0 0 1 .979-3.735 20.376 20.376 0 0 0 14.917 7.752 7.566 7.566 0 0 1-.186-1.69 7.33 7.33 0 0 1 7.234-7.42 7.136 7.136 0 0 1 5.282 2.342 14.254 14.254 0 0 0 4.6-1.8 7.4 7.4 0 0 1-3.182 4.1 14.132 14.132 0 0 0 4.155-1.168 14.843 14.843 0 0 1-3.61 3.85Z"/></svg>'
1248
- export const socialWhatsappBadge = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><g clip-path="url(#a)" fill-rule="evenodd" clip-rule="evenodd" ><path d="M32.074 47.493h.006c8.668 0 15.722-7.021 15.726-15.651a15.516 15.516 0 0 0-4.602-11.072 15.658 15.658 0 0 0-11.118-4.59c-8.675 0-15.73 7.02-15.733 15.65a15.555 15.555 0 0 0 2.404 8.328l.374.593-1.588 5.775 5.952-1.554.574.34a15.765 15.765 0 0 0 8.005 2.181Zm5.401-13.251c.434.157 2.758 1.295 3.23 1.53v.002l.258.126c.33.159.553.266.648.424.118.196.118 1.138-.276 2.237-.393 1.099-2.282 2.102-3.19 2.237-.815.121-1.846.172-2.978-.186a27.194 27.194 0 0 1-2.695-.992c-4.43-1.904-7.424-6.175-7.993-6.986l-.083-.118-.003-.004c-.248-.329-1.928-2.558-1.928-4.864 0-2.167 1.07-3.303 1.563-3.826l.092-.099c.433-.47.945-.588 1.26-.588.317 0 .631.002.907.016.034.002.07.002.107.002.275-.002.618-.003.957.806.137.327.34.82.552 1.332.399.966.828 2.007.905 2.161.118.236.197.51.04.824l-.07.14c-.117.237-.203.414-.403.645-.08.093-.164.194-.247.294-.161.196-.323.39-.463.53-.236.234-.482.489-.206.96.275.472 1.224 2.012 2.63 3.26a12.233 12.233 0 0 0 3.488 2.194c.13.056.236.102.314.14.472.236.748.197 1.024-.117.276-.313 1.182-1.373 1.497-1.845.315-.47.63-.392 1.063-.235Z"/><path d="M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Zm.08-51c5.061.002 9.812 1.963 13.383 5.522 3.573 3.56 5.539 8.29 5.537 13.322-.004 10.382-8.493 18.83-18.92 18.83h-.008a18.968 18.968 0 0 1-9.042-2.292L13 51l2.684-9.758a18.718 18.718 0 0 1-2.525-9.413C13.162 21.445 21.65 13 32.079 13Z"/></g><defs><clipPath id="a"><path fill="rgb(255, 255, 255)" d="M0 0h64v64H0z"/></clipPath></defs></svg>'
1248
+ export const socialWhatsappBadge = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><g clip-path="url(#a)" fill-rule="evenodd" clip-rule="evenodd"><path d="M32.074 47.493h.006c8.668 0 15.722-7.021 15.726-15.651a15.516 15.516 0 0 0-4.602-11.072 15.658 15.658 0 0 0-11.118-4.59c-8.675 0-15.73 7.02-15.733 15.65a15.555 15.555 0 0 0 2.404 8.328l.374.593-1.588 5.775 5.952-1.554.574.34a15.765 15.765 0 0 0 8.005 2.181Zm5.401-13.251c.434.157 2.758 1.295 3.23 1.53v.002l.258.126c.33.159.553.266.648.424.118.196.118 1.138-.276 2.237-.393 1.099-2.282 2.102-3.19 2.237-.815.121-1.846.172-2.978-.186a27.194 27.194 0 0 1-2.695-.992c-4.43-1.904-7.424-6.175-7.993-6.986l-.083-.118-.003-.004c-.248-.329-1.928-2.558-1.928-4.864 0-2.167 1.07-3.303 1.563-3.826l.092-.099c.433-.47.945-.588 1.26-.588.317 0 .631.002.907.016.034.002.07.002.107.002.275-.002.618-.003.957.806.137.327.34.82.552 1.332.399.966.828 2.007.905 2.161.118.236.197.51.04.824l-.07.14c-.117.237-.203.414-.403.645-.08.093-.164.194-.247.294-.161.196-.323.39-.463.53-.236.234-.482.489-.206.96.275.472 1.224 2.012 2.63 3.26a12.233 12.233 0 0 0 3.488 2.194c.13.056.236.102.314.14.472.236.748.197 1.024-.117.276-.313 1.182-1.373 1.497-1.845.315-.47.63-.392 1.063-.235Z"/><path d="M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Zm.08-51c5.061.002 9.812 1.963 13.383 5.522 3.573 3.56 5.539 8.29 5.537 13.322-.004 10.382-8.493 18.83-18.92 18.83h-.008a18.968 18.968 0 0 1-9.042-2.292L13 51l2.684-9.758a18.718 18.718 0 0 1-2.525-9.413C13.162 21.445 21.65 13 32.079 13Z"/></g><defs><clipPath id="a"><path fill="rgb(255, 255, 255)" d="M0 0h64v64H0z"/></clipPath></defs></svg>'
1249
1249
  export const socialWhatsappColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M45.463 18.522c-3.572-3.56-8.322-5.52-13.383-5.522-10.43 0-18.918 8.446-18.921 18.828a18.718 18.718 0 0 0 2.525 9.414L13 51l10.03-2.618a18.968 18.968 0 0 0 9.042 2.291h.008c10.427 0 18.916-8.447 18.92-18.83.002-5.03-1.964-9.761-5.537-13.32v-.001ZM32.08 47.493h-.006c-2.822 0-5.59-.756-8.005-2.181l-.574-.34-5.953 1.554 1.589-5.775-.374-.593a15.555 15.555 0 0 1-2.404-8.329c.004-8.628 7.058-15.65 15.733-15.65 4.2.003 8.149 1.632 11.118 4.591a15.516 15.516 0 0 1 4.602 11.072c-.004 8.63-7.058 15.65-15.726 15.65v.001Zm8.626-11.72c-.473-.236-2.797-1.374-3.23-1.531-.435-.157-.75-.236-1.064.236-.315.47-1.221 1.53-1.497 1.844-.276.314-.552.353-1.024.117-.473-.235-1.996-.732-3.802-2.334-1.406-1.248-2.355-2.788-2.63-3.26-.276-.471-.03-.726.206-.96.213-.21.473-.55.71-.824.237-.274.315-.471.472-.785.158-.314.08-.588-.039-.824-.118-.235-1.063-2.551-1.457-3.493-.384-.917-.774-.793-1.064-.808-.276-.014-.59-.016-.906-.016-.316 0-.828.117-1.261.588-.434.472-1.655 1.61-1.655 3.925 0 2.315 1.694 4.553 1.93 4.868.237.314 3.335 5.066 8.077 7.104 1.127.485 2.008.775 2.695.992 1.132.358 2.163.307 2.978.186.908-.135 2.797-1.138 3.19-2.237.394-1.099.394-2.041.276-2.237-.118-.196-.433-.314-.906-.55v-.002Z" fill="rgb(37, 211, 102)"/></svg>'
1250
- export const socialWhatsappSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M45.463 18.522c-3.572-3.56-8.322-5.52-13.383-5.522-10.43 0-18.918 8.446-18.921 18.828a18.718 18.718 0 0 0 2.525 9.414L13 51l10.03-2.618a18.968 18.968 0 0 0 9.042 2.291h.008c10.427 0 18.916-8.447 18.92-18.83.002-5.03-1.964-9.761-5.537-13.32v-.001ZM32.08 47.493h-.006c-2.822 0-5.59-.756-8.005-2.181l-.574-.34-5.953 1.554 1.589-5.775-.374-.593a15.555 15.555 0 0 1-2.404-8.329c.004-8.628 7.058-15.65 15.733-15.65 4.2.003 8.149 1.632 11.118 4.591a15.516 15.516 0 0 1 4.602 11.072c-.004 8.63-7.058 15.65-15.726 15.65v.001Zm8.626-11.72c-.473-.236-2.797-1.374-3.23-1.531-.435-.157-.75-.236-1.064.236-.315.47-1.221 1.53-1.497 1.844-.276.314-.552.353-1.024.117-.473-.235-1.996-.732-3.802-2.334-1.406-1.248-2.355-2.788-2.63-3.26-.276-.471-.03-.726.206-.96.213-.21.473-.55.71-.824.237-.274.315-.471.472-.785.158-.314.08-.588-.039-.824-.118-.235-1.063-2.551-1.457-3.493-.384-.917-.774-.793-1.064-.808-.276-.014-.59-.016-.906-.016-.316 0-.828.117-1.261.588-.434.472-1.655 1.61-1.655 3.925 0 2.315 1.694 4.553 1.93 4.868.237.314 3.335 5.066 8.077 7.104 1.127.485 2.008.775 2.695.992 1.132.358 2.163.307 2.978.186.908-.135 2.797-1.138 3.19-2.237.394-1.099.394-2.041.276-2.237-.118-.196-.433-.314-.906-.55v-.002Z" /></svg>'
1250
+ export const socialWhatsappSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="M45.463 18.522c-3.572-3.56-8.322-5.52-13.383-5.522-10.43 0-18.918 8.446-18.921 18.828a18.718 18.718 0 0 0 2.525 9.414L13 51l10.03-2.618a18.968 18.968 0 0 0 9.042 2.291h.008c10.427 0 18.916-8.447 18.92-18.83.002-5.03-1.964-9.761-5.537-13.32v-.001ZM32.08 47.493h-.006c-2.822 0-5.59-.756-8.005-2.181l-.574-.34-5.953 1.554 1.589-5.775-.374-.593a15.555 15.555 0 0 1-2.404-8.329c.004-8.628 7.058-15.65 15.733-15.65 4.2.003 8.149 1.632 11.118 4.591a15.516 15.516 0 0 1 4.602 11.072c-.004 8.63-7.058 15.65-15.726 15.65v.001Zm8.626-11.72c-.473-.236-2.797-1.374-3.23-1.531-.435-.157-.75-.236-1.064.236-.315.47-1.221 1.53-1.497 1.844-.276.314-.552.353-1.024.117-.473-.235-1.996-.732-3.802-2.334-1.406-1.248-2.355-2.788-2.63-3.26-.276-.471-.03-.726.206-.96.213-.21.473-.55.71-.824.237-.274.315-.471.472-.785.158-.314.08-.588-.039-.824-.118-.235-1.063-2.551-1.457-3.493-.384-.917-.774-.793-1.064-.808-.276-.014-.59-.016-.906-.016-.316 0-.828.117-1.261.588-.434.472-1.655 1.61-1.655 3.925 0 2.315 1.694 4.553 1.93 4.868.237.314 3.335 5.066 8.077 7.104 1.127.485 2.008.775 2.695.992 1.132.358 2.163.307 2.978.186.908-.135 2.797-1.138 3.19-2.237.394-1.099.394-2.041.276-2.237-.118-.196-.433-.314-.906-.55v-.002Z"/></svg>'
1251
1251
  export const socialXBadge = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M39.8 46h4.336l-19.96-27.922H19.84L39.8 46Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M32 0a32 32 0 1 0 0 64 32 32 0 0 0 0-64Zm14.957 16L35.044 29.543 48 47.983h-9.529l-8.725-12.417-10.923 12.418H16l12.493-14.202L16 16h9.529l8.261 11.76L44.134 16h2.823Z"/></svg>'
1252
1252
  export const socialXSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M35.044 29.543 46.957 16h-2.823L33.79 27.76 25.53 16H16l12.493 17.782L16 47.984h2.823l10.923-12.418 8.725 12.418H48L35.044 29.543Zm-3.866 4.395-1.266-1.77-10.072-14.09h4.336l8.128 11.371 1.266 1.77L44.136 46h-4.337l-8.621-12.06Z"/></svg>'
1253
1253
  export const socialYoutubeBadge = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><g clip-path="url(#a)"><path d="m28.256 36.737 9.8-5.113-9.8-5.148v10.261Z"/><path d="M32 0a32 32 0 1 0 0 64 32 32 0 0 0 0-64Zm18.132 33.379a55.604 55.604 0 0 1-.363 5.911 7.94 7.94 0 0 1-1.441 3.625 5.168 5.168 0 0 1-3.628 1.547c-5.075.37-12.694.381-12.694.381s-9.428-.087-12.33-.367a6.121 6.121 0 0 1-4-1.561 7.932 7.932 0 0 1-1.44-3.625 55.604 55.604 0 0 1-.363-5.911v-2.771c.016-1.975.137-3.948.363-5.911a7.934 7.934 0 0 1 1.44-3.625 5.162 5.162 0 0 1 3.634-1.546c5.075-.37 12.686-.37 12.686-.37h.016s7.612 0 12.686.37a5.16 5.16 0 0 1 3.633 1.546 7.94 7.94 0 0 1 1.438 3.628 55.63 55.63 0 0 1 .363 5.911v2.768Z"/></g><defs><clipPath id="a"><path fill="rgb(255, 255, 255)" d="M0 0h64v64H0z"/></clipPath></defs></svg>'
@@ -1625,7 +1625,7 @@ export const vehicleCarSadColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64
1625
1625
  export const vehicleCarSadOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M17.95 43.86c-2.89 0-5.25-2.36-5.25-5.25s2.36-5.25 5.25-5.25 5.25 2.36 5.25 5.25-2.36 5.25-5.25 5.25Zm0-8c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75-1.23-2.75-2.75-2.75Zm28.1 7.93c-2.89 0-5.25-2.36-5.25-5.25s2.36-5.25 5.25-5.25 5.25 2.36 5.25 5.25-2.36 5.25-5.25 5.25Zm0-8c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75-1.23-2.75-2.75-2.75Z"/><path d="M59.29 27.57h-2.45L52.05 13.3a4.108 4.108 0 0 0-3.9-2.81h-32.3c-1.77 0-3.34 1.13-3.9 2.81L7.16 27.57H4.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05V30.07h2.1a1.25 1.25 0 0 0 0-2.5ZM14.32 14.09c.22-.66.84-1.1 1.53-1.1h32.3c.7 0 1.31.44 1.53 1.1l4.52 13.47H9.79l4.52-13.47h.01Zm-1.9 37.36c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm0-4.61H9.3V30.07h45.4v16.78-.01Z"/><path d="M27.3 44.81c0-2.07 2.11-3.75 4.7-3.75 2.59 0 4.7 1.68 4.7 3.75h2.5c0-3.45-3.23-6.25-7.2-6.25s-7.2 2.8-7.2 6.25h2.5Z"/></svg>'
1626
1626
  export const vehicleCarSadSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M59.29 27.57h-2.45L52.05 13.3a4.108 4.108 0 0 0-3.9-2.81h-32.3c-1.77 0-3.34 1.13-3.9 2.81L7.16 27.57H4.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05V30.07h2.1a1.25 1.25 0 0 0 0-2.5ZM17.94 42.61c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4Zm18.76 2.2c0-2.07-2.11-3.75-4.7-3.75-2.59 0-4.7 1.68-4.7 3.75h-2.5c0-3.45 3.23-6.25 7.2-6.25s7.2 2.8 7.2 6.25h-2.5Zm9.35-2.26c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4ZM9.79 27.57l4.52-13.48c.22-.66.84-1.1 1.53-1.1h32.31c.7 0 1.31.44 1.53 1.1l4.52 13.48H9.79Z"/></svg>'
1627
1627
  export const vehicleCarSad = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.529 28.027h-2.732l-3.452-10.043a2.668 2.668 0 0 0-2.906-1.968H21.501a2.667 2.667 0 0 0-2.906 1.968l-3.452 10.043h-2.732A1.411 1.411 0 0 0 11 29.438v1.151A1.411 1.411 0 0 0 12.411 32h2.059v14.016a1.921 1.921 0 0 0 1.969 1.968h2.062a1.922 1.922 0 0 0 1.969-1.968v-2.063h24v2.063a1.921 1.921 0 0 0 1.969 1.968h2.062a1.922 1.922 0 0 0 1.969-1.968V32h2.059a1.411 1.411 0 0 0 1.411-1.411v-1.151a1.411 1.411 0 0 0-1.411-1.411Zm-28.918 9.035A2.983 2.983 0 1 1 21.005 32h.991a2.977 2.977 0 0 1 1.615 5.062Zm14.636 3.891c0-.978-2.251-2.4-5.777-2.4s-5.777 1.42-5.777 2.4h-2c0-2.507 3.343-4.4 7.777-4.4s7.777 1.891 7.777 4.4Zm7.3-3.891A2.983 2.983 0 1 1 42.943 32h.991a2.976 2.976 0 0 1 1.614 5.062Zm-27.046-9.046 3-9h21.938l3 9Z"/></svg>'
1628
- export const vehicleCarSearchColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.7 46.85H7.3V30.07h29.54a1.25 1.25 0 0 0 0-2.5H7.79l4.52-13.47c.22-.66.84-1.1 1.53-1.1h17.45v-2.5H13.85c-1.77 0-3.34 1.13-3.9 2.81L5.16 27.58H2.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-19.7h-2.5v15.08h.01Zm-42.28 4.61c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Z"/><path d="M10.7 38.61c0 2.89 2.36 5.25 5.25 5.25s5.25-2.36 5.25-5.25-2.36-5.25-5.25-5.25-5.25 2.36-5.25 5.25Zm8 0c0 1.52-1.23 2.75-2.75 2.75s-2.75-1.23-2.75-2.75 1.23-2.75 2.75-2.75 2.75 1.23 2.75 2.75Zm30.6-.07c0-2.89-2.36-5.25-5.25-5.25s-5.25 2.36-5.25 5.25 2.36 5.25 5.25 5.25 5.25-2.36 5.25-5.25Zm-8 0c0-1.52 1.23-2.75 2.75-2.75s2.75 1.23 2.75 2.75-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75Z"/><path d="m55.68 22.076-.281.35.318.318 6.896 6.896-1.063 1.063-6.896-6.896-.318-.318-.35.282a11.194 11.194 0 0 1-7.056 2.499c-6.204 0-11.25-5.046-11.25-11.25S40.726 3.77 46.93 3.77s11.25 5.046 11.25 11.25c0 2.67-.938 5.12-2.5 7.056ZM37.19 15.02c0 5.376 4.374 9.75 9.75 9.75s9.75-4.374 9.75-9.75-4.374-9.75-9.75-9.75-9.75 4.374-9.75 9.75Z" stroke="#F6A404"/></svg>'
1628
+ export const vehicleCarSearchColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.7 46.85H7.3V30.07h29.54a1.25 1.25 0 0 0 0-2.5H7.79l4.52-13.47c.22-.66.84-1.1 1.53-1.1h17.45v-2.5H13.85c-1.77 0-3.34 1.13-3.9 2.81L5.16 27.58H2.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-19.7h-2.5v15.08h.01Zm-42.28 4.61c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Z"/><path d="M10.7 38.61c0 2.89 2.36 5.25 5.25 5.25s5.25-2.36 5.25-5.25-2.36-5.25-5.25-5.25-5.25 2.36-5.25 5.25Zm8 0c0 1.52-1.23 2.75-2.75 2.75s-2.75-1.23-2.75-2.75 1.23-2.75 2.75-2.75 2.75 1.23 2.75 2.75Zm30.6-.07c0-2.89-2.36-5.25-5.25-5.25s-5.25 2.36-5.25 5.25 2.36 5.25 5.25 5.25 5.25-2.36 5.25-5.25Zm-8 0c0-1.52 1.23-2.75 2.75-2.75s2.75 1.23 2.75 2.75-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75Z"/><path d="m55.68 22.076-.281.35.318.318 6.896 6.896-1.063 1.063-6.896-6.896-.318-.318-.35.282a11.194 11.194 0 0 1-7.056 2.499c-6.204 0-11.25-5.046-11.25-11.25S40.726 3.77 46.93 3.77s11.25 5.046 11.25 11.25c0 2.67-.938 5.12-2.5 7.056ZM37.19 15.02c0 5.376 4.374 9.75 9.75 9.75s9.75-4.374 9.75-9.75-4.374-9.75-9.75-9.75-9.75 4.374-9.75 9.75Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
1629
1629
  export const vehicleCarSearchOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M52.7 46.85H7.3V30.07h29.54a1.25 1.25 0 0 0 0-2.5H7.79l4.52-13.47c.22-.66.84-1.1 1.53-1.1h17.45v-2.5H13.85c-1.77 0-3.34 1.13-3.9 2.81L5.16 27.58H2.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-19.7h-2.5v15.08h.01Zm-42.28 4.61c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Zm42.28 0c0 .86-.7 1.55-1.55 1.55-.85 0-1.55-.7-1.55-1.55v-2.11h3.11v2.11h-.01Z"/><path d="M10.7 38.61c0 2.89 2.36 5.25 5.25 5.25s5.25-2.36 5.25-5.25-2.36-5.25-5.25-5.25-5.25 2.36-5.25 5.25Zm8 0c0 1.52-1.23 2.75-2.75 2.75s-2.75-1.23-2.75-2.75 1.23-2.75 2.75-2.75 2.75 1.23 2.75 2.75Zm30.6-.07c0-2.89-2.36-5.25-5.25-5.25s-5.25 2.36-5.25 5.25 2.36 5.25 5.25 5.25 5.25-2.36 5.25-5.25Zm-8 0c0-1.52 1.23-2.75 2.75-2.75s2.75 1.23 2.75 2.75-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75Zm22.02-8.9-7.25-7.25c1.63-2.02 2.61-4.58 2.61-7.37 0-6.48-5.27-11.75-11.75-11.75S35.18 8.54 35.18 15.02s5.27 11.75 11.75 11.75c2.79 0 5.35-.98 7.37-2.61l7.25 7.25 1.77-1.77Zm-16.38-5.37c-5.1 0-9.25-4.15-9.25-9.25s4.15-9.25 9.25-9.25 9.25 4.15 9.25 9.25-4.15 9.25-9.25 9.25Z"/></svg>'
1630
1630
  export const vehicleCarSearchSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M54.17 27.57h-.51a14.225 14.225 0 0 1-6.73 1.71c-2.35 0-4.74-.62-6.75-1.71H9.79l4.52-13.48c.22-.66.84-1.1 1.53-1.1h17c.12-.86.32-1.7.59-2.5H15.85c-1.77 0-3.34 1.13-3.9 2.81L7.16 27.57H4.71a1.25 1.25 0 0 0 0 2.5h2.1v21.39c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05v-2.11h34.18v2.11c0 2.24 1.82 4.05 4.05 4.05 2.23 0 4.05-1.82 4.05-4.05V30.59l-3.02-3.02ZM17.94 42.61c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4Zm28.11-.06c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4Z"/><path d="m63.32 29.64-7.25-7.25c1.63-2.02 2.61-4.58 2.61-7.37 0-6.48-5.27-11.75-11.75-11.75S35.18 8.54 35.18 15.02s5.27 11.75 11.75 11.75c2.79 0 5.35-.98 7.37-2.61l7.25 7.25 1.77-1.77Zm-16.38-5.37c-5.1 0-9.25-4.15-9.25-9.25s4.15-9.25 9.25-9.25 9.25 4.15 9.25 9.25-4.15 9.25-9.25 9.25Z"/></svg>'
1631
1631
  export const vehicleCarSearch = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M46.741 27.987h-2.732v-.012h-31.3l3-9h16.03v-3H15.713a2.666 2.666 0 0 0-2.906 1.969L9.355 27.987H6.623A1.411 1.411 0 0 0 5.212 29.4v1.15a1.412 1.412 0 0 0 1.411 1.41h2.059v14.015a1.922 1.922 0 0 0 1.968 1.969h2.063a1.924 1.924 0 0 0 1.969-1.969v-2.062h24v2.062a1.922 1.922 0 0 0 1.968 1.969h2.063a1.924 1.924 0 0 0 1.969-1.969V31.96h2.059a1.412 1.412 0 0 0 1.411-1.412V29.4a1.411 1.411 0 0 0-1.411-1.413Zm-28.919 9.035a2.983 2.983 0 1 1-2.6-5.062h.991a2.976 2.976 0 0 1 1.614 5.062Zm21.938 0a2.983 2.983 0 1 1-2.6-5.062h.99a2.977 2.977 0 0 1 1.615 5.062Z"/><path d="M51.9 22.466h-1.089l-.386-.372a8.985 8.985 0 1 0-.966.966l.372.386v1.09l6.9 6.887 2.056-2.056Zm-8.281 0a6.2 6.2 0 1 1 4.4-1.817 6.2 6.2 0 0 1-4.4 1.817Z"/></svg>'
@@ -1,2 +1,2 @@
1
- import{r,h as o,H as i}from"./p-f3d586b3.js";const a=':host{display:block}.progress-indicator-horizontal{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.progress-indicator-horizontal.progress-indicator-horizontal-header{background-color:var(--road-header-surface)}.progress-indicator-horizontal-item{display:flex;flex:1;flex-direction:column;text-align:center}.progress-indicator-horizontal-item:last-child{margin-top:0.125rem}.progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:"";background:var(--road-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:"";background:var(--road-header-surface-disabled)}.progress-indicator-horizontal-item:not(.completed) .progress-indicator-horizontal-link{cursor:not-allowed}.progress-indicator-horizontal-link{z-index:1;display:flex;flex-direction:column;align-items:center;text-decoration:none}.progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{color:currentColor}.progress-indicator-horizontal-header ::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{color:currentColor}.progress-indicator-horizontal-header .progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-header-surface-disabled);background:var(--road-header-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-weak)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-header-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-header-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.progress-indicator-horizontal-header .completed:not(:last-child)::after{background:var(--road-header-badge)}.current .progress-indicator-horizontal-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .progress-indicator-horizontal-icon{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-icon{color:var(--road-header-badge);background:none;border:2px solid var(--road-header-badge)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-icon{width:calc(1.5rem);height:calc(1.5rem);color:var(--road-on-header-badge);background:var(--road-header-badge);border:0}.current .progress-indicator-horizontal-title,.completed .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-surface)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-title,.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-header-surface)}';const e=class{constructor(o){r(this,o);this.color="default";this.stateFirstStep=undefined;this.stateSecondStep=undefined;this.stateThirdStep=undefined;this.urlStep1=undefined;this.urlStep2=undefined;this.urlStep3=undefined}render(){const r=this.color!==undefined?`progress-indicator-horizontal progress-indicator-horizontal-${this.color}`:"progress-indicator-horizontal";const a=this.stateFirstStep!==undefined?`progress-indicator-horizontal-item ${this.stateFirstStep}`:"progress-indicator-horizontal-item";const e=this.stateSecondStep!==undefined?`progress-indicator-horizontal-item ${this.stateSecondStep}`:"progress-indicator-horizontal-item";const t=this.stateSecondStep!==undefined?`progress-indicator-horizontal-item ${this.stateThirdStep}`:"progress-indicator-horizontal-item";const n=this.urlStep1!==undefined?`${this.urlStep1}`:"#";const s=this.urlStep2!==undefined?`${this.urlStep2}`:"#";const d=this.urlStep3!==undefined?`${this.urlStep3}`:"#";return o(i,null,o("nav",null,o("ul",{class:`${r}`},o("li",{class:`${a}`},o("a",{class:"progress-indicator-horizontal-link",href:`${n}`},o("span",{class:"progress-indicator-horizontal-icon"},o("slot",{name:"progress-indicator-horizontal-icon"})),o("span",{class:"progress-indicator-horizontal-title"},o("slot",{name:"progress-indicator-horizontal-title"})))),o("li",{class:`${e}`},o("a",{class:"progress-indicator-horizontal-link",href:`${s}`},o("span",{class:"progress-indicator-horizontal-icon"},o("slot",{name:"progress-indicator-horizontal-icon2"})),o("span",{class:"progress-indicator-horizontal-title"},o("slot",{name:"progress-indicator-horizontal-title2"})))),o("li",{class:`${t}`},o("a",{class:"progress-indicator-horizontal-link",href:`${d}`},o("span",{class:"progress-indicator-horizontal-icon"},o("slot",{name:"progress-indicator-horizontal-icon3"})),o("span",{class:"progress-indicator-horizontal-title"},o("slot",{name:"progress-indicator-horizontal-title3"})))))))}};e.style=a;export{e as road_progress_indicator_horizontal};
2
- //# sourceMappingURL=p-4f5e8cc2.entry.js.map
1
+ import{r,h as o,H as i}from"./p-f3d586b3.js";const a=':host{display:block}.progress-indicator-horizontal{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.progress-indicator-horizontal.progress-indicator-horizontal-header{background-color:var(--road-header-surface)}.progress-indicator-horizontal-item{display:flex;flex:1;flex-direction:column;text-align:center}.progress-indicator-horizontal-item:last-child{margin-top:0.125rem}.progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:"";background:var(--road-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:"";background:var(--road-header-surface-disabled)}.progress-indicator-horizontal-item:not(.completed) .progress-indicator-horizontal-link{cursor:not-allowed}.progress-indicator-horizontal-link{z-index:1;display:flex;flex-direction:column;align-items:center;text-decoration:none}.progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{color:currentColor}.progress-indicator-horizontal-header ::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{color:currentColor}.progress-indicator-horizontal-header .progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-header-surface-disabled);background:var(--road-header-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-weak)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-header-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-header-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.progress-indicator-horizontal-header .completed:not(:last-child)::after{background:var(--road-header-badge)}.current .progress-indicator-horizontal-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .progress-indicator-horizontal-icon{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-icon{color:var(--road-header-badge);background:none;border:2px solid var(--road-header-badge)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-icon{width:calc(1.5rem);height:calc(1.5rem);color:var(--road-on-header-badge);background:var(--road-header-badge);border:0}.current .progress-indicator-horizontal-title,.completed .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-surface)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-title,.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-header-surface)}';const t=class{constructor(o){r(this,o);this.color="default";this.numberStep=3;this.stateFirstStep=undefined;this.stateSecondStep=undefined;this.stateThirdStep=undefined;this.urlStep1=undefined;this.urlStep2=undefined;this.urlStep3=undefined}render(){const r=this.color!==undefined?`progress-indicator-horizontal progress-indicator-horizontal-${this.color}`:"progress-indicator-horizontal";const a=this.stateFirstStep!==undefined?`progress-indicator-horizontal-item ${this.stateFirstStep}`:"progress-indicator-horizontal-item";const t=this.stateSecondStep!==undefined?`progress-indicator-horizontal-item ${this.stateSecondStep}`:"progress-indicator-horizontal-item";const e=this.stateThirdStep!==undefined?`progress-indicator-horizontal-item ${this.stateThirdStep}`:"progress-indicator-horizontal-item";const n=this.urlStep1!==undefined?`${this.urlStep1}`:"#";const s=this.urlStep2!==undefined?`${this.urlStep2}`:"#";const d=this.urlStep3!==undefined?`${this.urlStep3}`:"#";return o(i,null,o("nav",null,o("ul",{class:`${r}`},o("li",{class:`${a}`},o("a",{class:"progress-indicator-horizontal-link",href:`${n}`},o("span",{class:"progress-indicator-horizontal-icon"},o("slot",{name:"progress-indicator-horizontal-icon"})),o("span",{class:"progress-indicator-horizontal-title"},o("slot",{name:"progress-indicator-horizontal-title"})))),o("li",{class:`${t}`},o("a",{class:"progress-indicator-horizontal-link",href:`${s}`},o("span",{class:"progress-indicator-horizontal-icon"},o("slot",{name:"progress-indicator-horizontal-icon2"})),o("span",{class:"progress-indicator-horizontal-title"},o("slot",{name:"progress-indicator-horizontal-title2"})))),this.numberStep==3&&o("li",{class:`${e}`},o("a",{class:"progress-indicator-horizontal-link",href:`${d}`},o("span",{class:"progress-indicator-horizontal-icon"},o("slot",{name:"progress-indicator-horizontal-icon3"})),o("span",{class:"progress-indicator-horizontal-title"},o("slot",{name:"progress-indicator-horizontal-title3"})))))))}};t.style=a;export{t as road_progress_indicator_horizontal};
2
+ //# sourceMappingURL=p-254ba3c4.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["progressIndicatorHorizontalCss","Stepper","render","colorClass","this","color","undefined","stateClass","stateFirstStep","stateSecondStepClass","stateSecondStep","stateThirdStepClass","stateThirdStep","urlStep1","urlStep2","urlStep3","h","Host","class","href","name","numberStep"],"sources":["src/components/progress-indicator-horizontal/progress-indicator-horizontal.css?tag=road-progress-indicator-horizontal&encapsulation=shadow","src/components/progress-indicator-horizontal/progress-indicator-horizontal.tsx"],"sourcesContent":["/*\n * Progress-indicator-horizontal\n *\n * Index\n * - Item\n * - Link\n * - Icon\n * - Title\n * - Completed\n */\n\n:host {\n display: block;\n}\n\n/* PROGRESS INDICATOR HORIZONTAL\n -------------------- */\n\n.progress-indicator-horizontal {\n display: flex;\n padding-left: 0;\n margin: 0;\n font-family: var(--road-font);\n line-height: 1.5;\n list-style: none;\n}\n\n.progress-indicator-horizontal.progress-indicator-horizontal-header {\n background-color: var(--road-header-surface);\n}\n\n\n/* PROGRESS INDICATOR HORIZONTAL ITEM\n -------------------- */\n\n.progress-indicator-horizontal-item {\n display: flex;\n flex: 1;\n flex-direction: column;\n text-align: center;\n}\n\n.progress-indicator-horizontal-item:last-child {\n margin-top: 0.125rem;\n}\n\n/**\n * Line between items\n */\n\n\n.progress-indicator-horizontal-item:not(:last-child)::after {\n position: relative;\n top: 0.8rem;\n left: calc(50% + 12px);\n order: -1;\n width: calc(100% - 24px);\n height: 2px;\n content: \"\";\n background: var(--road-surface-disabled);\n}\n\n.progress-indicator-horizontal-header .progress-indicator-horizontal-item:not(:last-child)::after {\n position: relative;\n top: 0.8rem;\n left: calc(50% + 12px);\n order: -1;\n width: calc(100% - 24px);\n height: 2px;\n content: \"\";\n background: var(--road-header-surface-disabled);\n}\n\n\n/**\n * Disabled click for current and next steps\n */\n\n\n.progress-indicator-horizontal-item:not(.completed) .progress-indicator-horizontal-link {\n cursor: not-allowed;\n}\n\n/* PROGRESS INDICATOR HORIZONTAL LINK\n -------------------- */\n\n.progress-indicator-horizontal-link {\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-decoration: none;\n}\n\n/* PROGRESS INDICATOR HORIZONTAL ICON\n -------------------- */\n\n.progress-indicator-horizontal-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1.5rem;\n height: 1.5rem;\n font-size: var(--road-font-size-12);\n font-weight: 700;\n color: var(--road-on-surface-disabled);\n background: var(--road-surface-disabled);\n border-radius: 50%;\n fill: currentColor;\n}\n\n::slotted([slot=\"progress-indicator-horizontal-icon\"]) road-icon{\n color: currentColor;\n}\n\n.progress-indicator-horizontal-header ::slotted([slot=\"progress-indicator-horizontal-icon\"]) road-icon{\n color: currentColor;\n}\n\n.progress-indicator-horizontal-header .progress-indicator-horizontal-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1.5rem;\n height: 1.5rem;\n font-size: var(--road-font-size-12);\n font-weight: 700;\n color: var(--road-on-header-surface-disabled);\n background: var(--road-header-surface-disabled);\n border-radius: 50%;\n fill: currentColor;\n}\n\n/* PROGRESS INDICATOR HORIZONTAL TITLE\n -------------------- */\n\n.progress-indicator-horizontal-title {\n display: block;\n margin-top: 0.25rem;\n font-size: var(--road-body-small);\n font-weight: 700;\n color: var(--road-on-surface-disabled);\n}\n\n.progress-indicator-horizontal-title span{\n display: block;\n font-size: var(--road-body-small);\n font-weight: 400;\n color: var(--road-on-surface-weak);\n}\n\n.progress-indicator-horizontal-header .progress-indicator-horizontal-title {\n display: block;\n margin-top: 0.25rem;\n font-size: var(--road-body-small);\n font-weight: 700;\n color: var(--road-on-header-surface-disabled);\n}\n\n.progress-indicator-horizontal-header .progress-indicator-horizontal-title span{\n display: block;\n font-size: var(--road-body-small);\n font-weight: 400;\n color: var(--road-on-header-surface-weak);\n}\n\n/* STEP COMPLETED\n -------------------- */\n\n.completed:not(:last-child)::after {\n background: var(--road-primary);\n}\n\n.progress-indicator-horizontal-header .completed:not(:last-child)::after {\n background: var(--road-header-badge);\n}\n\n.current .progress-indicator-horizontal-icon {\n color: var(--road-on-primary);\n background: var(--road-primary);\n border: 0;\n}\n\n.completed .progress-indicator-horizontal-icon{\n width: calc(1.5rem - 4px);\n height: calc(1.5rem - 4px);\n color: var(--road-primary);\n background: var(--road-surface);\n border: 2px solid var(--road-primary);\n}\n\n.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-icon {\n color: var(--road-header-badge);\n background: none;\n border: 2px solid var(--road-header-badge);\n}\n\n.progress-indicator-horizontal-header .current .progress-indicator-horizontal-icon {\n width: calc(1.5rem);\n height: calc(1.5rem);\n color: var(--road-on-header-badge);\n background: var(--road-header-badge);\n border: 0;\n}\n\n.current .progress-indicator-horizontal-title,\n.completed .progress-indicator-horizontal-title {\n font-weight: 700;\n color: var(--road-on-surface);\n}\n\n.progress-indicator-horizontal-header .current .progress-indicator-horizontal-title,\n.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-title {\n font-weight: 700;\n color: var(--road-on-header-surface);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot progress-indicator-horizontal-icon - if the state of the step 1 is completed add\n * `<road-icon name=\"check-small\" class=\"d-block\" style=\"color: currentColor;\"></road-icon>` by default.\n * @slot progress-indicator-horizontal-title \n * @slot progress-indicator-horizontal-icon2 - if the state of the step 2 is completed add\n * `<road-icon name=\"check-small\" class=\"d-block\" style=\"color: currentColor;\"></road-icon>` by default.\n * @slot progress-indicator-horizontal-title2 \n * @slot progress-indicator-horizontal-icon3 - if the state of the step 3 is completed add\n * `<road-icon name=\"check-small\" class=\"d-block\" style=\"color: currentColor;\"></road-icon>` by default.\n * @slot progress-indicator-horizontal-title3\n */\n\n@Component({\n tag: 'road-progress-indicator-horizontal',\n styleUrl: 'progress-indicator-horizontal.css',\n shadow: true,\n})\nexport class Stepper {\n\n /**\n * The color progress-indicator-horizontal.\n */\n @Prop({ reflect: true }) color?: 'default' | 'header' = 'default';\n\n /**\n * The nombre of steps.\n */\n @Prop() numberStep?: 3 | 2 = 3;\n\n /**\n * The color of the first step.\n */\n @Prop() stateFirstStep?: 'default' | 'current' | 'comleted';\n\n /**\n * The color of the second step.\n */\n @Prop() stateSecondStep?: 'default' | 'current' | 'comleted';\n\n /**\n * The color of the third step.\n */\n @Prop() stateThirdStep?: 'default' | 'current' | 'comleted';\n\n /**\n * The url of the first step.\n */\n @Prop() urlStep1?: string;\n\n /**\n * The url of the first step.\n */\n @Prop() urlStep2?: string;\n\n /**\n * The url of the first step.\n */\n @Prop() urlStep3?: string;\n \n\n render() {\n\n const colorClass = this.color !== undefined ? `progress-indicator-horizontal progress-indicator-horizontal-${this.color}` : 'progress-indicator-horizontal';\n const stateClass = this.stateFirstStep !== undefined ? `progress-indicator-horizontal-item ${this.stateFirstStep}` : 'progress-indicator-horizontal-item';\n const stateSecondStepClass = this.stateSecondStep !== undefined ? `progress-indicator-horizontal-item ${this.stateSecondStep}` : 'progress-indicator-horizontal-item';\n const stateThirdStepClass = this.stateThirdStep !== undefined ? `progress-indicator-horizontal-item ${this.stateThirdStep}` : 'progress-indicator-horizontal-item';\n const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';\n const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';\n const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';\n\n return (\n <Host>\n <nav>\n <ul class={`${colorClass}`}>\n <li class={`${stateClass}`}>\n <a class=\"progress-indicator-horizontal-link\" href={`${urlStep1}`}>\n <span class=\"progress-indicator-horizontal-icon\">\n <slot name=\"progress-indicator-horizontal-icon\"/>\n </span>\n <span class=\"progress-indicator-horizontal-title\">\n <slot name=\"progress-indicator-horizontal-title\"/>\n </span>\n </a>\n </li>\n <li class={`${stateSecondStepClass}`}>\n <a class=\"progress-indicator-horizontal-link\" href={`${urlStep2}`}>\n <span class=\"progress-indicator-horizontal-icon\">\n <slot name=\"progress-indicator-horizontal-icon2\"/>\n </span>\n <span class=\"progress-indicator-horizontal-title\">\n <slot name=\"progress-indicator-horizontal-title2\"/>\n </span>\n </a>\n </li>\n {this.numberStep == 3 && <li class={`${stateThirdStepClass}`}>\n <a class=\"progress-indicator-horizontal-link\" href={`${urlStep3}`}>\n <span class=\"progress-indicator-horizontal-icon\">\n <slot name=\"progress-indicator-horizontal-icon3\"/>\n </span>\n <span class=\"progress-indicator-horizontal-title\">\n <slot name=\"progress-indicator-horizontal-title3\"/>\n </span>\n </a>\n </li>}\n \n </ul>\n </nav>\n </Host>\n );\n }\n\n}\n"],"mappings":"6CAAA,MAAMA,EAAiC,ywH,MCmB1BC,EAAO,M,oCAKwC,U,gBAK3B,E,mKAiC5B,MAAAC,GAEE,MAAMC,EAAaC,KAAKC,QAAUC,UAAY,+DAA+DF,KAAKC,QAAU,gCAC5H,MAAME,EAAaH,KAAKI,iBAAmBF,UAAY,sCAAsCF,KAAKI,iBAAmB,qCACrH,MAAMC,EAAuBL,KAAKM,kBAAoBJ,UAAY,sCAAsCF,KAAKM,kBAAoB,qCACjI,MAAMC,EAAsBP,KAAKQ,iBAAmBN,UAAY,sCAAsCF,KAAKQ,iBAAmB,qCAC9H,MAAMC,EAAWT,KAAKS,WAAaP,UAAY,GAAGF,KAAKS,WAAa,IACpE,MAAMC,EAAWV,KAAKU,WAAaR,UAAY,GAAGF,KAAKU,WAAa,IACpE,MAAMC,EAAWX,KAAKW,WAAaT,UAAY,GAAGF,KAAKW,WAAa,IAEpE,OACEC,EAACC,EAAI,KACHD,EAAA,WACKA,EAAA,MAAIE,MAAO,GAAGf,KACda,EAAA,MAAIE,MAAO,GAAGX,KACZS,EAAA,KAAGE,MAAM,qCAAqCC,KAAM,GAAGN,KACrDG,EAAA,QAAME,MAAM,sCACVF,EAAA,QAAMI,KAAK,wCAEbJ,EAAA,QAAME,MAAM,uCACVF,EAAA,QAAMI,KAAK,2CAIjBJ,EAAA,MAAIE,MAAO,GAAGT,KACbO,EAAA,KAAGE,MAAM,qCAAqCC,KAAM,GAAGL,KACrDE,EAAA,QAAME,MAAM,sCACVF,EAAA,QAAMI,KAAK,yCAEbJ,EAAA,QAAME,MAAM,uCACVF,EAAA,QAAMI,KAAK,4CAIhBhB,KAAKiB,YAAc,GAAKL,EAAA,MAAIE,MAAO,GAAGP,KACrCK,EAAA,KAAGE,MAAM,qCAAqCC,KAAM,GAAGJ,KACrDC,EAAA,QAAME,MAAM,sCACVF,EAAA,QAAMI,KAAK,yCAEbJ,EAAA,QAAME,MAAM,uCACVF,EAAA,QAAMI,KAAK,8C"}