@nvidia-elements/core 2.23.3 → 2.23.5

package/dist/tree/tree-node2.js

@@ -1,33 +1,33 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { isFocusable as t } from "../internal/utils/focus.js";
 import { getFlattenedFocusableItems as n } from "../internal/utils/dom.js";
-import { attachInternals as r } from "../internal/utils/a11y.js";
-import { stateExpanded as i } from "../internal/controllers/state-expanded.controller.js";
-import { stateHighlighted as a } from "../internal/controllers/state-highlighted.controller.js";
-import { stateSelected as o } from "../internal/controllers/state-selected.controller.js";
-import { typeAnchor as s } from "../internal/controllers/type-anchor.controller.js";
-import { TypeExpandableController as c } from "../internal/controllers/type-expandable.controller.js";
-import { TypeSelectableController as l } from "../internal/controllers/type-selectable.controller.js";
-import { typeSSR as u } from "../internal/controllers/type-ssr.controller.js";
-import { hostAttr as d } from "../internal/decorators/host-attr.js";
-import { scopedRegistry as f } from "../internal/decorators/scoped-registry.js";
-import { useStyles as p } from "../internal/styles/index.js";
-import m from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Icon as h } from "../icon/icon2.js";
-import { IconButton as g } from "../icon-button/icon-button2.js";
-import { Checkbox as _ } from "../checkbox/checkbox2.js";
-import { updateNodeSelection as v } from "./utils.js";
-import y from "./tree-node.js";
-import { LitElement as b, html as x, nothing as S } from "lit";
-import { property as C } from "lit/decorators/property.js";
-import { I18nController as w } from "@nvidia-elements/foundations/internal/i18n";
+import { stateExpanded as r } from "../internal/controllers/state-expanded.controller.js";
+import { stateHighlighted as i } from "../internal/controllers/state-highlighted.controller.js";
+import { stateSelected as a } from "../internal/controllers/state-selected.controller.js";
+import { typeAnchor as o } from "../internal/controllers/type-anchor.controller.js";
+import { TypeExpandableController as s } from "../internal/controllers/type-expandable.controller.js";
+import { TypeSelectableController as c } from "../internal/controllers/type-selectable.controller.js";
+import { typeSSR as l } from "../internal/controllers/type-ssr.controller.js";
+import { hostAttr as u } from "../internal/decorators/host-attr.js";
+import d from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Icon as f } from "../icon/icon2.js";
+import { IconButton as p } from "../icon-button/icon-button2.js";
+import { Checkbox as m } from "../checkbox/checkbox2.js";
+import { updateNodeSelection as h } from "./utils.js";
+import g from "./tree-node.js";
+import { attachInternals as _ } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as v, html as y, nothing as b } from "lit";
+import { property as x } from "lit/decorators/property.js";
+import { I18nController as S } from "@nvidia-elements/foundations/internal/i18n";
+import { scopedRegistry as C } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as w } from "@nvidia-elements/foundations/internal/styles";
 import { state as T } from "lit/decorators/state.js";
 import { queryAssignedElements as E } from "lit/decorators/query-assigned-elements.js";
 import { TypeCommandController as D } from "@nvidia-elements/forms/internal";
 // src/tree/tree-node.ts
-var O = { expand: "expand" }, k = class extends b {
+var O = { expand: "expand" }, k = class extends v {
 	constructor(...e) {
-		super(...e), this.command = "", this.commandfor = null, this.commandForElement = null, this.expanded = !1, this.selected = !1, this.expandable = !1, this.highlighted = !1, this.#e = new w(this, O), this.i18n = this.#e.i18n, this.slot = "nodes", this.indeterminate = !1, this.behaviorExpand = !1, this.behaviorSelect = !1, this.#n = new c(this), this.#r = new l(this), this.#i = new D(this, { events: [] }), this.#c = (e) => {
+		super(...e), this.command = "", this.commandfor = null, this.commandForElement = null, this.expanded = !1, this.selected = !1, this.expandable = !1, this.highlighted = !1, this.#e = new S(this, O), this.i18n = this.#e.i18n, this.slot = "nodes", this.indeterminate = !1, this.behaviorExpand = !1, this.behaviorSelect = !1, this.#n = new s(this), this.#r = new c(this), this.#i = new D(this, { events: [] }), this.#c = (e) => {
 			let t = this.selectable && e.code === "Space", n = this.#a && (e.code === "ArrowLeft" || e.code === "ArrowRight");
 			e.target === this && (t || n) && e.preventDefault();
 		}, this.#u = (e) => {
@@ -47,25 +47,25 @@ var O = { expand: "expand" }, k = class extends b {
 	static {
 		this.metadata = {
 			tag: "nve-tree-node",
-			version: "2.23.3",
+			version: "2.23.5",
 			parents: ["nve-tree", "nve-tree-node"]
 		};
 	}
 	static {
 		this.elementDefinitions = {
-			[g.metadata.tag]: g,
-			[h.metadata.tag]: h,
-			[_.metadata.tag]: _
+			[p.metadata.tag]: p,
+			[f.metadata.tag]: f,
+			[m.metadata.tag]: m
 		};
 	}
 	static {
-		this.styles = p([y]);
+		this.styles = w([g]);
 	}
 	render() {
-		return x`<div internal-host @slotchange="${this.#o}"><div part="_node">${this.#a ? x`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @pointerup="${this.#f}" role="presentation" tabindex="-1" size="sm" container="inline" nofocus><nve-icon part="icon" name="caret" direction="${this.expanded ? "down" : "right"}" size="sm"></nve-icon></nve-icon-button>` : S} ${this.selectable === "multi" ? x`<nve-checkbox part="checkbox" nofocus><input type="checkbox" @change="${this.#h}" .checked="${this.selected}" .indeterminate="${this.indeterminate}" .ariaLabel="${this.i18n.expand}" tabindex="-1"></nve-checkbox>` : S}<div tabindex="0" part="_node-header"><div class="node-title" @click="${this.#d}"><slot name="prefix" part="_prefix"></slot><slot></slot><slot name="suffix" part="_suffix"></slot></div><slot name="content" part="_content"></slot></div></div><div role="group" part="_nodes"><slot name="nodes"></slot></div></div>`;
+		return y`<div internal-host @slotchange="${this.#o}"><div part="_node">${this.#a ? y`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @pointerup="${this.#f}" role="presentation" tabindex="-1" size="sm" container="inline" nofocus><nve-icon part="icon" name="caret" direction="${this.expanded ? "down" : "right"}" size="sm"></nve-icon></nve-icon-button>` : b} ${this.selectable === "multi" ? y`<nve-checkbox part="checkbox" nofocus><input type="checkbox" @change="${this.#h}" .checked="${this.selected}" .indeterminate="${this.indeterminate}" .ariaLabel="${this.i18n.expand}" tabindex="-1"></nve-checkbox>` : b}<div tabindex="0" part="_node-header"><div class="node-title" @click="${this.#d}"><slot name="prefix" part="_prefix"></slot><slot></slot><slot name="suffix" part="_suffix"></slot></div><slot name="content" part="_content"></slot></div></div><div role="group" part="_nodes"><slot name="nodes"></slot></div></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), r(this), this._internals.role = "treeitem", this.addEventListener("keydown", this.#c), this.addEventListener("keyup", this.#u), this.#o();
+		super.connectedCallback(), _(this), this._internals.role = "treeitem", this.addEventListener("keydown", this.#c), this.addEventListener("keyup", this.#u), this.#o();
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.removeEventListener("keydown", this.#c), this.removeEventListener("keyup", this.#u);
@@ -107,26 +107,26 @@ var O = { expand: "expand" }, k = class extends b {
 	#h() {
 		this.#r.toggle(), this.behaviorSelect && (this.nodes.forEach((e) => {
 			e.selected = this.selected, e.indeterminate = !1;
-		}), this.#t.nodes.forEach((e) => v(e)));
+		}), this.#t.nodes.forEach((e) => h(e)));
 	}
 };
-m([C({ type: String })], k.prototype, "command", void 0), m([C({
+d([x({ type: String })], k.prototype, "command", void 0), d([x({
 	type: String,
 	reflect: !0
-})], k.prototype, "commandfor", void 0), m([C({ attribute: !1 })], k.prototype, "commandForElement", void 0), m([C({
+})], k.prototype, "commandfor", void 0), d([x({ attribute: !1 })], k.prototype, "commandForElement", void 0), d([x({
 	type: Boolean,
 	reflect: !0
-})], k.prototype, "expanded", void 0), m([C({
+})], k.prototype, "expanded", void 0), d([x({
 	type: Boolean,
 	reflect: !0
-})], k.prototype, "selected", void 0), m([C({ type: Boolean })], k.prototype, "expandable", void 0), m([C({ type: String })], k.prototype, "selectable", void 0), m([C({ type: Boolean })], k.prototype, "highlighted", void 0), m([C({ type: Object })], k.prototype, "i18n", void 0), m([d()], k.prototype, "slot", void 0), m([E({ slot: "nodes" })], k.prototype, "nodes", void 0), m([T()], k.prototype, "indeterminate", void 0), m([T()], k.prototype, "behaviorExpand", void 0), m([T()], k.prototype, "behaviorSelect", void 0), k = m([
+})], k.prototype, "selected", void 0), d([x({ type: Boolean })], k.prototype, "expandable", void 0), d([x({ type: String })], k.prototype, "selectable", void 0), d([x({ type: Boolean })], k.prototype, "highlighted", void 0), d([x({ type: Object })], k.prototype, "i18n", void 0), d([u()], k.prototype, "slot", void 0), d([E({ slot: "nodes" })], k.prototype, "nodes", void 0), d([T()], k.prototype, "indeterminate", void 0), d([T()], k.prototype, "behaviorExpand", void 0), d([T()], k.prototype, "behaviorSelect", void 0), k = d([
 	e(),
-	u({ log: !1 }),
-	s(),
+	l({ log: !1 }),
 	o(),
-	i(),
-	f(),
-	a()
+	a(),
+	r(),
+	C(),
+	i()
 ], k);
 export { k as TreeNode };
 

package/dist/tree/tree-node2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node2.js","names":["styles","_decorate","__decorate","tree_node_default","i18nDefaults","TreeNode","LitElement","_args","#i18nController","I18nController","#typeExpandableController","TypeExpandableController","#typeSelectableController","TypeSelectableController","#typeCommandController","TypeCommandController","#onKeydown","isSelectionKey","isExpansionKey","#isExpandable","#onKeyup","#invokeFromKeyboard","#toggleSelection","#tree","IconButton","Icon","Checkbox","useStyles","#nodeUpdate","#toggleExpand","nothing","#toggleMultiSelection","#nodeHeaderClick","attachInternals","#toggleExpandableState","origin","hasFocusableElements","getFlattenedFocusableItems","path","target","isFocusable","#toggleSingleSelection","n","updateNodeSelection","node","property","hostAttr","queryAssignedElements","state","audit","typeSSR","typeAnchor","stateSelected","stateExpanded","scopedRegistry","stateHighlighted"],"sources":["../../src/tree/tree-node.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport {\n  TypeExpandableController,\n  TypeSelectableController,\n  attachInternals,\n  audit,\n  getFlattenedFocusableItems,\n  hostAttr,\n  isFocusable,\n  scopedRegistry,\n  stateExpanded,\n  stateHighlighted,\n  stateSelected,\n  typeAnchor,\n  typeSSR,\n  useStyles\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 { Icon } from '@nvidia-elements/core/icon';\nimport { Checkbox } from '@nvidia-elements/core/checkbox';\nimport { TypeCommandController } from '@nvidia-elements/forms/internal';\nimport type { Tree } from './tree.js';\nimport styles from './tree-node.css?inline';\nimport { updateNodeSelection } from './utils.js';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-tree-node\n * @description A tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children.\n * @documentation https://nvidia.github.io/elements/docs/elements/tree/\n * @since 1.2.0\n * @entrypoint \\@nvidia-elements/core/tree\n * @event open - Dispatched when the node opens.\n * @event close - Dispatched when the node closes.\n * @event select - Dispatched when the node selection state changes.\n * @command --select - use to select the node\n * @command --deselect - use to deselect the node\n * @command --toggle-select - use to toggle the node selection state\n * @command --open - use to open the node\n * @command --close - use to close the node\n * @command --toggle - use to toggle open / closed state of the node\n * @slot - Use default slot for basic text content or nested <nve-tree-node> elements.\n * @slot prefix - Use for prefix content before the node title.\n * @slot suffix - Use for suffix content after the node title.\n * @slot content - Use only for extended long form content containing interactive elements or form inputs.\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --font-size\n * @cssprop --min-height\n * @cssprop --text-wrap\n * @cssprop --font-weight\n * @cssprop --width\n\n * @csspart icon-button - The icon button element\n * @csspart icon - The icon element\n * @csspart checkbox - The checkbox element\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/treeview/\n *\n */\n@audit()\n@typeSSR({ log: false }) // warning about ssr mismatch disabled as tree node will never be a 1:1 match in ssr due to performance constraints and slot complexity\n@typeAnchor()\n@stateSelected()\n@stateExpanded()\n@scopedRegistry()\n@stateHighlighted()\nexport class TreeNode extends LitElement {\n  /** Command to invoke on a node title click or Enter on its header. */\n  @property({ type: String }) command = '';\n\n  /** ID of the element that receives the command. */\n  @property({ type: String, reflect: true }) commandfor: string | null = null;\n\n  /** Direct command target, taking precedence over commandfor. */\n  @property({ attribute: false }) commandForElement: HTMLElement | null = null;\n\n  /**\n   * Determines if node is in an expanded state.\n   */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  /**\n   * Determines whether if node is in a selected state.\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Determines whether a node can be expandable. Expandable by default if slotted nodes exist.\n   */\n  @property({ type: Boolean }) expandable = false;\n\n  /**\n   * Determines whether a node can be in a selected state. Nodes can be in a single or multi select state.\n   */\n  @property({ type: String }) selectable: 'single' | 'multi';\n\n  /**\n   * Determines the highlighted state of the element. Highlighted states serve non-interactive selections where nodes may relate to other selected portions of the UI.\n   */\n  @property({ type: Boolean }) highlighted = false;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Updates internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /** @private */\n  @hostAttr() slot = 'nodes';\n\n  get #tree() {\n    return this.closest<Tree>('nve-tree');\n  }\n\n  /**\n   * Returns the slotted child tree nodes.\n   */\n  @queryAssignedElements({ slot: 'nodes' }) readonly nodes!: TreeNode[];\n\n  /** @private */\n  @state() indeterminate = false;\n\n  /** @private */\n  @state() behaviorExpand = false;\n\n  /** @private */\n  @state() behaviorSelect = false;\n\n  #typeExpandableController = new TypeExpandableController(this);\n\n  #typeSelectableController = new TypeSelectableController(this);\n\n  #typeCommandController = new TypeCommandController(this, { events: [] });\n\n  get #isExpandable() {\n    return this.expandable || this.expanded || !!this.nodes?.length;\n  }\n\n  static metadata = {\n    tag: 'nve-tree-node',\n    version: '0.0.0',\n    parents: ['nve-tree', 'nve-tree-node']\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [Icon.metadata.tag]: Icon,\n    [Checkbox.metadata.tag]: Checkbox\n  };\n\n  static styles = useStyles([styles]);\n\n  declare _internals: ElementInternals;\n\n  /* eslint-disable @nvidia-elements/lint/no-missing-control-label */\n  render() {\n    return html`\n      <div internal-host @slotchange=${this.#nodeUpdate}>\n        <div part=\"_node\">\n          ${\n            this.#isExpandable\n              ? html`\n            <nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @pointerup=${this.#toggleExpand} role=\"presentation\" tabindex=\"-1\" size=\"sm\" container=\"inline\" nofocus>\n              <nve-icon part=\"icon\" name=\"caret\" direction=${this.expanded ? 'down' : 'right'} size=\"sm\"></nve-icon>\n            </nve-icon-button>`\n              : nothing\n          }\n          ${\n            this.selectable === 'multi'\n              ? html`\n            <nve-checkbox part=\"checkbox\" nofocus>\n              <input type=\"checkbox\" @change=${this.#toggleMultiSelection} .checked=${this.selected} .indeterminate=${this.indeterminate} .ariaLabel=${this.i18n.expand} tabindex=\"-1\" />\n            </nve-checkbox>`\n              : nothing\n          }\n          <div tabindex=\"0\" part=\"_node-header\">\n            <div class=\"node-title\" @click=${this.#nodeHeaderClick}>\n              <slot name=\"prefix\" part=\"_prefix\"></slot>\n              <slot></slot>\n              <slot name=\"suffix\" part=\"_suffix\"></slot>\n            </div>\n            <slot name=\"content\" part=\"_content\"></slot>\n          </div>\n        </div>\n        <div role=\"group\" part=\"_nodes\"><slot name=\"nodes\"></slot></div>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'treeitem';\n    this.addEventListener('keydown', this.#onKeydown);\n    this.addEventListener('keyup', this.#onKeyup);\n    this.#nodeUpdate();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this.#onKeydown);\n    this.removeEventListener('keyup', this.#onKeyup);\n  }\n\n  /** opens and sets the expanded state automatically if behaviorExpand is true */\n  open() {\n    this.#typeExpandableController.open();\n  }\n\n  /** closes and sets the expanded state automatically if behaviorExpand is true */\n  close() {\n    this.#typeExpandableController.close();\n  }\n\n  #nodeUpdate() {\n    this.requestUpdate();\n    this.#toggleExpandableState();\n  }\n\n  #toggleExpandableState() {\n    this.#isExpandable ? this._internals.states.add('is-expandable') : this._internals.states.delete('is-expandable');\n  }\n\n  #onKeydown = (e: KeyboardEvent) => {\n    const isSelectionKey = this.selectable && e.code === 'Space';\n    const isExpansionKey = this.#isExpandable && (e.code === 'ArrowLeft' || e.code === 'ArrowRight');\n\n    if (e.target === this && (isSelectionKey || isExpansionKey)) {\n      e.preventDefault();\n    }\n  };\n\n  #invokeFromKeyboard(e: KeyboardEvent) {\n    if (e.code !== 'Enter' || e.defaultPrevented || e.repeat) {\n      return;\n    }\n    const origin = e.composedPath()[0];\n    const header = this.shadowRoot?.querySelector('[part=\"_node-header\"]');\n    if (origin === header || origin === this) {\n      this.#typeCommandController.invoke();\n    }\n  }\n\n  #onKeyup = (e: KeyboardEvent) => {\n    this.#invokeFromKeyboard(e);\n    if (this.#isExpandable && e.code === 'ArrowLeft' && e.target === this) {\n      this.close();\n    }\n\n    if (this.#isExpandable && e.code === 'ArrowRight' && e.target === this) {\n      this.open();\n    }\n\n    if (e.code === 'Space' && e.target === this && this.selectable) {\n      this.#toggleSelection();\n    }\n  };\n\n  #nodeHeaderClick(e: Event) {\n    const hasFocusableElements = getFlattenedFocusableItems(e.currentTarget as HTMLElement).length;\n    if (this.#isExpandable && !this.selectable && !hasFocusableElements) {\n      this.#toggleExpand();\n    }\n\n    if (this.selectable && (!hasFocusableElements || (e.target as HTMLElement).localName === 'a')) {\n      this.#toggleSelection();\n    }\n\n    const path = e.composedPath();\n    const hasInteractiveTarget = path\n      .slice(0, path.indexOf(e.currentTarget as HTMLElement))\n      .some(target => target instanceof Element && isFocusable(target));\n    if (!hasInteractiveTarget && !e.defaultPrevented) {\n      this.#typeCommandController.invoke();\n    }\n  }\n\n  #toggleExpand() {\n    this.#typeExpandableController.toggle();\n  }\n\n  #toggleSelection() {\n    if (this.selectable === 'single') {\n      this.#toggleSingleSelection();\n    }\n\n    if (this.selectable === 'multi') {\n      this.#toggleMultiSelection();\n    }\n  }\n\n  #toggleSingleSelection() {\n    this.#typeSelectableController.toggle();\n    if (this.behaviorSelect) {\n      this.#tree!.nodes.filter(n => n !== this).forEach(n => (n.selected = false));\n    }\n  }\n\n  #toggleMultiSelection() {\n    this.#typeSelectableController.toggle();\n\n    if (this.behaviorSelect) {\n      this.nodes.forEach(n => {\n        n.selected = this.selected;\n        n.indeterminate = false;\n      });\n      this.#tree!.nodes.forEach(node => updateNodeSelection(node));\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,IAAMI,IAAe,EACnB,QAAQ,SACV,GA2CaC,IAAN,cAAuBC,EAAW;;EAkL3B,A,aAhL0B,KAAA,UAAA,IAGiC,KAAA,aAAA,MAGC,KAAA,oBAAA,MAKjB,KAAA,WAAA,IAKA,KAAA,WAAA,IAKb,KAAA,aAAA,IAUC,KAAA,cAAA,IAEH,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAKhD,KAAA,OAAA,KAAKI,GAAgB,MAGrC,KAAA,OAAA,SAYM,KAAA,gBAAA,IAGC,KAAA,iBAAA,IAGA,KAAA,iBAAA,IAEE,KAAAE,KAAA,IAAIC,EAAyB,IAAI,GAEjC,KAAAC,KAAA,IAAIC,EAAyB,IAAI,GAEpC,KAAAC,KAAA,IAAIC,EAAsB,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,GA2FzD,KAAAC,MAAA,MAAqB;GACjC,IAAMC,IAAiB,KAAK,cAAc,EAAE,SAAS,SAC/CC,IAAiB,KAAKC,OAAkB,EAAE,SAAS,eAAe,EAAE,SAAS;GAEnF,AAAI,EAAE,WAAW,SAASF,KAAkBC,MAC1C,EAAE,eAAe;EAErB,GAaY,KAAAE,MAAA,MAAqB;GAU/B,AATA,KAAKC,GAAoB,CAAC,GACtB,KAAKF,MAAiB,EAAE,SAAS,eAAe,EAAE,WAAW,QAC/D,KAAK,MAAM,GAGT,KAAKA,MAAiB,EAAE,SAAS,gBAAgB,EAAE,WAAW,QAChE,KAAK,KAAK,GAGR,EAAE,SAAS,WAAW,EAAE,WAAW,QAAQ,KAAK,cAClD,KAAKG,GAAiB;EAE1B;;CA5JA;CAUA,IAAIC,KAAQ;EACV,OAAO,KAAK,QAAc,UAAU;CACtC;CAgBA;CAEA;CAEA;CAEA,IAAIJ,KAAgB;EAClB,OAAO,KAAK,cAAc,KAAK,YAAY,CAAC,CAAC,KAAK,OAAO;CAC3D;;EAEkB,KAAA,WAAA;GAChB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAY,eAAe;EACvC;;;EAE4B,KAAA,qBAAA;IACzBK,EAAW,SAAS,MAAMA;IAC1BC,EAAK,SAAS,MAAMA;IACpBC,EAAS,SAAS,MAAMA;EAC3B;;;EAEgB,KAAA,SAAAC,EAAU,CAAC3B,CAAM,CAAC;;CAKlC,SAAS;EACP,OAAO,CAAI,mCACwB,KAAK4B,GAAY,sBAG5C,KAAKT,KACD,CAAI,uFAC6E,KAAKU,GAAc,yHACvD,KAAK,WAAW,SAAS,QAAQ,6CAE9EC,EACL,GAEC,KAAK,eAAe,UAChB,CAAI,yEAE2B,KAAKC,GAAsB,cAAY,KAAK,SAAS,oBAAkB,KAAK,cAAc,gBAAc,KAAK,KAAK,OAAO,mCAExJD,EACL,wEAEkC,KAAKE,GAAiB;CAWjE;CAEA,oBAAoB;EAMlB,AALA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,YACvB,KAAK,iBAAiB,WAAW,KAAKjB,EAAU,GAChD,KAAK,iBAAiB,SAAS,KAAKI,EAAQ,GAC5C,KAAKQ,GAAY;CACnB;CAEA,uBAAuB;EAGrB,AAFA,MAAM,qBAAqB,GAC3B,KAAK,oBAAoB,WAAW,KAAKZ,EAAU,GACnD,KAAK,oBAAoB,SAAS,KAAKI,EAAQ;CACjD;CAGA,OAAO;EACL,KAAKV,GAA0B,KAAK;CACtC;CAGA,QAAQ;EACN,KAAKA,GAA0B,MAAM;CACvC;CAEA,KAAc;EAEZ,AADA,KAAK,cAAc,GACnB,KAAKwB,GAAuB;CAC9B;CAEA,KAAyB;EACvB,KAAKf,KAAgB,KAAK,WAAW,OAAO,IAAI,eAAe,IAAI,KAAK,WAAW,OAAO,OAAO,eAAe;CAClH;CAEA;CASA,GAAoB,GAAkB;EACpC,IAAI,EAAE,SAAS,WAAW,EAAE,oBAAoB,EAAE,QAChD;EAEF,IAAMgB,IAAS,EAAE,aAAa,CAAC,CAAC;EAEhC,CAAIA,MADW,KAAK,YAAY,cAAc,yBAAuB,KAC5CA,MAAW,SAClC,KAAKrB,GAAuB,OAAO;CAEvC;CAEA;CAeA,GAAiB,GAAU;EACzB,IAAMsB,IAAuBC,EAA2B,EAAE,aAA4B,CAAC,CAAC;EAKxF,AAJI,KAAKlB,MAAiB,CAAC,KAAK,cAAc,CAACiB,KAC7C,KAAKP,GAAc,GAGjB,KAAK,eAAe,CAACO,KAAyB,EAAE,OAAuB,cAAc,QACvF,KAAKd,GAAiB;EAGxB,IAAMgB,IAAO,EAAE,aAAa;EAI5B,AAAI,CAHyBA,EAC1B,MAAM,GAAGA,EAAK,QAAQ,EAAE,aAA4B,CAAC,CAAC,CACtD,MAAK,MAAUC,aAAkB,WAAWC,EAAYD,CAAM,CAC5D,KAAwB,CAAC,EAAE,oBAC9B,KAAKzB,GAAuB,OAAO;CAEvC;CAEA,KAAgB;EACd,KAAKJ,GAA0B,OAAO;CACxC;CAEA,KAAmB;EAKjB,AAJI,KAAK,eAAe,YACtB,KAAK+B,GAAuB,GAG1B,KAAK,eAAe,WACtB,KAAKV,GAAsB;CAE/B;CAEA,KAAyB;EAEvB,AADA,KAAKnB,GAA0B,OAAO,GAClC,KAAK,kBACP,KAAKW,GAAO,MAAM,QAAO,MAAKmB,MAAM,IAAI,CAAC,CAAC,SAAQ,MAAM,EAAE,WAAW,EAAM;CAE/E;CAEA,KAAwB;EAGtB,AAFA,KAAK9B,GAA0B,OAAO,GAElC,KAAK,mBACP,KAAK,MAAM,SAAQ,MAAK;GAEtB,AADA,EAAE,WAAW,KAAK,UAClB,EAAE,gBAAgB;EACpB,CAAC,GACD,KAAKW,GAAO,MAAM,SAAQ,MAAQoB,EAAoBC,CAAI,CAAC;CAE/D;AACF;AAlPG3C,EAAA,CAAA4C,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAxC,EAAA,WAAA,WAAA,KAAA,CAAA,GAGzBJ,EAAA,CAAA4C,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAxC,EAAA,WAAA,cAAA,KAAA,CAAA,GAGxCJ,EAAA,CAAA4C,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAxC,EAAA,WAAA,qBAAA,KAAA,CAAA,GAK7BJ,EAAA,CAAA4C,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAxC,EAAA,WAAA,YAAA,KAAA,CAAA,GAKzCJ,EAAA,CAAA4C,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAxC,EAAA,WAAA,YAAA,KAAA,CAAA,GAKzCJ,EAAA,CAAA4C,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAxC,EAAA,WAAA,cAAA,KAAA,CAAA,GAK1BJ,EAAA,CAAA4C,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAxC,EAAA,WAAA,cAAA,KAAA,CAAA,GAKzBJ,EAAA,CAAA4C,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAxC,EAAA,WAAA,eAAA,KAAA,CAAA,GAO1BJ,EAAA,CAAA4C,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAxC,EAAA,WAAA,QAAA,KAAA,CAAA,GAGzBJ,EAAA,CAAA6C,EAAS,CAAA,GAAAzC,EAAA,WAAA,QAAA,KAAA,CAAA,GASTJ,EAAA,CAAA8C,EAAsB,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA1C,EAAA,WAAA,SAAA,KAAA,CAAA,GAGvCJ,EAAA,CAAA+C,EAAM,CAAA,GAAA3C,EAAA,WAAA,iBAAA,KAAA,CAAA,GAGNJ,EAAA,CAAA+C,EAAM,CAAA,GAAA3C,EAAA,WAAA,kBAAA,KAAA,CAAA,GAGNJ,EAAA,CAAA+C,EAAM,CAAA,GAAA3C,EAAA,WAAA,kBAAA,KAAA,CAAA,G;CApER4C,EAAM;CACNC,EAAQ,EAAE,KAAK,GAAM,CAAC;CACtBC,EAAW;CACXC,EAAc;CACdC,EAAc;CACdC,EAAe;CACfC,EAAiB"}
+{"version":3,"file":"tree-node2.js","names":["styles","_decorate","__decorate","tree_node_default","i18nDefaults","TreeNode","LitElement","_args","#i18nController","I18nController","#typeExpandableController","TypeExpandableController","#typeSelectableController","TypeSelectableController","#typeCommandController","TypeCommandController","#onKeydown","isSelectionKey","isExpansionKey","#isExpandable","#onKeyup","#invokeFromKeyboard","#toggleSelection","#tree","IconButton","Icon","Checkbox","useStyles","#nodeUpdate","#toggleExpand","nothing","#toggleMultiSelection","#nodeHeaderClick","attachInternals","#toggleExpandableState","origin","hasFocusableElements","getFlattenedFocusableItems","path","target","isFocusable","#toggleSingleSelection","n","updateNodeSelection","node","property","hostAttr","queryAssignedElements","state","audit","typeSSR","typeAnchor","stateSelected","stateExpanded","scopedRegistry","stateHighlighted"],"sources":["../../src/tree/tree-node.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport {\n  TypeExpandableController,\n  TypeSelectableController,\n  audit,\n  getFlattenedFocusableItems,\n  hostAttr,\n  isFocusable,\n  stateExpanded,\n  stateHighlighted,\n  stateSelected,\n  typeAnchor,\n  typeSSR\n} 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 { Icon } from '@nvidia-elements/core/icon';\nimport { Checkbox } from '@nvidia-elements/core/checkbox';\nimport { TypeCommandController } from '@nvidia-elements/forms/internal';\nimport type { Tree } from './tree.js';\nimport styles from './tree-node.css?inline';\nimport { updateNodeSelection } from './utils.js';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-tree-node\n * @description A tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children.\n * @documentation https://nvidia.github.io/elements/docs/elements/tree/\n * @since 1.2.0\n * @entrypoint \\@nvidia-elements/core/tree\n * @event open - Dispatched when the node opens.\n * @event close - Dispatched when the node closes.\n * @event select - Dispatched when the node selection state changes.\n * @command --select - use to select the node\n * @command --deselect - use to deselect the node\n * @command --toggle-select - use to toggle the node selection state\n * @command --open - use to open the node\n * @command --close - use to close the node\n * @command --toggle - use to toggle open / closed state of the node\n * @slot - Use default slot for basic text content or nested <nve-tree-node> elements.\n * @slot prefix - Use for prefix content before the node title.\n * @slot suffix - Use for suffix content after the node title.\n * @slot content - Use only for extended long form content containing interactive elements or form inputs.\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --font-size\n * @cssprop --min-height\n * @cssprop --text-wrap\n * @cssprop --font-weight\n * @cssprop --width\n\n * @csspart icon-button - The icon button element\n * @csspart icon - The icon element\n * @csspart checkbox - The checkbox element\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/treeview/\n *\n */\n@audit()\n@typeSSR({ log: false }) // warning about ssr mismatch disabled as tree node will never be a 1:1 match in ssr due to performance constraints and slot complexity\n@typeAnchor()\n@stateSelected()\n@stateExpanded()\n@scopedRegistry()\n@stateHighlighted()\nexport class TreeNode extends LitElement {\n  /** Command to invoke on a node title click or Enter on its header. */\n  @property({ type: String }) command = '';\n\n  /** ID of the element that receives the command. */\n  @property({ type: String, reflect: true }) commandfor: string | null = null;\n\n  /** Direct command target, taking precedence over commandfor. */\n  @property({ attribute: false }) commandForElement: HTMLElement | null = null;\n\n  /**\n   * Determines if node is in an expanded state.\n   */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  /**\n   * Determines whether if node is in a selected state.\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Determines whether a node can be expandable. Expandable by default if slotted nodes exist.\n   */\n  @property({ type: Boolean }) expandable = false;\n\n  /**\n   * Determines whether a node can be in a selected state. Nodes can be in a single or multi select state.\n   */\n  @property({ type: String }) selectable: 'single' | 'multi';\n\n  /**\n   * Determines the highlighted state of the element. Highlighted states serve non-interactive selections where nodes may relate to other selected portions of the UI.\n   */\n  @property({ type: Boolean }) highlighted = false;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Updates internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /** @private */\n  @hostAttr() slot = 'nodes';\n\n  get #tree() {\n    return this.closest<Tree>('nve-tree');\n  }\n\n  /**\n   * Returns the slotted child tree nodes.\n   */\n  @queryAssignedElements({ slot: 'nodes' }) readonly nodes!: TreeNode[];\n\n  /** @private */\n  @state() indeterminate = false;\n\n  /** @private */\n  @state() behaviorExpand = false;\n\n  /** @private */\n  @state() behaviorSelect = false;\n\n  #typeExpandableController = new TypeExpandableController(this);\n\n  #typeSelectableController = new TypeSelectableController(this);\n\n  #typeCommandController = new TypeCommandController(this, { events: [] });\n\n  get #isExpandable() {\n    return this.expandable || this.expanded || !!this.nodes?.length;\n  }\n\n  static metadata = {\n    tag: 'nve-tree-node',\n    version: '0.0.0',\n    parents: ['nve-tree', 'nve-tree-node']\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [Icon.metadata.tag]: Icon,\n    [Checkbox.metadata.tag]: Checkbox\n  };\n\n  static styles = useStyles([styles]);\n\n  declare _internals: ElementInternals;\n\n  /* eslint-disable @nvidia-elements/lint/no-missing-control-label */\n  render() {\n    return html`\n      <div internal-host @slotchange=${this.#nodeUpdate}>\n        <div part=\"_node\">\n          ${\n            this.#isExpandable\n              ? html`\n            <nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @pointerup=${this.#toggleExpand} role=\"presentation\" tabindex=\"-1\" size=\"sm\" container=\"inline\" nofocus>\n              <nve-icon part=\"icon\" name=\"caret\" direction=${this.expanded ? 'down' : 'right'} size=\"sm\"></nve-icon>\n            </nve-icon-button>`\n              : nothing\n          }\n          ${\n            this.selectable === 'multi'\n              ? html`\n            <nve-checkbox part=\"checkbox\" nofocus>\n              <input type=\"checkbox\" @change=${this.#toggleMultiSelection} .checked=${this.selected} .indeterminate=${this.indeterminate} .ariaLabel=${this.i18n.expand} tabindex=\"-1\" />\n            </nve-checkbox>`\n              : nothing\n          }\n          <div tabindex=\"0\" part=\"_node-header\">\n            <div class=\"node-title\" @click=${this.#nodeHeaderClick}>\n              <slot name=\"prefix\" part=\"_prefix\"></slot>\n              <slot></slot>\n              <slot name=\"suffix\" part=\"_suffix\"></slot>\n            </div>\n            <slot name=\"content\" part=\"_content\"></slot>\n          </div>\n        </div>\n        <div role=\"group\" part=\"_nodes\"><slot name=\"nodes\"></slot></div>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'treeitem';\n    this.addEventListener('keydown', this.#onKeydown);\n    this.addEventListener('keyup', this.#onKeyup);\n    this.#nodeUpdate();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this.#onKeydown);\n    this.removeEventListener('keyup', this.#onKeyup);\n  }\n\n  /** opens and sets the expanded state automatically if behaviorExpand is true */\n  open() {\n    this.#typeExpandableController.open();\n  }\n\n  /** closes and sets the expanded state automatically if behaviorExpand is true */\n  close() {\n    this.#typeExpandableController.close();\n  }\n\n  #nodeUpdate() {\n    this.requestUpdate();\n    this.#toggleExpandableState();\n  }\n\n  #toggleExpandableState() {\n    this.#isExpandable ? this._internals.states.add('is-expandable') : this._internals.states.delete('is-expandable');\n  }\n\n  #onKeydown = (e: KeyboardEvent) => {\n    const isSelectionKey = this.selectable && e.code === 'Space';\n    const isExpansionKey = this.#isExpandable && (e.code === 'ArrowLeft' || e.code === 'ArrowRight');\n\n    if (e.target === this && (isSelectionKey || isExpansionKey)) {\n      e.preventDefault();\n    }\n  };\n\n  #invokeFromKeyboard(e: KeyboardEvent) {\n    if (e.code !== 'Enter' || e.defaultPrevented || e.repeat) {\n      return;\n    }\n    const origin = e.composedPath()[0];\n    const header = this.shadowRoot?.querySelector('[part=\"_node-header\"]');\n    if (origin === header || origin === this) {\n      this.#typeCommandController.invoke();\n    }\n  }\n\n  #onKeyup = (e: KeyboardEvent) => {\n    this.#invokeFromKeyboard(e);\n    if (this.#isExpandable && e.code === 'ArrowLeft' && e.target === this) {\n      this.close();\n    }\n\n    if (this.#isExpandable && e.code === 'ArrowRight' && e.target === this) {\n      this.open();\n    }\n\n    if (e.code === 'Space' && e.target === this && this.selectable) {\n      this.#toggleSelection();\n    }\n  };\n\n  #nodeHeaderClick(e: Event) {\n    const hasFocusableElements = getFlattenedFocusableItems(e.currentTarget as HTMLElement).length;\n    if (this.#isExpandable && !this.selectable && !hasFocusableElements) {\n      this.#toggleExpand();\n    }\n\n    if (this.selectable && (!hasFocusableElements || (e.target as HTMLElement).localName === 'a')) {\n      this.#toggleSelection();\n    }\n\n    const path = e.composedPath();\n    const hasInteractiveTarget = path\n      .slice(0, path.indexOf(e.currentTarget as HTMLElement))\n      .some(target => target instanceof Element && isFocusable(target));\n    if (!hasInteractiveTarget && !e.defaultPrevented) {\n      this.#typeCommandController.invoke();\n    }\n  }\n\n  #toggleExpand() {\n    this.#typeExpandableController.toggle();\n  }\n\n  #toggleSelection() {\n    if (this.selectable === 'single') {\n      this.#toggleSingleSelection();\n    }\n\n    if (this.selectable === 'multi') {\n      this.#toggleMultiSelection();\n    }\n  }\n\n  #toggleSingleSelection() {\n    this.#typeSelectableController.toggle();\n    if (this.behaviorSelect) {\n      this.#tree!.nodes.filter(n => n !== this).forEach(n => (n.selected = false));\n    }\n  }\n\n  #toggleMultiSelection() {\n    this.#typeSelectableController.toggle();\n\n    if (this.behaviorSelect) {\n      this.nodes.forEach(n => {\n        n.selected = this.selected;\n        n.indeterminate = false;\n      });\n      this.#tree!.nodes.forEach(node => updateNodeSelection(node));\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,IAAMI,IAAe,EACnB,QAAQ,SACV,GA2CaC,IAAN,cAAuBC,EAAW;;EAkL3B,A,aAhL0B,KAAA,UAAA,IAGiC,KAAA,aAAA,MAGC,KAAA,oBAAA,MAKjB,KAAA,WAAA,IAKA,KAAA,WAAA,IAKb,KAAA,aAAA,IAUC,KAAA,cAAA,IAEH,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAKhD,KAAA,OAAA,KAAKI,GAAgB,MAGrC,KAAA,OAAA,SAYM,KAAA,gBAAA,IAGC,KAAA,iBAAA,IAGA,KAAA,iBAAA,IAEE,KAAAE,KAAA,IAAIC,EAAyB,IAAI,GAEjC,KAAAC,KAAA,IAAIC,EAAyB,IAAI,GAEpC,KAAAC,KAAA,IAAIC,EAAsB,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,GA2FzD,KAAAC,MAAA,MAAqB;GACjC,IAAMC,IAAiB,KAAK,cAAc,EAAE,SAAS,SAC/CC,IAAiB,KAAKC,OAAkB,EAAE,SAAS,eAAe,EAAE,SAAS;GAEnF,AAAI,EAAE,WAAW,SAASF,KAAkBC,MAC1C,EAAE,eAAe;EAErB,GAaY,KAAAE,MAAA,MAAqB;GAU/B,AATA,KAAKC,GAAoB,CAAC,GACtB,KAAKF,MAAiB,EAAE,SAAS,eAAe,EAAE,WAAW,QAC/D,KAAK,MAAM,GAGT,KAAKA,MAAiB,EAAE,SAAS,gBAAgB,EAAE,WAAW,QAChE,KAAK,KAAK,GAGR,EAAE,SAAS,WAAW,EAAE,WAAW,QAAQ,KAAK,cAClD,KAAKG,GAAiB;EAE1B;;CA5JA;CAUA,IAAIC,KAAQ;EACV,OAAO,KAAK,QAAc,UAAU;CACtC;CAgBA;CAEA;CAEA;CAEA,IAAIJ,KAAgB;EAClB,OAAO,KAAK,cAAc,KAAK,YAAY,CAAC,CAAC,KAAK,OAAO;CAC3D;;EAEkB,KAAA,WAAA;GAChB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,YAAY,eAAe;EACvC;;;EAE4B,KAAA,qBAAA;IACzBK,EAAW,SAAS,MAAMA;IAC1BC,EAAK,SAAS,MAAMA;IACpBC,EAAS,SAAS,MAAMA;EAC3B;;;EAEgB,KAAA,SAAAC,EAAU,CAAC3B,CAAM,CAAC;;CAKlC,SAAS;EACP,OAAO,CAAI,mCACwB,KAAK4B,GAAY,sBAG5C,KAAKT,KACD,CAAI,uFAC6E,KAAKU,GAAc,yHACvD,KAAK,WAAW,SAAS,QAAQ,6CAE9EC,EACL,GAEC,KAAK,eAAe,UAChB,CAAI,yEAE2B,KAAKC,GAAsB,cAAY,KAAK,SAAS,oBAAkB,KAAK,cAAc,gBAAc,KAAK,KAAK,OAAO,mCAExJD,EACL,wEAEkC,KAAKE,GAAiB;CAWjE;CAEA,oBAAoB;EAMlB,AALA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,YACvB,KAAK,iBAAiB,WAAW,KAAKjB,EAAU,GAChD,KAAK,iBAAiB,SAAS,KAAKI,EAAQ,GAC5C,KAAKQ,GAAY;CACnB;CAEA,uBAAuB;EAGrB,AAFA,MAAM,qBAAqB,GAC3B,KAAK,oBAAoB,WAAW,KAAKZ,EAAU,GACnD,KAAK,oBAAoB,SAAS,KAAKI,EAAQ;CACjD;CAGA,OAAO;EACL,KAAKV,GAA0B,KAAK;CACtC;CAGA,QAAQ;EACN,KAAKA,GAA0B,MAAM;CACvC;CAEA,KAAc;EAEZ,AADA,KAAK,cAAc,GACnB,KAAKwB,GAAuB;CAC9B;CAEA,KAAyB;EACvB,KAAKf,KAAgB,KAAK,WAAW,OAAO,IAAI,eAAe,IAAI,KAAK,WAAW,OAAO,OAAO,eAAe;CAClH;CAEA;CASA,GAAoB,GAAkB;EACpC,IAAI,EAAE,SAAS,WAAW,EAAE,oBAAoB,EAAE,QAChD;EAEF,IAAMgB,IAAS,EAAE,aAAa,CAAC,CAAC;EAEhC,CAAIA,MADW,KAAK,YAAY,cAAc,yBAAuB,KAC5CA,MAAW,SAClC,KAAKrB,GAAuB,OAAO;CAEvC;CAEA;CAeA,GAAiB,GAAU;EACzB,IAAMsB,IAAuBC,EAA2B,EAAE,aAA4B,CAAC,CAAC;EAKxF,AAJI,KAAKlB,MAAiB,CAAC,KAAK,cAAc,CAACiB,KAC7C,KAAKP,GAAc,GAGjB,KAAK,eAAe,CAACO,KAAyB,EAAE,OAAuB,cAAc,QACvF,KAAKd,GAAiB;EAGxB,IAAMgB,IAAO,EAAE,aAAa;EAI5B,AAAI,CAHyBA,EAC1B,MAAM,GAAGA,EAAK,QAAQ,EAAE,aAA4B,CAAC,CAAC,CACtD,MAAK,MAAUC,aAAkB,WAAWC,EAAYD,CAAM,CAC5D,KAAwB,CAAC,EAAE,oBAC9B,KAAKzB,GAAuB,OAAO;CAEvC;CAEA,KAAgB;EACd,KAAKJ,GAA0B,OAAO;CACxC;CAEA,KAAmB;EAKjB,AAJI,KAAK,eAAe,YACtB,KAAK+B,GAAuB,GAG1B,KAAK,eAAe,WACtB,KAAKV,GAAsB;CAE/B;CAEA,KAAyB;EAEvB,AADA,KAAKnB,GAA0B,OAAO,GAClC,KAAK,kBACP,KAAKW,GAAO,MAAM,QAAO,MAAKmB,MAAM,IAAI,CAAC,CAAC,SAAQ,MAAM,EAAE,WAAW,EAAM;CAE/E;CAEA,KAAwB;EAGtB,AAFA,KAAK9B,GAA0B,OAAO,GAElC,KAAK,mBACP,KAAK,MAAM,SAAQ,MAAK;GAEtB,AADA,EAAE,WAAW,KAAK,UAClB,EAAE,gBAAgB;EACpB,CAAC,GACD,KAAKW,GAAO,MAAM,SAAQ,MAAQoB,EAAoBC,CAAI,CAAC;CAE/D;AACF;AAlPG3C,EAAA,CAAA4C,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAxC,EAAA,WAAA,WAAA,KAAA,CAAA,GAGzBJ,EAAA,CAAA4C,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAxC,EAAA,WAAA,cAAA,KAAA,CAAA,GAGxCJ,EAAA,CAAA4C,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAxC,EAAA,WAAA,qBAAA,KAAA,CAAA,GAK7BJ,EAAA,CAAA4C,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAxC,EAAA,WAAA,YAAA,KAAA,CAAA,GAKzCJ,EAAA,CAAA4C,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAxC,EAAA,WAAA,YAAA,KAAA,CAAA,GAKzCJ,EAAA,CAAA4C,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAxC,EAAA,WAAA,cAAA,KAAA,CAAA,GAK1BJ,EAAA,CAAA4C,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAxC,EAAA,WAAA,cAAA,KAAA,CAAA,GAKzBJ,EAAA,CAAA4C,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAxC,EAAA,WAAA,eAAA,KAAA,CAAA,GAO1BJ,EAAA,CAAA4C,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAxC,EAAA,WAAA,QAAA,KAAA,CAAA,GAGzBJ,EAAA,CAAA6C,EAAS,CAAA,GAAAzC,EAAA,WAAA,QAAA,KAAA,CAAA,GASTJ,EAAA,CAAA8C,EAAsB,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA1C,EAAA,WAAA,SAAA,KAAA,CAAA,GAGvCJ,EAAA,CAAA+C,EAAM,CAAA,GAAA3C,EAAA,WAAA,iBAAA,KAAA,CAAA,GAGNJ,EAAA,CAAA+C,EAAM,CAAA,GAAA3C,EAAA,WAAA,kBAAA,KAAA,CAAA,GAGNJ,EAAA,CAAA+C,EAAM,CAAA,GAAA3C,EAAA,WAAA,kBAAA,KAAA,CAAA,G;CApER4C,EAAM;CACNC,EAAQ,EAAE,KAAK,GAAM,CAAC;CACtBC,EAAW;CACXC,EAAc;CACdC,EAAc;CACdC,EAAe;CACfC,EAAiB"}

package/dist/tree/tree2.js

@@ -2,32 +2,32 @@ import { audit as e } from "../internal/controllers/audit.controller.js";
 import { onChildListMutation as t } from "../internal/utils/events.js";
 import { appendRootNodeStyle as n } from "../internal/utils/dom.js";
 import { keyNavigationList as r } from "../internal/controllers/keynav-list.controller.js";
-import { attachInternals as i } from "../internal/utils/a11y.js";
-import { useStyles as a } from "../internal/styles/index.js";
-import o from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { updateNodeSelection as s } from "./utils.js";
-import { TreeNode as c } from "./tree-node2.js";
-import l from "./tree.js";
-import u from "./tree.global.js";
-import { LitElement as d, html as f } from "lit";
-import { property as p } from "lit/decorators/property.js";
+import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { updateNodeSelection as a } from "./utils.js";
+import { TreeNode as o } from "./tree-node2.js";
+import s from "./tree.js";
+import c from "./tree.global.js";
+import { attachInternals as l } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as u, html as d } from "lit";
+import { property as f } from "lit/decorators/property.js";
+import { useStyles as p } from "@nvidia-elements/foundations/internal/styles";
 // src/tree/tree.ts
-var m = class extends d {
+var m = class extends u {
 	constructor(...e) {
 		super(...e), this.behaviorExpand = !1, this.behaviorSelect = !1, this.border = !1, this.#e = [];
 	}
 	static {
-		this.styles = a([l]);
+		this.styles = p([s]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-tree",
-			version: "2.23.3",
+			version: "2.23.5",
 			children: ["nve-tree-node"]
 		};
 	}
 	get nodes() {
-		return Array.from(this.querySelectorAll(c.metadata.tag));
+		return Array.from(this.querySelectorAll(o.metadata.tag));
 	}
 	get keynavListConfig() {
 		return {
@@ -39,11 +39,11 @@ var m = class extends d {
 		return this.nodes.filter((e) => e.expanded || e.parentNode.expanded || e.parentNode === this);
 	}
 	render() {
-		return f`<div internal-host><slot name="nodes"></slot></div>`;
+		return d`<div internal-host><slot name="nodes"></slot></div>`;
 	}
 	#e;
 	connectedCallback() {
-		super.connectedCallback(), i(this), n(this, u), this._internals.role = "tree", this.#e.push(t(this, () => {
+		super.connectedCallback(), l(this), n(this, c), this._internals.role = "tree", this.#e.push(t(this, () => {
 			this.#t();
 		}, { subtree: !0 }));
 	}
@@ -62,19 +62,19 @@ var m = class extends d {
 		});
 	}
 	#r() {
-		this.behaviorSelect && this.selectable === "multi" && this.nodes.forEach((e) => s(e));
+		this.behaviorSelect && this.selectable === "multi" && this.nodes.forEach((e) => a(e));
 	}
 };
-o([p({ type: String })], m.prototype, "selectable", void 0), o([p({
+i([f({ type: String })], m.prototype, "selectable", void 0), i([f({
 	type: Boolean,
 	attribute: "behavior-expand"
-})], m.prototype, "behaviorExpand", void 0), o([p({
+})], m.prototype, "behaviorExpand", void 0), i([f({
 	type: Boolean,
 	attribute: "behavior-select"
-})], m.prototype, "behaviorSelect", void 0), o([p({
+})], m.prototype, "behaviorSelect", void 0), i([f({
 	type: Boolean,
 	reflect: !0
-})], m.prototype, "border", void 0), m = o([e(), r()], m);
+})], m.prototype, "border", void 0), m = i([e(), r()], m);
 export { m as Tree };
 
 //# sourceMappingURL=tree2.js.map

package/dist/tree/tree2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree2.js","names":["styles","globalStyles","_decorate","__decorate","tree_default","tree_global_default","Tree","LitElement","_args","#observers","useStyles","TreeNode","node","el","attachInternals","appendRootNodeStyle","onChildListMutation","#syncNodes","o","props","#syncNodeOptions","#syncNodeSelections","updateNodeSelection","property","audit","keyNavigationList"],"sources":["../../src/tree/tree.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  appendRootNodeStyle,\n  attachInternals,\n  audit,\n  keyNavigationList,\n  onChildListMutation,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport { updateNodeSelection } from './utils.js';\nimport { TreeNode } from './tree-node.js';\nimport styles from './tree.css?inline';\nimport globalStyles from './tree.global.css?inline';\n\n/**\n * @element nve-tree\n * @description A tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children.\n * @documentation https://nvidia.github.io/elements/docs/elements/tree/\n * @since 1.2.0\n * @entrypoint \\@nvidia-elements/core/tree\n * @slot - tree nodes\n * @cssprop --max-width\n * @cssprop --node-border - Border style for tree node depth indicator\n * @event open - Dispatched from a child nve-tree-node when opened.\n * @event close - Dispatched from a child nve-tree-node when closed.\n * @event select - Dispatched from a child nve-tree-node when its selection state changes.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/treeview/\n *\n */\n@audit()\n@keyNavigationList<Tree>()\nexport class Tree extends LitElement {\n  /**\n   * Determines whether all nodes can be in a selected state. Nodes can be in a single or multi select state.\n   */\n  @property({ type: String }) selectable: 'single' | 'multi';\n\n  /**\n   * Determines whether the tree nodes should handle auto-expanding behavior.\n   */\n  @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n  /**\n   * Determines whether the tree nodes should handle auto-select behavior.\n   */\n  @property({ type: Boolean, attribute: 'behavior-select' }) behaviorSelect = false;\n\n  /**\n   * Determines if the node depth border renders.\n   */\n  @property({ type: Boolean, reflect: true }) border = false;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-tree',\n    version: '0.0.0',\n    children: ['nve-tree-node']\n  };\n\n  _internals: ElementInternals;\n\n  /** Returns the tree nodes in document order. */\n  get nodes() {\n    return Array.from(this.querySelectorAll<TreeNode>(TreeNode.metadata.tag));\n  }\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.openNodes\n        .map(node => node.shadowRoot!.querySelector('[part=\"_node-header\"]'))\n        .filter((el): el is HTMLElement => el !== null),\n      layout: 'vertical'\n    };\n  }\n\n  /** @private */\n  get openNodes(): TreeNode[] {\n    return this.nodes.filter(\n      node => node.expanded || (node.parentNode as TreeNode).expanded || (node.parentNode as Tree) === this\n    );\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"nodes\"></slot>\n      </div>\n    `;\n  }\n\n  #observers: MutationObserver[] = [];\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'tree';\n\n    this.#observers.push(\n      onChildListMutation(\n        this,\n        () => {\n          this.#syncNodes();\n        },\n        { subtree: true }\n      )\n    );\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#observers.forEach(o => o.disconnect());\n  }\n\n  async updated(props: PropertyValues<this>) {\n    super.updated(props);\n    await this.updateComplete;\n    this.#syncNodes();\n  }\n\n  #syncNodes() {\n    this.#syncNodeOptions();\n    this.#syncNodeSelections();\n  }\n\n  #syncNodeOptions() {\n    this.nodes.forEach(node => {\n      node.selectable = this.selectable;\n      node.behaviorExpand = this.behaviorExpand;\n      node.behaviorSelect = this.behaviorSelect;\n    });\n  }\n\n  #syncNodeSelections() {\n    if (this.behaviorSelect && this.selectable === 'multi') {\n      this.nodes.forEach(node => updateNodeSelection(node));\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAqCO,IAAMM,IAAN,cAAmBC,EAAW;;EA6DF,A,aApD2C,KAAA,iBAAA,IAKA,KAAA,iBAAA,IAKvB,KAAA,SAAA,IA0CpB,KAAAE,KAAA,CAAC;;;EAxClB,KAAA,SAAAC,EAAU,CAACV,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,eAAe;EAC5B;;CAKA,IAAI,QAAQ;EACV,OAAO,MAAM,KAAK,KAAK,iBAA2BW,EAAS,SAAS,GAAG,CAAC;CAC1E;CAGA,IAAI,mBAAqC;EACvC,OAAO;GACL,OAAO,KAAK,UACT,KAAI,MAAQC,EAAK,WAAY,cAAc,yBAAuB,CAAC,CAAC,CACpE,QAAQ,MAA0BC,MAAO,IAAI;GAChD,QAAQ;EACV;CACF;CAGA,IAAI,YAAwB;EAC1B,OAAO,KAAK,MAAM,QAChB,MAAQD,EAAK,YAAaA,EAAK,WAAwB,YAAaA,EAAK,eAAwB,IACnG;CACF;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA;CAEA,oBAAoB;EAMlB,AALA,MAAM,kBAAkB,GACxBE,EAAgB,IAAI,GACpBC,EAAoB,MAAMd,CAAY,GACtC,KAAK,WAAW,OAAO,QAEvB,KAAKQ,GAAW,KACdO,EACE,YACM;GACJ,KAAKC,GAAW;EAClB,GACA,EAAE,SAAS,GAAK,CAClB,CACF;CACF;CAEA,uBAAuB;EAErB,AADA,MAAM,qBAAqB,GAC3B,KAAKR,GAAW,SAAQ,MAAKS,EAAE,WAAW,CAAC;CAC7C;CAEA,MAAM,QAAQ,GAA6B;EAGzC,AAFA,MAAM,QAAQC,CAAK,GACnB,MAAM,KAAK,gBACX,KAAKF,GAAW;CAClB;CAEA,KAAa;EAEX,AADA,KAAKG,GAAiB,GACtB,KAAKC,GAAoB;CAC3B;CAEA,KAAmB;EACjB,KAAK,MAAM,SAAQ,MAAQ;GAGzB,AAFA,EAAK,aAAa,KAAK,YACvB,EAAK,iBAAiB,KAAK,gBAC3B,EAAK,iBAAiB,KAAK;EAC7B,CAAC;CACH;CAEA,KAAsB;EACpB,AAAI,KAAK,kBAAkB,KAAK,eAAe,WAC7C,KAAK,MAAM,SAAQ,MAAQC,EAAoBV,CAAI,CAAC;CAExD;AACF;AAzGGV,EAAA,CAAAqB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAjB,EAAA,WAAA,cAAA,KAAA,CAAA,GAKzBJ,EAAA,CAAAqB,EAAS;CAAE,MAAM;CAAS,WAAW;AAAkB,CAAC,CAAA,GAAAjB,EAAA,WAAA,kBAAA,KAAA,CAAA,GAKxDJ,EAAA,CAAAqB,EAAS;CAAE,MAAM;CAAS,WAAW;AAAkB,CAAC,CAAA,GAAAjB,EAAA,WAAA,kBAAA,KAAA,CAAA,GAKxDJ,EAAA,CAAAqB,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAjB,EAAA,WAAA,UAAA,KAAA,CAAA,GArB3C,IAAAJ,EAAA,CAAAsB,EAAM,GACNC,EAAwB,CAAA,GAAAnB,CAAA"}
+{"version":3,"file":"tree2.js","names":["styles","globalStyles","_decorate","__decorate","tree_default","tree_global_default","Tree","LitElement","_args","#observers","useStyles","TreeNode","node","el","attachInternals","appendRootNodeStyle","onChildListMutation","#syncNodes","o","props","#syncNodeOptions","#syncNodeSelections","updateNodeSelection","property","audit","keyNavigationList"],"sources":["../../src/tree/tree.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport { appendRootNodeStyle, audit, keyNavigationList, onChildListMutation } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { updateNodeSelection } from './utils.js';\nimport { TreeNode } from './tree-node.js';\nimport styles from './tree.css?inline';\nimport globalStyles from './tree.global.css?inline';\n\n/**\n * @element nve-tree\n * @description A tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children.\n * @documentation https://nvidia.github.io/elements/docs/elements/tree/\n * @since 1.2.0\n * @entrypoint \\@nvidia-elements/core/tree\n * @slot - tree nodes\n * @cssprop --max-width\n * @cssprop --node-border - Border style for tree node depth indicator\n * @event open - Dispatched from a child nve-tree-node when opened.\n * @event close - Dispatched from a child nve-tree-node when closed.\n * @event select - Dispatched from a child nve-tree-node when its selection state changes.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/treeview/\n *\n */\n@audit()\n@keyNavigationList<Tree>()\nexport class Tree extends LitElement {\n  /**\n   * Determines whether all nodes can be in a selected state. Nodes can be in a single or multi select state.\n   */\n  @property({ type: String }) selectable: 'single' | 'multi';\n\n  /**\n   * Determines whether the tree nodes should handle auto-expanding behavior.\n   */\n  @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n  /**\n   * Determines whether the tree nodes should handle auto-select behavior.\n   */\n  @property({ type: Boolean, attribute: 'behavior-select' }) behaviorSelect = false;\n\n  /**\n   * Determines if the node depth border renders.\n   */\n  @property({ type: Boolean, reflect: true }) border = false;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-tree',\n    version: '0.0.0',\n    children: ['nve-tree-node']\n  };\n\n  _internals: ElementInternals;\n\n  /** Returns the tree nodes in document order. */\n  get nodes() {\n    return Array.from(this.querySelectorAll<TreeNode>(TreeNode.metadata.tag));\n  }\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.openNodes\n        .map(node => node.shadowRoot!.querySelector('[part=\"_node-header\"]'))\n        .filter((el): el is HTMLElement => el !== null),\n      layout: 'vertical'\n    };\n  }\n\n  /** @private */\n  get openNodes(): TreeNode[] {\n    return this.nodes.filter(\n      node => node.expanded || (node.parentNode as TreeNode).expanded || (node.parentNode as Tree) === this\n    );\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"nodes\"></slot>\n      </div>\n    `;\n  }\n\n  #observers: MutationObserver[] = [];\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'tree';\n\n    this.#observers.push(\n      onChildListMutation(\n        this,\n        () => {\n          this.#syncNodes();\n        },\n        { subtree: true }\n      )\n    );\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#observers.forEach(o => o.disconnect());\n  }\n\n  async updated(props: PropertyValues<this>) {\n    super.updated(props);\n    await this.updateComplete;\n    this.#syncNodes();\n  }\n\n  #syncNodes() {\n    this.#syncNodeOptions();\n    this.#syncNodeSelections();\n  }\n\n  #syncNodeOptions() {\n    this.nodes.forEach(node => {\n      node.selectable = this.selectable;\n      node.behaviorExpand = this.behaviorExpand;\n      node.behaviorSelect = this.behaviorSelect;\n    });\n  }\n\n  #syncNodeSelections() {\n    if (this.behaviorSelect && this.selectable === 'multi') {\n      this.nodes.forEach(node => updateNodeSelection(node));\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAgCO,IAAMM,IAAN,cAAmBC,EAAW;;EA6DF,A,aApD2C,KAAA,iBAAA,IAKA,KAAA,iBAAA,IAKvB,KAAA,SAAA,IA0CpB,KAAAE,KAAA,CAAC;;;EAxClB,KAAA,SAAAC,EAAU,CAACV,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,eAAe;EAC5B;;CAKA,IAAI,QAAQ;EACV,OAAO,MAAM,KAAK,KAAK,iBAA2BW,EAAS,SAAS,GAAG,CAAC;CAC1E;CAGA,IAAI,mBAAqC;EACvC,OAAO;GACL,OAAO,KAAK,UACT,KAAI,MAAQC,EAAK,WAAY,cAAc,yBAAuB,CAAC,CAAC,CACpE,QAAQ,MAA0BC,MAAO,IAAI;GAChD,QAAQ;EACV;CACF;CAGA,IAAI,YAAwB;EAC1B,OAAO,KAAK,MAAM,QAChB,MAAQD,EAAK,YAAaA,EAAK,WAAwB,YAAaA,EAAK,eAAwB,IACnG;CACF;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA;CAEA,oBAAoB;EAMlB,AALA,MAAM,kBAAkB,GACxBE,EAAgB,IAAI,GACpBC,EAAoB,MAAMd,CAAY,GACtC,KAAK,WAAW,OAAO,QAEvB,KAAKQ,GAAW,KACdO,EACE,YACM;GACJ,KAAKC,GAAW;EAClB,GACA,EAAE,SAAS,GAAK,CAClB,CACF;CACF;CAEA,uBAAuB;EAErB,AADA,MAAM,qBAAqB,GAC3B,KAAKR,GAAW,SAAQ,MAAKS,EAAE,WAAW,CAAC;CAC7C;CAEA,MAAM,QAAQ,GAA6B;EAGzC,AAFA,MAAM,QAAQC,CAAK,GACnB,MAAM,KAAK,gBACX,KAAKF,GAAW;CAClB;CAEA,KAAa;EAEX,AADA,KAAKG,GAAiB,GACtB,KAAKC,GAAoB;CAC3B;CAEA,KAAmB;EACjB,KAAK,MAAM,SAAQ,MAAQ;GAGzB,AAFA,EAAK,aAAa,KAAK,YACvB,EAAK,iBAAiB,KAAK,gBAC3B,EAAK,iBAAiB,KAAK;EAC7B,CAAC;CACH;CAEA,KAAsB;EACpB,AAAI,KAAK,kBAAkB,KAAK,eAAe,WAC7C,KAAK,MAAM,SAAQ,MAAQC,EAAoBV,CAAI,CAAC;CAExD;AACF;AAzGGV,EAAA,CAAAqB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAjB,EAAA,WAAA,cAAA,KAAA,CAAA,GAKzBJ,EAAA,CAAAqB,EAAS;CAAE,MAAM;CAAS,WAAW;AAAkB,CAAC,CAAA,GAAAjB,EAAA,WAAA,kBAAA,KAAA,CAAA,GAKxDJ,EAAA,CAAAqB,EAAS;CAAE,MAAM;CAAS,WAAW;AAAkB,CAAC,CAAA,GAAAjB,EAAA,WAAA,kBAAA,KAAA,CAAA,GAKxDJ,EAAA,CAAAqB,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAAjB,EAAA,WAAA,UAAA,KAAA,CAAA,GArB3C,IAAAJ,EAAA,CAAAsB,EAAM,GACNC,EAAwB,CAAA,GAAAnB,CAAA"}

package/dist/week/week2.js

@@ -1,41 +1,41 @@
-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 "./week.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 "./week.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";
 // src/week/week.ts
-var l = { expand: "expand" }, u = class extends i {
+var l = { expand: "expand" }, u = class extends n {
 	get i18nDefaults() {
 		return l;
 	}
 	static {
-		this.styles = t([
-			...i.styles,
-			a,
-			o
+		this.styles = c([
+			...n.styles,
+			r,
+			i
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-week",
-			version: "2.23.3"
+			version: "2.23.5"
 		};
 	}
 	static {
-		this.elementDefinitions = { [r.metadata.tag]: r };
+		this.elementDefinitions = { [t.metadata.tag]: t };
 	}
 	get suffixContent() {
-		return s`<nve-icon-button exportparts="icon:icon-button-icon" part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;
+		return a`<nve-icon-button exportparts="icon:icon-button-icon" part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;
 	}
 };
-n([c({
+e([o({
 	type: String,
 	reflect: !0
-})], u.prototype, "container", void 0), u = n([e()], u);
+})], u.prototype, "container", void 0), u = e([s()], u);
 export { u as Week };
 
 //# sourceMappingURL=week2.js.map

package/dist/week/week2.js.map

@@ -1 +1 @@
-{"version":3,"file":"week2.js","names":["styles","_decorate","__decorate","week_default","i18nDefaults","Week","Control","useStyles","inputStyles","IconButton","property","scopedRegistry"],"sources":["../../src/week/week.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 { 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 { IconButton } from '@nvidia-elements/core/icon-button';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './week.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-week\n * @description A week picker is a control that enables users to choose a week value.\n * @documentation https://nvidia.github.io/elements/docs/elements/week/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/week\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 calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/week\n */\n@scopedRegistry()\nexport class Week 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  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-week',\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 exportparts=\"icon:icon-button-icon\" part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAMI,IAAe,EACnB,QAAQ,SACV,GAmBaC,IAAN,cAAmBC,EAAoC;CAC5D,IAAuB,eAA6B;EAClD,OAAOF;CACT;;EAQgB,KAAA,SAAAG,EAAU;GAAC,GAAGD,EAAQ;GAAQE;GAAaR;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBS,EAAW,SAAS,MAAMA,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,uFAAsF,KAAK,KAAK,OAAO,oDAAkD,KAAK,WAAW;CACtL;AACF;AAhBGR,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAAJ,EAAA,CAAAU,EAAe,CAAA,GAAAN,CAAA"}
+{"version":3,"file":"week2.js","names":["styles","_decorate","__decorate","week_default","i18nDefaults","Week","Control","useStyles","inputStyles","IconButton","property","scopedRegistry"],"sources":["../../src/week/week.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 { 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 { IconButton } from '@nvidia-elements/core/icon-button';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './week.css?inline';\n\nconst i18nDefaults = {\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-week\n * @description A week picker is a control that enables users to choose a week value.\n * @documentation https://nvidia.github.io/elements/docs/elements/week/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/week\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 calendar icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/week\n */\n@scopedRegistry()\nexport class Week 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  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-week',\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 exportparts=\"icon:icon-button-icon\" part=\"icon-button\" .ariaLabel=${this.i18n.expand} icon-name=\"calendar\" container=\"inline\" @click=${this.showPicker}></nve-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;AAcA,IAAMI,IAAe,EACnB,QAAQ,SACV,GAmBaC,IAAN,cAAmBC,EAAoC;CAC5D,IAAuB,eAA6B;EAClD,OAAOF;CACT;;EAQgB,KAAA,SAAAG,EAAU;GAAC,GAAGD,EAAQ;GAAQE;GAAaR;EAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBS,EAAW,SAAS,MAAMA,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,uFAAsF,KAAK,KAAK,OAAO,oDAAkD,KAAK,WAAW;CACtL;AACF;AAhBGR,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAL,EAAA,WAAA,aAAA,KAAA,CAAA,GAV1C,IAAAJ,EAAA,CAAAU,EAAe,CAAA,GAAAN,CAAA"}

package/dist/workspace/panel/panel2.js

@@ -1,22 +1,22 @@
-import { attachInternals as e } from "../../internal/utils/a11y.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 r from "./panel.js";
-import { LitElement as i, html as a } from "lit";
-import { property as o } from "lit/decorators/property.js";
+import e from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import t from "./panel.js";
+import { attachInternals as n } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as r, html as i } from "lit";
+import { property as a } from "lit/decorators/property.js";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
 import { state as s } from "lit/decorators/state.js";
 // src/workspace/panel/panel.ts
-var c = class extends i {
+var c = class extends r {
 	constructor(...e) {
 		super(...e), this.minWidth = 0, this.minHeight = 0, this.selected = !1, this.headerHeight = 0;
 	}
 	static {
-		this.styles = t([r]);
+		this.styles = o([t]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-workspace-panel",
-			version: "2.23.3",
+			version: "2.23.5",
 			parents: ["nve-workspace"],
 			children: [
 				"nve-workspace-panel-header",
@@ -26,11 +26,11 @@ var c = class extends i {
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this);
+		super.connectedCallback(), n(this);
 	}
 	render() {
 		let { selected: e, headerHeight: t } = this;
-		return a`<div internal-host><div class="surface"><slot name="header"></slot><div class="content" style="${`top:${t}px`}" ?hidden="${!e}"><div class="body" tabindex="0"><slot></slot></div><slot name="footer"></slot></div></div><div class="frame" ?hidden="${!e}"></div></div>`;
+		return i`<div internal-host><div class="surface"><slot name="header"></slot><div class="content" style="${`top:${t}px`}" ?hidden="${!e}"><div class="body" tabindex="0"><slot></slot></div><slot name="footer"></slot></div></div><div class="frame" ?hidden="${!e}"></div></div>`;
 	}
 	_present(e) {
 		e ? this._internals.states.add("workspace-presented") : this._internals.states.delete("workspace-presented");
@@ -39,15 +39,15 @@ var c = class extends i {
 		this.selected = e.selected, this.headerHeight = e.headerHeight, this.querySelector(":scope > nve-workspace-panel-header")?._configure(e);
 	}
 };
-n([o({
+e([a({
 	type: Number,
 	attribute: "min-width",
 	reflect: !0
-})], c.prototype, "minWidth", void 0), n([o({
+})], c.prototype, "minWidth", void 0), e([a({
 	type: Number,
 	attribute: "min-height",
 	reflect: !0
-})], c.prototype, "minHeight", void 0), n([s()], c.prototype, "selected", void 0), n([s()], c.prototype, "headerHeight", void 0);
+})], c.prototype, "minHeight", void 0), e([s()], c.prototype, "selected", void 0), e([s()], c.prototype, "headerHeight", void 0);
 export { c as WorkspacePanel };
 
 //# sourceMappingURL=panel2.js.map

package/dist/workspace/panel/panel2.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel2.js","names":["styles","_decorate","__decorate","panel_default","WorkspacePanel","LitElement","_args","useStyles","attachInternals","headerHeight","selected","presented","configuration","property","state"],"sources":["../../../src/workspace/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 { state } from 'lit/decorators/state.js';\n\nimport { attachInternals, useStyles } from '@nvidia-elements/core/internal';\n\nimport type { WorkspaceHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';\n\nimport type { WorkspacePanelHeader } from '../panel-header/panel-header.js';\n\nimport styles from './panel.css?inline';\n\n/**\n * @element nve-workspace-panel\n * @description Stable application content and its workspace chrome.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @command --enter-fullscreen - Present this panel's group in native fullscreen.\n * @command --exit-fullscreen - Exit native fullscreen.\n * @command --toggle-fullscreen - Toggle native fullscreen for this panel's group.\n * @command --open - Open and activate the targeted supplied panel. Repeated activation is silent.\n * @command --close - Close the targeted panel when its workspace is closable.\n * @command --select - Activate an open supplied panel without reopening a closed panel.\n * @command --place - Apply the invoker's typed placement request when rearrangeable; membership changes also require groupable.\n * @slot - Application content.\n * @slot header - Title and controls.\n * @slot footer - Status and actions.\n * @cssprop --background\n * @cssprop --border\n * @cssprop --box-shadow\n */\nexport class WorkspacePanel extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-workspace-panel',\n    version: '0.0.0',\n    parents: ['nve-workspace'],\n    children: ['nve-workspace-panel-header', 'nve-workspace-panel-content', 'nve-workspace-panel-footer']\n  };\n\n  /** Application minimum total panel width in pixels. */\n  @property({ type: Number, attribute: 'min-width', reflect: true }) minWidth = 0;\n\n  /** Application minimum total panel height in pixels. */\n  @property({ type: Number, attribute: 'min-height', reflect: true }) minHeight = 0;\n\n  @state() private selected = false;\n\n  @state() private headerHeight = 0;\n\n  /** @internal */\n  declare _internals: ElementInternals;\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n  }\n\n  render() {\n    const { selected, headerHeight } = this;\n    return html`\n      <div internal-host>\n        <div class=\"surface\">\n          <slot name=\"header\"></slot>\n          <div class=\"content\" style=${`top:${headerHeight}px`} ?hidden=${!selected}>\n            <div class=\"body\" tabindex=\"0\"><slot></slot></div>\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n        <div class=\"frame\" ?hidden=${!selected}></div>\n      </div>\n    `;\n  }\n\n  /** @internal */\n  _present(presented: boolean) {\n    if (presented) this._internals.states.add('workspace-presented');\n    else this._internals.states.delete('workspace-presented');\n  }\n\n  /** @internal */\n  _configure(configuration: WorkspaceHeaderConfiguration & { scrollLeft: number }) {\n    this.selected = configuration.selected;\n    this.headerHeight = configuration.headerHeight;\n    this.querySelector<WorkspacePanelHeader>(':scope > nve-workspace-panel-header')?._configure(configuration);\n  }\n}\n"],"mappings":";;;;;;;;AAoCA,IAAaI,IAAb,cAAoCC,EAAW;;EAkBb,A,aAP8C,KAAA,WAAA,GAGE,KAAA,YAAA,GAEpD,KAAA,WAAA,IAEI,KAAA,eAAA;;;EAjBhB,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,eAAe;GACzB,UAAU;IAAC;IAA8B;IAA+B;GAA4B;EACtG;;CAeA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxBQ,EAAgB,IAAI;CACtB;CAEA,SAAS;EACP,IAAM,EAAE,aAAU,oBAAiB;EACnC,OAAO,CAAI,kGAIwB,OAAOC,EAAa,IAAI,aAAW,CAACC,EAAS,yHAK/C,CAACA,EAAS;CAG7C;CAGA,SAAS,GAAoB;EAC3B,AAAIC,IAAW,KAAK,WAAW,OAAO,IAAI,qBAAqB,IAC1D,KAAK,WAAW,OAAO,OAAO,qBAAqB;CAC1D;CAGA,WAAW,GAAsE;EAG/E,AAFA,KAAK,WAAWC,EAAc,UAC9B,KAAK,eAAeA,EAAc,cAClC,KAAK,cAAoC,qCAAqC,CAAC,EAAE,WAAWA,CAAa;CAC3G;AACF;AA7CGX,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAa,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,YAAA,KAAA,CAAA,GAGhEH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,aAAA,KAAA,CAAA,GAEjEH,EAAA,CAAAa,EAAM,CAAA,GAAAV,EAAA,WAAA,YAAA,KAAA,CAAA,GAENH,EAAA,CAAAa,EAAM,CAAA,GAAAV,EAAA,WAAA,gBAAA,KAAA,CAAA"}
+{"version":3,"file":"panel2.js","names":["styles","_decorate","__decorate","panel_default","WorkspacePanel","LitElement","_args","useStyles","attachInternals","headerHeight","selected","presented","configuration","property","state"],"sources":["../../../src/workspace/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 { state } from 'lit/decorators/state.js';\n\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\n\nimport type { WorkspaceHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';\n\nimport type { WorkspacePanelHeader } from '../panel-header/panel-header.js';\n\nimport styles from './panel.css?inline';\n\n/**\n * @element nve-workspace-panel\n * @description Stable application content and its workspace chrome.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @command --enter-fullscreen - Present this panel's group in native fullscreen.\n * @command --exit-fullscreen - Exit native fullscreen.\n * @command --toggle-fullscreen - Toggle native fullscreen for this panel's group.\n * @command --open - Open and activate the targeted supplied panel. Repeated activation is silent.\n * @command --close - Close the targeted panel when its workspace is closable.\n * @command --select - Activate an open supplied panel without reopening a closed panel.\n * @command --place - Apply the invoker's typed placement request when rearrangeable; membership changes also require groupable.\n * @slot - Application content.\n * @slot header - Title and controls.\n * @slot footer - Status and actions.\n * @cssprop --background\n * @cssprop --border\n * @cssprop --box-shadow\n */\nexport class WorkspacePanel extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-workspace-panel',\n    version: '0.0.0',\n    parents: ['nve-workspace'],\n    children: ['nve-workspace-panel-header', 'nve-workspace-panel-content', 'nve-workspace-panel-footer']\n  };\n\n  /** Application minimum total panel width in pixels. */\n  @property({ type: Number, attribute: 'min-width', reflect: true }) minWidth = 0;\n\n  /** Application minimum total panel height in pixels. */\n  @property({ type: Number, attribute: 'min-height', reflect: true }) minHeight = 0;\n\n  @state() private selected = false;\n\n  @state() private headerHeight = 0;\n\n  /** @internal */\n  declare _internals: ElementInternals;\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n  }\n\n  render() {\n    const { selected, headerHeight } = this;\n    return html`\n      <div internal-host>\n        <div class=\"surface\">\n          <slot name=\"header\"></slot>\n          <div class=\"content\" style=${`top:${headerHeight}px`} ?hidden=${!selected}>\n            <div class=\"body\" tabindex=\"0\"><slot></slot></div>\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n        <div class=\"frame\" ?hidden=${!selected}></div>\n      </div>\n    `;\n  }\n\n  /** @internal */\n  _present(presented: boolean) {\n    if (presented) this._internals.states.add('workspace-presented');\n    else this._internals.states.delete('workspace-presented');\n  }\n\n  /** @internal */\n  _configure(configuration: WorkspaceHeaderConfiguration & { scrollLeft: number }) {\n    this.selected = configuration.selected;\n    this.headerHeight = configuration.headerHeight;\n    this.querySelector<WorkspacePanelHeader>(':scope > nve-workspace-panel-header')?._configure(configuration);\n  }\n}\n"],"mappings":";;;;;;;;AAqCA,IAAaI,IAAb,cAAoCC,EAAW;;EAkBb,A,aAP8C,KAAA,WAAA,GAGE,KAAA,YAAA,GAEpD,KAAA,WAAA,IAEI,KAAA,eAAA;;;EAjBhB,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,eAAe;GACzB,UAAU;IAAC;IAA8B;IAA+B;GAA4B;EACtG;;CAeA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxBQ,EAAgB,IAAI;CACtB;CAEA,SAAS;EACP,IAAM,EAAE,aAAU,oBAAiB;EACnC,OAAO,CAAI,kGAIwB,OAAOC,EAAa,IAAI,aAAW,CAACC,EAAS,yHAK/C,CAACA,EAAS;CAG7C;CAGA,SAAS,GAAoB;EAC3B,AAAIC,IAAW,KAAK,WAAW,OAAO,IAAI,qBAAqB,IAC1D,KAAK,WAAW,OAAO,OAAO,qBAAqB;CAC1D;CAGA,WAAW,GAAsE;EAG/E,AAFA,KAAK,WAAWC,EAAc,UAC9B,KAAK,eAAeA,EAAc,cAClC,KAAK,cAAoC,qCAAqC,CAAC,EAAE,WAAWA,CAAa;CAC3G;AACF;AA7CGX,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAa,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,YAAA,KAAA,CAAA,GAGhEH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,aAAA,KAAA,CAAA,GAEjEH,EAAA,CAAAa,EAAM,CAAA,GAAAV,EAAA,WAAA,YAAA,KAAA,CAAA,GAENH,EAAA,CAAAa,EAAM,CAAA,GAAAV,EAAA,WAAA,gBAAA,KAAA,CAAA"}

package/dist/workspace/panel-content/panel-content2.js

@@ -1,20 +1,20 @@
-import { useStyles as e } from "../../internal/styles/index.js";
-import t from "./panel-content.js";
-import { LitElement as n, html as r } from "lit";
+import e from "./panel-content.js";
+import { LitElement as t, html as n } from "lit";
+import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
 // src/workspace/panel-content/panel-content.ts
-var i = class extends n {
+var i = class extends t {
 	static {
-		this.styles = e([t]);
+		this.styles = r([e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-workspace-panel-content",
-			version: "2.23.3",
+			version: "2.23.5",
 			parents: ["nve-workspace-panel"]
 		};
 	}
 	render() {
-		return r`<div internal-host><slot></slot></div>`;
+		return n`<div internal-host><slot></slot></div>`;
 	}
 };
 export { i as WorkspacePanelContent };

package/dist/workspace/panel-content/panel-content2.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-content2.js","names":["styles","panel_content_default","WorkspacePanelContent","LitElement","useStyles"],"sources":["../../../src/workspace/panel-content/panel-content.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';\n\nimport { useStyles } from '@nvidia-elements/core/internal';\n\nimport styles from './panel-content.css?inline';\n\n/**\n * @element nve-workspace-panel-content\n * @description Provides padding for workspace panel content.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @slot - Application content.\n * @cssprop --padding\n */\nexport class WorkspacePanelContent extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-workspace-panel-content', version: '0.0.0', parents: ['nve-workspace-panel'] };\n\n  render() {\n    return html`\n      <div internal-host><slot></slot></div>\n    `;\n  }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAA2CC,EAAW;;EACpC,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GAAE,KAAK;GAA+B,SAAS;GAAS,SAAS,CAAC,qBAAqB;EAAE;;CAEpH,SAAS;EACP,OAAO,CAAI;CAGb;AACF"}
+{"version":3,"file":"panel-content2.js","names":["styles","panel_content_default","WorkspacePanelContent","LitElement","useStyles"],"sources":["../../../src/workspace/panel-content/panel-content.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';\n\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\n\nimport styles from './panel-content.css?inline';\n\n/**\n * @element nve-workspace-panel-content\n * @description Provides padding for workspace panel content.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @slot - Application content.\n * @cssprop --padding\n */\nexport class WorkspacePanelContent extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-workspace-panel-content', version: '0.0.0', parents: ['nve-workspace-panel'] };\n\n  render() {\n    return html`\n      <div internal-host><slot></slot></div>\n    `;\n  }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAA2CC,EAAW;;EACpC,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GAAE,KAAK;GAA+B,SAAS;GAAS,SAAS,CAAC,qBAAqB;EAAE;;CAEpH,SAAS;EACP,OAAO,CAAI;CAGb;AACF"}

package/dist/workspace/panel-footer/panel-footer2.js

@@ -1,28 +1,28 @@
 import { hostAttr as e } from "../../internal/decorators/host-attr.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 r from "./panel-footer.js";
-import { LitElement as i, html as a } from "lit";
+import t from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./panel-footer.js";
+import { LitElement as r, html as i } from "lit";
+import { useStyles as a } from "@nvidia-elements/foundations/internal/styles";
 // src/workspace/panel-footer/panel-footer.ts
-var o = class extends i {
+var o = class extends r {
 	constructor(...e) {
 		super(...e), this.slot = "footer";
 	}
 	static {
-		this.styles = t([r]);
+		this.styles = a([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-workspace-panel-footer",
-			version: "2.23.3",
+			version: "2.23.5",
 			parents: ["nve-workspace-panel"]
 		};
 	}
 	render() {
-		return a`<div internal-host><slot></slot></div>`;
+		return i`<div internal-host><slot></slot></div>`;
 	}
 };
-n([e()], o.prototype, "slot", void 0);
+t([e()], o.prototype, "slot", void 0);
 export { o as WorkspacePanelFooter };
 
 //# sourceMappingURL=panel-footer2.js.map