@toyz/loom 0.4.0 → 0.6.0

package/dist/element/lifecycle.d.ts

@@ -1,57 +1,55 @@
 /**
- * Loom — Element lifecycle decorators
+ * Loom — Lifecycle decorators (TC39 Stage 3)
  *
- * @catch_  — Error boundary
- * @suspend — Async suspense
- * @mount   — connectedCallback hook
- * @unmount — disconnectedCallback hook
+ * @catch_  — Wrap update() with a try/catch, render fallback on error
+ * @suspend — Show fallback until method resolves
+ * @mount   — Run method on connectedCallback
+ * @unmount — Run method on disconnectedCallback
  */
-type CatchFn = (error: Error, element: any) => void;
+/** Function called when update() throws */
+type CatchFn = (error: unknown, element: HTMLElement & {
+    shadow: ShadowRoot;
+}) => void;
 /**
- * Error boundary. Wraps lifecycle methods with try/catch, renders fallback on error.
- * Named catch_ since `catch` is reserved.
+ * Error-boundary decorator. If update() throws, catches the error
+ * and calls the handler with (error, element).
  *
  * ```ts
- * @component("my-widget")
- * @catch_((err, el) => {
- *   el.shadow.replaceChildren(<div>{err.message}</div>);
- * })
- * class MyWidget extends LoomElement { ... }
+ * @component("my-page")
+ * @catch_((err, el) => { el.shadow.innerHTML = `<p>Error: ${err}</p>`; })
+ * class MyPage extends LoomElement { ... }
  * ```
  */
-export declare const catch_: (handler: CatchFn) => (ctor: any) => void;
+export declare function catch_(handler: CatchFn): (value: Function, _context: ClassDecoratorContext) => void;
 /**
- * Async suspense. Wraps async methods to auto-manage loading/error state.
- * Expects the component to have @reactive loading and @reactive error fields.
+ * Suspend decorator. Wraps an async method with loading/error state
+ * management. Sets `this.loading = true` before the call, and
+ * `this.loading = false` after. Captures errors on `this.error`.
  *
+ * Use as `@suspend()` on a method:
  * ```ts
  * @suspend()
- * async fetchUser() {
- *   const res = await fetch(`/api/users/${this.userId}`);
- *   this.user = await res.json();
- * }
+ * async fetchData() { this.result = await api.get(); }
  * ```
  */
-export declare function suspend(): (_target: any, _key: string, desc: PropertyDescriptor) => void;
+export declare function suspend(): (method: Function, context: ClassMethodDecoratorContext) => (this: any, ...args: any[]) => Promise<any>;
 /**
- * Lifecycle: runs when element connects to the DOM.
- * Multiple @mount methods per class allowed. No need to call super.
+ * Run decorated method when the element connects to the DOM.
  *
  * ```ts
  * @mount
- * setup() { this.ctx = this.canvas.getContext("2d"); }
+ * setup() { this.shadow.adoptedStyleSheets = [myStyles]; }
  * ```
  */
-export declare function mount(target: any, key: string): void;
+export declare function mount(method: Function, context: ClassMethodDecoratorContext): void;
 /**
- * Lifecycle: runs when element disconnects from the DOM.
- * Multiple @unmount methods per class allowed. Runs BEFORE track() cleanup.
+ * Run decorated method when the element disconnects from the DOM.
  *
  * ```ts
  * @unmount
- * saveState() { localStorage.setItem("state", JSON.stringify(this.state)); }
+ * teardown() { console.log("removed!"); }
  * ```
  */
-export declare function unmount(target: any, key: string): void;
+export declare function unmount(method: Function, context: ClassMethodDecoratorContext): void;
 export {};
 //# sourceMappingURL=lifecycle.d.ts.map

package/dist/element/lifecycle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../src/element/lifecycle.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;AAEpD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM,YAEA,OAAO,YACR,GAAG,SA4BjB,CAAC;AAEL;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,KACb,SAAS,GAAG,EAAE,MAAM,MAAM,EAAE,MAAM,kBAAkB,UAkB7D;AAED;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAMpD;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAMtD"}
+{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../src/element/lifecycle.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,2CAA2C;AAC3C,KAAK,OAAO,GAAG,CACb,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,WAAW,GAAG;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,KAC1C,IAAI,CAAC;AAEV;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAAE,OAAO,IAC7B,OAAO,QAAQ,EAAE,UAAU,qBAAqB,UAWzD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,KACb,QAAQ,QAAQ,EAAE,SAAS,2BAA2B,MAC3C,MAAM,GAAG,EAAE,GAAG,MAAM,GAAG,EAAE,kBAkB7C;AAGD;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,2BAA2B,QAO3E;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,2BAA2B,QAQ7E"}

package/dist/element/lifecycle.js

@@ -1,120 +1,101 @@
 /**
- * Loom — Element lifecycle decorators
+ * Loom — Lifecycle decorators (TC39 Stage 3)
  *
- * @catch_  — Error boundary
- * @suspend — Async suspense
- * @mount   — connectedCallback hook
- * @unmount — disconnectedCallback hook
+ * @catch_  — Wrap update() with a try/catch, render fallback on error
+ * @suspend — Show fallback until method resolves
+ * @mount   — Run method on connectedCallback
+ * @unmount — Run method on disconnectedCallback
  */
-import { CATCH_HANDLER } from "../decorators/symbols";
+import { CONNECT_HOOKS } from "../decorators/symbols";
 /**
- * Error boundary. Wraps lifecycle methods with try/catch, renders fallback on error.
- * Named catch_ since `catch` is reserved.
+ * Error-boundary decorator. If update() throws, catches the error
+ * and calls the handler with (error, element).
  *
  * ```ts
- * @component("my-widget")
- * @catch_((err, el) => {
- *   el.shadow.replaceChildren(<div>{err.message}</div>);
- * })
- * class MyWidget extends LoomElement { ... }
+ * @component("my-page")
+ * @catch_((err, el) => { el.shadow.innerHTML = `<p>Error: ${err}</p>`; })
+ * class MyPage extends LoomElement { ... }
  * ```
  */
-export const catch_ = (function () {
-    // Manual implementation since createDecorator import would add unnecessary dep
-    return (handler) => {
-        return (ctor) => {
-            ctor[CATCH_HANDLER] = handler;
-            // Wrap update()
-            const origUpdate = ctor.prototype.update;
-            if (origUpdate) {
-                ctor.prototype.update = function () {
-                    try {
-                        return origUpdate.call(this);
-                    }
-                    catch (err) {
-                        handler(err, this);
-                    }
-                };
+export function catch_(handler) {
+    return (value, _context) => {
+        const origUpdate = value.prototype.update;
+        value.prototype.update = function () {
+            try {
+                return origUpdate.call(this);
             }
-            // Wrap connectedCallback()
-            const origConnect = ctor.prototype.connectedCallback;
-            if (origConnect) {
-                ctor.prototype.connectedCallback = function () {
-                    try {
-                        origConnect.call(this);
-                    }
-                    catch (err) {
-                        handler(err, this);
-                    }
-                };
+            catch (err) {
+                handler(err, this);
+                return null;
             }
         };
     };
-})();
+}
 /**
- * Async suspense. Wraps async methods to auto-manage loading/error state.
- * Expects the component to have @reactive loading and @reactive error fields.
+ * Suspend decorator. Wraps an async method with loading/error state
+ * management. Sets `this.loading = true` before the call, and
+ * `this.loading = false` after. Captures errors on `this.error`.
  *
+ * Use as `@suspend()` on a method:
  * ```ts
  * @suspend()
- * async fetchUser() {
- *   const res = await fetch(`/api/users/${this.userId}`);
- *   this.user = await res.json();
- * }
+ * async fetchData() { this.result = await api.get(); }
  * ```
  */
 export function suspend() {
-    return (_target, _key, desc) => {
-        const orig = desc.value;
-        desc.value = async function (...args) {
+    return (method, context) => {
+        return function (...args) {
             this.loading = true;
             this.error = null;
-            try {
-                const result = await orig.apply(this, args);
+            this.scheduleUpdate?.();
+            return Promise.resolve()
+                .then(() => method.call(this, ...args))
+                .then((result) => {
+                this.loading = false;
+                this.scheduleUpdate?.();
                 return result;
-            }
-            catch (err) {
-                this.error = err;
-                const handler = this.constructor[CATCH_HANDLER];
-                if (handler)
-                    handler(err, this);
-            }
-            finally {
+            })
+                .catch((err) => {
                 this.loading = false;
-            }
+                this.error = err;
+                this.scheduleUpdate?.();
+            });
         };
     };
 }
 /**
- * Lifecycle: runs when element connects to the DOM.
- * Multiple @mount methods per class allowed. No need to call super.
+ * Run decorated method when the element connects to the DOM.
  *
  * ```ts
  * @mount
- * setup() { this.ctx = this.canvas.getContext("2d"); }
+ * setup() { this.shadow.adoptedStyleSheets = [myStyles]; }
  * ```
  */
-export function mount(target, key) {
-    const orig = target.connectedCallback;
-    target.connectedCallback = function () {
-        orig?.call(this);
-        this[key]();
-    };
+export function mount(method, context) {
+    context.addInitializer(function () {
+        if (!this[CONNECT_HOOKS])
+            this[CONNECT_HOOKS] = [];
+        this[CONNECT_HOOKS].push((el) => {
+            method.call(el);
+        });
+    });
 }
 /**
- * Lifecycle: runs when element disconnects from the DOM.
- * Multiple @unmount methods per class allowed. Runs BEFORE track() cleanup.
+ * Run decorated method when the element disconnects from the DOM.
  *
  * ```ts
  * @unmount
- * saveState() { localStorage.setItem("state", JSON.stringify(this.state)); }
+ * teardown() { console.log("removed!"); }
  * ```
  */
-export function unmount(target, key) {
-    const orig = target.connectedCallback;
-    target.connectedCallback = function () {
-        orig?.call(this);
-        this.track(() => this[key]());
-    };
+export function unmount(method, context) {
+    context.addInitializer(function () {
+        if (!this[CONNECT_HOOKS])
+            this[CONNECT_HOOKS] = [];
+        // Return a cleanup function that calls the unmount method
+        this[CONNECT_HOOKS].push((el) => {
+            return () => method.call(el);
+        });
+    });
 }
 //# sourceMappingURL=lifecycle.js.map

package/dist/element/lifecycle.js.map

@@ -1 +1 @@
-{"version":3,"file":"lifecycle.js","sourceRoot":"","sources":["../../src/element/lifecycle.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"lifecycle.js","sourceRoot":"","sources":["../../src/element/lifecycle.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAQtD;;;;;;;;;GASG;AACH,MAAM,UAAU,MAAM,CAAC,OAAgB;IACrC,OAAO,CAAC,KAAe,EAAE,QAA+B,EAAE,EAAE;QAC1D,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;QAC1C,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG;YACvB,IAAI,CAAC;gBACH,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/B,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,GAAG,EAAE,IAA4C,CAAC,CAAC;gBAC3D,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,OAAO;IACrB,OAAO,CAAC,MAAgB,EAAE,OAAoC,EAAE,EAAE;QAChE,OAAO,UAAqB,GAAG,IAAW;YACxC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;YACxB,OAAO,OAAO,CAAC,OAAO,EAAE;iBACrB,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;iBACtC,IAAI,CAAC,CAAC,MAAW,EAAE,EAAE;gBACpB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;gBACxB,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,GAAU,EAAE,EAAE;gBACpB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;gBACjB,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;YAC1B,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAGD;;;;;;;GAOG;AACH,MAAM,UAAU,KAAK,CAAC,MAAgB,EAAE,OAAoC;IAC1E,OAAO,CAAC,cAAc,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;YAAE,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;QACnD,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,EAAO,EAAE,EAAE;YACnC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,OAAO,CAAC,MAAgB,EAAE,OAAoC;IAC5E,OAAO,CAAC,cAAc,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;YAAE,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;QACnD,0DAA0D;QAC1D,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,EAAO,EAAE,EAAE;YACnC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/element/slots.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Loom — @slot<...T> decorator (TC39 Stage 3)
+ *
+ * Auto-accessor decorator that provides typed access to slot-assigned elements.
+ *
+ * ```ts
+ * // Default slot
+ * @slot()
+ * accessor content!: Element[];
+ *
+ * // Typed single
+ * @slot<CardHeader>("header")
+ * accessor headers!: CardHeader[];
+ *
+ * // Spread — heterogeneous
+ * @slot<CardHeader, CardBody, CardFooter>("content")
+ * accessor sections!: (CardHeader | CardBody | CardFooter)[];
+ * ```
+ */
+export declare function slot<T extends Element[] = [Element]>(name?: string): <This extends {
+    shadow: ShadowRoot;
+}>(_target: ClassAccessorDecoratorTarget<This, T[number][]>, context: ClassAccessorDecoratorContext<This, T[number][]>) => ClassAccessorDecoratorResult<This, T[number][]>;
+//# sourceMappingURL=slots.d.ts.map

package/dist/element/slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../src/element/slots.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,wBAAgB,IAAI,CAAC,CAAC,SAAS,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,IACzD,IAAI,SAAS;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,EACzC,SAAS,4BAA4B,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EACxD,SAAS,6BAA6B,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,KACxD,4BAA4B,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAmCnD"}

package/dist/element/slots.js

@@ -0,0 +1,54 @@
+import { CONNECT_HOOKS } from "../decorators/symbols";
+/**
+ * Loom — @slot<...T> decorator (TC39 Stage 3)
+ *
+ * Auto-accessor decorator that provides typed access to slot-assigned elements.
+ *
+ * ```ts
+ * // Default slot
+ * @slot()
+ * accessor content!: Element[];
+ *
+ * // Typed single
+ * @slot<CardHeader>("header")
+ * accessor headers!: CardHeader[];
+ *
+ * // Spread — heterogeneous
+ * @slot<CardHeader, CardBody, CardFooter>("content")
+ * accessor sections!: (CardHeader | CardBody | CardFooter)[];
+ * ```
+ */
+export function slot(name) {
+    return (_target, context) => {
+        const storageKey = Symbol(`slot:${String(context.name)}`);
+        context.addInitializer(function () {
+            if (!this[CONNECT_HOOKS])
+                this[CONNECT_HOOKS] = [];
+            this[CONNECT_HOOKS].push((el) => {
+                // Defer to allow update() to render the slot elements first
+                queueMicrotask(() => {
+                    const selector = name ? `slot[name="${name}"]` : "slot:not([name])";
+                    const slotEl = el.shadow.querySelector(selector);
+                    if (!slotEl)
+                        return;
+                    const updateSlotted = () => {
+                        el[storageKey] = slotEl.assignedElements({ flatten: true });
+                        el.scheduleUpdate?.();
+                    };
+                    updateSlotted();
+                    slotEl.addEventListener("slotchange", updateSlotted);
+                    el.track(() => slotEl.removeEventListener("slotchange", updateSlotted));
+                });
+            });
+        });
+        return {
+            get() {
+                return this[storageKey] ?? [];
+            },
+            set(val) {
+                this[storageKey] = val;
+            },
+        };
+    };
+}
+//# sourceMappingURL=slots.js.map

package/dist/element/slots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.js","sourceRoot":"","sources":["../../src/element/slots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,UAAU,IAAI,CAAkC,IAAa;IACjE,OAAO,CACL,OAAwD,EACxD,OAAyD,EACR,EAAE;QACnD,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAE1D,OAAO,CAAC,cAAc,CAAC;YACrB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;gBAAE,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,EAAO,EAAE,EAAE;gBACnC,4DAA4D;gBAC5D,cAAc,CAAC,GAAG,EAAE;oBAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC;oBACpE,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAA2B,CAAC;oBAE3E,IAAI,CAAC,MAAM;wBAAE,OAAO;oBAEpB,MAAM,aAAa,GAAG,GAAG,EAAE;wBACzB,EAAE,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;wBAC5D,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC;oBACxB,CAAC,CAAC;oBAEF,aAAa,EAAE,CAAC;oBAEhB,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;oBACrD,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;gBAC1E,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,GAAG;gBACD,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;YAChC,CAAC;YACD,GAAG,CAAY,GAAgB;gBAC7B,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC;YACzB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/dist/element/timing.d.ts

@@ -1,5 +1,5 @@
 /**
- * Loom — Element timing decorators
+ * Loom — Element timing decorators (TC39 Stage 3)
  *
  * @interval       — Auto-cleaned setInterval
  * @timeout        — Auto-cleaned setTimeout
@@ -16,7 +16,7 @@
  * tick() { this.time = new Date(); }
  * ```
  */
-export declare const interval: (ms: number) => (target: any, key: string, desc?: PropertyDescriptor) => void;
+export declare const interval: (ms: number) => (method: Function, context: ClassMethodDecoratorContext) => void;
 /**
  * Auto-cleaned setTimeout. Runs the method once after `ms` milliseconds.
  * Timer is started on connect, cleared on disconnect via track().
@@ -26,7 +26,7 @@ export declare const interval: (ms: number) => (target: any, key: string, desc?:
  * hideWelcome() { this.$(".welcome")?.remove(); }
  * ```
  */
-export declare const timeout: (ms: number) => (target: any, key: string, desc?: PropertyDescriptor) => void;
+export declare const timeout: (ms: number) => (method: Function, context: ClassMethodDecoratorContext) => void;
 /**
  * Debounce a method — delays execution until `ms` of inactivity.
  * Auto-cancels pending timer on disconnect.
@@ -36,7 +36,7 @@ export declare const timeout: (ms: number) => (target: any, key: string, desc?:
  * onInput(e: Event) { this.query = (e.target as HTMLInputElement).value; }
  * ```
  */
-export declare const debounce: (ms: number) => (target: any, key: string, desc?: PropertyDescriptor) => void;
+export declare function debounce(ms: number): (method: Function, context: ClassMethodDecoratorContext) => (this: any, ...args: unknown[]) => void;
 /**
  * Throttle a method — fires at most once per `ms` milliseconds.
  * Uses trailing-edge: the last call within the window always fires.
@@ -47,7 +47,7 @@ export declare const debounce: (ms: number) => (target: any, key: string, desc?:
  * onScroll() { this.offset = this.scrollTop; }
  * ```
  */
-export declare const throttle: (ms: number) => (target: any, key: string, desc?: PropertyDescriptor) => void;
+export declare function throttle(ms: number): (method: Function, context: ClassMethodDecoratorContext) => (this: any, ...args: unknown[]) => void;
 /**
  * Centralized rAF loop via RenderLoop. Method receives (deltaTime, timestamp).
  * Use layer to control execution order (lower = earlier).
@@ -58,8 +58,11 @@ export declare const throttle: (ms: number) => (target: any, key: string, desc?:
  *
  * @animationFrame()          // default layer 0
  * physics(dt: number) { ... }
+ *
+ * @animationFrame            // also valid
+ * render(dt: number) { ... }
  * ```
  */
-export declare function animationFrame(layer?: number): (target: any, key: string) => void;
-export declare function animationFrame(target: any, key: string): void;
+export declare function animationFrame(layer?: number): (method: Function, context: ClassMethodDecoratorContext) => void;
+export declare function animationFrame(method: Function, context: ClassMethodDecoratorContext): void;
 //# sourceMappingURL=timing.d.ts.map

package/dist/element/timing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timing.d.ts","sourceRoot":"","sources":["../../src/element/timing.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,iDAwDpB,CAAD,6BAnDE,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,iDAwCnB,CAAD,6BAnCE,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,iDAwBpB,CAAD,6BAVE,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,iDAFpB,CAAD,6BA2BE,CAAC;AAEH;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AACnF,wBAAgB,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC"}
+{"version":3,"file":"timing.d.ts","sourceRoot":"","sources":["../../src/element/timing.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,kFAKnB,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,kFAKlB,CAAC;AAEH;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IACzB,QAAQ,QAAQ,EAAE,SAAS,2BAA2B,YAIjC,GAAG,WAAW,OAAO,EAAE,UAerD;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IACzB,QAAQ,QAAQ,EAAE,SAAS,2BAA2B,YAKjC,GAAG,WAAW,OAAO,EAAE,UAyBrD;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,2BAA2B,KAAK,IAAI,CAAC;AACjH,wBAAgB,cAAc,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,2BAA2B,GAAG,IAAI,CAAC"}

package/dist/element/timing.js

@@ -1,5 +1,5 @@
 /**
- * Loom — Element timing decorators
+ * Loom — Element timing decorators (TC39 Stage 3)
  *
  * @interval       — Auto-cleaned setInterval
  * @timeout        — Auto-cleaned setTimeout
@@ -9,6 +9,7 @@
  */
 import { renderLoop } from "../render-loop";
 import { createDecorator } from "../decorators/create";
+import { CONNECT_HOOKS } from "../decorators/symbols";
 /**
  * Auto-cleaned setInterval. Runs the method every `ms` milliseconds.
  * Timer is started on connect, cleared on disconnect via track().
@@ -18,9 +19,9 @@ import { createDecorator } from "../decorators/create";
  * tick() { this.time = new Date(); }
  * ```
  */
-export const interval = createDecorator((_proto, key, ms) => {
+export const interval = createDecorator((method, _key, ms) => {
     return (el) => {
-        const id = setInterval(() => el[key](), ms);
+        const id = setInterval(() => method.call(el), ms);
         return () => clearInterval(id);
     };
 });
@@ -33,9 +34,9 @@ export const interval = createDecorator((_proto, key, ms) => {
  * hideWelcome() { this.$(".welcome")?.remove(); }
  * ```
  */
-export const timeout = createDecorator((_proto, key, ms) => {
+export const timeout = createDecorator((method, _key, ms) => {
     return (el) => {
-        const id = setTimeout(() => el[key](), ms);
+        const id = setTimeout(() => method.call(el), ms);
         return () => clearTimeout(id);
     };
 });
@@ -48,19 +49,25 @@ export const timeout = createDecorator((_proto, key, ms) => {
  * onInput(e: Event) { this.query = (e.target as HTMLInputElement).value; }
  * ```
  */
-export const debounce = createDecorator((proto, key, ms) => {
-    const original = proto[key];
-    const timerKey = `__debounce_${key}`;
-    // Define-time: replace method with debounced version
-    proto[key] = function (...args) {
-        clearTimeout(this[timerKey]);
-        this[timerKey] = setTimeout(() => original.apply(this, args), ms);
-    };
-    // Lifecycle: cancel pending timer on disconnect
-    return (el) => {
-        return () => clearTimeout(el[timerKey]);
+export function debounce(ms) {
+    return (method, context) => {
+        const timerKey = `__debounce_${String(context.name)}`;
+        // Replace with debounced version
+        function replacement(...args) {
+            clearTimeout(this[timerKey]);
+            this[timerKey] = setTimeout(() => method.apply(this, args), ms);
+        }
+        // Lifecycle: cancel pending timer on disconnect
+        context.addInitializer(function () {
+            if (!this[CONNECT_HOOKS])
+                this[CONNECT_HOOKS] = [];
+            this[CONNECT_HOOKS].push((el) => {
+                return () => clearTimeout(el[timerKey]);
+            });
+        });
+        return replacement;
     };
-});
+}
 /**
  * Throttle a method — fires at most once per `ms` milliseconds.
  * Uses trailing-edge: the last call within the window always fires.
@@ -71,46 +78,54 @@ export const debounce = createDecorator((proto, key, ms) => {
  * onScroll() { this.offset = this.scrollTop; }
  * ```
  */
-export const throttle = createDecorator((proto, key, ms) => {
-    const original = proto[key];
-    const lastKey = `__throttle_last_${key}`;
-    const timerKey = `__throttle_timer_${key}`;
-    // Define-time: replace method with throttled version
-    proto[key] = function (...args) {
-        const now = Date.now();
-        if (!this[lastKey] || now - this[lastKey] >= ms) {
-            this[lastKey] = now;
-            original.apply(this, args);
+export function throttle(ms) {
+    return (method, context) => {
+        const lastKey = `__throttle_last_${String(context.name)}`;
+        const timerKey = `__throttle_timer_${String(context.name)}`;
+        // Replace with throttled version
+        function replacement(...args) {
+            const now = Date.now();
+            if (!this[lastKey] || now - this[lastKey] >= ms) {
+                this[lastKey] = now;
+                method.apply(this, args);
+            }
+            else {
+                clearTimeout(this[timerKey]);
+                this[timerKey] = setTimeout(() => {
+                    this[lastKey] = Date.now();
+                    method.apply(this, args);
+                }, ms - (now - this[lastKey]));
+            }
         }
-        else {
-            clearTimeout(this[timerKey]);
-            this[timerKey] = setTimeout(() => {
-                this[lastKey] = Date.now();
-                original.apply(this, args);
-            }, ms - (now - this[lastKey]));
-        }
-    };
-    // Lifecycle: cancel pending timer on disconnect
-    return (el) => {
-        return () => clearTimeout(el[timerKey]);
+        // Lifecycle: cancel pending timer on disconnect
+        context.addInitializer(function () {
+            if (!this[CONNECT_HOOKS])
+                this[CONNECT_HOOKS] = [];
+            this[CONNECT_HOOKS].push((el) => {
+                return () => clearTimeout(el[timerKey]);
+            });
+        });
+        return replacement;
     };
-});
-export function animationFrame(targetOrLayer, key) {
-    // Called as @animationFrame (no parens)
-    if (typeof targetOrLayer === "object" && typeof key === "string") {
-        wireAnimationFrame(targetOrLayer, key, 0);
+}
+export function animationFrame(methodOrLayer, context) {
+    // Called as @animationFrame (no parens) — method is first arg
+    if (typeof methodOrLayer === "function" && context) {
+        wireAnimationFrame(methodOrLayer, context, 0);
         return;
     }
     // Called as @animationFrame() or @animationFrame(layer)
-    const layer = typeof targetOrLayer === "number" ? targetOrLayer : 0;
-    return (target, key) => wireAnimationFrame(target, key, layer);
+    const layer = typeof methodOrLayer === "number" ? methodOrLayer : 0;
+    return (method, ctx) => wireAnimationFrame(method, ctx, layer);
 }
-/** Internal: uses createDecorator pattern manually for overload support */
-function wireAnimationFrame(target, key, layer) {
-    const orig = target.connectedCallback;
-    target.connectedCallback = function () {
-        orig?.call(this);
-        this.track(renderLoop.add(layer, (dt, t) => this[key](dt, t)));
-    };
+/** Internal: wire rAF lifecycle via addInitializer */
+function wireAnimationFrame(method, context, layer) {
+    context.addInitializer(function () {
+        if (!this[CONNECT_HOOKS])
+            this[CONNECT_HOOKS] = [];
+        this[CONNECT_HOOKS].push((el) => {
+            return renderLoop.add(layer, (dt, t) => method.call(el, dt, t));
+        });
+    });
 }
 //# sourceMappingURL=timing.js.map

package/dist/element/timing.js.map

@@ -1 +1 @@
-{"version":3,"file":"timing.js","sourceRoot":"","sources":["../../src/element/timing.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"timing.js","sourceRoot":"","sources":["../../src/element/timing.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAe,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;IACzE,OAAO,CAAC,EAAO,EAAE,EAAE;QACjB,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAe,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;IACxE,OAAO,CAAC,EAAO,EAAE,EAAE;QACjB,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACjD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAU;IACjC,OAAO,CAAC,MAAgB,EAAE,OAAoC,EAAE,EAAE;QAChE,MAAM,QAAQ,GAAG,cAAc,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAEtD,iCAAiC;QACjC,SAAS,WAAW,CAAY,GAAG,IAAe;YAChD,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAClE,CAAC;QAED,gDAAgD;QAChD,OAAO,CAAC,cAAc,CAAC;YACrB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;gBAAE,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,EAAO,EAAE,EAAE;gBACnC,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC;IACrB,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAU;IACjC,OAAO,CAAC,MAAgB,EAAE,OAAoC,EAAE,EAAE;QAChE,MAAM,OAAO,GAAG,mBAAmB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1D,MAAM,QAAQ,GAAG,oBAAoB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAE5D,iCAAiC;QACjC,SAAS,WAAW,CAAY,GAAG,IAAe;YAChD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAEvB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;gBAChD,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC;gBACpB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC/B,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;oBAC3B,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBAC3B,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACjC,CAAC;QACH,CAAC;QAED,gDAAgD;QAChD,OAAO,CAAC,cAAc,CAAC;YACrB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;gBAAE,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,EAAO,EAAE,EAAE;gBACnC,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC;IACrB,CAAC,CAAC;AACJ,CAAC;AAmBD,MAAM,UAAU,cAAc,CAC5B,aAAiC,EACjC,OAAqC;IAErC,8DAA8D;IAC9D,IAAI,OAAO,aAAa,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;QACnD,kBAAkB,CAAC,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;QAC9C,OAAO;IACT,CAAC;IACD,wDAAwD;IACxD,MAAM,KAAK,GAAG,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IACpE,OAAO,CAAC,MAAgB,EAAE,GAAgC,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AACxG,CAAC;AAED,sDAAsD;AACtD,SAAS,kBAAkB,CAAC,MAAgB,EAAE,OAAoC,EAAE,KAAa;IAC/F,OAAO,CAAC,cAAc,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;YAAE,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;QACnD,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,EAAO,EAAE,EAAE;YACnC,OAAO,UAAU,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,EAAU,EAAE,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QAClF,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC"}