@pibbl/core 0.0.1

package/dist/lib/layout/flex.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/layout/flex.ts"],
+  "sourcesContent": ["import { preparedStyleValue, preparedStyleQuery, type PreparedQuery } from '../style/responsive.js';\nimport { definePrimitive } from '../define-primitive.js';\nimport { clonePibblElement } from '../element/create-element.js';\nimport { getChildPrimitiveReceiverToken } from '../element/metadata.js';\nimport type { PibblElement } from '../element/types.js';\nimport { GLOBAL_STATE } from '../global-state.js';\nimport { layoutDiagnostic } from '../style/diagnostics.js';\nimport {\n  type PibblStructuralEventProps,\n  wireStructuralEvents,\n} from '../components/structural-events.js';\nimport { normalizeEdges } from '../style/normalize.js';\nimport { resolveLength } from '../style/resolve-length.js';\nimport { setPreNormalizedStyle } from '../style/resolve-dispatch.js';\nimport type {\n  BoxStyle,\n  FlexItemStyle,\n  LayoutItemStyle,\n  ResolvedBoxStyle,\n} from '../style/types.js';\nimport type {\n  CanvasMeasurementService,\n  PibblNodeInput,\n  MeasureInput,\n  MeasureResult,\n  RenderingContext2D,\n  SystemStyle,\n} from '../types.js';\nimport {\n  childWithUsedSize,\n  prepareDirectChildStyle,\n  materializeLayoutChildren,\n  placeDirectChildren,\n  prepareLayoutChildren,\n  resolveContainerBox,\n} from './absolute.js';\nimport { pushLayoutBox } from './context.js';\nimport { recordLayoutEvaluation } from './diagnostics.js';\nimport { assertSupportedChildPosition } from './positioning-diagnostics.js';\nimport { measureElement } from './measure.js';\nimport type { Constraints, LayoutBox } from './types.js';\n\ntype FlexDirection = 'row' | 'column';\ntype FlexWrap = 'nowrap' | 'wrap';\ntype MainAlignment =\n  | 'flex-start'\n  | 'flex-end'\n  | 'center'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly';\ntype CrossAlignment = 'stretch' | 'flex-start' | 'flex-end' | 'center';\n\n/**\n * Supported geometry and presentation properties for Flex.\n *\n * @see {@link BoxStyle}\n * @see {@link LayoutItemStyle}\n * @see {@link Flex}\n */\nexport interface FlexStyle extends BoxStyle, LayoutItemStyle {\n  /** The main axis along which flex children are placed. See {@link FlexDirection}. */\n  flexDirection?: FlexDirection;\n  /** Whether children may wrap onto additional flex lines. See {@link FlexWrap}. */\n  flexWrap?: FlexWrap;\n  /** Distribution of children along the main axis. See {@link MainAlignment}. */\n  justifyContent?: MainAlignment;\n  /** Default alignment of children on the cross or block axis. See {@link CrossAlignment}. */\n  alignItems?: CrossAlignment;\n  /**\n   * Distribution of wrapped flex lines within the available cross-axis space. See\n   * {@link CrossAlignment}, {@link MainAlignment}.\n   */\n  alignContent?: CrossAlignment | MainAlignment;\n  /** Spacing between adjacent items. See {@link FlexStyle}. */\n  gap?: number;\n  /** Space between adjacent rows or items on the row axis. See {@link FlexStyle}. */\n  rowGap?: number;\n  /** Space between adjacent columns or items on the column axis. See {@link FlexStyle}. */\n  columnGap?: number;\n}\n\n/**\n * Authored inputs for Flex, including the declared data and presentation options.\n *\n * @see {@link PibblNodeInput}\n * @see {@link Flex}\n */\nexport interface FlexProps extends PibblStructuralEventProps {\n  /** Descendant content or the callback that supplies it. See {@link PibblNodeInput}. */\n  children: PibblNodeInput;\n}\n\nexport interface FlexMeasurementInput {\n  service: CanvasMeasurementService;\n  measureElement(\n    element: PibblElement<any>,\n    constraints: Readonly<Constraints>,\n  ): MeasureResult;\n}\n\ninterface ResolvedFlexStyle extends SystemStyle {\n  box: ResolvedBoxStyle;\n  overflow: 'visible' | 'clip';\n  flexDirection: FlexDirection;\n  flexWrap: FlexWrap;\n  justifyContent: MainAlignment;\n  alignItems: CrossAlignment;\n  alignContent: CrossAlignment | MainAlignment;\n  rowGap: number;\n  columnGap: number;\n}\n\ninterface FlexItem {\n  child: PibblElement<any>;\n  normalized: Readonly<BoxStyle & FlexItemStyle & LayoutItemStyle>;\n  baseMain: number;\n  targetMain: number;\n  paddingMain: number;\n  preferredCross: number;\n  paddingCross: number;\n  minMain: number;\n  maxMain: number;\n  minCross: number;\n  maxCross: number;\n  grow: number;\n  shrink: number;\n  crossAuto: boolean;\n  alignSelf: CrossAlignment | 'auto';\n  receiverToken: object;\n  query?: PreparedQuery;\n}\n\ninterface FlexLine {\n  items: FlexItem[];\n  crossSize: number;\n  crossOffset: number;\n}\n\ninterface FlexPlacement {\n  box: LayoutBox;\n  element: PibblElement<any>;\n}\n\nfunction renderFlex(\n  props: FlexProps,\n  style: Readonly<ResolvedFlexStyle>,\n  ctx: RenderingContext2D,\n) {\n  wireStructuralEvents(props);\n  const children = prepareLayoutChildren(props.children, 'Flex');\n  recordLayoutEvaluation();\n  const content = style.box.contentBox;\n  ctx.translate(content.x, content.y);\n  const localContent = Object.freeze({\n    x: 0,\n    y: 0,\n    width: content.width,\n    height: content.height,\n  });\n  const releaseLayout = pushLayoutBox(localContent);\n  GLOBAL_STATE.componentRefs!.onAfterRender = releaseLayout;\n  const service = {\n    measureText(value: string, font: string) {\n      ctx.save();\n      try {\n        ctx.font = font;\n        return ctx.measureText(value);\n      } finally {\n        ctx.restore();\n      }\n    },\n  };\n  const placements = resolveFlexPlacements(\n    localContent,\n    children,\n    style,\n    {\n      service,\n      measureElement: (element, constraints) =>\n        measureElement(element, constraints, service),\n    },\n  );\n  let index = 0;\n  return placeDirectChildren(\n    children,\n    localContent,\n    () => placements[index++],\n    style.overflow,\n  );\n}\n\n/**\n * Describes the supported Flexbox subset for JSX or createElement authoring.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link FlexProps}\n * @see {@link FlexStyle}\n */\nexport const Flex = definePrimitive<\n  FlexProps,\n  FlexStyle,\n  FlexStyle,\n  ResolvedFlexStyle\n>(renderFlex, {\n  childInput: 'structural',\n  resolveStyle: (style, context) => ({\n    box: resolveContainerBox(style, context, 'Flex', 'flex'),\n    overflow: style.overflow ?? 'visible',\n    ...normalizeFlexOptions(style, context.allocation),\n  }),\n  measure: input => measureFlex(input),\n});\n\nfunction measureFlex(\n  input: MeasureInput<FlexProps, FlexStyle>,\n): MeasureResult {\n  const children = prepareLayoutChildren(input.props.children, 'Flex');\n  const widthDefinite = input.style.width !== undefined &&\n    input.style.width !== 'auto';\n  const heightDefinite = input.style.height !== undefined &&\n    input.style.height !== 'auto';\n  if (widthDefinite && heightDefinite) {\n    return { status: 'measured', size: {\n      width: resolveMeasuredContainerLength(\n        input.style.width!,\n        input.constraints.maxWidth,\n        'width',\n        input.constraints,\n      ),\n      height: resolveMeasuredContainerLength(\n        input.style.height!,\n        input.constraints.maxHeight,\n        'height',\n        input.constraints,\n      ),\n    } };\n  }\n  if ((input.style.flexWrap ?? 'nowrap') !== 'nowrap') {\n    return unsupportedIntrinsic('requires nowrap because wrapped intrinsic sizing is deferred');\n  }\n  const row = (input.style.flexDirection ?? 'row') === 'row';\n  const diagnosticBox = {\n    x: 0,\n    y: 0,\n    width: Number.isFinite(input.constraints.maxWidth) ?\n      input.constraints.maxWidth : 0,\n    height: Number.isFinite(input.constraints.maxHeight) ?\n      input.constraints.maxHeight : 0,\n  };\n  const options = normalizeFlexOptions(input.style, diagnosticBox);\n  const mainGap = row ? options.columnGap : options.rowGap;\n  let intrinsicMain = 0;\n  let intrinsicCross = 0;\n  let count = 0;\n  for (const child of children) {\n    const receiverToken = getChildPrimitiveReceiverToken(\n      GLOBAL_STATE.renderTransaction,\n      GLOBAL_STATE.primitiveReceiverToken,\n      count,\n    );\n    const prepared = prepareDirectChildStyle(child, receiverToken, diagnosticBox);\n    const style = preparedStyleValue(prepared) as Readonly<\n      BoxStyle & FlexItemStyle & LayoutItemStyle & Record<string, unknown>\n    >;\n    rejectUnsupportedItemFields(child, style, diagnosticBox);\n    const grow = nonnegativeFactor(\n      style.flexGrow ?? 0,\n      'flexGrow',\n      child,\n      diagnosticBox,\n    );\n    if (grow !== 0) {\n      return unsupportedIntrinsic('does not support flexGrow during intrinsic measurement');\n    }\n    const shrink = nonnegativeFactor(\n      style.flexShrink ?? 1,\n      'flexShrink',\n      child,\n      diagnosticBox,\n    );\n    const basis = style.flexBasis ?? 'auto';\n    const mainProperty = row ? 'width' : 'height';\n    const crossProperty = row ? 'height' : 'width';\n    const minimumProperty = row ? 'minWidth' : 'minHeight';\n    if ((shrink > 0 || basis === 'auto') && style[minimumProperty] === undefined) {\n      throw childDiagnostic(\n        child,\n        minimumProperty,\n        style[minimumProperty],\n        diagnosticBox,\n        'an explicit main-axis minimum is required for shrink or auto basis',\n      );\n    }\n    const mainValue = basis === 'auto' ? style[mainProperty] : basis;\n    const crossValue = style[crossProperty];\n    if (isPercentage(mainValue) || isPercentage(crossValue) ||\n      hasPercentageBounds(style)) {\n      return unsupportedIntrinsic('does not support percentage child sizes or bounds');\n    }\n    if (mainValue === undefined || mainValue === 'auto') {\n      return unsupportedIntrinsic('requires a definite child basis; measured auto basis is deferred');\n    }\n    if (crossValue === undefined || crossValue === 'auto') {\n      return unsupportedIntrinsic('requires a definite child cross size');\n    }\n    const baseMain = intrinsicNumber(mainValue, 'flexBasis');\n    const baseCross = intrinsicNumber(crossValue, crossProperty);\n    const minMain = intrinsicOptionalNumber(style[minimumProperty], 0, minimumProperty);\n    const maxMainProperty = row ? 'maxWidth' : 'maxHeight';\n    const maxMain = intrinsicOptionalNumber(\n      style[maxMainProperty],\n      Number.POSITIVE_INFINITY,\n      maxMainProperty,\n    );\n    const minCrossProperty = row ? 'minHeight' : 'minWidth';\n    const maxCrossProperty = row ? 'maxHeight' : 'maxWidth';\n    const minCross = intrinsicOptionalNumber(style[minCrossProperty], 0, minCrossProperty);\n    const maxCross = intrinsicOptionalNumber(\n      style[maxCrossProperty],\n      Number.POSITIVE_INFINITY,\n      maxCrossProperty,\n    );\n    const padding = normalizeEdges(\n      style.padding,\n      'padding',\n      childContext(child, diagnosticBox),\n    );\n    const paddingMain = row ? padding.left + padding.right :\n      padding.top + padding.bottom;\n    const paddingCross = row ? padding.top + padding.bottom :\n      padding.left + padding.right;\n    intrinsicMain += clamp(baseMain, minMain, maxMain) + paddingMain;\n    intrinsicCross = Math.max(\n      intrinsicCross,\n      clamp(baseCross, minCross, maxCross) + paddingCross,\n    );\n    count++;\n  }\n  intrinsicMain += Math.max(0, count - 1) * mainGap;\n  return { status: 'measured', size: {\n    width: widthDefinite ? resolveMeasuredContainerLength(\n      input.style.width!,\n      input.constraints.maxWidth,\n      'width',\n      input.constraints,\n    ) : row ? intrinsicMain : intrinsicCross,\n    height: heightDefinite ? resolveMeasuredContainerLength(\n      input.style.height!,\n      input.constraints.maxHeight,\n      'height',\n      input.constraints,\n    ) : row ? intrinsicCross : intrinsicMain,\n  } };\n}\n\nfunction resolveMeasuredContainerLength(\n  value: Exclude<BoxStyle['width'], undefined>,\n  reference: number,\n  property: string,\n  constraints: Readonly<Constraints>,\n): number {\n  const resolved = resolveLength(value, reference, property, {\n    component: 'Flex',\n    algorithm: 'measurement',\n    constraints,\n  });\n  if (resolved === undefined || resolved < 0) {\n    throw layoutDiagnostic({\n      component: 'Flex',\n      property,\n      value,\n      algorithm: 'measurement',\n      constraints,\n      reason: 'requires a definite nonnegative container size',\n    });\n  }\n  return resolved;\n}\n\nfunction intrinsicNumber(\n  value: unknown,\n  property: string,\n): number {\n  if (typeof value !== 'number' || !Number.isFinite(value) || value < 0) {\n    throw layoutDiagnostic({\n      component: 'Flex',\n      property,\n      value,\n      algorithm: 'measurement',\n      reason: 'intrinsic measurement requires finite nonnegative numeric sizes',\n    });\n  }\n  return value;\n}\n\nfunction intrinsicOptionalNumber(\n  value: unknown,\n  fallback: number,\n  property: string,\n): number {\n  return value === undefined ? fallback : intrinsicNumber(value, property);\n}\n\nfunction isPercentage(value: unknown): boolean {\n  return typeof value === 'string' && value.endsWith('%');\n}\n\nfunction hasPercentageBounds(style: Readonly<BoxStyle>): boolean {\n  return [\n    style.minWidth,\n    style.maxWidth,\n    style.minHeight,\n    style.maxHeight,\n  ].some(isPercentage);\n}\n\nfunction unsupportedIntrinsic(reason: string): MeasureResult {\n  return {\n    status: 'unsupported',\n    reason: `Flex intrinsic measurement ${reason}`,\n  };\n}\n\nexport function layoutFlex(\n  container: Readonly<LayoutBox>,\n  children: PibblNodeInput,\n  style: Readonly<FlexStyle>,\n  measurement: FlexMeasurementInput,\n): LayoutBox[] {\n  const prepared = materializeLayoutChildren(children, 'Flex');\n  return resolveFlexPlacements(container, prepared, style, measurement)\n    .map(placement => placement.box);\n}\n\nfunction resolveFlexPlacements(\n  container: Readonly<LayoutBox>,\n  children: readonly PibblElement<any>[],\n  style: Readonly<FlexStyle>,\n  measurement: FlexMeasurementInput,\n): FlexPlacement[] {\n  assertFiniteBox(container);\n  const options = normalizeFlexOptions(style, container);\n  const row = options.flexDirection === 'row';\n  const mainSize = row ? container.width : container.height;\n  const crossSize = row ? container.height : container.width;\n  const mainGap = row ? options.columnGap : options.rowGap;\n  const crossGap = row ? options.rowGap : options.columnGap;\n  const items: FlexItem[] = [];\n\n  for (const child of children) {\n    const receiverToken = getChildPrimitiveReceiverToken(\n      GLOBAL_STATE.renderTransaction,\n      GLOBAL_STATE.primitiveReceiverToken,\n      items.length,\n    );\n    const prepared = prepareDirectChildStyle(child, receiverToken, container);\n    const normalized = preparedStyleValue(prepared) as Readonly<\n      BoxStyle & FlexItemStyle & LayoutItemStyle & Record<string, unknown>\n    >;\n    assertSupportedChildPosition('Flex', child, normalized);\n    rejectUnsupportedItemFields(child, normalized, container);\n    const grow = nonnegativeFactor(normalized.flexGrow ?? 0, 'flexGrow', child, container);\n    const shrink = nonnegativeFactor(\n      normalized.flexShrink ?? 1,\n      'flexShrink',\n      child,\n      container,\n    );\n    const basisValue = normalized.flexBasis ?? 'auto';\n    const minimumProperty = row ? 'minWidth' : 'minHeight';\n    if ((shrink > 0 || basisValue === 'auto') && normalized[minimumProperty] === undefined) {\n      throw childDiagnostic(\n        child,\n        minimumProperty,\n        normalized[minimumProperty],\n        container,\n        'an explicit main-axis minimum is required for shrink or auto basis',\n      );\n    }\n\n    const mainProperty = row ? 'width' : 'height';\n    const crossProperty = row ? 'height' : 'width';\n    const mainReference = mainSize;\n    const crossReference = crossSize;\n    let measured: { width: number; height: number } | undefined;\n    const specifiedMain = normalized[mainProperty];\n    const specifiedCross = normalized[crossProperty];\n    const needsMeasuredMain = basisValue === 'auto' &&\n      (specifiedMain === undefined || specifiedMain === 'auto');\n    const crossAuto = specifiedCross === undefined || specifiedCross === 'auto';\n    const alignment = normalizeItemAlignment(normalized.alignSelf, child, container);\n    const needsMeasuredCross = crossAuto && alignment !== 'stretch' &&\n      options.alignItems !== 'stretch';\n    if (needsMeasuredMain || needsMeasuredCross || crossAuto) {\n      const constraints = {\n        minWidth: 0,\n        maxWidth: container.width,\n        minHeight: 0,\n        maxHeight: container.height,\n      };\n      const measurementChild = clonePibblElement(child);\n      setPreNormalizedStyle(\n        measurementChild,\n        normalized,\n        child,\n        receiverToken,\n        preparedStyleQuery(prepared),\n      );\n      const result = measurement.measureElement(measurementChild, constraints);\n      if (result.status === 'measured') {\n        measured = result.size;\n      } else if (needsMeasuredMain || (crossAuto && effectiveAlignment(\n        alignment,\n        options.alignItems,\n      ) !== 'stretch')) {\n        throw childDiagnostic(\n          child,\n          needsMeasuredMain ? mainProperty : crossProperty,\n          'auto',\n          container,\n          `measurement is required but unsupported: ${result.reason}`,\n        );\n      }\n    }\n\n    const baseMain = resolveBasis(\n      basisValue,\n      specifiedMain,\n      measured?.[mainProperty],\n      mainReference,\n      mainProperty,\n      child,\n      container,\n    );\n    const preferredCross = crossAuto ?\n      measured?.[crossProperty] ?? 0 :\n      resolveItemLength(\n        specifiedCross,\n        crossReference,\n        crossProperty,\n        child,\n        container,\n      );\n    const padding = normalizeEdges(normalized.padding, 'padding', childContext(child, container));\n    const paddingMain = row ? padding.left + padding.right : padding.top + padding.bottom;\n    const paddingCross = row ? padding.top + padding.bottom : padding.left + padding.right;\n    const minMain = resolveOptionalBound(\n      normalized[minimumProperty],\n      mainReference,\n      minimumProperty,\n      0,\n      child,\n      container,\n    );\n    const maximumProperty = row ? 'maxWidth' : 'maxHeight';\n    const maxMain = resolveOptionalBound(\n      normalized[maximumProperty],\n      mainReference,\n      maximumProperty,\n      Number.POSITIVE_INFINITY,\n      child,\n      container,\n    );\n    const minCrossProperty = row ? 'minHeight' : 'minWidth';\n    const maxCrossProperty = row ? 'maxHeight' : 'maxWidth';\n    const minCross = resolveOptionalBound(\n      normalized[minCrossProperty],\n      crossReference,\n      minCrossProperty,\n      0,\n      child,\n      container,\n    );\n    const maxCross = resolveOptionalBound(\n      normalized[maxCrossProperty],\n      crossReference,\n      maxCrossProperty,\n      Number.POSITIVE_INFINITY,\n      child,\n      container,\n    );\n    if (minMain > maxMain) {\n      throw childDiagnostic(\n        child,\n        minimumProperty,\n        minMain,\n        container,\n        'minimum must not exceed maximum',\n      );\n    }\n    if (minCross > maxCross) {\n      throw childDiagnostic(\n        child,\n        minCrossProperty,\n        minCross,\n        container,\n        'minimum must not exceed maximum',\n      );\n    }\n    items.push({\n      child,\n      normalized,\n      baseMain,\n      targetMain: baseMain,\n      paddingMain,\n      preferredCross: clamp(preferredCross, minCross, maxCross) + paddingCross,\n      paddingCross,\n      minMain,\n      maxMain,\n      minCross,\n      maxCross,\n      grow,\n      shrink,\n      crossAuto,\n      alignSelf: alignment,\n      receiverToken,\n      query: preparedStyleQuery(prepared),\n    });\n  }\n\n  const lines = collectLines(items, mainSize, mainGap, options.flexWrap);\n  for (const line of lines) resolveFlexibleLengths(line, mainSize, mainGap);\n  resolveLineCrossSizes(\n    lines,\n    crossSize,\n    crossGap,\n    options.alignContent,\n    options.flexWrap === 'wrap',\n  );\n\n  const placements: FlexPlacement[] = [];\n  for (const line of lines) {\n    const occupied = line.items.reduce(\n      (total, item) => total + item.targetMain + item.paddingMain,\n      Math.max(0, line.items.length - 1) * mainGap,\n    );\n    const distribution = distributeAlignment(\n      options.justifyContent,\n      mainSize - occupied,\n      line.items.length,\n    );\n    let mainCursor = distribution.start;\n    for (const item of line.items) {\n      const alignment = effectiveAlignment(item.alignSelf, options.alignItems);\n      let outerCross = item.preferredCross;\n      if (alignment === 'stretch' && item.crossAuto) {\n        outerCross = clamp(\n          Math.max(0, line.crossSize - item.paddingCross),\n          item.minCross,\n          item.maxCross,\n        ) + item.paddingCross;\n      }\n      const crossOffset = alignmentOffset(\n        alignment,\n        line.crossSize,\n        outerCross,\n      );\n      const outerMain = item.targetMain + item.paddingMain;\n      const box = row ? {\n        x: container.x + mainCursor,\n        y: container.y + line.crossOffset + crossOffset,\n        width: outerMain,\n        height: outerCross,\n      } : {\n        x: container.x + line.crossOffset + crossOffset,\n        y: container.y + mainCursor,\n        width: outerCross,\n        height: outerMain,\n      };\n      const usedStyle = {\n        ...item.normalized,\n        width: row ? item.targetMain : Math.max(0, outerCross - item.paddingCross),\n        height: row ? Math.max(0, outerCross - item.paddingCross) : item.targetMain,\n      };\n      placements.push({\n        box,\n        element: childWithUsedSize(\n          item.child,\n          usedStyle,\n          usedStyle.width,\n          usedStyle.height,\n          item.receiverToken,\n          item.query,\n        ),\n      });\n      mainCursor += outerMain + mainGap + distribution.between;\n    }\n  }\n  return placements;\n}\n\nfunction collectLines(\n  items: readonly FlexItem[],\n  mainSize: number,\n  gap: number,\n  wrap: FlexWrap,\n): FlexLine[] {\n  const lines: FlexLine[] = [];\n  let current: FlexItem[] = [];\n  let occupied = 0;\n  for (const item of items) {\n    const hypothetical = clamp(item.baseMain, item.minMain, item.maxMain) +\n      item.paddingMain;\n    const next = current.length === 0 ? hypothetical : occupied + gap + hypothetical;\n    if (wrap === 'wrap' && current.length > 0 && next > mainSize) {\n      lines.push({ items: current, crossSize: 0, crossOffset: 0 });\n      current = [];\n      occupied = 0;\n    }\n    occupied = current.length === 0 ? hypothetical : occupied + gap + hypothetical;\n    current.push(item);\n  }\n  if (current.length > 0) {\n    lines.push({ items: current, crossSize: 0, crossOffset: 0 });\n  }\n  return lines;\n}\n\nfunction resolveFlexibleLengths(\n  line: FlexLine,\n  mainSize: number,\n  gap: number,\n): void {\n  const gapSpace = Math.max(0, line.items.length - 1) * gap;\n  const baseOuter = line.items.reduce(\n    (total, item) => total + item.baseMain + item.paddingMain,\n    0,\n  );\n  const hypotheticalOuter = line.items.reduce(\n    (total, item) => total +\n      clamp(item.baseMain, item.minMain, item.maxMain) + item.paddingMain,\n    0,\n  );\n  const growing = hypotheticalOuter + gapSpace < mainSize;\n  const initialFree = mainSize - gapSpace - baseOuter;\n  const frozen = new Set<FlexItem>();\n  for (const item of line.items) {\n    item.targetMain = item.baseMain;\n    const hypothetical = clamp(item.baseMain, item.minMain, item.maxMain);\n    if (\n      (growing ? item.grow : item.shrink) === 0 ||\n      (growing && item.baseMain > hypothetical) ||\n      (!growing && item.baseMain < hypothetical)\n    ) {\n      item.targetMain = hypothetical;\n      frozen.add(item);\n    }\n  }\n\n  while (frozen.size < line.items.length) {\n    const fixed = line.items.reduce(\n      (total, item) => total +\n        (frozen.has(item) ? item.targetMain : item.baseMain) +\n        item.paddingMain,\n      gapSpace,\n    );\n    let free = mainSize - fixed;\n    const unfrozen = line.items.filter(item => !frozen.has(item));\n    const rawFactor = growing ?\n      unfrozen.reduce((total, item) => total + item.grow, 0) :\n      unfrozen.reduce((total, item) => total + item.shrink, 0);\n    const scaledFactor = growing ? rawFactor :\n      unfrozen.reduce((total, item) => total + item.shrink * item.baseMain, 0);\n    if (scaledFactor === 0) {\n      for (const item of unfrozen) {\n        item.targetMain = clamp(item.baseMain, item.minMain, item.maxMain);\n        frozen.add(item);\n      }\n      break;\n    }\n    if (rawFactor < 1) {\n      const partialFree = initialFree * rawFactor;\n      if (Math.abs(partialFree) < Math.abs(free)) free = partialFree;\n    }\n    const violations: { item: FlexItem; amount: number }[] = [];\n    for (const item of unfrozen) {\n      const share = growing ? item.grow / scaledFactor :\n        item.shrink * item.baseMain / scaledFactor;\n      const candidate = item.baseMain + free * share;\n      const clamped = clamp(candidate, item.minMain, item.maxMain);\n      item.targetMain = clamped;\n      if (clamped !== candidate) {\n        violations.push({ item, amount: clamped - candidate });\n      }\n    }\n    if (violations.length === 0) break;\n    const totalViolation = violations.reduce(\n      (total, violation) => total + violation.amount,\n      0,\n    );\n    for (const violation of violations) {\n      if (\n        totalViolation === 0 ||\n        (totalViolation > 0 && violation.amount > 0) ||\n        (totalViolation < 0 && violation.amount < 0)\n      ) {\n        frozen.add(violation.item);\n      }\n    }\n  }\n}\n\nfunction resolveLineCrossSizes(\n  lines: FlexLine[],\n  crossSize: number,\n  gap: number,\n  alignment: ResolvedFlexStyle['alignContent'],\n  multiLine: boolean,\n): void {\n  if (lines.length === 0) return;\n  for (const line of lines) {\n    line.crossSize = Math.max(0, ...line.items.map(item => item.preferredCross));\n  }\n  if (lines.length === 1 && !multiLine) {\n    lines[0].crossSize = crossSize;\n    lines[0].crossOffset = 0;\n    return;\n  }\n  const occupied = lines.reduce(\n    (total, line) => total + line.crossSize,\n    Math.max(0, lines.length - 1) * gap,\n  );\n  const free = crossSize - occupied;\n  if (alignment === 'stretch' && free > 0) {\n    const addition = free / lines.length;\n    for (const line of lines) line.crossSize += addition;\n  }\n  const distribution = alignment === 'stretch' ?\n    { start: 0, between: 0 } :\n    distributeAlignment(alignment, free, lines.length);\n  let cursor = distribution.start;\n  for (const line of lines) {\n    line.crossOffset = cursor;\n    cursor += line.crossSize + gap + distribution.between;\n  }\n}\n\nfunction distributeAlignment(\n  alignment: MainAlignment | CrossAlignment,\n  free: number,\n  count: number,\n): { start: number; between: number } {\n  if (count === 0 || alignment === 'flex-start' || alignment === 'stretch') {\n    return { start: 0, between: 0 };\n  }\n  if (free < 0) {\n    if (alignment === 'flex-end') return { start: free, between: 0 };\n    if (alignment === 'center' || alignment === 'space-around' ||\n      alignment === 'space-evenly') {\n      return { start: free / 2, between: 0 };\n    }\n    return { start: 0, between: 0 };\n  }\n  if (alignment === 'flex-end') return { start: free, between: 0 };\n  if (alignment === 'center') return { start: free / 2, between: 0 };\n  if (alignment === 'space-between') {\n    return count === 1 ? { start: 0, between: 0 } :\n      { start: 0, between: free / (count - 1) };\n  }\n  if (alignment === 'space-around') {\n    const between = free / count;\n    return { start: between / 2, between };\n  }\n  if (alignment === 'space-evenly') {\n    const between = free / (count + 1);\n    return { start: between, between };\n  }\n  return { start: 0, between: 0 };\n}\n\nfunction normalizeFlexOptions(\n  style: Readonly<FlexStyle>,\n  container: Readonly<LayoutBox>,\n) {\n  const flexDirection = supported(style.flexDirection ?? 'row', ['row', 'column'], 'flexDirection', container);\n  const flexWrap = supported(style.flexWrap ?? 'nowrap', ['nowrap', 'wrap'], 'flexWrap', container);\n  const justifyContent = supported(\n    style.justifyContent ?? 'flex-start',\n    ['flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'],\n    'justifyContent',\n    container,\n  );\n  const alignItems = supported(\n    style.alignItems ?? 'stretch',\n    ['stretch', 'flex-start', 'flex-end', 'center'],\n    'alignItems',\n    container,\n  );\n  const alignContent = supported(\n    style.alignContent ?? 'stretch',\n    ['stretch', 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'],\n    'alignContent',\n    container,\n  );\n  const gap = nonnegativeGap(style.gap ?? 0, 'gap', container);\n  return {\n    flexDirection: flexDirection as FlexDirection,\n    flexWrap: flexWrap as FlexWrap,\n    justifyContent: justifyContent as MainAlignment,\n    alignItems: alignItems as CrossAlignment,\n    alignContent: alignContent as CrossAlignment | MainAlignment,\n    rowGap: nonnegativeGap(style.rowGap ?? gap, 'rowGap', container),\n    columnGap: nonnegativeGap(style.columnGap ?? gap, 'columnGap', container),\n  };\n}\n\nfunction supported(\n  value: string,\n  accepted: readonly string[],\n  property: string,\n  container: Readonly<LayoutBox>,\n): string {\n  if (!accepted.includes(value)) throw optionDiagnostic(property, value, container);\n  return value;\n}\n\nfunction nonnegativeGap(\n  value: unknown,\n  property: string,\n  container: Readonly<LayoutBox>,\n): number {\n  if (typeof value !== 'number' || !Number.isFinite(value) || value < 0) {\n    throw optionDiagnostic(property, value, container);\n  }\n  return value;\n}\n\nfunction nonnegativeFactor(\n  value: number,\n  property: string,\n  child: PibblElement<any>,\n  container: Readonly<LayoutBox>,\n): number {\n  if (!Number.isFinite(value) || value < 0) {\n    throw childDiagnostic(\n      child,\n      property,\n      value,\n      container,\n      'must be finite and nonnegative',\n    );\n  }\n  return value;\n}\n\nfunction resolveBasis(\n  basis: FlexItemStyle['flexBasis'],\n  specifiedMain: BoxStyle['width'],\n  measuredMain: number | undefined,\n  reference: number,\n  property: 'width' | 'height',\n  child: PibblElement<any>,\n  container: Readonly<LayoutBox>,\n): number {\n  const value = basis === 'auto' || basis === undefined ? specifiedMain : basis;\n  if (value === undefined || value === 'auto') {\n    if (measuredMain === undefined) {\n      throw childDiagnostic(\n        child,\n        property,\n        value ?? 'auto',\n        container,\n        'auto flex basis requires supported pure measurement',\n      );\n    }\n    return measuredMain;\n  }\n  return resolveItemLength(value, reference, 'flexBasis', child, container);\n}\n\nfunction resolveItemLength(\n  value: Exclude<BoxStyle['width'], undefined>,\n  reference: number,\n  property: string,\n  child: PibblElement<any>,\n  container: Readonly<LayoutBox>,\n): number {\n  const resolved = resolveLength(value, reference, property, childContext(child, container));\n  if (resolved === undefined || resolved < 0) {\n    throw childDiagnostic(\n      child,\n      property,\n      value,\n      container,\n      'must resolve to a finite nonnegative length',\n    );\n  }\n  return resolved;\n}\n\nfunction resolveOptionalBound(\n  value: BoxStyle['minWidth'],\n  reference: number,\n  property: string,\n  fallback: number,\n  child: PibblElement<any>,\n  container: Readonly<LayoutBox>,\n): number {\n  if (value === undefined) return fallback;\n  return resolveItemLength(value, reference, property, child, container);\n}\n\nfunction normalizeItemAlignment(\n  value: LayoutItemStyle['alignSelf'],\n  child: PibblElement<any>,\n  container: Readonly<LayoutBox>,\n): CrossAlignment | 'auto' {\n  if (value === undefined || value === 'auto') return 'auto';\n  if (value === 'stretch' || value === 'flex-start' ||\n    value === 'flex-end' || value === 'center') return value;\n  throw childDiagnostic(\n    child,\n    'alignSelf',\n    value,\n    container,\n    'uses an unsupported flex item alignment',\n  );\n}\n\nfunction effectiveAlignment(\n  value: CrossAlignment | 'auto',\n  fallback: CrossAlignment,\n): CrossAlignment {\n  return value === 'auto' ? fallback : value;\n}\n\nfunction alignmentOffset(\n  alignment: CrossAlignment,\n  lineSize: number,\n  itemSize: number,\n): number {\n  if (alignment === 'center') return (lineSize - itemSize) / 2;\n  if (alignment === 'flex-end') return lineSize - itemSize;\n  return 0;\n}\n\nfunction rejectUnsupportedItemFields(\n  child: PibblElement<any>,\n  style: Readonly<Record<string, unknown>>,\n  container: Readonly<LayoutBox>,\n): void {\n  for (const property of ['order', 'margin', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom']) {\n    if (style[property] !== undefined) {\n      throw childDiagnostic(\n        child,\n        property,\n        style[property],\n        container,\n        'uses an unsupported flex item feature',\n      );\n    }\n  }\n}\n\nfunction clamp(value: number, minimum: number, maximum: number): number {\n  return Math.min(maximum, Math.max(minimum, value));\n}\n\nfunction assertFiniteBox(container: Readonly<LayoutBox>): void {\n  for (const [property, value] of Object.entries(container)) {\n    if (!Number.isFinite(value) ||\n      ((property === 'width' || property === 'height') && value < 0)) {\n      throw optionDiagnostic(property, value, container);\n    }\n  }\n}\n\nfunction optionDiagnostic(\n  property: string,\n  value: unknown,\n  container: Readonly<LayoutBox>,\n) {\n  return layoutDiagnostic({\n    component: 'Flex',\n    property,\n    value,\n    algorithm: 'flex',\n    constraints: constraintsFor(container),\n    reason: 'uses an unsupported flex value',\n  });\n}\n\nfunction childDiagnostic(\n  child: PibblElement<any>,\n  property: string,\n  value: unknown,\n  container: Readonly<LayoutBox>,\n  reason: string,\n) {\n  return layoutDiagnostic({\n    component: child.type.name || 'Anonymous',\n    property,\n    value,\n    algorithm: 'flex',\n    constraints: constraintsFor(container),\n    reason,\n  });\n}\n\nfunction childContext(\n  child: PibblElement<any>,\n  container: Readonly<LayoutBox>,\n) {\n  return {\n    component: child.type.name || 'Anonymous',\n    algorithm: 'flex',\n    constraints: constraintsFor(container),\n  };\n}\n\nfunction constraintsFor(container: Readonly<LayoutBox>): Constraints {\n  return {\n    minWidth: 0,\n    maxWidth: container.width,\n    minHeight: 0,\n    maxHeight: container.height,\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/lib/layout/flow.d.ts

@@ -0,0 +1,53 @@
+import type { PibblElement } from '../element/types.js';
+import { type PibblStructuralEventProps } from '../components/structural-events.js';
+import type { BoxStyle, LayoutItemStyle } from '../style/types.js';
+import type { CanvasMeasurementService, PibblNodeInput, MeasureResult } from '../types.js';
+import type { Constraints, LayoutBox } from './types.js';
+type FlowDirection = 'horizontal' | 'vertical';
+type FlowAlignment = 'start' | 'center' | 'end' | 'stretch';
+/**
+ * Supported geometry and presentation properties for Flow.
+ *
+ * @see {@link BoxStyle}
+ * @see {@link LayoutItemStyle}
+ * @see {@link Flow}
+ */
+export interface FlowStyle extends BoxStyle, LayoutItemStyle {
+    /** Direction in which this operation proceeds. See {@link FlowDirection}. */
+    direction?: FlowDirection;
+    /** Whether content may wrap into additional lines. See {@link FlowStyle}. */
+    wrap?: boolean;
+    /** Spacing between adjacent items. See {@link FlowStyle}. */
+    gap?: number;
+    /** Space between wrapped flow lines. See {@link FlowStyle}. */
+    lineGap?: number;
+    /** Default alignment of children on the cross or block axis. See {@link FlowAlignment}. */
+    alignItems?: FlowAlignment;
+}
+/**
+ * Authored inputs for Flow, including the declared data and presentation options.
+ *
+ * @see {@link PibblNodeInput}
+ * @see {@link Flow}
+ */
+export interface FlowProps extends PibblStructuralEventProps {
+    /** Descendant content or the callback that supplies it. See {@link PibblNodeInput}. */
+    children: PibblNodeInput;
+}
+export interface FlowMeasurementInput {
+    service: CanvasMeasurementService;
+    measureElement(element: PibblElement<any>, constraints: Readonly<Constraints>): MeasureResult;
+}
+/**
+ * Describes sequential flow layout for JSX or createElement authoring.
+ *
+ * @param props - Authored component inputs, supplied through JSX or createElement. See the linked
+ * props and style types.
+ * @throws When called directly; Pibbl mounts this component through JSX or createElement.
+ *
+ * @see {@link FlowProps}
+ * @see {@link FlowStyle}
+ */
+export declare const Flow: import("@pibbl/core").PibblPrimitiveComponent<FlowProps, import("@pibbl/core").PrimitiveInput<FlowProps, FlowStyle>>;
+export declare function layoutFlow(container: Readonly<LayoutBox>, children: PibblNodeInput, style: Readonly<FlowStyle>, measurement: FlowMeasurementInput): LayoutBox[];
+export {};

package/dist/lib/layout/flow.js

@@ -0,0 +1,400 @@
+import { preparedStyleValue, preparedStyleQuery } from "../style/responsive.js";
+import { definePrimitive } from "../define-primitive.js";
+import { clonePibblElement } from "../element/create-element.js";
+import { getChildPrimitiveReceiverToken } from "../element/metadata.js";
+import { GLOBAL_STATE } from "../global-state.js";
+import { layoutDiagnostic } from "../style/diagnostics.js";
+import {
+  wireStructuralEvents
+} from "../components/structural-events.js";
+import { normalizeEdges } from "../style/normalize.js";
+import { setPreNormalizedStyle } from "../style/resolve-dispatch.js";
+import {
+  childWithUsedSize,
+  materializeLayoutChildren,
+  prepareDirectChildStyle,
+  placeDirectChildren,
+  prepareLayoutChildren,
+  resolveContainerBox,
+  resolveDirectChildBox
+} from "./absolute.js";
+import { pushLayoutBox } from "./context.js";
+import { recordLayoutEvaluation } from "./diagnostics.js";
+import { assertSupportedChildPosition } from "./positioning-diagnostics.js";
+import { measureElement } from "./measure.js";
+function renderFlow(props, style, ctx) {
+  wireStructuralEvents(props);
+  const children = prepareLayoutChildren(props.children, "Flow");
+  recordLayoutEvaluation();
+  const content = style.box.contentBox;
+  ctx.translate(content.x, content.y);
+  const localContent = Object.freeze({
+    x: 0,
+    y: 0,
+    width: content.width,
+    height: content.height
+  });
+  const releaseLayout = pushLayoutBox(localContent);
+  GLOBAL_STATE.componentRefs.onAfterRender = releaseLayout;
+  const service = {
+    measureText(value, font) {
+      ctx.save();
+      try {
+        ctx.font = font;
+        return ctx.measureText(value);
+      } finally {
+        ctx.restore();
+      }
+    }
+  };
+  const placements = resolveFlowPlacements(
+    localContent,
+    children,
+    style,
+    {
+      service,
+      measureElement: (element, constraints) => measureElement(element, constraints, service)
+    }
+  );
+  let index = 0;
+  return placeDirectChildren(
+    children,
+    localContent,
+    () => placements[index++],
+    style.overflow
+  );
+}
+const Flow = definePrimitive(renderFlow, {
+  childInput: "structural",
+  resolveStyle: (style, context) => ({
+    box: resolveContainerBox(style, context, "Flow", "flow"),
+    overflow: style.overflow ?? "visible",
+    ...normalizeFlowOptions(style, context.allocation)
+  }),
+  measure: (input) => measureFlow(input)
+});
+function layoutFlow(container, children, style, measurement) {
+  const prepared = materializeLayoutChildren(children, "Flow");
+  return resolveFlowPlacements(container, prepared, style, measurement).map((placement) => placement.box);
+}
+function resolveFlowPlacements(container, children, style, measurement) {
+  assertFiniteContainer(container);
+  const options = normalizeFlowOptions(style, container);
+  const items = [];
+  for (const child of children) {
+    const receiverToken = getChildPrimitiveReceiverToken(
+      GLOBAL_STATE.renderTransaction,
+      GLOBAL_STATE.primitiveReceiverToken,
+      items.length
+    );
+    const prepared = prepareDirectChildStyle(child, receiverToken, container);
+    const normalized = preparedStyleValue(prepared);
+    assertSupportedChildPosition("Flow", child, normalized);
+    const needsWidth = normalized.width === void 0 || normalized.width === "auto";
+    const needsHeight = normalized.height === void 0 || normalized.height === "auto";
+    let measuredWidth;
+    let measuredHeight;
+    if (needsWidth || needsHeight) {
+      const constraints = {
+        minWidth: 0,
+        maxWidth: container.width,
+        minHeight: 0,
+        maxHeight: container.height
+      };
+      const measurementChild = clonePibblElement(child);
+      setPreNormalizedStyle(
+        measurementChild,
+        normalized,
+        child,
+        receiverToken,
+        preparedStyleQuery(prepared)
+      );
+      const result = measurement.measureElement(measurementChild, constraints);
+      if (result.status === "unsupported") {
+        const axis = needsWidth ? "width" : "height";
+        throw layoutDiagnostic({
+          component: child.type.name || "Anonymous",
+          property: axis,
+          value: normalized[axis] ?? "auto",
+          algorithm: "flow",
+          constraints,
+          reason: `measurement is required but unsupported: ${result.reason}`
+        });
+      }
+      measuredWidth = result.size.width;
+      measuredHeight = result.size.height;
+    }
+    const resolvedStyle = {
+      ...normalized,
+      width: needsWidth ? measuredWidth : normalized.width,
+      height: needsHeight ? measuredHeight : normalized.height
+    };
+    const resolved = resolveDirectChildBox(
+      container,
+      child,
+      "flow",
+      resolvedStyle
+    );
+    const box = resolved.borderBox;
+    items.push({
+      child,
+      normalized: Object.freeze(resolvedStyle),
+      width: box.width,
+      height: box.height,
+      horizontalPadding: box.width - resolved.contentBox.width,
+      verticalPadding: box.height - resolved.contentBox.height,
+      alignment: resolveItemAlignment(
+        normalized.alignSelf,
+        options.alignItems,
+        child,
+        container
+      ),
+      receiverToken,
+      query: preparedStyleQuery(prepared)
+    });
+  }
+  const boxes = arrangeFlowItems(container, items, options);
+  return boxes.map((box, index) => ({
+    box,
+    element: childWithUsedSize(
+      items[index].child,
+      items[index].normalized,
+      Math.max(0, box.width - items[index].horizontalPadding),
+      Math.max(0, box.height - items[index].verticalPadding),
+      items[index].receiverToken,
+      items[index].query
+    )
+  }));
+}
+function measureFlow(input) {
+  const children = prepareLayoutChildren(input.props.children, "Flow");
+  const widthDefinite = input.style.width !== void 0 && input.style.width !== "auto";
+  const heightDefinite = input.style.height !== void 0 && input.style.height !== "auto";
+  const provisional = provisionalFlowBox(input.style, input.constraints);
+  if (widthDefinite && heightDefinite) {
+    return { status: "measured", size: {
+      width: provisional.content.width,
+      height: provisional.content.height
+    } };
+  }
+  const placements = resolveFlowPlacements(
+    provisional.content,
+    children,
+    input.style,
+    input
+  );
+  let intrinsicWidth = 0;
+  let intrinsicHeight = 0;
+  for (const placement of placements) {
+    intrinsicWidth = Math.max(
+      intrinsicWidth,
+      placement.box.x - provisional.content.x + placement.box.width
+    );
+    intrinsicHeight = Math.max(
+      intrinsicHeight,
+      placement.box.y - provisional.content.y + placement.box.height
+    );
+  }
+  validateMeasuredExtent(intrinsicWidth, "width", input.constraints);
+  validateMeasuredExtent(intrinsicHeight, "height", input.constraints);
+  return { status: "measured", size: {
+    width: widthDefinite ? provisional.content.width : intrinsicWidth,
+    height: heightDefinite ? provisional.content.height : intrinsicHeight
+  } };
+}
+function provisionalFlowBox(style, constraints) {
+  const diagnosticContext = {
+    component: "Flow",
+    algorithm: "measurement",
+    constraints
+  };
+  const padding = normalizeEdges(style.padding, "padding", diagnosticContext);
+  const width = finiteMeasurementBound(
+    constraints.maxWidth,
+    [style.width, style.minWidth, style.maxWidth],
+    padding.left + padding.right,
+    "width",
+    constraints
+  );
+  const height = finiteMeasurementBound(
+    constraints.maxHeight,
+    [style.height, style.minHeight, style.maxHeight],
+    padding.top + padding.bottom,
+    "height",
+    constraints
+  );
+  const box = resolveContainerBox(style, {
+    allocation: { x: 0, y: 0, width, height },
+    percentageBasis: { x: 0, y: 0, width, height },
+    constraints,
+    component: "Flow",
+    algorithm: "render-dispatch"
+  }, "Flow", "measurement");
+  return { border: box.borderBox, content: box.contentBox };
+}
+function finiteMeasurementBound(maximum, specified, padding, property, constraints) {
+  if (Number.isFinite(maximum)) return maximum;
+  const numeric = specified.filter(
+    (value) => typeof value === "number" && Number.isFinite(value)
+  );
+  if (numeric.length > 0) {
+    const bound = Math.max(...numeric) + padding;
+    if (Number.isFinite(bound)) return bound;
+    throw layoutDiagnostic({
+      component: "Flow",
+      property,
+      value: bound,
+      algorithm: "measurement",
+      constraints,
+      reason: "measurement allocation arithmetic must remain finite"
+    });
+  }
+  const percentage = specified.find(
+    (value) => typeof value === "string" && value.endsWith("%")
+  );
+  if (percentage !== void 0) {
+    throw layoutDiagnostic({
+      component: "Flow",
+      property,
+      value: percentage,
+      algorithm: "measurement",
+      constraints,
+      reason: "requires a definite finite percentage reference"
+    });
+  }
+  return Number.MAX_SAFE_INTEGER;
+}
+function validateMeasuredExtent(value, property, constraints) {
+  if (!Number.isFinite(value) || value < 0) {
+    throw layoutDiagnostic({
+      component: "Flow",
+      property,
+      value,
+      algorithm: "measurement",
+      constraints,
+      reason: "intrinsic flow extent must be finite and nonnegative"
+    });
+  }
+}
+function arrangeFlowItems(container, items, options) {
+  const horizontal = options.direction === "horizontal";
+  const mainBound = horizontal ? container.width : container.height;
+  const lines = [];
+  let line = [];
+  let occupiedMain = 0;
+  for (const item of items) {
+    const mainSize = horizontal ? item.width : item.height;
+    const nextMain = line.length === 0 ? mainSize : occupiedMain + options.gap + mainSize;
+    if (options.wrap && line.length > 0 && nextMain > mainBound) {
+      lines.push(line);
+      line = [];
+      occupiedMain = 0;
+    }
+    occupiedMain = line.length === 0 ? mainSize : occupiedMain + options.gap + mainSize;
+    line.push(item);
+  }
+  if (line.length > 0) lines.push(line);
+  const placements = [];
+  let crossCursor = 0;
+  for (const currentLine of lines) {
+    const lineCross = Math.max(0, ...currentLine.map(
+      (item) => horizontal ? item.height : item.width
+    ));
+    let mainCursor = 0;
+    for (const item of currentLine) {
+      const itemMain = horizontal ? item.width : item.height;
+      const itemCross = horizontal ? item.height : item.width;
+      const crossOffset = alignCross(lineCross, itemCross, item.alignment);
+      const placedCross = item.alignment === "stretch" ? Math.max(0, lineCross) : itemCross;
+      placements.push(horizontal ? {
+        x: container.x + mainCursor,
+        y: container.y + crossCursor + crossOffset,
+        width: itemMain,
+        height: placedCross
+      } : {
+        x: container.x + crossCursor + crossOffset,
+        y: container.y + mainCursor,
+        width: placedCross,
+        height: itemMain
+      });
+      mainCursor += itemMain + options.gap;
+    }
+    crossCursor += lineCross + options.lineGap;
+  }
+  return placements;
+}
+function normalizeFlowOptions(style, container) {
+  const direction = style.direction ?? "horizontal";
+  if (direction !== "horizontal" && direction !== "vertical") {
+    throw optionDiagnostic("direction", direction, container);
+  }
+  if (style.wrap !== void 0 && typeof style.wrap !== "boolean") {
+    throw optionDiagnostic("wrap", style.wrap, container);
+  }
+  const alignItems = style.alignItems ?? "start";
+  if (alignItems !== "start" && alignItems !== "center" && alignItems !== "end" && alignItems !== "stretch") {
+    throw optionDiagnostic("alignItems", alignItems, container);
+  }
+  return {
+    direction,
+    wrap: style.wrap ?? false,
+    gap: nonnegativeOption(style.gap ?? 0, "gap", container),
+    lineGap: nonnegativeOption(style.lineGap ?? 0, "lineGap", container),
+    alignItems
+  };
+}
+function nonnegativeOption(value, property, container) {
+  if (!Number.isFinite(value) || value < 0) {
+    throw optionDiagnostic(property, value, container);
+  }
+  return value;
+}
+function resolveItemAlignment(value, fallback, child, container) {
+  if (value === void 0 || value === "auto") return fallback;
+  if (value === "start" || value === "center" || value === "end" || value === "stretch") {
+    return value;
+  }
+  throw layoutDiagnostic({
+    component: child.type.name || "Anonymous",
+    property: "alignSelf",
+    value,
+    algorithm: "flow",
+    constraints: constraintsFor(container),
+    reason: "uses an unsupported flow alignment value"
+  });
+}
+function alignCross(lineCross, itemCross, alignment) {
+  if (alignment === "center") return (lineCross - itemCross) / 2;
+  if (alignment === "end") return lineCross - itemCross;
+  return 0;
+}
+function assertFiniteContainer(container) {
+  for (const [property, value] of Object.entries(container)) {
+    if (!Number.isFinite(value) || (property === "width" || property === "height") && value < 0) {
+      throw optionDiagnostic(property, value, container);
+    }
+  }
+}
+function optionDiagnostic(property, value, container) {
+  return layoutDiagnostic({
+    component: "Flow",
+    property,
+    value,
+    algorithm: "flow",
+    constraints: constraintsFor(container),
+    reason: "uses an unsupported flow value"
+  });
+}
+function constraintsFor(container) {
+  return {
+    minWidth: 0,
+    maxWidth: container.width,
+    minHeight: 0,
+    maxHeight: container.height
+  };
+}
+export {
+  Flow,
+  layoutFlow
+};
+//# sourceMappingURL=flow.js.map

package/dist/lib/layout/flow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/layout/flow.ts"],
+  "sourcesContent": ["import { preparedStyleValue, preparedStyleQuery, type PreparedQuery } from '../style/responsive.js';\nimport { definePrimitive } from '../define-primitive.js';\nimport { clonePibblElement } from '../element/create-element.js';\nimport { getChildPrimitiveReceiverToken } from '../element/metadata.js';\nimport type { PibblElement } from '../element/types.js';\nimport { GLOBAL_STATE } from '../global-state.js';\nimport { layoutDiagnostic } from '../style/diagnostics.js';\nimport {\n  type PibblStructuralEventProps,\n  wireStructuralEvents,\n} from '../components/structural-events.js';\nimport { normalizeEdges } from '../style/normalize.js';\nimport { setPreNormalizedStyle } from '../style/resolve-dispatch.js';\nimport type { BoxStyle, LayoutItemStyle, ResolvedBoxStyle } from '../style/types.js';\nimport type {\n  CanvasMeasurementService,\n  PibblNodeInput,\n  MeasureInput,\n  MeasureResult,\n  RenderingContext2D,\n  SystemStyle,\n} from '../types.js';\nimport {\n  childWithUsedSize,\n  materializeLayoutChildren,\n  prepareDirectChildStyle,\n  placeDirectChildren,\n  prepareLayoutChildren,\n  resolveContainerBox,\n  resolveDirectChildBox,\n} from './absolute.js';\nimport { pushLayoutBox } from './context.js';\nimport { recordLayoutEvaluation } from './diagnostics.js';\nimport { assertSupportedChildPosition } from './positioning-diagnostics.js';\nimport { measureElement } from './measure.js';\nimport type { Constraints, LayoutBox } from './types.js';\n\ntype FlowDirection = 'horizontal' | 'vertical';\ntype FlowAlignment = 'start' | 'center' | 'end' | 'stretch';\n\n/**\n * Supported geometry and presentation properties for Flow.\n *\n * @see {@link BoxStyle}\n * @see {@link LayoutItemStyle}\n * @see {@link Flow}\n */\nexport interface FlowStyle extends BoxStyle, LayoutItemStyle {\n  /** Direction in which this operation proceeds. See {@link FlowDirection}. */\n  direction?: FlowDirection;\n  /** Whether content may wrap into additional lines. See {@link FlowStyle}. */\n  wrap?: boolean;\n  /** Spacing between adjacent items. See {@link FlowStyle}. */\n  gap?: number;\n  /** Space between wrapped flow lines. See {@link FlowStyle}. */\n  lineGap?: number;\n  /** Default alignment of children on the cross or block axis. See {@link FlowAlignment}. */\n  alignItems?: FlowAlignment;\n}\n\n/**\n * Authored inputs for Flow, including the declared data and presentation options.\n *\n * @see {@link PibblNodeInput}\n * @see {@link Flow}\n */\nexport interface FlowProps extends PibblStructuralEventProps {\n  /** Descendant content or the callback that supplies it. See {@link PibblNodeInput}. */\n  children: PibblNodeInput;\n}\n\ninterface ResolvedFlowStyle extends SystemStyle {\n  box: ResolvedBoxStyle;\n  overflow: 'visible' | 'clip';\n  direction: FlowDirection;\n  wrap: boolean;\n  gap: number;\n  lineGap: number;\n  alignItems: FlowAlignment;\n}\n\ninterface FlowItem {\n  child: PibblElement<any>;\n  normalized: Readonly<SystemStyle>;\n  width: number;\n  height: number;\n  horizontalPadding: number;\n  verticalPadding: number;\n  alignment: FlowAlignment;\n  receiverToken: object;\n  query?: PreparedQuery;\n}\n\nexport interface FlowMeasurementInput {\n  service: CanvasMeasurementService;\n  measureElement(\n    element: PibblElement<any>,\n    constraints: Readonly<Constraints>,\n  ): MeasureResult;\n}\n\ninterface FlowPlacement {\n  box: LayoutBox;\n  element: PibblElement<any>;\n}\n\nfunction renderFlow(\n  props: FlowProps,\n  style: Readonly<ResolvedFlowStyle>,\n  ctx: RenderingContext2D,\n) {\n  wireStructuralEvents(props);\n  const children = prepareLayoutChildren(props.children, 'Flow');\n  recordLayoutEvaluation();\n  const content = style.box.contentBox;\n  ctx.translate(content.x, content.y);\n  const localContent = Object.freeze({\n    x: 0,\n    y: 0,\n    width: content.width,\n    height: content.height,\n  });\n  const releaseLayout = pushLayoutBox(localContent);\n  GLOBAL_STATE.componentRefs!.onAfterRender = releaseLayout;\n  const service = {\n    measureText(value: string, font: string) {\n      ctx.save();\n      try {\n        ctx.font = font;\n        return ctx.measureText(value);\n      } finally {\n        ctx.restore();\n      }\n    },\n  };\n  const placements = resolveFlowPlacements(\n    localContent,\n    children,\n    style,\n    {\n      service,\n      measureElement: (element, constraints) =>\n        measureElement(element, constraints, service),\n    },\n  );\n  let index = 0;\n  return placeDirectChildren(\n    children,\n    localContent,\n    () => placements[index++],\n    style.overflow,\n  );\n}\n\n/**\n * Describes sequential flow layout for JSX or createElement authoring.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link FlowProps}\n * @see {@link FlowStyle}\n */\nexport const Flow = definePrimitive<\n  FlowProps,\n  FlowStyle,\n  FlowStyle,\n  ResolvedFlowStyle\n>(renderFlow, {\n  childInput: 'structural',\n  resolveStyle: (style, context) => ({\n    box: resolveContainerBox(style, context, 'Flow', 'flow'),\n    overflow: style.overflow ?? 'visible',\n    ...normalizeFlowOptions(style, context.allocation),\n  }),\n  measure: input => measureFlow(input),\n});\n\nexport function layoutFlow(\n  container: Readonly<LayoutBox>,\n  children: PibblNodeInput,\n  style: Readonly<FlowStyle>,\n  measurement: FlowMeasurementInput,\n): LayoutBox[] {\n  const prepared = materializeLayoutChildren(children, 'Flow');\n  return resolveFlowPlacements(container, prepared, style, measurement)\n    .map(placement => placement.box);\n}\n\nfunction resolveFlowPlacements(\n  container: Readonly<LayoutBox>,\n  children: readonly PibblElement<any>[],\n  style: Readonly<FlowStyle>,\n  measurement: FlowMeasurementInput,\n): FlowPlacement[] {\n  assertFiniteContainer(container);\n  const options = normalizeFlowOptions(style, container);\n  const items: FlowItem[] = [];\n  for (const child of children) {\n    const receiverToken = getChildPrimitiveReceiverToken(\n      GLOBAL_STATE.renderTransaction,\n      GLOBAL_STATE.primitiveReceiverToken,\n      items.length,\n    );\n    const prepared = prepareDirectChildStyle(child, receiverToken, container);\n    const normalized = preparedStyleValue(prepared) as Readonly<\n      BoxStyle & LayoutItemStyle\n    >;\n    assertSupportedChildPosition('Flow', child, normalized);\n    const needsWidth = normalized.width === undefined || normalized.width === 'auto';\n    const needsHeight = normalized.height === undefined || normalized.height === 'auto';\n    let measuredWidth: number | undefined;\n    let measuredHeight: number | undefined;\n    if (needsWidth || needsHeight) {\n      const constraints = {\n        minWidth: 0,\n        maxWidth: container.width,\n        minHeight: 0,\n        maxHeight: container.height,\n      };\n      const measurementChild = clonePibblElement(child);\n      setPreNormalizedStyle(\n        measurementChild,\n        normalized,\n        child,\n        receiverToken,\n        preparedStyleQuery(prepared),\n      );\n      const result = measurement.measureElement(measurementChild, constraints);\n      if (result.status === 'unsupported') {\n        const axis = needsWidth ? 'width' : 'height';\n        throw layoutDiagnostic({\n          component: child.type.name || 'Anonymous',\n          property: axis,\n          value: normalized[axis] ?? 'auto',\n          algorithm: 'flow',\n          constraints,\n          reason: `measurement is required but unsupported: ${result.reason}`,\n        });\n      }\n      measuredWidth = result.size.width;\n      measuredHeight = result.size.height;\n    }\n    const resolvedStyle = {\n      ...normalized,\n      width: needsWidth ? measuredWidth : normalized.width,\n      height: needsHeight ? measuredHeight : normalized.height,\n    };\n    const resolved = resolveDirectChildBox(\n      container,\n      child,\n      'flow',\n      resolvedStyle,\n    );\n    const box = resolved.borderBox;\n    items.push({\n      child,\n      normalized: Object.freeze(resolvedStyle),\n      width: box.width,\n      height: box.height,\n      horizontalPadding: box.width - resolved.contentBox.width,\n      verticalPadding: box.height - resolved.contentBox.height,\n      alignment: resolveItemAlignment(\n        normalized.alignSelf,\n        options.alignItems,\n        child,\n        container,\n      ),\n      receiverToken,\n      query: preparedStyleQuery(prepared),\n    });\n  }\n\n  const boxes = arrangeFlowItems(container, items, options);\n  return boxes.map((box, index) => ({\n    box,\n    element: childWithUsedSize(\n      items[index].child,\n      items[index].normalized,\n      Math.max(0, box.width - items[index].horizontalPadding),\n      Math.max(0, box.height - items[index].verticalPadding),\n      items[index].receiverToken,\n      items[index].query,\n    ),\n  }));\n}\n\nfunction measureFlow(\n  input: MeasureInput<FlowProps, FlowStyle>,\n): MeasureResult {\n  const children = prepareLayoutChildren(input.props.children, 'Flow');\n  const widthDefinite = input.style.width !== undefined &&\n    input.style.width !== 'auto';\n  const heightDefinite = input.style.height !== undefined &&\n    input.style.height !== 'auto';\n  const provisional = provisionalFlowBox(input.style, input.constraints);\n  if (widthDefinite && heightDefinite) {\n    return { status: 'measured', size: {\n      width: provisional.content.width,\n      height: provisional.content.height,\n    } };\n  }\n\n  const placements = resolveFlowPlacements(\n    provisional.content,\n    children,\n    input.style,\n    input,\n  );\n  let intrinsicWidth = 0;\n  let intrinsicHeight = 0;\n  for (const placement of placements) {\n    intrinsicWidth = Math.max(\n      intrinsicWidth,\n      placement.box.x - provisional.content.x + placement.box.width,\n    );\n    intrinsicHeight = Math.max(\n      intrinsicHeight,\n      placement.box.y - provisional.content.y + placement.box.height,\n    );\n  }\n  validateMeasuredExtent(intrinsicWidth, 'width', input.constraints);\n  validateMeasuredExtent(intrinsicHeight, 'height', input.constraints);\n  return { status: 'measured', size: {\n    width: widthDefinite ? provisional.content.width : intrinsicWidth,\n    height: heightDefinite ? provisional.content.height : intrinsicHeight,\n  } };\n}\n\nfunction provisionalFlowBox(\n  style: Readonly<FlowStyle>,\n  constraints: Readonly<Constraints>,\n): { border: LayoutBox; content: LayoutBox } {\n  const diagnosticContext = {\n    component: 'Flow',\n    algorithm: 'measurement',\n    constraints,\n  };\n  const padding = normalizeEdges(style.padding, 'padding', diagnosticContext);\n  const width = finiteMeasurementBound(\n    constraints.maxWidth,\n    [style.width, style.minWidth, style.maxWidth],\n    padding.left + padding.right,\n    'width',\n    constraints,\n  );\n  const height = finiteMeasurementBound(\n    constraints.maxHeight,\n    [style.height, style.minHeight, style.maxHeight],\n    padding.top + padding.bottom,\n    'height',\n    constraints,\n  );\n  const box = resolveContainerBox(style, {\n    allocation: { x: 0, y: 0, width, height },\n    percentageBasis: { x: 0, y: 0, width, height },\n    constraints,\n    component: 'Flow',\n    algorithm: 'render-dispatch',\n  }, 'Flow', 'measurement');\n  return { border: box.borderBox, content: box.contentBox };\n}\n\nfunction finiteMeasurementBound(\n  maximum: number,\n  specified: readonly (BoxStyle['width'] | undefined)[],\n  padding: number,\n  property: 'width' | 'height',\n  constraints: Readonly<Constraints>,\n): number {\n  if (Number.isFinite(maximum)) return maximum;\n  const numeric = specified.filter(\n    (value): value is number => typeof value === 'number' && Number.isFinite(value),\n  );\n  if (numeric.length > 0) {\n    const bound = Math.max(...numeric) + padding;\n    if (Number.isFinite(bound)) return bound;\n    throw layoutDiagnostic({\n      component: 'Flow',\n      property,\n      value: bound,\n      algorithm: 'measurement',\n      constraints,\n      reason: 'measurement allocation arithmetic must remain finite',\n    });\n  }\n  const percentage = specified.find(\n    value => typeof value === 'string' && value.endsWith('%'),\n  );\n  if (percentage !== undefined) {\n    throw layoutDiagnostic({\n      component: 'Flow',\n      property,\n      value: percentage,\n      algorithm: 'measurement',\n      constraints,\n      reason: 'requires a definite finite percentage reference',\n    });\n  }\n  return Number.MAX_SAFE_INTEGER;\n}\n\nfunction validateMeasuredExtent(\n  value: number,\n  property: string,\n  constraints: Readonly<Constraints>,\n): void {\n  if (!Number.isFinite(value) || value < 0) {\n    throw layoutDiagnostic({\n      component: 'Flow',\n      property,\n      value,\n      algorithm: 'measurement',\n      constraints,\n      reason: 'intrinsic flow extent must be finite and nonnegative',\n    });\n  }\n}\n\nfunction arrangeFlowItems(\n  container: Readonly<LayoutBox>,\n  items: readonly FlowItem[],\n  options: ReturnType<typeof normalizeFlowOptions>,\n): LayoutBox[] {\n  const horizontal = options.direction === 'horizontal';\n  const mainBound = horizontal ? container.width : container.height;\n  const lines: FlowItem[][] = [];\n  let line: FlowItem[] = [];\n  let occupiedMain = 0;\n  for (const item of items) {\n    const mainSize = horizontal ? item.width : item.height;\n    const nextMain = line.length === 0 ?\n      mainSize :\n      occupiedMain + options.gap + mainSize;\n    if (options.wrap && line.length > 0 && nextMain > mainBound) {\n      lines.push(line);\n      line = [];\n      occupiedMain = 0;\n    }\n    occupiedMain = line.length === 0 ?\n      mainSize :\n      occupiedMain + options.gap + mainSize;\n    line.push(item);\n  }\n  if (line.length > 0) lines.push(line);\n\n  const placements: LayoutBox[] = [];\n  let crossCursor = 0;\n  for (const currentLine of lines) {\n    const lineCross = Math.max(0, ...currentLine.map(item =>\n      horizontal ? item.height : item.width,\n    ));\n    let mainCursor = 0;\n    for (const item of currentLine) {\n      const itemMain = horizontal ? item.width : item.height;\n      const itemCross = horizontal ? item.height : item.width;\n      const crossOffset = alignCross(lineCross, itemCross, item.alignment);\n      const placedCross = item.alignment === 'stretch' ?\n        Math.max(0, lineCross) :\n        itemCross;\n      placements.push(horizontal ? {\n        x: container.x + mainCursor,\n        y: container.y + crossCursor + crossOffset,\n        width: itemMain,\n        height: placedCross,\n      } : {\n        x: container.x + crossCursor + crossOffset,\n        y: container.y + mainCursor,\n        width: placedCross,\n        height: itemMain,\n      });\n      mainCursor += itemMain + options.gap;\n    }\n    crossCursor += lineCross + options.lineGap;\n  }\n  return placements;\n}\n\nfunction normalizeFlowOptions(\n  style: Readonly<FlowStyle>,\n  container: Readonly<LayoutBox>,\n) {\n  const direction = style.direction ?? 'horizontal';\n  if (direction !== 'horizontal' && direction !== 'vertical') {\n    throw optionDiagnostic('direction', direction, container);\n  }\n  if (style.wrap !== undefined && typeof style.wrap !== 'boolean') {\n    throw optionDiagnostic('wrap', style.wrap, container);\n  }\n  const alignItems = style.alignItems ?? 'start';\n  if (\n    alignItems !== 'start' && alignItems !== 'center' &&\n    alignItems !== 'end' && alignItems !== 'stretch'\n  ) {\n    throw optionDiagnostic('alignItems', alignItems, container);\n  }\n  return {\n    direction,\n    wrap: style.wrap ?? false,\n    gap: nonnegativeOption(style.gap ?? 0, 'gap', container),\n    lineGap: nonnegativeOption(style.lineGap ?? 0, 'lineGap', container),\n    alignItems,\n  };\n}\n\nfunction nonnegativeOption(\n  value: number,\n  property: string,\n  container: Readonly<LayoutBox>,\n): number {\n  if (!Number.isFinite(value) || value < 0) {\n    throw optionDiagnostic(property, value, container);\n  }\n  return value;\n}\n\nfunction resolveItemAlignment(\n  value: LayoutItemStyle['alignSelf'],\n  fallback: FlowAlignment,\n  child: PibblElement<any>,\n  container: Readonly<LayoutBox>,\n): FlowAlignment {\n  if (value === undefined || value === 'auto') return fallback;\n  if (value === 'start' || value === 'center' || value === 'end' || value === 'stretch') {\n    return value;\n  }\n  throw layoutDiagnostic({\n    component: child.type.name || 'Anonymous',\n    property: 'alignSelf',\n    value,\n    algorithm: 'flow',\n    constraints: constraintsFor(container),\n    reason: 'uses an unsupported flow alignment value',\n  });\n}\n\nfunction alignCross(\n  lineCross: number,\n  itemCross: number,\n  alignment: FlowAlignment,\n): number {\n  if (alignment === 'center') return (lineCross - itemCross) / 2;\n  if (alignment === 'end') return lineCross - itemCross;\n  return 0;\n}\n\nfunction assertFiniteContainer(container: Readonly<LayoutBox>): void {\n  for (const [property, value] of Object.entries(container)) {\n    if (!Number.isFinite(value) ||\n      ((property === 'width' || property === 'height') && value < 0)) {\n      throw optionDiagnostic(property, value, container);\n    }\n  }\n}\n\nfunction optionDiagnostic(\n  property: string,\n  value: unknown,\n  container: Readonly<LayoutBox>,\n) {\n  return layoutDiagnostic({\n    component: 'Flow',\n    property,\n    value,\n    algorithm: 'flow',\n    constraints: constraintsFor(container),\n    reason: 'uses an unsupported flow value',\n  });\n}\n\nfunction constraintsFor(container: Readonly<LayoutBox>) {\n  return {\n    minWidth: 0,\n    maxWidth: container.width,\n    minHeight: 0,\n    maxHeight: container.height,\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}