@k2b/ui 0.18.0 → 0.19.0

package/dist/ssr/content/Lightbox.js

@@ -9,12 +9,16 @@ var _tmpl$ = ["<span class=\"k2b-content-lightbox__counter\" aria-live=\"polite\
   _tmpl$4 = ["<button type=\"button\" class=\"k2b-content-lightbox__nav\" data-direction=\"previous\"", "><i class=\"ti ti-chevron-left\" aria-hidden=\"true\"></i></button>"],
   _tmpl$5 = ["<button type=\"button\" class=\"k2b-content-lightbox__nav\" data-direction=\"next\"", "><i class=\"ti ti-chevron-right\" aria-hidden=\"true\"></i></button>"],
   _tmpl$6 = ["<div class=\"k2b-content-lightbox__dots\" role=\"group\"", ">", "</div>"],
-  _tmpl$7 = ["<dialog class=\"k2b-content-lightbox\"", "><div class=\"k2b-content-lightbox__bar\"><div class=\"k2b-content-lightbox__meta\">", "", "</div><div class=\"k2b-content-lightbox__actions\">", "<button type=\"button\" class=\"k2b-content-lightbox__button\"", "><i class=\"ti ti-x\" aria-hidden=\"true\"></i><span class=\"k2b-content-lightbox__button-label\">", "</span></button></div></div><div class=\"k2b-content-lightbox__stage\">", "</div>", "", "</dialog>"],
-  _tmpl$8 = ["<img", " class=\"k2b-content-lightbox__image\" draggable=\"false\">"],
-  _tmpl$9 = ["<button type=\"button\" class=\"k2b-content-lightbox__dot\"", "></button>"];
+  _tmpl$7 = ["<dialog class=\"k2b-content-lightbox\"", "><div class=\"k2b-content-lightbox__bar\"><div class=\"k2b-content-lightbox__meta\">", "", "</div><div class=\"k2b-content-lightbox__actions\">", "", "<button type=\"button\" class=\"k2b-content-lightbox__button\"", "><i class=\"ti ti-x\" aria-hidden=\"true\"></i><span class=\"k2b-content-lightbox__button-label\">", "</span></button></div></div><div class=\"k2b-content-lightbox__stage\">", "</div>", "", "</dialog>"],
+  _tmpl$8 = ["<button type=\"button\" class=\"k2b-content-lightbox__button\"", "><i", " aria-hidden=\"true\"></i><span class=\"k2b-content-lightbox__button-label\">", "</span></button>"],
+  _tmpl$9 = ["<img", " class=\"k2b-content-lightbox__image\" draggable=\"false\">"],
+  _tmpl$0 = ["<button type=\"button\" class=\"k2b-content-lightbox__dot\"", "></button>"];
 import { createEffect, createSignal, For, onCleanup, onMount, Show } from "solid-js";
 import { returnFocus, ringOnReturn } from "../internal/focus-return";
 import { useUiMessages } from "../intl/messages";
+
+/** One more thing to do with the shown image, beside Download: a short label, its icon class, and what it does. */
+
 /**
  * Minimal, accessible lightbox using native <dialog>.
  * Supports keyboard navigation, touch swipe gestures, and screen readers.
@@ -64,8 +68,13 @@ export default function Lightbox(props) {
     props.onClose();
   };
 
+  // A key belongs to the Lightbox while focus is inside it, or on the page with no other dialog open. A dialog opened
+  // from one of its actions keeps its own keys: Escape closes that dialog, and arrows stay in its fields.
+  const ownsKey = target => target instanceof Node && (dialogRef.contains(target) || target === document.body && Array.from(document.querySelectorAll("dialog[open]")).every(dialog => dialog === dialogRef));
+
   // Keyboard navigation
   const handleKeyDown = e => {
+    if (!ownsKey(e.target)) return;
     switch (e.key) {
       case "Escape":
         // Handled here, so WebKit does not light the returned focus for this key.
@@ -144,6 +153,11 @@ export default function Lightbox(props) {
     get children() {
       return _$ssr(_tmpl$2, _$escape(current()?.alt));
     }
+  })), _$escape(_$createComponent(For, {
+    get each() {
+      return current()?.actions ?? [];
+    },
+    children: action => _$ssr(_tmpl$8, _$ssrAttribute("aria-label", _$escape(action.label, true), false), _$ssrAttribute("class", _$escape(action.icon, true), false), _$escape(action.label))
   })), _$escape(_$createComponent(Show, {
     get when() {
       return current()?.downloadUrl;
@@ -155,7 +169,7 @@ export default function Lightbox(props) {
     get when() {
       return current();
     },
-    children: image => _$ssr(_tmpl$8, _$ssrAttribute("src", _$escape(image().src, true), false) + _$ssrAttribute("alt", _$escape(image().alt ?? "", true), false))
+    children: image => _$ssr(_tmpl$9, _$ssrAttribute("src", _$escape(image().src, true), false) + _$ssrAttribute("alt", _$escape(image().alt ?? "", true), false))
   })), _$escape(_$createComponent(Show, {
     get when() {
       return isMultiple();
@@ -172,7 +186,7 @@ export default function Lightbox(props) {
         get each() {
           return props.images;
         },
-        children: (_, i) => _$ssr(_tmpl$9, _$ssrAttribute("aria-current", index() === i() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("aria-label", _$escape(messages().goToImage({
+        children: (_, i) => _$ssr(_tmpl$0, _$ssrAttribute("aria-current", index() === i() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("aria-label", _$escape(messages().goToImage({
           index: i() + 1
         }), true), false))
       })));

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/Lightbox.tsx"],"sourcesContent":["import { createEffect, createSignal, For, onCleanup, onMount, Show } from \"solid-js\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\nimport { useUiMessages } from \"../intl/messages\";\n\nexport type LightboxImage = {\n  src: string;\n  alt?: string;\n  downloadUrl?: string;\n};\n\ntype LightboxProps = {\n  images: LightboxImage[];\n  initialIndex?: number;\n  onClose: () => void;\n};\n\n/**\n * Minimal, accessible lightbox using native <dialog>.\n * Supports keyboard navigation, touch swipe gestures, and screen readers.\n */\nexport default function Lightbox(props: LightboxProps) {\n  const messages = useUiMessages();\n  const clampIndex = (value: number, images = props.images): number =>\n    images.length === 0 ? 0 : Math.max(0, Math.min(value, images.length - 1));\n  const [index, setIndex] = createSignal(clampIndex(props.initialIndex ?? 0));\n  let dialogRef!: HTMLDialogElement;\n  let opener: HTMLElement | null = null;\n  let openerRing = true;\n\n  createEffect(\n    (previous: { images: LightboxImage[]; initialIndex: number | undefined }) => {\n      const images = props.images;\n      const initialIndex = props.initialIndex;\n      setIndex((currentIndex) => {\n        if (initialIndex !== previous.initialIndex) return clampIndex(initialIndex ?? 0, images);\n        const previousImage = previous.images[currentIndex];\n        const retained = previousImage ? images.findIndex((image) => image === previousImage || image.src === previousImage.src) : -1;\n        return retained >= 0 ? retained : clampIndex(currentIndex, images);\n      });\n      return { images, initialIndex };\n    },\n    { images: props.images, initialIndex: props.initialIndex },\n  );\n\n  // Touch gesture tracking\n  let touchStartX = 0;\n  let touchStartY = 0;\n  const SWIPE_THRESHOLD = 50;\n\n  const current = () => props.images[index()];\n  const isMultiple = () => props.images.length > 1;\n  const prev = () => {\n    if (!isMultiple()) return;\n    setIndex((i) => (i - 1 + props.images.length) % props.images.length);\n  };\n  const next = () => {\n    if (!isMultiple()) return;\n    setIndex((i) => (i + 1) % props.images.length);\n  };\n\n  const close = () => {\n    dialogRef.close();\n    returnFocus(opener, openerRing);\n    props.onClose();\n  };\n\n  // Keyboard navigation\n  const handleKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case \"Escape\":\n        // Handled here, so WebKit does not light the returned focus for this key.\n        e.preventDefault();\n        close();\n        break;\n      case \"ArrowLeft\":\n        prev();\n        break;\n      case \"ArrowRight\":\n        next();\n        break;\n    }\n  };\n\n  // Touch handlers for swipe gestures\n  const handleTouchStart = (e: TouchEvent) => {\n    const touch = e.touches[0];\n    if (touch) {\n      touchStartX = touch.clientX;\n      touchStartY = touch.clientY;\n    }\n  };\n\n  const handleTouchEnd = (e: TouchEvent) => {\n    const touch = e.changedTouches[0];\n    if (!touch) return;\n\n    const deltaX = touch.clientX - touchStartX;\n    const deltaY = touch.clientY - touchStartY;\n\n    // Only trigger swipe if horizontal movement is dominant\n    if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > SWIPE_THRESHOLD) {\n      if (deltaX > 0) {\n        prev();\n      } else {\n        next();\n      }\n    }\n  };\n\n  // Click on backdrop closes lightbox\n  const handleBackdropClick = (e: MouseEvent) => {\n    if (e.target === dialogRef) {\n      close();\n    }\n  };\n\n  // The browser cancels the dialog itself, as on the Android back gesture;\n  // closing here still returns focus and tells the owner.\n  const handleCancel = (e: Event) => {\n    e.preventDefault();\n    close();\n  };\n\n  // Registration and teardown both live in onMount: onCleanup also runs when an\n  // SSR render is disposed, where `document` does not exist.\n  onMount(() => {\n    opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n    openerRing = ringOnReturn(opener);\n    // The native dialog would return focus with a ring of the browser's choosing.\n    opener?.blur();\n    dialogRef.showModal();\n    document.addEventListener(\"keydown\", handleKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", handleKeyDown));\n  });\n\n  return (\n    <dialog\n      ref={dialogRef}\n      class=\"k2b-content-lightbox\"\n      onMouseDown={handleBackdropClick}\n      onCancel={handleCancel}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      aria-label={messages().imageLightbox}\n    >\n      {/* Top bar */}\n      <div class=\"k2b-content-lightbox__bar\">\n        <div class=\"k2b-content-lightbox__meta\">\n          <Show when={isMultiple()}>\n            <span class=\"k2b-content-lightbox__counter\" aria-live=\"polite\">\n              {index() + 1} / {props.images.length}\n            </span>\n          </Show>\n          <Show when={current()?.alt}>\n            <div class=\"k2b-content-lightbox__caption\">\n              <div class=\"k2b-content-lightbox__caption-text\">{current()?.alt}</div>\n            </div>\n          </Show>\n        </div>\n\n        <div class=\"k2b-content-lightbox__actions\">\n          <Show when={current()?.downloadUrl}>\n            <a href={current()!.downloadUrl} download=\"\" class=\"k2b-content-lightbox__button\" aria-label={messages().downloadImage}>\n              <i class=\"ti ti-download\" aria-hidden=\"true\" />\n              <span class=\"k2b-content-lightbox__button-label\">{messages().download}</span>\n            </a>\n          </Show>\n          <button type=\"button\" onClick={close} class=\"k2b-content-lightbox__button\" aria-label={messages().closeLightbox}>\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            <span class=\"k2b-content-lightbox__button-label\">{messages().close}</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"k2b-content-lightbox__stage\">\n        <Show when={current()}>\n          {(image) => <img src={image().src} alt={image().alt ?? \"\"} class=\"k2b-content-lightbox__image\" draggable={false} />}\n        </Show>\n      </div>\n\n      <Show when={isMultiple()}>\n        <button\n          type=\"button\"\n          onClick={prev}\n          class=\"k2b-content-lightbox__nav\"\n          data-direction=\"previous\"\n          aria-label={messages().previousImage}\n        >\n          <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n        </button>\n        <button type=\"button\" onClick={next} class=\"k2b-content-lightbox__nav\" data-direction=\"next\" aria-label={messages().nextImage}>\n          <i class=\"ti ti-chevron-right\" aria-hidden=\"true\" />\n        </button>\n      </Show>\n\n      <Show when={isMultiple() && props.images.length <= 10}>\n        <div class=\"k2b-content-lightbox__dots\" role=\"group\" aria-label={messages().imageNavigation}>\n          <For each={props.images}>\n            {(_, i) => (\n              <button\n                type=\"button\"\n                onClick={() => setIndex(i())}\n                class=\"k2b-content-lightbox__dot\"\n                aria-current={index() === i() ? \"true\" : undefined}\n                aria-label={messages().goToImage({ index: i() + 1 })}\n              />\n            )}\n          </For>\n        </div>\n      </Show>\n    </dialog>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/Lightbox.tsx"],"sourcesContent":["import { createEffect, createSignal, For, onCleanup, onMount, Show } from \"solid-js\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\nimport { useUiMessages } from \"../intl/messages\";\n\n/** One more thing to do with the shown image, beside Download: a short label, its icon class, and what it does. */\nexport type LightboxAction = {\n  label: string;\n  icon: string;\n  onClick: () => void;\n};\n\nexport type LightboxImage = {\n  src: string;\n  alt?: string;\n  downloadUrl?: string;\n  /** Actions for this image, shown before Download in the same style. */\n  actions?: readonly LightboxAction[];\n};\n\ntype LightboxProps = {\n  images: LightboxImage[];\n  initialIndex?: number;\n  onClose: () => void;\n};\n\n/**\n * Minimal, accessible lightbox using native <dialog>.\n * Supports keyboard navigation, touch swipe gestures, and screen readers.\n */\nexport default function Lightbox(props: LightboxProps) {\n  const messages = useUiMessages();\n  const clampIndex = (value: number, images = props.images): number =>\n    images.length === 0 ? 0 : Math.max(0, Math.min(value, images.length - 1));\n  const [index, setIndex] = createSignal(clampIndex(props.initialIndex ?? 0));\n  let dialogRef!: HTMLDialogElement;\n  let opener: HTMLElement | null = null;\n  let openerRing = true;\n\n  createEffect(\n    (previous: { images: LightboxImage[]; initialIndex: number | undefined }) => {\n      const images = props.images;\n      const initialIndex = props.initialIndex;\n      setIndex((currentIndex) => {\n        if (initialIndex !== previous.initialIndex) return clampIndex(initialIndex ?? 0, images);\n        const previousImage = previous.images[currentIndex];\n        const retained = previousImage ? images.findIndex((image) => image === previousImage || image.src === previousImage.src) : -1;\n        return retained >= 0 ? retained : clampIndex(currentIndex, images);\n      });\n      return { images, initialIndex };\n    },\n    { images: props.images, initialIndex: props.initialIndex },\n  );\n\n  // Touch gesture tracking\n  let touchStartX = 0;\n  let touchStartY = 0;\n  const SWIPE_THRESHOLD = 50;\n\n  const current = () => props.images[index()];\n  const isMultiple = () => props.images.length > 1;\n  const prev = () => {\n    if (!isMultiple()) return;\n    setIndex((i) => (i - 1 + props.images.length) % props.images.length);\n  };\n  const next = () => {\n    if (!isMultiple()) return;\n    setIndex((i) => (i + 1) % props.images.length);\n  };\n\n  const close = () => {\n    dialogRef.close();\n    returnFocus(opener, openerRing);\n    props.onClose();\n  };\n\n  // A key belongs to the Lightbox while focus is inside it, or on the page with no other dialog open. A dialog opened\n  // from one of its actions keeps its own keys: Escape closes that dialog, and arrows stay in its fields.\n  const ownsKey = (target: EventTarget | null) =>\n    target instanceof Node &&\n    (dialogRef.contains(target) ||\n      (target === document.body && Array.from(document.querySelectorAll(\"dialog[open]\")).every((dialog) => dialog === dialogRef)));\n\n  // Keyboard navigation\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (!ownsKey(e.target)) return;\n    switch (e.key) {\n      case \"Escape\":\n        // Handled here, so WebKit does not light the returned focus for this key.\n        e.preventDefault();\n        close();\n        break;\n      case \"ArrowLeft\":\n        prev();\n        break;\n      case \"ArrowRight\":\n        next();\n        break;\n    }\n  };\n\n  // Touch handlers for swipe gestures\n  const handleTouchStart = (e: TouchEvent) => {\n    const touch = e.touches[0];\n    if (touch) {\n      touchStartX = touch.clientX;\n      touchStartY = touch.clientY;\n    }\n  };\n\n  const handleTouchEnd = (e: TouchEvent) => {\n    const touch = e.changedTouches[0];\n    if (!touch) return;\n\n    const deltaX = touch.clientX - touchStartX;\n    const deltaY = touch.clientY - touchStartY;\n\n    // Only trigger swipe if horizontal movement is dominant\n    if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > SWIPE_THRESHOLD) {\n      if (deltaX > 0) {\n        prev();\n      } else {\n        next();\n      }\n    }\n  };\n\n  // Click on backdrop closes lightbox\n  const handleBackdropClick = (e: MouseEvent) => {\n    if (e.target === dialogRef) {\n      close();\n    }\n  };\n\n  // The browser cancels the dialog itself, as on the Android back gesture;\n  // closing here still returns focus and tells the owner.\n  const handleCancel = (e: Event) => {\n    e.preventDefault();\n    close();\n  };\n\n  // Registration and teardown both live in onMount: onCleanup also runs when an\n  // SSR render is disposed, where `document` does not exist.\n  onMount(() => {\n    opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n    openerRing = ringOnReturn(opener);\n    // The native dialog would return focus with a ring of the browser's choosing.\n    opener?.blur();\n    dialogRef.showModal();\n    document.addEventListener(\"keydown\", handleKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", handleKeyDown));\n  });\n\n  return (\n    <dialog\n      ref={dialogRef}\n      class=\"k2b-content-lightbox\"\n      onMouseDown={handleBackdropClick}\n      onCancel={handleCancel}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      aria-label={messages().imageLightbox}\n    >\n      {/* Top bar */}\n      <div class=\"k2b-content-lightbox__bar\">\n        <div class=\"k2b-content-lightbox__meta\">\n          <Show when={isMultiple()}>\n            <span class=\"k2b-content-lightbox__counter\" aria-live=\"polite\">\n              {index() + 1} / {props.images.length}\n            </span>\n          </Show>\n          <Show when={current()?.alt}>\n            <div class=\"k2b-content-lightbox__caption\">\n              <div class=\"k2b-content-lightbox__caption-text\">{current()?.alt}</div>\n            </div>\n          </Show>\n        </div>\n\n        <div class=\"k2b-content-lightbox__actions\">\n          <For each={current()?.actions ?? []}>\n            {(action) => (\n              <button type=\"button\" onClick={() => action.onClick()} class=\"k2b-content-lightbox__button\" aria-label={action.label}>\n                <i class={action.icon} aria-hidden=\"true\" />\n                <span class=\"k2b-content-lightbox__button-label\">{action.label}</span>\n              </button>\n            )}\n          </For>\n          <Show when={current()?.downloadUrl}>\n            <a href={current()!.downloadUrl} download=\"\" class=\"k2b-content-lightbox__button\" aria-label={messages().downloadImage}>\n              <i class=\"ti ti-download\" aria-hidden=\"true\" />\n              <span class=\"k2b-content-lightbox__button-label\">{messages().download}</span>\n            </a>\n          </Show>\n          <button type=\"button\" onClick={close} class=\"k2b-content-lightbox__button\" aria-label={messages().closeLightbox}>\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            <span class=\"k2b-content-lightbox__button-label\">{messages().close}</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"k2b-content-lightbox__stage\">\n        <Show when={current()}>\n          {(image) => <img src={image().src} alt={image().alt ?? \"\"} class=\"k2b-content-lightbox__image\" draggable={false} />}\n        </Show>\n      </div>\n\n      <Show when={isMultiple()}>\n        <button\n          type=\"button\"\n          onClick={prev}\n          class=\"k2b-content-lightbox__nav\"\n          data-direction=\"previous\"\n          aria-label={messages().previousImage}\n        >\n          <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n        </button>\n        <button type=\"button\" onClick={next} class=\"k2b-content-lightbox__nav\" data-direction=\"next\" aria-label={messages().nextImage}>\n          <i class=\"ti ti-chevron-right\" aria-hidden=\"true\" />\n        </button>\n      </Show>\n\n      <Show when={isMultiple() && props.images.length <= 10}>\n        <div class=\"k2b-content-lightbox__dots\" role=\"group\" aria-label={messages().imageNavigation}>\n          <For each={props.images}>\n            {(_, i) => (\n              <button\n                type=\"button\"\n                onClick={() => setIndex(i())}\n                class=\"k2b-content-lightbox__dot\"\n                aria-current={index() === i() ? \"true\" : undefined}\n                aria-label={messages().goToImage({ index: i() + 1 })}\n              />\n            )}\n          </For>\n        </div>\n      </Show>\n    </dialog>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/PdfPreview.js

@@ -8,11 +8,13 @@ var _tmpl$ = ["<button type=\"button\" class=\"k2b-button\" data-variant=\"secon
   _tmpl$3 = ["<span role=\"alert\" class=\"k2b-content-pdf-preview__notice\">", "</span>"],
   _tmpl$4 = ["<div class=\"k2b-content-pdf-preview__actions\">", "", "", "", "</div>"],
   _tmpl$5 = ["<a class=\"k2b-button\" data-variant=\"secondary\" data-size=\"sm\"", " target=\"_blank\" rel=\"noopener\"><i class=\"ti ti-external-link\" aria-hidden=\"true\"></i>", "</a>"],
-  _tmpl$6 = ["<iframe class=\"k2b-content-pdf-preview__frame\"", "></iframe>"],
-  _tmpl$7 = ["<button type=\"button\" class=\"k2b-button\" data-variant=\"secondary\" data-size=\"sm\"", ">", "</button>"],
-  _tmpl$8 = ["<h2 class=\"k2b-content-pdf-preview__title\">", "</h2>"],
-  _tmpl$9 = ["<section class=\"", "\"><div class=\"k2b-content-pdf-preview__toolbar\"><div class=\"k2b-content-pdf-preview__heading\">", "</div>", "</div>", "</section>"];
+  _tmpl$6 = ["<div class=\"k2b-content-pdf-preview__viewer\"", ">", "", "</div>"],
+  _tmpl$7 = ["<iframe class=\"k2b-content-pdf-preview__frame\"", "", "></iframe>"],
+  _tmpl$8 = ["<button type=\"button\" class=\"k2b-button\" data-variant=\"secondary\" data-size=\"sm\"", ">", "</button>"],
+  _tmpl$9 = ["<h2 class=\"k2b-content-pdf-preview__title\">", "</h2>"],
+  _tmpl$0 = ["<section class=\"", "\"><div class=\"k2b-content-pdf-preview__toolbar\"><div class=\"k2b-content-pdf-preview__heading\">", "</div>", "</div>", "</section>"];
 import { createSignal, onCleanup, onMount, Show } from "solid-js";
+import { announce } from "../feedback/announce";
 import { resolveUiMessages, useUiMessages } from "../intl/messages";
 import Placeholder from "../surfaces/Placeholder";
 const readErrorMessage = async response => {
@@ -36,15 +38,26 @@ export default function PdfPreview(props) {
   const [error, setError] = createSignal(null);
   const [failed, setFailed] = createSignal(false);
   const [tabBlocked, setTabBlocked] = createSignal(false);
+  // The frame has its document only once it fires `load`; until then the loading state covers it.
+  const [drawn, setDrawn] = createSignal(false);
   // An automatic preview shows one fixed document; the open action reuses it instead of requesting it again.
   let shownBlob = null;
   let openButton;
   let frame;
+  let viewer;
   let renderButton;
   let errorRetryButton;
   let disposed = false;
   let loadGeneration = 0;
   let openGeneration = 0;
+
+  // Without an inline PDF viewer (`navigator.pdfViewerEnabled === false`, as in Chrome on Android) a frame stays empty
+  // or downloads the file, so the viewer explains that instead and leaves the document to the open and download actions.
+  const inlineViewer = () => typeof navigator === "undefined" || navigator.pdfViewerEnabled !== false;
+  // There an automatic preview could show only that hint, so it requests nothing: the open action fetches the document
+  // when someone asks for it, and is also the retry after it fails. An on-demand preview still renders, because its
+  // request also checks the caller's input.
+  const openOnly = () => Boolean(props.autoLoad) && !inlineViewer();
   const revokeCurrent = () => {
     const current = url();
     if (current) URL.revokeObjectURL(current);
@@ -80,12 +93,18 @@ export default function PdfPreview(props) {
       const previousUrl = url();
       shownBlob = blob;
       setFailed(false);
+      setDrawn(false);
       setUrl(nextUrl);
       setLoading(false);
       if (previousUrl) URL.revokeObjectURL(previousUrl);
-      // The shown document removes the retry action; keep keyboard focus in the actions instead of the page, or on the
-      // document itself when the host shows only the content.
-      if (retryFocused && document.activeElement === document.body) (openButton?.isConnected ? openButton : frame)?.focus();
+      // The loading status turns into the missing-viewer hint in place and stops being a live region, so say it here.
+      if (!inlineViewer()) {
+        announce(messages().pdfPreviewNoViewer);
+        announce(messages().pdfPreviewNoViewerDescription);
+      }
+      // The shown document removes the retry action; keep keyboard focus in the actions instead of the page, or, when
+      // the host shows only the content, in the viewer, which hands it on to the document once the frame has loaded it.
+      if (retryFocused && document.activeElement === document.body) (openButton?.isConnected ? openButton : viewer)?.focus();
     } catch (e) {
       if (disposed || generation !== loadGeneration) return;
       shownBlob = null;
@@ -97,9 +116,10 @@ export default function PdfPreview(props) {
     }
   };
   onMount(() => {
-    // Hand the initial loading state to the request itself, which also covers a preview disabled by now.
+    // Hand the initial loading state to the request itself, which also covers a preview disabled by now or one that
+    // leaves the document to the open action.
     setLoading(false);
-    if (props.autoLoad) void load();
+    if (props.autoLoad && !openOnly()) void load();
   });
   const openInNewTab = async () => {
     if (loading() || opening() || props.disabled?.()) return;
@@ -132,7 +152,7 @@ export default function PdfPreview(props) {
 
   // With autoLoad, rendering again would show the same document: offer it only until one is shown. After a failure the
   // default error state carries it as the retry; beside a caller's error content it stays in place while a retry loads.
-  const renderable = () => !props.autoLoad || (failed() ? Boolean(props.renderError) : !url() && !loading());
+  const renderable = () => !openOnly() && (!props.autoLoad || (failed() ? Boolean(props.renderError) : !url() && !loading()));
   const actions = () => _$ssr(_tmpl$4, _$escape(_$createComponent(Show, {
     get when() {
       return _$memo(() => !!!props.disabled?.())() && props.openHref;
@@ -164,37 +184,47 @@ export default function PdfPreview(props) {
       return _$ssr(_tmpl$3, _$escape(messages().pdfPreviewTabBlocked));
     }
   })));
-  // Every state before a document is shown uses one placeholder in the viewer's box, so loading changes no layout.
-  const content = () => _$createComponent(Show, {
+  // Every state uses one placeholder in the viewer's box, so loading changes no layout: idle and loading before a
+  // document arrives, loading over the frame until it has loaded the document, and the hint where no frame can.
+  const status = () => {
+    if (error()) return null;
+    if (!inlineViewer() && (url() || openOnly() && !loading())) return "no-viewer";
+    if (!url()) return loading() ? "loading" : "idle";
+    return drawn() ? null : "loading";
+  };
+  const viewerBox = () => // While it shows a placeholder, the viewer itself holds keyboard focus that has nowhere else to go.
+  _$ssr(_tmpl$6, _$ssrAttribute("tabindex", status() ? -1 : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
+    get when() {
+      return _$memo(() => !!(!error() && inlineViewer()))() && url();
+    },
+    children: currentUrl => _$ssr(_tmpl$7, _$ssrAttribute("data-drawn", drawn() ? "" : _$escape(undefined, true), false), _$ssrAttribute("inert", !drawn(), true) + _$ssrAttribute("src", _$escape(currentUrl(), true), false) + _$ssrAttribute("title", _$escape(props.title ?? messages().pdfPreview, true), false))
+  })), _$escape(_$createComponent(Show, {
     get when() {
       return error();
     },
     get fallback() {
       return _$createComponent(Show, {
         get when() {
-          return url();
+          return status();
         },
-        get fallback() {
-          return _$createComponent(Placeholder, {
-            "class": "k2b-content-pdf-preview__placeholder",
-            get state() {
-              return loading() ? "loading" : "empty";
-            },
-            get icon() {
-              return loading() ? undefined : "ti ti-file-type-pdf";
-            },
-            get title() {
-              return _$memo(() => !!loading())() ? messages().loading : undefined;
-            },
-            get description() {
-              return _$memo(() => !!loading())() ? undefined : props.emptyText ?? messages().renderPdfPreview;
-            }
-          });
-        },
-        children: currentUrl => _$ssr(_tmpl$6, _$ssrAttribute("src", _$escape(currentUrl(), true), false) + _$ssrAttribute("title", _$escape(props.title ?? messages().pdfPreview, true), false))
+        children: state => _$createComponent(Placeholder, {
+          "class": "k2b-content-pdf-preview__placeholder",
+          get state() {
+            return state() === "loading" ? "loading" : "empty";
+          },
+          get icon() {
+            return state() === "loading" ? undefined : "ti ti-file-type-pdf";
+          },
+          get title() {
+            return _$memo(() => state() === "loading")() ? messages().loading : _$memo(() => state() === "no-viewer")() ? messages().pdfPreviewNoViewer : undefined;
+          },
+          get description() {
+            return _$memo(() => state() === "idle")() ? props.emptyText ?? messages().renderPdfPreview : _$memo(() => state() === "no-viewer")() ? messages().pdfPreviewNoViewerDescription : undefined;
+          }
+        })
       });
     },
-    children: message => props.renderError?.(message()) ?? _$createComponent(Placeholder, {
+    children: message => _$createComponent(Placeholder, {
       "class": "k2b-content-pdf-preview__placeholder",
       state: "error",
       get description() {
@@ -202,11 +232,22 @@ export default function PdfPreview(props) {
       },
       get action() {
         return (
-          // One retry at a time: the render action moves here only where the toolbar no longer offers it.
-          _$memo(() => !!renderable())() ? undefined : _$ssr(_tmpl$7, _$ssrAttribute("disabled", opening() || props.disabled?.(), true), _$escape(props.buttonLabel ?? messages().retry))
+          // One retry at a time: the render action moves here only where the toolbar no longer offers it, and the
+          // open action is the retry of a preview that leaves the document to it.
+          _$memo(() => !!(renderable() || openOnly()))() ? undefined : _$ssr(_tmpl$8, _$ssrAttribute("disabled", opening() || props.disabled?.(), true), _$escape(props.buttonLabel ?? messages().retry))
         );
       }
     })
+  })));
+  // A caller's error content replaces the whole viewer, as it brings its own layout.
+  const content = () => _$createComponent(Show, {
+    get when() {
+      return _$memo(() => !!props.renderError)() ? error() : null;
+    },
+    get fallback() {
+      return viewerBox();
+    },
+    children: message => props.renderError?.(message())
   });
   if (props.children) return props.children({
     get actions() {
@@ -216,12 +257,12 @@ export default function PdfPreview(props) {
       return content();
     }
   });
-  return _$ssr(_tmpl$9, `k2b-content-pdf-preview ${_$escape(props.class ?? "", true)}`, _$escape(_$createComponent(Show, {
+  return _$ssr(_tmpl$0, `k2b-content-pdf-preview ${_$escape(props.class ?? "", true)}`, _$escape(_$createComponent(Show, {
     get when() {
       return props.title;
     },
     get children() {
-      return _$ssr(_tmpl$8, _$escape(props.title));
+      return _$ssr(_tmpl$9, _$escape(props.title));
     }
   })), _$escape(actions()), _$escape(content()));
 }

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\";\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 frame: HTMLIFrameElement | 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, or on the\n      // document itself when the host shows only the content.\n      if (retryFocused && document.activeElement === document.body) (openButton?.isConnected ? openButton : frame)?.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\n              ref={(element) => (frame = element)}\n              class=\"k2b-content-pdf-preview__frame\"\n              src={currentUrl()}\n              title={props.title ?? messages().pdfPreview}\n            />\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":"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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 { 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":[]}