@react-pdf-kit/viewer 2.6.0-beta.2 → 2.6.0-rc.0

package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js

@@ -1,49 +1,28 @@
-import { jsx as r } from "react/jsx-runtime";
-import m from "../../../ui/RPTooltip.js";
-import { UIButton as p } from "../../../ui/Button.js";
-import { ClockwiseIcon as n } from "../../../icons/ClockwiseIcon.js";
-import { useRotate as c } from "../../../../utils/hooks/useRotate.js";
 import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
-import { c as u } from "../../../../RotateTool.module-67946714.js";
-import "react";
-import "../../../../index-113053cf.js";
-import "react-dom";
-import "../../../../index-23911b43.js";
-import "../../../../index-d0f0aa9a.js";
-import "../../../../index-ada501c4.js";
-import "../../../../utils/withRef.js";
-import "../../../../clsx-0c6e471a.js";
-import "../../../../contexts/RotationContext.js";
-import "../../../../utils/appConsole.js";
-import "../../../../contexts/InitialStateContext.js";
-import "../../../../contexts/RPDocumentContext.js";
-import "../../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../../utils/types.js";
-import "../../../../de_DE-8145915f.js";
-import "../../../../utils/getThumbnailViewport.js";
-import "../../../../contexts/ConfigContext.js";
-import "../../../../contexts/DocumentPasswordContext.js";
-import "../../../../utils/const.js";
-import "../../../../utils/hooks/usePdfProperties.js";
-import "../../../../utils/convertPdfDate.js";
-import "../../../../utils/formatFileSize.js";
-import "../../../../utils/hooks/useLocalization.js";
-const k = ({
-  children: t,
-  className: i,
-  localeMessages: o
-}) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: t }), O = ({ icon: t }) => {
-  const { handleRotateCounterclockwise: i } = c(), { localeMessages: o } = e();
-  return /* @__PURE__ */ r(k, { localeMessages: o, children: /* @__PURE__ */ r(
-    p,
-    {
-      onClick: i,
-      "aria-label": (o == null ? void 0 : o.rotateCounterclockwiseTooltip) || (o == null ? void 0 : o.rotateCounterclockwiseLabel),
-      children: t || /* @__PURE__ */ r(n, { className: u["rp-rotate-counterclockwise"], "aria-hidden": "true" })
-    }
-  ) });
-};
-export {
-  O as RotateCounterclockwiseTool
+import { t } from "../../../../Button-jStpvb3T.js";
+import { t as n } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { ClockwiseIcon as r } from "../../../icons/ClockwiseIcon.js";
+import { t as i } from "../../../../RotateTool.module-DH5yWbvM.js";
+import { useRotate as a } from "../../../../utils/hooks/useRotate.js";
+import { jsx as o } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/RotateCounterclockwiseTool.tsx
+var s = ({ children: e, className: t, localeMessages: r }) => /* @__PURE__ */ o(n, {
+	className: t,
+	content: r?.rotateCounterclockwiseTooltip,
+	children: e
+}), c = ({ icon: n }) => {
+	let { handleRotateCounterclockwise: c } = a(), { localeMessages: l } = e();
+	return /* @__PURE__ */ o(s, {
+		localeMessages: l,
+		children: /* @__PURE__ */ o(t, {
+			onClick: c,
+			"aria-label": l?.rotateCounterclockwiseTooltip || l?.rotateCounterclockwiseLabel,
+			children: n || /* @__PURE__ */ o(r, {
+				className: i["rp-rotate-counterclockwise"],
+				"aria-hidden": "true"
+			})
+		})
+	});
 };
+//#endregion
+export { c as RotateCounterclockwiseTool };

package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js

@@ -1,39 +1,30 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useMemo as i, useCallback as S } from "react";
-import { UIButton as u } from "../../../ui/Button.js";
-import a from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as s } from "../../../../contexts/LocalizationContext.js";
-import { useSelectionModeContext as x } from "../../../../contexts/SelectionModeContext.js";
-import { SelectionMode as r } from "../../../../utils/types.js";
-import { TextSelectionDefaultIcon as h } from "../../../icons/TextSelectionDefaultIcon.js";
-import { HandModeDefaultIcon as M } from "../../../icons/HandModeDefaultIcon.js";
-import "../../../../clsx-0c6e471a.js";
-import "../../../../utils/withRef.js";
-import "../../../../index-113053cf.js";
-import "react-dom";
-import "../../../../index-23911b43.js";
-import "../../../../index-d0f0aa9a.js";
-import "../../../../index-ada501c4.js";
-import "../../../../utils/appConsole.js";
-import "../../../../utils/hooks/useLocalization.js";
-import "../../../../de_DE-8145915f.js";
-const v = ({ icons: d }) => {
-  const { textSelectionIcon: n, handModeIcon: m } = d ?? {}, { selectionMode: c, setSelectionMode: p } = x(), { localeMessages: o } = s(), t = i(() => c === r.TEXT, [c]), l = i(
-    () => t ? o == null ? void 0 : o.handToolTooltip : o == null ? void 0 : o.textSelectionTooltip,
-    [t, o]
-  ), f = S(() => {
-    p(t ? r.HAND : r.TEXT);
-  }, [t, p]), T = i(() => t ? m ?? /* @__PURE__ */ e(M, {}) : n ?? /* @__PURE__ */ e(h, {}), [t, n, m]);
-  return /* @__PURE__ */ e(a, { content: l, children: /* @__PURE__ */ e(
-    u,
-    {
-      onClick: f,
-      "aria-label": l,
-      "aria-pressed": t,
-      children: T
-    }
-  ) });
-};
-export {
-  v as SelectionModeSwitcherTool
+import { SelectionMode as e } from "../../../../utils/types.js";
+import { useSelectionModeContext as t } from "../../../../contexts/SelectionModeContext.js";
+import { useLocalizationContext as n } from "../../../../contexts/LocalizationContext.js";
+import { t as r } from "../../../../Button-jStpvb3T.js";
+import { t as i } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { TextSelectionDefaultIcon as a } from "../../../icons/TextSelectionDefaultIcon.js";
+import { HandModeDefaultIcon as o } from "../../../icons/HandModeDefaultIcon.js";
+import { useCallback as s, useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/SelectionModeSwitcherTool.tsx
+var u = ({ icons: u }) => {
+	let { textSelectionIcon: d, handModeIcon: f } = u ?? {}, { selectionMode: p, setSelectionMode: m } = t(), { localeMessages: h } = n(), g = c(() => p === e.TEXT, [p]), _ = c(() => g ? h?.handToolTooltip : h?.textSelectionTooltip, [g, h]);
+	return /* @__PURE__ */ l(i, {
+		content: _,
+		children: /* @__PURE__ */ l(r, {
+			onClick: s(() => {
+				m(g ? e.HAND : e.TEXT);
+			}, [g, m]),
+			"aria-label": _,
+			"aria-pressed": g,
+			children: c(() => g ? f ?? /* @__PURE__ */ l(o, {}) : d ?? /* @__PURE__ */ l(a, {}), [
+				g,
+				d,
+				f
+			])
+		})
+	});
 };
+//#endregion
+export { u as SelectionModeSwitcherTool };

package/dist/components/layout/toolbar/tools/SinglePageTool.js

@@ -1,26 +1,24 @@
-import { jsx as i } from "react/jsx-runtime";
-import m from "../../../ui/RPTooltip.js";
-import { UIButton as p } from "../../../ui/Button.js";
-import { SinglePageIcon as n } from "../../../icons/SinglePageIcon.js";
 import { useViewModeContext as e } from "../../../../contexts/ViewModeContext.js";
-import { useLocalizationContext as g } from "../../../../contexts/LocalizationContext.js";
-import "react";
-import "../../../../index-113053cf.js";
-import "react-dom";
-import "../../../../index-23911b43.js";
-import "../../../../index-d0f0aa9a.js";
-import "../../../../index-ada501c4.js";
-import "../../../../utils/withRef.js";
-import "../../../../clsx-0c6e471a.js";
-import "../../../../utils/appConsole.js";
-import "../../../../utils/types.js";
-import "../../../../de_DE-8145915f.js";
-import "../../../../contexts/InitialStateContext.js";
-import "../../../../utils/hooks/useLocalization.js";
-const l = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(m, { className: r, content: o == null ? void 0 : o.singlePageTooltip, children: t }), R = ({ icon: t }) => {
-  const { setSinglePage: r } = e(), { localeMessages: o } = g();
-  return /* @__PURE__ */ i(l, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.singlePageTooltip, children: t || /* @__PURE__ */ i(n, { "aria-hidden": "true" }) }) });
-};
-export {
-  R as SinglePageTool
+import { useLocalizationContext as t } from "../../../../contexts/LocalizationContext.js";
+import { t as n } from "../../../../Button-jStpvb3T.js";
+import { t as r } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { SinglePageIcon as i } from "../../../icons/SinglePageIcon.js";
+import { jsx as a } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/SinglePageTool.tsx
+var o = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ a(r, {
+	className: t,
+	content: n?.singlePageTooltip,
+	children: e
+}), s = ({ icon: r }) => {
+	let { setSinglePage: s } = e(), { localeMessages: c } = t();
+	return /* @__PURE__ */ a(o, {
+		localeMessages: c,
+		children: /* @__PURE__ */ a(n, {
+			onClick: s,
+			"aria-label": c?.singlePageTooltip,
+			children: r || /* @__PURE__ */ a(i, { "aria-hidden": "true" })
+		})
+	});
 };
+//#endregion
+export { s as SinglePageTool };

package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js

@@ -1,36 +1,25 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useCallback as a } from "react";
-import { MoonIcon as h } from "../../../icons/MoonIcon.js";
-import { SunIcon as c } from "../../../icons/SunIcon.js";
-import { UIButton as k } from "../../../ui/Button.js";
-import { useDarkModeContext as f } from "../../../../contexts/DarkModeContext.js";
-import { useLocalizationContext as I } from "../../../../contexts/LocalizationContext.js";
-import u from "../../../ui/RPTooltip.js";
-import "../../../../clsx-0c6e471a.js";
-import "../../../../utils/withRef.js";
-import "../../../../utils/hooks/useDarkMode.js";
-import "../../../../utils/appConsole.js";
-import "../../../../utils/hooks/useLocalization.js";
-import "../../../../de_DE-8145915f.js";
-import "../../../../index-113053cf.js";
-import "react-dom";
-import "../../../../index-23911b43.js";
-import "../../../../index-d0f0aa9a.js";
-import "../../../../index-ada501c4.js";
-const y = ({ icons: o }) => {
-  const { darkMode: m, setDarkMode: i } = f(), { localeMessages: t } = I(), e = o == null ? void 0 : o.lightModeIcon, n = o == null ? void 0 : o.darkModeIcon, p = m ? t == null ? void 0 : t.themeEnableLightTooltip : t == null ? void 0 : t.themeEnableDarkTooltip, d = a(() => {
-    i((l) => !l);
-  }, [i]);
-  return /* @__PURE__ */ r(u, { content: p, children: /* @__PURE__ */ r(
-    k,
-    {
-      onClick: d,
-      "aria-label": p,
-      "aria-pressed": m,
-      children: m ? n ?? /* @__PURE__ */ r(c, {}) : e ?? /* @__PURE__ */ r(h, {})
-    }
-  ) });
-};
-export {
-  y as ThemeSwitcherTool
+import { useDarkModeContext as e } from "../../../../contexts/DarkModeContext.js";
+import { useLocalizationContext as t } from "../../../../contexts/LocalizationContext.js";
+import { t as n } from "../../../../Button-jStpvb3T.js";
+import { t as r } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { MoonIcon as i } from "../../../icons/MoonIcon.js";
+import { SunIcon as a } from "../../../icons/SunIcon.js";
+import { useCallback as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/ThemeSwitcherTool.tsx
+var c = ({ icons: c }) => {
+	let { darkMode: l, setDarkMode: u } = e(), { localeMessages: d } = t(), f = c?.lightModeIcon, p = c?.darkModeIcon, m = l ? d?.themeEnableLightTooltip : d?.themeEnableDarkTooltip;
+	return /* @__PURE__ */ s(r, {
+		content: m,
+		children: /* @__PURE__ */ s(n, {
+			onClick: o(() => {
+				u((e) => !e);
+			}, [u]),
+			"aria-label": m,
+			"aria-pressed": l,
+			children: l ? p ?? /* @__PURE__ */ s(a, {}) : f ?? /* @__PURE__ */ s(i, {})
+		})
+	});
 };
+//#endregion
+export { c as ThemeSwitcherTool };

package/dist/components/layout/toolbar/tools/ThumbnailTool.js

@@ -1,47 +1,25 @@
-import { jsx as o, Fragment as n } from "react/jsx-runtime";
-import { useThumbnailContext as l } from "../../../../contexts/ThumbnailsContext.js";
-import { ThumbnailIcon as a } from "../../../icons/Thumbnail.js";
-import { UIButton as h } from "../../../ui/Button.js";
-import u from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
-import "react";
-import "../../../../utils/hooks/useThumbnail.js";
-import "../../../../contexts/RPDocumentContext.js";
-import "../../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../../utils/types.js";
-import "../../../../de_DE-8145915f.js";
-import "../../../../utils/getThumbnailViewport.js";
-import "../../../../contexts/ConfigContext.js";
-import "../../../../contexts/DocumentPasswordContext.js";
-import "../../../../utils/appConsole.js";
-import "../../../../utils/const.js";
-import "../../../../utils/hooks/usePdfProperties.js";
-import "../../../../utils/convertPdfDate.js";
-import "../../../../utils/formatFileSize.js";
-import "../../../../clsx-0c6e471a.js";
-import "../../../../utils/withRef.js";
-import "../../../../index-113053cf.js";
-import "react-dom";
-import "../../../../index-23911b43.js";
-import "../../../../index-d0f0aa9a.js";
-import "../../../../index-ada501c4.js";
-import "../../../../utils/hooks/useLocalization.js";
-const N = ({ icon: r }) => {
-  const { active: i, setActive: m } = l(), { localeMessages: t } = c(), p = () => {
-    m(!i);
-  };
-  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(u, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
-    h,
-    {
-      onClick: p,
-      active: i,
-      "aria-label": t == null ? void 0 : t.thumbnailTooltip,
-      "aria-pressed": i,
-      children: r || /* @__PURE__ */ o(a, {})
-    }
-  ) }) });
-};
-export {
-  N as ThumbnailTool
+"use client";
+import { useThumbnailContext as e } from "../../../../contexts/ThumbnailsContext.js";
+import { useLocalizationContext as t } from "../../../../contexts/LocalizationContext.js";
+import { t as n } from "../../../../Button-jStpvb3T.js";
+import { t as r } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { ThumbnailIcon as i } from "../../../icons/Thumbnail.js";
+import { Fragment as a, jsx as o } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/ThumbnailTool.tsx
+var s = ({ icon: s }) => {
+	let { active: c, setActive: l } = e(), { localeMessages: u } = t();
+	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(r, {
+		content: u?.thumbnailTooltip,
+		children: /* @__PURE__ */ o(n, {
+			onClick: () => {
+				l(!c);
+			},
+			active: c,
+			"aria-label": u?.thumbnailTooltip,
+			"aria-pressed": c,
+			children: s || /* @__PURE__ */ o(i, {})
+		})
+	}) });
 };
+//#endregion
+export { s as ThumbnailTool };

package/dist/components/layout/toolbar/tools/VerticalScrollingTool.js

@@ -1,37 +1,25 @@
-import { jsx as t } from "react/jsx-runtime";
-import m from "../../../ui/RPTooltip.js";
-import { UIButton as p } from "../../../ui/Button.js";
-import { VerticalScrollingIcon as l } from "../../../icons/VerticalScrollingIcon.js";
-import { ScrollMode as n } from "../../../../utils/types.js";
-import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
-import { useScrollModeContext as S } from "../../../../contexts/ScrollModeContext.js";
-import "react";
-import "../../../../index-113053cf.js";
-import "react-dom";
-import "../../../../index-23911b43.js";
-import "../../../../index-d0f0aa9a.js";
-import "../../../../index-ada501c4.js";
-import "../../../../utils/withRef.js";
-import "../../../../clsx-0c6e471a.js";
-import "../../../../de_DE-8145915f.js";
-import "../../../../utils/appConsole.js";
-import "../../../../utils/hooks/useLocalization.js";
-import "../../../../contexts/InitialStateContext.js";
-const f = ({
-  children: r,
-  className: i,
-  localeMessages: o
-}) => /* @__PURE__ */ t(m, { className: i, content: o == null ? void 0 : o.verticalScrollingTooltip, children: r }), G = ({ icon: r }) => {
-  const { setScrollMode: i } = S(), { localeMessages: o } = c();
-  return /* @__PURE__ */ t(f, { localeMessages: o, children: /* @__PURE__ */ t(
-    p,
-    {
-      onClick: () => i(n.VERTICAL_SCROLLING),
-      "aria-label": o == null ? void 0 : o.verticalScrollingTooltip,
-      children: r || /* @__PURE__ */ t(l, {})
-    }
-  ) });
-};
-export {
-  G as VerticalScrollingTool
+import { ScrollMode as e } from "../../../../utils/types.js";
+import { useScrollModeContext as t } from "../../../../contexts/ScrollModeContext.js";
+import { useLocalizationContext as n } from "../../../../contexts/LocalizationContext.js";
+import { t as r } from "../../../../Button-jStpvb3T.js";
+import { t as i } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { VerticalScrollingIcon as a } from "../../../icons/VerticalScrollingIcon.js";
+import { jsx as o } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/VerticalScrollingTool.tsx
+var s = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ o(i, {
+	className: t,
+	content: n?.verticalScrollingTooltip,
+	children: e
+}), c = ({ icon: i }) => {
+	let { setScrollMode: c } = t(), { localeMessages: l } = n();
+	return /* @__PURE__ */ o(s, {
+		localeMessages: l,
+		children: /* @__PURE__ */ o(r, {
+			onClick: () => c(e.VERTICAL_SCROLLING),
+			"aria-label": l?.verticalScrollingTooltip,
+			children: i || /* @__PURE__ */ o(a, {})
+		})
+	});
 };
+//#endregion
+export { c as VerticalScrollingTool };

package/dist/components/layout/toolbar/tools/ZoomInTool.js

@@ -1,59 +1,30 @@
-import { jsx as r, Fragment as l } from "react/jsx-runtime";
-import { useCallback as d, useMemo as a } from "react";
-import { useZoomContext as c } from "../../../../contexts/ZoomContext.js";
-import { ZoomInIcon as f } from "../../../icons/ZoomInIcon.js";
-import { UIButton as u } from "../../../ui/Button.js";
-import I from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as Z } from "../../../../contexts/LocalizationContext.js";
-import { MAX_ZOOM_SCALE as s } from "../../../../utils/constants.js";
-import { isZoomInDisabled as h } from "../../../../utils/zoom.js";
-import "../../../../utils/types.js";
-import "../../../../de_DE-8145915f.js";
-import "../../../../utils/appConsole.js";
-import "../../../../contexts/InitialStateContext.js";
-import "../../../../contexts/RPDocumentContext.js";
-import "../../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../../utils/getThumbnailViewport.js";
-import "../../../../contexts/ConfigContext.js";
-import "../../../../contexts/DocumentPasswordContext.js";
-import "../../../../utils/const.js";
-import "../../../../utils/hooks/usePdfProperties.js";
-import "../../../../utils/convertPdfDate.js";
-import "../../../../utils/formatFileSize.js";
-import "../../../../utils/getZoomLevel.js";
-import "../../../../contexts/LayoutContainerContext.js";
-import "../../../../contexts/ViewModeContext.js";
-import "../../../../contexts/RotationContext.js";
-import "../../../../contexts/GlobalCurrentPage.js";
-import "../../../../contexts/EventCallbackContext.js";
-import "../../../../utils/hooks/useDebounce.js";
-import "../../../../clsx-0c6e471a.js";
-import "../../../../utils/withRef.js";
-import "../../../../index-113053cf.js";
-import "react-dom";
-import "../../../../index-23911b43.js";
-import "../../../../index-d0f0aa9a.js";
-import "../../../../index-ada501c4.js";
-import "../../../../utils/hooks/useLocalization.js";
-const ro = ({ icon: m }) => {
-  const { currentZoom: t, setZoomLevel: i } = c(), { localeMessages: o } = Z(), n = d(() => {
-    i(() => {
-      const e = Math.floor(t * 100 / 25) * 25;
-      return Math.min(e + 25, s);
-    });
-  }, [i, t]), p = a(() => h(t), [t]);
-  return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(I, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
-    u,
-    {
-      disabled: p,
-      onClick: n,
-      "aria-label": o == null ? void 0 : o.zoomInTooltip,
-      "aria-disabled": p,
-      children: m || /* @__PURE__ */ r(f, { "aria-hidden": "true" })
-    }
-  ) }) });
-};
-export {
-  ro as ZoomInTool
+import { MAX_ZOOM_SCALE as e } from "../../../../utils/constants.js";
+import { useZoomContext as t } from "../../../../contexts/ZoomContext.js";
+import { useLocalizationContext as n } from "../../../../contexts/LocalizationContext.js";
+import { t as r } from "../../../../Button-jStpvb3T.js";
+import { t as i } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { ZoomInIcon as a } from "../../../icons/ZoomInIcon.js";
+import { isZoomInDisabled as o } from "../../../../utils/zoom.js";
+import { useCallback as s, useMemo as c } from "react";
+import { Fragment as l, jsx as u } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/ZoomInTool.tsx
+var d = ({ icon: d }) => {
+	let { currentZoom: f, setZoomLevel: p } = t(), { localeMessages: m } = n(), h = s(() => {
+		p(() => {
+			let t = Math.floor(f * 100 / 25) * 25;
+			return Math.min(t + 25, e);
+		});
+	}, [p, f]), g = c(() => o(f), [f]);
+	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u(i, {
+		content: m?.zoomInTooltip,
+		children: /* @__PURE__ */ u(r, {
+			disabled: g,
+			onClick: h,
+			"aria-label": m?.zoomInTooltip,
+			"aria-disabled": g,
+			children: d || /* @__PURE__ */ u(a, { "aria-hidden": "true" })
+		})
+	}) });
 };
+//#endregion
+export { d as ZoomInTool };

package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js

@@ -1,27 +1,27 @@
-import { jsx as n, Fragment as p, jsxs as u } from "react/jsx-runtime";
-import { useMemo as e, Fragment as c } from "react";
-import { ZoomLevel as o } from "../../../../utils/types.js";
-import { useLocalizationContext as h } from "../../../../contexts/LocalizationContext.js";
-import "../../../../de_DE-8145915f.js";
-import "../../../../utils/appConsole.js";
-import "../../../../utils/hooks/useLocalization.js";
-const a = ({ zoomLevel: t, className: i }) => {
-  const { localeMessages: r } = h(), m = e(() => {
-    switch (t) {
-      case o.ACTUAL:
-        return r == null ? void 0 : r.zoomActualSize;
-      case o.PAGE_FIT:
-        return r == null ? void 0 : r.zoomPageFit;
-      case o.PAGE_WIDTH:
-        return r == null ? void 0 : r.zoomPageWidth;
-    }
-    return t.toString();
-  }, [t, r]);
-  return /* @__PURE__ */ n(p, { children: typeof t == "number" ? /* @__PURE__ */ u(c, { children: [
-    /* @__PURE__ */ n("span", { className: i, children: t }),
-    /* @__PURE__ */ n("span", { className: i, children: "%" })
-  ] }) : /* @__PURE__ */ n("span", { className: i, children: m }) });
-};
-export {
-  a as ZoomLevelDisplay
+import { ZoomLevel as e } from "../../../../utils/types.js";
+import { useLocalizationContext as t } from "../../../../contexts/LocalizationContext.js";
+import { Fragment as n, useMemo as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/ZoomLevelDisplay.tsx
+var s = ({ zoomLevel: s, className: c }) => {
+	let { localeMessages: l } = t(), u = r(() => {
+		switch (s) {
+			case e.ACTUAL: return l?.zoomActualSize;
+			case e.PAGE_FIT: return l?.zoomPageFit;
+			case e.PAGE_WIDTH: return l?.zoomPageWidth;
+		}
+		return s.toString();
+	}, [s, l]);
+	return /* @__PURE__ */ a(i, { children: typeof s == "number" ? /* @__PURE__ */ o(n, { children: [/* @__PURE__ */ a("span", {
+		className: c,
+		children: s
+	}), /* @__PURE__ */ a("span", {
+		className: c,
+		children: "%"
+	})] }) : /* @__PURE__ */ a("span", {
+		className: c,
+		children: u
+	}) });
 };
+//#endregion
+export { s as ZoomLevelDisplay };