@k2b/ui 0.9.1 → 0.11.0

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

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

package/dist/browser/content/ZoomPanViewport.js

@@ -1,11 +1,10 @@
 import { template as _$template } from "solid-js/web";
 import { delegateEvents as _$delegateEvents } from "solid-js/web";
 import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
 import { style as _$style } from "solid-js/web";
-import { use as _$use } from "solid-js/web";
 import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
-import { addEventListener as _$addEventListener } from "solid-js/web";
-import { setAttribute as _$setAttribute } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
 import { getNextMarker as _$getNextMarker } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
@@ -16,10 +15,9 @@ import { createComponent as _$createComponent } from "solid-js/web";
 var _tmpl$ = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
   _tmpl$2 = /*#__PURE__*/_$template(`<footer class=k2b-dialog__actions>`),
   _tmpl$3 = /*#__PURE__*/_$template(`<div class="k2b-dialog__panel k2b-dialog__stack"><!$><!/><div class=k2b-zoom-pan-dialog><!$><!/><!$><!/>`),
-  _tmpl$4 = /*#__PURE__*/_$template(`<button type=button class="k2b-button k2b-icon-button"data-variant=secondary><i aria-hidden=true>`),
-  _tmpl$5 = /*#__PURE__*/_$template(`<div role=group tabindex=0><div class=k2b-zoom-pan__stage></div><div class=k2b-zoom-pan__controls><!$><!/><!$><!/><!$><!/><!$><!/>`);
+  _tmpl$4 = /*#__PURE__*/_$template(`<div role=group tabindex=0><div class=k2b-zoom-pan__stage></div><div class=k2b-zoom-pan__controls><!$><!/><!$><!/><!$><!/><!$><!/>`);
 import { createSignal, For, onCleanup, onMount, Show } from "solid-js";
-import { Button } from "../actions/Button";
+import { Button, IconButton } from "../actions/Button";
 import { dialogCore } from "../feedback/dialog-core";
 import { DialogHeader } from "../feedback/prompts";
 import { LocaleProvider, useLocale } from "../intl/locale";
@@ -313,50 +311,51 @@ export function ZoomPanViewport(props) {
       observer?.disconnect();
     });
   });
-  const control = (label, shortcut, icon, action) => (() => {
-    var _el$1 = _$getNextElement(_tmpl$4),
-      _el$10 = _el$1.firstChild;
-    _$addEventListener(_el$1, "click", action, true);
-    _$setAttribute(_el$1, "aria-label", label);
-    _$setAttribute(_el$1, "title", `${label} (${shortcut})`);
-    _$className(_el$10, `ti ${icon}`);
-    _$runHydrationEvents();
-    return _el$1;
-  })();
+  const control = (label, shortcut, icon, action) => _$createComponent(IconButton, {
+    variant: "secondary",
+    label: label,
+    tooltip: `${label} (${shortcut})`,
+    onClick: action,
+    get children() {
+      var _el$1 = _$getNextElement(_tmpl$);
+      _$className(_el$1, `ti ${icon}`);
+      return _el$1;
+    }
+  });
   return (() => {
-    var _el$11 = _$getNextElement(_tmpl$5),
-      _el$12 = _el$11.firstChild,
-      _el$13 = _el$12.nextSibling,
-      _el$14 = _el$13.firstChild,
-      [_el$15, _co$4] = _$getNextMarker(_el$14.nextSibling),
-      _el$16 = _el$15.nextSibling,
-      [_el$17, _co$5] = _$getNextMarker(_el$16.nextSibling),
-      _el$18 = _el$17.nextSibling,
-      [_el$19, _co$6] = _$getNextMarker(_el$18.nextSibling),
-      _el$20 = _el$19.nextSibling,
-      [_el$21, _co$7] = _$getNextMarker(_el$20.nextSibling);
-    _el$11.addEventListener("pointercancel", handlePointerEnd);
-    _el$11.$$pointerup = handlePointerEnd;
-    _el$11.$$pointermove = handlePointerMove;
-    _el$11.$$pointerdown = handlePointerDown;
-    _el$11.addEventListener("wheel", handleWheel);
-    _el$11.$$keydown = handleKeyDown;
+    var _el$10 = _$getNextElement(_tmpl$4),
+      _el$11 = _el$10.firstChild,
+      _el$12 = _el$11.nextSibling,
+      _el$13 = _el$12.firstChild,
+      [_el$14, _co$4] = _$getNextMarker(_el$13.nextSibling),
+      _el$15 = _el$14.nextSibling,
+      [_el$16, _co$5] = _$getNextMarker(_el$15.nextSibling),
+      _el$17 = _el$16.nextSibling,
+      [_el$18, _co$6] = _$getNextMarker(_el$17.nextSibling),
+      _el$19 = _el$18.nextSibling,
+      [_el$20, _co$7] = _$getNextMarker(_el$19.nextSibling);
+    _el$10.addEventListener("pointercancel", handlePointerEnd);
+    _el$10.$$pointerup = handlePointerEnd;
+    _el$10.$$pointermove = handlePointerMove;
+    _el$10.$$pointerdown = handlePointerDown;
+    _el$10.addEventListener("wheel", handleWheel);
+    _el$10.$$keydown = handleKeyDown;
     var _ref$ = root;
-    typeof _ref$ === "function" ? _$use(_ref$, _el$11) : root = _el$11;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$10) : root = _el$10;
     var _ref$2 = stage;
-    typeof _ref$2 === "function" ? _$use(_ref$2, _el$12) : stage = _el$12;
-    _$insert(_el$12, () => props.children);
-    _$insert(_el$13, () => control(messages().zoomIn, "+", "ti-plus", () => zoomBy(ZOOM_PAN_STEP)), _el$15, _co$4);
-    _$insert(_el$13, () => control(messages().zoomOut, "-", "ti-minus", () => zoomBy(1 / ZOOM_PAN_STEP)), _el$17, _co$5);
-    _$insert(_el$13, () => control(messages().resetZoom, "0", "ti-focus-centered", reset), _el$19, _co$6);
-    _$insert(_el$13, _$createComponent(Show, {
+    typeof _ref$2 === "function" ? _$use(_ref$2, _el$11) : stage = _el$11;
+    _$insert(_el$11, () => props.children);
+    _$insert(_el$12, () => control(messages().zoomIn, "+", "ti-plus", () => zoomBy(ZOOM_PAN_STEP)), _el$14, _co$4);
+    _$insert(_el$12, () => control(messages().zoomOut, "-", "ti-minus", () => zoomBy(1 / ZOOM_PAN_STEP)), _el$16, _co$5);
+    _$insert(_el$12, () => control(messages().resetZoom, "0", "ti-focus-centered", reset), _el$18, _co$6);
+    _$insert(_el$12, _$createComponent(Show, {
       get when() {
         return props.fullscreen;
       },
       get children() {
         return control(messages().openFullscreen, "F", "ti-maximize", openFullscreen);
       }
-    }), _el$21, _co$7);
+    }), _el$20, _co$7);
     _$effect(_p$ => {
       var _v$ = `k2b-zoom-pan ${props.class ?? ""}`,
         _v$2 = props.style,
@@ -367,15 +366,15 @@ export function ZoomPanViewport(props) {
         _v$7 = dragging() ? "true" : undefined,
         _v$8 = smooth() ? "true" : undefined,
         _v$9 = `translate(${transform().x}px, ${transform().y}px) scale(${transform().scale})`;
-      _v$ !== _p$.e && _$className(_el$11, _p$.e = _v$);
-      _p$.t = _$style(_el$11, _v$2, _p$.t);
-      _v$3 !== _p$.a && _$setAttribute(_el$11, "aria-label", _p$.a = _v$3);
-      _v$4 !== _p$.o && _$setAttribute(_el$11, "aria-description", _p$.o = _v$4);
-      _v$5 !== _p$.i && _$setAttribute(_el$11, "data-controls", _p$.i = _v$5);
-      _v$6 !== _p$.n && _$setAttribute(_el$11, "data-zoomed", _p$.n = _v$6);
-      _v$7 !== _p$.s && _$setAttribute(_el$11, "data-dragging", _p$.s = _v$7);
-      _v$8 !== _p$.h && _$setAttribute(_el$12, "data-smooth", _p$.h = _v$8);
-      _v$9 !== _p$.r && _$setStyleProperty(_el$12, "transform", _p$.r = _v$9);
+      _v$ !== _p$.e && _$className(_el$10, _p$.e = _v$);
+      _p$.t = _$style(_el$10, _v$2, _p$.t);
+      _v$3 !== _p$.a && _$setAttribute(_el$10, "aria-label", _p$.a = _v$3);
+      _v$4 !== _p$.o && _$setAttribute(_el$10, "aria-description", _p$.o = _v$4);
+      _v$5 !== _p$.i && _$setAttribute(_el$10, "data-controls", _p$.i = _v$5);
+      _v$6 !== _p$.n && _$setAttribute(_el$10, "data-zoomed", _p$.n = _v$6);
+      _v$7 !== _p$.s && _$setAttribute(_el$10, "data-dragging", _p$.s = _v$7);
+      _v$8 !== _p$.h && _$setAttribute(_el$11, "data-smooth", _p$.h = _v$8);
+      _v$9 !== _p$.r && _$setStyleProperty(_el$11, "transform", _p$.r = _v$9);
       return _p$;
     }, {
       e: undefined,
@@ -389,8 +388,8 @@ export function ZoomPanViewport(props) {
       r: undefined
     });
     _$runHydrationEvents();
-    return _el$11;
+    return _el$10;
   })();
 }
-_$delegateEvents(["click", "keydown", "pointerdown", "pointermove", "pointerup"]);
+_$delegateEvents(["keydown", "pointerdown", "pointermove", "pointerup"]);
 //# sourceMappingURL=ZoomPanViewport.js.map

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

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