@nvidia-elements/core 0.2.2 → 0.2.3

package/dist/dropzone/dropzone2.js

@@ -1,26 +1,26 @@
 import { formatFileSize as e } from "../internal/utils/strings.js";
-import { removeEmptyTextNode as t } from "../internal/utils/dom.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { I18nController as r } from "../internal/controllers/i18n.controller.js";
-import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
-import { useStyles as a } from "../internal/styles/index.js";
+import { I18nController as t } from "../internal/controllers/i18n.controller.js";
+import { removeEmptyTextNode as n } from "../internal/utils/dom.js";
+import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
+import { useStyles as i } from "../internal/styles/index.js";
+import { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { Icon as o } from "../icon/icon2.js";
 import s from "./dropzone.js";
 import { fileSizeValidator as c, fileTypeValidator as l, getFileTypeSpecifiers as u } from "./dropzone.util.js";
 import { LitElement as d, html as f } from "lit";
 import { property as p } from "lit/decorators/property.js";
-import { query as m } from "lit/decorators/query.js";
-import { FormControlMixin as h } from "@nvidia-elements/forms/mixin";
+import { FormControlMixin as m } from "@nvidia-elements/forms/mixins";
+import { query as h } from "lit/decorators/query.js";
 //#region src/dropzone/dropzone.ts
-var g = class extends h(d) {
+var g = class extends m(d) {
 	#e;
 	static {
-		this.styles = a([s]);
+		this.styles = i([s]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dropzone",
-			version: "0.2.2",
+			version: "0.2.3",
 			validators: [l, c],
 			valueSchema: {
 				type: "array",
@@ -42,7 +42,7 @@ var g = class extends h(d) {
 		this.value = [], this.requestUpdate();
 	}
 	constructor() {
-		super(), this.accept = "image/gif, image/jpeg, image/png, image/svg+xml", this.maxFileSize = 2 * 1024 ** 2, this.#e = new r(this), this.i18n = this.#e.i18n, this.value = [];
+		super(), this.accept = "image/gif, image/jpeg, image/png, image/svg+xml", this.maxFileSize = 2 * 1024 ** 2, this.#e = new t(this), this.i18n = this.#e.i18n, this.value = [];
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("nve-control", ""), globalThis.document.addEventListener("dragover", this.#t), globalThis.document.addEventListener("drop", this.#t);
@@ -88,16 +88,16 @@ var g = class extends h(d) {
 		this.toggleAttribute("highlighted", e);
 	}
 	#d(e) {
-		e.target.assignedNodes().forEach((e) => t(e));
+		e.target.assignedNodes().forEach((e) => n(e));
 	}
 	render() {
 		return f`<div internal-host><div class="container" @click="${this.#n}" @dragenter="${this.#r}" @dragover="${this.#i}" @dragleave="${this.#a}" @drop="${this.#o}"><svg class="border" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="none" rx="4" ry="4" stroke="currentColor" stroke-width="2" stroke-dasharray="6,6" stroke-dashoffset="0" stroke-linecap="square"/></svg><slot name="icon"><nve-icon part="icon" class="icon" name="upload"></nve-icon></slot><slot @slotchange="${this.#d}"><div class="text-center"><div class="text-bold">${this.i18n.dragAndDrop} ${this.i18n.files} ${this.i18n.or} <span class="text-emphasized">${this.i18n.browseFiles}</span></div><div class="text-muted">${this.#l(this.accept)} — ${this.i18n.maxFileSize} ${e(this.maxFileSize)}</div></div></slot><input id="dropzone-input" type="file" accept="${this.accept}" @change="${this.#s}" multiple="multiple" hidden></div></div>`;
 	}
 };
-n([p()], g.prototype, "accept", void 0), n([p({
+a([p()], g.prototype, "accept", void 0), a([p({
 	attribute: "max-file-size",
 	type: Number
-})], g.prototype, "maxFileSize", void 0), n([p({ type: Object })], g.prototype, "i18n", void 0), n([m("#dropzone-input")], g.prototype, "fileInput", void 0), g = n([i()], g);
+})], g.prototype, "maxFileSize", void 0), a([p({ type: Object })], g.prototype, "i18n", void 0), a([h("#dropzone-input")], g.prototype, "fileInput", void 0), g = a([r()], g);
 //#endregion
 export { g as Dropzone };
 

package/dist/dropzone/dropzone2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone2.js","names":["#i18nController","#preventDefaults","#toggleHighlighted","#addFiles","#handleClick","#handleDragEnter","#handleDragOver","#handleDragLeave","#handleDrop","#removeEmptyNodes","#formatFileTypeSpecifiers","#handleFileInputChange"],"sources":["../../src/dropzone/dropzone.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 { query } from 'lit/decorators/query.js';\nimport {\n  formatFileSize,\n  useStyles,\n  removeEmptyTextNode,\n  I18nController,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './dropzone.css?inline';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixin';\nimport { fileTypeValidator, fileSizeValidator, getFileTypeSpecifiers } from './dropzone.util';\n\n/**\n * @element nve-dropzone\n * @description A dropzone form control that enables users to drag and drop files onto it.\n * @since 1.29.0\n * @entrypoint \\@nvidia-elements/core/dropzone\n * @event change - Dispatched when the value has changed (files located in event.target)\n * @slot - use only when custom messaging requires it\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --min-height\n * @cssprop --color\n * @slot icon - default slot for icon\n * @slot content - default slot for content\n * @csspart icon - The upload icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file\n * @stable false\n */\n@scopedRegistry()\nexport class Dropzone extends FormControlMixin<typeof LitElement, File[]>(LitElement) {\n  @property()\n  accept: string = `image/gif, image/jpeg, image/png, image/svg+xml`;\n\n  @property({ attribute: 'max-file-size', type: Number })\n  maxFileSize: number = 2 * 1024 ** 2;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /**\n   * Enables internal string values to update for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  @query('#dropzone-input')\n  private fileInput: HTMLInputElement;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dropzone',\n    version: '0.0.0',\n    validators: [fileTypeValidator, fileSizeValidator],\n    valueSchema: {\n      type: 'array' as const,\n      items: {\n        type: 'object' as const,\n        properties: {\n          name: { type: 'string' as const },\n          size: { type: 'number' as const },\n          type: { type: 'string' as const }\n        }\n      }\n    }\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  formResetCallback() {\n    this.value = [];\n    this.requestUpdate();\n  }\n\n  constructor() {\n    super();\n    this.value = [];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('nve-control', '');\n    globalThis.document.addEventListener('dragover', this.#preventDefaults);\n    globalThis.document.addEventListener('drop', this.#preventDefaults);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    globalThis.document.removeEventListener('dragover', this.#preventDefaults);\n    globalThis.document.removeEventListener('drop', this.#preventDefaults);\n  }\n\n  #preventDefaults(event: Event) {\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  #handleClick() {\n    this.fileInput.click();\n  }\n\n  #handleDragEnter(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(true);\n  }\n\n  #handleDragOver(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(true);\n  }\n\n  #handleDragLeave(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(false);\n  }\n\n  #handleDrop(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(false);\n\n    const files = Array.from(event.dataTransfer!.files);\n    this.#addFiles(files);\n  }\n\n  #handleFileInputChange(event: Event) {\n    this.#preventDefaults(event);\n\n    const files = Array.from(this.fileInput.files!);\n    this.#addFiles(files);\n\n    this.fileInput.value = '';\n  }\n\n  #addFiles(files: File[]) {\n    this.value = [...(this.value ?? []), ...files];\n    this.dispatchChangeEvent();\n  }\n\n  #formatFileTypeSpecifiers(acceptTypes: string) {\n    const types = getFileTypeSpecifiers(acceptTypes);\n\n    if (types.length === 1) {\n      return types[0]!.toUpperCase();\n    }\n\n    const lastType = types.pop();\n    return `${types.join(', ').toUpperCase()} or ${lastType!.toUpperCase()}`;\n  }\n\n  #toggleHighlighted(highlighted: boolean) {\n    this.toggleAttribute('highlighted', highlighted);\n  }\n\n  #removeEmptyNodes(e: Event) {\n    (e.target as HTMLSlotElement).assignedNodes().forEach((node: Node) => removeEmptyTextNode(node));\n  }\n\n  render() {\n    return html`<div internal-host>\n      <div class=\"container\"\n        @click=${this.#handleClick} \n        @dragenter=${this.#handleDragEnter}\n        @dragover=${this.#handleDragOver}\n        @dragleave=${this.#handleDragLeave}\n        @drop=${this.#handleDrop}>\n        <svg class=\"border\" width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\">\n          <rect width=\"100%\" height=\"100%\" fill=\"none\" rx=\"4\" ry=\"4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"6,6\" stroke-dashoffset=\"0\" stroke-linecap=\"square\" />\n        </svg>\n        <slot name=\"icon\"><nve-icon part=\"icon\" class=\"icon\" name=\"upload\"></nve-icon></slot>\n        <slot @slotchange=${this.#removeEmptyNodes}>\n          <div class=\"text-center\">\n            <div class=\"text-bold\">${this.i18n.dragAndDrop} ${this.i18n.files} ${this.i18n.or} <span class=\"text-emphasized\">${this.i18n.browseFiles}</span></div>\n            <div class=\"text-muted\">${this.#formatFileTypeSpecifiers(this.accept)} &mdash; ${this.i18n.maxFileSize} ${formatFileSize(this.maxFileSize)}</div>\n          </div>\n        </slot>\n        <input id=\"dropzone-input\" type=\"file\" accept=${this.accept} @change=${this.#handleFileInputChange} multiple hidden></input>\n      </div>\n    </div>`;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropzone2.js","names":["#i18nController","#preventDefaults","#toggleHighlighted","#addFiles","#handleClick","#handleDragEnter","#handleDragOver","#handleDragLeave","#handleDrop","#removeEmptyNodes","#formatFileTypeSpecifiers","#handleFileInputChange"],"sources":["../../src/dropzone/dropzone.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 { query } from 'lit/decorators/query.js';\nimport {\n  formatFileSize,\n  useStyles,\n  removeEmptyTextNode,\n  I18nController,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './dropzone.css?inline';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { fileTypeValidator, fileSizeValidator, getFileTypeSpecifiers } from './dropzone.util';\n\n/**\n * @element nve-dropzone\n * @description A dropzone form control that enables users to drag and drop files onto it.\n * @since 1.29.0\n * @entrypoint \\@nvidia-elements/core/dropzone\n * @event change - Dispatched when the value has changed (files located in event.target)\n * @slot - use only when custom messaging requires it\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --min-height\n * @cssprop --color\n * @slot icon - default slot for icon\n * @slot content - default slot for content\n * @csspart icon - The upload icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file\n * @stable false\n */\n@scopedRegistry()\nexport class Dropzone extends FormControlMixin<typeof LitElement, File[]>(LitElement) {\n  @property()\n  accept: string = `image/gif, image/jpeg, image/png, image/svg+xml`;\n\n  @property({ attribute: 'max-file-size', type: Number })\n  maxFileSize: number = 2 * 1024 ** 2;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /**\n   * Enables internal string values to update for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  @query('#dropzone-input')\n  private fileInput: HTMLInputElement;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dropzone',\n    version: '0.0.0',\n    validators: [fileTypeValidator, fileSizeValidator],\n    valueSchema: {\n      type: 'array' as const,\n      items: {\n        type: 'object' as const,\n        properties: {\n          name: { type: 'string' as const },\n          size: { type: 'number' as const },\n          type: { type: 'string' as const }\n        }\n      }\n    }\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  formResetCallback() {\n    this.value = [];\n    this.requestUpdate();\n  }\n\n  constructor() {\n    super();\n    this.value = [];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('nve-control', '');\n    globalThis.document.addEventListener('dragover', this.#preventDefaults);\n    globalThis.document.addEventListener('drop', this.#preventDefaults);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    globalThis.document.removeEventListener('dragover', this.#preventDefaults);\n    globalThis.document.removeEventListener('drop', this.#preventDefaults);\n  }\n\n  #preventDefaults(event: Event) {\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  #handleClick() {\n    this.fileInput.click();\n  }\n\n  #handleDragEnter(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(true);\n  }\n\n  #handleDragOver(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(true);\n  }\n\n  #handleDragLeave(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(false);\n  }\n\n  #handleDrop(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(false);\n\n    const files = Array.from(event.dataTransfer!.files);\n    this.#addFiles(files);\n  }\n\n  #handleFileInputChange(event: Event) {\n    this.#preventDefaults(event);\n\n    const files = Array.from(this.fileInput.files!);\n    this.#addFiles(files);\n\n    this.fileInput.value = '';\n  }\n\n  #addFiles(files: File[]) {\n    this.value = [...(this.value ?? []), ...files];\n    this.dispatchChangeEvent();\n  }\n\n  #formatFileTypeSpecifiers(acceptTypes: string) {\n    const types = getFileTypeSpecifiers(acceptTypes);\n\n    if (types.length === 1) {\n      return types[0]!.toUpperCase();\n    }\n\n    const lastType = types.pop();\n    return `${types.join(', ').toUpperCase()} or ${lastType!.toUpperCase()}`;\n  }\n\n  #toggleHighlighted(highlighted: boolean) {\n    this.toggleAttribute('highlighted', highlighted);\n  }\n\n  #removeEmptyNodes(e: Event) {\n    (e.target as HTMLSlotElement).assignedNodes().forEach((node: Node) => removeEmptyTextNode(node));\n  }\n\n  render() {\n    return html`<div internal-host>\n      <div class=\"container\"\n        @click=${this.#handleClick} \n        @dragenter=${this.#handleDragEnter}\n        @dragover=${this.#handleDragOver}\n        @dragleave=${this.#handleDragLeave}\n        @drop=${this.#handleDrop}>\n        <svg class=\"border\" width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\">\n          <rect width=\"100%\" height=\"100%\" fill=\"none\" rx=\"4\" ry=\"4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"6,6\" stroke-dashoffset=\"0\" stroke-linecap=\"square\" />\n        </svg>\n        <slot name=\"icon\"><nve-icon part=\"icon\" class=\"icon\" name=\"upload\"></nve-icon></slot>\n        <slot @slotchange=${this.#removeEmptyNodes}>\n          <div class=\"text-center\">\n            <div class=\"text-bold\">${this.i18n.dragAndDrop} ${this.i18n.files} ${this.i18n.or} <span class=\"text-emphasized\">${this.i18n.browseFiles}</span></div>\n            <div class=\"text-muted\">${this.#formatFileTypeSpecifiers(this.accept)} &mdash; ${this.i18n.maxFileSize} ${formatFileSize(this.maxFileSize)}</div>\n          </div>\n        </slot>\n        <input id=\"dropzone-input\" type=\"file\" accept=${this.accept} @change=${this.#handleFileInputChange} multiple hidden></input>\n      </div>\n    </div>`;\n  }\n}\n"],"mappings":"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"}

package/dist/file/file2.js

@@ -11,7 +11,7 @@ var a = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-file",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	connectedCallback() {

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

@@ -1,19 +1,19 @@
 import { LogService as e } from "../internal/services/log.service.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { typeSSR as n } from "../internal/controllers/type-ssr.controller.js";
-import { useStyles as r } from "../internal/styles/index.js";
+import { typeSSR as t } from "../internal/controllers/type-ssr.controller.js";
+import { useStyles as n } from "../internal/styles/index.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/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";
 //#region src/format-datetime/format-datetime.ts
 var c = class extends a {
 	static {
-		this.styles = r([i]);
+		this.styles = n([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-format-datetime",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	get #e() {
@@ -58,19 +58,19 @@ var c = class extends a {
 		this.requestUpdate();
 	}
 };
-t([s({ type: String })], c.prototype, "date", void 0), t([s({ type: String })], c.prototype, "locale", void 0), t([s({ type: String })], c.prototype, "weekday", void 0), t([s({ type: String })], c.prototype, "year", void 0), t([s({ type: String })], c.prototype, "month", void 0), t([s({ type: String })], c.prototype, "day", void 0), t([s({ type: String })], c.prototype, "hour", void 0), t([s({ type: String })], c.prototype, "minute", void 0), t([s({ type: String })], c.prototype, "second", void 0), t([s({
+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({
 	type: String,
 	attribute: "date-style"
-})], c.prototype, "dateStyle", void 0), t([s({
+})], c.prototype, "dateStyle", void 0), r([s({
 	type: String,
 	attribute: "time-style"
-})], c.prototype, "timeStyle", void 0), t([s({
+})], c.prototype, "timeStyle", void 0), r([s({
 	type: String,
 	attribute: "time-zone-name"
-})], c.prototype, "timeZoneName", void 0), t([s({
+})], c.prototype, "timeZoneName", void 0), r([s({
 	type: String,
 	attribute: "time-zone"
-})], c.prototype, "timeZone", void 0), c = t([n()], c);
+})], c.prototype, "timeZone", void 0), c = r([t()], c);
 //#endregion
 export { c as FormatDatetime };
 

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

@@ -1,7 +1,7 @@
 import { LogService as e } from "../internal/services/log.service.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { typeSSR as n } from "../internal/controllers/type-ssr.controller.js";
-import { useStyles as r } from "../internal/styles/index.js";
+import { typeSSR as t } from "../internal/controllers/type-ssr.controller.js";
+import { useStyles as n } from "../internal/styles/index.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/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";
@@ -24,12 +24,12 @@ var c = [
 		super(...e), this.formatStyle = "decimal";
 	}
 	static {
-		this.styles = r([i]);
+		this.styles = n([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-format-number",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	get #e() {
@@ -74,37 +74,37 @@ var c = [
 		this.requestUpdate();
 	}
 };
-t([s({ type: String })], u.prototype, "number", void 0), t([s({ type: String })], u.prototype, "locale", void 0), t([s({
+r([s({ type: String })], u.prototype, "number", void 0), r([s({ type: String })], u.prototype, "locale", void 0), r([s({
 	type: String,
 	attribute: "format-style"
-})], u.prototype, "formatStyle", void 0), t([s({ type: String })], u.prototype, "currency", void 0), t([s({
+})], u.prototype, "formatStyle", void 0), r([s({ type: String })], u.prototype, "currency", void 0), r([s({
 	type: String,
 	attribute: "currency-sign"
-})], u.prototype, "currencySign", void 0), t([s({
+})], u.prototype, "currencySign", void 0), r([s({
 	type: String,
 	attribute: "currency-display"
-})], u.prototype, "currencyDisplay", void 0), t([s({ type: String })], u.prototype, "unit", void 0), t([s({
+})], u.prototype, "currencyDisplay", void 0), r([s({ type: String })], u.prototype, "unit", void 0), r([s({
 	type: String,
 	attribute: "unit-display"
-})], u.prototype, "unitDisplay", void 0), t([s({ type: String })], u.prototype, "notation", void 0), t([s({
+})], u.prototype, "unitDisplay", void 0), r([s({ type: String })], u.prototype, "notation", void 0), r([s({
 	type: String,
 	attribute: "compact-display"
-})], u.prototype, "compactDisplay", void 0), t([s({
+})], u.prototype, "compactDisplay", void 0), r([s({
 	type: String,
 	attribute: "sign-display"
-})], u.prototype, "signDisplay", void 0), t([s({
+})], u.prototype, "signDisplay", void 0), r([s({
 	type: String,
 	attribute: "use-grouping"
-})], u.prototype, "useGrouping", void 0), t([s({
+})], u.prototype, "useGrouping", void 0), r([s({
 	type: Number,
 	attribute: "minimum-fraction-digits"
-})], u.prototype, "minimumFractionDigits", void 0), t([s({
+})], u.prototype, "minimumFractionDigits", void 0), r([s({
 	type: Number,
 	attribute: "maximum-fraction-digits"
-})], u.prototype, "maximumFractionDigits", void 0), t([s({
+})], u.prototype, "maximumFractionDigits", void 0), r([s({
 	type: Number,
 	attribute: "minimum-integer-digits"
-})], u.prototype, "minimumIntegerDigits", void 0), u = t([n()], u);
+})], u.prototype, "minimumIntegerDigits", void 0), u = r([t()], u);
 //#endregion
 export { u as FormatNumber };
 

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

@@ -1,7 +1,7 @@
 import { LogService as e } from "../internal/services/log.service.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { typeSSR as n } from "../internal/controllers/type-ssr.controller.js";
-import { useStyles as r } from "../internal/styles/index.js";
+import { typeSSR as t } from "../internal/controllers/type-ssr.controller.js";
+import { useStyles as n } from "../internal/styles/index.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/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";
@@ -48,12 +48,12 @@ var c = {
 		super(...e), this.numeric = "always", this.formatStyle = "long", this.unit = "auto", this.sync = !1;
 	}
 	static {
-		this.styles = r([i]);
+		this.styles = n([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-format-relative-time",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	#e;
@@ -128,10 +128,10 @@ var c = {
 		this.requestUpdate();
 	}
 };
-t([s({ type: String })], u.prototype, "date", void 0), t([s({ type: String })], u.prototype, "locale", void 0), t([s({ type: String })], u.prototype, "numeric", void 0), t([s({
+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({
 	type: String,
 	attribute: "format-style"
-})], u.prototype, "formatStyle", void 0), t([s({ type: String })], u.prototype, "unit", void 0), t([s({ type: Boolean })], u.prototype, "sync", void 0), u = t([n()], u);
+})], 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);
 //#endregion
 export { u as FormatRelativeTime };
 

package/dist/forms/control/control2.js

@@ -1,10 +1,10 @@
-import { appendRootNodeStyle as e, getAttributeListChanges as t } from "../../internal/utils/dom.js";
-import { associateAriaDescribedBy as n, associateDataList as r, associateLabel as i, attachInternals as a } from "../../internal/utils/a11y.js";
-import { __decorate as o } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { I18nController as s } from "../../internal/controllers/i18n.controller.js";
-import { typeSSR as c } from "../../internal/controllers/type-ssr.controller.js";
-import { hostAttr as l } from "../../internal/decorators/host-attr.js";
-import { useStyles as u } from "../../internal/styles/index.js";
+import { I18nController as e } from "../../internal/controllers/i18n.controller.js";
+import { appendRootNodeStyle as t, getAttributeListChanges as n } from "../../internal/utils/dom.js";
+import { associateAriaDescribedBy as r, associateDataList as i, associateLabel as a, attachInternals as o } from "../../internal/utils/a11y.js";
+import { typeSSR as s } from "../../internal/controllers/type-ssr.controller.js";
+import { hostAttr as c } from "../../internal/decorators/host-attr.js";
+import { useStyles as l } from "../../internal/styles/index.js";
+import { __decorate as u } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { inputQuery as d, setupControlStates as f, setupControlStatusStates as p, setupControlValidationStates as m } from "../utils/states.js";
 import { setupControlLayoutStates as h } from "../utils/layout.js";
 import g from "./control.global.js";
@@ -13,8 +13,8 @@ import { LitElement as v, html as y, isServer as b, nothing as x } from "lit";
 import { property as S } from "lit/decorators/property.js";
 //#region src/forms/control/control.ts
 var C = class extends v {
-	constructor(...e) {
-		super(...e), this.fitText = !1, this.fitContent = !1, this.#e = new s(this), this.i18n = this.#e.i18n, this.nveControl = "", this.#i = [], this._associateDatalist = !0, this.#a = () => {
+	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.#f(), this.input && this.#i.length === 0 && (this.#o(), this.#c());
 		}, this.#s = () => {
 			this.#f(), this.#p();
@@ -45,19 +45,19 @@ var C = class extends v {
 	}
 	#i;
 	static {
-		this.styles = u([_]);
+		this.styles = l([_]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-control",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	render() {
 		return this.nveControl === "inline" ? y`<div internal-host part="_internal-host"><div input part="_input"><slot interaction-state></slot></div><slot name="label" part="_label"></slot><slot name="messages" part="_messages"></slot></div>` : y`<div internal-host part="_internal-host"><slot name="label" part="_label"></slot><div input part="_input">${this.prefixContent}<slot></slot>${this.suffixContent}</div><slot name="messages" part="_messages"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), a(this), e(this, g), this.shadowRoot.addEventListener("slotchange", this.#a);
+		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.#s), this.fitText && this.input && (this.input.removeEventListener("input", this.#l), this.input.removeEventListener("change", this.#l)), this.#i.forEach((e) => e.disconnect()), this.#i.length = 0;
@@ -70,7 +70,7 @@ var C = class extends v {
 		}));
 	}
 	#o() {
-		m(this, this.#n), this.#i.push(...f(this), ...p(this, this.#n), h(this), t(this, ["hidden", "status"], () => this.#f())), this.#d(), this.#p(), this.shadowRoot.addEventListener("slotchange", this.#s);
+		m(this, this.#n), this.#i.push(...f(this), ...p(this, this.#n), h(this), n(this, ["hidden", "status"], () => this.#f())), this.#d(), this.#p(), this.shadowRoot.addEventListener("slotchange", this.#s);
 	}
 	#s;
 	#c() {
@@ -90,7 +90,7 @@ var C = class extends v {
 		this.input && (this.toggleAttribute("multiple", this.input?.multiple), this.input?.hasAttribute("size") ? this.setAttribute("size", "") : this.removeAttribute("size"));
 	}
 	#p() {
-		this.#m(), i(this.#t, this.input), n(Array.from(this.#n), this.input), this._associateDatalist && r(this.querySelector("datalist"), this.input);
+		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");
@@ -102,21 +102,21 @@ var C = class extends v {
 		} catch {}
 	}
 };
-o([S({ type: String })], C.prototype, "status", void 0), o([S({
+u([S({ type: String })], C.prototype, "status", void 0), u([S({
 	type: String,
 	reflect: !0
-})], C.prototype, "layout", void 0), o([S({
+})], C.prototype, "layout", void 0), u([S({
 	type: Boolean,
 	reflect: !0,
 	attribute: "fit-text"
-})], C.prototype, "fitText", void 0), o([S({
+})], C.prototype, "fitText", void 0), u([S({
 	type: Boolean,
 	reflect: !0,
 	attribute: "fit-content"
-})], C.prototype, "fitContent", void 0), o([S({ type: Object })], C.prototype, "i18n", void 0), o([S({
+})], C.prototype, "fitContent", void 0), u([S({ type: Object })], C.prototype, "i18n", void 0), u([S({
 	type: String,
 	reflect: !0
-})], C.prototype, "prominence", void 0), o([l({ attribute: "nve-control" })], C.prototype, "nveControl", void 0), C = o([c()], C);
+})], C.prototype, "prominence", void 0), u([c({ attribute: "nve-control" })], C.prototype, "nveControl", void 0), C = u([s()], C);
 //#endregion
 export { C as Control };
 

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

@@ -1,6 +1,6 @@
 import { associateAriaDescribedBy as e, associateAriaLabel as t, associateControlGroup as n, attachInternals as r } from "../../internal/utils/a11y.js";
-import { __decorate as i } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { useStyles as a } from "../../internal/styles/index.js";
+import { useStyles as i } from "../../internal/styles/index.js";
+import { __decorate as a } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { inputQuery as o, setupControlGroupStates as s, setupControlStatusStates as c } from "../utils/states.js";
 import { setupControlLayoutStates as l } from "../utils/layout.js";
 import u from "./control-group.js";
@@ -19,12 +19,12 @@ var m = class extends d {
 	}
 	#t = [];
 	static {
-		this.styles = a([u]);
+		this.styles = i([u]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-control-group",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	render() {
@@ -50,10 +50,10 @@ var m = class extends d {
 		this.label && (this.label.slot = "label");
 	}
 };
-i([p({
+a([p({
 	type: String,
 	reflect: !0
-})], m.prototype, "layout", void 0), i([p({
+})], m.prototype, "layout", void 0), a([p({
 	type: String,
 	reflect: !0
 })], m.prototype, "prominence", void 0);

package/dist/forms/control-message/control-message2.js

@@ -1,7 +1,7 @@
-import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { hostAttr as t } from "../../internal/decorators/host-attr.js";
-import { scopedRegistry as n } from "../../internal/decorators/scoped-registry.js";
-import { useStyles as r } from "../../internal/styles/index.js";
+import { hostAttr as e } from "../../internal/decorators/host-attr.js";
+import { scopedRegistry as t } from "../../internal/decorators/scoped-registry.js";
+import { useStyles as n } from "../../internal/styles/index.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { Icon as i } from "../../icon/icon2.js";
 import a from "./control-message.js";
 import { LitElement as o, html as s } from "lit";
@@ -18,12 +18,12 @@ var l = {
 		super(...e), this.error = null, this.slot = "messages";
 	}
 	static {
-		this.styles = r([a]);
+		this.styles = n([a]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-control-message",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	static {
@@ -33,13 +33,13 @@ var l = {
 		return s`<div internal-host><slot name="icon"><nve-icon part="icon" name="${this.error ? l.error : l[this.status]}"></nve-icon></slot><slot></slot></div>`;
 	}
 };
-e([c({
+r([c({
 	type: String,
 	reflect: !0
-})], u.prototype, "status", void 0), e([c({
+})], u.prototype, "status", void 0), r([c({
 	type: String,
 	reflect: !0
-})], u.prototype, "error", void 0), e([t()], u.prototype, "slot", void 0), u = e([n()], u);
+})], u.prototype, "error", void 0), r([e()], u.prototype, "slot", void 0), u = r([t()], u);
 //#endregion
 export { u as ControlMessage };
 

package/dist/grid/cell/cell2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-grid-cell",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	render() {

package/dist/grid/column/column2.js

@@ -1,19 +1,19 @@
 import { appendRootNodeStyle as e } from "../../internal/utils/dom.js";
 import { attachInternals as t } from "../../internal/utils/a11y.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { useStyles as r } from "../../internal/styles/index.js";
+import { useStyles as n } from "../../internal/styles/index.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import i from "./column.js";
 import { LitElement as a, html as o } from "lit";
 import { property as s } from "lit/decorators/property.js";
 //#region src/grid/column/column.ts
-var c = class n extends a {
+var c = class r extends a {
 	static {
-		this.styles = r([i]);
+		this.styles = n([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-grid-column",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	get #e() {
@@ -50,7 +50,7 @@ var c = class n extends a {
 		this.#n ? this.#n.replaceSync(i) : this.#n = e(this.#e, i), this.setAttribute(t, "");
 	}
 	#i() {
-		let e = Array.from(this.parentElement.querySelectorAll(n.metadata.tag)), t = e.slice(e.indexOf(this) + 1, e.length), r = this.getBoundingClientRect(), i = this.#e.getBoundingClientRect(), a = this.offsetLeft < i.width / 2 ? "left" : "right", o = r.left - i.left, s = t.reduce((e, t) => e + t.getBoundingClientRect().width, 0), c = `[id='${this.#e.id}'] nve-grid-column:nth-of-type(${this.ariaColIndex}),
+		let e = Array.from(this.parentElement.querySelectorAll(r.metadata.tag)), t = e.slice(e.indexOf(this) + 1, e.length), n = this.getBoundingClientRect(), i = this.#e.getBoundingClientRect(), a = this.offsetLeft < i.width / 2 ? "left" : "right", o = n.left - i.left, s = t.reduce((e, t) => e + t.getBoundingClientRect().width, 0), c = `[id='${this.#e.id}'] nve-grid-column:nth-of-type(${this.ariaColIndex}),
         [id='${this.#e.id}'] nve-grid-cell:nth-of-type(${this.ariaColIndex})`;
 		return {
 			side: a,
@@ -81,17 +81,17 @@ var c = class n extends a {
         }`);
 	}
 };
-n([s({
+r([s({
 	type: String,
 	reflect: !0
-})], c.prototype, "width", void 0), n([s({
+})], c.prototype, "width", void 0), r([s({
 	type: String,
 	reflect: !0
-})], c.prototype, "position", void 0), n([s({
+})], c.prototype, "position", void 0), r([s({
 	type: String,
 	reflect: !0,
 	attribute: "column-align"
-})], c.prototype, "columnAlign", void 0), n([s({
+})], c.prototype, "columnAlign", void 0), r([s({
 	type: String,
 	reflect: !0,
 	attribute: "aria-colindex"

package/dist/grid/footer/footer2.js

@@ -1,7 +1,7 @@
 import { attachInternals as e } from "../../internal/utils/a11y.js";
-import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { hostAttr as n } from "../../internal/decorators/host-attr.js";
-import { useStyles as r } from "../../internal/styles/index.js";
+import { hostAttr as t } from "../../internal/decorators/host-attr.js";
+import { useStyles as n } from "../../internal/styles/index.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import i from "./footer.js";
 import { LitElement as a, html as o } from "lit";
 //#region src/grid/footer/footer.ts
@@ -10,12 +10,12 @@ var s = class extends a {
 		super(...e), this.slot = "footer";
 	}
 	static {
-		this.styles = r([i]);
+		this.styles = n([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-grid-footer",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	static {
@@ -28,7 +28,7 @@ var s = class extends a {
 		super.connectedCallback(), e(this), this._internals.role = "row";
 	}
 };
-t([n()], s.prototype, "slot", void 0);
+r([t()], s.prototype, "slot", void 0);
 //#endregion
 export { s as GridFooter };
 

package/dist/grid/grid2.js

@@ -1,9 +1,9 @@
-import { appendRootNodeStyle as e, generateId as t } from "../internal/utils/dom.js";
-import { attachInternals as n } from "../internal/utils/a11y.js";
-import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { audit as i } from "../internal/controllers/audit.controller.js";
-import { keyNavigationGrid as a } from "../internal/controllers/keynav-grid.controller.js";
-import { useStyles as o } from "../internal/styles/index.js";
+import { audit as e } from "../internal/controllers/audit.controller.js";
+import { appendRootNodeStyle as t, generateId as n } from "../internal/utils/dom.js";
+import { keyNavigationGrid as r } from "../internal/controllers/keynav-grid.controller.js";
+import { attachInternals as i } from "../internal/utils/a11y.js";
+import { useStyles as a } from "../internal/styles/index.js";
+import { __decorate as o } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { GridPlaceholder as s } from "./placeholder/placeholder2.js";
 import { GridColumn as c } from "./column/column2.js";
 import { GridCell as l } from "./cell/cell2.js";
@@ -17,12 +17,12 @@ import { property as _ } from "lit/decorators/property.js";
 //#region src/grid/grid.ts
 var v = class extends h {
 	static {
-		this.styles = o([p]);
+		this.styles = a([p]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-grid",
-			version: "0.2.2",
+			version: "0.2.3",
 			children: [
 				u.metadata.tag,
 				d.metadata.tag,
@@ -57,19 +57,19 @@ var v = class extends h {
 		return g`<div internal-host><div part="_scrollbox"><slot></slot></div><slot name="footer"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), n(this), this._internals.role = "grid", this.id ||= t(), e(this, m);
+		super.connectedCallback(), i(this), this._internals.role = "grid", this.id ||= n(), t(this, m);
 	}
 	async scrollTo(...e) {
 		await this.shadowRoot.querySelector("[part=\"_scrollbox\"]")?.scrollTo(...e);
 	}
 };
-r([_({
+o([_({
 	type: String,
 	reflect: !0
-})], v.prototype, "container", void 0), r([_({
+})], v.prototype, "container", void 0), o([_({
 	type: Boolean,
 	reflect: !0
-})], v.prototype, "stripe", void 0), v = r([i(), a()], v);
+})], v.prototype, "stripe", void 0), v = o([e(), r()], v);
 //#endregion
 export { v as Grid };