@nvidia-elements/core 2.23.4 → 2.23.6

package/dist/workspace/panel/panel2.js

@@ -1,22 +1,22 @@
-import { attachInternals as e } from "../../internal/utils/a11y.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 r from "./panel.js";
-import { LitElement as i, html as a } from "lit";
-import { property as o } from "lit/decorators/property.js";
+import e from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import t from "./panel.js";
+import { attachInternals as n } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as r, html as i } from "lit";
+import { property as a } from "lit/decorators/property.js";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
 import { state as s } from "lit/decorators/state.js";
 // src/workspace/panel/panel.ts
-var c = class extends i {
+var c = class extends r {
 	constructor(...e) {
 		super(...e), this.minWidth = 0, this.minHeight = 0, this.selected = !1, this.headerHeight = 0;
 	}
 	static {
-		this.styles = t([r]);
+		this.styles = o([t]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-workspace-panel",
-			version: "2.23.4",
+			version: "2.23.6",
 			parents: ["nve-workspace"],
 			children: [
 				"nve-workspace-panel-header",
@@ -26,28 +26,28 @@ var c = class extends i {
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this);
+		super.connectedCallback(), n(this);
 	}
 	render() {
 		let { selected: e, headerHeight: t } = this;
-		return a`<div internal-host><div class="surface"><slot name="header"></slot><div class="content" style="${`top:${t}px`}" ?hidden="${!e}"><div class="body" tabindex="0"><slot></slot></div><slot name="footer"></slot></div></div><div class="frame" ?hidden="${!e}"></div></div>`;
+		return i`<div internal-host><div class="surface"><slot name="header"></slot><div class="content" style="${`top:${t}px`}" ?hidden="${!e}"><div class="body" tabindex="0"><slot></slot></div><slot name="footer"></slot></div></div><div class="frame" ?hidden="${!e}"></div></div>`;
 	}
 	_present(e) {
-		e ? this._internals.states.add("workspace-presented") : this._internals.states.delete("workspace-presented");
+		this._internals.states.has("workspace-presented") !== e && (e ? this._internals.states.add("workspace-presented") : this._internals.states.delete("workspace-presented"));
 	}
 	_configure(e) {
 		this.selected = e.selected, this.headerHeight = e.headerHeight, this.querySelector(":scope > nve-workspace-panel-header")?._configure(e);
 	}
 };
-n([o({
+e([a({
 	type: Number,
 	attribute: "min-width",
 	reflect: !0
-})], c.prototype, "minWidth", void 0), n([o({
+})], c.prototype, "minWidth", void 0), e([a({
 	type: Number,
 	attribute: "min-height",
 	reflect: !0
-})], c.prototype, "minHeight", void 0), n([s()], c.prototype, "selected", void 0), n([s()], c.prototype, "headerHeight", void 0);
+})], c.prototype, "minHeight", void 0), e([s()], c.prototype, "selected", void 0), e([s()], c.prototype, "headerHeight", void 0);
 export { c as WorkspacePanel };
 
 //# sourceMappingURL=panel2.js.map

package/dist/workspace/panel/panel2.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel2.js","names":["styles","_decorate","__decorate","panel_default","WorkspacePanel","LitElement","_args","useStyles","attachInternals","headerHeight","selected","presented","configuration","property","state"],"sources":["../../../src/workspace/panel/panel.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 { state } from 'lit/decorators/state.js';\n\nimport { attachInternals, useStyles } from '@nvidia-elements/core/internal';\n\nimport type { WorkspaceHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';\n\nimport type { WorkspacePanelHeader } from '../panel-header/panel-header.js';\n\nimport styles from './panel.css?inline';\n\n/**\n * @element nve-workspace-panel\n * @description Stable application content and its workspace chrome.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @command --enter-fullscreen - Present this panel's group in native fullscreen.\n * @command --exit-fullscreen - Exit native fullscreen.\n * @command --toggle-fullscreen - Toggle native fullscreen for this panel's group.\n * @command --open - Open and activate the targeted supplied panel. Repeated activation is silent.\n * @command --close - Close the targeted panel when its workspace is closable.\n * @command --select - Activate an open supplied panel without reopening a closed panel.\n * @command --place - Apply the invoker's typed placement request when rearrangeable; membership changes also require groupable.\n * @slot - Application content.\n * @slot header - Title and controls.\n * @slot footer - Status and actions.\n * @cssprop --background\n * @cssprop --border\n * @cssprop --box-shadow\n */\nexport class WorkspacePanel extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-workspace-panel',\n    version: '0.0.0',\n    parents: ['nve-workspace'],\n    children: ['nve-workspace-panel-header', 'nve-workspace-panel-content', 'nve-workspace-panel-footer']\n  };\n\n  /** Application minimum total panel width in pixels. */\n  @property({ type: Number, attribute: 'min-width', reflect: true }) minWidth = 0;\n\n  /** Application minimum total panel height in pixels. */\n  @property({ type: Number, attribute: 'min-height', reflect: true }) minHeight = 0;\n\n  @state() private selected = false;\n\n  @state() private headerHeight = 0;\n\n  /** @internal */\n  declare _internals: ElementInternals;\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n  }\n\n  render() {\n    const { selected, headerHeight } = this;\n    return html`\n      <div internal-host>\n        <div class=\"surface\">\n          <slot name=\"header\"></slot>\n          <div class=\"content\" style=${`top:${headerHeight}px`} ?hidden=${!selected}>\n            <div class=\"body\" tabindex=\"0\"><slot></slot></div>\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n        <div class=\"frame\" ?hidden=${!selected}></div>\n      </div>\n    `;\n  }\n\n  /** @internal */\n  _present(presented: boolean) {\n    if (presented) this._internals.states.add('workspace-presented');\n    else this._internals.states.delete('workspace-presented');\n  }\n\n  /** @internal */\n  _configure(configuration: WorkspaceHeaderConfiguration & { scrollLeft: number }) {\n    this.selected = configuration.selected;\n    this.headerHeight = configuration.headerHeight;\n    this.querySelector<WorkspacePanelHeader>(':scope > nve-workspace-panel-header')?._configure(configuration);\n  }\n}\n"],"mappings":";;;;;;;;AAoCA,IAAaI,IAAb,cAAoCC,EAAW;;EAkBb,A,aAP8C,KAAA,WAAA,GAGE,KAAA,YAAA,GAEpD,KAAA,WAAA,IAEI,KAAA,eAAA;;;EAjBhB,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,eAAe;GACzB,UAAU;IAAC;IAA8B;IAA+B;GAA4B;EACtG;;CAeA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxBQ,EAAgB,IAAI;CACtB;CAEA,SAAS;EACP,IAAM,EAAE,aAAU,oBAAiB;EACnC,OAAO,CAAI,kGAIwB,OAAOC,EAAa,IAAI,aAAW,CAACC,EAAS,yHAK/C,CAACA,EAAS;CAG7C;CAGA,SAAS,GAAoB;EAC3B,AAAIC,IAAW,KAAK,WAAW,OAAO,IAAI,qBAAqB,IAC1D,KAAK,WAAW,OAAO,OAAO,qBAAqB;CAC1D;CAGA,WAAW,GAAsE;EAG/E,AAFA,KAAK,WAAWC,EAAc,UAC9B,KAAK,eAAeA,EAAc,cAClC,KAAK,cAAoC,qCAAqC,CAAC,EAAE,WAAWA,CAAa;CAC3G;AACF;AA7CGX,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAa,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,YAAA,KAAA,CAAA,GAGhEH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,aAAA,KAAA,CAAA,GAEjEH,EAAA,CAAAa,EAAM,CAAA,GAAAV,EAAA,WAAA,YAAA,KAAA,CAAA,GAENH,EAAA,CAAAa,EAAM,CAAA,GAAAV,EAAA,WAAA,gBAAA,KAAA,CAAA"}
+{"version":3,"file":"panel2.js","names":["styles","_decorate","__decorate","panel_default","WorkspacePanel","LitElement","_args","useStyles","attachInternals","headerHeight","selected","presented","configuration","property","state"],"sources":["../../../src/workspace/panel/panel.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 { state } from 'lit/decorators/state.js';\n\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\n\nimport type { WorkspaceHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';\n\nimport type { WorkspacePanelHeader } from '../panel-header/panel-header.js';\n\nimport styles from './panel.css?inline';\n\n/**\n * @element nve-workspace-panel\n * @description Stable application content and its workspace chrome.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @command --enter-fullscreen - Present this panel's group in native fullscreen.\n * @command --exit-fullscreen - Exit native fullscreen.\n * @command --toggle-fullscreen - Toggle native fullscreen for this panel's group.\n * @command --open - Open and activate the targeted supplied panel. Repeated activation is silent.\n * @command --close - Close the targeted panel when its workspace is closable.\n * @command --select - Activate an open supplied panel without reopening a closed panel.\n * @command --place - Apply the invoker's typed placement request when rearrangeable; membership changes also require groupable.\n * @slot - Application content.\n * @slot header - Title and controls.\n * @slot footer - Status and actions.\n * @cssprop --background\n * @cssprop --border\n * @cssprop --box-shadow\n */\nexport class WorkspacePanel extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-workspace-panel',\n    version: '0.0.0',\n    parents: ['nve-workspace'],\n    children: ['nve-workspace-panel-header', 'nve-workspace-panel-content', 'nve-workspace-panel-footer']\n  };\n\n  /** Application minimum total panel width in pixels. */\n  @property({ type: Number, attribute: 'min-width', reflect: true }) minWidth = 0;\n\n  /** Application minimum total panel height in pixels. */\n  @property({ type: Number, attribute: 'min-height', reflect: true }) minHeight = 0;\n\n  @state() private selected = false;\n\n  @state() private headerHeight = 0;\n\n  /** @internal */\n  declare _internals: ElementInternals;\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n  }\n\n  render() {\n    const { selected, headerHeight } = this;\n    return html`\n      <div internal-host>\n        <div class=\"surface\">\n          <slot name=\"header\"></slot>\n          <div class=\"content\" style=${`top:${headerHeight}px`} ?hidden=${!selected}>\n            <div class=\"body\" tabindex=\"0\"><slot></slot></div>\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n        <div class=\"frame\" ?hidden=${!selected}></div>\n      </div>\n    `;\n  }\n\n  /** @internal */\n  _present(presented: boolean) {\n    if (this._internals.states.has('workspace-presented') === presented) {\n      return;\n    }\n\n    if (presented) this._internals.states.add('workspace-presented');\n    else this._internals.states.delete('workspace-presented');\n  }\n\n  /** @internal */\n  _configure(configuration: WorkspaceHeaderConfiguration & { scrollLeft: number }) {\n    this.selected = configuration.selected;\n    this.headerHeight = configuration.headerHeight;\n    this.querySelector<WorkspacePanelHeader>(':scope > nve-workspace-panel-header')?._configure(configuration);\n  }\n}\n"],"mappings":";;;;;;;;AAqCA,IAAaI,IAAb,cAAoCC,EAAW;;EAkBb,A,aAP8C,KAAA,WAAA,GAGE,KAAA,YAAA,GAEpD,KAAA,WAAA,IAEI,KAAA,eAAA;;;EAjBhB,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,eAAe;GACzB,UAAU;IAAC;IAA8B;IAA+B;GAA4B;EACtG;;CAeA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxBQ,EAAgB,IAAI;CACtB;CAEA,SAAS;EACP,IAAM,EAAE,aAAU,oBAAiB;EACnC,OAAO,CAAI,kGAIwB,OAAOC,EAAa,IAAI,aAAW,CAACC,EAAS,yHAK/C,CAACA,EAAS;CAG7C;CAGA,SAAS,GAAoB;EAC3B,AAAI,KAAK,WAAW,OAAO,IAAI,qBAAqB,MAAMC,MAItDA,IAAW,KAAK,WAAW,OAAO,IAAI,qBAAqB,IAC1D,KAAK,WAAW,OAAO,OAAO,qBAAqB;CAC1D;CAGA,WAAW,GAAsE;EAG/E,AAFA,KAAK,WAAWC,EAAc,UAC9B,KAAK,eAAeA,EAAc,cAClC,KAAK,cAAoC,qCAAqC,CAAC,EAAE,WAAWA,CAAa;CAC3G;AACF;AAjDGX,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAa,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,YAAA,KAAA,CAAA,GAGhEH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,aAAA,KAAA,CAAA,GAEjEH,EAAA,CAAAa,EAAM,CAAA,GAAAV,EAAA,WAAA,YAAA,KAAA,CAAA,GAENH,EAAA,CAAAa,EAAM,CAAA,GAAAV,EAAA,WAAA,gBAAA,KAAA,CAAA"}

package/dist/workspace/panel-content/panel-content2.js

@@ -1,20 +1,20 @@
-import { useStyles as e } from "../../internal/styles/index.js";
-import t from "./panel-content.js";
-import { LitElement as n, html as r } from "lit";
+import e from "./panel-content.js";
+import { LitElement as t, html as n } from "lit";
+import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
 // src/workspace/panel-content/panel-content.ts
-var i = class extends n {
+var i = class extends t {
 	static {
-		this.styles = e([t]);
+		this.styles = r([e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-workspace-panel-content",
-			version: "2.23.4",
+			version: "2.23.6",
 			parents: ["nve-workspace-panel"]
 		};
 	}
 	render() {
-		return r`<div internal-host><slot></slot></div>`;
+		return n`<div internal-host><slot></slot></div>`;
 	}
 };
 export { i as WorkspacePanelContent };

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

@@ -1 +1 @@
-{"version":3,"file":"panel-content2.js","names":["styles","panel_content_default","WorkspacePanelContent","LitElement","useStyles"],"sources":["../../../src/workspace/panel-content/panel-content.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';\n\nimport { useStyles } from '@nvidia-elements/core/internal';\n\nimport styles from './panel-content.css?inline';\n\n/**\n * @element nve-workspace-panel-content\n * @description Provides padding for workspace panel content.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @slot - Application content.\n * @cssprop --padding\n */\nexport class WorkspacePanelContent extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-workspace-panel-content', version: '0.0.0', parents: ['nve-workspace-panel'] };\n\n  render() {\n    return html`\n      <div internal-host><slot></slot></div>\n    `;\n  }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAA2CC,EAAW;;EACpC,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GAAE,KAAK;GAA+B,SAAS;GAAS,SAAS,CAAC,qBAAqB;EAAE;;CAEpH,SAAS;EACP,OAAO,CAAI;CAGb;AACF"}
+{"version":3,"file":"panel-content2.js","names":["styles","panel_content_default","WorkspacePanelContent","LitElement","useStyles"],"sources":["../../../src/workspace/panel-content/panel-content.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';\n\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\n\nimport styles from './panel-content.css?inline';\n\n/**\n * @element nve-workspace-panel-content\n * @description Provides padding for workspace panel content.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @slot - Application content.\n * @cssprop --padding\n */\nexport class WorkspacePanelContent extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-workspace-panel-content', version: '0.0.0', parents: ['nve-workspace-panel'] };\n\n  render() {\n    return html`\n      <div internal-host><slot></slot></div>\n    `;\n  }\n}\n"],"mappings":";;;;AAmBA,IAAaE,IAAb,cAA2CC,EAAW;;EACpC,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GAAE,KAAK;GAA+B,SAAS;GAAS,SAAS,CAAC,qBAAqB;EAAE;;CAEpH,SAAS;EACP,OAAO,CAAI;CAGb;AACF"}

package/dist/workspace/panel-footer/panel-footer2.js

@@ -1,28 +1,28 @@
 import { hostAttr as e } from "../../internal/decorators/host-attr.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 r from "./panel-footer.js";
-import { LitElement as i, html as a } from "lit";
+import t from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./panel-footer.js";
+import { LitElement as r, html as i } from "lit";
+import { useStyles as a } from "@nvidia-elements/foundations/internal/styles";
 // src/workspace/panel-footer/panel-footer.ts
-var o = class extends i {
+var o = class extends r {
 	constructor(...e) {
 		super(...e), this.slot = "footer";
 	}
 	static {
-		this.styles = t([r]);
+		this.styles = a([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-workspace-panel-footer",
-			version: "2.23.4",
+			version: "2.23.6",
 			parents: ["nve-workspace-panel"]
 		};
 	}
 	render() {
-		return a`<div internal-host><slot></slot></div>`;
+		return i`<div internal-host><slot></slot></div>`;
 	}
 };
-n([e()], o.prototype, "slot", void 0);
+t([e()], o.prototype, "slot", void 0);
 export { o as WorkspacePanelFooter };
 
 //# sourceMappingURL=panel-footer2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"panel-footer2.js","names":["styles","_decorate","__decorate","panel_footer_default","WorkspacePanelFooter","LitElement","_args","useStyles","hostAttr"],"sources":["../../../src/workspace/panel-footer/panel-footer.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';\n\nimport { hostAttr, useStyles } from '@nvidia-elements/core/internal';\n\nimport styles from './panel-footer.css?inline';\n\n/**\n * @element nve-workspace-panel-footer\n * @description Provides workspace panel status and actions outside the scrolling body.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @slot - Status and actions.\n * @cssprop --padding\n * @cssprop --border-top\n * @cssprop --gap\n */\nexport class WorkspacePanelFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-workspace-panel-footer', version: '0.0.0', parents: ['nve-workspace-panel'] };\n\n  /** @private */\n  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <div internal-host><slot></slot></div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAqBA,IAAaI,IAAb,cAA0CC,EAAW;;EAMhC,A,aAAA,KAAA,OAAA;;;EALH,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GAAE,KAAK;GAA8B,SAAS;GAAS,SAAS,CAAC,qBAAqB;EAAE;;CAKnH,SAAS;EACP,OAAO,CAAI;CAGb;AACF;AAPGC,EAAA,CAAAO,EAAS,CAAA,GAAAJ,EAAA,WAAA,QAAA,KAAA,CAAA"}
+{"version":3,"file":"panel-footer2.js","names":["styles","_decorate","__decorate","panel_footer_default","WorkspacePanelFooter","LitElement","_args","useStyles","hostAttr"],"sources":["../../../src/workspace/panel-footer/panel-footer.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';\n\nimport { hostAttr } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\n\nimport styles from './panel-footer.css?inline';\n\n/**\n * @element nve-workspace-panel-footer\n * @description Provides workspace panel status and actions outside the scrolling body.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @slot - Status and actions.\n * @cssprop --padding\n * @cssprop --border-top\n * @cssprop --gap\n */\nexport class WorkspacePanelFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-workspace-panel-footer', version: '0.0.0', parents: ['nve-workspace-panel'] };\n\n  /** @private */\n  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <div internal-host><slot></slot></div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAsBA,IAAaI,IAAb,cAA0CC,EAAW;;EAMhC,A,aAAA,KAAA,OAAA;;;EALH,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GAAE,KAAK;GAA8B,SAAS;GAAS,SAAS,CAAC,qBAAqB;EAAE;;CAKnH,SAAS;EACP,OAAO,CAAI;CAGb;AACF;AAPGC,EAAA,CAAAO,EAAS,CAAA,GAAAJ,EAAA,WAAA,QAAA,KAAA,CAAA"}

package/dist/workspace/panel-header/panel-header2.js

@@ -1,13 +1,13 @@
-import { attachInternals as e } from "../../internal/utils/a11y.js";
-import { hostAttr as t } from "../../internal/decorators/host-attr.js";
-import { useStyles as n } from "../../internal/styles/index.js";
-import r from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { sameHeaderConfiguration as i } from "../utils/presentation/header-configuration.utils.js";
-import a from "./panel-header.js";
-import { LitElement as o, html as s, isServer as c } from "lit";
+import { hostAttr as e } from "../../internal/decorators/host-attr.js";
+import t from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { sameHeaderConfiguration as n } from "../utils/presentation/header-configuration.utils.js";
+import r from "./panel-header.js";
+import { attachInternals as i } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as a, html as o, isServer as s } from "lit";
+import { useStyles as c } from "@nvidia-elements/foundations/internal/styles";
 import { state as l } from "lit/decorators/state.js";
 // src/workspace/panel-header/panel-header.ts
-var u = class extends o {
+var u = class extends a {
 	constructor(...e) {
 		super(...e), this.slot = "header", this.configuration = {
 			selected: !1,
@@ -21,12 +21,12 @@ var u = class extends o {
 		}, this.#t = 0;
 	}
 	static {
-		this.styles = n([a]);
+		this.styles = c([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-workspace-panel-header",
-			version: "2.23.4",
+			version: "2.23.6",
 			parents: ["nve-workspace-panel"]
 		};
 	}
@@ -34,7 +34,7 @@ var u = class extends o {
 	#t;
 	#n;
 	connectedCallback() {
-		super.connectedCallback(), e(this);
+		super.connectedCallback(), i(this);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this._bindScroll(void 0, 0);
@@ -43,8 +43,8 @@ var u = class extends o {
 		this.#i();
 	}
 	render() {
-		let { selected: e, offset: t, animate: n, tabWidth: r, headerHeight: i, suffixEnd: a, clipLeft: o, clipWidth: l } = this.configuration;
-		return s`<div internal-host><div class="label-viewport" aria-hidden="true" style="${`left:${o}px;width:${l}px;height:${i}px`}"><div class="label-track"><div class="label" ?data-animate="${n}" style="${`left:${t - o}px;width:${r}px;height:${i}px`}"><span class="label-content"><slot name="prefix" ?data-empty="${!c && !this.querySelector(":scope > [slot=\"prefix\"]")}" @slotchange="${() => this.requestUpdate()}"></slot><span class="title-content"><slot @slotchange="${() => this.requestUpdate()}"></slot>${this.#a() ? null : this.parentElement?.id}</span></span></div></div></div>${e ? s`<div class="separator" style="${`top:${i}px`}" aria-hidden="true"></div>` : null}<div class="suffix" ?data-group-actions="${a > 0}" style="${`height:${i}px;right:${a}px`}" aria-hidden="${!e}" ?inert="${!e}" ?data-inactive="${!e}" ?data-empty="${!c && !this.querySelector(":scope > [slot=\"suffix\"]")}"><div class="suffix-content"><slot name="suffix" @slotchange="${() => this.requestUpdate()}"></slot></div></div></div>`;
+		let { selected: e, offset: t, animate: n, tabWidth: r, headerHeight: i, suffixEnd: a, clipLeft: c, clipWidth: l } = this.configuration;
+		return o`<div internal-host><div class="label-viewport" aria-hidden="true" style="${`left:${c}px;width:${l}px;height:${i}px`}"><div class="label-track"><div class="label" ?data-animate="${n}" style="${`left:${t - c}px;width:${r}px;height:${i}px`}"><span class="label-content"><slot name="prefix" ?data-empty="${!s && !this.querySelector(":scope > [slot=\"prefix\"]")}" @slotchange="${() => this.requestUpdate()}"></slot><span class="title-content"><slot @slotchange="${() => this.requestUpdate()}"></slot>${this.#a() ? null : this.parentElement?.id}</span></span></div></div></div>${e ? o`<div class="separator" style="${`top:${i}px`}" aria-hidden="true"></div>` : null}<div class="suffix" ?data-group-actions="${a > 0}" style="${`height:${i}px;right:${a}px`}" aria-hidden="${!e}" ?inert="${!e}" ?data-inactive="${!e}" ?data-empty="${!s && !this.querySelector(":scope > [slot=\"suffix\"]")}"><div class="suffix-content"><slot name="suffix" @slotchange="${() => this.requestUpdate()}"></slot></div></div></div>`;
 	}
 	_getMeasurementTargets() {
 		return {
@@ -64,7 +64,7 @@ var u = class extends o {
 		e ? this._internals.states.add("tab-hover") : this._internals.states.delete("tab-hover");
 	}
 	_configure({ scrollLeft: e, ...t }) {
-		this._scroll(e), !i(this.configuration, t) && (t.selected ? this._internals.states.add("selected") : this._internals.states.delete("selected"), this.configuration = t);
+		this._scroll(e), !n(this.configuration, t) && (t.selected ? this._internals.states.add("selected") : this._internals.states.delete("selected"), this.configuration = t);
 	}
 	_scroll(e) {
 		this.#n || this.style.setProperty("--_workspace-tab-scroll", `${-e}px`);
@@ -90,10 +90,10 @@ var u = class extends o {
 		}));
 	}
 	#a() {
-		return c ? !0 : [...this.childNodes].some((e) => (!(e instanceof Element) || !e.hasAttribute("slot")) && !!e.textContent?.trim());
+		return s ? !0 : [...this.childNodes].some((e) => (!(e instanceof Element) || !e.hasAttribute("slot")) && !!e.textContent?.trim());
 	}
 };
-r([t()], u.prototype, "slot", void 0), r([l()], u.prototype, "configuration", void 0);
+t([e()], u.prototype, "slot", void 0), t([l()], u.prototype, "configuration", void 0);
 function d(e) {
 	return [{ transform: "translateX(0px)" }, { transform: `translateX(${-e}px)` }];
 }

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

@@ -1 +1 @@
-{"version":3,"file":"panel-header2.js","names":["styles","_decorate","__decorate","panel_header_default","WorkspacePanelHeader","LitElement","_args","#scrollExtent","useStyles","attachInternals","#bindScrollAnimation","clipLeft","clipWidth","headerHeight","animate","offset","tabWidth","isServer","#hasTitle","selected","suffixEnd","hovered","configuration","scrollLeft","#scrollAnimation","source","#scrollSource","extent","#updateScrollExtent","effect","scrollKeyframes","track","node","hostAttr","state"],"sources":["../../../src/workspace/panel-header/panel-header.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, isServer, LitElement } from 'lit';\nimport { state } from 'lit/decorators/state.js';\n\nimport { attachInternals, hostAttr, useStyles } from '@nvidia-elements/core/internal';\n\nimport { sameHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';\n\nimport type { WorkspaceHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';\n\nimport styles from './panel-header.css?inline';\n\n/**\n * @element nve-workspace-panel-header\n * @description Supplies a workspace panel title, decoration, and application controls.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @slot - Noninteractive panel title.\n * @slot prefix - Noninteractive title decoration.\n * @slot suffix - Application controls for the selected panel.\n * @cssprop --min-height\n * @cssprop --padding - Padding around the title.\n * @cssprop --prefix-padding - Padding around title decoration.\n * @cssprop --prefix-border - Border after title decoration.\n * @cssprop --suffix-padding - Override the shared inset around header controls.\n * @cssprop --suffix-border - Border before header controls.\n * @cssprop --gap\n * @cssprop --border-bottom\n */\nexport class WorkspacePanelHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-workspace-panel-header', version: '0.0.0', parents: ['nve-workspace-panel'] };\n\n  /** @private */\n  @hostAttr() slot = 'header';\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @state() private configuration: WorkspaceHeaderConfiguration = {\n    selected: false,\n    offset: 0,\n    animate: false,\n    tabWidth: 0,\n    headerHeight: 0,\n    suffixEnd: 0,\n    clipLeft: 0,\n    clipWidth: 0\n  };\n\n  #scrollSource?: HTMLElement;\n  #scrollExtent = 0;\n  #scrollAnimation?: Animation;\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._bindScroll(undefined, 0);\n  }\n\n  protected updated() {\n    this.#bindScrollAnimation();\n  }\n\n  render() {\n    const { selected, offset, animate, tabWidth, headerHeight, suffixEnd, clipLeft, clipWidth } = this.configuration;\n    return html`\n      <div internal-host>\n        <div\n          class=\"label-viewport\"\n          aria-hidden=\"true\"\n          style=${`left:${clipLeft}px;width:${clipWidth}px;height:${headerHeight}px`}>\n          <div class=\"label-track\">\n            <div\n              class=\"label\"\n              ?data-animate=${animate}\n              style=${`left:${offset - clipLeft}px;width:${tabWidth}px;height:${headerHeight}px`}>\n              <span class=\"label-content\">\n                <slot\n                  name=\"prefix\"\n                  ?data-empty=${!isServer && !this.querySelector(':scope > [slot=\"prefix\"]')}\n                  @slotchange=${() => this.requestUpdate()}></slot>\n                <span class=\"title-content\"><slot @slotchange=${() => this.requestUpdate()}></slot>${this.#hasTitle() ? null : this.parentElement?.id}</span>\n              </span>\n            </div>\n          </div>\n        </div>\n        ${\n          selected\n            ? html`\n              <div class=\"separator\" style=${`top:${headerHeight}px`} aria-hidden=\"true\"></div>\n            `\n            : null\n        }\n        <div\n          class=\"suffix\"\n          ?data-group-actions=${suffixEnd > 0}\n          style=${`height:${headerHeight}px;right:${suffixEnd}px`}\n          aria-hidden=${!selected}\n          ?inert=${!selected}\n          ?data-inactive=${!selected}\n          ?data-empty=${!isServer && !this.querySelector(':scope > [slot=\"suffix\"]')}>\n          <div class=\"suffix-content\"><slot name=\"suffix\" @slotchange=${() => this.requestUpdate()}></slot></div>\n        </div>\n      </div>\n    `;\n  }\n\n  /** @internal */\n  _getMeasurementTargets() {\n    return {\n      label: this.shadowRoot?.querySelector<HTMLElement>('.label-content') ?? null,\n      suffix: this.shadowRoot?.querySelector<HTMLElement>('.suffix-content') ?? null\n    };\n  }\n\n  /** @internal */\n  _getTransitionTargets() {\n    return {\n      labelViewport: this.shadowRoot?.querySelector<HTMLElement>('.label-viewport') ?? null,\n      labelTrack: this.shadowRoot?.querySelector<HTMLElement>('.label-track') ?? null,\n      label: this.shadowRoot?.querySelector<HTMLElement>('.label') ?? null,\n      suffix: this.shadowRoot?.querySelector<HTMLElement>('.suffix') ?? null\n    };\n  }\n\n  /** @internal */\n  _hover(hovered: boolean) {\n    if (hovered) this._internals.states.add('tab-hover');\n    else this._internals.states.delete('tab-hover');\n  }\n\n  /** @internal */\n  _configure({ scrollLeft, ...configuration }: WorkspaceHeaderConfiguration & { scrollLeft: number }) {\n    this._scroll(scrollLeft);\n    if (sameHeaderConfiguration(this.configuration, configuration)) return;\n    if (configuration.selected) this._internals.states.add('selected');\n    else this._internals.states.delete('selected');\n    this.configuration = configuration;\n  }\n\n  /** @internal */\n  _scroll(scrollLeft: number) {\n    // ScrollTimeline fallback; remove after wider adoption of Firefox 159.\n    if (!this.#scrollAnimation) this.style.setProperty('--_workspace-tab-scroll', `${-scrollLeft}px`);\n  }\n\n  /** @internal */\n  _bindScroll(source: HTMLElement | undefined, extent: number) {\n    if (source === this.#scrollSource && extent === this.#scrollExtent) return;\n    if (this.#updateScrollExtent(source, extent)) return;\n    this.#scrollAnimation?.cancel();\n    this.#scrollAnimation = undefined;\n    this.#scrollSource = source;\n    this.#scrollExtent = extent;\n    this.#bindScrollAnimation();\n    if (!this.#scrollAnimation) this._scroll(source?.scrollLeft ?? 0);\n  }\n\n  #updateScrollExtent(source: HTMLElement | undefined, extent: number) {\n    if (source !== this.#scrollSource || extent <= 0) return false;\n    const effect = this.#scrollAnimation?.effect;\n    if (!(effect instanceof KeyframeEffect)) return false;\n    this.#scrollExtent = extent;\n    effect.setKeyframes(scrollKeyframes(extent));\n    return true;\n  }\n\n  #bindScrollAnimation() {\n    if (\n      this.#scrollAnimation ||\n      !this.#scrollSource ||\n      this.#scrollExtent <= 0 ||\n      typeof ScrollTimeline === 'undefined'\n    )\n      return;\n    const track = this.shadowRoot?.querySelector<HTMLElement>('.label-track');\n    if (!track) return;\n    this.#scrollAnimation = track.animate(scrollKeyframes(this.#scrollExtent), {\n      timeline: new ScrollTimeline({ source: this.#scrollSource, axis: 'x' }),\n      fill: 'both',\n      easing: 'linear'\n    });\n  }\n\n  #hasTitle() {\n    if (isServer) return true;\n    return [...this.childNodes].some(\n      node => (!(node instanceof Element) || !node.hasAttribute('slot')) && !!node.textContent?.trim()\n    );\n  }\n}\n\nfunction scrollKeyframes(extent: number) {\n  return [{ transform: 'translateX(0px)' }, { transform: `translateX(${-extent}px)` }];\n}\n"],"mappings":"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"}
+{"version":3,"file":"panel-header2.js","names":["styles","_decorate","__decorate","panel_header_default","WorkspacePanelHeader","LitElement","_args","#scrollExtent","useStyles","attachInternals","#bindScrollAnimation","clipLeft","clipWidth","headerHeight","animate","offset","tabWidth","isServer","#hasTitle","selected","suffixEnd","hovered","configuration","scrollLeft","#scrollAnimation","source","#scrollSource","extent","#updateScrollExtent","effect","scrollKeyframes","track","node","hostAttr","state"],"sources":["../../../src/workspace/panel-header/panel-header.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, isServer, LitElement } from 'lit';\nimport { state } from 'lit/decorators/state.js';\n\nimport { hostAttr } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\n\nimport { sameHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';\n\nimport type { WorkspaceHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';\n\nimport styles from './panel-header.css?inline';\n\n/**\n * @element nve-workspace-panel-header\n * @description Supplies a workspace panel title, decoration, and application controls.\n * @documentation https://nvidia.github.io/elements/docs/elements/workspace/\n * @since 0.0.0\n * @stable false\n * @entrypoint \\@nvidia-elements/core/workspace\n * @slot - Noninteractive panel title.\n * @slot prefix - Noninteractive title decoration.\n * @slot suffix - Application controls for the selected panel.\n * @cssprop --min-height\n * @cssprop --padding - Padding around the title.\n * @cssprop --prefix-padding - Padding around title decoration.\n * @cssprop --prefix-border - Border after title decoration.\n * @cssprop --suffix-padding - Override the shared inset around header controls.\n * @cssprop --suffix-border - Border before header controls.\n * @cssprop --gap\n * @cssprop --border-bottom\n */\nexport class WorkspacePanelHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = { tag: 'nve-workspace-panel-header', version: '0.0.0', parents: ['nve-workspace-panel'] };\n\n  /** @private */\n  @hostAttr() slot = 'header';\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @state() private configuration: WorkspaceHeaderConfiguration = {\n    selected: false,\n    offset: 0,\n    animate: false,\n    tabWidth: 0,\n    headerHeight: 0,\n    suffixEnd: 0,\n    clipLeft: 0,\n    clipWidth: 0\n  };\n\n  #scrollSource?: HTMLElement;\n  #scrollExtent = 0;\n  #scrollAnimation?: Animation;\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._bindScroll(undefined, 0);\n  }\n\n  protected updated() {\n    this.#bindScrollAnimation();\n  }\n\n  render() {\n    const { selected, offset, animate, tabWidth, headerHeight, suffixEnd, clipLeft, clipWidth } = this.configuration;\n    return html`\n      <div internal-host>\n        <div\n          class=\"label-viewport\"\n          aria-hidden=\"true\"\n          style=${`left:${clipLeft}px;width:${clipWidth}px;height:${headerHeight}px`}>\n          <div class=\"label-track\">\n            <div\n              class=\"label\"\n              ?data-animate=${animate}\n              style=${`left:${offset - clipLeft}px;width:${tabWidth}px;height:${headerHeight}px`}>\n              <span class=\"label-content\">\n                <slot\n                  name=\"prefix\"\n                  ?data-empty=${!isServer && !this.querySelector(':scope > [slot=\"prefix\"]')}\n                  @slotchange=${() => this.requestUpdate()}></slot>\n                <span class=\"title-content\"><slot @slotchange=${() => this.requestUpdate()}></slot>${this.#hasTitle() ? null : this.parentElement?.id}</span>\n              </span>\n            </div>\n          </div>\n        </div>\n        ${\n          selected\n            ? html`\n              <div class=\"separator\" style=${`top:${headerHeight}px`} aria-hidden=\"true\"></div>\n            `\n            : null\n        }\n        <div\n          class=\"suffix\"\n          ?data-group-actions=${suffixEnd > 0}\n          style=${`height:${headerHeight}px;right:${suffixEnd}px`}\n          aria-hidden=${!selected}\n          ?inert=${!selected}\n          ?data-inactive=${!selected}\n          ?data-empty=${!isServer && !this.querySelector(':scope > [slot=\"suffix\"]')}>\n          <div class=\"suffix-content\"><slot name=\"suffix\" @slotchange=${() => this.requestUpdate()}></slot></div>\n        </div>\n      </div>\n    `;\n  }\n\n  /** @internal */\n  _getMeasurementTargets() {\n    return {\n      label: this.shadowRoot?.querySelector<HTMLElement>('.label-content') ?? null,\n      suffix: this.shadowRoot?.querySelector<HTMLElement>('.suffix-content') ?? null\n    };\n  }\n\n  /** @internal */\n  _getTransitionTargets() {\n    return {\n      labelViewport: this.shadowRoot?.querySelector<HTMLElement>('.label-viewport') ?? null,\n      labelTrack: this.shadowRoot?.querySelector<HTMLElement>('.label-track') ?? null,\n      label: this.shadowRoot?.querySelector<HTMLElement>('.label') ?? null,\n      suffix: this.shadowRoot?.querySelector<HTMLElement>('.suffix') ?? null\n    };\n  }\n\n  /** @internal */\n  _hover(hovered: boolean) {\n    if (hovered) this._internals.states.add('tab-hover');\n    else this._internals.states.delete('tab-hover');\n  }\n\n  /** @internal */\n  _configure({ scrollLeft, ...configuration }: WorkspaceHeaderConfiguration & { scrollLeft: number }) {\n    this._scroll(scrollLeft);\n    if (sameHeaderConfiguration(this.configuration, configuration)) return;\n    if (configuration.selected) this._internals.states.add('selected');\n    else this._internals.states.delete('selected');\n    this.configuration = configuration;\n  }\n\n  /** @internal */\n  _scroll(scrollLeft: number) {\n    // ScrollTimeline fallback; remove after wider adoption of Firefox 159.\n    if (!this.#scrollAnimation) this.style.setProperty('--_workspace-tab-scroll', `${-scrollLeft}px`);\n  }\n\n  /** @internal */\n  _bindScroll(source: HTMLElement | undefined, extent: number) {\n    if (source === this.#scrollSource && extent === this.#scrollExtent) return;\n    if (this.#updateScrollExtent(source, extent)) return;\n    this.#scrollAnimation?.cancel();\n    this.#scrollAnimation = undefined;\n    this.#scrollSource = source;\n    this.#scrollExtent = extent;\n    this.#bindScrollAnimation();\n    if (!this.#scrollAnimation) this._scroll(source?.scrollLeft ?? 0);\n  }\n\n  #updateScrollExtent(source: HTMLElement | undefined, extent: number) {\n    if (source !== this.#scrollSource || extent <= 0) return false;\n    const effect = this.#scrollAnimation?.effect;\n    if (!(effect instanceof KeyframeEffect)) return false;\n    this.#scrollExtent = extent;\n    effect.setKeyframes(scrollKeyframes(extent));\n    return true;\n  }\n\n  #bindScrollAnimation() {\n    if (\n      this.#scrollAnimation ||\n      !this.#scrollSource ||\n      this.#scrollExtent <= 0 ||\n      typeof ScrollTimeline === 'undefined'\n    )\n      return;\n    const track = this.shadowRoot?.querySelector<HTMLElement>('.label-track');\n    if (!track) return;\n    this.#scrollAnimation = track.animate(scrollKeyframes(this.#scrollExtent), {\n      timeline: new ScrollTimeline({ source: this.#scrollSource, axis: 'x' }),\n      fill: 'both',\n      easing: 'linear'\n    });\n  }\n\n  #hasTitle() {\n    if (isServer) return true;\n    return [...this.childNodes].some(\n      node => (!(node instanceof Element) || !node.hasAttribute('slot')) && !!node.textContent?.trim()\n    );\n  }\n}\n\nfunction scrollKeyframes(extent: number) {\n  return [{ transform: 'translateX(0px)' }, { transform: `translateX(${-extent}px)` }];\n}\n"],"mappings":"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"}

package/dist/workspace/utils/comparison.utils.d.ts

@@ -0,0 +1,3 @@
+import type { Rect } from '@nvidia-elements/core/internal';
+export declare function sameArrayItems<T>(left: readonly T[], right: readonly T[]): boolean;
+export declare function sameRect(left: Rect, right: Rect): boolean;

package/dist/workspace/utils/comparison.utils.js

@@ -0,0 +1,13 @@
+// src/workspace/utils/comparison.utils.ts
+function e(e, t) {
+	if (e === t) return !0;
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
+	return !0;
+}
+function t(e, t) {
+	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+export { e as sameArrayItems, t as sameRect };
+
+//# sourceMappingURL=comparison.utils.js.map

package/dist/workspace/utils/comparison.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comparison.utils.js","names":["sameArrayItems","left","right","index","sameRect"],"sources":["../../../src/workspace/utils/comparison.utils.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { Rect } from '@nvidia-elements/core/internal';\n\nexport function sameArrayItems<T>(left: readonly T[], right: readonly T[]) {\n  if (left === right) return true;\n  if (left.length !== right.length) return false;\n  for (let index = 0; index < left.length; index++) {\n    if (left[index] !== right[index]) return false;\n  }\n  return true;\n}\n\nexport function sameRect(left: Rect, right: Rect) {\n  return left.x === right.x && left.y === right.y && left.width === right.width && left.height === right.height;\n}\n"],"mappings":";AAKA,SAAgBA,EAAkB,GAAoB,GAAqB;CACzE,IAAIC,MAASC,GAAO,OAAO;CAC3B,IAAID,EAAK,WAAWC,EAAM,QAAQ,OAAO;CACzC,KAAK,IAAIC,IAAQ,GAAGA,IAAQF,EAAK,QAAQ,KACvC,IAAIA,EAAKE,OAAWD,EAAMC,IAAQ,OAAO;CAE3C,OAAO;AACT;AAEA,SAAgBC,EAAS,GAAY,GAAa;CAChD,OAAOH,EAAK,MAAMC,EAAM,KAAKD,EAAK,MAAMC,EAAM,KAAKD,EAAK,UAAUC,EAAM,SAASD,EAAK,WAAWC,EAAM;AACzG"}

package/dist/workspace/utils/evaluation.utils.d.ts

@@ -1,7 +1,9 @@
 import type { Dimensions, Point, Rect } from '@nvidia-elements/core/internal';
 import type { WorkspaceBoundary, WorkspacePlacedRegion } from './geometry/allocation.utils.js';
+import type { WorkspaceRequirements } from './geometry/sizing.utils.js';
 import type { WorkspaceDragPreview } from './interaction/drag-preview.utils.js';
 import type { WorkspaceLayout, WorkspaceNode } from './model/layout.utils.js';
+import type { WorkspaceScopeRectResolver } from './placement/scope.utils.js';
 import type { WorkspacePresentedGroup, WorkspaceTarget } from './presentation/groups.utils.js';
 import type { WorkspaceMeasurements } from './presentation/measurements.utils.js';
 import type { WorkspacePanel } from '../panel/panel.js';
@@ -29,10 +31,11 @@ export interface WorkspaceEvaluationDelegate {
     readonly getResizePreview: () => WorkspaceLayout | undefined;
 }
 export interface WorkspacePlacementCatalog {
+    resolveScopeRect?: WorkspaceScopeRectResolver;
     targets: WorkspaceTarget[];
     regions: WorkspacePlacedRegion[];
     orderingRegions?: WorkspacePlacedRegion[];
-    sourceSlot?: Rect;
+    sourceReservation?: Rect;
     headers?: Rect[];
     preview?: WorkspaceDragPreview;
     bounds: Rect;
@@ -40,15 +43,68 @@ export interface WorkspacePlacementCatalog {
     reservationHit?: WorkspaceReservationHit;
 }
 type WorkspaceReservationHit = 'group' | 'tab';
+interface GeometryInputSnapshot {
+    layout: WorkspaceLayout;
+    closed: string[];
+    source: string[];
+    available: string[];
+    panels: WorkspacePanel[];
+    measurementIdentity: WorkspaceMeasurements;
+    measurements: WorkspaceMeasurements;
+    requirements: WorkspaceRequirements;
+    policy: WorkspaceEvaluationInputs['policy'];
+}
+interface CachedWorkspaceGeometry {
+    inputs: GeometryInputSnapshot;
+    projected?: WorkspaceLayout;
+    base?: WorkspaceGeometry;
+    detached?: WorkspaceGeometry;
+}
+type StructuralPlacementCatalog = Omit<WorkspacePlacementCatalog, 'preview' | 'headerTarget' | 'reservationHit'> & {
+    gap: number;
+};
+interface PresentedGroupSnapshot {
+    rect: Rect;
+    panels: string[];
+}
+interface CatalogInputSnapshot {
+    layout: WorkspaceLayout;
+    closed: string[];
+    source: string[];
+    available: string[];
+    measurementIdentity: WorkspaceMeasurements;
+    measurements: WorkspaceMeasurements;
+    requirements: WorkspaceRequirements;
+    bounds: Rect;
+    origin: Rect;
+    catalog: WorkspacePlacedRegion[];
+    allocation: WorkspacePlacedRegion[];
+    reservation?: WorkspacePlacedRegion[];
+    groups?: PresentedGroupSnapshot[];
+}
+interface CachedPlacementCatalog {
+    inputs: CatalogInputSnapshot;
+    catalog: StructuralPlacementCatalog;
+}
+/** Owns retained geometry and catalog data and the current synchronous evaluation for one Workspace. */
+export declare class WorkspaceEvaluationCache {
+    #private;
+    geometry?: CachedWorkspaceGeometry;
+    catalog?: CachedPlacementCatalog;
+    constructor(host: HTMLElement);
+    get current(): WorkspaceEvaluation | undefined;
+    run<T>(inputs: WorkspaceEvaluationInputs, delegate: WorkspaceEvaluationDelegate | undefined, work: (evaluation: WorkspaceEvaluation) => T): T;
+    clear(): void;
+}
 /** Shares layout inputs and browser reads within one synchronous evaluation. */
 export declare class WorkspaceEvaluation {
     #private;
     readonly panels: WorkspacePanel[];
     readonly available: string[];
-    readonly requirements: import("./geometry/sizing.utils.js").WorkspaceRequirements;
+    readonly requirements: WorkspaceRequirements;
     readonly projectLayout: import("./model/projection.utils.js").WorkspaceLayoutProjector;
-    readonly contextRect: import("./placement/context.utils.js").WorkspaceContextRectResolver;
-    constructor(host: HTMLElement, inputs: WorkspaceEvaluationInputs, delegate?: WorkspaceEvaluationDelegate);
+    readonly resolveScopeRect: WorkspaceScopeRectResolver;
+    constructor(host: HTMLElement, inputs: WorkspaceEvaluationInputs, delegate?: WorkspaceEvaluationDelegate, cacheOwner?: WorkspaceEvaluationCache);
     minimum(node: WorkspaceNode | null): Dimensions;
     project(layout: WorkspaceLayout): WorkspaceLayout;
     geometry(layout: WorkspaceLayout, extent?: WorkspaceLayout): WorkspaceGeometry;
@@ -56,9 +112,10 @@ export declare class WorkspaceEvaluation {
     nonOrderGeometry(source: string[]): WorkspaceGeometry;
     targetCatalog(source: string[], allocation?: WorkspaceGeometry): {
         gap: number;
+        resolveScopeRect: WorkspaceScopeRectResolver;
         regions: WorkspacePlacedRegion[];
         orderingRegions: WorkspacePlacedRegion[];
-        sourceSlot: Rect | undefined;
+        sourceReservation: Rect | undefined;
         preview: WorkspaceDragPreview | undefined;
         headers: Rect[];
         targets: {
@@ -68,7 +125,9 @@ export declare class WorkspaceEvaluation {
             tabs: never[];
         }[];
         bounds: Rect;
-    };
+    } | (WorkspacePlacementCatalog & {
+        gap: number;
+    });
     getPlacementCatalog(source: string[], point: Point): WorkspacePlacementCatalog;
     bounds(): Rect;
     client(rect: Rect): {