@aurodesignsystem-dev/auro-datetime 0.0.0-pr110.0 → 0.0.0-pr112.0

package/dist/index.d.ts

@@ -22,7 +22,9 @@ export type ScopedElements<
   Prefix extends string = "",
   Suffix extends string = "",
 > = {
-  [Key in keyof CustomElements as `${Prefix}${Key}${Suffix}`]: CustomElements[Key];
+  [
+    Key in keyof CustomElements as `${Prefix}${Key}${Suffix}`
+  ]: CustomElements[Key];
 };
 
 type BaseProps<T extends HTMLElement> = {
@@ -48,6 +50,8 @@ type BaseProps<T extends HTMLElement> = {
   key?: string | number;
   /** Specifies the language of the element. */
   lang?: string;
+  /** Defines the element's semantic role for accessibility APIs. */
+  role?: string;
   /** Contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the ::part pseudo-element. */
   part?: string;
   /** Use the ref attribute with a variable to assign a DOM element to the variable once the element is rendered. */
@@ -73,50 +77,32 @@ type BaseProps<T extends HTMLElement> = {
 type BaseEvents = {};
 
 export type AuroDatetimeProps = {
-  /** BCP 47 language tag for locale-aware date/time formatting (e.g. 'en-GB', 'de-DE', 'ja-JP'). */
+  /** Sets the language and region used to format the date or time, such as `en-GB`, `de-DE`, or `ja-JP` (a BCP 47 language tag). It changes month and weekday names, separators, and whether times use a 12- or 24-hour clock, but not the time zone. A malformed tag logs a console warning and falls back to `en-US`; a well-formed tag the browser doesn't support, such as `zz-ZZ`, uses the browser's default language instead, with no warning. */
   locale?: AuroDatetime["locale"];
-  /** Defines format of month */
+  /** Sets how the month name is written: `short`, such as "Jul", or `long`, such as "July". It applies to the full date and to `type="month"`. */
   month?: AuroDatetime["month"];
-  /** 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. */
+  /** Sets the time zone to show the date or time in, such as `America/Los_Angeles` or `UTC` (an IANA time zone name). When `value` has an offset or `Z`, the element converts that moment into this zone; when it has none, the element reads `value` as a time already in this zone. Without it, or with an invalid name, which logs a console warning, the element shows the date and time in `value` as written, or the current date and time in the viewer's own time zone when `value` isn't set. */
   timezone?: AuroDatetime["timezone"];
-  /** Defines type of data to render */
+  /** Sets which part of the date or time to show: `date` for the full date, such as "Thu, Jul 14, 2022", `numeric` for a numeric date, such as "7/14/2022", `time` for the hour and minute, such as "8:00 am", or `year`, `month`, `weekday`, or `day` for that part alone. Without it, or with any other value, the element shows the full date. */
   type?: AuroDatetime["type"];
-  /** ISO 8601 date or date-time string. Examples:
-- `2022-07-14T08:00:00-07:00` (with offset)
-- `2022-07-14T08:00:00Z` (UTC)
-- `2022-07-14T08:00:00` (no offset)
-- `2022-07-14` (date only)
-
-When omitted, the component renders today's date.
-Invalid input is logged as a warning and renders nothing. */
+  /** Sets the date or time to show, as an ISO 8601 date or date-time, such as `2022-07-14`, `2022-07-14T08:00:00`, or `2022-07-14T08:00:00-07:00`. Without it, the element shows the current date and time from when it last rendered; it doesn't currently update as time passes. Invalid input, including an empty value, logs a console warning and shows nothing. */
   value?: AuroDatetime["value"];
-  /** Defines format of weekday */
+  /** Sets how the weekday name is written: `short`, such as "Thu", or `long`, such as "Thursday". It applies to the full date and to `type="weekday"`. */
   weekday?: AuroDatetime["weekday"];
 };
 
 export type AuroDatetimeSolidJsProps = {
-  /** BCP 47 language tag for locale-aware date/time formatting (e.g. 'en-GB', 'de-DE', 'ja-JP'). */
+  /** Sets the language and region used to format the date or time, such as `en-GB`, `de-DE`, or `ja-JP` (a BCP 47 language tag). It changes month and weekday names, separators, and whether times use a 12- or 24-hour clock, but not the time zone. A malformed tag logs a console warning and falls back to `en-US`; a well-formed tag the browser doesn't support, such as `zz-ZZ`, uses the browser's default language instead, with no warning. */
   "prop:locale"?: AuroDatetime["locale"];
-  /** Defines format of month */
+  /** Sets how the month name is written: `short`, such as "Jul", or `long`, such as "July". It applies to the full date and to `type="month"`. */
   "prop:month"?: AuroDatetime["month"];
-  /** 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. */
+  /** Sets the time zone to show the date or time in, such as `America/Los_Angeles` or `UTC` (an IANA time zone name). When `value` has an offset or `Z`, the element converts that moment into this zone; when it has none, the element reads `value` as a time already in this zone. Without it, or with an invalid name, which logs a console warning, the element shows the date and time in `value` as written, or the current date and time in the viewer's own time zone when `value` isn't set. */
   "prop:timezone"?: AuroDatetime["timezone"];
-  /** Defines type of data to render */
+  /** Sets which part of the date or time to show: `date` for the full date, such as "Thu, Jul 14, 2022", `numeric` for a numeric date, such as "7/14/2022", `time` for the hour and minute, such as "8:00 am", or `year`, `month`, `weekday`, or `day` for that part alone. Without it, or with any other value, the element shows the full date. */
   "prop:type"?: AuroDatetime["type"];
-  /** ISO 8601 date or date-time string. Examples:
-- `2022-07-14T08:00:00-07:00` (with offset)
-- `2022-07-14T08:00:00Z` (UTC)
-- `2022-07-14T08:00:00` (no offset)
-- `2022-07-14` (date only)
-
-When omitted, the component renders today's date.
-Invalid input is logged as a warning and renders nothing. */
+  /** Sets the date or time to show, as an ISO 8601 date or date-time, such as `2022-07-14`, `2022-07-14T08:00:00`, or `2022-07-14T08:00:00-07:00`. Without it, the element shows the current date and time from when it last rendered; it doesn't currently update as time passes. Invalid input, including an empty value, logs a console warning and shows nothing. */
   "prop:value"?: AuroDatetime["value"];
-  /** Defines format of weekday */
+  /** Sets how the weekday name is written: `short`, such as "Thu", or `long`, such as "Thursday". It applies to the full date and to `type="weekday"`. */
   "prop:weekday"?: AuroDatetime["weekday"];
 
   /** Set the innerHTML of the element */
@@ -127,41 +113,44 @@ Invalid input is logged as a warning and renders nothing. */
 
 export type CustomElements = {
   /**
-   * The `auro-datetime` element is for the purposes of providing an easy to use date and time API.
+   * Shows a date or time as text, formatted for a language and region you choose and, optionally, a specific time zone.
+   *
+   * **Key capabilities**
+   * - **What to show**: `type` picks the full date, the time, a numeric date, or a single part, such as the year or weekday.
+   * - **Date and time to show**: `value` takes an ISO 8601 date or date-time; without it, the element shows the current date and time.
+   * - **Language formatting**: `locale` formats month names, separators, and the 12- or 24-hour clock for a language, such as `de-DE`.
+   * - **Time zones**: `timezone` shows the moment in a time zone, such as `America/Los_Angeles`.
+   * - **Name length**: `month="long"` and `weekday="long"` spell out the month and weekday names.
+   *
+   * **Example**
+   * ```html
+   * <auro-datetime type="date" value="2022-07-14T08:00:00"></auro-datetime>
+   * ```
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `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).
-   * 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
-   * - `value`: ISO 8601 date or date-time string. Examples:
-   * - `2022-07-14T08:00:00-07:00` (with offset)
-   * - `2022-07-14T08:00:00Z` (UTC)
-   * - `2022-07-14T08:00:00` (no offset)
-   * - `2022-07-14` (date only)
-   *
-   * When omitted, the component renders today's date.
-   * Invalid input is logged as a warning and renders nothing.
-   * - `weekday`: Defines format of weekday
+   * - `locale`: Sets the language and region used to format the date or time, such as `en-GB`, `de-DE`, or `ja-JP` (a BCP 47 language tag). It changes month and weekday names, separators, and whether times use a 12- or 24-hour clock, but not the time zone. A malformed tag logs a console warning and falls back to `en-US`; a well-formed tag the browser doesn't support, such as `zz-ZZ`, uses the browser's default language instead, with no warning.
+   * - `month`: Sets how the month name is written: `short`, such as "Jul", or `long`, such as "July". It applies to the full date and to `type="month"`.
+   * - `timezone`: Sets the time zone to show the date or time in, such as `America/Los_Angeles` or `UTC` (an IANA time zone name). When `value` has an offset or `Z`, the element converts that moment into this zone; when it has none, the element reads `value` as a time already in this zone. Without it, or with an invalid name, which logs a console warning, the element shows the date and time in `value` as written, or the current date and time in the viewer's own time zone when `value` isn't set.
+   * - `type`: Sets which part of the date or time to show: `date` for the full date, such as "Thu, Jul 14, 2022", `numeric` for a numeric date, such as "7/14/2022", `time` for the hour and minute, such as "8:00 am", or `year`, `month`, `weekday`, or `day` for that part alone. Without it, or with any other value, the element shows the full date.
+   * - `value`: Sets the date or time to show, as an ISO 8601 date or date-time, such as `2022-07-14`, `2022-07-14T08:00:00`, or `2022-07-14T08:00:00-07:00`. Without it, the element shows the current date and time from when it last rendered; it doesn't currently update as time passes. Invalid input, including an empty value, logs a console warning and shows nothing.
+   * - `weekday`: Sets how the weekday name is written: `short`, such as "Thu", or `long`, such as "Thursday". It applies to the full date and to `type="weekday"`.
    *
    * ## Slots
    *
    * Areas where markup can be added to the component.
    *
-   * - `post`: Content that comes after the `pre` content
-   * - `pre`: Content that comes before the `post` content
+   * - `(default)`: Content shown after the `post` slot's content, such as the end of a sentence that includes the date.
+   * - `post`: Content shown after the date or time, such as "local time". The element doesn't currently let content sit right against the date or time: this content, or text right after the element, always shows with a space between them, so a period or comma can't follow the date or time directly.
+   * - `pre`: Content shown before the date or time, such as "Departs". The element doesn't currently let content sit right against the date or time: this content, or text right before the element, always shows with a space between it and the date or time.
    *
    * ## Methods
    *
    * Methods that can be called to access component functionality.
    *
-   * - `_initializeDefaults() => void`: undefined
-   * - `register(name?: string = "auro-datetime") => void`: This will register this element with the browser.
+   * - `register(name?: string = "auro-datetime") => void`: Registers the element with the browser under a tag name. Use a custom name to run more than one version of the element on the same page. If the tag name is already registered, it does nothing.
    */
   "auro-datetime": Partial<
     AuroDatetimeProps & BaseProps<AuroDatetime> & BaseEvents
@@ -170,41 +159,44 @@ export type CustomElements = {
 
 export type CustomElementsSolidJs = {
   /**
-   * The `auro-datetime` element is for the purposes of providing an easy to use date and time API.
+   * Shows a date or time as text, formatted for a language and region you choose and, optionally, a specific time zone.
+   *
+   * **Key capabilities**
+   * - **What to show**: `type` picks the full date, the time, a numeric date, or a single part, such as the year or weekday.
+   * - **Date and time to show**: `value` takes an ISO 8601 date or date-time; without it, the element shows the current date and time.
+   * - **Language formatting**: `locale` formats month names, separators, and the 12- or 24-hour clock for a language, such as `de-DE`.
+   * - **Time zones**: `timezone` shows the moment in a time zone, such as `America/Los_Angeles`.
+   * - **Name length**: `month="long"` and `weekday="long"` spell out the month and weekday names.
+   *
+   * **Example**
+   * ```html
+   * <auro-datetime type="date" value="2022-07-14T08:00:00"></auro-datetime>
+   * ```
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `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).
-   * 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
-   * - `value`: ISO 8601 date or date-time string. Examples:
-   * - `2022-07-14T08:00:00-07:00` (with offset)
-   * - `2022-07-14T08:00:00Z` (UTC)
-   * - `2022-07-14T08:00:00` (no offset)
-   * - `2022-07-14` (date only)
-   *
-   * When omitted, the component renders today's date.
-   * Invalid input is logged as a warning and renders nothing.
-   * - `weekday`: Defines format of weekday
+   * - `locale`: Sets the language and region used to format the date or time, such as `en-GB`, `de-DE`, or `ja-JP` (a BCP 47 language tag). It changes month and weekday names, separators, and whether times use a 12- or 24-hour clock, but not the time zone. A malformed tag logs a console warning and falls back to `en-US`; a well-formed tag the browser doesn't support, such as `zz-ZZ`, uses the browser's default language instead, with no warning.
+   * - `month`: Sets how the month name is written: `short`, such as "Jul", or `long`, such as "July". It applies to the full date and to `type="month"`.
+   * - `timezone`: Sets the time zone to show the date or time in, such as `America/Los_Angeles` or `UTC` (an IANA time zone name). When `value` has an offset or `Z`, the element converts that moment into this zone; when it has none, the element reads `value` as a time already in this zone. Without it, or with an invalid name, which logs a console warning, the element shows the date and time in `value` as written, or the current date and time in the viewer's own time zone when `value` isn't set.
+   * - `type`: Sets which part of the date or time to show: `date` for the full date, such as "Thu, Jul 14, 2022", `numeric` for a numeric date, such as "7/14/2022", `time` for the hour and minute, such as "8:00 am", or `year`, `month`, `weekday`, or `day` for that part alone. Without it, or with any other value, the element shows the full date.
+   * - `value`: Sets the date or time to show, as an ISO 8601 date or date-time, such as `2022-07-14`, `2022-07-14T08:00:00`, or `2022-07-14T08:00:00-07:00`. Without it, the element shows the current date and time from when it last rendered; it doesn't currently update as time passes. Invalid input, including an empty value, logs a console warning and shows nothing.
+   * - `weekday`: Sets how the weekday name is written: `short`, such as "Thu", or `long`, such as "Thursday". It applies to the full date and to `type="weekday"`.
    *
    * ## Slots
    *
    * Areas where markup can be added to the component.
    *
-   * - `post`: Content that comes after the `pre` content
-   * - `pre`: Content that comes before the `post` content
+   * - `(default)`: Content shown after the `post` slot's content, such as the end of a sentence that includes the date.
+   * - `post`: Content shown after the date or time, such as "local time". The element doesn't currently let content sit right against the date or time: this content, or text right after the element, always shows with a space between them, so a period or comma can't follow the date or time directly.
+   * - `pre`: Content shown before the date or time, such as "Departs". The element doesn't currently let content sit right against the date or time: this content, or text right before the element, always shows with a space between it and the date or time.
    *
    * ## Methods
    *
    * Methods that can be called to access component functionality.
    *
-   * - `_initializeDefaults() => void`: undefined
-   * - `register(name?: string = "auro-datetime") => void`: This will register this element with the browser.
+   * - `register(name?: string = "auro-datetime") => void`: Registers the element with the browser under a tag name. Use a custom name to run more than one version of the element on the same page. If the tag name is already registered, it does nothing.
    */
   "auro-datetime": Partial<
     AuroDatetimeProps &
@@ -222,6 +214,18 @@ declare module "react" {
   }
 }
 
+declare module "react/jsx-runtime" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+}
+
+declare module "react/jsx-dev-runtime" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+}
+
 declare module "preact" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}

package/dist/index.js

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

package/dist/registered.js

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

package/package.json

@@ -7,7 +7,7 @@
     "================================================================================"
   ],
   "name": "@aurodesignsystem-dev/auro-datetime",
-  "version": "0.0.0-pr110.0",
+  "version": "0.0.0-pr112.0",
   "description": "auro-datetime HTML custom element",
   "repository": {
     "type": "git",
@@ -21,12 +21,12 @@
     "node": ">=20"
   },
   "dependencies": {
-    "lit": "^3.3.2"
+    "lit": "^3.3.3"
   },
   "devDependencies": {
-    "@aurodesignsystem/auro-cli": "^3.6.0",
-    "@aurodesignsystem/auro-config": "^1.3.1",
-    "@aurodesignsystem/auro-library": "^5.12.2",
+    "@aurodesignsystem/auro-cli": "^5.1.0",
+    "@aurodesignsystem/auro-config": "^1.3.2",
+    "@aurodesignsystem/auro-library": "^5.14.4",
     "husky": "^9.1.7"
   },
   "browserslist": [
@@ -47,7 +47,8 @@
     "web components"
   ],
   "scripts": {
-    "build": "auro build",
+    "build": "auro build && npm run cem:check",
+    "cem:check": "auro cem-check --strict",
     "dev": "auro dev -w -s",
     "dev:open": "auro dev -w -s --open",
     "lint": "biome check --no-errors-on-unmatched && stylelint \"./src/**/*.scss\"",
@@ -77,6 +78,7 @@
   "files": [
     "dist/**/*",
     "demo/**/*",
+    "custom-elements.json",
     "CHANGELOG.md",
     "README.md",
     "LICENSE",

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

@@ -1,6 +0,0 @@
-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};