@k2b/ui 0.50.0 → 0.51.0

package/dist/browser/content/PdfViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/PdfViewer.tsx"],"sourcesContent":["import { batch, createEffect, createMemo, createSignal, For, type JSX, on, onCleanup, onMount, Show } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { Toolbar } from \"../actions/Toolbar\";\nimport { openPdfDocument, type PdfDocumentHandle, type PdfPageImage, type PdfPageSize, pageImageWidth } from \"./pdf-document\";\nimport { usePdfMessages } from \"./pdf-messages\";\n\nexport type PdfViewerProps = {\n  /** The PDF itself. A new value opens that document. */\n  data: Blob | ArrayBuffer;\n  /** The document's name, for the scroll area and the page images. */\n  title: string;\n  /** Without the zoom bar, always fit to the width. Defaults to `true`. */\n  zoom?: boolean;\n  /** Shows only this page (zero-based) instead of all pages one below the other. */\n  page?: number;\n  /** The first visible page is drawn; a host can drop its loading state. */\n  onReady?: () => void;\n  /** The document could not be opened, or a page could not be drawn and has no image yet. */\n  onError?: (error: unknown) => void;\n  class?: string;\n};\n\n/** CSS pixels per PDF point at 100 %: 96 dpi on screen, 72 points per inch. */\nconst POINT = 96 / 72;\n/** Steps for − and + in percent; Ctrl or ⌘ with the wheel and two fingers zoom freely between the first and the last. */\nexport const PDF_ZOOM_STEPS = [25, 50, 75, 100, 125, 150, 200, 300] as const;\nconst SMALLEST = PDF_ZOOM_STEPS[0];\nconst LARGEST = PDF_ZOOM_STEPS[PDF_ZOOM_STEPS.length - 1] ?? 300;\n/** Horizontal padding of the page stack, both sides together. */\nconst INSET = 24;\n/** Pages within this distance of the view draw; farther ones keep only their box. */\nconst NEAR_MARGIN = \"150% 0px\";\n/** At most this many drawn pages stay in memory; the ones out of view are released first. */\nconst KEPT_IMAGES = 24;\n\n/** The next zoom step above or below `percent`; at either end it stays there. */\nexport const nextPdfZoomStep = (percent: number, direction: 1 | -1): number =>\n  direction === 1\n    ? (PDF_ZOOM_STEPS.find((step) => step > percent + 0.5) ?? LARGEST)\n    : ([...PDF_ZOOM_STEPS].reverse().find((step) => step < percent - 0.5) ?? SMALLEST);\n\n/**\n * The page width most pages share, at a tie the first page's. \"Width\" fits every page to the area, so a landscape page\n * among portrait ones never scrolls sideways; percentages and fixed zoom follow this common width.\n */\nexport const commonPageWidth = (pages: readonly PdfPageSize[]): number => {\n  const counts = new Map<number, number>();\n  for (const page of pages) counts.set(Math.round(page.width), (counts.get(Math.round(page.width)) ?? 0) + 1);\n  let best = Math.round(pages[0]?.width ?? 1);\n  let most = 0;\n  for (const [width, count] of counts)\n    if (count > most) {\n      best = width;\n      most = count;\n    }\n  return Math.max(1, best);\n};\n\n/**\n * A PDF drawn by pdf.js in every browser: pages as images in one scroll area, an invisible text layer over each page\n * to select, copy, and find text, and a small zoom bar. Only pages near the view are drawn and carry text; the others\n * keep their size, so the scroll bar is right from the start. Printing and forms stay with the browser's own viewer.\n */\nexport default function PdfViewer(props: PdfViewerProps): JSX.Element {\n  const messages = usePdfMessages();\n  const [doc, setDoc] = createSignal<PdfDocumentHandle | null>(null);\n  const pages = (): readonly PdfPageSize[] => doc()?.pages ?? [];\n  const shown = () =>\n    props.page === undefined ? pages().map((_, index) => index) : [props.page].filter((index) => index < pages().length);\n  const [images, setImages] = createSignal<ReadonlyMap<number, PdfPageImage>>(new Map());\n  const [near, setNear] = createSignal<ReadonlySet<number>>(new Set());\n  const [fitWidth, setFitWidth] = createSignal(true);\n  const [fixed, setFixed] = createSignal(POINT);\n  const [inner, setInner] = createSignal(0);\n  const [current, setCurrent] = createSignal(0);\n  const [ready, setReady] = createSignal(false);\n  let area: HTMLDivElement | undefined;\n  let drawRun: AbortController | undefined;\n  let drawTimer: ReturnType<typeof setTimeout> | undefined;\n  let gone = false;\n\n  const releaseAll = () => {\n    for (const image of images().values()) URL.revokeObjectURL(image.url);\n    setImages(new Map());\n  };\n\n  // Opening: a new `data` opens a new document and closes the previous one.\n  createEffect(\n    on(\n      () => props.data,\n      (data) => {\n        const opening = new AbortController();\n        let opened: PdfDocumentHandle | null = null;\n        onCleanup(() => {\n          opening.abort();\n          drawRun?.abort();\n          releaseAll();\n          void opened?.close();\n        });\n        setReady(false);\n        void openPdfDocument(data, opening.signal).then(\n          (handle) => {\n            if (!handle || opening.signal.aborted) return void handle?.close();\n            opened = handle;\n            // A document without pages has nothing to draw; the host shows its fallback instead of waiting forever.\n            if (handle.pages.length === 0) return void props.onError?.(new Error(\"The PDF has no pages\"));\n            setDoc(handle);\n          },\n          (error: unknown) => {\n            if (!opening.signal.aborted) props.onError?.(error);\n          },\n        );\n      },\n    ),\n  );\n  onCleanup(() => {\n    gone = true;\n    clearTimeout(drawTimer);\n  });\n\n  const commonWidth = createMemo(() => commonPageWidth(pages()));\n  const areaWidth = () => Math.max(120, inner());\n  /** CSS pixels per point of the common page width; percent, steps, and fixed zoom follow from it. */\n  const factor = () => (fitWidth() ? areaWidth() / commonWidth() : fixed());\n  const percent = () => Math.round((factor() / POINT) * 100);\n  const pageWidth = (page: PdfPageSize) => Math.max(1, Math.floor(fitWidth() ? areaWidth() : page.width * fixed()));\n\n  /**\n   * Draws each near page whose image is too small (blurred) or far too large (memory) for its shown size. A new zoom or\n   * scroll aborts and continues. A page that fails keeps its old image; without one, `onError` reports it.\n   */\n  const redraw = async () => {\n    drawRun?.abort();\n    const run = new AbortController();\n    drawRun = run;\n    const handle = doc();\n    if (!handle) return;\n    const order = shown().filter((index) => near().has(index));\n    for (const index of order) {\n      const page = pages()[index];\n      if (!page) continue;\n      const target = pageImageWidth(pageWidth(page), window.devicePixelRatio, page.height / page.width);\n      const existing = images().get(index);\n      if (existing && target <= existing.width * 1.15 && target >= existing.width * 0.5) continue;\n      const image = await handle.draw(index, target, run.signal).catch(() => \"failed\" as const);\n      if (run.signal.aborted || gone || doc() !== handle) {\n        if (image && image !== \"failed\") URL.revokeObjectURL(image.url);\n        return;\n      }\n      if (image === \"failed\" || !image) {\n        if (existing) continue;\n        props.onError?.(new Error(`Page ${index + 1} could not be drawn`));\n        return;\n      }\n      setImages((previous) => {\n        const next = new Map(previous);\n        next.set(index, image);\n        // Keep memory bounded: release drawn pages out of view, oldest first, past the limit.\n        for (const key of next.keys()) {\n          if (next.size <= KEPT_IMAGES) break;\n          if (near().has(key)) continue;\n          const released = next.get(key);\n          if (released) URL.revokeObjectURL(released.url);\n          next.delete(key);\n        }\n        return next;\n      });\n      if (existing) URL.revokeObjectURL(existing.url);\n      if (!ready()) {\n        setReady(true);\n        props.onReady?.();\n      }\n    }\n  };\n  const scheduleRedraw = (delay: number) => {\n    clearTimeout(drawTimer);\n    drawTimer = setTimeout(() => void redraw(), delay);\n  };\n  createEffect(on(factor, () => scheduleRedraw(200), { defer: true }));\n  createEffect(on(near, () => scheduleRedraw(0), { defer: true }));\n  // A new document of the same shape keeps the page boxes and the near set, so it draws on its own.\n  createEffect(on(doc, () => scheduleRedraw(0), { defer: true }));\n  createEffect(\n    on(\n      () => props.page,\n      () => {\n        if (area) area.scrollTop = 0;\n        scheduleRedraw(0);\n      },\n      { defer: true },\n    ),\n  );\n\n  /**\n   * Zooms to `target` (CSS pixels per point) around a point of the area (pointer, between the fingers, else the\n   * centre) that stays where it is. The point counts relative to the page under it, because padding, gaps, and the\n   * centring of narrow pages do not grow with the zoom.\n   */\n  const zoomTo = (target: number, clientX?: number, clientY?: number) => {\n    if (props.zoom === false || !area) return;\n    const before = factor();\n    const next = (Math.min(LARGEST, Math.max(SMALLEST, (target / POINT) * 100)) / 100) * POINT;\n    if (Math.abs(next - before) < 1e-4) return;\n    const box = area.getBoundingClientRect();\n    const x = clientX ?? box.left + area.clientWidth / 2;\n    const y = clientY ?? box.top + area.clientHeight / 2;\n    const boxes = [...area.querySelectorAll<HTMLElement>(\"[data-pdf-page]\")];\n    const distance = (page: HTMLElement) => {\n      const rect = page.getBoundingClientRect();\n      return y < rect.top ? rect.top - y : y > rect.bottom ? y - rect.bottom : 0;\n    };\n    const anchor = boxes.reduce<HTMLElement | undefined>(\n      (best, page) => (!best || distance(page) < distance(best) ? page : best),\n      undefined,\n    );\n    const anchorBefore = anchor?.getBoundingClientRect();\n    const relativeX = anchorBefore ? (x - anchorBefore.left) / anchorBefore.width : 0;\n    const relativeY = anchorBefore ? (y - anchorBefore.top) / anchorBefore.height : 0;\n    batch(() => {\n      setFitWidth(false);\n      setFixed(next);\n    });\n    if (!anchor) return;\n    const anchorAfter = anchor.getBoundingClientRect();\n    area.scrollLeft += anchorAfter.left + relativeX * anchorAfter.width - x;\n    area.scrollTop += anchorAfter.top + relativeY * anchorAfter.height - y;\n  };\n  const step = (direction: 1 | -1) => zoomTo((nextPdfZoomStep(percent(), direction) / 100) * POINT);\n  const fit = () => {\n    if (!area || fitWidth()) return;\n    const before = factor();\n    const top = area.scrollTop;\n    setFitWidth(true);\n    area.scrollLeft = 0;\n    area.scrollTop = (top * factor()) / before;\n  };\n\n  onMount(() => {\n    if (!area) return;\n    const scroller = area;\n    setInner(scroller.clientWidth - INSET);\n    const resize = new ResizeObserver(() => setInner(scroller.clientWidth - INSET));\n    resize.observe(scroller);\n    // Pages near the view draw and carry their text; the observer follows every page box as it appears. Without an\n    // IntersectionObserver every page counts as near, as MapView does.\n    const nearPages =\n      typeof IntersectionObserver === \"undefined\"\n        ? undefined\n        : new IntersectionObserver(\n            (entries) => {\n              setNear((previous) => {\n                const next = new Set(previous);\n                for (const entry of entries) {\n                  const index = Number(entry.target.getAttribute(\"data-pdf-page\"));\n                  if (entry.isIntersecting) next.add(index);\n                  else next.delete(index);\n                }\n                return next;\n              });\n            },\n            { root: scroller, rootMargin: NEAR_MARGIN },\n          );\n    if (!nearPages) createEffect(() => setNear(new Set(shown())));\n    // Page boxes come and go with the document and `page`: new ones are observed, removed ones released, so a detached\n    // page and its image are never kept alive.\n    const observed = new Set<HTMLElement>();\n    const watched = new MutationObserver(() => {\n      for (const page of observed)\n        if (!page.isConnected) {\n          nearPages?.unobserve(page);\n          observed.delete(page);\n        }\n      for (const page of scroller.querySelectorAll<HTMLElement>(\"[data-pdf-page]\")) {\n        if (observed.has(page)) continue;\n        observed.add(page);\n        nearPages?.observe(page);\n      }\n    });\n    watched.observe(scroller, { childList: true, subtree: true });\n    // The page in the middle of the view is the current one.\n    let frame = 0;\n    const track = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => {\n        const middle = scroller.getBoundingClientRect().top + scroller.clientHeight / 2;\n        for (const page of scroller.querySelectorAll<HTMLElement>(\"[data-pdf-page]\")) {\n          const rect = page.getBoundingClientRect();\n          if (rect.bottom >= middle) {\n            setCurrent(Number(page.dataset.pdfPage));\n            break;\n          }\n        }\n      });\n    };\n    // Ctrl or ⌘ with the wheel; a trackpad pinch sends the same with Ctrl. Without a key the wheel scrolls as always.\n    const wheel = (event: WheelEvent) => {\n      if (!(event.ctrlKey || event.metaKey)) return;\n      event.preventDefault();\n      const delta = Math.max(-120, Math.min(120, event.deltaMode === 1 ? event.deltaY * 16 : event.deltaY));\n      zoomTo(factor() * Math.exp(-delta * 0.002), event.clientX, event.clientY);\n    };\n    // Two fingers on touch; `touch-action: pan-x pan-y` leaves scrolling to the browser but keeps page zoom out.\n    let pinch: { distance: number; factor: number } | null = null;\n    const spread = (touches: TouchList) => {\n      const [a, b] = [touches[0], touches[1]];\n      return a && b ? Math.hypot(a.clientX - b.clientX, a.clientY - b.clientY) : 0;\n    };\n    const touchStart = (event: TouchEvent) => {\n      if (event.touches.length === 2) pinch = { distance: spread(event.touches) || 1, factor: factor() };\n    };\n    const touchMove = (event: TouchEvent) => {\n      const [a, b] = [event.touches[0], event.touches[1]];\n      if (!pinch || !a || !b) return;\n      event.preventDefault();\n      zoomTo((pinch.factor * spread(event.touches)) / pinch.distance, (a.clientX + b.clientX) / 2, (a.clientY + b.clientY) / 2);\n    };\n    const touchEnd = (event: TouchEvent) => {\n      if (event.touches.length < 2) pinch = null;\n    };\n    // Safari on a Mac reports a trackpad pinch as its own gesture (`scale`), not as a wheel.\n    let gestureStart = 0;\n    const gestureBegin = (event: Event) => {\n      if (pinch) return;\n      event.preventDefault();\n      gestureStart = factor();\n    };\n    const gestureChange = (event: Event) => {\n      const scale: unknown = Reflect.get(event, \"scale\");\n      if (pinch || !gestureStart || typeof scale !== \"number\") return;\n      event.preventDefault();\n      const x: unknown = Reflect.get(event, \"clientX\");\n      const y: unknown = Reflect.get(event, \"clientY\");\n      zoomTo(gestureStart * scale, typeof x === \"number\" ? x : undefined, typeof y === \"number\" ? y : undefined);\n    };\n    const gestureEnd = () => {\n      gestureStart = 0;\n    };\n    // A selection does not jump across gaps while the layer knows a drag is selecting (its end marker then fills it).\n    const selectEnd = () => {\n      for (const layer of scroller.querySelectorAll(\".k2b-pdf-viewer__text[data-selecting]\")) layer.removeAttribute(\"data-selecting\");\n    };\n    scroller.addEventListener(\"scroll\", track, { passive: true });\n    scroller.addEventListener(\"wheel\", wheel, { passive: false });\n    scroller.addEventListener(\"touchstart\", touchStart, { passive: true });\n    scroller.addEventListener(\"touchmove\", touchMove, { passive: false });\n    scroller.addEventListener(\"touchend\", touchEnd);\n    scroller.addEventListener(\"touchcancel\", touchEnd);\n    scroller.addEventListener(\"gesturestart\", gestureBegin);\n    scroller.addEventListener(\"gesturechange\", gestureChange);\n    scroller.addEventListener(\"gestureend\", gestureEnd);\n    window.addEventListener(\"pointerup\", selectEnd);\n    onCleanup(() => {\n      cancelAnimationFrame(frame);\n      resize.disconnect();\n      nearPages?.disconnect();\n      watched.disconnect();\n      scroller.removeEventListener(\"scroll\", track);\n      scroller.removeEventListener(\"wheel\", wheel);\n      scroller.removeEventListener(\"touchstart\", touchStart);\n      scroller.removeEventListener(\"touchmove\", touchMove);\n      scroller.removeEventListener(\"touchend\", touchEnd);\n      scroller.removeEventListener(\"touchcancel\", touchEnd);\n      scroller.removeEventListener(\"gesturestart\", gestureBegin);\n      scroller.removeEventListener(\"gesturechange\", gestureChange);\n      scroller.removeEventListener(\"gestureend\", gestureEnd);\n      window.removeEventListener(\"pointerup\", selectEnd);\n    });\n  });\n\n  return (\n    // Out of keyboard reach until the first page is drawn, so focus never lands on a viewer still being prepared.\n    <div class={`k2b-pdf-viewer ${props.class ?? \"\"}`} data-drawn={ready() ? \"\" : undefined} inert={!ready()}>\n      {/* One scroll area: fitted to the width it scrolls only down, zoomed the same area also scrolls sideways. */}\n      <div\n        ref={area}\n        class=\"k2b-pdf-viewer__pages\"\n        data-fit={fitWidth() ? \"\" : undefined}\n        data-zoom={percent()}\n        tabIndex={0}\n        role=\"document\"\n        aria-label={props.title}\n      >\n        <div class=\"k2b-pdf-viewer__stack\">\n          <For each={shown()}>\n            {(index) => {\n              const page = () => pages()[index] ?? { width: 1, height: 1 };\n              const width = () => pageWidth(page());\n              const image = () => images().get(index);\n              return (\n                <div\n                  class=\"k2b-pdf-viewer__page\"\n                  data-pdf-page={index}\n                  style={{\n                    width: `${width()}px`,\n                    \"aspect-ratio\": `${page().width} / ${page().height}`,\n                    \"--total-scale-factor\": String(width() / page().width),\n                  }}\n                >\n                  <Show when={image()}>\n                    {(drawn) => (\n                      <img\n                        src={drawn().url}\n                        width={drawn().width}\n                        height={drawn().height}\n                        draggable={false}\n                        alt={`${props.title}: ${messages().pdfPage({ number: index + 1, total: pages().length })}`}\n                      />\n                    )}\n                  </Show>\n                  <Show when={near().has(index) && doc()} keyed>\n                    {(handle) => <PdfTextLayer document={handle} index={index} />}\n                  </Show>\n                </div>\n              );\n            }}\n          </For>\n        </div>\n      </div>\n      <Show when={props.zoom !== false && doc()}>\n        <div class=\"k2b-pdf-viewer__bar\">\n          <Toolbar label={messages().pdfZoom}>\n            <Show when={props.page === undefined && pages().length > 1}>\n              <Toolbar.Label class=\"k2b-pdf-viewer__page-number\">\n                <span class=\"k2b-sr-only\">{messages().pdfPage({ number: current() + 1, total: pages().length })}</span>\n                <span aria-hidden=\"true\">{messages().pdfPageShort({ number: current() + 1, total: pages().length })}</span>\n              </Toolbar.Label>\n              <Toolbar.Separator />\n            </Show>\n            <Toolbar.Action label={messages().pdfZoomOut} icon=\"ti ti-minus\" disabled={percent() <= SMALLEST} onClick={() => step(-1)} />\n            <Toolbar.Label class=\"k2b-pdf-viewer__percent\">\n              <span aria-live=\"polite\">{messages().pdfZoomPercent({ value: percent() })}</span>\n            </Toolbar.Label>\n            <Toolbar.Action label={messages().pdfZoomIn} icon=\"ti ti-plus\" disabled={percent() >= LARGEST} onClick={() => step(1)} />\n            <Toolbar.Separator />\n            <Button\n              variant=\"ghost\"\n              type=\"button\"\n              aria-pressed={fitWidth()}\n              aria-label={messages().pdfFitWidthLabel}\n              title={messages().pdfFitWidthLabel}\n              onClick={fit}\n            >\n              <i class=\"ti ti-arrows-horizontal\" aria-hidden=\"true\" /> {messages().pdfFitWidth}\n            </Button>\n          </Toolbar>\n        </div>\n      </Show>\n    </div>\n  );\n}\n\n/** One page's text layer; pdf.js builds it once, and zoom changes only `--total-scale-factor` on the page. */\nfunction PdfTextLayer(props: { document: PdfDocumentHandle; index: number }): JSX.Element {\n  let layer: HTMLDivElement | undefined;\n  onMount(() => {\n    if (!layer) return;\n    const container = layer;\n    const abort = new AbortController();\n    onCleanup(() => abort.abort());\n    void props.document.textLayer(props.index, container, abort.signal).then(\n      () => {\n        if (abort.signal.aborted) return;\n        const end = document.createElement(\"div\");\n        end.className = \"k2b-pdf-viewer__text-end\";\n        container.append(end);\n      },\n      () => undefined,\n    );\n  });\n  return <div ref={layer} class=\"k2b-pdf-viewer__text\" onPointerDown={() => layer?.setAttribute(\"data-selecting\", \"\")} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,EAAY,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,QAAQ,UAAU;AACrH,SAAS,MAAM,QAAQ,mBAAmB;AAC1C,SAAS,OAAO,QAAQ,oBAAoB;AAC5C,SAAS,eAAe,EAA+D,cAAc,QAAQ,gBAAgB;AAC7H,SAAS,cAAc,QAAQ,gBAAgB;AAkB/C;AACA,MAAM,KAAK,GAAG,EAAE,GAAG,EAAE;AACrB;AACA,OAAO,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;AAC5E,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC;AAClC,MAAM,OAAO,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG;AAChE;AACA,MAAM,KAAK,GAAG,EAAE;AAChB;AACA,MAAM,WAAW,GAAG,UAAU;AAC9B;AACA,MAAM,WAAW,GAAG,EAAE;;AAEtB;AACA,OAAO,MAAM,eAAe,GAAG,CAAC,OAAe,EAAE,SAAiB,KAChE,SAAS,KAAK,CAAC,GACV,cAAc,CAAC,IAAI,CAAE,IAAI,IAAK,IAAI,GAAG,OAAO,GAAG,GAAG,CAAC,IAAI,OAAO,GAC9D,CAAC,GAAG,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAE,IAAI,IAAK,IAAI,GAAG,OAAO,GAAG,GAAG,CAAC,IAAI,QAAS;;AAEtF;AACA;AACA;AACA;AACA,OAAO,MAAM,eAAe,GAAI,KAA6B,IAAa;EACxE,MAAM,MAAM,GAAG,IAAI,GAAG,CAAiB,CAAC;EACxC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC3G,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC;EAC3C,IAAI,IAAI,GAAG,CAAC;EACZ,KAAK,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,MAAM,EACjC,IAAI,KAAK,GAAG,IAAI,EAAE;IAChB,IAAI,GAAG,KAAK;IACZ,IAAI,GAAG,KAAK;EACd;EACF,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC;AAC1B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,eAAe,SAAS,SAAS,CAAC,KAAqB,EAAe;EACpE,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC;EACjC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,YAAY,CAA2B,IAAI,CAAC;EAClE,MAAM,KAAK,GAAG,MAA8B,GAAG,CAAC,CAAC,EAAE,KAAK,IAAI,EAAE;EAC9D,MAAM,KAAK,GAAG,MACZ,KAAK,CAAC,IAAI,KAAK,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAE,KAAK,IAAK,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;EACtH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,YAAY,CAAoC,IAAI,GAAG,CAAC,CAAC,CAAC;EACtF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,YAAY,CAAsB,IAAI,GAAG,CAAC,CAAC,CAAC;EACpE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC;EAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;EACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;EAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EAC7C,IAAI,IAAgC;EACpC,IAAI,OAAoC;EACxC,IAAI,SAAoD;EACxD,IAAI,IAAI,GAAG,KAAK;EAEhB,MAAM,UAAU,GAAG,MAAM;IACvB,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC;IACrE,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;EACtB,CAAC;;EAED;EACA,YAAY,CACV,EAAE,CACA,MAAM,KAAK,CAAC,IAAI,EACf,IAAI,IAAK;IACR,MAAM,OAAO,GAAG,IAAI,eAAe,CAAC,CAAC;IACrC,IAAI,MAAgC,GAAG,IAAI;IAC3C,SAAS,CAAC,MAAM;MACd,OAAO,CAAC,KAAK,CAAC,CAAC;MACf,OAAO,EAAE,KAAK,CAAC,CAAC;MAChB,UAAU,CAAC,CAAC;MACZ,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IACF,QAAQ,CAAC,KAAK,CAAC;IACf,KAAK,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAC5C,MAAM,IAAK;MACV,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC;MAClE,MAAM,GAAG,MAAM;MACf;MACA,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,OAAO,GAAG,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;MAC7F,MAAM,CAAC,MAAM,CAAC;IAChB,CAAC,EACA,KAAc,IAAK;MAClB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;IACrD,CACF,CAAC;EACH,CACF,CACF,CAAC;EACD,SAAS,CAAC,MAAM;IACd,IAAI,GAAG,IAAI;IACX,YAAY,CAAC,SAAS,CAAC;EACzB,CAAC,CAAC;EAEF,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;EAC9D,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;EAC9C;EACA,MAAM,MAAM,GAAG,MAAO,QAAQ,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,GAAG,KAAK,CAAC,CAAE;EACzE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,KAAK,CAAE,MAAM,CAAC,CAAC,GAAG,KAAK,GAAI,GAAG,CAAC;EAC1D,MAAM,SAAS,GAAI,IAAiB,IAAK,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;;EAEjH;AACF;AACA;AACA;EACE,MAAM,MAAM,GAAG,YAAY;IACzB,OAAO,EAAE,KAAK,CAAC,CAAC;IAChB,MAAM,GAAG,GAAG,IAAI,eAAe,CAAC,CAAC;IACjC,OAAO,GAAG,GAAG;IACb,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC;IACpB,IAAI,CAAC,MAAM,EAAE;IACb,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAE,KAAK,IAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC1D,KAAK,MAAM,KAAK,IAAI,KAAK,EAAE;MACzB,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;MAC3B,IAAI,CAAC,IAAI,EAAE;MACX,MAAM,MAAM,GAAG,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;MACjG,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;MACpC,IAAI,QAAQ,IAAI,MAAM,IAAI,QAAQ,CAAC,KAAK,GAAG,IAAI,IAAI,MAAM,IAAI,QAAQ,CAAC,KAAK,GAAG,GAAG,EAAE;MACnF,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,QAAiB,CAAC;MACzF,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,IAAI,IAAI,GAAG,CAAC,CAAC,KAAK,MAAM,EAAE;QAClD,IAAI,KAAK,IAAI,KAAK,KAAK,QAAQ,EAAE,GAAG,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC;QAC/D;MACF;MACA,IAAI,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,EAAE;QAChC,IAAI,QAAQ,EAAE;QACd,KAAK,CAAC,OAAO,GAAG,IAAI,KAAK,CAAC,QAAQ,KAAK,GAAG,CAAC,qBAAqB,CAAC,CAAC;QAClE;MACF;MACA,SAAS,CAAE,QAAQ,IAAK;QACtB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC;QAC9B,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC;QACtB;QACA,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;UAC7B,IAAI,IAAI,CAAC,IAAI,IAAI,WAAW,EAAE;UAC9B,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;UACrB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;UAC9B,IAAI,QAAQ,EAAE,GAAG,CAAC,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC;UAC/C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;QAClB;QACA,OAAO,IAAI;MACb,CAAC,CAAC;MACF,IAAI,QAAQ,EAAE,GAAG,CAAC,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC;MAC/C,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;QACZ,QAAQ,CAAC,IAAI,CAAC;QACd,KAAK,CAAC,OAAO,GAAG,CAAC;MACnB;IACF;EACF,CAAC;EACD,MAAM,cAAc,GAAI,KAAa,IAAK;IACxC,YAAY,CAAC,SAAS,CAAC;IACvB,SAAS,GAAG,UAAU,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC;EACpD,CAAC;EACD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,cAAc,CAAC,GAAG,CAAC,EAAE;IAAE,KAAK,EAAE;EAAK,CAAC,CAAC,CAAC;EACpE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,EAAE;IAAE,KAAK,EAAE;EAAK,CAAC,CAAC,CAAC;EAChE;EACA,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,EAAE;IAAE,KAAK,EAAE;EAAK,CAAC,CAAC,CAAC;EAC/D,YAAY,CACV,EAAE,CACA,MAAM,KAAK,CAAC,IAAI,EAChB,MAAM;IACJ,IAAI,IAAI,EAAE,IAAI,CAAC,SAAS,GAAG,CAAC;IAC5B,cAAc,CAAC,CAAC,CAAC;EACnB,CAAC,EACD;IAAE,KAAK,EAAE;EAAK,CAChB,CACF,CAAC;;EAED;AACF;AACA;AACA;AACA;EACE,MAAM,MAAM,GAAG,CAAC,MAAc,EAAE,OAAgB,EAAE,OAAgB,KAAK;IACrE,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,IAAI,EAAE;IACnC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC;IACvB,MAAM,IAAI,GAAI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAG,MAAM,GAAG,KAAK,GAAI,GAAG,CAAC,CAAC,GAAG,GAAG,GAAI,KAAK;IAC1F,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,IAAI,EAAE;IACpC,MAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACxC,MAAM,CAAC,GAAG,OAAO,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC;IACpD,MAAM,CAAC,GAAG,OAAO,IAAI,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC;IACpD,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAc,iBAAiB,CAAC,CAAC;IACxE,MAAM,QAAQ,GAAI,IAAiB,IAAK;MACtC,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC;MACzC,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC;IAC5E,CAAC;IACD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CACzB,CAAC,IAAI,EAAE,IAAI,KAAM,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,IAAK,EACxE,SACF,CAAC;IACD,MAAM,YAAY,GAAG,MAAM,EAAE,qBAAqB,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,YAAY,GAAG,CAAC,CAAC,GAAG,YAAY,CAAC,IAAI,IAAI,YAAY,CAAC,KAAK,GAAG,CAAC;IACjF,MAAM,SAAS,GAAG,YAAY,GAAG,CAAC,CAAC,GAAG,YAAY,CAAC,GAAG,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC;IACjF,KAAK,CAAC,MAAM;MACV,WAAW,CAAC,KAAK,CAAC;MAClB,QAAQ,CAAC,IAAI,CAAC;IAChB,CAAC,CAAC;IACF,IAAI,CAAC,MAAM,EAAE;IACb,MAAM,WAAW,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;IAClD,IAAI,CAAC,UAAU,IAAI,WAAW,CAAC,IAAI,GAAG,SAAS,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC;IACvE,IAAI,CAAC,SAAS,IAAI,WAAW,CAAC,GAAG,GAAG,SAAS,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC;EACxE,CAAC;EACD,MAAM,IAAI,GAAI,SAAiB,IAAK,MAAM,CAAE,eAAe,CAAC,OAAO,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,GAAG,GAAI,KAAK,CAAC;EACjG,MAAM,GAAG,GAAG,MAAM;IAChB,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,EAAE;IACzB,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC;IACvB,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS;IAC1B,WAAW,CAAC,IAAI,CAAC;IACjB,IAAI,CAAC,UAAU,GAAG,CAAC;IACnB,IAAI,CAAC,SAAS,GAAI,GAAG,GAAG,MAAM,CAAC,CAAC,GAAI,MAAM;EAC5C,CAAC;EAED,OAAO,CAAC,MAAM;IACZ,IAAI,CAAC,IAAI,EAAE;IACX,MAAM,QAAQ,GAAG,IAAI;IACrB,QAAQ,CAAC,QAAQ,CAAC,WAAW,GAAG,KAAK,CAAC;IACtC,MAAM,MAAM,GAAG,IAAI,cAAc,CAAC,MAAM,QAAQ,CAAC,QAAQ,CAAC,WAAW,GAAG,KAAK,CAAC,CAAC;IAC/E,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;IACxB;IACA;IACA,MAAM,SAAS,GACb,OAAO,oBAAoB,KAAK,WAAW,GACvC,SAAS,GACT,IAAI,oBAAoB,CACrB,OAAO,IAAK;MACX,OAAO,CAAE,QAAQ,IAAK;QACpB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC;QAC9B,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;UAC3B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;UAChE,IAAI,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,KACrC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QACzB;QACA,OAAO,IAAI;MACb,CAAC,CAAC;IACJ,CAAC,EACD;MAAE,IAAI,EAAE,QAAQ;MAAE,UAAU,EAAE;IAAY,CAC5C,CAAC;IACP,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,MAAM,OAAO,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D;IACA;IACA,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAc,CAAC;IACvC,MAAM,OAAO,GAAG,IAAI,gBAAgB,CAAC,MAAM;MACzC,KAAK,MAAM,IAAI,IAAI,QAAQ,EACzB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;QACrB,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC;MACvB;MACF,KAAK,MAAM,IAAI,IAAI,QAAQ,CAAC,gBAAgB,CAAc,iBAAiB,CAAC,EAAE;QAC5E,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACxB,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;QAClB,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC;MAC1B;IACF,CAAC,CAAC;IACF,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE;MAAE,SAAS,EAAE,IAAI;MAAE,OAAO,EAAE;IAAK,CAAC,CAAC;IAC7D;IACA,IAAI,KAAK,GAAG,CAAC;IACb,MAAM,KAAK,GAAG,MAAM;MAClB,oBAAoB,CAAC,KAAK,CAAC;MAC3B,KAAK,GAAG,qBAAqB,CAAC,MAAM;QAClC,MAAM,MAAM,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,GAAG,QAAQ,CAAC,YAAY,GAAG,CAAC;QAC/E,KAAK,MAAM,IAAI,IAAI,QAAQ,CAAC,gBAAgB,CAAc,iBAAiB,CAAC,EAAE;UAC5E,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC;UACzC,IAAI,IAAI,CAAC,MAAM,IAAI,MAAM,EAAE;YACzB,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACxC;UACF;QACF;MACF,CAAC,CAAC;IACJ,CAAC;IACD;IACA,MAAM,KAAK,GAAI,KAAiB,IAAK;MACnC,IAAI,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE;MACvC,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,KAAK,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;MACrG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC;IAC3E,CAAC;IACD;IACA,IAAI,KAAkD,GAAG,IAAI;IAC7D,MAAM,MAAM,GAAI,OAAkB,IAAK;MACrC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;MACvC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC;IAC9E,CAAC;IACD,MAAM,UAAU,GAAI,KAAiB,IAAK;MACxC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,KAAK,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;MAAE,CAAC;IACpG,CAAC;IACD,MAAM,SAAS,GAAI,KAAiB,IAAK;MACvC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;MACnD,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE;MACxB,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,MAAM,CAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC;IAC3H,CAAC;IACD,MAAM,QAAQ,GAAI,KAAiB,IAAK;MACtC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI;IAC5C,CAAC;IACD;IACA,IAAI,YAAY,GAAG,CAAC;IACpB,MAAM,YAAY,GAAI,KAAY,IAAK;MACrC,IAAI,KAAK,EAAE;MACX,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,YAAY,GAAG,MAAM,CAAC,CAAC;IACzB,CAAC;IACD,MAAM,aAAa,GAAI,KAAY,IAAK;MACtC,MAAM,KAAc,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC;MAClD,IAAI,KAAK,IAAI,CAAC,YAAY,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;MACzD,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,MAAM,CAAU,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC;MAChD,MAAM,CAAU,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC;MAChD,MAAM,CAAC,YAAY,GAAG,KAAK,EAAE,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG,SAAS,EAAE,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG,SAAS,CAAC;IAC5G,CAAC;IACD,MAAM,UAAU,GAAG,MAAM;MACvB,YAAY,GAAG,CAAC;IAClB,CAAC;IACD;IACA,MAAM,SAAS,GAAG,MAAM;MACtB,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,gBAAgB,CAAC,uCAAuC,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,gBAAgB,CAAC;IACjI,CAAC;IACD,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE;MAAE,OAAO,EAAE;IAAK,CAAC,CAAC;IAC7D,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE;MAAE,OAAO,EAAE;IAAM,CAAC,CAAC;IAC7D,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,EAAE;MAAE,OAAO,EAAE;IAAK,CAAC,CAAC;IACtE,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,SAAS,EAAE;MAAE,OAAO,EAAE;IAAM,CAAC,CAAC;IACrE,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC/C,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC;IAClD,QAAQ,CAAC,gBAAgB,CAAC,cAAc,EAAE,YAAY,CAAC;IACvD,QAAQ,CAAC,gBAAgB,CAAC,eAAe,EAAE,aAAa,CAAC;IACzD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC;IACnD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,SAAS,CAAC;IAC/C,SAAS,CAAC,MAAM;MACd,oBAAoB,CAAC,KAAK,CAAC;MAC3B,MAAM,CAAC,UAAU,CAAC,CAAC;MACnB,SAAS,EAAE,UAAU,CAAC,CAAC;MACvB,OAAO,CAAC,UAAU,CAAC,CAAC;MACpB,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC;MAC7C,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC;MAC5C,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC;MACtD,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,SAAS,CAAC;MACpD,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,QAAQ,CAAC;MAClD,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,QAAQ,CAAC;MACrD,QAAQ,CAAC,mBAAmB,CAAC,cAAc,EAAE,YAAY,CAAC;MAC1D,QAAQ,CAAC,mBAAmB,CAAC,eAAe,EAAE,aAAa,CAAC;MAC5D,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC;MACtD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,SAAS,CAAC;IACpD,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,QACE;IAAA;MAAA;QAAA;QAAA;QAAA;QAAA;MAAA,YAIS,IAAI;MAAA,oDAAJ,IAAI;MAAA,kCASN,GAAG;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,CAAC;QAAA;QAAA,UACd,KAAK,IAAK;UACV,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;YAAE,KAAK,EAAE,CAAC;YAAE,MAAM,EAAE;UAAE,CAAC;UAC5D,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;UACrC,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;UACvC;YAAA;cAAA;cAAA;cAAA;cAAA;YAAA,uCAGmB,KAAK;YAAA,kCAOnB,IAAI;cAAA,IAAC,IAAI;gBAAA,OAAE,KAAK,CAAC,CAAC;cAAA;cAAA,UACf,KAAK;gBAAA;gBAAA,oCAKQ,KAAK;gBAAA;kBAAA,WAHX,KAAK,CAAC,CAAC,CAAC,GAAG;oBAAA,OACT,KAAK,CAAC,CAAC,CAAC,KAAK;oBAAA,QACZ,KAAK,CAAC,CAAC,CAAC,MAAM;oBAAA,QAEjB,GAAG,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;sBAAE,MAAM,EAAE,KAAK,GAAG,CAAC;sBAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;oBAAO,CAAC,CAAC,EAAE;kBAAA;kBAAA;kBAAA;kBAAA;kBAAA;gBAAA;kBAAA;kBAAA;kBAAA;kBAAA;gBAAA;gBAAA;cAAA;YAE7F;YAAA,kCAEF,IAAI;cAAA,IAAC,IAAI;gBAAA,OAAE,mBAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,OAAI,GAAG,CAAC,CAAC;cAAA;cAAE,KAAK;cAAA,UACzC,MAAM,sBAAM,YAAY;gBAAC,QAAQ,EAAE,MAAM;gBAAE,KAAK,EAAE;cAAK;YAAI;YAAA;cAAA,WAjBtD,GAAG,KAAK,CAAC,CAAC,IAAI;gBAAA,OACL,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE;gBAAA,OAC5B,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;cAAA;cAAA;cAAA;cAAA;YAAA;cAAA;cAAA;cAAA;YAAA;YAAA;UAAA;QAmB9D;MAAC;MAAA,iCAIN,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,kBAAK,CAAC,IAAI,KAAK,KAAK,OAAI,GAAG,CAAC,CAAC;QAAA;QAAA;UAAA;UAAA,kCAEpC,OAAO;YAAA,IAAC,KAAK;cAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,OAAO;YAAA;YAAA;cAAA,0BAC/B,IAAI;gBAAA,IAAC,IAAI;kBAAA,OAAE,kBAAK,CAAC,IAAI,KAAK,SAAS,OAAI,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC;gBAAA;gBAAA;kBAAA,0BACvD,OAAO,CAAC,KAAK;oBAAA;oBAAA;sBAAA;wBAAA;wBAAA,sBACe,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;0BAAE,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC;0BAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;wBAAO,CAAC,CAAC;wBAAA;sBAAA;wBAAA;wBAAA,sBACrE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;0BAAE,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC;0BAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;wBAAO,CAAC,CAAC;wBAAA;sBAAA;oBAAA;kBAAA,sBAEpG,OAAO,CAAC,SAAS;gBAAA;cAAA,sBAEnB,OAAO,CAAC,MAAM;gBAAA,IAAC,KAAK;kBAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,UAAU;gBAAA;gBAAE,IAAI;gBAAA,IAAe,QAAQ;kBAAA,OAAE,OAAO,CAAC,CAAC,IAAI,QAAQ;gBAAA;gBAAE,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;cAAC,sBACxH,OAAO,CAAC,KAAK;gBAAA;gBAAA;kBAAA;kBAAA,sBACc,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC;oBAAE,KAAK,EAAE,OAAO,CAAC;kBAAE,CAAC,CAAC;kBAAA;gBAAA;cAAA,sBAE1E,OAAO,CAAC,MAAM;gBAAA,IAAC,KAAK;kBAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,SAAS;gBAAA;gBAAE,IAAI;gBAAA,IAAc,QAAQ;kBAAA,OAAE,OAAO,CAAC,CAAC,IAAI,OAAO;gBAAA;gBAAE,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC;cAAC,sBACpH,OAAO,CAAC,SAAS,yBACjB,MAAM;gBACL,OAAO;gBACP,IAAI;gBAAA;kBAAA,OACU,QAAQ,CAAC,CAAC;gBAAA;gBAAA;kBAAA,OACZ,QAAQ,CAAC,CAAC,CAAC,gBAAgB;gBAAA;gBAAA,IACvC,KAAK;kBAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB;gBAAA;gBAClC,OAAO,EAAE,GAAG;gBAAA;kBAAA,qDAE8C,QAAQ,CAAC,CAAC,CAAC,WAAW;gBAAA;cAAA;YAAA;UAAA;UAAA;QAAA;MAAA;MAAA;QAAA,UAvE9E,kBAAkB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;UAAA,OAAc,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,SAAS;UAAA,OAAS,CAAC,KAAK,CAAC,CAAC;UAAA,OAK1F,QAAQ,CAAC,CAAC,GAAG,EAAE,GAAG,SAAS;UAAA,OAC1B,OAAO,CAAC,CAAC;UAAA,OAGR,KAAK,CAAC,KAAK;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;MAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;MAAA;MAAA;IAAA;EAAA;AAqE/B;;AAEA;AACA,SAAS,YAAY,CAAC,KAAqD,EAAe;EACxF,IAAI,KAAiC;EACrC,OAAO,CAAC,MAAM;IACZ,IAAI,CAAC,KAAK,EAAE;IACZ,MAAM,SAAS,GAAG,KAAK;IACvB,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,CAAC;IACnC,SAAS,CAAC,MAAM,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9B,KAAK,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CACtE,MAAM;MACJ,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;MAC1B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;MACzC,GAAG,CAAC,SAAS,GAAG,0BAA0B;MAC1C,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC;IACvB,CAAC,EACD,MAAM,SACR,CAAC;EACH,CAAC,CAAC;EACF;IAAA;IAAA,uBAAoE,MAAM,KAAK,EAAE,YAAY,CAAC,gBAAgB,EAAE,EAAE,CAAC;IAAA,aAAlG,KAAK;IAAA,uDAAL,KAAK;IAAA;IAAA;EAAA;AACxB;AAAC","ignoreList":[]}

package/dist/browser/content/chart-bar.js

@@ -1,4 +1,5 @@
-import { chartDatumSvg, computeDomain, escapeXml, extendDomainToNice, MAX_AXIS_TICKS, mapLog, mapRange, niceLogTicks, niceStep, referenceLineAttributes, svgRoot } from "../charts/core/svg";
+import { chartDatumSvg, computeDomain, escapeXml, extendDomainToNice, MAX_AXIS_TICKS, mapLog, mapRange, niceLogTicks, niceStep, referenceLineAttributes, svgRoot } from "../charts/core/svg-renderers";
+import { chartMessages } from "./chart-message-catalog";
 
 /**
  * Bar chart options: stdlib's `charts.bar` options plus a title for the category axis and a separate value format.
@@ -38,7 +39,7 @@ export const chartTextWidth = (text, size = FONT_PX) => {
 };
 
 /** Split a label into at most `lines` lines of `maxPx`; the last line ends with an ellipsis when the label is longer. */
-const wrapLabel = (label, maxPx, lines) => {
+export const wrapLabel = (label, maxPx, lines) => {
   const words = label.trim().split(/\s+/);
   const result = [];
   let current = "";
@@ -128,7 +129,7 @@ const finiteItems = data => data.flatMap((item, index) => Number.isFinite(item.v
   item,
   index
 }] : []);
-const headerHeight = opts => opts.title || opts.subtitle ? (opts.title ? 14 : 0) + (opts.subtitle ? 6 : 0) + 16 : 0;
+export const headerHeight = opts => opts.title || opts.subtitle ? (opts.title ? 14 : 0) + (opts.subtitle ? 6 : 0) + 16 : 0;
 const valueFormat = opts => opts.valueFormat ?? opts.yAxis?.format ?? (value => String(value));
 const tickFormat = opts => opts.yAxis?.format ?? (value => String(value));
 
@@ -146,7 +147,13 @@ const columnsFit = (opts, finite, width) => {
 
 /** The renderer's plan for a chart: its layout and logical height at `width`, derived from the data alone. */
 const barChartPlan = (opts, width = 480) => {
-  const finite = finiteItems(opts.data);
+  const finite = finiteItems(opts.data ?? []);
+  if (opts.series) return {
+    layout: "columns",
+    height: 280,
+    finite,
+    header: headerHeight(opts)
+  };
   const header = headerHeight(opts);
   if (!finite.length) return {
     layout: "columns",
@@ -154,7 +161,7 @@ const barChartPlan = (opts, width = 480) => {
     finite,
     header
   };
-  if (opts.xAxis?.ordered || columnsFit(opts, finite, width)) return {
+  if (opts.layout === "columns" || opts.layout !== "rows" && (opts.xAxis?.ordered || columnsFit(opts, finite, width))) return {
     layout: "columns",
     height: 280,
     finite,
@@ -296,7 +303,7 @@ const colorIndex = (item, fallback) => {
   if (!Number.isInteger(index) || index < 0) throw new RangeError("Chart colorIndex must be a nonnegative integer");
   return index % 8;
 };
-const renderHeader = (opts, width) => {
+export const renderHeader = (opts, width) => {
   const parts = [];
   let y = 16;
   if (opts.title) {
@@ -350,22 +357,15 @@ const renderColumns = (opts, plan, width, height, inspect) => {
   const labelY = g.y1;
   // Unordered columns fit every label (see columnsFit); ordered ones label every n-th column that leaves room, from
   // the first column whose label stays inside the drawing.
-  const labelPx = Math.max(...finite.map(({
+  const visibleLabels = visibleCategoryLabels(finite.map(({
     item
-  }) => chartTextWidth(item.label))) + GAP_PX;
-  const labelStep = Math.max(1, Math.ceil(labelPx / (slot / units)));
-  const inside = position => {
-    const half = chartTextWidth(finite[position].item.label) / 2 * units;
-    const center = g.x0 + slot * (position + 0.5);
-    return center - half >= 0 && center + half <= width;
-  };
-  const firstLabel = Math.max(0, finite.findIndex((_, position) => inside(position)));
+  }) => item.label), g.x0, slot, width, units);
   finite.forEach(({
     item,
     index
   }, position) => {
     const center = g.x0 + slot * (position + 0.5);
-    if (position >= firstLabel && (position - firstLabel) % labelStep === 0 && inside(position)) parts.push(`<text class="stdlib-chart-tick-label stdlib-chart-category-label" x="${fmt(center)}" y="${fmt(labelY)}" dy="16" text-anchor="middle">${escapeXml(item.label)}</text>`);
+    if (visibleLabels.has(position)) parts.push(`<text class="stdlib-chart-tick-label stdlib-chart-category-label" x="${fmt(center)}" y="${fmt(labelY)}" dy="16" text-anchor="middle">${escapeXml(item.label)}</text>`);
     if (g.scale.log && item.value <= 0) return;
     const valueY = y(item.value);
     const top = Math.min(valueY, baseline);
@@ -459,6 +459,7 @@ const renderRows = (opts, plan, width, inspect) => {
  * drawing instead of dropping labels: use {@link barChartLayout} for its logical height.
  */
 export const renderBarChartSvg = opts => {
+  if (opts.series) return renderSeriesBars(opts);
   const plan = barChartPlan(opts, opts.width);
   // The empty drawing of stdlib's bar chart, written here so bundles leave out stdlib's whole bar renderer.
   if (!plan.finite.length) return svgRoot({
@@ -473,4 +474,233 @@ export const renderBarChartSvg = opts => {
     className: opts.className
   }, body).replace("<svg ", `<svg data-bar-layout="${plan.layout}" `);
 };
+
+/** Stable wrapping legend slots reserve the widest total or category value before interaction. */
+export function barSeriesLegend(entries, format, width = 480, displayWidth = 296, maxHeight = Infinity) {
+  const unit = width / displayWidth;
+  let x = 0,
+    row = 0;
+  const items = entries.map(entry => {
+    const finite = entry.data.filter(v => v !== null && Number.isFinite(v));
+    const total = finite.length ? finite.reduce((sum, v) => sum + v, 0) : null;
+    const valueWidth = Math.max(chartTextWidth(total === null ? "–" : format(total)), ...entry.data.filter(v => v !== null && Number.isFinite(v)).map(v => chartTextWidth(format(v))));
+    const labelWidth = Math.max(8, Math.min(96, displayWidth - valueWidth - 32, chartTextWidth(entry.label)));
+    const slot = Math.min(width, (14 + labelWidth + 6 + valueWidth + 16) * unit);
+    if (x && x + slot > width) {
+      x = 0;
+      row++;
+    }
+    const item = {
+      ...entry,
+      total,
+      x,
+      y: row * 20 + 12,
+      labelWidth,
+      valueX: x + slot - 16 * unit
+    };
+    x += slot;
+    return item;
+  });
+  const rows = Math.max(1, Math.floor(maxHeight / 20));
+  const overflow = row + 1 > rows;
+  const visible = overflow ? items.filter(item => item.y <= (rows - 1) * 20) : items;
+  return {
+    items: visible,
+    hidden: items.length - visible.length,
+    height: entries.length ? Math.min(row + 1, rows) * 20 : 0
+  };
+}
+
+/** Category geometry shared by SVG, server snapshots and browser inspection. */
+export function seriesBarLayout(opts, size = {
+  width: 480,
+  height: 280
+}) {
+  const categories = opts.x ?? [];
+  const series = opts.series ?? [];
+  if (series.some(s => s.data.length !== categories.length) || opts.compare && opts.compare.data.length !== categories.length) throw new RangeError("Bar series must have the same length as x");
+  if (opts.compare && series.length !== 1) throw new RangeError("Bar comparison needs exactly one current series");
+  if (opts.normalize && opts.layout !== "stacked") throw new RangeError("Normalized bars must be stacked");
+  if (opts.layout === "stacked" && opts.yAxis?.scale === "log") throw new RangeError("Stacked bars need a linear axis");
+  if (opts.layout === "stacked" && series.some(s => s.data.some(v => v !== null && v < 0))) throw new RangeError("Stacked bars require nonnegative values");
+  const totals = categories.map((_, i) => series.some(s => Number.isFinite(s.data[i])) ? series.reduce((sum, s) => sum + (Number.isFinite(s.data[i]) ? s.data[i] : 0), 0) : null);
+  const values = opts.layout === "stacked" ? totals.filter(v => v !== null) : series.flatMap(s => s.data.filter(v => v !== null));
+  const scale = valueScale(opts.normalize ? [0, 1] : [...values, ...(opts.compare?.data.filter(v => v !== null) ?? [])], opts.yAxis, true);
+  const format = valueFormat(opts);
+  const units = size.width / narrow(opts);
+  const legend = opts.legend !== false;
+  // Keep the legend within one quarter of the frame, leaving room for the plot.
+  const entries = [...series, ...(opts.compare ? [opts.compare] : [])];
+  const legendLayout = barSeriesLegend(entries, format, size.width, narrow(opts), size.height * 0.25);
+  const top = headerHeight(opts) + 8 + (legend ? legendLayout.height : 0) + (opts.yAxis?.label ? 16 : 0);
+  const left = Math.max(40, ...scale.ticks.map(v => (chartTextWidth(opts.normalize ? `${Math.round(v * 100)}%` : tickFormat(opts)(v)) + 8) * units));
+  const right = size.width - 4;
+  const bottom = size.height - 24 - (opts.xAxis?.label ? 18 : 0);
+  const slot = (right - left) / Math.max(1, categories.length);
+  const y = value => project(scale, value, [bottom, top]);
+  const columns = categories.map((label, index) => {
+    const center = left + slot * (index + 0.5);
+    let acc = 0;
+    const current = series.map((s, seriesIndex) => {
+      const raw = s.data[index];
+      const value = raw === null || !Number.isFinite(raw) || opts.normalize && totals[index] === 0 ? null : opts.normalize ? raw / totals[index] : raw;
+      const base = opts.layout === "stacked" ? acc : 0;
+      if (value !== null && opts.layout === "stacked") acc += value;
+      return {
+        seriesIndex,
+        raw,
+        value,
+        base
+      };
+    });
+    return {
+      label,
+      index,
+      center,
+      current,
+      total: totals[index],
+      previous: opts.compare?.data[index]
+    };
+  });
+  const barWidthPx = (opts.compare ? Math.min(slot * 0.32, 26) : Math.min(slot * (opts.layout === "stacked" ? 0.56 : 0.8 / Math.max(1, entries.length)), opts.layout === "stacked" ? 40 : 22)) / units;
+  return {
+    ...size,
+    columns,
+    totals,
+    scale,
+    left,
+    right,
+    top,
+    bottom,
+    slot,
+    y,
+    format,
+    units,
+    entries,
+    legend,
+    legendLayout,
+    barWidthPx
+  };
+}
+const renderSeriesBars = opts => {
+  const g = seriesBarLayout(opts, opts);
+  const parts = [renderHeader(opts, opts.width)];
+  const labels = chartMessages.resolve([opts.locale ?? "en"]).t;
+  const change = new Intl.NumberFormat(opts.locale ?? "en", {
+    style: "percent",
+    maximumFractionDigits: 1,
+    signDisplay: "exceptZero"
+  });
+  const text = (x, y, value, cls = "stdlib-chart-tick-label", anchor = "start", extra = "") => `<text class="${cls}" x="${fmt(x)}" y="${fmt(y)}" text-anchor="${anchor}" ${extra}>${escapeXml(value)}</text>`;
+  if (g.legend) g.legendLayout.items.forEach((entry, i) => {
+    const y = headerHeight(opts) + entry.y;
+    const x = entry.x;
+    parts.push(`<rect class="stdlib-chart-series-${i < (opts.series?.length ?? 0) ? i % 8 : 0}" x="${x}" y="${y - 8}" width="${8 * g.units}" height="8" ${i >= (opts.series?.length ?? 0) ? 'style="fill:none;stroke:var(--stdlib-chart-c1);"' : ""}/>`);
+    if (i >= (opts.series?.length ?? 0)) parts.push(`<path d="M ${x} ${y - 4} l ${4 * g.units} -4 M ${x + 2 * g.units} ${y} l ${6 * g.units} -6 M ${x + 6 * g.units} ${y} l ${2 * g.units} -2" fill="none" stroke="var(--stdlib-chart-c1,#3b82f6)" stroke-width="1"/>`);
+    const label = wrapLabel(entry.label, Math.max(8, entry.labelWidth), 1).lines[0] ?? entry.label;
+    const value = escapeXml(entry.total === null ? "–" : g.format(entry.total));
+    // One text run keeps the value six CSS pixels after its label even when the SVG stretches.
+    parts.push(`<text x="${fmt(x + 14 * g.units)}" y="${fmt(y)}"><tspan class="stdlib-chart-tick-label">${escapeXml(label)}</tspan><tspan class="stdlib-chart-bar-value" dx="6" data-chart-legend-value data-field="${i < (opts.series?.length ?? 0) ? `series:${i}` : "previous"}" data-default="${value}">${value}</tspan></text>`);
+  });
+  if (g.legend && g.legendLayout.hidden) parts.push(text(0, headerHeight(opts) + g.legendLayout.height - 8, `+${g.legendLayout.hidden}`, "stdlib-chart-tick-label"));
+  if (opts.yAxis?.label) parts.push(text(0, g.top - 6, opts.yAxis.label, "stdlib-chart-axis-label"));
+  for (const tick of g.scale.ticks) {
+    parts.push(`<line class="stdlib-chart-grid" x1="${g.left}" x2="${g.right}" y1="${g.y(tick)}" y2="${g.y(tick)}"/>`);
+    parts.push(text(g.left - 6 * g.units, g.y(tick) + 4, opts.normalize ? `${Math.round(tick * 100)}%` : tickFormat(opts)(tick), undefined, "end"));
+  }
+  parts.push(`<line class="stdlib-chart-axis" x1="${g.left}" x2="${g.right}" y1="${g.bottom}" y2="${g.bottom}"/>`);
+  const visibleLabels = visibleCategoryLabels(g.columns.map(c => c.label), g.left, g.slot, opts.width, g.units);
+  for (const column of g.columns) {
+    const fields = column.current.map((v, i) => ({
+      key: `series:${i}`,
+      value: v.raw === null || !Number.isFinite(v.raw) ? "–" : v.raw,
+      formatted: v.raw === null || !Number.isFinite(v.raw) ? "–" : g.format(v.raw)
+    }));
+    if (opts.compare) {
+      const previous = column.previous;
+      fields.push({
+        key: "previous",
+        value: previous ?? "–",
+        formatted: previous === null || !Number.isFinite(previous) ? "–" : g.format(previous)
+      });
+      const current = column.current[0]?.raw;
+      const delta = current == null || previous == null || !Number.isFinite(current) || !Number.isFinite(previous) ? null : current - previous;
+      fields.push({
+        key: "delta",
+        value: delta ?? "–",
+        formatted: delta === null || previous === 0 ? "–" : change.format(delta / Math.abs(previous))
+      });
+    } else if (opts.layout === "stacked") {
+      fields.reverse();
+      fields.push({
+        key: "total",
+        value: column.total ?? "–",
+        formatted: column.total === null ? "–" : g.format(column.total)
+      });
+    }
+    let marks = `<rect class="k2b-chart-category-band" fill="none" pointer-events="all" x="${column.center - g.slot / 2}" y="${g.top}" width="${g.slot}" height="${Math.max(0, g.bottom - g.top)}" rx="6"/>`;
+    const bar = (value, base, x, width, color, previous = false) => {
+      const y0 = g.y(g.scale.log ? g.scale.domain[0] : base),
+        y1 = g.y(base + value);
+      const rect = `<rect class="stdlib-chart-bar stdlib-chart-series-${color % 8}" x="${fmt(x)}" y="${fmt(Math.min(y0, y1))}" width="${fmt(Math.max(0, width))}" height="${fmt(Math.abs(y0 - y1))}" rx="3"/>`;
+      if (!previous) return rect;
+      // Inline strokes avoid document-global SVG pattern IDs, including duplicate charts during SSR.
+      const lines = [];
+      for (let d = -Math.abs(y0 - y1); d < width; d += 6) {
+        const lo = Math.max(0, -d),
+          hi = Math.min(Math.abs(y0 - y1), width - d);
+        if (hi > lo) lines.push(`<line x1="${x + d + lo}" y1="${Math.max(y0, y1) - lo}" x2="${x + d + hi}" y2="${Math.max(y0, y1) - hi}" stroke="var(--stdlib-chart-c1,#3b82f6)" stroke-width="1.5"/>`);
+      }
+      return `<g class="k2b-chart-previous">${rect.replace("/>", ' style="fill:var(--stdlib-chart-c1,#3b82f6);fill-opacity:.14" stroke="var(--stdlib-chart-c1,#3b82f6)" stroke-width="1"/>')}${lines.join("")}</g>`;
+    };
+    if (opts.compare) {
+      const bw = Math.min(g.slot * 0.32, 26);
+      const gap = Math.min(1.5, g.slot * 0.08);
+      if (column.previous !== null && Number.isFinite(column.previous) && (!g.scale.log || column.previous > 0)) marks += bar(column.previous, 0, column.center - bw - gap, bw, 0, true);
+      const value = column.current[0]?.value;
+      if (value != null && (!g.scale.log || value > 0)) marks += bar(value, 0, column.center + gap, bw, 0);
+    } else column.current.forEach(v => {
+      if (v.value === null || g.scale.log && v.value <= 0) return;
+      const stacked = opts.layout === "stacked";
+      const bw = stacked ? Math.min(g.slot * 0.56, 40) : Math.min(g.slot * 0.8 / g.entries.length, 22);
+      const gap = bw / g.units > 4 ? 2 : 0;
+      const x = stacked ? column.center - bw / 2 : column.center - g.entries.length * bw / 2 + v.seriesIndex * bw + gap / 2;
+      const segment = bar(v.value, v.base, x, stacked ? bw : bw - gap, v.seriesIndex);
+      if (stacked && v.value > 0 && column.current.some(next => next.seriesIndex > v.seriesIndex && next.value !== null && next.value > 0)) {
+        const fullHeight = Math.abs(g.y(v.base) - g.y(v.base + v.value));
+        const gap = Math.min(1.5, fullHeight / 2);
+        marks += segment.replace(/y="[^"]*"/, `y="${g.y(v.base + v.value) + gap}"`).replace(/height="[^"]*"/, `height="${fullHeight - gap}"`);
+      } else marks += segment;
+    });
+    parts.push(chartDatumSvg(marks, {
+      role: "item",
+      index: column.index,
+      label: column.label,
+      anchor: [column.center, g.top],
+      values: fields
+    }, opts.inspect ?? false, [column.label, ...fields.map(field => `${field.key.startsWith("series:") ? opts.series[Number(field.key.slice(7))].label : field.key === "previous" ? opts.compare.label : field.key === "delta" ? labels.chartFields({
+      key: "delta"
+    }) : labels.chartFields({
+      key: "total"
+    })}: ${field.formatted}`)].join(" · ")));
+    if (visibleLabels.has(column.index)) parts.push(text(column.center, g.bottom, column.label, "stdlib-chart-tick-label stdlib-chart-category-label", "middle", 'dy="16"'));
+  }
+  for (const ref of opts.references ?? []) if ((ref.axis ?? "y") === "y" && Number.isFinite(ref.value) && ref.value >= g.scale.domain[0] && ref.value <= g.scale.domain[1]) {
+    parts.push(`<line class="stdlib-chart-reference" x1="${g.left}" x2="${g.right}" y1="${g.y(ref.value)}" y2="${g.y(ref.value)}"/>`);
+    if (ref.label) parts.push(text(g.right, g.y(ref.value) - 4, ref.label, "stdlib-chart-reference-label", "end"));
+  }
+  if (opts.xAxis?.label) parts.push(text((g.left + g.right) / 2, opts.height - 2, opts.xAxis.label, "stdlib-chart-axis-label", "middle"));
+  return svgRoot(opts, parts.join("")).replace("<svg ", '<svg data-bar-layout="columns" ');
+};
+const visibleCategoryLabels = (labels, left, slot, width, units) => {
+  const labelPx = Math.max(0, ...labels.map(label => chartTextWidth(label))) + GAP_PX;
+  const step = Math.max(1, Math.ceil(labelPx / (slot / units)));
+  const inside = i => {
+    const half = chartTextWidth(labels[i]) * units / 2,
+      center = left + slot * (i + 0.5);
+    return center - half >= 0 && center + half <= width;
+  };
+  const first = Math.max(0, labels.findIndex((_, i) => inside(i)));
+  return new Set(labels.flatMap((_, i) => i >= first && (i - first) % step === 0 && inside(i) ? [i] : []));
+};
 //# sourceMappingURL=chart-bar.js.map