snice 4.37.0 → 4.38.1

package/dist/index.iife.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.36.2
+ * snice v4.38.0
  * A decorator-driven web component library with differential rendering, routing, controllers, and 130+ ready-made UI components. Use as much or as little as you want. Zero dependencies, works anywhere.
  * (c) 2024
  * Released under the MIT License.
@@ -1370,7 +1370,7 @@ var Snice = (function (exports) {
                         else if (char === '=') {
                             // Extract attribute name (look backwards for it)
                             let attrStart = j - 1;
-                            while (attrStart >= 0 && /[\w\-\.@\?]/.test(str[attrStart])) {
+                            while (attrStart >= 0 && /[\w\-\.@\?:\+]/.test(str[attrStart])) {
                                 attrStart--;
                             }
                             currentAttrName = str.substring(attrStart + 1, j).trim();
@@ -1398,7 +1398,7 @@ var Snice = (function (exports) {
                     if (trimmed.endsWith('=')) {
                         // Extract attribute name
                         let attrStart = trimmed.length - 2;
-                        while (attrStart >= 0 && /[\w\-\.@\?\/]/.test(trimmed[attrStart])) {
+                        while (attrStart >= 0 && /[\w\-\.@\?\/:\+]/.test(trimmed[attrStart])) {
                             attrStart--;
                         }
                         currentAttrName = trimmed.substring(attrStart + 1, trimmed.length - 1).trim();
@@ -2847,7 +2847,7 @@ var Snice = (function (exports) {
         }
         // Clear any pending debounce timer
         for (const handler of handlers) {
-            if (handler.options.debounce && element[CONTEXT_TIMER]) {
+            if (element[CONTEXT_TIMER]) {
                 clearTimeout(element[CONTEXT_TIMER]);
                 delete element[CONTEXT_TIMER];
             }
@@ -3468,6 +3468,15 @@ var Snice = (function (exports) {
                 constructor[PROPERTIES].set(key, value);
             }
         }
+        else if (_pendingProperties.length > 0) {
+            // Symbol.metadata unavailable — drain the pending stack
+            if (!constructor[PROPERTIES])
+                constructor[PROPERTIES] = new Map();
+            const pending = _pendingProperties.pop();
+            for (const [key, value] of pending) {
+                constructor[PROPERTIES].set(key, value);
+            }
+        }
         if (options?.formAssociated)
             constructor.formAssociated = true;
         applyElementFunctionality(constructor);
@@ -3489,17 +3498,26 @@ var Snice = (function (exports) {
             return defineElement(tagName, constructor, context);
         };
     }
+    // Fallback stack for environments where Symbol.metadata is unavailable.
+    // @property pushes entries; @element pops them. Works because field decorators
+    // run synchronously before the class decorator in the same static block.
+    const _pendingProperties = [];
     function property(options) {
         return function (_value, context) {
             const propertyKey = context.name;
             // Use metadata to store property information at decoration time
-            if (!context.metadata) {
-                context.metadata = {};
+            if (context.metadata) {
+                if (!context.metadata[PROPERTIES]) {
+                    context.metadata[PROPERTIES] = new Map();
+                }
+                context.metadata[PROPERTIES].set(propertyKey, options || {});
             }
-            if (!context.metadata[PROPERTIES]) {
-                context.metadata[PROPERTIES] = new Map();
+            else {
+                // Symbol.metadata unavailable — use the pending stack instead
+                if (_pendingProperties.length === 0)
+                    _pendingProperties.push(new Map());
+                _pendingProperties[_pendingProperties.length - 1].set(propertyKey, options || {});
             }
-            context.metadata[PROPERTIES].set(propertyKey, options || {});
             // Return a field initializer function for new decorators
             return function (initialValue) {
                 // Ensure constructor[PROPERTIES] exists
@@ -3578,9 +3596,9 @@ var Snice = (function (exports) {
                                 else {
                                     this.setAttribute?.(attributeName, attributeValue);
                                 }
-                                setTimeout(() => {
+                                queueMicrotask(() => {
                                     this[SETTING_FROM_PROPERTY]?.delete(attributeName.toLowerCase());
-                                }, 0);
+                                });
                             }
                             invokeWatchers(this, this.constructor, propertyKey, oldValue, newValue);
                             if (this[RENDER_METHOD] && this[INITIALIZED]) {