@roadtrip/components 3.52.0 → 3.53.1

package/hydrate/index.js

@@ -3205,7 +3205,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: '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' }))));
+        return (hAsync("details", { key: 'fd8981f6305596574853ba3bf5562515a2fa7797', class: `${accordionLight} ${accordionSmall} ${accordionLightSeparator}`, open: this.isOpen }, hAsync("summary", { key: '5c684a15e26850e869780576ff92561725ffaa17', class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'df632939bd5306d6e0c8fd31efd8d63e3099d982', class: accordionLightHeader }, hAsync("slot", { key: '6856127e4930e34e9f7bcd46e6f07867feb65c7f', name: "icon-left" }), hAsync("slot", { key: '55220b0f53b62a4f3e9f338c3102213e92413615', name: "header" }), hAsync("road-icon", { key: '1025256a4bc638f4ba41208643dbe33a3ffec006', class: "accordion-arrow", icon: navigationChevron }))), hAsync("div", { key: '805d9c5576f2386edf56e3aa685daeb72cf74592', class: accordionLightContent }, hAsync("slot", { key: '2dd818dd7e6a92f3c5ddb30ed4dac4c6a5d797d0' }))));
     }
     static get style() { return RoadAccordionStyle0; }
     static get cmpMeta() { return {
@@ -3223,7 +3223,7 @@ class Accordion {
     }; }
 }
 
-const alertCss = ":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{margin:var(--road-spacing-02) 0 var(--road-spacing-03);display:block;font-weight:700}.alert-container{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:column}.alert-container-horizontal{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:row}.alert-link{display:block;margin:0;margin:var(--road-spacing-03) 0 0;color:var(--road-on-surface);text-decoration:underline}.alert-description{margin:0}.btn-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;justify-content:center;margin-top:var(--road-spacing-03)}.btn-container.justify-end{padding-top:var(--road-spacing-07);justify-content:end}.alert-button{margin-left:var(--road-spacing-07)}.alert-close{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:center;padding:0;font-weight:700;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.alert-info){color:var(--road-on-info-surface);background:var(--road-info-surface);border-color:var(--road-info-outline)}:host(.alert-info) ::slotted(road-icon){fill:var(--road-info-default)}:host(.alert-info) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse);fill:var(--road-on-info-surface-inverse)}:host(.alert-info) .alert-link{color:var(--road-on-info-surface)}:host(.alert-success){color:var(--road-on-success-surface);background:var(--road-success-surface);border-color:var(--road-success-outline)}:host(.alert-success) ::slotted(road-icon){fill:var(--road-success-icon)}:host(.alert-success) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse);fill:var(--road-on-success-surface-inverse)}:host(.alert-success) .alert-link{color:var(--road-on-success-surface)}:host(.alert-warning){color:var(--road-on-warning-surface);background:var(--road-warning-surface);border-color:var(--road-warning-outline)}:host(.alert-warning) ::slotted(road-icon){fill:var(--road-warning-icon)}:host(.alert-warning) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse);fill:var(--road-on-warning-surface-inverse)}:host(.alert-warning) .alert-link{color:var(--road-on-warning-surface)}:host(.alert-danger){color:var(--road-on-danger-surface);background:var(--road-danger-surface);border-color:var(--road-danger-outline)}:host(.alert-danger) ::slotted(road-icon){fill:var(--road-danger-icon)}:host(.alert-danger) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse);fill:var(--road-on-danger-surface-inverse)}:host(.alert-danger) .alert-link{color:var(--road-on-danger-surface)}";
+const alertCss = ":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{margin-bottom:var(--road-spacing-03);display:block;font-weight:700}.alert-container{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:column}.alert-container-content{margin-top:var(--road-spacing-02)}.alert-container-horizontal{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:row}.alert-link{display:block;margin:0;margin:var(--road-spacing-03) 0 0;color:var(--road-on-surface);text-decoration:underline}.alert-description{margin:0}.btn-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;justify-content:center;margin-top:var(--road-spacing-03)}.btn-container.justify-end{padding-top:var(--road-spacing-07);justify-content:end}.alert-button{margin-left:var(--road-spacing-07)}.alert-close{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:center;padding:0;font-weight:700;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.alert-info){color:var(--road-on-info-surface);background:var(--road-info-surface);border-color:var(--road-info-outline)}:host(.alert-info) ::slotted(road-icon){fill:var(--road-info-default)}:host(.alert-info) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse);fill:var(--road-on-info-surface-inverse)}:host(.alert-info) .alert-link{color:var(--road-on-info-surface)}:host(.alert-success){color:var(--road-on-success-surface);background:var(--road-success-surface);border-color:var(--road-success-outline)}:host(.alert-success) ::slotted(road-icon){fill:var(--road-success-icon)}:host(.alert-success) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse);fill:var(--road-on-success-surface-inverse)}:host(.alert-success) .alert-link{color:var(--road-on-success-surface)}:host(.alert-warning){color:var(--road-on-warning-surface);background:var(--road-warning-surface);border-color:var(--road-warning-outline)}:host(.alert-warning) ::slotted(road-icon){fill:var(--road-warning-icon)}:host(.alert-warning) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse);fill:var(--road-on-warning-surface-inverse)}:host(.alert-warning) .alert-link{color:var(--road-on-warning-surface)}:host(.alert-danger){color:var(--road-on-danger-surface);background:var(--road-danger-surface);border-color:var(--road-danger-outline)}:host(.alert-danger) ::slotted(road-icon){fill:var(--road-danger-icon)}:host(.alert-danger) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse);fill:var(--road-on-danger-surface-inverse)}:host(.alert-danger) .alert-link{color:var(--road-on-danger-surface)}";
 var RoadAlertStyle0 = alertCss;
 
 /**
@@ -3300,7 +3300,7 @@ class Alert {
         const btnContainerClass = this.hasCloseIcon ? 'btn-container justify-end' : 'btn-container';
         const hasButtonSlot = !!((_a = this.el) === null || _a === void 0 ? void 0 : _a.querySelector('[slot="button"]'));
         const closeIconElement = this.hasCloseIcon ? (hAsync("button", { type: "button", class: "alert-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))) : null;
-        return (hAsync(Host, { key: 'e65caafc704e899307609c0d5ca8cd357463e497', class: colorClass, role: "alert" }, hAsync("div", { key: '5afa6c90fcc5d808995473f06f6971227b093129', class: "alert-icon" }, hAsync("slot", { key: '1268585d0e458a97a7ad249c8866b48a7876cf23', name: "icon" })), hAsync("div", { key: 'e4faacf17350bbda2a4f93fabbb0392d80917d9d', class: layoutClass }, hAsync("div", { key: 'd239178710d974b139b4eaad165a952953ee6d45', class: "alert-container-content" }, this.label && hAsync("span", { key: 'bf22f3bc13c592bbffc2aa5a64ffbc639cb3574d', class: "alert-title d-block" }, this.label), hAsync("p", { key: '9f7ac0175f98860b820c4d625818b4a500eb2489', class: "alert-description" }, hAsync("slot", { key: '05d56a7d011695020127342e8d9f6fde4d0315aa' })), this.link && hAsync("a", { key: '247fd1e098fb2d2425d2151c1573c516ab3b830b', href: this.url, class: "alert-link link link-default" }, this.link)), hasButtonSlot && (hAsync("div", { key: '534bfb647ab7d1b1e17521bec005f3a4ad6eb26a', class: btnContainerClass }, hAsync("slot", { key: '1c1bce38ae3c54ee5fcbc2afec51605b0ac486af', name: "button" }))), closeIconElement)));
+        return (hAsync(Host, { key: '8d3a9861d6730b760dddbe139d4699c47f86c0dd', class: colorClass, role: "alert" }, hAsync("div", { key: '5fdfef650a881a81eb80cd50084a057998ad3142', class: "alert-icon" }, hAsync("slot", { key: '7f293b58bfc1c5f1e0e260c65b788f4775ee76f5', name: "icon" })), hAsync("div", { key: 'c5fc641ba70ae081d17b63c8c1e7cc984ceb9899', class: layoutClass }, hAsync("div", { key: '8def3477a32cf1bbcff10a381d9d5d30abe9366a', class: "alert-container-content" }, this.label && hAsync("span", { key: '124e6feedb257a57f1c05c71d5f574c33756d9b2', class: "alert-title d-block" }, this.label), hAsync("p", { key: '1a521139001b804063aa671dccd75f3a01a6572e', class: "alert-description" }, hAsync("slot", { key: 'b7fb28b90e82c652a10003cd81d1eacd5df88a69' })), this.link && hAsync("a", { key: 'a44aa92a4e967557fe3720f412990671233f2b5d', href: this.url, class: "alert-link link link-default" }, this.link)), hasButtonSlot && (hAsync("div", { key: '1c93117e833c8f4ab3bfb1ff8781884013fc6d6a', class: btnContainerClass }, hAsync("slot", { key: '1dc9b845c22754a2fa6ed6673a27de14b8037c2f', name: "button" }))), closeIconElement)));
     }
     get el() { return getElement(this); }
     static get style() { return RoadAlertStyle0; }
@@ -3405,7 +3405,7 @@ class Asset {
         }
     }
     render() {
-        return (hAsync(Host, { key: '64331c0cd4f5a805be16cd746dfe78d7eeea118e', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
+        return (hAsync(Host, { key: '8e7995b04221aaba4ec62613eb00bfdd32ca751d', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
             ? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
             : hAsync("div", { class: "icon-inner" }))));
     }
@@ -3475,8 +3475,8 @@ class Autocomplete {
         }
     }
     render() {
-        return (hAsync(Host, { key: '73780efbf9fbb131958cf95d82e917400b7cc7a7' }, hAsync("slot", { key: 'cb9d4ba58dbee2802504aaaf49223d0905cebeb5' }), this.visible && this.options.length > 0 &&
-            hAsync("ul", { key: '0b1f5afaf5a3d0fc088b0e3dc614cdad92d60031', 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: 'a29547f605ff876affeb62d0c97cfc91fd78953e' }, hAsync("slot", { key: '7e230540ae914c49eca145abe87b4c7909236b5f' }), this.visible && this.options.length > 0 &&
+            hAsync("ul", { key: '9d653f372a438d224812091aada89874a9255fe6', 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 RoadAutocompleteStyle0; }
@@ -3509,7 +3509,7 @@ class Avatar {
     }
     render() {
         const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
-        return (hAsync(Host, { key: 'a36243469cae6cdd1743417f76a261cb7a82d3fd', class: `${sizeClass}` }, hAsync("slot", { key: '656c8a8119209d27897087be9c5a11ed0679dbed' })));
+        return (hAsync(Host, { key: '7f884ebfae4a22966a5881e427f4b9faa3999553', class: `${sizeClass}` }, hAsync("slot", { key: '761a06284dcd0b89047c7b487b949f621fe87b24' })));
     }
     static get style() { return RoadAvatarStyle0; }
     static get cmpMeta() { return {
@@ -3550,7 +3550,7 @@ class Badge {
         const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
         const bubbleClass = this.bubble ? 'badge-bubble' : '';
         const sizeClass = this.size !== undefined ? `badge-${this.size}` : '';
-        return (hAsync(Host, { key: '272af446e438ac2c9df336d12cd0bfbc3485af77', class: `${colorClass} ${bubbleClass} ${sizeClass}` }, hAsync("slot", { key: 'da72ac86b6650797cd4a4e16a5afe85e2090f325' })));
+        return (hAsync(Host, { key: '6d46358940e3023bd25eb5aa5cce7b0bb2bc3f51', class: `${colorClass} ${bubbleClass} ${sizeClass}` }, hAsync("slot", { key: '766b5ce1dcc35847374722bbf61528254a53fa07' })));
     }
     static get style() { return RoadBadgeStyle0; }
     static get cmpMeta() { return {
@@ -3600,7 +3600,7 @@ class Banner {
     }
     render() {
         const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
-        return (hAsync(Host, { key: 'f1658b8509590ec8c76dbd0a4a04fb7c4b200277', class: bannerIsOpenClass }, hAsync("div", { key: 'b17259ee98bb232c81aa0eb32250be7b8db8f6fe' }, hAsync("span", { key: '07226e7728ae246d5c3f9c15737d77a52912a867', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: '70dddd7a3782c10ef65aa100f96732e791ae913b', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: '79eecde11b356d2cdfa4f5ea3292b50bd55cac47', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: 'c2e0b9079e37ff4062fdd7694c33f8ab8f95150c', icon: navigationClose, size: "md" })))));
+        return (hAsync(Host, { key: '1ec389ef2766a2ce86c8e3f985c72f024931f5d9', class: bannerIsOpenClass }, hAsync("div", { key: '494f507a78b4b516a334fdcd9ff912a49e728cb9' }, hAsync("span", { key: '885b9f5feee40df84c83e3c27130ad074b50c901', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: '819c55d5ce00a26ab9ce50ebb91abb29ea7af358', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: 'a9d241791c04a22ca194a3311294ad8a40f535dc', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: '36a068e5a2fd412a4f6de394dc55d9797a783824', icon: navigationClose, size: "md" })))));
     }
     static get style() { return RoadBannerStyle0; }
     static get cmpMeta() { return {
@@ -3711,7 +3711,7 @@ class Button$2 {
         const expandClass = this.expand ? 'btn-block' : '';
         const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
         const inverseClass = this.inverse ? 'btn-inverse' : '';
-        return (hAsync(Host, { key: '10bf8a00e2cf0abe8a3116ed54c9bce15fae6b0f', class: [colorClass, sizeClass, expandClass, iconOnlyClass, inverseClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: 'b4d651d32195f88f6958d3261cd88ee46476ea95' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: '8e931be9fcf7a6894ed71921f110c3726d2a4215', name: "start" }), hAsync("slot", { key: '4a26d78cb726e7487e8ac5fb5006b7b7c70185b3' }), hAsync("slot", { key: 'a8f44025e68ce0142b3eee4991d9c86bb22233ee', name: "end" }))));
+        return (hAsync(Host, { key: 'c8075b55e02931572795b61df96506d35ecbbbaf', class: [colorClass, sizeClass, expandClass, iconOnlyClass, inverseClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: 'a1c5f09a0a0d9047f6bf301e57f1e2adacf9e845' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: 'b9aa9d91ebc828aa679cec1d31a909e255f3ecae', name: "start" }), hAsync("slot", { key: '0291b0982593e7781bdc24e0d09ef20e7e1c3216' }), hAsync("slot", { key: 'fa17ccbe699eed853161fd2694ea970a14ae86c7', name: "end" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadButtonStyle0; }
@@ -3800,7 +3800,7 @@ class Button$1 {
     render() {
         const TagType = 'button';
         const outlineClass = this.outline ? 'btn-outline' : 'btn-default';
-        return (hAsync(Host, { key: '1107b2f89efba230a6d0c207239fb80e90c8b877', onClick: this.onClick, class: [outlineClass].filter(Boolean).join(' '), "aria-disabled": this.disabled ? 'true' : null }, hAsync(TagType, { key: '125d636dce50637a3eeb67441db9ebd285b75322', class: "button-native", part: "native", disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: 'a1128035274089a9cfd252027ee25a1164bf1988' }))));
+        return (hAsync(Host, { key: '520a43690adcea3ff9c2e0a8549bafc0cbee20b7', onClick: this.onClick, class: [outlineClass].filter(Boolean).join(' '), "aria-disabled": this.disabled ? 'true' : null }, hAsync(TagType, { key: 'ec23eb063517b6eb9052ea3d9d972202326d06f7', class: "button-native", part: "native", disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: '4b25d8f31f25539a3bb4b8ff619e35edfedbf6cb' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadButtonCarouselStyle0; }
@@ -3876,7 +3876,7 @@ class Button {
     render() {
         const TagType = this.href === undefined ? 'button' : 'a';
         const positionClass = this.position !== undefined ? `position-${this.position}` : '';
-        return (hAsync(Host, { key: '80fc92dc2304506cc8d36b1f183af43057c8ed89', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: 'aeb4f497b2b35208b69a4fb09c28b08d42b1bf94', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: 'fd318fd17487cb99a8d898cfd09f9483963e65af', name: "start" }), hAsync("slot", { key: 'f4a7566371471270921991dd553ef201ea07b8b0' }))));
+        return (hAsync(Host, { key: '9ce107d336c1811bc2b8a877f802e88b4472d9ad', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: '4dd08a75e71b84621801a4e219e4d1d90702b4d6', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: '30b7cd19bea166092d99e2f43c01788f058306fd', name: "start" }), hAsync("slot", { key: '7f568a97f373b99f8a92371fea02fec6d7d9462f' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadButtonFloatingStyle0; }
@@ -3921,7 +3921,7 @@ class ButtonBar {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '76466abd7a912ac1a0df83853216c3f20ac3086a', role: "tablist" }, hAsync("slot", { key: '04290019d2aea356a7fd24739b68c371455e3b70' })));
+        return (hAsync(Host, { key: '4220c429f18200f507e395f04971820d4615bc3b', role: "tablist" }, hAsync("slot", { key: 'f0e87a296ac87aa0f5507d536fe183e4c26bc138' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -3940,7 +3940,7 @@ class ButtonBar {
     }; }
 }
 
-const cardCss = ":host{position:relative;box-sizing:border-box;display:block;margin-bottom:var(--margin-bottom, 1rem);background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:var(--road-spacing-02);padding:var(--road-spacing-03)}:host(.card-elevation-none){box-shadow:none}:host(.card-elevation-lowest){box-shadow:var(--road-elevation-lowest)}:host(.card-elevation-average){box-shadow:var(--road-elevation-average)}:host(.is-button){border:1px solid var(--road-outline);padding:0}:host(.is-button:hover){border:1px solid var(--road-outline-variant);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button:focus-visible),:host(.is-button:focus){border:1px solid var(--road-outline);outline-offset:1px;outline:2px solid var(--road-outline-variant)}:host(.is-button.is-disabled){cursor:not-allowed;pointer-events:none;border:1px solid var(--road-surface-disabled);background:var(--road-surface-disabled)}:host(.is-button.is-disabled) .card-native,:host(.is-button.selected.is-disabled) .card-native{background:none}:host(.is-button.selected){border:2px solid var(--road-primary);outline:none}:host(.is-button.selected:hover){border:2px solid var(--road-outline-variant);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button.selected:focus-visible),:host(.is-button.selected:focus){border:2px solid var(--road-outline-variant);outline-offset:1px;outline:2px solid var(--road-outline-variant)}:host(.is-button.selected.is-disabled){cursor:not-allowed;pointer-events:none;outline:none;background:var(--road-surface-disabled);border:2px solid var(--road-surface-disabled)}.card-native{box-sizing:border-box;display:block;width:100%;height:100%;padding:var(--road-spacing-06);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:center;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;background:var(--road-surface);border:0;border-radius:0.25rem;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}a,button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}::slotted(road-icon){text-align:center}";
+const cardCss = ":host{position:relative;box-sizing:border-box;display:block;margin-bottom:var(--margin-bottom, 1rem);background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:var(--road-spacing-02);padding:var(--road-spacing-03)}:host(.card-elevation-none){box-shadow:none}:host(.card-elevation-lowest){box-shadow:var(--road-elevation-lowest)}:host(.card-elevation-average){box-shadow:var(--road-elevation-average)}:host(.is-button){border:1px solid var(--road-outline);padding:0}:host(.is-button:hover){border:1px solid var(--road-outline-variant);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button:focus-visible),:host(.is-button:focus){border:1px solid var(--road-outline);outline-offset:1px;outline:2px solid var(--road-outline-variant)}:host(.is-button.is-disabled){cursor:not-allowed;pointer-events:none;border:1px solid var(--road-surface-disabled);background:var(--road-surface-disabled)}:host(.is-button.is-disabled) .card-native,:host(.is-button.selected.is-disabled) .card-native{background:none}:host(.is-button.selected){border:2px solid var(--road-primary);outline:none}:host(.is-button.selected:hover){border:2px solid var(--road-outline-variant);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button.selected.is-single:hover){border:2px solid var(--road-primary);outline:2px solid var(--road-button-ghost-variant)}:host(.is-button.selected:focus-visible),:host(.is-button.selected:focus){border:2px solid var(--road-outline-variant);outline-offset:1px;outline:2px solid var(--road-outline-variant)}:host(.is-button.selected.is-single:focus){border:2px solid var(--road-primary);outline:2px solid var(--road-outline-variant)}:host(.is-button.selected.is-disabled){cursor:not-allowed;pointer-events:none;outline:none;background:var(--road-surface-disabled);border:2px solid var(--road-surface-disabled)}.card-native{box-sizing:border-box;display:block;width:100%;height:100%;padding:var(--road-spacing-06);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:center;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;background:var(--road-surface);border:0;border-radius:0.25rem;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}a,button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}::slotted(road-icon){text-align:center}";
 var RoadCardStyle0 = cardCss;
 
 /**
@@ -3971,6 +3971,12 @@ class Card {
          * Only applies when in button mode (button=true and no href).
          */
         this.disabled = false;
+        /**
+         * Defines the selection mode.
+         * - `"single"`: only one card can be selected at a time (focus outline disabled).
+         * - `"multiple"`: multiple cards can be selected simultaneously.
+         */
+        this.selectionMode = "multiple";
         /**
          * The type of the button. Only used when an `onclick` or `button` property is present.
          */
@@ -3986,6 +3992,9 @@ class Card {
             }
             // Toggle selected state on click for clickable cards
             this.selected = !this.selected;
+            if (this.selectionMode === "single") {
+                e.currentTarget.blur();
+            }
             if (this.value !== undefined) {
                 this.roadcardclick.emit({
                     value: this.value,
@@ -4034,7 +4043,8 @@ class Card {
         const selectedClass = this.selected ? "selected" : "";
         const isButtonClass = isButtonMode ? "is-button" : "";
         const disabledClass = isButtonMode && this.disabled ? "is-disabled" : "";
-        return (hAsync(Host, { key: '44026953c66e6ee3421d5bbc03c92e60710feb94', class: `${elevationClass} ${selectedClass} ${isButtonClass} ${disabledClass}` }, this.renderCard()));
+        const singleClass = isButtonMode && this.selectionMode === "single" ? "is-single" : "";
+        return (hAsync(Host, { key: '7eeca2e8ea56b84c7f4e137ad192871c8a9da811', class: `${elevationClass} ${selectedClass} ${isButtonClass} ${disabledClass} ${singleClass}` }, this.renderCard()));
     }
     get el() { return getElement(this); }
     static get style() { return RoadCardStyle0; }
@@ -4047,6 +4057,7 @@ class Card {
             "value": [1],
             "selected": [516],
             "disabled": [516],
+            "selectionMode": [513, "selection-mode"],
             "type": [1],
             "download": [1],
             "href": [1],
@@ -4055,7 +4066,7 @@ class Card {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["selected", "selected"], ["disabled", "disabled"]]
+        "$attrsToReflect$": [["selected", "selected"], ["disabled", "disabled"], ["selectionMode", "selection-mode"]]
     }; }
 }
 
@@ -10789,7 +10800,7 @@ class Carousel {
         });
     }
     render() {
-        return (hAsync(Host, { key: '7de13f5ced4a2071d8a520ab9ad134ff0b551d17', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: '51c9909fcf085e5ee7d4c79b380f7a7edcd0b491', class: "swiper-wrapper" }, hAsync("slot", { key: '971f91cc7e356f9e9282e36b1de8beb8a8bb9c07' })), this.pager && (hAsync("div", { key: 'c78672aa427460488b5da344e6db4223040b7a10', class: "swiper-pagination", ref: (el) => (this.paginationEl = el) })), this.arrows && (hAsync("div", { key: 'aa5732a2c5885602f814e2e853bdb8bd5650f54d', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: '195af2ff8d2319a29dd64d5a4278dcb722cf26d0', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: '8700c937007ea062e0f3909deee887b8158b7085', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: 'b94e08b955343c34d2b5ecdeb3f385db649aadc5', icon: navigationChevron })))));
+        return (hAsync(Host, { key: '96eb73ccda7cff00f2dcf66cc06be77fed190eeb', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: '9c0dd1baec220fb101020f1b64c6e1bcbf3bdd5b', class: "swiper-wrapper" }, hAsync("slot", { key: '507f0aec4c4c96e0a7b23059831d2a15914917b5' })), this.pager && (hAsync("div", { key: '5d48e628cba52e7eaf12f3e3a1b0f35cad79da0a', class: "swiper-pagination", ref: (el) => (this.paginationEl = el) })), this.arrows && (hAsync("div", { key: 'baf16d217a82435ad678e6d9920f5de02dfe7dc2', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: '1265ba880a6d0268ca45ce6a57c7bc74984e0733', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: 'caa2168745a3cd92b4e44b4131161cf56869a43c', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: 'd1f328118ada8e591f85f1ebc8c35d0ad8234751', icon: navigationChevron })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -10841,10 +10852,10 @@ class CarouselItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '66cf75481e1bb831c17a7a7ca01341dfd1f28cae', class: {
+        return (hAsync(Host, { key: '1d25b2fe5373b43fa711793a695b3d48e015ff81', class: {
                 'swiper-slide': true,
                 'swiper-zoom-container': true,
-            } }, hAsync("slot", { key: 'ace4b6235ef59848e24915b3c8f17a54f78f18a7' })));
+            } }, hAsync("slot", { key: 'dcedfe5b5ba8904ccee633efb9d2d5b8f411941a' })));
     }
     static get style() { return RoadCarouselItemStyle0; }
     static get cmpMeta() { return {
@@ -10940,7 +10951,7 @@ class Checkbox {
         const inverseClass = this.inverse && 'form-checkbox-inverse';
         const sizeClass = this.size !== undefined ? `form-check-label-${this.size}` : '';
         const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: '61a1420c717c25c8b09f6ecb52fa281bc7c0a4ff' }, hAsync("input", { key: 'b894bdab786b416ab46280c80a344fb1ea97fb82', 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: 'bc0b308f508cfbd15876c97f4dd381cf4f1cabe8', class: `form-check-label ${inverseClass} ${sizeClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: 'd78bb31d01f3ad0cbcb51e61f79d00b611599ee9' }, this.label, " ", hAsync("span", { key: '5154464b3ff2840408f57891f92b344e1fb0ecbc', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: '6ed42d75b5bf687a17e30f163a7d5c28a8d6d2e1' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: '5dfdae2ea90921103427d2f8fca7b14625a80fc6', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: '9e4e76b62f504d24b114d8801cb4fe0c0319365b', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: 'eed17cd5b5aac44c93a02fbfa1eddc68252b6369', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '89e6e4739b2ddc39a1e850d1a4a55a9a723e6972', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: 'debeb7eb74a696f929db83bec1b7163160950995' }, hAsync("input", { key: '3b0dc94985056683dc3b6fdf0764990c7b46056c', 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: '1b28f38bf33fb0864deb803012a8a0e301ecf6f0', class: `form-check-label ${inverseClass} ${sizeClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: 'bf292165d29c4d352984d8f7344d8d5c80f2f214' }, this.label, " ", hAsync("span", { key: 'a21360f6719f57d867725b5977a752c27fafc4b0', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: 'e6533aa3773e512393c9078b3ade2a3aebb527a9' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: '3cf72d13844fdde37aa568768de4096e7ca928a9', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: '50852b4333b513e8f23beaf4422a5868e458a956', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: 'dfa0542f59042741a85acbb80383395c7f37e0a6', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'a4982ed4fab93d7131bde6cca6df16dd4febb84d', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -10999,7 +11010,7 @@ class Chip {
     }
     render() {
         const outlineClass = this.outline ? 'chip-outline' : '';
-        return (hAsync(Host, { key: 'ded3c67d6a534dfd46c54ecf503767f8283d2822', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '2ba980cea6242d94be97da8da18d00c88980acc6', class: "chip-description" }, hAsync("slot", { key: '1360a26a52fa7f94c76f321f400258a37af29285' })), this.hasCloseIcon && hAsync("road-icon", { key: 'f4049de03437098c2e85cf8b7975cfcc408cdbcb', class: "chip-close", icon: navigationClose })));
+        return (hAsync(Host, { key: '297bb9862a6a7367e31a4ff12c47ef5d206ab14a', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '8010119adc482c88273f7f31f74b87d1c4ca7943', class: "chip-description" }, hAsync("slot", { key: '5f372945420bdac30f014356fd4abf921c4f0f6a' })), this.hasCloseIcon && hAsync("road-icon", { key: '0c1b67651c20acc671633d23d3eab30b774b6f24', class: "chip-close", icon: navigationClose })));
     }
     static get style() { return RoadChipStyle0; }
     static get cmpMeta() { return {
@@ -11028,7 +11039,7 @@ class Col {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '4cca7757a5a8749eef49d826de2e3b3bd03aa6d0' }));
+        return (hAsync("slot", { key: '8f856a980820ad194551d4fe59eb73c0dcc1515e' }));
     }
     static get style() { return RoadColStyle0; }
     static get cmpMeta() { return {
@@ -11078,7 +11089,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: '6c1f78aea13744aab6d9e39f5c415e38a070026e' }, hAsync("slot", { key: '3d369bc22707614e18b0b87b2ac880a696876a10' }), hAsync("div", { key: 'a2e58a860c41422159ac8a605431cb747934f1c4', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: 'db854e26de30f90268f3c0a209ed946a38fde7b4', name: "collapsed-content" })), hAsync("div", { key: '37ab581d3d384433e69ac37993adb116cdf3d787', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: '97d8bb625e6cac6108e0b4dc6263481b20da6f1c', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
+        return (hAsync(Host, { key: '79aef9ac691ab8ad63bf3035ef982983591f7c11' }, hAsync("slot", { key: 'f365fd80a08a4fcc1129a94f67db1fdb1c3b18e6' }), hAsync("div", { key: 'c77428b17434fa6054f20b4688e4f1fb6beab310', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: '33a02893d686f862a45ae605cc07926d41fdb5bd', name: "collapsed-content" })), hAsync("div", { key: '548377cd3d3a4870810df01e21f80466acf4cecd', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: '6704e336904e22984ea07032707116ce05a992a2', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
     }
     static get style() { return RoadCollapseStyle0; }
     static get cmpMeta() { return {
@@ -11115,7 +11126,7 @@ class ContentCard {
     }
     render() {
         const insetImageClass = this.insetImage ? '' : 'content-card-image';
-        return (hAsync(Host, { key: '8e0b36b7d5e3906508a99ccd55b5ce38b0d8328d' }, hAsync("road-img", { key: '57d11f40a4678f141fdf7952c3663a4c3803bc42', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: '2050e2fa7a84d84e0737308a1e977fca746eaf4c', class: "content-card-description" }, hAsync("road-label", { key: '3fe09993b8bf8c3a82cf8a7ec8efc6eed87fd78b', class: "content-card-description-title" }, hAsync("slot", { key: '3a37c63b30c874314aa764210b4b268a83f71645', name: "label" })), hAsync("p", { key: 'fb09e79bb1b73656e2bfa9b03a5b822640ec0638', class: "content-card-description-text" }, hAsync("slot", { key: '7c8c4ced139302c08dcf4b67436e92780a29ce67', name: "description" })), hAsync("div", { key: '209e1873e8f6e4e340109c46a9b11d3587e5a43b', class: "content-card-description-buttons" }, hAsync("slot", { key: '2feb58a1893aa6607cd1f89fc28ffb53729f1c6a' })))));
+        return (hAsync(Host, { key: 'd4e6a26db6d686a8f81901bbf43763c47381bd65' }, hAsync("road-img", { key: '6b7df2483841bb73a3596980372cf0d225b56101', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: '6ff1b831a41aef72070bb4aa642ff001d5a36c46', class: "content-card-description" }, hAsync("road-label", { key: 'c75a52a1b69f91b2889991a2c2cafd4210d525a1', class: "content-card-description-title" }, hAsync("slot", { key: '31737158eac62a8d3c6de53aa508505e8437176e', name: "label" })), hAsync("p", { key: 'afbba8775b1cceeb98cd7603be8a19b693fc1adb', class: "content-card-description-text" }, hAsync("slot", { key: '40a9dde71ea16d31d93ba92e69b759e695d7e796', name: "description" })), hAsync("div", { key: '2935402d4042e319c37d685e833f3e65660ae572', class: "content-card-description-buttons" }, hAsync("slot", { key: '1657529eca315cc648fb3bbd27425e579de5fe3b' })))));
     }
     static get style() { return RoadContentCardStyle0; }
     static get cmpMeta() { return {
@@ -11143,6 +11154,8 @@ class Counter {
         this.leftIconClasses = "";
         this.rightIconClasses = "";
         this.isDustbinVisible = false;
+        this.decreaseAriaLabel = "";
+        this.increaseAriaLabel = "";
         /**
          * The id of counter
          */
@@ -11167,6 +11180,22 @@ class Counter {
       * Set to `true` to not modify the input field
       */
         this.readonly = false;
+        /**
+       * Accessible label for the dustbin button when `dustbin` is enabled and value equals `min`.
+       */
+        this.dustbinLabelA11y = "Supprimer l'article";
+        /**
+         * Accessible label for the decrease button (suffix `, minimum {min}` is appended when not in dustbin mode).
+         */
+        this.decreaseLabelA11y = 'Diminuer la quantité';
+        /**
+         * Accessible label for the increase button (suffix `, maximum {max}` is appended when not in dustbin mode).
+         */
+        this.increaseLabelA11y = 'Augmenter la quantité';
+        /**
+        * Accessible label for the input field.
+        */
+        this.quantityLabelA11y = 'Quantité';
         this.setIsDustbinVisible = (valueInput) => {
             if (valueInput > this.min) {
                 this.isDustbinVisible = false;
@@ -11238,6 +11267,23 @@ class Counter {
     onValueChange(valueInput) {
         this.setIsDustbinVisible(valueInput);
         this.setIconsClasses(valueInput);
+        this.updateAriaLabels(valueInput);
+    }
+    onA11yLabelChange() {
+        var _a, _b, _c;
+        const currentValue = parseInt((_c = (_b = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : String(this.value));
+        this.updateAriaLabels(currentValue);
+    }
+    updateAriaLabels(valueInput) {
+        const isDustbin = this.isDustbinVisible || (valueInput <= this.min && this.dustbin);
+        this.decreaseAriaLabel = isDustbin
+            ? this.dustbinLabelA11y
+            : this.min > 0
+                ? `${this.decreaseLabelA11y}, minimum ${this.min}`
+                : this.decreaseLabelA11y;
+        this.increaseAriaLabel = this.max
+            ? `${this.increaseLabelA11y}, maximum ${this.max}`
+            : this.increaseLabelA11y;
     }
     setIconsClasses(valueInput) {
         valueInput = valueInput !== null && valueInput !== void 0 ? valueInput : parseInt(this.inputElement.querySelector('input').value);
@@ -11293,12 +11339,15 @@ class Counter {
     }
     render() {
         const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
-        return (hAsync("road-input-group", { key: '841d49424a25f1f9a14c928b24ea9edd629651a0', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: '902ba9dce53b2b2b050e35a885b92fb16a42c47a', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, disabled: this.readonly, "data-cy": "road-decrease" }, hAsync("road-icon", { key: 'ee45dbae5079038698d0eb8509d55138988ffe8b', 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: '14e20d6aacc8562a6a3673cd381a539cfd3334ff', 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: 'fb82377f50ab44d6a6f32669af93e8af30908c67', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, disabled: this.readonly, "data-cy": "road-increase" }, hAsync("road-icon", { key: 'ea4d77b9167b9b703037d82c51e2f82fc48e5f69', name: "navigation-add-more", size: this.size, role: "button" }))));
+        return (hAsync("road-input-group", { key: '33ba88d25931c54c023de1e20876789fd948281d', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: 'a8fc0c7819c357bee9e591c9c6a76611b039cfbd', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, disabled: this.readonly || (this.leftIconClasses === "disabled"), "aria-label": this.decreaseAriaLabel, "data-cy": "road-decrease" }, hAsync("road-icon", { key: 'e8dd742666b3e1da9e01c2b51c1c8c683b5613c9', name: this.isDustbinVisible ? "delete-forever" : "navigation-add-less", ref: (el) => this.iconCounterLess = el, size: this.size, "data-cy": dataCi, "aria-hidden": "true" })), hAsync("road-input", { key: '2938b887550cbdb918e2d3a6db6fa0e71a003220', 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", "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-label": this.quantityLabelA11y, "aria-live": "polite" }), hAsync("road-button", { key: '5ab56728ce62496bd47e1aa8b2d015022ae7f290', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, disabled: this.readonly || (this.rightIconClasses === "disabled"), "aria-label": this.increaseAriaLabel, "data-cy": "road-increase" }, hAsync("road-icon", { key: '8c7b34eefecd0d825cffa8681fb122906c3631c6', name: "navigation-add-more", size: this.size, "aria-hidden": "true" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
         "value": ["onValueChange"],
-        "readonly": ["onValueChange"]
+        "readonly": ["onValueChange"],
+        "decreaseLabelA11y": ["onA11yLabelChange"],
+        "increaseLabelA11y": ["onA11yLabelChange"],
+        "dustbinLabelA11y": ["onA11yLabelChange"]
     }; }
     static get style() { return RoadCounterStyle0; }
     static get cmpMeta() { return {
@@ -11313,9 +11362,15 @@ class Counter {
             "size": [1],
             "dustbin": [4],
             "readonly": [4],
+            "dustbinLabelA11y": [1, "dustbin-label-a11y"],
+            "decreaseLabelA11y": [1, "decrease-label-a11y"],
+            "increaseLabelA11y": [1, "increase-label-a11y"],
+            "quantityLabelA11y": [1, "quantity-label-a11y"],
             "leftIconClasses": [32],
             "rightIconClasses": [32],
-            "isDustbinVisible": [32]
+            "isDustbinVisible": [32],
+            "decreaseAriaLabel": [32],
+            "increaseAriaLabel": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -11414,11 +11469,11 @@ class Dialog {
                     break;
             }
         }
-        return (hAsync(Host, { key: '81a8f90ed4049e3485a6ab736accc9fec67d7594', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'b3225223c0bca4133cf60a748903c1b3011b8760', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: '1488377ca21798d95a54384268a0d365ba54b8ff', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: '3ed4499f0462bedb809118f5ba134930cdd3f0fe', class: "dialog-content" }, hAsync("header", { key: '9179af253c0babbbd378200dc0b6e53a54421fbd', class: "dialog-header" }, this.hasCloseIcon
+        return (hAsync(Host, { key: '3cd2572babc9fde82e42a059090ff98586bd8770', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'fbc4ee3193fe712acdc884be9195ebea22c7e20c', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: 'a7cc0a53e2145f7c2772b8cbace032bae6054539', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: 'e6dd73409bd5f19f340d2d337a1751d0a555a8d4', class: "dialog-content" }, hAsync("header", { key: '5576424404938464efa043627438b32c2519a184', 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: '5c1f4459f65cf0864a4bf257bef0f6682a9ae2c4', class: "dialog-body" }, this.color !== undefined
+            : ''), hAsync("div", { key: '1ea1334eacc0218440d5ad13d1988269602f2f3d', 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: 'ff143f65b583d0aeed73ea249c5091b8c9e5d64c', class: "dialog-title" }, this.label), hAsync("p", { key: 'f404363a6ba5af84300d506b391d986dcd87080a', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: '50947ca23bb9e9bd5a71c9c48a793f79e3096c89', class: "dialog-footer" }, hAsync("slot", { key: '87bcb8232aaba76e3ea703777d67abe220980ed1' }))))));
+            : '', hAsync("h2", { key: '4a2af9fb2184054c259ff4a26c614efa99e0f5fb', class: "dialog-title" }, this.label), hAsync("p", { key: 'ec577b92e7d75a837a166a039956acd6ffb1ee60', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: '533a99b29ba07474fb440c45aae0b69d45da34a6', class: "dialog-footer" }, hAsync("slot", { key: 'fdc249c2dab4295806ae7dae723b8c7aa499ff58' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDialogStyle0; }
@@ -13021,7 +13076,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
   return trap;
 };
 
-const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.3s ease-out, visibility 0s linear 0.3s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.road-drawer-wrapper{width:100%}.road-drawer-wrapper .drawer-dialog{position:absolute;right:0;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .road-drawer-wrapper .drawer-dialog{transform:translateX(100%)}:host(.drawer-left) .road-drawer-wrapper .drawer-dialog{left:0}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .road-drawer-wrapper .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-footer.remove-padding{padding:0}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto;padding:0 var(--road-spacing-05) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}.drawer-footer.remove-padding{padding:0}}:host(.drawer-open){visibility:visible !important;opacity:1;transition:opacity 0.3s ease-out, visibility 0s linear 0s}:host(.drawer-open) .road-drawer-wrapper .drawer-dialog{transform:none}";
+const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;transition:visibility 0s linear 0.3s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay);opacity:0}.road-drawer-wrapper{width:100%}.road-drawer-wrapper .drawer-dialog{position:absolute;right:0;width:100%;pointer-events:none;transition:transform 0.3s ease-out;opacity:0;transform:none}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .road-drawer-wrapper .drawer-dialog{transform:translateX(100%)}:host(.drawer-left) .road-drawer-wrapper .drawer-dialog{left:0;transform:translateX(-100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .road-drawer-wrapper .drawer-dialog{width:100%;max-height:var(--max-height);bottom:0;transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-footer.remove-padding{padding:0}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto;padding:0 var(--road-spacing-05) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}.drawer-footer.remove-padding{padding:0}}:host(.drawer-open){visibility:visible !important;transition:visibility 0s linear 0s}:host(.drawer-open) .drawer-overlay,:host(.drawer-open) .drawer-dialog,:host(.drawer-open) .road-drawer-wrapper .drawer-dialog{opacity:1;transform:translateY(0) translateX(0)}@media (prefers-reduced-motion: no-preference){:host(.drawer-open) .drawer-overlay,:host(.drawer-open) .drawer-dialog{animation:road-drawer-fade-in 0.3s ease-out both}.drawer-overlay,.drawer-dialog{animation:road-drawer-fade-out 0.3s ease-out both}@keyframes road-drawer-fade-in{from{opacity:0}to{opacity:1}}@keyframes road-drawer-fade-out{from{opacity:1}to{opacity:0}}}";
 var RoadDrawerStyle0 = drawerCss;
 
 /**
@@ -13079,6 +13134,11 @@ class Drawer {
          * Footer Content state
          */
         this.hasFooterContent = false;
+        /**
+         * Used to ensure open transitions run when the drawer
+         * is initially mounted with `isOpen=true`.
+         */
+        this.hasMounted = false;
         this.onFooterSlotChange = (event) => {
             const slot = event.target;
             this.hasFooterContent = slot.assignedElements().length > 0;
@@ -13175,18 +13235,19 @@ class Drawer {
         }, 100); // Timeout is used to ensure the drawer has been rendered when client wants to update the property at the same time
     }
     handleOpen(openValue) {
-        var _a;
+        var _a, _b;
+        const dialog = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.drawer-dialog');
         if (openValue === true) {
             this.onOpen.emit();
-            this.el.addEventListener("transitionend", () => {
+            dialog === null || dialog === void 0 ? void 0 : dialog.addEventListener("transitionend", () => {
                 if (this.enabledFocusTrap) {
                     this.getOrCreateFocusTrap().activate();
                 }
             }, { once: true });
         }
         else {
-            (_a = this.focusTrap) === null || _a === void 0 ? void 0 : _a.deactivate();
-            this.el.addEventListener("transitionend", () => {
+            (_b = this.focusTrap) === null || _b === void 0 ? void 0 : _b.deactivate();
+            dialog === null || dialog === void 0 ? void 0 : dialog.addEventListener("transitionend", () => {
                 this.onClose.emit();
                 this.el.shadowRoot &&
                     (this.el.shadowRoot.querySelector(".drawer-body").scrollTop = 0);
@@ -13205,9 +13266,14 @@ class Drawer {
         this.el.querySelectorAll('[data-dismiss="modal"]').forEach((item) => {
             item.addEventListener("click", () => this.close());
         });
-        if (this.isOpen) {
-            this.handleOpen(true);
-        }
+        // Wait for the first paint so the "closed" transform can be applied,
+        // then open on the next frame to allow CSS transitions to run.
+        requestAnimationFrame(() => {
+            this.hasMounted = true;
+            if (this.isOpen) {
+                this.handleOpen(true);
+            }
+        });
     }
     getOrCreateFocusTrap(elements) {
         var _a;
@@ -13237,7 +13303,8 @@ class Drawer {
     }
     render() {
         var _a, _b, _c;
-        const drawerIsOpenClass = this.isOpen ? "drawer-open" : "";
+        const isEffectivelyOpen = this.isOpen && this.hasMounted;
+        const drawerIsOpenClass = isEffectivelyOpen ? "drawer-open" : "";
         const removePaddingClass = this.removePadding ? "remove-padding" : "";
         const inverseHeaderClass = this.hasInverseHeader
             ? "drawer-header-inverse"
@@ -13249,7 +13316,7 @@ class Drawer {
         const backIconElement = this.hasBackIcon ? (hAsync("button", { type: "button", class: "drawer-action", "aria-label": ariaLabelBack, onClick: this.onClickBack }, hAsync("road-icon", { icon: navigationChevron, rotate: "180" }), this.backText)) : null;
         const closeIconElement = this.hasCloseIcon ? (hAsync("button", { type: "button", class: "drawer-close", onClick: this.onClick, "aria-label": ariaLabelClose }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))) : null;
         const drawerWidthValue = this.position === "bottom" ? "100%" : `${this.drawerWidth}px`;
-        return (hAsync(Host, { key: 'c7eb453776139d160c5304536e79ab0af0232290', class: `${drawerIsOpenClass}  drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'af1efa519efd2b12f49475d5a84c90767beeacf0', class: "road-drawer-wrapper" }, hAsync("div", { key: 'c43ce7162e3616b51b9e668a459d8c729b1f414f', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '5c69c051e7c1eb827d2df487f58f8c5237388a7f', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document" }, hAsync("div", { key: 'fa483418e0660b8c2fdb79838581650e5f0b1174', class: "drawer-content" }, hAsync("header", { key: 'cdc22b61772f7f425f4d5f41c2ceb3d6b2d8478b', 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: '6d44de12a434ea729754187aca476c78e6e0e7a7', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: 'dfe2557f8ddffb9a8b6b9ed41661c726c650bd6b' })), hAsync("footer", { key: '7cd86ddeb089a5b06649a993a6315a317b543863', class: `drawer-footer ${removePaddingClass}`, hidden: !this.hasFooterContent }, hAsync("slot", { key: '58fa205ff641909acb5d1d12d660024e50ab4058', name: "footer", onSlotchange: this.onFooterSlotChange })))))));
+        return (hAsync(Host, { key: '28e6c2a6c4c0e6bf9615323faeb4fefe5d0c4a5e', class: `${drawerIsOpenClass}  drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: '58c9436538f430aead500867e7e3eb5b899a3d45', class: "road-drawer-wrapper" }, hAsync("div", { key: '7e27688cdde1db9aa87ecab1f13bfe02346cd8d6', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '00c9c61582a7dd58eecba17edc097c9fe61cf80e', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document" }, hAsync("div", { key: '184698929c59c91792f6b7224bee67e85e849c54', class: "drawer-content" }, hAsync("header", { key: 'd9b73a2c6bb8bf54ec5cf9a1d5f7df082496b50c', 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: '24f654481e962aa43988f3afc08824ba5f3b35b1', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: '5c9c15ac96758fa2fbc17587dd0d991af5818da8' })), hAsync("footer", { key: 'a69988a01e7f3b21c050f253fb56f49101cf2013', class: `drawer-footer ${removePaddingClass}`, hidden: !this.hasFooterContent }, hAsync("slot", { key: 'd5c83194a260f10da51f98c8fe7b580d729916cb', name: "footer", onSlotchange: this.onFooterSlotChange })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -13277,6 +13344,7 @@ class Drawer {
             "whitelistSelectors": [1040],
             "focusTrap": [32],
             "hasFooterContent": [32],
+            "hasMounted": [32],
             "open": [64],
             "close": [64],
             "back": [64],
@@ -13316,7 +13384,7 @@ class Dropdown$1 {
         const positionClass = this.position ? `position-${this.position}` : '';
         const dropdownClass = this.position ? `dropdown-${this.position}` : '';
         const directionClass = this.direction ? `direction-${this.direction}` : '';
-        return (hAsync("details", { key: '96f98a43d15a43bc4e48354d0ad9734ca502455a', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: 'af1ff26056eaf4b6b3ff57cd9308b0f630f42ed1', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: '9e2149f6901a9b9f6b0b946336c8f037f35b1a12', class: `d-flex ${positionClass}` }, hAsync("div", { key: 'cc34ac31554224da891175c86ddc4fb0e824a509', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: '25fb15d3fd97ce75d77da1a3cce8f968d76b7ecf', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: '5d2e08dbd8e1d58eb6f94b2e6f4ae438d48b0ec5', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: '441c9b8f8177a90ca9d9b26ea2e0f6eab8eda176', name: "list" }))));
+        return (hAsync("details", { key: 'bc5fa818c7d5dd91c94722776f48b87d1c6991ca', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: 'c1202f485300634612f97ae2484cc7ed01e3ebc4', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: '9a95605996d95b071265419776518a89d25a65e7', class: `d-flex ${positionClass}` }, hAsync("div", { key: '3f84e6126c806c91d7e9e22f34394dcbed042a44', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: '85a7f6eebf12359e7d4e2a1a1f66792faa7c88f2', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: 'aaa684114947dad8ae0411eb2e24b3a0b2543166', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: '176cd6252641ffecf6a2a7ec4aa4bf26cdfa0421', name: "list" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDropdownStyle0; }
@@ -13372,7 +13440,7 @@ class Dropdown {
         this.isOpen = false;
     }
     render() {
-        return (hAsync("details", { key: '657ada2de370f6aaf76e2a98895ce3be28cc6f69', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '940d726d7d1c8ea126924b108bf57ab685a2a686', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: '5857ab37b0438b2610d908094bbab9187c46e259', class: `d-flex` }, hAsync("div", { key: 'a317e761fa4b6b46097b04ebe309e2f752e2f2e1' }, hAsync("road-avatar", { key: 'b25236fa949b54ca0faf7bceb0b635fc4cb6b07b' }, hAsync("slot", { key: 'c18965b719882ecd60dcef091298401933f33c88', name: "avatar" }))))), hAsync("div", { key: '70fc69f9f0cccac896d5196bee1e6a9c866c6541', class: `dropdown-menu` }, hAsync("div", { key: '7d28cb139e59995c972c30217cc0a0fc1f96382c', class: "profil-item" }, hAsync("road-avatar", { key: 'f74a21b6c4fcb5e23bb073839fb77b4edd95818a', size: "sm" }, hAsync("slot", { key: '3da5faaa271a97c4a016853f77c24c8e5961680d', name: "avatarItem" })), hAsync("div", { key: 'd30bf6cb38ffde6720dc48baad4226c7b0cc0188', class: "profil-item-info" }, hAsync("span", { key: '676ab7af4733f92f8e9f1e4e11ea85364237068b', class: "profil-item-info-name" }, hAsync("slot", { key: '2e4b1a90c2f00e7e67e4db95931aaca9102e776f', name: "name" })), hAsync("road-label", { key: 'c09654f005fc0b322fd071e13349731ab16e62f5' }, hAsync("slot", { key: '661db4276128da1f7c2c1c6cfc72fd31ef50e413', name: "email" })))), hAsync("slot", { key: '22b9d5856379c958ab32fd67ca70eceed2d58725', name: "list" }))));
+        return (hAsync("details", { key: 'd7580832b6ef2627416ffa619bb48e0a85fe9459', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: 'f8e2e2dcb8e2f8f66206db661d93824cc9370e2a', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'ea25e6db168725444c8d3ff00790589a273436b8', class: `d-flex` }, hAsync("div", { key: 'cb09a7404c609829133824827102e3e61c337ef3' }, hAsync("road-avatar", { key: 'f21a0e03058c5f2061c2b2b80102003a69254312' }, hAsync("slot", { key: 'ed8a435e1c7f74c4e563b8f91af5865e20a4968f', name: "avatar" }))))), hAsync("div", { key: 'e1157d5fa05b422aef4b2484efd530ef40d7acc6', class: `dropdown-menu` }, hAsync("div", { key: '864fab60e22d361523b64897acb8d7db916077fc', class: "profil-item" }, hAsync("road-avatar", { key: '879a531e5a2d884b070656769379d77524aa464b', size: "sm" }, hAsync("slot", { key: '9b3b62fa7d289157e8fb71b1e08ac68eca6ce0c5', name: "avatarItem" })), hAsync("div", { key: '400d086eda78ee335a74078fa42231f326969372', class: "profil-item-info" }, hAsync("span", { key: '15abca4ad4b9c98c85de1d3431e1163dc049af7c', class: "profil-item-info-name" }, hAsync("slot", { key: '5351f9847476da8b27cb8dfead17c03171605a24', name: "name" })), hAsync("road-label", { key: 'b5eecf5230251befaf52d4c7602efa8ad4c4b6fc' }, hAsync("slot", { key: 'd14353bfb5bf6d6ec69fb1c8554ba94179a3a2db', name: "email" })))), hAsync("slot", { key: '49cd8ad79bac751b8b1edda5873864a14fd7f4e5', name: "list" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadProfilDropdownStyle0; }
@@ -13436,7 +13504,7 @@ class Duration {
         this.isOpen = false;
     }
     render() {
-        return (hAsync("road-drawer", { key: '535f8253ed4077add28d3ef7089c41e292ef7d78', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '0b82c91ceb9d64ff3e0ff1462d1197f7607de643' }, hAsync("road-row", { key: '0913921ee3b390f33a84b5a008665381e2d8bcea', 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: '64ddf5ad3182385db8fd87700a3725f59cee0912', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '29bcb02b6e4bd0b9c41d34c7ee36de3ed2392976' }, hAsync("road-row", { key: 'ce8f02f3c03c2f18fc058ef7ec8cb8167bab6ab6', class: "duration-values" }, Array(Math.floor((this.max - this.min) / this.step) + 1).fill(this.min).map(((item, index) => (item + index * this.step))).map(item => hAsync("road-col", { class: "col-3 col-md-2" }, hAsync("road-card", { button: true, value: item }, hAsync("road-label", null, Math.floor(item / 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false }), ":", (item % 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false })))))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDurationStyle0; }
@@ -13482,7 +13550,7 @@ class Flap {
     }
     render() {
         const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
-        return (hAsync(Host, { key: 'd20f1aff196fce6d4b5a0abc93c412a8eb25a074', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '0be62bb6925782d1109981adbb67de911bcb29f3' })));
+        return (hAsync(Host, { key: '739602eeec63bce938298c58e66f2ab4bbf44f01', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '38dbde63176a646bbc5985364ccd265aa1e8fddf' })));
     }
     static get style() { return RoadFlapStyle0; }
     static get cmpMeta() { return {
@@ -13528,7 +13596,7 @@ class GlobalNavigation {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '72901e74098db281d77f4200a744a63968f2e28c', role: "application" }, hAsync("slot", { key: '6b70d101f1d30a6888dd4176ac87bdc37bb9dd06' })));
+        return (hAsync(Host, { key: '30bcf69f0b6bf8daf643db2d4ff16a6b03dcdbbf', role: "application" }, hAsync("slot", { key: 'd3602ab16bf4c420dfc84668ea3b6478fdcf5a6c' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -13676,7 +13744,7 @@ class GlobalNavigationV2 {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: 'f4fb2c22034b13b4937635c6427ce6a1db6da363', role: "application" }, hAsync("slot", { key: 'efc105887ec5a4f4ae417d075c30d6b9816b4850' })));
+        return (hAsync(Host, { key: '5710e04a3f7f9bf93155944647937aac8a5d464c', role: "application" }, hAsync("slot", { key: '52c85d81b143c6725751ddeea13c47d915692053' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -13706,7 +13774,7 @@ class Grid {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '481ff02c6cce323a2546465805705e98c6ad0e98' }));
+        return (hAsync("slot", { key: '9fcc36d5c4a156df21c853116ee493c12f1da4fd' }));
     }
     static get style() { return RoadGridStyle0; }
     static get cmpMeta() { return {
@@ -13809,7 +13877,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: '1da1702db901bcfb80638d9ae30a8c5cc4a2ac26', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
+        return (hAsync(Host, { key: '7d5d2a6cb1e04af2b2016b7c235c69b6df990153', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
             ? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
             : hAsync("div", { class: "icon-inner" })));
     }
@@ -13931,7 +13999,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: '0c1d3f02b235f7f69dbdca9969fd3a637929e0bd', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
+        return (hAsync(Host, { key: '279204d03ea78a03ad2c78286e9c23ca30f9192c', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
             ? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
             : hAsync("div", { class: "icon-inner" }))));
     }
@@ -14034,7 +14102,7 @@ class Img {
     }
     render() {
         const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
-        return (hAsync(Host, { key: 'b62aaf9dd6afc9ce4727cd12375f1c4b760f41f2', class: placeholder }, hAsync("img", { key: 'e0fca9d6cf0b015e9d6be7d24b37eb7812814897', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
+        return (hAsync(Host, { key: '4f6efeb4a9f1fa0effa60a9f97e722b05e38e85e', class: placeholder }, hAsync("img", { key: '8f4b1a2618f3cdf57a53909b59cc9d82d72b412a', 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 {
@@ -31505,11 +31573,11 @@ class Input {
         const lessLabelClass = this.label !== '' ? '' : 'less-label';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
         const isValidClass = this.success == true ? 'is-valid' : '';
-        return (hAsync(Host, { key: '1a723a76c79f3d505845abd0a1e78f42f85d79d3', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '44fa837d7d2fd3acf01c0728778e2dad3e8a5bb4', class: `form-control ${hasValueClass} ${isInvalidClass} ${isValidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, list: this.list, value: value, onInput: this.onInput, onCompositionstart: this.onCompositionStart, onCompositionupdate: this.onCompositionUpdate, onCompositionend: this.onCompositionEnd, 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: 'b6b196160326ed5d3ffe65741f6aae0037c355ce', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && (Array.isArray(this.error)
+        return (hAsync(Host, { key: 'f0e25b90c99329da56cf8274c6cf50be36c51e91', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: 'c7431e17075d1a35e4f3bb938f5dc3ab1a0f2c3a', class: `form-control ${hasValueClass} ${isInvalidClass} ${isValidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, list: this.list, value: value, onInput: this.onInput, onCompositionstart: this.onCompositionStart, onCompositionupdate: this.onCompositionUpdate, onCompositionend: this.onCompositionEnd, 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: '825c682a64dee282f204ebe5f675a36ef5044bf0', 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: 'a8af4a8359dd410e54ffc0a5668550d6c0cd8d6b', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '4550347f0788d382ba515d1e5489c72b9c9cf44f', 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: '949b8ff55cb5855bd512d4c7c8ab8bcb745748db', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '98301d785e551b8ac08cddbd21838a56bfca36f2', name: "checklistPassword" })));
     }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
@@ -31599,7 +31667,7 @@ class InputGroup {
             ? `size-${this.el.querySelector('road-input').sizes}`
             : '';
         const disabledClass = this.disabled ? 'is-disabled' : '';
-        return (hAsync("div", { key: '4bf7967be1d576ea1d2c2d0871da504e88d414fa', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: 'd61b7eaa8e5f95e9aba082adcef54e0cd96c6941', class: "input-group-prepend" }, hAsync("slot", { key: '49a6f9fb20adfbc558819db64b3d4150bf4b125d', name: "prepend" })), hAsync("slot", { key: 'e48b70e4ed7f7b52212ebb48a31a5421ac79dd0e' }), hAsync("div", { key: '8c6ab40b303c23ab7e4a68b8bdc952e39482c930', class: "input-group-append" }, hAsync("slot", { key: '76909512fc0ece8ee25a69716cefae2dda8ad308', name: "append" }))));
+        return (hAsync("div", { key: 'ad94dffcb9756e848f286abbc1f8759eb39330a2', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: '25a28d5299dc19be40a3ac8311dafb0d853d1a4d', class: "input-group-prepend" }, hAsync("slot", { key: '6be76f25a7960551da8f5887ceac6550ef5fa2c9', name: "prepend" })), hAsync("slot", { key: '7a244ac6f46d5a4b15b2665107eb889c336603df' }), hAsync("div", { key: '54684dc4ff55e859dfaaab3138c168925a2722b0', class: "input-group-append" }, hAsync("slot", { key: '1ba12616c1451aebc3b5f3e4593f5804999c0897', name: "append" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31679,13 +31747,13 @@ class Item {
                 target,
             };
         const showDetail = detail !== undefined && detail;
-        return (hAsync(Host, { key: 'ccd1ac1ac2751e8085ae02bb5b6b04e4778321b5', "aria-disabled": disabled ? 'true' : null, class: {
+        return (hAsync(Host, { key: '7827649c774c20cb6c3e002f6437475431f6a74f', "aria-disabled": disabled ? 'true' : null, class: {
                 [`item-lines-${lines}`]: lines !== undefined,
-            } }, hAsync(TagType, Object.assign({ key: 'beec26f56f8ec5bd1f4b20d4fb8127d27c05f6a9' }, attrs, { class: {
+            } }, hAsync(TagType, Object.assign({ key: '1d3a248acf34aa9313393a4f24207650393fc0d7' }, attrs, { class: {
                 'item-native': true,
                 'item-active': this.active,
                 [`layout-${layout}`]: layout !== undefined,
-            }, part: "native", disabled: disabled }), hAsync("slot", { key: '0d1f89c92d86782deb1e88c8cea28536c233a595', name: "start" }), hAsync("div", { key: 'a6f5e7032bb24f46a387abf47ec96d9b1c8dafba', class: "item-inner" }, hAsync("div", { key: '0157361f18a9cc95ea60a49e7677b0fb7f8f67cb', class: "input-wrapper" }, hAsync("slot", { key: '5aceb63fb6478d65fc9f495643c6698b62e68000' }), hAsync("div", { key: 'b8ad344270a7f30692fe96dfc6ad2048a835cf3a', class: "input-wrapper-info" }, hAsync("road-label", { key: '49b1e772e543af7cda1ca054586500c7ddced2c3', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '3b7dd8f10a01a91c90de9d08835af3ed55a4eecd', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: '6294b507ed5e61a75dd989400da387e0c0917368', name: "end" }), showDetail && hAsync("road-icon", { key: '52655a6718fb66600b70c9b375f118b66092911b', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
+            }, part: "native", disabled: disabled }), hAsync("slot", { key: '692ce07b8a57be6bf8049b0f549691653de3b9cb', name: "start" }), hAsync("div", { key: '5751a638d0e9ca2d0c76e212d8828487c5ff4a30', class: "item-inner" }, hAsync("div", { key: '1091db80d20d14de9f827be6fffd232b18064c21', class: "input-wrapper" }, hAsync("slot", { key: '039d82a579b6b59993e70d494bbff278d7870cf7' }), hAsync("div", { key: '1834170303f13dd4ed292745a7314b47be9353f8', class: "input-wrapper-info" }, hAsync("road-label", { key: '703fd6be278b1286225d5f3f4f56e26261d9bab1', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: 'e2c63cfd208c51c9fb7e2dd1fc89a1dff96e11f2', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: '596fb23ec500bb815f4d7792c366b3fecdc30c2b', name: "end" }), showDetail && hAsync("road-icon", { key: '1751d7a7077d5e745d18cc1d3f55ee8f2360279e', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadItemStyle0; }
@@ -31726,7 +31794,7 @@ class Label {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '7676729c25af1f6fdd2d421926efb47074382fb8' }));
+        return (hAsync("slot", { key: 'cbca2967aab7b7a1ece0cffbc2618fec7aab02f0' }));
     }
     static get style() { return RoadLabelStyle0; }
     static get cmpMeta() { return {
@@ -31751,9 +31819,9 @@ class List {
     }
     render() {
         const { lines } = this;
-        return (hAsync(Host, { key: '7d0cd12eaa7420a9576b3adf922f686888177d11', class: {
+        return (hAsync(Host, { key: '95c852cf27f008a6078f9a7776b0b1fabb24f156', class: {
                 [`list-lines-${lines}`]: lines !== undefined,
-            } }, hAsync("slot", { key: '5efe956c54bfd4713250c6e2c0afaa7a078cb691' })));
+            } }, hAsync("slot", { key: 'ab1ec479073541979646cd7ac90cf6eb0239126a' })));
     }
     static get style() { return RoadListStyle0; }
     static get cmpMeta() { return {
@@ -31838,7 +31906,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: '6c244ce1b24c5bf03510f660f15875f0447971b5', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: '8e8dbb9998bac59c729f1aada64bc5b992f61df8', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '44d711823586fe5ba41e188401d80f50013b0c13', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '419db268697ee725be611f58a60fabd0c00885c5', class: "modal-content" }, hAsync("header", { key: '7c827e7599d584cdd3cf32bea76f4f0eb7f28b92', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: '13c09b08282b8cd1194de014f4ce8d6729adb367', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: '7b876b870d1ca06b42af0bc62c778c23da78d6c4', class: "modal-body" }, hAsync("slot", { key: '5c1caff28e65e3a9bd256fd583857c590d805184' }))))));
+        return (hAsync(Host, { key: '5c1f41604830d3daaab873fa532630c41886ea70', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: '3a72bfa4dfcdf3c488cfeacccaefac87be7de0d6', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'f3a768b5ecc51aaf8ec7a59051dc0092df6f0392', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: 'acba5dc153015d6f9085cc700c7ce045980f5833', class: "modal-content" }, hAsync("header", { key: '952c1cc52566161de413504cdaa98e5167c3ae99', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: 'a956e2e6682142e2f151efcc06b670ab46e8217e', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: '693dcdc5e8bafc6a2bf88f6ed0e72ab2a47f3780', class: "modal-body" }, hAsync("slot", { key: 'a60d391d06c62c882048e1abc291359053654177' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadModalStyle0; }
@@ -31889,7 +31957,7 @@ class Navbar {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '3c4b66461802de4f15cfffaddcd27a4672f5b575', role: "menubar" }, hAsync("slot", { key: '56e8f8fc09788ff82386c6cef50be1b984d35a87' })));
+        return (hAsync(Host, { key: '856ecb6ab9ca8791d6b27a9167e99fc7bbf5563e', role: "menubar" }, hAsync("slot", { key: '683e5f402623992d814b1667fa6f1e1ec10ca4de' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -31975,11 +32043,11 @@ class NavbarItem$1 {
             rel,
             target,
         };
-        return (hAsync(Host, { key: 'fe103b4b40d2a2801b24f00ce2c6bc53052f2391', 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: '91fef5d8e233e6665c1b7d43361fe13bfc26ddb2', 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: '6c593b2df20a7a1cd46c2d3260c96ee591cba02f' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '70ab22ac31e4af63594721b5e4cddf235257c156', class: "button-inner" }, hAsync("slot", { key: '3323e0c0aabc071f9aad3689956a9a6a89dba442' })))));
+            } }, hAsync("a", Object.assign({ key: 'c6e2adbc2f9da2ad953676a994bd577dea40af2d' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'a0f09043954178d75d9583b10f45b0634779c570', class: "button-inner" }, hAsync("slot", { key: 'd9fe86630fa6568c7ec54c85cacce32f28dc75a5' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32072,11 +32140,11 @@ class NavbarItem {
             rel,
             target,
         };
-        return (hAsync(Host, { key: '26cc0ac4caebe985b43b11227634008dbfc58d5c', 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: 'a875497429de3d17585d39f031d7ecc92920ae24', 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: '1dac4defe0a192239fb2d76770b9b38a4d56767e' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'd8a0b012ec8703c8fe46c2f7c98f00352748cc68', class: "button-inner" }, hAsync("slot", { key: 'bb3859b51d5d5b411c5490b7456faf51419a12aa' })))));
+            } }, hAsync("a", Object.assign({ key: '45cd2becb3e737538387068622ce1cfec04dfdc6' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '2bef4c8f38adc9bcdb0b2a114c0d3944534eed69', class: "button-inner" }, hAsync("slot", { key: 'd70fe75f58e7b55e9636db46e67885c2e8ebfa1e' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32135,7 +32203,7 @@ class NavbarV2 {
     }
     render() {
         const compactClass = this.compact ? 'compact' : '';
-        return (hAsync(Host, { key: 'd8338b69a6dbdd71d1ca39e5ea5fff4c6b0e6de9', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '59afd9379182b345858fd641aba05177fd8d71de' })));
+        return (hAsync(Host, { key: 'dbe3efbf3dfb5a6fad5a1a5f11b8b35c4628a668', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: 'babb69adc19512b222822fd3aab9692e4f79141b' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -32258,10 +32326,10 @@ class PlateNumber {
     render() {
         const value = this.getValue();
         const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
-        return (hAsync("road-input-group", { key: 'edaa7cd8e513932287becfcc4af72d723d7b729f', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '49d3b7bdb6c63adceab1b13ae16f2bff1903e84c', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: '39760b0846d83e37e1f450819fe53e99650bab8b', class: "plate-number-start" }, hAsync("road-icon", { key: '1d08fc08600b06afa481cbd45df983591057a324', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: 'd8644ec27f56eb9d75f67dff85e39bd17d4b4f6e', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
+        return (hAsync("road-input-group", { key: '106f6f3293a295db84efbfca72b1dfe50df7eea1', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '62a9d441198badd6216982a6cd2654de8b7fa27d', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: 'f0c042a50d25033f4aa0d611159b4674eec3781c', class: "plate-number-start" }, hAsync("road-icon", { key: '1045fb8ae0beae59496ae5056c972b0876299039', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: 'c9c88289cdfd2835a228e485c24933c55e91bbdd', 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: '06b33c03a7eabf6b591b35493e1135f2b5870aff', slot: "append", class: "input-group-append" }, hAsync("div", { key: 'eedacf154846a5902aecca99a526c267c416eb35', 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: 'c5426f84945934ae69a6ed4049241ac8ec02e9f7', slot: "append", class: "input-group-append" }, hAsync("div", { key: 'eb7f769a4c8bef59229f76cf4313ff83fdf750a8', class: "plate-number-end" }))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -32284,7 +32352,7 @@ class PlateNumber {
     }; }
 }
 
-const progressCss = ".progress{--border-radius:0.25rem;display:flex;height:0.25rem;overflow:hidden;font-size:var(--road-label-small);background-color:var(--road-surface-disabled);border-radius:var(--border-radius)}.progress-light{background-color:var(--road-overlay-inverse)}.progress-element-info{display:flex;justify-content:space-between;margin-top:0.5rem}.progress-element-info-full-width{display:flex;justify-content:space-between;padding:0 1rem;margin-top:0.5rem}.progress-element-label{font-size:var(--road-label-medium);text-align:left}.progress-element-step{font-size:var(--road-label-medium);text-align:right}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;transition:width 0.6s ease}.progress.progress-primary .progress-bar{background:var(--road-primary)}.progress.progress-secondary .progress-bar{background:var(--road-secondary)}.progress.progress-info .progress-bar{background:var(--road-info-surface-inverse)}.progress.progress-success .progress-bar{background:var(--road-success-surface-inverse)}.progress.progress-warning .progress-bar{background:var(--road-warning-surface-inverse)}.progress.progress-danger .progress-bar{background:var(--road-danger-surface-inverse)}.progress.progress-rating .progress-bar{background:var(--road-rating)}.animation .progress-bar{animation:load 5s normal forwards}@keyframes load{0%{width:0}100%{width:100%}}";
+const progressCss = ".progress{--border-radius:0.25rem;display:flex;height:0.25rem;overflow:hidden;font-size:var(--road-label-small);background-color:var(--road-surface-disabled);border-radius:var(--border-radius)}.progress-light{background-color:var(--road-overlay-inverse)}.progress-element-info{display:flex;justify-content:space-between;margin-top:0.5rem}.progress-element-info-full-width{display:flex;justify-content:space-between;padding:0 1rem;margin-top:0.5rem}.progress-element-label{font-size:var(--road-label-medium);text-align:left}.progress-element-step{font-size:var(--road-label-medium);text-align:right}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;transition:width 0.6s ease}.progress.progress-primary .progress-bar{background:var(--road-primary)}.progress.progress-secondary .progress-bar{background:var(--road-secondary)}.progress.progress-info .progress-bar{background:var(--road-info-surface-inverse)}.progress.progress-success .progress-bar{background:var(--road-success-surface-inverse)}.progress.progress-warning .progress-bar{background:var(--road-warning-surface-inverse)}.progress.progress-danger .progress-bar{background:var(--road-danger-surface-inverse)}.progress.progress-rating .progress-bar{background:var(--road-rating)}.animation .progress-bar{animation:load var(--road-progress-animation-duration, 5s) normal forwards;animation-play-state:var(--road-progress-animation-play-state, running)}@keyframes load{0%{width:0}100%{width:100%}}";
 var RoadProgressStyle0 = progressCss;
 
 class ProgressBar {
@@ -32343,7 +32411,7 @@ class ProgressBar {
         let step = Math.ceil((this.value / 100) * this.numbersteps);
         step = Math.min(step, this.numbersteps);
         step = Math.max(step, 0);
-        return (hAsync(Host, { key: 'afaa397b17cba4c71cf8b9899ea0272869ceace6', class: "progress-element" }, hAsync("div", { key: '8b049a8b3d40c3c23ceca9fd931be9e028f1a919', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '05c9a7efd42334e449cc9394dcaa4ed173e70870', class: "progress-bar", role: "progressbar", style: { width: `${progressBarFilledPercentage}%` }, "aria-valuenow": progressBarFilledPercentage, "aria-valuemin": "0", "aria-valuemax": "100", "aria-labelledby": "loadinglabel", "aria-label": "progress bar" })), hAsync("div", { key: '57c7b9d84886d5c96d633d3d85e95059cb113f2b', class: `${fullwidth}` }, hAsync("span", { key: 'befe4e5d339847a04bfa246edc0c809523e40aa9', id: "loadinglabel", class: "progress-element-label" }, this.label), this.showstep && (hAsync("span", { key: '6eb7e35b57306e67f5bf5ff45d592b926669f63a', class: "progress-element-step" }, step, "/", this.numbersteps)))));
+        return (hAsync(Host, { key: '3f6b27c3e143da8850233df017b4ef60293b0551', class: "progress-element" }, hAsync("div", { key: '1181b717d1c2cdc54d6a1a8e6283f6f8e5cea95f', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '8201a0be5073744c6458aa5e1ec3ffb188b575a5', class: "progress-bar", role: "progressbar", style: { width: `${progressBarFilledPercentage}%` }, "aria-valuenow": progressBarFilledPercentage, "aria-valuemin": "0", "aria-valuemax": "100", "aria-labelledby": "loadinglabel", "aria-label": "progress bar" })), hAsync("div", { key: '9b80d59fb76a9766f9f8b13cccd9f69057028187', class: `${fullwidth}` }, hAsync("span", { key: 'd967d4f34524d42e01e6ddea5fb5f46b1b8193ac', id: "loadinglabel", class: "progress-element-label" }, this.label), this.showstep && (hAsync("span", { key: '0726f1e83ac1c1ade5218e4b1ab9d59b23c68764', class: "progress-element-step" }, step, "/", this.numbersteps)))));
     }
     static get style() { return RoadProgressStyle0; }
     static get cmpMeta() { return {
@@ -32385,7 +32453,7 @@ class ProgressIndicatorVertical {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '4762ffd8a4fbf70b85dd9d21a370006e9c9f1dde' }, hAsync("nav", { key: 'b5582b03ea6525acab65853e3d816b96d7e1fbfc' }, hAsync("ul", { key: '3e368e7204eb13839ceac853dbdbe5037c8c11a0' }, hAsync("li", { key: '3304843de4f5fdd4b66dd4539b536bc87b506187' }, hAsync("slot", { key: 'bbbb9861ece279921924dc9fc04b8a9581783071' }))))));
+        return (hAsync(Host, { key: 'beb66fb988e3aa831e0f35ce048acc475830baad' }, hAsync("nav", { key: '338c96614e2a2727e3c796a55a9f200e3f9caa34' }, hAsync("ul", { key: 'e37ac6d452a71aa56f686dcf68872f1f45bf7d1a' }, hAsync("li", { key: 'c2678653c29dcd23be4b868f813dfeff81deee39' }, hAsync("slot", { key: '67610abb009942ef9da77ec2347de152c5ea836b' }))))));
     }
     static get style() { return RoadProgressIndicatorVerticalStyle0; }
     static get cmpMeta() { return {
@@ -32409,7 +32477,7 @@ class ProgressIndicatorVerticalItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '01e909268830e3729f771371fea8e22672c1f81f' }, hAsync("slot", { key: 'd613840f69ca8d4c9b0ae8e1d53b01acc027bcee' })));
+        return (hAsync(Host, { key: '2ecabc840c0c3167762d99b2b26d523594789159' }, hAsync("slot", { key: '6e821abe0314f885be46ef02bbf2fa5f2de3200e' })));
     }
     static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
     static get cmpMeta() { return {
@@ -32438,7 +32506,7 @@ class ProgressTracker {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'd90d4f149d2d2565b50258fa240ffe48510726d2' }, hAsync("nav", { key: '5b3a49448b26a10f6f9b237f91d8ca965744b62e' }, hAsync("ul", { key: '424fd565e2ef9fd7fa59196d8719563c6b6e8e61' }, hAsync("li", { key: '917ec2b3312c4569b0a8e3e5a1989116e815406d' }, hAsync("slot", { key: 'c0b16be12f3732882cee034adb66ce8aa78664f1' }))))));
+        return (hAsync(Host, { key: 'cd8e624e5935fee60d6c2806b10f35f063670a7e' }, hAsync("nav", { key: 'd466e731e0206360490a48181ceecfbe90cbd80f' }, hAsync("ul", { key: '4d43281f9ea40fcc1d3a00d643a8f80dfea3dc06' }, hAsync("li", { key: 'c98da0bd4e82dd5b0698364cae1cd8366179a8ad' }, hAsync("slot", { key: '6be22ff72a0c776ee690f00d5325e781118ee9c0' }))))));
     }
     static get style() { return RoadProgressTrackerStyle0; }
     static get cmpMeta() { return {
@@ -32470,7 +32538,7 @@ class ProgressTrackerItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'd7232f28ef30258e59fff790e0a07677eacd13a1' }, hAsync("slot", { key: 'cf7e6d62701374235c58ef97f340b99d1b648847' })));
+        return (hAsync(Host, { key: '4974c1adc0f1b94fc7b9b38ce6dfbc6ec5b6a83c' }, hAsync("slot", { key: '1017553cb17d0ee0a3e50beba3a8937190aec3ea' })));
     }
     static get style() { return RoadProgressTrackerItemStyle0; }
     static get cmpMeta() { return {
@@ -32563,7 +32631,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: '1b2343fc9a114afc9506ff040f28a6061a5c9f56', class: `form-radio ${inlineClass}` }, hAsync("input", { key: 'ada87aa55c1d5a778e40fd25c103d0229ecfeec6', 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: '5690c2d0fc4a0c7b6e03c5fa3c1603a61a2a906f', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: '84ce9ad88d4a2612a176b0420ac114c1a648a5a8', class: "form-radio-label-span" }, this.secondaryLabel))));
+        return (hAsync(Host, { key: 'd6494b4cb75474c0d0f7ebf01fa0f7a621ff6bfb', class: `form-radio ${inlineClass}` }, hAsync("input", { key: '10a6f04b26f3b9fa4d3be3230624b37157329883', 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: 'd7d473f4e9bdbab42851b79e5e99180d32d1044a', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: '754ecd61b73ff60e5b33ebbdc64df9846a18da27', class: "form-radio-label-span" }, this.secondaryLabel))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadRadioStyle0; }
@@ -32647,7 +32715,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: '5895d04cdb20013dc850dbded6005cd7280838af', class: `form-radio ${inlineClass}` }, hAsync("div", { key: 'd12cd0ba4ec697307f833afec78c7bbe058cb782', class: `radio-card ${selectedClass}  ${disabledClass}`, onClick: this.onClick }, hAsync("input", { key: '30ff38097eeb93342dcfe8358642f8910bbd7a05', 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: '43e6a5f291aa394da3b0100c7c915987090dd863', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, hAsync("div", { key: '49a9e20e549ed5d79943a3fce2aa3f234774a76a', class: "slot-wrapper" }, hAsync("slot", { key: 'cbc19c8a4fa7a6be3511d5790247b39e5ded48a4' }))))));
+        return (hAsync(Host, { key: '14ae9032c86481f960d41dbddf0511ba8a5473f0', class: `form-radio ${inlineClass}` }, hAsync("div", { key: '1e45b9d4ae27d7918b3a57e66540d3bfd3dee679', class: `radio-card ${selectedClass}  ${disabledClass}`, onClick: this.onClick }, hAsync("input", { key: 'a7efac819af7f78cd12df3fd24d38c81523bf7e6', 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: '3f13946f208c84de987f07b33acf58fea29163bf', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, hAsync("div", { key: '0a0050a9a4265ba805baa9cd3170cd67afb62c45', class: "slot-wrapper" }, hAsync("slot", { key: '8bf0053c5f8ca25737577965506f2e74e2349a9e' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadRadioCardStyle0; }
@@ -32744,7 +32812,7 @@ class RadioGroup {
     render() {
         const labelId = `${this.radioGroupId}-label`;
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: 'ee8965fbe7b9072e38258f08d913dce16499de1c', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: 'fc61d22496e8055fd10da0299d5ecb58b749bf5b', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '5dbb41cab5c73fea7f3123f412d38914b7f2f5de', class: "asterisk" }, "*")), hAsync("slot", { key: '8ce125c2d08a3cfe325569d51c256e7d38c8ba6c' }), this.error && this.error !== '' && hAsync("p", { key: '468c378dc679b42e35118666a917c50c558f8f47', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'e453fd6c032ed75bb44099260fd40b033c5fa748', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: '031512f29cff332bc4ea9e72faa125ee393df1cc', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: 'af10ff2a928246bc82e09ca4d3b4c621f74d8ab4', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '6d5fb003d47dda437aed9f0304f717382b674f1c', class: "asterisk" }, "*")), hAsync("slot", { key: '1a43f2617f1020130afcd27a81db9b7bc218a297' }), this.error && this.error !== '' && hAsync("p", { key: '482dadfaea1a4ee2650b65dc5ef4de207ba6bb86', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '9c7da7cfaaf48537c8cc1149dd5d34ac450b1c27', class: "helper" }, this.helper)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32874,14 +32942,14 @@ class Range {
     render() {
         const value = this.getValue();
         const datalist = this.showLabels !== undefined ? `tickmarks` : "";
-        return (hAsync(Host, { key: 'c3920abc285183763dbc8f2aa4773cca370bcd07', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: 'dd1886b51d24f6c964d589759c69ee01984f8e37', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '55aa2746dd83c6145722eb580a811607cb5dc07f', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: 'd17f88478bd99fca6656a9d14dc173e84e377310', class: "form-range", style: {
+        return (hAsync(Host, { key: '3e066cbe4e1e65fa75efd027eb04d15b17dcf71d', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: '5f914e22f5ba6c9d2d8125fbc10ccddd1a7e5b18', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '91c5de2c81f0ceb500df75279dacbd3d4b6243eb', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: '70cc1aa9091e9f88a3b8b9259159bd2a2b9add19', 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: '85a0ba0f128f123b97ba55420bccfd39eb889c39' }), this.showLabels && hAsync("slot", { key: 'ff35158ff5adf21ce51b01ed74d109a3db0944be', name: "datalist" }), hAsync("input", { key: '5e6d7d1812c96be847f091003c0cb36ebc390802', 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: 'd0c8ec02d5ab901104b0d75a2b03ec759db92869', class: "form-range-label" }, "Valeur"), hAsync("div", { key: 'e95ec94dd77494301597108e379db793571aabaf', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: 'e3b009fb2cacb8e2b0bbc22fa99dda889911ebc6', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
+            } }, this.showValue && hAsync("output", { key: 'a9ba48f65596d47840fd18a85799d7a8a50f9e19' }), this.showLabels && hAsync("slot", { key: '1115ac60b9752d458245da0acf6c2639b76a9780', name: "datalist" }), hAsync("input", { key: '8238712354cfa16b071f99459c539ec3009263ee', 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: '75c0ecc48fe29009a0f853210b64e2639681dce5', class: "form-range-label" }, "Valeur"), hAsync("div", { key: 'e9f54d9c51cb585da328db3566ac629fadabf9bb', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: 'b1b4bd3567bae3b31b61af136a2ae96ca45edb13', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32950,7 +33018,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: 'f746ba94159c130ca443d88ff3cb2f19183f014a' }, hAsync("div", { key: 'bd36bdd0b94d67ed435554a674a4a9aba0a12c2f', 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: '432a059b4b6e69201f90d0e807b6e30b25bd9b55', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '65aedc2c22b39e22b48afed4595a0db0829e373a', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
+        return (hAsync(Host, { key: '852a04480eb9cf4363845c33c6b1f660f94b766e' }, hAsync("div", { key: '39ddf4c8c030e0565e5f640689bf0b47f77dcd3f', 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: '2ab83abd728887cc1cce4abf5ccdfa950363ad03', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '6277bb7d0a773d2438c6fb07df4e4b19da231d30', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
     }
     static get style() { return RoadRatingStyle0; }
     static get cmpMeta() { return {
@@ -33069,7 +33137,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: 'a9c180581aad52a237a69f0260225358bed4c7d9', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: 'acf9b38d0a25646ea6f580d713ecadb12e0f3638', 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: 'd0e9b3b99c5ee593e93866e8c97587459fd520cd', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: '363d2951d028db2c2a6efe1e09f8605a684e0fbc', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: '160c054f3ac74eb46b625cba25676e430a45f52f', class: "invalid-feedback" }, this.error)));
+        return (hAsync(Host, { key: '26ee33f6bad3410d3808dc40546924e467dcd8ef', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '43795fb19216aac9d5611757b461cd23775ba9db', 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: 'd26bc6c8a3c5c10d4f61a130a0bc2b7d8756f1c7', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: '6a239c740e00b9aa178e850a59506e2dfe2a0495', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: '94338356640510278731eb132e913a73f5019157', class: "invalid-feedback" }, this.error)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -33116,7 +33184,7 @@ class RoadAspectRatio {
         return `${w} / ${h}`;
     }
     render() {
-        return (hAsync(Host, { key: '0b5d1fb507a3e9a3e7a122d55809ed24ea0a917d', style: { '--road-aspect-ratio': this.getCssRatio() } }, hAsync("div", { key: 'a012fb3c04da5357ea277074ce08a784400068f9', class: "aspect-ratio-wrapper" }, hAsync("div", { key: 'cb533bcb6b16cb21112b96ad862739deffec11e1', class: "aspect-ratio-content" }, hAsync("slot", { key: '8c1737d96c384f55f876c5a3588a79b2381b01a1' })))));
+        return (hAsync(Host, { key: '5b79fe9eb5a7086f6b2325d919dd706f3171f2ba', style: { '--road-aspect-ratio': this.getCssRatio() } }, hAsync("div", { key: '0a0f5491ad73dc1003cddef9e0bfb2841b20313a', class: "aspect-ratio-wrapper" }, hAsync("div", { key: '5a48baa8c02cd255d86641d049f1bea42bb61fd9', class: "aspect-ratio-content" }, hAsync("slot", { key: '42f99f24730e096c1456cbbae0bb28af8ab5be67' })))));
     }
     static get style() { return RoadAspectRatioStyle0; }
     static get cmpMeta() { return {
@@ -34493,9 +34561,9 @@ class RoadPhoneNumberInput {
         const isErrorClass = this.errorMessage.length ? 'is-error' : '';
         const hasValueClass = this.hasValue() ? 'has-value' : '';
         const sizes = 'xl';
-        return (hAsync(Host, { key: '552dcc0d24ed4d178f040fe8021050c74d902058' }, hAsync("div", { key: '70ca6c4f0bdec5dcebdc4b5591ab06b304cc95e0', class: 'phone-number-inputs-container' }, hAsync("div", { key: '4c992e0a1a8c9fa27b68f10c7216b344e6d645b1', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: '5e7261c78dd3d71c28e8dd340dec596a301d27ef', 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: '35a5db0450b99e05e76865316ff77261cebbdddf', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '2cd83c2a7576d7d81d6a0845837093e6f537fc04', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: '141c74565f3d98943c94dc5f8bd0b5e4fd74a7b0', 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: '458b36d9170841d8eeedc2888c99b69beb21e013', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
+        return (hAsync(Host, { key: 'c300b396ad419dd1d22ddf8656f1492d31b43891' }, hAsync("div", { key: '1dd6a34e0dd1fb0b1d0fe46405e5a6302cc6ce24', class: 'phone-number-inputs-container' }, hAsync("div", { key: '534749041bdd989af8455cda79a679c9f69e0360', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: 'e06ee487afda5761b3bb355aadf0c1eeaf6eef5a', 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: '62cead26a8bb565c48784911521decb452f9d27e', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: 'ec15acdc2bb7e7c931e76337d7c59b9998d4fc21', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: '01e325e7a02443017d4876e844c66d46a8b1471f', 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: 'c223ec8eb38e8a849eb0e656a4e865fd403121c5', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
             && this.errorMessage !== ''
-            && hAsync("p", { key: '741d9f65e5f74ad938bb84e4d16d83b16e334ae3', class: "invalid-feedback" }, hAsync("road-icon", { key: '89b68bd1f9810d5ac495b951796e59dd02cb91f8', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
+            && hAsync("p", { key: 'a1a82a8e4c41ff6b584ce80b07b268ddd6356840', class: "invalid-feedback" }, hAsync("road-icon", { key: 'b28ee908fb8626c5c891aad6a9f2ccb2fd3d47b1', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
     }
     get el() { return getElement(this); }
     static get style() { return RoadPhoneNumberInputStyle0; }
@@ -34614,7 +34682,7 @@ class RoadTimeRangePicker {
         return { start: this.start, end: this.end };
     }
     render() {
-        return (hAsync(Host, { key: '4c05c2fcbbe5c0f7df1c3e9750873faad0fa7b5c', class: `time-range-picker input-${this.sizes}` }, this.label && (hAsync("p", { key: '2c963e240ae199d1eee6ba76d85013eac8ccfdb8', class: "label m-0" }, this.label, this.required && hAsync("span", { key: 'd8232329248063a4b3dc7b4ba746cb31d4e9f56e', class: "required-indicator" }, " *"))), hAsync("div", { key: 'a848889d0465791fb95ce1c8264212d681e60ae9', class: "time-range-picker-content d-flex align-items-center my-4" }, hAsync("slot", { key: 'a4ded18bd9a179c34616e5a176c4c96189a99de8', name: "start" }), hAsync("span", { key: 'abd5e370b9ae64e5ce7f236017c0bf02a15ef8de', class: "separator mx-12" }, this.separator), hAsync("slot", { key: 'a8445f25548d8580c6275860d330e189f64d1d4c', name: "end" })), hAsync("div", { key: '26723daafbce66f009a0b3d2708a0fa47531947d', class: "messages mt-1" }, this.errorMessages.map((msg, index) => (hAsync("p", { key: index, class: "invalid-feedback m-0" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), msg.trim())))), this.helper && hAsync("p", { key: '751b03bef9d11b330916ca30d431185034d65294', class: "helper mt-1" }, this.helper)));
+        return (hAsync(Host, { key: '09a7238b070bd471ca7e129f89528c34c9ee5cd7', class: `time-range-picker input-${this.sizes}` }, this.label && (hAsync("p", { key: '9bd29e28efe88c965c5007fbcadd10d8c0688fd3', class: "label m-0" }, this.label, this.required && hAsync("span", { key: '29b8577337047177fb4e1baae22ff5bc860303a8', class: "required-indicator" }, " *"))), hAsync("div", { key: '50bb320324c425ae30724d4160707590a0484b87', class: "time-range-picker-content d-flex align-items-center my-4" }, hAsync("slot", { key: '2b7dcf90c23d762cc3e6a1becf30ca3c4072ae48', name: "start" }), hAsync("span", { key: 'c9c93c212b949e59b18fdd79ffbd047bea41e502', class: "separator mx-12" }, this.separator), hAsync("slot", { key: 'f013f7f8fb0a47780d45ae6353fdf3d4c3448e4a', name: "end" })), hAsync("div", { key: '1897f8902f28912624da8a2d35252093064b0b19', class: "messages mt-1" }, this.errorMessages.map((msg, index) => (hAsync("p", { key: index, class: "invalid-feedback m-0" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), msg.trim())))), this.helper && hAsync("p", { key: 'c05b1a8b51dc01105508139936fa1794954ea76f', class: "helper mt-1" }, this.helper)));
     }
     get hostEl() { return getElement(this); }
     static get style() { return RoadTimeRangePickerStyle0; }
@@ -34650,7 +34718,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '69fff326414139d63af822fff7704e092100924e' }, hAsync("slot", { key: '31bacdec0c2661d6bf417dc79693f8f6e7b5276c' })));
+        return (hAsync(Host, { key: 'afa1b952153c85d65d8d934291b6de4ded45f5c6' }, hAsync("slot", { key: '19d35af492b9db9b52d45be4fabafa03a6b1cc71' })));
     }
     static get style() { return RoadRowStyle0; }
     static get cmpMeta() { return {
@@ -34722,11 +34790,11 @@ class SegmentedButton {
     render() {
         const { tabIndex, selected, tab } = this;
         const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
-        return (hAsync(Host, { key: 'c32084087edad1374074d06d73fe718361396247', 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: 'fd69e361fd1e176b70cc50bf10dcbef9aad672cd', 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: '55c39f3b6508f33537a0d0e243bc61a700d5c533', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("span", { key: 'fa599539a08ff52bbfe0c479e809926aecabc85a', class: "button-content" }, hAsync("slot", { key: '044b41c9a2217d62aa30f4221d4a5670105e7bd5' }), this.badge &&
-            hAsync("road-badge", { key: '35a10d98aa0149976dcb21c4f7cb546753ed933f', color: this.selected ? 'primary' : 'neutral', class: "button-content-badge" }, this.badge)))));
+            } }, hAsync("span", { key: 'df419883a7d440fcd205e81e721c2f1640de231e', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("span", { key: 'ad1f41ee0aaa11c2dba8fb3a09b6065fe5e8bedf', class: "button-content" }, hAsync("slot", { key: 'dfb4e9649cc4ae7b41bd5a181d40c1fa3c9a0f92' }), this.badge &&
+            hAsync("road-badge", { key: 'a097702e82fddfac65166bd0bbd19bc31146f2a5', color: this.selected ? 'primary' : 'neutral', class: "button-content-badge" }, this.badge)))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSegmentedButtonStyle0; }
@@ -34848,7 +34916,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: '5bb29d6c8e7ed03e244ec3fdd239589bab5cabe0', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '2493089b1bb3c57c3af43ebbb5daff18ae4744e0', 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: 'e2bf03909eac53047f830ce9a655a643690f918e', 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: '8a8ad20b057bec306e122587b24f5ffbcb79a3de', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '1d5648a6e2fb46921900ff639b17ac5cc536350e', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '88a14e5d848bda00fea2088013037f37559387f0', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: 'b4cafa168a39a721ebb8befb821851af64815909', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: 'bc8c195bad4142da8a495e14a9d56a0ed0de9349', 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: 'fe320dbe0052e71a9b11219c842800adf518a758', 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: 'e7a0482a1ae9116e1a8fe6fdc65eca8dfc607661', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '7055cbe47e2b43288e472646b4ca4d0724f7d82e', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '1946f4c9d0818298e9135e3a6d447a967f52e7ba', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -36842,7 +36910,7 @@ class SelectFilter {
         const options = this.filteredOptions;
         const isActive = this.isActive ? 'true' : 'false';
         const notActive = this.isActive ? '' : 'not-active';
-        return (hAsync(Host, { key: '7fdfb3dadc614f4e851891dceb20e19f33074443', "is-active": isActive }, hAsync("slot", { key: 'e2be686790e0ad87e002c8f393cee0ac0864d532' }), this.isOpen && (hAsync("div", { key: '155ccb2711eaa3f8e92f25a3d3b7b9dfa34d4021', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.length === 0 ? (hAsync("div", { class: "select-filter-empty" }, "Aucune option")) : (hAsync("ul", { class: "pl-0" }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: (e) => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, ''), e), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 })))))))));
+        return (hAsync(Host, { key: 'd6c3a042fc1e44b330d4f9a84827a3659a512caf', "is-active": isActive }, hAsync("slot", { key: '128d98278c897190c2b2e475ac851181570dbf49' }), this.isOpen && (hAsync("div", { key: 'c09f07e2d024c67fd1bac3ffbf0b562d157826d2', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.length === 0 ? (hAsync("div", { class: "select-filter-empty" }, "Aucune option")) : (hAsync("ul", { class: "pl-0" }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: (e) => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, ''), e), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 })))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -36878,7 +36946,7 @@ class Skeleton {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("span", { key: 'eecb6ba03a976649272ec4df632022afa71b4a1e' }, "\u00A0"));
+        return (hAsync("span", { key: '3ea322ba0c0478ae98e116ca0a14c6db8cf83fa5' }, "\u00A0"));
     }
     static get style() { return RoadSkeletonStyle0; }
     static get cmpMeta() { return {
@@ -36909,7 +36977,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: 'eb559d1ad35ed62c6c4cb1e7280faf29e52fe2f6', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '8faa4a39732b5b882a2c76abed424d95846c3083', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
+        return (hAsync("svg", { key: 'ba8404bfa593df14d50579b442066e7cd07c49ff', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: 'ed113cdc5a2478d9acd6081da1000193f6580b68', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
     }
     static get style() { return RoadSpinnerStyle0; }
     static get cmpMeta() { return {
@@ -36950,7 +37018,7 @@ class StatusChip {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'f261ddcd3afd748b815d63d973724d0898b48cd7', class: `chip-${this.size}`, tabindex: "0", role: "button", onClick: this.onActivate, onKeyDown: this.onKeyDown }, hAsync("div", { key: '1a6fdaf843be1db93ee850456d662c98c6ab182b', class: "chip-description" }, hAsync("road-icon", { key: '169dc92bb2d1ef16083019799ba80573731464f4', class: "chip-icon", color: "info", icon: alertInfoSolid }), hAsync("slot", { key: '4e24bd7b4a140a532970959e5c2140a54910feb6' }))));
+        return (hAsync(Host, { key: '836c5b7abbe5ac3b42e5cc53d16bfb01457aaed3', class: `chip-${this.size}`, tabindex: "0", role: "button", onClick: this.onActivate, onKeyDown: this.onKeyDown }, hAsync("div", { key: 'b3956466b009f103579b1daf48b355a1ef8c6d4a', class: "chip-description" }, hAsync("road-icon", { key: '6c3c901790b0b83b5d59fd79ff5d7b1c1edd262b', class: "chip-icon", color: "info", icon: alertInfoSolid }), hAsync("slot", { key: '2971da2e3f4d5759046f547aad0ccc5e4d152b12' }))));
     }
     static get style() { return RoadStatusChipStyle0; }
     static get cmpMeta() { return {
@@ -36999,7 +37067,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: 'ccb6347ccc6d69282b0b3de2e6371b4ae0da7d6d' }, hAsync("nav", { key: '4025380ac77abef5bf2cc517fe73e11112f768b0' }, hAsync("ul", { key: '84fa3d6446fe171ae5c167bec45fdbc8cdb4ce9c', class: `${colorClass}` }, hAsync("li", { key: 'a15bf9839e720c4587e06e64285352062a05fed0', class: `${stateClass}` }, hAsync("a", { key: '5f8b9233a3c63701d1e689666c295bf8687352b9', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: 'a388162f0a3399cd61f500ca1a6cd2195fc1cfaa', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '15c6e61fa315c0685b0163e303edcc6778b4c9a5', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: 'a46cd307a9ea8e6136d6404ef0c5a433ffb87666', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '9993529c48b5e0b77fc22864d649694cb1c2ee0c', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '4d64c11c640b2f40f72f6dddd8c33438c4bdeb9b', class: `${stateSecondStepClass}` }, hAsync("a", { key: '03d659b8a60172b33c82b3a26957896c25e3b467', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: 'c1f9a3b9c9f0b0a54859ee7a3b0d7e9c2552740b', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '08db755e8c6b0a8b5103e4022710fb5e8ed5ae34', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: '7c458f6a250c5f66b199019babb14e1373fae597', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'a2df3767db3baa71ed8e3d5e93f3fb86b2e71f8f', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: 'b7adeb48232b08b3a234829611af3b6a28d00a67', class: `${stateThirdStepClass}` }, hAsync("a", { key: 'e7537eddb421180a668ad31eddb034c5bdad4a23', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: 'e0ffebe33d163b2e37e5d8d54dabe96f5b12a171', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '2e077ab50eebe1d72e76e9dc04f451cf8c617b9f', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '1cad575ca395bb5f2a718c49b32c01952e7faa8c', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'ee40e5251b5db0a55fdff81a903af67ac3ca5f93', name: "progress-indicator-horizontal-title3" }))))))));
+        return (hAsync(Host, { key: 'f73aeb1cf58b9d45eb82694b54dcf5f1b5039e4d' }, hAsync("nav", { key: 'f4d26418da4e3dcdb34902e11e6aad4bb6c8b000' }, hAsync("ul", { key: '4c71a1a906c4530496dcaab1c276e4a8dcce1c18', class: `${colorClass}` }, hAsync("li", { key: '27999972b03f4be0134e1f01ecd5bd49fab7a977', class: `${stateClass}` }, hAsync("a", { key: '77e946a448095ac01b891f493500cb1513170e5c', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '69935ba6f7fb94b3cf945c9385a99dc73e39ce63', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '4afe253f303b6120b1b0b4a46994a2b0ac1769a3', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: '48d8f28440e0d25bf390737fcd3978e3130be48d', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '42319dd7b419341eb4a8ebe5b519b9bc696cd3f8', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: 'f0d7ceac532e39a686ea4077c29118bf99e7582b', class: `${stateSecondStepClass}` }, hAsync("a", { key: '9b2050e0b9d96a29c2354e4cb4a24b3c011cc39f', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: '37505e542762c3ed5bb9525ef375d05889c5d5da', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'e9c3395d7fe1b670dc904c87976c824c6e9a56ff', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: '1a636a616b0ad870ca20e5321cedfd7e0109e228', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '243145835dfe703cf4c533f3671ba5cdaa3b3a6e', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: 'b991c413bc2ca7f325764ff8ede460ef8cf2bc62', class: `${stateThirdStepClass}` }, hAsync("a", { key: '79314fe63d4ee58d988ab5fc466b5536d651f690', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: '422ae64cbd0c01f141a76c1dcbc8a59a636df022', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'd19ca0938a4d159d10e1d7db366f1ee2a75a73be', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: 'cda180415f7a56a7135625d8939452069e2893e0', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'a7b46c759e1f754987db88e50b5b32e1acbb0503', name: "progress-indicator-horizontal-title3" }))))))));
     }
     static get style() { return RoadProgressIndicatorHorizontalStyle0; }
     static get cmpMeta() { return {
@@ -37101,11 +37169,11 @@ class Switch {
     }
     render() {
         const labelId = this.switchId + '-label';
-        const textLabel = hAsync("label", { key: 'c232e4f3505aa5d27a54077cf9883fef864efc4d', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
+        const textLabel = hAsync("label", { key: 'c63f963676593a49bfb56c9d7c33a9e98cee2715', 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: '3d93be9bb557c13028dabaef2e82a1e53b814c56' }, hAsync("input", { key: '9682f18c59fa23c8bdaeb30c27ea0aea4c37b2e2', 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: '30340789f9d2d0182d478f7e840d705afcb4cf13', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '7dd93e85e3a444f92dbfb524e5ba401e1f5ecb7d', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (hAsync(Host, { key: 'f20db3c48659d8708758130b4d96587774504f02' }, hAsync("input", { key: 'bfe919d227e9403bf044243af064c45b89e8ae53', 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: '8db0e91b1d833e29a5e3ca93a2747cf8fd202840', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '80236cacfc5636bdef63c8f06dd20add0fa7a705', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -37160,9 +37228,9 @@ class Tab {
     }
     render() {
         const { tab, active } = this;
-        return (hAsync(Host, { key: 'e5f32c9c796b1a798eca2d24a7a660d808d060f8', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (hAsync(Host, { key: 'e77050a903a5bc618c0a95dbdcac55987ba90ef6', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'tab-hidden': !active,
-            } }, hAsync("slot", { key: '018740decce73c280c77ba78216623ac0f842e9d' })));
+            } }, hAsync("slot", { key: '7d8e9336bbafd68e2bb8449e617dd0132c132192' })));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabStyle0; }
@@ -37222,11 +37290,11 @@ class TabBar {
     }
     render() {
         const { expand, center, secondary } = this;
-        return (hAsync(Host, { key: '598640b2a0d7bfc657df37e30deff1a0aee2698c', role: "tablist", class: {
+        return (hAsync(Host, { key: 'f152f7039aa51f964ce7885d2f38e09212af53b1', role: "tablist", class: {
                 'tab-expand': expand,
                 'tab-center': center,
                 'tab-secondary': secondary,
-            } }, hAsync("slot", { key: '2f8c35375effb72f15d0b37d80ff3dd3a2779b22' })));
+            } }, hAsync("slot", { key: '1f478b0967e23fde82e5fcc706aacd6c8ed64132' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -37326,7 +37394,7 @@ class TabButton {
             rel,
             target,
         };
-        return (hAsync(Host, { key: 'd0232d92d13b395713e9537e4e985b9b1aef4be8', 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: '561d03fa0ebc0fe282db9c3e5030e514bc045a16', 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,
@@ -37334,7 +37402,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: '3cfffe4aef2432b2a23eb2ff6c86c5da125f0e04' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '36f97b5e282bf7870228ca6651629b766d614512', class: "button-inner" }, hAsync("slot", { key: '4f963acbe1cc57893b19c0f86af05b8e754c96c1' })))));
+            } }, hAsync("a", Object.assign({ key: '05869bf57b41803041856c17aaa80c2432c71470' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '8c60935c2a74a4e53472c3be5d3829ab0c3116f8', class: "button-inner" }, hAsync("slot", { key: '1d317edbc8b2553b85a2077b0e5a978f828b9351' })))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabButtonStyle0; }
@@ -37368,7 +37436,7 @@ class Table {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '81dd5f1f536cbc1362baa3027bb76b8fa5a6022b' }));
+        return (hAsync("slot", { key: 'bf75831fb9aaeddb5d0d48914427042d2d22477c' }));
     }
     static get style() { return RoadTableStyle0; }
     static get cmpMeta() { return {
@@ -37476,7 +37544,7 @@ class Tabs$1 {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (hAsync(Host, { key: '74762d3d2e76c9926a2344182debdd17dbf3c011', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'f4d5f461a7fe74ebc76c181b185932759ceb0f34', name: "top" }), hAsync("slot", { key: '6b99ef4524d2aa3f55b95b33b7028097abb03712' })));
+        return (hAsync(Host, { key: '04b1801e9f8e91e39581c8f449ee6b839763c688', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '554c778cdf10304cb32d5ab743945f717f97b8e9', name: "top" }), hAsync("slot", { key: '47d1e5b9f1227a79a7883825fcddd23853b676a4' })));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSegmentedButtonsStyle0; }
@@ -37612,7 +37680,7 @@ class Tabs {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (hAsync(Host, { key: '0e0850a766229851fb10751a2c598517ea6ab666', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '449935aea69a4bb19f26ffefa9427af73dea2400', name: "top" }), hAsync("div", { key: 'cca0b8a935a1e8df7fc9ce46fab95371910e7676', class: "tabs-inner" }, hAsync("slot", { key: '649c2c4cec7a0cd43dfc668eab513ce80207ac9a' }))));
+        return (hAsync(Host, { key: '696e52454356341fc30234d26597c4bd88f9aa54', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'e45c7580bd61aa8b6e5245a263bbe6ef6651132e', name: "top" }), hAsync("div", { key: '6c8b5332fa2ee081319199d8e71dd463d6249676', class: "tabs-inner" }, hAsync("slot", { key: '4974046b327b3d4ddef1bbb82b2ecd39c62a9472' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabsStyle0; }
@@ -37660,7 +37728,7 @@ class Tag {
     }
     render() {
         const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
-        return (hAsync(Host, { key: 'c17a38527980d6d453ba3846f9a3b2d57f31c071', class: `${contrastClass}` }, hAsync("slot", { key: '77293988ddc60d4defb5e1600db3340c95335cb3' })));
+        return (hAsync(Host, { key: '07aa9eaf941fd3e6820304e5698ff7a379c27d96', class: `${contrastClass}` }, hAsync("slot", { key: '3777ebead8dd1ecad0f10eb176c9187580e771e1' })));
     }
     static get style() { return RoadTagStyle0; }
     static get cmpMeta() { return {
@@ -37692,7 +37760,7 @@ class Text {
     }
     render() {
         const colorClass = this.color !== undefined ? `text-${this.color}` : '';
-        return (hAsync(Host, { key: '727ee50da083fe2504862c80ed7aa5e5392e0226', class: `${colorClass}` }, hAsync("slot", { key: '6e5322eed782d23164f11060a5be01a140182d5d' })));
+        return (hAsync(Host, { key: '8462ec056e351302fcbdf0b046a6160d94733de6', class: `${colorClass}` }, hAsync("slot", { key: 'ac32d9732a1cb417a5fef9fea546ce478d9b4123' })));
     }
     static get style() { return RoadTextStyle0; }
     static get cmpMeta() { return {
@@ -37823,7 +37891,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: 'b11f3ddbd35f2d9b093d5a1ea8a7aadc9d22e52d', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: '9bd42480182ef1a6804c84bcec4cbcdfaf2208ba', 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, onCompositionstart: this.onCompositionStart, onCompositionupdate: this.onCompositionUpdate, onCompositionend: this.onCompositionEnd, onBlur: this.onBlur, onFocus: this.onFocus, ref: el => (this.textareaEl = el) }), hAsync("label", { key: 'a46e0ff32396e011cb0bca6d65794e5e080ec633', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '703184751f1e79b0b925b1146a8a226f10d47be9', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '5537817fa2cf67f3b4be1e5606c2c5eec556d5b5', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: 'ddc120f885c45aa6201eaf945a250ec70ff96283', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: '33ba211611355b13fbdd30b05cf0efdee598fc1a', 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, onCompositionstart: this.onCompositionStart, onCompositionupdate: this.onCompositionUpdate, onCompositionend: this.onCompositionEnd, onBlur: this.onBlur, onFocus: this.onFocus, ref: el => (this.textareaEl = el) }), hAsync("label", { key: '2d71214f423086aae57f0167a8c8cb808c7b247b', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '04770bc5971336927c0aa77327a0823ecc049e37', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'a274cad5d2cb2e8076fb17505f491f52bd0dfac7', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -37863,7 +37931,7 @@ class Textarea {
 }
 let textareaIds = 0;
 
-const toastCss = ":host{position:fixed;right:0;bottom:1rem;left:0;z-index:1;display:flex;justify-content:center;width:328px;margin:0 auto;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .15s,transform .3s ease-in-out;transform:translateY(-100%)}@media (min-width: 1200px){:host{right:1.5rem;bottom:3rem;left:auto;width:auto;transform:translateX(100%)}}:host(.toast-open){visibility:visible;opacity:1;transform:none}.toast{position:relative;box-sizing:border-box;display:flex;flex:0 0 100%;flex-flow:wrap;align-items:flex-start;width:328px;padding:0.75rem 2rem 0.6rem 1rem;font-family:var(--road-font);font-size:var(--road-body-medium);line-height:1.4;color:var(--road-on-info-surface-inverse);text-align:left;background:var(--road-info-surface-inverse);border-radius:0.25rem}@media (min-width: 575px){.toast{padding:1rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--road-on-danger-surface-inverse);pointer-events:all;background:var(--road-danger-surface-inverse)}.toast-danger road-icon{color:var(--road-danger-icon-inverse)}.toast-warning{color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse)}.toast-warning road-icon{color:var(--road-warning-icon-inverse)}.toast-success{color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse)}.toast-success road-icon{color:var(--road-success-icon-inverse)}.toast-info{color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse)}.toast-info road-icon{color:var(--road-info-icon-inverse)}.toast-icon{top:auto;left:0.5rem;margin-top:-5px;margin-right:0.5rem}@media (min-width: 575px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;right:0.5rem;padding:0;color:inherit;cursor:pointer;background:none;border:0;border-radius:4px;fill:var(--road-info-icon-inverse)}.toast-warning .toast-close{fill:var(--road-warning-icon-inverse)}.toast-close:focus{border-color:var(--road-info-surface-inverse);outline:none}.toast-label{width:240px;margin:0}:host ::slotted(road-progress){position:absolute;bottom:-8px;left:0;flex-basis:100%;width:100%;margin-top:0.5rem}@keyframes load{0%{width:0}100%{width:100%}}";
+const toastCss = ":host{position:fixed;right:0;bottom:1rem;left:0;z-index:1;display:flex;justify-content:center;width:328px;margin:0 auto;--road-toast-timeout:5000ms;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .15s,transform .3s ease-in-out;transform:translateY(-100%)}@media (min-width: 1200px){:host{right:1.5rem;bottom:3rem;left:auto;width:auto;transform:translateX(100%)}}:host(.toast-open){visibility:visible;opacity:1;transform:none}.toast{position:relative;box-sizing:border-box;display:flex;flex:0 0 100%;flex-flow:wrap;align-items:flex-start;width:328px;padding:0.75rem 2rem 0.6rem 1rem;font-family:var(--road-font);font-size:var(--road-body-medium);line-height:1.4;color:var(--road-on-info-surface-inverse);text-align:left;background:var(--road-info-surface-inverse);border-radius:0.25rem;pointer-events:all;--road-progress-animation-play-state:running}.toast:hover,.toast:focus-within{--road-progress-animation-play-state:paused}@media (min-width: 575px){.toast{padding:1rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse)}.toast-danger road-icon{color:var(--road-danger-icon-inverse)}.toast-warning{color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse)}.toast-warning road-icon{color:var(--road-warning-icon-inverse)}.toast-success{color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse)}.toast-success road-icon{color:var(--road-success-icon-inverse)}.toast-info{color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse)}.toast-info road-icon{color:var(--road-info-icon-inverse)}.toast-icon{top:auto;left:0.5rem;margin-top:-5px;margin-right:0.5rem}@media (min-width: 575px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;right:0.5rem;padding:0;color:inherit;cursor:pointer;background:none;border:0;border-radius:4px;fill:var(--road-info-icon-inverse);height:1.5rem}.toast-warning .toast-close{fill:var(--road-warning-icon-inverse)}.toast-close:focus{border-color:var(--road-info-surface-inverse);outline:none}.toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.toast:focus-within{outline:2px solid currentColor;outline-offset:2px}.toast-label{width:240px;margin:0}:host ::slotted(road-progress){position:absolute;bottom:-8px;left:0;flex-basis:100%;width:100%;margin-top:0.5rem;--road-progress-animation-duration:var(--road-toast-timeout)}@keyframes load{0%{width:0}100%{width:100%}}";
 var RoadToastStyle0 = toastCss;
 
 /**
@@ -37878,6 +37946,8 @@ class Toast {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.onClose = createEvent(this, "close", 7);
+        this.isHovered = false;
+        this.isFocusWithin = false;
         /**
          * Set `open` propertie to `true` to open the toast
          */
@@ -37891,6 +37961,26 @@ class Toast {
          * until `close()` is called.
          */
         this.timeout = 5000;
+        this.onMouseEnter = () => {
+            this.isHovered = true;
+            this.clearAutoClose();
+        };
+        this.onMouseLeave = () => {
+            this.isHovered = false;
+            this.scheduleAutoClose();
+        };
+        this.onFocusIn = () => {
+            this.isFocusWithin = true;
+            this.clearAutoClose();
+        };
+        this.onFocusOut = (ev) => {
+            const next = ev.relatedTarget;
+            const current = ev.currentTarget;
+            if (current && next && current.contains(next))
+                return;
+            this.isFocusWithin = false;
+            this.scheduleAutoClose();
+        };
         /**
          * Close the dialog when clicking on the cross or layer
          */
@@ -37904,35 +37994,64 @@ class Toast {
      * Watch the isOpen property to start the timeout before closing
      */
     isOpenChanged() {
-        if (this.isOpen && this.timeout > 0) {
-            setTimeout(() => this.close(), this.timeout);
+        if (this.isOpen)
+            this.scheduleAutoClose();
+        else
+            this.clearAutoClose();
+    }
+    timeoutChanged() {
+        if (this.isOpen)
+            this.scheduleAutoClose();
+    }
+    colorChanged() {
+        if (this.isOpen)
+            this.scheduleAutoClose();
+    }
+    getEffectiveTimeout() {
+        if (this.color === 'danger')
+            return 0;
+        return this.timeout;
+    }
+    clearAutoClose() {
+        if (this.autoCloseTimeoutId != null) {
+            clearTimeout(this.autoCloseTimeoutId);
+            this.autoCloseTimeoutId = undefined;
         }
     }
+    scheduleAutoClose() {
+        this.clearAutoClose();
+        if (!this.isOpen)
+            return;
+        if (this.isHovered || this.isFocusWithin)
+            return;
+        const effectiveTimeout = this.getEffectiveTimeout();
+        if (effectiveTimeout <= 0)
+            return;
+        this.autoCloseTimeoutId = window.setTimeout(() => {
+            this.close();
+        }, effectiveTimeout);
+    }
     /**
      * Open the toast
      */
     async open() {
         this.isOpen = true;
-        if (this.timeout > 0) {
-            setTimeout(() => {
-                this.close();
-            }, this.timeout);
-        }
     }
     /**
      * Close the toast
      */
     async close() {
+        this.clearAutoClose();
         this.isOpen = false;
         this.onClose.emit();
     }
     componentDidLoad() {
-        if (this.isOpen && this.timeout > 0) {
-            setTimeout(() => this.close(), this.timeout);
-        }
+        if (this.isOpen)
+            this.scheduleAutoClose();
     }
     render() {
         const toastIsOpenClass = this.isOpen ? 'toast-open' : '';
+        const effectiveTimeout = this.getEffectiveTimeout();
         let icon;
         switch (this.color) {
             case 'info':
@@ -37954,10 +38073,12 @@ class Toast {
         if (this.color == 'danger') {
             this.timeout = 0;
         }
-        return (hAsync(Host, { key: '5c3caac868d79f97699af08fb0b96c1ff35ad9cc', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: 'b20177ba76a147f157605497de541dd53070a7b1', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: 'f75466515c805ee5460577e9694b374b1a30ac62', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: 'a2e984002c90fbcc7f0eb8f912835c46f1f5effd', class: "toast-label" }, this.label), hAsync("button", { key: '37b9009541e949ee9ffe2350abd189a2d5bcf014', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: '5c0cd9dbae939e8c52cb2150861b3c0f68d5518b', icon: navigationClose, size: "md" })), hAsync("slot", { key: '48469490e404f7db80d5c77aa3e08c02d769dd4f', name: "progress" }))));
+        return (hAsync(Host, { key: '6a5641b844537484ad87d8310f44bec732a84fab', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: '73a8ab651e28430ec4b6feef2918df26ee242291', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: '35511f526c1ce411b6d597edb4147b03b83a65b7', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: 'f2b4358588f74a4e5c79aa5eac8b235a7715712c', class: "toast-label" }, this.label), hAsync("button", { key: '6fc5cbd9d4b90028151a761af1a6ac288971bddc', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: 'e2e4c5c5b65471b87a00d994c57f8df48aeaf4a5', icon: navigationClose, size: "md" })), hAsync("slot", { key: '370181e3e948d369b95baa006d28fe22b88ba84c', name: "progress" }))));
     }
     static get watchers() { return {
-        "isOpen": ["isOpenChanged"]
+        "isOpen": ["isOpenChanged"],
+        "timeout": ["timeoutChanged"],
+        "color": ["colorChanged"]
     }; }
     static get style() { return RoadToastStyle0; }
     static get cmpMeta() { return {
@@ -37994,7 +38115,7 @@ class Toolbar {
     }
     render() {
         const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
-        return (hAsync(Host, { key: '3dc7d078c8a2beddccd06b419074422f3aafbe3a', class: colorClass }, hAsync("div", { key: 'a7565dead37f8ef28f41e26cbc2b5b9a77be3827', class: "toolbar-container" }, hAsync("slot", { key: 'ecd46478a6eb7349171ea061233c1068f19eb78a', name: "start" }), hAsync("slot", { key: '7153d8935a1f361394acdd0c1d64e43a6f9ec93f', name: "primary" }), hAsync("div", { key: 'f205b0d511fd331b78c7fe4a567b7f420ece72d6', class: "toolbar-content" }, hAsync("slot", { key: '1a2671f07e4e9d098b854f783c8f6e892450a05e' })), hAsync("slot", { key: '2fd00ff4d71fc3b7e90ba3076f18665b30e63697', name: "secondary" }), hAsync("slot", { key: '83bbe556f1a94feb42faa9e3789b2515c8f85a03', name: "end" }))));
+        return (hAsync(Host, { key: '69b08fceaa3fbdf9da4ca42f14fc227875e40233', class: colorClass }, hAsync("div", { key: '6168cb5d7084d7c241ee5b522a8375cee71ad8a6', class: "toolbar-container" }, hAsync("slot", { key: '030b5477ee92706cad1d4a349503129a2b255bb5', name: "start" }), hAsync("slot", { key: '16e6c5418744f807659f160a288df7e14834748f', name: "primary" }), hAsync("div", { key: 'ac3c8ccf8a10cdce55d67133d3c30326cc501c16', class: "toolbar-content" }, hAsync("slot", { key: 'cc650e6357e66b625b884127a4156947cf183ea5' })), hAsync("slot", { key: '713e3c955d8edf617049016d9194b39487774c12', name: "secondary" }), hAsync("slot", { key: '9ae71e60c5fbe054bc4acbab2fa7b833d2e4e1fb', name: "end" }))));
     }
     static get style() { return RoadToolbarStyle0; }
     static get cmpMeta() { return {
@@ -38020,7 +38141,7 @@ class ToolbarAppName {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '6523ca97a8377f6af5fd0800aa5543cbc316f13f', class: "toolbar-title-page" }, hAsync("slot", { key: 'c5d3422ec09f1d54d24fb28cb2be7a84dd700703' })));
+        return (hAsync("div", { key: 'c7911e600db0a7b05ccad45a41b6e9b25b73c35a', class: "toolbar-title-page" }, hAsync("slot", { key: 'adc988f3c3087c8deac5e39300915bd0456d986a' })));
     }
     static get style() { return RoadToolbarTitlePageStyle0; }
     static get cmpMeta() { return {
@@ -38044,7 +38165,7 @@ class ToolbarTitle {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '9ed296ef2918332630e1b5a7b7026b2edeb91b21', class: "toolbar-title" }, hAsync("slot", { key: 'a39fdb646a9bcb5aea4641575161229610d75878' })));
+        return (hAsync("div", { key: 'f333ab20e211d7813ee97a020a71f3852676f89c', class: "toolbar-title" }, hAsync("slot", { key: '840e69f86c31a4be7965bb290776e45a3278c167' })));
     }
     static get style() { return RoadToolbarTitleStyle0; }
     static get cmpMeta() { return {
@@ -38073,7 +38194,7 @@ class ToolbarV2 {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '36c585d9dec920f5b72e37733e74c4134ee67185', class: "toolbar" }, hAsync("div", { key: '947c33c46e0bbc26b75d5bab2ed2c89ab228e808', class: "toolbar-container" }, hAsync("div", { key: '83d61111f17d1022ba7b54089e203277955e0a68', class: "toolbar-container-content-left" }, hAsync("slot", { key: '7ac57443795d0347afb7e5ce1070d42ac7f91017', name: "start" }), hAsync("slot", { key: 'a6089fd013186ea231d8d88d5af878239acf92f8', name: "primary" })), hAsync("div", { key: '441aaee506f1cf8a99921cf0a932303a9bdf18aa', class: "toolbar-content" }, hAsync("slot", { key: 'b72650e9913e3f0d08fbe2d2f8eed7219e132837' })), hAsync("div", { key: '48a7f37607c0ebd5a88620cd2ebac74bc12708ed', class: "toolbar-container-content-right" }, hAsync("slot", { key: '137e2d29e96b188194c0e9f82b6081a35119c371', name: "secondary" }), hAsync("slot", { key: '777d8774c10c9e4a784b193139ff10085166a103', name: "end" })))));
+        return (hAsync(Host, { key: 'f197e6aa93f24d61f4424adac51dc0f1451690d7', class: "toolbar" }, hAsync("div", { key: '4f02a7ca538683f23ba8166400f4bb10f35bb20e', class: "toolbar-container" }, hAsync("div", { key: '1b20c5b2e0cfb5fc5c1aaf4260883a67de52e111', class: "toolbar-container-content-left" }, hAsync("slot", { key: 'b4e3956e1bc5cc7d902a2f6b73184c282e84ca8c', name: "start" }), hAsync("slot", { key: 'b45e8781a6ddd94095892a382bafa799b2b841ab', name: "primary" })), hAsync("div", { key: '3d796b9cb78f7d3c77e42473cfd61833507593af', class: "toolbar-content" }, hAsync("slot", { key: '8c9ff56ad415b57211f6c0268330832959659a1c' })), hAsync("div", { key: '7de2f6fac6941d176454b6c2386cee85f8aeceb2', class: "toolbar-container-content-right" }, hAsync("slot", { key: 'f3e911e9f54d9831664cdb705b7401d2a75a12af', name: "secondary" }), hAsync("slot", { key: 'f803799d38325b0aaff33cd6476392e1b02f8030', name: "end" })))));
     }
     static get style() { return RoadToolbarV2Style0; }
     static get cmpMeta() { return {
@@ -38200,12 +38321,12 @@ class Tooltip {
         return triggers.includes(triggerType);
     }
     render() {
-        return (hAsync(Host, { key: 'dbe023bc59f5d6637f901291cdd2c1a5d9b27450', 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: 'd5820fd1bf93fc00fcaae3f48d27d09a7c478906', 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: 'ba01929185c87ed190275aafa8326bbbbd70ebca', "aria-describedby": this.tooltipId }), hAsync("div", { key: 'df67e1ec087033b72259fae58fc5447ed0d20a01', part: "tooltip", id: this.tooltipId, class: {
+            "data-tooltip-position": this.position }, hAsync("slot", { key: '944189110f599941f8214e5a9e766096f10ab36d', "aria-describedby": this.tooltipId }), hAsync("div", { key: 'efa16f01312bd27d9a80e5429302daa3656d8da0', 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: '8fc2ca39b71812dabd43af2a8fb3d0b2ef223a28', name: "tooltip-content" }))));
+            }, role: "tooltip", "aria-hidden": !this.isOpen ? "true" : "false" }, this.content, hAsync("slot", { key: 'e4956c45c1f42ae8326f36b2b1f8a737374f375f', name: "tooltip-content" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTooltipStyle0; }
@@ -38297,11 +38418,11 @@ class toggle {
     }
     render() {
         const labelId = this.toggleId + '-label';
-        const textLabel = hAsync("label", { key: '688af16c9f4a539dd13c5bb98c0f2a731b492c06', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
+        const textLabel = hAsync("label", { key: '5c9d81a2dcabfd489edfa4085812225892fdc200', 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: '530c7052c4b2d783599f0e997954a368bc49be45' }, hAsync("input", { key: '669fb27728139752f1e63319b86e804e7cf91da5', 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: '0f186f04ecd674c4c91458a1f6ef7aca63ee60cf', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: 'b0df7532dea735dfbd25da5307ba27d77fb7b6cc', class: `form-toggle-lever ${righttoggleClass}` }, this.checked ? (hAsync("road-icon", { name: "check-small-solid", class: "form-toggle-lever-check", size: "md" })) : (hAsync("road-icon", { name: "navigation-close-solid", class: "form-toggle-lever-close", size: "md" }))), this.hasLeftLabel ? '' : textLabel)));
+        return (hAsync(Host, { key: 'd5621dbe1003bb50f9cf6762ad1cddf1e3db5186' }, hAsync("input", { key: '41e9b04d49fcf57d203643c7860a0762aaf2d354', 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: 'b6352e3b42d667528a6852ed4126b1a5ace5430c', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '13ce7ce2c26a9e819aa8dde3a8b5976c3bfccb8a', class: `form-toggle-lever ${righttoggleClass}` }, this.checked ? (hAsync("road-icon", { name: "check-small-solid", class: "form-toggle-lever-check", size: "md" })) : (hAsync("road-icon", { name: "navigation-close-solid", class: "form-toggle-lever-close", size: "md" }))), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]