@nvidia-elements/core 2.20.1 → 2.20.2

package/dist/page-header/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/page-header/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { PageHeader } from '@nvidia-elements/core/page-header';\n\ndefine(PageHeader);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-page-header': PageHeader;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAU"}
+{"version":3,"file":"define.js","names":["define","PageHeader"],"sources":["../../src/page-header/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { PageHeader } from '@nvidia-elements/core/page-header';\n\ndefine(PageHeader);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-page-header': PageHeader;\n  }\n}\n"],"mappings":";;;AAMAA,EAAOC,CAAU"}

package/dist/page-header/index.js

@@ -1,2 +1 @@
-import { PageHeader as e } from "./page-header2.js";
-export { e as PageHeader };
+export { PageHeader } from "./page-header2.js";

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

@@ -1,6 +1,5 @@
-//#region src/page-header/page-header.examples.ts
+// src/page-header/page-header.examples.ts
 var e = "";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=page-header.examples.js.map

package/dist/page-header/page-header.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.examples.js","names":[],"sources":["../../src/page-header/page-header.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/page-header/define.js';\nimport '@nvidia-elements/core/logo/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/menu/define.js';\nimport '@nvidia-elements/core/dropdown/define.js';\nimport '@nvidia-elements/core/search/define.js';\nimport '@nvidia-elements/core/icon/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\n\nexport default {\n  title: 'Elements/Page Header',\n  component: 'nve-page-header',\n};\n\n/**\n * @summary Basic page header with logo, navigation links, and user actions in a standard layout structure.\n */\nexport const Default = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>\n  `\n  }\n};\n\n/**\n * @summary Use dropdowns and menus to allow progressive disclosure of extra navigation or global user actions.\n */\nexport const DropdownMenu = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\" popovertarget=\"page-header-dropdown\">EL</nve-icon-button>\n</nve-page-header>\n<nve-dropdown position=\"bottom\" id=\"page-header-dropdown\">\n  <nve-menu>\n    <nve-menu-item><nve-icon name=\"person\"></nve-icon> Menu Item</nve-menu-item>\n    <nve-menu-item><nve-icon name=\"gear\"></nve-icon> Menu Item</nve-menu-item>\n    <nve-menu-item><nve-icon name=\"star\"></nve-icon> Menu Item</nve-menu-item>\n    <nve-divider></nve-divider>\n    <nve-menu-item><nve-icon name=\"logout\"></nve-icon> Menu Item</nve-menu-item>\n  </nve-menu>\n</nve-dropdown>\n  `\n  }\n};\n\n/**\n * @summary Use a Icon Button to represent collapsible top-level navigation, optimal for mobile or constrained viewport sizes.\n */\nexport const MenuButton = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-icon-button slot=\"prefix\" container=\"flat\" icon-name=\"menu\" aria-label=\"menu\"></nve-icon-button>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>\n  `\n  }\n};\n\n/**\n * @summary Use the Logo element when representing an application that is part of a suite of applications in a given problem domain.\n */\nexport const AppLogo = {\n  render: () => html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"yellow-nova\">AV</nve-logo>\n  <h2 nve-text=\"heading\" slot=\"prefix\">Infrastructure</h2>\n  <nve-button container=\"flat\" selected><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>\n  `\n};\n\n/**\n * @summary Page header with primary navigation positioned after the logo and branding area.\n */\nexport const PrefixNavigation = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button container=\"flat\"><a href=\"#\">Features</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Guide</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Docs</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Teams</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Login</a></nve-button>\n  <nve-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\"><a href=\"#\">Start Building</a></nve-button>\n</nve-page-header>\n  `\n  }\n};\n\n/**\n * @summary Page header with navigation centered in the available space for balanced visual hierarchy.\n */\nexport const CenterNavigation = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <div nve-layout=\"row align:center gap:xxs full\">\n    <nve-button container=\"flat\"><a href=\"#\">Features</a></nve-button>\n    <nve-button container=\"flat\"><a href=\"#\">Guide</a></nve-button>\n    <nve-button container=\"flat\"><a href=\"#\">Docs</a></nve-button>\n    <nve-button container=\"flat\"><a href=\"#\">Teams</a></nve-button>\n  </div>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Login</a></nve-button>\n  <nve-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\"><a href=\"#\">Start Building</a></nve-button>\n</nve-page-header>\n  `\n  }\n};\n\n/**\n * @summary Page header with all navigation positioned at the end for common and persistent user actions between page navigation.\n */\nexport const SuffixNavigation = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Features</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Guide</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Docs</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Teams</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Login</a></nve-button>\n  <nve-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\"><a href=\"#\">Start Building</a></nve-button>\n</nve-page-header>\n  `\n  }\n};\n\n/**\n * @summary Page header with integrated search functionality for content discovery within the application.\n */\nexport const Search = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-search slot=\"suffix\" rounded style=\"width: 220px\">\n    <input type=\"search\" aria-label=\"search\" />\n  </nve-search>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Login</a></nve-button>\n</nve-page-header>\n  `\n  }\n};\n\n/**\n * @summary Page header displaying user information and avatar for personalized application experiences.\n */\nexport const UserDetail = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">GH</nve-icon-button>\n  <div slot=\"suffix\" nve-layout=\"column gap:md\">\n    <p nve-text=\"label sm trim:none\">Grace Hopper</p>\n    <p nve-text=\"body sm muted trim:none nowrap\">infra-0087ef65-19e80</p>\n  </div>\n</nve-page-header>\n  `\n  }\n};"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"page-header.examples.js","names":["page_header_examples_default"],"sources":["../../src/page-header/page-header.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/page-header/define.js';\nimport '@nvidia-elements/core/logo/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/menu/define.js';\nimport '@nvidia-elements/core/dropdown/define.js';\nimport '@nvidia-elements/core/search/define.js';\nimport '@nvidia-elements/core/icon/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\n\nexport default {\n  title: 'Elements/Page Header',\n  component: 'nve-page-header',\n};\n\n/**\n * @summary Basic page header with logo, navigation links, and user actions in a standard layout structure.\n */\nexport const Default = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>\n  `\n  }\n};\n\n/**\n * @summary Use dropdowns and menus to allow progressive disclosure of extra navigation or global user actions.\n */\nexport const DropdownMenu = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\" popovertarget=\"page-header-dropdown\">EL</nve-icon-button>\n</nve-page-header>\n<nve-dropdown position=\"bottom\" id=\"page-header-dropdown\">\n  <nve-menu>\n    <nve-menu-item><nve-icon name=\"person\"></nve-icon> Menu Item</nve-menu-item>\n    <nve-menu-item><nve-icon name=\"gear\"></nve-icon> Menu Item</nve-menu-item>\n    <nve-menu-item><nve-icon name=\"star\"></nve-icon> Menu Item</nve-menu-item>\n    <nve-divider></nve-divider>\n    <nve-menu-item><nve-icon name=\"logout\"></nve-icon> Menu Item</nve-menu-item>\n  </nve-menu>\n</nve-dropdown>\n  `\n  }\n};\n\n/**\n * @summary Use a Icon Button to represent collapsible top-level navigation, optimal for mobile or constrained viewport sizes.\n */\nexport const MenuButton = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-icon-button slot=\"prefix\" container=\"flat\" icon-name=\"menu\" aria-label=\"menu\"></nve-icon-button>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>\n  `\n  }\n};\n\n/**\n * @summary Use the Logo element when representing an application that is part of a suite of applications in a given problem domain.\n */\nexport const AppLogo = {\n  render: () => html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"yellow-nova\">AV</nve-logo>\n  <h2 nve-text=\"heading\" slot=\"prefix\">Infrastructure</h2>\n  <nve-button container=\"flat\" selected><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>\n  `\n};\n\n/**\n * @summary Page header with primary navigation positioned after the logo and branding area.\n */\nexport const PrefixNavigation = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button container=\"flat\"><a href=\"#\">Features</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Guide</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Docs</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Teams</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Login</a></nve-button>\n  <nve-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\"><a href=\"#\">Start Building</a></nve-button>\n</nve-page-header>\n  `\n  }\n};\n\n/**\n * @summary Page header with navigation centered in the available space for balanced visual hierarchy.\n */\nexport const CenterNavigation = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <div nve-layout=\"row align:center gap:xxs full\">\n    <nve-button container=\"flat\"><a href=\"#\">Features</a></nve-button>\n    <nve-button container=\"flat\"><a href=\"#\">Guide</a></nve-button>\n    <nve-button container=\"flat\"><a href=\"#\">Docs</a></nve-button>\n    <nve-button container=\"flat\"><a href=\"#\">Teams</a></nve-button>\n  </div>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Login</a></nve-button>\n  <nve-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\"><a href=\"#\">Start Building</a></nve-button>\n</nve-page-header>\n  `\n  }\n};\n\n/**\n * @summary Page header with all navigation positioned at the end for common and persistent user actions between page navigation.\n */\nexport const SuffixNavigation = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Features</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Guide</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Docs</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Teams</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Login</a></nve-button>\n  <nve-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\"><a href=\"#\">Start Building</a></nve-button>\n</nve-page-header>\n  `\n  }\n};\n\n/**\n * @summary Page header with integrated search functionality for content discovery within the application.\n */\nexport const Search = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-search slot=\"suffix\" rounded style=\"width: 220px\">\n    <input type=\"search\" aria-label=\"search\" />\n  </nve-search>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Login</a></nve-button>\n</nve-page-header>\n  `\n  }\n};\n\n/**\n * @summary Page header displaying user information and avatar for personalized application experiences.\n */\nexport const UserDetail = {\n  render: () => {\n    return html`\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">GH</nve-icon-button>\n  <div slot=\"suffix\" nve-layout=\"column gap:md\">\n    <p nve-text=\"label sm trim:none\">Grace Hopper</p>\n    <p nve-text=\"body sm muted trim:none nowrap\">infra-0087ef65-19e80</p>\n  </div>\n</nve-page-header>\n  `\n  }\n};"],"mappings":";AAGA,IAAAA,IAAS"}

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

@@ -1,6 +1,5 @@
-//#region src/page-header/page-header.global.css?inline
+// src/page-header/page-header.global.css?inline
 var e = "nve-page-header [nve-text]{text-wrap-mode:nowrap}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=page-header.global.js.map

package/dist/page-header/page-header.global.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.global.js","names":[],"sources":["../../src/page-header/page-header.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-page-header [nve-text] {\n  text-wrap-mode: nowrap;\n}\n"],"mappings":""}
+{"version":3,"file":"page-header.global.js","names":["page_header_global_default"],"sources":["../../src/page-header/page-header.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-page-header [nve-text] {\n  text-wrap-mode: nowrap;\n}\n"],"mappings":""}

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

@@ -1,6 +1,5 @@
-//#region src/page-header/page-header.css?inline
+// src/page-header/page-header.css?inline
 var e = ":host{--background: var(--nve-sys-layer-shell-background);--padding: var(--nve-ref-space-xs) var(--nve-ref-space-lg);--border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);--margin-inline: var(--nve-ref-space-lg);contain:initial;height:48px;width:100%}[internal-host]{background:var(--background);padding:var(--padding);border-bottom:var(--border-bottom);display:flex;flex-direction:row;place-items:center flex-start;justify-content:space-between;line-height:0;height:100%}slot{display:flex;flex-direction:row;place-items:center flex-start;margin:0;min-height:0}slot:not([name]){width:100%;margin-inline:var(--margin-inline)}::slotted(h1[slot=\"prefix\"]),::slotted(h2[slot=\"prefix\"]),::slotted(a[slot=\"prefix\"]){font-size:var(--nve-ref-font-size-200)!important;font-weight:var(--nve-ref-font-weight-semibold)!important;color:var(--nve-sys-text-muted-color)!important;margin:0!important;text-wrap:nowrap!important;text-decoration:none!important}::slotted(h1[slot=\"prefix\"]):before,::slotted(h2[slot=\"prefix\"]):before,::slotted(a[slot=\"prefix\"]):before,::slotted(h1[slot=\"prefix\"]):after,::slotted(h2[slot=\"prefix\"]):after,::slotted(a[slot=\"prefix\"]):after{display:none!important}::slotted(a),::slotted(span){text-wrap:nowrap!important}[internal-host]{--gap: var(--nve-ref-space-xxs)}slot{gap:var(--gap)}::slotted([slot=\"prefix\"]:not([container=\"flat\"])){margin-inline-end:var(--gap)!important}::slotted([slot=\"suffix\"]:not([container=\"flat\"])){margin-inline-start:var(--gap)!important}::slotted(nve-icon-button[interaction][slot=\"suffix\"]:last-child){margin-inline-start:var(--nve-ref-space-md)!important}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=page-header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"page-header.js","names":[],"sources":["../../src/page-header/page-header.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  --background: var(--nve-sys-layer-shell-background);\n  --padding: var(--nve-ref-space-xs) var(--nve-ref-space-lg);\n  --border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --margin-inline: var(--nve-ref-space-lg);\n  contain: initial;\n  height: 48px;\n  width: 100%;\n}\n\n[internal-host] {\n  background: var(--background);\n  padding: var(--padding);\n  border-bottom: var(--border-bottom);\n  display: flex;\n  flex-direction: row;\n  place-items: center flex-start;\n  justify-content: space-between;\n  line-height: 0;\n  height: 100%;\n}\n\nslot {\n  display: flex;\n  flex-direction: row;\n  place-items: center flex-start;\n  margin: 0;\n  min-height: 0;\n}\n\nslot:not([name]) {\n  width: 100%;\n  margin-inline: var(--margin-inline);\n}\n\n::slotted(h1[slot='prefix']),\n::slotted(h2[slot='prefix']),\n::slotted(a[slot='prefix']) {\n  font-size: var(--nve-ref-font-size-200) !important;\n  font-weight: var(--nve-ref-font-weight-semibold) !important;\n  color: var(--nve-sys-text-muted-color) !important;\n  margin: 0 !important;\n  text-wrap: nowrap !important;\n  text-decoration: none !important;\n}\n\n::slotted(h1[slot='prefix'])::before,\n::slotted(h2[slot='prefix'])::before,\n::slotted(a[slot='prefix'])::before,\n::slotted(h1[slot='prefix'])::after,\n::slotted(h2[slot='prefix'])::after,\n::slotted(a[slot='prefix'])::after {\n  display: none !important;\n}\n\n::slotted(a),\n::slotted(span) {\n  text-wrap: nowrap !important;\n}\n\n/* gap spacing, not API exposed yet as this is still stabilizing */\n[internal-host] {\n  --gap: var(--nve-ref-space-xxs);\n}\n\nslot {\n  gap: var(--gap);\n}\n\n::slotted([slot='prefix']:not([container='flat'])) {\n  margin-inline-end: var(--gap) !important;\n}\n\n::slotted([slot='suffix']:not([container='flat'])) {\n  margin-inline-start: var(--gap) !important;\n}\n\n::slotted(nve-icon-button[interaction][slot='suffix']:last-child) {\n  margin-inline-start: var(--nve-ref-space-md) !important;\n}\n"],"mappings":""}
+{"version":3,"file":"page-header.js","names":["page_header_default"],"sources":["../../src/page-header/page-header.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  --background: var(--nve-sys-layer-shell-background);\n  --padding: var(--nve-ref-space-xs) var(--nve-ref-space-lg);\n  --border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --margin-inline: var(--nve-ref-space-lg);\n  contain: initial;\n  height: 48px;\n  width: 100%;\n}\n\n[internal-host] {\n  background: var(--background);\n  padding: var(--padding);\n  border-bottom: var(--border-bottom);\n  display: flex;\n  flex-direction: row;\n  place-items: center flex-start;\n  justify-content: space-between;\n  line-height: 0;\n  height: 100%;\n}\n\nslot {\n  display: flex;\n  flex-direction: row;\n  place-items: center flex-start;\n  margin: 0;\n  min-height: 0;\n}\n\nslot:not([name]) {\n  width: 100%;\n  margin-inline: var(--margin-inline);\n}\n\n::slotted(h1[slot='prefix']),\n::slotted(h2[slot='prefix']),\n::slotted(a[slot='prefix']) {\n  font-size: var(--nve-ref-font-size-200) !important;\n  font-weight: var(--nve-ref-font-weight-semibold) !important;\n  color: var(--nve-sys-text-muted-color) !important;\n  margin: 0 !important;\n  text-wrap: nowrap !important;\n  text-decoration: none !important;\n}\n\n::slotted(h1[slot='prefix'])::before,\n::slotted(h2[slot='prefix'])::before,\n::slotted(a[slot='prefix'])::before,\n::slotted(h1[slot='prefix'])::after,\n::slotted(h2[slot='prefix'])::after,\n::slotted(a[slot='prefix'])::after {\n  display: none !important;\n}\n\n::slotted(a),\n::slotted(span) {\n  text-wrap: nowrap !important;\n}\n\n/* gap spacing, not API exposed yet as this is still stabilizing */\n[internal-host] {\n  --gap: var(--nve-ref-space-xxs);\n}\n\nslot {\n  gap: var(--gap);\n}\n\n::slotted([slot='prefix']:not([container='flat'])) {\n  margin-inline-end: var(--gap) !important;\n}\n\n::slotted([slot='suffix']:not([container='flat'])) {\n  margin-inline-start: var(--gap) !important;\n}\n\n::slotted(nve-icon-button[interaction][slot='suffix']:last-child) {\n  margin-inline-start: var(--nve-ref-space-md) !important;\n}\n"],"mappings":""}

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

@@ -4,7 +4,7 @@ import { useStyles as n } from "../internal/styles/index.js";
 import r from "./page-header.js";
 import i from "./page-header.global.js";
 import { LitElement as a, html as o } from "lit";
-//#region src/page-header/page-header.ts
+// src/page-header/page-header.ts
 var s = class extends a {
 	static {
 		this.styles = n([r]);
@@ -12,7 +12,7 @@ var s = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-page-header",
-			version: "2.20.1"
+			version: "2.20.2"
 		};
 	}
 	render() {
@@ -22,7 +22,6 @@ var s = class extends a {
 		super.connectedCallback(), e(this, i), t(this), this._internals.role = "navigation";
 	}
 };
-//#endregion
 export { s as PageHeader };
 
 //# sourceMappingURL=page-header2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"page-header2.js","names":[],"sources":["../../src/page-header/page-header.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles, attachInternals, appendRootNodeStyle } from '@nvidia-elements/core/internal';\nimport styles from './page-header.css?inline';\nimport globalStyles from './page-header.global.css?inline';\n\n/**\n * @element nve-page-header\n * @description An element that appears across the top of all pages containing the application name and primary navigation.\n * @documentation https://nvidia.github.io/elements/docs/elements/page-header/\n * @entrypoint \\@nvidia-elements/core/page-header\n * @since 1.15.0\n * @slot - The default content slot\n * @slot prefix - Content displayed at the start of the header\n * @slot suffix - Content displayed at the end of the header\n * @cssprop --background - Background color of the header\n * @cssprop --padding - Padding inside the header\n * @cssprop --border-bottom - Border below the header\n * @cssprop --gap - Gap between the prefix, default, and suffix slots\n * @cssprop --margin-inline - left and right margin applied to the default content slot\n\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav\n *\n */\nexport class PageHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-header',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    attachInternals(this);\n    this._internals.role = 'navigation';\n  }\n}\n"],"mappings":";;;;;;;AA0BA,IAAa,IAAb,cAAgC,EAAW;;EACzB,KAAA,SAAA,EAAU,CAAC,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAOb;CAKA,oBAA0B;EAIxB,AAHA,MAAM,kBAAkB,GACxB,EAAoB,MAAM,CAAY,GACtC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF"}
+{"version":3,"file":"page-header2.js","names":["styles","globalStyles","page_header_default","page_header_global_default","PageHeader","LitElement","useStyles","appendRootNodeStyle","attachInternals"],"sources":["../../src/page-header/page-header.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { useStyles, attachInternals, appendRootNodeStyle } from '@nvidia-elements/core/internal';\nimport styles from './page-header.css?inline';\nimport globalStyles from './page-header.global.css?inline';\n\n/**\n * @element nve-page-header\n * @description An element that appears across the top of all pages containing the application name and primary navigation.\n * @documentation https://nvidia.github.io/elements/docs/elements/page-header/\n * @entrypoint \\@nvidia-elements/core/page-header\n * @since 1.15.0\n * @slot - The default content slot\n * @slot prefix - Content displayed at the start of the header\n * @slot suffix - Content displayed at the end of the header\n * @cssprop --background - Background color of the header\n * @cssprop --padding - Padding inside the header\n * @cssprop --border-bottom - Border below the header\n * @cssprop --gap - Gap between the prefix, default, and suffix slots\n * @cssprop --margin-inline - left and right margin applied to the default content slot\n\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav\n *\n */\nexport class PageHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-header',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    attachInternals(this);\n    this._internals.role = 'navigation';\n  }\n}\n"],"mappings":";;;;;;;AA0BA,IAAaI,IAAb,cAAgCC,EAAW;;EACzB,KAAA,SAAAC,EAAU,CAACN,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAOb;CAKA,oBAA0B;EAIxB,AAHA,MAAM,kBAAkB,GACxBO,EAAoB,MAAMN,CAAY,GACtCO,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF"}

package/dist/page-loader/define.js

@@ -1,7 +1,6 @@
 import { PageLoader as e } from "./page-loader2.js";
 import { define as t } from "@nvidia-elements/foundations/internal/define";
-//#region src/page-loader/define.ts
+// src/page-loader/define.ts
 t(e);
-//#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/page-loader/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/page-loader/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { PageLoader } from '@nvidia-elements/core/page-loader';\n\ndefine(PageLoader);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-page-loader': PageLoader;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAU"}
+{"version":3,"file":"define.js","names":["define","PageLoader"],"sources":["../../src/page-loader/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { PageLoader } from '@nvidia-elements/core/page-loader';\n\ndefine(PageLoader);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-page-loader': PageLoader;\n  }\n}\n"],"mappings":";;;AAMAA,EAAOC,CAAU"}

package/dist/page-loader/index.js

@@ -1,2 +1 @@
-import { PageLoader as e } from "./page-loader2.js";
-export { e as PageLoader };
+export { PageLoader } from "./page-loader2.js";

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

@@ -1,6 +1,5 @@
-//#region src/page-loader/page-loader.examples.ts
+// src/page-loader/page-loader.examples.ts
 var e = "";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=page-loader.examples.js.map

package/dist/page-loader/page-loader.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-loader.examples.js","names":[],"sources":["../../src/page-loader/page-loader.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/page-loader/define.js';\n\nexport default {\n  title: 'Elements/Page Loader',\n  component: 'nve-page-loader',\n};\n\n/**\n * @summary Full-page loading indicator displaying centered spinner for initial page load states.\n */\nexport const Default = {\n  render: () => html`\n<nve-page-loader></nve-page-loader>\n  `\n};\n\n/**\n * @summary Interactive page loader that starts programmatically via button click. Use when user actions such as form submissions, data refreshes, or navigation events start loading states rather than on initial page load.\n */\nexport const Interactive = {\n  inline: false,\n  render: () => html`\n<nve-button id=\"loader-btn\">trigger loader</nve-button>\n<nve-page-loader hidden></nve-page-loader>\n\n<script type=\"module\">\n  let loader = document.querySelector('nve-page-loader');\n  let btn = document.querySelector('#loader-btn');\n  btn.addEventListener('click', () => loader.hidden = false);\n</script>\n  `\n};"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"page-loader.examples.js","names":["page_loader_examples_default"],"sources":["../../src/page-loader/page-loader.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/page-loader/define.js';\n\nexport default {\n  title: 'Elements/Page Loader',\n  component: 'nve-page-loader',\n};\n\n/**\n * @summary Full-page loading indicator displaying centered spinner for initial page load states.\n */\nexport const Default = {\n  render: () => html`\n<nve-page-loader></nve-page-loader>\n  `\n};\n\n/**\n * @summary Interactive page loader that starts programmatically via button click. Use when user actions such as form submissions, data refreshes, or navigation events start loading states rather than on initial page load.\n */\nexport const Interactive = {\n  inline: false,\n  render: () => html`\n<nve-button id=\"loader-btn\">trigger loader</nve-button>\n<nve-page-loader hidden></nve-page-loader>\n\n<script type=\"module\">\n  let loader = document.querySelector('nve-page-loader');\n  let btn = document.querySelector('#loader-btn');\n  btn.addEventListener('click', () => loader.hidden = false);\n</script>\n  `\n};"],"mappings":";AAGA,IAAAA,IAAS"}

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

@@ -1,6 +1,5 @@
-//#region src/page-loader/page-loader.css?inline
+// src/page-loader/page-loader.css?inline
 var e = ":host{inset:0!important;margin:auto;height:fit-content;--gap: var(--nve-ref-space-sm)}[internal-host]{gap:var(--gap);display:flex;flex-direction:column;align-items:center}[internal-host]{outline:0}:host::backdrop{background:#00000080}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=page-loader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"page-loader.js","names":[],"sources":["../../src/page-loader/page-loader.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  inset: 0 !important;\n  margin: auto;\n  height: fit-content;\n  --gap: var(--nve-ref-space-sm);\n}\n\n[internal-host] {\n  gap: var(--gap);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n[internal-host] {\n  outline: 0;\n}\n\n:host::backdrop {\n  /* not available on top layer */\n  background: hsl(0 0% 0% / 0.5); /* eslint-disable-line @nvidia-elements/lint/no-unexpected-css-value */\n}\n"],"mappings":""}
+{"version":3,"file":"page-loader.js","names":["page_loader_default"],"sources":["../../src/page-loader/page-loader.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  inset: 0 !important;\n  margin: auto;\n  height: fit-content;\n  --gap: var(--nve-ref-space-sm);\n}\n\n[internal-host] {\n  gap: var(--gap);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n[internal-host] {\n  outline: 0;\n}\n\n:host::backdrop {\n  /* not available on top layer */\n  background: hsl(0 0% 0% / 0.5); /* eslint-disable-line @nvidia-elements/lint/no-unexpected-css-value */\n}\n"],"mappings":""}

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

@@ -2,12 +2,12 @@ import { TypeNativePopoverController as e } from "../internal/controllers/type-n
 import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
 import { useStyles as n } from "../internal/styles/index.js";
 import { popoverStyles as r } from "../internal/styles/popover2.js";
-import i from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { ProgressRing as a } from "../progress-ring/progress-ring2.js";
 import o from "./page-loader.js";
 import { LitElement as s, html as c } from "lit";
 import { state as l } from "lit/decorators/state.js";
-//#region src/page-loader/page-loader.ts
+// src/page-loader/page-loader.ts
 var u = class extends s {
 	constructor(...t) {
 		super(...t), this.position = "center", this.popoverType = "manual", this.typeNativePopoverController = new e(this), this.anchor = globalThis.document?.body;
@@ -18,7 +18,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-page-loader",
-			version: "2.20.1"
+			version: "2.20.2"
 		};
 	}
 	static {
@@ -29,7 +29,6 @@ var u = class extends s {
 	}
 };
 i([l()], u.prototype, "anchor", void 0), u = i([t()], u);
-//#endregion
 export { u as PageLoader };
 
 //# sourceMappingURL=page-loader2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"page-loader2.js","names":[],"sources":["../../src/page-loader/page-loader.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport type { PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport { popoverStyles, scopedRegistry, TypeNativePopoverController, useStyles } from '@nvidia-elements/core/internal';\nimport { ProgressRing } from '@nvidia-elements/core/progress-ring';\nimport styles from './page-loader.css?inline';\n\n/**\n * @element nve-page-loader\n * @description Page Loader is a full-screen version of the `progress-ring` component, for use when the page should remain unusable as the loader displays.\n * @documentation https://nvidia.github.io/elements/docs/elements/page-loader/\n * @since 0.19.0\n * @entrypoint \\@nvidia-elements/core/page-loader\n * @slot - Loading status text displayed with the progress indicator.\n * @cssprop --gap\n * @cssprop --animation-duration - Duration of page loader open/close animations\n * @csspart progress-ring - The progress ring element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class PageLoader extends LitElement {\n  /** @private */\n  readonly position: PopoverPosition = 'center';\n\n  /** @private */\n  readonly popoverType: PopoverType = 'manual';\n\n  /** @private */\n  protected typeNativePopoverController = new TypeNativePopoverController<PageLoader>(this);\n\n  /**\n   * @private\n   */\n  @state() anchor = globalThis.document?.body;\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-loader',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [ProgressRing.metadata.tag]: ProgressRing\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <nve-progress-ring part=\"progress-ring\" status=\"accent\" size=\"xl\"></nve-progress-ring>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;;AAuBO,IAAM,IAAN,cAAyB,EAAW;;EAavB,aAXmB,KAAA,WAAA,UAGD,KAAA,cAAA,UAGI,KAAA,8BAAA,IAAI,EAAwC,IAAI,GAKtE,KAAA,SAAA,WAAW,UAAU;;;EAEvB,KAAA,SAAA,EAAU,CAAC,GAAe,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzB,EAAa,SAAS,MAAM,EAC/B;;CAKA,SAAS;EACP,OAAO,CAAI;CAMb;AACF;AAxBG,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAdR,IAAA,EAAA,CAAA,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"page-loader2.js","names":["styles","_decorate","__decorate","page_loader_default","PageLoader","LitElement","_args","TypeNativePopoverController","useStyles","popoverStyles","ProgressRing","state","scopedRegistry"],"sources":["../../src/page-loader/page-loader.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport type { PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport { popoverStyles, scopedRegistry, TypeNativePopoverController, useStyles } from '@nvidia-elements/core/internal';\nimport { ProgressRing } from '@nvidia-elements/core/progress-ring';\nimport styles from './page-loader.css?inline';\n\n/**\n * @element nve-page-loader\n * @description Page Loader is a full-screen version of the `progress-ring` component, for use when the page should remain unusable as the loader displays.\n * @documentation https://nvidia.github.io/elements/docs/elements/page-loader/\n * @since 0.19.0\n * @entrypoint \\@nvidia-elements/core/page-loader\n * @slot - Loading status text displayed with the progress indicator.\n * @cssprop --gap\n * @cssprop --animation-duration - Duration of page loader open/close animations\n * @csspart progress-ring - The progress ring element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class PageLoader extends LitElement {\n  /** @private */\n  readonly position: PopoverPosition = 'center';\n\n  /** @private */\n  readonly popoverType: PopoverType = 'manual';\n\n  /** @private */\n  protected typeNativePopoverController = new TypeNativePopoverController<PageLoader>(this);\n\n  /**\n   * @private\n   */\n  @state() anchor = globalThis.document?.body;\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-loader',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [ProgressRing.metadata.tag]: ProgressRing\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <nve-progress-ring part=\"progress-ring\" status=\"accent\" size=\"xl\"></nve-progress-ring>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;;AAuBO,IAAMI,IAAN,cAAyBC,EAAW;;EAavB,A,aAXmB,KAAA,WAAA,UAGD,KAAA,cAAA,UAGI,KAAA,8BAAA,IAAIE,EAAwC,IAAI,GAKtE,KAAA,SAAA,WAAW,UAAU;;;EAEvB,KAAA,SAAAC,EAAU,CAACC,GAAeT,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBU,EAAa,SAAS,MAAMA,EAC/B;;CAKA,SAAS;EACP,OAAO,CAAI;CAMb;AACF;AAxBGT,EAAA,CAAAU,EAAM,CAAA,GAAAP,EAAA,WAAA,UAAA,KAAA,CAAA,GAdR,IAAAH,EAAA,CAAAW,EAAe,CAAA,GAAAR,CAAA"}

package/dist/pagination/define.js

@@ -1,7 +1,6 @@
 import { Pagination as e } from "./pagination2.js";
 import { define as t } from "@nvidia-elements/foundations/internal/define";
-//#region src/pagination/define.ts
+// src/pagination/define.ts
 t(e);
-//#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/pagination/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/pagination/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Pagination } from '@nvidia-elements/core/pagination';\n\ndefine(Pagination);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-pagination': Pagination;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAU"}
+{"version":3,"file":"define.js","names":["define","Pagination"],"sources":["../../src/pagination/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Pagination } from '@nvidia-elements/core/pagination';\n\ndefine(Pagination);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-pagination': Pagination;\n  }\n}\n"],"mappings":";;;AAMAA,EAAOC,CAAU"}

package/dist/pagination/index.js

@@ -1,2 +1 @@
-import { Pagination as e } from "./pagination2.js";
-export { e as Pagination };
+export { Pagination } from "./pagination2.js";

package/dist/pagination/pagination.examples.js

@@ -1,6 +1,5 @@
-//#region src/pagination/pagination.examples.ts
+// src/pagination/pagination.examples.ts
 var e = "";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=pagination.examples.js.map

package/dist/pagination/pagination.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.examples.js","names":[],"sources":["../../src/pagination/pagination.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/pagination/define.js';\nimport '@nvidia-elements/core/button/define.js';\n\nexport default {\n  title: 'Elements/Pagination',\n  component: 'nve-pagination',\n};\n\n/**\n * @summary Basic pagination component with default styling and behavior.\n */\nexport const Default = {\n  render: () => html`\n  <nve-pagination value=\"1\" items=\"100\" step=\"10\"></nve-pagination>\n  <script type=\"module\">\n    const pagination = document.querySelector('nve-pagination');\n    pagination.addEventListener('change', e => console.log(e.target.value));\n  </script>\n  `\n};\n\n/**\n * @summary Pagination with skip buttons to navigate to first and last pages quickly.\n */\nexport const Skippable = {\n  render: () => html`\n    <nve-pagination value=\"1\" items=\"100\" step=\"10\" skippable></nve-pagination>\n  `\n};\n\n/**\n * @summary Disabled pagination component that prevents user interaction.\n */\nexport const Disabled = {\n  render: () => html`\n    <nve-pagination disabled value=\"1\" items=\"100\" step=\"10\" skippable></nve-pagination>\n  `\n};\n\n/**\n * @summary Pagination with flat container styling for a more minimal appearance.\n */\nexport const Flat = {\n  render: () => html`\n    <nve-pagination container=\"flat\" value=\"1\" items=\"100\" step=\"10\" skippable></nve-pagination>\n  `\n};\n\n/**\n * @summary Inline pagination layout that fits inline with content.\n */\nexport const Inline = {\n  render: () => html`\n    <nve-pagination container=\"inline\" value=\"1\" items=\"100\" step=\"10\"></nve-pagination>\n  `\n};\n\n/**\n * @summary Inline pagination with disabled step selector to prevent page size changes.\n */\nexport const DisableStep = {\n  render: () => html`\n    <nve-pagination disable-step container=\"inline\" value=\"1\" items=\"100\" step=\"10\"></nve-pagination>\n  `\n};\n\n/**\n * @summary Pagination as a form associated component that participates in form submission and emits change, input, and step-change events. Use when page selection needs to integrate with form data collection or server-side form handling.\n */\nexport const Forms = {\n  render: () => html`\n    <form id=\"pagination-form\" nve-layout=\"column gap:md\">\n      <nve-pagination name=\"page\" value=\"1\" items=\"100\" step=\"10\" aria-label=\"pagination controls\"></nve-pagination>\n      <nve-button>submit page 10</nve-button>\n      <pre></pre>\n    </form>\n    <script type=\"module\">\n      const form = document.querySelector('form');\n      const pre = document.querySelector('form pre');\n\n      form.addEventListener('change', updateValues);\n      form.addEventListener('input', updateValues);\n      form.addEventListener('submit', updateValues);\n      form.addEventListener('step-change', updateValues);\n\n      function updateValues(e) {\n        e.preventDefault();\n        console.log(e);\n        pre.innerText = JSON.stringify({ ...Object.fromEntries(new FormData(form)), step: form.elements.page.step }, null, 2);\n      }\n    </script>\n  `\n};\n\n/**\n * @summary Pagination without items count display, useful when total count is unknown.\n */\nexport const NoItemsCount = {\n  render: () => html`\n    <form id=\"pagination-form\" nve-layout=\"column gap:md\">\n      <nve-pagination name=\"page\" value=\"1\" step=\"10\" aria-label=\"pagination controls\"></nve-pagination>\n      <pre></pre>\n    </form>\n    <script type=\"module\">\n      const form = document.querySelector('form');\n      const pre = document.querySelector('form pre');\n      form.addEventListener('input', updateValues);\n      form.addEventListener('step-change', updateValues);\n      function updateValues(e) {\n        e.preventDefault();\n        pre.innerText = JSON.stringify({ ...Object.fromEntries(new FormData(form)), step: form.elements.page.step }, null, 2);\n      }\n    </script>\n  `\n};\n\n/**\n * @summary Pagination handling large datasets with higher step values for efficient navigation.\n */\nexport const LargeValues = {\n  render: () => html`\n    <nve-pagination container=\"inline\" value=\"1\" items=\"10000\" step=\"100\"></nve-pagination>\n  `\n}\n\n/**\n * @summary If the upper bound of items is unknown, use the `last-page` event\n * to determine when to load more data and update the pagination\n * with the latest total of items.\n * @tags test-case\n */\nexport const DynamicItems = {\n  render: () => html`\n    <nve-pagination disable-step container=\"inline\" value=\"1\" items=\"100\" step=\"20\"></nve-pagination>\n\n    <script type=\"module\">\n      const pagination = document.querySelector('nve-pagination');\n      let items = loadItems();\n\n      pagination.addEventListener('last-page', async () => {\n        items = [...items, ...loadItems()];\n        pagination.items = items.length;\n      });\n\n      function loadItems() {\n        return new Array(100).fill('');\n      }\n    </script>\n  `\n}\n\n/**\n * @summary When a custom step exists, the select options dynamically\n * adapt to the step and append to the default option list.\n */\nexport const DynamicStepSize = {\n  render: () => html`\n  <!-- javascript property binding -->\n  <nve-pagination value=\"1\" items=\"10000\" step=\"100\" step-sizes=\"[100, 500, 1000]\"></nve-pagination>\n  `\n};\n\n/**\n * @summary Use the `suffix-label` slot to customize the \"of total\" label\n * when dealing with approximated totals from API responses. This is useful\n * when the API returns a limited count but indicates there are more items\n * available.\n * @tags test-case\n */\nexport const SuffixLabel = {\n  render: () => html`\n    <nve-pagination value=\"1\" items=\"50000\" step=\"100\">\n      <span slot=\"suffix-label\">of 50,000+</span>\n    </nve-pagination>\n  `\n};\n\n/**\n * @summary Custom pagination pattern using toolbar with numbered page buttons and navigation arrows.\n */\nexport const PageListPattern = {\n  render: () => html`\n    <nve-toolbar container=\"inset\">\n      <nve-button disabled container=\"flat\"><nve-icon name=\"chevron\" direction=\"left\" size=\"sm\"></nve-icon> previous</nve-button>\n      <nve-button container=\"flat\" selected>1</nve-button>\n      <nve-button container=\"flat\">2</nve-button>\n      <nve-button container=\"flat\">3</nve-button>\n      <nve-button container=\"flat\">4</nve-button>\n      <nve-button container=\"flat\">next <nve-icon name=\"chevron\" direction=\"right\" size=\"sm\"></nve-icon></nve-button>\n    </nve-toolbar>\n  `\n};\n\n/**\n * @summary Enhanced pagination pattern with first/last page buttons and numbered page navigation.\n */\nexport const SkipPattern = {\n  render: () => html`\n    <nve-toolbar container=\"inset\">\n      <nve-icon-button container=\"flat\" icon-name=\"arrow-stop\" direction=\"left\" aria-label=\"first\" disabled></nve-icon-button>\n      <nve-icon-button container=\"flat\" icon-name=\"chevron\" direction=\"left\" aria-label=\"previous\"></nve-icon-button>\n      <nve-button container=\"flat\" selected>1</nve-button>\n      <nve-button container=\"flat\">2</nve-button>\n      <nve-button container=\"flat\">3</nve-button>\n      <nve-button container=\"flat\">4</nve-button>\n      <nve-icon-button icon-name=\"chevron\" direction=\"right\" aria-label=\"next\"></nve-icon-button>\n      <nve-icon-button icon-name=\"arrow-stop\" direction=\"right\" aria-label=\"last\"></nve-icon-button>\n    </nve-toolbar>\n  `\n};\n\n/**\n * @summary Vertical pagination pattern with up/down navigation arrows for compact layouts.\n */\nexport const VerticalPattern = {\n  render: () => html`\n    <nve-toolbar container=\"inset\">\n      <label nve-text=\"body muted sm\">1 of 13</label>\n      <nve-icon-button container=\"flat\" size=\"sm\" icon-name=\"chevron\" direction=\"up\" aria-label=\"previous\"></nve-icon-button>\n      <nve-icon-button container=\"flat\" size=\"sm\" icon-name=\"chevron\" direction=\"down\" aria-label=\"next\"></nve-icon-button>\n    </nve-toolbar>\n  `\n};\n\n/**\n * @summary Custom pagination with select dropdown for page size and navigation arrows.\n */\nexport const CustomSelectPattern = {\n  render: () => html`\n    <nve-toolbar container=\"inset\">\n      <nve-select style=\"--width: 80px\">\n        <select aria-label=\"page size\">\n          <option value=\"10\">1-10</option>\n        </select>\n      </nve-select>\n      <label nve-text=\"label muted sm\" style=\"width: 40px\">of ~13</label>\n      <nve-icon-button container=\"flat\" icon-name=\"chevron\" direction=\"left\" aria-label=\"previous\" disabled></nve-icon-button>\n      <nve-icon-button container=\"flat\" icon-name=\"chevron\" direction=\"right\" aria-label=\"next\"></nve-icon-button>\n    </nve-toolbar>\n  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"pagination.examples.js","names":["pagination_examples_default"],"sources":["../../src/pagination/pagination.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/pagination/define.js';\nimport '@nvidia-elements/core/button/define.js';\n\nexport default {\n  title: 'Elements/Pagination',\n  component: 'nve-pagination',\n};\n\n/**\n * @summary Basic pagination component with default styling and behavior.\n */\nexport const Default = {\n  render: () => html`\n  <nve-pagination value=\"1\" items=\"100\" step=\"10\"></nve-pagination>\n  <script type=\"module\">\n    const pagination = document.querySelector('nve-pagination');\n    pagination.addEventListener('change', e => console.log(e.target.value));\n  </script>\n  `\n};\n\n/**\n * @summary Pagination with skip buttons to navigate to first and last pages quickly.\n */\nexport const Skippable = {\n  render: () => html`\n    <nve-pagination value=\"1\" items=\"100\" step=\"10\" skippable></nve-pagination>\n  `\n};\n\n/**\n * @summary Disabled pagination component that prevents user interaction.\n */\nexport const Disabled = {\n  render: () => html`\n    <nve-pagination disabled value=\"1\" items=\"100\" step=\"10\" skippable></nve-pagination>\n  `\n};\n\n/**\n * @summary Pagination with flat container styling for a more minimal appearance.\n */\nexport const Flat = {\n  render: () => html`\n    <nve-pagination container=\"flat\" value=\"1\" items=\"100\" step=\"10\" skippable></nve-pagination>\n  `\n};\n\n/**\n * @summary Inline pagination layout that fits inline with content.\n */\nexport const Inline = {\n  render: () => html`\n    <nve-pagination container=\"inline\" value=\"1\" items=\"100\" step=\"10\"></nve-pagination>\n  `\n};\n\n/**\n * @summary Inline pagination with disabled step selector to prevent page size changes.\n */\nexport const DisableStep = {\n  render: () => html`\n    <nve-pagination disable-step container=\"inline\" value=\"1\" items=\"100\" step=\"10\"></nve-pagination>\n  `\n};\n\n/**\n * @summary Pagination as a form associated component that participates in form submission and emits change, input, and step-change events. Use when page selection needs to integrate with form data collection or server-side form handling.\n */\nexport const Forms = {\n  render: () => html`\n    <form id=\"pagination-form\" nve-layout=\"column gap:md\">\n      <nve-pagination name=\"page\" value=\"1\" items=\"100\" step=\"10\" aria-label=\"pagination controls\"></nve-pagination>\n      <nve-button>submit page 10</nve-button>\n      <pre></pre>\n    </form>\n    <script type=\"module\">\n      const form = document.querySelector('form');\n      const pre = document.querySelector('form pre');\n\n      form.addEventListener('change', updateValues);\n      form.addEventListener('input', updateValues);\n      form.addEventListener('submit', updateValues);\n      form.addEventListener('step-change', updateValues);\n\n      function updateValues(e) {\n        e.preventDefault();\n        console.log(e);\n        pre.innerText = JSON.stringify({ ...Object.fromEntries(new FormData(form)), step: form.elements.page.step }, null, 2);\n      }\n    </script>\n  `\n};\n\n/**\n * @summary Pagination without items count display, useful when total count is unknown.\n */\nexport const NoItemsCount = {\n  render: () => html`\n    <form id=\"pagination-form\" nve-layout=\"column gap:md\">\n      <nve-pagination name=\"page\" value=\"1\" step=\"10\" aria-label=\"pagination controls\"></nve-pagination>\n      <pre></pre>\n    </form>\n    <script type=\"module\">\n      const form = document.querySelector('form');\n      const pre = document.querySelector('form pre');\n      form.addEventListener('input', updateValues);\n      form.addEventListener('step-change', updateValues);\n      function updateValues(e) {\n        e.preventDefault();\n        pre.innerText = JSON.stringify({ ...Object.fromEntries(new FormData(form)), step: form.elements.page.step }, null, 2);\n      }\n    </script>\n  `\n};\n\n/**\n * @summary Pagination handling large datasets with higher step values for efficient navigation.\n */\nexport const LargeValues = {\n  render: () => html`\n    <nve-pagination container=\"inline\" value=\"1\" items=\"10000\" step=\"100\"></nve-pagination>\n  `\n}\n\n/**\n * @summary If the upper bound of items is unknown, use the `last-page` event\n * to determine when to load more data and update the pagination\n * with the latest total of items.\n * @tags test-case\n */\nexport const DynamicItems = {\n  render: () => html`\n    <nve-pagination disable-step container=\"inline\" value=\"1\" items=\"100\" step=\"20\"></nve-pagination>\n\n    <script type=\"module\">\n      const pagination = document.querySelector('nve-pagination');\n      let items = loadItems();\n\n      pagination.addEventListener('last-page', async () => {\n        items = [...items, ...loadItems()];\n        pagination.items = items.length;\n      });\n\n      function loadItems() {\n        return new Array(100).fill('');\n      }\n    </script>\n  `\n}\n\n/**\n * @summary When a custom step exists, the select options dynamically\n * adapt to the step and append to the default option list.\n */\nexport const DynamicStepSize = {\n  render: () => html`\n  <!-- javascript property binding -->\n  <nve-pagination value=\"1\" items=\"10000\" step=\"100\" step-sizes=\"[100, 500, 1000]\"></nve-pagination>\n  `\n};\n\n/**\n * @summary Use the `suffix-label` slot to customize the \"of total\" label\n * when dealing with approximated totals from API responses. This is useful\n * when the API returns a limited count but indicates there are more items\n * available.\n * @tags test-case\n */\nexport const SuffixLabel = {\n  render: () => html`\n    <nve-pagination value=\"1\" items=\"50000\" step=\"100\">\n      <span slot=\"suffix-label\">of 50,000+</span>\n    </nve-pagination>\n  `\n};\n\n/**\n * @summary Custom pagination pattern using toolbar with numbered page buttons and navigation arrows.\n */\nexport const PageListPattern = {\n  render: () => html`\n    <nve-toolbar container=\"inset\">\n      <nve-button disabled container=\"flat\"><nve-icon name=\"chevron\" direction=\"left\" size=\"sm\"></nve-icon> previous</nve-button>\n      <nve-button container=\"flat\" selected>1</nve-button>\n      <nve-button container=\"flat\">2</nve-button>\n      <nve-button container=\"flat\">3</nve-button>\n      <nve-button container=\"flat\">4</nve-button>\n      <nve-button container=\"flat\">next <nve-icon name=\"chevron\" direction=\"right\" size=\"sm\"></nve-icon></nve-button>\n    </nve-toolbar>\n  `\n};\n\n/**\n * @summary Enhanced pagination pattern with first/last page buttons and numbered page navigation.\n */\nexport const SkipPattern = {\n  render: () => html`\n    <nve-toolbar container=\"inset\">\n      <nve-icon-button container=\"flat\" icon-name=\"arrow-stop\" direction=\"left\" aria-label=\"first\" disabled></nve-icon-button>\n      <nve-icon-button container=\"flat\" icon-name=\"chevron\" direction=\"left\" aria-label=\"previous\"></nve-icon-button>\n      <nve-button container=\"flat\" selected>1</nve-button>\n      <nve-button container=\"flat\">2</nve-button>\n      <nve-button container=\"flat\">3</nve-button>\n      <nve-button container=\"flat\">4</nve-button>\n      <nve-icon-button icon-name=\"chevron\" direction=\"right\" aria-label=\"next\"></nve-icon-button>\n      <nve-icon-button icon-name=\"arrow-stop\" direction=\"right\" aria-label=\"last\"></nve-icon-button>\n    </nve-toolbar>\n  `\n};\n\n/**\n * @summary Vertical pagination pattern with up/down navigation arrows for compact layouts.\n */\nexport const VerticalPattern = {\n  render: () => html`\n    <nve-toolbar container=\"inset\">\n      <label nve-text=\"body muted sm\">1 of 13</label>\n      <nve-icon-button container=\"flat\" size=\"sm\" icon-name=\"chevron\" direction=\"up\" aria-label=\"previous\"></nve-icon-button>\n      <nve-icon-button container=\"flat\" size=\"sm\" icon-name=\"chevron\" direction=\"down\" aria-label=\"next\"></nve-icon-button>\n    </nve-toolbar>\n  `\n};\n\n/**\n * @summary Custom pagination with select dropdown for page size and navigation arrows.\n */\nexport const CustomSelectPattern = {\n  render: () => html`\n    <nve-toolbar container=\"inset\">\n      <nve-select style=\"--width: 80px\">\n        <select aria-label=\"page size\">\n          <option value=\"10\">1-10</option>\n        </select>\n      </nve-select>\n      <label nve-text=\"label muted sm\" style=\"width: 40px\">of ~13</label>\n      <nve-icon-button container=\"flat\" icon-name=\"chevron\" direction=\"left\" aria-label=\"previous\" disabled></nve-icon-button>\n      <nve-icon-button container=\"flat\" icon-name=\"chevron\" direction=\"right\" aria-label=\"next\"></nve-icon-button>\n    </nve-toolbar>\n  `\n};\n"],"mappings":";AAGA,IAAAA,IAAS"}

package/dist/pagination/pagination.js

@@ -1,6 +1,5 @@
-//#region src/pagination/pagination.css?inline
+// src/pagination/pagination.css?inline
 var e = ":host{--font-size: var(--nve-ref-font-size-100);width:fit-content;display:inline-flex;contain:initial}[internal-host]{display:flex;align-items:center}label{color:var(--nve-sys-text-muted-color);font-size:var(--nve-ref-font-size-100);margin-inline:var(--nve-ref-space-xxs);white-space:nowrap}.select-label{background:var(--nve-sys-interaction-field-background);color:var(--nve-sys-interaction-field-color);padding:0 var(--nve-ref-size-200);font-size:var(--font-size);position:absolute;inset:var(--nve-ref-size-50);display:flex;place-items:center;pointer-events:none;text-wrap:nowrap;width:fit-content}:host([container=\"flat\"]) select,:host([container=\"inline\"]) select{opacity:0}:host([container=\"flat\"]) .select-label,:host([container=\"inline\"]) .select-label{background:transparent}:host([container=\"inline\"]) select{opacity:0}:host([container=\"inline\"]) nve-select{--width: fit-content;margin-inline-end:0}:host([container=\"inline\"]) label{margin-inline:0}nve-input{margin-inline-end:var(--nve-ref-space-xs);--width: fit-content}nve-select{margin-inline-end:var(--nve-ref-space-xs);--width: fit-content}nve-icon-button:state(disabled){--nve-sys-interaction-state-ratio-disabled: 0 !important}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=pagination.js.map

package/dist/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../src/pagination/pagination.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  --font-size: var(--nve-ref-font-size-100);\n  width: fit-content;\n  display: inline-flex;\n  contain: initial;\n}\n\n[internal-host] {\n  display: flex;\n  align-items: center;\n}\n\nlabel {\n  color: var(--nve-sys-text-muted-color);\n  font-size: var(--nve-ref-font-size-100);\n  margin-inline: var(--nve-ref-space-xxs);\n  white-space: nowrap;\n}\n\n.select-label {\n  background: var(--nve-sys-interaction-field-background);\n  color: var(--nve-sys-interaction-field-color);\n  padding: 0 var(--nve-ref-size-200);\n  font-size: var(--font-size);\n  position: absolute;\n  inset: var(--nve-ref-size-50);\n  display: flex;\n  place-items: center;\n  pointer-events: none;\n  text-wrap: nowrap;\n  width: fit-content;\n}\n\n:host([container='flat']) select,\n:host([container='inline']) select {\n  opacity: 0;\n}\n\n:host([container='flat']) .select-label,\n:host([container='inline']) .select-label {\n  background: transparent;\n}\n\n:host([container='inline']) select {\n  opacity: 0;\n}\n\n:host([container='inline']) nve-select {\n  --width: fit-content;\n  margin-inline-end: 0;\n}\n\n:host([container='inline']) label {\n  margin-inline: 0;\n}\n\nnve-input {\n  margin-inline-end: var(--nve-ref-space-xs);\n  --width: fit-content;\n}\n\nnve-select {\n  margin-inline-end: var(--nve-ref-space-xs);\n  --width: fit-content;\n}\n\nnve-icon-button:state(disabled) {\n  --nve-sys-interaction-state-ratio-disabled: 0 !important;\n}\n"],"mappings":""}
+{"version":3,"file":"pagination.js","names":["pagination_default"],"sources":["../../src/pagination/pagination.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  --font-size: var(--nve-ref-font-size-100);\n  width: fit-content;\n  display: inline-flex;\n  contain: initial;\n}\n\n[internal-host] {\n  display: flex;\n  align-items: center;\n}\n\nlabel {\n  color: var(--nve-sys-text-muted-color);\n  font-size: var(--nve-ref-font-size-100);\n  margin-inline: var(--nve-ref-space-xxs);\n  white-space: nowrap;\n}\n\n.select-label {\n  background: var(--nve-sys-interaction-field-background);\n  color: var(--nve-sys-interaction-field-color);\n  padding: 0 var(--nve-ref-size-200);\n  font-size: var(--font-size);\n  position: absolute;\n  inset: var(--nve-ref-size-50);\n  display: flex;\n  place-items: center;\n  pointer-events: none;\n  text-wrap: nowrap;\n  width: fit-content;\n}\n\n:host([container='flat']) select,\n:host([container='inline']) select {\n  opacity: 0;\n}\n\n:host([container='flat']) .select-label,\n:host([container='inline']) .select-label {\n  background: transparent;\n}\n\n:host([container='inline']) select {\n  opacity: 0;\n}\n\n:host([container='inline']) nve-select {\n  --width: fit-content;\n  margin-inline-end: 0;\n}\n\n:host([container='inline']) label {\n  margin-inline: 0;\n}\n\nnve-input {\n  margin-inline-end: var(--nve-ref-space-xs);\n  --width: fit-content;\n}\n\nnve-select {\n  margin-inline-end: var(--nve-ref-space-xs);\n  --width: fit-content;\n}\n\nnve-icon-button:state(disabled) {\n  --nve-sys-interaction-state-ratio-disabled: 0 !important;\n}\n"],"mappings":""}

package/dist/pagination/pagination2.js

@@ -4,7 +4,7 @@ import { typeSSR as n } from "../internal/controllers/type-ssr.controller.js";
 import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
 import { useStyles as i } from "../internal/styles/index.js";
 import { formatStandardNumber as a } from "../internal/utils/objects.js";
-import o from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import o from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { IconButton as s } from "../icon-button/icon-button2.js";
 import { Select as c } from "../select/select2.js";
 import l from "./pagination.js";
@@ -12,7 +12,7 @@ import { LitElement as u, html as d, nothing as f } from "lit";
 import { property as p } from "lit/decorators/property.js";
 import { I18nController as m } from "@nvidia-elements/foundations/internal/i18n";
 import { FormControlMixin as h } from "@nvidia-elements/forms/mixins";
-//#region src/pagination/pagination.ts
+// src/pagination/pagination.ts
 var g = {
 	of: "of",
 	previous: "previous",
@@ -28,7 +28,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-pagination",
-			version: "2.20.1",
+			version: "2.20.2",
 			valueSchema: { type: "number" }
 		};
 	}
@@ -128,7 +128,6 @@ o([p({ type: Number })], _.prototype, "step", void 0), o([p({
 	e(),
 	r()
 ], _);
-//#endregion
 export { _ as Pagination };
 
 //# sourceMappingURL=pagination2.js.map

package/dist/pagination/pagination2.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination2.js","names":[],"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/define.js

@@ -1,6 +1,5 @@
 import { Panel as e, PanelContent as t, PanelFooter as n, PanelHeader as r } from "./panel2.js";
 import { define as i } from "@nvidia-elements/foundations/internal/define";
 i(e), i(r), i(t), i(n);
-//#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/panel/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/panel/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Panel, PanelHeader, PanelContent, PanelFooter } from '@nvidia-elements/core/panel';\n\ndefine(Panel);\ndefine(PanelHeader);\ndefine(PanelContent);\ndefine(PanelFooter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-panel': Panel;\n    'nve-panel-header': PanelHeader;\n    'nve-panel-content': PanelContent;\n    'nve-panel-footer': PanelFooter;\n  }\n}\n"],"mappings":";;AAMA,EAAO,CAAK,GACZ,EAAO,CAAW,GAClB,EAAO,CAAY,GACnB,EAAO,CAAW"}
+{"version":3,"file":"define.js","names":["define","Panel","PanelHeader","PanelContent","PanelFooter"],"sources":["../../src/panel/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\nimport { Panel, PanelHeader, PanelContent, PanelFooter } from '@nvidia-elements/core/panel';\n\ndefine(Panel);\ndefine(PanelHeader);\ndefine(PanelContent);\ndefine(PanelFooter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-panel': Panel;\n    'nve-panel-header': PanelHeader;\n    'nve-panel-content': PanelContent;\n    'nve-panel-footer': PanelFooter;\n  }\n}\n"],"mappings":";;AAMAA,EAAOC,CAAK,GACZD,EAAOE,CAAW,GAClBF,EAAOG,CAAY,GACnBH,EAAOI,CAAW"}

package/dist/panel/index.js

@@ -1,2 +1 @@
-import { Panel as e, PanelContent as t, PanelFooter as n, PanelHeader as r } from "./panel2.js";
-export { e as Panel, t as PanelContent, n as PanelFooter, r as PanelHeader };
+export { Panel, PanelContent, PanelFooter, PanelHeader } from "./panel2.js";

package/dist/panel/panel-content.js

@@ -1,6 +1,5 @@
-//#region src/panel/panel-content.css?inline
+// src/panel/panel-content.css?inline
 var e = ":host{--padding: var(--nve-ref-size-300) var(--nve-ref-size-400);padding:var(--padding);color:var(--color);flex-grow:1;width:100%;contain:none}::slotted(nve-menu){--width: 100%}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=panel-content.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"panel-content.js","names":[],"sources":["../../src/panel/panel-content.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  --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  padding: var(--padding);\n  color: var(--color);\n  flex-grow: 1;\n  width: 100%;\n  contain: none;\n}\n\n::slotted(nve-menu) {\n  --width: 100%;\n}\n"],"mappings":""}
+{"version":3,"file":"panel-content.js","names":["panel_content_default"],"sources":["../../src/panel/panel-content.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  --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  padding: var(--padding);\n  color: var(--color);\n  flex-grow: 1;\n  width: 100%;\n  contain: none;\n}\n\n::slotted(nve-menu) {\n  --width: 100%;\n}\n"],"mappings":""}

package/dist/panel/panel-footer.js

@@ -1,6 +1,5 @@
-//#region src/panel/panel-footer.css?inline
+// src/panel/panel-footer.css?inline
 var e = ":host{--padding: var(--nve-ref-size-300) var(--nve-ref-size-400);--border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);--gap: var(--nve-ref-space-sm)}footer[internal-host]{padding:var(--padding);border-top:var(--border-top);color:var(--color);display:flex;place-items:flex-start;gap:var(--gap);::slotted(nve-button){flex-grow:1}}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=panel-footer.js.map

package/dist/panel/panel-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-footer.js","names":[],"sources":["../../src/panel/panel-footer.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  --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --gap: var(--nve-ref-space-sm);\n}\n\nfooter[internal-host] {\n  padding: var(--padding);\n  border-top: var(--border-top);\n  color: var(--color);\n  display: flex;\n  place-items: flex-start;\n  gap: var(--gap);\n\n  ::slotted(nve-button) {\n    flex-grow: 1;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"panel-footer.js","names":["panel_footer_default"],"sources":["../../src/panel/panel-footer.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  --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --gap: var(--nve-ref-space-sm);\n}\n\nfooter[internal-host] {\n  padding: var(--padding);\n  border-top: var(--border-top);\n  color: var(--color);\n  display: flex;\n  place-items: flex-start;\n  gap: var(--gap);\n\n  ::slotted(nve-button) {\n    flex-grow: 1;\n  }\n}\n"],"mappings":""}

package/dist/panel/panel-header.js

@@ -1,6 +1,5 @@
-//#region src/panel/panel-header.css?inline
+// src/panel/panel-header.css?inline
 var e = ":host{--padding: var(--nve-ref-size-300) 0 var(--nve-ref-size-300) var(--nve-ref-size-400);--border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);flex-grow:1}[internal-host]{padding:var(--padding);color:var(--color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-grow:1}::slotted([slot=\"title\"]){margin:0;font-size:var(--nve-ref-font-size-200);font-weight:var(--nve-ref-font-weight-semibold)}::slotted([slot=\"subtitle\"]){margin:0;font-size:var(--nve-ref-font-size-100);font-weight:var(--nve-ref-font-weight-regular);color:var(--nve-sys-text-muted-color)}::slotted([slot=\"action-icon\"]){margin-block-start:calc((var(--nve-ref-size-300) * -1) + var(--nve-ref-size-100));align-self:self-start;z-index:99}";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=panel-header.js.map

package/dist/panel/panel-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-header.js","names":[],"sources":["../../src/panel/panel-header.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  --padding: var(--nve-ref-size-300) 0 var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n\n  flex-grow: 1;\n}\n\n[internal-host] {\n  padding: var(--padding);\n  color: var(--color);\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  flex-grow: 1;\n}\n\n::slotted([slot='title']) {\n  margin: 0;\n  font-size: var(--nve-ref-font-size-200);\n  font-weight: var(--nve-ref-font-weight-semibold);\n}\n\n::slotted([slot='subtitle']) {\n  margin: 0;\n  font-size: var(--nve-ref-font-size-100);\n  font-weight: var(--nve-ref-font-weight-regular);\n  color: var(--nve-sys-text-muted-color);\n}\n\n::slotted([slot='action-icon']) {\n  margin-block-start: calc((var(--nve-ref-size-300) * -1) + var(--nve-ref-size-100)); /* not nve-ref-size-300 */\n  align-self: self-start;\n  z-index: 99;\n}\n"],"mappings":""}
+{"version":3,"file":"panel-header.js","names":["panel_header_default"],"sources":["../../src/panel/panel-header.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  --padding: var(--nve-ref-size-300) 0 var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n\n  flex-grow: 1;\n}\n\n[internal-host] {\n  padding: var(--padding);\n  color: var(--color);\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  flex-grow: 1;\n}\n\n::slotted([slot='title']) {\n  margin: 0;\n  font-size: var(--nve-ref-font-size-200);\n  font-weight: var(--nve-ref-font-weight-semibold);\n}\n\n::slotted([slot='subtitle']) {\n  margin: 0;\n  font-size: var(--nve-ref-font-size-100);\n  font-weight: var(--nve-ref-font-weight-regular);\n  color: var(--nve-sys-text-muted-color);\n}\n\n::slotted([slot='action-icon']) {\n  margin-block-start: calc((var(--nve-ref-size-300) * -1) + var(--nve-ref-size-100)); /* not nve-ref-size-300 */\n  align-self: self-start;\n  z-index: 99;\n}\n"],"mappings":""}

package/dist/panel/panel.examples.js

@@ -1,6 +1,5 @@
-//#region src/panel/panel.examples.ts
+// src/panel/panel.examples.ts
 var e = "";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=panel.examples.js.map