@aurodesignsystem-dev/auro-datetime 0.0.0-pr82.7 → 0.0.0-pr82.9

package/demo/api.md

@@ -11,7 +11,7 @@ The `auro-datetime` element is for the purposes of providing an easy to use date
 | ---------- | ---------- | --------- | ------------------------------------------------------------------------ | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | locale     | locale     |           | string                                                                   | `en-US` | BCP 47 language tag for locale-aware date/time formatting (e.g. 'en-GB', 'de-DE', 'ja-JP').                                                                                                                                                                                                                              |
 | month      | month      |           | `short` \| `long`                                                        | `short` | Defines format of month                                                                                                                                                                                                                                                                                                  |
-| timeZone   | timeZone   |           | string                                                                   |         | Pass in string to define [timeZone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).<br>When set, the moment described by `value` is converted into this IANA zone for display.<br>When unset, the wall-clock time from the input string is rendered as-is.                                                |
+| timezone   | timezone   |           | string                                                                   |         | Pass in string to define [timezone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).<br>When set, the moment described by `value` is converted into this IANA zone for display.<br>When unset, the wall-clock time from the input string is rendered as-is.                                                |
 | type       | type       |           | `date` \| `time` \| `year` \| `month` \| `weekday` \| `day` \| `numeric` |         | Defines type of data to render                                                                                                                                                                                                                                                                                           |
 | value      | value      |           | string                                                                   |         | ISO 8601 date or date-time string. Examples:<br>- `2022-07-14T08:00:00-07:00` (with offset)<br>- `2022-07-14T08:00:00Z` (UTC)<br>- `2022-07-14T08:00:00` (no offset)<br>- `2022-07-14` (date only)<br><br>When omitted, the component renders today's date.<br>Invalid input is logged as a warning and renders nothing. |
 | weekday    | weekday    |           | `short` \| `long`                                                        | `short` | Defines format of weekday                                                                                                                                                                                                                                                                                                |
@@ -229,7 +229,7 @@ Using the `auro-datetime` element with `type=numeric` will return the **current
 
 #### Wall-clock display from offset
 
-When the `value` attribute contains a timezone offset (or `Z`) and no `timeZone` attribute is set, the component renders the **wall-clock** components from the input verbatim. This is the right behavior for displaying local airport time on a flight schedule, where the offset describes the location of the flight rather than the viewer.
+When the `value` attribute contains a timezone offset (or `Z`) and no `timezone` attribute is set, the component renders the **wall-clock** components from the input verbatim. This is the right behavior for displaying local airport time on a flight schedule, where the offset describes the location of the flight rather than the viewer.
 
 Example using `2022-07-13T21:35:00-07:00`. The same string is rendered identically regardless of the viewer's location.
 
@@ -254,7 +254,7 @@ Example using `2022-07-13T21:35:00-07:00`. The same string is rendered identical
 
 ### UTC (Zulu) input
 
-The `value` attribute also accepts ISO 8601 strings ending in the `Z` designator. Without a `timeZone` attribute, the wall-clock components are rendered as written. To convert into a viewer-meaningful timezone, also set `timeZone` (see the timezone example).
+The `value` attribute also accepts ISO 8601 strings ending in the `Z` designator. Without a `timezone` attribute, the wall-clock components are rendered as written. To convert into a viewer-meaningful timezone, also set `timezone` (see the timezone example).
 
 <div class="exampleWrapper">
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/utc.html) -->
@@ -277,19 +277,19 @@ The `value` attribute also accepts ISO 8601 strings ending in the `Z` designator
 <!-- AURO-GENERATED-CONTENT:END -->
 </auro-accordion>
 
-### Combining `value` and `timeZone`
+### Combining `value` and `timezone`
 
-How the `timeZone` attribute composes with the input depends on whether `value` carries an offset:
+How the `timezone` attribute composes with the input depends on whether `value` carries an offset:
 
-- **`value` has an offset (or `Z`):** the offset anchors the absolute moment; `timeZone` is the display zone. Example: `value="2022-07-14T08:00:00-04:00" timezone="US/Pacific"` renders as `5:00 am` (8am Eastern → 5am Pacific).
-- **`value` has no offset:** the wall-clock is interpreted as being in `timeZone`, so display in that same zone matches the input verbatim. Example: `value="2022-07-14T08:00:00" timezone="US/Eastern"` renders as `8:00 am` regardless of where the viewer is. This is the recommended shape when consumers know the source zone but don't have an offset readily available (e.g. flight-schedule data keyed by airport).
+- **`value` has an offset (or `Z`):** the offset anchors the absolute moment; `timezone` is the display zone. Example: `value="2022-07-14T08:00:00-04:00" timezone="US/Pacific"` renders as `5:00 am` (8am Eastern → 5am Pacific).
+- **`value` has no offset:** the wall-clock is interpreted as being in `timezone`, so display in that same zone matches the input verbatim. Example: `value="2022-07-14T08:00:00" timezone="US/Eastern"` renders as `8:00 am` regardless of where the viewer is. This is the recommended shape when consumers know the source zone but don't have an offset readily available (e.g. flight-schedule data keyed by airport).
 
-#### Invalid `timeZone` and `locale` values
+#### Invalid `timezone` and `locale` values
 
 Both attributes are validated up-front. Invalid inputs do **not** crash the component — they fall back gracefully and log a `console.warn` (deduplicated per element):
 
 - **Invalid `locale`** (e.g. `"xx-INVALID-tag"`) → falls back to `"en-US"`.
-- **Invalid `timeZone`** (e.g. `"US/Pacfic"` typo) → falls back to behaving as if `timeZone` was not specified. With `value` set, that means wall-clock display from the input components — visually the same string for every viewer. With `value` unset, that means the current time in the viewer's machine zone. The warning surfaces the typo so the developer can fix it.
+- **Invalid `timezone`** (e.g. `"US/Pacfic"` typo) → falls back to behaving as if `timezone` was not specified. With `value` set, that means wall-clock display from the input components — visually the same string for every viewer. With `value` unset, that means the current time in the viewer's machine zone. The warning surfaces the typo so the developer can fix it.
 
 ## Slot Examples
 

package/demo/auro-datetime.min.js

@@ -150,11 +150,23 @@ class AuroDatetime extends i {
      */
     this._warnedTimeZones = new Set();
 
+    /**
+     * Tracks invalid value inputs already warned about. Same dedup
+     * pattern as `_warnedLocales`.
+     * @private
+     */
+    this._warnedValues = new Set();
+
     /**
      * @private
      */
     this._effectiveLocale = this._resolveLocale(this.locale);
 
+    /**
+     * @private
+     */
+    this._effectiveTimeZone = this._resolveTimeZone(this.timezone);
+
     /**
      * @private
      */
@@ -190,7 +202,7 @@ class AuroDatetime extends i {
   /**
    * Validate an IANA timezone identifier. Invalid input warns once per
    * unique value per element and resolves to `undefined`, which makes
-   * the rest of `_resolveInputDate` behave as if `timeZone` was never
+   * the rest of `_resolveInputDate` behave as if `timezone` was never
    * specified — i.e. wall-clock display from the input components.
    *
    * Without this guard, a typo like `"US/Pacfic"` would cause
@@ -263,11 +275,11 @@ class AuroDatetime extends i {
       month: { type: String },
 
       /**
-       * Pass in string to define [timeZone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
+       * Pass in string to define [timezone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
        * When set, the moment described by `value` is converted into this IANA zone for display.
        * When unset, the wall-clock time from the input string is rendered as-is.
        */
-      timeZone: { type: String },
+      timezone: { type: String },
 
       /**
        * Defines type of data to render
@@ -312,6 +324,9 @@ class AuroDatetime extends i {
     if (changedProperties.has("locale")) {
       this._effectiveLocale = this._resolveLocale(this.locale);
     }
+    if (changedProperties.has("timezone")) {
+      this._effectiveTimeZone = this._resolveTimeZone(this.timezone);
+    }
   }
 
   firstUpdated() {
@@ -357,30 +372,30 @@ class AuroDatetime extends i {
   }
 
   /**
-   * Resolve the `value` and `timeZone` attributes into a Date and an optional
+   * Resolve the `value` and `timezone` attributes into a Date and an optional
    * timeZone option for `Intl.DateTimeFormat`.
    *
    * Behavior:
-   * - `value` omitted (null/undefined): returns today's date. `timeZone`
+   * - `value` omitted (null/undefined): returns today's date. `timezone`
    *   (if any) is honored.
    * - `value` invalid (including empty string ""): warns and returns
    *   `{ date: null }`. Empty is *not* the same as omitted — Lit reflects
    *   `value=""` as the empty string, which is not a valid ISO 8601
    *   form, so we surface it as a typo rather than silently rendering
    *   today's date.
-   * - `timeZone` set + input has offset/Z: parses as an absolute moment
+   * - `timezone` set + input has offset/Z: parses as an absolute moment
    *   (offset honored) and asks `toLocaleString` to convert into the target zone.
-   * - `timeZone` set + input has no offset: interprets the wall-clock as
+   * - `timezone` set + input has no offset: interprets the wall-clock as
    *   being in the target zone, so display in that zone matches the input
    *   verbatim. This is viewer-independent.
-   * - Default (no `timeZone`): strips the offset/Z from the input and treats
+   * - Default (no `timezone`): strips the offset/Z from the input and treats
    *   the remaining wall-clock components as local time, so they render verbatim.
    *
    * @private
    * @returns {{ date: Date | null, timeZoneOption: string | undefined }}
    */
   _resolveInputDate() {
-    const resolvedTz = this._resolveTimeZone(this.timeZone);
+    const resolvedTz = this._effectiveTimeZone;
 
     // Only true "omitted" inputs (null/undefined) get the today's-date
     // treatment. Empty string falls through to ISO validation, which will
@@ -391,9 +406,12 @@ class AuroDatetime extends i {
 
     const match = this.value.match(ISO_8601_REGEX);
     if (!match) {
-      console.warn(
-        `auro-datetime: "${this.value}" is not a valid ISO 8601 string.`,
-      );
+      if (!this._warnedValues.has(this.value)) {
+        this._warnedValues.add(this.value);
+        console.warn(
+          `auro-datetime: "${this.value}" is not a valid ISO 8601 string.`,
+        );
+      }
       return { date: null, timeZoneOption: undefined };
     }
 
@@ -406,9 +424,12 @@ class AuroDatetime extends i {
     // would silently drop the offset, producing surprising output. Reject
     // them up front so the consumer sees a warning.
     if (hasOffset && !localPart.includes("T")) {
-      console.warn(
-        `auro-datetime: "${this.value}" is not a valid ISO 8601 string (offset/Z requires a time component).`,
-      );
+      if (!this._warnedValues.has(this.value)) {
+        this._warnedValues.add(this.value);
+        console.warn(
+          `auro-datetime: "${this.value}" is not a valid ISO 8601 string (offset/Z requires a time component).`,
+        );
+      }
       return { date: null, timeZoneOption: undefined };
     }
 
@@ -436,9 +457,12 @@ class AuroDatetime extends i {
 
     const date = buildDate();
     if (Number.isNaN(date.getTime())) {
-      console.warn(
-        `auro-datetime: "${this.value}" is not a valid ISO 8601 date.`,
-      );
+      if (!this._warnedValues.has(this.value)) {
+        this._warnedValues.add(this.value);
+        console.warn(
+          `auro-datetime: "${this.value}" is not a valid ISO 8601 date.`,
+        );
+      }
       return { date: null, timeZoneOption: undefined };
     }
 

package/dist/auro-datetime-39FU0ZIU.js

@@ -0,0 +1,6 @@
+import{LitElement as e,html as t}from"lit";class i{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,i=(t,a=t&&t.closest(e))=>t&&t!==document&&t!==window?a||i(t.getRootNode().host):null){return i(t)}handleComponentTagRename(e,t){const i=t.toLowerCase();e.tagName.toLowerCase()!==i&&e.setAttribute(i,!0)}elementMatch(e,t){const i=t.toLowerCase();return e.tagName.toLowerCase()===i||e.hasAttribute(i)}getSlotText(e,t){const i=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return(i?.assignedNodes({flatten:!0})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}const a=/^(\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}(?::\d{2}(?:\.\d+)?)?)?)(Z|[+-]\d{2}:\d{2})?$/u;class n extends e{constructor(){super(),this._initializeDefaults()}_initializeDefaults(){this.weekday="short",this.month="short",this.locale="en-US",this._warnedLocales=new Set,this._warnedTimeZones=new Set,this._warnedValues=new Set,this._effectiveLocale=this._resolveLocale(this.locale),this._effectiveTimeZone=this._resolveTimeZone(this.timezone),this.runtimeUtils=new i}_resolveLocale(e){if(!e)return"en-US";try{return Intl.getCanonicalLocales(e)[0]}catch{return this._warnedLocales&&!this._warnedLocales.has(e)&&(this._warnedLocales.add(e),console.warn(`auro-datetime: "${e}" is not a valid BCP 47 locale tag. Falling back to "en-US".`)),"en-US"}}_resolveTimeZone(e){if(e)try{return new Intl.DateTimeFormat(void 0,{timeZone:e}),e}catch{return void(this._warnedTimeZones&&!this._warnedTimeZones.has(e)&&(this._warnedTimeZones.add(e),console.warn(`auro-datetime: "${e}" is not a valid IANA timezone. Falling back to viewer-local.`)))}}connectedCallback(){super.connectedCallback(),this.dateTemplate={weekday:this.weekday,year:"numeric",month:this.month,day:"numeric"},this.timeTemplate={hour:"2-digit",minute:"2-digit"}}static get properties(){return{locale:{type:String},month:{type:String},timezone:{type:String},type:{type:String},value:{type:String},weekday:{type:String}}}static register(e="auro-datetime"){i.prototype.registerComponent(e,n)}willUpdate(e){e.has("locale")&&(this._effectiveLocale=this._resolveLocale(this.locale)),e.has("timezone")&&(this._effectiveTimeZone=this._resolveTimeZone(this.timezone))}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-datetime")}_zonedWallClockToUtc(e,t){const i=new Date(`${e}Z`),a=new Intl.DateTimeFormat("en-US",{timeZone:t,hourCycle:"h23",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).formatToParts(i),n=Object.fromEntries(a.filter(e=>"literal"!==e.type).map(e=>[e.type,e.value])),o=new Date(`${n.year}-${n.month}-${n.day}T${n.hour}:${n.minute}:${n.second}Z`),s=i.getTime()-o.getTime();return new Date(i.getTime()+s)}_resolveInputDate(){const e=this._effectiveTimeZone;if(null==this.value)return{date:new Date,timeZoneOption:e};const t=this.value.match(a);if(!t)return this._warnedValues.has(this.value)||(this._warnedValues.add(this.value),console.warn(`auro-datetime: "${this.value}" is not a valid ISO 8601 string.`)),{date:null,timeZoneOption:void 0};const i=t[1],n=Boolean(t[2]);if(n&&!i.includes("T"))return this._warnedValues.has(this.value)||(this._warnedValues.add(this.value),console.warn(`auro-datetime: "${this.value}" is not a valid ISO 8601 string (offset/Z requires a time component).`)),{date:null,timeZoneOption:void 0};const o=i.includes("T")?i:`${i}T00:00:00`,s=(()=>e&&!n?this._zonedWallClockToUtc(o,e):e&&n?new Date(this.value):new Date(o))();return Number.isNaN(s.getTime())?(this._warnedValues.has(this.value)||(this._warnedValues.add(this.value),console.warn(`auro-datetime: "${this.value}" is not a valid ISO 8601 date.`)),{date:null,timeZoneOption:void 0}):{date:s,timeZoneOption:e}}humanDate(){const{date:e,timeZoneOption:t}=this._resolveInputDate();if(!e)return"";const i={...this.dateTemplate};return t&&(i.timeZone=t),e.toLocaleString(this._effectiveLocale,i)}humanDateConversion(){const{date:e,timeZoneOption:t}=this._resolveInputDate();if(!e)return"";const i={};switch(t&&(i.timeZone=t),this.type){case"day":i.day="numeric";break;case"month":i.month=this.month;break;case"year":i.year="numeric";break;case"weekday":i.weekday=this.weekday}return e.toLocaleString(this._effectiveLocale,i)}numericDate(){const{date:e,timeZoneOption:t}=this._resolveInputDate();if(!e)return"";const i={...this.dateTemplate,month:"numeric"};return Reflect.deleteProperty(i,"weekday"),t&&(i.timeZone=t),e.toLocaleString(this._effectiveLocale,i)}humanTime(){const{date:e,timeZoneOption:t}=this._resolveInputDate();if(!e)return"";const i={...this.timeTemplate};t&&(i.timeZone=t);const a=e.toLocaleString(this._effectiveLocale,i);return/[ap]\.?m\.?/iu.test(a)?a.replace(/^0+/u,"").toLowerCase():a}whichDate(){switch(this.type){case"date":default:return this.humanDate();case"time":return this.humanTime();case"year":case"month":case"weekday":case"day":return this.humanDateConversion();case"numeric":return this.numericDate()}}render(){return t`
+      <slot name="pre"></slot>
+      <span class="yield">${this.whichDate()}</span>
+      <slot name="post"></slot>
+      <slot></slot>
+    `}}export{n as A};

package/dist/index.d.ts

@@ -77,10 +77,10 @@ export type AuroDatetimeProps = {
   locale?: AuroDatetime["locale"];
   /** Defines format of month */
   month?: AuroDatetime["month"];
-  /** Pass in string to define [timeZone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
+  /** Pass in string to define [timezone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
 When set, the moment described by `value` is converted into this IANA zone for display.
 When unset, the wall-clock time from the input string is rendered as-is. */
-  timeZone?: AuroDatetime["timeZone"];
+  timezone?: AuroDatetime["timezone"];
   /** Defines type of data to render */
   type?: AuroDatetime["type"];
   /** ISO 8601 date or date-time string. Examples:
@@ -101,10 +101,10 @@ export type AuroDatetimeSolidJsProps = {
   "prop:locale"?: AuroDatetime["locale"];
   /** Defines format of month */
   "prop:month"?: AuroDatetime["month"];
-  /** Pass in string to define [timeZone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
+  /** Pass in string to define [timezone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
 When set, the moment described by `value` is converted into this IANA zone for display.
 When unset, the wall-clock time from the input string is rendered as-is. */
-  "prop:timeZone"?: AuroDatetime["timeZone"];
+  "prop:timezone"?: AuroDatetime["timezone"];
   /** Defines type of data to render */
   "prop:type"?: AuroDatetime["type"];
   /** ISO 8601 date or date-time string. Examples:
@@ -135,7 +135,7 @@ export type CustomElements = {
    *
    * - `locale`: BCP 47 language tag for locale-aware date/time formatting (e.g. 'en-GB', 'de-DE', 'ja-JP').
    * - `month`: Defines format of month
-   * - `timeZone`: Pass in string to define [timeZone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
+   * - `timezone`: Pass in string to define [timezone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
    * When set, the moment described by `value` is converted into this IANA zone for display.
    * When unset, the wall-clock time from the input string is rendered as-is.
    * - `type`: Defines type of data to render
@@ -178,7 +178,7 @@ export type CustomElementsSolidJs = {
    *
    * - `locale`: BCP 47 language tag for locale-aware date/time formatting (e.g. 'en-GB', 'de-DE', 'ja-JP').
    * - `month`: Defines format of month
-   * - `timeZone`: Pass in string to define [timeZone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
+   * - `timezone`: Pass in string to define [timezone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
    * When set, the moment described by `value` is converted into this IANA zone for display.
    * When unset, the wall-clock time from the input string is rendered as-is.
    * - `type`: Defines type of data to render

package/dist/index.js

@@ -1 +1 @@
-export{A as AuroDatetime}from"./auro-datetime-Cq0WDk5L.js";import"lit";
+export{A as AuroDatetime}from"./auro-datetime-39FU0ZIU.js";import"lit";

package/dist/registered.js

@@ -1 +1 @@
-import{A as r}from"./auro-datetime-Cq0WDk5L.js";import"lit";r.register();
+import{A as r}from"./auro-datetime-39FU0ZIU.js";import"lit";r.register();

package/package.json

@@ -7,7 +7,7 @@
     "================================================================================"
   ],
   "name": "@aurodesignsystem-dev/auro-datetime",
-  "version": "0.0.0-pr82.7",
+  "version": "0.0.0-pr82.9",
   "description": "auro-datetime HTML custom element",
   "repository": {
     "type": "git",

package/dist/auro-datetime-Cq0WDk5L.js

@@ -1,6 +0,0 @@
-import{LitElement as e,html as t}from"lit";class n{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,n=(t,i=t&&t.closest(e))=>t&&t!==document&&t!==window?i||n(t.getRootNode().host):null){return n(t)}handleComponentTagRename(e,t){const n=t.toLowerCase();e.tagName.toLowerCase()!==n&&e.setAttribute(n,!0)}elementMatch(e,t){const n=t.toLowerCase();return e.tagName.toLowerCase()===n||e.hasAttribute(n)}getSlotText(e,t){const n=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return(n?.assignedNodes({flatten:!0})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}const i=/^(\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}(?::\d{2}(?:\.\d+)?)?)?)(Z|[+-]\d{2}:\d{2})?$/u;class a extends e{constructor(){super(),this._initializeDefaults()}_initializeDefaults(){this.weekday="short",this.month="short",this.locale="en-US",this._warnedLocales=new Set,this._warnedTimeZones=new Set,this._effectiveLocale=this._resolveLocale(this.locale),this.runtimeUtils=new n}_resolveLocale(e){if(!e)return"en-US";try{return Intl.getCanonicalLocales(e)[0]}catch{return this._warnedLocales&&!this._warnedLocales.has(e)&&(this._warnedLocales.add(e),console.warn(`auro-datetime: "${e}" is not a valid BCP 47 locale tag. Falling back to "en-US".`)),"en-US"}}_resolveTimeZone(e){if(e)try{return new Intl.DateTimeFormat(void 0,{timeZone:e}),e}catch{return void(this._warnedTimeZones&&!this._warnedTimeZones.has(e)&&(this._warnedTimeZones.add(e),console.warn(`auro-datetime: "${e}" is not a valid IANA timezone. Falling back to viewer-local.`)))}}connectedCallback(){super.connectedCallback(),this.dateTemplate={weekday:this.weekday,year:"numeric",month:this.month,day:"numeric"},this.timeTemplate={hour:"2-digit",minute:"2-digit"}}static get properties(){return{locale:{type:String},month:{type:String},timeZone:{type:String},type:{type:String},value:{type:String},weekday:{type:String}}}static register(e="auro-datetime"){n.prototype.registerComponent(e,a)}willUpdate(e){e.has("locale")&&(this._effectiveLocale=this._resolveLocale(this.locale))}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-datetime")}_zonedWallClockToUtc(e,t){const n=new Date(`${e}Z`),i=new Intl.DateTimeFormat("en-US",{timeZone:t,hourCycle:"h23",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).formatToParts(n),a=Object.fromEntries(i.filter(e=>"literal"!==e.type).map(e=>[e.type,e.value])),o=new Date(`${a.year}-${a.month}-${a.day}T${a.hour}:${a.minute}:${a.second}Z`),s=n.getTime()-o.getTime();return new Date(n.getTime()+s)}_resolveInputDate(){const e=this._resolveTimeZone(this.timeZone);if(null==this.value)return{date:new Date,timeZoneOption:e};const t=this.value.match(i);if(!t)return console.warn(`auro-datetime: "${this.value}" is not a valid ISO 8601 string.`),{date:null,timeZoneOption:void 0};const n=t[1],a=Boolean(t[2]);if(a&&!n.includes("T"))return console.warn(`auro-datetime: "${this.value}" is not a valid ISO 8601 string (offset/Z requires a time component).`),{date:null,timeZoneOption:void 0};const o=n.includes("T")?n:`${n}T00:00:00`,s=(()=>e&&!a?this._zonedWallClockToUtc(o,e):e&&a?new Date(this.value):new Date(o))();return Number.isNaN(s.getTime())?(console.warn(`auro-datetime: "${this.value}" is not a valid ISO 8601 date.`),{date:null,timeZoneOption:void 0}):{date:s,timeZoneOption:e}}humanDate(){const{date:e,timeZoneOption:t}=this._resolveInputDate();if(!e)return"";const n={...this.dateTemplate};return t&&(n.timeZone=t),e.toLocaleString(this._effectiveLocale,n)}humanDateConversion(){const{date:e,timeZoneOption:t}=this._resolveInputDate();if(!e)return"";const n={};switch(t&&(n.timeZone=t),this.type){case"day":n.day="numeric";break;case"month":n.month=this.month;break;case"year":n.year="numeric";break;case"weekday":n.weekday=this.weekday}return e.toLocaleString(this._effectiveLocale,n)}numericDate(){const{date:e,timeZoneOption:t}=this._resolveInputDate();if(!e)return"";const n={...this.dateTemplate,month:"numeric"};return Reflect.deleteProperty(n,"weekday"),t&&(n.timeZone=t),e.toLocaleString(this._effectiveLocale,n)}humanTime(){const{date:e,timeZoneOption:t}=this._resolveInputDate();if(!e)return"";const n={...this.timeTemplate};t&&(n.timeZone=t);const i=e.toLocaleString(this._effectiveLocale,n);return/[ap]\.?m\.?/iu.test(i)?i.replace(/^0+/u,"").toLowerCase():i}whichDate(){switch(this.type){case"date":default:return this.humanDate();case"time":return this.humanTime();case"year":case"month":case"weekday":case"day":return this.humanDateConversion();case"numeric":return this.numericDate()}}render(){return t`
-      <slot name="pre"></slot>
-      <span class="yield">${this.whichDate()}</span>
-      <slot name="post"></slot>
-      <slot></slot>
-    `}}export{a as A};