cotomy 0.3.12 → 0.3.14

package/README.md

@@ -243,6 +243,7 @@ The Form layer builds on `CotomyElement` for common form flows.
 
 - `mail`, `tel`, `url` — Wrap the value in a corresponding anchor tag.
 - `number` — Uses `Intl.NumberFormat` with `data-cotomy-locale`/`data-cotomy-currency` inheritance.
+  - `data-cotomy-fraction-digits="2"` — Forces fixed fraction digits (sets both `minimumFractionDigits` and `maximumFractionDigits`). Works with or without `data-cotomy-currency` (e.g. `0` → `0.00`).
 - `utc` — Treats the value as UTC (or appends `Z` when missing) and formats with `data-cotomy-format` (default `YYYY/MM/DD HH:mm`).
 - `date` — Renders local dates with `data-cotomy-format` (default `YYYY/MM/DD`) when the input is a valid `Date` value.
 

package/dist/browser/cotomy.js

@@ -893,7 +893,7 @@ class CotomyElement {
         return new ctor(element);
     }
     static last(selector, type) {
-        const elements = this.find(selector, type);
+        const elements = CotomyElement.find(selector, type);
         return elements.pop();
     }
     static find(selector, type) {
@@ -905,7 +905,9 @@ class CotomyElement {
         return document.querySelector(selector) !== null;
     }
     static byId(id, type) {
-        return this.first(`#${id}`, type);
+        const element = document.getElementById(id);
+        const ctor = (type ?? CotomyElement);
+        return !element ? undefined : new ctor(element);
     }
     static containsById(id) {
         return document.getElementById(id) !== null;
@@ -2274,9 +2276,16 @@ class CotomyViewRenderer {
                 if (value !== undefined && value !== null) {
                     const currency = element.attribute("data-cotomy-currency")
                         || element.closest("[data-cotomy-currency]")?.attribute("data-cotomy-currency");
-                    element.text = currency
-                        ? new Intl.NumberFormat(this.locale, { style: "currency", currency: currency }).format(value)
-                        : new Intl.NumberFormat(this.locale).format(value);
+                    const fractionDigitsAttribute = element.attribute("data-cotomy-fraction-digits")
+                        || element.closest("[data-cotomy-fraction-digits]")?.attribute("data-cotomy-fraction-digits");
+                    const fractionDigits = fractionDigitsAttribute ? Number.parseInt(fractionDigitsAttribute, 10) : undefined;
+                    const hasFractionDigits = Number.isFinite(fractionDigits)
+                        && fractionDigits && fractionDigits >= 0 && fractionDigits <= 20;
+                    const options = {
+                        ...(currency ? { style: "currency", currency } : {}),
+                        ...(hasFractionDigits ? { minimumFractionDigits: fractionDigits, maximumFractionDigits: fractionDigits } : {}),
+                    };
+                    element.text = new Intl.NumberFormat(this.locale, options).format(value);
                 }
             });
             this.renderer("utc", (element, value) => {