@praxisjs/decorators 0.4.3 → 0.5.0

package/dist/component/lazy.js

@@ -1,47 +1,46 @@
 import { signal } from "@praxisjs/core/internal";
-export function Lazy(placeholder = 200) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return function (constructor, _context) {
-        return class LazyWrapper extends constructor {
-            _lazyVisible = signal(false);
-            _observer;
-            _originalRender = 
-            // Capture the *parent* class render, not LazyWrapper's own override,
-            // to avoid infinite recursion when render() delegates here.
-            constructor.prototype.render.bind(this);
+import { ClassBehavior, createClassDecorator } from "../create-class-decorator";
+class LazyBehavior extends ClassBehavior {
+    constructor(placeholder) {
+        super();
+        this.placeholder = placeholder;
+    }
+    create(instance) {
+        const placeholder = this.placeholder;
+        const visible = signal(false);
+        let observer;
+        return {
             onMount() {
-                super.onMount?.();
-                // Use the end anchor to find the parent element
-                const el = this._anchor
-                    ?.parentElement ?? null;
+                const el = instance._anchor?.parentElement ?? null;
                 if (!el)
                     return;
                 if (!("IntersectionObserver" in window)) {
-                    this._lazyVisible.set(true);
+                    visible.set(true);
                     return;
                 }
-                if (!this._lazyVisible()) {
+                if (!visible())
                     el.style.minHeight = `${String(placeholder)}px`;
-                }
-                this._observer = new IntersectionObserver((entries) => {
+                observer = new IntersectionObserver((entries) => {
                     if (entries[0]?.isIntersecting) {
-                        this._lazyVisible.set(true);
+                        visible.set(true);
                         el.style.minHeight = "";
-                        this._observer?.disconnect();
+                        observer?.disconnect();
                     }
                 }, { rootMargin: "100px" });
-                this._observer.observe(el);
-            }
+                observer.observe(el);
+            },
             onUnmount() {
-                super.onUnmount?.();
-                this._observer?.disconnect();
-            }
-            render() {
-                if (!this._lazyVisible())
+                observer?.disconnect();
+            },
+            render(originalRender) {
+                if (!visible())
                     return null;
-                return this._originalRender();
-            }
+                return originalRender();
+            },
         };
-    };
+    }
+}
+export function Lazy(placeholder = 200) {
+    return createClassDecorator(new LazyBehavior(placeholder));
 }
 //# sourceMappingURL=lazy.js.map

package/dist/component/lazy.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazy.js","sourceRoot":"","sources":["../../src/component/lazy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAErE,MAAM,UAAU,IAAI,CAAC,WAAW,GAAG,GAAG;IACpC,8DAA8D;IAC9D,OAAO,UACL,WAAc,EACd,QAA+B;QAE/B,OAAO,MAAM,WAAY,SAAQ,WAAW;YACzB,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YACtC,SAAS,CAAwB;YACxB,eAAe;YAC9B,qEAAqE;YACrE,4DAA4D;YAC3D,WAAW,CAAC,SAAgD,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAElF,OAAO;gBACL,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;gBAElB,gDAAgD;gBAChD,MAAM,EAAE,GACL,IAAyC,CAAC,OAAO;oBAChD,EAAE,aAAa,IAAI,IAAI,CAAC;gBAC5B,IAAI,CAAC,EAAE;oBAAE,OAAO;gBAEhB,IAAI,CAAC,CAAC,sBAAsB,IAAI,MAAM,CAAC,EAAE,CAAC;oBACxC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBAC5B,OAAO;gBACT,CAAC;gBAED,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;oBACzB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;gBAClD,CAAC;gBAED,IAAI,CAAC,SAAS,GAAG,IAAI,oBAAoB,CACvC,CAAC,OAAO,EAAE,EAAE;oBACV,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC;wBAC/B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;wBAC5B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;wBACxB,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC;oBAC/B,CAAC;gBACH,CAAC,EACD,EAAE,UAAU,EAAE,OAAO,EAAE,CACxB,CAAC;gBAEF,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAC7B,CAAC;YAED,SAAS;gBACP,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC;gBACpB,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC;YAC/B,CAAC;YAED,MAAM;gBACJ,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;oBAAE,OAAO,IAAI,CAAC;gBACtC,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC;YAChC,CAAC;SACc,CAAC;IACpB,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"lazy.js","sourceRoot":"","sources":["../../src/component/lazy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAyB,MAAM,2BAA2B,CAAC;AAEvG,MAAM,YAAa,SAAQ,aAAa;IACtC,YAA6B,WAAmB;QAC9C,KAAK,EAAE,CAAC;QADmB,gBAAW,GAAX,WAAW,CAAQ;IAEhD,CAAC;IAED,MAAM,CAAC,QAAuB;QAC5B,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACrC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,QAA0C,CAAC;QAE/C,OAAO;YACL,OAAO;gBACL,MAAM,EAAE,GACL,QAAkC,CAAC,OAAO,EAAE,aAAa,IAAI,IAAI,CAAC;gBACrE,IAAI,CAAC,EAAE;oBAAE,OAAO;gBAEhB,IAAI,CAAC,CAAC,sBAAsB,IAAI,MAAM,CAAC,EAAE,CAAC;oBACxC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBAClB,OAAO;gBACT,CAAC;gBAED,IAAI,CAAC,OAAO,EAAE;oBAAE,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;gBAEhE,QAAQ,GAAG,IAAI,oBAAoB,CACjC,CAAC,OAAO,EAAE,EAAE;oBACV,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC;wBAC/B,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;wBAClB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;wBACxB,QAAQ,EAAE,UAAU,EAAE,CAAC;oBACzB,CAAC;gBACH,CAAC,EACD,EAAE,UAAU,EAAE,OAAO,EAAE,CACxB,CAAC;gBAEF,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACvB,CAAC;YAED,SAAS;gBACP,QAAQ,EAAE,UAAU,EAAE,CAAC;YACzB,CAAC;YAED,MAAM,CAAC,cAAc;gBACnB,IAAI,CAAC,OAAO,EAAE;oBAAE,OAAO,IAAI,CAAC;gBAC5B,OAAO,cAAc,EAAE,CAAC;YAC1B,CAAC;SACF,CAAC;IACJ,CAAC;CACF;AAED,MAAM,UAAU,IAAI,CAAC,WAAW,GAAG,GAAG;IACpC,OAAO,oBAAoB,CAAC,IAAI,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC;AAC7D,CAAC"}

package/dist/component/virtual.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"virtual.d.ts","sourceRoot":"","sources":["../../src/component/virtual.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,aAAa,EAAU,MAAM,yBAAyB,CAAC;AAQvF,wBAAgB,OAAO,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,SAAI,IAEnC,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EACnF,aAAa,CAAC,EACd,UAAU,qBAAqB,KAC9B,CAAC,CAqIL"}
+{"version":3,"file":"virtual.d.ts","sourceRoot":"","sources":["../../src/component/virtual.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,aAAa,EAAU,MAAM,yBAAyB,CAAC;AAmIvF,wBAAgB,OAAO,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,SAAI,mBA1GxC,GAAG,0GA4GhB"}

package/dist/component/virtual.js

@@ -1,56 +1,51 @@
 import { computed, effect, signal } from "@praxisjs/core/internal";
-export function Virtual(itemHeight, buffer = 3) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return function (constructor, _context) {
-        return class VirtualWrapper extends constructor {
-            _scrollTop = signal(0);
-            _viewHeight = signal(600);
-            _container;
-            _scrollHandler;
-            _cleanups = [];
+import { ClassBehavior, createClassDecorator } from "../create-class-decorator";
+class VirtualBehavior extends ClassBehavior {
+    constructor(itemHeight, buffer) {
+        super();
+        this.itemHeight = itemHeight;
+        this.buffer = buffer;
+    }
+    create(instance) {
+        const { itemHeight, buffer } = this;
+        const host = instance;
+        const scrollTop = signal(0);
+        const viewHeight = signal(600);
+        let container;
+        let scrollHandler;
+        const cleanups = [];
+        return {
             onMount() {
-                super.onMount?.();
-                // Use the end anchor set by the runtime to locate the parent element
-                this._container =
-                    this._anchor?.parentElement ?? undefined;
-                if (!this._container)
+                container = host._anchor?.parentElement ?? undefined;
+                if (!container)
                     return;
-                this._container.style.overflowY = "auto";
-                this._container.style.position = "relative";
-                this._viewHeight.set(this._container.clientHeight || 600);
-                this._scrollHandler = () => {
-                    if (this._container)
-                        this._scrollTop.set(this._container.scrollTop);
+                container.style.overflowY = "auto";
+                container.style.position = "relative";
+                viewHeight.set(container.clientHeight || 600);
+                scrollHandler = () => {
+                    if (container)
+                        scrollTop.set(container.scrollTop);
                 };
-                this._container.addEventListener("scroll", this._scrollHandler);
-            }
+                container.addEventListener("scroll", scrollHandler);
+            },
             onUnmount() {
-                super.onUnmount?.();
-                if (this._container && this._scrollHandler) {
-                    this._container.removeEventListener("scroll", this._scrollHandler);
+                if (container && scrollHandler) {
+                    container.removeEventListener("scroll", scrollHandler);
                 }
-                this._cleanups.forEach((c) => { c(); });
-                this._cleanups = [];
-            }
-            render() {
-                const host = this;
+                cleanups.forEach((c) => { c(); });
+                cleanups.length = 0;
+            },
+            render(originalRender) {
                 const items = host.items ?? [];
                 const total = items.length;
                 const totalH = total * itemHeight;
                 if (typeof host.renderItem !== "function") {
-                    console.warn(`[Virtual] ${constructor.name} must implement renderItem(item, index)`);
-                    return null;
+                    console.warn(`[Virtual] component must implement renderItem(item, index)`);
+                    return originalRender();
                 }
                 const renderItem = host.renderItem.bind(host);
-                const startIdx = computed(() => {
-                    const start = Math.floor(this._scrollTop() / itemHeight) - buffer;
-                    return Math.max(0, start);
-                });
-                const endIdx = computed(() => {
-                    const end = Math.ceil((this._scrollTop() + this._viewHeight()) / itemHeight) +
-                        buffer;
-                    return Math.min(total - 1, end);
-                });
+                const startIdx = computed(() => Math.max(0, Math.floor(scrollTop() / itemHeight) - buffer));
+                const endIdx = computed(() => Math.min(total - 1, Math.ceil((scrollTop() + viewHeight()) / itemHeight) + buffer));
                 const visibleItems = computed(() => {
                     const result = [];
                     for (let i = startIdx(); i <= endIdx(); i++) {
@@ -63,35 +58,36 @@ export function Virtual(itemHeight, buffer = 3) {
                 const outer = document.createElement("div");
                 outer.setAttribute("style", `height:${String(totalH)}px; position:relative;`);
                 const spacerTop = document.createElement("div");
-                this._cleanups.push(effect(() => {
+                cleanups.push(effect(() => {
                     spacerTop.setAttribute("style", `height:${String(offsetTop())}px;`);
                 }));
                 const itemsSlot = document.createElement("div");
-                this._cleanups.push(effect(() => {
-                    while (itemsSlot.firstChild) {
+                cleanups.push(effect(() => {
+                    while (itemsSlot.firstChild)
                         itemsSlot.removeChild(itemsSlot.firstChild);
-                    }
                     visibleItems().forEach(({ item, index }) => {
                         const wrapper = document.createElement("div");
                         wrapper.setAttribute("style", `height:${String(itemHeight)}px; overflow:hidden;`);
                         const rendered = renderItem(item, index);
                         if (rendered) {
-                            const nodes = (Array.isArray(rendered) ? rendered.flat() : [rendered]);
-                            nodes.forEach((n) => wrapper.appendChild(n));
+                            (Array.isArray(rendered) ? rendered.flat() : [rendered]).forEach((n) => { wrapper.appendChild(n); });
                         }
                         itemsSlot.appendChild(wrapper);
                     });
                 }));
                 const spacerBottom = document.createElement("div");
-                this._cleanups.push(effect(() => {
+                cleanups.push(effect(() => {
                     spacerBottom.setAttribute("style", `height:${String(offsetBottom())}px;`);
                 }));
                 outer.appendChild(spacerTop);
                 outer.appendChild(itemsSlot);
                 outer.appendChild(spacerBottom);
                 return outer;
-            }
+            },
         };
-    };
+    }
+}
+export function Virtual(itemHeight, buffer = 3) {
+    return createClassDecorator(new VirtualBehavior(itemHeight, buffer));
 }
 //# sourceMappingURL=virtual.js.map

package/dist/component/virtual.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtual.js","sourceRoot":"","sources":["../../src/component/virtual.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAsB,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAQvF,MAAM,UAAU,OAAO,CAAC,UAAkB,EAAE,MAAM,GAAG,CAAC;IACpD,8DAA8D;IAC9D,OAAO,UACL,WAAc,EACd,QAA+B;QAE/B,OAAO,MAAM,cAAe,SAAQ,WAAW;YAC5B,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACvB,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YACnC,UAAU,CAAe;YACzB,cAAc,CAAc;YAC5B,SAAS,GAAsB,EAAE,CAAC;YAE1C,OAAO;gBACL,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;gBAElB,qEAAqE;gBACrE,IAAI,CAAC,UAAU;oBACZ,IAA+B,CAAC,OAAO,EAAE,aAAa,IAAI,SAAS,CAAC;gBAEvE,IAAI,CAAC,IAAI,CAAC,UAAU;oBAAE,OAAO;gBAE7B,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;gBACzC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;gBAE5C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,IAAI,GAAG,CAAC,CAAC;gBAE1D,IAAI,CAAC,cAAc,GAAG,GAAG,EAAE;oBACzB,IAAI,IAAI,CAAC,UAAU;wBAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;gBACtE,CAAC,CAAC;gBAEF,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAClE,CAAC;YAED,SAAS;gBACP,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC;gBACpB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;oBAC3C,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;gBACrE,CAAC;gBACD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBACxC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;YACtB,CAAC;YAED,MAAM;gBACJ,MAAM,IAAI,GAAG,IAA8B,CAAC;gBAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;gBAC/B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;gBAC3B,MAAM,MAAM,GAAG,KAAK,GAAG,UAAU,CAAC;gBAElC,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;oBAC1C,OAAO,CAAC,IAAI,CACV,aAAa,WAAW,CAAC,IAAI,yCAAyC,CACvE,CAAC;oBACF,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAE9C,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;oBAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,UAAU,CAAC,GAAG,MAAM,CAAC;oBAClE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;gBAC5B,CAAC,CAAC,CAAC;gBAEH,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;oBAC3B,MAAM,GAAG,GACP,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,UAAU,CAAC;wBAChE,MAAM,CAAC;oBACT,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;gBAClC,CAAC,CAAC,CAAC;gBAEH,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;oBACjC,MAAM,MAAM,GAA4C,EAAE,CAAC;oBAC3D,KAAK,IAAI,CAAC,GAAG,QAAQ,EAAE,EAAE,CAAC,IAAI,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;wBAC5C,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;oBAC5C,CAAC;oBACD,OAAO,MAAM,CAAC;gBAChB,CAAC,CAAC,CAAC;gBAEH,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,GAAG,UAAU,CAAC,CAAC;gBAC1D,MAAM,YAAY,GAAG,QAAQ,CAC3B,GAAG,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,UAAU,CAC1C,CAAC;gBAEF,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC5C,KAAK,CAAC,YAAY,CAChB,OAAO,EACP,UAAU,MAAM,CAAC,MAAM,CAAC,wBAAwB,CACjD,CAAC;gBAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAChD,IAAI,CAAC,SAAS,CAAC,IAAI,CACjB,MAAM,CAAC,GAAG,EAAE;oBACV,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,MAAM,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;gBACtE,CAAC,CAAC,CACH,CAAC;gBAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAChD,IAAI,CAAC,SAAS,CAAC,IAAI,CACjB,MAAM,CAAC,GAAG,EAAE;oBACV,OAAO,SAAS,CAAC,UAAU,EAAE,CAAC;wBAC5B,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;oBAC9C,CAAC;oBACD,YAAY,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;wBACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBAC9C,OAAO,CAAC,YAAY,CAClB,OAAO,EACP,UAAU,MAAM,CAAC,UAAU,CAAC,sBAAsB,CACnD,CAAC;wBACF,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;wBACzC,IAAI,QAAQ,EAAE,CAAC;4BACb,MAAM,KAAK,GAAG,CACZ,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CACvD,CAAC;4BACF,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC/C,CAAC;wBACD,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;oBACjC,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,CACH,CAAC;gBAEF,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACnD,IAAI,CAAC,SAAS,CAAC,IAAI,CACjB,MAAM,CAAC,GAAG,EAAE;oBACV,YAAY,CAAC,YAAY,CACvB,OAAO,EACP,UAAU,MAAM,CAAC,YAAY,EAAE,CAAC,KAAK,CACtC,CAAC;gBACJ,CAAC,CAAC,CACH,CAAC;gBAEF,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;gBAC7B,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;gBAC7B,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;gBAEhC,OAAO,KAAK,CAAC;YACf,CAAC;SACc,CAAC;IACpB,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"virtual.js","sourceRoot":"","sources":["../../src/component/virtual.tsx"],"names":[],"mappings":"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"}

package/dist/create-class-decorator.d.ts

@@ -0,0 +1,16 @@
+import type { RootComponent } from "@praxisjs/core/internal";
+export interface ClassEnhancement {
+    onMount?(): void;
+    onUnmount?(): void;
+    render?(originalRender: () => Node | Node[] | null): Node | Node[] | null;
+}
+export declare abstract class ClassBehavior {
+    abstract create(instance: RootComponent): ClassEnhancement;
+    /**
+     * Called once after the enhanced class is created.
+     * Use this to set static properties on the class constructor itself.
+     */
+    initialize?(_Enhanced: new (...args: any[]) => unknown, _original: new (...args: any[]) => unknown): void;
+}
+export declare function createClassDecorator(behavior: ClassBehavior): <T extends new (...args: any[]) => RootComponent<Record<string, any>>>(constructor: T, _context: ClassDecoratorContext) => T;
+//# sourceMappingURL=create-class-decorator.d.ts.map

package/dist/create-class-decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-class-decorator.d.ts","sourceRoot":"","sources":["../src/create-class-decorator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,SAAS,CAAC,IAAI,IAAI,CAAC;IACnB,MAAM,CAAC,CACL,cAAc,EAAE,MAAM,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,GACzC,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;CACzB;AAED,8BAAsB,aAAa;IACjC,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,aAAa,GAAG,gBAAgB;IAE1D;;;OAGG;IAEH,UAAU,CAAC,CAAC,SAAS,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,EAAE,SAAS,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,GAAG,IAAI;CAC1G;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,aAAa,IAGxD,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EACpE,aAAa,CAAC,EAAE,UAAU,qBAAqB,KAAG,CAAC,CAmCtD"}

package/dist/create-class-decorator.js

@@ -0,0 +1,35 @@
+export class ClassBehavior {
+}
+export function createClassDecorator(behavior) {
+    return function (constructor, _context) {
+        const Enhanced = class extends constructor {
+            constructor() {
+                super(...arguments);
+                this._enh = behavior.create(this);
+            }
+            onMount() {
+                super.onMount?.();
+                this._enh.onMount?.();
+            }
+            onUnmount() {
+                super.onUnmount?.();
+                this._enh.onUnmount?.();
+            }
+            render(...args) {
+                const originalRender = () => constructor.prototype.render.apply(this, args);
+                if (this._enh.render) {
+                    return this._enh.render(originalRender);
+                }
+                return originalRender();
+            }
+        };
+        // If the original class has no render, remove the wrapper so instances see `undefined`.
+        if (typeof constructor.prototype.render !== "function") {
+            delete Enhanced.prototype.render;
+        }
+        Object.defineProperty(Enhanced, "name", { value: constructor.name });
+        behavior.initialize?.(Enhanced, constructor);
+        return Enhanced;
+    };
+}
+//# sourceMappingURL=create-class-decorator.js.map

package/dist/create-class-decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-class-decorator.js","sourceRoot":"","sources":["../src/create-class-decorator.ts"],"names":[],"mappings":"AAUA,MAAM,OAAgB,aAAa;CASlC;AAED,MAAM,UAAU,oBAAoB,CAAC,QAAuB;IAC1D,OAAO,UAGL,WAAc,EAAE,QAA+B;QAC/C,MAAM,QAAQ,GAAG,KAAM,SAAQ,WAAW;YAAzB;;gBACE,SAAI,GAAqB,QAAQ,CAAC,MAAM,CACvD,IAAgC,CACjC,CAAC;YAoBJ,CAAC;YAlBC,OAAO;gBACL,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;gBAClB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACxB,CAAC;YAED,SAAS;gBACP,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC;gBACpB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;YAC1B,CAAC;YAED,MAAM,CAAC,GAAG,IAAe;gBACvB,MAAM,cAAc,GAAG,GAAG,EAAE,CACzB,WAAW,CAAC,SAAmE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBAC5G,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;oBACrB,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;gBAC1C,CAAC;gBACD,OAAO,cAAc,EAAE,CAAC;YAC1B,CAAC;SACF,CAAC;QAEF,wFAAwF;QACxF,IAAI,OAAQ,WAAW,CAAC,SAAkC,CAAC,MAAM,KAAK,UAAU,EAAE,CAAC;YACjF,OAAQ,QAAQ,CAAC,SAAkC,CAAC,MAAM,CAAC;QAC7D,CAAC;QAED,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;QACrE,QAAQ,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAC7C,OAAO,QAAwB,CAAC;IAClC,CAAC,CAAC;AACJ,CAAC"}

package/dist/create-field-decorator.d.ts

@@ -0,0 +1,14 @@
+import type { StatefulComponent } from "@praxisjs/core";
+export interface FieldBinding {
+    /** Replaces the decorated property. If absent, the original property is left untouched. */
+    descriptor?: PropertyDescriptor;
+    /** Extra properties to define on the instance (e.g. companion properties like `nameHistory`). */
+    additional?: Record<string, PropertyDescriptor>;
+    onMount?: () => void;
+    onUnmount?: () => void;
+}
+export interface FieldBehavior {
+    bind(instance: StatefulComponent, name: string, initialValue: unknown): FieldBinding;
+}
+export declare function createFieldDecorator(behavior: FieldBehavior): (_value: undefined, context: ClassFieldDecoratorContext<StatefulComponent>) => void;
+//# sourceMappingURL=create-field-decorator.d.ts.map

package/dist/create-field-decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-field-decorator.d.ts","sourceRoot":"","sources":["../src/create-field-decorator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,WAAW,YAAY;IAC3B,2FAA2F;IAC3F,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,iGAAiG;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CACF,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,OAAO,GACpB,YAAY,CAAC;CACjB;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,aAAa,IAExD,QAAQ,SAAS,EACjB,SAAS,0BAA0B,CAAC,iBAAiB,CAAC,KACrD,IAAI,CA0CR"}

package/dist/create-field-decorator.js

@@ -0,0 +1,37 @@
+export function createFieldDecorator(behavior) {
+    return function (_value, context) {
+        context.addInitializer(function () {
+            const instance = this;
+            const name = context.name;
+            const initialValue = instance[name];
+            const { descriptor, additional, onMount, onUnmount } = behavior.bind(instance, name, initialValue);
+            if (descriptor) {
+                Reflect.deleteProperty(instance, name);
+                Object.defineProperty(instance, name, {
+                    enumerable: true,
+                    configurable: true,
+                    ...descriptor,
+                });
+            }
+            for (const [key, desc] of Object.entries(additional ?? {})) {
+                Object.defineProperty(instance, key, {
+                    configurable: true,
+                    ...desc,
+                });
+            }
+            if (onMount ?? onUnmount) {
+                const prevMount = instance.onMount?.bind(instance);
+                const prevUnmount = instance.onUnmount?.bind(instance);
+                instance.onMount = () => {
+                    prevMount?.();
+                    onMount?.();
+                };
+                instance.onUnmount = () => {
+                    prevUnmount?.();
+                    onUnmount?.();
+                };
+            }
+        });
+    };
+}
+//# sourceMappingURL=create-field-decorator.js.map

package/dist/create-field-decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-field-decorator.js","sourceRoot":"","sources":["../src/create-field-decorator.ts"],"names":[],"mappings":"AAmBA,MAAM,UAAU,oBAAoB,CAAC,QAAuB;IAC1D,OAAO,UACL,MAAiB,EACjB,OAAsD;QAEtD,OAAO,CAAC,cAAc,CAAC;YACrB,MAAM,QAAQ,GAAG,IAAmD,CAAC;YACrE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAc,CAAC;YACpC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;YAEpC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,IAAI,CAClE,QAAQ,EACR,IAAI,EACJ,YAAY,CACb,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACf,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;gBACvC,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,EAAE;oBACpC,UAAU,EAAE,IAAI;oBAChB,YAAY,EAAE,IAAI;oBAClB,GAAG,UAAU;iBACd,CAAC,CAAC;YACL,CAAC;YAED,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,CAAC;gBAC3D,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,GAAG,EAAE;oBACnC,YAAY,EAAE,IAAI;oBAClB,GAAG,IAAI;iBACR,CAAC,CAAC;YACL,CAAC;YAED,IAAI,OAAO,IAAI,SAAS,EAAE,CAAC;gBACzB,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACnD,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACvD,QAAQ,CAAC,OAAO,GAAG,GAAG,EAAE;oBACtB,SAAS,EAAE,EAAE,CAAC;oBACd,OAAO,EAAE,EAAE,CAAC;gBACd,CAAC,CAAC;gBACF,QAAQ,CAAC,SAAS,GAAG,GAAG,EAAE;oBACxB,WAAW,EAAE,EAAE,CAAC;oBAChB,SAAS,EAAE,EAAE,CAAC;gBAChB,CAAC,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/dist/create-getter-decorator.d.ts

@@ -0,0 +1,18 @@
+export interface GetterBehavior {
+    /**
+     * Given the original getter and the current instance, returns a function
+     * that produces the getter value. Called on every property access.
+     */
+    wrap(original: (this: object) => unknown, instance: object): () => unknown;
+}
+export declare function createGetterDecorator(behavior: GetterBehavior): <This, T>(target: (this: This) => T, _context: ClassGetterDecoratorContext<This, T>) => (this: This) => T;
+export interface GetterObserverBehavior {
+    /**
+     * Called once per instance when the class is initialized.
+     * Use this to set up observation side-effects on the getter without
+     * changing its return value (e.g. tracking changes for devtools).
+     */
+    observe(getter: (this: object) => unknown, instance: object, name: string): void;
+}
+export declare function createGetterObserverDecorator(behavior: GetterObserverBehavior): <This, T>(target: (this: This) => T, context: ClassGetterDecoratorContext<This, T>) => void;
+//# sourceMappingURL=create-getter-decorator.d.ts.map

package/dist/create-getter-decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-getter-decorator.d.ts","sourceRoot":"","sources":["../src/create-getter-decorator.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,IAAI,CACF,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,EACnC,QAAQ,EAAE,MAAM,GACf,MAAM,OAAO,CAAC;CAClB;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,cAAc,IAC3C,IAAI,EAAE,CAAC,EACtB,QAAQ,CAAC,IAAI,EAAE,IAAI,KAAK,CAAC,EACzB,UAAU,2BAA2B,CAAC,IAAI,EAAE,CAAC,CAAC,KAC7C,CAAC,IAAI,EAAE,IAAI,KAAK,CAAC,CAQrB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,OAAO,CACL,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,EACjC,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,GACX,IAAI,CAAC;CACT;AAED,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,sBAAsB,IAC3D,IAAI,EAAE,CAAC,EACtB,QAAQ,CAAC,IAAI,EAAE,IAAI,KAAK,CAAC,EACzB,SAAS,2BAA2B,CAAC,IAAI,EAAE,CAAC,CAAC,KAC5C,IAAI,CASR"}

package/dist/create-getter-decorator.js

@@ -0,0 +1,15 @@
+export function createGetterDecorator(behavior) {
+    return function (target, _context) {
+        return function () {
+            return behavior.wrap(target, this)();
+        };
+    };
+}
+export function createGetterObserverDecorator(behavior) {
+    return function (target, context) {
+        context.addInitializer(function () {
+            behavior.observe(target, this, context.name);
+        });
+    };
+}
+//# sourceMappingURL=create-getter-decorator.js.map

package/dist/create-getter-decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-getter-decorator.js","sourceRoot":"","sources":["../src/create-getter-decorator.ts"],"names":[],"mappings":"AAWA,MAAM,UAAU,qBAAqB,CAAC,QAAwB;IAC5D,OAAO,UACL,MAAyB,EACzB,QAA8C;QAE9C,OAAO;YACL,OAAO,QAAQ,CAAC,IAAI,CAClB,MAAmC,EACnC,IAAc,CACf,EAAO,CAAC;QACX,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAeD,MAAM,UAAU,6BAA6B,CAAC,QAAgC;IAC5E,OAAO,UACL,MAAyB,EACzB,OAA6C;QAE7C,OAAO,CAAC,cAAc,CAAC;YACrB,QAAQ,CAAC,OAAO,CACd,MAAmC,EACnC,IAAc,EACd,OAAO,CAAC,IAAc,CACvB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/dist/create-lifecycle-method-decorator.d.ts

@@ -0,0 +1,6 @@
+import type { StatefulComponent } from "@praxisjs/core";
+export interface LifecycleMethodBehavior<T extends StatefulComponent = StatefulComponent> {
+    register(callback: (...args: unknown[]) => void, instance: T): (() => void) | undefined;
+}
+export declare function createLifecycleMethodDecorator<T extends StatefulComponent = StatefulComponent>(behavior: LifecycleMethodBehavior<T>): (value: (this: T, ...args: unknown[]) => void, _context: ClassMethodDecoratorContext<T>) => void;
+//# sourceMappingURL=create-lifecycle-method-decorator.d.ts.map

package/dist/create-lifecycle-method-decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-lifecycle-method-decorator.d.ts","sourceRoot":"","sources":["../src/create-lifecycle-method-decorator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,WAAW,uBAAuB,CACtC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB;IAE/C,QAAQ,CACN,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EACtC,QAAQ,EAAE,CAAC,GACV,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,8BAA8B,CAC5C,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,EAC/C,QAAQ,EAAE,uBAAuB,CAAC,CAAC,CAAC,IAElC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAC5C,UAAU,2BAA2B,CAAC,CAAC,CAAC,KACvC,IAAI,CAoBR"}

package/dist/create-lifecycle-method-decorator.js

@@ -0,0 +1,22 @@
+export function createLifecycleMethodDecorator(behavior) {
+    return function (value, _context) {
+        _context.addInitializer(function () {
+            const instance = this;
+            const prevMount = instance.onMount?.bind(instance);
+            const prevUnmount = instance.onUnmount?.bind(instance);
+            let cleanup;
+            instance.onMount = function () {
+                prevMount?.call(this);
+                const result = behavior.register(value.bind(this), this);
+                if (result)
+                    cleanup = result;
+            };
+            instance.onUnmount = function () {
+                prevUnmount?.call(this);
+                cleanup?.();
+                cleanup = undefined;
+            };
+        });
+    };
+}
+//# sourceMappingURL=create-lifecycle-method-decorator.js.map

package/dist/create-lifecycle-method-decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-lifecycle-method-decorator.js","sourceRoot":"","sources":["../src/create-lifecycle-method-decorator.ts"],"names":[],"mappings":"AAWA,MAAM,UAAU,8BAA8B,CAE5C,QAAoC;IACpC,OAAO,UACL,KAA4C,EAC5C,QAAwC;QAExC,QAAQ,CAAC,cAAc,CAAC;YACtB,MAAM,QAAQ,GAAG,IAAS,CAAC;YAC3B,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YACnD,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YACvD,IAAI,OAAiC,CAAC;YAEtC,QAAQ,CAAC,OAAO,GAAG;gBACjB,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;gBACtB,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;gBACzD,IAAI,MAAM;oBAAE,OAAO,GAAG,MAAM,CAAC;YAC/B,CAAC,CAAC;YAEF,QAAQ,CAAC,SAAS,GAAG;gBACnB,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;gBACxB,OAAO,EAAE,EAAE,CAAC;gBACZ,OAAO,GAAG,SAAS,CAAC;YACtB,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/dist/create-method-decorator.d.ts

@@ -0,0 +1,6 @@
+import type { StatefulComponent } from "@praxisjs/core";
+export interface MethodBehavior {
+    wrap(original: (...args: unknown[]) => unknown, instance: object, name: string): (...args: unknown[]) => unknown;
+}
+export declare function createMethodDecorator(behavior: MethodBehavior): (value: (this: object, ...args: unknown[]) => unknown, context: ClassMethodDecoratorContext<StatefulComponent>) => void;
+//# sourceMappingURL=create-method-decorator.d.ts.map

package/dist/create-method-decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-method-decorator.d.ts","sourceRoot":"","sources":["../src/create-method-decorator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,WAAW,cAAc;IAC7B,IAAI,CACF,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,EACzC,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,GACX,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;CACpC;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,cAAc,IAE1D,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,EACpD,SAAS,2BAA2B,CAAC,iBAAiB,CAAC,KACtD,IAAI,CAWR"}

package/dist/create-method-decorator.js

@@ -0,0 +1,14 @@
+export function createMethodDecorator(behavior) {
+    return function (value, context) {
+        context.addInitializer(function () {
+            const instance = this;
+            const name = context.name;
+            Object.defineProperty(instance, name, {
+                value: behavior.wrap(value, instance, name),
+                configurable: true,
+                writable: true,
+            });
+        });
+    };
+}
+//# sourceMappingURL=create-method-decorator.js.map

package/dist/create-method-decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-method-decorator.js","sourceRoot":"","sources":["../src/create-method-decorator.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,qBAAqB,CAAC,QAAwB;IAC5D,OAAO,UACL,KAAoD,EACpD,OAAuD;QAEvD,OAAO,CAAC,cAAc,CAAC;YACrB,MAAM,QAAQ,GAAG,IAAc,CAAC;YAChC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAc,CAAC;YACpC,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,EAAE;gBACpC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC;gBAC3C,YAAY,EAAE,IAAI;gBAClB,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/dist/events/emit.d.ts

@@ -1,3 +1,3 @@
 import type { StatefulComponent } from "@praxisjs/core";
-export declare function Emit(propName: string): (value: (this: StatefulComponent, ...args: any[]) => any, context: ClassMethodDecoratorContext<StatefulComponent>) => void;
+export declare function Emit(propName: string): (value: (this: object, ...args: unknown[]) => unknown, context: ClassMethodDecoratorContext<StatefulComponent>) => void;
 //# sourceMappingURL=emit.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"emit.d.ts","sourceRoot":"","sources":["../../src/events/emit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,wBAAgB,IAAI,CAAC,QAAQ,EAAE,MAAM,IAGjC,OAAO,CAAC,IAAI,EAAE,iBAAiB,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACvD,SAAS,2BAA2B,CAAC,iBAAiB,CAAC,KACtD,IAAI,CAgCR"}
+{"version":3,"file":"emit.d.ts","sourceRoot":"","sources":["../../src/events/emit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKxD,wBAAgB,IAAI,CAAC,QAAQ,EAAE,MAAM,0BAIjB,GAAI,8FAqBvB"}

package/dist/events/emit.js

@@ -1,34 +1,29 @@
+import { createMethodDecorator } from "../create-method-decorator";
 import { readProp } from "./helper";
 export function Emit(propName) {
-    return function (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    value, context) {
-        const wrapped = function (...args) {
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            const result = value.apply(this, args);
-            const callback = readProp(this, propName);
-            if (typeof callback !== "function")
+    return createMethodDecorator({
+        wrap(original, instance) {
+            const comp = instance;
+            return (...args) => {
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any
+                const result = original.apply(instance, args);
+                const callback = readProp(comp, propName);
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+                if (typeof callback !== "function")
+                    return result;
+                if (result !== undefined) {
+                    callback(result);
+                }
+                else if (args.length > 0) {
+                    callback(...args);
+                }
+                else {
+                    callback();
+                }
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-return
                 return result;
-            if (result !== undefined) {
-                callback(result);
-            }
-            else if (args.length > 0) {
-                callback(...args);
-            }
-            else {
-                callback();
-            }
-            return result;
-        };
-        context.addInitializer(function () {
-            const name = context.name;
-            const bound = wrapped.bind(this);
-            Object.defineProperty(this, name, {
-                value: bound,
-                configurable: true,
-                writable: true,
-            });
-        });
-    };
+            };
+        },
+    });
 }
 //# sourceMappingURL=emit.js.map

package/dist/events/emit.js.map

@@ -1 +1 @@
-{"version":3,"file":"emit.js","sourceRoot":"","sources":["../../src/events/emit.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,UAAU,IAAI,CAAC,QAAgB;IACnC,OAAO;IACL,8DAA8D;IAC9D,KAAuD,EACvD,OAAuD;QAEvD,MAAM,OAAO,GAAG,UAEd,GAAG,IAAe;YAElB,mEAAmE;YACnE,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAEvC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC1C,IAAI,OAAO,QAAQ,KAAK,UAAU;gBAAE,OAAO,MAAM,CAAC;YAElD,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;gBACxB,QAAiC,CAAC,MAAM,CAAC,CAAC;YAC7C,CAAC;iBAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC1B,QAAsC,CAAC,GAAG,IAAI,CAAC,CAAC;YACnD,CAAC;iBAAM,CAAC;gBACL,QAAuB,EAAE,CAAC;YAC7B,CAAC;YAED,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC;QAEF,OAAO,CAAC,cAAc,CAAC;YACrB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAc,CAAC;YACpC,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,IAAyB,CAAC,CAAC;YACtD,MAAM,CAAC,cAAc,CAAC,IAAc,EAAE,IAAI,EAAE;gBAC1C,KAAK,EAAE,KAAK;gBACZ,YAAY,EAAE,IAAI;gBAClB,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"emit.js","sourceRoot":"","sources":["../../src/events/emit.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,UAAU,IAAI,CAAC,QAAgB;IACnC,OAAO,qBAAqB,CAAC;QAC3B,IAAI,CAAC,QAAQ,EAAE,QAAQ;YACrB,MAAM,IAAI,GAAG,QAA6B,CAAC;YAC3C,OAAO,CAAC,GAAG,IAAe,EAAE,EAAE;gBAC5B,uGAAuG;gBACvG,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAQ,CAAC;gBAErD,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;gBAC1C,+DAA+D;gBAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU;oBAAE,OAAO,MAAM,CAAC;gBAElD,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;oBACxB,QAAiC,CAAC,MAAM,CAAC,CAAC;gBAC7C,CAAC;qBAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBAC1B,QAAsC,CAAC,GAAG,IAAI,CAAC,CAAC;gBACnD,CAAC;qBAAM,CAAC;oBACL,QAAuB,EAAE,CAAC;gBAC7B,CAAC;gBAED,+DAA+D;gBAC/D,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/dist/events/on-command.d.ts

@@ -1,3 +1,2 @@
-import type { StatefulComponent } from "@praxisjs/core";
-export declare function OnCommand(propName: string): (value: (this: StatefulComponent, ...args: unknown[]) => void, context: ClassMethodDecoratorContext<StatefulComponent>) => void;
+export declare function OnCommand(propName: string): (value: (this: import("@praxisjs/core").StatefulComponent, ...args: unknown[]) => void, _context: ClassMethodDecoratorContext<import("@praxisjs/core").StatefulComponent, (this: import("@praxisjs/core").StatefulComponent, ...args: any) => any>) => void;
 //# sourceMappingURL=on-command.d.ts.map

package/dist/events/on-command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"on-command.d.ts","sourceRoot":"","sources":["../../src/events/on-command.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMxD,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,IAEtC,OAAO,CAAC,IAAI,EAAE,iBAAiB,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAC5D,SAAS,2BAA2B,CAAC,iBAAiB,CAAC,KACtD,IAAI,CA2CR"}
+{"version":3,"file":"on-command.d.ts","sourceRoot":"","sources":["../../src/events/on-command.ts"],"names":[],"mappings":"AAMA,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,+PAsBzC"}