@roadtrip/components 3.32.1 → 3.32.3

package/hydrate/index.mjs

@@ -124,10 +124,10 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'roadtrip';
-const BUILD = /* roadtrip */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, 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 };
+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.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -152,6 +152,11 @@ function queryNonceMetaTagContent(doc2) {
   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;
 }
 
+// src/utils/regular-expression.ts
+var escapeRegExpSpecialCharacters = (text) => {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+
 // src/utils/result.ts
 var result_exports = {};
 __export(result_exports, {
@@ -221,12 +226,11 @@ var XLINK_NS = "http://www.w3.org/1999/xlink";
 
 // src/runtime/slot-polyfill-utils.ts
 var updateFallbackSlotVisibility = (elm) => {
-  const childNodes = elm.__childNodes || elm.childNodes;
+  const childNodes = internalCall(elm, "childNodes");
   if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
     getHostSlotNodes(childNodes, elm.tagName).forEach((slotNode) => {
-      var _a;
       if (slotNode.nodeType === 1 /* ElementNode */ && slotNode.tagName === "SLOT-FB") {
-        if ((_a = getHostSlotChildNodes(slotNode, slotNode["s-sn"], false)) == null ? void 0 : _a.length) {
+        if (getSlotChildSiblings(slotNode, getSlotName(slotNode), false).length) {
           slotNode.hidden = true;
         } else {
           slotNode.hidden = false;
@@ -234,19 +238,31 @@ var updateFallbackSlotVisibility = (elm) => {
       }
     });
   }
-  for (const childNode of childNodes) {
-    if (childNode.nodeType === 1 /* ElementNode */ && (childNode.__childNodes || childNode.childNodes).length) {
+  let i2 = 0;
+  for (i2 = 0; i2 < childNodes.length; i2++) {
+    const childNode = childNodes[i2];
+    if (childNode.nodeType === 1 /* ElementNode */ && internalCall(childNode, "childNodes").length) {
       updateFallbackSlotVisibility(childNode);
     }
   }
 };
+var getSlottedChildNodes = (childNodes) => {
+  const result = [];
+  for (let i2 = 0; i2 < childNodes.length; i2++) {
+    const slottedNode = childNodes[i2]["s-nr"] || void 0;
+    if (slottedNode && slottedNode.isConnected) {
+      result.push(slottedNode);
+    }
+  }
+  return result;
+};
 function getHostSlotNodes(childNodes, hostName, slotName) {
   let i2 = 0;
   let slottedNodes = [];
   let childNode;
   for (; i2 < childNodes.length; i2++) {
     childNode = childNodes[i2];
-    if (childNode["s-sr"] && childNode["s-hn"] === hostName && (slotName === void 0 || childNode["s-sn"] === slotName)) {
+    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0 || getSlotName(childNode) === slotName)) {
       slottedNodes.push(childNode);
       if (typeof slotName !== "undefined") return slottedNodes;
     }
@@ -254,11 +270,12 @@ function getHostSlotNodes(childNodes, hostName, slotName) {
   }
   return slottedNodes;
 }
-var getHostSlotChildNodes = (node, slotName, includeSlot = true) => {
+var getSlotChildSiblings = (slot, slotName, includeSlot = true) => {
   const childNodes = [];
-  if (includeSlot && node["s-sr"] || !node["s-sr"]) childNodes.push(node);
-  while ((node = node.nextSibling) && node["s-sn"] === slotName) {
-    childNodes.push(node);
+  if (includeSlot && slot["s-sr"] || !slot["s-sr"]) childNodes.push(slot);
+  let node = slot;
+  while (node = node.nextSibling) {
+    if (getSlotName(node) === slotName && (includeSlot || !node["s-sr"])) childNodes.push(node);
   }
   return childNodes;
 };
@@ -278,37 +295,71 @@ var isNodeLocatedInSlot = (nodeToRelocate, slotName) => {
   return slotName === "";
 };
 var addSlotRelocateNode = (newChild, slotNode, prepend, position) => {
-  let slottedNodeLocation;
   if (newChild["s-ol"] && newChild["s-ol"].isConnected) {
-    slottedNodeLocation = newChild["s-ol"];
-  } else {
-    slottedNodeLocation = document.createTextNode("");
-    slottedNodeLocation["s-nr"] = newChild;
+    return;
   }
+  const slottedNodeLocation = document.createTextNode("");
+  slottedNodeLocation["s-nr"] = newChild;
   if (!slotNode["s-cr"] || !slotNode["s-cr"].parentNode) return;
   const parent = slotNode["s-cr"].parentNode;
-  const appendMethod = prepend ? parent.__prepend || parent.prepend : parent.__appendChild || parent.appendChild;
+  const appendMethod = prepend ? internalCall(parent, "prepend") : internalCall(parent, "appendChild");
   if (typeof position !== "undefined") {
-    {
-      slottedNodeLocation["s-oo"] = position;
-      const childNodes = parent.__childNodes || parent.childNodes;
-      const slotRelocateNodes = [slottedNodeLocation];
-      childNodes.forEach((n) => {
-        if (n["s-nr"]) slotRelocateNodes.push(n);
-      });
-      slotRelocateNodes.sort((a, b) => {
-        if (!a["s-oo"] || a["s-oo"] < b["s-oo"]) return -1;
-        else if (!b["s-oo"] || b["s-oo"] < a["s-oo"]) return 1;
-        return 0;
-      });
-      slotRelocateNodes.forEach((n) => appendMethod.call(parent, n));
-    }
+    slottedNodeLocation["s-oo"] = position;
+    const childNodes = internalCall(parent, "childNodes");
+    const slotRelocateNodes = [slottedNodeLocation];
+    childNodes.forEach((n) => {
+      if (n["s-nr"]) slotRelocateNodes.push(n);
+    });
+    slotRelocateNodes.sort((a, b) => {
+      if (!a["s-oo"] || a["s-oo"] < (b["s-oo"] || 0)) return -1;
+      else if (!b["s-oo"] || b["s-oo"] < a["s-oo"]) return 1;
+      return 0;
+    });
+    slotRelocateNodes.forEach((n) => appendMethod.call(parent, n));
   } else {
     appendMethod.call(parent, slottedNodeLocation);
   }
   newChild["s-ol"] = slottedNodeLocation;
   newChild["s-sh"] = slotNode["s-hn"];
 };
+var getSlotName = (node) => typeof node["s-sn"] === "string" ? node["s-sn"] : node.nodeType === 1 && node.getAttribute("slot") || void 0;
+function patchSlotNode(node) {
+  if (node.assignedElements || node.assignedNodes || !node["s-sr"]) return;
+  const assignedFactory = (elementsOnly) => (function(opts) {
+    const toReturn = [];
+    const slotName = this["s-sn"];
+    if (opts == null ? void 0 : opts.flatten) {
+      console.error(`
+          Flattening is not supported for Stencil non-shadow slots. 
+          You can use \`.childNodes\` to nested slot fallback content.
+          If you have a particular use case, please open an issue on the Stencil repo.
+        `);
+    }
+    const parent = this["s-cr"].parentElement;
+    const slottedNodes = parent.__childNodes ? parent.childNodes : getSlottedChildNodes(parent.childNodes);
+    slottedNodes.forEach((n) => {
+      if (slotName === getSlotName(n)) {
+        toReturn.push(n);
+      }
+    });
+    if (elementsOnly) {
+      return toReturn.filter((n) => n.nodeType === 1 /* ElementNode */);
+    }
+    return toReturn;
+  }).bind(node);
+  node.assignedElements = assignedFactory(true);
+  node.assignedNodes = assignedFactory(false);
+}
+function internalCall(node, method) {
+  if ("__" + method in node) {
+    const toReturn = node["__" + method];
+    if (typeof toReturn !== "function") return toReturn;
+    return toReturn.bind(node);
+  } else {
+    if (typeof node[method] !== "function") return node[method];
+    return node[method].bind(node);
+  }
+}
 var createTime = (fnName, tagName = "") => {
   {
     return () => {
@@ -455,7 +506,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       delete hostElm["s-sc"];
     }
   }
-  if (!plt.$orgLocNodes$) {
+  if (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size) {
     initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
   }
   hostElm[HYDRATE_ID] = hostId;
@@ -485,6 +536,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
     }
     if (childRenderNode.$tag$ === "slot") {
+      childRenderNode.$name$ = childRenderNode.$elm$["s-sn"] || childRenderNode.$elm$["name"] || null;
       if (childRenderNode.$children$) {
         childRenderNode.$flags$ |= 2 /* isSlotFallback */;
         if (!childRenderNode.$elm$.childNodes.length) {
@@ -545,18 +597,25 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       slot.$elm$.parentElement.classList.add(scopeId2 + "-s");
     });
   }
-  if (shadowRoot) {
+  if (shadowRoot && !shadowRoot.childNodes.length) {
     let rnIdex = 0;
     const rnLen = shadowRootNodes.length;
-    for (rnIdex; rnIdex < rnLen; rnIdex++) {
-      shadowRoot.appendChild(shadowRootNodes[rnIdex]);
+    if (rnLen) {
+      for (rnIdex; rnIdex < rnLen; rnIdex++) {
+        shadowRoot.appendChild(shadowRootNodes[rnIdex]);
+      }
+      Array.from(hostElm.childNodes).forEach((node) => {
+        if (typeof node["s-sn"] !== "string") {
+          if (node.nodeType === 1 /* ElementNode */ && node.slot && node.hidden) {
+            node.removeAttribute("hidden");
+          } else if (node.nodeType === 8 /* CommentNode */ || node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
+            node.parentNode.removeChild(node);
+          }
+        }
+      });
     }
-    Array.from(hostElm.childNodes).forEach((node) => {
-      if (node.nodeType === 8 /* CommentNode */ && typeof node["s-sn"] !== "string") {
-        node.parentNode.removeChild(node);
-      }
-    });
   }
+  plt.$orgLocNodes$.delete(hostElm["s-id"]);
   hostRef.$hostElement$ = hostElm;
   endHydrate();
 };
@@ -667,7 +726,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
         $text$: null
       });
       if (childNodeType === TEXT_NODE_ID) {
-        childVNode.$elm$ = node.nextSibling;
+        childVNode.$elm$ = findCorrespondingNode(node, 3 /* TextNode */);
         if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* TextNode */) {
           childVNode.$text$ = childVNode.$elm$.textContent;
           childRenderNodes.push(childVNode);
@@ -683,7 +742,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
           }
         }
       } else if (childNodeType === COMMENT_NODE_ID) {
-        childVNode.$elm$ = node.nextSibling;
+        childVNode.$elm$ = findCorrespondingNode(node, 8 /* CommentNode */);
         if (childVNode.$elm$ && childVNode.$elm$.nodeType === 8 /* CommentNode */) {
           childRenderNodes.push(childVNode);
           node.remove();
@@ -717,6 +776,10 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
     vnode.$elm$ = node;
     vnode.$index$ = "0";
     parentVNode.$children$ = [vnode];
+  } else {
+    if (node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
+      node.remove();
+    }
   }
   return parentVNode;
 };
@@ -786,6 +849,7 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
     const slot = childVNode.$elm$;
     const shouldMove = parentNodeId && parentNodeId !== childVNode.$hostId$ && parentVNode.$elm$.shadowRoot;
     addSlottedNodes(slottedNodes, slotId, slotName, node, shouldMove ? parentNodeId : childVNode.$hostId$);
+    patchSlotNode(node);
     if (shouldMove) {
       parentVNode.$elm$.insertBefore(slot, parentVNode.$elm$.children[0]);
     }
@@ -806,6 +870,363 @@ var addSlottedNodes = (slottedNodes, slotNodeId, slotName, slotNode, hostId) =>
     slottedNode = slottedNode.nextSibling;
   }
 };
+var findCorrespondingNode = (node, type) => {
+  let sibling = node;
+  do {
+    sibling = sibling.nextSibling;
+  } while (sibling && (sibling.nodeType !== type || !sibling.nodeValue));
+  return sibling;
+};
+
+// src/utils/shadow-css.ts
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ *
+ * This file is a port of shadowCSS from `webcomponents.js` to TypeScript.
+ * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
+ * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
+ */
+var safeSelector = (selector) => {
+  const placeholders = [];
+  let index = 0;
+  selector = selector.replace(/(\[[^\]]*\])/g, (_, keep) => {
+    const replaceBy = `__ph-${index}__`;
+    placeholders.push(keep);
+    index++;
+    return replaceBy;
+  });
+  const content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
+    const replaceBy = `__ph-${index}__`;
+    placeholders.push(exp);
+    index++;
+    return pseudo + replaceBy;
+  });
+  const ss = {
+    content,
+    placeholders
+  };
+  return ss;
+};
+var restoreSafeSelector = (placeholders, content) => {
+  return content.replace(/__ph-(\d+)__/g, (_, index) => placeholders[+index]);
+};
+var _polyfillHost = "-shadowcsshost";
+var _polyfillSlotted = "-shadowcssslotted";
+var _polyfillHostContext = "-shadowcsscontext";
+var _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)";
+var _cssColonHostRe = new RegExp("(" + _polyfillHost + _parenSuffix, "gim");
+var _cssColonHostContextRe = new RegExp("(" + _polyfillHostContext + _parenSuffix, "gim");
+var _cssColonSlottedRe = new RegExp("(" + _polyfillSlotted + _parenSuffix, "gim");
+var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
+var _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
+var _shadowDOMSelectorsRe = [/::shadow/g, /::content/g];
+var _selectorReSuffix = "([>\\s~+[.,{:][\\s\\S]*)?$";
+var _polyfillHostRe = /-shadowcsshost/gim;
+var createSupportsRuleRe = (selector) => new RegExp(`((?<!(^@supports(.*)))|(?<={.*))(${selector}\\b)`, "gim");
+var _colonSlottedRe = createSupportsRuleRe("::slotted");
+var _colonHostRe = createSupportsRuleRe(":host");
+var _colonHostContextRe = createSupportsRuleRe(":host-context");
+var _commentRe = /\/\*\s*[\s\S]*?\*\//g;
+var stripComments = (input) => {
+  return input.replace(_commentRe, "");
+};
+var _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;
+var extractCommentsWithHash = (input) => {
+  return input.match(_commentWithHashRe) || [];
+};
+var _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
+var _curlyRe = /([{}])/g;
+var _selectorPartsRe = /(^.*?[^\\])??((:+)(.*)|$)/;
+var OPEN_CURLY = "{";
+var CLOSE_CURLY = "}";
+var BLOCK_PLACEHOLDER = "%BLOCK%";
+var processRules = (input, ruleCallback) => {
+  const inputWithEscapedBlocks = escapeBlocks(input);
+  let nextBlockIndex = 0;
+  return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {
+    const selector = m[2];
+    let content = "";
+    let suffix = m[4];
+    let contentPrefix = "";
+    if (suffix && suffix.startsWith("{" + BLOCK_PLACEHOLDER)) {
+      content = inputWithEscapedBlocks.blocks[nextBlockIndex++];
+      suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);
+      contentPrefix = "{";
+    }
+    const cssRule = {
+      selector,
+      content
+    };
+    const rule = ruleCallback(cssRule);
+    return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;
+  });
+};
+var escapeBlocks = (input) => {
+  const inputParts = input.split(_curlyRe);
+  const resultParts = [];
+  const escapedBlocks = [];
+  let bracketCount = 0;
+  let currentBlockParts = [];
+  for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {
+    const part = inputParts[partIndex];
+    if (part === CLOSE_CURLY) {
+      bracketCount--;
+    }
+    if (bracketCount > 0) {
+      currentBlockParts.push(part);
+    } else {
+      if (currentBlockParts.length > 0) {
+        escapedBlocks.push(currentBlockParts.join(""));
+        resultParts.push(BLOCK_PLACEHOLDER);
+        currentBlockParts = [];
+      }
+      resultParts.push(part);
+    }
+    if (part === OPEN_CURLY) {
+      bracketCount++;
+    }
+  }
+  if (currentBlockParts.length > 0) {
+    escapedBlocks.push(currentBlockParts.join(""));
+    resultParts.push(BLOCK_PLACEHOLDER);
+  }
+  const strEscapedBlocks = {
+    escapedString: resultParts.join(""),
+    blocks: escapedBlocks
+  };
+  return strEscapedBlocks;
+};
+var insertPolyfillHostInCssText = (cssText) => {
+  cssText = cssText.replace(_colonHostContextRe, `$1${_polyfillHostContext}`).replace(_colonHostRe, `$1${_polyfillHost}`).replace(_colonSlottedRe, `$1${_polyfillSlotted}`);
+  return cssText;
+};
+var convertColonRule = (cssText, regExp, partReplacer) => {
+  return cssText.replace(regExp, (...m) => {
+    if (m[2]) {
+      const parts = m[2].split(",");
+      const r = [];
+      for (let i2 = 0; i2 < parts.length; i2++) {
+        const p = parts[i2].trim();
+        if (!p) break;
+        r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));
+      }
+      return r.join(",");
+    } else {
+      return _polyfillHostNoCombinator + m[3];
+    }
+  });
+};
+var colonHostPartReplacer = (host, part, suffix) => {
+  return host + part.replace(_polyfillHost, "") + suffix;
+};
+var convertColonHost = (cssText) => {
+  return convertColonRule(cssText, _cssColonHostRe, colonHostPartReplacer);
+};
+var colonHostContextPartReplacer = (host, part, suffix) => {
+  if (part.indexOf(_polyfillHost) > -1) {
+    return colonHostPartReplacer(host, part, suffix);
+  } else {
+    return host + part + suffix + ", " + part + " " + host + suffix;
+  }
+};
+var convertColonSlotted = (cssText, slotScopeId) => {
+  const slotClass = "." + slotScopeId + " > ";
+  const selectors = [];
+  cssText = cssText.replace(_cssColonSlottedRe, (...m) => {
+    if (m[2]) {
+      const compound = m[2].trim();
+      const suffix = m[3];
+      const slottedSelector = slotClass + compound + suffix;
+      let prefixSelector = "";
+      for (let i2 = m[4] - 1; i2 >= 0; i2--) {
+        const char = m[5][i2];
+        if (char === "}" || char === ",") {
+          break;
+        }
+        prefixSelector = char + prefixSelector;
+      }
+      const orgSelector = (prefixSelector + slottedSelector).trim();
+      const addedSelector = `${prefixSelector.trimEnd()}${slottedSelector.trim()}`.trim();
+      if (orgSelector !== addedSelector) {
+        const updatedSelector = `${addedSelector}, ${orgSelector}`;
+        selectors.push({
+          orgSelector,
+          updatedSelector
+        });
+      }
+      return slottedSelector;
+    } else {
+      return _polyfillHostNoCombinator + m[3];
+    }
+  });
+  return {
+    selectors,
+    cssText
+  };
+};
+var convertColonHostContext = (cssText) => {
+  return convertColonRule(cssText, _cssColonHostContextRe, colonHostContextPartReplacer);
+};
+var convertShadowDOMSelectors = (cssText) => {
+  return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, " "), cssText);
+};
+var makeScopeMatcher = (scopeSelector2) => {
+  const lre = /\[/g;
+  const rre = /\]/g;
+  scopeSelector2 = scopeSelector2.replace(lre, "\\[").replace(rre, "\\]");
+  return new RegExp("^(" + scopeSelector2 + ")" + _selectorReSuffix, "m");
+};
+var selectorNeedsScoping = (selector, scopeSelector2) => {
+  const re = makeScopeMatcher(scopeSelector2);
+  return !re.test(selector);
+};
+var injectScopingSelector = (selector, scopingSelector) => {
+  return selector.replace(_selectorPartsRe, (_, before = "", _colonGroup, colon = "", after = "") => {
+    return before + scopingSelector + colon + after;
+  });
+};
+var applySimpleSelectorScope = (selector, scopeSelector2, hostSelector) => {
+  _polyfillHostRe.lastIndex = 0;
+  if (_polyfillHostRe.test(selector)) {
+    const replaceBy = `.${hostSelector}`;
+    return selector.replace(_polyfillHostNoCombinatorRe, (_, selector2) => injectScopingSelector(selector2, replaceBy)).replace(_polyfillHostRe, replaceBy + " ");
+  }
+  return scopeSelector2 + " " + selector;
+};
+var applyStrictSelectorScope = (selector, scopeSelector2, hostSelector) => {
+  const isRe = /\[is=([^\]]*)\]/g;
+  scopeSelector2 = scopeSelector2.replace(isRe, (_, ...parts) => parts[0]);
+  const className = "." + scopeSelector2;
+  const _scopeSelectorPart = (p) => {
+    let scopedP = p.trim();
+    if (!scopedP) {
+      return "";
+    }
+    if (p.indexOf(_polyfillHostNoCombinator) > -1) {
+      scopedP = applySimpleSelectorScope(p, scopeSelector2, hostSelector);
+    } else {
+      const t = p.replace(_polyfillHostRe, "");
+      if (t.length > 0) {
+        scopedP = injectScopingSelector(t, className);
+      }
+    }
+    return scopedP;
+  };
+  const safeContent = safeSelector(selector);
+  selector = safeContent.content;
+  let scopedSelector = "";
+  let startIndex = 0;
+  let res;
+  const sep = /( |>|\+|~(?!=))\s*/g;
+  const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;
+  let shouldScope = !hasHost;
+  while ((res = sep.exec(selector)) !== null) {
+    const separator = res[1];
+    const part2 = selector.slice(startIndex, res.index).trim();
+    shouldScope = shouldScope || part2.indexOf(_polyfillHostNoCombinator) > -1;
+    const scopedPart = shouldScope ? _scopeSelectorPart(part2) : part2;
+    scopedSelector += `${scopedPart} ${separator} `;
+    startIndex = sep.lastIndex;
+  }
+  const part = selector.substring(startIndex);
+  shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
+  scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
+  return restoreSafeSelector(safeContent.placeholders, scopedSelector);
+};
+var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) => {
+  return selector.split(",").map((shallowPart) => {
+    if (slotSelector && shallowPart.indexOf("." + slotSelector) > -1) {
+      return shallowPart.trim();
+    }
+    if (selectorNeedsScoping(shallowPart, scopeSelectorText)) {
+      return applyStrictSelectorScope(shallowPart, scopeSelectorText, hostSelector).trim();
+    } else {
+      return shallowPart.trim();
+    }
+  }).join(", ");
+};
+var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
+  return processRules(cssText, (rule) => {
+    let selector = rule.selector;
+    let content = rule.content;
+    if (rule.selector[0] !== "@") {
+      selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
+    } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
+      content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
+    }
+    const cssRule = {
+      selector: selector.replace(/\s{2,}/g, " ").trim(),
+      content
+    };
+    return cssRule;
+  });
+};
+var scopeCssText = (cssText, scopeId2, hostScopeId, slotScopeId, commentOriginalSelector) => {
+  cssText = insertPolyfillHostInCssText(cssText);
+  cssText = convertColonHost(cssText);
+  cssText = convertColonHostContext(cssText);
+  const slotted = convertColonSlotted(cssText, slotScopeId);
+  cssText = slotted.cssText;
+  cssText = convertShadowDOMSelectors(cssText);
+  if (scopeId2) {
+    cssText = scopeSelectors(cssText, scopeId2, hostScopeId, slotScopeId);
+  }
+  cssText = replaceShadowCssHost(cssText, hostScopeId);
+  cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, " $1 ");
+  return {
+    cssText: cssText.trim(),
+    // We need to replace the shadow CSS host string in each of these selectors since we created
+    // them prior to the replacement happening in the components CSS text.
+    slottedSelectors: slotted.selectors.map((ref) => ({
+      orgSelector: replaceShadowCssHost(ref.orgSelector, hostScopeId),
+      updatedSelector: replaceShadowCssHost(ref.updatedSelector, hostScopeId)
+    }))
+  };
+};
+var replaceShadowCssHost = (cssText, hostScopeId) => {
+  return cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);
+};
+var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
+  const hostScopeId = scopeId2 + "-h";
+  const slotScopeId = scopeId2 + "-s";
+  const commentsWithHash = extractCommentsWithHash(cssText);
+  cssText = stripComments(cssText);
+  const orgSelectors = [];
+  if (commentOriginalSelector) {
+    const processCommentedSelector = (rule) => {
+      const placeholder = `/*!@___${orgSelectors.length}___*/`;
+      const comment = `/*!@${rule.selector}*/`;
+      orgSelectors.push({ placeholder, comment });
+      rule.selector = placeholder + rule.selector;
+      return rule;
+    };
+    cssText = processRules(cssText, (rule) => {
+      if (rule.selector[0] !== "@") {
+        return processCommentedSelector(rule);
+      } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
+        rule.content = processRules(rule.content, processCommentedSelector);
+        return rule;
+      }
+      return rule;
+    });
+  }
+  const scoped = scopeCssText(cssText, scopeId2, hostScopeId, slotScopeId);
+  cssText = [scoped.cssText, ...commentsWithHash].join("\n");
+  if (commentOriginalSelector) {
+    orgSelectors.forEach(({ placeholder, comment }) => {
+      cssText = cssText.replace(placeholder, comment);
+    });
+  }
+  scoped.slottedSelectors.forEach((slottedSelector) => {
+    const regex = new RegExp(escapeRegExpSpecialCharacters(slottedSelector.orgSelector), "g");
+    cssText = cssText.replace(regex, slottedSelector.updatedSelector);
+  });
+  return cssText;
+};
 var parsePropertyValue = (propValue, propType) => {
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
@@ -873,7 +1294,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
-          if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+          if ((cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */ || cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */)) {
             styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
           }
           if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
@@ -897,7 +1318,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
               styleContainerNode.append(styleElm);
             }
           }
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
             styleContainerNode.insertBefore(styleElm, null);
           }
         }
@@ -920,7 +1341,7 @@ var attachStyles = (hostRef) => {
   const scopeId2 = addStyle(
     elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
     cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
+  if ((flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */ || flags & 128 /* shadowNeedsScopedCss */)) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
   }
@@ -928,107 +1349,108 @@ var attachStyles = (hostRef) => {
 };
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
-  if (oldValue !== newValue) {
-    let isProp = isMemberInElement(elm, memberName);
-    let ln = memberName.toLowerCase();
-    if (memberName === "class") {
-      const classList = elm.classList;
-      const oldClasses = parseClassList(oldValue);
-      let newClasses = parseClassList(newValue);
-      if (elm["s-si"] && initialRender) {
-        newClasses.push(elm["s-si"]);
-        oldClasses.forEach((c) => {
-          if (c.startsWith(elm["s-si"])) newClasses.push(c);
-        });
-        newClasses = [...new Set(newClasses)];
-        classList.add(...newClasses);
-      } else {
-        classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
-        classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
-      }
-    } else if (memberName === "style") {
-      {
-        for (const prop in oldValue) {
-          if (!newValue || newValue[prop] == null) {
-            {
-              elm.style[prop] = "";
-            }
-          }
-        }
-      }
-      for (const prop in newValue) {
-        if (!oldValue || newValue[prop] !== oldValue[prop]) {
+  if (oldValue === newValue) {
+    return;
+  }
+  let isProp = isMemberInElement(elm, memberName);
+  let ln = memberName.toLowerCase();
+  if (memberName === "class") {
+    const classList = elm.classList;
+    const oldClasses = parseClassList(oldValue);
+    let newClasses = parseClassList(newValue);
+    if (elm["s-si"] && initialRender) {
+      newClasses.push(elm["s-si"]);
+      oldClasses.forEach((c) => {
+        if (c.startsWith(elm["s-si"])) newClasses.push(c);
+      });
+      newClasses = [...new Set(newClasses)];
+      classList.add(...newClasses);
+    } else {
+      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    }
+  } else if (memberName === "style") {
+    {
+      for (const prop in oldValue) {
+        if (!newValue || newValue[prop] == null) {
           {
-            elm.style[prop] = newValue[prop];
+            elm.style[prop] = "";
           }
         }
       }
-    } else if (memberName === "key") ; else if (memberName === "ref") {
-      if (newValue) {
-        newValue(elm);
-      }
-    } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
-      if (memberName[2] === "-") {
-        memberName = memberName.slice(3);
-      } else if (isMemberInElement(win, ln)) {
-        memberName = ln.slice(2);
-      } else {
-        memberName = ln[2] + memberName.slice(3);
-      }
-      if (oldValue || newValue) {
-        const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
-        memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
-        if (oldValue) {
-          plt.rel(elm, memberName, oldValue, capture);
-        }
-        if (newValue) {
-          plt.ael(elm, memberName, newValue, capture);
+    }
+    for (const prop in newValue) {
+      if (!oldValue || newValue[prop] !== oldValue[prop]) {
+        {
+          elm.style[prop] = newValue[prop];
         }
       }
+    }
+  } else if (memberName === "key") ; else if (memberName === "ref") {
+    if (newValue) {
+      newValue(elm);
+    }
+  } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
+    if (memberName[2] === "-") {
+      memberName = memberName.slice(3);
+    } else if (isMemberInElement(win, ln)) {
+      memberName = ln.slice(2);
     } else {
-      const isComplex = isComplexType(newValue);
-      if ((isProp || isComplex && newValue !== null) && !isSvg) {
-        try {
-          if (!elm.tagName.includes("-")) {
-            const n = newValue == null ? "" : newValue;
-            if (memberName === "list") {
-              isProp = false;
-            } else if (oldValue == null || elm[memberName] != n) {
-              if (typeof elm.__lookupSetter__(memberName) === "function") {
-                elm[memberName] = n;
-              } else {
-                elm.setAttribute(memberName, n);
-              }
+      memberName = ln[2] + memberName.slice(3);
+    }
+    if (oldValue || newValue) {
+      const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+      memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+      if (oldValue) {
+        plt.rel(elm, memberName, oldValue, capture);
+      }
+      if (newValue) {
+        plt.ael(elm, memberName, newValue, capture);
+      }
+    }
+  } else {
+    const isComplex = isComplexType(newValue);
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+      try {
+        if (!elm.tagName.includes("-")) {
+          const n = newValue == null ? "" : newValue;
+          if (memberName === "list") {
+            isProp = false;
+          } else if (oldValue == null || elm[memberName] != n) {
+            if (typeof elm.__lookupSetter__(memberName) === "function") {
+              elm[memberName] = n;
+            } else {
+              elm.setAttribute(memberName, n);
             }
-          } else if (elm[memberName] !== newValue) {
-            elm[memberName] = newValue;
           }
-        } catch (e) {
+        } else if (elm[memberName] !== newValue) {
+          elm[memberName] = newValue;
         }
+      } catch (e) {
       }
-      let xlink = false;
-      {
-        if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
-          memberName = ln;
-          xlink = true;
-        }
+    }
+    let xlink = false;
+    {
+      if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
+        memberName = ln;
+        xlink = true;
       }
-      if (newValue == null || newValue === false) {
-        if (newValue !== false || elm.getAttribute(memberName) === "") {
-          if (xlink) {
-            elm.removeAttributeNS(XLINK_NS, memberName);
-          } else {
-            elm.removeAttribute(memberName);
-          }
-        }
-      } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
-        newValue = newValue === true ? "" : newValue;
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(memberName) === "") {
         if (xlink) {
-          elm.setAttributeNS(XLINK_NS, memberName, newValue);
+          elm.removeAttributeNS(XLINK_NS, memberName);
         } else {
-          elm.setAttribute(memberName, newValue);
+          elm.removeAttribute(memberName);
         }
       }
+    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
+      newValue = newValue === true ? "" : newValue;
+      if (xlink) {
+        elm.setAttributeNS(XLINK_NS, memberName, newValue);
+      } else {
+        elm.setAttribute(memberName, newValue);
+      }
     }
   }
 };
@@ -1121,6 +1543,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
   } else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
     elm = newVNode2.$elm$ = slotReferenceDebugNode(newVNode2) ;
+    {
+      updateElement(null, newVNode2, isSvgMode);
+    }
   } else {
     if (!isSvgMode) {
       isSvgMode = newVNode2.$tag$ === "svg";
@@ -1161,6 +1586,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       elm["s-cr"] = contentRef;
       elm["s-sn"] = newVNode2.$name$ || "";
       elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
+      patchSlotNode(elm);
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
         {
@@ -1358,9 +1784,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
     }
     {
-      if (tag === "slot" && !useNativeShadowDom) ; else {
-        updateElement(oldVNode, newVNode2, isSvgMode, isInitialRender);
-      }
+      updateElement(oldVNode, newVNode2, isSvgMode, isInitialRender);
     }
     if (oldChildren !== null && newChildren !== null) {
       updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
@@ -1449,13 +1873,13 @@ var insertBefore = (parent, newNode, reference) => {
   }
 };
 function addRemoveSlotScopedClass(reference, slotNode, newParent, oldParent) {
-  var _a;
+  var _a, _b;
   let scopeId2;
   if (reference && typeof slotNode["s-sn"] === "string" && !!slotNode["s-sr"] && reference.parentNode && reference.parentNode["s-sc"] && (scopeId2 = slotNode["s-si"] || reference.parentNode["s-sc"])) {
     const scopeName = slotNode["s-sn"];
     const hostName = slotNode["s-hn"];
     (_a = newParent.classList) == null ? void 0 : _a.add(scopeId2 + "-s");
-    if (oldParent && oldParent.classList.contains(scopeId2 + "-s")) {
+    if (oldParent && ((_b = oldParent.classList) == null ? void 0 : _b.contains(scopeId2 + "-s"))) {
       let child = (oldParent.__childNodes || oldParent.childNodes)[0];
       let found = false;
       while (child) {
@@ -1496,7 +1920,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   {
     scopeId = hostElm["s-sc"];
   }
-  useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
+  useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
   {
     contentRef = hostElm["s-cr"];
     checkSlotFallbackVisibility = false;
@@ -1533,7 +1957,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
               }
             }
           }
-          nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](nodeToRelocate);
+          nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](slotRefNode);
         } else {
           if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
             if (isInitialLoad) {
@@ -1602,13 +2026,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
         hostRef.$queuedListeners$ = void 0;
       }
     }
-    {
-      maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
-    }
-  }
-  {
-    maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
+    maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
+  } else {
+    maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
   }
+  maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
@@ -1688,14 +2110,13 @@ var postUpdateComponent = (hostRef) => {
   const endPostUpdate = createTime("postUpdate", tagName);
   const instance = hostRef.$lazyInstance$ ;
   const ancestorComponent = hostRef.$ancestorComponent$;
+  safeCall(instance, "componentDidRender", void 0, elm);
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
     hostRef.$flags$ |= 64 /* hasLoadedComponent */;
     {
       addHydratedFlag(elm);
     }
-    {
-      safeCall(instance, "componentDidLoad", void 0, elm);
-    }
+    safeCall(instance, "componentDidLoad", void 0, elm);
     endPostUpdate();
     {
       hostRef.$onReadyResolve$(elm);
@@ -1704,6 +2125,7 @@ var postUpdateComponent = (hostRef) => {
       }
     }
   } else {
+    safeCall(instance, "componentDidUpdate", void 0, elm);
     endPostUpdate();
   }
   {
@@ -1721,9 +2143,6 @@ var postUpdateComponent = (hostRef) => {
   }
 };
 var appDidLoad = (who) => {
-  {
-    addHydratedFlag(doc.documentElement);
-  }
   nextTick$1(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
 };
 var safeCall = (instance, method, arg, elm) => {
@@ -1785,6 +2204,11 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
         }
       }
       if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+        if (instance.componentShouldUpdate) {
+          if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+            return;
+          }
+        }
         scheduleUpdate(hostRef, false);
       }
     }
@@ -1935,7 +2359,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   let Cstr;
   if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
     hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-    {
+    const bundleId = cmpMeta.$lazyBundleId$;
+    if (bundleId) {
       const CstrImport = loadModule(cmpMeta);
       if (CstrImport && "then" in CstrImport) {
         const endLoad = uniqueTime();
@@ -1971,6 +2396,10 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       }
       endNewInstance();
       fireConnectedCallback(hostRef.$lazyInstance$, elm);
+    } else {
+      Cstr = elm.constructor;
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
     if (Cstr && Cstr.style) {
       let style;
@@ -1980,6 +2409,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       const scopeId2 = getScopeId(cmpMeta);
       if (!styles$1.has(scopeId2)) {
         const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+        if (cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */) {
+          style = scopeCss(style, scopeId2, true);
+        }
         registerStyle(scopeId2, style);
         endRegisterStyles();
       }
@@ -2256,7 +2688,7 @@ function proxyHostElement(elm, cstr) {
   if (typeof elm.forceUpdate !== "function") {
     elm.forceUpdate = forceUpdate2;
   }
-  if (!elm.shadowRoot && !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+  if (!elm.shadowRoot && !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */)) {
     {
       elm.attachShadow({ mode: "open" });
     }
@@ -2292,26 +2724,33 @@ function proxyHostElement(elm, cstr) {
           }
           (_a = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _a.set(memberName, attrPropVal);
         }
-        Object.defineProperty(elm, memberName, {
+        const getterSetterDescriptor = {
           get: function() {
             return getValue(this, memberName);
           },
-          set(newValue) {
+          set: function(newValue) {
             setValue(this, memberName, newValue, cmpMeta);
           },
           configurable: true,
           enumerable: true
-        });
-        Object.defineProperty(cstr.prototype, memberName, {
-          get: function() {
-            if (origGetter && attrPropVal === void 0 && !getValue(this, memberName)) {
-              setValue(this, memberName, origGetter.apply(this), cmpMeta);
-            }
-            return attrPropVal !== void 0 ? attrPropVal : origGetter ? origGetter.apply(this) : getValue(this, memberName);
-          },
-          configurable: true,
-          enumerable: true
-        });
+        };
+        Object.defineProperty(elm, memberName, getterSetterDescriptor);
+        Object.defineProperty(elm, metaAttributeName, getterSetterDescriptor);
+        if (!cstr.prototype.__stencilAugmented) {
+          Object.defineProperty(cstr.prototype, memberName, {
+            get: function() {
+              var _a2;
+              const ref = getHostRef(this);
+              const attrPropVal2 = (_a2 = ref.$instanceValues$) == null ? void 0 : _a2.get(memberName);
+              if (origGetter && attrPropVal2 === void 0 && !getValue(this, memberName)) {
+                setValue(this, memberName, origGetter.apply(this), cmpMeta);
+              }
+              return attrPropVal2 !== void 0 ? attrPropVal2 : origGetter ? origGetter.apply(this) : getValue(this, memberName);
+            },
+            configurable: true,
+            enumerable: true
+          });
+        }
       } else if (memberFlags & 64 /* Method */) {
         Object.defineProperty(elm, memberName, {
           value(...args) {
@@ -2327,6 +2766,7 @@ function proxyHostElement(elm, cstr) {
         });
       }
     });
+    cstr.prototype.__stencilAugmented = true;
   }
 }
 function componentOnReady() {
@@ -2385,6 +2825,15 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
               $flags$: null
             });
           if (Cstr != null && Cstr.cmpMeta != null) {
+            if (opts.serializeShadowRoot !== false && !!(Cstr.cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && tagRequiresScoped(elm.tagName, opts.serializeShadowRoot)) {
+              const cmpMeta = Cstr.cmpMeta;
+              cmpMeta.$flags$ |= 128 /* shadowNeedsScopedCss */;
+              Object.defineProperty(Cstr, "cmpMeta", {
+                get: function() {
+                  return cmpMeta;
+                }
+              });
+            }
             createdElements.add(elm);
             elm.connectedCallback = patchedConnectedCallback2;
             registerHost(elm, Cstr.cmpMeta);
@@ -2577,6 +3026,25 @@ ${indent}${ln}`;
 function waitingOnElementsMsg(waitingElements) {
   return Array.from(waitingElements).map(waitingOnElementMsg);
 }
+function tagRequiresScoped(tagName, opts) {
+  if (typeof opts === "string") {
+    return opts === "scoped";
+  }
+  if (typeof opts === "boolean") {
+    return opts === true ? false : true;
+  }
+  if (typeof opts === "object") {
+    tagName = tagName.toLowerCase();
+    if (Array.isArray(opts["declarative-shadow-dom"]) && opts["declarative-shadow-dom"].includes(tagName)) {
+      return false;
+    } else if ((!Array.isArray(opts.scoped) || !opts.scoped.includes(tagName)) && opts.default === "declarative-shadow-dom") {
+      return false;
+    } else {
+      return true;
+    }
+  }
+  return false;
+}
 var cmpModules = /* @__PURE__ */ new Map();
 var getModule = (tagName) => {
   if (typeof tagName === "string") {
@@ -2642,11 +3110,16 @@ var plt = {
   rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
   ce: (eventName, opts) => new win.CustomEvent(eventName, opts)
 };
-var hostRefs = /* @__PURE__ */ new WeakMap();
-var getHostRef = (ref) => hostRefs.get(ref);
+var getHostRef = (ref) => {
+  if (ref.__stencil__getHostRef) {
+    return ref.__stencil__getHostRef();
+  }
+  return void 0;
+};
 var registerInstance = (lazyInstance, hostRef) => {
-  const ref = hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
-  return ref;
+  lazyInstance.__stencil__getHostRef = () => hostRef;
+  hostRef.$lazyInstance$ = lazyInstance;
+  return hostRef;
 };
 var registerHost = (elm, cmpMeta) => {
   const hostRef = {
@@ -2660,7 +3133,8 @@ var registerHost = (elm, cmpMeta) => {
   hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
   elm["s-p"] = [];
   elm["s-rc"] = [];
-  return hostRefs.set(elm, hostRef);
+  elm.__stencil__getHostRef = () => hostRef;
+  return hostRef;
 };
 var styles$1 = /* @__PURE__ */ new Map();
 
@@ -2726,7 +3200,7 @@ class Accordion {
         const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';
         const accordionLightSeparator = this.isLightSeparator ? 'accordion accordion-light accordion-light--border' : 'accordion';
         const accordionSmall = this.isSmall ? 'accordion accordion-light accordion-light--small' : 'accordion';
-        return (hAsync("details", { key: 'a3469eb6d8aef3b880677284c59e69eb62f205e8', class: `${accordionLight} ${accordionSmall} ${accordionLightSeparator}`, open: this.isOpen }, hAsync("summary", { key: 'b0c18225580028ad00098aa494a29b2c956b7561', class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'a066d273354e022c095978edeae2040eddb75804', class: accordionLightHeader }, hAsync("slot", { key: '13056e6babf83f00ebfd538aa79a9fae24ab344f', name: "icon-left" }), hAsync("slot", { key: '7f54051ce9e12dc9ef8e30f7262096a1248d19bb', name: "header" }), hAsync("road-icon", { key: '4161743fdea3953e151525481a338c7a87edd159', class: "accordion-arrow", icon: navigationChevron }))), hAsync("div", { key: '42f14c07ceabf357f4042207e35f828e782aefbc', class: accordionLightContent }, hAsync("slot", { key: 'c0e67f0215366eb9e129b341f02ff88a5c019b43' }))));
+        return (hAsync("details", { key: '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' }))));
     }
     static get style() { return RoadAccordionStyle0; }
     static get cmpMeta() { return {
@@ -2761,7 +3235,7 @@ class Alert {
     }
     render() {
         const colorClass = this.color !== undefined ? `alert-${this.color}` : '';
-        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)))));
+        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)))));
     }
     static get style() { return RoadAlertStyle0; }
     static get cmpMeta() { return {
@@ -2860,7 +3334,7 @@ class Asset {
         }
     }
     render() {
-        return (hAsync(Host, { key: '64331c0cd4f5a805be16cd746dfe78d7eeea118e', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
+        return (hAsync(Host, { key: '7bd32a7dfe1578a37cc8bec3bb04b7c4c258428f', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
             ? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
             : hAsync("div", { class: "icon-inner" }))));
     }
@@ -2930,8 +3404,8 @@ class Autocomplete {
         }
     }
     render() {
-        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))))));
+        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))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadAutocompleteStyle0; }
@@ -2964,7 +3438,7 @@ class Avatar {
     }
     render() {
         const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
-        return (hAsync(Host, { key: '6f57ba54014a8220d4262e0fd61dd807ed09f5e2', class: `${sizeClass}` }, hAsync("slot", { key: '3152a4be46b7d1d68df32861f690ae7bf5cf1c37' })));
+        return (hAsync(Host, { key: '5c915dcd64e3ada9d5a7eb62a7a07a158f89219b', class: `${sizeClass}` }, hAsync("slot", { key: 'ac0d3803d3f176d97849f9f7d928c2dbb81fae51' })));
     }
     static get style() { return RoadAvatarStyle0; }
     static get cmpMeta() { return {
@@ -3000,7 +3474,7 @@ class Badge {
     render() {
         const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
         const bubbleClass = this.bubble ? 'badge-bubble' : '';
-        return (hAsync(Host, { key: '16742c39b5260aadf2da3067ce5a2812fe4c462f', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: 'd989a2f2bcdd588fc483b71e8d630387997deb95' })));
+        return (hAsync(Host, { key: 'c085e73938935fe52d13fceb33b22d9c44b6c829', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: '5566674acd833574833859a1028f8e5c0115fec3' })));
     }
     static get style() { return RoadBadgeStyle0; }
     static get cmpMeta() { return {
@@ -3049,7 +3523,7 @@ class Banner {
     }
     render() {
         const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
-        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" })))));
+        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" })))));
     }
     static get style() { return RoadBannerStyle0; }
     static get cmpMeta() { return {
@@ -3155,7 +3629,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: '2034bf4e4f6dd01f4730285bfd7b7cddaac37fab', class: `${colorClass} ${sizeClass} ${expandClass} ${iconOnlyClass}`, onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: '9ded693999ad79e2809d3596b0a4eb18a005f891' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: 'dab5ad2dfa1ab6381dd0be3f134ea6e7ed043358', name: "start" }), hAsync("slot", { key: 'b470e8e59a96fdd22361fa527fb181b4ddb8e392' }), hAsync("slot", { key: '1138227dea08756ccc9b6327600a7b091914af6c', name: "end" }))));
+        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" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadButtonStyle0; }
@@ -3240,7 +3714,7 @@ class Button {
     render() {
         const TagType = this.href === undefined ? 'button' : 'a';
         const positionClass = this.position !== undefined ? `position-${this.position}` : '';
-        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' }))));
+        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' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadButtonFloatingStyle0; }
@@ -3285,7 +3759,7 @@ class ButtonBar {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '7fffe10ee5aa2a3ee09086f24e637c5e07992487', role: "tablist" }, hAsync("slot", { key: '10e9ca402be8299b44ef9cb41921cf846e280fe9' })));
+        return (hAsync(Host, { key: '01e10de21adf47d551a566458db121eaf08b21d1', role: "tablist" }, hAsync("slot", { key: 'ec1d192d52d23a59fb5123a267e03386773ad733' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -3368,7 +3842,7 @@ class Card {
     render() {
         const { elevation } = this;
         const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
-        return (hAsync(Host, { key: '4b33b971a83bdc61a6f263d0d875fc4ce001b1e2', class: `${elevationClass}` }, this.renderCard()));
+        return (hAsync(Host, { key: 'f594ba577e5c19d00c2c432adad6dbaeefd59842', class: `${elevationClass}` }, this.renderCard()));
     }
     get el() { return getElement(this); }
     static get style() { return RoadCardStyle0; }
@@ -10115,7 +10589,7 @@ class Carousel {
         });
     }
     render() {
-        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 })))));
+        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 })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -10166,10 +10640,10 @@ class CarouselItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'ad1fcbb1419b1ca05ddfbd0d398c5fc2a7b4e55c', class: {
+        return (hAsync(Host, { key: '4b574d9c139a643842cc7230c9ce080104c57c2d', class: {
                 'swiper-slide': true,
                 'swiper-zoom-container': true,
-            } }, hAsync("slot", { key: 'e38a514a6965db10c79e5ece9ef7bbc273a32fe7' })));
+            } }, hAsync("slot", { key: 'a6af18ea8d00e1f3e501516977317433d51f8feb' })));
     }
     static get style() { return RoadCarouselItemStyle0; }
     static get cmpMeta() { return {
@@ -10260,7 +10734,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: '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)));
+        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)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -10318,7 +10792,7 @@ class Chip {
     }
     render() {
         const outlineClass = this.outline ? 'chip-outline' : '';
-        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 })));
+        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 })));
     }
     static get style() { return RoadChipStyle0; }
     static get cmpMeta() { return {
@@ -10347,7 +10821,7 @@ class Col {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '31d1c2466605d958b1e09d2a3560df534e27fcfb' }));
+        return (hAsync("slot", { key: '308e7274e937ddf050ee09e50c6433bdc2be1060' }));
     }
     static get style() { return RoadColStyle0; }
     static get cmpMeta() { return {
@@ -10397,7 +10871,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: '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))));
+        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))));
     }
     static get style() { return RoadCollapseStyle0; }
     static get cmpMeta() { return {
@@ -10434,7 +10908,7 @@ class ContentCard {
     }
     render() {
         const insetImageClass = this.insetImage ? '' : 'content-card-image';
-        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' })))));
+        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' })))));
     }
     static get style() { return RoadContentCardStyle0; }
     static get cmpMeta() { return {
@@ -10594,7 +11068,7 @@ class Counter {
     }
     render() {
         const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
-        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" }))));
+        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" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -10710,11 +11184,11 @@ class Dialog {
                     break;
             }
         }
-        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
+        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
             ? hAsync("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
-            : ''), hAsync("div", { key: '787c2b4a2791f0098424159f1a1f1462973d7f88', class: "dialog-body" }, this.color !== undefined
+            : ''), hAsync("div", { key: '3c8d582ce22773ffad9d03d4ab52b6a40ca19996', 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: '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' }))))));
+            : '', 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' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDialogStyle0; }
@@ -10878,7 +11352,7 @@ class Drawer {
         const backIconElement = this.hasBackIcon ? hAsync("button", { type: "button", class: "drawer-action", "aria-label": `${ariaLabelBack}`, onClick: this.onClickBack }, hAsync("road-icon", { icon: navigationChevron, rotate: "180" }), this.backText) : '';
         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: '61d6f770f9f56ddb21b19f1f8577f5e518325790', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": `${ariaLabel}` }, hAsync("div", { key: 'e04193694e300e84f773d731619db83e1513a4db', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '5b19f360e5db980562ccd3991823a31161f5349b', class: "drawer-dialog", style: { maxWidth: `${drawerWidthValue}` }, role: "document", tabindex: "0" }, hAsync("div", { key: '09320757e8c8fdda7770160241f3d185ac933d14', class: "drawer-content" }, hAsync("header", { key: '1b37b3c4e8ec75391f5c068585ecbe22c4c39ddd', 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: '84ee063113d185a40f869ecee89db960d530a59f', class: "drawer-body" }, hAsync("slot", { key: 'dd1b3ed184198ffe6ccd83f4c5698577933a55e7' })), this.hasFooterContent() && (hAsync("footer", { key: '7e0c367c1a8309464e2ffaefaf759cd5162172c7', class: "drawer-footer" }, hAsync("slot", { key: '1fb2d6fc4e20b8853b0a1d95a9a7169defc4a5ae', name: "footer" })))))));
+        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" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -10938,7 +11412,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: '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" }))));
+        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" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDropdownStyle0; }
@@ -10994,7 +11468,7 @@ class Dropdown {
         this.isOpen = false;
     }
     render() {
-        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" }))));
+        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" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadProfilDropdownStyle0; }
@@ -11058,7 +11532,7 @@ class Duration {
         this.isOpen = false;
     }
     render() {
-        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 })))))))));
+        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 })))))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadDurationStyle0; }
@@ -11104,7 +11578,7 @@ class Flap {
     }
     render() {
         const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
-        return (hAsync(Host, { key: '3070a00a39088bc22f27b1e97a4aa635bc27c34d', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: 'd2c0af9309ce6200b5055a152f26cea71e3c859f' })));
+        return (hAsync(Host, { key: '1fe4c3376497a138ea4458c5ff02e1c21f6e1193', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '7abea3b1b63c69c653ea84ef80c9996d589a723f' })));
     }
     static get style() { return RoadFlapStyle0; }
     static get cmpMeta() { return {
@@ -11150,7 +11624,7 @@ class GlobalNavigation {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: 'b9dc9e434336aac0badabc03361dee0536ca1382', role: "application" }, hAsync("slot", { key: 'b4d9e5ec254a413489b81b720bd20f5ce18d9da4' })));
+        return (hAsync(Host, { key: '6dd4185ee2cd4a4c9b35571c9be8bf168f0a911d', role: "application" }, hAsync("slot", { key: '6a939f92d1eab5cbcf40ef3d66d1e2b5d68adbdc' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -11298,7 +11772,7 @@ class GlobalNavigationV2 {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: 'c9d5417b5d92177482a620e7baa5879fa7d04731', role: "application" }, hAsync("slot", { key: '6d189aef035de7d1816328f150e3402582b97bd7' })));
+        return (hAsync(Host, { key: '4e42b7a8ffc4cbc5a3a8aff8f94f39a8f205cb8f', role: "application" }, hAsync("slot", { key: '4766cb9de33e7b52aa7ebfc56e5f2c414e7bf572' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -11328,7 +11802,7 @@ class Grid {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: 'afda2c7ec410ce0c1c06b12091a1416394a3b506' }));
+        return (hAsync("slot", { key: '447064505d003d387d59458832935e8495802e4d' }));
     }
     static get style() { return RoadGridStyle0; }
     static get cmpMeta() { return {
@@ -11426,12 +11900,14 @@ class Icon {
         }
     }
     render() {
-        const colorClass = this.color !== undefined ? `icon-${this.color}` : '';
-        const sizeClass = this.size !== undefined ? `icon-${this.size}` : '';
-        const rotateClass = this.rotate !== undefined ? `icon-rotate-${this.rotate}` : '';
-        return (hAsync(Host, { key: 'ed1941f34c30d5c0d65c04861a6e779f0cc918ec', class: `${colorClass} ${sizeClass} ${rotateClass}`, "aria-hidden": "true" }, ((this.svgContent !== '')
+        const colorClass = this.color ? `icon-${this.color}` : '';
+        const sizeClass = this.size ? `icon-${this.size}` : '';
+        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 !== ''
             ? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
-            : hAsync("div", { class: "icon-inner" }))));
+            : hAsync("div", { class: "icon-inner" })));
     }
     static get assetsDirs() { return ["svg"]; }
     get el() { return getElement(this); }
@@ -11551,7 +12027,7 @@ class Illustration {
     render() {
         const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
         const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
-        return (hAsync(Host, { key: '0c1d3f02b235f7f69dbdca9969fd3a637929e0bd', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
+        return (hAsync(Host, { key: 'b050e381499d68b8786780a7f2ae5c625ef52cb1', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
             ? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
             : hAsync("div", { class: "icon-inner" }))));
     }
@@ -11654,7 +12130,7 @@ class Img {
     }
     render() {
         const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
-        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" })));
+        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" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -28921,7 +29397,7 @@ class Input {
         /**
          * If `true`, block decimal.
          */
-        this.blockDecimal = false;
+        this.blockdecimal = false;
         /**
          * Whether auto correction should be enabled when the user is entering/editing the text value.
          */
@@ -28974,7 +29450,7 @@ class Input {
         this.onInput = (ev) => {
             const input = ev.target;
             let newValue = input.value;
-            if (this.type === 'number' && this.blockDecimal) {
+            if (this.type === 'number' && this.blockdecimal) {
                 newValue = newValue.replace(/[.,]/g, ''); // Supprime les décimales si blockDecimal est activé
             }
             this.value = newValue;
@@ -28999,7 +29475,7 @@ class Input {
         };
     }
     handleKeyDown(event) {
-        if (this.type === 'number' && this.blockDecimal) {
+        if (this.type === 'number' && this.blockdecimal) {
             const forbiddenKeys = ['.', ',', 'e', '-', '¨', '^', '`', '+'];
             if (forbiddenKeys.includes(event.key)) {
                 event.preventDefault();
@@ -29048,7 +29524,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: 'daca8f0657ce9dc21f70b4a68ec52d623fb85bfb', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value }, hAsync("input", { key: 'c744f2e762cefd9f6150c46cd90053fe44b56762', 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: '3216935fd4392e1374ce8a2aadd7d84fb0e4698f', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '5ac02106bdb85b2fdc1830c847a6a7ec428a33b1', class: "invalid-feedback" }, hAsync("road-icon", { key: '22e9e56ec045d15516584030d083e8224e05a2fb', slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.error), this.helper && this.helper !== '' && hAsync("p", { key: '1a19f9030a683cdcc4f90ce215d05539b6b53603', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: 'e3a77553f1b1e0b2a57104ba17a87408c0496604', name: "checklistPassword" })));
+        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" })));
     }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
@@ -29062,7 +29538,7 @@ class Input {
             "inputId": [1, "input-id"],
             "autocapitalize": [1],
             "autocomplete": [1],
-            "blockDecimal": [4, "block-decimal"],
+            "blockdecimal": [4],
             "autocorrect": [1],
             "autofocus": [4],
             "disabled": [4],
@@ -29135,7 +29611,7 @@ class InputGroup {
             ? `size-${this.el.querySelector('road-input').sizes}`
             : '';
         const disabledClass = this.disabled ? 'is-disabled' : '';
-        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" }))));
+        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" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29215,13 +29691,13 @@ class Item {
                 target,
             };
         const showDetail = detail !== undefined && detail;
-        return (hAsync(Host, { key: '9fb4b35e594ec2393232ad0a9403e279e2e2889c', "aria-disabled": disabled ? 'true' : null, class: {
+        return (hAsync(Host, { key: '6c3292595bb3c247a7510b25e116c88bf7ad570b', "aria-disabled": disabled ? 'true' : null, class: {
                 [`item-lines-${lines}`]: lines !== undefined,
-            } }, hAsync(TagType, Object.assign({ key: '9fba47364f496d51e09e3b2a5a92dd00ef71ff87' }, attrs, { class: {
+            } }, hAsync(TagType, Object.assign({ key: 'da9648e566e8850b79824dda4105a8dd1e1171bf' }, attrs, { class: {
                 'item-native': true,
                 'item-active': this.active,
                 [`layout-${layout}`]: layout !== undefined,
-            }, 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" })))));
+            }, 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" })))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadItemStyle0; }
@@ -29262,7 +29738,7 @@ class Label {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: '3ba99679bcd840c743cbc724843909bd267d0ab2' }));
+        return (hAsync("slot", { key: '4ff181dd42688268a5d0f36eb6b91c14fe0b02e7' }));
     }
     static get style() { return RoadLabelStyle0; }
     static get cmpMeta() { return {
@@ -29287,9 +29763,9 @@ class List {
     }
     render() {
         const { lines } = this;
-        return (hAsync(Host, { key: 'ddd543051e3de681b5672d7ab87ebe742858da9c', class: {
+        return (hAsync(Host, { key: '0402cd96ac852a74cbe90301b76737cd28c337ea', class: {
                 [`list-lines-${lines}`]: lines !== undefined,
-            } }, hAsync("slot", { key: '56e04b9869dc48d1011e422c57ec2578e61301c6' })));
+            } }, hAsync("slot", { key: 'd6e3da6f0729b080cc290d0107f7fb6fd722a2ea' })));
     }
     static get style() { return RoadListStyle0; }
     static get cmpMeta() { return {
@@ -29374,7 +29850,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: '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' }))))));
+        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' }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadModalStyle0; }
@@ -29425,7 +29901,7 @@ class Navbar {
         this.selectedTabChanged();
     }
     render() {
-        return (hAsync(Host, { key: '1413fa96200fad5a83abd97f951c46b6a6a25777', role: "menubar" }, hAsync("slot", { key: 'c6f91f0af00788a5708cb95f44789938c7d6eeda' })));
+        return (hAsync(Host, { key: 'd4fb4b56b2976d7d4b13098574c4e49e4c94dfe7', role: "menubar" }, hAsync("slot", { key: 'eefac0ab933be741ed4b4419f0d82029f22ec9ea' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -29511,11 +29987,11 @@ class NavbarItem$1 {
             rel,
             target,
         };
-        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: {
+        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: {
                 'navbar-item': true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
-            } }, 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' })))));
+            } }, 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' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29608,11 +30084,11 @@ class NavbarItem {
             rel,
             target,
         };
-        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: {
+        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: {
                 'navbar-item': true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
-            } }, 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' })))));
+            } }, 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' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29671,7 +30147,7 @@ class NavbarV2 {
     }
     render() {
         const compactClass = this.compact ? 'compact' : '';
-        return (hAsync(Host, { key: 'e4fe4a407edcf036a5f3da534cc88eb4b863ab71', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: 'ef7df2d2775c533592267b1b420e522e23836d7e' })));
+        return (hAsync(Host, { key: '8aba7289fe9dc6947c2af2d078eaf40782cfe143', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: 'e103c9485e91f44c6a51b25c2ab0b9c8c0f33eb8' })));
     }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
@@ -29794,10 +30270,10 @@ class PlateNumber {
     render() {
         const value = this.getValue();
         const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
-        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
+        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
             .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: '247d5b0a7be0f8d5012f5954d569c674e5f294a2', slot: "append", class: "input-group-append" }, hAsync("div", { key: '7ddc6a2c9e8bc5a41677cda5f3b48ae000952d08', 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: 'f68110a0af9bcff739f2d1170e606c092daf811c', slot: "append", class: "input-group-append" }, hAsync("div", { key: 'ac7330daaed638ccbdd7f51caf405f89483d04fa', class: "plate-number-end" }))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -29865,7 +30341,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: '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))));
+        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))));
     }
     static get style() { return RoadProgressStyle0; }
     static get cmpMeta() { return {
@@ -29906,7 +30382,7 @@ class ProgressIndicatorVertical {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '1316219f8843bbe67b9d108e7855db69251025fa' }, hAsync("nav", { key: '6b2ff0e552c124364a5cdb8419af4c3cf6489a2a' }, hAsync("ul", { key: '279fa6381d7cc7ec44614c3a2611171d1b728a92' }, hAsync("li", { key: '9b4b57a7285a812c7a992c9e35e145f703de9c5b' }, hAsync("slot", { key: '9adfddec33f1ddd9658f2ce50802d193cf880a36' }))))));
+        return (hAsync(Host, { key: 'd009f9f26860579e5199b5fd9f3053c2292d2e10' }, hAsync("nav", { key: 'ce6a61c3020a725681b1479405956d4e0c0deda4' }, hAsync("ul", { key: 'ed9c8bd411554de27d3518a93ead84f1ffeaab32' }, hAsync("li", { key: '55e64e7e8cb21d9e7b82d5cb7d96f58f0a1d41aa' }, hAsync("slot", { key: 'a999ef8043d0ca25192122641cf1c6b8f4c17829' }))))));
     }
     static get style() { return RoadProgressIndicatorVerticalStyle0; }
     static get cmpMeta() { return {
@@ -29930,7 +30406,7 @@ class ProgressIndicatorVerticalItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '3b0c10665a39471c80fd033bc9ac82fe2a5af21b' }, hAsync("slot", { key: '9afd4c52e6b4b5de87e8283a90d44f89cd608c2e' })));
+        return (hAsync(Host, { key: '331aa668c231602fa09aa8879936b114ae9a9922' }, hAsync("slot", { key: 'bd2b07a4daa8ff2be253a6853e19cdfc7c41d848' })));
     }
     static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
     static get cmpMeta() { return {
@@ -29959,7 +30435,7 @@ class ProgressTracker {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '7d98761f2a2e832defc4a3be6f8ba55ee84e63e5' }, hAsync("nav", { key: 'd7b060564d6010f2cf6258be342337f38d21f465' }, hAsync("ul", { key: '1d738d9f900a278a9c1da0a90fd851cd859af5d7' }, hAsync("li", { key: '07652bae417a2e3654f70751330fdf72bfa2cbfc' }, hAsync("slot", { key: 'd1e1dccc15da4d4b578ed309f63843dc68e0e6d1' }))))));
+        return (hAsync(Host, { key: '7a2b81a136bb9099ba62dd19ea1110ba2e6598f2' }, hAsync("nav", { key: '02a48ece3c03e44e6650608712af2ce97d54e4be' }, hAsync("ul", { key: '53660bcb52a07088d67f22d22e959152b978632f' }, hAsync("li", { key: 'cb819d8d7de4ac7fbf78168a11ce127bb6505bf7' }, hAsync("slot", { key: 'eb87fd118354173bb49d98e49815a772edb55941' }))))));
     }
     static get style() { return RoadProgressTrackerStyle0; }
     static get cmpMeta() { return {
@@ -29991,7 +30467,7 @@ class ProgressTrackerItem {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'ad50a5a48f22062d91b353cdc827b0bfd5c0aec2' }, hAsync("slot", { key: '06013bfcc1ae31542a228fc341905dd47e67bbce' })));
+        return (hAsync(Host, { key: 'ad62f3db13a041f534b2da9a11f0eb6f394a0412' }, hAsync("slot", { key: '879eb2757031161b20e708275ea2d009f1e83a7b' })));
     }
     static get style() { return RoadProgressTrackerItemStyle0; }
     static get cmpMeta() { return {
@@ -30084,7 +30560,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: '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))));
+        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))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadRadioStyle0; }
@@ -30178,7 +30654,7 @@ class RadioGroup {
     render() {
         const labelId = `${this.radioGroupId}-label`;
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        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)));
+        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)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30308,14 +30784,14 @@ class Range {
     render() {
         const value = this.getValue();
         const datalist = this.showLabels !== undefined ? `tickmarks` : "";
-        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: {
+        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: {
                 "--min": this.min,
                 "--max": this.max,
                 "--value": value,
                 "--background-color": this.disabled
                     ? "var(--road-surface-disabled)"
                     : "initial",
-            } }, 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" })))));
+            } }, 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" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30384,7 +30860,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: '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}`, ")")));
+        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}`, ")")));
     }
     static get style() { return RoadRatingStyle0; }
     static get cmpMeta() { return {
@@ -30503,7 +30979,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: '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)));
+        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)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -31928,7 +32404,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: '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 }))));
+        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 }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31971,7 +32447,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'cc1ccb0d6235263b21dadefb893c7c6f9b763e1c' }, hAsync("slot", { key: '33fd4f892b78f389200380580fc4e1ac1e4d429e' })));
+        return (hAsync(Host, { key: 'd7f034113e5197a87874abed4d7b3abc1d695c02' }, hAsync("slot", { key: '8d113c8691cc6d060de05da806a177cf7f9d73c8' })));
     }
     static get style() { return RoadRowStyle0; }
     static get cmpMeta() { return {
@@ -32043,10 +32519,10 @@ class SegmentedButton {
     render() {
         const { tabIndex, selected, tab } = this;
         const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
-        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: {
+        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: {
                 'tab-selected': selected,
                 [`${sizeClass}`]: true,
-            } }, hAsync("span", { key: '938f5637c68a5cb7a7bc6ee2acaf35587f3643e3', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", { key: '62b81b701cf7cf4ce757e6f8d52e3729a985c4e5' }))));
+            } }, hAsync("span", { key: '73ecaa9b970846deb93859c8eaec653a035cc1e2', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", { key: '6f676459b5689e80e21fc2cab3d7c68241e5f1d6' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSegmentedButtonStyle0; }
@@ -32167,7 +32643,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: '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)));
+        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)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -34088,8 +34564,8 @@ class SelectFilter {
         const options = this.filteredOptions;
         const isActive = this.isActive ? 'true' : 'false';
         const notActive = this.isActive ? '' : 'not-active';
-        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 }))))));
+        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 }))))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSelectFilterStyle0; }
@@ -34119,7 +34595,7 @@ class Skeleton {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("span", { key: 'aa9286d647036cc908db034b7abae677ac5db4c5' }, "\u00A0"));
+        return (hAsync("span", { key: '23360c1379fea939e6bd1664d59e8e1343a6b419' }, "\u00A0"));
     }
     static get style() { return RoadSkeletonStyle0; }
     static get cmpMeta() { return {
@@ -34150,7 +34626,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: '79f895b55bf34f5b4591f0104f067b1bc29b5840', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '333985c957dd76b7694d5717eb64f037018c1613', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
+        return (hAsync("svg", { key: '15916684cd29bc097b95e9702558ba8f12e111ff', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '1579334e75979ae2fff79ae4452a7c2493ad2404', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
     }
     static get style() { return RoadSpinnerStyle0; }
     static get cmpMeta() { return {
@@ -34200,7 +34676,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: '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" }))))))));
+        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" }))))))));
     }
     static get style() { return RoadProgressIndicatorHorizontalStyle0; }
     static get cmpMeta() { return {
@@ -34302,11 +34778,11 @@ class Switch {
     }
     render() {
         const labelId = this.switchId + '-label';
-        const textLabel = hAsync("label", { key: '9b8763418ebd696deeaf0f96f0ef3df50233b979', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
+        const textLabel = hAsync("label", { key: '9cbf8cf142884a9883024d741239d65ecef588da', 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: '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)));
+        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)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -34361,9 +34837,9 @@ class Tab {
     }
     render() {
         const { tab, active } = this;
-        return (hAsync(Host, { key: '6187e82afbc19467bacecff9dab022208d82d83e', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (hAsync(Host, { key: '08cad173a66b655a36d7adf049c28ca24e60fced', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'tab-hidden': !active,
-            } }, hAsync("slot", { key: 'c3899fd5fd831d2904c77263f5b6ef795d594e9b' })));
+            } }, hAsync("slot", { key: 'be64342b87d15293de2c9909d58c874d2f7b9dcf' })));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabStyle0; }
@@ -34423,11 +34899,11 @@ class TabBar {
     }
     render() {
         const { expand, center, secondary } = this;
-        return (hAsync(Host, { key: '476e362d19cd6d3eac7379cb28a0579f8d165128', role: "tablist", class: {
+        return (hAsync(Host, { key: 'a498dbdd9f96f8eb18f2786a4300f86a90d5f704', role: "tablist", class: {
                 'tab-expand': expand,
                 'tab-center': center,
                 'tab-secondary': secondary,
-            } }, hAsync("slot", { key: '089d0ced1753e49bbf40a2bed3b6de3ce70cde7a' })));
+            } }, hAsync("slot", { key: '666d8e010a3f1f487f82d996f667720332c73567' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -34527,7 +35003,7 @@ class TabButton {
             rel,
             target,
         };
-        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: {
+        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: {
                 'tab-selected': selected,
                 'tab-has-label': hasLabel,
                 'tab-has-icon': hasIcon,
@@ -34535,7 +35011,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: '864576c07dfdafdce416c2ad28173e7875d403b1' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '95cf566321f3c956b8682c1ae0a20674966d1b8f', class: "button-inner" }, hAsync("slot", { key: 'a1e2bb5eafc6d9f0b9c166166925d42e52382825' })))));
+            } }, 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' })))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabButtonStyle0; }
@@ -34569,7 +35045,7 @@ class Table {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("slot", { key: 'b76d60e60c39e889690419d020151ac7a0b68f08' }));
+        return (hAsync("slot", { key: 'f036d33368eaf205cfbbafcdcc03b3e0ecf5dc3c' }));
     }
     static get style() { return RoadTableStyle0; }
     static get cmpMeta() { return {
@@ -34677,7 +35153,7 @@ class Tabs$1 {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (hAsync(Host, { key: 'ee63f3001e735cc0345f081742b98cc7dda58379', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'ead65e59a9ce47b7ed0034b5e807f41a3f3aae58', name: "top" }), hAsync("slot", { key: '87177efc28c625a4d3e5c893a17ab2ed3be252ef' })));
+        return (hAsync(Host, { key: 'c7a62a2fd860a3254e8aeb4304b6c41b13b11d43', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '62659d12582b3c6cd231656f0645610bc0687134', name: "top" }), hAsync("slot", { key: 'ce73ed60aade6a96f1a3d712b91a4aa26a6e8df2' })));
     }
     get el() { return getElement(this); }
     static get style() { return RoadSegmentedButtonsStyle0; }
@@ -34813,7 +35289,7 @@ class Tabs {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        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' }))));
+        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' }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTabsStyle0; }
@@ -34861,7 +35337,7 @@ class Tag {
     }
     render() {
         const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
-        return (hAsync(Host, { key: 'fada54428b148c0572768c9f7f347b7666528f4e', class: `${contrastClass}` }, hAsync("slot", { key: 'e5c53f9a417c064ac4c257a6e5a74bc593c7d5e8' })));
+        return (hAsync(Host, { key: '473f75d03caf6fd1af778973cf668594869f840d', class: `${contrastClass}` }, hAsync("slot", { key: '978855ab3df5f500d39ec62ce6990b5e9ee0460e' })));
     }
     static get style() { return RoadTagStyle0; }
     static get cmpMeta() { return {
@@ -34893,7 +35369,7 @@ class Text {
     }
     render() {
         const colorClass = this.color !== undefined ? `text-${this.color}` : '';
-        return (hAsync(Host, { key: '41de3c220883dbe616d365f940168c46ca079813', class: `${colorClass}` }, hAsync("slot", { key: '4840d935993f294633106ebf2e40ad6ab037b2e3' })));
+        return (hAsync(Host, { key: '055eff6468f112052379b6744fa6711ca3227942', class: `${colorClass}` }, hAsync("slot", { key: '962b901456fa3a58f0fcd8514ba64e306f5ce9ec' })));
     }
     static get style() { return RoadTextStyle0; }
     static get cmpMeta() { return {
@@ -35003,7 +35479,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: '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)));
+        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)));
     }
     static get watchers() { return {
         "value": ["valueChanged"]
@@ -35134,7 +35610,7 @@ class Toast {
         if (this.color == 'danger') {
             this.timeout = 0;
         }
-        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" }))));
+        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" }))));
     }
     static get watchers() { return {
         "isOpen": ["isOpenChanged"]
@@ -35174,7 +35650,7 @@ class Toolbar {
     }
     render() {
         const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
-        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" }))));
+        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" }))));
     }
     static get style() { return RoadToolbarStyle0; }
     static get cmpMeta() { return {
@@ -35200,7 +35676,7 @@ class ToolbarAppName {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '96772b1bc4538e279b0e7d907c95beee244591e3', class: "toolbar-title-page" }, hAsync("slot", { key: '25494eb56d924d9e9b5bb7a66b9d7a8eab44c1f7' })));
+        return (hAsync("div", { key: '97f764499f0d16456fa2d98e19815d260d736029', class: "toolbar-title-page" }, hAsync("slot", { key: 'b773809ae7bf4f8fa4be5bad8645c9a6077cc3f4' })));
     }
     static get style() { return RoadToolbarTitlePageStyle0; }
     static get cmpMeta() { return {
@@ -35224,7 +35700,7 @@ class ToolbarTitle {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '9364d8a1ec8f96784727b570787b96765df6d03b', class: "toolbar-title" }, hAsync("slot", { key: '17c2119c82d33ff0eec3bc289edec8911449e8d9' })));
+        return (hAsync("div", { key: 'c428fb2d1a55e5fa29f51e3fcaa78920fefb9762', class: "toolbar-title" }, hAsync("slot", { key: '7e9d258f597ac5a6cb0aa2ca709e967f61e93995' })));
     }
     static get style() { return RoadToolbarTitleStyle0; }
     static get cmpMeta() { return {
@@ -35253,7 +35729,7 @@ class ToolbarV2 {
         registerInstance(this, hostRef);
     }
     render() {
-        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" })))));
+        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" })))));
     }
     static get style() { return RoadToolbarV2Style0; }
     static get cmpMeta() { return {
@@ -35366,12 +35842,12 @@ class Tooltip {
         return triggers.includes(triggerType);
     }
     render() {
-        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
+        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
             ,
-            "data-tooltip-position": this.position }, hAsync("slot", { key: '14feedb97350da949b465b67b73ff757e5993125', "aria-describedby": this.tooltipId }), hAsync("div", { key: '991b675659d7b666dd1440229f0daa55a6f6f9de', part: "tooltip", id: this.tooltipId, class: {
+            "data-tooltip-position": this.position }, hAsync("slot", { key: '2a709fc59d3e0b13896e2b2b14f10500399eeb00', "aria-describedby": this.tooltipId }), hAsync("div", { key: '55d24721aeb703ba3717954c2082a3eb1bf2aca3', 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: 'd8595d6dc063b81a775d7f1df551930223105a74', name: "tooltip-content" }))));
+            }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '094531297abb7a2f65f47f5bf3c1c7e63b753855', name: "tooltip-content" }))));
     }
     get el() { return getElement(this); }
     static get style() { return RoadTooltipStyle0; }
@@ -35471,11 +35947,11 @@ class toggle {
     }
     render() {
         const labelId = this.toggleId + '-label';
-        const textLabel = hAsync("label", { key: 'dc3a609b0330a55fc4f0a7a49afa449c11eeda50', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
+        const textLabel = hAsync("label", { key: 'a6b573f6cf34cc4818943f49652330259bc9a36f', 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: '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)));
+        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)));
     }
     static get watchers() { return {
         "checked": ["checkedChanged"]
@@ -35916,19 +36392,9 @@ exports.hydrateApp = hydrateApp;
 // src/app-data/index.ts
 var BUILD = {
   allRenderFn: false,
-  cmpDidLoad: true,
-  cmpDidUnload: false,
-  cmpDidUpdate: true,
-  cmpDidRender: true,
-  cmpWillLoad: true,
-  cmpWillUpdate: true,
-  cmpWillRender: true,
-  connectedCallback: true,
-  disconnectedCallback: true,
   element: true,
   event: true,
   hasRenderFn: true,
-  lifecycle: true,
   hostListener: true,
   hostListenerTargetWindow: true,
   hostListenerTargetDocument: true,
@@ -35993,7 +36459,6 @@ var BUILD = {
   propNumber: true,
   propString: true,
   constructableCSS: true,
-  cmpShouldUpdate: true,
   devTools: false,
   shadowDelegatesFocus: true,
   initializeNextTick: false,
@@ -36011,7 +36476,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -37459,6 +37924,7 @@ var EntityDecoder = class {
       case EntityDecoderState.NamedEntity: {
         return this.result !== 0 && (this.decodeMode !== DecodingMode.Attribute || this.result === this.treeIndex) ? this.emitNotTerminatedNamedEntity() : 0;
       }
+      // Otherwise, emit a numeric entity if we have one.
       case EntityDecoderState.NumericDecimal: {
         return this.emitNumericEntity(0, 2);
       }
@@ -44506,6 +44972,7 @@ function endTagInSelectInTable(p, token) {
 }
 function startTagInTemplate(p, token) {
   switch (token.tagID) {
+    // First, handle tags that can start without a mode change
     case TAG_ID.BASE:
     case TAG_ID.BASEFONT:
     case TAG_ID.BGSOUND:
@@ -44519,6 +44986,7 @@ function startTagInTemplate(p, token) {
       startTagInHead(p, token);
       break;
     }
+    // Re-process the token in the appropriate mode
     case TAG_ID.CAPTION:
     case TAG_ID.COLGROUP:
     case TAG_ID.TBODY:
@@ -46428,7 +46896,7 @@ function normalizeSerializationOptions(opts = {}) {
     removeAttributeQuotes: typeof opts.removeAttributeQuotes !== "boolean" ? false : opts.removeAttributeQuotes,
     removeBooleanAttributeQuotes: typeof opts.removeBooleanAttributeQuotes !== "boolean" ? false : opts.removeBooleanAttributeQuotes,
     removeHtmlComments: typeof opts.removeHtmlComments !== "boolean" ? false : opts.removeHtmlComments,
-    serializeShadowRoot: typeof opts.serializeShadowRoot !== "boolean" ? true : opts.serializeShadowRoot,
+    serializeShadowRoot: typeof opts.serializeShadowRoot === "undefined" ? "declarative-shadow-dom" : opts.serializeShadowRoot,
     fullDocument: typeof opts.fullDocument !== "boolean" ? true : opts.fullDocument
   };
 }
@@ -46557,7 +47025,7 @@ style="${cssText}">`;
     }
     if (EMPTY_ELEMENTS.has(tagName) === false) {
       const shadowRoot = node.shadowRoot;
-      if (shadowRoot != null && opts.serializeShadowRoot) {
+      if (shadowRoot != null && opts.serializeShadowRoot !== false) {
         output.indent = output.indent + ((_c = opts.indentSpaces) != null ? _c : 0);
         yield* streamToHtml(shadowRoot, opts, output);
         output.indent = output.indent - ((_d = opts.indentSpaces) != null ? _d : 0);
@@ -50188,9 +50656,6 @@ var Build = {
   isServer: false,
   isTesting: BUILD.isTesting ? true : false
 };
-
-// src/client/client-host-ref.ts
-var hostRefs = BUILD.hotModuleReplacement ? window.__STENCIL_HOSTREFS__ || (window.__STENCIL_HOSTREFS__ = /* @__PURE__ */ new WeakMap()) : /* @__PURE__ */ new WeakMap();
 var STENCIL_DEV_MODE = BUILD.isTesting ? ["STENCIL:"] : [
   "%cstencil",
   "color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"
@@ -50299,6 +50764,31 @@ var unwrapErr = (result) => {
   }
 };
 
+// src/utils/shadow-css.ts
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ *
+ * This file is a port of shadowCSS from `webcomponents.js` to TypeScript.
+ * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
+ * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
+ */
+var _polyfillHost = "-shadowcsshost";
+var _polyfillSlotted = "-shadowcssslotted";
+var _polyfillHostContext = "-shadowcsscontext";
+var _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)";
+var _cssColonHostRe = new RegExp("(" + _polyfillHost + _parenSuffix, "gim");
+var _cssColonHostContextRe = new RegExp("(" + _polyfillHostContext + _parenSuffix, "gim");
+var _cssColonSlottedRe = new RegExp("(" + _polyfillSlotted + _parenSuffix, "gim");
+var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
+var createSupportsRuleRe = (selector) => new RegExp(`((?<!(^@supports(.*)))|(?<={.*))(${selector}\\b)`, "gim");
+var _colonSlottedRe = createSupportsRuleRe("::slotted");
+var _colonHostRe = createSupportsRuleRe(":host");
+var _colonHostContextRe = createSupportsRuleRe(":host-context");
+
 // src/runtime/mode.ts
 var setMode = (handler) => modeResolutionChain.push(handler);
 var CAPTURE_EVENT_SUFFIX = "Capture";
@@ -51487,7 +51977,7 @@ function renderToString(html, options, asStream) {
   const opts = normalizeHydrateOptions(options);
   opts.serializeToHtml = true;
   opts.fullDocument = typeof opts.fullDocument === "boolean" ? opts.fullDocument : true;
-  opts.serializeShadowRoot = typeof opts.serializeShadowRoot === "boolean" ? opts.serializeShadowRoot : true;
+  opts.serializeShadowRoot = typeof opts.serializeShadowRoot === "undefined" ? "declarative-shadow-dom" : opts.serializeShadowRoot;
   opts.constrainTimeouts = false;
   return hydrateDocument(html, opts, asStream);
 }