@roadtrip/components 3.44.0 → 3.45.1

package/hydrate/index.js

@@ -3840,7 +3840,7 @@ class ButtonBar {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: 'a5bf3fc09d2e077e087ae5246ee562aed29472a5', role: "tablist" }, hAsync("slot", { key: '48a1e2e24b79f769bc35e4d048218210be1b0d56' })));
+        return (hAsync(Host, { key: 'd4cf00bc997e0ed05484681fb5fc5f554b3d6fbd', role: "tablist" }, hAsync("slot", { key: 'cadf449cf80d55a0fe297fff440f65f6c096c371' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -10413,7 +10413,7 @@ function Autoplay({
   });
 }
 
-const carouselCss = "@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}:host(.swiper-container){display:block;-webkit-user-select:none;user-select:none;position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}:host(.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet),:host(.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet){margin:0 0.125rem}:host(.swiper-container-horizontal>.swiper-pagination-bullets){bottom:0.5rem}.swiper-pagination-bullets{right:0;display:inline-table;width:auto!important;padding:0 0.75rem;margin:0 auto;vertical-align:middle;background-color:var(--road-overlay-inverse);border-radius:40px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.swiper-pagination-bullet{width:1.5rem;height:0.25rem;vertical-align:middle;background:var(--road-overlay);border-radius:0;opacity:1}.swiper-pagination-bullet-active{background:var(--road-primary)}:host(.swiper-pagination-progressbar){background:var(--road-grey-70)}:host(.swiper-pagination-progressbar) .swiper-pagination-progressbar-fill{background:var(--road-grey-10)}:host(.swiper-scrollbar){background:var(--road-grey-70)}:host(.swiper-scrollbar-drag){background:var(--road-grey-10)}.swiper-button-prev,.swiper-button-next{display:none}@media (min-width: 768px){.swiper-button-prev,.swiper-button-next{display:flex;width:3rem;height:3rem;background:var(--road-overlay);border:1px solid var(--road-overlay-inverse);border-radius:3rem}.swiper-button-prev road-icon,.swiper-button-next road-icon{color:var(--road-on-overlay)}}.swiper-button-prev::after,.swiper-button-next::after{display:none}@media (hover: hover){.swiper-button-prev:hover,.swiper-button-next:hover{background:var(--road-surface)}.swiper-button-prev:hover road-icon,.swiper-button-next:hover road-icon{color:var(--road-on-surface)}}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:1rem}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:1rem}@media (min-width: 768px){.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:1.5rem}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:1.5rem}}";
+const carouselCss = "@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}:host(.swiper-container){display:block;-webkit-user-select:none;user-select:none;position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}:host(.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet),:host(.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet){margin:0 0.125rem}:host(.swiper-container-horizontal>.swiper-pagination-bullets){bottom:0.5rem}.swiper-pagination-bullets{right:0;display:inline-table;width:auto !important;padding:0 0.75rem;margin:0 auto;vertical-align:middle;background-color:var(--road-overlay-inverse);border-radius:40px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.swiper-pagination-bullet{width:1.5rem;height:0.25rem;vertical-align:middle;background:var(--road-overlay);border-radius:0;opacity:1}.swiper-pagination-bullet-active{background:var(--road-primary)}:host(.swiper-pagination-progressbar){background:var(--road-grey-70)}:host(.swiper-pagination-progressbar) .swiper-pagination-progressbar-fill{background:var(--road-grey-10)}:host(.swiper-scrollbar){background:var(--road-grey-70)}:host(.swiper-scrollbar-drag){background:var(--road-grey-10)}.swiper-button-prev,.swiper-button-next{display:none}@media (min-width: 768px){.swiper-button-prev,.swiper-button-next{display:flex;width:3rem;height:3rem;background:var(--road-overlay);border:1px solid var(--road-overlay-inverse);border-radius:3rem}.swiper-button-prev road-icon,.swiper-button-next road-icon{color:var(--road-on-overlay)}}.swiper-button-prev::after,.swiper-button-next::after{display:none}@media (hover: hover){.swiper-button-prev:hover,.swiper-button-next:hover{background:var(--road-surface)}.swiper-button-prev:hover road-icon,.swiper-button-next:hover road-icon{color:var(--road-on-surface)}}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:1rem}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:1rem}@media (min-width: 768px){.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:1.5rem}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:1.5rem}}.swiper-pagination-fraction{background-color:rgba(00, 00, 00, 0.64);color:var(--white);text-align:right;right:10px;bottom:10px;left:auto;font-size:16px;padding:3px 8px;width:auto;border-radius:4px}";
 var RoadCarouselStyle0 = carouselCss;
 
 Swiper.use([Pagination, Scrollbar, Autoplay, Keyboard, Zoom]);
@@ -10437,12 +10437,13 @@ class Carousel {
         this.roadslidetouchstart = createEvent(this, "roadslidetouchstart", 7);
         this.roadslidetouchend = createEvent(this, "roadslidetouchend", 7);
         this.swiperReady = false;
-        this.swiper = new Promise(resolve => {
+        this.swiper = new Promise((resolve) => {
             this.readySwiper = resolve;
         });
         this.didInit = false;
         this.options = {};
         this.pager = true;
+        this.pagertype = "bullets";
         this.arrows = false;
     }
     async optionsChanged() {
@@ -10453,12 +10454,12 @@ class Carousel {
         }
     }
     connectedCallback() {
-        if (typeof MutationObserver !== 'undefined') {
-            const mut = this.mutationO = new MutationObserver(() => {
+        if (typeof MutationObserver !== "undefined") {
+            const mut = (this.mutationO = new MutationObserver(() => {
                 if (this.swiperReady) {
                     this.update();
                 }
-            });
+            }));
             mut.observe(this.el, {
                 childList: true,
                 subtree: true,
@@ -10472,6 +10473,9 @@ class Carousel {
         }
         this.setupKeyboardNavigation();
     }
+    componentDidUpdate() {
+        this.initSwiper();
+    }
     disconnectedCallback() {
         if (this.mutationO) {
             this.mutationO.disconnect();
@@ -10480,7 +10484,7 @@ class Carousel {
         const swiper = this.syncSwiper;
         if (swiper !== undefined) {
             swiper.destroy(true, true);
-            this.swiper = new Promise(resolve => {
+            this.swiper = new Promise((resolve) => {
                 this.readySwiper = resolve;
             });
             this.swiperReady = false;
@@ -10491,7 +10495,7 @@ class Carousel {
     async update() {
         const [swiper] = await Promise.all([
             this.getSwiper(),
-            waitForSlides(this.el)
+            waitForSlides(this.el),
         ]);
         swiper.update();
     }
@@ -10561,6 +10565,8 @@ class Carousel {
         return this.swiper;
     }
     async initSwiper() {
+        var _a;
+        (_a = this.syncSwiper) === null || _a === void 0 ? void 0 : _a.destroy();
         const finalOptions = this.normalizeOptions();
         await waitForSlides(this.el);
         const swiper = new Swiper(this.el, finalOptions);
@@ -10571,7 +10577,7 @@ class Carousel {
     normalizeOptions() {
         const swiperOptions = {
             effect: undefined,
-            direction: 'horizontal',
+            direction: "horizontal",
             initialSlide: 0,
             loop: false,
             parallax: false,
@@ -10580,13 +10586,13 @@ class Carousel {
             speed: 300,
             grid: {
                 rows: 1,
-                fill: 'column',
+                fill: "column",
             },
             slidesPerGroup: 1,
             centeredSlides: false,
             slidesOffsetBefore: 0,
             slidesOffsetAfter: 0,
-            touchEventsTarget: 'container',
+            touchEventsTarget: "container",
             autoplay: false,
             freeMode: {
                 enabled: false,
@@ -10647,16 +10653,16 @@ class Carousel {
                 crossFade: false,
             },
             a11y: {
-                prevSlideMessage: 'Previous slide',
-                nextSlideMessage: 'Next slide',
-                firstSlideMessage: 'This is the first slide',
-                lastSlideMessage: 'This is the last slide',
+                prevSlideMessage: "Previous slide",
+                nextSlideMessage: "Next slide",
+                firstSlideMessage: "This is the first slide",
+                lastSlideMessage: "This is the last slide",
             },
         };
         if (this.pager) {
             swiperOptions.pagination = {
                 el: this.paginationEl,
-                type: 'bullets',
+                type: this.pagertype,
                 clickable: true,
                 hideOnClick: false,
             };
@@ -10685,24 +10691,24 @@ class Carousel {
                 doubleTap: () => this.roadslidedoubletap.emit(),
             },
         };
-        const customEvents = (!!this.options && !!this.options.on) ? this.options.on : {};
+        const customEvents = !!this.options && !!this.options.on ? this.options.on : {};
         const mergedEventOptions = { on: Object.assign(Object.assign({}, customEvents), eventOptions.on) };
         return Object.assign(Object.assign(Object.assign({}, swiperOptions), this.options), mergedEventOptions);
     }
     setupKeyboardNavigation() {
-        this.el.addEventListener('keydown', (event) => {
+        this.el.addEventListener("keydown", (event) => {
             switch (event.key) {
-                case 'ArrowLeft':
+                case "ArrowLeft":
                     this.slidePrev();
                     break;
-                case 'ArrowRight':
+                case "ArrowRight":
                     this.slideNext();
                     break;
             }
         });
     }
     render() {
-        return (hAsync(Host, { key: 'ade421fc79d745727fe78ca3e95fe16e3415137e', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: 'd52f527ab0a2a4bd64e2098cc588f3ae6b874bcb', class: "swiper-wrapper" }, hAsync("slot", { key: '0f9426dca0b1ba1341793bd04e847f261f2c1046' })), this.pager && hAsync("div", { key: '3479c07552381ba5a162e012b52fc7da06f41172', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { key: '9a9b215a9e21380b57b75e4ba371c2c0e2176d56', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: '1f78835d575dcad28f3bd6cf55a9f0d34d90f809', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: '287a27ab8483e6833bd27aeceeb62d51313ee606', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: 'de2b38ddb9afd1e8140f1233a9da42ae12b4793e', icon: navigationChevron })))));
+        return (hAsync(Host, { key: 'fc3ffdd804e5891f91fdc8686f556e595e772e1c', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: '847514ac112594e8fcfc9eac30ffba016104672a', class: "swiper-wrapper" }, hAsync("slot", { key: '0d0bdec966329e10668feeb889002144921fa838' })), this.pager && (hAsync("div", { key: 'a301eb072380dc9a9a05564f269e7ffd2fb35dda', class: "swiper-pagination", ref: (el) => (this.paginationEl = el) })), this.arrows && (hAsync("div", { key: '84b80a05177fa4301a32968ab168a5d87f18a609', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: 'f5d6134e5e58ee0ab5cc189582ed4e46e8e1313b', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: 'bbc274b30ef7a90efc0938a077299e15b3653d14', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: '3b0a8040718466b1ecca612e42cb3b013cc583b8', icon: navigationChevron })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -10715,6 +10721,7 @@ class Carousel {
         "$members$": {
             "options": [8],
             "pager": [4],
+            "pagertype": [1],
             "arrows": [4],
             "update": [64],
             "updateAutoHeight": [64],
@@ -10739,7 +10746,7 @@ class Carousel {
     }; }
 }
 const waitForSlides = (el) => {
-    return Promise.all(Array.from(el.querySelectorAll('road-carousel-item')).map(s => s.componentOnReady()));
+    return Promise.all(Array.from(el.querySelectorAll("road-carousel-item")).map((s) => s.componentOnReady()));
 };
 
 const carouselItemCss = "road-carousel-item{display:block;width:100%;height:100%}.slide-zoom{display:block;width:100%;text-align:center}.swiper-slide{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;text-align:center}.swiper-slide road-img{pointer-events:none}.swiper-slide img{width:auto;max-width:100%;height:auto;max-height:100%;pointer-events:none}";
@@ -10938,7 +10945,7 @@ class Chip {
         this.size = 'sm';
     }
     render() {
-        return (hAsync(Host, { key: '66bf3407592164729d81e1269900dfff160d60ce', class: `chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: 'e037baad33a3be2b430f9c2325abc81f4e7fd015', class: "chip-description" }, hAsync("road-icon", { key: '961d65ef9f31be4444c983c0bd178e19c0f06692', class: "chip-icon", color: "info", icon: alertInfoSolid }), hAsync("slot", { key: '3f1852768aa6a6dc6b234832688f6868b9676591' }))));
+        return (hAsync(Host, { key: '22343d5f99de6406223630ccc5ddc4c8363f87ff', class: `chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '53693f688a08c07d7c5c5c8f6f4ab6ecbad5c783', class: "chip-description" }, hAsync("road-icon", { key: 'd66577297e5c33d7722c3026293830092e9f0239', class: "chip-icon", color: "info", icon: alertInfoSolid }), hAsync("slot", { key: '248ca83089bffdb3695d953cb14ac38a27e10b4d' }))));
     }
     static get style() { return RoadStatusChipStyle0; }
     static get cmpMeta() { return {
@@ -12954,7 +12961,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
   return trap;
 };
 
-const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;max-height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-footer.remove-padding{padding:0}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto;padding:0 var(--road-spacing-05) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}.drawer-footer.remove-padding{padding:0}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";
+const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.road-drawer-wrapper{width:100%}.road-drawer-wrapper .drawer-dialog{position:absolute;right:0;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .road-drawer-wrapper .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .road-drawer-wrapper .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;max-height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-footer.remove-padding{padding:0}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto;padding:0 var(--road-spacing-05) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}.drawer-footer.remove-padding{padding:0}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .road-drawer-wrapper .drawer-dialog{transform:none}";
 var RoadDrawerStyle0 = drawerCss;
 
 /**
@@ -13000,6 +13007,14 @@ class Drawer {
          * Show / hide close icon
          */
         this.hasCloseIcon = true;
+        /**
+         * Override focus trap
+         */
+        this.enabledFocusTrap = true;
+        /**
+         * Footer Content state
+         */
+        this.hasFooterContent = false;
         /**
          * Close the dialog when clicking on the cross or layer
          */
@@ -13035,6 +13050,18 @@ class Drawer {
     async back() {
         this.onBack.emit();
     }
+    /**
+     * Enable/disable focus trap so it can be overrided by the client in case of something appearing over the drawer like a modal for example
+     */
+    handleFocusTrapProp(value) {
+        var _a, _b;
+        if (value) {
+            (_a = this.focusTrap) === null || _a === void 0 ? void 0 : _a.activate();
+        }
+        else {
+            (_b = this.focusTrap) === null || _b === void 0 ? void 0 : _b.deactivate();
+        }
+    }
     // @Watch('isOpen')
     // handleOpen(openValue: boolean) {
     //   if(openValue === true) {
@@ -13091,7 +13118,7 @@ class Drawer {
         this.el.querySelectorAll('[data-dismiss="modal"]').forEach(item => {
             item.addEventListener('click', () => this.close());
         });
-        const drawerContent = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".drawer-dialog");
+        const drawerContent = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".road-drawer-wrapper");
         this.focusTrap = createFocusTrap(drawerContent, {
             onActivate: () => drawerContent === null || drawerContent === void 0 ? void 0 : drawerContent.classList.add("focus-trapped"),
             onDeactivate: () => drawerContent === null || drawerContent === void 0 ? void 0 : drawerContent.classList.remove("focus-trapped"),
@@ -13114,10 +13141,11 @@ class Drawer {
         const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
         const footerSlotElement = (_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="footer"]');
         const hasFooterContent = footerSlotElement instanceof HTMLSlotElement && footerSlotElement.assignedNodes().length > 0;
-        return (hAsync(Host, { key: 'a2f62ec1ecc2d5452041c1aef21c219dfb7d37e5', class: `${drawerIsOpenClass}  drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: '483e792abee343f79a36594eb391203521dac055', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'b0692ac024a6f402915f482177b867f1d3fa5144', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '6afd92780745fe0f6817adb5fba8649a9de0cdd9', class: "drawer-content" }, hAsync("header", { key: '5248706c77aeaa4ce3332acfe7f3b605cbe7fd54', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (hAsync("h2", { class: "drawer-title" }, this.drawerTitle)) : (hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" }))), closeIconElement), hAsync("div", { key: '42ade4a899a1f381af1463ac5217c245de22c241', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: 'adb1a893b61941e6488ba3bc233540ca18d90252' })), hAsync("footer", { key: '7fb54e5564e98777a3fbf3474d323f7fe1eb0e07', class: `drawer-footer ${removePaddingClass}`, style: { display: hasFooterContent ? 'block' : 'none' } }, hAsync("slot", { key: '37f2d0ec86cccc74795bc9a8fb509c5ded347f92', name: "footer" }))))));
+        return (hAsync(Host, { key: '8a260bbe379fa08c92965e479463266cf01b6d3f', class: `${drawerIsOpenClass}  drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'f89b9ad39f0b034837cc0f72fe6d231c9c56ef9d', class: "road-drawer-wrapper" }, hAsync("div", { key: '3abed026c6a1729d6494885f5b35940fe2a92200', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'a140211eaf2c38ba3d10c16a6c018a9a29a1cf90', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document" }, hAsync("div", { key: 'd91c83c19ebf6849883e500643e855c89f21b5f5', class: "drawer-content" }, hAsync("header", { key: '7134b69bd23afa3d7fa8a94cb5c081084263a6e6', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (hAsync("h2", { class: "drawer-title" }, this.drawerTitle)) : (hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" }))), closeIconElement), hAsync("div", { key: '73fd86ca43da0bf6d5789b61d82075aeafc58f17', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: 'd9f3f80f2310ab8fc8bcc5b73c928f29b4adefe3' })), hAsync("footer", { key: 'cb4a1c508203e94a12feed1f9c91da6f79ec814b', class: `drawer-footer ${removePaddingClass}`, style: { display: hasFooterContent ? 'block' : 'none' } }, hAsync("slot", { key: '6818b0dbcfb1ea4c40cb2af1789c582ebe402ed2', name: "footer" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "enabledFocusTrap": ["handleFocusTrapProp"],
         "isOpen": ["handleOpen"]
     }; }
     static get style() { return RoadDrawerStyle0; }
@@ -13137,7 +13165,9 @@ class Drawer {
             "ariaLabelBack": [1, "aria-label-back"],
             "ariaLabelClose": [1, "aria-label-close"],
             "hasCloseIcon": [4, "has-close-icon"],
+            "enabledFocusTrap": [4, "enabled-focus-trap"],
             "focusTrap": [32],
+            "hasFooterContent": [32],
             "open": [64],
             "close": [64],
             "back": [64]
@@ -13176,7 +13206,7 @@ class Dropdown$1 {
         const positionClass = this.position ? `position-${this.position}` : '';
         const dropdownClass = this.position ? `dropdown-${this.position}` : '';
         const directionClass = this.direction ? `direction-${this.direction}` : '';
-        return (hAsync("details", { key: '0b6d1adf874e559fb90a471aabda2c01090c48b9', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '83139e232e4c74c84831d20e5ed32cea245b8102', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: 'd427dcd5a8c534a4fb1e3874cb2ac279d3b9a5f2', class: `d-flex ${positionClass}` }, hAsync("div", { key: 'b9bbebff325eb4c2ed9e088b7064ead91b2c55f8', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: '72d9a1fd48cca91d8f16494d731898e3625e47e3', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: '2434438ec14e86f8fb78378b3eb88f0a39abb6f2', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: '1eb1bc0bdfdbaa13689e0552c8fa278381777863', name: "list" }))));
+        return (hAsync("details", { key: '369ce1cfb90f00ccdf3a513b074871f74587ea60', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '7892d1f9a8dd3167d3894b3c8cd2f2ee3feda8f4', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: 'a24ca536cf7f3e6cf44c46f6dae355d527224570', class: `d-flex ${positionClass}` }, hAsync("div", { key: '1e7ba5b51a68a4b0c79cd7bf256853dfa4b8ab3a', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: '64256d8c446025fa7199fbb7cda0777cf02c46c9', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: 'b2020719de2304d5c4f606ed3f306aaf4f8a382a', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: 'ee017bc6678acc0f8770a5c52921d8f886f35aa6', name: "list" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDropdownStyle0; }
@@ -13232,7 +13262,7 @@ class Dropdown {
         this.isOpen = false;
     }
     render() {
-        return (hAsync("details", { key: 'b87c57717a2b24c36a021566c0caf902be2dc730', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '5b8a7a636d992b9f7cf087de5792f77570b031a7', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: '8fa86bcbcb09361bbddbdaf02e239c1a6ee439b2', class: `d-flex` }, hAsync("div", { key: '8f72235d6d44e20671022d84718aecf76cb0f2a2' }, hAsync("road-avatar", { key: '5a3075b025e47fd0c5e092863fae3a111ca5b737' }, hAsync("slot", { key: 'e736fe17013d86ca78a4bca99af10e6a595c151c', name: "avatar" }))))), hAsync("div", { key: 'c12f79bff86f7674764ff9f498394a172044997a', class: `dropdown-menu` }, hAsync("div", { key: '9ea9939892d5b0b21a45d99120981887ee7816ed', class: "profil-item" }, hAsync("road-avatar", { key: '3c24e96cf92bc6979c0d5212cb58285b35598de9', size: "sm" }, hAsync("slot", { key: 'c8ce0ac4929af5c830628c477cec9dbfc584fd7e', name: "avatarItem" })), hAsync("div", { key: '981466eec9a42648620fa4d77d0294bdde264316', class: "profil-item-info" }, hAsync("span", { key: 'aca08ad4ffb9439e649a5f83d3b34a4813465372', class: "profil-item-info-name" }, hAsync("slot", { key: 'c7fa79f90c906e705cb89b1b1eea664f7852aa60', name: "name" })), hAsync("road-label", { key: '77410fe9d9f4af29ecc59f787840a39490ebbf26' }, hAsync("slot", { key: '5055c32f3bfefc68084e42417ab54959e2d1fae7', name: "email" })))), hAsync("slot", { key: '656ad0ffc1bb8ebb1725ddf823ffc29384448a0a', name: "list" }))));
+        return (hAsync("details", { key: '6b4e442ce01f574182606e7c09e63e6d8e0d96b9', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '96a1c367ac0b6602e6e8151579b108783ba53c8e', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'f01c4d03a12d00874238e2aa3abb7be483e45476', class: `d-flex` }, hAsync("div", { key: 'ec9d487f6cffc7e6e754f560302ecf209b48805a' }, hAsync("road-avatar", { key: '3f6b7e0ad05414771176f7b7e28cfc79b9590e34' }, hAsync("slot", { key: 'd38ff4e91a859e64da6788f10cf341ade9efdfd5', name: "avatar" }))))), hAsync("div", { key: '49c70f04f60cd49f8f7dea3f3edf538886245a6e', class: `dropdown-menu` }, hAsync("div", { key: '251bc17b6dd66d76d780f8736df547b07b8ea028', class: "profil-item" }, hAsync("road-avatar", { key: '0facee183c2290c5dbfaf78a38bbd040693124c0', size: "sm" }, hAsync("slot", { key: '578b32315727e7193fc88e3a2c3f8dde364970da', name: "avatarItem" })), hAsync("div", { key: '7faa802856269a4440b8602772acc2cfde110341', class: "profil-item-info" }, hAsync("span", { key: 'efbeb25518e9a70da4fa52d6633abcc304efd9ae', class: "profil-item-info-name" }, hAsync("slot", { key: 'bbfe23bb0e4832bb62a9f4232fd0291981fdbaa4', name: "name" })), hAsync("road-label", { key: '2abf8f36c90e55491484a9c8f040a68bd2255be6' }, hAsync("slot", { key: '4fb41b62b83d688e1ba940c784d1947a64e7a17a', name: "email" })))), hAsync("slot", { key: '0fa5e3352f774d950d5d2cd4ad3e44b0eb106140', name: "list" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadProfilDropdownStyle0; }
@@ -13296,7 +13326,7 @@ class Duration {
         this.isOpen = false;
     }
     render() {
-        return (hAsync("road-drawer", { key: '2485f665f08be8b983893075cb687c0db04c8add', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: 'a3cfb812b1127a32eb31e1344944a8d52dd59f70' }, hAsync("road-row", { key: '1742b311e96f8140ffbe88f45a4f42ede7940cc9', class: "duration-values" }, Array(Math.floor((this.max - this.min) / this.step) + 1).fill(this.min).map(((item, index) => (item + index * this.step))).map(item => hAsync("road-col", { class: "col-3 col-md-2" }, hAsync("road-card", { button: true, value: item }, hAsync("road-label", null, Math.floor(item / 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false }), ":", (item % 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false })))))))));
+        return (hAsync("road-drawer", { key: '17db42f462da76b54a24eb6dd52a0ce637be4c86', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '51fb1715dc70ffe94e82e171db3759c308c562e4' }, hAsync("road-row", { key: 'a4b5d1e6489f39bb6bc698c7beadf5135d46e3e9', class: "duration-values" }, Array(Math.floor((this.max - this.min) / this.step) + 1).fill(this.min).map(((item, index) => (item + index * this.step))).map(item => hAsync("road-col", { class: "col-3 col-md-2" }, hAsync("road-card", { button: true, value: item }, hAsync("road-label", null, Math.floor(item / 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false }), ":", (item % 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false })))))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDurationStyle0; }
@@ -13342,7 +13372,7 @@ class Flap {
     }
     render() {
         const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
-        return (hAsync(Host, { key: 'acecc88123e94f737aef8b2d1026e8a9ce196a7d', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '6ce8eccf19a94ca9e7c8b75f9da8b7a8df00376b' })));
+        return (hAsync(Host, { key: '17654f70a4f17fb19164ebb3f29ca576768cda54', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '06d531af72c1d328976fcc23f9877da54e39b667' })));
     }
     static get style() { return RoadFlapStyle0; }
     static get cmpMeta() { return {
@@ -13388,7 +13418,7 @@ class GlobalNavigation {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: 'bae96f32bd732721cbf401db21708a3bb601016b', role: "application" }, hAsync("slot", { key: '65e4a67511fd702e3daaa1ba206fbb8ff67df6da' })));
+        return (hAsync(Host, { key: '3153f9036b6fcbf625b4b6c2fb22dc270b20ac58', role: "application" }, hAsync("slot", { key: '5bc133bc9abe1abcae66c1247215c1884ead0a3c' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -13536,7 +13566,7 @@ class GlobalNavigationV2 {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '1a523fcd448db62eb7a676184a22c7ae96e2d39e', role: "application" }, hAsync("slot", { key: '7c46cc17b02a4425161d99b54ef1bca9711f179a' })));
+        return (hAsync(Host, { key: '71284cfbbb2297134bfed397d45af88fc035d95f', role: "application" }, hAsync("slot", { key: '04c47f8f5c69d72ef7c74e405037deeba4aa6019' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -13566,7 +13596,7 @@ class Grid {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '8f4662a444e12323e10cda6ecc7a2fe9b2199ff3' }));
+        return (hAsync("slot", { key: 'c40d139aa872024144528faafb114db1d2d8af13' }));
     }
     static get style() { return RoadGridStyle0; }
     static get cmpMeta() { return {
@@ -13894,7 +13924,7 @@ class Img {
     }
     render() {
         const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
-        return (hAsync(Host, { key: '6fd414b74c5d8cfef4b87847bef754c117a41803', class: placeholder }, hAsync("img", { key: '5f3bcae6d677124b042535c8a52d2870262db16c', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
+        return (hAsync(Host, { key: 'f059a8a30c536d517219ac57c2fb085a669cfcef', class: placeholder }, hAsync("img", { key: 'c624708aaa39e50e26bfe1725225b6038949ad5b', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31344,11 +31374,11 @@ class Input {
         const lessLabelClass = this.label !== '' ? '' : 'less-label';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
         const isValidClass = this.success == true ? 'is-valid' : '';
-        return (hAsync(Host, { key: '1c2b16f760683ce47bd7ec2d2fe09519468e8dd6', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '8293d0b76bcdc9e71d10245e4beeefe6b643351a', class: `form-control ${hasValueClass} ${isInvalidClass} ${isValidClass} ${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, list: this.list, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input', ref: el => (this.inputEl = el) }), hAsync("label", { key: 'e83de93fce5a18eaff5e7431abe53c56e3dc1860', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && (Array.isArray(this.error)
+        return (hAsync(Host, { key: 'bd525f68b22069ef4874cef77a96a1f724b0129c', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '9bae71920e835479725c6e37f0af8bc1ab93b7f5', class: `form-control ${hasValueClass} ${isInvalidClass} ${isValidClass} ${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, list: this.list, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input', ref: el => (this.inputEl = el) }), hAsync("label", { key: '6637aff56cf6623099279d43dbd780fa1004da2f', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && (Array.isArray(this.error)
             ? // Si error est un tableau, on itère et génère un <p> pour chaque élément
                 this.error.map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))
             : // Si error est une chaîne, on la divise avec split et génère un <p> pour chaque élément
-                this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: '1d2f2cccf78bacd0aabdb4049a0852b0a8ef56d2', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '2b9de94c0d1011f97e037ba8657257509c883986', name: "checklistPassword" })));
+                this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: '4add98d493556fddf6502dfc16516a5aa4df9a4b', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: 'd519756096faac3491e26829408089e7ba94cca8', name: "checklistPassword" })));
     }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
@@ -31462,7 +31492,7 @@ class InputGroup {
             ? `size-${this.el.querySelector('road-input').sizes}`
             : '';
         const disabledClass = this.disabled ? 'is-disabled' : '';
-        return (hAsync("div", { key: 'c789f52752140cc0f396a8e2e2fcf9725ca974d2', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: '41870e22ddc72cd42c6b737962c11e075af78f91', class: "input-group-prepend" }, hAsync("slot", { key: '80322c2acb0bfe220cef11df0a7fd03aad98186a', name: "prepend" })), hAsync("slot", { key: '3b3c02a69bba482658a95f26fa46cb365ab373a5' }), hAsync("div", { key: '2551b5848533d7564872892e04380a68216a4979', class: "input-group-append" }, hAsync("slot", { key: 'c030afa5616bf26d7bcf99f09adc644fc2eeb2ca', name: "append" }))));
+        return (hAsync("div", { key: '8c08ce8ab1662c2b1c34c8f0ea4f30a982437cde', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: 'c4bc179b6176005b3c16cb591c02f5102f212297', class: "input-group-prepend" }, hAsync("slot", { key: '6378c664460898aa4f0370a6fb3168090728b305', name: "prepend" })), hAsync("slot", { key: '7807f07b194b432cd4c6a0f2c736aff0be71c039' }), hAsync("div", { key: '7af00c747970fb2a57f2f02e4257f5ce68274699', class: "input-group-append" }, hAsync("slot", { key: 'b8b8119295c1b1abe002f4a8bfbcbe76f92df78d', name: "append" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31542,13 +31572,13 @@ class Item {
                 target,
             };
         const showDetail = detail !== undefined && detail;
-        return (hAsync(Host, { key: '0aea3486ca34a04bfa7e0690181466e0f563ecdd', "aria-disabled": disabled ? 'true' : null, class: {
+        return (hAsync(Host, { key: '62e8ef9193a70f92b46e435d577e53a8f9a1611a', "aria-disabled": disabled ? 'true' : null, class: {
                 [`item-lines-${lines}`]: lines !== undefined,
-            } }, hAsync(TagType, Object.assign({ key: 'a2b491a400eb88b4af1ac7a26a5a00e32fde08cb' }, attrs, { class: {
+            } }, hAsync(TagType, Object.assign({ key: 'e632935ddf13d5ac58008c81056624a8c0908311' }, attrs, { class: {
                 'item-native': true,
                 'item-active': this.active,
                 [`layout-${layout}`]: layout !== undefined,
-            }, part: "native", disabled: disabled }), hAsync("slot", { key: 'b78e532a469747c50da1368932d4f582eb87f28b', name: "start" }), hAsync("div", { key: 'de095dfd6b972de3daebc9217842f3b5b2f593c8', class: "item-inner" }, hAsync("div", { key: '9f43e5afd0c887e8f5df8fee8b6a4e95b205fbd0', class: "input-wrapper" }, hAsync("slot", { key: '29497de23731ee53ee5e7665a03959e7fdc5df9b' }), hAsync("div", { key: '16a247a409fa1803a0026c6923fc2b99b64b351b', class: "input-wrapper-info" }, hAsync("road-label", { key: 'aefe0b6c06109bd0c17d405968344c24549332e7', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '9296d6542fee43a933193b284bc7cc8a1e1c5048', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: 'f66a05fb104f8ddf9553a99e8a75a59b0f24d9d7', name: "end" }), showDetail && hAsync("road-icon", { key: '5eab0e8ca80203ec5d276a8403aba93746953b7e', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
+            }, part: "native", disabled: disabled }), hAsync("slot", { key: 'c51366e9955782f7e380557254aae4667ab2fe37', name: "start" }), hAsync("div", { key: 'c1d40f35a45340ac616512131598989692cc903b', class: "item-inner" }, hAsync("div", { key: '129ed3383339bb49e14f88379f3dc98875727179', class: "input-wrapper" }, hAsync("slot", { key: '45112348bd0b31189aa597924eb0751ff24394b0' }), hAsync("div", { key: '17962d33cebdf99f65a6dffe6e86ceed849d708f', class: "input-wrapper-info" }, hAsync("road-label", { key: '767953cd36a88ea0a3fba4aa250440a75533cc03', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '86f97fab976f4726eb8862be80dcd5296b5b7215', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: '9dfeaa47eea39eaaed91df7e277bc6d0809eed3b', name: "end" }), showDetail && hAsync("road-icon", { key: '553c6f5e5b5d58d47b3aad7854deb35e6b7116a7', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadItemStyle0; }
@@ -31589,7 +31619,7 @@ class Label {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: 'f59ac081c472add0201c72c48c5146a231bf05fd' }));
+        return (hAsync("slot", { key: '407fbaed0a1d77ab406963598b44eecdd55fa531' }));
     }
     static get style() { return RoadLabelStyle0; }
     static get cmpMeta() { return {
@@ -31614,9 +31644,9 @@ class List {
     }
     render() {
         const { lines } = this;
-        return (hAsync(Host, { key: '2c2537547489eb97f46ccb6306d3d697773ab719', class: {
+        return (hAsync(Host, { key: 'b43b3c57de0d170edd667e68ebde84c88e40e3bd', class: {
                 [`list-lines-${lines}`]: lines !== undefined,
-            } }, hAsync("slot", { key: 'f4449d3df668e2d77f83103bb2e87915ef101efc' })));
+            } }, hAsync("slot", { key: '5a71c328d62f78e83bd00d35fd3b2107d3050cec' })));
     }
     static get style() { return RoadListStyle0; }
     static get cmpMeta() { return {
@@ -31701,7 +31731,7 @@ class Modal {
         const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
         const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
         const closeIconElement = this.hasCloseIcon ? hAsync("button", { type: "button", class: "modal-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" })) : '';
-        return (hAsync(Host, { key: 'fadc5b7f130b78ce930508f169a77c36c592a8b7', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: 'b06a7795a91860febafb941215dfffd796fda4c8', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'ddd6999c2e6069518d634b60502eb9cc0b311aba', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '17bb4a3d1281d71b0b4d3f3e1765491f768aa460', class: "modal-content" }, hAsync("header", { key: '5d1cb9be50df022c0e0ce59e82f3df6f2ec45369', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: '51fd0108264ba6a54c93047dbccf9e69ae7b3032', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: 'f966e33d28c4e59dee755dc4ac2c225c778cf782', class: "modal-body" }, hAsync("slot", { key: '50b4fe9fb58ee3eace39f5ce8f07a83fb05df81b' }))))));
+        return (hAsync(Host, { key: '230e6f6eaae339d5314c46db9fd0d67fc2d846fc', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: '2080e60ffe8a97a331f68f314d2aee59c7a86bf5', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '47044cf9e0b9dd04550db1ec3a82c263b4c547ee', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: 'e6abe2cb25564e1aff45d1c4a29a8504224b4456', class: "modal-content" }, hAsync("header", { key: '6459cf83929bbf51b797bb636fd88369fabda3d3', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: '050a8988f516aa9573f2d29b952dad3f52ead85e', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: 'eed07ba054f757aeba4f676727c101dd12c94a7d', class: "modal-body" }, hAsync("slot", { key: '221f6df6bf95583b4edd0d1dfe3a2eaec3fe7dae' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadModalStyle0; }
@@ -31752,7 +31782,7 @@ class Navbar {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '61786009c0bb1357257674a72b0f3dbf3f5c38a8', role: "menubar" }, hAsync("slot", { key: '2f3cdbc13d1bf0d3535035bd2098ed20d048dee0' })));
+        return (hAsync(Host, { key: 'c121e166433a74cb9bfe086872e29d0aceff6a4f', role: "menubar" }, hAsync("slot", { key: '4152762dbcbf5467698a3cde344c7898b579d505' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -31838,11 +31868,11 @@ class NavbarItem$1 {
             rel,
             target,
         };
-        return (hAsync(Host, { key: 'c392c7788ef068bff267fbc3508d3a9b9fe753d0', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
+        return (hAsync(Host, { key: '7ff4e21f2f090d7b2bee47c1395468c89d619c63', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
                 'navbar-item': true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
-            } }, hAsync("a", Object.assign({ key: '96d3d1d8ce173906c6427a4b53dff251f2ad2d28' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '2a9dd73feff76d436c37f27fc1b9a1c2678c2b6e', class: "button-inner" }, hAsync("slot", { key: '603703ddc7865278113ec4d953ab1fc71bbc08d7' })))));
+            } }, hAsync("a", Object.assign({ key: 'cb857860824f7b5244d014868b37c5242664f2d2' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '6d03a2caf31f24f12f0cd0d833a0c546ca01155f', class: "button-inner" }, hAsync("slot", { key: '6c64a44e43ef3d0f42ab1630b88b3e5a7529968a' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31935,11 +31965,11 @@ class NavbarItem {
             rel,
             target,
         };
-        return (hAsync(Host, { key: '50cadf50d920c724b646d0ef5dfb1bf994b42891', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
+        return (hAsync(Host, { key: 'b5d5414801e5eb897dd1f346834fda3f6408ef4d', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
                 'navbar-item': true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
-            } }, hAsync("a", Object.assign({ key: 'b8915357668428324fddc6dc6cf038dc8f55cfeb' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '103bfedba55dab13e169d5806fa5ae3873ed860b', class: "button-inner" }, hAsync("slot", { key: 'd1e8a5fd74c0b42550b050e4212a99e5df04902b' })))));
+            } }, hAsync("a", Object.assign({ key: '88b26c7312ff31508d4d231ec04036185f877fc6' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '97a6306b28115a3d1aa8961895aaa84f5a0fbe10', class: "button-inner" }, hAsync("slot", { key: 'd5dfe7aae57d389c6cd71fbe0b01e6cd5ec4ed5e' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31998,7 +32028,7 @@ class NavbarV2 {
     }
     render() {
         const compactClass = this.compact ? 'compact' : '';
-        return (hAsync(Host, { key: '43aff9eafd66ec2fb7c45a4707c758b3b182f64b', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '66b8748a5d4395bd03edff1b9490bdc0fe63f01a' })));
+        return (hAsync(Host, { key: 'a7dbd950685bc968dde55225595dfda20e2ede07', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '0181dc8feee84135b55ee42d2b1aaaf1d8e24a78' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -32121,10 +32151,10 @@ class PlateNumber {
     render() {
         const value = this.getValue();
         const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
-        return (hAsync("road-input-group", { key: 'ff8a8904113c2ba38d351de6d7e8a5ca6552344e', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '00a82c0c874d044dffae46bcd3c125cabf93871e', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: 'f19852dda75eead5634c48bdd95db8e69b3fcf2d', class: "plate-number-start" }, hAsync("road-icon", { key: '9e8ec737ee80c35402b26ac104a31f9df199fe86', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: '2f3483237c65a1cb542ebd3abd7caa43c8d0fb60', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
+        return (hAsync("road-input-group", { key: '078fe518c39b731041ebff1825b9119d0f0ceb94', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '7eb5ad6dc9eaff3f22398d37fc0f352779aa70c7', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: '1b40d4b4f5cafedbc76cf31441012a1c006d6afb', class: "plate-number-start" }, hAsync("road-icon", { key: 'aacc90e679c24a386964d6d12088a1a4e499ac80', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: 'bfc3dee0ba4400aed94e31f3bbb6ce0c716f15b4', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
             .filter(item => item.country === this.country)[0].letter))), this.motorbike
             ? (hAsync("textarea", { class: "form-control plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, maxlength: "9", rows: 2, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }))
-            : (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { key: '0378a2bbcaa0fd90f7a3f195f1a4e31806e2ff13', slot: "append", class: "input-group-append" }, hAsync("div", { key: 'fddb65007529730731c4410cf407bdcbcfcbbf93', class: "plate-number-end" }))));
+            : (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { key: 'bbdbde5a98aec4e5d91b3c39af8f5e8d7141730d', slot: "append", class: "input-group-append" }, hAsync("div", { key: '506043ccefb71abc11caf7f0f865ca13d1cd2bdc', class: "plate-number-end" }))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -32206,7 +32236,7 @@ class ProgressBar {
         let step = Math.ceil((this.value / 100) * this.numbersteps);
         step = Math.min(step, this.numbersteps);
         step = Math.max(step, 0);
-        return (hAsync(Host, { key: 'b95f31407c58d8d7d6a25044b76c8f2f233d74d1', class: "progress-element" }, hAsync("div", { key: 'dfa03b1cbb5e4c417eed00d25b394fd7208e0f14', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '7f0ca4d17c77c88d24457ac9b5a5112ff11ddbf2', class: "progress-bar", role: "progressbar", style: { width: `${progressBarFilledPercentage}%` }, "aria-valuenow": progressBarFilledPercentage, "aria-valuemin": "0", "aria-valuemax": "100", "aria-labelledby": "loadinglabel", "aria-label": "progress bar" })), hAsync("div", { key: '45cc2ee26a70152ada39408101f675ffb3470fc2', class: `${fullwidth}` }, hAsync("span", { key: '545f2ab462c04d2f3b38b0c2de1b067f639e864a', id: "loadinglabel", class: "progress-element-label" }, this.label), this.showstep && (hAsync("span", { key: '2d79c6432b78f9f4cbb2ae4c4afcf2a4de9c0a3a', class: "progress-element-step" }, step, "/", this.numbersteps)))));
+        return (hAsync(Host, { key: '09665cbad7d552d5fdedb655e474a917bbc7108c', class: "progress-element" }, hAsync("div", { key: '3fd59f777ad3b7a0de6079b24e2ff5369574a1be', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: 'ffc8433bdb99c8ad33e025b39ff032be6f7b5c0d', class: "progress-bar", role: "progressbar", style: { width: `${progressBarFilledPercentage}%` }, "aria-valuenow": progressBarFilledPercentage, "aria-valuemin": "0", "aria-valuemax": "100", "aria-labelledby": "loadinglabel", "aria-label": "progress bar" })), hAsync("div", { key: '9974af0eb6c68404b5ed3b11aa8f3f9e814181a0', class: `${fullwidth}` }, hAsync("span", { key: '2f9724da220d0c3148d62b251a8a249efb974bd2', id: "loadinglabel", class: "progress-element-label" }, this.label), this.showstep && (hAsync("span", { key: '695c562d666a72a9d4e29dc0d8a060bbd9745895', class: "progress-element-step" }, step, "/", this.numbersteps)))));
     }
     static get style() { return RoadProgressStyle0; }
     static get cmpMeta() { return {
@@ -32248,7 +32278,7 @@ class ProgressIndicatorVertical {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '8df70b09eb63e027b39c4843ae497cef5e39c2ed' }, hAsync("nav", { key: '0d6025a44bd845363096fc6e002a334263dac3c9' }, hAsync("ul", { key: '4d81713de26f798637118ee3af681eb6f668513f' }, hAsync("li", { key: 'bb4bf5dd01f940e3811ab5adf4a90d05ef4fab8c' }, hAsync("slot", { key: '18e8f5f3cddb2a2c6816127596d469a93ca2430c' }))))));
+        return (hAsync(Host, { key: '7cb6fe2a4a78937fc84bd9b0daf0c9445a051fc5' }, hAsync("nav", { key: 'da179588065c7d0e9469a067eee27aeb7d497ab5' }, hAsync("ul", { key: '232392a6dc63b3923550dd58db7ba2eae621a79b' }, hAsync("li", { key: '7e545e5818a67bc4fce6b97b4d26191da6f58c4c' }, hAsync("slot", { key: 'c815524158b6e599dfbbaaae21cee71abc33583a' }))))));
     }
     static get style() { return RoadProgressIndicatorVerticalStyle0; }
     static get cmpMeta() { return {
@@ -32272,7 +32302,7 @@ class ProgressIndicatorVerticalItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '17ae276834ff832dcf77111aeeda48b8ca9dc72e' }, hAsync("slot", { key: '624e68ac134752cb835e1cfdba7aa1db8d1f5152' })));
+        return (hAsync(Host, { key: '0c9d2ff669b0e8c23d2e319e02811af7b572c7d9' }, hAsync("slot", { key: 'd8c61ee8af278f07e4431fe67551b9627b1e8fe1' })));
     }
     static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
     static get cmpMeta() { return {
@@ -32301,7 +32331,7 @@ class ProgressTracker {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '558bbc6dc32d8f5e29cd9dd0e33ff210bc8e231f' }, hAsync("nav", { key: '386429b7b2670bd9e1cfde6eb895fcdb9fc26a66' }, hAsync("ul", { key: '67357a2d0f7777b39b390a6fc1f2609f7e504f0d' }, hAsync("li", { key: '6bd942a3d6c358f1988b58b16c65bc1f635c690f' }, hAsync("slot", { key: '47ab21f544caa20f3623d7a6b299a84cb17b2927' }))))));
+        return (hAsync(Host, { key: '32c91397fb443308453f8756ffbbb4b3aef1ac80' }, hAsync("nav", { key: '9eada9c4e79a0deddce2f431834e454bd184dc1e' }, hAsync("ul", { key: '9c51d05a05e3395ec75ee2ec99c466c545075719' }, hAsync("li", { key: '551f69d0d79aa99104e38d52b1b17686fc0bd82c' }, hAsync("slot", { key: '64c3a9c01936473628282b0caa49746bb97f1b78' }))))));
     }
     static get style() { return RoadProgressTrackerStyle0; }
     static get cmpMeta() { return {
@@ -32333,7 +32363,7 @@ class ProgressTrackerItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'f0323f8e11d15162868f6679d958a7eb3c732c94' }, hAsync("slot", { key: 'f723c3ff78b34c68bbe3f675d93ff61a6eb24a27' })));
+        return (hAsync(Host, { key: 'f080eb45be07dd54b9f028b96febd5b7090527cf' }, hAsync("slot", { key: '9ac63fa7a9a0d4e533dbc1a0a96fe93ea9a8034e' })));
     }
     static get style() { return RoadProgressTrackerItemStyle0; }
     static get cmpMeta() { return {
@@ -32426,7 +32456,7 @@ class Radio {
         const inverseClass = this.inverse && 'form-radio-inverse';
         const isInvalidClass = this.error ? 'is-invalid' : '';
         const inlineClass = this.inline ? 'form-radio-inline' : '';
-        return (hAsync(Host, { key: '586f04a19cf450f18483a2b9efa5b28d44e1677c', class: `form-radio ${inlineClass}` }, hAsync("input", { key: 'd66ab388470a1c6e2f4ae3ceb5ae8aa8c85eecf5', class: `form-radio-input ${isInvalidClass}`, type: "radio", id: this.radioId, name: this.name, required: this.required, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, checked: this.checked, "aria-checked": `${this.checked}`, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: '709969471cc1db265d7eb44e608ed0ef496cc72d', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: 'd551c29f4895ca78cb7bb331861d783281416749', class: "form-radio-label-span" }, this.secondaryLabel))));
+        return (hAsync(Host, { key: '8527b5ca6ed9c45a9fe7fc8dca12b6dafb159175', class: `form-radio ${inlineClass}` }, hAsync("input", { key: '82f44c9ebb76379f1c2ae8e7978b82167929729d', class: `form-radio-input ${isInvalidClass}`, type: "radio", id: this.radioId, name: this.name, required: this.required, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, checked: this.checked, "aria-checked": `${this.checked}`, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: '5e12d52490a2ae6cacf0eef9abb225626ec75a2c', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: '8c1c4c69075836741bbc89a0460fc47f8d4486e1', class: "form-radio-label-span" }, this.secondaryLabel))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadRadioStyle0; }
@@ -32510,7 +32540,7 @@ class RadioCard {
         const inlineClass = this.inline ? 'form-radio-inline' : '';
         const selectedClass = this.isSelected || this.selected ? 'radio-card-selected' : '';
         const disabledClass = this.disabled ? 'radio-card-disabled' : '';
-        return (hAsync(Host, { key: 'c0910c6654a5a43b06b48b784177d52fcad7d0e9', class: `form-radio ${inlineClass}` }, hAsync("div", { key: '52b04eb5baf4321d07da8dc13cb213491c7f8376', class: `radio-card ${selectedClass}  ${disabledClass}`, onClick: this.onClick }, hAsync("input", { key: 'e196a6962b45f72b80f3f5837e168fb3a29618f0', ref: el => this.inputEl = el, class: "form-radio-input", type: "radio", id: this.radioId, name: this.name, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, checked: this.isSelected || this.selected, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur, onChange: () => { } }), hAsync("label", { key: '2bfe44595464f2977c3ce6603a1e6b74e5b36a25', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, hAsync("div", { key: 'b7e50b7fc4ace0011ba413bffa7d99d048083710', class: "slot-wrapper" }, hAsync("slot", { key: '2026d471ed70c8bd6a773ec108583eeb2d721b93' }))))));
+        return (hAsync(Host, { key: '855a082bcd5ab1d2a76e276c9e026efda529b785', class: `form-radio ${inlineClass}` }, hAsync("div", { key: '1b76deba72dbfb07eb160c7791a9b02b4b5bcc5b', class: `radio-card ${selectedClass}  ${disabledClass}`, onClick: this.onClick }, hAsync("input", { key: '34d7a61463f55efcb9a13b4651f297d89e0a922b', ref: el => this.inputEl = el, class: "form-radio-input", type: "radio", id: this.radioId, name: this.name, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, checked: this.isSelected || this.selected, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur, onChange: () => { } }), hAsync("label", { key: '1f0d49a8d711e9c6f232f82bce3f9a942544b124', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, hAsync("div", { key: '7349a2e57c95bcc4c43314cdfe270b7c51f33146', class: "slot-wrapper" }, hAsync("slot", { key: '433d85a6e2807076f215d2c52f1d077030e9f2da' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadRadioCardStyle0; }
@@ -32607,7 +32637,7 @@ class RadioGroup {
     render() {
         const labelId = `${this.radioGroupId}-label`;
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: '92a0a50c9deb1ec6e7e14a18c953019deac3aa5a', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '5b6cc3d7aed55eb469fc0abf5b85c93402df832f', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '8d38bdc1820b184757bed13a389cd81179a4eab6', class: "asterisk" }, "*")), hAsync("slot", { key: '6e45e1330d3f2a078ec3e3e6562a14025d377f6b' }), this.error && this.error !== '' && hAsync("p", { key: '8271bf6be84430530d6f13ff30b4589ea018a322', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'ffe6ae4713d74c66f995f0b6ed7e459a5096d5f1', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: 'a92111d5ffff6b6eda6efa01fe8c92a390c1df04', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: 'fdb15769c6127b65fb2751aceef0dcb92f7c058d', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '8a32ab70a954b770ce0c71c1d1c3b17154184d5e', class: "asterisk" }, "*")), hAsync("slot", { key: '69e54cd769b20ef75f5c0fe5ad4410ff9939ccc2' }), this.error && this.error !== '' && hAsync("p", { key: '92f290c57411ea5600c45548f5b02d9a66db43a8', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '90fd15fe58413798a2de75b7636d8a3df749df5b', class: "helper" }, this.helper)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32737,14 +32767,14 @@ class Range {
     render() {
         const value = this.getValue();
         const datalist = this.showLabels !== undefined ? `tickmarks` : "";
-        return (hAsync(Host, { key: '70682c392f1e20883fb831efc8de0f9a067b3009', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: '981f26d40294cd905075d0745e4728543bdc618e', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '43f2969c43d2573de4db51261263ff22d834cc89', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: '2009bfe7013711fcac093f8c67f54daf8f293d05', class: "form-range", style: {
+        return (hAsync(Host, { key: '4a3eac8fe972c4da37712c2bfb9f9368a2c5e0e4', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: '7ede74bdbb7f85124b250a02f312e0fa8672b445', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: 'bbfe778ba2082b82dac80d2c9b11b032ae4d3dc5', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: 'a5617bb934ee0e8f481d4cbbe334ecdcccb80f4a', class: "form-range", style: {
                 "--min": this.min,
                 "--max": this.max,
                 "--value": value,
                 "--background-color": this.disabled
                     ? "var(--road-surface-disabled)"
                     : "initial",
-            } }, this.showValue && hAsync("output", { key: 'b918d44808d44f446f88781b56a18da28768d184' }), this.showLabels && hAsync("slot", { key: '341f43e617bca8decaa791170065658cf5c57923', name: "datalist" }), hAsync("input", { key: '20d9d42bcfd89eb76a9459571cec4e790d8904f4', type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist, "aria-label": "Valeur", tabindex: "0", disabled: this.disabled }), hAsync("label", { key: '6ff1fbdc6111509511a1e50e0e65f43ec692f74f', class: "form-range-label" }, "Valeur"), hAsync("div", { key: 'fadff2d5d9fda1b85290a4c39697968b13470412', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: '79f4b51b9e695692777ab37b36511dfc8209812c', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
+            } }, this.showValue && hAsync("output", { key: 'f8fb6174412f03e9e0ada70b79715b8892c394e7' }), this.showLabels && hAsync("slot", { key: '77278e535a1cf754b21ef12ebd1650aa03942ad0', name: "datalist" }), hAsync("input", { key: 'c40fc31c0744955b440b162e5cddaa7c7b2119a3', type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist, "aria-label": "Valeur", tabindex: "0", disabled: this.disabled }), hAsync("label", { key: 'ec72158b6b0f7128aee76222506a6ecf80bbf43c', class: "form-range-label" }, "Valeur"), hAsync("div", { key: 'ec3ba04cbb45a2af707f81e0fd05fbbb868c8187', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: '293312e73482a2dafe8ef694ae2e56e3f37955bb', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32813,7 +32843,7 @@ class Rating {
         const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
         const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
         const readOnly = this.readonly == true ? `readonly` : '';
-        return (hAsync(Host, { key: 'de9146b27a97204cf394332ed3cd39872b2021be' }, hAsync("div", { key: '10e5404e7b77281cbc6db3c7b5443158cff0d5d2', class: `${sizeRatingStarsClass}` }, [...Array(rate)].map(() => hAsync("road-icon", { icon: star, size: "sm", color: "warning" })), [...Array(rateDecimale)].map(() => hAsync("road-icon", { icon: starHalfColor, size: "sm", class: "rating-star" })), [...Array(5 - rate - rateDecimale)].map(() => hAsync("road-icon", { icon: star, size: "sm", class: "rating-star" }))), this.readonly == false && this.showreviews && hAsync("a", { key: 'ba4c82ef9eff58a95cb6049839c26c2a2e74dd2d', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: 'd7066a54aecd03e699e63ef2c4546a350252712a', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
+        return (hAsync(Host, { key: 'f3317daf4cdd2e6a539936c9dbe095c791ce883d' }, hAsync("div", { key: 'fe4e3b262592ca714e26f7cc03ac9ba4435d0b51', class: `${sizeRatingStarsClass}` }, [...Array(rate)].map(() => hAsync("road-icon", { icon: star, size: "sm", color: "warning" })), [...Array(rateDecimale)].map(() => hAsync("road-icon", { icon: starHalfColor, size: "sm", class: "rating-star" })), [...Array(5 - rate - rateDecimale)].map(() => hAsync("road-icon", { icon: star, size: "sm", class: "rating-star" }))), this.readonly == false && this.showreviews && hAsync("a", { key: '17bd3fb3ecbbd6e040c3c9c70fb92b9af90ee6b1', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '5dba1d64ca367649797df7b872789e7cdc130e8c', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
     }
     static get style() { return RoadRatingStyle0; }
     static get cmpMeta() { return {
@@ -34356,9 +34386,9 @@ class RoadPhoneNumberInput {
         const isErrorClass = this.errorMessage.length ? 'is-error' : '';
         const hasValueClass = this.hasValue() ? 'has-value' : '';
         const sizes = 'xl';
-        return (hAsync(Host, { key: 'b35e9d16e6e4f29defef7bdcd5cf8c2a2bd2c861' }, hAsync("div", { key: '4c2a4f6b4d6d28bfc90b2cc85d9ab3a2c5989a2b', class: 'phone-number-inputs-container' }, hAsync("div", { key: '5c94cfdfb637deabaaee01375f80276bb37f2ac3', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: '8b226ae681f17788d5c476d531614b6063eff700', id: selectId, class: `form-select-area has-value`, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, onChange: (event) => this.handleSelect(event), "aria-label": this.codeLabel, tabIndex: this.disabled ? -1 : 0 }, this.countryOptions && this.countryOptions.map(option => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.selected }, option.label)))), hAsync("label", { key: 'b12b6fcbf96de164bca500332d9f9b363e6af4bc', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '04843eb39336e241d60d5983c1e92a6af3edead4', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: 'fb9a9b002c1638df2eb593c6f95181cca6b91c14', type: 'tel', id: inputId, class: `input-${sizes} phone-number-input-field ${hasValueClass} ${isErrorClass}`, value: this.phoneValue, required: this.required, tabIndex: 0, onInput: (event) => this.handleInput(event) }), hAsync("label", { key: '83bafd94dea321d0a8ab7cd50cc6d29f71d83d34', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
+        return (hAsync(Host, { key: '24cd537172b031b54a8d4b551316c6d35ebfb457' }, hAsync("div", { key: 'fb2728e530fca3d44e2bd54ad5c326bffdec704e', class: 'phone-number-inputs-container' }, hAsync("div", { key: 'f8143383f1a4d27a6e1d0f5d31396b08fee31ad7', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: 'bc5cd7865dced3c1a7a8c412ce487a1e95c74bd9', id: selectId, class: `form-select-area has-value`, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, onChange: (event) => this.handleSelect(event), "aria-label": this.codeLabel, tabIndex: this.disabled ? -1 : 0 }, this.countryOptions && this.countryOptions.map(option => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.selected }, option.label)))), hAsync("label", { key: '2a460863f32b098caa5bc47aade77089038d1cb1', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '747540f6cf9f2402e12f370970631c44177fda73', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: '02b9cb47645876729fb4206c8c930f4a214f53a3', type: 'tel', id: inputId, class: `input-${sizes} phone-number-input-field ${hasValueClass} ${isErrorClass}`, value: this.phoneValue, required: this.required, tabIndex: 0, onInput: (event) => this.handleInput(event) }), hAsync("label", { key: 'c3de74c259cc32edd1cd107bab4bb8c00be91fb5', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
             && this.errorMessage !== ''
-            && hAsync("p", { key: '01aafef72de6d89f0f8bbd912759ea98b3992e87', class: "invalid-feedback" }, hAsync("road-icon", { key: '02a98a05942b1c096a70a4112c0f074faa5843d7', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
+            && hAsync("p", { key: '334407a43c985abd508a0dd38a88af4e2587a525', class: "invalid-feedback" }, hAsync("road-icon", { key: 'c9bfb7b1a24f0ea3f2cc8a335e28c99c38a5c004', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
     }
     get el() { return getElement(this); }
     static get style() { return RoadPhoneNumberInputStyle0; }
@@ -34477,7 +34507,7 @@ class RoadTimeRangePicker {
         return { start: this.start, end: this.end };
     }
     render() {
-        return (hAsync(Host, { key: 'c1528d80635b8cfdf6dbd01f890f20b12cb5948b', class: `time-range-picker input-${this.sizes}` }, this.label && (hAsync("p", { key: '2d97d59a6b8449695537ad1a5bd0991e01c19bac', class: "label m-0" }, this.label, this.required && hAsync("span", { key: '156a83258da14bc98be719155735afdbb17ccd50', class: "required-indicator" }, " *"))), hAsync("div", { key: '836ab421c7c9ddbcd0e51a135d670962a0a27bf3', class: "time-range-picker-content d-flex align-items-center my-4" }, hAsync("slot", { key: '66f945df18b1b404aa073d38501e11ee8bd5a1f0', name: "start" }), hAsync("span", { key: '392ade369762ccf97ca3a8cf69398ca3a247f14e', class: "separator mx-12" }, this.separator), hAsync("slot", { key: 'afac72354a5166ece7fcfea81c7115c599c61b85', name: "end" })), hAsync("div", { key: '1a6d049fbe026f2c76cfb9164a3fff7983174ac4', class: "messages mt-1" }, this.errorMessages.map((msg, index) => (hAsync("p", { key: index, class: "invalid-feedback m-0" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), msg.trim())))), this.helper && hAsync("p", { key: 'dacbada369bbbe28302070d11e2242958ee2d983', class: "helper mt-1" }, this.helper)));
+        return (hAsync(Host, { key: '685a7671de7ffed7e612757dd378605b3036834b', class: `time-range-picker input-${this.sizes}` }, this.label && (hAsync("p", { key: '12e0ed7a4983760428896639991992f954b1f2c9', class: "label m-0" }, this.label, this.required && hAsync("span", { key: '7074c6b2ac09d83213c2e3fccd80a8669120ba54', class: "required-indicator" }, " *"))), hAsync("div", { key: '623dc14b5b941c44b2cd6a3877c6f898f788f758', class: "time-range-picker-content d-flex align-items-center my-4" }, hAsync("slot", { key: '35188a877334036853d72ef053e39ac6a2900d90', name: "start" }), hAsync("span", { key: '1e1d3b4f5d21390c05f13e38d5e3333a555e1a62', class: "separator mx-12" }, this.separator), hAsync("slot", { key: 'dd753814efa448dac72354add6e2774c22147139', name: "end" })), hAsync("div", { key: '02f8b622150eda4e4499e658799894de74a20958', class: "messages mt-1" }, this.errorMessages.map((msg, index) => (hAsync("p", { key: index, class: "invalid-feedback m-0" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), msg.trim())))), this.helper && hAsync("p", { key: '0d61bde2b23a43bf9fd726586de324c9d1e45954', class: "helper mt-1" }, this.helper)));
     }
     get hostEl() { return getElement(this); }
     static get style() { return RoadTimeRangePickerStyle0; }
@@ -34513,7 +34543,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'c38bbf8641a80fc8ebb76c25f5cec3070127c569' }, hAsync("slot", { key: 'b8459fd13efb02e5b04fb4558533f89f37cbe858' })));
+        return (hAsync(Host, { key: 'b9735c29e64bf4dbd798811326b36efab2fe84b0' }, hAsync("slot", { key: '33cd185fdb68387287d1099576d03340d45dc579' })));
     }
     static get style() { return RoadRowStyle0; }
     static get cmpMeta() { return {
@@ -34585,10 +34615,10 @@ class SegmentedButton {
     render() {
         const { tabIndex, selected, tab } = this;
         const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
-        return (hAsync(Host, { key: 'f97ac52e941a6d41c3cc1ebde88396c7a88bcc5b', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (hAsync(Host, { key: '8b14a7cc7b693e9738cc01498921b86f01a5e2a5', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 'tab-selected': selected,
                 [`${sizeClass}`]: true,
-            } }, hAsync("span", { key: 'd608b3b0da3af5184b3a4faeda5bfc6d643cb14f', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("span", { key: '6aab4780198238402d5911e60b905d8187624266', class: "button-content" }, hAsync("slot", { key: '12d3b5ebb3de039dffd9d99bd658de975a2ed6df' })))));
+            } }, hAsync("span", { key: '2e4d84a1561a9c09b441fd858c3625f784c6794c', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("span", { key: '2acfa633cb9a32c3554ac7067fd62737bc45b172', class: "button-content" }, hAsync("slot", { key: '1b133f39ff11f8bdd8be0b3d7f780262f0af2e18' })))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSegmentedButtonStyle0; }
@@ -34709,7 +34739,7 @@ class Select {
         const labelId = this.selectId + '-label';
         const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: 'fb313bb494596711a3b9f5c893ad32718d8b91b9', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '1414476677d43a66f4386b33d0e214dfda608f3c', class: `form-select ${hasValueClass} ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("option", { key: 'e76bb7a68a1876237168287ed1c644489b01ae1d', selected: !this.value, disabled: true, hidden: true, style: { display: 'none' }, value: "" }), this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: this.value !== null && option.value == this.value }, option.label)))), hAsync("label", { key: 'a8e873fecdd61d0b329cac070f3705aaf534e846', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '82ba6e3b17d05cd9b90ce1b47c1fabe7673753d2', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '6641b93d7b62266d671196f340d8ff2b385b5159', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: '252c4ae08501f73688cf0c7c7b0830439f1f8e1f', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '28001067f4222640b9a7d4a93692ff94593651c1', class: `form-select ${hasValueClass} ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("option", { key: '8933f32a5982c18c456bb06e22a28f67320927b0', selected: !this.value, disabled: true, hidden: true, style: { display: 'none' }, value: "" }), this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: this.value !== null && option.value == this.value }, option.label)))), hAsync("label", { key: '49e2bd5cff399c79900ac65dd37e73bc862f3d00', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'e3a55cc35184e8767ba35ac87cb45e7e24f3c116', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'd824610dfb9031aecee47f63c288069ca3aed0b6', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -36703,7 +36733,7 @@ class SelectFilter {
         const options = this.filteredOptions;
         const isActive = this.isActive ? 'true' : 'false';
         const notActive = this.isActive ? '' : 'not-active';
-        return (hAsync(Host, { key: 'b1411c1e27ab139c15417acfe996f70f1412f049', "is-active": isActive }, hAsync("slot", { key: 'cf2229232ebeb1b781f44dac2ce2bcc19eb56282' }), this.isOpen && (hAsync("div", { key: '568f2f9ea1dfa8f6178805062cc5d391fbb1e122', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.length === 0 ? (hAsync("div", { class: "select-filter-empty" }, "Aucune option")) : (hAsync("ul", { class: "pl-0" }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: (e) => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, ''), e), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 })))))))));
+        return (hAsync(Host, { key: '56283f348c18c9f4da780910a296dff17656881e', "is-active": isActive }, hAsync("slot", { key: '43a5b9dadb04f532e62259a415d921b731b7911e' }), this.isOpen && (hAsync("div", { key: 'cac8b402cfaa77e6c84e60a50f73d148475c93f7', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.length === 0 ? (hAsync("div", { class: "select-filter-empty" }, "Aucune option")) : (hAsync("ul", { class: "pl-0" }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: (e) => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, ''), e), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 })))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -36739,7 +36769,7 @@ class Skeleton {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("span", { key: '33cfe20d51c54101ccf43a5027549fa79d707cab' }, "\u00A0"));
+        return (hAsync("span", { key: 'f938a4cd82c542599e6729e9bbfca3fa51573956' }, "\u00A0"));
     }
     static get style() { return RoadSkeletonStyle0; }
     static get cmpMeta() { return {
@@ -36770,7 +36800,7 @@ class Spinner {
     render() {
         const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
         const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
-        return (hAsync("svg", { key: '90d3a6eafbf227b79edf5b298b2bd5e212436c7a', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '9a90e8724a39005b1a51029b25401fc876149571', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
+        return (hAsync("svg", { key: '1465d5db948734bba9d01c1371fbe97fba33ccb5', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: 'f7dd929e5cdef073f60d8e6d651fc3e64e594ced', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
     }
     static get style() { return RoadSpinnerStyle0; }
     static get cmpMeta() { return {
@@ -36820,7 +36850,7 @@ class Stepper {
         const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
         const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
         const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
-        return (hAsync(Host, { key: '2f7ef35d5517a148676c46d55561a47092ed0ff3' }, hAsync("nav", { key: 'efe3d51a472a7472a9f2f0da1403e223bca22513' }, hAsync("ul", { key: 'f4046d581b8ed717bda8be93efa0870bfa7e4369', class: `${colorClass}` }, hAsync("li", { key: 'fb431196011a0cd284847f13b1d5999e69487b5b', class: `${stateClass}` }, hAsync("a", { key: '28b3e5b0c12593b2c26832777766524f5342c253', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '535d3f5fc73aa22f87a9284ee4498dd975c3e977', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '492dbf0cfff34689a1513714c475a9f2b4cc6727', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: 'ecaf988f2dec663478169103b34820cdf7da4702', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '4443bf77b78b0fcbb44046b95a9121abe0e22226', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '15328f9d9a15ada2ff751b651084bfa0e83f7d5a', class: `${stateSecondStepClass}` }, hAsync("a", { key: '441f9a53903b3a14d0fab8296213ce10f16dc5b6', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: '31b6487818279d37e486acb20363b527762481da', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'b03d967c5a09640253b5edb8425f855d8eb790bc', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: 'bfcd4994aa5fb7eee27419033b87f0e248ddeb81', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'f5a493c800b9f7466ffb85d37d460844cbb05573', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: 'bca52096f27dc5e9ae3e12419882b4dd7a8bc1d9', class: `${stateThirdStepClass}` }, hAsync("a", { key: '74f8d7e8fef0f43a07d1cca3f5233d364e77eca5', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: 'f37905f33aa30a1fe5d64bea3ed352bd22faf729', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '27666dc115efe677af2bf91d73dd5a1f35c28518', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: 'cd081a852ac065372324b17e8a3992429b87b16e', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'fd71af01b710df38a3a06ed75757d2df1d8193ea', name: "progress-indicator-horizontal-title3" }))))))));
+        return (hAsync(Host, { key: 'f111144edc55e730674a4bd5e1633e5a91b97015' }, hAsync("nav", { key: '7591c2c39a2827b36d351a3b28a85c6156b64b2d' }, hAsync("ul", { key: '78fa0a7bd33e11c970ce71df3e86ad82adf092f4', class: `${colorClass}` }, hAsync("li", { key: '3e395290532c35a096b9c6f24936ed37041f6205', class: `${stateClass}` }, hAsync("a", { key: 'c5eea4f543e4d74d1a0616b2352961edfd5516b5', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: 'de796e773f0e4529d0b7fdbe61e6c11d8e6279ca', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'fb65dc7ad9d3f422bacc3ccba87e2be2171d7f9e', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: 'd7cf1de8faa1821bba9280c171735e10448b9453', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'f0d15278bee067c765fa466e1e4a368b23c06703', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '25fb14e2d761124258ac90fcd3c7df82a3d77e16', class: `${stateSecondStepClass}` }, hAsync("a", { key: 'f253c9d89b3fa7f430be3bdcdfe8cacd828fdbe0', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: 'd85c7358d428abb5ee621355cab2c8c1f87c802a', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '1c7b3678964d7cb76420b427654488f745f58491', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: 'f9df661db7d252d4660652a3c1a4cfbbc000a7d0', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'b58b9a83c49dbf5883f12380d659f65a68167181', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: '93e3ff18e0f07844d00fed42acb091b9482798d5', class: `${stateThirdStepClass}` }, hAsync("a", { key: '10ea0a5904d2308eeefc1707a3fdb596c4cdb4e3', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: '7da570caa2a771389acc1b44870f2712afb17b96', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '5235530ca67e9c2730eb1130e7f98454bb3c58d1', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '22d8d0d86ad2b8035b91a63783381c8f7c40e2dd', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '06193f06fa83c0d64ed13ad40e6a37f73da7592e', name: "progress-indicator-horizontal-title3" }))))))));
     }
     static get style() { return RoadProgressIndicatorHorizontalStyle0; }
     static get cmpMeta() { return {
@@ -36922,11 +36952,11 @@ class Switch {
     }
     render() {
         const labelId = this.switchId + '-label';
-        const textLabel = hAsync("label", { key: 'ce7aa5f11558ca65be5c3e67fa4bd195befb93fb', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
+        const textLabel = hAsync("label", { key: 'b0499c36ab0eb33ac879c37115b6a4754c5d1529', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
         const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
         const isSpacedClass = this.isSpaced && 'form-switch-spaced';
         const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
-        return (hAsync(Host, { key: '67cb125cd5c23b799ae301f584fe2fbf446a35dd' }, hAsync("input", { key: 'dc19948d6370b14e077eb4725cfcb35916eb779f', class: "form-switch-input", type: "checkbox", id: this.switchId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: 'fb2645a723c66e5d45d621260f4ef18a172dccc4', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: 'a0e6f831b9136f89fcc70ed3004a8551c4b10760', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (hAsync(Host, { key: 'a9365fb9fd70d406e5a90d740cead5094861ac79' }, hAsync("input", { key: '8714e6da068a91604e19dfbdba6f6c712c339c07', class: "form-switch-input", type: "checkbox", id: this.switchId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: 'b181aecf57662fe3d9c4032ef5fbd47709730e85', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '4c6da52b6e04657d6749eec12c3c6ff5f97ce762', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -36981,9 +37011,9 @@ class Tab {
     }
     render() {
         const { tab, active } = this;
-        return (hAsync(Host, { key: '3027c31c282565b7d5905d3b3031db04ba1bed44', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (hAsync(Host, { key: '925b7e9bcb116de9081e0f238799e28a31d385a1', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'tab-hidden': !active,
-            } }, hAsync("slot", { key: '70ae19f3e889a8c46d062363445185055a6c1133' })));
+            } }, hAsync("slot", { key: 'c4ae28afb00bd729cc5b2c434b8ac62d94d8b5f3' })));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabStyle0; }
@@ -37043,11 +37073,11 @@ class TabBar {
     }
     render() {
         const { expand, center, secondary } = this;
-        return (hAsync(Host, { key: 'a40a29c3f335bd4b49495203834bb937af77a4bb', role: "tablist", class: {
+        return (hAsync(Host, { key: 'c88f5a50d83ec07361ed5dd08d5b8a29fd4ac13d', role: "tablist", class: {
                 'tab-expand': expand,
                 'tab-center': center,
                 'tab-secondary': secondary,
-            } }, hAsync("slot", { key: 'b7abc10609ae8939e729c735fb942b1b89c604ad' })));
+            } }, hAsync("slot", { key: '9a9f51b48cef50e484e4e6b0696108e9263f0f48' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -37147,7 +37177,7 @@ class TabButton {
             rel,
             target,
         };
-        return (hAsync(Host, { key: '3cb6c6f8dcab1715547dfa6fc43c4e6ec3234507', onClick: (ev) => !disabled && this.onClick(ev), onKeyup: (ev) => !disabled && this.onKeyUp(ev), role: "tab", tabindex: disabled ? -1 : tabIndex, "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (hAsync(Host, { key: 'd10e81cf00ff7acb3888181bf7b60db6b7e24162', onClick: (ev) => !disabled && this.onClick(ev), onKeyup: (ev) => !disabled && this.onKeyUp(ev), role: "tab", tabindex: disabled ? -1 : tabIndex, "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 'tab-selected': selected,
                 'tab-has-label': hasLabel,
                 'tab-has-icon': hasIcon,
@@ -37155,7 +37185,7 @@ class TabButton {
                 'tab-has-icon-only': hasIcon && !hasLabel,
                 [`tab-layout-${layout}`]: true,
                 'tab-disabled': disabled, // Classe CSS pour les styles désactivés
-            } }, hAsync("a", Object.assign({ key: '7f07a67f84c56857ac864b2d56c1698f31f618d5' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'b6b0a2caa81b69199bf85210cec8722846a413b8', class: "button-inner" }, hAsync("slot", { key: 'efbc557b0428fe1513f150ed97f0c9037284daa2' })))));
+            } }, hAsync("a", Object.assign({ key: '81f0045d7d4b05e70ddcbab15866ed09d70eff11' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'f167d63f29af54aa2632a0e46ca64499a70b3a22', class: "button-inner" }, hAsync("slot", { key: '1b91f5ba629820ef6764eba4064d551ac8b6f820' })))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabButtonStyle0; }
@@ -37189,7 +37219,7 @@ class Table {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '4fbbf196c158059cc8c375e9fcd848cd8e2d864f' }));
+        return (hAsync("slot", { key: '62d09e884d94443c31146ec24273a787c6ee3787' }));
     }
     static get style() { return RoadTableStyle0; }
     static get cmpMeta() { return {
@@ -37297,7 +37327,7 @@ class Tabs$1 {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (hAsync(Host, { key: 'd1d9e0ab7ed50aa338646a473b2c3e22d4a30f6b', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '681bb4fdcf7bc99dd558723c85ea65b6182a7556', name: "top" }), hAsync("slot", { key: '395d680d41e4c831d7e12e2d4b5e83e74d1128cf' })));
+        return (hAsync(Host, { key: '51b943aa1730a5869b8d4616e5b9d0a883c3e17c', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '14c0de7b24f8a960a331c258ac91dd2ec4e1dda2', name: "top" }), hAsync("slot", { key: 'b8d71615b2b6bbee3ce95754f0b2f0a7c5ef3385' })));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSegmentedButtonsStyle0; }
@@ -37433,7 +37463,7 @@ class Tabs {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (hAsync(Host, { key: '5bea03df378d3de02ca7dec12e9794a8edbb073c', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '9f6d69f412a26dce57a919d02003e7548e824b08', name: "top" }), hAsync("div", { key: '05058a9ec02a249ab6bc9d0f2bc301c1803e1e20', class: "tabs-inner" }, hAsync("slot", { key: 'f10bf6e9d99a0c040dd4045b18f22f288e19fc2e' }))));
+        return (hAsync(Host, { key: '27ab87f41f3d6751434e8d6a2631cbe82d0a0cbc', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'bbb551131576e4eee16b94217507c31c2c60a6be', name: "top" }), hAsync("div", { key: 'f8b534238faee2fc29784b7e1725b15191349838', class: "tabs-inner" }, hAsync("slot", { key: 'a7314be1ed2375a652afab28df2c3bb0e5a154f2' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabsStyle0; }
@@ -37481,7 +37511,7 @@ class Tag {
     }
     render() {
         const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
-        return (hAsync(Host, { key: '2639b90b789a6fde1fae0f3201236a7c9f4e1aad', class: `${contrastClass}` }, hAsync("slot", { key: '8039feeab97b500f0828e1efa751b9771f4f5e65' })));
+        return (hAsync(Host, { key: '0310697bbc0e468cfb7a7c2c2d1b6c7b00e5c8a1', class: `${contrastClass}` }, hAsync("slot", { key: '70eb0d5b559ca409cb1eae30a258fada641009d3' })));
     }
     static get style() { return RoadTagStyle0; }
     static get cmpMeta() { return {
@@ -37513,7 +37543,7 @@ class Text {
     }
     render() {
         const colorClass = this.color !== undefined ? `text-${this.color}` : '';
-        return (hAsync(Host, { key: '2b1df03bfadf4021cf4016c584cdbd0ccf09324c', class: `${colorClass}` }, hAsync("slot", { key: '6966b8ebe4a2eb48b1fd020a707c6a37a519b099' })));
+        return (hAsync(Host, { key: '9d1a62edc9a4602497b542292a0313ed52fc6156', class: `${colorClass}` }, hAsync("slot", { key: '9aa0f728eae087590555f108f6562b96f5a926ed' })));
     }
     static get style() { return RoadTextStyle0; }
     static get cmpMeta() { return {
@@ -37623,7 +37653,7 @@ class Textarea {
         const hasValueClass = this.value !== '' ? 'has-value' : '';
         const noResizeClass = this.resize == false ? 'no-resize' : '';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: 'cc414e4da358e65b430b91b0f834cbe403993693', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: '0d0a45eaf71ada8178387d6debfc5e3d6da6cb4f', class: `form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }), hAsync("label", { key: 'a74070b2761b5ced0251f5bce4ef48837d892c9d', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'ba52ee759d52772a2eac2e9948c64309164aabdc', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '377f7c03d77aad381b2bdd63c4753369870612df', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: 'b77fec4a19c3443154c949db07408a4a5c453f24', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: 'ca0a2c4c1e436b3e99933eab9c3dd420693dd5ce', class: `form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }), hAsync("label", { key: 'c59652092cfebc7a0cb9b1165b9387fd9a18c8d4', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '7f2edce4666cc9a30bc365db10917a6b3c9f28da', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '98885d35065c4309cfa1fcf4d20188fcd17c7e49', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -37754,7 +37784,7 @@ class Toast {
         if (this.color == 'danger') {
             this.timeout = 0;
         }
-        return (hAsync(Host, { key: '7e6b8eb5b97d93b1c0da2b5fca2b95d7fe53b464', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: '928fcd556ba9573248c0bf136d41ae385fef3c0f', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: '6620412742937e307d6677bdfeb5b3df34403cee', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: 'b7fa0b376a936b6ddf6f7a995fbd531b6657dc72', class: "toast-label" }, this.label), hAsync("button", { key: 'c38b2ab0f05605a9c428684e31ef07a8ee03491c', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: '71820f58335f516f7660650e10f042b347922113', icon: navigationClose, size: "md" })), hAsync("slot", { key: '52cc64d445b08d0f3a993deae2228e8da87ba5f5', name: "progress" }))));
+        return (hAsync(Host, { key: 'a23d9efd2c57c549c299afa7397c1d54da39fad4', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: '2a2781c355e65842713a0fb011b24f13da018809', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: 'bdc30f61254fa6a358780a9eb24f5951ffe12684', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: '26690a7b4c4d2c9b5111226e37e50f04900e7322', class: "toast-label" }, this.label), hAsync("button", { key: '4b02f4e03ecfa6f9587808884f60852af9eed9ee', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: 'b7558ca5cce55da8fc90eb3011a0ba449a476289', icon: navigationClose, size: "md" })), hAsync("slot", { key: 'cf46edeb98030ef816a3c0029265a53783d9ed56', name: "progress" }))));
     }
     static get watchers() { return {
         "isOpen": ["isOpenChanged"]
@@ -37794,7 +37824,7 @@ class Toolbar {
     }
     render() {
         const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
-        return (hAsync(Host, { key: '4155097cf17050c6f1c9ddd4ad66c153f005fa45', class: colorClass }, hAsync("div", { key: '74c8520959b7893b32c59744ad5486ed075d5ee1', class: "toolbar-container" }, hAsync("slot", { key: '37605f2014027e0f12b5c80b2f57db710ae3b726', name: "start" }), hAsync("slot", { key: '9162f18c3fc3fab8ce1491841889a2d9616ab0e9', name: "primary" }), hAsync("div", { key: 'fdf739135446b6977e3d89537118a3417c0bfd86', class: "toolbar-content" }, hAsync("slot", { key: '48434e192dd116fe52796dbe3f62d6bed0ac5a79' })), hAsync("slot", { key: '5eee5c80975129ed993ce466e5d96efdd6854922', name: "secondary" }), hAsync("slot", { key: 'c52c70da47aea897e50c7eab9a3fdfba5f9056e3', name: "end" }))));
+        return (hAsync(Host, { key: 'b241b745def7b165ef5e6df90a4c976df79967a7', class: colorClass }, hAsync("div", { key: 'b7429305780cefbc62057b3de5585505d197b4e3', class: "toolbar-container" }, hAsync("slot", { key: 'e1095e0ccbe77021455b2b2dc50cde77f2570889', name: "start" }), hAsync("slot", { key: '4664948325cb7a5bd0994078828457aba28ee6f7', name: "primary" }), hAsync("div", { key: 'ab74e4d57f7abc23f85812c98de539c0b734a186', class: "toolbar-content" }, hAsync("slot", { key: 'e79434348e852c3904ffa47856d8c091628fb59d' })), hAsync("slot", { key: '6e7ae8afa24083b5a3b0ebb1aadcbf26c3f7b8d0', name: "secondary" }), hAsync("slot", { key: 'e1fb505a58d79c0e3ebb6c7dbfe28ea572c4036f', name: "end" }))));
     }
     static get style() { return RoadToolbarStyle0; }
     static get cmpMeta() { return {
@@ -37820,7 +37850,7 @@ class ToolbarAppName {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'fa5fa9ad6f5e3a1d562bdc38b312c16cc9483d54', class: "toolbar-title-page" }, hAsync("slot", { key: 'b35389dcc32ff0ba0c163e5916d701c79fbf8ba9' })));
+        return (hAsync("div", { key: '5b3f14f6952d3601e6e998ff2b727424fab555cd', class: "toolbar-title-page" }, hAsync("slot", { key: '9f0eb9f41cc22369bc1867ebd5f28b89fa442eba' })));
     }
     static get style() { return RoadToolbarTitlePageStyle0; }
     static get cmpMeta() { return {
@@ -37844,7 +37874,7 @@ class ToolbarTitle {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'fe411cfd08be76715a7896bb645a9c5d07479539', class: "toolbar-title" }, hAsync("slot", { key: 'c81416028a3c8aef9676e3c52f6ffb3202994eff' })));
+        return (hAsync("div", { key: '742688fba3267e9a387d8ae176d5af3112035686', class: "toolbar-title" }, hAsync("slot", { key: '23f50e8813d852a95e6489272b90bc6698772a4e' })));
     }
     static get style() { return RoadToolbarTitleStyle0; }
     static get cmpMeta() { return {
@@ -37873,7 +37903,7 @@ class ToolbarV2 {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'baadd003637adbfecd43171047bd15bdf9ea6703', class: "toolbar" }, hAsync("div", { key: 'ce2ad280afbb52c7dfd3d05fd4cbbc740edcbc72', class: "toolbar-container" }, hAsync("div", { key: 'ede1c5b3749744ecdd41926b11efbde968bf58c1', class: "toolbar-container-content-left" }, hAsync("slot", { key: 'c0076ab7411d30d6c018155c11eef33ddcd7341b', name: "start" }), hAsync("slot", { key: 'c6cb5ab75a4135c73bc6daf10c6075aa98cd8d51', name: "primary" })), hAsync("div", { key: 'bc46b95ef46a0c55ea67fbdc04d8ab04179c6445', class: "toolbar-content" }, hAsync("slot", { key: 'c73f60b2ba26f405fd13cd66b6b5b87810b50b44' })), hAsync("div", { key: '0886cb221b201e1f39754e9a18a844a582437572', class: "toolbar-container-content-right" }, hAsync("slot", { key: '3d143472b05113fb9440738c5b74afed8e75d68c', name: "secondary" }), hAsync("slot", { key: '98cceebd60e608dd9e7eced6046cd5a0b12d8a94', name: "end" })))));
+        return (hAsync(Host, { key: '62ea20f134b10b364d0c9238aa64ba1d75a9191a', class: "toolbar" }, hAsync("div", { key: 'c3b5a93350cbf7de5d5224c04fd082ff993020b1', class: "toolbar-container" }, hAsync("div", { key: 'e3d8b61c07cbeef7720fce382d78668f6d74ae35', class: "toolbar-container-content-left" }, hAsync("slot", { key: '7255141af24d37a06e36f5c565c95b918d53392e', name: "start" }), hAsync("slot", { key: 'ce9156a72df70dae4e725a5d145af1ba32078c17', name: "primary" })), hAsync("div", { key: '27f73e3afe5a75911165cc4beea2a5aa9f57bab4', class: "toolbar-content" }, hAsync("slot", { key: 'a11fa5976a59e1e34375a43ed3f4f7dc4aec1fb9' })), hAsync("div", { key: 'c1d147e5883163ef8dd8aa3c2498d577166aade7', class: "toolbar-container-content-right" }, hAsync("slot", { key: 'f85a1e5cda535a862fa19660e369b72d1927fd33', name: "secondary" }), hAsync("slot", { key: '4a66978a37a7203b583c6c3c6b907db4b77f2be2', name: "end" })))));
     }
     static get style() { return RoadToolbarV2Style0; }
     static get cmpMeta() { return {
@@ -37889,6 +37919,32 @@ class ToolbarV2 {
 const tooltipCss = ":host{--max-width:85vw;--z-index:1;--width:max-content;position:relative;display:inline-block}:host(:hover){cursor:pointer}:host([trigger=\"hover\"]) .tooltip{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:100%;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;visibility:hidden;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}:host([contentalign=\"left\"]) .tooltip{text-align:left}.tooltip.tooltip-text-left::after{text-align:left}.tooltip-open{visibility:visible;opacity:1}:host([data-tooltip-position=\"top\"]) .tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position=\"top\"]) .tooltip-open{left:50%;transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position=\"top-left\"]) .tooltip{left:0%;transform:translateY(-70%)}:host([data-tooltip-position=\"top-left\"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position=\"top-right\"]) .tooltip{left:50%;transform:translateY(-70%)}:host([data-tooltip-position=\"top-right\"]) .tooltip-open{left:100%;transform:translateY(-100%)}:host([data-tooltip-position=\"top-end\"]) .tooltip{left:auto;right:0%;transform:translateY(-70%)}:host([data-tooltip-position=\"top-end\"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position=\"left\"]) .tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position=\"left\"]) .tooltip-open{transform:translateX(-103%) translateY(-55%)}:host([data-tooltip-position=\"bottom\"]) .tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position=\"bottom\"]) .tooltip-open{transform:translateX(-50%) translateY(-6%)}:host([data-tooltip-position=\"bottom-left\"]) .tooltip{top:100%;left:0;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position=\"bottom-left\"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position=\"bottom-right\"]) .tooltip{top:100%;left:100%;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position=\"bottom-right\"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position=\"bottom-end\"]) .tooltip{margin-top:0.5rem;left:auto;top:100%;right:0;transform:translateY(-40%)}:host([data-tooltip-position=\"bottom-end\"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position=\"right\"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position=\"right\"]) .tooltip-open{transform:translateX(-4%) translateY(-55%)}";
 var RoadTooltipStyle0 = tooltipCss;
 
+let isKeyboardNavigation = false;
+const onGlobalKeyDown = () => {
+    isKeyboardNavigation = true;
+};
+const onGlobalMouseDown = () => {
+    isKeyboardNavigation = false;
+};
+let globalInputModeUsers = 0;
+function registerGlobalInputModeListeners() {
+    if (typeof document === "undefined")
+        return;
+    if (globalInputModeUsers === 0) {
+        document.addEventListener("keydown", onGlobalKeyDown);
+        document.addEventListener("mousedown", onGlobalMouseDown);
+    }
+    globalInputModeUsers++;
+}
+function unregisterGlobalInputModeListeners() {
+    if (typeof document === "undefined")
+        return;
+    globalInputModeUsers = Math.max(0, globalInputModeUsers - 1);
+    if (globalInputModeUsers === 0) {
+        document.removeEventListener("keydown", onGlobalKeyDown);
+        document.removeEventListener("mousedown", onGlobalMouseDown);
+    }
+}
 /**
  * @slot tooltip-content - content of the tooltip, if you need to add html content, use this slot, otherwise use directly the content prop.
  *
@@ -37904,15 +37960,15 @@ class Tooltip {
         /**
          * The tooltip's content.
          */
-        this.content = '';
+        this.content = "";
         /**
          * The position of the tooltip.
          */
-        this.position = 'top';
+        this.position = "top";
         /**
          * The content align of the tooltip.
          */
-        this.contentAlign = 'center';
+        this.contentAlign = "center";
         /**
          * Indicates whether or not the tooltip is open. You can use this or the open/close methods.
          */
@@ -37922,36 +37978,31 @@ class Tooltip {
          * options can be passed by separating them with a space. When manual is used, the tooltip must be activated
          * programmatically.
          */
-        this.trigger = 'hover';
+        this.trigger = "hover";
         this.onClick = () => {
-            if (this.hasTrigger('click')) {
+            if (this.hasTrigger("click")) {
                 this.isOpen ? this.close() : this.open();
             }
         };
         this.onMouseOver = () => {
-            if (this.hasTrigger('hover')) {
+            if (this.hasTrigger("hover")) {
                 this.open();
             }
         };
         this.onMouseOut = () => {
-            if (this.hasTrigger('hover')) {
+            if (this.hasTrigger("hover")) {
                 this.close();
             }
         };
-        this.isKeyboardNavigation = false;
-        this.handleKeyDown = () => {
-            this.isKeyboardNavigation = true;
-        };
-        this.handleMouseDown = () => {
-            this.isKeyboardNavigation = false;
-        };
         this.onFocus = () => {
-            if (this.isKeyboardNavigation && this.hasTrigger('hover')) {
+            if (isKeyboardNavigation &&
+                (this.hasTrigger("hover") || this.hasTrigger("focus"))) {
                 this.open();
             }
         };
         this.onBlur = () => {
-            if (this.isKeyboardNavigation && this.hasTrigger('hover')) {
+            if (isKeyboardNavigation &&
+                (this.hasTrigger("hover") || this.hasTrigger("focus"))) {
                 this.close();
             }
         };
@@ -37968,30 +38019,23 @@ class Tooltip {
     async close() {
         this.isOpen = false;
     }
-    // Écoute les événements pour détecter le mode d'interaction
-    componentDidMount() {
-        document.addEventListener('keydown', this.handleKeyDown);
-        document.addEventListener('mousedown', this.handleMouseDown);
-    }
-    componentDidLoad() {
-        document.addEventListener('keydown', this.handleKeyDown);
-        document.addEventListener('mousedown', this.handleMouseDown);
+    connectedCallback() {
+        registerGlobalInputModeListeners();
     }
-    componentWillUnmount() {
-        document.removeEventListener('keydown', this.handleKeyDown);
-        document.removeEventListener('mousedown', this.handleMouseDown);
+    disconnectedCallback() {
+        unregisterGlobalInputModeListeners();
     }
     hasTrigger(triggerType) {
-        const triggers = this.trigger.split(' ');
+        const triggers = this.trigger.split(" ");
         return triggers.includes(triggerType);
     }
     render() {
-        return (hAsync(Host, { key: '1e3cb1bb336b5c4a63f3395c588f2c842a6c22a7', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
+        return (hAsync(Host, { key: '9150dafd734e51cf806d8fe9dd9f7cabb30516f0', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
             ,
-            "data-tooltip-position": this.position }, hAsync("slot", { key: '8b5ae95d0076acbad18fb73bf32e9b31085c8365', "aria-describedby": this.tooltipId }), hAsync("div", { key: 'ba8a5ac573fa0b31edb9e26fab1c8ee212789f1d', part: "tooltip", id: this.tooltipId, class: {
+            "data-tooltip-position": this.position }, hAsync("slot", { key: '11b94662e222cdb59b71a2f261788860444ae274', "aria-describedby": this.tooltipId }), hAsync("div", { key: '59cc457c5e21956d9c395b82db9bc0e1cd867432', part: "tooltip", id: this.tooltipId, class: {
                 tooltip: true,
-                'tooltip-open': this.isOpen,
-            }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: 'cbc2c9bce87ee7b42897c9a8a24ff0f896e0670c', name: "tooltip-content" }))));
+                "tooltip-open": this.isOpen,
+            }, role: "tooltip", "aria-hidden": !this.isOpen ? "true" : "false" }, this.content, hAsync("slot", { key: '4ce82842f3a6a7c91c6e8f2c7c7f86775f83a2c3', name: "tooltip-content" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTooltipStyle0; }
@@ -38083,11 +38127,11 @@ class toggle {
     }
     render() {
         const labelId = this.toggleId + '-label';
-        const textLabel = hAsync("label", { key: '200063a0e964b5a6cc9694a6aae1b45418751867', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
+        const textLabel = hAsync("label", { key: 'ba35148ac26c71b2bc262b3fe9f7dc3de5f08370', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
         const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
         const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
         const disabledClass = this.disabled ? 'disabled' : '';
-        return (hAsync(Host, { key: '65b426ec8ab4b2e9c1f773e92c5034cb67893ded' }, hAsync("input", { key: 'a92fd1807ad4fa13492cc7dc3664b088228d020b', class: "form-toggle-input", type: "checkbox", id: this.toggleId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: '4ad95f0f23572757d568923e88b29f7c7a24bbfa', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: 'd82522fd9584390936eaf96b65a6a6fb14713794', class: `form-toggle-lever ${righttoggleClass}` }, this.checked ? (hAsync("road-icon", { name: "check-small-solid", class: "form-toggle-lever-check", size: "md" })) : (hAsync("road-icon", { name: "navigation-close-solid", class: "form-toggle-lever-close", size: "md" }))), this.hasLeftLabel ? '' : textLabel)));
+        return (hAsync(Host, { key: 'f534525f661135af3465bf513fbffe03dc56ab38' }, hAsync("input", { key: '7f81baf61ec97adcce01edaee0bf758e5523d71b', class: "form-toggle-input", type: "checkbox", id: this.toggleId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: '62460c291d7d6a518e5c5d08fa5776050d95110c', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '43512b3f7203bee3137e986ee021bd1107f118cc', class: `form-toggle-lever ${righttoggleClass}` }, this.checked ? (hAsync("road-icon", { name: "check-small-solid", class: "form-toggle-lever-check", size: "md" })) : (hAsync("road-icon", { name: "navigation-close-solid", class: "form-toggle-lever-close", size: "md" }))), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]