@react-pdf-kit/viewer 2.0.0-beta.0 → 2.0.0-beta.10

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

@@ -1,8 +1,77 @@
-import "react/jsx-runtime";
-import "react";
-import { n as a } from "../../../ToolbarLayout.module-c588d36b.js";
-import "../../../utils/hooks/useInfiniteScroll.js";
-import "../../../utils/withRef.js";
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as b, useImperativeHandle as _, useMemo as N, useCallback as x, useEffect as R } from "react";
+import { Thumbnail as q } 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 "../../../th_TH-d627cd51.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_16vqr_1",
+  "rp-thumbnails": "_rp-thumbnails_16vqr_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);
+  _(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, v) => {
+    var g, h;
+    return /* @__PURE__ */ s(
+      q,
+      {
+        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
+      },
+      v
+    );
+  }) : null }) });
+});
 export {
-  a as Thumbnails
+  Nt as Thumbnails
 };

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

@@ -5,23 +5,34 @@ 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 l } from "../../../contexts/IconContext.js";
-import m from "../../ui/RPTooltip.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 d } from "../../../contexts/IconToolContext.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 "../../../th_TH-d627cd51.js";
 const M = () => {
-  const { lightModeIcon: t } = l(), { lightModeIcon: n } = d();
-  return t || n || /* @__PURE__ */ o(f, {});
+  const { lightModeIcon: t } = p(), { lightModeIcon: r } = l();
+  return t || r || /* @__PURE__ */ o(f, {});
 }, x = () => {
-  const { darkModeIcon: t } = l(), { darkModeIcon: n } = d();
-  return t || n || /* @__PURE__ */ o(a, {});
-}, P = () => {
-  const { darkMode: t, setDarkMode: n } = I(), { themeSwitcher: c = !0 } = k(), { themeSwitcher: i = !0 } = T(), { localeMessages: e } = C(), r = t ? e == null ? void 0 : e.themeEnableLightTooltip : e == null ? void 0 : e.themeEnableDarkTooltip, p = u(() => {
-    n((h) => !h);
-  }, [n]);
-  return !c || !i ? null : typeof c == "function" ? /* @__PURE__ */ o(m, { content: r, children: /* @__PURE__ */ o(c, { darkMode: t, setDarkMode: n }) }) : typeof i == "function" ? /* @__PURE__ */ o(m, { content: r, children: /* @__PURE__ */ o(i, { darkMode: t, setDarkMode: n }) }) : /* @__PURE__ */ o(m, { content: r, children: /* @__PURE__ */ o(s, { onClick: p, "aria-label": r, children: t ? /* @__PURE__ */ o(x, {}) : /* @__PURE__ */ o(M, {}) }) });
+  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 {
-  P as DarkModeTool
+  N as DarkModeTool
 };

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

@@ -1,59 +1,314 @@
-import "react/jsx-runtime";
-import "react";
-import { D as to } from "../../../ToolbarLayout.module-c588d36b.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../icons/CloseIcon.js";
-import "../../../utils/dateFormatter.js";
-import "../../../contexts/RPDocumentContext.js";
+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 pe } from "../../../contexts/OtherToolContext.js";
+import { useLocalizationContext as de } from "../../../contexts/LocalizationContext.js";
+import "react-dom";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/types.js";
+import "../../../th_TH-d627cd51.js";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import "../../../contexts/DarkModeContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../contexts/LayerContext.js";
-import "../../../contexts/ZoomContext.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../contexts/SelectionModeContext.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/FullScreenContext.js";
-import "../../../contexts/FileInputContext.js";
-import "../../../contexts/DropFileZoneContext.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../contexts/HighlightContext.js";
-import "../../../contexts/LicenseContext.js";
-import "../../../contexts/DownloadContext.js";
-import "../../../contexts/SmoothScrollContext.js";
-import "../../../contexts/ElementPageContext.js";
-import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/LoaderContext.js";
-import "../../../contexts/ToolComponentContext.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/OtherToolContext.js";
-import "../../RPConfig.js";
-import "../Container.js";
-import "../../../contexts/ViewportContext.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../sidebar/RPSplitter.js";
-import "../WrapperLayout.js";
-import "../../../LayoutWrapper-a871c161.js";
-import "../../../contexts/ThemeContext.js";
-import "../../RPDropFileZone.js";
-import "../../ui/Button.js";
-import "../../../SearchCloseButton-cbf182aa.js";
-import "../../ui/Input.js";
-import "../../ui/Checkbox.js";
-import "../../icons/LoaderIcon.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/RPTooltip.js";
-import "../../ui/DropDown.js";
-import "../../../ZoomTool.module-6c5eabbb.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "../../../RotateTool.module-03987eba.js";
-import "./PropertyItem.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), p = c.useRef(null), [d, g] = M({
+    prop: i,
+    defaultProp: e ?? !1,
+    onChange: o,
+    caller: h
+  });
+  return /* @__PURE__ */ a(
+    fe,
+    {
+      scope: r,
+      triggerRef: s,
+      contentRef: p,
+      contentId: R(),
+      titleId: R(),
+      descriptionId: R(),
+      open: d,
+      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 p, d;
+          (p = t.onInteractOutside) == null || p.call(t, o), o.defaultPrevented || (i.current = !0, o.detail.originalEvent.type === "pointerdown" && (e.current = !0));
+          const l = o.target;
+          ((d = n.triggerRef.current) == null ? void 0 : d.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), p = c.useRef(null), d = P(r, p);
+    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: d,
+              onDismiss: () => s.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ C(x, { children: [
+        /* @__PURE__ */ a(he, { titleId: s.titleId }),
+        /* @__PURE__ */ a(Pe, { contentRef: p, 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", V = 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))
+      }
+    );
+  }
+);
+V.displayName = j;
+function E(t) {
+  return t ? "open" : "closed";
+}
+var z = "DialogTitleWarning", [ot, B] = X(z, {
+  contentName: m,
+  titleName: O,
+  docsSlug: "dialog"
+}), he = ({ titleId: t }) => {
+  const r = B(z), 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 {${B(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 = V;
+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 } = pe(), { localeMessages: e } = de(), o = J(() => {
+    if (!t)
+      return [];
+    const {
+      fileSize: l,
+      filename: s,
+      title: p,
+      author: d,
+      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: p },
+      { label: e == null ? void 0 : e.propertiesAuthorLabel, value: d },
+      { 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"], children: [
+      /* @__PURE__ */ a(Ie, { className: f["rp-dialog-title"], children: e == null ? void 0 : e.documentPropertiesLabel }),
+      /* @__PURE__ */ a("div", { className: f["rp-document-properties"], children: o.map((l, s) => /* @__PURE__ */ a("div", { children: l.separate ? /* @__PURE__ */ a("div", { className: f["rp-properties-divider"] }) : /* @__PURE__ */ a(ue, { label: l.label, value: l.value }) }, s)) }),
+      /* @__PURE__ */ a(xe, { asChild: !0, className: f["rp-dialog-close"], children: /* @__PURE__ */ a(ce, {}) })
+    ] })
+  ] }) }) });
+};
 export {
-  to as DocumentDialog
+  rt as DocumentDialog
 };

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

@@ -1,4 +1,4 @@
-import { jsxs as n, Fragment as p, jsx as t } from "react/jsx-runtime";
+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";
@@ -9,19 +9,32 @@ import { useLocalizationContext as x } from "../../../contexts/LocalizationConte
 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 "../../../th_TH-d627cd51.js";
 const a = () => {
-  const { documentPropertiesIcon: e } = f(), { documentPropertiesIcon: r } = C();
-  return e || r || /* @__PURE__ */ t(s, {});
-}, F = () => {
-  const { setActiveDocumentProperties: e } = l(), { documentProperties: r = !0 } = d(), { documentProperties: m = !0, scrollModeTool: i } = I(), { localeMessages: o } = x();
-  return !r || !m ? null : /* @__PURE__ */ n(p, { children: [
+  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: () => e((c) => !c), children: /* @__PURE__ */ n(P, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
+    /* @__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 {
-  F as DocumentProperties
+  Q as DocumentProperties
 };

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

@@ -1,15 +1,50 @@
-import "react/jsx-runtime";
-import "../../icons/FileDownloadDefaultIcon.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/Button.js";
-import { O as w } from "../../../ToolbarLayout.module-c588d36b.js";
-import "./MenuItem.js";
-import "../../../contexts/ViewportContext.js";
-import "../../ui/RPTooltip.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/ToolComponentContext.js";
+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 "../../../th_TH-d627cd51.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 {
-  w as FileDownloadTool
+  po as FileDownloadTool
 };