@nvidia-elements/core 2.23.4 → 2.23.6

package/dist/page-header/page-header2.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header2.js","names":["styles","globalStyles","page_header_default","page_header_global_default","PageHeader","LitElement","useStyles","appendRootNodeStyle","attachInternals"],"sources":["../../src/page-header/page-header.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 { useStyles, attachInternals, appendRootNodeStyle } from '@nvidia-elements/core/internal';\nimport styles from './page-header.css?inline';\nimport globalStyles from './page-header.global.css?inline';\n\n/**\n * @element nve-page-header\n * @description An element that appears across the top of all pages containing the application name and primary navigation.\n * @documentation https://nvidia.github.io/elements/docs/elements/page-header/\n * @entrypoint \\@nvidia-elements/core/page-header\n * @since 1.15.0\n * @slot - The default content slot\n * @slot prefix - Content displayed at the start of the header\n * @slot suffix - Content displayed at the end of the header\n * @cssprop --background - Background color of the header\n * @cssprop --padding - Padding inside the header\n * @cssprop --border-bottom - Border below the header\n * @cssprop --gap - Gap between the prefix, default, and suffix slots\n * @cssprop --margin-inline - left and right margin applied to the default content slot\n\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav\n *\n */\nexport class PageHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-header',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    attachInternals(this);\n    this._internals.role = 'navigation';\n  }\n}\n"],"mappings":";;;;;;;AA0BA,IAAaI,IAAb,cAAgCC,EAAW;;EACzB,KAAA,SAAAC,EAAU,CAACN,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAOb;CAKA,oBAA0B;EAIxB,AAHA,MAAM,kBAAkB,GACxBO,EAAoB,MAAMN,CAAY,GACtCO,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF"}
+{"version":3,"file":"page-header2.js","names":["styles","globalStyles","page_header_default","page_header_global_default","PageHeader","LitElement","useStyles","appendRootNodeStyle","attachInternals"],"sources":["../../src/page-header/page-header.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 { appendRootNodeStyle } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './page-header.css?inline';\nimport globalStyles from './page-header.global.css?inline';\n\n/**\n * @element nve-page-header\n * @description An element that appears across the top of all pages containing the application name and primary navigation.\n * @documentation https://nvidia.github.io/elements/docs/elements/page-header/\n * @entrypoint \\@nvidia-elements/core/page-header\n * @since 1.15.0\n * @slot - The default content slot\n * @slot prefix - Content displayed at the start of the header\n * @slot suffix - Content displayed at the end of the header\n * @cssprop --background - Background color of the header\n * @cssprop --padding - Padding inside the header\n * @cssprop --border-bottom - Border below the header\n * @cssprop --gap - Gap between the prefix, default, and suffix slots\n * @cssprop --margin-inline - left and right margin applied to the default content slot\n\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav\n *\n */\nexport class PageHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-header',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    attachInternals(this);\n    this._internals.role = 'navigation';\n  }\n}\n"],"mappings":";;;;;;;AA4BA,IAAaI,IAAb,cAAgCC,EAAW;;EACzB,KAAA,SAAAC,EAAU,CAACN,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAOb;CAKA,oBAA0B;EAIxB,AAHA,MAAM,kBAAkB,GACxBO,EAAoB,MAAMN,CAAY,GACtCO,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF"}

package/dist/page-loader/page-loader2.js

@@ -1,34 +1,34 @@
 import { TypeNativePopoverController as e } from "../internal/controllers/type-native-popover.controller.js";
-import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
-import { useStyles as n } from "../internal/styles/index.js";
-import { popoverStyles as r } from "../internal/styles/popover2.js";
-import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { ProgressRing as a } from "../progress-ring/progress-ring2.js";
-import o from "./page-loader.js";
-import { LitElement as s, html as c } from "lit";
+import { popoverStyles as t } from "../internal/styles/popover2.js";
+import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { ProgressRing as r } from "../progress-ring/progress-ring2.js";
+import i from "./page-loader.js";
+import { LitElement as a, html as o } from "lit";
+import { scopedRegistry as s } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as c } from "@nvidia-elements/foundations/internal/styles";
 import { state as l } from "lit/decorators/state.js";
 // src/page-loader/page-loader.ts
-var u = class extends s {
+var u = class extends a {
 	constructor(...t) {
 		super(...t), this.position = "center", this.popoverType = "manual", this.typeNativePopoverController = new e(this), this.anchor = globalThis.document?.body;
 	}
 	static {
-		this.styles = n([r, o]);
+		this.styles = c([t, i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-page-loader",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	static {
-		this.elementDefinitions = { [a.metadata.tag]: a };
+		this.elementDefinitions = { [r.metadata.tag]: r };
 	}
 	render() {
-		return c`<div internal-host><nve-progress-ring part="progress-ring" status="accent" size="xl"></nve-progress-ring><slot></slot></div>`;
+		return o`<div internal-host><nve-progress-ring part="progress-ring" status="accent" size="xl"></nve-progress-ring><slot></slot></div>`;
 	}
 };
-i([l()], u.prototype, "anchor", void 0), u = i([t()], u);
+n([l()], u.prototype, "anchor", void 0), u = n([s()], u);
 export { u as PageLoader };
 
 //# sourceMappingURL=page-loader2.js.map

package/dist/page-loader/page-loader2.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-loader2.js","names":["styles","_decorate","__decorate","page_loader_default","PageLoader","LitElement","_args","TypeNativePopoverController","useStyles","popoverStyles","ProgressRing","state","scopedRegistry"],"sources":["../../src/page-loader/page-loader.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport type { PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport { popoverStyles, scopedRegistry, TypeNativePopoverController, useStyles } from '@nvidia-elements/core/internal';\nimport { ProgressRing } from '@nvidia-elements/core/progress-ring';\nimport styles from './page-loader.css?inline';\n\n/**\n * @element nve-page-loader\n * @description Page Loader is a full-screen version of the `progress-ring` component, for use when the page should remain unusable as the loader displays.\n * @documentation https://nvidia.github.io/elements/docs/elements/page-loader/\n * @since 0.19.0\n * @entrypoint \\@nvidia-elements/core/page-loader\n * @slot - Loading status text displayed with the progress indicator.\n * @cssprop --gap\n * @cssprop --animation-duration - Duration of page loader open/close animations\n * @csspart progress-ring - The progress ring element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class PageLoader extends LitElement {\n  /** @private */\n  readonly position: PopoverPosition = 'center';\n\n  /** @private */\n  readonly popoverType: PopoverType = 'manual';\n\n  /** @private */\n  protected typeNativePopoverController = new TypeNativePopoverController<PageLoader>(this);\n\n  /**\n   * @private\n   */\n  @state() anchor = globalThis.document?.body;\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-loader',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [ProgressRing.metadata.tag]: ProgressRing\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <nve-progress-ring part=\"progress-ring\" status=\"accent\" size=\"xl\"></nve-progress-ring>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;;AAuBO,IAAMI,IAAN,cAAyBC,EAAW;;EAavB,A,aAXmB,KAAA,WAAA,UAGD,KAAA,cAAA,UAGI,KAAA,8BAAA,IAAIE,EAAwC,IAAI,GAKtE,KAAA,SAAA,WAAW,UAAU;;;EAEvB,KAAA,SAAAC,EAAU,CAACC,GAAeT,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBU,EAAa,SAAS,MAAMA,EAC/B;;CAKA,SAAS;EACP,OAAO,CAAI;CAMb;AACF;AAxBGT,EAAA,CAAAU,EAAM,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAdR,IAAAH,EAAA,CAAAW,EAAe,CAAA,GAAAR,CAAA"}
+{"version":3,"file":"page-loader2.js","names":["styles","_decorate","__decorate","page_loader_default","PageLoader","LitElement","_args","TypeNativePopoverController","useStyles","popoverStyles","ProgressRing","state","scopedRegistry"],"sources":["../../src/page-loader/page-loader.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport type { PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport { popoverStyles, TypeNativePopoverController } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { ProgressRing } from '@nvidia-elements/core/progress-ring';\nimport styles from './page-loader.css?inline';\n\n/**\n * @element nve-page-loader\n * @description Page Loader is a full-screen version of the `progress-ring` component, for use when the page should remain unusable as the loader displays.\n * @documentation https://nvidia.github.io/elements/docs/elements/page-loader/\n * @since 0.19.0\n * @entrypoint \\@nvidia-elements/core/page-loader\n * @slot - Loading status text displayed with the progress indicator.\n * @cssprop --gap\n * @cssprop --animation-duration - Duration of page loader open/close animations\n * @csspart progress-ring - The progress ring element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class PageLoader extends LitElement {\n  /** @private */\n  readonly position: PopoverPosition = 'center';\n\n  /** @private */\n  readonly popoverType: PopoverType = 'manual';\n\n  /** @private */\n  protected typeNativePopoverController = new TypeNativePopoverController<PageLoader>(this);\n\n  /**\n   * @private\n   */\n  @state() anchor = globalThis.document?.body;\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-loader',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [ProgressRing.metadata.tag]: ProgressRing\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <nve-progress-ring part=\"progress-ring\" status=\"accent\" size=\"xl\"></nve-progress-ring>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;;AAyBO,IAAMI,IAAN,cAAyBC,EAAW;;EAavB,A,aAXmB,KAAA,WAAA,UAGD,KAAA,cAAA,UAGI,KAAA,8BAAA,IAAIE,EAAwC,IAAI,GAKtE,KAAA,SAAA,WAAW,UAAU;;;EAEvB,KAAA,SAAAC,EAAU,CAACC,GAAeT,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBU,EAAa,SAAS,MAAMA,EAC/B;;CAKA,SAAS;EACP,OAAO,CAAI;CAMb;AACF;AAxBGT,EAAA,CAAAU,EAAM,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAdR,IAAAH,EAAA,CAAAW,EAAe,CAAA,GAAAR,CAAA"}

package/dist/pagination/pagination2.js

@@ -1,16 +1,16 @@
 import { keyNavigationList as e } from "../internal/controllers/keynav-list.controller.js";
-import { attachInternals as t } from "../internal/utils/a11y.js";
-import { typeSSR as n } from "../internal/controllers/type-ssr.controller.js";
-import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
-import { useStyles as i } from "../internal/styles/index.js";
-import { formatStandardNumber as a } from "../internal/utils/objects.js";
-import o from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { IconButton as s } from "../icon-button/icon-button2.js";
-import { Select as c } from "../select/select2.js";
-import l from "./pagination.js";
-import { LitElement as u, html as d, nothing as f } from "lit";
-import { property as p } from "lit/decorators/property.js";
-import { I18nController as m } from "@nvidia-elements/foundations/internal/i18n";
+import { typeSSR as t } from "../internal/controllers/type-ssr.controller.js";
+import { formatStandardNumber as n } from "../internal/utils/objects.js";
+import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { IconButton as i } from "../icon-button/icon-button2.js";
+import { Select as a } from "../select/select2.js";
+import o from "./pagination.js";
+import { attachInternals as s } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as c, html as l, nothing as u } from "lit";
+import { property as d } from "lit/decorators/property.js";
+import { I18nController as f } from "@nvidia-elements/foundations/internal/i18n";
+import { scopedRegistry as p } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as m } from "@nvidia-elements/foundations/internal/styles";
 import { FormControlMixin as h } from "@nvidia-elements/forms/mixins";
 // src/pagination/pagination.ts
 var g = {
@@ -20,27 +20,27 @@ var g = {
 	start: "start",
 	end: "end",
 	currentPage: "current page"
-}, _ = class extends h(u) {
+}, _ = class extends h(c) {
 	#e;
 	static {
-		this.styles = i([l]);
+		this.styles = m([o]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-pagination",
-			version: "2.23.4",
+			version: "2.23.6",
 			valueSchema: { type: "number" }
 		};
 	}
 	static {
 		this.elementDefinitions = {
-			[s.metadata.tag]: s,
-			[c.metadata.tag]: c
+			[i.metadata.tag]: i,
+			[a.metadata.tag]: a
 		};
 	}
 	get keynavListConfig() {
 		return {
-			items: this.shadowRoot.querySelectorAll(`${s.metadata.tag}, input, select`),
+			items: this.shadowRoot.querySelectorAll(`${i.metadata.tag}, input, select`),
 			layout: "horizontal"
 		};
 	}
@@ -55,29 +55,29 @@ var g = {
 	}
 	get #i() {
 		let e = (this.value - 1) * this.step + 1, t = Math.min(this.value * this.step, this.items || Infinity);
-		return `${a(e)}-${a(t)}`;
+		return `${n(e)}-${n(t)}`;
 	}
 	get #a() {
-		return this.items ? d`<label><slot name="suffix-label">${this.i18n.of} ${a(this.items)}</slot></label>` : f;
+		return this.items ? l`<label><slot name="suffix-label">${this.i18n.of} ${n(this.items)}</slot></label>` : u;
 	}
 	get #o() {
-		return d`<nve-icon-button part="icon-button previous-icon-button" @click="${() => this.#m(this.value - 1)}" .disabled="${this.disabled || this.#t <= this.step}" .ariaLabel="${this.i18n.previous}" container="inline" icon-name="chevron" direction="left"></nve-icon-button>`;
+		return l`<nve-icon-button part="icon-button previous-icon-button" @click="${() => this.#m(this.value - 1)}" .disabled="${this.disabled || this.#t <= this.step}" .ariaLabel="${this.i18n.previous}" container="inline" icon-name="chevron" direction="left"></nve-icon-button>`;
 	}
 	get #s() {
-		return d`<nve-icon-button part="icon-button next-icon-button" @click="${() => this.#m(this.value + 1)}" .disabled="${this.disabled || this.#t >= this.items}" .ariaLabel="${this.i18n.next}" container="inline" icon-name="chevron" direction="right"></nve-icon-button>`;
+		return l`<nve-icon-button part="icon-button next-icon-button" @click="${() => this.#m(this.value + 1)}" .disabled="${this.disabled || this.#t >= this.items}" .ariaLabel="${this.i18n.next}" container="inline" icon-name="chevron" direction="right"></nve-icon-button>`;
 	}
 	get #c() {
-		return d`<nve-icon-button part="icon-button start-icon-button" @click="${() => this.#m(1)}" .disabled="${this.disabled || this.#t <= this.step}" .ariaLabel="${this.i18n.start}" container="inline" icon-name="arrow-stop" direction="left"></nve-icon-button>`;
+		return l`<nve-icon-button part="icon-button start-icon-button" @click="${() => this.#m(1)}" .disabled="${this.disabled || this.#t <= this.step}" .ariaLabel="${this.i18n.start}" container="inline" icon-name="arrow-stop" direction="left"></nve-icon-button>`;
 	}
 	get #l() {
-		return d`<nve-icon-button part="icon-button end-icon-button" @click="${() => this.#m(this.items / this.step)}" .disabled="${this.disabled || (this.value - 1) * this.step + this.step >= this.items}" .ariaLabel="${this.i18n.end}" container="inline" icon-name="arrow-stop" direction="right"></nve-icon-button>`;
+		return l`<nve-icon-button part="icon-button end-icon-button" @click="${() => this.#m(this.items / this.step)}" .disabled="${this.disabled || (this.value - 1) * this.step + this.step >= this.items}" .ariaLabel="${this.i18n.end}" container="inline" icon-name="arrow-stop" direction="right"></nve-icon-button>`;
 	}
 	#u;
 	get #d() {
-		return this.disableStep ? d`<label>${this.#i} </label>` : d`<nve-select part="select" .container="${this.container}"><select .ariaLabel="${this.i18n.currentPage}" @change="${(e) => this.#p(parseInt(e.target.value, 10))}" value="${this.step}" .disabled="${this.disabled || this.disableStep}">${this.stepSizes.map((e) => d`<option ?selected="${this.step === e}" value="${e}">${e}</option>`)}</select><div class="select-label">${this.#i}</div></nve-select>`;
+		return this.disableStep ? l`<label>${this.#i} </label>` : l`<nve-select part="select" .container="${this.container}"><select .ariaLabel="${this.i18n.currentPage}" @change="${(e) => this.#p(parseInt(e.target.value, 10))}" value="${this.step}" .disabled="${this.disabled || this.disableStep}">${this.stepSizes.map((e) => l`<option ?selected="${this.step === e}" value="${e}">${e}</option>`)}</select><div class="select-label">${this.#i}</div></nve-select>`;
 	}
 	render() {
-		return d`<div internal-host role="presentation">${this.skippable && this.items ? d`${this.#c} ${this.#o} ${this.#d} ${this.#a} ${this.#s} ${this.#l}` : d`${this.#d} ${this.#a} ${this.#o} ${this.#s}`}</div>`;
+		return l`<div internal-host role="presentation">${this.skippable && this.items ? l`${this.#c} ${this.#o} ${this.#d} ${this.#a} ${this.#s} ${this.#l}` : l`${this.#d} ${this.#a} ${this.#o} ${this.#s}`}</div>`;
 	}
 	constructor() {
 		super(), this.step = 10, this.stepSizes = [
@@ -85,10 +85,10 @@ var g = {
 			20,
 			50,
 			100
-		], this.#e = new m(this, g), this.i18n = this.#e.i18n, this.value = 1;
+		], this.#e = new f(this, g), this.i18n = this.#e.i18n, this.value = 1;
 	}
 	async connectedCallback() {
-		super.connectedCallback(), t(this), this._internals.role = "toolbar", await this.updateComplete, this.#f();
+		super.connectedCallback(), s(this), this._internals.role = "toolbar", await this.updateComplete, this.#f();
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.#u?.unobserve(this);
@@ -114,19 +114,19 @@ var g = {
 		}));
 	}
 };
-o([p({ type: Number })], _.prototype, "step", void 0), o([p({
+r([d({ type: Number })], _.prototype, "step", void 0), r([d({
 	type: Array,
 	attribute: "step-sizes"
-})], _.prototype, "stepSizes", void 0), o([p({ type: Number })], _.prototype, "items", void 0), o([p({ type: Boolean })], _.prototype, "skippable", void 0), o([p({
+})], _.prototype, "stepSizes", void 0), r([d({ type: Number })], _.prototype, "items", void 0), r([d({ type: Boolean })], _.prototype, "skippable", void 0), r([d({
 	type: Boolean,
 	attribute: "disable-step"
-})], _.prototype, "disableStep", void 0), o([p({
+})], _.prototype, "disableStep", void 0), r([d({
 	type: String,
 	reflect: !0
-})], _.prototype, "container", void 0), o([p({ type: Object })], _.prototype, "i18n", void 0), _ = o([
-	n(),
+})], _.prototype, "container", void 0), r([d({ type: Object })], _.prototype, "i18n", void 0), _ = r([
+	t(),
 	e(),
-	r()
+	p()
 ], _);
 export { _ as Pagination };
 

package/dist/pagination/pagination2.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination2.js","names":["styles","_decorate","__decorate","pagination_default","i18nDefaults","Pagination","FormControlMixin","LitElement","useStyles","IconButton","Select","#currentPage","#isLastPage","#isFirstPage","#selectLabel","start","end","formatStandardNumber","#label","nothing","#previousButton","#setValue","#nextButton","#startButton","#endButton","#select","#setStep","i","#i18nController","I18nController","attachInternals","#setupLabelWidth","#resizeObserver","label","select","entries","value","property","typeSSR","keyNavigationList","scopedRegistry"],"sources":["../../src/pagination/pagination.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  formatStandardNumber,\n  keyNavigationList,\n  typeSSR,\n  useStyles,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { Select } from '@nvidia-elements/core/select';\nimport styles from './pagination.css?inline';\n\nconst i18nDefaults = {\n  of: 'of',\n  previous: 'previous',\n  next: 'next',\n  start: 'start',\n  end: 'end',\n  currentPage: 'current page'\n} satisfies I18nDefaults;\n\n/* eslint-disable jsdoc/no-types */\n// explicit jsdoc annotation due to inheritance context lost with CEM generator\n\n/**\n * @element nve-pagination\n * @description Pagination is a control that enables users to navigate through pages of content.\n * @documentation https://nvidia.github.io/elements/docs/elements/pagination/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/pagination\n * @event input - Dispatched when the value (page) has changed\n * @event change - Dispatched when the value (page) has changed\n * @event first-page - Dispatched when the first page is active\n * @event last-page - Dispatched when the last page is active\n * @event step-change - Dispatched after the page size changes with the current page size in `detail`. The event bubbles and crosses shadow boundaries.\n * @slot suffix-label - Overrides the \"of total\" label when the total is an approximation.\n * @cssprop --background\n * @cssprop --font-size\n * @cssprop --width\n * @csspart icon-button - Base part applied to all icon button elements\n * @csspart previous-icon-button - The previous page icon button\n * @csspart next-icon-button - The next page icon button\n * @csspart start-icon-button - The first page icon button\n * @csspart end-icon-button - The last page icon button\n * @csspart select - The page size select element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n * @property {number} value - value the current page number\n * @attribute {string} step-sizes - A JSON-serialized array of page-size options available in the selector.\n */\n@typeSSR()\n@keyNavigationList<Pagination>()\n@scopedRegistry()\nexport class Pagination extends FormControlMixin<typeof LitElement, number>(LitElement) {\n  /**\n   * The number of items per page.\n   */\n  @property({ type: Number }) step = 10;\n  /**\n   * Page-size options available in the selector.\n   */\n  @property({ type: Array, attribute: 'step-sizes' }) stepSizes: number[] = [10, 20, 50, 100];\n\n  /**\n   * The total number of items.\n   */\n  @property({ type: Number }) items: number;\n\n  /**\n   * Whether the pagination is skippable to start/end.\n   */\n  @property({ type: Boolean }) skippable: boolean;\n\n  /**\n   * Whether the step selector has a disabled state.\n   */\n  @property({ type: Boolean, attribute: 'disable-step' }) disableStep: boolean;\n\n  /**\n   * Determines the container styles of component. Flat applies when nesting within other containers. Inline applies when placing within other inline content.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'inline';\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-pagination',\n    version: '0.0.0',\n    valueSchema: {\n      type: 'number' as const\n    }\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [Select.metadata.tag]: Select\n  };\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.shadowRoot!.querySelectorAll<HTMLElement>(`${IconButton.metadata.tag}, input, select`),\n      layout: 'horizontal'\n    };\n  }\n\n  get #currentPage() {\n    return (this.value! - 1) * this.step + this.step;\n  }\n\n  get #isLastPage() {\n    return this.items / this.value! === this.step;\n  }\n\n  get #isFirstPage() {\n    return this.value === 1;\n  }\n\n  get #selectLabel() {\n    const start = (this.value! - 1) * this.step + 1;\n    const end = Math.min(this.value! * this.step, this.items || Infinity);\n    return `${formatStandardNumber(start)}-${formatStandardNumber(end)}`;\n  }\n\n  get #label() {\n    return this.items\n      ? html`<label><slot name=\"suffix-label\">${this.i18n.of} ${formatStandardNumber(this.items)}</slot></label>`\n      : nothing;\n  }\n\n  get #previousButton() {\n    return html`<nve-icon-button part=\"icon-button previous-icon-button\"\n      @click=${() => this.#setValue(this.value! - 1)}\n      .disabled=${this.disabled || this.#currentPage <= this.step}\n      .ariaLabel=${this.i18n.previous}\n      container=\"inline\"\n      icon-name=\"chevron\"\n      direction=\"left\"\n    ></nve-icon-button>`;\n  }\n\n  get #nextButton() {\n    return html`<nve-icon-button part=\"icon-button next-icon-button\"\n      @click=${() => this.#setValue(this.value! + 1)}\n      .disabled=${this.disabled || this.#currentPage >= this.items}\n      .ariaLabel=${this.i18n.next}\n      container=\"inline\"\n      icon-name=\"chevron\"\n      direction=\"right\"\n    ></nve-icon-button>`;\n  }\n\n  get #startButton() {\n    return html`<nve-icon-button part=\"icon-button start-icon-button\"\n      @click=${() => this.#setValue(1)}\n      .disabled=${this.disabled || this.#currentPage <= this.step}\n      .ariaLabel=${this.i18n.start}\n      container=\"inline\"\n      icon-name=\"arrow-stop\"\n      direction=\"left\"\n    ></nve-icon-button>`;\n  }\n\n  get #endButton() {\n    return html`<nve-icon-button part=\"icon-button end-icon-button\"\n      @click=${() => this.#setValue(this.items / this.step)}\n      .disabled=${this.disabled || (this.value! - 1) * this.step + this.step >= this.items}\n      .ariaLabel=${this.i18n.end}\n      container=\"inline\"\n      icon-name=\"arrow-stop\"\n      direction=\"right\"\n    ></nve-icon-button>`;\n  }\n\n  #resizeObserver: ResizeObserver;\n\n  get #select() {\n    return this.disableStep\n      ? html`<label>${this.#selectLabel}&nbsp;</label>`\n      : html`\n          <nve-select part=\"select\" .container=${this.container}>\n            <select\n              .ariaLabel=${this.i18n.currentPage}\n              @change=${(e: Event) => this.#setStep(parseInt((e.target as HTMLSelectElement).value, 10))}\n              value=${this.step}\n              .disabled=${this.disabled || this.disableStep}\n            >\n            ${this.stepSizes.map(i => html`<option ?selected=${this.step === i} value=${i}>${i}</option>`)}\n            </select>\n            <div class=\"select-label\">${this.#selectLabel}</div>\n          </nve-select>\n        `;\n  }\n\n  render() {\n    return html`\n      <div internal-host role=\"presentation\">\n        ${\n          this.skippable && this.items\n            ? html`\n              ${this.#startButton} ${this.#previousButton} ${this.#select} ${this.#label} ${this.#nextButton}\n              ${this.#endButton}\n            `\n            : html` ${this.#select} ${this.#label} ${this.#previousButton} ${this.#nextButton} `\n        }\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.value = 1;\n  }\n\n  async connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toolbar';\n    await this.updateComplete;\n    this.#setupLabelWidth();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#resizeObserver?.unobserve(this);\n  }\n\n  #setupLabelWidth() {\n    const label = this.shadowRoot!.querySelector('.select-label');\n    const select = this.shadowRoot!.querySelector('select');\n    if (label && select) {\n      this.#resizeObserver = new ResizeObserver(\n        entries => (select.style.minWidth = `${entries[0]!.contentRect.width + 36}px`)\n      );\n      this.#resizeObserver.observe(label);\n    }\n  }\n\n  #setStep(value: number) {\n    /* eslint-disable-next-line */\n    this.step = value; // stateful due to internalized select element\n    this.dispatchEvent(new CustomEvent('step-change', { detail: this.step, bubbles: true, composed: true }));\n    this.#setValue(this.value!);\n  }\n\n  #setValue(value: number) {\n    if (this.value !== value) {\n      this.value = value;\n      this.dispatchInputEvent();\n      this.dispatchChangeEvent();\n    }\n\n    if (this.#isLastPage) {\n      this.dispatchEvent(new CustomEvent('last-page', { bubbles: true, composed: true }));\n    }\n\n    if (this.#isFirstPage) {\n      this.dispatchEvent(new CustomEvent('first-page', { bubbles: true, composed: true }));\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"pagination2.js","names":["styles","_decorate","__decorate","pagination_default","i18nDefaults","Pagination","FormControlMixin","LitElement","useStyles","IconButton","Select","#currentPage","#isLastPage","#isFirstPage","#selectLabel","start","end","formatStandardNumber","#label","nothing","#previousButton","#setValue","#nextButton","#startButton","#endButton","#select","#setStep","i","#i18nController","I18nController","attachInternals","#setupLabelWidth","#resizeObserver","label","select","entries","value","property","typeSSR","keyNavigationList","scopedRegistry"],"sources":["../../src/pagination/pagination.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport { formatStandardNumber, keyNavigationList, typeSSR } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { Select } from '@nvidia-elements/core/select';\nimport styles from './pagination.css?inline';\n\nconst i18nDefaults = {\n  of: 'of',\n  previous: 'previous',\n  next: 'next',\n  start: 'start',\n  end: 'end',\n  currentPage: 'current page'\n} satisfies I18nDefaults;\n\n/* eslint-disable jsdoc/no-types */\n// explicit jsdoc annotation due to inheritance context lost with CEM generator\n\n/**\n * @element nve-pagination\n * @description Pagination is a control that enables users to navigate through pages of content.\n * @documentation https://nvidia.github.io/elements/docs/elements/pagination/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/pagination\n * @event input - Dispatched when the value (page) has changed\n * @event change - Dispatched when the value (page) has changed\n * @event first-page - Dispatched when the first page is active\n * @event last-page - Dispatched when the last page is active\n * @event step-change - Dispatched after the page size changes with the current page size in `detail`. The event bubbles and crosses shadow boundaries.\n * @slot suffix-label - Overrides the \"of total\" label when the total is an approximation.\n * @cssprop --background\n * @cssprop --font-size\n * @cssprop --width\n * @csspart icon-button - Base part applied to all icon button elements\n * @csspart previous-icon-button - The previous page icon button\n * @csspart next-icon-button - The next page icon button\n * @csspart start-icon-button - The first page icon button\n * @csspart end-icon-button - The last page icon button\n * @csspart select - The page size select element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n * @property {number} value - value the current page number\n * @attribute {string} step-sizes - A JSON-serialized array of page-size options available in the selector.\n */\n@typeSSR()\n@keyNavigationList<Pagination>()\n@scopedRegistry()\nexport class Pagination extends FormControlMixin<typeof LitElement, number>(LitElement) {\n  /**\n   * The number of items per page.\n   */\n  @property({ type: Number }) step = 10;\n  /**\n   * Page-size options available in the selector.\n   */\n  @property({ type: Array, attribute: 'step-sizes' }) stepSizes: number[] = [10, 20, 50, 100];\n\n  /**\n   * The total number of items.\n   */\n  @property({ type: Number }) items: number;\n\n  /**\n   * Whether the pagination is skippable to start/end.\n   */\n  @property({ type: Boolean }) skippable: boolean;\n\n  /**\n   * Whether the step selector has a disabled state.\n   */\n  @property({ type: Boolean, attribute: 'disable-step' }) disableStep: boolean;\n\n  /**\n   * Determines the container styles of component. Flat applies when nesting within other containers. Inline applies when placing within other inline content.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'inline';\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-pagination',\n    version: '0.0.0',\n    valueSchema: {\n      type: 'number' as const\n    }\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [Select.metadata.tag]: Select\n  };\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.shadowRoot!.querySelectorAll<HTMLElement>(`${IconButton.metadata.tag}, input, select`),\n      layout: 'horizontal'\n    };\n  }\n\n  get #currentPage() {\n    return (this.value! - 1) * this.step + this.step;\n  }\n\n  get #isLastPage() {\n    return this.items / this.value! === this.step;\n  }\n\n  get #isFirstPage() {\n    return this.value === 1;\n  }\n\n  get #selectLabel() {\n    const start = (this.value! - 1) * this.step + 1;\n    const end = Math.min(this.value! * this.step, this.items || Infinity);\n    return `${formatStandardNumber(start)}-${formatStandardNumber(end)}`;\n  }\n\n  get #label() {\n    return this.items\n      ? html`<label><slot name=\"suffix-label\">${this.i18n.of} ${formatStandardNumber(this.items)}</slot></label>`\n      : nothing;\n  }\n\n  get #previousButton() {\n    return html`<nve-icon-button part=\"icon-button previous-icon-button\"\n      @click=${() => this.#setValue(this.value! - 1)}\n      .disabled=${this.disabled || this.#currentPage <= this.step}\n      .ariaLabel=${this.i18n.previous}\n      container=\"inline\"\n      icon-name=\"chevron\"\n      direction=\"left\"\n    ></nve-icon-button>`;\n  }\n\n  get #nextButton() {\n    return html`<nve-icon-button part=\"icon-button next-icon-button\"\n      @click=${() => this.#setValue(this.value! + 1)}\n      .disabled=${this.disabled || this.#currentPage >= this.items}\n      .ariaLabel=${this.i18n.next}\n      container=\"inline\"\n      icon-name=\"chevron\"\n      direction=\"right\"\n    ></nve-icon-button>`;\n  }\n\n  get #startButton() {\n    return html`<nve-icon-button part=\"icon-button start-icon-button\"\n      @click=${() => this.#setValue(1)}\n      .disabled=${this.disabled || this.#currentPage <= this.step}\n      .ariaLabel=${this.i18n.start}\n      container=\"inline\"\n      icon-name=\"arrow-stop\"\n      direction=\"left\"\n    ></nve-icon-button>`;\n  }\n\n  get #endButton() {\n    return html`<nve-icon-button part=\"icon-button end-icon-button\"\n      @click=${() => this.#setValue(this.items / this.step)}\n      .disabled=${this.disabled || (this.value! - 1) * this.step + this.step >= this.items}\n      .ariaLabel=${this.i18n.end}\n      container=\"inline\"\n      icon-name=\"arrow-stop\"\n      direction=\"right\"\n    ></nve-icon-button>`;\n  }\n\n  #resizeObserver: ResizeObserver;\n\n  get #select() {\n    return this.disableStep\n      ? html`<label>${this.#selectLabel}&nbsp;</label>`\n      : html`\n          <nve-select part=\"select\" .container=${this.container}>\n            <select\n              .ariaLabel=${this.i18n.currentPage}\n              @change=${(e: Event) => this.#setStep(parseInt((e.target as HTMLSelectElement).value, 10))}\n              value=${this.step}\n              .disabled=${this.disabled || this.disableStep}\n            >\n            ${this.stepSizes.map(i => html`<option ?selected=${this.step === i} value=${i}>${i}</option>`)}\n            </select>\n            <div class=\"select-label\">${this.#selectLabel}</div>\n          </nve-select>\n        `;\n  }\n\n  render() {\n    return html`\n      <div internal-host role=\"presentation\">\n        ${\n          this.skippable && this.items\n            ? html`\n              ${this.#startButton} ${this.#previousButton} ${this.#select} ${this.#label} ${this.#nextButton}\n              ${this.#endButton}\n            `\n            : html` ${this.#select} ${this.#label} ${this.#previousButton} ${this.#nextButton} `\n        }\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.value = 1;\n  }\n\n  async connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toolbar';\n    await this.updateComplete;\n    this.#setupLabelWidth();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#resizeObserver?.unobserve(this);\n  }\n\n  #setupLabelWidth() {\n    const label = this.shadowRoot!.querySelector('.select-label');\n    const select = this.shadowRoot!.querySelector('select');\n    if (label && select) {\n      this.#resizeObserver = new ResizeObserver(\n        entries => (select.style.minWidth = `${entries[0]!.contentRect.width + 36}px`)\n      );\n      this.#resizeObserver.observe(label);\n    }\n  }\n\n  #setStep(value: number) {\n    /* eslint-disable-next-line */\n    this.step = value; // stateful due to internalized select element\n    this.dispatchEvent(new CustomEvent('step-change', { detail: this.step, bubbles: true, composed: true }));\n    this.#setValue(this.value!);\n  }\n\n  #setValue(value: number) {\n    if (this.value !== value) {\n      this.value = value;\n      this.dispatchInputEvent();\n      this.dispatchChangeEvent();\n    }\n\n    if (this.#isLastPage) {\n      this.dispatchEvent(new CustomEvent('last-page', { bubbles: true, composed: true }));\n    }\n\n    if (this.#isFirstPage) {\n      this.dispatchEvent(new CustomEvent('first-page', { bubbles: true, composed: true }));\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/panel/panel2.js

@@ -1,17 +1,17 @@
-import { attachInternals as e } from "../internal/utils/a11y.js";
-import { stateExpanded as t } from "../internal/controllers/state-expanded.controller.js";
-import { TypeExpandableController as n } from "../internal/controllers/type-expandable.controller.js";
-import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
-import { useStyles as i } from "../internal/styles/index.js";
-import a from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { IconButton as o } from "../icon-button/icon-button2.js";
-import s from "./panel.js";
-import c from "./panel-header.js";
-import l from "./panel-content.js";
-import u from "./panel-footer.js";
-import { LitElement as d, html as f } from "lit";
-import { property as p } from "lit/decorators/property.js";
-import { I18nController as m } from "@nvidia-elements/foundations/internal/i18n";
+import { stateExpanded as e } from "../internal/controllers/state-expanded.controller.js";
+import { TypeExpandableController as t } from "../internal/controllers/type-expandable.controller.js";
+import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { IconButton as r } from "../icon-button/icon-button2.js";
+import i from "./panel.js";
+import a from "./panel-header.js";
+import o from "./panel-content.js";
+import s from "./panel-footer.js";
+import { attachInternals as c } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as l, html as u } from "lit";
+import { property as d } from "lit/decorators/property.js";
+import { I18nController as f } from "@nvidia-elements/foundations/internal/i18n";
+import { scopedRegistry as p } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as m } from "@nvidia-elements/foundations/internal/styles";
 import { when as h } from "lit/directives/when.js";
 // src/panel/panel.ts
 var g = {
@@ -19,66 +19,66 @@ var g = {
 	expand: "expand",
 	hide: "hide",
 	show: "show"
-}, _ = class extends d {
+}, _ = class extends l {
 	static {
-		this.styles = i([c]);
+		this.styles = m([a]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-panel-header",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	render() {
-		return f`<div internal-host><div id="titles"><slot name="title"></slot><slot name="subtitle"></slot><slot></slot></div><slot name="action-icon"></slot></div>`;
+		return u`<div internal-host><div id="titles"><slot name="title"></slot><slot name="subtitle"></slot><slot></slot></div><slot name="action-icon"></slot></div>`;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.slot = "header";
 	}
-}, v = class extends d {
+}, v = class extends l {
 	static {
-		this.styles = i([l]);
+		this.styles = m([o]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-panel-content",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	render() {
-		return f`<slot></slot>`;
+		return u`<slot></slot>`;
 	}
-}, y = class extends d {
+}, y = class extends l {
 	static {
-		this.styles = i([u]);
+		this.styles = m([s]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-panel-footer",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	render() {
-		return f`<footer internal-host><slot></slot></footer>`;
+		return u`<footer internal-host><slot></slot></footer>`;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.slot = "footer";
 	}
-}, b = class extends d {
+}, b = class extends l {
 	constructor(...e) {
-		super(...e), this.expanded = !1, this.closable = !1, this.behaviorExpand = !1, this.side = "left", this.#e = new m(this, g), this.#t = new n(this), this.i18n = this.#e.i18n;
+		super(...e), this.expanded = !1, this.closable = !1, this.behaviorExpand = !1, this.side = "left", this.#e = new f(this, g), this.#t = new t(this), this.i18n = this.#e.i18n;
 	}
 	static {
-		this.styles = i([s]);
+		this.styles = m([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-panel",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	static {
-		this.elementDefinitions = { [o.metadata.tag]: o };
+		this.elementDefinitions = { [r.metadata.tag]: r };
 	}
 	#e;
 	#t;
@@ -86,19 +86,19 @@ var g = {
 		return this.side === "left" ? this.expanded ? "left" : "right" : this.expanded ? "right" : "left";
 	}
 	render() {
-		return f`<div internal-host><div class="header"><slot name="header"></slot>${h(!this.closable, () => f`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" .container="${this.expanded ? "flat" : void 0}" icon-name="double-chevron" @click="${() => this.#t.toggle()}" .direction="${this.#n}" .expanded="${this.expanded}" .ariaLabel="${this.expanded ? this.i18n.close : this.i18n.expand}"></nve-icon-button>`, () => f`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" container="flat" icon-name="cancel" @click="${() => this.#t.close()}" .expanded="${this.expanded}" .ariaLabel="${this.expanded ? this.i18n.hide : this.i18n.show}"></nve-icon-button>`)}</div><div class="content"><slot></slot></div><slot name="footer"></slot></div>`;
+		return u`<div internal-host><div class="header"><slot name="header"></slot>${h(!this.closable, () => u`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" .container="${this.expanded ? "flat" : void 0}" icon-name="double-chevron" @click="${() => this.#t.toggle()}" .direction="${this.#n}" .expanded="${this.expanded}" .ariaLabel="${this.expanded ? this.i18n.close : this.i18n.expand}"></nve-icon-button>`, () => u`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" container="flat" icon-name="cancel" @click="${() => this.#t.close()}" .expanded="${this.expanded}" .ariaLabel="${this.expanded ? this.i18n.hide : this.i18n.show}"></nve-icon-button>`)}</div><div class="content"><slot></slot></div><slot name="footer"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this), this._internals.role = "region";
+		super.connectedCallback(), c(this), this._internals.role = "region";
 	}
 };
-a([p({
+n([d({
 	type: Boolean,
 	reflect: !0
-})], b.prototype, "expanded", void 0), a([p({ type: Boolean })], b.prototype, "closable", void 0), a([p({
+})], b.prototype, "expanded", void 0), n([d({ type: Boolean })], b.prototype, "closable", void 0), n([d({
 	type: Boolean,
 	attribute: "behavior-expand"
-})], b.prototype, "behaviorExpand", void 0), a([p({ type: String })], b.prototype, "side", void 0), a([p({ type: Object })], b.prototype, "i18n", void 0), b = a([r(), t()], b);
+})], b.prototype, "behaviorExpand", void 0), n([d({ type: String })], b.prototype, "side", void 0), n([d({ type: Object })], b.prototype, "i18n", void 0), b = n([p(), e()], b);
 export { b as Panel, v as PanelContent, y as PanelFooter, _ as PanelHeader };
 
 //# sourceMappingURL=panel2.js.map

package/dist/panel/panel2.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel2.js","names":["panelHeaderStyleSheet","panelContentStyleSheet","panelFooterStyleSheet","panelStyleSheet","_decorate","__decorate","panel_default","panel_header_default","panel_content_default","panel_footer_default","i18nDefaults","PanelHeader","LitElement","useStyles","PanelContent","PanelFooter","Panel","_args","#i18nController","I18nController","#typeExpandableController","TypeExpandableController","IconButton","#direction","when","attachInternals","property","scopedRegistry","stateExpanded"],"sources":["../../src/panel/panel.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 { when } from 'lit/directives/when.js';\nimport {\n  stateExpanded,\n  TypeExpandableController,\n  useStyles,\n  attachInternals,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport panelStyleSheet from './panel.css?inline';\nimport panelHeaderStyleSheet from './panel-header.css?inline';\nimport panelContentStyleSheet from './panel-content.css?inline';\nimport panelFooterStyleSheet from './panel-footer.css?inline';\n\nconst i18nDefaults = {\n  close: 'close',\n  expand: 'expand',\n  hide: 'hide',\n  show: 'show'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-panel-header\n * @description Displays the title, subtitle, and optional action controls at the top of a panel.\n * @documentation https://nvidia.github.io/elements/docs/elements/panel/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/panel\n * @slot - default content slot\n * @slot title - Title Text\n * @slot subtitle - Subtitle Text\n * @slot action-icon - Extra Action Button\n * @cssprop --padding\n * @cssprop --border-bottom\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n * @deprecated use `nve-page-panel-header` with `nve-page-panel` instead\n */\nexport class PanelHeader extends LitElement {\n  static styles = useStyles([panelHeaderStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-panel-header',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <div id=\"titles\">\n          <slot name=\"title\"></slot>\n          <slot name=\"subtitle\"></slot>\n          <slot></slot>\n        </div>\n\n        <slot name=\"action-icon\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback(); // Do not override connectedCallback w/out supering\n    this.slot = 'header';\n  }\n}\n\n/**\n * @element nve-panel-content\n * @description Contains the main body content within a panel, providing a structured region for detailed information.\n * @documentation https://nvidia.github.io/elements/docs/elements/panel/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/panel\n * @slot - This is a default/unnamed slot for panel content\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n * @deprecated use `nve-page-panel-content` with `nve-page-panel` instead\n */\nexport class PanelContent extends LitElement {\n  static styles = useStyles([panelContentStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-panel-content',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n\n/**\n * @element nve-panel-footer\n * @description Provides a designated area at the bottom of a panel for actions or supplementary controls.\n * @documentation https://nvidia.github.io/elements/docs/elements/panel/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/panel\n * @slot - This is a default/unnamed slot for panel footer content\n * @cssprop --padding\n * @cssprop --border-top\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n * @deprecated use `nve-page-panel-footer` with `nve-page-panel` instead\n */\nexport class PanelFooter extends LitElement {\n  static styles = useStyles([panelFooterStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-panel-footer',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <footer internal-host>\n        <slot></slot>\n      </footer>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback(); // Do not override connectedCallback w/out supering\n    this.slot = 'footer';\n  }\n}\n\n/**\n * @element nve-panel\n * @description Panel is inline container for content that couples to the content on the page (details, extra actions/options). Or [Drawer](./docs/elements/drawer/) is out of context of the rest of the page (notifications, navigations, settings).\n * @documentation https://nvidia.github.io/elements/docs/elements/panel/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/panel\n * @event open - Dispatched when the panel opens.\n * @event close - Dispatched when the panel closes.\n * @slot - This is a default/unnamed slot for panel content\n * @slot header - header element (Use `panel-header` or custom content)\n * @slot content - content element (Use `panel-content` or custom content)\n * @slot footer - footer element (Use `panel-footer` or custom content)\n * @cssprop --background\n * @cssprop --color\n * @cssprop --box-shadow\n * @cssprop --panel-button-border-radius - Border radius of the panel expand/collapse button\n * @csspart icon-button - The expand/collapse icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n * @deprecated use `nve-page-panel` with `nve-page` instead\n */\n\n@scopedRegistry()\n@stateExpanded<Panel>()\nexport class Panel extends LitElement {\n  /**\n   * Determines whether the panel is fully expanded, displaying its contents, or not.\n   */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  /**\n   * Determines whether the panel collapses down to an expand icon, or fully hides.\n   */\n  @property({ type: Boolean }) closable = false;\n\n  /**\n   * Determines whether the panel should handle auto-closing behavior vs. defaults to off.\n   */\n  @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n  /**\n   * Sets the proper collapse icon and collapse animation, based on which side of the page the panel occupies.\n   */\n  @property({ type: String }) side: 'left' | 'right' = 'left';\n\n  static styles = useStyles([panelStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-panel',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n  #typeExpandableController = new TypeExpandableController(this);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  get #direction() {\n    if (this.side === 'left') {\n      return this.expanded ? 'left' : 'right';\n    } else {\n      return this.expanded ? 'right' : 'left';\n    }\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <div class=\"header\">\n          <slot name=\"header\"></slot>\n\n          ${when(\n            !this.closable,\n            () => html`\n              <nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" .container=${this.expanded ? 'flat' : undefined} icon-name=\"double-chevron\"\n                @click=${() => this.#typeExpandableController.toggle()}\n                .direction=${this.#direction}\n                .expanded=${this.expanded}\n                .ariaLabel=${this.expanded ? this.i18n.close : this.i18n.expand}\n              ></nve-icon-button>\n            `,\n            () => html`\n              <nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" container=\"flat\" icon-name=\"cancel\"\n                @click=${() => this.#typeExpandableController.close()}\n                .expanded=${this.expanded}\n                .ariaLabel=${this.expanded ? this.i18n.hide : this.i18n.show}\n              ></nve-icon-button>\n            `\n          )}\n        </div>\n\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n\n        <slot name=\"footer\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'region';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAoBA,IAAMU,IAAe;CACnB,OAAO;CACP,QAAQ;CACR,MAAM;CACN,MAAM;AACR,GAiBaC,IAAb,cAAiCC,EAAW;;EAC1B,KAAA,SAAAC,EAAU,CAACb,CAAqB,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAWb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF,GAaac,IAAb,cAAkCF,EAAW;;EAC3B,KAAA,SAAAC,EAAU,CAACZ,CAAsB,CAAC;;;EAEvB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAGb;AACF,GAeac,IAAb,cAAiCH,EAAW;;EAC1B,KAAA,SAAAC,EAAU,CAACX,CAAqB,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF,GAyBac,IAAN,cAAoBJ,EAAW;;EAyCD,A,aArCoB,KAAA,WAAA,IAKf,KAAA,WAAA,IAKoC,KAAA,iBAAA,IAKvB,KAAA,OAAA,QAgBb,KAAAM,KAAA,IAAIC,EAAqB,MAAMT,CAAY,GACvD,KAAAU,KAAA,IAAIC,EAAyB,IAAI,GAK1B,KAAA,OAAA,KAAKH,GAAgB;;;EApBxC,KAAA,SAAAL,EAAU,CAACV,CAAe,CAAC;;;EAEhB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBmB,EAAW,SAAS,MAAMA,EAC7B;;CAKA;CACA;CAOA,IAAIC,KAAa;EAIb,OAHE,KAAK,SAAS,SACT,KAAK,WAAW,SAAS,UAEzB,KAAK,WAAW,UAAU;CAErC;CAEA,SAAS;EACP,OAAO,CAAI,qEAKHC,EACA,CAAC,KAAK,gBACA,CAAI,uFAC6E,KAAK,WAAW,SAAS,KAAA,EAAU,6CACvG,KAAKJ,GAA0B,OAAO,EAAE,gBAC1C,KAAKG,GAAW,eACjB,KAAK,SAAS,gBACb,KAAK,WAAW,KAAK,KAAK,QAAQ,KAAK,KAAK,OAAO,6BAG9D,CAAI,6HAES,KAAKH,GAA0B,MAAM,EAAE,eAC1C,KAAK,SAAS,gBACb,KAAK,WAAW,KAAK,KAAK,OAAO,KAAK,KAAK,KAAK,qBAGnE,EAAE;CAUV;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBK,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF;AAvFGrB,EAAA,CAAAsB,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAV,EAAA,WAAA,YAAA,KAAA,CAAA,GAKzCZ,EAAA,CAAAsB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAV,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BZ,EAAA,CAAAsB,EAAS;CAAE,MAAM;CAAS,WAAW;AAAkB,CAAC,CAAA,GAAAV,EAAA,WAAA,kBAAA,KAAA,CAAA,GAKxDZ,EAAA,CAAAsB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAV,EAAA,WAAA,QAAA,KAAA,CAAA,GAsBzBZ,EAAA,CAAAsB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAV,EAAA,WAAA,QAAA,KAAA,CAAA,GA3C3B,IAAAZ,EAAA,CAAAuB,EAAe,GACfC,EAAqB,CAAA,GAAAZ,CAAA"}
+{"version":3,"file":"panel2.js","names":["panelHeaderStyleSheet","panelContentStyleSheet","panelFooterStyleSheet","panelStyleSheet","_decorate","__decorate","panel_default","panel_header_default","panel_content_default","panel_footer_default","i18nDefaults","PanelHeader","LitElement","useStyles","PanelContent","PanelFooter","Panel","_args","#i18nController","I18nController","#typeExpandableController","TypeExpandableController","IconButton","#direction","when","attachInternals","property","scopedRegistry","stateExpanded"],"sources":["../../src/panel/panel.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 { when } from 'lit/directives/when.js';\nimport { stateExpanded, TypeExpandableController } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport panelStyleSheet from './panel.css?inline';\nimport panelHeaderStyleSheet from './panel-header.css?inline';\nimport panelContentStyleSheet from './panel-content.css?inline';\nimport panelFooterStyleSheet from './panel-footer.css?inline';\n\nconst i18nDefaults = {\n  close: 'close',\n  expand: 'expand',\n  hide: 'hide',\n  show: 'show'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-panel-header\n * @description Displays the title, subtitle, and optional action controls at the top of a panel.\n * @documentation https://nvidia.github.io/elements/docs/elements/panel/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/panel\n * @slot - default content slot\n * @slot title - Title Text\n * @slot subtitle - Subtitle Text\n * @slot action-icon - Extra Action Button\n * @cssprop --padding\n * @cssprop --border-bottom\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n * @deprecated use `nve-page-panel-header` with `nve-page-panel` instead\n */\nexport class PanelHeader extends LitElement {\n  static styles = useStyles([panelHeaderStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-panel-header',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <div id=\"titles\">\n          <slot name=\"title\"></slot>\n          <slot name=\"subtitle\"></slot>\n          <slot></slot>\n        </div>\n\n        <slot name=\"action-icon\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback(); // Do not override connectedCallback w/out supering\n    this.slot = 'header';\n  }\n}\n\n/**\n * @element nve-panel-content\n * @description Contains the main body content within a panel, providing a structured region for detailed information.\n * @documentation https://nvidia.github.io/elements/docs/elements/panel/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/panel\n * @slot - This is a default/unnamed slot for panel content\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n * @deprecated use `nve-page-panel-content` with `nve-page-panel` instead\n */\nexport class PanelContent extends LitElement {\n  static styles = useStyles([panelContentStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-panel-content',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n\n/**\n * @element nve-panel-footer\n * @description Provides a designated area at the bottom of a panel for actions or supplementary controls.\n * @documentation https://nvidia.github.io/elements/docs/elements/panel/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/panel\n * @slot - This is a default/unnamed slot for panel footer content\n * @cssprop --padding\n * @cssprop --border-top\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n * @deprecated use `nve-page-panel-footer` with `nve-page-panel` instead\n */\nexport class PanelFooter extends LitElement {\n  static styles = useStyles([panelFooterStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-panel-footer',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <footer internal-host>\n        <slot></slot>\n      </footer>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback(); // Do not override connectedCallback w/out supering\n    this.slot = 'footer';\n  }\n}\n\n/**\n * @element nve-panel\n * @description Panel is inline container for content that couples to the content on the page (details, extra actions/options). Or [Drawer](./docs/elements/drawer/) is out of context of the rest of the page (notifications, navigations, settings).\n * @documentation https://nvidia.github.io/elements/docs/elements/panel/\n * @since 0.10.0\n * @entrypoint \\@nvidia-elements/core/panel\n * @event open - Dispatched when the panel opens.\n * @event close - Dispatched when the panel closes.\n * @slot - This is a default/unnamed slot for panel content\n * @slot header - header element (Use `panel-header` or custom content)\n * @slot content - content element (Use `panel-content` or custom content)\n * @slot footer - footer element (Use `panel-footer` or custom content)\n * @cssprop --background\n * @cssprop --color\n * @cssprop --box-shadow\n * @cssprop --panel-button-border-radius - Border radius of the panel expand/collapse button\n * @csspart icon-button - The expand/collapse icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n * @deprecated use `nve-page-panel` with `nve-page` instead\n */\n\n@scopedRegistry()\n@stateExpanded<Panel>()\nexport class Panel extends LitElement {\n  /**\n   * Determines whether the panel is fully expanded, displaying its contents, or not.\n   */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  /**\n   * Determines whether the panel collapses down to an expand icon, or fully hides.\n   */\n  @property({ type: Boolean }) closable = false;\n\n  /**\n   * Determines whether the panel should handle auto-closing behavior vs. defaults to off.\n   */\n  @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n  /**\n   * Sets the proper collapse icon and collapse animation, based on which side of the page the panel occupies.\n   */\n  @property({ type: String }) side: 'left' | 'right' = 'left';\n\n  static styles = useStyles([panelStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-panel',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n  #typeExpandableController = new TypeExpandableController(this);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  get #direction() {\n    if (this.side === 'left') {\n      return this.expanded ? 'left' : 'right';\n    } else {\n      return this.expanded ? 'right' : 'left';\n    }\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <div class=\"header\">\n          <slot name=\"header\"></slot>\n\n          ${when(\n            !this.closable,\n            () => html`\n              <nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" .container=${this.expanded ? 'flat' : undefined} icon-name=\"double-chevron\"\n                @click=${() => this.#typeExpandableController.toggle()}\n                .direction=${this.#direction}\n                .expanded=${this.expanded}\n                .ariaLabel=${this.expanded ? this.i18n.close : this.i18n.expand}\n              ></nve-icon-button>\n            `,\n            () => html`\n              <nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" container=\"flat\" icon-name=\"cancel\"\n                @click=${() => this.#typeExpandableController.close()}\n                .expanded=${this.expanded}\n                .ariaLabel=${this.expanded ? this.i18n.hide : this.i18n.show}\n              ></nve-icon-button>\n            `\n          )}\n        </div>\n\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n\n        <slot name=\"footer\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'region';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,IAAMU,IAAe;CACnB,OAAO;CACP,QAAQ;CACR,MAAM;CACN,MAAM;AACR,GAiBaC,IAAb,cAAiCC,EAAW;;EAC1B,KAAA,SAAAC,EAAU,CAACb,CAAqB,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAWb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF,GAaac,IAAb,cAAkCF,EAAW;;EAC3B,KAAA,SAAAC,EAAU,CAACZ,CAAsB,CAAC;;;EAEvB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAGb;AACF,GAeac,IAAb,cAAiCH,EAAW;;EAC1B,KAAA,SAAAC,EAAU,CAACX,CAAqB,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF,GAyBac,IAAN,cAAoBJ,EAAW;;EAyCD,A,aArCoB,KAAA,WAAA,IAKf,KAAA,WAAA,IAKoC,KAAA,iBAAA,IAKvB,KAAA,OAAA,QAgBb,KAAAM,KAAA,IAAIC,EAAqB,MAAMT,CAAY,GACvD,KAAAU,KAAA,IAAIC,EAAyB,IAAI,GAK1B,KAAA,OAAA,KAAKH,GAAgB;;;EApBxC,KAAA,SAAAL,EAAU,CAACV,CAAe,CAAC;;;EAEhB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBmB,EAAW,SAAS,MAAMA,EAC7B;;CAKA;CACA;CAOA,IAAIC,KAAa;EAIb,OAHE,KAAK,SAAS,SACT,KAAK,WAAW,SAAS,UAEzB,KAAK,WAAW,UAAU;CAErC;CAEA,SAAS;EACP,OAAO,CAAI,qEAKHC,EACA,CAAC,KAAK,gBACA,CAAI,uFAC6E,KAAK,WAAW,SAAS,KAAA,EAAU,6CACvG,KAAKJ,GAA0B,OAAO,EAAE,gBAC1C,KAAKG,GAAW,eACjB,KAAK,SAAS,gBACb,KAAK,WAAW,KAAK,KAAK,QAAQ,KAAK,KAAK,OAAO,6BAG9D,CAAI,6HAES,KAAKH,GAA0B,MAAM,EAAE,eAC1C,KAAK,SAAS,gBACb,KAAK,WAAW,KAAK,KAAK,OAAO,KAAK,KAAK,KAAK,qBAGnE,EAAE;CAUV;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBK,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF;AAvFGrB,EAAA,CAAAsB,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAV,EAAA,WAAA,YAAA,KAAA,CAAA,GAKzCZ,EAAA,CAAAsB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAV,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BZ,EAAA,CAAAsB,EAAS;CAAE,MAAM;CAAS,WAAW;AAAkB,CAAC,CAAA,GAAAV,EAAA,WAAA,kBAAA,KAAA,CAAA,GAKxDZ,EAAA,CAAAsB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAV,EAAA,WAAA,QAAA,KAAA,CAAA,GAsBzBZ,EAAA,CAAAsB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAV,EAAA,WAAA,QAAA,KAAA,CAAA,GA3C3B,IAAAZ,EAAA,CAAAuB,EAAe,GACfC,EAAqB,CAAA,GAAAZ,CAAA"}

package/dist/password/password2.js

@@ -1,18 +1,18 @@
-import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { IconButton as r } from "../icon-button/icon-button2.js";
-import { Control as i } from "../forms/control/control2.js";
-import { inputStyles as a } from "../input/input2.js";
-import o from "./password.js";
-import { html as s } from "lit";
-import { property as c } from "lit/decorators/property.js";
+import e from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { IconButton as t } from "../icon-button/icon-button2.js";
+import { Control as n } from "../forms/control/control2.js";
+import { inputStyles as r } from "../input/input2.js";
+import i from "./password.js";
+import { html as a } from "lit";
+import { property as o } from "lit/decorators/property.js";
+import { scopedRegistry as s } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as c } from "@nvidia-elements/foundations/internal/styles";
 import { state as l } from "lit/decorators/state.js";
 // src/password/password.ts
 var u = {
 	hide: "hide",
 	show: "show"
-}, d = class extends i {
+}, d = class extends n {
 	constructor(...e) {
 		super(...e), this.pressed = !1;
 	}
@@ -20,32 +20,32 @@ var u = {
 		return u;
 	}
 	static {
-		this.styles = t([
-			...i.styles,
-			a,
-			o
+		this.styles = c([
+			...n.styles,
+			r,
+			i
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-password",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	static {
-		this.elementDefinitions = { [r.metadata.tag]: r };
+		this.elementDefinitions = { [t.metadata.tag]: t };
 	}
 	get suffixContent() {
-		return s`<nve-icon-button part="icon-button" @click="${() => this.#e()}" .pressed="${this.pressed}" .iconName="${this.pressed ? "eye-hidden" : "eye"}" container="inline" .ariaLabel="${this.pressed ? this.i18n.hide : this.i18n.show}"></nve-icon-button>`;
+		return a`<nve-icon-button part="icon-button" @click="${() => this.#e()}" .pressed="${this.pressed}" .iconName="${this.pressed ? "eye-hidden" : "eye"}" container="inline" .ariaLabel="${this.pressed ? this.i18n.hide : this.i18n.show}"></nve-icon-button>`;
 	}
 	#e() {
 		this.pressed = !this.pressed, this.input.type = this.pressed ? "text" : "password";
 	}
 };
-n([c({
+e([o({
 	type: String,
 	reflect: !0
-})], d.prototype, "container", void 0), n([l()], d.prototype, "pressed", void 0), d = n([e()], d);
+})], d.prototype, "container", void 0), e([l()], d.prototype, "pressed", void 0), d = e([s()], d);
 export { d as Password };
 
 //# sourceMappingURL=password2.js.map

package/dist/password/password2.js.map

@@ -1 +1 @@
-{"version":3,"file":"password2.js","names":["styles","_decorate","__decorate","password_default","i18nDefaults","Password","Control","_args","useStyles","inputStyles","IconButton","#toggleVisibility","property","state","scopedRegistry"],"sources":["../../src/password/password.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 { state } from 'lit/decorators/state.js';\nimport { property } from 'lit/decorators/property.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './password.css?inline';\n\nconst i18nDefaults = {\n  hide: 'hide',\n  show: 'show'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-password\n * @description A password is a control that enables users to enter password text.\n * @documentation https://nvidia.github.io/elements/docs/elements/password/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/password\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --cursor\n * @csspart icon-button - The visibility toggle icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password\n */\n@scopedRegistry()\nexport class Password extends Control implements ContainerElement {\n  protected override get i18nDefaults(): I18nDefaults {\n    return i18nDefaults;\n  }\n\n  /**\n   * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n   * Use when embedding within another container such as a toolbar.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  @state() private pressed = false;\n\n  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-password',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  protected get suffixContent() {\n    return html`<nve-icon-button part=\"icon-button\" @click=${() => this.#toggleVisibility()} .pressed=${this.pressed} .iconName=${this.pressed ? 'eye-hidden' : 'eye'} container=\"inline\" .ariaLabel=${this.pressed ? this.i18n.hide : this.i18n.show}></nve-icon-button>`;\n  }\n\n  #toggleVisibility() {\n    this.pressed = !this.pressed;\n    this.input.type = this.pressed ? 'text' : 'password';\n  }\n}\n"],"mappings":";;;;;;;;;;;AAcA,IAAMI,IAAe;CACnB,MAAM;CACN,MAAM;AACR,GAmBaC,IAAN,cAAuBC,EAAoC;;EAWrC,A,aAAA,KAAA,UAAA;;CAV3B,IAAuB,eAA6B;EAClD,OAAOF;CACT;;EAUgB,KAAA,SAAAI,EAAU;GAAC,GAAGF,EAAQ;GAAQG;GAAaT;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBU,EAAW,SAAS,MAAMA,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,qDAAoD,KAAKC,GAAkB,EAAE,cAAY,KAAK,QAAQ,eAAa,KAAK,UAAU,eAAe,MAAM,mCAAiC,KAAK,UAAU,KAAK,KAAK,OAAO,KAAK,KAAK,KAAK;CACpP;CAEA,KAAoB;EAElB,AADA,KAAK,UAAU,CAAC,KAAK,SACrB,KAAK,MAAM,OAAO,KAAK,UAAU,SAAS;CAC5C;AACF;AAvBGV,EAAA,CAAAW,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,aAAA,KAAA,CAAA,GAExCJ,EAAA,CAAAY,EAAM,CAAA,GAAAR,EAAA,WAAA,WAAA,KAAA,CAAA,GAZR,IAAAJ,EAAA,CAAAa,EAAe,CAAA,GAAAT,CAAA"}
+{"version":3,"file":"password2.js","names":["styles","_decorate","__decorate","password_default","i18nDefaults","Password","Control","_args","useStyles","inputStyles","IconButton","#toggleVisibility","property","state","scopedRegistry"],"sources":["../../src/password/password.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 { state } from 'lit/decorators/state.js';\nimport { property } from 'lit/decorators/property.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './password.css?inline';\n\nconst i18nDefaults = {\n  hide: 'hide',\n  show: 'show'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-password\n * @description A password is a control that enables users to enter password text.\n * @documentation https://nvidia.github.io/elements/docs/elements/password/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/password\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --cursor\n * @csspart icon-button - The visibility toggle icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password\n */\n@scopedRegistry()\nexport class Password extends Control implements ContainerElement {\n  protected override get i18nDefaults(): I18nDefaults {\n    return i18nDefaults;\n  }\n\n  /**\n   * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n   * Use when embedding within another container such as a toolbar.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  @state() private pressed = false;\n\n  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-password',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  protected get suffixContent() {\n    return html`<nve-icon-button part=\"icon-button\" @click=${() => this.#toggleVisibility()} .pressed=${this.pressed} .iconName=${this.pressed ? 'eye-hidden' : 'eye'} container=\"inline\" .ariaLabel=${this.pressed ? this.i18n.hide : this.i18n.show}></nve-icon-button>`;\n  }\n\n  #toggleVisibility() {\n    this.pressed = !this.pressed;\n    this.input.type = this.pressed ? 'text' : 'password';\n  }\n}\n"],"mappings":";;;;;;;;;;;AAeA,IAAMI,IAAe;CACnB,MAAM;CACN,MAAM;AACR,GAmBaC,IAAN,cAAuBC,EAAoC;;EAWrC,A,aAAA,KAAA,UAAA;;CAV3B,IAAuB,eAA6B;EAClD,OAAOF;CACT;;EAUgB,KAAA,SAAAI,EAAU;GAAC,GAAGF,EAAQ;GAAQG;GAAaT;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBU,EAAW,SAAS,MAAMA,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,qDAAoD,KAAKC,GAAkB,EAAE,cAAY,KAAK,QAAQ,eAAa,KAAK,UAAU,eAAe,MAAM,mCAAiC,KAAK,UAAU,KAAK,KAAK,OAAO,KAAK,KAAK,KAAK;CACpP;CAEA,KAAoB;EAElB,AADA,KAAK,UAAU,CAAC,KAAK,SACrB,KAAK,MAAM,OAAO,KAAK,UAAU,SAAS;CAC5C;AACF;AAvBGV,EAAA,CAAAW,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,aAAA,KAAA,CAAA,GAExCJ,EAAA,CAAAY,EAAM,CAAA,GAAAR,EAAA,WAAA,WAAA,KAAA,CAAA,GAZR,IAAAJ,EAAA,CAAAa,EAAe,CAAA,GAAAT,CAAA"}

package/dist/preferences-input/preferences-input.d.ts

@@ -40,7 +40,7 @@ export declare class PreferencesInput extends PreferencesInput_base {
     /**
      * Enables updating internal string values for internationalization.
      */
-    i18n: Partial<import("@nvidia-elements/core/internal").I18nStrings & {
+    i18n: Partial<import("@nvidia-elements/foundations/internal/i18n").I18nStrings & {
         __set: boolean;
     }>;
     static styles: import("lit").CSSResult[];