cotomy 1.0.4 → 1.0.5

package/README.md

@@ -255,8 +255,15 @@ 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.
+- `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.
+
+### UTC Renderer
+
+- Supports ISO 8601 offsets (`+09:00`, `-05:00`)
+- Explicitly supports `Z` (UTC indicator)
+- Offset-less timestamps are treated as UTC (internally appends "Z" before parsing)
+- `data-cotomy-timezone` is optional. When omitted, output stays local; when set, output is converted to the specified IANA timezone (supports ancestor inheritance).
 
 Example:
 

package/dist/browser/cotomy.js

@@ -289,6 +289,12 @@ __webpack_require__.d(__webpack_exports__, {
 // EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
 var dayjs_min = __webpack_require__(353);
 var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
+// EXTERNAL MODULE: ./node_modules/dayjs/plugin/timezone.js
+var timezone = __webpack_require__(569);
+var timezone_default = /*#__PURE__*/__webpack_require__.n(timezone);
+// EXTERNAL MODULE: ./node_modules/dayjs/plugin/utc.js
+var utc = __webpack_require__(826);
+var utc_default = /*#__PURE__*/__webpack_require__.n(utc);
 ;// ./node_modules/http-status-codes/build/es/status-codes.js
 // Generated file. Do not edit
 var StatusCodes;
@@ -2257,6 +2263,10 @@ CotomyWindow._instance = null;
 
 
 
+
+
+dayjs_min_default().extend((utc_default()));
+dayjs_min_default().extend((timezone_default()));
 class CotomyApiException extends Error {
     constructor(status, message, response, bodyText = "") {
         super(message);
@@ -2451,40 +2461,21 @@ class CotomyDotBindNameGenerator {
         return parent ? `${parent}[${index}]` : `[${index}]`;
     }
 }
-class CotomyBindNameGeneratorProvider {
-    static getDefault() {
-        return this._default ?? (this._default = new CotomyBracketBindNameGenerator());
-    }
-    static setDefault(generator) {
-        this._default = generator;
-    }
-    static resetDefault() {
-        this._default = undefined;
-    }
-}
 class CotomyViewRenderer {
     static get defaultBindNameGenerator() {
-        return CotomyBindNameGeneratorProvider.getDefault();
+        return this._defaultBindNameGenerator ?? new CotomyBracketBindNameGenerator();
     }
     static set defaultBindNameGenerator(generator) {
-        CotomyBindNameGeneratorProvider.setDefault(generator);
+        this._defaultBindNameGenerator = generator;
     }
     static resetDefaultBindNameGenerator() {
-        CotomyBindNameGeneratorProvider.resetDefault();
+        this._defaultBindNameGenerator = null;
     }
     constructor(element, bindNameGenerator = CotomyViewRenderer.defaultBindNameGenerator) {
         this.element = element;
         this.bindNameGenerator = bindNameGenerator;
         this._renderers = {};
-        this._builded = false;
-    }
-    get locale() {
-        const languages = (navigator.languages && navigator.languages.length ? navigator.languages : [navigator.language]).filter(Boolean);
-        let locale = this.element.attribute("data-cotomy-locale")
-            || this.element.closest("[data-cotomy-locale]")?.attribute("data-cotomy-locale")
-            || languages[0]
-            || 'en-US';
-        return locale.includes("-") ? locale.split("-")[0] : locale;
+        this._initialized = false;
     }
     renderer(type, callback) {
         this._renderers[type] = callback;
@@ -2495,7 +2486,7 @@ class CotomyViewRenderer {
         return this._renderers;
     }
     get initialized() {
-        return this._builded;
+        return this._initialized;
     }
     initialize() {
         if (!this.initialized) {
@@ -2527,16 +2518,27 @@ class CotomyViewRenderer {
                         ...(currency ? { style: "currency", currency } : {}),
                         ...(hasFractionDigits ? { minimumFractionDigits: fractionDigits, maximumFractionDigits: fractionDigits } : {}),
                     };
-                    element.text = new Intl.NumberFormat(this.locale, options).format(value);
+                    const languages = (navigator.languages && navigator.languages.length ? navigator.languages : [navigator.language]).filter(Boolean);
+                    const localeAttribute = element.attribute("data-cotomy-locale")
+                        || element.closest("[data-cotomy-locale]")?.attribute("data-cotomy-locale")
+                        || this.element.attribute("data-cotomy-locale")
+                        || this.element.closest("[data-cotomy-locale]")?.attribute("data-cotomy-locale")
+                        || languages[0]
+                        || "en-US";
+                    const locale = localeAttribute.includes("-") ? localeAttribute.split("-")[0] : localeAttribute;
+                    element.text = new Intl.NumberFormat(locale, options).format(value);
                 }
             });
             this.renderer("utc", (element, value) => {
                 if (value) {
-                    const hasOffset = /[+-]\d{2}:\d{2}$/.test(value);
+                    const hasOffset = /([+-]\d{2}:\d{2}|Z)$/.test(value);
                     const date = hasOffset ? new Date(value) : new Date(`${value}Z`);
                     if (!isNaN(date.getTime())) {
                         const format = element.attribute("data-cotomy-format") ?? "YYYY/MM/DD HH:mm";
-                        element.text = dayjs_min_default()(date).format(format);
+                        const timezone = element.attribute("data-cotomy-timezone")
+                            || element.closest("[data-cotomy-timezone]")?.attribute("data-cotomy-timezone");
+                        const dt = dayjs_min_default()(date);
+                        element.text = timezone && timezone.trim() !== "" ? dt.tz(timezone).format(format) : dt.format(format);
                     }
                 }
             });
@@ -2545,11 +2547,14 @@ class CotomyViewRenderer {
                     const date = new Date(value);
                     if (!isNaN(date.getTime())) {
                         const format = element.attribute("data-cotomy-format") ?? "YYYY/MM/DD";
-                        element.text = dayjs_min_default()(date).format(format);
+                        const timezone = element.attribute("data-cotomy-timezone")
+                            || element.closest("[data-cotomy-timezone]")?.attribute("data-cotomy-timezone");
+                        const dt = dayjs_min_default()(date);
+                        element.text = timezone && timezone.trim() !== "" ? dt.tz(timezone).format(format) : dt.format(format);
                     }
                 }
             });
-            this._builded = true;
+            this._initialized = true;
         }
         return this;
     }
@@ -2607,6 +2612,7 @@ class CotomyViewRenderer {
         return this;
     }
 }
+CotomyViewRenderer._defaultBindNameGenerator = null;
 class CotomyApi {
     constructor(_options = {
         baseUrl: null, headers: null, credentials: null, redirect: null,
@@ -3160,12 +3166,6 @@ class CotomyEntityFillApiForm extends CotomyEntityApiForm {
     }
 }
 
-// EXTERNAL MODULE: ./node_modules/dayjs/plugin/timezone.js
-var timezone = __webpack_require__(569);
-var timezone_default = /*#__PURE__*/__webpack_require__.n(timezone);
-// EXTERNAL MODULE: ./node_modules/dayjs/plugin/utc.js
-var utc = __webpack_require__(826);
-var utc_default = /*#__PURE__*/__webpack_require__.n(utc);
 ;// ./src/page.ts