snice 2.1.3 → 2.1.5

package/dist/index.cjs

@@ -1,5 +1,5 @@
 /*!
- * snice v2.1.2
+ * snice v2.1.4
  * Imperative TypeScript framework for building vanilla web components with decorators, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
@@ -117,7 +117,9 @@ function setupEventHandlers(instance, element) {
         instance[CLEANUP] = { events: [], channels: [] };
     }
     for (const handler of handlers) {
-        const originalMethod = handler.method.bind(instance);
+        // Get the current method from the instance (preserves decorator stacking)
+        const currentMethod = instance[handler.method.name];
+        const originalMethod = currentMethod ? currentMethod.bind(instance) : handler.method.bind(instance);
         const handlerOptions = handler.options || {};
         // Parse event name for key modifiers
         const [baseEventName, keyModifier] = handler.eventName.split(':');
@@ -1452,14 +1454,6 @@ function applyElementFunctionality(constructor) {
                     }
                 }
             }
-            // NOW call the original user-defined connectedCallback after shadow DOM is set up
-            if (originalConnectedCallback) {
-                originalConnectedCallback.call(this);
-            }
-            const controllerName = this.getAttribute('controller');
-            if (controllerName) {
-                this.controller = controllerName;
-            }
             // Setup @on event handlers - use element for host events, shadow root for delegated events
             setupEventHandlers(this, this);
             // Setup @respond handlers for elements
@@ -1471,17 +1465,9 @@ function applyElementFunctionality(constructor) {
             catch (error) {
                 console.error(`Error setting up observers for ${this.tagName}:`, error);
             }
-            // Call @ready handlers after everything is set up
-            const readyHandlers = constructor[READY_HANDLERS];
-            if (readyHandlers) {
-                for (const handler of readyHandlers) {
-                    try {
-                        await handler.method.call(this);
-                    }
-                    catch (error) {
-                        console.error(`Error in @ready handler ${handler.methodName}:`, error);
-                    }
-                }
+            // NOW call the original user-defined connectedCallback after shadow DOM is set up
+            if (originalConnectedCallback) {
+                originalConnectedCallback.call(this);
             }
         }
         finally {
@@ -1491,6 +1477,18 @@ function applyElementFunctionality(constructor) {
                 this[READY_RESOLVE] = null; // Clear the resolver
             }
         }
+        // Call @ready handlers after everything is set up and ready promise is resolved
+        const readyHandlers = constructor[READY_HANDLERS];
+        if (readyHandlers) {
+            for (const handler of readyHandlers) {
+                try {
+                    await handler.method.call(this);
+                }
+                catch (error) {
+                    console.error(`Error in @ready handler ${handler.methodName}:`, error);
+                }
+            }
+        }
     };
     constructor.prototype.disconnectedCallback = async function () {
         // Call @dispose handlers