cotomy 2.0.1 → 2.0.3

package/README.md

@@ -271,6 +271,8 @@ The Form layer builds on `CotomyElement` for common form flows.
 - `utc` — Treats the value as UTC (or appends `Z` when missing) and formats with `data-cotomy-format` (default `YYYY/MM/DD HH:mm`). By default it renders in local time; set `data-cotomy-timezone` (element or ancestor) to render in a specific IANA timezone.
 - `date` — Renders local dates with `data-cotomy-format` (default `YYYY/MM/DD`) when the input is a valid `Date` value. By default it renders in local time; set `data-cotomy-timezone` (element or ancestor) to render in a specific IANA timezone.
 
+`data-cotomy-bindtype` values are matched case-insensitively and surrounding whitespace is ignored. Custom renderers registered through `renderer(type, callback)` are stored with lowercase keys. If you override the protected `renderers` map directly, keys are also matched case-insensitively.
+
 ### UTC Renderer
 
 - Supports ISO 8601 offsets (`+09:00`, `-05:00`)

package/dist/browser/cotomy.js

@@ -3154,7 +3154,7 @@ class CotomyViewRenderer {
         this._initialized = false;
     }
     renderer(type, callback) {
-        this._renderers[type] = callback;
+        this._renderers[type.trim().toLowerCase()] = callback;
         return this;
     }
     get renderers() {
@@ -3235,17 +3235,20 @@ class CotomyViewRenderer {
         return this;
     }
     bindPrimitiveValue(propertyName, value) {
+        let renderers;
         this.element.find(`[data-cotomy-bind="${propertyName}" i]`).forEach(element => {
             if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Bind)) {
                 console.debug(`Binding data to element [data-cotomy-bind="${propertyName}"]:`, value);
             }
-            const type = element.attribute("data-cotomy-bindtype")?.toLowerCase();
-            if (type && this.renderers[type]) {
-                this.renderers[type](element, value);
-            }
-            else {
-                element.text = String(value ?? "");
+            const type = element.attribute("data-cotomy-bindtype")?.trim().toLowerCase();
+            if (type) {
+                renderers ?? (renderers = Object.fromEntries(Object.entries(this.renderers).map(([key, renderer]) => [key.toLowerCase(), renderer])));
+                if (renderers[type]) {
+                    renderers[type](element, value);
+                    return;
+                }
             }
+            element.text = String(value ?? "");
         });
     }
     async applyArrayAsync(values, propertyName) {