@roadtrip/components 3.32.3 → 3.32.5

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.1 | 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) => {
@@ -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: '7fffe10ee5aa2a3ee09086f24e637c5e07992487', role: "tablist" }, hAsync("slot", { key: '10e9ca402be8299b44ef9cb41921cf846e280fe9' })));
     }
     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; }
@@ -11338,21 +11358,18 @@ 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 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: '4d9be03736741085ab2e44728221fa931702f7a2', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'c613b7c05b4dfbef48310a6c1565caa8d091c6c0', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '70076089664b4566643bf831a4db3be3a7af68ac', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: 'df3d3339ab9154a2739b0363d344fa5ae4f8b94a', class: "drawer-content" }, hAsync("header", { key: 'fc42b61e3c39be98e8c3a74bb123f73c1c2e5233', 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: 'a2d41d92db31c710971d719400fd0e12e0980961', class: "drawer-body" }, hAsync("slot", { key: '9beff60ac4b62b62c0e64bb0589823bedaf02cf7' })), hAsync("footer", { key: 'f104a4bf836bfe093f07d4613c243ff5b58ea58d', class: "drawer-footer" }, hAsync("slot", { key: 'b53316f9351fd23e9baf4be885772542cba6df92', name: "footer" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11412,7 +11429,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 +11485,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: 'ef885563a57a00c14694efdc7535b2f589cd5558', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: 'd653bf84dded67c1e7ee765951335e08c22cf5e5', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: '2d1d9bb7d125d26be995636447148bc60ce3ebee', class: `d-flex` }, hAsync("div", { key: 'd09e9dce1f1509092acdd9c55ac86f77620a8945' }, hAsync("road-avatar", { key: 'd5d20f6e0f6af0d710d0c40e1027f07ba27c4ec5' }, hAsync("slot", { key: '1e23ef5fd196881d23a144326b26cf223cc06c31', name: "avatar" }))))), hAsync("div", { key: '12b770b0426f1ca4f5550656b8ddb5f868f7f5c4', class: `dropdown-menu` }, hAsync("div", { key: '502d4e9f0a65c0aa72021cde7462c4b056223326', class: "profil-item" }, hAsync("road-avatar", { key: '0568250f850bf1f56169b8f40a89d16c0d0a4400', size: "sm" }, hAsync("slot", { key: '3e5896405e5f155a3721eda74a99bda6fbbf5500', name: "avatarItem" })), hAsync("div", { key: '9c3c0af4361d5e36e3189c2bc9fa156e80d9b52a', class: "profil-item-info" }, hAsync("span", { key: '14d317fb694adbfa415897059191e0586689c354', class: "profil-item-info-name" }, hAsync("slot", { key: 'e42863210087468ff02e50a669b99d4fdc2f048d', name: "name" })), hAsync("road-label", { key: '451c674889bccb623c397b05310046d00bd32986' }, hAsync("slot", { key: 'e37cc7000e92ef1d7573f98fc30bf64223e10340', name: "email" })))), hAsync("slot", { key: 'e14e18ceefeff09ea09abb71c36e8f0e9d432f71', name: "list" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadProfilDropdownStyle0; }
@@ -11532,7 +11549,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 +11595,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 +11641,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 +11789,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 +11819,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 +11922,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 +12044,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 +12147,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 +29541,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 +29628,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 +29708,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 +29755,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 +29780,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 +29867,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 +29918,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 +30004,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 +30101,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 +30164,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 +30287,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: '7980cc259f449b537eb2a03fc4e291f1d1969bfb', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '3149ae01f12aadde00cb72903b09c73a45816732', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: '21220cb22eccab0efab05f44a1127bcb6cbd204f', class: "plate-number-start" }, hAsync("road-icon", { key: '2b1e4f33543c17399f1d19088f3d71c1d15c0248', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: 'ab3f376b26c1bc8b8dcc0741a8d651bf5ef2ab66', 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: '247d5b0a7be0f8d5012f5954d569c674e5f294a2', slot: "append", class: "input-group-append" }, hAsync("div", { key: '7ddc6a2c9e8bc5a41677cda5f3b48ae000952d08', class: "plate-number-end" }))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -30341,7 +30358,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: 'f279904305a0aeeed08b41ad7c04dde77b7935bd', class: "progress-element" }, hAsync("div", { key: 'fcc94dd81e3f47e7cd0792223f42132a565ffb0f', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '9df3dc8b11c4d458115e7d772ba04e9c56c49498', 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: '77912e82c0338448643cd6e9b1b57f29d882a4d5', class: `${fullwidth}` }, hAsync("span", { key: '41db96be16f003e0efac77d65580e0333e55efea', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: '2096e01438d8d0384c17e781e946aae8217bfab7', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
     }
     static get style() { return RoadProgressStyle0; }
     static get cmpMeta() { return {
@@ -30382,7 +30399,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: '1316219f8843bbe67b9d108e7855db69251025fa' }, hAsync("nav", { key: '6b2ff0e552c124364a5cdb8419af4c3cf6489a2a' }, hAsync("ul", { key: '279fa6381d7cc7ec44614c3a2611171d1b728a92' }, hAsync("li", { key: '9b4b57a7285a812c7a992c9e35e145f703de9c5b' }, hAsync("slot", { key: '9adfddec33f1ddd9658f2ce50802d193cf880a36' }))))));
     }
     static get style() { return RoadProgressIndicatorVerticalStyle0; }
     static get cmpMeta() { return {
@@ -30406,7 +30423,7 @@ class ProgressIndicatorVerticalItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '331aa668c231602fa09aa8879936b114ae9a9922' }, hAsync("slot", { key: 'bd2b07a4daa8ff2be253a6853e19cdfc7c41d848' })));
+        return (hAsync(Host, { key: '3b0c10665a39471c80fd033bc9ac82fe2a5af21b' }, hAsync("slot", { key: '9afd4c52e6b4b5de87e8283a90d44f89cd608c2e' })));
     }
     static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
     static get cmpMeta() { return {
@@ -30435,7 +30452,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: '7d98761f2a2e832defc4a3be6f8ba55ee84e63e5' }, hAsync("nav", { key: 'd7b060564d6010f2cf6258be342337f38d21f465' }, hAsync("ul", { key: '1d738d9f900a278a9c1da0a90fd851cd859af5d7' }, hAsync("li", { key: '07652bae417a2e3654f70751330fdf72bfa2cbfc' }, hAsync("slot", { key: 'd1e1dccc15da4d4b578ed309f63843dc68e0e6d1' }))))));
     }
     static get style() { return RoadProgressTrackerStyle0; }
     static get cmpMeta() { return {
@@ -30467,7 +30484,7 @@ class ProgressTrackerItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'ad62f3db13a041f534b2da9a11f0eb6f394a0412' }, hAsync("slot", { key: '879eb2757031161b20e708275ea2d009f1e83a7b' })));
+        return (hAsync(Host, { key: 'ad50a5a48f22062d91b353cdc827b0bfd5c0aec2' }, hAsync("slot", { key: '06013bfcc1ae31542a228fc341905dd47e67bbce' })));
     }
     static get style() { return RoadProgressTrackerItemStyle0; }
     static get cmpMeta() { return {
@@ -30560,7 +30577,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: '3153c0da131395b6b1a32e3e6612c63dc1073d0f', class: `form-radio ${inlineClass}` }, hAsync("input", { key: 'e73a45b85d90b9704839cd6937ed74110f6eb6e0', 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: '83a00bb8c1d319bb4118c0638ed15ebaf848056a', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: 'd00a94092feb5b4bcf7e9c7ec0c5bfe72018d793', class: "form-radio-label-span" }, this.secondaryLabel))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadRadioStyle0; }
@@ -30654,7 +30671,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: 'bd4d94c95c08aef18d12a279fb9678d1bf3fa008', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '30388fd2a86be9f0dd3d975a6ab549970eb8867f', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '9b632bb00c8191b375ac0a43dcceb67af0d74597', class: "asterisk" }, "*")), hAsync("slot", { key: 'eb69969fd91411bb34b96d85450f017c15afe6c1' }), this.error && this.error !== '' && hAsync("p", { key: 'a9dd413f7c2674317eeb7b8258ae3be9d6c09e6b', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '03341129fd0aa6bdb3bf5b811f0f1c12ed46fe05', class: "helper" }, this.helper)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30784,14 +30801,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: '8fd94a409f0e5e537576ce870b77294a1a3dd871', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: 'f501f98ca087c5ad0411f8477b04c7b595b6e15c', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '959a1a587bb1a2d56dbdb47b7cb98ea590170261', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: '6aca50db080bebbe0e78d8c4bb86ec04552d9af9', 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: '8e3511fc6d3f5ce44a0da8b737677ee8832b67cf' }), this.showLabels && hAsync("slot", { key: '2ed8c2a46779938262227ec46edd223dc438d69c', name: "datalist" }), hAsync("input", { key: 'ef317d144c64dc881ea3f49dc7f4b251aaabb578', 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: 'fbc87a0dcefd8ce92d0f6548fbc4bab1bcc8cbc4', class: "form-range-label" }, "Valeur"), hAsync("div", { key: 'f329d5b20f1f851e34507b9dc5a5cdb5d01dd54c', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: 'ba9c133f7e0c54bdd38489b62b5dd54bcbe11525', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30860,7 +30877,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: 'd0916d0972fa54522b71bfd4698416e7d1ce9919' }, hAsync("div", { key: 'abdd431621719c0e5708441194042715c2959419', 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: '51f8155d51c77360e272c820949959d8117b0509', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '33e67df1597b534f47e6a4785744be4d4e79c920', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
     }
     static get style() { return RoadRatingStyle0; }
     static get cmpMeta() { return {
@@ -30979,7 +30996,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"]
@@ -32404,7 +32421,7 @@ class RoadPhoneNumberInput {
         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 }))));
+        return (hAsync(Host, { key: 'eda1808cf7138f507656e3b3a9fa367fca5d598a' }, hAsync("road-input-group", { key: '2c110dd86bd69aa2619fd54697992dfa54cafe7f' }, hAsync("div", { key: 'cca235435d4edefaf271e75df90236a327805a98', class: `road-phone-input-select ${isErrorClass}`, slot: "prepend" }, hAsync("select", { key: 'f734b4ac6b7bb88ae209689fdf85ce8d3d631302', 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: '89255560eed68abaf4d2125e62e96695cec49fcf', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '402c5307460ffdbd82281ccce5174687743c01ed', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("road-input", { key: '4d151be9354c9225bafc8cc05b6ebfcfc075e92c', 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 }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32447,7 +32464,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'd7f034113e5197a87874abed4d7b3abc1d695c02' }, hAsync("slot", { key: '8d113c8691cc6d060de05da806a177cf7f9d73c8' })));
+        return (hAsync(Host, { key: 'cc1ccb0d6235263b21dadefb893c7c6f9b763e1c' }, hAsync("slot", { key: '33fd4f892b78f389200380580fc4e1ac1e4d429e' })));
     }
     static get style() { return RoadRowStyle0; }
     static get cmpMeta() { return {
@@ -32519,10 +32536,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: '75c73710cd486cfe9ecc5ac025d1ef413c2463a9', 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: '938f5637c68a5cb7a7bc6ee2acaf35587f3643e3', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", { key: '62b81b701cf7cf4ce757e6f8d52e3729a985c4e5' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSegmentedButtonStyle0; }
@@ -32643,7 +32660,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: 'da3422623531e89342177a5d20bb510a59958f89', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: 'bb6d5b2c7aa0f6d47138e5484a63327ff79ddc13', 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: 'ac8dce2f36174aef8c8032df94cb8f7697af23d3', 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: '8168c891572f16aef34e042890655f3729b03c9d', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'ccd6055b8edc033654d1c40c1a7b3add511655c6', class: "invalid-feedback" }, this.error)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -34564,8 +34581,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: '754363e1da719022e5d4e2a9bed9e45a307605fb', "is-active": isActive }, hAsync("slot", { key: '6ed491805215e92124fb0de84b8c4edea15a1bab' }), this.isOpen &&
+            hAsync("ul", { key: 'e78ba5806ffed4ceb585b93dac5aa5eb0a1992c7', 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 +34612,7 @@ class Skeleton {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("span", { key: '23360c1379fea939e6bd1664d59e8e1343a6b419' }, "\u00A0"));
+        return (hAsync("span", { key: 'aa9286d647036cc908db034b7abae677ac5db4c5' }, "\u00A0"));
     }
     static get style() { return RoadSkeletonStyle0; }
     static get cmpMeta() { return {
@@ -34626,7 +34643,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: '79f895b55bf34f5b4591f0104f067b1bc29b5840', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '333985c957dd76b7694d5717eb64f037018c1613', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
     }
     static get style() { return RoadSpinnerStyle0; }
     static get cmpMeta() { return {
@@ -34676,7 +34693,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: '6ef1e7653ba0d4956f96cde42abf1f3305d05b44' }, hAsync("nav", { key: '31b9f0460989cf3a2d2c4f763883c4d33f37acb5' }, hAsync("ul", { key: '1acebf1b93845cb95a283485c2b28a8db1d6fe7e', class: `${colorClass}` }, hAsync("li", { key: '379d152f14c3ca5d095097fbdc44d13bdeea24fd', class: `${stateClass}` }, hAsync("a", { key: '4e4453bc9b113f621e997176c143f2966dd4e5b4', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '068326c44af5b05e0d6f5356f8eb9d4f33b02036', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'd06caa135df2ed284388de472c9fba91837f98e8', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: 'd332efd3e9d13571ceb8c7d0bcc643843f4c492c', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '2744d3572915682f5a1c99c13589052b5e297796', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '2852fd1eb6c83a5bd73bd69fae31b36dfe81d202', class: `${stateSecondStepClass}` }, hAsync("a", { key: 'dada3e2de184745f91dfa6e8271e82a5ace2fb6b', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: '49e839a7ad0379e71a650b0afd60a20909579244', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '98d4b45ee6d0fae6dbfa282f9c906814ad748da4', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: '8c5b89b084630836e70c6b5222519163e79a3b40', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '2c180eb35979d3d07be8470cc655935d2cb89d22', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: '12d8d3e274906772b5cf8b283ee269283356ab3e', class: `${stateThirdStepClass}` }, hAsync("a", { key: '21440094f64c62e5a91491874aa8b946dd2ec687', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: '7dc7412d5baca497635e14d131650d4cc3c1e6dc', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '838fc759296b69d700d4b56f2c0a69ba66aa5d11', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '69b738ab252466f3485c1aab5a3a0835a38b4013', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'a5cb86ba68da3237b5cb83004ac4c1d295f33689', name: "progress-indicator-horizontal-title3" }))))))));
     }
     static get style() { return RoadProgressIndicatorHorizontalStyle0; }
     static get cmpMeta() { return {
@@ -34778,11 +34795,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: '9b8763418ebd696deeaf0f96f0ef3df50233b979', 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: '1eb289fc4d05d8ca3b2d51044167681119c01443' }, hAsync("input", { key: '2d91cd17ab57ca1ba4bc0b9d3270d4416c3999ec', 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: 'ef6bce098cdd21249d38b68e0b811f8e6126c402', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '694baf8b86086363e5f5429af152a6f488e660cc', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -34837,9 +34854,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: '6187e82afbc19467bacecff9dab022208d82d83e', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'tab-hidden': !active,
-            } }, hAsync("slot", { key: 'be64342b87d15293de2c9909d58c874d2f7b9dcf' })));
+            } }, hAsync("slot", { key: 'c3899fd5fd831d2904c77263f5b6ef795d594e9b' })));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabStyle0; }
@@ -34899,11 +34916,11 @@ class TabBar {
     }
     render() {
         const { expand, center, secondary } = this;
-        return (hAsync(Host, { key: 'a498dbdd9f96f8eb18f2786a4300f86a90d5f704', role: "tablist", class: {
+        return (hAsync(Host, { key: '476e362d19cd6d3eac7379cb28a0579f8d165128', role: "tablist", class: {
                 'tab-expand': expand,
                 'tab-center': center,
                 'tab-secondary': secondary,
-            } }, hAsync("slot", { key: '666d8e010a3f1f487f82d996f667720332c73567' })));
+            } }, hAsync("slot", { key: '089d0ced1753e49bbf40a2bed3b6de3ce70cde7a' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35003,7 +35020,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: '531265b9c411317f80d42792817d2000195695a8', 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 +35028,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: '864576c07dfdafdce416c2ad28173e7875d403b1' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '95cf566321f3c956b8682c1ae0a20674966d1b8f', class: "button-inner" }, hAsync("slot", { key: 'a1e2bb5eafc6d9f0b9c166166925d42e52382825' })))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabButtonStyle0; }
@@ -35045,7 +35062,7 @@ class Table {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: 'f036d33368eaf205cfbbafcdcc03b3e0ecf5dc3c' }));
+        return (hAsync("slot", { key: 'b76d60e60c39e889690419d020151ac7a0b68f08' }));
     }
     static get style() { return RoadTableStyle0; }
     static get cmpMeta() { return {
@@ -35153,7 +35170,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: 'ee63f3001e735cc0345f081742b98cc7dda58379', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'ead65e59a9ce47b7ed0034b5e807f41a3f3aae58', name: "top" }), hAsync("slot", { key: '87177efc28c625a4d3e5c893a17ab2ed3be252ef' })));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSegmentedButtonsStyle0; }
@@ -35289,7 +35306,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: '9af7cc85b48f7334fcffd1f73441ea70c98d5dd6', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'd2177dc6d9294c0746b28681c1a8ddf4b52e670a', name: "top" }), hAsync("div", { key: '5a6133642fb46719a0babdda0df26f98e7b51c73', class: "tabs-inner" }, hAsync("slot", { key: 'db5c5137cb9bd1fdb0f587d60fe67fdb3bf40a22' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabsStyle0; }
@@ -35337,7 +35354,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: 'fada54428b148c0572768c9f7f347b7666528f4e', class: `${contrastClass}` }, hAsync("slot", { key: 'e5c53f9a417c064ac4c257a6e5a74bc593c7d5e8' })));
     }
     static get style() { return RoadTagStyle0; }
     static get cmpMeta() { return {
@@ -35369,7 +35386,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: '41de3c220883dbe616d365f940168c46ca079813', class: `${colorClass}` }, hAsync("slot", { key: '4840d935993f294633106ebf2e40ad6ab037b2e3' })));
     }
     static get style() { return RoadTextStyle0; }
     static get cmpMeta() { return {
@@ -35479,7 +35496,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: '6fa4a7131094822da9e3251a06a4f16b54b96968', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: 'a0db598ce5aed5ded46b2f706e82097fbc90d3c7', 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: '63b3e8c95d5569a1ad9b6c7181559af217840ef2', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '4a49ff30de8d7aedecd3e5cc774ddb577201a7e5', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '86f47b9aa260fde69a8e4d17ce80d64b37d373ae', class: "helper" }, this.helper)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -35610,7 +35627,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: 'df8ad5704239c2193697203241e0676657fa5522', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: 'b9de22f810cc6cb58e0b28a066be791acf319208', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: '9d332bcc62cef6b038bd0718e0fe29e0bb5e1c5e', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: '103180fe8d9f9e89b677c0267e779c899c013b74', class: "toast-label" }, this.label), hAsync("button", { key: '152b63bc4ff795a0e1144e528c8fa8a177bbb9f7', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: '612cdf2ec677ef1fe22a0e1054728baae7d740c8', icon: navigationClose, size: "md" })), hAsync("slot", { key: 'e2916bfb8cf8e0ea828ff5cafc3fa400401b6ea3', name: "progress" }))));
     }
     static get watchers() { return {
         "isOpen": ["isOpenChanged"]
@@ -35650,7 +35667,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: 'd0360b97481c8858cc8cba23fc32b031c489b2b3', class: colorClass }, hAsync("div", { key: 'b58fea5a60245841e631bc32b166377b95f8d798', class: "toolbar-container" }, hAsync("slot", { key: '0d09173bafc93a1f3a695bdaf58ad7572500987f', name: "start" }), hAsync("slot", { key: '401575a2e0fb3bdd8143e5b57e3d7aab202a0dbb', name: "primary" }), hAsync("div", { key: 'cb359162e625cf074ec723acdfeaf028930e9fe2', class: "toolbar-content" }, hAsync("slot", { key: '2ea5008e7b77fdbe4d21ece9b89cbdeb2b253c14' })), hAsync("slot", { key: 'e1edbfba20daa66f297614bbba2b3de0d6e9f033', name: "secondary" }), hAsync("slot", { key: 'db5717ae0a9c7ecdea481a2d092820539a1311a6', name: "end" }))));
     }
     static get style() { return RoadToolbarStyle0; }
     static get cmpMeta() { return {
@@ -35676,7 +35693,7 @@ class ToolbarAppName {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '97f764499f0d16456fa2d98e19815d260d736029', class: "toolbar-title-page" }, hAsync("slot", { key: 'b773809ae7bf4f8fa4be5bad8645c9a6077cc3f4' })));
+        return (hAsync("div", { key: '96772b1bc4538e279b0e7d907c95beee244591e3', class: "toolbar-title-page" }, hAsync("slot", { key: '25494eb56d924d9e9b5bb7a66b9d7a8eab44c1f7' })));
     }
     static get style() { return RoadToolbarTitlePageStyle0; }
     static get cmpMeta() { return {
@@ -35700,7 +35717,7 @@ class ToolbarTitle {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'c428fb2d1a55e5fa29f51e3fcaa78920fefb9762', class: "toolbar-title" }, hAsync("slot", { key: '7e9d258f597ac5a6cb0aa2ca709e967f61e93995' })));
+        return (hAsync("div", { key: '9364d8a1ec8f96784727b570787b96765df6d03b', class: "toolbar-title" }, hAsync("slot", { key: '17c2119c82d33ff0eec3bc289edec8911449e8d9' })));
     }
     static get style() { return RoadToolbarTitleStyle0; }
     static get cmpMeta() { return {
@@ -35729,7 +35746,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: 'fca5a59b3032c6dbd3bcad253404b5dfc10f5a0e', class: "toolbar" }, hAsync("div", { key: '5224acf2dac2577621c14f2edc86db1825b1cc7e', class: "toolbar-container" }, hAsync("div", { key: '8c535cefe3b0ce76b8c7c2c0fb24bc5209edba12', class: "toolbar-container-content-left" }, hAsync("slot", { key: '598c676b7a6aac69ae78927d24bbc0ca2520672a', name: "start" }), hAsync("slot", { key: '83723ffe96e3fdfa4b993588ae05c8132ba364d9', name: "primary" })), hAsync("div", { key: '43b0f9a1a4c10f90d933f28d5c86839d0f003fe2', class: "toolbar-content" }, hAsync("slot", { key: 'ef05cf0892ecf414cca6c505d90c69382ea2a43a' })), hAsync("div", { key: 'd819524856567b0cccc95605a2b93bf1c4984836', class: "toolbar-container-content-right" }, hAsync("slot", { key: '7023266f605c06dd981e53f449e6b43dcc6e8ba4', name: "secondary" }), hAsync("slot", { key: '91595aa28cff2fde7240b0aa485cac2a7fb9dd08', name: "end" })))));
     }
     static get style() { return RoadToolbarV2Style0; }
     static get cmpMeta() { return {
@@ -35842,12 +35859,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: '5e5378bca09011fc6cc2d42c2386657a2a059f98', 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: '14feedb97350da949b465b67b73ff757e5993125', "aria-describedby": this.tooltipId }), hAsync("div", { key: '991b675659d7b666dd1440229f0daa55a6f6f9de', 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: 'd8595d6dc063b81a775d7f1df551930223105a74', name: "tooltip-content" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTooltipStyle0; }
@@ -35947,11 +35964,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: 'dc3a609b0330a55fc4f0a7a49afa449c11eeda50', 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: 'f76fe2fde0137de06d721bfc4c39d0afb05efda7' }, hAsync("input", { key: '6e36fab052b76e126530d985fe6466cdee577149', 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: '1f0da686faa51b024b4ef0fe3ff83f9216d3bbeb', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: 'b98b4de91885991c9000ae2e789aa717d2f08a4c', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -36476,7 +36493,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.27.0 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.27.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -36822,19 +36839,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 +45295,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 +45317,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 +45357,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 +45548,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 +45559,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 +45696,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 +46186,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 +50535,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 +50578,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 +50590,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 +50678,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 +50811,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 +50832,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 +51111,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 +51443,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 +51545,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 +51683,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 +51928,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 +51943,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 +51979,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 +51997,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 +52022,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 +52082,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 +52126,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 +52153,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 +52166,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;