snice 3.10.5 → 4.0.0

package/dist/index.iife.js

@@ -1,5 +1,5 @@
 /*!
- * snice v3.10.4
+ * snice v3.11.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
@@ -1332,8 +1332,10 @@ var Snice = (function (exports) {
             this.element = element;
             // Parse keyboard shortcuts:
             // Supports both dot notation (@keydown.enter) and colon notation (@keydown:Enter) to match @on decorator
+            // Only parse colons for keyboard events, not custom events
+            const isKeyboardEvent = ['keydown', 'keyup', 'keypress'].includes(eventName.split('.')[0].split(':')[0]);
             const dotIndex = eventName.indexOf('.');
-            const colonIndex = eventName.indexOf(':');
+            const colonIndex = isKeyboardEvent ? eventName.indexOf(':') : -1;
             // Use whichever delimiter comes first (dot or colon)
             const delimiterIndex = dotIndex > 0 && colonIndex > 0
                 ? Math.min(dotIndex, colonIndex)
@@ -1762,8 +1764,10 @@ var Snice = (function (exports) {
             const handlerOptions = handler.options || {};
             // Parse event name for key modifiers
             // Supports both dot notation (@keydown.enter) and colon notation (@keydown:Enter)
+            // Only parse colons for keyboard events, not custom events
+            const isKeyboardEvent = ['keydown', 'keyup', 'keypress'].includes(handler.eventName.split('.')[0].split(':')[0]);
             const dotIndex = handler.eventName.indexOf('.');
-            const colonIndex = handler.eventName.indexOf(':');
+            const colonIndex = isKeyboardEvent ? handler.eventName.indexOf(':') : -1;
             const delimiterIndex = dotIndex > 0 && colonIndex > 0
                 ? Math.min(dotIndex, colonIndex)
                 : Math.max(dotIndex, colonIndex);