@roadtrip/components 3.37.0 → 3.38.1

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: 'a3469eb6d8aef3b880677284c59e69eb62f205e8', class: `${accordionLight} ${accordionSmall} ${accordionLightSeparator}`, open: this.isOpen }, hAsync("summary", { key: 'b0c18225580028ad00098aa494a29b2c956b7561', class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'a066d273354e022c095978edeae2040eddb75804', class: accordionLightHeader }, hAsync("slot", { key: '13056e6babf83f00ebfd538aa79a9fae24ab344f', name: "icon-left" }), hAsync("slot", { key: '7f54051ce9e12dc9ef8e30f7262096a1248d19bb', name: "header" }), hAsync("road-icon", { key: '4161743fdea3953e151525481a338c7a87edd159', class: "accordion-arrow", icon: navigationChevron }))), hAsync("div", { key: '42f14c07ceabf357f4042207e35f828e782aefbc', class: accordionLightContent }, hAsync("slot", { key: 'c0e67f0215366eb9e129b341f02ff88a5c019b43' }))));
     }
     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: 'b654cd8f516e47f8a6c0e7a1a4bfd9cae09076e0', class: colorClass, role: "alert" }, hAsync("div", { key: '280b009d269a3dd510bcfabf8f4d7e5eb61cda80', class: "alert-icon" }, hAsync("slot", { key: '17d81df60b117ab8b246d9b73c832954ec7296d1', name: "icon" })), hAsync("div", { key: '46f8799b8b2ef9e525a4d7f00b5c53ddd98fe4d1' }, this.label && hAsync("span", { key: '900b5b9f095356d008fb2bae5c03cc28eb828a8a', class: "alert-title d-block" }, this.label), hAsync("p", { key: 'c65304f2cb7c7109350f3265a88a507ff84bb0c8', class: "alert-description" }, hAsync("slot", { key: '3f34a35e3bbfd3a2fe96531e9d7a0cfd00df7b74' }), this.link && hAsync("a", { key: '4149db714ea2fc13148d1e44d6e0dd9cc73dee45', 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: '64331c0cd4f5a805be16cd746dfe78d7eeea118e', "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: '6a7b7719e53b273bc42dd8052753d5e681d6956a' }, hAsync("slot", { key: '019abf952b3a3e53a4074f94f0fb791abf4fb5c4' }), this.visible && this.options.length > 0 &&
+            hAsync("ul", { key: '3da2bc611a92c411822456a6b161737da6b2a883', 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: '809031e64b8792227b7a948393206b6de50dfb07', class: `${sizeClass}` }, hAsync("slot", { key: 'b2399051f7515542c87d88f93ed33f390ed9b0b9' })));
     }
     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: '2f539265f47ab9cd236827e84a5b881a9ac9d402', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: '1ecec2947ebadb4cb81d6e3cd74d0851681047b3' })));
     }
     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: '4d49fae1622403ba54ebbc2eca8e07d56644fa03', class: bannerIsOpenClass }, hAsync("div", { key: 'f61d750fcb78721f8b8f420b77557393c660cb5d' }, hAsync("span", { key: 'b4e13489b0556fa523c1ba3d07c479d8b6e26313', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: 'b1eeb51ac02e37aeda15c1bf263ed30b71d1fbd0', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: '57f443865461c27103bfbaea56bb7ce134f39b79', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: 'adf3326dad26eb587666707695a0d82bd0f985e4', 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: '353ab4e4ca1b5b3f7ece1355e060d6b19a677a45', class: [colorClass, sizeClass, expandClass, iconOnlyClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: '3ec8936e02703cb0044c8cbf40bf0c23a48eaad1' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: 'b4aa9975c778b2b50d5df3d83d95d9bae9fa3873', name: "start" }), hAsync("slot", { key: 'b852b3dece59f85d1f97bec6b05e721cb5039606' }), hAsync("slot", { key: 'ca7ec24ac0d462311d8e40ee626992138f47170c', 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: '938acf5a3e44873d4a569d8cd4094bcbf62ce7ea', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: '466e5439251ec22e926f71838965dc91dc2b8a23', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: '228e1c27116209bf5313d72c5cb02f154fc19260', name: "start" }), hAsync("slot", { key: '2798856c774a56592061acea33db051c0ff88340' }))));
     }
     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: '20a78b478a8d346e40af1065cfc57e273498d389', role: "tablist" }, hAsync("slot", { key: 'aadc0d0830d3110041dc4e0fa7f93f0a42fdefc5' })));
     }
     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: 'ffbda1214eff7cb57679b63404dabc2cffc7bd97', 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: '6449f5e58d3e1a7baf245b033a6a40acef669404', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: '8f9d9f5904bb748ef003a950ab36ab1c79a6456f', class: "swiper-wrapper" }, hAsync("slot", { key: 'e9cbe92181342bab76e895601b37fd05853143e5' })), this.pager && hAsync("div", { key: '2cecb4484335481e87198f36a7e2aebbed48cfd7', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { key: '0388684ad428f8e18c3e9e4098cf23f99ec5fd1a', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: '5f8a74db627f7d35889fe49ea4aa575b39c87edd', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: 'ed352be39dd46d2b8244529836497c5e960f7bb6', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: '8ec1e89b91cd14b5ff0d32eb496b56fa6015803e', 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: '5351b52cd1a420fdc954e510a9d5cb04eb93b692', class: {
                 'swiper-slide': true,
                 'swiper-zoom-container': true,
-            } }, hAsync("slot", { key: 'f485838d535e43af599d4a503c4609856789a88c' })));
+            } }, hAsync("slot", { key: 'bb54a4caad4c46b881ad0d8e09071adbd086bfac' })));
     }
     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: '29f815ab6351bdfe05a5e0c3e505c667ed1f41d5' }, hAsync("input", { key: 'fc0a8ea36dd49755ee30a392e2d288e45848e540', 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: 'c56457ee2f3ab825780c7026eda32708a90d341b', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: '45d6b492f1156d5a7544eeba2327b297aea81632' }, this.label, " ", hAsync("span", { key: '3f7d67a6b26bcd07a2e4ea632a15988f6218be63', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: 'fae0610a4929379c9751e207c438a019033fc6cc' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: '2426aad5abfd67d57d3997800c5e320db7642478', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: '180a14b27de4c0304dd38b88e09237a51ef24481', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: '50f964421ef90d53ef663030cd64f02f6dbea7e4', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'd7119a7d7323df974d0af3c7ee30fed64f019f62', 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: 'd62cb5ab9adddd6249a39b2f9e0aca4163fe2269', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '30a200dc140ac7de7a7c38ec5f3c5aebcf30ec06', class: "chip-description" }, hAsync("slot", { key: '4e49f38d9ea9c4f5d7cc465473089b5fd3e2407e' })), this.hasCloseIcon && hAsync("road-icon", { key: 'd04755df3acef36413f551ce3a76e3970be05205', 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: '0b3251e270d85e236cfb3e19d1652a99250a97f7' }));
     }
     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: 'dea3ae21ebf2c66c4eab20547d7c7cf983c80e8c' }, hAsync("slot", { key: '3e24d28e832b7c7fad8f44b5838e70729599a807' }), hAsync("div", { key: 'd98b7a9fa8f06be816d7f606bb323dda6c6bbc35', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: '9766bde1f82e72fcdb2029e881358198afecf8f6', name: "collapsed-content" })), hAsync("div", { key: '526b71c8edb30c0969196e91123107d41f6101ff', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: '9660be0a97c94df0457afe3d7e7490c298d5ae17', 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: '360033db419c221742546ef2d0e5929bb300efcd' }, hAsync("road-img", { key: '013523dcbb0b7296401a07d602a367c6655d7c28', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: '6078dca52c93745082547511d6eec6ddb3470032', class: "content-card-description" }, hAsync("road-label", { key: '89860de59698bb7053363602402e5702f6903680', class: "content-card-description-title" }, hAsync("slot", { key: 'f911c334a22308ed45ceb5dfb9785f44ebd71b4c', name: "label" })), hAsync("p", { key: 'abdcfc5bd409339e499de259c566cb1972359a68', class: "content-card-description-text" }, hAsync("slot", { key: '542fd9cc261c1b01ea9eb328ac39d332aa6758c0', name: "description" })), hAsync("div", { key: '976680d7b4e76b451497486b5fcc9fd2080ac9ad', class: "content-card-description-buttons" }, hAsync("slot", { key: 'ed7f0248f86a76328a070cbcf52966587f0ac008' })))));
     }
     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: '3bb999a2b567deabe7b48ed0583e06618665b6f7', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: '64f881a027b7cb96fa788f6e0a42d6c3fdc3c538', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { key: '56b8a9f64c76e84cadd1846bb4891048e8c5fc81', 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: '5e202c695ea45fa5862099f9a7ca9bc060d85e5e', 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: '8dfd4ef49c6e29c8d69f7790f96c1aaa8284e9b1', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { key: '908626b28f6de3bf65b717a998a1c3b574a7af6c', 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: '290c0636b8ef1edfd35e4273b16e9ac05bb088c7', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'e150afc757aaa616abba21261f5fc4e7a7035cdc', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: '30dcf17bb1765dd295f9b5b38a18441b922ea6f2', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: 'a0ffb5263da02b6677f5ca4410601bed109fa524', class: "dialog-content" }, hAsync("header", { key: 'f37da11d3b3b70fb4c7ee83bec7a289607ef4217', 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: '9194a50bc0595a94170864de94f1ff1716693ee5', 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: 'cceab62ea959bd00196b3a1953c7f99495aa1d8a', class: "dialog-title" }, this.label), hAsync("p", { key: '147c9dec3808c463a363cd30fb2ab5b26818c8d8', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: '8fc28a19c581eef87c45aae031902e27aeb9dc59', class: "dialog-footer" }, hAsync("slot", { key: '5245e5168dcc7011f534d2c2901207ad0f08a617' }))))));
     }
     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: '93072c8fcb535cf6c89bd5e27ad1b3ed8e0f97eb', class: `${drawerIsOpenClass}  drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'cb58c1f0b63aaad7cdf0bf7fb8f18926221774a6', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'ec9d9d1f3cc85a18083c42d6984fe7710f319895', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '62f30769800c93b30192390e7cfbba1bab4c7112', class: "drawer-content" }, hAsync("header", { key: 'c46be7930ae6e16d7987b7c4c4d3514c14da446a', 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: '2f88f1ffa5f1de87e65f10403d06fd6b2be0732c', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: '1e4566f2b0ab9526a2105b677c52b3aa35498207' })), hAsync("footer", { key: 'da00c01c908b22f1f1d134d36a37debf0921abfb', class: `drawer-footer ${removePaddingClass}`, style: { display: hasFooterContent ? 'block' : 'none' } }, hAsync("slot", { key: '7083046d31f374bcd957bc5b8f45968f7c5cb05f', 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: '211f088489a5a72f91c44f5838094abd80070d7e', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: 'e0fbbc21fdf4e495f8cb350f4406e9b078c80a74', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: '5c212e3034b30a2ed9bf7f81e9184683c106142e', class: `d-flex ${positionClass}` }, hAsync("div", { key: '6ca46e2494cd89ba85efc4a11aea6fb464dec232', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: 'd0ad2f329b888a9fd19aac3841f45e7d26c3e0bd', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: 'a67a0e81ef1402bddb223545b3825e9cdf4a7c2b', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: '3f135ccb24eb38de0961c28e83ed20154f33da77', 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: '4c6962a4781dd3d5a6e6eef529f048f13de405ac', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: 'a90e142e8508b169a9e7f08faba4e87fee14bedf', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'c53e854e8a9584ad3fbcbe970a09e08d5880d6e5', class: `d-flex` }, hAsync("div", { key: '9acbc23adba42ac6322f12c100c6691df0947234' }, hAsync("road-avatar", { key: '3447cf1cc5bc838dfcf0f6711845bd70e255b5b1' }, hAsync("slot", { key: '99c11772dc9b2355394a65133fcbbbf890f809da', name: "avatar" }))))), hAsync("div", { key: '026dca27e856092b7f649a87b6808e47a497c44a', class: `dropdown-menu` }, hAsync("div", { key: '1399d368e674f8c35c15f78a7d5751b9b9be062c', class: "profil-item" }, hAsync("road-avatar", { key: '0571aecb63ccb518d6987e22dcdc00a857ff2c86', size: "sm" }, hAsync("slot", { key: '848ca5a83485fdc1754dce1a1fb3cb5b297a5416', name: "avatarItem" })), hAsync("div", { key: '5327823b0e03cae6b8ebe0ead29dd40e6f131429', class: "profil-item-info" }, hAsync("span", { key: '834775e093e0db9d6e0cc97b133e0e3397c1a6b1', class: "profil-item-info-name" }, hAsync("slot", { key: '01c8c2278afc8daccc8bc29dae4ec100761891ed', name: "name" })), hAsync("road-label", { key: '7e5c94cadda56ed66aba93607cf70caf2fca5240' }, hAsync("slot", { key: '56b80c83fd4b63679489ca8e43f0dd2a10f4b1fb', name: "email" })))), hAsync("slot", { key: '3371b449984237cf223f4da5f2636829deb233b7', 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: '8c6994a2336d91e1b2c53ee243e7913298f6e0ff', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '8eb993171f652d6bf2bfbe22ed4faa92ff94ce69' }, hAsync("road-row", { key: 'bb12063e6c07e0d459c39a78626ed1991a07dbab', 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: '0ef7e9f8c55fc49a34182d944f71c9a75d0fb7be', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: 'fa1995ace426d5410cde6003d42d5b689db64bb3' })));
     }
     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: '9164170163b7e298ac0556cdcd3e0d47b2480791', role: "application" }, hAsync("slot", { key: '150faf3c05b028772e695f0eaf836ec250ac775b' })));
     }
     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: 'e96a242247541fb01c652fba58dfa6e69e7257f0', role: "application" }, hAsync("slot", { key: 'abfd9632f3b3d616095fc573e110a062cfcb5bad' })));
     }
     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: 'b9907edc844e7e9249634561fba9dfb7c3c5b260' }));
     }
     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: '1da1702db901bcfb80638d9ae30a8c5cc4a2ac26', 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: '0c1d3f02b235f7f69dbdca9969fd3a637929e0bd', 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: '33a36ddb77496e0f119c9ea2d18df0e2d0977248', class: placeholder }, hAsync("img", { key: '583ac1095cd055d8b455738344d2472cb6e61af3', 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: 'd019b1873a3e1c5757c977ae55192cdc0a66c4eb', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '37a9106a95c0f211fce126474d5cb44a8160173d', 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: '4dbcf9261d01528924480686246e9e1bd0b7b1fe', 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: '1756cbb127bdee0b19f04928adaade3c76c20a42', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '5b61b4eb2547c166244886b63bb6b6936958d0ac', 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: 'e5669c39b4c4d0d760797fac436e3f412bd98484', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: 'e7b9878ffaefe2c47ab335e622cf0a4055463494', class: "input-group-prepend" }, hAsync("slot", { key: '058abc4cf531ebc2618d00d003e247056b69efc6', name: "prepend" })), hAsync("slot", { key: '173e96ad66826900cabf549e73da58c16ed0be52' }), hAsync("div", { key: '6cc0416927fd6c8cb103dda53dfe08028ec2f0e0', class: "input-group-append" }, hAsync("slot", { key: '5c860ee978a4eeceb0bb51e060d02783d94d6428', 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: '9259fa99977924426712f7ee15a5682f02169405', "aria-disabled": disabled ? 'true' : null, class: {
                 [`item-lines-${lines}`]: lines !== undefined,
-            } }, hAsync(TagType, Object.assign({ key: 'de0f45865402c47e4f46fe823cd5fdb911d65b37' }, attrs, { class: {
+            } }, hAsync(TagType, Object.assign({ key: '9cb8745d6101b92e3e78b109162ab553264c77b1' }, 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: '3bd615ec7ca9a34c52d48e0064fff1c20201fbc4', name: "start" }), hAsync("div", { key: '686b9fe5bea511fc6c5dbdbbf54b357242fb5eae', class: "item-inner" }, hAsync("div", { key: 'f443d8c131f47e3b1a884c038f02ff16fb787b5e', class: "input-wrapper" }, hAsync("slot", { key: '0c694f293f2cb663360c092991e047ece261e11d' }), hAsync("div", { key: '3b63e2654c7b5d07bede2920c2ad9bcc652d139c', class: "input-wrapper-info" }, hAsync("road-label", { key: '383661f5be57349babd599419e0d39ab89aff47b', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '238616644fa4771c4f1b037999f564889617a362', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: 'c40987509754fd69dacb0728bd498871ea867c82', name: "end" }), showDetail && hAsync("road-icon", { key: '75e65156e78c475adeddaf152ffe47dd6e55c24e', 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: '7b38ec4e17b246e6625f361419d19d8d34793609' }));
     }
     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: 'eed6c97be3b96a23d563989e1a848664ef2ae6ba', class: {
                 [`list-lines-${lines}`]: lines !== undefined,
-            } }, hAsync("slot", { key: 'bd230a4aa3f010fc7c27b80b63397d4172be1155' })));
+            } }, hAsync("slot", { key: '1e96c87c4f15aca5f1a1d288019fd082467d5d67' })));
     }
     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: 'f495749b049a101712c36bbf083cba6ef886bd2c', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: 'd7287dfb02da7d29fb838e77aca55e76f8009669', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '75f817fb82cd837bc4d3e270aa5c4126ae77e182', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '7d1040a31a6b3308686d7e0d27b4cd3c4046db18', class: "modal-content" }, hAsync("header", { key: 'fcb04fae3a8c10341e7d9c75c452cb715b6ce67a', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: '5db438cbfba352f3ddeb4f34bec97162c41f7857', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: '239560ae955d26e202913eff34c6a2f0e9a6977c', class: "modal-body" }, hAsync("slot", { key: '576db6c4b765c85bbe8e693a1ac4ad5359aef848' }))))));
     }
     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: 'a57dfc3bd1c2a35ae5f0a7d84da9aae803f3248e', role: "menubar" }, hAsync("slot", { key: '87d7969b28fa712be5cf8d6c2c1d0140f946182a' })));
     }
     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: '2786c8b9e115ddfe0667fe725c7950f8dcc69077', 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: 'd105d65f5219bfb11780eaad9a7ed229b60e0ff7' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '3d18dcc0854e9d3abd1111d158ee1b406df6e388', class: "button-inner" }, hAsync("slot", { key: '4e289b3871d38ac9c04c812c45b6f0e1ab7b4672' })))));
     }
     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: '2439281a2a7bbbf05b9be794013bb9ff02ea8161', 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: 'b559354e071b580fe0956accfdd0bc8d52b6bb7c' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '9dc9d81e6f1844500f2cb220b611ab05f84d1125', class: "button-inner" }, hAsync("slot", { key: '8b107ac8cc0d522c85aee1a1ad60c4f138c544e5' })))));
     }
     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: 'f0864eac8a491150b1ef02a46fcf46b8fa4fc2d9', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '2a5bd884d6ee88c0ee73c3e48d7f9670fffc986e' })));
     }
     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: 'ad922da7a29eb59b3add23952cf559f8f26401e0', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: 'ed0cec493069943e524a6e1030096e7632f050d8', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: 'dc913e16afacb76d9c4a87bf17c00f67d6ec3202', class: "plate-number-start" }, hAsync("road-icon", { key: 'f2042fdf0a83c2db908190e286812878f6f50195', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: 'a5d86d712badf1d58c7ed639b35977024659270b', 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: '8019dc8f6742725e7f98d0c2dd8a14c237aeaf5a', slot: "append", class: "input-group-append" }, hAsync("div", { key: '3fa83252e8743dc64bbe74bf0e56f2794ac6d7bc', 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: '080af439e45c901c8a033c66bbb5681746e371fb', class: "progress-element" }, hAsync("div", { key: 'efcafa89891a4d9f62c50816d5fc357fa0431569', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '03ae558c17cae1c974160626509ce7abd0a5be48', 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: 'c5e0c2bb85b8e9fbe624dcd6feb7aab1ec807883', class: `${fullwidth}` }, hAsync("span", { key: '050c1d441d79a81cd3b0d9a77a3358ccfa0e3112', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: 'e46a1315cb8cfd61a62bd64c88b7403a28b54e51', 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: '5fe5373acd2c35744a9b60bc7e91ed5bbb2a1ada' }, hAsync("nav", { key: '7d7a3bfac49b57a6a4c57726c855d8e50801fcc5' }, hAsync("ul", { key: '4205db5a5873f0f0bcef1d735d7c44e8690c3442' }, hAsync("li", { key: '49cce64e4e60bc908af6febbdf077b361307f8a4' }, hAsync("slot", { key: '00c252a9949779a2d3148a3eb404410cfec6a466' }))))));
     }
     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: '7cafa7410a58d53c1e369efa22cdc994fa961082' }, hAsync("slot", { key: '1c7bfb9947f8db82d1248b61a2e59a261a015576' })));
     }
     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: '4b800c967f9856eb3f9300052bb2bf25923d89d2' }, hAsync("nav", { key: '3fb92e245b3e9e6b7fea1c32243a57abcbaa12e7' }, hAsync("ul", { key: '969719a6a169ab1746c651f8585d75ef3149adc3' }, hAsync("li", { key: '9f9a1f612e18de1589be43f60a1543288d100c02' }, hAsync("slot", { key: 'ad39bd1a8e16ca349a2de0b100d5202130f0c362' }))))));
     }
     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: '0c16e41e50d438bad6afb7e663a70543aeaa8676' }, hAsync("slot", { key: '416aee7102487a9a8aed3c0ea8558852bb823818' })));
     }
     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: 'f5b027dc16bc641585e97550ad766623135e9c41', class: `form-radio ${inlineClass}` }, hAsync("input", { key: '3b00622bdf8dd0f896e894fc467371d7f4457150', 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: '52ab130dbc0eba9dd863a8a0265933ee0ff5319b', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: 'b7dd11638e9de4e2a9fd248c3c6dcbabc1ce8767', 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: '300a4069b88a6a118306571a8d5d7fcf5a217b2d', class: `form-radio ${inlineClass}` }, hAsync("div", { key: '9c77a91579d59e96e80e68e2ba441c4a141e3d0f', class: `radio-card ${selectedClass}  ${disabledClass}`, onClick: this.onClick }, hAsync("input", { key: '9f06c516bb66a8443b5d2e1599df8a69d4e3b0fb', 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: 'a1b878ff8b9cd9c950d888218e776d62d35ebfd5', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, hAsync("div", { key: 'd52d210696979c4e1e05fd508ed97c40214efb21', class: "slot-wrapper" }, hAsync("slot", { key: 'bad9aa4fdbb018560fb17f0dc3a1530c590e215a' }))))));
     }
     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: 'a5f1ffd34e8e7352cd7a2b7d543c498a681eb8ed', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '4e1c213e7eb56deb2f7596517010934494607443', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '0a6111208c8cbdd2eedd074d3a46f9ab54a912fe', class: "asterisk" }, "*")), hAsync("slot", { key: 'fbd7f1c60b05fca674acd83b13f44dbb104199e7' }), this.error && this.error !== '' && hAsync("p", { key: '5a5fd7cece4df1151a6de47b69276a4aa2ae7a1f', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'd49b4ab899c4b43a7ce1bac4c1b087a5a8733d5c', 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: 'cb1120583650d9c52b4aa9f03fa71d90103e39c9', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: 'b435ff0be2c86b9598f7c525413943b4df0470f3', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '7d093d346aa1d5f1a305eaa6f798e54581e86820', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: '6e8a3d9fbedbe1645f529df428f1d2d954c107e1', 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: '0b073c56edf53783bc572b26ea4686a260eb25c4' }), this.showLabels && hAsync("slot", { key: 'fff8d5daad01eb14a609b2eefd9a98603cfb8f52', name: "datalist" }), hAsync("input", { key: '1a13b5d7438a90848de90f357946161ff1f34f0c', 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: '3212a0c931c4c7f1ccbf42207df18089c16219d0', class: "form-range-label" }, "Valeur"), hAsync("div", { key: '91fad7b8831a2729c0eef1d6926216ca512a681a', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: '8eb7262328aecab4ab5049144ddddbb61fe0d86f', 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: '1f8f39ccb9cf1626c9202fa36ac1961a9d4723a3' }, hAsync("div", { key: 'de2a92ba11560ed1dbfb93972ad0f07aed30e7c8', 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: '6093c5e21eb0e0f47de0335a8877038af0009816', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '5d11f24f8d2356666e328fc86e0f5557093793ed', 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: '5284737f6b5095e033ea92a070f097c5f484228c', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '4dc67cb4f98cedadf7e9e37ac9ec21e7626e549e', 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: '91861b51dc10637ecf2a224209bd0b189fa50430', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: '426fa27d96b289f7197e533fc350e0fcfe6e6522', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: 'c3d0eda1463b66ce02d6ae126454b27696283fbe', 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: 'c1c6ae9772b75e1696785e3c41459c68a3a6cbe1', style: { '--road-aspect-ratio': this.getCssRatio() } }, hAsync("div", { key: '477454fdd1c450a55a0607f0d1b6a56c108e3b84', class: "aspect-ratio-wrapper" }, hAsync("div", { key: '73b1e25932a094dc8c09b1954f925b9d579d0649', class: "aspect-ratio-content" }, hAsync("slot", { key: 'c9df17df97851d1f00cdc2079185105040dcfc47' })))));
+    }
+    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: '6484c3286ae67049e9bc24a0e3db17e5e93b7014' }, hAsync("div", { key: 'f96292d1fa43ec2f4906d50b90a0ba3a17415efb', class: 'phone-number-inputs-container' }, hAsync("div", { key: 'b30839876469719ce35173992099324238f4ec4c', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: '1bf90e0a150f635f9767a85ad2c2ff93c93bd84b', 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: '133877fea8231cea94b93d8f41d81fa19d3c9a3f', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '7358d197f64ad8764ca5e026af67af841f38851f', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: 'ff03e87a9197bd48792c19ab28914fae980fc743', 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: '078d25b45ec64f653002b9d2302c555eea3f2c18', 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: '845c8c6c41455aa8f172c835c9ea382461d60974', class: "invalid-feedback" }, hAsync("road-icon", { key: 'f9ad73e78eb3a099e5b28dd23d57cc729491ca7a', 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: '09ff16b1adc520c9cdef2c6f896f3bdc39c955ce' }, hAsync("slot", { key: 'cb9611e0e0d56ebd9b6eb9796fe80755d2cf1e1d' })));
     }
     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}.button-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: '6f184af0a2092ffc30d7167e112a85e99ea00e67', 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: 'c9350adf091c323031f3c9ca02fec025cd3de7bc', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("span", { key: '0cd4bc6ce7b32a602540ae7790f675dcb5059fdf', class: "button-content" }, hAsync("slot", { key: '39ef2c51f5d7dae96266d1a3d37525b8a214dc90' })))));
     }
     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: '531ff3e04c4447214779844ba29b2208ded29d12', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: 'e5336849c3992793152ffcc2b3670f96c0c1129b', 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: 'f9f2f7857d3ce3cdb0205b5589388ad0417d6802', 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: '4c2d444e030ef6168b4871ae5381550295b91e5f', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '40808526b05350e9d59dedd814ca620368fa6098', 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: 'eb209aa9c9421eca958fe21a8598edc774d61406', "is-active": isActive }, hAsync("slot", { key: '4c7bc828b789101338eafd5091cde5fe749db9a9' }), this.isOpen && (hAsync("div", { key: '4f7f5ade504721515a8f5f5ffd6ec93178336b4d', 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: 'd0f6fa2c6d1346b4dbdf15e3a2d8f5776961a625' }, "\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: 'a13fe873d986f18ad6e24d03c8ed2cc08d111bfb', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '2be205cfa0e2fb9898578db0205ecabc865cddf2', 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: 'c7b533fd5241dbaf0c3275844b411d2a6c4a57ec' }, hAsync("nav", { key: '3679fc96e8af765c77d79cd66100c9d038d675ff' }, hAsync("ul", { key: '88c8020ee996810f49725b51f5fb4118fbffe4a7', class: `${colorClass}` }, hAsync("li", { key: '961e19ae0950052ba5ca3653fde8e66254b600aa', class: `${stateClass}` }, hAsync("a", { key: '339beb73a406c196770f0c832fbe7b1d4452e97f', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '910003e080c3c111613120cd7c09ce925b32925b', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '264e33aab1b7b4776a8b8535a923bfc6311be561', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: '2bf6210a8a99fb0c766cd895e889bf463ea0d1fc', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '8b10230923c8a6051592bfd740dcc31c3617ff36', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '829f421c2f7b8342a951037f369eb792128c48d0', class: `${stateSecondStepClass}` }, hAsync("a", { key: 'fa0f0c8b6151121db0b050fbcde512364073566a', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: 'b7621f5a2018cc48dee843757c219e4d0a803c7f', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'f849e2604e24e7dc403451f1f285f7366cf28f09', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: 'efc1eb034b566279037db371d480c9344390f957', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'b274a56147cb164a44780d7c4a02043d123012a6', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: '6cd846d302ea7fed863b59a8954803d5591602cb', class: `${stateThirdStepClass}` }, hAsync("a", { key: 'dd94c6d10ec7f36ea98994a277282a721d290b15', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: '64c4471bb5f2098e188866b83907557c296d59d6', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '471413fe74772fba4724c93791c59d4353be1c50', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '9339d6d80e7f30e15335000dabba92c976a43a92', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'a8055c4f80695160b3ef9210a060f5b4d2039b67', 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: '430104d38d5703aa56ce1976a977a126468ec741', 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: '2bfcb70289e7a90964e1211569ab02e1097cd12b' }, hAsync("input", { key: '7c9e3273d965e895479da1fb4349bb35fa5efc3b', 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: 'af4acb92308e858b7188c71bdd2cb1e5bb368e31', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '0dcc70814eb2ae967bf5235bb6aac1ba7205d7b4', 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: '10d79bb43319e005cf57d629ea4f678e3f3a5ae2', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'tab-hidden': !active,
-            } }, hAsync("slot", { key: 'd6cace129795711cf0f222bd91f8a5a5b005cc4a' })));
+            } }, hAsync("slot", { key: 'd11c7858cddf2b5da0db945ee9f69f52d02d7c16' })));
     }
     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: '683e4f5c99d335ec1c744830237bd3cd23db8c75', role: "tablist", class: {
                 'tab-expand': expand,
                 'tab-center': center,
                 'tab-secondary': secondary,
-            } }, hAsync("slot", { key: '6aa2e7ed0fa5996434ec2b285cdade125150b170' })));
+            } }, hAsync("slot", { key: '0757eeb70b98263e316b408bc420fee186de03b0' })));
     }
     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: '6fdae83a0fe22652c51b92874265e2c32787063d', 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: 'dc85019d7861a227495a165790d2e5b025f1f979' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '59d9387c00bb48a34f425d9af782e3568f566263', class: "button-inner" }, hAsync("slot", { key: '54290ac6eee4506846c8756f5141b493e6ebcc13' })))));
     }
     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: 'e8b08c7f5bbb8fd61ae6d73278b61c8838bbabf4' }));
     }
     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: '760ffd7c98659dc00187c97e3d01ce92409584a5', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'dfd7acfd76741333868ff7dce2f88c27f2413808', name: "top" }), hAsync("slot", { key: 'e7ed6139b95280e972025c5028e0694da0f26265' })));
     }
     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: '5ac640c40ecdf802d7d56a662d5aa107ced242ef', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '8f50a94ef5602b121eaf7406c6d83ed93c50a7aa', name: "top" }), hAsync("div", { key: 'fb87539786bf6f7d1e3d7a9766b191bca35ce312', class: "tabs-inner" }, hAsync("slot", { key: '32f22aabd7e38881d289fbd0af69669d62d918cc' }))));
     }
     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: '81f24465ee40fd72b3095258f67f9d46b0f663e2', class: `${contrastClass}` }, hAsync("slot", { key: 'baf9168e522f8f4cf682f03c40304d5052a030f2' })));
     }
     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: '8c3872a70719feac2cbf76f50b7491b838fb393b', class: `${colorClass}` }, hAsync("slot", { key: 'b746e561a4c05d829492a023120a7d1ade1c146f' })));
     }
     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: 'f67a9451b99f450ee2828ea5eb5dc3728795c1dd', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: '27f3c926911126812156ccc87172c3e71f634b7c', 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: '081afb27b83557ce88db5c78d6e90c138f69c0d4', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '3509594cc1523c401e12a796216ed3c97813f419', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'ede03d506c01bf3eae5a633a534eeed696df819d', 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: '6f7087bd4eb183f58cde02e0a890e6ab18b6c5b8', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: 'a2494ef9b74ad9fac5d8b81c810bdcfe52936fef', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: '4be95019df5ab21b94508a62afd80f0d89d42150', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: 'ca9901aed33cf158c16eadf8587b90ae235dd933', class: "toast-label" }, this.label), hAsync("button", { key: 'abdb172097d82844c78e608264995aa8568fdf23', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: 'a6c17efe9a3255210498348ced0ab1e7b5dd8b8c', icon: navigationClose, size: "md" })), hAsync("slot", { key: 'ee1c9f42ddb4efaf69466d51edd10c256b35bd22', 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: 'dce34768cc5775e3819bd44b9a53a0164f0e1a2c', class: colorClass }, hAsync("div", { key: '5c8ecc9b623feacce32288e71325b87b16abd687', class: "toolbar-container" }, hAsync("slot", { key: '5975b6a723dc4f48ae2150c5e8a344759f548885', name: "start" }), hAsync("slot", { key: '2ac9ee0ce36cf9b6d685a9ecf6a77036b0b57c75', name: "primary" }), hAsync("div", { key: 'af93cd350b853d5769f795906442273a91137b1c', class: "toolbar-content" }, hAsync("slot", { key: '4eaeff6528ac5082683478b4197f00b9c6c25331' })), hAsync("slot", { key: '640e0d82dfb515af2c5db5dd24788467c264031e', name: "secondary" }), hAsync("slot", { key: 'e8485cc43749e335f9d480528a2da0b4016ba0b4', 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: '1c1ecd0a39d2929bca5c324fe67bdc18a18b5390', class: "toolbar-title-page" }, hAsync("slot", { key: '0b52cf3cf5b7a6d5f41ec4c8f839731cb48315c9' })));
     }
     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: 'ed443e8a60fd8624ef3381200b15ba4ff31b8aa5', class: "toolbar-title" }, hAsync("slot", { key: '1a6148e5e56141545821c5f7a70208db50238bbc' })));
     }
     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: '382572569bcd4298cf5b3e0ce1996eff06d21146', class: "toolbar" }, hAsync("div", { key: '3041348fa0bb67af14e7cf56e25e17f70aaac86c', class: "toolbar-container" }, hAsync("div", { key: '6a0f67070976e7688b2a22a895ab3fa74d99458d', class: "toolbar-container-content-left" }, hAsync("slot", { key: 'ef46f756ec5cb53f90c03079f18bfbc2380b92b0', name: "start" }), hAsync("slot", { key: '6adfe95451a4f311dcc74d8f6a68f7037c24578f', name: "primary" })), hAsync("div", { key: '00c321d7d6093073ec20d7eb50ad017fbe361127', class: "toolbar-content" }, hAsync("slot", { key: '01894b4175c84a9fbd97802a8a2d5721e2e124b1' })), hAsync("div", { key: '8e6e1298bbbfa5c6707af70512e2c3f696d70da5', class: "toolbar-container-content-right" }, hAsync("slot", { key: 'b1ea849fdb52aca7bc056b6015dcb062f1226d6e', name: "secondary" }), hAsync("slot", { key: '07d8efd5011fec01d58a399761d05a7eb2d9e59d', 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: 'ad1b13ff6747008a6039e26c77229e09c0424481', 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: '55ab7033c6d5cbc3941c77faa0d9bab9a7a25c11', "aria-describedby": this.tooltipId }), hAsync("div", { key: 'bb7b2d992d7a7a201eb6c6e70ee1d455407b7427', 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: '6c8ea046ac67c764b0626b41ba3d6586615ef7bb', 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: '04e2ecdd74318b173c60411293ec8300c0e7d80c', 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: '5afde6ab7825eb0473b34f8ae2656c9fec8002d7' }, hAsync("input", { key: '7350937218c795dc74192e9b6cdd191ff6bf232c', 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: '87a03339e8520b2c248f4d762d394411bd233423', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '3d5c0e81cda827653f545c0fd3b057f83dd793d0', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]