@nvidia-elements/core 2.22.4 → 2.23.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-rearrange.controller.js","names":["WorkspaceRearrangeController","#host","host","#delegate","delegate","#gesture","GestureController","control","#findDragControl","event","#session","#allowsDrag","#pendingRecovery","#suppressClick","#document","#input","#movement","#click","#keydown","#freshPointer","preview","decidePlacement","evaluation","#planner","change","session","#createInitialCue","#requestFrame","#cancelFrame","#restoreCursor","recovery","completion","#returnToOrigin","#completeReturnPreview","refresh","offer","#getPlacementOffer","presentation","feasible","sharesPreview","#cursor","cursor","previous","item","#getCapabilities","capabilities","layout","getWorkspacePanelSource","findGroup","input","#start","#end","source","#getDragSource","threshold","initialCue","createWorkspacePlacementPlanner","createInitialReservation","intent","nonnegativeFiniteOr","captureTabScroll","measurements","getInitialDragCue","rect","getAllocatedTabWidth","group","evaluatePlacementOffer","#prepareDrop","#completeInteraction","committed","#drop","#activate","#recoverAfterDrop","#flushPending","#settlePreviewReturn","ghost","animation","#completeRecovery","distance","point","#queueInput","attached","captureWorkspaceFocus","#setCursor","#detach","initial","frame","pointerPending","refreshPending","#refreshSelected","#offerAt","#publish","#evaluateOffer","decidePointerPlacement","#showLastFeasible","acquisition"],"sources":["../../../src/workspace/controllers/workspace-rearrange.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveControllerHost } from 'lit';\n\nimport {\n  type Gesture,\n  GestureController,\n  type GestureInput,\n  nonnegativeFiniteOr,\n  type Point,\n  type Rect\n} from '@nvidia-elements/core/internal';\n\nimport { decidePlacement, decidePointerPlacement } from '../utils/interaction/placement-decision.utils.js';\nimport { getWorkspacePanelSource } from '../utils/model/membership.utils.js';\nimport { findGroup } from '../utils/model/operations.utils.js';\nimport { createInitialReservation } from '../utils/placement/origin.utils.js';\nimport { createWorkspacePlacementPlanner } from '../utils/placement/planner.utils.js';\nimport { evaluatePlacementOffer } from '../utils/placement/preparation.utils.js';\nimport { captureTabScroll, captureWorkspaceFocus } from '../utils/presentation/composition.utils.js';\nimport { getAllocatedTabWidth, getInitialDragCue } from '../utils/presentation/groups.utils.js';\n\nimport type {\n  WorkspaceDragAllocation,\n  WorkspaceDragCue,\n  WorkspaceDragOffer,\n  WorkspaceDragPreview,\n  WorkspaceDropIntent,\n  WorkspaceOfferContext\n} from '../utils/interaction/drag-preview.utils.js';\nimport type { WorkspaceLayout } from '../utils/model/layout.utils.js';\nimport type { WorkspacePlacementPlanner } from '../utils/placement/planner.utils.js';\nimport type { WorkspaceMeasurementChange, WorkspaceMeasurements } from '../utils/presentation/measurements.utils.js';\nimport type { WorkspaceEvaluation } from '../utils/evaluation.utils.js';\n\nexport interface WorkspaceRearrangeCapabilities {\n  rearrangeable: boolean;\n  groupable: boolean;\n}\n\ntype WorkspaceRearrangeHost = HTMLElement &\n  ReactiveControllerHost & {\n    readonly rearrangeable: boolean;\n    readonly groupable: boolean;\n    readonly detachThreshold: number;\n  };\n\ninterface WorkspaceRearrangeDelegate {\n  readonly evaluateWithContext: <T>(work: (evaluation: WorkspaceEvaluation) => T) => T;\n  readonly isRearrangementAllowed: () => boolean;\n  readonly getLayout: () => WorkspaceLayout | undefined;\n  readonly getAvailablePanels: () => string[];\n  readonly getMeasurements: () => WorkspaceMeasurements;\n  readonly activateSource: (source: string[], group: boolean) => void;\n  readonly applyPreview: (preview: WorkspaceDragPreview | undefined) => void;\n  readonly commitPlacement: (\n    source: string[],\n    intent: Exclude<WorkspaceDropIntent, { kind: 'invalid' }>,\n    layout?: WorkspaceLayout\n  ) => boolean;\n}\n\ntype AttachedPreview = Extract<WorkspaceDragPreview, { phase: 'attached' }>;\n\ntype DetachedPreview = Extract<WorkspaceDragPreview, { phase: 'detached' }>;\n\ninterface SessionOrigin {\n  capabilities: WorkspaceRearrangeCapabilities;\n  source: string[];\n  group: boolean;\n  controlRect: Rect;\n  initialCue: WorkspaceDragCue;\n  detachThreshold: number;\n  initialAllocation: WorkspaceDragAllocation;\n  initialPlacement?: { intent: WorkspaceDropIntent; offer: WorkspaceDragOffer };\n  restoreScroll?: () => void;\n  restoreFocus?: () => void;\n}\n\ntype AttachedSession = SessionOrigin & {\n  phase: 'attached';\n  point: Point;\n  preview: AttachedPreview;\n};\n\ntype DetachedSession = SessionOrigin & {\n  phase: 'detached';\n  point: Point;\n  preview: DetachedPreview;\n  lastFeasible: DetachedPreview;\n  pendingFrame?: number;\n  pendingInput: boolean;\n  pendingRefresh: boolean;\n  initialPaint: boolean;\n};\n\ntype WorkspaceRearrangeControllerSession = (SessionOrigin & { phase: 'pressed' }) | AttachedSession | DetachedSession;\n\nexport class WorkspaceRearrangeController {\n  readonly #host: WorkspaceRearrangeHost;\n\n  readonly #delegate: WorkspaceRearrangeDelegate;\n\n  readonly #gesture: GestureController;\n\n  #session?: WorkspaceRearrangeControllerSession;\n\n  #planner?: WorkspacePlacementPlanner;\n\n  #document?: Document;\n\n  #suppressClick = false;\n\n  #cursor?: { value: string; priority: string; owned: string };\n\n  #pendingRecovery?: SessionOrigin;\n\n  constructor(host: WorkspaceRearrangeHost, delegate: WorkspaceRearrangeDelegate) {\n    this.#host = host;\n    this.#delegate = delegate;\n    this.#gesture = new GestureController(host, {\n      claimPriority: 'descendant-first',\n      suppressNativeDrag: true,\n      shouldIgnoreEvent: event => {\n        const control = this.#findDragControl(event);\n        return (!this.#session && !this.#allowsDrag(control)) || this.#pendingRecovery !== undefined || !control;\n      }\n    });\n    this.#gesture.target = host;\n    host.addController(this);\n  }\n\n  get capabilities() {\n    return this.#session?.capabilities;\n  }\n\n  get suppressSelection() {\n    return this.#suppressClick || this.#session?.phase === 'attached' || this.#session?.phase === 'detached';\n  }\n\n  hostConnected() {\n    this.#document = this.#host.ownerDocument;\n    this.#host.addEventListener('nve-gesture-input', this.#input as EventListener);\n    this.#host.addEventListener('nve-gesture', this.#movement as EventListener);\n    this.#host.addEventListener('click', this.#click, true);\n    this.#document.addEventListener('keydown', this.#keydown);\n    this.#document.addEventListener('pointerdown', this.#freshPointer, true);\n  }\n\n  hostDisconnected() {\n    this.#host.removeEventListener('nve-gesture-input', this.#input as EventListener);\n    this.#host.removeEventListener('nve-gesture', this.#movement as EventListener);\n    this.#host.removeEventListener('click', this.#click, true);\n    this.#document?.removeEventListener('keydown', this.#keydown);\n    this.#document?.removeEventListener('pointerdown', this.#freshPointer, true);\n    this.#document = undefined;\n    this.cancel();\n  }\n\n  getPreviewHint(preview: WorkspaceDragPreview, evaluation: WorkspaceEvaluation) {\n    if (preview.phase !== 'detached' || !preview.point) return undefined;\n\n    return decidePlacement({\n      ...evaluation.targetCatalog(preview.source),\n      preview,\n      source: preview.source,\n      point: preview.point,\n      local: preview.intent,\n      header: false,\n      currentLayout: this.#delegate.getLayout() ?? { version: 1, root: null, closed: [] },\n      available: evaluation.available,\n      projectLayout: evaluation.projectLayout,\n      planPlacement: this.#planner\n    }).hint;\n  }\n\n  handleMeasurementsChange(change: WorkspaceMeasurementChange) {\n    if (change.spaceChanged) {\n      this.cancel();\n    } else {\n      this.refresh();\n    }\n  }\n\n  refresh() {\n    const session = this.#session;\n    if (!session || session.phase === 'pressed') return;\n    if (session.phase === 'attached') {\n      session.initialCue = this.#createInitialCue(session.source, session.group);\n      session.preview = { ...session.preview, cue: session.initialCue };\n      this.#delegate.applyPreview(session.preview);\n      return;\n    }\n    session.pendingRefresh = true;\n    this.#requestFrame(session);\n  }\n\n  cancelForUser() {\n    if (this.#pendingRecovery) return;\n    const session = this.#session;\n    if (!session || session.phase === 'pressed') {\n      this.cancel();\n      return;\n    }\n    if (session.phase === 'detached') {\n      this.#cancelFrame(session);\n    }\n    this.#restoreCursor();\n    this.#session = undefined;\n    this.#suppressClick = true;\n    const recovery = session;\n    this.#pendingRecovery = recovery;\n    const completion = this.#returnToOrigin(session);\n    session.restoreScroll?.();\n    void this.#completeReturnPreview(completion, recovery);\n  }\n\n  cancel() {\n    this.#restoreCursor();\n    this.#pendingRecovery = undefined;\n    this.#suppressClick ||= this.#session !== undefined && this.#session.phase !== 'pressed';\n    if (this.#session?.phase === 'detached') {\n      this.#cancelFrame(this.#session);\n    }\n    this.#session = undefined;\n    this.#planner = undefined;\n    this.#delegate.applyPreview(undefined);\n  }\n\n  #refreshSelected(session: DetachedSession) {\n    const refresh = (preview: DetachedPreview): DetachedPreview => {\n      const offer = this.#getPlacementOffer(session.source, preview.intent, { selected: preview });\n      if (!offer) return preview;\n      const { feasible, context, seams, ...presentation } = offer;\n      return {\n        ...preview,\n        ...presentation,\n        seams,\n        context: context,\n        blocked: !feasible\n      };\n    };\n    const sharesPreview = session.lastFeasible === session.preview;\n    session.lastFeasible = refresh(session.lastFeasible);\n    session.preview = sharesPreview ? session.lastFeasible : refresh(session.preview);\n  }\n\n  #freshPointer = () => {\n    if (this.#pendingRecovery) {\n      this.cancel();\n    }\n    this.#suppressClick = false;\n  };\n\n  #keydown = (event: KeyboardEvent) => {\n    if (this.#pendingRecovery && event.key !== 'Escape' && !event.repeat) {\n      this.cancel();\n    }\n    if (event.key === 'Escape' && !event.defaultPrevented && this.#session) {\n      event.preventDefault();\n      this.cancelForUser();\n    }\n  };\n\n  #click = (event: Event) => {\n    if (!this.#suppressClick) return;\n    if (event instanceof MouseEvent && event.detail === 0) {\n      this.#suppressClick = false;\n      return;\n    }\n    event.preventDefault();\n    event.stopImmediatePropagation();\n    this.#suppressClick = false;\n  };\n\n  #setCursor(cursor: 'grabbing' | 'no-drop') {\n    this.#cursor ??= {\n      value: this.#host.style.getPropertyValue('cursor'),\n      priority: this.#host.style.getPropertyPriority('cursor'),\n      owned: cursor\n    };\n    this.#cursor.owned = cursor;\n    this.#host.style.setProperty('cursor', cursor, 'important');\n  }\n\n  #restoreCursor() {\n    const previous = this.#cursor;\n    if (!previous) return;\n    this.#cursor = undefined;\n    if (\n      this.#host.style.getPropertyValue('cursor') !== previous.owned ||\n      this.#host.style.getPropertyPriority('cursor') !== 'important'\n    ) {\n      return;\n    }\n    if (previous.value) {\n      this.#host.style.setProperty('cursor', previous.value, previous.priority);\n    } else {\n      this.#host.style.removeProperty('cursor');\n    }\n  }\n\n  #findDragControl(event: Event): HTMLElement | undefined {\n    return event\n      .composedPath()\n      .find(\n        (item): item is HTMLElement =>\n          item instanceof HTMLElement &&\n          item.getRootNode() === this.#host.shadowRoot &&\n          (item.hasAttribute('data-panel') || item.hasAttribute('data-drag-group'))\n      );\n  }\n\n  #getCapabilities(): WorkspaceRearrangeCapabilities {\n    return { rearrangeable: this.#host.rearrangeable, groupable: this.#host.groupable };\n  }\n\n  #allowsDrag(control: HTMLElement | undefined, capabilities = this.#getCapabilities()): boolean {\n    return (\n      !!control &&\n      this.#delegate.isRearrangementAllowed() &&\n      capabilities.rearrangeable &&\n      (capabilities.groupable || control.localName !== 'nve-tabs-item')\n    );\n  }\n\n  #getDragSource(control: HTMLElement): string[] | undefined {\n    const layout = this.#delegate.getLayout();\n    if (control.dataset.panel) {\n      return getWorkspacePanelSource({\n        layout,\n        anchor: control.dataset.panel,\n        available: this.#delegate.getAvailablePanels()\n      });\n    }\n    return control.dataset.dragGroup\n      ? [...(findGroup(layout?.root ?? null, control.dataset.dragGroup)?.panels ?? [])]\n      : undefined;\n  }\n\n  #input = (event: CustomEvent<GestureInput>) => {\n    if (event.target !== this.#host) return;\n    const input = event.detail;\n    if (input.kind === 'pointerdown') {\n      this.#start(input);\n    } else if (input.kind === 'pointerend') {\n      this.#end(input);\n    }\n  };\n\n  #start(input: Extract<GestureInput, { kind: 'pointerdown' }>) {\n    const control = this.#findDragControl(input.event);\n    if (!control) return;\n    const capabilities = this.#getCapabilities();\n    const source = this.#getDragSource(control);\n    if (\n      !source ||\n      !this.#allowsDrag(control, capabilities) ||\n      input.event.button !== 0 ||\n      !input.event.isPrimary ||\n      this.#session\n    ) {\n      return;\n    }\n    if (!input.claim({ kind: 'drag' })) return;\n    this.#suppressClick = false;\n    const threshold = this.#host.detachThreshold;\n    const initialCue = this.#createInitialCue(source, control.hasAttribute('data-drag-group'));\n    const layout = this.#delegate.getLayout();\n    if (layout) {\n      this.#planner = createWorkspacePlacementPlanner();\n    }\n    this.#session = {\n      source,\n      phase: 'pressed',\n      capabilities,\n      initialAllocation: { allocation: 'committed' },\n      initialPlacement: layout\n        ? createInitialReservation({\n            layout,\n            source,\n            cue: initialCue,\n            available: this.#delegate.getAvailablePanels(),\n            evaluate: intent => this.#getPlacementOffer(source, intent)\n          })\n        : undefined,\n      detachThreshold: nonnegativeFiniteOr(threshold, 48),\n      group: control.hasAttribute('data-drag-group'),\n      controlRect: control.getBoundingClientRect(),\n      initialCue,\n      restoreScroll: captureTabScroll(this.#host)\n    };\n  }\n\n  #createInitialCue(source: string[], groupDrag: boolean): WorkspaceDragCue {\n    return this.#delegate.evaluateWithContext(evaluation => {\n      const layout = this.#delegate.getLayout() ?? { version: 1, root: null, closed: [] };\n      const measurements = this.#delegate.getMeasurements();\n      return getInitialDragCue({\n        groups: evaluation.geometry(evaluation.project(layout)).groups,\n        source,\n        groupDrag,\n        bounds: evaluation.bounds(),\n        client: rect => evaluation.client(rect),\n        measurements,\n        width: group => getAllocatedTabWidth(group, measurements),\n        scroll: group => evaluation.scroll(group)\n      });\n    });\n  }\n\n  #getPlacementOffer(\n    source: string[],\n    intent: WorkspaceDropIntent,\n    context?: WorkspaceOfferContext\n  ): WorkspaceDragOffer | undefined {\n    return this.#delegate.evaluateWithContext(evaluation => {\n      const layout = this.#delegate.getLayout();\n      if (!layout || intent.kind === 'invalid') return undefined;\n\n      return evaluatePlacementOffer({\n        evaluation,\n        layout,\n        measurements: this.#delegate.getMeasurements(),\n        source,\n        intent,\n        context,\n        planner: this.#planner,\n        groupable: this.#session?.capabilities.groupable ?? this.#host.groupable,\n        currentRegions: () => evaluation.presentationGeometry().regions\n      });\n    });\n  }\n\n  #end(input: Extract<GestureInput, { kind: 'pointerend' }>) {\n    const session = this.#session;\n    if (!session) return;\n    if (input.interrupted || input.reason !== 'up') {\n      this.cancelForUser();\n      return;\n    }\n    if (session.phase === 'detached' && !this.#prepareDrop(session)) {\n      if (this.#session === session) {\n        this.cancelForUser();\n      }\n      return;\n    }\n    this.#completeInteraction(session, input);\n  }\n\n  #completeInteraction(\n    session: WorkspaceRearrangeControllerSession,\n    input: Extract<GestureInput, { kind: 'pointerend' }>\n  ) {\n    const committed = session.phase === 'detached' ? this.#drop(session) : false;\n    if (session.phase === 'pressed') {\n      this.#activate(session, input);\n    }\n    this.#suppressClick = true;\n    this.cancel();\n    if (session.phase !== 'pressed') {\n      this.#recoverAfterDrop(session, committed);\n    }\n  }\n\n  #prepareDrop(session: DetachedSession) {\n    this.#cancelFrame(session);\n    session.initialPaint = false;\n    this.#flushPending(session);\n    return this.#session === session && !session.preview.blocked;\n  }\n\n  #returnToOrigin(session: AttachedSession | DetachedSession) {\n    const preview: WorkspaceDragPreview = {\n      source: session.source,\n      ...session.initialAllocation,\n      phase: session.phase === 'attached' ? 'returning-attached' : 'returning-detached',\n      intent: { kind: 'invalid' },\n      cue: this.#createInitialCue(session.source, session.group),\n      blocked: false\n    };\n    this.#planner = undefined;\n    this.#delegate.applyPreview(preview);\n    return this.#settlePreviewReturn(session);\n  }\n\n  async #settlePreviewReturn(session: SessionOrigin) {\n    await this.#host.updateComplete;\n    if (this.#pendingRecovery !== session) return;\n    const ghost = this.#host.shadowRoot?.querySelector('[data-destination-ghost]');\n    if (!ghost) return;\n    ghost.getBoundingClientRect();\n    await Promise.allSettled(ghost.getAnimations().map(animation => animation.finished));\n  }\n\n  async #completeReturnPreview(completion: Promise<void>, session: SessionOrigin) {\n    await completion;\n    if (this.#pendingRecovery !== session) return;\n\n    this.#delegate.applyPreview(undefined);\n    void this.#completeRecovery(session);\n  }\n\n  #recoverAfterDrop(session: SessionOrigin, committed: boolean) {\n    this.#pendingRecovery = session;\n    if (!committed) {\n      session.restoreScroll?.();\n    }\n    void this.#completeRecovery(session);\n  }\n\n  async #completeRecovery(session: SessionOrigin) {\n    await this.#host.updateComplete;\n    if (this.#pendingRecovery !== session) return;\n    this.#pendingRecovery = undefined;\n    session.restoreFocus?.();\n  }\n\n  #drop(session: DetachedSession) {\n    const intent = session.preview.intent;\n    return intent.kind !== 'invalid'\n      ? this.#delegate.commitPlacement(\n          session.source,\n          intent,\n          session.preview.allocation === 'reserved' ? session.preview.layout : undefined\n        )\n      : false;\n  }\n\n  #activate(\n    session: { source: string[]; group: boolean; controlRect: Rect },\n    input: Extract<GestureInput, { kind: 'pointerend' }>\n  ) {\n    const rect = session.controlRect;\n    if (\n      input.clientX >= rect.x &&\n      input.clientX <= rect.x + rect.width &&\n      input.clientY >= rect.y &&\n      input.clientY <= rect.y + rect.height\n    ) {\n      this.#delegate.activateSource(session.source, session.group);\n    }\n  }\n\n  #movement = (event: CustomEvent<Gesture<undefined>>) => {\n    const input = event.detail;\n    const session = this.#session;\n    if (!session || input.kind !== 'drag') return;\n    const distance = Math.hypot(input.totalDisplacementX, input.totalDisplacementY);\n    if (session.phase === 'pressed' && distance < 6) return;\n    const point = { x: input.clientX, y: input.clientY };\n    if (session.phase === 'detached') {\n      this.#queueInput(session, point);\n      return;\n    }\n    const attached: AttachedSession = {\n      ...session,\n      restoreFocus: session.phase === 'pressed' ? captureWorkspaceFocus(this.#host) : session.restoreFocus,\n      phase: 'attached',\n      point,\n      preview: {\n        source: session.source,\n\n        phase: 'attached',\n        point,\n        intent: { kind: 'invalid' },\n        cue: session.initialCue,\n        blocked: false\n      }\n    };\n    this.#setCursor('grabbing');\n    if (distance >= session.detachThreshold) {\n      this.#detach(attached);\n    } else {\n      this.#session = attached;\n      this.#delegate.applyPreview(attached.preview);\n    }\n  };\n\n  #detach(attached: AttachedSession) {\n    const origin: WorkspaceDragOffer = attached.initialPlacement?.offer ?? {\n      ...attached.initialAllocation,\n      cue: attached.initialCue,\n      feasible: true\n    };\n    const { feasible, ...initial } = origin;\n    const preview: DetachedPreview = {\n      ...attached.preview,\n      ...initial,\n      intent: attached.initialPlacement?.intent ?? attached.preview.intent,\n      context: initial.context,\n      blocked: !feasible,\n      phase: 'detached'\n    };\n    const session: DetachedSession = {\n      ...attached,\n      phase: 'detached',\n      preview,\n      lastFeasible: preview,\n      pendingInput: true,\n      pendingRefresh: false,\n      initialPaint: true\n    };\n    this.#session = session;\n    this.#delegate.applyPreview(preview);\n    this.#requestFrame(session);\n  }\n\n  #queueInput(session: DetachedSession, point: Point) {\n    session.point = point;\n    session.pendingInput = true;\n    this.#requestFrame(session);\n  }\n\n  #requestFrame(session: DetachedSession) {\n    if (session.pendingFrame !== undefined) return;\n    const frame = requestAnimationFrame(() => {\n      if (this.#session !== session || session.pendingFrame !== frame) return;\n      session.pendingFrame = undefined;\n      if (session.initialPaint) {\n        session.initialPaint = false;\n        this.#host.shadowRoot?.querySelector('[data-destination-ghost]')?.getBoundingClientRect();\n      }\n      this.#flushPending(session);\n    });\n    session.pendingFrame = frame;\n  }\n\n  #cancelFrame(session: DetachedSession) {\n    if (session.pendingFrame !== undefined) {\n      cancelAnimationFrame(session.pendingFrame);\n    }\n    session.pendingFrame = undefined;\n  }\n\n  #flushPending(session: DetachedSession) {\n    const pointerPending = session.pendingInput;\n    const refreshPending = session.pendingRefresh;\n    session.pendingInput = false;\n    session.pendingRefresh = false;\n    if (refreshPending) {\n      this.#refreshSelected(session);\n    }\n    if (this.#session !== session) return;\n    if (pointerPending) {\n      this.#offerAt(session, session.point);\n    } else if (refreshPending) {\n      this.#publish(session.preview);\n    }\n  }\n\n  #offerAt(session: DetachedSession, point: Point) {\n    this.#delegate.evaluateWithContext(evaluation => this.#evaluateOffer(session, point, evaluation));\n  }\n\n  #evaluateOffer(session: DetachedSession, point: Point, evaluation: WorkspaceEvaluation) {\n    const layout = this.#delegate.getLayout();\n    const { intent, acquisition } = decidePointerPlacement({\n      placement: evaluation.getPlacementCatalog(session.source, point),\n      canonicalRoot: layout?.root ?? null,\n      currentLayout: layout ?? { version: 1, root: null, closed: [] },\n      source: session.source,\n      point,\n      heldIntent: session.preview.intent,\n      groupable: session.capabilities.groupable,\n      gap: this.#delegate.getMeasurements().gap,\n      available: evaluation.available,\n      projectLayout: evaluation.projectLayout,\n      planPlacement: this.#planner\n    });\n    if (!intent) {\n      this.#showLastFeasible(session, point);\n      return;\n    }\n    const offer = this.#getPlacementOffer(session.source, intent, {\n      selected: session.preview,\n      acquisition: acquisition ? { ...acquisition, point } : undefined\n    });\n    if (!offer) {\n      session.preview = { ...session.preview, point };\n      this.#delegate.applyPreview(session.preview);\n      return;\n    }\n    const { feasible, context, ...presentation } = offer;\n    session.preview = {\n      context: context,\n      ...presentation,\n      source: session.source,\n\n      phase: 'detached',\n      point,\n      intent,\n      cue: offer.cue,\n      blocked: !feasible\n    };\n    if (feasible) {\n      session.lastFeasible = session.preview;\n    }\n    this.#publish(session.preview);\n  }\n\n  #showLastFeasible(session: DetachedSession, point: Point) {\n    this.#setCursor(session.lastFeasible.blocked ? 'no-drop' : 'grabbing');\n    session.preview = { ...session.lastFeasible, point };\n    this.#delegate.applyPreview(session.preview);\n  }\n\n  #publish(preview: DetachedPreview) {\n    this.#setCursor(preview.blocked ? 'no-drop' : 'grabbing');\n    this.#delegate.applyPreview(preview);\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,43 @@
+import type { ReactiveControllerHost } from 'lit';
+import { type GestureInput } from '@nvidia-elements/core/internal';
+import type { WorkspaceBoundary } from '../utils/geometry/allocation.utils.js';
+import type { WorkspaceLayout } from '../utils/model/layout.utils.js';
+import type { WorkspaceMeasurementChange, WorkspaceMeasurements } from '../utils/presentation/measurements.utils.js';
+interface WorkspaceResizeHost extends HTMLElement, ReactiveControllerHost {
+    readonly resizePolicy: 'stop' | 'propagate';
+}
+interface ResizePresentation {
+    measurements: WorkspaceMeasurements;
+    rearrangeable: boolean;
+    closable: boolean;
+    fullscreenable: boolean;
+}
+interface WorkspaceResizeDelegate {
+    readonly isEnabled: () => boolean;
+    readonly getLayout: () => WorkspaceLayout | undefined;
+    readonly getBoundaries: () => WorkspaceBoundary[];
+    readonly getAvailablePanels: () => string[];
+    readonly getPresentation: () => ResizePresentation;
+    readonly cancelForUser: () => void;
+    readonly commitLayout: (layout: WorkspaceLayout) => void;
+}
+export declare class WorkspaceResizeController {
+    #private;
+    constructor(host: WorkspaceResizeHost, delegate: WorkspaceResizeDelegate);
+    get preview(): WorkspaceLayout | undefined;
+    get presentation(): ResizePresentation | undefined;
+    get retainingHandles(): boolean;
+    get resizing(): boolean;
+    get policy(): 'stop' | 'propagate';
+    hostConnected(): void;
+    hostDisconnected(): void;
+    hostUpdate(): void;
+    hostUpdated(): void;
+    handleMeasurementsChange(change: WorkspaceMeasurementChange): void;
+    resetForRestore(): void;
+    cancel(): void;
+    input(event: Event, boundary: WorkspaceBoundary): void;
+    change(event: Event, boundary: WorkspaceBoundary): void;
+    gesture: (event: CustomEvent<GestureInput>) => void;
+}
+export {};

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

@@ -0,0 +1,168 @@
+import { matchesElementName as e } from "../../internal/utils/dom.js";
+import { ResizeHandle as t } from "../../resize-handle/resize-handle2.js";
+import { rebaseProjectedSplit as n } from "../utils/model/projection.utils.js";
+import { resizeSizes as r } from "../utils/geometry/partition.utils.js";
+import { isResizeKey as i } from "../utils/interaction/resize-input.utils.js";
+// src/workspace/controllers/workspace-resize.controller.ts
+var a = class {
+	#e;
+	#t;
+	#n;
+	#r;
+	#i;
+	#a;
+	constructor(e, t) {
+		this.#i = !1, this.gesture = (e) => {
+			let t = this.#s(e);
+			if (!t) return;
+			let n = e.detail;
+			if (n.kind === "pointerdown" && n.event.button === 0 && n.event.isPrimary && this.#t.isEnabled()) {
+				let e = this.#t.getBoundaries().find((e) => e.key === t.dataset.boundary);
+				e && this.#u(t, e, n.event.pointerId);
+			}
+			n.kind === "pointerend" && this.#o(t, n);
+		}, this.#c = (e) => {
+			this.#s(e) && (e instanceof KeyboardEvent && !i(e.key) || (this.#t.isEnabled() && !this.#l ? e instanceof KeyboardEvent && this.#n?.status === "cancelled" && (this.#n = void 0) : (e.preventDefault(), e.stopImmediatePropagation())));
+		}, this.#m = (e) => {
+			e.key !== "Escape" || e.defaultPrevented || this.#n?.status !== "active" || (e.preventDefault(), this.#t.cancelForUser());
+		}, this.#e = e, this.#t = t, e.addController(this);
+	}
+	get preview() {
+		return this.#n?.status === "cancelled" ? void 0 : this.#n?.preview?.layout;
+	}
+	get presentation() {
+		let e = this.#n;
+		return e?.status === "cancelled" ? void 0 : e?.presentation;
+	}
+	get retainingHandles() {
+		return this.#n?.pointerId !== void 0 && this.#n.status !== "cancelled";
+	}
+	get resizing() {
+		return this.#i;
+	}
+	get policy() {
+		let e = this.#n;
+		return e && e.status !== "cancelled" ? e.policy : this.#e.resizePolicy === "propagate" ? "propagate" : "stop";
+	}
+	hostConnected() {
+		this.#r = this.#e.ownerDocument, this.#e.addEventListener("pointerdown", this.#c, !0), this.#e.addEventListener("keydown", this.#c, !0), this.#r.addEventListener("keydown", this.#m);
+	}
+	hostDisconnected() {
+		this.#e.removeEventListener("pointerdown", this.#c, !0), this.#e.removeEventListener("keydown", this.#c, !0), this.#r?.removeEventListener("keydown", this.#m), this.#r = void 0, this.#n = void 0, this.#f();
+	}
+	hostUpdate() {
+		let e = this.#n;
+		if (e?.status !== "active" || e.pendingValue === void 0) return;
+		let t = e.pendingValue;
+		e.pendingValue = void 0, this.#_(t, e);
+	}
+	hostUpdated() {
+		!this.#i || this.preview || this.retainingHandles || this.#a !== void 0 || (this.#a = requestAnimationFrame(() => {
+			this.#a = requestAnimationFrame(() => {
+				this.#a = void 0, !(this.preview || this.retainingHandles) && (this.#f(), this.#e.requestUpdate());
+			});
+		}));
+	}
+	handleMeasurementsChange(e) {
+		e.spaceChanged && this.cancel();
+	}
+	resetForRestore() {
+		this.cancel(), this.#f();
+	}
+	cancel() {
+		let e = this.#n;
+		e && e.status !== "cancelled" && (this.#n = {
+			handle: e.handle,
+			pointerId: e.pointerId,
+			status: "cancelled"
+		}, this.#e.requestUpdate());
+	}
+	input(e, t) {
+		this.#h(e, t, !1);
+	}
+	change(e, t) {
+		this.#h(e, t, !0);
+	}
+	#o(e, t) {
+		let n = this.#n;
+		if (n?.handle !== e || n.pointerId !== t.event.pointerId) return;
+		t.interrupted && this.cancel();
+		let r = this.#n;
+		r && (r.status === "cancelled" ? (r.pointerId = void 0, this.#p(e)) : r.status === "committed" ? this.#n = void 0 : r.pointerId = void 0, this.#e.requestUpdate());
+	}
+	#s(e) {
+		return e.composedPath().find((e) => o(e) && e.isConnected && e.getRootNode() === this.#e.shadowRoot);
+	}
+	#c;
+	get #l() {
+		let e = this.#n;
+		return e?.pointerId !== void 0 && e.handle.isConnected && e.handle.getRootNode() === this.#e.shadowRoot;
+	}
+	#u(e, t, n) {
+		let r = this.#t.getLayout();
+		r && (this.#n = {
+			handle: e,
+			pointerId: n,
+			status: "active",
+			baseline: structuredClone(r),
+			origin: t,
+			policy: this.policy,
+			available: this.#t.getAvailablePanels(),
+			presentation: this.#t.getPresentation()
+		});
+	}
+	#d() {
+		this.#a !== void 0 && cancelAnimationFrame(this.#a), this.#a = void 0, this.#i = !0;
+	}
+	#f() {
+		this.#a !== void 0 && cancelAnimationFrame(this.#a), this.#a = void 0, this.#i = !1;
+	}
+	async #p(e) {
+		if (await this.#e.updateComplete, !e.isConnected || e.getRootNode() !== this.#e.shadowRoot) return;
+		let t = this.#t.getBoundaries().find((t) => t.key === e.dataset.boundary);
+		t && (e.valueAsNumber = t.value);
+	}
+	#m;
+	#h(e, t, n) {
+		e.stopPropagation();
+		let r = e.currentTarget;
+		if (!o(r) || !this.#s(e)) return;
+		!this.#n && this.#t.isEnabled() && this.#u(r, t);
+		let i = this.#n;
+		if (!i || i.handle !== r || i.status !== "active") return;
+		let a = r.valueAsNumber;
+		if (n) {
+			i.pendingValue = void 0;
+			let e = this.#_(a, i);
+			e && this.#v(e, i);
+		} else this.#g(a, i);
+	}
+	#g(e, t) {
+		t.pendingValue === e || t.pendingValue === void 0 && t.preview?.value === e || (t.pendingValue = e, this.#e.requestUpdate());
+	}
+	#_(e, t) {
+		if (t.preview?.value === e) return t.preview.layout;
+		let n = this.#y(e, t);
+		return n && (this.#d(), t.preview = {
+			value: e,
+			layout: n
+		}), n;
+	}
+	#v(e, t) {
+		t.preview = void 0, t.status = "committed", t.pointerId === void 0 && (this.#n = void 0), this.#t.commitLayout(e);
+	}
+	#y(e, t) {
+		let { origin: i, baseline: a } = t, o = (e - i.value) * (i.branch.axis === "horizontal" ? 1 : -1), s = r(i.sizes, i.minima, {
+			boundary: i.index,
+			delta: o,
+			policy: t.policy
+		});
+		return s.every((e, t) => e === i.sizes[t]) ? structuredClone(a) : n(a, i.branch, s, t.available);
+	}
+};
+function o(n) {
+	return n !== null && e(n, t);
+}
+export { a as WorkspaceResizeController };
+
+//# sourceMappingURL=workspace-resize.controller.js.map

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

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

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

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

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

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

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

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

package/dist/workspace/define.d.ts

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

package/dist/workspace/define.js

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

package/dist/workspace/define.js.map

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

package/dist/workspace/index.d.ts

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