@mintjamsinc/ichigojs 0.1.62 → 0.1.63

package/dist/ichigo.esm.js

@@ -7615,7 +7615,9 @@ class VBindDirective {
      * (lowercased) HTML attribute name.  HTML attributes are always lowercase,
      * but custom element props are typically camelCase.  This method checks the
      * element's declared _props (set by defineComponent) for a case-insensitive
-     * match, falling back to scanning the prototype's own property descriptors.
+     * match against both the raw attribute name and its kebab-case → camelCase
+     * conversion (so `user-name` resolves to `userName`), falling back to the
+     * original name when no match is found.
      */
     #resolveCustomElementPropertyName(element, name) {
         // Fast path: exact match already exists
@@ -7626,13 +7628,23 @@ class VBindDirective {
         const props = element.constructor._props;
         if (Array.isArray(props)) {
             const lowerName = name.toLowerCase();
-            const match = props.find(p => p.toLowerCase() === lowerName);
+            const camelName = this.#kebabToCamel(lowerName);
+            const match = props.find(p => {
+                const lowerProp = p.toLowerCase();
+                return lowerProp === lowerName || lowerProp === camelName.toLowerCase() || p === camelName;
+            });
             if (match) {
                 return match;
             }
         }
         return name;
     }
+    /**
+     * Converts kebab-case to camelCase (e.g. `user-name` → `userName`).
+     */
+    #kebabToCamel(str) {
+        return str.replace(/-([a-z0-9])/g, (_, c) => c.toUpperCase());
+    }
     /**
      * Checks if the attribute should be set as a DOM property.
      */