@nvidia-elements/core 2.18.1 → 2.18.2

package/dist/format-bytes/format-bytes2.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-bytes2.js","names":[],"sources":["../../src/format-bytes/format-bytes.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { LogService, typeSSR, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './format-bytes.css?inline';\n\nexport type FormatBytesDisplay = 'decimal' | 'binary';\nexport type FormatBytesUnit = 'b' | 'kb' | 'mb' | 'gb' | 'tb' | 'pb';\nexport type FormatBytesUnitDisplay = 'short' | 'long';\n\ninterface UnitLabels {\n  short: string;\n  singular: string;\n  plural: string;\n}\n\nconst UNITS: readonly FormatBytesUnit[] = ['b', 'kb', 'mb', 'gb', 'tb', 'pb'];\nconst DISPLAYS: readonly FormatBytesDisplay[] = ['decimal', 'binary'];\nconst UNIT_DISPLAYS: readonly FormatBytesUnitDisplay[] = ['short', 'long'];\n\nconst DECIMAL_LABELS: Record<FormatBytesUnit, UnitLabels> = {\n  b: { short: 'B', singular: 'byte', plural: 'bytes' },\n  kb: { short: 'kB', singular: 'kilobyte', plural: 'kilobytes' },\n  mb: { short: 'MB', singular: 'megabyte', plural: 'megabytes' },\n  gb: { short: 'GB', singular: 'gigabyte', plural: 'gigabytes' },\n  tb: { short: 'TB', singular: 'terabyte', plural: 'terabytes' },\n  pb: { short: 'PB', singular: 'petabyte', plural: 'petabytes' }\n};\n\nconst BINARY_LABELS: Record<FormatBytesUnit, UnitLabels> = {\n  b: { short: 'B', singular: 'byte', plural: 'bytes' },\n  kb: { short: 'KiB', singular: 'kibibyte', plural: 'kibibytes' },\n  mb: { short: 'MiB', singular: 'mebibyte', plural: 'mebibytes' },\n  gb: { short: 'GiB', singular: 'gibibyte', plural: 'gibibytes' },\n  tb: { short: 'TiB', singular: 'tebibyte', plural: 'tebibytes' },\n  pb: { short: 'PiB', singular: 'pebibyte', plural: 'pebibytes' }\n};\n\nfunction isDisplay(value: unknown): value is FormatBytesDisplay {\n  return DISPLAYS.some(display => display === value);\n}\n\nfunction isUnit(value: unknown): value is FormatBytesUnit {\n  return UNITS.some(unit => unit === value);\n}\n\nfunction isUnitDisplay(value: unknown): value is FormatBytesUnitDisplay {\n  return UNIT_DISPLAYS.some(unitDisplay => unitDisplay === value);\n}\n\n/**\n * @element nve-format-bytes\n * @description Formats a byte count as localized, human-readable decimal or binary units.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-bytes/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-bytes\n * @slot - Numeric byte count to format (such as 1048576). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data\n */\n@typeSSR()\nexport class FormatBytes extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-bytes',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional byte count for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: Number }) value?: number;\n\n  /**\n   * Unit system: 'decimal' uses powers of 1000 and 'binary' uses powers of 1024.\n   */\n  @property({ type: String }) display: FormatBytesDisplay = 'decimal';\n\n  /**\n   * Optional unit magnitude. When omitted, the component selects a unit from the byte count.\n   */\n  @property({ type: String }) unit?: FormatBytesUnit;\n\n  /**\n   * Unit label length: 'short' renders labels such as 'MB'; 'long' renders labels such as 'megabytes'.\n   */\n  @property({ type: String, attribute: 'unit-display' }) unitDisplay: FormatBytesUnitDisplay = 'short';\n\n  /**\n   * Language tag (such as en-US or de-DE) used to format the number.\n   * Defaults to document.documentElement.lang or the runtime default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Pad fraction output to at least this many digits.\n   */\n  @property({ type: Number, attribute: 'minimum-fraction-digits' }) minimumFractionDigits?: number;\n\n  /**\n   * Round fraction output to at most this many digits. Defaults to two effective digits after the decimal point.\n   */\n  @property({ type: Number, attribute: 'maximum-fraction-digits' }) maximumFractionDigits?: number;\n\n  get #rawValue(): string {\n    const value = Number.isNaN(this.value) ? (this.getAttribute('value') ?? this.value) : this.value;\n    return String(value ?? this.textContent?.trim() ?? '');\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  get #parsedValue(): number | null {\n    const rawValue = this.#rawValue;\n    if (!rawValue) return null;\n\n    const numericValue = Number(rawValue);\n    if (Number.isFinite(numericValue)) return numericValue;\n\n    LogService.warn(`format-bytes: invalid numeric value \"${rawValue}\"`);\n    return null;\n  }\n\n  #resolveAutoUnit(value: number, display: FormatBytesDisplay): FormatBytesUnit {\n    const base = display === 'binary' ? 1024 : 1000;\n    const absoluteValue = Math.abs(value);\n\n    for (let index = UNITS.length - 1; index > 0; index--) {\n      const unit = UNITS[index];\n      if (unit && absoluteValue >= base ** index) return unit;\n    }\n\n    return 'b';\n  }\n\n  #formatLabel(unit: FormatBytesUnit, convertedValue: number): string {\n    const labels = this.display === 'binary' ? BINARY_LABELS[unit] : DECIMAL_LABELS[unit];\n    if (this.unitDisplay === 'short') return labels.short;\n    return Math.abs(convertedValue) === 1 ? labels.singular : labels.plural;\n  }\n\n  #warnInvalidOption(name: string, value: unknown): void {\n    LogService.warn(`format-bytes: invalid ${name} value \"${String(value)}\"`);\n  }\n\n  #hasValidConfiguration(): boolean {\n    if (!isDisplay(this.display)) {\n      this.#warnInvalidOption('display', this.display);\n      return false;\n    }\n    if (!isUnitDisplay(this.unitDisplay)) {\n      this.#warnInvalidOption('unit-display', this.unitDisplay);\n      return false;\n    }\n    if (this.unit !== undefined && !isUnit(this.unit)) {\n      this.#warnInvalidOption('unit', this.unit);\n      return false;\n    }\n    return true;\n  }\n\n  get #numberFormatOptions(): Intl.NumberFormatOptions {\n    const effectiveMaximumFractionDigits = this.maximumFractionDigits ?? Math.max(this.minimumFractionDigits ?? 0, 2);\n    return {\n      minimumFractionDigits: this.minimumFractionDigits,\n      maximumFractionDigits: effectiveMaximumFractionDigits\n    };\n  }\n\n  #roundNumber(value: number): number {\n    return Number(\n      new Intl.NumberFormat('en-US-u-nu-latn', {\n        ...this.#numberFormatOptions,\n        useGrouping: false\n      }).format(value)\n    );\n  }\n\n  #formatNumber(value: number): string {\n    return new Intl.NumberFormat(this.#resolvedLocale, this.#numberFormatOptions).format(value);\n  }\n\n  get #formattedBytes(): string {\n    const rawValue = this.#rawValue;\n    if (!rawValue) return '';\n\n    const numericValue = this.#parsedValue;\n    if (numericValue === null) return rawValue;\n    if (!this.#hasValidConfiguration()) return rawValue;\n\n    const resolvedUnit = this.unit ?? this.#resolveAutoUnit(numericValue, this.display);\n    const unitIndex = UNITS.indexOf(resolvedUnit);\n    const base = this.display === 'binary' ? 1024 : 1000;\n    const convertedValue = numericValue / base ** unitIndex;\n\n    try {\n      const roundedValue = this.#roundNumber(convertedValue);\n      return `${this.#formatNumber(roundedValue)} ${this.#formatLabel(resolvedUnit, roundedValue)}`;\n    } catch (error) {\n      const message = error instanceof Error ? error.message : String(error);\n      LogService.warn(`format-bytes: ${message}`);\n      return rawValue;\n    }\n  }\n\n  render() {\n    return html`<data internal-host value=${this.#rawValue}>${this.#formattedBytes}<slot @slotchange=${this.#onSlotChange} hidden></slot></data>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"format-bytes2.js","names":[],"sources":["../../src/format-bytes/format-bytes.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { typeSSR, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './format-bytes.css?inline';\n\nexport type FormatBytesDisplay = 'decimal' | 'binary';\nexport type FormatBytesUnit = 'b' | 'kb' | 'mb' | 'gb' | 'tb' | 'pb';\nexport type FormatBytesUnitDisplay = 'short' | 'long';\n\ninterface UnitLabels {\n  short: string;\n  singular: string;\n  plural: string;\n}\n\nconst UNITS: readonly FormatBytesUnit[] = ['b', 'kb', 'mb', 'gb', 'tb', 'pb'];\nconst DISPLAYS: readonly FormatBytesDisplay[] = ['decimal', 'binary'];\nconst UNIT_DISPLAYS: readonly FormatBytesUnitDisplay[] = ['short', 'long'];\n\nconst DECIMAL_LABELS: Record<FormatBytesUnit, UnitLabels> = {\n  b: { short: 'B', singular: 'byte', plural: 'bytes' },\n  kb: { short: 'kB', singular: 'kilobyte', plural: 'kilobytes' },\n  mb: { short: 'MB', singular: 'megabyte', plural: 'megabytes' },\n  gb: { short: 'GB', singular: 'gigabyte', plural: 'gigabytes' },\n  tb: { short: 'TB', singular: 'terabyte', plural: 'terabytes' },\n  pb: { short: 'PB', singular: 'petabyte', plural: 'petabytes' }\n};\n\nconst BINARY_LABELS: Record<FormatBytesUnit, UnitLabels> = {\n  b: { short: 'B', singular: 'byte', plural: 'bytes' },\n  kb: { short: 'KiB', singular: 'kibibyte', plural: 'kibibytes' },\n  mb: { short: 'MiB', singular: 'mebibyte', plural: 'mebibytes' },\n  gb: { short: 'GiB', singular: 'gibibyte', plural: 'gibibytes' },\n  tb: { short: 'TiB', singular: 'tebibyte', plural: 'tebibytes' },\n  pb: { short: 'PiB', singular: 'pebibyte', plural: 'pebibytes' }\n};\n\nfunction isDisplay(value: unknown): value is FormatBytesDisplay {\n  return DISPLAYS.some(display => display === value);\n}\n\nfunction isUnit(value: unknown): value is FormatBytesUnit {\n  return UNITS.some(unit => unit === value);\n}\n\nfunction isUnitDisplay(value: unknown): value is FormatBytesUnitDisplay {\n  return UNIT_DISPLAYS.some(unitDisplay => unitDisplay === value);\n}\n\n/**\n * @element nve-format-bytes\n * @description Formats a byte count as localized, human-readable decimal or binary units.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-bytes/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-bytes\n * @slot - Numeric byte count to format (such as 1048576). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data\n */\n@typeSSR()\nexport class FormatBytes extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-bytes',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional byte count for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: Number }) value?: number;\n\n  /**\n   * Unit system: 'decimal' uses powers of 1000 and 'binary' uses powers of 1024.\n   */\n  @property({ type: String }) display: FormatBytesDisplay = 'decimal';\n\n  /**\n   * Optional unit magnitude. When omitted, the component selects a unit from the byte count.\n   */\n  @property({ type: String }) unit?: FormatBytesUnit;\n\n  /**\n   * Unit label length: 'short' renders labels such as 'MB'; 'long' renders labels such as 'megabytes'.\n   */\n  @property({ type: String, attribute: 'unit-display' }) unitDisplay: FormatBytesUnitDisplay = 'short';\n\n  /**\n   * Language tag (such as en-US or de-DE) used to format the number.\n   * Defaults to document.documentElement.lang or the runtime default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Pad fraction output to at least this many digits.\n   */\n  @property({ type: Number, attribute: 'minimum-fraction-digits' }) minimumFractionDigits?: number;\n\n  /**\n   * Round fraction output to at most this many digits. Defaults to two effective digits after the decimal point.\n   */\n  @property({ type: Number, attribute: 'maximum-fraction-digits' }) maximumFractionDigits?: number;\n\n  get #rawValue(): string {\n    const value = Number.isNaN(this.value) ? (this.getAttribute('value') ?? this.value) : this.value;\n    return String(value ?? this.textContent?.trim() ?? '');\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  get #parsedValue(): number | null {\n    const rawValue = this.#rawValue;\n    if (!rawValue) return null;\n\n    const numericValue = Number(rawValue);\n    if (Number.isFinite(numericValue)) return numericValue;\n\n    return null;\n  }\n\n  #resolveAutoUnit(value: number, display: FormatBytesDisplay): FormatBytesUnit {\n    const base = display === 'binary' ? 1024 : 1000;\n    const absoluteValue = Math.abs(value);\n\n    for (let index = UNITS.length - 1; index > 0; index--) {\n      const unit = UNITS[index];\n      if (unit && absoluteValue >= base ** index) return unit;\n    }\n\n    return 'b';\n  }\n\n  #formatLabel(unit: FormatBytesUnit, convertedValue: number): string {\n    const labels = this.display === 'binary' ? BINARY_LABELS[unit] : DECIMAL_LABELS[unit];\n    if (this.unitDisplay === 'short') return labels.short;\n    return Math.abs(convertedValue) === 1 ? labels.singular : labels.plural;\n  }\n\n  #hasValidConfiguration(): boolean {\n    return isDisplay(this.display) && isUnitDisplay(this.unitDisplay) && (this.unit === undefined || isUnit(this.unit));\n  }\n\n  get #numberFormatOptions(): Intl.NumberFormatOptions {\n    const effectiveMaximumFractionDigits = this.maximumFractionDigits ?? Math.max(this.minimumFractionDigits ?? 0, 2);\n    return {\n      minimumFractionDigits: this.minimumFractionDigits,\n      maximumFractionDigits: effectiveMaximumFractionDigits\n    };\n  }\n\n  #roundNumber(value: number): number {\n    return Number(\n      new Intl.NumberFormat('en-US-u-nu-latn', {\n        ...this.#numberFormatOptions,\n        useGrouping: false\n      }).format(value)\n    );\n  }\n\n  #formatNumber(value: number): string {\n    return new Intl.NumberFormat(this.#resolvedLocale, this.#numberFormatOptions).format(value);\n  }\n\n  get #formattedBytes(): string {\n    const rawValue = this.#rawValue;\n    if (!rawValue) return '';\n\n    const numericValue = this.#parsedValue;\n    if (numericValue === null) return rawValue;\n    if (!this.#hasValidConfiguration()) return rawValue;\n\n    const resolvedUnit = this.unit ?? this.#resolveAutoUnit(numericValue, this.display);\n    const unitIndex = UNITS.indexOf(resolvedUnit);\n    const base = this.display === 'binary' ? 1024 : 1000;\n    const convertedValue = numericValue / base ** unitIndex;\n\n    try {\n      const roundedValue = this.#roundNumber(convertedValue);\n      return `${this.#formatNumber(roundedValue)} ${this.#formatLabel(resolvedUnit, roundedValue)}`;\n    } catch {\n      return rawValue;\n    }\n  }\n\n  render() {\n    return html`<data internal-host value=${this.#rawValue}>${this.#formattedBytes}<slot @slotchange=${this.#onSlotChange} hidden></slot></data>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":"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"}

package/dist/format-datetime/format-datetime2.js

@@ -1,19 +1,18 @@
-import { LogService as e } from "../internal/services/log.service.js";
-import { typeSSR as t } from "../internal/controllers/type-ssr.controller.js";
-import { useStyles as n } from "../internal/styles/index.js";
-import r from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
-import i from "./format-datetime.js";
-import { LitElement as a, html as o } from "lit";
-import { property as s } from "lit/decorators/property.js";
+import { typeSSR as e } from "../internal/controllers/type-ssr.controller.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import n from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import r from "./format-datetime.js";
+import { LitElement as i, html as a } from "lit";
+import { property as o } from "lit/decorators/property.js";
 //#region src/format-datetime/format-datetime.ts
-var c = class extends a {
+var s = class extends i {
 	static {
-		this.styles = n([i]);
+		this.styles = t([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-format-datetime",
-			version: "2.18.1"
+			version: "2.18.2"
 		};
 	}
 	get #e() {
@@ -23,14 +22,14 @@ var c = class extends a {
 		return this.locale ?? (globalThis.document?.documentElement?.lang || void 0);
 	}
 	get #n() {
-		let t = this.#e;
-		if (!t) return "";
-		let n = this.#s(t);
-		if (!n) return t;
+		let e = this.#e;
+		if (!e) return "";
+		let t = this.#s(e);
+		if (!t) return e;
 		try {
-			return new Intl.DateTimeFormat(this.#t, this.#r).format(n);
-		} catch (n) {
-			return e.warn(`format-datetime: ${n.message}`), t;
+			return new Intl.DateTimeFormat(this.#t, this.#r).format(t);
+		} catch {
+			return e;
 		}
 	}
 	get #r() {
@@ -47,31 +46,31 @@ var c = class extends a {
 		let e = {};
 		return this.weekday && (e.weekday = this.weekday), this.year && (e.year = this.year), this.month && (e.month = this.month), this.day && (e.day = this.day), this.hour && (e.hour = this.hour), this.minute && (e.minute = this.minute), this.second && (e.second = this.second), this.timeZoneName && (e.timeZoneName = this.timeZoneName), this.timeZone && (e.timeZone = this.timeZone), e;
 	}
-	#s(t) {
-		let n = new Date(t);
-		return isNaN(n.getTime()) ? (e.warn(`format-datetime: invalid date value "${t}"`), null) : n;
+	#s(e) {
+		let t = new Date(e);
+		return isNaN(t.getTime()) ? null : t;
 	}
 	render() {
-		return o`<time internal-host datetime="${this.#e}">${this.#n}<slot @slotchange="${this.#c}" hidden></slot></time>`;
+		return a`<time internal-host datetime="${this.#e}">${this.#n}<slot @slotchange="${this.#c}" hidden></slot></time>`;
 	}
 	#c() {
 		this.requestUpdate();
 	}
 };
-r([s({ type: String })], c.prototype, "date", void 0), r([s({ type: String })], c.prototype, "locale", void 0), r([s({ type: String })], c.prototype, "weekday", void 0), r([s({ type: String })], c.prototype, "year", void 0), r([s({ type: String })], c.prototype, "month", void 0), r([s({ type: String })], c.prototype, "day", void 0), r([s({ type: String })], c.prototype, "hour", void 0), r([s({ type: String })], c.prototype, "minute", void 0), r([s({ type: String })], c.prototype, "second", void 0), r([s({
+n([o({ type: String })], s.prototype, "date", void 0), n([o({ type: String })], s.prototype, "locale", void 0), n([o({ type: String })], s.prototype, "weekday", void 0), n([o({ type: String })], s.prototype, "year", void 0), n([o({ type: String })], s.prototype, "month", void 0), n([o({ type: String })], s.prototype, "day", void 0), n([o({ type: String })], s.prototype, "hour", void 0), n([o({ type: String })], s.prototype, "minute", void 0), n([o({ type: String })], s.prototype, "second", void 0), n([o({
 	type: String,
 	attribute: "date-style"
-})], c.prototype, "dateStyle", void 0), r([s({
+})], s.prototype, "dateStyle", void 0), n([o({
 	type: String,
 	attribute: "time-style"
-})], c.prototype, "timeStyle", void 0), r([s({
+})], s.prototype, "timeStyle", void 0), n([o({
 	type: String,
 	attribute: "time-zone-name"
-})], c.prototype, "timeZoneName", void 0), r([s({
+})], s.prototype, "timeZoneName", void 0), n([o({
 	type: String,
 	attribute: "time-zone"
-})], c.prototype, "timeZone", void 0), c = r([t()], c);
+})], s.prototype, "timeZone", void 0), s = n([e()], s);
 //#endregion
-export { c as FormatDatetime };
+export { s as FormatDatetime };
 
 //# sourceMappingURL=format-datetime2.js.map

package/dist/format-datetime/format-datetime2.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-datetime2.js","names":[],"sources":["../../src/format-datetime/format-datetime.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { useStyles, typeSSR, LogService } from '@nvidia-elements/core/internal';\nimport styles from './format-datetime.css?inline';\n\n/**\n * @element nve-format-datetime\n * @description Formats a date/time value as localized text using the Intl.DateTimeFormat API. Renders inside a semantic time element.\n * Granular options (weekday, year, month, day, hour, minute, second) mirror the Intl.DateTimeFormat API. 'numeric' omits zero-padding, '2-digit' zero-pads.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-datetime/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-datetime\n * @slot - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time\n */\n@typeSSR()\nexport class FormatDatetime extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-datetime',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional date string for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: String }) date?: string;\n\n  /**\n   * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Weekday representation: 'long' | 'short' | 'narrow'.\n   */\n  @property({ type: String }) weekday?: 'long' | 'short' | 'narrow';\n\n  /**\n   * Year representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) year?: 'numeric' | '2-digit';\n\n  /**\n   * Month representation: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'.\n   */\n  @property({ type: String }) month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';\n\n  /**\n   * Day representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) day?: 'numeric' | '2-digit';\n\n  /**\n   * Hour representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) hour?: 'numeric' | '2-digit';\n\n  /**\n   * Minute representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) minute?: 'numeric' | '2-digit';\n\n  /**\n   * Second representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) second?: 'numeric' | '2-digit';\n\n  /**\n   * Preset date formatting style: 'full' | 'long' | 'medium' | 'short'.\n   * Preset styles take precedence over granular date and time part options.\n   */\n  @property({ type: String, attribute: 'date-style' }) dateStyle?: 'full' | 'long' | 'medium' | 'short';\n\n  /**\n   * Preset time formatting style: 'full' | 'long' | 'medium' | 'short'.\n   * Preset styles take precedence over granular date and time part options.\n   */\n  @property({ type: String, attribute: 'time-style' }) timeStyle?: 'full' | 'long' | 'medium' | 'short';\n\n  /**\n   * Time zone name display: 'long' | 'short'. Use it with granular options only; preset styles ignore it.\n   */\n  @property({ type: String, attribute: 'time-zone-name' }) timeZoneName?: 'long' | 'short';\n\n  /**\n   * IANA time zone identifier (such as 'America/New_York', 'UTC').\n   */\n  @property({ type: String, attribute: 'time-zone' }) timeZone?: string;\n\n  get #dateValue(): string {\n    return this.date ?? this.textContent?.trim() ?? '';\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  get #formattedDate(): string {\n    const iso = this.#dateValue;\n    if (!iso) return '';\n\n    const date = this.#parseDate(iso);\n    if (!date) return iso;\n\n    try {\n      return new Intl.DateTimeFormat(this.#resolvedLocale, this.#formatOptions).format(date);\n    } catch (e) {\n      LogService.warn(`format-datetime: ${(e as Error).message}`);\n      return iso;\n    }\n  }\n\n  get #formatOptions(): Intl.DateTimeFormatOptions {\n    return this.#hasPresetStyle ? this.#presetFormatOptions : this.#granularFormatOptions;\n  }\n\n  get #hasPresetStyle(): boolean {\n    return this.dateStyle !== undefined || this.timeStyle !== undefined;\n  }\n\n  get #presetFormatOptions(): Intl.DateTimeFormatOptions {\n    const options: Intl.DateTimeFormatOptions = {};\n\n    if (this.dateStyle) options.dateStyle = this.dateStyle;\n    if (this.timeStyle) options.timeStyle = this.timeStyle;\n    if (this.timeZone) options.timeZone = this.timeZone;\n\n    return options;\n  }\n\n  get #granularFormatOptions(): Intl.DateTimeFormatOptions {\n    const options: Intl.DateTimeFormatOptions = {};\n\n    if (this.weekday) options.weekday = this.weekday;\n    if (this.year) options.year = this.year;\n    if (this.month) options.month = this.month;\n    if (this.day) options.day = this.day;\n    if (this.hour) options.hour = this.hour;\n    if (this.minute) options.minute = this.minute;\n    if (this.second) options.second = this.second;\n    if (this.timeZoneName) options.timeZoneName = this.timeZoneName;\n    if (this.timeZone) options.timeZone = this.timeZone;\n\n    return options;\n  }\n\n  #parseDate(iso: string): Date | null {\n    const date = new Date(iso);\n    if (!isNaN(date.getTime())) return date;\n\n    LogService.warn(`format-datetime: invalid date value \"${iso}\"`);\n    return null;\n  }\n\n  render() {\n    return html`<time internal-host datetime=${this.#dateValue}>${this.#formattedDate}<slot @slotchange=${this.#onSlotChange} hidden></slot></time>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":";;;;;;;;AAmBO,IAAM,IAAN,cAA6B,EAAW;;EAC7B,KAAA,SAAA,EAAU,CAAC,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAuEA,IAAI,KAAqB;EACvB,OAAO,KAAK,QAAQ,KAAK,aAAa,KAAK,KAAK;CAClD;CAEA,IAAI,KAAsC;EACxC,OAAO,KAAK,WAAW,WAAW,UAAU,iBAAiB,QAAQ,KAAA;CACvE;CAEA,IAAI,KAAyB;EAC3B,IAAM,IAAM,KAAK;EACjB,IAAI,CAAC,GAAK,OAAO;EAEjB,IAAM,IAAO,KAAK,GAAW,CAAG;EAChC,IAAI,CAAC,GAAM,OAAO;EAElB,IAAI;GACF,OAAO,IAAI,KAAK,eAAe,KAAK,IAAiB,KAAK,EAAc,CAAC,CAAC,OAAO,CAAI;EACvF,SAAS,GAAG;GAEV,OADA,EAAW,KAAK,oBAAqB,EAAY,SAAS,GACnD;EACT;CACF;CAEA,IAAI,KAA6C;EAC/C,OAAO,KAAK,KAAkB,KAAK,KAAuB,KAAK;CACjE;CAEA,IAAI,KAA2B;EAC7B,OAAO,KAAK,cAAc,KAAA,KAAa,KAAK,cAAc,KAAA;CAC5D;CAEA,IAAI,KAAmD;EACrD,IAAM,IAAsC,CAAC;EAM7C,OAJI,KAAK,cAAW,EAAQ,YAAY,KAAK,YACzC,KAAK,cAAW,EAAQ,YAAY,KAAK,YACzC,KAAK,aAAU,EAAQ,WAAW,KAAK,WAEpC;CACT;CAEA,IAAI,KAAqD;EACvD,IAAM,IAAsC,CAAC;EAY7C,OAVI,KAAK,YAAS,EAAQ,UAAU,KAAK,UACrC,KAAK,SAAM,EAAQ,OAAO,KAAK,OAC/B,KAAK,UAAO,EAAQ,QAAQ,KAAK,QACjC,KAAK,QAAK,EAAQ,MAAM,KAAK,MAC7B,KAAK,SAAM,EAAQ,OAAO,KAAK,OAC/B,KAAK,WAAQ,EAAQ,SAAS,KAAK,SACnC,KAAK,WAAQ,EAAQ,SAAS,KAAK,SACnC,KAAK,iBAAc,EAAQ,eAAe,KAAK,eAC/C,KAAK,aAAU,EAAQ,WAAW,KAAK,WAEpC;CACT;CAEA,GAAW,GAA0B;EACnC,IAAM,IAAO,IAAI,KAAK,CAAG;EAIzB,OAHK,MAAM,EAAK,QAAQ,CAAC,KAEzB,EAAW,KAAK,wCAAwC,EAAI,EAAE,GACvD,QAH4B;CAIrC;CAEA,SAAS;EACP,OAAO,CAAI,iCAAgC,KAAK,GAAW,IAAG,KAAK,GAAe,qBAAoB,KAAK,GAAc;CAC3H;CAEA,KAAgB;EACd,KAAK,cAAc;CACrB;AACF;AAxIG,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,OAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAMzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAMlD,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAKlD,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAiB,CAAC,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,GAKtD,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAY,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GA5EnD,IAAA,EAAA,CAAA,EAAQ,CAAA,GAAA,CAAA"}
+{"version":3,"file":"format-datetime2.js","names":[],"sources":["../../src/format-datetime/format-datetime.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { useStyles, typeSSR } from '@nvidia-elements/core/internal';\nimport styles from './format-datetime.css?inline';\n\n/**\n * @element nve-format-datetime\n * @description Formats a date/time value as localized text using the Intl.DateTimeFormat API. Renders inside a semantic time element.\n * Granular options (weekday, year, month, day, hour, minute, second) mirror the Intl.DateTimeFormat API. 'numeric' omits zero-padding, '2-digit' zero-pads.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-datetime/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-datetime\n * @slot - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time\n */\n@typeSSR()\nexport class FormatDatetime extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-datetime',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional date string for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: String }) date?: string;\n\n  /**\n   * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Weekday representation: 'long' | 'short' | 'narrow'.\n   */\n  @property({ type: String }) weekday?: 'long' | 'short' | 'narrow';\n\n  /**\n   * Year representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) year?: 'numeric' | '2-digit';\n\n  /**\n   * Month representation: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'.\n   */\n  @property({ type: String }) month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';\n\n  /**\n   * Day representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) day?: 'numeric' | '2-digit';\n\n  /**\n   * Hour representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) hour?: 'numeric' | '2-digit';\n\n  /**\n   * Minute representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) minute?: 'numeric' | '2-digit';\n\n  /**\n   * Second representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) second?: 'numeric' | '2-digit';\n\n  /**\n   * Preset date formatting style: 'full' | 'long' | 'medium' | 'short'.\n   * Preset styles take precedence over granular date and time part options.\n   */\n  @property({ type: String, attribute: 'date-style' }) dateStyle?: 'full' | 'long' | 'medium' | 'short';\n\n  /**\n   * Preset time formatting style: 'full' | 'long' | 'medium' | 'short'.\n   * Preset styles take precedence over granular date and time part options.\n   */\n  @property({ type: String, attribute: 'time-style' }) timeStyle?: 'full' | 'long' | 'medium' | 'short';\n\n  /**\n   * Time zone name display: 'long' | 'short'. Use it with granular options only; preset styles ignore it.\n   */\n  @property({ type: String, attribute: 'time-zone-name' }) timeZoneName?: 'long' | 'short';\n\n  /**\n   * IANA time zone identifier (such as 'America/New_York', 'UTC').\n   */\n  @property({ type: String, attribute: 'time-zone' }) timeZone?: string;\n\n  get #dateValue(): string {\n    return this.date ?? this.textContent?.trim() ?? '';\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  get #formattedDate(): string {\n    const iso = this.#dateValue;\n    if (!iso) return '';\n\n    const date = this.#parseDate(iso);\n    if (!date) return iso;\n\n    try {\n      return new Intl.DateTimeFormat(this.#resolvedLocale, this.#formatOptions).format(date);\n    } catch {\n      return iso;\n    }\n  }\n\n  get #formatOptions(): Intl.DateTimeFormatOptions {\n    return this.#hasPresetStyle ? this.#presetFormatOptions : this.#granularFormatOptions;\n  }\n\n  get #hasPresetStyle(): boolean {\n    return this.dateStyle !== undefined || this.timeStyle !== undefined;\n  }\n\n  get #presetFormatOptions(): Intl.DateTimeFormatOptions {\n    const options: Intl.DateTimeFormatOptions = {};\n\n    if (this.dateStyle) options.dateStyle = this.dateStyle;\n    if (this.timeStyle) options.timeStyle = this.timeStyle;\n    if (this.timeZone) options.timeZone = this.timeZone;\n\n    return options;\n  }\n\n  get #granularFormatOptions(): Intl.DateTimeFormatOptions {\n    const options: Intl.DateTimeFormatOptions = {};\n\n    if (this.weekday) options.weekday = this.weekday;\n    if (this.year) options.year = this.year;\n    if (this.month) options.month = this.month;\n    if (this.day) options.day = this.day;\n    if (this.hour) options.hour = this.hour;\n    if (this.minute) options.minute = this.minute;\n    if (this.second) options.second = this.second;\n    if (this.timeZoneName) options.timeZoneName = this.timeZoneName;\n    if (this.timeZone) options.timeZone = this.timeZone;\n\n    return options;\n  }\n\n  #parseDate(iso: string): Date | null {\n    const date = new Date(iso);\n    if (!isNaN(date.getTime())) return date;\n\n    return null;\n  }\n\n  render() {\n    return html`<time internal-host datetime=${this.#dateValue}>${this.#formattedDate}<slot @slotchange=${this.#onSlotChange} hidden></slot></time>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":"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"}

package/dist/format-number/format-number.d.ts

@@ -74,11 +74,11 @@ export declare class FormatNumber extends LitElement {
      */
     useGrouping?: 'auto' | 'always' | 'min2' | 'true' | 'false' | boolean;
     /**
-     * Pad fraction output to at least this many digits (0-20).
+     * Pad fraction output to at least this many digits (0-100).
      */
     minimumFractionDigits?: number;
     /**
-     * Round fraction output to at most this many digits (0-20).
+     * Round fraction output to at most this many digits (0-100).
      */
     maximumFractionDigits?: number;
     /**

package/dist/format-number/format-number2.js

@@ -1,12 +1,11 @@
-import { LogService as e } from "../internal/services/log.service.js";
-import { typeSSR as t } from "../internal/controllers/type-ssr.controller.js";
-import { useStyles as n } from "../internal/styles/index.js";
-import r from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
-import i from "./format-number.js";
-import { LitElement as a, html as o } from "lit";
-import { property as s } from "lit/decorators/property.js";
+import { typeSSR as e } from "../internal/controllers/type-ssr.controller.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import n from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import r from "./format-number.js";
+import { LitElement as i, html as a } from "lit";
+import { property as o } from "lit/decorators/property.js";
 //#region src/format-number/format-number.ts
-var c = [
+var s = [
 	["currency", "currency"],
 	["currencyDisplay", "currencyDisplay"],
 	["currencySign", "currencySign"],
@@ -15,21 +14,21 @@ var c = [
 	["unit", "unit"],
 	["unitDisplay", "unitDisplay"],
 	["signDisplay", "signDisplay"]
-], l = [
+], c = [
 	["minimumFractionDigits", "minimumFractionDigits"],
 	["maximumFractionDigits", "maximumFractionDigits"],
 	["minimumIntegerDigits", "minimumIntegerDigits"]
-], u = class extends a {
+], l = class extends i {
 	constructor(...e) {
 		super(...e), this.formatStyle = "decimal";
 	}
 	static {
-		this.styles = n([i]);
+		this.styles = t([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-format-number",
-			version: "2.18.1"
+			version: "2.18.2"
 		};
 	}
 	get #e() {
@@ -39,73 +38,73 @@ var c = [
 		return this.locale ?? (globalThis.document?.documentElement?.lang || void 0);
 	}
 	get #n() {
-		let t = this.#e;
-		if (!t) return null;
-		let n = Number(t);
-		return Number.isFinite(n) ? n : (e.warn(`format-number: invalid numeric value "${t}"`), null);
+		let e = this.#e;
+		if (!e) return null;
+		let t = Number(e);
+		return Number.isFinite(t) ? t : null;
 	}
 	get #r() {
 		let e = { style: this.formatStyle };
-		for (let [t, n] of c) {
+		for (let [t, n] of s) {
 			let r = this[t];
 			r !== void 0 && (e[n] = r);
 		}
-		for (let [t, n] of l) {
+		for (let [t, n] of c) {
 			let r = this[t];
 			r !== void 0 && (e[n] = r);
 		}
 		return this.useGrouping !== void 0 && (e.useGrouping = this.useGrouping === "false" ? !1 : this.useGrouping === "true" || this.useGrouping), e;
 	}
 	get #i() {
-		let t = this.#e;
-		if (!t) return "";
-		let n = this.#n;
-		if (n === null) return t;
+		let e = this.#e;
+		if (!e) return "";
+		let t = this.#n;
+		if (t === null) return e;
 		try {
-			return new Intl.NumberFormat(this.#t, this.#r).format(n);
-		} catch (n) {
-			return e.warn(`format-number: ${n.message}`), t;
+			return new Intl.NumberFormat(this.#t, this.#r).format(t);
+		} catch {
+			return e;
 		}
 	}
 	render() {
-		return o`<data internal-host value="${this.#e}">${this.#i}<slot @slotchange="${this.#a}" hidden></slot></data>`;
+		return a`<data internal-host value="${this.#e}">${this.#i}<slot @slotchange="${this.#a}" hidden></slot></data>`;
 	}
 	#a() {
 		this.requestUpdate();
 	}
 };
-r([s({ type: String })], u.prototype, "number", void 0), r([s({ type: String })], u.prototype, "locale", void 0), r([s({
+n([o({ type: String })], l.prototype, "number", void 0), n([o({ type: String })], l.prototype, "locale", void 0), n([o({
 	type: String,
 	attribute: "format-style"
-})], u.prototype, "formatStyle", void 0), r([s({ type: String })], u.prototype, "currency", void 0), r([s({
+})], l.prototype, "formatStyle", void 0), n([o({ type: String })], l.prototype, "currency", void 0), n([o({
 	type: String,
 	attribute: "currency-sign"
-})], u.prototype, "currencySign", void 0), r([s({
+})], l.prototype, "currencySign", void 0), n([o({
 	type: String,
 	attribute: "currency-display"
-})], u.prototype, "currencyDisplay", void 0), r([s({ type: String })], u.prototype, "unit", void 0), r([s({
+})], l.prototype, "currencyDisplay", void 0), n([o({ type: String })], l.prototype, "unit", void 0), n([o({
 	type: String,
 	attribute: "unit-display"
-})], u.prototype, "unitDisplay", void 0), r([s({ type: String })], u.prototype, "notation", void 0), r([s({
+})], l.prototype, "unitDisplay", void 0), n([o({ type: String })], l.prototype, "notation", void 0), n([o({
 	type: String,
 	attribute: "compact-display"
-})], u.prototype, "compactDisplay", void 0), r([s({
+})], l.prototype, "compactDisplay", void 0), n([o({
 	type: String,
 	attribute: "sign-display"
-})], u.prototype, "signDisplay", void 0), r([s({
+})], l.prototype, "signDisplay", void 0), n([o({
 	type: String,
 	attribute: "use-grouping"
-})], u.prototype, "useGrouping", void 0), r([s({
+})], l.prototype, "useGrouping", void 0), n([o({
 	type: Number,
 	attribute: "minimum-fraction-digits"
-})], u.prototype, "minimumFractionDigits", void 0), r([s({
+})], l.prototype, "minimumFractionDigits", void 0), n([o({
 	type: Number,
 	attribute: "maximum-fraction-digits"
-})], u.prototype, "maximumFractionDigits", void 0), r([s({
+})], l.prototype, "maximumFractionDigits", void 0), n([o({
 	type: Number,
 	attribute: "minimum-integer-digits"
-})], u.prototype, "minimumIntegerDigits", void 0), u = r([t()], u);
+})], l.prototype, "minimumIntegerDigits", void 0), l = n([e()], l);
 //#endregion
-export { u as FormatNumber };
+export { l as FormatNumber };
 
 //# sourceMappingURL=format-number2.js.map

package/dist/format-number/format-number2.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-number2.js","names":[],"sources":["../../src/format-number/format-number.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { useStyles, typeSSR, LogService } from '@nvidia-elements/core/internal';\nimport styles from './format-number.css?inline';\n\nexport type FormatNumberStyle = 'decimal' | 'currency' | 'percent' | 'unit';\nexport type CurrencyDisplayOption = 'symbol' | 'code' | 'name' | 'narrowSymbol';\nexport type CurrencySignOption = 'standard' | 'accounting';\nexport type NotationOption = 'standard' | 'scientific' | 'engineering' | 'compact';\nexport type CompactDisplayOption = 'short' | 'long';\nexport type UnitDisplayOption = 'short' | 'long' | 'narrow';\nexport type SignDisplayOption = 'auto' | 'never' | 'always' | 'exceptZero';\n\nconst STRING_KEYS: [keyof FormatNumber, string][] = [\n  ['currency', 'currency'],\n  ['currencyDisplay', 'currencyDisplay'],\n  ['currencySign', 'currencySign'],\n  ['notation', 'notation'],\n  ['compactDisplay', 'compactDisplay'],\n  ['unit', 'unit'],\n  ['unitDisplay', 'unitDisplay'],\n  ['signDisplay', 'signDisplay']\n];\n\nconst NUMBER_KEYS: [keyof FormatNumber, string][] = [\n  ['minimumFractionDigits', 'minimumFractionDigits'],\n  ['maximumFractionDigits', 'maximumFractionDigits'],\n  ['minimumIntegerDigits', 'minimumIntegerDigits']\n];\n\n/**\n * @element nve-format-number\n * @description A localized number formatter for currencies, percentages, units, and compact notation, backed by Intl.NumberFormat.\n * Provide a `currency` attribute when `formatStyle` is `currency`, and a `unit` attribute when `formatStyle` is `unit`.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-number/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-number\n * @slot - Numeric string to format (such as 1234567 or 1234.56). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data\n */\n@typeSSR()\nexport class FormatNumber extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-number',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional numeric string for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: String }) number?: string;\n\n  /**\n   * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Formatting style: 'decimal' | 'currency' | 'percent' | 'unit'.\n   */\n  @property({ type: String, attribute: 'format-style' }) formatStyle: FormatNumberStyle = 'decimal';\n\n  /**\n   * ISO 4217 currency code (such as USD or EUR). Required when formatStyle is currency.\n   */\n  @property({ type: String }) currency?: string;\n\n  /**\n   * Currency sign style: 'standard' | 'accounting'.\n   */\n  @property({ type: String, attribute: 'currency-sign' }) currencySign?: CurrencySignOption;\n\n  /**\n   * Currency display style: 'symbol' | 'code' | 'name' | 'narrowSymbol'.\n   */\n  @property({ type: String, attribute: 'currency-display' }) currencyDisplay?: CurrencyDisplayOption;\n\n  /**\n   * Unit identifier (such as kilometer or byte). Required when formatStyle is unit.\n   */\n  @property({ type: String }) unit?: string;\n\n  /**\n   * Unit display style: 'short' | 'long' | 'narrow'.\n   */\n  @property({ type: String, attribute: 'unit-display' }) unitDisplay?: UnitDisplayOption;\n\n  /**\n   * Number notation: 'standard' | 'scientific' | 'engineering' | 'compact'.\n   */\n  @property({ type: String }) notation?: NotationOption;\n\n  /**\n   * Compact notation display: 'short' | 'long'. Only applies when notation is compact.\n   */\n  @property({ type: String, attribute: 'compact-display' }) compactDisplay?: CompactDisplayOption;\n\n  /**\n   * Sign display: 'auto' | 'never' | 'always' | 'exceptZero'.\n   */\n  @property({ type: String, attribute: 'sign-display' }) signDisplay?: SignDisplayOption;\n\n  /**\n   * Grouping separators: 'auto' | 'always' | 'min2' | 'true' | 'false'.\n   */\n  @property({ type: String, attribute: 'use-grouping' })\n  useGrouping?: 'auto' | 'always' | 'min2' | 'true' | 'false' | boolean;\n\n  /**\n   * Pad fraction output to at least this many digits (0-20).\n   */\n  @property({ type: Number, attribute: 'minimum-fraction-digits' }) minimumFractionDigits?: number;\n\n  /**\n   * Round fraction output to at most this many digits (0-20).\n   */\n  @property({ type: Number, attribute: 'maximum-fraction-digits' }) maximumFractionDigits?: number;\n\n  /**\n   * Pad integer output to at least this many digits (1-21).\n   */\n  @property({ type: Number, attribute: 'minimum-integer-digits' }) minimumIntegerDigits?: number;\n\n  get #rawValue(): string {\n    return this.number ?? this.textContent?.trim() ?? '';\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  get #parsedNumber(): number | null {\n    const raw = this.#rawValue;\n    if (!raw) return null;\n\n    const numericValue = Number(raw);\n    if (Number.isFinite(numericValue)) return numericValue;\n\n    LogService.warn(`format-number: invalid numeric value \"${raw}\"`);\n    return null;\n  }\n\n  get #formatOptions(): Intl.NumberFormatOptions {\n    const options: Intl.NumberFormatOptions = { style: this.formatStyle };\n\n    for (const [prop, key] of STRING_KEYS) {\n      const value = this[prop] as string | undefined;\n      if (value !== undefined) (options as Record<string, unknown>)[key] = value;\n    }\n\n    for (const [prop, key] of NUMBER_KEYS) {\n      const value = this[prop] as number | undefined;\n      if (value !== undefined) (options as Record<string, unknown>)[key] = value;\n    }\n\n    if (this.useGrouping !== undefined) {\n      const grouping = this.useGrouping === 'false' ? false : this.useGrouping === 'true' ? true : this.useGrouping;\n      (options as Record<string, unknown>).useGrouping = grouping;\n    }\n\n    return options;\n  }\n\n  get #formattedNumber(): string {\n    const raw = this.#rawValue;\n    if (!raw) return '';\n\n    const numericValue = this.#parsedNumber;\n    if (numericValue === null) return raw;\n\n    try {\n      return new Intl.NumberFormat(this.#resolvedLocale, this.#formatOptions).format(numericValue);\n    } catch (e) {\n      LogService.warn(`format-number: ${(e as Error).message}`);\n      return raw;\n    }\n  }\n\n  render() {\n    return html`<data internal-host value=${this.#rawValue}>${this.#formattedNumber}<slot @slotchange=${this.#onSlotChange} hidden></slot></data>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"format-number2.js","names":[],"sources":["../../src/format-number/format-number.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { useStyles, typeSSR } from '@nvidia-elements/core/internal';\nimport styles from './format-number.css?inline';\n\nexport type FormatNumberStyle = 'decimal' | 'currency' | 'percent' | 'unit';\nexport type CurrencyDisplayOption = 'symbol' | 'code' | 'name' | 'narrowSymbol';\nexport type CurrencySignOption = 'standard' | 'accounting';\nexport type NotationOption = 'standard' | 'scientific' | 'engineering' | 'compact';\nexport type CompactDisplayOption = 'short' | 'long';\nexport type UnitDisplayOption = 'short' | 'long' | 'narrow';\nexport type SignDisplayOption = 'auto' | 'never' | 'always' | 'exceptZero';\n\nconst STRING_KEYS: [keyof FormatNumber, string][] = [\n  ['currency', 'currency'],\n  ['currencyDisplay', 'currencyDisplay'],\n  ['currencySign', 'currencySign'],\n  ['notation', 'notation'],\n  ['compactDisplay', 'compactDisplay'],\n  ['unit', 'unit'],\n  ['unitDisplay', 'unitDisplay'],\n  ['signDisplay', 'signDisplay']\n];\n\nconst NUMBER_KEYS: [keyof FormatNumber, string][] = [\n  ['minimumFractionDigits', 'minimumFractionDigits'],\n  ['maximumFractionDigits', 'maximumFractionDigits'],\n  ['minimumIntegerDigits', 'minimumIntegerDigits']\n];\n\n/**\n * @element nve-format-number\n * @description A localized number formatter for currencies, percentages, units, and compact notation, backed by Intl.NumberFormat.\n * Provide a `currency` attribute when `formatStyle` is `currency`, and a `unit` attribute when `formatStyle` is `unit`.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-number/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-number\n * @slot - Numeric string to format (such as 1234567 or 1234.56). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data\n */\n@typeSSR()\nexport class FormatNumber extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-number',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional numeric string for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: String }) number?: string;\n\n  /**\n   * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Formatting style: 'decimal' | 'currency' | 'percent' | 'unit'.\n   */\n  @property({ type: String, attribute: 'format-style' }) formatStyle: FormatNumberStyle = 'decimal';\n\n  /**\n   * ISO 4217 currency code (such as USD or EUR). Required when formatStyle is currency.\n   */\n  @property({ type: String }) currency?: string;\n\n  /**\n   * Currency sign style: 'standard' | 'accounting'.\n   */\n  @property({ type: String, attribute: 'currency-sign' }) currencySign?: CurrencySignOption;\n\n  /**\n   * Currency display style: 'symbol' | 'code' | 'name' | 'narrowSymbol'.\n   */\n  @property({ type: String, attribute: 'currency-display' }) currencyDisplay?: CurrencyDisplayOption;\n\n  /**\n   * Unit identifier (such as kilometer or byte). Required when formatStyle is unit.\n   */\n  @property({ type: String }) unit?: string;\n\n  /**\n   * Unit display style: 'short' | 'long' | 'narrow'.\n   */\n  @property({ type: String, attribute: 'unit-display' }) unitDisplay?: UnitDisplayOption;\n\n  /**\n   * Number notation: 'standard' | 'scientific' | 'engineering' | 'compact'.\n   */\n  @property({ type: String }) notation?: NotationOption;\n\n  /**\n   * Compact notation display: 'short' | 'long'. Only applies when notation is compact.\n   */\n  @property({ type: String, attribute: 'compact-display' }) compactDisplay?: CompactDisplayOption;\n\n  /**\n   * Sign display: 'auto' | 'never' | 'always' | 'exceptZero'.\n   */\n  @property({ type: String, attribute: 'sign-display' }) signDisplay?: SignDisplayOption;\n\n  /**\n   * Grouping separators: 'auto' | 'always' | 'min2' | 'true' | 'false'.\n   */\n  @property({ type: String, attribute: 'use-grouping' })\n  useGrouping?: 'auto' | 'always' | 'min2' | 'true' | 'false' | boolean;\n\n  /**\n   * Pad fraction output to at least this many digits (0-100).\n   */\n  @property({ type: Number, attribute: 'minimum-fraction-digits' }) minimumFractionDigits?: number;\n\n  /**\n   * Round fraction output to at most this many digits (0-100).\n   */\n  @property({ type: Number, attribute: 'maximum-fraction-digits' }) maximumFractionDigits?: number;\n\n  /**\n   * Pad integer output to at least this many digits (1-21).\n   */\n  @property({ type: Number, attribute: 'minimum-integer-digits' }) minimumIntegerDigits?: number;\n\n  get #rawValue(): string {\n    return this.number ?? this.textContent?.trim() ?? '';\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  get #parsedNumber(): number | null {\n    const raw = this.#rawValue;\n    if (!raw) return null;\n\n    const numericValue = Number(raw);\n    if (Number.isFinite(numericValue)) return numericValue;\n\n    return null;\n  }\n\n  get #formatOptions(): Intl.NumberFormatOptions {\n    const options: Intl.NumberFormatOptions = { style: this.formatStyle };\n\n    for (const [prop, key] of STRING_KEYS) {\n      const value = this[prop] as string | undefined;\n      if (value !== undefined) (options as Record<string, unknown>)[key] = value;\n    }\n\n    for (const [prop, key] of NUMBER_KEYS) {\n      const value = this[prop] as number | undefined;\n      if (value !== undefined) (options as Record<string, unknown>)[key] = value;\n    }\n\n    if (this.useGrouping !== undefined) {\n      const grouping = this.useGrouping === 'false' ? false : this.useGrouping === 'true' ? true : this.useGrouping;\n      (options as Record<string, unknown>).useGrouping = grouping;\n    }\n\n    return options;\n  }\n\n  get #formattedNumber(): string {\n    const raw = this.#rawValue;\n    if (!raw) return '';\n\n    const numericValue = this.#parsedNumber;\n    if (numericValue === null) return raw;\n\n    try {\n      return new Intl.NumberFormat(this.#resolvedLocale, this.#formatOptions).format(numericValue);\n    } catch {\n      return raw;\n    }\n  }\n\n  render() {\n    return html`<data internal-host value=${this.#rawValue}>${this.#formattedNumber}<slot @slotchange=${this.#onSlotChange} hidden></slot></data>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":"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"}

package/dist/format-relative-time/format-relative-time2.js

@@ -1,12 +1,11 @@
-import { LogService as e } from "../internal/services/log.service.js";
-import { typeSSR as t } from "../internal/controllers/type-ssr.controller.js";
-import { useStyles as n } from "../internal/styles/index.js";
-import r from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
-import i from "./format-relative-time.js";
-import { LitElement as a, html as o } from "lit";
-import { property as s } from "lit/decorators/property.js";
+import { typeSSR as e } from "../internal/controllers/type-ssr.controller.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import n from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import r from "./format-relative-time.js";
+import { LitElement as i, html as a } from "lit";
+import { property as o } from "lit/decorators/property.js";
 //#region src/format-relative-time/format-relative-time.ts
-var c = {
+var s = {
 	second: 1e3,
 	minute: 6e4,
 	hour: 36e5,
@@ -14,7 +13,7 @@ var c = {
 	week: 6048e5,
 	month: 2592e6,
 	year: 31536e6
-}, l = [
+}, c = [
 	{
 		unit: "second",
 		max: 60
@@ -43,17 +42,17 @@ var c = {
 		unit: "year",
 		max: Infinity
 	}
-], u = class extends a {
+], l = class extends i {
 	constructor(...e) {
 		super(...e), this.numeric = "always", this.formatStyle = "long", this.unit = "auto", this.sync = !1;
 	}
 	static {
-		this.styles = n([i]);
+		this.styles = t([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-format-relative-time",
-			version: "2.18.1"
+			version: "2.18.2"
 		};
 	}
 	#e;
@@ -65,20 +64,20 @@ var c = {
 	}
 	#r(e) {
 		let t = Math.abs(e), n = e < 0 ? -1 : 1;
-		for (let { unit: e, max: r } of l) {
-			let i = Math.round(t / c[e]);
+		for (let { unit: e, max: r } of c) {
+			let i = Math.round(t / s[e]);
 			if (i < r) return {
 				value: n * i,
 				unit: e
 			};
 		}
 		return {
-			value: n * Math.round(t / c.year),
+			value: n * Math.round(t / s.year),
 			unit: "year"
 		};
 	}
 	#i(e, t) {
-		return Math.round(e / c[t]);
+		return Math.round(e / s[t]);
 	}
 	#a(e) {
 		return this.unit === "auto" ? this.#r(e) : {
@@ -87,18 +86,18 @@ var c = {
 		};
 	}
 	get #o() {
-		let t = this.#t;
-		if (!t) return "";
-		let n = new Date(t);
-		if (isNaN(n.getTime())) return e.warn(`format-relative-time: invalid date value "${t}"`), t;
-		let { value: r, unit: i } = this.#a(n.getTime() - Date.now());
+		let e = this.#t;
+		if (!e) return "";
+		let t = new Date(e);
+		if (isNaN(t.getTime())) return e;
+		let { value: n, unit: r } = this.#a(t.getTime() - Date.now());
 		try {
 			return new Intl.RelativeTimeFormat(this.#n, {
 				numeric: this.numeric,
 				style: this.formatStyle
-			}).format(r, i);
-		} catch (n) {
-			return e.warn(`format-relative-time: ${n.message}`), t;
+			}).format(n, r);
+		} catch {
+			return e;
 		}
 	}
 	#s() {
@@ -125,17 +124,17 @@ var c = {
 		e.has("sync") && (this.sync ? this.#c() : this.#l());
 	}
 	render() {
-		return o`<time internal-host datetime="${this.#t}">${this.#o}<slot @slotchange="${this.#u}" hidden></slot></time>`;
+		return a`<time internal-host datetime="${this.#t}">${this.#o}<slot @slotchange="${this.#u}" hidden></slot></time>`;
 	}
 	#u() {
 		this.requestUpdate();
 	}
 };
-r([s({ type: String })], u.prototype, "date", void 0), r([s({ type: String })], u.prototype, "locale", void 0), r([s({ type: String })], u.prototype, "numeric", void 0), r([s({
+n([o({ type: String })], l.prototype, "date", void 0), n([o({ type: String })], l.prototype, "locale", void 0), n([o({ type: String })], l.prototype, "numeric", void 0), n([o({
 	type: String,
 	attribute: "format-style"
-})], u.prototype, "formatStyle", void 0), r([s({ type: String })], u.prototype, "unit", void 0), r([s({ type: Boolean })], u.prototype, "sync", void 0), u = r([t()], u);
+})], l.prototype, "formatStyle", void 0), n([o({ type: String })], l.prototype, "unit", void 0), n([o({ type: Boolean })], l.prototype, "sync", void 0), l = n([e()], l);
 //#endregion
-export { u as FormatRelativeTime };
+export { l as FormatRelativeTime };
 
 //# sourceMappingURL=format-relative-time2.js.map

package/dist/format-relative-time/format-relative-time2.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-relative-time2.js","names":[],"sources":["../../src/format-relative-time/format-relative-time.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { useStyles, typeSSR, LogService } from '@nvidia-elements/core/internal';\nimport styles from './format-relative-time.css?inline';\n\ntype TimeUnitOption = 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year';\n\nconst UNIT_DIVISORS: Record<TimeUnitOption, number> = {\n  second: 1000,\n  minute: 60000,\n  hour: 3600000,\n  day: 86400000,\n  week: 604800000,\n  month: 2592000000,\n  year: 31536000000\n};\n\nconst THRESHOLDS: { unit: TimeUnitOption; max: number }[] = [\n  { unit: 'second', max: 60 },\n  { unit: 'minute', max: 60 },\n  { unit: 'hour', max: 24 },\n  { unit: 'day', max: 7 },\n  { unit: 'week', max: 4 },\n  { unit: 'month', max: 12 },\n  { unit: 'year', max: Number.POSITIVE_INFINITY }\n];\n\n/**\n * @element nve-format-relative-time\n * @description Formats a date/time value as localized relative text using the Intl.RelativeTimeFormat API. Renders inside a semantic time element.\n * Options mirror the Intl.RelativeTimeFormat API. When unit is 'auto', the component selects the best unit based on the time difference.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-relative-time/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-relative-time\n * @slot - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time\n */\n@typeSSR()\nexport class FormatRelativeTime extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-relative-time',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional date string for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: String }) date?: string;\n\n  /**\n   * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Numeric formatting: 'always' | 'auto'. When 'auto', enables natural language forms such as 'yesterday' instead of '1 day ago'.\n   */\n  @property({ type: String }) numeric: 'always' | 'auto' = 'always';\n\n  /**\n   * Formatting length: 'long' | 'short' | 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option.\n   */\n  @property({ type: String, attribute: 'format-style' }) formatStyle: 'long' | 'short' | 'narrow' = 'long';\n\n  /**\n   * Time unit: 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' | 'auto'. Use 'auto' to let the component select the most appropriate unit based on the time difference.\n   */\n  @property({ type: String }) unit: 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' | 'auto' = 'auto';\n\n  /**\n   * When present, auto-updates the displayed relative time at appropriate intervals.\n   */\n  @property({ type: Boolean }) sync = false;\n\n  #timer?: ReturnType<typeof setTimeout>;\n\n  get #dateValue(): string {\n    return this.date ?? this.textContent?.trim() ?? '';\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  #computeUnit(diffMs: number): { value: number; unit: Intl.RelativeTimeFormatUnit } {\n    const absDiff = Math.abs(diffMs);\n    const sign = diffMs < 0 ? -1 : 1;\n\n    for (const { unit, max } of THRESHOLDS) {\n      const value = Math.round(absDiff / UNIT_DIVISORS[unit]);\n      if (value < max) return { value: sign * value, unit };\n    }\n    return { value: sign * Math.round(absDiff / UNIT_DIVISORS.year), unit: 'year' };\n  }\n\n  #computeExplicitUnit(diffMs: number, unit: TimeUnitOption): number {\n    return Math.round(diffMs / UNIT_DIVISORS[unit]);\n  }\n\n  #resolveValueAndUnit(diffMs: number): { value: number; unit: Intl.RelativeTimeFormatUnit } {\n    if (this.unit === 'auto') {\n      return this.#computeUnit(diffMs);\n    }\n    return { unit: this.unit, value: this.#computeExplicitUnit(diffMs, this.unit) };\n  }\n\n  get #formattedRelativeTime(): string {\n    const iso = this.#dateValue;\n    if (!iso) return '';\n\n    const target = new Date(iso);\n    if (isNaN(target.getTime())) {\n      LogService.warn(`format-relative-time: invalid date value \"${iso}\"`);\n      return iso;\n    }\n\n    const { value, unit: resolvedUnit } = this.#resolveValueAndUnit(target.getTime() - Date.now());\n\n    try {\n      return new Intl.RelativeTimeFormat(this.#resolvedLocale, {\n        numeric: this.numeric,\n        style: this.formatStyle\n      }).format(value, resolvedUnit);\n    } catch (e) {\n      LogService.warn(`format-relative-time: ${(e as Error).message}`);\n      return iso;\n    }\n  }\n\n  #getSyncInterval(): number {\n    const iso = this.#dateValue;\n    if (!iso) return 60000;\n\n    const absDiff = Math.abs(new Date(iso).getTime() - Date.now());\n    if (absDiff < 60000) return 10000;\n    if (absDiff < 3600000) return 30000;\n    if (absDiff < 86400000) return 300000;\n    return 3600000;\n  }\n\n  #startSync() {\n    this.#stopSync();\n    if (!this.sync) return;\n\n    this.#timer = setTimeout(() => {\n      this.requestUpdate();\n      this.#startSync();\n    }, this.#getSyncInterval());\n  }\n\n  #stopSync() {\n    if (this.#timer !== undefined) {\n      clearTimeout(this.#timer);\n      this.#timer = undefined;\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.sync) this.#startSync();\n  }\n\n  disconnectedCallback() {\n    this.#stopSync();\n    super.disconnectedCallback();\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('sync')) {\n      if (this.sync) {\n        this.#startSync();\n      } else {\n        this.#stopSync();\n      }\n    }\n  }\n\n  render() {\n    return html`<time internal-host datetime=${this.#dateValue}>${this.#formattedRelativeTime}<slot @slotchange=${this.#onSlotChange} hidden></slot></time>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAgD;CACpD,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,KAAK;CACL,MAAM;CACN,OAAO;CACP,MAAM;AACR,GAEM,IAAsD;CAC1D;EAAE,MAAM;EAAU,KAAK;CAAG;CAC1B;EAAE,MAAM;EAAU,KAAK;CAAG;CAC1B;EAAE,MAAM;EAAQ,KAAK;CAAG;CACxB;EAAE,MAAM;EAAO,KAAK;CAAE;CACtB;EAAE,MAAM;EAAQ,KAAK;CAAE;CACvB;EAAE,MAAM;EAAS,KAAK;CAAG;CACzB;EAAE,MAAM;EAAQ,KAAK;CAAyB;AAChD,GAaa,IAAN,cAAiC,EAAW;;EAsCb,aAfqB,KAAA,UAAA,UAKyC,KAAA,cAAA,QAKY,KAAA,OAAA,QAK1E,KAAA,OAAA;;;EArCpB,KAAA,SAAA,EAAU,CAAC,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAkCA;CAEA,IAAI,KAAqB;EACvB,OAAO,KAAK,QAAQ,KAAK,aAAa,KAAK,KAAK;CAClD;CAEA,IAAI,KAAsC;EACxC,OAAO,KAAK,WAAW,WAAW,UAAU,iBAAiB,QAAQ,KAAA;CACvE;CAEA,GAAa,GAAsE;EACjF,IAAM,IAAU,KAAK,IAAI,CAAM,GACzB,IAAO,IAAS,IAAI,KAAK;EAE/B,KAAK,IAAM,EAAE,SAAM,YAAS,GAAY;GACtC,IAAM,IAAQ,KAAK,MAAM,IAAU,EAAc,EAAK;GACtD,IAAI,IAAQ,GAAK,OAAO;IAAE,OAAO,IAAO;IAAO;GAAK;EACtD;EACA,OAAO;GAAE,OAAO,IAAO,KAAK,MAAM,IAAU,EAAc,IAAI;GAAG,MAAM;EAAO;CAChF;CAEA,GAAqB,GAAgB,GAA8B;EACjE,OAAO,KAAK,MAAM,IAAS,EAAc,EAAK;CAChD;CAEA,GAAqB,GAAsE;EAIzF,OAHI,KAAK,SAAS,SACT,KAAK,GAAa,CAAM,IAE1B;GAAE,MAAM,KAAK;GAAM,OAAO,KAAK,GAAqB,GAAQ,KAAK,IAAI;EAAE;CAChF;CAEA,IAAI,KAAiC;EACnC,IAAM,IAAM,KAAK;EACjB,IAAI,CAAC,GAAK,OAAO;EAEjB,IAAM,IAAS,IAAI,KAAK,CAAG;EAC3B,IAAI,MAAM,EAAO,QAAQ,CAAC,GAExB,OADA,EAAW,KAAK,6CAA6C,EAAI,EAAE,GAC5D;EAGT,IAAM,EAAE,UAAO,MAAM,MAAiB,KAAK,GAAqB,EAAO,QAAQ,IAAI,KAAK,IAAI,CAAC;EAE7F,IAAI;GACF,OAAO,IAAI,KAAK,mBAAmB,KAAK,IAAiB;IACvD,SAAS,KAAK;IACd,OAAO,KAAK;GACd,CAAC,CAAC,CAAC,OAAO,GAAO,CAAY;EAC/B,SAAS,GAAG;GAEV,OADA,EAAW,KAAK,yBAA0B,EAAY,SAAS,GACxD;EACT;CACF;CAEA,KAA2B;EACzB,IAAM,IAAM,KAAK;EACjB,IAAI,CAAC,GAAK,OAAO;EAEjB,IAAM,IAAU,KAAK,IAAI,IAAI,KAAK,CAAG,CAAC,CAAC,QAAQ,IAAI,KAAK,IAAI,CAAC;EAI7D,OAHI,IAAU,MAAc,MACxB,IAAU,OAAgB,MAC1B,IAAU,QAAiB,MACxB;CACT;CAEA,KAAa;EACX,KAAK,GAAU,GACV,KAAK,SAEV,KAAK,KAAS,iBAAiB;GAE7B,AADA,KAAK,cAAc,GACnB,KAAK,GAAW;EAClB,GAAG,KAAK,GAAiB,CAAC;CAC5B;CAEA,KAAY;EACV,AAAI,KAAK,OAAW,KAAA,MAClB,aAAa,KAAK,EAAM,GACxB,KAAK,KAAS,KAAA;CAElB;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACpB,KAAK,QAAM,KAAK,GAAW;CACjC;CAEA,uBAAuB;EAErB,AADA,KAAK,GAAU,GACf,MAAM,qBAAqB;CAC7B;CAEA,QAAQ,GAA+B;EACrC,AAAI,EAAQ,IAAI,MAAM,MAChB,KAAK,OACP,KAAK,GAAW,IAEhB,KAAK,GAAU;CAGrB;CAEA,SAAS;EACP,OAAO,CAAI,iCAAgC,KAAK,GAAW,IAAG,KAAK,GAAuB,qBAAoB,KAAK,GAAc;CACnI;CAEA,KAAgB;EACd,KAAK,cAAc;CACrB;AACF;AAzIG,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAe,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,GAKpD,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAKzB,EAAA,CAAA,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAvC5B,IAAA,EAAA,CAAA,EAAQ,CAAA,GAAA,CAAA"}
+{"version":3,"file":"format-relative-time2.js","names":[],"sources":["../../src/format-relative-time/format-relative-time.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { useStyles, typeSSR } from '@nvidia-elements/core/internal';\nimport styles from './format-relative-time.css?inline';\n\ntype TimeUnitOption = 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year';\n\nconst UNIT_DIVISORS: Record<TimeUnitOption, number> = {\n  second: 1000,\n  minute: 60000,\n  hour: 3600000,\n  day: 86400000,\n  week: 604800000,\n  month: 2592000000,\n  year: 31536000000\n};\n\nconst THRESHOLDS: { unit: TimeUnitOption; max: number }[] = [\n  { unit: 'second', max: 60 },\n  { unit: 'minute', max: 60 },\n  { unit: 'hour', max: 24 },\n  { unit: 'day', max: 7 },\n  { unit: 'week', max: 4 },\n  { unit: 'month', max: 12 },\n  { unit: 'year', max: Number.POSITIVE_INFINITY }\n];\n\n/**\n * @element nve-format-relative-time\n * @description Formats a date/time value as localized relative text using the Intl.RelativeTimeFormat API. Renders inside a semantic time element.\n * Options mirror the Intl.RelativeTimeFormat API. When unit is 'auto', the component selects the best unit based on the time difference.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-relative-time/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-relative-time\n * @slot - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time\n */\n@typeSSR()\nexport class FormatRelativeTime extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-relative-time',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional date string for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: String }) date?: string;\n\n  /**\n   * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Numeric formatting: 'always' | 'auto'. When 'auto', enables natural language forms such as 'yesterday' instead of '1 day ago'.\n   */\n  @property({ type: String }) numeric: 'always' | 'auto' = 'always';\n\n  /**\n   * Formatting length: 'long' | 'short' | 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option.\n   */\n  @property({ type: String, attribute: 'format-style' }) formatStyle: 'long' | 'short' | 'narrow' = 'long';\n\n  /**\n   * Time unit: 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' | 'auto'. Use 'auto' to let the component select the most appropriate unit based on the time difference.\n   */\n  @property({ type: String }) unit: 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' | 'auto' = 'auto';\n\n  /**\n   * When present, auto-updates the displayed relative time at appropriate intervals.\n   */\n  @property({ type: Boolean }) sync = false;\n\n  #timer?: ReturnType<typeof setTimeout>;\n\n  get #dateValue(): string {\n    return this.date ?? this.textContent?.trim() ?? '';\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  #computeUnit(diffMs: number): { value: number; unit: Intl.RelativeTimeFormatUnit } {\n    const absDiff = Math.abs(diffMs);\n    const sign = diffMs < 0 ? -1 : 1;\n\n    for (const { unit, max } of THRESHOLDS) {\n      const value = Math.round(absDiff / UNIT_DIVISORS[unit]);\n      if (value < max) return { value: sign * value, unit };\n    }\n    return { value: sign * Math.round(absDiff / UNIT_DIVISORS.year), unit: 'year' };\n  }\n\n  #computeExplicitUnit(diffMs: number, unit: TimeUnitOption): number {\n    return Math.round(diffMs / UNIT_DIVISORS[unit]);\n  }\n\n  #resolveValueAndUnit(diffMs: number): { value: number; unit: Intl.RelativeTimeFormatUnit } {\n    if (this.unit === 'auto') {\n      return this.#computeUnit(diffMs);\n    }\n    return { unit: this.unit, value: this.#computeExplicitUnit(diffMs, this.unit) };\n  }\n\n  get #formattedRelativeTime(): string {\n    const iso = this.#dateValue;\n    if (!iso) return '';\n\n    const target = new Date(iso);\n    if (isNaN(target.getTime())) {\n      return iso;\n    }\n\n    const { value, unit: resolvedUnit } = this.#resolveValueAndUnit(target.getTime() - Date.now());\n\n    try {\n      return new Intl.RelativeTimeFormat(this.#resolvedLocale, {\n        numeric: this.numeric,\n        style: this.formatStyle\n      }).format(value, resolvedUnit);\n    } catch {\n      return iso;\n    }\n  }\n\n  #getSyncInterval(): number {\n    const iso = this.#dateValue;\n    if (!iso) return 60000;\n\n    const absDiff = Math.abs(new Date(iso).getTime() - Date.now());\n    if (absDiff < 60000) return 10000;\n    if (absDiff < 3600000) return 30000;\n    if (absDiff < 86400000) return 300000;\n    return 3600000;\n  }\n\n  #startSync() {\n    this.#stopSync();\n    if (!this.sync) return;\n\n    this.#timer = setTimeout(() => {\n      this.requestUpdate();\n      this.#startSync();\n    }, this.#getSyncInterval());\n  }\n\n  #stopSync() {\n    if (this.#timer !== undefined) {\n      clearTimeout(this.#timer);\n      this.#timer = undefined;\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.sync) this.#startSync();\n  }\n\n  disconnectedCallback() {\n    this.#stopSync();\n    super.disconnectedCallback();\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('sync')) {\n      if (this.sync) {\n        this.#startSync();\n      } else {\n        this.#stopSync();\n      }\n    }\n  }\n\n  render() {\n    return html`<time internal-host datetime=${this.#dateValue}>${this.#formattedRelativeTime}<slot @slotchange=${this.#onSlotChange} hidden></slot></time>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":"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"}

package/dist/format-truncate/format-truncate2.js

@@ -19,7 +19,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-format-truncate",
-			version: "2.18.1"
+			version: "2.18.2"
 		};
 	}
 	#e;

package/dist/forms/control/control2.js

@@ -48,7 +48,7 @@ var C = class extends v {
 	static {
 		this.metadata = {
 			tag: "nve-control",
-			version: "2.18.1"
+			version: "2.18.2"
 		};
 	}
 	render() {

package/dist/forms/control-group/control-group2.js

@@ -24,7 +24,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-control-group",
-			version: "2.18.1"
+			version: "2.18.2"
 		};
 	}
 	render() {