@nvidia-elements/core 2.23.5 → 2.24.0

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

@@ -1,40 +1,66 @@
 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";
+import { matchesElementName as t } from "../../internal/utils/dom.js";
+import { WorkspacePanel as n } from "../panel/panel2.js";
+import { focusWorkspacePanel as r, getPanelLabel as i, isWorkspaceCompositionMutation as a } from "../utils/presentation/composition.utils.js";
+import { createTabStripIdentityResolver as o, getAllocatedTabWidth as s } from "../utils/presentation/groups.utils.js";
 // src/workspace/controllers/workspace-composition.controller.ts
-var a = class {
+var c = class {
 	#e;
 	#t;
 	#n;
+	#r;
+	#i;
 	constructor(e, t) {
 		this.#e = e, this.#t = t, e.addController(this);
 	}
 	hostDisconnected() {
-		this.#n = void 0;
+		this.#n = void 0, this.#r = void 0;
+	}
+	startObserving() {
+		this.#i = new MutationObserver((e) => this.#a(e)), this.#i.observe(this.#e, {
+			childList: !0,
+			characterData: !0,
+			attributes: !0,
+			subtree: !0,
+			attributeFilter: [
+				"id",
+				"min-width",
+				"min-height",
+				"slot"
+			]
+		});
+	}
+	stopObserving() {
+		this.#i?.disconnect(), this.#i = void 0;
+	}
+	#a(e) {
+		let r = e.some((e) => e.type === "childList" && e.target === this.#e || e.type === "attributes" && t(e.target, n) && e.target.parentElement === this.#e), i = e.some((e) => e.type === "attributes" && e.target === this.#e || a(this.#e, e));
+		(r || i) && this.#t.contentChanged(r ? "panels" : "chrome");
 	}
 	captureFocus() {
-		this.#n = this.#t.getPreview() ? void 0 : l(this.#e);
+		this.#n = this.#t.getPreview() ? void 0 : f(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);
+		for (let { group: n, scrollLeft: r } of t) l(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() {
+		this.#r?.root !== (this.#t.getLayout()?.root ?? null) && (this.#r = void 0);
 		let e = this.#t.getPanels(), t = this.#t.getGroups(), n = this.#t.getPreview();
-		s(e, t.map((e) => ({
+		u(e, t.map((e) => ({
 			group: e,
 			strip: this.findTabStrip(e)
-		}))), c(this.#e, t, {
+		}))), d(this.#e, t, {
 			panels: e,
 			carried: (e) => n?.source.includes(e) ?? !1
-		}), n || u(this.#e, t, this.#n), this.#n = void 0;
+		}), n || p(this.#e, t, this.#n), this.#n = void 0;
 	}
 	getTransitionTargets() {
 		let e = /* @__PURE__ */ new Map();
@@ -50,12 +76,16 @@ var a = class {
 		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),
+			groups: h(this.#e),
 			gutters: t
 		};
 	}
 	getGroupIdentity(e) {
-		return i(this.#t.getLayout()?.root ?? null, e.panels.map((e) => e.id), this.#t.getPreview()?.source ?? []);
+		let t = this.#t.getLayout()?.root ?? null;
+		return this.#r && this.#r.root === t || (this.#r = {
+			root: t,
+			resolve: o(t)
+		}), this.#r.resolve(e.panels.map((e) => e.id), this.#t.getPreview()?.source ?? []);
 	}
 	findTabStrip(e) {
 		return this.#e.shadowRoot?.querySelector(`[data-group="${CSS.escape(this.getGroupIdentity(e))}"]`);
@@ -71,31 +101,31 @@ var a = class {
 		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));
+function l(e, t, n) {
+	let { headerHeight: r, actionWidth: i } = e.measurements, a = s(t, e.measurements), o = e.measurements.groupActionWidth ?? 0, c = (e.measurements.panels?.[t.active]?.suffixWidth ?? 0) + o;
+	t.panels.forEach((s, l) => {
+		if (e.source.includes(s.id)) return;
+		e.container && s.getAttribute("container") !== e.container ? s.setAttribute("container", e.container) : e.container || s.removeAttribute("container"), s.setAttribute("role", t.tabbed ? "tabpanel" : "group"), s.setAttribute("aria-hidden", String(t.active !== s.id));
 		let u = t.rect;
-		Object.assign(r.style, {
+		Object.assign(s.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,
+		}), s.style.setProperty("--_workspace-border-right", e.measurements.gap === 0 && u.x + u.width < e.extent.width - 1e-6 ? "none" : "var(--border)"), s.style.setProperty("--_workspace-border-bottom", e.measurements.gap === 0 && u.y + u.height < e.extent.height - 1e-6 ? "none" : "var(--border)"), s._configure({
+			selected: t.active === s.id,
+			offset: t.gripWidth + l * a,
 			scrollLeft: n,
 			animate: e.animate,
-			tabWidth: Math.max(0, o - a * Number(e.closable)),
-			headerHeight: i,
-			suffixEnd: s,
+			tabWidth: Math.max(0, a - i * Number(e.closable)),
+			headerHeight: r,
+			suffixEnd: o,
 			clipLeft: t.gripWidth,
 			clipWidth: Math.max(0, u.width - t.gripWidth - c)
 		});
 	});
 }
-function s(e, t) {
+function u(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let { group: e, strip: r } of t) {
 		if (!r || e.panels.length < 2) continue;
@@ -110,16 +140,16 @@ function s(e, t) {
 		t.querySelector(":scope > nve-workspace-panel-header")?._bindScroll(e?.source, e?.extent ?? 0);
 	}
 }
-function c(e, t, r) {
-	r.panels.forEach((e) => {
+function d(e, t, n) {
+	n.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));
+	}), t.forEach((t) => t.panels.forEach((r) => {
+		if (n.carried(r.id)) return;
+		let a = e.shadowRoot?.querySelector(`[data-panel="${CSS.escape(r.id)}"]`), o = i(r);
+		r.setAttribute("aria-label", o), t.tabbed && a?.localName === "nve-tabs-item" && (a.ariaControlsElements = [r], a.setAttribute("aria-label", o));
 	}));
 }
-function l(e) {
+function f(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;
@@ -130,17 +160,17 @@ function l(e) {
 		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)));
+function p(e, t, n) {
+	if (!n || !m(e, n)) return;
+	let i = t.find((e) => e.panels.some((e) => e.id === n.id)) ?? t.find((e) => e.panels.some((e) => n.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, {
+	let a = i.panels.some((e) => e.id === n.id) ? n.id : i.active, o = n.close && a === n.id ? e.shadowRoot?.querySelector(`[data-close="${CSS.escape(a)}"]`) : void 0;
+	o ? o.focus({ preventScroll: !0 }) : r(e, {
 		id: a,
 		preserveScroll: !0
 	});
 }
-function d(t, n) {
+function m(t, n) {
 	if (n.element.isConnected && !n.element.closest("[inert]")) return !1;
 	let r = e(t.ownerDocument);
 	return !r || [
@@ -149,7 +179,7 @@ function d(t, n) {
 		n.element
 	].some((e) => e === r) ? !0 : !(r.isConnected && !r.closest("[inert]"));
 }
-function f(e) {
+function h(e) {
 	let t = [];
 	for (let n of e.shadowRoot?.querySelectorAll(".group-chrome") ?? []) {
 		let e = /* @__PURE__ */ new Map();
@@ -164,6 +194,6 @@ function f(e) {
 	}
 	return t;
 }
-export { a as WorkspaceCompositionController };
+export { c as WorkspaceCompositionController };
 
 //# sourceMappingURL=workspace-composition.controller.js.map

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

@@ -1 +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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"}
+{"version":3,"file":"workspace-composition.controller.js","names":["WorkspaceCompositionController","#host","host","#delegate","delegate","#headerFocus","#tabStripIdentities","#contentObserver","#observeContent","records","panels","record","matchesElementName","WorkspacePanel","chrome","isWorkspaceCompositionMutation","captureHeaderFocus","presentations","input","group","scrollLeft","visible","panel","groups","preview","bindTabScroll","configureSemantics","id","recoverHeaderFocus","header","gutters","handle","getGroupTransitionTargets","root","createTabStripIdentityResolver","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, matchesElementName } from '@nvidia-elements/core/internal';\n\nimport {\n  focusWorkspacePanel,\n  getPanelLabel,\n  isWorkspaceCompositionMutation\n} from '../utils/presentation/composition.utils.js';\nimport { createTabStripIdentityResolver, getAllocatedTabWidth } from '../utils/presentation/groups.utils.js';\n\nimport { WorkspacePanel } from '../panel/panel.js';\n\nimport type { WorkspaceDragPreview } from '../utils/interaction/drag-preview.utils.js';\nimport type { WorkspaceLayout, WorkspaceNode } 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';\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  readonly contentChanged: (kind: 'panels' | 'chrome') => 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  #tabStripIdentities?: {\n    root: WorkspaceNode | null;\n    resolve: ReturnType<typeof createTabStripIdentityResolver>;\n  };\n  #contentObserver?: MutationObserver;\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    this.#tabStripIdentities = undefined;\n  }\n\n  startObserving() {\n    this.#contentObserver = new MutationObserver(records => this.#observeContent(records));\n    this.#contentObserver.observe(this.#host, {\n      childList: true,\n      characterData: true,\n      attributes: true,\n      subtree: true,\n      attributeFilter: ['id', 'min-width', 'min-height', 'slot']\n    });\n  }\n\n  stopObserving() {\n    this.#contentObserver?.disconnect();\n    this.#contentObserver = undefined;\n  }\n\n  #observeContent(records: MutationRecord[]) {\n    const panels = records.some(\n      record =>\n        (record.type === 'childList' && record.target === this.#host) ||\n        (record.type === 'attributes' &&\n          matchesElementName(record.target as Element, WorkspacePanel) &&\n          record.target.parentElement === this.#host)\n    );\n    const chrome = records.some(\n      record =>\n        (record.type === 'attributes' && record.target === this.#host) ||\n        isWorkspaceCompositionMutation(this.#host, record)\n    );\n    if (panels || chrome) this.#delegate.contentChanged(panels ? 'panels' : 'chrome');\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    if (this.#tabStripIdentities?.root !== (this.#delegate.getLayout()?.root ?? null)) {\n      this.#tabStripIdentities = undefined;\n    }\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    const root = this.#delegate.getLayout()?.root ?? null;\n    if (!this.#tabStripIdentities || this.#tabStripIdentities.root !== root) {\n      this.#tabStripIdentities = { root, resolve: createTabStripIdentityResolver(root) };\n    }\n    return this.#tabStripIdentities.resolve(\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(panel);\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

@@ -3,19 +3,17 @@ interface WorkspaceFullscreenHost extends HTMLElement, ReactiveControllerHost {
     readonly fullscreenable: boolean;
 }
 interface WorkspaceFullscreenDelegate {
-    readonly getGroup: (targetPanelId: string) => string[];
+    readonly getGroup: (targetPanelId: string) => readonly string[];
     readonly cancelInteractions: () => void;
     readonly invalidateCommandAvailability: () => void;
 }
-/** Projects one durable group while the browser owns fullscreen admission and lifetime. */
+/** Selects the fullscreen group and preserves surviving companions when its anchor disappears. */
 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;

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

@@ -1,28 +1,22 @@
+import { NativeFullscreenController as e } from "../../internal/controllers/native-fullscreen.controller.js";
 // src/workspace/controllers/workspace-fullscreen.controller.ts
-var e = class {
+var t = class {
 	#e;
 	#t;
 	#n;
 	#r;
 	#i = [];
-	#a;
-	constructor(e, t) {
-		this.#e = e, this.#t = t, e.addController(this);
+	constructor(t, n) {
+		this.#e = t, this.#t = n, this.#n = new e(t, this.#a), t.addController(this);
 	}
 	get active() {
-		return this.#r !== void 0 && this.#c();
+		return this.#r !== void 0 && this.#n.active;
 	}
 	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();
+		return this.#r !== void 0 && this.#n.canExit;
 	}
 	hostUpdate() {
 		if (!this.#r) return;
@@ -32,53 +26,29 @@ var e = class {
 			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();
+		t ? (this.#r = t, this.#i = this.#t.getGroup(t), this.#o()) : 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;
+		return this.isSelectedGroup(e) || !this.#e.fullscreenable || !this.#t.getGroup(e).length ? !1 : this.#n.canEnter;
 	}
 	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();
+		if (!this.canEnter(e)) return;
+		let t = this.#t.getGroup(e), n = this.#r !== void 0;
+		this.#t.cancelInteractions(), this.#r = e, this.#i = t, n ? this.#o() : this.#n.enter();
 	}
 	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;
+		this.#n.exit();
 	}
-	#l = () => {
-		this.#c() && this.#r ? (this.#t.invalidateCommandAvailability(), this.#e.requestUpdate()) : this.#c() ? this.exit() : this.#u();
+	#a = () => {
+		this.#n.canExit || (this.#r = void 0, this.#i = []), this.#o();
 	};
-	#u() {
-		let e = this.#r !== void 0;
-		this.#a = void 0, this.#r = void 0, this.#i = [], e && this.#t.invalidateCommandAvailability(), this.#e.requestUpdate();
+	#o() {
+		this.#t.invalidateCommandAvailability(), this.#e.requestUpdate();
 	}
 };
-export { e as WorkspaceFullscreenController };
+export { t as WorkspaceFullscreenController };
 
 //# sourceMappingURL=workspace-fullscreen.controller.js.map

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

@@ -1 +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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"}
+{"version":3,"file":"workspace-fullscreen.controller.js","names":["WorkspaceFullscreenController","#host","host","#delegate","delegate","#native","NativeFullscreenController","#nativeChanged","#targetPanelId","groupPanelIds","#groupPanelIds","fallback","id","#invalidate","targetPanelId","switching"],"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\nimport { NativeFullscreenController } from '@nvidia-elements/core/internal';\n\ninterface WorkspaceFullscreenHost extends HTMLElement, ReactiveControllerHost {\n  readonly fullscreenable: boolean;\n}\n\ninterface WorkspaceFullscreenDelegate {\n  readonly getGroup: (targetPanelId: string) => readonly string[];\n  readonly cancelInteractions: () => void;\n  readonly invalidateCommandAvailability: () => void;\n}\n\n/** Selects the fullscreen group and preserves surviving companions when its anchor disappears. */\nexport class WorkspaceFullscreenController {\n  readonly #host: WorkspaceFullscreenHost;\n  readonly #delegate: WorkspaceFullscreenDelegate;\n  readonly #native: NativeFullscreenController;\n  #targetPanelId?: string;\n  #groupPanelIds: readonly string[] = [];\n\n  constructor(host: WorkspaceFullscreenHost, delegate: WorkspaceFullscreenDelegate) {\n    this.#host = host;\n    this.#delegate = delegate;\n    this.#native = new NativeFullscreenController(host, this.#nativeChanged);\n    host.addController(this);\n  }\n\n  get active() {\n    return this.#targetPanelId !== undefined && this.#native.active;\n  }\n\n  get targetPanelId() {\n    return this.active ? this.#targetPanelId : undefined;\n  }\n\n  get canExit() {\n    return this.#targetPanelId !== undefined && this.#native.canExit;\n  }\n\n  hostUpdate() {\n    if (!this.#targetPanelId) return;\n    const groupPanelIds = this.#delegate.getGroup(this.#targetPanelId);\n    if (groupPanelIds.length) {\n      this.#groupPanelIds = groupPanelIds;\n      return;\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.#invalidate();\n    } else this.exit();\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 (\n      this.isSelectedGroup(targetPanelId) ||\n      !this.#host.fullscreenable ||\n      !this.#delegate.getGroup(targetPanelId).length\n    )\n      return false;\n    return this.#native.canEnter;\n  }\n\n  enter(targetPanelId: string) {\n    if (!this.canEnter(targetPanelId)) return;\n\n    const groupPanelIds = this.#delegate.getGroup(targetPanelId);\n    const switching = this.#targetPanelId !== undefined;\n    this.#delegate.cancelInteractions();\n    this.#targetPanelId = targetPanelId;\n    this.#groupPanelIds = groupPanelIds;\n    if (switching) this.#invalidate();\n    else this.#native.enter();\n  }\n\n  exit() {\n    this.#native.exit();\n  }\n\n  #nativeChanged = () => {\n    if (!this.#native.canExit) {\n      this.#targetPanelId = undefined;\n      this.#groupPanelIds = [];\n    }\n    this.#invalidate();\n  };\n\n  #invalidate() {\n    this.#delegate.invalidateCommandAvailability();\n    this.#host.requestUpdate();\n  }\n}\n"],"mappings":";;AAkBA,IAAaA,IAAb,MAA2C;CACzC;CACA;CACA;CACA;CACA,KAAoC,CAAC;CAErC,YAAY,GAA+B,GAAuC;EAIhF,AAHA,KAAKC,KAAQC,GACb,KAAKC,KAAYC,GACjB,KAAKC,KAAU,IAAIC,EAA2BJ,GAAM,KAAKK,EAAc,GACvEL,EAAK,cAAc,IAAI;CACzB;CAEA,IAAI,SAAS;EACX,OAAO,KAAKM,OAAmB,KAAA,KAAa,KAAKH,GAAQ;CAC3D;CAEA,IAAI,gBAAgB;EAClB,OAAO,KAAK,SAAS,KAAKG,KAAiB,KAAA;CAC7C;CAEA,IAAI,UAAU;EACZ,OAAO,KAAKA,OAAmB,KAAA,KAAa,KAAKH,GAAQ;CAC3D;CAEA,aAAa;EACX,IAAI,CAAC,KAAKG,IAAgB;EAC1B,IAAMC,IAAgB,KAAKN,GAAU,SAAS,KAAKK,EAAc;EACjE,IAAIC,EAAc,QAAQ;GACxB,KAAKC,KAAiBD;GACtB;EACF;EACA,IAAME,IAAW,KAAKD,GAAe,MAAK,MAAM,KAAKP,GAAU,SAASS,CAAE,CAAC,CAAC,MAAM;EAClF,AAAID,KACF,KAAKH,KAAiBG,GACtB,KAAKD,KAAiB,KAAKP,GAAU,SAASQ,CAAQ,GACtD,KAAKE,GAAY,KACZ,KAAK,KAAK;CACnB;CAEA,gBAAgB,GAAuB;EACrC,OAAO,KAAKL,OAAmB,KAAA,KAAa,KAAKL,GAAU,SAASW,CAAa,CAAC,CAAC,SAAS,KAAKN,EAAc;CACjH;CAEA,SAAS,GAAuB;EAO9B,OALE,KAAK,gBAAgBM,CAAa,KAClC,CAAC,KAAKb,GAAM,kBACZ,CAAC,KAAKE,GAAU,SAASW,CAAa,CAAC,CAAC,SAEjC,KACF,KAAKT,GAAQ;CACtB;CAEA,MAAM,GAAuB;EAC3B,IAAI,CAAC,KAAK,SAASS,CAAa,GAAG;EAEnC,IAAML,IAAgB,KAAKN,GAAU,SAASW,CAAa,GACrDC,IAAY,KAAKP,OAAmB,KAAA;EAI1C,AAHA,KAAKL,GAAU,mBAAmB,GAClC,KAAKK,KAAiBM,GACtB,KAAKJ,KAAiBD,GAClBM,IAAW,KAAKF,GAAY,IAC3B,KAAKR,GAAQ,MAAM;CAC1B;CAEA,OAAO;EACL,KAAKA,GAAQ,KAAK;CACpB;CAEA,WAAuB;EAKrB,AAJK,KAAKA,GAAQ,YAChB,KAAKG,KAAiB,KAAA,GACtB,KAAKE,KAAiB,CAAC,IAEzB,KAAKG,GAAY;CACnB;CAEA,KAAc;EAEZ,AADA,KAAKV,GAAU,8BAA8B,GAC7C,KAAKF,GAAM,cAAc;CAC3B;AACF"}

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

@@ -2,12 +2,12 @@ import { GestureController as e } from "../../internal/controllers/gesture.contr
 import { nonnegativeFiniteOr as t } from "../../internal/utils/numeric.js";
 import { findGroup as n } from "../utils/model/operations.utils.js";
 import { captureTabScroll as r, captureWorkspaceFocus as i } from "../utils/presentation/composition.utils.js";
-import { getAllocatedTabWidth as a, getInitialDragCue as o } from "../utils/presentation/groups.utils.js";
-import { createWorkspacePlacementPlanner as s } from "../utils/placement/planner.utils.js";
-import { getWorkspacePanelSource as c } from "../utils/model/membership.utils.js";
-import { decidePlacement as l, decidePointerPlacement as u } from "../utils/interaction/placement-decision.utils.js";
-import { createInitialReservation as d } from "../utils/placement/origin.utils.js";
-import { evaluatePlacementOffer as f } from "../utils/placement/preparation.utils.js";
+import { getWorkspacePanelSource as a } from "../utils/model/membership.utils.js";
+import { getAllocatedTabWidth as o, getInitialDragCue as s } from "../utils/presentation/groups.utils.js";
+import { decidePlacement as c, decidePointerPlacement as l } from "../utils/interaction/placement-decision.utils.js";
+import { createInitialReservation as u } from "../utils/placement/origin.utils.js";
+import { evaluatePlacementOffer as d } from "../utils/placement/preparation.utils.js";
+import { WorkspacePlacementSession as f } from "../utils/placement/session.utils.js";
 // src/workspace/controllers/workspace-rearrange.controller.ts
 var p = class {
 	#e;
@@ -42,7 +42,7 @@ var p = class {
 		this.#e.removeEventListener("nve-gesture-input", this.#y), this.#e.removeEventListener("nve-gesture", this.#N), this.#e.removeEventListener("click", this.#f, !0), this.#a?.removeEventListener("keydown", this.#d), this.#a?.removeEventListener("pointerdown", this.#u, !0), this.#a = void 0, this.cancel();
 	}
 	getPreviewHint(e, t) {
-		if (e.phase === "detached" && e.point) return l({
+		if (e.phase === "detached" && e.point) return c({
 			...t.targetCatalog(e.source),
 			preview: e,
 			source: e.source,
@@ -56,7 +56,7 @@ var p = class {
 			},
 			available: t.available,
 			projectLayout: t.projectLayout,
-			planPlacement: this.#i
+			placementSession: this.#i
 		}).hint;
 	}
 	handleMeasurementsChange(e) {
@@ -89,12 +89,12 @@ var p = class {
 		let t = (t) => {
 			let n = this.#S(e.source, t.intent, { selected: t });
 			if (!n) return t;
-			let { feasible: r, context: i, seams: a, ...o } = n;
+			let { feasible: r, scope: i, seams: a, ...o } = n;
 			return {
 				...t,
 				...o,
 				seams: a,
-				context: i,
+				scope: i,
 				blocked: !r
 			};
 		}, n = e.lastFeasible === e.preview;
@@ -134,7 +134,7 @@ var p = class {
 	}
 	#v(e) {
 		let t = this.#t.getLayout();
-		return e.dataset.panel ? c({
+		return e.dataset.panel ? a({
 			layout: t,
 			anchor: e.dataset.panel,
 			available: this.#t.getAvailablePanels()
@@ -151,23 +151,23 @@ var p = class {
 		let i = this.#g(), a = this.#v(n);
 		if (!a || !this.#_(n, i) || e.event.button !== 0 || !e.event.isPrimary || this.#r || !e.claim({ kind: "drag" })) return;
 		this.#o = !1;
-		let o = this.#e.detachThreshold, c = this.#x(a, n.hasAttribute("data-drag-group")), l = this.#t.getLayout();
-		l && (this.#i = s()), this.#r = {
+		let o = this.#e.detachThreshold, s = this.#x(a, n.hasAttribute("data-drag-group")), c = this.#t.getLayout();
+		c && (this.#i = new f()), this.#r = {
 			source: a,
 			phase: "pressed",
 			capabilities: i,
 			initialAllocation: { allocation: "committed" },
-			initialPlacement: l ? d({
-				layout: l,
+			initialPlacement: c ? u({
+				layout: c,
 				source: a,
-				cue: c,
+				cue: s,
 				available: this.#t.getAvailablePanels(),
 				evaluate: (e) => this.#S(a, e)
 			}) : void 0,
 			detachThreshold: t(o, 48),
 			group: n.hasAttribute("data-drag-group"),
 			controlRect: n.getBoundingClientRect(),
-			initialCue: c,
+			initialCue: s,
 			restoreScroll: r(this.#e)
 		};
 	}
@@ -178,14 +178,14 @@ var p = class {
 				root: null,
 				closed: []
 			}, i = this.#t.getMeasurements();
-			return o({
+			return s({
 				groups: n.geometry(n.project(r)).groups,
 				source: e,
 				groupDrag: t,
 				bounds: n.bounds(),
 				client: (e) => n.client(e),
 				measurements: i,
-				width: (e) => a(e, i),
+				width: (e) => o(e, i),
 				scroll: (e) => n.scroll(e)
 			});
 		});
@@ -193,14 +193,14 @@ var p = class {
 	#S(e, t, n) {
 		return this.#t.evaluateWithContext((r) => {
 			let i = this.#t.getLayout();
-			if (i && t.kind !== "invalid") return f({
+			if (i && t.kind !== "invalid") return d({
 				evaluation: r,
 				layout: i,
 				measurements: this.#t.getMeasurements(),
 				source: e,
 				intent: t,
 				context: n,
-				planner: this.#i,
+				placementSession: this.#i,
 				groupable: this.#r?.capabilities.groupable ?? this.#e.groupable,
 				currentRegions: () => r.presentationGeometry().regions
 			});
@@ -288,7 +288,7 @@ var p = class {
 			...e.preview,
 			...n,
 			intent: e.initialPlacement?.intent ?? e.preview.intent,
-			context: n.context,
+			scope: n.scope,
 			blocked: !t,
 			phase: "detached"
 		}, i = {
@@ -323,7 +323,7 @@ var p = class {
 		this.#t.evaluateWithContext((n) => this.#B(e, t, n));
 	}
 	#B(e, t, n) {
-		let r = this.#t.getLayout(), { intent: i, acquisition: a } = u({
+		let r = this.#t.getLayout(), { intent: i, acquisition: a } = l({
 			placement: n.getPlacementCatalog(e.source, t),
 			canonicalRoot: r?.root ?? null,
 			currentLayout: r ?? {
@@ -338,7 +338,7 @@ var p = class {
 			gap: this.#t.getMeasurements().gap,
 			available: n.available,
 			projectLayout: n.projectLayout,
-			planPlacement: this.#i
+			placementSession: this.#i
 		});
 		if (!i) {
 			this.#V(e, t);
@@ -358,10 +358,10 @@ var p = class {
 			}, this.#t.applyPreview(e.preview);
 			return;
 		}
-		let { feasible: s, context: c, ...l } = o;
+		let { feasible: s, scope: c, ...u } = o;
 		e.preview = {
-			context: c,
-			...l,
+			scope: c,
+			...u,
 			source: e.source,
 			phase: "detached",
 			point: t,