@stencil/core 5.0.0-alpha.32 → 5.0.0-alpha.34

package/dist/declarations/stencil-public-runtime.d.ts

@@ -102,6 +102,16 @@ interface ShadowEncapsulation {
    * declarative slotting behavior.
    */
   slotAssignment?: 'manual' | 'named';
+  /**
+   * When set to `true`, the shadow root is preserved when the host element is deep-cloned via
+   * `Node.cloneNode(true)`. Without this, cloning a shadow host produces an empty shell.
+   */
+  clonable?: boolean;
+  /**
+   * When set to `true`, marks the shadow root as serializable so it is included when the host
+   * element is serialized via `Element.getHTML({ serializableShadowRoots: true })`.
+   */
+  serializable?: boolean;
 }
 /**
  * Patch types for non-shadow DOM components that use slots.

package/dist/{regular-expression-XqU5zmPp.mjs → helpers-Cpp3qc3u.mjs}

@@ -138,7 +138,17 @@ const CMP_FLAGS = {
 	* e.g. `encapsulation: { type: 'none', patches: ['all'] }`
 	* Equivalent to the global `experimentalSlotFixes` config option.
 	*/
-	patchAll: 32768
+	patchAll: 32768,
+	/**
+	* Determines if `clonable` is enabled for a component that uses the shadow DOM.
+	* e.g. `encapsulation: { type: 'shadow', clonable: true }` is set on the `@Component()` decorator
+	*/
+	shadowClonable: 65536,
+	/**
+	* Determines if `serializable` is enabled for a component that uses the shadow DOM.
+	* e.g. `encapsulation: { type: 'shadow', serializable: true }` is set on the `@Component()` decorator
+	*/
+	shadowSerializable: 1 << 17
 };
 /**
 * Default style mode id
@@ -511,15 +521,4 @@ const isObject = (val) => val != null && typeof val === "object" && Array.isArra
 const isString = (v) => typeof v === "string";
 const isIterable = (v) => isDefined(v) && isFunction(v[Symbol.iterator]);
 //#endregion
-//#region src/utils/regular-expression.ts
-/**
-* Utility function that will escape all regular expression special characters in a string.
-*
-* @param text The string potentially containing special characters.
-* @returns The string with all special characters escaped.
-*/
-const escapeRegExpSpecialCharacters = (text) => {
-	return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-};
-//#endregion
-export { TYPES as $, DEFAULT_STYLE_MODE as A, GLOBAL_STYLE as B, ASSETS as C, COLLECTION_MANIFEST_FILE_NAME as D, COLLECTION_APP_DATA_FILE_NAME as E, DOCS_JSON as F, MEMBER_FLAGS as G, HTML_NS as H, DOCS_README as I, SSR_WASM as J, NODE_TYPES as K, DOCS_VSCODE as L, DOCS_AGENT_SKILL as M, DOCS_CUSTOM as N, COPY as O, DOCS_CUSTOM_ELEMENTS_MANIFEST as P, SVG_NS as Q, EVENT_FLAGS as R, queryNonceMetaTagContent as S, COLLECTION as T, LISTENER_FLAGS as U, HOST_FLAGS as V, LOADER_BUNDLE as W, STATS as X, STANDALONE as Y, STYLE_EXT as Z, sortBy as _, fromEntries as a, toTitleCase as b, isDef as c, isNumber as d, VALID_CONFIG_OUTPUT_TARGETS as et, isObject as f, pluck as g, noop as h, flatOne as i, DIST_LAZY as j, CUSTOM as k, isFunction as l, mergeIntoWith as m, dashToPascalCase as n, WWW as nt, isBoolean as o, isString as p, SSR as q, escapeWithPattern as r, XLINK_NS as rt, isComplexType as s, escapeRegExpSpecialCharacters as t, WATCH_FLAGS as tt, isIterable as u, toCamelCase as v, CMP_FLAGS as w, unique as x, toDashCase as y, GENERATED_DTS as z };
+export { VALID_CONFIG_OUTPUT_TARGETS as $, DIST_LAZY as A, HOST_FLAGS as B, CMP_FLAGS as C, COPY as D, COLLECTION_MANIFEST_FILE_NAME as E, DOCS_README as F, NODE_TYPES as G, LISTENER_FLAGS as H, DOCS_VSCODE as I, STANDALONE as J, SSR as K, EVENT_FLAGS as L, DOCS_CUSTOM as M, DOCS_CUSTOM_ELEMENTS_MANIFEST as N, CUSTOM as O, DOCS_JSON as P, TYPES as Q, GENERATED_DTS as R, ASSETS as S, COLLECTION_APP_DATA_FILE_NAME as T, LOADER_BUNDLE as U, HTML_NS as V, MEMBER_FLAGS as W, STYLE_EXT as X, STATS as Y, SVG_NS as Z, toCamelCase as _, isBoolean as a, unique as b, isFunction as c, isObject as d, WATCH_FLAGS as et, isString as f, sortBy as g, pluck as h, fromEntries as i, DOCS_AGENT_SKILL as j, DEFAULT_STYLE_MODE as k, isIterable as l, noop as m, escapeWithPattern as n, XLINK_NS as nt, isComplexType as o, mergeIntoWith as p, SSR_WASM as q, flatOne as r, isDef as s, dashToPascalCase as t, WWW as tt, isNumber as u, toDashCase as v, COLLECTION as w, queryNonceMetaTagContent as x, toTitleCase as y, GLOBAL_STYLE as z };

package/dist/{index-BHj3EBl2.d.mts → index-BcfVWmNG.d.mts}

@@ -144,6 +144,16 @@ declare const CMP_FLAGS: {
    * Equivalent to the global `experimentalSlotFixes` config option.
    */
   readonly patchAll: number;
+  /**
+   * Determines if `clonable` is enabled for a component that uses the shadow DOM.
+   * e.g. `encapsulation: { type: 'shadow', clonable: true }` is set on the `@Component()` decorator
+   */
+  readonly shadowClonable: number;
+  /**
+   * Determines if `serializable` is enabled for a component that uses the shadow DOM.
+   * e.g. `encapsulation: { type: 'shadow', serializable: true }` is set on the `@Component()` decorator
+   */
+  readonly shadowSerializable: number;
 };
 /**
  * Default style mode id
@@ -1446,6 +1456,16 @@ interface ShadowEncapsulation {
    * declarative slotting behavior.
    */
   slotAssignment?: 'manual' | 'named';
+  /**
+   * When set to `true`, the shadow root is preserved when the host element is deep-cloned via
+   * `Node.cloneNode(true)`. Without this, cloning a shadow host produces an empty shell.
+   */
+  clonable?: boolean;
+  /**
+   * When set to `true`, marks the shadow root as serializable so it is included when the host
+   * element is serialized via `Element.getHTML({ serializableShadowRoots: true })`.
+   */
+  serializable?: boolean;
 }
 /**
  * Patch types for non-shadow DOM components that use slots.
@@ -4281,9 +4301,11 @@ interface CompilerRequestResponse {
 interface TranspileOptions {
   /**
    * A component can be defined as a custom element by using `customelement`, or the
-   * component class can be exported by using `module`. Default is `customelement`.
+   * component class can be exported by using `module`. Set to `null` to leave the
+   * class's own export as-is (used with `componentMetadata: 'compilerstatic'` for
+   * unit-testing preprocessors). Default is `customelement`.
    */
-  componentExport?: 'customelement' | 'module' | string | undefined;
+  componentExport?: 'customelement' | 'module' | string | null | undefined;
   /**
    * Sets how and if component metadata should be assigned on the compiled
    * component output. The `compilerstatic` value will set the metadata to
@@ -4318,8 +4340,11 @@ interface TranspileOptions {
   /**
    * How component styles should be associated to the component. The `static`
    * setting will assign the styles as a static getter on the component class.
+   * Set to `null` to skip the assignment entirely (and leave any `styleUrl`
+   * import unresolved) - useful for unit-testing preprocessors that don't
+   * need real stylesheets.
    */
-  style?: 'static' | string | undefined;
+  style?: 'static' | string | null | undefined;
   /**
    * How style data should be added for imports. For example, the `queryparams` value
    * adds the component's tagname and encapsulation info as querystring parameter
@@ -4538,6 +4563,8 @@ interface BuildFeatures {
   shadowDelegatesFocus: boolean;
   shadowModeClosed: boolean;
   shadowSlotAssignmentManual: boolean;
+  shadowClonable: boolean;
+  shadowSerializable: boolean;
   scoped: boolean;
   /**
    * Every component has a render function
@@ -4554,6 +4581,8 @@ interface BuildFeatures {
   vdomKey: boolean;
   vdomListener: boolean;
   vdomPropOrAttr: boolean;
+  /** True when at least one component uses the explicit `attr:`/`prop:` JSX prefix. */
+  vdomPropOrAttrPrefix: boolean;
   vdomRef: boolean;
   vdomStyle: boolean;
   vdomText: boolean;
@@ -5002,6 +5031,7 @@ interface ComponentCompilerFeatures {
   hasVdomKey: boolean;
   hasVdomListener: boolean;
   hasVdomPropOrAttr: boolean;
+  hasVdomPropOrAttrPrefix: boolean;
   hasVdomRef: boolean;
   hasVdomRender: boolean;
   hasVdomStyle: boolean;
@@ -5085,6 +5115,16 @@ interface ComponentCompilerMeta extends ComponentCompilerFeatures {
   properties: ComponentCompilerProperty[];
   serializers: ComponentCompilerChangeHandler[];
   shadowDelegatesFocus: boolean;
+  /**
+   * Whether the shadow root is preserved when the host element is deep-cloned via
+   * `Node.cloneNode(true)`. Only applicable when encapsulation is 'shadow'.
+   */
+  shadowClonable: boolean;
+  /**
+   * Whether the shadow root is marked serializable for `Element.getHTML({ serializableShadowRoots: true })`.
+   * Only applicable when encapsulation is 'shadow'.
+   */
+  shadowSerializable: boolean;
   /**
    * Shadow DOM mode. 'open' (default) or 'closed'.
    * Only applicable when encapsulation is 'shadow'.
@@ -5663,6 +5703,7 @@ interface Module {
   hasVdomKey: boolean;
   hasVdomListener: boolean;
   hasVdomPropOrAttr: boolean;
+  hasVdomPropOrAttrPrefix: boolean;
   hasVdomRef: boolean;
   hasVdomRender: boolean;
   hasVdomStyle: boolean;

package/dist/{index-D2PAsXxx.d.ts → index-BsC_D1Ve.d.ts}

@@ -1364,6 +1364,8 @@ interface BuildFeatures {
   shadowDelegatesFocus: boolean;
   shadowModeClosed: boolean;
   shadowSlotAssignmentManual: boolean;
+  shadowClonable: boolean;
+  shadowSerializable: boolean;
   scoped: boolean;
   /**
    * Every component has a render function
@@ -1380,6 +1382,8 @@ interface BuildFeatures {
   vdomKey: boolean;
   vdomListener: boolean;
   vdomPropOrAttr: boolean;
+  /** True when at least one component uses the explicit `attr:`/`prop:` JSX prefix. */
+  vdomPropOrAttrPrefix: boolean;
   vdomRef: boolean;
   vdomStyle: boolean;
   vdomText: boolean;

package/dist/{index-VK8okIiF.d.mts → index-Cy8qbpEV.d.mts}

@@ -1,4 +1,4 @@
-import { Ca as VNode, Et as HostElement, Sa as UserBuildConditionals, ba as ResolutionHandler, cn as RuntimeRef, ga as FunctionalComponent, ha as ErrorHandler, p as ChildType, va as RafCallback, xa as TagTransformer } from "./index-BHj3EBl2.mjs";
+import { Ca as VNode, Et as HostElement, Sa as UserBuildConditionals, ba as ResolutionHandler, cn as RuntimeRef, ga as FunctionalComponent, ha as ErrorHandler, p as ChildType, va as RafCallback, xa as TagTransformer } from "./index-BcfVWmNG.mjs";
 //#region src/client/client-build.d.ts
 declare const Build: UserBuildConditionals;
 //#endregion
@@ -18,9 +18,6 @@ declare const setPlatformHelpers: (helpers: {
   ce?: (eventName: string, opts?: any) => any;
 }) => void;
 //#endregion
-//#region src/app-data/index.d.ts
-declare const Env: {};
-//#endregion
 //#region src/runtime/element.d.ts
 declare const getElement: (ref: any) => HostElement;
 /**
@@ -36,11 +33,6 @@ declare const getElement: (ref: any) => HostElement;
  */
 declare const getShadowRoot: (element: HTMLElement) => ShadowRoot | null;
 //#endregion
-//#region src/runtime/event-emitter.d.ts
-declare const createEvent: (ref: RuntimeRef, name: string, flags: number) => {
-  emit: (detail: any) => CustomEvent<any>;
-};
-//#endregion
 //#region src/runtime/fragment.d.ts
 declare const Fragment: FunctionalComponent;
 //#endregion
@@ -105,4 +97,4 @@ declare const jsxs: typeof jsx;
  */
 declare const jsxDEV: typeof jsx;
 //#endregion
-export { Build as S, Env as _, h as a, writeTask as b, setTagTransformer as c, getMode as d, setMode as f, getShadowRoot as g, getElement as h, Host as i, transformTag as l, createEvent as m, jsxDEV as n, forceUpdate as o, Fragment as p, jsxs as r, getRenderingRef as s, jsx as t, render as u, setPlatformHelpers as v, setErrorHandler as x, readTask as y };
+export { readTask as _, h as a, Build as b, setTagTransformer as c, getMode as d, setMode as f, setPlatformHelpers as g, getShadowRoot as h, Host as i, transformTag as l, getElement as m, jsxDEV as n, forceUpdate as o, Fragment as p, jsxs as r, getRenderingRef as s, jsx as t, render as u, writeTask as v, setErrorHandler as y };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { C as setAssetPath, E as setPlatformHelpers, I as Build, N as setErrorHandler, S as getAssetPath, T as writeTask, a as transformTag, b as getElement, c as Mixin, d as setMode, g as getRenderingRef, h as forceUpdate, i as setTagTransformer, m as h, o as render, p as Host, s as ReactiveControllerHost, u as getMode, w as readTask, x as getShadowRoot } from "./client-C3HYn-8p.mjs";
+import { C as setErrorHandler, _ as getAssetPath, a as transformTag, b as writeTask, c as Mixin, d as Host, f as h, g as getShadowRoot, h as getElement, i as setTagTransformer, l as getMode, m as getRenderingRef, o as render, p as forceUpdate, s as ReactiveControllerHost, u as setMode, v as setAssetPath, w as Build, x as setPlatformHelpers, y as readTask } from "./client-BVfiFFJ4.mjs";
 import { t as Fragment } from "./fragment-Di1hWOC8.mjs";
 //#region src/client/client-decorators.ts
 /**

package/dist/jsx-runtime.mjs

@@ -1,3 +1,3 @@
-import { n as jsxDEV, r as jsxs, t as jsx } from "./client-C3HYn-8p.mjs";
+import { n as jsxDEV, r as jsxs, t as jsx } from "./client-BVfiFFJ4.mjs";
 import { t as Fragment } from "./fragment-Di1hWOC8.mjs";
 export { Fragment, jsx, jsxDEV, jsxs };

package/dist/{node-DRT35FuO.mjs → node-DQBayfoI.mjs}

@@ -1,7 +1,7 @@
 import { n as __require } from "./rolldown-runtime-BhDjJH2R.mjs";
-import "./client-C3HYn-8p.mjs";
-import { h as noop, i as flatOne, l as isFunction, p as isString } from "./regular-expression-XqU5zmPp.mjs";
-import { $ as catchError, K as normalizePath, X as buildError, Y as TASK_CANCELED_MSG, nt as shouldIgnoreError, rt as isGlob } from "./util-BIa-iHnt.mjs";
+import "./client-BVfiFFJ4.mjs";
+import { c as isFunction, f as isString, m as noop, r as flatOne } from "./helpers-Cpp3qc3u.mjs";
+import { $ as catchError, K as normalizePath, X as buildError, Y as TASK_CANCELED_MSG, nt as shouldIgnoreError, rt as isGlob } from "./util-IKfWWLJo.mjs";
 import fs from "node:fs";
 import nodePath from "node:path";
 import { pathToFileURL } from "node:url";

package/dist/runtime/client/lazy.js

@@ -242,7 +242,17 @@ const CMP_FLAGS = {
 	* e.g. `encapsulation: { type: 'none', patches: ['all'] }`
 	* Equivalent to the global `experimentalSlotFixes` config option.
 	*/
-	patchAll: 32768
+	patchAll: 32768,
+	/**
+	* Determines if `clonable` is enabled for a component that uses the shadow DOM.
+	* e.g. `encapsulation: { type: 'shadow', clonable: true }` is set on the `@Component()` decorator
+	*/
+	shadowClonable: 65536,
+	/**
+	* Determines if `serializable` is enabled for a component that uses the shadow DOM.
+	* e.g. `encapsulation: { type: 'shadow', serializable: true }` is set on the `@Component()` decorator
+	*/
+	shadowSerializable: 1 << 17
 };
 /**
 * Namespaces
@@ -682,6 +692,8 @@ function createShadowRoot(cmpMeta) {
 	if (BUILD.shadowSlotAssignmentManual) {
 		if (!!(cmpMeta.$flags$ & CMP_FLAGS.shadowSlotAssignmentManual)) opts.slotAssignment = "manual";
 	}
+	if (BUILD.shadowClonable) opts.clonable = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowClonable);
+	if (BUILD.shadowSerializable) opts.serializable = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowSerializable);
 	const shadowRoot = this.attachShadow(opts);
 	if (BUILD.shadowModeClosed && isClosed) this.__shadowRoot = shadowRoot;
 	if (globalStyleSheet === void 0) globalStyleSheet = createStyleSheetIfNeededAndSupported(globalStyles) ?? null;
@@ -1809,7 +1821,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialR
 			if (oldValue) plt.rel(elm, memberName, oldValue, capture);
 			if (newValue) plt.ael(elm, memberName, newValue, capture);
 		}
-	} else if (BUILD.vdomPropOrAttr && memberName[0] === "a" && memberName.startsWith("attr:")) {
+	} else if (BUILD.vdomPropOrAttrPrefix && memberName[0] === "a" && memberName.startsWith("attr:")) {
 		const propName = memberName.slice(5);
 		let attrName;
 		if (BUILD.member) {
@@ -1824,7 +1836,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialR
 			if (newValue !== false || elm.getAttribute(attrName) === "") elm.removeAttribute(attrName);
 		} else elm.setAttribute(attrName, newValue === true ? "" : newValue);
 		return;
-	} else if (BUILD.vdomPropOrAttr && memberName[0] === "p" && memberName.startsWith("prop:")) {
+	} else if (BUILD.vdomPropOrAttrPrefix && memberName[0] === "p" && memberName.startsWith("prop:")) {
 		const propName = memberName.slice(5);
 		try {
 			elm[propName] = newValue;

package/dist/runtime/client/runtime.js

@@ -236,7 +236,17 @@ const CMP_FLAGS = {
 	* e.g. `encapsulation: { type: 'none', patches: ['all'] }`
 	* Equivalent to the global `experimentalSlotFixes` config option.
 	*/
-	patchAll: 32768
+	patchAll: 32768,
+	/**
+	* Determines if `clonable` is enabled for a component that uses the shadow DOM.
+	* e.g. `encapsulation: { type: 'shadow', clonable: true }` is set on the `@Component()` decorator
+	*/
+	shadowClonable: 65536,
+	/**
+	* Determines if `serializable` is enabled for a component that uses the shadow DOM.
+	* e.g. `encapsulation: { type: 'shadow', serializable: true }` is set on the `@Component()` decorator
+	*/
+	shadowSerializable: 1 << 17
 };
 /**
 * Namespaces
@@ -676,6 +686,8 @@ function createShadowRoot(cmpMeta) {
 	if (BUILD$1.shadowSlotAssignmentManual) {
 		if (!!(cmpMeta.$flags$ & CMP_FLAGS.shadowSlotAssignmentManual)) opts.slotAssignment = "manual";
 	}
+	if (BUILD$1.shadowClonable) opts.clonable = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowClonable);
+	if (BUILD$1.shadowSerializable) opts.serializable = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowSerializable);
 	const shadowRoot = this.attachShadow(opts);
 	if (BUILD$1.shadowModeClosed && isClosed) this.__shadowRoot = shadowRoot;
 	if (globalStyleSheet === void 0) globalStyleSheet = createStyleSheetIfNeededAndSupported(globalStyles) ?? null;
@@ -1803,7 +1815,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialR
 			if (oldValue) plt.rel(elm, memberName, oldValue, capture);
 			if (newValue) plt.ael(elm, memberName, newValue, capture);
 		}
-	} else if (BUILD$1.vdomPropOrAttr && memberName[0] === "a" && memberName.startsWith("attr:")) {
+	} else if (BUILD$1.vdomPropOrAttrPrefix && memberName[0] === "a" && memberName.startsWith("attr:")) {
 		const propName = memberName.slice(5);
 		let attrName;
 		if (BUILD$1.member) {
@@ -1818,7 +1830,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialR
 			if (newValue !== false || elm.getAttribute(attrName) === "") elm.removeAttribute(attrName);
 		} else elm.setAttribute(attrName, newValue === true ? "" : newValue);
 		return;
-	} else if (BUILD$1.vdomPropOrAttr && memberName[0] === "p" && memberName.startsWith("prop:")) {
+	} else if (BUILD$1.vdomPropOrAttrPrefix && memberName[0] === "p" && memberName.startsWith("prop:")) {
 		const propName = memberName.slice(5);
 		try {
 			elm[propName] = newValue;

package/dist/runtime/index.d.ts

@@ -1,4 +1,4 @@
-import { C as ResolutionHandler, S as ReactiveControllerHostInterface, T as VNode, _ as CustomElementsDefineOptions, a as ComponentConstructor, b as JSXBase, c as ComponentRuntimeMeta, d as HostRef, f as LazyBundlesRuntimeData, g as ComponentInterface, h as RuntimeRef, i as ChildType, l as ComponentRuntimeMetaCompact, m as RenderNode, o as ComponentConstructorChangeHandlers, p as PlatformRuntime, s as ComponentRuntimeHostListener, u as HostElement, v as FunctionalComponent, w as TagTransformer, x as MixedInCtor, y as HTMLStencilElement } from "../index-D2PAsXxx.js";
+import { C as ResolutionHandler, S as ReactiveControllerHostInterface, T as VNode, _ as CustomElementsDefineOptions, a as ComponentConstructor, b as JSXBase, c as ComponentRuntimeMeta, d as HostRef, f as LazyBundlesRuntimeData, g as ComponentInterface, h as RuntimeRef, i as ChildType, l as ComponentRuntimeMetaCompact, m as RenderNode, o as ComponentConstructorChangeHandlers, p as PlatformRuntime, s as ComponentRuntimeHostListener, u as HostElement, v as FunctionalComponent, w as TagTransformer, x as MixedInCtor, y as HTMLStencilElement } from "../index-BsC_D1Ve.js";
 //#region src/runtime/asset-path.d.ts
 declare const getAssetPath: (path: string) => string;
 declare const setAssetPath: (path: string) => string;

package/dist/runtime/index.js

@@ -148,7 +148,17 @@ const CMP_FLAGS = {
 	* e.g. `encapsulation: { type: 'none', patches: ['all'] }`
 	* Equivalent to the global `experimentalSlotFixes` config option.
 	*/
-	patchAll: 32768
+	patchAll: 32768,
+	/**
+	* Determines if `clonable` is enabled for a component that uses the shadow DOM.
+	* e.g. `encapsulation: { type: 'shadow', clonable: true }` is set on the `@Component()` decorator
+	*/
+	shadowClonable: 65536,
+	/**
+	* Determines if `serializable` is enabled for a component that uses the shadow DOM.
+	* e.g. `encapsulation: { type: 'shadow', serializable: true }` is set on the `@Component()` decorator
+	*/
+	shadowSerializable: 1 << 17
 };
 /**
 * Namespaces
@@ -553,6 +563,8 @@ function createShadowRoot(cmpMeta) {
 	if (BUILD.shadowSlotAssignmentManual) {
 		if (!!(cmpMeta.$flags$ & CMP_FLAGS.shadowSlotAssignmentManual)) opts.slotAssignment = "manual";
 	}
+	if (BUILD.shadowClonable) opts.clonable = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowClonable);
+	if (BUILD.shadowSerializable) opts.serializable = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowSerializable);
 	const shadowRoot = this.attachShadow(opts);
 	if (BUILD.shadowModeClosed && isClosed) this.__shadowRoot = shadowRoot;
 	if (globalStyleSheet === void 0) globalStyleSheet = createStyleSheetIfNeededAndSupported("") ?? null;
@@ -1675,7 +1687,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialR
 			if (oldValue) plt.rel(elm, memberName, oldValue, capture);
 			if (newValue) plt.ael(elm, memberName, newValue, capture);
 		}
-	} else if (BUILD.vdomPropOrAttr && memberName[0] === "a" && memberName.startsWith("attr:")) {
+	} else if (BUILD.vdomPropOrAttrPrefix && memberName[0] === "a" && memberName.startsWith("attr:")) {
 		const propName = memberName.slice(5);
 		let attrName;
 		if (BUILD.member) {
@@ -1690,7 +1702,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialR
 			if (newValue !== false || elm.getAttribute(attrName) === "") elm.removeAttribute(attrName);
 		} else elm.setAttribute(attrName, newValue === true ? "" : newValue);
 		return;
-	} else if (BUILD.vdomPropOrAttr && memberName[0] === "p" && memberName.startsWith("prop:")) {
+	} else if (BUILD.vdomPropOrAttrPrefix && memberName[0] === "p" && memberName.startsWith("prop:")) {
 		const propName = memberName.slice(5);
 		try {
 			elm[propName] = newValue;

package/dist/runtime/server/index.mjs

@@ -141,7 +141,17 @@ const CMP_FLAGS = {
 	* e.g. `encapsulation: { type: 'none', patches: ['all'] }`
 	* Equivalent to the global `experimentalSlotFixes` config option.
 	*/
-	patchAll: 32768
+	patchAll: 32768,
+	/**
+	* Determines if `clonable` is enabled for a component that uses the shadow DOM.
+	* e.g. `encapsulation: { type: 'shadow', clonable: true }` is set on the `@Component()` decorator
+	*/
+	shadowClonable: 65536,
+	/**
+	* Determines if `serializable` is enabled for a component that uses the shadow DOM.
+	* e.g. `encapsulation: { type: 'shadow', serializable: true }` is set on the `@Component()` decorator
+	*/
+	shadowSerializable: 1 << 17
 };
 /**
 * Namespaces
@@ -330,6 +340,8 @@ function createShadowRoot(cmpMeta) {
 	if (BUILD$1.shadowSlotAssignmentManual) {
 		if (!!(cmpMeta.$flags$ & CMP_FLAGS.shadowSlotAssignmentManual)) opts.slotAssignment = "manual";
 	}
+	if (BUILD$1.shadowClonable) opts.clonable = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowClonable);
+	if (BUILD$1.shadowSerializable) opts.serializable = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowSerializable);
 	const shadowRoot = this.attachShadow(opts);
 	if (BUILD$1.shadowModeClosed && isClosed) this.__shadowRoot = shadowRoot;
 	if (globalStyleSheet === void 0) globalStyleSheet = null;
@@ -1423,7 +1435,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialR
 			if (oldValue) plt.rel(elm, memberName, oldValue, capture);
 			if (newValue) plt.ael(elm, memberName, newValue, capture);
 		}
-	} else if (BUILD$1.vdomPropOrAttr && memberName[0] === "a" && memberName.startsWith("attr:")) {
+	} else if (BUILD$1.vdomPropOrAttrPrefix && memberName[0] === "a" && memberName.startsWith("attr:")) {
 		const propName = memberName.slice(5);
 		let attrName;
 		if (BUILD$1.member) {
@@ -1438,7 +1450,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialR
 			if (newValue !== false || elm.getAttribute(attrName) === "") elm.removeAttribute(attrName);
 		} else elm.setAttribute(attrName, newValue === true ? "" : newValue);
 		return;
-	} else if (BUILD$1.vdomPropOrAttr && memberName[0] === "p" && memberName.startsWith("prop:")) {
+	} else if (BUILD$1.vdomPropOrAttrPrefix && memberName[0] === "p" && memberName.startsWith("prop:")) {
 		const propName = memberName.slice(5);
 		try {
 			elm[propName] = newValue;

package/dist/runtime/server/runner.mjs

@@ -7639,6 +7639,14 @@ function* streamToHtml(node, opts, output) {
 					yield " shadowrootdelegatesfocus";
 					output.currentLineWidth += 25;
 				}
+				if (node.clonable) {
+					yield " shadowrootclonable";
+					output.currentLineWidth += 19;
+				}
+				if (node.serializable) {
+					yield " shadowrootserializable";
+					output.currentLineWidth += 23;
+				}
 			}
 			const attrsLength = node.attributes.length;
 			const attributes = opts.prettyHtml && attrsLength > 1 ? cloneAttributes(node.attributes, true) : node.attributes;
@@ -8262,6 +8270,8 @@ var MockElement = class extends MockNode {
 		const shadowRoot = this.ownerDocument.createDocumentFragment();
 		shadowRoot.mode = _opts.mode ?? "open";
 		shadowRoot.delegatesFocus = _opts.delegatesFocus ?? false;
+		shadowRoot.clonable = _opts.clonable ?? false;
+		shadowRoot.serializable = _opts.serializable ?? false;
 		this.shadowRoot = shadowRoot;
 		return shadowRoot;
 	}
@@ -11306,11 +11316,16 @@ var MockResizeObserver = class {
 var MockShadowRoot = class extends MockDocumentFragment {
 	_mode = "open";
 	_delegatesFocus = false;
+	_clonable = false;
+	_serializable = false;
 	get activeElement() {
 		return null;
 	}
-	get cloneable() {
-		return false;
+	get clonable() {
+		return this._clonable;
+	}
+	set clonable(value) {
+		this._clonable = value;
 	}
 	get delegatesFocus() {
 		return this._delegatesFocus;
@@ -11342,7 +11357,10 @@ var MockShadowRoot = class extends MockDocumentFragment {
 		return null;
 	}
 	get serializable() {
-		return false;
+		return this._serializable;
+	}
+	set serializable(value) {
+		this._serializable = value;
 	}
 	get slotAssignment() {
 		return "named";

package/dist/signals/index.js

@@ -57,6 +57,7 @@ const BUILD = {
 	vdomListener: true,
 	vdomRef: true,
 	vdomPropOrAttr: true,
+	vdomPropOrAttrPrefix: true,
 	vdomRender: true,
 	vdomStyle: true,
 	vdomText: true,
@@ -95,6 +96,8 @@ const BUILD = {
 	devTools: false,
 	shadowDelegatesFocus: true,
 	shadowSlotAssignmentManual: false,
+	shadowClonable: true,
+	shadowSerializable: true,
 	initializeNextTick: false,
 	asyncLoading: true,
 	asyncQueue: false

package/dist/sys/node/index.d.mts

@@ -1,4 +1,4 @@
-import { ni as Logger, yr as CompilerSystem } from "../../index-BHj3EBl2.mjs";
+import { ni as Logger, yr as CompilerSystem } from "../../index-BcfVWmNG.mjs";
 //#region src/sys/node/logger/index.d.ts
 /**
  * Create a logger to run in a Node environment

package/dist/sys/node/index.mjs

@@ -1,2 +1,2 @@
-import { n as setupNodeProcess, r as createNodeLogger, t as createNodeSys } from "../../node-DRT35FuO.mjs";
+import { n as setupNodeProcess, r as createNodeLogger, t as createNodeSys } from "../../node-DQBayfoI.mjs";
 export { createNodeLogger, createNodeSys, setupNodeProcess };

package/dist/sys/node/worker.mjs

@@ -1,5 +1,5 @@
-import { l as createWorkerMessageHandler } from "../../compiler-D2MlfN4O.mjs";
-import { t as createNodeSys } from "../../node-DRT35FuO.mjs";
+import { l as createWorkerMessageHandler } from "../../compiler-DkOB0Joz.mjs";
+import { t as createNodeSys } from "../../node-DQBayfoI.mjs";
 //#region src/sys/node/node-worker-thread.ts
 /**
 * Initialize a worker thread, setting up various machinery for managing