@k2b/ui 0.7.0 → 0.9.0

package/dist/browser/content/PdfPreview.js

@@ -1,21 +1,26 @@
 import { template as _$template } from "solid-js/web";
 import { delegateEvents as _$delegateEvents } from "solid-js/web";
 import { setAttribute as _$setAttribute } from "solid-js/web";
-import { createComponent as _$createComponent } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
 import { setProperty as _$setProperty } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { getNextElement as _$getNextElement } from "solid-js/web";
 import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
 import { getNextMarker as _$getNextMarker } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
-var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-content-pdf-preview__actions><button type=button class=k2b-button data-variant=secondary data-size=sm><i aria-hidden=true></i><!$><!/></button><button type=button class=k2b-button data-variant=secondary data-size=sm><i aria-hidden=true></i><!$><!/>`),
-  _tmpl$2 = /*#__PURE__*/_$template(`<div class=k2b-content-pdf-preview__empty><span>`),
-  _tmpl$3 = /*#__PURE__*/_$template(`<iframe class=k2b-content-pdf-preview__frame>`),
-  _tmpl$4 = /*#__PURE__*/_$template(`<div role=alert class=k2b-content-pdf-preview__error>`),
-  _tmpl$5 = /*#__PURE__*/_$template(`<h2 class=k2b-content-pdf-preview__title>`),
-  _tmpl$6 = /*#__PURE__*/_$template(`<section><div class=k2b-content-pdf-preview__toolbar><div class=k2b-content-pdf-preview__heading></div><!$><!/></div><!$><!/>`);
+var _tmpl$ = /*#__PURE__*/_$template(`<button type=button class=k2b-button data-variant=secondary data-size=sm><i class="ti ti-download"aria-hidden=true></i><!$><!/>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<button type=button class=k2b-button data-variant=secondary data-size=sm><i aria-hidden=true></i><!$><!/>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<span role=alert class=k2b-content-pdf-preview__notice>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<div class=k2b-content-pdf-preview__actions><!$><!/><!$><!/><!$><!/><!$><!/>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<a class=k2b-button data-variant=secondary data-size=sm target=_blank rel=noopener><i class="ti ti-external-link"aria-hidden=true></i><!$><!/>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<div class=k2b-content-pdf-preview__empty><span>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<iframe class=k2b-content-pdf-preview__frame>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<div role=alert class=k2b-content-pdf-preview__error>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<h2 class=k2b-content-pdf-preview__title>`),
+  _tmpl$0 = /*#__PURE__*/_$template(`<section><div class=k2b-content-pdf-preview__toolbar><div class=k2b-content-pdf-preview__heading></div><!$><!/></div><!$><!/>`);
 import { createSignal, onCleanup, onMount, Show } from "solid-js";
 import { resolveUiMessages, useUiMessages } from "../intl/messages";
 const readErrorMessage = async response => {
@@ -32,9 +37,17 @@ const readErrorMessage = async response => {
 export default function PdfPreview(props) {
   const messages = useUiMessages();
   const [url, setUrl] = createSignal(null);
-  const [loading, setLoading] = createSignal(false);
+  // An automatic preview starts loading once mounted. The server and the page before hydration already show that
+  // state, so they offer neither a retry nor an invitation to render while nothing has failed.
+  const [loading, setLoading] = createSignal(Boolean(props.autoLoad) && !props.disabled?.());
   const [opening, setOpening] = createSignal(false);
   const [error, setError] = createSignal(null);
+  const [failed, setFailed] = createSignal(false);
+  const [tabBlocked, setTabBlocked] = 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 renderButton;
   let disposed = false;
   let loadGeneration = 0;
   let openGeneration = 0;
@@ -59,6 +72,7 @@ export default function PdfPreview(props) {
   const load = async () => {
     if (loading() || opening() || props.disabled?.()) return;
     const generation = ++loadGeneration;
+    const retryFocused = props.autoLoad && document.activeElement === renderButton;
     setLoading(true);
     setError(null);
     try {
@@ -69,32 +83,41 @@ export default function PdfPreview(props) {
         return;
       }
       const previousUrl = url();
+      shownBlob = blob;
+      setFailed(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.
+      if (retryFocused && document.activeElement === document.body) openButton?.focus();
     } catch (e) {
-      if (!disposed && generation === loadGeneration) setError(e instanceof Error ? e.message : "PDF preview failed");
+      if (disposed || generation !== loadGeneration) return;
+      shownBlob = null;
+      setFailed(true);
+      setError(e instanceof Error ? e.message : "PDF preview failed");
     } finally {
       if (!disposed && generation === loadGeneration) setLoading(false);
     }
   };
   onMount(() => {
+    // Hand the initial loading state to the request itself, which also covers a preview disabled by now.
+    setLoading(false);
     if (props.autoLoad) void load();
   });
   const openInNewTab = async () => {
     if (loading() || opening() || props.disabled?.()) return;
     const generation = ++openGeneration;
     const tab = window.open("", "_blank");
-    if (!tab) {
-      setError("Browser blocked the preview tab");
-      return;
-    }
+    // A blocked tab is not a document error: keep the shown document and report it beside the actions.
+    setTabBlocked(!tab);
+    if (!tab) return;
     tab.opener = null;
     tab.document.title = props.title ?? messages().pdfPreview;
-    tab.document.body.textContent = "Rendering PDF preview...";
+    tab.document.body.textContent = messages().pdfPreviewRendering;
     setOpening(true);
     setError(null);
     try {
-      const blob = await readPdfBlob();
+      const blob = (props.autoLoad ? shownBlob : null) ?? (await readPdfBlob());
       if (disposed || generation !== openGeneration) {
         tab.close();
         return;
@@ -109,37 +132,112 @@ export default function PdfPreview(props) {
       if (!disposed && generation === openGeneration) setOpening(false);
     }
   };
+
+  // With autoLoad, rendering again would show the same document: offer it only until one is shown, e.g. to retry,
+  // and keep it in place while a retry loads.
+  const renderable = () => !props.autoLoad || failed() || !url() && !loading();
   const actions = () => (() => {
-    var _el$ = _$getNextElement(_tmpl$),
-      _el$2 = _el$.firstChild,
-      _el$3 = _el$2.firstChild,
-      _el$4 = _el$3.nextSibling,
-      [_el$5, _co$] = _$getNextMarker(_el$4.nextSibling),
-      _el$6 = _el$2.nextSibling,
-      _el$7 = _el$6.firstChild,
-      _el$8 = _el$7.nextSibling,
-      [_el$9, _co$2] = _$getNextMarker(_el$8.nextSibling);
-    _el$2.$$click = () => void openInNewTab();
-    _$insert(_el$2, () => props.openButtonLabel ?? messages().openPreview, _el$5, _co$);
-    _el$6.$$click = () => void load();
-    _$insert(_el$6, () => props.buttonLabel ?? messages().previewPdf, _el$9, _co$2);
-    _$effect(_p$ => {
-      var _v$ = loading() || opening() || props.disabled?.(),
-        _v$2 = opening() ? "ti ti-loader-2 k2b-spin" : "ti ti-external-link",
-        _v$3 = loading() || opening() || props.disabled?.(),
-        _v$4 = loading() ? "ti ti-loader-2 k2b-spin" : "ti ti-file-type-pdf";
-      _v$ !== _p$.e && _$setProperty(_el$2, "disabled", _p$.e = _v$);
-      _v$2 !== _p$.t && _$className(_el$3, _p$.t = _v$2);
-      _v$3 !== _p$.a && _$setProperty(_el$6, "disabled", _p$.a = _v$3);
-      _v$4 !== _p$.o && _$className(_el$7, _p$.o = _v$4);
-      return _p$;
-    }, {
-      e: undefined,
-      t: undefined,
-      a: undefined,
-      o: undefined
-    });
-    _$runHydrationEvents();
+    var _el$ = _$getNextElement(_tmpl$4),
+      _el$1 = _el$.firstChild,
+      [_el$10, _co$3] = _$getNextMarker(_el$1.nextSibling),
+      _el$11 = _el$10.nextSibling,
+      [_el$12, _co$4] = _$getNextMarker(_el$11.nextSibling),
+      _el$13 = _el$12.nextSibling,
+      [_el$14, _co$5] = _$getNextMarker(_el$13.nextSibling),
+      _el$15 = _el$14.nextSibling,
+      [_el$16, _co$6] = _$getNextMarker(_el$15.nextSibling);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return _$memo(() => !!!props.disabled?.())() && props.openHref;
+      },
+      get fallback() {
+        return (() => {
+          var _el$17 = _$getNextElement(_tmpl$2),
+            _el$18 = _el$17.firstChild,
+            _el$19 = _el$18.nextSibling,
+            [_el$20, _co$7] = _$getNextMarker(_el$19.nextSibling);
+          _el$17.$$click = () => void openInNewTab();
+          _$use(element => openButton = element, _el$17);
+          _$insert(_el$17, () => props.openButtonLabel ?? messages().openPreview, _el$20, _co$7);
+          _$effect(_p$ => {
+            var _v$3 = loading() || opening() || props.disabled?.(),
+              _v$4 = opening() ? "ti ti-loader-2 k2b-spin" : "ti ti-external-link";
+            _v$3 !== _p$.e && _$setProperty(_el$17, "disabled", _p$.e = _v$3);
+            _v$4 !== _p$.t && _$className(_el$18, _p$.t = _v$4);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined
+          });
+          _$runHydrationEvents();
+          return _el$17;
+        })();
+      },
+      children: href => // A plain link to a real address: the browser opens it on the user's own click, and the tab can reload it.
+      (() => {
+        var _el$21 = _$getNextElement(_tmpl$5),
+          _el$22 = _el$21.firstChild,
+          _el$23 = _el$22.nextSibling,
+          [_el$24, _co$8] = _$getNextMarker(_el$23.nextSibling);
+        _$use(element => openButton = element, _el$21);
+        _$insert(_el$21, () => props.openButtonLabel ?? messages().openPreview, _el$24, _co$8);
+        _$effect(() => _$setAttribute(_el$21, "href", href()));
+        return _el$21;
+      })()
+    }), _el$10, _co$3);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.onDownload;
+      },
+      get children() {
+        var _el$2 = _$getNextElement(_tmpl$),
+          _el$3 = _el$2.firstChild,
+          _el$4 = _el$3.nextSibling,
+          [_el$5, _co$] = _$getNextMarker(_el$4.nextSibling);
+        _el$2.$$click = () => props.onDownload?.();
+        _$insert(_el$2, () => messages().download, _el$5, _co$);
+        _$effect(() => _$setProperty(_el$2, "disabled", props.disabled?.()));
+        _$runHydrationEvents();
+        return _el$2;
+      }
+    }), _el$12, _co$4);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return renderable();
+      },
+      get children() {
+        var _el$6 = _$getNextElement(_tmpl$2),
+          _el$7 = _el$6.firstChild,
+          _el$8 = _el$7.nextSibling,
+          [_el$9, _co$2] = _$getNextMarker(_el$8.nextSibling);
+        _el$6.$$click = () => void load();
+        var _ref$ = renderButton;
+        typeof _ref$ === "function" ? _$use(_ref$, _el$6) : renderButton = _el$6;
+        _$insert(_el$6, () => props.buttonLabel ?? messages().previewPdf, _el$9, _co$2);
+        _$effect(_p$ => {
+          var _v$ = loading() || opening() || props.disabled?.(),
+            _v$2 = loading() ? "ti ti-loader-2 k2b-spin" : "ti ti-file-type-pdf";
+          _v$ !== _p$.e && _$setProperty(_el$6, "disabled", _p$.e = _v$);
+          _v$2 !== _p$.t && _$className(_el$7, _p$.t = _v$2);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        _$runHydrationEvents();
+        return _el$6;
+      }
+    }), _el$14, _co$5);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return tabBlocked();
+      },
+      get children() {
+        var _el$0 = _$getNextElement(_tmpl$3);
+        _$insert(_el$0, () => messages().pdfPreviewTabBlocked);
+        return _el$0;
+      }
+    }), _el$16, _co$6);
     return _el$;
   })();
   const content = () => _$createComponent(Show, {
@@ -153,36 +251,36 @@ export default function PdfPreview(props) {
         },
         get fallback() {
           return (() => {
-            var _el$0 = _$getNextElement(_tmpl$2),
-              _el$1 = _el$0.firstChild;
-            _$insert(_el$1, (() => {
+            var _el$25 = _$getNextElement(_tmpl$6),
+              _el$26 = _el$25.firstChild;
+            _$insert(_el$26, (() => {
               var _c$ = _$memo(() => !!loading());
               return () => _c$() ? messages().loading : props.emptyText ?? messages().renderPdfPreview;
             })());
-            _$effect(() => _$setAttribute(_el$1, "role", loading() ? "status" : undefined));
-            return _el$0;
+            _$effect(() => _$setAttribute(_el$26, "role", loading() ? "status" : undefined));
+            return _el$25;
           })();
         },
         children: currentUrl => (() => {
-          var _el$10 = _$getNextElement(_tmpl$3);
+          var _el$27 = _$getNextElement(_tmpl$7);
           _$effect(_p$ => {
             var _v$5 = currentUrl(),
               _v$6 = props.title ?? messages().pdfPreview;
-            _v$5 !== _p$.e && _$setAttribute(_el$10, "src", _p$.e = _v$5);
-            _v$6 !== _p$.t && _$setAttribute(_el$10, "title", _p$.t = _v$6);
+            _v$5 !== _p$.e && _$setAttribute(_el$27, "src", _p$.e = _v$5);
+            _v$6 !== _p$.t && _$setAttribute(_el$27, "title", _p$.t = _v$6);
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
-          return _el$10;
+          return _el$27;
         })()
       });
     },
     children: message => props.renderError?.(message()) ?? (() => {
-      var _el$11 = _$getNextElement(_tmpl$4);
-      _$insert(_el$11, message);
-      return _el$11;
+      var _el$28 = _$getNextElement(_tmpl$8);
+      _$insert(_el$28, message);
+      return _el$28;
     })()
   });
   if (props.children) return props.children({
@@ -194,27 +292,27 @@ export default function PdfPreview(props) {
     }
   });
   return (() => {
-    var _el$12 = _$getNextElement(_tmpl$6),
-      _el$13 = _el$12.firstChild,
-      _el$14 = _el$13.firstChild,
-      _el$16 = _el$14.nextSibling,
-      [_el$17, _co$3] = _$getNextMarker(_el$16.nextSibling),
-      _el$18 = _el$13.nextSibling,
-      [_el$19, _co$4] = _$getNextMarker(_el$18.nextSibling);
-    _$insert(_el$14, _$createComponent(Show, {
+    var _el$29 = _$getNextElement(_tmpl$0),
+      _el$30 = _el$29.firstChild,
+      _el$31 = _el$30.firstChild,
+      _el$33 = _el$31.nextSibling,
+      [_el$34, _co$9] = _$getNextMarker(_el$33.nextSibling),
+      _el$35 = _el$30.nextSibling,
+      [_el$36, _co$0] = _$getNextMarker(_el$35.nextSibling);
+    _$insert(_el$31, _$createComponent(Show, {
       get when() {
         return props.title;
       },
       get children() {
-        var _el$15 = _$getNextElement(_tmpl$5);
-        _$insert(_el$15, () => props.title);
-        return _el$15;
+        var _el$32 = _$getNextElement(_tmpl$9);
+        _$insert(_el$32, () => props.title);
+        return _el$32;
       }
     }));
-    _$insert(_el$13, actions, _el$17, _co$3);
-    _$insert(_el$12, content, _el$19, _co$4);
-    _$effect(() => _$className(_el$12, `k2b-content-pdf-preview ${props.class ?? ""}`));
-    return _el$12;
+    _$insert(_el$30, actions, _el$34, _co$9);
+    _$insert(_el$29, content, _el$36, _co$0);
+    _$effect(() => _$className(_el$29, `k2b-content-pdf-preview ${props.class ?? ""}`));
+    return _el$29;
   })();
 }
 _$delegateEvents(["click"]);

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 { resolveUiMessages, useUiMessages } from \"../intl/messages\";\n\nexport type PdfPreviewRequest = () => Promise<Response | Blob>;\n\nexport type PdfPreviewProps = {\n  request: PdfPreviewRequest;\n  autoLoad?: boolean;\n  disabled?: () => boolean;\n  title?: string;\n  buttonLabel?: string;\n  openButtonLabel?: string;\n  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  const [loading, setLoading] = createSignal(false);\n  const [opening, setOpening] = createSignal(false);\n  const [error, setError] = createSignal<string | null>(null);\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    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      setUrl(nextUrl);\n      if (previousUrl) URL.revokeObjectURL(previousUrl);\n    } catch (e) {\n      if (!disposed && generation === loadGeneration) setError(e instanceof Error ? e.message : \"PDF preview failed\");\n    } finally {\n      if (!disposed && generation === loadGeneration) setLoading(false);\n    }\n  };\n\n  onMount(() => {\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    if (!tab) {\n      setError(\"Browser blocked the preview tab\");\n      return;\n    }\n    tab.opener = null;\n    tab.document.title = props.title ?? messages().pdfPreview;\n    tab.document.body.textContent = \"Rendering PDF preview...\";\n    setOpening(true);\n    setError(null);\n    try {\n      const blob = 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  const actions = () => (\n    <div class=\"k2b-content-pdf-preview__actions\">\n      <button\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      <button\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    </div>\n  );\n  const content = () => (\n    <Show\n      when={error()}\n      fallback={\n        <Show\n          when={url()}\n          fallback={\n            <div class=\"k2b-content-pdf-preview__empty\">\n              <span role={loading() ? \"status\" : undefined}>\n                {loading() ? messages().loading : (props.emptyText ?? messages().renderPdfPreview)}\n              </span>\n            </div>\n          }\n        >\n          {(currentUrl) => (\n            <iframe class=\"k2b-content-pdf-preview__frame\" src={currentUrl()} title={props.title ?? messages().pdfPreview} />\n          )}\n        </Show>\n      }\n    >\n      {(message) =>\n        props.renderError?.(message()) ?? (\n          <div role=\"alert\" class=\"k2b-content-pdf-preview__error\">\n            {message()}\n          </div>\n        )\n      }\n    </Show>\n  );\n\n  if (props.children)\n    return props.children({\n      get actions() {\n        return actions();\n      },\n      get content() {\n        return content();\n      },\n    });\n  return (\n    <section class={`k2b-content-pdf-preview ${props.class ?? \"\"}`}>\n      <div class=\"k2b-content-pdf-preview__toolbar\">\n        <div class=\"k2b-content-pdf-preview__heading\">\n          <Show when={props.title}>\n            <h2 class=\"k2b-content-pdf-preview__title\">{props.title}</h2>\n          </Show>\n        </div>\n        {actions()}\n      </div>\n      {content()}\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/PdfPreview.tsx"],"sourcesContent":["import { createSignal, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { resolveUiMessages, useUiMessages } from \"../intl/messages\";\n\nexport type PdfPreviewRequest = () => Promise<Response | Blob>;\n\nexport type PdfPreviewProps = {\n  request: PdfPreviewRequest;\n  autoLoad?: boolean;\n  disabled?: () => boolean;\n  title?: string;\n  buttonLabel?: string;\n  openButtonLabel?: string;\n  /**\n   * Opens the document at this address in a new tab instead of a local copy. Pass a stable same-origin URL that\n   * serves the PDF inline, so reloading and the viewer's file name keep working. Without it, the open action shows\n   * a temporary copy of the requested document.\n   */\n  openHref?: string;\n  /** Adds a Download action. The host owns the download, for example a fresh attachment URL. */\n  onDownload?: () => void;\n  emptyText?: string;\n  class?: string;\n  children?: (parts: { actions: JSX.Element; content: JSX.Element }) => JSX.Element;\n  renderError?: (message: string) => JSX.Element;\n};\n\nconst readErrorMessage = async (response: Response): Promise<string> => {\n  try {\n    const data = (await response.json()) as unknown;\n    if (data && typeof data === \"object\" && \"message\" in data && typeof data.message === \"string\") return data.message;\n  } catch {\n    // Fall through to the HTTP status fallback.\n  }\n  return resolveUiMessages().pdfPreviewHttpError({ status: response.status });\n};\n\nexport default function PdfPreview(props: PdfPreviewProps) {\n  const messages = useUiMessages();\n  const [url, setUrl] = createSignal<string | null>(null);\n  // An automatic preview starts loading once mounted. The server and the page before hydration already show that\n  // state, so they offer neither a retry nor an invitation to render while nothing has failed.\n  const [loading, setLoading] = createSignal(Boolean(props.autoLoad) && !props.disabled?.());\n  const [opening, setOpening] = createSignal(false);\n  const [error, setError] = createSignal<string | null>(null);\n  const [failed, setFailed] = createSignal(false);\n  const [tabBlocked, setTabBlocked] = createSignal(false);\n  // An automatic preview shows one fixed document; the open action reuses it instead of requesting it again.\n  let shownBlob: Blob | null = null;\n  let openButton: HTMLElement | undefined;\n  let renderButton: HTMLButtonElement | undefined;\n  let disposed = false;\n  let loadGeneration = 0;\n  let openGeneration = 0;\n\n  const revokeCurrent = () => {\n    const current = url();\n    if (current) URL.revokeObjectURL(current);\n    setUrl(null);\n  };\n\n  onCleanup(() => {\n    disposed = true;\n    loadGeneration += 1;\n    openGeneration += 1;\n    revokeCurrent();\n  });\n\n  const readPdfBlob = async () => {\n    const response = await props.request();\n    const blob = response instanceof Response ? (response.ok ? await response.blob() : null) : response;\n    if (!blob) throw new Error(await readErrorMessage(response as Response));\n    if (blob.type && blob.type !== \"application/pdf\") throw new Error(`PDF preview returned ${blob.type} instead of application/pdf`);\n    return blob;\n  };\n\n  const load = async () => {\n    if (loading() || opening() || props.disabled?.()) return;\n    const generation = ++loadGeneration;\n    const retryFocused = props.autoLoad && document.activeElement === renderButton;\n    setLoading(true);\n    setError(null);\n    try {\n      const blob = await readPdfBlob();\n      const nextUrl = URL.createObjectURL(blob);\n      if (disposed || generation !== loadGeneration) {\n        URL.revokeObjectURL(nextUrl);\n        return;\n      }\n      const previousUrl = url();\n      shownBlob = blob;\n      setFailed(false);\n      setUrl(nextUrl);\n      setLoading(false);\n      if (previousUrl) URL.revokeObjectURL(previousUrl);\n      // The shown document removes the retry action; keep keyboard focus in the actions instead of the page.\n      if (retryFocused && document.activeElement === document.body) openButton?.focus();\n    } catch (e) {\n      if (disposed || generation !== loadGeneration) return;\n      shownBlob = null;\n      setFailed(true);\n      setError(e instanceof Error ? e.message : \"PDF preview failed\");\n    } finally {\n      if (!disposed && generation === loadGeneration) setLoading(false);\n    }\n  };\n\n  onMount(() => {\n    // Hand the initial loading state to the request itself, which also covers a preview disabled by now.\n    setLoading(false);\n    if (props.autoLoad) void load();\n  });\n\n  const openInNewTab = async () => {\n    if (loading() || opening() || props.disabled?.()) return;\n    const generation = ++openGeneration;\n    const tab = window.open(\"\", \"_blank\");\n    // A blocked tab is not a document error: keep the shown document and report it beside the actions.\n    setTabBlocked(!tab);\n    if (!tab) return;\n    tab.opener = null;\n    tab.document.title = props.title ?? messages().pdfPreview;\n    tab.document.body.textContent = messages().pdfPreviewRendering;\n    setOpening(true);\n    setError(null);\n    try {\n      const blob = (props.autoLoad ? shownBlob : null) ?? (await readPdfBlob());\n      if (disposed || generation !== openGeneration) {\n        tab.close();\n        return;\n      }\n      const objectUrl = URL.createObjectURL(blob);\n      tab.location.href = objectUrl;\n      window.setTimeout(() => URL.revokeObjectURL(objectUrl), 60_000);\n    } catch (e) {\n      tab.close();\n      if (!disposed && generation === openGeneration) setError(e instanceof Error ? e.message : \"PDF preview failed\");\n    } finally {\n      if (!disposed && generation === openGeneration) setOpening(false);\n    }\n  };\n\n  // With autoLoad, rendering again would show the same document: offer it only until one is shown, e.g. to retry,\n  // and keep it in place while a retry loads.\n  const renderable = () => !props.autoLoad || failed() || (!url() && !loading());\n  const actions = () => (\n    <div class=\"k2b-content-pdf-preview__actions\">\n      <Show\n        when={!props.disabled?.() && props.openHref}\n        fallback={\n          <button\n            ref={(element) => (openButton = element)}\n            type=\"button\"\n            class=\"k2b-button\"\n            data-variant=\"secondary\"\n            data-size=\"sm\"\n            onClick={() => void openInNewTab()}\n            disabled={loading() || opening() || props.disabled?.()}\n          >\n            <i class={opening() ? \"ti ti-loader-2 k2b-spin\" : \"ti ti-external-link\"} aria-hidden=\"true\" />\n            {props.openButtonLabel ?? messages().openPreview}\n          </button>\n        }\n      >\n        {(href) => (\n          // A plain link to a real address: the browser opens it on the user's own click, and the tab can reload it.\n          <a\n            ref={(element) => (openButton = element)}\n            class=\"k2b-button\"\n            data-variant=\"secondary\"\n            data-size=\"sm\"\n            href={href()}\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            <i class=\"ti ti-external-link\" aria-hidden=\"true\" />\n            {props.openButtonLabel ?? messages().openPreview}\n          </a>\n        )}\n      </Show>\n      <Show when={props.onDownload}>\n        <button\n          type=\"button\"\n          class=\"k2b-button\"\n          data-variant=\"secondary\"\n          data-size=\"sm\"\n          onClick={() => props.onDownload?.()}\n          disabled={props.disabled?.()}\n        >\n          <i class=\"ti ti-download\" aria-hidden=\"true\" />\n          {messages().download}\n        </button>\n      </Show>\n      <Show when={renderable()}>\n        <button\n          ref={renderButton}\n          type=\"button\"\n          class=\"k2b-button\"\n          data-variant=\"secondary\"\n          data-size=\"sm\"\n          onClick={() => void load()}\n          disabled={loading() || opening() || props.disabled?.()}\n        >\n          <i class={loading() ? \"ti ti-loader-2 k2b-spin\" : \"ti ti-file-type-pdf\"} aria-hidden=\"true\" />\n          {props.buttonLabel ?? messages().previewPdf}\n        </button>\n      </Show>\n      <Show when={tabBlocked()}>\n        <span role=\"alert\" class=\"k2b-content-pdf-preview__notice\">\n          {messages().pdfPreviewTabBlocked}\n        </span>\n      </Show>\n    </div>\n  );\n  const content = () => (\n    <Show\n      when={error()}\n      fallback={\n        <Show\n          when={url()}\n          fallback={\n            <div class=\"k2b-content-pdf-preview__empty\">\n              <span role={loading() ? \"status\" : undefined}>\n                {loading() ? messages().loading : (props.emptyText ?? messages().renderPdfPreview)}\n              </span>\n            </div>\n          }\n        >\n          {(currentUrl) => (\n            <iframe class=\"k2b-content-pdf-preview__frame\" src={currentUrl()} title={props.title ?? messages().pdfPreview} />\n          )}\n        </Show>\n      }\n    >\n      {(message) =>\n        props.renderError?.(message()) ?? (\n          <div role=\"alert\" class=\"k2b-content-pdf-preview__error\">\n            {message()}\n          </div>\n        )\n      }\n    </Show>\n  );\n\n  if (props.children)\n    return props.children({\n      get actions() {\n        return actions();\n      },\n      get content() {\n        return content();\n      },\n    });\n  return (\n    <section class={`k2b-content-pdf-preview ${props.class ?? \"\"}`}>\n      <div class=\"k2b-content-pdf-preview__toolbar\">\n        <div class=\"k2b-content-pdf-preview__heading\">\n          <Show when={props.title}>\n            <h2 class=\"k2b-content-pdf-preview__title\">{props.title}</h2>\n          </Show>\n        </div>\n        {actions()}\n      </div>\n      {content()}\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/feedback/dialog-core.js

@@ -1,5 +1,6 @@
 import { render } from "solid-js/web";
 import { getK2bPortalRoot } from "../internal/portal";
+import { resolveUiMessages } from "../intl/messages";
 import { isPointInsideToast } from "./toast";
 const DEFAULT_PANEL_CLASS = "k2b-dialog";
 const DEFAULT_CONTENT_CLASS = "k2b-dialog__viewport";
@@ -22,7 +23,7 @@ const applyAccessibleName = (dialog, entry) => {
   }
   const heading = entry.container.querySelector("h1, h2, h3");
   if (!heading) {
-    dialog.setAttribute("aria-label", "Dialog");
+    dialog.setAttribute("aria-label", resolveUiMessages().dialog);
     return;
   }
   heading.id ||= `k2b-dialog-title-${++nextDialogTitleId}`;

package/dist/browser/feedback/dialog-core.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["feedback/dialog-core.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { render } from \"solid-js/web\";\nimport { getK2bPortalRoot } from \"../internal/portal\";\nimport { isPointInsideToast } from \"./toast\";\n\nexport type DialogClose<T> = (result?: T) => void;\n\nexport type OpenDialogOptions = {\n  /** Close only this dialog when its owning operation is cancelled. */\n  signal?: AbortSignal;\n  panelClassName?: string;\n  contentClassName?: string;\n  initialFocus?: \"first-input\" | \"none\" | ((dialog: HTMLDialogElement) => HTMLElement | null);\n  cancelBehavior?: \"resolve-undefined\" | \"ignore\";\n  ariaLabel?: string;\n};\n\nexport type DialogRender<T> = (\n  close: DialogClose<T>,\n  context: {\n    dialog: HTMLDialogElement;\n    /** Switch this entry between a modal and a modeless window without remounting. */\n    setModal: (modal: boolean) => void;\n    /** Set viewport coordinates, or restore the panel stylesheet position with null. */\n    setPosition: (position: { x: number; y: number } | null) => void;\n    /** Route Escape/backdrop through the same guarded handler as Cancel and X. */\n    setDismissHandler: (handler: () => void | Promise<void>) => void;\n    /** Request dismissal through this entry's cancellation policy and guard. */\n    requestDismiss: () => Promise<void>;\n  },\n) => JSX.Element;\n\nexport type DialogCore = {\n  open: <T>(view: DialogRender<T>, options?: OpenDialogOptions) => Promise<T | undefined>;\n  close: (result?: unknown) => void;\n  isOpen: () => boolean;\n};\n\ntype DialogStackEntry = {\n  container: HTMLDivElement;\n  dispose?: () => void;\n  resolve?: (value: unknown) => void;\n  panelClassName: string;\n  cancelBehavior: NonNullable<OpenDialogOptions[\"cancelBehavior\"]>;\n  initialFocus: NonNullable<OpenDialogOptions[\"initialFocus\"]>;\n  opener?: HTMLElement;\n  ariaLabel?: string;\n  dismissHandler?: () => void | Promise<void>;\n  dismissPending?: boolean;\n  modal: boolean;\n  position?: { x: number; y: number } | null;\n};\n\ntype DialogState = {\n  element?: HTMLDialogElement;\n  modal?: boolean;\n  stack: DialogStackEntry[];\n  scrollLocked?: boolean;\n  previousBodyOverflow?: string;\n  previousHtmlOverflow?: string;\n  mouseDownOnDialog?: boolean;\n  connectionObserver?: MutationObserver;\n};\n\nconst DEFAULT_PANEL_CLASS = \"k2b-dialog\";\nconst DEFAULT_CONTENT_CLASS = \"k2b-dialog__viewport\";\nlet nextDialogTitleId = 0;\n\nconst resolveInitialFocusTarget = (entry: DialogStackEntry, dialog: HTMLDialogElement): HTMLElement | null => {\n  const { initialFocus } = entry;\n  if (initialFocus === \"none\") return null;\n  if (typeof initialFocus === \"function\") return initialFocus(dialog);\n  const input = entry.container.querySelector<HTMLElement>(\n    \"input:not([type='hidden']):not([disabled]), textarea:not([disabled]), select:not([disabled]), [role='combobox']:not([disabled]):not([aria-disabled='true'])\",\n  );\n  return (\n    input ??\n    entry.container.querySelector<HTMLElement>(\n      \"input:not([type='hidden']):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), a[href], [tabindex]:not([tabindex='-1'])\",\n    )\n  );\n};\n\nconst applyAccessibleName = (dialog: HTMLDialogElement, entry: DialogStackEntry): void => {\n  dialog.removeAttribute(\"aria-label\");\n  dialog.removeAttribute(\"aria-labelledby\");\n  if (entry.ariaLabel) {\n    dialog.setAttribute(\"aria-label\", entry.ariaLabel);\n    return;\n  }\n  const heading = entry.container.querySelector<HTMLElement>(\"h1, h2, h3\");\n  if (!heading) {\n    dialog.setAttribute(\"aria-label\", \"Dialog\");\n    return;\n  }\n  heading.id ||= `k2b-dialog-title-${++nextDialogTitleId}`;\n  dialog.setAttribute(\"aria-labelledby\", heading.id);\n};\n\nconst schedule = (callback: () => void): void => {\n  if (typeof requestAnimationFrame === \"function\") requestAnimationFrame(callback);\n  else queueMicrotask(callback);\n};\n\nexport const createDialogCore = (): DialogCore => {\n  const state: DialogState = { stack: [] };\n\n  const ensureDialogElement = () => {\n    if (typeof document === \"undefined\") throw new Error(\"@k2b/ui dialogs can only be opened in the browser\");\n    // Reuse the shared element whenever it is still in the document. Resolving\n    // the portal root first would create a second <dialog> when focus has moved\n    // into another `.k2b-ui` scope, orphaning the levels already on the stack.\n    if (state.element?.isConnected) return state.element;\n\n    const element = document.createElement(\"dialog\");\n    element.onclose = () => {\n      // Repeated Escape can force a non-cancelable native close. A retained\n      // entry (ignore, an async guard, or a parent) still owns the modal.\n      const top = state.stack[state.stack.length - 1];\n      if (state.element !== element || element.open || !top) return;\n      if (top.modal) element.showModal();\n      else element.show();\n      resolveInitialFocusTarget(top, element)?.focus();\n    };\n    getK2bPortalRoot().appendChild(element);\n    state.element = element;\n    return element;\n  };\n\n  const lockPageScroll = () => {\n    if (typeof document === \"undefined\" || state.scrollLocked) return;\n    state.previousBodyOverflow = document.body.style.overflow;\n    state.previousHtmlOverflow = document.documentElement.style.overflow;\n    document.body.style.overflow = \"hidden\";\n    document.documentElement.style.overflow = \"hidden\";\n    state.scrollLocked = true;\n  };\n\n  const unlockPageScroll = () => {\n    if (typeof document === \"undefined\" || !state.scrollLocked) return;\n    document.body.style.overflow = state.previousBodyOverflow ?? \"\";\n    document.documentElement.style.overflow = state.previousHtmlOverflow ?? \"\";\n    state.scrollLocked = false;\n    state.previousBodyOverflow = undefined;\n    state.previousHtmlOverflow = undefined;\n  };\n\n  const applyPresentation = (entry: DialogStackEntry) => {\n    const dialog = state.element;\n    if (!dialog || state.stack[state.stack.length - 1] !== entry) return;\n    const position = entry.position;\n    dialog.style.position = position ? \"fixed\" : \"\";\n    dialog.style.inset = position ? `${position.y}px auto auto ${position.x}px` : \"\";\n    dialog.style.margin = position ? \"0\" : \"\";\n    dialog.style.transform = position ? \"none\" : \"\";\n    dialog.dataset.modeless = String(!entry.modal);\n    dialog.setAttribute(\"aria-modal\", String(entry.modal));\n    if (dialog.open && state.modal !== entry.modal) {\n      const active = document.activeElement;\n      dialog.close();\n      if (entry.modal) dialog.showModal();\n      else dialog.show();\n      if (active instanceof HTMLElement && active.isConnected && (!entry.modal || dialog.contains(active))) {\n        active.focus({ preventScroll: true });\n      } else resolveInitialFocusTarget(entry, dialog)?.focus({ preventScroll: true });\n    }\n    state.modal = entry.modal;\n    if (entry.modal) lockPageScroll();\n    else unlockPageScroll();\n  };\n\n  const modelessEscape = (event: KeyboardEvent) => {\n    const top = state.stack[state.stack.length - 1];\n    if (!top || top.modal || event.key !== \"Escape\" || event.defaultPrevented || event.isComposing) return;\n    event.preventDefault();\n    void requestDismiss(top);\n  };\n\n  const stopConnectionObserver = () => {\n    document.removeEventListener(\"keydown\", modelessEscape);\n    state.connectionObserver?.disconnect();\n    state.connectionObserver = undefined;\n  };\n\n  const applyCancelBehavior = (\n    dialog: HTMLDialogElement,\n    close: () => void,\n    behavior: NonNullable<OpenDialogOptions[\"cancelBehavior\"]>,\n  ) => {\n    dialog.oncancel = (event) => {\n      if (behavior === \"ignore\") {\n        event.preventDefault();\n        return;\n      }\n      event.preventDefault();\n      close();\n    };\n    dialog.onmousedown = (event) => {\n      state.mouseDownOnDialog = event.target === dialog;\n    };\n    dialog.onclick = (event) => {\n      const realBackdropClick = state.mouseDownOnDialog === true;\n      state.mouseDownOnDialog = false;\n      if (event.target !== dialog || !state.modal) return;\n      if (!realBackdropClick) return;\n      if (behavior === \"ignore\") return;\n      if (isPointInsideToast(event.clientX, event.clientY)) return;\n      close();\n    };\n  };\n\n  const requestDismiss = async (entry: DialogStackEntry) => {\n    if (state.stack[state.stack.length - 1] !== entry || entry.dismissPending || entry.cancelBehavior === \"ignore\") return;\n    if (!entry.dismissHandler) {\n      popTop(undefined);\n      return;\n    }\n    entry.dismissPending = true;\n    try {\n      await entry.dismissHandler();\n    } catch (error) {\n      // A failed guard must never discard the dialog's state.\n      console.error(\"Dialog dismissal failed\", error);\n    } finally {\n      entry.dismissPending = false;\n    }\n  };\n\n  const popTop = (result?: unknown) => {\n    const top = state.stack.pop();\n    if (!top) return;\n    top.dispose?.();\n    top.container.remove();\n\n    const dialog = state.element;\n    const previous = state.stack[state.stack.length - 1];\n    if (previous && dialog) {\n      previous.container.style.display = \"\";\n      dialog.className = previous.panelClassName;\n      applyPresentation(previous);\n      applyAccessibleName(dialog, previous);\n      applyCancelBehavior(dialog, () => void requestDismiss(previous), previous.cancelBehavior);\n      schedule(() => {\n        const target = top.opener?.isConnected ? top.opener : resolveInitialFocusTarget(previous, dialog);\n        target?.focus();\n      });\n    } else if (dialog) {\n      dialog.oncancel = null;\n      dialog.onmousedown = null;\n      dialog.onclick = null;\n      dialog.removeAttribute(\"aria-label\");\n      dialog.removeAttribute(\"aria-labelledby\");\n      if (dialog.open && typeof dialog.close === \"function\") dialog.close();\n      else dialog.removeAttribute(\"open\");\n      dialog.remove();\n      state.element = undefined;\n      stopConnectionObserver();\n      unlockPageScroll();\n      schedule(() => {\n        if (top.opener?.isConnected) top.opener.focus();\n      });\n    }\n\n    top.resolve?.(result);\n  };\n\n  const resetDisconnectedDialog = () => {\n    if (state.stack.length === 0 || state.element?.isConnected) return;\n    const entries = state.stack.splice(0);\n    const dialog = state.element;\n    state.element = undefined;\n    stopConnectionObserver();\n    dialog?.remove();\n    unlockPageScroll();\n    for (const entry of entries.reverse()) {\n      entry.dispose?.();\n      entry.container.remove();\n      entry.resolve?.(undefined);\n    }\n  };\n\n  const observeConnection = () => {\n    if (state.connectionObserver || typeof MutationObserver === \"undefined\") return;\n    document.addEventListener(\"keydown\", modelessEscape);\n    state.connectionObserver = new MutationObserver(resetDisconnectedDialog);\n    state.connectionObserver.observe(document.documentElement, { childList: true, subtree: true });\n  };\n\n  const open = <T>(view: DialogRender<T>, options: OpenDialogOptions = {}): Promise<T | undefined> => {\n    if (options.signal?.aborted) return Promise.resolve(undefined);\n    const dialog = ensureDialogElement();\n    const previousTop = state.stack[state.stack.length - 1];\n    if (previousTop) previousTop.container.style.display = \"none\";\n    const activeElement = document.activeElement;\n\n    const panelClassName = options.panelClassName ?? DEFAULT_PANEL_CLASS;\n    const cancelBehavior = options.cancelBehavior ?? \"resolve-undefined\";\n    const initialFocus = options.initialFocus ?? \"first-input\";\n    dialog.className = panelClassName;\n\n    const container = document.createElement(\"div\");\n    container.className = options.contentClassName ?? DEFAULT_CONTENT_CLASS;\n    dialog.appendChild(container);\n\n    const entry: DialogStackEntry = {\n      container,\n      panelClassName,\n      cancelBehavior,\n      initialFocus,\n      opener: activeElement instanceof HTMLElement ? activeElement : undefined,\n      ariaLabel: options.ariaLabel,\n      modal: true,\n    };\n\n    return new Promise((resolve, reject) => {\n      const abort = () => {\n        const index = state.stack.indexOf(entry);\n        if (index < 0) return;\n        if (index === state.stack.length - 1) popTop(undefined);\n        else {\n          state.stack.splice(index, 1);\n          entry.dispose?.();\n          entry.container.remove();\n          entry.resolve?.(undefined);\n        }\n      };\n      entry.resolve = (value) => {\n        options.signal?.removeEventListener(\"abort\", abort);\n        resolve(value as T | undefined);\n      };\n      const closeTyped: DialogClose<T> = (result) => {\n        if (state.stack[state.stack.length - 1] !== entry) return;\n        popTop(result);\n      };\n\n      state.stack.push(entry);\n      try {\n        entry.dispose = render(\n          () =>\n            view(closeTyped, {\n              dialog,\n              setModal: (modal) => {\n                entry.modal = modal;\n                applyPresentation(entry);\n              },\n              setPosition: (position) => {\n                if (position && (!Number.isFinite(position.x) || !Number.isFinite(position.y))) return;\n                entry.position = position;\n                applyPresentation(entry);\n              },\n              requestDismiss: () => requestDismiss(entry),\n              setDismissHandler: (handler) => {\n                entry.dismissHandler = handler;\n              },\n            }),\n          container,\n        );\n        applyPresentation(entry);\n        applyAccessibleName(dialog, entry);\n        applyCancelBehavior(dialog, () => void requestDismiss(entry), cancelBehavior);\n\n        if (state.stack.length === 1) {\n          if (typeof dialog.showModal === \"function\") {\n            if (entry.modal) dialog.showModal();\n            else dialog.show();\n          } else dialog.setAttribute(\"open\", \"\");\n          observeConnection();\n        }\n        options.signal?.addEventListener(\"abort\", abort, { once: true });\n        if (options.signal?.aborted) abort();\n        schedule(() => {\n          if (state.stack[state.stack.length - 1] === entry) resolveInitialFocusTarget(entry, dialog)?.focus();\n        });\n      } catch (error) {\n        entry.resolve = undefined;\n        if (state.stack[state.stack.length - 1] === entry) popTop(undefined);\n        reject(error);\n      }\n    });\n  };\n\n  const close: DialogCore[\"close\"] = (result) => {\n    let first = true;\n    while (state.stack.length > 0) {\n      popTop(first ? result : undefined);\n      first = false;\n    }\n  };\n\n  return {\n    open,\n    close,\n    isOpen: () => state.stack.length > 0,\n  };\n};\n\nexport const dialogCore = createDialogCore();\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["feedback/dialog-core.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { render } from \"solid-js/web\";\nimport { getK2bPortalRoot } from \"../internal/portal\";\nimport { resolveUiMessages } from \"../intl/messages\";\nimport { isPointInsideToast } from \"./toast\";\n\nexport type DialogClose<T> = (result?: T) => void;\n\nexport type OpenDialogOptions = {\n  /** Close only this dialog when its owning operation is cancelled. */\n  signal?: AbortSignal;\n  panelClassName?: string;\n  contentClassName?: string;\n  initialFocus?: \"first-input\" | \"none\" | ((dialog: HTMLDialogElement) => HTMLElement | null);\n  cancelBehavior?: \"resolve-undefined\" | \"ignore\";\n  ariaLabel?: string;\n};\n\nexport type DialogRender<T> = (\n  close: DialogClose<T>,\n  context: {\n    dialog: HTMLDialogElement;\n    /** Switch this entry between a modal and a modeless window without remounting. */\n    setModal: (modal: boolean) => void;\n    /** Set viewport coordinates, or restore the panel stylesheet position with null. */\n    setPosition: (position: { x: number; y: number } | null) => void;\n    /** Route Escape/backdrop through the same guarded handler as Cancel and X. */\n    setDismissHandler: (handler: () => void | Promise<void>) => void;\n    /** Request dismissal through this entry's cancellation policy and guard. */\n    requestDismiss: () => Promise<void>;\n  },\n) => JSX.Element;\n\nexport type DialogCore = {\n  open: <T>(view: DialogRender<T>, options?: OpenDialogOptions) => Promise<T | undefined>;\n  close: (result?: unknown) => void;\n  isOpen: () => boolean;\n};\n\ntype DialogStackEntry = {\n  container: HTMLDivElement;\n  dispose?: () => void;\n  resolve?: (value: unknown) => void;\n  panelClassName: string;\n  cancelBehavior: NonNullable<OpenDialogOptions[\"cancelBehavior\"]>;\n  initialFocus: NonNullable<OpenDialogOptions[\"initialFocus\"]>;\n  opener?: HTMLElement;\n  ariaLabel?: string;\n  dismissHandler?: () => void | Promise<void>;\n  dismissPending?: boolean;\n  modal: boolean;\n  position?: { x: number; y: number } | null;\n};\n\ntype DialogState = {\n  element?: HTMLDialogElement;\n  modal?: boolean;\n  stack: DialogStackEntry[];\n  scrollLocked?: boolean;\n  previousBodyOverflow?: string;\n  previousHtmlOverflow?: string;\n  mouseDownOnDialog?: boolean;\n  connectionObserver?: MutationObserver;\n};\n\nconst DEFAULT_PANEL_CLASS = \"k2b-dialog\";\nconst DEFAULT_CONTENT_CLASS = \"k2b-dialog__viewport\";\nlet nextDialogTitleId = 0;\n\nconst resolveInitialFocusTarget = (entry: DialogStackEntry, dialog: HTMLDialogElement): HTMLElement | null => {\n  const { initialFocus } = entry;\n  if (initialFocus === \"none\") return null;\n  if (typeof initialFocus === \"function\") return initialFocus(dialog);\n  const input = entry.container.querySelector<HTMLElement>(\n    \"input:not([type='hidden']):not([disabled]), textarea:not([disabled]), select:not([disabled]), [role='combobox']:not([disabled]):not([aria-disabled='true'])\",\n  );\n  return (\n    input ??\n    entry.container.querySelector<HTMLElement>(\n      \"input:not([type='hidden']):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), a[href], [tabindex]:not([tabindex='-1'])\",\n    )\n  );\n};\n\nconst applyAccessibleName = (dialog: HTMLDialogElement, entry: DialogStackEntry): void => {\n  dialog.removeAttribute(\"aria-label\");\n  dialog.removeAttribute(\"aria-labelledby\");\n  if (entry.ariaLabel) {\n    dialog.setAttribute(\"aria-label\", entry.ariaLabel);\n    return;\n  }\n  const heading = entry.container.querySelector<HTMLElement>(\"h1, h2, h3\");\n  if (!heading) {\n    dialog.setAttribute(\"aria-label\", resolveUiMessages().dialog);\n    return;\n  }\n  heading.id ||= `k2b-dialog-title-${++nextDialogTitleId}`;\n  dialog.setAttribute(\"aria-labelledby\", heading.id);\n};\n\nconst schedule = (callback: () => void): void => {\n  if (typeof requestAnimationFrame === \"function\") requestAnimationFrame(callback);\n  else queueMicrotask(callback);\n};\n\nexport const createDialogCore = (): DialogCore => {\n  const state: DialogState = { stack: [] };\n\n  const ensureDialogElement = () => {\n    if (typeof document === \"undefined\") throw new Error(\"@k2b/ui dialogs can only be opened in the browser\");\n    // Reuse the shared element whenever it is still in the document. Resolving\n    // the portal root first would create a second <dialog> when focus has moved\n    // into another `.k2b-ui` scope, orphaning the levels already on the stack.\n    if (state.element?.isConnected) return state.element;\n\n    const element = document.createElement(\"dialog\");\n    element.onclose = () => {\n      // Repeated Escape can force a non-cancelable native close. A retained\n      // entry (ignore, an async guard, or a parent) still owns the modal.\n      const top = state.stack[state.stack.length - 1];\n      if (state.element !== element || element.open || !top) return;\n      if (top.modal) element.showModal();\n      else element.show();\n      resolveInitialFocusTarget(top, element)?.focus();\n    };\n    getK2bPortalRoot().appendChild(element);\n    state.element = element;\n    return element;\n  };\n\n  const lockPageScroll = () => {\n    if (typeof document === \"undefined\" || state.scrollLocked) return;\n    state.previousBodyOverflow = document.body.style.overflow;\n    state.previousHtmlOverflow = document.documentElement.style.overflow;\n    document.body.style.overflow = \"hidden\";\n    document.documentElement.style.overflow = \"hidden\";\n    state.scrollLocked = true;\n  };\n\n  const unlockPageScroll = () => {\n    if (typeof document === \"undefined\" || !state.scrollLocked) return;\n    document.body.style.overflow = state.previousBodyOverflow ?? \"\";\n    document.documentElement.style.overflow = state.previousHtmlOverflow ?? \"\";\n    state.scrollLocked = false;\n    state.previousBodyOverflow = undefined;\n    state.previousHtmlOverflow = undefined;\n  };\n\n  const applyPresentation = (entry: DialogStackEntry) => {\n    const dialog = state.element;\n    if (!dialog || state.stack[state.stack.length - 1] !== entry) return;\n    const position = entry.position;\n    dialog.style.position = position ? \"fixed\" : \"\";\n    dialog.style.inset = position ? `${position.y}px auto auto ${position.x}px` : \"\";\n    dialog.style.margin = position ? \"0\" : \"\";\n    dialog.style.transform = position ? \"none\" : \"\";\n    dialog.dataset.modeless = String(!entry.modal);\n    dialog.setAttribute(\"aria-modal\", String(entry.modal));\n    if (dialog.open && state.modal !== entry.modal) {\n      const active = document.activeElement;\n      dialog.close();\n      if (entry.modal) dialog.showModal();\n      else dialog.show();\n      if (active instanceof HTMLElement && active.isConnected && (!entry.modal || dialog.contains(active))) {\n        active.focus({ preventScroll: true });\n      } else resolveInitialFocusTarget(entry, dialog)?.focus({ preventScroll: true });\n    }\n    state.modal = entry.modal;\n    if (entry.modal) lockPageScroll();\n    else unlockPageScroll();\n  };\n\n  const modelessEscape = (event: KeyboardEvent) => {\n    const top = state.stack[state.stack.length - 1];\n    if (!top || top.modal || event.key !== \"Escape\" || event.defaultPrevented || event.isComposing) return;\n    event.preventDefault();\n    void requestDismiss(top);\n  };\n\n  const stopConnectionObserver = () => {\n    document.removeEventListener(\"keydown\", modelessEscape);\n    state.connectionObserver?.disconnect();\n    state.connectionObserver = undefined;\n  };\n\n  const applyCancelBehavior = (\n    dialog: HTMLDialogElement,\n    close: () => void,\n    behavior: NonNullable<OpenDialogOptions[\"cancelBehavior\"]>,\n  ) => {\n    dialog.oncancel = (event) => {\n      if (behavior === \"ignore\") {\n        event.preventDefault();\n        return;\n      }\n      event.preventDefault();\n      close();\n    };\n    dialog.onmousedown = (event) => {\n      state.mouseDownOnDialog = event.target === dialog;\n    };\n    dialog.onclick = (event) => {\n      const realBackdropClick = state.mouseDownOnDialog === true;\n      state.mouseDownOnDialog = false;\n      if (event.target !== dialog || !state.modal) return;\n      if (!realBackdropClick) return;\n      if (behavior === \"ignore\") return;\n      if (isPointInsideToast(event.clientX, event.clientY)) return;\n      close();\n    };\n  };\n\n  const requestDismiss = async (entry: DialogStackEntry) => {\n    if (state.stack[state.stack.length - 1] !== entry || entry.dismissPending || entry.cancelBehavior === \"ignore\") return;\n    if (!entry.dismissHandler) {\n      popTop(undefined);\n      return;\n    }\n    entry.dismissPending = true;\n    try {\n      await entry.dismissHandler();\n    } catch (error) {\n      // A failed guard must never discard the dialog's state.\n      console.error(\"Dialog dismissal failed\", error);\n    } finally {\n      entry.dismissPending = false;\n    }\n  };\n\n  const popTop = (result?: unknown) => {\n    const top = state.stack.pop();\n    if (!top) return;\n    top.dispose?.();\n    top.container.remove();\n\n    const dialog = state.element;\n    const previous = state.stack[state.stack.length - 1];\n    if (previous && dialog) {\n      previous.container.style.display = \"\";\n      dialog.className = previous.panelClassName;\n      applyPresentation(previous);\n      applyAccessibleName(dialog, previous);\n      applyCancelBehavior(dialog, () => void requestDismiss(previous), previous.cancelBehavior);\n      schedule(() => {\n        const target = top.opener?.isConnected ? top.opener : resolveInitialFocusTarget(previous, dialog);\n        target?.focus();\n      });\n    } else if (dialog) {\n      dialog.oncancel = null;\n      dialog.onmousedown = null;\n      dialog.onclick = null;\n      dialog.removeAttribute(\"aria-label\");\n      dialog.removeAttribute(\"aria-labelledby\");\n      if (dialog.open && typeof dialog.close === \"function\") dialog.close();\n      else dialog.removeAttribute(\"open\");\n      dialog.remove();\n      state.element = undefined;\n      stopConnectionObserver();\n      unlockPageScroll();\n      schedule(() => {\n        if (top.opener?.isConnected) top.opener.focus();\n      });\n    }\n\n    top.resolve?.(result);\n  };\n\n  const resetDisconnectedDialog = () => {\n    if (state.stack.length === 0 || state.element?.isConnected) return;\n    const entries = state.stack.splice(0);\n    const dialog = state.element;\n    state.element = undefined;\n    stopConnectionObserver();\n    dialog?.remove();\n    unlockPageScroll();\n    for (const entry of entries.reverse()) {\n      entry.dispose?.();\n      entry.container.remove();\n      entry.resolve?.(undefined);\n    }\n  };\n\n  const observeConnection = () => {\n    if (state.connectionObserver || typeof MutationObserver === \"undefined\") return;\n    document.addEventListener(\"keydown\", modelessEscape);\n    state.connectionObserver = new MutationObserver(resetDisconnectedDialog);\n    state.connectionObserver.observe(document.documentElement, { childList: true, subtree: true });\n  };\n\n  const open = <T>(view: DialogRender<T>, options: OpenDialogOptions = {}): Promise<T | undefined> => {\n    if (options.signal?.aborted) return Promise.resolve(undefined);\n    const dialog = ensureDialogElement();\n    const previousTop = state.stack[state.stack.length - 1];\n    if (previousTop) previousTop.container.style.display = \"none\";\n    const activeElement = document.activeElement;\n\n    const panelClassName = options.panelClassName ?? DEFAULT_PANEL_CLASS;\n    const cancelBehavior = options.cancelBehavior ?? \"resolve-undefined\";\n    const initialFocus = options.initialFocus ?? \"first-input\";\n    dialog.className = panelClassName;\n\n    const container = document.createElement(\"div\");\n    container.className = options.contentClassName ?? DEFAULT_CONTENT_CLASS;\n    dialog.appendChild(container);\n\n    const entry: DialogStackEntry = {\n      container,\n      panelClassName,\n      cancelBehavior,\n      initialFocus,\n      opener: activeElement instanceof HTMLElement ? activeElement : undefined,\n      ariaLabel: options.ariaLabel,\n      modal: true,\n    };\n\n    return new Promise((resolve, reject) => {\n      const abort = () => {\n        const index = state.stack.indexOf(entry);\n        if (index < 0) return;\n        if (index === state.stack.length - 1) popTop(undefined);\n        else {\n          state.stack.splice(index, 1);\n          entry.dispose?.();\n          entry.container.remove();\n          entry.resolve?.(undefined);\n        }\n      };\n      entry.resolve = (value) => {\n        options.signal?.removeEventListener(\"abort\", abort);\n        resolve(value as T | undefined);\n      };\n      const closeTyped: DialogClose<T> = (result) => {\n        if (state.stack[state.stack.length - 1] !== entry) return;\n        popTop(result);\n      };\n\n      state.stack.push(entry);\n      try {\n        entry.dispose = render(\n          () =>\n            view(closeTyped, {\n              dialog,\n              setModal: (modal) => {\n                entry.modal = modal;\n                applyPresentation(entry);\n              },\n              setPosition: (position) => {\n                if (position && (!Number.isFinite(position.x) || !Number.isFinite(position.y))) return;\n                entry.position = position;\n                applyPresentation(entry);\n              },\n              requestDismiss: () => requestDismiss(entry),\n              setDismissHandler: (handler) => {\n                entry.dismissHandler = handler;\n              },\n            }),\n          container,\n        );\n        applyPresentation(entry);\n        applyAccessibleName(dialog, entry);\n        applyCancelBehavior(dialog, () => void requestDismiss(entry), cancelBehavior);\n\n        if (state.stack.length === 1) {\n          if (typeof dialog.showModal === \"function\") {\n            if (entry.modal) dialog.showModal();\n            else dialog.show();\n          } else dialog.setAttribute(\"open\", \"\");\n          observeConnection();\n        }\n        options.signal?.addEventListener(\"abort\", abort, { once: true });\n        if (options.signal?.aborted) abort();\n        schedule(() => {\n          if (state.stack[state.stack.length - 1] === entry) resolveInitialFocusTarget(entry, dialog)?.focus();\n        });\n      } catch (error) {\n        entry.resolve = undefined;\n        if (state.stack[state.stack.length - 1] === entry) popTop(undefined);\n        reject(error);\n      }\n    });\n  };\n\n  const close: DialogCore[\"close\"] = (result) => {\n    let first = true;\n    while (state.stack.length > 0) {\n      popTop(first ? result : undefined);\n      first = false;\n    }\n  };\n\n  return {\n    open,\n    close,\n    isOpen: () => state.stack.length > 0,\n  };\n};\n\nexport const dialogCore = createDialogCore();\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/feedback/prompts.js

@@ -50,6 +50,7 @@ import { TagsInput } from "../inputs/TagsInput";
 import { TextInput } from "../inputs/TextInput";
 import { resolveUiMessages } from "../intl/messages";
 import { dialogCore } from "./dialog-core";
+const PHRASE_SLOT = "\u0000";
 const isEmpty = value => value === undefined || value === null || value === "" || Array.isArray(value) && value.length === 0;
 export const createFormState = schema => {
   const messages = resolveUiMessages();
@@ -68,12 +69,20 @@ export const createFormState = schema => {
       if (customError) return customError;
     }
     if (field.type === "text" && typeof value === "string" && value.length > 0) {
-      if (field.minLength !== undefined && value.length < field.minLength) return `minimum ${field.minLength} characters`;
-      if (field.maxLength !== undefined && value.length > field.maxLength) return `maximum ${field.maxLength} characters`;
+      if (field.minLength !== undefined && value.length < field.minLength) return messages.minCharacters({
+        count: field.minLength
+      });
+      if (field.maxLength !== undefined && value.length > field.maxLength) return messages.maxCharacters({
+        count: field.maxLength
+      });
     }
     if (field.type === "tags" && Array.isArray(value) && value.length > 0) {
-      if (field.minTags !== undefined && value.length < field.minTags) return `minimum ${field.minTags} tags`;
-      if (field.maxTags !== undefined && value.length > field.maxTags) return `maximum ${field.maxTags} tags`;
+      if (field.minTags !== undefined && value.length < field.minTags) return messages.minTags({
+        count: field.minTags
+      });
+      if (field.maxTags !== undefined && value.length > field.maxTags) return messages.maxTags({
+        count: field.maxTags
+      });
     }
     return null;
   };
@@ -841,6 +850,11 @@ export const prompts = {
           return _el$58;
         })();
       }
+
+      // The catalog owns word order; the slot marks where the verbatim phrase is rendered as code.
+      const [labelBefore, labelAfter] = resolveUiMessages().typeToConfirm({
+        phrase: PHRASE_SLOT
+      }).split(PHRASE_SLOT);
       const [confirmationValue, setConfirmationValue] = createSignal("");
       const canConfirm = () => confirmationValue() === confirmationPhrase;
       const submit = event => {
@@ -874,11 +888,11 @@ export const prompts = {
             confirmationInput = element;
           },
           get label() {
-            return ["Type ", (() => {
+            return [labelBefore, (() => {
               var _el$75 = _$getNextElement(_tmpl$21);
               _$insert(_el$75, confirmationPhrase);
               return _el$75;
-            })(), " to confirm"];
+            })(), labelAfter];
           },
           value: confirmationValue,
           onValueChange: setConfirmationValue,