@nvidia-elements/core 2.23.4 → 2.23.6

package/dist/toggletip/toggletip-header2.js

@@ -1,20 +1,20 @@
-import { useStyles as e } from "../internal/styles/index.js";
-import t from "./toggletip-header.js";
-import { LitElement as n, html as r } from "lit";
+import e from "./toggletip-header.js";
+import { LitElement as t, html as n } from "lit";
+import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
 // src/toggletip/toggletip-header.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-toggletip-header",
-			version: "2.23.4",
+			version: "2.23.6",
 			parents: ["nve-toggletip"]
 		};
 	}
 	render() {
-		return r`<div internal-host><slot></slot></div>`;
+		return n`<div internal-host><slot></slot></div>`;
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.slot = "header";

package/dist/toggletip/toggletip-header2.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip-header2.js","names":["styles","toggletip_header_default","ToggletipHeader","LitElement","useStyles"],"sources":["../../src/toggletip/toggletip-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 } from '@nvidia-elements/core/internal';\nimport styles from './toggletip-header.css?inline';\n\n/**\n * @element nve-toggletip-header\n * @description Displays a title or contextual label at the top of a toggletip to categorize its contents.\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @slot - default slot for the toggletip header\n * @cssprop --border-bottom\n * @cssprop --padding\n * @cssprop --border-radius\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\nexport class ToggletipHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-toggletip-header',\n    version: '0.0.0',\n    parents: ['nve-toggletip']\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.slot = 'header';\n  }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAAqCC,EAAW;;EAC9B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,eAAe;EAC3B;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}
+{"version":3,"file":"toggletip-header2.js","names":["styles","toggletip_header_default","ToggletipHeader","LitElement","useStyles"],"sources":["../../src/toggletip/toggletip-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 } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './toggletip-header.css?inline';\n\n/**\n * @element nve-toggletip-header\n * @description Displays a title or contextual label at the top of a toggletip to categorize its contents.\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @slot - default slot for the toggletip header\n * @cssprop --border-bottom\n * @cssprop --padding\n * @cssprop --border-radius\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\nexport class ToggletipHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-toggletip-header',\n    version: '0.0.0',\n    parents: ['nve-toggletip']\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.slot = 'header';\n  }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAAqCC,EAAW;;EAC9B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,eAAe;EAC3B;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,KAAK,OAAO;CACd;AACF"}

package/dist/toggletip/toggletip2.js

@@ -1,54 +1,54 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { appendRootNodeStyle as t } from "../internal/utils/dom.js";
-import { attachInternals as n } from "../internal/utils/a11y.js";
-import { TypeNativePopoverController as r } from "../internal/controllers/type-native-popover.controller.js";
-import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
-import { useStyles as a } from "../internal/styles/index.js";
-import { popoverStyles as o } from "../internal/styles/popover2.js";
-import s from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { IconButton as c } from "../icon-button/icon-button2.js";
-import l from "./toggletip.js";
-import u from "./toggletip.global.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 { TypeNativePopoverController as n } from "../internal/controllers/type-native-popover.controller.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 { IconButton as a } from "../icon-button/icon-button2.js";
+import o from "./toggletip.js";
+import s from "./toggletip.global.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 { query as h } from "lit/decorators/query.js";
 // src/toggletip/toggletip.ts
-var g = { close: "close" }, _ = class extends d {
+var g = { close: "close" }, _ = class extends l {
 	constructor(...e) {
-		super(...e), this.position = "top", this.alignment = "center", this.closable = !1, this.arrow = !0, this.popoverType = "auto", this.typeNativePopoverController = new r(this), this.#e = new m(this, g), this.i18n = this.#e.i18n;
+		super(...e), this.position = "top", this.alignment = "center", this.closable = !1, this.arrow = !0, this.popoverType = "auto", this.typeNativePopoverController = new n(this), this.#e = new f(this, g), this.i18n = this.#e.i18n;
 	}
 	static {
-		this.styles = a([o, l]);
+		this.styles = m([r, o]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-toggletip",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	static {
-		this.elementDefinitions = { [c.metadata.tag]: c };
+		this.elementDefinitions = { [a.metadata.tag]: a };
 	}
 	#e;
 	render() {
-		return f`<div internal-host><slot name="header"></slot>${this.closable ? f`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${this.hidePopover}" icon-name="cancel" container="flat" size="sm" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}<div id="content" part="_content"><slot></slot></div><slot name="footer"></slot></div>${this.arrow ? f`<div class="arrow"></div>` : ""}`;
+		return u`<div internal-host><slot name="header"></slot>${this.closable ? u`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${this.hidePopover}" icon-name="cancel" container="flat" size="sm" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}<div id="content" part="_content"><slot></slot></div><slot name="footer"></slot></div>${this.arrow ? u`<div class="arrow"></div>` : ""}`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), n(this), this._internals.role = "toggletip", t(this, u);
+		super.connectedCallback(), c(this), this._internals.role = "toggletip", t(this, s);
 	}
 };
-s([p({ type: String })], _.prototype, "anchor", void 0), s([p({ type: String })], _.prototype, "trigger", void 0), s([p({
+i([d({ type: String })], _.prototype, "anchor", void 0), i([d({ type: String })], _.prototype, "trigger", void 0), i([d({
 	type: String,
 	reflect: !0
-})], _.prototype, "position", void 0), s([p({
+})], _.prototype, "position", void 0), i([d({
 	type: String,
 	reflect: !0
-})], _.prototype, "alignment", void 0), s([p({
+})], _.prototype, "alignment", void 0), i([d({
 	type: Boolean,
 	reflect: !0,
 	attribute: "behavior-trigger"
-})], _.prototype, "behaviorTrigger", void 0), s([p({ type: Boolean })], _.prototype, "closable", void 0), s([p({ type: Boolean })], _.prototype, "arrow", void 0), s([h(".arrow")], _.prototype, "popoverArrow", void 0), s([p({ type: Object })], _.prototype, "i18n", void 0), _ = s([i(), e({ excessiveInstanceLimit: 50 })], _);
+})], _.prototype, "behaviorTrigger", void 0), i([d({ type: Boolean })], _.prototype, "closable", void 0), i([d({ type: Boolean })], _.prototype, "arrow", void 0), i([h(".arrow")], _.prototype, "popoverArrow", void 0), i([d({ type: Object })], _.prototype, "i18n", void 0), _ = i([p(), e({ excessiveInstanceLimit: 50 })], _);
 export { _ as Toggletip };
 
 //# sourceMappingURL=toggletip2.js.map

package/dist/toggletip/toggletip2.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip2.js","names":["styles","globalStyles","_decorate","__decorate","toggletip_default","toggletip_global_default","i18nDefaults","Toggletip","LitElement","_args","TypeNativePopoverController","#i18nController","I18nController","useStyles","popoverStyles","IconButton","attachInternals","appendRootNodeStyle","property","query","scopedRegistry","audit"],"sources":["../../src/toggletip/toggletip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { PopoverAlign, PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  audit,\n  excessiveInstanceLimit,\n  popoverStyles,\n  TypeNativePopoverController,\n  useStyles,\n  appendRootNodeStyle,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './toggletip.css?inline';\nimport globalStyles from './toggletip.global.css?inline';\n\nconst i18nDefaults = {\n  close: 'close'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-toggletip\n * @description Generic toggletip element for rendering a variety of different interactive content. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the toggletip opens.\n * @event close - Dispatched when the toggletip closes.\n * @slot - default slot for toggletip content\n * @cssprop --arrow-transform\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --box-shadow\n * @cssprop --width\n * @cssprop --min-width\n * @cssprop --gap\n * @cssprop --animation-duration - Duration of toggletip open/close animations\n * @csspart icon-button - The close icon button element\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n *\n */\n@scopedRegistry()\n@audit({ excessiveInstanceLimit })\nexport class Toggletip extends LitElement {\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-toggletip',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /**\n   * (optional) By default the popover automatically anchors itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * The trigger defines what element triggers an `open` interaction event.\n   * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n  /**\n   * Sets the alignment of the popover relative to the provided anchor element.\n   * If an arrow exists the alginment will be relative to the arrow against the anchor.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign = 'center';\n\n  /**\n   * @deprecated Use the popover API instead.\n   * Determines if popover visibility behavior should be automatically controlled by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n  /**\n   * Determines if a close button should render within toggletip.\n   */\n  @property({ type: Boolean }) closable = false;\n\n  /**\n   * Determines if the component renders an arrow.\n   */\n  @property({ type: Boolean }) arrow = true;\n\n  /** @private */\n  @query('.arrow') popoverArrow: HTMLElement;\n\n  /** @private */\n  readonly popoverType: PopoverType = 'auto';\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Toggletip>(this);\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  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host>\n      <slot name=\"header\"></slot>\n      ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${this.hidePopover} icon-name=\"cancel\" container=\"flat\" size=\"sm\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n      <div id=\"content\" part=\"_content\">\n        <slot></slot>\n      </div>\n      <slot name=\"footer\"></slot>\n    </div>\n    ${this.arrow ? html`<div class=\"arrow\"></div>` : ''}\n  `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toggletip';\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,IAAMM,IAAe,EACnB,OAAO,QACT,GAiCaC,IAAN,cAAwBC,EAAW;;EAiEL,A,aArCoC,KAAA,WAAA,OAMF,KAAA,YAAA,UAW7B,KAAA,WAAA,IAKH,KAAA,QAAA,IAMD,KAAA,cAAA,QAEI,KAAA,8BAAA,IAAIE,EAAuC,IAAI,GAE/C,KAAAC,KAAA,IAAIC,EAAqB,MAAMN,CAAY,GAKhD,KAAA,OAAA,KAAKK,GAAgB;;;EAhExC,KAAA,SAAAE,EAAU,CAACC,GAAed,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBe,EAAW,SAAS,MAAMA,EAC7B;;CAkDA;CAUA,SAAS;EACP,OAAO,CAAI,iDAGP,KAAK,WAAW,CAAI,mFAAkF,KAAK,YAAY,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG,wFAM/N,KAAK,QAAQ,CAAI,8BAA8B;CAEnD;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,aACvBC,EAAoB,MAAMhB,CAAY;CACxC;AACF;AA1EGC,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,YAAA,KAAA,CAAA,GAMxCL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,aAAA,KAAA,CAAA,GAMxCL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAX,EAAA,WAAA,mBAAA,KAAA,CAAA,GAKxEL,EAAA,CAAAgB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAX,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BL,EAAA,CAAAgB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAX,EAAA,WAAA,SAAA,KAAA,CAAA,GAG1BL,EAAA,CAAAiB,EAAM,QAAQ,CAAA,GAAAZ,EAAA,WAAA,gBAAA,KAAA,CAAA,GAYdL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,QAAA,KAAA,CAAA,GAnE3B,IAAAL,EAAA,CAAAkB,EAAe,GACfC,EAAM,EAAE,wBAAA,GAAuB,CAAC,CAAA,GAAAd,CAAA"}
+{"version":3,"file":"toggletip2.js","names":["styles","globalStyles","_decorate","__decorate","toggletip_default","toggletip_global_default","i18nDefaults","Toggletip","LitElement","_args","TypeNativePopoverController","#i18nController","I18nController","useStyles","popoverStyles","IconButton","attachInternals","appendRootNodeStyle","property","query","scopedRegistry","audit"],"sources":["../../src/toggletip/toggletip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { PopoverAlign, PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport {\n  audit,\n  excessiveInstanceLimit,\n  popoverStyles,\n  TypeNativePopoverController,\n  appendRootNodeStyle\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 styles from './toggletip.css?inline';\nimport globalStyles from './toggletip.global.css?inline';\n\nconst i18nDefaults = {\n  close: 'close'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-toggletip\n * @description Generic toggletip element for rendering a variety of different interactive content. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n * @documentation https://nvidia.github.io/elements/docs/elements/toggletip/\n * @since 0.38.0\n * @entrypoint \\@nvidia-elements/core/toggletip\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the toggletip opens.\n * @event close - Dispatched when the toggletip closes.\n * @slot - default slot for toggletip content\n * @cssprop --arrow-transform\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --box-shadow\n * @cssprop --width\n * @cssprop --min-width\n * @cssprop --gap\n * @cssprop --animation-duration - Duration of toggletip open/close animations\n * @csspart icon-button - The close icon button element\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n *\n */\n@scopedRegistry()\n@audit({ excessiveInstanceLimit })\nexport class Toggletip extends LitElement {\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-toggletip',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /**\n   * (optional) By default the popover automatically anchors itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * The trigger defines what element triggers an `open` interaction event.\n   * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n  /**\n   * Sets the alignment of the popover relative to the provided anchor element.\n   * If an arrow exists the alginment will be relative to the arrow against the anchor.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign = 'center';\n\n  /**\n   * @deprecated Use the popover API instead.\n   * Determines if popover visibility behavior should be automatically controlled by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n  /**\n   * Determines if a close button should render within toggletip.\n   */\n  @property({ type: Boolean }) closable = false;\n\n  /**\n   * Determines if the component renders an arrow.\n   */\n  @property({ type: Boolean }) arrow = true;\n\n  /** @private */\n  @query('.arrow') popoverArrow: HTMLElement;\n\n  /** @private */\n  readonly popoverType: PopoverType = 'auto';\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Toggletip>(this);\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  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host>\n      <slot name=\"header\"></slot>\n      ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${this.hidePopover} icon-name=\"cancel\" container=\"flat\" size=\"sm\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n      <div id=\"content\" part=\"_content\">\n        <slot></slot>\n      </div>\n      <slot name=\"footer\"></slot>\n    </div>\n    ${this.arrow ? html`<div class=\"arrow\"></div>` : ''}\n  `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toggletip';\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,IAAMM,IAAe,EACnB,OAAO,QACT,GAiCaC,IAAN,cAAwBC,EAAW;;EAiEL,A,aArCoC,KAAA,WAAA,OAMF,KAAA,YAAA,UAW7B,KAAA,WAAA,IAKH,KAAA,QAAA,IAMD,KAAA,cAAA,QAEI,KAAA,8BAAA,IAAIE,EAAuC,IAAI,GAE/C,KAAAC,KAAA,IAAIC,EAAqB,MAAMN,CAAY,GAKhD,KAAA,OAAA,KAAKK,GAAgB;;;EAhExC,KAAA,SAAAE,EAAU,CAACC,GAAed,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBe,EAAW,SAAS,MAAMA,EAC7B;;CAkDA;CAUA,SAAS;EACP,OAAO,CAAI,iDAGP,KAAK,WAAW,CAAI,mFAAkF,KAAK,YAAY,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG,wFAM/N,KAAK,QAAQ,CAAI,8BAA8B;CAEnD;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,aACvBC,EAAoB,MAAMhB,CAAY;CACxC;AACF;AA1EGC,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,YAAA,KAAA,CAAA,GAMxCL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAX,EAAA,WAAA,aAAA,KAAA,CAAA,GAMxCL,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAX,EAAA,WAAA,mBAAA,KAAA,CAAA,GAKxEL,EAAA,CAAAgB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAX,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BL,EAAA,CAAAgB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAX,EAAA,WAAA,SAAA,KAAA,CAAA,GAG1BL,EAAA,CAAAiB,EAAM,QAAQ,CAAA,GAAAZ,EAAA,WAAA,gBAAA,KAAA,CAAA,GAYdL,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAX,EAAA,WAAA,QAAA,KAAA,CAAA,GAnE3B,IAAAL,EAAA,CAAAkB,EAAe,GACfC,EAAM,EAAE,wBAAA,GAAuB,CAAC,CAAA,GAAAd,CAAA"}

package/dist/toolbar/toolbar2.js

@@ -1,27 +1,28 @@
 import { applySlotContentStates as e, hasHorizontalScrollBar as t } from "../internal/utils/dom.js";
-import { attachInternals as n } from "../internal/utils/a11y.js";
-import { statusStateStyles as r, supportStateStyles as i, useStyles as a } from "../internal/styles/index.js";
-import o from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import s from "./toolbar.js";
-import { LitElement as c, html as l } from "lit";
-import { property as u } from "lit/decorators/property.js";
+import { statusStateStyles as n, supportStateStyles as r } from "../internal/styles/index.js";
+import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import a from "./toolbar.js";
+import { attachInternals as o } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as s, html as c } from "lit";
+import { property as l } from "lit/decorators/property.js";
+import { useStyles as u } from "@nvidia-elements/foundations/internal/styles";
 import { queryAssignedElements as d } from "lit/decorators/query-assigned-elements.js";
 // src/toolbar/toolbar.ts
-var f = class extends c {
+var f = class extends s {
 	constructor(...e) {
 		super(...e), this.content = "scroll", this.orientation = "horizontal", this.#e = [];
 	}
 	static {
-		this.styles = a([
-			s,
-			r,
-			i
+		this.styles = u([
+			a,
+			n,
+			r
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-toolbar",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	static {
@@ -39,10 +40,10 @@ var f = class extends c {
 		];
 	}
 	render() {
-		return l`<div internal-host @slotchange="${this.#r}"><slot name="prefix"></slot><slot></slot><slot name="suffix"></slot></div>`;
+		return c`<div internal-host @slotchange="${this.#r}"><slot name="prefix"></slot><slot></slot><slot name="suffix"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), n(this), this._internals.role = "toolbar";
+		super.connectedCallback(), o(this), this._internals.role = "toolbar";
 	}
 	firstUpdated(e) {
 		super.firstUpdated(e), this.#i();
@@ -72,19 +73,19 @@ var f = class extends c {
 		e.filter((e) => e.matches("nve-divider")).forEach((e) => e.orientation = this.orientation === "horizontal" ? "vertical" : "horizontal"), e.filter((e) => e.matches("nve-button-group")).forEach((e) => e.orientation = this.orientation);
 	}
 };
-o([u({
+i([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "container", void 0), o([u({
+})], f.prototype, "container", void 0), i([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "content", void 0), o([u({
+})], f.prototype, "content", void 0), i([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "orientation", void 0), o([u({
+})], f.prototype, "orientation", void 0), i([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "status", void 0), o([d({ slot: "prefix" })], f.prototype, "prefixElements", void 0), o([d({ slot: "suffix" })], f.prototype, "suffixElements", void 0), o([d()], f.prototype, "defaultElements", void 0);
+})], f.prototype, "status", void 0), i([d({ slot: "prefix" })], f.prototype, "prefixElements", void 0), i([d({ slot: "suffix" })], f.prototype, "suffixElements", void 0), i([d()], f.prototype, "defaultElements", void 0);
 export { f as Toolbar };
 
 //# sourceMappingURL=toolbar2.js.map

package/dist/toolbar/toolbar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar2.js","names":["styles","_decorate","__decorate","toolbar_default","Toolbar","LitElement","_args","#observers","useStyles","statusStateStyles","supportStateStyles","#scrollbox","#slottedElements","#slotchange","attachInternals","props","#setupScrollbarListener","#updateContainers","#updateOrientation","observer","applySlotContentStates","e","#setScrollbarState","hasHorizontalScrollBar","slottedElements","property","queryAssignedElements"],"sources":["../../src/toolbar/toolbar.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 { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  statusStateStyles,\n  supportStateStyles,\n  attachInternals,\n  applySlotContentStates,\n  hasHorizontalScrollBar\n} from '@nvidia-elements/core/internal';\nimport styles from './toolbar.css?inline';\n\n/**\n * @element nve-toolbar\n * @description A toolbar is a container for grouping a set of controls, such as buttons, icon buttons and combobox search.\n * @documentation https://nvidia.github.io/elements/docs/elements/toolbar/\n * @since 0.19.0\n * @entrypoint \\@nvidia-elements/core/toolbar\n * @slot - Primary buttons, inputs, and other toolbar controls.\n * @slot prefix - slot for prefix content\n * @slot suffix - slot for suffix content\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --min-height\n * @cssprop --border-radius\n * @cssprop --gap\n * @cssprop --border-bottom\n * @cssprop --box-shadow\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n */\nexport class Toolbar extends LitElement implements ContainerElement {\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-toolbar',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {};\n\n  /**\n   * Determines the container styles of component. Flat applies when nesting elements within other containers or for a more muted style. Full applies when the element expands the full width of the viewport.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'inset' | 'full';\n\n  /**\n   * Determines the primary content overflow behavior.\n   */\n  @property({ type: String, reflect: true }) content?: 'scroll' | 'wrap' = 'scroll';\n\n  /**\n   * Determines the orientation direction of the toolbar. Vertical toolbars support icon buttons only.\n   */\n  @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * Visual treatment to represent accent color for interactive selections\n   */\n  @property({ type: String, reflect: true }) status: 'accent';\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #observers: (MutationObserver | ResizeObserver)[] = [];\n\n  get #scrollbox() {\n    return this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])');\n  }\n\n  @queryAssignedElements({ slot: 'prefix' }) private prefixElements!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'suffix' }) private suffixElements!: HTMLElement[];\n\n  @queryAssignedElements() private defaultElements!: HTMLElement[];\n\n  get #slottedElements() {\n    return [...this.prefixElements, ...this.defaultElements, ...this.suffixElements];\n  }\n\n  render() {\n    return html`\n      <div internal-host @slotchange=${this.#slotchange}>\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toolbar';\n  }\n\n  firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n    this.#setupScrollbarListener();\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#updateContainers();\n    this.#updateOrientation();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#observers.forEach(observer => observer.disconnect());\n  }\n\n  #slotchange(e: Event) {\n    applySlotContentStates(e.target as HTMLSlotElement, this);\n    this.#updateContainers();\n    this.#updateOrientation();\n    this.#setScrollbarState();\n  }\n\n  #setupScrollbarListener() {\n    this.#setScrollbarState();\n    const observer = new ResizeObserver(() => this.#setScrollbarState());\n    this.#observers.push(observer);\n    observer.observe(this);\n  }\n\n  #setScrollbarState() {\n    if (hasHorizontalScrollBar(this.#scrollbox as HTMLElement)) {\n      this._internals.states.add('scrollbar');\n    } else {\n      this._internals.states.delete('scrollbar');\n    }\n  }\n\n  #updateContainers() {\n    const slottedElements = this.#slottedElements as (HTMLElement & { container: string })[];\n    slottedElements\n      .filter(e =>\n        e.matches(\n          'nve-button-group, nve-input, nve-search, nve-combobox, nve-button, nve-select, nve-icon-button, nve-copy-button'\n        )\n      )\n      .forEach(e => (e.container = 'flat'));\n  }\n\n  #updateOrientation() {\n    const slottedElements = this.#slottedElements as (HTMLElement & { orientation: string })[];\n    slottedElements\n      .filter(e => e.matches('nve-divider'))\n      .forEach(divider => (divider.orientation = this.orientation === 'horizontal' ? 'vertical' : 'horizontal'));\n    slottedElements\n      .filter(e => e.matches('nve-button-group'))\n      .forEach(group => (group.orientation = this.orientation!));\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"toolbar2.js","names":["styles","_decorate","__decorate","toolbar_default","Toolbar","LitElement","_args","#observers","useStyles","statusStateStyles","supportStateStyles","#scrollbox","#slottedElements","#slotchange","attachInternals","props","#setupScrollbarListener","#updateContainers","#updateOrientation","observer","applySlotContentStates","e","#setScrollbarState","hasHorizontalScrollBar","slottedElements","property","queryAssignedElements"],"sources":["../../src/toolbar/toolbar.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 { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport {\n  statusStateStyles,\n  supportStateStyles,\n  applySlotContentStates,\n  hasHorizontalScrollBar\n} from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './toolbar.css?inline';\n\n/**\n * @element nve-toolbar\n * @description A toolbar is a container for grouping a set of controls, such as buttons, icon buttons and combobox search.\n * @documentation https://nvidia.github.io/elements/docs/elements/toolbar/\n * @since 0.19.0\n * @entrypoint \\@nvidia-elements/core/toolbar\n * @slot - Primary buttons, inputs, and other toolbar controls.\n * @slot prefix - slot for prefix content\n * @slot suffix - slot for suffix content\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --min-height\n * @cssprop --border-radius\n * @cssprop --gap\n * @cssprop --border-bottom\n * @cssprop --box-shadow\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n */\nexport class Toolbar extends LitElement implements ContainerElement {\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-toolbar',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {};\n\n  /**\n   * Determines the container styles of component. Flat applies when nesting elements within other containers or for a more muted style. Full applies when the element expands the full width of the viewport.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'inset' | 'full';\n\n  /**\n   * Determines the primary content overflow behavior.\n   */\n  @property({ type: String, reflect: true }) content?: 'scroll' | 'wrap' = 'scroll';\n\n  /**\n   * Determines the orientation direction of the toolbar. Vertical toolbars support icon buttons only.\n   */\n  @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * Visual treatment to represent accent color for interactive selections\n   */\n  @property({ type: String, reflect: true }) status: 'accent';\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #observers: (MutationObserver | ResizeObserver)[] = [];\n\n  get #scrollbox() {\n    return this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])');\n  }\n\n  @queryAssignedElements({ slot: 'prefix' }) private prefixElements!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'suffix' }) private suffixElements!: HTMLElement[];\n\n  @queryAssignedElements() private defaultElements!: HTMLElement[];\n\n  get #slottedElements() {\n    return [...this.prefixElements, ...this.defaultElements, ...this.suffixElements];\n  }\n\n  render() {\n    return html`\n      <div internal-host @slotchange=${this.#slotchange}>\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toolbar';\n  }\n\n  firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n    this.#setupScrollbarListener();\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#updateContainers();\n    this.#updateOrientation();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#observers.forEach(observer => observer.disconnect());\n  }\n\n  #slotchange(e: Event) {\n    applySlotContentStates(e.target as HTMLSlotElement, this);\n    this.#updateContainers();\n    this.#updateOrientation();\n    this.#setScrollbarState();\n  }\n\n  #setupScrollbarListener() {\n    this.#setScrollbarState();\n    const observer = new ResizeObserver(() => this.#setScrollbarState());\n    this.#observers.push(observer);\n    observer.observe(this);\n  }\n\n  #setScrollbarState() {\n    if (hasHorizontalScrollBar(this.#scrollbox as HTMLElement)) {\n      this._internals.states.add('scrollbar');\n    } else {\n      this._internals.states.delete('scrollbar');\n    }\n  }\n\n  #updateContainers() {\n    const slottedElements = this.#slottedElements as (HTMLElement & { container: string })[];\n    slottedElements\n      .filter(e =>\n        e.matches(\n          'nve-button-group, nve-input, nve-search, nve-combobox, nve-button, nve-select, nve-icon-button, nve-copy-button'\n        )\n      )\n      .forEach(e => (e.container = 'flat'));\n  }\n\n  #updateOrientation() {\n    const slottedElements = this.#slottedElements as (HTMLElement & { orientation: string })[];\n    slottedElements\n      .filter(e => e.matches('nve-divider'))\n      .forEach(divider => (divider.orientation = this.orientation === 'horizontal' ? 'vertical' : 'horizontal'));\n    slottedElements\n      .filter(e => e.matches('nve-button-group'))\n      .forEach(group => (group.orientation = this.orientation!));\n  }\n}\n"],"mappings":"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"}

package/dist/tooltip/tooltip2.js

@@ -1,51 +1,51 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
-import { attachInternals as t } from "../internal/utils/a11y.js";
-import { TypeNativePopoverController as n } from "../internal/controllers/type-native-popover.controller.js";
-import { useStyles as r } from "../internal/styles/index.js";
-import { popoverStyles as i } from "../internal/styles/popover2.js";
-import a from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import o from "./tooltip.js";
-import { LitElement as s, html as c } from "lit";
-import { property as l } from "lit/decorators/property.js";
+import { TypeNativePopoverController as t } from "../internal/controllers/type-native-popover.controller.js";
+import { popoverStyles as n } from "../internal/styles/popover2.js";
+import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import i from "./tooltip.js";
+import { attachInternals as a } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as o, html as s } from "lit";
+import { property as c } from "lit/decorators/property.js";
+import { useStyles as l } from "@nvidia-elements/foundations/internal/styles";
 import { query as u } from "lit/decorators/query.js";
 // src/tooltip/tooltip.ts
-var d = class extends s {
+var d = class extends o {
 	constructor(...e) {
-		super(...e), this.position = "top", this.popoverType = "hint", this.typeNativePopoverController = new n(this);
+		super(...e), this.position = "top", this.popoverType = "hint", this.typeNativePopoverController = new t(this);
 	}
 	static {
-		this.styles = r([i, o]);
+		this.styles = l([n, i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-tooltip",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	render() {
-		return c`<div internal-host><slot></slot></div><div part="arrow" class="arrow"></div>`;
+		return s`<div internal-host><slot></slot></div><div part="arrow" class="arrow"></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), t(this), this._internals.role = "tooltip";
+		super.connectedCallback(), a(this), this._internals.role = "tooltip";
 	}
 };
-a([l({ type: String })], d.prototype, "anchor", void 0), a([l({ type: String })], d.prototype, "trigger", void 0), a([l({
+r([c({ type: String })], d.prototype, "anchor", void 0), r([c({ type: String })], d.prototype, "trigger", void 0), r([c({
 	type: String,
 	reflect: !0
-})], d.prototype, "position", void 0), a([l({
+})], d.prototype, "position", void 0), r([c({
 	type: String,
 	reflect: !0
-})], d.prototype, "alignment", void 0), a([l({
+})], d.prototype, "alignment", void 0), r([c({
 	type: Boolean,
 	reflect: !0,
 	attribute: "behavior-trigger"
-})], d.prototype, "behaviorTrigger", void 0), a([l({
+})], d.prototype, "behaviorTrigger", void 0), r([c({
 	type: String,
 	reflect: !0
-})], d.prototype, "status", void 0), a([l({
+})], d.prototype, "status", void 0), r([c({
 	type: Number,
 	attribute: "open-delay"
-})], d.prototype, "openDelay", void 0), a([u(".arrow")], d.prototype, "popoverArrow", void 0), d = a([e({ excessiveInstanceLimit: 50 })], d);
+})], d.prototype, "openDelay", void 0), r([u(".arrow")], d.prototype, "popoverArrow", void 0), d = r([e({ excessiveInstanceLimit: 50 })], d);
 export { d as Tooltip };
 
 //# sourceMappingURL=tooltip2.js.map

package/dist/tooltip/tooltip2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip2.js","names":["styles","_decorate","__decorate","tooltip_default","Tooltip","LitElement","_args","TypeNativePopoverController","useStyles","popoverStyles","attachInternals","property","query","audit"],"sources":["../../src/tooltip/tooltip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport type { PopoverAlign, PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  audit,\n  excessiveInstanceLimit,\n  popoverStyles,\n  TypeNativePopoverController,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport styles from './tooltip.css?inline';\n\n/**\n * @element nve-tooltip\n * @description A contextual popup that displays a plaintext description. Trigger tooltips by hovering, focusing, or tapping an element and cannot have interactive elements within them.\n * @documentation https://nvidia.github.io/elements/docs/elements/tooltip/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/tooltip\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the tooltip opens.\n * @event close - Dispatched when the tooltip closes.\n * @slot - Noninteractive text or other descriptive content shown in the tooltip.\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --box-shadow\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --arrow-transform\n * @cssprop --width\n * @cssprop --height\n * @cssprop --border\n * @csspart arrow\n * @cssprop --animation-duration - Duration of tooltip open/close animations\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\n@audit({ excessiveInstanceLimit })\nexport class Tooltip extends LitElement {\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-tooltip',\n    version: '0.0.0'\n  };\n\n  /**\n   * (optional) By default the popover automatically anchors itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * The trigger defines what element triggers an `open` interaction event.\n   * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n  /**\n   * Sets the alignment of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * Determines if popover visibility behavior should be automatically controlled by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n  /**\n   * visual treatment to represent a ongoing task or support status\n   */\n  @property({ type: String, reflect: true }) status: 'muted';\n\n  /**\n   * @deprecated Use interest-delay-start css property instead\n   */\n  @property({ type: Number, attribute: 'open-delay' }) openDelay: number;\n\n  /** @private */\n  @query('.arrow') popoverArrow: HTMLElement;\n\n  /** @private */\n  readonly popoverType: PopoverType = 'hint';\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Tooltip>(this);\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  /* eslint-disable local/no-invalid-css-parts */\n  render() {\n    return html`\n    <div internal-host>\n      <slot></slot>\n    </div>\n    <div part=\"arrow\" class=\"arrow\"></div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'tooltip';\n  }\n}\n"],"mappings":";;;;;;;;;;;AA4CO,IAAMI,IAAN,cAAsBC,EAAW;;EAqDE,A,aA7B+B,KAAA,WAAA,OA2BnC,KAAA,cAAA,QAEI,KAAA,8BAAA,IAAIE,EAAqC,IAAI;;;EApDrE,KAAA,SAAAC,EAAU,CAACC,GAAeT,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAqDA,SAAS;EACP,OAAO,CAAI;CAMb;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBU,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF;AA7DGT,EAAA,CAAAU,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBH,EAAA,CAAAU,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAP,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,YAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,aAAA,KAAA,CAAA,GAMxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAP,EAAA,WAAA,mBAAA,KAAA,CAAA,GAKxEH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAAP,EAAA,WAAA,aAAA,KAAA,CAAA,GAGlDH,EAAA,CAAAW,EAAM,QAAQ,CAAA,GAAAR,EAAA,WAAA,gBAAA,KAAA,CAAA,GAjDhB,IAAAH,EAAA,CAAAY,EAAM,EAAE,wBAAA,GAAuB,CAAC,CAAA,GAAAT,CAAA"}
+{"version":3,"file":"tooltip2.js","names":["styles","_decorate","__decorate","tooltip_default","Tooltip","LitElement","_args","TypeNativePopoverController","useStyles","popoverStyles","attachInternals","property","query","audit"],"sources":["../../src/tooltip/tooltip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport type { PopoverAlign, PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport {\n  audit,\n  excessiveInstanceLimit,\n  popoverStyles,\n  TypeNativePopoverController\n} from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './tooltip.css?inline';\n\n/**\n * @element nve-tooltip\n * @description A contextual popup that displays a plaintext description. Trigger tooltips by hovering, focusing, or tapping an element and cannot have interactive elements within them.\n * @documentation https://nvidia.github.io/elements/docs/elements/tooltip/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/tooltip\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the tooltip opens.\n * @event close - Dispatched when the tooltip closes.\n * @slot - Noninteractive text or other descriptive content shown in the tooltip.\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --box-shadow\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --arrow-transform\n * @cssprop --width\n * @cssprop --height\n * @cssprop --border\n * @csspart arrow\n * @cssprop --animation-duration - Duration of tooltip open/close animations\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n */\n@audit({ excessiveInstanceLimit })\nexport class Tooltip extends LitElement {\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-tooltip',\n    version: '0.0.0'\n  };\n\n  /**\n   * (optional) By default the popover automatically anchors itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * The trigger defines what element triggers an `open` interaction event.\n   * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition = 'top';\n\n  /**\n   * Sets the alignment of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * Determines if popover visibility behavior should be automatically controlled by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n  /**\n   * visual treatment to represent a ongoing task or support status\n   */\n  @property({ type: String, reflect: true }) status: 'muted';\n\n  /**\n   * @deprecated Use interest-delay-start css property instead\n   */\n  @property({ type: Number, attribute: 'open-delay' }) openDelay: number;\n\n  /** @private */\n  @query('.arrow') popoverArrow: HTMLElement;\n\n  /** @private */\n  readonly popoverType: PopoverType = 'hint';\n\n  protected typeNativePopoverController = new TypeNativePopoverController<Tooltip>(this);\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  /* eslint-disable local/no-invalid-css-parts */\n  render() {\n    return html`\n    <div internal-host>\n      <slot></slot>\n    </div>\n    <div part=\"arrow\" class=\"arrow\"></div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'tooltip';\n  }\n}\n"],"mappings":";;;;;;;;;;;AA4CO,IAAMI,IAAN,cAAsBC,EAAW;;EAqDE,A,aA7B+B,KAAA,WAAA,OA2BnC,KAAA,cAAA,QAEI,KAAA,8BAAA,IAAIE,EAAqC,IAAI;;;EApDrE,KAAA,SAAAC,EAAU,CAACC,GAAeT,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAqDA,SAAS;EACP,OAAO,CAAI;CAMb;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBU,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF;AA7DGT,EAAA,CAAAU,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBH,EAAA,CAAAU,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAP,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,YAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,aAAA,KAAA,CAAA,GAMxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAP,EAAA,WAAA,mBAAA,KAAA,CAAA,GAKxEH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAAP,EAAA,WAAA,aAAA,KAAA,CAAA,GAGlDH,EAAA,CAAAW,EAAM,QAAQ,CAAA,GAAAR,EAAA,WAAA,gBAAA,KAAA,CAAA,GAjDhB,IAAAH,EAAA,CAAAY,EAAM,EAAE,wBAAA,GAAuB,CAAC,CAAA,GAAAT,CAAA"}

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.4",
+			version: "2.23.6",
 			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 };