@nvidia-elements/core 2.2.2 → 2.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/accordion/accordion2.js +4 -4
  3. package/dist/alert/alert-group2.js +1 -1
  4. package/dist/alert/alert.examples.js.map +1 -1
  5. package/dist/alert/alert.examples.json +7 -3
  6. package/dist/alert/alert2.js +1 -1
  7. package/dist/avatar/avatar-group2.js +1 -1
  8. package/dist/avatar/avatar2.js +1 -1
  9. package/dist/badge/badge2.js +1 -1
  10. package/dist/breadcrumb/breadcrumb2.js +1 -1
  11. package/dist/bundles/index.d.ts +1 -0
  12. package/dist/bundles/index.js +2 -2
  13. package/dist/button/button2.js +1 -1
  14. package/dist/button-group/button-group2.js +1 -1
  15. package/dist/card/card.examples.js.map +1 -1
  16. package/dist/card/card.examples.json +10 -4
  17. package/dist/card/card2.js +4 -4
  18. package/dist/chat-message/chat-message2.js +1 -1
  19. package/dist/checkbox/checkbox-group2.js +1 -1
  20. package/dist/checkbox/checkbox2.js +1 -1
  21. package/dist/color/color2.js +1 -1
  22. package/dist/combobox/combobox2.js +1 -1
  23. package/dist/copy-button/copy-button2.js +1 -1
  24. package/dist/custom-elements-jsx.d.ts +1 -0
  25. package/dist/custom-elements-vue.d.ts +1 -0
  26. package/dist/custom-elements.json +5 -1
  27. package/dist/data.html.json +1 -1
  28. package/dist/date/date2.js +1 -1
  29. package/dist/datetime/datetime2.js +1 -1
  30. package/dist/dialog/dialog-footer2.js +1 -1
  31. package/dist/dialog/dialog-header2.js +1 -1
  32. package/dist/dialog/dialog2.js +1 -1
  33. package/dist/divider/divider2.js +1 -1
  34. package/dist/dot/dot2.js +1 -1
  35. package/dist/drawer/drawer-content2.js +1 -1
  36. package/dist/drawer/drawer-footer2.js +1 -1
  37. package/dist/drawer/drawer-header2.js +1 -1
  38. package/dist/drawer/drawer2.js +1 -1
  39. package/dist/dropdown/dropdown-footer2.js +1 -1
  40. package/dist/dropdown/dropdown-header2.js +1 -1
  41. package/dist/dropdown/dropdown2.js +1 -1
  42. package/dist/dropdown-group/dropdown-group.js +1 -1
  43. package/dist/dropzone/dropzone2.js +1 -1
  44. package/dist/file/file2.js +1 -1
  45. package/dist/format-datetime/format-datetime2.js +1 -1
  46. package/dist/format-number/format-number2.js +1 -1
  47. package/dist/format-relative-time/format-relative-time2.js +1 -1
  48. package/dist/forms/control/control.js +1 -1
  49. package/dist/forms/control/control.js.map +1 -1
  50. package/dist/forms/control/control2.js +9 -21
  51. package/dist/forms/control/control2.js.map +1 -1
  52. package/dist/forms/control-group/control-group2.js +1 -1
  53. package/dist/forms/control-message/control-message2.js +1 -1
  54. package/dist/gauge/gauge2.js +1 -1
  55. package/dist/grid/cell/cell2.js +1 -1
  56. package/dist/grid/column/column2.js +1 -1
  57. package/dist/grid/footer/footer2.js +1 -1
  58. package/dist/grid/grid.examples.js.map +1 -1
  59. package/dist/grid/grid.examples.json +6 -2
  60. package/dist/grid/grid2.js +1 -1
  61. package/dist/grid/header/header2.js +1 -1
  62. package/dist/grid/placeholder/placeholder2.js +1 -1
  63. package/dist/grid/row/row2.js +1 -1
  64. package/dist/icon/icon2.js +2 -2
  65. package/dist/icon-button/icon-button2.js +1 -1
  66. package/dist/index.js +1 -1
  67. package/dist/input/input-group2.js +1 -1
  68. package/dist/input/input.js +1 -1
  69. package/dist/input/input.js.map +1 -1
  70. package/dist/input/input2.js +1 -1
  71. package/dist/internal/services/global.service.js +1 -1
  72. package/dist/logo/logo2.js +1 -1
  73. package/dist/menu/menu-item2.js +1 -1
  74. package/dist/menu/menu2.js +1 -1
  75. package/dist/month/month2.js +1 -1
  76. package/dist/notification/notification-group2.js +1 -1
  77. package/dist/notification/notification2.js +1 -1
  78. package/dist/page/page-panel/page-panel-content2.js +1 -1
  79. package/dist/page/page-panel/page-panel-footer2.js +1 -1
  80. package/dist/page/page-panel/page-panel-header2.js +1 -1
  81. package/dist/page/page-panel/page-panel2.js +1 -1
  82. package/dist/page/page.d.ts +1 -0
  83. package/dist/page/page.js +1 -1
  84. package/dist/page/page.js.map +1 -1
  85. package/dist/page/page2.js +1 -1
  86. package/dist/page/page2.js.map +1 -1
  87. package/dist/page-header/page-header2.js +1 -1
  88. package/dist/page-loader/page-loader2.js +1 -1
  89. package/dist/pagination/pagination2.js +1 -1
  90. package/dist/panel/panel2.js +4 -4
  91. package/dist/password/password2.js +1 -1
  92. package/dist/preferences-input/preferences-input2.js +1 -1
  93. package/dist/progress-bar/progress-bar2.js +1 -1
  94. package/dist/progress-ring/progress-ring2.js +1 -1
  95. package/dist/progressive-filter-chip/progressive-filter-chip2.js +1 -1
  96. package/dist/pulse/pulse2.js +1 -1
  97. package/dist/radio/radio-group2.js +1 -1
  98. package/dist/radio/radio2.js +1 -1
  99. package/dist/range/range2.js +1 -1
  100. package/dist/resize-handle/resize-handle2.js +1 -1
  101. package/dist/search/search2.js +1 -1
  102. package/dist/select/select.js +1 -1
  103. package/dist/select/select.js.map +1 -1
  104. package/dist/select/select2.js +1 -1
  105. package/dist/skeleton/skeleton2.js +1 -1
  106. package/dist/sort-button/sort-button2.js +1 -1
  107. package/dist/sparkline/sparkline2.js +1 -1
  108. package/dist/star-rating/star-rating2.js +1 -1
  109. package/dist/steps/steps2.js +2 -2
  110. package/dist/switch/switch-group2.js +1 -1
  111. package/dist/switch/switch2.js +1 -1
  112. package/dist/tabs/tabs-group2.js +1 -1
  113. package/dist/tabs/tabs2.js +2 -2
  114. package/dist/tag/tag2.js +1 -1
  115. package/dist/textarea/textarea2.js +1 -1
  116. package/dist/time/time2.js +1 -1
  117. package/dist/toast/toast2.js +1 -1
  118. package/dist/toggletip/toggletip-footer2.js +1 -1
  119. package/dist/toggletip/toggletip-header2.js +1 -1
  120. package/dist/toggletip/toggletip.examples.js.map +1 -1
  121. package/dist/toggletip/toggletip.examples.json +1 -1
  122. package/dist/toggletip/toggletip2.js +1 -1
  123. package/dist/toolbar/toolbar.examples.js.map +1 -1
  124. package/dist/toolbar/toolbar.examples.json +1 -1
  125. package/dist/toolbar/toolbar2.js +1 -1
  126. package/dist/tooltip/tooltip2.js +1 -1
  127. package/dist/tree/tree-node2.js +1 -1
  128. package/dist/tree/tree2.js +1 -1
  129. package/dist/week/week2.js +1 -1
  130. package/package.json +13 -6
@@ -19,7 +19,7 @@ var a = class {
19
19
  i18nRegistry: {},
20
20
  audit: {}
21
21
  }
22
- }, globalThis.NVE_ELEMENTS.state.versions = Array.from(/* @__PURE__ */ new Set([...globalThis.NVE_ELEMENTS.state.versions, "2.2.2"])), globalThis.NVE_ELEMENTS.state.scopedRegistry ??= {}, globalThis.NVE_ELEMENTS.state.scopedRegistry["2.2.2"] = i(), globalThis.NVE_ELEMENTS.state.versions.length > 1 && globalThis.NVE_ELEMENTS.state.env !== "production" && console.warn(e(), `\n\n${JSON.stringify(globalThis.NVE_ELEMENTS.state.versions, null, 2)}`);
22
+ }, globalThis.NVE_ELEMENTS.state.versions = Array.from(/* @__PURE__ */ new Set([...globalThis.NVE_ELEMENTS.state.versions, "2.2.3"])), globalThis.NVE_ELEMENTS.state.scopedRegistry ??= {}, globalThis.NVE_ELEMENTS.state.scopedRegistry["2.2.3"] = i(), globalThis.NVE_ELEMENTS.state.versions.length > 1 && globalThis.NVE_ELEMENTS.state.env !== "production" && console.warn(e(), `\n\n${JSON.stringify(globalThis.NVE_ELEMENTS.state.versions, null, 2)}`);
23
23
  }
24
24
  get state() {
25
25
  return globalThis.NVE_ELEMENTS.state;
@@ -12,7 +12,7 @@ var c = class extends a {
12
12
  static {
13
13
  this.metadata = {
14
14
  tag: "nve-logo",
15
- version: "2.2.2"
15
+ version: "2.2.3"
16
16
  };
17
17
  }
18
18
  render() {
@@ -13,7 +13,7 @@ var c = class extends s(i) {
13
13
  static {
14
14
  this.metadata = {
15
15
  tag: "nve-menu-item",
16
- version: "2.2.2",
16
+ version: "2.2.3",
17
17
  parents: ["nve-menu"]
18
18
  };
19
19
  }
@@ -16,7 +16,7 @@ var d = class extends c {
16
16
  static {
17
17
  this.metadata = {
18
18
  tag: "nve-menu",
19
- version: "2.2.2",
19
+ version: "2.2.3",
20
20
  children: ["nve-menu-item", "nve-divider"]
21
21
  };
22
22
  }
@@ -19,7 +19,7 @@ var l = class extends r {
19
19
  static {
20
20
  this.metadata = {
21
21
  tag: "nve-month",
22
- version: "2.2.2"
22
+ version: "2.2.3"
23
23
  };
24
24
  }
25
25
  static {
@@ -20,7 +20,7 @@ var l = class extends o {
20
20
  static {
21
21
  this.metadata = {
22
22
  tag: "nve-notification-group",
23
- version: "2.2.2",
23
+ version: "2.2.3",
24
24
  children: ["nve-notification"]
25
25
  };
26
26
  }
@@ -34,7 +34,7 @@ var m = class extends d {
34
34
  static {
35
35
  this.metadata = {
36
36
  tag: "nve-notification",
37
- version: "2.2.2"
37
+ version: "2.2.3"
38
38
  };
39
39
  }
40
40
  static {
@@ -9,7 +9,7 @@ var i = class extends n {
9
9
  static {
10
10
  this.metadata = {
11
11
  tag: "nve-page-panel-content",
12
- version: "2.2.2"
12
+ version: "2.2.3"
13
13
  };
14
14
  }
15
15
  render() {
@@ -14,7 +14,7 @@ var o = class extends i {
14
14
  static {
15
15
  this.metadata = {
16
16
  tag: "nve-page-panel-footer",
17
- version: "2.2.2"
17
+ version: "2.2.3"
18
18
  };
19
19
  }
20
20
  render() {
@@ -14,7 +14,7 @@ var o = class extends i {
14
14
  static {
15
15
  this.metadata = {
16
16
  tag: "nve-page-panel-header",
17
- version: "2.2.2"
17
+ version: "2.2.3"
18
18
  };
19
19
  }
20
20
  render() {
@@ -18,7 +18,7 @@ var f = class extends l {
18
18
  static {
19
19
  this.metadata = {
20
20
  tag: "nve-page-panel",
21
- version: "2.2.2",
21
+ version: "2.2.3",
22
22
  parents: ["nve-page"]
23
23
  };
24
24
  }
@@ -22,6 +22,7 @@ import { LitElement } from 'lit';
22
22
  * @cssprop --border-radius
23
23
  * @cssprop --box-shadow
24
24
  * @cssprop --min-height
25
+ * @cssprop --gap - Vertical gap spacing between main content items
25
26
  * @aria https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/
26
27
  * @responsive false
27
28
  *
package/dist/page/page.js CHANGED
@@ -1,5 +1,5 @@
1
1
  //#region src/page/page.css?inline
2
- var e = ":host{--background: var(--nve-sys-layer-canvas-background);--color: var(--nve-sys-layer-canvas-color);--padding: 0;display:block;height:100vh;width:stretch;overflow:hidden}:host([document-scroll]){height:auto!important}[internal-host]{background:var(--background);color:var(--color);height:100%;display:grid;grid-template-rows:auto auto 1fr auto auto;grid-template-columns:auto auto 1fr auto auto;grid-template-areas:\"header header header header header\" \"left-aside subheader subheader subheader right-aside\" \"left-aside left main right right-aside\" \"left-aside left bottom right right-aside\" \"left-aside subfooter subfooter subfooter right-aside\" \"footer footer footer footer footer\"}slot{display:flex;background:var(--background);scroll-behavior:smooth;scrollbar-color:var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width)}[name=header]{grid-area:header;flex-direction:column}[name=subheader]{grid-area:subheader;flex-direction:column}[name=left]{grid-area:left;height:100%}[name=right]{grid-area:right;height:100%}[name=bottom]{grid-area:bottom;height:fit-content;flex-direction:column}[name=left-aside],[name=right-aside]{position:relative;z-index:1}[name=left-aside]{grid-area:left-aside;height:100%}[name=right-aside]{grid-area:right-aside;height:100%}[name=subfooter]{grid-area:subfooter}[name=footer]{grid-area:footer}::slotted(nve-page-panel){--border: 0}::slotted(nve-toolbar[slot=\"footer\"]),::slotted(nve-toolbar[slot=\"subfooter\"]),::slotted(nve-page-panel[slot=\"footer\"]),::slotted(nve-page-panel[slot=\"subfooter\"]){border-block-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);width:100%}::slotted(nve-page-panel[slot=\"left\"]),::slotted(nve-page-panel[slot=\"left-aside\"]),::slotted(nve-toolbar[slot=\"left-aside\"]){border-inline-end:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"right\"]),::slotted(nve-page-panel[slot=\"right-aside\"]),::slotted(nve-toolbar[slot=\"right-aside\"]){border-inline-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"bottom\"]){border-block-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"subheader\"]),::slotted(nve-toolbar[slot=\"subheader\"]){border-block-end:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-toolbar){--border-radius: 0;--box-shadow: none}::slotted(nve-toolbar[slot=\"subheader\"]) ::slotted(nve-toolbar[slot=\"subfooter\"]),::slotted(nve-toolbar[slot=\"footer\"]){height:fit-content}::slotted(nve-toolbar[slot=\"left-aside\"]),::slotted(nve-toolbar[slot=\"right-aside\"]){--min-height: 100%}::slotted(nve-resize-handle[slot]){--background: transparent}::slotted(nve-resize-handle[slot=\"left\"]){margin-inline-start:calc(-1 * var(--nve-ref-border-width-md))}::slotted(nve-resize-handle[slot=\"right\"]){margin-inline-end:calc(-1 * var(--nve-ref-border-width-md))}slot:not([name]){gap:var(--nve-ref-space-md);padding:var(--padding);display:flex;flex-direction:column;align-items:start;overflow:auto;slot{display:contents}}::slotted(main){width:100%;height:100%}";
2
+ var e = ":host{--background: var(--nve-sys-layer-canvas-background);--color: var(--nve-sys-layer-canvas-color);--gap: var(--nve-ref-space-md);--padding: 0;display:block;height:100vh;width:stretch;overflow:hidden}:host([document-scroll]){height:auto!important}[internal-host]{background:var(--background);color:var(--color);height:100%;display:grid;grid-template-rows:auto auto 1fr auto auto;grid-template-columns:auto auto 1fr auto auto;grid-template-areas:\"header header header header header\" \"left-aside subheader subheader subheader right-aside\" \"left-aside left main right right-aside\" \"left-aside left bottom right right-aside\" \"left-aside subfooter subfooter subfooter right-aside\" \"footer footer footer footer footer\"}slot{display:flex;background:var(--background);scroll-behavior:smooth;scrollbar-color:var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width)}[name=header]{grid-area:header;flex-direction:column}[name=subheader]{grid-area:subheader;flex-direction:column}[name=left]{grid-area:left;height:100%}[name=right]{grid-area:right;height:100%}[name=bottom]{grid-area:bottom;height:fit-content;flex-direction:column}[name=left-aside],[name=right-aside]{position:relative;z-index:1}[name=left-aside]{grid-area:left-aside;height:100%}[name=right-aside]{grid-area:right-aside;height:100%}[name=subfooter]{grid-area:subfooter}[name=footer]{grid-area:footer}::slotted(nve-page-panel){--border: 0}::slotted(nve-toolbar[slot=\"footer\"]),::slotted(nve-toolbar[slot=\"subfooter\"]),::slotted(nve-page-panel[slot=\"footer\"]),::slotted(nve-page-panel[slot=\"subfooter\"]){border-block-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);width:100%}::slotted(nve-page-panel[slot=\"left\"]),::slotted(nve-page-panel[slot=\"left-aside\"]),::slotted(nve-toolbar[slot=\"left-aside\"]){border-inline-end:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"right\"]),::slotted(nve-page-panel[slot=\"right-aside\"]),::slotted(nve-toolbar[slot=\"right-aside\"]){border-inline-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"bottom\"]){border-block-start:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-page-panel[slot=\"subheader\"]),::slotted(nve-toolbar[slot=\"subheader\"]){border-block-end:var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted)}::slotted(nve-toolbar){--border-radius: 0;--box-shadow: none}::slotted(nve-toolbar[slot=\"subheader\"]) ::slotted(nve-toolbar[slot=\"subfooter\"]),::slotted(nve-toolbar[slot=\"footer\"]){height:fit-content}::slotted(nve-toolbar[slot=\"left-aside\"]),::slotted(nve-toolbar[slot=\"right-aside\"]){--min-height: 100%}::slotted(nve-resize-handle[slot]){--background: transparent}::slotted(nve-resize-handle[slot=\"left\"]){margin-inline-start:calc(-1 * var(--nve-ref-border-width-md))}::slotted(nve-resize-handle[slot=\"right\"]){margin-inline-end:calc(-1 * var(--nve-ref-border-width-md))}slot:not([name]){gap:var(--gap);padding:var(--padding);display:flex;flex-direction:column;align-items:start;overflow:auto;slot{display:contents}}::slotted(main){width:100%;height:100%}";
3
3
  //#endregion
4
4
  export { e as default };
5
5
 
@@ -1 +1 @@
1
- {"version":3,"file":"page.js","names":[],"sources":["../../src/page/page.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-canvas-background);\n --color: var(--nve-sys-layer-canvas-color);\n --padding: 0;\n display: block;\n height: 100vh;\n width: stretch;\n overflow: hidden;\n}\n\n:host([document-scroll]) {\n height: auto !important;\n}\n\n[internal-host] {\n background: var(--background);\n color: var(--color);\n height: 100%;\n display: grid;\n grid-template-rows: auto auto 1fr auto auto;\n grid-template-columns: auto auto 1fr auto auto;\n grid-template-areas:\n 'header header header header header'\n 'left-aside subheader subheader subheader right-aside'\n 'left-aside left main right right-aside'\n 'left-aside left bottom right right-aside'\n 'left-aside subfooter subfooter subfooter right-aside'\n 'footer footer footer footer footer';\n}\n\nslot {\n display: flex;\n background: var(--background);\n scroll-behavior: smooth;\n scrollbar-color: var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);\n scrollbar-width: var(--nve-sys-scrollbar-width);\n}\n\n[name='header'] {\n grid-area: header;\n flex-direction: column;\n}\n\n[name='subheader'] {\n grid-area: subheader;\n flex-direction: column;\n}\n\n[name='left'] {\n grid-area: left;\n height: 100%;\n}\n\n[name='right'] {\n grid-area: right;\n height: 100%;\n}\n\n[name='bottom'] {\n grid-area: bottom;\n height: fit-content;\n flex-direction: column;\n}\n\n/** ensures sliding panels transition \"under\" aside slot */\n[name='left-aside'],\n[name='right-aside'] {\n position: relative;\n z-index: 1;\n}\n\n[name='left-aside'] {\n grid-area: left-aside;\n height: 100%;\n}\n\n[name='right-aside'] {\n grid-area: right-aside;\n height: 100%;\n}\n\n[name='subfooter'] {\n grid-area: subfooter;\n}\n\n[name='footer'] {\n grid-area: footer;\n}\n\n::slotted(nve-page-panel) {\n --border: 0;\n}\n\n::slotted(nve-toolbar[slot='footer']),\n::slotted(nve-toolbar[slot='subfooter']),\n::slotted(nve-page-panel[slot='footer']),\n::slotted(nve-page-panel[slot='subfooter']) {\n border-block-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n width: 100%;\n}\n\n::slotted(nve-page-panel[slot='left']),\n::slotted(nve-page-panel[slot='left-aside']),\n::slotted(nve-toolbar[slot='left-aside']) {\n border-inline-end: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='right']),\n::slotted(nve-page-panel[slot='right-aside']),\n::slotted(nve-toolbar[slot='right-aside']) {\n border-inline-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='bottom']) {\n border-block-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='subheader']),\n::slotted(nve-toolbar[slot='subheader']) {\n border-block-end: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-toolbar) {\n --border-radius: 0;\n --box-shadow: none;\n}\n\n::slotted(nve-toolbar[slot='subheader']) ::slotted(nve-toolbar[slot='subfooter']),\n::slotted(nve-toolbar[slot='footer']) {\n height: fit-content;\n}\n\n::slotted(nve-toolbar[slot='left-aside']),\n::slotted(nve-toolbar[slot='right-aside']) {\n --min-height: 100%;\n}\n\n::slotted(nve-resize-handle[slot]) {\n --background: transparent;\n}\n\n::slotted(nve-resize-handle[slot='left']) {\n margin-inline-start: calc(-1 * var(--nve-ref-border-width-md));\n}\n\n::slotted(nve-resize-handle[slot='right']) {\n margin-inline-end: calc(-1 * var(--nve-ref-border-width-md));\n}\n\nslot:not([name]) {\n gap: var(--nve-ref-space-md);\n padding: var(--padding);\n display: flex;\n flex-direction: column;\n align-items: start;\n overflow: auto;\n\n slot {\n display: contents;\n }\n}\n\n::slotted(main) {\n width: 100%;\n height: 100%;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"page.js","names":[],"sources":["../../src/page/page.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-canvas-background);\n --color: var(--nve-sys-layer-canvas-color);\n --gap: var(--nve-ref-space-md);\n --padding: 0;\n display: block;\n height: 100vh;\n width: stretch;\n overflow: hidden;\n}\n\n:host([document-scroll]) {\n height: auto !important;\n}\n\n[internal-host] {\n background: var(--background);\n color: var(--color);\n height: 100%;\n display: grid;\n grid-template-rows: auto auto 1fr auto auto;\n grid-template-columns: auto auto 1fr auto auto;\n grid-template-areas:\n 'header header header header header'\n 'left-aside subheader subheader subheader right-aside'\n 'left-aside left main right right-aside'\n 'left-aside left bottom right right-aside'\n 'left-aside subfooter subfooter subfooter right-aside'\n 'footer footer footer footer footer';\n}\n\nslot {\n display: flex;\n background: var(--background);\n scroll-behavior: smooth;\n scrollbar-color: var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);\n scrollbar-width: var(--nve-sys-scrollbar-width);\n}\n\n[name='header'] {\n grid-area: header;\n flex-direction: column;\n}\n\n[name='subheader'] {\n grid-area: subheader;\n flex-direction: column;\n}\n\n[name='left'] {\n grid-area: left;\n height: 100%;\n}\n\n[name='right'] {\n grid-area: right;\n height: 100%;\n}\n\n[name='bottom'] {\n grid-area: bottom;\n height: fit-content;\n flex-direction: column;\n}\n\n/** ensures sliding panels transition \"under\" aside slot */\n[name='left-aside'],\n[name='right-aside'] {\n position: relative;\n z-index: 1;\n}\n\n[name='left-aside'] {\n grid-area: left-aside;\n height: 100%;\n}\n\n[name='right-aside'] {\n grid-area: right-aside;\n height: 100%;\n}\n\n[name='subfooter'] {\n grid-area: subfooter;\n}\n\n[name='footer'] {\n grid-area: footer;\n}\n\n::slotted(nve-page-panel) {\n --border: 0;\n}\n\n::slotted(nve-toolbar[slot='footer']),\n::slotted(nve-toolbar[slot='subfooter']),\n::slotted(nve-page-panel[slot='footer']),\n::slotted(nve-page-panel[slot='subfooter']) {\n border-block-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n width: 100%;\n}\n\n::slotted(nve-page-panel[slot='left']),\n::slotted(nve-page-panel[slot='left-aside']),\n::slotted(nve-toolbar[slot='left-aside']) {\n border-inline-end: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='right']),\n::slotted(nve-page-panel[slot='right-aside']),\n::slotted(nve-toolbar[slot='right-aside']) {\n border-inline-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='bottom']) {\n border-block-start: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-page-panel[slot='subheader']),\n::slotted(nve-toolbar[slot='subheader']) {\n border-block-end: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n::slotted(nve-toolbar) {\n --border-radius: 0;\n --box-shadow: none;\n}\n\n::slotted(nve-toolbar[slot='subheader']) ::slotted(nve-toolbar[slot='subfooter']),\n::slotted(nve-toolbar[slot='footer']) {\n height: fit-content;\n}\n\n::slotted(nve-toolbar[slot='left-aside']),\n::slotted(nve-toolbar[slot='right-aside']) {\n --min-height: 100%;\n}\n\n::slotted(nve-resize-handle[slot]) {\n --background: transparent;\n}\n\n::slotted(nve-resize-handle[slot='left']) {\n margin-inline-start: calc(-1 * var(--nve-ref-border-width-md));\n}\n\n::slotted(nve-resize-handle[slot='right']) {\n margin-inline-end: calc(-1 * var(--nve-ref-border-width-md));\n}\n\nslot:not([name]) {\n gap: var(--gap);\n padding: var(--padding);\n display: flex;\n flex-direction: column;\n align-items: start;\n overflow: auto;\n\n slot {\n display: contents;\n }\n}\n\n::slotted(main) {\n width: 100%;\n height: 100%;\n}\n"],"mappings":""}
@@ -16,7 +16,7 @@ var c = class extends a {
16
16
  static {
17
17
  this.metadata = {
18
18
  tag: "nve-page",
19
- version: "2.2.2"
19
+ version: "2.2.3"
20
20
  };
21
21
  }
22
22
  static {
@@ -1 +1 @@
1
- {"version":3,"file":"page2.js","names":[],"sources":["../../src/page/page.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { useStyles, attachInternals, audit } from '@nvidia-elements/core/internal';\nimport styles from './page.css?inline';\n\n/**\n * @element nve-page\n * @description Provide a consistent page structure across the applications, ensuring a seamless user experience.\n * @documentation https://nvidia.github.io/elements/docs/elements/page/\n * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @slot - The central content area of the page, where the primary focus of the user's attention should be.\n * @slot header - The topmost section of the page, typically containing navigation, branding, or other global elements.\n * @slot subheader - A secondary section below the header, often used for breadcrumbs, filters, or other contextual information.\n * @slot left-aside - A narrow section on the left side of the page, commonly used for navigation, filters, or other secondary content.\n * @slot left - The main content area on the left side of the page, typically containing primary navigation or features.\n * @slot bottom - A section for extra tooling outputs such as console outputs.\n * @slot right - The main content area on the right side of the page, typically containing secondary navigation or features.\n * @slot right-aside - A narrow section on the right side of the page, commonly used for navigation, filters, or other secondary content.\n * @slot subfooter - A secondary section below the main content area, often used for more information or calls to action.\n * @slot footer - The bottommost section of the page, typically containing global elements, such as copyright information.\n * @cssprop --padding\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --box-shadow\n * @cssprop --min-height\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/\n * @responsive false\n *\n */\n@audit({\n excessiveInstanceLimit: 0\n})\nexport class Page extends LitElement {\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-page',\n version: '0.0.0'\n };\n\n static elementDefinitions = {};\n\n /**\n * Enables the page to use the document content scroll rather than its internal fixed scroll.\n */\n @property({ type: Boolean, reflect: true, attribute: 'document-scroll' }) documentScroll = false;\n\n /** @private */\n declare _internals: ElementInternals;\n\n render() {\n return html`\n <div internal-host>\n <slot name=\"header\"></slot>\n <slot name=\"subheader\"></slot>\n <slot name=\"left-aside\"></slot>\n <slot name=\"left\"></slot>\n <slot></slot>\n <slot name=\"bottom\"></slot>\n <slot name=\"right\"></slot>\n <slot name=\"right-aside\"></slot>\n <slot name=\"subfooter\"></slot>\n <slot name=\"footer\"></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n }\n}\n"],"mappings":";;;;;;;;AAsCO,IAAA,IAAA,cAAmB,EAAW;;qCAawD;;;gBAZ3E,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,CAAC;;CAU7B,SAAS;EACP,OAAO,CAAI;CAcb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,EAAgB,IAAI;CACtB;AACF;GA1BG,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAkB,CAAC,CAAA,GAAA,EAAA,WAAA,kBAAA,KAAA,CAAA,UAhBzE,EAAM,EACL,wBAAwB,EAC1B,CAAC,CAAA,GAAA,CAAA"}
1
+ {"version":3,"file":"page2.js","names":[],"sources":["../../src/page/page.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { useStyles, attachInternals, audit } from '@nvidia-elements/core/internal';\nimport styles from './page.css?inline';\n\n/**\n * @element nve-page\n * @description Provide a consistent page structure across the applications, ensuring a seamless user experience.\n * @documentation https://nvidia.github.io/elements/docs/elements/page/\n * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @slot - The central content area of the page, where the primary focus of the user's attention should be.\n * @slot header - The topmost section of the page, typically containing navigation, branding, or other global elements.\n * @slot subheader - A secondary section below the header, often used for breadcrumbs, filters, or other contextual information.\n * @slot left-aside - A narrow section on the left side of the page, commonly used for navigation, filters, or other secondary content.\n * @slot left - The main content area on the left side of the page, typically containing primary navigation or features.\n * @slot bottom - A section for extra tooling outputs such as console outputs.\n * @slot right - The main content area on the right side of the page, typically containing secondary navigation or features.\n * @slot right-aside - A narrow section on the right side of the page, commonly used for navigation, filters, or other secondary content.\n * @slot subfooter - A secondary section below the main content area, often used for more information or calls to action.\n * @slot footer - The bottommost section of the page, typically containing global elements, such as copyright information.\n * @cssprop --padding\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --box-shadow\n * @cssprop --min-height\n * @cssprop --gap - Vertical gap spacing between main content items\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/\n * @responsive false\n *\n */\n@audit({\n excessiveInstanceLimit: 0\n})\nexport class Page extends LitElement {\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-page',\n version: '0.0.0'\n };\n\n static elementDefinitions = {};\n\n /**\n * Enables the page to use the document content scroll rather than its internal fixed scroll.\n */\n @property({ type: Boolean, reflect: true, attribute: 'document-scroll' }) documentScroll = false;\n\n /** @private */\n declare _internals: ElementInternals;\n\n render() {\n return html`\n <div internal-host>\n <slot name=\"header\"></slot>\n <slot name=\"subheader\"></slot>\n <slot name=\"left-aside\"></slot>\n <slot name=\"left\"></slot>\n <slot></slot>\n <slot name=\"bottom\"></slot>\n <slot name=\"right\"></slot>\n <slot name=\"right-aside\"></slot>\n <slot name=\"subfooter\"></slot>\n <slot name=\"footer\"></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n }\n}\n"],"mappings":";;;;;;;;AAuCO,IAAA,IAAA,cAAmB,EAAW;;qCAawD;;;gBAZ3E,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,CAAC;;CAU7B,SAAS;EACP,OAAO,CAAI;CAcb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,EAAgB,IAAI;CACtB;AACF;GA1BG,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAkB,CAAC,CAAA,GAAA,EAAA,WAAA,kBAAA,KAAA,CAAA,UAhBzE,EAAM,EACL,wBAAwB,EAC1B,CAAC,CAAA,GAAA,CAAA"}
@@ -12,7 +12,7 @@ var s = class extends a {
12
12
  static {
13
13
  this.metadata = {
14
14
  tag: "nve-page-header",
15
- version: "2.2.2"
15
+ version: "2.2.3"
16
16
  };
17
17
  }
18
18
  render() {
@@ -18,7 +18,7 @@ var u = class extends s {
18
18
  static {
19
19
  this.metadata = {
20
20
  tag: "nve-page-loader",
21
- version: "2.2.2"
21
+ version: "2.2.3"
22
22
  };
23
23
  }
24
24
  static {
@@ -21,7 +21,7 @@ var g = class extends h(d) {
21
21
  static {
22
22
  this.metadata = {
23
23
  tag: "nve-pagination",
24
- version: "2.2.2",
24
+ version: "2.2.3",
25
25
  valueSchema: { type: "number" }
26
26
  };
27
27
  }
@@ -21,7 +21,7 @@ var g = class extends f {
21
21
  static {
22
22
  this.metadata = {
23
23
  tag: "nve-panel-header",
24
- version: "2.2.2"
24
+ version: "2.2.3"
25
25
  };
26
26
  }
27
27
  render() {
@@ -37,7 +37,7 @@ var g = class extends f {
37
37
  static {
38
38
  this.metadata = {
39
39
  tag: "nve-panel-content",
40
- version: "2.2.2"
40
+ version: "2.2.3"
41
41
  };
42
42
  }
43
43
  render() {
@@ -50,7 +50,7 @@ var g = class extends f {
50
50
  static {
51
51
  this.metadata = {
52
52
  tag: "nve-panel-footer",
53
- version: "2.2.2"
53
+ version: "2.2.3"
54
54
  };
55
55
  }
56
56
  render() {
@@ -69,7 +69,7 @@ var g = class extends f {
69
69
  static {
70
70
  this.metadata = {
71
71
  tag: "nve-panel",
72
- version: "2.2.2"
72
+ version: "2.2.3"
73
73
  };
74
74
  }
75
75
  static {
@@ -23,7 +23,7 @@ var u = class extends r {
23
23
  static {
24
24
  this.metadata = {
25
25
  tag: "nve-password",
26
- version: "2.2.2"
26
+ version: "2.2.3"
27
27
  };
28
28
  }
29
29
  static {
@@ -43,7 +43,7 @@ var x = class extends g(d) {
43
43
  static {
44
44
  this.metadata = {
45
45
  tag: "nve-preferences-input",
46
- version: "2.2.2",
46
+ version: "2.2.3",
47
47
  valueSchema: {
48
48
  type: "object",
49
49
  properties: {
@@ -16,7 +16,7 @@ var c = class extends i {
16
16
  static {
17
17
  this.metadata = {
18
18
  tag: "nve-progress-bar",
19
- version: "2.2.2"
19
+ version: "2.2.3"
20
20
  };
21
21
  }
22
22
  render() {
@@ -19,7 +19,7 @@ var d = class extends c {
19
19
  static {
20
20
  this.metadata = {
21
21
  tag: "nve-progress-ring",
22
- version: "2.2.2"
22
+ version: "2.2.3"
23
23
  };
24
24
  }
25
25
  static {
@@ -23,7 +23,7 @@ var b = class extends h {
23
23
  static {
24
24
  this.metadata = {
25
25
  tag: "nve-progressive-filter-chip",
26
- version: "2.2.2"
26
+ version: "2.2.3"
27
27
  };
28
28
  }
29
29
  static {
@@ -13,7 +13,7 @@ var c = class extends a {
13
13
  static {
14
14
  this.metadata = {
15
15
  tag: "nve-pulse",
16
- version: "2.2.2"
16
+ version: "2.2.3"
17
17
  };
18
18
  }
19
19
  static {
@@ -12,7 +12,7 @@ var o = class extends i {
12
12
  static {
13
13
  this.metadata = {
14
14
  tag: "nve-radio-group",
15
- version: "2.2.2",
15
+ version: "2.2.3",
16
16
  children: [
17
17
  "label",
18
18
  "nve-control-message",
@@ -15,7 +15,7 @@ var o = class extends i {
15
15
  static {
16
16
  this.metadata = {
17
17
  tag: "nve-radio",
18
- version: "2.2.2",
18
+ version: "2.2.3",
19
19
  children: [
20
20
  "label",
21
21
  "input",
@@ -17,7 +17,7 @@ var d = class extends i {
17
17
  static {
18
18
  this.metadata = {
19
19
  tag: "nve-range",
20
- version: "2.2.2"
20
+ version: "2.2.3"
21
21
  };
22
22
  }
23
23
  connectedCallback() {
@@ -18,7 +18,7 @@ var u = class extends c(a) {
18
18
  static {
19
19
  this.metadata = {
20
20
  tag: "nve-resize-handle",
21
- version: "2.2.2",
21
+ version: "2.2.3",
22
22
  valueSchema: { type: "number" }
23
23
  };
24
24
  }
@@ -22,7 +22,7 @@ var l = class extends r {
22
22
  static {
23
23
  this.metadata = {
24
24
  tag: "nve-search",
25
- version: "2.2.2"
25
+ version: "2.2.3"
26
26
  };
27
27
  }
28
28
  static {
@@ -1,5 +1,5 @@
1
1
  //#region src/select/select.css?inline
2
- var e = ":host{--padding: 0 var(--nve-ref-size-800) 0 var(--nve-ref-size-200);--font-size: var(--nve-ref-font-size-100);--height: var(--nve-ref-size-800);--background: var(--nve-sys-interaction-field-background);--color: var(--nve-sys-interaction-field-color);--border-radius: var(--nve-ref-border-radius-sm);--border: var(--nve-ref-border-width-md) solid transparent;--border-bottom: var(--border);--gap: var(--nve-ref-space-xxs);--cursor: pointer;--font-weight: normal;--text-align: start;--scroll-height: 50vh;--width: 100%;--control-width: var(--width);--max-width: 100%;--min-width: fit-content;--_input-background: var(--background);--_icon-color: var(--color);--_gap: var(--gap);--size: 1;--_row-height: calc(var(--height) * var(--size) + var(--gap) * (var(--size) - 1));--_height: calc(var(--_row-height) + var(--nve-ref-border-width-md) * 2);contain:initial;width:var(--width);max-width:var(--max-width);min-width:var(--min-width)}:host([fit-text]){--min-width: initial}[internal-host]{position:relative}[input]{scroll-behavior:smooth;scrollbar-color:color-mix(in oklab,var(--nve-sys-scrollbar-thumb-color) 100%,currentColor 20%) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width);height:var(--_height);background:var(--background);border:var(--border);border-bottom:var(--border-bottom);border-radius:var(--border-radius);width:var(--control-width);color:var(--color);align-items:center;display:flex;align-content:stretch;position:relative}[name=caret]{right:var(--nve-ref-size-300);align-self:center;pointer-events:none;position:absolute;transition:transform var(--nve-ref-animation-duration-200) cubic-bezier(.4,0,.2,1)}::slotted(select){appearance:none!important;color:var(--color)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;cursor:var(--cursor)!important;font-weight:var(--font-weight)!important;text-align:var(--text-align)!important;height:var(--_height)!important;width:100%!important;border:0!important;background:none!important;display:block!important}[internal-host]:has(nve-menu:focus-within) [input]{outline:0!important}:host(:state(selected)){--font-weight: var(--nve-ref-font-weight-semibold)}:host([fit-content]:state(multiple)) [internal-host]:has(nve-tag) ::slotted(select){width:var(--nve-ref-size-1000)!important}:host(:state(multiple)){--padding: 0 var(--nve-ref-size-300) 0 var(--nve-ref-size-100)}:host(:state(multiple)) [input]{padding:var(--padding)}:host(:state(multiple)) .tags{width:fit-content;display:flex;gap:var(--gap)}:host(:state(multiple)) .tags-label{padding:0 var(--nve-ref-size-200);font-size:var(--font-size);cursor:var(--cursor);font-weight:var(--font-weight);position:absolute;left:0;display:none;pointer-events:none}:host(:state(multiple-overflow)) .tags,:host([multiple-overflow]) .tags{opacity:0;pointer-events:none;position:absolute}:host(:state(multiple-overflow)) .tags-label,:host([multiple-overflow]) .tags-label,.placeholder.tags-label{display:block!important}:host([size]:state(multiple)) .tags,:host([size]:state(multiple)) .tags-label{display:none!important}:host(:state(multiple)) ::slotted(select[multiple]){opacity:0!important}:host(:state(size)) [input]{overflow:auto;display:block}:host(:state(size)) [input] slot:not([name]){display:none}:host([layout*=\"horizontal\"][size]) ::slotted(label){padding-block-start:var(--nve-ref-size-100)!important;align-self:start!important}:host([layout*=\"horizontal\"][size]) slot[name=label]{align-self:start}:host([status=\"error\"]),:host(:state(invalid)),:host(:state(error)){--border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-danger-emphasis-color)}:host([status=\"success\"]),:host(:state(success)){--border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-success-emphasis-color)}:host(:state(disabled)){--border: var(--nve-ref-border-width-md) solid transparent}nve-tag{--background: color-mix(in oklab, var(--color) 15%, var(--_input-background));--padding: var(--nve-ref-size-100) var(--nve-ref-size-200);--cursor: pointer !important}:host(:state(disabled)) nve-tag{pointer-events:none!important;--cursor: not-allowed !important}nve-dropdown{--padding: var(--nve-ref-size-200)}nve-menu{--max-height: var(--scroll-height);--gap: var(--_gap)}nve-menu-item{--text-transform: initial;contain:content;content-visibility:auto}nve-menu-item:not(:state(selected)) nve-icon[name=check]{opacity:0}nve-menu-item nve-icon{--color: inherit}slot:not([name]),slot[name*=option-]{display:contents}:host([container=\"flat\"]){--background: unset;--border-radius: 0;--box-shadow: none;--border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted)}:host([container=\"flat\"]) [input]{background:inherit}:host([container=\"flat\"]) nve-tag{--background: var(--nve-sys-interaction-field-background)}:host([container=\"flat\"]:focus-within){--border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-emphasis)}:host([container=\"flat\"][size]){--border-bottom: 0 !important}:host([container=\"flat\"]:focus-within) [input]{outline:0!important}:host([container=\"inline\"]){--border-radius: 0;--box-shadow: none}:host([container=\"inline\"]) [input]{background:inherit}";
2
+ var e = ":host{--padding: 0 var(--nve-ref-size-800) 0 var(--nve-ref-size-200);--font-size: var(--nve-ref-font-size-100);--height: var(--nve-ref-size-800);--background: var(--nve-sys-interaction-field-background);--color: var(--nve-sys-interaction-field-color);--border-radius: var(--nve-ref-border-radius-sm);--border: var(--nve-ref-border-width-md) solid transparent;--border-bottom: var(--border);--gap: var(--nve-ref-space-xxs);--cursor: pointer;--font-weight: normal;--text-align: start;--scroll-height: 50vh;--width: 100%;--control-width: var(--width);--max-width: 100%;--min-width: fit-content;--_input-background: var(--background);--_icon-color: var(--color);--_gap: var(--gap);--size: 1;--_height: var(--height);contain:initial;width:var(--width);max-width:var(--max-width);min-width:var(--min-width)}:host([fit-text]){--min-width: initial}[internal-host]{position:relative}[input]{scroll-behavior:smooth;scrollbar-color:color-mix(in oklab,var(--nve-sys-scrollbar-thumb-color) 100%,currentColor 20%) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width);height:var(--_height);background:var(--background);border:var(--border);border-bottom:var(--border-bottom);border-radius:var(--border-radius);width:var(--control-width);color:var(--color);align-items:center;display:flex;align-content:stretch;position:relative}[name=caret]{right:var(--nve-ref-size-300);align-self:center;pointer-events:none;position:absolute;transition:transform var(--nve-ref-animation-duration-200) cubic-bezier(.4,0,.2,1)}::slotted(select){appearance:none!important;color:var(--color)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;cursor:var(--cursor)!important;font-weight:var(--font-weight)!important;text-align:var(--text-align)!important;height:var(--_height)!important;width:100%!important;border:0!important;background:none!important;display:block!important}[internal-host]:has(nve-menu:focus-within) [input]{outline:0!important}:host(:state(selected)){--font-weight: var(--nve-ref-font-weight-semibold)}:host([fit-content]:state(multiple)) [internal-host]:has(nve-tag) ::slotted(select){width:var(--nve-ref-size-1000)!important}:host(:state(multiple)){--padding: 0 var(--nve-ref-size-300) 0 var(--nve-ref-size-100)}:host(:state(multiple)) [input]{padding:var(--padding)}:host(:state(multiple)) .tags{width:fit-content;display:flex;gap:var(--gap)}:host(:state(multiple)) .tags-label{padding:0 var(--nve-ref-size-200);font-size:var(--font-size);cursor:var(--cursor);font-weight:var(--font-weight);position:absolute;left:0;display:none;pointer-events:none}:host(:state(multiple-overflow)) .tags,:host([multiple-overflow]) .tags{opacity:0;pointer-events:none;position:absolute}:host(:state(multiple-overflow)) .tags-label,:host([multiple-overflow]) .tags-label,.placeholder.tags-label{display:block!important}:host([size]:state(multiple)) .tags,:host([size]:state(multiple)) .tags-label{display:none!important}:host(:state(multiple)) ::slotted(select[multiple]){opacity:0!important}:host(:state(size)){--_row-height: calc(var(--height) * var(--size) + var(--gap) * (var(--size) - 1));--_height: calc(var(--_row-height) + var(--nve-ref-border-width-md) * 2)}:host(:state(size)) [input]{overflow:auto;display:block}:host(:state(size)) [input] slot:not([name]){display:none}:host([layout*=\"horizontal\"][size]) ::slotted(label){padding-block-start:var(--nve-ref-size-100)!important;align-self:start!important}:host([layout*=\"horizontal\"][size]) slot[name=label]{align-self:start}:host([status=\"error\"]),:host(:state(invalid)),:host(:state(error)){--border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-danger-emphasis-color)}:host([status=\"success\"]),:host(:state(success)){--border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-success-emphasis-color)}:host(:state(disabled)){--border: var(--nve-ref-border-width-md) solid transparent}nve-tag{--background: color-mix(in oklab, var(--color) 15%, var(--_input-background));--padding: var(--nve-ref-size-100) var(--nve-ref-size-200);--cursor: pointer !important}:host(:state(disabled)) nve-tag{pointer-events:none!important;--cursor: not-allowed !important}nve-dropdown{--padding: var(--nve-ref-size-200)}nve-menu{--max-height: var(--scroll-height);--gap: var(--_gap)}nve-menu-item{--text-transform: initial;contain:content;content-visibility:auto}nve-menu-item:not(:state(selected)) nve-icon[name=check]{opacity:0}nve-menu-item nve-icon{--color: inherit}slot:not([name]),slot[name*=option-]{display:contents}:host([container=\"flat\"]){--background: unset;--border-radius: 0;--box-shadow: none;--border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted)}:host([container=\"flat\"]) [input]{background:inherit}:host([container=\"flat\"]) nve-tag{--background: var(--nve-sys-interaction-field-background)}:host([container=\"flat\"]:focus-within){--border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-emphasis)}:host([container=\"flat\"][size]){--border-bottom: 0 !important}:host([container=\"flat\"]:focus-within) [input]{outline:0!important}:host([container=\"inline\"]){--border-radius: 0;--box-shadow: none}:host([container=\"inline\"]) [input]{background:inherit}";
3
3
  //#endregion
4
4
  export { e as default };
5
5
 
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","names":[],"sources":["../../src/select/select.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: 0 var(--nve-ref-size-800) 0 var(--nve-ref-size-200);\n --font-size: var(--nve-ref-font-size-100);\n --height: var(--nve-ref-size-800);\n --background: var(--nve-sys-interaction-field-background);\n --color: var(--nve-sys-interaction-field-color);\n --border-radius: var(--nve-ref-border-radius-sm);\n --border: var(--nve-ref-border-width-md) solid transparent;\n --border-bottom: var(--border);\n --gap: var(--nve-ref-space-xxs);\n --cursor: pointer;\n --font-weight: normal;\n --text-align: start;\n --scroll-height: 50vh;\n --width: 100%;\n --control-width: var(--width);\n --max-width: 100%;\n --min-width: fit-content;\n --_input-background: var(--background);\n --_icon-color: var(--color);\n --_gap: var(--gap);\n --size: 1;\n --_row-height: calc(var(--height) * var(--size) + var(--gap) * (var(--size) - 1));\n --_height: calc(var(--_row-height) + var(--nve-ref-border-width-md) * 2);\n contain: initial;\n width: var(--width);\n max-width: var(--max-width);\n min-width: var(--min-width);\n}\n\n:host([fit-text]) {\n --min-width: initial;\n}\n\n[internal-host] {\n position: relative;\n}\n\n[input] {\n scroll-behavior: smooth;\n scrollbar-color: color-mix(in oklab, var(--nve-sys-scrollbar-thumb-color) 100%, currentColor 20%)\n var(--nve-sys-scrollbar-track-color);\n scrollbar-width: var(--nve-sys-scrollbar-width);\n height: var(--_height);\n background: var(--background);\n border: var(--border);\n border-bottom: var(--border-bottom);\n border-radius: var(--border-radius);\n width: var(--control-width);\n color: var(--color);\n align-items: center;\n display: flex;\n align-content: stretch;\n position: relative;\n}\n\n[name='caret'] {\n right: var(--nve-ref-size-300);\n align-self: center;\n pointer-events: none;\n position: absolute;\n transition: transform var(--nve-ref-animation-duration-200) cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n::slotted(select) {\n appearance: none !important;\n color: var(--color) !important;\n padding: var(--padding) !important;\n font-size: var(--font-size) !important;\n cursor: var(--cursor) !important;\n font-weight: var(--font-weight) !important;\n text-align: var(--text-align) !important;\n height: var(--_height) !important;\n width: 100% !important;\n border: 0 !important;\n background: none !important;\n display: block !important;\n}\n\n[internal-host]:has(nve-menu:focus-within) [input] {\n outline: 0 !important;\n}\n\n:host(:state(selected)) {\n --font-weight: var(--nve-ref-font-weight-semibold);\n}\n\n:host([fit-content]:state(multiple)) [internal-host]:has(nve-tag) ::slotted(select) {\n width: var(--nve-ref-size-1000) !important;\n}\n\n:host(:state(multiple)) {\n --padding: 0 var(--nve-ref-size-300) 0 var(--nve-ref-size-100);\n}\n\n:host(:state(multiple)) [input] {\n padding: var(--padding);\n}\n\n:host(:state(multiple)) .tags {\n width: fit-content;\n display: flex;\n gap: var(--gap);\n}\n\n:host(:state(multiple)) .tags-label {\n padding: 0 var(--nve-ref-size-200);\n font-size: var(--font-size);\n cursor: var(--cursor);\n font-weight: var(--font-weight);\n position: absolute;\n left: 0;\n display: none;\n pointer-events: none;\n}\n\n:host(:state(multiple-overflow)) .tags,\n:host([multiple-overflow]) .tags {\n opacity: 0;\n pointer-events: none;\n position: absolute;\n}\n\n:host(:state(multiple-overflow)) .tags-label,\n:host([multiple-overflow]) .tags-label,\n.placeholder.tags-label {\n display: block !important;\n}\n\n:host([size]:state(multiple)) .tags,\n:host([size]:state(multiple)) .tags-label {\n display: none !important;\n}\n\n:host(:state(multiple)) ::slotted(select[multiple]) {\n opacity: 0 !important;\n}\n\n:host(:state(size)) [input] {\n overflow: auto;\n display: block;\n}\n\n:host(:state(size)) [input] slot:not([name]) {\n display: none;\n}\n\n:host([layout*='horizontal'][size]) ::slotted(label) {\n padding-block-start: var(--nve-ref-size-100) !important;\n align-self: start !important;\n}\n\n:host([layout*='horizontal'][size]) slot[name='label'] {\n align-self: start;\n}\n\n:host([status='error']),\n:host(:state(invalid)),\n:host(:state(error)) {\n --border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-danger-emphasis-color);\n}\n\n:host([status='success']),\n:host(:state(success)) {\n --border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-success-emphasis-color);\n}\n\n:host(:state(disabled)) {\n --border: var(--nve-ref-border-width-md) solid transparent;\n}\n\nnve-tag {\n --background: color-mix(in oklab, var(--color) 15%, var(--_input-background));\n --padding: var(--nve-ref-size-100) var(--nve-ref-size-200);\n --cursor: pointer !important;\n}\n\n:host(:state(disabled)) nve-tag {\n pointer-events: none !important;\n --cursor: not-allowed !important;\n}\n\nnve-dropdown {\n --padding: var(--nve-ref-size-200);\n}\n\nnve-menu {\n --max-height: var(--scroll-height);\n --gap: var(--_gap);\n}\n\nnve-menu-item {\n --text-transform: initial;\n contain: content;\n content-visibility: auto;\n}\n\nnve-menu-item:not(:state(selected)) nve-icon[name='check'] {\n opacity: 0;\n}\n\nnve-menu-item nve-icon {\n --color: inherit;\n}\n\nslot:not([name]),\nslot[name*='option-'] {\n display: contents;\n}\n\n:host([container='flat']) {\n --background: unset;\n --border-radius: 0;\n --box-shadow: none;\n --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted);\n}\n\n:host([container='flat']) [input] {\n background: inherit;\n}\n\n:host([container='flat']) nve-tag {\n --background: var(--nve-sys-interaction-field-background);\n}\n\n:host([container='flat']:focus-within) {\n --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-emphasis);\n}\n\n:host([container='flat'][size]) {\n --border-bottom: 0 !important;\n}\n\n:host([container='flat']:focus-within) [input] {\n outline: 0 !important;\n}\n\n:host([container='inline']) {\n --border-radius: 0;\n --box-shadow: none;\n}\n\n:host([container='inline']) [input] {\n background: inherit;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"select.js","names":[],"sources":["../../src/select/select.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: 0 var(--nve-ref-size-800) 0 var(--nve-ref-size-200);\n --font-size: var(--nve-ref-font-size-100);\n --height: var(--nve-ref-size-800);\n --background: var(--nve-sys-interaction-field-background);\n --color: var(--nve-sys-interaction-field-color);\n --border-radius: var(--nve-ref-border-radius-sm);\n --border: var(--nve-ref-border-width-md) solid transparent;\n --border-bottom: var(--border);\n --gap: var(--nve-ref-space-xxs);\n --cursor: pointer;\n --font-weight: normal;\n --text-align: start;\n --scroll-height: 50vh;\n --width: 100%;\n --control-width: var(--width);\n --max-width: 100%;\n --min-width: fit-content;\n --_input-background: var(--background);\n --_icon-color: var(--color);\n --_gap: var(--gap);\n --size: 1;\n --_height: var(--height);\n contain: initial;\n width: var(--width);\n max-width: var(--max-width);\n min-width: var(--min-width);\n}\n\n:host([fit-text]) {\n --min-width: initial;\n}\n\n[internal-host] {\n position: relative;\n}\n\n[input] {\n scroll-behavior: smooth;\n scrollbar-color: color-mix(in oklab, var(--nve-sys-scrollbar-thumb-color) 100%, currentColor 20%)\n var(--nve-sys-scrollbar-track-color);\n scrollbar-width: var(--nve-sys-scrollbar-width);\n height: var(--_height);\n background: var(--background);\n border: var(--border);\n border-bottom: var(--border-bottom);\n border-radius: var(--border-radius);\n width: var(--control-width);\n color: var(--color);\n align-items: center;\n display: flex;\n align-content: stretch;\n position: relative;\n}\n\n[name='caret'] {\n right: var(--nve-ref-size-300);\n align-self: center;\n pointer-events: none;\n position: absolute;\n transition: transform var(--nve-ref-animation-duration-200) cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n::slotted(select) {\n appearance: none !important;\n color: var(--color) !important;\n padding: var(--padding) !important;\n font-size: var(--font-size) !important;\n cursor: var(--cursor) !important;\n font-weight: var(--font-weight) !important;\n text-align: var(--text-align) !important;\n height: var(--_height) !important;\n width: 100% !important;\n border: 0 !important;\n background: none !important;\n display: block !important;\n}\n\n[internal-host]:has(nve-menu:focus-within) [input] {\n outline: 0 !important;\n}\n\n:host(:state(selected)) {\n --font-weight: var(--nve-ref-font-weight-semibold);\n}\n\n:host([fit-content]:state(multiple)) [internal-host]:has(nve-tag) ::slotted(select) {\n width: var(--nve-ref-size-1000) !important;\n}\n\n:host(:state(multiple)) {\n --padding: 0 var(--nve-ref-size-300) 0 var(--nve-ref-size-100);\n}\n\n:host(:state(multiple)) [input] {\n padding: var(--padding);\n}\n\n:host(:state(multiple)) .tags {\n width: fit-content;\n display: flex;\n gap: var(--gap);\n}\n\n:host(:state(multiple)) .tags-label {\n padding: 0 var(--nve-ref-size-200);\n font-size: var(--font-size);\n cursor: var(--cursor);\n font-weight: var(--font-weight);\n position: absolute;\n left: 0;\n display: none;\n pointer-events: none;\n}\n\n:host(:state(multiple-overflow)) .tags,\n:host([multiple-overflow]) .tags {\n opacity: 0;\n pointer-events: none;\n position: absolute;\n}\n\n:host(:state(multiple-overflow)) .tags-label,\n:host([multiple-overflow]) .tags-label,\n.placeholder.tags-label {\n display: block !important;\n}\n\n:host([size]:state(multiple)) .tags,\n:host([size]:state(multiple)) .tags-label {\n display: none !important;\n}\n\n:host(:state(multiple)) ::slotted(select[multiple]) {\n opacity: 0 !important;\n}\n\n:host(:state(size)) {\n --_row-height: calc(var(--height) * var(--size) + var(--gap) * (var(--size) - 1));\n --_height: calc(var(--_row-height) + var(--nve-ref-border-width-md) * 2);\n}\n\n:host(:state(size)) [input] {\n overflow: auto;\n display: block;\n}\n\n:host(:state(size)) [input] slot:not([name]) {\n display: none;\n}\n\n:host([layout*='horizontal'][size]) ::slotted(label) {\n padding-block-start: var(--nve-ref-size-100) !important;\n align-self: start !important;\n}\n\n:host([layout*='horizontal'][size]) slot[name='label'] {\n align-self: start;\n}\n\n:host([status='error']),\n:host(:state(invalid)),\n:host(:state(error)) {\n --border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-danger-emphasis-color);\n}\n\n:host([status='success']),\n:host(:state(success)) {\n --border: var(--nve-ref-border-width-md) solid var(--nve-sys-support-success-emphasis-color);\n}\n\n:host(:state(disabled)) {\n --border: var(--nve-ref-border-width-md) solid transparent;\n}\n\nnve-tag {\n --background: color-mix(in oklab, var(--color) 15%, var(--_input-background));\n --padding: var(--nve-ref-size-100) var(--nve-ref-size-200);\n --cursor: pointer !important;\n}\n\n:host(:state(disabled)) nve-tag {\n pointer-events: none !important;\n --cursor: not-allowed !important;\n}\n\nnve-dropdown {\n --padding: var(--nve-ref-size-200);\n}\n\nnve-menu {\n --max-height: var(--scroll-height);\n --gap: var(--_gap);\n}\n\nnve-menu-item {\n --text-transform: initial;\n contain: content;\n content-visibility: auto;\n}\n\nnve-menu-item:not(:state(selected)) nve-icon[name='check'] {\n opacity: 0;\n}\n\nnve-menu-item nve-icon {\n --color: inherit;\n}\n\nslot:not([name]),\nslot[name*='option-'] {\n display: contents;\n}\n\n:host([container='flat']) {\n --background: unset;\n --border-radius: 0;\n --box-shadow: none;\n --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-muted);\n}\n\n:host([container='flat']) [input] {\n background: inherit;\n}\n\n:host([container='flat']) nve-tag {\n --background: var(--nve-sys-interaction-field-background);\n}\n\n:host([container='flat']:focus-within) {\n --border-bottom: var(--nve-ref-border-width-md) solid var(--nve-ref-border-color-emphasis);\n}\n\n:host([container='flat'][size]) {\n --border-bottom: 0 !important;\n}\n\n:host([container='flat']:focus-within) [input] {\n outline: 0 !important;\n}\n\n:host([container='inline']) {\n --border-radius: 0;\n --box-shadow: none;\n}\n\n:host([container='inline']) [input] {\n background: inherit;\n}\n"],"mappings":""}
@@ -27,7 +27,7 @@ var S = class extends d {
27
27
  static {
28
28
  this.metadata = {
29
29
  tag: "nve-select",
30
- version: "2.2.2"
30
+ version: "2.2.3"
31
31
  };
32
32
  }
33
33
  static {
@@ -15,7 +15,7 @@ var s = class extends i {
15
15
  static {
16
16
  this.metadata = {
17
17
  tag: "nve-skeleton",
18
- version: "2.2.2"
18
+ version: "2.2.3"
19
19
  };
20
20
  }
21
21
  render() {
@@ -19,7 +19,7 @@ var u = {
19
19
  static {
20
20
  this.metadata = {
21
21
  tag: "nve-sort-button",
22
- version: "2.2.2"
22
+ version: "2.2.3"
23
23
  };
24
24
  }
25
25
  static {
@@ -21,7 +21,7 @@ var C = class extends _ {
21
21
  static {
22
22
  this.metadata = {
23
23
  tag: "nve-sparkline",
24
- version: "2.2.2"
24
+ version: "2.2.3"
25
25
  };
26
26
  }
27
27
  render() {
@@ -18,7 +18,7 @@ var l = class extends a {
18
18
  static {
19
19
  this.metadata = {
20
20
  tag: "nve-star-rating",
21
- version: "2.2.2"
21
+ version: "2.2.3"
22
22
  };
23
23
  }
24
24
  static {
@@ -23,7 +23,7 @@ var v = class extends h(d) {
23
23
  static {
24
24
  this.metadata = {
25
25
  tag: "nve-steps-item",
26
- version: "2.2.2",
26
+ version: "2.2.3",
27
27
  parents: ["nve-steps"]
28
28
  };
29
29
  }
@@ -69,7 +69,7 @@ var y = class extends d {
69
69
  static {
70
70
  this.metadata = {
71
71
  tag: "nve-steps",
72
- version: "2.2.2",
72
+ version: "2.2.3",
73
73
  children: ["nve-steps-item"]
74
74
  };
75
75
  }
@@ -11,7 +11,7 @@ var a = class extends r {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-switch-group",
14
- version: "2.2.2",
14
+ version: "2.2.3",
15
15
  children: [
16
16
  "label",
17
17
  "nve-control-message",
@@ -15,7 +15,7 @@ var o = class extends i {
15
15
  static {
16
16
  this.metadata = {
17
17
  tag: "nve-switch",
18
- version: "2.2.2",
18
+ version: "2.2.3",
19
19
  children: [
20
20
  "label",
21
21
  "input",
@@ -33,7 +33,7 @@ var m, h = class extends l {
33
33
  static {
34
34
  this.metadata = {
35
35
  tag: "nve-tabs-group",
36
- version: "2.2.2",
36
+ version: "2.2.3",
37
37
  children: ["nve-tabs"]
38
38
  };
39
39
  }
@@ -20,7 +20,7 @@ var _ = class extends h(f) {
20
20
  static {
21
21
  this.metadata = {
22
22
  tag: "nve-tabs-item",
23
- version: "2.2.2",
23
+ version: "2.2.3",
24
24
  parents: ["nve-tabs"]
25
25
  };
26
26
  }
@@ -53,7 +53,7 @@ var v = class extends f {
53
53
  static {
54
54
  this.metadata = {
55
55
  tag: "nve-tabs",
56
- version: "2.2.2",
56
+ version: "2.2.3",
57
57
  children: ["nve-tabs-item"]
58
58
  };
59
59
  }
package/dist/tag/tag2.js CHANGED
@@ -17,7 +17,7 @@ var p = class extends d(c) {
17
17
  static {
18
18
  this.metadata = {
19
19
  tag: "nve-tag",
20
- version: "2.2.2"
20
+ version: "2.2.3"
21
21
  };
22
22
  }
23
23
  static {
@@ -9,7 +9,7 @@ var r = class extends t {
9
9
  static {
10
10
  this.metadata = {
11
11
  tag: "nve-textarea",
12
- version: "2.2.2"
12
+ version: "2.2.3"
13
13
  };
14
14
  }
15
15
  };
@@ -19,7 +19,7 @@ var l = class extends r {
19
19
  static {
20
20
  this.metadata = {
21
21
  tag: "nve-time",
22
- version: "2.2.2"
22
+ version: "2.2.3"
23
23
  };
24
24
  }
25
25
  static {
@@ -23,7 +23,7 @@ var g = class extends f {
23
23
  static {
24
24
  this.metadata = {
25
25
  tag: "nve-toast",
26
- version: "2.2.2"
26
+ version: "2.2.3"
27
27
  };
28
28
  }
29
29
  static {
@@ -11,7 +11,7 @@ var o = class extends i {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-toggletip-footer",
14
- version: "2.2.2",
14
+ version: "2.2.3",
15
15
  parents: ["nve-toggletip"]
16
16
  };
17
17
  }
@@ -11,7 +11,7 @@ var o = class extends i {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-toggletip-header",
14
- version: "2.2.2",
14
+ version: "2.2.3",
15
15
  parents: ["nve-toggletip"]
16
16
  };
17
17
  }