@praxisjs/decorators 1.6.1 → 2.0.0

package/dist/properties/persisted.js

@@ -1,27 +1,38 @@
-import { persistedSignal } from "@praxisjs/core/internal";
-import { createFieldDecorator } from "../create-field-decorator";
-const signalMap = new WeakMap();
+import { persistedSignal, } from "@praxisjs/core/internal";
+import { sharedField } from "../field";
+import { addLifecycleHooks } from "../lifecycle";
+// Fields of one instance that persist under the same key share one signal. Only read while the
+// instance is built; each field then reads its signal from its own slot.
+const SIGNALS = Symbol("praxis.persistedSignals");
 function getOrCreateSignal(instance, storageKey, initialValue, options) {
-    if (!signalMap.has(instance))
-        signalMap.set(instance, new Map());
-    const map = signalMap.get(instance);
-    if (!map.has(storageKey)) {
-        map.set(storageKey, persistedSignal(storageKey, initialValue, options));
+    const map = (instance[SIGNALS] ??= new Map());
+    let sig = map.get(storageKey);
+    if (!sig) {
+        sig = persistedSignal(storageKey, initialValue, options);
+        map.set(storageKey, sig);
     }
-    return map.get(storageKey);
+    return sig;
 }
 export function Persisted(key, options = {}) {
-    return createFieldDecorator({
-        bind(instance, name, initialValue) {
-            const storageKey = key ?? name;
-            getOrCreateSignal(instance, storageKey, initialValue, options);
-            return {
-                descriptor: {
-                    get: () => getOrCreateSignal(instance, storageKey, undefined, options)(),
-                    set: (value) => { getOrCreateSignal(instance, storageKey, undefined, options).set(value); },
+    return sharedField((name) => {
+        const slot = Symbol(`praxis.persisted.${name}`);
+        const storageKey = key ?? name;
+        // Without this every mounted instance would leave a window "storage" listener behind.
+        const close = (instance) => { instance[slot].close(); };
+        return {
+            descriptor: {
+                get() {
+                    return this[slot]();
                 },
-            };
-        },
+                set(value) {
+                    this[slot].set(value);
+                },
+            },
+            init(instance, initialValue) {
+                instance[slot] = getOrCreateSignal(instance, storageKey, initialValue, options);
+                addLifecycleHooks(instance, undefined, close);
+            },
+        };
     });
 }
 //# sourceMappingURL=persisted.js.map

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,yBAAyB,CAAC;AAGvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,SAAS,GAAG,IAAI,OAAO,EAAwC,CAAC;AAEtE,SAAS,iBAAiB,CACxB,QAAgB,EAChB,UAAkB,EAClB,YAAe,EACf,OAAkC;IAElC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;QAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;IACjE,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAiC,CAAC;IACpE,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;IACD,OAAO,GAAG,CAAC,GAAG,CAAC,UAAU,CAAc,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,SAAS,CACvB,GAAY,EACZ,UAAqC,EAAE;IAEvC,OAAO,oBAAoB,CAAC;QAC1B,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,YAAY;YAC/B,MAAM,UAAU,GAAG,GAAG,IAAI,IAAI,CAAC;YAC/B,iBAAiB,CAAC,QAAQ,EAAE,UAAU,EAAE,YAAiB,EAAE,OAAO,CAAC,CAAC;YACpE,OAAO;gBACL,UAAU,EAAE;oBACV,GAAG,EAAE,GAAG,EAAE,CACR,iBAAiB,CAAC,QAAQ,EAAE,UAAU,EAAE,SAAc,EAAE,OAAO,CAAC,EAAE;oBACpE,GAAG,EAAE,CAAC,KAAQ,EAAE,EAAE,GACd,iBAAiB,CAAC,QAAQ,EAAE,UAAU,EAAE,SAAc,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;iBACnF;aACF,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"persisted.js","sourceRoot":"","sources":["../../src/properties/persisted.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAGhB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAuC,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,+FAA+F;AAC/F,yEAAyE;AACzE,MAAM,OAAO,GAAkB,MAAM,CAAC,yBAAyB,CAAC,CAAC;AAMjE,SAAS,iBAAiB,CACxB,QAAuB,EACvB,UAAkB,EAClB,YAAe,EACf,OAAkC;IAElC,MAAM,GAAG,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,GAAG,EAAoC,CAAC,CAAC;IAChF,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC9B,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,GAAG,GAAG,eAAe,CAAC,UAAU,EAAE,YAAY,EAAE,OAAO,CAA6B,CAAC;QACrF,GAAG,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IAC3B,CAAC;IACD,OAAO,GAAyB,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,SAAS,CACvB,GAAY,EACZ,UAAqC,EAAE;IAEvC,OAAO,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;QAC1B,MAAM,IAAI,GAAG,MAAM,CAAC,oBAAoB,IAAI,EAAE,CAAC,CAAC;QAChD,MAAM,UAAU,GAAG,GAAG,IAAI,IAAI,CAAC;QAC/B,sFAAsF;QACtF,MAAM,KAAK,GAAG,CAAC,QAAgB,EAAE,EAAE,GAAK,QAAsB,CAAC,IAAI,CAAwB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QACvG,OAAO;YACL,UAAU,EAAE;gBACV,GAAG;oBACD,OAAQ,IAAI,CAAC,IAAI,CAAwB,EAAE,CAAC;gBAC9C,CAAC;gBACD,GAAG,CAAkB,KAAQ;oBAC1B,IAAI,CAAC,IAAI,CAAwB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBAChD,CAAC;aACF;YACD,IAAI,CAAC,QAAQ,EAAE,YAAY;gBACzB,QAAQ,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,QAAQ,EAAE,UAAU,EAAE,YAAiB,EAAE,OAAO,CAAC,CAAC;gBACrF,iBAAiB,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;YAChD,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/properties/prop.d.ts

@@ -1,2 +1,3 @@
-export declare function Prop(): <This extends import("@praxisjs/core").StatefulComponent, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
+import type { StatefulComponent } from "@praxisjs/core";
+export declare function Prop(): <This extends StatefulComponent, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => 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":"AAQA,wBAAgB,IAAI,4JAsBnB"}
+{"version":3,"file":"prop.d.ts","sourceRoot":"","sources":["../../src/properties/prop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AASxD,wBAAgB,IAAI,KACD,IAAI,SAAS,iBAAiB,EAAE,KAAK,GAAG,OAAO,EAC9D,QAAQ,SAAS,EACjB,SAAS,0BAA0B,CAAC,IAAI,EAAE,KAAK,CAAC,KAC/C,IAAI,CAyBR"}

package/dist/properties/prop.js

@@ -1,26 +1,30 @@
 import { getComponentDefault, getComponentRawProp, setComponentDefault, } from "@praxisjs/core/internal";
-import { createFieldDecorator } from "../create-field-decorator";
+import { addClaimableInitializer, assertFieldContext } from "../field";
 export function Prop() {
-    return createFieldDecorator({
-        bind(instance, name, initialValue) {
-            setComponentDefault(instance, name, initialValue);
-            return {
-                descriptor: {
-                    get() {
-                        const fromParent = getComponentRawProp(instance, name);
-                        if (fromParent !== undefined) {
-                            return typeof fromParent === "function"
-                                ? fromParent()
-                                : fromParent;
-                        }
-                        return getComponentDefault(instance, name);
-                    },
-                    set(value) {
-                        setComponentDefault(instance, name, value);
-                    },
-                },
-            };
-        },
-    });
+    return function (_value, context) {
+        assertFieldContext(context, "@Prop()");
+        const name = context.name;
+        // Shared by every instance, like @State's accessors.
+        const descriptor = {
+            enumerable: true,
+            configurable: true,
+            get() {
+                const fromParent = getComponentRawProp(this, name);
+                if (fromParent !== undefined) {
+                    return typeof fromParent === "function"
+                        ? fromParent()
+                        : fromParent;
+                }
+                return getComponentDefault(this, name);
+            },
+            set(value) {
+                setComponentDefault(this, name, value);
+            },
+        };
+        addClaimableInitializer(context, function (value) {
+            setComponentDefault(this, name, value);
+            Object.defineProperty(this, name, descriptor);
+        });
+    };
 }
 //# sourceMappingURL=prop.js.map

package/dist/properties/prop.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop.js","sourceRoot":"","sources":["../../src/properties/prop.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,IAAI;IAClB,OAAO,oBAAoB,CAAC;QAC1B,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,YAAY;YAC/B,mBAAmB,CAAC,QAAQ,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;YAClD,OAAO;gBACL,UAAU,EAAE;oBACV,GAAG;wBACD,MAAM,UAAU,GAAG,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;wBACvD,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;4BAC7B,OAAO,OAAO,UAAU,KAAK,UAAU;gCACrC,CAAC,CAAE,UAA4B,EAAE;gCACjC,CAAC,CAAC,UAAU,CAAC;wBACjB,CAAC;wBACD,OAAO,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;oBAC7C,CAAC;oBACD,GAAG,CAAC,KAAc;wBAChB,mBAAmB,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;oBAC7C,CAAC;iBACF;aACF,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"prop.js","sourceRoot":"","sources":["../../src/properties/prop.ts"],"names":[],"mappings":"AACA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEvE,MAAM,UAAU,IAAI;IAClB,OAAO,UACL,MAAiB,EACjB,OAAgD;QAEhD,kBAAkB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACvC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAc,CAAC;QACpC,qDAAqD;QACrD,MAAM,UAAU,GAAuB;YACrC,UAAU,EAAE,IAAI;YAChB,YAAY,EAAE,IAAI;YAClB,GAAG;gBACD,MAAM,UAAU,GAAG,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBACnD,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;oBAC7B,OAAO,OAAO,UAAU,KAAK,UAAU;wBACrC,CAAC,CAAE,UAA4B,EAAE;wBACjC,CAAC,CAAC,UAAU,CAAC;gBACjB,CAAC;gBACD,OAAO,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACzC,CAAC;YACD,GAAG,CAAe,KAAc;gBAC9B,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;YACzC,CAAC;SACF,CAAC;QACF,uBAAuB,CAAC,OAAO,EAAE,UAAU,KAAK;YAC9C,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;YACvC,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/dist/properties/ref.d.ts

@@ -1,7 +1,8 @@
+import { type FieldDecorator } from "../field";
 export type Ref<T extends Element = Element> = ((el: T | null) => void) & {
     current: T | null;
 };
 /** Creates a standalone ref object for use outside of class fields (e.g. module-level or passed to @Lazy). */
 export declare function createRef<T extends Element = Element>(): Ref<T>;
-export declare function Ref<T extends Element = Element>(): <This extends import("@praxisjs/core").StatefulComponent, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
+export declare function Ref<T extends Element = Element>(): FieldDecorator;
 //# sourceMappingURL=ref.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ref.d.ts","sourceRoot":"","sources":["../../src/properties/ref.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAAG,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG;IACxE,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC;CACnB,CAAC;AAEF,8GAA8G;AAE9G,wBAAgB,SAAS,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,CAM/D;AAGD,wBAAgB,GAAG,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,6JAS9C"}
+{"version":3,"file":"ref.d.ts","sourceRoot":"","sources":["../../src/properties/ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,UAAU,CAAC;AAE5E,MAAM,MAAM,GAAG,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG;IACxE,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC;CACnB,CAAC;AAEF,8GAA8G;AAC9G,wBAAgB,SAAS,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,CAM/D;AAGD,wBAAgB,GAAG,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,KAAK,cAAc,CAYjE"}

package/dist/properties/ref.js

@@ -1,4 +1,4 @@
-import { createFieldDecorator } from "../create-field-decorator";
+import { sharedField } from "../field";
 /** Creates a standalone ref object for use outside of class fields (e.g. module-level or passed to @Lazy). */
 export function createRef() {
     function refFn(el) {
@@ -9,13 +9,16 @@ export function createRef() {
 }
 // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters
 export function Ref() {
-    return createFieldDecorator({
-        bind(_instance, _name, _initialValue) {
-            const ref = createRef();
-            return {
-                descriptor: { get: () => ref },
-            };
-        },
+    return sharedField((name) => {
+        const ref = Symbol(`praxis.ref.${name}`);
+        return {
+            descriptor: {
+                // Created on first read: a ref that is never handed to an element costs nothing.
+                get() {
+                    return (this[ref] ??= createRef());
+                },
+            },
+        };
     });
 }
 //# sourceMappingURL=ref.js.map

package/dist/properties/ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"ref.js","sourceRoot":"","sources":["../../src/properties/ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAMjE,8GAA8G;AAE9G,MAAM,UAAU,SAAS;IACvB,SAAS,KAAK,CAAC,EAAY;QACxB,KAAgB,CAAC,OAAO,GAAG,EAAE,CAAC;IACjC,CAAC;IACA,KAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;IACjC,OAAO,KAAe,CAAC;AACzB,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,GAAG;IACjB,OAAO,oBAAoB,CAAC;QAC1B,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,aAAa;YAClC,MAAM,GAAG,GAAG,SAAS,EAAK,CAAC;YAC3B,OAAO;gBACL,UAAU,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE;aAC/B,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"ref.js","sourceRoot":"","sources":["../../src/properties/ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,WAAW,EAAE,MAAM,UAAU,CAAC;AAM5E,8GAA8G;AAC9G,MAAM,UAAU,SAAS;IACvB,SAAS,KAAK,CAAC,EAAY;QACxB,KAAgB,CAAC,OAAO,GAAG,EAAE,CAAC;IACjC,CAAC;IACA,KAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;IACjC,OAAO,KAAe,CAAC;AACzB,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,GAAG;IACjB,OAAO,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;QAC1B,MAAM,GAAG,GAAG,MAAM,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC;QACzC,OAAO;YACL,UAAU,EAAE;gBACV,iFAAiF;gBACjF,GAAG;oBACD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,SAAS,EAAK,CAAC,CAAC;gBACxC,CAAC;aACF;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"resource.d.ts","sourceRoot":"","sources":["../../src/properties/resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,IAAI,gBAAgB,EACjC,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;AAElD,KAAK,oBAAoB,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,0BAA0B,KAAK,IAAI,CAAC;AAE7F;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC;AAE3G,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"resource.d.ts","sourceRoot":"","sources":["../../src/properties/resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,IAAI,gBAAgB,EACjC,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAKjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;AAElD,KAAK,oBAAoB,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,0BAA0B,KAAK,IAAI,CAAC;AAE7F;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC;AAE3G,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC"}

package/dist/properties/resource.js

@@ -1,25 +1,30 @@
 import { resource, } from "@praxisjs/core/internal";
-import { createFieldDecorator } from "../create-field-decorator";
+import { sharedField } from "../field";
+import { addLifecycleHooks } from "../lifecycle";
 export { invalidateResource } from "@praxisjs/core/internal";
 export function Resource(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 fetcher, options = {}) {
-    return createFieldDecorator({
-        bind(instance, _name, _initialValue) {
-            const bound = fetcher.length > 0
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                ? () => fetcher(instance)
-                : fetcher;
-            const r = resource(bound, options);
-            return {
-                descriptor: {
-                    get() { return r; },
-                    // eslint-disable-next-line @typescript-eslint/no-empty-function
-                    set() { },
+    return sharedField((name) => {
+        const slot = Symbol(`praxis.resource.${name}`);
+        const destroy = (instance) => { instance[slot].destroy(); };
+        return {
+            descriptor: {
+                get() {
+                    return this[slot];
                 },
-                onUnmount() { r.destroy(); },
-            };
-        },
+                // eslint-disable-next-line @typescript-eslint/no-empty-function
+                set() { },
+            },
+            init(instance) {
+                const bound = fetcher.length > 0
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    ? () => fetcher(instance)
+                    : fetcher;
+                instance[slot] = resource(bound, options);
+                addLifecycleHooks(instance, undefined, destroy);
+            },
+        };
     });
 }
 //# sourceMappingURL=resource.js.map

package/dist/properties/resource.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource.js","sourceRoot":"","sources":["../../src/properties/resource.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,GAGT,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,oBAAoB,EAAqB,MAAM,2BAA2B,CAAC;AAEpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAmB7D,MAAM,UAAU,QAAQ;AACtB,8DAA8D;AAC9D,OAAyD,EACzD,UAA8B,EAAE;IAEhC,OAAO,oBAAoB,CAAC;QAC1B,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,aAAa;YACjC,MAAM,KAAK,GACT,OAAO,CAAC,MAAM,GAAG,CAAC;gBAChB,8DAA8D;gBAC9D,CAAC,CAAC,GAAG,EAAE,CAAE,OAAqC,CAAC,QAAQ,CAAC;gBACxD,CAAC,CAAE,OAA4B,CAAC;YACpC,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YACnC,OAAO;gBACL,UAAU,EAAE;oBACV,GAAG,KAA0B,OAAO,CAAC,CAAC,CAAC,CAAC;oBACxC,gEAAgE;oBAChE,GAAG,KAAU,CAAC;iBACf;gBACD,SAAS,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;aAC7B,CAAC;QACJ,CAAC;KACF,CAAoC,CAAC;AACxC,CAAC"}
+{"version":3,"file":"resource.js","sourceRoot":"","sources":["../../src/properties/resource.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,GAGT,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAkB,WAAW,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAmB7D,MAAM,UAAU,QAAQ;AACtB,8DAA8D;AAC9D,OAAyD,EACzD,UAA8B,EAAE;IAEhC,OAAO,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;QAC1B,MAAM,IAAI,GAAG,MAAM,CAAC,mBAAmB,IAAI,EAAE,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG,CAAC,QAAgB,EAAE,EAAE,GAAK,QAAsB,CAAC,IAAI,CAAyB,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QAC5G,OAAO;YACL,UAAU,EAAE;gBACV,GAAG;oBACD,OAAO,IAAI,CAAC,IAAI,CAAwB,CAAC;gBAC3C,CAAC;gBACD,gEAAgE;gBAChE,GAAG,KAAU,CAAC;aACf;YACD,IAAI,CAAC,QAAQ;gBACX,MAAM,KAAK,GACT,OAAO,CAAC,MAAM,GAAG,CAAC;oBAChB,8DAA8D;oBAC9D,CAAC,CAAC,GAAG,EAAE,CAAE,OAAqC,CAAC,QAAQ,CAAC;oBACxD,CAAC,CAAE,OAA4B,CAAC;gBACpC,QAAQ,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;gBAC1C,iBAAiB,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;YAClD,CAAC;SACF,CAAC;IACJ,CAAC,CAAoC,CAAC;AACxC,CAAC"}

package/dist/properties/selector.d.ts

@@ -0,0 +1,12 @@
+import { type Selector as SelectorFn, type SelectorEquals } from "@praxisjs/core/internal";
+export type Selector<K> = SelectorFn<K>;
+export interface SelectorOptions<K, T> {
+    /**
+     * Decides whether `key` is selected for the source value `value`. Defaults to a strict
+     * comparison (SameValueZero), which notifies only the previous and next keys; a custom function
+     * is evaluated against every key in use whenever the source changes.
+     */
+    equals?: SelectorEquals<K, T>;
+}
+export declare function Selector<const Name extends string, K = unknown, T = unknown>(source: Name, options?: SelectorOptions<K, T>): <This extends Record<Name, unknown>, Value extends Selector<never>>(value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
+//# sourceMappingURL=selector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selector.d.ts","sourceRoot":"","sources":["../../src/properties/selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,IAAI,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAMrG,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC;AAExC,MAAM,WAAW,eAAe,CAAC,CAAC,EAAE,CAAC;IACnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAC/B;AAUD,wBAAgB,QAAQ,CAAC,KAAK,CAAC,IAAI,SAAS,MAAM,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAC1E,MAAM,EAAE,IAAI,EACZ,OAAO,GAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAM,GAaf,CAAC,IAAI,SAAS,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,KAAK,SAAS,QAAQ,CAAC,KAAK,CAAC,EACpF,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,0BAA0B,CAAC,IAAI,EAAE,KAAK,CAAC,KAC7C,IAAI,CACV"}

package/dist/properties/selector.js

@@ -0,0 +1,25 @@
+import { selector } from "@praxisjs/core/internal";
+import { isComputed } from "@praxisjs/shared/internal";
+import { sharedField } from "../field";
+function createSelector(host, source, equals) {
+    const read = () => {
+        const raw = host[source];
+        return (isComputed(raw) ? raw() : raw);
+    };
+    return equals ? selector(read, equals) : selector(read);
+}
+export function Selector(source, options = {}) {
+    const decorator = sharedField((name) => {
+        const slot = Symbol(`praxis.selector.${name}`);
+        return {
+            descriptor: {
+                // Created on first read, so the source field may be declared after this one.
+                get() {
+                    return (this[slot] ??= createSelector(this, source, options.equals));
+                },
+            },
+        };
+    });
+    return decorator;
+}
+//# sourceMappingURL=selector.js.map

package/dist/properties/selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector.js","sourceRoot":"","sources":["../../src/properties/selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAoD,MAAM,yBAAyB,CAAC;AAErG,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAkB,WAAW,EAAE,MAAM,UAAU,CAAC;AAavD,SAAS,cAAc,CAAO,IAAe,EAAE,MAAc,EAAE,MAAwC;IACrG,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;QACzB,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAE,GAAyB,EAAE,CAAC,CAAC,CAAC,GAAG,CAAM,CAAC;IACrE,CAAC,CAAC;IACF,OAAO,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAE,QAAQ,CAAC,IAAI,CAA8B,CAAC;AACxF,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,MAAY,EACZ,UAAiC,EAAE;IAEnC,MAAM,SAAS,GAAG,WAAW,CAAS,CAAC,IAAI,EAAE,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,CAAC,mBAAmB,IAAI,EAAE,CAAC,CAAC;QAC/C,OAAO;YACL,UAAU,EAAE;gBACV,6EAA6E;gBAC7E,GAAG;oBACD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;gBACvE,CAAC;aACF;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,SAGE,CAAC;AACZ,CAAC"}

package/dist/properties/slot.d.ts

@@ -1,4 +1,5 @@
+import { type FieldDecorator } from "../field";
 export declare function initSlots(instance: object, children: unknown): void;
 export declare function getSlot(instance: object, name: string): unknown[];
-export declare function Slot(name?: string): <This extends import("@praxisjs/core").StatefulComponent, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
+export declare function Slot(name?: string): FieldDecorator;
 //# 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":"AA+BA,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,2JAkBjC"}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/properties/slot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,UAAU,CAAC;AAqC5E,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,GAAG,cAAc,CAkBlD"}

package/dist/properties/slot.js

@@ -1,5 +1,6 @@
-import { createFieldDecorator } from "../create-field-decorator";
-const slotsMap = new WeakMap();
+import { sharedField } from "../field";
+// On the instance rather than in a WeakMap: every slot field read goes through here.
+const SLOTS = Symbol("praxis.slots");
 function resolveSlots(children) {
     const slots = new Map();
     const defaultSlot = [];
@@ -14,9 +15,10 @@ function resolveSlots(children) {
             const slotName = child.getAttribute("slot");
             if (slotName) {
                 child.removeAttribute("slot");
-                if (!slots.has(slotName))
-                    slots.set(slotName, []);
-                slots.get(slotName).push(child);
+                let named = slots.get(slotName);
+                if (!named)
+                    slots.set(slotName, (named = []));
+                named.push(child);
                 continue;
             }
         }
@@ -26,26 +28,26 @@ function resolveSlots(children) {
     return slots;
 }
 export function initSlots(instance, children) {
-    slotsMap.set(instance, resolveSlots(children));
+    instance[SLOTS] = resolveSlots(children);
 }
 export function getSlot(instance, name) {
-    return slotsMap.get(instance)?.get(name) ?? [];
+    return instance[SLOTS]?.get(name) ?? [];
 }
 export function Slot(name) {
-    return createFieldDecorator({
-        bind(instance, propName, _initialValue) {
-            const slotName = name ?? (propName === "default" ? "default" : propName);
-            return {
-                descriptor: {
-                    get: () => getSlot(instance, slotName),
-                    set: (_value) => {
-                        if (process.env.NODE_ENV !== "production") {
-                            console.warn(`[Slot] "${propName}" is a slot and cannot be assigned directly. Slots are filled by the parent component.`);
-                        }
-                    },
+    return sharedField((propName) => {
+        const slotName = name ?? propName;
+        return {
+            descriptor: {
+                get() {
+                    return getSlot(this, slotName);
                 },
-            };
-        },
+                set(_value) {
+                    if (process.env.NODE_ENV !== "production") {
+                        console.warn(`[Slot] "${propName}" is a slot and cannot be assigned directly. Slots are filled by the parent component.`);
+                    }
+                },
+            },
+        };
     });
 }
 //# sourceMappingURL=slot.js.map

package/dist/properties/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../src/properties/slot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,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,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,oBAAoB,CAAC;QAC1B,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa;YACpC,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YACzE,OAAO;gBACL,UAAU,EAAE;oBACV,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC;oBACtC,GAAG,EAAE,CAAC,MAAe,EAAE,EAAE;wBACvB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;4BAC1C,OAAO,CAAC,IAAI,CACV,WAAW,QAAQ,wFAAwF,CAC5G,CAAC;wBACJ,CAAC;oBACH,CAAC;iBACF;aACF,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../src/properties/slot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5E,qFAAqF;AACrF,MAAM,KAAK,GAAkB,MAAM,CAAC,cAAc,CAAC,CAAC;AAMpD,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,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,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAChC,IAAI,CAAC,KAAK;oBAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC;gBAC9C,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAClB,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;IAC1D,QAAqB,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,QAAgB,EAAE,IAAY;IACpD,OAAQ,QAAqB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,IAAa;IAChC,OAAO,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE;QAC9B,MAAM,QAAQ,GAAG,IAAI,IAAI,QAAQ,CAAC;QAClC,OAAO;YACL,UAAU,EAAE;gBACV,GAAG;oBACD,OAAO,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;gBACjC,CAAC;gBACD,GAAG,CAAC,MAAe;oBACjB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;wBAC1C,OAAO,CAAC,IAAI,CACV,WAAW,QAAQ,wFAAwF,CAC5G,CAAC;oBACJ,CAAC;gBACH,CAAC;aACF;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/properties/state.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,wBAAgB,KAAK,8HAepB"}
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/properties/state.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD,wBAAgB,KAAK,KACF,IAAI,SAAS,YAAY,EAAE,KAAK,GAAG,OAAO,EACzD,QAAQ,SAAS,EACjB,SAAS,0BAA0B,CAAC,IAAI,EAAE,KAAK,CAAC,KAC/C,IAAI,CAyBR"}

package/dist/properties/state.js

@@ -1,19 +1,30 @@
-import { markStateDirty, signal } from "@praxisjs/core/internal";
-import { createFieldDecorator } from "../create-field-decorator";
+import { markStateDirty, readSignal, SignalNode, writeSignal } from "@praxisjs/core/internal";
+import { addClaimableInitializer, assertFieldContext } from "../field";
 export function State() {
-    return createFieldDecorator({
-        bind(instance, _name, initialValue) {
-            const sig = signal(initialValue);
-            return {
-                descriptor: {
-                    get: () => sig(),
-                    set: (value) => {
-                        markStateDirty(instance);
-                        sig.set(value);
-                    },
-                },
-            };
-        },
-    });
+    return function (_value, context) {
+        assertFieldContext(context, "@State()");
+        const name = context.name;
+        // One accessor pair per decorated field, shared by every instance: per-instance closures would
+        // give each instance its own hidden class, turning every field read into a megamorphic access.
+        // It stays an own property of each instance, so decorators stacked above @State (and custom ones
+        // built with createFieldDecorator) find and wrap it, and a Proxy around the instance works.
+        const node = Symbol(`praxis.state.${String(name)}`);
+        const descriptor = {
+            enumerable: true,
+            configurable: true,
+            get() {
+                return readSignal(this[node]);
+            },
+            set(value) {
+                markStateDirty(this);
+                writeSignal(this[node], value);
+            },
+        };
+        addClaimableInitializer(context, function (value) {
+            const instance = this;
+            instance[node] = new SignalNode(value);
+            Object.defineProperty(instance, name, descriptor);
+        });
+    };
 }
 //# sourceMappingURL=state.js.map

package/dist/properties/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/properties/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAIjE,MAAM,UAAU,KAAK;IACnB,OAAO,oBAAoB,CAAe;QACxC,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,YAAY;YAChC,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;YACjC,OAAO;gBACL,UAAU,EAAE;oBACV,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE;oBAChB,GAAG,EAAE,CAAC,KAAc,EAAE,EAAE;wBACtB,cAAc,CAAC,QAAQ,CAAC,CAAC;wBACzB,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACjB,CAAC;iBACF;aACF,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/properties/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE9F,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAMvE,MAAM,UAAU,KAAK;IACnB,OAAO,UACL,MAAiB,EACjB,OAAgD;QAEhD,kBAAkB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QACxC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QAC1B,+FAA+F;QAC/F,+FAA+F;QAC/F,iGAAiG;QACjG,4FAA4F;QAC5F,MAAM,IAAI,GAAG,MAAM,CAAC,gBAAgB,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACpD,MAAM,UAAU,GAAuB;YACrC,UAAU,EAAE,IAAI;YAChB,YAAY,EAAE,IAAI;YAClB,GAAG;gBACD,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAe,CAAC,CAAC;YAC9C,CAAC;YACD,GAAG,CAAkB,KAAc;gBACjC,cAAc,CAAC,IAAI,CAAC,CAAC;gBACrB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAe,EAAE,KAAK,CAAC,CAAC;YAC/C,CAAC;SACF,CAAC;QACF,uBAAuB,CAAC,OAAO,EAAE,UAAU,KAAK;YAC9C,MAAM,QAAQ,GAAG,IAA4B,CAAC;YAC9C,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;YACvC,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/dist/properties/synced.d.ts

@@ -1,2 +1,3 @@
-export declare function Synced(channelName?: string): <This extends import("@praxisjs/core").StatefulComponent, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
+import { type FieldDecorator } from "../field";
+export declare function Synced(channelName?: string): FieldDecorator;
 //# sourceMappingURL=synced.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"synced.d.ts","sourceRoot":"","sources":["../../src/properties/synced.ts"],"names":[],"mappings":"AAMA,wBAAgB,MAAM,CAAC,WAAW,CAAC,EAAE,MAAM,2JAqB1C"}
+{"version":3,"file":"synced.d.ts","sourceRoot":"","sources":["../../src/properties/synced.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,UAAU,CAAC;AAW5E,wBAAgB,MAAM,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CA0B3D"}

package/dist/properties/synced.js

@@ -1,26 +1,34 @@
 import { syncedSignal } from "@praxisjs/core/internal";
-import { createFieldDecorator } from "../create-field-decorator";
-const signalMap = new WeakMap();
+import { sharedField } from "../field";
+import { addLifecycleHooks } from "../lifecycle";
+// Fields of one instance synced over the same channel share one signal. Only read while the
+// instance is built; each field then reads its signal from its own slot.
+const SIGNALS = Symbol("praxis.syncedSignals");
 export function Synced(channelName) {
-    return createFieldDecorator({
-        bind(instance, name, initialValue) {
-            const key = channelName ?? name;
-            if (!signalMap.has(instance))
-                signalMap.set(instance, new Map());
-            const map = signalMap.get(instance);
-            if (!map.has(key))
-                map.set(key, syncedSignal(key, initialValue));
-            const sig = map.get(key);
-            return {
-                descriptor: {
-                    get: () => sig(),
-                    set: (value) => { sig.set(value); },
+    return sharedField((name) => {
+        const slot = Symbol(`praxis.synced.${name}`);
+        const key = channelName ?? name;
+        const close = (instance) => { instance[slot].close(); };
+        return {
+            descriptor: {
+                get() {
+                    return this[slot]();
                 },
-                onUnmount() {
-                    sig.close();
+                set(value) {
+                    this[slot].set(value);
                 },
-            };
-        },
+            },
+            init(instance, initialValue) {
+                const map = (instance[SIGNALS] ??= new Map());
+                let sig = map.get(key);
+                if (!sig) {
+                    sig = syncedSignal(key, initialValue);
+                    map.set(key, sig);
+                }
+                instance[slot] = sig;
+                addLifecycleHooks(instance, undefined, close);
+            },
+        };
     });
 }
 //# sourceMappingURL=synced.js.map

package/dist/properties/synced.js.map

@@ -1 +1 @@
-{"version":3,"file":"synced.js","sourceRoot":"","sources":["../../src/properties/synced.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,SAAS,GAAG,IAAI,OAAO,EAA8C,CAAC;AAE5E,MAAM,UAAU,MAAM,CAAC,WAAoB;IACzC,OAAO,oBAAoB,CAAC;QAC1B,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,YAAY;YAC/B,MAAM,GAAG,GAAG,WAAW,IAAI,IAAI,CAAC;YAEhC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;gBAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;YACjE,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAuC,CAAC;YAC1E,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;gBAAE,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;YACjE,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAA0B,CAAC;YAElD,OAAO;gBACL,UAAU,EAAE;oBACV,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE;oBAChB,GAAG,EAAE,CAAC,KAAc,EAAE,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;iBAC7C;gBACD,SAAS;oBACP,GAAG,CAAC,KAAK,EAAE,CAAC;gBACd,CAAC;aACF,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"synced.js","sourceRoot":"","sources":["../../src/properties/synced.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAuC,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,4FAA4F;AAC5F,yEAAyE;AACzE,MAAM,OAAO,GAAkB,MAAM,CAAC,sBAAsB,CAAC,CAAC;AAM9D,MAAM,UAAU,MAAM,CAAC,WAAoB;IACzC,OAAO,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;QAC1B,MAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;QAC7C,MAAM,GAAG,GAAG,WAAW,IAAI,IAAI,CAAC;QAChC,MAAM,KAAK,GAAG,CAAC,QAAgB,EAAE,EAAE,GAAK,QAAsB,CAAC,IAAI,CAA2B,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAC1G,OAAO;YACL,UAAU,EAAE;gBACV,GAAG;oBACD,OAAQ,IAAI,CAAC,IAAI,CAA2B,EAAE,CAAC;gBACjD,CAAC;gBACD,GAAG,CAAkB,KAAc;oBAChC,IAAI,CAAC,IAAI,CAA2B,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACnD,CAAC;aACF;YACD,IAAI,CAAC,QAAQ,EAAE,YAAY;gBACzB,MAAM,GAAG,GAAG,CAAE,QAAuB,CAAC,OAAO,CAAC,KAAK,IAAI,GAAG,EAAiC,CAAC,CAAC;gBAC7F,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBACvB,IAAI,CAAC,GAAG,EAAE,CAAC;oBACT,GAAG,GAAG,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;oBACtC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;gBACpB,CAAC;gBACD,QAAQ,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;gBACrB,iBAAiB,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;YAChD,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/shared-method.d.ts

@@ -0,0 +1,14 @@
+export type AnyMethod = (this: any, ...args: any[]) => any;
+export type MethodContext = ClassMethodDecoratorContext<any, any>;
+/**
+ * Returns `method`, the decorator's replacement for `value`, set up so that reading it from an
+ * instance returns it bound to that instance, the same function on every read: detached calls
+ * (`onClick={this.save}`) keep working. `method` is shared by every instance and keeps any
+ * per-instance state in symbol slots.
+ *
+ * Rather than defining a bound wrapper on each instance as it is built, the first instance turns
+ * the method's prototype entry into an accessor: an instance pays for its bound copy only when the
+ * method is first read from it, and nothing if it never is.
+ */
+export declare function sharedMethod<F extends AnyMethod>(context: MethodContext, value: AnyMethod, method?: F): F;
+//# sourceMappingURL=shared-method.d.ts.map

package/dist/shared-method.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-method.d.ts","sourceRoot":"","sources":["../src/shared-method.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,2BAA2B,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAsBlE;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,SAAS,EAC9C,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,SAAS,EAChB,MAAM,GAAE,CAAc,GACrB,CAAC,CA6DH"}