@nvidia-elements/core 2.22.5 → 2.23.0

package/dist/workspace/controllers/workspace-resize.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-resize.controller.js","names":["WorkspaceResizeController","#presenting","handle","#findOwnedHandle","event","input","#delegate","boundary","item","#begin","#endPointer","#guardStart","isResizeKey","#pointerPending","#transaction","#globalKeydown","#host","host","delegate","transaction","#document","#finishPresentation","value","#updatePreview","#settleFrame","change","#resize","terminal","#resetHandle","isResizeHandle","layout","target","committed","preview","#commit","#queuePreview","#createResizePreview","#beginPresentation","delta","origin","sizes","resizeSizes","size","index","baseline","rebaseProjectedSplit","matchesElementName","ResizeHandle"],"sources":["../../../src/workspace/controllers/workspace-resize.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveControllerHost } from 'lit';\n\nimport { type GestureInput, matchesElementName } from '@nvidia-elements/core/internal';\n\nimport { ResizeHandle } from '@nvidia-elements/core/resize-handle';\n\nimport { resizeSizes } from '../utils/geometry/partition.utils.js';\nimport { isResizeKey } from '../utils/interaction/resize-input.utils.js';\nimport { rebaseProjectedSplit } from '../utils/model/projection.utils.js';\n\nimport type { WorkspaceBoundary } from '../utils/geometry/allocation.utils.js';\nimport type { WorkspaceLayout } from '../utils/model/layout.utils.js';\nimport type { WorkspaceMeasurementChange, WorkspaceMeasurements } from '../utils/presentation/measurements.utils.js';\n\ninterface WorkspaceResizeHost extends HTMLElement, ReactiveControllerHost {\n  readonly resizePolicy: 'stop' | 'propagate';\n}\n\ninterface ResizePresentation {\n  measurements: WorkspaceMeasurements;\n  rearrangeable: boolean;\n  closable: boolean;\n  fullscreenable: boolean;\n}\n\ninterface WorkspaceResizeDelegate {\n  readonly isEnabled: () => boolean;\n  readonly getLayout: () => WorkspaceLayout | undefined;\n  readonly getBoundaries: () => WorkspaceBoundary[];\n  readonly getAvailablePanels: () => string[];\n  readonly getPresentation: () => ResizePresentation;\n  readonly cancelForUser: () => void;\n  readonly commitLayout: (layout: WorkspaceLayout) => void;\n}\n\ninterface ResizeOperation {\n  handle: ResizeHandle;\n  pointerId?: number;\n  status: 'active' | 'committed';\n  baseline: WorkspaceLayout;\n  origin: WorkspaceBoundary;\n  policy: 'stop' | 'propagate';\n  available: string[];\n  presentation: ResizePresentation;\n  pendingValue?: number;\n  preview?: { value: number; layout: WorkspaceLayout };\n}\n\ntype ResizeTransaction = ResizeOperation | { handle: ResizeHandle; pointerId?: number; status: 'cancelled' };\n\nexport class WorkspaceResizeController {\n  readonly #host: WorkspaceResizeHost;\n  readonly #delegate: WorkspaceResizeDelegate;\n  #transaction?: ResizeTransaction;\n  #document?: Document;\n  #presenting = false;\n  #settleFrame?: number;\n\n  constructor(host: WorkspaceResizeHost, delegate: WorkspaceResizeDelegate) {\n    this.#host = host;\n    this.#delegate = delegate;\n    host.addController(this);\n  }\n\n  get preview() {\n    return this.#transaction?.status !== 'cancelled' ? this.#transaction?.preview?.layout : undefined;\n  }\n\n  get presentation() {\n    const transaction = this.#transaction;\n    return transaction?.status !== 'cancelled' ? transaction?.presentation : undefined;\n  }\n\n  get retainingHandles() {\n    return this.#transaction?.pointerId !== undefined && this.#transaction.status !== 'cancelled';\n  }\n\n  get resizing() {\n    return this.#presenting;\n  }\n\n  get policy(): 'stop' | 'propagate' {\n    const transaction = this.#transaction;\n    if (transaction && transaction.status !== 'cancelled') return transaction.policy;\n    return this.#host.resizePolicy === 'propagate' ? 'propagate' : 'stop';\n  }\n\n  hostConnected() {\n    this.#document = this.#host.ownerDocument;\n    this.#host.addEventListener('pointerdown', this.#guardStart, true);\n    this.#host.addEventListener('keydown', this.#guardStart, true);\n    this.#document.addEventListener('keydown', this.#globalKeydown);\n  }\n\n  hostDisconnected() {\n    this.#host.removeEventListener('pointerdown', this.#guardStart, true);\n    this.#host.removeEventListener('keydown', this.#guardStart, true);\n    this.#document?.removeEventListener('keydown', this.#globalKeydown);\n    this.#document = undefined;\n    this.#transaction = undefined;\n    this.#finishPresentation();\n  }\n\n  hostUpdate() {\n    const transaction = this.#transaction;\n    if (transaction?.status !== 'active' || transaction.pendingValue === undefined) return;\n\n    const value = transaction.pendingValue;\n    transaction.pendingValue = undefined;\n    this.#updatePreview(value, transaction);\n  }\n\n  hostUpdated() {\n    if (!this.#presenting || this.preview || this.retainingHandles || this.#settleFrame !== undefined) return;\n    this.#settleFrame = requestAnimationFrame(() => {\n      this.#settleFrame = requestAnimationFrame(() => {\n        this.#settleFrame = undefined;\n        if (this.preview || this.retainingHandles) return;\n        this.#finishPresentation();\n        this.#host.requestUpdate();\n      });\n    });\n  }\n\n  handleMeasurementsChange(change: WorkspaceMeasurementChange) {\n    if (change.spaceChanged) {\n      this.cancel();\n    }\n  }\n\n  resetForRestore() {\n    this.cancel();\n    this.#finishPresentation();\n  }\n\n  cancel() {\n    const transaction = this.#transaction;\n    if (!transaction || transaction.status === 'cancelled') return;\n    this.#transaction = { handle: transaction.handle, pointerId: transaction.pointerId, status: 'cancelled' };\n    this.#host.requestUpdate();\n  }\n\n  input(event: Event, boundary: WorkspaceBoundary) {\n    this.#resize(event, boundary, false);\n  }\n\n  change(event: Event, boundary: WorkspaceBoundary) {\n    this.#resize(event, boundary, true);\n  }\n\n  gesture = (event: CustomEvent<GestureInput>) => {\n    const handle = this.#findOwnedHandle(event);\n    if (!handle) return;\n    const input = event.detail;\n    if (\n      input.kind === 'pointerdown' &&\n      input.event.button === 0 &&\n      input.event.isPrimary &&\n      this.#delegate.isEnabled()\n    ) {\n      const boundary = this.#delegate.getBoundaries().find(item => item.key === handle.dataset.boundary);\n      if (boundary) {\n        this.#begin(handle, boundary, input.event.pointerId);\n      }\n    }\n    if (input.kind === 'pointerend') {\n      this.#endPointer(handle, input);\n    }\n  };\n\n  #endPointer(handle: ResizeHandle, input: Extract<GestureInput, { kind: 'pointerend' }>) {\n    const transaction = this.#transaction;\n    if (transaction?.handle !== handle || transaction.pointerId !== input.event.pointerId) return;\n\n    if (input.interrupted) {\n      this.cancel();\n    }\n\n    const terminal = this.#transaction;\n    if (!terminal) return;\n    if (terminal.status === 'cancelled') {\n      terminal.pointerId = undefined;\n      void this.#resetHandle(handle);\n    } else if (terminal.status === 'committed') {\n      this.#transaction = undefined;\n    } else {\n      terminal.pointerId = undefined;\n    }\n\n    this.#host.requestUpdate();\n  }\n\n  #findOwnedHandle(event: Event): ResizeHandle | undefined {\n    return event\n      .composedPath()\n      .find(\n        (item): item is ResizeHandle =>\n          isResizeHandle(item) && item.isConnected && item.getRootNode() === this.#host.shadowRoot\n      );\n  }\n\n  #guardStart = (event: Event) => {\n    if (!this.#findOwnedHandle(event)) return;\n    if (event instanceof KeyboardEvent && !isResizeKey(event.key)) {\n      return;\n    }\n    if (this.#delegate.isEnabled() && !this.#pointerPending) {\n      if (event instanceof KeyboardEvent && this.#transaction?.status === 'cancelled') {\n        this.#transaction = undefined;\n      }\n      return;\n    }\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  };\n\n  get #pointerPending() {\n    const transaction = this.#transaction;\n    return (\n      transaction?.pointerId !== undefined &&\n      transaction.handle.isConnected &&\n      transaction.handle.getRootNode() === this.#host.shadowRoot\n    );\n  }\n\n  #begin(handle: ResizeHandle, origin: WorkspaceBoundary, pointerId?: number) {\n    const layout = this.#delegate.getLayout();\n    if (!layout) return;\n    this.#transaction = {\n      handle,\n      pointerId,\n      status: 'active',\n      baseline: structuredClone(layout),\n      origin,\n      policy: this.policy,\n      available: this.#delegate.getAvailablePanels(),\n      presentation: this.#delegate.getPresentation()\n    };\n  }\n\n  #beginPresentation() {\n    if (this.#settleFrame !== undefined) {\n      cancelAnimationFrame(this.#settleFrame);\n    }\n    this.#settleFrame = undefined;\n    this.#presenting = true;\n  }\n\n  #finishPresentation() {\n    if (this.#settleFrame !== undefined) {\n      cancelAnimationFrame(this.#settleFrame);\n    }\n    this.#settleFrame = undefined;\n    this.#presenting = false;\n  }\n\n  async #resetHandle(target: ResizeHandle) {\n    await this.#host.updateComplete;\n    if (!target.isConnected || target.getRootNode() !== this.#host.shadowRoot) return;\n\n    const boundary = this.#delegate.getBoundaries().find(item => item.key === target.dataset.boundary);\n    if (boundary) {\n      target.valueAsNumber = boundary.value;\n    }\n  }\n\n  #globalKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape' || event.defaultPrevented || this.#transaction?.status !== 'active') return;\n    event.preventDefault();\n    this.#delegate.cancelForUser();\n  };\n\n  #resize(event: Event, boundary: WorkspaceBoundary, committed: boolean) {\n    event.stopPropagation();\n    const handle = event.currentTarget;\n    if (!isResizeHandle(handle) || !this.#findOwnedHandle(event)) return;\n    if (!this.#transaction && this.#delegate.isEnabled()) {\n      this.#begin(handle, boundary);\n    }\n    const transaction = this.#transaction;\n    if (!transaction || transaction.handle !== handle || transaction.status !== 'active') return;\n    const value = handle.valueAsNumber;\n    if (committed) {\n      transaction.pendingValue = undefined;\n      const preview = this.#updatePreview(value, transaction);\n      if (preview) {\n        this.#commit(preview, transaction);\n      }\n      return;\n    }\n    this.#queuePreview(value, transaction);\n  }\n\n  #queuePreview(value: number, transaction: ResizeOperation) {\n    if (\n      transaction.pendingValue === value ||\n      (transaction.pendingValue === undefined && transaction.preview?.value === value)\n    ) {\n      return;\n    }\n    transaction.pendingValue = value;\n    this.#host.requestUpdate();\n  }\n\n  #updatePreview(value: number, transaction: ResizeOperation) {\n    if (transaction.preview?.value === value) {\n      return transaction.preview.layout;\n    }\n    const layout = this.#createResizePreview(value, transaction);\n    if (layout) {\n      this.#beginPresentation();\n      transaction.preview = { value, layout };\n    }\n    return layout;\n  }\n\n  #commit(preview: WorkspaceLayout, transaction: ResizeOperation) {\n    transaction.preview = undefined;\n    transaction.status = 'committed';\n    if (transaction.pointerId === undefined) {\n      this.#transaction = undefined;\n    }\n    this.#delegate.commitLayout(preview);\n  }\n\n  #createResizePreview(value: number, transaction: ResizeOperation): WorkspaceLayout | undefined {\n    const { origin, baseline } = transaction;\n    const delta = (value - origin.value) * (origin.branch.axis === 'horizontal' ? 1 : -1);\n    const sizes = resizeSizes(origin.sizes, origin.minima, {\n      boundary: origin.index,\n      delta,\n      policy: transaction.policy\n    });\n    if (sizes.every((size, index) => size === origin.sizes[index])) return structuredClone(baseline);\n    return rebaseProjectedSplit(baseline, origin.branch, sizes, transaction.available);\n  }\n}\n\nfunction isResizeHandle(target: EventTarget | null): target is ResizeHandle {\n  return target !== null && matchesElementName(target, ResizeHandle);\n}\n"],"mappings":"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"}

package/dist/workspace/controllers/workspace-restoration.controller.d.ts

@@ -0,0 +1,24 @@
+import type { ReactiveControllerHost } from 'lit';
+import type { WorkspaceTransitionTargets } from './workspace-composition.controller.js';
+import type { WorkspaceLayout } from '../utils/model/layout.utils.js';
+import type { WorkspaceMeasurementChange } from '../utils/presentation/measurements.utils.js';
+import type { WorkspaceAnimationOptions } from '../workspace.types.js';
+interface WorkspaceRestorationDelegate {
+    readonly getLayout: () => WorkspaceLayout | undefined;
+    readonly applyLayout: (layout: WorkspaceLayout | undefined) => void;
+    readonly getTransitionTargets: () => WorkspaceTransitionTargets;
+}
+export declare class WorkspaceRestorationController {
+    #private;
+    constructor(host: HTMLElement & ReactiveControllerHost, delegate: WorkspaceRestorationDelegate);
+    get active(): boolean;
+    hostConnected(): void;
+    hostDisconnected(): void;
+    handleMeasurementsChange(change: WorkspaceMeasurementChange): void;
+    animateTo(layout: WorkspaceLayout | undefined, options: WorkspaceAnimationOptions): void;
+    transition(apply: () => void, options?: WorkspaceAnimationOptions, target?: {
+        layout: WorkspaceLayout | undefined;
+    }): void;
+    finish(): void;
+}
+export {};

package/dist/workspace/controllers/workspace-restoration.controller.js

@@ -0,0 +1,193 @@
+import { matchesElementName as e } from "../../internal/utils/dom.js";
+import { sameSerializedWorkspaceLayout as t } from "../utils/model/value.utils.js";
+import { WorkspacePanel as n } from "../panel/panel2.js";
+import { isResizeKey as r } from "../utils/interaction/resize-input.utils.js";
+// src/workspace/controllers/workspace-restoration.controller.ts
+var i = class {
+	#e;
+	#t;
+	#n;
+	constructor(e, t) {
+		this.#e = e, this.#t = t, e.addController(this);
+	}
+	get active() {
+		return this.#n !== void 0;
+	}
+	hostConnected() {
+		this.#e.addEventListener("pointerdown", this.#i, !0), this.#e.addEventListener("keydown", this.#i, !0);
+	}
+	hostDisconnected() {
+		this.finish(), this.#e.removeEventListener("pointerdown", this.#i, !0), this.#e.removeEventListener("keydown", this.#i, !0);
+	}
+	handleMeasurementsChange(e) {
+		e.spaceChanged && this.finish();
+	}
+	animateTo(e, n) {
+		let r = this.#n?.target;
+		r && t(e, r.layout) || (!this.active && t(e, this.#t.getLayout()) ? this.#t.applyLayout(e) : this.transition(() => this.#t.applyLayout(e), n, { layout: e }));
+	}
+	transition(e, t = {}, n) {
+		let r = this.#e.isConnected && !matchMedia("(prefers-reduced-motion: reduce)").matches ? l(this.#e, t.duration) : 0;
+		if (r === 0) {
+			this.finish(), e();
+			return;
+		}
+		let i = c(this.#t.getTransitionTargets());
+		if (this.finish(), !i.panels.size) {
+			e();
+			return;
+		}
+		let a = {
+			target: n,
+			before: i,
+			duration: r,
+			animations: []
+		};
+		this.#n = a, e(), this.#r(a);
+	}
+	finish() {
+		let e = this.#n;
+		this.#n = void 0, e?.animations.forEach((e) => e.cancel());
+	}
+	async #r(e) {
+		if (await this.#e.updateComplete, await Promise.all(d(this.#e)), this.#n !== e || !this.#e.isConnected) return;
+		let t = c(this.#t.getTransitionTargets()), n = u(this.#e);
+		e.animations = f({
+			...e,
+			after: t,
+			easing: n
+		}), await Promise.allSettled(e.animations.map((e) => e.finished)), this.#n === e && this.finish();
+	}
+	#i = (e) => {
+		if (!this.active) return;
+		let t = this.#a(e);
+		if (!t) return;
+		let n = t.hasAttribute("data-boundary");
+		e instanceof KeyboardEvent && (!n || !r(e.key)) || (e.stopImmediatePropagation(), n && e.preventDefault());
+	};
+	#a(e) {
+		return e.composedPath().find((e) => e instanceof HTMLElement && e.getRootNode() === this.#e.shadowRoot && (e.hasAttribute("data-panel") || e.hasAttribute("data-drag-group") || e.hasAttribute("data-boundary")));
+	}
+};
+function a(e) {
+	let t = getComputedStyle(e);
+	return {
+		element: e,
+		rect: e.getBoundingClientRect(),
+		frame: {
+			left: t.left,
+			top: t.top,
+			width: t.width,
+			height: t.height
+		}
+	};
+}
+function o(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let [n, r] of Object.entries(e ?? {})) {
+		if (!r) continue;
+		let e = a(r);
+		n === "labelTrack" && (e.frame.transform = getComputedStyle(r).transform), t.set(n, e);
+	}
+	return t;
+}
+function s(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let { element: n, tabs: r } of e) {
+		let e = /* @__PURE__ */ new Map();
+		r.forEach((t, n) => e.set(n, a(t)));
+		let i = {
+			...a(n),
+			tabs: e
+		};
+		r.forEach((e, n) => t.set(n, i));
+	}
+	return t;
+}
+function c(e) {
+	let t = /* @__PURE__ */ new Map();
+	e.panels.forEach((e, n) => {
+		t.set(n, {
+			box: a(e.element),
+			header: o(e.header)
+		});
+	});
+	let n = /* @__PURE__ */ new Map();
+	return e.gutters.forEach((e, t) => n.set(t, a(e))), {
+		panels: t,
+		groups: s(e.groups),
+		gutters: n
+	};
+}
+function l(e, t) {
+	if (t !== void 0 && Number.isFinite(t) && t >= 0) return t;
+	let n = e.shadowRoot?.querySelector("[data-chrome]");
+	if (!e.isConnected || !n) return 0;
+	let r = getComputedStyle(n).animationDuration, i = Number.parseFloat(r);
+	return Number.isFinite(i) ? Math.max(0, r.endsWith("ms") ? i : i * 1e3) : 150;
+}
+function u(e) {
+	let t = e.shadowRoot?.querySelector("[data-chrome]");
+	return t ? getComputedStyle(t).animationTimingFunction : "ease";
+}
+function d(t) {
+	let r = [];
+	for (let i of t.children) {
+		if (!e(i, n)) continue;
+		let t = i;
+		r.push(t.updateComplete);
+		let a = t.querySelector(":scope > nve-workspace-panel-header");
+		a && r.push(a.updateComplete);
+	}
+	return r;
+}
+function f(e) {
+	let t = [], n = (n, r) => {
+		JSON.stringify(n) !== JSON.stringify(r.frame) && t.push(r.element.animate([n, r.frame], {
+			duration: e.duration,
+			easing: e.easing
+		}));
+	};
+	e.after.panels.forEach((t, r) => {
+		let i = e.before.panels.get(r);
+		i && (n(i.box.frame, t.box), t.header.forEach((e, t) => {
+			let r = i.header.get(t);
+			r && n(r.frame, e);
+		}));
+	});
+	let r = {
+		input: e,
+		animations: t
+	}, i = /* @__PURE__ */ new Set();
+	return e.after.groups.forEach((t, a) => {
+		if (i.has(t.element)) return;
+		i.add(t.element);
+		let o = e.before.groups.get(a);
+		o && (n(o.frame, t), p(r, o, t));
+	}), e.after.gutters.forEach((t, r) => {
+		let i = e.before.gutters.get(r);
+		i && n(i.frame, t);
+	}), t;
+}
+function p({ input: e, animations: t }, n, r) {
+	r.tabs.forEach((i, a) => {
+		let o = e.before.groups.get(a)?.tabs.get(a);
+		if (!o) return;
+		let s = o.rect.x - n.rect.x - (i.rect.x - r.rect.x), c = o.rect.y - n.rect.y - (i.rect.y - r.rect.y), l = {
+			width: o.frame.width,
+			height: o.frame.height,
+			translate: `${s}px ${c}px`
+		}, u = {
+			width: i.frame.width,
+			height: i.frame.height,
+			translate: "0px 0px"
+		};
+		(s || c || l.width !== u.width || l.height !== u.height) && t.push(i.element.animate([l, u], {
+			duration: e.duration,
+			easing: e.easing
+		}));
+	});
+}
+export { i as WorkspaceRestorationController };
+
+//# sourceMappingURL=workspace-restoration.controller.js.map

package/dist/workspace/controllers/workspace-restoration.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-restoration.controller.js","names":["WorkspaceRestorationController","#host","host","#delegate","delegate","#restoration","#guardStart","change","target","sameSerializedWorkspaceLayout","layout","options","duration","getWorkspaceAnimationDuration","apply","before","captureWorkspacePresentation","restoration","#animate","animation","getPanelUpdatePromises","after","easing","getWorkspaceAnimationEasing","animateWorkspacePresentation","control","#findInteractionControl","event","isResizeControl","isResizeKey","node","captureBox","style","element","captureHeader","parts","role","elements","entry","captureGroups","groups","capturedTabs","id","tab","group","panels","panel","gutters","gutter","probe","value","number","updates","child","matchesElementName","WorkspacePanel","header","animations","animate","from","to","input","previous","oldPart","key","part","transition","visited","animateGroupTabs","oldTab","panelId","x","y"],"sources":["../../../src/workspace/controllers/workspace-restoration.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveControllerHost } from 'lit';\n\nimport { matchesElementName } from '@nvidia-elements/core/internal';\n\nimport { isResizeKey } from '../utils/interaction/resize-input.utils.js';\nimport { sameSerializedWorkspaceLayout } from '../utils/model/value.utils.js';\n\nimport { WorkspacePanel } from '../panel/panel.js';\n\nimport type {\n  WorkspacePanelTransitionTargets,\n  WorkspaceTransitionTargets\n} from './workspace-composition.controller.js';\nimport type { WorkspaceLayout } from '../utils/model/layout.utils.js';\nimport type { WorkspaceMeasurementChange } from '../utils/presentation/measurements.utils.js';\n\nimport type { WorkspacePanelHeader } from '../panel-header/panel-header.js';\nimport type { WorkspaceAnimationOptions } from '../workspace.types.js';\n\ninterface Box {\n  element: HTMLElement;\n  rect: DOMRect;\n  frame: Keyframe;\n}\n\ninterface GroupBox extends Box {\n  tabs: Map<string, Box>;\n}\n\ninterface WorkspacePresentation {\n  panels: Map<string, { box: Box; header: Map<string, Box> }>;\n  groups: Map<string, GroupBox>;\n  gutters: Map<string, Box>;\n}\n\ninterface Restoration {\n  target?: { layout: WorkspaceLayout | undefined };\n  before: WorkspacePresentation;\n  duration: number;\n  animations: Animation[];\n}\n\ninterface WorkspaceRestorationDelegate {\n  readonly getLayout: () => WorkspaceLayout | undefined;\n  readonly applyLayout: (layout: WorkspaceLayout | undefined) => void;\n  readonly getTransitionTargets: () => WorkspaceTransitionTargets;\n}\n\nexport class WorkspaceRestorationController {\n  readonly #host: HTMLElement & ReactiveControllerHost;\n  readonly #delegate: WorkspaceRestorationDelegate;\n  #restoration?: Restoration;\n\n  constructor(host: HTMLElement & ReactiveControllerHost, delegate: WorkspaceRestorationDelegate) {\n    this.#host = host;\n    this.#delegate = delegate;\n    host.addController(this);\n  }\n\n  get active() {\n    return this.#restoration !== undefined;\n  }\n\n  hostConnected() {\n    this.#host.addEventListener('pointerdown', this.#guardStart, true);\n    this.#host.addEventListener('keydown', this.#guardStart, true);\n  }\n\n  hostDisconnected() {\n    this.finish();\n    this.#host.removeEventListener('pointerdown', this.#guardStart, true);\n    this.#host.removeEventListener('keydown', this.#guardStart, true);\n  }\n\n  handleMeasurementsChange(change: WorkspaceMeasurementChange) {\n    if (change.spaceChanged) {\n      this.finish();\n    }\n  }\n\n  animateTo(layout: WorkspaceLayout | undefined, options: WorkspaceAnimationOptions) {\n    const target = this.#restoration?.target;\n    if (target && sameSerializedWorkspaceLayout(layout, target.layout)) {\n      return;\n    }\n    if (!this.active && sameSerializedWorkspaceLayout(layout, this.#delegate.getLayout())) {\n      this.#delegate.applyLayout(layout);\n      return;\n    }\n    this.transition(() => this.#delegate.applyLayout(layout), options, { layout });\n  }\n\n  transition(\n    apply: () => void,\n    options: WorkspaceAnimationOptions = {},\n    target?: { layout: WorkspaceLayout | undefined }\n  ) {\n    const canAnimate = this.#host.isConnected && !matchMedia('(prefers-reduced-motion: reduce)').matches;\n    const duration = canAnimate ? getWorkspaceAnimationDuration(this.#host, options.duration) : 0;\n    if (duration === 0) {\n      this.finish();\n      apply();\n      return;\n    }\n\n    const before = captureWorkspacePresentation(this.#delegate.getTransitionTargets());\n    this.finish();\n    if (!before.panels.size) {\n      apply();\n      return;\n    }\n    const restoration: Restoration = { target, before, duration, animations: [] };\n    this.#restoration = restoration;\n    apply();\n    void this.#animate(restoration);\n  }\n\n  finish() {\n    const restoration = this.#restoration;\n    this.#restoration = undefined;\n    restoration?.animations.forEach(animation => animation.cancel());\n  }\n\n  async #animate(restoration: Restoration) {\n    await this.#host.updateComplete;\n    await Promise.all(getPanelUpdatePromises(this.#host));\n    if (this.#restoration !== restoration || !this.#host.isConnected) return;\n    const after = captureWorkspacePresentation(this.#delegate.getTransitionTargets());\n    const easing = getWorkspaceAnimationEasing(this.#host);\n    restoration.animations = animateWorkspacePresentation({ ...restoration, after, easing });\n    await Promise.allSettled(restoration.animations.map(animation => animation.finished));\n    if (this.#restoration === restoration) {\n      this.finish();\n    }\n  }\n\n  #guardStart = (event: Event) => {\n    if (!this.active) {\n      return;\n    }\n    const control = this.#findInteractionControl(event);\n    if (!control) {\n      return;\n    }\n    const isResizeControl = control.hasAttribute('data-boundary');\n    if (event instanceof KeyboardEvent && (!isResizeControl || !isResizeKey(event.key))) {\n      return;\n    }\n\n    event.stopImmediatePropagation();\n    if (isResizeControl) {\n      event.preventDefault();\n    }\n  };\n\n  #findInteractionControl(event: Event): HTMLElement | undefined {\n    return event\n      .composedPath()\n      .find(\n        (node): node is HTMLElement =>\n          node instanceof HTMLElement &&\n          node.getRootNode() === this.#host.shadowRoot &&\n          (node.hasAttribute('data-panel') ||\n            node.hasAttribute('data-drag-group') ||\n            node.hasAttribute('data-boundary'))\n      );\n  }\n}\n\nfunction captureBox(element: HTMLElement): Box {\n  const style = getComputedStyle(element);\n  return {\n    element,\n    rect: element.getBoundingClientRect(),\n    frame: { left: style.left, top: style.top, width: style.width, height: style.height }\n  };\n}\n\nfunction captureHeader(elements: WorkspacePanelTransitionTargets['header']) {\n  const parts = new Map<string, Box>();\n  for (const [role, element] of Object.entries(elements ?? {})) {\n    if (!element) continue;\n    const entry = captureBox(element);\n    if (role === 'labelTrack') {\n      entry.frame.transform = getComputedStyle(element).transform;\n    }\n    parts.set(role, entry);\n  }\n  return parts;\n}\n\nfunction captureGroups(elements: WorkspaceTransitionTargets['groups']): WorkspacePresentation['groups'] {\n  const groups: WorkspacePresentation['groups'] = new Map();\n  for (const { element, tabs } of elements) {\n    const capturedTabs = new Map<string, Box>();\n    tabs.forEach((tab, id) => capturedTabs.set(id, captureBox(tab)));\n    const group = { ...captureBox(element), tabs: capturedTabs };\n    tabs.forEach((_, id) => groups.set(id, group));\n  }\n  return groups;\n}\n\nfunction captureWorkspacePresentation(elements: WorkspaceTransitionTargets): WorkspacePresentation {\n  const panels: WorkspacePresentation['panels'] = new Map();\n  elements.panels.forEach((panel, id) => {\n    panels.set(id, { box: captureBox(panel.element), header: captureHeader(panel.header) });\n  });\n  const gutters = new Map<string, Box>();\n  elements.gutters.forEach((gutter, id) => gutters.set(id, captureBox(gutter)));\n  return { panels, groups: captureGroups(elements.groups), gutters };\n}\n\nfunction getWorkspaceAnimationDuration(host: HTMLElement, duration?: number): number {\n  if (duration !== undefined && Number.isFinite(duration) && duration >= 0) return duration;\n\n  const probe = host.shadowRoot?.querySelector('[data-chrome]');\n  if (!host.isConnected || !probe) return 0;\n  const value = getComputedStyle(probe).animationDuration;\n  const number = Number.parseFloat(value);\n  return Number.isFinite(number) ? Math.max(0, value.endsWith('ms') ? number : number * 1000) : 150;\n}\n\nfunction getWorkspaceAnimationEasing(host: HTMLElement): string {\n  const probe = host.shadowRoot?.querySelector('[data-chrome]');\n  return probe ? getComputedStyle(probe).animationTimingFunction : 'ease';\n}\n\nfunction getPanelUpdatePromises(host: HTMLElement): Promise<unknown>[] {\n  const updates: Promise<unknown>[] = [];\n  for (const child of host.children) {\n    if (!matchesElementName(child, WorkspacePanel)) continue;\n    const panel = child as WorkspacePanel;\n    updates.push(panel.updateComplete);\n    const header = panel.querySelector<WorkspacePanelHeader>(':scope > nve-workspace-panel-header');\n    if (header) {\n      updates.push(header.updateComplete);\n    }\n  }\n  return updates;\n}\n\nfunction animateWorkspacePresentation(input: {\n  before: WorkspacePresentation;\n  after: WorkspacePresentation;\n  duration: number;\n  easing: string;\n}): Animation[] {\n  const animations: Animation[] = [];\n  const animate = (from: Keyframe, to: Box) => {\n    if (JSON.stringify(from) === JSON.stringify(to.frame)) return;\n    animations.push(to.element.animate([from, to.frame], { duration: input.duration, easing: input.easing }));\n  };\n  input.after.panels.forEach((panel, id) => {\n    const previous = input.before.panels.get(id);\n    if (!previous) return;\n    animate(previous.box.frame, panel.box);\n    panel.header.forEach((part, key) => {\n      const oldPart = previous.header.get(key);\n      if (oldPart) {\n        animate(oldPart.frame, part);\n      }\n    });\n  });\n  const transition = { input, animations };\n  const visited = new Set<HTMLElement>();\n  input.after.groups.forEach((group, id) => {\n    if (visited.has(group.element)) return;\n    visited.add(group.element);\n    const previous = input.before.groups.get(id);\n    if (!previous) return;\n    animate(previous.frame, group);\n    animateGroupTabs(transition, previous, group);\n  });\n  input.after.gutters.forEach((gutter, id) => {\n    const previous = input.before.gutters.get(id);\n    if (previous) {\n      animate(previous.frame, gutter);\n    }\n  });\n  return animations;\n}\n\nfunction animateGroupTabs(\n  { input, animations }: { input: Parameters<typeof animateWorkspacePresentation>[0]; animations: Animation[] },\n  previous: GroupBox,\n  group: GroupBox\n) {\n  group.tabs.forEach((tab, panelId) => {\n    const oldGroup = input.before.groups.get(panelId);\n    const oldTab = oldGroup?.tabs.get(panelId);\n    if (!oldTab) return;\n    const x = oldTab.rect.x - previous.rect.x - (tab.rect.x - group.rect.x);\n    const y = oldTab.rect.y - previous.rect.y - (tab.rect.y - group.rect.y);\n    const from = { width: oldTab.frame.width, height: oldTab.frame.height, translate: `${x}px ${y}px` };\n    const to = { width: tab.frame.width, height: tab.frame.height, translate: '0px 0px' };\n    if (x || y || from.width !== to.width || from.height !== to.height) {\n      animations.push(tab.element.animate([from, to], { duration: input.duration, easing: input.easing }));\n    }\n  });\n}\n"],"mappings":"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"}

package/dist/workspace/define.d.ts

@@ -0,0 +1,10 @@
+import { Workspace, WorkspacePanel, WorkspacePanelContent, WorkspacePanelFooter, WorkspacePanelHeader } from '@nvidia-elements/core/workspace';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nve-workspace': Workspace;
+        'nve-workspace-panel': WorkspacePanel;
+        'nve-workspace-panel-header': WorkspacePanelHeader;
+        'nve-workspace-panel-content': WorkspacePanelContent;
+        'nve-workspace-panel-footer': WorkspacePanelFooter;
+    }
+}

package/dist/workspace/define.js

@@ -0,0 +1,9 @@
+import { WorkspacePanel as e } from "./panel/panel2.js";
+import { Workspace as t } from "./workspace2.js";
+import { WorkspacePanelHeader as n } from "./panel-header/panel-header2.js";
+import { WorkspacePanelContent as r } from "./panel-content/panel-content2.js";
+import { WorkspacePanelFooter as i } from "./panel-footer/panel-footer2.js";
+import { define as a } from "@nvidia-elements/foundations/internal/define";
+a(n), a(r), a(i), a(e), a(t);
+
+//# sourceMappingURL=define.js.map

package/dist/workspace/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","names":["define","WorkspacePanelHeader","WorkspacePanelContent","WorkspacePanelFooter","WorkspacePanel","Workspace"],"sources":["../../src/workspace/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/foundations/internal/define';\n\nimport {\n  Workspace,\n  WorkspacePanel,\n  WorkspacePanelContent,\n  WorkspacePanelFooter,\n  WorkspacePanelHeader\n} from '@nvidia-elements/core/workspace';\n\ndefine(WorkspacePanelHeader);\ndefine(WorkspacePanelContent);\ndefine(WorkspacePanelFooter);\ndefine(WorkspacePanel);\n\ndefine(Workspace);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-workspace': Workspace;\n    'nve-workspace-panel': WorkspacePanel;\n    'nve-workspace-panel-header': WorkspacePanelHeader;\n    'nve-workspace-panel-content': WorkspacePanelContent;\n    'nve-workspace-panel-footer': WorkspacePanelFooter;\n  }\n}\n"],"mappings":";;;;;;AAaAA,EAAOC,CAAoB,GAC3BD,EAAOE,CAAqB,GAC5BF,EAAOG,CAAoB,GAC3BH,EAAOI,CAAc,GAErBJ,EAAOK,CAAS"}

package/dist/workspace/index.d.ts

@@ -0,0 +1,8 @@
+export * from './workspace.js';
+export * from './panel/panel.js';
+export type { WorkspaceLayout, WorkspaceNode, WorkspaceGroup, WorkspaceSplit } from './utils/model/layout.utils.js';
+export type { WorkspacePlacement, WorkspaceSide, WorkspaceCommandContext, WorkspaceCommandSource } from './utils/interaction/command.utils.js';
+export * from './panel-header/panel-header.js';
+export * from './panel-content/panel-content.js';
+export * from './panel-footer/panel-footer.js';
+export type { WorkspaceAnimationOptions } from './workspace.types.js';

package/dist/workspace/index.js

@@ -0,0 +1,6 @@
+import { WorkspacePanel as e } from "./panel/panel2.js";
+import { Workspace as t } from "./workspace2.js";
+import { WorkspacePanelHeader as n } from "./panel-header/panel-header2.js";
+import { WorkspacePanelContent as r } from "./panel-content/panel-content2.js";
+import { WorkspacePanelFooter as i } from "./panel-footer/panel-footer2.js";
+export { t as Workspace, e as WorkspacePanel, r as WorkspacePanelContent, i as WorkspacePanelFooter, n as WorkspacePanelHeader };

package/dist/workspace/panel/panel.d.ts

@@ -0,0 +1,48 @@
+import { LitElement } from 'lit';
+import type { WorkspaceHeaderConfiguration } from '../utils/presentation/header-configuration.utils.js';
+/**
+ * @element nve-workspace-panel
+ * @description Stable application content and its workspace chrome.
+ * @documentation https://nvidia.github.io/elements/docs/elements/workspace/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/workspace
+ * @command --enter-fullscreen - Present this panel's group in native fullscreen.
+ * @command --exit-fullscreen - Exit native fullscreen.
+ * @command --toggle-fullscreen - Toggle native fullscreen for this panel's group.
+ * @command --open - Open and activate the targeted supplied panel. Repeated activation is silent.
+ * @command --close - Close the targeted panel when its workspace is closable.
+ * @command --select - Activate an open supplied panel without reopening a closed panel.
+ * @command --place - Apply the invoker's typed placement request when rearrangeable; membership changes also require groupable.
+ * @slot - Application content.
+ * @slot header - Title and controls.
+ * @slot footer - Status and actions.
+ * @cssprop --background
+ * @cssprop --border
+ * @cssprop --box-shadow
+ */
+export declare class WorkspacePanel extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static readonly metadata: {
+        tag: string;
+        version: string;
+        parents: string[];
+        children: string[];
+    };
+    /** Application minimum total panel width in pixels. */
+    minWidth: number;
+    /** Application minimum total panel height in pixels. */
+    minHeight: number;
+    private selected;
+    private headerHeight;
+    /** @internal */
+    _internals: ElementInternals;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    /** @internal */
+    _present(presented: boolean): void;
+    /** @internal */
+    _configure(configuration: WorkspaceHeaderConfiguration & {
+        scrollLeft: number;
+    }): void;
+}

package/dist/workspace/panel/panel.js

@@ -0,0 +1,5 @@
+// src/workspace/panel/panel.css?inline
+var e = ":host{--background: var(--nve-sys-layer-container-background);--border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);--box-shadow: var(--nve-ref-shadow-100);display:block;pointer-events:none;border-radius:var(--_workspace-border-radius, var(--nve-ref-border-radius-lg))}[internal-host]{height:100%;position:relative;border-radius:inherit}.surface{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.content{box-sizing:border-box;position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;pointer-events:auto;background:var(--background);border:var(--border);border-color:transparent}.frame{position:absolute;inset:0;box-sizing:border-box;border:var(--border);border-right:var(--_workspace-border-right, var(--border));border-bottom:var(--_workspace-border-bottom, var(--border));border-radius:inherit;pointer-events:none;z-index:4}.body{flex:1;min-height:0;overflow:auto;scrollbar-color:var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);scrollbar-width:var(--nve-sys-scrollbar-width)}::slotted(nve-workspace-panel-footer){flex:0 0 auto}[hidden]{display:none}:host([container=\"flat\"]) .content{background:transparent}:host([container=\"full\"]),:host([container=\"flat\"]){border-radius:var(--nve-ref-border-radius-none);--box-shadow: none}:host([aria-hidden=\"false\"]){box-shadow:var(--box-shadow)}";
+export { e as default };
+
+//# sourceMappingURL=panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","names":["panel_default"],"sources":["../../../src/workspace/panel/panel.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --background: var(--nve-sys-layer-container-background);\n  --border: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color);\n  --box-shadow: var(--nve-ref-shadow-100);\n  display: block;\n  pointer-events: none;\n  border-radius: var(--_workspace-border-radius, var(--nve-ref-border-radius-lg));\n}\n\n[internal-host] {\n  height: 100%;\n  position: relative;\n  border-radius: inherit;\n}\n\n.surface {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  border-radius: inherit;\n}\n\n.content {\n  box-sizing: border-box;\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  pointer-events: auto;\n  background: var(--background);\n  border: var(--border);\n  /* Preserve border insets while the selected frame owns the visible border. */\n  border-color: transparent;\n}\n\n.frame {\n  position: absolute;\n  inset: 0;\n  box-sizing: border-box;\n  border: var(--border);\n  border-right: var(--_workspace-border-right, var(--border));\n  border-bottom: var(--_workspace-border-bottom, var(--border));\n  border-radius: inherit;\n  pointer-events: none;\n  z-index: 4;\n}\n\n.body {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  scrollbar-color: var(--nve-sys-scrollbar-thumb-color) var(--nve-sys-scrollbar-track-color);\n  scrollbar-width: var(--nve-sys-scrollbar-width);\n}\n\n::slotted(nve-workspace-panel-footer) {\n  flex: 0 0 auto;\n}\n\n[hidden] {\n  display: none;\n}\n\n:host([container='flat']) .content {\n  background: transparent;\n}\n\n:host([container='full']),\n:host([container='flat']) {\n  border-radius: var(--nve-ref-border-radius-none);\n  --box-shadow: none;\n}\n\n:host([aria-hidden='false']) {\n  box-shadow: var(--box-shadow);\n}\n"],"mappings":""}

package/dist/workspace/panel/panel2.js

@@ -0,0 +1,53 @@
+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 { state as s } from "lit/decorators/state.js";
+// src/workspace/panel/panel.ts
+var c = class extends i {
+	constructor(...e) {
+		super(...e), this.minWidth = 0, this.minHeight = 0, this.selected = !1, this.headerHeight = 0;
+	}
+	static {
+		this.styles = t([r]);
+	}
+	static {
+		this.metadata = {
+			tag: "nve-workspace-panel",
+			version: "2.23.0",
+			parents: ["nve-workspace"],
+			children: [
+				"nve-workspace-panel-header",
+				"nve-workspace-panel-content",
+				"nve-workspace-panel-footer"
+			]
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), e(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>`;
+	}
+	_present(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({
+	type: Number,
+	attribute: "min-width",
+	reflect: !0
+})], c.prototype, "minWidth", void 0), n([o({
+	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);
+export { c as WorkspacePanel };
+
+//# sourceMappingURL=panel2.js.map

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

@@ -0,0 +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"}

package/dist/workspace/panel-content/panel-content.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+/**
+ * @element nve-workspace-panel-content
+ * @description Provides padding for workspace panel content.
+ * @documentation https://nvidia.github.io/elements/docs/elements/workspace/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/workspace
+ * @slot - Application content.
+ * @cssprop --padding
+ */
+export declare class WorkspacePanelContent extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static readonly metadata: {
+        tag: string;
+        version: string;
+        parents: string[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,5 @@
+// src/workspace/panel-content/panel-content.css?inline
+var e = ":host{--padding: var(--nve-ref-space-sm);display:block;contain:none}[internal-host]{padding:var(--padding)}";
+export { e as default };
+
+//# sourceMappingURL=panel-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel-content.js","names":["panel_content_default"],"sources":["../../../src/workspace/panel-content/panel-content.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n:host {\n  --padding: var(--nve-ref-space-sm);\n  display: block;\n  contain: none;\n}\n\n[internal-host] {\n  padding: var(--padding);\n}\n"],"mappings":""}

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

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

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

@@ -0,0 +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"}

package/dist/workspace/panel-footer/panel-footer.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+/**
+ * @element nve-workspace-panel-footer
+ * @description Provides workspace panel status and actions outside the scrolling body.
+ * @documentation https://nvidia.github.io/elements/docs/elements/workspace/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/workspace
+ * @slot - Status and actions.
+ * @cssprop --padding
+ * @cssprop --border-top
+ * @cssprop --gap
+ */
+export declare class WorkspacePanelFooter extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static readonly metadata: {
+        tag: string;
+        version: string;
+        parents: string[];
+    };
+    /** @private */
+    slot: string;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,5 @@
+// src/workspace/panel-footer/panel-footer.css?inline
+var e = ":host{--padding: var(--nve-ref-space-sm);--border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);--gap: var(--nve-ref-space-xs);display:block;contain:none}[internal-host]{padding:var(--padding);display:flex;align-items:center;gap:var(--gap);border-top:var(--border-top)}";
+export { e as default };
+
+//# sourceMappingURL=panel-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel-footer.js","names":["panel_footer_default"],"sources":["../../../src/workspace/panel-footer/panel-footer.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n:host {\n  --padding: var(--nve-ref-space-sm);\n  --border-top: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --gap: var(--nve-ref-space-xs);\n  display: block;\n  contain: none;\n}\n\n[internal-host] {\n  padding: var(--padding);\n  display: flex;\n  align-items: center;\n  gap: var(--gap);\n  border-top: var(--border-top);\n}\n"],"mappings":""}

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

@@ -0,0 +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";
+// src/workspace/panel-footer/panel-footer.ts
+var o = class extends i {
+	constructor(...e) {
+		super(...e), this.slot = "footer";
+	}
+	static {
+		this.styles = t([r]);
+	}
+	static {
+		this.metadata = {
+			tag: "nve-workspace-panel-footer",
+			version: "2.23.0",
+			parents: ["nve-workspace-panel"]
+		};
+	}
+	render() {
+		return a`<div internal-host><slot></slot></div>`;
+	}
+};
+n([e()], o.prototype, "slot", void 0);
+export { o as WorkspacePanelFooter };
+
+//# sourceMappingURL=panel-footer2.js.map

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

@@ -0,0 +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"}