@weapp-vite/web 1.3.37 → 1.4.1

package/dist/runtime/component/element.mjs

@@ -3,35 +3,62 @@ import { createRenderContext } from "../renderContext.mjs";
 import { hasOwn } from "../utils/object.mjs";
 import { createScopedSelectorQuery, resolveRenderRoot, selectRuntimeComponent, selectRuntimeComponents } from "./dom.mjs";
 import { bindRuntimeEvents } from "./events.mjs";
+import { runComponentObservers } from "./observers.mjs";
+import { createComponentPublicInstance } from "./publicInstance.mjs";
+import { resolveRelationNodes } from "./relations.mjs";
+import { createWebSlotsProxy } from "./slots.mjs";
 import { cloneValue, coerceValue, toCamelCase } from "./utils.mjs";
+import { clearVirtualHostClasses, clearVirtualHostParts, syncVirtualHostClasses, syncVirtualHostParts } from "./virtualHost.mjs";
 import { html } from "lit";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 
 //#region src/runtime/component/element.ts
+function resolveComposedParent(node) {
+	const assignedSlot = node.assignedSlot;
+	if (assignedSlot) return assignedSlot;
+	if (node.parentNode) return node.parentNode;
+	const root = node.getRootNode?.();
+	return root instanceof ShadowRoot ? root.host : void 0;
+}
+function isWeappComponentInstance(value) {
+	return Boolean(value && typeof value === "object" && typeof value.__weappSync === "function");
+}
 function createComponentElementClass({ BaseElement, runtimeState, instances }) {
-	class WeappWebComponent extends BaseElement {
-		static observedAttributes = runtimeState.observedAttributes;
+	const RuntimeBaseElement = BaseElement;
+	class WeappWebComponent extends RuntimeBaseElement {
+		static get observedAttributes() {
+			const inherited = super.observedAttributes ?? [];
+			return Array.from(/* @__PURE__ */ new Set([...inherited, ...runtimeState.observedAttributes]));
+		}
 		#state;
 		#properties;
-		#methods;
+		#methods = {};
+		#publicInstance;
+		#exposedMethodNames = /* @__PURE__ */ new Set();
 		#isMounted = false;
 		#renderContext = createRenderContext(this, {});
 		#usesLegacyTemplate = false;
 		#readyFired = false;
 		#observerInitDone = false;
 		#observedKeys = /* @__PURE__ */ new Set();
+		#virtualHostClassTokens = /* @__PURE__ */ new Set();
+		#virtualHostPartTokens = /* @__PURE__ */ new Set();
+		#virtualHostRootElement;
 		data;
 		properties;
 		constructor() {
 			super();
-			const dataOption = typeof runtimeState.componentRef.data === "function" ? runtimeState.componentRef.data() : runtimeState.componentRef.data ?? {};
+			const dataOption = runtimeState.componentRef.data ?? {};
 			this.#properties = { ...runtimeState.defaultPropertyValues };
 			this.#state = {
 				...cloneValue(this.#properties),
 				...cloneValue(dataOption)
 			};
-			this.#methods = {};
-			this.#syncMethods(runtimeState.componentRef.methods ?? {});
+			Object.defineProperty(this.#state, "$slots", {
+				configurable: true,
+				enumerable: true,
+				value: createWebSlotsProxy(() => this.#state.vueSlots)
+			});
 			Object.defineProperties(this, {
 				data: {
 					configurable: true,
@@ -44,28 +71,34 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 					get: () => this.#properties
 				}
 			});
+			this.#publicInstance = createComponentPublicInstance(this, WeappWebComponent.prototype, (key) => typeof key === "string" ? this.#methods[key] : void 0);
 			for (const [propName] of runtimeState.propertyEntries) Object.defineProperty(this, propName, {
 				configurable: true,
 				enumerable: true,
 				get: () => this.#state[propName],
 				set: (value) => this.#setProperty(propName, value)
 			});
+			this.#syncMethods(runtimeState.componentRef.methods ?? {});
 			if (!supportsLit) {
 				const host = this;
 				if (!host.shadowRoot && typeof host.attachShadow === "function") host.attachShadow({ mode: "open" });
 				this.renderRoot = host.shadowRoot ?? host;
 			}
 			instances.add(this);
-			runtimeState.lifetimes.created?.call(this);
+			runtimeState.lifetimes.created?.call(this.#publicInstance);
 		}
-		setData(patch) {
-			this.#applyDataPatch(patch);
+		setData(patch, callback) {
+			const changed = this.#applyDataPatch(patch);
+			if (supportsLit && changed) return this.updateComplete.then(() => {
+				callback?.();
+			});
+			callback?.();
 		}
-		triggerEvent(name, detail) {
+		triggerEvent(name, detail, options = {}) {
 			this.dispatchEvent(new CustomEvent(name, {
 				detail,
-				bubbles: true,
-				composed: true
+				bubbles: options.bubbles ?? false,
+				composed: options.composed ?? false
 			}));
 		}
 		createSelectorQuery() {
@@ -77,12 +110,23 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 		selectAllComponents(selector) {
 			return selectRuntimeComponents(this, selector);
 		}
+		getRelationNodes(relationPath) {
+			const relation = runtimeState.componentRef.relations?.[relationPath];
+			return relation ? resolveRelationNodes(this, runtimeState.id, relationPath, relation.type) : [];
+		}
+		selectOwnerComponent() {
+			let current = resolveComposedParent(this);
+			while (current) {
+				if (isWeappComponentInstance(current)) return current;
+				current = resolveComposedParent(current);
+			}
+		}
 		connectedCallback() {
 			const superConnected = BaseElement.prototype.connectedCallback;
 			if (supportsLit && typeof superConnected === "function") superConnected.call(this);
 			this.#applyAttributes();
 			if (runtimeState.observerInitEnabled) this.#runInitialObservers();
-			runtimeState.lifetimes.attached?.call(this);
+			runtimeState.lifetimes.attached?.call(this.#publicInstance);
 			this.#isMounted = true;
 			if (!supportsLit) this.#renderLegacy();
 		}
@@ -91,7 +135,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			if (supportsLit && typeof superDisconnected === "function") superDisconnected.call(this);
 			this.#isMounted = false;
 			instances.delete(this);
-			runtimeState.lifetimes.detached?.call(this);
+			runtimeState.lifetimes.detached?.call(this.#publicInstance);
 		}
 		attributeChangedCallback(attrName, oldValue, newValue) {
 			const superAttributeChanged = BaseElement.prototype.attributeChangedCallback;
@@ -102,10 +146,11 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			this.#setProperty(propName, coerceValue(newValue, propOption?.type));
 		}
 		firstUpdated() {
-			runtimeState.lifetimes.ready?.call(this);
+			runtimeState.lifetimes.ready?.call(this.#publicInstance);
 			this.#readyFired = true;
 		}
 		updated() {
+			this.#syncVirtualHostClasses();
 			if (this.#usesLegacyTemplate) bindRuntimeEvents(resolveRenderRoot(this), this.#methods, this);
 		}
 		render() {
@@ -129,23 +174,27 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			for (const attr of this.attributes) this.attributeChangedCallback(attr.name, null, attr.value);
 		}
 		#applyDataPatch(patch) {
-			if (!patch || typeof patch !== "object") return;
+			if (!patch || typeof patch !== "object") return false;
 			let changed = false;
+			const changedKeys = [];
+			const previousProperties = {};
 			for (const [key, value] of Object.entries(patch)) {
 				if (this.#state[key] === value) continue;
 				const oldValue = this.#state[key];
 				this.#state[key] = value;
 				if (hasOwn(this.#properties, key)) {
+					previousProperties[key] = oldValue;
 					this.#properties[key] = value;
-					const propOption = runtimeState.componentRef.properties?.[key];
-					if (propOption?.observer) {
-						propOption.observer.call(this, value, oldValue);
-						this.#observedKeys.add(key);
-					}
 				}
+				changedKeys.push(key);
 				changed = true;
 			}
-			if (changed) this.requestUpdate();
+			if (changed) {
+				this.requestUpdate();
+				runComponentObservers(runtimeState.componentRef, this.#publicInstance, changedKeys, previousProperties);
+				for (const key of changedKeys) if (runtimeState.componentRef.properties?.[key]?.observer) this.#observedKeys.add(key);
+			}
+			return changed;
 		}
 		#setProperty(name, value) {
 			const propOption = runtimeState.componentRef.properties?.[name];
@@ -155,10 +204,8 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			this.#properties[name] = coerced;
 			this.#state[name] = coerced;
 			if (this.#isMounted) this.requestUpdate();
-			if (propOption?.observer) {
-				propOption.observer.call(this, coerced, oldValue);
-				this.#observedKeys.add(name);
-			}
+			runComponentObservers(runtimeState.componentRef, this.#publicInstance, [name], { [name]: oldValue });
+			if (propOption?.observer) this.#observedKeys.add(name);
 		}
 		#runInitialObservers() {
 			if (this.#observerInitDone) return;
@@ -166,16 +213,32 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 			for (const [propName, propOption] of runtimeState.propertyEntries) {
 				if (!propOption.observer || this.#observedKeys.has(propName)) continue;
 				const value = this.#state[propName];
-				propOption.observer.call(this, value, void 0);
+				propOption.observer.call(this.#publicInstance, value, void 0);
 				this.#observedKeys.add(propName);
 			}
 		}
 		#syncMethods(nextMethods) {
 			const resolved = nextMethods ?? {};
 			const bound = {};
-			for (const [name, fn] of Object.entries(resolved)) if (typeof fn === "function") bound[name] = fn.bind(this);
+			for (const [name, fn] of Object.entries(resolved)) if (typeof fn === "function") bound[name] = fn.bind(this.#publicInstance);
+			for (const name of this.#exposedMethodNames) {
+				if (name in bound) continue;
+				const descriptor = Object.getOwnPropertyDescriptor(this, name);
+				if (descriptor?.configurable && descriptor.value === this.#methods[name]) delete this[name];
+				this.#exposedMethodNames.delete(name);
+			}
 			for (const key of Object.keys(this.#methods)) if (!(key in bound)) delete this.#methods[key];
-			for (const [key, fn] of Object.entries(bound)) this.#methods[key] = fn;
+			for (const [key, fn] of Object.entries(bound)) {
+				this.#methods[key] = fn;
+				if (!this.#exposedMethodNames.has(key) && key in this) continue;
+				Object.defineProperty(this, key, {
+					configurable: true,
+					enumerable: false,
+					writable: true,
+					value: fn
+				});
+				this.#exposedMethodNames.add(key);
+			}
 			this.#renderContext = createRenderContext(this, this.#methods);
 		}
 		__weappSync(nextMethods) {
@@ -184,7 +247,7 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 		}
 		__weappInvokePageLifetime(type) {
 			const hook = runtimeState.pageLifetimes[type];
-			if (typeof hook === "function") hook.call(this);
+			if (typeof hook === "function") hook.call(this.#publicInstance);
 		}
 		#renderLegacy() {
 			const result = runtimeState.templateRef(this.#state, this.#renderContext);
@@ -195,11 +258,24 @@ function createComponentElementClass({ BaseElement, runtimeState, instances }) {
 				bindRuntimeEvents(root, this.#methods, this);
 			} else if (result == null) root.innerHTML = styleMarkup;
 			else root.innerHTML = `${styleMarkup}${String(result)}`;
+			this.#syncVirtualHostClasses();
 			if (!this.#readyFired) {
-				runtimeState.lifetimes.ready?.call(this);
+				runtimeState.lifetimes.ready?.call(this.#publicInstance);
 				this.#readyFired = true;
 			}
 		}
+		#syncVirtualHostClasses() {
+			const host = this;
+			if (!runtimeState.componentRef.options?.virtualHost) {
+				clearVirtualHostClasses(host, this.#virtualHostClassTokens);
+				clearVirtualHostParts(this.#virtualHostRootElement, this.#virtualHostPartTokens);
+				this.#virtualHostRootElement = void 0;
+				return;
+			}
+			const root = resolveRenderRoot(this);
+			syncVirtualHostClasses(host, root, this.#virtualHostClassTokens);
+			this.#virtualHostRootElement = syncVirtualHostParts(root, this.#virtualHostRootElement, this.#virtualHostPartTokens);
+		}
 	}
 	return WeappWebComponent;
 }

package/dist/runtime/component/element.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"element.mjs","names":["#properties","#state","#methods","#syncMethods","#setProperty","#applyDataPatch","#applyAttributes","#runInitialObservers","#isMounted","#renderLegacy","#readyFired","#usesLegacyTemplate","#renderContext","#observedKeys","#observerInitDone"],"sources":["../../../src/runtime/component/element.ts"],"sourcesContent":["import type {\n  CreateComponentElementClassOptions,\n  WeappComponentInstance,\n} from './elementTypes'\nimport type {\n  ComponentOptions,\n  DataRecord,\n  PageLifeTimeHooks,\n} from './types'\nimport { html } from 'lit'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\nimport { createRenderContext } from '../renderContext'\nimport { hasOwn } from '../utils/object'\nimport { supportsLit } from './constants'\nimport {\n  createScopedSelectorQuery,\n  resolveRenderRoot,\n  selectRuntimeComponent,\n  selectRuntimeComponents,\n} from './dom'\nimport { bindRuntimeEvents } from './events'\nimport { cloneValue, coerceValue, toCamelCase } from './utils'\n\nexport type { WeappComponentInstance } from './elementTypes'\nexport type WeappComponentElementClass = typeof HTMLElement & {\n  new (): WeappComponentInstance\n}\n\nexport function createComponentElementClass({\n  BaseElement,\n  runtimeState,\n  instances,\n}: CreateComponentElementClassOptions): WeappComponentElementClass {\n  class WeappWebComponent extends BaseElement implements WeappComponentInstance {\n    static observedAttributes = runtimeState.observedAttributes\n\n    #state: DataRecord\n    #properties: DataRecord\n    #methods: Record<string, (event: any) => any>\n    #isMounted = false\n    #renderContext = createRenderContext(this, {})\n    #usesLegacyTemplate = false\n    #readyFired = false\n    #observerInitDone = false\n    #observedKeys = new Set<string>()\n    readonly data!: DataRecord\n    readonly properties!: DataRecord\n\n    constructor() {\n      super()\n      const dataOption = typeof runtimeState.componentRef.data === 'function'\n        ? (runtimeState.componentRef.data as () => DataRecord)()\n        : (runtimeState.componentRef.data ?? {})\n      this.#properties = { ...runtimeState.defaultPropertyValues }\n      this.#state = { ...cloneValue(this.#properties), ...cloneValue(dataOption) }\n      this.#methods = {}\n      this.#syncMethods(runtimeState.componentRef.methods ?? {})\n      Object.defineProperties(this, {\n        data: {\n          configurable: true,\n          enumerable: true,\n          get: () => this.#state,\n        },\n        properties: {\n          configurable: true,\n          enumerable: true,\n          get: () => this.#properties,\n        },\n      })\n      for (const [propName] of runtimeState.propertyEntries) {\n        Object.defineProperty(this, propName, {\n          configurable: true,\n          enumerable: true,\n          get: () => this.#state[propName],\n          set: value => this.#setProperty(propName, value),\n        })\n      }\n      if (!supportsLit) {\n        const host = this as unknown as HTMLElement\n        if (!host.shadowRoot && typeof host.attachShadow === 'function') {\n          host.attachShadow({ mode: 'open' })\n        }\n        ;(this as any).renderRoot = host.shadowRoot ?? host\n      }\n      instances.add(this)\n      runtimeState.lifetimes.created?.call(this)\n    }\n\n    setData(patch: DataRecord) {\n      this.#applyDataPatch(patch)\n    }\n\n    triggerEvent(name: string, detail?: any) {\n      this.dispatchEvent(new CustomEvent(name, {\n        detail,\n        bubbles: true,\n        composed: true,\n      }))\n    }\n\n    createSelectorQuery() {\n      return createScopedSelectorQuery(this)\n    }\n\n    selectComponent(selector: string) {\n      return selectRuntimeComponent(this, selector)\n    }\n\n    selectAllComponents(selector: string) {\n      return selectRuntimeComponents(this, selector)\n    }\n\n    connectedCallback() {\n      const superConnected = (BaseElement.prototype as { connectedCallback?: () => void }).connectedCallback\n      if (supportsLit && typeof superConnected === 'function') {\n        superConnected.call(this)\n      }\n      this.#applyAttributes()\n      if (runtimeState.observerInitEnabled) {\n        this.#runInitialObservers()\n      }\n      runtimeState.lifetimes.attached?.call(this)\n      this.#isMounted = true\n      if (!supportsLit) {\n        this.#renderLegacy()\n      }\n    }\n\n    disconnectedCallback() {\n      const superDisconnected = (BaseElement.prototype as { disconnectedCallback?: () => void }).disconnectedCallback\n      if (supportsLit && typeof superDisconnected === 'function') {\n        superDisconnected.call(this)\n      }\n      this.#isMounted = false\n      instances.delete(this)\n      runtimeState.lifetimes.detached?.call(this)\n    }\n\n    attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null) {\n      const superAttributeChanged = (BaseElement.prototype as {\n        attributeChangedCallback?: (name: string, oldValue: string | null, newValue: string | null) => void\n      }).attributeChangedCallback\n      if (supportsLit && typeof superAttributeChanged === 'function') {\n        superAttributeChanged.call(this, attrName, oldValue, newValue)\n      }\n      const propName = toCamelCase(attrName)\n      if (!hasOwn(this.#properties, propName)) {\n        return\n      }\n      const propOption = runtimeState.componentRef.properties?.[propName]\n      this.#setProperty(propName, coerceValue(newValue, propOption?.type))\n    }\n\n    firstUpdated() {\n      runtimeState.lifetimes.ready?.call(this)\n      this.#readyFired = true\n    }\n\n    updated() {\n      if (this.#usesLegacyTemplate) {\n        bindRuntimeEvents(resolveRenderRoot(this), this.#methods, this)\n      }\n    }\n\n    render() {\n      const result = runtimeState.templateRef(this.#state, this.#renderContext)\n      const styleMarkup = runtimeState.styleRef\n        ? html`<style>${runtimeState.styleRef}</style>`\n        : null\n      if (typeof result === 'string') {\n        this.#usesLegacyTemplate = true\n        return html`${styleMarkup}${unsafeHTML(result)}`\n      }\n      this.#usesLegacyTemplate = false\n      if (styleMarkup) {\n        return html`${styleMarkup}${result as any}`\n      }\n      return result\n    }\n\n    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: unknown) {\n      const superRequestUpdate = (BaseElement.prototype as any).requestUpdate\n      if (supportsLit && typeof superRequestUpdate === 'function') {\n        return superRequestUpdate.call(this, name, oldValue, options)\n      }\n      if (this.#isMounted) {\n        this.#renderLegacy()\n      }\n      return undefined\n    }\n\n    #applyAttributes() {\n      if (!this.attributes || typeof this.attributes[Symbol.iterator] !== 'function') {\n        return\n      }\n      for (const attr of this.attributes) {\n        this.attributeChangedCallback(attr.name, null, attr.value)\n      }\n    }\n\n    #applyDataPatch(patch: DataRecord) {\n      if (!patch || typeof patch !== 'object') {\n        return\n      }\n      let changed = false\n      for (const [key, value] of Object.entries(patch)) {\n        if (this.#state[key] === value) {\n          continue\n        }\n        const oldValue = this.#state[key]\n        this.#state[key] = value\n        if (hasOwn(this.#properties, key)) {\n          this.#properties[key] = value\n          const propOption = runtimeState.componentRef.properties?.[key]\n          if (propOption?.observer) {\n            propOption.observer.call(this, value, oldValue)\n            this.#observedKeys.add(key)\n          }\n        }\n        changed = true\n      }\n      if (changed) {\n        this.requestUpdate()\n      }\n    }\n\n    #setProperty(name: string, value: any) {\n      const propOption = runtimeState.componentRef.properties?.[name]\n      const coerced = coerceValue(value, propOption?.type)\n      const oldValue = this.#properties[name]\n      if (oldValue === coerced) {\n        return\n      }\n      this.#properties[name] = coerced\n      this.#state[name] = coerced\n      if (this.#isMounted) {\n        this.requestUpdate()\n      }\n      if (propOption?.observer) {\n        propOption.observer.call(this, coerced, oldValue)\n        this.#observedKeys.add(name)\n      }\n    }\n\n    #runInitialObservers() {\n      if (this.#observerInitDone) {\n        return\n      }\n      this.#observerInitDone = true\n      for (const [propName, propOption] of runtimeState.propertyEntries) {\n        if (!propOption.observer || this.#observedKeys.has(propName)) {\n          continue\n        }\n        const value = this.#state[propName]\n        propOption.observer.call(this, value, undefined)\n        this.#observedKeys.add(propName)\n      }\n    }\n\n    #syncMethods(nextMethods: ComponentOptions['methods']) {\n      const resolved = nextMethods ?? {}\n      const bound: Record<string, (event: any) => any> = {}\n      for (const [name, fn] of Object.entries(resolved)) {\n        if (typeof fn === 'function') {\n          bound[name] = fn.bind(this)\n        }\n      }\n      for (const key of Object.keys(this.#methods)) {\n        if (!(key in bound)) {\n          delete this.#methods[key]\n        }\n      }\n      for (const [key, fn] of Object.entries(bound)) {\n        this.#methods[key] = fn\n      }\n      this.#renderContext = createRenderContext(this, this.#methods)\n    }\n\n    __weappSync(nextMethods: ComponentOptions['methods']) {\n      this.#syncMethods(nextMethods)\n      this.requestUpdate()\n    }\n\n    __weappInvokePageLifetime(type: keyof PageLifeTimeHooks) {\n      const hook = runtimeState.pageLifetimes[type]\n      if (typeof hook === 'function') {\n        hook.call(this)\n      }\n    }\n\n    #renderLegacy() {\n      const result = runtimeState.templateRef(this.#state, this.#renderContext)\n      const root = resolveRenderRoot(this)\n      const styleMarkup = runtimeState.styleRef ? `<style>${runtimeState.styleRef}</style>` : ''\n      if (typeof result === 'string') {\n        root.innerHTML = `${styleMarkup}${result}`\n        bindRuntimeEvents(root as ShadowRoot, this.#methods, this)\n      }\n      else if (result == null) {\n        root.innerHTML = styleMarkup\n      }\n      else {\n        root.innerHTML = `${styleMarkup}${String(result)}`\n      }\n      if (!this.#readyFired) {\n        runtimeState.lifetimes.ready?.call(this)\n        this.#readyFired = true\n      }\n    }\n  }\n\n  return WeappWebComponent as WeappComponentElementClass\n}\n"],"mappings":"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"}
+{"version":3,"file":"element.mjs","names":["#properties","#state","#publicInstance","#methods","#setProperty","#syncMethods","#applyDataPatch","#applyAttributes","#runInitialObservers","#isMounted","#renderLegacy","#readyFired","#syncVirtualHostClasses","#usesLegacyTemplate","#renderContext","#observedKeys","#observerInitDone","#exposedMethodNames","#virtualHostClassTokens","#virtualHostRootElement","#virtualHostPartTokens"],"sources":["../../../src/runtime/component/element.ts"],"sourcesContent":["import type {\n  CreateComponentElementClassOptions,\n  WeappComponentInstance,\n} from './elementTypes'\nimport type {\n  ComponentOptions,\n  ComponentPublicInstance,\n  DataRecord,\n  PageLifeTimeHooks,\n  TriggerEventOptions,\n} from './types'\nimport type { ClassAttributeElement } from './virtualHost'\nimport { html } from 'lit'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\nimport { createRenderContext } from '../renderContext'\nimport { hasOwn } from '../utils/object'\nimport { supportsLit } from './constants'\nimport {\n  createScopedSelectorQuery,\n  resolveRenderRoot,\n  selectRuntimeComponent,\n  selectRuntimeComponents,\n} from './dom'\nimport { bindRuntimeEvents } from './events'\nimport { runComponentObservers } from './observers'\nimport { createComponentPublicInstance } from './publicInstance'\nimport { resolveRelationNodes } from './relations'\nimport { createWebSlotsProxy } from './slots'\nimport { cloneValue, coerceValue, toCamelCase } from './utils'\nimport {\n  clearVirtualHostClasses,\n  clearVirtualHostParts,\n  syncVirtualHostClasses,\n  syncVirtualHostParts,\n} from './virtualHost'\n\nexport type { WeappComponentInstance } from './elementTypes'\nexport type WeappComponentElementClass = typeof HTMLElement & {\n  new (): WeappComponentInstance\n}\n\nfunction resolveComposedParent(node: Node): Node | undefined {\n  const assignedSlot = (node as Element).assignedSlot\n  if (assignedSlot) {\n    return assignedSlot\n  }\n  if (node.parentNode) {\n    return node.parentNode\n  }\n  const root = node.getRootNode?.()\n  return root instanceof ShadowRoot ? root.host : undefined\n}\n\nfunction isWeappComponentInstance(value: unknown): value is WeappComponentInstance {\n  return Boolean(\n    value\n    && typeof value === 'object'\n    && typeof (value as WeappComponentInstance).__weappSync === 'function',\n  )\n}\n\nexport function createComponentElementClass({\n  BaseElement,\n  runtimeState,\n  instances,\n}: CreateComponentElementClassOptions): WeappComponentElementClass {\n  const RuntimeBaseElement = BaseElement as typeof HTMLElement & {\n    readonly observedAttributes?: string[]\n  }\n  class WeappWebComponent extends RuntimeBaseElement implements WeappComponentInstance {\n    static get observedAttributes() {\n      const inherited = super.observedAttributes ?? []\n      return Array.from(new Set([...inherited, ...runtimeState.observedAttributes]))\n    }\n\n    #state: DataRecord\n    #properties: DataRecord\n    #methods: Record<string, (event: any) => any> = {}\n    #publicInstance: ComponentPublicInstance\n    #exposedMethodNames = new Set<string>()\n    #isMounted = false\n    #renderContext = createRenderContext(this, {})\n    #usesLegacyTemplate = false\n    #readyFired = false\n    #observerInitDone = false\n    #observedKeys = new Set<string>()\n    #virtualHostClassTokens = new Set<string>()\n    #virtualHostPartTokens = new Set<string>()\n    #virtualHostRootElement: ClassAttributeElement | undefined\n    readonly data!: DataRecord\n    readonly properties!: DataRecord\n\n    constructor() {\n      super()\n      const dataOption = runtimeState.componentRef.data ?? {}\n      this.#properties = { ...runtimeState.defaultPropertyValues }\n      this.#state = { ...cloneValue(this.#properties), ...cloneValue(dataOption) }\n      Object.defineProperty(this.#state, '$slots', {\n        configurable: true,\n        enumerable: true,\n        value: createWebSlotsProxy(() => this.#state.vueSlots),\n      })\n      Object.defineProperties(this, {\n        data: {\n          configurable: true,\n          enumerable: true,\n          get: () => this.#state,\n        },\n        properties: {\n          configurable: true,\n          enumerable: true,\n          get: () => this.#properties,\n        },\n      })\n      this.#publicInstance = createComponentPublicInstance(\n        this,\n        WeappWebComponent.prototype,\n        key => typeof key === 'string' ? this.#methods[key] : undefined,\n      )\n      for (const [propName] of runtimeState.propertyEntries) {\n        Object.defineProperty(this, propName, {\n          configurable: true,\n          enumerable: true,\n          get: () => this.#state[propName],\n          set: value => this.#setProperty(propName, value),\n        })\n      }\n      this.#syncMethods(runtimeState.componentRef.methods ?? {})\n      if (!supportsLit) {\n        const host = this as unknown as HTMLElement\n        if (!host.shadowRoot && typeof host.attachShadow === 'function') {\n          host.attachShadow({ mode: 'open' })\n        }\n        ;(this as any).renderRoot = host.shadowRoot ?? host\n      }\n      instances.add(this)\n      runtimeState.lifetimes.created?.call(this.#publicInstance)\n    }\n\n    setData(patch: DataRecord, callback?: () => void) {\n      const changed = this.#applyDataPatch(patch)\n      if (supportsLit && changed) {\n        const updateComplete = (this as unknown as { updateComplete: Promise<boolean> }).updateComplete\n        return updateComplete.then(() => {\n          callback?.()\n        })\n      }\n      callback?.()\n    }\n\n    triggerEvent(name: string, detail?: any, options: TriggerEventOptions = {}) {\n      this.dispatchEvent(new CustomEvent(name, {\n        detail,\n        bubbles: options.bubbles ?? false,\n        composed: options.composed ?? false,\n      }))\n    }\n\n    createSelectorQuery() {\n      return createScopedSelectorQuery(this)\n    }\n\n    selectComponent(selector: string) {\n      return selectRuntimeComponent(this, selector)\n    }\n\n    selectAllComponents(selector: string) {\n      return selectRuntimeComponents(this, selector)\n    }\n\n    getRelationNodes(relationPath: string) {\n      const relation = runtimeState.componentRef.relations?.[relationPath]\n      return relation\n        ? resolveRelationNodes(this, runtimeState.id, relationPath, relation.type)\n        : []\n    }\n\n    selectOwnerComponent() {\n      let current = resolveComposedParent(this)\n      while (current) {\n        if (isWeappComponentInstance(current)) {\n          return current\n        }\n        current = resolveComposedParent(current)\n      }\n      return undefined\n    }\n\n    connectedCallback() {\n      const superConnected = (BaseElement.prototype as { connectedCallback?: () => void }).connectedCallback\n      if (supportsLit && typeof superConnected === 'function') {\n        superConnected.call(this)\n      }\n      this.#applyAttributes()\n      if (runtimeState.observerInitEnabled) {\n        this.#runInitialObservers()\n      }\n      runtimeState.lifetimes.attached?.call(this.#publicInstance)\n      this.#isMounted = true\n      if (!supportsLit) {\n        this.#renderLegacy()\n      }\n    }\n\n    disconnectedCallback() {\n      const superDisconnected = (BaseElement.prototype as { disconnectedCallback?: () => void }).disconnectedCallback\n      if (supportsLit && typeof superDisconnected === 'function') {\n        superDisconnected.call(this)\n      }\n      this.#isMounted = false\n      instances.delete(this)\n      runtimeState.lifetimes.detached?.call(this.#publicInstance)\n    }\n\n    attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null) {\n      const superAttributeChanged = (BaseElement.prototype as {\n        attributeChangedCallback?: (name: string, oldValue: string | null, newValue: string | null) => void\n      }).attributeChangedCallback\n      if (supportsLit && typeof superAttributeChanged === 'function') {\n        superAttributeChanged.call(this, attrName, oldValue, newValue)\n      }\n      const propName = toCamelCase(attrName)\n      if (!hasOwn(this.#properties, propName)) {\n        return\n      }\n      const propOption = runtimeState.componentRef.properties?.[propName]\n      this.#setProperty(propName, coerceValue(newValue, propOption?.type))\n    }\n\n    firstUpdated() {\n      runtimeState.lifetimes.ready?.call(this.#publicInstance)\n      this.#readyFired = true\n    }\n\n    updated() {\n      this.#syncVirtualHostClasses()\n      if (this.#usesLegacyTemplate) {\n        bindRuntimeEvents(resolveRenderRoot(this), this.#methods, this)\n      }\n    }\n\n    render() {\n      const result = runtimeState.templateRef(this.#state, this.#renderContext)\n      const styleMarkup = runtimeState.styleRef\n        ? html`<style>${runtimeState.styleRef}</style>`\n        : null\n      if (typeof result === 'string') {\n        this.#usesLegacyTemplate = true\n        return html`${styleMarkup}${unsafeHTML(result)}`\n      }\n      this.#usesLegacyTemplate = false\n      if (styleMarkup) {\n        return html`${styleMarkup}${result as any}`\n      }\n      return result\n    }\n\n    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: unknown) {\n      const superRequestUpdate = (BaseElement.prototype as any).requestUpdate\n      if (supportsLit && typeof superRequestUpdate === 'function') {\n        return superRequestUpdate.call(this, name, oldValue, options)\n      }\n      if (this.#isMounted) {\n        this.#renderLegacy()\n      }\n      return undefined\n    }\n\n    #applyAttributes() {\n      if (!this.attributes || typeof this.attributes[Symbol.iterator] !== 'function') {\n        return\n      }\n      for (const attr of this.attributes) {\n        this.attributeChangedCallback(attr.name, null, attr.value)\n      }\n    }\n\n    #applyDataPatch(patch: DataRecord) {\n      if (!patch || typeof patch !== 'object') {\n        return false\n      }\n      let changed = false\n      const changedKeys: string[] = []\n      const previousProperties: DataRecord = {}\n      for (const [key, value] of Object.entries(patch)) {\n        if (this.#state[key] === value) {\n          continue\n        }\n        const oldValue = this.#state[key]\n        this.#state[key] = value\n        if (hasOwn(this.#properties, key)) {\n          previousProperties[key] = oldValue\n          this.#properties[key] = value\n        }\n        changedKeys.push(key)\n        changed = true\n      }\n      if (changed) {\n        this.requestUpdate()\n        runComponentObservers(runtimeState.componentRef, this.#publicInstance, changedKeys, previousProperties)\n        for (const key of changedKeys) {\n          if (runtimeState.componentRef.properties?.[key]?.observer) {\n            this.#observedKeys.add(key)\n          }\n        }\n      }\n      return changed\n    }\n\n    #setProperty(name: string, value: any) {\n      const propOption = runtimeState.componentRef.properties?.[name]\n      const coerced = coerceValue(value, propOption?.type)\n      const oldValue = this.#properties[name]\n      if (oldValue === coerced) {\n        return\n      }\n      this.#properties[name] = coerced\n      this.#state[name] = coerced\n      if (this.#isMounted) {\n        this.requestUpdate()\n      }\n      runComponentObservers(runtimeState.componentRef, this.#publicInstance, [name], { [name]: oldValue })\n      if (propOption?.observer) {\n        this.#observedKeys.add(name)\n      }\n    }\n\n    #runInitialObservers() {\n      if (this.#observerInitDone) {\n        return\n      }\n      this.#observerInitDone = true\n      for (const [propName, propOption] of runtimeState.propertyEntries) {\n        if (!propOption.observer || this.#observedKeys.has(propName)) {\n          continue\n        }\n        const value = this.#state[propName]\n        propOption.observer.call(this.#publicInstance, value, undefined)\n        this.#observedKeys.add(propName)\n      }\n    }\n\n    #syncMethods(nextMethods: ComponentOptions['methods']) {\n      const resolved = nextMethods ?? {}\n      const bound: Record<string, (event: any) => any> = {}\n      for (const [name, fn] of Object.entries(resolved)) {\n        if (typeof fn === 'function') {\n          bound[name] = fn.bind(this.#publicInstance)\n        }\n      }\n      for (const name of this.#exposedMethodNames) {\n        if (name in bound) {\n          continue\n        }\n        const descriptor = Object.getOwnPropertyDescriptor(this, name)\n        if (descriptor?.configurable && descriptor.value === this.#methods[name]) {\n          delete (this as unknown as Record<string, unknown>)[name]\n        }\n        this.#exposedMethodNames.delete(name)\n      }\n      for (const key of Object.keys(this.#methods)) {\n        if (!(key in bound)) {\n          delete this.#methods[key]\n        }\n      }\n      for (const [key, fn] of Object.entries(bound)) {\n        this.#methods[key] = fn\n        if (!this.#exposedMethodNames.has(key) && key in this) {\n          continue\n        }\n        Object.defineProperty(this, key, {\n          configurable: true,\n          enumerable: false,\n          writable: true,\n          value: fn,\n        })\n        this.#exposedMethodNames.add(key)\n      }\n      this.#renderContext = createRenderContext(this, this.#methods)\n    }\n\n    __weappSync(nextMethods: ComponentOptions['methods']) {\n      this.#syncMethods(nextMethods)\n      this.requestUpdate()\n    }\n\n    __weappInvokePageLifetime(type: keyof PageLifeTimeHooks) {\n      const hook = runtimeState.pageLifetimes[type]\n      if (typeof hook === 'function') {\n        hook.call(this.#publicInstance)\n      }\n    }\n\n    #renderLegacy() {\n      const result = runtimeState.templateRef(this.#state, this.#renderContext)\n      const root = resolveRenderRoot(this)\n      const styleMarkup = runtimeState.styleRef ? `<style>${runtimeState.styleRef}</style>` : ''\n      if (typeof result === 'string') {\n        root.innerHTML = `${styleMarkup}${result}`\n        bindRuntimeEvents(root as ShadowRoot, this.#methods, this)\n      }\n      else if (result == null) {\n        root.innerHTML = styleMarkup\n      }\n      else {\n        root.innerHTML = `${styleMarkup}${String(result)}`\n      }\n      this.#syncVirtualHostClasses()\n      if (!this.#readyFired) {\n        runtimeState.lifetimes.ready?.call(this.#publicInstance)\n        this.#readyFired = true\n      }\n    }\n\n    #syncVirtualHostClasses() {\n      const host = this as unknown as ClassAttributeElement\n      if (!runtimeState.componentRef.options?.virtualHost) {\n        clearVirtualHostClasses(host, this.#virtualHostClassTokens)\n        clearVirtualHostParts(this.#virtualHostRootElement, this.#virtualHostPartTokens)\n        this.#virtualHostRootElement = undefined\n        return\n      }\n      const root = resolveRenderRoot(this)\n      syncVirtualHostClasses(host, root, this.#virtualHostClassTokens)\n      this.#virtualHostRootElement = syncVirtualHostParts(\n        root,\n        this.#virtualHostRootElement,\n        this.#virtualHostPartTokens,\n      )\n    }\n  }\n\n  return WeappWebComponent as WeappComponentElementClass\n}\n"],"mappings":"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"}

package/dist/runtime/component/observers.mjs

@@ -0,0 +1,36 @@
+//#region src/runtime/component/observers.ts
+function normalizeObserverPattern(pattern) {
+	return pattern.split(",").map((item) => item.trim()).filter(Boolean);
+}
+function hasOwn(value, key) {
+	return Object.prototype.hasOwnProperty.call(value, key);
+}
+function resolveObservedValue(instance, pattern) {
+	if (pattern === "**") return {
+		...instance.properties,
+		...instance.data
+	};
+	const [root, ...rest] = pattern.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
+	let current = hasOwn(instance.properties, root) ? instance.properties[root] : instance.data[root];
+	for (const segment of rest) current = current?.[segment];
+	return current;
+}
+function matchesObserverPattern(pattern, changedKeys) {
+	if (pattern === "**") return changedKeys.length > 0;
+	return normalizeObserverPattern(pattern).some((observedKey) => {
+		if (observedKey === "**") return true;
+		return changedKeys.some((changedKey) => changedKey === observedKey || changedKey.startsWith(`${observedKey}.`) || changedKey.startsWith(`${observedKey}[`));
+	});
+}
+function runComponentObservers(component, instance, changedKeys, previousProperties = {}) {
+	if (!changedKeys.length) return;
+	for (const changedKey of changedKeys) (component.properties?.[changedKey])?.observer?.call(instance, instance.properties[changedKey], previousProperties[changedKey]);
+	for (const [pattern, observer] of Object.entries(component.observers ?? {})) {
+		if (typeof observer !== "function" || !matchesObserverPattern(pattern, changedKeys)) continue;
+		observer.call(instance, ...normalizeObserverPattern(pattern).map((item) => resolveObservedValue(instance, item)));
+	}
+}
+
+//#endregion
+export { runComponentObservers };
+//# sourceMappingURL=observers.mjs.map

package/dist/runtime/component/observers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"observers.mjs","names":[],"sources":["../../../src/runtime/component/observers.ts"],"sourcesContent":["import type {\n  ComponentPublicInstance,\n  DataRecord,\n  NormalizedComponentOptions,\n} from './types'\n\nfunction normalizeObserverPattern(pattern: string) {\n  return pattern.split(',').map(item => item.trim()).filter(Boolean)\n}\n\nfunction hasOwn(value: object, key: PropertyKey) {\n  return Object.prototype.hasOwnProperty.call(value, key)\n}\n\nfunction resolveObservedValue(instance: ComponentPublicInstance, pattern: string) {\n  if (pattern === '**') {\n    return {\n      ...instance.properties,\n      ...instance.data,\n    }\n  }\n\n  const segments = pattern\n    .replace(/\\[(\\d+)\\]/g, '.$1')\n    .split('.')\n    .filter(Boolean)\n  const [root, ...rest] = segments as [string, ...string[]]\n  let current = hasOwn(instance.properties, root)\n    ? instance.properties[root]\n    : instance.data[root]\n  for (const segment of rest) {\n    current = current?.[segment]\n  }\n  return current\n}\n\nfunction matchesObserverPattern(pattern: string, changedKeys: string[]) {\n  if (pattern === '**') {\n    return changedKeys.length > 0\n  }\n  return normalizeObserverPattern(pattern).some((observedKey) => {\n    if (observedKey === '**') {\n      return true\n    }\n    return changedKeys.some(changedKey => (\n      changedKey === observedKey\n      || changedKey.startsWith(`${observedKey}.`)\n      || changedKey.startsWith(`${observedKey}[`)\n    ))\n  })\n}\n\nexport function runComponentObservers(\n  component: NormalizedComponentOptions,\n  instance: ComponentPublicInstance,\n  changedKeys: string[],\n  previousProperties: DataRecord = {},\n) {\n  if (!changedKeys.length) {\n    return\n  }\n\n  for (const changedKey of changedKeys) {\n    const option = component.properties?.[changedKey]\n    option?.observer?.call(\n      instance,\n      instance.properties[changedKey],\n      previousProperties[changedKey],\n    )\n  }\n\n  for (const [pattern, observer] of Object.entries(component.observers ?? {})) {\n    if (typeof observer !== 'function' || !matchesObserverPattern(pattern, changedKeys)) {\n      continue\n    }\n    observer.call(\n      instance,\n      ...normalizeObserverPattern(pattern).map(item => resolveObservedValue(instance, item)),\n    )\n  }\n}\n"],"mappings":";AAMA,SAAS,yBAAyB,SAAiB;CACjD,OAAO,QAAQ,MAAM,GAAG,CAAC,CAAC,KAAI,SAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,OAAO;AACnE;AAEA,SAAS,OAAO,OAAe,KAAkB;CAC/C,OAAO,OAAO,UAAU,eAAe,KAAK,OAAO,GAAG;AACxD;AAEA,SAAS,qBAAqB,UAAmC,SAAiB;CAChF,IAAI,YAAY,MACd,OAAO;EACL,GAAG,SAAS;EACZ,GAAG,SAAS;CACd;CAOF,MAAM,CAAC,MAAM,GAAG,QAJC,QACd,QAAQ,cAAc,KAAK,CAAC,CAC5B,MAAM,GAAG,CAAC,CACV,OAAO,OACqB;CAC/B,IAAI,UAAU,OAAO,SAAS,YAAY,IAAI,IAC1C,SAAS,WAAW,QACpB,SAAS,KAAK;CAClB,KAAK,MAAM,WAAW,MACpB,UAAU,UAAU;CAEtB,OAAO;AACT;AAEA,SAAS,uBAAuB,SAAiB,aAAuB;CACtE,IAAI,YAAY,MACd,OAAO,YAAY,SAAS;CAE9B,OAAO,yBAAyB,OAAO,CAAC,CAAC,MAAM,gBAAgB;EAC7D,IAAI,gBAAgB,MAClB,OAAO;EAET,OAAO,YAAY,MAAK,eACtB,eAAe,eACZ,WAAW,WAAW,GAAG,YAAY,EAAE,KACvC,WAAW,WAAW,GAAG,YAAY,EAAE,CAC3C;CACH,CAAC;AACH;AAEA,SAAgB,sBACd,WACA,UACA,aACA,qBAAiC,CAAC,GAClC;CACA,IAAI,CAAC,YAAY,QACf;CAGF,KAAK,MAAM,cAAc,aAEvB,CADe,UAAU,aAAa,YAChC,EAAE,UAAU,KAChB,UACA,SAAS,WAAW,aACpB,mBAAmB,WACrB;CAGF,KAAK,MAAM,CAAC,SAAS,aAAa,OAAO,QAAQ,UAAU,aAAa,CAAC,CAAC,GAAG;EAC3E,IAAI,OAAO,aAAa,cAAc,CAAC,uBAAuB,SAAS,WAAW,GAChF;EAEF,SAAS,KACP,UACA,GAAG,yBAAyB,OAAO,CAAC,CAAC,KAAI,SAAQ,qBAAqB,UAAU,IAAI,CAAC,CACvF;CACF;AACF"}

package/dist/runtime/component/publicInstance.mjs

@@ -0,0 +1,48 @@
+//#region src/runtime/component/publicInstance.ts
+const componentPublicInstanceTargets = /* @__PURE__ */ new WeakMap();
+function resolveComponentPublicInstanceTarget(value) {
+	if (!value || typeof value !== "object") return;
+	return componentPublicInstanceTargets.get(value);
+}
+function createComponentPublicInstance(target, runtimePrototype, resolveComponentMethod) {
+	const runtimeMethods = /* @__PURE__ */ new Map();
+	const publicInstance = new Proxy(target, {
+		get(instance, key) {
+			if (Reflect.getOwnPropertyDescriptor(instance, key)) return Reflect.get(instance, key, instance);
+			if (Reflect.getOwnPropertyDescriptor(runtimePrototype, key)) {
+				const value = Reflect.get(instance, key, instance);
+				if (typeof value !== "function") return value;
+				const cached = runtimeMethods.get(key);
+				if (cached && cached.source === value) return cached.bound;
+				const bound = value.bind(instance);
+				runtimeMethods.set(key, {
+					source: value,
+					bound
+				});
+				return bound;
+			}
+			const componentMethod = resolveComponentMethod?.(key);
+			if (typeof componentMethod === "function") return componentMethod;
+			return typeof key === "symbol" ? Reflect.get(instance, key, instance) : void 0;
+		},
+		set(instance, key, value) {
+			if (Reflect.getOwnPropertyDescriptor(instance, key) || typeof key === "symbol") return Reflect.set(instance, key, value, instance);
+			Reflect.defineProperty(instance, key, {
+				configurable: true,
+				enumerable: true,
+				writable: true,
+				value
+			});
+			return true;
+		},
+		has(instance, key) {
+			return Reflect.getOwnPropertyDescriptor(instance, key) !== void 0 || Reflect.getOwnPropertyDescriptor(runtimePrototype, key) !== void 0 || typeof resolveComponentMethod?.(key) === "function" || typeof key === "symbol" && Reflect.has(instance, key);
+		}
+	});
+	componentPublicInstanceTargets.set(publicInstance, target);
+	return publicInstance;
+}
+
+//#endregion
+export { createComponentPublicInstance, resolveComponentPublicInstanceTarget };
+//# sourceMappingURL=publicInstance.mjs.map

package/dist/runtime/component/publicInstance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"publicInstance.mjs","names":[],"sources":["../../../src/runtime/component/publicInstance.ts"],"sourcesContent":["import type { ComponentPublicInstance } from './types'\n\nconst componentPublicInstanceTargets = new WeakMap<object, ComponentPublicInstance>()\n\nexport function resolveComponentPublicInstanceTarget(value: unknown) {\n  if (!value || typeof value !== 'object') {\n    return undefined\n  }\n  return componentPublicInstanceTargets.get(value)\n}\n\nexport function createComponentPublicInstance(\n  target: ComponentPublicInstance,\n  runtimePrototype: object,\n  resolveComponentMethod?: (key: PropertyKey) => unknown,\n): ComponentPublicInstance {\n  type RuntimeMethod = (...args: any[]) => unknown\n  const runtimeMethods = new Map<PropertyKey, { source: RuntimeMethod, bound: RuntimeMethod }>()\n\n  const publicInstance = new Proxy(target, {\n    get(instance, key) {\n      const ownDescriptor = Reflect.getOwnPropertyDescriptor(instance, key)\n      if (ownDescriptor) {\n        return Reflect.get(instance, key, instance)\n      }\n      const runtimeDescriptor = Reflect.getOwnPropertyDescriptor(runtimePrototype, key)\n      if (runtimeDescriptor) {\n        const value = Reflect.get(instance, key, instance)\n        if (typeof value !== 'function') {\n          return value\n        }\n        const cached = runtimeMethods.get(key)\n        if (cached && cached.source === value) {\n          return cached.bound\n        }\n        const bound = value.bind(instance)\n        runtimeMethods.set(key, { source: value, bound })\n        return bound\n      }\n      const componentMethod = resolveComponentMethod?.(key)\n      if (typeof componentMethod === 'function') {\n        return componentMethod\n      }\n      return typeof key === 'symbol' ? Reflect.get(instance, key, instance) : undefined\n    },\n    set(instance, key, value) {\n      if (Reflect.getOwnPropertyDescriptor(instance, key) || typeof key === 'symbol') {\n        return Reflect.set(instance, key, value, instance)\n      }\n      Reflect.defineProperty(instance, key, {\n        configurable: true,\n        enumerable: true,\n        writable: true,\n        value,\n      })\n      return true\n    },\n    has(instance, key) {\n      return Reflect.getOwnPropertyDescriptor(instance, key) !== undefined\n        || Reflect.getOwnPropertyDescriptor(runtimePrototype, key) !== undefined\n        || typeof resolveComponentMethod?.(key) === 'function'\n        || (typeof key === 'symbol' && Reflect.has(instance, key))\n    },\n  })\n  componentPublicInstanceTargets.set(publicInstance, target)\n  return publicInstance\n}\n"],"mappings":";AAEA,MAAM,iDAAiC,IAAI,QAAyC;AAEpF,SAAgB,qCAAqC,OAAgB;CACnE,IAAI,CAAC,SAAS,OAAO,UAAU,UAC7B;CAEF,OAAO,+BAA+B,IAAI,KAAK;AACjD;AAEA,SAAgB,8BACd,QACA,kBACA,wBACyB;CAEzB,MAAM,iCAAiB,IAAI,IAAkE;CAE7F,MAAM,iBAAiB,IAAI,MAAM,QAAQ;EACvC,IAAI,UAAU,KAAK;GAEjB,IADsB,QAAQ,yBAAyB,UAAU,GACjD,GACd,OAAO,QAAQ,IAAI,UAAU,KAAK,QAAQ;GAG5C,IAD0B,QAAQ,yBAAyB,kBAAkB,GACzD,GAAG;IACrB,MAAM,QAAQ,QAAQ,IAAI,UAAU,KAAK,QAAQ;IACjD,IAAI,OAAO,UAAU,YACnB,OAAO;IAET,MAAM,SAAS,eAAe,IAAI,GAAG;IACrC,IAAI,UAAU,OAAO,WAAW,OAC9B,OAAO,OAAO;IAEhB,MAAM,QAAQ,MAAM,KAAK,QAAQ;IACjC,eAAe,IAAI,KAAK;KAAE,QAAQ;KAAO;IAAM,CAAC;IAChD,OAAO;GACT;GACA,MAAM,kBAAkB,yBAAyB,GAAG;GACpD,IAAI,OAAO,oBAAoB,YAC7B,OAAO;GAET,OAAO,OAAO,QAAQ,WAAW,QAAQ,IAAI,UAAU,KAAK,QAAQ,IAAI;EAC1E;EACA,IAAI,UAAU,KAAK,OAAO;GACxB,IAAI,QAAQ,yBAAyB,UAAU,GAAG,KAAK,OAAO,QAAQ,UACpE,OAAO,QAAQ,IAAI,UAAU,KAAK,OAAO,QAAQ;GAEnD,QAAQ,eAAe,UAAU,KAAK;IACpC,cAAc;IACd,YAAY;IACZ,UAAU;IACV;GACF,CAAC;GACD,OAAO;EACT;EACA,IAAI,UAAU,KAAK;GACjB,OAAO,QAAQ,yBAAyB,UAAU,GAAG,MAAM,UACtD,QAAQ,yBAAyB,kBAAkB,GAAG,MAAM,UAC5D,OAAO,yBAAyB,GAAG,MAAM,cACxC,OAAO,QAAQ,YAAY,QAAQ,IAAI,UAAU,GAAG;EAC5D;CACF,CAAC;CACD,+BAA+B,IAAI,gBAAgB,MAAM;CACzD,OAAO;AACT"}

package/dist/runtime/component/relations.mjs

@@ -0,0 +1,36 @@
+import { slugify } from "../../shared/slugify.mjs";
+import { posix } from "pathe";
+
+//#region src/runtime/component/relations.ts
+function resolveComposedParent(node) {
+	const assignedSlot = node.assignedSlot;
+	if (assignedSlot) return assignedSlot;
+	if (node.parentNode) return node.parentNode;
+	const root = node.getRootNode?.();
+	return root instanceof ShadowRoot ? root.host : void 0;
+}
+function resolveRelationTag(componentId, relationPath) {
+	if (!relationPath.startsWith(".")) return;
+	const targetId = posix.normalize(posix.join(posix.dirname(componentId), relationPath));
+	return slugify(targetId, "wv-component");
+}
+function resolveRelationNodes(instance, componentId, relationPath, type) {
+	if (!componentId) return [];
+	const tag = resolveRelationTag(componentId, relationPath);
+	if (!tag) return [];
+	if (type === "child" || type === "descendant") {
+		const matches = Array.from(instance.querySelectorAll(tag));
+		return type === "descendant" ? matches : matches.filter((node) => resolveComposedParent(node) === instance);
+	}
+	let current = resolveComposedParent(instance);
+	while (current) {
+		if (current.tagName?.toLowerCase() === tag) return [current];
+		if (type === "parent") return [];
+		current = resolveComposedParent(current);
+	}
+	return [];
+}
+
+//#endregion
+export { resolveRelationNodes };
+//# sourceMappingURL=relations.mjs.map

package/dist/runtime/component/relations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"relations.mjs","names":[],"sources":["../../../src/runtime/component/relations.ts"],"sourcesContent":["import type { ComponentPublicInstance, RelationType } from './types'\nimport { posix } from 'pathe'\nimport { slugify } from '../../shared/slugify'\n\nfunction resolveComposedParent(node: Node): Node | undefined {\n  const assignedSlot = (node as Element).assignedSlot\n  if (assignedSlot) {\n    return assignedSlot\n  }\n  if (node.parentNode) {\n    return node.parentNode\n  }\n  const root = node.getRootNode?.()\n  return root instanceof ShadowRoot ? root.host : undefined\n}\n\nfunction resolveRelationTag(componentId: string, relationPath: string) {\n  if (!relationPath.startsWith('.')) {\n    return undefined\n  }\n  const targetId = posix.normalize(posix.join(posix.dirname(componentId), relationPath))\n  return slugify(targetId, 'wv-component')\n}\n\nexport function resolveRelationNodes(\n  instance: ComponentPublicInstance,\n  componentId: string | undefined,\n  relationPath: string,\n  type: RelationType,\n): ComponentPublicInstance[] {\n  if (!componentId) {\n    return []\n  }\n  const tag = resolveRelationTag(componentId, relationPath)\n  if (!tag) {\n    return []\n  }\n  if (type === 'child' || type === 'descendant') {\n    const matches = Array.from(instance.querySelectorAll(tag)) as ComponentPublicInstance[]\n    return type === 'descendant'\n      ? matches\n      : matches.filter(node => resolveComposedParent(node) === instance)\n  }\n\n  let current = resolveComposedParent(instance)\n  while (current) {\n    if ((current as Element).tagName?.toLowerCase() === tag) {\n      return [current as ComponentPublicInstance]\n    }\n    if (type === 'parent') {\n      return []\n    }\n    current = resolveComposedParent(current)\n  }\n  return []\n}\n"],"mappings":";;;;AAIA,SAAS,sBAAsB,MAA8B;CAC3D,MAAM,eAAgB,KAAiB;CACvC,IAAI,cACF,OAAO;CAET,IAAI,KAAK,YACP,OAAO,KAAK;CAEd,MAAM,OAAO,KAAK,cAAc;CAChC,OAAO,gBAAgB,aAAa,KAAK,OAAO;AAClD;AAEA,SAAS,mBAAmB,aAAqB,cAAsB;CACrE,IAAI,CAAC,aAAa,WAAW,GAAG,GAC9B;CAEF,MAAM,WAAW,MAAM,UAAU,MAAM,KAAK,MAAM,QAAQ,WAAW,GAAG,YAAY,CAAC;CACrF,OAAO,QAAQ,UAAU,cAAc;AACzC;AAEA,SAAgB,qBACd,UACA,aACA,cACA,MAC2B;CAC3B,IAAI,CAAC,aACH,OAAO,CAAC;CAEV,MAAM,MAAM,mBAAmB,aAAa,YAAY;CACxD,IAAI,CAAC,KACH,OAAO,CAAC;CAEV,IAAI,SAAS,WAAW,SAAS,cAAc;EAC7C,MAAM,UAAU,MAAM,KAAK,SAAS,iBAAiB,GAAG,CAAC;EACzD,OAAO,SAAS,eACZ,UACA,QAAQ,QAAO,SAAQ,sBAAsB,IAAI,MAAM,QAAQ;CACrE;CAEA,IAAI,UAAU,sBAAsB,QAAQ;CAC5C,OAAO,SAAS;EACd,IAAK,QAAoB,SAAS,YAAY,MAAM,KAClD,OAAO,CAAC,OAAkC;EAE5C,IAAI,SAAS,UACX,OAAO,CAAC;EAEV,UAAU,sBAAsB,OAAO;CACzC;CACA,OAAO,CAAC;AACV"}

package/dist/runtime/component/slots.mjs

@@ -0,0 +1,24 @@
+//#region src/runtime/component/slots.ts
+function resolveSlotNames(value) {
+	if (Array.isArray(value)) return new Set(value.filter((name) => typeof name === "string" && name.length > 0));
+	if (!value || typeof value !== "object") return /* @__PURE__ */ new Set();
+	return new Set(Object.entries(value).filter(([, enabled]) => Boolean(enabled)).map(([name]) => name));
+}
+function createWebSlotsProxy(resolveValue) {
+	const hasSlot = (key) => typeof key === "string" && resolveSlotNames(resolveValue()).has(key);
+	return new Proxy(Object.create(null), {
+		get: (_target, key) => hasSlot(key) ? true : void 0,
+		has: (_target, key) => hasSlot(key),
+		ownKeys: () => Array.from(resolveSlotNames(resolveValue())),
+		getOwnPropertyDescriptor: (_target, key) => hasSlot(key) ? {
+			configurable: true,
+			enumerable: true,
+			value: true
+		} : void 0,
+		set: () => false
+	});
+}
+
+//#endregion
+export { createWebSlotsProxy };
+//# sourceMappingURL=slots.mjs.map

package/dist/runtime/component/slots.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.mjs","names":[],"sources":["../../../src/runtime/component/slots.ts"],"sourcesContent":["function resolveSlotNames(value: unknown) {\n  if (Array.isArray(value)) {\n    return new Set(value.filter((name): name is string => typeof name === 'string' && name.length > 0))\n  }\n  if (!value || typeof value !== 'object') {\n    return new Set<string>()\n  }\n  return new Set(\n    Object.entries(value)\n      .filter(([, enabled]) => Boolean(enabled))\n      .map(([name]) => name),\n  )\n}\n\nexport function createWebSlotsProxy(resolveValue: () => unknown) {\n  const hasSlot = (key: PropertyKey) => typeof key === 'string' && resolveSlotNames(resolveValue()).has(key)\n  return new Proxy(Object.create(null) as Record<string, true>, {\n    get: (_target, key) => hasSlot(key) ? true : undefined,\n    has: (_target, key) => hasSlot(key),\n    ownKeys: () => Array.from(resolveSlotNames(resolveValue())),\n    getOwnPropertyDescriptor: (_target, key) => hasSlot(key)\n      ? { configurable: true, enumerable: true, value: true }\n      : undefined,\n    set: () => false,\n  })\n}\n"],"mappings":";AAAA,SAAS,iBAAiB,OAAgB;CACxC,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,IAAI,IAAI,MAAM,QAAQ,SAAyB,OAAO,SAAS,YAAY,KAAK,SAAS,CAAC,CAAC;CAEpG,IAAI,CAAC,SAAS,OAAO,UAAU,UAC7B,uBAAO,IAAI,IAAY;CAEzB,OAAO,IAAI,IACT,OAAO,QAAQ,KAAK,CAAC,CAClB,QAAQ,GAAG,aAAa,QAAQ,OAAO,CAAC,CAAC,CACzC,KAAK,CAAC,UAAU,IAAI,CACzB;AACF;AAEA,SAAgB,oBAAoB,cAA6B;CAC/D,MAAM,WAAW,QAAqB,OAAO,QAAQ,YAAY,iBAAiB,aAAa,CAAC,CAAC,CAAC,IAAI,GAAG;CACzG,OAAO,IAAI,MAAM,OAAO,OAAO,IAAI,GAA2B;EAC5D,MAAM,SAAS,QAAQ,QAAQ,GAAG,IAAI,OAAO;EAC7C,MAAM,SAAS,QAAQ,QAAQ,GAAG;EAClC,eAAe,MAAM,KAAK,iBAAiB,aAAa,CAAC,CAAC;EAC1D,2BAA2B,SAAS,QAAQ,QAAQ,GAAG,IACnD;GAAE,cAAc;GAAM,YAAY;GAAM,OAAO;EAAK,IACpD;EACJ,WAAW;CACb,CAAC;AACH"}

package/dist/runtime/component/state.mjs

@@ -3,22 +3,30 @@ import { cloneValue, hyphenate } from "./utils.mjs";
 import { normalizeBehaviors } from "./behavior.mjs";
 
 //#region src/runtime/component/state.ts
+function normalizePropertyDeclaration(declaration) {
+	if (declaration === null || typeof declaration === "function") return { type: declaration };
+	return declaration;
+}
 function resolveNormalizedComponent(component) {
 	const normalized = normalizeBehaviors(component);
+	const resolved = normalized.component;
 	return {
 		warnings: normalized.warnings,
-		component: normalized.component ?? component ?? {}
+		component: {
+			...resolved,
+			properties: Object.fromEntries(Object.entries(resolved.properties ?? {}).map(([name, declaration]) => [name, normalizePropertyDeclaration(declaration)]))
+		}
 	};
 }
 function createDefaultPropertyValues(propertyEntries) {
 	return propertyEntries.reduce((acc, [name, prop]) => {
-		if (hasOwn(prop, "value")) acc[name] = cloneValue(prop.value);
+		if (prop !== null && typeof prop === "object" && hasOwn(prop, "value")) acc[name] = cloneValue(prop.value);
 		else acc[name] = void 0;
 		return acc;
 	}, {});
 }
 function createPropertyEntries(component) {
-	return Object.entries(component.properties ?? {});
+	return Object.entries(component.properties);
 }
 function createObservedAttributes(propertyEntries) {
 	return propertyEntries.map(([name]) => hyphenate(name));
@@ -28,6 +36,7 @@ function createComponentRuntimeState(options) {
 	const propertyEntries = createPropertyEntries(component);
 	return {
 		state: {
+			id: options.id,
 			templateRef: options.template,
 			styleRef: options.style ?? "",
 			componentRef: component,
@@ -45,6 +54,7 @@ function updateComponentRuntimeState(state, options) {
 	const { component, warnings } = resolveNormalizedComponent(options.component ?? {});
 	const propertyEntries = createPropertyEntries(component);
 	state.templateRef = options.template;
+	state.id = options.id;
 	state.styleRef = options.style ?? "";
 	state.componentRef = component;
 	state.observerInitEnabled = Boolean(options.observerInit);

package/dist/runtime/component/state.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"state.mjs","names":[],"sources":["../../../src/runtime/component/state.ts"],"sourcesContent":["import type {\n  ComponentOptions,\n  DataRecord,\n  DefineComponentOptions,\n  LifeTimeHooks,\n  PageLifeTimeHooks,\n  PropertyOption,\n} from './types'\nimport { hasOwn } from '../utils/object'\nimport { normalizeBehaviors } from './behavior'\nimport { cloneValue, hyphenate } from './utils'\n\ntype PropertyEntry = [string, PropertyOption]\n\nexport interface ComponentRuntimeState {\n  templateRef: DefineComponentOptions['template']\n  styleRef: string\n  componentRef: ComponentOptions\n  observerInitEnabled: boolean\n  propertyEntries: PropertyEntry[]\n  observedAttributes: string[]\n  defaultPropertyValues: DataRecord\n  lifetimes: LifeTimeHooks\n  pageLifetimes: PageLifeTimeHooks\n}\n\nfunction resolveNormalizedComponent(component: ComponentOptions | undefined) {\n  const normalized = normalizeBehaviors(component)\n  return {\n    warnings: normalized.warnings,\n    component: normalized.component ?? component ?? {},\n  }\n}\n\nfunction createDefaultPropertyValues(propertyEntries: PropertyEntry[]) {\n  return propertyEntries.reduce<DataRecord>((acc, [name, prop]) => {\n    if (hasOwn(prop, 'value')) {\n      acc[name] = cloneValue(prop.value)\n    }\n    else {\n      acc[name] = undefined\n    }\n    return acc\n  }, {})\n}\n\nfunction createPropertyEntries(component: ComponentOptions): PropertyEntry[] {\n  return Object.entries(component.properties ?? {})\n}\n\nfunction createObservedAttributes(propertyEntries: PropertyEntry[]) {\n  return propertyEntries.map(([name]) => hyphenate(name))\n}\n\nexport function createComponentRuntimeState(options: DefineComponentOptions) {\n  const { component, warnings } = resolveNormalizedComponent(options.component ?? {})\n  const propertyEntries = createPropertyEntries(component)\n  const state: ComponentRuntimeState = {\n    templateRef: options.template,\n    styleRef: options.style ?? '',\n    componentRef: component,\n    observerInitEnabled: Boolean(options.observerInit),\n    propertyEntries,\n    observedAttributes: createObservedAttributes(propertyEntries),\n    defaultPropertyValues: createDefaultPropertyValues(propertyEntries),\n    lifetimes: component.lifetimes ?? {},\n    pageLifetimes: component.pageLifetimes ?? {},\n  }\n  return {\n    state,\n    warnings,\n  }\n}\n\nexport function updateComponentRuntimeState(state: ComponentRuntimeState, options: DefineComponentOptions) {\n  const { component, warnings } = resolveNormalizedComponent(options.component ?? {})\n  const propertyEntries = createPropertyEntries(component)\n  state.templateRef = options.template\n  state.styleRef = options.style ?? ''\n  state.componentRef = component\n  state.observerInitEnabled = Boolean(options.observerInit)\n  state.lifetimes = component.lifetimes ?? {}\n  state.pageLifetimes = component.pageLifetimes ?? {}\n  state.propertyEntries = propertyEntries\n  state.observedAttributes = createObservedAttributes(propertyEntries)\n  state.defaultPropertyValues = createDefaultPropertyValues(propertyEntries)\n  return {\n    warnings,\n    nextMethods: component.methods ?? {},\n  }\n}\n"],"mappings":";;;;;AA0BA,SAAS,2BAA2B,WAAyC;CAC3E,MAAM,aAAa,mBAAmB,SAAS;CAC/C,OAAO;EACL,UAAU,WAAW;EACrB,WAAW,WAAW,aAAa,aAAa,CAAC;CACnD;AACF;AAEA,SAAS,4BAA4B,iBAAkC;CACrE,OAAO,gBAAgB,QAAoB,KAAK,CAAC,MAAM,UAAU;EAC/D,IAAI,OAAO,MAAM,OAAO,GACtB,IAAI,QAAQ,WAAW,KAAK,KAAK;OAGjC,IAAI,QAAQ;EAEd,OAAO;CACT,GAAG,CAAC,CAAC;AACP;AAEA,SAAS,sBAAsB,WAA8C;CAC3E,OAAO,OAAO,QAAQ,UAAU,cAAc,CAAC,CAAC;AAClD;AAEA,SAAS,yBAAyB,iBAAkC;CAClE,OAAO,gBAAgB,KAAK,CAAC,UAAU,UAAU,IAAI,CAAC;AACxD;AAEA,SAAgB,4BAA4B,SAAiC;CAC3E,MAAM,EAAE,WAAW,aAAa,2BAA2B,QAAQ,aAAa,CAAC,CAAC;CAClF,MAAM,kBAAkB,sBAAsB,SAAS;CAYvD,OAAO;EACL;GAXA,aAAa,QAAQ;GACrB,UAAU,QAAQ,SAAS;GAC3B,cAAc;GACd,qBAAqB,QAAQ,QAAQ,YAAY;GACjD;GACA,oBAAoB,yBAAyB,eAAe;GAC5D,uBAAuB,4BAA4B,eAAe;GAClE,WAAW,UAAU,aAAa,CAAC;GACnC,eAAe,UAAU,iBAAiB,CAAC;EAGvC;EACJ;CACF;AACF;AAEA,SAAgB,4BAA4B,OAA8B,SAAiC;CACzG,MAAM,EAAE,WAAW,aAAa,2BAA2B,QAAQ,aAAa,CAAC,CAAC;CAClF,MAAM,kBAAkB,sBAAsB,SAAS;CACvD,MAAM,cAAc,QAAQ;CAC5B,MAAM,WAAW,QAAQ,SAAS;CAClC,MAAM,eAAe;CACrB,MAAM,sBAAsB,QAAQ,QAAQ,YAAY;CACxD,MAAM,YAAY,UAAU,aAAa,CAAC;CAC1C,MAAM,gBAAgB,UAAU,iBAAiB,CAAC;CAClD,MAAM,kBAAkB;CACxB,MAAM,qBAAqB,yBAAyB,eAAe;CACnE,MAAM,wBAAwB,4BAA4B,eAAe;CACzE,OAAO;EACL;EACA,aAAa,UAAU,WAAW,CAAC;CACrC;AACF"}
+{"version":3,"file":"state.mjs","names":[],"sources":["../../../src/runtime/component/state.ts"],"sourcesContent":["import type {\n  ComponentOptions,\n  DataRecord,\n  DefineComponentOptions,\n  LifeTimeHooks,\n  NormalizedComponentOptions,\n  PageLifeTimeHooks,\n  PropertyDeclaration,\n  PropertyOption,\n} from './types'\nimport { hasOwn } from '../utils/object'\nimport { normalizeBehaviors } from './behavior'\nimport { cloneValue, hyphenate } from './utils'\n\ntype PropertyEntry = [string, PropertyOption]\n\nexport interface ComponentRuntimeState {\n  id?: string\n  templateRef: DefineComponentOptions['template']\n  styleRef: string\n  componentRef: NormalizedComponentOptions\n  observerInitEnabled: boolean\n  propertyEntries: PropertyEntry[]\n  observedAttributes: string[]\n  defaultPropertyValues: DataRecord\n  lifetimes: LifeTimeHooks\n  pageLifetimes: PageLifeTimeHooks\n}\n\nfunction normalizePropertyDeclaration(declaration: PropertyDeclaration): PropertyOption {\n  if (declaration === null || typeof declaration === 'function') {\n    return { type: declaration }\n  }\n  return declaration\n}\n\nfunction resolveNormalizedComponent(component: ComponentOptions) {\n  const normalized = normalizeBehaviors(component)\n  const resolved = normalized.component!\n  return {\n    warnings: normalized.warnings,\n    component: {\n      ...resolved,\n      properties: Object.fromEntries(\n        Object.entries(resolved.properties ?? {}).map(([name, declaration]) => [\n          name,\n          normalizePropertyDeclaration(declaration),\n        ]),\n      ),\n    } satisfies NormalizedComponentOptions,\n  }\n}\n\nfunction createDefaultPropertyValues(propertyEntries: PropertyEntry[]) {\n  return propertyEntries.reduce<DataRecord>((acc, [name, prop]) => {\n    if (prop !== null && typeof prop === 'object' && hasOwn(prop, 'value')) {\n      acc[name] = cloneValue(prop.value)\n    }\n    else {\n      acc[name] = undefined\n    }\n    return acc\n  }, {})\n}\n\nfunction createPropertyEntries(component: NormalizedComponentOptions): PropertyEntry[] {\n  return Object.entries(component.properties)\n}\n\nfunction createObservedAttributes(propertyEntries: PropertyEntry[]) {\n  return propertyEntries.map(([name]) => hyphenate(name))\n}\n\nexport function createComponentRuntimeState(options: DefineComponentOptions) {\n  const { component, warnings } = resolveNormalizedComponent(options.component ?? {})\n  const propertyEntries = createPropertyEntries(component)\n  const state: ComponentRuntimeState = {\n    id: options.id,\n    templateRef: options.template,\n    styleRef: options.style ?? '',\n    componentRef: component,\n    observerInitEnabled: Boolean(options.observerInit),\n    propertyEntries,\n    observedAttributes: createObservedAttributes(propertyEntries),\n    defaultPropertyValues: createDefaultPropertyValues(propertyEntries),\n    lifetimes: component.lifetimes ?? {},\n    pageLifetimes: component.pageLifetimes ?? {},\n  }\n  return {\n    state,\n    warnings,\n  }\n}\n\nexport function updateComponentRuntimeState(state: ComponentRuntimeState, options: DefineComponentOptions) {\n  const { component, warnings } = resolveNormalizedComponent(options.component ?? {})\n  const propertyEntries = createPropertyEntries(component)\n  state.templateRef = options.template\n  state.id = options.id\n  state.styleRef = options.style ?? ''\n  state.componentRef = component\n  state.observerInitEnabled = Boolean(options.observerInit)\n  state.lifetimes = component.lifetimes ?? {}\n  state.pageLifetimes = component.pageLifetimes ?? {}\n  state.propertyEntries = propertyEntries\n  state.observedAttributes = createObservedAttributes(propertyEntries)\n  state.defaultPropertyValues = createDefaultPropertyValues(propertyEntries)\n  return {\n    warnings,\n    nextMethods: component.methods ?? {},\n  }\n}\n"],"mappings":";;;;;AA6BA,SAAS,6BAA6B,aAAkD;CACtF,IAAI,gBAAgB,QAAQ,OAAO,gBAAgB,YACjD,OAAO,EAAE,MAAM,YAAY;CAE7B,OAAO;AACT;AAEA,SAAS,2BAA2B,WAA6B;CAC/D,MAAM,aAAa,mBAAmB,SAAS;CAC/C,MAAM,WAAW,WAAW;CAC5B,OAAO;EACL,UAAU,WAAW;EACrB,WAAW;GACT,GAAG;GACH,YAAY,OAAO,YACjB,OAAO,QAAQ,SAAS,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,iBAAiB,CACrE,MACA,6BAA6B,WAAW,CAC1C,CAAC,CACH;EACF;CACF;AACF;AAEA,SAAS,4BAA4B,iBAAkC;CACrE,OAAO,gBAAgB,QAAoB,KAAK,CAAC,MAAM,UAAU;EAC/D,IAAI,SAAS,QAAQ,OAAO,SAAS,YAAY,OAAO,MAAM,OAAO,GACnE,IAAI,QAAQ,WAAW,KAAK,KAAK;OAGjC,IAAI,QAAQ;EAEd,OAAO;CACT,GAAG,CAAC,CAAC;AACP;AAEA,SAAS,sBAAsB,WAAwD;CACrF,OAAO,OAAO,QAAQ,UAAU,UAAU;AAC5C;AAEA,SAAS,yBAAyB,iBAAkC;CAClE,OAAO,gBAAgB,KAAK,CAAC,UAAU,UAAU,IAAI,CAAC;AACxD;AAEA,SAAgB,4BAA4B,SAAiC;CAC3E,MAAM,EAAE,WAAW,aAAa,2BAA2B,QAAQ,aAAa,CAAC,CAAC;CAClF,MAAM,kBAAkB,sBAAsB,SAAS;CAavD,OAAO;EACL;GAZA,IAAI,QAAQ;GACZ,aAAa,QAAQ;GACrB,UAAU,QAAQ,SAAS;GAC3B,cAAc;GACd,qBAAqB,QAAQ,QAAQ,YAAY;GACjD;GACA,oBAAoB,yBAAyB,eAAe;GAC5D,uBAAuB,4BAA4B,eAAe;GAClE,WAAW,UAAU,aAAa,CAAC;GACnC,eAAe,UAAU,iBAAiB,CAAC;EAGvC;EACJ;CACF;AACF;AAEA,SAAgB,4BAA4B,OAA8B,SAAiC;CACzG,MAAM,EAAE,WAAW,aAAa,2BAA2B,QAAQ,aAAa,CAAC,CAAC;CAClF,MAAM,kBAAkB,sBAAsB,SAAS;CACvD,MAAM,cAAc,QAAQ;CAC5B,MAAM,KAAK,QAAQ;CACnB,MAAM,WAAW,QAAQ,SAAS;CAClC,MAAM,eAAe;CACrB,MAAM,sBAAsB,QAAQ,QAAQ,YAAY;CACxD,MAAM,YAAY,UAAU,aAAa,CAAC;CAC1C,MAAM,gBAAgB,UAAU,iBAAiB,CAAC;CAClD,MAAM,kBAAkB;CACxB,MAAM,qBAAqB,yBAAyB,eAAe;CACnE,MAAM,wBAAwB,4BAA4B,eAAe;CACzE,OAAO;EACL;EACA,aAAa,UAAU,WAAW,CAAC;CACrC;AACF"}