@nvidia-elements/core 0.0.3 → 0.0.5

package/dist/tree/tree.examples.json

@@ -79,7 +79,7 @@
     {
       "id": "core-tree_node-content",
       "name": "NodeContent",
-      "template": "<nve-tree selectable=\"multi\" border behavior-expand behavior-select>\n  <nve-tree-node expanded>\n    text content\n    <nve-tree-node>\n      <a href=\"#\" nve-text=\"link\">node link</a>\n    </nve-tree-node>\n    <nve-tree-node>\n      long form content\n      <div slot=\"content\" nve-layout=\"column gap:sm\">\n        <a href=\"#\" nve-text=\"link\">This is some longer content in a tree node.</a>\n        <a href=\"#\" nve-text=\"link\">This is some longer content in a tree node.</a>\n        <a href=\"#\" nve-text=\"link\">This is some longer content in a tree node.</a>\n      </div>\n    </nve-tree-node>\n    <nve-tree-node>\n      interactive content\n      <div slot=\"content\" nve-layout=\"column gap:sm\">\n        <p nve-text=\"body sm\">This is some longer content in a tree node.</p>\n        <nve-button>hello there</nve-button>\n      </div>\n    </nve-tree-node>\n    <nve-tree-node>\n      input control\n      <div slot=\"content\" nve-layout=\"column gap:sm\">\n        <nve-input>\n          <label>label</label>\n          <input type=\"text\" />\n        </nve-input>\n        <nve-input>\n          <label>label</label>\n          <input type=\"text\" />\n        </nve-input>\n      </div>\n    </nve-tree-node>\n    <nve-tree-node>\n      node content checkbox group\n      <nve-checkbox-group slot=\"content\">\n        <label>label</label>\n        <nve-checkbox>\n          <label>checkbox 1</label>\n          <input type=\"checkbox\" checked />\n        </nve-checkbox>\n        <nve-checkbox>\n          <label>checkbox 2</label>\n          <input type=\"checkbox\" />\n        </nve-checkbox>\n        <nve-checkbox>\n          <label>checkbox 3</label>\n          <input type=\"checkbox\" />\n        </nve-checkbox>\n      </nve-checkbox-group>\n    </nve-tree-node>\n    <nve-tree-node>\n      node content radio group\n      <nve-radio-group slot=\"content\">\n        <label>label</label>\n        <nve-radio>\n          <label>radio 1</label>\n          <input type=\"radio\" checked />\n        </nve-radio>\n        <nve-radio>\n          <label>radio 2</label>\n          <input type=\"radio\" />\n        </nve-radio>\n        <nve-radio>\n          <label>radio 3</label>\n          <input type=\"radio\" />\n        </nve-radio>\n      </nve-radio-group>\n    </nve-tree-node>\n  </nve-tree-node>\n</nve-tree>\n",
+      "template": "<nve-tree selectable=\"multi\" border behavior-expand behavior-select>\n  <nve-tree-node expanded>\n    text content\n    <nve-tree-node>\n      <a href=\".\" nve-text=\"link\">node link</a>\n    </nve-tree-node>\n    <nve-tree-node> inline content <nve-dot status=\"success\" size=\"sm\"></nve-dot> </nve-tree-node>\n    <nve-tree-node>\n      <div nve-text=\"body sm muted\" nve-layout=\"pad-bottom:xs\">block</div>\n      <p nve-text=\"body sm\">content</p>\n    </nve-tree-node>\n    <nve-tree-node>\n      long form content\n      <div slot=\"content\" nve-layout=\"column gap:sm\">\n        <a href=\"#\" nve-text=\"link\">This is some longer content in a tree node.</a>\n        <a href=\"#\" nve-text=\"link\">This is some longer content in a tree node.</a>\n        <a href=\"#\" nve-text=\"link\">This is some longer content in a tree node.</a>\n      </div>\n    </nve-tree-node>\n    <nve-tree-node>\n      interactive content\n      <div slot=\"content\" nve-layout=\"column gap:sm\">\n        <p nve-text=\"body sm\">This is some longer content in a tree node.</p>\n        <nve-button>hello there</nve-button>\n      </div>\n    </nve-tree-node>\n    <nve-tree-node>\n      input control\n      <div slot=\"content\" nve-layout=\"column gap:sm\">\n        <nve-input>\n          <label>label</label>\n          <input type=\"text\" />\n        </nve-input>\n        <nve-input>\n          <label>label</label>\n          <input type=\"text\" />\n        </nve-input>\n      </div>\n    </nve-tree-node>\n    <nve-tree-node>\n      node content checkbox group\n      <nve-checkbox-group slot=\"content\">\n        <label>label</label>\n        <nve-checkbox>\n          <label>checkbox 1</label>\n          <input type=\"checkbox\" checked />\n        </nve-checkbox>\n        <nve-checkbox>\n          <label>checkbox 2</label>\n          <input type=\"checkbox\" />\n        </nve-checkbox>\n        <nve-checkbox>\n          <label>checkbox 3</label>\n          <input type=\"checkbox\" />\n        </nve-checkbox>\n      </nve-checkbox-group>\n    </nve-tree-node>\n    <nve-tree-node>\n      node content radio group\n      <nve-radio-group slot=\"content\">\n        <label>label</label>\n        <nve-radio>\n          <label>radio 1</label>\n          <input type=\"radio\" checked />\n        </nve-radio>\n        <nve-radio>\n          <label>radio 2</label>\n          <input type=\"radio\" />\n        </nve-radio>\n        <nve-radio>\n          <label>radio 3</label>\n          <input type=\"radio\" />\n        </nve-radio>\n      </nve-radio-group>\n    </nve-tree-node>\n  </nve-tree-node>\n</nve-tree>\n",
       "summary": "Tree with rich node content including forms, controls, and interactive elements, enabling complex data management within hierarchical structures.",
       "description": "",
       "composition": true,
@@ -96,15 +96,6 @@
         "test-case"
       ]
     },
-    {
-      "id": "core-tree_vertical-nav",
-      "name": "VerticalNav",
-      "template": "<nve-drawer inline size=\"sm\" position=\"left\">\n  <nve-drawer-header>\n    <h3 nve-text=\"heading\">Navigation</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <nve-tree behavior-expand>\n      <nve-tree-node><a href=\"#\">Documentation</a></nve-tree-node>\n      <nve-tree-node><a href=\"#\">Support</a></nve-tree-node>\n      <nve-tree-node expanded>\n        Elements\n        <nve-tree-node><a href=\"#\">Alert</a></nve-tree-node>\n        <nve-tree-node><a href=\"#\">Badge</a></nve-tree-node>\n        <nve-tree-node><a href=\"#\">Dialog</a></nve-tree-node>\n      </nve-tree-node>\n      <nve-tree-node>\n        Frameworks\n        <nve-tree-node><a href=\"#\">Angular</a></nve-tree-node>\n        <nve-tree-node><a href=\"#\">React</a></nve-tree-node>\n        <nve-tree-node><a href=\"#\">Vue</a></nve-tree-node>\n      </nve-tree-node>\n      <nve-tree-node>\n        Languages\n        <nve-tree-node><a href=\"#\">JavaScript</a></nve-tree-node>\n        <nve-tree-node><a href=\"#\">HTML</a></nve-tree-node>\n        <nve-tree-node><a href=\"#\">CSS</a></nve-tree-node>\n      </nve-tree-node>\n    </nve-tree>\n  </nve-drawer-content>\n</nve-drawer>\n",
-      "summary": "Tree integrated in vertical navigation drawer, providing structured sidebar navigation for application layouts and content organization.",
-      "description": "",
-      "composition": false,
-      "tags": []
-    },
     {
       "id": "core-tree_overflow",
       "name": "Overflow",

package/dist/tree/tree2.js

@@ -22,7 +22,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-tree",
-			version: "0.0.3",
+			version: "0.0.5",
 			children: ["nve-tree-node"]
 		};
 	}

package/dist/week/week2.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nvidia-elements/core",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "release": {
     "extends": "../../release.config.js"
   },
@@ -28,6 +28,7 @@
   "files": [
     "README.md",
     "CHANGELOG.md",
+    "NOTICE.md",
     "package.json",
     "postinstall.mjs",
     "dist/**/*"
@@ -352,6 +353,30 @@
       "types": "./dist/file/define.d.ts",
       "default": "./dist/file/define.js"
     },
+    "./format-datetime": {
+      "types": "./dist/format-datetime/index.d.ts",
+      "default": "./dist/format-datetime/index.js"
+    },
+    "./format-datetime/index.js": {
+      "types": "./dist/format-datetime/index.d.ts",
+      "default": "./dist/format-datetime/index.js"
+    },
+    "./format-datetime/define.js": {
+      "types": "./dist/format-datetime/define.d.ts",
+      "default": "./dist/format-datetime/define.js"
+    },
+    "./format-relative-time": {
+      "types": "./dist/format-relative-time/index.d.ts",
+      "default": "./dist/format-relative-time/index.js"
+    },
+    "./format-relative-time/index.js": {
+      "types": "./dist/format-relative-time/index.d.ts",
+      "default": "./dist/format-relative-time/index.js"
+    },
+    "./format-relative-time/define.js": {
+      "types": "./dist/format-relative-time/define.d.ts",
+      "default": "./dist/format-relative-time/define.js"
+    },
     "./forms": {
       "types": "./dist/forms/index.d.ts",
       "default": "./dist/forms/index.js"
@@ -620,14 +645,6 @@
       "types": "./dist/resize-handle/define.d.ts",
       "default": "./dist/resize-handle/define.js"
     },
-    "./scoped": {
-      "types": "./dist/scoped/index.d.ts",
-      "default": "./dist/scoped/index.js"
-    },
-    "./scoped/index.js": {
-      "types": "./dist/scoped/index.d.ts",
-      "default": "./dist/scoped/index.js"
-    },
     "./search": {
       "types": "./dist/search/index.d.ts",
       "default": "./dist/search/index.js"
@@ -887,40 +904,42 @@
   "dependencies": {
     "lit": "^3.3.2",
     "lit-html": "^3.3.2",
-    "@nvidia-elements/forms": "^0.0.3"
+    "@nvidia-elements/forms": "^0.0.5"
   },
   "peerDependencies": {
-    "@nvidia-elements/themes": "^0.0.4"
+    "@nvidia-elements/themes": "^0.0.6"
   },
   "optionalDependencies": {
     "@lit-labs/scoped-registry-mixin": "^1.0.4",
-    "@webcomponents/scoped-custom-element-registry": "^0.0.9",
+    "@webcomponents/scoped-custom-element-registry": "^0.0.10",
     "construct-style-sheets-polyfill": "^3.1.0",
     "element-internals-polyfill": "^3.0.2",
     "formdata-polyfill": "^4.0.10"
   },
   "devDependencies": {
-    "@eslint/js": "9.39.2",
-    "@lit-labs/virtualizer": "^2.1.1",
+    "@eslint/js": "10.0.1",
+    "@lit-labs/virtualizer": "2.1.1",
     "@typescript/lib-dom": "npm:@types/web@0.0.312",
-    "@vitest/browser": "4.1.2",
-    "@vitest/coverage-istanbul": "4.1.2",
+    "@vitest/browser": "4.1.4",
+    "@vitest/coverage-istanbul": "4.1.4",
     "axe-core": "4.11.0",
-    "eslint": "9.39.2",
+    "eslint": "10.2.0",
+    "lit": "3.3.2",
     "lit-analyzer": "2.0.3",
-    "publint": "0.3.15",
-    "stylelint": "17.4.0",
+    "lit-html": "3.3.2",
+    "publint": "0.3.18",
+    "stylelint": "17.6.0",
     "stylelint-config-standard": "40.0.0",
     "svgo": "4.0.1",
     "ts-lit-plugin": "2.0.2",
     "typescript": "6.0.2",
     "vite": "8.0.6",
-    "vitest": "4.1.2",
+    "vitest": "4.1.4",
+    "@internals/eslint": "0.0.0",
     "@internals/testing": "0.0.0",
     "@internals/vite": "0.0.0",
-    "@nvidia-elements/lint": "0.0.2",
-    "@internals/eslint": "0.0.0",
-    "@nvidia-elements/styles": "^0.0.3"
+    "@nvidia-elements/lint": "0.0.4",
+    "@nvidia-elements/styles": "^0.0.5"
   },
   "wireit": {
     "ci": {
@@ -1204,6 +1223,7 @@
   "publishConfig": {
     "provenance": true
   },
+  "license": "Apache-2.0",
   "scripts": {
     "postinstall": "node postinstall.mjs || exit 0",
     "ci": "wireit",

package/dist/alert/alert-banner.d.ts

@@ -1,22 +0,0 @@
-import { CSSResult } from 'lit';
-import { AlertGroup } from './alert-group.js';
-/**
- * @deprecated
- * @element nve-alert-banner
- * @description An alert banner is an element that displays a brief, important message outside the context of the current page.
- * @cssprop --gap
- * @cssprop --color
- * @cssprop --padding
- * @cssprop --font-size
- * @cssprop --background
- * @cssprop --border-radius
- * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/
- */
-export declare class AlertBanner extends AlertGroup {
-    static styles: CSSResult[];
-    static readonly metadata: {
-        tag: string;
-        version: string;
-        children: never[];
-    };
-}

package/dist/alert/alert-banner.js

@@ -1,6 +0,0 @@
-//#region src/alert/alert-banner.css?inline
-var e = ":host{--border-radius: 0;--background: var(--nve-sys-support-color);--color: var(--nve-sys-text-white-color);--icon-color: var(--color)}:host([status=\"accent\"]){--background: var(--nve-sys-support-accent-color);--icon-color: var(--color)}:host([status=\"success\"]){--background: var(--nve-sys-support-success-color);--icon-color: var(--color)}:host([status=\"warning\"]){--background: var(--nve-sys-support-warning-color);--icon-color: var(--color);--color: var(--nve-sys-text-black-color)}:host([status=\"danger\"]){--background: var(--nve-sys-support-danger-color);--icon-color: var(--color)}::slotted(nve-alert){--font-weight: var(--nve-ref-font-weight-regular)}";
-//#endregion
-export { e as default };
-
-//# sourceMappingURL=alert-banner.js.map

package/dist/alert/alert-banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-banner.js","names":[],"sources":["../../src/alert/alert-banner.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  --border-radius: 0;\n  --background: var(--nve-sys-support-color);\n  --color: var(--nve-sys-text-white-color);\n  --icon-color: var(--color);\n}\n\n:host([status='accent']) {\n  --background: var(--nve-sys-support-accent-color);\n  --icon-color: var(--color);\n}\n\n:host([status='success']) {\n  --background: var(--nve-sys-support-success-color);\n  --icon-color: var(--color);\n}\n\n:host([status='warning']) {\n  --background: var(--nve-sys-support-warning-color);\n  --icon-color: var(--color);\n  --color: var(--nve-sys-text-black-color);\n}\n\n:host([status='danger']) {\n  --background: var(--nve-sys-support-danger-color);\n  --icon-color: var(--color);\n}\n\n::slotted(nve-alert) {\n  --font-weight: var(--nve-ref-font-weight-regular);\n}\n"],"mappings":""}

package/dist/alert/alert-banner2.js

@@ -1,20 +0,0 @@
-import { useStyles as e } from "../internal/styles/index.js";
-import { AlertGroup as t } from "./alert-group2.js";
-import n from "./alert-banner.js";
-//#region src/alert/alert-banner.ts
-var r = class extends t {
-	static {
-		this.styles = e([...t.styles, n]);
-	}
-	static {
-		this.metadata = {
-			tag: "nve-alert-banner",
-			version: "0.0.3",
-			children: []
-		};
-	}
-};
-//#endregion
-export { r as AlertBanner };
-
-//# sourceMappingURL=alert-banner2.js.map

package/dist/alert/alert-banner2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-banner2.js","names":[],"sources":["../../src/alert/alert-banner.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport { AlertGroup } from './alert-group.js';\nimport styles from './alert-banner.css?inline';\n\n/**\n * @deprecated\n * @element nve-alert-banner\n * @description An alert banner is an element that displays a brief, important message outside the context of the current page.\n * @cssprop --gap\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --background\n * @cssprop --border-radius\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\nexport class AlertBanner extends AlertGroup {\n  static styles: CSSResult[] = useStyles([...AlertGroup.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-alert-banner',\n    version: '0.0.0',\n    children: []\n  };\n}\n"],"mappings":";;;;AAoBA,IAAa,IAAb,cAAiC,EAAW;;gBACb,EAAU,CAAC,GAAG,EAAW,QAAQ,EAAO,CAAC;;;kBAE3C;GACzB,KAAK;GACL,SAAS;GACT,UAAU,EAAE;GACb"}

package/dist/scoped/index.d.ts

@@ -1,11 +0,0 @@
-import { ScopedRegistryHost } from '@lit-labs/scoped-registry-mixin';
-import { LitElement } from 'lit';
-type LitElementConstructor = new (...args: any[]) => LitElement;
-/**
- * @deprecated
- * Utility for applying mixin recursively to all Elements, used for scoped element registry polyfills and shims
- */
-export declare function scope(element: LitElementConstructor & {
-    elementDefinitions?: Record<string, LitElementConstructor>;
-}, Mixin?: typeof ScopedRegistryHost): typeof element;
-export {};

package/dist/scoped/index.js

@@ -1,16 +0,0 @@
-import { ScopedRegistryHost as e } from "@lit-labs/scoped-registry-mixin";
-//#region src/scoped/index.ts
-function t(n, r = e) {
-	return class extends r(n) {
-		static {
-			this.elementDefinitions = Object.entries({ ...n.elementDefinitions }).reduce((e, [n, i]) => ({
-				...e,
-				[n]: t(i, r)
-			}), {});
-		}
-	};
-}
-//#endregion
-export { t as scope };
-
-//# sourceMappingURL=index.js.map

package/dist/scoped/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/scoped/index.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ScopedRegistryHost } from '@lit-labs/scoped-registry-mixin';\nimport type { LitElement } from 'lit';\n\ntype LitElementConstructor = new (...args: any[]) => LitElement; // eslint-disable-line @typescript-eslint/no-explicit-any\n\n/**\n * @deprecated\n * Utility for applying mixin recursively to all Elements, used for scoped element registry polyfills and shims\n */\nexport function scope(\n  element: LitElementConstructor & { elementDefinitions?: Record<string, LitElementConstructor> },\n  Mixin = ScopedRegistryHost\n): typeof element {\n  return class extends Mixin(element) {\n    static elementDefinitions = Object.entries({ ...element.elementDefinitions }).reduce(\n      (p, [tag, el]) => ({ ...p, [tag]: scope(el, Mixin) }),\n      {}\n    );\n  } as typeof element;\n}\n"],"mappings":";;AAYA,SAAgB,EACd,GACA,IAAQ,GACQ;AAChB,QAAO,cAAc,EAAM,EAAQ,CAAC;;6BACN,OAAO,QAAQ,EAAE,GAAG,EAAQ,oBAAoB,CAAC,CAAC,QAC3E,GAAG,CAAC,GAAK,QAAS;IAAE,GAAG;KAAI,IAAM,EAAM,GAAI,EAAM;IAAE,GACpD,EAAE,CACH"}

package/dist/test/demo.d.ts

@@ -1,41 +0,0 @@
-export interface DemoItem {
-    field1: {
-        label: string;
-        value: string;
-    };
-    field2: {
-        label: string;
-        value: string | number;
-    };
-    field3: {
-        label: string;
-        value: string | number;
-    };
-    field4: {
-        label: string;
-        value: string | number;
-    };
-    field5: {
-        label: string;
-        value: string | number;
-    };
-}
-/**
- * demo data for examples only
- */
-export declare function getItems(rows?: number): DemoItem[];
-/** demo data for datagrid examples only */
-export declare function grid(rows?: number, columns?: number): {
-    columns: {
-        id: string;
-        label: string;
-        sort: string;
-    }[];
-    rows: {
-        id: string;
-        cells: {
-            id: string;
-            label: string;
-        }[];
-    }[];
-};

package/dist/test/demo.js

@@ -1,244 +0,0 @@
-import { generateId as e } from "../internal/utils/dom.js";
-//#region src/test/demo.ts
-function t(t = "") {
-	let n = e().replace("_", ""), r = new Intl.DateTimeFormat("en-US", { dateStyle: "short" }).format(new Date(new Date(2020, 0, 1).getTime() + Math.random() * ((/* @__PURE__ */ new Date()).getTime() - new Date(2012, 0, 1).getTime())));
-	if (t === "models") {
-		let e = [
-			"finished",
-			"pending",
-			"running",
-			"queued"
-		][Math.floor(Math.random() * 4)], t = [
-			1,
-			4,
-			16,
-			32
-		][Math.floor(Math.random() * 4)], i = [
-			"GPT-2",
-			"BioBERT",
-			"PeopleNet",
-			"VehicleTypeNet",
-			"BioMegatron",
-			"FinMegatron"
-		][Math.floor(Math.random() * 6)];
-		return {
-			field1: {
-				label: "id",
-				value: n
-			},
-			field2: {
-				label: "status",
-				value: e
-			},
-			field3: {
-				label: "model",
-				value: i
-			},
-			field4: {
-				label: "nodes",
-				value: t
-			},
-			field5: {
-				label: "created",
-				value: r
-			}
-		};
-	} else if (t === "hardware") return [
-		{
-			field1: {
-				label: "id",
-				value: n
-			},
-			field2: {
-				label: "model",
-				value: "4090"
-			},
-			field3: {
-				label: "memory",
-				value: "24gb"
-			},
-			field4: {
-				label: "cores",
-				value: 16384
-			},
-			field5: {
-				label: "created",
-				value: r
-			}
-		},
-		{
-			field1: {
-				label: "id",
-				value: n
-			},
-			field2: {
-				label: "model",
-				value: "4080"
-			},
-			field3: {
-				label: "memory",
-				value: "16gb"
-			},
-			field4: {
-				label: "cores",
-				value: 9728
-			},
-			field5: {
-				label: "created",
-				value: r
-			}
-		},
-		{
-			field1: {
-				label: "id",
-				value: n
-			},
-			field2: {
-				label: "model",
-				value: "4070ti"
-			},
-			field3: {
-				label: "memory",
-				value: "12gb"
-			},
-			field4: {
-				label: "cores",
-				value: 7680
-			},
-			field5: {
-				label: "created",
-				value: r
-			}
-		},
-		{
-			field1: {
-				label: "id",
-				value: n
-			},
-			field2: {
-				label: "model",
-				value: "4070"
-			},
-			field3: {
-				label: "memory",
-				value: "12gb"
-			},
-			field4: {
-				label: "cores",
-				value: 5888
-			},
-			field5: {
-				label: "created",
-				value: r
-			}
-		},
-		{
-			field1: {
-				label: "id",
-				value: n
-			},
-			field2: {
-				label: "model",
-				value: "4060ti"
-			},
-			field3: {
-				label: "memory",
-				value: "16gb"
-			},
-			field4: {
-				label: "cores",
-				value: 4352
-			},
-			field5: {
-				label: "created",
-				value: r
-			}
-		},
-		{
-			field1: {
-				label: "id",
-				value: n
-			},
-			field2: {
-				label: "model",
-				value: "4060"
-			},
-			field3: {
-				label: "memory",
-				value: "8gb"
-			},
-			field4: {
-				label: "cores",
-				value: 3072
-			},
-			field5: {
-				label: "created",
-				value: r
-			}
-		}
-	][Math.floor(Math.random() * 6)];
-	else return {
-		field1: {
-			label: "id",
-			value: n
-		},
-		field2: {
-			label: "task",
-			value: [
-				"build",
-				"test",
-				"integration"
-			][Math.floor(Math.random() * 3)]
-		},
-		field3: {
-			label: "status",
-			value: [
-				"finished",
-				"pending",
-				"running",
-				"queued"
-			][Math.floor(Math.random() * 4)]
-		},
-		field4: {
-			label: "priority",
-			value: [
-				"p0",
-				"p1",
-				"p2"
-			][Math.floor(Math.random() * 3)]
-		},
-		field5: {
-			label: "created",
-			value: r
-		}
-	};
-}
-var n = {
-	"": { 10: Array(10).fill("").map(() => t("")) },
-	models: { 10: Array(10).fill("").map(() => t("models")) },
-	hardware: { 10: Array(10).fill("").map(() => t("hardware")) }
-};
-function r(e = 10) {
-	let r = window.NVE_SB_GLOBALS?.dataTheme ?? "", i = n[r];
-	return i[e] || (i[e] = Array(e).fill("").map(() => t(r))), [...i[e]];
-}
-function i(e = 9, t = 4) {
-	return {
-		columns: Array(t).fill("").map((e, t) => ({
-			id: `${t + 1}`,
-			label: `Column ${t + 1}`,
-			sort: "none"
-		})),
-		rows: Array(e).fill("").map((e, n) => ({
-			id: `${n + 1}`,
-			cells: Array(t).fill("").map((e, t) => ({
-				id: `${t + 1}`,
-				label: `Cell ${n + 1}-${t + 1}`
-			}))
-		}))
-	};
-}
-//#endregion
-export { r as getItems, i as grid };
-
-//# sourceMappingURL=demo.js.map

package/dist/test/demo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"demo.js","names":[],"sources":["../../src/test/demo.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { generateId } from '@nvidia-elements/core/internal';\n\nexport interface DemoItem {\n  field1: { label: string; value: string };\n  field2: { label: string; value: string | number };\n  field3: { label: string; value: string | number };\n  field4: { label: string; value: string | number };\n  field5: { label: string; value: string | number };\n}\n\n/* default \"infrastructure\" */\nfunction createItem(type: '' | 'models' | 'hardware' | 'system' = ''): DemoItem {\n  const id = generateId().replace('_', '');\n  const created = new Intl.DateTimeFormat('en-US', { dateStyle: 'short' }).format(\n    new Date(new Date(2020, 0, 1).getTime() + Math.random() * (new Date().getTime() - new Date(2012, 0, 1).getTime()))\n  );\n\n  if (type === 'models') {\n    const status = ['finished', 'pending', 'running', 'queued'][Math.floor(Math.random() * 4)]!;\n    const nodes = [1, 4, 16, 32][Math.floor(Math.random() * 4)]!;\n    const model = ['GPT-2', 'BioBERT', 'PeopleNet', 'VehicleTypeNet', 'BioMegatron', 'FinMegatron'][\n      Math.floor(Math.random() * 6)\n    ]!;\n    return {\n      field1: { label: 'id', value: id },\n      field2: { label: 'status', value: status },\n      field3: { label: 'model', value: model },\n      field4: { label: 'nodes', value: nodes },\n      field5: { label: 'created', value: created }\n    };\n  } else if (type === 'hardware') {\n    return [\n      {\n        field1: { label: 'id', value: id },\n        field2: { label: 'model', value: '4090' },\n        field3: { label: 'memory', value: '24gb' },\n        field4: { label: 'cores', value: 16384 },\n        field5: { label: 'created', value: created }\n      },\n      {\n        field1: { label: 'id', value: id },\n        field2: { label: 'model', value: '4080' },\n        field3: { label: 'memory', value: '16gb' },\n        field4: { label: 'cores', value: 9728 },\n        field5: { label: 'created', value: created }\n      },\n      {\n        field1: { label: 'id', value: id },\n        field2: { label: 'model', value: '4070ti' },\n        field3: { label: 'memory', value: '12gb' },\n        field4: { label: 'cores', value: 7680 },\n        field5: { label: 'created', value: created }\n      },\n      {\n        field1: { label: 'id', value: id },\n        field2: { label: 'model', value: '4070' },\n        field3: { label: 'memory', value: '12gb' },\n        field4: { label: 'cores', value: 5888 },\n        field5: { label: 'created', value: created }\n      },\n      {\n        field1: { label: 'id', value: id },\n        field2: { label: 'model', value: '4060ti' },\n        field3: { label: 'memory', value: '16gb' },\n        field4: { label: 'cores', value: 4352 },\n        field5: { label: 'created', value: created }\n      },\n      {\n        field1: { label: 'id', value: id },\n        field2: { label: 'model', value: '4060' },\n        field3: { label: 'memory', value: '8gb' },\n        field4: { label: 'cores', value: 3072 },\n        field5: { label: 'created', value: created }\n      }\n    ][Math.floor(Math.random() * 6)]!;\n  } else {\n    // default \"infrastructure\"\n    return {\n      field1: { label: 'id', value: id },\n      field2: { label: 'task', value: ['build', 'test', 'integration'][Math.floor(Math.random() * 3)]! },\n      field3: { label: 'status', value: ['finished', 'pending', 'running', 'queued'][Math.floor(Math.random() * 4)]! },\n      field4: { label: 'priority', value: ['p0', 'p1', 'p2'][Math.floor(Math.random() * 3)]! },\n      field5: { label: 'created', value: created }\n    };\n  }\n}\n\n// cache the result to reuse\nconst data: Record<string, Record<number, DemoItem[]>> = {\n  '': {\n    10: Array(10)\n      .fill('')\n      .map(() => createItem('')) // infrastructure\n  },\n  models: {\n    10: Array(10)\n      .fill('')\n      .map(() => createItem('models'))\n  },\n  hardware: {\n    10: Array(10)\n      .fill('')\n      .map(() => createItem('hardware'))\n  }\n};\n\n/**\n * demo data for examples only\n */\nexport function getItems(rows = 10): DemoItem[] {\n  const type = ((window as any).NVE_SB_GLOBALS?.dataTheme as '' | 'models' | 'hardware') ?? ''; // eslint-disable-line @typescript-eslint/no-explicit-any\n\n  const typeData = data[type]!;\n  if (typeData[rows]) {\n    return [...typeData[rows]];\n  } else {\n    typeData[rows] = Array(rows)\n      .fill('')\n      .map(() => createItem(type));\n    return [...typeData[rows]];\n  }\n}\n\n/** demo data for datagrid examples only */\nexport function grid(rows = 9, columns = 4) {\n  return {\n    columns: Array(columns)\n      .fill('')\n      .map((_, i) => {\n        return { id: `${i + 1}`, label: `Column ${i + 1}`, sort: 'none' };\n      }),\n    rows: Array(rows)\n      .fill('')\n      .map((_, ri) => {\n        return {\n          id: `${ri + 1}`,\n          cells: Array(columns)\n            .fill('')\n            .map((_, ci) => {\n              return { id: `${ci + 1}`, label: `Cell ${ri + 1}-${ci + 1}` };\n            })\n        };\n      })\n  };\n}\n"],"mappings":"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"}

package/dist/test/index.d.ts

@@ -1,26 +0,0 @@
-import { TemplateResult } from 'lit';
-export * from './demo.js';
-/**
- * @deprecated
- * Creates a test fixture DOM element for testing.
- * Fixture is ready when the registry defines all custom elements.
- */
-export declare function createFixture(template?: TemplateResult): Promise<HTMLElement>;
-/**
- * @deprecated
- * Removes test fixture DOM element.
- */
-export declare function removeFixture(fixture: HTMLElement): void;
-/**
- * @deprecated
- * Awaits until Lit element has rendered and has no pending updates
- */
-export declare function elementIsStable(element: any): Promise<any>;
-/**
- * @deprecated
- */
-export declare function emulateClick(component: HTMLElement | Element): void;
-/**
- * @deprecated
- */
-export declare function untilEvent(element: HTMLElement | Document, event: string): Promise<any>;

package/dist/test/index.js

@@ -1,36 +0,0 @@
-import { getItems as e, grid as t } from "./demo.js";
-import { render as n } from "lit";
-//#region src/test/index.ts
-async function r(e) {
-	let t = document.createElement("div");
-	return document.body.appendChild(t), e && n(e, t), await a(), t;
-}
-function i(e) {
-	e && document.body.removeChild(e);
-}
-async function a() {
-	let e = [...new Set(Array.from(document.querySelectorAll("*:not(:defined)")).filter((e) => e.tagName.includes("-")).map((e) => e.tagName.toLocaleLowerCase()))];
-	return new Promise((t, n) => {
-		let r = [];
-		Promise.all(e.map((e) => customElements.whenDefined(e))).then(() => t("")).catch((e) => n(e)), setTimeout(() => {
-			r.length && (n(""), console.log(`\x1b[91m Elements not defined: ${r}\x1b[0m`));
-		}, 5e3);
-	});
-}
-async function o(e) {
-	return e.updateComplete ? s(async () => await e.updateComplete ? Promise.resolve() : Promise.reject("Element did not stablize")) : Promise.reject(`${e.tagName.toLocaleLowerCase()} is not a defined lit element`);
-}
-function s(e, t = 10) {
-	return e().catch(() => t > 0 ? s(e, t--) : Promise.reject("Max attempts reached"));
-}
-function c(e) {
-	let t = new MouseEvent("mousedown", { bubbles: !0 }), n = new MouseEvent("pointerdown", { bubbles: !0 }), r = new MouseEvent("mouseup", { bubbles: !0 }), i = new MouseEvent("pointerup", { bubbles: !0 }), a = new MouseEvent("click", { bubbles: !0 });
-	e.dispatchEvent(t), e.dispatchEvent(n), e.dispatchEvent(r), e.dispatchEvent(i), e.dispatchEvent(a);
-}
-function l(e, t) {
-	return new Promise((n) => e.addEventListener(t, (e) => n(e)));
-}
-//#endregion
-export { r as createFixture, o as elementIsStable, c as emulateClick, e as getItems, t as grid, i as removeFixture, l as untilEvent };
-
-//# sourceMappingURL=index.js.map