@nvidia-elements/core 2.7.3 → 2.8.1

package/dist/badge/badge2.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge2.js","names":["#i18nController","#size","#slotChange","#assignAriaLabel","#assignDefaultIcon"],"sources":["../../src/badge/badge.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, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { TaskStatus, SupportStatus, Color, Prominence } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  statusIcons,\n  statusStateStyles,\n  supportStateStyles,\n  colorStateStyles,\n  attachInternals,\n  I18nController,\n  typeSSR,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './badge.css?inline';\n\n/**\n * @element nve-badge\n * @description A visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n * @documentation https://nvidia.github.io/elements/docs/elements/badge/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/badge\n * @slot - Short text that communicates the badge status.\n * @slot prefix-icon - slot for prefix icon\n * @slot suffix-icon - slot for suffix icon\n * @cssprop --background\n * @cssprop --color\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --icon-color\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @cssprop --text-transform\n * @cssprop --width\n * @cssprop --height\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\n@typeSSR()\n@scopedRegistry()\nexport class Badge extends LitElement {\n  /**\n   * Visual treatment to represent a ongoing task, support status.\n   */\n  @property({ type: String, reflect: true }) status: TaskStatus | SupportStatus;\n\n  /**\n   * Highlights content to draw attention and convey simple messages.\n   */\n  @property({ type: String, reflect: true }) color: Color;\n\n  /**\n   * Determines the container styles of component. Flat suits nesting within other containers.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  /** Determines the visual prominence or weight */\n  @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-badge',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  get #size() {\n    return this.status && statusIcons[this.status] === 'dot' ? 'sm' : 'md';\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix-icon\">${this.status ? html`<nve-icon part=\"_icon\" .name=${statusIcons[this.status] ?? ''} .size=${this.#size} aria-hidden=\"true\"></nve-icon>` : nothing}</slot>\n        <slot @slotchange=${this.#slotChange}></slot>\n        <slot name=\"suffix-icon\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'status';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#assignAriaLabel();\n  }\n\n  #slotChange() {\n    this.#assignAriaLabel();\n    this.#assignDefaultIcon();\n  }\n\n  #assignAriaLabel() {\n    this._internals.ariaLabel = this.textContent;\n  }\n\n  #assignDefaultIcon() {\n    const unassignedIcon = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!\n      .assignedElements()\n      .find(i => i.matches('nve-icon') && !i.slot);\n    if (unassignedIcon) {\n      unassignedIcon.slot = 'prefix-icon';\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;AA8CO,IAAA,IAAA,cAAoB,EAAW;;yBAqCI,IAAI,EAAqB,IAAI,eAKlC,KAAKA,GAAgB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;GAAoB;EAAgB,CAAC;;;kBAEhE;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAEA,IAAIC,KAAQ;EACV,OAAO,KAAK,UAAU,EAAY,KAAK,YAAY,QAAQ,OAAO;CACpE;CAKA;CAOA,SAAS;EACP,OAAO,CAAI,+CAEoB,KAAK,SAAS,CAAI,iCAAgC,EAAY,KAAK,WAAW,GAAG,WAAS,KAAKA,GAAM,oCAAmC,EAAQ,4BACvJ,KAAKC,GAAY;CAI3C;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,CAAK,GACnB,KAAKC,GAAiB;CACxB;CAEA,KAAc;EAEZ,AADA,KAAKA,GAAiB,GACtB,KAAKC,GAAmB;CAC1B;CAEA,KAAmB;EACjB,KAAK,WAAW,YAAY,KAAK;CACnC;CAEA,KAAqB;EACnB,IAAM,IAAiB,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CACvF,iBAAiB,CAAC,CAClB,MAAK,MAAK,EAAE,QAAQ,UAAU,KAAK,CAAC,EAAE,IAAI;EAC7C,AAAI,MACF,EAAe,OAAO;CAE1B;AACF;GA9EG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,MAyBxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UA5C3B,EAAQ,GACR,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"badge2.js","names":[],"sources":["../../src/badge/badge.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, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { TaskStatus, SupportStatus, Color, Prominence } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  statusIcons,\n  statusStateStyles,\n  supportStateStyles,\n  colorStateStyles,\n  attachInternals,\n  I18nController,\n  typeSSR,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './badge.css?inline';\n\n/**\n * @element nve-badge\n * @description A visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n * @documentation https://nvidia.github.io/elements/docs/elements/badge/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/badge\n * @slot - Short text that communicates the badge status.\n * @slot prefix-icon - slot for prefix icon\n * @slot suffix-icon - slot for suffix icon\n * @cssprop --background\n * @cssprop --color\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --icon-color\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @cssprop --text-transform\n * @cssprop --width\n * @cssprop --height\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\n@typeSSR()\n@scopedRegistry()\nexport class Badge extends LitElement {\n  /**\n   * Visual treatment to represent a ongoing task, support status.\n   */\n  @property({ type: String, reflect: true }) status: TaskStatus | SupportStatus;\n\n  /**\n   * Highlights content to draw attention and convey simple messages.\n   */\n  @property({ type: String, reflect: true }) color: Color;\n\n  /**\n   * Determines the container styles of component. Flat suits nesting within other containers.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  /** Determines the visual prominence or weight */\n  @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-badge',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  get #size() {\n    return this.status && statusIcons[this.status] === 'dot' ? 'sm' : 'md';\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix-icon\">${this.status ? html`<nve-icon part=\"_icon\" .name=${statusIcons[this.status] ?? ''} .size=${this.#size} aria-hidden=\"true\"></nve-icon>` : nothing}</slot>\n        <slot @slotchange=${this.#slotChange}></slot>\n        <slot name=\"suffix-icon\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'status';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#assignAriaLabel();\n  }\n\n  #slotChange() {\n    this.#assignAriaLabel();\n    this.#assignDefaultIcon();\n  }\n\n  #assignAriaLabel() {\n    this._internals.ariaLabel = this.textContent;\n  }\n\n  #assignDefaultIcon() {\n    const unassignedIcon = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!\n      .assignedElements()\n      .find(i => i.matches('nve-icon') && !i.slot);\n    if (unassignedIcon) {\n      unassignedIcon.slot = 'prefix-icon';\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;AA8CO,IAAM,IAAN,cAAoB,EAAW;;EA0CD,aALK,KAAA,KAAA,IAAI,EAAqB,IAAI,GAKlC,KAAA,OAAA,KAAK,GAAgB;;;EAvBxC,KAAA,SAAA,EAAU;GAAC;GAAQ;GAAmB;GAAoB;EAAgB,CAAC;;;EAEhE,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzB,EAAK,SAAS,MAAM,EACvB;;CAEA,IAAI,KAAQ;EACV,OAAO,KAAK,UAAU,EAAY,KAAK,YAAY,QAAQ,OAAO;CACpE;CAKA;CAOA,SAAS;EACP,OAAO,CAAI,+CAEoB,KAAK,SAAS,CAAI,iCAAgC,EAAY,KAAK,WAAW,GAAG,WAAS,KAAK,GAAM,oCAAmC,EAAQ,4BACvJ,KAAK,GAAY;CAI3C;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,CAAK,GACnB,KAAK,GAAiB;CACxB;CAEA,KAAc;EAEZ,AADA,KAAK,GAAiB,GACtB,KAAK,GAAmB;CAC1B;CAEA,KAAmB;EACjB,KAAK,WAAW,YAAY,KAAK;CACnC;CAEA,KAAqB;EACnB,IAAM,IAAiB,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CACvF,iBAAiB,CAAC,CAClB,MAAK,MAAK,EAAE,QAAQ,UAAU,KAAK,CAAC,EAAE,IAAI;EAC7C,AAAI,MACF,EAAe,OAAO;CAE1B;AACF;AA9EG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAKxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAKxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAGxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,GAyBxC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GA5C3B,IAAA,EAAA,CAAA,EAAQ,GACR,EAAe,CAAA,GAAA,CAAA"}

package/dist/breadcrumb/breadcrumb.examples.json

@@ -14,7 +14,7 @@
     {
       "id": "breadcrumb-with-icon-button",
       "name": "WithIconButton",
-      "template": "<nve-breadcrumb>\n  <nve-icon-button icon-name=\"home\" size=\"sm\"\n    ><a href=\"#\" target=\"_self\" aria-label=\"link to first page\"></a\n  ></nve-icon-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n  <span>You Are Here</span>\n</nve-breadcrumb>\n",
+      "template": "<nve-breadcrumb>\n  <nve-icon-button icon-name=\"home\" size=\"sm\"><a href=\"#\" target=\"_self\" aria-label=\"link to first page\"></a></nve-icon-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n  <span>You Are Here</span>\n</nve-breadcrumb>\n",
       "summary": "Breadcrumb with home icon button for quick navigation to the root page, offering a compact starting point.",
       "description": "",
       "composition": true,

package/dist/breadcrumb/breadcrumb2.js

@@ -5,7 +5,7 @@ import { attachInternals as r } from "../internal/utils/a11y.js";
 import { typeSSR as i } from "../internal/controllers/type-ssr.controller.js";
 import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
 import { useStyles as o } from "../internal/styles/index.js";
-import s from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import s from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { Icon as c } from "../icon/icon2.js";
 import l from "./breadcrumb.js";
 import { LitElement as u, html as d, nothing as f } from "lit";
@@ -24,7 +24,7 @@ var m = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-breadcrumb",
-			version: "2.7.3"
+			version: "2.8.1"
 		};
 	}
 	static {

package/dist/breadcrumb/breadcrumb2.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb2.js","names":["#removeItem","#createItems","#resetItems"],"sources":["../../src/breadcrumb/breadcrumb.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  keyNavigationList,\n  attachInternals,\n  generateId,\n  isFocusable,\n  typeSSR,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './breadcrumb.css?inline';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { Button } from '@nvidia-elements/core/button';\n\n/**\n * @element nve-breadcrumb\n * @description Breadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.\n * @documentation https://nvidia.github.io/elements/docs/elements/breadcrumb/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/breadcrumb\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --width\n * @cssprop --icon-width\n * @cssprop --icon-height\n * @cssprop --text-decoration\n * @slot - default slot for `nve-button` and anchor elements\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role\n */\n@typeSSR()\n@scopedRegistry()\n@keyNavigationList<Breadcrumb>()\nexport class Breadcrumb extends LitElement {\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: Array.from(this.shadowRoot!.querySelectorAll('slot'))\n        .flatMap(slot => slot.assignedElements())\n        .filter(e => isFocusable(e)) as HTMLElement[]\n    };\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-breadcrumb',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  @state() private breadcrumbItems: Element[] = [];\n\n  render() {\n    /* eslint-disable @nvidia-elements/lint/no-unstyled-typography */\n    return html`\n    <ol internal-host>\n      ${this.breadcrumbItems.map(\n        (el, idx) => html`\n        <li>\n          <slot name=${el.slot} @slotchange=${this.#removeItem}></slot>\n          ${idx < this.breadcrumbItems.length - 1 ? html`<nve-icon part=\"icon\" separator aria-hidden=\"true\" name=\"chevron\" direction=\"right\" size=\"sm\"></nve-icon>` : nothing}\n        </li>\n      `\n      )}\n    </ol>\n    <slot ?hidden-slot=${!this.breadcrumbItems.length} @slotchange=${this.#createItems}></slot>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'navigation';\n  }\n\n  #removeItem(e: Event) {\n    if (!(e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n    }\n  }\n\n  #createItems(e: Event) {\n    if (e.target && (e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n      const items = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements();\n      items.filter(i => i.matches('nve-button, nve-icon-button, span, a')).forEach(i => (i.slot = generateId()));\n      items\n        .filter(i => i.matches('nve-button, nve-icon-button'))\n        .forEach((i: Element) => ((i as Button).container = 'inline'));\n      this.breadcrumbItems = items.length ? items : this.breadcrumbItems;\n    }\n  }\n\n  #resetItems() {\n    Array.from(this.shadowRoot!.querySelectorAll('slot'))\n      .flatMap(i => i.assignedElements())\n      .forEach(i => (i.slot = ''));\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA0CO,IAAA,IAAA,cAAyB,EAAW;;sCAuBK,CAAC;;CAtB/C,IAAI,mBAAqC;EACvC,OAAO,EACL,OAAO,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,CAAC,CACzD,SAAQ,MAAQ,EAAK,iBAAiB,CAAC,CAAC,CACxC,QAAO,MAAK,EAAY,CAAC,CAAC,EAC/B;CACF;;gBAKgB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAIA,SAAS;EAEP,OAAO,CAAI,qBAEP,KAAK,gBAAgB,KACpB,GAAI,MAAQ,CAAI,mBAEF,EAAG,KAAK,iBAAe,KAAKA,GAAY,WACnD,IAAM,KAAK,gBAAgB,SAAS,IAAI,CAAI,8GAA8G,EAAQ,MAGxK,EAAE,2BAEiB,CAAC,KAAK,gBAAgB,OAAO,iBAAe,KAAKC,GAAa;CACrF;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,GAAY,GAAU;EACpB,AAAM,EAAE,OAA2B,iBAAiB,CAAC,CAAC,UACpD,KAAKC,GAAY;CAErB;CAEA,GAAa,GAAU;EACrB,IAAI,EAAE,UAAW,EAAE,OAA2B,iBAAiB,CAAC,CAAC,QAAQ;GACvE,KAAKA,GAAY;GACjB,IAAM,IAAQ,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CAAE,iBAAiB;GAKpG,AAJA,EAAM,QAAO,MAAK,EAAE,QAAQ,sCAAsC,CAAC,CAAC,CAAC,SAAQ,MAAM,EAAE,OAAO,EAAW,CAAE,GACzG,EACG,QAAO,MAAK,EAAE,QAAQ,6BAA6B,CAAC,CAAC,CACrD,SAAS,MAAgB,EAAc,YAAY,QAAS,GAC/D,KAAK,kBAAkB,EAAM,SAAS,IAAQ,KAAK;EACrD;CACF;CAEA,KAAc;EACZ,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,CAAC,CAClD,SAAQ,MAAK,EAAE,iBAAiB,CAAC,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,EAAG;CAC/B;AACF;GA/CG,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA;CA1BR,EAAQ;CACR,EAAe;CACf,EAA8B"}
+{"version":3,"file":"breadcrumb2.js","names":[],"sources":["../../src/breadcrumb/breadcrumb.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  keyNavigationList,\n  attachInternals,\n  generateId,\n  isFocusable,\n  typeSSR,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './breadcrumb.css?inline';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { Button } from '@nvidia-elements/core/button';\n\n/**\n * @element nve-breadcrumb\n * @description Breadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.\n * @documentation https://nvidia.github.io/elements/docs/elements/breadcrumb/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/breadcrumb\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --width\n * @cssprop --icon-width\n * @cssprop --icon-height\n * @cssprop --text-decoration\n * @slot - default slot for `nve-button` and anchor elements\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role\n */\n@typeSSR()\n@scopedRegistry()\n@keyNavigationList<Breadcrumb>()\nexport class Breadcrumb extends LitElement {\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: Array.from(this.shadowRoot!.querySelectorAll('slot'))\n        .flatMap(slot => slot.assignedElements())\n        .filter(e => isFocusable(e)) as HTMLElement[]\n    };\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-breadcrumb',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  @state() private breadcrumbItems: Element[] = [];\n\n  render() {\n    /* eslint-disable @nvidia-elements/lint/no-unstyled-typography */\n    return html`\n    <ol internal-host>\n      ${this.breadcrumbItems.map(\n        (el, idx) => html`\n        <li>\n          <slot name=${el.slot} @slotchange=${this.#removeItem}></slot>\n          ${idx < this.breadcrumbItems.length - 1 ? html`<nve-icon part=\"icon\" separator aria-hidden=\"true\" name=\"chevron\" direction=\"right\" size=\"sm\"></nve-icon>` : nothing}\n        </li>\n      `\n      )}\n    </ol>\n    <slot ?hidden-slot=${!this.breadcrumbItems.length} @slotchange=${this.#createItems}></slot>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'navigation';\n  }\n\n  #removeItem(e: Event) {\n    if (!(e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n    }\n  }\n\n  #createItems(e: Event) {\n    if (e.target && (e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n      const items = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements();\n      items.filter(i => i.matches('nve-button, nve-icon-button, span, a')).forEach(i => (i.slot = generateId()));\n      items\n        .filter(i => i.matches('nve-button, nve-icon-button'))\n        .forEach((i: Element) => ((i as Button).container = 'inline'));\n      this.breadcrumbItems = items.length ? items : this.breadcrumbItems;\n    }\n  }\n\n  #resetItems() {\n    Array.from(this.shadowRoot!.querySelectorAll('slot'))\n      .flatMap(i => i.assignedElements())\n      .forEach(i => (i.slot = ''));\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA0CO,IAAM,IAAN,cAAyB,EAAW;;EAuBK,aAAA,KAAA,kBAAA,CAAC;;CAtB/C,IAAI,mBAAqC;EACvC,OAAO,EACL,OAAO,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,CAAC,CACzD,SAAQ,MAAQ,EAAK,iBAAiB,CAAC,CAAC,CACxC,QAAO,MAAK,EAAY,CAAC,CAAC,EAC/B;CACF;;EAKgB,KAAA,SAAA,EAAU,CAAC,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzB,EAAK,SAAS,MAAM,EACvB;;CAIA,SAAS;EAEP,OAAO,CAAI,qBAEP,KAAK,gBAAgB,KACpB,GAAI,MAAQ,CAAI,mBAEF,EAAG,KAAK,iBAAe,KAAK,GAAY,WACnD,IAAM,KAAK,gBAAgB,SAAS,IAAI,CAAI,8GAA8G,EAAQ,MAGxK,EAAE,2BAEiB,CAAC,KAAK,gBAAgB,OAAO,iBAAe,KAAK,GAAa;CACrF;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,GAAY,GAAU;EACpB,AAAM,EAAE,OAA2B,iBAAiB,CAAC,CAAC,UACpD,KAAK,GAAY;CAErB;CAEA,GAAa,GAAU;EACrB,IAAI,EAAE,UAAW,EAAE,OAA2B,iBAAiB,CAAC,CAAC,QAAQ;GACvE,KAAK,GAAY;GACjB,IAAM,IAAQ,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CAAE,iBAAiB;GAKpG,AAJA,EAAM,QAAO,MAAK,EAAE,QAAQ,sCAAsC,CAAC,CAAC,CAAC,SAAQ,MAAM,EAAE,OAAO,EAAW,CAAE,GACzG,EACG,QAAO,MAAK,EAAE,QAAQ,6BAA6B,CAAC,CAAC,CACrD,SAAS,MAAgB,EAAc,YAAY,QAAS,GAC/D,KAAK,kBAAkB,EAAM,SAAS,IAAQ,KAAK;EACrD;CACF;CAEA,KAAc;EACZ,MAAM,KAAK,KAAK,WAAY,iBAAiB,MAAM,CAAC,CAAC,CAClD,SAAQ,MAAK,EAAE,iBAAiB,CAAC,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,EAAG;CAC/B;AACF;AA/CG,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA;CA1BR,EAAQ;CACR,EAAe;CACf,EAA8B"}

package/dist/bundles/index.d.ts

@@ -2065,6 +2065,8 @@ declare const Tag_base: ButtonFormControlMixinReturn<typeof LitElement>;
  * @since 0.10.0
  * @entrypoint \@nvidia-elements/core/tag
  * @slot - Text or other content that identifies the category or group.
+ * @slot prefix - Optional prefix content, such as a status nve-icon.
+ * @slot suffix - Optional suffix content, such as a nve-dot counter.
  * @cssprop --background
  * @cssprop --color
  * @cssprop --gap
@@ -5153,6 +5155,8 @@ export declare class TabsGroup extends LitElement {
  * @documentation https://nvidia.github.io/elements/docs/elements/textarea/
  * @since 0.3.0
  * @entrypoint \@nvidia-elements/core/textarea
+ * @slot prefix - Content to display before the textarea.
+ * @slot suffix - Content to display after the textarea.
  * @cssprop --padding
  * @cssprop --font-size
  * @cssprop --height
@@ -5167,6 +5171,10 @@ export declare class TabsGroup extends LitElement {
  */
 export declare class Textarea extends Control {
 	static styles: CSSResult[];
+	/** @private */
+	protected get prefixContent(): TemplateResult<1>;
+	/** @private */
+	protected get suffixContent(): TemplateResult<1>;
 	static readonly metadata: {
 		tag: string;
 		version: string;