@nvidia-elements/core 2.22.4 → 2.23.0

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

@@ -0,0 +1,34 @@
+import type { ReactiveControllerHost } from 'lit';
+import type { WorkspaceCommandContext, WorkspacePlacementIntent } from '../utils/interaction/command.utils.js';
+import type { WorkspaceLayout } from '../utils/model/layout.utils.js';
+import type { WorkspacePanel } from '../panel/panel.js';
+type WorkspaceCommandHost = HTMLElement & ReactiveControllerHost & {
+    readonly closable: boolean;
+    readonly rearrangeable: boolean;
+};
+interface WorkspaceCommandDelegate {
+    readonly getState: () => {
+        panels: WorkspacePanel[];
+        layout?: WorkspaceLayout;
+    };
+    readonly isRearrangementAllowed: () => boolean;
+    readonly isPlacementAvailable: (source: string[], intent: WorkspacePlacementIntent) => boolean;
+    readonly canEnterFullscreen: (targetPanelId: string) => boolean;
+    readonly canExitFullscreen: () => boolean;
+    readonly isFullscreenGroup: (targetPanelId: string) => boolean;
+    readonly enterFullscreen: (targetPanelId: string) => void;
+    readonly exitFullscreen: () => void;
+    readonly activatePanel: (anchor: string, operation: 'open' | 'select') => void;
+    readonly closePanel: (anchor: string) => void;
+    readonly placePanel: (source: string[], intent: WorkspacePlacementIntent) => void;
+}
+export declare class WorkspaceCommandController {
+    #private;
+    constructor(host: WorkspaceCommandHost, delegate: WorkspaceCommandDelegate);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    isCommandAvailable(command: string, context?: WorkspaceCommandContext): boolean;
+    invalidateAvailability(): void;
+    flushAvailability(): void;
+}
+export {};

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

@@ -0,0 +1,87 @@
+import { findWorkspaceCommandPanel as e, isWorkspaceCommandAvailable as t, isWorkspacePlacement as n, resolveWorkspacePlacement as r } from "../utils/interaction/command.utils.js";
+// src/workspace/controllers/workspace-command.controller.ts
+var i = class {
+	#e;
+	#t;
+	#n = !1;
+	constructor(e, t) {
+		this.#e = e, this.#t = t, e.addController(this);
+	}
+	hostConnected() {
+		this.#e.addEventListener("command", this.#r, !0), this.invalidateAvailability();
+	}
+	hostDisconnected() {
+		this.#e.removeEventListener("command", this.#r, !0), this.#n = !1;
+	}
+	isCommandAvailable(e, n = {}) {
+		if (e === "--place" && !this.#t.isRearrangementAllowed()) return !1;
+		let r = this.#t.getState();
+		return t({
+			command: e,
+			context: n,
+			...r,
+			closable: this.#e.closable,
+			rearrangeable: this.#e.rearrangeable,
+			available: r.panels.map((e) => e.id),
+			placementAvailable: this.#t.isPlacementAvailable,
+			canEnterFullscreen: this.#t.canEnterFullscreen,
+			canExitFullscreen: this.#t.canExitFullscreen,
+			isFullscreenGroup: this.#t.isFullscreenGroup
+		});
+	}
+	invalidateAvailability() {
+		this.#n = !0, this.#e.requestUpdate();
+	}
+	flushAvailability() {
+		this.#n && this.#e.isConnected && (this.#n = !1, this.#e.dispatchEvent(new Event("commandavailabilitychange", {
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	#r = (t) => {
+		if (!t.command || !this.#a(t)) return;
+		let n = e(this.#e, this.#t.getState().panels, t);
+		n && (t.command === "--place" ? this.#i(n.id, t.source?.placement) : this.isCommandAvailable(t.command, {
+			value: n.id,
+			placement: t.source?.placement
+		}) && this.#o(t.command, n.id));
+	};
+	#i(e, t) {
+		if (!this.#e.rearrangeable || !this.#t.isRearrangementAllowed() || !n(t)) return;
+		let { layout: i, panels: a } = this.#t.getState();
+		if (!i) return;
+		let o = r({
+			layout: i,
+			available: a.map((e) => e.id),
+			anchor: e,
+			placement: t
+		});
+		o && this.#t.placePanel(o.source, o.intent);
+	}
+	#a(e) {
+		return !e.defaultPrevented && !e.source?.disabled && !e.source?.readOnly;
+	}
+	#o(e, t) {
+		switch (e) {
+			case "--open":
+				this.#t.activatePanel(t, "open");
+				break;
+			case "--select":
+				this.#t.activatePanel(t, "select");
+				break;
+			case "--close":
+				this.#t.closePanel(t);
+				break;
+			case "--enter-fullscreen":
+				this.#t.enterFullscreen(t);
+				break;
+			case "--exit-fullscreen":
+				this.#t.exitFullscreen();
+				break;
+			case "--toggle-fullscreen": this.#t.isFullscreenGroup(t) ? this.#t.exitFullscreen() : this.#t.enterFullscreen(t);
+		}
+	}
+};
+export { i as WorkspaceCommandController };
+
+//# sourceMappingURL=workspace-command.controller.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-command.controller.js","names":["WorkspaceCommandController","#host","host","#delegate","delegate","#command","#availabilityInvalid","command","state","isWorkspaceCommandAvailable","panel","event","#allowsCommand","findWorkspaceCommandPanel","#place","#dispatch","isWorkspacePlacement","placement","layout","request","resolveWorkspacePlacement","panels","anchor"],"sources":["../../../src/workspace/controllers/workspace-command.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 {\n  findWorkspaceCommandPanel,\n  isWorkspaceCommandAvailable,\n  isWorkspacePlacement,\n  resolveWorkspacePlacement\n} from '../utils/interaction/command.utils.js';\n\nimport type {\n  WorkspaceCommandContext,\n  WorkspaceCommandEvent,\n  WorkspacePlacementIntent\n} from '../utils/interaction/command.utils.js';\nimport type { WorkspaceLayout } from '../utils/model/layout.utils.js';\n\nimport type { WorkspacePanel } from '../panel/panel.js';\n\ntype WorkspaceCommandHost = HTMLElement &\n  ReactiveControllerHost & {\n    readonly closable: boolean;\n    readonly rearrangeable: boolean;\n  };\n\ninterface WorkspaceCommandDelegate {\n  readonly getState: () => {\n    panels: WorkspacePanel[];\n    layout?: WorkspaceLayout;\n  };\n  readonly isRearrangementAllowed: () => boolean;\n  readonly isPlacementAvailable: (source: string[], intent: WorkspacePlacementIntent) => boolean;\n  readonly canEnterFullscreen: (targetPanelId: string) => boolean;\n  readonly canExitFullscreen: () => boolean;\n  readonly isFullscreenGroup: (targetPanelId: string) => boolean;\n  readonly enterFullscreen: (targetPanelId: string) => void;\n  readonly exitFullscreen: () => void;\n  readonly activatePanel: (anchor: string, operation: 'open' | 'select') => void;\n  readonly closePanel: (anchor: string) => void;\n  readonly placePanel: (source: string[], intent: WorkspacePlacementIntent) => void;\n}\n\nexport class WorkspaceCommandController {\n  readonly #host: WorkspaceCommandHost;\n  readonly #delegate: WorkspaceCommandDelegate;\n  #availabilityInvalid = false;\n\n  constructor(host: WorkspaceCommandHost, delegate: WorkspaceCommandDelegate) {\n    this.#host = host;\n    this.#delegate = delegate;\n    host.addController(this);\n  }\n\n  hostConnected() {\n    this.#host.addEventListener('command', this.#command, true);\n    this.invalidateAvailability();\n  }\n\n  hostDisconnected() {\n    this.#host.removeEventListener('command', this.#command, true);\n    this.#availabilityInvalid = false;\n  }\n\n  isCommandAvailable(command: string, context: WorkspaceCommandContext = {}): boolean {\n    if (command === '--place' && !this.#delegate.isRearrangementAllowed()) {\n      return false;\n    }\n\n    const state = this.#delegate.getState();\n    return isWorkspaceCommandAvailable({\n      command,\n      context,\n      ...state,\n      closable: this.#host.closable,\n      rearrangeable: this.#host.rearrangeable,\n      available: state.panels.map(panel => panel.id),\n      placementAvailable: this.#delegate.isPlacementAvailable,\n      canEnterFullscreen: this.#delegate.canEnterFullscreen,\n      canExitFullscreen: this.#delegate.canExitFullscreen,\n      isFullscreenGroup: this.#delegate.isFullscreenGroup\n    });\n  }\n\n  invalidateAvailability() {\n    this.#availabilityInvalid = true;\n    this.#host.requestUpdate();\n  }\n\n  flushAvailability() {\n    if (!this.#availabilityInvalid || !this.#host.isConnected) return;\n    this.#availabilityInvalid = false;\n    this.#host.dispatchEvent(new Event('commandavailabilitychange', { bubbles: true, composed: true }));\n  }\n\n  #command = (event: WorkspaceCommandEvent) => {\n    if (!event.command || !this.#allowsCommand(event)) return;\n    const panel = findWorkspaceCommandPanel(this.#host, this.#delegate.getState().panels, event);\n    if (!panel) return;\n    if (event.command === '--place') {\n      this.#place(panel.id, event.source?.placement);\n      return;\n    }\n    if (!this.isCommandAvailable(event.command, { value: panel.id, placement: event.source?.placement })) return;\n    this.#dispatch(event.command, panel.id);\n  };\n\n  #place(anchor: string, placement: unknown) {\n    if (!this.#host.rearrangeable || !this.#delegate.isRearrangementAllowed() || !isWorkspacePlacement(placement)) {\n      return;\n    }\n    const { layout, panels } = this.#delegate.getState();\n    if (!layout) {\n      return;\n    }\n    const request = resolveWorkspacePlacement({\n      layout,\n      available: panels.map(panel => panel.id),\n      anchor,\n      placement\n    });\n    if (request) {\n      this.#delegate.placePanel(request.source, request.intent);\n    }\n  }\n\n  #allowsCommand(event: WorkspaceCommandEvent) {\n    return !event.defaultPrevented && !event.source?.disabled && !event.source?.readOnly;\n  }\n\n  #dispatch(command: string, anchor: string) {\n    switch (command) {\n      case '--open':\n        this.#delegate.activatePanel(anchor, 'open');\n        break;\n      case '--select':\n        this.#delegate.activatePanel(anchor, 'select');\n        break;\n      case '--close':\n        this.#delegate.closePanel(anchor);\n        break;\n      case '--enter-fullscreen':\n        this.#delegate.enterFullscreen(anchor);\n        break;\n      case '--exit-fullscreen':\n        this.#delegate.exitFullscreen();\n        break;\n      case '--toggle-fullscreen':\n        if (this.#delegate.isFullscreenGroup(anchor)) {\n          this.#delegate.exitFullscreen();\n        } else {\n          this.#delegate.enterFullscreen(anchor);\n        }\n        break;\n    }\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+import type { ReactiveControllerHost } from 'lit';
+import type { WorkspaceDragPreview } from '../utils/interaction/drag-preview.utils.js';
+import type { WorkspaceLayout } from '../utils/model/layout.utils.js';
+import type { WorkspacePresentedGroup } from '../utils/presentation/groups.utils.js';
+import type { WorkspaceMeasurements } from '../utils/presentation/measurements.utils.js';
+import type { WorkspacePanelHeader } from '../panel-header/panel-header.js';
+import type { WorkspacePanel } from '../panel/panel.js';
+export interface WorkspacePanelTransitionTargets {
+    element: WorkspacePanel;
+    header: ReturnType<WorkspacePanelHeader['_getTransitionTargets']> | undefined;
+}
+export interface WorkspaceTransitionTargets {
+    panels: ReadonlyMap<string, WorkspacePanelTransitionTargets>;
+    groups: {
+        element: HTMLElement;
+        tabs: ReadonlyMap<string, HTMLElement>;
+    }[];
+    gutters: ReadonlyMap<string, HTMLElement>;
+}
+interface WorkspaceCompositionDelegate {
+    readonly getPanels: () => WorkspacePanel[];
+    readonly getGroups: () => WorkspacePresentedGroup[];
+    readonly getLayout: () => WorkspaceLayout | undefined;
+    readonly getPreview: () => WorkspaceDragPreview | undefined;
+    readonly scrollChanged: () => void;
+}
+interface WorkspaceCompositionPresentation {
+    groups: WorkspacePresentedGroup[];
+    extent: {
+        width: number;
+        height: number;
+    };
+    container?: 'inset' | 'flat' | 'full';
+    measurements: WorkspaceMeasurements;
+    closable: boolean;
+    animate: boolean;
+    source: string[];
+    scroll(group: WorkspacePresentedGroup): number;
+}
+/** Synchronizes supplied panels and projected headers with their computed group presentation. */
+export declare class WorkspaceCompositionController {
+    #private;
+    constructor(host: HTMLElement & ReactiveControllerHost, delegate: WorkspaceCompositionDelegate);
+    hostDisconnected(): void;
+    captureFocus(): void;
+    applyPresentation(input: WorkspaceCompositionPresentation): void;
+    sync(): void;
+    getTransitionTargets(): WorkspaceTransitionTargets;
+    getGroupIdentity(group: WorkspacePresentedGroup): string;
+    findTabStrip(group: WorkspacePresentedGroup): HTMLElement | null | undefined;
+    handleScroll(group: WorkspacePresentedGroup, event: Event): void;
+    setHeaderHovered(id: string, hovered: boolean): void;
+}
+export {};

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

@@ -0,0 +1,169 @@
+import { getActiveElement as e } from "../../internal/utils/focus.js";
+import { focusWorkspacePanel as t, getPanelLabel as n } from "../utils/presentation/composition.utils.js";
+import { getAllocatedTabWidth as r, getTabStripIdentity as i } from "../utils/presentation/groups.utils.js";
+// src/workspace/controllers/workspace-composition.controller.ts
+var a = class {
+	#e;
+	#t;
+	#n;
+	constructor(e, t) {
+		this.#e = e, this.#t = t, e.addController(this);
+	}
+	hostDisconnected() {
+		this.#n = void 0;
+	}
+	captureFocus() {
+		this.#n = this.#t.getPreview() ? void 0 : l(this.#e);
+	}
+	applyPresentation(e) {
+		let t = e.groups.map((t) => ({
+			group: t,
+			scrollLeft: e.scroll(t)
+		}));
+		for (let { group: n, scrollLeft: r } of t) o(e, n, r);
+		let n = new Set(e.groups.flatMap((e) => e.panels));
+		this.#t.getPanels().forEach((t) => {
+			t._present(n.has(t) && !e.source.includes(t.id));
+		});
+	}
+	sync() {
+		let e = this.#t.getPanels(), t = this.#t.getGroups(), n = this.#t.getPreview();
+		s(e, t.map((e) => ({
+			group: e,
+			strip: this.findTabStrip(e)
+		}))), c(this.#e, t, {
+			panels: e,
+			carried: (e) => n?.source.includes(e) ?? !1
+		}), n || u(this.#e, t, this.#n), this.#n = void 0;
+	}
+	getTransitionTargets() {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of this.#t.getPanels()) {
+			if (!t.checkVisibility()) continue;
+			let n = t.querySelector(":scope > nve-workspace-panel-header");
+			e.set(t.id, {
+				element: t,
+				header: n?._getTransitionTargets()
+			});
+		}
+		let t = /* @__PURE__ */ new Map();
+		for (let e of this.#e.shadowRoot?.querySelectorAll("[data-boundary]") ?? []) e.parentElement && t.set(e.dataset.boundary, e.parentElement);
+		return {
+			panels: e,
+			groups: f(this.#e),
+			gutters: t
+		};
+	}
+	getGroupIdentity(e) {
+		return i(this.#t.getLayout()?.root ?? null, e.panels.map((e) => e.id), this.#t.getPreview()?.source ?? []);
+	}
+	findTabStrip(e) {
+		return this.#e.shadowRoot?.querySelector(`[data-group="${CSS.escape(this.getGroupIdentity(e))}"]`);
+	}
+	handleScroll(e, t) {
+		let n = t.currentTarget;
+		if (!(n instanceof HTMLElement)) return;
+		let r = n.scrollLeft;
+		for (let t of e.panels) t.querySelector(":scope > nve-workspace-panel-header")?._scroll(r);
+		this.#t.scrollChanged();
+	}
+	setHeaderHovered(e, t) {
+		this.#t.getPanels().find((t) => t.id === e)?.querySelector(":scope > nve-workspace-panel-header")?._hover(t);
+	}
+};
+function o(e, t, n) {
+	let { headerHeight: i, actionWidth: a } = e.measurements, o = r(t, e.measurements), s = e.measurements.groupActionWidth ?? 0, c = (e.measurements.panels?.[t.active]?.suffixWidth ?? 0) + s;
+	t.panels.forEach((r, l) => {
+		if (e.source.includes(r.id)) return;
+		e.container && r.getAttribute("container") !== e.container ? r.setAttribute("container", e.container) : e.container || r.removeAttribute("container"), r.setAttribute("role", t.tabbed ? "tabpanel" : "group"), r.setAttribute("aria-hidden", String(t.active !== r.id));
+		let u = t.rect;
+		Object.assign(r.style, {
+			left: `${u.x}px`,
+			top: `${u.y}px`,
+			width: `${u.width}px`,
+			height: `${u.height}px`
+		}), r.style.setProperty("--_workspace-border-right", e.measurements.gap === 0 && u.x + u.width < e.extent.width - 1e-6 ? "none" : "var(--border)"), r.style.setProperty("--_workspace-border-bottom", e.measurements.gap === 0 && u.y + u.height < e.extent.height - 1e-6 ? "none" : "var(--border)"), r._configure({
+			selected: t.active === r.id,
+			offset: t.gripWidth + l * o,
+			scrollLeft: n,
+			animate: e.animate,
+			tabWidth: Math.max(0, o - a * Number(e.closable)),
+			headerHeight: i,
+			suffixEnd: s,
+			clipLeft: t.gripWidth,
+			clipWidth: Math.max(0, u.width - t.gripWidth - c)
+		});
+	});
+}
+function s(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let { group: e, strip: r } of t) {
+		if (!r || e.panels.length < 2) continue;
+		let t = {
+			source: r,
+			extent: Math.max(0, r.scrollWidth - r.clientWidth)
+		};
+		for (let r of e.panels) n.set(r, t);
+	}
+	for (let t of e) {
+		let e = n.get(t);
+		t.querySelector(":scope > nve-workspace-panel-header")?._bindScroll(e?.source, e?.extent ?? 0);
+	}
+}
+function c(e, t, r) {
+	r.panels.forEach((e) => {
+		e.hasAttribute("aria-labelledby") && e.removeAttribute("aria-labelledby");
+	}), t.forEach((t) => t.panels.forEach((i) => {
+		if (r.carried(i.id)) return;
+		let a = e.shadowRoot?.querySelector(`[data-panel="${CSS.escape(i.id)}"]`), o = n(r.panels, i.id);
+		i.setAttribute("aria-label", o), t.tabbed && a?.localName === "nve-tabs-item" && (a.ariaControlsElements = [i], a.setAttribute("aria-label", o));
+	}));
+}
+function l(e) {
+	let t = e.shadowRoot?.activeElement;
+	if (!t || !(t instanceof HTMLElement) || !t.closest(".tabs")) return;
+	let n = t.dataset.panel ?? t.dataset.close ?? t.dataset.dragGroup;
+	if (n) return {
+		element: t,
+		id: n,
+		close: t.hasAttribute("data-close"),
+		members: [...t.closest(".tabs")?.querySelectorAll("[data-panel]") ?? []].map((e) => e.dataset.panel)
+	};
+}
+function u(e, n, r) {
+	if (!r || !d(e, r)) return;
+	let i = n.find((e) => e.panels.some((e) => e.id === r.id)) ?? n.find((e) => e.panels.some((e) => r.members.includes(e.id)));
+	if (!i) return;
+	let a = i.panels.some((e) => e.id === r.id) ? r.id : i.active, o = r.close && a === r.id ? e.shadowRoot?.querySelector(`[data-close="${CSS.escape(a)}"]`) : void 0;
+	o ? o.focus({ preventScroll: !0 }) : t(e, {
+		id: a,
+		preserveScroll: !0
+	});
+}
+function d(t, n) {
+	if (n.element.isConnected && !n.element.closest("[inert]")) return !1;
+	let r = e(t.ownerDocument);
+	return !r || [
+		t,
+		t.ownerDocument.body,
+		n.element
+	].some((e) => e === r) ? !0 : !(r.isConnected && !r.closest("[inert]"));
+}
+function f(e) {
+	let t = [];
+	for (let n of e.shadowRoot?.querySelectorAll(".group-chrome") ?? []) {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of n.querySelectorAll("[data-panel]")) {
+			let n = t.closest(".tab-entry");
+			n && t.dataset.panel && e.set(t.dataset.panel, n);
+		}
+		t.push({
+			element: n,
+			tabs: e
+		});
+	}
+	return t;
+}
+export { a as WorkspaceCompositionController };
+
+//# sourceMappingURL=workspace-composition.controller.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-composition.controller.js","names":["WorkspaceCompositionController","#host","host","#delegate","delegate","#headerFocus","captureHeaderFocus","presentations","input","group","scrollLeft","visible","panel","panels","groups","preview","bindTabScroll","configureSemantics","id","recoverHeaderFocus","header","gutters","handle","getGroupTransitionTargets","getTabStripIdentity","strip","event","offset","hovered","configureGroup","tabWidth","getAllocatedTabWidth","groupActionWidth","suffixWidth","rect","index","actionWidth","bindings","binding","options","title","name","getPanelLabel","element","item","previous","shouldRecoverHeaderFocus","close","focusWorkspacePanel","active","getActiveElement","tabs","tab","entry"],"sources":["../../../src/workspace/controllers/workspace-composition.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 { getActiveElement } from '@nvidia-elements/core/internal';\n\nimport { focusWorkspacePanel, getPanelLabel } from '../utils/presentation/composition.utils.js';\nimport { getAllocatedTabWidth, getTabStripIdentity } from '../utils/presentation/groups.utils.js';\n\nimport type { WorkspaceDragPreview } from '../utils/interaction/drag-preview.utils.js';\nimport type { WorkspaceLayout } from '../utils/model/layout.utils.js';\nimport type { WorkspacePresentedGroup } from '../utils/presentation/groups.utils.js';\nimport type { WorkspaceMeasurements } from '../utils/presentation/measurements.utils.js';\n\nimport type { WorkspacePanelHeader } from '../panel-header/panel-header.js';\nimport type { WorkspacePanel } from '../panel/panel.js';\n\nexport interface WorkspacePanelTransitionTargets {\n  element: WorkspacePanel;\n  header: ReturnType<WorkspacePanelHeader['_getTransitionTargets']> | undefined;\n}\n\nexport interface WorkspaceTransitionTargets {\n  panels: ReadonlyMap<string, WorkspacePanelTransitionTargets>;\n  groups: { element: HTMLElement; tabs: ReadonlyMap<string, HTMLElement> }[];\n  gutters: ReadonlyMap<string, HTMLElement>;\n}\n\ninterface WorkspaceCompositionDelegate {\n  readonly getPanels: () => WorkspacePanel[];\n  readonly getGroups: () => WorkspacePresentedGroup[];\n  readonly getLayout: () => WorkspaceLayout | undefined;\n  readonly getPreview: () => WorkspaceDragPreview | undefined;\n  readonly scrollChanged: () => void;\n}\n\ninterface WorkspaceCompositionPresentation {\n  groups: WorkspacePresentedGroup[];\n  extent: { width: number; height: number };\n  container?: 'inset' | 'flat' | 'full';\n  measurements: WorkspaceMeasurements;\n  closable: boolean;\n  animate: boolean;\n  source: string[];\n  scroll(group: WorkspacePresentedGroup): number;\n}\n\ninterface HeaderFocus {\n  element: HTMLElement;\n  id: string;\n  close: boolean;\n  members: string[];\n}\n\n/** Synchronizes supplied panels and projected headers with their computed group presentation. */\nexport class WorkspaceCompositionController {\n  readonly #host: HTMLElement & ReactiveControllerHost;\n  readonly #delegate: WorkspaceCompositionDelegate;\n  #headerFocus?: HeaderFocus;\n\n  constructor(host: HTMLElement & ReactiveControllerHost, delegate: WorkspaceCompositionDelegate) {\n    this.#host = host;\n    this.#delegate = delegate;\n    host.addController(this);\n  }\n\n  hostDisconnected() {\n    this.#headerFocus = undefined;\n  }\n\n  captureFocus() {\n    this.#headerFocus = this.#delegate.getPreview() ? undefined : captureHeaderFocus(this.#host);\n  }\n\n  applyPresentation(input: WorkspaceCompositionPresentation) {\n    const presentations = input.groups.map(group => ({ group, scrollLeft: input.scroll(group) }));\n    for (const { group, scrollLeft } of presentations) {\n      configureGroup(input, group, scrollLeft);\n    }\n    const visible = new Set(input.groups.flatMap(group => group.panels));\n    this.#delegate.getPanels().forEach(panel => {\n      panel._present(visible.has(panel) && !input.source.includes(panel.id));\n    });\n  }\n\n  sync() {\n    const panels = this.#delegate.getPanels();\n    const groups = this.#delegate.getGroups();\n    const preview = this.#delegate.getPreview();\n    bindTabScroll(\n      panels,\n      groups.map(group => ({ group, strip: this.findTabStrip(group) }))\n    );\n    configureSemantics(this.#host, groups, { panels, carried: id => preview?.source.includes(id) ?? false });\n    if (!preview) {\n      recoverHeaderFocus(this.#host, groups, this.#headerFocus);\n    }\n    this.#headerFocus = undefined;\n  }\n\n  getTransitionTargets(): WorkspaceTransitionTargets {\n    const panels = new Map<string, WorkspacePanelTransitionTargets>();\n    for (const panel of this.#delegate.getPanels()) {\n      if (!panel.checkVisibility()) continue;\n      const header = panel.querySelector<WorkspacePanelHeader>(':scope > nve-workspace-panel-header');\n      panels.set(panel.id, { element: panel, header: header?._getTransitionTargets() });\n    }\n    const gutters = new Map<string, HTMLElement>();\n    for (const handle of this.#host.shadowRoot?.querySelectorAll<HTMLElement>('[data-boundary]') ?? []) {\n      if (handle.parentElement) {\n        gutters.set(handle.dataset.boundary!, handle.parentElement);\n      }\n    }\n    return { panels, groups: getGroupTransitionTargets(this.#host), gutters };\n  }\n\n  getGroupIdentity(group: WorkspacePresentedGroup) {\n    return getTabStripIdentity(\n      this.#delegate.getLayout()?.root ?? null,\n      group.panels.map(panel => panel.id),\n      this.#delegate.getPreview()?.source ?? []\n    );\n  }\n\n  findTabStrip(group: WorkspacePresentedGroup) {\n    return this.#host.shadowRoot?.querySelector<HTMLElement>(\n      `[data-group=\"${CSS.escape(this.getGroupIdentity(group))}\"]`\n    );\n  }\n\n  handleScroll(group: WorkspacePresentedGroup, event: Event) {\n    const strip = event.currentTarget;\n    if (!(strip instanceof HTMLElement)) return;\n    const offset = strip.scrollLeft;\n    for (const panel of group.panels) {\n      panel.querySelector<WorkspacePanelHeader>(':scope > nve-workspace-panel-header')?._scroll(offset);\n    }\n    this.#delegate.scrollChanged();\n  }\n\n  setHeaderHovered(id: string, hovered: boolean) {\n    this.#delegate\n      .getPanels()\n      .find(panel => panel.id === id)\n      ?.querySelector<WorkspacePanelHeader>(':scope > nve-workspace-panel-header')\n      ?._hover(hovered);\n  }\n}\n\nfunction configureGroup(input: WorkspaceCompositionPresentation, group: WorkspacePresentedGroup, scrollLeft: number) {\n  const { headerHeight, actionWidth } = input.measurements;\n  const tabWidth = getAllocatedTabWidth(group, input.measurements);\n  const groupActionWidth = input.measurements.groupActionWidth ?? 0;\n  const suffixWidth = (input.measurements.panels?.[group.active]?.suffixWidth ?? 0) + groupActionWidth;\n  group.panels.forEach((panel, index) => {\n    if (input.source.includes(panel.id)) return;\n    if (input.container && panel.getAttribute('container') !== input.container) {\n      panel.setAttribute('container', input.container);\n    } else if (!input.container) {\n      panel.removeAttribute('container');\n    }\n    panel.setAttribute('role', group.tabbed ? 'tabpanel' : 'group');\n    panel.setAttribute('aria-hidden', String(group.active !== panel.id));\n    const rect = group.rect;\n    Object.assign(panel.style, {\n      left: `${rect.x}px`,\n      top: `${rect.y}px`,\n      width: `${rect.width}px`,\n      height: `${rect.height}px`\n    });\n    panel.style.setProperty(\n      '--_workspace-border-right',\n      input.measurements.gap === 0 && rect.x + rect.width < input.extent.width - 0.000001 ? 'none' : 'var(--border)'\n    );\n    panel.style.setProperty(\n      '--_workspace-border-bottom',\n      input.measurements.gap === 0 && rect.y + rect.height < input.extent.height - 0.000001 ? 'none' : 'var(--border)'\n    );\n    panel._configure({\n      selected: group.active === panel.id,\n      offset: group.gripWidth + index * tabWidth,\n      scrollLeft,\n      animate: input.animate,\n      tabWidth: Math.max(0, tabWidth - actionWidth * Number(input.closable)),\n      headerHeight,\n      suffixEnd: groupActionWidth,\n      clipLeft: group.gripWidth,\n      clipWidth: Math.max(0, rect.width - group.gripWidth - suffixWidth)\n    });\n  });\n}\n\nfunction bindTabScroll(\n  panels: WorkspacePanel[],\n  groups: { group: WorkspacePresentedGroup; strip: HTMLElement | null | undefined }[]\n) {\n  const bindings = new Map<WorkspacePanel, { source: HTMLElement; extent: number }>();\n  for (const { group, strip } of groups) {\n    if (!strip || group.panels.length < 2) continue;\n    const binding = { source: strip, extent: Math.max(0, strip.scrollWidth - strip.clientWidth) };\n    for (const panel of group.panels) {\n      bindings.set(panel, binding);\n    }\n  }\n  for (const panel of panels) {\n    const binding = bindings.get(panel);\n    panel\n      .querySelector<WorkspacePanelHeader>(':scope > nve-workspace-panel-header')\n      ?._bindScroll(binding?.source, binding?.extent ?? 0);\n  }\n}\n\nfunction configureSemantics(\n  host: HTMLElement,\n  groups: WorkspacePresentedGroup[],\n  options: { panels: WorkspacePanel[]; carried: (id: string) => boolean }\n) {\n  options.panels.forEach(panel => {\n    if (panel.hasAttribute('aria-labelledby')) {\n      panel.removeAttribute('aria-labelledby');\n    }\n  });\n  groups.forEach(group =>\n    group.panels.forEach(panel => {\n      if (options.carried(panel.id)) return;\n      const title = host.shadowRoot?.querySelector<HTMLElement>(`[data-panel=\"${CSS.escape(panel.id)}\"]`);\n      const name = getPanelLabel(options.panels, panel.id);\n      panel.setAttribute('aria-label', name);\n      if (group.tabbed && title?.localName === 'nve-tabs-item') {\n        title.ariaControlsElements = [panel];\n        title.setAttribute('aria-label', name);\n      }\n    })\n  );\n}\n\nfunction captureHeaderFocus(host: HTMLElement): HeaderFocus | undefined {\n  const element = host.shadowRoot?.activeElement;\n  if (!element || !(element instanceof HTMLElement) || !element.closest('.tabs')) return;\n  const id = element.dataset.panel ?? element.dataset.close ?? element.dataset.dragGroup;\n  if (!id) return;\n  return {\n    element,\n    id,\n    close: element.hasAttribute('data-close'),\n    members: [...(element.closest('.tabs')?.querySelectorAll<HTMLElement>('[data-panel]') ?? [])].map(\n      item => item.dataset.panel!\n    )\n  };\n}\n\nfunction recoverHeaderFocus(\n  host: HTMLElement & ReactiveControllerHost,\n  groups: WorkspacePresentedGroup[],\n  previous: HeaderFocus | undefined\n) {\n  if (!previous || !shouldRecoverHeaderFocus(host, previous)) return;\n  const group =\n    groups.find(item => item.panels.some(panel => panel.id === previous.id)) ??\n    groups.find(item => item.panels.some(panel => previous.members.includes(panel.id)));\n  if (!group) return;\n  const id = group.panels.some(panel => panel.id === previous.id) ? previous.id : group.active;\n  const close =\n    previous.close && id === previous.id\n      ? host.shadowRoot?.querySelector<HTMLElement>(`[data-close=\"${CSS.escape(id)}\"]`)\n      : undefined;\n  if (close) {\n    close.focus({ preventScroll: true });\n  } else {\n    void focusWorkspacePanel(host, { id, preserveScroll: true });\n  }\n}\n\nfunction shouldRecoverHeaderFocus(host: HTMLElement, previous: HeaderFocus): boolean {\n  if (previous.element.isConnected && !previous.element.closest('[inert]')) {\n    return false;\n  }\n  const active = getActiveElement(host.ownerDocument);\n  if (!active || [host, host.ownerDocument.body, previous.element].some(element => element === active)) {\n    return true;\n  }\n  if (active.isConnected && !active.closest('[inert]')) {\n    return false;\n  }\n  return true;\n}\n\nfunction getGroupTransitionTargets(host: HTMLElement): WorkspaceTransitionTargets['groups'] {\n  const groups: WorkspaceTransitionTargets['groups'] = [];\n  for (const element of host.shadowRoot?.querySelectorAll<HTMLElement>('.group-chrome') ?? []) {\n    const tabs = new Map<string, HTMLElement>();\n    for (const tab of element.querySelectorAll<HTMLElement>('[data-panel]')) {\n      const entry = tab.closest<HTMLElement>('.tab-entry');\n      if (entry && tab.dataset.panel) {\n        tabs.set(tab.dataset.panel, entry);\n      }\n    }\n    groups.push({ element, tabs });\n  }\n  return groups;\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+import type { ReactiveControllerHost } from 'lit';
+interface WorkspaceFullscreenHost extends HTMLElement, ReactiveControllerHost {
+    readonly fullscreenable: boolean;
+}
+interface WorkspaceFullscreenDelegate {
+    readonly getGroup: (targetPanelId: string) => string[];
+    readonly cancelInteractions: () => void;
+    readonly invalidateCommandAvailability: () => void;
+}
+/** Projects one durable group while the browser owns fullscreen admission and lifetime. */
+export declare class WorkspaceFullscreenController {
+    #private;
+    constructor(host: WorkspaceFullscreenHost, delegate: WorkspaceFullscreenDelegate);
+    get active(): boolean;
+    get targetPanelId(): string | undefined;
+    get canExit(): boolean;
+    hostConnected(): void;
+    hostDisconnected(): void;
+    hostUpdate(): void;
+    isSelectedGroup(targetPanelId: string): boolean;
+    canEnter(targetPanelId: string): boolean;
+    enter(targetPanelId: string): void;
+    exit(): void;
+}
+export {};

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

@@ -0,0 +1,84 @@
+// src/workspace/controllers/workspace-fullscreen.controller.ts
+var e = class {
+	#e;
+	#t;
+	#n;
+	#r;
+	#i = [];
+	#a;
+	constructor(e, t) {
+		this.#e = e, this.#t = t, e.addController(this);
+	}
+	get active() {
+		return this.#r !== void 0 && this.#c();
+	}
+	get targetPanelId() {
+		return this.active ? this.#r : void 0;
+	}
+	get canExit() {
+		return this.#r !== void 0;
+	}
+	hostConnected() {
+		this.#n = this.#e.ownerDocument, this.#n.addEventListener("fullscreenchange", this.#l);
+	}
+	hostDisconnected() {
+		this.#n?.removeEventListener("fullscreenchange", this.#l), this.#n = void 0, this.exit();
+	}
+	hostUpdate() {
+		if (!this.#r) return;
+		let e = this.#t.getGroup(this.#r);
+		if (e.length) {
+			this.#i = e;
+			return;
+		}
+		let t = this.#i.find((e) => this.#t.getGroup(e).length);
+		t ? (this.#r = t, this.#i = this.#t.getGroup(t), this.#t.invalidateCommandAvailability()) : this.exit();
+	}
+	isSelectedGroup(e) {
+		return this.#r !== void 0 && this.#t.getGroup(e).includes(this.#r);
+	}
+	canEnter(e) {
+		return this.isSelectedGroup(e) || !this.#e.fullscreenable || !this.#t.getGroup(e).length ? !1 : this.canExit || typeof this.#e.requestFullscreen == "function" && this.#e.ownerDocument.fullscreenEnabled;
+	}
+	enter(e) {
+		let t = this.#t.getGroup(e);
+		if (!t.length) return;
+		let n = this.#r !== void 0;
+		this.#t.cancelInteractions(), this.#r = e, this.#i = t, this.#t.invalidateCommandAvailability(), n || this.#o();
+	}
+	exit() {
+		this.#a = void 0, this.#c() ? this.#s() : this.#u();
+	}
+	async #o() {
+		let e = this.#e.requestFullscreen();
+		this.#a = e;
+		try {
+			await e, this.#a === e ? this.#l() : !this.#r && this.#c() && this.exit();
+		} catch {
+			this.#a === e && this.#u();
+		} finally {
+			this.#a === e && (this.#a = void 0);
+		}
+	}
+	async #s() {
+		try {
+			await this.#e.ownerDocument.exitFullscreen();
+		} catch {
+			this.#l();
+		}
+	}
+	#c() {
+		let e = this.#e.getRootNode();
+		return (e instanceof ShadowRoot ? e.fullscreenElement : this.#e.ownerDocument.fullscreenElement) === this.#e;
+	}
+	#l = () => {
+		this.#c() && this.#r ? (this.#t.invalidateCommandAvailability(), this.#e.requestUpdate()) : this.#c() ? this.exit() : this.#u();
+	};
+	#u() {
+		let e = this.#r !== void 0;
+		this.#a = void 0, this.#r = void 0, this.#i = [], e && this.#t.invalidateCommandAvailability(), this.#e.requestUpdate();
+	}
+};
+export { e as WorkspaceFullscreenController };
+
+//# sourceMappingURL=workspace-fullscreen.controller.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-fullscreen.controller.js","names":["WorkspaceFullscreenController","#host","host","#delegate","delegate","#targetPanelId","#isNativeFullscreen","#listeningDocument","#sync","groupPanelIds","#groupPanelIds","fallback","id","targetPanelId","switching","#requestFullscreen","#pendingRequest","#exitFullscreen","#reset","request","root","shouldInvalidateAvailability"],"sources":["../../../src/workspace/controllers/workspace-fullscreen.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\ninterface WorkspaceFullscreenHost extends HTMLElement, ReactiveControllerHost {\n  readonly fullscreenable: boolean;\n}\n\ninterface WorkspaceFullscreenDelegate {\n  readonly getGroup: (targetPanelId: string) => string[];\n  readonly cancelInteractions: () => void;\n  readonly invalidateCommandAvailability: () => void;\n}\n\n/** Projects one durable group while the browser owns fullscreen admission and lifetime. */\nexport class WorkspaceFullscreenController {\n  readonly #host: WorkspaceFullscreenHost;\n  readonly #delegate: WorkspaceFullscreenDelegate;\n  #listeningDocument?: Document;\n  #targetPanelId?: string;\n  #groupPanelIds: string[] = [];\n  #pendingRequest?: Promise<void>;\n\n  constructor(host: WorkspaceFullscreenHost, delegate: WorkspaceFullscreenDelegate) {\n    this.#host = host;\n    this.#delegate = delegate;\n    host.addController(this);\n  }\n\n  get active() {\n    return this.#targetPanelId !== undefined && this.#isNativeFullscreen();\n  }\n\n  get targetPanelId() {\n    return this.active ? this.#targetPanelId : undefined;\n  }\n\n  get canExit() {\n    return this.#targetPanelId !== undefined;\n  }\n\n  hostConnected() {\n    this.#listeningDocument = this.#host.ownerDocument;\n    this.#listeningDocument.addEventListener('fullscreenchange', this.#sync);\n  }\n\n  hostDisconnected() {\n    this.#listeningDocument?.removeEventListener('fullscreenchange', this.#sync);\n    this.#listeningDocument = undefined;\n    this.exit();\n  }\n\n  hostUpdate() {\n    if (!this.#targetPanelId) return;\n\n    const groupPanelIds = this.#delegate.getGroup(this.#targetPanelId);\n    if (groupPanelIds.length) {\n      this.#groupPanelIds = groupPanelIds;\n      return;\n    }\n\n    const fallback = this.#groupPanelIds.find(id => this.#delegate.getGroup(id).length);\n    if (fallback) {\n      this.#targetPanelId = fallback;\n      this.#groupPanelIds = this.#delegate.getGroup(fallback);\n      this.#delegate.invalidateCommandAvailability();\n    } else {\n      this.exit();\n    }\n  }\n\n  isSelectedGroup(targetPanelId: string) {\n    return this.#targetPanelId !== undefined && this.#delegate.getGroup(targetPanelId).includes(this.#targetPanelId);\n  }\n\n  canEnter(targetPanelId: string) {\n    if (this.isSelectedGroup(targetPanelId)) {\n      return false;\n    }\n    if (!this.#host.fullscreenable || !this.#delegate.getGroup(targetPanelId).length) {\n      return false;\n    }\n    return (\n      this.canExit || (typeof this.#host.requestFullscreen === 'function' && this.#host.ownerDocument.fullscreenEnabled)\n    );\n  }\n\n  enter(targetPanelId: string) {\n    const groupPanelIds = this.#delegate.getGroup(targetPanelId);\n    if (!groupPanelIds.length) return;\n\n    const switching = this.#targetPanelId !== undefined;\n\n    this.#delegate.cancelInteractions();\n    this.#targetPanelId = targetPanelId;\n    this.#groupPanelIds = groupPanelIds;\n    this.#delegate.invalidateCommandAvailability();\n    if (!switching) {\n      void this.#requestFullscreen();\n    }\n  }\n\n  exit() {\n    this.#pendingRequest = undefined;\n\n    if (this.#isNativeFullscreen()) {\n      void this.#exitFullscreen();\n    } else {\n      this.#reset();\n    }\n  }\n\n  async #requestFullscreen() {\n    const request = this.#host.requestFullscreen();\n    this.#pendingRequest = request;\n\n    try {\n      await request;\n\n      if (this.#pendingRequest === request) {\n        this.#sync();\n      } else if (!this.#targetPanelId && this.#isNativeFullscreen()) {\n        this.exit();\n      }\n    } catch {\n      if (this.#pendingRequest === request) {\n        this.#reset();\n      }\n    } finally {\n      if (this.#pendingRequest === request) {\n        this.#pendingRequest = undefined;\n      }\n    }\n  }\n\n  async #exitFullscreen() {\n    try {\n      await this.#host.ownerDocument.exitFullscreen();\n    } catch {\n      this.#sync();\n    }\n  }\n\n  #isNativeFullscreen() {\n    const root = this.#host.getRootNode();\n\n    return (\n      (root instanceof ShadowRoot ? root.fullscreenElement : this.#host.ownerDocument.fullscreenElement) === this.#host\n    );\n  }\n\n  #sync = () => {\n    if (this.#isNativeFullscreen() && this.#targetPanelId) {\n      this.#delegate.invalidateCommandAvailability();\n      this.#host.requestUpdate();\n    } else if (this.#isNativeFullscreen()) {\n      this.exit();\n    } else {\n      this.#reset();\n    }\n  };\n\n  #reset() {\n    const shouldInvalidateAvailability = this.#targetPanelId !== undefined;\n\n    this.#pendingRequest = undefined;\n    this.#targetPanelId = undefined;\n    this.#groupPanelIds = [];\n\n    if (shouldInvalidateAvailability) {\n      this.#delegate.invalidateCommandAvailability();\n    }\n\n    this.#host.requestUpdate();\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import type { ReactiveControllerHost } from 'lit';
+import type { WorkspaceMeasurementChange } from '../utils/presentation/measurements.utils.js';
+import type { WorkspacePanel } from '../panel/panel.js';
+interface WorkspaceMeasurementDelegate {
+    readonly getPanels: () => WorkspacePanel[];
+    readonly isPresented: (id: string) => boolean;
+    readonly isCarried: (id: string) => boolean;
+    readonly applyMeasurements: (change: WorkspaceMeasurementChange) => void;
+}
+/** Measures intrinsic controls and viewport dimensions independently of allocated group geometry. */
+export declare class WorkspaceMeasurementController {
+    #private;
+    constructor(host: HTMLElement & ReactiveControllerHost, delegate: WorkspaceMeasurementDelegate);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    hostUpdated(): void;
+    invalidate(): void;
+}
+export {};