@toyz/loom 0.1.2 → 0.2.0

package/dist/decorators/create.d.ts

@@ -0,0 +1,56 @@
+/**
+ * createDecorator — Universal decorator factory.
+ *
+ * The foundation every Loom decorator is built on.
+ *
+ * Setup runs at **define-time** (on the prototype or constructor).
+ * If setup returns a function, it runs **per-instance on connect**.
+ * If the connect function returns a function, it runs **on disconnect**.
+ *
+ * Flow: define → connect → disconnect
+ *
+ * @typeParam Args — Tuple of decorator argument types
+ * @typeParam T    — Element type (default: any)
+ *
+ * ```ts
+ * // Define-time only — property getter
+ * const query = createDecorator<[sel: string]>((proto, key, sel) => {
+ *   Object.defineProperty(proto, key, {
+ *     get() { return this.shadow.querySelector(sel); }
+ *   });
+ * });
+ *
+ * // Lifecycle only — setup on connect, cleanup on disconnect
+ * const interval = createDecorator<[ms: number]>((proto, key, ms) => {
+ *   return (el) => {
+ *     const id = setInterval(() => el[key](), ms);
+ *     return () => clearInterval(id);
+ *   };
+ * });
+ *
+ * // Both — define-time work + lifecycle
+ * const on = createDecorator<[Type: any]>((proto, key, Type) => {
+ *   // define-time: store metadata, modify prototype, etc.
+ *   return (el) => bus.on(Type, (e) => el[key](e));
+ * });
+ *
+ * // Class decorator
+ * const component = createDecorator<[tag: string]>((ctor, tag) => {
+ *   app.register(tag, ctor);
+ * }, { class: true });
+ * ```
+ */
+type ConnectFn = (element: any) => void | (() => void);
+type PropertySetup<Args extends any[]> = (proto: any, key: string, ...args: Args) => void | ConnectFn;
+type ClassSetup<Args extends any[]> = (ctor: any, ...args: Args) => void;
+export interface DecoratorOptions {
+    class?: boolean;
+}
+export declare function createDecorator<Args extends any[] = [], T = any>(setup: ClassSetup<Args>, options: {
+    class: true;
+}): (...args: Args) => (ctor: any) => void;
+export declare function createDecorator<Args extends any[] = [], T = any>(setup: PropertySetup<Args>, options?: {
+    class?: false;
+}): (...args: Args) => (target: any, key: string, desc?: PropertyDescriptor) => void;
+export {};
+//# sourceMappingURL=create.d.ts.map

package/dist/decorators/create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/decorators/create.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,KAAK,SAAS,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;AACvD,KAAK,aAAa,CAAC,IAAI,SAAS,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,CAAC;AAEtG,KAAK,UAAU,CAAC,IAAI,SAAS,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;AAEzE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAGD,wBAAgB,eAAe,CAAC,IAAI,SAAS,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAC9D,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,EACvB,OAAO,EAAE;IAAE,KAAK,EAAE,IAAI,CAAA;CAAE,GACvB,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;AAG1C,wBAAgB,eAAe,CAAC,IAAI,SAAS,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAC9D,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,EAC1B,OAAO,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAC1B,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC"}

package/dist/decorators/create.js

@@ -0,0 +1,72 @@
+/**
+ * createDecorator — Universal decorator factory.
+ *
+ * The foundation every Loom decorator is built on.
+ *
+ * Setup runs at **define-time** (on the prototype or constructor).
+ * If setup returns a function, it runs **per-instance on connect**.
+ * If the connect function returns a function, it runs **on disconnect**.
+ *
+ * Flow: define → connect → disconnect
+ *
+ * @typeParam Args — Tuple of decorator argument types
+ * @typeParam T    — Element type (default: any)
+ *
+ * ```ts
+ * // Define-time only — property getter
+ * const query = createDecorator<[sel: string]>((proto, key, sel) => {
+ *   Object.defineProperty(proto, key, {
+ *     get() { return this.shadow.querySelector(sel); }
+ *   });
+ * });
+ *
+ * // Lifecycle only — setup on connect, cleanup on disconnect
+ * const interval = createDecorator<[ms: number]>((proto, key, ms) => {
+ *   return (el) => {
+ *     const id = setInterval(() => el[key](), ms);
+ *     return () => clearInterval(id);
+ *   };
+ * });
+ *
+ * // Both — define-time work + lifecycle
+ * const on = createDecorator<[Type: any]>((proto, key, Type) => {
+ *   // define-time: store metadata, modify prototype, etc.
+ *   return (el) => bus.on(Type, (e) => el[key](e));
+ * });
+ *
+ * // Class decorator
+ * const component = createDecorator<[tag: string]>((ctor, tag) => {
+ *   app.register(tag, ctor);
+ * }, { class: true });
+ * ```
+ */
+// Implementation
+export function createDecorator(setup, options = { class: false }) {
+    if (options.class) {
+        // Class decorator: (...args) => (ctor) => void
+        return (...args) => {
+            return (ctor) => {
+                setup(ctor, ...args);
+            };
+        };
+    }
+    // Property/method decorator: (...args) => (target, key, desc?) => void
+    return (...args) => {
+        return (target, key, desc) => {
+            const connectFn = desc
+                ? setup(target, key, desc, ...args)
+                : setup(target, key, ...args);
+            if (typeof connectFn === "function") {
+                // Has lifecycle — wire into connectedCallback
+                const orig = target.connectedCallback;
+                target.connectedCallback = function () {
+                    orig?.call(this);
+                    const cleanup = connectFn(this);
+                    if (cleanup)
+                        this.track(cleanup);
+                };
+            }
+        };
+    };
+}
+//# sourceMappingURL=create.js.map

package/dist/decorators/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../../src/decorators/create.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAuBH,iBAAiB;AACjB,MAAM,UAAU,eAAe,CAC7B,KAA8B,EAC9B,UAA4B,EAAE,KAAK,EAAE,KAAK,EAAE;IAE5C,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,+CAA+C;QAC/C,OAAO,CAAC,GAAG,IAAU,EAAE,EAAE;YACvB,OAAO,CAAC,IAAS,EAAE,EAAE;gBAClB,KAA0B,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;YAC7C,CAAC,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;IAED,uEAAuE;IACvE,OAAO,CAAC,GAAG,IAAU,EAAE,EAAE;QACvB,OAAO,CAAC,MAAW,EAAE,GAAW,EAAE,IAAyB,EAAE,EAAE;YAC7D,MAAM,SAAS,GAAG,IAAI;gBACpB,CAAC,CAAE,KAA2B,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;gBAC1D,CAAC,CAAE,KAA6B,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;YAEzD,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE,CAAC;gBACpC,8CAA8C;gBAC9C,MAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC;gBACtC,MAAM,CAAC,iBAAiB,GAAG;oBACzB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;oBACjB,MAAM,OAAO,GAAI,SAAuB,CAAC,IAAI,CAAC,CAAC;oBAC/C,IAAI,OAAO;wBAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBACnC,CAAC,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/dist/decorators/events.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Loom — Event decorators
+ *
+ * @on   — Declarative event subscription (bus events or DOM events)
+ * @emit — Auto-broadcast to the bus (field or method form)
+ */
 import { LoomEvent } from "../event";
 import { type Constructor } from "../bus";
 /**
@@ -17,15 +23,6 @@ import { type Constructor } from "../bus";
  */
 export declare function on<T extends LoomEvent>(type: Constructor<T>): (target: any, key: string) => void;
 export declare function on(target: EventTarget, event: string): (target: any, key: string) => void;
-/**
- * React to specific field changes. Receives new and previous values.
- *
- * ```ts
- * @watch("value")
- * onValueChange(newVal: number, oldVal: number) { ... }
- * ```
- */
-export declare function watch(field: string): (target: any, key: string) => void;
 /**
  * Auto-broadcast to the bus.
  *

package/dist/decorators/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/decorators/events.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE/C;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,EAAE,CAAC,CAAC,SAAS,SAAS,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AAClG,wBAAgB,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AAc3F;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,IACzB,QAAQ,GAAG,EAAE,KAAK,MAAM,UAIjC;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,SAAS,EACtC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EACtB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,IAEjB,QAAQ,GAAG,EAAE,KAAK,MAAM,EAAE,OAAO,kBAAkB,UAe5D"}
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/decorators/events.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE/C;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,EAAE,CAAC,CAAC,SAAS,SAAS,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AAClG,wBAAgB,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AA4B3F;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,SAAS,EACtC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EACtB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,IAEjB,QAAQ,GAAG,EAAE,KAAK,MAAM,EAAE,OAAO,kBAAkB,UAe5D"}

package/dist/decorators/events.js

@@ -1,33 +1,38 @@
-import { ON_HANDLERS, WATCHERS, EMITTERS } from "./symbols";
+/**
+ * Loom — Event decorators
+ *
+ * @on   — Declarative event subscription (bus events or DOM events)
+ * @emit — Auto-broadcast to the bus (field or method form)
+ */
+import { EMITTERS, ON_HANDLERS } from "./symbols";
 import { LoomEvent } from "../event";
 import { bus } from "../bus";
 export function on(typeOrTarget, event) {
     return (target, key) => {
+        // Store metadata for service wiring by app.start()
         if (!target[ON_HANDLERS])
             target[ON_HANDLERS] = [];
         if (event !== undefined) {
-            // DOM EventTarget binding: @on(window, "resize")
-            target[ON_HANDLERS].push({ domTarget: typeOrTarget, event, key });
+            target[ON_HANDLERS].push({ key, domTarget: typeOrTarget, event });
         }
         else {
-            // Bus event binding: @on(ColorSelect)
-            target[ON_HANDLERS].push({ type: typeOrTarget, key });
+            target[ON_HANDLERS].push({ key, type: typeOrTarget });
         }
-    };
-}
-/**
- * React to specific field changes. Receives new and previous values.
- *
- * ```ts
- * @watch("value")
- * onValueChange(newVal: number, oldVal: number) { ... }
- * ```
- */
-export function watch(field) {
-    return (target, key) => {
-        if (!target[WATCHERS])
-            target[WATCHERS] = [];
-        target[WATCHERS].push({ field, key });
+        // Patch connectedCallback for LoomElement self-wiring
+        const orig = target.connectedCallback;
+        target.connectedCallback = function () {
+            orig?.call(this);
+            if (event !== undefined) {
+                // DOM EventTarget: @on(window, "resize")
+                const fn = (e) => this[key](e);
+                typeOrTarget.addEventListener(event, fn);
+                this.track(() => typeOrTarget.removeEventListener(event, fn));
+            }
+            else {
+                // Bus event: @on(ColorSelect)
+                this.track(bus.on(typeOrTarget, (e) => this[key](e)));
+            }
+        };
     };
 }
 /**
@@ -49,7 +54,7 @@ export function watch(field) {
 export function emit(_type, factory) {
     return (target, key, desc) => {
         if (desc?.value) {
-            // Method decorator — wrap, emit return value
+            // Method decorator — wrap, emit return value (define-time)
             const orig = desc.value;
             desc.value = function (...args) {
                 const result = orig.apply(this, args);
@@ -59,7 +64,7 @@ export function emit(_type, factory) {
             };
         }
         else {
-            // Field decorator — hook into @reactive subscriber
+            // Field decorator — store metadata for @reactive subscriber wiring (define-time)
             if (!target[EMITTERS])
                 target[EMITTERS] = [];
             target[EMITTERS].push({ field: key, factory });

package/dist/decorators/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/decorators/events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,GAAG,EAAoB,MAAM,QAAQ,CAAC;AAmB/C,MAAM,UAAU,EAAE,CAAC,YAAiB,EAAE,KAAc;IAClD,OAAO,CAAC,MAAW,EAAE,GAAW,EAAE,EAAE;QAClC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;YAAE,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QACnD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,iDAAiD;YACjD,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACpE,CAAC;aAAM,CAAC;YACN,sCAAsC;YACtC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;QACxD,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,KAAK,CAAC,KAAa;IACjC,OAAO,CAAC,MAAW,EAAE,GAAW,EAAE,EAAE;QAClC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;QAC7C,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,IAAI,CAClB,KAAsB,EACtB,OAAyB;IAEzB,OAAO,CAAC,MAAW,EAAE,GAAW,EAAE,IAAyB,EAAE,EAAE;QAC7D,IAAI,IAAI,EAAE,KAAK,EAAE,CAAC;YAChB,6CAA6C;YAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;YACxB,IAAI,CAAC,KAAK,GAAG,UAAU,GAAG,IAAW;gBACnC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBACtC,IAAI,MAAM,YAAY,SAAS;oBAAE,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAClD,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,mDAAmD;YACnD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;gBAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YAC7C,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/decorators/events.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,GAAG,EAAoB,MAAM,QAAQ,CAAC;AAmB/C,MAAM,UAAU,EAAE,CAAC,YAAiB,EAAE,KAAc;IAClD,OAAO,CAAC,MAAW,EAAE,GAAW,EAAE,EAAE;QAClC,mDAAmD;QACnD,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;YAAE,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QACnD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;QACpE,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;QACxD,CAAC;QAED,sDAAsD;QACtD,MAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC;QACtC,MAAM,CAAC,iBAAiB,GAAG;YACzB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,yCAAyC;gBACzC,MAAM,EAAE,GAAG,CAAC,CAAQ,EAAE,EAAE,CAAE,IAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC/C,YAAY,CAAC,gBAAgB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACzC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,mBAAmB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;YAChE,CAAC;iBAAM,CAAC;gBACN,8BAA8B;gBAC9B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,CAAM,EAAE,EAAE,CAAE,IAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACtE,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,IAAI,CAClB,KAAsB,EACtB,OAAyB;IAEzB,OAAO,CAAC,MAAW,EAAE,GAAW,EAAE,IAAyB,EAAE,EAAE;QAC7D,IAAI,IAAI,EAAE,KAAK,EAAE,CAAC;YAChB,2DAA2D;YAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;YACxB,IAAI,CAAC,KAAK,GAAG,UAAU,GAAG,IAAW;gBACnC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBACtC,IAAI,MAAM,YAAY,SAAS;oBAAE,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAClD,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,iFAAiF;YACjF,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;gBAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YAC7C,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}

package/dist/decorators/index.d.ts

@@ -1,18 +1,18 @@
 /**
  * Loom — Decorators
  *
- * Barrel re-export for the full decorator arsenal:
- * @component, @prop, @reactive, @computed, @on, @watch, @emit,
- * @query, @queryAll, @catch_, @suspend, @mount, @unmount,
- * @interval, @timeout, @animationFrame, @service, @inject, @factory
+ * Barrel re-export for the full decorator arsenal.
+ * Re-exports from domain folders so imports from "@toyz/loom/decorators" still work.
  */
-export { REACTIVES, PROPS, ON_HANDLERS, WATCHERS, EMITTERS, COMPUTED_DIRTY, CATCH_HANDLER, MOUNT_HANDLERS, UNMOUNT_HANDLERS, INJECT_PARAMS, ROUTE_PROPS, TRANSFORMS, } from "./symbols";
-export { component } from "./component";
-export { reactive, prop, computed, params, routeQuery } from "./state";
-export { transform, typed } from "./transform";
-export { on, watch, emit } from "./events";
-export { query, queryAll } from "./dom";
-export { catch_, suspend, mount, unmount } from "./lifecycle";
-export { interval, timeout, animationFrame } from "./timing";
-export { service, inject, factory } from "./di";
+export { REACTIVES, PROPS, WATCHERS, EMITTERS, COMPUTED_DIRTY, CATCH_HANDLER, INJECT_PARAMS, ON_HANDLERS, ROUTE_PROPS, TRANSFORMS, } from "./symbols";
+export { createDecorator } from "./create";
+export { on, emit } from "./events";
+export { reactive, prop, computed, params, routeQuery, watch } from "../store";
+export { service, inject, factory } from "../di";
+export { watch as watchService } from "../di";
+export { component, query, queryAll } from "../element";
+export { catch_, suspend, mount, unmount } from "../element";
+export { interval, timeout, debounce, throttle, animationFrame } from "../element";
+export { transform, createTransform, typed, typedTransformer } from "../transform";
+export { toNumber, toBoolean, toDate, toJSON, toTrimmed, toInt, toFloat } from "../transform";
 //# sourceMappingURL=index.d.ts.map

package/dist/decorators/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/decorators/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGvE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAG/C,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAG9D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG7D,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/decorators/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,EACX,UAAU,GACX,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAKpC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAG/E,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/decorators/index.js

@@ -1,27 +1,26 @@
 /**
  * Loom — Decorators
  *
- * Barrel re-export for the full decorator arsenal:
- * @component, @prop, @reactive, @computed, @on, @watch, @emit,
- * @query, @queryAll, @catch_, @suspend, @mount, @unmount,
- * @interval, @timeout, @animationFrame, @service, @inject, @factory
+ * Barrel re-export for the full decorator arsenal.
+ * Re-exports from domain folders so imports from "@toyz/loom/decorators" still work.
  */
 // Symbols (consumed by LoomElement and App)
-export { REACTIVES, PROPS, ON_HANDLERS, WATCHERS, EMITTERS, COMPUTED_DIRTY, CATCH_HANDLER, MOUNT_HANDLERS, UNMOUNT_HANDLERS, INJECT_PARAMS, ROUTE_PROPS, TRANSFORMS, } from "./symbols";
-// Component registration
-export { component } from "./component";
-// State management
-export { reactive, prop, computed, params, routeQuery } from "./state";
-// Type conversion
-export { transform, typed } from "./transform";
-// Event system
-export { on, watch, emit } from "./events";
-// DOM queries
-export { query, queryAll } from "./dom";
-// Lifecycle & error boundaries
-export { catch_, suspend, mount, unmount } from "./lifecycle";
-// Timers & animation
-export { interval, timeout, animationFrame } from "./timing";
-// Dependency injection
-export { service, inject, factory } from "./di";
+export { REACTIVES, PROPS, WATCHERS, EMITTERS, COMPUTED_DIRTY, CATCH_HANDLER, INJECT_PARAMS, ON_HANDLERS, ROUTE_PROPS, TRANSFORMS, } from "./symbols";
+// Decorator factory (public API for user-defined decorators)
+export { createDecorator } from "./create";
+// Event system (stays in decorators/)
+export { on, emit } from "./events";
+// ── Re-exports from domain folders ──
+// Store: reactive state, persistence, @watch(field/store)
+export { reactive, prop, computed, params, routeQuery, watch } from "../store";
+// DI: service container decorators, @watch(Service)
+export { service, inject, factory } from "../di";
+export { watch as watchService } from "../di";
+// Element: component registration, DOM queries, lifecycle, timing
+export { component, query, queryAll } from "../element";
+export { catch_, suspend, mount, unmount } from "../element";
+export { interval, timeout, debounce, throttle, animationFrame } from "../element";
+// Transform: value transforms, factory, typed helpers
+export { transform, createTransform, typed, typedTransformer } from "../transform";
+export { toNumber, toBoolean, toDate, toJSON, toTrimmed, toInt, toFloat } from "../transform";
 //# sourceMappingURL=index.js.map

package/dist/decorators/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/decorators/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,4CAA4C;AAC5C,OAAO,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,WAAW,CAAC;AAEnB,yBAAyB;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,mBAAmB;AACnB,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvE,kBAAkB;AAClB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAE/C,eAAe;AACf,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAE3C,cAAc;AACd,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,+BAA+B;AAC/B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE9D,qBAAqB;AACrB,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE7D,uBAAuB;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/decorators/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,4CAA4C;AAC5C,OAAO,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,EACX,UAAU,GACX,MAAM,WAAW,CAAC;AAEnB,6DAA6D;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,sCAAsC;AACtC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEpC,uCAAuC;AAEvC,0DAA0D;AAC1D,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAE/E,oDAAoD;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,OAAO,CAAC;AAE9C,kEAAkE;AAClE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEnF,sDAAsD;AACtD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/{decorators/di.d.ts → di/decorators.d.ts}

@@ -1,3 +1,10 @@
+/**
+ * Loom — DI decorators
+ *
+ * @service — Auto-instantiated singleton, registered on app.start()
+ * @inject  — Dual-mode dependency injection (property or constructor param)
+ * @factory — Method decorator, return value registered as a provider
+ */
 /**
  * Auto-instantiated singleton. Registered on app.start().
  * Constructor @inject params are resolved automatically.
@@ -7,7 +14,7 @@
  * class BookmarkStore extends CollectionStore<Bookmark> { ... }
  * ```
  */
-export declare function service(ctor: any): void;
+export declare const service: () => (ctor: any) => void;
 /**
  * Dual-mode dependency injection.
  *
@@ -33,5 +40,5 @@ export declare function inject<T = any>(key: any): (target: any, propOrMethod: s
  * }
  * ```
  */
-export declare function factory(key?: any): (target: any, method: string) => void;
-//# sourceMappingURL=di.d.ts.map
+export declare const factory: (key?: any) => (target: any, key: string, desc?: PropertyDescriptor) => void;
+//# sourceMappingURL=decorators.d.ts.map

package/dist/di/decorators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../src/di/decorators.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,2BAED,CAAC;AAEpB;;;;;;;;GAQG;AACH,wBAAgB,MAAM,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,IAC9B,QAAQ,GAAG,EAAE,cAAc,MAAM,GAAG,SAAS,EAAE,QAAQ,MAAM,UAiBtE;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,OAAO,gDAGc,CAAC,6BADjC,CAAC"}

package/dist/{decorators/di.js → di/decorators.js}

@@ -1,5 +1,13 @@
-import { INJECT_PARAMS } from "./symbols";
+/**
+ * Loom — DI decorators
+ *
+ * @service — Auto-instantiated singleton, registered on app.start()
+ * @inject  — Dual-mode dependency injection (property or constructor param)
+ * @factory — Method decorator, return value registered as a provider
+ */
+import { INJECT_PARAMS } from "../decorators/symbols";
 import { app } from "../app";
+import { createDecorator } from "../decorators/create";
 /**
  * Auto-instantiated singleton. Registered on app.start().
  * Constructor @inject params are resolved automatically.
@@ -9,9 +17,9 @@ import { app } from "../app";
  * class BookmarkStore extends CollectionStore<Bookmark> { ... }
  * ```
  */
-export function service(ctor) {
+export const service = createDecorator((ctor) => {
     app.registerService(ctor);
-}
+}, { class: true });
 /**
  * Dual-mode dependency injection.
  *
@@ -32,7 +40,7 @@ export function inject(key) {
             proto[INJECT_PARAMS].push({ method, index, key });
         }
         else {
-            // Property decorator → lazy getter
+            // Property decorator → lazy getter (define-time)
             Object.defineProperty(target, propOrMethod, {
                 get() {
                     return app.get(key);
@@ -57,9 +65,7 @@ export function inject(key) {
  * }
  * ```
  */
-export function factory(key) {
-    return (target, method) => {
-        app.registerFactory(key, target, method);
-    };
-}
-//# sourceMappingURL=di.js.map
+export const factory = createDecorator((proto, method, key) => {
+    app.registerFactory(key, proto, method);
+});
+//# sourceMappingURL=decorators.js.map

package/dist/di/decorators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../../src/di/decorators.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAK,CAAC,IAAI,EAAE,EAAE;IAClD,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AAC5B,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AAEpB;;;;;;;;GAQG;AACH,MAAM,UAAU,MAAM,CAAU,GAAQ;IACtC,OAAO,CAAC,MAAW,EAAE,YAAgC,EAAE,KAAc,EAAE,EAAE;QACvE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,iEAAiE;YACjE,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;YACvD,MAAM,MAAM,GAAG,YAAY,IAAI,aAAa,CAAC;YAC7C,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;gBAAE,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;YACrD,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACpD,CAAC;aAAM,CAAC;YACN,iDAAiD;YACjD,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,YAAa,EAAE;gBAC3C,GAAG;oBACD,OAAO,GAAG,CAAC,GAAG,CAAI,GAAG,CAAC,CAAC;gBACzB,CAAC;gBACD,YAAY,EAAE,IAAI;aACnB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAc,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE;IACzE,GAAG,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAC1C,CAAC,CAAC,CAAC"}

package/dist/di/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Loom DI — Barrel exports
+ *
+ * Dependency injection decorators and DI-aware @watch.
+ */
+export { service, inject, factory } from "./decorators";
+export { watch } from "./watch";
+//# sourceMappingURL=index.d.ts.map

package/dist/di/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/di/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/di/index.js

@@ -0,0 +1,10 @@
+/**
+ * Loom DI — Barrel exports
+ *
+ * Dependency injection decorators and DI-aware @watch.
+ */
+// DI decorators
+export { service, inject, factory } from "./decorators";
+// DI-aware watch
+export { watch } from "./watch";
+//# sourceMappingURL=index.js.map

package/dist/di/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/di/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,gBAAgB;AAChB,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAExD,iBAAiB;AACjB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/di/watch.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Loom — DI @watch
+ *
+ * Form 3: Watch a DI-resolved service (or a reactive property on it).
+ * Resolves via app.get() at connectedCallback time.
+ */
+/**
+ * React to changes on a DI-resolved service.
+ *
+ * Watch the service itself (must extend Reactive):
+ * ```ts
+ * @watch(TodoStore)
+ * onTodos(items: Todo[], prev: Todo[]) { ... }
+ * ```
+ *
+ * Watch a named reactive property on the service:
+ * ```ts
+ * @watch(ThemeService, "theme")
+ * onTheme(value: string, prev: string) { ... }
+ * ```
+ */
+export declare function watch(service: new (...args: any[]) => any, prop?: string): (proto: any, key: string) => void;
+//# sourceMappingURL=watch.d.ts.map

package/dist/di/watch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"watch.d.ts","sourceRoot":"","sources":["../../src/di/watch.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,IAC/D,OAAO,GAAG,EAAE,KAAK,MAAM,UAkBhC"}

package/dist/di/watch.js

@@ -0,0 +1,41 @@
+/**
+ * Loom — DI @watch
+ *
+ * Form 3: Watch a DI-resolved service (or a reactive property on it).
+ * Resolves via app.get() at connectedCallback time.
+ */
+import { app } from "../app";
+/**
+ * React to changes on a DI-resolved service.
+ *
+ * Watch the service itself (must extend Reactive):
+ * ```ts
+ * @watch(TodoStore)
+ * onTodos(items: Todo[], prev: Todo[]) { ... }
+ * ```
+ *
+ * Watch a named reactive property on the service:
+ * ```ts
+ * @watch(ThemeService, "theme")
+ * onTheme(value: string, prev: string) { ... }
+ * ```
+ */
+export function watch(service, prop) {
+    return (proto, key) => {
+        const orig = proto.connectedCallback;
+        proto.connectedCallback = function () {
+            orig?.call(this);
+            const svc = app.get(service);
+            const reactive = prop ? svc[prop] : svc;
+            if (typeof reactive?.subscribe !== "function") {
+                throw new Error(`[loom] @watch: ${service.name}${prop ? "." + prop : ""} is not a Reactive`);
+            }
+            const unsub = reactive.subscribe((v, p) => {
+                this[key](v, p);
+                this.scheduleUpdate?.();
+            });
+            this.track(unsub);
+        };
+    };
+}
+//# sourceMappingURL=watch.js.map

package/dist/di/watch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watch.js","sourceRoot":"","sources":["../../src/di/watch.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,KAAK,CAAC,OAAoC,EAAE,IAAa;IACvE,OAAO,CAAC,KAAU,EAAE,GAAW,EAAE,EAAE;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,iBAAiB,CAAC;QACrC,KAAK,CAAC,iBAAiB,GAAG;YACxB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAE,GAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;YACjD,IAAI,OAAO,QAAQ,EAAE,SAAS,KAAK,UAAU,EAAE,CAAC;gBAC9C,MAAM,IAAI,KAAK,CACb,kBAAkB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,oBAAoB,CAC5E,CAAC;YACJ,CAAC;YACD,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAM,EAAE,CAAM,EAAE,EAAE;gBAClD,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBAChB,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;YAC1B,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/dist/element/decorators.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Loom — Element decorators
+ *
+ * @component — Register a class as a custom element
+ * @query    — Lazy shadow DOM querySelector
+ * @queryAll — Lazy shadow DOM querySelectorAll
+ */
+/**
+ * Register a class as a custom element. Wires @prop observed attributes
+ * and attributeChangedCallback auto-parsing.
+ *
+ * ```ts
+ * @component("my-counter")
+ * class MyCounter extends LoomElement { ... }
+ * ```
+ */
+export declare const component: (tag: string) => (ctor: any) => void;
+/**
+ * Lazy shadow DOM querySelector.
+ * ```ts
+ * @query(".submit-btn") submitBtn!: HTMLButtonElement;
+ * ```
+ */
+export declare const query: (selector: string) => (target: any, key: string, desc?: PropertyDescriptor) => void;
+/**
+ * Lazy shadow DOM querySelectorAll.
+ * ```ts
+ * @queryAll("input") inputs!: HTMLInputElement[];
+ * ```
+ */
+export declare const queryAll: (selector: string) => (target: any, key: string, desc?: PropertyDescriptor) => void;
+//# sourceMappingURL=decorators.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../src/element/decorators.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,sCA6BH,CAAC;AAEpB;;;;;GAKG;AACH,eAAO,MAAM,KAAK,uDAkBX,CAAC,6BAXN,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,uDAGd,CAAC,6BAIN,CAAC"}