@k2b/ui 0.20.0 → 0.22.0

package/dist/browser/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 { announce } from \"../feedback/announce\";\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  // The frame has its document only once it fires `load`; until then the loading state covers it.\n  const [drawn, setDrawn] = 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 frame: HTMLIFrameElement | undefined;\n  let viewer: HTMLDivElement | 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  // Without an inline PDF viewer (`navigator.pdfViewerEnabled === false`, as in Chrome on Android) a frame stays empty\n  // or downloads the file, so the viewer explains that instead and leaves the document to the open and download actions.\n  const inlineViewer = () => typeof navigator === \"undefined\" || navigator.pdfViewerEnabled !== false;\n  // There an automatic preview could show only that hint, so it requests nothing: the open action fetches the document\n  // when someone asks for it, and is also the retry after it fails. An on-demand preview still renders, because its\n  // request also checks the caller's input.\n  const openOnly = () => Boolean(props.autoLoad) && !inlineViewer();\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      setDrawn(false);\n      setUrl(nextUrl);\n      setLoading(false);\n      if (previousUrl) URL.revokeObjectURL(previousUrl);\n      // The loading status turns into the missing-viewer hint in place and stops being a live region, so say it here.\n      if (!inlineViewer()) {\n        announce(messages().pdfPreviewNoViewer);\n        announce(messages().pdfPreviewNoViewerDescription);\n      }\n      // The shown document removes the retry action; keep keyboard focus in the actions instead of the page, or, when\n      // the host shows only the content, in the viewer, which hands it on to the document once the frame has loaded it.\n      if (retryFocused && document.activeElement === document.body) (openButton?.isConnected ? openButton : viewer)?.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 or one that\n    // leaves the document to the open action.\n    setLoading(false);\n    if (props.autoLoad && !openOnly()) 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 = () => !openOnly() && (!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 uses one placeholder in the viewer's box, so loading changes no layout: idle and loading before a\n  // document arrives, loading over the frame until it has loaded the document, and the hint where no frame can.\n  const status = () => {\n    if (error()) return null;\n    if (!inlineViewer() && (url() || (openOnly() && !loading()))) return \"no-viewer\";\n    if (!url()) return loading() ? \"loading\" : \"idle\";\n    return drawn() ? null : \"loading\";\n  };\n  const viewerBox = () => (\n    // While it shows a placeholder, the viewer itself holds keyboard focus that has nowhere else to go.\n    <div ref={(element) => (viewer = element)} class=\"k2b-content-pdf-preview__viewer\" tabIndex={status() ? -1 : undefined}>\n      <Show when={!error() && inlineViewer() && url()}>\n        {(currentUrl) => (\n          <iframe\n            ref={(element) => {\n              frame = element;\n              // A new frame loads its document again, also one that was shown before a failed reload.\n              setDrawn(false);\n            }}\n            class=\"k2b-content-pdf-preview__frame\"\n            data-drawn={drawn() ? \"\" : undefined}\n            // Out of reach while the loading state covers it, so keyboard focus never lands on an invisible frame.\n            inert={!drawn()}\n            src={currentUrl()}\n            title={props.title ?? messages().pdfPreview}\n            onLoad={() => {\n              const waiting = document.activeElement === viewer;\n              setDrawn(true);\n              if (waiting) frame?.focus();\n            }}\n          />\n        )}\n      </Show>\n      <Show\n        when={error()}\n        fallback={\n          <Show when={status()}>\n            {(state) => (\n              <Placeholder\n                class=\"k2b-content-pdf-preview__placeholder\"\n                state={state() === \"loading\" ? \"loading\" : \"empty\"}\n                icon={state() === \"loading\" ? undefined : \"ti ti-file-type-pdf\"}\n                title={state() === \"loading\" ? messages().loading : state() === \"no-viewer\" ? messages().pdfPreviewNoViewer : undefined}\n                description={\n                  state() === \"idle\"\n                    ? (props.emptyText ?? messages().renderPdfPreview)\n                    : state() === \"no-viewer\"\n                      ? messages().pdfPreviewNoViewerDescription\n                      : undefined\n                }\n              />\n            )}\n          </Show>\n        }\n      >\n        {(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, and the\n              // open action is the retry of a preview that leaves the document to it.\n              renderable() || openOnly() ? 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      </Show>\n    </div>\n  );\n  // A caller's error content replaces the whole viewer, as it brings its own layout.\n  const content = () => (\n    <Show when={props.renderError ? error() : null} fallback={viewerBox()}>\n      {(message) => props.renderError?.(message())}\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 { announce } from \"../feedback/announce\";\nimport { useUiMessages } from \"../intl/messages\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { resolvePdfMessages, usePdfMessages } from \"./pdf-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 resolvePdfMessages().pdfPreviewHttpError({ status: response.status });\n};\n\nexport default function PdfPreview(props: PdfPreviewProps) {\n  const messages = useUiMessages();\n  const pdfMessages = usePdfMessages();\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  // The frame has its document only once it fires `load`; until then the loading state covers it.\n  const [drawn, setDrawn] = 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 frame: HTMLIFrameElement | undefined;\n  let viewer: HTMLDivElement | 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  // Without an inline PDF viewer (`navigator.pdfViewerEnabled === false`, as in Chrome on Android) a frame stays empty\n  // or downloads the file, so the viewer explains that instead and leaves the document to the open and download actions.\n  const inlineViewer = () => typeof navigator === \"undefined\" || navigator.pdfViewerEnabled !== false;\n  // There an automatic preview could show only that hint, so it requests nothing: the open action fetches the document\n  // when someone asks for it, and is also the retry after it fails. An on-demand preview still renders, because its\n  // request also checks the caller's input.\n  const openOnly = () => Boolean(props.autoLoad) && !inlineViewer();\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      setDrawn(false);\n      setUrl(nextUrl);\n      setLoading(false);\n      if (previousUrl) URL.revokeObjectURL(previousUrl);\n      // The loading status turns into the missing-viewer hint in place and stops being a live region, so say it here.\n      if (!inlineViewer()) {\n        announce(pdfMessages().pdfPreviewNoViewer);\n        announce(pdfMessages().pdfPreviewNoViewerDescription);\n      }\n      // The shown document removes the retry action; keep keyboard focus in the actions instead of the page, or, when\n      // the host shows only the content, in the viewer, which hands it on to the document once the frame has loaded it.\n      if (retryFocused && document.activeElement === document.body) (openButton?.isConnected ? openButton : viewer)?.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 or one that\n    // leaves the document to the open action.\n    setLoading(false);\n    if (props.autoLoad && !openOnly()) 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 ?? pdfMessages().pdfPreview;\n    tab.document.body.textContent = pdfMessages().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 = () => !openOnly() && (!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 ?? pdfMessages().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 ?? pdfMessages().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 ?? pdfMessages().previewPdf}\n        </button>\n      </Show>\n      <Show when={tabBlocked()}>\n        <span role=\"alert\" class=\"k2b-content-pdf-preview__notice\">\n          {pdfMessages().pdfPreviewTabBlocked}\n        </span>\n      </Show>\n    </div>\n  );\n  // Every state uses one placeholder in the viewer's box, so loading changes no layout: idle and loading before a\n  // document arrives, loading over the frame until it has loaded the document, and the hint where no frame can.\n  const status = () => {\n    if (error()) return null;\n    if (!inlineViewer() && (url() || (openOnly() && !loading()))) return \"no-viewer\";\n    if (!url()) return loading() ? \"loading\" : \"idle\";\n    return drawn() ? null : \"loading\";\n  };\n  const viewerBox = () => (\n    // While it shows a placeholder, the viewer itself holds keyboard focus that has nowhere else to go.\n    <div ref={(element) => (viewer = element)} class=\"k2b-content-pdf-preview__viewer\" tabIndex={status() ? -1 : undefined}>\n      <Show when={!error() && inlineViewer() && url()}>\n        {(currentUrl) => (\n          <iframe\n            ref={(element) => {\n              frame = element;\n              // A new frame loads its document again, also one that was shown before a failed reload.\n              setDrawn(false);\n            }}\n            class=\"k2b-content-pdf-preview__frame\"\n            data-drawn={drawn() ? \"\" : undefined}\n            // Out of reach while the loading state covers it, so keyboard focus never lands on an invisible frame.\n            inert={!drawn()}\n            src={currentUrl()}\n            title={props.title ?? pdfMessages().pdfPreview}\n            onLoad={() => {\n              const waiting = document.activeElement === viewer;\n              setDrawn(true);\n              if (waiting) frame?.focus();\n            }}\n          />\n        )}\n      </Show>\n      <Show\n        when={error()}\n        fallback={\n          <Show when={status()}>\n            {(state) => (\n              <Placeholder\n                class=\"k2b-content-pdf-preview__placeholder\"\n                state={state() === \"loading\" ? \"loading\" : \"empty\"}\n                icon={state() === \"loading\" ? undefined : \"ti ti-file-type-pdf\"}\n                title={state() === \"loading\" ? messages().loading : state() === \"no-viewer\" ? pdfMessages().pdfPreviewNoViewer : undefined}\n                description={\n                  state() === \"idle\"\n                    ? (props.emptyText ?? pdfMessages().renderPdfPreview)\n                    : state() === \"no-viewer\"\n                      ? pdfMessages().pdfPreviewNoViewerDescription\n                      : undefined\n                }\n              />\n            )}\n          </Show>\n        }\n      >\n        {(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, and the\n              // open action is the retry of a preview that leaves the document to it.\n              renderable() || openOnly() ? 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      </Show>\n    </div>\n  );\n  // A caller's error content replaces the whole viewer, as it brings its own layout.\n  const content = () => (\n    <Show when={props.renderError ? error() : null} fallback={viewerBox()}>\n      {(message) => props.renderError?.(message())}\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":[]}

package/dist/browser/content/RangePicker.js

@@ -12,6 +12,7 @@ var _tmpl$ = /*#__PURE__*/_$template(`<nav><!$><!/><!$><!/>`),
   _tmpl$3 = /*#__PURE__*/_$template(`<a class=k2b-range-picker__option>`);
 import { For } from "solid-js";
 import { useUiMessages } from "../intl/messages";
+import { useRangePickerMessages } from "./range-picker-messages";
 
 /**
  * RangePicker — the time window every observability surface needs.
@@ -29,7 +30,8 @@ import { useUiMessages } from "../intl/messages";
 
 export default function RangePicker(props) {
   const messages = useUiMessages();
-  const caption = () => props.label === null ? null : props.label ?? messages().window;
+  const rangePickerMessages = useRangePickerMessages();
+  const caption = () => props.label === null ? null : props.label ?? rangePickerMessages().window;
   return (() => {
     var _el$ = _$getNextElement(_tmpl$),
       _el$2 = _el$.firstChild,

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/RangePicker.tsx"],"sourcesContent":["import { For } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\n\n/**\n * RangePicker — the time window every observability surface needs.\n *\n * Rendered as links rather than buttons on purpose: window selection is a\n * server concern (the query, not the rendering), so it belongs in the URL and\n * works without hydration. Callers supply the href per option, which is what\n * lets each page keep its own other params intact — the hand-rolled copies\n * differed exactly there, with one silently dropping every unrelated filter.\n *\n * The vocabulary stays with the caller too. Traces think in `10m…30d`, request\n * telemetry in `1h…30d`, audit in days; a single hardcoded list would be wrong\n * for most of them.\n */\nexport type RangeOption<T extends string> = {\n  value: T;\n  /** Defaults to the value, which is already short by convention (`24h`). */\n  label?: string;\n  href: string;\n};\n\nexport type RangePickerProps<T extends string> = {\n  options: readonly RangeOption<T>[];\n  value: T;\n  /** Leading caption. Pass `null` to omit it in tight toolbars. */\n  label?: string | null;\n  /** Names the control for assistive tech; defaults to the visible label. */\n  ariaLabel?: string;\n  class?: string;\n};\n\nexport default function RangePicker<T extends string>(props: RangePickerProps<T>) {\n  const messages = useUiMessages();\n  const caption = () => (props.label === null ? null : (props.label ?? messages().window));\n  return (\n    <nav class={`k2b-range-picker ${props.class ?? \"\"}`} aria-label={props.ariaLabel ?? caption() ?? messages().range}>\n      {caption() ? <span class=\"k2b-range-picker__caption\">{caption()}</span> : null}\n      <For each={props.options}>\n        {(option) => (\n          <a\n            href={option.href}\n            class=\"k2b-range-picker__option\"\n            data-selected={option.value === props.value ? \"true\" : undefined}\n            aria-current={option.value === props.value ? \"true\" : undefined}\n          >\n            {option.label ?? option.value}\n          </a>\n        )}\n      </For>\n    </nav>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,GAAG,QAAQ,UAAU;AAC9B,SAAS,aAAa,QAAQ,kBAAkB;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA,eAAe,SAAS,WAAW,CAAmB,KAA0B,EAAE;EAChF,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,OAAO,GAAG,MAAO,KAAK,CAAC,KAAK,KAAK,IAAI,GAAG,IAAI,GAAI,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAQ;EACxF;IAAA;MAAA;MAAA;MAAA;MAAA;IAAA;MAAA,yBAEK,OAAO,CAAC,CAAC;MAAA,aAAT;QAAA;QAAA,gBAAqD,OAAO;QAAA;MAAA,OAAa,IAAI;IAAA;IAAA,iCAC7E,GAAG;MAAA,IAAC,IAAI;QAAA,OAAE,KAAK,CAAC,OAAO;MAAA;MAAA,UACpB,MAAM;QAAA;QAAA,sBAOH,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK;QAAA;UAAA,WALvB,MAAM,CAAC,IAAI;YAAA,OAEF,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,SAAS;YAAA,OAClD,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,SAAS;UAAA;UAAA;UAAA;UAAA;QAAA;UAAA;UAAA;UAAA;QAAA;QAAA;MAAA;IAIlE;IAAA;MAAA,UAZO,oBAAoB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;QAAA,OAAc,KAAK,CAAC,SAAS,IAAI,OAAO,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK;MAAA;MAAA;MAAA;IAAA;MAAA;MAAA;IAAA;IAAA;EAAA;AAgBrH","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/RangePicker.tsx"],"sourcesContent":["import { For } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { useRangePickerMessages } from \"./range-picker-messages\";\n\n/**\n * RangePicker — the time window every observability surface needs.\n *\n * Rendered as links rather than buttons on purpose: window selection is a\n * server concern (the query, not the rendering), so it belongs in the URL and\n * works without hydration. Callers supply the href per option, which is what\n * lets each page keep its own other params intact — the hand-rolled copies\n * differed exactly there, with one silently dropping every unrelated filter.\n *\n * The vocabulary stays with the caller too. Traces think in `10m…30d`, request\n * telemetry in `1h…30d`, audit in days; a single hardcoded list would be wrong\n * for most of them.\n */\nexport type RangeOption<T extends string> = {\n  value: T;\n  /** Defaults to the value, which is already short by convention (`24h`). */\n  label?: string;\n  href: string;\n};\n\nexport type RangePickerProps<T extends string> = {\n  options: readonly RangeOption<T>[];\n  value: T;\n  /** Leading caption. Pass `null` to omit it in tight toolbars. */\n  label?: string | null;\n  /** Names the control for assistive tech; defaults to the visible label. */\n  ariaLabel?: string;\n  class?: string;\n};\n\nexport default function RangePicker<T extends string>(props: RangePickerProps<T>) {\n  const messages = useUiMessages();\n  const rangePickerMessages = useRangePickerMessages();\n  const caption = () => (props.label === null ? null : (props.label ?? rangePickerMessages().window));\n  return (\n    <nav class={`k2b-range-picker ${props.class ?? \"\"}`} aria-label={props.ariaLabel ?? caption() ?? messages().range}>\n      {caption() ? <span class=\"k2b-range-picker__caption\">{caption()}</span> : null}\n      <For each={props.options}>\n        {(option) => (\n          <a\n            href={option.href}\n            class=\"k2b-range-picker__option\"\n            data-selected={option.value === props.value ? \"true\" : undefined}\n            aria-current={option.value === props.value ? \"true\" : undefined}\n          >\n            {option.label ?? option.value}\n          </a>\n        )}\n      </For>\n    </nav>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,GAAG,QAAQ,UAAU;AAC9B,SAAS,aAAa,QAAQ,kBAAkB;AAChD,SAAS,sBAAsB,QAAQ,yBAAyB;;AAEhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA,eAAe,SAAS,WAAW,CAAmB,KAA0B,EAAE;EAChF,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,CAAC;EACpD,MAAM,OAAO,GAAG,MAAO,KAAK,CAAC,KAAK,KAAK,IAAI,GAAG,IAAI,GAAI,KAAK,CAAC,KAAK,IAAI,mBAAmB,CAAC,CAAC,CAAC,MAAQ;EACnG;IAAA;MAAA;MAAA;MAAA;MAAA;IAAA;MAAA,yBAEK,OAAO,CAAC,CAAC;MAAA,aAAT;QAAA;QAAA,gBAAqD,OAAO;QAAA;MAAA,OAAa,IAAI;IAAA;IAAA,iCAC7E,GAAG;MAAA,IAAC,IAAI;QAAA,OAAE,KAAK,CAAC,OAAO;MAAA;MAAA,UACpB,MAAM;QAAA;QAAA,sBAOH,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK;QAAA;UAAA,WALvB,MAAM,CAAC,IAAI;YAAA,OAEF,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,SAAS;YAAA,OAClD,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,SAAS;UAAA;UAAA;UAAA;UAAA;QAAA;UAAA;UAAA;UAAA;QAAA;QAAA;MAAA;IAIlE;IAAA;MAAA,UAZO,oBAAoB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;QAAA,OAAc,KAAK,CAAC,SAAS,IAAI,OAAO,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK;MAAA;MAAA;MAAA;IAAA;MAAA;MAAA;IAAA;IAAA;EAAA;AAgBrH","ignoreList":[]}

package/dist/browser/content/StructuredDataPreview.js

@@ -24,6 +24,7 @@ import { createMemo, createSignal, For, Show } from "solid-js";
 import CopyButton from "../actions/CopyButton";
 import { resolveMaybeAccessor } from "../inputs/field-contract";
 import { useUiMessages } from "../intl/messages";
+import { useStructuredDataMessages } from "./structured-data-messages";
 export const isStructuredDataValue = (value, seen = new WeakSet()) => {
   if (value === null || typeof value === "string" || typeof value === "boolean") return true;
   if (typeof value === "number") return Number.isFinite(value);
@@ -59,6 +60,7 @@ const formatInlineValue = value => {
 const formatJson = data => JSON.stringify(data, null, 2);
 export default function StructuredDataPreview(props) {
   const messages = useUiMessages();
+  const structuredDataMessages = useStructuredDataMessages();
   const [internalMode, setInternalMode] = createSignal(props.defaultMode ?? "formatted");
   const mode = () => props.mode === undefined ? internalMode() : resolveMaybeAccessor(props.mode);
   const setMode = next => {
@@ -183,7 +185,7 @@ export default function StructuredDataPreview(props) {
         _el$10.$$click = () => setMode(showRaw() ? "formatted" : "raw");
         _$insert(_el$10, (() => {
           var _c$ = _$memo(() => !!showRaw());
-          return () => _c$() ? messages().viewFormatted : messages().viewRaw;
+          return () => _c$() ? structuredDataMessages().viewFormatted : structuredDataMessages().viewRaw;
         })());
         _$runHydrationEvents();
         return _el$10;

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/StructuredDataPreview.tsx"],"sourcesContent":["import { createMemo, createSignal, For, Show } from \"solid-js\";\nimport CopyButton from \"../actions/CopyButton\";\nimport { type MaybeAccessor, resolveMaybeAccessor } from \"../inputs/field-contract\";\nimport { useUiMessages } from \"../intl/messages\";\n\nexport type StructuredDataPreviewMode = \"formatted\" | \"raw\";\nexport type StructuredDataValue =\n  | null\n  | boolean\n  | number\n  | string\n  | readonly StructuredDataValue[]\n  | { readonly [key: string]: StructuredDataValue };\n\nexport const isStructuredDataValue = (value: unknown, seen = new WeakSet<object>()): value is StructuredDataValue => {\n  if (value === null || typeof value === \"string\" || typeof value === \"boolean\") return true;\n  if (typeof value === \"number\") return Number.isFinite(value);\n  if (typeof value !== \"object\" || seen.has(value)) return false;\n\n  const prototype = Object.getPrototypeOf(value);\n  if (!Array.isArray(value) && prototype !== Object.prototype && prototype !== null) return false;\n\n  seen.add(value);\n  const valid = Array.isArray(value)\n    ? value.every((item) => isStructuredDataValue(item, seen))\n    : Object.values(value).every((item) => isStructuredDataValue(item, seen));\n  seen.delete(value);\n  return valid;\n};\n\nexport type StructuredDataPreviewProps = {\n  title?: string;\n  data: StructuredDataValue;\n  /** Controlled display mode. */\n  mode?: MaybeAccessor<StructuredDataPreviewMode>;\n  onModeChange?: (mode: StructuredDataPreviewMode) => void;\n  /** Initial mode for an uncontrolled preview. */\n  defaultMode?: StructuredDataPreviewMode;\n  copy?: boolean;\n  empty?: string;\n  maxRows?: number;\n  class?: string;\n};\n\ntype Row = {\n  key: string;\n  value: StructuredDataValue;\n};\n\nconst toRows = (data: StructuredDataValue): Row[] => {\n  if (Array.isArray(data)) return data.map((value, index) => ({ key: String(index), value }));\n  if (data && typeof data === \"object\") return Object.entries(data).map(([key, value]) => ({ key, value }));\n  if (data === null) return [];\n  return [{ key: \"value\", value: data }];\n};\n\nconst formatInlineValue = (value: StructuredDataValue): string => {\n  if (value === null) return \"null\";\n  if (typeof value === \"string\") return value;\n  if (typeof value === \"number\" || typeof value === \"boolean\") return String(value);\n  return JSON.stringify(value);\n};\n\nconst formatJson = (data: StructuredDataValue): string => JSON.stringify(data, null, 2);\n\nexport default function StructuredDataPreview(props: StructuredDataPreviewProps) {\n  const messages = useUiMessages();\n  const [internalMode, setInternalMode] = createSignal<StructuredDataPreviewMode>(props.defaultMode ?? \"formatted\");\n  const mode = () => (props.mode === undefined ? internalMode() : resolveMaybeAccessor(props.mode));\n  const setMode = (next: StructuredDataPreviewMode) => {\n    if (props.mode === undefined) setInternalMode(next);\n    props.onModeChange?.(next);\n  };\n  const rows = createMemo(() => toRows(props.data));\n  const visibleRows = createMemo(() => rows().slice(0, props.maxRows ?? rows().length));\n  const hiddenCount = createMemo(() => Math.max(0, rows().length - visibleRows().length));\n  const raw = createMemo(() => formatJson(props.data));\n  const hasData = createMemo(() => rows().length > 0);\n  const showRaw = createMemo(() => mode() === \"raw\");\n\n  return (\n    <div class={[\"k2b-content-structured-data\", props.class].filter(Boolean).join(\" \")}>\n      <Show when={props.title}>{(title) => <h2 class=\"k2b-content-structured-data__title\">{title()}</h2>}</Show>\n\n      <Show\n        when={!showRaw()}\n        fallback={\n          <div class=\"k2b-content-structured-data__surface\" data-mode=\"raw\">\n            <pre>{raw()}</pre>\n            <Show when={props.copy !== false}>\n              <div class=\"k2b-content-structured-data__copy\">\n                <CopyButton text={raw()} />\n              </div>\n            </Show>\n          </div>\n        }\n      >\n        <div class=\"k2b-content-structured-data__surface\">\n          <Show when={hasData()} fallback={<p class=\"k2b-content-structured-data__empty\">{props.empty ?? messages().noData}</p>}>\n            <div class=\"k2b-content-structured-data__rows\">\n              <For each={visibleRows()}>\n                {(row) => {\n                  const complex = typeof row.value === \"object\" && row.value !== null;\n                  return (\n                    <>\n                      <span class=\"k2b-content-structured-data__key\" title={row.key}>\n                        {row.key}\n                      </span>\n                      <span class=\"k2b-content-structured-data__value\" data-complex={complex ? \"true\" : undefined}>\n                        {formatInlineValue(row.value)}\n                      </span>\n                    </>\n                  );\n                }}\n              </For>\n            </div>\n            <Show when={hiddenCount() > 0}>\n              <p class=\"k2b-content-structured-data__hidden\">\n                {hiddenCount()} more row{hiddenCount() === 1 ? \"\" : \"s\"} hidden.\n              </p>\n            </Show>\n          </Show>\n        </div>\n      </Show>\n\n      <div class=\"k2b-content-structured-data__footer\">\n        <Show when={hasData()}>\n          <button type=\"button\" class=\"k2b-content-structured-data__action\" onClick={() => setMode(showRaw() ? \"formatted\" : \"raw\")}>\n            {showRaw() ? messages().viewFormatted : messages().viewRaw}\n          </button>\n        </Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,UAAU,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,QAAQ,UAAU;AAC9D,OAAO,UAAU,MAAM,uBAAuB;AAC9C,SAA6B,oBAAoB,QAAQ,0BAA0B;AACnF,SAAS,aAAa,QAAQ,kBAAkB;AAWhD,OAAO,MAAM,qBAAqB,GAAG,CAAC,KAAc,EAAE,IAAI,GAAG,IAAI,OAAO,CAAS,CAAC,KAAmC;EACnH,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,OAAO,IAAI;EAC1F,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;EAC5D,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK;EAE9D,MAAM,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC;EAC9C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,SAAS,KAAK,MAAM,CAAC,SAAS,IAAI,SAAS,KAAK,IAAI,EAAE,OAAO,KAAK;EAE/F,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;EACf,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAC9B,KAAK,CAAC,KAAK,CAAE,IAAI,IAAK,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,GACxD,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAE,IAAI,IAAK,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAC3E,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;EAClB,OAAO,KAAK;AACd,CAAC;AAqBD,MAAM,MAAM,GAAI,IAAyB,IAAY;EACnD,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAAM;IAAE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;IAAE;EAAM,CAAC,CAAC,CAAC;EAC3F,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM;IAAE,GAAG;IAAE;EAAM,CAAC,CAAC,CAAC;EACzG,IAAI,IAAI,KAAK,IAAI,EAAE,OAAO,EAAE;EAC5B,OAAO,CAAC;IAAE,GAAG,EAAE,OAAO;IAAE,KAAK,EAAE;EAAK,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,iBAAiB,GAAI,KAA0B,IAAa;EAChE,IAAI,KAAK,KAAK,IAAI,EAAE,OAAO,MAAM;EACjC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,OAAO,KAAK;EAC3C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;EACjF,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,GAAI,IAAyB,IAAa,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAEvF,eAAe,SAAS,qBAAqB,CAAC,KAAiC,EAAE;EAC/E,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,YAAY,CAA4B,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC;EACjH,MAAM,IAAI,GAAG,MAAO,KAAK,CAAC,IAAI,KAAK,SAAS,GAAG,YAAY,CAAC,CAAC,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAE;EACjG,MAAM,OAAO,GAAI,IAA+B,IAAK;IACnD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC;IACnD,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;EAC5B,CAAC;EACD,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;EACjD,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;EACrF,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;EACvF,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;EACpD,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;EACnD,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC;EAElD;IAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,iCAEK,IAAI;MAAA,IAAC,IAAI;QAAA,OAAE,KAAK,CAAC,KAAK;MAAA;MAAA,UAAI,KAAK;QAAA;QAAA,iBAAqD,KAAK;QAAA;MAAA;IAAQ;IAAA,iCAEjG,IAAI;MAAA,IACH,IAAI;QAAA,OAAE,CAAC,OAAO,CAAC,CAAC;MAAA;MAAA,IAChB,QAAQ;QAAA;UAAA;YAAA;YAAA;YAAA;UAAA,iBAEE,GAAG;UAAA,mCACR,IAAI;YAAA,IAAC,IAAI;cAAA,OAAE,KAAK,CAAC,IAAI,KAAK,KAAK;YAAA;YAAA;cAAA;cAAA,mCAE3B,UAAU;gBAAA,IAAC,IAAI;kBAAA,OAAE,GAAG,CAAC,CAAC;gBAAA;cAAA;cAAA;YAAA;UAAA;UAAA;QAAA;MAAA;MAAA;QAAA;QAAA,kCAO5B,IAAI;UAAA,IAAC,IAAI;YAAA,OAAE,OAAO,CAAC,CAAC;UAAA;UAAA,IAAE,QAAQ;YAAA;cAAA;cAAA,uBAAiD,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM;cAAA;YAAA;UAAA;UAAA;YAAA;cAAA;cAAA,kCAE3G,GAAG;gBAAA,IAAC,IAAI;kBAAA,OAAE,WAAW,CAAC,CAAC;gBAAA;gBAAA,UACpB,GAAG,IAAK;kBACR,MAAM,OAAO,GAAG,OAAO,GAAG,CAAC,KAAK,KAAK,QAAQ,IAAI,GAAG,CAAC,KAAK,KAAK,IAAI;kBACnE;oBAAA;oBAAA,uBAGO,GAAG,CAAC,GAAG;oBAAA,+CAD4C,GAAG,CAAC,GAAG;oBAAA;kBAAA;oBAAA;oBAAA,uCAGE,OAAO,GAAG,MAAM,GAAG,SAAS;oBAAA,uBACxF,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC;oBAAA;kBAAA;gBAIrC;cAAC;cAAA;YAAA,wBAGJ,IAAI;cAAA,IAAC,IAAI;gBAAA,OAAE,WAAW,CAAC,CAAC,GAAG,CAAC;cAAA;cAAA;gBAAA;kBAAA;kBAAA;kBAAA;kBAAA;kBAAA;kBAAA;gBAAA,gBAExB,WAAW;gBAAA,sBAAa,WAAW,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG;gBAAA;cAAA;YAAA;UAAA;QAAA;QAAA;MAAA;IAAA;IAAA,kCAQ9D,IAAI;MAAA,IAAC,IAAI;QAAA,OAAE,OAAO,CAAC,CAAC;MAAA;MAAA;QAAA;QAAA,iBACwD,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,WAAW,GAAG,KAAK,CAAC;QAAA;UAAA,yBACtH,OAAO,CAAC,CAAC;UAAA,aAAT,QAAY,QAAQ,CAAC,CAAC,CAAC,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO;QAAA;QAAA;QAAA;MAAA;IAAA;IAAA,iCA/CtD,CAAC,6BAA6B,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;IAAA;EAAA;AAqDtF;AAAC","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/StructuredDataPreview.tsx"],"sourcesContent":["import { createMemo, createSignal, For, Show } from \"solid-js\";\nimport CopyButton from \"../actions/CopyButton\";\nimport { type MaybeAccessor, resolveMaybeAccessor } from \"../inputs/field-contract\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { useStructuredDataMessages } from \"./structured-data-messages\";\n\nexport type StructuredDataPreviewMode = \"formatted\" | \"raw\";\nexport type StructuredDataValue =\n  | null\n  | boolean\n  | number\n  | string\n  | readonly StructuredDataValue[]\n  | { readonly [key: string]: StructuredDataValue };\n\nexport const isStructuredDataValue = (value: unknown, seen = new WeakSet<object>()): value is StructuredDataValue => {\n  if (value === null || typeof value === \"string\" || typeof value === \"boolean\") return true;\n  if (typeof value === \"number\") return Number.isFinite(value);\n  if (typeof value !== \"object\" || seen.has(value)) return false;\n\n  const prototype = Object.getPrototypeOf(value);\n  if (!Array.isArray(value) && prototype !== Object.prototype && prototype !== null) return false;\n\n  seen.add(value);\n  const valid = Array.isArray(value)\n    ? value.every((item) => isStructuredDataValue(item, seen))\n    : Object.values(value).every((item) => isStructuredDataValue(item, seen));\n  seen.delete(value);\n  return valid;\n};\n\nexport type StructuredDataPreviewProps = {\n  title?: string;\n  data: StructuredDataValue;\n  /** Controlled display mode. */\n  mode?: MaybeAccessor<StructuredDataPreviewMode>;\n  onModeChange?: (mode: StructuredDataPreviewMode) => void;\n  /** Initial mode for an uncontrolled preview. */\n  defaultMode?: StructuredDataPreviewMode;\n  copy?: boolean;\n  empty?: string;\n  maxRows?: number;\n  class?: string;\n};\n\ntype Row = {\n  key: string;\n  value: StructuredDataValue;\n};\n\nconst toRows = (data: StructuredDataValue): Row[] => {\n  if (Array.isArray(data)) return data.map((value, index) => ({ key: String(index), value }));\n  if (data && typeof data === \"object\") return Object.entries(data).map(([key, value]) => ({ key, value }));\n  if (data === null) return [];\n  return [{ key: \"value\", value: data }];\n};\n\nconst formatInlineValue = (value: StructuredDataValue): string => {\n  if (value === null) return \"null\";\n  if (typeof value === \"string\") return value;\n  if (typeof value === \"number\" || typeof value === \"boolean\") return String(value);\n  return JSON.stringify(value);\n};\n\nconst formatJson = (data: StructuredDataValue): string => JSON.stringify(data, null, 2);\n\nexport default function StructuredDataPreview(props: StructuredDataPreviewProps) {\n  const messages = useUiMessages();\n  const structuredDataMessages = useStructuredDataMessages();\n  const [internalMode, setInternalMode] = createSignal<StructuredDataPreviewMode>(props.defaultMode ?? \"formatted\");\n  const mode = () => (props.mode === undefined ? internalMode() : resolveMaybeAccessor(props.mode));\n  const setMode = (next: StructuredDataPreviewMode) => {\n    if (props.mode === undefined) setInternalMode(next);\n    props.onModeChange?.(next);\n  };\n  const rows = createMemo(() => toRows(props.data));\n  const visibleRows = createMemo(() => rows().slice(0, props.maxRows ?? rows().length));\n  const hiddenCount = createMemo(() => Math.max(0, rows().length - visibleRows().length));\n  const raw = createMemo(() => formatJson(props.data));\n  const hasData = createMemo(() => rows().length > 0);\n  const showRaw = createMemo(() => mode() === \"raw\");\n\n  return (\n    <div class={[\"k2b-content-structured-data\", props.class].filter(Boolean).join(\" \")}>\n      <Show when={props.title}>{(title) => <h2 class=\"k2b-content-structured-data__title\">{title()}</h2>}</Show>\n\n      <Show\n        when={!showRaw()}\n        fallback={\n          <div class=\"k2b-content-structured-data__surface\" data-mode=\"raw\">\n            <pre>{raw()}</pre>\n            <Show when={props.copy !== false}>\n              <div class=\"k2b-content-structured-data__copy\">\n                <CopyButton text={raw()} />\n              </div>\n            </Show>\n          </div>\n        }\n      >\n        <div class=\"k2b-content-structured-data__surface\">\n          <Show when={hasData()} fallback={<p class=\"k2b-content-structured-data__empty\">{props.empty ?? messages().noData}</p>}>\n            <div class=\"k2b-content-structured-data__rows\">\n              <For each={visibleRows()}>\n                {(row) => {\n                  const complex = typeof row.value === \"object\" && row.value !== null;\n                  return (\n                    <>\n                      <span class=\"k2b-content-structured-data__key\" title={row.key}>\n                        {row.key}\n                      </span>\n                      <span class=\"k2b-content-structured-data__value\" data-complex={complex ? \"true\" : undefined}>\n                        {formatInlineValue(row.value)}\n                      </span>\n                    </>\n                  );\n                }}\n              </For>\n            </div>\n            <Show when={hiddenCount() > 0}>\n              <p class=\"k2b-content-structured-data__hidden\">\n                {hiddenCount()} more row{hiddenCount() === 1 ? \"\" : \"s\"} hidden.\n              </p>\n            </Show>\n          </Show>\n        </div>\n      </Show>\n\n      <div class=\"k2b-content-structured-data__footer\">\n        <Show when={hasData()}>\n          <button type=\"button\" class=\"k2b-content-structured-data__action\" onClick={() => setMode(showRaw() ? \"formatted\" : \"raw\")}>\n            {showRaw() ? structuredDataMessages().viewFormatted : structuredDataMessages().viewRaw}\n          </button>\n        </Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/content/Timeline.js

@@ -31,6 +31,7 @@ import Dropdown from "../actions/Dropdown";
 import { announce } from "../feedback/announce";
 import { useDateConfigLocale } from "../intl/locale";
 import { useUiMessages } from "../intl/messages";
+import { useTimelineMessages } from "./timeline-messages";
 import { buildTimelineModel, parseTimelineTime, spanCss, spanPx, timelineDayKey, timelineHourOf } from "./timeline-model";
 /** Unit sizes of the horizontal axis, as in the stylesheet; the server and the first render use them. */
 const HORIZONTAL_UNITS = [54, 48, 160, 0, 0];
@@ -73,6 +74,7 @@ const verticalScroller = from => {
  */
 export default function Timeline(props) {
   const messages = useUiMessages();
+  const timelineMessages = useTimelineMessages();
   const context = useDateConfigLocale(() => ({
     ...props.dateConfig,
     timeZone: props.timeZone ?? props.dateConfig?.timeZone
@@ -131,7 +133,7 @@ export default function Timeline(props) {
       hourCycle: "h23",
       timeZone: "UTC"
     });
-    return messages().timelineNight({
+    return timelineMessages().timelineNight({
       start: format.format(Date.UTC(2000, 0, 1, 22)),
       end: format.format(Date.UTC(2000, 0, 1, 6))
     });
@@ -139,13 +141,13 @@ export default function Timeline(props) {
   const spoken = entry => {
     const item = entry.item;
     const parts = [item.label];
-    if (entry.kind === "all-day") parts.push(messages().allDay);else if (entry.end > entry.start) parts.push(messages().timelineTimeRange({
+    if (entry.kind === "all-day") parts.push(messages().allDay);else if (entry.end > entry.start) parts.push(timelineMessages().timelineTimeRange({
       start: formatTime(entry.start),
       end: formatTime(entry.end)
     }));else parts.push(formatTime(entry.start));
     if (item.detail) parts.push(item.detail);
     parts.push(entry.kind === "all-day" ? dayRange(entry.firstKey, entry.lastKey, longDayFormat()) : longDayFormat().format(new Date(entry.start)));
-    if (item.checked !== undefined) parts.push(item.checked ? messages().timelineDone : messages().timelineOpen);
+    if (item.checked !== undefined) parts.push(item.checked ? timelineMessages().timelineDone : timelineMessages().timelineOpen);
     return parts.join(", ");
   };
   /** When an item happens, for a "+n" menu row. */
@@ -341,7 +343,7 @@ export default function Timeline(props) {
       handled();
       const happening = current();
       if (happening) focusEntry(happening);else scrollToTime(now(), "center");
-      announce(messages().timelineNow({
+      announce(timelineMessages().timelineNow({
         time: formatTime(now())
       }));
       return;
@@ -656,10 +658,10 @@ export default function Timeline(props) {
     const entry = () => moreProps.entry;
     const label = () => {
       const current = entry();
-      const count = messages().timelineMore({
+      const count = timelineMessages().timelineMore({
         count: current.hidden.length
       });
-      return current.area === "all-day" ? count : `${count}, ${messages().timelineTimeRange({
+      return current.area === "all-day" ? count : `${count}, ${timelineMessages().timelineTimeRange({
         start: formatTime(current.start),
         end: formatTime(current.end)
       })}`;
@@ -670,7 +672,7 @@ export default function Timeline(props) {
         item
       } = hidden;
       const parts = [when(hidden), ...(item.detail ? [item.detail] : [])];
-      const state = item.checked === undefined ? [] : [item.checked ? messages().timelineDone : messages().timelineOpen];
+      const state = item.checked === undefined ? [] : [item.checked ? timelineMessages().timelineDone : timelineMessages().timelineOpen];
       const icon = item.checked === undefined ? undefined : item.checked ? "ti ti-circle-check" : "ti ti-circle";
       const base = {
         label: item.label,
@@ -838,7 +840,7 @@ export default function Timeline(props) {
             _el$28 = _el$27.nextSibling;
           _$insert(_el$28, (() => {
             var _c$ = _$memo(() => fold().kind === "night");
-            return () => _c$() ? nightLabel() : messages().timelineNothingPlanned;
+            return () => _c$() ? nightLabel() : timelineMessages().timelineNothingPlanned;
           })());
           _$effect(_p$ => {
             var _v$15 = fold().kind,
@@ -874,7 +876,7 @@ export default function Timeline(props) {
         },
         children: gap => (() => {
           var _el$31 = _$getNextElement(_tmpl$10);
-          _$insert(_el$31, () => messages().timelineFree({
+          _$insert(_el$31, () => timelineMessages().timelineFree({
             duration: hoursFormat().format(gap().hours)
           }));
           _$effect(_p$ => {
@@ -1004,10 +1006,10 @@ export default function Timeline(props) {
     }), _el$39, _co$9);
     _$insert(_el$37, () => formatTime(now()));
     _$setAttribute(_el$40, "id", `${baseId}-hint`);
-    _$insert(_el$40, () => messages().timelineHint);
+    _$insert(_el$40, () => timelineMessages().timelineHint);
     _$effect(_p$ => {
       var _v$25 = `k2b-timeline ${props.class ?? ""}`,
-        _v$26 = props.label ?? messages().timeline,
+        _v$26 = props.label ?? timelineMessages().timeline,
         _v$27 = props.busy ? "true" : undefined,
         _v$28 = model().order.length === 0 ? 0 : undefined,
         _v$29 = spanCss(model().total),