@roadtrip/components 3.37.0 → 3.38.0

package/hydrate/index.js

@@ -3312,7 +3312,7 @@ class Accordion {
         const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';
         const accordionLightSeparator = this.isLightSeparator ? 'accordion accordion-light accordion-light--border' : 'accordion';
         const accordionSmall = this.isSmall ? 'accordion accordion-light accordion-light--small' : 'accordion';
-        return (hAsync("details", { key: 'fcd2575d8d1038b61b47a58765b082cdfa8ac461', class: `${accordionLight} ${accordionSmall} ${accordionLightSeparator}`, open: this.isOpen }, hAsync("summary", { key: '6e654ef561012db6f75106cc1a33aa90cc25a21f', class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: '7d556702854ee64d1dfc69fedd3475360a246449', class: accordionLightHeader }, hAsync("slot", { key: 'b8d45e6af1603f25d5329a7029fd20f32bc42fb5', name: "icon-left" }), hAsync("slot", { key: '963690c36b3a4976687002a446157d7bb162348f', name: "header" }), hAsync("road-icon", { key: 'b7c493cb42c022a17014a02ae494b511b656826e', class: "accordion-arrow", icon: navigationChevron }))), hAsync("div", { key: '25e39b8f8d60ff7e26f61b569382ce7efe31f49d', class: accordionLightContent }, hAsync("slot", { key: 'dd8aad4114faa79732c9504bb6b4c59dc2f68e1f' }))));
+        return (hAsync("details", { key: 'bdc59011cdb29cc86b91117643993cfd03ac64d0', class: `${accordionLight} ${accordionSmall} ${accordionLightSeparator}`, open: this.isOpen }, hAsync("summary", { key: '2935b807d31ee2d53b3224529e20d3ca23f47ba2', class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: '049ca7acf2e522fe72049a8e3cf203201f80cced', class: accordionLightHeader }, hAsync("slot", { key: 'c04f649483cc7e2fbaaad8c65dab0cbfd82f4f30', name: "icon-left" }), hAsync("slot", { key: '52376b9831d4ca5e765df6a3d4ffa632a9b54282', name: "header" }), hAsync("road-icon", { key: 'c75e59babd2260920253033eb9b4250ed4a4739c', class: "accordion-arrow", icon: navigationChevron }))), hAsync("div", { key: '7ed5857260c69428c8497207137a2ace58716e1d', class: accordionLightContent }, hAsync("slot", { key: '28af39be795684544d6583008c882badccb9cca4' }))));
     }
     static get style() { return accordionCss; }
     static get cmpMeta() { return {
@@ -3346,7 +3346,7 @@ class Alert {
     }
     render() {
         const colorClass = this.color !== undefined ? `alert-${this.color}` : '';
-        return (hAsync(Host, { key: '9a56ffc3f370c5811e7fcaaa0fd543de554f58fc', class: colorClass, role: "alert" }, hAsync("div", { key: 'c4e283c7124b19e5727a69156b824f33617763be', class: "alert-icon" }, hAsync("slot", { key: '902b1cd07f36d914b581373f37efffb471be84e1', name: "icon" })), hAsync("div", { key: 'eff37669c29c693246853f5cfc123da725670aeb' }, this.label && hAsync("span", { key: '44d00d991f53d46a3b8d0460e66ffc6bbdaae1d6', class: "alert-title d-block" }, this.label), hAsync("p", { key: '89e8898d13c4822e13a525f24b5b23538d1a770e', class: "alert-description" }, hAsync("slot", { key: '3539752237346e94e237733470ebd02cdae5222a' }), this.link && hAsync("a", { key: 'aa643185189320e9295ec0b2697c2a3d56ce0601', href: this.url, class: "alert-link link link-default" }, this.link)))));
+        return (hAsync(Host, { key: 'abdc89dc86b210c2776a0cb5ce905bbe88df493c', class: colorClass, role: "alert" }, hAsync("div", { key: 'babd92815098920f98b71937df7bfd205cdba703', class: "alert-icon" }, hAsync("slot", { key: '9c08f3f80ff24b9dac48213d97995e8999f67867', name: "icon" })), hAsync("div", { key: '13226ac1b9ca58b44eead955389ccb7d78fe3353' }, this.label && hAsync("span", { key: 'fc3622c348685bf5b55ba16844d9e20b808d9f3d', class: "alert-title d-block" }, this.label), hAsync("p", { key: '71fd4ca6af71d49bbc1969d7096dda9bc1754ada', class: "alert-description" }, hAsync("slot", { key: '41ba242fb905666b7adf4bfbbd0708a1f7355f24' }), this.link && hAsync("a", { key: '18759826e18416a18b2e0d31514e200163e8157b', href: this.url, class: "alert-link link link-default" }, this.link)))));
     }
     static get style() { return alertCss; }
     static get cmpMeta() { return {
@@ -3444,7 +3444,7 @@ class Asset {
         }
     }
     render() {
-        return (hAsync(Host, { key: '821eaa90c3e5a678e6013da9db97118d52fb5022', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
+        return (hAsync(Host, { key: 'd6f891b3ba4f5096f97a95799de8efc5dd156a99', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
             ? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
             : hAsync("div", { class: "icon-inner" }))));
     }
@@ -3513,8 +3513,8 @@ class Autocomplete {
         }
     }
     render() {
-        return (hAsync(Host, { key: '856acd1d6c7e9e2a2364d2d0de52d45e11027569' }, hAsync("slot", { key: '293bbc72843a3212af91d57f9bb428c1b396517f' }), this.visible && this.options.length > 0 &&
-            hAsync("ul", { key: '36c163294d3591cf6bf460cb1e137e47c16cd9e7', class: "autocomplete-list" }, this.options && this.options.map(option => (hAsync("li", { class: "autocomplete-item", role: "menuitem", onClick: () => this.onClick(option.value, option.label), tabindex: "0" }, option.label))))));
+        return (hAsync(Host, { key: 'ec57cdf71c15e557e56cc542b2c486ecdf52a49c' }, hAsync("slot", { key: '656e9483b8bc5e5e7430720d930a389a3de0550a' }), this.visible && this.options.length > 0 &&
+            hAsync("ul", { key: '8d503a46b47047d5c3fb99018d45466611399b63', class: "autocomplete-list" }, this.options && this.options.map(option => (hAsync("li", { class: "autocomplete-item", role: "menuitem", onClick: () => this.onClick(option.value, option.label), tabindex: "0" }, option.label))))));
     }
     get el() { return getElement(this); }
     static get style() { return autocompleteCss; }
@@ -3546,7 +3546,7 @@ class Avatar {
     }
     render() {
         const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
-        return (hAsync(Host, { key: '356e633d0fa5acbcd1352b6d6477c8049d692908', class: `${sizeClass}` }, hAsync("slot", { key: '65c666f06e7487b39c50fb73aef6eb51e604b573' })));
+        return (hAsync(Host, { key: 'ac27dae1450bd0f57fba254e2765e315274c7166', class: `${sizeClass}` }, hAsync("slot", { key: 'cf5c20551d6fe7a372297b42b1ed386a50dbf458' })));
     }
     static get style() { return avatarCss; }
     static get cmpMeta() { return {
@@ -3581,7 +3581,7 @@ class Badge {
     render() {
         const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
         const bubbleClass = this.bubble ? 'badge-bubble' : '';
-        return (hAsync(Host, { key: '125491577b8d1c0801647f800e13a1c48c44b594', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: '9e4c46a76ef7515488812e2438202cde75486178' })));
+        return (hAsync(Host, { key: 'f8677ee0c8d2984bcfb3f4a0e03a4fddcbffaa09', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: '0b31ab0a43507417d8a82dd4584f595fccb9c270' })));
     }
     static get style() { return badgeCss; }
     static get cmpMeta() { return {
@@ -3629,7 +3629,7 @@ class Banner {
     }
     render() {
         const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
-        return (hAsync(Host, { key: 'f908bbe05417f99c983ab7cc8ec24763122492dc', class: bannerIsOpenClass }, hAsync("div", { key: '743716b4ff531fd661de8a529db045d4ab7d165e' }, hAsync("span", { key: 'dbbae5f42581a723de41be23cfd2eada289b2734', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: '82cc1557566e405550fa5df2ca4934d50536635b', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: '17ab5afb60aae166b91f9ebb648ac075bbb4a9d4', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: '5368a166c7f874abb5f6602ffcdd43fb90da915a', icon: navigationClose, size: "md" })))));
+        return (hAsync(Host, { key: '386a6b67c3b747f17c8b8556f943b12867e196c9', class: bannerIsOpenClass }, hAsync("div", { key: '8fa2199ec548e02315e22ebdc0617edeca4ec34e' }, hAsync("span", { key: 'eb9890e5dc36c9b41d9435733f7d2121419c153d', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: '5dafaaa5e99b61ecd8ab69841e0708cc64d8b4da', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: '1d99fceecbb03d69c0cdf09efb8a237392c6aa94', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: 'f4266c183dc39a2a36dd87d4dc3c477f739a28bc', icon: navigationClose, size: "md" })))));
     }
     static get style() { return bannerCss; }
     static get cmpMeta() { return {
@@ -3734,7 +3734,7 @@ let Button$1 = class Button {
         const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
         const expandClass = this.expand ? 'btn-block' : '';
         const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
-        return (hAsync(Host, { key: '2ed8abd8a1f5b38941e10a68250ae64545c55054', class: [colorClass, sizeClass, expandClass, iconOnlyClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: 'd9c6c306f481b0739e01092b1e4b82a7c0a29d01' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: '0943667b2860bf0724c57f1b2133744db13cfd7a', name: "start" }), hAsync("slot", { key: '80e521dfd19e2e3dbded69db1c6d8e4b65fe7b34' }), hAsync("slot", { key: '9ac0c59c854ba627e5016827dd28ae44b27d21aa', name: "end" }))));
+        return (hAsync(Host, { key: 'a5114aeacb1e80a51d78ed9700d68de0a9d7b020', class: [colorClass, sizeClass, expandClass, iconOnlyClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: 'b3c49f1bafb2d04980bf065e0c5a07ae80052ad4' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: '888d3beae1417512b9cd3220bccb5b90988a0ba1', name: "start" }), hAsync("slot", { key: 'a347a3a9a8537d4ad0496fefe624d8c93ca28be7' }), hAsync("slot", { key: 'b8ac95962aedb64ac70cf1628a6cf1c2fb54f74f', name: "end" }))));
     }
     get el() { return getElement(this); }
     static get style() { return buttonCss; }
@@ -3818,7 +3818,7 @@ class Button {
     render() {
         const TagType = this.href === undefined ? 'button' : 'a';
         const positionClass = this.position !== undefined ? `position-${this.position}` : '';
-        return (hAsync(Host, { key: '7e60f39b75a64528b1bbf57a93afaac28e7f8726', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: 'ec3bc33563f26b31305736cd022d01ee0277a269', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: '093cbe5a10cc82a99c7dd0af8a4874443f8fd973', name: "start" }), hAsync("slot", { key: '713719800b82c36613d82d23934da7df22b06d20' }))));
+        return (hAsync(Host, { key: '48f33914e56393777941005f0ee8d30a7a3eef9a', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: '794af88f1c8697cb5a5e9a4ad1243aab7295464a', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: 'aa3c256087d4bb02e1bcd75259891629cb1ff766', name: "start" }), hAsync("slot", { key: '7409e00915812c7e9bfadecd38707c0e052490b5' }))));
     }
     get el() { return getElement(this); }
     static get style() { return buttonFloatingCss; }
@@ -3837,7 +3837,7 @@ class Button {
     }; }
 }
 
-const segmentedButtonBarCss = ":host{display:flex;max-width:500px}";
+const segmentedButtonBarCss = ":host{background-color:var(--road-surface);outline:1px solid var(--road-outline-weak);border-radius:12px;padding:var(--road-spacing-02);display:flex}";
 
 /**
  * @slot  - Content of the segmentedButtonBar, it should be road-segmented-button elements.
@@ -3862,7 +3862,7 @@ class ButtonBar {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '62fb226f4c7d6012365f294b26ba2497a49aade1', role: "tablist" }, hAsync("slot", { key: 'c87606f64b67cf6f6d09358e357dfd00384421ce' })));
+        return (hAsync(Host, { key: 'fe6a2fb4d0972e9aca15b9083a934b154d4f089f', role: "tablist" }, hAsync("slot", { key: 'dd34236a4add142460f04e7274c2090b17b797cf' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -3944,7 +3944,7 @@ class Card {
     render() {
         const { elevation } = this;
         const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
-        return (hAsync(Host, { key: 'd7b748321e0c0ae7933826ceb9170afba21c64f7', class: `${elevationClass}` }, this.renderCard()));
+        return (hAsync(Host, { key: '25f0ef201d3b6ebb24a46197419850a455f9dd89', class: `${elevationClass}` }, this.renderCard()));
     }
     get el() { return getElement(this); }
     static get style() { return cardCss; }
@@ -10691,7 +10691,7 @@ class Carousel {
         });
     }
     render() {
-        return (hAsync(Host, { key: '89ab8b92af84c628c3aa3b24bdfda2cd66203606', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: '70dee80e9baa44ca1b5a953e477e4644ecbbca07', class: "swiper-wrapper" }, hAsync("slot", { key: 'a72d76f31f831583e1f468bd7602139d9d67b12f' })), this.pager && hAsync("div", { key: '1b9c5a5b77f211d8f9f9bcd14db2045e8c22d84f', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { key: '9f8154da73e729af148f42784461d0e0bf3cb216', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: 'f35b7cdd253e21e65fdd7ea3e4aa016570d0c45a', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: '2eb77ec83142ef81709ae7620fb0cf8a44123a32', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: 'bdc8d03bfbbc994bca689c5f9a254e3ba3861aa2', icon: navigationChevron })))));
+        return (hAsync(Host, { key: 'c8709474c51f0dbefe881e975f4329275671719d', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: '3a4f86e17e2986fa835330da17d7ebcb4da2d5e1', class: "swiper-wrapper" }, hAsync("slot", { key: '0e6957caa41d01f76c0368805bb1254156b6388c' })), this.pager && hAsync("div", { key: 'f1281c23861d67662b15cd8166d661584bf38f79', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { key: 'b3be0234982dc6ae78f2fdc75b446c5cd668fbdb', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: 'e1139127b3f6ac201d2769bcdfd112cd36051ef9', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: 'c704f4da09eae8baff188170d5cca0571d62188f', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: 'ca8c665a8e1598cb521c37177fa81ab428e26ce8', icon: navigationChevron })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -10741,10 +10741,10 @@ class CarouselItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'cdb3fdad5089dbea8c62badce68bc2ca7fa63b35', class: {
+        return (hAsync(Host, { key: '7c8fec4409d82aab14d5997ed40f353363d867fa', class: {
                 'swiper-slide': true,
                 'swiper-zoom-container': true,
-            } }, hAsync("slot", { key: 'f485838d535e43af599d4a503c4609856789a88c' })));
+            } }, hAsync("slot", { key: '4ba093a0a5ba1dafd2e67edb3f23a35e87988568' })));
     }
     static get style() { return carouselItemCss; }
     static get cmpMeta() { return {
@@ -10834,7 +10834,7 @@ class Checkbox {
         const labelId = this.checkboxId + '-label';
         const inverseClass = this.inverse && 'form-checkbox-inverse';
         const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: '04393bd636693e797d573adbe0a040a5789cbdb1' }, hAsync("input", { key: '4b9c00f1061546680f94a8e3d9954ea5305d9d0c', class: `form-check-input ${isInvalidClass}`, type: "checkbox", id: this.checkboxId, name: this.name, required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, 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: '9a3a2a8dee4837e1f0e6d5f5fa2589bf3400ea92', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: 'bc26b32a677d01d875777bd1edc62a54da843be4' }, this.label, " ", hAsync("span", { key: 'dd2b0aa0d49e4fd5692e087f25a95bfb6f12202f', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: '2d210955277c351c8276d808a292d151020ad152' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: '2581702285072be834e04fe8c587a9d0b161cb34', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: 'a0c828a06c6146d0c631cc7b08abd07c0e2d37e0', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: 'c0b4a456f02e0efaaeb29d8f37e0e785fe5fde5a', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'bc4ef884b6cb826c7dbb65ca0e3c2b13ab4768be', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: '62a2baf8e4a948ee3d5167eac5142e9aeb965e9c' }, hAsync("input", { key: '67e951958ca6b347918c6148f6ef656399c8378b', class: `form-check-input ${isInvalidClass}`, type: "checkbox", id: this.checkboxId, name: this.name, required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, 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: '3335c03128ac0df164102286ecb342e41fe2353d', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: 'bc2efb180219e40aee379bc9e0e63634b1baa6f9' }, this.label, " ", hAsync("span", { key: '8c73c1145fa7143a022ecf14da78fcc0d930868c', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: '4e4c38b615758f9dc7a4cf9e87eab0ec53843461' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: '65a8f8f80d25c86c201a80d383be0316dd5a797a', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: '0c0e8762d1ef14567f329fc00c3e21356b0e1c6d', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: '0d51e3d91fd47bb7bf6ee327692f7d1b0b371d56', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '71de760750b7648d70fa32cdde8ee3060631bb1f', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -10891,7 +10891,7 @@ class Chip {
     }
     render() {
         const outlineClass = this.outline ? 'chip-outline' : '';
-        return (hAsync(Host, { key: 'c2db5d26f5574b10cf2b52eedda0eb8ff593a998', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '3f12c548e0159830e23c258aa0368f4c9c7ac3c8', class: "chip-description" }, hAsync("slot", { key: '7508955c15bfa802f8c9390af713a751aaed04ef' })), this.hasCloseIcon && hAsync("road-icon", { key: '105a66c1c4871d2022475d061ea62557b16789b8', class: "chip-close", icon: navigationClose })));
+        return (hAsync(Host, { key: 'ac5b6981f4c55c7fd7aababf9a6ec05e3052358b', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '34484d9072a5118efdcf18e815df2c56699294af', class: "chip-description" }, hAsync("slot", { key: '08562e50f4db83a54bedf98c3097525a48a30ead' })), this.hasCloseIcon && hAsync("road-icon", { key: 'b92e861c4bb1a78f2c16b2734acdd2f066c63b32', class: "chip-close", icon: navigationClose })));
     }
     static get style() { return chipCss; }
     static get cmpMeta() { return {
@@ -10919,7 +10919,7 @@ class Col {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '67fd880e9ac69130c30d15c56bdf8acdc4f1e007' }));
+        return (hAsync("slot", { key: '81e8cf78b7fe41c0fa4a8b49766837c4926274d2' }));
     }
     static get style() { return colCss; }
     static get cmpMeta() { return {
@@ -10968,7 +10968,7 @@ class Collapse {
         const isOpenClass = this.isOpen ? 'collapse-open' : '';
         const buttonText = this.isOpen ? this.showLess : this.showMore;
         const centerClass = this.centered ? 'collapse-btn-centered' : '';
-        return (hAsync(Host, { key: 'ad6640c7cb8deda3e1a11d0978c01bd285f42609' }, hAsync("slot", { key: '5dfb3677bd9052ade87a6cdb2770a18230c88f36' }), hAsync("div", { key: '0271915752295e1bf247b999e012a3e340d746a9', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: '6b2672ee6436b170e9542958612046eb331a4691', name: "collapsed-content" })), hAsync("div", { key: 'a11f6ef535bf9fe7371be787adb656247eacafe1', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: '22ffe3dfd914645ff0ccc77095dacc0277e4cba4', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
+        return (hAsync(Host, { key: '48253e17c72c783a0f7351d4476189c340bdb0ca' }, hAsync("slot", { key: '27bb5472b046b11776463b50bcb6eb79bb09e966' }), hAsync("div", { key: 'ca2cc3cfa9a14cb4ae5306a9d43da4b6f3341ece', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: '4d5ab448450ce472d9fe8d1c13c85d9a1007558d', name: "collapsed-content" })), hAsync("div", { key: 'fe63b16bda8878f5d22d5225c803f874f5985119', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: '51f7d4343e7635d4f678bc7f6f2671f307603c8e', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
     }
     static get style() { return collapseCss; }
     static get cmpMeta() { return {
@@ -11004,7 +11004,7 @@ class ContentCard {
     }
     render() {
         const insetImageClass = this.insetImage ? '' : 'content-card-image';
-        return (hAsync(Host, { key: '869c92b214bcbd6c6dd52ce7993858a6935f6cb6' }, hAsync("road-img", { key: 'e04f4d61d364e665a2a8209936bbfffc548a4ed8', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: '004c80811340b54cef513a1b39f22d2039341c97', class: "content-card-description" }, hAsync("road-label", { key: '380ce6bb6476bb59307fd1d65213e854d46a5b13', class: "content-card-description-title" }, hAsync("slot", { key: '05fd3b47f98ad443a48ab4252f64febe68e08417', name: "label" })), hAsync("p", { key: '25fa4b8e7b9cfb9170b9ede4bd99beb80bb49537', class: "content-card-description-text" }, hAsync("slot", { key: 'aa8d8bc4f5b49215bbdcf64a08122e4f83a8aa25', name: "description" })), hAsync("div", { key: '9bd895a7c522ab00835b5720411876fd5ba69ebd', class: "content-card-description-buttons" }, hAsync("slot", { key: '045f021a6cf915249654daed5a5854454a673269' })))));
+        return (hAsync(Host, { key: '44deb86bac455dbea20eb36655515da36c4f6ba5' }, hAsync("road-img", { key: '6ad6c1597a754784bfd52b17b5c99926ce11d7fa', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: '7b213827e43cdc227e28f46c76a90016095e7682', class: "content-card-description" }, hAsync("road-label", { key: '7c131e52e897d9054048bc85dba2e8442b45c794', class: "content-card-description-title" }, hAsync("slot", { key: '0a53c6a5aba804ce63e703ad1242c99b6ee29d58', name: "label" })), hAsync("p", { key: 'c036de86107612e35aaf71caddd1bc1ca85dac01', class: "content-card-description-text" }, hAsync("slot", { key: '884367060d85ea423d36c0a2084a55d45e7a7b46', name: "description" })), hAsync("div", { key: 'f361aeac86440c2de66e8d946ca6b7ada4a01bcd', class: "content-card-description-buttons" }, hAsync("slot", { key: '42c3e7534c5d419ed80e3b02fc7d5d15c71c8ed0' })))));
     }
     static get style() { return contentCardCss; }
     static get cmpMeta() { return {
@@ -11179,7 +11179,7 @@ class Counter {
     }
     render() {
         const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
-        return (hAsync("road-input-group", { key: 'f48b16cd98c6e9b2179a9ac5f587ce77605a0e96', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: '3a4669cdc06d864761f6c3b1fe72f3f408cba4c3', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { key: 'eb860ea26e303ca614b2c76e18eb2c3e270a9a56', name: this.isDustbinVisible ? "delete-forever" : "navigation-add-less", ref: (el) => this.iconCounterLess = el, size: this.size, "data-cy": dataCi, role: "button" })), hAsync("road-input", { key: '77a1315f83c65b8894056166b16f70b4c95be9b4', ref: (el) => this.inputElement = el, type: "number", min: this.min.toString(), max: (this.max && this.max.toString()), step: this.step, value: this.value, onRoadChange: this.onRoadChange, onKeyUp: this.checkValue, "data-cy": "road-input-counter", readonly: this.readonly, label: "Quantit\u00E9" }), hAsync("road-button", { key: '05b12db0286eb254b5c764760f36a20a1fca379e', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { key: '702efaa255989358e4d8124b72a9d6d380981a46', name: "navigation-add-more", size: this.size, role: "button" }))));
+        return (hAsync("road-input-group", { key: 'c081a63092c8a2389f587aa7bd224f0219eb2bd2', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: 'd12c846e1360ba74979e52a7b393f74b91b3ec90', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { key: '16b7d59b940a45b5a8e53441b19ce39ace0f4776', name: this.isDustbinVisible ? "delete-forever" : "navigation-add-less", ref: (el) => this.iconCounterLess = el, size: this.size, "data-cy": dataCi, role: "button" })), hAsync("road-input", { key: '086b7515b23c531a69385fa6ad7c0485f76122d1', ref: (el) => this.inputElement = el, type: "number", min: this.min.toString(), max: (this.max && this.max.toString()), step: this.step, value: this.value, onRoadChange: this.onRoadChange, onKeyUp: this.checkValue, "data-cy": "road-input-counter", readonly: this.readonly, label: "Quantit\u00E9" }), hAsync("road-button", { key: '988f1da0853bbcf491a0ca10d5e0651e1855584f', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { key: 'c4fc16c90d47e8c2df9e48374368320296b03c89', name: "navigation-add-more", size: this.size, role: "button" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11228,6 +11228,10 @@ class Dialog {
          * Show / hide the close icon
          */
         this.hasCloseIcon = true;
+        /**
+         * Set the color of information dialog. e.g. info, success, warning, danger
+         */
+        this.color = 'info';
         /**
          * Close the dialog when clicking on the cross or layer
          */
@@ -11294,11 +11298,11 @@ class Dialog {
                     break;
             }
         }
-        return (hAsync(Host, { key: '4c572dd6f8ef2e8f3cf4d9661d57a8a91a440481', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'e3ea4621dc396681c40036c587064406efdc41a7', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: 'eb20d4aa0d7ce3021085fd4bd9fafc40afe437d0', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: 'b5fe7dc4c2aedd3ece206275ff1e9fb8c6cd2039', class: "dialog-content" }, hAsync("header", { key: '16592706f6a33f6cadc342e77fd2e97e001449af', class: "dialog-header" }, this.hasCloseIcon
+        return (hAsync(Host, { key: 'f637f98a3a70d6156bb167c527b15d2c6ffc7e5d', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'fa621b0628a62743c8b7a233a8eba41f7980096d', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: '8afe32a301fecd494a0fa3a25e5bb26cb2bef276', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: '009d5255b0ac98b8571e31e8201ffefe31c75f48', class: "dialog-content" }, hAsync("header", { key: 'b1310e61796b93d961717c9be38ccfddbaa7d9c6', class: "dialog-header" }, this.hasCloseIcon
             ? hAsync("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
-            : ''), hAsync("div", { key: 'd195f1b8f517dc1a00717fd2eb133693185432d2', class: "dialog-body" }, this.color !== undefined
+            : ''), hAsync("div", { key: '6858740e816d454da59bf506bc7c17bcb29f1734', class: "dialog-body" }, this.color !== undefined
             ? hAsync("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
-            : '', hAsync("h2", { key: 'cc63ebad762657f625493489d727615a9ee3a616', class: "dialog-title" }, this.label), hAsync("p", { key: 'fdcc7c9c9457424cbd84cef10b3c426c79c5bf1e', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: '646fe6be10f95a029818338918d1d0de3b4f4389', class: "dialog-footer" }, hAsync("slot", { key: 'cbbe84a42dde8cd3fbdb29ced91ec610ca22b7ab' }))))));
+            : '', hAsync("h2", { key: 'bb6245c0e6fad883f7db4edb72be367acfa56e03', class: "dialog-title" }, this.label), hAsync("p", { key: 'a577cd6c7127221b2b7cb3f0e771e8fd31fad85e', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: 'd01b50c64828f59ae6f489e26fec749c1d364e77', class: "dialog-footer" }, hAsync("slot", { key: '27ba598495ab7ac1086d63c51d97ce24726755f0' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return dialogCss; }
@@ -11465,7 +11469,7 @@ 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: '5f6b91d2a78e3fef23ce525758c4fb8607539d6d', class: `${drawerIsOpenClass}  drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'd7b1034af54d20e8611196c2b95fda0a127e9234', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '430a5934010865a26865db31f7af49ad19365117', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '8273f3130f693611b21d7142f24c444d538c94ef', class: "drawer-content" }, hAsync("header", { key: 'fba78b956d181453c86ebbc92e7993ffac00fb68', 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: 'e396a171e5ee07942a948f6adde48dff6726432e', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: 'd55e970a65037f55b37c562cd4c5247a6a53c9ee' })), hAsync("footer", { key: 'c2e1c26f6340f43ad71fdee44369fc20d215a21d', class: `drawer-footer ${removePaddingClass}`, style: { display: hasFooterContent ? 'block' : 'none' } }, hAsync("slot", { key: '77a592f80db7ee538f0d04e0db070c2446d788c5', name: "footer" }))))));
+        return (hAsync(Host, { key: '343c6fe4703771781b5b1b1cbe34c825895ebd6c', class: `${drawerIsOpenClass}  drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: '3bc8d54fc65740b6d3916d201674fb8e1cde5115', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '0b1e058d77e75159dd9165a1a86e51d6db73ae2b', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '95bf614180cab332beae9d6b8d4a04c06a3ad5ac', class: "drawer-content" }, hAsync("header", { key: 'a4afcf211cf7d1c6a28a97567d17d9b33799b89b', 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: '6fe738c5b725d4b695f44e1e4227f9431bc97f28', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: 'e27c29b1583f6b469ed9b70412b70af48fc1cafb' })), hAsync("footer", { key: '680324e6fe83ea5a387ce7358c8734c634a11759', class: `drawer-footer ${removePaddingClass}`, style: { display: hasFooterContent ? 'block' : 'none' } }, hAsync("slot", { key: '6b0017be4d73cc3230f1d2d4e36c5b4899677a55', name: "footer" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11525,7 +11529,7 @@ let Dropdown$1 = class Dropdown {
         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: '3725fd6c83f23ce5cb0e7bb407c735e3c05022f2', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '989161e67db305281c84bb1200de91d8f93eed32', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: '307f325f3366b9518abf8068dccac8acd8314823', class: `d-flex ${positionClass}` }, hAsync("div", { key: '761e1d8e06ed99f16c240deca52e71d8af23ad07', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: 'fa51c7d0a1ca215f7eddd84bf7fb0a5566e40aa1', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: '5d0814c19f1142760d64932ee3b081ab3c4ef7ad', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: '03aa4282288322b0418ec9dd0f2b35a7f1719c4f', name: "list" }))));
+        return (hAsync("details", { key: '666aed9ed77ca8a7830d7d9863b2fc031e43d452', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '743e050797fc26df250c12fc57921ec9d9340a8f', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: 'fa99ef9afbd10eb214756c83cbe6559c9c794cae', class: `d-flex ${positionClass}` }, hAsync("div", { key: '15bbf1d1b681970726c9702016f19d94098e2d7c', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: '914c9f0b05ba7f43d9412ff4e64f5223c570df2d', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: '8af51d9591a676c9f2920a89aff3b2ce3ef32989', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: '97ffc359a528440ec2c6ebf84d08de0e75e1b39a', name: "list" }))));
     }
     get el() { return getElement(this); }
     static get style() { return dropdownCss; }
@@ -11580,7 +11584,7 @@ class Dropdown {
         this.isOpen = false;
     }
     render() {
-        return (hAsync("details", { key: 'ba8ab2267b09a7c9dd19b946411e467cc4e07324', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '79002aed6fe909cb445a14eccdb0356ea67f066d', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'ac76cc1d5e42ef7d2f8e3c8df364ec8910796d12', class: `d-flex` }, hAsync("div", { key: '05fdb00792dbed62bf556d4739b841162750a9f4' }, hAsync("road-avatar", { key: '714f2f360a8c12702c00714c36a72ed53e0fb1f6' }, hAsync("slot", { key: '015658f461eea6a49c25096b9010f7f071281860', name: "avatar" }))))), hAsync("div", { key: '290c764b058126dec580c5d0eead4d16ba36a6eb', class: `dropdown-menu` }, hAsync("div", { key: '0d7ae51bf2d737b4ad42ec32e084345a11c9a754', class: "profil-item" }, hAsync("road-avatar", { key: 'a8a75aa1b92e1b4e588a8731c1ded1509ca20dd3', size: "sm" }, hAsync("slot", { key: '1cd5362603b582939b4ebd0516aa21b719187f59', name: "avatarItem" })), hAsync("div", { key: '1eeab94fef6d4d697ff5b38bdf38a275850edb6a', class: "profil-item-info" }, hAsync("span", { key: '31e0fd18778aa2d7d65e7690097cb6902ba34de6', class: "profil-item-info-name" }, hAsync("slot", { key: 'bec12eddcc91e103749c83af093c1861b70738aa', name: "name" })), hAsync("road-label", { key: 'c96899efa14338b749832d2e03b8030fbde246bd' }, hAsync("slot", { key: 'a536839900e41eb85c936fa3b28ba93e95decd9c', name: "email" })))), hAsync("slot", { key: 'ff12fa9f423cd60c6608b8d5665db934ce8a1a1a', name: "list" }))));
+        return (hAsync("details", { key: 'e947106ef9c4caba6a241a02cf01e61395aa488e', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '9c1fe137b2123745d69cdf4d92a341feac989a02', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: '2192125a786f148b233b769d6ea4b0b63faeba52', class: `d-flex` }, hAsync("div", { key: 'cf25d45b10534ce950a9dae2bdc4b8b354be4345' }, hAsync("road-avatar", { key: '5e76005a457fcfbbeffc6cef477fc2e959595bb0' }, hAsync("slot", { key: 'a14a870eb660c315b2217d271a7c67014afb0fa6', name: "avatar" }))))), hAsync("div", { key: '4fb21339347e5d3dab37eabc69f2e2a5f1f916a8', class: `dropdown-menu` }, hAsync("div", { key: '64c4925387f70b3ee431b9fcf016d9dba22fe3a8', class: "profil-item" }, hAsync("road-avatar", { key: '4669635cd93e18210afcb3d0b85ebbcafe5c3928', size: "sm" }, hAsync("slot", { key: '4f1069c91a4b3a057ed8c39a95b25209e03b3900', name: "avatarItem" })), hAsync("div", { key: 'dc055a8299d628c3ae16aaf63964819611177545', class: "profil-item-info" }, hAsync("span", { key: '63c9d3826fc11d7c7a4e3d61f45f4f8f88816a0f', class: "profil-item-info-name" }, hAsync("slot", { key: '07e67a50df8a146c630f21fc17886268072767ed', name: "name" })), hAsync("road-label", { key: 'c9775892829479e07d9a33d7c6cbcb8a3838aeaf' }, hAsync("slot", { key: 'bb4a59d80176e47292db3c332af0b01f403fdbd4', name: "email" })))), hAsync("slot", { key: 'f51c6b6c0138f35866bcf4038473f53c17d278c2', name: "list" }))));
     }
     get el() { return getElement(this); }
     static get style() { return profilDropdownCss; }
@@ -11643,7 +11647,7 @@ class Duration {
         this.isOpen = false;
     }
     render() {
-        return (hAsync("road-drawer", { key: '78b52a2df9b2b27d44debcdde24ba02c5740d97b', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '38da02900f05fdcdf935c7171686dc1697c23d1e' }, hAsync("road-row", { key: '831ec7e63a66d576dddf21c075a6ca328c6a4c87', 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: '7174d6bff0b668a440eba7c01b6cb00a3ac8c316', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: 'f6ada019b742b8f81ddd0d9708d379503c98c587' }, hAsync("road-row", { key: 'f51a13bb8fb5bc131f39f93dafd4d4a6714fd991', 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 durationCss; }
@@ -11688,7 +11692,7 @@ class Flap {
     }
     render() {
         const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
-        return (hAsync(Host, { key: '1ad21513075e2905160563b53c9c1a0138c4e630', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: 'efaf85fa69271c8892a9455c5a0a48d36d37d19f' })));
+        return (hAsync(Host, { key: '3d762c6f497921860864029ac64adb135a7fc5c4', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '27cfff932ecf2260ce0f67956c30a394cd6450be' })));
     }
     static get style() { return flapCss; }
     static get cmpMeta() { return {
@@ -11733,7 +11737,7 @@ class GlobalNavigation {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: 'ab358fb77607410245ad12e705661b17f91bb51a', role: "application" }, hAsync("slot", { key: '8a106a110a85a30e525a028c8701927eb118b660' })));
+        return (hAsync(Host, { key: 'abc53616cb98aa6db7f5163b676cd63c1b701ebe', role: "application" }, hAsync("slot", { key: '15fdfc5effeafdc03cb38178303b5ff906b02b73' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -11880,7 +11884,7 @@ class GlobalNavigationV2 {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: 'c9a8f266966c63405976b51b3db8d22c07a54e86', role: "application" }, hAsync("slot", { key: 'b19e4796c2a28293dadbed1eea98b6e0e7e3b296' })));
+        return (hAsync(Host, { key: '1a66a89de61ff867114b5b3121d8760bda4564c2', role: "application" }, hAsync("slot", { key: '9cd0edfb46071389cbdbbbf903045ab98ab69bbd' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -11909,7 +11913,7 @@ class Grid {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: 'bc7caaccaad8a5288c20337cd7c07af64a232dca' }));
+        return (hAsync("slot", { key: 'f4d44dd4cc72e59df9c788612ee9421cc3763a9f' }));
     }
     static get style() { return gridCss; }
     static get cmpMeta() { return {
@@ -12011,7 +12015,7 @@ class Icon {
         const rotateClass = this.rotate ? `icon-rotate-${this.rotate}` : '';
         // Ajouter une classe "default" si aucune des valeurs n'est définie
         const classes = [colorClass, sizeClass, rotateClass].filter(Boolean).join(' ');
-        return (hAsync(Host, { key: '55c74d3a21877c52ad88678cc9e88541d7194581', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
+        return (hAsync(Host, { key: '95b32a265d359636c313ffbe72acede250a68daa', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
             ? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
             : hAsync("div", { class: "icon-inner" })));
     }
@@ -12132,7 +12136,7 @@ class Illustration {
     render() {
         const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
         const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
-        return (hAsync(Host, { key: 'b7e50917aa065b04ef65d3a03f4569642117241d', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
+        return (hAsync(Host, { key: '69036c95d1de5bc4745e31bbebc2ac9ecf881898', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
             ? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
             : hAsync("div", { class: "icon-inner" }))));
     }
@@ -12234,7 +12238,7 @@ class Img {
     }
     render() {
         const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
-        return (hAsync(Host, { key: '8009004881c28a4f230e8afc27753002d340538d', class: placeholder }, hAsync("img", { key: 'f255eaf8aad3f1ed3aef4d48ddb7d3351f29c76a', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
+        return (hAsync(Host, { key: '976ab0d692503daa8ff7ac9d95b83c7d4fba790f', class: placeholder }, hAsync("img", { key: 'b5f0c9d5113eb906033bb012c36bedc420012364', 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 {
@@ -29684,11 +29688,11 @@ class Input {
         const hasValueClass = this.value !== '' && this.value !== null ? 'has-value' : '';
         const lessLabelClass = this.label !== '' ? '' : 'less-label';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: '1dc5be8cca2464709ea4661a875c35feaec6d7b3', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '57575b6d01b4bf45703e76e0ac4b7e75aa7177ae', class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input' }), hAsync("label", { key: '90ab2cc491c203f18e37654e361a03bf31f6e908', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && (Array.isArray(this.error)
+        return (hAsync(Host, { key: '8a714fca76ef339bd751331bbeb4d58e7ccb0056', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: 'b21c77923c6cede245f5af456fd258dc885b0367', class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input', ref: el => (this.inputEl = el) }), hAsync("label", { key: 'a3dc3d2e183f943604305d04ac260726317d7503', 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: 'ac10569a3eacf0e85142238d18139bb4b95c24e3', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '17e2a2ea624850955a29167e0475cff88960cc49', 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: 'f6cc5101ccaab1e07ac8cdb323fbd1e948782af5', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '0094f3f260c314a7fd4a3a74262183fa7f1b5b65', name: "checklistPassword" })));
     }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
@@ -29799,7 +29803,7 @@ class InputGroup {
             ? `size-${this.el.querySelector('road-input').sizes}`
             : '';
         const disabledClass = this.disabled ? 'is-disabled' : '';
-        return (hAsync("div", { key: 'a5498a6d18479dbf5380bba439ddfb07135e4d89', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: '0ccf64853ebde60bf1c64936b4c8d1abad445164', class: "input-group-prepend" }, hAsync("slot", { key: 'd32c085fe74a182b44fd4c4e44f617c55827604b', name: "prepend" })), hAsync("slot", { key: 'cce085b874daa8b7db19d480a9cc8febbc0fd85c' }), hAsync("div", { key: '5cdbdb02d3e4ed3c519a2115bd916fa44a7f236f', class: "input-group-append" }, hAsync("slot", { key: '892fd4e7034c18d1ea9b439ca1289b1701ca57b6', name: "append" }))));
+        return (hAsync("div", { key: 'a5bcaef252967c757347f4fad0be0d338dc296bb', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: '158ca209265d59d1ec1ab06d31960e34fb1d7489', class: "input-group-prepend" }, hAsync("slot", { key: '580c826cda5bf4e19cfc649cee2631de070c716b', name: "prepend" })), hAsync("slot", { key: '6822f49f1de35a64f841f44be407a1d9d8ef9dfb' }), hAsync("div", { key: 'a6f34144268e33be2d46d5142853224673477c58', class: "input-group-append" }, hAsync("slot", { key: '6689c6fa0fc73cb909c67ef4b9b116712781cfb1', name: "append" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29878,13 +29882,13 @@ class Item {
                 target,
             };
         const showDetail = detail !== undefined && detail;
-        return (hAsync(Host, { key: '22b0b93833942fcd88f02eb748b9ed3b528c16d9', "aria-disabled": disabled ? 'true' : null, class: {
+        return (hAsync(Host, { key: 'ffcfb7291adef5eddbd521b2ef59c9d64da73204', "aria-disabled": disabled ? 'true' : null, class: {
                 [`item-lines-${lines}`]: lines !== undefined,
-            } }, hAsync(TagType, Object.assign({ key: 'de0f45865402c47e4f46fe823cd5fdb911d65b37' }, attrs, { class: {
+            } }, hAsync(TagType, Object.assign({ key: 'e2dacd76ce641194bde2e03f77a4143423c52200' }, attrs, { class: {
                 'item-native': true,
                 'item-active': this.active,
                 [`layout-${layout}`]: layout !== undefined,
-            }, part: "native", disabled: disabled }), hAsync("slot", { key: 'a1b610e29921e0d4a9d686532175728835d32442', name: "start" }), hAsync("div", { key: 'f5b469b3a1a5fa130add29c97380e59e32288ce8', class: "item-inner" }, hAsync("div", { key: '66e33acda9a24fa5e023b2f8062d96c0f72b44dd', class: "input-wrapper" }, hAsync("slot", { key: 'e6e83c6a96c7feb17312151353f7ef2aac23ae38' }), hAsync("div", { key: '8f56814f29dce4d66805a695c130b0dbd29f8fe7', class: "input-wrapper-info" }, hAsync("road-label", { key: 'bdd75234defd481c53ed08ce91a1212f3e7474b4', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: 'd86588dd7f1d731ddfa9213bc73ffbf6849f4cc8', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: 'dd6fa3815de13da68886a845e7d7711a42cd5c67', name: "end" }), showDetail && hAsync("road-icon", { key: 'c055152007613547e4555b31e7cadb83cb2faad3', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
+            }, part: "native", disabled: disabled }), hAsync("slot", { key: 'b54a9eb4348bfcfe2173555a519ee6456ebd366d', name: "start" }), hAsync("div", { key: 'c37fb3fd8cf22a83f6b09f1e5135359c7a8d85b4', class: "item-inner" }, hAsync("div", { key: '132a756bf59085be22e2c60c768bdc7c03df695a', class: "input-wrapper" }, hAsync("slot", { key: 'b2c8814642d455ccb367ecb2b73e9a4ec3ff56a8' }), hAsync("div", { key: 'beb2337357755b0da2ffcea2527a378cae497317', class: "input-wrapper-info" }, hAsync("road-label", { key: '950680294f3600fd4e596ed59eb0f4b9e005ab5b', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '7d0c1ab0b5defbce3222755f763011f7c5400af9', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: '6166ded9d2b8cfa26cbc550c9cc8cac4e84a8c93', name: "end" }), showDetail && hAsync("road-icon", { key: 'ebd37468e5695fb40cecca4a437777273dfc8a0c', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
     }
     get el() { return getElement(this); }
     static get style() { return itemCss; }
@@ -29924,7 +29928,7 @@ class Label {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: 'eb99071c3aa809424c144cf48921489b5c4ddc20' }));
+        return (hAsync("slot", { key: '57b2da72eeadd0c64a5bf9eb4fd5cbf3b35498e4' }));
     }
     static get style() { return labelCss; }
     static get cmpMeta() { return {
@@ -29948,9 +29952,9 @@ class List {
     }
     render() {
         const { lines } = this;
-        return (hAsync(Host, { key: '9aa897d06fa441fdbd78a2d565297d900c7fa2d5', class: {
+        return (hAsync(Host, { key: 'd78084090acfe3312fa7737fd0d8b029f3b39e0a', class: {
                 [`list-lines-${lines}`]: lines !== undefined,
-            } }, hAsync("slot", { key: 'bd230a4aa3f010fc7c27b80b63397d4172be1155' })));
+            } }, hAsync("slot", { key: '92fd9bd7a217314efe192cb0d8c399be2102be0e' })));
     }
     static get style() { return listCss; }
     static get cmpMeta() { return {
@@ -30034,7 +30038,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: 'd71c6308417b1f4312d9e051e3e93d450f44b7ca', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: 'caa614af7cb32bbb10d4587298d3da2727f1ed78', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'b20a848b2f5f8965523fae30f72071d4525cc277', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '60e5977f33a12da88ef1caa24fe4df525db5d7d5', class: "modal-content" }, hAsync("header", { key: '3002162818136657292561299cffff55b3a78bab', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: '41d1bce141adfb07449d27743b945c521e3347bb', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: 'e747f4b99021f6690983c10047da77559237c0a1', class: "modal-body" }, hAsync("slot", { key: '14f7d43e4a86db2b285fc2a9f587e7e8a6873364' }))))));
+        return (hAsync(Host, { key: '1fdd589e9f51997b4d0f3ea8a1ddc07e99c10001', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: 'd902050424f8ea7e9b56e12da5cc13d82711639f', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'c5d41ad21a14f87b997ab89804a53ef8651c59f2', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '05c6ec2feb0f85405acbeedd0e3c8d12d834e1cf', class: "modal-content" }, hAsync("header", { key: '882e8cc7d782752ce99a29b7012d3eefb292899a', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: '98f549a4a32c448ffeabc617b617fba300a51354', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: '3c2d64b587d8b710845eae45e12c2abf7e9b6b75', class: "modal-body" }, hAsync("slot", { key: '47af629bc27a1c31fdc8da12045a68f8cbc2232c' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return modalCss; }
@@ -30084,7 +30088,7 @@ class Navbar {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '4ac6e6f19142c89066345fd122fbcecc59be9eb4', role: "menubar" }, hAsync("slot", { key: 'b4dc235e19d7207b63fc87233a664ceaf4e3a4eb' })));
+        return (hAsync(Host, { key: 'efe7958879143afb92e87774b1befc120a858750', role: "menubar" }, hAsync("slot", { key: 'afe13f560cf6e93c88a5aa0dddb188d1476e9f63' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -30169,11 +30173,11 @@ let NavbarItem$1 = class NavbarItem {
             rel,
             target,
         };
-        return (hAsync(Host, { key: 'cae2a8a1596eb977bff7bd168e395315ff36ba8c', 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: '5f3f4d5dee65958510bbd3aa666bd8bce1d89d9d', 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: '49cc8e40cfa89ae8094473e90c0822955b9ff1c9' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '25ab0387af2d7a31d4842e10d50fa5bcb804ee46', class: "button-inner" }, hAsync("slot", { key: '3f8657566f5ff1a473f73724897611ed59240d2e' })))));
+            } }, hAsync("a", Object.assign({ key: 'e96b32b8c383d2b5b010dfab3e5ab15b51bc1854' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '773564fd22c7606b15cf150b62975f42d3f84d56', class: "button-inner" }, hAsync("slot", { key: '1aa2363819e9cea17bec4af105ce1d788e5968ec' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30265,11 +30269,11 @@ class NavbarItem {
             rel,
             target,
         };
-        return (hAsync(Host, { key: 'f94f2c6617cf77084ff561f2dddac7398ba54155', 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: 'bb17a83b219caa3b5b7dd3a0c98ba38be889d901', 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: 'b3e40cfbd5dd688bfaa0b02cd4bfc2a39a60d855' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'aa7c561c024913c31342c9c8e8dbc9671921ca94', class: "button-inner" }, hAsync("slot", { key: 'd7f2b09ffeadebc7ec7a0574251d09a7604cbcba' })))));
+            } }, hAsync("a", Object.assign({ key: 'cfc7250785fb4785f6fd4ae78be2b31feac5f508' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'd4152384d69fe44f37d34a1fc797d1d7fb986e5f', class: "button-inner" }, hAsync("slot", { key: 'ad5a68da83e88f06e445dc86ece622dd08c42e39' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30327,7 +30331,7 @@ class NavbarV2 {
     }
     render() {
         const compactClass = this.compact ? 'compact' : '';
-        return (hAsync(Host, { key: '35b206b081212b5217aec282d7ed63508aa38835', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '4c8db0f9fdec1a70be85dab9d20a396b2fbe5e44' })));
+        return (hAsync(Host, { key: 'a9c26c1d017c70adb791bba025a7ce9f1a22a490', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: 'a6af8ea119922343b6bfb17f694b6620cd4d7b8e' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -30449,10 +30453,10 @@ class PlateNumber {
     render() {
         const value = this.getValue();
         const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
-        return (hAsync("road-input-group", { key: 'b6e5c5d41c5f2e8d6cf2036d5aa40fe55d93553f', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '31b944283cc8059d0492f56591f7f6fb3d2d108a', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: '4d6c966fa9786d5037c3d23c3a5eabde9ca1ae8b', class: "plate-number-start" }, hAsync("road-icon", { key: 'd53e70014950064c15281a2cc98d116ae2b1ab42', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: '8ab0a99fa489dbb57be1c813d8683fe60d39adda', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
+        return (hAsync("road-input-group", { key: 'ab5e69f2ce02705c3eb46c533f18fc5a7215b07a', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '4f932c390759f09df542e3122c7783c292726afe', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: 'ada72437982f7fad0d9f78b52603a9a047ec90e0', class: "plate-number-start" }, hAsync("road-icon", { key: 'eed8cc3ac1b52a3b254d643447de64f6dce19ba2', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: '388cc5e3e68ba63a7af1e29e21f939583f23ebf8', 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: '4ee16ce31fb957813e8eb24ce816be450734c079', slot: "append", class: "input-group-append" }, hAsync("div", { key: '2131f2c5952b1926de94cbe071ba036aea50d60d', 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: '4a7d160c6a666ace1c19d9509b307a1d8af62f97', slot: "append", class: "input-group-append" }, hAsync("div", { key: 'e805a53a4a445bffa010e79251a27f7c3d193374', class: "plate-number-end" }))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -30519,7 +30523,7 @@ class ProgressBar {
         const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
         const light = this.light ? 'progress progress-light' : 'progress';
         const animation = this.animation ? 'animation' : '';
-        return (hAsync(Host, { key: '8e4584d29119c545a5df5c5cf70bb7facd2892f2', class: "progress-element" }, hAsync("div", { key: 'c085bb04190f643051fc034d3fba37db0ecbbd4b', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: 'f9c44cfc1274b796b39a16189932c7bc75b3adca', class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), hAsync("div", { key: 'bb6c07c268a5b33f0c82dfb6d642278c5f10ef76', class: `${fullwidth}` }, hAsync("span", { key: '83fc07afbdf40508f98c6043d2967289b7e41e67', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: 'a6bc635aa7f206325782233df96bfd9e8561adfe', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
+        return (hAsync(Host, { key: 'e075ca51836988ce830393246d27fddf73a9e4aa', class: "progress-element" }, hAsync("div", { key: '7d7f4d81e6c6ad2865b45650ba6da751f7d9a883', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '8596d15ae87b76f53c0594e8293b13c5648332bf', class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), hAsync("div", { key: '3c09c1c898a5e116aa01c12f1323a618c0ca0be3', class: `${fullwidth}` }, hAsync("span", { key: '335f202f365e19080d6d1199af8423cb8e5812d3', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: 'a7c3bd4b59ebca8f86d614afa836dca21018b335', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
     }
     static get style() { return progressCss; }
     static get cmpMeta() { return {
@@ -30559,7 +30563,7 @@ class ProgressIndicatorVertical {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'b707eafe37edd69f9a022e95954d454a29512592' }, hAsync("nav", { key: '73bce35645de952833843aa0bac29364fd902931' }, hAsync("ul", { key: 'f22626dd51cc9d994c0e003f0acd217e16f0e0f6' }, hAsync("li", { key: '290245c777424ad4119ec3a258ca2b79e986e5e5' }, hAsync("slot", { key: '51f1a29acda49c95e3311cbe358d81ab10200f2b' }))))));
+        return (hAsync(Host, { key: '144b1fffb62a3d6f83cefb47c5b965c2e5de2b65' }, hAsync("nav", { key: '6489e93e952d9803555b7301442cbc17cf7e810f' }, hAsync("ul", { key: 'a1aa21b8f8e5a7f250f0491806594954d9756041' }, hAsync("li", { key: 'ecb8111c9cab3e0c739f24a17fc979022e40c66f' }, hAsync("slot", { key: '92b597cb1e76f0e0a528f5e914fc6f9d7c266c4c' }))))));
     }
     static get style() { return progressIndicatorVerticalCss; }
     static get cmpMeta() { return {
@@ -30582,7 +30586,7 @@ class ProgressIndicatorVerticalItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '341b44b6533146d2513daf9ba6a009ae99efb4a4' }, hAsync("slot", { key: 'cbc2da53d95ba4a425e1a32c526666ca060f0169' })));
+        return (hAsync(Host, { key: '1e31c321974f20cda308a48f6de6f8935bc9bdd9' }, hAsync("slot", { key: '94a8836cb687c2b9d7d331bc083ea81a15e00309' })));
     }
     static get style() { return progressIndicatorVerticalItemCss; }
     static get cmpMeta() { return {
@@ -30610,7 +30614,7 @@ class ProgressTracker {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '3838da42fd14b99090bf64afedf0e63617842af5' }, hAsync("nav", { key: '358a2b9adaff4a43e6de9aed50800a1440d0c769' }, hAsync("ul", { key: 'ec40648892f9c2e1289e36528e135cab02d5fbe7' }, hAsync("li", { key: '9a59150f0c0685c09f0b0527a8c3d1d943cb72a9' }, hAsync("slot", { key: '46eae02c62da32f4906b8ba74f4fc399474f7ce6' }))))));
+        return (hAsync(Host, { key: 'ffcdba129f53cc514c388dba2c94e479e23d22bf' }, hAsync("nav", { key: '3c8b2fcf783dfabeb823b13393a225901ed8755b' }, hAsync("ul", { key: 'b0059c3c0d1f77f14816c190f66a9b0f23569486' }, hAsync("li", { key: '7a487ac3b0822e663bca07e5e8b6cca773d18d14' }, hAsync("slot", { key: 'dfcf7069fbff57367eb61c545d9d9182a63c489c' }))))));
     }
     static get style() { return progressTrackerCss; }
     static get cmpMeta() { return {
@@ -30641,7 +30645,7 @@ class ProgressTrackerItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'b50c959b19d9218bba19f85d8d5bca46ae730361' }, hAsync("slot", { key: '22fb159a8b074ce8a72d23b86850890ad961e945' })));
+        return (hAsync(Host, { key: 'ecc42bd2a9cb4f5929c19e9b0be26feb11eb11a1' }, hAsync("slot", { key: '9ef689b7473549addcab35bd8eff9d5787a23d0a' })));
     }
     static get style() { return progressTrackerItemCss; }
     static get cmpMeta() { return {
@@ -30733,7 +30737,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: '6cdd32b05e6d16ccd6f970ec0b83fac17c6d11f5', class: `form-radio ${inlineClass}` }, hAsync("input", { key: '3ea27dc6f33235b55b897d9f03e39a1f2a1f94b9', 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: '7ed8e4746adfb8aa58ce5fec89d96045d24b6e3e', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: '5ab757f39ab2c6feeafd865b33a519e626ae1d5b', class: "form-radio-label-span" }, this.secondaryLabel))));
+        return (hAsync(Host, { key: '02478f228af153868964eb5d34744649221e6a9b', class: `form-radio ${inlineClass}` }, hAsync("input", { key: 'b9a91cad1bebdc517c104a8b0ee3a9a7e0805843', 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: 'c03e2b3b6085fefdb20a99c87257f125f4835d4a', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: '025348388d70decf06d806904ddbc999dd9ff5d7', class: "form-radio-label-span" }, this.secondaryLabel))));
     }
     get el() { return getElement(this); }
     static get style() { return radioCss; }
@@ -30816,7 +30820,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: '3bee6655bc5dd3da130a8dd076b9b2d6935db090', class: `form-radio ${inlineClass}` }, hAsync("div", { key: 'e40ca3f138f858b63d958e79dc16cd604206c70c', class: `radio-card ${selectedClass}  ${disabledClass}`, onClick: this.onClick }, hAsync("input", { key: '1d610314ef625427259eb7ccb8411d636810fe5f', 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: '758ca104acc13232c39dfde43f41467c90dbecb4', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, hAsync("div", { key: '5b3b398f3b9ec0549ebf6c86de3c7229757a8972', class: "slot-wrapper" }, hAsync("slot", { key: 'fb2c7d9f7bda47ce78457014af30e9f2bc7e2f66' }))))));
+        return (hAsync(Host, { key: '31d7399cd26ce4ae7e091ac137cfeb90f0ab2af6', class: `form-radio ${inlineClass}` }, hAsync("div", { key: 'b84258fd381d5c7f552e7d1814ab58ff2b70c84a', class: `radio-card ${selectedClass}  ${disabledClass}`, onClick: this.onClick }, hAsync("input", { key: '77810f03f27788cc3fa76344b1e7153c8a5d91d1', 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: 'e45b363c5a5c737c7926c5c9d8a1e03bdb2694f3', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, hAsync("div", { key: '4290f0010805a39293fb85d608c3ea45ffef2a84', class: "slot-wrapper" }, hAsync("slot", { key: '479fcc8b36f50e8e50eb2de19d6360b99e7eea8c' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return radioCardCss; }
@@ -30912,7 +30916,7 @@ class RadioGroup {
     render() {
         const labelId = `${this.radioGroupId}-label`;
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: '1fe719984a1a75cd021fe261aee5f373073059fc', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '9d5035a6852dd75ebe782a4a4662564356982c1d', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '7598e5a163dbdd519866ccc273cc6f73a81a4add', class: "asterisk" }, "*")), hAsync("slot", { key: '41ae268f6afc4a9bc40ac08aa9b385526a879271' }), this.error && this.error !== '' && hAsync("p", { key: 'd1e93c0b4d12946269c031c97d317967f4813bd0', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'f554d4532c7a1834474334390a376289ed2f50d2', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: '8e1dc205a1a0265edd3c006587877bcc2c32b41d', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: 'd54aeaf80b89327353e82af4f6e0f64357c8b3e7', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: 'b2136cd114930667b17f0a25afca7aa66d740d32', class: "asterisk" }, "*")), hAsync("slot", { key: '81e91d7c61a3f0ab2792b6bb380a44863f2a433a' }), this.error && this.error !== '' && hAsync("p", { key: 'a4b6e91555b3d8c81088f9cb109dbdce3e831733', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'd9b7ca8ef6a7e5507847cff5221993f0ba213708', class: "helper" }, this.helper)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31041,14 +31045,14 @@ class Range {
     render() {
         const value = this.getValue();
         const datalist = this.showLabels !== undefined ? `tickmarks` : "";
-        return (hAsync(Host, { key: '99aea796b74d9fcc017f981ec35ec2c37094c69d', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: '826ccb328f8ea41594f1b17108f51f69d2c08032', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '88ecca99b1157e937c95c67422f097f4839e738f', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: '62e30bf89d2a1aa3a8cd805c29e7dc9b7810abbe', class: "form-range", style: {
+        return (hAsync(Host, { key: 'ecac18cdfb006a96a72efea1c27d2f57c5597016', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: '7bc112d7b727816281bb58078cc1bccecaa5b2cc', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: 'dd2d7bcba9a9d1110b4529302f6224c59d57c32e', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: 'd57e0e72704f90ce9c28fa2abd8b3fe2df501202', 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: '46f175fe6c500efd3c85aaf9a4fcc4f962f2fc08' }), this.showLabels && hAsync("slot", { key: 'ddab1a92c33d10fe22cec22e66eea537a293af00', name: "datalist" }), hAsync("input", { key: 'a2b4311965dc13a16d11d2c5f54fd763c503922c', 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: '507f3ea9a01a7cd78d8b6fa729583e2e91bb164b', class: "form-range-label" }, "Valeur"), hAsync("div", { key: '4aeef1bbd3ac6bb5b195cdf7b33a2c86f0ddf774', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: 'a011ed0fa79df8db5f2e64a966053fcee1b65878', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
+            } }, this.showValue && hAsync("output", { key: 'a83dc1adb2154f1eb2003f7e68ebbebea1a3c760' }), this.showLabels && hAsync("slot", { key: 'fafa44f9aa405c10c387d0c15f9f1a04b01edac7', name: "datalist" }), hAsync("input", { key: 'bdbc9dcaee2c8e9fc58eff3fd74c9895fc6b9ac5', 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: 'ff7d8e924677cb611f64bff097e7199f671b0d00', class: "form-range-label" }, "Valeur"), hAsync("div", { key: '0b2275d7bdecfffc176835281c7f5d7422f6e304', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: '60e4200e485e351edaafaa6e178ff2a13430f481', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31116,7 +31120,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: '32f03cf9211f2a58e989b7558813c250751825e6' }, hAsync("div", { key: 'dbd31722120ec9fa25a268b101e670f06fd4c82a', 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: '11807f144444c6df8c90eccd4d7ac94d455afe98', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '4ea4d3488d7e177b165829bb663c066683b72246', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
+        return (hAsync(Host, { key: '3c85829b44081dd80e1d7515e68aa0a42171658d' }, hAsync("div", { key: '79b13ad443febe7bb7d76945f2bc5976c1647db2', 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: '86733047f13e800d482a414a2c89cac441ce7c10', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '715de650af95fb2fdff9b33238cfe8862027656d', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
     }
     static get style() { return ratingCss; }
     static get cmpMeta() { return {
@@ -31234,7 +31238,7 @@ class RoadAreaCode {
         const labelId = this.selectId + '-label';
         const valueId = this.selectId + '-value';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: 'b70735272b3788879ff5cc5f2fff2a09e5e86572', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '5b56903ec7bdbd7e45f27fc4aa9084b8cfd8bf88', class: `form-select-area has-value ${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 }, this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: option.selected }, option.label)))), hAsync("label", { key: '5d92b11044a6ff33e730e2bcddf9f5a91266d5bc', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: 'e0097b1c4570b6e63664e1ebba7e1c7908016674', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: '4774c22906a2d92d57ed377ff76c2f791ce06559', class: "invalid-feedback" }, this.error)));
+        return (hAsync(Host, { key: 'b5faa4c34393fe3c4601c27d2dcb3f71314ed8f0', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: 'c38b4babe142cbf4555582fcc2f8a8081737e11c', class: `form-select-area has-value ${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 }, this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: option.selected }, option.label)))), hAsync("label", { key: 'ea84d648ab398f39e1fa2eecd6fd9b24b7d122c3', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: '2795df05f6f0ac6e4705ea04a1034a526e6ad5e6', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: '78a677126b60d1bbbd95ceecffef3d0408578dba', class: "invalid-feedback" }, this.error)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -31265,6 +31269,40 @@ class RoadAreaCode {
 }
 let selectIds$2 = 0;
 
+const aspectRatioCss = ":host{display:block;width:100%;--road-aspect-ratio:16 / 9}.aspect-ratio-wrapper{aspect-ratio:var(--road-aspect-ratio);width:100%;display:block;position:relative;overflow:hidden}.aspect-ratio-content{width:100%;height:100%;position:absolute;inset:0}::slotted(img),::slotted(road-img),::slotted(video),::slotted(iframe){width:100%;height:100%;object-fit:cover;display:block}";
+
+class RoadAspectRatio {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Ratio allowed: "1/1", "16/9", "9/16", "4/3", "21/9", "3/4", "3/2"
+         */
+        this.ratio = '1/1';
+    }
+    getCssRatio() {
+        const [w, h] = this.ratio.split('/').map(Number);
+        return `${w} / ${h}`;
+    }
+    render() {
+        return (hAsync(Host, { key: 'b92ad68ab60f2cf5000e3dff38c11b69819d3233', style: { '--road-aspect-ratio': this.getCssRatio() } }, hAsync("div", { key: '75b1cff0bfa5572556d6680051286a4c498ac3b0', class: "aspect-ratio-wrapper" }, hAsync("div", { key: 'b0d42b6be22e1801c61045499d0482805d848071', class: "aspect-ratio-content" }, hAsync("slot", { key: 'b98dace10ed279c238ba61a443b5646ae99d389c' })))));
+    }
+    static get style() { return aspectRatioCss; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "road-aspect-ratio",
+        "$members$": {
+            "ratio": [1]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
+function commonjsRequire(path) {
+	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+
 var libphonenumber = {exports: {}};
 
 var hasRequiredLibphonenumber;
@@ -32570,7 +32608,10 @@ class RoadPhoneNumberInput {
             const phoneType = Object.entries(libphonenumberExports.PhoneNumberType).find(entry => entry[1] === phoneUtil.getNumberType(parsedPhoneNumber));
             this.returnObject.phone.numberType = phoneType[0];
         }
-        catch (_b) { }
+        catch (_b) {
+            // Triggered when user enters a single digit value so we need to set the isError value manually
+            this.returnObject.isError = true;
+        }
         finally {
             this.roadPhoneNumberInput.emit(this.returnObject);
         }
@@ -32632,9 +32673,9 @@ class RoadPhoneNumberInput {
         const isErrorClass = this.errorMessage.length ? 'is-error' : '';
         const hasValueClass = this.hasValue() ? 'has-value' : '';
         const sizes = 'xl';
-        return (hAsync(Host, { key: '66cd7b7e9d47edea9b80465c824a4c63d0d84307' }, hAsync("div", { key: '9129d62eefa28f4a517e170dc015dff1dfc29cc3', class: 'phone-number-inputs-container' }, hAsync("div", { key: '34677b7d676b17175bdfe31bbdb8d9b2e77d9e18', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: '55f3622cfb10113445af82a662ed7c9b592b0474', 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: 'a9130369ccb6a053affabcb88afc42018f5bdbea', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '105ebfe474db1d647e1d065cda8af6952c6ca251', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: '5890c76b9aeced4ddc419e42e2fbba6b24bb88d7', 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: '8e4a7ba65bcbbe588b797921e7a05fd9b3dd3770', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
+        return (hAsync(Host, { key: '96f1d888ec7b40c99f2a1c471302433ac359d4a8' }, hAsync("div", { key: '103dbde148d4a5a985b0d6e5fecb8df0f065c604', class: 'phone-number-inputs-container' }, hAsync("div", { key: '65c061a78585947baec8163a23d7574b3d8e5afa', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: '9109a14d6a0ee07121d60bacf5eff76471ba8bed', 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: '2bafbcfaadba933b2a192f75a7ff7740b04d9d1a', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: 'c325ffe0812ce2b4dbf6eae2143cf17163d18e05', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: 'e45b7a1378ce34b467383b274eb9b5dd87ecee88', 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: '8bf19db5fbf96d362699a0525d6dcddd69012df0', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
             && this.errorMessage !== ''
-            && hAsync("p", { key: '717c595f9c36db47b4f016a0805625e20136d22f', class: "invalid-feedback" }, hAsync("road-icon", { key: 'a39cd157ff3ecd5efac8c860d433edb664a590db', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
+            && hAsync("p", { key: '4e19f941032f827a17e440df906656dc072c00e9', class: "invalid-feedback" }, hAsync("road-icon", { key: '99302a9a7f89d19ea942a3e7cadb4928daf31178', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
     }
     get el() { return getElement(this); }
     static get style() { return phoneNumberInputCss; }
@@ -32673,7 +32714,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '932c702a25a1501fbe82efb6240740dae1137291' }, hAsync("slot", { key: 'cc036243ffdb4e2b230924404fb71440132d954e' })));
+        return (hAsync(Host, { key: '45ae65f3086ac3bc8d3da485f4896deebf9a4d44' }, hAsync("slot", { key: '08da822ce8337b3b0789239622f15d4f54bb8b48' })));
     }
     static get style() { return rowCss; }
     static get cmpMeta() { return {
@@ -32686,7 +32727,7 @@ class Row {
     }; }
 }
 
-const segmentedButtonCss = ":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.5rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-primary);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-top:1px solid var(--road-primary);border-bottom:1px solid var(--road-primary);border-left:1px solid var(--road-primary);border-radius:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:first-child){border:1px solid var(--road-primary);border-right:0;border-radius:999em 0 0 999em}:host(:last-child){border:1px solid var(--road-primary);border-radius:0 999em 999em 0}:host(.btn-sm){height:2rem;font-size:var(--road-button-small)}:host(.tab-selected){color:var(--road-primary-contrast);background-color:var(--road-primary)}:host(.tab-selected:hover){background-color:var(--road-button-primary-variant)}:host(:hover){background:var(--road-primary-90)}:host(.focus-visible){background:var(--road-primary-90);outline:auto}:host(.tab-selected.focus-visible){background-color:var(--road-button-primary-variant)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;max-height:2.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}";
+const segmentedButtonCss = ":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.75rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-on-surface-weak);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-radius:8px;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;margin-right:var(--road-spacing-02);overflow:hidden}:host(:last-child){margin-right:0}:host(.btn-sm){height:2.5rem}:host(.btn-md){height:2.75rem}:host(.tab-selected){color:var(--road-button-primary);fill:var(--road-button-primary);background-color:var(--road-button-tertiary-variant)}:host(.tab-selected:hover){color:var(--road-button-primary);background-color:var(--road-button-tertiary-variant)}:host(:hover){color:var(--road-on-surface);background-color:var(--road-surface-inverse)}:host(.focus-visible){outline:auto}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host ::slotted(road-icon){margin:-0.2rem var(--road-spacing-03) -0.2rem 0;float:left}.text-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}";
 
 /**
  *
@@ -32744,10 +32785,10 @@ class SegmentedButton {
     render() {
         const { tabIndex, selected, tab } = this;
         const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
-        return (hAsync(Host, { key: 'cf2aab092c63c2dd69147fa0fd17325a37770aa4', 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: 'cae21d6bc14231fcb48118dfa0fa6b031a99d4ea', 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: '186e02943d7417c22fe2366e97167853a0cd5fef', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", { key: 'b9ad9731728bdfa2559e9d039b1bc059dadcae44' }))));
+            } }, hAsync("span", { key: '7531e7faf5dc244e584caddd45d93f1bb73e00d0', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("span", { key: '571c8d32176b69971dcf2e8c44dee4118daca298', class: "text-content" }, hAsync("slot", { key: '8cd94d461439d9929c94e026d46530504de22a2c' })))));
     }
     get el() { return getElement(this); }
     static get style() { return segmentedButtonCss; }
@@ -32867,7 +32908,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: '5effd024820faecb0b5becb8737f56f940761017', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '696fddac74668f505e1edc3c25baa24a3f5f36a2', 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: '489fc95f4ed7fd75f80716b7c23389b5e9aa14bf', 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: '765389e4a0e2cc49013ad2b5a84789785746eac6', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'e0c933febac5232e78ee175a8be2b788ddf3ed6d', class: "invalid-feedback" }, this.error)));
+        return (hAsync(Host, { key: 'd2b2a1746d196c3e7beffd36b0f7868bafbe49f3', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '02a0e3000fbda9dc1dee34817cbe10f028462e6b', 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: 'e5f667767952c4bb2f8c024861251a5a7b62b51c', 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: '4593752644f50270d09093c0530eba549aa98d7d', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '8b2d3387366e710ea7d1027911768aa3d49f2205', class: "invalid-feedback" }, this.error)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -34663,8 +34704,7 @@ Fuse.config = Config;
   register(ExtendedSearch);
 }
 
-const selectFilterCss = ".sc-road-select-filter-h{--margin-top:3rem;position:relative;display:block}.select-filter-list.sc-road-select-filter{position:absolute;top:var(--margin-top);z-index:2;width:100%;max-height:16rem;padding:0;margin:0;overflow-y:scroll;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-on-surface);list-style-type:none;background:var(--road-surface);border-radius:0 0 0.25rem 0.25rem;box-shadow:var(--road-elevation-low)}.select-filter-list.not-active.sc-road-select-filter{opacity:0}.select-filter-item.sc-road-select-filter{display:flex;align-items:center;padding:0.75rem 1rem;cursor:pointer}.select-filter-item.active.sc-road-select-filter{outline:1px solid var(--road-input-outline-variant)}.select-filter-item.sc-road-select-filter:hover,.select-filter-item.sc-road-select-filter:focus,.select-filter-item.highlight.sc-road-select-filter{color:var(--road-on-primary);background:var(--road-primary)}";
-var RoadSelectFilterStyle0 = selectFilterCss;
+const selectFilterCss = ".sc-road-select-filter-h{--margin-top:3rem;position:relative;display:block}.select-filter-list.sc-road-select-filter{position:absolute;top:var(--margin-top);z-index:2;width:100%;max-height:16rem;padding:0;margin:0;overflow-y:scroll;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-on-surface);list-style-type:none;background:var(--road-surface);border-radius:0 0 0.25rem 0.25rem;box-shadow:var(--road-elevation-low)}.select-filter-list.not-active.sc-road-select-filter{opacity:0}.select-filter-item.sc-road-select-filter{display:flex;align-items:center;padding:0.75rem 1rem;cursor:pointer}.select-filter-item.active.sc-road-select-filter{outline:1px solid var(--road-input-outline-variant)}.select-filter-item.sc-road-select-filter:hover,.select-filter-item.sc-road-select-filter:focus,.select-filter-item.highlight.sc-road-select-filter{color:var(--road-on-primary);background:var(--road-primary)}.select-filter-loading.sc-road-select-filter,.select-filter-empty.sc-road-select-filter{padding:var(--road-spacing-04);color:var(--road-on-surface-disabled);font-style:italic}";
 
 class SelectFilter {
     constructor(hostRef) {
@@ -34848,11 +34888,14 @@ class SelectFilter {
         const options = this.filteredOptions;
         const isActive = this.isActive ? 'true' : 'false';
         const notActive = this.isActive ? '' : 'not-active';
-        return (hAsync(Host, { key: 'ff1cb375e4108fbfe44f307ad6d00be4fec03430', "is-active": isActive }, hAsync("slot", { key: '987d24b1f5ad17ef8a0e83e3165d1e137bf4d6e5' }), this.isOpen &&
-            hAsync("ul", { key: '41e10aed226c8131e4313ea33da1ea6c79969b80', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: () => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, "")), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 }))))));
+        return (hAsync(Host, { key: 'f5763e583a52e37736c66d315c9e2f0da4732aa7', "is-active": isActive }, hAsync("slot", { key: 'a245c86d7017426c664a9820f74c7007f239886a' }), this.isOpen && (hAsync("div", { key: '2e1adae9f36d36cb87eec0f12ca947d018739a85', 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 style() { return RoadSelectFilterStyle0; }
+    static get watchers() { return {
+        "loading": ["loadingChanged"],
+        "options": ["onOptionsChange"]
+    }; }
+    static get style() { return selectFilterCss; }
     static get cmpMeta() { return {
         "$flags$": 6,
         "$tagName$": "road-select-filter",
@@ -34880,7 +34923,7 @@ class Skeleton {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("span", { key: '38c0a169fb593f477c49704ada43d22b348c4507' }, "\u00A0"));
+        return (hAsync("span", { key: '1c73d98365f4ca0c2c79d5eaf6811f0b8e376227' }, "\u00A0"));
     }
     static get style() { return skeletonCss; }
     static get cmpMeta() { return {
@@ -34910,7 +34953,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: '3041e0b821486b403968869484c3f0ac9762a1ff', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: 'b6cab6ffd91fea58b567f234a2ae5f6d6c5eee72', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
+        return (hAsync("svg", { key: '2d36f9d19cfc06dffdc7e68f52b844653f9e26ba', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: 'bdec60751f861702318032951fd0afb5fb162b3e', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
     }
     static get style() { return spinnerCss; }
     static get cmpMeta() { return {
@@ -34959,7 +35002,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: '6728160caf3c8e1833384bb5d7766753fcf267c2' }, hAsync("nav", { key: 'd8b87866004febb05e3fec5a4e618ffc580d286c' }, hAsync("ul", { key: '9673e48a0bd8f929ffe76844f1bca64618e82d3a', class: `${colorClass}` }, hAsync("li", { key: '363eea34efd166fa714f8d39c02c34141f0e76e3', class: `${stateClass}` }, hAsync("a", { key: 'aa637fa1100bf5e3f0df4bb344d6283fbe431d57', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '14950be87017d824d55c1b31b4247c69c59d0b71', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'ef57768e7b81bd9c0cd56f7e14d0cb378b936ec1', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: '3f87bf7bd3102ed018fcab90fead9e7f346a70ba', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '37c604ef15d95bfc81042795519630479f2999a1', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '669287589037e980e0f29e27790fa4452a10010d', class: `${stateSecondStepClass}` }, hAsync("a", { key: '8c907f2898e965f66322c825264205f58620baab', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: 'a5a833b325346263f8e58475df30d366ee493185', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '32e7ce2ea1d1f11a72dff70c707ffad87841ab8b', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: 'c647928866824866be1f7dc3603085b5a5eaf6e9', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'bb10dc35c5193357a62e640b008c5d3b61a559f1', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: '7644456285ec678bbed6c077620e228ef0d3a975', class: `${stateThirdStepClass}` }, hAsync("a", { key: '12bdc22abc94aba82e74ad6349c9d5562ffcc307', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: 'c3fe99ff09850c8e1cf517be5168e96c197cea07', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'a4a3e5c55ac5406db1ed4cc943d8cfd8346d2e3a', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '2aaf39687775566ff907aa816f1c5cdb0e783fdc', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'fbfca8482c69ff74900d2def3117fd0d255f3659', name: "progress-indicator-horizontal-title3" }))))))));
+        return (hAsync(Host, { key: '5fb4f95feb51504849f8ec692a44b0516036e73c' }, hAsync("nav", { key: '007f8ec143591bf4f8ba9add32cac54b09522f8f' }, hAsync("ul", { key: '6edf248b5df5262010321337ce62002be463993b', class: `${colorClass}` }, hAsync("li", { key: 'a6b96a6b492a4aa2fa7e459656fc6ba083b1f5d8', class: `${stateClass}` }, hAsync("a", { key: '03bc4659d4e6574e08877e6d3bb7ea1bcc13ee8a', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '7ace5884ea084805837be9e6a9fba491de2c8b77', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'd54f4b305686115494d5925c489d363dc038f8cc', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: '4ccec0697171d08dd61b443376edeaaf9e39ea96', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '4e65f4db51af6cac17da3e867ec24f26dcda7ee1', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '9b367a54778d78d3ffd128c0962e9b7975da3686', class: `${stateSecondStepClass}` }, hAsync("a", { key: '82d891b27a1e54c281093206c6451fcc80ee4ce9', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: 'cf674779aff0615b323a744a947640b050422b21', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '09d920c9f69e9beb6ebe6d380cbd3d88d5a3e17b', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: '52352186d1119c3c8e1af91a0930c8098a93c20e', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '251ef8cc66a7ec0c98b5e8dec9c4b5fd89966187', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: 'c1377248fd8fb572f3bf130b02bfc5088fd84f71', class: `${stateThirdStepClass}` }, hAsync("a", { key: 'c10481522aaa019b610a25f2edef96d32cb8a707', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: 'b3ad8e2ab92443549f4d570d293ad6ba3f1a2598', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'f4131acbc5db9d7a39aabac82c8a7e287020b3e9', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '19b2437e2d1733083ef8a3257a2b1611ae53c742', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'a851398573ee5c0c0955f31fa94a29767af778fa', name: "progress-indicator-horizontal-title3" }))))))));
     }
     static get style() { return progressIndicatorHorizontalCss; }
     static get cmpMeta() { return {
@@ -35060,11 +35103,11 @@ class Switch {
     }
     render() {
         const labelId = this.switchId + '-label';
-        const textLabel = hAsync("label", { key: 'e720788d13954960ba7625847e946c521ecd066b', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
+        const textLabel = hAsync("label", { key: '79cb0ac4d868a5fe6b107e6abdb16936b771730e', 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: '9075d69565574b85fbe0969cf7ed2765b9c2d7ea' }, hAsync("input", { key: 'c52d9cf2c2385b91f4d5153f077943e629a18373', 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: '3b97f02bdec9fd51fb8889f1b7585d251661c574', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '19f6da7fecf9ca5e6cb740fa11530e0b00cf856e', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (hAsync(Host, { key: '89921d2b279ed0a021d907b5f7eab042817284f4' }, hAsync("input", { key: '413c1408442dbcb3c9c0cc9d85eceb0aec364d4e', 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: 'f05d0fc455024b8e9317847a3b339463263e6df8', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: 'e454b77ea855f3dc26a3fcb3a67567cda411f715', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -35118,9 +35161,9 @@ class Tab {
     }
     render() {
         const { tab, active } = this;
-        return (hAsync(Host, { key: '063296c31826f715582163e7baae9af878fd2cad', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (hAsync(Host, { key: 'eeecdb63e824d96654db156516c643dc2730a699', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'tab-hidden': !active,
-            } }, hAsync("slot", { key: 'd6cace129795711cf0f222bd91f8a5a5b005cc4a' })));
+            } }, hAsync("slot", { key: '8b9f70389aac4c6e89e4c3515b2cd73197b1d170' })));
     }
     get el() { return getElement(this); }
     static get style() { return tabCss; }
@@ -35179,11 +35222,11 @@ class TabBar {
     }
     render() {
         const { expand, center, secondary } = this;
-        return (hAsync(Host, { key: '46fc0422ecccb7a37d25db78c74c35bad027fa85', role: "tablist", class: {
+        return (hAsync(Host, { key: 'cca42c0494daa656fd39cd0740c7eb27b6369c2a', role: "tablist", class: {
                 'tab-expand': expand,
                 'tab-center': center,
                 'tab-secondary': secondary,
-            } }, hAsync("slot", { key: '6aa2e7ed0fa5996434ec2b285cdade125150b170' })));
+            } }, hAsync("slot", { key: '7e22173ee4e35e6c54f56ac3faa67d373adcea59' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35282,7 +35325,7 @@ class TabButton {
             rel,
             target,
         };
-        return (hAsync(Host, { key: '9f3007e261a847bfc5a3af079eb36a59d9bcc67b', 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: '774a4a284c4fb2deeba7dc439b8b4177fe041d2d', 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,
@@ -35290,7 +35333,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: '7bf270accdf8a9cafeccd26fc27a0e05abbcd219' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '6c2521e0187338db4127cf581538ae413f76f7e8', class: "button-inner" }, hAsync("slot", { key: '5f1b607510c79b8f63fbbd2aece00a73449279f6' })))));
+            } }, hAsync("a", Object.assign({ key: 'd82227bfee1ece6cdcf0145f5eb855bf6b4d3db3' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'a73488f39bc479bd9c8c15c633a727badef2071b', class: "button-inner" }, hAsync("slot", { key: '5cc214c73506c8be17edfc9102c1501cb762d70f' })))));
     }
     get el() { return getElement(this); }
     static get style() { return tabButtonCss; }
@@ -35323,7 +35366,7 @@ class Table {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: 'f928964b1f8756014e933c2b3fcdda07f49e0480' }));
+        return (hAsync("slot", { key: '5c0048ebd54c9af4d14580d36bab82048b3763a1' }));
     }
     static get style() { return tableCss; }
     static get cmpMeta() { return {
@@ -35430,7 +35473,7 @@ let Tabs$1 = class Tabs {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (hAsync(Host, { key: 'c9f9f15dc2f8b1fd8501af3e7947bb4482bad00f', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'cacb8bc87653aeb3b45ef4b85d1b3d7c27ebbd86', name: "top" }), hAsync("slot", { key: '444b44f8bb75679954a027045a8e5d0dd6c9c513' })));
+        return (hAsync(Host, { key: 'b77bc4e87de9962751c0b9358d61d2a58dd86951', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'e2e92cdea7072359cdd1694cbe61e5e3de327dcb', name: "top" }), hAsync("slot", { key: '0b06bb991f12c9be548da9a4beb997aec05f90af' })));
     }
     get el() { return getElement(this); }
     static get style() { return segmentedButtonsCss; }
@@ -35565,7 +35608,7 @@ class Tabs {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (hAsync(Host, { key: '6c4f83c25451e5bd0d2722534df82c5a465d32fb', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '2b33b85dec7e7741ebb0f2a43961a81df9a64be6', name: "top" }), hAsync("div", { key: '6aa1ce3cdabbccee92d91af121bc54a9940cb10c', class: "tabs-inner" }, hAsync("slot", { key: '84f13c4925a5282dbdf80747b9e6fb0ad9a6e0de' }))));
+        return (hAsync(Host, { key: '05acecd3910295bc0127c3cf6cc55d676b6efea7', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '095651dfddb022c5d0ebe08caeddfa78c69c835d', name: "top" }), hAsync("div", { key: '296e1fdf6af02b111360d421aecabaab221c20f2', class: "tabs-inner" }, hAsync("slot", { key: '9e810a2c143a412e96206d7c368a63068ea48b65' }))));
     }
     get el() { return getElement(this); }
     static get style() { return tabsCss; }
@@ -35612,7 +35655,7 @@ class Tag {
     }
     render() {
         const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
-        return (hAsync(Host, { key: 'd7e2933bc180d8fa7da9017d7ff37f37c8446343', class: `${contrastClass}` }, hAsync("slot", { key: 'd3764149fec3d54581c89ee61257199fc59a73fe' })));
+        return (hAsync(Host, { key: '9a20d9c253b2d77f6b4e6c9e7afb855b5decdcef', class: `${contrastClass}` }, hAsync("slot", { key: 'e10080b0988a3232bd59ebbc41f004dfeb07f73d' })));
     }
     static get style() { return tagCss; }
     static get cmpMeta() { return {
@@ -35643,7 +35686,7 @@ class Text {
     }
     render() {
         const colorClass = this.color !== undefined ? `text-${this.color}` : '';
-        return (hAsync(Host, { key: 'a433da5d8ae87b9c774f38d5764957facf7205fa', class: `${colorClass}` }, hAsync("slot", { key: '858db7749a54b1118a63be7b069bbbb635c1bc80' })));
+        return (hAsync(Host, { key: 'b66cff38ca6f5cf38b6371548b01242beffcfce2', class: `${colorClass}` }, hAsync("slot", { key: '73e52f4c30b53e24219ebcc9599b2f6411a43f28' })));
     }
     static get style() { return textCss; }
     static get cmpMeta() { return {
@@ -35752,7 +35795,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: '4391fe9305699c722b2b7a4ac719479dc9a4dffc', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: '21cb6d693b726af9454bfdec5823457eadb11c07', 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: 'e41f23822649a57a4500308b065f686fb467210a', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '5bfbc67d2f1765f73ee0bc5d9c06360699c43a97', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'd09f8d00820cff5be3e433f6c1883394e4c6f926', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: 'a087d6d34a5fefca1b1ec80c4a76bab25bc7b1c8', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: 'eb80bd7388af2c214acf97e2d72220abc6e8445f', 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: 'f6c416ac6404faeb4c9195df0d8ceafc1c469f94', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '991471834ee8703f11b8e860e4b901245ea6ea1a', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'b1cb8b4aa6f222c2ccf4b59998aa72661741fd0c', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -35882,7 +35925,7 @@ class Toast {
         if (this.color == 'danger') {
             this.timeout = 0;
         }
-        return (hAsync(Host, { key: 'd0b474f6422a89b3cbb3557147c2119f61c2eef0', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: 'ae3ba3e6471a3a6ce1d55528978b7795032be855', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: '66dec1382853fbede0775271ddde8fc7f8580ac2', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: 'c4f9926efd7d115815aca5d920ed4ff361bfeb5e', class: "toast-label" }, this.label), hAsync("button", { key: '3d6b7289c5383c0a34dd3f852d24ff7f2306e75a', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: 'fd53e86d62113b4d32a6b43341316d50ea35ab88', icon: navigationClose, size: "md" })), hAsync("slot", { key: '689f6b8ff054580cf6b692a116eb692abe8e8717', name: "progress" }))));
+        return (hAsync(Host, { key: '7d4bf35944f54f4deec4c40653a125da96f0099e', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: '329c3fce2b5102d0ac4a17a6976bdad2b0298483', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: '311c77f71f368823abc4bdb0070293bae2d27fd7', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: '889bade1e4f660924d0a6cf0f911c63185565401', class: "toast-label" }, this.label), hAsync("button", { key: '01751acd7a0e6b31a8615a90fd90b755ff96472f', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: '82582a26256ffb719f2c363a28c81d34fa215834', icon: navigationClose, size: "md" })), hAsync("slot", { key: '0b3f93e31824066f95c657d193e931b1b75c64f4', name: "progress" }))));
     }
     static get watchers() { return {
         "isOpen": ["isOpenChanged"]
@@ -35921,7 +35964,7 @@ class Toolbar {
     }
     render() {
         const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
-        return (hAsync(Host, { key: '26a0dfc22311fb09f976798483dbd15322e92955', class: colorClass }, hAsync("div", { key: '9da612594a0392e463d6ba8fa6538d4a21d98b14', class: "toolbar-container" }, hAsync("slot", { key: '9c51bea1663135e87472df26f2d3266d225ce079', name: "start" }), hAsync("slot", { key: '0642801f4139075fa6c9a019f2694660d673b37b', name: "primary" }), hAsync("div", { key: '89f2c4e731b380dd4f041af745a9a6a00514c255', class: "toolbar-content" }, hAsync("slot", { key: '071f041e774b3310910a676d01c974f25b9c21f4' })), hAsync("slot", { key: '980f136ee955d3ec08418f7cbe5f2bc3ea60b6b2', name: "secondary" }), hAsync("slot", { key: '774dafa8ed55fe684fa97890701db8f848d3b662', name: "end" }))));
+        return (hAsync(Host, { key: '63a364ad167e43015451bbeab90c253f59608cda', class: colorClass }, hAsync("div", { key: 'fb8756c250c6db8670a3eaa520474af12a970028', class: "toolbar-container" }, hAsync("slot", { key: '98eb64533672bb4185a0b11a44372dc667baa82f', name: "start" }), hAsync("slot", { key: 'a243f1202503ac86eb8e416d751b122826606a02', name: "primary" }), hAsync("div", { key: 'bef1f6af1753f2340da2a66e86404dfba24ee555', class: "toolbar-content" }, hAsync("slot", { key: '23d28c7dcbc2255c590c1c3f4c034daf8176106a' })), hAsync("slot", { key: 'a3ca8cda5b1552e7161888590c2b95c5862cb485', name: "secondary" }), hAsync("slot", { key: '81c4ac8ea5e41913e2d1a255c08dba1dcaa70f95', name: "end" }))));
     }
     static get style() { return toolbarCss; }
     static get cmpMeta() { return {
@@ -35946,7 +35989,7 @@ class ToolbarAppName {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'de13d2cc16f95bb86fad3b82551e0e3cc5efe32d', class: "toolbar-title-page" }, hAsync("slot", { key: '756e2d0d264a3826e0bed12ea975db04dcc352f7' })));
+        return (hAsync("div", { key: '01094ecc6837837b8fd18e5829078c1a54221dc1', class: "toolbar-title-page" }, hAsync("slot", { key: '53ca9b11ef21cda9604c7e0362dc4176c4108716' })));
     }
     static get style() { return toolbarTitlePageCss; }
     static get cmpMeta() { return {
@@ -35969,7 +36012,7 @@ class ToolbarTitle {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'e90680dfe044bbf6c133fd17fcb00995dda4ed59', class: "toolbar-title" }, hAsync("slot", { key: 'ada95d1f80ee43640e2d5d51e7aaf40620bf79de' })));
+        return (hAsync("div", { key: '141f31d50d366f00d2e5a29361c421be0180feff', class: "toolbar-title" }, hAsync("slot", { key: 'c64e22a74199df1d633094abcee58d3b1a5f2252' })));
     }
     static get style() { return toolbarTitleCss; }
     static get cmpMeta() { return {
@@ -35997,7 +36040,7 @@ class ToolbarV2 {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '008d52b3a04cadc0065611335922daf55396f2c1', class: "toolbar" }, hAsync("div", { key: 'b6b82058cc427dbbcfae17645f3d9255f8236b30', class: "toolbar-container" }, hAsync("div", { key: '33472ce50c5c41b05b944196eb7948cfb7ff1af9', class: "toolbar-container-content-left" }, hAsync("slot", { key: '7182aa50a21a30d6814aefcda766da28fa68b77e', name: "start" }), hAsync("slot", { key: '7dfdb156d2ea7af43a624b6281113945fd03a7cb', name: "primary" })), hAsync("div", { key: '8879ff9dda778f93059e44a5304a1b11505a29b7', class: "toolbar-content" }, hAsync("slot", { key: '300b67923b4d5c2b78f2fe6c0b6fddb7a26d0170' })), hAsync("div", { key: 'a704a5d098d979dccb3f75007d9be2d76a8eb06e', class: "toolbar-container-content-right" }, hAsync("slot", { key: '4ab830bbfac8f1c91f4d108e1641a47dd0fb785e', name: "secondary" }), hAsync("slot", { key: '50fc7ba997c14de52dc1b4b3711a0e2ffa25aa37', name: "end" })))));
+        return (hAsync(Host, { key: '1aca93203e2021c4888b7996e15c44dd2cf16360', class: "toolbar" }, hAsync("div", { key: '6f9083336620b3d21b134cf4f10af438c7e0d3e7', class: "toolbar-container" }, hAsync("div", { key: 'd67fa62a701365df3862194fd4c43367319e3c4b', class: "toolbar-container-content-left" }, hAsync("slot", { key: '2612270bd2c4d9ded2eb201fb842ca26bca3c951', name: "start" }), hAsync("slot", { key: '81afffdab7ffb72af8beaa3ec295d1e25e2e19b6', name: "primary" })), hAsync("div", { key: 'b01be324da15085113be7b531dec3cea251d50eb', class: "toolbar-content" }, hAsync("slot", { key: 'ba20e8ab415a28b1b9bcfc619c73f6ad00e33c6e' })), hAsync("div", { key: 'cebee1842be3c423902f4dc8d773df47cf7c65c9', class: "toolbar-container-content-right" }, hAsync("slot", { key: '961be50c2445691c6f3e0078aa6854c554eb4f1e', name: "secondary" }), hAsync("slot", { key: 'ba1e39456c24b2fb7afc6433e85ee73090e28fec', name: "end" })))));
     }
     static get style() { return toolbarV2Css; }
     static get cmpMeta() { return {
@@ -36109,12 +36152,12 @@ class Tooltip {
         return triggers.includes(triggerType);
     }
     render() {
-        return (hAsync(Host, { key: '635ea309e673c793d006b1caa5860e30193c1835', 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: '8a5f15892863cee464a2c99ee67462cac8bc4174', 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: '5dbeb7c8863a1127cf73eba6714eff0e57c1731b', "aria-describedby": this.tooltipId }), hAsync("div", { key: '13c6dbffafa5fbaf444180824709cf13d6fcbaae', part: "tooltip", id: this.tooltipId, class: {
+            "data-tooltip-position": this.position }, hAsync("slot", { key: 'b5979e5fdf3b992e4abdddf54859370e5b77a29b', "aria-describedby": this.tooltipId }), hAsync("div", { key: 'f4753ffc337c8c06d56a4a993942d9d1f1193fba', 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: '0483dcafabc453635e9322e0e6110c0783de07f4', name: "tooltip-content" }))));
+            }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: 'b0d08c77ee74a8fd03b5d1c685a6a9087ccc5b5e', name: "tooltip-content" }))));
     }
     get el() { return getElement(this); }
     static get style() { return tooltipCss; }
@@ -36213,11 +36256,11 @@ class toggle {
     }
     render() {
         const labelId = this.toggleId + '-label';
-        const textLabel = hAsync("label", { key: 'a01a584f156cabf62b6e093b5596b2e878340d0a', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
+        const textLabel = hAsync("label", { key: 'baf147d5104cf001ba4eff0261c564194d394c77', 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: '193338e970055847d4ed82c3110a685ced41deec' }, hAsync("input", { key: 'd27c148e9e8d4782e66966aa3490ad8d9782d040', 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: '2466e9477c4ec3a825fda7d9766c93c73f62ab9e', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '1d480a49611bb7404513b3fe2c1ea5d383360a04', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (hAsync(Host, { key: '9e80f24bd145abdfd7d7c42cecac18e41f327af8' }, hAsync("input", { key: 'eed53afb0304954f33f1f723778ce5e177cf4894', 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: '3befc881f67d10102778e67703627e9ecef5e73d', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '1d1b093542cfd8b20f42363d0f16cde73ca89026', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]