@react-pdf-kit/viewer 0.0.0-experimental.0

package/dist/components/layout/sidebar/Thumbnail.js

@@ -0,0 +1,145 @@
+import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import { useRef as h, useState as N, useMemo as _, useCallback as S, useEffect as w } from "react";
+import { c as I } from "../../../clsx-0c6e471a.js";
+import { LoaderIcon as L } from "../../icons/LoaderIcon.js";
+import { u as j } from "../../../PaginationContext-9217cab4.js";
+import { usePagesRotateContext as q } from "../../../contexts/PagesRotateContext.js";
+import { useRenderQueue as D } from "../../../contexts/RenderQueueProvider.js";
+import { useDocumentContext as M } from "../../../contexts/RPDocumentContext.js";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../utils/appConsole.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/EventCallbackContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../utils/smoothScrollTo.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../utils/constants.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../../utils/Queue.js";
+import "../../../utils/renderPage.js";
+const i = {
+  "rp-thumbnail-wrapper": "_rp-thumbnail-wrapper_3fenb_1",
+  "rp-thumbnail-text": "_rp-thumbnail-text_3fenb_10",
+  "rp-thumbnail": "_rp-thumbnail_3fenb_1",
+  "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
+  "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
+}, $t = ($) => {
+  const { pageNumber: t, isFocused: p, viewport: s } = $, { goToPage: d } = j(), { pageRotate: P } = q(), o = h(null), n = D(), { pages: a } = M(), [m, b] = N(null), c = h(!1), f = h(), R = _(() => p ? i["rp-thumbnail-active"] : "", [p]), u = _(() => ({
+    width: Math.round(s.width),
+    height: Math.round(s.height)
+  }), [s]), g = S(() => {
+    t && d(t);
+  }, [d, t]);
+  return w(() => {
+    const e = a.get(t);
+    f.current === e || (b(null), f.current = e);
+  }, [a, t]), w(() => {
+    const e = a.get(t);
+    if (!o.current || !t || !e || m)
+      return;
+    const l = new IntersectionObserver((y) => {
+      y.forEach((C) => {
+        if (c.current) {
+          c.current = !1, n.removeQueue(`thumbnail-${t}`);
+          return;
+        }
+        if (C.isIntersecting) {
+          const v = document.createElement("canvas");
+          c.current = !0, n.enqueue(
+            `thumbnail-${t}`,
+            {
+              page: e.page,
+              canvasElem: v,
+              options: {
+                scale: 1
+              },
+              onLoaded: () => {
+                v.toBlob((x) => {
+                  if (!x)
+                    return;
+                  const E = URL.createObjectURL(x);
+                  b(E);
+                });
+              }
+            },
+            2
+          );
+        }
+      });
+    });
+    return o.current && l.observe(o.current), () => {
+      l.disconnect(), n.removeQueue(`thumbnail-${t}`);
+    };
+  }, [n, t, a, m]), /* @__PURE__ */ k(
+    "div",
+    {
+      onClick: g,
+      onKeyDown: (e) => {
+        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), g());
+      },
+      id: `page-${t}`,
+      className: i["rp-thumbnail-wrapper"],
+      ref: o,
+      role: "button",
+      tabIndex: 0,
+      "aria-label": `Go to page ${t}`,
+      "aria-current": p ? "page" : void 0,
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            style: {
+              transform: `rotate(${P[t || 0]}deg)`
+            },
+            className: I(R, i["rp-thumbnail"]),
+            "aria-hidden": "true",
+            children: m ? /* @__PURE__ */ r(
+              "img",
+              {
+                src: m,
+                width: u.width,
+                height: u.height,
+                alt: `Page ${t} thumbnail`,
+                "aria-hidden": "true"
+              }
+            ) : /* @__PURE__ */ r(
+              "div",
+              {
+                className: i["rp-thumbnail-loader"],
+                style: {
+                  width: `${u.width}px`,
+                  height: `${u.height}px`
+                },
+                children: /* @__PURE__ */ r(L, { "aria-hidden": "true" })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: i["rp-thumbnail-text"], "aria-hidden": "true", children: t })
+      ]
+    }
+  );
+};
+export {
+  $t as Thumbnail
+};

package/dist/components/layout/sidebar/Thumbnails.js

@@ -0,0 +1,77 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as b, useImperativeHandle as v, useMemo as N, useCallback as x, useEffect as R } from "react";
+import { Thumbnail as k } from "./Thumbnail.js";
+import { useThumbnailContext as y } from "../../../contexts/ThumbnailsContext.js";
+import { useInfiniteScroll as C } from "../../../utils/hooks/useInfiniteScroll.js";
+import { u as I } from "../../../PaginationContext-9217cab4.js";
+import { withRef as S } from "../../../utils/withRef.js";
+import "../../../clsx-0c6e471a.js";
+import "../../icons/LoaderIcon.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../contexts/RotationContext.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/EventCallbackContext.js";
+import "../../../contexts/RenderQueueProvider.js";
+import "../../../utils/Queue.js";
+import "../../../utils/renderPage.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../utils/smoothScrollTo.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../utils/constants.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../../utils/hooks/useThumbnail.js";
+const d = {
+  "rp-thumbnails-container": "_rp-thumbnails-container_70k68_1",
+  "rp-thumbnails": "_rp-thumbnails_70k68_1"
+}, j = 16, D = (r, n) => {
+  const t = r == null ? void 0 : r.querySelector(`#page-${n}`);
+  r && (t != null && t.offsetTop) && (r.scrollTop = (t == null ? void 0 : t.offsetTop) - j);
+}, Nt = S((r, n) => {
+  const { show: t, width: T } = r, { focusedPage: i, totalPages: a } = I(), { thumbnailPages: e, addPage: u, thumbnailLength: m, addToPage: c } = y(), p = b(null), l = b(1);
+  v(n, () => p.current);
+  const f = N(() => Object.values(e), [e]), P = x(() => {
+    const o = m + 1;
+    o <= a && u(o);
+  }, [u, a, m]);
+  return R(() => {
+    i > m && a > m ? c(i) : t && l.current !== i && (D(p.current, i), l.current = i);
+  }, [i, m, c, t, f]), C(p.current, P), /* @__PURE__ */ s("div", { ref: p, className: d["rp-thumbnails-container"], style: { width: T }, children: /* @__PURE__ */ s("div", { className: d["rp-thumbnails"], children: t ? f.map((o, _) => {
+    var g, h;
+    return /* @__PURE__ */ s(
+      k,
+      {
+        isFocused: i === ((g = o.page) == null ? void 0 : g.pageNumber),
+        pageNumber: (h = o.page) == null ? void 0 : h.pageNumber,
+        loading: o.loading,
+        viewport: o.viewport,
+        defaultRotation: o.defaultRotation
+      },
+      _
+    );
+  }) : null }) });
+});
+export {
+  Nt as Thumbnails
+};

package/dist/components/layout/toolbar/DarkModeTool.js

@@ -0,0 +1,38 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useCallback as u } from "react";
+import { MoonIcon as f } from "../../icons/MoonIcon.js";
+import { SunIcon as a } from "../../icons/SunIcon.js";
+import { UIButton as s } from "../../ui/Button.js";
+import { useDarkModeContext as I } from "../../../contexts/DarkModeContext.js";
+import { useToolbarComponentContext as k } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as p } from "../../../contexts/IconContext.js";
+import c from "../../ui/RPTooltip.js";
+import { useLocalizationContext as C } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as l } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as T } from "../../../contexts/ToolComponentContext.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/useDarkMode.js";
+import "../../../utils/appConsole.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../../de_DE-a553b162.js";
+const M = () => {
+  const { lightModeIcon: t } = p(), { lightModeIcon: r } = l();
+  return t || r || /* @__PURE__ */ o(f, {});
+}, x = () => {
+  const { darkModeIcon: t } = p(), { darkModeIcon: r } = l();
+  return t || r || /* @__PURE__ */ o(a, {});
+}, N = () => {
+  const { darkMode: t, setDarkMode: r } = I(), { themeSwitcher: i = !0 } = k(), { themeSwitcher: m = !0 } = T(), { localeMessages: n } = C(), e = t ? n == null ? void 0 : n.themeEnableLightTooltip : n == null ? void 0 : n.themeEnableDarkTooltip, d = u(() => {
+    r((h) => !h);
+  }, [r]);
+  return !i || !m ? null : typeof i == "function" ? /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(i, { darkMode: t, setDarkMode: r }) }) : typeof m == "function" ? /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(m, { darkMode: t, setDarkMode: r }) }) : /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(s, { onClick: d, "aria-label": e, children: t ? /* @__PURE__ */ o(x, {}) : /* @__PURE__ */ o(M, {}) }) });
+};
+export {
+  N as DarkModeTool
+};

package/dist/components/layout/toolbar/DocumentDialog.js

@@ -0,0 +1,314 @@
+import { jsx as a, jsxs as C, Fragment as x } from "react/jsx-runtime";
+import * as c from "react";
+import { useMemo as J } from "react";
+import { c as Q, a as P, P as D, b as v, d as y, e as X, f as M, g as ee } from "../../../index-c0faa594.js";
+import { D as te, u as R } from "../../../index-e3ee9457.js";
+import { R as oe, h as re, u as ne, F as ie, P as ae } from "../../../Combination-54a77a7a.js";
+import { useLayoutContainer as le } from "../../../contexts/LayoutContainerContext.js";
+import { CloseIcon as ce } from "../../icons/CloseIcon.js";
+import { dateFormatter as A } from "../../../utils/dateFormatter.js";
+import { useDocumentContext as se } from "../../../contexts/RPDocumentContext.js";
+import { PropertyItem as ue } from "./PropertyItem.js";
+import { useOtherToolContext as de } from "../../../contexts/OtherToolContext.js";
+import { useLocalizationContext as pe } from "../../../contexts/LocalizationContext.js";
+import "react-dom";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../utils/hooks/useLocalization.js";
+var h = "Dialog", [T, tt] = Q(h), [fe, u] = T(h), L = (t) => {
+  const {
+    __scopeDialog: r,
+    children: n,
+    open: i,
+    defaultOpen: e,
+    onOpenChange: o,
+    modal: l = !0
+  } = t, s = c.useRef(null), d = c.useRef(null), [p, g] = M({
+    prop: i,
+    defaultProp: e ?? !1,
+    onChange: o,
+    caller: h
+  });
+  return /* @__PURE__ */ a(
+    fe,
+    {
+      scope: r,
+      triggerRef: s,
+      contentRef: d,
+      contentId: R(),
+      titleId: R(),
+      descriptionId: R(),
+      open: p,
+      onOpenChange: g,
+      onOpenToggle: c.useCallback(() => g((_) => !_), [g]),
+      modal: l,
+      children: n
+    }
+  );
+};
+L.displayName = h;
+var w = "DialogTrigger", me = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = u(w, n), o = P(r, e.triggerRef);
+    return /* @__PURE__ */ a(
+      D.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": e.open,
+        "aria-controls": e.contentId,
+        "data-state": E(e.open),
+        ...i,
+        ref: o,
+        onClick: v(t.onClick, e.onOpenToggle)
+      }
+    );
+  }
+);
+me.displayName = w;
+var N = "DialogPortal", [ge, F] = T(N, {
+  forceMount: void 0
+}), S = (t) => {
+  const { __scopeDialog: r, forceMount: n, children: i, container: e } = t, o = u(N, r);
+  return /* @__PURE__ */ a(ge, { scope: r, forceMount: n, children: c.Children.map(i, (l) => /* @__PURE__ */ a(y, { present: n || o.open, children: /* @__PURE__ */ a(ae, { asChild: !0, container: e, children: l }) })) });
+};
+S.displayName = N;
+var b = "DialogOverlay", W = c.forwardRef(
+  (t, r) => {
+    const n = F(b, t.__scopeDialog), { forceMount: i = n.forceMount, ...e } = t, o = u(b, t.__scopeDialog);
+    return o.modal ? /* @__PURE__ */ a(y, { present: i || o.open, children: /* @__PURE__ */ a(De, { ...e, ref: r }) }) : null;
+  }
+);
+W.displayName = b;
+var ve = ee("DialogOverlay.RemoveScroll"), De = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = u(b, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ a(oe, { as: ve, allowPinchZoom: !0, shards: [e.contentRef], children: /* @__PURE__ */ a(
+        D.div,
+        {
+          "data-state": E(e.open),
+          ...i,
+          ref: r,
+          style: { pointerEvents: "auto", ...i.style }
+        }
+      ) })
+    );
+  }
+), m = "DialogContent", k = c.forwardRef(
+  (t, r) => {
+    const n = F(m, t.__scopeDialog), { forceMount: i = n.forceMount, ...e } = t, o = u(m, t.__scopeDialog);
+    return /* @__PURE__ */ a(y, { present: i || o.open, children: o.modal ? /* @__PURE__ */ a(_e, { ...e, ref: r }) : /* @__PURE__ */ a(Ce, { ...e, ref: r }) });
+  }
+);
+k.displayName = m;
+var _e = c.forwardRef(
+  (t, r) => {
+    const n = u(m, t.__scopeDialog), i = c.useRef(null), e = P(r, n.contentRef, i);
+    return c.useEffect(() => {
+      const o = i.current;
+      if (o)
+        return re(o);
+    }, []), /* @__PURE__ */ a(
+      q,
+      {
+        ...t,
+        ref: e,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: v(t.onCloseAutoFocus, (o) => {
+          var l;
+          o.preventDefault(), (l = n.triggerRef.current) == null || l.focus();
+        }),
+        onPointerDownOutside: v(t.onPointerDownOutside, (o) => {
+          const l = o.detail.originalEvent, s = l.button === 0 && l.ctrlKey === !0;
+          (l.button === 2 || s) && o.preventDefault();
+        }),
+        onFocusOutside: v(
+          t.onFocusOutside,
+          (o) => o.preventDefault()
+        )
+      }
+    );
+  }
+), Ce = c.forwardRef(
+  (t, r) => {
+    const n = u(m, t.__scopeDialog), i = c.useRef(!1), e = c.useRef(!1);
+    return /* @__PURE__ */ a(
+      q,
+      {
+        ...t,
+        ref: r,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (o) => {
+          var l, s;
+          (l = t.onCloseAutoFocus) == null || l.call(t, o), o.defaultPrevented || (i.current || (s = n.triggerRef.current) == null || s.focus(), o.preventDefault()), i.current = !1, e.current = !1;
+        },
+        onInteractOutside: (o) => {
+          var d, p;
+          (d = t.onInteractOutside) == null || d.call(t, o), o.defaultPrevented || (i.current = !0, o.detail.originalEvent.type === "pointerdown" && (e.current = !0));
+          const l = o.target;
+          ((p = n.triggerRef.current) == null ? void 0 : p.contains(l)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && e.current && o.preventDefault();
+        }
+      }
+    );
+  }
+), q = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, trapFocus: i, onOpenAutoFocus: e, onCloseAutoFocus: o, ...l } = t, s = u(m, n), d = c.useRef(null), p = P(r, d);
+    return ne(), /* @__PURE__ */ C(x, { children: [
+      /* @__PURE__ */ a(
+        ie,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: i,
+          onMountAutoFocus: e,
+          onUnmountAutoFocus: o,
+          children: /* @__PURE__ */ a(
+            te,
+            {
+              role: "dialog",
+              id: s.contentId,
+              "aria-describedby": s.descriptionId,
+              "aria-labelledby": s.titleId,
+              "data-state": E(s.open),
+              ...l,
+              ref: p,
+              onDismiss: () => s.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ C(x, { children: [
+        /* @__PURE__ */ a(he, { titleId: s.titleId }),
+        /* @__PURE__ */ a(Pe, { contentRef: d, descriptionId: s.descriptionId })
+      ] })
+    ] });
+  }
+), O = "DialogTitle", G = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = u(O, n);
+    return /* @__PURE__ */ a(D.h2, { id: e.titleId, ...i, ref: r });
+  }
+);
+G.displayName = O;
+var $ = "DialogDescription", be = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = u($, n);
+    return /* @__PURE__ */ a(D.p, { id: e.descriptionId, ...i, ref: r });
+  }
+);
+be.displayName = $;
+var j = "DialogClose", z = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = u(j, n);
+    return /* @__PURE__ */ a(
+      D.button,
+      {
+        type: "button",
+        ...i,
+        ref: r,
+        onClick: v(t.onClick, () => e.onOpenChange(!1))
+      }
+    );
+  }
+);
+z.displayName = j;
+function E(t) {
+  return t ? "open" : "closed";
+}
+var B = "DialogTitleWarning", [ot, V] = X(B, {
+  contentName: m,
+  titleName: O,
+  docsSlug: "dialog"
+}), he = ({ titleId: t }) => {
+  const r = V(B), n = `\`${r.contentName}\` requires a \`${r.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${r.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${r.docsSlug}`;
+  return c.useEffect(() => {
+    t && (document.getElementById(t) || console.error(n));
+  }, [n, t]), null;
+}, Re = "DialogDescriptionWarning", Pe = ({ contentRef: t, descriptionId: r }) => {
+  const i = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${V(Re).contentName}}.`;
+  return c.useEffect(() => {
+    var o;
+    const e = (o = t.current) == null ? void 0 : o.getAttribute("aria-describedby");
+    r && e && (document.getElementById(r) || console.warn(i));
+  }, [i, t, r]), null;
+}, ye = L, Ne = S, Oe = W, Ee = k, Ie = G, xe = z;
+const f = {
+  "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
+  "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
+  "rp-document-dialog": "_rp-document-dialog_slqo7_13",
+  "rp-document-properties": "_rp-document-properties_slqo7_35",
+  "rp-dialog-title": "_rp-dialog-title_slqo7_39",
+  "rp-dialog-close": "_rp-dialog-close_slqo7_47",
+  "rp-properties-divider": "_rp-properties-divider_slqo7_55"
+}, rt = () => {
+  const { pdfProperties: t } = se(), { container: r } = le(), { activeDocumentProperties: n, setActiveDocumentProperties: i } = de(), { localeMessages: e } = pe(), o = J(() => {
+    if (!t)
+      return [];
+    const {
+      fileSize: l,
+      filename: s,
+      title: d,
+      author: p,
+      subject: g,
+      createdOn: _,
+      creator: H,
+      keywords: K,
+      modifiedOn: I,
+      pdfProducer: U,
+      pdfVersion: Y,
+      pageCount: Z
+    } = t;
+    return [
+      { label: e == null ? void 0 : e.propertiesFilenameLabel, value: s },
+      { label: e == null ? void 0 : e.propertiesFileSizeLabel, value: l },
+      { separate: !0 },
+      { label: e == null ? void 0 : e.propertiesTitleLabel, value: d },
+      { label: e == null ? void 0 : e.propertiesAuthorLabel, value: p },
+      { label: e == null ? void 0 : e.propertiesSubjectLabel, value: g },
+      { label: e == null ? void 0 : e.propertiesKeywordLabel, value: K },
+      { label: e == null ? void 0 : e.propertiesCreatorLabel, value: H },
+      {
+        label: e == null ? void 0 : e.propertiesCreateOnLabel,
+        value: _ ? A(_) : ""
+      },
+      {
+        label: e == null ? void 0 : e.propertiesModifiedOnLabel,
+        value: I ? A(I) : ""
+      },
+      { separate: !0 },
+      { label: e == null ? void 0 : e.propertiesPDFProducerLabel, value: U },
+      { label: e == null ? void 0 : e.propertiesPDFVersionLabel, value: Y },
+      { label: e == null ? void 0 : e.propertiesPageCountLabel, value: Z }
+    ];
+  }, [t, e]);
+  return /* @__PURE__ */ a(ye, { open: n, onOpenChange: i, children: /* @__PURE__ */ a(Ne, { container: r, children: /* @__PURE__ */ C("div", { className: f["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ a(Oe, { className: f["rp-dialog-overlay"] }),
+    /* @__PURE__ */ C(Ee, { className: f["rp-document-dialog"], "aria-labelledby": "document-properties-title", children: [
+      /* @__PURE__ */ a(Ie, { id: "document-properties-title", className: f["rp-dialog-title"], children: e == null ? void 0 : e.documentPropertiesLabel }),
+      /* @__PURE__ */ a("div", { className: f["rp-document-properties"], role: "region", "aria-labelledby": "document-properties-title", children: o.map((l, s) => /* @__PURE__ */ a("div", { children: l.separate ? /* @__PURE__ */ a("div", { className: f["rp-properties-divider"], role: "separator", "aria-orientation": "horizontal" }) : /* @__PURE__ */ a(ue, { label: l.label, value: l.value }) }, s)) }),
+      /* @__PURE__ */ a(xe, { asChild: !0, className: f["rp-dialog-close"], "aria-label": (e == null ? void 0 : e.searchCloseButtonTooltip) || "Close dialog", children: /* @__PURE__ */ a(ce, { "aria-hidden": "true" }) })
+    ] })
+  ] }) }) });
+};
+export {
+  rt as DocumentDialog
+};

package/dist/components/layout/toolbar/DocumentProperties.js

@@ -0,0 +1,40 @@
+import { jsxs as m, Fragment as c, jsx as t } from "react/jsx-runtime";
+import { MenuItem as u } from "./MenuItem.js";
+import { InfoIcon as s } from "../../icons/InfoIcon.js";
+import { useOtherToolContext as l } from "../../../contexts/OtherToolContext.js";
+import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as f } from "../../../contexts/IconContext.js";
+import P from "../../ui/RPTooltip.js";
+import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as C } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as I } from "../../../contexts/ToolComponentContext.js";
+import { MenuSeparator as T } from "./MenuSeparator.js";
+import "../../../index-4baea9b5.js";
+import "react";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-54a77a7a.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../../de_DE-a553b162.js";
+const a = () => {
+  const { documentPropertiesIcon: r } = f(), { documentPropertiesIcon: e } = C();
+  return r || e || /* @__PURE__ */ t(s, {});
+}, Q = () => {
+  const { setActiveDocumentProperties: r } = l(), { documentProperties: e = !0 } = d(), { documentProperties: n = !0, scrollModeTool: i } = I(), { localeMessages: o } = x();
+  return !e || !n ? null : /* @__PURE__ */ m(c, { children: [
+    i && /* @__PURE__ */ t(T, {}),
+    /* @__PURE__ */ t(u, { onClick: () => r((p) => !p), children: /* @__PURE__ */ m(P, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(a, {}) }),
+      o == null ? void 0 : o.documentPropertiesLabel
+    ] }) })
+  ] });
+};
+export {
+  Q as DocumentProperties
+};

package/dist/components/layout/toolbar/FileDownloadTool.js

@@ -0,0 +1,50 @@
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { FileDownloadDefaultIcon as f } from "../../icons/FileDownloadDefaultIcon.js";
+import { useToolbarComponentContext as w } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as e } from "../../../contexts/IconContext.js";
+import { UIButton as T } from "../../ui/Button.js";
+import { useFileDownload as D } from "../../../utils/hooks/useFileDownload.js";
+import { MenuItem as C } from "./MenuItem.js";
+import { useViewportContext as x } from "../../../contexts/ViewportContext.js";
+import m from "../../ui/RPTooltip.js";
+import { useLocalizationContext as F } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as I } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as h } from "../../../contexts/ToolComponentContext.js";
+import "react";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../contexts/DownloadContext.js";
+import "../../../index-4baea9b5.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-54a77a7a.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../utils/hooks/useLocalization.js";
+const d = () => {
+  const { downloadIcon: n } = e(), { downloadIcon: o } = I();
+  return n || o || /* @__PURE__ */ t(f, {});
+}, l = ({ children: n, className: o, localeMessages: r }) => /* @__PURE__ */ t(m, { className: o, content: r == null ? void 0 : r.downloadFileTooltip, children: n }), b = ({ download: n, localeMessages: o }) => /* @__PURE__ */ t(l, { localeMessages: o, children: /* @__PURE__ */ t(T, { onClick: n, "aria-label": o == null ? void 0 : o.downloadFileTooltip, children: /* @__PURE__ */ t(d, {}) }) }), a = ({ download: n, localeMessages: o }) => /* @__PURE__ */ t(C, { onClick: n, children: /* @__PURE__ */ u(l, { className: "rp-menu-item", localeMessages: o, children: [
+  /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(d, {}) }),
+  o == null ? void 0 : o.downloadFileLabel
+] }) }), po = () => {
+  const { download: n } = D(), { downloadTool: o = !0 } = w(), { downloadTool: r = !0 } = h(), { isSmallScreen: c } = x(), { localeMessages: i } = F(), p = i == null ? void 0 : i.downloadFileTooltip;
+  return !o || !r ? null : c ? /* @__PURE__ */ t(a, { download: n, localeMessages: i }) : typeof o == "function" ? /* @__PURE__ */ t(m, { content: p, children: /* @__PURE__ */ t(o, { download: n }) }) : typeof r == "function" ? /* @__PURE__ */ t(m, { content: p, children: /* @__PURE__ */ t(r, { download: n }) }) : /* @__PURE__ */ t(b, { download: n, localeMessages: i });
+};
+export {
+  po as FileDownloadTool
+};