@stencil/core 5.0.0-beta.13 → 5.0.0-beta.15

package/dist/runtime/client/lazy.js

@@ -7,11 +7,80 @@ const BUILD = {
 	lazyLoad: true
 };
 //#endregion
+//#region src/runtime/runtime-constants.ts
+/**
+* Bit flags for recording various properties of VDom nodes
+*/
+const VNODE_FLAGS = {
+	/**
+	* Whether or not a vdom node is a slot reference
+	*/
+	isSlotReference: 1,
+	/**
+	* Whether or not a slot element has fallback content
+	*/
+	isSlotFallback: 2,
+	/**
+	* Whether or not an element is a host element
+	*/
+	isHost: 4
+};
+const PROXY_FLAGS = {
+	isElementConstructor: 1,
+	proxyState: 2
+};
+const PLATFORM_FLAGS = {
+	/**
+	* designates a node in the DOM as being actively moved by the runtime
+	*/
+	isTmpDisconnected: 1,
+	appLoaded: 2,
+	queueSync: 4,
+	queueMask: 6
+};
+/**
+* A (subset) of node types which are relevant for the Stencil runtime. These
+* values are based on the values which can possibly be returned by the
+* `.nodeType` property of a DOM node. See here for details:
+*
+* {@link https://dom.spec.whatwg.org/#ref-for-dom-node-nodetype%E2%91%A0}
+*/
+const NODE_TYPE = {
+	ElementNode: 1,
+	TextNode: 3,
+	CommentNode: 8,
+	DocumentNode: 9,
+	DocumentTypeNode: 10,
+	DocumentFragment: 11
+};
+const HYDRATE_ID = "s-id";
+const HYDRATED_STYLE_ID = "sty-id";
+const HYDRATE_CHILD_ID = "c-id";
+const HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
+/**
+* Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.
+*
+* Two cascading rules must be used instead of a `:not()` selector due to Stencil browser
+* support as of Stencil v4.
+*/
+const SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+const XLINK_NS = "http://www.w3.org/1999/xlink";
+/**
+* Minimum delay, in milliseconds, before retrying a failed lazy component load.
+*/
+const LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
+const FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+	"formAssociatedCallback",
+	"formResetCallback",
+	"formDisabledCallback",
+	"formStateRestoreCallback"
+];
+//#endregion
 //#region src/client/client-build.ts
 const Build = {
-	isDev: BUILD.isDev,
 	isBrowser: true,
 	isServer: false,
+	isDev: BUILD.isDev,
 	isTesting: BUILD.isTesting
 };
 //#endregion
@@ -498,75 +567,6 @@ const modeResolver = [];
 const setScopedSSR = (_opts) => {};
 const needsScopedSSR = () => false;
 //#endregion
-//#region src/runtime/runtime-constants.ts
-/**
-* Bit flags for recording various properties of VDom nodes
-*/
-const VNODE_FLAGS = {
-	/**
-	* Whether or not a vdom node is a slot reference
-	*/
-	isSlotReference: 1,
-	/**
-	* Whether or not a slot element has fallback content
-	*/
-	isSlotFallback: 2,
-	/**
-	* Whether or not an element is a host element
-	*/
-	isHost: 4
-};
-const PROXY_FLAGS = {
-	isElementConstructor: 1,
-	proxyState: 2
-};
-const PLATFORM_FLAGS = {
-	/**
-	* designates a node in the DOM as being actively moved by the runtime
-	*/
-	isTmpDisconnected: 1,
-	appLoaded: 2,
-	queueSync: 4,
-	queueMask: 6
-};
-/**
-* A (subset) of node types which are relevant for the Stencil runtime. These
-* values are based on the values which can possibly be returned by the
-* `.nodeType` property of a DOM node. See here for details:
-*
-* {@link https://dom.spec.whatwg.org/#ref-for-dom-node-nodetype%E2%91%A0}
-*/
-const NODE_TYPE = {
-	ElementNode: 1,
-	TextNode: 3,
-	CommentNode: 8,
-	DocumentNode: 9,
-	DocumentTypeNode: 10,
-	DocumentFragment: 11
-};
-const HYDRATE_ID = "s-id";
-const HYDRATED_STYLE_ID = "sty-id";
-const HYDRATE_CHILD_ID = "c-id";
-const HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
-/**
-* Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.
-*
-* Two cascading rules must be used instead of a `:not()` selector due to Stencil browser
-* support as of Stencil v4.
-*/
-const SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
-const XLINK_NS = "http://www.w3.org/1999/xlink";
-/**
-* Minimum delay, in milliseconds, before retrying a failed lazy component load.
-*/
-const LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
-const FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
-	"formAssociatedCallback",
-	"formResetCallback",
-	"formDisabledCallback",
-	"formStateRestoreCallback"
-];
-//#endregion
 //#region src/client/client-window.ts
 const win = typeof window !== "undefined" ? window : {};
 const H = win.HTMLElement || class {};
@@ -607,7 +607,7 @@ let queuePending = false;
 const queueDomReads = [];
 const queueDomWrites = [];
 const queueDomWritesLow = [];
-const scheduleFlush = () => win.document?.hidden ? nextTick(flush) : plt.raf(flush);
+const scheduleFlush = () => win.document?.hidden ? setTimeout(flush, 16) : plt.raf(flush);
 const queueTask = (queue, write) => (cb) => {
 	queue.push(cb);
 	if (!queuePending) {
@@ -3237,9 +3237,7 @@ const h = (nodeName, vnodeData, ...children) => {
 			if (classData && !(BUILD.vdomSignals && isSignalLike(classData))) vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
 		}
 	}
-	if (BUILD.isDev && vNodeChildren.some(isHost)) consoleDevError(`The <Host> must be the single root component. Make sure:
-- You are NOT using hostData() and <Host> in the same component.
-- <Host> is used once, and it's the single root component of the render() function.`);
+	if (BUILD.isDev && vNodeChildren.some(isHost)) consoleDevError(`The <Host> must be used once, and be the single root component of the render() function.`);
 	if (BUILD.vdomFunctional && typeof nodeName === "function") return nodeName(vnodeData === null ? {} : vnodeData, vNodeChildren, vdomFnUtils);
 	const vnode = newVNode(nodeName, null);
 	vnode.$attrs$ = vnodeData;
@@ -4015,7 +4013,7 @@ const scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector)
 		else return shallowPart.trim();
 	}).join(", ");
 };
-const isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer");
+const isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer") || selector.startsWith("@container");
 const scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
 	return processRules(cssText, (rule) => {
 		let selector = rule.selector;
@@ -4650,9 +4648,16 @@ const connectedCallback = (elm) => {
 			}
 			if (BUILD.asyncLoading) {
 				let ancestorComponent = elm;
-				while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) if (BUILD.hydrateClientSide && ancestorComponent.nodeType === NODE_TYPE.ElementNode && ancestorComponent.hasAttribute("s-id") && ancestorComponent["s-p"] || ancestorComponent["s-p"]) {
-					attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
-					break;
+				while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
+					if (BUILD.hydrateClientSide && !ancestorComponent["s-p"] && ancestorComponent.nodeType === NODE_TYPE.ElementNode && ancestorComponent.hasAttribute("s-id")) {
+						ancestorComponent["s-p"] = [];
+						ancestorComponent["s-rc"] = [];
+						ancestorComponent["s-pc"] = [];
+					}
+					if (ancestorComponent["s-p"]) {
+						attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
+						break;
+					}
 				}
 			}
 			if (BUILD.prop && !BUILD.hydrateServerSide && cmpMeta.$members$) Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {

package/dist/runtime/client/runtime.d.ts

@@ -1491,7 +1491,7 @@ interface SerializeDocumentOptions extends SsrDocumentOptions {
    * Note that this is "approximate", in that HTML may often not be able
    * to be split at an exact line width. Additionally, new lines created
    * is where HTML naturally already has whitespace, such as before an
-   * attribute or spaces between words. Defaults to `100`.
+   * attribute or spaces between words. Defaults to no wrapping (`100` when prerendering).
    */
   approximateLineWidth?: number;
   /**
@@ -1509,12 +1509,12 @@ interface SerializeDocumentOptions extends SsrDocumentOptions {
   prettyHtml?: boolean;
   /**
    * Remove quotes from attribute values when possible.
-   * Defaults to `true`.
+   * Defaults to `false` (`true` when prerendering).
    */
   removeAttributeQuotes?: boolean;
   /**
    * Remove the `=""` from standardized `boolean` attributes,
-   * such as `hidden` or `checked`. Defaults to `true`.
+   * such as `hidden` or `checked`. Defaults to `false` (`true` when prerendering).
    */
   removeBooleanAttributeQuotes?: boolean;
   /**
@@ -1523,7 +1523,7 @@ interface SerializeDocumentOptions extends SsrDocumentOptions {
    */
   removeEmptyAttributes?: boolean;
   /**
-   * Remove HTML comments. Defaults to `true`.
+   * Remove HTML comments. Defaults to `false` (`true` when prerendering).
    */
   removeHtmlComments?: boolean;
   /**

package/dist/runtime/client/runtime.js

@@ -1,11 +1,80 @@
 import { BUILD, BUILD as BUILD$1, Env, NAMESPACE, NAMESPACE as NAMESPACE$1 } from "@stencil/core/app-data";
 import { globalStyles } from "@stencil/core/app-globals";
 import * as SignalsCore from "@preact/signals-core";
+//#region src/runtime/runtime-constants.ts
+/**
+* Bit flags for recording various properties of VDom nodes
+*/
+const VNODE_FLAGS = {
+	/**
+	* Whether or not a vdom node is a slot reference
+	*/
+	isSlotReference: 1,
+	/**
+	* Whether or not a slot element has fallback content
+	*/
+	isSlotFallback: 2,
+	/**
+	* Whether or not an element is a host element
+	*/
+	isHost: 4
+};
+const PROXY_FLAGS = {
+	isElementConstructor: 1,
+	proxyState: 2
+};
+const PLATFORM_FLAGS = {
+	/**
+	* designates a node in the DOM as being actively moved by the runtime
+	*/
+	isTmpDisconnected: 1,
+	appLoaded: 2,
+	queueSync: 4,
+	queueMask: 6
+};
+/**
+* A (subset) of node types which are relevant for the Stencil runtime. These
+* values are based on the values which can possibly be returned by the
+* `.nodeType` property of a DOM node. See here for details:
+*
+* {@link https://dom.spec.whatwg.org/#ref-for-dom-node-nodetype%E2%91%A0}
+*/
+const NODE_TYPE = {
+	ElementNode: 1,
+	TextNode: 3,
+	CommentNode: 8,
+	DocumentNode: 9,
+	DocumentTypeNode: 10,
+	DocumentFragment: 11
+};
+const HYDRATE_ID = "s-id";
+const HYDRATED_STYLE_ID = "sty-id";
+const HYDRATE_CHILD_ID = "c-id";
+const HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
+/**
+* Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.
+*
+* Two cascading rules must be used instead of a `:not()` selector due to Stencil browser
+* support as of Stencil v4.
+*/
+const SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+const XLINK_NS = "http://www.w3.org/1999/xlink";
+/**
+* Minimum delay, in milliseconds, before retrying a failed lazy component load.
+*/
+const LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
+const FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+	"formAssociatedCallback",
+	"formResetCallback",
+	"formDisabledCallback",
+	"formStateRestoreCallback"
+];
+//#endregion
 //#region src/client/client-build.ts
 const Build = {
-	isDev: BUILD$1.isDev,
 	isBrowser: true,
 	isServer: false,
+	isDev: BUILD$1.isDev,
 	isTesting: BUILD$1.isTesting
 };
 //#endregion
@@ -492,75 +561,6 @@ const modeResolver = [];
 const setScopedSSR = (_opts) => {};
 const needsScopedSSR = () => false;
 //#endregion
-//#region src/runtime/runtime-constants.ts
-/**
-* Bit flags for recording various properties of VDom nodes
-*/
-const VNODE_FLAGS = {
-	/**
-	* Whether or not a vdom node is a slot reference
-	*/
-	isSlotReference: 1,
-	/**
-	* Whether or not a slot element has fallback content
-	*/
-	isSlotFallback: 2,
-	/**
-	* Whether or not an element is a host element
-	*/
-	isHost: 4
-};
-const PROXY_FLAGS = {
-	isElementConstructor: 1,
-	proxyState: 2
-};
-const PLATFORM_FLAGS = {
-	/**
-	* designates a node in the DOM as being actively moved by the runtime
-	*/
-	isTmpDisconnected: 1,
-	appLoaded: 2,
-	queueSync: 4,
-	queueMask: 6
-};
-/**
-* A (subset) of node types which are relevant for the Stencil runtime. These
-* values are based on the values which can possibly be returned by the
-* `.nodeType` property of a DOM node. See here for details:
-*
-* {@link https://dom.spec.whatwg.org/#ref-for-dom-node-nodetype%E2%91%A0}
-*/
-const NODE_TYPE = {
-	ElementNode: 1,
-	TextNode: 3,
-	CommentNode: 8,
-	DocumentNode: 9,
-	DocumentTypeNode: 10,
-	DocumentFragment: 11
-};
-const HYDRATE_ID = "s-id";
-const HYDRATED_STYLE_ID = "sty-id";
-const HYDRATE_CHILD_ID = "c-id";
-const HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
-/**
-* Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.
-*
-* Two cascading rules must be used instead of a `:not()` selector due to Stencil browser
-* support as of Stencil v4.
-*/
-const SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
-const XLINK_NS = "http://www.w3.org/1999/xlink";
-/**
-* Minimum delay, in milliseconds, before retrying a failed lazy component load.
-*/
-const LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
-const FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
-	"formAssociatedCallback",
-	"formResetCallback",
-	"formDisabledCallback",
-	"formStateRestoreCallback"
-];
-//#endregion
 //#region src/client/client-window.ts
 const win = typeof window !== "undefined" ? window : {};
 const H = win.HTMLElement || class {};
@@ -601,7 +601,7 @@ let queuePending = false;
 const queueDomReads = [];
 const queueDomWrites = [];
 const queueDomWritesLow = [];
-const scheduleFlush = () => win.document?.hidden ? nextTick(flush) : plt.raf(flush);
+const scheduleFlush = () => win.document?.hidden ? setTimeout(flush, 16) : plt.raf(flush);
 const queueTask = (queue, write) => (cb) => {
 	queue.push(cb);
 	if (!queuePending) {
@@ -3231,9 +3231,7 @@ const h = (nodeName, vnodeData, ...children) => {
 			if (classData && !(BUILD$1.vdomSignals && isSignalLike(classData))) vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
 		}
 	}
-	if (BUILD$1.isDev && vNodeChildren.some(isHost)) consoleDevError(`The <Host> must be the single root component. Make sure:
-- You are NOT using hostData() and <Host> in the same component.
-- <Host> is used once, and it's the single root component of the render() function.`);
+	if (BUILD$1.isDev && vNodeChildren.some(isHost)) consoleDevError(`The <Host> must be used once, and be the single root component of the render() function.`);
 	if (BUILD$1.vdomFunctional && typeof nodeName === "function") return nodeName(vnodeData === null ? {} : vnodeData, vNodeChildren, vdomFnUtils);
 	const vnode = newVNode(nodeName, null);
 	vnode.$attrs$ = vnodeData;
@@ -4009,7 +4007,7 @@ const scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector)
 		else return shallowPart.trim();
 	}).join(", ");
 };
-const isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer");
+const isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer") || selector.startsWith("@container");
 const scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
 	return processRules(cssText, (rule) => {
 		let selector = rule.selector;
@@ -4644,9 +4642,16 @@ const connectedCallback = (elm) => {
 			}
 			if (BUILD$1.asyncLoading) {
 				let ancestorComponent = elm;
-				while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) if (BUILD$1.hydrateClientSide && ancestorComponent.nodeType === NODE_TYPE.ElementNode && ancestorComponent.hasAttribute("s-id") && ancestorComponent["s-p"] || ancestorComponent["s-p"]) {
-					attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
-					break;
+				while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
+					if (BUILD$1.hydrateClientSide && !ancestorComponent["s-p"] && ancestorComponent.nodeType === NODE_TYPE.ElementNode && ancestorComponent.hasAttribute("s-id")) {
+						ancestorComponent["s-p"] = [];
+						ancestorComponent["s-rc"] = [];
+						ancestorComponent["s-pc"] = [];
+					}
+					if (ancestorComponent["s-p"]) {
+						attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
+						break;
+					}
 				}
 			}
 			if (BUILD$1.prop && !BUILD$1.hydrateServerSide && cmpMeta.$members$) Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {

package/dist/runtime/index.js

@@ -1,11 +1,80 @@
 import { BUILD } from "../app-data/index.js";
 import "../app-globals/index.js";
 import * as SignalsCore from "@preact/signals-core";
+//#region src/runtime/runtime-constants.ts
+/**
+* Bit flags for recording various properties of VDom nodes
+*/
+const VNODE_FLAGS = {
+	/**
+	* Whether or not a vdom node is a slot reference
+	*/
+	isSlotReference: 1,
+	/**
+	* Whether or not a slot element has fallback content
+	*/
+	isSlotFallback: 2,
+	/**
+	* Whether or not an element is a host element
+	*/
+	isHost: 4
+};
+const PROXY_FLAGS = {
+	isElementConstructor: 1,
+	proxyState: 2
+};
+const PLATFORM_FLAGS = {
+	/**
+	* designates a node in the DOM as being actively moved by the runtime
+	*/
+	isTmpDisconnected: 1,
+	appLoaded: 2,
+	queueSync: 4,
+	queueMask: 6
+};
+/**
+* A (subset) of node types which are relevant for the Stencil runtime. These
+* values are based on the values which can possibly be returned by the
+* `.nodeType` property of a DOM node. See here for details:
+*
+* {@link https://dom.spec.whatwg.org/#ref-for-dom-node-nodetype%E2%91%A0}
+*/
+const NODE_TYPE = {
+	ElementNode: 1,
+	TextNode: 3,
+	CommentNode: 8,
+	DocumentNode: 9,
+	DocumentTypeNode: 10,
+	DocumentFragment: 11
+};
+const HYDRATE_ID = "s-id";
+const HYDRATED_STYLE_ID = "sty-id";
+const HYDRATE_CHILD_ID = "c-id";
+const HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
+/**
+* Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.
+*
+* Two cascading rules must be used instead of a `:not()` selector due to Stencil browser
+* support as of Stencil v4.
+*/
+const SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+const XLINK_NS = "http://www.w3.org/1999/xlink";
+/**
+* Minimum delay, in milliseconds, before retrying a failed lazy component load.
+*/
+const LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
+const FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+	"formAssociatedCallback",
+	"formResetCallback",
+	"formDisabledCallback",
+	"formStateRestoreCallback"
+];
+//#endregion
 //#region src/client/client-build.ts
 const Build = {
-	isDev: BUILD.isDev,
 	isBrowser: true,
 	isServer: false,
+	isDev: BUILD.isDev,
 	isTesting: BUILD.isTesting
 };
 const MEMBER_FLAGS = {
@@ -374,75 +443,6 @@ const styles = /*@__PURE__*/ new Map();
 const modeResolver = [];
 const needsScopedSSR = () => false;
 //#endregion
-//#region src/runtime/runtime-constants.ts
-/**
-* Bit flags for recording various properties of VDom nodes
-*/
-const VNODE_FLAGS = {
-	/**
-	* Whether or not a vdom node is a slot reference
-	*/
-	isSlotReference: 1,
-	/**
-	* Whether or not a slot element has fallback content
-	*/
-	isSlotFallback: 2,
-	/**
-	* Whether or not an element is a host element
-	*/
-	isHost: 4
-};
-const PROXY_FLAGS = {
-	isElementConstructor: 1,
-	proxyState: 2
-};
-const PLATFORM_FLAGS = {
-	/**
-	* designates a node in the DOM as being actively moved by the runtime
-	*/
-	isTmpDisconnected: 1,
-	appLoaded: 2,
-	queueSync: 4,
-	queueMask: 6
-};
-/**
-* A (subset) of node types which are relevant for the Stencil runtime. These
-* values are based on the values which can possibly be returned by the
-* `.nodeType` property of a DOM node. See here for details:
-*
-* {@link https://dom.spec.whatwg.org/#ref-for-dom-node-nodetype%E2%91%A0}
-*/
-const NODE_TYPE = {
-	ElementNode: 1,
-	TextNode: 3,
-	CommentNode: 8,
-	DocumentNode: 9,
-	DocumentTypeNode: 10,
-	DocumentFragment: 11
-};
-const HYDRATE_ID = "s-id";
-const HYDRATED_STYLE_ID = "sty-id";
-const HYDRATE_CHILD_ID = "c-id";
-const HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
-/**
-* Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.
-*
-* Two cascading rules must be used instead of a `:not()` selector due to Stencil browser
-* support as of Stencil v4.
-*/
-const SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
-const XLINK_NS = "http://www.w3.org/1999/xlink";
-/**
-* Minimum delay, in milliseconds, before retrying a failed lazy component load.
-*/
-const LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
-const FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
-	"formAssociatedCallback",
-	"formResetCallback",
-	"formDisabledCallback",
-	"formStateRestoreCallback"
-];
-//#endregion
 //#region src/client/client-window.ts
 const win = typeof window !== "undefined" ? window : {};
 win.HTMLElement;
@@ -480,7 +480,7 @@ let queuePending = false;
 const queueDomReads = [];
 const queueDomWrites = [];
 const queueDomWritesLow = [];
-const scheduleFlush = () => win.document?.hidden ? nextTick(flush) : plt.raf(flush);
+const scheduleFlush = () => win.document?.hidden ? setTimeout(flush, 16) : plt.raf(flush);
 const queueTask = (queue, write) => (cb) => {
 	queue.push(cb);
 	if (!queuePending) {
@@ -3103,9 +3103,7 @@ const h = (nodeName, vnodeData, ...children) => {
 			if (classData && !(BUILD.vdomSignals && isSignalLike(classData))) vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
 		}
 	}
-	if (BUILD.isDev && vNodeChildren.some(isHost)) consoleDevError(`The <Host> must be the single root component. Make sure:
-- You are NOT using hostData() and <Host> in the same component.
-- <Host> is used once, and it's the single root component of the render() function.`);
+	if (BUILD.isDev && vNodeChildren.some(isHost)) consoleDevError(`The <Host> must be used once, and be the single root component of the render() function.`);
 	if (BUILD.vdomFunctional && typeof nodeName === "function") return nodeName(vnodeData === null ? {} : vnodeData, vNodeChildren, vdomFnUtils);
 	const vnode = newVNode(nodeName, null);
 	vnode.$attrs$ = vnodeData;
@@ -3881,7 +3879,7 @@ const scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector)
 		else return shallowPart.trim();
 	}).join(", ");
 };
-const isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer");
+const isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer") || selector.startsWith("@container");
 const scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
 	return processRules(cssText, (rule) => {
 		let selector = rule.selector;
@@ -4516,9 +4514,16 @@ const connectedCallback = (elm) => {
 			}
 			if (BUILD.asyncLoading) {
 				let ancestorComponent = elm;
-				while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) if (BUILD.hydrateClientSide && ancestorComponent.nodeType === NODE_TYPE.ElementNode && ancestorComponent.hasAttribute("s-id") && ancestorComponent["s-p"] || ancestorComponent["s-p"]) {
-					attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
-					break;
+				while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
+					if (BUILD.hydrateClientSide && !ancestorComponent["s-p"] && ancestorComponent.nodeType === NODE_TYPE.ElementNode && ancestorComponent.hasAttribute("s-id")) {
+						ancestorComponent["s-p"] = [];
+						ancestorComponent["s-rc"] = [];
+						ancestorComponent["s-pc"] = [];
+					}
+					if (ancestorComponent["s-p"]) {
+						attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
+						break;
+					}
 				}
 			}
 			if (BUILD.prop && !BUILD.hydrateServerSide && cmpMeta.$members$) Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {

package/dist/runtime/server/index.d.mts

@@ -298,7 +298,7 @@ interface SerializeDocumentOptions extends SsrDocumentOptions {
    * Note that this is "approximate", in that HTML may often not be able
    * to be split at an exact line width. Additionally, new lines created
    * is where HTML naturally already has whitespace, such as before an
-   * attribute or spaces between words. Defaults to `100`.
+   * attribute or spaces between words. Defaults to no wrapping (`100` when prerendering).
    */
   approximateLineWidth?: number;
   /**
@@ -316,12 +316,12 @@ interface SerializeDocumentOptions extends SsrDocumentOptions {
   prettyHtml?: boolean;
   /**
    * Remove quotes from attribute values when possible.
-   * Defaults to `true`.
+   * Defaults to `false` (`true` when prerendering).
    */
   removeAttributeQuotes?: boolean;
   /**
    * Remove the `=""` from standardized `boolean` attributes,
-   * such as `hidden` or `checked`. Defaults to `true`.
+   * such as `hidden` or `checked`. Defaults to `false` (`true` when prerendering).
    */
   removeBooleanAttributeQuotes?: boolean;
   /**
@@ -330,7 +330,7 @@ interface SerializeDocumentOptions extends SsrDocumentOptions {
    */
   removeEmptyAttributes?: boolean;
   /**
-   * Remove HTML comments. Defaults to `true`.
+   * Remove HTML comments. Defaults to `false` (`true` when prerendering).
    */
   removeHtmlComments?: boolean;
   /**