@nvidia-elements/core 2.22.4 → 2.23.0

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":";;AA6CA,IAAMA,IAAqD;CAAE,aAAa;CAAG,cAAc;AAAE,GAGhFC,IAAb,MAA4C;CAC1C;CACA;CAEA;CACA,qBAAY,IAAI,IAA0B;CAC1C,KAA8B,CAAC;CAC/B;CACA;CACA;CACA;CACA,KAAS;CACT,KAAc;CACd;CAEA,YAAY,GAA4C,GAAwC;EAG9F,AAFA,KAAKC,KAAQC,GACb,KAAKC,KAAYC,GACjBF,EAAK,cAAc,IAAI;CACzB;CAEA,gBAAgB;EAGd,AAFA,KAAK,WAAW,GAChB,KAAKG,KAAkB,KAAA,GACvB,KAAKC,KAAY,IAAI,gBAAe,MAAW;GAC7C,IAAIC,IAAU;GACd,KAAK,IAAMC,KAASC,GAClB,IAAU,KAAKC,GAAmBF,CAAK,KAAKD;GAE9C,AAAIA,KACF,KAAKI,GAAS;EAElB,CAAC;CACH;CAEA,mBAAmB;EAOjB,AANA,KAAKL,IAAW,WAAW,GAC3B,KAAKM,GAAU,MAAM,GACrB,KAAKC,KAAU,CAAC,GAChB,KAAKC,KAAY,KAAA,GACjB,KAAKC,KAAS,KAAA,GACd,KAAKV,KAAkB,KAAA,GACvB,KAAKW,KAAa,KAAA;CACpB;CAEA,cAAc;EAIZ,AAHI,KAAKC,MACP,KAAKC,GAAU,GAEjB,KAAKP,GAAS;CAChB;CAEA,aAAa;EAEX,AADA,KAAKM,KAAS,IACd,KAAKE,KAAc;CACrB;CAEA,KAAY;EACV,IAAMC,IAAO,KAAKnB,GAAM,YAClBoB,IAAWD,GAAM,cAA2B,WAAW,KAAK,KAAA;EAMlE,IALIC,MAAa,KAAKP,OACpB,KAAKT,KAAkB,KAAA,IAEzB,KAAKS,KAAYO,GACjB,KAAKN,KAASK,GAAM,cAAc,eAAe,KAAK,KAAA,GAClD,CAAC,KAAKN,MAAa,CAAC,KAAKC,IAAQ;EACrC,IAAMO,oBAAW,IAAI,IAA0B,GACzCC,KAAW,GAAsB,MAAiD;GACtF,AAAKC,KACLF,EAAS,IAAIE,GAAM;IAAE,OAAO;IAAK,QAAQ;IAAK,GAAG,KAAKZ,GAAU,IAAIY,CAAI;IAAG,GAAGC;GAAQ,CAAC;EACzF;EACA,EAAQ,KAAKX,IAAW,EAAE,MAAM,OAAO,CAAC;EACxC,KAAK,IAAMU,KAAQ,KAAKT,GAAO,iBAC7B,0GACF,GACE,EAAQS,GAAM,EAAE,MAAM,OAAO,CAAC;EAIhC,AAFA,KAAKE,GAAgBH,CAAO,GAC5B,KAAKI,GAAcL,CAAQ,GAC3B,KAAKL,KAAS;CAChB;CAEA,GAAgB,GAAsB;EACpC,IAAMW,IAAW,IAAI,IAAI,KAAKf,GAAQ,KAAI,MAAQ,CAACgB,EAAK,OAAOA,CAAI,CAAC,CAAC;EACrE,KAAKhB,KAAU,KAAKV,GAAU,UAAU,CAAC,CAAC,KAAI,MAAS2B,EAAcC,GAAOH,EAAS,IAAIG,CAAK,CAAC,CAAC;EAChG,KAAK,IAAMF,KAAQ,KAAKhB,IAItB,AAHAU,EAAQM,EAAK,OAAO;GAAE,MAAM;GAAU,OAAOA;EAAK,CAAC,GACnDN,EAAQM,EAAK,QAAQ;GAAE,MAAM;GAAQ,OAAOA;EAAK,CAAC,GAClDN,EAAQM,EAAK,QAAQ;GAAE,MAAM;GAAU,OAAOA;EAAK,CAAC,GAChD,GAAK,UAAYA,EAAK,SAAUA,EAAK,UACvC,KAAUG,GAAaH,CAAI;CAGjC;CAEA,GAAc,GAAqC;EAWjD,AAVA,KAAKjB,GAAU,SAAS,GAAG,MAAS;GAClC,AAAKU,EAAS,IAAIE,CAAI,KACpB,KAAKlB,IAAW,UAAUkB,CAAI;EAElC,CAAC,GACDF,EAAS,SAAS,GAAG,MAAS;GAC5B,AAAK,KAAKV,GAAU,IAAIY,CAAI,KAC1B,KAAKlB,IAAW,QAAQkB,GAAMA,MAAS,KAAKV,KAAY,KAAA,IAAY,EAAE,KAAK,aAAa,CAAC;EAE7F,CAAC,GACD,KAAKF,KAAYU;CACnB;CAEA,MAAMU,GAAa,GAAwB;EACzC,IAAMC,IAASJ,EAAK;EAGpB,AAFA,MAAMI,EAAO,gBAER,KAAKhC,GAAM,eAAegC,EAAO,kBAAkBJ,EAAK,SAASA,EAAK,MAAM,kBAAkB,KAAK5B,OAIxG,KAAK,WAAW,GAChB,KAAKA,GAAM,cAAc;CAC3B;CAEA,GAAmB,GAA4B;EAC7C,IAAIO,EAAM,WAAW,KAAKM,IAAW,OAAO,KAAKoB,GAAiB;EAClE,IAAMZ,IAAW,KAAKV,GAAU,IAAIJ,EAAM,MAAM;EAChD,IAAI,CAACc,GAAU,OAAO;EACtB,IAAM,EAAE,UAAO,cAAWd,EAAM,OAAO,sBAAsB,GACvDD,IACJe,EAAS,WAAWa,KACpB,CAAC,OAAO,SAASb,EAAS,MAAM,KAC/BA,EAAS,SAAS,WAAWA,EAAS,UAAUc,KAAS,CAAC,OAAO,SAASd,EAAS,KAAK;EAS3F,OARA,EAAS,QAAQc,GACjB,EAAS,SAASD,GACb5B,KACDe,EAAS,QACX,EAAS,MAAM,QAAQ,KAEvB,KAAKH,KAAc,IAEd,MANc;CAOvB;CAEA,KAAmB;EACjB,IAAI,CAAC,KAAKL,IAAW,OAAO;EAC5B,IAAMsB,IAAQ,KAAKtB,GAAU,aACvBqB,IAAS,KAAKrB,GAAU;EAG9B,OAFIsB,MAAU,KAAK/B,IAAiB,SAAS8B,MAAW,KAAK9B,GAAgB,SAAe,MAC5F,KAAKA,KAAkB;GAAE;GAAO;EAAO,GAChC;CACT;CAEA,KAAW;EACT,IAAI,CAAC,KAAKS,MAAa,CAAC,KAAKC,IAAQ;EAKrC,CAJI,KAAKI,MAAe,CAAC,KAAKH,QAC5B,KAAKA,KAAaqB,EAAa,KAAKtB,EAAM,GAC1C,KAAKI,KAAc,KAEhB,KAAKd,MACR,KAAK6B,GAAiB;EAExB,IAAM,EAAE,WAAQ,oBAAiB,KAAKI,GAAe,KAAKtB,EAAU,GAC9DuB,IAAsC;GAC1C,KAAK,KAAKvB,GAAW;GACrB,WAAW,KAAKA,GAAW;GAC3B,aAAa,KAAKA,GAAW;GAC7B,kBAAkB,KAAKA,GAAW;GAClC,UAAU,KAAKA,GAAW;GAC1B,aAAa,KAAKA,GAAW;GAC7B;GACA;GACA,OAAO,KAAKX,GAAiB;GAC7B,QAAQ,KAAKA,GAAiB;EAChC;EACA,KAAKmC,GAASD,CAAY;CAC5B;CAEA,GAAe,GAA4C;EACzD,IAAME,IAAS,OAAO,OAAO,IAAI,GAC7BC,IAAeC,EAAU;EAC7B,KAAK,IAAMd,KAAQ,KAAKhB,IAAS;GAC/B,IAAM+B,IAAY,KAAKzC,GAAU,YAAY0B,EAAK,MAAM,EAAE,GACpDgB,IAAU,CAACD,KAAa,KAAKzC,GAAU,UAAU0B,EAAK,MAAM,EAAE;GAGpE,AAFA,KAAKiB,GAAcjB,GAAMe,CAAS,GAClC,EAAOf,EAAK,MAAM,MAAMe,KAAaC,IAAUhB,EAAK,eAAe9B,IAC9D6C,KAAcC,OAEnB,IAAe,KAAK,IAAIH,GAAcb,EAAK,aAAaA,EAAK,YAAY,GACpEA,EAAK,WACR,IAAe,KAAK,IAAIa,GAAcC,EAAU,gBAAgB;EAEpE;EACA,OAAO;GAAE;GAAQ;EAAa;CAChC;CAEA,GAAc,GAAwB,GAAoB;EACxD,IAAMI,IAAUlB,EAAK,SAAUe,KAAa,CAACf,EAAK;EAElD,IADA,EAAK,YAAYe,GACb,CAACA,KAAa,CAACG,GAAS;EAE5B,IAAM,EAAE,gBAAa,oBAAiBC,EAAcnB,EAAK,MAAM,GACzDoB,IAAeC,EAAcrB,GAAMA,EAAK,aAAa,YAAY;EAMvE,CALIsB,MAAgBtB,EAAK,aAAa,eAAeoB,MAAiBpB,EAAK,aAAa,kBACtF,EAAK,eAAe;GAAE;GAAa;EAAa,IAElD,EAAK,eAAeuB,GACpB,EAAK,cAAcC,EAAOxB,EAAK,OAAO,QAAQ,GAC9C,EAAK,QAAQ;CACf;CAEA,GAAS,GAAqC;EAC5C,IAAMD,IAAW,KAAK0B;EACtB,IAAIC,EAA0B3B,GAAUW,CAAY,GAAG;EAEvD,IAAMiB,IACJjB,EAAa,WAAWX,GAAU,SAAS,MAC3CW,EAAa,YAAYX,GAAU,UAAU,MAC7CW,EAAa,SAASX,GAAU,OAAO;EAEzC,AADA,KAAK0B,KAAyBf,GAC9B,KAAKpC,GAAU,kBAAkB;GAAE;GAAc;EAAa,CAAC;CACjE;AACF;AAEA,SAAS2B,EAAc,GAAuB,GAA+C;CAC3F,IAAMD,IAAOD,KAAY;EACvB;EACA,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,WAAW;EACX,aAAa;EACb,cAAc;EACd,cAAc7B;CAChB,GACMkC,IAASF,EAAM,cAAoC,qCAAqC,GACxF0B,IAAUxB,GAAQ,uBAAuB,GACzCyB,IAAQD,GAAS,SAAS;CAShC,OARI5B,EAAK,UAAU6B,MACjB,EAAK,cAAc,IAErB,EAAK,SAASzB,GACd,EAAK,QAAQyB,GACb,EAAK,SAASD,GAAS,UAAU,MACjC,EAAK,SAAS1B,EAAM,cAAc,qCAAqC,GACvE,EAAK,QAAQ,IACNF;AACT;AAEA,SAASQ,EAAa,GAAgB;CACpC,OAAO;EACL,KAAKgB,EAAOM,EAAM,cAAc,YAAY,GAAG,OAAO;EACtD,cAAc,KAAK,IACjBN,EAAOM,EAAM,cAAc,YAAY,GAAG,QAAQ,GAClDN,EAAOM,EAAM,cAAc,iBAAiB,GAAG,QAAQ,GACvDN,EAAOM,EAAM,cAAc,0BAAwB,GAAG,QAAQ,GAC9DN,EAAOM,EAAM,cAAc,+BAA6B,GAAG,QAAQ,CACrE;EACA,kBAAkBN,EAAOM,EAAM,cAAc,gBAAgB,GAAG,QAAQ;EACxE,WAAWN,EAAOM,EAAM,cAAc,iBAAiB,GAAG,OAAO;EACjE,UAAUN,EAAOM,EAAM,cAAc,YAAY,GAAG,OAAO;EAC3D,aAAaN,EAAOM,EAAM,cAAc,gBAAgB,GAAG,OAAO;EAClE,aAAaC,EAAeD,CAAK;EACjC,kBAAkBN,EAAOM,EAAM,cAAc,gBAAgB,GAAG,OAAO;CACzE;AACF;AAEA,SAASX,EAAc,GAAwB;CAE7C,OADKa,IACE;EAAE,aAAaR,EAAOQ,GAAQ,OAAO;EAAG,cAAcR,EAAOQ,GAAQ,QAAQ;CAAE,IADlE;EAAE,aAAa;EAAG,cAAc;CAAE;AAExD;AAEA,SAASX,EAAc,GAAwB,GAAgB;CAG7D,OAFIrB,EAAK,MAAM,aAAa,aAAa,MAAM,WAC3C,CAACA,EAAK,MAAM,YAAY,cAAc,wBAAwB,IAAUiC,IACrET,EAAOxB,EAAK,QAAQ,QAAQ;AACrC;AAEA,SAAS+B,EAAe,GAAgB;CACtC,IAAMG,IAASJ,EAAM,cAAc,0BAAwB,GACrDK,IAAQD,GAAQ,QAAQ,qBAAqB;CACnD,OAAOA,KAAUC,IAAQ,KAAK,IAAI,GAAGA,EAAM,sBAAsB,CAAC,CAAC,QAAQD,EAAO,sBAAsB,CAAC,CAAC,IAAI,IAAI;AACpH;AAEA,SAASV,EAAO,GAAyB,GAA0B;CACjE,OAAOY,GAAS,sBAAsB,CAAC,CAACC,MAAS;AACnD"}

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

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

@@ -0,0 +1,385 @@
+import { GestureController as e } from "../../internal/controllers/gesture.controller.js";
+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";
+// src/workspace/controllers/workspace-rearrange.controller.ts
+var p = class {
+	#e;
+	#t;
+	#n;
+	#r;
+	#i;
+	#a;
+	#o = !1;
+	#s;
+	#c;
+	constructor(t, n) {
+		this.#e = t, this.#t = n, this.#n = new e(t, {
+			claimPriority: "descendant-first",
+			suppressNativeDrag: !0,
+			shouldIgnoreEvent: (e) => {
+				let t = this.#h(e);
+				return !this.#r && !this.#_(t) || this.#c !== void 0 || !t;
+			}
+		}), this.#n.target = t, t.addController(this);
+	}
+	get capabilities() {
+		return this.#r?.capabilities;
+	}
+	get suppressSelection() {
+		return this.#o || this.#r?.phase === "attached" || this.#r?.phase === "detached";
+	}
+	hostConnected() {
+		this.#a = this.#e.ownerDocument, this.#e.addEventListener("nve-gesture-input", this.#y), this.#e.addEventListener("nve-gesture", this.#N), this.#e.addEventListener("click", this.#f, !0), this.#a.addEventListener("keydown", this.#d), this.#a.addEventListener("pointerdown", this.#u, !0);
+	}
+	hostDisconnected() {
+		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({
+			...t.targetCatalog(e.source),
+			preview: e,
+			source: e.source,
+			point: e.point,
+			local: e.intent,
+			header: !1,
+			currentLayout: this.#t.getLayout() ?? {
+				version: 1,
+				root: null,
+				closed: []
+			},
+			available: t.available,
+			projectLayout: t.projectLayout,
+			planPlacement: this.#i
+		}).hint;
+	}
+	handleMeasurementsChange(e) {
+		e.spaceChanged ? this.cancel() : this.refresh();
+	}
+	refresh() {
+		let e = this.#r;
+		e && e.phase !== "pressed" && (e.phase === "attached" ? (e.initialCue = this.#x(e.source, e.group), e.preview = {
+			...e.preview,
+			cue: e.initialCue
+		}, this.#t.applyPreview(e.preview)) : (e.pendingRefresh = !0, this.#I(e)));
+	}
+	cancelForUser() {
+		if (this.#c) return;
+		let e = this.#r;
+		if (!e || e.phase === "pressed") {
+			this.cancel();
+			return;
+		}
+		e.phase === "detached" && this.#L(e), this.#m(), this.#r = void 0, this.#o = !0;
+		let t = e;
+		this.#c = t;
+		let n = this.#E(e);
+		e.restoreScroll?.(), this.#O(n, t);
+	}
+	cancel() {
+		this.#m(), this.#c = void 0, this.#o ||= this.#r !== void 0 && this.#r.phase !== "pressed", this.#r?.phase === "detached" && this.#L(this.#r), this.#r = void 0, this.#i = void 0, this.#t.applyPreview(void 0);
+	}
+	#l(e) {
+		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;
+			return {
+				...t,
+				...o,
+				seams: a,
+				context: i,
+				blocked: !r
+			};
+		}, n = e.lastFeasible === e.preview;
+		e.lastFeasible = t(e.lastFeasible), e.preview = n ? e.lastFeasible : t(e.preview);
+	}
+	#u = () => {
+		this.#c && this.cancel(), this.#o = !1;
+	};
+	#d = (e) => {
+		this.#c && e.key !== "Escape" && !e.repeat && this.cancel(), e.key === "Escape" && !e.defaultPrevented && this.#r && (e.preventDefault(), this.cancelForUser());
+	};
+	#f = (e) => {
+		this.#o &&= (e instanceof MouseEvent && e.detail === 0 || (e.preventDefault(), e.stopImmediatePropagation()), !1);
+	};
+	#p(e) {
+		this.#s ??= {
+			value: this.#e.style.getPropertyValue("cursor"),
+			priority: this.#e.style.getPropertyPriority("cursor"),
+			owned: e
+		}, this.#s.owned = e, this.#e.style.setProperty("cursor", e, "important");
+	}
+	#m() {
+		let e = this.#s;
+		e && (this.#s = void 0, this.#e.style.getPropertyValue("cursor") === e.owned && this.#e.style.getPropertyPriority("cursor") === "important" && (e.value ? this.#e.style.setProperty("cursor", e.value, e.priority) : this.#e.style.removeProperty("cursor")));
+	}
+	#h(e) {
+		return e.composedPath().find((e) => e instanceof HTMLElement && e.getRootNode() === this.#e.shadowRoot && (e.hasAttribute("data-panel") || e.hasAttribute("data-drag-group")));
+	}
+	#g() {
+		return {
+			rearrangeable: this.#e.rearrangeable,
+			groupable: this.#e.groupable
+		};
+	}
+	#_(e, t = this.#g()) {
+		return !!e && this.#t.isRearrangementAllowed() && t.rearrangeable && (t.groupable || e.localName !== "nve-tabs-item");
+	}
+	#v(e) {
+		let t = this.#t.getLayout();
+		return e.dataset.panel ? c({
+			layout: t,
+			anchor: e.dataset.panel,
+			available: this.#t.getAvailablePanels()
+		}) : e.dataset.dragGroup ? [...n(t?.root ?? null, e.dataset.dragGroup)?.panels ?? []] : void 0;
+	}
+	#y = (e) => {
+		if (e.target !== this.#e) return;
+		let t = e.detail;
+		t.kind === "pointerdown" ? this.#b(t) : t.kind === "pointerend" && this.#C(t);
+	};
+	#b(e) {
+		let n = this.#h(e.event);
+		if (!n) return;
+		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 = {
+			source: a,
+			phase: "pressed",
+			capabilities: i,
+			initialAllocation: { allocation: "committed" },
+			initialPlacement: l ? d({
+				layout: l,
+				source: a,
+				cue: c,
+				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,
+			restoreScroll: r(this.#e)
+		};
+	}
+	#x(e, t) {
+		return this.#t.evaluateWithContext((n) => {
+			let r = this.#t.getLayout() ?? {
+				version: 1,
+				root: null,
+				closed: []
+			}, i = this.#t.getMeasurements();
+			return o({
+				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),
+				scroll: (e) => n.scroll(e)
+			});
+		});
+	}
+	#S(e, t, n) {
+		return this.#t.evaluateWithContext((r) => {
+			let i = this.#t.getLayout();
+			if (i && t.kind !== "invalid") return f({
+				evaluation: r,
+				layout: i,
+				measurements: this.#t.getMeasurements(),
+				source: e,
+				intent: t,
+				context: n,
+				planner: this.#i,
+				groupable: this.#r?.capabilities.groupable ?? this.#e.groupable,
+				currentRegions: () => r.presentationGeometry().regions
+			});
+		});
+	}
+	#C(e) {
+		let t = this.#r;
+		t && (e.interrupted || e.reason !== "up" ? this.cancelForUser() : t.phase === "detached" && !this.#T(t) ? this.#r === t && this.cancelForUser() : this.#w(t, e));
+	}
+	#w(e, t) {
+		let n = e.phase === "detached" && this.#j(e);
+		e.phase === "pressed" && this.#M(e, t), this.#o = !0, this.cancel(), e.phase !== "pressed" && this.#k(e, n);
+	}
+	#T(e) {
+		return this.#L(e), e.initialPaint = !1, this.#R(e), this.#r === e && !e.preview.blocked;
+	}
+	#E(e) {
+		let t = {
+			source: e.source,
+			...e.initialAllocation,
+			phase: e.phase === "attached" ? "returning-attached" : "returning-detached",
+			intent: { kind: "invalid" },
+			cue: this.#x(e.source, e.group),
+			blocked: !1
+		};
+		return this.#i = void 0, this.#t.applyPreview(t), this.#D(e);
+	}
+	async #D(e) {
+		if (await this.#e.updateComplete, this.#c !== e) return;
+		let t = this.#e.shadowRoot?.querySelector("[data-destination-ghost]");
+		t && (t.getBoundingClientRect(), await Promise.allSettled(t.getAnimations().map((e) => e.finished)));
+	}
+	async #O(e, t) {
+		await e, this.#c === t && (this.#t.applyPreview(void 0), this.#A(t));
+	}
+	#k(e, t) {
+		this.#c = e, t || e.restoreScroll?.(), this.#A(e);
+	}
+	async #A(e) {
+		await this.#e.updateComplete, this.#c === e && (this.#c = void 0, e.restoreFocus?.());
+	}
+	#j(e) {
+		let t = e.preview.intent;
+		return t.kind !== "invalid" && this.#t.commitPlacement(e.source, t, e.preview.allocation === "reserved" ? e.preview.layout : void 0);
+	}
+	#M(e, t) {
+		let n = e.controlRect;
+		t.clientX >= n.x && t.clientX <= n.x + n.width && t.clientY >= n.y && t.clientY <= n.y + n.height && this.#t.activateSource(e.source, e.group);
+	}
+	#N = (e) => {
+		let t = e.detail, n = this.#r;
+		if (!n || t.kind !== "drag") return;
+		let r = Math.hypot(t.totalDisplacementX, t.totalDisplacementY);
+		if (n.phase === "pressed" && r < 6) return;
+		let a = {
+			x: t.clientX,
+			y: t.clientY
+		};
+		if (n.phase === "detached") {
+			this.#F(n, a);
+			return;
+		}
+		let o = {
+			...n,
+			restoreFocus: n.phase === "pressed" ? i(this.#e) : n.restoreFocus,
+			phase: "attached",
+			point: a,
+			preview: {
+				source: n.source,
+				phase: "attached",
+				point: a,
+				intent: { kind: "invalid" },
+				cue: n.initialCue,
+				blocked: !1
+			}
+		};
+		this.#p("grabbing"), r >= n.detachThreshold ? this.#P(o) : (this.#r = o, this.#t.applyPreview(o.preview));
+	};
+	#P(e) {
+		let { feasible: t, ...n } = e.initialPlacement?.offer ?? {
+			...e.initialAllocation,
+			cue: e.initialCue,
+			feasible: !0
+		}, r = {
+			...e.preview,
+			...n,
+			intent: e.initialPlacement?.intent ?? e.preview.intent,
+			context: n.context,
+			blocked: !t,
+			phase: "detached"
+		}, i = {
+			...e,
+			phase: "detached",
+			preview: r,
+			lastFeasible: r,
+			pendingInput: !0,
+			pendingRefresh: !1,
+			initialPaint: !0
+		};
+		this.#r = i, this.#t.applyPreview(r), this.#I(i);
+	}
+	#F(e, t) {
+		e.point = t, e.pendingInput = !0, this.#I(e);
+	}
+	#I(e) {
+		if (e.pendingFrame !== void 0) return;
+		let t = requestAnimationFrame(() => {
+			this.#r === e && e.pendingFrame === t && (e.pendingFrame = void 0, e.initialPaint && (e.initialPaint = !1, this.#e.shadowRoot?.querySelector("[data-destination-ghost]")?.getBoundingClientRect()), this.#R(e));
+		});
+		e.pendingFrame = t;
+	}
+	#L(e) {
+		e.pendingFrame !== void 0 && cancelAnimationFrame(e.pendingFrame), e.pendingFrame = void 0;
+	}
+	#R(e) {
+		let t = e.pendingInput, n = e.pendingRefresh;
+		e.pendingInput = !1, e.pendingRefresh = !1, n && this.#l(e), this.#r === e && (t ? this.#z(e, e.point) : n && this.#H(e.preview));
+	}
+	#z(e, t) {
+		this.#t.evaluateWithContext((n) => this.#B(e, t, n));
+	}
+	#B(e, t, n) {
+		let r = this.#t.getLayout(), { intent: i, acquisition: a } = u({
+			placement: n.getPlacementCatalog(e.source, t),
+			canonicalRoot: r?.root ?? null,
+			currentLayout: r ?? {
+				version: 1,
+				root: null,
+				closed: []
+			},
+			source: e.source,
+			point: t,
+			heldIntent: e.preview.intent,
+			groupable: e.capabilities.groupable,
+			gap: this.#t.getMeasurements().gap,
+			available: n.available,
+			projectLayout: n.projectLayout,
+			planPlacement: this.#i
+		});
+		if (!i) {
+			this.#V(e, t);
+			return;
+		}
+		let o = this.#S(e.source, i, {
+			selected: e.preview,
+			acquisition: a ? {
+				...a,
+				point: t
+			} : void 0
+		});
+		if (!o) {
+			e.preview = {
+				...e.preview,
+				point: t
+			}, this.#t.applyPreview(e.preview);
+			return;
+		}
+		let { feasible: s, context: c, ...l } = o;
+		e.preview = {
+			context: c,
+			...l,
+			source: e.source,
+			phase: "detached",
+			point: t,
+			intent: i,
+			cue: o.cue,
+			blocked: !s
+		}, s && (e.lastFeasible = e.preview), this.#H(e.preview);
+	}
+	#V(e, t) {
+		this.#p(e.lastFeasible.blocked ? "no-drop" : "grabbing"), e.preview = {
+			...e.lastFeasible,
+			point: t
+		}, this.#t.applyPreview(e.preview);
+	}
+	#H(e) {
+		this.#p(e.blocked ? "no-drop" : "grabbing"), this.#t.applyPreview(e);
+	}
+};
+export { p as WorkspaceRearrangeController };
+
+//# sourceMappingURL=workspace-rearrange.controller.js.map