@nvidia-elements/core 2.22.5 → 2.23.1

package/dist/data.html.json

@@ -2275,6 +2275,23 @@
         }
       ]
     },
+    {
+      "name": "nve-ghost",
+      "description": "An inert visual preview of content or its prospective placement. Applications control its geometry, movement, and accessible feedback.\n---\n\n\n### **Slots:**\n - _default_ - Presentation content for the preview.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--stack-offset-x** - Nonnegative horizontal distance between layers. Defaults to 4px. _(default: undefined)_\n- **--stack-offset-y** - Nonnegative vertical distance between layers. Defaults to 4px. _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "layers",
+          "description": "Number of visual surfaces. Rendering truncates fractions and clamps to one through three; nonfinite values use one.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/ghost/"
+        }
+      ]
+    },
     {
       "name": "nve-grid-cell",
       "description": "Represents an individual data cell within a grid row, displaying content aligned to its parent column.\n---\n\n\n### **Slots:**\n - _default_ - Data or interactive controls displayed within the cell.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--min-width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width) _(default: undefined)_\n- **--font-weight** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) _(default: undefined)_\n- **--border-left** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left) _(default: undefined)_\n- **--border-right** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right) _(default: undefined)_\n- **--justify-content** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) _(default: undefined)_",
@@ -6086,6 +6103,122 @@
           "url": "https://nvidia.github.io/elements/docs/elements/week/"
         }
       ]
+    },
+    {
+      "name": "nve-workspace-panel-content",
+      "description": "Provides padding for workspace panel content.\n---\n\n\n### **Slots:**\n - _default_ - Application content.\n\n### **CSS Properties:**\n - **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/workspace/"
+        }
+      ]
+    },
+    {
+      "name": "nve-workspace-panel-footer",
+      "description": "Provides workspace panel status and actions outside the scrolling body.\n---\n\n\n### **Slots:**\n - _default_ - Status and actions.\n\n### **CSS Properties:**\n - **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--border-top** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/workspace/"
+        }
+      ]
+    },
+    {
+      "name": "nve-workspace-panel-header",
+      "description": "Supplies a workspace panel title, decoration, and application controls.\n---\n\n\n### **Slots:**\n - _default_ - Noninteractive panel title.\n- **prefix** - Noninteractive title decoration.\n- **suffix** - Application controls for the selected panel.\n\n### **CSS Properties:**\n - **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--padding** - Padding around the title. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--prefix-padding** - Padding around title decoration. _(default: undefined)_\n- **--prefix-border** - Border after title decoration. _(default: undefined)_\n- **--suffix-padding** - Override the shared inset around header controls. _(default: undefined)_\n- **--suffix-border** - Border before header controls. _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--border-bottom** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom) _(default: undefined)_",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/workspace/"
+        }
+      ]
+    },
+    {
+      "name": "nve-workspace-panel",
+      "description": "Stable application content and its workspace chrome.\n---\n\n\n### **Slots:**\n - _default_ - Application content.\n- **header** - Title and controls.\n- **footer** - Status and actions.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border) _(default: undefined)_\n- **--box-shadow** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "min-width",
+          "description": "Application minimum total panel width in pixels.",
+          "values": []
+        },
+        {
+          "name": "min-height",
+          "description": "Application minimum total panel height in pixels.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/workspace/"
+        }
+      ]
+    },
+    {
+      "name": "nve-workspace",
+      "description": "A workspace provides a malleable arrangement of application panels in a restorable layout.\n---\n\n\n### **Events:**\n - **change** - Announces a committed arrangement value after interaction, commands, or reconciliation of newly supplied panels. Read value on the workspace.\n- **commandavailabilitychange** - Command availability may have changed; query relevant commands again.\n\n### **Methods:**\n - **animateTo(value: _string_, options: _WorkspaceAnimationOptions_): _void_** - Restores an arrangement with animated geometry while retaining application content.\n- **isCommandAvailable(command: _string_, context: _WorkspaceCommandContext_): _boolean_** - Reports whether a command can change the panel identified by `context.value` in the current arrangement. Native fullscreen admission remains subject to browser permission.\n\n### **Slots:**\n - _default_ - Workspace panels with durable IDs and application dropdown groups.\n\n### **CSS Properties:**\n - **--gap** - Space between groups as one nonnegative CSS length. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--border-radius** - Corner radius of contained groups. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--tab-min-width** - Smallest tab width before scrolling. _(default: undefined)_\n- **--tab-border** - Border between tabs, after the drag handle, and before group controls without an authored suffix. _(default: undefined)_\n- **--header-control-size** - Size of built-in header buttons and the base drag handle width. _(default: undefined)_\n- **--header-control-inset** - Horizontal spacing around fullscreen and the drag handle. _(default: undefined)_\n- **--close-button-inset** - Space after each panel close control. _(default: undefined)_\n- **--animation-duration** - Duration of coordinated layout and placement transitions. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration) _(default: undefined)_\n- **--animation-easing** - Easing of coordinated layout and placement transitions. _(default: undefined)_\n- **--gutter-background** - Idle separator fill. _(default: undefined)_\n- **--gutter-hover-background** - Separator fill on hover. _(default: undefined)_\n\n### **CSS Parts:**\n - **tabs** - Tab strips.\n- **tabs-item** - Panel selection controls.\n- **tab** - Alias for panel selection controls.\n- **tabs-item-group** - Tab and accessory layouts.\n- **icon-button** - Built-in header icon controls.\n- **fullscreen-button** - Group fullscreen control.\n- **close-button** - Panel closing controls.\n- **resize-handle** - Separator control.\n- **ghost** - Destination and carried previews.\n- **destination-ghost** - Animated insertion cue.\n- **carried-ghost** - Pointer-following carried panel previews.\n- **icon** - Placement status icons.\n- **blocked-icon** - Unavailable placement indicator.\n- **drag-handle** - Group movement control.",
+      "attributes": [
+        {
+          "name": "resizable",
+          "description": "Enables separator resizing.",
+          "values": []
+        },
+        {
+          "name": "rearrangeable",
+          "description": "Enables moving groups and placement commands. Dragging individual tabs also requires groupable.",
+          "values": []
+        },
+        {
+          "name": "groupable",
+          "description": "Enables dragging individual tabs, joining panels, and extracting panels when rearrangeable.",
+          "values": []
+        },
+        {
+          "name": "fullscreenable",
+          "description": "Enables native fullscreen commands and one persistent control per group. Turning this off preserves an accepted session and its exit control. Fullscreen does not change the saved arrangement.",
+          "values": []
+        },
+        {
+          "name": "detach-threshold",
+          "description": "Radial pointer distance in CSS pixels before a carried source detaches. Captured at gesture press.",
+          "values": []
+        },
+        {
+          "name": "closable",
+          "description": "Indicates whether the user can dismiss or close the element.\n- `true` The element displays a close control and the user can dismiss it.\n\n- `false` The user cannot close the element and must dismiss it programmatically.",
+          "values": []
+        },
+        {
+          "name": "resize-policy",
+          "description": "Selects separator constraint behavior.",
+          "values": [{ "name": "stop" }, { "name": "propagate" }]
+        },
+        {
+          "name": "container",
+          "description": "Selects panel content framing.",
+          "values": [
+            { "name": "inset" },
+            { "name": "flat" },
+            { "name": "full" }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/workspace/"
+        }
+      ]
     }
   ]
 }

package/dist/date/date2.js

@@ -1,20 +1,20 @@
 import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
 import { useStyles as t } from "../internal/styles/index.js";
 import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Control as r } from "../forms/control/control2.js";
-import { IconButton as i } from "../icon-button/icon-button2.js";
+import { IconButton as r } from "../icon-button/icon-button2.js";
+import { Control as i } from "../forms/control/control2.js";
 import { inputStyles as a } from "../input/input2.js";
 import o from "./date.js";
 import { html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
 // src/date/date.ts
-var l = { expand: "expand" }, u = class extends r {
+var l = { expand: "expand" }, u = class extends i {
 	get i18nDefaults() {
 		return l;
 	}
 	static {
 		this.styles = t([
-			...r.styles,
+			...i.styles,
 			a,
 			o
 		]);
@@ -22,11 +22,11 @@ var l = { expand: "expand" }, u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-date",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	static {
-		this.elementDefinitions = { [i.metadata.tag]: i };
+		this.elementDefinitions = { [r.metadata.tag]: r };
 	}
 	get suffixContent() {
 		return s`<nve-icon-button part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;

package/dist/datetime/datetime2.js

@@ -1,20 +1,20 @@
 import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
 import { useStyles as t } from "../internal/styles/index.js";
 import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Control as r } from "../forms/control/control2.js";
-import { IconButton as i } from "../icon-button/icon-button2.js";
+import { IconButton as r } from "../icon-button/icon-button2.js";
+import { Control as i } from "../forms/control/control2.js";
 import { inputStyles as a } from "../input/input2.js";
 import o from "./datetime.js";
 import { html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
 // src/datetime/datetime.ts
-var l = { expand: "expand" }, u = class extends r {
+var l = { expand: "expand" }, u = class extends i {
 	get i18nDefaults() {
 		return l;
 	}
 	static {
 		this.styles = t([
-			...r.styles,
+			...i.styles,
 			a,
 			o
 		]);
@@ -22,11 +22,11 @@ var l = { expand: "expand" }, u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-datetime",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	static {
-		this.elementDefinitions = { [i.metadata.tag]: i };
+		this.elementDefinitions = { [r.metadata.tag]: r };
 	}
 	get suffixContent() {
 		return s`<nve-icon-button part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;

package/dist/dialog/dialog-footer2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-footer",
-			version: "2.22.5",
+			version: "2.23.1",
 			parents: ["nve-dialog"]
 		};
 	}

package/dist/dialog/dialog-header2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-header",
-			version: "2.22.5",
+			version: "2.23.1",
 			parents: ["nve-dialog"]
 		};
 	}

package/dist/dialog/dialog2.js

@@ -30,7 +30,7 @@ var h = { close: "close" }, g = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-dialog",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	static {

package/dist/divider/divider2.js

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

package/dist/dot/dot2.js

@@ -16,7 +16,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-dot",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	render() {

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

@@ -13,7 +13,7 @@ var c = class extends s(a) {
 	static {
 		this.metadata = {
 			tag: "nve-drag-handle",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	static {

package/dist/drawer/drawer-content2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "2.22.5",
+			version: "2.23.1",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-footer2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-footer",
-			version: "2.22.5",
+			version: "2.23.1",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-header2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-header",
-			version: "2.22.5",
+			version: "2.23.1",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer2.js

@@ -30,7 +30,7 @@ var p = { close: "close" }, m = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-drawer",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	static {

package/dist/dropdown/dropdown-footer2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-footer",
-			version: "2.22.5",
+			version: "2.23.1",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown-header2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-header",
-			version: "2.22.5",
+			version: "2.23.1",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown2.js

@@ -21,7 +21,7 @@ var p = { close: "close" }, m = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	static {

package/dist/dropdown-group/dropdown-group.js

@@ -14,7 +14,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-group",
-			version: "2.22.5",
+			version: "2.23.1",
 			children: ["nve-dropdown"]
 		};
 	}

package/dist/dropzone/dropzone2.js

@@ -26,7 +26,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-dropzone",
-			version: "2.22.5",
+			version: "2.23.1",
 			validators: [c, s],
 			valueSchema: {
 				type: "array",

package/dist/file/file2.js

@@ -11,7 +11,7 @@ var a = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-file",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	connectedCallback() {

package/dist/format-bytes/format-bytes2.js

@@ -94,7 +94,7 @@ var h = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-format-bytes",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	get #e() {

package/dist/format-datetime/format-datetime2.js

@@ -12,7 +12,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-format-datetime",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	get #e() {

package/dist/format-number/format-number2.js

@@ -28,7 +28,7 @@ var s = [
 	static {
 		this.metadata = {
 			tag: "nve-format-number",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	get #e() {

package/dist/format-relative-time/format-relative-time2.js

@@ -52,7 +52,7 @@ var s = {
 	static {
 		this.metadata = {
 			tag: "nve-format-relative-time",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	#e;

package/dist/format-truncate/format-truncate2.js

@@ -19,7 +19,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-format-truncate",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	#e;

package/dist/forms/control/control2.js

@@ -51,7 +51,7 @@ var C = class extends _ {
 	static {
 		this.metadata = {
 			tag: "nve-control",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	render() {

package/dist/forms/control-group/control-group2.js

@@ -24,7 +24,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-control-group",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	render() {

package/dist/forms/control-message/control-message2.js

@@ -23,7 +23,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-control-message",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	static {

package/dist/forms/utils/layout.d.ts

@@ -9,5 +9,4 @@ export declare const breakpoints: {
 export declare function setupControlLayoutStates(control: Control | ControlGroup): ResizeObserver;
 type ControlLayouts = 'vertical' | 'vertical-inline' | 'horizontal' | 'horizontal-inline';
 export declare function getControlLayout(width: number, initalLayout: ControlLayouts): ControlLayouts;
-export declare function isInlineInputType(input: HTMLInputElement): boolean;
 export {};

package/dist/forms/utils/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","names":["breakpoints","setupControlLayoutStates","initalLayout","control","resizeObserver","getControlLayout","entries","layout","width","layouts"],"sources":["../../../src/forms/utils/layout.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ControlGroup } from '../control-group/control-group.js';\nimport type { Control } from '../control/control.js';\n\nexport const breakpoints = {\n  vertical: 300,\n  verticalInline: 400,\n  horizontal: 500,\n  horizontalInline: 600\n};\n\nexport function setupControlLayoutStates(control: Control | ControlGroup) {\n  const initalLayout = control.layout;\n  const resizeObserver = new ResizeObserver(entries => {\n    if (!(control as Control).fitContent) {\n      control.layout = getControlLayout(entries[0]!.contentRect.width, initalLayout);\n    }\n  });\n  resizeObserver.observe(control);\n  return resizeObserver;\n}\n\ntype ControlLayouts = 'vertical' | 'vertical-inline' | 'horizontal' | 'horizontal-inline';\n\nexport function getControlLayout(width: number, initalLayout: ControlLayouts) {\n  let layout: ControlLayouts = initalLayout;\n  if (width < breakpoints.vertical) {\n    layout = 'vertical';\n  } else if (width < breakpoints.verticalInline) {\n    layout = 'vertical-inline';\n  } else if (width < breakpoints.horizontal) {\n    layout = 'horizontal';\n  } else if (width < breakpoints.horizontalInline) {\n    layout = 'horizontal-inline';\n  }\n\n  const layouts: ControlLayouts[] = ['vertical', 'vertical-inline', 'horizontal', 'horizontal-inline'];\n  if (layouts.indexOf(initalLayout) < layouts.indexOf(layout)) {\n    layout = initalLayout;\n  }\n\n  return layout;\n}\n\nexport function isInlineInputType(input: HTMLInputElement) {\n  return input.type === 'radio' || input.type === 'checkbox';\n}\n"],"mappings":";AAMA,IAAaA,IAAc;CACzB,UAAU;CACV,gBAAgB;CAChB,YAAY;CACZ,kBAAkB;AACpB;AAEA,SAAgBC,EAAyB,GAAiC;CACxE,IAAMC,IAAeC,EAAQ,QACvBC,IAAiB,IAAI,gBAAe,MAAW;EACnD,AAAMD,EAAoB,eACxB,EAAQ,SAASE,EAAiBC,EAAQ,EAAE,CAAE,YAAY,OAAOJ,CAAY;CAEjF,CAAC;CAED,OADAE,EAAe,QAAQD,CAAO,GACvBC;AACT;AAIA,SAAgBC,EAAiB,GAAe,GAA8B;CAC5E,IAAIE,IAAyBL;CAC7B,AAAIM,IAAQR,EAAY,WACtB,IAAS,aACAQ,IAAQR,EAAY,iBAC7B,IAAS,oBACAQ,IAAQR,EAAY,aAC7B,IAAS,eACAQ,IAAQR,EAAY,qBAC7B,IAAS;CAGX,IAAMS,IAA4B;EAAC;EAAY;EAAmB;EAAc;CAAmB;CAKnG,OAJIA,EAAQ,QAAQP,CAAY,IAAIO,EAAQ,QAAQF,CAAM,MACxD,IAASL,IAGJK;AACT"}
+{"version":3,"file":"layout.js","names":["breakpoints","setupControlLayoutStates","initalLayout","control","resizeObserver","getControlLayout","entries","layout","width","layouts"],"sources":["../../../src/forms/utils/layout.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ControlGroup } from '../control-group/control-group.js';\nimport type { Control } from '../control/control.js';\n\nexport const breakpoints = {\n  vertical: 300,\n  verticalInline: 400,\n  horizontal: 500,\n  horizontalInline: 600\n};\n\nexport function setupControlLayoutStates(control: Control | ControlGroup) {\n  const initalLayout = control.layout;\n  const resizeObserver = new ResizeObserver(entries => {\n    if (!(control as Control).fitContent) {\n      control.layout = getControlLayout(entries[0]!.contentRect.width, initalLayout);\n    }\n  });\n  resizeObserver.observe(control);\n  return resizeObserver;\n}\n\ntype ControlLayouts = 'vertical' | 'vertical-inline' | 'horizontal' | 'horizontal-inline';\n\nexport function getControlLayout(width: number, initalLayout: ControlLayouts) {\n  let layout: ControlLayouts = initalLayout;\n  if (width < breakpoints.vertical) {\n    layout = 'vertical';\n  } else if (width < breakpoints.verticalInline) {\n    layout = 'vertical-inline';\n  } else if (width < breakpoints.horizontal) {\n    layout = 'horizontal';\n  } else if (width < breakpoints.horizontalInline) {\n    layout = 'horizontal-inline';\n  }\n\n  const layouts: ControlLayouts[] = ['vertical', 'vertical-inline', 'horizontal', 'horizontal-inline'];\n  if (layouts.indexOf(initalLayout) < layouts.indexOf(layout)) {\n    layout = initalLayout;\n  }\n\n  return layout;\n}\n"],"mappings":";AAMA,IAAaA,IAAc;CACzB,UAAU;CACV,gBAAgB;CAChB,YAAY;CACZ,kBAAkB;AACpB;AAEA,SAAgBC,EAAyB,GAAiC;CACxE,IAAMC,IAAeC,EAAQ,QACvBC,IAAiB,IAAI,gBAAe,MAAW;EACnD,AAAMD,EAAoB,eACxB,EAAQ,SAASE,EAAiBC,EAAQ,EAAE,CAAE,YAAY,OAAOJ,CAAY;CAEjF,CAAC;CAED,OADAE,EAAe,QAAQD,CAAO,GACvBC;AACT;AAIA,SAAgBC,EAAiB,GAAe,GAA8B;CAC5E,IAAIE,IAAyBL;CAC7B,AAAIM,IAAQR,EAAY,WACtB,IAAS,aACAQ,IAAQR,EAAY,iBAC7B,IAAS,oBACAQ,IAAQR,EAAY,aAC7B,IAAS,eACAQ,IAAQR,EAAY,qBAC7B,IAAS;CAGX,IAAMS,IAA4B;EAAC;EAAY;EAAmB;EAAc;CAAmB;CAKnG,OAJIA,EAAQ,QAAQP,CAAY,IAAIO,EAAQ,QAAQF,CAAM,MACxD,IAASL,IAGJK;AACT"}

package/dist/forms/utils/states.d.ts

@@ -32,7 +32,6 @@ export declare function setupControlGroupStates(controlGroup: ControlGroup): Mut
  */
 export declare function setupControlStatusStates(control: Control | ControlGroup, messages: ControlMessage[]): ControlStateCleanup[];
 export declare function updateControlStatusState(control: Control | ControlGroup, message: ControlMessage): void;
-export declare function showNonValidationMessages(messages: ControlMessage[]): void;
 export declare function hideAllValidationMessages(messages: ControlMessage[]): void;
 export declare function showActiveValidationMessages(control: Control, messages: ControlMessage[]): void;
 export declare function hideInactiveValidationMessages(control: Control, messages: ControlMessage[]): void;

package/dist/forms/utils/states.js.map

@@ -1 +1 @@
-{"version":3,"file":"states.js","names":["inputQuery","setupControlValidationStates","cleanups","control","messages","updateValidityState","hideInactiveValidationMessages","resetValidityState","hideAllValidationMessages","addCleanupListener","m","showActiveValidationMessages","current","ControlMessage","setupControlStates","observers","states","addControlInteractionListeners","getElementUpdate","value","e","setupControlGroupStates","toggleControlGroupDisabledState","controlGroup","getAttributeChanges","i","setupControlStatusStates","getAttributeListChanges","target","mutation","matchesElementName","updateControlStatusState","message","type","listener"],"sources":["../../../src/forms/utils/states.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  getAttributeChanges,\n  getAttributeListChanges,\n  getElementUpdate,\n  matchesElementName\n} from '@nvidia-elements/core/internal';\nimport type { ControlGroup } from '../control-group/control-group.js';\nimport { ControlMessage } from '../control-message/control-message.js';\nimport type { Control } from '../control/control.js';\n\nexport const inputQuery = 'input, select, selectmenu, textarea, [nve-control]';\nexport interface ControlStateCleanup {\n  disconnect: () => void;\n}\n\n/**\n * Adds validation states to custom element\n * :state(valid) form control is in a valid state\n * :state(invalid) form control is in a invalid state\n */\n// eslint-disable-next-line max-lines-per-function\nexport function setupControlValidationStates(control: Control, messages: ControlMessage[]) {\n  const cleanups: ControlStateCleanup[] = [];\n\n  if (\n    !control.input.form?.noValidate &&\n    !control.input.formNoValidate &&\n    !control.input.hasAttribute('formnovalidate')\n  ) {\n    hideAllValidationMessages(messages);\n\n    /**\n     * updateValidityState() logic triggered by input blur() or input() change events\n     */\n    const updateValidityState = () => {\n      if (control.input.validity?.valid) {\n        control._internals.states.delete('invalid');\n        control._internals.states.add('valid');\n        control.status = null!;\n      }\n\n      hideInactiveValidationMessages(control, messages);\n    };\n\n    const resetValidityState = () => {\n      control.status = null!;\n      control._internals.states.delete('valid');\n      control._internals.states.delete('invalid');\n      hideAllValidationMessages(messages);\n    };\n\n    const onBlur = () => {\n      control.input.checkValidity();\n      updateValidityState();\n    };\n\n    const onInput = () => {\n      updateValidityState();\n    };\n\n    const onInvalid = () => {\n      if (messages.find(m => m.error)) {\n        hideAllValidationMessages(messages);\n        showActiveValidationMessages(control, messages);\n      }\n\n      control.status = 'error';\n      control._internals.states.delete('valid');\n      control._internals.states.add('invalid');\n    };\n\n    cleanups.push(\n      addCleanupListener(control.input, 'blur', onBlur),\n      addCleanupListener(control.input, 'input', onInput),\n      addCleanupListener(control.input, 'invalid', onInvalid),\n      addCleanupListener(control, 'reset', resetValidityState)\n    );\n\n    if (control.input.form) {\n      cleanups.push(addCleanupListener(control.input.form, 'reset', resetValidityState));\n    }\n  }\n\n  const onSlotChange = () => {\n    const current = Array.from(control.querySelectorAll<ControlMessage>(ControlMessage.metadata.tag));\n    control._internals.states.delete('valid');\n    control._internals.states.delete('invalid');\n    if (current.find(m => !m.hidden && (m.status === 'error' || m.error))) {\n      control._internals.states.add('invalid');\n    } else {\n      control._internals.states.add('valid');\n    }\n  };\n  cleanups.push(addCleanupListener(control.shadowRoot!, 'slotchange', onSlotChange));\n\n  return cleanups;\n}\n\n/**\n * Adds control interaction states to custom element\n * :state(checked) form control is in a checked state\n * :state(disabled) form control is in a disabled state\n * :state(readonly) form control is in a readonly state\n * :state(touched) form control received focus and then blurred\n * :state(dirty) user modified the form control\n */\nexport function setupControlStates(control: Control) {\n  const observers: ControlStateCleanup[] = [];\n  const states = control._internals.states;\n  control.input.checked ? states.add('checked') : states.delete('checked');\n  control.input.indeterminate ? states.add('indeterminate') : states.delete('indeterminate');\n\n  observers.push(...addControlInteractionListeners(control));\n  observers.push(\n    getElementUpdate(control.input, 'readonly', value =>\n      (value === '' ? true : value) ? states.add('readonly') : states.delete('readonly')\n    ),\n    getElementUpdate(control.input, 'checked', () =>\n      control.input.checked ? states.add('checked') : states.delete('checked')\n    ),\n    getElementUpdate(control.input, 'disabled', value =>\n      (value === '' ? true : value) ? states.add('disabled') : states.delete('disabled')\n    ),\n    getElementUpdate(control.input, 'indeterminate', () =>\n      control.input.indeterminate ? states.add('indeterminate') : states.delete('indeterminate')\n    )\n  );\n  return observers;\n}\n\nfunction addControlInteractionListeners(control: Control): ControlStateCleanup[] {\n  const cleanups: ControlStateCleanup[] = [];\n  const states = control._internals.states;\n  const onFocus = () => control._internals.states.add('focus');\n  const onInput = () => control._internals.states.add('dirty');\n  const onBlur = () => {\n    control._internals.states.add('touched');\n    control._internals.states.delete('focus');\n  };\n\n  const onRootChange = (e: Event) => {\n    if ((e.target as HTMLInputElement).name === control.input?.name) {\n      control.input.checked ? states.add('checked') : states.delete('checked');\n    }\n  };\n\n  const onFormReset = () => {\n    control._internals.states.delete('touched');\n    control._internals.states.delete('dirty');\n    control._internals.states.delete('error');\n    control._internals.states.delete('success');\n    control.requestUpdate();\n  };\n\n  cleanups.push(\n    addCleanupListener(control.input, 'focus', onFocus),\n    addCleanupListener(control.input, 'input', onInput),\n    addCleanupListener(control.input, 'blur', onBlur),\n    addCleanupListener(control.input.getRootNode(), 'change', onRootChange)\n  );\n\n  if (control.input.form) {\n    cleanups.push(addCleanupListener(control.input.form, 'reset', onFormReset));\n  }\n\n  return cleanups;\n}\n\n/**\n * Adds control group interaction states to custom element\n * :state(disabled) any form control within group is in a disabled state\n */\nexport function setupControlGroupStates(controlGroup: ControlGroup) {\n  toggleControlGroupDisabledState(controlGroup);\n  return getAttributeChanges(controlGroup, 'disabled', () => toggleControlGroupDisabledState(controlGroup));\n}\n\nfunction toggleControlGroupDisabledState(controlGroup: ControlGroup) {\n  if (Array.from(controlGroup.inputs).find(i => i.disabled)) {\n    controlGroup._internals.states.add('disabled');\n  } else {\n    controlGroup._internals.states.delete('disabled');\n  }\n}\n\n/**\n * Adds control status states to custom element\n * :state(error) form control is in a error state\n * :state(success) form control is in a success state\n */\nexport function setupControlStatusStates(control: Control | ControlGroup, messages: ControlMessage[]) {\n  updateControlStatusState(control, messages.find(m => !m.hidden)!);\n  const observers: ControlStateCleanup[] = [];\n  observers.push(\n    getAttributeListChanges(control, ['hidden', 'status'], mutation => {\n      const target = mutation.target as ControlMessage;\n      if (matchesElementName(target, ControlMessage)) {\n        updateControlStatusState(control, target);\n      }\n    })\n  );\n\n  const onSlotChange = () => {\n    const current = Array.from(control.querySelectorAll<ControlMessage>(ControlMessage.metadata.tag));\n    const message = current.find(m => m.status && !m.hidden);\n    control._internals.states.delete('error');\n    control._internals.states.delete('success');\n    if (message) {\n      control._internals.states.add(message.status!);\n    }\n  };\n  observers.push(addCleanupListener(control.shadowRoot!, 'slotchange', onSlotChange));\n\n  return observers;\n}\n\nfunction addCleanupListener(target: EventTarget, type: string, listener: EventListener): ControlStateCleanup {\n  target.addEventListener(type, listener);\n  return {\n    disconnect: () => target.removeEventListener(type, listener)\n  };\n}\n\nexport function updateControlStatusState(control: Control | ControlGroup, message: ControlMessage) {\n  control._internals.states.delete('error');\n  control._internals.states.delete('success');\n\n  if (message?.status?.length && !message?.hidden) {\n    control._internals.states.add(message.status);\n  }\n}\n\nexport function showNonValidationMessages(messages: ControlMessage[]) {\n  messages.filter(m => !m.hasAttribute('error')).forEach(m => m.removeAttribute('hidden'));\n}\n\nexport function hideAllValidationMessages(messages: ControlMessage[]) {\n  messages.filter(m => m.hasAttribute('error')).forEach(m => m.setAttribute('hidden', ''));\n}\n\nexport function showActiveValidationMessages(control: Control, messages: ControlMessage[]) {\n  messages.find(m => m.error && control.input.validity[m.error])?.removeAttribute('hidden');\n}\n\nexport function hideInactiveValidationMessages(control: Control, messages: ControlMessage[]) {\n  if (messages.find(m => m.error) && control.input.validity.valid) {\n    messages.filter(m => m.error && !control.input.validity[m.error]).forEach(m => m.setAttribute('hidden', ''));\n  }\n}\n"],"mappings":";;;AAaA,IAAaA,IAAa;AAW1B,SAAgBC,EAA6B,GAAkB,GAA4B;CACzF,IAAMC,IAAkC,CAAC;CAEzC,IACE,CAACC,EAAQ,MAAM,MAAM,cACrB,CAACA,EAAQ,MAAM,kBACf,CAACA,EAAQ,MAAM,aAAa,gBAAgB,GAC5C;EACA,EAA0BC,CAAQ;EAKlC,IAAMC,UAA4B;GAOhC,AANIF,EAAQ,MAAM,UAAU,UAC1BA,EAAQ,WAAW,OAAO,OAAO,SAAS,GAC1CA,EAAQ,WAAW,OAAO,IAAI,OAAO,GACrC,EAAQ,SAAS,OAGnBG,EAA+BH,GAASC,CAAQ;EAClD,GAEMG,UAA2B;GAI/B,AAHA,EAAQ,SAAS,MACjBJ,EAAQ,WAAW,OAAO,OAAO,OAAO,GACxCA,EAAQ,WAAW,OAAO,OAAO,SAAS,GAC1CK,EAA0BJ,CAAQ;EACpC;EA6BA,AAPAF,EAAS,KACPO,EAAmBN,EAAQ,OAAO,cArBf;GAEnB,AADAA,EAAQ,MAAM,cAAc,GAC5BE,EAAoB;EACtB,CAkBkD,GAChDI,EAAmBN,EAAQ,OAAO,eAjBd;GACpB,EAAoB;EACtB,CAeoD,GAClDM,EAAmBN,EAAQ,OAAO,iBAdZ;GAQtB,AAPIC,EAAS,MAAK,MAAKM,EAAE,KAAK,MAC5BF,EAA0BJ,CAAQ,GAClCO,EAA6BR,GAASC,CAAQ,IAGhD,EAAQ,SAAS,SACjBD,EAAQ,WAAW,OAAO,OAAO,OAAO,GACxCA,EAAQ,WAAW,OAAO,IAAI,SAAS;EACzC,CAKwD,GACtDM,EAAmBN,GAAS,SAASI,CAAkB,CACzD,GAEIJ,EAAQ,MAAM,QAChBD,EAAS,KAAKO,EAAmBN,EAAQ,MAAM,MAAM,SAASI,CAAkB,CAAC;CAErF;CAcA,OAFAL,EAAS,KAAKO,EAAmBN,EAAQ,YAAa,oBAV3B;EACzB,IAAMS,IAAU,MAAM,KAAKT,EAAQ,iBAAiCU,EAAe,SAAS,GAAG,CAAC;EAGhG,AAFAV,EAAQ,WAAW,OAAO,OAAO,OAAO,GACxCA,EAAQ,WAAW,OAAO,OAAO,SAAS,GACtCS,EAAQ,MAAK,MAAK,CAACF,EAAE,WAAWA,EAAE,WAAW,WAAWA,EAAE,MAAM,IAClEP,EAAQ,WAAW,OAAO,IAAI,SAAS,IAEvCA,EAAQ,WAAW,OAAO,IAAI,OAAO;CAEzC,CACgF,CAAC,GAE1ED;AACT;AAUA,SAAgBY,EAAmB,GAAkB;CACnD,IAAMC,IAAmC,CAAC,GACpCC,IAASb,EAAQ,WAAW;CAmBlC,OAlBAA,EAAQ,MAAM,UAAUa,EAAO,IAAI,SAAS,IAAIA,EAAO,OAAO,SAAS,GACvEb,EAAQ,MAAM,gBAAgBa,EAAO,IAAI,eAAe,IAAIA,EAAO,OAAO,eAAe,GAEzFD,EAAU,KAAK,GAAGE,EAA+Bd,CAAO,CAAC,GACzDY,EAAU,KACRG,EAAiBf,EAAQ,OAAO,aAAY,MACzCgB,MAAU,MAAYA,IAASH,EAAO,IAAI,UAAU,IAAIA,EAAO,OAAO,UAAU,CACnF,GACAE,EAAiBf,EAAQ,OAAO,iBAC9BA,EAAQ,MAAM,UAAUa,EAAO,IAAI,SAAS,IAAIA,EAAO,OAAO,SAAS,CACzE,GACAE,EAAiBf,EAAQ,OAAO,aAAY,MACzCgB,MAAU,MAAYA,IAASH,EAAO,IAAI,UAAU,IAAIA,EAAO,OAAO,UAAU,CACnF,GACAE,EAAiBf,EAAQ,OAAO,uBAC9BA,EAAQ,MAAM,gBAAgBa,EAAO,IAAI,eAAe,IAAIA,EAAO,OAAO,eAAe,CAC3F,CACF,GACOD;AACT;AAEA,SAASE,EAA+B,GAAyC;CAC/E,IAAMf,IAAkC,CAAC,GACnCc,IAASb,EAAQ,WAAW;CAiClC,OAXAD,EAAS,KACPO,EAAmBN,EAAQ,OAAO,eAtBdA,EAAQ,WAAW,OAAO,IAAI,OAAO,CAsBP,GAClDM,EAAmBN,EAAQ,OAAO,eAtBdA,EAAQ,WAAW,OAAO,IAAI,OAAO,CAsBP,GAClDM,EAAmBN,EAAQ,OAAO,cAtBf;EAEnB,AADAA,EAAQ,WAAW,OAAO,IAAI,SAAS,GACvCA,EAAQ,WAAW,OAAO,OAAO,OAAO;CAC1C,CAmBkD,GAChDM,EAAmBN,EAAQ,MAAM,YAAY,GAAG,WAlB5B,MAAa;EACjC,AAAKiB,EAAE,OAA4B,SAASjB,EAAQ,OAAO,SACzDA,EAAQ,MAAM,UAAUa,EAAO,IAAI,SAAS,IAAIA,EAAO,OAAO,SAAS;CAE3E,CAcwE,CACxE,GAEIb,EAAQ,MAAM,QAChBD,EAAS,KAAKO,EAAmBN,EAAQ,MAAM,MAAM,eAhB7B;EAKxB,AAJAA,EAAQ,WAAW,OAAO,OAAO,SAAS,GAC1CA,EAAQ,WAAW,OAAO,OAAO,OAAO,GACxCA,EAAQ,WAAW,OAAO,OAAO,OAAO,GACxCA,EAAQ,WAAW,OAAO,OAAO,SAAS,GAC1CA,EAAQ,cAAc;CACxB,CAU2E,CAAC,GAGrED;AACT;AAMA,SAAgBmB,EAAwB,GAA4B;CAElE,OADAC,EAAgCC,CAAY,GACrCC,EAAoBD,GAAc,kBAAkBD,EAAgCC,CAAY,CAAC;AAC1G;AAEA,SAASD,EAAgC,GAA4B;CACnE,AAAI,MAAM,KAAKC,EAAa,MAAM,CAAC,CAAC,MAAK,MAAKE,EAAE,QAAQ,IACtDF,EAAa,WAAW,OAAO,IAAI,UAAU,IAE7CA,EAAa,WAAW,OAAO,OAAO,UAAU;AAEpD;AAOA,SAAgBG,EAAyB,GAAiC,GAA4B;CACpG,EAAyBvB,GAASC,EAAS,MAAK,MAAK,CAACM,EAAE,MAAM,CAAE;CAChE,IAAMK,IAAmC,CAAC;CAqB1C,OApBAA,EAAU,KACRY,EAAwBxB,GAAS,CAAC,UAAU,QAAQ,IAAG,MAAY;EACjE,IAAMyB,IAASC,EAAS;EACxB,AAAIC,EAAmBF,GAAQf,CAAc,KAC3CkB,EAAyB5B,GAASyB,CAAM;CAE5C,CAAC,CACH,GAWAb,EAAU,KAAKN,EAAmBN,EAAQ,YAAa,oBAT5B;EAEzB,IAAM6B,IADU,MAAM,KAAK7B,EAAQ,iBAAiCU,EAAe,SAAS,GAAG,CAC/E,CAAA,CAAQ,MAAK,MAAKH,EAAE,UAAU,CAACA,EAAE,MAAM;EAGvD,AAFAP,EAAQ,WAAW,OAAO,OAAO,OAAO,GACxCA,EAAQ,WAAW,OAAO,OAAO,SAAS,GACtC6B,KACF7B,EAAQ,WAAW,OAAO,IAAI6B,EAAQ,MAAO;CAEjD,CACiF,CAAC,GAE3EjB;AACT;AAEA,SAASN,EAAmB,GAAqB,GAAc,GAA8C;CAE3G,OADAmB,EAAO,iBAAiBK,GAAMC,CAAQ,GAC/B,EACL,kBAAkBN,EAAO,oBAAoBK,GAAMC,CAAQ,EAC7D;AACF;AAEA,SAAgBH,EAAyB,GAAiC,GAAyB;CAIjG,AAHA5B,EAAQ,WAAW,OAAO,OAAO,OAAO,GACxCA,EAAQ,WAAW,OAAO,OAAO,SAAS,GAEtC6B,GAAS,QAAQ,UAAU,CAACA,GAAS,UACvC7B,EAAQ,WAAW,OAAO,IAAI6B,EAAQ,MAAM;AAEhD;AAMA,SAAgBxB,EAA0B,GAA4B;CACpE,EAAS,QAAO,MAAKE,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,SAAQ,MAAKA,EAAE,aAAa,UAAU,EAAE,CAAC;AACzF;AAEA,SAAgBC,EAA6B,GAAkB,GAA4B;CACzF,EAAS,MAAK,MAAKD,EAAE,SAASP,EAAQ,MAAM,SAASO,EAAE,MAAM,CAAC,EAAE,gBAAgB,QAAQ;AAC1F;AAEA,SAAgBJ,EAA+B,GAAkB,GAA4B;CAC3F,AAAIF,EAAS,MAAK,MAAKM,EAAE,KAAK,KAAKP,EAAQ,MAAM,SAAS,SACxDC,EAAS,QAAO,MAAKM,EAAE,SAAS,CAACP,EAAQ,MAAM,SAASO,EAAE,MAAM,CAAC,CAAC,SAAQ,MAAKA,EAAE,aAAa,UAAU,EAAE,CAAC;AAE/G"}
+{"version":3,"file":"states.js","names":["inputQuery","setupControlValidationStates","cleanups","control","messages","updateValidityState","hideInactiveValidationMessages","resetValidityState","hideAllValidationMessages","addCleanupListener","m","showActiveValidationMessages","current","ControlMessage","setupControlStates","observers","states","addControlInteractionListeners","getElementUpdate","value","e","setupControlGroupStates","toggleControlGroupDisabledState","controlGroup","getAttributeChanges","i","setupControlStatusStates","getAttributeListChanges","target","mutation","matchesElementName","updateControlStatusState","message","type","listener"],"sources":["../../../src/forms/utils/states.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  getAttributeChanges,\n  getAttributeListChanges,\n  getElementUpdate,\n  matchesElementName\n} from '@nvidia-elements/core/internal';\nimport type { ControlGroup } from '../control-group/control-group.js';\nimport { ControlMessage } from '../control-message/control-message.js';\nimport type { Control } from '../control/control.js';\n\nexport const inputQuery = 'input, select, selectmenu, textarea, [nve-control]';\nexport interface ControlStateCleanup {\n  disconnect: () => void;\n}\n\n/**\n * Adds validation states to custom element\n * :state(valid) form control is in a valid state\n * :state(invalid) form control is in a invalid state\n */\n// eslint-disable-next-line max-lines-per-function\nexport function setupControlValidationStates(control: Control, messages: ControlMessage[]) {\n  const cleanups: ControlStateCleanup[] = [];\n\n  if (\n    !control.input.form?.noValidate &&\n    !control.input.formNoValidate &&\n    !control.input.hasAttribute('formnovalidate')\n  ) {\n    hideAllValidationMessages(messages);\n\n    /**\n     * updateValidityState() logic triggered by input blur() or input() change events\n     */\n    const updateValidityState = () => {\n      if (control.input.validity?.valid) {\n        control._internals.states.delete('invalid');\n        control._internals.states.add('valid');\n        control.status = null!;\n      }\n\n      hideInactiveValidationMessages(control, messages);\n    };\n\n    const resetValidityState = () => {\n      control.status = null!;\n      control._internals.states.delete('valid');\n      control._internals.states.delete('invalid');\n      hideAllValidationMessages(messages);\n    };\n\n    const onBlur = () => {\n      control.input.checkValidity();\n      updateValidityState();\n    };\n\n    const onInput = () => {\n      updateValidityState();\n    };\n\n    const onInvalid = () => {\n      if (messages.find(m => m.error)) {\n        hideAllValidationMessages(messages);\n        showActiveValidationMessages(control, messages);\n      }\n\n      control.status = 'error';\n      control._internals.states.delete('valid');\n      control._internals.states.add('invalid');\n    };\n\n    cleanups.push(\n      addCleanupListener(control.input, 'blur', onBlur),\n      addCleanupListener(control.input, 'input', onInput),\n      addCleanupListener(control.input, 'invalid', onInvalid),\n      addCleanupListener(control, 'reset', resetValidityState)\n    );\n\n    if (control.input.form) {\n      cleanups.push(addCleanupListener(control.input.form, 'reset', resetValidityState));\n    }\n  }\n\n  const onSlotChange = () => {\n    const current = Array.from(control.querySelectorAll<ControlMessage>(ControlMessage.metadata.tag));\n    control._internals.states.delete('valid');\n    control._internals.states.delete('invalid');\n    if (current.find(m => !m.hidden && (m.status === 'error' || m.error))) {\n      control._internals.states.add('invalid');\n    } else {\n      control._internals.states.add('valid');\n    }\n  };\n  cleanups.push(addCleanupListener(control.shadowRoot!, 'slotchange', onSlotChange));\n\n  return cleanups;\n}\n\n/**\n * Adds control interaction states to custom element\n * :state(checked) form control is in a checked state\n * :state(disabled) form control is in a disabled state\n * :state(readonly) form control is in a readonly state\n * :state(touched) form control received focus and then blurred\n * :state(dirty) user modified the form control\n */\nexport function setupControlStates(control: Control) {\n  const observers: ControlStateCleanup[] = [];\n  const states = control._internals.states;\n  control.input.checked ? states.add('checked') : states.delete('checked');\n  control.input.indeterminate ? states.add('indeterminate') : states.delete('indeterminate');\n\n  observers.push(...addControlInteractionListeners(control));\n  observers.push(\n    getElementUpdate(control.input, 'readonly', value =>\n      (value === '' ? true : value) ? states.add('readonly') : states.delete('readonly')\n    ),\n    getElementUpdate(control.input, 'checked', () =>\n      control.input.checked ? states.add('checked') : states.delete('checked')\n    ),\n    getElementUpdate(control.input, 'disabled', value =>\n      (value === '' ? true : value) ? states.add('disabled') : states.delete('disabled')\n    ),\n    getElementUpdate(control.input, 'indeterminate', () =>\n      control.input.indeterminate ? states.add('indeterminate') : states.delete('indeterminate')\n    )\n  );\n  return observers;\n}\n\nfunction addControlInteractionListeners(control: Control): ControlStateCleanup[] {\n  const cleanups: ControlStateCleanup[] = [];\n  const states = control._internals.states;\n  const onFocus = () => control._internals.states.add('focus');\n  const onInput = () => control._internals.states.add('dirty');\n  const onBlur = () => {\n    control._internals.states.add('touched');\n    control._internals.states.delete('focus');\n  };\n\n  const onRootChange = (e: Event) => {\n    if ((e.target as HTMLInputElement).name === control.input?.name) {\n      control.input.checked ? states.add('checked') : states.delete('checked');\n    }\n  };\n\n  const onFormReset = () => {\n    control._internals.states.delete('touched');\n    control._internals.states.delete('dirty');\n    control._internals.states.delete('error');\n    control._internals.states.delete('success');\n    control.requestUpdate();\n  };\n\n  cleanups.push(\n    addCleanupListener(control.input, 'focus', onFocus),\n    addCleanupListener(control.input, 'input', onInput),\n    addCleanupListener(control.input, 'blur', onBlur),\n    addCleanupListener(control.input.getRootNode(), 'change', onRootChange)\n  );\n\n  if (control.input.form) {\n    cleanups.push(addCleanupListener(control.input.form, 'reset', onFormReset));\n  }\n\n  return cleanups;\n}\n\n/**\n * Adds control group interaction states to custom element\n * :state(disabled) any form control within group is in a disabled state\n */\nexport function setupControlGroupStates(controlGroup: ControlGroup) {\n  toggleControlGroupDisabledState(controlGroup);\n  return getAttributeChanges(controlGroup, 'disabled', () => toggleControlGroupDisabledState(controlGroup));\n}\n\nfunction toggleControlGroupDisabledState(controlGroup: ControlGroup) {\n  if (Array.from(controlGroup.inputs).find(i => i.disabled)) {\n    controlGroup._internals.states.add('disabled');\n  } else {\n    controlGroup._internals.states.delete('disabled');\n  }\n}\n\n/**\n * Adds control status states to custom element\n * :state(error) form control is in a error state\n * :state(success) form control is in a success state\n */\nexport function setupControlStatusStates(control: Control | ControlGroup, messages: ControlMessage[]) {\n  updateControlStatusState(control, messages.find(m => !m.hidden)!);\n  const observers: ControlStateCleanup[] = [];\n  observers.push(\n    getAttributeListChanges(control, ['hidden', 'status'], mutation => {\n      const target = mutation.target as ControlMessage;\n      if (matchesElementName(target, ControlMessage)) {\n        updateControlStatusState(control, target);\n      }\n    })\n  );\n\n  const onSlotChange = () => {\n    const current = Array.from(control.querySelectorAll<ControlMessage>(ControlMessage.metadata.tag));\n    const message = current.find(m => m.status && !m.hidden);\n    control._internals.states.delete('error');\n    control._internals.states.delete('success');\n    if (message) {\n      control._internals.states.add(message.status!);\n    }\n  };\n  observers.push(addCleanupListener(control.shadowRoot!, 'slotchange', onSlotChange));\n\n  return observers;\n}\n\nfunction addCleanupListener(target: EventTarget, type: string, listener: EventListener): ControlStateCleanup {\n  target.addEventListener(type, listener);\n  return {\n    disconnect: () => target.removeEventListener(type, listener)\n  };\n}\n\nexport function updateControlStatusState(control: Control | ControlGroup, message: ControlMessage) {\n  control._internals.states.delete('error');\n  control._internals.states.delete('success');\n\n  if (message?.status?.length && !message?.hidden) {\n    control._internals.states.add(message.status);\n  }\n}\n\nexport function hideAllValidationMessages(messages: ControlMessage[]) {\n  messages.filter(m => m.hasAttribute('error')).forEach(m => m.setAttribute('hidden', ''));\n}\n\nexport function showActiveValidationMessages(control: Control, messages: ControlMessage[]) {\n  messages.find(m => m.error && control.input.validity[m.error])?.removeAttribute('hidden');\n}\n\nexport function hideInactiveValidationMessages(control: Control, messages: ControlMessage[]) {\n  if (messages.find(m => m.error) && control.input.validity.valid) {\n    messages.filter(m => m.error && !control.input.validity[m.error]).forEach(m => m.setAttribute('hidden', ''));\n  }\n}\n"],"mappings":"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"}

package/dist/gauge/gauge2.js

@@ -45,7 +45,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-gauge",
-			version: "2.22.5"
+			version: "2.23.1"
 		};
 	}
 	#e;

package/dist/ghost/define.d.ts

@@ -0,0 +1,6 @@
+import { Ghost } from '@nvidia-elements/core/ghost';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nve-ghost': Ghost;
+    }
+}

package/dist/ghost/define.js

@@ -0,0 +1,6 @@
+import { Ghost as e } from "./ghost2.js";
+import { define as t } from "@nvidia-elements/foundations/internal/define";
+// src/ghost/define.ts
+t(e);
+
+//# sourceMappingURL=define.js.map

package/dist/ghost/define.js.map

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