@nvidia-elements/core 2.22.2 → 2.22.4

package/dist/iframe/iframe2.js

@@ -47,7 +47,7 @@ var a = "\n    window.addEventListener('message', event => {\n      if (event.so
 	static {
 		this.metadata = {
 			tag: "nve-iframe",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	static get observedAttributes() {

package/dist/index.js

@@ -2,7 +2,7 @@ import { getThemeTokens as e } from "./internal/utils/dom.js";
 import { statusIcons as t } from "./internal/types/index.js";
 import { internal_exports as n } from "./internal/index.js";
 // src/index.ts
-var r = "2.22.2", i = "@nvidia-elements", a = n.I18nService;
+var r = "2.22.4", i = "@nvidia-elements", a = n.I18nService;
 export { a as I18nService, i as SCOPE, r as VERSION, e as getThemeTokens, t as statusIcons };
 
 //# sourceMappingURL=index.js.map

package/dist/input/input-group2.js

@@ -11,7 +11,7 @@ var a = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-input-group",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	async connectedCallback() {

package/dist/input/input2.js

@@ -14,7 +14,7 @@ var a = r, o = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-input",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 };

package/dist/joystick/joystick2.js

@@ -38,7 +38,7 @@ var d = {
 	static {
 		this.metadata = {
 			tag: "nve-joystick",
-			version: "2.22.2",
+			version: "2.22.4",
 			valueSchema: {
 				type: "object",
 				properties: {

package/dist/logo/logo2.js

@@ -12,7 +12,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-logo",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	render() {

package/dist/menu/menu-group2.js

@@ -21,7 +21,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-menu-group",
-			version: "2.22.2",
+			version: "2.22.4",
 			children: ["nve-menu"]
 		};
 	}

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.22.2",
+			version: "2.22.4",
 			parents: ["nve-menu"]
 		};
 	}

package/dist/menu/menu2.js

@@ -17,7 +17,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-menu",
-			version: "2.22.2",
+			version: "2.22.4",
 			children: ["nve-menu-item", "nve-divider"]
 		};
 	}

package/dist/month/month2.js

@@ -22,7 +22,7 @@ var l = { expand: "expand" }, u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-month",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	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.22.2",
+			version: "2.22.4",
 			children: ["nve-notification"]
 		};
 	}

package/dist/notification/notification2.js

@@ -40,7 +40,7 @@ var m = {
 	static {
 		this.metadata = {
 			tag: "nve-notification",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	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.22.2"
+			version: "2.22.4"
 		};
 	}
 	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.22.2"
+			version: "2.22.4"
 		};
 	}
 	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.22.2"
+			version: "2.22.4"
 		};
 	}
 	render() {

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

@@ -15,7 +15,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel",
-			version: "2.22.2",
+			version: "2.22.4",
 			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.22.2"
+			version: "2.22.4"
 		};
 	}
 	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.22.2"
+			version: "2.22.4"
 		};
 	}
 	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.22.2"
+			version: "2.22.4"
 		};
 	}
 	static {

package/dist/pagination/pagination2.js

@@ -28,7 +28,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-pagination",
-			version: "2.22.2",
+			version: "2.22.4",
 			valueSchema: { type: "number" }
 		};
 	}

package/dist/pagination/pagination2.js.map

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

package/dist/panel/panel2.js

@@ -26,7 +26,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-panel-header",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	render() {
@@ -42,7 +42,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-panel-content",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	render() {
@@ -55,7 +55,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-panel-footer",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	render() {
@@ -74,7 +74,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-panel",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	static {

package/dist/password/password2.js

@@ -29,7 +29,7 @@ var u = {
 	static {
 		this.metadata = {
 			tag: "nve-password",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	static {

package/dist/polyfills/index.d.ts

@@ -7,6 +7,4 @@
  * https://bugs.webkit.org/show_bug.cgi?id=215911
  * https://bugzilla.mozilla.org/show_bug.cgi?id=1588763
  */
-import 'construct-style-sheets-polyfill';
 import 'element-internals-polyfill';
-import 'formdata-polyfill';

package/dist/polyfills/index.js

@@ -1,6 +1,4 @@
-import "construct-style-sheets-polyfill";
 import "element-internals-polyfill";
-import "formdata-polyfill";
 // src/polyfills/index.ts
 Element.prototype.toggleAttribute || (Element.prototype.toggleAttribute = function(e, t) {
 	let n = t === void 0 ? void 0 : t;

package/dist/polyfills/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["forceBool","force","name"],"sources":["../../src/polyfills/index.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * - Vitest (happy-dom/js-dom)\n * - Safari\n *\n * Used for Custom Elements Form/A11y APIs\n * https://github.com/whatwg/html/pull/8467\n * https://bugs.webkit.org/show_bug.cgi?id=215911\n * https://bugzilla.mozilla.org/show_bug.cgi?id=1588763\n */\nimport 'construct-style-sheets-polyfill';\nimport 'element-internals-polyfill';\nimport 'formdata-polyfill';\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute\n * - Vitest (happy-dom/js-dom)\n * - Safari\n *\n * Used in element-internals-polyfill\n */\nif (!Element.prototype.toggleAttribute) {\n  Element.prototype.toggleAttribute = function (name, force) {\n    const forceBool = force !== void 0 ? force : undefined;\n\n    if (this.hasAttribute(name)) {\n      if (forceBool) {\n        return true;\n      }\n\n      this.removeAttribute(name);\n      return false;\n    }\n    if (forceBool === false) {\n      return false;\n    }\n\n    this.setAttribute(name, '');\n    return true;\n  };\n}\n"],"mappings":";;;;AAuBK,QAAQ,UAAU,oBACrB,QAAQ,UAAU,kBAAkB,SAAU,GAAM,GAAO;CACzD,IAAMA,IAAYC,MAAU,KAAK,IAAY,KAAA,IAARA;CAerC,OAbI,KAAK,aAAaC,CAAI,IACpBF,IACK,MAGT,KAAK,gBAAgBE,CAAI,GAClB,MAELF,MAAc,OAIlB,KAAK,aAAaE,GAAM,EAAE,GACnB;AACT"}
+{"version":3,"file":"index.js","names":["forceBool","force","name"],"sources":["../../src/polyfills/index.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * - Vitest (happy-dom/js-dom)\n * - Safari\n *\n * Used for Custom Elements Form/A11y APIs\n * https://github.com/whatwg/html/pull/8467\n * https://bugs.webkit.org/show_bug.cgi?id=215911\n * https://bugzilla.mozilla.org/show_bug.cgi?id=1588763\n */\nimport 'element-internals-polyfill';\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute\n * - Vitest (happy-dom/js-dom)\n * - Safari\n *\n * Used in element-internals-polyfill\n */\nif (!Element.prototype.toggleAttribute) {\n  Element.prototype.toggleAttribute = function (name, force) {\n    const forceBool = force !== void 0 ? force : undefined;\n\n    if (this.hasAttribute(name)) {\n      if (forceBool) {\n        return true;\n      }\n\n      this.removeAttribute(name);\n      return false;\n    }\n    if (forceBool === false) {\n      return false;\n    }\n\n    this.setAttribute(name, '');\n    return true;\n  };\n}\n"],"mappings":";;AAqBK,QAAQ,UAAU,oBACrB,QAAQ,UAAU,kBAAkB,SAAU,GAAM,GAAO;CACzD,IAAMA,IAAYC,MAAU,KAAK,IAAY,KAAA,IAARA;CAerC,OAbI,KAAK,aAAaC,CAAI,IACpBF,IACK,MAGT,KAAK,gBAAgBE,CAAI,GAClB,MAELF,MAAc,OAIlB,KAAK,aAAaE,GAAM,EAAE,GACnB;AACT"}

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

@@ -48,7 +48,7 @@ var S = class extends g(u) {
 	static {
 		this.metadata = {
 			tag: "nve-preferences-input",
-			version: "2.22.2",
+			version: "2.22.4",
 			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.22.2"
+			version: "2.22.4"
 		};
 	}
 	render() {

package/dist/progress-dot/progress-dot2.js

@@ -16,7 +16,7 @@ var c = { loading: "loading" }, l = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-progress-dot",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	#e;

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

@@ -24,7 +24,7 @@ var d = {
 	static {
 		this.metadata = {
 			tag: "nve-progress-ring",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	static {

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

@@ -1 +1 @@
-{"version":3,"file":"progress-ring2.js","names":["styles","_decorate","__decorate","progress_ring_default","i18nDefaults","ProgressRing","LitElement","_args","#i18nController","I18nController","useStyles","Icon","statusIcons","attachInternals","props","statusLabel","status","property","scopedRegistry"],"sources":["../../src/progress-ring/progress-ring.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size, SupportStatus } from '@nvidia-elements/core/internal';\nimport { attachInternals, scopedRegistry, statusIcons, useStyles } from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './progress-ring.css?inline';\n\nconst i18nDefaults = {\n  danger: 'danger',\n  information: 'information',\n  success: 'success',\n  warning: 'warning'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-progress-ring\n * @description The `progress-ring` component shows the status of a pending task. It also serves the basis of the page loading element.\n * @documentation https://nvidia.github.io/elements/docs/elements/progress-ring/\n * @since 0.17.0\n * @entrypoint \\@nvidia-elements/core/progress-ring\n * @slot - Content to display in the ring center. Defaults to a status icon.\n * @cssprop --background-color\n * @cssprop --ring-color\n * @cssprop --ring-background-opacity\n * @cssprop --ring-width\n * @cssprop --width\n * @cssprop --height\n * @cssprop --animation-duration\n * @cssprop --color\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class ProgressRing extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-progress-ring',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  /** The current `value` of the progress ring. When not set, an indeterminate animation will show. */\n  @property({ type: Number }) value?: number;\n\n  /** The `max` value of the progress ring that the `value` is proportionally scaled to. */\n  @property({ type: Number }) max? = 100;\n\n  /** Four visual treatments represent the `status` of tasks. When `status` changes to `warning`, `success`, or `danger`, the component embeds appropriate icons. */\n  @property({ type: String, reflect: true }) status?: SupportStatus | 'neutral' = 'neutral';\n\n  /** T-shirt `size` of the progress indicator, used to scale the ring. */\n  @property({ type: String, reflect: true }) size?: Size | 'xxs' | 'xs' | 'xl';\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /** Enables updating internal string values for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  render() {\n    return html`\n      <div internal-host ?indeterminate=${this.value === undefined}>\n        <svg viewBox=\"0 0 16 16\" role=\"presentation\">\n          <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"background\"></circle>\n          <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"progress-ring-circle\"\n            stroke-dasharray=${`${((this.value ?? 0) / (this.max ?? 100)) * 44}px 44px`}>\n          </circle>\n        </svg>\n        <slot>\n          ${\n            this.status !== 'accent'\n              ? html`<nve-icon part=\"icon\" .name=${this.status ? statusIcons[this.status] : undefined} .status=${this.status as SupportStatus} aria-hidden=\"true\"></nve-icon>`\n              : ''\n          }\n        </slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'progressbar';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this._internals.ariaValueNow = `${this.value === undefined ? '' : this.value}`;\n    this._internals.ariaValueMax = `${this.max}`;\n    const { status } = this;\n    const statusLabel =\n      status !== undefined && status !== 'neutral' && status !== 'accent' ? this.i18n[status] : undefined;\n    this._internals.ariaLabel = statusLabel ?? this.i18n.information ?? null;\n  }\n}\n"],"mappings":";;;;;;;;;;;AAYA,IAAMI,IAAe;CACnB,QAAQ;CACR,aAAa;CACb,SAAS;CACT,SAAS;AACX,GAqBaC,IAAN,cAA2BC,EAAW;;EA8BR,A,aAXA,KAAA,MAAA,KAG6C,KAAA,SAAA,WAKxC,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAGhD,KAAA,OAAA,KAAKI,GAAgB;;;EA7BxC,KAAA,SAAAE,EAAU,CAACV,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBW,EAAK,SAAS,MAAMA,EACvB;;CAiBA;CAKA,SAAS;EACP,OAAO,CAAI,sCAC2B,KAAK,UAAU,KAAA,EAAU,oMAIpC,IAAK,KAAK,SAAS,MAAM,KAAK,OAAO,OAAQ,GAAG,SAAS,yBAK5E,KAAK,WAAW,WAEZ,KADA,CAAI,gCAA+B,KAAK,SAASC,EAAY,KAAK,UAAU,KAAA,EAAU,aAAW,KAAK,OAAwB,kCAEnI;CAIT;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAGnC,AAFA,MAAM,QAAQC,CAAK,GACnB,KAAK,WAAW,eAAe,GAAG,KAAK,UAAU,KAAA,IAAY,KAAK,KAAK,SACvE,KAAK,WAAW,eAAe,GAAG,KAAK;EACvC,IAAM,EAAE,cAAW,MACbC,IACJC,MAAW,KAAA,KAAaA,MAAW,aAAaA,MAAW,WAAW,KAAK,KAAKA,KAAU,KAAA;EAC5F,KAAK,WAAW,YAAYD,KAAe,KAAK,KAAK,eAAe;CACtE;AACF;AAnDGd,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAZ,EAAA,WAAA,SAAA,KAAA,CAAA,GAGzBJ,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAZ,EAAA,WAAA,OAAA,KAAA,CAAA,GAGzBJ,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAZ,EAAA,WAAA,UAAA,KAAA,CAAA,GAGxCJ,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAZ,EAAA,WAAA,QAAA,KAAA,CAAA,GAKxCJ,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAZ,EAAA,WAAA,QAAA,KAAA,CAAA,GA/B3B,IAAAJ,EAAA,CAAAiB,EAAe,CAAA,GAAAb,CAAA"}
+{"version":3,"file":"progress-ring2.js","names":["styles","_decorate","__decorate","progress_ring_default","i18nDefaults","ProgressRing","LitElement","_args","#i18nController","I18nController","useStyles","Icon","statusIcons","attachInternals","props","statusLabel","status","property","scopedRegistry"],"sources":["../../src/progress-ring/progress-ring.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size, SupportStatus } from '@nvidia-elements/core/internal';\nimport { attachInternals, scopedRegistry, statusIcons, useStyles } from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './progress-ring.css?inline';\n\nconst i18nDefaults = {\n  danger: 'danger',\n  information: 'information',\n  success: 'success',\n  warning: 'warning'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-progress-ring\n * @description The `progress-ring` component shows the status of a pending task. It also serves the basis of the page loading element.\n * @documentation https://nvidia.github.io/elements/docs/elements/progress-ring/\n * @since 0.17.0\n * @entrypoint \\@nvidia-elements/core/progress-ring\n * @slot - Content to display in the ring center. Defaults to a status icon.\n * @cssprop --background-color\n * @cssprop --ring-color\n * @cssprop --ring-background-opacity\n * @cssprop --ring-width\n * @cssprop --width\n * @cssprop --height\n * @cssprop --animation-duration\n * @cssprop --color\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class ProgressRing extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-progress-ring',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  /** The current `value` of the progress ring. When not set, an indeterminate animation will show. */\n  @property({ type: Number }) value?: number;\n\n  /** The `max` value of the progress ring that the `value` is proportionally scaled to. */\n  @property({ type: Number }) max? = 100;\n\n  /** Four visual treatments represent the `status` of tasks. When `status` changes to `warning`, `success`, or `danger`, the component embeds appropriate icons. */\n  @property({ type: String, reflect: true }) status?: SupportStatus | 'neutral' = 'neutral';\n\n  /** T-shirt `size` of the progress indicator, used to scale the ring. */\n  @property({ type: String, reflect: true }) size?: Size | 'xxs' | 'xs' | 'xl';\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /** Enables updating internal string values for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  render() {\n    return html`\n      <div internal-host ?indeterminate=${this.value === undefined}>\n        <svg viewBox=\"0 0 16 16\" role=\"presentation\">\n          <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"background\"></circle>\n          <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"progress-ring-circle\"\n            stroke-dasharray=${`${((this.value ?? 0) / (this.max ?? 100)) * 44}px 44px`}>\n          </circle>\n        </svg>\n        <slot>\n          ${\n            this.status !== 'accent'\n              ? html`<nve-icon part=\"icon\" .name=${this.status ? statusIcons[this.status] : undefined} .status=${this.status} aria-hidden=\"true\"></nve-icon>`\n              : ''\n          }\n        </slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'progressbar';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this._internals.ariaValueNow = `${this.value === undefined ? '' : this.value}`;\n    this._internals.ariaValueMax = `${this.max}`;\n    const { status } = this;\n    const statusLabel =\n      status !== undefined && status !== 'neutral' && status !== 'accent' ? this.i18n[status] : undefined;\n    this._internals.ariaLabel = statusLabel ?? this.i18n.information ?? null;\n  }\n}\n"],"mappings":";;;;;;;;;;;AAYA,IAAMI,IAAe;CACnB,QAAQ;CACR,aAAa;CACb,SAAS;CACT,SAAS;AACX,GAqBaC,IAAN,cAA2BC,EAAW;;EA8BR,A,aAXA,KAAA,MAAA,KAG6C,KAAA,SAAA,WAKxC,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAGhD,KAAA,OAAA,KAAKI,GAAgB;;;EA7BxC,KAAA,SAAAE,EAAU,CAACV,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBW,EAAK,SAAS,MAAMA,EACvB;;CAiBA;CAKA,SAAS;EACP,OAAO,CAAI,sCAC2B,KAAK,UAAU,KAAA,EAAU,oMAIpC,IAAK,KAAK,SAAS,MAAM,KAAK,OAAO,OAAQ,GAAG,SAAS,yBAK5E,KAAK,WAAW,WAEZ,KADA,CAAI,gCAA+B,KAAK,SAASC,EAAY,KAAK,UAAU,KAAA,EAAU,aAAW,KAAK,OAAO,kCAElH;CAIT;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAGnC,AAFA,MAAM,QAAQC,CAAK,GACnB,KAAK,WAAW,eAAe,GAAG,KAAK,UAAU,KAAA,IAAY,KAAK,KAAK,SACvE,KAAK,WAAW,eAAe,GAAG,KAAK;EACvC,IAAM,EAAE,cAAW,MACbC,IACJC,MAAW,KAAA,KAAaA,MAAW,aAAaA,MAAW,WAAW,KAAK,KAAKA,KAAU,KAAA;EAC5F,KAAK,WAAW,YAAYD,KAAe,KAAK,KAAK,eAAe;CACtE;AACF;AAnDGd,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAZ,EAAA,WAAA,SAAA,KAAA,CAAA,GAGzBJ,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAZ,EAAA,WAAA,OAAA,KAAA,CAAA,GAGzBJ,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAZ,EAAA,WAAA,UAAA,KAAA,CAAA,GAGxCJ,EAAA,CAAAgB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAZ,EAAA,WAAA,QAAA,KAAA,CAAA,GAKxCJ,EAAA,CAAAgB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAZ,EAAA,WAAA,QAAA,KAAA,CAAA,GA/B3B,IAAAJ,EAAA,CAAAiB,EAAe,CAAA,GAAAb,CAAA"}

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

@@ -23,7 +23,7 @@ var b = { close: "close" }, x = class extends m {
 	static {
 		this.metadata = {
 			tag: "nve-progressive-filter-chip",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	static {

package/dist/pulse/pulse2.js

@@ -13,7 +13,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-pulse",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	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.22.2",
+			version: "2.22.4",
 			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.22.2",
+			version: "2.22.4",
 			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.22.2"
+			version: "2.22.4"
 		};
 	}
 	connectedCallback() {

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

@@ -18,7 +18,7 @@ var u = { resize: "resize" }, d = class extends c(i) {
 	static {
 		this.metadata = {
 			tag: "nve-resize-handle",
-			version: "2.22.2",
+			version: "2.22.4",
 			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.22.2"
+			version: "2.22.4"
 		};
 	}
 	static {

package/dist/select/select2.js

@@ -30,7 +30,7 @@ var S = {
 	static {
 		this.metadata = {
 			tag: "nve-select",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	static {

package/dist/skeleton/skeleton2.js

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

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

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

package/dist/sparkline/sparkline2.js

@@ -21,7 +21,7 @@ var C = class extends _ {
 	static {
 		this.metadata = {
 			tag: "nve-sparkline",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	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.22.2"
+			version: "2.22.4"
 		};
 	}
 	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.22.2",
+			version: "2.22.4",
 			parents: ["nve-steps"]
 		};
 	}
@@ -69,7 +69,7 @@ var y = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-steps",
-			version: "2.22.2",
+			version: "2.22.4",
 			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.22.2",
+			version: "2.22.4",
 			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.22.2",
+			version: "2.22.4",
 			children: [
 				"label",
 				"input",

package/dist/tabs/tabs-group2.js

@@ -34,7 +34,7 @@ var h, g = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-tabs-group",
-			version: "2.22.2",
+			version: "2.22.4",
 			children: ["nve-tabs"]
 		};
 	}

package/dist/tabs/tabs-item-group2.js

@@ -15,7 +15,7 @@ var c = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-tabs-item-group",
-			version: "2.22.2",
+			version: "2.22.4",
 			parents: ["nve-tabs"],
 			children: ["nve-tabs-item"]
 		};

package/dist/tabs/tabs2.js

@@ -21,7 +21,7 @@ var y = class extends _(m) {
 	static {
 		this.metadata = {
 			tag: "nve-tabs-item",
-			version: "2.22.2",
+			version: "2.22.4",
 			parents: ["nve-tabs", "nve-tabs-item-group"]
 		};
 	}
@@ -65,7 +65,7 @@ var b = class extends m {
 	static {
 		this.metadata = {
 			tag: "nve-tabs",
-			version: "2.22.2",
+			version: "2.22.4",
 			children: ["nve-tabs-item", "nve-tabs-item-group"]
 		};
 	}

package/dist/tag/tag2.js

@@ -17,7 +17,7 @@ var p = { close: "close" }, m = class extends d(s) {
 	static {
 		this.metadata = {
 			tag: "nve-tag",
-			version: "2.22.2"
+			version: "2.22.4"
 		};
 	}
 	static {