Function resolveLineStyle

apps/sim/lib/pptx-renderer/renderer/style-resolver.ts:515–599

(
  ln: SafeXmlNode,
  ctx: RenderContext,
  lnRef?: SafeXmlNode
)

 *                 when `<a:ln>` has no explicit solidFill (common for connectors)
 */
export function resolveLineStyle(
  ln: SafeXmlNode,
  ctx: RenderContext,
  lnRef?: SafeXmlNode
): { width: number; color: string; dash: string; dashKind: string } {
  // Width: a:ln@w is in EMU, convert to px
  const widthEmu = ln.numAttr('w') ?? 0
  let width = emuToPx(widthEmu)

  // Color from solidFill child
  let color = 'transparent'
  const solidFill = ln.child('solidFill')
  if (solidFill.exists()) {
    const phClr = solidFill.child('schemeClr')
    const usesPlaceholder = phClr.exists() && (phClr.attr('val') ?? '').toLowerCase() === 'phclr'
    if (usesPlaceholder && lnRef && lnRef.exists()) {
      // Theme line styles often use schemeClr=phClr and expect the concrete color from lnRef.
      const base = resolveColor(lnRef, ctx)
      const baseHex = base.color.startsWith('#') ? base.color.slice(1) : base.color
      const adjusted = applyColorModifiers(baseHex, collectModifiers(phClr))
      color = toCssColor(adjusted.color, adjusted.alpha * base.alpha)
    } else {
      const resolved = resolveColor(solidFill, ctx)
      color = toCssColor(resolved.color, resolved.alpha)
    }
  } else if (lnRef?.exists() && (lnRef.numAttr('idx') ?? 0) > 0) {
    const idx = lnRef.numAttr('idx') ?? 0
    // Look up theme line style for width, color, and dash
    if (idx > 0 && ctx.theme.lineStyles && ctx.theme.lineStyles.length >= idx) {
      const themeLn = ctx.theme.lineStyles[idx - 1]
      // Get width from theme line if not set on the explicit ln node
      if (width === 0) {
        const themeW = themeLn.numAttr('w') ?? 0
        width = emuToPx(themeW)
      }
      // Get color: prefer lnRef's own color child, fall back to theme line's solidFill
      const resolved = resolveColor(lnRef, ctx)
      color = toCssColor(resolved.color, resolved.alpha)
    } else {
      // Fallback: use lnRef color directly, approximate width from idx
      const resolved = resolveColor(lnRef, ctx)
      color = toCssColor(resolved.color, resolved.alpha)
      if (width === 0 && idx > 0) {
        width = idx * 0.75 // approximate: idx 1 = ~0.75px, idx 2 = ~1.5px
      }
    }
  }

  // Width fallback should still use lnRef/theme even when explicit solidFill is present on <a:ln>.
  if (width === 0 && lnRef && lnRef.exists()) {
    const idx = lnRef.numAttr('idx') ?? 0
    if (idx > 0 && ctx.theme.lineStyles && ctx.theme.lineStyles.length >= idx) {
      const themeLn = ctx.theme.lineStyles[idx - 1]
      const themeW = themeLn.numAttr('w') ?? 0
      width = emuToPx(themeW)
    } else if (idx > 0) {
      width = idx * 0.75
    }