@k2b/ui 0.9.0 → 0.10.0

package/dist/ssr/content/PdfPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/PdfPreview.tsx"],"sourcesContent":["import { createSignal, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { resolveUiMessages, useUiMessages } from \"../intl/messages\";\n\nexport type PdfPreviewRequest = () => Promise<Response | Blob>;\n\nexport type PdfPreviewProps = {\n  request: PdfPreviewRequest;\n  autoLoad?: boolean;\n  disabled?: () => boolean;\n  title?: string;\n  buttonLabel?: string;\n  openButtonLabel?: string;\n  /**\n   * Opens the document at this address in a new tab instead of a local copy. Pass a stable same-origin URL that\n   * serves the PDF inline, so reloading and the viewer's file name keep working. Without it, the open action shows\n   * a temporary copy of the requested document.\n   */\n  openHref?: string;\n  /** Adds a Download action. The host owns the download, for example a fresh attachment URL. */\n  onDownload?: () => void;\n  emptyText?: string;\n  class?: string;\n  children?: (parts: { actions: JSX.Element; content: JSX.Element }) => JSX.Element;\n  renderError?: (message: string) => JSX.Element;\n};\n\nconst readErrorMessage = async (response: Response): Promise<string> => {\n  try {\n    const data = (await response.json()) as unknown;\n    if (data && typeof data === \"object\" && \"message\" in data && typeof data.message === \"string\") return data.message;\n  } catch {\n    // Fall through to the HTTP status fallback.\n  }\n  return resolveUiMessages().pdfPreviewHttpError({ status: response.status });\n};\n\nexport default function PdfPreview(props: PdfPreviewProps) {\n  const messages = useUiMessages();\n  const [url, setUrl] = createSignal<string | null>(null);\n  // An automatic preview starts loading once mounted. The server and the page before hydration already show that\n  // state, so they offer neither a retry nor an invitation to render while nothing has failed.\n  const [loading, setLoading] = createSignal(Boolean(props.autoLoad) && !props.disabled?.());\n  const [opening, setOpening] = createSignal(false);\n  const [error, setError] = createSignal<string | null>(null);\n  const [failed, setFailed] = createSignal(false);\n  const [tabBlocked, setTabBlocked] = createSignal(false);\n  // An automatic preview shows one fixed document; the open action reuses it instead of requesting it again.\n  let shownBlob: Blob | null = null;\n  let openButton: HTMLElement | undefined;\n  let renderButton: HTMLButtonElement | undefined;\n  let disposed = false;\n  let loadGeneration = 0;\n  let openGeneration = 0;\n\n  const revokeCurrent = () => {\n    const current = url();\n    if (current) URL.revokeObjectURL(current);\n    setUrl(null);\n  };\n\n  onCleanup(() => {\n    disposed = true;\n    loadGeneration += 1;\n    openGeneration += 1;\n    revokeCurrent();\n  });\n\n  const readPdfBlob = async () => {\n    const response = await props.request();\n    const blob = response instanceof Response ? (response.ok ? await response.blob() : null) : response;\n    if (!blob) throw new Error(await readErrorMessage(response as Response));\n    if (blob.type && blob.type !== \"application/pdf\") throw new Error(`PDF preview returned ${blob.type} instead of application/pdf`);\n    return blob;\n  };\n\n  const load = async () => {\n    if (loading() || opening() || props.disabled?.()) return;\n    const generation = ++loadGeneration;\n    const retryFocused = props.autoLoad && document.activeElement === renderButton;\n    setLoading(true);\n    setError(null);\n    try {\n      const blob = await readPdfBlob();\n      const nextUrl = URL.createObjectURL(blob);\n      if (disposed || generation !== loadGeneration) {\n        URL.revokeObjectURL(nextUrl);\n        return;\n      }\n      const previousUrl = url();\n      shownBlob = blob;\n      setFailed(false);\n      setUrl(nextUrl);\n      setLoading(false);\n      if (previousUrl) URL.revokeObjectURL(previousUrl);\n      // The shown document removes the retry action; keep keyboard focus in the actions instead of the page.\n      if (retryFocused && document.activeElement === document.body) openButton?.focus();\n    } catch (e) {\n      if (disposed || generation !== loadGeneration) return;\n      shownBlob = null;\n      setFailed(true);\n      setError(e instanceof Error ? e.message : \"PDF preview failed\");\n    } finally {\n      if (!disposed && generation === loadGeneration) setLoading(false);\n    }\n  };\n\n  onMount(() => {\n    // Hand the initial loading state to the request itself, which also covers a preview disabled by now.\n    setLoading(false);\n    if (props.autoLoad) void load();\n  });\n\n  const openInNewTab = async () => {\n    if (loading() || opening() || props.disabled?.()) return;\n    const generation = ++openGeneration;\n    const tab = window.open(\"\", \"_blank\");\n    // A blocked tab is not a document error: keep the shown document and report it beside the actions.\n    setTabBlocked(!tab);\n    if (!tab) return;\n    tab.opener = null;\n    tab.document.title = props.title ?? messages().pdfPreview;\n    tab.document.body.textContent = messages().pdfPreviewRendering;\n    setOpening(true);\n    setError(null);\n    try {\n      const blob = (props.autoLoad ? shownBlob : null) ?? (await readPdfBlob());\n      if (disposed || generation !== openGeneration) {\n        tab.close();\n        return;\n      }\n      const objectUrl = URL.createObjectURL(blob);\n      tab.location.href = objectUrl;\n      window.setTimeout(() => URL.revokeObjectURL(objectUrl), 60_000);\n    } catch (e) {\n      tab.close();\n      if (!disposed && generation === openGeneration) setError(e instanceof Error ? e.message : \"PDF preview failed\");\n    } finally {\n      if (!disposed && generation === openGeneration) setOpening(false);\n    }\n  };\n\n  // With autoLoad, rendering again would show the same document: offer it only until one is shown, e.g. to retry,\n  // and keep it in place while a retry loads.\n  const renderable = () => !props.autoLoad || failed() || (!url() && !loading());\n  const actions = () => (\n    <div class=\"k2b-content-pdf-preview__actions\">\n      <Show\n        when={!props.disabled?.() && props.openHref}\n        fallback={\n          <button\n            ref={(element) => (openButton = element)}\n            type=\"button\"\n            class=\"k2b-button\"\n            data-variant=\"secondary\"\n            data-size=\"sm\"\n            onClick={() => void openInNewTab()}\n            disabled={loading() || opening() || props.disabled?.()}\n          >\n            <i class={opening() ? \"ti ti-loader-2 k2b-spin\" : \"ti ti-external-link\"} aria-hidden=\"true\" />\n            {props.openButtonLabel ?? messages().openPreview}\n          </button>\n        }\n      >\n        {(href) => (\n          // A plain link to a real address: the browser opens it on the user's own click, and the tab can reload it.\n          <a\n            ref={(element) => (openButton = element)}\n            class=\"k2b-button\"\n            data-variant=\"secondary\"\n            data-size=\"sm\"\n            href={href()}\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            <i class=\"ti ti-external-link\" aria-hidden=\"true\" />\n            {props.openButtonLabel ?? messages().openPreview}\n          </a>\n        )}\n      </Show>\n      <Show when={props.onDownload}>\n        <button\n          type=\"button\"\n          class=\"k2b-button\"\n          data-variant=\"secondary\"\n          data-size=\"sm\"\n          onClick={() => props.onDownload?.()}\n          disabled={props.disabled?.()}\n        >\n          <i class=\"ti ti-download\" aria-hidden=\"true\" />\n          {messages().download}\n        </button>\n      </Show>\n      <Show when={renderable()}>\n        <button\n          ref={renderButton}\n          type=\"button\"\n          class=\"k2b-button\"\n          data-variant=\"secondary\"\n          data-size=\"sm\"\n          onClick={() => void load()}\n          disabled={loading() || opening() || props.disabled?.()}\n        >\n          <i class={loading() ? \"ti ti-loader-2 k2b-spin\" : \"ti ti-file-type-pdf\"} aria-hidden=\"true\" />\n          {props.buttonLabel ?? messages().previewPdf}\n        </button>\n      </Show>\n      <Show when={tabBlocked()}>\n        <span role=\"alert\" class=\"k2b-content-pdf-preview__notice\">\n          {messages().pdfPreviewTabBlocked}\n        </span>\n      </Show>\n    </div>\n  );\n  const content = () => (\n    <Show\n      when={error()}\n      fallback={\n        <Show\n          when={url()}\n          fallback={\n            <div class=\"k2b-content-pdf-preview__empty\">\n              <span role={loading() ? \"status\" : undefined}>\n                {loading() ? messages().loading : (props.emptyText ?? messages().renderPdfPreview)}\n              </span>\n            </div>\n          }\n        >\n          {(currentUrl) => (\n            <iframe class=\"k2b-content-pdf-preview__frame\" src={currentUrl()} title={props.title ?? messages().pdfPreview} />\n          )}\n        </Show>\n      }\n    >\n      {(message) =>\n        props.renderError?.(message()) ?? (\n          <div role=\"alert\" class=\"k2b-content-pdf-preview__error\">\n            {message()}\n          </div>\n        )\n      }\n    </Show>\n  );\n\n  if (props.children)\n    return props.children({\n      get actions() {\n        return actions();\n      },\n      get content() {\n        return content();\n      },\n    });\n  return (\n    <section class={`k2b-content-pdf-preview ${props.class ?? \"\"}`}>\n      <div class=\"k2b-content-pdf-preview__toolbar\">\n        <div class=\"k2b-content-pdf-preview__heading\">\n          <Show when={props.title}>\n            <h2 class=\"k2b-content-pdf-preview__title\">{props.title}</h2>\n          </Show>\n        </div>\n        {actions()}\n      </div>\n      {content()}\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/PdfPreview.tsx"],"sourcesContent":["import { createSignal, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { resolveUiMessages, useUiMessages } from \"../intl/messages\";\nimport Placeholder from \"../surfaces/Placeholder\";\n\nexport type PdfPreviewRequest = () => Promise<Response | Blob>;\n\nexport type PdfPreviewProps = {\n  request: PdfPreviewRequest;\n  autoLoad?: boolean;\n  disabled?: () => boolean;\n  title?: string;\n  buttonLabel?: string;\n  openButtonLabel?: string;\n  /**\n   * Opens the document at this address in a new tab instead of a local copy. Pass a stable same-origin URL that\n   * serves the PDF inline, so reloading and the viewer's file name keep working. Without it, the open action shows\n   * a temporary copy of the requested document.\n   */\n  openHref?: string;\n  /** Adds a Download action. The host owns the download, for example a fresh attachment URL. */\n  onDownload?: () => void;\n  emptyText?: string;\n  class?: string;\n  children?: (parts: { actions: JSX.Element; content: JSX.Element }) => JSX.Element;\n  renderError?: (message: string) => JSX.Element;\n};\n\nconst readErrorMessage = async (response: Response): Promise<string> => {\n  try {\n    const data = (await response.json()) as unknown;\n    if (data && typeof data === \"object\" && \"message\" in data && typeof data.message === \"string\") return data.message;\n  } catch {\n    // Fall through to the HTTP status fallback.\n  }\n  return resolveUiMessages().pdfPreviewHttpError({ status: response.status });\n};\n\nexport default function PdfPreview(props: PdfPreviewProps) {\n  const messages = useUiMessages();\n  const [url, setUrl] = createSignal<string | null>(null);\n  // An automatic preview starts loading once mounted. The server and the page before hydration already show that\n  // state, so they offer neither a retry nor an invitation to render while nothing has failed.\n  const [loading, setLoading] = createSignal(Boolean(props.autoLoad) && !props.disabled?.());\n  const [opening, setOpening] = createSignal(false);\n  const [error, setError] = createSignal<string | null>(null);\n  const [failed, setFailed] = createSignal(false);\n  const [tabBlocked, setTabBlocked] = createSignal(false);\n  // An automatic preview shows one fixed document; the open action reuses it instead of requesting it again.\n  let shownBlob: Blob | null = null;\n  let openButton: HTMLElement | undefined;\n  let renderButton: HTMLButtonElement | undefined;\n  let errorRetryButton: HTMLButtonElement | undefined;\n  let disposed = false;\n  let loadGeneration = 0;\n  let openGeneration = 0;\n\n  const revokeCurrent = () => {\n    const current = url();\n    if (current) URL.revokeObjectURL(current);\n    setUrl(null);\n  };\n\n  onCleanup(() => {\n    disposed = true;\n    loadGeneration += 1;\n    openGeneration += 1;\n    revokeCurrent();\n  });\n\n  const readPdfBlob = async () => {\n    const response = await props.request();\n    const blob = response instanceof Response ? (response.ok ? await response.blob() : null) : response;\n    if (!blob) throw new Error(await readErrorMessage(response as Response));\n    if (blob.type && blob.type !== \"application/pdf\") throw new Error(`PDF preview returned ${blob.type} instead of application/pdf`);\n    return blob;\n  };\n\n  const load = async () => {\n    if (loading() || opening() || props.disabled?.()) return;\n    const generation = ++loadGeneration;\n    // A retry the shown document or the loading state removes hands keyboard focus on instead of dropping it.\n    const retryFocused =\n      (props.autoLoad && document.activeElement === renderButton) ||\n      (errorRetryButton?.isConnected && document.activeElement === errorRetryButton);\n    setLoading(true);\n    setError(null);\n    try {\n      const blob = await readPdfBlob();\n      const nextUrl = URL.createObjectURL(blob);\n      if (disposed || generation !== loadGeneration) {\n        URL.revokeObjectURL(nextUrl);\n        return;\n      }\n      const previousUrl = url();\n      shownBlob = blob;\n      setFailed(false);\n      setUrl(nextUrl);\n      setLoading(false);\n      if (previousUrl) URL.revokeObjectURL(previousUrl);\n      // The shown document removes the retry action; keep keyboard focus in the actions instead of the page.\n      if (retryFocused && document.activeElement === document.body) openButton?.focus();\n    } catch (e) {\n      if (disposed || generation !== loadGeneration) return;\n      shownBlob = null;\n      setFailed(true);\n      setError(e instanceof Error ? e.message : \"PDF preview failed\");\n      if (retryFocused && document.activeElement === document.body) errorRetryButton?.focus();\n    } finally {\n      if (!disposed && generation === loadGeneration) setLoading(false);\n    }\n  };\n\n  onMount(() => {\n    // Hand the initial loading state to the request itself, which also covers a preview disabled by now.\n    setLoading(false);\n    if (props.autoLoad) void load();\n  });\n\n  const openInNewTab = async () => {\n    if (loading() || opening() || props.disabled?.()) return;\n    const generation = ++openGeneration;\n    const tab = window.open(\"\", \"_blank\");\n    // A blocked tab is not a document error: keep the shown document and report it beside the actions.\n    setTabBlocked(!tab);\n    if (!tab) return;\n    tab.opener = null;\n    tab.document.title = props.title ?? messages().pdfPreview;\n    tab.document.body.textContent = messages().pdfPreviewRendering;\n    setOpening(true);\n    setError(null);\n    try {\n      const blob = (props.autoLoad ? shownBlob : null) ?? (await readPdfBlob());\n      if (disposed || generation !== openGeneration) {\n        tab.close();\n        return;\n      }\n      const objectUrl = URL.createObjectURL(blob);\n      tab.location.href = objectUrl;\n      window.setTimeout(() => URL.revokeObjectURL(objectUrl), 60_000);\n    } catch (e) {\n      tab.close();\n      if (!disposed && generation === openGeneration) setError(e instanceof Error ? e.message : \"PDF preview failed\");\n    } finally {\n      if (!disposed && generation === openGeneration) setOpening(false);\n    }\n  };\n\n  // With autoLoad, rendering again would show the same document: offer it only until one is shown. After a failure the\n  // default error state carries it as the retry; beside a caller's error content it stays in place while a retry loads.\n  const renderable = () => !props.autoLoad || (failed() ? Boolean(props.renderError) : !url() && !loading());\n  const actions = () => (\n    <div class=\"k2b-content-pdf-preview__actions\">\n      <Show\n        when={!props.disabled?.() && props.openHref}\n        fallback={\n          <button\n            ref={(element) => (openButton = element)}\n            type=\"button\"\n            class=\"k2b-button\"\n            data-variant=\"secondary\"\n            data-size=\"sm\"\n            onClick={() => void openInNewTab()}\n            disabled={loading() || opening() || props.disabled?.()}\n          >\n            <i class={opening() ? \"ti ti-loader-2 k2b-spin\" : \"ti ti-external-link\"} aria-hidden=\"true\" />\n            {props.openButtonLabel ?? messages().openPreview}\n          </button>\n        }\n      >\n        {(href) => (\n          // A plain link to a real address: the browser opens it on the user's own click, and the tab can reload it.\n          <a\n            ref={(element) => (openButton = element)}\n            class=\"k2b-button\"\n            data-variant=\"secondary\"\n            data-size=\"sm\"\n            href={href()}\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            <i class=\"ti ti-external-link\" aria-hidden=\"true\" />\n            {props.openButtonLabel ?? messages().openPreview}\n          </a>\n        )}\n      </Show>\n      <Show when={props.onDownload}>\n        <button\n          type=\"button\"\n          class=\"k2b-button\"\n          data-variant=\"secondary\"\n          data-size=\"sm\"\n          onClick={() => props.onDownload?.()}\n          disabled={props.disabled?.()}\n        >\n          <i class=\"ti ti-download\" aria-hidden=\"true\" />\n          {messages().download}\n        </button>\n      </Show>\n      <Show when={renderable()}>\n        <button\n          ref={renderButton}\n          type=\"button\"\n          class=\"k2b-button\"\n          data-variant=\"secondary\"\n          data-size=\"sm\"\n          onClick={() => void load()}\n          disabled={loading() || opening() || props.disabled?.()}\n        >\n          <i class={loading() ? \"ti ti-loader-2 k2b-spin\" : \"ti ti-file-type-pdf\"} aria-hidden=\"true\" />\n          {props.buttonLabel ?? messages().previewPdf}\n        </button>\n      </Show>\n      <Show when={tabBlocked()}>\n        <span role=\"alert\" class=\"k2b-content-pdf-preview__notice\">\n          {messages().pdfPreviewTabBlocked}\n        </span>\n      </Show>\n    </div>\n  );\n  // Every state before a document is shown uses one placeholder in the viewer's box, so loading changes no layout.\n  const content = () => (\n    <Show\n      when={error()}\n      fallback={\n        <Show\n          when={url()}\n          fallback={\n            <Placeholder\n              class=\"k2b-content-pdf-preview__placeholder\"\n              state={loading() ? \"loading\" : \"empty\"}\n              icon={loading() ? undefined : \"ti ti-file-type-pdf\"}\n              title={loading() ? messages().loading : undefined}\n              description={loading() ? undefined : (props.emptyText ?? messages().renderPdfPreview)}\n            />\n          }\n        >\n          {(currentUrl) => (\n            <iframe class=\"k2b-content-pdf-preview__frame\" src={currentUrl()} title={props.title ?? messages().pdfPreview} />\n          )}\n        </Show>\n      }\n    >\n      {(message) =>\n        props.renderError?.(message()) ?? (\n          <Placeholder\n            class=\"k2b-content-pdf-preview__placeholder\"\n            state=\"error\"\n            description={message()}\n            action={\n              // One retry at a time: the render action moves here only where the toolbar no longer offers it.\n              renderable() ? undefined : (\n                <button\n                  ref={(element) => (errorRetryButton = element)}\n                  type=\"button\"\n                  class=\"k2b-button\"\n                  data-variant=\"secondary\"\n                  data-size=\"sm\"\n                  onClick={() => void load()}\n                  disabled={opening() || props.disabled?.()}\n                >\n                  {props.buttonLabel ?? messages().retry}\n                </button>\n              )\n            }\n          />\n        )\n      }\n    </Show>\n  );\n\n  if (props.children)\n    return props.children({\n      get actions() {\n        return actions();\n      },\n      get content() {\n        return content();\n      },\n    });\n  return (\n    <section class={`k2b-content-pdf-preview ${props.class ?? \"\"}`}>\n      <div class=\"k2b-content-pdf-preview__toolbar\">\n        <div class=\"k2b-content-pdf-preview__heading\">\n          <Show when={props.title}>\n            <h2 class=\"k2b-content-pdf-preview__title\">{props.title}</h2>\n          </Show>\n        </div>\n        {actions()}\n      </div>\n      {content()}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,YAAY,EAAY,SAAS,EAAE,OAAO,EAAE,IAAI,QAAQ,UAAU;AAC3E,SAAS,iBAAiB,EAAE,aAAa,QAAQ,kBAAkB;AACnE,OAAO,WAAW,MAAM,yBAAyB;AAyBjD,MAAM,gBAAgB,GAAG,MAAO,QAAkB,IAAsB;EACtE,IAAI;IACF,MAAM,IAAI,GAAI,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAa;IAC/C,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,SAAS,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE,OAAO,IAAI,CAAC,OAAO;EACpH,CAAC,CAAC,MAAM;IACN;EAAA;EAEF,OAAO,iBAAiB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAAE,MAAM,EAAE,QAAQ,CAAC;EAAO,CAAC,CAAC;AAC7E,CAAC;AAED,eAAe,SAAS,UAAU,CAAC,KAAsB,EAAE;EACzD,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,YAAY,CAAgB,IAAI,CAAC;EACvD;EACA;EACA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;EAC1F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CAAgB,IAAI,CAAC;EAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EACvD;EACA,IAAI,SAAsB,GAAG,IAAI;EACjC,IAAI,UAAmC;EACvC,IAAI,YAA2C;EAC/C,IAAI,gBAA+C;EACnD,IAAI,QAAQ,GAAG,KAAK;EACpB,IAAI,cAAc,GAAG,CAAC;EACtB,IAAI,cAAc,GAAG,CAAC;EAEtB,MAAM,aAAa,GAAG,MAAM;IAC1B,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC;IACrB,IAAI,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC;IACzC,MAAM,CAAC,IAAI,CAAC;EACd,CAAC;EAED,SAAS,CAAC,MAAM;IACd,QAAQ,GAAG,IAAI;IACf,cAAc,IAAI,CAAC;IACnB,cAAc,IAAI,CAAC;IACnB,aAAa,CAAC,CAAC;EACjB,CAAC,CAAC;EAEF,MAAM,WAAW,GAAG,YAAY;IAC9B,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,IAAI,GAAG,QAAQ,YAAY,QAAQ,GAAI,QAAQ,CAAC,EAAE,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,GAAI,QAAQ;IACnG,IAAI,CAAC,IAAI,EAAE,MAAM,IAAI,KAAK,CAAC,MAAM,gBAAgB,CAAC,QAAoB,CAAC,CAAC;IACxE,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,iBAAiB,EAAE,MAAM,IAAI,KAAK,CAAC,wBAAwB,IAAI,CAAC,IAAI,6BAA6B,CAAC;IACjI,OAAO,IAAI;EACb,CAAC;EAED,MAAM,IAAI,GAAG,YAAY;IACvB,IAAI,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAE;IAClD,MAAM,UAAU,GAAG,EAAE,cAAc;IACnC;IACA,MAAM,YAAY,GACf,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,YAAY,IACzD,gBAAgB,EAAE,WAAW,IAAI,QAAQ,CAAC,aAAa,KAAK,gBAAiB;IAChF,UAAU,CAAC,IAAI,CAAC;IAChB,QAAQ,CAAC,IAAI,CAAC;IACd,IAAI;MACF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC,CAAC;MAChC,MAAM,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;MACzC,IAAI,QAAQ,IAAI,UAAU,KAAK,cAAc,EAAE;QAC7C,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC;QAC5B;MACF;MACA,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC;MACzB,SAAS,GAAG,IAAI;MAChB,SAAS,CAAC,KAAK,CAAC;MAChB,MAAM,CAAC,OAAO,CAAC;MACf,UAAU,CAAC,KAAK,CAAC;MACjB,IAAI,WAAW,EAAE,GAAG,CAAC,eAAe,CAAC,WAAW,CAAC;MACjD;MACA,IAAI,YAAY,IAAI,QAAQ,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;IACnF,CAAC,CAAC,OAAO,CAAC,EAAE;MACV,IAAI,QAAQ,IAAI,UAAU,KAAK,cAAc,EAAE;MAC/C,SAAS,GAAG,IAAI;MAChB,SAAS,CAAC,IAAI,CAAC;MACf,QAAQ,CAAC,CAAC,YAAY,KAAK,GAAG,CAAC,CAAC,OAAO,GAAG,oBAAoB,CAAC;MAC/D,IAAI,YAAY,IAAI,QAAQ,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC;IACzF,CAAC,SAAS;MACR,IAAI,CAAC,QAAQ,IAAI,UAAU,KAAK,cAAc,EAAE,UAAU,CAAC,KAAK,CAAC;IACnE;EACF,CAAC;EAED,OAAO,CAAC,MAAM;IACZ;IACA,UAAU,CAAC,KAAK,CAAC;IACjB,IAAI,KAAK,CAAC,QAAQ,EAAE,KAAK,IAAI,CAAC,CAAC;EACjC,CAAC,CAAC;EAEF,MAAM,YAAY,GAAG,YAAY;IAC/B,IAAI,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAE;IAClD,MAAM,UAAU,GAAG,EAAE,cAAc;IACnC,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC;IACrC;IACA,aAAa,CAAC,CAAC,GAAG,CAAC;IACnB,IAAI,CAAC,GAAG,EAAE;IACV,GAAG,CAAC,MAAM,GAAG,IAAI;IACjB,GAAG,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU;IACzD,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,mBAAmB;IAC9D,UAAU,CAAC,IAAI,CAAC;IAChB,QAAQ,CAAC,IAAI,CAAC;IACd,IAAI;MACF,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,IAAI,MAAM,MAAM,WAAW,CAAC,CAAC,CAAC;MACzE,IAAI,QAAQ,IAAI,UAAU,KAAK,cAAc,EAAE;QAC7C,GAAG,CAAC,KAAK,CAAC,CAAC;QACX;MACF;MACA,MAAM,SAAS,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;MAC3C,GAAG,CAAC,QAAQ,CAAC,IAAI,GAAG,SAAS;MAC7B,MAAM,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IACjE,CAAC,CAAC,OAAO,CAAC,EAAE;MACV,GAAG,CAAC,KAAK,CAAC,CAAC;MACX,IAAI,CAAC,QAAQ,IAAI,UAAU,KAAK,cAAc,EAAE,QAAQ,CAAC,CAAC,YAAY,KAAK,GAAG,CAAC,CAAC,OAAO,GAAG,oBAAoB,CAAC;IACjH,CAAC,SAAS;MACR,IAAI,CAAC,QAAQ,IAAI,UAAU,KAAK,cAAc,EAAE,UAAU,CAAC,KAAK,CAAC;IACnE;EACF,CAAC;;EAED;EACA;EACA,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;EAC1G,MAAM,OAAO,GAAG,gDAEX,IAAI;IAAA,IACH,IAAI;MAAA,OAAE,gBAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,OAAI,KAAK,CAAC,QAAQ;IAAA;IAAA,IAC3C,QAAQ;MAAA,iDAQM,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,GAAG,CAAC,iCAE5C,OAAO,CAAC,CAAC,GAAG,yBAAyB,GAAG,qBAAqB,mBACtE,KAAK,CAAC,eAAe,IAAI,QAAQ,CAAC,CAAC,CAAC,WAAW;IAAA;IAAA,UAIlD,IAAI,IACJ;IAAA,+CAMQ,IAAI,CAAC,CAAC,0BAKX,KAAK,CAAC,eAAe,IAAI,QAAQ,CAAC,CAAC,CAAC,WAAW;EAEnD,gCAEF,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,UAAU;IAAA;IAAA;MAAA,gDAOd,KAAK,CAAC,QAAQ,GAAG,CAAC,kBAG3B,QAAQ,CAAC,CAAC,CAAC,QAAQ;IAAA;EAAA,gCAGvB,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,UAAU,CAAC,CAAC;IAAA;IAAA;MAAA,iDAQV,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,GAAG,CAAC,iCAE5C,OAAO,CAAC,CAAC,GAAG,yBAAyB,GAAG,qBAAqB,mBACtE,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU;IAAA;EAAA,gCAG9C,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,UAAU,CAAC,CAAC;IAAA;IAAA;MAAA,+BAEnB,QAAQ,CAAC,CAAC,CAAC,oBAAoB;IAAA;EAAA,IAIvC;EACD;EACA,MAAM,OAAO,GAAG,wBACb,IAAI;IAAA,IACH,IAAI;MAAA,OAAE,KAAK,CAAC,CAAC;IAAA;IAAA,IACb,QAAQ;MAAA,yBACL,IAAI;QAAA,IACH,IAAI;UAAA,OAAE,GAAG,CAAC,CAAC;QAAA;QAAA,IACX,QAAQ;UAAA,yBACL,WAAW;YAAA;YAAA,IAEV,KAAK;cAAA,OAAE,OAAO,CAAC,CAAC,GAAG,SAAS,GAAG,OAAO;YAAA;YAAA,IACtC,IAAI;cAAA,OAAE,OAAO,CAAC,CAAC,GAAG,SAAS,GAAG,qBAAqB;YAAA;YAAA,IACnD,KAAK;cAAA,OAAE,sBAAO,CAAC,CAAC,MAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,GAAG,SAAS;YAAA;YAAA,IACjD,WAAW;cAAA,OAAE,sBAAO,CAAC,CAAC,MAAG,SAAS,GAAI,KAAK,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,gBAAiB;YAAA;UAAA;QAAA;QAAA,UAIvF,UAAU,kDAC0C,UAAU,CAAC,CAAC,mDAAS,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU;MAC9G;IAAA;IAAA,UAIH,OAAO,IACP,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,sBAC3B,WAAW;MAAA;MAEV,KAAK;MAAA,IACL,WAAW;QAAA,OAAE,OAAO,CAAC,CAAC;MAAA;MAAA,IACtB,MAAM;QAAA;UACJ;UACA,yBAAU,CAAC,CAAC,MAAG,SAAS,6CAQV,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,GAAG,CAAC,kBAExC,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK;QAEzC;MAAA;IAAA;EAGN,EAGN;EAED,IAAI,KAAK,CAAC,QAAQ,EAChB,OAAO,KAAK,CAAC,QAAQ,CAAC;IACpB,IAAI,OAAO,GAAG;MACZ,OAAO,OAAO,CAAC,CAAC;IAClB,CAAC;IACD,IAAI,OAAO,GAAG;MACZ,OAAO,OAAO,CAAC,CAAC;IAClB;EACF,CAAC,CAAC;EACJ,sBACkB,oCAA2B,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,6BAGvD,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,KAAK;IAAA;IAAA;MAAA,+BACuB,KAAK,CAAC,KAAK;IAAA;EAAA,cAG1D,OAAO,CAAC,CAAC,YAEX,OAAO,CAAC,CAAC;AAGhB","ignoreList":[]}

package/dist/ssr/content/ZoomPanViewport.js

@@ -7,10 +7,10 @@ import { createComponent as _$createComponent } from "solid-js/web";
 var _tmpl$ = ["<i", " aria-hidden=\"true\"></i>"],
   _tmpl$2 = ["<footer class=\"k2b-dialog__actions\">", "</footer>"],
   _tmpl$3 = ["<div class=\"k2b-dialog__panel k2b-dialog__stack\">", "<div class=\"k2b-zoom-pan-dialog\">", "", "</div></div>"],
-  _tmpl$4 = ["<button type=\"button\" class=\"k2b-button k2b-icon-button\" data-variant=\"secondary\"", " title=\"", "\"><i class=\"", "\" aria-hidden=\"true\"></i></button>"],
+  _tmpl$4 = ["<i class=\"", "\" aria-hidden=\"true\"></i>"],
   _tmpl$5 = ["<div class=\"", "\" style=\"", "\" role=\"group\"", " tabindex=\"0\"", "><div class=\"k2b-zoom-pan__stage\"", " style=\"", "\">", "</div><div class=\"k2b-zoom-pan__controls\">", "", "", "", "</div></div>"];
 import { createSignal, For, onCleanup, onMount, Show } from "solid-js";
-import { Button } from "../actions/Button";
+import { Button, IconButton } from "../actions/Button";
 import { dialogCore } from "../feedback/dialog-core";
 import { DialogHeader } from "../feedback/prompts";
 import { LocaleProvider, useLocale } from "../intl/locale";
@@ -287,7 +287,15 @@ export function ZoomPanViewport(props) {
       observer?.disconnect();
     });
   });
-  const control = (label, shortcut, icon, action) => _$ssr(_tmpl$4, _$ssrAttribute("aria-label", _$escape(label, true), false), `${_$escape(label, true)} (${_$escape(shortcut, true)})`, `ti ${_$escape(icon, true)}`);
+  const control = (label, shortcut, icon, action) => _$createComponent(IconButton, {
+    variant: "secondary",
+    label: label,
+    tooltip: `${label} (${shortcut})`,
+    onClick: action,
+    get children() {
+      return _$ssr(_tmpl$4, `ti ${_$escape(icon, true)}`);
+    }
+  });
   return _$ssr(_tmpl$5, `k2b-zoom-pan ${_$escape(props.class ?? "", true)}`, _$ssrStyle(props.style), _$ssrAttribute("aria-label", _$escape(props.label, true), false) + _$ssrAttribute("aria-description", _$escape(messages().zoomPanKeys, true), false), _$ssrAttribute("data-controls", _$escape(props.controls ?? "visible", true), false) + _$ssrAttribute("data-zoomed", zoomed() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-dragging", dragging() ? "true" : _$escape(undefined, true), false), _$ssrAttribute("data-smooth", smooth() ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("transform:", `translate(${_$escape(transform().x, true)}px, ${_$escape(transform().y, true)}px) scale(${_$escape(transform().scale, true)})`), _$escape(props.children), _$escape(control(messages().zoomIn, "+", "ti-plus", () => zoomBy(ZOOM_PAN_STEP))), _$escape(control(messages().zoomOut, "-", "ti-minus", () => zoomBy(1 / ZOOM_PAN_STEP))), _$escape(control(messages().resetZoom, "0", "ti-focus-centered", reset)), _$escape(_$createComponent(Show, {
     get when() {
       return props.fullscreen;

package/dist/ssr/content/ZoomPanViewport.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/ZoomPanViewport.tsx"],"sourcesContent":["import { createSignal, For, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { dialogCore } from \"../feedback/dialog-core\";\nimport { DialogHeader } from \"../feedback/prompts\";\nimport { LocaleProvider, useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport {\n  clampZoomPan,\n  panZoomPan,\n  ZOOM_PAN_FIT,\n  ZOOM_PAN_STEP,\n  type ZoomPanGeometry,\n  type ZoomPanTransform,\n  zoomZoomPanAt,\n} from \"./zoom-pan\";\n\nexport type ZoomPanAction = {\n  label: string;\n  icon?: string;\n  /** Runs the action; the button shows a pending state until a returned promise settles. Handle failures here. */\n  onSelect: () => void | Promise<void>;\n};\n\nexport type ZoomPanFullscreen = {\n  /** Heading and accessible name of the fullscreen dialog. */\n  title: string;\n  /** Renders a fresh copy of the content for the dialog. Called once per opening. */\n  content: () => JSX.Element;\n  /** Actions shown in the fullscreen dialog, for example exports. */\n  actions?: readonly ZoomPanAction[];\n};\n\nexport type ZoomPanViewportProps = {\n  /** Accessible name of the focusable viewport. */\n  label: string;\n  /** The zoomable content. Its first element is measured to keep it on screen. */\n  children: JSX.Element;\n  /** Enables the fullscreen control and the `F` shortcut. */\n  fullscreen?: ZoomPanFullscreen;\n  /** `hover` reveals the controls on hover, on focus, and while zoomed in. Touch screens always show them. */\n  controls?: \"visible\" | \"hover\";\n  class?: string;\n  style?: JSX.CSSProperties;\n};\n\nconst PAN_KEY_STEP = 48;\nconst DRAG_THRESHOLD = 4;\nconst PAN_KEYS: Record<string, readonly [number, number]> = {\n  ArrowLeft: [PAN_KEY_STEP, 0],\n  ArrowRight: [-PAN_KEY_STEP, 0],\n  ArrowUp: [0, PAN_KEY_STEP],\n  ArrowDown: [0, -PAN_KEY_STEP],\n};\n\n/** Current screen transform of the stage, including a running CSS transition. */\nconst renderedTransform = (stage: HTMLElement, fallback: ZoomPanTransform): ZoomPanTransform => {\n  const match = /^matrix\\(([^)]+)\\)$/.exec(getComputedStyle(stage).transform ?? \"\");\n  const values = match?.[1]?.split(\",\").map(Number);\n  if (!values || values.length !== 6 || values.some((value) => !Number.isFinite(value)) || !values[0]) return fallback;\n  return { scale: values[0], x: values[4] ?? 0, y: values[5] ?? 0 };\n};\n\nconst ActionButton = (props: { action: ZoomPanAction }): JSX.Element => {\n  const [pending, setPending] = createSignal(false);\n  const run = async () => {\n    if (pending()) return;\n    setPending(true);\n    try {\n      await props.action.onSelect();\n    } catch (error) {\n      console.error(\"Zoom-pan action failed\", error);\n    } finally {\n      setPending(false);\n    }\n  };\n  return (\n    <Button variant=\"secondary\" loading={pending()} onClick={() => void run()}>\n      <Show when={props.action.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      {props.action.label}\n    </Button>\n  );\n};\n\n/**\n * Makes any content zoomable (fit to 8×) and pannable with buttons, Ctrl/Cmd +\n * wheel, pinch, drag, and keys. It applies a CSS transform, so vector content\n * stays crisp and is never re-rendered. The view always starts at fit.\n */\nexport function ZoomPanViewport(props: ZoomPanViewportProps): JSX.Element {\n  const messages = useUiMessages();\n  const locale = useLocale();\n  const [transform, setTransform] = createSignal<ZoomPanTransform>(ZOOM_PAN_FIT);\n  const [smooth, setSmooth] = createSignal(false);\n  const [dragging, setDragging] = createSignal(false);\n  let root: HTMLDivElement | undefined;\n  let stage: HTMLDivElement | undefined;\n  const pointers = new Map<number, { x: number; y: number }>();\n  let drag: { id: number; x: number; y: number; origin: ZoomPanTransform; moved: boolean } | undefined;\n  let pinch: { distance: number; center: { x: number; y: number }; origin: ZoomPanTransform } | undefined;\n  let suppressClick = false;\n\n  const zoomed = () => transform().scale > 1;\n\n  const geometry = (): ZoomPanGeometry => {\n    const rect = root?.getBoundingClientRect();\n    const width = rect?.width ?? 0;\n    const height = rect?.height ?? 0;\n    const content = stage?.firstElementChild?.getBoundingClientRect();\n    if (!rect || !stage || !content || content.width <= 0 || content.height <= 0) {\n      return { width, height, content: { left: 0, top: 0, width, height } };\n    }\n    const current = renderedTransform(stage, transform());\n    return {\n      width,\n      height,\n      content: {\n        left: (content.left - rect.left - current.x) / current.scale,\n        top: (content.top - rect.top - current.y) / current.scale,\n        width: content.width / current.scale,\n        height: content.height / current.scale,\n      },\n    };\n  };\n\n  const apply = (next: ZoomPanTransform, animate: boolean) => {\n    setSmooth(animate);\n    setTransform(next);\n  };\n\n  const local = (event: { clientX: number; clientY: number }) => {\n    const rect = root?.getBoundingClientRect();\n    return { x: event.clientX - (rect?.left ?? 0), y: event.clientY - (rect?.top ?? 0) };\n  };\n\n  const zoomBy = (factor: number, point?: { x: number; y: number }, animate = true) => {\n    const box = geometry();\n    const current = transform();\n    apply(zoomZoomPanAt(current, current.scale * factor, point ?? { x: box.width / 2, y: box.height / 2 }, box), animate);\n  };\n\n  const reset = () => apply(ZOOM_PAN_FIT, true);\n\n  const openFullscreen = () => {\n    const fullscreen = props.fullscreen;\n    if (!fullscreen) return;\n    const currentLocale = locale();\n    void dialogCore.open<void>(\n      (close) => (\n        <LocaleProvider locale={currentLocale}>\n          <div class=\"k2b-dialog__panel k2b-dialog__stack\">\n            <DialogHeader title={fullscreen.title} close={() => close()} />\n            <div class=\"k2b-zoom-pan-dialog\">\n              <ZoomPanViewport label={props.label}>{fullscreen.content()}</ZoomPanViewport>\n              <Show when={fullscreen.actions?.length}>\n                <footer class=\"k2b-dialog__actions\">\n                  <For each={fullscreen.actions}>{(action) => <ActionButton action={action} />}</For>\n                </footer>\n              </Show>\n            </div>\n          </div>\n        </LocaleProvider>\n      ),\n      {\n        panelClassName: \"k2b-dialog k2b-dialog--full\",\n        ariaLabel: fullscreen.title,\n        initialFocus: (dialog) => dialog.querySelector<HTMLElement>(\".k2b-zoom-pan\"),\n      },\n    );\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    if (event.target !== root || event.ctrlKey || event.metaKey || event.altKey) return;\n    const key = event.key;\n    if (key === \"+\" || key === \"=\") zoomBy(ZOOM_PAN_STEP);\n    else if (key === \"-\" || key === \"_\") zoomBy(1 / ZOOM_PAN_STEP);\n    else if (key === \"0\") reset();\n    else if ((key === \"f\" || key === \"F\") && props.fullscreen) openFullscreen();\n    else {\n      const delta = PAN_KEYS[key];\n      // At fit the arrow keys keep scrolling the page.\n      if (!delta || !zoomed()) return;\n      apply(panZoomPan(transform(), delta[0], delta[1], geometry()), true);\n    }\n    event.preventDefault();\n  };\n\n  // Plain wheel keeps scrolling the page; Ctrl/Cmd + wheel (and trackpad pinch) zooms toward the pointer.\n  const handleWheel: JSX.EventHandler<HTMLDivElement, WheelEvent> = (event) => {\n    if (!event.ctrlKey && !event.metaKey) return;\n    event.preventDefault();\n    const lines = event.deltaMode === 1 ? 16 : event.deltaMode === 2 ? 400 : 1;\n    const delta = Math.max(-50, Math.min(50, event.deltaY * lines));\n    zoomBy(Math.exp(-delta / 100), local(event), false);\n  };\n\n  const handlePointerDown: JSX.EventHandler<HTMLDivElement, PointerEvent> = (event) => {\n    if (event.button !== 0 || (event.target as Element).closest(\"button, a, input, select, textarea\")) return;\n    pointers.set(event.pointerId, local(event));\n    if (pointers.size === 2) {\n      const [first, second] = [...pointers.values()] as [{ x: number; y: number }, { x: number; y: number }];\n      pinch = {\n        distance: Math.max(1, Math.hypot(second.x - first.x, second.y - first.y)),\n        center: { x: (first.x + second.x) / 2, y: (first.y + second.y) / 2 },\n        origin: transform(),\n      };\n      drag = undefined;\n    } else if (pointers.size === 1 && zoomed()) {\n      // Panning starts only above fit, so clicks and text selection keep working at fit.\n      drag = { id: event.pointerId, x: event.clientX, y: event.clientY, origin: transform(), moved: false };\n    } else return;\n    try {\n      event.currentTarget.setPointerCapture(event.pointerId);\n    } catch {\n      // A synthetic or already released pointer cannot be captured; moves still arrive while inside.\n    }\n  };\n\n  const handlePointerMove: JSX.EventHandler<HTMLDivElement, PointerEvent> = (event) => {\n    if (!pointers.has(event.pointerId)) return;\n    pointers.set(event.pointerId, local(event));\n    if (pinch && pointers.size >= 2) {\n      const [first, second] = [...pointers.values()] as [{ x: number; y: number }, { x: number; y: number }];\n      const distance = Math.hypot(second.x - first.x, second.y - first.y);\n      const center = { x: (first.x + second.x) / 2, y: (first.y + second.y) / 2 };\n      const box = geometry();\n      const scaled = zoomZoomPanAt(pinch.origin, pinch.origin.scale * (distance / pinch.distance), pinch.center, box);\n      apply(panZoomPan(scaled, center.x - pinch.center.x, center.y - pinch.center.y, box), false);\n      return;\n    }\n    if (drag?.id !== event.pointerId) return;\n    const dx = event.clientX - drag.x;\n    const dy = event.clientY - drag.y;\n    if (!drag.moved && Math.hypot(dx, dy) < DRAG_THRESHOLD) return;\n    drag.moved = true;\n    setDragging(true);\n    apply(panZoomPan(drag.origin, dx, dy, geometry()), false);\n  };\n\n  const handlePointerEnd: JSX.EventHandler<HTMLDivElement, PointerEvent> = (event) => {\n    pointers.delete(event.pointerId);\n    if (pointers.size < 2) pinch = undefined;\n    if (drag?.id !== event.pointerId) return;\n    if (drag.moved) {\n      // The click that follows this pointerup (if the browser sends one) comes in the same task.\n      suppressClick = true;\n      setTimeout(() => {\n        suppressClick = false;\n      });\n    }\n    drag = undefined;\n    setDragging(false);\n  };\n\n  onMount(() => {\n    const element = root;\n    if (!element) return;\n    // A drag must not also count as a click on the content or its owner.\n    const click = (event: MouseEvent) => {\n      if (!suppressClick) return;\n      suppressClick = false;\n      event.preventDefault();\n      event.stopPropagation();\n    };\n    // Keep a two-finger gesture for pinch zoom instead of page panning.\n    const touchMove = (event: TouchEvent) => {\n      if (event.touches.length > 1) event.preventDefault();\n    };\n    element.addEventListener(\"click\", click, true);\n    element.addEventListener(\"touchmove\", touchMove, { passive: false });\n    const observer =\n      typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(() => apply(clampZoomPan(transform(), geometry()), false));\n    observer?.observe(element);\n    onCleanup(() => {\n      element.removeEventListener(\"click\", click, true);\n      element.removeEventListener(\"touchmove\", touchMove);\n      observer?.disconnect();\n    });\n  });\n\n  const control = (label: string, shortcut: string, icon: string, action: () => void) => (\n    <button\n      type=\"button\"\n      class=\"k2b-button k2b-icon-button\"\n      data-variant=\"secondary\"\n      aria-label={label}\n      title={`${label} (${shortcut})`}\n      onClick={action}\n    >\n      <i class={`ti ${icon}`} aria-hidden=\"true\" />\n    </button>\n  );\n\n  return (\n    <div\n      ref={root}\n      class={`k2b-zoom-pan ${props.class ?? \"\"}`}\n      style={props.style}\n      role=\"group\"\n      aria-label={props.label}\n      aria-description={messages().zoomPanKeys}\n      tabIndex={0}\n      data-controls={props.controls ?? \"visible\"}\n      data-zoomed={zoomed() ? \"true\" : undefined}\n      data-dragging={dragging() ? \"true\" : undefined}\n      onKeyDown={handleKeyDown}\n      onWheel={handleWheel}\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onPointerUp={handlePointerEnd}\n      onPointerCancel={handlePointerEnd}\n    >\n      <div\n        ref={stage}\n        class=\"k2b-zoom-pan__stage\"\n        data-smooth={smooth() ? \"true\" : undefined}\n        style={{ transform: `translate(${transform().x}px, ${transform().y}px) scale(${transform().scale})` }}\n      >\n        {props.children}\n      </div>\n      <div class=\"k2b-zoom-pan__controls\">\n        {control(messages().zoomIn, \"+\", \"ti-plus\", () => zoomBy(ZOOM_PAN_STEP))}\n        {control(messages().zoomOut, \"-\", \"ti-minus\", () => zoomBy(1 / ZOOM_PAN_STEP))}\n        {control(messages().resetZoom, \"0\", \"ti-focus-centered\", reset)}\n        <Show when={props.fullscreen}>{control(messages().openFullscreen, \"F\", \"ti-maximize\", openFullscreen)}</Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/ZoomPanViewport.tsx"],"sourcesContent":["import { createSignal, For, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { dialogCore } from \"../feedback/dialog-core\";\nimport { DialogHeader } from \"../feedback/prompts\";\nimport { LocaleProvider, useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport {\n  clampZoomPan,\n  panZoomPan,\n  ZOOM_PAN_FIT,\n  ZOOM_PAN_STEP,\n  type ZoomPanGeometry,\n  type ZoomPanTransform,\n  zoomZoomPanAt,\n} from \"./zoom-pan\";\n\nexport type ZoomPanAction = {\n  label: string;\n  icon?: string;\n  /** Runs the action; the button shows a pending state until a returned promise settles. Handle failures here. */\n  onSelect: () => void | Promise<void>;\n};\n\nexport type ZoomPanFullscreen = {\n  /** Heading and accessible name of the fullscreen dialog. */\n  title: string;\n  /** Renders a fresh copy of the content for the dialog. Called once per opening. */\n  content: () => JSX.Element;\n  /** Actions shown in the fullscreen dialog, for example exports. */\n  actions?: readonly ZoomPanAction[];\n};\n\nexport type ZoomPanViewportProps = {\n  /** Accessible name of the focusable viewport. */\n  label: string;\n  /** The zoomable content. Its first element is measured to keep it on screen. */\n  children: JSX.Element;\n  /** Enables the fullscreen control and the `F` shortcut. */\n  fullscreen?: ZoomPanFullscreen;\n  /** `hover` reveals the controls on hover, on focus, and while zoomed in. Touch screens always show them. */\n  controls?: \"visible\" | \"hover\";\n  class?: string;\n  style?: JSX.CSSProperties;\n};\n\nconst PAN_KEY_STEP = 48;\nconst DRAG_THRESHOLD = 4;\nconst PAN_KEYS: Record<string, readonly [number, number]> = {\n  ArrowLeft: [PAN_KEY_STEP, 0],\n  ArrowRight: [-PAN_KEY_STEP, 0],\n  ArrowUp: [0, PAN_KEY_STEP],\n  ArrowDown: [0, -PAN_KEY_STEP],\n};\n\n/** Current screen transform of the stage, including a running CSS transition. */\nconst renderedTransform = (stage: HTMLElement, fallback: ZoomPanTransform): ZoomPanTransform => {\n  const match = /^matrix\\(([^)]+)\\)$/.exec(getComputedStyle(stage).transform ?? \"\");\n  const values = match?.[1]?.split(\",\").map(Number);\n  if (!values || values.length !== 6 || values.some((value) => !Number.isFinite(value)) || !values[0]) return fallback;\n  return { scale: values[0], x: values[4] ?? 0, y: values[5] ?? 0 };\n};\n\nconst ActionButton = (props: { action: ZoomPanAction }): JSX.Element => {\n  const [pending, setPending] = createSignal(false);\n  const run = async () => {\n    if (pending()) return;\n    setPending(true);\n    try {\n      await props.action.onSelect();\n    } catch (error) {\n      console.error(\"Zoom-pan action failed\", error);\n    } finally {\n      setPending(false);\n    }\n  };\n  return (\n    <Button variant=\"secondary\" loading={pending()} onClick={() => void run()}>\n      <Show when={props.action.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      {props.action.label}\n    </Button>\n  );\n};\n\n/**\n * Makes any content zoomable (fit to 8×) and pannable with buttons, Ctrl/Cmd +\n * wheel, pinch, drag, and keys. It applies a CSS transform, so vector content\n * stays crisp and is never re-rendered. The view always starts at fit.\n */\nexport function ZoomPanViewport(props: ZoomPanViewportProps): JSX.Element {\n  const messages = useUiMessages();\n  const locale = useLocale();\n  const [transform, setTransform] = createSignal<ZoomPanTransform>(ZOOM_PAN_FIT);\n  const [smooth, setSmooth] = createSignal(false);\n  const [dragging, setDragging] = createSignal(false);\n  let root: HTMLDivElement | undefined;\n  let stage: HTMLDivElement | undefined;\n  const pointers = new Map<number, { x: number; y: number }>();\n  let drag: { id: number; x: number; y: number; origin: ZoomPanTransform; moved: boolean } | undefined;\n  let pinch: { distance: number; center: { x: number; y: number }; origin: ZoomPanTransform } | undefined;\n  let suppressClick = false;\n\n  const zoomed = () => transform().scale > 1;\n\n  const geometry = (): ZoomPanGeometry => {\n    const rect = root?.getBoundingClientRect();\n    const width = rect?.width ?? 0;\n    const height = rect?.height ?? 0;\n    const content = stage?.firstElementChild?.getBoundingClientRect();\n    if (!rect || !stage || !content || content.width <= 0 || content.height <= 0) {\n      return { width, height, content: { left: 0, top: 0, width, height } };\n    }\n    const current = renderedTransform(stage, transform());\n    return {\n      width,\n      height,\n      content: {\n        left: (content.left - rect.left - current.x) / current.scale,\n        top: (content.top - rect.top - current.y) / current.scale,\n        width: content.width / current.scale,\n        height: content.height / current.scale,\n      },\n    };\n  };\n\n  const apply = (next: ZoomPanTransform, animate: boolean) => {\n    setSmooth(animate);\n    setTransform(next);\n  };\n\n  const local = (event: { clientX: number; clientY: number }) => {\n    const rect = root?.getBoundingClientRect();\n    return { x: event.clientX - (rect?.left ?? 0), y: event.clientY - (rect?.top ?? 0) };\n  };\n\n  const zoomBy = (factor: number, point?: { x: number; y: number }, animate = true) => {\n    const box = geometry();\n    const current = transform();\n    apply(zoomZoomPanAt(current, current.scale * factor, point ?? { x: box.width / 2, y: box.height / 2 }, box), animate);\n  };\n\n  const reset = () => apply(ZOOM_PAN_FIT, true);\n\n  const openFullscreen = () => {\n    const fullscreen = props.fullscreen;\n    if (!fullscreen) return;\n    const currentLocale = locale();\n    void dialogCore.open<void>(\n      (close) => (\n        <LocaleProvider locale={currentLocale}>\n          <div class=\"k2b-dialog__panel k2b-dialog__stack\">\n            <DialogHeader title={fullscreen.title} close={() => close()} />\n            <div class=\"k2b-zoom-pan-dialog\">\n              <ZoomPanViewport label={props.label}>{fullscreen.content()}</ZoomPanViewport>\n              <Show when={fullscreen.actions?.length}>\n                <footer class=\"k2b-dialog__actions\">\n                  <For each={fullscreen.actions}>{(action) => <ActionButton action={action} />}</For>\n                </footer>\n              </Show>\n            </div>\n          </div>\n        </LocaleProvider>\n      ),\n      {\n        panelClassName: \"k2b-dialog k2b-dialog--full\",\n        ariaLabel: fullscreen.title,\n        initialFocus: (dialog) => dialog.querySelector<HTMLElement>(\".k2b-zoom-pan\"),\n      },\n    );\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    if (event.target !== root || event.ctrlKey || event.metaKey || event.altKey) return;\n    const key = event.key;\n    if (key === \"+\" || key === \"=\") zoomBy(ZOOM_PAN_STEP);\n    else if (key === \"-\" || key === \"_\") zoomBy(1 / ZOOM_PAN_STEP);\n    else if (key === \"0\") reset();\n    else if ((key === \"f\" || key === \"F\") && props.fullscreen) openFullscreen();\n    else {\n      const delta = PAN_KEYS[key];\n      // At fit the arrow keys keep scrolling the page.\n      if (!delta || !zoomed()) return;\n      apply(panZoomPan(transform(), delta[0], delta[1], geometry()), true);\n    }\n    event.preventDefault();\n  };\n\n  // Plain wheel keeps scrolling the page; Ctrl/Cmd + wheel (and trackpad pinch) zooms toward the pointer.\n  const handleWheel: JSX.EventHandler<HTMLDivElement, WheelEvent> = (event) => {\n    if (!event.ctrlKey && !event.metaKey) return;\n    event.preventDefault();\n    const lines = event.deltaMode === 1 ? 16 : event.deltaMode === 2 ? 400 : 1;\n    const delta = Math.max(-50, Math.min(50, event.deltaY * lines));\n    zoomBy(Math.exp(-delta / 100), local(event), false);\n  };\n\n  const handlePointerDown: JSX.EventHandler<HTMLDivElement, PointerEvent> = (event) => {\n    if (event.button !== 0 || (event.target as Element).closest(\"button, a, input, select, textarea\")) return;\n    pointers.set(event.pointerId, local(event));\n    if (pointers.size === 2) {\n      const [first, second] = [...pointers.values()] as [{ x: number; y: number }, { x: number; y: number }];\n      pinch = {\n        distance: Math.max(1, Math.hypot(second.x - first.x, second.y - first.y)),\n        center: { x: (first.x + second.x) / 2, y: (first.y + second.y) / 2 },\n        origin: transform(),\n      };\n      drag = undefined;\n    } else if (pointers.size === 1 && zoomed()) {\n      // Panning starts only above fit, so clicks and text selection keep working at fit.\n      drag = { id: event.pointerId, x: event.clientX, y: event.clientY, origin: transform(), moved: false };\n    } else return;\n    try {\n      event.currentTarget.setPointerCapture(event.pointerId);\n    } catch {\n      // A synthetic or already released pointer cannot be captured; moves still arrive while inside.\n    }\n  };\n\n  const handlePointerMove: JSX.EventHandler<HTMLDivElement, PointerEvent> = (event) => {\n    if (!pointers.has(event.pointerId)) return;\n    pointers.set(event.pointerId, local(event));\n    if (pinch && pointers.size >= 2) {\n      const [first, second] = [...pointers.values()] as [{ x: number; y: number }, { x: number; y: number }];\n      const distance = Math.hypot(second.x - first.x, second.y - first.y);\n      const center = { x: (first.x + second.x) / 2, y: (first.y + second.y) / 2 };\n      const box = geometry();\n      const scaled = zoomZoomPanAt(pinch.origin, pinch.origin.scale * (distance / pinch.distance), pinch.center, box);\n      apply(panZoomPan(scaled, center.x - pinch.center.x, center.y - pinch.center.y, box), false);\n      return;\n    }\n    if (drag?.id !== event.pointerId) return;\n    const dx = event.clientX - drag.x;\n    const dy = event.clientY - drag.y;\n    if (!drag.moved && Math.hypot(dx, dy) < DRAG_THRESHOLD) return;\n    drag.moved = true;\n    setDragging(true);\n    apply(panZoomPan(drag.origin, dx, dy, geometry()), false);\n  };\n\n  const handlePointerEnd: JSX.EventHandler<HTMLDivElement, PointerEvent> = (event) => {\n    pointers.delete(event.pointerId);\n    if (pointers.size < 2) pinch = undefined;\n    if (drag?.id !== event.pointerId) return;\n    if (drag.moved) {\n      // The click that follows this pointerup (if the browser sends one) comes in the same task.\n      suppressClick = true;\n      setTimeout(() => {\n        suppressClick = false;\n      });\n    }\n    drag = undefined;\n    setDragging(false);\n  };\n\n  onMount(() => {\n    const element = root;\n    if (!element) return;\n    // A drag must not also count as a click on the content or its owner.\n    const click = (event: MouseEvent) => {\n      if (!suppressClick) return;\n      suppressClick = false;\n      event.preventDefault();\n      event.stopPropagation();\n    };\n    // Keep a two-finger gesture for pinch zoom instead of page panning.\n    const touchMove = (event: TouchEvent) => {\n      if (event.touches.length > 1) event.preventDefault();\n    };\n    element.addEventListener(\"click\", click, true);\n    element.addEventListener(\"touchmove\", touchMove, { passive: false });\n    const observer =\n      typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(() => apply(clampZoomPan(transform(), geometry()), false));\n    observer?.observe(element);\n    onCleanup(() => {\n      element.removeEventListener(\"click\", click, true);\n      element.removeEventListener(\"touchmove\", touchMove);\n      observer?.disconnect();\n    });\n  });\n\n  const control = (label: string, shortcut: string, icon: string, action: () => void) => (\n    <IconButton variant=\"secondary\" label={label} tooltip={`${label} (${shortcut})`} onClick={action}>\n      <i class={`ti ${icon}`} aria-hidden=\"true\" />\n    </IconButton>\n  );\n\n  return (\n    <div\n      ref={root}\n      class={`k2b-zoom-pan ${props.class ?? \"\"}`}\n      style={props.style}\n      role=\"group\"\n      aria-label={props.label}\n      aria-description={messages().zoomPanKeys}\n      tabIndex={0}\n      data-controls={props.controls ?? \"visible\"}\n      data-zoomed={zoomed() ? \"true\" : undefined}\n      data-dragging={dragging() ? \"true\" : undefined}\n      onKeyDown={handleKeyDown}\n      onWheel={handleWheel}\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onPointerUp={handlePointerEnd}\n      onPointerCancel={handlePointerEnd}\n    >\n      <div\n        ref={stage}\n        class=\"k2b-zoom-pan__stage\"\n        data-smooth={smooth() ? \"true\" : undefined}\n        style={{ transform: `translate(${transform().x}px, ${transform().y}px) scale(${transform().scale})` }}\n      >\n        {props.children}\n      </div>\n      <div class=\"k2b-zoom-pan__controls\">\n        {control(messages().zoomIn, \"+\", \"ti-plus\", () => zoomBy(ZOOM_PAN_STEP))}\n        {control(messages().zoomOut, \"-\", \"ti-minus\", () => zoomBy(1 / ZOOM_PAN_STEP))}\n        {control(messages().resetZoom, \"0\", \"ti-focus-centered\", reset)}\n        <Show when={props.fullscreen}>{control(messages().openFullscreen, \"F\", \"ti-maximize\", openFullscreen)}</Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/feedback/HoverPreview.js

@@ -0,0 +1,360 @@
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = ["<div", " popover=\"auto\" role=\"dialog\"", " tabindex=\"-1\"", ">", "</div>"];
+import { createEffect, createSignal, createUniqueId, onCleanup, onMount, Show } from "solid-js";
+import { returnFocus, ringOnReturn } from "../internal/focus-return";
+import { positionTooltipSurface } from "./tooltip-position";
+
+/** A resting pointer moving from one anchor to another swaps the card this fast. */
+const SWAP_DELAY = 90;
+/** Grace period for the pointer to travel from an anchor into the card. */
+const CLOSE_DELAY = 180;
+/** Distance to the region and to the boundary edges. */
+const GAP = 8;
+/** Keys the wiring between a controller and its `<HoverPreview>`. */
+const INTERNALS = Symbol("k2b-hover-preview");
+
+/**
+ * Where the card opens. By default it opens to the right of its anchor,
+ * centered on it or aligned with its bottom edge, and flips or clamps to stay
+ * in the viewport. With `beside`, it opens right of that region, such as a list
+ * column, top-aligned with the anchor and clamped into `within` (default: the
+ * viewport); when the card does not fit there, it does not open at all.
+ */
+
+/** Elements that use Space themselves; Space on them never toggles the card. */
+const OWNS_SPACE = ["button, input, select, textarea, summary, [contenteditable]:not([contenteditable='false'])", ...["button", "checkbox", "switch", "radio", "option", "menuitem", "menuitemcheckbox", "menuitemradio", "tab", "treeitem"].map(role => `[role='${role}']`)].join(", ");
+
+/** Open light-dismiss popovers, such as a menu or a date picker, close when another one opens. */
+const AUTO_POPOVER = ":is([popover=''], [popover='auto' i]):popover-open";
+
+/**
+ * Creates the behavior of one hover preview card shared by a group of anchors,
+ * such as the rows of a list. Render the card with `<HoverPreview preview={…}>`.
+ */
+export function createHoverPreview(options = {}) {
+  const id = `k2b-hover-preview-${createUniqueId()}`;
+  const anchors = new Set();
+  const [current, setCurrent] = createSignal();
+  const [open, setOpen] = createSignal(false);
+  let surface;
+  let timer;
+  /** The anchor whose open delay runs while the card is closed. */
+  let pending;
+  /** The anchor that Space or `toggle()` opened the card for; only it outlasts the pointer leaving. */
+  let pinned;
+  let dismissed;
+  let ring = true;
+  let observer;
+  const placement = () => options.placement ?? {};
+  const region = () => {
+    const value = placement();
+    return "beside" in value ? value : undefined;
+  };
+  const focusTarget = anchor => anchor.trigger?.() ?? anchor.element;
+  const anchorOf = node => [...anchors].find(anchor => anchor.element.contains(node));
+  const clear = () => {
+    clearTimeout(timer);
+    timer = undefined;
+    if (pending && !open()) document.removeEventListener("keydown", escape);
+    pending = undefined;
+  };
+  /** A passive card never closes a menu or another popover someone opened on purpose. */
+  const blocked = () => [...document.querySelectorAll(AUTO_POPOVER)].some(popover => popover !== surface && !(surface && popover.contains(surface)));
+
+  /** The boundary rectangle, never larger than the viewport. */
+  const bounds = within => {
+    const rect = within?.getBoundingClientRect();
+    return {
+      top: Math.max(0, rect?.top ?? 0),
+      right: Math.min(window.innerWidth, rect?.right ?? window.innerWidth),
+      bottom: Math.min(window.innerHeight, rect?.bottom ?? window.innerHeight)
+    };
+  };
+  /** Room right of the region for the card plus a gap on both sides. Works while the card is hidden. */
+  const hasRoom = () => {
+    const beside = region();
+    if (!beside || !surface) return true;
+    const area = beside.beside()?.getBoundingClientRect();
+    if (!area) return false;
+    const width = surface.getBoundingClientRect().width || Number.parseFloat(getComputedStyle(surface).width) || 0;
+    return bounds(beside.within?.()).right - area.right >= width + 2 * GAP;
+  };
+  const position = () => {
+    const anchor = current();
+    if (!surface || !anchor) return;
+    const beside = region();
+    if (beside) {
+      const area = beside.beside()?.getBoundingClientRect() ?? anchor.element.getBoundingClientRect();
+      const box = bounds(beside.within?.());
+      const height = surface.getBoundingClientRect().height;
+      const top = anchor.element.getBoundingClientRect().top;
+      surface.style.left = `${Math.round(area.right + GAP)}px`;
+      surface.style.top = `${Math.round(Math.max(box.top + GAP, Math.min(top, box.bottom - height - GAP)))}px`;
+      return;
+    }
+    positionTooltipSurface(surface, anchor.element, "right");
+    const value = placement();
+    if (!("beside" in value) && value.align === "end") {
+      const height = surface.getBoundingClientRect().height;
+      const bottom = anchor.element.getBoundingClientRect().bottom;
+      surface.style.top = `${Math.round(Math.max(8, Math.min(bottom - height, window.innerHeight - height - 8)))}px`;
+    }
+  };
+  const escape = event => {
+    if (event.key !== "Escape") return;
+    if (!open()) {
+      // Escape during the open delay works as if the card had opened and closed.
+      if (pending) dismissed = pending;
+      clear();
+      return;
+    }
+    // Focus in the card goes back to the trigger: handled here, so the browser
+    // neither returns it itself nor lights the ring for this key. A card the
+    // pointer opened leaves the key to other handlers, such as an open modeless dialog.
+    if (surface?.contains(document.activeElement)) event.preventDefault();
+    dismiss();
+  };
+  // A card beside a region belongs to a row of a scrolling list: once the list
+  // scrolls, another row sits under the pointer, so the card closes. A card
+  // beside its anchor follows it.
+  const scroll = event => {
+    const target = event.target;
+    if (!region()) return position();
+    if (!(target instanceof Node) || surface?.contains(target)) return;
+    const anchor = current();
+    if (!anchor || target.contains(anchor.element)) hide();
+  };
+  const resize = () => {
+    if (hasRoom()) position();else hide();
+  };
+  const listen = on => {
+    if (on) {
+      document.addEventListener("keydown", escape);
+      window.addEventListener("scroll", scroll, true);
+      window.addEventListener("resize", resize);
+      return;
+    }
+    document.removeEventListener("keydown", escape);
+    window.removeEventListener("scroll", scroll, true);
+    window.removeEventListener("resize", resize);
+  };
+  const hide = () => {
+    clear();
+    pinned = undefined;
+    if (!open()) return;
+    setOpen(false);
+    listen(false);
+    try {
+      surface?.hidePopover();
+    } catch {
+      // The card may already be disconnected during cleanup.
+    }
+  };
+  const dismiss = () => {
+    const anchor = current();
+    dismissed = anchor;
+    // Before hiding, so the popover does not return focus on its own.
+    if (anchor && surface?.contains(document.activeElement)) returnFocus(focusTarget(anchor), ring);
+    hide();
+  };
+  /**
+   * Opens the card for `anchor` or moves it there; `pin` keeps it open after
+   * the pointer leaves. Moving the card to another anchor drops an earlier pin.
+   * Returns whether it is open for `anchor`.
+   */
+  const show = (anchor, pin) => {
+    clear();
+    if (!surface || dismissed === anchor) return false;
+    if (options.disabled?.(anchor.value) || !hasRoom()) {
+      hide();
+      return false;
+    }
+    if (!open() || current() !== anchor) {
+      ring = ringOnReturn(focusTarget(anchor));
+      setCurrent(anchor);
+      if (!open()) {
+        try {
+          surface.showPopover();
+        } catch {
+          return false;
+        }
+        setOpen(true);
+        listen(true);
+      }
+      position();
+      pinned = undefined;
+    }
+    if (pin) pinned = anchor;
+    return true;
+  };
+  /** Shows `anchor` after `delay`; a keyboard swap (`follow`) carries an existing pin along. */
+  const schedule = (anchor, delay, follow = false) => {
+    clear();
+    if (!open()) {
+      pending = anchor;
+      document.addEventListener("keydown", escape);
+    }
+    timer = setTimeout(() => {
+      if (open()) show(anchor, follow && pinned !== undefined);else if (blocked()) clear();else show(anchor, false);
+    }, delay);
+  };
+  const leave = () => {
+    clear();
+    dismissed = undefined;
+    if (pinned && pinned === current()) return;
+    timer = setTimeout(() => {
+      // Focus holds the card open inside it, and on the anchor where focus opens it.
+      const focused = document.activeElement;
+      const held = surface?.contains(focused) || options.keyboard === "focus" && current()?.element.contains(focused);
+      if (!held) hide();
+    }, CLOSE_DELAY);
+  };
+  const focusOut = event => {
+    const next = event.relatedTarget;
+    if (next instanceof Node && (surface?.contains(next) || anchorOf(next))) return;
+    pinned = undefined;
+    leave();
+  };
+  createEffect(() => {
+    const anchor = current();
+    if (open() && anchor && options.disabled?.(anchor.value)) hide();
+  });
+  // Only an open card holds global listeners, so a server render that
+  // disposes the controller touches no browser globals.
+  onCleanup(() => {
+    hide();
+    observer?.disconnect();
+  });
+  const anchor = (value, trigger) => element => {
+    const entry = {
+      value,
+      element,
+      trigger
+    };
+    anchors.add(entry);
+    const pointerEnter = event => {
+      // Touch and pen have no resting hover; the card stays a mouse affordance.
+      if (event.pointerType !== "mouse") return;
+      clear();
+      if (open() && current() === entry || dismissed === entry) return;
+      schedule(entry, open() ? SWAP_DELAY : options.openDelay ?? 250);
+    };
+    // The open delay counts from the moment the mouse rests. An open card
+    // swaps on entering another anchor and ignores movement inside it.
+    const pointerMove = event => {
+      if (event.pointerType === "mouse" && !open() && dismissed !== entry) schedule(entry, options.openDelay ?? 250);
+    };
+    // A press acts on the row, such as opening it or its menu; a card about to open stays closed.
+    const pointerDown = () => clear();
+    const focusIn = () => {
+      if (open()) {
+        if (current() === entry) clear();else schedule(entry, SWAP_DELAY, true);
+        return;
+      }
+      clear();
+      if (options.keyboard === "focus" && dismissed !== entry) schedule(entry, options.openDelay ?? 250);
+    };
+    const keyDown = event => {
+      if (options.keyboard === "focus" || event.key !== " " || event.defaultPrevented) return;
+      // Shift+Space keeps scrolling up; other modifiers belong to shortcuts.
+      if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) return;
+      if (event.target instanceof Element && event.target.matches(OWNS_SPACE)) return;
+      event.preventDefault();
+      // A held key toggles once; its repeats only keep the page from scrolling.
+      if (event.repeat) return;
+      if (open() && current() === entry) {
+        dismiss();
+        return;
+      }
+      dismissed = undefined;
+      show(entry, true);
+    };
+    element.addEventListener("pointerenter", pointerEnter);
+    element.addEventListener("pointermove", pointerMove);
+    element.addEventListener("pointerdown", pointerDown);
+    element.addEventListener("pointerleave", leave);
+    element.addEventListener("focusin", focusIn);
+    element.addEventListener("focusout", focusOut);
+    element.addEventListener("keydown", keyDown);
+    onCleanup(() => {
+      anchors.delete(entry);
+      if (current() === entry) hide();
+      element.removeEventListener("pointerenter", pointerEnter);
+      element.removeEventListener("pointermove", pointerMove);
+      element.removeEventListener("pointerdown", pointerDown);
+      element.removeEventListener("pointerleave", leave);
+      element.removeEventListener("focusin", focusIn);
+      element.removeEventListener("focusout", focusOut);
+      element.removeEventListener("keydown", keyDown);
+    });
+  };
+  return {
+    id,
+    anchor,
+    active: () => open() ? current()?.value : undefined,
+    toggle: value => {
+      const entry = [...anchors].find(candidate => candidate.value === value);
+      if (!entry || !surface) return;
+      clear();
+      if (open() && pinned === entry && current() === entry) {
+        dismiss();
+        return;
+      }
+      // A hover may have opened the card before this click or key press pinned it.
+      ring = ringOnReturn(focusTarget(entry));
+      dismissed = undefined;
+      if (show(entry, true)) surface.focus();
+    },
+    close: dismiss,
+    [INTERNALS]: {
+      current,
+      bind: element => {
+        surface = element;
+        observer = new ResizeObserver(() => {
+          if (open()) position();
+        });
+        observer.observe(element);
+      },
+      enterSurface: clear,
+      leave,
+      focusOut,
+      toggled: visible => {
+        if (!visible) {
+          // Light dismissal by the browser: an outside click or another popover.
+          clear();
+          pinned = undefined;
+          if (open()) {
+            setOpen(false);
+            listen(false);
+          }
+        }
+        options.onOpenChange?.(visible);
+      }
+    }
+  };
+}
+/**
+ * A non-modal card that opens beside the anchor a resting mouse points at.
+ * Native popover owns the top layer and light dismissal.
+ */
+export function HoverPreview(props) {
+  const state = props.preview[INTERNALS];
+  let surface;
+  onMount(() => state.bind(surface));
+  const content = () => {
+    const children = props.children;
+    if (typeof children !== "function") return children;
+    return _$createComponent(Show, {
+      get when() {
+        return state.current();
+      },
+      keyed: true,
+      children: anchor => children(anchor.value)
+    });
+  };
+  return _$ssr(_tmpl$, _$ssrAttribute("id", _$escape(props.preview.id, true), false), _$ssrAttribute("aria-label", _$escape(props.label, true), false), _$ssrAttribute("class", props.class ? `k2b-hover-preview ${_$escape(props.class, true)}` : "k2b-hover-preview", false) + _$ssrAttribute("data-size", _$escape(props.size ?? "content", true), false), _$escape(content()));
+}
+//# sourceMappingURL=HoverPreview.js.map