@roadtrip/components 3.37.0 → 3.38.1

package/icons/index.d.ts

@@ -426,6 +426,7 @@ export declare const flagHungaryColor: string
 export declare const flagItalyColor: string
 export declare const flagItaly: string
 export declare const flagLuxembourgColor: string
+export declare const flagMoroccoColor: string
 export declare const flagNetherlandsColor: string
 export declare const flagNorwayColor: string
 export declare const flagPolandColor: string

package/icons/index.js

@@ -73,7 +73,7 @@ export const attachment = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria
 export const axleSupportColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M9.917 32.353H7.37v2.5h2.547v-2.5Zm46.965 0h-2.547v2.5h2.547v-2.5ZM32.508 18.298h-1.015a1.25 1.25 0 0 1 0-2.5h1.02a1.25 1.25 0 1 1 0 2.5" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M31.999 55.48c-7.08 0-14.6-2.287-14.6-6.527v-2.864h2.5v2.864c0 1.641 4.715 4.027 12.1 4.027s12.1-2.386 12.1-4.027v-2.864h2.5v2.864c0 4.24-7.524 6.527-14.6 6.527Z"/><path d="M60.16 28.797 46.6 23.328v2.7l12.625 5.09a2.682 2.682 0 0 1 0 4.976l-17.963 7.24a24.663 24.663 0 0 1-18.526 0L4.77 36.09a2.683 2.683 0 0 1 0-4.974l12.622-5.095v-2.7L3.836 28.797a5.183 5.183 0 0 0 0 9.611L21.8 45.653a27.138 27.138 0 0 0 20.4 0l17.964-7.245a5.182 5.182 0 0 0 0-9.611"/><path d="M31.999 10.52c-7.08 0-14.606 2.29-14.606 6.53v16.13c0 4.24 7.524 6.529 14.6 6.529s14.6-2.289 14.6-6.529V17.05c0-4.24-7.524-6.529-14.6-6.529h.006Zm-.006 26.689c-7.388 0-12.1-2.387-12.1-4.029V20.82c.693.45 1.43.827 2.2 1.127a27.814 27.814 0 0 0 9.9 1.634c1.51.001 3.02-.099 4.518-.3a1.25 1.25 0 0 0-.338-2.477 31.165 31.165 0 0 1-4.18.274 25.292 25.292 0 0 1-8.976-1.457c-1.924-.762-3.124-1.747-3.124-2.572 0-1.643 4.715-4.027 12.1-4.027s12.1 2.384 12.1 4.027c0 .826-1.2 1.81-3.122 2.57a1.25 1.25 0 1 0 .92 2.326 12.2 12.2 0 0 0 2.2-1.125v12.36c0 1.642-4.715 4.029-12.1 4.029"/></svg>'
 export const axleSupportOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M9.917 32.353H7.37v2.5h2.547v-2.5Zm46.965 0h-2.547v2.5h2.547v-2.5ZM32.508 18.298h-1.015a1.25 1.25 0 0 1 0-2.5h1.02a1.25 1.25 0 1 1 0 2.5m-.514 37.182c-7.08 0-14.6-2.287-14.6-6.527v-2.864h2.5v2.864c0 1.641 4.715 4.027 12.1 4.027s12.1-2.386 12.1-4.027v-2.864h2.5v2.864c0 4.24-7.524 6.527-14.6 6.527Z"/><path d="M60.16 28.797 46.6 23.328v2.7l12.625 5.09a2.682 2.682 0 0 1 0 4.976l-17.963 7.24a24.663 24.663 0 0 1-18.526 0L4.77 36.09a2.683 2.683 0 0 1 0-4.974l12.622-5.095v-2.7L3.836 28.797a5.183 5.183 0 0 0 0 9.611L21.8 45.653a27.138 27.138 0 0 0 20.4 0l17.964-7.245a5.182 5.182 0 0 0 0-9.611"/><path d="M31.999 10.52c-7.08 0-14.606 2.29-14.606 6.53v16.13c0 4.24 7.524 6.529 14.6 6.529s14.6-2.289 14.6-6.529V17.05c0-4.24-7.524-6.529-14.6-6.529h.006Zm-.006 26.689c-7.388 0-12.1-2.387-12.1-4.029V20.82c.693.45 1.43.827 2.2 1.127a27.814 27.814 0 0 0 9.9 1.634c1.51.001 3.02-.099 4.518-.3a1.25 1.25 0 0 0-.338-2.477 31.165 31.165 0 0 1-4.18.274 25.292 25.292 0 0 1-8.976-1.457c-1.924-.762-3.124-1.747-3.124-2.572 0-1.643 4.715-4.027 12.1-4.027s12.1 2.384 12.1 4.027c0 .826-1.2 1.81-3.122 2.57a1.25 1.25 0 1 0 .92 2.326 12.2 12.2 0 0 0 2.2-1.125v12.36c0 1.642-4.715 4.029-12.1 4.029"/></svg>'
 export const axleSupport = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M31.999 55.48c-7.079 0-14.6-2.288-14.6-6.528v-2.864h2.5v2.864c0 1.642 4.715 4.028 12.1 4.028s12.1-2.386 12.1-4.028v-2.864h2.5v2.864c0 4.24-7.524 6.528-14.6 6.528M7.37 32.353h2.547v2.5H7.37zm46.965 0h2.547v2.5h-2.547zM32.508 18.298h-1.015a1.25 1.25 0 0 1 0-2.5h1.019a1.25 1.25 0 0 1 0 2.5"/><path d="m60.161 28.796-13.56-5.468v2.7l12.624 5.09a2.682 2.682 0 0 1 0 4.975l-17.963 7.241a24.663 24.663 0 0 1-18.526 0L4.771 36.089a2.683 2.683 0 0 1 0-4.975l12.622-5.094v-2.7L3.836 28.796a5.183 5.183 0 0 0 0 9.612l17.965 7.244a27.138 27.138 0 0 0 20.4 0l17.964-7.244a5.182 5.182 0 0 0 0-9.612"/><path d="M31.999 10.52c-7.079 0-14.606 2.289-14.606 6.529V33.18c0 4.24 7.524 6.528 14.6 6.528s14.6-2.288 14.6-6.528V17.049c0-4.24-7.524-6.528-14.6-6.528m0 26.687c-7.388 0-12.1-2.386-12.1-4.028V20.82a12.121 12.121 0 0 0 2.2 1.126 27.814 27.814 0 0 0 9.9 1.634 33.56 33.56 0 0 0 4.518-.3 1.25 1.25 0 0 0-.338-2.477 31.157 31.157 0 0 1-4.18.275 25.294 25.294 0 0 1-8.976-1.458c-1.924-.762-3.124-1.747-3.124-2.571 0-1.643 4.715-4.028 12.1-4.028s12.1 2.385 12.1 4.028c0 .825-1.2 1.809-3.122 2.57a1.25 1.25 0 1 0 .92 2.325 12.153 12.153 0 0 0 2.2-1.124v12.36c0 1.642-4.715 4.028-12.1 4.028"/></svg>'
-export const babySeatOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="m46.14 19.425.061.21c.567 2.115-.229 4.398-2.048 5.633l-.185.12a644.195 644.195 0 0 0-6.065 3.785l1.817 5.69 5.655 2.952.139.077a3.143 3.143 0 0 1 1.404 1.775l4.645 14.61-1.163.393-.743.252-.008.003-.007.002c-3.108 1.006-6.431-.398-8.005-3.301l-.001-.003-2.565-4.757-.008-.015c-.229-.44-.596-.8-1.047-1.036h-.002l-6.912-3.617-.007-.004a5.123 5.123 0 0 1-2.46-2.94l-.001-.004-2.823-8.76-.034-.124a1.25 1.25 0 0 1 2.367-.764l.045.12 2.825 8.76c.216.658.667 1.19 1.248 1.5l6.91 3.617a4.952 4.952 0 0 1 2.1 2.08l2.562 4.756c.947 1.746 2.81 2.594 4.593 2.23l-3.89-12.24-.005-.012a.64.64 0 0 0-.311-.38h-.001l-6.569-3.43-2.714-8.498.804-.52c1.33-.857 4.591-2.894 6.914-4.325l.18-.123c.874-.651 1.271-1.84.919-2.965l-.001-.003-.174-.56-10.165 3.57a1.25 1.25 0 0 1-.828-2.359l12.613-4.43.94 3.035Z" /><path d="M34.75 16.5a5.25 5.25 0 1 0-10.5 0 5.25 5.25 0 0 0 10.5 0Zm2.5 0a7.75 7.75 0 1 1-15.5 0 7.75 7.75 0 0 1 15.5 0ZM14.695 15.788a1.25 1.25 0 0 1 1.48.784l.037.123 6.262 24.88.114.43c1.23 4.372 3.943 6.745 6.473 6.745H37a1.25 1.25 0 0 1 0 2.5h-7.939c-4.17 0-7.51-3.703-8.885-8.588l-.127-.477-6.26-24.88-.026-.125a1.25 1.25 0 0 1 .932-1.392Z" /></svg>'
+export const babySeatOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="m46.14 19.425.061.21c.567 2.115-.229 4.398-2.048 5.633l-.185.12a644.195 644.195 0 0 0-6.065 3.785l1.817 5.69 5.655 2.952.139.077a3.143 3.143 0 0 1 1.404 1.775l4.645 14.61-1.163.393-.743.252-.008.003-.007.002c-3.108 1.006-6.431-.398-8.005-3.301l-.001-.003-2.565-4.757-.008-.015c-.229-.44-.596-.8-1.047-1.036h-.002l-6.912-3.617-.007-.004a5.123 5.123 0 0 1-2.46-2.94l-.001-.004-2.823-8.76-.034-.124a1.25 1.25 0 0 1 2.367-.764l.045.12 2.825 8.76c.216.658.667 1.19 1.248 1.5l6.91 3.617a4.952 4.952 0 0 1 2.1 2.08l2.562 4.756c.947 1.746 2.81 2.594 4.593 2.23l-3.89-12.24-.005-.012a.64.64 0 0 0-.311-.38h-.001l-6.569-3.43-2.714-8.498.804-.52c1.33-.857 4.591-2.894 6.914-4.325l.18-.123c.874-.651 1.271-1.84.919-2.965l-.001-.003-.174-.56-10.165 3.57a1.25 1.25 0 0 1-.828-2.359l12.613-4.43.94 3.035Z"/><path d="M34.75 16.5a5.25 5.25 0 1 0-10.5 0 5.25 5.25 0 0 0 10.5 0Zm2.5 0a7.75 7.75 0 1 1-15.5 0 7.75 7.75 0 0 1 15.5 0Zm-22.555-.712a1.25 1.25 0 0 1 1.48.784l.037.123 6.262 24.88.114.43c1.23 4.372 3.943 6.745 6.473 6.745H37a1.25 1.25 0 0 1 0 2.5h-7.939c-4.17 0-7.51-3.703-8.885-8.588l-.127-.477-6.26-24.88-.026-.125a1.25 1.25 0 0 1 .932-1.392Z"/></svg>'
 export const bacteriumColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M14.281 44.118A36.474 36.474 0 0 0 2 60.5l2.341.878A34.015 34.015 0 0 1 15.56 46.289a11.241 11.241 0 0 1-1.279-2.171Zm2.765 3.793a22.159 22.159 0 0 0-5.029 14.052v.24h2.5v-.24a19.668 19.668 0 0 1 4.559-12.586 11.345 11.345 0 0 1-2.03-1.466ZM59.927 3.6l-1.6-1.6-1.772 1.768 1.6 1.6a4.51 4.51 0 0 1 1.236 4.085 4.524 4.524 0 0 1-3 3.4 20.916 20.916 0 0 0-7.644 4.558c.523.676.967 1.409 1.325 2.185a18.426 18.426 0 0 1 7.108-4.37 7.03 7.03 0 0 0 4.504-8.696 7.008 7.008 0 0 0-1.757-2.93Zm-8.19 5.783a9.9 9.9 0 0 0-.2-5.47l-.482-1.427-2.37.8.47 1.414a7.368 7.368 0 0 1 .152 4.078 7.192 7.192 0 0 1-2.328 3.759l-2.007 1.723c.77.4 1.49.886 2.148 1.451l1.484-1.274a9.683 9.683 0 0 0 3.133-5.054Zm-10.716 3.692v-3.88h-2.5v3.879c.83-.091 1.67-.09 2.5.001Zm-9.274 3.242c.494-.49 1.031-.933 1.606-1.325l-1.232-3.67-2.37.8 1.557 4.638.439-.443Zm-3.978 3.978-2.125-2.989-2.038 1.448 2.37 3.334 1.793-1.793Zm-5.396 5.396-3.334-2.37-1.448 2.038 2.989 2.125 1.793-1.793Zm-10.766 6.145 3.67 1.232c.392-.575.835-1.112 1.325-1.606l.439-.439-4.638-1.557-.796 2.37Zm-2.126 6.399v2.5h3.874c-.091-.83-.091-1.67 0-2.5H9.481Zm13.895 12.524v3.871h2.5v-3.871c-.415.047-.832.071-1.25.073a11.5 11.5 0 0 1-1.25-.073Zm9.273-3.251c-.494.491-1.03.936-1.605 1.33l1.231 3.662 2.37-.8-1.557-4.639-.439.447Zm3.978-3.978 2.128 2.99 2.038-1.448-2.37-3.334-1.796 1.792Zm5.396-5.396 3.332 2.366 1.448-2.038-2.989-2.125-1.791 1.797Zm5.771-5.771-.439.44 4.638 1.557.8-2.37-3.666-1.231a11.4 11.4 0 0 1-1.333 1.604Zm3.25-9.273c.047.415.071.832.073 1.25a11.5 11.5 0 0 1-.073 1.25h3.872v-2.5h-3.872Z"/><path d="M24.626 50.832a11.27 11.27 0 0 1-8.024-3.324 11.36 11.36 0 0 1 0-16.046l15.145-15.145a11.36 11.36 0 0 1 18.512 3.679 11.27 11.27 0 0 1 .858 4.344 11.27 11.27 0 0 1-3.323 8.023L32.649 47.508a11.27 11.27 0 0 1-8.023 3.324ZM39.771 15.5a8.821 8.821 0 0 0-6.257 2.587L18.369 33.23a8.786 8.786 0 0 0-2.59 6.255 8.788 8.788 0 0 0 2.59 6.256 8.794 8.794 0 0 0 6.257 2.591 8.793 8.793 0 0 0 6.256-2.591L46.027 30.6a8.792 8.792 0 0 0 2.59-6.256 8.789 8.789 0 0 0-2.59-6.255 8.824 8.824 0 0 0-6.256-2.589Z"/><path d="m42.458 27.028-3.521 3.521 1.768 1.768 3.52-3.52-1.767-1.769ZM27.319 42.167a3.9 3.9 0 0 1-5.387 0l-1.756 1.78a6.306 6.306 0 0 0 8.905-.006l9.832-9.832-1.768-1.767-9.826 9.825Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>'
 export const bacteriumOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M14.281 44.118A36.474 36.474 0 0 0 2 60.5l2.341.878A34.015 34.015 0 0 1 15.56 46.289a11.241 11.241 0 0 1-1.279-2.171Zm2.765 3.793a22.159 22.159 0 0 0-5.029 14.052v.24h2.5v-.24a19.668 19.668 0 0 1 4.559-12.586 11.345 11.345 0 0 1-2.03-1.466ZM59.927 3.6l-1.6-1.6-1.772 1.768 1.6 1.6a4.51 4.51 0 0 1 1.236 4.085 4.524 4.524 0 0 1-3 3.4 20.916 20.916 0 0 0-7.644 4.558c.523.676.967 1.409 1.325 2.185a18.426 18.426 0 0 1 7.108-4.37 7.03 7.03 0 0 0 4.504-8.696 7.008 7.008 0 0 0-1.757-2.93Zm-8.19 5.783a9.9 9.9 0 0 0-.2-5.47l-.482-1.427-2.37.8.47 1.414a7.368 7.368 0 0 1 .152 4.078 7.192 7.192 0 0 1-2.328 3.759l-2.007 1.723c.77.4 1.49.886 2.148 1.451l1.484-1.274a9.683 9.683 0 0 0 3.133-5.054Zm-10.716 3.692v-3.88h-2.5v3.879c.83-.091 1.67-.09 2.5.001Zm-9.274 3.242c.494-.49 1.031-.933 1.606-1.325l-1.232-3.67-2.37.8 1.557 4.638.439-.443Zm-3.978 3.978-2.125-2.989-2.038 1.448 2.37 3.334 1.793-1.793Zm-5.396 5.396-3.334-2.37-1.448 2.038 2.989 2.125 1.793-1.793Zm-10.766 6.145 3.67 1.232c.392-.575.835-1.112 1.325-1.606l.439-.439-4.638-1.557-.796 2.37Zm-2.126 6.399v2.5h3.874c-.091-.83-.091-1.67 0-2.5H9.481Zm13.895 12.524v3.871h2.5v-3.871c-.415.047-.832.071-1.25.073a11.5 11.5 0 0 1-1.25-.073Zm9.273-3.251c-.494.491-1.03.936-1.605 1.33l1.231 3.662 2.37-.8-1.557-4.639-.439.447Zm3.978-3.978 2.128 2.99 2.038-1.448-2.37-3.334-1.796 1.792Zm5.396-5.396 3.332 2.366 1.448-2.038-2.989-2.125-1.791 1.797Zm5.771-5.771-.439.44 4.638 1.557.8-2.37-3.666-1.231a11.4 11.4 0 0 1-1.333 1.604Zm3.25-9.273c.047.415.071.832.073 1.25a11.5 11.5 0 0 1-.073 1.25h3.872v-2.5h-3.872Z"/><path d="M24.626 50.832a11.27 11.27 0 0 1-8.024-3.324 11.36 11.36 0 0 1 0-16.046l15.145-15.145a11.36 11.36 0 0 1 18.512 3.679 11.27 11.27 0 0 1 .858 4.344 11.27 11.27 0 0 1-3.323 8.023L32.649 47.508a11.27 11.27 0 0 1-8.023 3.324ZM39.771 15.5a8.821 8.821 0 0 0-6.257 2.587L18.369 33.23a8.786 8.786 0 0 0-2.59 6.255 8.788 8.788 0 0 0 2.59 6.256 8.794 8.794 0 0 0 6.257 2.591 8.793 8.793 0 0 0 6.256-2.591L46.027 30.6a8.792 8.792 0 0 0 2.59-6.256 8.789 8.789 0 0 0-2.59-6.255 8.824 8.824 0 0 0-6.256-2.589Z"/><path d="m42.458 27.028-3.521 3.521 1.768 1.768 3.52-3.52-1.767-1.769ZM27.319 42.167a3.9 3.9 0 0 1-5.387 0l-1.756 1.78a6.306 6.306 0 0 0 8.905-.006l9.832-9.832-1.768-1.767-9.826 9.825Z"/></svg>'
 export const bacterium = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M14.289 44.016A36.474 36.474 0 0 0 2.008 60.398l2.341.878a34.015 34.015 0 0 1 11.219-15.089 11.241 11.241 0 0 1-1.279-2.171Zm2.765 3.793a22.159 22.159 0 0 0-5.029 14.052v.24h2.5v-.24a19.668 19.668 0 0 1 4.559-12.586 11.348 11.348 0 0 1-2.03-1.466ZM59.935 3.498l-1.6-1.6-1.772 1.768 1.6 1.6a4.51 4.51 0 0 1 1.236 4.085 4.524 4.524 0 0 1-3 3.4 20.916 20.916 0 0 0-7.644 4.558 11.291 11.291 0 0 1 1.325 2.185 18.425 18.425 0 0 1 7.108-4.37 7.03 7.03 0 0 0 4.667-5.283 7.008 7.008 0 0 0-1.92-6.343Zm-8.19 5.783a9.9 9.9 0 0 0-.2-5.47l-.482-1.427-2.37.8.47 1.414a7.368 7.368 0 0 1 .152 4.078 7.192 7.192 0 0 1-2.328 3.759l-2.007 1.723a11.262 11.262 0 0 1 2.148 1.451l1.484-1.274a9.683 9.683 0 0 0 3.133-5.054Zm-10.716 3.692v-3.88h-2.5v3.879a11.418 11.418 0 0 1 2.5.001Zm-9.274 3.242a11.378 11.378 0 0 1 1.606-1.325l-1.232-3.67-2.37.8 1.557 4.638Zm-3.978 3.978-2.125-2.989-2.038 1.448 2.37 3.334Zm-5.396 5.396-3.334-2.37-1.448 2.038 2.989 2.125Zm-10.766 6.145 3.67 1.232a11.378 11.378 0 0 1 1.325-1.606l.439-.439-4.638-1.557Zm-2.126 6.399v2.5h3.874a11.481 11.481 0 0 1 0-2.5Zm13.895 12.524v3.871h2.5v-3.871a11.523 11.523 0 0 1-1.25.073 11.508 11.508 0 0 1-1.25-.073Zm9.273-3.251a11.492 11.492 0 0 1-1.605 1.33l1.231 3.662 2.37-.8-1.557-4.639Zm3.978-3.978 2.128 2.99 2.038-1.448-2.37-3.334Zm5.396-5.396 3.332 2.366 1.448-2.038-2.989-2.125Zm5.771-5.771-.439.44 4.638 1.557.8-2.37-3.666-1.231a11.407 11.407 0 0 1-1.333 1.604Zm3.25-9.273a11.522 11.522 0 0 1 .073 1.25 11.507 11.507 0 0 1-.073 1.25h3.872v-2.5Z"/><path d="M24.634 50.73a11.27 11.27 0 0 1-8.024-3.324 11.359 11.359 0 0 1 0-16.046l15.145-15.145a11.36 11.36 0 0 1 16.047 0 11.271 11.271 0 0 1 3.323 8.023 11.27 11.27 0 0 1-3.323 8.023L32.657 47.406a11.27 11.27 0 0 1-8.023 3.324Zm15.145-35.332a8.821 8.821 0 0 0-6.257 2.587L18.377 33.128a8.786 8.786 0 0 0-2.59 6.255 8.789 8.789 0 0 0 2.59 6.256 8.794 8.794 0 0 0 6.257 2.591 8.791 8.791 0 0 0 6.256-2.591l15.145-15.141a8.791 8.791 0 0 0 2.59-6.256 8.79 8.79 0 0 0-2.59-6.255 8.824 8.824 0 0 0-6.256-2.589Z"/><path d="m38.945 30.447 3.52-3.52 1.768 1.767-3.52 3.52zM27.327 42.065a3.9 3.9 0 0 1-5.387 0l-1.756 1.78a6.306 6.306 0 0 0 4.45 1.837 6.308 6.308 0 0 0 4.455-1.843l9.832-9.832-1.768-1.767Z"/></svg>'
@@ -426,6 +426,7 @@ export const flagHungaryColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 24 24
 export const flagItalyColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" aria-hidden="true" ><path d="M24 4H0v16h24V4Z" fill="rgb(62, 64, 124)" fill-opacity=".16"/><path d="M23 5H12v14h11V5Z" fill="rgb(206, 43, 55)"/><path d="M12 5H1v14h11V5Z" fill="rgb(0, 146, 70)"/><path d="M15.666 5H8.333v14h7.333V5Z" fill="rgb(255, 255, 255)"/></svg>'
 export const flagItaly = 'data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" aria-hidden="true" ><path fill="rgba(62,64,124,0.16)" d="M0 4h24v16H0z"/><path fill="rgb(0, 146, 70)" d="M1 5h7.333v14H1z"/><path fill="rgb(255, 255, 255)" d="M8.333 5h7.333v14H8.333z"/><path fill="rgb(206, 43, 55)" d="M15.667 5H23v14h-7.333z"/></svg>'
 export const flagLuxembourgColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" aria-hidden="true" ><path d="M24 4H0v16h24V4Z" fill="rgb(221, 223, 228)"/><path d="M23 12H1v6.999h22V12Z" fill="rgb(0, 163, 224)"/><path d="M23 5H1v7h22V5Z" fill="rgb(239, 51, 64)"/><path d="M23 9.668H1v4.667h22V9.668Z" fill="rgb(255, 255, 255)"/></svg>'
+export const flagMoroccoColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" aria-hidden="true" ><path d="M24 4H0v16h24V4Z" fill="rgb(221, 223, 228)"/><path d="M23 5.004H1v13.995h22V5.004Z" fill="rgb(193, 39, 45)"/><path d="M12.944 11.056H16l-2.472 1.888.944 3.056L12 14.111 9.528 16l.944-3.056L8 11.055h3.056L12 8l.944 3.056Zm-2.656 3.843 1.371-1.047-.847-.648-.524 1.695Zm2.052-1.047 1.371 1.047-.524-1.695-.847.647Zm-1.398-1.069 1.058.809 1.058-.809-.404-1.307h-1.308l-.404 1.307Zm-.34-.26.324-1.047H9.23l1.37 1.047Zm2.796 0 1.371-1.047h-1.695l.324 1.047Zm-1.922-1.467h1.048L12 9.36l-.524 1.696Z" fill="rgb(0, 98, 51)"/></svg>'
 export const flagNetherlandsColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" aria-hidden="true" ><path d="M24 4H0v16h24V4Z" fill="rgb(81, 88, 108)" fill-opacity=".28"/><path d="M23 12H1v6.999h22V12Z" fill="rgb(33, 70, 139)"/><path d="M23 5H1v7h22V5Z" fill="rgb(174, 28, 40)"/><path d="M23 9.668H1v4.667h22V9.668Z" fill="rgb(255, 255, 255)"/></svg>'
 export const flagNorwayColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" aria-hidden="true" ><path d="M24 4H0v16h24V4Z" fill="rgb(81, 88, 108)" fill-opacity=".28"/><path d="M23 5.004H1v13.995h22V5.004Z" fill="rgb(186, 12, 47)"/><path d="M10.75 10.25V5h-3.5v5.25H1v3.5h6.25V19h3.5v-5.25H23v-3.5H10.75Z" fill="rgb(255, 255, 255)"/><path d="M9.88 19H8.13v-6.12H1v-1.75h7.12V5h1.75v6.12H23v1.75H9.87v6.12l.01.01Z" fill="rgb(0, 48, 135)"/></svg>'
 export const flagPolandColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" aria-hidden="true" ><path d="M24 4H0v16h24V4Z" fill="rgb(62, 64, 124)" fill-opacity=".16"/><path d="M23 5H1v14h22V5Z" fill="rgb(255, 255, 255)"/><path d="M23 12H1v7h22v-7Z" fill="rgb(220, 20, 60)"/></svg>'
@@ -1701,7 +1702,7 @@ export const vehicleCollectorColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0
 export const vehicleCollectorOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M.43 35.34h2.55l-.12-.59c-.11-.51.02-1.03.34-1.44.32-.41.8-.65 1.32-.67l9.05-.29 3.65-6.4c.53-.92 1.42-1.56 2.44-1.79-.21.51-.33 1.07-.33 1.65v4.63c0 1.24 1.01 2.25 2.25 2.25h23.6l15.16 2.23c.25.04.45.2.56.41h2.55v-.12a3.267 3.267 0 0 0-2.74-2.76L45.45 30.2l-.08-.01-1.44-.21-4.37-6.9c-.6-.95-1.63-1.51-2.75-1.51H20.47a6.26 6.26 0 0 0-5.43 3.16l-2.95 5.18-7.65.24c-1.26.04-2.43.63-3.2 1.62-.78.99-1.08 2.26-.82 3.49l.02.08H.43Zm36.35-11.27c.26 0 .5.13.63.35l3.66 5.78h-4.15l-.85-6.13h.71Zm-14.97 1.75c0-.96.79-1.75 1.75-1.75h9.99l.85 6.13H21.81v-4.38Zm42.08 12.66-.09-.64h-2.53l.12.86-3.4 3.23h-2.62c-.21-3.25-2.92-5.84-6.23-5.84-3.31 0-6.22 2.78-6.25 6.21H21.22c-.02-3.43-2.82-6.21-6.25-6.21s-6.09 2.65-6.24 5.97l-4.62-1.27-.61-2.95H.95l.75 3.6c.17.83.79 1.49 1.61 1.71l5.81 1.59.04-.15c.91 2.33 3.17 3.99 5.82 3.99 2.65 0 4.79-1.57 5.75-3.79h22.68a6.257 6.257 0 0 0 5.75 3.79c2.71 0 5.02-1.74 5.88-4.16h3.07c.58 0 1.13-.22 1.55-.62l3.56-3.38c.52-.5.78-1.23.68-1.94h-.01Zm-48.91 7.61c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Zm34.17 0c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Z"/><path d="M63.8 37.84h-5.93v-2.5h5.56l.37 2.5Zm-58.2 0H.95l-.52-2.5H5.6v2.5Z"/></svg>'
 export const vehicleCollectorSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M63.8 37.84h-4.93v-2.5h4.58l-.02-.12c-.2-1.42-1.33-2.56-2.74-2.76l-15.26-2.25-.08-.01-1.44-.21-4.37-6.9a3.22 3.22 0 0 0-2.75-1.51H20.47a6.26 6.26 0 0 0-5.43 3.16l-2.95 5.18-7.65.24c-1.26.04-2.43.63-3.21 1.62-.78.99-1.08 2.26-.82 3.49l.02.08H4.6v2.5H.95l.75 3.6c.17.83.79 1.49 1.61 1.71l5.81 1.59.04-.15c.91 2.33 3.17 3.99 5.82 3.99 2.65 0 4.79-1.57 5.75-3.79h22.68a6.257 6.257 0 0 0 5.75 3.79c2.71 0 5.02-1.74 5.88-4.16h3.07c.58 0 1.13-.22 1.55-.62l3.56-3.39c.52-.5.78-1.23.68-1.94l-.09-.64h-.01Zm-48.83 8.25c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Zm6.84-15.89v-4.38c0-.96.79-1.75 1.75-1.75h9.99l.85 6.13H21.81Zm15.12 0-.85-6.13h.7c.26 0 .5.13.63.35l3.66 5.78h-4.14Zm12.22 15.89c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Z"/></svg>'
 export const vehicleCollector = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="m57.03 29.016-8.848-1.108a1.989 1.989 0 0 1-1.1-.509l-8.933-8.229a1.407 1.407 0 1 0-1.907 2.07l5.248 5.46v2.752H28.821l-1.444-3.178a1.876 1.876 0 0 0-3.53 1.223H12.858a21.792 21.792 0 0 0-5.749.54h-.015a7.546 7.546 0 0 0-5.457 8.536l.884 5.234a1.984 1.984 0 0 0 1.956 1.653h6.143a6.09 6.09 0 0 0 11.149 0h20.047a6.089 6.089 0 0 0 11.148 0h6.608a1.983 1.983 0 0 0 1.961-1.684l.866-5.658a6.213 6.213 0 0 0-5.369-7.1ZM16.182 44.284a3.281 3.281 0 1 1 2.333-.955 3.281 3.281 0 0 1-2.333.955Zm32.335-.2a3.288 3.288 0 1 1 2-2.041 3.2 3.2 0 0 1-2 2.045Z"/></svg>'
-export const vehicleCoverOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M60.11 34.48a4.764 4.764 0 0 0-3.238-4.505c-2.805-.938-5.539-1.599-8.212-1.967-2.215-.305-4.375-1.117-6.197-2.504l-5.808-4.408-.364-.264a10.793 10.793 0 0 0-6.313-1.922l-12.628.199h.001a7.756 7.756 0 0 0-6.303 3.418l-.001.002-2.881 4.27-.136.203-.203.136-1.43.958.001.001a4.766 4.766 0 0 0-2.09 3.672v.001l-.398 7.065v3.209l56.2-.288V34.48ZM11.957 44.502a3.732 3.732 0 0 0 4.056-.02l-4.056.02Zm33.932-.173a3.732 3.732 0 0 0 4.55-.023l-4.55.023Zm16.721-.085-8.949.046a6.248 6.248 0 0 1-5.51 3.3 6.247 6.247 0 0 1-5.481-3.245l-23.287.12a6.247 6.247 0 0 1-5.413 3.125 6.246 6.246 0 0 1-5.381-3.07l-7.179.036v-5.828h.002l.4-7.099v-.003l.037-.42a7.262 7.262 0 0 1 3.153-5.183l.002-.001 1.225-.824 2.745-4.067a10.256 10.256 0 0 1 8.334-4.521h.002l12.63-.2.557.004c2.588.069 5.095.891 7.219 2.364l.449.325v.001l5.81 4.41.001.001.274.2c1.383.976 3.021 1.578 4.75 1.817l1.07.16c2.498.41 5.03 1.054 7.597 1.913l.275.099a7.265 7.265 0 0 1 4.668 6.776v9.764Z" /></svg>'
+export const vehicleCoverOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M60.11 34.48a4.764 4.764 0 0 0-3.238-4.505c-2.805-.938-5.539-1.599-8.212-1.967-2.215-.305-4.375-1.117-6.197-2.504l-5.808-4.408-.364-.264a10.793 10.793 0 0 0-6.313-1.922l-12.628.199h.001a7.756 7.756 0 0 0-6.303 3.418l-.001.002-2.881 4.27-.136.203-.203.136-1.43.958.001.001a4.766 4.766 0 0 0-2.09 3.672v.001l-.398 7.065v3.209l56.2-.288V34.48ZM11.957 44.502a3.732 3.732 0 0 0 4.056-.02l-4.056.02Zm33.932-.173a3.732 3.732 0 0 0 4.55-.023l-4.55.023Zm16.721-.085-8.949.046a6.248 6.248 0 0 1-5.51 3.3 6.247 6.247 0 0 1-5.481-3.245l-23.287.12a6.247 6.247 0 0 1-5.413 3.125 6.246 6.246 0 0 1-5.381-3.07l-7.179.036v-5.828h.002l.4-7.099v-.003l.037-.42a7.262 7.262 0 0 1 3.153-5.183l.002-.001 1.225-.824 2.745-4.067a10.256 10.256 0 0 1 8.334-4.521h.002l12.63-.2.557.004c2.588.069 5.095.891 7.219 2.364l.449.325v.001l5.81 4.41.001.001.274.2c1.383.976 3.021 1.578 4.75 1.817l1.07.16c2.498.41 5.03 1.054 7.597 1.913l.275.099a7.265 7.265 0 0 1 4.668 6.776v9.764Z"/></svg>'
 export const vehicleDamageColor = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M55.852 42.33a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Zm-42.548-9.24a4.59 4.59 0 1 0 4.59 4.59 4.6 4.6 0 0 0-4.59-4.59Zm0 6.681a2.09 2.09 0 1 1 0-4.18 2.09 2.09 0 0 1 0 4.18Zm23.471-6.731a4.59 4.59 0 1 0 4.59 4.59 4.6 4.6 0 0 0-4.59-4.59Zm0 6.68a2.09 2.09 0 1 1 0-4.18 2.09 2.09 0 0 1 0 4.18Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M41.981 16.482a3.638 3.638 0 0 0-3.453-2.485H11.553a3.639 3.639 0 0 0-3.454 2.485L4.145 28.257h-1.9a1.25 1.25 0 0 0 0 2.5h1.549V48.41a3.591 3.591 0 1 0 7.183 0v-1.554h28.126v1.554a3.592 3.592 0 1 0 7.184 0v-19l-4.306-12.928Zm-31.513.8a1.146 1.146 0 0 1 1.085-.78h26.975a1.143 1.143 0 0 1 1.084.78l3.687 10.98H6.781l3.687-10.98ZM8.475 48.41a1.092 1.092 0 1 1-2.183 0v-1.554h2.183v1.554Zm35.31 0a1.092 1.092 0 0 1-2.184 0v-1.554h2.184v1.554Zm0-4.054H6.294v-13.6h37.493l-.002 13.6Zm18.916-10.089h-.833l-2.34-6.971a2.73 2.73 0 0 0-2.591-1.863h-9.355v2.5h9.355a.232.232 0 0 1 .221.158l2.074 6.176h-10.65v2.5h11.137v7.473H48.582v2.5h11.137v1.938a1.25 1.25 0 0 0 2.5 0V36.767h.482a1.25 1.25 0 1 0 0-2.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m45.276 1.274 5.628 7.472 8.84-4.035-3.983 9.87 6.587.49-6.398 8.677-2.012-1.484 3.714-5.036-5.491-.409 2.919-7.23-4.965 2.265-3.862-5.128-1.84 6.144-5.163-2.072v1.652h-2.5V7.102l6.053 2.428 2.473-8.256Z"/></svg>'
 export const vehicleDamageOutline = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path fill-rule="evenodd" clip-rule="evenodd" d="m45.276 1.274 5.628 7.472 8.84-4.035-3.983 9.87 6.587.49-6.398 8.677-2.012-1.484 3.714-5.036-5.491-.409 2.919-7.23-4.965 2.265-3.862-5.128-1.84 6.144-5.163-2.072v1.652h-2.5V7.102l6.053 2.428 2.473-8.256Z"/><path d="M41.981 16.482a3.638 3.638 0 0 0-3.453-2.485H11.553a3.639 3.639 0 0 0-3.454 2.485L4.145 28.257h-1.9a1.25 1.25 0 0 0 0 2.5h1.549V48.41a3.591 3.591 0 1 0 7.183 0v-1.554h28.126v1.554a3.592 3.592 0 1 0 7.184 0v-19l-4.306-12.928Zm-31.513.8a1.146 1.146 0 0 1 1.085-.78h26.975a1.143 1.143 0 0 1 1.084.78l3.687 10.98H6.781l3.687-10.98ZM8.475 48.41a1.092 1.092 0 1 1-2.183 0v-1.554h2.183v1.554Zm35.31 0a1.092 1.092 0 0 1-2.184 0v-1.554h2.184v1.554Zm0-4.054H6.294v-13.6h37.493l-.002 13.6Zm18.916-10.089h-.833l-2.34-6.971a2.73 2.73 0 0 0-2.591-1.863h-9.355v2.5h9.355a.232.232 0 0 1 .221.158l2.074 6.176h-10.65v2.5h11.137v7.473H48.582v2.5h11.137v1.938a1.25 1.25 0 0 0 2.5 0V36.767h.482a1.25 1.25 0 1 0 0-2.5Z"/><path d="M55.852 42.33a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Zm-42.548-9.24a4.59 4.59 0 1 0 4.59 4.59 4.6 4.6 0 0 0-4.59-4.59Zm0 6.681a2.09 2.09 0 1 1 0-4.18 2.09 2.09 0 0 1 0 4.18Zm23.471-6.731a4.59 4.59 0 1 0 4.59 4.59 4.6 4.6 0 0 0-4.59-4.59Zm0 6.68a2.09 2.09 0 1 1 0-4.18 2.09 2.09 0 0 1 0 4.18Z"/></svg>'
 export const vehicleDamageSolid = 'data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M62.702 34.385h-.833l-2.34-6.97a2.729 2.729 0 0 0-2.59-1.864h-9.356v2.5h9.355a.232.232 0 0 1 .221.159l2.074 6.175h-10.65v12.474H59.72v1.938a1.25 1.25 0 0 0 2.5 0V36.885h.482a1.25 1.25 0 0 0 0-2.5Zm-6.849 8.064a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5Zm-9.645-13.332h.014l-4.239-12.632A3.64 3.64 0 0 0 38.53 14H11.554A3.638 3.638 0 0 0 8.1 16.485L4.146 28.26h-1.9a1.25 1.25 0 0 0 0 2.5h1.55v17.653a3.592 3.592 0 0 0 7.182 0v-1.554h28.126v1.554a3.592 3.592 0 1 0 7.184 0v-18.9a1.207 1.207 0 0 0-.08-.396Zm-32.9 11.567a3 3 0 1 1 1.146-.228 3 3 0 0 1-1.149.228h.003Zm23.468-.053a3 3 0 1 1 0-5.999 3 3 0 0 1 0 5.999ZM6.783 28.26l3.687-10.98a1.143 1.143 0 0 1 1.084-.78H38.53a1.143 1.143 0 0 1 1.084.78L43.3 28.26H6.783Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m45.276 1.274 5.628 7.472 8.84-4.035-3.983 9.87 6.587.49-6.398 8.677-2.012-1.484 3.714-5.036-5.491-.409 2.919-7.23-4.965 2.265-3.862-5.128-1.84 6.144-5.163-2.072v1.652h-2.5V7.102l6.053 2.428 2.473-8.256Z"/></svg>'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roadtrip/components",
-  "version": "3.37.0",
+  "version": "3.38.1",
   "description": "Web Component library for Roadtrip Design System",
   "license": "Apache-2.0",
   "homepage": "https://gitlab.com/mobivia-design/roadtrip/components",

package/dist/roadtrip/p-15fc9b83.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as a,H as o,d as t}from"./p-DRGoRjBY.js";import{a as d,d as s,e as n,f as r,g as l}from"./p-D4L9-8Jc.js";const c=":host{--z-index:3;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;background:var(--road-overlay)}:host(.dialog-has-close) .dialog-overlay{cursor:pointer}.dialog-modal{position:relative;width:auto;margin:1rem;pointer-events:none;transition:transform 0.3s ease-out;transform:translateY(50px)}:host(.dialog-open){visibility:visible !important;opacity:1}:host(.dialog-open) .dialog-modal{transform:none}.dialog-content{position:relative;display:flex;flex-direction:column;width:100%;padding:0 0 1.5rem;pointer-events:auto;background:var(--road-surface);background-clip:padding-box;border-radius:0.25rem;outline:0;box-shadow:var(--road-elevation-highest)}@media (min-width: 576px){.dialog-content{max-width:454px}}.dialog-header{display:flex;align-items:center;justify-content:flex-end;height:100%;max-height:2.75rem;margin-bottom:2rem}.dialog-close{display:flex;align-items:center;align-self:flex-start;justify-content:center;width:3.5rem;height:3.5rem;padding:0;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.dialog-icon{display:inline-block;width:3rem;height:3rem;font-size:var(--road-font-size-48)}.dialog-body{padding:0 1.5rem;text-align:center}@media (min-width: 768px){.dialog-body{padding:0 3rem}}.dialog-title{padding:0;margin:0 0 1rem;font-size:var(--road-body-medium);font-weight:700;line-height:1.2}.dialog-description{margin:0 0 0.5rem;overflow:auto;font-size:var(--road-body-medium)}.dialog-footer{display:flex;justify-content:center;padding:0 1.5rem}.dialog-footer ::slotted(road-button){margin-top:1rem}.dialog-footer .btn{min-width:130px;max-width:calc(50% - 0.5rem)}";const h=class{constructor(a){e(this,a);this.onClose=i(this,"close",7);this.isOpen=false;this.hasCloseIcon=true;this.onClick=e=>{e.stopPropagation();e.preventDefault();this.close()}}async open(){this.isOpen=true}async close(){this.isOpen=false;this.el.addEventListener("transitionend",(()=>{this.onClose.emit()}),{once:true})}onEscape(e){if((e.key==="Escape"||e.key==="Esc")&&this.isOpen&&this.hasCloseIcon){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((e=>{e.addEventListener("click",(()=>this.close()))}))}render(){const e=this.isOpen?"dialog-open":"";const i=this.hasCloseIcon?"dialog-has-close":"";let t;if(this.icon){t=this.icon}else{switch(this.color){case"info":t=s;break;case"success":t=l;break;case"warning":t=r;break;case"danger":t=n;break;default:t=s;break}}return a(o,{key:"585f4f16ab43fe79d33c999683203e6d10e3ffa5",class:`dialog ${e} ${i}`,role:"alertdialog","aria-modal":"true",tabindex:"-1","aria-label":"dialogLabel"},a("div",{key:"b7e2a84719b84a5feb0cac721dd20b5007175f26",class:"dialog-overlay",onClick:this.hasCloseIcon===true?this.onClick:undefined,tabindex:"-1"}),a("div",{key:"1da28c734c66f5661764b7984c8883b4b2f24473",class:"dialog-modal",role:"document",tabindex:"0"},a("div",{key:"0fbdc11f8fa43fc52571a423b12486a22745b2bc",class:"dialog-content"},a("header",{key:"6c00560182da0c434ecfe2897cebd91f715a937e",class:"dialog-header"},this.hasCloseIcon?a("button",{type:"button",class:"dialog-close",onClick:this.onClick,"aria-label":"Close"},a("road-icon",{icon:d,"aria-hidden":"true"})):""),a("div",{key:"1ae3985cdec1c5fb457744801871fc84df6d015f",class:"dialog-body"},this.color!==undefined?a("road-icon",{class:"dialog-icon",part:"dialog-icon",color:this.color,icon:t,"aria-hidden":"true"}):"",a("h2",{key:"c24ea765e3e64ae26ccc3eb0908b0efc63da5884",class:"dialog-title"},this.label),a("p",{key:"754a7efb432ab20511326ceea3d0b9fe91860ea2",class:"dialog-description",id:"dialogDesc"},this.description)),a("footer",{key:"240048df6011880999f5981269b35b8bdb64c555",class:"dialog-footer"},a("slot",{key:"3a1edc953449d6c3df50e766a3fa06d7326e9062"})))))}get el(){return t(this)}};h.style=c;export{h as road_dialog};
-//# sourceMappingURL=p-15fc9b83.entry.js.map

package/dist/roadtrip/p-15fc9b83.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dialogCss","Dialog","constructor","hostRef","this","isOpen","hasCloseIcon","onClick","ev","stopPropagation","preventDefault","close","open","el","addEventListener","onClose","emit","once","onEscape","event","key","componentDidLoad","querySelectorAll","forEach","item","render","modalIsOpenClass","modalhasClose","icon","color","alertInfoOutline","alertSuccessOutline","alertWarningOutline","alertDangerOutline","h","Host","class","role","tabindex","undefined","type","navigationClose","part","label","id","description"],"sources":["src/components/dialog/dialog.css?tag=road-dialog&encapsulation=shadow","src/components/dialog/dialog.tsx"],"sourcesContent":["/*\n * Dialog\n *\n * Index\n * - Overlay\n * - Dialog\n * - Content\n * - Header\n * - Close\n * - Body\n * - Title\n * - Description\n * - Footer\n */\n\n/**\n * @prop --z-index: The z-index of the Dialog.\n */\n\n:host {\n  --z-index: 3;\n\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: var(--z-index);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  font-family: var(--road-font, sans-serif);\n  line-height: 1.5;\n  color: var(--road-on-surface);\n  visibility: hidden !important;\n  opacity: 0;\n  transition: opacity 0.15s linear, visibility 0.15s;\n}\n\n/* OVERLAY\n -------------------- */\n\n.dialog-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  touch-action: none;\n  background: var(--road-overlay);\n}\n\n:host(.dialog-has-close) .dialog-overlay {\n  cursor: pointer;\n}\n\n/* DIALOG\n -------------------- */\n\n.dialog-modal {\n  position: relative;\n  width: auto;\n  margin: 1rem;\n  pointer-events: none;\n  transition: transform 0.3s ease-out;\n  transform: translateY(50px);\n}\n\n/**\n * Open state\n */\n\n:host(.dialog-open) {\n  visibility: visible !important;\n  opacity: 1;\n}\n\n:host(.dialog-open) .dialog-modal {\n  transform: none;\n}\n\n/* CONTENT\n -------------------- */\n\n.dialog-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0 0 1.5rem;\n  pointer-events: auto;\n  background: var(--road-surface);\n  background-clip: padding-box;\n  border-radius: 0.25rem;\n  outline: 0;\n  box-shadow: var(--road-elevation-highest);\n}\n\n@media (min-width: 576px) {\n\n  .dialog-content {\n    max-width: 454px;\n  }\n}\n\n/* HEADER\n -------------------- */\n\n.dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 100%;\n  max-height: 2.75rem;\n  margin-bottom: 2rem;\n}\n\n/* CLOSE\n -------------------- */\n\n.dialog-close {\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  justify-content: center;\n  width: 3.5rem;\n  height: 3.5rem;\n  padding: 0;\n  color: inherit;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  appearance: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.dialog-icon {\n  display: inline-block;\n  width: 3rem;\n  height: 3rem;\n  font-size: var(--road-font-size-48);\n}\n\n/* BODY\n -------------------- */\n\n.dialog-body {\n  padding: 0 1.5rem;\n  text-align: center;\n}\n\n@media (min-width: 768px) {\n\n  .dialog-body {\n    padding: 0 3rem;\n  }\n}\n\n/* TITLE\n -------------------- */\n\n.dialog-title {\n  padding: 0;\n  margin: 0 0 1rem;\n  font-size: var(--road-body-medium);\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n/* DESCRIPTION\n -------------------- */\n\n.dialog-description {\n  margin: 0 0 0.5rem;\n  overflow: auto;\n  font-size: var(--road-body-medium);\n}\n\n/* FOOTER\n -------------------- */\n\n.dialog-footer {\n  display: flex;\n  justify-content: center;\n  padding: 0 1.5rem;\n}\n\n.dialog-footer ::slotted(road-button) {\n  margin-top: 1rem;\n}\n\n/**\n * Footer buttons\n */\n\n.dialog-footer .btn {\n  min-width: 130px;\n  max-width: calc(50% - 0.5rem);\n}\n","import { Component, Element, Event, EventEmitter, Listen, Method, Prop, h, Host } from '@stencil/core';\nimport { FeedbackColors } from '../../interface';\nimport { navigationClose, alertDangerOutline, alertInfoOutline, alertSuccessOutline, alertWarningOutline } from '../../../icons';\n\n/**\n * @slot  - Content of the footer dialog if it's an action dialog add action buttons here.\n *\n * @part dialog-icon - main icon of the dialog\n */\n\n@Component({\n  tag: 'road-dialog',\n  styleUrl: 'dialog.css',\n  shadow: true,\n})\nexport class Dialog {\n\n  /**\n   * Current reference of the dialog\n   */\n  @Element() el!: HTMLRoadDialogElement;\n\n  /**\n   * Set isOpen property to true to open the dialog\n   */\n  @Prop({ mutable: true }) isOpen: boolean = false;\n\n  /**\n   * Show / hide the close icon\n   */\n  @Prop() hasCloseIcon: boolean = true;\n\n  /**\n   * Set the color of information dialog. e.g. info, success, warning, danger\n   */\n  @Prop() color?: FeedbackColors;\n\n  /**\n   * override default icon\n   */\n   @Prop() icon?: string;\n\n  /**\n   * Text to the top\n   */\n  @Prop() label?: string;\n\n  /**\n   * Content description of the dialog\n   */\n  @Prop() description?: string;\n\n  /**\n   * Indicate when closing the dialog\n   */\n  @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n  /**\n   * Open the dialog\n   */\n  @Method()\n  async open() {\n    this.isOpen = true;\n  }\n\n  /**\n   * Close the dialog\n   */\n  @Method()\n  async close() {\n    this.isOpen = false;\n    this.el.addEventListener('transitionend', () => {\n      this.onClose.emit();\n    }, { once: true});\n  }\n\n  /**\n   * Close the dialog when clicking on the cross or layer\n   */\n  private onClick = (ev: UIEvent) => {\n    ev.stopPropagation();\n    ev.preventDefault();\n\n    this.close();\n  };\n\n  /**\n   * Close the dialog when press Escape key\n   */\n  @Listen('keyup', { target: 'document' })\n  onEscape(event: KeyboardEvent) {\n    if ((event.key === 'Escape' || event.key === \"Esc\") && this.isOpen && this.hasCloseIcon) {\n      this.close();\n    }\n  }\n\n  /**\n   * Call close function when clicking an element with data-dismiss=\"modal\" attribute\n   */\n  componentDidLoad() {\n    this.el.querySelectorAll('[data-dismiss=\"modal\"]').forEach(item => {\n      item.addEventListener('click', () => this.close());\n    });\n  }\n\n  render() {\n    const modalIsOpenClass = this.isOpen ? 'dialog-open' : '';\n    const modalhasClose = this.hasCloseIcon ? 'dialog-has-close' : '';\n\n    let icon;\n\n    if(this.icon) {\n      icon = this.icon;\n    } else {\n      switch(this.color) {\n      case 'info':\n        icon = alertInfoOutline;\n        break;\n      case 'success':\n        icon = alertSuccessOutline;\n        break;\n      case 'warning':\n        icon = alertWarningOutline;\n        break;\n      case 'danger':\n        icon = alertDangerOutline;\n        break;\n      default:\n        icon = alertInfoOutline;\n        break;\n      }\n    }\n\n    return (\n      <Host class={`dialog ${modalIsOpenClass} ${modalhasClose}`} role=\"alertdialog\" aria-modal=\"true\" tabindex=\"-1\" aria-label=\"dialogLabel\">\n        <div class=\"dialog-overlay\" onClick={this.hasCloseIcon === true ? this.onClick : undefined} tabindex=\"-1\"></div>\n        <div class=\"dialog-modal\" role=\"document\" tabindex=\"0\">\n          <div class=\"dialog-content\">\n            <header class=\"dialog-header\">\n              {this.hasCloseIcon\n                ? <button type=\"button\" class=\"dialog-close\" onClick={this.onClick} aria-label=\"Close\"><road-icon icon={navigationClose} aria-hidden=\"true\"></road-icon></button>\n                : ''}\n            </header>\n            <div class=\"dialog-body\">\n              {this.color !== undefined\n                ? <road-icon class=\"dialog-icon\" part=\"dialog-icon\" color={this.color} icon={icon} aria-hidden=\"true\"></road-icon>\n                : ''}\n              <h2 class=\"dialog-title\">{this.label}</h2>\n              <p class=\"dialog-description\" id=\"dialogDesc\">{this.description}</p>\n            </div>\n            <footer class=\"dialog-footer\">\n              <slot/>\n            </footer>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}"],"mappings":"gIAAA,MAAMA,EAAY,0+D,MCeLC,EAAM,MALnB,WAAAC,CAAAC,G,yCAe2BC,KAAMC,OAAY,MAKnCD,KAAYE,aAAY,KAiDxBF,KAAAG,QAAWC,IACjBA,EAAGC,kBACHD,EAAGE,iBAEHN,KAAKO,OAAO,CA2Ef,CAjGC,UAAMC,GACJR,KAAKC,OAAS,I,CAOhB,WAAMM,GACJP,KAAKC,OAAS,MACdD,KAAKS,GAAGC,iBAAiB,iBAAiB,KACxCV,KAAKW,QAAQC,MAAM,GAClB,CAAEC,KAAM,M,CAiBb,QAAAC,CAASC,GACP,IAAKA,EAAMC,MAAQ,UAAYD,EAAMC,MAAQ,QAAUhB,KAAKC,QAAUD,KAAKE,aAAc,CACvFF,KAAKO,O,EAOT,gBAAAU,GACEjB,KAAKS,GAAGS,iBAAiB,0BAA0BC,SAAQC,IACzDA,EAAKV,iBAAiB,SAAS,IAAMV,KAAKO,SAAQ,G,CAItD,MAAAc,GACE,MAAMC,EAAmBtB,KAAKC,OAAS,cAAgB,GACvD,MAAMsB,EAAgBvB,KAAKE,aAAe,mBAAqB,GAE/D,IAAIsB,EAEJ,GAAGxB,KAAKwB,KAAM,CACZA,EAAOxB,KAAKwB,I,KACP,CACL,OAAOxB,KAAKyB,OACZ,IAAK,OACHD,EAAOE,EACP,MACF,IAAK,UACHF,EAAOG,EACP,MACF,IAAK,UACHH,EAAOI,EACP,MACF,IAAK,SACHJ,EAAOK,EACP,MACF,QACEL,EAAOE,EACP,M,CAIJ,OACEI,EAACC,EAAI,CAAAf,IAAA,2CAACgB,MAAO,UAAUV,KAAoBC,IAAiBU,KAAK,cAAyB,oBAAOC,SAAS,KAAI,aAAY,eACxHJ,EAAK,OAAAd,IAAA,2CAAAgB,MAAM,iBAAiB7B,QAASH,KAAKE,eAAiB,KAAOF,KAAKG,QAAUgC,UAAWD,SAAS,OACrGJ,EAAK,OAAAd,IAAA,2CAAAgB,MAAM,eAAeC,KAAK,WAAWC,SAAS,KACjDJ,EAAK,OAAAd,IAAA,2CAAAgB,MAAM,kBACTF,EAAA,UAAAd,IAAA,2CAAQgB,MAAM,iBACXhC,KAAKE,aACF4B,EAAQ,UAAAM,KAAK,SAASJ,MAAM,eAAe7B,QAASH,KAAKG,QAAO,aAAa,SAAQ2B,EAAA,aAAWN,KAAMa,EAA6B,wBACnI,IAENP,EAAK,OAAAd,IAAA,2CAAAgB,MAAM,eACRhC,KAAKyB,QAAUU,UACZL,EAAA,aAAWE,MAAM,cAAcM,KAAK,cAAcb,MAAOzB,KAAKyB,MAAOD,KAAMA,EAAkB,uBAC7F,GACJM,EAAA,MAAAd,IAAA,2CAAIgB,MAAM,gBAAgBhC,KAAKuC,OAC/BT,EAAA,KAAAd,IAAA,2CAAGgB,MAAM,qBAAqBQ,GAAG,cAAcxC,KAAKyC,cAEtDX,EAAQ,UAAAd,IAAA,2CAAAgB,MAAM,iBACZF,EAAA,QAAAd,IAAA,gD","ignoreList":[]}

package/dist/roadtrip/p-1a38d043.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as r,H as i,d as o}from"./p-DRGoRjBY.js";const a=":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.5rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-primary);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-top:1px solid var(--road-primary);border-bottom:1px solid var(--road-primary);border-left:1px solid var(--road-primary);border-radius:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:first-child){border:1px solid var(--road-primary);border-right:0;border-radius:999em 0 0 999em}:host(:last-child){border:1px solid var(--road-primary);border-radius:0 999em 999em 0}:host(.btn-sm){height:2rem;font-size:var(--road-button-small)}:host(.tab-selected){color:var(--road-primary-contrast);background-color:var(--road-primary)}:host(.tab-selected:hover){background-color:var(--road-button-primary-variant)}:host(:hover){background:var(--road-primary-90)}:host(.focus-visible){background:var(--road-primary-90);outline:auto}:host(.tab-selected.focus-visible){background-color:var(--road-button-primary-variant)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;max-height:2.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;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;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}";const n=class{constructor(r){t(this,r);this.roadsegmentedbuttonclick=e(this,"roadsegmentedbuttonclick",7);this.roadSegmentedButtonClick=e(this,"roadSegmentedButtonClick",7);this.size="md";this.selected=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onButtonBarChanged(t){const e=t.target;const r=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(r)||e&&e.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadsegmentedbuttonclick.emit({tab:this.tab,selected:this.selected});this.roadSegmentedButtonClick.emit({tab:this.tab,selected:this.selected});t.preventDefault()}}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{tabIndex:t,selected:e,tab:o}=this;const a=this.size!==undefined?`btn-${this.size}`:"";return r(i,{key:"863bee27ee0f19d6db0382687b0e8e79bd013a98",onClick:this.onClick,onKeyup:this.onKeyUp,role:"tab",tabindex:t,"aria-selected":e?"true":null,id:o!==undefined?`tab-button-${o}`:null,class:{"tab-selected":e,[`${a}`]:true}},r("span",{key:"9e16e5ad2ce62ecbf1d27c01ce0fe5fbdfae023e",tabIndex:-1,class:"button-native",part:"native","aria-hidden":"true"},r("slot",{key:"f40045cb7fc6663a0df01a26ffd54d050541673b"})))}get el(){return o(this)}};n.style=a;export{n as road_segmented_button};
-//# sourceMappingURL=p-1a38d043.entry.js.map

package/dist/roadtrip/p-1a38d043.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["segmentedButtonCss","SegmentedButton","constructor","hostRef","this","size","selected","onKeyUp","ev","key","selectTab","onClick","onButtonBarChanged","dispatchedFrom","target","parent","el","parentElement","composedPath","includes","contains","tab","detail","undefined","roadsegmentedbuttonclick","emit","roadSegmentedButtonClick","preventDefault","tabIndex","hasTabIndex","hasAttribute","getAttribute","render","sizeClass","h","Host","onKeyup","role","tabindex","id","class","part"],"sources":["src/components/segmented-button/segmented-button.css?tag=road-segmented-button&encapsulation=shadow","src/components/segmented-button/segmented-button.tsx"],"sourcesContent":["/*\n * Tab button\n */\n\n\n/* BUTTON\n -------------------- */\n\n\n:host {\n  --border-radius: 0.25rem;\n  --font-size: var(--road-button-medium);\n  --margin-bottom: 1rem;\n  --padding-start: 1.5rem;\n  --padding-end: 1.5rem;\n  box-sizing: border-box;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  max-height: 2.5rem;\n  font-size: var(--road-button-medium);\n  font-weight: 700;\n  color: var(--road-primary);\n  text-decoration: none;\n  white-space: nowrap;\n  vertical-align: middle;\n  background-color: var(--road-surface);\n  border-top: 1px solid var(--road-primary);\n  border-bottom: 1px solid var(--road-primary);\n  border-left: 1px solid var(--road-primary);\n  border-radius: 0;\n  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n\n\n:host(:first-child){\n  border: 1px solid var(--road-primary);\n  border-right: 0;\n  border-radius: 999em 0 0 999em;\n}\n\n:host(:last-child){\n  border: 1px solid var(--road-primary);\n  border-radius: 0 999em 999em 0;\n}\n\n/**\n * Small\n */\n\n:host(.btn-sm) {\n  height: 2rem;\n  font-size: var(--road-button-small);\n}\n\n/**\n * Active state\n */\n\n:host(.tab-selected) {\n  color: var(--road-primary-contrast);\n  background-color: var(--road-primary);\n}\n\n:host(.tab-selected:hover) {\n  background-color: var(--road-button-primary-variant);\n}\n\n\n/**\n * Hover state\n */\n\n:host(:hover) {\n  background: var(--road-primary-90);\n}\n\n/**\n * Focus state\n */\n\n\n:host(.focus-visible) {\n  background: var(--road-primary-90);\n  outline: auto;\n}\n\n:host(.tab-selected.focus-visible){\n  background-color: var(--road-button-primary-variant);\n}\n\n\n/* NATIVE\n -------------------- */\n\n.button-native {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: 100%;\n  height: 100%;\n  max-height: 2.5rem;\n  padding: 0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);\n  margin: 0;\n  overflow: hidden;\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  color: inherit;\n  text-align: inherit;\n  text-decoration: none;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  letter-spacing: inherit;\n  white-space: inherit;\n  cursor: pointer;\n  background: transparent;\n  -webkit-user-drag: none;\n  border-color: initial;\n  border-style: initial;\n  border-width: 0;\n  border-radius: inherit;\n  border-image: initial;\n  outline: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\n\n/**\n *\n * @part native - The native HTML anchor element that wraps all child elements.\n */\n\n@Component({\n  tag: 'road-segmented-button',\n  styleUrl: 'segmented-button.css',\n  shadow: true,\n})\nexport class SegmentedButton {\n\n  @Element() el!: HTMLRoadSegmentedButtonElement;\n\n  /**\n    * The Segmented buttons size.\n    */\n   @Prop() size?: 'sm' | 'md' = 'md';\n\n  /**\n   * The selected tab component\n   */\n  @Prop({ mutable: true }) selected = false;\n\n  /**\n   * A tab id must be provided for each `road-tab`. It's used internally to reference\n   */\n  @Prop() tab?: string;\n\n  /**\n   * Emitted when the tab bar is clicked\n   * @internal\n   */\n  @Event() roadsegmentedbuttonclick!: EventEmitter;\n  /** @internal */\n  @Event() roadSegmentedButtonClick!: EventEmitter;\n\n  @Listen('roadSegmentedButtonBarChanged', { target: 'window' })\n  @Listen('roadSegmentedButtonbarchanged', { target: 'window' })\n  onButtonBarChanged(ev: CustomEvent) {\n    const dispatchedFrom = ev.target as HTMLElement;\n    const parent = this.el.parentElement as EventTarget;\n\n    if ((ev.composedPath && ev.composedPath().includes(parent)) || (dispatchedFrom && dispatchedFrom.contains(this.el))) {\n      this.selected = this.tab === ev.detail.tab;\n    }\n  }\n\n  private selectTab(ev: Event | KeyboardEvent) {\n    if (this.tab !== undefined) {\n      this.roadsegmentedbuttonclick.emit({\n        tab: this.tab,\n        selected: this.selected,\n      });\n      this.roadSegmentedButtonClick.emit({\n        tab: this.tab,\n        selected: this.selected,\n      });\n\n      ev.preventDefault();\n    }\n  }\n\n  private get tabIndex() {\n    const hasTabIndex = this.el.hasAttribute('tabindex');\n\n    if (hasTabIndex) {\n      return this.el.getAttribute('tabindex');\n    }\n\n    return 0;\n  }\n\n  private onKeyUp = (ev: KeyboardEvent) => {\n    if (ev.key === 'Enter' || ev.key === ' ') {\n      this.selectTab(ev);\n    }\n  };\n\n  private onClick = (ev: Event) => {\n    this.selectTab(ev);\n  };\n\n  render() {\n    const { tabIndex, selected, tab } = this;\n\n    const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';\n\n\n    return (\n      <Host\n        onClick={this.onClick}\n        onKeyup={this.onKeyUp}\n        role=\"tab\"\n        tabindex={tabIndex}\n        aria-selected={selected ? 'true' : null}\n        id={tab !== undefined ? `tab-button-${tab}` : null}\n        class={{\n          'tab-selected': selected,\n          [`${sizeClass}`]: true,\n        }}\n      >\n        <span tabIndex={-1} class=\"button-native\" part=\"native\" aria-hidden=\"true\">\n            <slot/>\n        </span>\n      </Host>\n    );\n  }\n}"],"mappings":"gEAAA,MAAMA,EAAqB,i+D,MCYdC,EAAe,MAL5B,WAAAC,CAAAC,G,gJAYWC,KAAIC,KAAiB,KAKLD,KAAQE,SAAG,MAmD5BF,KAAAG,QAAWC,IACjB,GAAIA,EAAGC,MAAQ,SAAWD,EAAGC,MAAQ,IAAK,CACxCL,KAAKM,UAAUF,E,GAIXJ,KAAAO,QAAWH,IACjBJ,KAAKM,UAAUF,EAAG,CA4BrB,CArEC,kBAAAI,CAAmBJ,GACjB,MAAMK,EAAiBL,EAAGM,OAC1B,MAAMC,EAASX,KAAKY,GAAGC,cAEvB,GAAKT,EAAGU,cAAgBV,EAAGU,eAAeC,SAASJ,IAAaF,GAAkBA,EAAeO,SAAShB,KAAKY,IAAM,CACnHZ,KAAKE,SAAWF,KAAKiB,MAAQb,EAAGc,OAAOD,G,EAInC,SAAAX,CAAUF,GAChB,GAAIJ,KAAKiB,MAAQE,UAAW,CAC1BnB,KAAKoB,yBAAyBC,KAAK,CACjCJ,IAAKjB,KAAKiB,IACVf,SAAUF,KAAKE,WAEjBF,KAAKsB,yBAAyBD,KAAK,CACjCJ,IAAKjB,KAAKiB,IACVf,SAAUF,KAAKE,WAGjBE,EAAGmB,gB,EAIP,YAAYC,GACV,MAAMC,EAAczB,KAAKY,GAAGc,aAAa,YAEzC,GAAID,EAAa,CACf,OAAOzB,KAAKY,GAAGe,aAAa,W,CAG9B,OAAO,C,CAaT,MAAAC,GACE,MAAMJ,SAAEA,EAAQtB,SAAEA,EAAQe,IAAEA,GAAQjB,KAEpC,MAAM6B,EAAY7B,KAAKC,OAASkB,UAAY,OAAOnB,KAAKC,OAAS,GAGjE,OACE6B,EAACC,EAAI,CAAA1B,IAAA,2CACHE,QAASP,KAAKO,QACdyB,QAAShC,KAAKG,QACd8B,KAAK,MACLC,SAAUV,EACK,gBAAAtB,EAAW,OAAS,KACnCiC,GAAIlB,IAAQE,UAAY,cAAcF,IAAQ,KAC9CmB,MAAO,CACL,eAAgBlC,EAChB,CAAC,GAAG2B,KAAc,OAGpBC,EAAA,QAAAzB,IAAA,2CAAMmB,UAAU,EAAIY,MAAM,gBAAgBC,KAAK,SAAQ,cAAa,QAChEP,EAAO,QAAAzB,IAAA,8C","ignoreList":[]}

package/dist/roadtrip/p-3e9f11a6.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as t,H as s,d as e}from"./p-DRGoRjBY.js";const i=":host{display:block}:host(.tab-hidden){display:none}";const n=class{constructor(t){a(this,t);this.active=false}async componentWillLoad(){if(this.active){await this.setActive()}}onTabBarChanged(a){this.active=this.tab===a.detail.tab}async setActive(){this.active=true}render(){const{tab:a,active:e}=this;return t(s,{key:"a80ee1589766800da756d8a9f78534025a264938",role:"tabpanel","aria-hidden":!e?"true":null,"aria-labelledby":`tab-button-${a}`,class:{"tab-hidden":!e}},t("slot",{key:"9f528bd81cf3fafd4b36bd4eda1b3f579840ce87"}))}get el(){return e(this)}};n.style=i;export{n as road_tab};
-//# sourceMappingURL=p-3e9f11a6.entry.js.map

package/dist/roadtrip/p-93f69a61.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as s,H as a,d}from"./p-DRGoRjBY.js";import"./p-VfVbfSwY.js";const r=":host{display:flex;max-width:500px}";const i=class{constructor(s){t(this,s);this.roadsegmentedbuttonbarchanged=e(this,"roadsegmentedbuttonbarchanged",7);this.roadSegmentedButtonBarChanged=e(this,"roadSegmentedButtonBarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadsegmentedbuttonbarchanged.emit({tab:this.selectedTab});this.roadSegmentedButtonBarChanged.emit({tab:this.selectedTab})}}componentWillLoad(){this.selectedTabChanged()}render(){return s(a,{key:"d2cdf10978a8286781e00253187fb0e8cba77af6",role:"tablist"},s("slot",{key:"730fe1bb12456e03e63b3899ca5f870e2ad9d085"}))}get el(){return d(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};i.style=r;export{i as road_segmented_button_bar};
-//# sourceMappingURL=p-93f69a61.entry.js.map

package/dist/roadtrip/p-93f69a61.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["segmentedButtonBarCss","ButtonBar","selectedTabChanged","this","selectedTab","undefined","roadsegmentedbuttonbarchanged","emit","tab","roadSegmentedButtonBarChanged","componentWillLoad","render","h","Host","key","role"],"sources":["src/components/segmented-button-bar/segmented-button-bar.css?tag=road-segmented-button-bar&encapsulation=shadow","src/components/segmented-button-bar/segmented-button-bar.tsx"],"sourcesContent":["/*\n * Segmented button bar\n *\n */\n\n:host {\n  display: flex;\n  max-width: 500px;\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\nimport '../../utils/polyfill';\n\n/**\n * @slot  - Content of the segmentedButtonBar, it should be road-segmented-button elements.\n */\n\n@Component({\n  tag: 'road-segmented-button-bar',\n  styleUrl: 'segmented-button-bar.css',\n  shadow: true,\n})\nexport class ButtonBar {\n\n  @Element() el!: HTMLRoadSegmentedButtonBarElement;\n\n\n  /**\n   * The selected tab component\n   */\n  @Prop() selectedTab?: string;\n  @Watch('selectedTab')\n  selectedTabChanged() {\n    if (this.selectedTab !== undefined) {\n      this.roadsegmentedbuttonbarchanged.emit({\n        tab: this.selectedTab,\n      });\n      this.roadSegmentedButtonBarChanged.emit({\n        tab: this.selectedTab,\n      });\n    }\n  }\n\n  /** @internal */\n  @Event() roadsegmentedbuttonbarchanged!: EventEmitter;\n  /** @internal */\n  @Event() roadSegmentedButtonBarChanged!: EventEmitter;\n\n  componentWillLoad() {\n    this.selectedTabChanged();\n  }\n\n  render() {\n    return (\n      <Host\n        role=\"tablist\"\n      >\n        <slot/>\n      </Host>\n    );\n  }\n}"],"mappings":"mFAAA,MAAMA,EAAwB,sC,MCYjBC,EAAS,M,mLAUpB,kBAAAC,GACE,GAAIC,KAAKC,cAAgBC,UAAW,CAClCF,KAAKG,8BAA8BC,KAAK,CACtCC,IAAKL,KAAKC,cAEZD,KAAKM,8BAA8BF,KAAK,CACtCC,IAAKL,KAAKC,a,EAUhB,iBAAAM,GACEP,KAAKD,oB,CAGP,MAAAS,GACE,OACEC,EAACC,EACC,CAAAC,IAAA,2CAAAC,KAAK,WAELH,EAAO,QAAAE,IAAA,6C","ignoreList":[]}