@ixfx/components 0.13.1 → 0.13.3

package/dist/{split-layout-CXotkdbx.js.map → split-layout-Deoxy47d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"split-layout-CXotkdbx.js","names":["customElement","customElement"],"sources":["../src/split-layout/split-drag.ts","../src/split-layout/split-model.ts","../src/split-layout/split-panel.ts","../src/split-layout/split-layout.ts"],"sourcesContent":["import type { DistributeResult } from './split-model.js';\n\nexport interface DragState {\n  isDragging: boolean;\n  groupId: string;\n  gutterIndex: number;\n  startPointerX: number;\n  startPointerY: number;\n  containerRect: DOMRect;\n  trackSizes: number[];\n  minConstraints: number[];\n  maxConstraints: Array<number | null>;\n  fixedConstraints: Array<number | null>;\n  whenSmallConstraints: string[];\n}\n\nexport interface DragHandlers {\n  onDragStart: (state: DragState) => void;\n  onDragMove: (state: DragState, deltaX: number, deltaY: number) => void;\n  onDragEnd: (state: DragState) => void;\n  distribute: (\n    sizesPx: number[],\n    gutterIndex: number,\n    deltaPx: number,\n    constraints: Array<{ minPx: number; maxPx: number | null; fixedPx: number | null; whenSmall: string }>,\n  ) => DistributeResult;\n}\n\nexport function createDragMachine(handlers: DragHandlers) {\n  let state: DragState | null = null;\n  let rafId: number | null = null;\n  let pendingMove: { deltaX: number; deltaY: number } | null = null;\n\n  function startGutterDrag(\n    groupId: string,\n    gutterIndex: number,\n    _pointerId: number,\n    clientX: number,\n    clientY: number,\n    containerRect: DOMRect,\n    trackSizes: number[],\n    constraints: Array<{ minPx: number; maxPx: number | null; fixedPx: number | null; whenSmall: string }>,\n  ) {\n    state = {\n      isDragging: true,\n      groupId,\n      gutterIndex,\n      startPointerX: clientX,\n      startPointerY: clientY,\n      containerRect,\n      trackSizes,\n      minConstraints: constraints.map(c => c.minPx),\n      maxConstraints: constraints.map(c => c.maxPx),\n      fixedConstraints: constraints.map(c => c.fixedPx),\n      whenSmallConstraints: constraints.map(c => c.whenSmall),\n    };\n\n    handlers.onDragStart(state);\n  }\n\n  function move(pointerEvent: PointerEvent) {\n    if (!state || !state.isDragging)\n      return;\n\n    const deltaX = pointerEvent.clientX - state.startPointerX;\n    const deltaY = pointerEvent.clientY - state.startPointerY;\n\n    pendingMove = { deltaX, deltaY };\n\n    if (rafId === null) {\n      rafId = requestAnimationFrame(flushMove);\n    }\n  }\n\n  function flushMove() {\n    if (!state || !pendingMove) {\n      rafId = null;\n      return;\n    }\n\n    const { deltaX, deltaY } = pendingMove;\n    pendingMove = null;\n    rafId = null;\n\n    handlers.onDragMove(state, deltaX, deltaY);\n  }\n\n  function end(_pointerEvent: PointerEvent) {\n    if (!state || !state.isDragging)\n      return;\n\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId);\n      rafId = null;\n    }\n\n    pendingMove = null;\n    handlers.onDragEnd(state);\n    state = null;\n  }\n\n  return {\n    startGutterDrag,\n    move,\n    end,\n    getState: () => state,\n  };\n}\n","import type {\n  Axis,\n  GroupNode,\n  LayoutNode,\n  LayoutSnapshot,\n  PanelNode,\n  SnapshotNode,\n  WhenSmall,\n} from './types.js';\n\nlet panelIdCounter = 0;\nlet groupIdCounter = 0;\n\nfunction generatePanelId(): string {\n  return `p-${++panelIdCounter}`;\n}\n\nfunction generateGroupId(): string {\n  return `g-${++groupIdCounter}`;\n}\n\nfunction resetIdCounters(): void {\n  panelIdCounter = 0;\n  groupIdCounter = 0;\n}\n\n// A child's own `size`/`weight` attribute takes precedence over the parent's\n// positional `sizes` list. Both are read so hand-authored markup can use\n// either form.\nfunction readOwnWeight(el: HTMLElement): number | undefined {\n  const attr = el.getAttribute(`size`) ?? el.getAttribute(`weight`);\n  if (attr === null)\n    return undefined;\n  const value = Number.parseFloat(attr);\n  return Number.isNaN(value) ? undefined : value;\n}\n\nexport function buildModel(rootEl: HTMLElement): GroupNode {\n  resetIdCounters();\n  return buildGroupFromElement(rootEl, null);\n}\n\nfunction buildGroupFromElement(el: HTMLElement, _parentAxis: Axis | null): GroupNode {\n  const isNestedLayout = el.tagName === `IXFX-SPLIT-LAYOUT`;\n  const directionAttr = el.getAttribute(`direction`);\n  const axis: Axis = directionAttr === `column` ? `column` : `row`;\n\n  const group: GroupNode = {\n    kind: `group`,\n    id: el.id || generateGroupId(),\n    el: isNestedLayout ? el : null,\n    axis,\n    children: [],\n    weight: readOwnWeight(el) ?? 1,\n    fixedPx: null,\n  };\n\n  const sizesAttr = el.getAttribute(`sizes`);\n  const sizes = sizesAttr ? sizesAttr.split(/\\s+/).map(s => Number.parseFloat(s)).filter(n => !Number.isNaN(n)) : [];\n\n  const childNodes = Array.from(el.children);\n  let sizeIndex = 0;\n\n  for (const child of childNodes) {\n    // Every child consumes a positional size; a child's own `size`/`weight`\n    // attribute (read inside each builder) takes precedence over it.\n    const positional = sizeIndex < sizes.length ? sizes[sizeIndex] : undefined;\n    sizeIndex++;\n    if (child.tagName === `IXFX-SPLIT-LAYOUT`) {\n      group.children.push(buildGroupFromElement(child as HTMLElement, axis));\n    } else if (child.tagName === `IXFX-SPLIT-PANEL`) {\n      group.children.push(buildPanelNode(child as HTMLElement, positional));\n    } else {\n      const wrapper = createImplicitPanel(child as HTMLElement, positional);\n      group.children.push(wrapper);\n    }\n  }\n\n  if (group.children.length === 0) {\n    const implicitPanel = createImplicitPanelWithoutId();\n    group.children.push(implicitPanel);\n  }\n\n  return group;\n}\n\nfunction createImplicitPanel(el: HTMLElement, size?: number): PanelNode {\n  const minAttr = el.getAttribute(`min`);\n  const maxAttr = el.getAttribute(`max`);\n  const whenSmallAttr = el.getAttribute(`when-small`) as WhenSmall | null;\n  const fixedAttr = el.getAttribute(`fixed`);\n  const collapsedAttr = el.hasAttribute(`collapsed`);\n\n  let minPx = 0;\n  if (minAttr) {\n    minPx = parseLength(minAttr, 0);\n  }\n\n  let maxPx: number | null = null;\n  if (maxAttr) {\n    maxPx = parseLength(maxAttr, 0);\n  }\n\n  let fixedPx: number | null = null;\n  if (fixedAttr) {\n    fixedPx = fixedAttr === `` ? 100 : parseLength(fixedAttr, 100);\n  }\n\n  const weight = readOwnWeight(el) ?? size ?? 1;\n\n  return {\n    kind: `panel`,\n    id: el.id || generatePanelId(),\n    el,\n    weight,\n    fixedPx,\n    minPx,\n    maxPx,\n    whenSmall: whenSmallAttr || `prevent`,\n    collapsed: collapsedAttr,\n    restoreWeight: weight,\n  };\n}\n\nfunction createImplicitPanelWithoutId(size?: number): PanelNode {\n  return {\n    kind: `panel`,\n    id: generatePanelId(),\n    el: document.createElement(`div`),\n    weight: size ?? 1,\n    fixedPx: null,\n    minPx: 0,\n    maxPx: null,\n    whenSmall: `prevent`,\n    collapsed: false,\n    restoreWeight: size ?? 1,\n  };\n}\n\nfunction buildPanelNode(el: HTMLElement, size?: number): PanelNode {\n  const sizeAttr = el.getAttribute(`size`) || el.getAttribute(`weight`);\n  const minAttr = el.getAttribute(`min`);\n  const maxAttr = el.getAttribute(`max`);\n  const whenSmallAttr = el.getAttribute(`when-small`) as WhenSmall | null;\n  const fixedAttr = el.getAttribute(`fixed`);\n  const collapsedAttr = el.hasAttribute(`collapsed`);\n\n  let weight = size ?? 1;\n  if (sizeAttr) {\n    weight = Number.parseFloat(sizeAttr);\n  }\n\n  let minPx = 0;\n  if (minAttr) {\n    minPx = parseLength(minAttr, 0);\n  }\n\n  let maxPx: number | null = null;\n  if (maxAttr) {\n    maxPx = parseLength(maxAttr, 0);\n  }\n\n  let fixedPx: number | null = null;\n  if (fixedAttr) {\n    fixedPx = fixedAttr === `` ? 100 : parseLength(fixedAttr, 100);\n  }\n\n  return {\n    kind: `panel`,\n    id: el.id || generatePanelId(),\n    el,\n    weight,\n    fixedPx,\n    minPx,\n    maxPx,\n    whenSmall: whenSmallAttr || `prevent`,\n    collapsed: collapsedAttr,\n    restoreWeight: weight,\n  };\n}\n\nfunction parseLength(value: string, fallback: number): number {\n  if (value.endsWith(`px`)) {\n    return Number.parseFloat(value.replace(`px`, ``));\n  }\n  if (value.endsWith(`%`)) {\n    return fallback;\n  }\n  const num = Number.parseFloat(value);\n  return Number.isNaN(num) ? fallback : num;\n}\n\nexport function normalise(group: GroupNode): GroupNode {\n  const flexibleWeights: number[] = [];\n  let totalFlexibleWeight = 0;\n\n  for (const child of group.children) {\n    if (child.kind === `panel`) {\n      if (child.fixedPx !== null) {\n        // fixed-size panels sit outside the weighted flow\n      } else if (!child.collapsed) {\n        flexibleWeights.push(child.weight);\n        totalFlexibleWeight += child.weight;\n      }\n    } else {\n      flexibleWeights.push(child.weight);\n      totalFlexibleWeight += child.weight;\n    }\n  }\n\n  if (totalFlexibleWeight === 0) {\n    totalFlexibleWeight = 1;\n  }\n\n  const normalizedChildren: LayoutNode[] = [];\n  for (let i = 0; i < group.children.length; i++) {\n    const child = group.children[i];\n    if (child.kind === `panel`) {\n      if (child.fixedPx === null && !child.collapsed) {\n        normalizedChildren.push({\n          ...child,\n          weight: child.weight / totalFlexibleWeight,\n        });\n      } else {\n        normalizedChildren.push(child);\n      }\n    } else {\n      normalizedChildren.push({\n        ...child,\n        weight: child.weight / totalFlexibleWeight,\n      });\n    }\n  }\n\n  return {\n    ...group,\n    children: normalizedChildren,\n  };\n}\n\nexport interface DistributeResult {\n  sizesPx: number[];\n  belowMin: number[];\n}\n\nexport function distribute(\n  sizesPx: number[],\n  gutterIndex: number,\n  deltaPx: number,\n  constraints: Array<{ minPx: number; maxPx: number | null; fixedPx: number | null; whenSmall: WhenSmall }>,\n): DistributeResult {\n  const result = [...sizesPx];\n  const belowMin: number[] = [];\n\n  if (deltaPx === 0) {\n    return { sizesPx: result, belowMin };\n  }\n\n  const growSide = deltaPx > 0 ? gutterIndex : gutterIndex + 1;\n  const shrinkSide = deltaPx > 0 ? gutterIndex + 1 : gutterIndex;\n\n  let remaining = Math.abs(deltaPx);\n\n  for (let i = shrinkSide; i >= 0 && remaining > 0; i--) {\n    const c = constraints[i];\n    if (c.fixedPx !== null)\n      continue;\n\n    const currentSize = result[i];\n    const room = currentSize - c.minPx;\n\n    if (room > 0) {\n      const take = Math.min(room, remaining);\n      result[i] -= take;\n      remaining -= take;\n      if (c.whenSmall !== `prevent` && result[i] <= c.minPx && result[i] > 0) {\n        belowMin.push(i);\n        break;\n      }\n    } else if (c.whenSmall !== `prevent` && currentSize > 0) {\n      const take = Math.min(currentSize, remaining);\n      result[i] -= take;\n      remaining -= take;\n      if (result[i] <= c.minPx) {\n        belowMin.push(i);\n        break;\n      }\n    }\n  }\n\n  const actualMoved = Math.abs(deltaPx) - remaining;\n  if (actualMoved > 0) {\n    result[growSide] += actualMoved;\n    remaining = 0;\n  }\n\n  if (remaining > 0) {\n    for (let i = growSide; i < result.length && remaining > 0; i++) {\n      const c = constraints[i];\n      if (c.fixedPx !== null)\n        continue;\n\n      const maxRoom = c.maxPx !== null ? c.maxPx - result[i] : Infinity;\n      if (maxRoom <= 0)\n        continue;\n\n      const give = Math.min(maxRoom, remaining);\n      result[i] += give;\n      remaining -= give;\n    }\n  }\n\n  return { sizesPx: result, belowMin };\n}\n\nexport function resolveTracks(group: GroupNode, _containerPx: number): string {\n  const parts: string[] = [];\n\n  const gutterSize = `var(--split-gutter-size, 6px)`;\n\n  for (let i = 0; i < group.children.length; i++) {\n    const child = group.children[i];\n    let track: string;\n\n    if (child.kind === `panel`) {\n      if (child.collapsed) {\n        track = `var(--split-collapsed-size, 0px)`;\n      } else if (child.fixedPx !== null) {\n        track = `${child.fixedPx}px`;\n      } else {\n        const min = child.minPx > 0 ? `${child.minPx}px` : `0px`;\n        track = `minmax(${min}, var(--s${i}))`;\n      }\n    } else {\n      track = `minmax(0, var(--s${i}))`;\n    }\n\n    parts.push(track);\n\n    if (i < group.children.length - 1) {\n      parts.push(gutterSize);\n    }\n  }\n\n  return parts.join(` `);\n}\n\nexport function toSnapshot(group: GroupNode): LayoutSnapshot {\n  const root = snapshotNode(group);\n  return {\n    version: 1,\n    root,\n  };\n}\n\nfunction snapshotNode(node: LayoutNode): SnapshotNode {\n  if (node.kind === `panel`) {\n    return {\n      kind: `panel`,\n      id: node.id,\n      weight: node.weight,\n      collapsed: node.collapsed,\n    };\n  }\n\n  const children = node.children.map(c => snapshotNode(c));\n  return {\n    kind: `group`,\n    id: node.id,\n    weight: node.weight,\n    children,\n  };\n}\n\nexport function applySnapshot(group: GroupNode, snapshot: LayoutSnapshot): GroupNode {\n  return applySnapshotToGroup(group, snapshot.root);\n}\n\nfunction applySnapshotToGroup(group: GroupNode, snapshot: SnapshotNode): GroupNode {\n  if (snapshot.kind !== `group`) {\n    return group;\n  }\n\n  const weightMap = new Map<string, number>();\n  const collapsedMap = new Map<string, boolean>();\n\n  collectWeights(snapshot, weightMap, collapsedMap);\n\n  const newChildren: LayoutNode[] = [];\n\n  for (const child of group.children) {\n    if (child.kind === `panel`) {\n      const newWeight = weightMap.get(child.id);\n      const collapsed = collapsedMap.get(child.id);\n\n      newChildren.push({\n        ...child,\n        weight: newWeight !== undefined ? newWeight : child.weight,\n        collapsed: collapsed !== undefined ? collapsed : child.collapsed,\n      });\n    } else {\n      const childSnapshot = snapshot.children?.find(c => c.id === child.id);\n      if (childSnapshot) {\n        newChildren.push(applySnapshotToGroup(child, childSnapshot));\n      } else {\n        newChildren.push(child);\n      }\n    }\n  }\n\n  return {\n    ...group,\n    children: newChildren,\n  };\n}\n\nfunction collectWeights(snapshot: SnapshotNode, weights: Map<string, number>, collapsed: Map<string, boolean>): void {\n  if (snapshot.kind === `panel`) {\n    weights.set(snapshot.id, snapshot.weight ?? 1);\n    if (snapshot.collapsed !== undefined) {\n      collapsed.set(snapshot.id, snapshot.collapsed);\n    }\n  } else if (snapshot.children) {\n    for (const child of snapshot.children) {\n      collectWeights(child, weights, collapsed);\n    }\n  }\n}\n\n// Copies each panel's live `weight` onto its own `restoreWeight`, recursively.\n// Used just before collapsing a panel, so `preserveRestoreWeights` can carry\n// that stashed value through the rebuild that collapse triggers.\nexport function setPanelRestoreWeight(group: GroupNode, id: string, restoreWeight: number): GroupNode {\n  const children = group.children.map((child) => {\n    if (child.kind === `panel`) {\n      return child.id === id ? { ...child, restoreWeight } : child;\n    }\n    return setPanelRestoreWeight(child, id, restoreWeight);\n  });\n  return { ...group, children };\n}\n\n// `buildModel` re-derives every `restoreWeight` from the DOM (defaulting it\n// back to the panel's current `weight`), discarding anything stashed at\n// collapse time. Carry the previous tree's `restoreWeight` values forward\n// onto the freshly built tree, matched by panel id, so a stash survives the\n// rebuild that collapse/expand triggers.\nexport function preserveRestoreWeights(previous: GroupNode | null, next: GroupNode): GroupNode {\n  if (!previous)\n    return next;\n\n  const previousById = new Map(previous.children.map(child => [child.id, child]));\n  const children = next.children.map((child) => {\n    const match = previousById.get(child.id);\n    if (!match || match.kind !== child.kind)\n      return child;\n    if (child.kind === `panel` && match.kind === `panel`) {\n      return { ...child, restoreWeight: match.restoreWeight };\n    }\n    return preserveRestoreWeights(match as GroupNode, child as GroupNode);\n  });\n  return { ...next, children };\n}\n\nexport function findPanelNode(group: GroupNode, id: string): PanelNode | undefined {\n  for (const child of group.children) {\n    if (child.kind === `panel`) {\n      if (child.id === id)\n        return child;\n    } else {\n      const found = findPanelNode(child, id);\n      if (found)\n        return found;\n    }\n  }\n  return undefined;\n}\n\nexport function walk(group: GroupNode, visitor: (node: LayoutNode, path: number[]) => void): void {\n  walkInner(group, [], visitor);\n}\n\nfunction walkInner(node: LayoutNode, path: number[], visitor: (node: LayoutNode, path: number[]) => void): void {\n  visitor(node, path);\n\n  if (node.kind === `group`) {\n    for (let i = 0; i < node.children.length; i++) {\n      walkInner(node.children[i], [...path, i], visitor);\n    }\n  }\n}\n","import { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\n\n@customElement(`ixfx-split-panel`)\nexport class SplitPanelElement extends LitElement {\n  @property({ type: String, reflect: true })\n  id = ``;\n\n  @property({ type: String })\n  size = ``;\n\n  @property({ type: String })\n  weight = ``;\n\n  @property({ type: String })\n  fixed = ``;\n\n  @property({ type: String })\n  min = ``;\n\n  @property({ type: String })\n  max = ``;\n\n  @property({ type: String, attribute: `when-small` })\n  whenSmall = `prevent`;\n\n  @property({ type: Boolean, reflect: true })\n  collapsed = false;\n\n  @property({ type: String })\n  snap = ``;\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n\n  static override styles = [\n    themeFallbacks,\n    css`\n      :host {\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n      }\n\n      :host([collapsed]) {\n        visibility: hidden;\n      }\n    `,\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-split-panel': SplitPanelElement;\n  }\n}\n","import type { DragState } from './split-drag.js';\nimport type { Axis, GroupNode, LayoutSnapshot, PanelInfo, SplitChangeDetail, SplitCloseDetail, SplitCollapseDetail, SplitExpandDetail, SplitResizeDetail } from './types.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { handleStyles } from '../styles/handle.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { createDragMachine } from './split-drag.js';\nimport { applySnapshot, buildModel, distribute, findPanelNode, normalise, preserveRestoreWeights, setPanelRestoreWeight, toSnapshot, walk } from './split-model.js';\nimport './split-panel.js';\n\n@customElement(`ixfx-split-layout`)\nexport class SplitLayoutElement extends LitElement {\n  @property({ type: String, reflect: true })\n  direction: Axis = `row`;\n\n  @property({ type: String })\n  sizes = ``;\n\n  @property({ type: String, attribute: `gutter-size` })\n  gutterSize = ``;\n\n  @property({ type: String })\n  snap = ``;\n\n  @state()\n  private _model: GroupNode | null = null;\n\n  @state()\n  private _resizing = false;\n\n  @query(`.grid`)\n  private _groupEl?: HTMLElement;\n\n  private _observer: MutationObserver | null = null;\n  private _applyingOwnMutation = false;\n  private _dragStructurallyChanged = false;\n  private _dragMachine = createDragMachine({\n    onDragStart: state => this._handleDragStart(state),\n    onDragMove: (state, deltaX, deltaY) => this._handleDragMove(state, deltaX, deltaY),\n    onDragEnd: state => this._handleDragEnd(state),\n    distribute: (sizes, idx, delta, constraints) => {\n      return distribute(sizes, idx, delta, constraints as any);\n    },\n  });\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this._setupObserver();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this._observer?.disconnect();\n  }\n\n  override firstUpdated() {\n    this._rebuildModel();\n  }\n\n  private _setupObserver() {\n    this._observer = new MutationObserver(() => {\n      if (!this._applyingOwnMutation) {\n        Promise.resolve().then(() => this._rebuildModel());\n      }\n    });\n\n    this._observer.observe(this, {\n      childList: true,\n      subtree: true,\n      attributeFilter: [`size`, `weight`, `min`, `max`, `when-small`, `fixed`, `direction`, `collapsed`, `sizes`],\n    });\n  }\n\n  private _rebuildModel() {\n    // Named slots are always rendered as `panel-0`..`panel-(n-1)`, so every\n    // light-DOM child must carry the matching `slot`. Re-assert this on every\n    // rebuild: children may have been added (with a stale/ad-hoc slot name) or\n    // removed since the model was last built, which would otherwise leave an\n    // orphaned child projected nowhere and an empty grid track.\n    this._reindexSlots();\n    const model = buildModel(this);\n    const normalized = normalise(model);\n    this._model = preserveRestoreWeights(this._model, normalized);\n    this.requestUpdate();\n  }\n\n  get panels(): PanelInfo[] {\n    if (!this._model)\n      return [];\n\n    const panels: PanelInfo[] = [];\n    walk(this._model, (node, path) => {\n      if (node.kind === `panel`) {\n        panels.push({\n          id: node.id,\n          el: node.el,\n          index: path[path.length - 1],\n          path: path.join(`-`),\n          weight: node.weight,\n          collapsed: node.collapsed,\n          min: node.minPx,\n          max: node.maxPx,\n          whenSmall: node.whenSmall,\n        });\n      }\n    });\n    return panels;\n  }\n\n  getLayout(): LayoutSnapshot | null {\n    if (!this._model)\n      return null;\n    return toSnapshot(this._model);\n  }\n\n  setLayout(s: LayoutSnapshot): void {\n    if (!this._model)\n      return;\n    this._applyingOwnMutation = true;\n    this._model = applySnapshot(this._model, s);\n    this.requestUpdate();\n    this._applyingOwnMutation = false;\n    this._emitChange();\n  }\n\n  getSizes(_groupId?: string): Record<string, number> {\n    if (!this._model)\n      return {};\n    const result: Record<string, number> = {};\n    if (this._model.children) {\n      this._model.children.forEach((child) => {\n        result[child.id] = child.weight;\n      });\n    }\n    return result;\n  }\n\n  setSizes(weights: number[] | Record<string, number>, _groupId?: string): void {\n    if (!this._model)\n      return;\n\n    this._applyingOwnMutation = true;\n\n    if (Array.isArray(weights)) {\n      this._model.children.forEach((child, i) => {\n        if (i < weights.length) {\n          child.weight = weights[i];\n        }\n      });\n    } else {\n      for (const [id, weight] of Object.entries(weights)) {\n        const child = this._model.children.find(c => c.id === id);\n        if (child) {\n          child.weight = weight;\n        }\n      }\n    }\n\n    this._model = normalise(this._model);\n    this.requestUpdate();\n    this._applyingOwnMutation = false;\n    this._emitResize();\n    this._emitChange();\n  }\n\n  collapse(idOrEl: string | HTMLElement): void {\n    this._setCollapsedState(idOrEl, true);\n  }\n\n  expand(idOrEl: string | HTMLElement): void {\n    this._setCollapsedState(idOrEl, false);\n  }\n\n  toggle(idOrEl: string | HTMLElement): void {\n    const panel = this._findPanel(idOrEl);\n    if (panel) {\n      this._setCollapsedState(panel.id, !panel.collapsed);\n    }\n  }\n\n  closePanel(idOrEl: string | HTMLElement): boolean {\n    const panel = this._findPanel(idOrEl);\n    if (!panel)\n      return false;\n\n    const event = new CustomEvent<SplitCloseDetail>(`ixfx-split-close`, {\n      detail: { id: panel.id, index: panel.index },\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    });\n\n    this.dispatchEvent(event);\n    if (event.defaultPrevented)\n      return false;\n\n    this._applyingOwnMutation = true;\n    panel.el.remove();\n    this._rebuildModel();\n    // Discard the records for our own mutations: the observer callback runs in a\n    // microtask, by which point the flag below is already cleared, so without\n    // this it would schedule a redundant rebuild from the DOM.\n    this._observer?.takeRecords();\n    this._applyingOwnMutation = false;\n\n    this._emitResize();\n    this._emitChange();\n    return true;\n  }\n\n  /**\n   * Bounding rects of the gutter elements, in gutter index order. lets\n   * callers (e.g. dock junction handles) hit-test gutters without reaching\n   * into the shadow DOM.\n   */\n  getGutterRects(): DOMRect[] {\n    const gutters = this.shadowRoot?.querySelectorAll<HTMLElement>(`.gutter`);\n    if (gutters === undefined || gutters === null)\n      return [];\n    return Array.from(gutters, g => g.getBoundingClientRect());\n  }\n\n  /**\n   * Programmatically begin dragging the gutter at `gutterIndex`, as if the\n   * user had pressed on it at (`clientX`, `clientY`). The drag then follows\n   * the pointer `pointerId` until pointerup, exactly like a native gutter\n   * drag. Returns false when the index is out of range or the layout isn't\n   * ready. Intended for composite resize affordances — e.g. a junction handle\n   * that starts this drag alongside perpendicular drags on other layouts.\n   */\n  beginGutterDrag(gutterIndex: number, pointerId: number, clientX: number, clientY: number): boolean {\n    if (!this._groupEl || !this._model)\n      return false;\n    if (gutterIndex < 0 || gutterIndex >= this._model.children.length - 1)\n      return false;\n\n    const { rect, trackSizes, constraints } = this._snapshotTracks();\n\n    this._dragMachine.startGutterDrag(\n      this._model.id,\n      gutterIndex,\n      pointerId,\n      clientX,\n      clientY,\n      rect,\n      trackSizes,\n      constraints,\n    );\n\n    window.addEventListener(`pointermove`, this._onPointerMove);\n    window.addEventListener(`pointerup`, this._onPointerUp);\n    return true;\n  }\n\n  private _setCollapsedState(idOrEl: string | HTMLElement, collapsed: boolean, revealWeight?: number): void {\n    const panel = this._findPanel(idOrEl);\n    if (!panel || panel.collapsed === collapsed)\n      return;\n\n    this._applyingOwnMutation = true;\n\n    if (collapsed) {\n      // Stash the panel's live weight (which may have come from a drag, never\n      // written back to a DOM attribute) so a later expand can restore it\n      // instead of falling back to the stale weight `_rebuildModel` reads off\n      // the DOM.\n      if (this._model) {\n        this._model = setPanelRestoreWeight(this._model, panel.id, panel.weight);\n      }\n      panel.el.setAttribute(`collapsed`, ``);\n      panel.el.setAttribute(`data-collapsed`, ``);\n    } else {\n      panel.el.removeAttribute(`collapsed`);\n      panel.el.removeAttribute(`data-collapsed`);\n    }\n\n    this._rebuildModel();\n    if (!collapsed) {\n      const restoreWeight = revealWeight ?? (this._model ? findPanelNode(this._model, panel.id)?.restoreWeight : undefined);\n      if (restoreWeight !== undefined) {\n        this._setFlexibleWeight(panel.id, restoreWeight);\n      }\n    }\n    this.requestUpdate();\n    // The observer callback runs in a microtask, after the flag below is\n    // cleared; draining our own records stops it rebuilding from the DOM and\n    // wiping the weights just set (e.g. the drag-to-reveal size).\n    this._observer?.takeRecords();\n    this._applyingOwnMutation = false;\n\n    if (collapsed) {\n      this.dispatchEvent(new CustomEvent<SplitCollapseDetail>(`ixfx-split-collapse`, {\n        detail: { id: panel.id, index: panel.index },\n        bubbles: true,\n        composed: true,\n      }));\n    } else {\n      this.dispatchEvent(new CustomEvent<SplitExpandDetail>(`ixfx-split-expand`, {\n        detail: { id: panel.id, index: panel.index },\n        bubbles: true,\n        composed: true,\n      }));\n    }\n\n    this._emitResize();\n    this._emitChange();\n  }\n\n  // Force every direct child onto the slot the renderer expects for its\n  // position (`panel-<domIndex>`). Callers may append children with any slot\n  // name (or none), and removals leave gaps; this keeps projection in sync\n  // with the `panel-0`..`panel-(n-1)` slots `render()` emits. `slot` is not in\n  // the observer's attributeFilter, so this does not re-trigger a rebuild.\n  private _reindexSlots(): void {\n    Array.from(this.children).forEach((child, i) => {\n      const name = `panel-${i}`;\n      if (child.getAttribute(`slot`) !== name)\n        child.setAttribute(`slot`, name);\n    });\n  }\n\n  private _findPanel(idOrEl: string | HTMLElement): PanelInfo | undefined {\n    const id = typeof idOrEl === `string` ? idOrEl : idOrEl.id;\n    return this.panels.find(p => p.id === id);\n  }\n\n  // Give one flexible child a target share of the weighted flow, shrinking the\n  // other flexible children proportionally to make room.\n  private _setFlexibleWeight(id: string, weight: number): void {\n    if (!this._model)\n      return;\n\n    const isFlexible = (c: GroupNode[`children`][number]) =>\n      c.kind === `group` || (c.fixedPx === null && !c.collapsed);\n    const flexible = this._model.children.filter(isFlexible);\n    const target = flexible.find(c => c.id === id);\n    if (!target)\n      return;\n\n    const t = Math.min(Math.max(weight, 0), 0.9);\n    const others = flexible.filter(c => c !== target);\n    const othersTotal = others.reduce((sum, c) => sum + c.weight, 0) || 1;\n    const scale = (1 - t) / othersTotal;\n    for (const c of others) {\n      c.weight *= scale;\n    }\n    target.weight = t;\n\n    this._model = normalise(this._model);\n  }\n\n  // Pixel drag distance past a collapsed panel's gutter before it re-expands.\n  private _snapPx(): number {\n    const fromProp = Number.parseFloat(this.snap);\n    if (!Number.isNaN(fromProp))\n      return fromProp;\n    const fromVar = Number.parseFloat(getComputedStyle(this).getPropertyValue(`--split-snap`));\n    return Number.isNaN(fromVar) ? 24 : fromVar;\n  }\n\n  private _collapsedPx(): number {\n    const v = Number.parseFloat(getComputedStyle(this).getPropertyValue(`--split-collapsed-size`));\n    return Number.isNaN(v) ? 0 : v;\n  }\n\n  private _handleDragStart(_state: DragState) {\n    this._resizing = true;\n    this._dragStructurallyChanged = false;\n    this.setAttribute(`data-dragging`, ``);\n  }\n\n  private _handleDragMove(state: DragState, deltaX: number, deltaY: number) {\n    if (!this._model)\n      return;\n\n    // A panel was closed/collapsed on an earlier frame of this drag. The\n    // captured drag state (track sizes, constraints, gutter index) no longer\n    // lines up with the model, so continuing would operate on the wrong\n    // panels and cascade. Ignore further movement until the pointer is released.\n    if (this._dragStructurallyChanged)\n      return;\n\n    const axis = this.direction;\n    const delta = axis === `row` ? deltaX : deltaY;\n    const gutterIndex = state.gutterIndex;\n\n    // Dragging a gutter away from a collapsed neighbour re-expands it.\n    // Collapsed panels are outside the normal size-distribution flow, so this\n    // has to be handled before `distribute`. The panel stays hidden until the\n    // drag has travelled far enough to reveal it at its `min` size (it may not\n    // render well any smaller); without a `min`, the snap threshold is used.\n    const growSide = delta > 0 ? gutterIndex : gutterIndex + 1;\n    const growNeighbour = this._model.children[growSide];\n    if (growNeighbour?.kind === `panel` && growNeighbour.collapsed) {\n      const revealPx = growNeighbour.minPx > 0 ? growNeighbour.minPx : this._snapPx();\n      if (Math.abs(delta) >= revealPx) {\n        const axisPx = axis === `row` ? state.containerRect.width : state.containerRect.height;\n        this._setCollapsedState(growNeighbour.id, false, axisPx > 0 ? revealPx / axisPx : undefined);\n        // Re-anchor the drag to the current pointer position and the new layout\n        // so the same gesture keeps growing the panel past its min size.\n        this._reseedDragState(state, state.startPointerX + deltaX, state.startPointerY + deltaY);\n      }\n      return;\n    }\n\n    const constraints = state.minConstraints.map((min, i) => ({\n      minPx: min,\n      maxPx: state.maxConstraints[i],\n      fixedPx: state.fixedConstraints[i],\n      whenSmall: state.whenSmallConstraints[i] as any,\n    }));\n\n    const result = distribute(\n      state.trackSizes,\n      gutterIndex,\n      delta,\n      constraints,\n    );\n\n    const totalSize = state.trackSizes.reduce((a, b) => a + b, 0);\n    result.sizesPx.forEach((size, i) => {\n      const child = this._model!.children[i];\n      if (child && child.kind === `panel`) {\n        child.weight = size / totalSize;\n      }\n    });\n\n    if (result.belowMin.length > 0) {\n      let processed = false;\n      for (const idx of result.belowMin) {\n        if (processed)\n          break;\n        const child = this._model!.children[idx];\n        if (child && child.kind === `panel`) {\n          const whenSmall = child.whenSmall;\n          if (whenSmall === `collapse` && !child.collapsed) {\n            this._setCollapsedState(child.id, true);\n            processed = true;\n            this._dragStructurallyChanged = true;\n          } else if (whenSmall === `close`) {\n            this.closePanel(child.id);\n            processed = true;\n            this._dragStructurallyChanged = true;\n          }\n        }\n      }\n    }\n\n    this._model = normalise(this._model);\n    this.requestUpdate();\n  }\n\n  private _handleDragEnd(_state: DragState) {\n    this._resizing = false;\n    this.removeAttribute(`data-dragging`);\n    this._emitResize();\n    this._emitChange();\n  }\n\n  // Snapshot of the current gutter geometry, used to seed (and mid-drag\n  // re-seed) the drag machine. Collapsed / fixed panels sit outside the\n  // weighted flow, so their raw `weight` is meaningless — use their real\n  // rendered track size instead.\n  private _snapshotTracks() {\n    const rect = this._groupEl!.getBoundingClientRect();\n    const axisSize = this.direction === `row` ? rect.width : rect.height;\n    const collapsedPx = this._collapsedPx();\n    const children = this._model!.children;\n\n    const trackSizes = children.map((c) => {\n      if (c.kind === `panel` && c.collapsed)\n        return collapsedPx;\n      if (c.kind === `panel` && c.fixedPx !== null)\n        return c.fixedPx;\n      return c.weight * axisSize;\n    });\n    const constraints = children.map((c) => {\n      if (c.kind === `panel`) {\n        return { minPx: c.minPx, maxPx: c.maxPx, fixedPx: c.fixedPx, whenSmall: c.whenSmall };\n      }\n      return { minPx: 0, maxPx: null as number | null, fixedPx: null as number | null, whenSmall: `prevent` as const };\n    });\n\n    return { rect, trackSizes, constraints };\n  }\n\n  private _reseedDragState(state: DragState, pointerX: number, pointerY: number): void {\n    if (!this._groupEl || !this._model)\n      return;\n\n    const { rect, trackSizes, constraints } = this._snapshotTracks();\n    state.startPointerX = pointerX;\n    state.startPointerY = pointerY;\n    state.containerRect = rect;\n    state.trackSizes = trackSizes;\n    state.minConstraints = constraints.map(c => c.minPx);\n    state.maxConstraints = constraints.map(c => c.maxPx);\n    state.fixedConstraints = constraints.map(c => c.fixedPx);\n    state.whenSmallConstraints = constraints.map(c => c.whenSmall);\n  }\n\n  private _onGutterPointerDown = (e: PointerEvent, groupId: string, gutterIndex: number) => {\n    e.preventDefault();\n    if (!this._groupEl || !this._model)\n      return;\n\n    const { rect, trackSizes, constraints } = this._snapshotTracks();\n\n    this._dragMachine.startGutterDrag(\n      groupId,\n      gutterIndex,\n      e.pointerId,\n      e.clientX,\n      e.clientY,\n      rect,\n      trackSizes,\n      constraints,\n    );\n\n    window.addEventListener(`pointermove`, this._onPointerMove);\n    window.addEventListener(`pointerup`, this._onPointerUp);\n  };\n\n  private _onPointerMove = (e: PointerEvent) => {\n    this._dragMachine.move(e);\n  };\n\n  private _onPointerUp = (e: PointerEvent) => {\n    this._dragMachine.end(e);\n    window.removeEventListener(`pointermove`, this._onPointerMove);\n    window.removeEventListener(`pointerup`, this._onPointerUp);\n  };\n\n  private _emitResize() {\n    if (!this._model)\n      return;\n    const detail: SplitResizeDetail = {\n      sizes: this.getSizes(),\n      groupId: this._model.id,\n    };\n    this.dispatchEvent(new CustomEvent<SplitResizeDetail>(`ixfx-split-resize`, {\n      detail,\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _emitChange() {\n    const layout = this.getLayout();\n    if (!layout)\n      return;\n    const detail: SplitChangeDetail = { layout };\n    this.dispatchEvent(new CustomEvent<SplitChangeDetail>(`ixfx-split-change`, {\n      detail,\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  protected override render() {\n    if (!this._model)\n      return nothing;\n\n    const isRow = this._model.axis === `row`;\n    const trackSizes = this._resolveTracks(this._model);\n\n    const cssVars = this._model.children.map((child, i) => {\n      return `--s${i}: ${child.weight * 100}%`;\n    }).join(`; `);\n\n    const gridStyle = isRow\n      ? `grid-template-columns: ${trackSizes}; grid-template-rows: 1fr; ${cssVars}`\n      : `grid-template-rows: ${trackSizes}; grid-template-columns: 1fr; ${cssVars}`;\n\n    return html`\n      <div class=\"grid\" style=\"${gridStyle}\">\n        ${this._model.children.map((_, i) => html`\n          <div part=\"panel\" style=\"grid-column: ${isRow ? i * 2 + 1 : 1}; grid-row: ${isRow ? 1 : i * 2 + 1}; display: flex; flex-direction: ${isRow ? `row` : `column`}; overflow: hidden;\">\n            <slot name=\"panel-${i}\"></slot>\n          </div>\n        `)}\n        ${this._model.children.slice(0, -1).map((_, i) => this._renderGutter(this._model!.id, i, isRow))}\n      </div>\n    `;\n  }\n\n  private _getTrackSizes(count: number): string[] {\n    const sizes: string[] = [];\n    for (let i = 0; i < count; i++) {\n      sizes.push(`var(--s${i}, 1fr)`);\n    }\n    return sizes;\n  }\n\n  private _resolveTracks(model: GroupNode): string {\n    const _isRow = model.axis === `row`;\n    const parts: string[] = [];\n    const gutterSize = `var(--split-gutter-size, 6px)`;\n\n    for (let i = 0; i < model.children.length; i++) {\n      const child = model.children[i];\n      let track: string;\n\n      if (child.kind === `panel`) {\n        if (child.collapsed) {\n          track = `var(--split-collapsed-size, 0px)`;\n        } else if (child.fixedPx !== null) {\n          track = `${child.fixedPx}px`;\n        } else {\n          const min = child.minPx > 0 ? `${child.minPx}px` : `0px`;\n          track = `minmax(${min}, var(--s${i}, 1fr))`;\n        }\n      } else {\n        track = `minmax(0, var(--s${i}, 1fr))`;\n      }\n\n      parts.push(track);\n\n      if (i < model.children.length - 1) {\n        parts.push(gutterSize);\n      }\n    }\n\n    return parts.join(` `);\n  }\n\n  private _renderGutter(groupId: string, index: number, isRow: boolean) {\n    const cursor = isRow ? `ew-resize` : `ns-resize`;\n    const gridColumn = isRow ? `${(index + 1) * 2}` : `1`;\n    const gridRow = isRow ? `1` : `${(index + 1) * 2}`;\n\n    return html`\n      <div\n        class=\"gutter\"\n        data-group=\"${groupId}\"\n        data-index=\"${index}\"\n        style=\"cursor: ${cursor}; grid-column: ${gridColumn}; grid-row: ${gridRow};\"\n        @pointerdown=${(e: PointerEvent) => this._onGutterPointerDown(e, groupId, index)}\n      >\n        <span\n          class=\"ixfx-handle\"\n          part=\"grip\"\n          data-handle=\"dimpled\"\n          data-shape=${isRow ? `vertical` : `horizontal`}\n        ></span>\n      </div>\n    `;\n  }\n\n  static override styles = [\n    themeFallbacks,\n    handleStyles,\n    css`\n      :host {\n        display: block;\n        width: 100%;\n        height: 100%;\n        --split-gutter-size: 6px;\n        --split-gutter-hit-size: 12px;\n        --split-gutter-color: transparent;\n        --split-gutter-hover-color: var(--surface-6);\n        --split-gutter-active-color: var(--accent);\n        --split-collapsed-size: 0px;\n        --split-snap: 24px;\n\n        /* Gutter grip — shared handle primitive (docs/infra-handle.md). */\n        --ixfx-handle-length: 16px;\n        --ixfx-handle-thickness: 8px;\n      }\n\n      * {\n        box-sizing: border-box;\n      }\n\n      .grid {\n        display: grid;\n        width: 100%;\n        height: 100%;\n      }\n\n      .grid slot {\n        display: block;\n        min-width: 0;\n        min-height: 0;\n        width: 100%;\n        height: 100%;\n      }\n\n      ::part(panel) {\n        width: 100%;\n        height: 100%;\n      }\n\n      .gutter {\n        z-index: 2;\n        background: var(--split-gutter-color);\n        transition: background-color var(--transition, 0.2s);\n        pointer-events: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n      }\n\n      .gutter::before {\n        content: '';\n        position: absolute;\n        pointer-events: auto;\n        background: transparent;\n      }\n\n      :host([direction=\"row\"]) .gutter {\n        width: var(--split-gutter-size);\n        cursor: ew-resize;\n        min-height: 100%;\n      }\n\n      :host([direction=\"row\"]) .gutter::before {\n        width: var(--split-gutter-hit-size, 12px);\n        height: 100%;\n        left: 50%;\n        transform: translateX(-50%);\n      }\n\n      :host([direction=\"column\"]) .gutter {\n        height: var(--split-gutter-size);\n        cursor: ns-resize;\n        min-width: 100%;\n      }\n\n      :host([direction=\"column\"]) .gutter::before {\n        height: var(--split-gutter-hit-size, 12px);\n        width: 100%;\n        top: 50%;\n        transform: translateY(-50%);\n      }\n\n      .gutter:hover,\n      .gutter[data-active] {\n        background: var(--split-gutter-hover-color);\n      }\n\n      :host([data-dragging]) .gutter {\n        background: var(--split-gutter-active-color);\n      }\n\n      :host([data-dragging]) * {\n        transition: none !important;\n        user-select: none;\n      }\n\n      :host([data-dragging]) .gutter .ixfx-handle {\n        display: none;\n      }\n\n      :host(:not([data-dragging])) .gutter:hover .ixfx-handle {\n        display: none;\n      }\n    `,\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-split-layout': SplitLayoutElement;\n  }\n\n  interface HTMLElementEventMap {\n    'ixfx-split-resize': CustomEvent<SplitResizeDetail>;\n    'ixfx-split-collapse': CustomEvent<SplitCollapseDetail>;\n    'ixfx-split-expand': CustomEvent<SplitExpandDetail>;\n    'ixfx-split-close': CustomEvent<SplitCloseDetail>;\n    'ixfx-split-change': CustomEvent<SplitChangeDetail>;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"split-layout-Deoxy47d.js","names":["customElement","customElement"],"sources":["../src/split-layout/split-drag.ts","../src/split-layout/split-model.ts","../src/split-layout/split-panel.ts","../src/split-layout/split-layout.ts"],"sourcesContent":["import type { DistributeResult } from './split-model.js';\n\nexport interface DragState {\n  isDragging: boolean;\n  groupId: string;\n  gutterIndex: number;\n  startPointerX: number;\n  startPointerY: number;\n  containerRect: DOMRect;\n  trackSizes: number[];\n  minConstraints: number[];\n  maxConstraints: Array<number | null>;\n  fixedConstraints: Array<number | null>;\n  whenSmallConstraints: string[];\n}\n\nexport interface DragHandlers {\n  onDragStart: (state: DragState) => void;\n  onDragMove: (state: DragState, deltaX: number, deltaY: number) => void;\n  onDragEnd: (state: DragState) => void;\n  distribute: (\n    sizesPx: number[],\n    gutterIndex: number,\n    deltaPx: number,\n    constraints: Array<{ minPx: number; maxPx: number | null; fixedPx: number | null; whenSmall: string }>,\n  ) => DistributeResult;\n}\n\nexport function createDragMachine(handlers: DragHandlers) {\n  let state: DragState | null = null;\n  let rafId: number | null = null;\n  let pendingMove: { deltaX: number; deltaY: number } | null = null;\n\n  function startGutterDrag(\n    groupId: string,\n    gutterIndex: number,\n    _pointerId: number,\n    clientX: number,\n    clientY: number,\n    containerRect: DOMRect,\n    trackSizes: number[],\n    constraints: Array<{ minPx: number; maxPx: number | null; fixedPx: number | null; whenSmall: string }>,\n  ) {\n    state = {\n      isDragging: true,\n      groupId,\n      gutterIndex,\n      startPointerX: clientX,\n      startPointerY: clientY,\n      containerRect,\n      trackSizes,\n      minConstraints: constraints.map(c => c.minPx),\n      maxConstraints: constraints.map(c => c.maxPx),\n      fixedConstraints: constraints.map(c => c.fixedPx),\n      whenSmallConstraints: constraints.map(c => c.whenSmall),\n    };\n\n    handlers.onDragStart(state);\n  }\n\n  function move(pointerEvent: PointerEvent) {\n    if (!state || !state.isDragging)\n      return;\n\n    const deltaX = pointerEvent.clientX - state.startPointerX;\n    const deltaY = pointerEvent.clientY - state.startPointerY;\n\n    pendingMove = { deltaX, deltaY };\n\n    if (rafId === null) {\n      rafId = requestAnimationFrame(flushMove);\n    }\n  }\n\n  function flushMove() {\n    if (!state || !pendingMove) {\n      rafId = null;\n      return;\n    }\n\n    const { deltaX, deltaY } = pendingMove;\n    pendingMove = null;\n    rafId = null;\n\n    handlers.onDragMove(state, deltaX, deltaY);\n  }\n\n  function end(_pointerEvent: PointerEvent) {\n    if (!state || !state.isDragging)\n      return;\n\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId);\n      rafId = null;\n    }\n\n    pendingMove = null;\n    handlers.onDragEnd(state);\n    state = null;\n  }\n\n  return {\n    startGutterDrag,\n    move,\n    end,\n    getState: () => state,\n  };\n}\n","import type {\n  Axis,\n  GroupNode,\n  LayoutNode,\n  LayoutSnapshot,\n  PanelNode,\n  SnapshotNode,\n  WhenSmall,\n} from './types.js';\n\nlet panelIdCounter = 0;\nlet groupIdCounter = 0;\n\nfunction generatePanelId(): string {\n  return `p-${++panelIdCounter}`;\n}\n\nfunction generateGroupId(): string {\n  return `g-${++groupIdCounter}`;\n}\n\nfunction resetIdCounters(): void {\n  panelIdCounter = 0;\n  groupIdCounter = 0;\n}\n\n// A child's own `size`/`weight` attribute takes precedence over the parent's\n// positional `sizes` list. Both are read so hand-authored markup can use\n// either form.\nfunction readOwnWeight(el: HTMLElement): number | undefined {\n  const attr = el.getAttribute(`size`) ?? el.getAttribute(`weight`);\n  if (attr === null)\n    return undefined;\n  const value = Number.parseFloat(attr);\n  return Number.isNaN(value) ? undefined : value;\n}\n\nexport function buildModel(rootEl: HTMLElement): GroupNode {\n  resetIdCounters();\n  return buildGroupFromElement(rootEl, null);\n}\n\nfunction buildGroupFromElement(el: HTMLElement, _parentAxis: Axis | null): GroupNode {\n  const isNestedLayout = el.tagName === `IXFX-SPLIT-LAYOUT`;\n  const directionAttr = el.getAttribute(`direction`);\n  const axis: Axis = directionAttr === `column` ? `column` : `row`;\n\n  const group: GroupNode = {\n    kind: `group`,\n    id: el.id || generateGroupId(),\n    el: isNestedLayout ? el : null,\n    axis,\n    children: [],\n    weight: readOwnWeight(el) ?? 1,\n    fixedPx: null,\n  };\n\n  const sizesAttr = el.getAttribute(`sizes`);\n  const sizes = sizesAttr ? sizesAttr.split(/\\s+/).map(s => Number.parseFloat(s)).filter(n => !Number.isNaN(n)) : [];\n\n  const childNodes = Array.from(el.children);\n  let sizeIndex = 0;\n\n  for (const child of childNodes) {\n    // Every child consumes a positional size; a child's own `size`/`weight`\n    // attribute (read inside each builder) takes precedence over it.\n    const positional = sizeIndex < sizes.length ? sizes[sizeIndex] : undefined;\n    sizeIndex++;\n    if (child.tagName === `IXFX-SPLIT-LAYOUT`) {\n      group.children.push(buildGroupFromElement(child as HTMLElement, axis));\n    } else if (child.tagName === `IXFX-SPLIT-PANEL`) {\n      group.children.push(buildPanelNode(child as HTMLElement, positional));\n    } else {\n      const wrapper = createImplicitPanel(child as HTMLElement, positional);\n      group.children.push(wrapper);\n    }\n  }\n\n  if (group.children.length === 0) {\n    const implicitPanel = createImplicitPanelWithoutId();\n    group.children.push(implicitPanel);\n  }\n\n  return group;\n}\n\nfunction createImplicitPanel(el: HTMLElement, size?: number): PanelNode {\n  const minAttr = el.getAttribute(`min`);\n  const maxAttr = el.getAttribute(`max`);\n  const whenSmallAttr = el.getAttribute(`when-small`) as WhenSmall | null;\n  const fixedAttr = el.getAttribute(`fixed`);\n  const collapsedAttr = el.hasAttribute(`collapsed`);\n\n  let minPx = 0;\n  if (minAttr) {\n    minPx = parseLength(minAttr, 0);\n  }\n\n  let maxPx: number | null = null;\n  if (maxAttr) {\n    maxPx = parseLength(maxAttr, 0);\n  }\n\n  let fixedPx: number | null = null;\n  if (fixedAttr) {\n    fixedPx = fixedAttr === `` ? 100 : parseLength(fixedAttr, 100);\n  }\n\n  const weight = readOwnWeight(el) ?? size ?? 1;\n\n  return {\n    kind: `panel`,\n    id: el.id || generatePanelId(),\n    el,\n    weight,\n    fixedPx,\n    minPx,\n    maxPx,\n    whenSmall: whenSmallAttr || `prevent`,\n    collapsed: collapsedAttr,\n    restoreWeight: weight,\n  };\n}\n\nfunction createImplicitPanelWithoutId(size?: number): PanelNode {\n  return {\n    kind: `panel`,\n    id: generatePanelId(),\n    el: document.createElement(`div`),\n    weight: size ?? 1,\n    fixedPx: null,\n    minPx: 0,\n    maxPx: null,\n    whenSmall: `prevent`,\n    collapsed: false,\n    restoreWeight: size ?? 1,\n  };\n}\n\nfunction buildPanelNode(el: HTMLElement, size?: number): PanelNode {\n  const sizeAttr = el.getAttribute(`size`) || el.getAttribute(`weight`);\n  const minAttr = el.getAttribute(`min`);\n  const maxAttr = el.getAttribute(`max`);\n  const whenSmallAttr = el.getAttribute(`when-small`) as WhenSmall | null;\n  const fixedAttr = el.getAttribute(`fixed`);\n  const collapsedAttr = el.hasAttribute(`collapsed`);\n\n  let weight = size ?? 1;\n  if (sizeAttr) {\n    weight = Number.parseFloat(sizeAttr);\n  }\n\n  let minPx = 0;\n  if (minAttr) {\n    minPx = parseLength(minAttr, 0);\n  }\n\n  let maxPx: number | null = null;\n  if (maxAttr) {\n    maxPx = parseLength(maxAttr, 0);\n  }\n\n  let fixedPx: number | null = null;\n  if (fixedAttr) {\n    fixedPx = fixedAttr === `` ? 100 : parseLength(fixedAttr, 100);\n  }\n\n  return {\n    kind: `panel`,\n    id: el.id || generatePanelId(),\n    el,\n    weight,\n    fixedPx,\n    minPx,\n    maxPx,\n    whenSmall: whenSmallAttr || `prevent`,\n    collapsed: collapsedAttr,\n    restoreWeight: weight,\n  };\n}\n\nfunction parseLength(value: string, fallback: number): number {\n  if (value.endsWith(`px`)) {\n    return Number.parseFloat(value.replace(`px`, ``));\n  }\n  if (value.endsWith(`%`)) {\n    return fallback;\n  }\n  const num = Number.parseFloat(value);\n  return Number.isNaN(num) ? fallback : num;\n}\n\nexport function normalise(group: GroupNode): GroupNode {\n  const flexibleWeights: number[] = [];\n  let totalFlexibleWeight = 0;\n\n  for (const child of group.children) {\n    if (child.kind === `panel`) {\n      if (child.fixedPx !== null) {\n        // fixed-size panels sit outside the weighted flow\n      } else if (!child.collapsed) {\n        flexibleWeights.push(child.weight);\n        totalFlexibleWeight += child.weight;\n      }\n    } else {\n      flexibleWeights.push(child.weight);\n      totalFlexibleWeight += child.weight;\n    }\n  }\n\n  if (totalFlexibleWeight === 0) {\n    totalFlexibleWeight = 1;\n  }\n\n  const normalizedChildren: LayoutNode[] = [];\n  for (let i = 0; i < group.children.length; i++) {\n    const child = group.children[i];\n    if (child.kind === `panel`) {\n      if (child.fixedPx === null && !child.collapsed) {\n        normalizedChildren.push({\n          ...child,\n          weight: child.weight / totalFlexibleWeight,\n        });\n      } else {\n        normalizedChildren.push(child);\n      }\n    } else {\n      normalizedChildren.push({\n        ...child,\n        weight: child.weight / totalFlexibleWeight,\n      });\n    }\n  }\n\n  return {\n    ...group,\n    children: normalizedChildren,\n  };\n}\n\nexport interface DistributeResult {\n  sizesPx: number[];\n  belowMin: number[];\n}\n\nexport function distribute(\n  sizesPx: number[],\n  gutterIndex: number,\n  deltaPx: number,\n  constraints: Array<{ minPx: number; maxPx: number | null; fixedPx: number | null; whenSmall: WhenSmall }>,\n): DistributeResult {\n  const result = [...sizesPx];\n  const belowMin: number[] = [];\n\n  if (deltaPx === 0) {\n    return { sizesPx: result, belowMin };\n  }\n\n  const growSide = deltaPx > 0 ? gutterIndex : gutterIndex + 1;\n  const shrinkSide = deltaPx > 0 ? gutterIndex + 1 : gutterIndex;\n\n  let remaining = Math.abs(deltaPx);\n\n  for (let i = shrinkSide; i >= 0 && remaining > 0; i--) {\n    const c = constraints[i];\n    if (c.fixedPx !== null)\n      continue;\n\n    const currentSize = result[i];\n    const room = currentSize - c.minPx;\n\n    if (room > 0) {\n      const take = Math.min(room, remaining);\n      result[i] -= take;\n      remaining -= take;\n      if (c.whenSmall !== `prevent` && result[i] <= c.minPx && result[i] > 0) {\n        belowMin.push(i);\n        break;\n      }\n    } else if (c.whenSmall !== `prevent` && currentSize > 0) {\n      const take = Math.min(currentSize, remaining);\n      result[i] -= take;\n      remaining -= take;\n      if (result[i] <= c.minPx) {\n        belowMin.push(i);\n        break;\n      }\n    }\n  }\n\n  const actualMoved = Math.abs(deltaPx) - remaining;\n  if (actualMoved > 0) {\n    result[growSide] += actualMoved;\n    remaining = 0;\n  }\n\n  if (remaining > 0) {\n    for (let i = growSide; i < result.length && remaining > 0; i++) {\n      const c = constraints[i];\n      if (c.fixedPx !== null)\n        continue;\n\n      const maxRoom = c.maxPx !== null ? c.maxPx - result[i] : Infinity;\n      if (maxRoom <= 0)\n        continue;\n\n      const give = Math.min(maxRoom, remaining);\n      result[i] += give;\n      remaining -= give;\n    }\n  }\n\n  return { sizesPx: result, belowMin };\n}\n\nexport function resolveTracks(group: GroupNode, _containerPx: number): string {\n  const parts: string[] = [];\n\n  const gutterSize = `var(--split-gutter-size, 6px)`;\n\n  for (let i = 0; i < group.children.length; i++) {\n    const child = group.children[i];\n    let track: string;\n\n    if (child.kind === `panel`) {\n      if (child.collapsed) {\n        track = `var(--split-collapsed-size, 0px)`;\n      } else if (child.fixedPx !== null) {\n        track = `${child.fixedPx}px`;\n      } else {\n        const min = child.minPx > 0 ? `${child.minPx}px` : `0px`;\n        track = `minmax(${min}, var(--s${i}))`;\n      }\n    } else {\n      track = `minmax(0, var(--s${i}))`;\n    }\n\n    parts.push(track);\n\n    if (i < group.children.length - 1) {\n      parts.push(gutterSize);\n    }\n  }\n\n  return parts.join(` `);\n}\n\nexport function toSnapshot(group: GroupNode): LayoutSnapshot {\n  const root = snapshotNode(group);\n  return {\n    version: 1,\n    root,\n  };\n}\n\nfunction snapshotNode(node: LayoutNode): SnapshotNode {\n  if (node.kind === `panel`) {\n    return {\n      kind: `panel`,\n      id: node.id,\n      weight: node.weight,\n      collapsed: node.collapsed,\n    };\n  }\n\n  const children = node.children.map(c => snapshotNode(c));\n  return {\n    kind: `group`,\n    id: node.id,\n    weight: node.weight,\n    children,\n  };\n}\n\nexport function applySnapshot(group: GroupNode, snapshot: LayoutSnapshot): GroupNode {\n  return applySnapshotToGroup(group, snapshot.root);\n}\n\nfunction applySnapshotToGroup(group: GroupNode, snapshot: SnapshotNode): GroupNode {\n  if (snapshot.kind !== `group`) {\n    return group;\n  }\n\n  const weightMap = new Map<string, number>();\n  const collapsedMap = new Map<string, boolean>();\n\n  collectWeights(snapshot, weightMap, collapsedMap);\n\n  const newChildren: LayoutNode[] = [];\n\n  for (const child of group.children) {\n    if (child.kind === `panel`) {\n      const newWeight = weightMap.get(child.id);\n      const collapsed = collapsedMap.get(child.id);\n\n      newChildren.push({\n        ...child,\n        weight: newWeight !== undefined ? newWeight : child.weight,\n        collapsed: collapsed !== undefined ? collapsed : child.collapsed,\n      });\n    } else {\n      const childSnapshot = snapshot.children?.find(c => c.id === child.id);\n      if (childSnapshot) {\n        newChildren.push(applySnapshotToGroup(child, childSnapshot));\n      } else {\n        newChildren.push(child);\n      }\n    }\n  }\n\n  return {\n    ...group,\n    children: newChildren,\n  };\n}\n\nfunction collectWeights(snapshot: SnapshotNode, weights: Map<string, number>, collapsed: Map<string, boolean>): void {\n  if (snapshot.kind === `panel`) {\n    weights.set(snapshot.id, snapshot.weight ?? 1);\n    if (snapshot.collapsed !== undefined) {\n      collapsed.set(snapshot.id, snapshot.collapsed);\n    }\n  } else if (snapshot.children) {\n    for (const child of snapshot.children) {\n      collectWeights(child, weights, collapsed);\n    }\n  }\n}\n\n// Copies each panel's live `weight` onto its own `restoreWeight`, recursively.\n// Used just before collapsing a panel, so `preserveRestoreWeights` can carry\n// that stashed value through the rebuild that collapse triggers.\nexport function setPanelRestoreWeight(group: GroupNode, id: string, restoreWeight: number): GroupNode {\n  const children = group.children.map((child) => {\n    if (child.kind === `panel`) {\n      return child.id === id ? { ...child, restoreWeight } : child;\n    }\n    return setPanelRestoreWeight(child, id, restoreWeight);\n  });\n  return { ...group, children };\n}\n\n// `buildModel` re-derives every `restoreWeight` from the DOM (defaulting it\n// back to the panel's current `weight`), discarding anything stashed at\n// collapse time. Carry the previous tree's `restoreWeight` values forward\n// onto the freshly built tree, matched by panel id, so a stash survives the\n// rebuild that collapse/expand triggers.\nexport function preserveRestoreWeights(previous: GroupNode | null, next: GroupNode): GroupNode {\n  if (!previous)\n    return next;\n\n  const previousById = new Map(previous.children.map(child => [child.id, child]));\n  const children = next.children.map((child) => {\n    const match = previousById.get(child.id);\n    if (!match || match.kind !== child.kind)\n      return child;\n    if (child.kind === `panel` && match.kind === `panel`) {\n      return { ...child, restoreWeight: match.restoreWeight };\n    }\n    return preserveRestoreWeights(match as GroupNode, child as GroupNode);\n  });\n  return { ...next, children };\n}\n\nexport function findPanelNode(group: GroupNode, id: string): PanelNode | undefined {\n  for (const child of group.children) {\n    if (child.kind === `panel`) {\n      if (child.id === id)\n        return child;\n    } else {\n      const found = findPanelNode(child, id);\n      if (found)\n        return found;\n    }\n  }\n  return undefined;\n}\n\nexport function walk(group: GroupNode, visitor: (node: LayoutNode, path: number[]) => void): void {\n  walkInner(group, [], visitor);\n}\n\nfunction walkInner(node: LayoutNode, path: number[], visitor: (node: LayoutNode, path: number[]) => void): void {\n  visitor(node, path);\n\n  if (node.kind === `group`) {\n    for (let i = 0; i < node.children.length; i++) {\n      walkInner(node.children[i], [...path, i], visitor);\n    }\n  }\n}\n","import { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\n\n@customElement(`ixfx-split-panel`)\nexport class SplitPanelElement extends LitElement {\n  @property({ type: String, reflect: true })\n  id = ``;\n\n  @property({ type: String })\n  size = ``;\n\n  @property({ type: String })\n  weight = ``;\n\n  @property({ type: String })\n  fixed = ``;\n\n  @property({ type: String })\n  min = ``;\n\n  @property({ type: String })\n  max = ``;\n\n  @property({ type: String, attribute: `when-small` })\n  whenSmall = `prevent`;\n\n  @property({ type: Boolean, reflect: true })\n  collapsed = false;\n\n  @property({ type: String })\n  snap = ``;\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n\n  static override styles = [\n    themeFallbacks,\n    css`\n      :host {\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n      }\n\n      :host([collapsed]) {\n        visibility: hidden;\n      }\n    `,\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-split-panel': SplitPanelElement;\n  }\n}\n","import type { DragState } from './split-drag.js';\nimport type { Axis, GroupNode, LayoutSnapshot, PanelInfo, SplitChangeDetail, SplitCloseDetail, SplitCollapseDetail, SplitExpandDetail, SplitResizeDetail } from './types.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { handleStyles } from '../styles/handle.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { createDragMachine } from './split-drag.js';\nimport { applySnapshot, buildModel, distribute, findPanelNode, normalise, preserveRestoreWeights, setPanelRestoreWeight, toSnapshot, walk } from './split-model.js';\nimport './split-panel.js';\n\n@customElement(`ixfx-split-layout`)\nexport class SplitLayoutElement extends LitElement {\n  @property({ type: String, reflect: true })\n  direction: Axis = `row`;\n\n  @property({ type: String })\n  sizes = ``;\n\n  @property({ type: String, attribute: `gutter-size` })\n  gutterSize = ``;\n\n  @property({ type: String })\n  snap = ``;\n\n  @state()\n  private _model: GroupNode | null = null;\n\n  @state()\n  private _resizing = false;\n\n  @query(`.grid`)\n  private _groupEl?: HTMLElement;\n\n  private _observer: MutationObserver | null = null;\n  private _applyingOwnMutation = false;\n  private _dragStructurallyChanged = false;\n  private _dragMachine = createDragMachine({\n    onDragStart: state => this._handleDragStart(state),\n    onDragMove: (state, deltaX, deltaY) => this._handleDragMove(state, deltaX, deltaY),\n    onDragEnd: state => this._handleDragEnd(state),\n    distribute: (sizes, idx, delta, constraints) => {\n      return distribute(sizes, idx, delta, constraints as any);\n    },\n  });\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this._setupObserver();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this._observer?.disconnect();\n  }\n\n  override firstUpdated() {\n    this._rebuildModel();\n  }\n\n  private _setupObserver() {\n    this._observer = new MutationObserver(() => {\n      if (!this._applyingOwnMutation) {\n        Promise.resolve().then(() => this._rebuildModel());\n      }\n    });\n\n    this._observer.observe(this, {\n      childList: true,\n      subtree: true,\n      attributeFilter: [`size`, `weight`, `min`, `max`, `when-small`, `fixed`, `direction`, `collapsed`, `sizes`],\n    });\n  }\n\n  private _rebuildModel() {\n    // Named slots are always rendered as `panel-0`..`panel-(n-1)`, so every\n    // light-DOM child must carry the matching `slot`. Re-assert this on every\n    // rebuild: children may have been added (with a stale/ad-hoc slot name) or\n    // removed since the model was last built, which would otherwise leave an\n    // orphaned child projected nowhere and an empty grid track.\n    this._reindexSlots();\n    const model = buildModel(this);\n    const normalized = normalise(model);\n    this._model = preserveRestoreWeights(this._model, normalized);\n    this.requestUpdate();\n  }\n\n  get panels(): PanelInfo[] {\n    if (!this._model)\n      return [];\n\n    const panels: PanelInfo[] = [];\n    walk(this._model, (node, path) => {\n      if (node.kind === `panel`) {\n        panels.push({\n          id: node.id,\n          el: node.el,\n          index: path[path.length - 1],\n          path: path.join(`-`),\n          weight: node.weight,\n          collapsed: node.collapsed,\n          min: node.minPx,\n          max: node.maxPx,\n          whenSmall: node.whenSmall,\n        });\n      }\n    });\n    return panels;\n  }\n\n  getLayout(): LayoutSnapshot | null {\n    if (!this._model)\n      return null;\n    return toSnapshot(this._model);\n  }\n\n  setLayout(s: LayoutSnapshot): void {\n    if (!this._model)\n      return;\n    this._applyingOwnMutation = true;\n    this._model = applySnapshot(this._model, s);\n    this.requestUpdate();\n    this._applyingOwnMutation = false;\n    this._emitChange();\n  }\n\n  getSizes(_groupId?: string): Record<string, number> {\n    if (!this._model)\n      return {};\n    const result: Record<string, number> = {};\n    if (this._model.children) {\n      this._model.children.forEach((child) => {\n        result[child.id] = child.weight;\n      });\n    }\n    return result;\n  }\n\n  setSizes(weights: number[] | Record<string, number>, _groupId?: string): void {\n    if (!this._model)\n      return;\n\n    this._applyingOwnMutation = true;\n\n    if (Array.isArray(weights)) {\n      this._model.children.forEach((child, i) => {\n        if (i < weights.length) {\n          child.weight = weights[i];\n        }\n      });\n    } else {\n      for (const [id, weight] of Object.entries(weights)) {\n        const child = this._model.children.find(c => c.id === id);\n        if (child) {\n          child.weight = weight;\n        }\n      }\n    }\n\n    this._model = normalise(this._model);\n    this.requestUpdate();\n    this._applyingOwnMutation = false;\n    this._emitResize();\n    this._emitChange();\n  }\n\n  collapse(idOrEl: string | HTMLElement): void {\n    this._setCollapsedState(idOrEl, true);\n  }\n\n  expand(idOrEl: string | HTMLElement): void {\n    this._setCollapsedState(idOrEl, false);\n  }\n\n  toggle(idOrEl: string | HTMLElement): void {\n    const panel = this._findPanel(idOrEl);\n    if (panel) {\n      this._setCollapsedState(panel.id, !panel.collapsed);\n    }\n  }\n\n  closePanel(idOrEl: string | HTMLElement): boolean {\n    const panel = this._findPanel(idOrEl);\n    if (!panel)\n      return false;\n\n    const event = new CustomEvent<SplitCloseDetail>(`ixfx-split-close`, {\n      detail: { id: panel.id, index: panel.index },\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    });\n\n    this.dispatchEvent(event);\n    if (event.defaultPrevented)\n      return false;\n\n    this._applyingOwnMutation = true;\n    panel.el.remove();\n    this._rebuildModel();\n    // Discard the records for our own mutations: the observer callback runs in a\n    // microtask, by which point the flag below is already cleared, so without\n    // this it would schedule a redundant rebuild from the DOM.\n    this._observer?.takeRecords();\n    this._applyingOwnMutation = false;\n\n    this._emitResize();\n    this._emitChange();\n    return true;\n  }\n\n  /**\n   * Bounding rects of the gutter elements, in gutter index order. lets\n   * callers (e.g. dock junction handles) hit-test gutters without reaching\n   * into the shadow DOM.\n   */\n  getGutterRects(): DOMRect[] {\n    const gutters = this.shadowRoot?.querySelectorAll<HTMLElement>(`.gutter`);\n    if (gutters === undefined || gutters === null)\n      return [];\n    return Array.from(gutters, g => g.getBoundingClientRect());\n  }\n\n  /**\n   * Programmatically begin dragging the gutter at `gutterIndex`, as if the\n   * user had pressed on it at (`clientX`, `clientY`). The drag then follows\n   * the pointer `pointerId` until pointerup, exactly like a native gutter\n   * drag. Returns false when the index is out of range or the layout isn't\n   * ready. Intended for composite resize affordances — e.g. a junction handle\n   * that starts this drag alongside perpendicular drags on other layouts.\n   */\n  beginGutterDrag(gutterIndex: number, pointerId: number, clientX: number, clientY: number): boolean {\n    if (!this._groupEl || !this._model)\n      return false;\n    if (gutterIndex < 0 || gutterIndex >= this._model.children.length - 1)\n      return false;\n\n    const { rect, trackSizes, constraints } = this._snapshotTracks();\n\n    this._dragMachine.startGutterDrag(\n      this._model.id,\n      gutterIndex,\n      pointerId,\n      clientX,\n      clientY,\n      rect,\n      trackSizes,\n      constraints,\n    );\n\n    window.addEventListener(`pointermove`, this._onPointerMove);\n    window.addEventListener(`pointerup`, this._onPointerUp);\n    return true;\n  }\n\n  private _setCollapsedState(idOrEl: string | HTMLElement, collapsed: boolean, revealWeight?: number): void {\n    const panel = this._findPanel(idOrEl);\n    if (!panel || panel.collapsed === collapsed)\n      return;\n\n    this._applyingOwnMutation = true;\n\n    if (collapsed) {\n      // Stash the panel's live weight (which may have come from a drag, never\n      // written back to a DOM attribute) so a later expand can restore it\n      // instead of falling back to the stale weight `_rebuildModel` reads off\n      // the DOM.\n      if (this._model) {\n        this._model = setPanelRestoreWeight(this._model, panel.id, panel.weight);\n      }\n      panel.el.setAttribute(`collapsed`, ``);\n      panel.el.setAttribute(`data-collapsed`, ``);\n    } else {\n      panel.el.removeAttribute(`collapsed`);\n      panel.el.removeAttribute(`data-collapsed`);\n    }\n\n    this._rebuildModel();\n    if (!collapsed) {\n      const restoreWeight = revealWeight ?? (this._model ? findPanelNode(this._model, panel.id)?.restoreWeight : undefined);\n      if (restoreWeight !== undefined) {\n        this._setFlexibleWeight(panel.id, restoreWeight);\n      }\n    }\n    this.requestUpdate();\n    // The observer callback runs in a microtask, after the flag below is\n    // cleared; draining our own records stops it rebuilding from the DOM and\n    // wiping the weights just set (e.g. the drag-to-reveal size).\n    this._observer?.takeRecords();\n    this._applyingOwnMutation = false;\n\n    if (collapsed) {\n      this.dispatchEvent(new CustomEvent<SplitCollapseDetail>(`ixfx-split-collapse`, {\n        detail: { id: panel.id, index: panel.index },\n        bubbles: true,\n        composed: true,\n      }));\n    } else {\n      this.dispatchEvent(new CustomEvent<SplitExpandDetail>(`ixfx-split-expand`, {\n        detail: { id: panel.id, index: panel.index },\n        bubbles: true,\n        composed: true,\n      }));\n    }\n\n    this._emitResize();\n    this._emitChange();\n  }\n\n  // Force every direct child onto the slot the renderer expects for its\n  // position (`panel-<domIndex>`). Callers may append children with any slot\n  // name (or none), and removals leave gaps; this keeps projection in sync\n  // with the `panel-0`..`panel-(n-1)` slots `render()` emits. `slot` is not in\n  // the observer's attributeFilter, so this does not re-trigger a rebuild.\n  private _reindexSlots(): void {\n    Array.from(this.children).forEach((child, i) => {\n      const name = `panel-${i}`;\n      if (child.getAttribute(`slot`) !== name)\n        child.setAttribute(`slot`, name);\n    });\n  }\n\n  private _findPanel(idOrEl: string | HTMLElement): PanelInfo | undefined {\n    const id = typeof idOrEl === `string` ? idOrEl : idOrEl.id;\n    return this.panels.find(p => p.id === id);\n  }\n\n  // Give one flexible child a target share of the weighted flow, shrinking the\n  // other flexible children proportionally to make room.\n  private _setFlexibleWeight(id: string, weight: number): void {\n    if (!this._model)\n      return;\n\n    const isFlexible = (c: GroupNode[`children`][number]) =>\n      c.kind === `group` || (c.fixedPx === null && !c.collapsed);\n    const flexible = this._model.children.filter(isFlexible);\n    const target = flexible.find(c => c.id === id);\n    if (!target)\n      return;\n\n    const t = Math.min(Math.max(weight, 0), 0.9);\n    const others = flexible.filter(c => c !== target);\n    const othersTotal = others.reduce((sum, c) => sum + c.weight, 0) || 1;\n    const scale = (1 - t) / othersTotal;\n    for (const c of others) {\n      c.weight *= scale;\n    }\n    target.weight = t;\n\n    this._model = normalise(this._model);\n  }\n\n  // Pixel drag distance past a collapsed panel's gutter before it re-expands.\n  private _snapPx(): number {\n    const fromProp = Number.parseFloat(this.snap);\n    if (!Number.isNaN(fromProp))\n      return fromProp;\n    const fromVar = Number.parseFloat(getComputedStyle(this).getPropertyValue(`--split-snap`));\n    return Number.isNaN(fromVar) ? 24 : fromVar;\n  }\n\n  private _collapsedPx(): number {\n    const v = Number.parseFloat(getComputedStyle(this).getPropertyValue(`--split-collapsed-size`));\n    return Number.isNaN(v) ? 0 : v;\n  }\n\n  private _handleDragStart(_state: DragState) {\n    this._resizing = true;\n    this._dragStructurallyChanged = false;\n    this.setAttribute(`data-dragging`, ``);\n  }\n\n  private _handleDragMove(state: DragState, deltaX: number, deltaY: number) {\n    if (!this._model)\n      return;\n\n    // A panel was closed/collapsed on an earlier frame of this drag. The\n    // captured drag state (track sizes, constraints, gutter index) no longer\n    // lines up with the model, so continuing would operate on the wrong\n    // panels and cascade. Ignore further movement until the pointer is released.\n    if (this._dragStructurallyChanged)\n      return;\n\n    const axis = this.direction;\n    const delta = axis === `row` ? deltaX : deltaY;\n    const gutterIndex = state.gutterIndex;\n\n    // Dragging a gutter away from a collapsed neighbour re-expands it.\n    // Collapsed panels are outside the normal size-distribution flow, so this\n    // has to be handled before `distribute`. The panel stays hidden until the\n    // drag has travelled far enough to reveal it at its `min` size (it may not\n    // render well any smaller); without a `min`, the snap threshold is used.\n    const growSide = delta > 0 ? gutterIndex : gutterIndex + 1;\n    const growNeighbour = this._model.children[growSide];\n    if (growNeighbour?.kind === `panel` && growNeighbour.collapsed) {\n      const revealPx = growNeighbour.minPx > 0 ? growNeighbour.minPx : this._snapPx();\n      if (Math.abs(delta) >= revealPx) {\n        const axisPx = axis === `row` ? state.containerRect.width : state.containerRect.height;\n        this._setCollapsedState(growNeighbour.id, false, axisPx > 0 ? revealPx / axisPx : undefined);\n        // Re-anchor the drag to the current pointer position and the new layout\n        // so the same gesture keeps growing the panel past its min size.\n        this._reseedDragState(state, state.startPointerX + deltaX, state.startPointerY + deltaY);\n      }\n      return;\n    }\n\n    const constraints = state.minConstraints.map((min, i) => ({\n      minPx: min,\n      maxPx: state.maxConstraints[i],\n      fixedPx: state.fixedConstraints[i],\n      whenSmall: state.whenSmallConstraints[i] as any,\n    }));\n\n    const result = distribute(\n      state.trackSizes,\n      gutterIndex,\n      delta,\n      constraints,\n    );\n\n    const totalSize = state.trackSizes.reduce((a, b) => a + b, 0);\n    result.sizesPx.forEach((size, i) => {\n      const child = this._model!.children[i];\n      if (child && child.kind === `panel`) {\n        child.weight = size / totalSize;\n      }\n    });\n\n    if (result.belowMin.length > 0) {\n      let processed = false;\n      for (const idx of result.belowMin) {\n        if (processed)\n          break;\n        const child = this._model!.children[idx];\n        if (child && child.kind === `panel`) {\n          const whenSmall = child.whenSmall;\n          if (whenSmall === `collapse` && !child.collapsed) {\n            this._setCollapsedState(child.id, true);\n            processed = true;\n            this._dragStructurallyChanged = true;\n          } else if (whenSmall === `close`) {\n            this.closePanel(child.id);\n            processed = true;\n            this._dragStructurallyChanged = true;\n          }\n        }\n      }\n    }\n\n    this._model = normalise(this._model);\n    this.requestUpdate();\n  }\n\n  private _handleDragEnd(_state: DragState) {\n    this._resizing = false;\n    this.removeAttribute(`data-dragging`);\n    this._emitResize();\n    this._emitChange();\n  }\n\n  // Snapshot of the current gutter geometry, used to seed (and mid-drag\n  // re-seed) the drag machine. Collapsed / fixed panels sit outside the\n  // weighted flow, so their raw `weight` is meaningless — use their real\n  // rendered track size instead.\n  private _snapshotTracks() {\n    const rect = this._groupEl!.getBoundingClientRect();\n    const axisSize = this.direction === `row` ? rect.width : rect.height;\n    const collapsedPx = this._collapsedPx();\n    const children = this._model!.children;\n\n    const trackSizes = children.map((c) => {\n      if (c.kind === `panel` && c.collapsed)\n        return collapsedPx;\n      if (c.kind === `panel` && c.fixedPx !== null)\n        return c.fixedPx;\n      return c.weight * axisSize;\n    });\n    const constraints = children.map((c) => {\n      if (c.kind === `panel`) {\n        return { minPx: c.minPx, maxPx: c.maxPx, fixedPx: c.fixedPx, whenSmall: c.whenSmall };\n      }\n      return { minPx: 0, maxPx: null as number | null, fixedPx: null as number | null, whenSmall: `prevent` as const };\n    });\n\n    return { rect, trackSizes, constraints };\n  }\n\n  private _reseedDragState(state: DragState, pointerX: number, pointerY: number): void {\n    if (!this._groupEl || !this._model)\n      return;\n\n    const { rect, trackSizes, constraints } = this._snapshotTracks();\n    state.startPointerX = pointerX;\n    state.startPointerY = pointerY;\n    state.containerRect = rect;\n    state.trackSizes = trackSizes;\n    state.minConstraints = constraints.map(c => c.minPx);\n    state.maxConstraints = constraints.map(c => c.maxPx);\n    state.fixedConstraints = constraints.map(c => c.fixedPx);\n    state.whenSmallConstraints = constraints.map(c => c.whenSmall);\n  }\n\n  private _onGutterPointerDown = (e: PointerEvent, groupId: string, gutterIndex: number) => {\n    e.preventDefault();\n    if (!this._groupEl || !this._model)\n      return;\n\n    const { rect, trackSizes, constraints } = this._snapshotTracks();\n\n    this._dragMachine.startGutterDrag(\n      groupId,\n      gutterIndex,\n      e.pointerId,\n      e.clientX,\n      e.clientY,\n      rect,\n      trackSizes,\n      constraints,\n    );\n\n    window.addEventListener(`pointermove`, this._onPointerMove);\n    window.addEventListener(`pointerup`, this._onPointerUp);\n  };\n\n  private _onPointerMove = (e: PointerEvent) => {\n    this._dragMachine.move(e);\n  };\n\n  private _onPointerUp = (e: PointerEvent) => {\n    this._dragMachine.end(e);\n    window.removeEventListener(`pointermove`, this._onPointerMove);\n    window.removeEventListener(`pointerup`, this._onPointerUp);\n  };\n\n  private _emitResize() {\n    if (!this._model)\n      return;\n    const detail: SplitResizeDetail = {\n      sizes: this.getSizes(),\n      groupId: this._model.id,\n    };\n    this.dispatchEvent(new CustomEvent<SplitResizeDetail>(`ixfx-split-resize`, {\n      detail,\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _emitChange() {\n    const layout = this.getLayout();\n    if (!layout)\n      return;\n    const detail: SplitChangeDetail = { layout };\n    this.dispatchEvent(new CustomEvent<SplitChangeDetail>(`ixfx-split-change`, {\n      detail,\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  protected override render() {\n    if (!this._model)\n      return nothing;\n\n    const isRow = this._model.axis === `row`;\n    const trackSizes = this._resolveTracks(this._model);\n\n    const cssVars = this._model.children.map((child, i) => {\n      return `--s${i}: ${child.weight * 100}%`;\n    }).join(`; `);\n\n    const gridStyle = isRow\n      ? `grid-template-columns: ${trackSizes}; grid-template-rows: 1fr; ${cssVars}`\n      : `grid-template-rows: ${trackSizes}; grid-template-columns: 1fr; ${cssVars}`;\n\n    return html`\n      <div class=\"grid\" style=\"${gridStyle}\">\n        ${this._model.children.map((_, i) => html`\n          <div part=\"panel\" style=\"grid-column: ${isRow ? i * 2 + 1 : 1}; grid-row: ${isRow ? 1 : i * 2 + 1}; display: flex; flex-direction: ${isRow ? `row` : `column`}; overflow: hidden;\">\n            <slot name=\"panel-${i}\"></slot>\n          </div>\n        `)}\n        ${this._model.children.slice(0, -1).map((_, i) => this._renderGutter(this._model!.id, i, isRow))}\n      </div>\n    `;\n  }\n\n  private _getTrackSizes(count: number): string[] {\n    const sizes: string[] = [];\n    for (let i = 0; i < count; i++) {\n      sizes.push(`var(--s${i}, 1fr)`);\n    }\n    return sizes;\n  }\n\n  private _resolveTracks(model: GroupNode): string {\n    const _isRow = model.axis === `row`;\n    const parts: string[] = [];\n    const gutterSize = `var(--split-gutter-size, 6px)`;\n\n    for (let i = 0; i < model.children.length; i++) {\n      const child = model.children[i];\n      let track: string;\n\n      if (child.kind === `panel`) {\n        if (child.collapsed) {\n          track = `var(--split-collapsed-size, 0px)`;\n        } else if (child.fixedPx !== null) {\n          track = `${child.fixedPx}px`;\n        } else {\n          const min = child.minPx > 0 ? `${child.minPx}px` : `0px`;\n          track = `minmax(${min}, var(--s${i}, 1fr))`;\n        }\n      } else {\n        track = `minmax(0, var(--s${i}, 1fr))`;\n      }\n\n      parts.push(track);\n\n      if (i < model.children.length - 1) {\n        parts.push(gutterSize);\n      }\n    }\n\n    return parts.join(` `);\n  }\n\n  private _renderGutter(groupId: string, index: number, isRow: boolean) {\n    const cursor = isRow ? `ew-resize` : `ns-resize`;\n    const gridColumn = isRow ? `${(index + 1) * 2}` : `1`;\n    const gridRow = isRow ? `1` : `${(index + 1) * 2}`;\n\n    return html`\n      <div\n        class=\"gutter\"\n        data-group=\"${groupId}\"\n        data-index=\"${index}\"\n        style=\"cursor: ${cursor}; grid-column: ${gridColumn}; grid-row: ${gridRow};\"\n        @pointerdown=${(e: PointerEvent) => this._onGutterPointerDown(e, groupId, index)}\n      >\n        <span\n          class=\"ixfx-handle\"\n          part=\"grip\"\n          data-handle=\"dimpled\"\n          data-shape=${isRow ? `vertical` : `horizontal`}\n        ></span>\n      </div>\n    `;\n  }\n\n  static override styles = [\n    themeFallbacks,\n    handleStyles,\n    css`\n      :host {\n        display: block;\n        width: 100%;\n        height: 100%;\n        --split-gutter-size: 6px;\n        --split-gutter-hit-size: 12px;\n        --split-gutter-color: transparent;\n        --split-gutter-hover-color: var(--surface-6);\n        --split-gutter-active-color: var(--accent);\n        --split-collapsed-size: 0px;\n        --split-snap: 24px;\n\n        /* Gutter grip — shared handle primitive (docs/infra-handle.md). */\n        --ixfx-handle-length: 16px;\n        --ixfx-handle-thickness: 8px;\n      }\n\n      * {\n        box-sizing: border-box;\n      }\n\n      .grid {\n        display: grid;\n        width: 100%;\n        height: 100%;\n      }\n\n      .grid slot {\n        display: block;\n        min-width: 0;\n        min-height: 0;\n        width: 100%;\n        height: 100%;\n      }\n\n      ::part(panel) {\n        width: 100%;\n        height: 100%;\n      }\n\n      /* ::part() doesn't match inside our own shadow root, so target directly. */\n      [part=\"panel\"] {\n        contain: strict;\n      }\n\n      .gutter {\n        z-index: 2;\n        background: var(--split-gutter-color);\n        transition: background-color var(--transition, 0.2s);\n        pointer-events: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n      }\n\n      .gutter::before {\n        content: '';\n        position: absolute;\n        pointer-events: auto;\n        background: transparent;\n      }\n\n      :host([direction=\"row\"]) .gutter {\n        width: var(--split-gutter-size);\n        cursor: ew-resize;\n        min-height: 100%;\n      }\n\n      :host([direction=\"row\"]) .gutter::before {\n        width: var(--split-gutter-hit-size, 12px);\n        height: 100%;\n        left: 50%;\n        transform: translateX(-50%);\n      }\n\n      :host([direction=\"column\"]) .gutter {\n        height: var(--split-gutter-size);\n        cursor: ns-resize;\n        min-width: 100%;\n      }\n\n      :host([direction=\"column\"]) .gutter::before {\n        height: var(--split-gutter-hit-size, 12px);\n        width: 100%;\n        top: 50%;\n        transform: translateY(-50%);\n      }\n\n      .gutter:hover,\n      .gutter[data-active] {\n        background: var(--split-gutter-hover-color);\n      }\n\n      :host([data-dragging]) .gutter {\n        background: var(--split-gutter-active-color);\n      }\n\n      :host([data-dragging]) * {\n        transition: none !important;\n        user-select: none;\n      }\n\n      :host([data-dragging]) .gutter .ixfx-handle {\n        display: none;\n      }\n\n      :host(:not([data-dragging])) .gutter:hover .ixfx-handle {\n        display: none;\n      }\n    `,\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-split-layout': SplitLayoutElement;\n  }\n\n  interface HTMLElementEventMap {\n    'ixfx-split-resize': CustomEvent<SplitResizeDetail>;\n    'ixfx-split-collapse': CustomEvent<SplitCollapseDetail>;\n    'ixfx-split-expand': CustomEvent<SplitExpandDetail>;\n    'ixfx-split-close': CustomEvent<SplitCloseDetail>;\n    'ixfx-split-change': CustomEvent<SplitChangeDetail>;\n  }\n}\n"],"mappings":";;;;;;AA4BA,SAAgB,kBAAkB,UAAwB;CACxD,IAAI,QAA0B;CAC9B,IAAI,QAAuB;CAC3B,IAAI,cAAyD;CAE7D,SAAS,gBACP,SACA,aACA,YACA,SACA,SACA,eACA,YACA,aACA;EACA,QAAQ;GACN,YAAY;GACZ;GACA;GACA,eAAe;GACf,eAAe;GACf;GACA;GACA,gBAAgB,YAAY,KAAI,MAAK,EAAE,KAAK;GAC5C,gBAAgB,YAAY,KAAI,MAAK,EAAE,KAAK;GAC5C,kBAAkB,YAAY,KAAI,MAAK,EAAE,OAAO;GAChD,sBAAsB,YAAY,KAAI,MAAK,EAAE,SAAS;EACxD;EAEA,SAAS,YAAY,KAAK;CAC5B;CAEA,SAAS,KAAK,cAA4B;EACxC,IAAI,CAAC,SAAS,CAAC,MAAM,YACnB;EAKF,cAAc;GAAE,QAHD,aAAa,UAAU,MAAM;GAGpB,QAFT,aAAa,UAAU,MAAM;EAEb;EAE/B,IAAI,UAAU,MACZ,QAAQ,sBAAsB,SAAS;CAE3C;CAEA,SAAS,YAAY;EACnB,IAAI,CAAC,SAAS,CAAC,aAAa;GAC1B,QAAQ;GACR;EACF;EAEA,MAAM,EAAE,QAAQ,WAAW;EAC3B,cAAc;EACd,QAAQ;EAER,SAAS,WAAW,OAAO,QAAQ,MAAM;CAC3C;CAEA,SAAS,IAAI,eAA6B;EACxC,IAAI,CAAC,SAAS,CAAC,MAAM,YACnB;EAEF,IAAI,UAAU,MAAM;GAClB,qBAAqB,KAAK;GAC1B,QAAQ;EACV;EAEA,cAAc;EACd,SAAS,UAAU,KAAK;EACxB,QAAQ;CACV;CAEA,OAAO;EACL;EACA;EACA;EACA,gBAAgB;CAClB;AACF;;;ACjGA,IAAI,iBAAiB;AACrB,IAAI,iBAAiB;AAErB,SAAS,kBAA0B;CACjC,OAAO,KAAK,EAAE;AAChB;AAEA,SAAS,kBAA0B;CACjC,OAAO,KAAK,EAAE;AAChB;AAEA,SAAS,kBAAwB;CAC/B,iBAAiB;CACjB,iBAAiB;AACnB;AAKA,SAAS,cAAc,IAAqC;CAC1D,MAAM,OAAO,GAAG,aAAa,MAAM,KAAK,GAAG,aAAa,QAAQ;CAChE,IAAI,SAAS,MACX,OAAO,KAAA;CACT,MAAM,QAAQ,OAAO,WAAW,IAAI;CACpC,OAAO,OAAO,MAAM,KAAK,IAAI,KAAA,IAAY;AAC3C;AAEA,SAAgB,WAAW,QAAgC;CACzD,gBAAgB;CAChB,OAAO,sBAAsB,QAAQ,IAAI;AAC3C;AAEA,SAAS,sBAAsB,IAAiB,aAAqC;CACnF,MAAM,iBAAiB,GAAG,YAAY;CAEtC,MAAM,OADgB,GAAG,aAAa,WACP,MAAM,WAAW,WAAW;CAE3D,MAAM,QAAmB;EACvB,MAAM;EACN,IAAI,GAAG,MAAM,gBAAgB;EAC7B,IAAI,iBAAiB,KAAK;EAC1B;EACA,UAAU,CAAC;EACX,QAAQ,cAAc,EAAE,KAAK;EAC7B,SAAS;CACX;CAEA,MAAM,YAAY,GAAG,aAAa,OAAO;CACzC,MAAM,QAAQ,YAAY,UAAU,MAAM,KAAK,CAAC,CAAC,KAAI,MAAK,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,QAAO,MAAK,CAAC,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC;CAEjH,MAAM,aAAa,MAAM,KAAK,GAAG,QAAQ;CACzC,IAAI,YAAY;CAEhB,KAAK,MAAM,SAAS,YAAY;EAG9B,MAAM,aAAa,YAAY,MAAM,SAAS,MAAM,aAAa,KAAA;EACjE;EACA,IAAI,MAAM,YAAY,qBACpB,MAAM,SAAS,KAAK,sBAAsB,OAAsB,IAAI,CAAC;OAChE,IAAI,MAAM,YAAY,oBAC3B,MAAM,SAAS,KAAK,eAAe,OAAsB,UAAU,CAAC;OAC/D;GACL,MAAM,UAAU,oBAAoB,OAAsB,UAAU;GACpE,MAAM,SAAS,KAAK,OAAO;EAC7B;CACF;CAEA,IAAI,MAAM,SAAS,WAAW,GAAG;EAC/B,MAAM,gBAAgB,6BAA6B;EACnD,MAAM,SAAS,KAAK,aAAa;CACnC;CAEA,OAAO;AACT;AAEA,SAAS,oBAAoB,IAAiB,MAA0B;CACtE,MAAM,UAAU,GAAG,aAAa,KAAK;CACrC,MAAM,UAAU,GAAG,aAAa,KAAK;CACrC,MAAM,gBAAgB,GAAG,aAAa,YAAY;CAClD,MAAM,YAAY,GAAG,aAAa,OAAO;CACzC,MAAM,gBAAgB,GAAG,aAAa,WAAW;CAEjD,IAAI,QAAQ;CACZ,IAAI,SACF,QAAQ,YAAY,SAAS,CAAC;CAGhC,IAAI,QAAuB;CAC3B,IAAI,SACF,QAAQ,YAAY,SAAS,CAAC;CAGhC,IAAI,UAAyB;CAC7B,IAAI,WACF,UAAU,cAAc,KAAK,MAAM,YAAY,WAAW,GAAG;CAG/D,MAAM,SAAS,cAAc,EAAE,KAAK,QAAQ;CAE5C,OAAO;EACL,MAAM;EACN,IAAI,GAAG,MAAM,gBAAgB;EAC7B;EACA;EACA;EACA;EACA;EACA,WAAW,iBAAiB;EAC5B,WAAW;EACX,eAAe;CACjB;AACF;AAEA,SAAS,6BAA6B,MAA0B;CAC9D,OAAO;EACL,MAAM;EACN,IAAI,gBAAgB;EACpB,IAAI,SAAS,cAAc,KAAK;EAChC,QAAQ,QAAQ;EAChB,SAAS;EACT,OAAO;EACP,OAAO;EACP,WAAW;EACX,WAAW;EACX,eAAe,QAAQ;CACzB;AACF;AAEA,SAAS,eAAe,IAAiB,MAA0B;CACjE,MAAM,WAAW,GAAG,aAAa,MAAM,KAAK,GAAG,aAAa,QAAQ;CACpE,MAAM,UAAU,GAAG,aAAa,KAAK;CACrC,MAAM,UAAU,GAAG,aAAa,KAAK;CACrC,MAAM,gBAAgB,GAAG,aAAa,YAAY;CAClD,MAAM,YAAY,GAAG,aAAa,OAAO;CACzC,MAAM,gBAAgB,GAAG,aAAa,WAAW;CAEjD,IAAI,SAAS,QAAQ;CACrB,IAAI,UACF,SAAS,OAAO,WAAW,QAAQ;CAGrC,IAAI,QAAQ;CACZ,IAAI,SACF,QAAQ,YAAY,SAAS,CAAC;CAGhC,IAAI,QAAuB;CAC3B,IAAI,SACF,QAAQ,YAAY,SAAS,CAAC;CAGhC,IAAI,UAAyB;CAC7B,IAAI,WACF,UAAU,cAAc,KAAK,MAAM,YAAY,WAAW,GAAG;CAG/D,OAAO;EACL,MAAM;EACN,IAAI,GAAG,MAAM,gBAAgB;EAC7B;EACA;EACA;EACA;EACA;EACA,WAAW,iBAAiB;EAC5B,WAAW;EACX,eAAe;CACjB;AACF;AAEA,SAAS,YAAY,OAAe,UAA0B;CAC5D,IAAI,MAAM,SAAS,IAAI,GACrB,OAAO,OAAO,WAAW,MAAM,QAAQ,MAAM,EAAE,CAAC;CAElD,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO;CAET,MAAM,MAAM,OAAO,WAAW,KAAK;CACnC,OAAO,OAAO,MAAM,GAAG,IAAI,WAAW;AACxC;AAEA,SAAgB,UAAU,OAA6B;CACrD,MAAM,kBAA4B,CAAC;CACnC,IAAI,sBAAsB;CAE1B,KAAK,MAAM,SAAS,MAAM,UACxB,IAAI,MAAM,SAAS,SAAS;EAC1B,IAAI,MAAM,YAAY,MAAM,CAE5B,OAAO,IAAI,CAAC,MAAM,WAAW;GAC3B,gBAAgB,KAAK,MAAM,MAAM;GACjC,uBAAuB,MAAM;EAC/B;CACF,OAAO;EACL,gBAAgB,KAAK,MAAM,MAAM;EACjC,uBAAuB,MAAM;CAC/B;CAGF,IAAI,wBAAwB,GAC1B,sBAAsB;CAGxB,MAAM,qBAAmC,CAAC;CAC1C,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,SAAS,QAAQ,KAAK;EAC9C,MAAM,QAAQ,MAAM,SAAS;EAC7B,IAAI,MAAM,SAAS,SAAS;GAC1B,IAAI,MAAM,YAAY,QAAQ,CAAC,MAAM,WACnC,mBAAmB,KAAK;IACtB,GAAG;IACH,QAAQ,MAAM,SAAS;GACzB,CAAC;QAED,mBAAmB,KAAK,KAAK;EAEjC,OACE,mBAAmB,KAAK;GACtB,GAAG;GACH,QAAQ,MAAM,SAAS;EACzB,CAAC;CAEL;CAEA,OAAO;EACL,GAAG;EACH,UAAU;CACZ;AACF;AAOA,SAAgB,WACd,SACA,aACA,SACA,aACkB;CAClB,MAAM,SAAS,CAAC,GAAG,OAAO;CAC1B,MAAM,WAAqB,CAAC;CAE5B,IAAI,YAAY,GACd,OAAO;EAAE,SAAS;EAAQ;CAAS;CAGrC,MAAM,WAAW,UAAU,IAAI,cAAc,cAAc;CAC3D,MAAM,aAAa,UAAU,IAAI,cAAc,IAAI;CAEnD,IAAI,YAAY,KAAK,IAAI,OAAO;CAEhC,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,YAAY,GAAG,KAAK;EACrD,MAAM,IAAI,YAAY;EACtB,IAAI,EAAE,YAAY,MAChB;EAEF,MAAM,cAAc,OAAO;EAC3B,MAAM,OAAO,cAAc,EAAE;EAE7B,IAAI,OAAO,GAAG;GACZ,MAAM,OAAO,KAAK,IAAI,MAAM,SAAS;GACrC,OAAO,MAAM;GACb,aAAa;GACb,IAAI,EAAE,cAAc,aAAa,OAAO,MAAM,EAAE,SAAS,OAAO,KAAK,GAAG;IACtE,SAAS,KAAK,CAAC;IACf;GACF;EACF,OAAO,IAAI,EAAE,cAAc,aAAa,cAAc,GAAG;GACvD,MAAM,OAAO,KAAK,IAAI,aAAa,SAAS;GAC5C,OAAO,MAAM;GACb,aAAa;GACb,IAAI,OAAO,MAAM,EAAE,OAAO;IACxB,SAAS,KAAK,CAAC;IACf;GACF;EACF;CACF;CAEA,MAAM,cAAc,KAAK,IAAI,OAAO,IAAI;CACxC,IAAI,cAAc,GAAG;EACnB,OAAO,aAAa;EACpB,YAAY;CACd;CAEA,IAAI,YAAY,GACd,KAAK,IAAI,IAAI,UAAU,IAAI,OAAO,UAAU,YAAY,GAAG,KAAK;EAC9D,MAAM,IAAI,YAAY;EACtB,IAAI,EAAE,YAAY,MAChB;EAEF,MAAM,UAAU,EAAE,UAAU,OAAO,EAAE,QAAQ,OAAO,KAAK;EACzD,IAAI,WAAW,GACb;EAEF,MAAM,OAAO,KAAK,IAAI,SAAS,SAAS;EACxC,OAAO,MAAM;EACb,aAAa;CACf;CAGF,OAAO;EAAE,SAAS;EAAQ;CAAS;AACrC;AAEA,SAAgB,cAAc,OAAkB,cAA8B;CAC5E,MAAM,QAAkB,CAAC;CAEzB,MAAM,aAAa;CAEnB,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,SAAS,QAAQ,KAAK;EAC9C,MAAM,QAAQ,MAAM,SAAS;EAC7B,IAAI;EAEJ,IAAI,MAAM,SAAS,SAAS;GAC1B,IAAI,MAAM,WACR,QAAQ;QACH,IAAI,MAAM,YAAY,MAC3B,QAAQ,GAAG,MAAM,QAAQ;QAGzB,QAAQ,UADI,MAAM,QAAQ,IAAI,GAAG,MAAM,MAAM,MAAM,MAC7B,WAAW,EAAE;EAEvC,OACE,QAAQ,oBAAoB,EAAE;EAGhC,MAAM,KAAK,KAAK;EAEhB,IAAI,IAAI,MAAM,SAAS,SAAS,GAC9B,MAAM,KAAK,UAAU;CAEzB;CAEA,OAAO,MAAM,KAAK,GAAG;AACvB;AAEA,SAAgB,WAAW,OAAkC;CAE3D,OAAO;EACL,SAAS;EACT,MAHW,aAAa,KAGrB;CACL;AACF;AAEA,SAAS,aAAa,MAAgC;CACpD,IAAI,KAAK,SAAS,SAChB,OAAO;EACL,MAAM;EACN,IAAI,KAAK;EACT,QAAQ,KAAK;EACb,WAAW,KAAK;CAClB;CAGF,MAAM,WAAW,KAAK,SAAS,KAAI,MAAK,aAAa,CAAC,CAAC;CACvD,OAAO;EACL,MAAM;EACN,IAAI,KAAK;EACT,QAAQ,KAAK;EACb;CACF;AACF;AAEA,SAAgB,cAAc,OAAkB,UAAqC;CACnF,OAAO,qBAAqB,OAAO,SAAS,IAAI;AAClD;AAEA,SAAS,qBAAqB,OAAkB,UAAmC;CACjF,IAAI,SAAS,SAAS,SACpB,OAAO;CAGT,MAAM,4BAAY,IAAI,IAAoB;CAC1C,MAAM,+BAAe,IAAI,IAAqB;CAE9C,eAAe,UAAU,WAAW,YAAY;CAEhD,MAAM,cAA4B,CAAC;CAEnC,KAAK,MAAM,SAAS,MAAM,UACxB,IAAI,MAAM,SAAS,SAAS;EAC1B,MAAM,YAAY,UAAU,IAAI,MAAM,EAAE;EACxC,MAAM,YAAY,aAAa,IAAI,MAAM,EAAE;EAE3C,YAAY,KAAK;GACf,GAAG;GACH,QAAQ,cAAc,KAAA,IAAY,YAAY,MAAM;GACpD,WAAW,cAAc,KAAA,IAAY,YAAY,MAAM;EACzD,CAAC;CACH,OAAO;EACL,MAAM,gBAAgB,SAAS,UAAU,MAAK,MAAK,EAAE,OAAO,MAAM,EAAE;EACpE,IAAI,eACF,YAAY,KAAK,qBAAqB,OAAO,aAAa,CAAC;OAE3D,YAAY,KAAK,KAAK;CAE1B;CAGF,OAAO;EACL,GAAG;EACH,UAAU;CACZ;AACF;AAEA,SAAS,eAAe,UAAwB,SAA8B,WAAuC;CACnH,IAAI,SAAS,SAAS,SAAS;EAC7B,QAAQ,IAAI,SAAS,IAAI,SAAS,UAAU,CAAC;EAC7C,IAAI,SAAS,cAAc,KAAA,GACzB,UAAU,IAAI,SAAS,IAAI,SAAS,SAAS;CAEjD,OAAO,IAAI,SAAS,UAClB,KAAK,MAAM,SAAS,SAAS,UAC3B,eAAe,OAAO,SAAS,SAAS;AAG9C;AAKA,SAAgB,sBAAsB,OAAkB,IAAY,eAAkC;CACpG,MAAM,WAAW,MAAM,SAAS,KAAK,UAAU;EAC7C,IAAI,MAAM,SAAS,SACjB,OAAO,MAAM,OAAO,KAAK;GAAE,GAAG;GAAO;EAAc,IAAI;EAEzD,OAAO,sBAAsB,OAAO,IAAI,aAAa;CACvD,CAAC;CACD,OAAO;EAAE,GAAG;EAAO;CAAS;AAC9B;AAOA,SAAgB,uBAAuB,UAA4B,MAA4B;CAC7F,IAAI,CAAC,UACH,OAAO;CAET,MAAM,eAAe,IAAI,IAAI,SAAS,SAAS,KAAI,UAAS,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;CAC9E,MAAM,WAAW,KAAK,SAAS,KAAK,UAAU;EAC5C,MAAM,QAAQ,aAAa,IAAI,MAAM,EAAE;EACvC,IAAI,CAAC,SAAS,MAAM,SAAS,MAAM,MACjC,OAAO;EACT,IAAI,MAAM,SAAS,WAAW,MAAM,SAAS,SAC3C,OAAO;GAAE,GAAG;GAAO,eAAe,MAAM;EAAc;EAExD,OAAO,uBAAuB,OAAoB,KAAkB;CACtE,CAAC;CACD,OAAO;EAAE,GAAG;EAAM;CAAS;AAC7B;AAEA,SAAgB,cAAc,OAAkB,IAAmC;CACjF,KAAK,MAAM,SAAS,MAAM,UACxB,IAAI,MAAM,SAAS,SACb;MAAA,MAAM,OAAO,IACf,OAAO;CAAA,OACJ;EACL,MAAM,QAAQ,cAAc,OAAO,EAAE;EACrC,IAAI,OACF,OAAO;CACX;AAGJ;AAEA,SAAgB,KAAK,OAAkB,SAA2D;CAChG,UAAU,OAAO,CAAC,GAAG,OAAO;AAC9B;AAEA,SAAS,UAAU,MAAkB,MAAgB,SAA2D;CAC9G,QAAQ,MAAM,IAAI;CAElB,IAAI,KAAK,SAAS,SAChB,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,SAAS,QAAQ,KACxC,UAAU,KAAK,SAAS,IAAI,CAAC,GAAG,MAAM,CAAC,GAAG,OAAO;AAGvD;;;ACpeO,IAAM,oBAAN,MAAM,0BAA0B,WAAW;;;EAE3C,KAAA,KAAA;EAGE,KAAA,OAAA;EAGE,KAAA,SAAA;EAGD,KAAA,QAAA;EAGF,KAAA,MAAA;EAGA,KAAA,MAAA;EAGM,KAAA,YAAA;EAGA,KAAA,YAAA;EAGL,KAAA,OAAA;;CAEP,SAAkB;EAChB,OAAO,IAAI;CACb;;EAEyB,KAAA,SAAA,CACvB,gBACA,GAAG;;;;;;;;;;;KAYL;;AACF;AA9CG,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,MAAA,KAAA,CAAA;AAGxC,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,UAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,SAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,OAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,OAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAA,kBAAA,WAAA,aAAA,KAAA,CAAA;AAGlD,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,aAAA,KAAA,CAAA;AAGzC,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;AA1B3BA,oBAAAA,WAAAA,CAAAA,kBAAc,kBAAkB,CAAA,GAAA,iBAAA;;;ACO1B,IAAM,qBAAN,MAAM,2BAA2B,WAAW;;;EAE/B,KAAA,YAAA;EAGV,KAAA,QAAA;EAGK,KAAA,aAAA;EAGN,KAAA,OAAA;EAG4B,KAAA,SAAA;EAGf,KAAA,YAAA;EAKyB,KAAA,YAAA;EACd,KAAA,uBAAA;EACI,KAAA,2BAAA;EACZ,KAAA,eAAA,kBAAkB;GACvC,cAAa,UAAS,KAAK,iBAAiB,KAAK;GACjD,aAAa,OAAO,QAAQ,WAAW,KAAK,gBAAgB,OAAO,QAAQ,MAAM;GACjF,YAAW,UAAS,KAAK,eAAe,KAAK;GAC7C,aAAa,OAAO,KAAK,OAAO,gBAAgB;IAC9C,OAAO,WAAW,OAAO,KAAK,OAAO,WAAkB;GACzD;EACF,CAAC;EA0c+B,KAAA,wBAAA,GAAiB,SAAiB,gBAAwB;GACxF,EAAE,eAAe;GACjB,IAAI,CAAC,KAAK,YAAY,CAAC,KAAK,QAC1B;GAEF,MAAM,EAAE,MAAM,YAAY,gBAAgB,KAAK,gBAAgB;GAE/D,KAAK,aAAa,gBAChB,SACA,aACA,EAAE,WACF,EAAE,SACF,EAAE,SACF,MACA,YACA,WACF;GAEA,OAAO,iBAAiB,eAAe,KAAK,cAAc;GAC1D,OAAO,iBAAiB,aAAa,KAAK,YAAY;EACxD;EAE0B,KAAA,kBAAA,MAAoB;GAC5C,KAAK,aAAa,KAAK,CAAC;EAC1B;EAEwB,KAAA,gBAAA,MAAoB;GAC1C,KAAK,aAAa,IAAI,CAAC;GACvB,OAAO,oBAAoB,eAAe,KAAK,cAAc;GAC7D,OAAO,oBAAoB,aAAa,KAAK,YAAY;EAC3D;;CAteA,oBAA6B;EAC3B,MAAM,kBAAkB;EACxB,KAAK,eAAe;CACtB;CAEA,uBAAgC;EAC9B,MAAM,qBAAqB;EAC3B,KAAK,WAAW,WAAW;CAC7B;CAEA,eAAwB;EACtB,KAAK,cAAc;CACrB;CAEA,iBAAyB;EACvB,KAAK,YAAY,IAAI,uBAAuB;GAC1C,IAAI,CAAC,KAAK,sBACR,QAAQ,QAAQ,CAAC,CAAC,WAAW,KAAK,cAAc,CAAC;EAErD,CAAC;EAED,KAAK,UAAU,QAAQ,MAAM;GAC3B,WAAW;GACX,SAAS;GACT,iBAAiB;IAAC;IAAQ;IAAU;IAAO;IAAO;IAAc;IAAS;IAAa;IAAa;GAAO;EAC5G,CAAC;CACH;CAEA,gBAAwB;EAMtB,KAAK,cAAc;EAEnB,MAAM,aAAa,UADL,WAAW,IACI,CAAK;EAClC,KAAK,SAAS,uBAAuB,KAAK,QAAQ,UAAU;EAC5D,KAAK,cAAc;CACrB;CAEA,IAAI,SAAsB;EACxB,IAAI,CAAC,KAAK,QACR,OAAO,CAAC;EAEV,MAAM,SAAsB,CAAC;EAC7B,KAAK,KAAK,SAAS,MAAM,SAAS;GAChC,IAAI,KAAK,SAAS,SAChB,OAAO,KAAK;IACV,IAAI,KAAK;IACT,IAAI,KAAK;IACT,OAAO,KAAK,KAAK,SAAS;IAC1B,MAAM,KAAK,KAAK,GAAG;IACnB,QAAQ,KAAK;IACb,WAAW,KAAK;IAChB,KAAK,KAAK;IACV,KAAK,KAAK;IACV,WAAW,KAAK;GAClB,CAAC;EAEL,CAAC;EACD,OAAO;CACT;CAEA,YAAmC;EACjC,IAAI,CAAC,KAAK,QACR,OAAO;EACT,OAAO,WAAW,KAAK,MAAM;CAC/B;CAEA,UAAU,GAAyB;EACjC,IAAI,CAAC,KAAK,QACR;EACF,KAAK,uBAAuB;EAC5B,KAAK,SAAS,cAAc,KAAK,QAAQ,CAAC;EAC1C,KAAK,cAAc;EACnB,KAAK,uBAAuB;EAC5B,KAAK,YAAY;CACnB;CAEA,SAAS,UAA2C;EAClD,IAAI,CAAC,KAAK,QACR,OAAO,CAAC;EACV,MAAM,SAAiC,CAAC;EACxC,IAAI,KAAK,OAAO,UACd,KAAK,OAAO,SAAS,SAAS,UAAU;GACtC,OAAO,MAAM,MAAM,MAAM;EAC3B,CAAC;EAEH,OAAO;CACT;CAEA,SAAS,SAA4C,UAAyB;EAC5E,IAAI,CAAC,KAAK,QACR;EAEF,KAAK,uBAAuB;EAE5B,IAAI,MAAM,QAAQ,OAAO,GACvB,KAAK,OAAO,SAAS,SAAS,OAAO,MAAM;GACzC,IAAI,IAAI,QAAQ,QACd,MAAM,SAAS,QAAQ;EAE3B,CAAC;OAED,KAAK,MAAM,CAAC,IAAI,WAAW,OAAO,QAAQ,OAAO,GAAG;GAClD,MAAM,QAAQ,KAAK,OAAO,SAAS,MAAK,MAAK,EAAE,OAAO,EAAE;GACxD,IAAI,OACF,MAAM,SAAS;EAEnB;EAGF,KAAK,SAAS,UAAU,KAAK,MAAM;EACnC,KAAK,cAAc;EACnB,KAAK,uBAAuB;EAC5B,KAAK,YAAY;EACjB,KAAK,YAAY;CACnB;CAEA,SAAS,QAAoC;EAC3C,KAAK,mBAAmB,QAAQ,IAAI;CACtC;CAEA,OAAO,QAAoC;EACzC,KAAK,mBAAmB,QAAQ,KAAK;CACvC;CAEA,OAAO,QAAoC;EACzC,MAAM,QAAQ,KAAK,WAAW,MAAM;EACpC,IAAI,OACF,KAAK,mBAAmB,MAAM,IAAI,CAAC,MAAM,SAAS;CAEtD;CAEA,WAAW,QAAuC;EAChD,MAAM,QAAQ,KAAK,WAAW,MAAM;EACpC,IAAI,CAAC,OACH,OAAO;EAET,MAAM,QAAQ,IAAI,YAA8B,oBAAoB;GAClE,QAAQ;IAAE,IAAI,MAAM;IAAI,OAAO,MAAM;GAAM;GAC3C,SAAS;GACT,UAAU;GACV,YAAY;EACd,CAAC;EAED,KAAK,cAAc,KAAK;EACxB,IAAI,MAAM,kBACR,OAAO;EAET,KAAK,uBAAuB;EAC5B,MAAM,GAAG,OAAO;EAChB,KAAK,cAAc;EAInB,KAAK,WAAW,YAAY;EAC5B,KAAK,uBAAuB;EAE5B,KAAK,YAAY;EACjB,KAAK,YAAY;EACjB,OAAO;CACT;;;;;;CAOA,iBAA4B;EAC1B,MAAM,UAAU,KAAK,YAAY,iBAA8B,SAAS;EACxE,IAAI,YAAY,KAAA,KAAa,YAAY,MACvC,OAAO,CAAC;EACV,OAAO,MAAM,KAAK,UAAS,MAAK,EAAE,sBAAsB,CAAC;CAC3D;;;;;;;;;CAUA,gBAAgB,aAAqB,WAAmB,SAAiB,SAA0B;EACjG,IAAI,CAAC,KAAK,YAAY,CAAC,KAAK,QAC1B,OAAO;EACT,IAAI,cAAc,KAAK,eAAe,KAAK,OAAO,SAAS,SAAS,GAClE,OAAO;EAET,MAAM,EAAE,MAAM,YAAY,gBAAgB,KAAK,gBAAgB;EAE/D,KAAK,aAAa,gBAChB,KAAK,OAAO,IACZ,aACA,WACA,SACA,SACA,MACA,YACA,WACF;EAEA,OAAO,iBAAiB,eAAe,KAAK,cAAc;EAC1D,OAAO,iBAAiB,aAAa,KAAK,YAAY;EACtD,OAAO;CACT;CAEA,mBAA2B,QAA8B,WAAoB,cAA6B;EACxG,MAAM,QAAQ,KAAK,WAAW,MAAM;EACpC,IAAI,CAAC,SAAS,MAAM,cAAc,WAChC;EAEF,KAAK,uBAAuB;EAE5B,IAAI,WAAW;GAKb,IAAI,KAAK,QACP,KAAK,SAAS,sBAAsB,KAAK,QAAQ,MAAM,IAAI,MAAM,MAAM;GAEzE,MAAM,GAAG,aAAa,aAAa,EAAE;GACrC,MAAM,GAAG,aAAa,kBAAkB,EAAE;EAC5C,OAAO;GACL,MAAM,GAAG,gBAAgB,WAAW;GACpC,MAAM,GAAG,gBAAgB,gBAAgB;EAC3C;EAEA,KAAK,cAAc;EACnB,IAAI,CAAC,WAAW;GACd,MAAM,gBAAgB,iBAAiB,KAAK,SAAS,cAAc,KAAK,QAAQ,MAAM,EAAE,CAAC,EAAE,gBAAgB,KAAA;GAC3G,IAAI,kBAAkB,KAAA,GACpB,KAAK,mBAAmB,MAAM,IAAI,aAAa;EAEnD;EACA,KAAK,cAAc;EAInB,KAAK,WAAW,YAAY;EAC5B,KAAK,uBAAuB;EAE5B,IAAI,WACF,KAAK,cAAc,IAAI,YAAiC,uBAAuB;GAC7E,QAAQ;IAAE,IAAI,MAAM;IAAI,OAAO,MAAM;GAAM;GAC3C,SAAS;GACT,UAAU;EACZ,CAAC,CAAC;OAEF,KAAK,cAAc,IAAI,YAA+B,qBAAqB;GACzE,QAAQ;IAAE,IAAI,MAAM;IAAI,OAAO,MAAM;GAAM;GAC3C,SAAS;GACT,UAAU;EACZ,CAAC,CAAC;EAGJ,KAAK,YAAY;EACjB,KAAK,YAAY;CACnB;CAOA,gBAA8B;EAC5B,MAAM,KAAK,KAAK,QAAQ,CAAC,CAAC,SAAS,OAAO,MAAM;GAC9C,MAAM,OAAO,SAAS;GACtB,IAAI,MAAM,aAAa,MAAM,MAAM,MACjC,MAAM,aAAa,QAAQ,IAAI;EACnC,CAAC;CACH;CAEA,WAAmB,QAAqD;EACtE,MAAM,KAAK,OAAO,WAAW,WAAW,SAAS,OAAO;EACxD,OAAO,KAAK,OAAO,MAAK,MAAK,EAAE,OAAO,EAAE;CAC1C;CAIA,mBAA2B,IAAY,QAAsB;EAC3D,IAAI,CAAC,KAAK,QACR;EAEF,MAAM,cAAc,MAClB,EAAE,SAAS,WAAY,EAAE,YAAY,QAAQ,CAAC,EAAE;EAClD,MAAM,WAAW,KAAK,OAAO,SAAS,OAAO,UAAU;EACvD,MAAM,SAAS,SAAS,MAAK,MAAK,EAAE,OAAO,EAAE;EAC7C,IAAI,CAAC,QACH;EAEF,MAAM,IAAI,KAAK,IAAI,KAAK,IAAI,QAAQ,CAAC,GAAG,EAAG;EAC3C,MAAM,SAAS,SAAS,QAAO,MAAK,MAAM,MAAM;EAChD,MAAM,cAAc,OAAO,QAAQ,KAAK,MAAM,MAAM,EAAE,QAAQ,CAAC,KAAK;EACpE,MAAM,SAAS,IAAI,KAAK;EACxB,KAAK,MAAM,KAAK,QACd,EAAE,UAAU;EAEd,OAAO,SAAS;EAEhB,KAAK,SAAS,UAAU,KAAK,MAAM;CACrC;CAGA,UAA0B;EACxB,MAAM,WAAW,OAAO,WAAW,KAAK,IAAI;EAC5C,IAAI,CAAC,OAAO,MAAM,QAAQ,GACxB,OAAO;EACT,MAAM,UAAU,OAAO,WAAW,iBAAiB,IAAI,CAAC,CAAC,iBAAiB,cAAc,CAAC;EACzF,OAAO,OAAO,MAAM,OAAO,IAAI,KAAK;CACtC;CAEA,eAA+B;EAC7B,MAAM,IAAI,OAAO,WAAW,iBAAiB,IAAI,CAAC,CAAC,iBAAiB,wBAAwB,CAAC;EAC7F,OAAO,OAAO,MAAM,CAAC,IAAI,IAAI;CAC/B;CAEA,iBAAyB,QAAmB;EAC1C,KAAK,YAAY;EACjB,KAAK,2BAA2B;EAChC,KAAK,aAAa,iBAAiB,EAAE;CACvC;CAEA,gBAAwB,OAAkB,QAAgB,QAAgB;EACxE,IAAI,CAAC,KAAK,QACR;EAMF,IAAI,KAAK,0BACP;EAEF,MAAM,OAAO,KAAK;EAClB,MAAM,QAAQ,SAAS,QAAQ,SAAS;EACxC,MAAM,cAAc,MAAM;EAO1B,MAAM,WAAW,QAAQ,IAAI,cAAc,cAAc;EACzD,MAAM,gBAAgB,KAAK,OAAO,SAAS;EAC3C,IAAI,eAAe,SAAS,WAAW,cAAc,WAAW;GAC9D,MAAM,WAAW,cAAc,QAAQ,IAAI,cAAc,QAAQ,KAAK,QAAQ;GAC9E,IAAI,KAAK,IAAI,KAAK,KAAK,UAAU;IAC/B,MAAM,SAAS,SAAS,QAAQ,MAAM,cAAc,QAAQ,MAAM,cAAc;IAChF,KAAK,mBAAmB,cAAc,IAAI,OAAO,SAAS,IAAI,WAAW,SAAS,KAAA,CAAS;IAG3F,KAAK,iBAAiB,OAAO,MAAM,gBAAgB,QAAQ,MAAM,gBAAgB,MAAM;GACzF;GACA;EACF;EAEA,MAAM,cAAc,MAAM,eAAe,KAAK,KAAK,OAAO;GACxD,OAAO;GACP,OAAO,MAAM,eAAe;GAC5B,SAAS,MAAM,iBAAiB;GAChC,WAAW,MAAM,qBAAqB;EACxC,EAAE;EAEF,MAAM,SAAS,WACb,MAAM,YACN,aACA,OACA,WACF;EAEA,MAAM,YAAY,MAAM,WAAW,QAAQ,GAAG,MAAM,IAAI,GAAG,CAAC;EAC5D,OAAO,QAAQ,SAAS,MAAM,MAAM;GAClC,MAAM,QAAQ,KAAK,OAAQ,SAAS;GACpC,IAAI,SAAS,MAAM,SAAS,SAC1B,MAAM,SAAS,OAAO;EAE1B,CAAC;EAED,IAAI,OAAO,SAAS,SAAS,GAAG;GAC9B,IAAI,YAAY;GAChB,KAAK,MAAM,OAAO,OAAO,UAAU;IACjC,IAAI,WACF;IACF,MAAM,QAAQ,KAAK,OAAQ,SAAS;IACpC,IAAI,SAAS,MAAM,SAAS,SAAS;KACnC,MAAM,YAAY,MAAM;KACxB,IAAI,cAAc,cAAc,CAAC,MAAM,WAAW;MAChD,KAAK,mBAAmB,MAAM,IAAI,IAAI;MACtC,YAAY;MACZ,KAAK,2BAA2B;KAClC,OAAO,IAAI,cAAc,SAAS;MAChC,KAAK,WAAW,MAAM,EAAE;MACxB,YAAY;MACZ,KAAK,2BAA2B;KAClC;IACF;GACF;EACF;EAEA,KAAK,SAAS,UAAU,KAAK,MAAM;EACnC,KAAK,cAAc;CACrB;CAEA,eAAuB,QAAmB;EACxC,KAAK,YAAY;EACjB,KAAK,gBAAgB,eAAe;EACpC,KAAK,YAAY;EACjB,KAAK,YAAY;CACnB;CAMA,kBAA0B;EACxB,MAAM,OAAO,KAAK,SAAU,sBAAsB;EAClD,MAAM,WAAW,KAAK,cAAc,QAAQ,KAAK,QAAQ,KAAK;EAC9D,MAAM,cAAc,KAAK,aAAa;EACtC,MAAM,WAAW,KAAK,OAAQ;EAgB9B,OAAO;GAAE;GAAM,YAdI,SAAS,KAAK,MAAM;IACrC,IAAI,EAAE,SAAS,WAAW,EAAE,WAC1B,OAAO;IACT,IAAI,EAAE,SAAS,WAAW,EAAE,YAAY,MACtC,OAAO,EAAE;IACX,OAAO,EAAE,SAAS;GACpB,CAQwB;GAAG,aAPP,SAAS,KAAK,MAAM;IACtC,IAAI,EAAE,SAAS,SACb,OAAO;KAAE,OAAO,EAAE;KAAO,OAAO,EAAE;KAAO,SAAS,EAAE;KAAS,WAAW,EAAE;IAAU;IAEtF,OAAO;KAAE,OAAO;KAAG,OAAO;KAAuB,SAAS;KAAuB,WAAW;IAAmB;GACjH,CAEqC;EAAE;CACzC;CAEA,iBAAyB,OAAkB,UAAkB,UAAwB;EACnF,IAAI,CAAC,KAAK,YAAY,CAAC,KAAK,QAC1B;EAEF,MAAM,EAAE,MAAM,YAAY,gBAAgB,KAAK,gBAAgB;EAC/D,MAAM,gBAAgB;EACtB,MAAM,gBAAgB;EACtB,MAAM,gBAAgB;EACtB,MAAM,aAAa;EACnB,MAAM,iBAAiB,YAAY,KAAI,MAAK,EAAE,KAAK;EACnD,MAAM,iBAAiB,YAAY,KAAI,MAAK,EAAE,KAAK;EACnD,MAAM,mBAAmB,YAAY,KAAI,MAAK,EAAE,OAAO;EACvD,MAAM,uBAAuB,YAAY,KAAI,MAAK,EAAE,SAAS;CAC/D;CAkCA,cAAsB;EACpB,IAAI,CAAC,KAAK,QACR;EACF,MAAM,SAA4B;GAChC,OAAO,KAAK,SAAS;GACrB,SAAS,KAAK,OAAO;EACvB;EACA,KAAK,cAAc,IAAI,YAA+B,qBAAqB;GACzE;GACA,SAAS;GACT,UAAU;EACZ,CAAC,CAAC;CACJ;CAEA,cAAsB;EACpB,MAAM,SAAS,KAAK,UAAU;EAC9B,IAAI,CAAC,QACH;EACF,MAAM,SAA4B,EAAE,OAAO;EAC3C,KAAK,cAAc,IAAI,YAA+B,qBAAqB;GACzE;GACA,SAAS;GACT,UAAU;EACZ,CAAC,CAAC;CACJ;CAEA,SAA4B;EAC1B,IAAI,CAAC,KAAK,QACR,OAAO;EAET,MAAM,QAAQ,KAAK,OAAO,SAAS;EACnC,MAAM,aAAa,KAAK,eAAe,KAAK,MAAM;EAElD,MAAM,UAAU,KAAK,OAAO,SAAS,KAAK,OAAO,MAAM;GACrD,OAAO,MAAM,EAAE,IAAI,MAAM,SAAS,IAAI;EACxC,CAAC,CAAC,CAAC,KAAK,IAAI;EAEZ,MAAM,YAAY,QACd,0BAA0B,WAAW,6BAA6B,YAClE,uBAAuB,WAAW,gCAAgC;EAEtE,OAAO,IAAI;iCACkB,UAAU;UACjC,KAAK,OAAO,SAAS,KAAK,GAAG,MAAM,IAAI;kDACC,QAAQ,IAAI,IAAI,IAAI,EAAE,cAAc,QAAQ,IAAI,IAAI,IAAI,EAAE,mCAAmC,QAAQ,QAAQ,SAAS;gCACxI,EAAE;;SAEzB,EAAE;UACD,KAAK,OAAO,SAAS,MAAM,GAAG,EAAE,CAAC,CAAC,KAAK,GAAG,MAAM,KAAK,cAAc,KAAK,OAAQ,IAAI,GAAG,KAAK,CAAC,EAAE;;;CAGvG;CAEA,eAAuB,OAAyB;EAC9C,MAAM,QAAkB,CAAC;EACzB,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,KACzB,MAAM,KAAK,UAAU,EAAE,OAAO;EAEhC,OAAO;CACT;CAEA,eAAuB,OAA0B;EAChC,MAAM;EACrB,MAAM,QAAkB,CAAC;EACzB,MAAM,aAAa;EAEnB,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,SAAS,QAAQ,KAAK;GAC9C,MAAM,QAAQ,MAAM,SAAS;GAC7B,IAAI;GAEJ,IAAI,MAAM,SAAS,SAAS;IAC1B,IAAI,MAAM,WACR,QAAQ;SACH,IAAI,MAAM,YAAY,MAC3B,QAAQ,GAAG,MAAM,QAAQ;SAGzB,QAAQ,UADI,MAAM,QAAQ,IAAI,GAAG,MAAM,MAAM,MAAM,MAC7B,WAAW,EAAE;GAEvC,OACE,QAAQ,oBAAoB,EAAE;GAGhC,MAAM,KAAK,KAAK;GAEhB,IAAI,IAAI,MAAM,SAAS,SAAS,GAC9B,MAAM,KAAK,UAAU;EAEzB;EAEA,OAAO,MAAM,KAAK,GAAG;CACvB;CAEA,cAAsB,SAAiB,OAAe,OAAgB;EACpE,MAAM,SAAS,QAAQ,cAAc;EACrC,MAAM,aAAa,QAAQ,IAAI,QAAQ,KAAK,MAAM;EAClD,MAAM,UAAU,QAAQ,MAAM,IAAI,QAAQ,KAAK;EAE/C,OAAO,IAAI;;;sBAGO,QAAQ;sBACR,MAAM;yBACH,OAAO,iBAAiB,WAAW,cAAc,QAAQ;wBAC1D,MAAoB,KAAK,qBAAqB,GAAG,SAAS,KAAK,EAAE;;;;;;uBAMlE,QAAQ,aAAa,aAAa;;;;CAIvD;;EAEyB,KAAA,SAAA;GACvB;GACA;GACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgHL;;AACF;AAjvBG,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,aAAA,KAAA,CAAA;AAGxC,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,mBAAA,WAAA,SAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAc,CAAC,CAAA,GAAA,mBAAA,WAAA,cAAA,KAAA,CAAA;AAGnD,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,mBAAA,WAAA,QAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,MAAM,CAAA,GAAA,mBAAA,WAAA,UAAA,KAAA,CAAA;AAGN,WAAA,CAAA,MAAM,CAAA,GAAA,mBAAA,WAAA,aAAA,KAAA,CAAA;AAGN,WAAA,CAAA,MAAM,OAAO,CAAA,GAAA,mBAAA,WAAA,YAAA,KAAA,CAAA;AApBfC,qBAAAA,WAAAA,CAAAA,kBAAc,mBAAmB,CAAA,GAAA,kBAAA"}

package/dist/split-layout.js

@@ -1,2 +1,2 @@
-import { t as SplitLayoutElement } from "./split-layout-CXotkdbx.js";
+import { t as SplitLayoutElement } from "./split-layout-Deoxy47d.js";
 export { SplitLayoutElement };

package/dist/{tab-list-v8mKX7Fu.d.ts → tab-list-D_dmImJM.d.ts}

@@ -26,9 +26,8 @@ declare class TabListItemElement extends LitElement {
   private _compact;
   private _hasToolbarContent;
   private _hasStatusContent;
-  private _resizeObserver?;
   private _commandCleanup?;
-  private _labelObserver;
+  private _onLabelMutation;
   connectedCallback(): void;
   disconnectedCallback(): void;
   updated(changed: PropertyValues): void;
@@ -115,4 +114,4 @@ declare global {
 }
 //#endregion
 export { TabListReorderDetail as a, TabListElement as i, TabListChangeEvent as n, TabListReorderEvent as o, TabListDragMode as r, TabListItemElement as s, TabListChangeDetail as t };
-//# sourceMappingURL=tab-list-v8mKX7Fu.d.ts.map
+//# sourceMappingURL=tab-list-D_dmImJM.d.ts.map

package/dist/tab-list-D_dmImJM.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-list-D_dmImJM.d.ts","names":[],"sources":["../src/tabs/tab-list-item.ts","../src/tabs/tab-list.ts"],"mappings":";;;;;;;;;;;cAyCa,2BAA2B;EAEtC;EAGA;;;;;;;EASA;EAGA;EAGA;EAGA;EAGA,UAAU;UAEO;UACA;UACA;UACT;UACA;EAMC;EAoBA;EAaA,QAAQ,SAAS;UAQlB;UAUA;UAWA;UAIA;UAIA;;;;;;;UAUA;UASA;;;;;UAaA;UAiBA;;;;;;UASA;EAIC;EAOA,wBAAM;UA+BP;SAWQ,sBAAM;;QAyLhB;YACI;IACR,sBAAsB;;;;;;;;;;KChbd;WACD;WACA;WACA;;KAGC,qBAAqB,YAAY;KAEjC;WACD;WACA;WACA;;KAGC,sBAAsB,YAAY;KAElC;cAMC,uBAAuB;;EAElC;EAGA;EAGA;EAGA;;;;;;EAQA;EAGA;EAGA,UAAU;EA4BD,wBAAM;EAgEN;EAUA,QAAQ,mBAAmB;EAiHpC,sBAAkB;EAwBlB,cAAc,IAAI;SAicX,sBAAM;;QAyKP;YACI;IACR,iBAAiB"}

package/dist/tabs.d.ts

@@ -1,2 +1,2 @@
-import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, t as TabListChangeDetail } from "./tab-list-v8mKX7Fu.js";
+import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, t as TabListChangeDetail } from "./tab-list-D_dmImJM.js";
 export { TabListChangeDetail, TabListChangeEvent, TabListDragMode, TabListElement, TabListReorderDetail, TabListReorderEvent };

package/dist/tabs.js

@@ -115,9 +115,20 @@ let TabListElement = class TabListElement extends LitElement {
 			window.addEventListener(`pointerup`, this.#onPointerUp);
 			window.addEventListener(`pointercancel`, this.#onPointerCancel);
 		};
+		this.#pendingMove = null;
+		this.#moveRaf = null;
 		this.#onPointerMove = (event) => {
 			const state = this.#dragState;
 			if (!state || event.pointerId !== state.pointerId) return;
+			this.#pendingMove = event;
+			this.#moveRaf ??= requestAnimationFrame(this.#flushMove);
+		};
+		this.#flushMove = () => {
+			const event = this.#pendingMove;
+			this.#pendingMove = null;
+			this.#moveRaf = null;
+			const state = this.#dragState;
+			if (!state || !event) return;
 			const dx = event.clientX - state.startX;
 			const dy = event.clientY - state.startY;
 			const distance = Math.hypot(dx, dy);
@@ -302,7 +313,17 @@ let TabListElement = class TabListElement extends LitElement {
 		return item;
 	}
 	#onPointerDown;
+	#pendingMove;
+	#moveRaf;
 	#onPointerMove;
+	#cancelPendingMove() {
+		if (this.#moveRaf !== null) {
+			cancelAnimationFrame(this.#moveRaf);
+			this.#moveRaf = null;
+		}
+		this.#pendingMove = null;
+	}
+	#flushMove;
 	#onPointerUp;
 	#onPointerCancel;
 	#beginDrag(event) {
@@ -328,6 +349,7 @@ let TabListElement = class TabListElement extends LitElement {
 	#endDrag(pointerId) {
 		const state = this.#dragState;
 		if (!state) return;
+		this.#cancelPendingMove();
 		state.ghost?.destroy();
 		state.ghost = null;
 		this.#dragState = null;

package/dist/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["#refreshItems","#syncIndicatorColors","#syncHideLabels","#syncLabelNogrow","#isVertical","#selectPrevious","#selectNext","#dragState","#abortDrag","#endDrag","#containerEl","#suppressNextClick","#findDragTarget","#items","#onPointerMove","#onPointerUp","#onPointerCancel","#beginDrag","#computeGapIndex","#commitDrag","#containerClass","#computeCaretStyle","#onKeyUp","#onSlotClick","#onPointerDown","#onKeyDown","#onWheel","#onSlotChange","#onToolbarSlotChange","#isSelected","#createGhost","customElement"],"sources":["../src/tabs/tab-list.ts"],"sourcesContent":["import type { PropertyValues } from \"lit\";\nimport type { DragGhost } from \"../util/drag-ghost.js\";\nimport type { TabListItemElement } from \"./tab-list-item.js\";\nimport { css, html, LitElement, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { themeFallbacks } from \"../styles/fallbacks.js\";\nimport { scrollFadeStyles } from \"../styles/scroll-fade.js\";\nimport { safeCustomElement as customElement } from \"../util/custom-elements.js\";\nimport { createDragGhost } from \"../util/drag-ghost.js\";\n\n/**\n * Events\n * 'change' - new tab selected { previous:string, selected:string, for:string }\n * 'reorder' - tab moved within the list { id:string, fromIndex:number, toIndex:number }\n */\nexport type TabListChangeDetail = {\n  readonly previous: string | undefined;\n  readonly selected: string;\n  readonly for: string;\n};\n\nexport type TabListChangeEvent = CustomEvent<TabListChangeDetail>;\n\nexport type TabListReorderDetail = {\n  readonly id: string;\n  readonly fromIndex: number;\n  readonly toIndex: number;\n};\n\nexport type TabListReorderEvent = CustomEvent<TabListReorderDetail>;\n\nexport type TabListDragMode = `off` | `reorder`;\n\n/** Pointer movement threshold (px) before a press becomes a drag. */\nconst DRAG_THRESHOLD_PX = 5;\n\n@customElement(`ixfx-tab-list`)\nexport class TabListElement extends LitElement {\n  @property({ type: String })\n  orientation: `horizontal` | `vertical-stack` | `vertical-side` = `horizontal`;\n\n  @property({ type: Boolean })\n  flip = false;\n\n  @property({ type: Boolean })\n  scrollable = false;\n\n  @property({ type: Boolean, attribute: `hide-labels` })\n  hideLabels = false;\n\n  /**\n   * Labels of the child items do not stretch to fill each tab\n   * (`flex: 0 0 auto`), so status content sits next to the label text.\n   * Mirrored onto every item as a `label-nogrow` attribute.\n   */\n  @property({ type: Boolean, attribute: `label-nogrow` })\n  labelNogrow = false;\n\n  @property({ type: Boolean, reflect: true })\n  shrink = false;\n\n  @property({ type: String, attribute: `drag-mode` })\n  dragMode: TabListDragMode = `off`;\n\n  #items: TabListItemElement[] = [];\n\n  // ── Drag state (not reactive) ────────────────────────────────────────\n  #dragState: {\n    pointerId: number;\n    source: TabListItemElement;\n    fromIndex: number;\n    startX: number;\n    startY: number;\n    active: boolean;\n    ghost: DragGhost | null;\n    gapIndex: number | undefined;\n  } | null = null;\n\n  #suppressNextClick = false;\n\n  get #isVertical(): boolean {\n    return this.orientation === `vertical-stack` || this.orientation === `vertical-side`;\n  }\n\n  get #containerClass(): string {\n    const base = this.scrollable ? `${this.orientation} scrollable` : this.orientation;\n    const fadeClass = this.scrollable ? (this.#isVertical ? `scroll-fade-y` : `scroll-fade-x`) : ``;\n    return [base, fadeClass, this.dragMode === `reorder` ? `reorder` : ``].filter(Boolean).join(` `);\n  }\n\n  override render() {\n    const caretStyle = this.#computeCaretStyle();\n    return html`\n    <div class=\"outer ${this.orientation}\">\n      <div\n        tabindex=0\n        @keyup=${this.#onKeyUp}\n        @click=${this.#onSlotClick}\n        @pointerdown=${this.#onPointerDown}\n        @keydown=${this.#onKeyDown}\n        @wheel=${this.#onWheel}\n        id=\"container\"\n        class=${this.#containerClass}\n      >\n        <slot @slotchange=${this.#onSlotChange}></slot>\n        ${caretStyle\n          ? html`<div class=\"drop-caret\" style=${caretStyle}></div>`\n          : nothing}\n      </div>\n      <div class=\"list-toolbar ${this.orientation}\" part=\"list-toolbar\">\n        <slot name=\"toolbar\" @slotchange=${this.#onToolbarSlotChange}></slot>\n      </div>\n    </div>`;\n  }\n\n  #onSlotChange = () => {\n    this.updateComplete.then(() => {\n      this.#refreshItems();\n      this.#syncIndicatorColors();\n      this.#syncHideLabels();\n      this.#syncLabelNogrow();\n    });\n  };\n\n  /**\n   * Re-read the assigned tab items. Some environments do not fire slotchange\n   * for a slot's initial assignment, so firstUpdated also calls this before\n   * syncing item attributes.\n   */\n  #refreshItems(): void {\n    this.#items = (this.shadowRoot?.querySelector(`slot:not([name])`) as HTMLSlotElement)\n      ?.assignedElements({ flatten: true }) as TabListItemElement[] ?? [];\n  }\n\n  #onToolbarSlotChange = () => {\n    const slot = this.shadowRoot?.querySelector(`slot[name=\"toolbar\"]`) as HTMLSlotElement | null;\n    const assigned = slot?.assignedElements() ?? [];\n    const has = assigned.length > 0;\n    this.toggleAttribute(`has-toolbar`, has);\n    const toolbarDiv = this.shadowRoot?.querySelector(`.list-toolbar`) as HTMLElement | null;\n    if (toolbarDiv)\n      toolbarDiv.hidden = !has;\n\n    // Force ixfx-toolbar to re-measure after slot assignment\n    if (has) {\n      const toolbar = assigned[0];\n      if (toolbar?.tagName === `IXFX-TOOLBAR`) {\n        requestAnimationFrame(() => {\n          (toolbar as any)?._scheduleMeasure?.();\n        });\n      }\n    }\n  };\n\n  override firstUpdated() {\n    this.updateComplete.then(() => {\n      this.#refreshItems();\n      this.#syncIndicatorColors();\n      this.#syncHideLabels();\n      this.#syncLabelNogrow();\n      this.#onToolbarSlotChange();\n    });\n  }\n\n  override updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    this.classList.toggle(`scrollable`, this.scrollable);\n    if (changedProperties.has(`dragMode`)) {\n      this.toggleAttribute(`drag-mode`, this.dragMode !== `off`);\n    }\n    if (changedProperties.has(`hideLabels`)) {\n      this.#syncHideLabels();\n    }\n    if (changedProperties.has(`labelNogrow`)) {\n      this.#syncLabelNogrow();\n    }\n  }\n\n  #syncHideLabels() {\n    for (const item of this.#items) {\n      if (this.hideLabels) {\n        item.setAttribute(`hide-labels`, ``);\n      } else {\n        item.removeAttribute(`hide-labels`);\n      }\n    }\n  }\n\n  #syncLabelNogrow() {\n    for (const item of this.#items) {\n      if (this.labelNogrow) {\n        item.setAttribute(`label-nogrow`, ``);\n      } else {\n        item.removeAttribute(`label-nogrow`);\n      }\n    }\n  }\n\n  #syncIndicatorColors() {\n    for (const item of this.#items) {\n      item.style.setProperty(`--indicator-color-bottom`, `transparent`);\n      item.style.setProperty(`--indicator-color-top`, `transparent`);\n      item.style.setProperty(`--indicator-color-left`, `transparent`);\n      item.style.setProperty(`--indicator-color-right`, `transparent`);\n\n      if (item.hasAttribute(`selected`)) {\n        if (this.orientation === `horizontal` && !this.flip) {\n          item.style.setProperty(`--indicator-color-bottom`, `var(--accent)`);\n        } else if (this.orientation === `horizontal` && this.flip) {\n          item.style.setProperty(`--indicator-color-top`, `var(--accent)`);\n        } else if (this.#isVertical && !this.flip) {\n          item.style.setProperty(`--indicator-color-right`, `var(--accent)`);\n        } else if (this.#isVertical && this.flip) {\n          item.style.setProperty(`--indicator-color-left`, `var(--accent)`);\n        }\n      }\n    }\n  }\n\n  #onKeyUp = (event: KeyboardEvent) => {\n    const key = event.key;\n    if (this.#isVertical) {\n      if (key === `ArrowUp`) {\n        this.#selectPrevious();\n      } else if (key === `ArrowDown`) {\n        this.#selectNext();\n      }\n    } else {\n      if (key === `ArrowRight`) {\n        this.#selectNext();\n      } else if (key === `ArrowLeft`) {\n        this.#selectPrevious();\n      }\n    }\n  };\n\n  // Escape during drag aborts it (and tears down listeners / releases capture)\n  #onKeyDown = (event: KeyboardEvent): void => {\n    const state = this.#dragState;\n    if (event.key !== `Escape` || !state?.active)\n      return;\n    event.preventDefault();\n    const pointerId = state.pointerId;\n    this.#abortDrag();\n    this.#endDrag(pointerId);\n  };\n\n  /**\n   * Translate vertical wheel deltas into horizontal scroll on a scrollable\n   * horizontal list (and vice-versa for vertical lists). Without this, the\n   * default browser behaviour only scrolls horizontally with Shift+wheel or a\n   * physical horizontal wheel — neither of which most users reach for on a\n   * VS Code-style tab strip.\n   *\n   * Only kicks in when the list is actually scrollable (overflow content\n   * present), and is a no-op when nothing is scrollable in that direction.\n   */\n  #onWheel = (event: WheelEvent): void => {\n    if (!this.scrollable)\n      return;\n    const el = this.#containerEl;\n    if (!el)\n      return;\n\n    if (!this.#isVertical) {\n      if (event.deltaY === 0 || el.scrollWidth <= el.clientWidth)\n        return;\n      el.scrollLeft = el.scrollLeft + event.deltaY;\n      event.preventDefault();\n    } else {\n      if (event.deltaX === 0 || el.scrollHeight <= el.clientHeight)\n        return;\n      el.scrollTop = el.scrollTop + event.deltaX;\n      event.preventDefault();\n    }\n  };\n\n  getSelectedElement() {\n    for (const el of this.#items) {\n      if (this.#isSelected(el))\n        return el;\n    }\n    // Fallback: #items may not be populated yet (slotchange hasn't fired).\n    // Query the slot directly to find the selected element.\n    const slot = this.shadowRoot?.querySelector(`slot`);\n    if (slot) {\n      const els = (slot as HTMLSlotElement).assignedElements({ flatten: true });\n      for (const el of els) {\n        if (this.#isSelected(el as HTMLElement))\n          return el as TabListItemElement;\n      }\n    }\n  }\n\n  #isSelected(el: HTMLElement) {\n    const v = el.getAttribute(`selected`);\n    if (v === null)\n      return false;\n    return (el.hasAttribute(`selected`));\n  }\n\n  selectElement(el: HTMLElement) {\n    const existing = this.getSelectedElement();\n    if (existing) {\n      existing.removeAttribute(`selected`);\n      existing.style.setProperty(`--indicator-color-bottom`, `transparent`);\n      existing.style.setProperty(`--indicator-color-top`, `transparent`);\n      existing.style.setProperty(`--indicator-color-left`, `transparent`);\n      existing.style.setProperty(`--indicator-color-right`, `transparent`);\n    }\n\n    el.setAttribute(`selected`, ``);\n\n    if (this.orientation === `horizontal` && !this.flip) {\n      el.style.setProperty(`--indicator-color-bottom`, `var(--accent)`);\n    } else if (this.orientation === `horizontal` && this.flip) {\n      el.style.setProperty(`--indicator-color-top`, `var(--accent)`);\n    } else if (this.#isVertical && !this.flip) {\n      el.style.setProperty(`--indicator-color-right`, `var(--accent)`);\n    } else if (this.#isVertical && this.flip) {\n      el.style.setProperty(`--indicator-color-left`, `var(--accent)`);\n    }\n  }\n\n  #selectNext() {\n    let found = false;\n    for (const el of this.#items) {\n      if (this.#isSelected(el) && !found) {\n        found = true;\n      } else if (found) {\n        this.selectElement(el);\n        break;\n      }\n    }\n  }\n\n  #selectPrevious() {\n    let prev: HTMLElement | undefined;\n    for (const el of this.#items) {\n      if (this.#isSelected(el) && prev) {\n        this.selectElement(prev);\n      } else {\n        prev = el;\n      }\n    }\n  }\n\n  #onSlotClick = (event: MouseEvent) => {\n    if (this.#suppressNextClick) {\n      this.#suppressNextClick = false;\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.focus();\n    const t = (event.target as HTMLElement).closest(`ixfx-tab-list-item`);\n    if (!t)\n      return;\n    const previous = this.getSelectedElement();\n    this.selectElement(t);\n\n    const forId = t.getAttribute(`for`);\n    const previousId = previous?.id;\n    this.dispatchEvent(new CustomEvent<TabListChangeDetail>(`change`, {\n      bubbles: true,\n      detail: {\n        previous: previousId,\n        selected: t.id,\n        for: forId ?? ``,\n      },\n    }));\n  };\n\n  // ── Drag handling ────────────────────────────────────────────────────\n\n  /**\n   * Walk composedPath looking for the nearest ancestor tab-list-item, but bail\n   * if the path goes through a `.close-btn` or `.toolbar` (so close/toolbar\n   * buttons always win — same delegation pattern used by tooltip-controller).\n   */\n  #findDragTarget(event: PointerEvent): TabListItemElement | null {\n    if (this.dragMode === `off`)\n      return null;\n\n    const path = event.composedPath();\n    let item: TabListItemElement | null = null;\n    for (const node of path) {\n      if (!(node instanceof HTMLElement))\n        continue;\n      if (node.classList.contains(`close-btn`) || node.classList.contains(`toolbar`)) {\n        return null;\n      }\n      if (!item && node.tagName === `IXFX-TAB-LIST-ITEM`) {\n        item = node as TabListItemElement;\n      }\n    }\n    return item;\n  }\n\n  #onPointerDown = (event: PointerEvent): void => {\n    if (this.dragMode !== `reorder`)\n      return;\n    if (event.button !== 0)\n      return;\n    const target = this.#findDragTarget(event);\n    if (!target)\n      return;\n\n    const fromIndex = this.#items.indexOf(target);\n    if (fromIndex < 0)\n      return;\n\n    // Don't capture the pointer yet — doing so on pointerdown would redirect\n    // the trailing click event to the capture target (the container), so the\n    // click handler would see a container DIV as its target instead of the\n    // tab-list-item and `closest('ixfx-tab-list-item')` would return null.\n    // We capture only once the drag actually activates (#beginDrag). Until\n    // then, an ordinary press still produces a normal click on the tab.\n\n    this.#dragState = {\n      pointerId: event.pointerId,\n      source: target,\n      fromIndex,\n      startX: event.clientX,\n      startY: event.clientY,\n      active: false,\n      ghost: null,\n      gapIndex: undefined,\n    };\n\n    // Listen at window level for move/up so we don't lose events if the\n    // pointer exits the host before pointerup fires.\n    window.addEventListener(`pointermove`, this.#onPointerMove);\n    window.addEventListener(`pointerup`, this.#onPointerUp);\n    window.addEventListener(`pointercancel`, this.#onPointerCancel);\n  };\n\n  #onPointerMove = (event: PointerEvent): void => {\n    const state = this.#dragState;\n    if (!state || event.pointerId !== state.pointerId)\n      return;\n\n    const dx = event.clientX - state.startX;\n    const dy = event.clientY - state.startY;\n    const distance = Math.hypot(dx, dy);\n\n    if (!state.active) {\n      if (distance < DRAG_THRESHOLD_PX)\n        return;\n      this.#beginDrag(event);\n    }\n\n    state.ghost?.move(event.clientX, event.clientY);\n\n    const gap = this.#computeGapIndex(event.clientX, event.clientY);\n    if (gap !== state.gapIndex) {\n      state.gapIndex = gap;\n      this.requestUpdate();\n    }\n  };\n\n  #onPointerUp = (event: PointerEvent): void => {\n    const state = this.#dragState;\n    if (!state || event.pointerId !== state.pointerId)\n      return;\n\n    if (state.active) {\n      const gap = this.#computeGapIndex(event.clientX, event.clientY);\n      this.#commitDrag(state.source, state.fromIndex, gap);\n    }\n    this.#endDrag(event.pointerId);\n  };\n\n  #onPointerCancel = (event: PointerEvent): void => {\n    const state = this.#dragState;\n    if (!state || event.pointerId !== state.pointerId)\n      return;\n    this.#abortDrag();\n    this.#endDrag(event.pointerId);\n  };\n\n  #beginDrag(event: PointerEvent): void {\n    const state = this.#dragState;\n    if (!state || state.active)\n      return;\n\n    // Now that we know we're dragging, capture the pointer so pointermove/up\n    // events keep flowing even if the pointer leaves the host element.\n    try {\n      this.#containerEl?.setPointerCapture(event.pointerId);\n    } catch {\n      // setPointerCapture can throw if pointer is already captured elsewhere;\n      // fall through — window listeners still catch move/up.\n    }\n\n    state.active = true;\n    state.source.setAttribute(`drag-source`, ``);\n\n    state.ghost = this.#createGhost(state.source);\n    if (state.ghost) {\n      state.ghost.move(event.clientX, event.clientY);\n    }\n  }\n\n  #abortDrag(): void {\n    const state = this.#dragState;\n    if (!state)\n      return;\n    state.source.removeAttribute(`drag-source`);\n    if (state.gapIndex !== undefined) {\n      state.gapIndex = undefined;\n      this.requestUpdate();\n    }\n    // Caller is responsible for invoking #endDrag to release pointer capture,\n    // tear down listeners, and destroy the ghost.\n  }\n\n  #endDrag(pointerId: number): void {\n    const state = this.#dragState;\n    if (!state)\n      return;\n\n    state.ghost?.destroy();\n    state.ghost = null;\n    this.#dragState = null;\n\n    window.removeEventListener(`pointermove`, this.#onPointerMove);\n    window.removeEventListener(`pointerup`, this.#onPointerUp);\n    window.removeEventListener(`pointercancel`, this.#onPointerCancel);\n\n    try {\n      this.#containerEl?.releasePointerCapture(pointerId);\n    } catch { /* already released */ }\n\n    // #dragState is a private field, not a Lit-reactive property — setting it\n    // to null doesn't trigger a re-render on its own. Without this, the caret\n    // (and any other drag-time UI) would remain in the DOM after the drag\n    // ends, even though the next render would clear them.\n    this.requestUpdate();\n  }\n\n  #commitDrag(source: TabListItemElement, fromIndex: number, gapIndex: number | undefined): void {\n    source.removeAttribute(`drag-source`);\n\n    // gapIndex is an index into the without-source siblings array: 0 = before\n    // the first sibling, siblings.length = after the last. The siblings array\n    // already excludes source, so we can insert directly at that position\n    // using siblings[gapIndex] as the reference (or null to append).\n    const siblings = this.#items.filter(el => el !== source);\n    const target = gapIndex === undefined\n      ? siblings.length\n      : Math.max(0, Math.min(gapIndex, siblings.length));\n\n    const parent = source.parentNode;\n    if (!parent)\n      return;\n\n    const ref = siblings[target] ?? null;\n    parent.insertBefore(source, ref);\n\n    const toIndex = Array.prototype.indexOf.call(parent.children, source);\n    if (toIndex === fromIndex) {\n      // Dropped in the same gap the item already occupies — no reorder, and no\n      // click suppression (a real click on the same tab is still meaningful).\n      return;\n    }\n\n    // Refresh cached #items so subsequent drags / queries see the new order\n    // (slotchange does NOT fire on reorder, only on add/remove).\n    this.#items = (this.shadowRoot?.querySelector(`slot`) as HTMLSlotElement)\n      ?.assignedElements({ flatten: true }) as TabListItemElement[] ?? [];\n    this.#syncIndicatorColors();\n\n    // A real reorder just happened. The trailing click event (which the\n    // browser still fires after pointerup) would re-select whatever is under\n    // the release point — not what the user wanted. Suppress it.\n    this.#suppressNextClick = true;\n\n    this.dispatchEvent(new CustomEvent<TabListReorderDetail>(`reorder`, {\n      bubbles: true,\n      detail: {\n        id: source.id,\n        fromIndex,\n        toIndex,\n      },\n    }));\n  }\n\n  #createGhost(source: TabListItemElement): DragGhost | null {\n    const content = document.createElement(`span`);\n    content.style.display = `inline-flex`;\n    content.style.alignItems = `center`;\n    content.style.gap = `var(--space-xs, 4px)`;\n    content.style.minWidth = `0`;\n\n    const iconName = source.iconName;\n    if (iconName) {\n      const icon = document.createElement(`ixfx-icon`) as HTMLElement & { name: string };\n      icon.name = iconName;\n      content.appendChild(icon);\n    }\n\n    // Reconstruct label text from light-DOM children that aren't slotted.\n    // We want the text content of the source item, excluding `slot=\"toolbar\"`\n    // descendants (the close button lives inside the item's shadow DOM, not\n    // its light DOM, so it isn't part of childNodes here).\n    const label = document.createElement(`span`);\n    label.textContent = (source.textContent ?? ``).trim();\n    label.style.overflow = `hidden`;\n    label.style.textOverflow = `ellipsis`;\n    label.style.whiteSpace = `nowrap`;\n    content.appendChild(label);\n\n    try {\n      return createDragGhost({ anchor: source, content });\n    } catch {\n      return null;\n    }\n  }\n\n  /**\n   * Compute the index of the gap nearest the pointer, ignoring the source item.\n   * Returns 0..#items.length-1; undefined if no siblings.\n   *\n   * Per the plan: drag-mode=\"reorder\" has \"no sense of breaking out\", so the\n   * perpendicular axis is ignored — the pointer always resolves to some gap.\n   */\n  #computeGapIndex(clientX: number, clientY: number): number | undefined {\n    const state = this.#dragState;\n    if (!state)\n      return undefined;\n    const siblings = this.#items.filter(el => el !== state.source);\n    if (siblings.length === 0)\n      return 0;\n\n    const useX = !this.#isVertical;\n\n    let bestGap = 0;\n    let bestDist = Infinity;\n\n    // For each sibling, decide: gap is \"before this sibling\" or \"after\" based\n    // on which side of the midpoint the pointer is on. Pick the gap whose\n    // position (the midpoint if \"before\", the edge if \"after\") is closest to\n    // the pointer on the relevant axis.\n    for (let i = 0; i < siblings.length; i++) {\n      const rect = siblings[i].getBoundingClientRect();\n      const start = useX ? rect.left : rect.top;\n      const end = useX ? rect.right : rect.bottom;\n      const mid = (start + end) / 2;\n      const pos = useX ? clientX : clientY;\n\n      // Two candidate gaps: before this sibling (at `start`) and after (at `end`).\n      // \"Before\" gap index = i; \"after\" gap index = i + 1.\n      const dStart = Math.abs(pos - start);\n      const dMid = Math.abs(pos - mid);\n      const dEnd = Math.abs(pos - end);\n\n      // Heuristic: if pointer is left/above midpoint, prefer the \"before\" gap;\n      // otherwise prefer the \"after\" gap. Within those, the closer edge wins.\n      const preferBefore = pos < mid;\n      if (preferBefore) {\n        // Gap i (before this sibling)\n        if (dStart < bestDist) {\n          bestDist = dStart;\n          bestGap = i;\n        }\n      } else {\n        // Gap i+1 (after this sibling)\n        if (dEnd < bestDist) {\n          bestDist = dEnd;\n          bestGap = i + 1;\n        }\n      }\n      // The midpoint-distance is mostly redundant with the above but handles\n      // ties near the boundary cleanly — no-op for the chosen gap.\n      void dMid;\n    }\n\n    return bestGap;\n  }\n\n  #computeCaretStyle(): string | undefined {\n    const state = this.#dragState;\n    if (!state?.active || state.gapIndex === undefined)\n      return undefined;\n\n    const siblings = this.#items.filter(el => el !== state.source);\n    if (siblings.length === 0)\n      return undefined;\n\n    const useX = !this.#isVertical;\n    const containerRect = this.#containerEl?.getBoundingClientRect();\n    if (!containerRect)\n      return undefined;\n\n    const gap = Math.max(0, Math.min(state.gapIndex, siblings.length));\n    let rect: DOMRect | null = null;\n    if (gap < siblings.length) {\n      rect = siblings[gap].getBoundingClientRect();\n    } else {\n      // After the last sibling: use its trailing edge\n      const last = siblings[siblings.length - 1].getBoundingClientRect();\n      rect = last;\n    }\n\n    if (useX) {\n      const x = (gap < siblings.length ? rect.left : rect.right) - containerRect.left;\n      const y = 0;\n      const h = containerRect.height;\n      const w = 2;\n      return `transform: translate(${x - w / 2}px, ${y}px); width: ${w}px; height: ${h}px;`;\n    } else {\n      const y = (gap < siblings.length ? rect.top : rect.bottom) - containerRect.top;\n      const x = 0;\n      const w = containerRect.width;\n      const h = 2;\n      return `transform: translate(${x}px, ${y - h / 2}px); width: ${w}px; height: ${h}px;`;\n    }\n  }\n\n  get #containerEl(): HTMLElement | null {\n    return this.shadowRoot?.getElementById(`container`) ?? null;\n  }\n\n  static styles = [themeFallbacks, scrollFadeStyles(`x`), scrollFadeStyles(`y`), css`\n  :host {\n      display: inline-block;\n      --activated-colour: var(--accent);\n      --colour: var(--surface-3-text);\n      --scroll-max-height: 200px;\n      --allow-overflow: hidden;\n      color: var(--colour);\n      border: var(--border, none);\n      border-color: var(--surface-5);\n      border-radius: var(--radius-l, 8px) var(--radius-l, 8px) 0 0;\n\n    }\n    :host(.scrollable) {\n      max-height: var(--scroll-max-height);\n    }\n    :host([hide-labels]) {\n      display: inline-flex;\n      width: auto;\n    }\n    text {\n      user-select:none;\n    }\n    .outer {\n      display: flex;\n      width: 100%;\n      height: 100%;\n      gap: var(--space-s);\n      align-items: stretch;\n      box-sizing: border-box;\n    }\n    .outer.horizontal {\n      flex-direction: row;\n      align-items: center;\n    }\n    .outer.vertical-stack,\n    .outer.vertical-side {\n      flex-direction: column;\n    }\n    .list-toolbar {\n      display: flex;\n      align-items: center;\n      gap: var(--space-xs);\n      flex: 0 0 auto;\n      width: max-content;\n      max-width: 50%;\n      overflow: visible;\n    }\n    .list-toolbar.horizontal ::slotted(*:not(ixfx-toolbar)) {\n      margin-left: auto;\n    }\n    .list-toolbar[hidden] {\n      display: none !important;\n    }\n    .list-toolbar[hidden] {\n      display: none !important;\n    }\n    ::slotted(ixfx-toolbar) {\n      --toolbar-bg: transparent;\n      --toolbar-border: none;\n      --toolbar-padding: 0;\n      width: max-content;\n      max-width: 100%;\n      min-width: 150px;\n      flex-shrink: 0;\n    }\n    #container {\n      display:flex;\n      position: relative;\n      flex: 1 1 0%;\n      min-width: 0;\n      min-height: 0;\n    }\n    .outer.vertical-stack #container,\n    .outer.vertical-side #container {\n      flex: 1 1 auto;\n      height: 100%;\n    }\n    #container.horizontal {\n      flex-direction: row;\n      overflow: hidden;\n    }\n    #container.horizontal.scrollable {\n      overflow-x: scroll;\n      --allow-overflow: visible;\n      scrollbar-width: none;\n    }\n    #container.horizontal.scrollable::-webkit-scrollbar {\n      display: none;\n    }\n    #container.horizontal.scrollable ::slotted(ixfx-tab-list-item) {\n      flex-shrink: 0;\n    }\n    #container.vertical-stack {\n      flex-direction: column;\n      height: 100%;\n    }\n    #container.vertical-stack.flip {\n      flex-direction: column-reverse;\n    }\n    #container.vertical-stack.scrollable {\n      overflow-y: scroll;\n      max-height: var(--scroll-max-height);\n      --allow-overflow: visible;\n      scrollbar-width: none;\n    }\n    #container.vertical-stack.scrollable::-webkit-scrollbar {\n      display: none;\n    }\n    #container.vertical-side {\n      flex-direction: column;\n      height: 100%;\n    }\n    #container.vertical-side.flip {\n      flex-direction: column-reverse;\n    }\n    #container.vertical-side.scrollable {\n      overflow-y: scroll;\n      max-height: var(--scroll-max-height);\n      --allow-overflow: visible;\n      scrollbar-width: none;\n    }\n    #container.vertical-side.scrollable::-webkit-scrollbar {\n      display: none;\n    }\n\n    ::slotted(ixfx-tab-list-item) {\n      flex: 1 1 auto;\n      min-width: 0;\n    }\n\n    :host([shrink]) ::slotted(ixfx-tab-list-item) {\n      flex: 0 0 auto;\n    }\n\n    #container.vertical-side ::slotted(ixfx-tab-list-item) {\n      writing-mode: vertical-lr;\n      text-orientation: mixed;\n    }\n    #container.vertical-side.flip ::slotted(ixfx-tab-list-item) {\n      writing-mode: vertical-rl;\n      text-orientation: mixed;\n    }\n\n    /* Drag affordances — opt-in via drag-mode=\"reorder\" on the host (list). */\n    #container.reorder ::slotted(ixfx-tab-list-item) {\n      cursor: grab;\n    }\n    :host([drag-mode]) ::slotted(ixfx-tab-list-item[drag-source]) {\n      cursor: grabbing;\n      opacity: 0.4;\n      transition: opacity var(--transition, 0.15s ease-out);\n    }\n\n    /* Insertion caret shown during an active drag. */\n    .drop-caret {\n      position: absolute;\n      background: var(--accent);\n      border-radius: 1px;\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    ::slotted(.activated) {\n      --colour: var(--activated-colour);\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ixfx-tab-list\": TabListElement;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"tabs.js","names":["#refreshItems","#syncIndicatorColors","#syncHideLabels","#syncLabelNogrow","#isVertical","#selectPrevious","#selectNext","#dragState","#abortDrag","#endDrag","#containerEl","#suppressNextClick","#findDragTarget","#items","#onPointerMove","#onPointerUp","#onPointerCancel","#pendingMove","#moveRaf","#flushMove","#beginDrag","#computeGapIndex","#commitDrag","#containerClass","#computeCaretStyle","#onKeyUp","#onSlotClick","#onPointerDown","#onKeyDown","#onWheel","#onSlotChange","#onToolbarSlotChange","#isSelected","#createGhost","#cancelPendingMove","customElement"],"sources":["../src/tabs/tab-list.ts"],"sourcesContent":["import type { PropertyValues } from \"lit\";\nimport type { DragGhost } from \"../util/drag-ghost.js\";\nimport type { TabListItemElement } from \"./tab-list-item.js\";\nimport { css, html, LitElement, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { themeFallbacks } from \"../styles/fallbacks.js\";\nimport { scrollFadeStyles } from \"../styles/scroll-fade.js\";\nimport { safeCustomElement as customElement } from \"../util/custom-elements.js\";\nimport { createDragGhost } from \"../util/drag-ghost.js\";\n\n/**\n * Events\n * 'change' - new tab selected { previous:string, selected:string, for:string }\n * 'reorder' - tab moved within the list { id:string, fromIndex:number, toIndex:number }\n */\nexport type TabListChangeDetail = {\n  readonly previous: string | undefined;\n  readonly selected: string;\n  readonly for: string;\n};\n\nexport type TabListChangeEvent = CustomEvent<TabListChangeDetail>;\n\nexport type TabListReorderDetail = {\n  readonly id: string;\n  readonly fromIndex: number;\n  readonly toIndex: number;\n};\n\nexport type TabListReorderEvent = CustomEvent<TabListReorderDetail>;\n\nexport type TabListDragMode = `off` | `reorder`;\n\n/** Pointer movement threshold (px) before a press becomes a drag. */\nconst DRAG_THRESHOLD_PX = 5;\n\n@customElement(`ixfx-tab-list`)\nexport class TabListElement extends LitElement {\n  @property({ type: String })\n  orientation: `horizontal` | `vertical-stack` | `vertical-side` = `horizontal`;\n\n  @property({ type: Boolean })\n  flip = false;\n\n  @property({ type: Boolean })\n  scrollable = false;\n\n  @property({ type: Boolean, attribute: `hide-labels` })\n  hideLabels = false;\n\n  /**\n   * Labels of the child items do not stretch to fill each tab\n   * (`flex: 0 0 auto`), so status content sits next to the label text.\n   * Mirrored onto every item as a `label-nogrow` attribute.\n   */\n  @property({ type: Boolean, attribute: `label-nogrow` })\n  labelNogrow = false;\n\n  @property({ type: Boolean, reflect: true })\n  shrink = false;\n\n  @property({ type: String, attribute: `drag-mode` })\n  dragMode: TabListDragMode = `off`;\n\n  #items: TabListItemElement[] = [];\n\n  // ── Drag state (not reactive) ────────────────────────────────────────\n  #dragState: {\n    pointerId: number;\n    source: TabListItemElement;\n    fromIndex: number;\n    startX: number;\n    startY: number;\n    active: boolean;\n    ghost: DragGhost | null;\n    gapIndex: number | undefined;\n  } | null = null;\n\n  #suppressNextClick = false;\n\n  get #isVertical(): boolean {\n    return this.orientation === `vertical-stack` || this.orientation === `vertical-side`;\n  }\n\n  get #containerClass(): string {\n    const base = this.scrollable ? `${this.orientation} scrollable` : this.orientation;\n    const fadeClass = this.scrollable ? (this.#isVertical ? `scroll-fade-y` : `scroll-fade-x`) : ``;\n    return [base, fadeClass, this.dragMode === `reorder` ? `reorder` : ``].filter(Boolean).join(` `);\n  }\n\n  override render() {\n    const caretStyle = this.#computeCaretStyle();\n    return html`\n    <div class=\"outer ${this.orientation}\">\n      <div\n        tabindex=0\n        @keyup=${this.#onKeyUp}\n        @click=${this.#onSlotClick}\n        @pointerdown=${this.#onPointerDown}\n        @keydown=${this.#onKeyDown}\n        @wheel=${this.#onWheel}\n        id=\"container\"\n        class=${this.#containerClass}\n      >\n        <slot @slotchange=${this.#onSlotChange}></slot>\n        ${caretStyle\n          ? html`<div class=\"drop-caret\" style=${caretStyle}></div>`\n          : nothing}\n      </div>\n      <div class=\"list-toolbar ${this.orientation}\" part=\"list-toolbar\">\n        <slot name=\"toolbar\" @slotchange=${this.#onToolbarSlotChange}></slot>\n      </div>\n    </div>`;\n  }\n\n  #onSlotChange = () => {\n    this.updateComplete.then(() => {\n      this.#refreshItems();\n      this.#syncIndicatorColors();\n      this.#syncHideLabels();\n      this.#syncLabelNogrow();\n    });\n  };\n\n  /**\n   * Re-read the assigned tab items. Some environments do not fire slotchange\n   * for a slot's initial assignment, so firstUpdated also calls this before\n   * syncing item attributes.\n   */\n  #refreshItems(): void {\n    this.#items = (this.shadowRoot?.querySelector(`slot:not([name])`) as HTMLSlotElement)\n      ?.assignedElements({ flatten: true }) as TabListItemElement[] ?? [];\n  }\n\n  #onToolbarSlotChange = () => {\n    const slot = this.shadowRoot?.querySelector(`slot[name=\"toolbar\"]`) as HTMLSlotElement | null;\n    const assigned = slot?.assignedElements() ?? [];\n    const has = assigned.length > 0;\n    this.toggleAttribute(`has-toolbar`, has);\n    const toolbarDiv = this.shadowRoot?.querySelector(`.list-toolbar`) as HTMLElement | null;\n    if (toolbarDiv)\n      toolbarDiv.hidden = !has;\n\n    // Force ixfx-toolbar to re-measure after slot assignment\n    if (has) {\n      const toolbar = assigned[0];\n      if (toolbar?.tagName === `IXFX-TOOLBAR`) {\n        requestAnimationFrame(() => {\n          (toolbar as any)?._scheduleMeasure?.();\n        });\n      }\n    }\n  };\n\n  override firstUpdated() {\n    this.updateComplete.then(() => {\n      this.#refreshItems();\n      this.#syncIndicatorColors();\n      this.#syncHideLabels();\n      this.#syncLabelNogrow();\n      this.#onToolbarSlotChange();\n    });\n  }\n\n  override updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    this.classList.toggle(`scrollable`, this.scrollable);\n    if (changedProperties.has(`dragMode`)) {\n      this.toggleAttribute(`drag-mode`, this.dragMode !== `off`);\n    }\n    if (changedProperties.has(`hideLabels`)) {\n      this.#syncHideLabels();\n    }\n    if (changedProperties.has(`labelNogrow`)) {\n      this.#syncLabelNogrow();\n    }\n  }\n\n  #syncHideLabels() {\n    for (const item of this.#items) {\n      if (this.hideLabels) {\n        item.setAttribute(`hide-labels`, ``);\n      } else {\n        item.removeAttribute(`hide-labels`);\n      }\n    }\n  }\n\n  #syncLabelNogrow() {\n    for (const item of this.#items) {\n      if (this.labelNogrow) {\n        item.setAttribute(`label-nogrow`, ``);\n      } else {\n        item.removeAttribute(`label-nogrow`);\n      }\n    }\n  }\n\n  #syncIndicatorColors() {\n    for (const item of this.#items) {\n      item.style.setProperty(`--indicator-color-bottom`, `transparent`);\n      item.style.setProperty(`--indicator-color-top`, `transparent`);\n      item.style.setProperty(`--indicator-color-left`, `transparent`);\n      item.style.setProperty(`--indicator-color-right`, `transparent`);\n\n      if (item.hasAttribute(`selected`)) {\n        if (this.orientation === `horizontal` && !this.flip) {\n          item.style.setProperty(`--indicator-color-bottom`, `var(--accent)`);\n        } else if (this.orientation === `horizontal` && this.flip) {\n          item.style.setProperty(`--indicator-color-top`, `var(--accent)`);\n        } else if (this.#isVertical && !this.flip) {\n          item.style.setProperty(`--indicator-color-right`, `var(--accent)`);\n        } else if (this.#isVertical && this.flip) {\n          item.style.setProperty(`--indicator-color-left`, `var(--accent)`);\n        }\n      }\n    }\n  }\n\n  #onKeyUp = (event: KeyboardEvent) => {\n    const key = event.key;\n    if (this.#isVertical) {\n      if (key === `ArrowUp`) {\n        this.#selectPrevious();\n      } else if (key === `ArrowDown`) {\n        this.#selectNext();\n      }\n    } else {\n      if (key === `ArrowRight`) {\n        this.#selectNext();\n      } else if (key === `ArrowLeft`) {\n        this.#selectPrevious();\n      }\n    }\n  };\n\n  // Escape during drag aborts it (and tears down listeners / releases capture)\n  #onKeyDown = (event: KeyboardEvent): void => {\n    const state = this.#dragState;\n    if (event.key !== `Escape` || !state?.active)\n      return;\n    event.preventDefault();\n    const pointerId = state.pointerId;\n    this.#abortDrag();\n    this.#endDrag(pointerId);\n  };\n\n  /**\n   * Translate vertical wheel deltas into horizontal scroll on a scrollable\n   * horizontal list (and vice-versa for vertical lists). Without this, the\n   * default browser behaviour only scrolls horizontally with Shift+wheel or a\n   * physical horizontal wheel — neither of which most users reach for on a\n   * VS Code-style tab strip.\n   *\n   * Only kicks in when the list is actually scrollable (overflow content\n   * present), and is a no-op when nothing is scrollable in that direction.\n   */\n  #onWheel = (event: WheelEvent): void => {\n    if (!this.scrollable)\n      return;\n    const el = this.#containerEl;\n    if (!el)\n      return;\n\n    if (!this.#isVertical) {\n      if (event.deltaY === 0 || el.scrollWidth <= el.clientWidth)\n        return;\n      el.scrollLeft = el.scrollLeft + event.deltaY;\n      event.preventDefault();\n    } else {\n      if (event.deltaX === 0 || el.scrollHeight <= el.clientHeight)\n        return;\n      el.scrollTop = el.scrollTop + event.deltaX;\n      event.preventDefault();\n    }\n  };\n\n  getSelectedElement() {\n    for (const el of this.#items) {\n      if (this.#isSelected(el))\n        return el;\n    }\n    // Fallback: #items may not be populated yet (slotchange hasn't fired).\n    // Query the slot directly to find the selected element.\n    const slot = this.shadowRoot?.querySelector(`slot`);\n    if (slot) {\n      const els = (slot as HTMLSlotElement).assignedElements({ flatten: true });\n      for (const el of els) {\n        if (this.#isSelected(el as HTMLElement))\n          return el as TabListItemElement;\n      }\n    }\n  }\n\n  #isSelected(el: HTMLElement) {\n    const v = el.getAttribute(`selected`);\n    if (v === null)\n      return false;\n    return (el.hasAttribute(`selected`));\n  }\n\n  selectElement(el: HTMLElement) {\n    const existing = this.getSelectedElement();\n    if (existing) {\n      existing.removeAttribute(`selected`);\n      existing.style.setProperty(`--indicator-color-bottom`, `transparent`);\n      existing.style.setProperty(`--indicator-color-top`, `transparent`);\n      existing.style.setProperty(`--indicator-color-left`, `transparent`);\n      existing.style.setProperty(`--indicator-color-right`, `transparent`);\n    }\n\n    el.setAttribute(`selected`, ``);\n\n    if (this.orientation === `horizontal` && !this.flip) {\n      el.style.setProperty(`--indicator-color-bottom`, `var(--accent)`);\n    } else if (this.orientation === `horizontal` && this.flip) {\n      el.style.setProperty(`--indicator-color-top`, `var(--accent)`);\n    } else if (this.#isVertical && !this.flip) {\n      el.style.setProperty(`--indicator-color-right`, `var(--accent)`);\n    } else if (this.#isVertical && this.flip) {\n      el.style.setProperty(`--indicator-color-left`, `var(--accent)`);\n    }\n  }\n\n  #selectNext() {\n    let found = false;\n    for (const el of this.#items) {\n      if (this.#isSelected(el) && !found) {\n        found = true;\n      } else if (found) {\n        this.selectElement(el);\n        break;\n      }\n    }\n  }\n\n  #selectPrevious() {\n    let prev: HTMLElement | undefined;\n    for (const el of this.#items) {\n      if (this.#isSelected(el) && prev) {\n        this.selectElement(prev);\n      } else {\n        prev = el;\n      }\n    }\n  }\n\n  #onSlotClick = (event: MouseEvent) => {\n    if (this.#suppressNextClick) {\n      this.#suppressNextClick = false;\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.focus();\n    const t = (event.target as HTMLElement).closest(`ixfx-tab-list-item`);\n    if (!t)\n      return;\n    const previous = this.getSelectedElement();\n    this.selectElement(t);\n\n    const forId = t.getAttribute(`for`);\n    const previousId = previous?.id;\n    this.dispatchEvent(new CustomEvent<TabListChangeDetail>(`change`, {\n      bubbles: true,\n      detail: {\n        previous: previousId,\n        selected: t.id,\n        for: forId ?? ``,\n      },\n    }));\n  };\n\n  // ── Drag handling ────────────────────────────────────────────────────\n\n  /**\n   * Walk composedPath looking for the nearest ancestor tab-list-item, but bail\n   * if the path goes through a `.close-btn` or `.toolbar` (so close/toolbar\n   * buttons always win — same delegation pattern used by tooltip-controller).\n   */\n  #findDragTarget(event: PointerEvent): TabListItemElement | null {\n    if (this.dragMode === `off`)\n      return null;\n\n    const path = event.composedPath();\n    let item: TabListItemElement | null = null;\n    for (const node of path) {\n      if (!(node instanceof HTMLElement))\n        continue;\n      if (node.classList.contains(`close-btn`) || node.classList.contains(`toolbar`)) {\n        return null;\n      }\n      if (!item && node.tagName === `IXFX-TAB-LIST-ITEM`) {\n        item = node as TabListItemElement;\n      }\n    }\n    return item;\n  }\n\n  #onPointerDown = (event: PointerEvent): void => {\n    if (this.dragMode !== `reorder`)\n      return;\n    if (event.button !== 0)\n      return;\n    const target = this.#findDragTarget(event);\n    if (!target)\n      return;\n\n    const fromIndex = this.#items.indexOf(target);\n    if (fromIndex < 0)\n      return;\n\n    // Don't capture the pointer yet — doing so on pointerdown would redirect\n    // the trailing click event to the capture target (the container), so the\n    // click handler would see a container DIV as its target instead of the\n    // tab-list-item and `closest('ixfx-tab-list-item')` would return null.\n    // We capture only once the drag actually activates (#beginDrag). Until\n    // then, an ordinary press still produces a normal click on the tab.\n\n    this.#dragState = {\n      pointerId: event.pointerId,\n      source: target,\n      fromIndex,\n      startX: event.clientX,\n      startY: event.clientY,\n      active: false,\n      ghost: null,\n      gapIndex: undefined,\n    };\n\n    // Listen at window level for move/up so we don't lose events if the\n    // pointer exits the host before pointerup fires.\n    window.addEventListener(`pointermove`, this.#onPointerMove);\n    window.addEventListener(`pointerup`, this.#onPointerUp);\n    window.addEventListener(`pointercancel`, this.#onPointerCancel);\n  };\n\n  // Coalesce pointermove events (which can arrive faster than the display\n  // refreshes) into one drag update per animation frame.\n  #pendingMove: PointerEvent | null = null;\n  #moveRaf: number | null = null;\n\n  #onPointerMove = (event: PointerEvent): void => {\n    const state = this.#dragState;\n    if (!state || event.pointerId !== state.pointerId)\n      return;\n    this.#pendingMove = event;\n    this.#moveRaf ??= requestAnimationFrame(this.#flushMove);\n  };\n\n  #cancelPendingMove(): void {\n    if (this.#moveRaf !== null) {\n      cancelAnimationFrame(this.#moveRaf);\n      this.#moveRaf = null;\n    }\n    this.#pendingMove = null;\n  }\n\n  #flushMove = (): void => {\n    const event = this.#pendingMove;\n    this.#pendingMove = null;\n    this.#moveRaf = null;\n    const state = this.#dragState;\n    if (!state || !event)\n      return;\n\n    const dx = event.clientX - state.startX;\n    const dy = event.clientY - state.startY;\n    const distance = Math.hypot(dx, dy);\n\n    if (!state.active) {\n      if (distance < DRAG_THRESHOLD_PX)\n        return;\n      this.#beginDrag(event);\n    }\n\n    state.ghost?.move(event.clientX, event.clientY);\n\n    const gap = this.#computeGapIndex(event.clientX, event.clientY);\n    if (gap !== state.gapIndex) {\n      state.gapIndex = gap;\n      this.requestUpdate();\n    }\n  };\n\n  #onPointerUp = (event: PointerEvent): void => {\n    const state = this.#dragState;\n    if (!state || event.pointerId !== state.pointerId)\n      return;\n\n    if (state.active) {\n      const gap = this.#computeGapIndex(event.clientX, event.clientY);\n      this.#commitDrag(state.source, state.fromIndex, gap);\n    }\n    this.#endDrag(event.pointerId);\n  };\n\n  #onPointerCancel = (event: PointerEvent): void => {\n    const state = this.#dragState;\n    if (!state || event.pointerId !== state.pointerId)\n      return;\n    this.#abortDrag();\n    this.#endDrag(event.pointerId);\n  };\n\n  #beginDrag(event: PointerEvent): void {\n    const state = this.#dragState;\n    if (!state || state.active)\n      return;\n\n    // Now that we know we're dragging, capture the pointer so pointermove/up\n    // events keep flowing even if the pointer leaves the host element.\n    try {\n      this.#containerEl?.setPointerCapture(event.pointerId);\n    } catch {\n      // setPointerCapture can throw if pointer is already captured elsewhere;\n      // fall through — window listeners still catch move/up.\n    }\n\n    state.active = true;\n    state.source.setAttribute(`drag-source`, ``);\n\n    state.ghost = this.#createGhost(state.source);\n    if (state.ghost) {\n      state.ghost.move(event.clientX, event.clientY);\n    }\n  }\n\n  #abortDrag(): void {\n    const state = this.#dragState;\n    if (!state)\n      return;\n    state.source.removeAttribute(`drag-source`);\n    if (state.gapIndex !== undefined) {\n      state.gapIndex = undefined;\n      this.requestUpdate();\n    }\n    // Caller is responsible for invoking #endDrag to release pointer capture,\n    // tear down listeners, and destroy the ghost.\n  }\n\n  #endDrag(pointerId: number): void {\n    const state = this.#dragState;\n    if (!state)\n      return;\n\n    this.#cancelPendingMove();\n    state.ghost?.destroy();\n    state.ghost = null;\n    this.#dragState = null;\n\n    window.removeEventListener(`pointermove`, this.#onPointerMove);\n    window.removeEventListener(`pointerup`, this.#onPointerUp);\n    window.removeEventListener(`pointercancel`, this.#onPointerCancel);\n\n    try {\n      this.#containerEl?.releasePointerCapture(pointerId);\n    } catch { /* already released */ }\n\n    // #dragState is a private field, not a Lit-reactive property — setting it\n    // to null doesn't trigger a re-render on its own. Without this, the caret\n    // (and any other drag-time UI) would remain in the DOM after the drag\n    // ends, even though the next render would clear them.\n    this.requestUpdate();\n  }\n\n  #commitDrag(source: TabListItemElement, fromIndex: number, gapIndex: number | undefined): void {\n    source.removeAttribute(`drag-source`);\n\n    // gapIndex is an index into the without-source siblings array: 0 = before\n    // the first sibling, siblings.length = after the last. The siblings array\n    // already excludes source, so we can insert directly at that position\n    // using siblings[gapIndex] as the reference (or null to append).\n    const siblings = this.#items.filter(el => el !== source);\n    const target = gapIndex === undefined\n      ? siblings.length\n      : Math.max(0, Math.min(gapIndex, siblings.length));\n\n    const parent = source.parentNode;\n    if (!parent)\n      return;\n\n    const ref = siblings[target] ?? null;\n    parent.insertBefore(source, ref);\n\n    const toIndex = Array.prototype.indexOf.call(parent.children, source);\n    if (toIndex === fromIndex) {\n      // Dropped in the same gap the item already occupies — no reorder, and no\n      // click suppression (a real click on the same tab is still meaningful).\n      return;\n    }\n\n    // Refresh cached #items so subsequent drags / queries see the new order\n    // (slotchange does NOT fire on reorder, only on add/remove).\n    this.#items = (this.shadowRoot?.querySelector(`slot`) as HTMLSlotElement)\n      ?.assignedElements({ flatten: true }) as TabListItemElement[] ?? [];\n    this.#syncIndicatorColors();\n\n    // A real reorder just happened. The trailing click event (which the\n    // browser still fires after pointerup) would re-select whatever is under\n    // the release point — not what the user wanted. Suppress it.\n    this.#suppressNextClick = true;\n\n    this.dispatchEvent(new CustomEvent<TabListReorderDetail>(`reorder`, {\n      bubbles: true,\n      detail: {\n        id: source.id,\n        fromIndex,\n        toIndex,\n      },\n    }));\n  }\n\n  #createGhost(source: TabListItemElement): DragGhost | null {\n    const content = document.createElement(`span`);\n    content.style.display = `inline-flex`;\n    content.style.alignItems = `center`;\n    content.style.gap = `var(--space-xs, 4px)`;\n    content.style.minWidth = `0`;\n\n    const iconName = source.iconName;\n    if (iconName) {\n      const icon = document.createElement(`ixfx-icon`) as HTMLElement & { name: string };\n      icon.name = iconName;\n      content.appendChild(icon);\n    }\n\n    // Reconstruct label text from light-DOM children that aren't slotted.\n    // We want the text content of the source item, excluding `slot=\"toolbar\"`\n    // descendants (the close button lives inside the item's shadow DOM, not\n    // its light DOM, so it isn't part of childNodes here).\n    const label = document.createElement(`span`);\n    label.textContent = (source.textContent ?? ``).trim();\n    label.style.overflow = `hidden`;\n    label.style.textOverflow = `ellipsis`;\n    label.style.whiteSpace = `nowrap`;\n    content.appendChild(label);\n\n    try {\n      return createDragGhost({ anchor: source, content });\n    } catch {\n      return null;\n    }\n  }\n\n  /**\n   * Compute the index of the gap nearest the pointer, ignoring the source item.\n   * Returns 0..#items.length-1; undefined if no siblings.\n   *\n   * Per the plan: drag-mode=\"reorder\" has \"no sense of breaking out\", so the\n   * perpendicular axis is ignored — the pointer always resolves to some gap.\n   */\n  #computeGapIndex(clientX: number, clientY: number): number | undefined {\n    const state = this.#dragState;\n    if (!state)\n      return undefined;\n    const siblings = this.#items.filter(el => el !== state.source);\n    if (siblings.length === 0)\n      return 0;\n\n    const useX = !this.#isVertical;\n\n    let bestGap = 0;\n    let bestDist = Infinity;\n\n    // For each sibling, decide: gap is \"before this sibling\" or \"after\" based\n    // on which side of the midpoint the pointer is on. Pick the gap whose\n    // position (the midpoint if \"before\", the edge if \"after\") is closest to\n    // the pointer on the relevant axis.\n    for (let i = 0; i < siblings.length; i++) {\n      const rect = siblings[i].getBoundingClientRect();\n      const start = useX ? rect.left : rect.top;\n      const end = useX ? rect.right : rect.bottom;\n      const mid = (start + end) / 2;\n      const pos = useX ? clientX : clientY;\n\n      // Two candidate gaps: before this sibling (at `start`) and after (at `end`).\n      // \"Before\" gap index = i; \"after\" gap index = i + 1.\n      const dStart = Math.abs(pos - start);\n      const dMid = Math.abs(pos - mid);\n      const dEnd = Math.abs(pos - end);\n\n      // Heuristic: if pointer is left/above midpoint, prefer the \"before\" gap;\n      // otherwise prefer the \"after\" gap. Within those, the closer edge wins.\n      const preferBefore = pos < mid;\n      if (preferBefore) {\n        // Gap i (before this sibling)\n        if (dStart < bestDist) {\n          bestDist = dStart;\n          bestGap = i;\n        }\n      } else {\n        // Gap i+1 (after this sibling)\n        if (dEnd < bestDist) {\n          bestDist = dEnd;\n          bestGap = i + 1;\n        }\n      }\n      // The midpoint-distance is mostly redundant with the above but handles\n      // ties near the boundary cleanly — no-op for the chosen gap.\n      void dMid;\n    }\n\n    return bestGap;\n  }\n\n  #computeCaretStyle(): string | undefined {\n    const state = this.#dragState;\n    if (!state?.active || state.gapIndex === undefined)\n      return undefined;\n\n    const siblings = this.#items.filter(el => el !== state.source);\n    if (siblings.length === 0)\n      return undefined;\n\n    const useX = !this.#isVertical;\n    const containerRect = this.#containerEl?.getBoundingClientRect();\n    if (!containerRect)\n      return undefined;\n\n    const gap = Math.max(0, Math.min(state.gapIndex, siblings.length));\n    let rect: DOMRect | null = null;\n    if (gap < siblings.length) {\n      rect = siblings[gap].getBoundingClientRect();\n    } else {\n      // After the last sibling: use its trailing edge\n      const last = siblings[siblings.length - 1].getBoundingClientRect();\n      rect = last;\n    }\n\n    if (useX) {\n      const x = (gap < siblings.length ? rect.left : rect.right) - containerRect.left;\n      const y = 0;\n      const h = containerRect.height;\n      const w = 2;\n      return `transform: translate(${x - w / 2}px, ${y}px); width: ${w}px; height: ${h}px;`;\n    } else {\n      const y = (gap < siblings.length ? rect.top : rect.bottom) - containerRect.top;\n      const x = 0;\n      const w = containerRect.width;\n      const h = 2;\n      return `transform: translate(${x}px, ${y - h / 2}px); width: ${w}px; height: ${h}px;`;\n    }\n  }\n\n  get #containerEl(): HTMLElement | null {\n    return this.shadowRoot?.getElementById(`container`) ?? null;\n  }\n\n  static styles = [themeFallbacks, scrollFadeStyles(`x`), scrollFadeStyles(`y`), css`\n  :host {\n      display: inline-block;\n      --activated-colour: var(--accent);\n      --colour: var(--surface-3-text);\n      --scroll-max-height: 200px;\n      --allow-overflow: hidden;\n      color: var(--colour);\n      border: var(--border, none);\n      border-color: var(--surface-5);\n      border-radius: var(--radius-l, 8px) var(--radius-l, 8px) 0 0;\n\n    }\n    :host(.scrollable) {\n      max-height: var(--scroll-max-height);\n    }\n    :host([hide-labels]) {\n      display: inline-flex;\n      width: auto;\n    }\n    text {\n      user-select:none;\n    }\n    .outer {\n      display: flex;\n      width: 100%;\n      height: 100%;\n      gap: var(--space-s);\n      align-items: stretch;\n      box-sizing: border-box;\n    }\n    .outer.horizontal {\n      flex-direction: row;\n      align-items: center;\n    }\n    .outer.vertical-stack,\n    .outer.vertical-side {\n      flex-direction: column;\n    }\n    .list-toolbar {\n      display: flex;\n      align-items: center;\n      gap: var(--space-xs);\n      flex: 0 0 auto;\n      width: max-content;\n      max-width: 50%;\n      overflow: visible;\n    }\n    .list-toolbar.horizontal ::slotted(*:not(ixfx-toolbar)) {\n      margin-left: auto;\n    }\n    .list-toolbar[hidden] {\n      display: none !important;\n    }\n    .list-toolbar[hidden] {\n      display: none !important;\n    }\n    ::slotted(ixfx-toolbar) {\n      --toolbar-bg: transparent;\n      --toolbar-border: none;\n      --toolbar-padding: 0;\n      width: max-content;\n      max-width: 100%;\n      min-width: 150px;\n      flex-shrink: 0;\n    }\n    #container {\n      display:flex;\n      position: relative;\n      flex: 1 1 0%;\n      min-width: 0;\n      min-height: 0;\n    }\n    .outer.vertical-stack #container,\n    .outer.vertical-side #container {\n      flex: 1 1 auto;\n      height: 100%;\n    }\n    #container.horizontal {\n      flex-direction: row;\n      overflow: hidden;\n    }\n    #container.horizontal.scrollable {\n      overflow-x: scroll;\n      --allow-overflow: visible;\n      scrollbar-width: none;\n    }\n    #container.horizontal.scrollable::-webkit-scrollbar {\n      display: none;\n    }\n    #container.horizontal.scrollable ::slotted(ixfx-tab-list-item) {\n      flex-shrink: 0;\n    }\n    #container.vertical-stack {\n      flex-direction: column;\n      height: 100%;\n    }\n    #container.vertical-stack.flip {\n      flex-direction: column-reverse;\n    }\n    #container.vertical-stack.scrollable {\n      overflow-y: scroll;\n      max-height: var(--scroll-max-height);\n      --allow-overflow: visible;\n      scrollbar-width: none;\n    }\n    #container.vertical-stack.scrollable::-webkit-scrollbar {\n      display: none;\n    }\n    #container.vertical-side {\n      flex-direction: column;\n      height: 100%;\n    }\n    #container.vertical-side.flip {\n      flex-direction: column-reverse;\n    }\n    #container.vertical-side.scrollable {\n      overflow-y: scroll;\n      max-height: var(--scroll-max-height);\n      --allow-overflow: visible;\n      scrollbar-width: none;\n    }\n    #container.vertical-side.scrollable::-webkit-scrollbar {\n      display: none;\n    }\n\n    ::slotted(ixfx-tab-list-item) {\n      flex: 1 1 auto;\n      min-width: 0;\n    }\n\n    :host([shrink]) ::slotted(ixfx-tab-list-item) {\n      flex: 0 0 auto;\n    }\n\n    #container.vertical-side ::slotted(ixfx-tab-list-item) {\n      writing-mode: vertical-lr;\n      text-orientation: mixed;\n    }\n    #container.vertical-side.flip ::slotted(ixfx-tab-list-item) {\n      writing-mode: vertical-rl;\n      text-orientation: mixed;\n    }\n\n    /* Drag affordances — opt-in via drag-mode=\"reorder\" on the host (list). */\n    #container.reorder ::slotted(ixfx-tab-list-item) {\n      cursor: grab;\n    }\n    :host([drag-mode]) ::slotted(ixfx-tab-list-item[drag-source]) {\n      cursor: grabbing;\n      opacity: 0.4;\n      transition: opacity var(--transition, 0.15s ease-out);\n    }\n\n    /* Insertion caret shown during an active drag. */\n    .drop-caret {\n      position: absolute;\n      background: var(--accent);\n      border-radius: 1px;\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    ::slotted(.activated) {\n      --colour: var(--activated-colour);\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ixfx-tab-list\": TabListElement;\n  }\n}\n"],"mappings":";;;;;;;;AAkCA,MAAM,oBAAoB;AAGnB,IAAM,iBAAN,MAAM,uBAAuB,WAAW;;;EAEoB,KAAA,cAAA;EAG1D,KAAA,OAAA;EAGM,KAAA,aAAA;EAGA,KAAA,aAAA;EAQC,KAAA,cAAA;EAGL,KAAA,SAAA;EAGmB,KAAA,WAAA;EAEG,KAAA,SAAA,CAAC;EAYrB,KAAA,aAAA;EAEU,KAAA,qBAAA;EAqCC,KAAA,sBAAA;GACpB,KAAK,eAAe,WAAW;IAC7B,KAAKA,cAAc;IACnB,KAAKC,qBAAqB;IAC1B,KAAKC,gBAAgB;IACrB,KAAKC,iBAAiB;GACxB,CAAC;EACH;EAY6B,KAAA,6BAAA;GAE3B,MAAM,YADO,KAAK,YAAY,cAAc,sBAAsB,EAAA,EAC3C,iBAAiB,KAAK,CAAC;GAC9C,MAAM,MAAM,SAAS,SAAS;GAC9B,KAAK,gBAAgB,eAAe,GAAG;GACvC,MAAM,aAAa,KAAK,YAAY,cAAc,eAAe;GACjE,IAAI,YACF,WAAW,SAAS,CAAC;GAGvB,IAAI,KAAK;IACP,MAAM,UAAU,SAAS;IACzB,IAAI,SAAS,YAAY,gBACvB,4BAA4B;KAC1B,SAAkB,mBAAmB;IACvC,CAAC;GAEL;EACF;EAmEY,KAAA,YAAA,UAAyB;GACnC,MAAM,MAAM,MAAM;GAClB,IAAI,KAAKC,aAAa;IACpB,IAAI,QAAQ,WACV,KAAKC,gBAAgB;SAChB,IAAI,QAAQ,aACjB,KAAKC,YAAY;GAErB,OACE,IAAI,QAAQ,cACV,KAAKA,YAAY;QACZ,IAAI,QAAQ,aACjB,KAAKD,gBAAgB;EAG3B;EAGc,KAAA,cAAA,UAA+B;GAC3C,MAAM,QAAQ,KAAKE;GACnB,IAAI,MAAM,QAAQ,YAAY,CAAC,OAAO,QACpC;GACF,MAAM,eAAe;GACrB,MAAM,YAAY,MAAM;GACxB,KAAKC,WAAW;GAChB,KAAKC,SAAS,SAAS;EACzB;EAYY,KAAA,YAAA,UAA4B;GACtC,IAAI,CAAC,KAAK,YACR;GACF,MAAM,KAAK,KAAKC;GAChB,IAAI,CAAC,IACH;GAEF,IAAI,CAAC,KAAKN,aAAa;IACrB,IAAI,MAAM,WAAW,KAAK,GAAG,eAAe,GAAG,aAC7C;IACF,GAAG,aAAa,GAAG,aAAa,MAAM;IACtC,MAAM,eAAe;GACvB,OAAO;IACL,IAAI,MAAM,WAAW,KAAK,GAAG,gBAAgB,GAAG,cAC9C;IACF,GAAG,YAAY,GAAG,YAAY,MAAM;IACpC,MAAM,eAAe;GACvB;EACF;EAwEgB,KAAA,gBAAA,UAAsB;GACpC,IAAI,KAAKO,oBAAoB;IAC3B,KAAKA,qBAAqB;IAC1B,MAAM,eAAe;IACrB,MAAM,gBAAgB;IACtB;GACF;GAEA,KAAK,MAAM;GACX,MAAM,IAAK,MAAM,OAAuB,QAAQ,oBAAoB;GACpE,IAAI,CAAC,GACH;GACF,MAAM,WAAW,KAAK,mBAAmB;GACzC,KAAK,cAAc,CAAC;GAEpB,MAAM,QAAQ,EAAE,aAAa,KAAK;GAClC,MAAM,aAAa,UAAU;GAC7B,KAAK,cAAc,IAAI,YAAiC,UAAU;IAChE,SAAS;IACT,QAAQ;KACN,UAAU;KACV,UAAU,EAAE;KACZ,KAAK,SAAS;IAChB;GACF,CAAC,CAAC;EACJ;EA4BkB,KAAA,kBAAA,UAA8B;GAC9C,IAAI,KAAK,aAAa,WACpB;GACF,IAAI,MAAM,WAAW,GACnB;GACF,MAAM,SAAS,KAAKC,gBAAgB,KAAK;GACzC,IAAI,CAAC,QACH;GAEF,MAAM,YAAY,KAAKC,OAAO,QAAQ,MAAM;GAC5C,IAAI,YAAY,GACd;GASF,KAAKN,aAAa;IAChB,WAAW,MAAM;IACjB,QAAQ;IACR;IACA,QAAQ,MAAM;IACd,QAAQ,MAAM;IACd,QAAQ;IACR,OAAO;IACP,UAAU,KAAA;GACZ;GAIA,OAAO,iBAAiB,eAAe,KAAKO,cAAc;GAC1D,OAAO,iBAAiB,aAAa,KAAKC,YAAY;GACtD,OAAO,iBAAiB,iBAAiB,KAAKC,gBAAgB;EAChE;EAIoC,KAAA,eAAA;EACV,KAAA,WAAA;EAER,KAAA,kBAAA,UAA8B;GAC9C,MAAM,QAAQ,KAAKT;GACnB,IAAI,CAAC,SAAS,MAAM,cAAc,MAAM,WACtC;GACF,KAAKU,eAAe;GACpB,KAAKC,aAAa,sBAAsB,KAAKC,UAAU;EACzD;EAUyB,KAAA,mBAAA;GACvB,MAAM,QAAQ,KAAKF;GACnB,KAAKA,eAAe;GACpB,KAAKC,WAAW;GAChB,MAAM,QAAQ,KAAKX;GACnB,IAAI,CAAC,SAAS,CAAC,OACb;GAEF,MAAM,KAAK,MAAM,UAAU,MAAM;GACjC,MAAM,KAAK,MAAM,UAAU,MAAM;GACjC,MAAM,WAAW,KAAK,MAAM,IAAI,EAAE;GAElC,IAAI,CAAC,MAAM,QAAQ;IACjB,IAAI,WAAW,mBACb;IACF,KAAKa,WAAW,KAAK;GACvB;GAEA,MAAM,OAAO,KAAK,MAAM,SAAS,MAAM,OAAO;GAE9C,MAAM,MAAM,KAAKC,iBAAiB,MAAM,SAAS,MAAM,OAAO;GAC9D,IAAI,QAAQ,MAAM,UAAU;IAC1B,MAAM,WAAW;IACjB,KAAK,cAAc;GACrB;EACF;EAEgB,KAAA,gBAAA,UAA8B;GAC5C,MAAM,QAAQ,KAAKd;GACnB,IAAI,CAAC,SAAS,MAAM,cAAc,MAAM,WACtC;GAEF,IAAI,MAAM,QAAQ;IAChB,MAAM,MAAM,KAAKc,iBAAiB,MAAM,SAAS,MAAM,OAAO;IAC9D,KAAKC,YAAY,MAAM,QAAQ,MAAM,WAAW,GAAG;GACrD;GACA,KAAKb,SAAS,MAAM,SAAS;EAC/B;EAEoB,KAAA,oBAAA,UAA8B;GAChD,MAAM,QAAQ,KAAKF;GACnB,IAAI,CAAC,SAAS,MAAM,cAAc,MAAM,WACtC;GACF,KAAKC,WAAW;GAChB,KAAKC,SAAS,MAAM,SAAS;EAC/B;;CAxbA;CAGA;CAWA;CAEA,IAAIL,cAAuB;EACzB,OAAO,KAAK,gBAAgB,oBAAoB,KAAK,gBAAgB;CACvE;CAEA,IAAImB,kBAA0B;EAG5B,OAAO;GAFM,KAAK,aAAa,GAAG,KAAK,YAAY,eAAe,KAAK;GACrD,KAAK,aAAc,KAAKnB,cAAc,kBAAkB,kBAAmB;GACpE,KAAK,aAAa,YAAY,YAAY;EAAE,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CACjG;CAEA,SAAkB;EAChB,MAAM,aAAa,KAAKoB,mBAAmB;EAC3C,OAAO,IAAI;wBACS,KAAK,YAAY;;;iBAGxB,KAAKC,SAAS;iBACd,KAAKC,aAAa;uBACZ,KAAKC,eAAe;mBACxB,KAAKC,WAAW;iBAClB,KAAKC,SAAS;;gBAEf,KAAKN,gBAAgB;;4BAET,KAAKO,cAAc;UACrC,aACE,IAAI,iCAAiC,WAAW,WAChD,QAAQ;;iCAEa,KAAK,YAAY;2CACP,KAAKC,qBAAqB;;;CAGnE;CAEA;;;;;;CAcA,gBAAsB;EACpB,KAAKlB,UAAU,KAAK,YAAY,cAAc,kBAAkB,EAAA,EAC5D,iBAAiB,EAAE,SAAS,KAAK,CAAC,KAA6B,CAAC;CACtE;CAEA;CAoBA,eAAwB;EACtB,KAAK,eAAe,WAAW;GAC7B,KAAKb,cAAc;GACnB,KAAKC,qBAAqB;GAC1B,KAAKC,gBAAgB;GACrB,KAAKC,iBAAiB;GACtB,KAAK4B,qBAAqB;EAC5B,CAAC;CACH;CAEA,QAAiB,mBAAyC;EACxD,MAAM,QAAQ,iBAAiB;EAC/B,KAAK,UAAU,OAAO,cAAc,KAAK,UAAU;EACnD,IAAI,kBAAkB,IAAI,UAAU,GAClC,KAAK,gBAAgB,aAAa,KAAK,aAAa,KAAK;EAE3D,IAAI,kBAAkB,IAAI,YAAY,GACpC,KAAK7B,gBAAgB;EAEvB,IAAI,kBAAkB,IAAI,aAAa,GACrC,KAAKC,iBAAiB;CAE1B;CAEA,kBAAkB;EAChB,KAAK,MAAM,QAAQ,KAAKU,QACtB,IAAI,KAAK,YACP,KAAK,aAAa,eAAe,EAAE;OAEnC,KAAK,gBAAgB,aAAa;CAGxC;CAEA,mBAAmB;EACjB,KAAK,MAAM,QAAQ,KAAKA,QACtB,IAAI,KAAK,aACP,KAAK,aAAa,gBAAgB,EAAE;OAEpC,KAAK,gBAAgB,cAAc;CAGzC;CAEA,uBAAuB;EACrB,KAAK,MAAM,QAAQ,KAAKA,QAAQ;GAC9B,KAAK,MAAM,YAAY,4BAA4B,aAAa;GAChE,KAAK,MAAM,YAAY,yBAAyB,aAAa;GAC7D,KAAK,MAAM,YAAY,0BAA0B,aAAa;GAC9D,KAAK,MAAM,YAAY,2BAA2B,aAAa;GAE/D,IAAI,KAAK,aAAa,UAAU,GAAG;IACjC,IAAI,KAAK,gBAAgB,gBAAgB,CAAC,KAAK,MAC7C,KAAK,MAAM,YAAY,4BAA4B,eAAe;SAC7D,IAAI,KAAK,gBAAgB,gBAAgB,KAAK,MACnD,KAAK,MAAM,YAAY,yBAAyB,eAAe;SAC1D,IAAI,KAAKT,eAAe,CAAC,KAAK,MACnC,KAAK,MAAM,YAAY,2BAA2B,eAAe;SAC5D,IAAI,KAAKA,eAAe,KAAK,MAClC,KAAK,MAAM,YAAY,0BAA0B,eAAe;GAEpE;EACF;CACF;CAEA;CAkBA;;;;;;;;;;;CAoBA;CAoBA,qBAAqB;EACnB,KAAK,MAAM,MAAM,KAAKS,QACpB,IAAI,KAAKmB,YAAY,EAAE,GACrB,OAAO;EAIX,MAAM,OAAO,KAAK,YAAY,cAAc,MAAM;EAClD,IAAI,MAAM;GACR,MAAM,MAAO,KAAyB,iBAAiB,EAAE,SAAS,KAAK,CAAC;GACxE,KAAK,MAAM,MAAM,KACf,IAAI,KAAKA,YAAY,EAAiB,GACpC,OAAO;EAEb;CACF;CAEA,YAAY,IAAiB;EAE3B,IADU,GAAG,aAAa,UACtB,MAAM,MACR,OAAO;EACT,OAAQ,GAAG,aAAa,UAAU;CACpC;CAEA,cAAc,IAAiB;EAC7B,MAAM,WAAW,KAAK,mBAAmB;EACzC,IAAI,UAAU;GACZ,SAAS,gBAAgB,UAAU;GACnC,SAAS,MAAM,YAAY,4BAA4B,aAAa;GACpE,SAAS,MAAM,YAAY,yBAAyB,aAAa;GACjE,SAAS,MAAM,YAAY,0BAA0B,aAAa;GAClE,SAAS,MAAM,YAAY,2BAA2B,aAAa;EACrE;EAEA,GAAG,aAAa,YAAY,EAAE;EAE9B,IAAI,KAAK,gBAAgB,gBAAgB,CAAC,KAAK,MAC7C,GAAG,MAAM,YAAY,4BAA4B,eAAe;OAC3D,IAAI,KAAK,gBAAgB,gBAAgB,KAAK,MACnD,GAAG,MAAM,YAAY,yBAAyB,eAAe;OACxD,IAAI,KAAK5B,eAAe,CAAC,KAAK,MACnC,GAAG,MAAM,YAAY,2BAA2B,eAAe;OAC1D,IAAI,KAAKA,eAAe,KAAK,MAClC,GAAG,MAAM,YAAY,0BAA0B,eAAe;CAElE;CAEA,cAAc;EACZ,IAAI,QAAQ;EACZ,KAAK,MAAM,MAAM,KAAKS,QACpB,IAAI,KAAKmB,YAAY,EAAE,KAAK,CAAC,OAC3B,QAAQ;OACH,IAAI,OAAO;GAChB,KAAK,cAAc,EAAE;GACrB;EACF;CAEJ;CAEA,kBAAkB;EAChB,IAAI;EACJ,KAAK,MAAM,MAAM,KAAKnB,QACpB,IAAI,KAAKmB,YAAY,EAAE,KAAK,MAC1B,KAAK,cAAc,IAAI;OAEvB,OAAO;CAGb;CAEA;;;;;;CAkCA,gBAAgB,OAAgD;EAC9D,IAAI,KAAK,aAAa,OACpB,OAAO;EAET,MAAM,OAAO,MAAM,aAAa;EAChC,IAAI,OAAkC;EACtC,KAAK,MAAM,QAAQ,MAAM;GACvB,IAAI,EAAE,gBAAgB,cACpB;GACF,IAAI,KAAK,UAAU,SAAS,WAAW,KAAK,KAAK,UAAU,SAAS,SAAS,GAC3E,OAAO;GAET,IAAI,CAAC,QAAQ,KAAK,YAAY,sBAC5B,OAAO;EAEX;EACA,OAAO;CACT;CAEA;CAwCA;CACA;CAEA;CAQA,qBAA2B;EACzB,IAAI,KAAKd,aAAa,MAAM;GAC1B,qBAAqB,KAAKA,QAAQ;GAClC,KAAKA,WAAW;EAClB;EACA,KAAKD,eAAe;CACtB;CAEA;CA2BA;CAYA;CAQA,WAAW,OAA2B;EACpC,MAAM,QAAQ,KAAKV;EACnB,IAAI,CAAC,SAAS,MAAM,QAClB;EAIF,IAAI;GACF,KAAKG,cAAc,kBAAkB,MAAM,SAAS;EACtD,QAAQ,CAGR;EAEA,MAAM,SAAS;EACf,MAAM,OAAO,aAAa,eAAe,EAAE;EAE3C,MAAM,QAAQ,KAAKuB,aAAa,MAAM,MAAM;EAC5C,IAAI,MAAM,OACR,MAAM,MAAM,KAAK,MAAM,SAAS,MAAM,OAAO;CAEjD;CAEA,aAAmB;EACjB,MAAM,QAAQ,KAAK1B;EACnB,IAAI,CAAC,OACH;EACF,MAAM,OAAO,gBAAgB,aAAa;EAC1C,IAAI,MAAM,aAAa,KAAA,GAAW;GAChC,MAAM,WAAW,KAAA;GACjB,KAAK,cAAc;EACrB;CAGF;CAEA,SAAS,WAAyB;EAChC,MAAM,QAAQ,KAAKA;EACnB,IAAI,CAAC,OACH;EAEF,KAAK2B,mBAAmB;EACxB,MAAM,OAAO,QAAQ;EACrB,MAAM,QAAQ;EACd,KAAK3B,aAAa;EAElB,OAAO,oBAAoB,eAAe,KAAKO,cAAc;EAC7D,OAAO,oBAAoB,aAAa,KAAKC,YAAY;EACzD,OAAO,oBAAoB,iBAAiB,KAAKC,gBAAgB;EAEjE,IAAI;GACF,KAAKN,cAAc,sBAAsB,SAAS;EACpD,QAAQ,CAAyB;EAMjC,KAAK,cAAc;CACrB;CAEA,YAAY,QAA4B,WAAmB,UAAoC;EAC7F,OAAO,gBAAgB,aAAa;EAMpC,MAAM,WAAW,KAAKG,OAAO,QAAO,OAAM,OAAO,MAAM;EACvD,MAAM,SAAS,aAAa,KAAA,IACxB,SAAS,SACT,KAAK,IAAI,GAAG,KAAK,IAAI,UAAU,SAAS,MAAM,CAAC;EAEnD,MAAM,SAAS,OAAO;EACtB,IAAI,CAAC,QACH;EAEF,MAAM,MAAM,SAAS,WAAW;EAChC,OAAO,aAAa,QAAQ,GAAG;EAE/B,MAAM,UAAU,MAAM,UAAU,QAAQ,KAAK,OAAO,UAAU,MAAM;EACpE,IAAI,YAAY,WAGd;EAKF,KAAKA,UAAU,KAAK,YAAY,cAAc,MAAM,EAAA,EAChD,iBAAiB,EAAE,SAAS,KAAK,CAAC,KAA6B,CAAC;EACpE,KAAKZ,qBAAqB;EAK1B,KAAKU,qBAAqB;EAE1B,KAAK,cAAc,IAAI,YAAkC,WAAW;GAClE,SAAS;GACT,QAAQ;IACN,IAAI,OAAO;IACX;IACA;GACF;EACF,CAAC,CAAC;CACJ;CAEA,aAAa,QAA8C;EACzD,MAAM,UAAU,SAAS,cAAc,MAAM;EAC7C,QAAQ,MAAM,UAAU;EACxB,QAAQ,MAAM,aAAa;EAC3B,QAAQ,MAAM,MAAM;EACpB,QAAQ,MAAM,WAAW;EAEzB,MAAM,WAAW,OAAO;EACxB,IAAI,UAAU;GACZ,MAAM,OAAO,SAAS,cAAc,WAAW;GAC/C,KAAK,OAAO;GACZ,QAAQ,YAAY,IAAI;EAC1B;EAMA,MAAM,QAAQ,SAAS,cAAc,MAAM;EAC3C,MAAM,eAAe,OAAO,eAAe,GAAA,CAAI,KAAK;EACpD,MAAM,MAAM,WAAW;EACvB,MAAM,MAAM,eAAe;EAC3B,MAAM,MAAM,aAAa;EACzB,QAAQ,YAAY,KAAK;EAEzB,IAAI;GACF,OAAO,gBAAgB;IAAE,QAAQ;IAAQ;GAAQ,CAAC;EACpD,QAAQ;GACN,OAAO;EACT;CACF;;;;;;;;CASA,iBAAiB,SAAiB,SAAqC;EACrE,MAAM,QAAQ,KAAKJ;EACnB,IAAI,CAAC,OACH,OAAO,KAAA;EACT,MAAM,WAAW,KAAKM,OAAO,QAAO,OAAM,OAAO,MAAM,MAAM;EAC7D,IAAI,SAAS,WAAW,GACtB,OAAO;EAET,MAAM,OAAO,CAAC,KAAKT;EAEnB,IAAI,UAAU;EACd,IAAI,WAAW;EAMf,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;GACxC,MAAM,OAAO,SAAS,EAAE,CAAC,sBAAsB;GAC/C,MAAM,QAAQ,OAAO,KAAK,OAAO,KAAK;GACtC,MAAM,MAAM,OAAO,KAAK,QAAQ,KAAK;GACrC,MAAM,OAAO,QAAQ,OAAO;GAC5B,MAAM,MAAM,OAAO,UAAU;GAI7B,MAAM,SAAS,KAAK,IAAI,MAAM,KAAK;GACtB,KAAK,IAAI,MAAM,GAAG;GAC/B,MAAM,OAAO,KAAK,IAAI,MAAM,GAAG;GAK/B,IADqB,MAAM,KAGrB;QAAA,SAAS,UAAU;KACrB,WAAW;KACX,UAAU;IACZ;UAGA,IAAI,OAAO,UAAU;IACnB,WAAW;IACX,UAAU,IAAI;GAChB;EAKJ;EAEA,OAAO;CACT;CAEA,qBAAyC;EACvC,MAAM,QAAQ,KAAKG;EACnB,IAAI,CAAC,OAAO,UAAU,MAAM,aAAa,KAAA,GACvC,OAAO,KAAA;EAET,MAAM,WAAW,KAAKM,OAAO,QAAO,OAAM,OAAO,MAAM,MAAM;EAC7D,IAAI,SAAS,WAAW,GACtB,OAAO,KAAA;EAET,MAAM,OAAO,CAAC,KAAKT;EACnB,MAAM,gBAAgB,KAAKM,cAAc,sBAAsB;EAC/D,IAAI,CAAC,eACH,OAAO,KAAA;EAET,MAAM,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,UAAU,SAAS,MAAM,CAAC;EACjE,IAAI,OAAuB;EAC3B,IAAI,MAAM,SAAS,QACjB,OAAO,SAAS,IAAI,CAAC,sBAAsB;OAI3C,OADa,SAAS,SAAS,SAAS,EAAE,CAAC,sBACjC;EAGZ,IAAI,MAAM;GACR,MAAM,KAAK,MAAM,SAAS,SAAS,KAAK,OAAO,KAAK,SAAS,cAAc;GAC3E,MAAM,IAAI;GACV,MAAM,IAAI,cAAc;GACxB,MAAM,IAAI;GACV,OAAO,wBAAwB,IAAI,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE;EACnF,OAAO;GACL,MAAM,KAAK,MAAM,SAAS,SAAS,KAAK,MAAM,KAAK,UAAU,cAAc;GAC3E,MAAM,IAAI;GACV,MAAM,IAAI,cAAc;GACxB,MAAM,IAAI;GACV,OAAO,wBAAwB,EAAE,MAAM,IAAI,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE;EACnF;CACF;CAEA,IAAIA,eAAmC;EACrC,OAAO,KAAK,YAAY,eAAe,WAAW,KAAK;CACzD;;EAEgB,KAAA,SAAA;GAAC;GAAgB,iBAAiB,GAAG;GAAG,iBAAiB,GAAG;GAAG,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsKjF;;AACH;AA/2BG,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,eAAA,WAAA,eAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,eAAA,WAAA,QAAA,KAAA,CAAA;AAG1B,WAAA,CAAA,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,eAAA,WAAA,cAAA,KAAA,CAAA;AAG1B,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;AAAc,CAAC,CAAA,GAAA,eAAA,WAAA,cAAA,KAAA,CAAA;AAQpD,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;AAAe,CAAC,CAAA,GAAA,eAAA,WAAA,eAAA,KAAA,CAAA;AAGrD,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,UAAA,KAAA,CAAA;AAGzC,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAY,CAAC,CAAA,GAAA,eAAA,WAAA,YAAA,KAAA,CAAA;AAzBnDyB,iBAAAA,WAAAA,CAAAA,kBAAc,eAAe,CAAA,GAAA,cAAA"}