@nvidia-elements/core 2.1.4 → 2.1.6

package/dist/menu/menu-item2.js

@@ -13,7 +13,7 @@ var c = class extends s(i) {
 	static {
 		this.metadata = {
 			tag: "nve-menu-item",
-			version: "2.1.4",
+			version: "2.1.6",
 			parents: ["nve-menu"]
 		};
 	}

package/dist/menu/menu.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import type { KeynavListConfig } from '@nvidia-elements/core/internal';
-import type { MenuItem } from './menu-item.js';
 /**
  * @element nve-menu
  * @description A menu offers a list of choices to the user, such as a set of actions or functions. Choosing an item in a menu typically opens a sub menu, or invokes a command.
@@ -30,7 +29,7 @@ export declare class Menu extends LitElement {
     get keynavListConfig(): KeynavListConfig;
     /** @private */
     _internals: ElementInternals;
-    items: MenuItem[];
+    private items;
     render(): import("lit").TemplateResult<1>;
     firstUpdated(): Promise<void>;
     connectedCallback(): void;

package/dist/menu/menu2.js

@@ -16,7 +16,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-menu",
-			version: "2.1.4",
+			version: "2.1.6",
 			children: ["nve-menu-item", "nve-divider"]
 		};
 	}

package/dist/menu/menu2.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu2.js","names":["#scrollRAF","#handleScroll"],"sources":["../../src/menu/menu.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 { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  attachInternals,\n  keyNavigationList,\n  appendRootNodeStyle,\n  audit\n} from '@nvidia-elements/core/internal';\nimport type { MenuItem } from './menu-item.js';\nimport styles from './menu.css?inline';\nimport globalStyles from './menu.global.css?inline';\n\n/**\n * @element nve-menu\n * @description A menu offers a list of choices to the user, such as a set of actions or functions. Choosing an item in a menu typically opens a sub menu, or invokes a command.\n * @documentation https://nvidia.github.io/elements/docs/elements/menu/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/menu\n * @slot - default slot for `nve-menu-item`\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @cssprop --max-height\n * @event scroll - Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\n@audit()\n@keyNavigationList<Menu>()\nexport class Menu extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-menu',\n    version: '0.0.0',\n    children: ['nve-menu-item', 'nve-divider']\n  };\n\n  static elementDefinitions = {};\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      layout: 'vertical',\n      items: this.items\n    };\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @queryAssignedElements() items!: MenuItem[];\n\n  #scrollRAF: number | null = null;\n\n  #handleScroll = () => {\n    if (this.#scrollRAF !== null) return;\n    this.#scrollRAF = requestAnimationFrame(() => {\n      this.#scrollRAF = null;\n      const container = this.shadowRoot?.querySelector<HTMLElement>('[internal-host]');\n      if (!container) return;\n      const { scrollTop, scrollHeight, clientHeight } = container;\n      this.dispatchEvent(\n        new CustomEvent('scroll', {\n          bubbles: true,\n          composed: true,\n          detail: { scrollTop, scrollHeight, clientHeight }\n        })\n      );\n    });\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  async firstUpdated() {\n    await this.updateComplete;\n    this.shadowRoot\n      ?.querySelector('[internal-host]')\n      ?.addEventListener('scroll', this.#handleScroll, { passive: true });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'menu';\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;;;;;;AAmCO,IAAA,IAAA,cAAmB,EAAW;;gBACnB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,iBAAiB,aAAa;EAC3C;;;4BAE4B,CAAC;;CAG7B,IAAI,mBAAqC;EACvC,OAAO;GACL,QAAQ;GACR,OAAO,KAAK;EACd;CACF;CAOA,KAA4B;CAE5B,WAAsB;EAChB,KAAKA,OAAe,SACxB,KAAKA,KAAa,4BAA4B;GAC5C,KAAKA,KAAa;GAClB,IAAM,IAAY,KAAK,YAAY,cAA2B,iBAAiB;GAC/E,IAAI,CAAC,GAAW;GAChB,IAAM,EAAE,cAAW,iBAAc,oBAAiB;GAClD,KAAK,cACH,IAAI,YAAY,UAAU;IACxB,SAAS;IACT,UAAU;IACV,QAAQ;KAAE;KAAW;KAAc;IAAa;GAClD,CAAC,CACH;EACF,CAAC;CACH;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,MAAM,eAAe;EAEnB,AADA,MAAM,KAAK,gBACX,KAAK,YACD,cAAc,iBAAiB,CAAC,EAChC,iBAAiB,UAAU,KAAKC,IAAe,EAAE,SAAS,GAAK,CAAC;CACtE;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,QACvB,EAAoB,MAAM,CAAY;CACxC;AACF;GA1CG,EAAsB,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,UAxBxB,EAAM,GACN,EAAwB,CAAA,GAAA,CAAA"}
+{"version":3,"file":"menu2.js","names":["#scrollRAF","#handleScroll"],"sources":["../../src/menu/menu.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 { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  attachInternals,\n  keyNavigationList,\n  appendRootNodeStyle,\n  audit\n} from '@nvidia-elements/core/internal';\nimport type { MenuItem } from './menu-item.js';\nimport styles from './menu.css?inline';\nimport globalStyles from './menu.global.css?inline';\n\n/**\n * @element nve-menu\n * @description A menu offers a list of choices to the user, such as a set of actions or functions. Choosing an item in a menu typically opens a sub menu, or invokes a command.\n * @documentation https://nvidia.github.io/elements/docs/elements/menu/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/menu\n * @slot - default slot for `nve-menu-item`\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @cssprop --max-height\n * @event scroll - Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\n@audit()\n@keyNavigationList<Menu>()\nexport class Menu extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-menu',\n    version: '0.0.0',\n    children: ['nve-menu-item', 'nve-divider']\n  };\n\n  static elementDefinitions = {};\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      layout: 'vertical',\n      items: this.items\n    };\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @queryAssignedElements() private items!: MenuItem[];\n\n  #scrollRAF: number | null = null;\n\n  #handleScroll = () => {\n    if (this.#scrollRAF !== null) return;\n    this.#scrollRAF = requestAnimationFrame(() => {\n      this.#scrollRAF = null;\n      const container = this.shadowRoot?.querySelector<HTMLElement>('[internal-host]');\n      if (!container) return;\n      const { scrollTop, scrollHeight, clientHeight } = container;\n      this.dispatchEvent(\n        new CustomEvent('scroll', {\n          bubbles: true,\n          composed: true,\n          detail: { scrollTop, scrollHeight, clientHeight }\n        })\n      );\n    });\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  async firstUpdated() {\n    await this.updateComplete;\n    this.shadowRoot\n      ?.querySelector('[internal-host]')\n      ?.addEventListener('scroll', this.#handleScroll, { passive: true });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'menu';\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;;;;;;AAmCO,IAAA,IAAA,cAAmB,EAAW;;gBACnB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,iBAAiB,aAAa;EAC3C;;;4BAE4B,CAAC;;CAG7B,IAAI,mBAAqC;EACvC,OAAO;GACL,QAAQ;GACR,OAAO,KAAK;EACd;CACF;CAOA,KAA4B;CAE5B,WAAsB;EAChB,KAAKA,OAAe,SACxB,KAAKA,KAAa,4BAA4B;GAC5C,KAAKA,KAAa;GAClB,IAAM,IAAY,KAAK,YAAY,cAA2B,iBAAiB;GAC/E,IAAI,CAAC,GAAW;GAChB,IAAM,EAAE,cAAW,iBAAc,oBAAiB;GAClD,KAAK,cACH,IAAI,YAAY,UAAU;IACxB,SAAS;IACT,UAAU;IACV,QAAQ;KAAE;KAAW;KAAc;IAAa;GAClD,CAAC,CACH;EACF,CAAC;CACH;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,MAAM,eAAe;EAEnB,AADA,MAAM,KAAK,gBACX,KAAK,YACD,cAAc,iBAAiB,CAAC,EAChC,iBAAiB,UAAU,KAAKC,IAAe,EAAE,SAAS,GAAK,CAAC;CACtE;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,QACvB,EAAoB,MAAM,CAAY;CACxC;AACF;GA1CG,EAAsB,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,UAxBxB,EAAM,GACN,EAAwB,CAAA,GAAA,CAAA"}

package/dist/month/month2.js

@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-month",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/notification/notification-group2.js

@@ -20,7 +20,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-notification-group",
-			version: "2.1.4",
+			version: "2.1.6",
 			children: ["nve-notification"]
 		};
 	}

package/dist/notification/notification2.js

@@ -34,7 +34,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-notification",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/page/page-panel/page-panel-content2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-content",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel-footer2.js

@@ -14,7 +14,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-footer",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel-header2.js

@@ -14,7 +14,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-header",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	render() {

package/dist/page/page-panel/page-panel2.js

@@ -18,7 +18,7 @@ var f = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel",
-			version: "2.1.4",
+			version: "2.1.6",
 			parents: ["nve-page"]
 		};
 	}

package/dist/page/page2.js

@@ -16,7 +16,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-page",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

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

@@ -12,7 +12,7 @@ var s = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-page-header",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	render() {

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

@@ -18,7 +18,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-page-loader",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/pagination/pagination2.js

@@ -21,7 +21,7 @@ var g = class extends h(d) {
 	static {
 		this.metadata = {
 			tag: "nve-pagination",
-			version: "2.1.4",
+			version: "2.1.6",
 			valueSchema: { type: "number" }
 		};
 	}

package/dist/pagination/pagination2.js.map

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

package/dist/panel/panel2.js

@@ -21,7 +21,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-header",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-content",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	render() {
@@ -50,7 +50,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-footer",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	render() {
@@ -69,7 +69,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/password/password2.js

@@ -23,7 +23,7 @@ var u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-password",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/preferences-input/preferences-input2.js

@@ -43,7 +43,7 @@ var x = class extends g(d) {
 	static {
 		this.metadata = {
 			tag: "nve-preferences-input",
-			version: "2.1.4",
+			version: "2.1.6",
 			valueSchema: {
 				type: "object",
 				properties: {

package/dist/progress-bar/progress-bar2.js

@@ -16,7 +16,7 @@ var c = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-progress-bar",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	render() {

package/dist/progress-ring/progress-ring2.js

@@ -19,7 +19,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-progress-ring",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/progressive-filter-chip/progressive-filter-chip2.js

@@ -23,7 +23,7 @@ var b = class extends h {
 	static {
 		this.metadata = {
 			tag: "nve-progressive-filter-chip",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/pulse/pulse2.js

@@ -13,7 +13,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-pulse",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/radio/radio-group2.js

@@ -12,7 +12,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-radio-group",
-			version: "2.1.4",
+			version: "2.1.6",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/radio/radio2.js

@@ -15,7 +15,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-radio",
-			version: "2.1.4",
+			version: "2.1.6",
 			children: [
 				"label",
 				"input",

package/dist/range/range2.js

@@ -17,7 +17,7 @@ var d = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-range",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	connectedCallback() {

package/dist/resize-handle/resize-handle2.js

@@ -18,7 +18,7 @@ var u = class extends c(a) {
 	static {
 		this.metadata = {
 			tag: "nve-resize-handle",
-			version: "2.1.4",
+			version: "2.1.6",
 			valueSchema: { type: "number" }
 		};
 	}

package/dist/search/search2.js

@@ -22,7 +22,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-search",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/select/select2.js

@@ -27,7 +27,7 @@ var S = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-select",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/skeleton/skeleton2.js

@@ -15,7 +15,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-skeleton",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	render() {

package/dist/sort-button/sort-button2.js

@@ -19,7 +19,7 @@ var u = {
 	static {
 		this.metadata = {
 			tag: "nve-sort-button",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/sparkline/sparkline2.js

@@ -21,7 +21,7 @@ var C = class extends _ {
 	static {
 		this.metadata = {
 			tag: "nve-sparkline",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	render() {

package/dist/star-rating/star-rating2.js

@@ -18,7 +18,7 @@ var l = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-star-rating",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/steps/steps2.js

@@ -23,7 +23,7 @@ var v = class extends h(d) {
 	static {
 		this.metadata = {
 			tag: "nve-steps-item",
-			version: "2.1.4",
+			version: "2.1.6",
 			parents: ["nve-steps"]
 		};
 	}
@@ -69,7 +69,7 @@ var y = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-steps",
-			version: "2.1.4",
+			version: "2.1.6",
 			children: ["nve-steps-item"]
 		};
 	}

package/dist/switch/switch-group2.js

@@ -11,7 +11,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-switch-group",
-			version: "2.1.4",
+			version: "2.1.6",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/switch/switch2.js

@@ -15,7 +15,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-switch",
-			version: "2.1.4",
+			version: "2.1.6",
 			children: [
 				"label",
 				"input",

package/dist/tabs/tabs-group2.js

@@ -33,7 +33,7 @@ var m, h = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-tabs-group",
-			version: "2.1.4",
+			version: "2.1.6",
 			children: ["nve-tabs"]
 		};
 	}

package/dist/tabs/tabs2.js

@@ -20,7 +20,7 @@ var _ = class extends h(f) {
 	static {
 		this.metadata = {
 			tag: "nve-tabs-item",
-			version: "2.1.4",
+			version: "2.1.6",
 			parents: ["nve-tabs"]
 		};
 	}
@@ -53,7 +53,7 @@ var v = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-tabs",
-			version: "2.1.4",
+			version: "2.1.6",
 			children: ["nve-tabs-item"]
 		};
 	}

package/dist/tag/tag2.js

@@ -17,7 +17,7 @@ var p = class extends d(c) {
 	static {
 		this.metadata = {
 			tag: "nve-tag",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/textarea/textarea2.js

@@ -9,7 +9,7 @@ var r = class extends t {
 	static {
 		this.metadata = {
 			tag: "nve-textarea",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 };

package/dist/time/time2.js

@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-time",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/toast/toast2.js

@@ -23,7 +23,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-toast",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/toggletip/toggletip-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip-footer",
-			version: "2.1.4",
+			version: "2.1.6",
 			parents: ["nve-toggletip"]
 		};
 	}

package/dist/toggletip/toggletip-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip-header",
-			version: "2.1.4",
+			version: "2.1.6",
 			parents: ["nve-toggletip"]
 		};
 	}

package/dist/toggletip/toggletip2.js

@@ -24,7 +24,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-toggletip",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {

package/dist/toolbar/toolbar.js

@@ -1,5 +1,5 @@
 //#region src/toolbar/toolbar.css?inline
-var e = ":host{--nve-sys-interaction-background: var(--nve-sys-interaction-background-200);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);--background: var(--nve-sys-layer-container-background);--color: var(--nve-sys-layer-canvas-color);--padding: 0 var(--nve-ref-size-300);--min-height: var(--nve-ref-size-1000);--border-radius: var(--nve-ref-border-radius-sm);--gap: var(--nve-ref-space-xs);--border-bottom: 0;--box-shadow: var(--nve-ref-shadow-100);--width: 100%;width:var(--width);contain:initial}:host([container=\"flat\"]),:host([container=\"inset\"]){--nve-sys-interaction-background: var(--nve-sys-interaction-background-100);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-100);--background: transparent;--border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted);--box-shadow: none;--border-radius: 0;--padding: 0}:host([container=\"full\"]){--box-shadow: none;--border-radius: 0}:host([container=\"inset\"]){--border-bottom: 0}:host([container=\"flat\"]:focus-within){--border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-emphasis)}:host([status=\"accent\"]){--background: var(--nve-sys-support-accent-color);--color: var(--nve-sys-text-white-color)}:host([status=\"accent\"]) ::slotted(nve-button),:host([status=\"accent\"]) ::slotted(nve-icon-button),:host([status=\"accent\"]) nve-icon-button{--color: var(--nve-sys-text-white-color) !important;--_icon-color: var(--nve-sys-text-white-color) !important}:host([status=\"accent\"]) ::slotted([nve-text]){color:var(--nve-sys-text-white-color)!important}[internal-host]{background:var(--background);color:var(--color);padding:var(--padding);min-height:var(--min-height);border-radius:var(--border-radius);border-bottom:var(--border-bottom);box-shadow:var(--box-shadow);width:var(--width);gap:var(--gap);display:flex;align-items:center}:host([orientation=\"vertical\"]){--padding: var(--nve-ref-size-100) 0;--gap: var(--nve-ref-space-xs);--width: fit-content}:host([orientation=\"vertical\"]) [internal-host],:host([orientation=\"vertical\"]) slot{flex-direction:column;align-items:center;margin:0}:host([orientation=\"vertical\"]) ::slotted(nve-divider){width:100%}[name=prefix],[name=suffix]{display:none;gap:var(--gap);align-items:center;justify-content:start}[name=suffix]{justify-content:end}:host(:state(has-prefix)) [name=prefix],:host(:state(has-suffix)) [name=suffix]{display:flex}::slotted(nve-combobox),::slotted(nve-search),::slotted(nve-input){--border-bottom: 0;min-width:20cqw;flex:1}::slotted(nve-select){--border-bottom: 0}slot:not([name]){gap:var(--gap);width:100%;display:flex;align-items:center;text-wrap:nowrap;overflow:auto hidden;scrollbar-color:var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width)}:host([content=\"wrap\"]) slot:not([name]){gap:var(--gap);width:100%;display:flex;flex-wrap:wrap;text-wrap:balance;overflow-x:initial}:host(:state(scrollbar)) slot:not([name]){margin-block-end:-14px}::slotted([nve-text]),::slotted(a),::slotted(span){text-wrap:nowrap!important}";
+var e = ":host{--nve-sys-interaction-background: var(--nve-sys-interaction-background-200);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);--background: var(--nve-sys-layer-container-background);--color: var(--nve-sys-layer-canvas-color);--padding: 0 var(--nve-ref-size-300);--min-height: var(--nve-ref-size-1000);--border-radius: var(--nve-ref-border-radius-sm);--gap: var(--nve-ref-space-xs);--border-bottom: 0;--box-shadow: var(--nve-ref-shadow-100);--width: 100%;width:var(--width);contain:initial}:host([container=\"flat\"]),:host([container=\"inset\"]){--nve-sys-interaction-background: var(--nve-sys-interaction-background-100);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-100);--background: transparent;--border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted);--box-shadow: none;--border-radius: 0;--padding: 0}:host([container=\"full\"]){--box-shadow: none;--border-radius: 0}:host([container=\"inset\"]){--border-bottom: 0}:host([container=\"flat\"]:focus-within){--border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-emphasis)}:host([status=\"accent\"]){--background: var(--nve-sys-support-accent-color);--color: var(--nve-sys-text-white-color)}:host([status=\"accent\"]) ::slotted(nve-button),:host([status=\"accent\"]) ::slotted(nve-icon-button),:host([status=\"accent\"]) nve-icon-button{--color: var(--nve-sys-text-white-color) !important;--_icon-color: var(--nve-sys-text-white-color) !important}:host([status=\"accent\"]) ::slotted([nve-text]){color:var(--nve-sys-text-white-color)!important}[internal-host]{background:var(--background);color:var(--color);padding:var(--padding);min-height:var(--min-height);border-radius:var(--border-radius);border-bottom:var(--border-bottom);box-shadow:var(--box-shadow);width:var(--width);gap:var(--gap);display:flex;align-items:center}:host([orientation=\"vertical\"]){--padding: var(--nve-ref-size-100) 0;--gap: var(--nve-ref-space-xs);--width: fit-content}:host([orientation=\"vertical\"]) [internal-host],:host([orientation=\"vertical\"]) slot{flex-direction:column;align-items:center;margin:0}:host([orientation=\"vertical\"]) ::slotted(nve-divider){width:100%}[name=prefix],[name=suffix]{display:none;gap:var(--gap);align-items:center;justify-content:start}[name=suffix]{justify-content:end}:host(:state(has-prefix)) [name=prefix],:host(:state(has-suffix)) [name=suffix]{display:flex}::slotted(nve-combobox),::slotted(nve-search),::slotted(nve-input){--border-bottom: 0;min-width:20cqw;flex:1}::slotted(nve-select){--border-bottom: 0}slot{min-height:inherit}slot:not([name]){gap:var(--gap);width:100%;display:flex;align-items:center;text-wrap:nowrap;overflow:auto hidden;scrollbar-color:var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width)}:host([content=\"wrap\"]) slot:not([name]){gap:var(--gap);width:100%;display:flex;flex-wrap:wrap;text-wrap:balance;overflow-x:initial}:host(:state(scrollbar)) slot:not([name]){margin-block-end:-14px}::slotted([nve-text]),::slotted(a),::slotted(span){text-wrap:nowrap!important}";
 //#endregion
 export { e as default };
 

package/dist/toolbar/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","names":[],"sources":["../../src/toolbar/toolbar.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-200);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);\n  --background: var(--nve-sys-layer-container-background);\n  --color: var(--nve-sys-layer-canvas-color);\n  --padding: 0 var(--nve-ref-size-300);\n  --min-height: var(--nve-ref-size-1000);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --gap: var(--nve-ref-space-xs);\n  --border-bottom: 0;\n  --box-shadow: var(--nve-ref-shadow-100);\n  --width: 100%;\n  width: var(--width);\n  contain: initial;\n}\n\n:host([container='flat']),\n:host([container='inset']) {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-100);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-100);\n  --background: transparent;\n  --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted);\n  --box-shadow: none;\n  --border-radius: 0;\n  --padding: 0;\n}\n\n:host([container='full']) {\n  --box-shadow: none;\n  --border-radius: 0;\n}\n\n:host([container='inset']) {\n  --border-bottom: 0;\n}\n\n:host([container='flat']:focus-within) {\n  --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-emphasis);\n}\n\n:host([status='accent']) {\n  --background: var(--nve-sys-support-accent-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host([status='accent']) ::slotted(nve-button),\n:host([status='accent']) ::slotted(nve-icon-button),\n:host([status='accent']) nve-icon-button {\n  --color: var(--nve-sys-text-white-color) !important;\n  --_icon-color: var(--nve-sys-text-white-color) !important;\n}\n\n:host([status='accent']) ::slotted([nve-text]) {\n  color: var(--nve-sys-text-white-color) !important;\n}\n\n[internal-host] {\n  background: var(--background);\n  color: var(--color);\n  padding: var(--padding);\n  min-height: var(--min-height);\n  border-radius: var(--border-radius);\n  border-bottom: var(--border-bottom);\n  box-shadow: var(--box-shadow);\n  width: var(--width);\n  gap: var(--gap);\n  display: flex;\n  align-items: center;\n}\n\n:host([orientation='vertical']) {\n  --padding: var(--nve-ref-size-100) 0;\n  --gap: var(--nve-ref-space-xs);\n  --width: fit-content;\n}\n\n:host([orientation='vertical']) [internal-host],\n:host([orientation='vertical']) slot {\n  flex-direction: column;\n  align-items: center;\n  margin: 0;\n}\n\n:host([orientation='vertical']) ::slotted(nve-divider) {\n  width: 100%;\n}\n\n[name='prefix'],\n[name='suffix'] {\n  display: none;\n  gap: var(--gap);\n  align-items: center;\n  justify-content: start;\n}\n\n[name='suffix'] {\n  justify-content: end;\n}\n\n:host(:state(has-prefix)) [name='prefix'],\n:host(:state(has-suffix)) [name='suffix'] {\n  display: flex;\n}\n\n::slotted(nve-combobox),\n::slotted(nve-search),\n::slotted(nve-input) {\n  --border-bottom: 0;\n  min-width: 20cqw;\n  flex: 1;\n}\n\n::slotted(nve-select) {\n  --border-bottom: 0;\n}\n\nslot:not([name]) {\n  gap: var(--gap);\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-wrap: nowrap;\n  overflow: auto hidden;\n  scrollbar-color: var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);\n  scrollbar-width: var(--nve-sys-scrollbar-width);\n}\n\n:host([content='wrap']) slot:not([name]) {\n  gap: var(--gap);\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  text-wrap: balance;\n  overflow-x: initial;\n}\n\n:host(:state(scrollbar)) slot:not([name]) {\n  /* stylelint-disable-next-line declaration-property-value-disallowed-list */\n  margin-block-end: -14px;\n}\n\n::slotted([nve-text]),\n::slotted(a),\n::slotted(span) {\n  text-wrap: nowrap !important;\n}\n"],"mappings":""}
+{"version":3,"file":"toolbar.js","names":[],"sources":["../../src/toolbar/toolbar.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-200);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);\n  --background: var(--nve-sys-layer-container-background);\n  --color: var(--nve-sys-layer-canvas-color);\n  --padding: 0 var(--nve-ref-size-300);\n  --min-height: var(--nve-ref-size-1000);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --gap: var(--nve-ref-space-xs);\n  --border-bottom: 0;\n  --box-shadow: var(--nve-ref-shadow-100);\n  --width: 100%;\n  width: var(--width);\n  contain: initial;\n}\n\n:host([container='flat']),\n:host([container='inset']) {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-100);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-100);\n  --background: transparent;\n  --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted);\n  --box-shadow: none;\n  --border-radius: 0;\n  --padding: 0;\n}\n\n:host([container='full']) {\n  --box-shadow: none;\n  --border-radius: 0;\n}\n\n:host([container='inset']) {\n  --border-bottom: 0;\n}\n\n:host([container='flat']:focus-within) {\n  --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-emphasis);\n}\n\n:host([status='accent']) {\n  --background: var(--nve-sys-support-accent-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host([status='accent']) ::slotted(nve-button),\n:host([status='accent']) ::slotted(nve-icon-button),\n:host([status='accent']) nve-icon-button {\n  --color: var(--nve-sys-text-white-color) !important;\n  --_icon-color: var(--nve-sys-text-white-color) !important;\n}\n\n:host([status='accent']) ::slotted([nve-text]) {\n  color: var(--nve-sys-text-white-color) !important;\n}\n\n[internal-host] {\n  background: var(--background);\n  color: var(--color);\n  padding: var(--padding);\n  min-height: var(--min-height);\n  border-radius: var(--border-radius);\n  border-bottom: var(--border-bottom);\n  box-shadow: var(--box-shadow);\n  width: var(--width);\n  gap: var(--gap);\n  display: flex;\n  align-items: center;\n}\n\n:host([orientation='vertical']) {\n  --padding: var(--nve-ref-size-100) 0;\n  --gap: var(--nve-ref-space-xs);\n  --width: fit-content;\n}\n\n:host([orientation='vertical']) [internal-host],\n:host([orientation='vertical']) slot {\n  flex-direction: column;\n  align-items: center;\n  margin: 0;\n}\n\n:host([orientation='vertical']) ::slotted(nve-divider) {\n  width: 100%;\n}\n\n[name='prefix'],\n[name='suffix'] {\n  display: none;\n  gap: var(--gap);\n  align-items: center;\n  justify-content: start;\n}\n\n[name='suffix'] {\n  justify-content: end;\n}\n\n:host(:state(has-prefix)) [name='prefix'],\n:host(:state(has-suffix)) [name='suffix'] {\n  display: flex;\n}\n\n::slotted(nve-combobox),\n::slotted(nve-search),\n::slotted(nve-input) {\n  --border-bottom: 0;\n  min-width: 20cqw;\n  flex: 1;\n}\n\n::slotted(nve-select) {\n  --border-bottom: 0;\n}\n\nslot {\n  min-height: inherit;\n}\n\nslot:not([name]) {\n  gap: var(--gap);\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-wrap: nowrap;\n  overflow: auto hidden;\n  scrollbar-color: var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);\n  scrollbar-width: var(--nve-sys-scrollbar-width);\n}\n\n:host([content='wrap']) slot:not([name]) {\n  gap: var(--gap);\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  text-wrap: balance;\n  overflow-x: initial;\n}\n\n:host(:state(scrollbar)) slot:not([name]) {\n  /* stylelint-disable-next-line declaration-property-value-disallowed-list */\n  margin-block-end: -14px;\n}\n\n::slotted([nve-text]),\n::slotted(a),\n::slotted(span) {\n  text-wrap: nowrap !important;\n}\n"],"mappings":""}

package/dist/toolbar/toolbar2.js

@@ -21,7 +21,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-toolbar",
-			version: "2.1.4"
+			version: "2.1.6"
 		};
 	}
 	static {