@nvidia-elements/core 2.22.5 → 2.23.0

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 {};

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

@@ -0,0 +1,188 @@
+import { sameWorkspaceMeasurements as e } from "../utils/presentation/measurements.utils.js";
+// src/workspace/controllers/workspace-measurement.controller.ts
+var t = {
+	suffixWidth: 0,
+	footerHeight: 0
+}, n = class {
+	#e;
+	#t;
+	#n;
+	#r = /* @__PURE__ */ new Map();
+	#i = [];
+	#a;
+	#o;
+	#s;
+	#c;
+	#l = !0;
+	#u = !0;
+	#d;
+	constructor(e, t) {
+		this.#e = e, this.#t = t, e.addController(this);
+	}
+	hostConnected() {
+		this.invalidate(), this.#o = void 0, this.#n = new ResizeObserver((e) => {
+			let t = !1;
+			for (let n of e) t = this.#g(n) || t;
+			t && this.#v();
+		});
+	}
+	hostDisconnected() {
+		this.#n?.disconnect(), this.#r.clear(), this.#i = [], this.#a = void 0, this.#s = void 0, this.#o = void 0, this.#c = void 0;
+	}
+	hostUpdated() {
+		this.#l && this.#f(), this.#v();
+	}
+	invalidate() {
+		this.#l = !0, this.#u = !0;
+	}
+	#f() {
+		let e = this.#e.shadowRoot, t = e?.querySelector(".viewport") ?? void 0;
+		if (t !== this.#a && (this.#o = void 0), this.#a = t, this.#s = e?.querySelector("[data-chrome]") ?? void 0, !this.#a || !this.#s) return;
+		let n = /* @__PURE__ */ new Map(), r = (e, t) => {
+			e && n.set(e, {
+				width: NaN,
+				height: NaN,
+				...this.#r.get(e),
+				...t
+			});
+		};
+		r(this.#a, { axis: "both" });
+		for (let e of this.#s.querySelectorAll(".gap-probe, .tab-min-probe, .tab-probe, .chrome-header, .group-actions, nve-drag-handle, nve-icon-button")) r(e, { axis: "both" });
+		this.#p(r), this.#m(n), this.#l = !1;
+	}
+	#p(e) {
+		let t = new Map(this.#i.map((e) => [e.panel, e]));
+		this.#i = this.#t.getPanels().map((e) => r(e, t.get(e)));
+		for (let t of this.#i) e(t.label, {
+			axis: "height",
+			panel: t
+		}), e(t.suffix, {
+			axis: "both",
+			panel: t
+		}), e(t.footer, {
+			axis: "height",
+			panel: t
+		}), !t.header || t.label && t.suffix || this.#h(t);
+	}
+	#m(e) {
+		this.#r.forEach((t, n) => {
+			e.has(n) || this.#n?.unobserve(n);
+		}), e.forEach((e, t) => {
+			this.#r.has(t) || this.#n?.observe(t, t === this.#a ? void 0 : { box: "border-box" });
+		}), this.#r = e;
+	}
+	async #h(e) {
+		let t = e.header;
+		await t.updateComplete, this.#e.isConnected && t.parentElement === e.panel && e.panel.parentElement === this.#e && (this.invalidate(), this.#e.requestUpdate());
+	}
+	#g(e) {
+		if (e.target === this.#a) return this.#_();
+		let t = this.#r.get(e.target);
+		if (!t) return !1;
+		let { width: n, height: r } = e.target.getBoundingClientRect(), i = t.height !== r || !Number.isFinite(t.height) || t.axis === "both" && (t.width !== n || !Number.isFinite(t.width));
+		return t.width = n, t.height = r, i ? (t.panel ? t.panel.dirty = !0 : this.#u = !0, !0) : !1;
+	}
+	#_() {
+		if (!this.#a) return !1;
+		let e = this.#a.clientWidth, t = this.#a.clientHeight;
+		return e === this.#o?.width && t === this.#o.height ? !1 : (this.#o = {
+			width: e,
+			height: t
+		}, !0);
+	}
+	#v() {
+		if (!this.#a || !this.#s) return;
+		(this.#u || !this.#c) && (this.#c = i(this.#s), this.#u = !1), this.#o || this.#_();
+		let { panels: e, headerHeight: t } = this.#y(this.#c), n = {
+			gap: this.#c.gap,
+			gripWidth: this.#c.gripWidth,
+			actionWidth: this.#c.actionWidth,
+			groupActionWidth: this.#c.groupActionWidth,
+			tabWidth: this.#c.tabWidth,
+			tabMinWidth: this.#c.tabMinWidth,
+			panels: e,
+			headerHeight: t,
+			width: this.#o.width,
+			height: this.#o.height
+		};
+		this.#x(n);
+	}
+	#y(e) {
+		let n = Object.create(null), r = e.headerHeight;
+		for (let i of this.#i) {
+			let a = this.#t.isPresented(i.panel.id), o = !a && this.#t.isCarried(i.panel.id);
+			this.#b(i, a), n[i.panel.id] = a || o ? i.measurements : t, (a || o) && (r = Math.max(r, i.labelHeight, i.suffixHeight), i.header || (r = Math.max(r, e.headerlessHeight)));
+		}
+		return {
+			panels: n,
+			headerHeight: r
+		};
+	}
+	#b(e, t) {
+		let n = e.dirty || t && !e.presented;
+		if (e.presented = t, !t || !n) return;
+		let { suffixWidth: r, suffixHeight: i } = a(e.suffix), s = o(e, e.measurements.footerHeight);
+		(r !== e.measurements.suffixWidth || s !== e.measurements.footerHeight) && (e.measurements = {
+			suffixWidth: r,
+			footerHeight: s
+		}), e.suffixHeight = i, e.labelHeight = c(e.label, "height"), e.dirty = !1;
+	}
+	#x(t) {
+		let n = this.#d;
+		if (e(n, t)) return;
+		let r = t.width !== (n?.width ?? 0) || t.height !== (n?.height ?? 0) || t.gap !== (n?.gap ?? 0);
+		this.#d = t, this.#t.applyMeasurements({
+			measurements: t,
+			spaceChanged: r
+		});
+	}
+};
+function r(e, n) {
+	let r = n ?? {
+		panel: e,
+		header: null,
+		label: null,
+		suffix: null,
+		footer: null,
+		dirty: !0,
+		presented: !1,
+		labelHeight: 0,
+		suffixHeight: 0,
+		measurements: t
+	}, i = e.querySelector(":scope > nve-workspace-panel-header"), a = i?._getMeasurementTargets(), o = a?.label ?? null;
+	return r.label !== o && (r.labelHeight = 0), r.header = i, r.label = o, r.suffix = a?.suffix ?? null, r.footer = e.querySelector(":scope > nve-workspace-panel-footer"), r.dirty = !0, r;
+}
+function i(e) {
+	return {
+		gap: c(e.querySelector(".gap-probe"), "width"),
+		headerHeight: Math.max(c(e.querySelector(".tab-probe"), "height"), c(e.querySelector("nve-drag-handle"), "height"), c(e.querySelector("[part~=\"close-button\"]"), "height"), c(e.querySelector("[part~=\"fullscreen-button\"]"), "height")),
+		headerlessHeight: c(e.querySelector(".chrome-header"), "height"),
+		gripWidth: c(e.querySelector("nve-drag-handle"), "width"),
+		tabWidth: c(e.querySelector(".tab-probe"), "width"),
+		tabMinWidth: c(e.querySelector(".tab-min-probe"), "width"),
+		actionWidth: s(e),
+		groupActionWidth: c(e.querySelector(".group-actions"), "width")
+	};
+}
+function a(e) {
+	return e ? {
+		suffixWidth: c(e, "width"),
+		suffixHeight: c(e, "height")
+	} : {
+		suffixWidth: 0,
+		suffixHeight: 0
+	};
+}
+function o(e, t) {
+	return e.panel.getAttribute("aria-hidden") !== "false" || !e.panel.shadowRoot?.querySelector(".content:not([hidden])") ? t : c(e.footer, "height");
+}
+function s(e) {
+	let t = e.querySelector("[part~=\"close-button\"]"), n = t?.closest("nve-tabs-item-group");
+	return t && n ? Math.max(0, n.getBoundingClientRect().right - t.getBoundingClientRect().left) : 0;
+}
+function c(e, t) {
+	return e?.getBoundingClientRect()[t] ?? 0;
+}
+export { n as WorkspaceMeasurementController };
+
+//# sourceMappingURL=workspace-measurement.controller.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-measurement.controller.js","names":["emptyPanelMeasurements","WorkspaceMeasurementController","#host","host","#delegate","delegate","#viewportExtent","#observer","changed","entry","entries","#updateObservation","#measure","#observed","#panels","#viewport","#probe","#intrinsic","#dirty","#discover","#probeDirty","root","viewport","observed","observe","node","options","#discoverPanels","#observeNodes","previous","item","discoverPanel","panel","#awaitHeader","header","#measureViewport","height","width","measureProbe","#measurePanels","measurements","#publish","panels","headerHeight","intrinsic","presented","carried","#measurePanel","refresh","measureSuffix","footerHeight","measureFooter","suffixWidth","suffixHeight","extent","#publishedMeasurements","sameWorkspaceMeasurements","spaceChanged","targets","label","probe","tabActionWidth","suffix","cached","button","group","element","axis"],"sources":["../../../src/workspace/controllers/workspace-measurement.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 { sameWorkspaceMeasurements } from '../utils/presentation/measurements.utils.js';\n\nimport type {\n  WorkspaceMeasurementChange,\n  WorkspaceMeasurements,\n  WorkspacePanelMeasurements\n} from '../utils/presentation/measurements.utils.js';\n\nimport type { WorkspacePanelHeader } from '../panel-header/panel-header.js';\nimport type { WorkspacePanel } from '../panel/panel.js';\n\ninterface WorkspaceMeasurementDelegate {\n  readonly getPanels: () => WorkspacePanel[];\n  readonly isPresented: (id: string) => boolean;\n  readonly isCarried: (id: string) => boolean;\n  readonly applyMeasurements: (change: WorkspaceMeasurementChange) => void;\n}\n\ninterface PanelMeasurement {\n  panel: WorkspacePanel;\n  header: WorkspacePanelHeader | null;\n  label: Element | null;\n  suffix: Element | null;\n  footer: Element | null;\n  dirty: boolean;\n  presented: boolean;\n  labelHeight: number;\n  suffixHeight: number;\n  measurements: WorkspacePanelMeasurements;\n}\n\ninterface Observation {\n  panel?: PanelMeasurement;\n  axis: 'height' | 'both';\n  width: number;\n  height: number;\n}\n\ntype ObserveNode = (node: Element | null, options: Pick<Observation, 'axis' | 'panel'>) => void;\n\nconst emptyPanelMeasurements: WorkspacePanelMeasurements = { suffixWidth: 0, footerHeight: 0 };\n\n/** Measures intrinsic controls and viewport dimensions independently of allocated group geometry. */\nexport class WorkspaceMeasurementController {\n  readonly #host: HTMLElement & ReactiveControllerHost;\n  readonly #delegate: WorkspaceMeasurementDelegate;\n\n  #observer?: ResizeObserver;\n  #observed = new Map<Element, Observation>();\n  #panels: PanelMeasurement[] = [];\n  #viewport?: HTMLElement;\n  #viewportExtent?: { width: number; height: number };\n  #probe?: Element;\n  #intrinsic?: ReturnType<typeof measureProbe>;\n  #dirty = true;\n  #probeDirty = true;\n  #publishedMeasurements?: WorkspaceMeasurements;\n\n  constructor(host: HTMLElement & ReactiveControllerHost, delegate: WorkspaceMeasurementDelegate) {\n    this.#host = host;\n    this.#delegate = delegate;\n    host.addController(this);\n  }\n\n  hostConnected() {\n    this.invalidate();\n    this.#viewportExtent = undefined;\n    this.#observer = new ResizeObserver(entries => {\n      let changed = false;\n      for (const entry of entries) {\n        changed = this.#updateObservation(entry) || changed;\n      }\n      if (changed) {\n        this.#measure();\n      }\n    });\n  }\n\n  hostDisconnected() {\n    this.#observer?.disconnect();\n    this.#observed.clear();\n    this.#panels = [];\n    this.#viewport = undefined;\n    this.#probe = undefined;\n    this.#viewportExtent = undefined;\n    this.#intrinsic = undefined;\n  }\n\n  hostUpdated() {\n    if (this.#dirty) {\n      this.#discover();\n    }\n    this.#measure();\n  }\n\n  invalidate() {\n    this.#dirty = true;\n    this.#probeDirty = true;\n  }\n\n  #discover() {\n    const root = this.#host.shadowRoot;\n    const viewport = root?.querySelector<HTMLElement>('.viewport') ?? undefined;\n    if (viewport !== this.#viewport) {\n      this.#viewportExtent = undefined;\n    }\n    this.#viewport = viewport;\n    this.#probe = root?.querySelector('[data-chrome]') ?? undefined;\n    if (!this.#viewport || !this.#probe) return;\n    const observed = new Map<Element, Observation>();\n    const observe = (node: Element | null, options: Pick<Observation, 'axis' | 'panel'>) => {\n      if (!node) return;\n      observed.set(node, { width: NaN, height: NaN, ...this.#observed.get(node), ...options });\n    };\n    observe(this.#viewport, { axis: 'both' });\n    for (const node of this.#probe.querySelectorAll(\n      '.gap-probe, .tab-min-probe, .tab-probe, .chrome-header, .group-actions, nve-drag-handle, nve-icon-button'\n    )) {\n      observe(node, { axis: 'both' });\n    }\n    this.#discoverPanels(observe);\n    this.#observeNodes(observed);\n    this.#dirty = false;\n  }\n\n  #discoverPanels(observe: ObserveNode) {\n    const previous = new Map(this.#panels.map(item => [item.panel, item]));\n    this.#panels = this.#delegate.getPanels().map(panel => discoverPanel(panel, previous.get(panel)));\n    for (const item of this.#panels) {\n      observe(item.label, { axis: 'height', panel: item });\n      observe(item.suffix, { axis: 'both', panel: item });\n      observe(item.footer, { axis: 'height', panel: item });\n      if (item.header && (!item.label || !item.suffix)) {\n        void this.#awaitHeader(item);\n      }\n    }\n  }\n\n  #observeNodes(observed: Map<Element, Observation>) {\n    this.#observed.forEach((_, node) => {\n      if (!observed.has(node)) {\n        this.#observer?.unobserve(node);\n      }\n    });\n    observed.forEach((_, node) => {\n      if (!this.#observed.has(node)) {\n        this.#observer?.observe(node, node === this.#viewport ? undefined : { box: 'border-box' });\n      }\n    });\n    this.#observed = observed;\n  }\n\n  async #awaitHeader(item: PanelMeasurement) {\n    const header = item.header!;\n    await header.updateComplete;\n\n    if (!this.#host.isConnected || header.parentElement !== item.panel || item.panel.parentElement !== this.#host) {\n      return;\n    }\n\n    this.invalidate();\n    this.#host.requestUpdate();\n  }\n\n  #updateObservation(entry: ResizeObserverEntry) {\n    if (entry.target === this.#viewport) return this.#measureViewport();\n    const observed = this.#observed.get(entry.target);\n    if (!observed) return false;\n    const { width, height } = entry.target.getBoundingClientRect();\n    const changed =\n      observed.height !== height ||\n      !Number.isFinite(observed.height) ||\n      (observed.axis === 'both' && (observed.width !== width || !Number.isFinite(observed.width)));\n    observed.width = width;\n    observed.height = height;\n    if (!changed) return false;\n    if (observed.panel) {\n      observed.panel.dirty = true;\n    } else {\n      this.#probeDirty = true;\n    }\n    return true;\n  }\n\n  #measureViewport() {\n    if (!this.#viewport) return false;\n    const width = this.#viewport.clientWidth;\n    const height = this.#viewport.clientHeight;\n    if (width === this.#viewportExtent?.width && height === this.#viewportExtent.height) return false;\n    this.#viewportExtent = { width, height };\n    return true;\n  }\n\n  #measure() {\n    if (!this.#viewport || !this.#probe) return;\n    if (this.#probeDirty || !this.#intrinsic) {\n      this.#intrinsic = measureProbe(this.#probe);\n      this.#probeDirty = false;\n    }\n    if (!this.#viewportExtent) {\n      this.#measureViewport();\n    }\n    const { panels, headerHeight } = this.#measurePanels(this.#intrinsic);\n    const measurements: WorkspaceMeasurements = {\n      gap: this.#intrinsic.gap,\n      gripWidth: this.#intrinsic.gripWidth,\n      actionWidth: this.#intrinsic.actionWidth,\n      groupActionWidth: this.#intrinsic.groupActionWidth,\n      tabWidth: this.#intrinsic.tabWidth,\n      tabMinWidth: this.#intrinsic.tabMinWidth,\n      panels,\n      headerHeight,\n      width: this.#viewportExtent!.width,\n      height: this.#viewportExtent!.height\n    };\n    this.#publish(measurements);\n  }\n\n  #measurePanels(intrinsic: ReturnType<typeof measureProbe>) {\n    const panels = Object.create(null) as Record<string, WorkspacePanelMeasurements>;\n    let headerHeight = intrinsic.headerHeight;\n    for (const item of this.#panels) {\n      const presented = this.#delegate.isPresented(item.panel.id);\n      const carried = !presented && this.#delegate.isCarried(item.panel.id);\n      this.#measurePanel(item, presented);\n      panels[item.panel.id] = presented || carried ? item.measurements : emptyPanelMeasurements;\n      if (!presented && !carried) continue;\n\n      headerHeight = Math.max(headerHeight, item.labelHeight, item.suffixHeight);\n      if (!item.header) {\n        headerHeight = Math.max(headerHeight, intrinsic.headerlessHeight);\n      }\n    }\n    return { panels, headerHeight };\n  }\n\n  #measurePanel(item: PanelMeasurement, presented: boolean) {\n    const refresh = item.dirty || (presented && !item.presented);\n    item.presented = presented;\n    if (!presented || !refresh) return;\n\n    const { suffixWidth, suffixHeight } = measureSuffix(item.suffix);\n    const footerHeight = measureFooter(item, item.measurements.footerHeight);\n    if (suffixWidth !== item.measurements.suffixWidth || footerHeight !== item.measurements.footerHeight) {\n      item.measurements = { suffixWidth, footerHeight };\n    }\n    item.suffixHeight = suffixHeight;\n    item.labelHeight = extent(item.label, 'height');\n    item.dirty = false;\n  }\n\n  #publish(measurements: WorkspaceMeasurements) {\n    const previous = this.#publishedMeasurements;\n    if (sameWorkspaceMeasurements(previous, measurements)) return;\n\n    const spaceChanged =\n      measurements.width !== (previous?.width ?? 0) ||\n      measurements.height !== (previous?.height ?? 0) ||\n      measurements.gap !== (previous?.gap ?? 0);\n    this.#publishedMeasurements = measurements;\n    this.#delegate.applyMeasurements({ measurements, spaceChanged });\n  }\n}\n\nfunction discoverPanel(panel: WorkspacePanel, previous?: PanelMeasurement): PanelMeasurement {\n  const item = previous ?? {\n    panel,\n    header: null,\n    label: null,\n    suffix: null,\n    footer: null,\n    dirty: true,\n    presented: false,\n    labelHeight: 0,\n    suffixHeight: 0,\n    measurements: emptyPanelMeasurements\n  };\n  const header = panel.querySelector<WorkspacePanelHeader>(':scope > nve-workspace-panel-header');\n  const targets = header?._getMeasurementTargets();\n  const label = targets?.label ?? null;\n  if (item.label !== label) {\n    item.labelHeight = 0;\n  }\n  item.header = header;\n  item.label = label;\n  item.suffix = targets?.suffix ?? null;\n  item.footer = panel.querySelector(':scope > nve-workspace-panel-footer');\n  item.dirty = true;\n  return item;\n}\n\nfunction measureProbe(probe: Element) {\n  return {\n    gap: extent(probe.querySelector('.gap-probe'), 'width'),\n    headerHeight: Math.max(\n      extent(probe.querySelector('.tab-probe'), 'height'),\n      extent(probe.querySelector('nve-drag-handle'), 'height'),\n      extent(probe.querySelector('[part~=\"close-button\"]'), 'height'),\n      extent(probe.querySelector('[part~=\"fullscreen-button\"]'), 'height')\n    ),\n    headerlessHeight: extent(probe.querySelector('.chrome-header'), 'height'),\n    gripWidth: extent(probe.querySelector('nve-drag-handle'), 'width'),\n    tabWidth: extent(probe.querySelector('.tab-probe'), 'width'),\n    tabMinWidth: extent(probe.querySelector('.tab-min-probe'), 'width'),\n    actionWidth: tabActionWidth(probe),\n    groupActionWidth: extent(probe.querySelector('.group-actions'), 'width')\n  };\n}\n\nfunction measureSuffix(suffix: Element | null) {\n  if (!suffix) return { suffixWidth: 0, suffixHeight: 0 };\n  return { suffixWidth: extent(suffix, 'width'), suffixHeight: extent(suffix, 'height') };\n}\n\nfunction measureFooter(item: PanelMeasurement, cached: number) {\n  if (item.panel.getAttribute('aria-hidden') !== 'false') return cached;\n  if (!item.panel.shadowRoot?.querySelector('.content:not([hidden])')) return cached;\n  return extent(item.footer, 'height');\n}\n\nfunction tabActionWidth(probe: Element) {\n  const button = probe.querySelector('[part~=\"close-button\"]');\n  const group = button?.closest('nve-tabs-item-group');\n  return button && group ? Math.max(0, group.getBoundingClientRect().right - button.getBoundingClientRect().left) : 0;\n}\n\nfunction extent(element: Element | null, axis: 'width' | 'height') {\n  return element?.getBoundingClientRect()[axis] ?? 0;\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,40 @@
+import type { ReactiveControllerHost } from 'lit';
+import type { WorkspaceDragPreview, WorkspaceDropIntent } from '../utils/interaction/drag-preview.utils.js';
+import type { WorkspaceLayout } from '../utils/model/layout.utils.js';
+import type { WorkspaceMeasurementChange, WorkspaceMeasurements } from '../utils/presentation/measurements.utils.js';
+import type { WorkspaceEvaluation } from '../utils/evaluation.utils.js';
+export interface WorkspaceRearrangeCapabilities {
+    rearrangeable: boolean;
+    groupable: boolean;
+}
+type WorkspaceRearrangeHost = HTMLElement & ReactiveControllerHost & {
+    readonly rearrangeable: boolean;
+    readonly groupable: boolean;
+    readonly detachThreshold: number;
+};
+interface WorkspaceRearrangeDelegate {
+    readonly evaluateWithContext: <T>(work: (evaluation: WorkspaceEvaluation) => T) => T;
+    readonly isRearrangementAllowed: () => boolean;
+    readonly getLayout: () => WorkspaceLayout | undefined;
+    readonly getAvailablePanels: () => string[];
+    readonly getMeasurements: () => WorkspaceMeasurements;
+    readonly activateSource: (source: string[], group: boolean) => void;
+    readonly applyPreview: (preview: WorkspaceDragPreview | undefined) => void;
+    readonly commitPlacement: (source: string[], intent: Exclude<WorkspaceDropIntent, {
+        kind: 'invalid';
+    }>, layout?: WorkspaceLayout) => boolean;
+}
+export declare class WorkspaceRearrangeController {
+    #private;
+    constructor(host: WorkspaceRearrangeHost, delegate: WorkspaceRearrangeDelegate);
+    get capabilities(): WorkspaceRearrangeCapabilities | undefined;
+    get suppressSelection(): boolean;
+    hostConnected(): void;
+    hostDisconnected(): void;
+    getPreviewHint(preview: WorkspaceDragPreview, evaluation: WorkspaceEvaluation): import("../utils/interaction/insertion-offers.utils.js").WorkspaceInsertionOffer | undefined;
+    handleMeasurementsChange(change: WorkspaceMeasurementChange): void;
+    refresh(): void;
+    cancelForUser(): void;
+    cancel(): void;
+}
+export {};