npm - @roadtrip/components - Versions diffs - 3.17.0 → 3.19.0 - Mend

@roadtrip/components 3.17.0 → 3.19.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 (393) hide show

package/dist/collection/components/icon/svg/social-youtube-badge.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><~~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="#fff" d="M0 0h64v64H0z"/></clipPath></defs></~~svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><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"/></svg>

package/dist/collection/components/icon/svg/tire-ice-color.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><~~g clip-~~path~~="url(#a)"><path~~ d="M32 49.073a17.269 17.269 0 0 1-17.25-17.25A17.27 17.27 0 0 1 32 14.573v2.5a14.767 14.767 0 0 0-14.75 14.75A14.766 14.766 0 0 0 32 46.573a14.766 14.766 0 0 0 14.75-14.75h2.5A17.269 17.269 0 0 1 32 49.073Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m57.724 37.6-.647 2.415 2.343.628c.25-.791.461-1.6.643-2.417l-2.339-.626Zm-3.574 8.631 2.086 1.205c.448-.701.866-1.422 1.254-2.163l-2.09-1.207-1.25 2.165Zm-4.438 5.248 1.7 1.7a29.077 29.077 0 0 0 1.768-1.768l-1.7-1.7-1.768 1.768ZM44.067 55.4l1.207 2.091c.74-.387 1.46-.805 2.162-1.254l-1.2-2.087-2.169 1.25Zm-6.468 2.325.627 2.339a28.69 28.69 0 0 0 2.416-.643l-.628-2.343-2.415.647Zm-6.849 2.993c.415.018.831.032 1.25.032.419 0 .835-.014 1.25-.032V58.3h-2.5v2.418Zm-7.391-1.297c.79.25 1.6.461 2.416.643l.627-2.339-2.415-.647-.628 2.343Zm-6.795-3.185c.701.448 1.422.866 2.163 1.254l1.207-2.091-2.165-1.25-1.205 2.087Zm-5.746-4.821a28.862 28.862 0 0 0 1.767 1.768l1.7-1.7-1.768-1.768-1.699 1.7ZM6.51 45.273c.387.741.805 1.462 1.254 2.163l2.087-1.205-1.25-2.165-2.091 1.207ZM6.276 37.6l-2.339.626c.181.819.393 1.626.642 2.417l2.343-.628-.646-2.415Zm-.573-6.85H3.282c-.018.415-.032.831-.032 1.25 0 .419.014.835.032 1.25h2.421v-2.5Zm1.221-6.764-2.343-.628a28.81 28.81 0 0 0-.642 2.417l2.339.626.646-2.415Zm-.414-5.259 2.091 1.207 1.25-2.165-2.087-1.2a28.08 28.08 0 0 0-1.254 2.158Zm4.308-6.142 1.7 1.7 1.768-1.768-1.7-1.7a29.077 29.077 0 0 0-1.768 1.768Zm5.746-4.821 1.205 2.087 2.165-1.25-1.21-2.091c-.74.387-1.46.805-2.16 1.254Zm6.795-3.185.628 2.343 2.415-.647-.627-2.338c-.818.181-1.625.393-2.416.642Z"/><path d="M32 63.25A31.285 31.285 0 0 1 .75 32 31.286 31.286 0 0 1 32 .75v2.5A28.782 28.782 0 0 0 3.25 32 28.782 28.782 0 0 0 32 60.75 28.782 28.782 0 0 0 60.75 32h2.5A31.285 31.285 0 0 1 32 63.25Zm29.836-46.318-4.8-8.321-1.045 1.811-2.166-1.25 1.233-2.138a2.262 2.262 0 0 1 1.978-1.141 2.26 2.26 0 0 1 1.976 1.141l4.992 8.648-2.168 1.25Z"/><path d="M61.076 25.575h-9.463v-2.5h5.133L46.125 4.681a.25.25 0 0 0-.435 0L33.991 24.95l-2.17-1.25 11.7-20.269a2.721 2.721 0 0 1 2.383-1.376 2.723 2.723 0 0 1 2.387 1.376l12.785 22.144Z"/><path d="m49.256 15.52-2.824-4.12-3.359 5.9-1.974-4.663-1.566 2.713 3.21 7.581 3.885-6.821 2.793 4.075 2.85-4.857-1.438-2.49-1.577 2.682Z"/></~~g><defs><clipPath id="a"><path fill="#fff" d="M0 0h64v64H0z"/></clipPath></defs></~~svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M32 49.073a17.269 17.269 0 0 1-17.25-17.25A17.27 17.27 0 0 1 32 14.573v2.5a14.767 14.767 0 0 0-14.75 14.75A14.766 14.766 0 0 0 32 46.573a14.766 14.766 0 0 0 14.75-14.75h2.5A17.269 17.269 0 0 1 32 49.073Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m57.724 37.6-.647 2.415 2.343.628c.25-.791.461-1.6.643-2.417l-2.339-.626Zm-3.574 8.631 2.086 1.205c.448-.701.866-1.422 1.254-2.163l-2.09-1.207-1.25 2.165Zm-4.438 5.248 1.7 1.7a29.077 29.077 0 0 0 1.768-1.768l-1.7-1.7-1.768 1.768ZM44.067 55.4l1.207 2.091c.74-.387 1.46-.805 2.162-1.254l-1.2-2.087-2.169 1.25Zm-6.468 2.325.627 2.339a28.69 28.69 0 0 0 2.416-.643l-.628-2.343-2.415.647Zm-6.849 2.993c.415.018.831.032 1.25.032.419 0 .835-.014 1.25-.032V58.3h-2.5v2.418Zm-7.391-1.297c.79.25 1.6.461 2.416.643l.627-2.339-2.415-.647-.628 2.343Zm-6.795-3.185c.701.448 1.422.866 2.163 1.254l1.207-2.091-2.165-1.25-1.205 2.087Zm-5.746-4.821a28.862 28.862 0 0 0 1.767 1.768l1.7-1.7-1.768-1.768-1.699 1.7ZM6.51 45.273c.387.741.805 1.462 1.254 2.163l2.087-1.205-1.25-2.165-2.091 1.207ZM6.276 37.6l-2.339.626c.181.819.393 1.626.642 2.417l2.343-.628-.646-2.415Zm-.573-6.85H3.282c-.018.415-.032.831-.032 1.25 0 .419.014.835.032 1.25h2.421v-2.5Zm1.221-6.764-2.343-.628a28.81 28.81 0 0 0-.642 2.417l2.339.626.646-2.415Zm-.414-5.259 2.091 1.207 1.25-2.165-2.087-1.2a28.08 28.08 0 0 0-1.254 2.158Zm4.308-6.142 1.7 1.7 1.768-1.768-1.7-1.7a29.077 29.077 0 0 0-1.768 1.768Zm5.746-4.821 1.205 2.087 2.165-1.25-1.21-2.091c-.74.387-1.46.805-2.16 1.254Zm6.795-3.185.628 2.343 2.415-.647-.627-2.338c-.818.181-1.625.393-2.416.642Z"/><path d="M32 63.25A31.285 31.285 0 0 1 .75 32 31.286 31.286 0 0 1 32 .75v2.5A28.782 28.782 0 0 0 3.25 32 28.782 28.782 0 0 0 32 60.75 28.782 28.782 0 0 0 60.75 32h2.5A31.285 31.285 0 0 1 32 63.25Zm29.836-46.318-4.8-8.321-1.045 1.811-2.166-1.25 1.233-2.138a2.262 2.262 0 0 1 1.978-1.141 2.26 2.26 0 0 1 1.976 1.141l4.992 8.648-2.168 1.25Z"/><path d="M61.076 25.575h-9.463v-2.5h5.133L46.125 4.681a.25.25 0 0 0-.435 0L33.991 24.95l-2.17-1.25 11.7-20.269a2.721 2.721 0 0 1 2.383-1.376 2.723 2.723 0 0 1 2.387 1.376l12.785 22.144Z"/><path d="m49.256 15.52-2.824-4.12-3.359 5.9-1.974-4.663-1.566 2.713 3.21 7.581 3.885-6.821 2.793 4.075 2.85-4.857-1.438-2.49-1.577 2.682Z"/></svg>

package/dist/collection/components/icon/svg/tire-ice-outline.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><~~g clip-~~path~~="url(#a)"><path~~ d="M32 49.073a17.269 17.269 0 0 1-17.25-17.25A17.27 17.27 0 0 1 32 14.573v2.5a14.767 14.767 0 0 0-14.75 14.75A14.766 14.766 0 0 0 32 46.573a14.766 14.766 0 0 0 14.75-14.75h2.5A17.269 17.269 0 0 1 32 49.073ZM57.724 37.6l-.647 2.415 2.343.628c.25-.791.461-1.6.643-2.417l-2.339-.626Zm-3.574 8.631 2.086 1.205c.448-.701.866-1.422 1.254-2.163l-2.09-1.207-1.25 2.165Zm-4.438 5.248 1.7 1.7a29.077 29.077 0 0 0 1.768-1.768l-1.7-1.7-1.768 1.768ZM44.067 55.4l1.207 2.091c.74-.387 1.46-.805 2.162-1.254l-1.2-2.087-2.169 1.25Zm-6.468 2.325.627 2.339a28.69 28.69 0 0 0 2.416-.643l-.628-2.343-2.415.647Zm-6.849 2.993c.415.018.831.032 1.25.032.419 0 .835-.014 1.25-.032V58.3h-2.5v2.418Zm-7.391-1.297c.79.25 1.6.461 2.416.643l.627-2.339-2.415-.647-.628 2.343Zm-6.795-3.185c.701.448 1.422.866 2.163 1.254l1.207-2.091-2.165-1.25-1.205 2.087Zm-5.746-4.821a28.862 28.862 0 0 0 1.767 1.768l1.7-1.7-1.768-1.768-1.699 1.7ZM6.51 45.273c.387.741.805 1.462 1.254 2.163l2.087-1.205-1.25-2.165-2.091 1.207ZM6.276 37.6l-2.339.626c.181.819.393 1.626.642 2.417l2.343-.628-.646-2.415Zm-.573-6.85H3.282c-.018.415-.032.831-.032 1.25 0 .419.014.835.032 1.25h2.421v-2.5Zm1.221-6.764-2.343-.628a28.81 28.81 0 0 0-.642 2.417l2.339.626.646-2.415Zm-.414-5.259 2.091 1.207 1.25-2.165-2.087-1.2a28.08 28.08 0 0 0-1.254 2.158Zm4.308-6.142 1.7 1.7 1.768-1.768-1.7-1.7a29.077 29.077 0 0 0-1.768 1.768Zm5.746-4.821 1.205 2.087 2.165-1.25-1.21-2.091c-.74.387-1.46.805-2.16 1.254Zm6.795-3.185.628 2.343 2.415-.647-.627-2.338c-.818.181-1.625.393-2.416.642Z"/><path d="M32 63.25A31.285 31.285 0 0 1 .75 32 31.286 31.286 0 0 1 32 .75v2.5A28.782 28.782 0 0 0 3.25 32 28.782 28.782 0 0 0 32 60.75 28.782 28.782 0 0 0 60.75 32h2.5A31.285 31.285 0 0 1 32 63.25Zm29.836-46.318-4.8-8.321-1.045 1.811-2.166-1.25 1.233-2.138a2.262 2.262 0 0 1 1.978-1.141 2.26 2.26 0 0 1 1.976 1.141l4.992 8.648-2.168 1.25Z"/><path d="M61.076 25.575h-9.463v-2.5h5.133L46.125 4.681a.25.25 0 0 0-.435 0L33.991 24.95l-2.17-1.25 11.7-20.269a2.721 2.721 0 0 1 2.383-1.376 2.723 2.723 0 0 1 2.387 1.376l12.785 22.144Z"/><path d="m49.256 15.52-2.824-4.12-3.359 5.9-1.974-4.663-1.566 2.713 3.21 7.581 3.885-6.821 2.793 4.075 2.85-4.857-1.438-2.49-1.577 2.682Z"/></~~g><defs><clipPath id="a"><path fill="#fff" d="M0 0h64v64H0z"/></clipPath></defs></~~svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M32 49.073a17.269 17.269 0 0 1-17.25-17.25A17.27 17.27 0 0 1 32 14.573v2.5a14.767 14.767 0 0 0-14.75 14.75A14.766 14.766 0 0 0 32 46.573a14.766 14.766 0 0 0 14.75-14.75h2.5A17.269 17.269 0 0 1 32 49.073ZM57.724 37.6l-.647 2.415 2.343.628c.25-.791.461-1.6.643-2.417l-2.339-.626Zm-3.574 8.631 2.086 1.205c.448-.701.866-1.422 1.254-2.163l-2.09-1.207-1.25 2.165Zm-4.438 5.248 1.7 1.7a29.077 29.077 0 0 0 1.768-1.768l-1.7-1.7-1.768 1.768ZM44.067 55.4l1.207 2.091c.74-.387 1.46-.805 2.162-1.254l-1.2-2.087-2.169 1.25Zm-6.468 2.325.627 2.339a28.69 28.69 0 0 0 2.416-.643l-.628-2.343-2.415.647Zm-6.849 2.993c.415.018.831.032 1.25.032.419 0 .835-.014 1.25-.032V58.3h-2.5v2.418Zm-7.391-1.297c.79.25 1.6.461 2.416.643l.627-2.339-2.415-.647-.628 2.343Zm-6.795-3.185c.701.448 1.422.866 2.163 1.254l1.207-2.091-2.165-1.25-1.205 2.087Zm-5.746-4.821a28.862 28.862 0 0 0 1.767 1.768l1.7-1.7-1.768-1.768-1.699 1.7ZM6.51 45.273c.387.741.805 1.462 1.254 2.163l2.087-1.205-1.25-2.165-2.091 1.207ZM6.276 37.6l-2.339.626c.181.819.393 1.626.642 2.417l2.343-.628-.646-2.415Zm-.573-6.85H3.282c-.018.415-.032.831-.032 1.25 0 .419.014.835.032 1.25h2.421v-2.5Zm1.221-6.764-2.343-.628a28.81 28.81 0 0 0-.642 2.417l2.339.626.646-2.415Zm-.414-5.259 2.091 1.207 1.25-2.165-2.087-1.2a28.08 28.08 0 0 0-1.254 2.158Zm4.308-6.142 1.7 1.7 1.768-1.768-1.7-1.7a29.077 29.077 0 0 0-1.768 1.768Zm5.746-4.821 1.205 2.087 2.165-1.25-1.21-2.091c-.74.387-1.46.805-2.16 1.254Zm6.795-3.185.628 2.343 2.415-.647-.627-2.338c-.818.181-1.625.393-2.416.642Z"/><path d="M32 63.25A31.285 31.285 0 0 1 .75 32 31.286 31.286 0 0 1 32 .75v2.5A28.782 28.782 0 0 0 3.25 32 28.782 28.782 0 0 0 32 60.75 28.782 28.782 0 0 0 60.75 32h2.5A31.285 31.285 0 0 1 32 63.25Zm29.836-46.318-4.8-8.321-1.045 1.811-2.166-1.25 1.233-2.138a2.262 2.262 0 0 1 1.978-1.141 2.26 2.26 0 0 1 1.976 1.141l4.992 8.648-2.168 1.25Z"/><path d="M61.076 25.575h-9.463v-2.5h5.133L46.125 4.681a.25.25 0 0 0-.435 0L33.991 24.95l-2.17-1.25 11.7-20.269a2.721 2.721 0 0 1 2.383-1.376 2.723 2.723 0 0 1 2.387 1.376l12.785 22.144Z"/><path d="m49.256 15.52-2.824-4.12-3.359 5.9-1.974-4.663-1.566 2.713 3.21 7.581 3.885-6.821 2.793 4.075 2.85-4.857-1.438-2.49-1.577 2.682Z"/></svg>

package/dist/collection/components/icon/svg/tire-ice-solid.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><~~g clip-~~path~~="url(#a)"><path~~ d="m61.836 16.932-4.8-8.321-1.045 1.811-2.166-1.25 1.233-2.138a2.261 2.261 0 0 1 1.978-1.141 2.261 2.261 0 0 1 1.976 1.141l4.992 8.648-2.168 1.25Zm-.76 8.643h-9.463v-2.5h5.133L46.125 4.681a.25.25 0 0 0-.435 0L33.991 24.95l-2.17-1.25 11.7-20.269a2.722 2.722 0 0 1 2.383-1.376 2.723 2.723 0 0 1 2.387 1.376l12.785 22.144Z"/><path d="m49.256 15.52-2.824-4.12-3.359 5.9-1.974-4.663-1.566 2.713 3.21 7.581 3.885-6.821 2.793 4.075 2.85-4.857-1.438-2.49-1.577 2.682Z"/><path d="M32 14.289A17.731 17.731 0 0 0 14.289 32 17.731 17.731 0 0 0 32 49.711 17.731 17.731 0 0 0 49.711 32H63.25A31.285 31.285 0 0 1 32 63.25 31.286 31.286 0 0 1 .75 32 31.285 31.285 0 0 1 32 .75v13.539Z"/><path d="M44.953 31.988A12.968 12.968 0 0 1 32 44.941a12.967 12.967 0 0 1-12.952-12.953A12.967 12.967 0 0 1 32 19.035v-2.5a15.47 15.47 0 0 0-15.452 15.453A15.47 15.47 0 0 0 32 47.441a15.472 15.472 0 0 0 15.453-15.453h-2.5Z"/></~~g><defs><clipPath id="a"><path fill="#fff" d="M0 0h64v64H0z"/></clipPath></defs></~~svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="m61.836 16.932-4.8-8.321-1.045 1.811-2.166-1.25 1.233-2.138a2.261 2.261 0 0 1 1.978-1.141 2.261 2.261 0 0 1 1.976 1.141l4.992 8.648-2.168 1.25Zm-.76 8.643h-9.463v-2.5h5.133L46.125 4.681a.25.25 0 0 0-.435 0L33.991 24.95l-2.17-1.25 11.7-20.269a2.722 2.722 0 0 1 2.383-1.376 2.723 2.723 0 0 1 2.387 1.376l12.785 22.144Z"/><path d="m49.256 15.52-2.824-4.12-3.359 5.9-1.974-4.663-1.566 2.713 3.21 7.581 3.885-6.821 2.793 4.075 2.85-4.857-1.438-2.49-1.577 2.682Z"/><path d="M32 14.289A17.731 17.731 0 0 0 14.289 32 17.731 17.731 0 0 0 32 49.711 17.731 17.731 0 0 0 49.711 32H63.25A31.285 31.285 0 0 1 32 63.25 31.286 31.286 0 0 1 .75 32 31.285 31.285 0 0 1 32 .75v13.539Z"/><path d="M44.953 31.988A12.968 12.968 0 0 1 32 44.941a12.967 12.967 0 0 1-12.952-12.953A12.967 12.967 0 0 1 32 19.035v-2.5a15.47 15.47 0 0 0-15.452 15.453A15.47 15.47 0 0 0 32 47.441a15.472 15.472 0 0 0 15.453-15.453h-2.5Z"/></svg>

package/dist/collection/components/icon/svg/vehicle-car-unselected-color.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><~~g clip-~~path~~="url(#a)"><path~~ d="M16.146 43.607a5.25 5.25 0 1 1 5.254-5.255 5.256 5.256 0 0 1-5.254 5.255Zm0-8a2.75 2.75 0 1 0 .008 5.502 2.75 2.75 0 0 0-.008-5.502Zm28.108 7.939a5.25 5.25 0 1 1 5.25-5.25 5.257 5.257 0 0 1-5.25 5.25Zm0-8a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Z"/><path d="m7.991 27.319 4.526-13.474a1.613 1.613 0 0 1 1.531-1.1h27.206v-2.5H14.048a4.109 4.109 0 0 0-3.9 2.807L5.355 27.319H2.907a1.25 1.25 0 0 0 0 2.5H5v21.388a4.055 4.055 0 1 0 8.11 0v-2.108h34.177v2.108a4.055 4.055 0 0 0 8.109 0V29.819h2.1a1.25 1.25 0 0 0 0-2.5H7.991Zm2.622 23.888a1.555 1.555 0 1 1-3.11 0v-2.108h3.11v2.108Zm42.283 0a1.555 1.555 0 0 1-3.109 0v-2.108H52.9l-.004 2.108Zm0-4.608H7.5v-16.78h45.4l-.004 16.78Z"/><path d="m60.589 18.481-5.48-5.48L60.59 7.52l-1.768-1.768-5.481 5.481-5.48-5.48-1.768 1.768 5.48 5.48-5.48 5.48 1.768 1.768 5.48-5.48 5.48 5.48 1.768-1.768Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></~~g><defs><clipPath id="a"><path fill="#fff" d="M0 0h64v64H0z"/></clipPath></defs></~~svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M16.146 43.607a5.25 5.25 0 1 1 5.254-5.255 5.256 5.256 0 0 1-5.254 5.255Zm0-8a2.75 2.75 0 1 0 .008 5.502 2.75 2.75 0 0 0-.008-5.502Zm28.108 7.939a5.25 5.25 0 1 1 5.25-5.25 5.257 5.257 0 0 1-5.25 5.25Zm0-8a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Z"/><path d="m7.991 27.319 4.526-13.474a1.613 1.613 0 0 1 1.531-1.1h27.206v-2.5H14.048a4.109 4.109 0 0 0-3.9 2.807L5.355 27.319H2.907a1.25 1.25 0 0 0 0 2.5H5v21.388a4.055 4.055 0 1 0 8.11 0v-2.108h34.177v2.108a4.055 4.055 0 0 0 8.109 0V29.819h2.1a1.25 1.25 0 0 0 0-2.5H7.991Zm2.622 23.888a1.555 1.555 0 1 1-3.11 0v-2.108h3.11v2.108Zm42.283 0a1.555 1.555 0 0 1-3.109 0v-2.108H52.9l-.004 2.108Zm0-4.608H7.5v-16.78h45.4l-.004 16.78Z"/><path d="m60.589 18.481-5.48-5.48L60.59 7.52l-1.768-1.768-5.481 5.481-5.48-5.48-1.768 1.768 5.48 5.48-5.48 5.48 1.768 1.768 5.48-5.48 5.48 5.48 1.768-1.768Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/vehicle-car-unselected-outline.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><~~g clip-~~path~~="url(#a)"><path~~ d="M16.146 43.607a5.25 5.25 0 1 1 5.254-5.255 5.256 5.256 0 0 1-5.254 5.255Zm0-8a2.75 2.75 0 1 0 .008 5.502 2.75 2.75 0 0 0-.008-5.502Zm28.108 7.939a5.25 5.25 0 1 1 5.25-5.25 5.257 5.257 0 0 1-5.25 5.25Zm0-8a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Z"/><path d="m7.991 27.319 4.526-13.474a1.613 1.613 0 0 1 1.531-1.1h27.206v-2.5H14.048a4.109 4.109 0 0 0-3.9 2.807L5.355 27.319H2.907a1.25 1.25 0 0 0 0 2.5H5v21.388a4.055 4.055 0 1 0 8.11 0v-2.108h34.177v2.108a4.055 4.055 0 0 0 8.109 0V29.819h2.1a1.25 1.25 0 0 0 0-2.5H7.991Zm2.622 23.888a1.555 1.555 0 1 1-3.11 0v-2.108h3.11v2.108Zm42.283 0a1.555 1.555 0 0 1-3.109 0v-2.108H52.9l-.004 2.108Zm0-4.608H7.5v-16.78h45.4l-.004 16.78Z"/><path d="m60.589 18.481-5.48-5.48L60.59 7.52l-1.768-1.768-5.481 5.481-5.48-5.48-1.768 1.768 5.48 5.48-5.48 5.48 1.768 1.768 5.48-5.48 5.48 5.48 1.768-1.768Z"/></~~g><defs><clipPath id="a"><path fill="#fff" d="M0 0h64v64H0z"/></clipPath></defs></~~svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M16.146 43.607a5.25 5.25 0 1 1 5.254-5.255 5.256 5.256 0 0 1-5.254 5.255Zm0-8a2.75 2.75 0 1 0 .008 5.502 2.75 2.75 0 0 0-.008-5.502Zm28.108 7.939a5.25 5.25 0 1 1 5.25-5.25 5.257 5.257 0 0 1-5.25 5.25Zm0-8a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Z"/><path d="m7.991 27.319 4.526-13.474a1.613 1.613 0 0 1 1.531-1.1h27.206v-2.5H14.048a4.109 4.109 0 0 0-3.9 2.807L5.355 27.319H2.907a1.25 1.25 0 0 0 0 2.5H5v21.388a4.055 4.055 0 1 0 8.11 0v-2.108h34.177v2.108a4.055 4.055 0 0 0 8.109 0V29.819h2.1a1.25 1.25 0 0 0 0-2.5H7.991Zm2.622 23.888a1.555 1.555 0 1 1-3.11 0v-2.108h3.11v2.108Zm42.283 0a1.555 1.555 0 0 1-3.109 0v-2.108H52.9l-.004 2.108Zm0-4.608H7.5v-16.78h45.4l-.004 16.78Z"/><path d="m60.589 18.481-5.48-5.48L60.59 7.52l-1.768-1.768-5.481 5.481-5.48-5.48-1.768 1.768 5.48 5.48-5.48 5.48 1.768 1.768 5.48-5.48 5.48 5.48 1.768-1.768Z"/></svg>

package/dist/collection/components/icon/svg/wrench-twin-color.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><~~g clip-~~path~~="url(#a)"><path~~ d="M12.03 63.13C5.72 63.13.59 58 .59 51.69s5.13-11.44 11.44-11.44c.86 0 1.72.1 2.56.29l23.28-23.28c-1.56-4.76-.31-9.93 3.23-13.47C44.25.64 48.73-.72 53.1.14c.89.18 1.61.83 1.87 1.7.27.87.03 1.81-.61 2.46l-5.52 5.52 5.12 5.06 5.46-5.52c.64-.64 1.58-.88 2.46-.61.87.26 1.52.98 1.7 1.87.86 4.37-.5 8.86-3.64 12a13.28 13.28 0 0 1-13.49 3.26L23.18 49.14c.19.83.29 1.69.29 2.56 0 6.31-5.13 11.44-11.44 11.44v-.01Zm0-20.38c-4.93 0-8.94 4.01-8.94 8.94s4.01 8.94 8.94 8.94 8.94-4.01 8.94-8.94c0-.88-.13-1.74-.38-2.57l-.21-.72L44.7 24.08c.65-.65 1.61-.88 2.52-.59 3.88 1.25 8.08.23 10.96-2.65 2.55-2.55 3.66-6.2 2.96-9.75l-5.46 5.54c-.93.93-2.55.93-3.47 0l-5.12-5.12a2.45 2.45 0 0 1-.72-1.74c0-.66.26-1.27.72-1.74l5.52-5.52c-3.53-.64-7.17.47-9.73 3.02-2.88 2.88-3.89 7.07-2.65 10.96.29.9.06 1.87-.59 2.52L15.32 43.34l-.71-.21a8.95 8.95 0 0 0-2.58-.38Z"/><path d="m10.29 58.18-4.75-4.75 1.74-6.49 6.49-1.74 4.75 4.75-1.74 6.49-6.49 1.74Zm-1.96-5.5 2.71 2.71 3.7-.99.99-3.7-2.71-2.71-3.7.99-.99 3.7Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></~~g><defs><clipPath id="a"><path fill="#fff" d="M0 0h64v64H0z"/></clipPath></defs></~~svg>
1	+ <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M12.03 63.13C5.72 63.13.59 58 .59 51.69s5.13-11.44 11.44-11.44c.86 0 1.72.1 2.56.29l23.28-23.28c-1.56-4.76-.31-9.93 3.23-13.47C44.25.64 48.73-.72 53.1.14c.89.18 1.61.83 1.87 1.7.27.87.03 1.81-.61 2.46l-5.52 5.52 5.12 5.06 5.46-5.52c.64-.64 1.58-.88 2.46-.61.87.26 1.52.98 1.7 1.87.86 4.37-.5 8.86-3.64 12a13.28 13.28 0 0 1-13.49 3.26L23.18 49.14c.19.83.29 1.69.29 2.56 0 6.31-5.13 11.44-11.44 11.44v-.01Zm0-20.38c-4.93 0-8.94 4.01-8.94 8.94s4.01 8.94 8.94 8.94 8.94-4.01 8.94-8.94c0-.88-.13-1.74-.38-2.57l-.21-.72L44.7 24.08c.65-.65 1.61-.88 2.52-.59 3.88 1.25 8.08.23 10.96-2.65 2.55-2.55 3.66-6.2 2.96-9.75l-5.46 5.54c-.93.93-2.55.93-3.47 0l-5.12-5.12a2.45 2.45 0 0 1-.72-1.74c0-.66.26-1.27.72-1.74l5.52-5.52c-3.53-.64-7.17.47-9.73 3.02-2.88 2.88-3.89 7.07-2.65 10.96.29.9.06 1.87-.59 2.52L15.32 43.34l-.71-.21a8.95 8.95 0 0 0-2.58-.38Z"/><path d="m10.29 58.18-4.75-4.75 1.74-6.49 6.49-1.74 4.75 4.75-1.74 6.49-6.49 1.74Zm-1.96-5.5 2.71 2.71 3.7-.99.99-3.7-2.71-2.71-3.7.99-.99 3.7Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/wrench-twin-outline.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><~~g clip-~~path~~="url(#a)"><path~~ d="M12.03 63.13C5.72 63.13.59 58 .59 51.69s5.13-11.44 11.44-11.44c.86 0 1.72.1 2.56.29l23.28-23.28c-1.56-4.76-.31-9.93 3.23-13.47C44.25.64 48.73-.72 53.1.14c.89.18 1.61.83 1.87 1.7.27.87.03 1.81-.61 2.46l-5.52 5.52 5.12 5.06 5.46-5.52c.64-.64 1.58-.88 2.46-.61.87.26 1.52.98 1.7 1.87.86 4.37-.5 8.86-3.64 12a13.28 13.28 0 0 1-13.49 3.26L23.18 49.14c.19.83.29 1.69.29 2.56 0 6.31-5.13 11.44-11.44 11.44v-.01Zm0-20.38c-4.93 0-8.94 4.01-8.94 8.94s4.01 8.94 8.94 8.94 8.94-4.01 8.94-8.94c0-.88-.13-1.74-.38-2.57l-.21-.72L44.7 24.08c.65-.65 1.61-.88 2.52-.59 3.88 1.25 8.08.23 10.96-2.65 2.55-2.55 3.66-6.2 2.96-9.75l-5.46 5.54c-.93.93-2.55.93-3.47 0l-5.12-5.12a2.45 2.45 0 0 1-.72-1.74c0-.66.26-1.27.72-1.74l5.52-5.52c-3.53-.64-7.17.47-9.73 3.02-2.88 2.88-3.89 7.07-2.65 10.96.29.9.06 1.87-.59 2.52L15.32 43.34l-.71-.21a8.95 8.95 0 0 0-2.58-.38Z"/><path d="m10.29 58.18-4.75-4.75 1.74-6.49 6.49-1.74 4.75 4.75-1.74 6.49-6.49 1.74Zm-1.96-5.5 2.71 2.71 3.7-.99.99-3.7-2.71-2.71-3.7.99-.99 3.7Z"/></~~g><defs><clipPath id="a"><path fill="#fff" d="M0 0h64v64H0z"/></clipPath></defs></~~svg>
1	+ <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M12.03 63.13C5.72 63.13.59 58 .59 51.69s5.13-11.44 11.44-11.44c.86 0 1.72.1 2.56.29l23.28-23.28c-1.56-4.76-.31-9.93 3.23-13.47C44.25.64 48.73-.72 53.1.14c.89.18 1.61.83 1.87 1.7.27.87.03 1.81-.61 2.46l-5.52 5.52 5.12 5.06 5.46-5.52c.64-.64 1.58-.88 2.46-.61.87.26 1.52.98 1.7 1.87.86 4.37-.5 8.86-3.64 12a13.28 13.28 0 0 1-13.49 3.26L23.18 49.14c.19.83.29 1.69.29 2.56 0 6.31-5.13 11.44-11.44 11.44v-.01Zm0-20.38c-4.93 0-8.94 4.01-8.94 8.94s4.01 8.94 8.94 8.94 8.94-4.01 8.94-8.94c0-.88-.13-1.74-.38-2.57l-.21-.72L44.7 24.08c.65-.65 1.61-.88 2.52-.59 3.88 1.25 8.08.23 10.96-2.65 2.55-2.55 3.66-6.2 2.96-9.75l-5.46 5.54c-.93.93-2.55.93-3.47 0l-5.12-5.12a2.45 2.45 0 0 1-.72-1.74c0-.66.26-1.27.72-1.74l5.52-5.52c-3.53-.64-7.17.47-9.73 3.02-2.88 2.88-3.89 7.07-2.65 10.96.29.9.06 1.87-.59 2.52L15.32 43.34l-.71-.21a8.95 8.95 0 0 0-2.58-.38Z"/><path d="m10.29 58.18-4.75-4.75 1.74-6.49 6.49-1.74 4.75 4.75-1.74 6.49-6.49 1.74Zm-1.96-5.5 2.71 2.71 3.7-.99.99-3.7-2.71-2.71-3.7.99-.99 3.7Z"/></svg>

package/dist/collection/components/icon/svg/wrench-twin-solid.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><~~g clip-~~path~~="url(#a)"><path~~ d="M63.6 10.6c-.2-.9-.8-1.6-1.7-1.9-.9-.3-1.8 0-2.5.6L54 14.9l-5.1-5.1 5.5-5.5c.6-.6.8-1.6.6-2.5-.3-.9-1-1.5-1.9-1.7-4.4-.9-8.8.5-12 3.6-3.5 3.5-4.8 8.7-3.2 13.5L14.6 40.5c-.8-.2-1.7-.3-2.6-.3C5.7 40.2.6 45.3.6 51.6c0 6.3 5.1 11.5 11.4 11.5 6.3 0 11.4-5.1 11.4-11.4 0-.9-.1-1.7-.3-2.6l23.3-23.3c4.8 1.5 10 .3 13.5-3.3 3.2-3 4.5-7.5 3.7-11.9ZM16.4 56.1l-6 1.6L6 53.3l1.6-6 6-1.6 4.4 4.4-1.6 6Z"/></~~g><defs><clipPath id="a"><path fill="#fff" d="M0 0h64v64H0z"/></clipPath></defs></~~svg>
1	+ <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M63.6 10.6c-.2-.9-.8-1.6-1.7-1.9-.9-.3-1.8 0-2.5.6L54 14.9l-5.1-5.1 5.5-5.5c.6-.6.8-1.6.6-2.5-.3-.9-1-1.5-1.9-1.7-4.4-.9-8.8.5-12 3.6-3.5 3.5-4.8 8.7-3.2 13.5L14.6 40.5c-.8-.2-1.7-.3-2.6-.3C5.7 40.2.6 45.3.6 51.6c0 6.3 5.1 11.5 11.4 11.5 6.3 0 11.4-5.1 11.4-11.4 0-.9-.1-1.7-.3-2.6l23.3-23.3c4.8 1.5 10 .3 13.5-3.3 3.2-3 4.5-7.5 3.7-11.9ZM16.4 56.1l-6 1.6L6 53.3l1.6-6 6-1.6 4.4 4.4-1.6 6Z"/></svg>

package/dist/collection/components/illustration/illustration.js CHANGED Viewed

@@ -70,7 +70,7 @@ export class Illustration {
   render() {
     const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
     const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
-    return (h(Host, { class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true" }, ((this.illustrationSvgContent !== '')
+    return (h(Host, { class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
       ? h("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
       : h("div", { class: "icon-inner" }))));
   }

package/dist/collection/components/illustration/illustration.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"illustration.js","sourceRoot":"","sources":["../../../src/components/illustration/illustration.tsx"],"names":[],"mappings":"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~~IAC3D~~,CACC,CAAC,IAAI,CAAC,sBAAsB,KAAK,EAAE,CAAC;MAClC,CAAC,CAAC,WAAK,KAAK,EAAC,YAAY,EAAC,SAAS,EAAE,IAAI,CAAC,sBAAsB,GAAQ;MACxE,CAAC,CAAC,WAAK,KAAK,EAAC,YAAY,GAAO,CACnC,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Build, Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { getIllustrationSvgContent, roadillustrationContent } from './request';\nimport { getName, getUrl } from './utils';\n\n@Component({\n tag: 'road-illustration',\n assetsDirs: ['svg'],\n styleUrl: 'illustration.css',\n shadow: true,\n})\nexport class Illustration {\n private io?: IntersectionObserver;\n\n @Element() el!: HTMLRoadIllustrationElement;\n\n @State() private illustrationSvgContent?: string;\n\n @State() private isVisible = false;\n\n\n\n /*\n Specifies the label to use for accessibility. Defaults to the illustration name.\n /\n @Prop({ mutable: true, reflect: true }) ariaLabel?: string;\n\n /\n Set the illustration to hidden, respectively `true`, to remove it from the accessibility tree.\n /\n @Prop({ reflect: true }) ariaHidden?: string;\n\n /\n Specifies which illustration to use from the built-in set of illustrations.\n /\n @Prop() name?: string;\n\n /\n Specifies the exact `src` of an SVG file to use.\n /\n @Prop() src?: string;\n\n /\n A combination of both `name` and `src`. If a `src` url is detected\n * it will set the `src` property. Otherwise it assumes it's a built-in named\n * SVG and set the `name` property.\n /\n @Prop() illustration?: any;\n\n /\n The size of the illustration.\n * Available options are: `\"sm\"`, `\"md\"`, `\"lg\"`, `\"2x\"`.\n /\n @Prop() size?: 'sm' \| 'md' \| 'lg' \| '2x' = \"2x\";\n\n /\n The rotation of the illustration.\n * Available options are: `\"90\"`, `\"180\"`, `\"270\"`.\n /\n @Prop() rotate?: '90' \| '180' \| '270';\n\n /\n If enabled, road-illustration will be loaded lazily when it's visible in the viewport.\n * Default, `false`.\n /\n @Prop() lazy: boolean = false;\n\n /\n When set to `false`, SVG content that is HTTP fetched will not be checked\n * if the response SVG content has any `<script>` elements, or any attributes\n * that start with `on`, such as `onclick`.\n */\n @Prop() sanitize = true;\n\n componentWillLoad() {\n\n this.waitUntilVisible(this.el, '50px', () => {\n this.isVisible = true;\n this.loadIllustration();\n });\n }\n\n disconnectedCallback() {\n if (this.io) {\n this.io.disconnect();\n this.io = undefined;\n }\n }\n\n private waitUntilVisible(el: HTMLRoadIllustrationElement, rootMargin: string, cb: () => void) {\n if (this.lazy && (window as any).IntersectionObserver) {\n const io = this.io = new (window as any).IntersectionObserver((data: IntersectionObserverEntry[]) => {\n if (data[0].isIntersecting) {\n io.disconnect();\n this.io = undefined;\n cb();\n }\n }, { rootMargin });\n\n io.observe(el);\n\n } else {\n // browser doesn't support IntersectionObserver\n // so just fallback to always show it\n cb();\n }\n }\n\n @Watch('name')\n @Watch('src')\n @Watch('illustration')\n loadIllustration() {\n if (Build.isBrowser && this.isVisible) {\n const url = getUrl(this);\n if (url) {\n if (roadillustrationContent.has(url)) {\n // sync if it's already loaded\n this.illustrationSvgContent = roadillustrationContent.get(url);\n } else {\n // async if it hasn't been loaded\n getIllustrationSvgContent(url, this.sanitize).then(() => (this.illustrationSvgContent = roadillustrationContent.get(url)));\n }\n }\n }\n\n if (!this.ariaLabel && this.ariaHidden !== 'true') {\n const label = getName(this.name, this.illustration);\n // user did not provide a label\n // come up with the label based on the icon name\n if (label) {\n this.ariaLabel = label.replace(/-/g, ' ');\n }\n }\n }\n\n render() {\n const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';\n const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';\n\n return (\n <Host class={`${sizeClass} ${rotateClass}`} aria-hidden=\"true\">\n {(\n (this.illustrationSvgContent !== '')\n ? <div class=\"icon-inner\" innerHTML={this.illustrationSvgContent}></div>\n : <div class=\"icon-inner\"></div>\n )}\n </Host>\n );\n }\n}"]}
1	+ {"version":3,"file":"illustration.js","sourceRoot":"","sources":["../../../src/components/illustration/illustration.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Build, Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { getIllustrationSvgContent, roadillustrationContent } from './request';\nimport { getName, getUrl } from './utils';\n\n@Component({\n tag: 'road-illustration',\n assetsDirs: ['svg'],\n styleUrl: 'illustration.css',\n shadow: true,\n})\nexport class Illustration {\n private io?: IntersectionObserver;\n\n @Element() el!: HTMLRoadIllustrationElement;\n\n @State() private illustrationSvgContent?: string;\n\n @State() private isVisible = false;\n\n\n\n /*\n Specifies the label to use for accessibility. Defaults to the illustration name.\n /\n @Prop({ mutable: true, reflect: true }) ariaLabel?: string;\n\n /\n Set the illustration to hidden, respectively `true`, to remove it from the accessibility tree.\n /\n @Prop({ reflect: true }) ariaHidden?: string;\n\n /\n Specifies which illustration to use from the built-in set of illustrations.\n /\n @Prop() name?: string;\n\n /\n Specifies the exact `src` of an SVG file to use.\n /\n @Prop() src?: string;\n\n /\n A combination of both `name` and `src`. If a `src` url is detected\n * it will set the `src` property. Otherwise it assumes it's a built-in named\n * SVG and set the `name` property.\n /\n @Prop() illustration?: any;\n\n /\n The size of the illustration.\n * Available options are: `\"sm\"`, `\"md\"`, `\"lg\"`, `\"2x\"`.\n /\n @Prop() size?: 'sm' \| 'md' \| 'lg' \| '2x' = \"2x\";\n\n /\n The rotation of the illustration.\n * Available options are: `\"90\"`, `\"180\"`, `\"270\"`.\n /\n @Prop() rotate?: '90' \| '180' \| '270';\n\n /\n If enabled, road-illustration will be loaded lazily when it's visible in the viewport.\n * Default, `false`.\n /\n @Prop() lazy: boolean = false;\n\n /\n When set to `false`, SVG content that is HTTP fetched will not be checked\n * if the response SVG content has any `<script>` elements, or any attributes\n * that start with `on`, such as `onclick`.\n */\n @Prop() sanitize = true;\n\n componentWillLoad() {\n\n this.waitUntilVisible(this.el, '50px', () => {\n this.isVisible = true;\n this.loadIllustration();\n });\n }\n\n disconnectedCallback() {\n if (this.io) {\n this.io.disconnect();\n this.io = undefined;\n }\n }\n\n private waitUntilVisible(el: HTMLRoadIllustrationElement, rootMargin: string, cb: () => void) {\n if (this.lazy && (window as any).IntersectionObserver) {\n const io = this.io = new (window as any).IntersectionObserver((data: IntersectionObserverEntry[]) => {\n if (data[0].isIntersecting) {\n io.disconnect();\n this.io = undefined;\n cb();\n }\n }, { rootMargin });\n\n io.observe(el);\n\n } else {\n // browser doesn't support IntersectionObserver\n // so just fallback to always show it\n cb();\n }\n }\n\n @Watch('name')\n @Watch('src')\n @Watch('illustration')\n loadIllustration() {\n if (Build.isBrowser && this.isVisible) {\n const url = getUrl(this);\n if (url) {\n if (roadillustrationContent.has(url)) {\n // sync if it's already loaded\n this.illustrationSvgContent = roadillustrationContent.get(url);\n } else {\n // async if it hasn't been loaded\n getIllustrationSvgContent(url, this.sanitize).then(() => (this.illustrationSvgContent = roadillustrationContent.get(url)));\n }\n }\n }\n\n if (!this.ariaLabel && this.ariaHidden !== 'true') {\n const label = getName(this.name, this.illustration);\n // user did not provide a label\n // come up with the label based on the icon name\n if (label) {\n this.ariaLabel = label.replace(/-/g, ' ');\n }\n }\n }\n\n render() {\n const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';\n const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';\n\n return (\n <Host class={`${sizeClass} ${rotateClass}`} aria-hidden=\"true\" role=\"img\">\n {(\n (this.illustrationSvgContent !== '')\n ? <div class=\"icon-inner\" innerHTML={this.illustrationSvgContent}></div>\n : <div class=\"icon-inner\"></div>\n )}\n </Host>\n );\n }\n}"]}

package/dist/collection/components/input/input.css CHANGED Viewed

@@ -149,7 +149,7 @@
   display: block;
   font-size: var(--road-body-medium);
   line-height: 1.5;
-  color: var(--road-on-surface-extra-weak);
+  color: var(--road-on-surface-weak);
   pointer-events: none;
   transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
   transform-origin: 0 0;
@@ -216,6 +216,12 @@
   color: var(--road-on-danger-surface);
 }
+.invalid-feedback road-icon{
+  color: var(--road-danger-icon);
+  margin-right: var(--road-spacing-02);
+}
 .form-control.is-invalid,
 .was-validated .form-control:invalid {
   border-color: var(--road-danger-outline);
@@ -223,7 +229,7 @@
 .form-control.is-invalid ~ .invalid-feedback,
 .was-validated .form-control:invalid ~ .invalid-feedback {
-  display: block;
+  display: flex;
 }
 /* HELPER

package/dist/collection/components/input/input.js CHANGED Viewed

@@ -28,10 +28,24 @@ const debounce = (func, wait = 0) => {
  */
 export class Input {
   constructor() {
+    // private onInput = (ev: Event) => {
+    //   const input = ev.target as HTMLInputElement | null;
+    //   if (input) {
+    //     this.value = input.value || "";
+    //   }
+    //   this.roadinput.emit(ev as KeyboardEvent);
+    //   this.roadInput.emit(ev as KeyboardEvent);
+    // };
     this.onInput = (ev) => {
       const input = ev.target;
       if (input) {
-        this.value = input.value || "";
+        let value = input.value || "";
+        // Si le type est "tel", on vérifie si la valeur contient uniquement des chiffres ou le symbole "+"
+        if (this.type === 'tel' && !/^\+?[0-9]*$/.test(value)) {
+          // Si la valeur n'est pas conforme, on ne la met pas à jour et on arrête la fonction
+          return;
+        }
+        this.value = value;
       }
       this.roadinput.emit(ev);
       this.roadInput.emit(ev);
@@ -117,7 +131,7 @@ export class Input {
     const hasValueClass = this.value !== '' ? 'has-value' : '';
     const lessLabelClass = this.label !== '' ? '' : 'less-label';
     const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-    return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value }, h("input", { class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyUp: (event) => this.enforceMinMax(event.target), "data-cy": 'road-input' }), h("label", { class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && h("p", { class: "helper" }, this.helper), this.type && this.type == 'password' &&
+    return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value }, h("input", { class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyUp: (event) => this.enforceMinMax(event.target), "data-cy": 'road-input' }), h("label", { class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, h("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.error), this.helper && this.helper !== '' && h("p", { class: "helper" }, this.helper), this.type && this.type == 'password' &&
       h("slot", { name: "checklistPassword" })));
   }
   static get is() { return "road-input"; }

package/dist/collection/components/input/input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\n\nimport { AutocompleteTypes, TextFieldTypes } from '../../interface';\n\nconst debounceEvent = (event: EventEmitter, wait: number): EventEmitter => {\n const original = (event as any)._original \|\| event;\n return {\n _original: event,\n emit: debounce(original.emit.bind(original), wait),\n } as EventEmitter;\n};\n\nconst debounce = (func: (...args: any[]) => void, wait = 0) => {\n let timer: any;\n return (...args: any[]): any => {\n clearTimeout(timer);\n timer = setTimeout(func, wait, ...args);\n };\n};\n\n/*\n @slot checklistPassword - Content the checklist Password exemple.\n * `<div class=\"checklist-password mt-16\" slot=\"checklistPassword\">`\n ` <span class=\"checklist-password-label\"><strong>Low Safety</strong></span>`\n `<road-progress color=\"danger\" value=\"25\" class=\"mt-8 mb-16\"></road-progress>`\n `<p class=\"text-medium mb-8\">For optimal safety your password must have at least :</p>`\n `<ul class=\"m-0 pl-16\">`\n `<li id=\"letter\" class=\"invalid mb-8\">1 lowercase and 1 uppercase</li>`\n `<li id=\"number\" class=\"invalid mb-8\">1 digit</li>`\n `<li id=\"length\" class=\"invalid\">8 characters minimum</li>`\n `</ul>`\n `</div>`\n /\n\n@Component({\n tag: 'road-input',\n styleUrl: 'input.css',\n scoped: true,\n})\nexport class Input {\n\n /\n The id of input\n /\n @Prop() inputId: string = `road-input-${inputIds++}`;\n\n /\n Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\n /\n @Prop() autocapitalize = 'off';\n\n /\n Indicates whether the value of the control can be automatically completed by the browser.\n /\n @Prop() autocomplete: AutocompleteTypes = 'off';\n\n /\n Whether auto correction should be enabled when the user is entering/editing the text value.\n /\n @Prop() autocorrect: 'on' \| 'off' = 'off';\n\n /\n This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n /\n @Prop() autofocus = false;\n\n /\n If `true`, the user cannot interact with the input.\n /\n @Prop() disabled = false;\n\n /\n A hint to the browser for which enter key to display.\n * Possible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n * `\"previous\"`, `\"search\"`, and `\"send\"`.\n /\n @Prop() enterkeyhint?: 'enter' \| 'done' \| 'go' \| 'next' \| 'previous' \| 'search' \| 'send';\n\n /\n A hint to the browser for which keyboard to display.\n * This attribute applies when the value of the type attribute is `\"text\"`, `\"password\"`, `\"email\"`, or `\"url\"`. Possible values are: `\"verbatim\"`, `\"latin\"`, `\"latin-name\"`, `\"latin-prose\"`, `\"full-width-latin\"`, `\"kana\"`, `\"katakana\"`, `\"numeric\"`, `\"tel\"`, `\"email\"`, `\"url\"`.\n /\n @Prop() inputmode?: 'none' \| 'text' \| 'tel' \| 'url' \| 'email' \| 'numeric' \| 'decimal' \| 'search';\n\n /\n The maximum value, which must not be less than its minimum (min attribute) value.\n /\n @Prop() max?: string;\n\n /\n If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.\n /\n @Prop() maxlength?: number;\n\n /\n The minimum value, which must not be greater than its maximum (max attribute) value.\n /\n @Prop() min?: string;\n\n /\n If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter.\n /\n @Prop() minlength?: number;\n\n /\n The name of the control, which is submitted with the form data.\n /\n @Prop() name: string = this.inputId;\n\n /\n A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, or `\"password\"`, otherwise it is ignored.\n /\n @Prop() pattern?: string;\n\n /\n Instructional text that shows before the input has a value.\n /\n @Prop() placeholder?: string;\n\n /\n If `true`, the user cannot modify the value.\n /\n @Prop() readonly = false;\n\n /\n If `true`, the user must fill in a value before submitting a form.\n /\n @Prop() required = false;\n\n /\n If `true`, the element will have its spelling and grammar checked.\n /\n @Prop() spellcheck = false;\n\n /\n Works with the min and max attributes to limit the increments at which a value can be set.\n * Possible values are: `\"any\"` or a positive floating point number.\n /\n @Prop() step?: string;\n\n /\n The initial size of the control. This value is in pixels unless the value of the type attribute is `\"text\"` or `\"password\"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, or `\"password\"`, otherwise it is ignored.\n /\n @Prop() size?: number;\n\n /\n The sizes of the input.\n /\n @Prop() sizes: 'lg' \| 'xl' = 'lg';\n\n /\n The type of control to display. The default type is text.\n /\n @Prop() type: TextFieldTypes = 'text';\n\n /\n The value of the input.\n /\n @Prop({ mutable: true }) value?: string \| number \| null = '';\n\n /\n Label for the field\n /\n @Prop() label?: string = '';\n\n /\n Error message for the field\n /\n @Prop() error?: string;\n\n /\n Helper message for the field\n /\n @Prop() helper?: string;\n\n /\n Set the amount of time, in milliseconds, to wait to trigger the `roadChange` event after each keystroke.\n /\n @Prop() debounce = 0;\n\n @Watch('debounce')\n protected debounceChanged() {\n this.roadchange = debounceEvent(this.roadchange, this.debounce);\n this.roadChange = debounceEvent(this.roadChange, this.debounce);\n }\n\n /\n Update the native input element when the value changes\n /\n @Watch('value')\n protected valueChanged() {\n this.roadchange.emit({ value: this.value == null ? this.value : this.value.toString() });\n this.roadChange.emit({ value: this.value == null ? this.value : this.value.toString() });\n }\n\n /\n Emitted when a keyboard input occurred.\n /\n @Event() roadinput!: EventEmitter<KeyboardEvent>;\n /* @internal /\n @Event() roadInput!: EventEmitter<KeyboardEvent>;\n\n /\n Emitted when the value has changed.\n /\n @Event() roadchange!: EventEmitter<{\n value: string \| undefined \| null;\n }>;\n /* @internal /\n @Event() roadChange!: EventEmitter<{\n value: string \| undefined \| null;\n }>;\n\n /\n Emitted when the input loses focus.\n /\n @Event() roadblur!: EventEmitter<string \| null>; // Déclare roadblur pour transporter une valeur de type string ou null\n /* @internal /\n @Event() roadBlur!: EventEmitter<string \| null>; // Déclare roadblur pour transporter une valeur de type string ou null\n\n /\n Emitted when the input has focus.\n /\n @Event() roadfocus!: EventEmitter<void>;\n /* @internal */\n @Event() roadFocus!: EventEmitter<void>;\n\n private getValue(): string {\n return typeof this.value === 'number'\n ? this.value.toString()\n : (this.value \|\| '').toString();\n }\n\n private onInput = (ev: Event) => {\n const input = ev.target as HTMLInputElement \| null;\n if (input) {\n this.value = input.value \|\| \"\";\n }\n this.roadinput.emit(ev as KeyboardEvent);\n this.roadInput.emit(ev as KeyboardEvent);\n };\n\n private onBlur = () => {\n let value = this.getValue();\n \n // Vérifier si les contraintes min et max sont définies\n if (this.min !== undefined && value !== '' && parseFloat(value) < parseFloat(this.min)) {\n value = this.min; // Ajuster la valeur à la valeur minimale\n }\n \n if (this.max !== undefined && value !== '' && parseFloat(value) > parseFloat(this.max)) {\n value = this.max; // Ajuster la valeur à la valeur maximale\n }\n \n this.value = value; // Mettre à jour la valeur avec la valeur ajustée\n \n // Émettre l'événement roadblur avec la valeur ajustée\n this.roadblur.emit(this.value);\n this.roadBlur.emit(this.value);\n };\n\n private onFocus = () => {\n this.roadfocus.emit();\n this.roadFocus.emit();\n };\n\n private enforceMinMax(el: HTMLInputElement): void {\n if (el.value !== \"\") {\n const value: number = parseInt(el.value);\n const minValue: number = parseInt(el.min);\n const maxValue: number = parseInt(el.max);\n\n if (value < minValue) {\n el.value = el.min;\n }\n\n if (value > maxValue) {\n el.value = el.max;\n }\n }\n}\n\n render() {\n const value = this.getValue();\n const labelId = this.inputId + '-label';\n const hasValueClass = this.value !== '' ? 'has-value' : '';\n const lessLabelClass = this.label !== '' ? '' : 'less-label';\n const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';\n\n return (\n <Host aria-disabled={this.disabled ? 'true' : null} class={this.sizes && `input-${this.sizes}`} value={value}>\n <input\n class={`form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`}\n id={this.inputId}\n aria-disabled={this.disabled ? 'true' : null}\n aria-labelledby={labelId}\n disabled={this.disabled}\n autoCapitalize={this.autocapitalize}\n autoComplete={this.autocomplete}\n autoCorrect={this.autocorrect}\n enterKeyHint={this.enterkeyhint}\n autoFocus={this.autofocus}\n inputMode={this.inputmode}\n min={this.min}\n max={this.max}\n minLength={this.minlength}\n maxLength={this.maxlength}\n name={this.name}\n pattern={this.pattern}\n placeholder={this.placeholder}\n readOnly={this.readonly}\n required={this.required}\n spellcheck={this.spellcheck}\n step={this.step}\n size={this.size}\n type={this.type}\n value={value}\n onInput={this.onInput}\n onBlur={this.onBlur}\n onFocus={this.onFocus}\n onKeyUp={(event: Event) => this.enforceMinMax(event.target as HTMLInputElement)}\n data-cy='road-input'\n\n />\n <label class=\"form-label\" id={labelId} htmlFor={this.inputId}>{this.label}</label>\n {this.error && this.error !== '' && <p class=\"invalid-feedback\">{this.error}</p>}\n {this.helper && this.helper !== '' && <p class=\"helper\">{this.helper}</p>}\n {this.type && this.type == 'password' &&\n <slot name=\"checklistPassword\"/>}\n </Host>\n );\n }\n}\n\nlet inputIds = 0;\n"]}
1	+ {"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAIrF,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,IAAY,EAAgB,EAAE;EACxE,MAAM,QAAQ,GAAI,KAAa,CAAC,SAAS,IAAI,KAAK,CAAC;EACnD,OAAO;IACL,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;GACnC,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAA8B,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE;EAC5D,IAAI,KAAU,CAAC;EACf,OAAO,CAAC,GAAG,IAAW,EAAO,EAAE;IAC7B,YAAY,CAAC,KAAK,CAAC,CAAC;IACpB,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;EAC1C,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;GAYG;AAOH,MAAM,OAAO,KAAK;;IAkMhB,qCAAqC;IACrC,wDAAwD;IACxD,iBAAiB;IACjB,sCAAsC;IACtC,MAAM;IACN,8CAA8C;IAC9C,8CAA8C;IAC9C,KAAK;IAEG,YAAO,GAAG,CAAC,EAAS,EAAE,EAAE;MAC9B,MAAM,KAAK,GAAG,EAAE,CAAC,MAAiC,CAAC;MACnD,IAAI,KAAK,EAAE;QACT,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;QAE9B,mGAAmG;QACnG,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;UACrD,oFAAoF;UACpF,OAAO;SACR;QAED,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;OACpB;MACD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAmB,CAAC,CAAC;MACzC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAmB,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEM,WAAM,GAAG,GAAG,EAAE;MACpB,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;MAE5B,uDAAuD;MACvD,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,IAAI,UAAU,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;QACtF,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,yCAAyC;OAC5D;MAED,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,IAAI,UAAU,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;QACtF,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,yCAAyC;OAC5D;MAED,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,iDAAiD;MAErE,sDAAsD;MACtD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;MAC/B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC;IAEM,YAAO,GAAG,GAAG,EAAE;MACrB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;MACtB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC,CAAC;mBA7OwB,cAAc,QAAQ,EAAE,EAAE;0BAK3B,KAAK;wBAKY,KAAK;uBAKX,KAAK;qBAKrB,KAAK;oBAKN,KAAK;;;;;;;gBAsCD,IAAI,CAAC,OAAO;;;oBAehB,KAAK;oBAKL,KAAK;sBAKH,KAAK;;;iBAgBI,IAAI;gBAKH,MAAM;iBAKqB,EAAE;iBAKnC,EAAE;;;oBAeR,CAAC;;EAGV,eAAe;IACvB,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChE,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;EAClE,CAAC;EAED;;KAEG;EAEO,YAAY;IACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACzF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;EAC3F,CAAC;EAkCO,QAAQ;IACd,OAAO,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;MACnC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;MACvB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;EACpC,CAAC;EAoDO,aAAa,CAAC,EAAoB;IACxC,IAAI,EAAE,CAAC,KAAK,KAAK,EAAE,EAAE;MACjB,MAAM,KAAK,GAAW,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;MACzC,MAAM,QAAQ,GAAW,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;MAC1C,MAAM,QAAQ,GAAW,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;MAE1C,IAAI,KAAK,GAAG,QAAQ,EAAE;QAClB,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC;OACrB;MAED,IAAI,KAAK,GAAG,QAAQ,EAAE;QAClB,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC;OACrB;KACJ;EACL,CAAC;EAEC,MAAM;IACJ,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;IACxC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3D,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;IAC7D,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzF,OAAO,CACL,EAAC,IAAI,qBAAgB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,SAAS,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK;MAC1G,aACE,KAAK,EAAE,gBAAgB,aAAa,IAAI,cAAc,IAAI,cAAc,EAAE,EAC1E,EAAE,EAAE,IAAI,CAAC,OAAO,mBACD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,qBAC3B,OAAO,EACxB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAA0B,CAAC,aACvE,YAAY,GAEpB;MACF,aAAO,KAAK,EAAC,YAAY,EAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAAG,IAAI,CAAC,KAAK,CAAS;MACjF,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,SAAG,KAAK,EAAC,kBAAkB;QAAC,iBAAW,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,mBAAmB,iBAAa,MAAM,EAAC,IAAI,EAAC,IAAI,GAAa;QAAC,IAAI,CAAC,KAAK,CAAK;MACzK,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE,IAAI,SAAG,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAK;MACxE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,UAAU;QACrC,YAAM,IAAI,EAAC,mBAAmB,GAAE,CAC3B,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAED,IAAI,QAAQ,GAAG,CAAC,CAAC","sourcesContent":["import { Component, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\n\nimport { AutocompleteTypes, TextFieldTypes } from '../../interface';\n\nconst debounceEvent = (event: EventEmitter, wait: number): EventEmitter => {\n const original = (event as any)._original \|\| event;\n return {\n _original: event,\n emit: debounce(original.emit.bind(original), wait),\n } as EventEmitter;\n};\n\nconst debounce = (func: (...args: any[]) => void, wait = 0) => {\n let timer: any;\n return (...args: any[]): any => {\n clearTimeout(timer);\n timer = setTimeout(func, wait, ...args);\n };\n};\n\n/*\n @slot checklistPassword - Content the checklist Password exemple.\n * `<div class=\"checklist-password mt-16\" slot=\"checklistPassword\">`\n ` <span class=\"checklist-password-label\"><strong>Low Safety</strong></span>`\n `<road-progress color=\"danger\" value=\"25\" class=\"mt-8 mb-16\"></road-progress>`\n `<p class=\"text-medium mb-8\">For optimal safety your password must have at least :</p>`\n `<ul class=\"m-0 pl-16\">`\n `<li id=\"letter\" class=\"invalid mb-8\">1 lowercase and 1 uppercase</li>`\n `<li id=\"number\" class=\"invalid mb-8\">1 digit</li>`\n `<li id=\"length\" class=\"invalid\">8 characters minimum</li>`\n `</ul>`\n `</div>`\n /\n\n@Component({\n tag: 'road-input',\n styleUrl: 'input.css',\n scoped: true,\n})\nexport class Input {\n\n /\n The id of input\n /\n @Prop() inputId: string = `road-input-${inputIds++}`;\n\n /\n Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\n /\n @Prop() autocapitalize = 'off';\n\n /\n Indicates whether the value of the control can be automatically completed by the browser.\n /\n @Prop() autocomplete: AutocompleteTypes = 'off';\n\n /\n Whether auto correction should be enabled when the user is entering/editing the text value.\n /\n @Prop() autocorrect: 'on' \| 'off' = 'off';\n\n /\n This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n /\n @Prop() autofocus = false;\n\n /\n If `true`, the user cannot interact with the input.\n /\n @Prop() disabled = false;\n\n /\n A hint to the browser for which enter key to display.\n * Possible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n * `\"previous\"`, `\"search\"`, and `\"send\"`.\n /\n @Prop() enterkeyhint?: 'enter' \| 'done' \| 'go' \| 'next' \| 'previous' \| 'search' \| 'send';\n\n /\n A hint to the browser for which keyboard to display.\n * This attribute applies when the value of the type attribute is `\"text\"`, `\"password\"`, `\"email\"`, or `\"url\"`. Possible values are: `\"verbatim\"`, `\"latin\"`, `\"latin-name\"`, `\"latin-prose\"`, `\"full-width-latin\"`, `\"kana\"`, `\"katakana\"`, `\"numeric\"`, `\"tel\"`, `\"email\"`, `\"url\"`.\n /\n @Prop() inputmode?: 'none' \| 'text' \| 'tel' \| 'url' \| 'email' \| 'numeric' \| 'decimal' \| 'search';\n\n /\n The maximum value, which must not be less than its minimum (min attribute) value.\n /\n @Prop() max?: string;\n\n /\n If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.\n /\n @Prop() maxlength?: number;\n\n /\n The minimum value, which must not be greater than its maximum (max attribute) value.\n /\n @Prop() min?: string;\n\n /\n If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter.\n /\n @Prop() minlength?: number;\n\n /\n The name of the control, which is submitted with the form data.\n /\n @Prop() name: string = this.inputId;\n\n /\n A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, or `\"password\"`, otherwise it is ignored.\n /\n @Prop() pattern?: string;\n\n /\n Instructional text that shows before the input has a value.\n /\n @Prop() placeholder?: string;\n\n /\n If `true`, the user cannot modify the value.\n /\n @Prop() readonly = false;\n\n /\n If `true`, the user must fill in a value before submitting a form.\n /\n @Prop() required = false;\n\n /\n If `true`, the element will have its spelling and grammar checked.\n /\n @Prop() spellcheck = false;\n\n /\n Works with the min and max attributes to limit the increments at which a value can be set.\n * Possible values are: `\"any\"` or a positive floating point number.\n /\n @Prop() step?: string;\n\n /\n The initial size of the control. This value is in pixels unless the value of the type attribute is `\"text\"` or `\"password\"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, or `\"password\"`, otherwise it is ignored.\n /\n @Prop() size?: number;\n\n /\n The sizes of the input.\n /\n @Prop() sizes: 'lg' \| 'xl' = 'lg';\n\n /\n The type of control to display. The default type is text.\n /\n @Prop() type: TextFieldTypes = 'text';\n\n /\n The value of the input.\n /\n @Prop({ mutable: true }) value?: string \| number \| null = '';\n\n /\n Label for the field\n /\n @Prop() label?: string = '';\n\n /\n Error message for the field\n /\n @Prop() error?: string;\n\n /\n Helper message for the field\n /\n @Prop() helper?: string;\n\n /\n Set the amount of time, in milliseconds, to wait to trigger the `roadChange` event after each keystroke.\n /\n @Prop() debounce = 0;\n\n @Watch('debounce')\n protected debounceChanged() {\n this.roadchange = debounceEvent(this.roadchange, this.debounce);\n this.roadChange = debounceEvent(this.roadChange, this.debounce);\n }\n\n /\n Update the native input element when the value changes\n /\n @Watch('value')\n protected valueChanged() {\n this.roadchange.emit({ value: this.value == null ? this.value : this.value.toString() });\n this.roadChange.emit({ value: this.value == null ? this.value : this.value.toString() });\n }\n\n /\n Emitted when a keyboard input occurred.\n /\n @Event() roadinput!: EventEmitter<KeyboardEvent>;\n /* @internal /\n @Event() roadInput!: EventEmitter<KeyboardEvent>;\n\n /\n Emitted when the value has changed.\n /\n @Event() roadchange!: EventEmitter<{\n value: string \| undefined \| null;\n }>;\n /* @internal /\n @Event() roadChange!: EventEmitter<{\n value: string \| undefined \| null;\n }>;\n\n /\n Emitted when the input loses focus.\n /\n @Event() roadblur!: EventEmitter<string \| null>; // Déclare roadblur pour transporter une valeur de type string ou null\n /* @internal /\n @Event() roadBlur!: EventEmitter<string \| null>; // Déclare roadblur pour transporter une valeur de type string ou null\n\n /\n Emitted when the input has focus.\n /\n @Event() roadfocus!: EventEmitter<void>;\n /* @internal /\n @Event() roadFocus!: EventEmitter<void>;\n\n private getValue(): string {\n return typeof this.value === 'number'\n ? this.value.toString()\n : (this.value \|\| '').toString();\n }\n\n // private onInput = (ev: Event) => {\n // const input = ev.target as HTMLInputElement \| null;\n // if (input) {\n // this.value = input.value \|\| \"\";\n // }\n // this.roadinput.emit(ev as KeyboardEvent);\n // this.roadInput.emit(ev as KeyboardEvent);\n // };\n\n private onInput = (ev: Event) => {\n const input = ev.target as HTMLInputElement \| null;\n if (input) {\n let value = input.value \|\| \"\";\n \n // Si le type est \"tel\", on vérifie si la valeur contient uniquement des chiffres ou le symbole \"+\"\n if (this.type === 'tel' && !/^\\+?[0-9]$/.test(value)) {\n // Si la valeur n'est pas conforme, on ne la met pas à jour et on arrête la fonction\n return;\n }\n \n this.value = value;\n }\n this.roadinput.emit(ev as KeyboardEvent);\n this.roadInput.emit(ev as KeyboardEvent);\n };\n\n private onBlur = () => {\n let value = this.getValue();\n \n // Vérifier si les contraintes min et max sont définies\n if (this.min !== undefined && value !== '' && parseFloat(value) < parseFloat(this.min)) {\n value = this.min; // Ajuster la valeur à la valeur minimale\n }\n \n if (this.max !== undefined && value !== '' && parseFloat(value) > parseFloat(this.max)) {\n value = this.max; // Ajuster la valeur à la valeur maximale\n }\n \n this.value = value; // Mettre à jour la valeur avec la valeur ajustée\n \n // Émettre l'événement roadblur avec la valeur ajustée\n this.roadblur.emit(this.value);\n this.roadBlur.emit(this.value);\n };\n\n private onFocus = () => {\n this.roadfocus.emit();\n this.roadFocus.emit();\n };\n\n private enforceMinMax(el: HTMLInputElement): void {\n if (el.value !== \"\") {\n const value: number = parseInt(el.value);\n const minValue: number = parseInt(el.min);\n const maxValue: number = parseInt(el.max);\n\n if (value < minValue) {\n el.value = el.min;\n }\n\n if (value > maxValue) {\n el.value = el.max;\n }\n }\n}\n\n render() {\n const value = this.getValue();\n const labelId = this.inputId + '-label';\n const hasValueClass = this.value !== '' ? 'has-value' : '';\n const lessLabelClass = this.label !== '' ? '' : 'less-label';\n const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';\n\n return (\n <Host aria-disabled={this.disabled ? 'true' : null} class={this.sizes && `input-${this.sizes}`} value={value}>\n <input\n class={`form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`}\n id={this.inputId}\n aria-disabled={this.disabled ? 'true' : null}\n aria-labelledby={labelId}\n disabled={this.disabled}\n autoCapitalize={this.autocapitalize}\n autoComplete={this.autocomplete}\n autoCorrect={this.autocorrect}\n enterKeyHint={this.enterkeyhint}\n autoFocus={this.autofocus}\n inputMode={this.inputmode}\n min={this.min}\n max={this.max}\n minLength={this.minlength}\n maxLength={this.maxlength}\n name={this.name}\n pattern={this.pattern}\n placeholder={this.placeholder}\n readOnly={this.readonly}\n required={this.required}\n spellcheck={this.spellcheck}\n step={this.step}\n size={this.size}\n type={this.type}\n value={value}\n onInput={this.onInput}\n onBlur={this.onBlur}\n onFocus={this.onFocus}\n onKeyUp={(event: Event) => this.enforceMinMax(event.target as HTMLInputElement)}\n data-cy='road-input'\n\n />\n <label class=\"form-label\" id={labelId} htmlFor={this.inputId}>{this.label}</label>\n {this.error && this.error !== '' && <p class=\"invalid-feedback\"><road-icon slot=\"start\" name=\"alert-error-solid\" aria-hidden=\"true\" size=\"sm\"></road-icon>{this.error}</p>}\n {this.helper && this.helper !== '' && <p class=\"helper\">{this.helper}</p>}\n {this.type && this.type == 'password' &&\n <slot name=\"checklistPassword\"/>}\n </Host>\n );\n }\n}\n\nlet inputIds = 0;\n"]}

package/dist/collection/components/input-group/input-group.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class InputGroup {
     const errorClass = this.el.querySelector("road-input[error]") ? 'is-invalid' : '';
     const disabledClass = this.el.querySelector("road-input[disabled]") ? 'is-disabled' : '';
     const sizeClass = this.el.querySelector("road-input[sizes]") ? `size-${this.el.querySelector("road-input").sizes}` : '';
-    return (h("div", { class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, h("slot", null), h("div", { class: "input-group-prepend" }, h("slot", { name: "prepend" })), h("div", { class: "input-group-append" }, h("slot", { name: "append" }))));
+    return (h("div", { class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, h("div", { class: "input-group-prepend" }, h("slot", { name: "prepend" })), h("slot", null), h("div", { class: "input-group-append" }, h("slot", { name: "append" }))));
   }
   static get is() { return "road-input-group"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/input-group/input-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../../src/components/input-group/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEtD;;;;GAIG;AAOH,MAAM,OAAO,UAAU;EAIrB,gBAAgB;;IACd,IAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,EAAE;MAChD,MAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,0CAAE,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;KACpE;EACH,CAAC;EAGD,MAAM;IACJ,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAClF,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACzF,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,QAAS,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,CAA0B,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAElJ,OAAO,CACL,WAAK,KAAK,EAAE,eAAe,UAAU,IAAI,aAAa,IAAI,SAAS,EAAE;MACnE,~~eAAO;MACP,~~WAAK,KAAK,EAAC,qBAAqB;QAC9B,YAAM,IAAI,EAAC,SAAS,GAAE,CAClB;MACN,WAAK,KAAK,EAAC,oBAAoB;QAC7B,YAAM,IAAI,EAAC,QAAQ,GAAE,CACjB,CACF,CACP,CAAC;EACJ,CAAC;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h } from '@stencil/core';\n\n/*\n @slot prepend - Add icon or button before the field.\n * @slot - Add the road-input or road-select here.\n * @slot append - Add icon or button after the field.\n */\n\n@Component({\n tag: 'road-input-group',\n styleUrl: 'input-group.css',\n shadow: true,\n})\nexport class InputGroup {\n\n @Element() el!: HTMLRoadInputGroupElement;\n\n componentDidLoad() {\n if(this.el.querySelector(\"road-input[disabled]\")) {\n this.el.querySelector(\"road-button\")?.setAttribute('disabled', \"\");\n }\n }\n\n\n render() {\n const errorClass = this.el.querySelector(\"road-input[error]\") ? 'is-invalid' : '';\n const disabledClass = this.el.querySelector(\"road-input[disabled]\") ? 'is-disabled' : '';\n const sizeClass = this.el.querySelector(\"road-input[sizes]\") ? `size-${(this.el.querySelector(\"road-input\") as HTMLRoadInputElement).sizes}` : '';\n\n return (\n <div class={`input-group ${errorClass} ${disabledClass} ${sizeClass}`}>\n <~~slot/>\n <~~div class=\"input-group-prepend\">\n <slot name=\"prepend\"/>\n </div>\n <div class=\"input-group-append\">\n <slot name=\"append\"/>\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../../src/components/input-group/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEtD;;;;GAIG;AAOH,MAAM,OAAO,UAAU;EAIrB,gBAAgB;;IACd,IAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,EAAE;MAChD,MAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,0CAAE,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;KACpE;EACH,CAAC;EAGD,MAAM;IACJ,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAClF,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACzF,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,QAAS,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,CAA0B,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAElJ,OAAO,CACL,WAAK,KAAK,EAAE,eAAe,UAAU,IAAI,aAAa,IAAI,SAAS,EAAE;MACnE,WAAK,KAAK,EAAC,qBAAqB;QAC9B,YAAM,IAAI,EAAC,SAAS,GAAE,CAClB;MACN,eAAO;MACP,WAAK,KAAK,EAAC,oBAAoB;QAC7B,YAAM,IAAI,EAAC,QAAQ,GAAE,CACjB,CACF,CACP,CAAC;EACJ,CAAC;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h } from '@stencil/core';\n\n/*\n @slot prepend - Add icon or button before the field.\n * @slot - Add the road-input or road-select here.\n * @slot append - Add icon or button after the field.\n */\n\n@Component({\n tag: 'road-input-group',\n styleUrl: 'input-group.css',\n shadow: true,\n})\nexport class InputGroup {\n\n @Element() el!: HTMLRoadInputGroupElement;\n\n componentDidLoad() {\n if(this.el.querySelector(\"road-input[disabled]\")) {\n this.el.querySelector(\"road-button\")?.setAttribute('disabled', \"\");\n }\n }\n\n\n render() {\n const errorClass = this.el.querySelector(\"road-input[error]\") ? 'is-invalid' : '';\n const disabledClass = this.el.querySelector(\"road-input[disabled]\") ? 'is-disabled' : '';\n const sizeClass = this.el.querySelector(\"road-input[sizes]\") ? `size-${(this.el.querySelector(\"road-input\") as HTMLRoadInputElement).sizes}` : '';\n\n return (\n <div class={`input-group ${errorClass} ${disabledClass} ${sizeClass}`}>\n <div class=\"input-group-prepend\">\n <slot name=\"prepend\"/>\n </div>\n <slot/>\n <div class=\"input-group-append\">\n <slot name=\"append\"/>\n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/input-group/input-group.stories.js CHANGED Viewed

@@ -29,7 +29,7 @@ export const Playground = Template.bind({});
 Playground.args = {
   ' ': `<road-input input-id="cardNumber" sizes="xl" label="Card Number"></road-input>`,
   append: `<label slot="append" for="cardNumber">
-    <road-icon name="payment-card"></road-icon>
+    <road-icon name="payment-card" aria-hidden="true" role="img"></road-icon>
   </label>`,
 };
@@ -52,8 +52,8 @@ Disabled.args = {
 export const Error = Template.bind({});
 Error.args = {
   ' ': `<road-input input-id="inputGroupError" sizes="xl" label="Label" error="error message here"></road-input>`,
-  append: `<label slot="append" for="inputGroupError">
-  <road-icon name="payment-card"></road-icon>
+  append: `<label slot="append">
+  <road-icon name="payment-card" role="img"></road-icon>
 </label>`,
 };
@@ -61,6 +61,6 @@ export const Password = Template.bind({});
 Password.args = {
   ' ': `<road-input input-id="password" sizes="xl" label="password" type="password"></road-input>`,
   append: `<road-button slot="append" outline="true">
-  <road-icon name="visibility-off-outline"></road-icon>
+  <road-icon name="visibility-off-outline" role="button"></road-icon>
 </road-button>`,
 };

package/dist/collection/components/item/item.stories.js CHANGED Viewed

@@ -38,7 +38,7 @@ Playground.args = {
   lines: undefined,
   'detail-icon': undefined,
   disabled: null,
-  start: '<road-icon name="shipping"></road-icon>',
+  start: '<road-icon name="shipping" role="img"></road-icon>',
   'title-item': 'OPEL Insignia',
   text: 'hatchback 2.0 CDTI 16V 130 cv',
   ' ': ``,
@@ -180,7 +180,7 @@ export const Compatibility = () => html`
 </road-item>
 <road-item class="mb-16">
-  <road-icon slot="start" name="alert-valid-outline" color="success" class="mr-16"></road-icon>
+  <road-icon slot="start" name="alert-valid-outline" color="success" class="mr-16" role="img"></road-icon>
   <road-label>
     <p class="text-content text-success font-weight-bold mb-0">Compatible product</p>
@@ -192,7 +192,7 @@ export const Compatibility = () => html`
 </road-item>
 <road-item class="mb-16">
-  <road-icon slot="start" name="alert-error-outline" color="danger" class="mr-16"></road-icon>
+  <road-icon slot="start" name="alert-error-outline" color="danger" class="mr-16" role="img"></road-icon>
   <road-label>
     <p class="text-content text-danger font-weight-bold mb-4">Product not compatible</p>
@@ -207,35 +207,35 @@ export const Compatibility = () => html`
 export const ShoppingGuides = () => html`
 <road-item class="mb-16">
-  <road-icon slot="start" name="vehicle-car-outline" class="mr-16"></road-icon>
+  <road-icon slot="start" name="vehicle-car-outline" class="mr-16" role="img"></road-icon>
   <road-label>
     <p class="h8 mb-4">OPEL Insignia</p>
     <p class="text-small text-truncate m-0">hatchback 2.0 CDTI 16V 130 cv</p>
   </road-label>
-  <road-icon slot="end" name="edit" color="secondary" size="sm" class="ml-16"></road-icon>
+  <road-icon slot="end" name="edit" color="secondary" size="sm" class="ml-16" role="img"></road-icon>
 </road-item>
 <road-item class="mb-16">
-  <road-icon slot="start" name="vehicle-car-outline-front" class="mr-16"></road-icon>
+  <road-icon slot="start" name="vehicle-car-outline-front" class="mr-16" role="img"></road-icon>
   <road-label>
     <p class="text-small text-truncate mb-4">Bulb category</p>
     <p class="h8 m-0">Front lighting</p>
   </road-label>
-  <road-icon slot="end" name="edit" color="secondary" size="sm" class="ml-16"></road-icon>
+  <road-icon slot="end" name="edit" color="secondary" size="sm" class="ml-16" role="button"></road-icon>
 </road-item>
 <road-item class="mb-16">
-  <road-icon slot="start" name="light" class="mr-16"></road-icon>
+  <road-icon slot="start" name="light" class="mr-16" role="img"></road-icon>
   <road-label>
     <p class="text-small text-truncate mb-4">Bulb type</p>
     <p class="h8 m-0">Position light</p>
   </road-label>
-  <road-icon slot="end" name="edit" color="secondary" size="sm" class="ml-16"></road-icon>
+  <road-icon slot="end" name="edit" color="secondary" size="sm" class="ml-16" role="button"></road-icon>
 </road-item>
 `;

package/dist/collection/components/list/list.stories.js CHANGED Viewed

@@ -33,25 +33,25 @@ export const Playground = Template.bind({});
 Playground.args = {
   lines: undefined,
   ' ': `<road-item button>
-    <road-icon slot="start" name="picture" size="md"></road-icon>
+    <road-icon slot="start" name="picture" size="md" role="img"></road-icon>
     <road-label>
       Label
     </road-label>
   </road-item>
   <road-item button>
-    <road-icon slot="start" name="picture" size="md"></road-icon>
+    <road-icon slot="start" name="picture" size="md" role="img"></road-icon>
     <road-label>
     Label
     </road-label>
   </road-item>
   <road-item button>
-    <road-icon slot="start" name="picture" size="md"></road-icon>
+    <road-icon slot="start" name="picture" size="md" role="img"></road-icon>
     <road-label>
     Label
     </road-label>
   </road-item>
   <road-item button>
-    <road-icon slot="start" name="picture" size="md"></road-icon>
+    <road-icon slot="start" name="picture" size="md" role="img"></road-icon>
     <road-label>
       Label
     </road-label>
@@ -61,25 +61,25 @@ Playground.args = {
 export const LinkList = Template.bind({});
 LinkList.args = {
   ' ': `<road-item button active>
-    <road-icon slot="start" name="picture" size="md"></road-icon>
+    <road-icon slot="start" name="picture" size="md" role="img"></road-icon>
     <road-label>
       Drawer link
     </road-label>
   </road-item>
   <road-item button>
-    <road-icon slot="start" name="picture" size="md"></road-icon>
+    <road-icon slot="start" name="picture" size="md" role="img"></road-icon>
     <road-label>
       Drawer link
     </road-label>
   </road-item>
   <road-item button>
-    <road-icon slot="start" name="picture" size="md"></road-icon>
+    <road-icon slot="start" name="picture" size="md" role="img"></road-icon>
     <road-label>
       Drawer link
     </road-label>
   </road-item>
   <road-item button>
-    <road-icon slot="start" name="picture" size="md"></road-icon>
+    <road-icon slot="start" name="picture" size="md" role="img"></road-icon>
     <road-label>
       Drawer link
     </road-label>

package/dist/collection/components/modal/modal.css CHANGED Viewed

@@ -199,7 +199,7 @@
   .modal-body {
     max-height: 86vh;
-    padding-right: 5rem;
-    padding-left: 5rem;
+    padding-right: var(--road-spacing-06);
+    padding-left: var(--road-spacing-06);
   }
 }

package/dist/collection/components/modal/modal.js CHANGED Viewed

@@ -54,7 +54,7 @@ export class Modal {
     const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
     const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
     const closeIconElement = this.hasCloseIcon ? h("button", { type: "button", class: "modal-close", onClick: this.onClick, "aria-label": "Close" }, h("road-icon", { icon: navigationClose, "aria-hidden": "true" })) : '';
-    return (h(Host, { class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog" }, h("div", { class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), h("div", { class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, h("div", { class: "modal-content" }, h("header", { class: `modal-header ${inverseHeaderClass}` }, h("h2", { class: "modal-title" }, this.modalTitle), closeIconElement), h("div", { class: "modal-body" }, h("slot", null))))));
+    return (h(Host, { class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, h("div", { class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), h("div", { class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, h("div", { class: "modal-content" }, h("header", { class: `modal-header ${inverseHeaderClass}` }, h("h2", { class: "modal-title" }, this.modalTitle), closeIconElement), h("div", { class: "modal-body" }, h("slot", null))))));
   }
   static get is() { return "road-modal"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal/modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD;;GAEG;AAOH,MAAM,OAAO,KAAK;;IAwDhB;;OAEG;IACK,YAAO,GAAG,CAAC,EAAW,EAAE,EAAE;MAChC,EAAE,CAAC,eAAe,EAAE,CAAC;MACrB,EAAE,CAAC,cAAc,EAAE,CAAC;MAEpB,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC,CAAC;oBAtDyB,GAAG;kBAKa,KAAK;4BAKZ,KAAK;;wBAUT,IAAI;;EAOpC;;KAEG;EAEH,KAAK,CAAC,IAAI;IACR,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;EACrB,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,KAAK;IACT,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACpB,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,GAAG,EAAE;MAC7C,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;EACpB,CAAC;EAYD;;KAEG;EAEH,QAAQ,CAAC,KAAoB;IAC3B,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;MACjD,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;EACH,CAAC;EAED;;KAEG;EACH,gBAAgB;IACd,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;MAChE,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;EACL,CAAC;EAED,MAAM;IACJ,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,MAAM,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/E,MAAM,gBAAgB,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,gBAAa,OAAO;MAAC,iBAAW,IAAI,EAAE,eAAe,iBAAc,MAAM,GAAa,CAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAEjN,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,SAAS,gBAAgB,EAAE,EAAE,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ;~~MACnE~~,WAAK,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAC,IAAI,GAAO;MACtE,WAAK,KAAK,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG;QAC/F,WAAK,KAAK,EAAC,eAAe;UACxB,cAAQ,KAAK,EAAE,gBAAgB,kBAAkB,EAAE;YACjD,UAAI,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAM;YAC7C,gBAAgB,CACV;UACT,WAAK,KAAK,EAAC,YAAY;YACrB,eAAO,CACH,CACF,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Method, Prop, h, Host } from '@stencil/core';\nimport { navigationClose } from '../../../icons';\n\n/*\n @slot - Content of the modal.\n /\n\n@Component({\n tag: 'road-modal',\n styleUrl: 'modal.css',\n shadow: true,\n})\nexport class Modal {\n\n /\n Current reference of the modal\n /\n @Element() el!: HTMLRoadModalElement;\n\n /\n Max width of the modal on desktop\n /\n @Prop() maxWidth: number = 696;\n\n /\n Set isOpen propertie to true to show the modal\n /\n @Prop({ mutable: true }) isOpen: boolean = false;\n\n /\n inverse header colors\n /\n @Prop() hasInverseHeader: boolean = false;\n\n /\n Title of the modal in the header bar\n /\n @Prop() modalTitle?: string;\n\n /\n Show / hide close icon\n /\n @Prop() hasCloseIcon: boolean = true;\n\n /\n Indicate when closing the modal\n /\n @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n /\n Open the modal\n /\n @Method()\n async open() {\n this.isOpen = true;\n }\n\n /\n Close the modal\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\") {\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 ? 'modal-open' : '';\n const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';\n const closeIconElement = this.hasCloseIcon ? <button type=\"button\" class=\"modal-close\" onClick={this.onClick} aria-label=\"Close\"><road-icon icon={navigationClose} aria-hidden=\"true\"></road-icon></button> : '';\n\n return (\n <Host class={`modal ${modalIsOpenClass}`} tabindex=\"-1\" role=\"dialog\">\n <div class=\"modal-overlay\" onClick={this.onClick} tabindex=\"-1\"></div>\n <div class=\"modal-dialog\" style={{ maxWidth: `${this.maxWidth}px` }} role=\"document\" tabindex=\"0\">\n <div class=\"modal-content\">\n <header class={`modal-header ${inverseHeaderClass}`}>\n <h2 class=\"modal-title\">{this.modalTitle}</h2>\n {closeIconElement}\n </header>\n <div class=\"modal-body\">\n <slot/>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}"]}
1	+ {"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modal/modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Method, Prop, h, Host } from '@stencil/core';\nimport { navigationClose } from '../../../icons';\n\n/*\n @slot - Content of the modal.\n /\n\n@Component({\n tag: 'road-modal',\n styleUrl: 'modal.css',\n shadow: true,\n})\nexport class Modal {\n\n /\n Current reference of the modal\n /\n @Element() el!: HTMLRoadModalElement;\n\n /\n Max width of the modal on desktop\n /\n @Prop() maxWidth: number = 696;\n\n /\n Set isOpen propertie to true to show the modal\n /\n @Prop({ mutable: true }) isOpen: boolean = false;\n\n /\n inverse header colors\n /\n @Prop() hasInverseHeader: boolean = false;\n\n /\n Title of the modal in the header bar\n /\n @Prop() modalTitle?: string;\n\n /\n Show / hide close icon\n /\n @Prop() hasCloseIcon: boolean = true;\n\n /\n Indicate when closing the modal\n /\n @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n /\n Open the modal\n /\n @Method()\n async open() {\n this.isOpen = true;\n }\n\n /\n Close the modal\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\") {\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 ? 'modal-open' : '';\n const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';\n const closeIconElement = this.hasCloseIcon ? <button type=\"button\" class=\"modal-close\" onClick={this.onClick} aria-label=\"Close\"><road-icon icon={navigationClose} aria-hidden=\"true\"></road-icon></button> : '';\n\n return (\n <Host class={`modal ${modalIsOpenClass}`} tabindex=\"-1\" role=\"dialog\" aria-label=\"modal\">\n <div class=\"modal-overlay\" onClick={this.onClick} tabindex=\"-1\"></div>\n <div class=\"modal-dialog\" style={{ maxWidth: `${this.maxWidth}px` }} role=\"document\" tabindex=\"0\">\n <div class=\"modal-content\">\n <header class={`modal-header ${inverseHeaderClass}`}>\n <h2 class=\"modal-title\">{this.modalTitle}</h2>\n {closeIconElement}\n </header>\n <div class=\"modal-body\">\n <slot/>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}"]}

package/dist/collection/components/navbar/navbar.js CHANGED Viewed

@@ -24,7 +24,7 @@ export class Navbar {
     this.selectedTabChanged();
   }
   render() {
-    return (h(Host, { role: "tablist" }, h("slot", null)));
+    return (h(Host, { role: "menubar" }, h("slot", null)));
   }
   static get is() { return "road-navbar"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/navbar/navbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,wBAAwB,CAAC;AAEhC;;GAEG;AAOH,MAAM,OAAO,MAAM;;;;EAOjB,kBAAkB;IAChB,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE;MAClC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;QAC1B,GAAG,EAAE,IAAI,CAAC,WAAW;OACtB,CAAC,CAAC;MACH,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;QAC1B,GAAG,EAAE,IAAI,CAAC,WAAW;OACtB,CAAC,CAAC;KACJ;EACH,CAAC;EASD,eAAe,CAAC,EAAe;IAC7B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC;EACnC,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,kBAAkB,EAAE,CAAC;EAC5B,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IACH,IAAI,EAAC,SAAS;MAEd,eAAO,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport './../../utils/polyfill';\n\n/*\n @slot - Content of the navbar, it should be road-navbar-item elements. Max 5 items on Mobile\n /\n\n@Component({\n tag: 'road-navbar',\n styleUrl: 'navbar.css',\n shadow: true,\n})\nexport class Navbar {\n\n /\n The selected tab component\n /\n @Prop() selectedTab?: string;\n @Watch('selectedTab')\n selectedTabChanged() {\n if (this.selectedTab !== undefined) {\n this.roadnavbarchanged.emit({\n tab: this.selectedTab,\n });\n this.roadNavbarChanged.emit({\n tab: this.selectedTab,\n });\n }\n }\n\n /* @internal /\n @Event() roadnavbarchanged!: EventEmitter;\n /* @internal */\n @Event() roadNavbarChanged!: EventEmitter;\n\n @Listen('roadNavbarItemClick')\n @Listen('roadnavbaritemclick')\n onNavbarChanged(ev: CustomEvent) {\n this.selectedTab = ev.detail.tab;\n }\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\n}\n"]}
1	+ {"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,wBAAwB,CAAC;AAEhC;;GAEG;AAOH,MAAM,OAAO,MAAM;;;;EAOjB,kBAAkB;IAChB,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE;MAClC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;QAC1B,GAAG,EAAE,IAAI,CAAC,WAAW;OACtB,CAAC,CAAC;MACH,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;QAC1B,GAAG,EAAE,IAAI,CAAC,WAAW;OACtB,CAAC,CAAC;KACJ;EACH,CAAC;EASD,eAAe,CAAC,EAAe;IAC7B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC;EACnC,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,kBAAkB,EAAE,CAAC;EAC5B,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IACH,IAAI,EAAC,SAAS;MAEd,eAAO,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport './../../utils/polyfill';\n\n/*\n @slot - Content of the navbar, it should be road-navbar-item elements. Max 5 items on Mobile\n /\n\n@Component({\n tag: 'road-navbar',\n styleUrl: 'navbar.css',\n shadow: true,\n})\nexport class Navbar {\n\n /\n The selected tab component\n /\n @Prop() selectedTab?: string;\n @Watch('selectedTab')\n selectedTabChanged() {\n if (this.selectedTab !== undefined) {\n this.roadnavbarchanged.emit({\n tab: this.selectedTab,\n });\n this.roadNavbarChanged.emit({\n tab: this.selectedTab,\n });\n }\n }\n\n /* @internal /\n @Event() roadnavbarchanged!: EventEmitter;\n /* @internal */\n @Event() roadNavbarChanged!: EventEmitter;\n\n @Listen('roadNavbarItemClick')\n @Listen('roadnavbaritemclick')\n onNavbarChanged(ev: CustomEvent) {\n this.selectedTab = ev.detail.tab;\n }\n\n componentWillLoad() {\n this.selectedTabChanged();\n }\n\n render() {\n return (\n <Host\n role=\"menubar\"\n >\n <slot/>\n </Host>\n );\n }\n\n}\n"]}