@ionic/core 8.4.2-dev.11734462711.1a2281e0 → 8.4.2-dev.11736265112.120bf7af

package/hydrate/index.mjs

@@ -3,6 +3,8 @@
  */
 import { Readable } from 'stream';
 
+const modeResolutionChain = [];
+
 function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResults, $stencilAfterHydrate, $stencilHydrateResolve) {
   var globalThis = $stencilWindow;
   var self = $stencilWindow;
@@ -34,6 +36,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
   var CSS = $stencilWindow.CSS;
   var CustomEvent = $stencilWindow.CustomEvent;
   var Document = $stencilWindow.Document;
+  var ShadowRoot = $stencilWindow.ShadowRoot;
   var DocumentFragment = $stencilWindow.DocumentFragment;
   var DocumentType = $stencilWindow.DocumentType;
   var DOMTokenList = $stencilWindow.DOMTokenList;
@@ -54,6 +57,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
   var HTMLTemplateElement = $stencilWindow.HTMLTemplateElement;
   var HTMLTitleElement = $stencilWindow.HTMLTitleElement;
   var IntersectionObserver = $stencilWindow.IntersectionObserver;
+  var ResizeObserver = $stencilWindow.ResizeObserver;
   var KeyboardEvent = $stencilWindow.KeyboardEvent;
   var MouseEvent = $stencilWindow.MouseEvent;
   var Node = $stencilWindow.Node;
@@ -125,8 +129,235 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 const NAMESPACE = 'ionic';
 const BUILD = /* ionic */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, 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: true, 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: true, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: true, scriptDataOpts: false, shadowDelegatesFocus: true, 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 };
 
+// TODO(FW-2832): types
+class Config {
+    constructor() {
+        this.m = new Map();
+    }
+    reset(configObj) {
+        this.m = new Map(Object.entries(configObj));
+    }
+    get(key, fallback) {
+        const value = this.m.get(key);
+        return value !== undefined ? value : fallback;
+    }
+    getBoolean(key, fallback = false) {
+        const val = this.m.get(key);
+        if (val === undefined) {
+            return fallback;
+        }
+        if (typeof val === 'string') {
+            return val === 'true';
+        }
+        return !!val;
+    }
+    getNumber(key, fallback) {
+        const val = parseFloat(this.m.get(key));
+        return isNaN(val) ? (fallback !== undefined ? fallback : NaN) : val;
+    }
+    set(key, value) {
+        this.m.set(key, value);
+    }
+}
+const config = /*@__PURE__*/ new Config();
+const configFromSession = (win) => {
+    try {
+        const configStr = win.sessionStorage.getItem(IONIC_SESSION_KEY);
+        return configStr !== null ? JSON.parse(configStr) : {};
+    }
+    catch (e) {
+        return {};
+    }
+};
+const saveConfig = (win, c) => {
+    try {
+        win.sessionStorage.setItem(IONIC_SESSION_KEY, JSON.stringify(c));
+    }
+    catch (e) {
+        return;
+    }
+};
+const configFromURL = (win) => {
+    const configObj = {};
+    win.location.search
+        .slice(1)
+        .split('&')
+        .map((entry) => entry.split('='))
+        .map(([key, value]) => {
+        try {
+            return [decodeURIComponent(key), decodeURIComponent(value)];
+        }
+        catch (e) {
+            return ['', ''];
+        }
+    })
+        .filter(([key]) => startsWith(key, IONIC_PREFIX))
+        .map(([key, value]) => [key.slice(IONIC_PREFIX.length), value])
+        .forEach(([key, value]) => {
+        configObj[key] = value;
+    });
+    return configObj;
+};
+const startsWith = (input, search) => {
+    return input.substr(0, search.length) === search;
+};
+const IONIC_PREFIX = 'ionic:';
+const IONIC_SESSION_KEY = 'ionic-persist-config';
+
+const getPlatforms = (win) => setupPlatforms(win);
+const isPlatform = (winOrPlatform, platform) => {
+    if (typeof winOrPlatform === 'string') {
+        platform = winOrPlatform;
+        winOrPlatform = undefined;
+    }
+    return getPlatforms(winOrPlatform).includes(platform);
+};
+const setupPlatforms = (win = window) => {
+    if (typeof win === 'undefined') {
+        return [];
+    }
+    win.Ionic = win.Ionic || {};
+    let platforms = win.Ionic.platforms;
+    if (platforms == null) {
+        platforms = win.Ionic.platforms = detectPlatforms(win);
+        platforms.forEach((p) => win.document.documentElement.classList.add(`plt-${p}`));
+    }
+    return platforms;
+};
+const detectPlatforms = (win) => {
+    const customPlatformMethods = config.get('platform');
+    return Object.keys(PLATFORMS_MAP).filter((p) => {
+        const customMethod = customPlatformMethods === null || customPlatformMethods === void 0 ? void 0 : customPlatformMethods[p];
+        return typeof customMethod === 'function' ? customMethod(win) : PLATFORMS_MAP[p](win);
+    });
+};
+const isMobileWeb = (win) => isMobile(win) && !isHybrid(win);
+const isIpad = (win) => {
+    // iOS 12 and below
+    if (testUserAgent(win, /iPad/i)) {
+        return true;
+    }
+    // iOS 13+
+    if (testUserAgent(win, /Macintosh/i) && isMobile(win)) {
+        return true;
+    }
+    return false;
+};
+const isIphone = (win) => testUserAgent(win, /iPhone/i);
+const isIOS = (win) => testUserAgent(win, /iPhone|iPod/i) || isIpad(win);
+const isAndroid = (win) => testUserAgent(win, /android|sink/i);
+const isAndroidTablet = (win) => {
+    return isAndroid(win) && !testUserAgent(win, /mobile/i);
+};
+const isPhablet = (win) => {
+    const width = win.innerWidth;
+    const height = win.innerHeight;
+    const smallest = Math.min(width, height);
+    const largest = Math.max(width, height);
+    return smallest > 390 && smallest < 520 && largest > 620 && largest < 800;
+};
+const isTablet = (win) => {
+    const width = win.innerWidth;
+    const height = win.innerHeight;
+    const smallest = Math.min(width, height);
+    const largest = Math.max(width, height);
+    return isIpad(win) || isAndroidTablet(win) || (smallest > 460 && smallest < 820 && largest > 780 && largest < 1400);
+};
+const isMobile = (win) => matchMedia$1(win, '(any-pointer:coarse)');
+const isDesktop = (win) => !isMobile(win);
+const isHybrid = (win) => isCordova(win) || isCapacitorNative(win);
+const isCordova = (win) => !!(win['cordova'] || win['phonegap'] || win['PhoneGap']);
+const isCapacitorNative = (win) => {
+    const capacitor = win['Capacitor'];
+    return !!(capacitor === null || capacitor === void 0 ? void 0 : capacitor.isNative);
+};
+const isElectron = (win) => testUserAgent(win, /electron/i);
+const isPWA = (win) => { var _a; return !!(((_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, '(display-mode: standalone)').matches) || win.navigator.standalone); };
+const testUserAgent = (win, expr) => expr.test(win.navigator.userAgent);
+const matchMedia$1 = (win, query) => { var _a; return (_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, query).matches; };
+const PLATFORMS_MAP = {
+    ipad: isIpad,
+    iphone: isIphone,
+    ios: isIOS,
+    android: isAndroid,
+    phablet: isPhablet,
+    tablet: isTablet,
+    cordova: isCordova,
+    capacitor: isCapacitorNative,
+    electron: isElectron,
+    pwa: isPWA,
+    mobile: isMobile,
+    mobileweb: isMobileWeb,
+    desktop: isDesktop,
+    hybrid: isHybrid,
+};
+
+// TODO(FW-2832): types
+let defaultMode;
+const getIonMode$1 = (ref) => {
+    return (ref && getMode(ref)) || defaultMode;
+};
+const initialize = (userConfig = {}) => {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    const doc = window.document;
+    const win = window;
+    const Ionic = (win.Ionic = win.Ionic || {});
+    const platformHelpers = {};
+    if (userConfig._ael) {
+        platformHelpers.ael = userConfig._ael;
+    }
+    if (userConfig._rel) {
+        platformHelpers.rel = userConfig._rel;
+    }
+    if (userConfig._ce) {
+        platformHelpers.ce = userConfig._ce;
+    }
+    setPlatformHelpers(platformHelpers);
+    // create the Ionic.config from raw config object (if it exists)
+    // and convert Ionic.config into a ConfigApi that has a get() fn
+    const configObj = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, configFromSession(win)), { persistConfig: false }), Ionic.config), configFromURL(win)), userConfig);
+    config.reset(configObj);
+    if (config.getBoolean('persistConfig')) {
+        saveConfig(win, configObj);
+    }
+    // Setup platforms
+    setupPlatforms(win);
+    // first see if the mode was set as an attribute on <html>
+    // which could have been set by the user, or by pre-rendering
+    // otherwise get the mode via config settings, and fallback to md
+    Ionic.config = config;
+    Ionic.mode = defaultMode = config.get('mode', doc.documentElement.getAttribute('mode') || (isPlatform(win, 'ios') ? 'ios' : 'md'));
+    config.set('mode', defaultMode);
+    doc.documentElement.setAttribute('mode', defaultMode);
+    doc.documentElement.classList.add(defaultMode);
+    if (config.getBoolean('_testing')) {
+        config.set('animated', false);
+    }
+    const isIonicElement = (elm) => { var _a; return (_a = elm.tagName) === null || _a === void 0 ? void 0 : _a.startsWith('ION-'); };
+    const isAllowedIonicModeValue = (elmMode) => ['ios', 'md'].includes(elmMode);
+    setMode((elm) => {
+        while (elm) {
+            const elmMode = elm.mode || elm.getAttribute('mode');
+            if (elmMode) {
+                if (isAllowedIonicModeValue(elmMode)) {
+                    return elmMode;
+                }
+                else if (isIonicElement(elm)) {
+                    console.warn('Invalid ionic mode: "' + elmMode + '", expected: "ios" or "md"');
+                }
+            }
+            elm = elm.parentElement;
+        }
+        return defaultMode;
+    });
+};
+
+const globalScripts = initialize;
+
 /*
- Stencil Hydrate Platform v4.20.0 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.23.0-dev.1735628762.fb8335e | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -200,29 +431,22 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
-var createTime = (fnName, tagName = "") => {
-  {
-    return () => {
-      return;
-    };
-  }
-};
-var uniqueTime = (key, measureText) => {
-  {
-    return () => {
-      return;
-    };
-  }
-};
 
 // src/runtime/runtime-constants.ts
 var CONTENT_REF_ID = "r";
 var ORG_LOCATION_ID = "o";
 var SLOT_NODE_ID = "s";
 var TEXT_NODE_ID = "t";
+var COMMENT_NODE_ID = "c";
 var HYDRATE_ID = "s-id";
 var HYDRATED_STYLE_ID = "sty-id";
 var HYDRATE_CHILD_ID = "c-id";
+var STENCIL_DOC_DATA = "_stencilDocData";
+var DEFAULT_DOC_DATA = {
+  hostIds: 0,
+  rootLevelIds: 0,
+  staticComponents: /* @__PURE__ */ new Set()
+};
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
 var h = (nodeName, vnodeData, ...children) => {
@@ -336,318 +560,6 @@ var convertToPrivate = (node) => {
   vnode.$name$ = node.vname;
   return vnode;
 };
-
-// src/runtime/client-hydrate.ts
-var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
-  const endHydrate = createTime("hydrateClient", tagName);
-  const shadowRoot = hostElm.shadowRoot;
-  const childRenderNodes = [];
-  const slotNodes = [];
-  const shadowRootNodes = shadowRoot ? [] : null;
-  const vnode = hostRef.$vnode$ = newVNode(tagName, null);
-  if (!plt.$orgLocNodes$) {
-    initializeDocumentHydrate(doc$1.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
-  }
-  hostElm[HYDRATE_ID] = hostId;
-  hostElm.removeAttribute(HYDRATE_ID);
-  clientHydrate(vnode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, hostElm, hostId);
-  childRenderNodes.map((c) => {
-    const orgLocationId = c.$hostId$ + "." + c.$nodeId$;
-    const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
-    const node = c.$elm$;
-    if (orgLocationNode && supportsShadow && orgLocationNode["s-en"] === "") {
-      orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
-    }
-    if (!shadowRoot) {
-      node["s-hn"] = tagName;
-      if (orgLocationNode) {
-        node["s-ol"] = orgLocationNode;
-        node["s-ol"]["s-nr"] = node;
-      }
-    }
-    plt.$orgLocNodes$.delete(orgLocationId);
-  });
-  if (shadowRoot) {
-    shadowRootNodes.map((shadowRootNode) => {
-      if (shadowRootNode) {
-        shadowRoot.appendChild(shadowRootNode);
-      }
-    });
-  }
-  endHydrate();
-};
-var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId) => {
-  let childNodeType;
-  let childIdSplt;
-  let childVNode;
-  let i2;
-  if (node.nodeType === 1 /* ElementNode */) {
-    childNodeType = node.getAttribute(HYDRATE_CHILD_ID);
-    if (childNodeType) {
-      childIdSplt = childNodeType.split(".");
-      if (childIdSplt[0] === hostId || childIdSplt[0] === "0") {
-        childVNode = {
-          $flags$: 0,
-          $hostId$: childIdSplt[0],
-          $nodeId$: childIdSplt[1],
-          $depth$: childIdSplt[2],
-          $index$: childIdSplt[3],
-          $tag$: node.tagName.toLowerCase(),
-          $elm$: node,
-          $attrs$: null,
-          $children$: null,
-          $key$: null,
-          $name$: null,
-          $text$: null
-        };
-        childRenderNodes.push(childVNode);
-        node.removeAttribute(HYDRATE_CHILD_ID);
-        if (!parentVNode.$children$) {
-          parentVNode.$children$ = [];
-        }
-        parentVNode.$children$[childVNode.$index$] = childVNode;
-        parentVNode = childVNode;
-        if (shadowRootNodes && childVNode.$depth$ === "0") {
-          shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
-        }
-      }
-    }
-    if (node.shadowRoot) {
-      for (i2 = node.shadowRoot.childNodes.length - 1; i2 >= 0; i2--) {
-        clientHydrate(
-          parentVNode,
-          childRenderNodes,
-          slotNodes,
-          shadowRootNodes,
-          hostElm,
-          node.shadowRoot.childNodes[i2],
-          hostId
-        );
-      }
-    }
-    for (i2 = node.childNodes.length - 1; i2 >= 0; i2--) {
-      clientHydrate(
-        parentVNode,
-        childRenderNodes,
-        slotNodes,
-        shadowRootNodes,
-        hostElm,
-        node.childNodes[i2],
-        hostId
-      );
-    }
-  } else if (node.nodeType === 8 /* CommentNode */) {
-    childIdSplt = node.nodeValue.split(".");
-    if (childIdSplt[1] === hostId || childIdSplt[1] === "0") {
-      childNodeType = childIdSplt[0];
-      childVNode = {
-        $flags$: 0,
-        $hostId$: childIdSplt[1],
-        $nodeId$: childIdSplt[2],
-        $depth$: childIdSplt[3],
-        $index$: childIdSplt[4],
-        $elm$: node,
-        $attrs$: null,
-        $children$: null,
-        $key$: null,
-        $name$: null,
-        $tag$: null,
-        $text$: null
-      };
-      if (childNodeType === TEXT_NODE_ID) {
-        childVNode.$elm$ = node.nextSibling;
-        if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* TextNode */) {
-          childVNode.$text$ = childVNode.$elm$.textContent;
-          childRenderNodes.push(childVNode);
-          node.remove();
-          if (!parentVNode.$children$) {
-            parentVNode.$children$ = [];
-          }
-          parentVNode.$children$[childVNode.$index$] = childVNode;
-          if (shadowRootNodes && childVNode.$depth$ === "0") {
-            shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
-          }
-        }
-      } else if (childVNode.$hostId$ === hostId) {
-        if (childNodeType === SLOT_NODE_ID) {
-          childVNode.$tag$ = "slot";
-          if (childIdSplt[5]) {
-            node["s-sn"] = childVNode.$name$ = childIdSplt[5];
-          } else {
-            node["s-sn"] = "";
-          }
-          node["s-sr"] = true;
-          if (shadowRootNodes) {
-            childVNode.$elm$ = doc$1.createElement(childVNode.$tag$);
-            if (childVNode.$name$) {
-              childVNode.$elm$.setAttribute("name", childVNode.$name$);
-            }
-            node.parentNode.insertBefore(childVNode.$elm$, node);
-            node.remove();
-            if (childVNode.$depth$ === "0") {
-              shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
-            }
-          }
-          slotNodes.push(childVNode);
-          if (!parentVNode.$children$) {
-            parentVNode.$children$ = [];
-          }
-          parentVNode.$children$[childVNode.$index$] = childVNode;
-        } else if (childNodeType === CONTENT_REF_ID) {
-          if (shadowRootNodes) {
-            node.remove();
-          } else {
-            hostElm["s-cr"] = node;
-            node["s-cn"] = true;
-          }
-        }
-      }
-    }
-  } else if (parentVNode && parentVNode.$tag$ === "style") {
-    const vnode = newVNode(null, node.textContent);
-    vnode.$elm$ = node;
-    vnode.$index$ = "0";
-    parentVNode.$children$ = [vnode];
-  }
-};
-var initializeDocumentHydrate = (node, orgLocNodes) => {
-  if (node.nodeType === 1 /* ElementNode */) {
-    let i2 = 0;
-    if (node.shadowRoot) {
-      for (; i2 < node.shadowRoot.childNodes.length; i2++) {
-        initializeDocumentHydrate(node.shadowRoot.childNodes[i2], orgLocNodes);
-      }
-    }
-    for (i2 = 0; i2 < node.childNodes.length; i2++) {
-      initializeDocumentHydrate(node.childNodes[i2], orgLocNodes);
-    }
-  } else if (node.nodeType === 8 /* CommentNode */) {
-    const childIdSplt = node.nodeValue.split(".");
-    if (childIdSplt[0] === ORG_LOCATION_ID) {
-      orgLocNodes.set(childIdSplt[1] + "." + childIdSplt[2], node);
-      node.nodeValue = "";
-      node["s-en"] = childIdSplt[3];
-    }
-  }
-};
-
-// src/runtime/mode.ts
-var computeMode = (elm) => modeResolutionChain.map((h2) => h2(elm)).find((m) => !!m);
-var getMode = (ref) => getHostRef(ref).$modeName$;
-var parsePropertyValue = (propValue, propType) => {
-  if (propValue != null && !isComplexType(propValue)) {
-    if (propType & 4 /* Boolean */) {
-      return propValue === "false" ? false : propValue === "" || !!propValue;
-    }
-    if (propType & 2 /* Number */) {
-      return parseFloat(propValue);
-    }
-    if (propType & 1 /* String */) {
-      return String(propValue);
-    }
-    return propValue;
-  }
-  return propValue;
-};
-var getElement = (ref) => getHostRef(ref).$hostElement$ ;
-
-// src/runtime/event-emitter.ts
-var createEvent = (ref, name, flags) => {
-  const elm = getElement(ref);
-  return {
-    emit: (detail) => {
-      return emitEvent(elm, name, {
-        bubbles: !!(flags & 4 /* Bubbles */),
-        composed: !!(flags & 2 /* Composed */),
-        cancelable: !!(flags & 1 /* Cancellable */),
-        detail
-      });
-    }
-  };
-};
-var emitEvent = (elm, name, opts) => {
-  const ev = plt.ce(name, opts);
-  elm.dispatchEvent(ev);
-  return ev;
-};
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
-  {
-    style = cssText;
-  }
-  styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a;
-  const scopeId2 = getScopeId(cmpMeta, mode);
-  const style = styles.get(scopeId2);
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc$1;
-  if (style) {
-    if (typeof style === "string") {
-      styleContainerNode = styleContainerNode.head || styleContainerNode;
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      let styleElm;
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
-          styleElm.innerHTML = style;
-        } else {
-          styleElm = doc$1.createElement("style");
-          styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc$1);
-          if (nonce != null) {
-            styleElm.setAttribute("nonce", nonce);
-          }
-          if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
-            styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
-          }
-          const injectStyle = (
-            /**
-             * we render a scoped component
-             */
-            !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) || /**
-             * we are using shadow dom and render the style tag within the shadowRoot
-             */
-            cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD"
-          );
-          if (injectStyle) {
-            styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
-          }
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const flags = cmpMeta.$flags$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
-    cmpMeta,
-    hostRef.$modeName$
-  );
-  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
-    elm["s-sc"] = scopeId2;
-    elm.classList.add(scopeId2 + "-h");
-    if (flags & 2 /* scopedCssEncapsulation */) {
-      elm.classList.add(scopeId2 + "-s");
-    }
-  }
-  endAttachStyles();
-};
-var getScopeId = (cmp, mode) => "sc-" + (mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + "-" + mode : cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
   if (oldValue !== newValue) {
     let isProp = isMemberInElement(elm, memberName);
@@ -656,6 +568,9 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
       const classList = elm.classList;
       const oldClasses = parseClassList(oldValue);
       const newClasses = parseClassList(newValue);
+      if (elm["s-si"] && newClasses.indexOf(elm["s-si"]) < 0) {
+        newClasses.push(elm["s-si"]);
+      }
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
     } else if (memberName === "style") {
@@ -706,7 +621,11 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             if (memberName === "list") {
               isProp = false;
             } else if (oldValue == null || elm[memberName] != n) {
-              elm[memberName] = n;
+              if (typeof elm.__lookupSetter__(memberName) === "function") {
+                elm[memberName] = n;
+              } else {
+                elm.setAttribute(memberName, n);
+              }
             }
           } else {
             elm[memberName] = newValue;
@@ -741,7 +660,15 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
   }
 };
 var parseClassListRegex = /\s/;
-var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
+var parseClassList = (value) => {
+  if (typeof value === "object" && "baseVal" in value) {
+    value = value.baseVal;
+  }
+  if (!value) {
+    return [];
+  }
+  return value.split(parseClassListRegex);
+};
 var CAPTURE_EVENT_SUFFIX = "Capture";
 var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
 
@@ -865,7 +792,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
 };
 var putBackInOriginalLocation = (parentElm, recursive) => {
   plt.$flags$ |= 1 /* isTmpDisconnected */;
-  const oldSlotChildNodes = Array.from(parentElm.childNodes);
+  const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
   if (parentElm["s-sr"] && BUILD.experimentalSlotFixes) {
     let node = parentElm;
     while (node = node.nextSibling) {
@@ -1079,7 +1006,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
   }
 };
 var updateFallbackSlotVisibility = (elm) => {
-  const childNodes = elm.childNodes;
+  const childNodes = elm.__childNodes || elm.childNodes;
   for (const childNode of childNodes) {
     if (childNode.nodeType === 1 /* ElementNode */) {
       if (childNode["s-sr"]) {
@@ -1092,7 +1019,7 @@ var updateFallbackSlotVisibility = (elm) => {
                 childNode.hidden = true;
                 break;
               }
-            } else {
+            } else if (slotName === siblingNode["s-sn"]) {
               if (siblingNode.nodeType === 1 /* ElementNode */ || siblingNode.nodeType === 3 /* TextNode */ && siblingNode.textContent.trim() !== "") {
                 childNode.hidden = true;
                 break;
@@ -1110,9 +1037,10 @@ var markSlotContentForRelocation = (elm) => {
   let node;
   let hostContentNodes;
   let j;
-  for (const childNode of elm.childNodes) {
+  const children = elm.__childNodes || elm.childNodes;
+  for (const childNode of children) {
     if (childNode["s-sr"] && (node = childNode["s-cr"]) && node.parentNode) {
-      hostContentNodes = node.parentNode.childNodes;
+      hostContentNodes = node.parentNode.__childNodes || node.parentNode.childNodes;
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
@@ -1199,9 +1127,9 @@ var updateElementScopeIds = (element, parent, iterateChildNodes = false) => {
   if (element && parent && element.nodeType === 1 /* ElementNode */) {
     const scopeIds = new Set(findScopeIds(parent).filter(Boolean));
     if (scopeIds.size) {
-      (_a = element.classList) == null ? void 0 : _a.add(...element["s-scs"] = [...scopeIds]);
+      (_a = element.classList) == null ? void 0 : _a.add(...element["s-scs"] = Array.from(scopeIds));
       if (element["s-ol"] || iterateChildNodes) {
-        for (const childNode of Array.from(element.childNodes)) {
+        for (const childNode of Array.from(element.__childNodes || element.childNodes)) {
           updateElementScopeIds(childNode, element, true);
         }
       }
@@ -1312,6 +1240,519 @@ var slotReferenceDebugNode = (slotVNode) => doc$1.createComment(
 var originalLocationDebugNode = (nodeToRelocate) => doc$1.createComment(
   `org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate["s-hn"]})` : `[${nodeToRelocate.textContent}]`)
 );
+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;
+  }
+  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;
+  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));
+    }
+  } else {
+    appendMethod.call(parent, slottedNodeLocation);
+  }
+  newChild["s-ol"] = slottedNodeLocation;
+  newChild["s-sh"] = slotNode["s-hn"];
+};
+var createTime = (fnName, tagName = "") => {
+  {
+    return () => {
+      return;
+    };
+  }
+};
+var uniqueTime = (key, measureText) => {
+  {
+    return () => {
+      return;
+    };
+  }
+};
+
+// src/runtime/client-hydrate.ts
+var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
+  const endHydrate = createTime("hydrateClient", tagName);
+  const shadowRoot = hostElm.shadowRoot;
+  const childRenderNodes = [];
+  const slotNodes = [];
+  const slottedNodes = [];
+  const shadowRootNodes = shadowRoot ? [] : null;
+  const vnode = newVNode(tagName, null);
+  vnode.$elm$ = hostElm;
+  if (!plt.$orgLocNodes$) {
+    initializeDocumentHydrate(doc$1.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
+  }
+  hostElm[HYDRATE_ID] = hostId;
+  hostElm.removeAttribute(HYDRATE_ID);
+  hostRef.$vnode$ = clientHydrate(
+    vnode,
+    childRenderNodes,
+    slotNodes,
+    shadowRootNodes,
+    hostElm,
+    hostElm,
+    hostId,
+    slottedNodes
+  );
+  let crIndex = 0;
+  const crLength = childRenderNodes.length;
+  let childRenderNode;
+  for (crIndex; crIndex < crLength; crIndex++) {
+    childRenderNode = childRenderNodes[crIndex];
+    const orgLocationId = childRenderNode.$hostId$ + "." + childRenderNode.$nodeId$;
+    const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
+    const node = childRenderNode.$elm$;
+    if (!shadowRoot) {
+      node["s-hn"] = tagName.toUpperCase();
+      if (childRenderNode.$tag$ === "slot") {
+        node["s-cr"] = hostElm["s-cr"];
+      }
+    }
+    if (orgLocationNode && orgLocationNode.isConnected) {
+      if (shadowRoot && orgLocationNode["s-en"] === "") {
+        orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
+      }
+      orgLocationNode.parentNode.removeChild(orgLocationNode);
+      if (!shadowRoot) {
+        node["s-oo"] = parseInt(childRenderNode.$nodeId$);
+      }
+    }
+    plt.$orgLocNodes$.delete(orgLocationId);
+  }
+  const hosts = [];
+  let snIndex = 0;
+  const snLen = slottedNodes.length;
+  let slotGroup;
+  let snGroupIdx;
+  let snGroupLen;
+  let slottedItem;
+  for (snIndex; snIndex < snLen; snIndex++) {
+    slotGroup = slottedNodes[snIndex];
+    if (!slotGroup || !slotGroup.length) continue;
+    snGroupLen = slotGroup.length;
+    snGroupIdx = 0;
+    for (snGroupIdx; snGroupIdx < snGroupLen; snGroupIdx++) {
+      slottedItem = slotGroup[snGroupIdx];
+      if (!hosts[slottedItem.hostId]) {
+        hosts[slottedItem.hostId] = plt.$orgLocNodes$.get(slottedItem.hostId);
+      }
+      if (!hosts[slottedItem.hostId]) continue;
+      const hostEle = hosts[slottedItem.hostId];
+      if (!hostEle.shadowRoot || !shadowRoot) {
+        slottedItem.slot["s-cr"] = hostEle["s-cr"];
+        if (!slottedItem.slot["s-cr"] && hostEle.shadowRoot) {
+          slottedItem.slot["s-cr"] = hostEle;
+        } else {
+          const hostChildren = hostEle.__childNodes || hostEle.childNodes;
+          slottedItem.slot["s-cr"] = hostChildren[0];
+        }
+        addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
+      }
+      if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
+        hostEle.appendChild(slottedItem.node);
+      }
+    }
+  }
+  if (shadowRoot) {
+    let rnIdex = 0;
+    const rnLen = shadowRootNodes.length;
+    for (rnIdex; rnIdex < rnLen; rnIdex++) {
+      shadowRoot.appendChild(shadowRootNodes[rnIdex]);
+    }
+    Array.from(hostElm.childNodes).forEach((node) => {
+      if (node.nodeType === 8 /* CommentNode */ && typeof node["s-sn"] !== "string") {
+        node.parentNode.removeChild(node);
+      }
+    });
+  }
+  hostRef.$hostElement$ = hostElm;
+  endHydrate();
+};
+var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId, slottedNodes = []) => {
+  let childNodeType;
+  let childIdSplt;
+  let childVNode;
+  let i2;
+  const scopeId2 = hostElm["s-sc"];
+  if (node.nodeType === 1 /* ElementNode */) {
+    childNodeType = node.getAttribute(HYDRATE_CHILD_ID);
+    if (childNodeType) {
+      childIdSplt = childNodeType.split(".");
+      if (childIdSplt[0] === hostId || childIdSplt[0] === "0") {
+        childVNode = createSimpleVNode({
+          $flags$: 0,
+          $hostId$: childIdSplt[0],
+          $nodeId$: childIdSplt[1],
+          $depth$: childIdSplt[2],
+          $index$: childIdSplt[3],
+          $tag$: node.tagName.toLowerCase(),
+          $elm$: node,
+          // If we don't add the initial classes to the VNode, the first `vdom-render.ts` reconciliation will fail:
+          // client side changes before componentDidLoad will be ignored, `set-accessor.ts` will just take the element's initial classes
+          $attrs$: { class: node.className }
+        });
+        childRenderNodes.push(childVNode);
+        node.removeAttribute(HYDRATE_CHILD_ID);
+        if (!parentVNode.$children$) {
+          parentVNode.$children$ = [];
+        }
+        const slotName = childVNode.$elm$.getAttribute("s-sn");
+        if (typeof slotName === "string") {
+          if (childVNode.$tag$ === "slot-fb") {
+            addSlot(
+              slotName,
+              childIdSplt[2],
+              childVNode,
+              node,
+              parentVNode,
+              childRenderNodes,
+              slotNodes,
+              shadowRootNodes,
+              slottedNodes
+            );
+          }
+          childVNode.$elm$["s-sn"] = slotName;
+          childVNode.$elm$.removeAttribute("s-sn");
+        }
+        if (childVNode.$index$ !== void 0) {
+          parentVNode.$children$[childVNode.$index$] = childVNode;
+        }
+        if (scopeId2) node["s-si"] = scopeId2;
+        parentVNode = childVNode;
+        if (shadowRootNodes && childVNode.$depth$ === "0") {
+          shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+        }
+      }
+    }
+    if (node.shadowRoot) {
+      for (i2 = node.shadowRoot.childNodes.length - 1; i2 >= 0; i2--) {
+        clientHydrate(
+          parentVNode,
+          childRenderNodes,
+          slotNodes,
+          shadowRootNodes,
+          hostElm,
+          node.shadowRoot.childNodes[i2],
+          hostId,
+          slottedNodes
+        );
+      }
+    }
+    const nonShadowNodes = node.__childNodes || node.childNodes;
+    for (i2 = nonShadowNodes.length - 1; i2 >= 0; i2--) {
+      clientHydrate(
+        parentVNode,
+        childRenderNodes,
+        slotNodes,
+        shadowRootNodes,
+        hostElm,
+        nonShadowNodes[i2],
+        hostId,
+        slottedNodes
+      );
+    }
+  } else if (node.nodeType === 8 /* CommentNode */) {
+    childIdSplt = node.nodeValue.split(".");
+    if (childIdSplt[1] === hostId || childIdSplt[1] === "0") {
+      childNodeType = childIdSplt[0];
+      childVNode = createSimpleVNode({
+        $hostId$: childIdSplt[1],
+        $nodeId$: childIdSplt[2],
+        $depth$: childIdSplt[3],
+        $index$: childIdSplt[4] || "0",
+        $elm$: node,
+        $attrs$: null,
+        $children$: null,
+        $key$: null,
+        $name$: null,
+        $tag$: null,
+        $text$: null
+      });
+      if (childNodeType === TEXT_NODE_ID) {
+        childVNode.$elm$ = node.nextSibling;
+        if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* TextNode */) {
+          childVNode.$text$ = childVNode.$elm$.textContent;
+          childRenderNodes.push(childVNode);
+          node.remove();
+          if (hostId === childVNode.$hostId$) {
+            if (!parentVNode.$children$) {
+              parentVNode.$children$ = [];
+            }
+            parentVNode.$children$[childVNode.$index$] = childVNode;
+          }
+          if (shadowRootNodes && childVNode.$depth$ === "0") {
+            shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+          }
+        }
+      } else if (childNodeType === COMMENT_NODE_ID) {
+        childVNode.$elm$ = node.nextSibling;
+        if (childVNode.$elm$ && childVNode.$elm$.nodeType === 8 /* CommentNode */) {
+          childRenderNodes.push(childVNode);
+          node.remove();
+        }
+      } else if (childVNode.$hostId$ === hostId) {
+        if (childNodeType === SLOT_NODE_ID) {
+          childVNode.$tag$ = "slot";
+          const slotName = node["s-sn"] = childVNode.$name$ = childIdSplt[5] || "";
+          addSlot(
+            slotName,
+            childIdSplt[2],
+            childVNode,
+            node,
+            parentVNode,
+            childRenderNodes,
+            slotNodes,
+            shadowRootNodes,
+            slottedNodes
+          );
+        } else if (childNodeType === CONTENT_REF_ID) {
+          if (shadowRootNodes) {
+            node.remove();
+          } else {
+            hostElm["s-cr"] = node;
+            node["s-cn"] = true;
+          }
+        }
+      }
+    }
+  } else if (parentVNode && parentVNode.$tag$ === "style") {
+    const vnode = newVNode(null, node.textContent);
+    vnode.$elm$ = node;
+    vnode.$index$ = "0";
+    parentVNode.$children$ = [vnode];
+  }
+  return parentVNode;
+};
+var initializeDocumentHydrate = (node, orgLocNodes) => {
+  if (node.nodeType === 1 /* ElementNode */) {
+    const componentId = node[HYDRATE_ID] || node.getAttribute(HYDRATE_ID);
+    if (componentId) {
+      orgLocNodes.set(componentId, node);
+    }
+    let i2 = 0;
+    if (node.shadowRoot) {
+      for (; i2 < node.shadowRoot.childNodes.length; i2++) {
+        initializeDocumentHydrate(node.shadowRoot.childNodes[i2], orgLocNodes);
+      }
+    }
+    const nonShadowNodes = node.__childNodes || node.childNodes;
+    for (i2 = 0; i2 < nonShadowNodes.length; i2++) {
+      initializeDocumentHydrate(nonShadowNodes[i2], orgLocNodes);
+    }
+  } else if (node.nodeType === 8 /* CommentNode */) {
+    const childIdSplt = node.nodeValue.split(".");
+    if (childIdSplt[0] === ORG_LOCATION_ID) {
+      orgLocNodes.set(childIdSplt[1] + "." + childIdSplt[2], node);
+      node.nodeValue = "";
+      node["s-en"] = childIdSplt[3];
+    }
+  }
+};
+var createSimpleVNode = (vnode) => {
+  const defaultVNode = {
+    $flags$: 0,
+    $hostId$: null,
+    $nodeId$: null,
+    $depth$: null,
+    $index$: "0",
+    $elm$: null,
+    $attrs$: null,
+    $children$: null,
+    $key$: null,
+    $name$: null,
+    $tag$: null,
+    $text$: null
+  };
+  return { ...defaultVNode, ...vnode };
+};
+function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNodes, slotNodes, shadowRootNodes, slottedNodes) {
+  node["s-sr"] = true;
+  const parentNodeId = (parentVNode == null ? void 0 : parentVNode.$elm$) ? parentVNode.$elm$["s-id"] || parentVNode.$elm$.getAttribute("s-id") : "";
+  if (shadowRootNodes) {
+    const slot = childVNode.$elm$ = doc$1.createElement(childVNode.$tag$);
+    if (childVNode.$name$) {
+      childVNode.$elm$.setAttribute("name", slotName);
+    }
+    if (parentNodeId && parentNodeId !== childVNode.$hostId$) {
+      parentVNode.$elm$.insertBefore(slot, parentVNode.$elm$.children[0]);
+    } else {
+      node.parentNode.insertBefore(childVNode.$elm$, node);
+    }
+    addSlottedNodes(slottedNodes, slotId, slotName, node, childVNode.$hostId$);
+    node.remove();
+    if (childVNode.$depth$ === "0") {
+      shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+    }
+  } else {
+    const slot = childVNode.$elm$;
+    const shouldMove = parentNodeId && parentNodeId !== childVNode.$hostId$ && parentVNode.$elm$.shadowRoot;
+    addSlottedNodes(slottedNodes, slotId, slotName, node, shouldMove ? parentNodeId : childVNode.$hostId$);
+    if (shouldMove) {
+      parentVNode.$elm$.insertBefore(slot, parentVNode.$elm$.children[0]);
+    }
+    childRenderNodes.push(childVNode);
+  }
+  slotNodes.push(childVNode);
+  if (!parentVNode.$children$) {
+    parentVNode.$children$ = [];
+  }
+  parentVNode.$children$[childVNode.$index$] = childVNode;
+}
+var addSlottedNodes = (slottedNodes, slotNodeId, slotName, slotNode, hostId) => {
+  let slottedNode = slotNode.nextSibling;
+  slottedNodes[slotNodeId] = slottedNodes[slotNodeId] || [];
+  while (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (slottedNode.nodeType === 8 /* CommentNode */ && slottedNode.nodeValue.indexOf(".") !== 1 || slottedNode.nodeType === 3 /* TextNode */))) {
+    slottedNode["s-sn"] = slotName;
+    slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
+    slottedNode = slottedNode.nextSibling;
+  }
+};
+
+// src/runtime/mode.ts
+var computeMode = (elm) => modeResolutionChain.map((h2) => h2(elm)).find((m) => !!m);
+var setMode = (handler) => modeResolutionChain.push(handler);
+var getMode = (ref) => getHostRef(ref).$modeName$;
+var parsePropertyValue = (propValue, propType) => {
+  if (propValue != null && !isComplexType(propValue)) {
+    if (propType & 4 /* Boolean */) {
+      return propValue === "false" ? false : propValue === "" || !!propValue;
+    }
+    if (propType & 2 /* Number */) {
+      return parseFloat(propValue);
+    }
+    if (propType & 1 /* String */) {
+      return String(propValue);
+    }
+    return propValue;
+  }
+  return propValue;
+};
+var getElement = (ref) => getHostRef(ref).$hostElement$ ;
+
+// src/runtime/event-emitter.ts
+var createEvent = (ref, name, flags) => {
+  const elm = getElement(ref);
+  return {
+    emit: (detail) => {
+      return emitEvent(elm, name, {
+        bubbles: !!(flags & 4 /* Bubbles */),
+        composed: !!(flags & 2 /* Composed */),
+        cancelable: !!(flags & 1 /* Cancellable */),
+        detail
+      });
+    }
+  };
+};
+var emitEvent = (elm, name, opts) => {
+  const ev = plt.ce(name, opts);
+  elm.dispatchEvent(ev);
+  return ev;
+};
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+  let style = styles.get(scopeId2);
+  {
+    style = cssText;
+  }
+  styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+  var _a;
+  const scopeId2 = getScopeId(cmpMeta, mode);
+  const style = styles.get(scopeId2);
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc$1;
+  if (style) {
+    if (typeof style === "string") {
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      let styleElm;
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
+          styleElm.innerHTML = style;
+        } else {
+          styleElm = doc$1.createElement("style");
+          styleElm.innerHTML = style;
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc$1);
+          if (nonce != null) {
+            styleElm.setAttribute("nonce", nonce);
+          }
+          if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+            styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
+          }
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(styleElm, referenceNode2);
+            } else if ("host" in styleContainerNode) {
+              {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.innerHTML += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    }
+  }
+  return scopeId2;
+};
+var attachStyles = (hostRef) => {
+  const cmpMeta = hostRef.$cmpMeta$;
+  const elm = hostRef.$hostElement$;
+  const flags = cmpMeta.$flags$;
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+  const scopeId2 = addStyle(
+    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    cmpMeta,
+    hostRef.$modeName$
+  );
+  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
+    elm["s-sc"] = scopeId2;
+    elm.classList.add(scopeId2 + "-h");
+    if (flags & 2 /* scopedCssEncapsulation */) {
+      elm.classList.add(scopeId2 + "-s");
+    }
+  }
+  endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + (mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + "-" + mode : cmp.$tagName$);
 
 // src/runtime/update-component.ts
 var attachToAncestor = (hostRef, ancestorComponent) => {
@@ -1558,16 +1999,62 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
-        Object.defineProperty(prototype, memberName, {
-          get() {
-            return getValue(this, memberName);
-          },
-          set(newValue) {
-            setValue(this, memberName, newValue, cmpMeta);
-          },
-          configurable: true,
-          enumerable: true
-        });
+        if ((memberFlags & 2048 /* Getter */) === 0) {
+          Object.defineProperty(prototype, memberName, {
+            get() {
+              return getValue(this, memberName);
+            },
+            set(newValue) {
+              setValue(this, memberName, newValue, cmpMeta);
+            },
+            configurable: true,
+            enumerable: true
+          });
+        } else if (flags & 1 /* isElementConstructor */ && memberFlags & 2048 /* Getter */) {
+          {
+            Object.defineProperty(prototype, memberName, {
+              get() {
+                const ref = getHostRef(this);
+                const instance = ref ? ref.$lazyInstance$ : prototype;
+                if (!instance) return;
+                return instance[memberName];
+              },
+              configurable: true,
+              enumerable: true
+            });
+          }
+          if (memberFlags & 4096 /* Setter */) {
+            const origSetter = Object.getOwnPropertyDescriptor(prototype, memberName).set;
+            Object.defineProperty(prototype, memberName, {
+              set(newValue) {
+                const ref = getHostRef(this);
+                if (origSetter) {
+                  const currentValue = ref.$hostElement$[memberName];
+                  if (!ref.$instanceValues$.get(memberName) && currentValue) {
+                    ref.$instanceValues$.set(memberName, currentValue);
+                  }
+                  origSetter.apply(this, [parsePropertyValue(newValue, cmpMeta.$members$[memberName][0])]);
+                  setValue(this, memberName, ref.$hostElement$[memberName], cmpMeta);
+                  return;
+                }
+                if (!ref) return;
+                const setterSetVal = () => {
+                  const currentValue = ref.$lazyInstance$[memberName];
+                  if (!ref.$instanceValues$.get(memberName) && currentValue) {
+                    ref.$instanceValues$.set(memberName, currentValue);
+                  }
+                  ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, cmpMeta.$members$[memberName][0]);
+                  setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
+                };
+                if (ref.$lazyInstance$) {
+                  setterSetVal();
+                } else {
+                  ref.$onReadyPromise$.then(() => setterSetVal());
+                }
+              }
+            });
+          }
+        }
       } else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
         Object.defineProperty(prototype, memberName, {
           value(...args) {
@@ -1607,7 +2094,10 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             }
             return;
           }
-          this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
+          const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
+          if (!propDesc.get || !!propDesc.set) {
+            this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
+          }
         });
       };
       Cstr.observedAttributes = Array.from(
@@ -1726,6 +2216,9 @@ var connectedCallback = (elm) => {
           if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
             const scopeId2 = addStyle(elm.shadowRoot, cmpMeta, elm.getAttribute("s-mode")) ;
             elm.classList.remove(scopeId2 + "-h", scopeId2 + "-s");
+          } else if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+            const scopeId2 = getScopeId(cmpMeta, elm.getAttribute("s-mode") );
+            elm["s-sc"] = scopeId2;
           }
           initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef);
         }
@@ -1801,11 +2294,8 @@ var hostListenerOpts = (flags) => (flags & 2 /* Capture */) !== 0;
 // src/runtime/vdom/vdom-annotations.ts
 var insertVdomAnnotations = (doc2, staticComponents) => {
   if (doc2 != null) {
-    const docData = {
-      hostIds: 0,
-      rootLevelIds: 0,
-      staticComponents: new Set(staticComponents)
-    };
+    const docData = STENCIL_DOC_DATA in doc2 ? doc2[STENCIL_DOC_DATA] : { ...DEFAULT_DOC_DATA };
+    docData.staticComponents = new Set(staticComponents);
     const orgLocationNodes = [];
     parseVNodeAnnotations(doc2, doc2.body, docData, orgLocationNodes);
     orgLocationNodes.forEach((orgLocationNode) => {
@@ -1822,6 +2312,9 @@ var insertVdomAnnotations = (doc2, staticComponents) => {
           childId = `${hostId}.${nodeId}`;
           if (nodeRef.nodeType === 1 /* ElementNode */) {
             nodeRef.setAttribute(HYDRATE_CHILD_ID, childId);
+            if (typeof nodeRef["s-sn"] === "string" && !nodeRef.getAttribute("slot")) {
+              nodeRef.setAttribute("s-sn", nodeRef["s-sn"]);
+            }
           } else if (nodeRef.nodeType === 3 /* TextNode */) {
             if (hostId === 0) {
               const textContent = (_a = nodeRef.nodeValue) == null ? void 0 : _a.trim();
@@ -1833,6 +2326,10 @@ var insertVdomAnnotations = (doc2, staticComponents) => {
             const commentBeforeTextNode = doc2.createComment(childId);
             commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;
             insertBefore(nodeRef.parentNode, commentBeforeTextNode, nodeRef);
+          } else if (nodeRef.nodeType === 8 /* CommentNode */) {
+            const commentBeforeTextNode = doc2.createComment(childId);
+            commentBeforeTextNode.nodeValue = `${COMMENT_NODE_ID}.${childId}`;
+            nodeRef.parentNode.insertBefore(commentBeforeTextNode, nodeRef);
           }
         }
         let orgLocationNodeId = `${ORG_LOCATION_ID}.${childId}`;
@@ -1913,6 +2410,9 @@ var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, ind
   childElm["s-node-id"] = nodeId;
   if (childElm.nodeType === 1 /* ElementNode */) {
     childElm.setAttribute(HYDRATE_CHILD_ID, childId);
+    if (typeof childElm["s-sn"] === "string" && !childElm.getAttribute("slot")) {
+      childElm.setAttribute("s-sn", childElm["s-sn"]);
+    }
   } else if (childElm.nodeType === 3 /* TextNode */) {
     const parentNode = childElm.parentNode;
     const nodeName = parentNode == null ? void 0 : parentNode.nodeName;
@@ -2114,6 +2614,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
     };
     tmrId = globalThis.setTimeout(timeoutExceeded, opts.timeout);
     plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./", doc$1.baseURI).href;
+    globalScripts();
     patchChild2(win2.document.body);
     waitLoop2().then(hydratedComplete).catch(hydratedError);
   } catch (e) {
@@ -2337,7 +2838,9 @@ var plt = {
   rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
   ce: (eventName, opts) => new win$2.CustomEvent(eventName, opts)
 };
-var supportsShadow = BUILD.shadowDom;
+var setPlatformHelpers = (helpers) => {
+  Object.assign(plt, helpers);
+};
 var hostRefs = /* @__PURE__ */ new WeakMap();
 var getHostRef = (ref) => hostRefs.get(ref);
 var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
@@ -2362,7 +2865,7 @@ var Build = {
   isTesting: false
 };
 var styles = /* @__PURE__ */ new Map();
-var modeResolutionChain = [];
+
 
 const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
@@ -2734,132 +3237,6 @@ const reorderTwoSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2
 const searchOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/><path stroke-linecap='round' stroke-miterlimit='10' d='M338.29 338.29L448 448' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const searchSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M464 428L339.92 303.9a160.48 160.48 0 0030.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0094.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 11110.37-110.37 110.5 110.5 0 01-110.37 110.37z'/></svg>";
 
-// TODO(FW-2832): types
-class Config {
-    constructor() {
-        this.m = new Map();
-    }
-    reset(configObj) {
-        this.m = new Map(Object.entries(configObj));
-    }
-    get(key, fallback) {
-        const value = this.m.get(key);
-        return value !== undefined ? value : fallback;
-    }
-    getBoolean(key, fallback = false) {
-        const val = this.m.get(key);
-        if (val === undefined) {
-            return fallback;
-        }
-        if (typeof val === 'string') {
-            return val === 'true';
-        }
-        return !!val;
-    }
-    getNumber(key, fallback) {
-        const val = parseFloat(this.m.get(key));
-        return isNaN(val) ? (fallback !== undefined ? fallback : NaN) : val;
-    }
-    set(key, value) {
-        this.m.set(key, value);
-    }
-}
-const config = /*@__PURE__*/ new Config();
-
-const getPlatforms = (win) => setupPlatforms(win);
-const isPlatform = (winOrPlatform, platform) => {
-    if (typeof winOrPlatform === 'string') {
-        platform = winOrPlatform;
-        winOrPlatform = undefined;
-    }
-    return getPlatforms(winOrPlatform).includes(platform);
-};
-const setupPlatforms = (win = window) => {
-    if (typeof win === 'undefined') {
-        return [];
-    }
-    win.Ionic = win.Ionic || {};
-    let platforms = win.Ionic.platforms;
-    if (platforms == null) {
-        platforms = win.Ionic.platforms = detectPlatforms(win);
-        platforms.forEach((p) => win.document.documentElement.classList.add(`plt-${p}`));
-    }
-    return platforms;
-};
-const detectPlatforms = (win) => {
-    const customPlatformMethods = config.get('platform');
-    return Object.keys(PLATFORMS_MAP).filter((p) => {
-        const customMethod = customPlatformMethods === null || customPlatformMethods === void 0 ? void 0 : customPlatformMethods[p];
-        return typeof customMethod === 'function' ? customMethod(win) : PLATFORMS_MAP[p](win);
-    });
-};
-const isMobileWeb = (win) => isMobile(win) && !isHybrid(win);
-const isIpad = (win) => {
-    // iOS 12 and below
-    if (testUserAgent(win, /iPad/i)) {
-        return true;
-    }
-    // iOS 13+
-    if (testUserAgent(win, /Macintosh/i) && isMobile(win)) {
-        return true;
-    }
-    return false;
-};
-const isIphone = (win) => testUserAgent(win, /iPhone/i);
-const isIOS = (win) => testUserAgent(win, /iPhone|iPod/i) || isIpad(win);
-const isAndroid = (win) => testUserAgent(win, /android|sink/i);
-const isAndroidTablet = (win) => {
-    return isAndroid(win) && !testUserAgent(win, /mobile/i);
-};
-const isPhablet = (win) => {
-    const width = win.innerWidth;
-    const height = win.innerHeight;
-    const smallest = Math.min(width, height);
-    const largest = Math.max(width, height);
-    return smallest > 390 && smallest < 520 && largest > 620 && largest < 800;
-};
-const isTablet = (win) => {
-    const width = win.innerWidth;
-    const height = win.innerHeight;
-    const smallest = Math.min(width, height);
-    const largest = Math.max(width, height);
-    return isIpad(win) || isAndroidTablet(win) || (smallest > 460 && smallest < 820 && largest > 780 && largest < 1400);
-};
-const isMobile = (win) => matchMedia$1(win, '(any-pointer:coarse)');
-const isDesktop = (win) => !isMobile(win);
-const isHybrid = (win) => isCordova(win) || isCapacitorNative(win);
-const isCordova = (win) => !!(win['cordova'] || win['phonegap'] || win['PhoneGap']);
-const isCapacitorNative = (win) => {
-    const capacitor = win['Capacitor'];
-    return !!(capacitor === null || capacitor === void 0 ? void 0 : capacitor.isNative);
-};
-const isElectron = (win) => testUserAgent(win, /electron/i);
-const isPWA = (win) => { var _a; return !!(((_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, '(display-mode: standalone)').matches) || win.navigator.standalone); };
-const testUserAgent = (win, expr) => expr.test(win.navigator.userAgent);
-const matchMedia$1 = (win, query) => { var _a; return (_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, query).matches; };
-const PLATFORMS_MAP = {
-    ipad: isIpad,
-    iphone: isIphone,
-    ios: isIOS,
-    android: isAndroid,
-    phablet: isPhablet,
-    tablet: isTablet,
-    cordova: isCordova,
-    capacitor: isCapacitorNative,
-    electron: isElectron,
-    pwa: isPWA,
-    mobile: isMobile,
-    mobileweb: isMobileWeb,
-    desktop: isDesktop,
-    hybrid: isHybrid,
-};
-
-// TODO(FW-2832): types
-let defaultMode;
-const getIonMode$1 = (ref) => {
-    return (ref && getMode(ref)) || defaultMode;
-};
-
 const accordionIosCss = ":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";
 var IonAccordionIosStyle0 = accordionIosCss;
 
@@ -4278,9 +4655,9 @@ const now = (ev) => {
 };
 
 var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createGesture: createGesture,
-  GESTURE_CONTROLLER: GESTURE_CONTROLLER
+    __proto__: null,
+    createGesture: createGesture,
+    GESTURE_CONTROLLER: GESTURE_CONTROLLER
 });
 
 const createButtonActiveGesture = (el, isButton) => {
@@ -33673,9 +34050,9 @@ const iosTransitionAnimation = (navEl, opts) => {
 const LARGE_TITLE_SIZE_OFFSET = 10;
 
 var ios_transition = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  shadow: shadow,
-  iosTransitionAnimation: iosTransitionAnimation
+    __proto__: null,
+    shadow: shadow,
+    iosTransitionAnimation: iosTransitionAnimation
 });
 
 const mdTransitionAnimation = (_, opts) => {
@@ -33726,8 +34103,8 @@ const mdTransitionAnimation = (_, opts) => {
 };
 
 var md_transition = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  mdTransitionAnimation: mdTransitionAnimation
+    __proto__: null,
+    mdTransitionAnimation: mdTransitionAnimation
 });
 
 const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {
@@ -33801,8 +34178,8 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
 };
 
 var swipeBack = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createSwipeBackGesture: createSwipeBackGesture
+    __proto__: null,
+    createSwipeBackGesture: createSwipeBackGesture
 });
 
 exports.hydrateApp = hydrateApp;
@@ -33815,8 +34192,105 @@ exports.hydrateApp = hydrateApp;
   hydrateAppClosure($stencilWindow);
 }
 
+// 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,
+  hostListenerTargetBody: true,
+  hostListenerTargetParent: false,
+  hostListenerTarget: true,
+  member: true,
+  method: true,
+  mode: true,
+  observeAttribute: true,
+  prop: true,
+  propMutable: true,
+  reflect: true,
+  scoped: true,
+  shadowDom: true,
+  slot: true,
+  cssAnnotations: true,
+  state: true,
+  style: true,
+  formAssociated: false,
+  svg: true,
+  updatable: true,
+  vdomAttribute: true,
+  vdomXlink: true,
+  vdomClass: true,
+  vdomFunctional: true,
+  vdomKey: true,
+  vdomListener: true,
+  vdomRef: true,
+  vdomPropOrAttr: true,
+  vdomRender: true,
+  vdomStyle: true,
+  vdomText: true,
+  watchCallback: true,
+  taskQueue: true,
+  hotModuleReplacement: false,
+  isDebug: false,
+  isDev: false,
+  isTesting: false,
+  hydrateServerSide: false,
+  hydrateClientSide: false,
+  lifecycleDOMEvents: false,
+  lazyLoad: false,
+  profile: false,
+  slotRelocation: true,
+  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
+  appendChildSlotFix: false,
+  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
+  cloneNodeFix: false,
+  hydratedAttribute: false,
+  hydratedClass: true,
+  // TODO(STENCIL-1305): remove this option
+  scriptDataOpts: false,
+  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
+  scopedSlotTextContentFix: false,
+  // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+  shadowDomShim: false,
+  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
+  slotChildNodesFix: false,
+  invisiblePrehydration: true,
+  propBoolean: true,
+  propNumber: true,
+  propString: true,
+  constructableCSS: true,
+  cmpShouldUpdate: true,
+  devTools: false,
+  shadowDelegatesFocus: true,
+  initializeNextTick: false,
+  asyncLoading: true,
+  asyncQueue: false,
+  transformTagName: false,
+  attachStyles: true,
+  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
+  experimentalSlotFixes: false
+};
+var Env = {};
+var NAMESPACE = (
+  /* default */
+  "app"
+);
+
 /*
- Stencil Hydrate Runner v4.20.0 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.23.0-dev.1735628762.fb8335e | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -33829,6 +34303,8 @@ var CONTENT_REF_ID = "r";
 var ORG_LOCATION_ID = "o";
 var SLOT_NODE_ID = "s";
 var TEXT_NODE_ID = "t";
+var HYDRATE_ID = "s-id";
+var STENCIL_DOC_DATA = "_stencilDocData";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
 
 // src/mock-doc/attribute.ts
@@ -34137,8 +34613,8 @@ function jsCaseToCssCase(str) {
 
 // src/mock-doc/custom-element-registry.ts
 var MockCustomElementRegistry = class {
-  constructor(win) {
-    this.win = win;
+  constructor(win2) {
+    this.win = win2;
   }
   define(tagName, cstr, options) {
     if (tagName.toLowerCase() !== tagName) {
@@ -34160,19 +34636,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);
           }
@@ -34226,8 +34702,8 @@ var MockCustomElementRegistry = class {
     });
   }
 };
-function createCustomElement(customElements, ownerDocument, tagName) {
-  const Cstr = customElements.get(tagName);
+function createCustomElement(customElements2, ownerDocument, tagName) {
+  const Cstr = customElements2.get(tagName);
   if (Cstr != null) {
     const cmp = new Cstr(ownerDocument);
     cmp.nodeName = tagName.toUpperCase();
@@ -34275,8 +34751,8 @@ function connectNode(ownerDocument, node) {
   node.ownerDocument = ownerDocument;
   if (node.nodeType === 1 /* ELEMENT_NODE */) {
     if (ownerDocument != null && node.nodeName.includes("-")) {
-      const win = ownerDocument.defaultView;
-      if (win != null && typeof node.connectedCallback === "function" && node.isConnected) {
+      const win2 = ownerDocument.defaultView;
+      if (win2 != null && typeof node.connectedCallback === "function" && node.isConnected) {
         fireConnectedCallback(node);
       }
       const shadowRoot = node.shadowRoot;
@@ -38684,7 +39160,7 @@ var OpenElementStack = class {
   get currentTmplContentOrNode() {
     return this._isInTemplate() ? this.treeAdapter.getTemplateContent(this.current) : this.current;
   }
-  constructor(document, treeAdapter, handler) {
+  constructor(document2, treeAdapter, handler) {
     this.treeAdapter = treeAdapter;
     this.handler = handler;
     this.items = [];
@@ -38692,7 +39168,7 @@ var OpenElementStack = class {
     this.stackTop = -1;
     this.tmplCount = 0;
     this.currentTagId = TAG_ID.UNKNOWN;
-    this.current = document;
+    this.current = document2;
   }
   //Index of element
   _indexOf(element) {
@@ -39109,8 +39585,8 @@ var defaultTreeAdapter = {
   getTemplateContent(templateElement) {
     return templateElement.content;
   },
-  setDocumentType(document, name, publicId, systemId) {
-    const doctypeNode = document.childNodes.find((node) => node.nodeName === "#documentType");
+  setDocumentType(document2, name, publicId, systemId) {
+    const doctypeNode = document2.childNodes.find((node) => node.nodeName === "#documentType");
     if (doctypeNode) {
       doctypeNode.name = name;
       doctypeNode.publicId = publicId;
@@ -39123,14 +39599,14 @@ var defaultTreeAdapter = {
         systemId,
         parentNode: null
       };
-      defaultTreeAdapter.appendChild(document, node);
+      defaultTreeAdapter.appendChild(document2, node);
     }
   },
-  setDocumentMode(document, mode) {
-    document.mode = mode;
+  setDocumentMode(document2, mode) {
+    document2.mode = mode;
   },
-  getDocumentMode(document) {
-    return document.mode;
+  getDocumentMode(document2) {
+    return document2.mode;
   },
   detachNode(node) {
     if (node.parentNode) {
@@ -39611,7 +40087,7 @@ var defaultParserOptions = {
   onParseError: null
 };
 var Parser = class {
-  constructor(options, document, fragmentContext = null, scriptHandler = null) {
+  constructor(options, document2, fragmentContext = null, scriptHandler = null) {
     this.fragmentContext = fragmentContext;
     this.scriptHandler = scriptHandler;
     this.currentToken = null;
@@ -39636,7 +40112,7 @@ var Parser = class {
     if (this.onParseError) {
       this.options.sourceCodeLocationInfo = true;
     }
-    this.document = document !== null && document !== void 0 ? document : this.treeAdapter.createDocument();
+    this.document = document2 !== null && document2 !== void 0 ? document2 : this.treeAdapter.createDocument();
     this.tokenizer = new Tokenizer(this.options, this);
     this.activeFormattingElements = new FormattingElementList(this.treeAdapter);
     this.fragmentContextID = fragmentContext ? getTagID(this.treeAdapter.getTagName(fragmentContext)) : TAG_ID.UNKNOWN;
@@ -42613,11 +43089,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") {
@@ -42635,9 +43111,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;
@@ -42675,22 +43151,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();
@@ -42822,9 +43298,9 @@ var jquery_default = (
         nodeName: "HTML"
       }
     }
-  }, function(window, noGlobal) {
+  }, function(window2, noGlobal) {
     "use strict";
-    if (!window.document) {
+    if (!window2.document) {
       throw new Error("jQuery requires a window with a document");
     }
     var arr = [];
@@ -42859,16 +43335,16 @@ var jquery_default = (
       }
       return type === "array" || length === 0 || typeof length === "number" && length > 0 && length - 1 in obj;
     }
-    var document = window.document;
+    var document2 = window2.document;
     var preservedScriptAttributes = {
       type: true,
       src: true,
       nonce: true,
       noModule: true
     };
-    function DOMEval(code, node, doc) {
-      doc = doc || document;
-      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) {
@@ -42877,7 +43353,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) {
@@ -43014,8 +43490,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;
@@ -43142,9 +43618,9 @@ var jquery_default = (
     }
     var pop = arr.pop;
     var whitespace = "[\\x20\\t\\r\\n\\f]";
-    var isIE = document.documentMode;
+    var isIE = document2.documentMode;
     try {
-      document.querySelector(":has(*,:jqfake)");
+      document2.querySelector(":has(*,:jqfake)");
       support.cssHas = false;
     } catch (e) {
       support.cssHas = true;
@@ -43176,7 +43652,7 @@ var jquery_default = (
     var rleadingCombinator = new RegExp("^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*");
     var rdescend = new RegExp(whitespace + "|>");
     var rsibling = /[+~]/;
-    var documentElement = document.documentElement;
+    var documentElement = document2.documentElement;
     var matches2 = documentElement.matches || documentElement.msMatchesSelector;
     function createCache() {
       var keys = [];
@@ -43345,10 +43821,10 @@ var jquery_default = (
         1
       );
       if (compare & 1) {
-        if (a == document || a.ownerDocument == document && jQuery.contains(document, a)) {
+        if (a == document2 || a.ownerDocument == document2 && jQuery.contains(document2, a)) {
           return -1;
         }
-        if (b == document || b.ownerDocument == document && jQuery.contains(document, b)) {
+        if (b == document2 || b.ownerDocument == document2 && jQuery.contains(document2, b)) {
           return 1;
         }
         return 0;
@@ -43504,14 +43980,14 @@ var jquery_default = (
       });
     }
     function setDocument(node) {
-      var subWindow, doc = node ? node.ownerDocument || node : document;
-      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 && document != document$1 && (subWindow = document$1.defaultView) && subWindow.top !== subWindow) {
+      if (isIE && document2 != document$1 && (subWindow = document$1.defaultView) && subWindow.top !== subWindow) {
         subWindow.addEventListener("unload", unloadHandler);
       }
     }
@@ -43742,7 +44218,7 @@ var jquery_default = (
         }),
         // Miscellaneous
         target: function(elem) {
-          var hash = window.location && window.location.hash;
+          var hash = window2.location && window2.location.hash;
           return hash && hash.slice(1) === elem.id;
         },
         root: function(elem) {
@@ -44244,7 +44720,7 @@ function serializeNodeToHtml(elm, serializationOptions = {}) {
     text: []
   };
   let renderedNode = "";
-  const children = !opts.fullDocument && elm.body ? Array.from(elm.body.childNodes) : opts.outerHtml ? [elm] : Array.from(elm.childNodes);
+  const children = !opts.fullDocument && elm.body ? Array.from(elm.body.childNodes) : opts.outerHtml ? [elm] : Array.from(getChildNodes(elm));
   for (let i = 0, ii = children.length; i < ii; i++) {
     const child = children[i];
     const chunks = Array.from(streamToHtml(child, opts, output));
@@ -44277,7 +44753,10 @@ function* streamToHtml(node, opts, output) {
       const tag = tagName === shadowRootTag ? "template" : tagName;
       yield "<" + tag;
       output.currentLineWidth += tag.length + 1;
-      if (tag === "template") {
+      if (tag === "template" && (!node.getAttribute || !node.getAttribute("shadowrootmode")) && /**
+       * If the node is a shadow root, we want to add the `shadowrootmode` attribute
+       */
+      ("host" in node || node.nodeName.toLocaleLowerCase() === shadowRootTag)) {
         const mode = ` shadowrootmode="open"`;
         yield mode;
         output.currentLineWidth += mode.length;
@@ -44361,7 +44840,8 @@ style="${cssText}">`;
         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);
-        if (opts.newLines && (node.childNodes.length === 0 || node.childNodes.length === 1 && node.childNodes[0].nodeType === 3 /* TEXT_NODE */ && ((_e = node.childNodes[0].nodeValue) == null ? void 0 : _e.trim()) === "")) {
+        const childNodes = getChildNodes(node);
+        if (opts.newLines && (childNodes.length === 0 || childNodes.length === 1 && childNodes[0].nodeType === 3 /* TEXT_NODE */ && ((_e = childNodes[0].nodeValue) == null ? void 0 : _e.trim()) === "")) {
           yield "\n";
           output.currentLineWidth = 0;
           for (let i = 0; i < output.indent; i++) {
@@ -44372,7 +44852,7 @@ style="${cssText}">`;
       }
       if (opts.excludeTagContent == null || opts.excludeTagContent.includes(tagName) === false) {
         const tag = tagName === shadowRootTag ? "template" : tagName;
-        const childNodes = tagName === "template" ? node.content.childNodes : node.childNodes;
+        const childNodes = tagName === "template" ? node.content.childNodes : getChildNodes(node);
         const childNodeLength = childNodes.length;
         if (childNodeLength > 0) {
           if (childNodeLength === 1 && childNodes[0].nodeType === 3 /* TEXT_NODE */ && (typeof childNodes[0].nodeValue !== "string" || childNodes[0].nodeValue.trim() === "")) {
@@ -44382,6 +44862,13 @@ style="${cssText}">`;
               output.indent = output.indent + ((_h = opts.indentSpaces) != null ? _h : 0);
             }
             for (let i = 0; i < childNodeLength; i++) {
+              const sId = node.attributes.getNamedItem(HYDRATE_ID);
+              const isStencilDeclarativeShadowDOM = childNodes[i].nodeName.toLowerCase() === "template" && sId;
+              if (isStencilDeclarativeShadowDOM) {
+                yield `
+${" ".repeat(output.indent)}<!--r.${sId.value}-->`;
+                continue;
+              }
               yield* streamToHtml(childNodes[i], opts, output);
             }
             if (ignoreTag === false) {
@@ -44538,6 +45025,9 @@ function isWithinWhitespaceSensitive(node) {
   }
   return false;
 }
+function getChildNodes(node) {
+  return node.__childNodes || node.childNodes;
+}
 var NON_ESCAPABLE_CONTENT = /* @__PURE__ */ new Set([
   "STYLE",
   "SCRIPT",
@@ -44807,10 +45297,12 @@ var MockElement = class extends MockNode2 {
   attachInternals() {
     return new Proxy({}, {
       get: function(_target, prop, _receiver) {
-        console.error(
-          `NOTE: Property ${String(prop)} was accessed on ElementInternals, but this property is not implemented.
-Testing components with ElementInternals is fully supported in e2e tests.`
-        );
+        if ("process" in globalThis && globalThis.process.env.__STENCIL_SPEC_TESTS__) {
+          console.error(
+            `NOTE: Property ${String(prop)} was accessed on ElementInternals, but this property is not implemented.
+  Testing components with ElementInternals is fully supported in e2e tests.`
+          );
+        }
       }
     });
   }
@@ -45732,9 +46224,9 @@ function createElement(ownerDocument, tagName) {
       return new MockUListElement(ownerDocument);
   }
   if (ownerDocument != null && tagName.includes("-")) {
-    const win = ownerDocument.defaultView;
-    if (win != null && win.customElements != null) {
-      return createCustomElement(win.customElements, ownerDocument, tagName);
+    const win2 = ownerDocument.defaultView;
+    if (win2 != null && win2.customElements != null) {
+      return createCustomElement(win2.customElements, ownerDocument, tagName);
     }
   }
   return new MockHTMLElement(ownerDocument, tagName);
@@ -45780,6 +46272,9 @@ var MockAnchorElement = class extends MockHTMLElement {
     this.setAttribute("href", value);
   }
   get pathname() {
+    if (!this.href) {
+      return "";
+    }
     return new URL(this.href).pathname;
   }
 };
@@ -45797,6 +46292,11 @@ patchPropAttributes(
     type: "submit"
   }
 );
+Object.defineProperty(MockButtonElement.prototype, "form", {
+  get() {
+    return this.hasAttribute("form") ? this.getAttribute("form") : null;
+  }
+});
 var MockImageElement = class extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, "img");
@@ -46151,9 +46651,9 @@ var CanvasRenderingContext = class {
   }
   clearRect() {
   }
-  getImageData(_, __, w, h) {
+  getImageData(_, __, w, h2) {
     return {
-      data: new Array(w * h * 4)
+      data: new Array(w * h2 * 4)
     };
   }
   toDataURL() {
@@ -46215,9 +46715,9 @@ var MockCanvasElement = class extends MockHTMLElement {
 function fullUrl(elm, attrName) {
   const val = elm.getAttribute(attrName) || "";
   if (elm.ownerDocument != null) {
-    const win = elm.ownerDocument.defaultView;
-    if (win != null) {
-      const loc = win.location;
+    const win2 = elm.ownerDocument.defaultView;
+    if (win2 != null) {
+      const loc = win2.location;
       if (loc != null) {
         try {
           const url = new URL(val, loc.href);
@@ -46822,6 +47322,71 @@ function resetPerformance(perf) {
   }
 }
 
+// src/mock-doc/resize-observer.ts
+var MockResizeObserver = class {
+  constructor() {
+  }
+  disconnect() {
+  }
+  observe() {
+  }
+  takeRecords() {
+    return [];
+  }
+  unobserve() {
+  }
+};
+
+// src/mock-doc/shadow-root.ts
+var MockShadowRoot = class extends MockDocumentFragment {
+  get activeElement() {
+    return null;
+  }
+  set adoptedStyleSheets(_adoptedStyleSheets) {
+    throw new Error("Unimplemented");
+  }
+  get adoptedStyleSheets() {
+    return [];
+  }
+  get cloneable() {
+    return false;
+  }
+  get delegatesFocus() {
+    return false;
+  }
+  get fullscreenElement() {
+    return null;
+  }
+  get host() {
+    let parent = this.parentElement();
+    while (parent) {
+      if (parent.nodeType === 11) {
+        return parent;
+      }
+      parent = parent.parentElement();
+    }
+    return null;
+  }
+  get mode() {
+    return "open";
+  }
+  get pictureInPictureElement() {
+    return null;
+  }
+  get pointerLockElement() {
+    return null;
+  }
+  get serializable() {
+    return false;
+  }
+  get slotAssignment() {
+    return "named";
+  }
+  get styleSheets() {
+    return [];
+  }
+};
+
 // src/mock-doc/storage.ts
 var MockStorage = class {
   constructor() {
@@ -46851,11 +47416,11 @@ var MockStorage = class {
 };
 
 // src/mock-doc/window.ts
-var nativeClearInterval = clearInterval;
-var nativeClearTimeout = clearTimeout;
-var nativeSetInterval = setInterval;
-var nativeSetTimeout = setTimeout;
-var nativeURL = URL;
+var nativeClearInterval = globalThis.clearInterval;
+var nativeClearTimeout = globalThis.clearTimeout;
+var nativeSetInterval = globalThis.setInterval;
+var nativeSetTimeout = globalThis.setTimeout;
+var nativeURL = globalThis.URL;
 var nativeWindow = globalThis.window;
 var MockWindow = class {
   constructor(html = null) {
@@ -46922,10 +47487,10 @@ var MockWindow = class {
   }
   get Document() {
     if (this.__docCstr == null) {
-      const win = this;
+      const win2 = this;
       this.__docCstr = class extends MockDocument {
         constructor() {
-          super(false, win);
+          super(false, win2);
           throw new Error("Illegal constructor: cannot construct Document");
         }
       };
@@ -46950,6 +47515,9 @@ var MockWindow = class {
   set DocumentFragment(docFragCstr) {
     this.__docFragCstr = docFragCstr;
   }
+  get ShadowRoot() {
+    return MockShadowRoot;
+  }
   get DocumentType() {
     if (this.__docTypeCstr == null) {
       const ownerDocument = this.document;
@@ -47061,6 +47629,9 @@ var MockWindow = class {
   get IntersectionObserver() {
     return MockIntersectionObserver;
   }
+  get ResizeObserver() {
+    return MockResizeObserver;
+  }
   get localStorage() {
     if (this.__localStorage == null) {
       this.__localStorage = new MockStorage();
@@ -47442,14 +48013,14 @@ var MockWindow = class {
   }
 };
 addGlobalsToWindowPrototype(MockWindow.prototype);
-function resetWindowDefaults(win) {
-  win.__clearInterval = nativeClearInterval;
-  win.__clearTimeout = nativeClearTimeout;
-  win.__setInterval = nativeSetInterval;
-  win.__setTimeout = nativeSetTimeout;
-  win.__maxTimeout = 3e4;
-  win.__allowInterval = true;
-  win.URL = nativeURL;
+function resetWindowDefaults(win2) {
+  win2.__clearInterval = nativeClearInterval;
+  win2.__clearTimeout = nativeClearTimeout;
+  win2.__setInterval = nativeSetInterval;
+  win2.__setTimeout = nativeSetTimeout;
+  win2.__maxTimeout = 3e4;
+  win2.__allowInterval = true;
+  win2.URL = nativeURL;
 }
 function cloneWindow(srcWin, opts = {}) {
   if (srcWin == null) {
@@ -47468,72 +48039,72 @@ function cloneWindow(srcWin, opts = {}) {
   }
   return clonedWin;
 }
-function constrainTimeouts(win) {
-  win.__allowInterval = false;
-  win.__maxTimeout = 0;
+function constrainTimeouts(win2) {
+  win2.__allowInterval = false;
+  win2.__maxTimeout = 0;
 }
-function resetWindow(win) {
-  if (win != null) {
-    if (win.__timeouts) {
-      win.__timeouts.forEach((timeoutId) => {
+function resetWindow(win2) {
+  if (win2 != null) {
+    if (win2.__timeouts) {
+      win2.__timeouts.forEach((timeoutId) => {
         nativeClearInterval(timeoutId);
         nativeClearTimeout(timeoutId);
       });
-      win.__timeouts.clear();
+      win2.__timeouts.clear();
     }
-    if (win.customElements && win.customElements.clear) {
-      win.customElements.clear();
+    if (win2.customElements && win2.customElements.clear) {
+      win2.customElements.clear();
     }
-    resetDocument(win.document);
-    resetPerformance(win.performance);
-    for (const key in win) {
-      if (win.hasOwnProperty(key) && key !== "document" && key !== "performance" && key !== "customElements") {
-        delete win[key];
+    resetDocument(win2.document);
+    resetPerformance(win2.performance);
+    for (const key in win2) {
+      if (win2.hasOwnProperty(key) && key !== "document" && key !== "performance" && key !== "customElements") {
+        delete win2[key];
       }
     }
-    resetWindowDefaults(win);
-    resetWindowDimensions(win);
-    resetEventListeners(win);
-    if (win.document != null) {
+    resetWindowDefaults(win2);
+    resetWindowDimensions(win2);
+    resetEventListeners(win2);
+    if (win2.document != null) {
       try {
-        win.document.defaultView = win;
+        win2.document.defaultView = win2;
       } catch (e) {
       }
     }
-    win.fetch = null;
-    win.Headers = null;
-    win.Request = null;
-    win.Response = null;
-    win.FetchError = null;
+    win2.fetch = null;
+    win2.Headers = null;
+    win2.Request = null;
+    win2.Response = null;
+    win2.FetchError = null;
   }
 }
-function resetWindowDimensions(win) {
+function resetWindowDimensions(win2) {
   try {
-    win.devicePixelRatio = 1;
-    win.innerHeight = 768;
-    win.innerWidth = 1366;
-    win.pageXOffset = 0;
-    win.pageYOffset = 0;
-    win.screenLeft = 0;
-    win.screenTop = 0;
-    win.screenX = 0;
-    win.screenY = 0;
-    win.scrollX = 0;
-    win.scrollY = 0;
-    win.screen = {
-      availHeight: win.innerHeight,
+    win2.devicePixelRatio = 1;
+    win2.innerHeight = 768;
+    win2.innerWidth = 1366;
+    win2.pageXOffset = 0;
+    win2.pageYOffset = 0;
+    win2.screenLeft = 0;
+    win2.screenTop = 0;
+    win2.screenX = 0;
+    win2.screenY = 0;
+    win2.scrollX = 0;
+    win2.scrollY = 0;
+    win2.screen = {
+      availHeight: win2.innerHeight,
       availLeft: 0,
       availTop: 0,
-      availWidth: win.innerWidth,
+      availWidth: win2.innerWidth,
       colorDepth: 24,
-      height: win.innerHeight,
+      height: win2.innerHeight,
       keepAwake: false,
       orientation: {
         angle: 0,
         type: "portrait-primary"
       },
       pixelDepth: 24,
-      width: win.innerWidth
+      width: win2.innerWidth
     };
   } catch (e) {
   }
@@ -47541,11 +48112,11 @@ function resetWindowDimensions(win) {
 
 // src/mock-doc/document.ts
 var MockDocument = class _MockDocument extends MockHTMLElement {
-  constructor(html = null, win = null) {
+  constructor(html = null, win2 = null) {
     super(null, null);
     this.nodeName = "#document" /* DOCUMENT_NODE */;
     this.nodeType = 9 /* DOCUMENT_NODE */;
-    this.defaultView = win;
+    this.defaultView = win2;
     this.cookie = "";
     this.referrer = "";
     this.appendChild(this.createDocumentTypeNode());
@@ -47692,10 +48263,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);
   }
@@ -47735,10 +48306,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++) {
@@ -47747,25 +48318,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) {
     }
   }
@@ -47821,9 +48392,33 @@ function createWindowFromHtml(templateHtml, uniqueId) {
     templateWindow = new MockWindow(templateHtml);
     templateWindows.set(uniqueId, templateWindow);
   }
-  const win = cloneWindow(templateWindow);
-  return win;
+  const win2 = cloneWindow(templateWindow);
+  return win2;
 }
+var Build = {
+  isDev: BUILD.isDev ? true : false,
+  isBrowser: true,
+  isServer: false,
+  isTesting: BUILD.isTesting ? true : false
+};
+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"
+];
+var win = typeof window !== "undefined" ? window : {};
+var doc = win.document || { head: {} };
+var H = win.HTMLElement || class {
+};
+var supportsShadow = BUILD.shadowDom;
+var supportsConstructableStylesheets = BUILD.constructableCSS ? /* @__PURE__ */ (() => {
+  try {
+    new CSSStyleSheet();
+    return typeof new CSSStyleSheet().replaceSync === "function";
+  } catch (e) {
+  }
+  return false;
+})() : false;
 
 // src/utils/helpers.ts
 var isString = (v) => typeof v === "string";
@@ -47914,16 +48509,21 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
+var CAPTURE_EVENT_SUFFIX = "Capture";
+var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+
+// src/runtime/mode.ts
+var setMode = (handler) => modeResolutionChain.push(handler);
 
 // 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 {
@@ -47937,11 +48537,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();
@@ -48216,13 +48816,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
     });
@@ -48548,11 +49148,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 = "";
@@ -48650,12 +49250,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]);
       }
@@ -48788,49 +49388,49 @@ function collectAttributes(node) {
 var SKIP_ATTRS = /* @__PURE__ */ new Set(["s-id", "c-id"]);
 
 // src/hydrate/runner/patch-dom-implementation.ts
-function patchDomImplementation(doc, opts) {
-  let win;
-  if (doc.defaultView != null) {
+function patchDomImplementation(doc2, opts) {
+  let win2;
+  if (doc2.defaultView != null) {
     opts.destroyWindow = true;
-    patchWindow(doc.defaultView);
-    win = doc.defaultView;
+    patchWindow(doc2.defaultView);
+    win2 = doc2.defaultView;
   } else {
     opts.destroyWindow = true;
     opts.destroyDocument = false;
-    win = new MockWindow(false);
+    win2 = new MockWindow(false);
   }
-  if (win.document !== doc) {
-    win.document = doc;
+  if (win2.document !== doc2) {
+    win2.document = doc2;
   }
-  if (doc.defaultView !== win) {
-    doc.defaultView = win;
+  if (doc2.defaultView !== win2) {
+    doc2.defaultView = win2;
   }
-  const HTMLElement = doc.documentElement.constructor.prototype;
-  if (typeof HTMLElement.getRootNode !== "function") {
-    const elm = doc.createElement("unknown-element");
+  const HTMLElement2 = doc2.documentElement.constructor.prototype;
+  if (typeof HTMLElement2.getRootNode !== "function") {
+    const elm = doc2.createElement("unknown-element");
     const HTMLUnknownElement = elm.constructor.prototype;
     HTMLUnknownElement.getRootNode = getRootNode;
   }
-  if (typeof doc.createEvent === "function") {
-    const CustomEvent = doc.createEvent("CustomEvent").constructor;
-    if (win.CustomEvent !== CustomEvent) {
-      win.CustomEvent = CustomEvent;
+  if (typeof doc2.createEvent === "function") {
+    const CustomEvent2 = doc2.createEvent("CustomEvent").constructor;
+    if (win2.CustomEvent !== CustomEvent2) {
+      win2.CustomEvent = CustomEvent2;
     }
   }
   try {
-    win.__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"), win.location.href).href;
+          return new URL(baseElm.getAttribute("href"), win2.location.href).href;
         }
-        return win.location.href;
+        return win2.location.href;
       }
     });
   }
-  return win;
+  return win2;
 }
 function getRootNode(opts) {
   const isComposed = opts != null && opts.composed === true;
@@ -48983,10 +49583,10 @@ function renderCatchError(results, err2) {
 }
 
 // src/hydrate/runner/runtime-log.ts
-function runtimeLogging(win, opts, results) {
+function runtimeLogging(win2, opts, results) {
   try {
-    const pathname = win.location.pathname;
-    win.console.error = (...msgs) => {
+    const pathname = win2.location.pathname;
+    win2.console.error = (...msgs) => {
       const errMsg = msgs.reduce((errMsg2, m) => {
         if (m) {
           if (m.stack != null) {
@@ -49006,7 +49606,7 @@ function runtimeLogging(win, opts, results) {
         }
       }
     };
-    win.console.debug = (...msgs) => {
+    win2.console.debug = (...msgs) => {
       renderBuildDiagnostic(results, "debug", "Hydrate Debug", [...msgs].join(", "));
       if (opts.runtimeLogging) {
         runtimeLog(pathname, "debug", msgs);
@@ -49014,7 +49614,7 @@ function runtimeLogging(win, opts, results) {
     };
     if (opts.runtimeLogging) {
       ["log", "warn", "assert", "info", "trace"].forEach((type) => {
-        win.console[type] = (...msgs) => {
+        win2.console[type] = (...msgs) => {
           runtimeLog(pathname, type, msgs);
         };
       });
@@ -49028,58 +49628,64 @@ function runtimeLog(pathname, type, msgs) {
 }
 
 // src/hydrate/runner/window-initialize.ts
-function initializeWindow(win, doc, opts, results) {
+var docData = {
+  hostIds: 0,
+  rootLevelIds: 0,
+  staticComponents: /* @__PURE__ */ new Set()
+};
+function initializeWindow(win2, doc2, opts, results) {
   if (typeof opts.url === "string") {
     try {
-      win.location.href = opts.url;
+      win2.location.href = opts.url;
     } catch (e) {
     }
   }
   if (typeof opts.userAgent === "string") {
     try {
-      win.navigator.userAgent = opts.userAgent;
+      win2.navigator.userAgent = opts.userAgent;
     } catch (e) {
     }
   }
   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) {
     }
   }
   try {
-    win.customElements = null;
+    win2.customElements = null;
   } catch (e) {
   }
   if (opts.constrainTimeouts) {
-    constrainTimeouts(win);
+    constrainTimeouts(win2);
   }
-  runtimeLogging(win, opts, results);
-  return win;
+  runtimeLogging(win2, opts, results);
+  doc2[STENCIL_DOC_DATA] = docData;
+  return win2;
 }
 
 // src/hydrate/runner/render.ts
@@ -49096,44 +49702,44 @@ 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 win = null;
+  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;
-      win = new MockWindow(doc);
+      win2 = new MockWindow(doc2);
       if (!asStream) {
-        return render(win, opts, results).then(() => results);
+        return render(win2, opts, results).then(() => results);
       }
-      return renderStream(win, opts, results);
+      return renderStream(win2, opts, results);
     } catch (e) {
-      if (win && win.close) {
-        win.close();
+      if (win2 && win2.close) {
+        win2.close();
       }
-      win = null;
+      win2 = null;
       renderCatchError(results, e);
       return Promise.resolve(results);
     }
   }
-  if (isValidDocument(doc)) {
+  if (isValidDocument(doc2)) {
     try {
       opts.destroyDocument = false;
-      win = patchDomImplementation(doc, opts);
+      win2 = patchDomImplementation(doc2, opts);
       if (!asStream) {
-        return render(win, opts, results).then(() => results);
+        return render(win2, opts, results).then(() => results);
       }
-      return renderStream(win, opts, results);
+      return renderStream(win2, opts, results);
     } catch (e) {
-      if (win && win.close) {
-        win.close();
+      if (win2 && win2.close) {
+        win2.close();
       }
-      win = null;
+      win2 = null;
       renderCatchError(results, e);
       return Promise.resolve(results);
     }
@@ -49141,75 +49747,81 @@ function hydrateDocument(doc, options, asStream) {
   renderBuildError(results, `Invalid html or document. Must be either a valid "html" string, or DOM "document".`);
   return Promise.resolve(results);
 }
-async function render(win, opts, results) {
+async function render(win2, opts, results) {
   if ("process" in globalThis && typeof process.on === "function" && !process.__stencilErrors) {
     process.__stencilErrors = true;
     process.on("unhandledRejection", (e) => {
       console.log("unhandledRejection", e);
     });
   }
-  initializeWindow(win, win.document, opts, results);
+  initializeWindow(win2, win2.document, opts, results);
   const beforeHydrateFn = typeof opts.beforeHydrate === "function" ? opts.beforeHydrate : NOOP;
   try {
-    await Promise.resolve(beforeHydrateFn(win.document));
-    return new Promise((resolve) => hydrateFactory(win, opts, results, afterHydrate, resolve));
+    await Promise.resolve(beforeHydrateFn(win2.document));
+    return new Promise((resolve) => {
+      if (Array.isArray(opts.modes)) {
+        modeResolutionChain.length = 0;
+        opts.modes.forEach((mode) => setMode(mode));
+      }
+      return hydrateFactory(win2, opts, results, afterHydrate, resolve);
+    });
   } catch (e) {
     renderCatchError(results, e);
-    return finalizeHydrate(win, win.document, opts, results);
+    return finalizeHydrate(win2, win2.document, opts, results);
   }
 }
-function renderStream(win, opts, results) {
+function renderStream(win2, opts, results) {
   async function* processRender() {
-    const renderResult = await render(win, opts, results);
+    const renderResult = await render(win2, opts, results);
     yield renderResult.html;
   }
   return Readable.from(processRender());
 }
-async function afterHydrate(win, opts, results, resolve) {
+async function afterHydrate(win2, opts, results, resolve) {
   const afterHydrateFn = typeof opts.afterHydrate === "function" ? opts.afterHydrate : NOOP;
   try {
-    await Promise.resolve(afterHydrateFn(win.document));
-    return resolve(finalizeHydrate(win, win.document, opts, results));
+    await Promise.resolve(afterHydrateFn(win2.document));
+    return resolve(finalizeHydrate(win2, win2.document, opts, results));
   } catch (e) {
     renderCatchError(results, e);
-    return resolve(finalizeHydrate(win, win.document, opts, results));
+    return resolve(finalizeHydrate(win2, win2.document, opts, results));
   }
 }
-function finalizeHydrate(win, 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) {
@@ -49219,35 +49831,35 @@ function finalizeHydrate(win, 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(win, doc, opts, results);
+  destroyWindow(win2, doc2, opts, results);
   return results;
 }
-function destroyWindow(win, doc, opts, results) {
+function destroyWindow(win2, doc2, opts, results) {
   if (!opts.destroyWindow) {
     return;
   }
   try {
     if (!opts.destroyDocument) {
-      win.document = null;
-      doc.defaultView = null;
+      win2.document = null;
+      doc2.defaultView = null;
     }
-    if (win.close) {
-      win.close();
+    if (win2.close) {
+      win2.close();
     }
   } catch (e) {
     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,
@@ -49259,8 +49871,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;