snice 3.10.5 → 4.0.0

package/dist/index.esm.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.
@@ -1329,8 +1329,10 @@ class EventPart extends Part {
         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)
@@ -1759,8 +1761,10 @@ function setupEventHandlers(instance, targetElement) {
         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);