@biggive/components 202407011202.0.0 → 202407051353.0.0

package/hydrate/index.js

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var stream = require('stream');
-
 function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResults, $stencilAfterHydrate, $stencilHydrateResolve) {
   var globalThis = $stencilWindow;
   var self = $stencilWindow;
@@ -127,7 +125,7 @@ const NAMESPACE = 'biggive';
 const BUILD = /* biggive */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: false, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
- Stencil Hydrate Platform v4.19.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.18.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -152,6 +150,7 @@ var isComplexType = (o) => {
   o = typeof o;
   return o === "object" || o === "function";
 };
+var isPromise = (v) => !!v && (typeof v === "object" || typeof v === "function") && typeof v.then === "function";
 
 // src/utils/query-nonce-meta-tag-content.ts
 function queryNonceMetaTagContent(doc2) {
@@ -582,21 +581,19 @@ var registerStyle = (scopeId2, cssText, allowCS) => {
 };
 var addStyle = (styleContainerNode, cmpMeta, mode) => {
   var _a;
-  const styleContainerDocument = styleContainerNode;
-  const styleContainerShadowRoot = styleContainerNode;
   const scopeId2 = getScopeId(cmpMeta);
   const style = styles.get(scopeId2);
   styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
   if (style) {
     if (typeof style === "string") {
-      styleContainerNode = styleContainerDocument.head || styleContainerNode;
+      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 (styleContainerShadowRoot.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
+        if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
           styleElm.innerHTML = style;
         } else {
           styleElm = doc.createElement("style");
@@ -627,7 +624,7 @@ var attachStyles = (hostRef) => {
   const flags = cmpMeta.$flags$;
   const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
   const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    elm.getRootNode(),
     cmpMeta);
   if (flags & 10 /* needsScopedEncapsulation */) {
     elm["s-sc"] = scopeId2;
@@ -791,7 +788,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     }
     elm = newVNode2.$elm$ = doc.createElementNS(
       isSvgMode ? SVG_NS : HTML_NS,
-      !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
+      newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
     ) ;
     if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
       isSvgMode = false;
@@ -1142,7 +1139,6 @@ var insertBefore = (parent, newNode, reference) => {
 var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   var _a, _b, _c, _d;
   const hostElm = hostRef.$hostElement$;
-  const cmpMeta = hostRef.$cmpMeta$;
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
   const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
   hostTagName = hostElm.tagName;
@@ -1160,7 +1156,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   {
     scopeId = hostElm["s-sc"];
   }
-  useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
+  useNativeShadowDom = supportsShadow ;
   {
     contentRef = hostElm["s-cr"];
     checkSlotFallbackVisibility = false;
@@ -1277,10 +1273,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
-var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
-  console.error(err2);
-  fn();
-}) : fn();
+var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn) : fn();
 var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
 var updateComponent = async (hostRef, instance, isInitialLoad) => {
   var _a;
@@ -1461,13 +1454,13 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 
 // src/runtime/proxy-component.ts
 var proxyComponent = (Cstr, cmpMeta, flags) => {
-  var _a, _b;
+  var _a;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
-    if (Cstr.watchers && !cmpMeta.$watchers$) {
+  if (cmpMeta.$members$) {
+    if (Cstr.watchers) {
       cmpMeta.$watchers$ = Cstr.watchers;
     }
-    const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+    const members = Object.entries(cmpMeta.$members$);
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
         Object.defineProperty(prototype, memberName, {
@@ -1523,7 +1516,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
       };
       Cstr.observedAttributes = Array.from(
         /* @__PURE__ */ new Set([
-          ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
+          ...Object.keys((_a = cmpMeta.$watchers$) != null ? _a : {}),
           ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
             const attrName = m[1] || propName;
             attrNameToPropName.set(attrName, propName);
@@ -1583,10 +1576,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
     if (Cstr && Cstr.style) {
-      let style;
-      if (typeof Cstr.style === "string") {
-        style = Cstr.style;
-      }
+      let style = Cstr.style;
       const scopeId2 = getScopeId(cmpMeta);
       if (!styles.has(scopeId2)) {
         const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
@@ -1618,10 +1608,6 @@ var connectedCallback = (elm) => {
       {
         hostId = elm.getAttribute(HYDRATE_ID);
         if (hostId) {
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            const scopeId2 = addStyle(elm.shadowRoot, cmpMeta);
-            elm.classList.remove(scopeId2 + "-h", scopeId2 + "-s");
-          }
           initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef);
         }
       }
@@ -1710,7 +1696,6 @@ var insertVdomAnnotations = (doc2, staticComponents) => {
   }
 };
 var parseVNodeAnnotations = (doc2, node, docData, orgLocationNodes) => {
-  var _a;
   if (node == null) {
     return;
   }
@@ -1718,8 +1703,7 @@ var parseVNodeAnnotations = (doc2, node, docData, orgLocationNodes) => {
     orgLocationNodes.push(node);
   }
   if (node.nodeType === 1 /* ElementNode */) {
-    const childNodes = [...Array.from(node.childNodes), ...Array.from(((_a = node.shadowRoot) == null ? void 0 : _a.childNodes) || [])];
-    childNodes.forEach((childNode) => {
+    node.childNodes.forEach((childNode) => {
       const hostRef = getHostRef(childNode);
       if (hostRef != null && !docData.staticComponents.has(childNode.nodeName.toLowerCase())) {
         const cmpData = {
@@ -1800,53 +1784,44 @@ var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, ind
 var hAsync = (nodeName, vnodeData, ...children) => {
   if (Array.isArray(children) && children.length > 0) {
     const flatChildren = children.flat(Infinity);
-    if (flatChildren.some((child) => child instanceof Promise)) {
+    if (flatChildren.some(isPromise)) {
       return Promise.all(flatChildren).then((resolvedChildren) => {
         return h(nodeName, vnodeData, ...resolvedChildren);
       }).catch((err2) => {
         return h(nodeName, vnodeData);
       });
     }
-    return h(nodeName, vnodeData, ...flatChildren);
+    return h(nodeName, vnodeData, ...children);
   }
   return h(nodeName, vnodeData);
 };
-function proxyHostElement(elm, cmpMeta, opts) {
+
+// src/hydrate/platform/proxy-host-element.ts
+function proxyHostElement(elm, cmpMeta) {
   if (typeof elm.componentOnReady !== "function") {
     elm.componentOnReady = componentOnReady;
   }
   if (typeof elm.forceUpdate !== "function") {
     elm.forceUpdate = forceUpdate2;
   }
-  if (!elm.shadowRoot && !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-    if (opts.serializeShadowRoot) {
-      elm.attachShadow({ mode: "open" });
-    } else {
-      elm.shadowRoot = elm;
-    }
+  if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+    elm.shadowRoot = elm;
   }
   if (cmpMeta.$members$ != null) {
     const hostRef = getHostRef(elm);
     const members = Object.entries(cmpMeta.$members$);
     members.forEach(([memberName, m]) => {
-      var _a, _b;
       const memberFlags = m[0];
       if (memberFlags & 31 /* Prop */) {
         const attributeName = m[1] || memberName;
-        let attrValue = elm.getAttribute(attributeName);
-        if ((attrValue == null ? void 0 : attrValue.startsWith("{")) && attrValue.endsWith("}") || (attrValue == null ? void 0 : attrValue.startsWith("[")) && attrValue.endsWith("]")) {
-          try {
-            attrValue = JSON.parse(attrValue);
-          } catch (e) {
-          }
-        }
+        const attrValue = elm.getAttribute(attributeName);
         if (attrValue != null) {
           const parsedAttrValue = parsePropertyValue(attrValue, memberFlags);
-          (_a = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _a.set(memberName, parsedAttrValue);
+          hostRef.$instanceValues$.set(memberName, parsedAttrValue);
         }
         const ownValue = elm[memberName];
         if (ownValue !== void 0) {
-          (_b = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b.set(memberName, ownValue);
+          hostRef.$instanceValues$.set(memberName, ownValue);
           delete elm[memberName];
         }
         Object.defineProperty(elm, memberName, {
@@ -1862,12 +1837,8 @@ function proxyHostElement(elm, cmpMeta, opts) {
       } else if (memberFlags & 64 /* Method */) {
         Object.defineProperty(elm, memberName, {
           value(...args) {
-            var _a2;
             const ref = getHostRef(this);
-            return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
-              var _a3;
-              return (_a3 = ref == null ? void 0 : ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
-            }).catch(consoleError);
+            return ref.$onInstancePromise$.then(() => ref.$lazyInstance$[memberName](...args)).catch(consoleError);
           }
         });
       }
@@ -1875,8 +1846,7 @@ function proxyHostElement(elm, cmpMeta, opts) {
   }
 }
 function componentOnReady() {
-  var _a;
-  return (_a = getHostRef(this)) == null ? void 0 : _a.$onReadyPromise$;
+  return getHostRef(this).$onReadyPromise$;
 }
 function forceUpdate2() {
 }
@@ -1892,7 +1862,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
   let tmrId;
   let ranCompleted = false;
   function hydratedComplete() {
-    globalThis.clearTimeout(tmrId);
+    global.clearTimeout(tmrId);
     createdElements.clear();
     connectedElements.clear();
     if (!ranCompleted) {
@@ -1933,7 +1903,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
             createdElements.add(elm);
             elm.connectedCallback = patchedConnectedCallback2;
             registerHost(elm, Cstr.cmpMeta);
-            proxyHostElement(elm, Cstr.cmpMeta, opts);
+            proxyHostElement(elm, Cstr.cmpMeta);
           }
         }
       }
@@ -1971,7 +1941,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
       patchElement2(elm);
       return elm;
     };
-    tmrId = globalThis.setTimeout(timeoutExceeded, opts.timeout);
+    tmrId = global.setTimeout(timeoutExceeded, opts.timeout);
     plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./", doc.baseURI).href;
     patchChild2(win2.document.body);
     waitLoop2().then(hydratedComplete).catch(hydratedError);
@@ -1990,7 +1960,6 @@ async function hydrateComponent(win2, results, tagName, elm, waitingElements) {
     const cmpMeta = Cstr.cmpMeta;
     if (cmpMeta != null) {
       waitingElements.add(elm);
-      getHostRef(this);
       try {
         connectedCallback(elm);
         await elm.componentOnReady();
@@ -2161,7 +2130,7 @@ var registerComponents = (Cstrs) => {
 var win = window;
 var doc = win.document;
 var writeTask = (cb) => {
-  nextTick(() => {
+  process.nextTick(() => {
     try {
       cb();
     } catch (e) {
@@ -2186,7 +2155,7 @@ var plt = {
   rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
   ce: (eventName, opts) => new win.CustomEvent(eventName, opts)
 };
-var supportsShadow = BUILD.shadowDom;
+var supportsShadow = false;
 var hostRefs = /* @__PURE__ */ new WeakMap();
 var getHostRef = (ref) => hostRefs.get(ref);
 var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
@@ -5049,7 +5018,7 @@ class BiggiveTable {
     }; }
 }
 
-const biggiveTextInputCss = "/*!@a*/a.sc-biggive-text-input{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-text-input:hover{text-decoration:none}/*!@.space-above-0*/.space-above-0.sc-biggive-text-input{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-text-input{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-text-input{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-text-input{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-text-input{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-text-input{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-text-input{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-text-input{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-text-input{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-text-input{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-text-input{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-text-input{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-text-input{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-text-input{margin-bottom:60px}/*!@:host*/.sc-biggive-text-input-h{display:contents}/*!@::slotted([slot=label])*/.sc-biggive-text-input-s>[slot=label]{display:inline-block;overflow:hidden;line-height:1.2;max-height:2rem}/*!@.text-input*/.text-input.sc-biggive-text-input{position:relative;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}/*!@.text-input .currency-symbol*/.text-input.sc-biggive-text-input .currency-symbol.sc-biggive-text-input{position:absolute}/*!@.text-input .prompt*/.text-input.sc-biggive-text-input .prompt.sc-biggive-text-input{position:absolute;z-index:2;font-size:small;top:-1em;background-color:#F6F6F6;left:4em;padding-left:1em;padding-right:1em;color:#2C089B}/*!@.text-input.select-style-bordered .sleeve*/.text-input.select-style-bordered.sc-biggive-text-input .sleeve.sc-biggive-text-input{font-size:24px;line-height:30px;font-weight:bolder;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}/*!@.text-input.select-style-bordered .sleeve .inner-sleave*/.text-input.select-style-bordered.sc-biggive-text-input .sleeve.sc-biggive-text-input .inner-sleave.sc-biggive-text-input{background-color:#F6F6F6;color:#2C089B;display:block;position:relative;padding:10px 30px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}/*!@.text-input.select-style-bordered .sleeve .inner-sleave:after*/.text-input.select-style-bordered.sc-biggive-text-input .sleeve.sc-biggive-text-input .inner-sleave.sc-biggive-text-input:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}";
+const biggiveTextInputCss = "/*!@a*/a.sc-biggive-text-input{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-text-input:hover{text-decoration:none}/*!@.space-above-0*/.space-above-0.sc-biggive-text-input{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-text-input{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-text-input{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-text-input{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-text-input{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-text-input{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-text-input{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-text-input{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-text-input{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-text-input{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-text-input{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-text-input{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-text-input{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-text-input{margin-bottom:60px}/*!@:host*/.sc-biggive-text-input-h{display:contents}/*!@::slotted([slot=label])*/.sc-biggive-text-input-s>[slot=label]{display:inline-block;line-height:1.2}/*!@.text-input*/.text-input.sc-biggive-text-input{position:relative;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}/*!@.text-input .currency-symbol*/.text-input.sc-biggive-text-input .currency-symbol.sc-biggive-text-input{position:absolute}/*!@.text-input .prompt*/.text-input.sc-biggive-text-input .prompt.sc-biggive-text-input{position:relative;z-index:2;font-size:small;top:1em;left:4em;color:#2C089B;max-width:calc(100% - 10em);display:inline-block}/*!@.text-input .prompt > span*/.text-input.sc-biggive-text-input .prompt.sc-biggive-text-input>span.sc-biggive-text-input{padding-left:1em;padding-right:1em;background-color:#F6F6F6}/*!@.text-input.select-style-bordered .sleeve*/.text-input.select-style-bordered.sc-biggive-text-input .sleeve.sc-biggive-text-input{font-size:24px;line-height:30px;font-weight:bolder;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}/*!@.text-input.select-style-bordered .sleeve .inner-sleave*/.text-input.select-style-bordered.sc-biggive-text-input .sleeve.sc-biggive-text-input .inner-sleave.sc-biggive-text-input{background-color:#F6F6F6;color:#2C089B;display:block;position:relative;padding:10px 30px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}/*!@.text-input.select-style-bordered .sleeve .inner-sleave:after*/.text-input.select-style-bordered.sc-biggive-text-input .sleeve.sc-biggive-text-input .inner-sleave.sc-biggive-text-input:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}";
 var BiggiveTextInputStyle0 = biggiveTextInputCss;
 
 /**
@@ -5068,7 +5037,7 @@ class BiggiveTextInput {
     }
     render() {
         const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
-        return (hAsync("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, hAsync("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "sleeve" }, hAsync("div", { key: 'f32cade700915ce064666fdee46b28476349be8e', class: "inner-sleave" }, currencySymbol && hAsync("span", { key: '3e9a77fff56541d0f506e0948ad8d0f67303cfab', class: "currency-symbol" }, currencySymbol), hAsync("slot", { key: 'acc98864810398c93a700526befdf4f98cb77454', name: "input" }), hAsync("div", { key: 'bb09a754c20170febb760874c6889fd9a66c0bb6', style: { clear: 'both' } }))), hAsync("div", { key: '6ef14a6be5a079ef58d7b2d282653fe18979effa', class: "prompt" }, hAsync("slot", { key: '56cfe3e2634039f26ca66d735212db40402af0f3', name: "label" }))));
+        return (hAsync("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, hAsync("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "prompt" }, hAsync("span", { key: 'cf5709fd0523b21f1394644f6b0ec95f4069b3d1' }, hAsync("slot", { key: 'e2eb724b1d687b200b295c2b6b4fcf59bfd73b28', name: "label" }))), hAsync("div", { key: 'd49549bef8a7781c94d51741721fe550e2ae6944', class: "sleeve" }, hAsync("div", { key: '32f5213fa9a550c898023097b8333c8b3dacbbe4', class: "inner-sleave" }, currencySymbol && hAsync("span", { key: '31b5ef3de41e506e5c80cc3e8320041a83c061a6', class: "currency-symbol" }, currencySymbol), hAsync("slot", { key: 'e9b67fe16688e94c48545d5d247900b0ce7f90c0', name: "input" }), hAsync("div", { key: '18571720cfaaafecbc6ff5888f86dae5f1a68b1a', style: { clear: 'both' } })))));
     }
     static get style() { return BiggiveTextInputStyle0; }
     static get cmpMeta() { return {
@@ -5197,7 +5166,7 @@ class BiggiveTimeline {
         });
     }
     render() {
-        return (hAsync("div", { key: 'fa8bc2fb86be98dd21ee5494da948ce839f483f4', class: 'container space-below-' +
+        return (hAsync("div", { key: 'a57df2794d8055ce13518c748935a4f44933ea60', class: 'container space-below-' +
                 this.spaceBelow +
                 ' text-colour-' +
                 this.textColour +
@@ -5220,7 +5189,7 @@ class BiggiveTimeline {
                 ' entry-title-colour-' +
                 this.entryTitleColour +
                 ' entry-text-colour-' +
-                this.entryTextColour }, hAsync("div", { key: '097d5ef7c11cd5e73666594b5099da38cbb4b29b', class: "navigation" }, hAsync("div", { key: 'bb85b967ef6c15b0b49533d0a3820fc337ff2bb1', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, hAsync("svg", { key: '29e2f16187bbf3f47bb4d773198aefcdd16bf3ad', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '798e2e22578394b01f89612a9e866a1f766d3832', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), hAsync("div", { key: 'c10178f94868c2202996e9c9fd64512f24d41a11', class: "sleeve" }, hAsync("ul", { key: 'eec78251afe1e1afbdcc42dcb4dd38769cd0fdeb' }, this.tabHeadings.map(tab => (hAsync("li", { onClick: this.clickTabHandler }, tab))))), hAsync("div", { key: '464ed69f9c70507d906f2612184cabf00ee820d4', class: "button next", onClick: this.clickNextHandler, title: "Next" }, hAsync("svg", { key: '88c486dfff1662f2e53d9c9fb2c50e74e3a0147f', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '41aa9514369b430d8aa40489a85a87532affe6af', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), hAsync("div", { key: '0d1eb2f1a1f5f2db8fdafc1e6b012632a0c7f538', class: "entry-wrap" }, this.children.map(entry => (hAsync("div", { class: "entry", "data-date": entry.date }, hAsync("h4", { class: "title" }, entry.heading), hAsync("div", { class: "content", innerHTML: entry.innerHTML })))))));
+                this.entryTextColour }, hAsync("div", { key: '53ad5ad6059aaa115f64d42d1731fce34e1c46ef', class: "navigation" }, hAsync("div", { key: 'eae1b0def646a91b30040d7ab05c01600a482644', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, hAsync("svg", { key: '40b32928ff3177d5e3506f3a9c7a3d58d2280506', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'ab8683532aa056324f06d41ee01b7304752531a8', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), hAsync("div", { key: '2011d417b4e60e81527858e2e5e22dfb36a53ffb', class: "sleeve" }, hAsync("ul", { key: '4b4ef5d98bfcd52c615c741631ec911b932e0345' }, this.tabHeadings.map(tab => (hAsync("li", { onClick: this.clickTabHandler }, tab))))), hAsync("div", { key: 'd6e7e7ff1394336771e347a478ec06072a227322', class: "button next", onClick: this.clickNextHandler, title: "Next" }, hAsync("svg", { key: '20120afb075a25f07ee5024236b7ee50ec8d588f', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '4c0ee26f7f38377cf5447c8ae0874f155fcd73e5', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), hAsync("div", { key: 'f273403a0a687014dc17a109adb2bbf51b942e16', class: "entry-wrap" }, this.children.map(entry => (hAsync("div", { class: "entry", "data-date": entry.date }, hAsync("h4", { class: "title" }, entry.heading), hAsync("div", { class: "content", innerHTML: entry.innerHTML })))))));
     }
     get host() { return getElement(this); }
     static get style() { return BiggiveTimelineStyle0; }
@@ -5360,7 +5329,7 @@ class BiggiveTotalizer {
         });
     }
     render() {
-        return (hAsync("div", { key: '4d37766b4264fb16d9c0be792e274efe11ccfbc1', class: 'container space-below-' + this.spaceBelow }, hAsync("div", { key: '6d04f32e3a29042745e1dc06d3b3c1c7a95b1b06' }, hAsync("div", { key: '96b11040780b124cdc881e3f1669eeb04db542a3', class: "banner" }, hAsync("div", { key: '52695640c2813a6d63af7bcac8cff69ea6f4b113', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), hAsync("div", { key: '57dbca3cb2d90bd330fb38e2a8b9f3079a3f8ffa', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, hAsync("div", { key: '311e5f5947f21164e6ef0bb0fd6174abdc939ba5', id: "sleeve_1", class: "sleeve" }, hAsync("slot", { key: '1edb6c4b750eb30ce24d4399585e4e41b3d42d55', name: "ticker-items" })), hAsync("div", { key: '2969e3b01c8564b617fc51b65352d17177a30d86', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), hAsync("div", { key: '2420db0ca8a8c6402b5131e9190f66766dbeee68', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), hAsync("div", { key: '447de575a80b4a0631d16846a4d2192331b1627a', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
+        return (hAsync("div", { key: '0a641bcc948659a2d6b6587d5efdd23ff6da7705', class: 'container space-below-' + this.spaceBelow }, hAsync("div", { key: 'c0e2028f8e7ec5305352dd3fab47f5c493744cb1' }, hAsync("div", { key: '87151730dff0b6f75aa74e4fb115cac5d3377f04', class: "banner" }, hAsync("div", { key: '9cb1831926391a6921f4de0214713b3c6af9c7ca', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), hAsync("div", { key: '1bc43d9a74377bee92bc2194ffba9289b81a612b', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, hAsync("div", { key: 'e7cc45b5e947d8efd3dcf852b1fdaeb2f6c986f0', id: "sleeve_1", class: "sleeve" }, hAsync("slot", { key: '36e49a0f66953419f0697af3cfac3c02edcb386b', name: "ticker-items" })), hAsync("div", { key: 'd1a0416c893816a97644d2230b0cd860594cc032', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), hAsync("div", { key: '5b4337fa1cc0a7ac1f4142b42061642b2f005c49', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), hAsync("div", { key: '40d9274a8354e4f8611cdc3d95e6697a6aa02e2c', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
     }
     get host() { return getElement(this); }
     static get style() { return BiggiveTotalizerStyle0; }
@@ -5391,7 +5360,7 @@ class BiggiveTotalizerTickerItem {
         this.label = undefined;
     }
     render() {
-        return (hAsync("div", { key: '53075748d4c29a33ddf4314471741545cc6daa62', class: "ticker-item" }, hAsync("strong", { key: '09b973f9fcfdd3112fb9ecb08b20495d74b38b9d' }, this.figure), " ", this.label));
+        return (hAsync("div", { key: '92caa81db03fc9871cc7f6c0e5e75ef30bf29e4d', class: "ticker-item" }, hAsync("strong", { key: '494dee81a7ff6b6dcca2aeb96f8f3d4b26e5bc40' }, this.figure), " ", this.label));
     }
     static get style() { return BiggiveTotalizerTickerItemStyle0; }
     static get cmpMeta() { return {
@@ -5433,7 +5402,7 @@ class BiggiveVideo {
         this.videoUrl = '';
     }
     render() {
-        return (hAsync("div", { key: '1c1e2ed35f62d9bd5ca3677dcac66a34b6b07614', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { key: '7fb5c857c6faf3606fb71ddd2bea3329690b8f78', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
+        return (hAsync("div", { key: '2f45734791082583b92524301e96c2d83200a133', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { key: 'dd6b41cb1449af2b1dcf81b8f58794ac87847f70', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
     }
     static get style() { return BiggiveVideoStyle0; }
     static get cmpMeta() { return {
@@ -5472,7 +5441,7 @@ class BiggiveVideoFeature {
     }
     render() {
         const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
-        return (hAsync("div", { key: '7c2440bc61a076a571fa3a213b02187aaaaae28e', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { key: '7c32872daa32bf15194e47e5265d30d61e33bada', class: "sleeve" }, hAsync("div", { key: 'c6a0908c944cf4c9fb8e33a98a456b56f5a70e6c', class: "content-wrap" }, hAsync("div", { key: 'd05d7dac6716c97c7fb59a33189055f94006cb5b', class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h2", { key: 'aa590bc910a50e7acb7e95c512bb024059fc1726', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { key: '314725649fd3653bf20cc0cece774c8544a451cc', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), hAsync("div", { key: '37f59615e397bfc88ce6f60ec9dc642af1b231fd', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (hAsync("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
+        return (hAsync("div", { key: 'ca1e7e592f4bee2865b0e90150ac798b35d3f38c', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { key: '71d0b0630cc2038115126e07cbe1f6825dfe78bd', class: "sleeve" }, hAsync("div", { key: 'e7b4d335f1ea2730fa31184bff3ffc9e4455f5b1', class: "content-wrap" }, hAsync("div", { key: '075dc776d1ed6ef1e144d5697cd8269397fb6486', class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h2", { key: 'f0fbd716c44291e3edf29c2decd58d8a93124207', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { key: '7f70d22683ea00f100173e3e4034fc51468efffa', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), hAsync("div", { key: '842ee1a7ad83124ab52172ee17ac160944801a85', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (hAsync("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
     }
     static get style() { return BiggiveVideoFeatureStyle0; }
     static get cmpMeta() { return {
@@ -5565,7 +5534,7 @@ exports.hydrateApp = hydrateApp;
 }
 
 /*
- Stencil Hydrate Runner v4.19.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.18.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -15963,50 +15932,67 @@ function humanReadableList(items) {
 }
 
 // src/mock-doc/serialize-node.ts
-function normalizeSerializationOptions(opts = {}) {
-  return {
-    ...opts,
-    outerHtml: typeof opts.outerHtml !== "boolean" ? false : opts.outerHtml,
-    ...opts.prettyHtml ? {
-      indentSpaces: typeof opts.indentSpaces !== "number" ? 2 : opts.indentSpaces,
-      newLines: typeof opts.newLines !== "boolean" ? true : opts.newLines
-    } : {
-      prettyHtml: false,
-      indentSpaces: typeof opts.indentSpaces !== "number" ? 0 : opts.indentSpaces,
-      newLines: typeof opts.newLines !== "boolean" ? false : opts.newLines
-    },
-    approximateLineWidth: typeof opts.approximateLineWidth !== "number" ? -1 : opts.approximateLineWidth,
-    removeEmptyAttributes: typeof opts.removeEmptyAttributes !== "boolean" ? true : opts.removeEmptyAttributes,
-    removeAttributeQuotes: typeof opts.removeAttributeQuotes !== "boolean" ? false : opts.removeAttributeQuotes,
-    removeBooleanAttributeQuotes: typeof opts.removeBooleanAttributeQuotes !== "boolean" ? false : opts.removeBooleanAttributeQuotes,
-    removeHtmlComments: typeof opts.removeHtmlComments !== "boolean" ? false : opts.removeHtmlComments,
-    serializeShadowRoot: typeof opts.serializeShadowRoot !== "boolean" ? false : opts.serializeShadowRoot,
-    fullDocument: typeof opts.fullDocument !== "boolean" ? true : opts.fullDocument
-  };
-}
-function serializeNodeToHtml(elm, serializationOptions = {}) {
-  const opts = normalizeSerializationOptions(serializationOptions);
+function serializeNodeToHtml(elm, opts = {}) {
   const output = {
     currentLineWidth: 0,
     indent: 0,
     isWithinBody: false,
     text: []
   };
-  let renderedNode = "";
-  const children = !opts.fullDocument && elm.body ? Array.from(elm.body.childNodes) : opts.outerHtml ? [elm] : Array.from(elm.childNodes);
-  for (let i = 0, ii = children.length; i < ii; i++) {
-    const child = children[i];
-    const chunks = Array.from(streamToHtml(child, opts, output));
-    renderedNode += chunks.join("");
+  if (opts.prettyHtml) {
+    if (typeof opts.indentSpaces !== "number") {
+      opts.indentSpaces = 2;
+    }
+    if (typeof opts.newLines !== "boolean") {
+      opts.newLines = true;
+    }
+    opts.approximateLineWidth = -1;
+  } else {
+    opts.prettyHtml = false;
+    if (typeof opts.newLines !== "boolean") {
+      opts.newLines = false;
+    }
+    if (typeof opts.indentSpaces !== "number") {
+      opts.indentSpaces = 0;
+    }
+  }
+  if (typeof opts.approximateLineWidth !== "number") {
+    opts.approximateLineWidth = -1;
+  }
+  if (typeof opts.removeEmptyAttributes !== "boolean") {
+    opts.removeEmptyAttributes = true;
   }
-  return renderedNode.trim();
+  if (typeof opts.removeAttributeQuotes !== "boolean") {
+    opts.removeAttributeQuotes = false;
+  }
+  if (typeof opts.removeBooleanAttributeQuotes !== "boolean") {
+    opts.removeBooleanAttributeQuotes = false;
+  }
+  if (typeof opts.removeHtmlComments !== "boolean") {
+    opts.removeHtmlComments = false;
+  }
+  if (typeof opts.serializeShadowRoot !== "boolean") {
+    opts.serializeShadowRoot = false;
+  }
+  if (opts.outerHtml) {
+    serializeToHtml(elm, opts, output, false);
+  } else {
+    for (let i = 0, ii = elm.childNodes.length; i < ii; i++) {
+      serializeToHtml(elm.childNodes[i], opts, output, false);
+    }
+  }
+  if (output.text[0] === "\n") {
+    output.text.shift();
+  }
+  if (output.text[output.text.length - 1] === "\n") {
+    output.text.pop();
+  }
+  return output.text.join("");
 }
-var shadowRootTag = "mock:shadow-root";
-function* streamToHtml(node, opts, output) {
+function serializeToHtml(node, opts, output, isShadowRoot) {
   var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  const isShadowRoot = node.nodeType === 11 /* DOCUMENT_FRAGMENT_NODE */;
   if (node.nodeType === 1 /* ELEMENT_NODE */ || isShadowRoot) {
-    const tagName = isShadowRoot ? shadowRootTag : getTagName(node);
+    const tagName = isShadowRoot ? "mock:shadow-root" : getTagName(node);
     if (tagName === "body") {
       output.isWithinBody = true;
     }
@@ -16014,23 +16000,17 @@ function* streamToHtml(node, opts, output) {
     if (ignoreTag === false) {
       const isWithinWhitespaceSensitiveNode = opts.newLines || ((_a2 = opts.indentSpaces) != null ? _a2 : 0) > 0 ? isWithinWhitespaceSensitive(node) : false;
       if (opts.newLines && !isWithinWhitespaceSensitiveNode) {
-        yield "\n";
+        output.text.push("\n");
         output.currentLineWidth = 0;
       }
       if (((_b = opts.indentSpaces) != null ? _b : 0) > 0 && !isWithinWhitespaceSensitiveNode) {
         for (let i = 0; i < output.indent; i++) {
-          yield " ";
+          output.text.push(" ");
         }
         output.currentLineWidth += output.indent;
       }
-      const tag = tagName === shadowRootTag ? "template" : tagName;
-      yield "<" + tag;
-      output.currentLineWidth += tag.length + 1;
-      if (tag === "template") {
-        const mode = ` shadowrootmode="open"`;
-        yield mode;
-        output.currentLineWidth += mode.length;
-      }
+      output.text.push("<" + tagName);
+      output.currentLineWidth += tagName.length + 1;
       const attrsLength = node.attributes.length;
       const attributes = opts.prettyHtml && attrsLength > 1 ? cloneAttributes(node.attributes, true) : node.attributes;
       for (let i = 0; i < attrsLength; i++) {
@@ -16047,27 +16027,27 @@ function* streamToHtml(node, opts, output) {
         if (attrNamespaceURI == null) {
           output.currentLineWidth += attrName.length + 1;
           if (opts.approximateLineWidth && opts.approximateLineWidth > 0 && output.currentLineWidth > opts.approximateLineWidth) {
-            yield "\n" + attrName;
+            output.text.push("\n" + attrName);
             output.currentLineWidth = 0;
           } else {
-            yield " " + attrName;
+            output.text.push(" " + attrName);
           }
         } else if (attrNamespaceURI === "http://www.w3.org/XML/1998/namespace") {
-          yield " xml:" + attrName;
+          output.text.push(" xml:" + attrName);
           output.currentLineWidth += attrName.length + 5;
         } else if (attrNamespaceURI === "http://www.w3.org/2000/xmlns/") {
           if (attrName !== "xmlns") {
-            yield " xmlns:" + attrName;
+            output.text.push(" xmlns:" + attrName);
             output.currentLineWidth += attrName.length + 7;
           } else {
-            yield " " + attrName;
+            output.text.push(" " + attrName);
             output.currentLineWidth += attrName.length + 1;
           }
         } else if (attrNamespaceURI === XLINK_NS) {
-          yield " xlink:" + attrName;
+          output.text.push(" xlink:" + attrName);
           output.currentLineWidth += attrName.length + 7;
         } else {
-          yield " " + attrNamespaceURI + ":" + attrName;
+          output.text.push(" " + attrNamespaceURI + ":" + attrName);
           output.currentLineWidth += attrNamespaceURI.length + attrName.length + 2;
         }
         if (opts.prettyHtml && attrName === "class") {
@@ -16082,45 +16062,43 @@ function* streamToHtml(node, opts, output) {
           }
         }
         if (opts.removeAttributeQuotes && CAN_REMOVE_ATTR_QUOTES.test(attrValue)) {
-          yield "=" + escapeString(attrValue, true);
+          output.text.push("=" + escapeString(attrValue, true));
           output.currentLineWidth += attrValue.length + 1;
         } else {
-          yield '="' + escapeString(attrValue, true) + '"';
+          output.text.push('="' + escapeString(attrValue, true) + '"');
           output.currentLineWidth += attrValue.length + 3;
         }
       }
       if (node.hasAttribute("style")) {
         const cssText = node.style.cssText;
         if (opts.approximateLineWidth && opts.approximateLineWidth > 0 && output.currentLineWidth + cssText.length + 10 > opts.approximateLineWidth) {
-          yield `
-style="${cssText}">`;
+          output.text.push(`
+style="${cssText}">`);
           output.currentLineWidth = 0;
         } else {
-          yield ` style="${cssText}">`;
+          output.text.push(` style="${cssText}">`);
           output.currentLineWidth += cssText.length + 10;
         }
       } else {
-        yield ">";
+        output.text.push(">");
         output.currentLineWidth += 1;
       }
     }
     if (EMPTY_ELEMENTS.has(tagName) === false) {
-      const shadowRoot = node.shadowRoot;
-      if (opts.serializeShadowRoot && shadowRoot != null) {
+      if (opts.serializeShadowRoot && node.shadowRoot != null) {
         output.indent = output.indent + ((_c = opts.indentSpaces) != null ? _c : 0);
-        yield* streamToHtml(shadowRoot, opts, output);
+        serializeToHtml(node.shadowRoot, opts, output, true);
         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()) === "")) {
-          yield "\n";
+          output.text.push("\n");
           output.currentLineWidth = 0;
           for (let i = 0; i < output.indent; i++) {
-            yield " ";
+            output.text.push(" ");
           }
           output.currentLineWidth += output.indent;
         }
       }
       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 childNodeLength = childNodes.length;
         if (childNodeLength > 0) {
@@ -16131,17 +16109,17 @@ style="${cssText}">`;
               output.indent = output.indent + ((_h = opts.indentSpaces) != null ? _h : 0);
             }
             for (let i = 0; i < childNodeLength; i++) {
-              yield* streamToHtml(childNodes[i], opts, output);
+              serializeToHtml(childNodes[i], opts, output, false);
             }
             if (ignoreTag === false) {
               if (opts.newLines && !isWithinWhitespaceSensitiveNode) {
-                yield "\n";
+                output.text.push("\n");
                 output.currentLineWidth = 0;
               }
               if (((_i = opts.indentSpaces) != null ? _i : 0) > 0 && !isWithinWhitespaceSensitiveNode) {
                 output.indent = output.indent - ((_j = opts.indentSpaces) != null ? _j : 0);
                 for (let i = 0; i < output.indent; i++) {
-                  yield " ";
+                  output.text.push(" ");
                 }
                 output.currentLineWidth += output.indent;
               }
@@ -16149,13 +16127,13 @@ style="${cssText}">`;
           }
         }
         if (ignoreTag === false) {
-          yield "</" + tag + ">";
-          output.currentLineWidth += tag.length + 3;
+          output.text.push("</" + tagName + ">");
+          output.currentLineWidth += tagName.length + 3;
         }
       }
     }
     if (((_k = opts.approximateLineWidth) != null ? _k : 0) > 0 && STRUCTURE_ELEMENTS.has(tagName)) {
-      yield "\n";
+      output.text.push("\n");
       output.currentLineWidth = 0;
     }
     if (tagName === "body") {
@@ -16167,27 +16145,27 @@ style="${cssText}">`;
       const trimmedTextContent = textContent.trim();
       if (trimmedTextContent === "") {
         if (isWithinWhitespaceSensitive(node)) {
-          yield textContent;
+          output.text.push(textContent);
           output.currentLineWidth += textContent.length;
         } else if (((_l = opts.approximateLineWidth) != null ? _l : 0) > 0 && !output.isWithinBody) {
         } else if (!opts.prettyHtml) {
           output.currentLineWidth += 1;
           if (opts.approximateLineWidth && opts.approximateLineWidth > 0 && output.currentLineWidth > opts.approximateLineWidth) {
-            yield "\n";
+            output.text.push("\n");
             output.currentLineWidth = 0;
           } else {
-            yield " ";
+            output.text.push(" ");
           }
         }
       } else {
         const isWithinWhitespaceSensitiveNode = opts.newLines || ((_m = opts.indentSpaces) != null ? _m : 0) > 0 || opts.prettyHtml ? isWithinWhitespaceSensitive(node) : false;
         if (opts.newLines && !isWithinWhitespaceSensitiveNode) {
-          yield "\n";
+          output.text.push("\n");
           output.currentLineWidth = 0;
         }
         if (((_n = opts.indentSpaces) != null ? _n : 0) > 0 && !isWithinWhitespaceSensitiveNode) {
           for (let i = 0; i < output.indent; i++) {
-            yield " ";
+            output.text.push(" ");
           }
           output.currentLineWidth += output.indent;
         }
@@ -16196,15 +16174,15 @@ style="${cssText}">`;
           const parentTagName = node.parentNode != null && node.parentNode.nodeType === 1 /* ELEMENT_NODE */ ? node.parentNode.nodeName : null;
           if (typeof parentTagName === "string" && NON_ESCAPABLE_CONTENT.has(parentTagName)) {
             if (isWithinWhitespaceSensitive(node)) {
-              yield textContent;
+              output.text.push(textContent);
             } else {
-              yield trimmedTextContent;
+              output.text.push(trimmedTextContent);
               textContentLength = trimmedTextContent.length;
             }
             output.currentLineWidth += textContentLength;
           } else {
             if (opts.prettyHtml && !isWithinWhitespaceSensitiveNode) {
-              yield escapeString(textContent.replace(/\s\s+/g, " ").trim(), false);
+              output.text.push(escapeString(textContent.replace(/\s\s+/g, " ").trim(), false));
               output.currentLineWidth += textContentLength;
             } else {
               if (isWithinWhitespaceSensitive(node)) {
@@ -16226,7 +16204,7 @@ style="${cssText}">`;
                 }
                 output.currentLineWidth += textContentLength;
               }
-              yield escapeString(textContent, false);
+              output.text.push(escapeString(textContent, false));
             }
           }
         }
@@ -16234,27 +16212,27 @@ style="${cssText}">`;
     }
   } else if (node.nodeType === 8 /* COMMENT_NODE */) {
     const nodeValue = node.nodeValue;
-    const isHydrateAnnotation = (nodeValue == null ? void 0 : nodeValue.startsWith(CONTENT_REF_ID + ".")) || (nodeValue == null ? void 0 : nodeValue.startsWith(ORG_LOCATION_ID + ".")) || (nodeValue == null ? void 0 : nodeValue.startsWith(SLOT_NODE_ID + ".")) || (nodeValue == null ? void 0 : nodeValue.startsWith(TEXT_NODE_ID + "."));
-    if (opts.removeHtmlComments && !isHydrateAnnotation) {
-      return;
+    if (opts.removeHtmlComments) {
+      const isHydrateAnnotation = (nodeValue == null ? void 0 : nodeValue.startsWith(CONTENT_REF_ID + ".")) || (nodeValue == null ? void 0 : nodeValue.startsWith(ORG_LOCATION_ID + ".")) || (nodeValue == null ? void 0 : nodeValue.startsWith(SLOT_NODE_ID + ".")) || (nodeValue == null ? void 0 : nodeValue.startsWith(TEXT_NODE_ID + "."));
+      if (!isHydrateAnnotation) {
+        return;
+      }
     }
     const isWithinWhitespaceSensitiveNode = opts.newLines || ((_o = opts.indentSpaces) != null ? _o : 0) > 0 ? isWithinWhitespaceSensitive(node) : false;
     if (opts.newLines && !isWithinWhitespaceSensitiveNode) {
-      yield "\n";
+      output.text.push("\n");
       output.currentLineWidth = 0;
     }
     if (((_p = opts.indentSpaces) != null ? _p : 0) > 0 && !isWithinWhitespaceSensitiveNode) {
       for (let i = 0; i < output.indent; i++) {
-        yield " ";
+        output.text.push(" ");
       }
       output.currentLineWidth += output.indent;
     }
-    yield "<!--" + nodeValue + "-->";
-    if (nodeValue) {
-      output.currentLineWidth += nodeValue.length + 7;
-    }
+    output.text.push("<!--" + nodeValue + "-->");
+    output.currentLineWidth += nodeValue.length + 7;
   } else if (node.nodeType === 10 /* DOCUMENT_TYPE_NODE */) {
-    yield "<!doctype html>";
+    output.text.push("<!doctype html>");
   }
 }
 var AMP_REGEX = /&/g;
@@ -16279,7 +16257,7 @@ function escapeString(str, attrMode) {
 }
 function isWithinWhitespaceSensitive(node) {
   let _node = node;
-  while (_node == null ? void 0 : _node.nodeName) {
+  while (_node != null) {
     if (WHITESPACE_SENSITIVE.has(_node.nodeName)) {
       return true;
     }
@@ -16595,10 +16573,6 @@ Testing components with ElementInternals is fully supported in e2e tests.`
   get shadowRoot() {
     return this.__shadowRoot || null;
   }
-  /**
-   * Set shadow root for element
-   * @param shadowRoot - ShadowRoot to set
-   */
   set shadowRoot(shadowRoot) {
     if (shadowRoot != null) {
       shadowRoot.host = this;
@@ -18385,16 +18359,14 @@ var WINDOW_PROPS = [
 ];
 var GLOBAL_CONSTRUCTORS = [
   ["CustomEvent", MockCustomEvent],
-  ["DocumentFragment", MockDocumentFragment],
-  ["DOMParser", MockDOMParser],
   ["Event", MockEvent],
-  ["FocusEvent", MockFocusEvent],
   ["Headers", MockHeaders],
+  ["FocusEvent", MockFocusEvent],
   ["KeyboardEvent", MockKeyboardEvent],
   ["MouseEvent", MockMouseEvent],
   ["Request", MockRequest],
   ["Response", MockResponse],
-  ["ShadowRoot", MockDocumentFragment],
+  ["DOMParser", MockDOMParser],
   ["HTMLAnchorElement", MockAnchorElement],
   ["HTMLBaseElement", MockBaseElement],
   ["HTMLButtonElement", MockButtonElement],
@@ -18605,7 +18577,6 @@ var nativeClearTimeout = clearTimeout;
 var nativeSetInterval = setInterval;
 var nativeSetTimeout = setTimeout;
 var nativeURL = URL;
-var nativeWindow = globalThis.window;
 var MockWindow = class {
   constructor(html = null) {
     if (html !== false) {
@@ -18632,10 +18603,10 @@ var MockWindow = class {
   blur() {
   }
   cancelAnimationFrame(id) {
-    this.__clearTimeout.call(nativeWindow || this, id);
+    this.__clearTimeout(id);
   }
   cancelIdleCallback(id) {
-    this.__clearTimeout.call(nativeWindow || this, id);
+    this.__clearTimeout(id);
   }
   get CharacterData() {
     if (this.__charDataCstr == null) {
@@ -18653,10 +18624,10 @@ var MockWindow = class {
     this.__charDataCstr = charDataCstr;
   }
   clearInterval(id) {
-    this.__clearInterval.call(nativeWindow || this, id);
+    this.__clearInterval(id);
   }
   clearTimeout(id) {
-    this.__clearTimeout.call(nativeWindow || this, id);
+    this.__clearTimeout(id);
   }
   close() {
     resetWindow(this);
@@ -18956,24 +18927,20 @@ var MockWindow = class {
       }
       return intervalId;
     }
-    const timeoutId = this.__setTimeout.call(
-      nativeWindow || this,
-      () => {
-        if (this.__timeouts) {
-          this.__timeouts.delete(timeoutId);
-          try {
-            callback(...args);
-          } catch (e) {
-            if (this.console) {
-              this.console.error(e);
-            } else {
-              console.error(e);
-            }
+    const timeoutId = this.__setTimeout(() => {
+      if (this.__timeouts) {
+        this.__timeouts.delete(timeoutId);
+        try {
+          callback(...args);
+        } catch (e) {
+          if (this.console) {
+            this.console.error(e);
+          } else {
+            console.error(e);
           }
         }
-      },
-      ms
-    );
+      }
+    }, ms);
     if (this.__timeouts) {
       this.__timeouts.add(timeoutId);
     }
@@ -18984,24 +18951,20 @@ var MockWindow = class {
       this.__timeouts = /* @__PURE__ */ new Set();
     }
     ms = Math.min(ms, this.__maxTimeout);
-    const timeoutId = this.__setTimeout.call(
-      nativeWindow || this,
-      () => {
-        if (this.__timeouts) {
-          this.__timeouts.delete(timeoutId);
-          try {
-            callback(...args);
-          } catch (e) {
-            if (this.console) {
-              this.console.error(e);
-            } else {
-              console.error(e);
-            }
+    const timeoutId = this.__setTimeout(() => {
+      if (this.__timeouts) {
+        this.__timeouts.delete(timeoutId);
+        try {
+          callback(...args);
+        } catch (e) {
+          if (this.console) {
+            this.console.error(e);
+          } else {
+            console.error(e);
           }
         }
-      },
-      ms
-    );
+      }
+    }, ms);
     if (this.__timeouts) {
       this.__timeouts.add(timeoutId);
     }
@@ -19576,6 +19539,7 @@ function createWindowFromHtml(templateHtml, uniqueId) {
 
 // src/utils/helpers.ts
 var isString = (v) => typeof v === "string";
+var isPromise = (v) => !!v && (typeof v === "object" || typeof v === "function") && typeof v.then === "function";
 
 // src/utils/message-utils.ts
 var catchError = (diagnostics, err2, msg) => {
@@ -19666,7 +19630,6 @@ var unwrapErr = (result) => {
 
 // src/compiler/html/canonical-link.ts
 var updateCanonicalLink = (doc, href) => {
-  var _a2;
   let canonicalLinkElm = doc.head.querySelector('link[rel="canonical"]');
   if (typeof href === "string") {
     if (canonicalLinkElm == null) {
@@ -19679,7 +19642,7 @@ var updateCanonicalLink = (doc, href) => {
     if (canonicalLinkElm != null) {
       const existingHref = canonicalLinkElm.getAttribute("href");
       if (!existingHref) {
-        (_a2 = canonicalLinkElm.parentNode) == null ? void 0 : _a2.removeChild(canonicalLinkElm);
+        canonicalLinkElm.parentNode.removeChild(canonicalLinkElm);
       }
     }
   }
@@ -20713,10 +20676,10 @@ function renderBuildDiagnostic(results, level, header, msg) {
   return diagnostic;
 }
 function renderBuildError(results, msg) {
-  return renderBuildDiagnostic(results, "error", "Hydrate Error", msg || "");
+  return renderBuildDiagnostic(results, "error", "Hydrate Error", msg);
 }
 function renderCatchError(results, err2) {
-  const diagnostic = renderBuildError(results);
+  const diagnostic = renderBuildError(results, null);
   if (err2 != null) {
     if (err2.stack != null) {
       diagnostic.messageText = err2.stack.toString();
@@ -20778,11 +20741,10 @@ function runtimeLog(pathname, type, msgs) {
 
 // src/hydrate/runner/window-initialize.ts
 function initializeWindow(win, doc, opts, results) {
-  if (typeof opts.url === "string") {
-    try {
-      win.location.href = opts.url;
-    } catch (e) {
-    }
+  try {
+    win.location.href = opts.url;
+  } catch (e) {
+    renderCatchError(results, e);
   }
   if (typeof opts.userAgent === "string") {
     try {
@@ -20832,99 +20794,134 @@ function initializeWindow(win, doc, opts, results) {
 }
 
 // src/hydrate/runner/render.ts
-var NOOP = () => {
-};
-function streamToString(html, option) {
-  return renderToString(html, option, true);
-}
-function renderToString(html, options, asStream) {
+function renderToString(html, options) {
   const opts = normalizeHydrateOptions(options);
   opts.serializeToHtml = true;
-  opts.fullDocument = typeof opts.fullDocument === "boolean" ? opts.fullDocument : true;
-  opts.serializeShadowRoot = Boolean(opts.serializeShadowRoot);
-  opts.constrainTimeouts = false;
-  return hydrateDocument(html, opts, asStream);
-}
-function hydrateDocument(doc, options, asStream) {
-  const opts = normalizeHydrateOptions(options);
-  let win = null;
-  const results = generateHydrateResults(opts);
-  if (hasError(results.diagnostics)) {
-    return Promise.resolve(results);
-  }
-  if (typeof doc === "string") {
-    try {
-      opts.destroyWindow = true;
-      opts.destroyDocument = true;
-      win = new MockWindow(doc);
-      if (!asStream) {
-        return render(win, opts, results).then(() => results);
+  return new Promise((resolve) => {
+    let win;
+    const results = generateHydrateResults(opts);
+    if (hasError(results.diagnostics)) {
+      resolve(results);
+    } else if (typeof html === "string") {
+      try {
+        opts.destroyWindow = true;
+        opts.destroyDocument = true;
+        win = new MockWindow(html);
+        render(win, opts, results, resolve);
+      } catch (e) {
+        if (win && win.close) {
+          win.close();
+        }
+        win = null;
+        renderCatchError(results, e);
+        resolve(results);
       }
-      return renderStream(win, opts, results);
-    } catch (e) {
-      if (win && win.close) {
-        win.close();
+    } else if (isValidDocument(html)) {
+      try {
+        opts.destroyDocument = false;
+        win = patchDomImplementation(html, opts);
+        render(win, opts, results, resolve);
+      } catch (e) {
+        if (win && win.close) {
+          win.close();
+        }
+        win = null;
+        renderCatchError(results, e);
+        resolve(results);
       }
-      win = null;
-      renderCatchError(results, e);
-      return Promise.resolve(results);
+    } else {
+      renderBuildError(results, `Invalid html or document. Must be either a valid "html" string, or DOM "document".`);
+      resolve(results);
     }
-  }
-  if (isValidDocument(doc)) {
-    try {
-      opts.destroyDocument = false;
-      win = patchDomImplementation(doc, opts);
-      if (!asStream) {
-        return render(win, opts, results).then(() => results);
+  });
+}
+function hydrateDocument(doc, options) {
+  const opts = normalizeHydrateOptions(options);
+  opts.serializeToHtml = false;
+  return new Promise((resolve) => {
+    let win;
+    const results = generateHydrateResults(opts);
+    if (hasError(results.diagnostics)) {
+      resolve(results);
+    } else if (typeof doc === "string") {
+      try {
+        opts.destroyWindow = true;
+        opts.destroyDocument = true;
+        win = new MockWindow(doc);
+        render(win, opts, results, resolve);
+      } catch (e) {
+        if (win && win.close) {
+          win.close();
+        }
+        win = null;
+        renderCatchError(results, e);
+        resolve(results);
       }
-      return renderStream(win, opts, results);
-    } catch (e) {
-      if (win && win.close) {
-        win.close();
+    } else if (isValidDocument(doc)) {
+      try {
+        opts.destroyDocument = false;
+        win = patchDomImplementation(doc, opts);
+        render(win, opts, results, resolve);
+      } catch (e) {
+        if (win && win.close) {
+          win.close();
+        }
+        win = null;
+        renderCatchError(results, e);
+        resolve(results);
       }
-      win = null;
-      renderCatchError(results, e);
-      return Promise.resolve(results);
+    } else {
+      renderBuildError(results, `Invalid html or document. Must be either a valid "html" string, or DOM "document".`);
+      resolve(results);
     }
-  }
-  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) {
-  if ("process" in globalThis && typeof process.on === "function" && !process.__stencilErrors) {
+function render(win, opts, results, resolve) {
+  if (!process.__stencilErrors) {
     process.__stencilErrors = true;
     process.on("unhandledRejection", (e) => {
       console.log("unhandledRejection", e);
     });
   }
   initializeWindow(win, win.document, opts, results);
-  const beforeHydrateFn = typeof opts.beforeHydrate === "function" ? opts.beforeHydrate(win.document) : NOOP;
-  try {
-    await Promise.resolve(beforeHydrateFn(win.document));
-    return new Promise((resolve) => hydrateFactory(win, opts, results, afterHydrate, resolve));
-  } catch (e) {
-    renderCatchError(results, e);
-    return finalizeHydrate(win, win.document, opts, results);
-  }
-}
-function renderStream(win, opts, results) {
-  async function* processRender() {
-    const renderResult = await render(win, opts, results);
-    yield renderResult.html;
+  if (typeof opts.beforeHydrate === "function") {
+    try {
+      const rtn = opts.beforeHydrate(win.document);
+      if (isPromise(rtn)) {
+        rtn.then(() => {
+          hydrateFactory(win, opts, results, afterHydrate, resolve);
+        });
+      } else {
+        hydrateFactory(win, opts, results, afterHydrate, resolve);
+      }
+    } catch (e) {
+      renderCatchError(results, e);
+      finalizeHydrate(win, win.document, opts, results, resolve);
+    }
+  } else {
+    hydrateFactory(win, opts, results, afterHydrate, resolve);
   }
-  return stream.Readable.from(processRender());
 }
-async function afterHydrate(win, opts, results, resolve) {
-  const afterHydrateFn = typeof opts.afterHydrate === "function" ? opts.afterHydrate(win.document) : NOOP;
-  try {
-    await Promise.resolve(afterHydrateFn(win.document));
-    return resolve(finalizeHydrate(win, win.document, opts, results));
-  } catch (e) {
-    renderCatchError(results, e);
-    return resolve(finalizeHydrate(win, win.document, opts, results));
+function afterHydrate(win, opts, results, resolve) {
+  if (typeof opts.afterHydrate === "function") {
+    try {
+      const rtn = opts.afterHydrate(win.document);
+      if (isPromise(rtn)) {
+        rtn.then(() => {
+          finalizeHydrate(win, win.document, opts, results, resolve);
+        });
+      } else {
+        finalizeHydrate(win, win.document, opts, results, resolve);
+      }
+    } catch (e) {
+      renderCatchError(results, e);
+      finalizeHydrate(win, win.document, opts, results, resolve);
+    }
+  } else {
+    finalizeHydrate(win, win.document, opts, results, resolve);
   }
 }
-function finalizeHydrate(win, doc, opts, results) {
+function finalizeHydrate(win, doc, opts, results, resolve) {
   try {
     inspectElement(results, doc.documentElement, 0);
     if (opts.removeUnusedStyles !== false) {
@@ -20976,24 +20973,20 @@ function finalizeHydrate(win, doc, opts, results) {
   } catch (e) {
     renderCatchError(results, e);
   }
-  destroyWindow(win, doc, opts, results);
-  return results;
-}
-function destroyWindow(win, doc, opts, results) {
-  if (!opts.destroyWindow) {
-    return;
-  }
-  try {
-    if (!opts.destroyDocument) {
-      win.document = null;
-      doc.defaultView = null;
-    }
-    if (win.close) {
-      win.close();
+  if (opts.destroyWindow) {
+    try {
+      if (!opts.destroyDocument) {
+        win.document = null;
+        doc.defaultView = null;
+      }
+      if (win.close) {
+        win.close();
+      }
+    } catch (e) {
+      renderCatchError(results, e);
     }
-  } catch (e) {
-    renderCatchError(results, e);
   }
+  resolve(results);
 }
 function serializeDocumentToString(doc, opts) {
   return serializeNodeToHtml(doc, {
@@ -21004,8 +20997,7 @@ function serializeDocumentToString(doc, opts) {
     removeBooleanAttributeQuotes: opts.removeBooleanAttributeQuotes,
     removeEmptyAttributes: opts.removeEmptyAttributes,
     removeHtmlComments: opts.removeHtmlComments,
-    serializeShadowRoot: opts.serializeShadowRoot,
-    fullDocument: opts.fullDocument
+    serializeShadowRoot: false
   });
 }
 function isValidDocument(doc) {
@@ -21026,4 +21018,3 @@ exports.createWindowFromHtml = createWindowFromHtml;
 exports.hydrateDocument = hydrateDocument;
 exports.renderToString = renderToString;
 exports.serializeDocumentToString = serializeDocumentToString;
-exports.streamToString = streamToString;