@praxisjs/decorators 0.2.0 → 0.3.0

package/dist/properties/persisted.d.ts

@@ -1,3 +1,4 @@
-import { type PersistedSignalOptions } from "@praxisjs/core";
-export declare function Persisted<T>(key?: string, options?: PersistedSignalOptions<T>): (target: object, propertyKey: string) => void;
+import type { StatefulComponent } from "@praxisjs/core";
+import { type PersistedSignalOptions } from "@praxisjs/core/internal";
+export declare function Persisted<T>(key?: string, options?: PersistedSignalOptions<T>): (_value: undefined, context: ClassFieldDecoratorContext<StatefulComponent>) => void;
 //# sourceMappingURL=persisted.d.ts.map

package/dist/properties/persisted.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"persisted.d.ts","sourceRoot":"","sources":["../../src/properties/persisted.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAsC9E,wBAAgB,SAAS,CAAC,CAAC,EACzB,GAAG,CAAC,EAAE,MAAM,EACZ,OAAO,GAAE,sBAAsB,CAAC,CAAC,CAAM,IAEtB,QAAQ,MAAM,EAAE,aAAa,MAAM,KAAG,IAAI,CAgC5D"}
+{"version":3,"file":"persisted.d.ts","sourceRoot":"","sources":["../../src/properties/persisted.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AAkCjC,wBAAgB,SAAS,CAAC,CAAC,EACzB,GAAG,CAAC,EAAE,MAAM,EACZ,OAAO,GAAE,sBAAsB,CAAC,CAAC,CAAM,IAGrC,QAAQ,SAAS,EACjB,SAAS,0BAA0B,CAAC,iBAAiB,CAAC,KACrD,IAAI,CAsCR"}

package/dist/properties/persisted.js

@@ -1,9 +1,6 @@
-import { persistedSignal } from "@praxisjs/core";
+import { persistedSignal, } from "@praxisjs/core/internal";
 const signalMap = new WeakMap();
 const initMap = new WeakMap();
-function isInitialized(instance, propKey) {
-    return initMap.get(instance)?.has(propKey) ?? false;
-}
 function markInitialized(instance, propKey) {
     if (!initMap.has(instance)) {
         initMap.set(instance, new Set());
@@ -21,25 +18,25 @@ function getOrCreateSignal(instance, storageKey, initialValue, options) {
     return map.get(storageKey);
 }
 export function Persisted(key, options = {}) {
-    return function (target, propertyKey) {
-        const storageKey = key ?? propertyKey;
-        Object.defineProperty(target, propertyKey, {
-            get() {
-                if (!isInitialized(this, propertyKey)) {
-                    return undefined;
-                }
-                return getOrCreateSignal(this, storageKey, undefined, options)();
-            },
-            set(value) {
-                if (!isInitialized(this, propertyKey)) {
-                    markInitialized(this, propertyKey);
-                    getOrCreateSignal(this, storageKey, value, options);
-                    return;
-                }
-                getOrCreateSignal(this, storageKey, undefined, options).set(value);
-            },
-            enumerable: true,
-            configurable: true,
+    return function (_value, context) {
+        context.addInitializer(function () {
+            const instance = this;
+            const propertyKey = context.name;
+            const storageKey = key ?? propertyKey;
+            const initialValue = instance[propertyKey];
+            Reflect.deleteProperty(instance, propertyKey);
+            markInitialized(instance, propertyKey);
+            getOrCreateSignal(instance, storageKey, initialValue, options);
+            Object.defineProperty(instance, propertyKey, {
+                get() {
+                    return getOrCreateSignal(instance, storageKey, undefined, options)();
+                },
+                set(value) {
+                    getOrCreateSignal(instance, storageKey, undefined, options).set(value);
+                },
+                enumerable: true,
+                configurable: true,
+            });
         });
     };
 }

package/dist/properties/persisted.js.map

@@ -1 +1 @@
-{"version":3,"file":"persisted.js","sourceRoot":"","sources":["../../src/properties/persisted.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA+B,MAAM,gBAAgB,CAAC;AAG9E,MAAM,SAAS,GAAG,IAAI,OAAO,EAAwC,CAAC;AACtE,MAAM,OAAO,GAAG,IAAI,OAAO,EAAuB,CAAC;AAEnD,SAAS,aAAa,CAAC,QAAgB,EAAE,OAAe;IACtD,OAAO,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC;AACtD,CAAC;AAED,SAAS,eAAe,CAAC,QAAgB,EAAE,OAAe;IACxD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC3B,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;IACnC,CAAC;IACA,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,iBAAiB,CACxB,QAAgB,EAChB,UAAkB,EAClB,YAAe,EACf,OAAkC;IAElC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;IACrC,CAAC;IACD,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAiC,CAAC;IAEpE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;QACzB,GAAG,CAAC,GAAG,CACL,UAAU,EACV,eAAe,CAAC,UAAU,EAAE,YAAY,EAAE,OAAO,CAAoB,CACtE,CAAC;IACJ,CAAC;IAED,OAAO,GAAG,CAAC,GAAG,CAAC,UAAU,CAAc,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,SAAS,CACvB,GAAY,EACZ,UAAqC,EAAE;IAEvC,OAAO,UAAU,MAAc,EAAE,WAAmB;QAClD,MAAM,UAAU,GAAG,GAAG,IAAI,WAAW,CAAC;QAEtC,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE;YACzC,GAAG;gBACD,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;oBACtC,OAAO,SAAc,CAAC;gBACxB,CAAC;gBAED,OAAO,iBAAiB,CACtB,IAAI,EACJ,UAAU,EACV,SAAc,EACd,OAAO,CACR,EAAE,CAAC;YACN,CAAC;YAED,GAAG,CAAe,KAAQ;gBACxB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;oBACtC,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;oBACnC,iBAAiB,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;oBACpD,OAAO;gBACT,CAAC;gBACD,iBAAiB,CAAI,IAAI,EAAE,UAAU,EAAE,SAAc,EAAE,OAAO,CAAC,CAAC,GAAG,CACjE,KAAK,CACN,CAAC;YACJ,CAAC;YAED,UAAU,EAAE,IAAI;YAChB,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"persisted.js","sourceRoot":"","sources":["../../src/properties/persisted.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,GAEhB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,SAAS,GAAG,IAAI,OAAO,EAAwC,CAAC;AACtE,MAAM,OAAO,GAAG,IAAI,OAAO,EAAuB,CAAC;AAEnD,SAAS,eAAe,CAAC,QAAgB,EAAE,OAAe;IACxD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC3B,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;IACnC,CAAC;IACA,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,iBAAiB,CACxB,QAAgB,EAChB,UAAkB,EAClB,YAAe,EACf,OAAkC;IAElC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;IACrC,CAAC;IACD,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAiC,CAAC;IAEpE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;QACzB,GAAG,CAAC,GAAG,CACL,UAAU,EACV,eAAe,CAAC,UAAU,EAAE,YAAY,EAAE,OAAO,CAAoB,CACtE,CAAC;IACJ,CAAC;IAED,OAAO,GAAG,CAAC,GAAG,CAAC,UAAU,CAAc,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,SAAS,CACvB,GAAY,EACZ,UAAqC,EAAE;IAEvC,OAAO,UACL,MAAiB,EACjB,OAAsD;QAEtD,OAAO,CAAC,cAAc,CAAC;YACrB,MAAM,QAAQ,GAAG,IAAc,CAAC;YAChC,MAAM,WAAW,GAAG,OAAO,CAAC,IAAc,CAAC;YAC3C,MAAM,UAAU,GAAG,GAAG,IAAI,WAAW,CAAC;YACtC,MAAM,YAAY,GAAI,QAAoC,CACxD,WAAW,CACP,CAAC;YAEP,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;YAE9C,eAAe,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;YACvC,iBAAiB,CAAC,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;YAE/D,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE;gBAC3C,GAAG;oBACD,OAAO,iBAAiB,CACtB,QAAQ,EACR,UAAU,EACV,SAAc,EACd,OAAO,CACR,EAAE,CAAC;gBACN,CAAC;gBAED,GAAG,CAAC,KAAQ;oBACV,iBAAiB,CACf,QAAQ,EACR,UAAU,EACV,SAAc,EACd,OAAO,CACR,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACf,CAAC;gBAED,UAAU,EAAE,IAAI;gBAChB,YAAY,EAAE,IAAI;aACnB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/dist/properties/prop.d.ts

@@ -1,2 +1,3 @@
-export declare function Prop(): (target: object, propertyKey: string) => void;
+import type { StatefulComponent } from "@praxisjs/core";
+export declare function Prop(): (_value: undefined, context: ClassFieldDecoratorContext<StatefulComponent>) => void;
 //# sourceMappingURL=prop.d.ts.map

package/dist/properties/prop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop.d.ts","sourceRoot":"","sources":["../../src/properties/prop.ts"],"names":[],"mappings":"AAEA,wBAAgB,IAAI,KACD,QAAQ,MAAM,EAAE,aAAa,MAAM,UAcrD"}
+{"version":3,"file":"prop.d.ts","sourceRoot":"","sources":["../../src/properties/prop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,IAAI,KAEhB,QAAQ,SAAS,EACjB,SAAS,0BAA0B,CAAC,iBAAiB,CAAC,KACrD,IAAI,CA4BR"}

package/dist/properties/prop.js

@@ -1,17 +1,28 @@
 export function Prop() {
-    return function (target, propertyKey) {
-        Object.defineProperty(target, propertyKey, {
-            get() {
-                const fromParent = this._rawProps[propertyKey];
-                if (fromParent !== undefined)
-                    return fromParent;
-                return this._defaults[propertyKey];
-            },
-            set(value) {
-                this._defaults[propertyKey] = value;
-            },
-            enumerable: true,
-            configurable: true,
+    return function (_value, context) {
+        context.addInitializer(function () {
+            const instance = this;
+            const name = context.name;
+            const raw = instance;
+            const defaultValue = raw[name];
+            Reflect.deleteProperty(raw, name);
+            instance._defaults[name] = defaultValue;
+            Object.defineProperty(instance, name, {
+                get() {
+                    const fromParent = this._rawProps[name];
+                    if (fromParent !== undefined) {
+                        return typeof fromParent === "function"
+                            ? fromParent()
+                            : fromParent;
+                    }
+                    return this._defaults[name];
+                },
+                set(value) {
+                    this._defaults[name] = value;
+                },
+                enumerable: true,
+                configurable: true,
+            });
         });
     };
 }

package/dist/properties/prop.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop.js","sourceRoot":"","sources":["../../src/properties/prop.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,IAAI;IAClB,OAAO,UAAU,MAAc,EAAE,WAAmB;QAClD,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE;YACzC,GAAG;gBACD,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;gBAC/C,IAAI,UAAU,KAAK,SAAS;oBAAE,OAAO,UAAU,CAAC;gBAChD,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;YACrC,CAAC;YACD,GAAG,CAAsB,KAAc;gBACrC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC;YACtC,CAAC;YACD,UAAU,EAAE,IAAI;YAChB,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"prop.js","sourceRoot":"","sources":["../../src/properties/prop.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,IAAI;IAClB,OAAO,UACL,MAAiB,EACjB,OAAsD;QAEtD,OAAO,CAAC,cAAc,CAAC;YACrB,MAAM,QAAQ,GAAG,IAAyB,CAAC;YAC3C,MAAM,IAAI,GAAG,OAAO,CAAC,IAAc,CAAC;YACpC,MAAM,GAAG,GAAG,QAA8C,CAAC;YAC3D,MAAM,YAAY,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;YAC/B,OAAO,CAAC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YAElC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC;YAExC,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,EAAE;gBACpC,GAAG;oBACD,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;oBACxC,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;wBAC7B,OAAO,OAAO,UAAU,KAAK,UAAU;4BACrC,CAAC,CAAE,UAA4B,EAAE;4BACjC,CAAC,CAAC,UAAU,CAAC;oBACjB,CAAC;oBACD,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBAC9B,CAAC;gBACD,GAAG,CAA0B,KAAc;oBACzC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gBAC/B,CAAC;gBACD,UAAU,EAAE,IAAI;gBAChB,YAAY,EAAE,IAAI;aACnB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/dist/properties/slot.d.ts

@@ -1,9 +1,5 @@
-import { type Children, type ChildrenInternal, type VNode } from "@praxisjs/shared";
-export interface SlottedVNode extends VNode {
-    slot?: string;
-}
-export declare function resolveSlots(children: ChildrenInternal | ChildrenInternal[] | undefined): Map<string, ChildrenInternal[]>;
-export declare function initSlots(instance: object, children: Children | undefined): void;
-export declare function getSlot(instance: object, name: string): ChildrenInternal[];
-export declare function Slot(name?: string): (target: object, propertyKey: string) => void;
+import type { StatefulComponent } from "@praxisjs/core";
+export declare function initSlots(instance: object, children: unknown): void;
+export declare function getSlot(instance: object, name: string): unknown[];
+export declare function Slot(name?: string): (_value: undefined, context: ClassFieldDecoratorContext<StatefulComponent>) => void;
 //# sourceMappingURL=slot.d.ts.map

package/dist/properties/slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/properties/slot.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,gBAAgB,EAErB,KAAK,KAAK,EACX,MAAM,kBAAkB,CAAC;AAI1B,MAAM,WAAW,YAAa,SAAQ,KAAK;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,GAAG,SAAS,GAC1D,GAAG,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAuBjC;AAED,wBAAgB,SAAS,CACvB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,GAAG,SAAS,GAC7B,IAAI,CAEN;AAED,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAE1E;AAED,wBAAgB,IAAI,CAAC,IAAI,CAAC,EAAE,MAAM,IACf,QAAQ,MAAM,EAAE,aAAa,MAAM,KAAG,IAAI,CAqB5D"}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/properties/slot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAgCxD,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAEnE;AAED,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,EAAE,CAEjE;AAED,wBAAgB,IAAI,CAAC,IAAI,CAAC,EAAE,MAAM,IAE9B,QAAQ,SAAS,EACjB,SAAS,0BAA0B,CAAC,iBAAiB,CAAC,KACrD,IAAI,CA0BR"}

package/dist/properties/slot.js

@@ -1,22 +1,27 @@
-import { flattenChildren, } from "@praxisjs/shared";
 const slotsMap = new WeakMap();
-export function resolveSlots(children) {
+function resolveSlots(children) {
     const slots = new Map();
     const defaultSlot = [];
     slots.set("default", defaultSlot);
-    if (!children)
+    if (children == null)
         return slots;
-    const arr = flattenChildren(children);
+    const arr = Array.isArray(children)
+        ? children.flat(Infinity)
+        : [children];
     for (const child of arr) {
-        const slotName = child.props.slot ?? child.slot;
-        if (slotName) {
-            if (!slots.has(slotName))
-                slots.set(slotName, []);
-            slots.get(slotName).push(child);
+        // Named slots via `slot` attribute on DOM elements
+        if (child instanceof Element) {
+            const slotName = child.getAttribute("slot");
+            if (slotName) {
+                child.removeAttribute("slot");
+                if (!slots.has(slotName))
+                    slots.set(slotName, []);
+                slots.get(slotName).push(child);
+                continue;
+            }
         }
-        else {
+        if (child != null)
             defaultSlot.push(child);
-        }
     }
     return slots;
 }
@@ -27,19 +32,24 @@ export function getSlot(instance, name) {
     return slotsMap.get(instance)?.get(name) ?? [];
 }
 export function Slot(name) {
-    return function (target, propertyKey) {
-        const slotName = name ?? (propertyKey === "default" ? "default" : propertyKey);
-        Object.defineProperty(target, propertyKey, {
-            get() {
-                return getSlot(this, slotName);
-            },
-            set(_value) {
-                if (process.env.NODE_ENV !== "production") {
-                    console.warn(`[Slot] "${propertyKey}" is a slot and cannot be assigned directly. Slots are filled by the parent component.`);
-                }
-            },
-            enumerable: true,
-            configurable: true,
+    return function (_value, context) {
+        context.addInitializer(function () {
+            const instance = this;
+            const propKey = context.name;
+            const slotName = name ?? (propKey === "default" ? "default" : propKey);
+            Reflect.deleteProperty(instance, propKey);
+            Object.defineProperty(instance, propKey, {
+                get() {
+                    return getSlot(this, slotName);
+                },
+                set(_value) {
+                    if (process.env.NODE_ENV !== "production") {
+                        console.warn(`[Slot] "${propKey}" is a slot and cannot be assigned directly. Slots are filled by the parent component.`);
+                    }
+                },
+                enumerable: true,
+                configurable: true,
+            });
         });
     };
 }

package/dist/properties/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../src/properties/slot.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,eAAe,GAEhB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,QAAQ,GAAG,IAAI,OAAO,EAA2C,CAAC;AAMxE,MAAM,UAAU,YAAY,CAC1B,QAA2D;IAE3D,MAAM,KAAK,GAAG,IAAI,GAAG,EAA8B,CAAC;IACpD,MAAM,WAAW,GAAuB,EAAE,CAAC;IAC3C,KAAK,CAAC,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAElC,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5B,MAAM,GAAG,GAAuB,eAAe,CAAC,QAAQ,CAAC,CAAC;IAE1D,KAAK,MAAM,KAAK,IAAI,GAAqB,EAAE,CAAC;QAC1C,MAAM,QAAQ,GAAI,KAAK,CAAC,KAAK,CAAC,IAA2B,IAAI,KAAK,CAAC,IAAI,CAAC;QAExE,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;gBAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YACjD,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAwB,CAAC,IAAI,CAC9C,KAAyB,CAC1B,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,IAAI,CAAC,KAAyB,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,SAAS,CACvB,QAAgB,EAChB,QAA8B;IAE9B,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,QAAgB,EAAE,IAAY;IACpD,OAAO,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,IAAa;IAChC,OAAO,UAAU,MAAc,EAAE,WAAmB;QAClD,MAAM,QAAQ,GACZ,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QAEhE,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE;YACzC,GAAG;gBACD,OAAO,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YACjC,CAAC;YAED,GAAG,CAAC,MAAe;gBACjB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;oBAC1C,OAAO,CAAC,IAAI,CACV,WAAW,WAAW,wFAAwF,CAC/G,CAAC;gBACJ,CAAC;YACH,CAAC;YAED,UAAU,EAAE,IAAI;YAChB,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../src/properties/slot.ts"],"names":[],"mappings":"AAEA,MAAM,QAAQ,GAAG,IAAI,OAAO,EAAkC,CAAC;AAE/D,SAAS,YAAY,CAAC,QAAiB;IACrC,MAAM,KAAK,GAAG,IAAI,GAAG,EAAqB,CAAC;IAC3C,MAAM,WAAW,GAAc,EAAE,CAAC;IAClC,KAAK,CAAC,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAElC,IAAI,QAAQ,IAAI,IAAI;QAAE,OAAO,KAAK,CAAC;IAEnC,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QACjC,CAAC,CAAE,QAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC;QACxC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEf,KAAK,MAAM,KAAK,IAAI,GAAG,EAAE,CAAC;QACxB,mDAAmD;QACnD,IAAI,KAAK,YAAY,OAAO,EAAE,CAAC;YAC7B,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAC5C,IAAI,QAAQ,EAAE,CAAC;gBACb,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBAC9B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;oBAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;gBACjD,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,SAAS;YACX,CAAC;QACH,CAAC;QACD,IAAI,KAAK,IAAI,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,QAAgB,EAAE,QAAiB;IAC3D,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,QAAgB,EAAE,IAAY;IACpD,OAAO,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,IAAa;IAChC,OAAO,UACL,MAAiB,EACjB,OAAsD;QAEtD,OAAO,CAAC,cAAc,CAAC;YACrB,MAAM,QAAQ,GAAG,IAAyB,CAAC;YAC3C,MAAM,OAAO,GAAG,OAAO,CAAC,IAAc,CAAC;YACvC,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YAEvE,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YAE1C,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE;gBACvC,GAAG;oBACD,OAAO,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;gBACjC,CAAC;gBAED,GAAG,CAAC,MAAe;oBACjB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;wBAC1C,OAAO,CAAC,IAAI,CACV,WAAW,OAAO,wFAAwF,CAC3G,CAAC;oBACJ,CAAC;gBACH,CAAC;gBAED,UAAU,EAAE,IAAI;gBAChB,YAAY,EAAE,IAAI;aACnB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/dist/properties/state.d.ts

@@ -1,2 +1,3 @@
-export declare function State(): (target: object, propertyKey: string) => void;
+import type { StatefulComponent } from "@praxisjs/core";
+export declare function State(): (_value: undefined, context: ClassFieldDecoratorContext<StatefulComponent>) => void;
 //# sourceMappingURL=state.d.ts.map

package/dist/properties/state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/properties/state.ts"],"names":[],"mappings":"AAGA,wBAAgB,KAAK,KACF,QAAQ,MAAM,EAAE,aAAa,MAAM,UAmBrD"}
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/properties/state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,wBAAgB,KAAK,KAEjB,QAAQ,SAAS,EACjB,SAAS,0BAA0B,CAAC,iBAAiB,CAAC,KACrD,IAAI,CAsBR"}

package/dist/properties/state.js

@@ -1,23 +1,23 @@
-import { signal } from "@praxisjs/core";
+import { signal } from "@praxisjs/core/internal";
 export function State() {
-    return function (target, propertyKey) {
-        const signalMap = new WeakMap();
-        Object.defineProperty(target, propertyKey, {
-            get() {
-                if (!signalMap.has(this))
-                    signalMap.set(this, signal(undefined));
-                return signalMap.get(this)();
-            },
-            set(value) {
-                if (!signalMap.has(this))
-                    signalMap.set(this, signal(value));
-                else {
-                    this._stateDirty = true;
-                    signalMap.get(this).set(value);
-                }
-            },
-            enumerable: true,
-            configurable: true,
+    return function (_value, context) {
+        context.addInitializer(function () {
+            const instance = this;
+            const name = context.name;
+            const initialValue = instance[name];
+            Reflect.deleteProperty(instance, name);
+            const sig = signal(initialValue);
+            Object.defineProperty(instance, name, {
+                get() {
+                    return sig();
+                },
+                set(value) {
+                    instance._stateDirty = true;
+                    sig.set(value);
+                },
+                enumerable: true,
+                configurable: true,
+            });
         });
     };
 }

package/dist/properties/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/properties/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGxC,MAAM,UAAU,KAAK;IACnB,OAAO,UAAU,MAAc,EAAE,WAAmB;QAClD,MAAM,SAAS,GAAG,IAAI,OAAO,EAA2B,CAAC;QAEzD,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE;YACzC,GAAG;gBACD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;oBAAE,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;gBACjE,OAAQ,SAAS,CAAC,GAAG,CAAC,IAAI,CAAqB,EAAE,CAAC;YACpD,CAAC;YACD,GAAG,CAAe,KAAc;gBAC9B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;oBAAE,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;qBACxD,CAAC;oBACH,IAA0B,CAAC,WAAW,GAAG,IAAI,CAAC;oBAC9C,SAAS,CAAC,GAAG,CAAC,IAAI,CAAqB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACtD,CAAC;YACH,CAAC;YACD,UAAU,EAAE,IAAI;YAChB,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/properties/state.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,UAAU,KAAK;IACnB,OAAO,UACL,MAAiB,EACjB,OAAsD;QAEtD,OAAO,CAAC,cAAc,CAAC;YACrB,MAAM,QAAQ,GAAG,IAAmD,CAAC;YACrE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAc,CAAC;YACpC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;YACpC,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAEvC,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;YAEjC,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,EAAE;gBACpC,GAAG;oBACD,OAAO,GAAG,EAAE,CAAC;gBACf,CAAC;gBACD,GAAG,CAAC,KAAc;oBAChB,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;oBAC5B,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACjB,CAAC;gBACD,UAAU,EAAE,IAAI;gBAChB,YAAY,EAAE,IAAI;aACnB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisjs/decorators",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -15,9 +15,8 @@
     "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@praxisjs/core": "0.2.0",
-    "@praxisjs/jsx": "0.1.0",
-    "@praxisjs/shared": "0.1.0"
+    "@praxisjs/core": "0.3.0",
+    "@praxisjs/shared": "0.2.0"
   },
   "scripts": {
     "build": "tsc",

package/src/component/component.ts

@@ -1,12 +1,19 @@
-import type { ComponentConstructor, ComponentInstance } from "@praxisjs/shared";
+import { StatelessComponent } from "@praxisjs/core";
+import type {
+  ComponentConstructor,
+  ComponentInstance,
+} from "@praxisjs/shared/internal";
 
 export function Component() {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return function <T extends new (...args: any[]) => ComponentInstance>(
     constructor: T,
+    _context: ClassDecoratorContext,
   ): T & ComponentConstructor {
+    const isStateless = constructor.prototype instanceof StatelessComponent;
     const Enhanced = class extends constructor {
-      static isComponent = true as const;
+      static __isComponent = true as const;
+      static __isStateless = isStateless;
     } as unknown as T & ComponentConstructor;
 
     Object.defineProperty(Enhanced, "name", {

package/src/component/index.ts

@@ -1,4 +1,3 @@
 export { Component } from "./component";
-export { Memoize } from "./memoize";
 export { Lazy } from "./lazy";
 export { Virtual } from "./virtual";

package/src/component/lazy.ts

@@ -1,22 +1,24 @@
-import { type BaseComponent, signal } from "@praxisjs/core";
-import type { VNode } from "@praxisjs/shared";
+import { type RootComponent, signal } from "@praxisjs/core/internal";
 
 export function Lazy(placeholder = 200) {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return function <T extends new (...args: any[]) => BaseComponent>(
+  return function <T extends new (...args: any[]) => RootComponent>(
     constructor: T,
+    _context: ClassDecoratorContext,
   ): T {
     return class LazyWrapper extends constructor {
       private readonly _lazyVisible = signal(false);
       private _observer?: IntersectionObserver;
-      private readonly _originalRender: () => VNode | null = this.render.bind(this);
+      private readonly _originalRender: () => Node | Node[] | null =
+        this.render.bind(this);
 
       onMount() {
         super.onMount?.();
 
-        const el = document.querySelector<HTMLElement>(
-          `[data-component="${constructor.name}"]`,
-        );
+        // Use the end anchor to find the parent element
+        const el =
+          (this as unknown as { _anchor?: Comment })._anchor
+            ?.parentElement ?? null;
         if (!el) return;
 
         if (!("IntersectionObserver" in window)) {
@@ -47,7 +49,7 @@ export function Lazy(placeholder = 200) {
         this._observer?.disconnect();
       }
 
-      render(): VNode | null {
+      render(): Node | Node[] | null {
         if (!this._lazyVisible()) return null;
         return this._originalRender();
       }

package/src/component/virtual.tsx

@@ -1,24 +1,30 @@
-import { type BaseComponent, computed, signal } from "@praxisjs/core";
-import type { VNode } from "@praxisjs/shared";
+import { computed, effect, type RootComponent, signal } from "@praxisjs/core/internal";
+
+interface VirtualHost {
+  _anchor?: Comment;
+  items?: unknown[];
+  renderItem(item: unknown, index: number): Node | Node[] | null;
+}
 
 export function Virtual(itemHeight: number, buffer = 3) {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return function <T extends new (...args: any[]) => BaseComponent>(
+  return function <T extends new (...args: any[]) => RootComponent>(
     constructor: T,
+    _context: ClassDecoratorContext,
   ): T {
     return class VirtualWrapper extends constructor {
       private readonly _scrollTop = signal(0);
       private readonly _viewHeight = signal(600);
       private _container?: HTMLElement;
       private _scrollHandler?: () => void;
+      private _cleanups: Array<() => void> = [];
 
       onMount() {
         super.onMount?.();
 
+        // Use the end anchor set by the runtime to locate the parent element
         this._container =
-          document.querySelector<HTMLElement>(
-            `[data-component="${constructor.name}"]`,
-          ) ?? undefined;
+          (this as unknown as VirtualHost)._anchor?.parentElement ?? undefined;
 
         if (!this._container) return;
 
@@ -39,24 +45,25 @@ export function Virtual(itemHeight: number, buffer = 3) {
         if (this._container && this._scrollHandler) {
           this._container.removeEventListener("scroll", this._scrollHandler);
         }
+        this._cleanups.forEach((c) => { c(); });
+        this._cleanups = [];
       }
 
       render() {
-        const instance = this as unknown as Record<string, unknown>;
-        const items = (instance.items as unknown[] | undefined) ?? [];
+        const host = this as unknown as VirtualHost;
+        const items = host.items ?? [];
         const total = items.length;
         const totalH = total * itemHeight;
 
-        const renderItem = instance.renderItem as
-          | ((item: unknown, i: number) => VNode | null)
-          | undefined;
-        if (!renderItem) {
+        if (typeof host.renderItem !== "function") {
           console.warn(
             `[Virtual] ${constructor.name} must implement renderItem(item, index)`,
           );
           return null;
         }
 
+        const renderItem = host.renderItem.bind(host);
+
         const startIdx = computed(() => {
           const start = Math.floor(this._scrollTop() / itemHeight) - buffer;
           return Math.max(0, start);
@@ -70,7 +77,7 @@ export function Virtual(itemHeight: number, buffer = 3) {
         });
 
         const visibleItems = computed(() => {
-          const result = [];
+          const result: Array<{ item: unknown; index: number }> = [];
           for (let i = startIdx(); i <= endIdx(); i++) {
             result.push({ item: items[i], index: i });
           }
@@ -82,22 +89,58 @@ export function Virtual(itemHeight: number, buffer = 3) {
           () => (total - 1 - endIdx()) * itemHeight,
         );
 
-        return (
-          <div style={`height:${String(totalH)}px; position:relative;`}>
-            <div style={() => `height:${String(offsetTop())}px;`} />
-            {() =>
-              visibleItems().map(({ item, index }) => (
-                <div
-                  key={String(index)}
-                  style={`height:${String(itemHeight)}px; overflow:hidden;`}
-                >
-                  {renderItem.call(this, item, index)}
-                </div>
-              ))
+        const outer = document.createElement("div");
+        outer.setAttribute(
+          "style",
+          `height:${String(totalH)}px; position:relative;`,
+        );
+
+        const spacerTop = document.createElement("div");
+        this._cleanups.push(
+          effect(() => {
+            spacerTop.setAttribute("style", `height:${String(offsetTop())}px;`);
+          }),
+        );
+
+        const itemsSlot = document.createElement("div");
+        this._cleanups.push(
+          effect(() => {
+            while (itemsSlot.firstChild) {
+              itemsSlot.removeChild(itemsSlot.firstChild);
             }
-            <div style={() => `height:${String(offsetBottom())}px;`} />
-          </div>
-        ) as unknown as VNode;
+            visibleItems().forEach(({ item, index }) => {
+              const wrapper = document.createElement("div");
+              wrapper.setAttribute(
+                "style",
+                `height:${String(itemHeight)}px; overflow:hidden;`,
+              );
+              const rendered = renderItem(item, index);
+              if (rendered) {
+                const nodes = (
+                  Array.isArray(rendered) ? rendered.flat() : [rendered]
+                );
+                nodes.forEach((n) => wrapper.appendChild(n));
+              }
+              itemsSlot.appendChild(wrapper);
+            });
+          }),
+        );
+
+        const spacerBottom = document.createElement("div");
+        this._cleanups.push(
+          effect(() => {
+            spacerBottom.setAttribute(
+              "style",
+              `height:${String(offsetBottom())}px;`,
+            );
+          }),
+        );
+
+        outer.appendChild(spacerTop);
+        outer.appendChild(itemsSlot);
+        outer.appendChild(spacerBottom);
+
+        return outer;
       }
     } as unknown as T;
   };

package/src/events/emit.ts

@@ -1,20 +1,17 @@
-import type { BaseComponent } from "@praxisjs/core";
+import type { StatefulComponent } from "@praxisjs/core";
 
 import { readProp } from "./helper";
 
 export function Emit(propName: string) {
   return function (
-    _target: object,
-    methodKey: string,
-    descriptor: PropertyDescriptor,
-  ): PropertyDescriptor {
-    const originalMethod = descriptor.value as (...args: unknown[]) => unknown;
-
+    value: (this: StatefulComponent, ...args: unknown[]) => unknown,
+    context: ClassMethodDecoratorContext<StatefulComponent>,
+  ): void {
     const wrapped = function (
-      this: BaseComponent,
+      this: StatefulComponent,
       ...args: unknown[]
     ): unknown {
-      const result = originalMethod.apply(this, args);
+      const result = value.apply(this, args);
 
       const callback = readProp(this, propName);
       if (typeof callback !== "function") return result;
@@ -30,18 +27,14 @@ export function Emit(propName: string) {
       return result;
     };
 
-    return {
-      configurable: true,
-      enumerable: false,
-      get(this: BaseComponent) {
-        const bound = wrapped.bind(this);
-        Object.defineProperty(this, methodKey, {
-          value: bound,
-          configurable: true,
-          writable: true,
-        });
-        return bound;
-      },
-    };
+    context.addInitializer(function (this: unknown) {
+      const name = context.name as string;
+      const bound = wrapped.bind(this as StatefulComponent);
+      Object.defineProperty(this as object, name, {
+        value: bound,
+        configurable: true,
+        writable: true,
+      });
+    });
   };
 }