snice 2.1.4 → 2.1.5

package/dist/index.cjs

@@ -1,5 +1,5 @@
 /*!
- * snice v2.1.3
+ * 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.
@@ -1454,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
@@ -1473,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 {
@@ -1493,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