@roadtrip/components 3.32.4 → 3.33.0

package/hydrate/index.mjs

@@ -127,7 +127,7 @@ const NAMESPACE = 'roadtrip';
 const BUILD = /* roadtrip */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, devTools: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
- Stencil Hydrate Platform v4.27.0 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.27.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -147,9 +147,9 @@ var isComplexType = (o) => {
 };
 
 // src/utils/query-nonce-meta-tag-content.ts
-function queryNonceMetaTagContent(doc2) {
+function queryNonceMetaTagContent(doc) {
   var _a, _b, _c;
-  return (_c = (_b = (_a = doc2.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
+  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
 }
 
 // src/utils/regular-expression.ts
@@ -506,8 +506,8 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       delete hostElm["s-sc"];
     }
   }
-  if (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size) {
-    initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
+  if (win.document && (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size)) {
+    initializeDocumentHydrate(win.document.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
   }
   hostElm[HYDRATE_ID] = hostId;
   hostElm.removeAttribute(HYDRATE_ID);
@@ -830,8 +830,8 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   childVNode.$name$ = slotName || null;
   childVNode.$tag$ = "slot";
   const parentNodeId = (parentVNode == null ? void 0 : parentVNode.$elm$) ? parentVNode.$elm$["s-id"] || parentVNode.$elm$.getAttribute("s-id") : "";
-  if (shadowRootNodes) {
-    const slot = childVNode.$elm$ = doc.createElement(childVNode.$tag$);
+  if (shadowRootNodes && win.document) {
+    const slot = childVNode.$elm$ = win.document.createElement(childVNode.$tag$);
     if (childVNode.$name$) {
       childVNode.$elm$.setAttribute("name", slotName);
     }
@@ -1275,7 +1275,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
   var _a;
   const scopeId2 = getScopeId(cmpMeta);
   const style = styles$1.get(scopeId2);
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
+  if (!win.document) {
+    return scopeId2;
+  }
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
   if (style) {
     if (typeof style === "string") {
       styleContainerNode = styleContainerNode.head || styleContainerNode;
@@ -1288,9 +1291,9 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
         if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
           styleElm.innerHTML = style;
         } else {
-          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
+          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || win.document.createElement("style");
           styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
@@ -1540,7 +1543,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     }
   }
   if (newVNode2.$text$ !== null) {
-    elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
+    elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
   } else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
     elm = newVNode2.$elm$ = slotReferenceDebugNode(newVNode2) ;
     {
@@ -1550,7 +1553,12 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     if (!isSvgMode) {
       isSvgMode = newVNode2.$tag$ === "svg";
     }
-    elm = newVNode2.$elm$ = doc.createElementNS(
+    if (!win.document) {
+      throw new Error(
+        "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
+      );
+    }
+    elm = newVNode2.$elm$ = win.document.createElementNS(
       isSvgMode ? SVG_NS : HTML_NS,
       !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
     ) ;
@@ -1932,7 +1940,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
       markSlotContentForRelocation(rootVnode.$elm$);
       for (const relocateData of relocateNodes) {
         const nodeToRelocate = relocateData.$nodeToRelocate$;
-        if (!nodeToRelocate["s-ol"]) {
+        if (!nodeToRelocate["s-ol"] && win.document) {
           const orgLocationNode = originalLocationDebugNode(nodeToRelocate) ;
           orgLocationNode["s-nr"] = nodeToRelocate;
           insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
@@ -1976,12 +1984,18 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   }
   contentRef = void 0;
 };
-var slotReferenceDebugNode = (slotVNode) => doc.createComment(
-  `<slot${slotVNode.$name$ ? ' name="' + slotVNode.$name$ + '"' : ""}> (host=${hostTagName.toLowerCase()})`
-);
-var originalLocationDebugNode = (nodeToRelocate) => doc.createComment(
-  `org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
-);
+var slotReferenceDebugNode = (slotVNode) => {
+  var _a;
+  return (_a = win.document) == null ? void 0 : _a.createComment(
+    `<slot${slotVNode.$name$ ? ' name="' + slotVNode.$name$ + '"' : ""}> (host=${hostTagName.toLowerCase()})`
+  );
+};
+var originalLocationDebugNode = (nodeToRelocate) => {
+  var _a;
+  return (_a = win.document) == null ? void 0 : _a.createComment(
+    `org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
+  );
+};
 
 // src/runtime/update-component.ts
 var attachToAncestor = (hostRef, ancestorComponent) => {
@@ -2178,7 +2192,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
   if (!hostRef) {
     throw new Error(
-      `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
+      `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
     );
   }
   const elm = hostRef.$hostElement$ ;
@@ -2482,16 +2496,19 @@ var connectedCallback = (elm) => {
   }
 };
 var setContentReference = (elm) => {
-  const contentRefElm = elm["s-cr"] = doc.createComment(
+  if (!win.document) {
+    return;
+  }
+  const contentRefElm = elm["s-cr"] = win.document.createComment(
     ""
   );
   contentRefElm["s-cn"] = true;
   insertBefore(elm, contentRefElm, elm.firstChild);
 };
 var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
-  if (listeners) {
+  if (listeners && win.document) {
     listeners.map(([flags, name, method]) => {
-      const target = getHostListenerTarget(elm, flags) ;
+      const target = getHostListenerTarget(win.document, elm, flags) ;
       const handler = hostListenerProxy(hostRef, method);
       const opts = hostListenerOpts(flags);
       plt.ael(target, name, handler, opts);
@@ -2513,20 +2530,24 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
     consoleError(e, hostRef.$hostElement$);
   }
 };
-var getHostListenerTarget = (elm, flags) => {
-  if (flags & 4 /* TargetDocument */) return doc;
-  if (flags & 8 /* TargetWindow */) return win;
+var getHostListenerTarget = (doc, elm, flags) => {
+  if (flags & 4 /* TargetDocument */) {
+    return doc;
+  }
+  if (flags & 8 /* TargetWindow */) {
+    return win;
+  }
   return elm;
 };
 var hostListenerOpts = (flags) => (flags & 2 /* Capture */) !== 0;
 
 // src/runtime/vdom/vdom-annotations.ts
-var insertVdomAnnotations = (doc2, staticComponents) => {
-  if (doc2 != null) {
-    const docData = STENCIL_DOC_DATA in doc2 ? doc2[STENCIL_DOC_DATA] : { ...DEFAULT_DOC_DATA };
+var insertVdomAnnotations = (doc, staticComponents) => {
+  if (doc != null) {
+    const docData = STENCIL_DOC_DATA in doc ? doc[STENCIL_DOC_DATA] : { ...DEFAULT_DOC_DATA };
     docData.staticComponents = new Set(staticComponents);
     const orgLocationNodes = [];
-    parseVNodeAnnotations(doc2, doc2.body, docData, orgLocationNodes);
+    parseVNodeAnnotations(doc, doc.body, docData, orgLocationNodes);
     orgLocationNodes.forEach((orgLocationNode) => {
       var _a;
       if (orgLocationNode != null && orgLocationNode["s-nr"]) {
@@ -2552,11 +2573,11 @@ var insertVdomAnnotations = (doc2, staticComponents) => {
                 return;
               }
             }
-            const commentBeforeTextNode = doc2.createComment(childId);
+            const commentBeforeTextNode = doc.createComment(childId);
             commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;
             insertBefore(nodeRef.parentNode, commentBeforeTextNode, nodeRef);
           } else if (nodeRef.nodeType === 8 /* CommentNode */) {
-            const commentBeforeTextNode = doc2.createComment(childId);
+            const commentBeforeTextNode = doc.createComment(childId);
             commentBeforeTextNode.nodeValue = `${COMMENT_NODE_ID}.${childId}`;
             nodeRef.parentNode.insertBefore(commentBeforeTextNode, nodeRef);
           }
@@ -2575,7 +2596,7 @@ var insertVdomAnnotations = (doc2, staticComponents) => {
     });
   }
 };
-var parseVNodeAnnotations = (doc2, node, docData, orgLocationNodes) => {
+var parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {
   var _a;
   if (node == null) {
     return;
@@ -2591,13 +2612,13 @@ var parseVNodeAnnotations = (doc2, node, docData, orgLocationNodes) => {
         const cmpData = {
           nodeIds: 0
         };
-        insertVNodeAnnotations(doc2, childNode, hostRef.$vnode$, docData, cmpData);
+        insertVNodeAnnotations(doc, childNode, hostRef.$vnode$, docData, cmpData);
       }
-      parseVNodeAnnotations(doc2, childNode, docData, orgLocationNodes);
+      parseVNodeAnnotations(doc, childNode, docData, orgLocationNodes);
     });
   }
 };
-var insertVNodeAnnotations = (doc2, hostElm, vnode, docData, cmpData) => {
+var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
   if (vnode != null) {
     const hostId = ++docData.hostIds;
     hostElm.setAttribute(HYDRATE_ID, hostId);
@@ -2607,7 +2628,7 @@ var insertVNodeAnnotations = (doc2, hostElm, vnode, docData, cmpData) => {
     if (vnode.$children$ != null) {
       const depth = 0;
       vnode.$children$.forEach((vnodeChild, index) => {
-        insertChildVNodeAnnotations(doc2, vnodeChild, cmpData, hostId, depth, index);
+        insertChildVNodeAnnotations(doc, vnodeChild, cmpData, hostId, depth, index);
       });
     }
     if (hostElm && vnode && vnode.$elm$ && !hostElm.hasAttribute(HYDRATE_CHILD_ID)) {
@@ -2628,7 +2649,7 @@ var insertVNodeAnnotations = (doc2, hostElm, vnode, docData, cmpData) => {
     }
   }
 };
-var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, index) => {
+var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, index) => {
   const childElm = vnodeChild.$elm$;
   if (childElm == null) {
     return;
@@ -2647,7 +2668,7 @@ var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, ind
     const nodeName = parentNode == null ? void 0 : parentNode.nodeName;
     if (nodeName !== "STYLE" && nodeName !== "SCRIPT") {
       const textNodeId = `${TEXT_NODE_ID}.${childId}`;
-      const commentBeforeTextNode = doc2.createComment(textNodeId);
+      const commentBeforeTextNode = doc.createComment(textNodeId);
       insertBefore(parentNode, commentBeforeTextNode, childElm);
     }
   } else if (childElm.nodeType === 8 /* CommentNode */) {
@@ -2660,7 +2681,7 @@ var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, ind
   if (vnodeChild.$children$ != null) {
     const childDepth = depth + 1;
     vnodeChild.$children$.forEach((vnode, index2) => {
-      insertChildVNodeAnnotations(doc2, vnode, cmpData, hostId, childDepth, index2);
+      insertChildVNodeAnnotations(doc, vnode, cmpData, hostId, childDepth, index2);
     });
   }
 };
@@ -2876,7 +2897,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
       return elm;
     };
     tmrId = globalThis.setTimeout(timeoutExceeded, opts.timeout);
-    plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./", doc.baseURI).href;
+    plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./", win2.document.baseURI).href;
     patchChild2(win2.document.body);
     waitLoop2().then(hydratedComplete).catch(hydratedError);
   } catch (e) {
@@ -3083,7 +3104,6 @@ var registerComponents = (Cstrs) => {
   }
 };
 var win = window;
-var doc = win.document;
 var writeTask = (cb) => {
   nextTick$1(() => {
     try {
@@ -3200,7 +3220,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: '5dfd9bd1e074c5e152bb8b67bbd3216dbe08b5d1', class: `${accordionLight} ${accordionSmall} ${accordionLightSeparator}`, open: this.isOpen }, hAsync("summary", { key: 'be8fff938191f7112143a9928f28202b45e5a377', class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: '253c0debc2837ccfe6573d9f36791e40b0f9b361', class: accordionLightHeader }, hAsync("slot", { key: 'ebb099f4fe878cec4f97b09688cacb17f646a1d0', name: "icon-left" }), hAsync("slot", { key: '81e22cac92b09cdaf687b557a76ffd31c27edc48', name: "header" }), hAsync("road-icon", { key: '1bebaad71a85ccb2eb284aba75f400b0590b96dc', class: "accordion-arrow", icon: navigationChevron }))), hAsync("div", { key: '0c96a49083f58ab903fd521692e5b2460429a2fa', class: accordionLightContent }, hAsync("slot", { key: '680fd216f2dc62cd2bd711f3ae3ade6dfe40262f' }))));
+        return (hAsync("details", { key: 'a3469eb6d8aef3b880677284c59e69eb62f205e8', class: `${accordionLight} ${accordionSmall} ${accordionLightSeparator}`, open: this.isOpen }, hAsync("summary", { key: 'b0c18225580028ad00098aa494a29b2c956b7561', class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'a066d273354e022c095978edeae2040eddb75804', class: accordionLightHeader }, hAsync("slot", { key: '13056e6babf83f00ebfd538aa79a9fae24ab344f', name: "icon-left" }), hAsync("slot", { key: '7f54051ce9e12dc9ef8e30f7262096a1248d19bb', name: "header" }), hAsync("road-icon", { key: '4161743fdea3953e151525481a338c7a87edd159', class: "accordion-arrow", icon: navigationChevron }))), hAsync("div", { key: '42f14c07ceabf357f4042207e35f828e782aefbc', class: accordionLightContent }, hAsync("slot", { key: 'c0e67f0215366eb9e129b341f02ff88a5c019b43' }))));
     }
     static get style() { return RoadAccordionStyle0; }
     static get cmpMeta() { return {
@@ -3235,7 +3255,7 @@ class Alert {
     }
     render() {
         const colorClass = this.color !== undefined ? `alert-${this.color}` : '';
-        return (hAsync(Host, { key: 'a9159f4c06f73f5c8cb4b9db0c30c4f50b3d5d0e', class: colorClass, role: "alert" }, hAsync("div", { key: 'b0c2bb711914eb8d61fac963cc63d86216c69d75', class: "alert-icon" }, hAsync("slot", { key: '7c7c83a74c26b84cef5e6a6c488cc16bf38da79c', name: "icon" })), hAsync("div", { key: '934de5b3ca1c562712b7814b7618a8e7cfd4bcfa' }, this.label && hAsync("span", { key: '2424329dc98cb46b4a8f54fea9cb051f427bc77c', class: "alert-title d-block" }, this.label), hAsync("p", { key: '791c3065998fcc8ee1e14d8315e490b511573779', class: "alert-description" }, hAsync("slot", { key: 'af35688df52ad5c2da3066b3b85b93560a467a7a' }), this.link && hAsync("a", { key: 'f4ca413fe5b3a7f8a7cb7bf29d107b5ce5be5a7b', href: this.url, class: "alert-link link link-default" }, this.link)))));
+        return (hAsync(Host, { key: 'b654cd8f516e47f8a6c0e7a1a4bfd9cae09076e0', class: colorClass, role: "alert" }, hAsync("div", { key: '280b009d269a3dd510bcfabf8f4d7e5eb61cda80', class: "alert-icon" }, hAsync("slot", { key: '17d81df60b117ab8b246d9b73c832954ec7296d1', name: "icon" })), hAsync("div", { key: '46f8799b8b2ef9e525a4d7f00b5c53ddd98fe4d1' }, this.label && hAsync("span", { key: '900b5b9f095356d008fb2bae5c03cc28eb828a8a', class: "alert-title d-block" }, this.label), hAsync("p", { key: 'c65304f2cb7c7109350f3265a88a507ff84bb0c8', class: "alert-description" }, hAsync("slot", { key: '3f34a35e3bbfd3a2fe96531e9d7a0cfd00df7b74' }), this.link && hAsync("a", { key: '4149db714ea2fc13148d1e44d6e0dd9cc73dee45', href: this.url, class: "alert-link link link-default" }, this.link)))));
     }
     static get style() { return RoadAlertStyle0; }
     static get cmpMeta() { return {
@@ -3334,7 +3354,7 @@ class Asset {
         }
     }
     render() {
-        return (hAsync(Host, { key: '7bd32a7dfe1578a37cc8bec3bb04b7c4c258428f', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
+        return (hAsync(Host, { key: '64331c0cd4f5a805be16cd746dfe78d7eeea118e', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
             ? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
             : hAsync("div", { class: "icon-inner" }))));
     }
@@ -3404,8 +3424,8 @@ class Autocomplete {
         }
     }
     render() {
-        return (hAsync(Host, { key: '1190e7f212f77cab6afc109e7e0f3084b8efebd8' }, hAsync("slot", { key: '11a27dffa99da856e71fc1442ccec3ed27536371' }), this.visible && this.options.length > 0 &&
-            hAsync("ul", { key: 'ab204b0678947e284f9dab05abee5839a48177e5', 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: '46eeec7665a075a37025173b3a86f42e9263c835' }, hAsync("slot", { key: 'f3513033a2e4a3e22d30218c47e1eed0e2e7bc94' }), this.visible && this.options.length > 0 &&
+            hAsync("ul", { key: '1527ef97b9885082769751a9b5aaf254df54d94b', 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; }
@@ -3438,7 +3458,7 @@ class Avatar {
     }
     render() {
         const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
-        return (hAsync(Host, { key: '5c915dcd64e3ada9d5a7eb62a7a07a158f89219b', class: `${sizeClass}` }, hAsync("slot", { key: 'ac0d3803d3f176d97849f9f7d928c2dbb81fae51' })));
+        return (hAsync(Host, { key: '6f57ba54014a8220d4262e0fd61dd807ed09f5e2', class: `${sizeClass}` }, hAsync("slot", { key: '3152a4be46b7d1d68df32861f690ae7bf5cf1c37' })));
     }
     static get style() { return RoadAvatarStyle0; }
     static get cmpMeta() { return {
@@ -3474,7 +3494,7 @@ class Badge {
     render() {
         const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
         const bubbleClass = this.bubble ? 'badge-bubble' : '';
-        return (hAsync(Host, { key: 'c085e73938935fe52d13fceb33b22d9c44b6c829', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: '5566674acd833574833859a1028f8e5c0115fec3' })));
+        return (hAsync(Host, { key: '16742c39b5260aadf2da3067ce5a2812fe4c462f', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: 'd989a2f2bcdd588fc483b71e8d630387997deb95' })));
     }
     static get style() { return RoadBadgeStyle0; }
     static get cmpMeta() { return {
@@ -3523,7 +3543,7 @@ class Banner {
     }
     render() {
         const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
-        return (hAsync(Host, { key: 'a105c1e00351a2de524ed8a3bb0a94fcaab6d8d9', class: bannerIsOpenClass }, hAsync("div", { key: '26493928b8e6e51d927e38d879c024bd7e590507' }, hAsync("span", { key: '4287fb8d8ed84413b49970548198e8f643dafca3', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: '67415dff1ff70f6c886ed93d7b635cc1d8d8074d', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: 'b06a373777f426c731181a892ec496a253b2bb0c', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: '389f8c2e47ee9bd3e8c7008ca19c7e1bd3684bca', icon: navigationClose, size: "md" })))));
+        return (hAsync(Host, { key: '3b26ce08382bc4c226be95bce24f45f10727bc3a', class: bannerIsOpenClass }, hAsync("div", { key: '30438032a71d86cc054ed048c4362f891dd958f5' }, hAsync("span", { key: 'be69b7116ff47b43490534d86428f1c38f98259b', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: 'b8ff1de1d13dbc06f64a7378b1d959d2c80546c5', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: '35a63144540b01d7eb148970d1cb872cc3c499af', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: '89043091f5e7503601584b59403f0addb8287eb9', icon: navigationClose, size: "md" })))));
     }
     static get style() { return RoadBannerStyle0; }
     static get cmpMeta() { return {
@@ -3629,7 +3649,7 @@ class Button$1 {
         const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
         const expandClass = this.expand ? 'btn-block' : '';
         const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
-        return (hAsync(Host, { key: 'af1060675e8534aefd6d5134138847b7790bba63', class: [colorClass, sizeClass, expandClass, iconOnlyClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: '457a74ceff7d063c0a2985cc12f500e592651bea' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: 'edade00401e1d7e9586fd40bb8c2efee152d987f', name: "start" }), hAsync("slot", { key: '41cd32239226d06c83396c50cc735450c9f8533a' }), hAsync("slot", { key: '6f9ee102c873ef0d37145ca8e8b220ca9ed7b83e', name: "end" }))));
+        return (hAsync(Host, { key: '57327cf5e013e564975f2d89f0e58b8b616e714b', class: [colorClass, sizeClass, expandClass, iconOnlyClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: '58e517e5e47714f0de398ab5fb98b7499b1da2d3' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: '06e5d39c87cd40a4cb419125bb486f8d54afaf9f', name: "start" }), hAsync("slot", { key: 'cf7b775a0a57bfb3f6bba1128a6462e2c7d02c07' }), hAsync("slot", { key: 'd04aa7d04dc9d3d22d912aed80ea163be3fa3a3f', name: "end" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadButtonStyle0; }
@@ -3714,7 +3734,7 @@ class Button {
     render() {
         const TagType = this.href === undefined ? 'button' : 'a';
         const positionClass = this.position !== undefined ? `position-${this.position}` : '';
-        return (hAsync(Host, { key: '714875bbaa8a85637fbf2929f08c58c8093b31ee', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: 'da35eeb26bcb6657719ae0e52462ec6026a19dcb', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: '9d35eae8e28e447ebc523af1dd4701751ec418f4', name: "start" }), hAsync("slot", { key: 'e2a88b355c5e21c45e10b39b6d3d69ec853e373d' }))));
+        return (hAsync(Host, { key: 'ffb60871f5d27b54ec48f9ba8e699960e5edf16d', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: 'd62ca1111a2bce02e942e91fd867470974269cee', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: 'd0b29a5717d1386f8dc145b945b79994e36e039e', name: "start" }), hAsync("slot", { key: '9db183b8b6533b7bc091364033f167b2d0b7004b' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadButtonFloatingStyle0; }
@@ -3759,7 +3779,7 @@ class ButtonBar {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '01e10de21adf47d551a566458db121eaf08b21d1', role: "tablist" }, hAsync("slot", { key: 'ec1d192d52d23a59fb5123a267e03386773ad733' })));
+        return (hAsync(Host, { key: 'cbe94587012819876109399d72bb1715ac334a9f', role: "tablist" }, hAsync("slot", { key: 'a1ba2feec5c649ea44f6b534a10a18fc738fede5' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -3842,7 +3862,7 @@ class Card {
     render() {
         const { elevation } = this;
         const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
-        return (hAsync(Host, { key: 'f594ba577e5c19d00c2c432adad6dbaeefd59842', class: `${elevationClass}` }, this.renderCard()));
+        return (hAsync(Host, { key: '4b33b971a83bdc61a6f263d0d875fc4ce001b1e2', class: `${elevationClass}` }, this.renderCard()));
     }
     get el() { return getElement(this); }
     static get style() { return RoadCardStyle0; }
@@ -10589,7 +10609,7 @@ class Carousel {
         });
     }
     render() {
-        return (hAsync(Host, { key: '12d20aa19b79d9b2d6855d017d4fffa28ff74b61', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: '98ff26cd243639a40595efb8dea2d330e9a684f1', class: "swiper-wrapper" }, hAsync("slot", { key: '59aaac8ad2dd781c0ede00da3993794e0f63f58f' })), this.pager && hAsync("div", { key: '72f5f87a15ac2e4c42bb4c484a15d77e1d7cec16', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { key: 'cadd28effeb7c1987c325eaa4beaf3188c180895', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: '3bfa233b7f6c5aabc16390e123daccef0f3f1a7e', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: '34277c5651b1e5c65248611bb3727a58eeb700b6', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: 'ff2290ec9b480991d62d5b88c4cdd0f249a9b951', icon: navigationChevron })))));
+        return (hAsync(Host, { key: 'bd56a3d4295733f9ccd9d44178b71fdf8d6faf80', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: 'c0f8061060089cce5cfd4e1a73dc6d139ca5882f', class: "swiper-wrapper" }, hAsync("slot", { key: 'b21ada18d0c456767d540ccd59e5c1cce00e9fa2' })), this.pager && hAsync("div", { key: 'ed3e6e57cb5ff73b4ab3990d3e6ad307f8487451', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { key: '891f70fa003492b46bf2426b772a2a6c4a72cf45', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: 'd6dc350a2f30a0bb74152755d410edf19f3dc87c', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: '6248c621551d1a972b6448135b98353b493f7b50', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: '20d0af76b9d2486f122835ad5bd125edc06777ae', icon: navigationChevron })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -10640,10 +10660,10 @@ class CarouselItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '4b574d9c139a643842cc7230c9ce080104c57c2d', class: {
+        return (hAsync(Host, { key: 'ad1fcbb1419b1ca05ddfbd0d398c5fc2a7b4e55c', class: {
                 'swiper-slide': true,
                 'swiper-zoom-container': true,
-            } }, hAsync("slot", { key: 'a6af18ea8d00e1f3e501516977317433d51f8feb' })));
+            } }, hAsync("slot", { key: 'e38a514a6965db10c79e5ece9ef7bbc273a32fe7' })));
     }
     static get style() { return RoadCarouselItemStyle0; }
     static get cmpMeta() { return {
@@ -10734,7 +10754,7 @@ class Checkbox {
         const labelId = this.checkboxId + '-label';
         const inverseClass = this.inverse && 'form-checkbox-inverse';
         const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: '2900882e946a25b7fb69cf45e5211b559ed03c77' }, hAsync("input", { key: 'ce081678667ca8fb37eef85c2ee69b9aac06ed48', 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: '75164824c0a129f8106becd1df35bbb293f9af3f', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: '4e7cd382339733539b9403b1a58d3477063b1a11' }, this.label, " ", hAsync("span", { key: 'b52a4d81d792f2d06af5d283511484f630f6b845', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: '0710169a5ed9feab6608247b8c90a37e3fe86d82' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: '9c33b58158bb134d7f08dcc598c21187865975f4', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: '742c4683a4e71dee6fd8b932f04f8ec11c2f1569', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: '560efd0976ed62d8f6f5826f695960355c0fc047', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '66ddbda01bfd218f64d0086bcf77d7fce9e8edba', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: 'f16e29d51017bee1efb9600331cf9ecadc81b8ef' }, hAsync("input", { key: 'b0323e72a41252b61165cef98ec0d4018e05c0c6', 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: 'f707e5f80448890998b3f17024dcdaa8440f1676', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: 'd114ab8b878a19b3abbf81a09b2e5d5d8b42a74d' }, this.label, " ", hAsync("span", { key: '6999e86aa34752d5a583143ca797c4fcde6ec123', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: '4a3e284226fd18ecc87f2f3a749de8caf31a5da1' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: '2bb4df593e57edba39acbb171dd807bde34ab286', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: '48f0661a7810dfe8e3f32d4fefe2eafac0c294ec', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: '9ee03128a2f23fd6bebcc60e9ae73f2035bd9b25', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '0a4d6d19679549b2fa006129a9319c1106ac7d85', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -10792,7 +10812,7 @@ class Chip {
     }
     render() {
         const outlineClass = this.outline ? 'chip-outline' : '';
-        return (hAsync(Host, { key: '681edc23f865bf60ce355ce37152b4a85edb90ad', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '2b3dcb2ed46f72c020cc84a00c5fbde0dbac2175', class: "chip-description" }, hAsync("slot", { key: '759517fe266c8829490d7a4727e54aca6d8de499' })), this.hasCloseIcon && hAsync("road-icon", { key: 'b15b57aeba510b2517a7428996d04ab4c6e289c1', class: "chip-close", icon: navigationClose })));
+        return (hAsync(Host, { key: '6984fe20341a84195a6e855b242f9d4b52a90448', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '27080c8b8a87a10b8943aea1563da0174a0405aa', class: "chip-description" }, hAsync("slot", { key: 'dc915b09d73c31b40447a25e99c9c8e2cb490932' })), this.hasCloseIcon && hAsync("road-icon", { key: 'fb6e297f93e7d2a71f34e51c77eafc57391080e2', class: "chip-close", icon: navigationClose })));
     }
     static get style() { return RoadChipStyle0; }
     static get cmpMeta() { return {
@@ -10821,7 +10841,7 @@ class Col {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '308e7274e937ddf050ee09e50c6433bdc2be1060' }));
+        return (hAsync("slot", { key: '31d1c2466605d958b1e09d2a3560df534e27fcfb' }));
     }
     static get style() { return RoadColStyle0; }
     static get cmpMeta() { return {
@@ -10871,7 +10891,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: '14a791a1c44b2663271a3bff558a7874e2ee7caf' }, hAsync("slot", { key: '780b75654bbefe7c986278f5fb75447f5c7a0f6c' }), hAsync("div", { key: 'ba98306a26a5b6c67b3eabb835769b0fb862eca8', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: '6ea2468b850e40a410c005e51f322f39598ecacf', name: "collapsed-content" })), hAsync("div", { key: 'ed36590ccd709ed7f81d3ddfa380759ff42d5415', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: 'ea9016fe892bba735684797c3889fb4322e4d078', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
+        return (hAsync(Host, { key: '6e386b6d38d82a531552aa51a75c1936aa648086' }, hAsync("slot", { key: '4f2a6c4da34fb988a2502c42e84cf04e2ff8b3d9' }), hAsync("div", { key: 'd526b164e59b383060181b421348bf841ebfc87b', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: 'b9f02396aa6b7599bda288ef90eaf86bf6840be4', name: "collapsed-content" })), hAsync("div", { key: 'f8295bbd155c7516b0fdd3e2a58ccd4b5188844b', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: 'e93ff7cbb3038bf93fc47467708485edec2c9a13', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
     }
     static get style() { return RoadCollapseStyle0; }
     static get cmpMeta() { return {
@@ -10908,7 +10928,7 @@ class ContentCard {
     }
     render() {
         const insetImageClass = this.insetImage ? '' : 'content-card-image';
-        return (hAsync(Host, { key: '1147605af36c9f79e54ae7b182b52aa0736963f0' }, hAsync("road-img", { key: 'cb4ff05f845db0f9a3f01e949dd93f4a9a993be9', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: 'ec567c8b5e0103207b47ff484e0f608ff8cba29d', class: "content-card-description" }, hAsync("road-label", { key: 'bd9eb292c2445fc6afe152a44c878df738a792bc', class: "content-card-description-title" }, hAsync("slot", { key: '9fb8fdd424a012464aceaf41a20fb74e324f9c8a', name: "label" })), hAsync("p", { key: 'abecf2b08cddda78f82294fabaef2702cc0c00a0', class: "content-card-description-text" }, hAsync("slot", { key: '63bc318398385452c8cb85898c4544e15ffadfc5', name: "description" })), hAsync("div", { key: 'd8a906c86171dd2e26ea79711d39b6b7afd7538b', class: "content-card-description-buttons" }, hAsync("slot", { key: 'cfd898fa6b9c4c4810bf79ecbcd3ab1150d87248' })))));
+        return (hAsync(Host, { key: 'e053ef7978db53d7fecd4628ccc4e5708e128e93' }, hAsync("road-img", { key: 'bb7b363f08ada6385b0744da1b145d8c190ef309', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: '70143643e05373e3230aab8a151d7f6986a2c6ef', class: "content-card-description" }, hAsync("road-label", { key: '4dbf374d7fee075b782af68e3627a6fedaf69cb2', class: "content-card-description-title" }, hAsync("slot", { key: '1f70c536151777a0ce5a002c2054306123bcf2ec', name: "label" })), hAsync("p", { key: 'e62f439d92a7ca6a406ab2fcdc5501488613872c', class: "content-card-description-text" }, hAsync("slot", { key: '42bbeb6043724fa897ae49c453f5339ea893fcfc', name: "description" })), hAsync("div", { key: '971bad2a897bce4a4180db88d8a7f0abacd23aee', class: "content-card-description-buttons" }, hAsync("slot", { key: '7c33368ae9c3a748d52b03dbf52fe40e7c738562' })))));
     }
     static get style() { return RoadContentCardStyle0; }
     static get cmpMeta() { return {
@@ -11068,7 +11088,7 @@ class Counter {
     }
     render() {
         const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
-        return (hAsync("road-input-group", { key: '9788fb977d6d1845e313f9ff17f46a1d271f1c5c', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: '0e2a85ce7df51ce14ae1bc0dc7ddb21141a1f94f', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { key: '6414369e4329b90537394b3fef4bd000e71689df', 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: '13acb066bab081e639d83967958ae36b91130fd9', 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: '632246976539191f43e7385c520da19cd1533bcc', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { key: 'b1a5a2e8307845e3223675df7e74bda5345278ce', name: "navigation-add-more", size: this.size, role: "button" }))));
+        return (hAsync("road-input-group", { key: '8c5c49f3a335f5becc5b1c67823b3bede8847d7b', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: 'b31f4ea302a78333283578875bfe488891da73e9', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { key: '1b18e482d8cc3d2975c9cf3c52a42f3ae4660238', 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: '01475e769b04aa4080be3e24cf1f16d1651bb5a1', 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: '4a27e374ce3cee4d1c47a5f921af4b2e2d6fbc53', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { key: '3a53a84956795e8576a3e4ba240a17f074d96575', name: "navigation-add-more", size: this.size, role: "button" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11184,11 +11204,11 @@ class Dialog {
                     break;
             }
         }
-        return (hAsync(Host, { key: '3465e538f455551bde4db1437227629c9213a46c', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'fe31279bd4aae80ae1586c14b51a04aba28e2dbe', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: 'ad714da72adfb492697a73ba033c70bfcbb1d091', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: '6ff9262b2e039293e234db9361e73a8b5d598e4e', class: "dialog-content" }, hAsync("header", { key: '13139e9a4d2c92b3b0a5bc025eea15595d8674d0', class: "dialog-header" }, this.hasCloseIcon
+        return (hAsync(Host, { key: '2c8db56b9961b0344f525d832351583ddcfbf3b2', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'c931f46217f533acf46f70968fe04319f639f7ad', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: '0b141dde632d78b058263431af0f5d4470f267c5', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: '78ed93fb9251f925bc0f33e43961bd4a656777ab', class: "dialog-content" }, hAsync("header", { key: '5e4bfdd20864ff18f8352536f918d801d338a9d5', 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: '3c8d582ce22773ffad9d03d4ab52b6a40ca19996', class: "dialog-body" }, this.color !== undefined
+            : ''), hAsync("div", { key: '787c2b4a2791f0098424159f1a1f1462973d7f88', 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: '401ee0317d7d2cfac6c4d7d2ebd46b475f99d355', class: "dialog-title" }, this.label), hAsync("p", { key: 'b52bd3f886a333ce07e5cabe68fe83eb1a878ae2', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: '0721ff75a034cb0338817fef637d5d7b7f6ab119', class: "dialog-footer" }, hAsync("slot", { key: '5037401bf6b06c9f37ee24a996857101d8f6fd9f' }))))));
+            : '', hAsync("h2", { key: '3445750e2edadb33dc2219b72642ff0209b3c1c6', class: "dialog-title" }, this.label), hAsync("p", { key: 'db5324827d724d10a38cb7187dc717fa74a57cc7', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: '59ba58e5ab179d493b21f6a2d42b8bc5e4bb04d3', class: "dialog-footer" }, hAsync("slot", { key: 'c4e5b3236e31f94bf0d08c00f4c21161b3d09969' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDialogStyle0; }
@@ -11211,7 +11231,7 @@ class Dialog {
     }; }
 }
 
-const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;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;height:3.5rem;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-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;height:3.5rem;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;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto}: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-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";
+const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;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;height:3.5rem;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-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;height:3.5rem;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;height:3.5rem;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)}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";
 var RoadDrawerStyle0 = drawerCss;
 
 /**
@@ -11233,6 +11253,10 @@ class Drawer {
          * Set isOpen property to true to open the drawer
          */
         this.isOpen = false;
+        /**
+       * Set removePadding property to true to remove padding for drawer body
+       */
+        this.removePadding = false;
         /**
          * position of the drawer. e.g. left, right, bottom
          */
@@ -11338,21 +11362,19 @@ class Drawer {
             item.addEventListener('click', () => this.close());
         });
     }
-    hasFooterContent() {
-        const footerSlot = this.el.querySelector('[slot="footer"]');
-        return footerSlot !== null && footerSlot.childElementCount > 0;
-    }
     render() {
+        var _a, _b, _c;
         const drawerIsOpenClass = this.isOpen ? 'drawer-open' : '';
+        const removePaddingClass = this.removePadding ? 'remove-padding' : '';
         const inverseHeaderClass = this.hasInverseHeader ? 'drawer-header-inverse' : '';
-        const ariaLabel = this.ariaLabel !== undefined ? this.ariaLabel : 'drawer';
-        const ariaLabelBack = this.ariaLabelBack !== undefined ? this.ariaLabelBack : 'Back';
-        const ariaLabelClose = this.ariaLabelClose !== undefined ? this.ariaLabelClose : 'Close';
-        const drawerDelimiterClass = this.drawerTitle !== undefined && !this.hasInverseHeader ? 'drawer-delimiter' : '';
-        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) : '';
-        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" })) : '';
-        const drawerWidthValue = this.position === 'bottom' ? '100%' : this.drawerWidth + 'px';
-        return (hAsync(Host, { key: '47d12bf416475585e23fddd9591cf1a8a66fd0bd', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": `${ariaLabel}` }, hAsync("div", { key: 'd64e193d6213f2e388a0a253d55234915c31755e', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '8f73b51b376e8ba6a44e8b5af656624bfa289afe', class: "drawer-dialog", style: { maxWidth: `${drawerWidthValue}` }, role: "document", tabindex: "0" }, hAsync("div", { key: '773eb657e7f7e6d423285f17802e9499a179612c', class: "drawer-content" }, hAsync("header", { key: '04f9e18665ee976b9d0b9c2c9282e3addfd92ae1', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle !== undefined ? hAsync("h2", { class: "drawer-title" }, this.drawerTitle) : hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" })), closeIconElement), hAsync("div", { key: '90a47e8b7fa5361363190b7a5946da2e87ffe0ec', class: "drawer-body" }, hAsync("slot", { key: '4d7b90fb5ef99d26b0669c52252c7b7d4202bddd' })), this.hasFooterContent() && (hAsync("footer", { key: '7a5b36eba655b67ef06edd3880d77c0c626e2817', class: "drawer-footer" }, hAsync("slot", { key: '10ffad4c9b4d5498768086e18731e2825681ee5f', name: "footer" })))))));
+        const ariaLabel = (_a = this.ariaLabel) !== null && _a !== void 0 ? _a : 'drawer';
+        const ariaLabelBack = (_b = this.ariaLabelBack) !== null && _b !== void 0 ? _b : 'Back';
+        const ariaLabelClose = (_c = this.ariaLabelClose) !== null && _c !== void 0 ? _c : 'Close';
+        const drawerDelimiterClass = this.drawerTitle && !this.hasInverseHeader ? 'drawer-delimiter' : '';
+        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: 'd9a65c4b3b7943dc6cdfa4daba84533e718a38a2', class: `${drawerIsOpenClass}  drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'cdd0a950c739328870c8e723a6daf69c8077e7ae', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'b23bff3a5d546f27c8286ee4b94b27813375a65e', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '71440a2eee17b35266a64468e0de497e96f90553', class: "drawer-content" }, hAsync("header", { key: '6c351edec21172afa7ddef62d6b3043becebde35', 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: '81298d6f43743beacc945c15db1f645f23ba87b1', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: 'b9ecd6bad23c1707c4204084170f54d1944b2d78' })), hAsync("footer", { key: '21f03c9d7b70b62892f088c026e5df0b255e5d4e', class: "drawer-footer" }, hAsync("slot", { key: 'aa1ff90c55ff00b99733c2955542f0a173cd6f2b', name: "footer" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11364,6 +11386,7 @@ class Drawer {
         "$tagName$": "road-drawer",
         "$members$": {
             "isOpen": [1028, "is-open"],
+            "removePadding": [1028, "remove-padding"],
             "position": [1],
             "drawerWidth": [2, "drawer-width"],
             "hasInverseHeader": [4, "has-inverse-header"],
@@ -11384,7 +11407,7 @@ class Drawer {
     }; }
 }
 
-const dropdownCss = ":host{--margin-top:0.5rem;display:block;width:max-content}.dropdown{position:relative;font-family:var(--road-font)}.dropdown summary{display:block;background-color:var(--road-surface);border-radius:0.25rem}.dropdown summary:focus,.dropdown summary.focus-visible,.dropdown summary:focus-within{background:var(--road-surface-inverse)}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-medium-button{width:2.5rem;height:2.5rem}.position-right{display:flex;justify-content:flex-end}.bg-white{background:var(--road-grey-000)}.dropdown-button-icon{width:2.5rem;height:2.5rem}.dropdown-medium-button .dropdown-button-icon{width:1.75rem;height:1.75rem}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:auto;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;z-index:1;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}.dropdown-left{left:0}.dropdown-right{right:0}.dropdown-item{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none}.dropdown-item-border{border-color:var(--road-outline-weak);border-bottom:1px solid}.dropdown-item:hover{background:var(--road-surface-inverse)}.dropdown-item.focus-visible{outline:auto}";
+const dropdownCss = ":host{--margin-top:0.5rem;display:block;width:max-content}.dropdown{position:relative;font-family:var(--road-font)}.dropdown summary{display:block;background-color:var(--road-surface);border-radius:0.25rem}.dropdown summary:focus,.dropdown summary.focus-visible,.dropdown summary:focus-within{background:var(--road-surface-inverse)}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-medium-button{width:2.5rem;height:2.5rem}.position-right{display:flex;justify-content:flex-end}.bg-white{background:var(--road-grey-000)}.dropdown-button-icon{width:2.5rem;height:2.5rem}.dropdown-medium-button .dropdown-button-icon{width:1.75rem;height:1.75rem}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:auto;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;z-index:2;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}.dropdown-left{left:0}.dropdown-right{right:0}.dropdown-item{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none}.dropdown-item-border{border-color:var(--road-outline-weak);border-bottom:1px solid}.dropdown-item:hover{background:var(--road-surface-inverse)}.dropdown-item.focus-visible{outline:auto}";
 var RoadDropdownStyle0 = dropdownCss;
 
 class Dropdown$1 {
@@ -11412,7 +11435,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: '5e1ec56ea30d7f28f8099711e7c4409431502ec5', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: 'ed87cdfa779d65b403af6057256ba91ff06daca8', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: '658fe325fedc4309319b679776329a0f6abc8770', class: `d-flex ${positionClass}` }, hAsync("div", { key: '6fe331eb246f1ca0543e1c699d8225e373149353', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: '7a63c090cd1c96b8c1ffe9a6fba343173c7ea001', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: 'f05004485fd5270bbaac02f4260e98813a62167f', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: '714ed40e12e01a291967da9211e475a44aff1431', name: "list" }))));
+        return (hAsync("details", { key: '63664ef857943b6aeccfa742262132ccd0f0ea3d', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '5286cc9ed3f2d928350bafb6e8420faa34b25b33', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: '5c8849bea5ed2a5bcee7432d5a59597c490b1bb2', class: `d-flex ${positionClass}` }, hAsync("div", { key: '0e5ca32d720b1230083469d39c0a032ae345abc3', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: 'd65534d956a28d5238f38fdea121491ff7923900', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: '9e9a77d0c43b5770b443967c9e828d758d55dd3f', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: 'c5693e782f0a05dfd5f62a7d96eb2418e619e2f9', name: "list" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDropdownStyle0; }
@@ -11468,7 +11491,7 @@ class Dropdown {
         this.isOpen = false;
     }
     render() {
-        return (hAsync("details", { key: '5f57d711c58b1e7dea03ebbcfdff625b68e5ccc1', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '52ae10770ad84d224b9f863027312e34e091319c', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'f121a0d7f24beb6f97f69a4b51865e439ef6d96a', class: `d-flex` }, hAsync("div", { key: 'b0bb4f2ce959568a50ba7003b2e36eed6e2b473c' }, hAsync("road-avatar", { key: '77be4142fd88cde76d3f35a4a07616c9ea24d722' }, hAsync("slot", { key: '59619df733eb330798a740a79ec0096ce4bff78b', name: "avatar" }))))), hAsync("div", { key: '7f04e0e94dacbd4304e8ef18ed83558c899eb1dd', class: `dropdown-menu` }, hAsync("div", { key: 'bec6d0c5a291d410aa6b6ea271307c950a872f10', class: "profil-item" }, hAsync("road-avatar", { key: 'a46fea665342efe23b96ca3805acce5d67334e37', size: "sm" }, hAsync("slot", { key: '89a618d9542a9e35cf7ba20c8eccc826a834d2a0', name: "avatarItem" })), hAsync("div", { key: '0c2b292c3b73910518697951e1b737d3ac3e1766', class: "profil-item-info" }, hAsync("span", { key: '5805df79ebabbd9bf1f6d1d34c97a8e1f5573b84', class: "profil-item-info-name" }, hAsync("slot", { key: '9d2a8703793b8afe20879b8b5e1bb8f67fb6b4cf', name: "name" })), hAsync("road-label", { key: '3fa303b0fb162fb7282d9de5f0259d5738fe3b5f' }, hAsync("slot", { key: '74d10a25a0268e1dcaeed64b5ffc228a881e07a1', name: "email" })))), hAsync("slot", { key: '2f3dfac57fb39f005d1ec3502aaa13e661c8968e', name: "list" }))));
+        return (hAsync("details", { key: '1ea3c85ea39041b51cd7b87e5e3bf8457d04d8d2', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '31722222765df7c7fb7716f1d28c719e71e3c50b', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'e395e588854018e3aa01a535df994281a17e76e7', class: `d-flex` }, hAsync("div", { key: '8bb2ba7393ad71a0fb01bfaae2626cddff73b974' }, hAsync("road-avatar", { key: '6d05a101ce8015714a85fea57c583f8cf20e8ce4' }, hAsync("slot", { key: 'c1a1408aa8e9eafedb2f3cb1791dcc02a2aba504', name: "avatar" }))))), hAsync("div", { key: '31b4b8e31798cdbba1f144cd7c75417e5aed1dcc', class: `dropdown-menu` }, hAsync("div", { key: 'daaa7e6156bd9e4cf093dcd895aabc58a5a75835', class: "profil-item" }, hAsync("road-avatar", { key: 'efe9b628482a2f27c8224e5a836677e55aab0a53', size: "sm" }, hAsync("slot", { key: 'b9def88d2732c0ff87353e163437f303bf921175', name: "avatarItem" })), hAsync("div", { key: 'de3f1acfabff5c15cb409ff32c9f3d03ff80b256', class: "profil-item-info" }, hAsync("span", { key: '01909017ffda821626024a5db9c77b5a5fa79988', class: "profil-item-info-name" }, hAsync("slot", { key: 'e7ecab682533008f8aa41deb00a30a80ba027c09', name: "name" })), hAsync("road-label", { key: 'e23ae331f406c69d5702055a31f8445518983fbc' }, hAsync("slot", { key: '4ee00896125440f2f3a904516052edecc3ccaefc', name: "email" })))), hAsync("slot", { key: '51a8603e7be8c8df634d69fe74a34845b75aff2f', name: "list" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadProfilDropdownStyle0; }
@@ -11532,7 +11555,7 @@ class Duration {
         this.isOpen = false;
     }
     render() {
-        return (hAsync("road-drawer", { key: '174ce308ddad050e416dd7a8d0a6cb67d230de24', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '0e67bceae3137cf0f15dc11c5e3ae2d58508aa20' }, hAsync("road-row", { key: 'b71af953b135fdabd54383c4fbef73bbe91214e3', 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: '18883acabae49df9f9e957e673d118356011d28c', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '7e0e1b64d1748880df6eb12b06dbd14a6eba8c70' }, hAsync("road-row", { key: '02e407a9f1a56f8c8fc8a48751d95848c7fc5c4f', 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; }
@@ -11578,7 +11601,7 @@ class Flap {
     }
     render() {
         const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
-        return (hAsync(Host, { key: '1fe4c3376497a138ea4458c5ff02e1c21f6e1193', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '7abea3b1b63c69c653ea84ef80c9996d589a723f' })));
+        return (hAsync(Host, { key: '3070a00a39088bc22f27b1e97a4aa635bc27c34d', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: 'd2c0af9309ce6200b5055a152f26cea71e3c859f' })));
     }
     static get style() { return RoadFlapStyle0; }
     static get cmpMeta() { return {
@@ -11624,7 +11647,7 @@ class GlobalNavigation {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '6dd4185ee2cd4a4c9b35571c9be8bf168f0a911d', role: "application" }, hAsync("slot", { key: '6a939f92d1eab5cbcf40ef3d66d1e2b5d68adbdc' })));
+        return (hAsync(Host, { key: 'b9dc9e434336aac0badabc03361dee0536ca1382', role: "application" }, hAsync("slot", { key: 'b4d9e5ec254a413489b81b720bd20f5ce18d9da4' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -11772,7 +11795,7 @@ class GlobalNavigationV2 {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '4e42b7a8ffc4cbc5a3a8aff8f94f39a8f205cb8f', role: "application" }, hAsync("slot", { key: '4766cb9de33e7b52aa7ebfc56e5f2c414e7bf572' })));
+        return (hAsync(Host, { key: 'c9d5417b5d92177482a620e7baa5879fa7d04731', role: "application" }, hAsync("slot", { key: '6d189aef035de7d1816328f150e3402582b97bd7' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -11802,7 +11825,7 @@ class Grid {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '447064505d003d387d59458832935e8495802e4d' }));
+        return (hAsync("slot", { key: 'afda2c7ec410ce0c1c06b12091a1416394a3b506' }));
     }
     static get style() { return RoadGridStyle0; }
     static get cmpMeta() { return {
@@ -11905,7 +11928,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: 'ccee5a616cbc411a0432d3d5ee3d439db874ebbd', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
+        return (hAsync(Host, { key: '1da1702db901bcfb80638d9ae30a8c5cc4a2ac26', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
             ? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
             : hAsync("div", { class: "icon-inner" })));
     }
@@ -12027,7 +12050,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: 'b050e381499d68b8786780a7f2ae5c625ef52cb1', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
+        return (hAsync(Host, { key: '0c1d3f02b235f7f69dbdca9969fd3a637929e0bd', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
             ? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
             : hAsync("div", { class: "icon-inner" }))));
     }
@@ -12130,7 +12153,7 @@ class Img {
     }
     render() {
         const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
-        return (hAsync(Host, { key: '21b4d4ef436f450d22d1605131028cdf4a0ac6a7', class: placeholder }, hAsync("img", { key: 'e723ca51ee55304024d89f95a35326a79e767c5f', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
+        return (hAsync(Host, { key: 'f53be3ccdaadcae1091cab8e04678f1e709d30cd', class: placeholder }, hAsync("img", { key: '2e9b71fd42e3eff11402a195a93d2b93cc7446e6', 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 {
@@ -29524,7 +29547,7 @@ class Input {
         const hasValueClass = this.value !== '' && this.value !== null ? 'has-value' : '';
         const lessLabelClass = this.label !== '' ? '' : 'less-label';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: 'cd016bac4f6771b1031133ab212d1d7e1547e310', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '7ecc0367665cfdde2d586b8e10936b6c0545200c', class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, onKeyUp: (event) => this.enforceMinMax(event.target), "data-cy": 'road-input' }), hAsync("label", { key: 'eb41e60f25c42b1bee0c8461cd727724f7fb83a3', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'c459c198b8b3dd20126f74d8d5081d8546200408', class: "invalid-feedback" }, hAsync("road-icon", { key: '106892448ace81bd9e08a7da1b696e8c0324f2cb', slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.error), this.helper && this.helper !== '' && hAsync("p", { key: '9e0d22062ae7532596433691a3512e482e5041f8', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '2a237d602219328994d4e716d541026d4dff0df6', name: "checklistPassword" })));
+        return (hAsync(Host, { key: '9251985e0b07d2b85f319d30bd6e4cc46cf78147', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: 'b0d87d5bde0d232615d200c1b4c611a997931595', class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, onKeyUp: (event) => this.enforceMinMax(event.target), "data-cy": 'road-input' }), hAsync("label", { key: '910506a3f147908dd802d645c9d985862cf4126b', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'feb2985f978e936bcde5328233a433eda6f2d16c', class: "invalid-feedback" }, hAsync("road-icon", { key: 'f5d8a3c8edc1ccac2d5b9f9d6b2bcc3f3f7bc283', slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.error), this.helper && this.helper !== '' && hAsync("p", { key: '3e11fd43dc68951c17d3ab267bc4a25316e1efce', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '0a2df2f8c92a52d18b6d1063765eaf47809a60b3', name: "checklistPassword" })));
     }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
@@ -29611,7 +29634,7 @@ class InputGroup {
             ? `size-${this.el.querySelector('road-input').sizes}`
             : '';
         const disabledClass = this.disabled ? 'is-disabled' : '';
-        return (hAsync("div", { key: '68b4c3493ea36a8bd2ea60d9d0055b6d7b2a92f9', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: 'ad70df97d3218b829c324e2f369356c003bdf834', class: "input-group-prepend" }, hAsync("slot", { key: '44ab7c748ae3d3b4e5339358b3961e695293ca50', name: "prepend" })), hAsync("slot", { key: '0fbdb5a3548ba41e3fbd68b5cc127f163162f0b5' }), hAsync("div", { key: 'e012051ea6e5b5bf8f0ace5737044d1fd1d9c698', class: "input-group-append" }, hAsync("slot", { key: '842169ba230a4db497a30a9a8620b22d0f09ef32', name: "append" }))));
+        return (hAsync("div", { key: '1dc07a13ad76efc4b8ab8e2ce83b1c90ca283459', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: '1c44dad07b031661812715bff42dafcb9eba22a4', class: "input-group-prepend" }, hAsync("slot", { key: 'ecc99ec7f39e7ecd3f3ee229957e0f97ae63467a', name: "prepend" })), hAsync("slot", { key: '2026617a9bdf3c6b31fa4492dd14d56e635fe464' }), hAsync("div", { key: '4e134a2e344f345d021e0ec1d3100da88dd17a88', class: "input-group-append" }, hAsync("slot", { key: '1cec89a371a53e753813fc61f388fee0108ae695', name: "append" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29691,13 +29714,13 @@ class Item {
                 target,
             };
         const showDetail = detail !== undefined && detail;
-        return (hAsync(Host, { key: '6c3292595bb3c247a7510b25e116c88bf7ad570b', "aria-disabled": disabled ? 'true' : null, class: {
+        return (hAsync(Host, { key: '9fb4b35e594ec2393232ad0a9403e279e2e2889c', "aria-disabled": disabled ? 'true' : null, class: {
                 [`item-lines-${lines}`]: lines !== undefined,
-            } }, hAsync(TagType, Object.assign({ key: 'da9648e566e8850b79824dda4105a8dd1e1171bf' }, attrs, { class: {
+            } }, hAsync(TagType, Object.assign({ key: '9fba47364f496d51e09e3b2a5a92dd00ef71ff87' }, attrs, { class: {
                 'item-native': true,
                 'item-active': this.active,
                 [`layout-${layout}`]: layout !== undefined,
-            }, part: "native", disabled: disabled }), hAsync("slot", { key: '1d33384ef1cf17169053d41ee6e19f3b9bdd24e3', name: "start" }), hAsync("div", { key: '9f3d158787cc7624e15104f7953387ccfbab9647', class: "item-inner" }, hAsync("div", { key: 'f40becf394daccb996f58f6b74ae2ee4282d45ca', class: "input-wrapper" }, hAsync("slot", { key: 'f64d1c353072e15bde1717f1c041e7a0a8f76cdf' }), hAsync("div", { key: '1272a90046d27d20f7a7412a4dc45bf241ccf470', class: "input-wrapper-info" }, hAsync("road-label", { key: 'fca9ffdd03aa5fb805acfca82b6d9da3054ca81d', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '971fef4134d45465c0ff93d65cf2d0ccd659862c', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: '515618dbd9689653ba3568e3504422fe0b9fd003', name: "end" }), showDetail && hAsync("road-icon", { key: 'f35779a160cbbd8fd7dabb2714d4e619cde9d18e', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
+            }, part: "native", disabled: disabled }), hAsync("slot", { key: 'fe656d0fa4a1f518f6ab7a43524e244d6eb37d30', name: "start" }), hAsync("div", { key: 'd1c19e1d0a10b578799970249bf4e40cdddd9dc3', class: "item-inner" }, hAsync("div", { key: '3523d2bd743dc2f16cc1dc2de844a3ab3be93ff2', class: "input-wrapper" }, hAsync("slot", { key: 'a7da0e4dcf42fc54130eaafa1a08d16315b52d54' }), hAsync("div", { key: 'd63ad621b6f43da35bec1a270ceacd40876b4d3e', class: "input-wrapper-info" }, hAsync("road-label", { key: '14763d79d648cfbbb21136998287411ab3231cbc', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '5048f0bab07eb191b4ba3d8655a7890a45926541', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: 'ef5cef7e326421ea28f0420a81a1773b74adc8bf', name: "end" }), showDetail && hAsync("road-icon", { key: 'ecb61fe5b2cd5e3ba3ba8b30427337cbde78fd78', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadItemStyle0; }
@@ -29738,7 +29761,7 @@ class Label {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '4ff181dd42688268a5d0f36eb6b91c14fe0b02e7' }));
+        return (hAsync("slot", { key: '3ba99679bcd840c743cbc724843909bd267d0ab2' }));
     }
     static get style() { return RoadLabelStyle0; }
     static get cmpMeta() { return {
@@ -29763,9 +29786,9 @@ class List {
     }
     render() {
         const { lines } = this;
-        return (hAsync(Host, { key: '0402cd96ac852a74cbe90301b76737cd28c337ea', class: {
+        return (hAsync(Host, { key: 'ddd543051e3de681b5672d7ab87ebe742858da9c', class: {
                 [`list-lines-${lines}`]: lines !== undefined,
-            } }, hAsync("slot", { key: 'd6e3da6f0729b080cc290d0107f7fb6fd722a2ea' })));
+            } }, hAsync("slot", { key: '56e04b9869dc48d1011e422c57ec2578e61301c6' })));
     }
     static get style() { return RoadListStyle0; }
     static get cmpMeta() { return {
@@ -29850,7 +29873,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: '611acc8b898f459de9321f4cc5ba92711059bd0c', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: '19b3f41118b8bb18acead4cd3607d98cba9d5af8', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'cc53d3fb6b7148da3150e44f7b9eb4efbc5607ce', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '264e299d58e57e13e78c8439321ff99392d15a2b', class: "modal-content" }, hAsync("header", { key: '547a73ace5a72d651a26cedd3aca0dcf97b6c87d', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: '3537442f18e66adb1188d9ba3996dc86c2efbecc', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: 'ff994a5810f3615dc8f03c35c31493ca466eef2f', class: "modal-body" }, hAsync("slot", { key: '20c74c789cf98a863fc74b474f6b3500b9175bd8' }))))));
+        return (hAsync(Host, { key: 'b87d292936b3298bd9e0fef68931b1197d89990f', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: '9c9ce64aca4d7e856b1a36de791aebd6b7b7affb', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '9afc412d8a8f819d265d2d9102c1c96c14314816', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '3ed271357372e1e6306280c7eaa7283ac2336ab3', class: "modal-content" }, hAsync("header", { key: '806e9a7258847239b31b89576213470e04b2c03d', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: 'aca390c8fbb825c385d43e667f9563a1204eafcb', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: '000d132ec44dff846b4cc7d55039ded734f7db4c', class: "modal-body" }, hAsync("slot", { key: '87025f81c5fd3498e38656d96772ba495b34f66e' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadModalStyle0; }
@@ -29901,7 +29924,7 @@ class Navbar {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: 'd4fb4b56b2976d7d4b13098574c4e49e4c94dfe7', role: "menubar" }, hAsync("slot", { key: 'eefac0ab933be741ed4b4419f0d82029f22ec9ea' })));
+        return (hAsync(Host, { key: '1413fa96200fad5a83abd97f951c46b6a6a25777', role: "menubar" }, hAsync("slot", { key: 'c6f91f0af00788a5708cb95f44789938c7d6eeda' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -29987,11 +30010,11 @@ class NavbarItem$1 {
             rel,
             target,
         };
-        return (hAsync(Host, { key: 'dd94818ad0304a673d6cfc9d579fe84a3f4c2762', 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: '8d13f1295c10b09012ee6f0c3a683c44ea9575de', 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: 'ec7dac7195de5e6edf4777aeb99b3c17eb9eb9aa' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '86ff5e2d3fc42864a9b9aa1efe60fb845fa7d757', class: "button-inner" }, hAsync("slot", { key: 'd5e587189cdbf6481ec90cc7b4182a76a1440912' })))));
+            } }, hAsync("a", Object.assign({ key: '3053f87c13f67102e2b3e10c9f1e536a083fdf3e' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '74b5de95c1cbcaa1f5bef7dded2e8949134241b5', class: "button-inner" }, hAsync("slot", { key: '84f6e5bf2ba906fdd7356dce268a7e7d8d399bff' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30084,11 +30107,11 @@ class NavbarItem {
             rel,
             target,
         };
-        return (hAsync(Host, { key: 'e2016ca8bf0ab49b7cbd5c87a02b0a86d40d0b93', 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: '191e295ae457ff383a61caf39b2b14b361dfd208', 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: 'b99acdc8be57e05c3b3b93000098a6cf918a967d' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '34953612893df3814c55c7ada38e51fe32191329', class: "button-inner" }, hAsync("slot", { key: 'a4a2a5d31173f5bc494a7cbd79d600e418612199' })))));
+            } }, hAsync("a", Object.assign({ key: '445f29f9ba3534f1b4c02861ea4ac3768cc48b0c' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '3d7a3ac9b15cef609ab6402ed35b030830e03dd8', class: "button-inner" }, hAsync("slot", { key: '059d10fdd31ed3a4e8caecaa62b9aacd4483883f' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30147,7 +30170,7 @@ class NavbarV2 {
     }
     render() {
         const compactClass = this.compact ? 'compact' : '';
-        return (hAsync(Host, { key: '8aba7289fe9dc6947c2af2d078eaf40782cfe143', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: 'e103c9485e91f44c6a51b25c2ab0b9c8c0f33eb8' })));
+        return (hAsync(Host, { key: 'e4fe4a407edcf036a5f3da534cc88eb4b863ab71', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: 'ef7df2d2775c533592267b1b420e522e23836d7e' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -30270,10 +30293,10 @@ class PlateNumber {
     render() {
         const value = this.getValue();
         const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
-        return (hAsync("road-input-group", { key: '834664479b8dd6b1fcf9a7c414778b5e46348cb4', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '5f0466ffe35fcfaa7dda9a6773de93c1e0b6ee49', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: '692ad8a68f81d8412855db1f506a102181d5c93f', class: "plate-number-start" }, hAsync("road-icon", { key: '6ea399fa5922d8c3aff048360f54e20edb0d2ca2', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: '27bab6244bf9c57acd054a262cab9ed0a4904ed5', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
+        return (hAsync("road-input-group", { key: 'd99ec720113a121c58794385a2a697459cc4e0eb', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '559c8428a6403ee087bc219b6027b12a48c658d8', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: '8483940a622fb54e8bc29dfeaf3ade7aaeeb0e8c', class: "plate-number-start" }, hAsync("road-icon", { key: 'ba60f444919f5b6221fe4d910ced4bec521e4101', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: '095d70b607191a292c5857559566954122c5081c', 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: 'f68110a0af9bcff739f2d1170e606c092daf811c', slot: "append", class: "input-group-append" }, hAsync("div", { key: 'ac7330daaed638ccbdd7f51caf405f89483d04fa', 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: '28ce8da1e17d33750056cbbb7b62686f492b4f6d', slot: "append", class: "input-group-append" }, hAsync("div", { key: 'a7fd028f9e8457e1b865abbe79539223d64c7087', class: "plate-number-end" }))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -30341,7 +30364,7 @@ class ProgressBar {
         const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
         const light = this.light ? 'progress progress-light' : 'progress';
         const animation = this.animation ? 'animation' : '';
-        return (hAsync(Host, { key: '4fd02845d6788f86fdd72647ce2c85f80e0056e7', class: "progress-element" }, hAsync("div", { key: '4f8e8ba08ff054992da0bdcc270b8ed3f14f0751', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: 'b5ce4e4819cb77dc56c5681760c88bf8673c31e2', class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), hAsync("div", { key: '09602bd22ca6515a18573d89e239c2a69b25ff05', class: `${fullwidth}` }, hAsync("span", { key: '3238d97b6cbefbd7ef39dceaa81fe65239b7db7a', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: 'c6c06a7b25942ec42c58bc161fe042ad28a9ebfb', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
+        return (hAsync(Host, { key: '6c93b381f40367646f5ccb653a9062c7ac342679', class: "progress-element" }, hAsync("div", { key: 'cb975e51bd98f03fa7d52bd3f20af7b5f8f25379', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '33b21314f01938916afaea7a58e0425b03616d06', class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), hAsync("div", { key: '3d31e5265359ddb21a8517ccdb6408c3a0503478', class: `${fullwidth}` }, hAsync("span", { key: '0965abaec5dc0737d04ddc05da7b4a6423fe6bb1', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: '1f8b48a83db7c3d70f4a7756a43969d0782ee35a', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
     }
     static get style() { return RoadProgressStyle0; }
     static get cmpMeta() { return {
@@ -30382,7 +30405,7 @@ class ProgressIndicatorVertical {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'd009f9f26860579e5199b5fd9f3053c2292d2e10' }, hAsync("nav", { key: 'ce6a61c3020a725681b1479405956d4e0c0deda4' }, hAsync("ul", { key: 'ed9c8bd411554de27d3518a93ead84f1ffeaab32' }, hAsync("li", { key: '55e64e7e8cb21d9e7b82d5cb7d96f58f0a1d41aa' }, hAsync("slot", { key: 'a999ef8043d0ca25192122641cf1c6b8f4c17829' }))))));
+        return (hAsync(Host, { key: '53374580ae8974a098d78a601f16c11d046d05a0' }, hAsync("nav", { key: '172b56e4f067cd3aff24cbc8f619f623cee6e7fc' }, hAsync("ul", { key: '76fc4af3a83915d53365f3e813612e10ac7bbca7' }, hAsync("li", { key: 'a30ca0d908dc432e31cf04748df08d87bc527f61' }, hAsync("slot", { key: '2bb8112daa5f3799b8936939dce9818fa17f756d' }))))));
     }
     static get style() { return RoadProgressIndicatorVerticalStyle0; }
     static get cmpMeta() { return {
@@ -30406,7 +30429,7 @@ class ProgressIndicatorVerticalItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '331aa668c231602fa09aa8879936b114ae9a9922' }, hAsync("slot", { key: 'bd2b07a4daa8ff2be253a6853e19cdfc7c41d848' })));
+        return (hAsync(Host, { key: 'd3ba92c8ba422c910a790c232cc6c43acf21a316' }, hAsync("slot", { key: '471a58e0dbbcad1601c6bfec7e90cc4ced55f172' })));
     }
     static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
     static get cmpMeta() { return {
@@ -30435,7 +30458,7 @@ class ProgressTracker {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '7a2b81a136bb9099ba62dd19ea1110ba2e6598f2' }, hAsync("nav", { key: '02a48ece3c03e44e6650608712af2ce97d54e4be' }, hAsync("ul", { key: '53660bcb52a07088d67f22d22e959152b978632f' }, hAsync("li", { key: 'cb819d8d7de4ac7fbf78168a11ce127bb6505bf7' }, hAsync("slot", { key: 'eb87fd118354173bb49d98e49815a772edb55941' }))))));
+        return (hAsync(Host, { key: '9a0c92424113ac6ed3a422e2b72a597a1c7e56ae' }, hAsync("nav", { key: '1f4a7756e005ecaac2ae04d69cfa56f44a3db114' }, hAsync("ul", { key: 'dd386017509fcabfbc30d8970fa60d293d209e9e' }, hAsync("li", { key: '1e2ca3005116579b3917b51867a09d975c9c1891' }, hAsync("slot", { key: 'aa5268a3e7f35906bb37354e88b825f839d2774d' }))))));
     }
     static get style() { return RoadProgressTrackerStyle0; }
     static get cmpMeta() { return {
@@ -30467,7 +30490,7 @@ class ProgressTrackerItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'ad62f3db13a041f534b2da9a11f0eb6f394a0412' }, hAsync("slot", { key: '879eb2757031161b20e708275ea2d009f1e83a7b' })));
+        return (hAsync(Host, { key: 'fa846bf7750217b756e2c63925636d75100e52f0' }, hAsync("slot", { key: '3b37dca6ac078595ce7e739cd980661387f50e59' })));
     }
     static get style() { return RoadProgressTrackerItemStyle0; }
     static get cmpMeta() { return {
@@ -30560,7 +30583,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: 'f4c58867bc2ea7548db32786fec159a9b73743bc', class: `form-radio ${inlineClass}` }, hAsync("input", { key: '51bb7f4255a32beea0d23e6dae51d54f5802ee40', 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: '10ff3446ba4b1610f1f0a0d9d90dc7897dbd4370', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: 'ace1dddcc6f9f947562d322f68f4a74a94947558', class: "form-radio-label-span" }, this.secondaryLabel))));
+        return (hAsync(Host, { key: 'fbec228f3266ccdef92e82ee29b7aa9f604f603a', class: `form-radio ${inlineClass}` }, hAsync("input", { key: '4493e3345ad10d983dab715035a77fe66025e3ba', 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: '85b6bc778ca441e37bd47a51227307051a9bc80a', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: '22b184045be0995831f3b34065d0e8d97cf90cdc', class: "form-radio-label-span" }, this.secondaryLabel))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadRadioStyle0; }
@@ -30654,7 +30677,7 @@ class RadioGroup {
     render() {
         const labelId = `${this.radioGroupId}-label`;
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (hAsync(Host, { key: 'ffa969cd3485460ad2c351a513f515684d259caa', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '5aae60d23a7c19135e21806cc976f17b2b4202c1', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '28c64c1c38b6e180172c9191cda484feab65ef4f', class: "asterisk" }, "*")), hAsync("slot", { key: '1f1a46b1e4a39187b889d6900a231006ed1bc2a4' }), this.error && this.error !== '' && hAsync("p", { key: '3fbe36d03cc75774dcaf0ad8026e60c0f9af4916', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '158c9a45d39f7b2257ce8be876f1a42541ee11bf', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: '6c3948ad9428d3ae8aeb411a776419784831c714', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '943199c6a4eda68c82245660e81ba04032a62209', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '772ae18837d54d6aa313e3a8791bc715f66c183d', class: "asterisk" }, "*")), hAsync("slot", { key: '7f4a8c9ec3a201f695a6731467c138abf587e52f' }), this.error && this.error !== '' && hAsync("p", { key: '9149bc1981323584219a13a392e77c8313f7fd58', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'a662d0e810e27d6392750d778e13573ed365e358', class: "helper" }, this.helper)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30784,14 +30807,14 @@ class Range {
     render() {
         const value = this.getValue();
         const datalist = this.showLabels !== undefined ? `tickmarks` : "";
-        return (hAsync(Host, { key: '44cb0bfac407074030743bb30f0e9e158ade6961', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: '580b8c0f805cb22916bc1b6e6793248b603e3274', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '73ad66fdf62b6032e61548795d09f34773cd13d4', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: '0e5bdc9f49b96ae5ef086be125d673a83b601d77', class: "form-range", style: {
+        return (hAsync(Host, { key: 'b2c9aa060ae841e99ba5751c128e8df1fa257277', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: 'b7696f36afd6083f61b0498ff80b911743f6713e', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '9c09977ad8ea7b60380cd0b245b2b78df75a851e', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: 'dbcf378a5ce259394cc0ed12f6437100292aa015', 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: 'e7a75e4e870bd97a6ddf0c81852dc6a558489ad7' }), this.showLabels && hAsync("slot", { key: '17a654a18e333c7581cefe7622dcbcb285684caa', name: "datalist" }), hAsync("input", { key: '73e985d4c6924c3c7db667c96aa79cbf37cc07ee', 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: 'b95dbd0463902e02eab163bb4ea160c6efb34955', class: "form-range-label" }, "Valeur"), hAsync("div", { key: '38424bbf2a2692a8e62c6c99bc7f31d078eaf90b', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: '74b0a434bba852eae5646d8119f8a62c845f38af', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
+            } }, this.showValue && hAsync("output", { key: '11fbbec081e1ae2b86a5ad5d387b91f26104d6e8' }), this.showLabels && hAsync("slot", { key: '1dd932c4e17968e794370c5468e13fed1b84df25', name: "datalist" }), hAsync("input", { key: 'afe1c2ef6f8006e2c0dcbd3cbe14103393a57a4a', 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: '6f2bca3f10bdc5dcadf6756bfe953afffe4bf2c7', class: "form-range-label" }, "Valeur"), hAsync("div", { key: '065f974aa51980322402a0c3d0c168a96c076ecf', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: '283d46c77a585064840ee91a861fbd2c0bdaa5aa', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30860,7 +30883,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: '47bd739f7f13113981c5888bb5e3cd45ed08ec44' }, hAsync("div", { key: '9cb794af23cde1aec9293a3a3b5f72aa53053e41', 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: '771e55df9f7132a0c90dbd44d1cab6d07e730b37', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '74e5eef615a028d69ce9d424c0272c89798dca13', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
+        return (hAsync(Host, { key: 'd81a376cdf8e7a268335c62cadff3a3a5945c334' }, hAsync("div", { key: 'c7f9a63a11399a60d3daa6e3f8f11b8b4f640e96', 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: '5b1a38a0f8fdabe757a79f7b5000481d03d8225e', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '337a9e94914d57278d8d15c8889b258bff8ea751', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
     }
     static get style() { return RoadRatingStyle0; }
     static get cmpMeta() { return {
@@ -30979,7 +31002,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: '36cb1bca784e582de74e61df9763d87a76363e1e', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '2dfc241b6f28577a0fde23576dd0764c386ade70', 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: '205acf4ddf4c4a5e224f6d546e5e809ed0cf10d9', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: '06371fa0b2302e1dba88096fa590d1a047fcc488', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: 'a1a58a9689450d104bcb2ef9838987a7d5709b03', class: "invalid-feedback" }, this.error)));
+        return (hAsync(Host, { key: '5284737f6b5095e033ea92a070f097c5f484228c', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '4dc67cb4f98cedadf7e9e37ac9ec21e7626e549e', class: `form-select-area has-value ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: option.selected }, option.label)))), hAsync("label", { key: '91861b51dc10637ecf2a224209bd0b189fa50430', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: '426fa27d96b289f7197e533fc350e0fcfe6e6522', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: 'c3d0eda1463b66ce02d6ae126454b27696283fbe', class: "invalid-feedback" }, this.error)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -32204,7 +32227,10 @@ i18n.phonenumbers.AsYouTypeFormatter.prototype.inputDigitHelper_=function(a){var
 });
 }(libphonenumber));
 
-const phoneNumberInputCss = ".sc-road-phone-number-input-h #phone-number.sc-road-phone-number-input .invalid-feedback.sc-road-input.sc-road-phone-number-input{margin-left:-4.5rem}.is-invalid.sc-road-phone-number-input .form-control.sc-road-input.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.road-phone-input-select.sc-road-phone-number-input{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface);background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:none;appearance:none;width:5rem;height:3.5rem}.sc-road-phone-number-input-h .is-error.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.form-select-area.sc-road-phone-number-input{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 2rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right -5px center/2.5rem 2rem;position:absolute;top:0;left:0;height:100%;width:95%;z-index:1;border:0;appearance:none;opacity:1;cursor:pointer}.form-select-area.sc-road-phone-number-input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select-area.sc-road-phone-number-input::-ms-expand{display:none}.form-select-area.sc-road-phone-number-input::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select-area.sc-road-phone-number-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.form-select-area.sc-road-phone-number-input:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-select-area.sc-road-phone-number-input:disabled,.form-select-area[readonly].sc-road-phone-number-input{color:transparent;cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-select-area-label.sc-road-phone-number-input{position:absolute;top:0.9rem;left:1rem;display:block;font-size:var(--road-font-size-18);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select-area.sc-road-phone-number-input:required~.form-select-area-label.sc-road-phone-number-input::after{color:var(--road-on-danger-surface);content:\" *\"}.form-select-area-value.sc-road-phone-number-input{position:absolute;top:1.4rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.select-xl.sc-road-phone-number-input-h .form-select-area-label.sc-road-phone-number-input{top:1rem}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"date\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"time\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:placeholder-shown~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-phone-number-input{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid{border-color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input~.invalid-feedback.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid~.invalid-feedback.sc-road-phone-number-input{display:block}.form-select-area.sc-road-phone-number-input option.sc-road-phone-number-input:checked::after{position:absolute;top:0;left:0;content:attr(data-content)}.form-select-area.sc-road-phone-number-input::after{position:absolute;top:0;left:0;content:var(--selected-content, '')}";
+// list of forbidden characters
+const forbiddenChars = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '!', '@', '#', '$', '%', '^', '&', '*', '(', ')', '_', '=', '[', ']', '{', '}', '|', ';', ':', "'", '"', ',', '.', '<', '>', '/', '?'];
+
+const phoneNumberInputCss = ".is-invalid.sc-road-phone-number-input .phone-number-input-field.sc-road-input.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.road-phone-input-select.sc-road-phone-number-input{position:relative;display:block;font-family:var(--road-font, sans-serif);color:var(--road-on-surface);background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:none;appearance:none;width:5rem;height:3.5rem}.sc-road-phone-number-input-h .is-error.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.form-select-area.sc-road-phone-number-input{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 2rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right -5px center/2.5rem 2rem;position:absolute;top:0;left:0;height:100%;width:95%;z-index:1;border:0;appearance:none;opacity:1;cursor:pointer}.form-select-area.sc-road-phone-number-input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select-area.sc-road-phone-number-input::-ms-expand{display:none}.form-select-area.sc-road-phone-number-input::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select-area.sc-road-phone-number-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.form-select-area.sc-road-phone-number-input:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-select-area.sc-road-phone-number-input:disabled,.form-select-area[readonly].sc-road-phone-number-input{color:transparent;cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-select-area-label.sc-road-phone-number-input{position:absolute;top:0.9rem;left:1rem;display:block;font-size:var(--road-font-size-18);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select-area.sc-road-phone-number-input:required~.form-select-area-label.sc-road-phone-number-input::after{color:var(--road-on-danger-surface);content:\" *\"}.form-select-area-value.sc-road-phone-number-input{position:absolute;top:1.4rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.input-xl.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.select-xl.sc-road-phone-number-input-h .form-select-area-label.sc-road-phone-number-input{top:1rem}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"date\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"time\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:placeholder-shown~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-phone-number-input{gap:.25rem;display:flex;width:100%;margin:0.5rem 0;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid{border-color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input~.invalid-feedback.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid~.invalid-feedback.sc-road-phone-number-input{display:block}.form-select-area.sc-road-phone-number-input option.sc-road-phone-number-input:checked::after{position:absolute;top:0;left:0;content:attr(data-content)}.form-select-area.sc-road-phone-number-input::after{position:absolute;top:0;left:0;content:var(--selected-content, '')}.phone-number-input-label.sc-road-phone-number-input{position:absolute;top:1rem;left:6rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.phone-number-input-field.sc-road-phone-number-input:required~.phone-number-input-label.sc-road-phone-number-input::after{color:var(--road-danger-default);content:\" *\"}.phone-number-input-field.sc-road-phone-number-input:focus~.phone-number-input-label.sc-road-phone-number-input,.phone-number-input-field[required].sc-road-phone-number-input:valid~.phone-number-input-label.sc-road-phone-number-input,.phone-number-input-field.has-value.sc-road-phone-number-input~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-input-field.sc-road-phone-number-input:placeholder-shown~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-input-field.sc-road-phone-number-input:-ms-input-placeholder~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-inputs-container.sc-road-phone-number-input{position:relative;display:flex}.road-phone-input-select.sc-road-phone-number-input{margin-bottom:1rem}.is-error.sc-road-phone-number-input{margin-bottom:0}.phone-number-input-field.sc-road-phone-number-input{flex-grow:1;border:1px solid var(--road-input-outline);border-left:0;border-radius:0.25rem;border-bottom-left-radius:0;border-top-left-radius:0}";
 var RoadPhoneNumberInputStyle0 = phoneNumberInputCss;
 
 let selectIds$1 = 0;
@@ -32235,12 +32261,8 @@ class RoadPhoneNumberInput {
             phone: this.resetPhoneUtilData(),
         };
     }
-    updateMessagePosition() {
-        this.placeErrorMessage();
-    }
     // On component load
     componentWillLoad() {
-        this.placeErrorMessage();
         let fromSelect = false;
         if (this.phoneValue) {
             this.phoneNumber = this.phoneValue;
@@ -32257,35 +32279,17 @@ class RoadPhoneNumberInput {
     }
     // On user input
     handleInput(event) {
-        this.phoneNumber = event.detail.value;
+        const input = event.target;
+        this.phoneNumber = input.value;
         this.createAndDispatchPhoneData();
     }
     // On user key down
     handleKeyDown(event) {
-        // Liste des caractères interdits
-        const caracteresInterdits = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '!', '@', '#', '$', '%', '^', '&', '*', '(', ')', '_', '=', '[', ']', '{', '}', '|', ';', ':', "'", '"', ',', '.', '<', '>', '/', '?'];
-        // Vérifier si la touche pressée est dans la liste des caractères interdits
-        if (caracteresInterdits.includes(event.key)) {
+        // checks if the forbidden characters's list contains the pressed key
+        if (forbiddenChars.includes(event.key)) {
             event.preventDefault();
         }
     }
-    // On user key up
-    handleKeyUp(event) {
-        // Récupérer la valeur saisie
-        const inputValue = event.target.value || '';
-        // Vérifier si la valeur contient uniquement des chiffres ou le symbole "+"
-        const containsOnlyNumbersAndPlus = /^[0-9+]*$/.test(inputValue);
-        // Si la valeur ne contient pas uniquement des chiffres ou le symbole "+", réinitialiser le champ de saisie à son état précédent
-        if (!containsOnlyNumbersAndPlus) {
-            // Réinitialiser la valeur du champ de saisie à son état précédent
-            event.target.value = this.phoneNumber;
-        }
-        else {
-            // Si la valeur contient uniquement des chiffres ou le symbole "+", mettre à jour la valeur du numéro de téléphone
-            this.phoneNumber = inputValue;
-            this.createAndDispatchPhoneData();
-        }
-    }
     // On user select
     handleSelect(event) {
         const select = event.target;
@@ -32297,6 +32301,7 @@ class RoadPhoneNumberInput {
         this.updateCountryOptions();
     }
     createAndDispatchPhoneData(fromSelect) {
+        var _a;
         // Init phone util
         const phoneUtil = libphonenumber.exports.PhoneNumberUtil.getInstance();
         const PNF = libphonenumber.exports.PhoneNumberFormat;
@@ -32304,7 +32309,7 @@ class RoadPhoneNumberInput {
         this.returnObject.phone = this.resetPhoneUtilData();
         const tmpCountry = this.selectedCountry.length ? this.selectedCountry : this.countryData[0].countryCode;
         try {
-            const parsedPhoneNumber = phoneUtil.parse(this.phoneNumber, tmpCountry);
+            const parsedPhoneNumber = phoneUtil.parse((_a = this.phoneNumber) !== null && _a !== void 0 ? _a : '', tmpCountry);
             this.returnObject.isError = !phoneUtil.isValidNumber(parsedPhoneNumber) && !this.isEmptyPhoneNumber();
             this.returnObject.phone.nationalNumber = phoneUtil.format(parsedPhoneNumber, PNF.NATIONAL);
             this.returnObject.phone.internationalNumber = phoneUtil.format(parsedPhoneNumber, PNF.INTERNATIONAL);
@@ -32326,7 +32331,7 @@ class RoadPhoneNumberInput {
             const phoneType = Object.entries(libphonenumber.exports.PhoneNumberType).find(entry => entry[1] === phoneUtil.getNumberType(parsedPhoneNumber));
             this.returnObject.phone.numberType = phoneType[0];
         }
-        catch (_a) { }
+        catch (_b) { }
         finally {
             this.roadPhoneNumberInput.emit(this.returnObject);
         }
@@ -32339,16 +32344,18 @@ class RoadPhoneNumberInput {
         this.selectedCountry = value;
     }
     resetPhoneUtilData() {
+        var _a, _b;
         return {
             numberType: 'UNKNOWN',
             countryCode: this.selectedCountry,
             code: this.selectedCountryCode,
-            nationalNumber: this.phoneNumber,
-            internationalNumber: this.phoneNumber,
+            nationalNumber: (_a = this.phoneNumber) !== null && _a !== void 0 ? _a : '',
+            internationalNumber: (_b = this.phoneNumber) !== null && _b !== void 0 ? _b : '',
         };
     }
     isEmptyPhoneNumber() {
-        return !this.phoneNumber.length;
+        var _a;
+        return !((_a = this.phoneNumber) === null || _a === void 0 ? void 0 : _a.length);
     }
     getPhoneCodeFromCountryCode(countryCode) {
         var _a;
@@ -32373,43 +32380,24 @@ class RoadPhoneNumberInput {
             },
         ];
     }
-    placeErrorMessage() {
-        this.waitForElementToExist('.invalid-feedback').then((messError) => {
-            messError.style.display = "flex";
-            messError.style.marginTop = "-0.5rem";
-            const phoneNumberInput = this.el;
-            phoneNumberInput.appendChild(messError);
-        });
-    }
-    waitForElementToExist(selector) {
-        return new Promise(resolve => {
-            if (document.querySelector(selector)) {
-                return resolve(document.querySelector(selector));
-            }
-            const observer = new MutationObserver(() => {
-                if (document.querySelector(selector)) {
-                    resolve(document.querySelector(selector));
-                    observer.disconnect();
-                }
-            });
-            observer.observe(document.body, {
-                subtree: true,
-                childList: true,
-            });
-        });
+    hasValue() {
+        return this.phoneNumber !== '' && this.phoneNumber !== null;
     }
     render() {
-        const selectId = `road-select-${selectIds$1++}`;
+        const id = selectIds$1++;
+        const selectId = `road-phone-number-select-${id}`;
+        const inputId = `road-phone-number-input-${id}`;
         const labelId = selectId + '-label';
         const valueId = selectId + '-value';
         const isInvalidClass = this.errorMessage.length ? 'is-invalid' : '';
         const isErrorClass = this.errorMessage.length ? 'is-error' : '';
-        return (hAsync(Host, { key: '81ffa2701ccd7feb88e726026fb72c53c99d4feb' }, hAsync("road-input-group", { key: '0e2e7c96ab3d01857818c14390e4e088bd369fa3' }, hAsync("div", { key: '38533ba1f8c2d281c122cf448f566b40668ee356', class: `road-phone-input-select ${isErrorClass}`, slot: "prepend" }, hAsync("select", { key: 'e7ec3b364232477acf754e5fbfe68ffa5e5758c2', id: 'phone-number-input', class: `form-select-area has-value ${isInvalidClass}`, "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: '341cd6d931f84923f747d675459062114f56e9ca', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '8b5a7c8215976e1445fd57db2e69d5558f4bd6f8', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("road-input", { key: 'd676fb18e0367b8aae954794dcded2cf9b6bf6d0', type: "tel", id: "phone-number", sizes: "xl", label: this.phoneLabel, value: this.phoneValue, onRoadChange: (event) => this.handleInput(event), required: this.required, error: this.errorMessage, onKeyDown: (event) => this.handleKeyDown(event), tabIndex: 0 }))));
+        const hasValueClass = this.hasValue() ? 'has-value' : '';
+        const sizes = 'xl';
+        return (hAsync(Host, { key: '9f90460c652db496fc88dd4b8e611bdf348e3f5a' }, hAsync("div", { key: '03fceb8966c9622782a0341a2f0a01511cfe7006', class: 'phone-number-inputs-container' }, hAsync("div", { key: '4a889f1e223cf354a262fd68d948c05dc265a14b', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: 'cc520dea43d2b64645f9cbf67c768efce7790079', 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: '6769d2bda09b72449a566ece542ebf7edc5a0e40', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '513bfd2c0eab6609d74eb7b9ebc14a212be4cc9d', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: 'db609e065a32f7014c6d32dec4aae86b2b607e77', 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), onKeyDown: (event) => this.handleKeyDown(event) }), hAsync("label", { key: 'cac7f2ae8afa700db8871bc4d2b35f49822ca179', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
+            && this.errorMessage !== ''
+            && hAsync("p", { key: 'cb521ea80ae33ce0743a64270d47234cc0bdf114', class: "invalid-feedback" }, hAsync("road-icon", { key: '1dcf2587dabc46402d1c16bbf75604aedfc4d54d', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
     }
     get el() { return getElement(this); }
-    static get watchers() { return {
-        "errorMessage": ["updateMessagePosition"]
-    }; }
     static get style() { return RoadPhoneNumberInputStyle0; }
     static get cmpMeta() { return {
         "$flags$": 2,
@@ -32447,7 +32435,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'd7f034113e5197a87874abed4d7b3abc1d695c02' }, hAsync("slot", { key: '8d113c8691cc6d060de05da806a177cf7f9d73c8' })));
+        return (hAsync(Host, { key: '891c70924e7955aa953e3e233cd57dd6aff4068a' }, hAsync("slot", { key: 'acb726260f4492a126b9aa1f51d89b329bf6a09c' })));
     }
     static get style() { return RoadRowStyle0; }
     static get cmpMeta() { return {
@@ -32519,10 +32507,10 @@ class SegmentedButton {
     render() {
         const { tabIndex, selected, tab } = this;
         const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
-        return (hAsync(Host, { key: '5330cf797a103494903f9a96f6c2bc1b983e7f12', 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: 'c94bfffcbff45b20dc349a3545bd195a95d68273', 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: '73ecaa9b970846deb93859c8eaec653a035cc1e2', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", { key: '6f676459b5689e80e21fc2cab3d7c68241e5f1d6' }))));
+            } }, hAsync("span", { key: '87ee95ccb7c44cfe7bff797d1b693f1ae4cf0ad7', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", { key: 'a6fd94b01bba4f71b3689f62a736050e7132add0' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSegmentedButtonStyle0; }
@@ -32643,7 +32631,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: 'c3f9f4917a958804c531144cbedae2d70f19d414', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '60de1624cc6f6678583e3d2beb72a46a2073e593', 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: '287679dab8fb4565fa3114d452743f325ab7becb', 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: '42f5882cf6a82d8ef20b33d617722b859c8856c5', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '7ca347bd9ab52c920fa6348567f23987ab8494b4', class: "invalid-feedback" }, this.error)));
+        return (hAsync(Host, { key: '81206f7f9840b7700814260f6a7b8cf78fd7e536', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '8118f6d0f6c2d59be3d0c873398c195a8525c0cc', 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: '4e87320134e62248e7c9e805761226f5403472a9', 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: '32191859474bee5f86d21ad9f81d01bc088d07cd', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '47ecadf397bc303ca9347fc2c426dd4a3f608057', class: "invalid-feedback" }, this.error)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -34564,8 +34552,8 @@ class SelectFilter {
         const options = this.filteredOptions;
         const isActive = this.isActive ? 'true' : 'false';
         const notActive = this.isActive ? '' : 'not-active';
-        return (hAsync(Host, { key: 'd3126ac1fdf1a0c92fa8b5d3208e49980160bb9d', "is-active": isActive }, hAsync("slot", { key: '92ca140b3ce21efc3e7bf352a47656e596e47a25' }), this.isOpen &&
-            hAsync("ul", { key: '9b500ef45a3d041678b6c0acfad02556f80aa93c', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: () => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, "")), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 }))))));
+        return (hAsync(Host, { key: '4443cee3d13ade9d17d364aa112f7d13ac9a27d1', "is-active": isActive }, hAsync("slot", { key: 'ed15841a9e665154f9988f76e8ac56c1788fd750' }), this.isOpen &&
+            hAsync("ul", { key: '4ab28fd0fb00759e86e30fe14ded0de207dfde7c', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: () => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, "")), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSelectFilterStyle0; }
@@ -34595,7 +34583,7 @@ class Skeleton {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("span", { key: '23360c1379fea939e6bd1664d59e8e1343a6b419' }, "\u00A0"));
+        return (hAsync("span", { key: '76fc5d6e478e6486b0f4f3e5e3afd7e1a8c0049f' }, "\u00A0"));
     }
     static get style() { return RoadSkeletonStyle0; }
     static get cmpMeta() { return {
@@ -34626,7 +34614,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: '15916684cd29bc097b95e9702558ba8f12e111ff', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '1579334e75979ae2fff79ae4452a7c2493ad2404', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
+        return (hAsync("svg", { key: '66ff9c668eec8fc73a2f93015094934b9fb0b181', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '5b2c9b4c104607084c0d2249c5b7dc31429ad39a', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
     }
     static get style() { return RoadSpinnerStyle0; }
     static get cmpMeta() { return {
@@ -34676,7 +34664,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: '9b6ff260ef44d7545b7e17c966afb8bc0b141a5a' }, hAsync("nav", { key: '435efae514030479969d9cebd0125ac7cc1062d0' }, hAsync("ul", { key: '253fc943603f6fcaa4b22d1856c36c694cc1594e', class: `${colorClass}` }, hAsync("li", { key: '1f1c9c447de7facd202f0c7ddc45dd1b48f4c878', class: `${stateClass}` }, hAsync("a", { key: '3914d52980a7657e25dec2dda6c41fc601bde683', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '8fe6f2f247ff2f9d78d6c48190a34d1b4bae20fc', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '74a901f0a0837b5450b863a9272a70e5543e9874', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: 'ff3c71c6f99e9e55185bf3cdcfe49c28457c962d', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '083760cfa803f11c995e2c3c52fe1cf28d03ad50', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '25d342babea7224f6469689073aaf9a1ee66d835', class: `${stateSecondStepClass}` }, hAsync("a", { key: '05088e279be56b0478c3551c055ef50f86ac1d40', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: '51aa4181f7390112316da7ffac5878749af74483', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'bd94717b3f7cacec0a15a66d967ea333b000f5fd', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: 'f40e07153046c8d3170c8578d5cf6f80aff37149', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '9cb2488f4d8e45c7a13010fca43b784959bb2c49', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: '17c5d16cd950a398f2517f7b4830d90cb0cbe832', class: `${stateThirdStepClass}` }, hAsync("a", { key: '7ff05be3400f569231c461458d0e1f292afa0f91', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: '4597c8cba1a9ffc4a8489744c6d6120ea308f5b1', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'af8a8efa0a8a30aecc877ce37bce2a2f99b55fc1', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '489f390ab0f483725f2701f9942c8b715720e66c', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '8190f424d3cbd960e31890af7b9327561f707153', name: "progress-indicator-horizontal-title3" }))))))));
+        return (hAsync(Host, { key: '92b255c26f67f4aad1051adc570b4838064b050b' }, hAsync("nav", { key: '44f9ff6889874b55dc5078d1571cde655afc3a6b' }, hAsync("ul", { key: 'e6b0e5e75db170bd8bf6412ed1d6bb5f228eda4b', class: `${colorClass}` }, hAsync("li", { key: 'f48231734646f68f91bc256cd935a13dfe5277cf', class: `${stateClass}` }, hAsync("a", { key: '8ca3bebb5e710c5a3fbbada6ef1f6f0ad6518956', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '752b27e04ab6799c19912a193a89e8084dc82ff9', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '3c25ed41f39a011e61aafec0ca65917b72dbe967', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: '2bf09fe120b2ae4c4074a5357f5133bc22120e2c', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '752e16d8c3895c2ee91a222c7789431ad27e34dd', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '09bcfc2711dc68b5b233b0306fa7d3d2b8e753c3', class: `${stateSecondStepClass}` }, hAsync("a", { key: '9b5c9c60abecfed752c0332696c3c509ef4d5074', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: '1e3c3113967379a97597c13044493ff3693d1b4e', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'fe8312cd31ca099c690379f500f20466a3f76555', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: '885e16b9917fbbcc0df05c2960083cb679902d2d', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '0b6709b4b8390f58854d2a37528fe1b98a0b4481', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: 'fa106837abe66d6ee557f800916b39df8efac9a7', class: `${stateThirdStepClass}` }, hAsync("a", { key: '9607d28f066e4b22778f66d0b5657611af3b15ed', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: 'ce19ae6a6b774c0d5cb8c7b91af8d03ee88400a4', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'e0a52ce61b043af9137340a5651a120f1a8ff0dd', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '1c8870afc7dc2630fb58c4c2f17d4f4f9109dea6', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '91fb0f5283ddbe5c62c2292579df9045b4c543f7', name: "progress-indicator-horizontal-title3" }))))))));
     }
     static get style() { return RoadProgressIndicatorHorizontalStyle0; }
     static get cmpMeta() { return {
@@ -34778,11 +34766,11 @@ class Switch {
     }
     render() {
         const labelId = this.switchId + '-label';
-        const textLabel = hAsync("label", { key: '9cbf8cf142884a9883024d741239d65ecef588da', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
+        const textLabel = hAsync("label", { key: 'f8a8b7641286294d251bc6d10b45fc97607cba49', 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: 'a42a0b01b9155039b4ff73e6430bd0a8736d7d96' }, hAsync("input", { key: '9e6b0bae8e3beb263d1d46d715c6ec8887c9fba3', 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: 'ae6aa034b4ee9293f0ac582c698ebc46cadcb760', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: 'eda7b143c63c6bdfd1cc68ebf7771d7682ce04b3', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (hAsync(Host, { key: '9c43f0996fdcd4962776919b92b94eb7fbb9ad57' }, hAsync("input", { key: '756db832dbd73ec0c59ed9ec2ae76b1851a8f22d', 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: '927bdd4ef11db9a6039ffd028994caa4667519fe', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '0f3011ab70a432f99319331bb0e2009fa11e50ce', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -34837,9 +34825,9 @@ class Tab {
     }
     render() {
         const { tab, active } = this;
-        return (hAsync(Host, { key: '08cad173a66b655a36d7adf049c28ca24e60fced', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (hAsync(Host, { key: '24b66a77921452273dbf57f3f44ac3cffbaecf8f', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'tab-hidden': !active,
-            } }, hAsync("slot", { key: 'be64342b87d15293de2c9909d58c874d2f7b9dcf' })));
+            } }, hAsync("slot", { key: '63f0d57bf74b8d562fecfbc881f8199d68080e89' })));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabStyle0; }
@@ -34899,11 +34887,11 @@ class TabBar {
     }
     render() {
         const { expand, center, secondary } = this;
-        return (hAsync(Host, { key: 'a498dbdd9f96f8eb18f2786a4300f86a90d5f704', role: "tablist", class: {
+        return (hAsync(Host, { key: '7c2795d50362e570f6a3371fde1e987bfc6389fd', role: "tablist", class: {
                 'tab-expand': expand,
                 'tab-center': center,
                 'tab-secondary': secondary,
-            } }, hAsync("slot", { key: '666d8e010a3f1f487f82d996f667720332c73567' })));
+            } }, hAsync("slot", { key: '94d18f97a0e96a8e8cef400b4b08feef32210782' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35003,7 +34991,7 @@ class TabButton {
             rel,
             target,
         };
-        return (hAsync(Host, { key: '719523118d53836283ffe3f4f41ae043ac6d73e2', 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: '1bf7c7301f66cecd4bfbf5cb332fb443dbd17a73', 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,
@@ -35011,7 +34999,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: '4b164d989dc96dc88b515707fe2fd343492fda4d' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'e90b7083ed647e7346398b769dff97fc5fe1c5bb', class: "button-inner" }, hAsync("slot", { key: 'b21f76fcd81afc6022a37fb6d546144cf6b5a82f' })))));
+            } }, hAsync("a", Object.assign({ key: 'c15a1634befc28787a96baa630bcb65bfac9dcc7' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '8f1f273aea98fd8680b5787223f8fe730055d9c3', class: "button-inner" }, hAsync("slot", { key: '24f7dceead533f266dcdd4cb80f792b2ae85db2c' })))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabButtonStyle0; }
@@ -35045,7 +35033,7 @@ class Table {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: 'f036d33368eaf205cfbbafcdcc03b3e0ecf5dc3c' }));
+        return (hAsync("slot", { key: '1255550161fc3591df1269296d7dbd2bd2dc86b6' }));
     }
     static get style() { return RoadTableStyle0; }
     static get cmpMeta() { return {
@@ -35153,7 +35141,7 @@ class Tabs$1 {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (hAsync(Host, { key: 'c7a62a2fd860a3254e8aeb4304b6c41b13b11d43', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '62659d12582b3c6cd231656f0645610bc0687134', name: "top" }), hAsync("slot", { key: 'ce73ed60aade6a96f1a3d712b91a4aa26a6e8df2' })));
+        return (hAsync(Host, { key: '8e28299a9d4821c74d9e62b25b6b8ad72fac01da', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '2e154363be587d35480818a016f9bc8973709724', name: "top" }), hAsync("slot", { key: '77044401892a3a9245eb9029178d82df516c7252' })));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSegmentedButtonsStyle0; }
@@ -35289,7 +35277,7 @@ class Tabs {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (hAsync(Host, { key: 'dcce484d6e365b7c62f326e6a6146231a011d7b8', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'e9990ffef176fd6e8cc61b55c7399f086f254268', name: "top" }), hAsync("div", { key: 'a182d8cb1bed398ed72bed7478325a2d400c9100', class: "tabs-inner" }, hAsync("slot", { key: '7e0fec6b112a51f0443d0370b472571af7bc8365' }))));
+        return (hAsync(Host, { key: 'bc3d78f5653f637d9b0c23a732cfb715a0490e09', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'be1082d53eb88ff1e0aa1222dbea8a5bcc65c77a', name: "top" }), hAsync("div", { key: '4e29d83d3f1473b27b720a049c7201f632fbe11b', class: "tabs-inner" }, hAsync("slot", { key: 'd9ed82d2d6cb976d65c9349e286190033f859ebd' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabsStyle0; }
@@ -35337,7 +35325,7 @@ class Tag {
     }
     render() {
         const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
-        return (hAsync(Host, { key: '473f75d03caf6fd1af778973cf668594869f840d', class: `${contrastClass}` }, hAsync("slot", { key: '978855ab3df5f500d39ec62ce6990b5e9ee0460e' })));
+        return (hAsync(Host, { key: '474f7b6662f78c0258d4573377bca6c8cda09bbb', class: `${contrastClass}` }, hAsync("slot", { key: 'f58667d0bd8ffc1839df5b0c1572447d8445d4ae' })));
     }
     static get style() { return RoadTagStyle0; }
     static get cmpMeta() { return {
@@ -35369,7 +35357,7 @@ class Text {
     }
     render() {
         const colorClass = this.color !== undefined ? `text-${this.color}` : '';
-        return (hAsync(Host, { key: '055eff6468f112052379b6744fa6711ca3227942', class: `${colorClass}` }, hAsync("slot", { key: '962b901456fa3a58f0fcd8514ba64e306f5ce9ec' })));
+        return (hAsync(Host, { key: 'bb23b71b76a33ff446f23c24ba4f53f41bf2445f', class: `${colorClass}` }, hAsync("slot", { key: 'd1a14d98cae107a96314bbaea01687183cf60447' })));
     }
     static get style() { return RoadTextStyle0; }
     static get cmpMeta() { return {
@@ -35479,7 +35467,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: '214bcdedacec9c4f831f1ef70096325f8ce9bdce', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: 'eaa623e71d722d372e8d58b38b1f03fd5a979858', class: `form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }), hAsync("label", { key: 'aa812329b857f8b1c6035ba6aeda1b4fec6fd076', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '79b8a4cfd2f24be7329a3ab789076af678c92186', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'b8264a394ec940ff99a31030396b276363a8e7da', class: "helper" }, this.helper)));
+        return (hAsync(Host, { key: '8f1bce355f73fef1b81fb71025b23aa9734106a2', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: 'eefe6f4bcb3723e01c5b5a7b30b52eddd947de54', class: `form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }), hAsync("label", { key: '8a2dd19323c6bb8b889b35328081d75d143a36e9', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '514875f36258918863ec6320c870fe4454d3ece2', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '586ba5819e534bc379788b45b6160e8880cff3a0', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -35610,7 +35598,7 @@ class Toast {
         if (this.color == 'danger') {
             this.timeout = 0;
         }
-        return (hAsync(Host, { key: '5a9d4fd26cd7653dcb6c14e404d6d680d685b8cf', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: '046d2830acf701c848ae4135e7a7af9c6682de6d', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: 'ca4883fde49d31333322223bc1dc09fff550a804', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: 'b39ab618e3a0ffbd4f709fd6b8a0d6c76c1b6e7c', class: "toast-label" }, this.label), hAsync("button", { key: '7f390d2a8e844b246692906c0b1bfca343e3fdd3', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: '6dcc4e70bb97bed90946ead063502074208f8b0d', icon: navigationClose, size: "md" })), hAsync("slot", { key: '0ae44f2b725ee982345a768d8595de8e12e6bdca', name: "progress" }))));
+        return (hAsync(Host, { key: '1e5de437f471e4a0a4c4a328b41c39e2f84aeb87', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: '1086cd53128b3312632be7e791fdb83c2b44a931', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: '053ac170976e5266f80b584943ef9fe6c440d290', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: 'edcbf5c89984660d5c8eb82a329d22ea941e6fdc', class: "toast-label" }, this.label), hAsync("button", { key: '7ca0f0ee6c0166be548ff66423772dd8f74b0ecb', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: 'd11b87da89cf1057349214b04468e387484db3da', icon: navigationClose, size: "md" })), hAsync("slot", { key: 'd4db3d4c547ea47bd1aab1a462b8975d8b4368d6', name: "progress" }))));
     }
     static get watchers() { return {
         "isOpen": ["isOpenChanged"]
@@ -35650,7 +35638,7 @@ class Toolbar {
     }
     render() {
         const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
-        return (hAsync(Host, { key: 'ef280d58587592e633b4abf5edce5a206c6012df', class: colorClass }, hAsync("div", { key: '45dcd9a88059921a57a83755213874bd69c034e5', class: "toolbar-container" }, hAsync("slot", { key: '306e74460424aa3b245fd3b52cbfe540f1ec6923', name: "start" }), hAsync("slot", { key: '874ef5ed7aacbe78030c0110f18995878b306b56', name: "primary" }), hAsync("div", { key: 'd6315c18239ced57dae7ab1986234a807f3ad898', class: "toolbar-content" }, hAsync("slot", { key: 'dadb2fdd70f43c6cd36122d3197da4e2edff58b9' })), hAsync("slot", { key: '4e4fdb5faac06979cbd9a92808c307896a5ad2b4', name: "secondary" }), hAsync("slot", { key: '3a31bc1e2773a696b1f902325e6b69b5b6153fbe', name: "end" }))));
+        return (hAsync(Host, { key: '3babdf893a7a89e310b620737ef852ee133ccebb', class: colorClass }, hAsync("div", { key: 'de9400a86c87d427d22b496cd6ceb31cb93ccf54', class: "toolbar-container" }, hAsync("slot", { key: '50559e69631b7581ad67338aea96acd42926b9ab', name: "start" }), hAsync("slot", { key: '40bcbd63fb2f83d7c8294154734c58c0650ee182', name: "primary" }), hAsync("div", { key: '4eec60ca600f33e3e0c6d9056c9913d8df7e62bd', class: "toolbar-content" }, hAsync("slot", { key: 'f1105dc9a8ac7ff4cfc7e8e166d8a0e13c1bee73' })), hAsync("slot", { key: 'ca6e18fc20fb0a636d54573ffb99074940e41bcc', name: "secondary" }), hAsync("slot", { key: 'c73721561d9d3d38c38a9dc453757b185bbd81a5', name: "end" }))));
     }
     static get style() { return RoadToolbarStyle0; }
     static get cmpMeta() { return {
@@ -35676,7 +35664,7 @@ class ToolbarAppName {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '97f764499f0d16456fa2d98e19815d260d736029', class: "toolbar-title-page" }, hAsync("slot", { key: 'b773809ae7bf4f8fa4be5bad8645c9a6077cc3f4' })));
+        return (hAsync("div", { key: 'dc61258415913c4112dd06bcc23a94db38fab00e', class: "toolbar-title-page" }, hAsync("slot", { key: 'f39c19ff690566100558556751e8380bb448eb72' })));
     }
     static get style() { return RoadToolbarTitlePageStyle0; }
     static get cmpMeta() { return {
@@ -35700,7 +35688,7 @@ class ToolbarTitle {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'c428fb2d1a55e5fa29f51e3fcaa78920fefb9762', class: "toolbar-title" }, hAsync("slot", { key: '7e9d258f597ac5a6cb0aa2ca709e967f61e93995' })));
+        return (hAsync("div", { key: '79254e204a533572207f3779ee0d20d814bbbecd', class: "toolbar-title" }, hAsync("slot", { key: '29cce3ccf19f113e99e1b2b4c84322efc0b94f94' })));
     }
     static get style() { return RoadToolbarTitleStyle0; }
     static get cmpMeta() { return {
@@ -35729,7 +35717,7 @@ class ToolbarV2 {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '32ab6d9b38e7ad07deb1a91b3033f267fdce6f1a', class: "toolbar" }, hAsync("div", { key: 'cbce5ebce69f4d4a90311fe5d15309734f714871', class: "toolbar-container" }, hAsync("div", { key: 'b00b9646a07b8e13bc9f9cac43f52e4160d88d8e', class: "toolbar-container-content-left" }, hAsync("slot", { key: '9ebf7a657c014c25d57d36cde476b0b4418548aa', name: "start" }), hAsync("slot", { key: 'e21c64b3ee102d64b71ab3f9d1be53f0f2e5feda', name: "primary" })), hAsync("div", { key: '806fe8671e526e71f7dc2da6bb82e7241b4ccfe9', class: "toolbar-content" }, hAsync("slot", { key: '19474289ea13e02971e41760959c69fc4c8ea8f8' })), hAsync("div", { key: 'a2d0e65ebade0869054171ad1a196530a0e42fda', class: "toolbar-container-content-right" }, hAsync("slot", { key: '6fade2c1d40978e088cfe06e0eb3d2eb0984ed26', name: "secondary" }), hAsync("slot", { key: '896518e549843127b9746680a983a9d761797e30', name: "end" })))));
+        return (hAsync(Host, { key: 'a020bd723a459c6bb443645007df7b1f215ea851', class: "toolbar" }, hAsync("div", { key: '2d2cc4b896593cf69c7046ee877b5c9b7ba53eb5', class: "toolbar-container" }, hAsync("div", { key: '55c6f4b55cc7c5ddae5965a156bcfb6cafec1d49', class: "toolbar-container-content-left" }, hAsync("slot", { key: '6b249b32d73240846717ac50a8d1544511a2fe6d', name: "start" }), hAsync("slot", { key: '9187ad0c4fc712d3ad16af1f72db9bd7382d8e6e', name: "primary" })), hAsync("div", { key: 'f5936eb58c38d6cd5758d213f40e6bc09df3f7e8', class: "toolbar-content" }, hAsync("slot", { key: 'c61051186fb1f726fcc104d9f3a827e091b46ff3' })), hAsync("div", { key: '7ee04f220d5377315bc8c320461963def7a7d05f', class: "toolbar-container-content-right" }, hAsync("slot", { key: '196976ade22edf382dee91352082d31b5fce015f', name: "secondary" }), hAsync("slot", { key: 'ea25da8140c7525ce6ed3e712c64ccb105fcbb71', name: "end" })))));
     }
     static get style() { return RoadToolbarV2Style0; }
     static get cmpMeta() { return {
@@ -35842,12 +35830,12 @@ class Tooltip {
         return triggers.includes(triggerType);
     }
     render() {
-        return (hAsync(Host, { key: '741a849c1489d6e2962f71a529f018d315951b8a', 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: 'a41350a6114e63e0d73759b29c0afa19d467ac4b', 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: '2a709fc59d3e0b13896e2b2b14f10500399eeb00', "aria-describedby": this.tooltipId }), hAsync("div", { key: '55d24721aeb703ba3717954c2082a3eb1bf2aca3', part: "tooltip", id: this.tooltipId, class: {
+            "data-tooltip-position": this.position }, hAsync("slot", { key: 'e2985be0f2af606eb675875a1ef0e53190c54b50', "aria-describedby": this.tooltipId }), hAsync("div", { key: '45f8da72265c812ebbc781cafd7356f02294c2ae', 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: '094531297abb7a2f65f47f5bf3c1c7e63b753855', name: "tooltip-content" }))));
+            }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: 'a3d80cc2d48e26c0a5c2f45e38854601c1f3ea83', name: "tooltip-content" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTooltipStyle0; }
@@ -35947,11 +35935,11 @@ class toggle {
     }
     render() {
         const labelId = this.toggleId + '-label';
-        const textLabel = hAsync("label", { key: 'a6b573f6cf34cc4818943f49652330259bc9a36f', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
+        const textLabel = hAsync("label", { key: 'd8f6f793ae322fc4f3c78d627858836a8ace0b1e', 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: '63c2d3510c08629a16d8a8c48ba653252d4e2fd0' }, hAsync("input", { key: 'c14815218ea372ce75ceb5b2ff8ac8d9d13d9d9b', 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: 'b2f7adc1da9841844a0641c0a2e4eeb9e746f813', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '6a49e7bfdcdab56094a4722eefc66478ab2ec999', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (hAsync(Host, { key: '5b975533cbd7705fb47773942d43ca00f9c67777' }, hAsync("input", { key: '2f02aaaf3815db82b246eccc65b95ff80028fef3', 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: '922fd52175937ca1749eac085776411c2f6b2517', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '0b7e003b92aaa2bb7f02ac19bba110d959349d84', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -36476,7 +36464,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.27.0 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.27.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -36822,19 +36810,19 @@ var MockCustomElementRegistry = class {
         this.__whenDefined.delete(tagName);
       }
     }
-    const doc2 = this.win.document;
-    if (doc2 != null) {
-      const hosts = doc2.querySelectorAll(tagName);
+    const doc = this.win.document;
+    if (doc != null) {
+      const hosts = doc.querySelectorAll(tagName);
       hosts.forEach((host) => {
         if (upgradedElements.has(host) === false) {
-          tempDisableCallbacks.add(doc2);
-          const upgradedCmp = createCustomElement(this, doc2, tagName);
+          tempDisableCallbacks.add(doc);
+          const upgradedCmp = createCustomElement(this, doc, tagName);
           for (let i = 0; i < host.childNodes.length; i++) {
             const childNode = host.childNodes[i];
             childNode.remove();
             upgradedCmp.appendChild(childNode);
           }
-          tempDisableCallbacks.delete(doc2);
+          tempDisableCallbacks.delete(doc);
           if (proxyElements.has(host)) {
             proxyElements.set(host, upgradedCmp);
           }
@@ -45278,11 +45266,11 @@ function parseFragment(fragmentContext, html, options) {
 // src/mock-doc/parse-util.ts
 var docParser = /* @__PURE__ */ new WeakMap();
 function parseDocumentUtil(ownerDocument, html) {
-  const doc2 = parse(html.trim(), getParser(ownerDocument));
-  doc2.documentElement = doc2.firstElementChild;
-  doc2.head = doc2.documentElement.firstElementChild;
-  doc2.body = doc2.head.nextElementSibling;
-  return doc2;
+  const doc = parse(html.trim(), getParser(ownerDocument));
+  doc.documentElement = doc.firstElementChild;
+  doc.head = doc.documentElement.firstElementChild;
+  doc.body = doc.head.nextElementSibling;
+  return doc;
 }
 function parseFragmentUtil(ownerDocument, html) {
   if (typeof html === "string") {
@@ -45300,9 +45288,9 @@ function getParser(ownerDocument) {
   }
   const treeAdapter = {
     createDocument() {
-      const doc2 = ownerDocument.createElement("#document" /* DOCUMENT_NODE */);
-      doc2["x-mode"] = "no-quirks";
-      return doc2;
+      const doc = ownerDocument.createElement("#document" /* DOCUMENT_NODE */);
+      doc["x-mode"] = "no-quirks";
+      return doc;
     },
     setNodeSourceCodeLocation(node, location2) {
       node.sourceCodeLocation = location2;
@@ -45340,22 +45328,22 @@ function getParser(ownerDocument) {
     getTemplateContent(templateElement) {
       return templateElement.content;
     },
-    setDocumentType(doc2, name, publicId, systemId) {
-      let doctypeNode = doc2.childNodes.find((n) => n.nodeType === 10 /* DOCUMENT_TYPE_NODE */);
+    setDocumentType(doc, name, publicId, systemId) {
+      let doctypeNode = doc.childNodes.find((n) => n.nodeType === 10 /* DOCUMENT_TYPE_NODE */);
       if (doctypeNode == null) {
         doctypeNode = ownerDocument.createDocumentTypeNode();
-        doc2.insertBefore(doctypeNode, doc2.firstChild);
+        doc.insertBefore(doctypeNode, doc.firstChild);
       }
       doctypeNode.nodeValue = "!DOCTYPE";
       doctypeNode["x-name"] = name;
       doctypeNode["x-publicId"] = publicId;
       doctypeNode["x-systemId"] = systemId;
     },
-    setDocumentMode(doc2, mode) {
-      doc2["x-mode"] = mode;
+    setDocumentMode(doc, mode) {
+      doc["x-mode"] = mode;
     },
-    getDocumentMode(doc2) {
-      return doc2["x-mode"];
+    getDocumentMode(doc) {
+      return doc["x-mode"];
     },
     detachNode(node) {
       node.remove();
@@ -45531,9 +45519,9 @@ var jquery_default = (
       nonce: true,
       noModule: true
     };
-    function DOMEval(code, node, doc2) {
-      doc2 = doc2 || document2;
-      var i2, script = doc2.createElement("script");
+    function DOMEval(code, node, doc) {
+      doc = doc || document2;
+      var i2, script = doc.createElement("script");
       script.text = code;
       if (node) {
         for (i2 in preservedScriptAttributes) {
@@ -45542,7 +45530,7 @@ var jquery_default = (
           }
         }
       }
-      doc2.head.appendChild(script).parentNode.removeChild(script);
+      doc.head.appendChild(script).parentNode.removeChild(script);
     }
     const jQuery = {};
     var version = "4.0.0-pre+9352011a7.dirty +selector", rhtmlSuffix = /HTML$/i, jQueryOrig = function(selector, context) {
@@ -45679,8 +45667,8 @@ var jquery_default = (
       },
       // Evaluates a script in a provided context; falls back to the global one
       // if not specified.
-      globalEval: function(code, options, doc2) {
-        DOMEval(code, { nonce: options && options.nonce }, doc2);
+      globalEval: function(code, options, doc) {
+        DOMEval(code, { nonce: options && options.nonce }, doc);
       },
       each: function(obj, callback) {
         var length, i2 = 0;
@@ -46169,11 +46157,11 @@ var jquery_default = (
       });
     }
     function setDocument(node) {
-      var subWindow, doc2 = node ? node.ownerDocument || node : document2;
-      if (doc2 == document$1 || doc2.nodeType !== 9) {
+      var subWindow, doc = node ? node.ownerDocument || node : document2;
+      if (doc == document$1 || doc.nodeType !== 9) {
         return;
       }
-      document$1 = doc2;
+      document$1 = doc;
       documentElement$1 = document$1.documentElement;
       documentIsHTML = !jQuery.isXMLDoc(document$1);
       if (isIE && document2 != document$1 && (subWindow = document$1.defaultView) && subWindow.top !== subWindow) {
@@ -50518,10 +50506,10 @@ var MockDocument = class _MockDocument extends MockHTMLElement {
   }
   createElement(tagName) {
     if (tagName === "#document" /* DOCUMENT_NODE */) {
-      const doc2 = new _MockDocument(false);
-      doc2.nodeName = tagName;
-      doc2.parentNode = null;
-      return doc2;
+      const doc = new _MockDocument(false);
+      doc.nodeName = tagName;
+      doc.parentNode = null;
+      return doc;
     }
     return createElement(this, tagName);
   }
@@ -50561,10 +50549,10 @@ var MockDocument = class _MockDocument extends MockHTMLElement {
     title.textContent = value;
   }
 };
-function resetDocument(doc2) {
-  if (doc2 != null) {
-    resetEventListeners(doc2);
-    const documentElement = doc2.documentElement;
+function resetDocument(doc) {
+  if (doc != null) {
+    resetEventListeners(doc);
+    const documentElement = doc.documentElement;
     if (documentElement != null) {
       resetElement(documentElement);
       for (let i = 0, ii = documentElement.childNodes.length; i < ii; i++) {
@@ -50573,25 +50561,25 @@ function resetDocument(doc2) {
         childNode.childNodes.length = 0;
       }
     }
-    for (const key in doc2) {
-      if (doc2.hasOwnProperty(key) && !DOC_KEY_KEEPERS.has(key)) {
-        delete doc2[key];
+    for (const key in doc) {
+      if (doc.hasOwnProperty(key) && !DOC_KEY_KEEPERS.has(key)) {
+        delete doc[key];
       }
     }
     try {
-      doc2.nodeName = "#document" /* DOCUMENT_NODE */;
+      doc.nodeName = "#document" /* DOCUMENT_NODE */;
     } catch (e) {
     }
     try {
-      doc2.nodeType = 9 /* DOCUMENT_NODE */;
+      doc.nodeType = 9 /* DOCUMENT_NODE */;
     } catch (e) {
     }
     try {
-      doc2.cookie = "";
+      doc.cookie = "";
     } catch (e) {
     }
     try {
-      doc2.referrer = "";
+      doc.referrer = "";
     } catch (e) {
     }
   }
@@ -50661,7 +50649,6 @@ var STENCIL_DEV_MODE = BUILD.isTesting ? ["STENCIL:"] : [
   "color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"
 ];
 var win = typeof window !== "undefined" ? window : {};
-var doc = win.document || { head: {} };
 var H = win.HTMLElement || class {
 };
 var supportsShadow = BUILD.shadowDom;
@@ -50795,14 +50782,14 @@ var CAPTURE_EVENT_SUFFIX = "Capture";
 var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
 
 // src/compiler/html/canonical-link.ts
-var updateCanonicalLink = (doc2, href) => {
+var updateCanonicalLink = (doc, href) => {
   var _a2;
-  let canonicalLinkElm = doc2.head.querySelector('link[rel="canonical"]');
+  let canonicalLinkElm = doc.head.querySelector('link[rel="canonical"]');
   if (typeof href === "string") {
     if (canonicalLinkElm == null) {
-      canonicalLinkElm = doc2.createElement("link");
+      canonicalLinkElm = doc.createElement("link");
       canonicalLinkElm.setAttribute("rel", "canonical");
-      doc2.head.appendChild(canonicalLinkElm);
+      doc.head.appendChild(canonicalLinkElm);
     }
     canonicalLinkElm.setAttribute("href", href);
   } else {
@@ -50816,11 +50803,11 @@ var updateCanonicalLink = (doc2, href) => {
 };
 
 // src/compiler/html/relocate-meta-charset.ts
-var relocateMetaCharset = (doc2) => {
-  const head = doc2.head;
+var relocateMetaCharset = (doc) => {
+  const head = doc.head;
   let charsetElm = head.querySelector("meta[charset]");
   if (charsetElm == null) {
-    charsetElm = doc2.createElement("meta");
+    charsetElm = doc.createElement("meta");
     charsetElm.setAttribute("charset", "utf-8");
   } else {
     charsetElm.remove();
@@ -51095,13 +51082,13 @@ var parseCss = (css, filePath) => {
     const m = match(/^@([-\w]+)?document *([^{]+)/);
     if (!m) return null;
     const vendor = trim(m[1]);
-    const doc2 = trim(m[2]);
+    const doc = trim(m[2]);
     if (!open()) return error(`@document missing '{'`);
     const style = comments().concat(rules());
     if (!close()) return error(`@document missing '}'`);
     return pos({
       type: 3 /* Document */,
-      document: doc2,
+      document: doc,
       vendor,
       rules: style
     });
@@ -51427,11 +51414,11 @@ var serializeCssPage = (opts, node) => {
 };
 var serializeCssDocument = (opts, node) => {
   const documentCss = serializeCssMapVisit(opts, node.rules);
-  const doc2 = "@" + (node.vendor || "") + "document " + node.document;
+  const doc = "@" + (node.vendor || "") + "document " + node.document;
   if (documentCss === "") {
     return "";
   }
-  return doc2 + "{" + documentCss + "}";
+  return doc + "{" + documentCss + "}";
 };
 var serializeCssMapVisit = (opts, nodes) => {
   let rtn = "";
@@ -51529,12 +51516,12 @@ var collectUsedSelectors = (usedSelectors, elm) => {
 };
 
 // src/compiler/html/remove-unused-styles.ts
-var removeUnusedStyles = (doc2, diagnostics) => {
+var removeUnusedStyles = (doc, diagnostics) => {
   try {
-    const styleElms = doc2.head.querySelectorAll(`style[data-styles]`);
+    const styleElms = doc.head.querySelectorAll(`style[data-styles]`);
     const styleLen = styleElms.length;
     if (styleLen > 0) {
-      const usedSelectors = getUsedSelectors(doc2.documentElement);
+      const usedSelectors = getUsedSelectors(doc.documentElement);
       for (let i = 0; i < styleLen; i++) {
         removeUnusedStyleText(usedSelectors, diagnostics, styleElms[i]);
       }
@@ -51667,41 +51654,41 @@ function collectAttributes(node) {
 var SKIP_ATTRS = /* @__PURE__ */ new Set(["s-id", "c-id"]);
 
 // src/hydrate/runner/patch-dom-implementation.ts
-function patchDomImplementation(doc2, opts) {
+function patchDomImplementation(doc, opts) {
   let win2;
-  if (doc2.defaultView != null) {
+  if (doc.defaultView != null) {
     opts.destroyWindow = true;
-    patchWindow(doc2.defaultView);
-    win2 = doc2.defaultView;
+    patchWindow(doc.defaultView);
+    win2 = doc.defaultView;
   } else {
     opts.destroyWindow = true;
     opts.destroyDocument = false;
     win2 = new MockWindow(false);
   }
-  if (win2.document !== doc2) {
-    win2.document = doc2;
+  if (win2.document !== doc) {
+    win2.document = doc;
   }
-  if (doc2.defaultView !== win2) {
-    doc2.defaultView = win2;
+  if (doc.defaultView !== win2) {
+    doc.defaultView = win2;
   }
-  const HTMLElement2 = doc2.documentElement.constructor.prototype;
+  const HTMLElement2 = doc.documentElement.constructor.prototype;
   if (typeof HTMLElement2.getRootNode !== "function") {
-    const elm = doc2.createElement("unknown-element");
+    const elm = doc.createElement("unknown-element");
     const HTMLUnknownElement = elm.constructor.prototype;
     HTMLUnknownElement.getRootNode = getRootNode;
   }
-  if (typeof doc2.createEvent === "function") {
-    const CustomEvent2 = doc2.createEvent("CustomEvent").constructor;
+  if (typeof doc.createEvent === "function") {
+    const CustomEvent2 = doc.createEvent("CustomEvent").constructor;
     if (win2.CustomEvent !== CustomEvent2) {
       win2.CustomEvent = CustomEvent2;
     }
   }
   try {
-    win2.__stencil_baseURI = doc2.baseURI;
+    win2.__stencil_baseURI = doc.baseURI;
   } catch (e) {
-    Object.defineProperty(doc2, "baseURI", {
+    Object.defineProperty(doc, "baseURI", {
       get() {
-        const baseElm = doc2.querySelector("base[href]");
+        const baseElm = doc.querySelector("base[href]");
         if (baseElm) {
           return new URL(baseElm.getAttribute("href"), win2.location.href).href;
         }
@@ -51912,7 +51899,7 @@ var docData = {
   rootLevelIds: 0,
   staticComponents: /* @__PURE__ */ new Set()
 };
-function initializeWindow(win2, doc2, opts, results) {
+function initializeWindow(win2, doc, opts, results) {
   if (typeof opts.url === "string") {
     try {
       win2.location.href = opts.url;
@@ -51927,31 +51914,31 @@ function initializeWindow(win2, doc2, opts, results) {
   }
   if (typeof opts.cookie === "string") {
     try {
-      doc2.cookie = opts.cookie;
+      doc.cookie = opts.cookie;
     } catch (e) {
     }
   }
   if (typeof opts.referrer === "string") {
     try {
-      doc2.referrer = opts.referrer;
+      doc.referrer = opts.referrer;
     } catch (e) {
     }
   }
   if (typeof opts.direction === "string") {
     try {
-      doc2.documentElement.setAttribute("dir", opts.direction);
+      doc.documentElement.setAttribute("dir", opts.direction);
     } catch (e) {
     }
   }
   if (typeof opts.language === "string") {
     try {
-      doc2.documentElement.setAttribute("lang", opts.language);
+      doc.documentElement.setAttribute("lang", opts.language);
     } catch (e) {
     }
   }
   if (typeof opts.buildId === "string") {
     try {
-      doc2.documentElement.setAttribute("data-stencil-build", opts.buildId);
+      doc.documentElement.setAttribute("data-stencil-build", opts.buildId);
     } catch (e) {
     }
   }
@@ -51963,7 +51950,7 @@ function initializeWindow(win2, doc2, opts, results) {
     constrainTimeouts(win2);
   }
   runtimeLogging(win2, opts, results);
-  doc2[STENCIL_DOC_DATA] = docData;
+  doc[STENCIL_DOC_DATA] = docData;
   return win2;
 }
 
@@ -51981,18 +51968,18 @@ function renderToString(html, options, asStream) {
   opts.constrainTimeouts = false;
   return hydrateDocument(html, opts, asStream);
 }
-function hydrateDocument(doc2, options, asStream) {
+function hydrateDocument(doc, options, asStream) {
   const opts = normalizeHydrateOptions(options);
   let win2 = null;
   const results = generateHydrateResults(opts);
   if (hasError(results.diagnostics)) {
     return Promise.resolve(results);
   }
-  if (typeof doc2 === "string") {
+  if (typeof doc === "string") {
     try {
       opts.destroyWindow = true;
       opts.destroyDocument = true;
-      win2 = new MockWindow(doc2);
+      win2 = new MockWindow(doc);
       if (!asStream) {
         return render(win2, opts, results).then(() => results);
       }
@@ -52006,10 +51993,10 @@ function hydrateDocument(doc2, options, asStream) {
       return Promise.resolve(results);
     }
   }
-  if (isValidDocument(doc2)) {
+  if (isValidDocument(doc)) {
     try {
       opts.destroyDocument = false;
-      win2 = patchDomImplementation(doc2, opts);
+      win2 = patchDomImplementation(doc, opts);
       if (!asStream) {
         return render(win2, opts, results).then(() => results);
       }
@@ -52066,41 +52053,41 @@ async function afterHydrate(win2, opts, results, resolve) {
     return resolve(finalizeHydrate(win2, win2.document, opts, results));
   }
 }
-function finalizeHydrate(win2, doc2, opts, results) {
+function finalizeHydrate(win2, doc, opts, results) {
   try {
-    inspectElement(results, doc2.documentElement, 0);
+    inspectElement(results, doc.documentElement, 0);
     if (opts.removeUnusedStyles !== false) {
       try {
-        removeUnusedStyles(doc2, results.diagnostics);
+        removeUnusedStyles(doc, results.diagnostics);
       } catch (e) {
         renderCatchError(results, e);
       }
     }
     if (typeof opts.title === "string") {
       try {
-        doc2.title = opts.title;
+        doc.title = opts.title;
       } catch (e) {
         renderCatchError(results, e);
       }
     }
-    results.title = doc2.title;
+    results.title = doc.title;
     if (opts.removeScripts) {
-      removeScripts(doc2.documentElement);
+      removeScripts(doc.documentElement);
     }
     try {
-      updateCanonicalLink(doc2, opts.canonicalUrl);
+      updateCanonicalLink(doc, opts.canonicalUrl);
     } catch (e) {
       renderCatchError(results, e);
     }
     try {
-      relocateMetaCharset(doc2);
+      relocateMetaCharset(doc);
     } catch (e) {
     }
     if (!hasError(results.diagnostics)) {
       results.httpStatus = 200;
     }
     try {
-      const metaStatus = doc2.head.querySelector('meta[http-equiv="status"]');
+      const metaStatus = doc.head.querySelector('meta[http-equiv="status"]');
       if (metaStatus != null) {
         const metaStatusContent = metaStatus.getAttribute("content");
         if (metaStatusContent && metaStatusContent.length > 0) {
@@ -52110,25 +52097,25 @@ function finalizeHydrate(win2, doc2, opts, results) {
     } catch (e) {
     }
     if (opts.clientHydrateAnnotations) {
-      doc2.documentElement.classList.add("hydrated");
+      doc.documentElement.classList.add("hydrated");
     }
     if (opts.serializeToHtml) {
-      results.html = serializeDocumentToString(doc2, opts);
+      results.html = serializeDocumentToString(doc, opts);
     }
   } catch (e) {
     renderCatchError(results, e);
   }
-  destroyWindow(win2, doc2, opts, results);
+  destroyWindow(win2, doc, opts, results);
   return results;
 }
-function destroyWindow(win2, doc2, opts, results) {
+function destroyWindow(win2, doc, opts, results) {
   if (!opts.destroyWindow) {
     return;
   }
   try {
     if (!opts.destroyDocument) {
       win2.document = null;
-      doc2.defaultView = null;
+      doc.defaultView = null;
     }
     if (win2.close) {
       win2.close();
@@ -52137,8 +52124,8 @@ function destroyWindow(win2, doc2, opts, results) {
     renderCatchError(results, e);
   }
 }
-function serializeDocumentToString(doc2, opts) {
-  return serializeNodeToHtml(doc2, {
+function serializeDocumentToString(doc, opts) {
+  return serializeNodeToHtml(doc, {
     approximateLineWidth: opts.approximateLineWidth,
     outerHtml: false,
     prettyHtml: opts.prettyHtml,
@@ -52150,8 +52137,8 @@ function serializeDocumentToString(doc2, opts) {
     fullDocument: opts.fullDocument
   });
 }
-function isValidDocument(doc2) {
-  return doc2 != null && doc2.nodeType === 9 && doc2.documentElement != null && doc2.documentElement.nodeType === 1 && doc2.body != null && doc2.body.nodeType === 1;
+function isValidDocument(doc) {
+  return doc != null && doc.nodeType === 9 && doc.documentElement != null && doc.documentElement.nodeType === 1 && doc.body != null && doc.body.nodeType === 1;
 }
 function removeScripts(elm) {
   const children = elm.children;