@roadtrip/components 3.33.0 → 3.33.2

package/hydrate/index.mjs

@@ -127,7 +127,7 @@ const NAMESPACE = 'roadtrip';
 const BUILD = /* roadtrip */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, devTools: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
- Stencil Hydrate Platform v4.27.2 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -147,9 +147,9 @@ var isComplexType = (o) => {
 };
 
 // src/utils/query-nonce-meta-tag-content.ts
-function queryNonceMetaTagContent(doc) {
+function queryNonceMetaTagContent(doc2) {
   var _a, _b, _c;
-  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
+  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
@@ -506,8 +506,8 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       delete hostElm["s-sc"];
     }
   }
-  if (win.document && (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size)) {
-    initializeDocumentHydrate(win.document.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
+  if (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size) {
+    initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
   }
   hostElm[HYDRATE_ID] = hostId;
   hostElm.removeAttribute(HYDRATE_ID);
@@ -830,8 +830,8 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   childVNode.$name$ = slotName || null;
   childVNode.$tag$ = "slot";
   const parentNodeId = (parentVNode == null ? void 0 : parentVNode.$elm$) ? parentVNode.$elm$["s-id"] || parentVNode.$elm$.getAttribute("s-id") : "";
-  if (shadowRootNodes && win.document) {
-    const slot = childVNode.$elm$ = win.document.createElement(childVNode.$tag$);
+  if (shadowRootNodes) {
+    const slot = childVNode.$elm$ = doc.createElement(childVNode.$tag$);
     if (childVNode.$name$) {
       childVNode.$elm$.setAttribute("name", slotName);
     }
@@ -1275,10 +1275,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
   var _a;
   const scopeId2 = getScopeId(cmpMeta);
   const style = styles$1.get(scopeId2);
-  if (!win.document) {
-    return scopeId2;
-  }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
   if (style) {
     if (typeof style === "string") {
       styleContainerNode = styleContainerNode.head || styleContainerNode;
@@ -1291,9 +1288,9 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
         if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
           styleElm.innerHTML = style;
         } else {
-          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || win.document.createElement("style");
+          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
           styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
@@ -1543,7 +1540,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     }
   }
   if (newVNode2.$text$ !== null) {
-    elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
+    elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
   } else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
     elm = newVNode2.$elm$ = slotReferenceDebugNode(newVNode2) ;
     {
@@ -1553,12 +1550,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     if (!isSvgMode) {
       isSvgMode = newVNode2.$tag$ === "svg";
     }
-    if (!win.document) {
-      throw new Error(
-        "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
-      );
-    }
-    elm = newVNode2.$elm$ = win.document.createElementNS(
+    elm = newVNode2.$elm$ = doc.createElementNS(
       isSvgMode ? SVG_NS : HTML_NS,
       !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
     ) ;
@@ -1940,7 +1932,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
       markSlotContentForRelocation(rootVnode.$elm$);
       for (const relocateData of relocateNodes) {
         const nodeToRelocate = relocateData.$nodeToRelocate$;
-        if (!nodeToRelocate["s-ol"] && win.document) {
+        if (!nodeToRelocate["s-ol"]) {
           const orgLocationNode = originalLocationDebugNode(nodeToRelocate) ;
           orgLocationNode["s-nr"] = nodeToRelocate;
           insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
@@ -1984,18 +1976,12 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   }
   contentRef = void 0;
 };
-var slotReferenceDebugNode = (slotVNode) => {
-  var _a;
-  return (_a = win.document) == null ? void 0 : _a.createComment(
-    `<slot${slotVNode.$name$ ? ' name="' + slotVNode.$name$ + '"' : ""}> (host=${hostTagName.toLowerCase()})`
-  );
-};
-var originalLocationDebugNode = (nodeToRelocate) => {
-  var _a;
-  return (_a = win.document) == null ? void 0 : _a.createComment(
-    `org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
-  );
-};
+var slotReferenceDebugNode = (slotVNode) => doc.createComment(
+  `<slot${slotVNode.$name$ ? ' name="' + slotVNode.$name$ + '"' : ""}> (host=${hostTagName.toLowerCase()})`
+);
+var originalLocationDebugNode = (nodeToRelocate) => doc.createComment(
+  `org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
+);
 
 // src/runtime/update-component.ts
 var attachToAncestor = (hostRef, ancestorComponent) => {
@@ -2192,7 +2178,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
   if (!hostRef) {
     throw new Error(
-      `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
+      `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
     );
   }
   const elm = hostRef.$hostElement$ ;
@@ -2496,19 +2482,16 @@ var connectedCallback = (elm) => {
   }
 };
 var setContentReference = (elm) => {
-  if (!win.document) {
-    return;
-  }
-  const contentRefElm = elm["s-cr"] = win.document.createComment(
+  const contentRefElm = elm["s-cr"] = doc.createComment(
     ""
   );
   contentRefElm["s-cn"] = true;
   insertBefore(elm, contentRefElm, elm.firstChild);
 };
 var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
-  if (listeners && win.document) {
+  if (listeners) {
     listeners.map(([flags, name, method]) => {
-      const target = getHostListenerTarget(win.document, elm, flags) ;
+      const target = getHostListenerTarget(elm, flags) ;
       const handler = hostListenerProxy(hostRef, method);
       const opts = hostListenerOpts(flags);
       plt.ael(target, name, handler, opts);
@@ -2530,24 +2513,20 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
     consoleError(e, hostRef.$hostElement$);
   }
 };
-var getHostListenerTarget = (doc, elm, flags) => {
-  if (flags & 4 /* TargetDocument */) {
-    return doc;
-  }
-  if (flags & 8 /* TargetWindow */) {
-    return win;
-  }
+var getHostListenerTarget = (elm, flags) => {
+  if (flags & 4 /* TargetDocument */) return doc;
+  if (flags & 8 /* TargetWindow */) return win;
   return elm;
 };
 var hostListenerOpts = (flags) => (flags & 2 /* Capture */) !== 0;
 
 // src/runtime/vdom/vdom-annotations.ts
-var insertVdomAnnotations = (doc, staticComponents) => {
-  if (doc != null) {
-    const docData = STENCIL_DOC_DATA in doc ? doc[STENCIL_DOC_DATA] : { ...DEFAULT_DOC_DATA };
+var insertVdomAnnotations = (doc2, staticComponents) => {
+  if (doc2 != null) {
+    const docData = STENCIL_DOC_DATA in doc2 ? doc2[STENCIL_DOC_DATA] : { ...DEFAULT_DOC_DATA };
     docData.staticComponents = new Set(staticComponents);
     const orgLocationNodes = [];
-    parseVNodeAnnotations(doc, doc.body, docData, orgLocationNodes);
+    parseVNodeAnnotations(doc2, doc2.body, docData, orgLocationNodes);
     orgLocationNodes.forEach((orgLocationNode) => {
       var _a;
       if (orgLocationNode != null && orgLocationNode["s-nr"]) {
@@ -2573,11 +2552,11 @@ var insertVdomAnnotations = (doc, staticComponents) => {
                 return;
               }
             }
-            const commentBeforeTextNode = doc.createComment(childId);
+            const commentBeforeTextNode = doc2.createComment(childId);
             commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;
             insertBefore(nodeRef.parentNode, commentBeforeTextNode, nodeRef);
           } else if (nodeRef.nodeType === 8 /* CommentNode */) {
-            const commentBeforeTextNode = doc.createComment(childId);
+            const commentBeforeTextNode = doc2.createComment(childId);
             commentBeforeTextNode.nodeValue = `${COMMENT_NODE_ID}.${childId}`;
             nodeRef.parentNode.insertBefore(commentBeforeTextNode, nodeRef);
           }
@@ -2596,7 +2575,7 @@ var insertVdomAnnotations = (doc, staticComponents) => {
     });
   }
 };
-var parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {
+var parseVNodeAnnotations = (doc2, node, docData, orgLocationNodes) => {
   var _a;
   if (node == null) {
     return;
@@ -2612,13 +2591,13 @@ var parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {
         const cmpData = {
           nodeIds: 0
         };
-        insertVNodeAnnotations(doc, childNode, hostRef.$vnode$, docData, cmpData);
+        insertVNodeAnnotations(doc2, childNode, hostRef.$vnode$, docData, cmpData);
       }
-      parseVNodeAnnotations(doc, childNode, docData, orgLocationNodes);
+      parseVNodeAnnotations(doc2, childNode, docData, orgLocationNodes);
     });
   }
 };
-var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
+var insertVNodeAnnotations = (doc2, hostElm, vnode, docData, cmpData) => {
   if (vnode != null) {
     const hostId = ++docData.hostIds;
     hostElm.setAttribute(HYDRATE_ID, hostId);
@@ -2628,7 +2607,7 @@ var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
     if (vnode.$children$ != null) {
       const depth = 0;
       vnode.$children$.forEach((vnodeChild, index) => {
-        insertChildVNodeAnnotations(doc, vnodeChild, cmpData, hostId, depth, index);
+        insertChildVNodeAnnotations(doc2, vnodeChild, cmpData, hostId, depth, index);
       });
     }
     if (hostElm && vnode && vnode.$elm$ && !hostElm.hasAttribute(HYDRATE_CHILD_ID)) {
@@ -2649,7 +2628,7 @@ var insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
     }
   }
 };
-var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, index) => {
+var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, index) => {
   const childElm = vnodeChild.$elm$;
   if (childElm == null) {
     return;
@@ -2668,7 +2647,7 @@ var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, inde
     const nodeName = parentNode == null ? void 0 : parentNode.nodeName;
     if (nodeName !== "STYLE" && nodeName !== "SCRIPT") {
       const textNodeId = `${TEXT_NODE_ID}.${childId}`;
-      const commentBeforeTextNode = doc.createComment(textNodeId);
+      const commentBeforeTextNode = doc2.createComment(textNodeId);
       insertBefore(parentNode, commentBeforeTextNode, childElm);
     }
   } else if (childElm.nodeType === 8 /* CommentNode */) {
@@ -2681,7 +2660,7 @@ var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, inde
   if (vnodeChild.$children$ != null) {
     const childDepth = depth + 1;
     vnodeChild.$children$.forEach((vnode, index2) => {
-      insertChildVNodeAnnotations(doc, vnode, cmpData, hostId, childDepth, index2);
+      insertChildVNodeAnnotations(doc2, vnode, cmpData, hostId, childDepth, index2);
     });
   }
 };
@@ -2897,7 +2876,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
       return elm;
     };
     tmrId = globalThis.setTimeout(timeoutExceeded, opts.timeout);
-    plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./", win2.document.baseURI).href;
+    plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./", doc.baseURI).href;
     patchChild2(win2.document.body);
     waitLoop2().then(hydratedComplete).catch(hydratedError);
   } catch (e) {
@@ -3104,6 +3083,7 @@ var registerComponents = (Cstrs) => {
   }
 };
 var win = window;
+var doc = win.document;
 var writeTask = (cb) => {
   nextTick$1(() => {
     try {
@@ -11231,7 +11211,7 @@ class Dialog {
     }; }
 }
 
-const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;height:3.5rem;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;height:3.5rem;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto;padding:0 var(--road-spacing-05) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";
+const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;height:3.5rem;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-footer.remove-padding{padding:0}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;height:3.5rem;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto;padding:0 var(--road-spacing-05) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}.drawer-footer.remove-padding{padding:0}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";
 var RoadDrawerStyle0 = drawerCss;
 
 /**
@@ -11374,7 +11354,7 @@ class Drawer {
         const backIconElement = this.hasBackIcon ? (hAsync("button", { type: "button", class: "drawer-action", "aria-label": ariaLabelBack, onClick: this.onClickBack }, hAsync("road-icon", { icon: navigationChevron, rotate: "180" }), this.backText)) : null;
         const closeIconElement = this.hasCloseIcon ? (hAsync("button", { type: "button", class: "drawer-close", onClick: this.onClick, "aria-label": ariaLabelClose }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))) : null;
         const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
-        return (hAsync(Host, { key: 'd9a65c4b3b7943dc6cdfa4daba84533e718a38a2', class: `${drawerIsOpenClass}  drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'cdd0a950c739328870c8e723a6daf69c8077e7ae', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'b23bff3a5d546f27c8286ee4b94b27813375a65e', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '71440a2eee17b35266a64468e0de497e96f90553', class: "drawer-content" }, hAsync("header", { key: '6c351edec21172afa7ddef62d6b3043becebde35', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (hAsync("h2", { class: "drawer-title" }, this.drawerTitle)) : (hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" }))), closeIconElement), hAsync("div", { key: '81298d6f43743beacc945c15db1f645f23ba87b1', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: 'b9ecd6bad23c1707c4204084170f54d1944b2d78' })), hAsync("footer", { key: '21f03c9d7b70b62892f088c026e5df0b255e5d4e', class: "drawer-footer" }, hAsync("slot", { key: 'aa1ff90c55ff00b99733c2955542f0a173cd6f2b', name: "footer" }))))));
+        return (hAsync(Host, { key: '803e9ce30d1511c6714bcf3eae6cf482ab910483', class: `${drawerIsOpenClass}  drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'e57c395fee5c6f507623221567aa8944225e077f', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '13d65e0346da78e8d305e8ec367e1a425a64df42', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '3a9b0175243b9a330155a26155e19f288822a2ea', class: "drawer-content" }, hAsync("header", { key: '22f1f8fece85ce1e1d998b876fd83c7854c59ac1', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (hAsync("h2", { class: "drawer-title" }, this.drawerTitle)) : (hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" }))), closeIconElement), hAsync("div", { key: '8d4c6ce1183733fbb7b22e96e2c8cd81c687cf3a', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: 'd8185e9a322bd64833b6ce2ce57807ce27a75dbd' })), hAsync("footer", { key: '8c3345df320d569fe9b8472faba3f4204750c903', class: `drawer-footer ${removePaddingClass}` }, hAsync("slot", { key: '716055f5fc9792510ed43f77cbd81f9b2a039002', name: "footer" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29474,24 +29454,58 @@ class Input {
             const input = ev.target;
             let newValue = input.value;
             if (this.type === 'number' && this.blockdecimal) {
-                newValue = newValue.replace(/[.,]/g, ''); // Supprime les décimales si blockDecimal est activé
+                newValue = newValue.replace(/[.,]/g, ''); // Supprime les décimales si `blockdecimal` est activé
+            }
+            // Convertir en nombre et ajuster selon min/max
+            let numericValue = parseFloat(newValue);
+            const minValue = this.min !== undefined ? parseFloat(this.min) : undefined;
+            const maxValue = this.max !== undefined ? parseFloat(this.max) : undefined;
+            if (!isNaN(numericValue)) {
+                if (minValue !== undefined && numericValue < minValue) {
+                    numericValue = minValue;
+                }
+                if (maxValue !== undefined && numericValue > maxValue) {
+                    numericValue = maxValue;
+                }
+                newValue = numericValue.toString();
+            }
+            if (this.type === 'number') {
+                this.value = newValue;
+                input.value = newValue; // Mise à jour immédiate du champ
+            }
+            else {
+                this.value = newValue;
             }
-            this.value = newValue;
             this.roadInput.emit(ev);
             this.roadChange.emit({ value: newValue });
+            // Appeler enforceMinMaxValue à chaque modification de la valeur
+            this.enforceMinMaxValue();
         };
         this.onBlur = () => {
             let value = this.getValue();
-            // Vérifier si les contraintes min et max sont définies
-            if (this.min !== undefined && value !== '' && parseFloat(value) < parseFloat(this.min)) {
-                value = this.min; // Ajuster la valeur à la valeur minimale
+            const minValue = this.min !== undefined ? parseFloat(this.min) : undefined;
+            const maxValue = this.max !== undefined ? parseFloat(this.max) : undefined;
+            let numericValue = parseFloat(value);
+            if (!isNaN(numericValue)) {
+                if (minValue !== undefined && numericValue < minValue) {
+                    numericValue = minValue;
+                }
+                if (maxValue !== undefined && numericValue > maxValue) {
+                    numericValue = maxValue;
+                }
+                value = numericValue.toString();
+            }
+            if (this.type === 'number') {
+                this.value = value;
+                const input = document.getElementById(this.inputId);
+                input.value = value;
             }
-            if (this.max !== undefined && value !== '' && parseFloat(value) > parseFloat(this.max)) {
-                value = this.max; // Ajuster la valeur à la valeur maximale
+            else {
+                this.value = value;
             }
-            this.value = value; // Mettre à jour la valeur avec la valeur ajustée
-            // Émettre l'événement roadblur avec la valeur ajustée
             this.roadBlur.emit(value);
+            // Appeler enforceMinMaxValue lors de la perte de focus
+            this.enforceMinMaxValue();
         };
         this.onFocus = () => {
             this.roadFocus.emit();
@@ -29519,25 +29533,35 @@ class Input {
      */
     valueChanged() {
         this.debouncedRoadChange(this.value);
+        // Appeler enforceMinMaxValue après chaque changement de valeur
+        this.enforceMinMaxValue();
+    }
+    async enforceMinMaxValue() {
+        let value = this.getValue();
+        const minValue = this.min !== undefined ? parseFloat(this.min) : undefined;
+        const maxValue = this.max !== undefined ? parseFloat(this.max) : undefined;
+        let numericValue = parseFloat(value);
+        if (!isNaN(numericValue)) {
+            if (minValue !== undefined && numericValue < minValue) {
+                numericValue = minValue;
+            }
+            if (maxValue !== undefined && numericValue > maxValue) {
+                numericValue = maxValue;
+            }
+            value = numericValue.toString();
+        }
+        if (this.type === 'number') {
+            this.value = value;
+            const input = document.getElementById(this.inputId);
+            input.value = value;
+        }
+        this.roadChange.emit({ value });
     }
     getValue() {
         return typeof this.value === 'number'
             ? this.value.toString()
             : (this.value || '').toString();
     }
-    enforceMinMax(el) {
-        if (el.value !== "") {
-            const value = parseInt(el.value);
-            const minValue = parseInt(el.min);
-            const maxValue = parseInt(el.max);
-            if (value < minValue) {
-                el.value = el.min;
-            }
-            if (value > maxValue) {
-                el.value = el.max;
-            }
-        }
-    }
     componentWillLoad() {
         this.debounceChanged(); // Initialize debounce on component load
     }
@@ -29547,7 +29571,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: '9251985e0b07d2b85f319d30bd6e4cc46cf78147', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: 'b0d87d5bde0d232615d200c1b4c611a997931595', class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, onKeyUp: (event) => this.enforceMinMax(event.target), "data-cy": 'road-input' }), hAsync("label", { key: '910506a3f147908dd802d645c9d985862cf4126b', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'feb2985f978e936bcde5328233a433eda6f2d16c', class: "invalid-feedback" }, hAsync("road-icon", { key: 'f5d8a3c8edc1ccac2d5b9f9d6b2bcc3f3f7bc283', slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.error), this.helper && this.helper !== '' && hAsync("p", { key: '3e11fd43dc68951c17d3ab267bc4a25316e1efce', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '0a2df2f8c92a52d18b6d1063765eaf47809a60b3', name: "checklistPassword" })));
+        return (hAsync(Host, { key: '5f6b006c06d7a18796cc0074a2200c47a529fbc5', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: 'c83b3eed22f085e0c5d9c9474730da06c0ddc6d6', class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input' }), hAsync("label", { key: '0570cdc0f7ec67a2569d0b2187914cb7591b9235', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '4101c4759d90207af1ef234b298fb666ecce590d', class: "invalid-feedback" }, hAsync("road-icon", { key: '6e0aa0da85a06ced4c32b0fff2909e55122b68f9', slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.error), this.helper && this.helper !== '' && hAsync("p", { key: '573cb5971b2a3cb6dc5496bb839036445c238fba', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: 'e91164c69cb2c110edddbc1b755a8a6df1c86894', name: "checklistPassword" })));
     }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
@@ -29585,7 +29609,8 @@ class Input {
             "label": [1],
             "error": [1],
             "helper": [1],
-            "debounce": [2]
+            "debounce": [2],
+            "enforceMinMaxValue": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -29594,7 +29619,7 @@ class Input {
 }
 let inputIds = 0;
 
-const inputGroupCss = ":host{display:block}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}::slotted(road-input),::slotted(input),::slotted(textarea),::slotted(road-select){position:relative;flex:1 1 auto;width:1%;margin-bottom:0}::slotted([slot=\"prepend\"]){margin-right:-3px;border-color:var(--road-input-outline);border-right-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}::slotted([slot=\"append\"]){margin-left:-0.25rem;border-color:var(--road-input-outline);border-left-width:0}@media (hover: hover){.input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"]){border-color:var(--road-input-outline-variant);border-right-color:transparent}.input-group:not(.is-disabled):hover ::slotted([slot=\"append\"]){border-color:var(--road-input-outline-variant);border-left-color:transparent}:host(.phone-number-group) .input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"]){border-color:var(--road-input-outline-variant)}}.input-group:focus-within ::slotted([slot=\"prepend\"]),:host(.phone-number-group) .input-group:focus-within ::slotted([slot=\"prepend\"]){border-color:var(--road-grey-0);border-width:2px;border-right-color:transparent;outline:none;}.input-group:focus-within ::slotted([slot=\"append\"]){border-color:var(--road-grey-0);border-width:2px;border-left-color:transparent;outline:none;}.input-group:focus-within ::slotted(road-input):focus-visible{border-color:var(--road-grey-0);border-width:2px;outline:none;}.input-group-prepend,.input-group-append{display:flex;height:3rem}::slotted(road-button){--padding-start:0.5rem;--padding-end:0.5rem;position:relative;z-index:2;min-width:3rem;margin:0;font-size:var(--road-font-size-14)}::slotted(road-button):hover{background-color:var(--road-button-ghost-variant)}.input-group-prepend{z-index:1;order:-1}.input-group-prepend~.form-label{left:calc(3rem + 1px)}.input-group-append{position:relative;z-index:1;border-radius:0 0.25rem 0.25rem 0}::slotted(label){display:flex;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-on-surface);text-align:center;white-space:nowrap;cursor:text;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-label){display:flex;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-on-surface);text-align:center;white-space:nowrap;cursor:text;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-input:not(:first-child)),::slotted(road-select:not(:first-child)){border-radius:0}.input-group-append ::slotted([slot=\"append\"]){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group-prepend ::slotted([slot=\"prepend\"]){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host(.phone-number-group) .input-group-prepend ::slotted([slot=\"prepend\"]){border-right:1px solid var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend ::slotted(label){margin-right:calc(-1rem + 1px)}.input-group-append ::slotted(road-button){background-color:var(--road-surface)}.input-group-append:hover ::slotted(road-button){background-color:var(--road-button-ghost-variant)}.size-xl .input-group-prepend,.size-xl .input-group-append{height:3.5rem}.size-xl ::slotted(road-button){height:3.5rem}.input-group.is-invalid ::slotted([slot=\"append\"]),.input-group.is-invalid ::slotted([slot=\"prepend\"]){border-color:var(--road-danger-outline)}:host(.phone-number-group) .input-group.is-invalid ::slotted([slot=\"prepend\"]){border-color:var(--road-danger-outline)}:host([disabled]){cursor:not-allowed}:host([disabled]) .input-group{pointer-events:none;}:host([disabled]) ::slotted([slot=\"append\"]),:host([disabled]) ::slotted([slot=\"prepend\"]){color:var(--road-on-surface-disabled);cursor:not-allowed;background:#e4e5e9}:host([disabled]) ::slotted([slot=\"append\"] road-icon),:host([disabled]) ::slotted([slot=\"prepend\"] road-icon){color:var(--road-on-surface-disabled)}:host([disabled]) road-icon{color:var(--road-on-surface-disabled)}";
+const inputGroupCss = ":host{display:block}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}::slotted(road-input),::slotted(input),::slotted(textarea),::slotted(road-select){position:relative;flex:1 1 auto;width:1%;margin-bottom:0}::slotted([slot=\"prepend\"]){margin-right:-3px;border-right-color:transparent;border-color:var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0;position:absolute;left:0;top:0;bottom:0}::slotted([slot=\"append\"]){margin-left:-0.25rem;border-color:var(--road-input-outline);border-left-width:0;position:absolute;right:0;top:0;bottom:0}@media (hover: hover){.input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"]){border-color:var(--road-input-outline-variant);border-right-color:transparent}.input-group:not(.is-disabled):hover ::slotted([slot=\"append\"]){border-color:var(--road-input-outline-variant);border-left-color:transparent}:host(.phone-number-group) .input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"]){border-color:var(--road-input-outline-variant)}}.input-group:focus-within ::slotted([slot=\"prepend\"]),:host(.phone-number-group) .input-group:focus-within ::slotted([slot=\"prepend\"]){border-color:var(--road-grey-0);border-width:2px;border-right-color:transparent;outline:none;}.input-group:focus-within ::slotted([slot=\"append\"]){border-color:var(--road-grey-0);border-width:2px;border-left-color:transparent;outline:none;}.input-group:focus-within ::slotted(road-input):focus-visible{border-color:var(--road-grey-0);border-width:2px;outline:none;}.input-group-prepend,.input-group-append{display:flex;height:3rem}::slotted(road-button){--padding-start:0.5rem;--padding-end:0.5rem;position:relative;z-index:2;min-width:3rem;margin:0;font-size:var(--road-font-size-14)}::slotted(road-button):hover{background-color:var(--road-button-ghost-variant)}.input-group-prepend{z-index:1;order:-1;position:relative}.input-group-prepend~.form-label{left:calc(3rem + 1px)}.input-group-append{position:relative;z-index:1;border-radius:0 0.25rem 0.25rem 0}::slotted(label){display:flex;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-on-surface);text-align:center;white-space:nowrap;cursor:text;border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-label){display:flex;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-on-surface);text-align:center;white-space:nowrap;cursor:text;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-input:not(:first-child)),::slotted(road-select:not(:first-child)){border-radius:0}.input-group-append ::slotted([slot=\"append\"]){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group-prepend ::slotted([slot=\"prepend\"]){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host(.phone-number-group) .input-group-prepend ::slotted([slot=\"prepend\"]){border-right:1px solid var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend ::slotted(label){margin-right:calc(-1rem + 1px)}.input-group-append:hover ::slotted(road-button){background-color:var(--road-button-ghost-variant)}.size-xl .input-group-prepend,.size-xl .input-group-append{height:3.5rem}.size-xl ::slotted(road-button){height:3.5rem}.input-group.is-invalid ::slotted([slot=\"append\"]),.input-group.is-invalid ::slotted([slot=\"prepend\"]){border-color:var(--road-danger-outline)}:host(.phone-number-group) .input-group.is-invalid ::slotted([slot=\"prepend\"]){border-color:var(--road-danger-outline)}:host([disabled]){cursor:not-allowed}:host([disabled]) .input-group{pointer-events:none;}:host([disabled]) ::slotted([slot=\"append\"]),:host([disabled]) ::slotted([slot=\"prepend\"]){color:var(--road-on-surface-disabled);cursor:not-allowed;background:#e4e5e9}:host([disabled]) ::slotted([slot=\"append\"] road-icon),:host([disabled]) ::slotted([slot=\"prepend\"] road-icon){color:var(--road-on-surface-disabled)}:host([disabled]) road-icon{color:var(--road-on-surface-disabled)}";
 var RoadInputGroupStyle0 = inputGroupCss;
 
 /**
@@ -29612,7 +29637,7 @@ class InputGroup {
     handleDisabledChange(newValue) {
         this.updateDisabledState(newValue);
     }
-    /** Applies or removes the `disabled` attribute to/from children. */
+    /** Applique le `disabled` aux enfants */
     updateDisabledState(isDisabled) {
         const children = this.el.querySelectorAll('road-input, road-button, road-select');
         children.forEach(child => {
@@ -29624,9 +29649,24 @@ class InputGroup {
             }
         });
     }
-    componentWillLoad() {
-        // Ensure the initial state of `disabled` is applied before render.
+    /** Vérifie et applique le `text-indent` si `prepend` est présent */
+    updateIndentation() {
+        const hasPrepend = !!this.el.querySelector('[slot="prepend"]');
+        const formControl = this.el.querySelector('.form-control');
+        const formLabel = this.el.querySelector('.form-label');
+        if (formControl) {
+            formControl.style.textIndent = hasPrepend ? '2rem' : '';
+        }
+        if (formLabel) {
+            formLabel.style.textIndent = hasPrepend ? '2.7rem' : '';
+        }
+    }
+    componentDidLoad() {
         this.updateDisabledState(this.disabled);
+        this.updateIndentation(); // Appliquer les styles au montage
+        // Observer les mutations (au cas où des éléments sont ajoutés dynamiquement)
+        const observer = new MutationObserver(() => this.updateIndentation());
+        observer.observe(this.el, { childList: true, subtree: true });
     }
     render() {
         const errorClass = this.el.querySelector('road-input[error]') ? 'is-invalid' : '';
@@ -29634,7 +29674,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: 'd820b7eee7e4199722474ddb8a7e6dea5f3c1232', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: 'ca3a4babe8c43a9d105bce56ff4d34bab501d916', class: "input-group-prepend" }, hAsync("slot", { key: '85f0e1dacfa39a5e075edc6af93ad6b8233d55e3', name: "prepend" })), hAsync("slot", { key: 'd1b3bc429d1388db53b32fabf24f9a8d3c24f1cd' }), hAsync("div", { key: '557aff92ba2225803c997de830d60027e635be1a', class: "input-group-append" }, hAsync("slot", { key: 'c4e7a0ba1ff5a766ba3d0683c6cfefd8e31afef9', name: "append" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32227,9 +32267,6 @@ i18n.phonenumbers.AsYouTypeFormatter.prototype.inputDigitHelper_=function(a){var
 });
 }(libphonenumber));
 
-// list of forbidden characters
-const forbiddenChars = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '!', '@', '#', '$', '%', '^', '&', '*', '(', ')', '_', '=', '[', ']', '{', '}', '|', ';', ':', "'", '"', ',', '.', '<', '>', '/', '?'];
-
 const phoneNumberInputCss = ".is-invalid.sc-road-phone-number-input .phone-number-input-field.sc-road-input.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.road-phone-input-select.sc-road-phone-number-input{position:relative;display:block;font-family:var(--road-font, sans-serif);color:var(--road-on-surface);background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:none;appearance:none;width:5rem;height:3.5rem}.sc-road-phone-number-input-h .is-error.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.form-select-area.sc-road-phone-number-input{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 2rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right -5px center/2.5rem 2rem;position:absolute;top:0;left:0;height:100%;width:95%;z-index:1;border:0;appearance:none;opacity:1;cursor:pointer}.form-select-area.sc-road-phone-number-input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select-area.sc-road-phone-number-input::-ms-expand{display:none}.form-select-area.sc-road-phone-number-input::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select-area.sc-road-phone-number-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.form-select-area.sc-road-phone-number-input:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-select-area.sc-road-phone-number-input:disabled,.form-select-area[readonly].sc-road-phone-number-input{color:transparent;cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-select-area-label.sc-road-phone-number-input{position:absolute;top:0.9rem;left:1rem;display:block;font-size:var(--road-font-size-18);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select-area.sc-road-phone-number-input:required~.form-select-area-label.sc-road-phone-number-input::after{color:var(--road-on-danger-surface);content:\" *\"}.form-select-area-value.sc-road-phone-number-input{position:absolute;top:1.4rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.input-xl.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.select-xl.sc-road-phone-number-input-h .form-select-area-label.sc-road-phone-number-input{top:1rem}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"date\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"time\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:placeholder-shown~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-phone-number-input{gap:.25rem;display:flex;width:100%;margin:0.5rem 0;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid{border-color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input~.invalid-feedback.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid~.invalid-feedback.sc-road-phone-number-input{display:block}.form-select-area.sc-road-phone-number-input option.sc-road-phone-number-input:checked::after{position:absolute;top:0;left:0;content:attr(data-content)}.form-select-area.sc-road-phone-number-input::after{position:absolute;top:0;left:0;content:var(--selected-content, '')}.phone-number-input-label.sc-road-phone-number-input{position:absolute;top:1rem;left:6rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.phone-number-input-field.sc-road-phone-number-input:required~.phone-number-input-label.sc-road-phone-number-input::after{color:var(--road-danger-default);content:\" *\"}.phone-number-input-field.sc-road-phone-number-input:focus~.phone-number-input-label.sc-road-phone-number-input,.phone-number-input-field[required].sc-road-phone-number-input:valid~.phone-number-input-label.sc-road-phone-number-input,.phone-number-input-field.has-value.sc-road-phone-number-input~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-input-field.sc-road-phone-number-input:placeholder-shown~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-input-field.sc-road-phone-number-input:-ms-input-placeholder~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-inputs-container.sc-road-phone-number-input{position:relative;display:flex}.road-phone-input-select.sc-road-phone-number-input{margin-bottom:1rem}.is-error.sc-road-phone-number-input{margin-bottom:0}.phone-number-input-field.sc-road-phone-number-input{flex-grow:1;border:1px solid var(--road-input-outline);border-left:0;border-radius:0.25rem;border-bottom-left-radius:0;border-top-left-radius:0}";
 var RoadPhoneNumberInputStyle0 = phoneNumberInputCss;
 
@@ -32283,13 +32320,6 @@ class RoadPhoneNumberInput {
         this.phoneNumber = input.value;
         this.createAndDispatchPhoneData();
     }
-    // On user key down
-    handleKeyDown(event) {
-        // checks if the forbidden characters's list contains the pressed key
-        if (forbiddenChars.includes(event.key)) {
-            event.preventDefault();
-        }
-    }
     // On user select
     handleSelect(event) {
         const select = event.target;
@@ -32393,9 +32423,9 @@ class RoadPhoneNumberInput {
         const isErrorClass = this.errorMessage.length ? 'is-error' : '';
         const hasValueClass = this.hasValue() ? 'has-value' : '';
         const sizes = 'xl';
-        return (hAsync(Host, { key: '9f90460c652db496fc88dd4b8e611bdf348e3f5a' }, hAsync("div", { key: '03fceb8966c9622782a0341a2f0a01511cfe7006', class: 'phone-number-inputs-container' }, hAsync("div", { key: '4a889f1e223cf354a262fd68d948c05dc265a14b', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: 'cc520dea43d2b64645f9cbf67c768efce7790079', id: selectId, class: `form-select-area has-value`, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, onChange: (event) => this.handleSelect(event), "aria-label": this.codeLabel, tabIndex: this.disabled ? -1 : 0 }, this.countryOptions && this.countryOptions.map(option => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.selected }, option.label)))), hAsync("label", { key: '6769d2bda09b72449a566ece542ebf7edc5a0e40', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '513bfd2c0eab6609d74eb7b9ebc14a212be4cc9d', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: 'db609e065a32f7014c6d32dec4aae86b2b607e77', type: 'tel', id: inputId, class: `input-${sizes} phone-number-input-field ${hasValueClass} ${isErrorClass}`, value: this.phoneValue, required: this.required, tabIndex: 0, onInput: (event) => this.handleInput(event), onKeyDown: (event) => this.handleKeyDown(event) }), hAsync("label", { key: 'cac7f2ae8afa700db8871bc4d2b35f49822ca179', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
+        return (hAsync(Host, { key: '7d65a01428b79587c98a5e399bab8403c0849a68' }, hAsync("div", { key: 'b59d36be4bd2ecbe7469b37c194501d542895b29', class: 'phone-number-inputs-container' }, hAsync("div", { key: '4cf3f4e60de5f861e09c8cbde5551fb95f209970', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: '187f3724fcc9bf5c34c6490e61e5adee102ac052', id: selectId, class: `form-select-area has-value`, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, onChange: (event) => this.handleSelect(event), "aria-label": this.codeLabel, tabIndex: this.disabled ? -1 : 0 }, this.countryOptions && this.countryOptions.map(option => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.selected }, option.label)))), hAsync("label", { key: '8e867ef3d625b2e69246591cb8f84e7794ba1a7c', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '71ae31a4e0da49b93d28e433a41fbb40b74b603d', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: '289ac4032540c87f77784439864983ed5d544439', type: 'tel', id: inputId, class: `input-${sizes} phone-number-input-field ${hasValueClass} ${isErrorClass}`, value: this.phoneValue, required: this.required, tabIndex: 0, onInput: (event) => this.handleInput(event) }), hAsync("label", { key: '60e9f10714d8807449534d1bce2f74f65a1646dc', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
             && this.errorMessage !== ''
-            && hAsync("p", { key: 'cb521ea80ae33ce0743a64270d47234cc0bdf114', class: "invalid-feedback" }, hAsync("road-icon", { key: '1dcf2587dabc46402d1c16bbf75604aedfc4d54d', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
+            && hAsync("p", { key: 'b140351db845f88befd99aab39daa115c770732e', class: "invalid-feedback" }, hAsync("road-icon", { key: 'ed89fc9c99493f67973448bbea8d7f0c20e0c455', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
     }
     get el() { return getElement(this); }
     static get style() { return RoadPhoneNumberInputStyle0; }
@@ -36464,7 +36494,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.27.2 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -36810,19 +36840,19 @@ var MockCustomElementRegistry = class {
         this.__whenDefined.delete(tagName);
       }
     }
-    const doc = this.win.document;
-    if (doc != null) {
-      const hosts = doc.querySelectorAll(tagName);
+    const doc2 = this.win.document;
+    if (doc2 != null) {
+      const hosts = doc2.querySelectorAll(tagName);
       hosts.forEach((host) => {
         if (upgradedElements.has(host) === false) {
-          tempDisableCallbacks.add(doc);
-          const upgradedCmp = createCustomElement(this, doc, tagName);
+          tempDisableCallbacks.add(doc2);
+          const upgradedCmp = createCustomElement(this, doc2, tagName);
           for (let i = 0; i < host.childNodes.length; i++) {
             const childNode = host.childNodes[i];
             childNode.remove();
             upgradedCmp.appendChild(childNode);
           }
-          tempDisableCallbacks.delete(doc);
+          tempDisableCallbacks.delete(doc2);
           if (proxyElements.has(host)) {
             proxyElements.set(host, upgradedCmp);
           }
@@ -45266,11 +45296,11 @@ function parseFragment(fragmentContext, html, options) {
 // src/mock-doc/parse-util.ts
 var docParser = /* @__PURE__ */ new WeakMap();
 function parseDocumentUtil(ownerDocument, html) {
-  const doc = parse(html.trim(), getParser(ownerDocument));
-  doc.documentElement = doc.firstElementChild;
-  doc.head = doc.documentElement.firstElementChild;
-  doc.body = doc.head.nextElementSibling;
-  return doc;
+  const doc2 = parse(html.trim(), getParser(ownerDocument));
+  doc2.documentElement = doc2.firstElementChild;
+  doc2.head = doc2.documentElement.firstElementChild;
+  doc2.body = doc2.head.nextElementSibling;
+  return doc2;
 }
 function parseFragmentUtil(ownerDocument, html) {
   if (typeof html === "string") {
@@ -45288,9 +45318,9 @@ function getParser(ownerDocument) {
   }
   const treeAdapter = {
     createDocument() {
-      const doc = ownerDocument.createElement("#document" /* DOCUMENT_NODE */);
-      doc["x-mode"] = "no-quirks";
-      return doc;
+      const doc2 = ownerDocument.createElement("#document" /* DOCUMENT_NODE */);
+      doc2["x-mode"] = "no-quirks";
+      return doc2;
     },
     setNodeSourceCodeLocation(node, location2) {
       node.sourceCodeLocation = location2;
@@ -45328,22 +45358,22 @@ function getParser(ownerDocument) {
     getTemplateContent(templateElement) {
       return templateElement.content;
     },
-    setDocumentType(doc, name, publicId, systemId) {
-      let doctypeNode = doc.childNodes.find((n) => n.nodeType === 10 /* DOCUMENT_TYPE_NODE */);
+    setDocumentType(doc2, name, publicId, systemId) {
+      let doctypeNode = doc2.childNodes.find((n) => n.nodeType === 10 /* DOCUMENT_TYPE_NODE */);
       if (doctypeNode == null) {
         doctypeNode = ownerDocument.createDocumentTypeNode();
-        doc.insertBefore(doctypeNode, doc.firstChild);
+        doc2.insertBefore(doctypeNode, doc2.firstChild);
       }
       doctypeNode.nodeValue = "!DOCTYPE";
       doctypeNode["x-name"] = name;
       doctypeNode["x-publicId"] = publicId;
       doctypeNode["x-systemId"] = systemId;
     },
-    setDocumentMode(doc, mode) {
-      doc["x-mode"] = mode;
+    setDocumentMode(doc2, mode) {
+      doc2["x-mode"] = mode;
     },
-    getDocumentMode(doc) {
-      return doc["x-mode"];
+    getDocumentMode(doc2) {
+      return doc2["x-mode"];
     },
     detachNode(node) {
       node.remove();
@@ -45519,9 +45549,9 @@ var jquery_default = (
       nonce: true,
       noModule: true
     };
-    function DOMEval(code, node, doc) {
-      doc = doc || document2;
-      var i2, script = doc.createElement("script");
+    function DOMEval(code, node, doc2) {
+      doc2 = doc2 || document2;
+      var i2, script = doc2.createElement("script");
       script.text = code;
       if (node) {
         for (i2 in preservedScriptAttributes) {
@@ -45530,7 +45560,7 @@ var jquery_default = (
           }
         }
       }
-      doc.head.appendChild(script).parentNode.removeChild(script);
+      doc2.head.appendChild(script).parentNode.removeChild(script);
     }
     const jQuery = {};
     var version = "4.0.0-pre+9352011a7.dirty +selector", rhtmlSuffix = /HTML$/i, jQueryOrig = function(selector, context) {
@@ -45667,8 +45697,8 @@ var jquery_default = (
       },
       // Evaluates a script in a provided context; falls back to the global one
       // if not specified.
-      globalEval: function(code, options, doc) {
-        DOMEval(code, { nonce: options && options.nonce }, doc);
+      globalEval: function(code, options, doc2) {
+        DOMEval(code, { nonce: options && options.nonce }, doc2);
       },
       each: function(obj, callback) {
         var length, i2 = 0;
@@ -46157,11 +46187,11 @@ var jquery_default = (
       });
     }
     function setDocument(node) {
-      var subWindow, doc = node ? node.ownerDocument || node : document2;
-      if (doc == document$1 || doc.nodeType !== 9) {
+      var subWindow, doc2 = node ? node.ownerDocument || node : document2;
+      if (doc2 == document$1 || doc2.nodeType !== 9) {
         return;
       }
-      document$1 = doc;
+      document$1 = doc2;
       documentElement$1 = document$1.documentElement;
       documentIsHTML = !jQuery.isXMLDoc(document$1);
       if (isIE && document2 != document$1 && (subWindow = document$1.defaultView) && subWindow.top !== subWindow) {
@@ -50506,10 +50536,10 @@ var MockDocument = class _MockDocument extends MockHTMLElement {
   }
   createElement(tagName) {
     if (tagName === "#document" /* DOCUMENT_NODE */) {
-      const doc = new _MockDocument(false);
-      doc.nodeName = tagName;
-      doc.parentNode = null;
-      return doc;
+      const doc2 = new _MockDocument(false);
+      doc2.nodeName = tagName;
+      doc2.parentNode = null;
+      return doc2;
     }
     return createElement(this, tagName);
   }
@@ -50549,10 +50579,10 @@ var MockDocument = class _MockDocument extends MockHTMLElement {
     title.textContent = value;
   }
 };
-function resetDocument(doc) {
-  if (doc != null) {
-    resetEventListeners(doc);
-    const documentElement = doc.documentElement;
+function resetDocument(doc2) {
+  if (doc2 != null) {
+    resetEventListeners(doc2);
+    const documentElement = doc2.documentElement;
     if (documentElement != null) {
       resetElement(documentElement);
       for (let i = 0, ii = documentElement.childNodes.length; i < ii; i++) {
@@ -50561,25 +50591,25 @@ function resetDocument(doc) {
         childNode.childNodes.length = 0;
       }
     }
-    for (const key in doc) {
-      if (doc.hasOwnProperty(key) && !DOC_KEY_KEEPERS.has(key)) {
-        delete doc[key];
+    for (const key in doc2) {
+      if (doc2.hasOwnProperty(key) && !DOC_KEY_KEEPERS.has(key)) {
+        delete doc2[key];
       }
     }
     try {
-      doc.nodeName = "#document" /* DOCUMENT_NODE */;
+      doc2.nodeName = "#document" /* DOCUMENT_NODE */;
     } catch (e) {
     }
     try {
-      doc.nodeType = 9 /* DOCUMENT_NODE */;
+      doc2.nodeType = 9 /* DOCUMENT_NODE */;
     } catch (e) {
     }
     try {
-      doc.cookie = "";
+      doc2.cookie = "";
     } catch (e) {
     }
     try {
-      doc.referrer = "";
+      doc2.referrer = "";
     } catch (e) {
     }
   }
@@ -50649,6 +50679,7 @@ var STENCIL_DEV_MODE = BUILD.isTesting ? ["STENCIL:"] : [
   "color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"
 ];
 var win = typeof window !== "undefined" ? window : {};
+var doc = win.document || { head: {} };
 var H = win.HTMLElement || class {
 };
 var supportsShadow = BUILD.shadowDom;
@@ -50782,14 +50813,14 @@ var CAPTURE_EVENT_SUFFIX = "Capture";
 var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
 
 // src/compiler/html/canonical-link.ts
-var updateCanonicalLink = (doc, href) => {
+var updateCanonicalLink = (doc2, href) => {
   var _a2;
-  let canonicalLinkElm = doc.head.querySelector('link[rel="canonical"]');
+  let canonicalLinkElm = doc2.head.querySelector('link[rel="canonical"]');
   if (typeof href === "string") {
     if (canonicalLinkElm == null) {
-      canonicalLinkElm = doc.createElement("link");
+      canonicalLinkElm = doc2.createElement("link");
       canonicalLinkElm.setAttribute("rel", "canonical");
-      doc.head.appendChild(canonicalLinkElm);
+      doc2.head.appendChild(canonicalLinkElm);
     }
     canonicalLinkElm.setAttribute("href", href);
   } else {
@@ -50803,11 +50834,11 @@ var updateCanonicalLink = (doc, href) => {
 };
 
 // src/compiler/html/relocate-meta-charset.ts
-var relocateMetaCharset = (doc) => {
-  const head = doc.head;
+var relocateMetaCharset = (doc2) => {
+  const head = doc2.head;
   let charsetElm = head.querySelector("meta[charset]");
   if (charsetElm == null) {
-    charsetElm = doc.createElement("meta");
+    charsetElm = doc2.createElement("meta");
     charsetElm.setAttribute("charset", "utf-8");
   } else {
     charsetElm.remove();
@@ -51082,13 +51113,13 @@ var parseCss = (css, filePath) => {
     const m = match(/^@([-\w]+)?document *([^{]+)/);
     if (!m) return null;
     const vendor = trim(m[1]);
-    const doc = trim(m[2]);
+    const doc2 = trim(m[2]);
     if (!open()) return error(`@document missing '{'`);
     const style = comments().concat(rules());
     if (!close()) return error(`@document missing '}'`);
     return pos({
       type: 3 /* Document */,
-      document: doc,
+      document: doc2,
       vendor,
       rules: style
     });
@@ -51414,11 +51445,11 @@ var serializeCssPage = (opts, node) => {
 };
 var serializeCssDocument = (opts, node) => {
   const documentCss = serializeCssMapVisit(opts, node.rules);
-  const doc = "@" + (node.vendor || "") + "document " + node.document;
+  const doc2 = "@" + (node.vendor || "") + "document " + node.document;
   if (documentCss === "") {
     return "";
   }
-  return doc + "{" + documentCss + "}";
+  return doc2 + "{" + documentCss + "}";
 };
 var serializeCssMapVisit = (opts, nodes) => {
   let rtn = "";
@@ -51516,12 +51547,12 @@ var collectUsedSelectors = (usedSelectors, elm) => {
 };
 
 // src/compiler/html/remove-unused-styles.ts
-var removeUnusedStyles = (doc, diagnostics) => {
+var removeUnusedStyles = (doc2, diagnostics) => {
   try {
-    const styleElms = doc.head.querySelectorAll(`style[data-styles]`);
+    const styleElms = doc2.head.querySelectorAll(`style[data-styles]`);
     const styleLen = styleElms.length;
     if (styleLen > 0) {
-      const usedSelectors = getUsedSelectors(doc.documentElement);
+      const usedSelectors = getUsedSelectors(doc2.documentElement);
       for (let i = 0; i < styleLen; i++) {
         removeUnusedStyleText(usedSelectors, diagnostics, styleElms[i]);
       }
@@ -51654,41 +51685,41 @@ function collectAttributes(node) {
 var SKIP_ATTRS = /* @__PURE__ */ new Set(["s-id", "c-id"]);
 
 // src/hydrate/runner/patch-dom-implementation.ts
-function patchDomImplementation(doc, opts) {
+function patchDomImplementation(doc2, opts) {
   let win2;
-  if (doc.defaultView != null) {
+  if (doc2.defaultView != null) {
     opts.destroyWindow = true;
-    patchWindow(doc.defaultView);
-    win2 = doc.defaultView;
+    patchWindow(doc2.defaultView);
+    win2 = doc2.defaultView;
   } else {
     opts.destroyWindow = true;
     opts.destroyDocument = false;
     win2 = new MockWindow(false);
   }
-  if (win2.document !== doc) {
-    win2.document = doc;
+  if (win2.document !== doc2) {
+    win2.document = doc2;
   }
-  if (doc.defaultView !== win2) {
-    doc.defaultView = win2;
+  if (doc2.defaultView !== win2) {
+    doc2.defaultView = win2;
   }
-  const HTMLElement2 = doc.documentElement.constructor.prototype;
+  const HTMLElement2 = doc2.documentElement.constructor.prototype;
   if (typeof HTMLElement2.getRootNode !== "function") {
-    const elm = doc.createElement("unknown-element");
+    const elm = doc2.createElement("unknown-element");
     const HTMLUnknownElement = elm.constructor.prototype;
     HTMLUnknownElement.getRootNode = getRootNode;
   }
-  if (typeof doc.createEvent === "function") {
-    const CustomEvent2 = doc.createEvent("CustomEvent").constructor;
+  if (typeof doc2.createEvent === "function") {
+    const CustomEvent2 = doc2.createEvent("CustomEvent").constructor;
     if (win2.CustomEvent !== CustomEvent2) {
       win2.CustomEvent = CustomEvent2;
     }
   }
   try {
-    win2.__stencil_baseURI = doc.baseURI;
+    win2.__stencil_baseURI = doc2.baseURI;
   } catch (e) {
-    Object.defineProperty(doc, "baseURI", {
+    Object.defineProperty(doc2, "baseURI", {
       get() {
-        const baseElm = doc.querySelector("base[href]");
+        const baseElm = doc2.querySelector("base[href]");
         if (baseElm) {
           return new URL(baseElm.getAttribute("href"), win2.location.href).href;
         }
@@ -51899,7 +51930,7 @@ var docData = {
   rootLevelIds: 0,
   staticComponents: /* @__PURE__ */ new Set()
 };
-function initializeWindow(win2, doc, opts, results) {
+function initializeWindow(win2, doc2, opts, results) {
   if (typeof opts.url === "string") {
     try {
       win2.location.href = opts.url;
@@ -51914,31 +51945,31 @@ function initializeWindow(win2, doc, opts, results) {
   }
   if (typeof opts.cookie === "string") {
     try {
-      doc.cookie = opts.cookie;
+      doc2.cookie = opts.cookie;
     } catch (e) {
     }
   }
   if (typeof opts.referrer === "string") {
     try {
-      doc.referrer = opts.referrer;
+      doc2.referrer = opts.referrer;
     } catch (e) {
     }
   }
   if (typeof opts.direction === "string") {
     try {
-      doc.documentElement.setAttribute("dir", opts.direction);
+      doc2.documentElement.setAttribute("dir", opts.direction);
     } catch (e) {
     }
   }
   if (typeof opts.language === "string") {
     try {
-      doc.documentElement.setAttribute("lang", opts.language);
+      doc2.documentElement.setAttribute("lang", opts.language);
     } catch (e) {
     }
   }
   if (typeof opts.buildId === "string") {
     try {
-      doc.documentElement.setAttribute("data-stencil-build", opts.buildId);
+      doc2.documentElement.setAttribute("data-stencil-build", opts.buildId);
     } catch (e) {
     }
   }
@@ -51950,7 +51981,7 @@ function initializeWindow(win2, doc, opts, results) {
     constrainTimeouts(win2);
   }
   runtimeLogging(win2, opts, results);
-  doc[STENCIL_DOC_DATA] = docData;
+  doc2[STENCIL_DOC_DATA] = docData;
   return win2;
 }
 
@@ -51968,18 +51999,18 @@ function renderToString(html, options, asStream) {
   opts.constrainTimeouts = false;
   return hydrateDocument(html, opts, asStream);
 }
-function hydrateDocument(doc, options, asStream) {
+function hydrateDocument(doc2, options, asStream) {
   const opts = normalizeHydrateOptions(options);
   let win2 = null;
   const results = generateHydrateResults(opts);
   if (hasError(results.diagnostics)) {
     return Promise.resolve(results);
   }
-  if (typeof doc === "string") {
+  if (typeof doc2 === "string") {
     try {
       opts.destroyWindow = true;
       opts.destroyDocument = true;
-      win2 = new MockWindow(doc);
+      win2 = new MockWindow(doc2);
       if (!asStream) {
         return render(win2, opts, results).then(() => results);
       }
@@ -51993,10 +52024,10 @@ function hydrateDocument(doc, options, asStream) {
       return Promise.resolve(results);
     }
   }
-  if (isValidDocument(doc)) {
+  if (isValidDocument(doc2)) {
     try {
       opts.destroyDocument = false;
-      win2 = patchDomImplementation(doc, opts);
+      win2 = patchDomImplementation(doc2, opts);
       if (!asStream) {
         return render(win2, opts, results).then(() => results);
       }
@@ -52053,41 +52084,41 @@ async function afterHydrate(win2, opts, results, resolve) {
     return resolve(finalizeHydrate(win2, win2.document, opts, results));
   }
 }
-function finalizeHydrate(win2, doc, opts, results) {
+function finalizeHydrate(win2, doc2, opts, results) {
   try {
-    inspectElement(results, doc.documentElement, 0);
+    inspectElement(results, doc2.documentElement, 0);
     if (opts.removeUnusedStyles !== false) {
       try {
-        removeUnusedStyles(doc, results.diagnostics);
+        removeUnusedStyles(doc2, results.diagnostics);
       } catch (e) {
         renderCatchError(results, e);
       }
     }
     if (typeof opts.title === "string") {
       try {
-        doc.title = opts.title;
+        doc2.title = opts.title;
       } catch (e) {
         renderCatchError(results, e);
       }
     }
-    results.title = doc.title;
+    results.title = doc2.title;
     if (opts.removeScripts) {
-      removeScripts(doc.documentElement);
+      removeScripts(doc2.documentElement);
     }
     try {
-      updateCanonicalLink(doc, opts.canonicalUrl);
+      updateCanonicalLink(doc2, opts.canonicalUrl);
     } catch (e) {
       renderCatchError(results, e);
     }
     try {
-      relocateMetaCharset(doc);
+      relocateMetaCharset(doc2);
     } catch (e) {
     }
     if (!hasError(results.diagnostics)) {
       results.httpStatus = 200;
     }
     try {
-      const metaStatus = doc.head.querySelector('meta[http-equiv="status"]');
+      const metaStatus = doc2.head.querySelector('meta[http-equiv="status"]');
       if (metaStatus != null) {
         const metaStatusContent = metaStatus.getAttribute("content");
         if (metaStatusContent && metaStatusContent.length > 0) {
@@ -52097,25 +52128,25 @@ function finalizeHydrate(win2, doc, opts, results) {
     } catch (e) {
     }
     if (opts.clientHydrateAnnotations) {
-      doc.documentElement.classList.add("hydrated");
+      doc2.documentElement.classList.add("hydrated");
     }
     if (opts.serializeToHtml) {
-      results.html = serializeDocumentToString(doc, opts);
+      results.html = serializeDocumentToString(doc2, opts);
     }
   } catch (e) {
     renderCatchError(results, e);
   }
-  destroyWindow(win2, doc, opts, results);
+  destroyWindow(win2, doc2, opts, results);
   return results;
 }
-function destroyWindow(win2, doc, opts, results) {
+function destroyWindow(win2, doc2, opts, results) {
   if (!opts.destroyWindow) {
     return;
   }
   try {
     if (!opts.destroyDocument) {
       win2.document = null;
-      doc.defaultView = null;
+      doc2.defaultView = null;
     }
     if (win2.close) {
       win2.close();
@@ -52124,8 +52155,8 @@ function destroyWindow(win2, doc, opts, results) {
     renderCatchError(results, e);
   }
 }
-function serializeDocumentToString(doc, opts) {
-  return serializeNodeToHtml(doc, {
+function serializeDocumentToString(doc2, opts) {
+  return serializeNodeToHtml(doc2, {
     approximateLineWidth: opts.approximateLineWidth,
     outerHtml: false,
     prettyHtml: opts.prettyHtml,
@@ -52137,8 +52168,8 @@ function serializeDocumentToString(doc, opts) {
     fullDocument: opts.fullDocument
   });
 }
-function isValidDocument(doc) {
-  return doc != null && doc.nodeType === 9 && doc.documentElement != null && doc.documentElement.nodeType === 1 && doc.body != null && doc.body.nodeType === 1;
+function isValidDocument(doc2) {
+  return doc2 != null && doc2.nodeType === 9 && doc2.documentElement != null && doc2.documentElement.nodeType === 1 && doc2.body != null && doc2.body.nodeType === 1;
 }
 function removeScripts(elm) {
   const children = elm.children;