cotomy 2.0.2 → 2.0.3

package/README.md

@@ -271,7 +271,7 @@ 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, return lowercase keys such as `date` or `customtype`.
+`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
 

package/dist/browser/cotomy.js

@@ -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")?.trim().toLowerCase();
-            if (type && this.renderers[type]) {
-                this.renderers[type](element, value);
-            }
-            else {
-                element.text = String(value ?? "");
+            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) {