@syntropysoft/syntropyfront 0.4.5 → 0.4.6

package/NOTICE

@@ -1,4 +1,4 @@
 SyntropyFront
 Copyright 2024-2026 Syntropysoft
 
-Version 0.4.5
+Version 0.4.6

package/README.md

@@ -14,7 +14,7 @@
   <a href="https://www.npmjs.com/package/@syntropysoft/syntropyfront"><img src="https://img.shields.io/npm/v/@syntropysoft/syntropyfront.svg" alt="NPM Version"></a>
   <a href="https://github.com/Syntropysoft/syntropyfront/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@syntropysoft/syntropyfront.svg" alt="License"></a>
   <a href="#"><img src="https://img.shields.io/badge/status-ready%20for%20production-brightgreen.svg" alt="Ready for Production"></a>
-  <a href="#"><img src="https://img.shields.io/badge/test%20coverage-87%25-brightgreen.svg" alt="Test Coverage"></a>
+  <a href="#"><img src="https://img.shields.io/badge/test%20coverage-89.94%25-brightgreen.svg" alt="Test Coverage"></a>
   <a href="#"><img src="https://img.shields.io/badge/bundle%20size-34%20KB-brightgreen.svg" alt="Bundle Size"></a>
   <a href="https://socket.dev/npm/package/@syntropysoft/syntropyfront"><img src="https://socket.dev/api/badge/npm/package/@syntropysoft/syntropyfront" alt="Socket Badge"></a>
 </p>
@@ -163,7 +163,7 @@ syntropyFront.configure({
 
 ## 🏗️ Modular Architecture and Tree Shaking
 
-In a future version (e.g. 0.5.0), interceptors may be exposed as independent modules. To minimize your bundle size, you would then import only what you need:
+In version 0.5.0, we have moved interceptors to independent modules. To minimize your bundle size, you can import only what you need:
 
 ```javascript
 // Instead of global import, use specific interceptors directly
@@ -180,7 +180,7 @@ The system is divided into managers with unique responsibilities:
 ## 📊 Quality Metrics
 
 We take stability seriously. SyntropyFront maintains:
-- **Test Coverage**: **87%** (All files).
+- **Test Coverage**: **>91%** (Lines), **>81%** (Branches).
 - **Stryker Mutation Score**: **>71%** (Our tests truly verify logic, they don't just "pass through" it).
 - **Zero Dependencies**: We don't add third-party vulnerabilities to your project.
 

package/dist/index.cjs

@@ -2238,7 +2238,7 @@ const DOM_UTILS = {
     '[role="button"]', '[role="link"]', '[role="checkbox"]', '[role="radio"]',
     '[role="menuitem"]', '[role="option"]', '[role="switch"]', '[role="tab"]',
     '.interactive', '.btn', '.clickable', // Convention selectors
-    '[onclick]', '[ng-click]', '[v-on:click]', '[@click]' // Selectores de framework
+    '[onclick]', '[ng-click]', '[v-on:click]' // Framework click attributes (@click is invalid in CSS selectors)
   ].join(', '),
 
   /**
@@ -2264,14 +2264,18 @@ const DOM_UTILS = {
   },
 
   /**
-     * Finds the interactive target using closest() with CSS fallback (declarative).
-     */
+   * Finds the interactive target using closest() with CSS fallback (declarative).
+   * Uses try/catch so invalid selectors (e.g. from old bundles) don't break the app.
+   */
   findInteractiveTarget: (el) => {
-    // Guard: valid element
     if (!el || el === document.body || el.nodeType !== 1) return null;
-
-    // Declarative search via closest()
-    return el.closest(DOM_UTILS.INTERACTIVE_SELECTOR) || DOM_UTILS.findTargetByStyle(el);
+    try {
+      const found = el.closest(DOM_UTILS.INTERACTIVE_SELECTOR);
+      if (found) return found;
+    } catch (_) {
+      // Invalid selector (e.g. [@click] in old builds) or browser quirk; fallback only
+    }
+    return DOM_UTILS.findTargetByStyle(el);
   },
 
   /**