@nvidia-elements/core 2.2.2 → 2.3.0

package/dist/format-bytes/define.d.ts

@@ -0,0 +1,6 @@
+import { FormatBytes } from '@nvidia-elements/core/format-bytes';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nve-format-bytes': FormatBytes;
+    }
+}

package/dist/format-bytes/define.js

@@ -0,0 +1,7 @@
+import { define as e } from "../internal/utils/dom.js";
+import { FormatBytes as t } from "./format-bytes2.js";
+//#region src/format-bytes/define.ts
+e(t);
+//#endregion
+
+//# sourceMappingURL=define.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","names":[],"sources":["../../src/format-bytes/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { FormatBytes } from '@nvidia-elements/core/format-bytes';\n\ndefine(FormatBytes);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-format-bytes': FormatBytes;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAW"}

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

@@ -0,0 +1,53 @@
+import { LitElement } from 'lit';
+export type FormatBytesDisplay = 'decimal' | 'binary';
+export type FormatBytesUnit = 'b' | 'kb' | 'mb' | 'gb' | 'tb' | 'pb';
+export type FormatBytesUnitDisplay = 'short' | 'long';
+/**
+ * @element nve-format-bytes
+ * @description Formats a byte count as localized, human-readable decimal or binary units.
+ * @documentation https://nvidia.github.io/elements/docs/elements/format-bytes/
+ * @since 0.0.0
+ * @entrypoint \@nvidia-elements/core/format-bytes
+ * @slot - Numeric byte count to format (such as 1048576). Serves as fallback before hydration.
+ * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data
+ */
+export declare class FormatBytes extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static readonly metadata: {
+        tag: string;
+        version: string;
+    };
+    /**
+     * Optional byte count for values supplied by JavaScript or bound data.
+     * By default, the component formats the element's text content, which also serves as the SSR fallback.
+     * When both are present, this property takes precedence.
+     */
+    value?: number;
+    /**
+     * Unit system: 'decimal' uses powers of 1000 and 'binary' uses powers of 1024.
+     */
+    display: FormatBytesDisplay;
+    /**
+     * Optional unit magnitude. When omitted, the component selects a unit from the byte count.
+     */
+    unit?: FormatBytesUnit;
+    /**
+     * Unit label length: 'short' renders labels such as 'mb'; 'long' renders labels such as 'megabytes'.
+     */
+    unitDisplay: FormatBytesUnitDisplay;
+    /**
+     * Language tag (such as en-US or de-DE) used to format the number.
+     * Defaults to document.documentElement.lang or the runtime default.
+     */
+    locale?: string;
+    /**
+     * Pad fraction output to at least this many digits.
+     */
+    minimumFractionDigits?: number;
+    /**
+     * Round fraction output to at most this many digits. Defaults to two effective digits after the decimal point.
+     */
+    maximumFractionDigits?: number;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/format-bytes/format-bytes.examples.js

@@ -0,0 +1,6 @@
+//#region src/format-bytes/format-bytes.examples.ts
+var e = "";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=format-bytes.examples.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format-bytes.examples.js","names":[],"sources":["../../src/format-bytes/format-bytes.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/format-bytes/define.js';\n\nexport default {\n  title: 'Elements/FormatBytes',\n  component: 'nve-format-bytes'\n};\n\n/**\n * @summary Automatic decimal conversion for concise file sizes and storage metrics. The component selects the appropriate unit from the byte count.\n */\nexport const Default = {\n  render: () => html`\n    <div nve-layout=\"column gap:sm\">\n      <nve-format-bytes>1024</nve-format-bytes>\n      <nve-format-bytes>1048576</nve-format-bytes>\n      <nve-format-bytes>1073741824</nve-format-bytes>\n    </div>\n  `\n};\n\n/**\n * @summary Forced unit magnitudes for comparing byte counts on a consistent scale. Use when values need the same unit across a table or chart.\n */\nexport const Unit = {\n  render: () => html`\n    <div nve-layout=\"column gap:sm\">\n      <nve-format-bytes unit=\"kb\">1048576</nve-format-bytes>\n      <nve-format-bytes unit=\"mb\">1048576</nve-format-bytes>\n      <nve-format-bytes unit=\"gb\">1048576</nve-format-bytes>\n    </div>\n  `\n};\n\n/**\n * @summary Short and long unit labels for compact metrics or explanatory text. Long labels improve clarity when space allows.\n */\nexport const UnitDisplay = {\n  render: () => html`\n    <div nve-layout=\"column gap:sm\">\n      <nve-format-bytes unit-display=\"short\">1048576</nve-format-bytes>\n      <nve-format-bytes unit-display=\"long\">1048576</nve-format-bytes>\n      <nve-format-bytes display=\"binary\" unit-display=\"long\">1048576</nve-format-bytes>\n    </div>\n  `\n};\n\n/**\n * @summary Fraction digit controls for matching the precision of storage measurements. Use fixed digits when values must align visually.\n */\nexport const Precision = {\n  render: () => html`\n    <div nve-layout=\"column gap:sm\">\n      <nve-format-bytes maximum-fraction-digits=\"0\">1234567</nve-format-bytes>\n      <nve-format-bytes maximum-fraction-digits=\"2\">1234567</nve-format-bytes>\n      <nve-format-bytes minimum-fraction-digits=\"3\" maximum-fraction-digits=\"3\">1234567</nve-format-bytes>\n    </div>\n  `\n};\n\n/**\n * @summary Explicit locale formatting for audiences whose numeric separators differ from the document language. Unit labels remain lowercase English.\n */\nexport const Locale = {\n  render: () => html`\n    <div nve-layout=\"column gap:sm\">\n      <nve-format-bytes locale=\"en-US\">1048576</nve-format-bytes>\n      <nve-format-bytes locale=\"de-DE\">1048576</nve-format-bytes>\n      <nve-format-bytes locale=\"fr-FR\">1048576</nve-format-bytes>\n    </div>\n  `\n};\n\n/**\n * @summary Value attribute input for JavaScript or bound data. It takes precedence over text content while the text remains an SSR fallback.\n */\nexport const Value = {\n  render: () => html`<nve-format-bytes value=\"1048576\">1024</nve-format-bytes>`\n};\n\n/**\n * @summary Decimal and binary conversion for matching SI or IEC storage conventions. Use the convention expected by the surrounding product.\n */\nexport const Display = {\n  render: () => html`\n    <div nve-layout=\"column gap:sm\">\n      <nve-format-bytes display=\"decimal\">1024</nve-format-bytes>\n      <nve-format-bytes display=\"binary\">1024</nve-format-bytes>\n    </div>\n  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}

package/dist/format-bytes/format-bytes.examples.json

@@ -0,0 +1,69 @@
+{
+  "element": "nve-format-bytes",
+  "entrypoint": "@nvidia-elements/core/format-bytes/format-bytes.examples.json",
+  "items": [
+    {
+      "id": "format-bytes",
+      "name": "Default",
+      "template": "<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes>1024</nve-format-bytes>\n  <nve-format-bytes>1048576</nve-format-bytes>\n  <nve-format-bytes>1073741824</nve-format-bytes>\n</div>\n",
+      "summary": "Automatic decimal conversion for concise file sizes and storage metrics. The component selects the appropriate unit from the byte count.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "format-bytes-unit",
+      "name": "Unit",
+      "template": "<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes unit=\"kb\">1048576</nve-format-bytes>\n  <nve-format-bytes unit=\"mb\">1048576</nve-format-bytes>\n  <nve-format-bytes unit=\"gb\">1048576</nve-format-bytes>\n</div>\n",
+      "summary": "Forced unit magnitudes for comparing byte counts on a consistent scale. Use when values need the same unit across a table or chart.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "format-bytes-unit-display",
+      "name": "UnitDisplay",
+      "template": "<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes unit-display=\"short\">1048576</nve-format-bytes>\n  <nve-format-bytes unit-display=\"long\">1048576</nve-format-bytes>\n  <nve-format-bytes display=\"binary\" unit-display=\"long\">1048576</nve-format-bytes>\n</div>\n",
+      "summary": "Short and long unit labels for compact metrics or explanatory text. Long labels improve clarity when space allows.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "format-bytes-precision",
+      "name": "Precision",
+      "template": "<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes maximum-fraction-digits=\"0\">1234567</nve-format-bytes>\n  <nve-format-bytes maximum-fraction-digits=\"2\">1234567</nve-format-bytes>\n  <nve-format-bytes minimum-fraction-digits=\"3\" maximum-fraction-digits=\"3\">1234567</nve-format-bytes>\n</div>\n",
+      "summary": "Fraction digit controls for matching the precision of storage measurements. Use fixed digits when values must align visually.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "format-bytes-locale",
+      "name": "Locale",
+      "template": "<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes locale=\"en-US\">1048576</nve-format-bytes>\n  <nve-format-bytes locale=\"de-DE\">1048576</nve-format-bytes>\n  <nve-format-bytes locale=\"fr-FR\">1048576</nve-format-bytes>\n</div>\n",
+      "summary": "Explicit locale formatting for audiences whose numeric separators differ from the document language. Unit labels remain lowercase English.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "format-bytes-value",
+      "name": "Value",
+      "template": "<nve-format-bytes value=\"1048576\">1024</nve-format-bytes>\n",
+      "summary": "Value attribute input for JavaScript or bound data. It takes precedence over text content while the text remains an SSR fallback.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "format-bytes-display",
+      "name": "Display",
+      "template": "<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes display=\"decimal\">1024</nve-format-bytes>\n  <nve-format-bytes display=\"binary\">1024</nve-format-bytes>\n</div>\n",
+      "summary": "Decimal and binary conversion for matching SI or IEC storage conventions. Use the convention expected by the surrounding product.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    }
+  ]
+}

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

@@ -0,0 +1,6 @@
+//#region src/format-bytes/format-bytes.css?inline
+var e = ":host{display:inline}[internal-host]{color:var(--nve-sys-text-color, inherit)}slot{display:none}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=format-bytes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format-bytes.js","names":[],"sources":["../../src/format-bytes/format-bytes.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  display: inline;\n}\n\n[internal-host] {\n  color: var(--nve-sys-text-color, inherit);\n}\n\nslot {\n  display: none;\n}\n"],"mappings":""}

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

@@ -0,0 +1,182 @@
+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.139.0/helpers/esm/decorate.js";
+import i from "./format-bytes.js";
+import { LitElement as a, html as o } from "lit";
+import { property as s } from "lit/decorators/property.js";
+//#region src/format-bytes/format-bytes.ts
+var c = [
+	"b",
+	"kb",
+	"mb",
+	"gb",
+	"tb",
+	"pb"
+], l = ["decimal", "binary"], u = ["short", "long"], d = {
+	b: {
+		short: "b",
+		singular: "byte",
+		plural: "bytes"
+	},
+	kb: {
+		short: "kb",
+		singular: "kilobyte",
+		plural: "kilobytes"
+	},
+	mb: {
+		short: "mb",
+		singular: "megabyte",
+		plural: "megabytes"
+	},
+	gb: {
+		short: "gb",
+		singular: "gigabyte",
+		plural: "gigabytes"
+	},
+	tb: {
+		short: "tb",
+		singular: "terabyte",
+		plural: "terabytes"
+	},
+	pb: {
+		short: "pb",
+		singular: "petabyte",
+		plural: "petabytes"
+	}
+}, f = {
+	b: {
+		short: "b",
+		singular: "byte",
+		plural: "bytes"
+	},
+	kb: {
+		short: "kib",
+		singular: "kibibyte",
+		plural: "kibibytes"
+	},
+	mb: {
+		short: "mib",
+		singular: "mebibyte",
+		plural: "mebibytes"
+	},
+	gb: {
+		short: "gib",
+		singular: "gibibyte",
+		plural: "gibibytes"
+	},
+	tb: {
+		short: "tib",
+		singular: "tebibyte",
+		plural: "tebibytes"
+	},
+	pb: {
+		short: "pib",
+		singular: "pebibyte",
+		plural: "pebibytes"
+	}
+};
+function p(e) {
+	return l.some((t) => t === e);
+}
+function m(e) {
+	return c.some((t) => t === e);
+}
+function h(e) {
+	return u.some((t) => t === e);
+}
+var g = class extends a {
+	constructor(...e) {
+		super(...e), this.display = "decimal", this.unitDisplay = "short";
+	}
+	static {
+		this.styles = n([i]);
+	}
+	static {
+		this.metadata = {
+			tag: "nve-format-bytes",
+			version: "2.3.0"
+		};
+	}
+	get #e() {
+		let e = Number.isNaN(this.value) ? this.getAttribute("value") ?? this.value : this.value;
+		return String(e ?? this.textContent?.trim() ?? "");
+	}
+	get #t() {
+		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-bytes: invalid numeric value "${t}"`), null);
+	}
+	#r(e, t) {
+		let n = t === "binary" ? 1024 : 1e3, r = Math.abs(e);
+		for (let e = c.length - 1; e > 0; e--) {
+			let t = c[e];
+			if (t && r >= n ** e) return t;
+		}
+		return "b";
+	}
+	#i(e, t) {
+		let n = this.display === "binary" ? f[e] : d[e];
+		return this.unitDisplay === "short" ? n.short : Math.abs(t) === 1 ? n.singular : n.plural;
+	}
+	#a(t, n) {
+		e.warn(`format-bytes: invalid ${t} value "${String(n)}"`);
+	}
+	#o() {
+		return p(this.display) ? h(this.unitDisplay) ? this.unit !== void 0 && !m(this.unit) ? (this.#a("unit", this.unit), !1) : !0 : (this.#a("unit-display", this.unitDisplay), !1) : (this.#a("display", this.display), !1);
+	}
+	get #s() {
+		let e = this.maximumFractionDigits ?? Math.max(this.minimumFractionDigits ?? 0, 2);
+		return {
+			minimumFractionDigits: this.minimumFractionDigits,
+			maximumFractionDigits: e
+		};
+	}
+	#c(e) {
+		return Number(new Intl.NumberFormat("en-US-u-nu-latn", {
+			...this.#s,
+			useGrouping: !1
+		}).format(e));
+	}
+	#l(e) {
+		return new Intl.NumberFormat(this.#t, this.#s).format(e);
+	}
+	get #u() {
+		let t = this.#e;
+		if (!t) return "";
+		let n = this.#n;
+		if (n === null || !this.#o()) return t;
+		let r = this.unit ?? this.#r(n, this.display), i = c.indexOf(r), a = n / (this.display === "binary" ? 1024 : 1e3) ** i;
+		try {
+			let e = this.#c(a);
+			return `${this.#l(e)} ${this.#i(r, e)}`;
+		} catch (n) {
+			let r = n instanceof Error ? n.message : String(n);
+			return e.warn(`format-bytes: ${r}`), t;
+		}
+	}
+	render() {
+		return o`<data internal-host value="${this.#e}">${this.#u}<slot @slotchange="${this.#d}" hidden></slot></data>`;
+	}
+	#d() {
+		this.requestUpdate();
+	}
+};
+r([s({ type: Number })], g.prototype, "value", void 0), r([s({ type: String })], g.prototype, "display", void 0), r([s({ type: String })], g.prototype, "unit", void 0), r([s({
+	type: String,
+	attribute: "unit-display"
+})], g.prototype, "unitDisplay", void 0), r([s({ type: String })], g.prototype, "locale", void 0), r([s({
+	type: Number,
+	attribute: "minimum-fraction-digits"
+})], g.prototype, "minimumFractionDigits", void 0), r([s({
+	type: Number,
+	attribute: "maximum-fraction-digits"
+})], g.prototype, "maximumFractionDigits", void 0), g = r([t()], g);
+//#endregion
+export { g as FormatBytes };
+
+//# sourceMappingURL=format-bytes2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format-bytes2.js","names":["#rawValue","#resolvedLocale","#parsedValue","#warnInvalidOption","#numberFormatOptions","#formattedBytes","#hasValidConfiguration","#resolveAutoUnit","#roundNumber","#formatNumber","#formatLabel","#onSlotChange"],"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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"}

package/dist/format-bytes/index.d.ts

@@ -0,0 +1 @@
+export * from './format-bytes.js';

package/dist/format-bytes/index.js

@@ -0,0 +1,2 @@
+import { FormatBytes as e } from "./format-bytes2.js";
+export { e as FormatBytes };

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

@@ -13,7 +13,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-format-datetime",
-			version: "2.2.2"
+			version: "2.3.0"
 		};
 	}
 	get #e() {

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

@@ -29,7 +29,7 @@ var c = [
 	static {
 		this.metadata = {
 			tag: "nve-format-number",
-			version: "2.2.2"
+			version: "2.3.0"
 		};
 	}
 	get #e() {

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

@@ -53,7 +53,7 @@ var c = {
 	static {
 		this.metadata = {
 			tag: "nve-format-relative-time",
-			version: "2.2.2"
+			version: "2.3.0"
 		};
 	}
 	#e;

package/dist/forms/control/control.js

@@ -1,5 +1,5 @@
 //#region src/forms/control/control.css?inline
-var e = ":host{--cursor: pointer;--accent-color: var(--nve-sys-accent-secondary-background);--color: var(--nve-sys-interaction-field-color);--label-color: var(--nve-sys-interaction-field-color);--label-text-transform: none;--label-font-weight: var(--nve-ref-font-weight-medium);--label-font-size: var(--nve-ref-font-size-100);--control-width: 100%;--control-height: var(--nve-sys-interaction-field-height);--_label-width: var(--label-width, 180px);--nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));--opacity: 1;--filter: none;contain:content}::slotted(*){color-scheme:var(--nve-sys-color-scheme);font-family:inherit}::slotted(label){font-weight:var(--label-font-weight)!important;font-size:var(--label-font-size)!important;color:var(--label-color)!important;cursor:var(--cursor)!important;text-transform:var(--label-text-transform)!important;display:inline-block!important;line-height:1em!important;align-self:center!important}:host(:state(disabled)),:host(:state(disabled)) ::slotted(nve-control-message:not([status])){--cursor: not-allowed}:host(:state(disabled)){--opacity: var(--nve-ref-opacity-500)}:host(:state(invalid)) ::slotted(nve-control-message:not([error],[status])){display:none}:host([fit-content]){--control-width: fit-content;--label-width: fit-content;--width: fit-content}:host([nve-control]) ::slotted(input:focus),:host([nve-control]) ::slotted(select:focus),:host([nve-control]) ::slotted(textarea:focus),:host([nve-control]:focus-within) [internal-host]:has(nve-icon-button:focus) [input],[internal-host]:has(nve-icon-button){outline:0!important}@container style(--control-type: custom){[input]{outline:0!important}}::slotted(nve-button[nve-control]){width:100%}[input]{cursor:var(--cursor);min-height:var(--control-height);opacity:var(--opacity);filter:var(--filter);grid-area:input;display:flex;line-height:1}:host([nve-control=\"inline\"]){[internal-host]{min-height:var(--control-height)}[input]{min-height:min-content}}slot{line-height:1;width:100%}slot[name=label]{grid-area:label;display:inline-flex;align-self:center}slot[name=messages]{grid-area:messages;display:inline-flex}[name=messages]:not(:has-slotted),[name=label]:not(:has-slotted){display:none!important}[internal-host]{display:grid;width:100%;gap:var(--nve-ref-space-xs);grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-template-areas:\"input input input\"}:host([nve-control=\"inline\"]) [internal-host]{align-items:center;grid-template-columns:auto 1fr 1fr;slot[name=label],slot[name=messages]{align-items:center}::slotted(label){font-weight:var(--nve-ref-font-weight-regular)!important;color:var(--color)!important;width:100%}slot[name=label]{line-height:1;width:100%}}:host([layout=\"horizontal\"]) [internal-host],:host([layout=\"horizontal-inline\"]) [internal-host]{grid-template-columns:var(--_label-width) 1fr minmax(0,var(--_label-width))}[internal-host]{&:has([name=label]:has-slotted){grid-template-areas:\"label label label\" \"input input input\"}&:has([name=messages]:has-slotted){grid-template-areas:\"input input input\" \"messages messages messages\"}&:has([name=label]:has-slotted):has([name=messages]:has-slotted){grid-template-areas:\"label label label\" \"input input input\" \"messages messages messages\"}}:host([layout=\"horizontal\"]),:host([layout=\"horizontal-inline\"]){[internal-host]{&:has([name=messages]:has-slotted){grid-template-areas:\"label input input\" \". messages messages\"}&:not(:has([name=messages]:has-slotted)){grid-template-areas:\"label input input\"}}}:host([nve-control=\"inline\"]){--control-height: auto;width:fit-content;[internal-host]{grid-template-areas:\"input input input\";&:has([name=label]:has-slotted){grid-template-areas:\"input label label\"}&:has([name=messages]:has-slotted){grid-template-areas:\"input input input\" \"messages messages messages\"}&:has([name=label]:has-slotted):has([name=messages]:has-slotted){grid-template-areas:\"input label label\" \"messages messages messages\"}}}";
+var e = ":host{--cursor: pointer;--accent-color: var(--nve-sys-accent-secondary-background);--color: var(--nve-sys-interaction-field-color);--label-color: var(--nve-sys-interaction-field-color);--label-text-transform: none;--label-font-weight: var(--nve-ref-font-weight-medium);--label-font-size: var(--nve-ref-font-size-100);--control-width: 100%;--control-height: var(--nve-sys-interaction-field-height);--_label-width: var(--label-width, 180px);--nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));--opacity: 1;--filter: none;contain:content}::slotted(*){color-scheme:var(--nve-sys-color-scheme);font-family:inherit}::slotted(label){font-weight:var(--label-font-weight)!important;font-size:var(--label-font-size)!important;color:var(--label-color)!important;cursor:var(--cursor)!important;text-transform:var(--label-text-transform)!important;display:inline-block!important;line-height:1em!important;align-self:center!important}:host(:state(disabled)),:host(:state(disabled)) ::slotted(nve-control-message:not([status])){--cursor: not-allowed}:host(:state(disabled)){--opacity: var(--nve-ref-opacity-500)}:host(:state(invalid)) ::slotted(nve-control-message:not([error],[status])){display:none}:host([fit-content]){--control-width: fit-content;--label-width: fit-content;--width: fit-content}:host([fit-text]){--max-width: fit-content;--width: fit-content;::slotted(input),::slotted(select){field-sizing:content}}:host([nve-control]) ::slotted(input:focus),:host([nve-control]) ::slotted(select:focus),:host([nve-control]) ::slotted(textarea:focus),:host([nve-control]:focus-within) [internal-host]:has(nve-icon-button:focus) [input],[internal-host]:has(nve-icon-button){outline:0!important}@container style(--control-type: custom){[input]{outline:0!important}}::slotted(nve-button[nve-control]){width:100%}[input]{cursor:var(--cursor);min-height:var(--control-height);opacity:var(--opacity);filter:var(--filter);grid-area:input;display:flex;line-height:1}:host([nve-control=\"inline\"]){[internal-host]{min-height:var(--control-height)}[input]{min-height:min-content}}slot{line-height:1;width:100%}slot[name=label]{grid-area:label;display:inline-flex;align-self:center}slot[name=messages]{grid-area:messages;display:inline-flex}[name=messages]:not(:has-slotted),[name=label]:not(:has-slotted){display:none!important}[internal-host]{display:grid;width:100%;gap:var(--nve-ref-space-xs);grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-template-areas:\"input input input\"}:host([nve-control=\"inline\"]) [internal-host]{align-items:center;grid-template-columns:auto 1fr 1fr;slot[name=label],slot[name=messages]{align-items:center}::slotted(label){font-weight:var(--nve-ref-font-weight-regular)!important;color:var(--color)!important;width:100%}slot[name=label]{line-height:1;width:100%}}:host([layout=\"horizontal\"]) [internal-host],:host([layout=\"horizontal-inline\"]) [internal-host]{grid-template-columns:var(--_label-width) 1fr minmax(0,var(--_label-width))}[internal-host]{&:has([name=label]:has-slotted){grid-template-areas:\"label label label\" \"input input input\"}&:has([name=messages]:has-slotted){grid-template-areas:\"input input input\" \"messages messages messages\"}&:has([name=label]:has-slotted):has([name=messages]:has-slotted){grid-template-areas:\"label label label\" \"input input input\" \"messages messages messages\"}}:host([layout=\"horizontal\"]),:host([layout=\"horizontal-inline\"]){[internal-host]{&:has([name=messages]:has-slotted){grid-template-areas:\"label input input\" \". messages messages\"}&:not(:has([name=messages]:has-slotted)){grid-template-areas:\"label input input\"}}}:host([nve-control=\"inline\"]){--control-height: auto;width:fit-content;[internal-host]{grid-template-areas:\"input input input\";&:has([name=label]:has-slotted){grid-template-areas:\"input label label\"}&:has([name=messages]:has-slotted){grid-template-areas:\"input input input\" \"messages messages messages\"}&:has([name=label]:has-slotted):has([name=messages]:has-slotted){grid-template-areas:\"input label label\" \"messages messages messages\"}}}";
 //#endregion
 export { e as default };
 

package/dist/forms/control/control.js.map

@@ -1 +1 @@
-{"version":3,"file":"control.js","names":[],"sources":["../../../src/forms/control/control.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --cursor: pointer;\n  --accent-color: var(--nve-sys-accent-secondary-background);\n  --color: var(--nve-sys-interaction-field-color);\n  --label-color: var(--nve-sys-interaction-field-color);\n  --label-text-transform: none;\n  --label-font-weight: var(--nve-ref-font-weight-medium);\n  --label-font-size: var(--nve-ref-font-size-100);\n  --control-width: 100%;\n  --control-height: var(--nve-sys-interaction-field-height);\n  --_label-width: var(--label-width, 180px);\n  --nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));\n  --opacity: 1;\n  --filter: none;\n  contain: content;\n}\n\n::slotted(*) {\n  color-scheme: var(--nve-sys-color-scheme);\n  font-family: inherit;\n}\n\n::slotted(label) {\n  font-weight: var(--label-font-weight) !important;\n  font-size: var(--label-font-size) !important;\n  color: var(--label-color) !important;\n  cursor: var(--cursor) !important;\n  text-transform: var(--label-text-transform) !important;\n  display: inline-block !important;\n  line-height: 1em !important;\n  align-self: center !important;\n}\n\n:host(:state(disabled)),\n:host(:state(disabled)) ::slotted(nve-control-message:not([status])) {\n  --cursor: not-allowed;\n}\n\n:host(:state(disabled)) {\n  --opacity: var(--nve-ref-opacity-500);\n}\n\n:host(:state(invalid)) ::slotted(nve-control-message:not([error], [status])) {\n  display: none;\n}\n\n:host([fit-content]) {\n  --control-width: fit-content;\n  --label-width: fit-content;\n  --width: fit-content;\n}\n\n:host([nve-control]) ::slotted(input:focus),\n:host([nve-control]) ::slotted(select:focus),\n:host([nve-control]) ::slotted(textarea:focus),\n:host([nve-control]:focus-within) [internal-host]:has(nve-icon-button:focus) [input],\n[internal-host]:has(nve-icon-button) {\n  outline: 0 !important;\n}\n\n@container style(--control-type: custom) {\n  [input] {\n    outline: 0 !important;\n  }\n}\n\n::slotted(nve-button[nve-control]) {\n  width: 100%;\n}\n\n[input] {\n  cursor: var(--cursor);\n  min-height: var(--control-height);\n  opacity: var(--opacity);\n  filter: var(--filter);\n  grid-area: input;\n  display: flex;\n  line-height: 1;\n}\n\n:host([nve-control='inline']) {\n  [internal-host] {\n    min-height: var(--control-height);\n  }\n\n  [input] {\n    min-height: min-content;\n  }\n}\n\nslot {\n  line-height: 1;\n  width: 100%;\n}\n\nslot[name='label'] {\n  grid-area: label;\n  display: inline-flex;\n  align-self: center;\n}\n\nslot[name='messages'] {\n  grid-area: messages;\n  display: inline-flex;\n}\n\n[name='messages']:not(:has-slotted),\n[name='label']:not(:has-slotted) {\n  display: none !important;\n}\n\n[internal-host] {\n  display: grid;\n  width: 100%;\n  gap: var(--nve-ref-space-xs);\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: auto;\n  grid-template-areas: 'input input input';\n}\n\n:host([nve-control='inline']) [internal-host] {\n  align-items: center;\n  grid-template-columns: auto 1fr 1fr;\n\n  slot[name='label'],\n  slot[name='messages'] {\n    align-items: center;\n  }\n\n  & ::slotted(label) {\n    font-weight: var(--nve-ref-font-weight-regular) !important;\n    color: var(--color) !important;\n    width: 100%;\n  }\n\n  slot[name='label'] {\n    line-height: 1;\n    width: 100%;\n  }\n}\n\n:host([layout='horizontal']) [internal-host],\n:host([layout='horizontal-inline']) [internal-host] {\n  grid-template-columns: var(--_label-width) 1fr minmax(0, var(--_label-width));\n}\n\n/** block controls */\n[internal-host] {\n  &:has([name='label']:has-slotted) {\n    grid-template-areas:\n      'label label label'\n      'input input input';\n  }\n\n  &:has([name='messages']:has-slotted) {\n    grid-template-areas:\n      'input input input'\n      'messages messages messages';\n  }\n\n  &:has([name='label']:has-slotted):has([name='messages']:has-slotted) {\n    grid-template-areas:\n      'label label label'\n      'input input input'\n      'messages messages messages';\n  }\n}\n\n:host([layout='horizontal']),\n:host([layout='horizontal-inline']) {\n  [internal-host] {\n    &:has([name='messages']:has-slotted) {\n      grid-template-areas:\n        'label input input'\n        '. messages messages';\n    }\n\n    &:not(:has([name='messages']:has-slotted)) {\n      grid-template-areas: 'label input input';\n    }\n  }\n}\n\n/** inline controls */\n:host([nve-control='inline']) {\n  --control-height: auto;\n  width: fit-content;\n\n  [internal-host] {\n    grid-template-areas: 'input input input';\n\n    &:has([name='label']:has-slotted) {\n      grid-template-areas: 'input label label';\n    }\n\n    &:has([name='messages']:has-slotted) {\n      grid-template-areas:\n        'input input input'\n        'messages messages messages';\n    }\n\n    &:has([name='label']:has-slotted):has([name='messages']:has-slotted) {\n      grid-template-areas:\n        'input label label'\n        'messages messages messages';\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"control.js","names":[],"sources":["../../../src/forms/control/control.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --cursor: pointer;\n  --accent-color: var(--nve-sys-accent-secondary-background);\n  --color: var(--nve-sys-interaction-field-color);\n  --label-color: var(--nve-sys-interaction-field-color);\n  --label-text-transform: none;\n  --label-font-weight: var(--nve-ref-font-weight-medium);\n  --label-font-size: var(--nve-ref-font-size-100);\n  --control-width: 100%;\n  --control-height: var(--nve-sys-interaction-field-height);\n  --_label-width: var(--label-width, 180px);\n  --nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));\n  --opacity: 1;\n  --filter: none;\n  contain: content;\n}\n\n::slotted(*) {\n  color-scheme: var(--nve-sys-color-scheme);\n  font-family: inherit;\n}\n\n::slotted(label) {\n  font-weight: var(--label-font-weight) !important;\n  font-size: var(--label-font-size) !important;\n  color: var(--label-color) !important;\n  cursor: var(--cursor) !important;\n  text-transform: var(--label-text-transform) !important;\n  display: inline-block !important;\n  line-height: 1em !important;\n  align-self: center !important;\n}\n\n:host(:state(disabled)),\n:host(:state(disabled)) ::slotted(nve-control-message:not([status])) {\n  --cursor: not-allowed;\n}\n\n:host(:state(disabled)) {\n  --opacity: var(--nve-ref-opacity-500);\n}\n\n:host(:state(invalid)) ::slotted(nve-control-message:not([error], [status])) {\n  display: none;\n}\n\n:host([fit-content]) {\n  --control-width: fit-content;\n  --label-width: fit-content;\n  --width: fit-content;\n}\n\n:host([fit-text]) {\n  --max-width: fit-content;\n  --width: fit-content;\n\n  ::slotted(input),\n  ::slotted(select) {\n    field-sizing: content;\n  }\n}\n\n:host([nve-control]) ::slotted(input:focus),\n:host([nve-control]) ::slotted(select:focus),\n:host([nve-control]) ::slotted(textarea:focus),\n:host([nve-control]:focus-within) [internal-host]:has(nve-icon-button:focus) [input],\n[internal-host]:has(nve-icon-button) {\n  outline: 0 !important;\n}\n\n@container style(--control-type: custom) {\n  [input] {\n    outline: 0 !important;\n  }\n}\n\n::slotted(nve-button[nve-control]) {\n  width: 100%;\n}\n\n[input] {\n  cursor: var(--cursor);\n  min-height: var(--control-height);\n  opacity: var(--opacity);\n  filter: var(--filter);\n  grid-area: input;\n  display: flex;\n  line-height: 1;\n}\n\n:host([nve-control='inline']) {\n  [internal-host] {\n    min-height: var(--control-height);\n  }\n\n  [input] {\n    min-height: min-content;\n  }\n}\n\nslot {\n  line-height: 1;\n  width: 100%;\n}\n\nslot[name='label'] {\n  grid-area: label;\n  display: inline-flex;\n  align-self: center;\n}\n\nslot[name='messages'] {\n  grid-area: messages;\n  display: inline-flex;\n}\n\n[name='messages']:not(:has-slotted),\n[name='label']:not(:has-slotted) {\n  display: none !important;\n}\n\n[internal-host] {\n  display: grid;\n  width: 100%;\n  gap: var(--nve-ref-space-xs);\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: auto;\n  grid-template-areas: 'input input input';\n}\n\n:host([nve-control='inline']) [internal-host] {\n  align-items: center;\n  grid-template-columns: auto 1fr 1fr;\n\n  slot[name='label'],\n  slot[name='messages'] {\n    align-items: center;\n  }\n\n  & ::slotted(label) {\n    font-weight: var(--nve-ref-font-weight-regular) !important;\n    color: var(--color) !important;\n    width: 100%;\n  }\n\n  slot[name='label'] {\n    line-height: 1;\n    width: 100%;\n  }\n}\n\n:host([layout='horizontal']) [internal-host],\n:host([layout='horizontal-inline']) [internal-host] {\n  grid-template-columns: var(--_label-width) 1fr minmax(0, var(--_label-width));\n}\n\n/** block controls */\n[internal-host] {\n  &:has([name='label']:has-slotted) {\n    grid-template-areas:\n      'label label label'\n      'input input input';\n  }\n\n  &:has([name='messages']:has-slotted) {\n    grid-template-areas:\n      'input input input'\n      'messages messages messages';\n  }\n\n  &:has([name='label']:has-slotted):has([name='messages']:has-slotted) {\n    grid-template-areas:\n      'label label label'\n      'input input input'\n      'messages messages messages';\n  }\n}\n\n:host([layout='horizontal']),\n:host([layout='horizontal-inline']) {\n  [internal-host] {\n    &:has([name='messages']:has-slotted) {\n      grid-template-areas:\n        'label input input'\n        '. messages messages';\n    }\n\n    &:not(:has([name='messages']:has-slotted)) {\n      grid-template-areas: 'label input input';\n    }\n  }\n}\n\n/** inline controls */\n:host([nve-control='inline']) {\n  --control-height: auto;\n  width: fit-content;\n\n  [internal-host] {\n    grid-template-areas: 'input input input';\n\n    &:has([name='label']:has-slotted) {\n      grid-template-areas: 'input label label';\n    }\n\n    &:has([name='messages']:has-slotted) {\n      grid-template-areas:\n        'input input input'\n        'messages messages messages';\n    }\n\n    &:has([name='label']:has-slotted):has([name='messages']:has-slotted) {\n      grid-template-areas:\n        'input label label'\n        'messages messages messages';\n    }\n  }\n}\n"],"mappings":""}

package/dist/forms/control/control2.js

@@ -15,11 +15,9 @@ import { property as S } from "lit/decorators/property.js";
 var C = class extends v {
 	constructor(...t) {
 		super(...t), this.fitText = !1, this.fitContent = !1, this.#e = new e(this), this.i18n = this.#e.i18n, this.nveControl = "", this.#i = [], this._associateDatalist = !0, this.#a = () => {
-			this.#h(), this.input && this.#i.length === 0 && (this.#l(), this.#d());
+			this.#f(), this.input && this.#i.length === 0 && this.#l();
 		}, this.#u = () => {
-			this.#h(), this.#g();
-		}, this.#f = () => {
-			this.#p();
+			this.#f(), this.#p();
 		};
 	}
 	#e;
@@ -50,7 +48,7 @@ var C = class extends v {
 	static {
 		this.metadata = {
 			tag: "nve-control",
-			version: "2.2.2"
+			version: "2.3.0"
 		};
 	}
 	render() {
@@ -60,7 +58,7 @@ var C = class extends v {
 		super.connectedCallback(), o(this), t(this, g), this.shadowRoot.addEventListener("slotchange", this.#a);
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.shadowRoot.removeEventListener("slotchange", this.#a), this.shadowRoot.removeEventListener("slotchange", this.#u), this.fitText && this.input && (this.input.removeEventListener("input", this.#f), this.input.removeEventListener("change", this.#f)), this.#i.forEach((e) => e.disconnect()), this.#i.length = 0;
+		super.disconnectedCallback(), this.shadowRoot.removeEventListener("slotchange", this.#a), this.shadowRoot.removeEventListener("slotchange", this.#u), this.#i.forEach((e) => e.disconnect()), this.#i.length = 0;
 	}
 	#a;
 	reset() {
@@ -88,29 +86,19 @@ var C = class extends v {
 		return e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio");
 	}
 	#l() {
-		this.#i.push(...m(this, this.#n), ...f(this), ...p(this, this.#n), h(this), n(this, ["hidden", "status"], () => this.#h())), this.#m(), this.#g(), this.shadowRoot.addEventListener("slotchange", this.#u);
+		this.#i.push(...m(this, this.#n), ...f(this), ...p(this, this.#n), h(this), n(this, ["hidden", "status"], () => this.#f())), this.#d(), this.#p(), this.shadowRoot.addEventListener("slotchange", this.#u);
 	}
 	#u;
 	#d() {
-		this.fitText && (this.#p(), this.input.addEventListener("input", this.#f), this.input.addEventListener("change", this.#f));
-	}
-	#f;
-	#p() {
-		if (this.input.tagName === "INPUT") {
-			let e = this.input.type === "text" ? 0 : 4;
-			this.style.setProperty("--control-width", `${this.input.value.length + e}ch`), this.input.style.setProperty("max-width", `${this.input.value.length + 2}ch`, "important");
-		} else this.input.tagName === "SELECT" && this.style.setProperty("--control-width", `${this.input.options[this.input.selectedIndex].textContent.length + 4}ch`);
-	}
-	#m() {
 		this.input.showPicker || (this.input.showPicker = () => this.input.focus());
 	}
-	#h() {
+	#f() {
 		this.input && (this.toggleAttribute("multiple", this.input?.multiple), this.input?.hasAttribute("size") ? this.setAttribute("size", "") : this.removeAttribute("size"));
 	}
-	#g() {
-		this.#_(), a(this.#t, this.input), r(Array.from(this.#n), this.input), this._associateDatalist && i(this.querySelector("datalist"), this.input);
+	#p() {
+		this.#m(), a(this.#t, this.input), r(Array.from(this.#n), this.input), this._associateDatalist && i(this.querySelector("datalist"), this.input);
 	}
-	#_() {
+	#m() {
 		let e = this.querySelector("label") || this.shadowRoot.querySelector("slot").assignedNodes({ flatten: !0 }).find((e) => e.tagName === "LABEL");
 		e && (e.slot = "label");
 	}

package/dist/forms/control/control2.js.map

@@ -1 +1 @@
-{"version":3,"file":"control2.js","names":["#i18nController","#updateStyleStates","#observers","#setupInput","#setupFitText","#updateAssociations","#getCharacterWidth","#label","#messages","#input","#onRootSlotchange","#onInputSlotchange","#onFitTextUpdate","#resetInputValue","#resetSelectValue","#isCheckedInput","#polyfillShowPicker","#assignLabel"],"sources":["../../../src/forms/control/control.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { TemplateResult } from 'lit';\nimport { LitElement, html, nothing, isServer } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport {\n  attachInternals,\n  useStyles,\n  associateLabel,\n  associateAriaDescribedBy,\n  associateDataList,\n  appendRootNodeStyle,\n  getAttributeListChanges,\n  I18nController,\n  hostAttr,\n  typeSSR\n} from '@nvidia-elements/core/internal';\nimport type { ControlMessage } from '../control-message/control-message.js';\nimport {\n  setupControlValidationStates,\n  setupControlStates,\n  setupControlStatusStates,\n  inputQuery,\n  type ControlStateCleanup\n} from '../utils/states.js';\nimport { setupControlLayoutStates } from '../utils/layout.js';\nimport globalStyles from './control.global.css?inline';\nimport styles from './control.css?inline';\n\ninterface ResettableControl {\n  getAttribute: Element['getAttribute'];\n  value: string;\n}\n\ntype ControlInput = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | ResettableControl;\n\n/**\n * @element nve-control\n * @description Wraps a form input with its associated label and validation messages, managing layout and accessibility associations.\n * @documentation https://nvidia.github.io/elements/docs/elements/control/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/forms\n * @slot - Control input element\n * @slot label - Label element\n * @cssprop --cursor\n * @cssprop --accent-color\n * @cssprop --color\n * @cssprop --label-color\n * @cssprop --label-width\n * @cssprop --label-font-weight\n * @cssprop --label-font-size\n * @cssprop --control-width\n * @cssprop --control-height\n\n * @aria https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals\n * @package true\n */\n@typeSSR()\nexport class Control extends LitElement {\n  /** Set current visual state for control. This overrides any validation states active. */\n  @property({ type: String }) status: 'warning' | 'error' | 'success' | 'disabled';\n\n  /** Set current control + label + control message layout. Layouts will collapse based on available container space. */\n  @property({ type: String, reflect: true }) layout:\n    | 'vertical'\n    | 'vertical-inline'\n    | 'horizontal'\n    | 'horizontal-inline';\n\n  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */\n  @property({ type: Boolean, reflect: true, attribute: 'fit-text' }) fitText = false;\n\n  /** Sets the input to match native default content block */\n  @property({ type: Boolean, reflect: true, attribute: 'fit-content' }) fitContent = false;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /** Enables internal string values to update for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /** Set the visual prominence of the control */\n  @property({ type: String, reflect: true }) prominence: 'muted';\n\n  get #label() {\n    return this.shadowRoot\n      ?.querySelector<HTMLSlotElement>('slot[name=\"label\"]')\n      ?.assignedElements({ flatten: true })?.[0] as HTMLLabelElement;\n  }\n\n  get #messages() {\n    return (this.shadowRoot\n      ?.querySelector<HTMLSlotElement>('slot[name=\"messages\"]')\n      ?.assignedElements({ flatten: true }) ?? []) as ControlMessage[];\n  }\n\n  #input: HTMLInputElement;\n\n  /** @private */\n  get input(): HTMLInputElement {\n    if (!isServer && !this.#input) {\n      const slotted =\n        this.querySelector('slot')\n          ?.assignedElements()\n          ?.find(i => i.matches(inputQuery)) ??\n        Array.from(this.shadowRoot!.querySelector('slot')?.assignedElements({ flatten: true }) ?? []).find(i =>\n          i.matches(inputQuery)\n        );\n      this.#input = (slotted ? slotted : this.querySelector(inputQuery)) as HTMLInputElement;\n    }\n\n    return this.#input;\n  }\n\n  /** @private */\n  protected get prefixContent(): typeof nothing | TemplateResult {\n    return nothing;\n  }\n\n  /** @private */\n  protected get suffixContent(): typeof nothing | TemplateResult {\n    return nothing;\n  }\n\n  @hostAttr({ attribute: 'nve-control' }) protected nveControl = '';\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #observers: (MutationObserver | ResizeObserver | ControlStateCleanup)[] = [];\n\n  protected _associateDatalist = true;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-control',\n    version: '0.0.0'\n  };\n\n  render() {\n    return this.nveControl !== 'inline'\n      ? html`\n      <div internal-host part=\"_internal-host\">\n        <slot name=\"label\" part=\"_label\"></slot>\n        <div input part=\"_input\">\n          ${this.prefixContent}\n          <slot></slot>\n          ${this.suffixContent}\n        </div>\n        <slot name=\"messages\" part=\"_messages\"></slot>\n      </div>\n    `\n      : html`\n      <div internal-host part=\"_internal-host\">\n        <div input part=\"_input\"><slot interaction-state></slot></div>\n        <slot name=\"label\" part=\"_label\"></slot>\n        <slot name=\"messages\" part=\"_messages\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    appendRootNodeStyle(this, globalStyles);\n    this.shadowRoot!.addEventListener('slotchange', this.#onRootSlotchange);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.shadowRoot!.removeEventListener('slotchange', this.#onRootSlotchange);\n    this.shadowRoot!.removeEventListener('slotchange', this.#onInputSlotchange);\n    if (this.fitText && this.input) {\n      this.input.removeEventListener('input', this.#onFitTextUpdate);\n      this.input.removeEventListener('change', this.#onFitTextUpdate);\n    }\n    this.#observers.forEach(observer => observer.disconnect());\n    this.#observers.length = 0;\n  }\n\n  #onRootSlotchange = () => {\n    this.#updateStyleStates();\n\n    if (this.input && this.#observers.length === 0) {\n      this.#setupInput();\n      this.#setupFitText();\n    }\n  };\n\n  /** Resets control value to initial attribute value and clears any active validation rules. */\n  reset() {\n    this.#resetInputValue(this.input as ControlInput);\n    this.requestUpdate();\n    this.dispatchEvent(new CustomEvent('reset', { bubbles: true, composed: true }));\n  }\n\n  #resetInputValue(input: ControlInput) {\n    if (input instanceof HTMLSelectElement) {\n      this.#resetSelectValue(input);\n      return;\n    }\n\n    if (this.#isCheckedInput(input)) {\n      input.checked = input.defaultChecked;\n      input.indeterminate = false;\n      return;\n    }\n\n    input.value =\n      input instanceof HTMLInputElement || input instanceof HTMLTextAreaElement\n        ? input.defaultValue\n        : (input.getAttribute('value') ?? '');\n  }\n\n  #resetSelectValue(input: HTMLSelectElement) {\n    const hasDefaultSelection = Array.from(input.options).some(option => option.defaultSelected);\n    Array.from(input.options).forEach(option => (option.selected = option.defaultSelected));\n    if (!input.multiple && !hasDefaultSelection) input.selectedIndex = 0;\n  }\n\n  #isCheckedInput(input: ControlInput): input is HTMLInputElement {\n    return input instanceof HTMLInputElement && (input.type === 'checkbox' || input.type === 'radio');\n  }\n\n  #setupInput() {\n    this.#observers.push(\n      ...setupControlValidationStates(this, this.#messages),\n      ...setupControlStates(this),\n      ...setupControlStatusStates(this, this.#messages),\n      setupControlLayoutStates(this),\n      getAttributeListChanges(this, ['hidden', 'status'], () => this.#updateStyleStates())\n    );\n\n    this.#polyfillShowPicker();\n    this.#updateAssociations();\n    this.shadowRoot!.addEventListener('slotchange', this.#onInputSlotchange);\n  }\n\n  #onInputSlotchange = () => {\n    this.#updateStyleStates();\n    this.#updateAssociations();\n  };\n\n  #setupFitText() {\n    if (this.fitText) {\n      this.#getCharacterWidth();\n      this.input.addEventListener('input', this.#onFitTextUpdate);\n      this.input.addEventListener('change', this.#onFitTextUpdate);\n    }\n  }\n\n  #onFitTextUpdate = () => {\n    this.#getCharacterWidth();\n  };\n\n  #getCharacterWidth() {\n    if (this.input.tagName === 'INPUT') {\n      const offset = this.input.type !== 'text' ? 4 : 0;\n      this.style.setProperty('--control-width', `${this.input.value.length + offset}ch`);\n      this.input.style.setProperty('max-width', `${this.input.value.length + 2}ch`, 'important');\n    } else if (this.input.tagName === 'SELECT') {\n      this.style.setProperty(\n        '--control-width',\n        `${(this.input as unknown as HTMLSelectElement).options[(this.input as unknown as HTMLSelectElement).selectedIndex]!.textContent!.length + 4}ch`\n      );\n    }\n  }\n\n  #polyfillShowPicker() {\n    if (!this.input.showPicker) {\n      this.input.showPicker = () => this.input.focus();\n    }\n  }\n\n  #updateStyleStates() {\n    if (this.input) {\n      this.toggleAttribute('multiple', this.input?.multiple);\n      this.input?.hasAttribute('size') ? this.setAttribute('size', '') : this.removeAttribute('size');\n    }\n  }\n\n  #updateAssociations() {\n    this.#assignLabel();\n    associateLabel(this.#label, this.input);\n    associateAriaDescribedBy(Array.from(this.#messages), this.input);\n\n    if (this._associateDatalist) {\n      associateDataList(this.querySelector<HTMLDataListElement>('datalist')!, this.input);\n    }\n  }\n\n  #assignLabel() {\n    const label =\n      this.querySelector('label') ||\n      (this.shadowRoot!.querySelector('slot')!\n        .assignedNodes({ flatten: true })\n        .find((i: Node) => (i as HTMLElement).tagName === 'LABEL') as HTMLLabelElement);\n    if (label) {\n      label.slot = 'label';\n    }\n  }\n\n  protected showPicker() {\n    try {\n      this.input.showPicker();\n    } catch {\n      //\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"control2.js","names":["#i18nController","#updateStyleStates","#observers","#setupInput","#updateAssociations","#label","#messages","#input","#onRootSlotchange","#onInputSlotchange","#resetInputValue","#resetSelectValue","#isCheckedInput","#polyfillShowPicker","#assignLabel"],"sources":["../../../src/forms/control/control.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { TemplateResult } from 'lit';\nimport { LitElement, html, nothing, isServer } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport {\n  attachInternals,\n  useStyles,\n  associateLabel,\n  associateAriaDescribedBy,\n  associateDataList,\n  appendRootNodeStyle,\n  getAttributeListChanges,\n  I18nController,\n  hostAttr,\n  typeSSR\n} from '@nvidia-elements/core/internal';\nimport type { ControlMessage } from '../control-message/control-message.js';\nimport {\n  setupControlValidationStates,\n  setupControlStates,\n  setupControlStatusStates,\n  inputQuery,\n  type ControlStateCleanup\n} from '../utils/states.js';\nimport { setupControlLayoutStates } from '../utils/layout.js';\nimport globalStyles from './control.global.css?inline';\nimport styles from './control.css?inline';\n\ninterface ResettableControl {\n  getAttribute: Element['getAttribute'];\n  value: string;\n}\n\ntype ControlInput = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | ResettableControl;\n\n/**\n * @element nve-control\n * @description Wraps a form input with its associated label and validation messages, managing layout and accessibility associations.\n * @documentation https://nvidia.github.io/elements/docs/elements/control/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/forms\n * @slot - Control input element\n * @slot label - Label element\n * @cssprop --cursor\n * @cssprop --accent-color\n * @cssprop --color\n * @cssprop --label-color\n * @cssprop --label-width\n * @cssprop --label-font-weight\n * @cssprop --label-font-size\n * @cssprop --control-width\n * @cssprop --control-height\n\n * @aria https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals\n * @package true\n */\n@typeSSR()\nexport class Control extends LitElement {\n  /** Set current visual state for control. This overrides any validation states active. */\n  @property({ type: String }) status: 'warning' | 'error' | 'success' | 'disabled';\n\n  /** Set current control + label + control message layout. Layouts will collapse based on available container space. */\n  @property({ type: String, reflect: true }) layout:\n    | 'vertical'\n    | 'vertical-inline'\n    | 'horizontal'\n    | 'horizontal-inline';\n\n  /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */\n  @property({ type: Boolean, reflect: true, attribute: 'fit-text' }) fitText = false;\n\n  /** Sets the input to match native default content block */\n  @property({ type: Boolean, reflect: true, attribute: 'fit-content' }) fitContent = false;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /** Enables internal string values to update for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /** Set the visual prominence of the control */\n  @property({ type: String, reflect: true }) prominence: 'muted';\n\n  get #label() {\n    return this.shadowRoot\n      ?.querySelector<HTMLSlotElement>('slot[name=\"label\"]')\n      ?.assignedElements({ flatten: true })?.[0] as HTMLLabelElement;\n  }\n\n  get #messages() {\n    return (this.shadowRoot\n      ?.querySelector<HTMLSlotElement>('slot[name=\"messages\"]')\n      ?.assignedElements({ flatten: true }) ?? []) as ControlMessage[];\n  }\n\n  #input: HTMLInputElement;\n\n  /** @private */\n  get input(): HTMLInputElement {\n    if (!isServer && !this.#input) {\n      const slotted =\n        this.querySelector('slot')\n          ?.assignedElements()\n          ?.find(i => i.matches(inputQuery)) ??\n        Array.from(this.shadowRoot!.querySelector('slot')?.assignedElements({ flatten: true }) ?? []).find(i =>\n          i.matches(inputQuery)\n        );\n      this.#input = (slotted ? slotted : this.querySelector(inputQuery)) as HTMLInputElement;\n    }\n\n    return this.#input;\n  }\n\n  /** @private */\n  protected get prefixContent(): typeof nothing | TemplateResult {\n    return nothing;\n  }\n\n  /** @private */\n  protected get suffixContent(): typeof nothing | TemplateResult {\n    return nothing;\n  }\n\n  @hostAttr({ attribute: 'nve-control' }) protected nveControl = '';\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #observers: (MutationObserver | ResizeObserver | ControlStateCleanup)[] = [];\n\n  protected _associateDatalist = true;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-control',\n    version: '0.0.0'\n  };\n\n  render() {\n    return this.nveControl !== 'inline'\n      ? html`\n      <div internal-host part=\"_internal-host\">\n        <slot name=\"label\" part=\"_label\"></slot>\n        <div input part=\"_input\">\n          ${this.prefixContent}\n          <slot></slot>\n          ${this.suffixContent}\n        </div>\n        <slot name=\"messages\" part=\"_messages\"></slot>\n      </div>\n    `\n      : html`\n      <div internal-host part=\"_internal-host\">\n        <div input part=\"_input\"><slot interaction-state></slot></div>\n        <slot name=\"label\" part=\"_label\"></slot>\n        <slot name=\"messages\" part=\"_messages\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    appendRootNodeStyle(this, globalStyles);\n    this.shadowRoot!.addEventListener('slotchange', this.#onRootSlotchange);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.shadowRoot!.removeEventListener('slotchange', this.#onRootSlotchange);\n    this.shadowRoot!.removeEventListener('slotchange', this.#onInputSlotchange);\n    this.#observers.forEach(observer => observer.disconnect());\n    this.#observers.length = 0;\n  }\n\n  #onRootSlotchange = () => {\n    this.#updateStyleStates();\n\n    if (this.input && this.#observers.length === 0) {\n      this.#setupInput();\n    }\n  };\n\n  /** Resets control value to initial attribute value and clears any active validation rules. */\n  reset() {\n    this.#resetInputValue(this.input as ControlInput);\n    this.requestUpdate();\n    this.dispatchEvent(new CustomEvent('reset', { bubbles: true, composed: true }));\n  }\n\n  #resetInputValue(input: ControlInput) {\n    if (input instanceof HTMLSelectElement) {\n      this.#resetSelectValue(input);\n      return;\n    }\n\n    if (this.#isCheckedInput(input)) {\n      input.checked = input.defaultChecked;\n      input.indeterminate = false;\n      return;\n    }\n\n    input.value =\n      input instanceof HTMLInputElement || input instanceof HTMLTextAreaElement\n        ? input.defaultValue\n        : (input.getAttribute('value') ?? '');\n  }\n\n  #resetSelectValue(input: HTMLSelectElement) {\n    const hasDefaultSelection = Array.from(input.options).some(option => option.defaultSelected);\n    Array.from(input.options).forEach(option => (option.selected = option.defaultSelected));\n    if (!input.multiple && !hasDefaultSelection) input.selectedIndex = 0;\n  }\n\n  #isCheckedInput(input: ControlInput): input is HTMLInputElement {\n    return input instanceof HTMLInputElement && (input.type === 'checkbox' || input.type === 'radio');\n  }\n\n  #setupInput() {\n    this.#observers.push(\n      ...setupControlValidationStates(this, this.#messages),\n      ...setupControlStates(this),\n      ...setupControlStatusStates(this, this.#messages),\n      setupControlLayoutStates(this),\n      getAttributeListChanges(this, ['hidden', 'status'], () => this.#updateStyleStates())\n    );\n\n    this.#polyfillShowPicker();\n    this.#updateAssociations();\n    this.shadowRoot!.addEventListener('slotchange', this.#onInputSlotchange);\n  }\n\n  #onInputSlotchange = () => {\n    this.#updateStyleStates();\n    this.#updateAssociations();\n  };\n\n  #polyfillShowPicker() {\n    if (!this.input.showPicker) {\n      this.input.showPicker = () => this.input.focus();\n    }\n  }\n\n  #updateStyleStates() {\n    if (this.input) {\n      this.toggleAttribute('multiple', this.input?.multiple);\n      this.input?.hasAttribute('size') ? this.setAttribute('size', '') : this.removeAttribute('size');\n    }\n  }\n\n  #updateAssociations() {\n    this.#assignLabel();\n    associateLabel(this.#label, this.input);\n    associateAriaDescribedBy(Array.from(this.#messages), this.input);\n\n    if (this._associateDatalist) {\n      associateDataList(this.querySelector<HTMLDataListElement>('datalist')!, this.input);\n    }\n  }\n\n  #assignLabel() {\n    const label =\n      this.querySelector('label') ||\n      (this.shadowRoot!.querySelector('slot')!\n        .assignedNodes({ flatten: true })\n        .find((i: Node) => (i as HTMLElement).tagName === 'LABEL') as HTMLLabelElement);\n    if (label) {\n      label.slot = 'label';\n    }\n  }\n\n  protected showPicker() {\n    try {\n      this.input.showPicker();\n    } catch {\n      //\n    }\n  }\n}\n"],"mappings":"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"}

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.2.2"
+			version: "2.3.0"
 		};
 	}
 	render() {