@ecopages/radiant 0.3.0-alpha.9 → 0.3.0-beta.1

package/{dist/core → core}/radiant-element.d.ts

@@ -1,11 +1,13 @@
 import type { EventEmitter } from '../tools';
-import { type JsxRenderable, type SubscribableJsxValue } from '@ecopages/jsx';
+import { type JsxRenderable, type SubscribableJsxValueWithAccess } from '@ecopages/jsx';
 import type { RenderToStringOptions } from '@ecopages/jsx/server';
+import { type ReactivePropDefinition } from './reactive-prop-metadata';
 import type { SsrSerializableContextProvider } from '../context/context-provider';
 import type { UnknownContext } from '../context/types';
+import { type ReactiveBindingOption, type ReactiveBindingValue, type ReactiveBindings, type ReactiveFieldOptions, type ReactiveProperty, type ReactivePropertyOptions } from './reactive-prop-core';
 import type { SsrSerializableHydrationBinding } from './ssr-hydration-binding';
-import { type RadiantElementRenderBridge } from './radiant-component-ssr-registry';
-import { type AttributeTypeConstant, type ReadAttributeValueReturnType, type WriteAttributeValueReturnType } from '../utils/attribute-utils';
+import type { ReactiveState } from './reactivity-contract';
+export type { ReactiveBindingOption, ReactiveBindingValue, ReactiveBindings, ReactiveFieldOptions, ReactiveProperty, ReactivePropertyOptions, } from './reactive-prop-core';
 declare const RadiantElementBase: {
     new (): HTMLElement;
     prototype: HTMLElement;
@@ -24,79 +26,7 @@ export type RadiantElementEventListener = {
     listener: EventListener;
     options?: AddEventListenerOptions;
 };
-/**
- * Represents a property metadata object.
- */
-export interface ReactiveProperty<T = unknown> {
-    type: AttributeTypeConstant;
-    value?: T;
-    initialValue?: T;
-    name: string;
-    attribute: string;
-    converter: {
-        fromAttribute: (value: string) => ReadAttributeValueReturnType;
-        toAttribute: (value: any) => WriteAttributeValueReturnType;
-    };
-}
-/**
- * Represents the options for a reactive property.
- */
-export type ReactivePropertyOptions<T> = {
-    type: AttributeTypeConstant;
-    reflect?: boolean;
-    attribute?: string;
-    defaultValue?: T;
-    /**
-     * Exposes a JSX binding companion for the reactive property.
-     *
-     * - `true` creates a `$propertyName` accessor.
-     * - a string creates a custom accessor with that name.
-     * - `undefined` defers to the host default.
-     *
-     * The generated accessor returns a subscribable JSX child value so JSX can
-     * patch only the affected child part when the property changes.
-     */
-    bind?: boolean | string;
-};
-export type ReactiveBindingOption = boolean | string;
-export type ReactiveFieldOptions = {
-    /**
-     * Exposes a JSX binding companion for the reactive field.
-     *
-     * - `true` creates a `$fieldName` accessor.
-     * - a string creates a custom accessor with that name.
-     * - `undefined` defers to the host default.
-     */
-    bind?: ReactiveBindingOption;
-};
-export type ReactiveField<T = unknown> = {
-    name: string;
-    value: T;
-    initialValue: T;
-};
 type StringPropertyKey<Value> = Extract<keyof Value, string>;
-/**
- * Value type produced by a JSX binding for a selected reactive member.
- *
- * Bindings preserve the original property type when it is already renderable by
- * the Ecopages JSX runtime. For non-renderable values, the binding falls back
- * to the broader `JsxRenderable` contract consumed by the renderer.
- */
-export type ReactiveBindingValue<Host extends object, Property extends StringPropertyKey<Host>> = Host[Property] extends JsxRenderable ? Host[Property] : JsxRenderable;
-/**
- * Namespace of cached JSX bindings keyed by the explicit bindable shape.
- *
- * Radiant exposes this namespace twice on every host:
- *
- * - `host.bindings.key` for the explicit form
- * - `host.$.key` for the short form
- *
- * Both aliases resolve through the same cached binding objects as
- * `host.bind('key')`.
- */
-export type ReactiveBindings<Bindings extends object> = {
-    readonly [Property in StringPropertyKey<Bindings>]: SubscribableJsxValue<ReactiveBindingValue<Bindings, Property>>;
-};
 /**
  * Represents an interface for a Radiant element.
  * @typeParam Bindings - Explicit internal bindable shape used to type `bind()` and `getReactiveBinding()`.
@@ -131,20 +61,20 @@ export interface IRadiantElement<Bindings extends object = {}> {
      *
      * @returns A cleanup function that unregisters the callback.
      */
-    registerUpdateCallback(property: string, update: (...rest: any[]) => any): () => void;
+    registerUpdateCallback(property: string, update: () => void): () => void;
     /**
      * Returns a subscribable JSX child binding for a reactive property or field.
      *
      * Prefer `this.bindings.key` or `this.$.key` in JSX render code when you want
      * property access syntax without string literals.
      */
-    bind<Property extends StringPropertyKey<Bindings>>(property: Property): SubscribableJsxValue<ReactiveBindingValue<Bindings, Property>>;
+    bind<Property extends StringPropertyKey<Bindings>>(property: Property): SubscribableJsxValueWithAccess<ReactiveBindingValue<Bindings, Property>>;
     /**
      * Returns a subscribable JSX child binding for a reactive property or field.
      *
      * This is the primitive lookup used by `bind()`, `bindings.key`, and `$.key`.
      */
-    getReactiveBinding<Property extends StringPropertyKey<Bindings>>(property: Property): SubscribableJsxValue<ReactiveBindingValue<Bindings, Property>>;
+    getReactiveBinding<Property extends StringPropertyKey<Bindings>>(property: Property): SubscribableJsxValueWithAccess<ReactiveBindingValue<Bindings, Property>>;
     /**
      * Defines a stable JSX binding companion accessor for a reactive member.
      *
@@ -170,16 +100,17 @@ export interface IRadiantElement<Bindings extends object = {}> {
      */
     registerConnectedCallback(callback: () => void): void;
     /**
-     * Registers a raw value reader for a reactive member so that tracked render
-     * dependencies can read the underlying value without triggering the public
-     * getter's dependency tracking.
+     * Creates a new reactive member state and registers it under `propertyName`.
+     */
+    createReactiveMember<T>(propertyName: string, initialValue: T): ReactiveState<T>;
+    /**
+     * Registers an externally-owned reactive member state (used by `signal()`).
      */
-    registerReactiveDependencyReader(property: string, read: () => unknown): void;
+    registerReactiveMember<T>(propertyName: string, signal: ReactiveState<T>): void;
     /**
-     * Records a tracked read of a reactive member during a component render,
-     * allowing the signals runtime to re-render only the affected parts.
+     * Returns the member state registered under `propertyName`, if any.
      */
-    trackReactiveRead(property: string): void;
+    getReactiveMember<T = unknown>(propertyName: string): ReactiveState<T> | undefined;
     /**
      * Renders a trusted HTML template string into the specified target element.
      *
@@ -238,22 +169,12 @@ export declare class RadiantElement<Bindings extends object = {}> extends Radian
     readonly bindings: ReactiveBindings<Bindings>;
     readonly $: ReactiveBindings<Bindings>;
     private readonly reactiveHost;
+    private readonly reactivePropertyState;
+    private readonly eventSubscriptionRegistry;
     /**
-     * A map of property metadata objects, it contains useful information about the properties configured via decorators.
-     */
-    private reactiveProperties;
-    /**
-     * Registered context providers keyed by decorated property name.
+     * Registered context providers and hydration bindings for SSR.
      */
-    private contextProviders;
-    /**
-     * Registered keyed hydration payload producers appended to SSR host output.
-     */
-    private hydrationBindings;
-    /**
-     * A map of event subscriptions used to manage event listeners on the Radiant element.
-     */
-    private eventSubscriptions;
+    private readonly hostSsrRegistry;
     /**
      * A map for event emitters
      */
@@ -262,37 +183,15 @@ export declare class RadiantElement<Bindings extends object = {}> extends Radian
      * A flag indicating whether the element has been connected to the DOM.
      */
     private elementReady;
-    private isRendering;
     private isFirstConnectPending;
-    private isRenderScheduled;
-    private needsRender;
-    /**
-     * Snapshot of own-property values that existed before Radiant installs the
-     * reactive accessors for declared props.
-     *
-     * "Pre-upgrade" refers to the custom-element upgrade window where user code,
-     * SSR boot code, or another framework assigns `element.someProp = value`
-     * before the browser has finished constructing the final custom-element class
-     * instance with its accessors in place.
-     *
-     * Those early assignments land as plain own properties on the element. If we
-     * define a reactive accessor later without first capturing them, the accessor
-     * would either miss the assigned value or remain shadowed by the own property.
-     * `createReactiveProp()` consumes this snapshot so the early value becomes the
-     * prop's initial reactive state.
-     */
-    private readonly preUpgradePropertyValues;
-    private projectedSlotContent;
-    private renderSignal?;
-    private readonly renderWatcher;
-    private slotProjectionObserver?;
-    private slotProjectionVersion;
+    private readonly renderScheduler;
+    private renderRuntime?;
     constructor();
+    get slotProjectionVersion(): number;
     connectedCallback(): void;
     connectedContextCallback(_contextName: UnknownContext): void;
     disconnectedCallback(): void;
     notifyUpdate(changedProperty: string, oldValue: unknown, value: unknown): void;
-    private transformAttributeValue;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     /**
      * Renders a trusted HTML template string into the specified target element.
@@ -309,19 +208,18 @@ export declare class RadiantElement<Bindings extends object = {}> extends Radian
         sanitize?: (html: string) => string;
     }): void;
     render(): JsxRenderable;
-    renderToString(options?: RenderToStringOptions): string;
-    renderHost(): JsxRenderable;
-    renderHostToString(options?: RenderToStringOptions): string;
+    getReactivePropDefinitions(): ReactivePropDefinition[];
+    getPropertyValue(name: string): unknown;
+    renderViewToString(options?: RenderToStringOptions): string;
     hydrate(): void;
     requestUpdate(): void;
     update(): void;
     registerReactiveProperty(config: ReactiveProperty): void;
-    protected getReactiveProperties(): ReactiveProperty[];
-    registerReactiveDependencyReader(property: string, read: () => unknown): void;
+    getReactiveProperties(): ReactiveProperty[];
     registerContextProvider(name: string, provider: SsrSerializableContextProvider): void;
     registerHydrationBinding(name: string, binding: SsrSerializableHydrationBinding): void;
-    protected getContextProviders(): SsrSerializableContextProvider[];
-    protected getHydrationBindings(): SsrSerializableHydrationBinding[];
+    getContextProviders(): SsrSerializableContextProvider[];
+    getHydrationBindings(): SsrSerializableHydrationBinding[];
     /**
      * Flushes any deferred SSR-only preparation work before the host is
      * serialized.
@@ -344,17 +242,16 @@ export declare class RadiantElement<Bindings extends object = {}> extends Radian
     protected shouldRunRenderLifecycle(): boolean;
     /** Returns the DOM root used by client-side render and hydrate work. */
     protected getRenderTarget(): RadiantRenderTarget;
-    protected getHostSsrAttributes(): Record<string, string>;
-    protected resolveSsrRenderBridge(): RadiantElementRenderBridge;
-    registerUpdateCallback(property: string, update: (...rest: any[]) => any): () => void;
-    getReactiveBinding<Property extends StringPropertyKey<Bindings>>(property: Property): SubscribableJsxValue<ReactiveBindingValue<Bindings, Property>>;
-    bind<Property extends StringPropertyKey<Bindings>>(property: Property): SubscribableJsxValue<ReactiveBindingValue<Bindings, Property>>;
+    registerUpdateCallback(property: string, update: () => void): () => void;
+    getReactiveBinding<Property extends StringPropertyKey<Bindings>>(property: Property): SubscribableJsxValueWithAccess<ReactiveBindingValue<Bindings, Property>>;
+    bind<Property extends StringPropertyKey<Bindings>>(property: Property): SubscribableJsxValueWithAccess<ReactiveBindingValue<Bindings, Property>>;
     defineReactiveBinding(property: string, bind?: ReactiveBindingOption): void;
-    trackReactiveRead(property: string): void;
+    createReactiveMember<T>(propertyName: string, initialValue: T): ReactiveState<T>;
+    registerReactiveMember<T>(propertyName: string, signal: ReactiveState<T>): void;
+    getReactiveMember<T = unknown>(propertyName: string): ReactiveState<T> | undefined;
     subscribeEvents(events: RadiantElementEventListener[]): Array<() => void>;
+    hasEventSubscription(subscriptionId: string): boolean;
     subscribeEvent(eventConfig: RadiantElementEventListener): () => void;
-    private unsubscribeEvent;
-    private removeAllSubscribedEvents;
     /**
      * Registers a callback that runs on every future disconnect.
      */
@@ -381,20 +278,12 @@ export declare class RadiantElement<Bindings extends object = {}> extends Radian
      * writes survive into the reactive lifecycle.
      */
     createReactiveProp<T = unknown>(propertyName: string, options: ReactivePropertyOptions<T>): void;
-    private ensureSlotProjectionState;
-    private getHostChildNodeCount;
-    private getSlotProjectionScriptTag;
-    private getAuthoredHydrationScriptMarkup;
-    private handleSlotProjectionMutations;
-    private addProjectedSlotNode;
-    private removeProjectedSlotNode;
-    private observeSlotProjection;
-    private disconnectSlotProjectionObserver;
-    private disconnectRenderWatcher;
-    private resolveTrackedRenderOutput;
-    private resolveRenderOutput;
-    private getEventSubscriptionTarget;
-    private getQueryRoot;
-    private assertSupportsHostSsrRendering;
+    getSlotProjectionScriptTag(): string | undefined;
+    getAuthoredHydrationScriptMarkup(): string | undefined;
+    resolveTrackedRenderOutput(): {
+        containsSlots: boolean;
+        value: JsxRenderable;
+    };
+    private getOrCreateRenderRuntime;
+    private resolveRenderSurface;
 }
-export {};

package/core/radiant-element.js

@@ -0,0 +1,3 @@
+var{defineProperty:K,getOwnPropertyNames:R0,getOwnPropertyDescriptor:I0}=Object,j0=Object.prototype.hasOwnProperty;function A0($){return this[$]}var L2=($)=>{var M=(g??=new WeakMap).get($),Q;if(M)return M;if(M=K({},"__esModule",{value:!0}),$&&typeof $==="object"||typeof $==="function"){for(var Z of R0($))if(!j0.call(M,Z))K(M,Z,{get:A0.bind($,Z),enumerable:!(Q=I0($,Z))||Q.enumerable})}return g.set($,M),M},g;var C0=($)=>$;function k0($,M){this[$]=C0.bind(null,M)}var B2=($,M)=>{for(var Q in M)K($,Q,{get:M[Q],enumerable:!0,configurable:!0,set:k0.bind(M,Q)})};var x2=($,M)=>()=>($&&(M=$($=0)),M);var Y2=(($)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy($,{get:(M,Q)=>(typeof require<"u"?require:M)[Q]}):$)(function($){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+$+'" is not supported')});class f{contextProviders=new Map;hydrationBindings=new Map;registerContextProvider($,M){this.contextProviders.set($,M),this.hydrationBindings.set($,M)}registerHydrationBinding($,M){this.hydrationBindings.set($,M)}getContextProviders(){return[...this.contextProviders.values()]}getHydrationBindings(){return[...this.hydrationBindings.values()]}}var z=Symbol.for("@ecopages/radiant.reactivePropDefinitions");function f2($,M,Q){let Z=$.constructor,q=Z[z]??[];if(q.some((X)=>X.name===M))return;q.push({name:M,options:Q}),Z[z]=q}function N($){return($.constructor[z]??[]).slice()}var b=Symbol.for("@ecopages/radiant.legacy-instance-initializers"),m=Symbol.for("@ecopages/radiant.legacy-post-construction-initializers"),T0=Symbol.for("@ecopages/radiant.legacy-executed-post-construction-initializers");function _2($,M){s($,b,M)}function R2($,M){s($,m,M)}function c($){v0($,b)}function _($,M){let Q=$;S0($,M,Q[T0]??=new Set)}function s($,M,Q){let Z=$,q=Object.prototype.hasOwnProperty.call(Z,M)?Z[M]:void 0;if(Array.isArray(q)){q.push(Q);return}Object.defineProperty(Z,M,{value:[Q]})}function v0($,M){h0($,(Q)=>{let Z=Q[M];if(!Array.isArray(Z))return;for(let q of Z)q($)})}function S0($,M,Q){for(let Z of y($)){let q=Z[m];if(!Array.isArray(q))continue;for(let X of q){if(Q.has(X))continue;X($,M),Q.add(X)}}}function y($){let M=[],Q=Object.getPrototypeOf($);while(Q&&Q!==Object.prototype)M.unshift(Q),Q=Object.getPrototypeOf(Q);return M}function h0($,M){for(let Q of y($))M(Q)}function D($,M){switch(M){case"construct":c($);break;case"connect":_($,"connect");break;case"ssr":_($,"ssr");break}}class R{getInteractionTarget;getListenerContext;subscriptions=new Map;constructor($,M){this.getInteractionTarget=$;this.getListenerContext=M}subscribe($){let M=this.getInteractionTarget(),Q=this.getListenerContext(),Z=(X)=>{if(X.target&&X.target.matches($.selector))$.listener.call(Q,X)},q=`${$.type}:${$.selector}`;return M.addEventListener($.type,Z,$.options),this.subscriptions.set(q,{...$,listener:Z,target:M}),()=>{this.unsubscribe(q)}}hasEventSubscription($){return this.subscriptions.has($)}removeAll(){for(let $ of this.subscriptions.values())$.target.removeEventListener($.type,$.listener,$.options);this.subscriptions.clear()}unsubscribe($){let M=this.subscriptions.get($);if(M)M.target.removeEventListener(M.type,M.listener,M.options),this.subscriptions.delete($)}}function i($){switch($){case Array:return"array";case Boolean:return"boolean";case Number:return"number";case Object:return"object";case String:return"string"}}function V0($){switch(typeof $){case"boolean":return"boolean";case"number":return"number";case"string":return"string"}if(Array.isArray($))return"array";if(Object.prototype.toString.call($)==="[object Object]")return"object"}function g0($){switch($){case Number:return 0;case String:return"";case Boolean:return!1;default:return null}}function N0($){try{return JSON.parse($)}catch{throw TypeError("Invalid JSON string")}}var b0={array($){let M=N0($);if(!Array.isArray(M))throw TypeError(`Expected an array but got a value of type "${typeof M}"`);return M},boolean($){return!($==="0"||String($).toLowerCase()==="false")},number($){return Number($.replace(/_/g,""))},object($){let M=JSON.parse($);if(M===null||typeof M!=="object"||Array.isArray(M))throw TypeError(`expected value of type "object" but instead got value "${$}" of type "${V0(M)}"`);return M},string($){return $}},u={default:d,array:p,object:p};function p($){return JSON.stringify($)}function d($){return`${$}`}function H($,M){let Q=i(M);if(!Q)throw TypeError(`[radiant-element] Unknown type "${M}"`);return b0[Q]($)}function o($,M){let Q=i(M);if(!Q)throw TypeError(`[radiant-element] Unknown type "${M}"`);return(u[Q]??u.default??d)($)}function m0($){return typeof $==="boolean"}function c0($){return typeof $==="number"}function s0($){return typeof $==="string"}function y0($){return Array.isArray($)}function u0($){return typeof $==="object"&&!Array.isArray($)&&$!==null}function n($,M){switch($){case Boolean:return m0(M);case Number:return c0(M);case String:return s0(M);case Array:return y0(M);case Object:return u0(M);default:return!1}}var l=($,M,Q,Z)=>{if(M===Boolean){let X=$.getAttribute(Q);if(X===null)return Z;return X===""?!0:H(X,M)}let q=$.getAttribute(Q);return q!==null?H(q,M):Z??g0(M)};function r($,M){if(M!==void 0&&!n($,M))throw Error(`defaultValue does not match the expected type for ${$.name}`)}function t($,M,Q,Z){return{type:Q,name:$,initialValue:Z,attribute:M,converter:{fromAttribute:(q)=>H(q,Q),toAttribute:(q)=>o(q,Q)}}}class I{host;properties=new Map;preUpgradePropertyValues=new Map;constructor($){this.host=$;for(let M of Object.getOwnPropertyNames($))this.preUpgradePropertyValues.set(M,Reflect.get($,M))}register($){this.properties.set($.name,$)}getAll(){return Array.from(this.properties.values())}applyAttributeChange($,M,Q){let Z=this.properties.get($);if(!Z)return;let q=this.transformAttributeValue(Q,Z);Reflect.set(this.host,Z.name,q)}create($,M,Q,Z,q){let{type:X,attribute:G,reflect:E,defaultValue:h}=M,F=G??$,x=this.preUpgradePropertyValues.has($),_0=x?this.preUpgradePropertyValues.get($):void 0;r(X,h);let W=x?_0:Q(X,F,h);if(this.host.hasAttribute(F)&&(!E||W==null||W===""))this.host.removeAttribute(F);if(x&&Object.prototype.hasOwnProperty.call(this.host,$))Reflect.deleteProperty(this.host,$);let Y=t($,F,X,W);this.register(Y);let O=this.host.getReactiveMember($),V=O??q($,W);if(O&&W!==void 0)O.set(W);if(Z($,{bind:M.bind,signal:V,onSet:(w)=>this.reflectValue(F,E,Y,w)}),W!==void 0)queueMicrotask(()=>{let w=V.get();if(w===void 0)return;this.reflectValue(F,E,Y,w),this.host.notifyUpdate($,void 0,w)})}transformAttributeValue($,M){return $!==null?M.converter.fromAttribute($):$}reflectValue($,M,Q,Z){if(!M)return;if(Z==null||Z===""||Z===!1){this.host.removeAttribute($);return}let q=Q.converter.toAttribute(Z);this.host.setAttribute($,q)}}import{Computed as p0,state as i0,subtle as d0,trackDependency as o0}from"@ecopages/signals";function n0($){return $}function a($){return $}var e={trackDependency($){o0(n0($))},createComputed($){return new p0($)},createWatcher($){let M=new d0.Watcher($);return{watch(Q){M.watch(a(Q))},unwatch(Q){M.unwatch(a(Q))}}},createState($){return i0($)}};var $0=e;function J(){return $0}function l0($){$0=$}function c2($){J().trackDependency($)}function M0($){return J().createComputed($)}function Q0($){return J().createWatcher($)}function Z0($){return $.replace(/&/g,"\\u0026").replace(/</g,"\\u003c").replace(/>/g,"\\u003e").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")}var U="data-hydration",X0="data-hydration-type",j="data-hydration-key";function i2($){let M=$.hydrationKey?` ${j}="${r0($.hydrationKey)}"`:"";return`<script type="application/json" ${U} ${X0}="${$.type}"${M}>${$.serializedValue}</script>`}function d2($){return Z0($)}function o2($,M){let Q=$.textContent;if(!Q)return M;try{return JSON.parse(Q)}catch{if(typeof console<"u")console.warn(`[@ecopages/radiant] Failed to parse hydration payload from <script ${U}>:`,Q.slice(0,120));return M}}function n2($,M,Q){let Z=$.children;if(!Z||Z.length===0){let q=$.childNodes;if(!q||q.length===0)return null;for(let X=0;X<q.length;X+=1){let G=q[X];if(G.nodeType!==1)continue;let E=G;if(q0(E,M,Q))return E}return null}for(let q=0;q<Z.length;q+=1)if(q0(Z[q],M,Q))return Z[q];return null}function q0($,M,Q){if($.tagName!=="SCRIPT"||!$.hasAttribute(U)||$.getAttribute(X0)!==M)return!1;if(Q!==void 0)return $.getAttribute(j)===Q;return!$.hasAttribute(j)}function r0($){return $.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}import{createMarkupNodeLike as t0,isKeyedJsxValue as G0,isSlotJsxValue as a0}from"@ecopages/jsx";var P="",B="data-radiant-slot-projection";function W0($){let M=new Map;for(let Q of Array.from($.childNodes)){if(Q2(Q))continue;e0(M,M2(Q),Q)}return M}function U0($){let M;try{M=JSON.parse($)}catch{if(typeof console<"u")console.warn("[@ecopages/radiant] Failed to parse slot projection payload:",$.slice(0,120));return new Map}let Q=new Map;for(let[Z,q]of Object.entries(M)){if(!Array.isArray(q)||q.length===0)continue;Q.set(A(Z),q.map((X)=>t0(X)))}return Q}function E0($){let M=Array.from($.childNodes).filter((Q)=>H0(Q)).map((Q)=>L(Q)??"").filter((Q)=>Q!=="");return M.length>0?M.join(""):void 0}function F0($){let M={};for(let[Q,Z]of $.entries()){let q=Z.map((X)=>L(X)).filter((X)=>X!==void 0&&X!=="");if(q.length>0)M[Q]=q}return Object.keys(M).length>0?JSON.stringify(M):void 0}function J0($,M){let Q=!1,Z=(X)=>{if(a0(X))return Q=!0,q2(X,M,Z);if(G0(X))return $2(X,Z(X.value));if(Z2(X))return{_$rType$:1,rootLocalName:X.rootLocalName,ssrIntrinsicProps:X.ssrIntrinsicProps,strings:X.strings,values:X.values.map((G)=>Z(G))};if(w0(X))return Array.from(X,(G)=>Z(G));return X},q=Z($);return{containsSlots:Q,value:q}}function P0($){for(let M of Array.from($.childNodes)){if(!D0(M))continue;let Q=M.textContent??void 0;return M.parentNode?.removeChild(M),Q}return}function e0($,M,Q){let Z=$.get(M);if(Z){Z.push(Q);return}$.set(M,[Q])}function $2($,M){return{...$,value:M}}function M2($){if($ instanceof Element)return A($.getAttribute("slot"));return P}function w0($){return typeof $!=="string"&&typeof $==="object"&&$!==null&&Symbol.iterator in $}function D0($){return $ instanceof HTMLScriptElement&&$.hasAttribute(B)}function H0($){return $ instanceof HTMLScriptElement&&$.hasAttribute(U)}function Q2($){return D0($)||H0($)}function Z2($){return typeof $==="object"&&$!==null&&$._$rType$===1&&Array.isArray($.strings)&&Array.isArray($.values)}function A($){return $??P}function L($){if($===void 0||$===null||$===!1||$===!0)return;if(typeof Node<"u"&&$ instanceof Node){if($.nodeType===Node.TEXT_NODE)return $.textContent??"";return $.outerHTML??$.textContent??void 0}if(G0($))return L($.value);if(typeof $==="string"||typeof $==="number"||typeof $==="bigint")return String($);if(typeof $==="object"&&$!==null&&"outerHTML"in $)return typeof $.outerHTML==="string"?$.outerHTML:$.textContent??void 0;if(w0($))return Array.from($,(M)=>L(M)??"").join("");return}function q2($,M,Q){let Z=M.get(A($.name));if(Z&&Z.length>0)return Z.length===1?Z[0]:Z;if($.fallback===void 0)return"";return Q($.fallback)}import{hydrate as X2,render as G2}from"@ecopages/jsx";class C{#$;#M=new Map;#Q;#q;#Z;#X=0;constructor($){this.#$=$,this.#q=Q0(()=>{this.#$.requestUpdate()})}get slotProjectionVersion(){return this.#X}getSlotElements($){return this.ensureSlotProjectionState(),(this.#M.get($??P)??[]).filter((M)=>typeof Node<"u"&&M instanceof Element)}getSlotProjectionScriptTag(){this.ensureSlotProjectionState();let $=F0(this.#M);if(!$)return;return`<script type="application/json" ${B}>${W2($)}</script>`}getAuthoredHydrationScriptMarkup(){return E0(this.#$)??void 0}hydrate($){this.disconnectSlotProjectionObserver();try{X2(this.resolveTrackedRenderOutput().value,$)}finally{this.observeSlotProjection()}}render($){this.disconnectSlotProjectionObserver();try{G2(this.resolveTrackedRenderOutput().value,$)}finally{this.observeSlotProjection()}}observeSlotProjection(){if(typeof MutationObserver>"u"||this.#Z||!this.#$.isConnected)return;this.#Z=new MutationObserver(($)=>this.handleSlotProjectionMutations($)),this.#Z.observe(this.#$,{childList:!0})}disconnectSlotProjectionObserver(){this.#Z?.disconnect(),this.#Z=void 0}disconnectRenderWatcher(){if(!this.#Q)return;this.#q.unwatch(this.#Q),this.#Q=void 0}resolveTrackedRenderOutput(){let $=M0(()=>this.resolveRenderOutput()),M=$.get();if(!this.#$.isConnected)return M;if(this.#Q)this.#q.unwatch(this.#Q);return this.#Q=$,this.#q.watch($),M}dispose(){this.disconnectSlotProjectionObserver(),this.disconnectRenderWatcher()}ensureSlotProjectionState(){if(this.#M.size>0)return;let $=this.#$.isConnected?P0(this.#$):void 0;if(typeof $==="string"&&$!==""){this.#M=U0($),this.#X+=1;return}if(this.#$.childNodes.length>0)this.#M=W0(this.#$),this.#X+=1}handleSlotProjectionMutations($){let M=!1;for(let Q of $){for(let Z of Array.from(Q.removedNodes))if(this.removeProjectedSlotNode(Z))M=!0;for(let Z of Array.from(Q.addedNodes)){if(Z.parentNode!==this.#$)continue;if(this.addProjectedSlotNode(Z))M=!0}}if(M)this.#X+=1,this.#$.requestUpdate()}addProjectedSlotNode($){if($ instanceof HTMLScriptElement&&($.hasAttribute(B)||$.hasAttribute(U)))return!1;let M=$ instanceof Element?$.getAttribute("slot")??P:P,Q=this.#M.get(M);if(Q){if(Q.includes($))return!1;return Q.push($),!0}return this.#M.set(M,[$]),!0}removeProjectedSlotNode($){for(let[M,Q]of this.#M.entries()){let Z=Q.indexOf($);if(Z===-1)continue;if(Q.splice(Z,1),Q.length===0)this.#M.delete(M);return!0}return!1}resolveRenderOutput(){return this.ensureSlotProjectionState(),J0(this.#$.render(),this.#M)}}function W2($){return $.replace(/</g,"\\u003c")}class k{options;needsRender=!1;isRendering=!1;isRenderScheduled=!1;constructor($){this.options=$}get rendering(){return this.isRendering}get pending(){return this.needsRender}markPending(){this.needsRender=!0}clearPending(){this.needsRender=!1}requestUpdate(){if(this.needsRender=!0,this.isRenderScheduled)return;this.isRenderScheduled=!0,queueMicrotask(()=>{if(this.isRenderScheduled=!1,!this.needsRender)return;this.flush()})}flush(){if(!this.options.canFlush())return;while(this.needsRender&&this.options.canFlush())this.needsRender=!1,this.runCommit()}runExclusive($){this.isRendering=!0;try{return $()}finally{this.isRendering=!1}}runCommit(){this.isRendering=!0;try{this.options.commit()}finally{this.isRendering=!1}}}import{createSubscribableJsxValue as U2}from"@ecopages/jsx";function L0($){return U2({getValue:()=>$.get(),subscribe:(M)=>$.subscribe(M)})}class T{host;access;shouldAutoBind;bindings;$;reactiveMembers=new Map;jsxBindings=new Map;updateCallbacks=new Map;onConnectedCallbacks=[];onDisconnectedCallback=[];constructor($,M,Q){this.host=$;this.access=M;this.shouldAutoBind=Q;let Z=this.createReactiveBindingNamespace();this.bindings=Z,this.$=Z}connectHost(){for(let $ of this.onConnectedCallbacks)$()}disconnectHost(){for(let $ of this.onDisconnectedCallback)$()}registerCleanupCallback($){this.onDisconnectedCallback.push($)}registerConnectedCallback($){this.onConnectedCallbacks.push($)}notifyUpdate($,M,Q){let Z=this.updateCallbacks.get($);if(!Z)return;for(let q of[...Z.keys()])q()}getReactiveMember($){return this.reactiveMembers.get($)}createReactiveMember($,M){let Q=J().createState(M);return this.registerMember($,Q),Q}registerReactiveMember($,M){this.registerMember($,M)}registerMember($,M){this.reactiveMembers.set($,M),this.jsxBindings.delete($);let Q=this.updateCallbacks.get($);if(Q)for(let Z of Q.keys())this.subscribeCallback($,Z)}subscribeCallback($,M){let Q=this.updateCallbacks.get($),Z=this.reactiveMembers.get($);if(!Q||!Z||Q.get(M))return;let q=Z.subscribe(()=>M());Q.set(M,q)}getReactiveBinding($){let M=$,Q=this.jsxBindings.get(M);if(Q)return Q;let Z=this.reactiveMembers.get(M);if(!Z)throw Error(`No reactive binding registered for "${String($)}".`);let q=L0(Z);return this.jsxBindings.set(M,q),q}registerUpdateCallback($,M){let Q=this.updateCallbacks.get($);if(!Q)Q=new Map,this.updateCallbacks.set($,Q);return Q.set(M,void 0),this.subscribeCallback($,M),()=>{let Z=this.updateCallbacks.get($);if(Z?.get(M)?.(),Z?.delete(M),Z&&Z.size===0)this.updateCallbacks.delete($)}}defineReactiveBinding($,M=!0){let Q=typeof M==="string"?M:M?`$${$}`:void 0,Z=this.access.getBindingTarget?.(this.host)??this.host;if(!Q||this.access.hasProperty(this.host,Q))return;this.access.defineProperty(Z,Q,{get:()=>this.getReactiveBinding($),enumerable:!1,configurable:!0})}defineReactiveAccessor($,M){let Q=M.bind??this.shouldAutoBind();this.defineReactiveBinding($,Q),this.access.defineProperty(this.host,$,{get:()=>M.signal.get(),set:(Z)=>{M.signal.set(Z),M.onSet?.(Z)},enumerable:!0,configurable:!0})}createReactiveField($,M,Q={}){let Z=this.reactiveMembers.get($),q=Z??this.createReactiveMember($,M);if(Z&&M!==void 0)q.set(M);if(this.defineReactiveAccessor($,{bind:Q.bind,signal:q}),!Q.suppressInitialNotify)this.notifyUpdate($,void 0,q.get())}createReactiveBindingNamespace(){return new Proxy(Object.create(null),{get:($,M)=>{if(typeof M!=="string")return;return this.getReactiveBinding(M)}})}}var v=Symbol.for("@ecopages/radiant.ssr-preparation-callbacks"),B0=Symbol.for("@ecopages/radiant.ssr-preparation-running");function F3($,M){let Z=$[v];if(Array.isArray(Z)){Z.push(M);return}Object.defineProperty($,v,{value:[M],configurable:!0})}function x0($){let M=$,Q=M[v];if(!Array.isArray(Q))return;M[B0]=!0;try{for(let Z of Q)Z()}finally{delete M[B0]}}var S=Symbol.for("@ecopages/radiant.hydrator-installed");function P3(){globalThis[S]=!0}function w3(){delete globalThis[S]}function Y0(){return globalThis[S]===!0}import{getActiveSsrScopeValue as E2,withActiveSsrScopeValue as F2}from"@ecopages/jsx/server";var O0=Symbol.for("@ecopages/radiant.element-ssr-runtime");function K0(){return E2(O0)}function L3($,M){return F2(O0,$,M)}import{hasHydrationMarkers as J2,jsx as P2}from"@ecopages/jsx";var w2=D2();function D2(){if(typeof HTMLElement<"u")return HTMLElement;throw Error("RadiantElement requires HTMLElement. Install '@ecopages/radiant/server/light-dom-shim' before SSR imports.")}class z0 extends w2{renderRootMode="light";bindings;$;reactiveHost;reactivePropertyState;eventSubscriptionRegistry;hostSsrRegistry=new f;eventEmitters=new Map;elementReady=!1;isFirstConnectPending=!1;renderScheduler;renderRuntime;constructor(){super();this.reactivePropertyState=new I(this),this.eventSubscriptionRegistry=new R(()=>this.resolveRenderSurface().interactionTarget,()=>this),this.renderScheduler=new k({canFlush:()=>this.isConnected&&!this.renderScheduler.rendering&&!(this.isFirstConnectPending&&f0(this)),commit:()=>{let{renderTarget:$}=this.resolveRenderSurface();this.getOrCreateRenderRuntime().render($)}}),this.reactiveHost=new T(this,{defineProperty:($,M,Q)=>Object.defineProperty($,M,Q),getBindingTarget:($)=>Object.getPrototypeOf($)??$,hasProperty:($,M)=>(M in $),readProperty:($,M)=>$[M]},()=>this.shouldAutoBindReactiveMembers()),this.bindings=this.reactiveHost.bindings,this.$=this.reactiveHost.$,D(this,"construct")}get slotProjectionVersion(){return this.renderRuntime?.slotProjectionVersion??0}connectedCallback(){D(this,"connect");let $=this.isFirstConnectPending;if(this.elementReady=!0,this.reactiveHost.connectHost(),$)return;this.isFirstConnectPending=!0,queueMicrotask(()=>{if(this.isFirstConnectPending=!1,!this.isConnected)return;if(!this.shouldRunRenderLifecycle())return;if(this.getOrCreateRenderRuntime().observeSlotProjection(),f0(this)){if(this.renderScheduler.clearPending(),this.hydrate(),this.renderScheduler.pending)this.update();return}this.update()})}connectedContextCallback($){}disconnectedCallback(){this.renderRuntime?.dispose(),this.renderRuntime=void 0,this.eventSubscriptionRegistry.removeAll(),this.reactiveHost.disconnectHost()}notifyUpdate($,M,Q){this.reactiveHost.notifyUpdate($,M,Q)}attributeChangedCallback($,M,Q){if(M===Q||!this.elementReady)return;this.reactivePropertyState.applyAttributeChange($,M,Q)}renderTemplate({target:$=this,template:M,insert:Q="replace",sanitize:Z}){let q=Z?Z(M):M;switch(Q){case"replace":$.innerHTML=q;break;case"beforeend":$.insertAdjacentHTML("beforeend",q);break;case"afterbegin":$.insertAdjacentHTML("afterbegin",q);break;case"beforebegin":$.insertAdjacentHTML("beforebegin",q);break;case"afterend":$.insertAdjacentHTML("afterend",q);break}}render(){return P2("slot",{})}getReactivePropDefinitions(){return N(this)}getPropertyValue($){return Reflect.get(this,$)}renderViewToString($={}){if(!this.shouldRunRenderLifecycle())return this.innerHTML;return D(this,"ssr"),this.prepareForSsr(),H2().renderView(this,$)}hydrate(){if(!this.shouldRunRenderLifecycle()||!this.isConnected||this.renderScheduler.rendering)return;let{renderTarget:$}=this.resolveRenderSurface(),M=this.getOrCreateRenderRuntime();this.renderScheduler.runExclusive(()=>{M.hydrate($)})}requestUpdate(){if(!this.shouldRunRenderLifecycle())return;this.renderScheduler.requestUpdate()}update(){if(!this.shouldRunRenderLifecycle())return;this.renderScheduler.markPending(),this.renderScheduler.flush()}registerReactiveProperty($){this.reactivePropertyState.register($)}getReactiveProperties(){return this.reactivePropertyState.getAll()}registerContextProvider($,M){this.hostSsrRegistry.registerContextProvider($,M)}registerHydrationBinding($,M){this.hostSsrRegistry.registerHydrationBinding($,M)}getContextProviders(){return this.hostSsrRegistry.getContextProviders()}getHydrationBindings(){return this.hostSsrRegistry.getHydrationBindings()}prepareForSsr(){x0(this)}shouldAutoBindReactiveMembers(){return!0}shouldRunRenderLifecycle(){return this.render!==z0.prototype.render}getRenderTarget(){if(this.renderRootMode!=="shadow")return this;if(this.shadowRoot)return this.shadowRoot;if(typeof this.attachShadow!=="function")throw Error("RadiantElement shadow render mode requires attachShadow().");return this.attachShadow({mode:"open"})}registerUpdateCallback($,M){return this.reactiveHost.registerUpdateCallback($,M)}getReactiveBinding($){return this.reactiveHost.getReactiveBinding($)}bind($){return this.reactiveHost.getReactiveBinding($)}defineReactiveBinding($,M=!0){this.reactiveHost.defineReactiveBinding($,M)}createReactiveMember($,M){return this.reactiveHost.createReactiveMember($,M)}registerReactiveMember($,M){this.reactiveHost.registerReactiveMember($,M)}getReactiveMember($){return this.reactiveHost.getReactiveMember($)}subscribeEvents($){let M=[];for(let Q of $)M.push(this.subscribeEvent(Q));return M}hasEventSubscription($){return this.eventSubscriptionRegistry.hasEventSubscription($)}subscribeEvent($){return this.eventSubscriptionRegistry.subscribe($)}registerCleanupCallback($){this.reactiveHost.registerCleanupCallback($)}registerConnectedCallback($){this.reactiveHost.registerConnectedCallback($)}registerEventEmitter($,M){this.eventEmitters.set($,M)}getRef($,M=!1){let Q=`[data-ref="${$}"]`,{queryRoot:Z}=this.resolveRenderSurface();if(M)return Array.from(Z.querySelectorAll(Q));return Z.querySelector(Q)??null}getSlotElement($){return this.getSlotElements($)[0]??null}getSlotElements($){return this.getOrCreateRenderRuntime().getSlotElements($)}createReactiveField($,M,Q={}){this.reactiveHost.createReactiveField($,M,Q)}createReactiveProp($,M){this.reactivePropertyState.create($,M,(Q,Z,q)=>l(this,Q,Z,q),(Q,Z)=>{this.reactiveHost.defineReactiveAccessor(Q,Z)},(Q,Z)=>this.createReactiveMember(Q,Z))}getSlotProjectionScriptTag(){return this.getOrCreateRenderRuntime().getSlotProjectionScriptTag()}getAuthoredHydrationScriptMarkup(){return this.getOrCreateRenderRuntime().getAuthoredHydrationScriptMarkup()}resolveTrackedRenderOutput(){return this.getOrCreateRenderRuntime().resolveTrackedRenderOutput()}getOrCreateRenderRuntime(){if(this.renderRuntime)return this.renderRuntime;return this.renderRuntime=new C(this),this.renderRuntime}resolveRenderSurface(){let $=this.getRenderTarget(),M=typeof ShadowRoot<"u"&&$ instanceof ShadowRoot?$:this;return{interactionTarget:M,queryRoot:M,renderTarget:$}}}function H2(){let $=K0();if(!$)throw Error("Radiant SSR runtime unavailable. Import `@ecopages/radiant/server/render-component` first.");return $}function f0($){return Y0()&&J2($)}export{z0 as RadiantElement};
+
+//# debugId=4F27A0624E24367F64756E2164756E21