@pdf-viewer/react 0.4.0-beta.1 → 0.5.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/Container-337e1b18.js +37 -0
  2. package/dist/RPLayout-88110444.js +2757 -0
  3. package/dist/assets/Container.css +1 -1
  4. package/dist/assets/RPLayout.css +1 -0
  5. package/dist/assets/RPTooltip.css +1 -0
  6. package/dist/components/RPController.js +16 -47
  7. package/dist/components/RPDocument.js +13 -4
  8. package/dist/components/RPDropFileZone.js +18 -17
  9. package/dist/components/RPViewer.js +12 -22
  10. package/dist/components/layout/Container.js +6 -26
  11. package/dist/components/layout/RPLayout.js +14 -57
  12. package/dist/components/layout/WrapperLayout.js +9 -8
  13. package/dist/components/layout/sidebar/RPSidebar.js +10 -32
  14. package/dist/components/layout/sidebar/RPSplitter.js +9 -7
  15. package/dist/components/layout/sidebar/Thumbnail.js +1 -1
  16. package/dist/components/layout/sidebar/Thumbnails.js +1 -1
  17. package/dist/components/layout/toolbar/DarkModeTool.js +13 -12
  18. package/dist/components/layout/toolbar/DocumentDialog.js +7 -21
  19. package/dist/components/layout/toolbar/DocumentProperties.js +7 -6
  20. package/dist/components/layout/toolbar/FileDownloadTool.js +3 -2
  21. package/dist/components/layout/toolbar/FileUploadTool.js +16 -15
  22. package/dist/components/layout/toolbar/FullScreenTool.js +30 -32
  23. package/dist/components/layout/toolbar/MenuItem.js +1 -1
  24. package/dist/components/layout/toolbar/MenuSeparator.js +1 -1
  25. package/dist/components/layout/toolbar/MostPageTool.js +10 -23
  26. package/dist/components/layout/toolbar/OtherTool.js +4 -3
  27. package/dist/components/layout/toolbar/Paginate.js +3 -2
  28. package/dist/components/layout/toolbar/PrintTool.js +3 -2
  29. package/dist/components/layout/toolbar/RPToolbar.js +1 -1
  30. package/dist/components/layout/toolbar/RPToolbarEnd.js +2 -2
  31. package/dist/components/layout/toolbar/RotateTool.js +24 -23
  32. package/dist/components/layout/toolbar/ScrollModeTool.js +35 -34
  33. package/dist/components/layout/toolbar/SearchTool.js +8 -19
  34. package/dist/components/layout/toolbar/SelectionModeTool.js +27 -26
  35. package/dist/components/layout/toolbar/ViewModeTool.js +1 -1
  36. package/dist/components/layout/toolbar/ZoomTool.js +9 -19
  37. package/dist/components/page/AnnotationLayer.js +9 -23
  38. package/dist/components/page/CanvasLayer.js +7 -22
  39. package/dist/components/page/DualPage.js +1 -1
  40. package/dist/components/page/RPPage.js +8 -22
  41. package/dist/components/page/SinglePage.js +1 -1
  42. package/dist/components/page/TextLayer.js +7 -22
  43. package/dist/components/ui/Checkbox.js +1 -1
  44. package/dist/components/ui/DropDown.js +1 -1
  45. package/dist/components/ui/LoadingIndicator.js +1 -1
  46. package/dist/components/ui/RPTooltip.js +2397 -0
  47. package/dist/contexts/PaginateContext.js +3 -3
  48. package/dist/contexts/PrintContext.js +2 -2
  49. package/dist/contexts/RPDocumentContext.js +33 -25
  50. package/dist/contexts/SearchContext.js +3 -3
  51. package/dist/contexts/ThumbnailsContext.js +4 -4
  52. package/dist/index-2b077daa.js +122 -0
  53. package/dist/{index-3459164c.js → index-8049287f.js} +982 -952
  54. package/dist/main.js +31 -32
  55. package/dist/types/components/layout/RPLayout.d.ts +1 -2
  56. package/dist/types/components/ui/RPTooltip.d.ts +8 -0
  57. package/dist/types/contexts/RPDocumentContext.d.ts +4 -2
  58. package/dist/types/main.d.ts +1 -0
  59. package/dist/types/utils/hooks/useLoadPdf.d.ts +2 -2
  60. package/dist/types/utils/types.d.ts +9 -2
  61. package/dist/utils/hooks/useFileDownload.js +7 -22
  62. package/dist/utils/hooks/useLicense.js +15 -23
  63. package/dist/utils/hooks/useLoadPdf.js +27 -27
  64. package/dist/utils/hooks/usePaginate.js +8 -21
  65. package/dist/utils/hooks/usePrint.js +7 -22
  66. package/dist/utils/hooks/useScrollToPage.js +9 -21
  67. package/dist/utils/hooks/useSearch.js +9 -22
  68. package/dist/utils/hooks/useThumbnail.js +7 -22
  69. package/dist/utils/hooks/useVirtualReactWindow.js +9 -21
  70. package/package.json +2 -1
  71. package/dist/Container.module-cb7b45b9.js +0 -14
  72. package/dist/RPSplitter.module-13d612c4.js +0 -7
  73. package/dist/RPTheme.module-f756e5cd.js +0 -7
  74. package/dist/Thumbnails-06fa1aa5.js +0 -2657
  75. package/dist/WrapperLayout.module-147bc943.js +0 -6
  76. package/dist/assets/Thumbnails.css +0 -1
  77. package/dist/index-743c36f0.js +0 -139
  78. /package/dist/assets/{RPTheme.css → RPDropFileZone.css} +0 -0
@@ -1 +1 @@
1
- ._rp-layout_10dus_1{height:100%}._rp-content_10dus_5{display:flex;width:100%;height:calc(100% - var(--rp-toolbar-height))}._rp-pages_10dus_11{width:100%;height:100%}._rp-container_10dus_16 .ignore-hover:focus,._rp-container_10dus_16 :not(:hover):focus-visible,._rp-container_10dus_16 :not(:hover):focus:focus-visible{transition:none;outline-color:var(--rp-outline-color, -webkit-focus-ring-color);outline-style:solid;outline-offset:0;outline-width:1px}._rp-container_10dus_16 .highlight.appended{border-radius:var(--rp-text-layer-highlight-border-radius);background-color:var(--rp-highlight-background-color);opacity:.5}._rp-container_10dus_16 .highlight.appended.begin{border-radius:var(--rp-text-layer-highlight-border-radius) 0 0 var(--rp-text-layer-highlight-border-radius)}._rp-container_10dus_16 .highlight.appended.middle{border-radius:0}._rp-container_10dus_16 .highlight.appended.end{border-radius:0 var(--rp-text-layer-highlight-border-radius) var(--rp-text-layer-highlight-border-radius) 0}._rp-container_10dus_16 .highlight.appended.selected{background-color:var(--rp-current-highlight-background-color)}._rp-theme-variables_10dus_51{--rp-font-family: Inter, Avenir, Helvetica, Arial, sans-serif;--rp-primary-color: #34affc;--rp-border-radius: 4px;--rp-text-color: #1c2024;--rp-outline-color: #34affc;--rp-font-size: 16px;--rp-drop-mask-background-color: #fafafa;--rp-icon-disabled: #c6ccd2;--rp-icon-font-size: calc(var(--rp-font-size) * 1.25);--rp-toolbar-background: #e2e6e9;--rp-toolbar-border-color: #c6ccd2;--rp-toolbar-padding: 8px;--rp-toolbar-gap: .25rem;--rp-sidebar-width: 48px;--rp-thumbnail-border-color: #e2e6e9;--rp-thumbnail-background-color: #ffffff;--rp-thumbnail-active-color: #00000033;--rp-thumbnail-padding-y: 16px;--rp-button-hover-background: #0000001a;--rp-button-padding: 4px;--rp-input-padding: 8px;--rp-input-border-radius: 6px;--rp-input-background-color: #ffffff;--rp-input-placeholder-color: #C6CCD2;--rp-pages-background-color: #ffffff;--rp-annotation-layer__link-hover-background: rgba(255, 255, 0, .2);--rp-dropdown-background-color: #f1f2f4;--rp-dropdown-padding: 4px;--rp-dropdown-hover-background-color: #0000001a;--rp-dropdown-separator-color: #e2e6e9;--rp-dropdown-separator-margin: 4px;--rp-dropdown-padding-menu-item: 8px;--rp-dropdown-font-size: calc(var(--rp-font-size) * .875);--rp-search-tool-dropdown-padding: 8px;--rp-overlay-background-color: #000000cc;--rp-dialog-background-color: #f1f2f4;--rp-properties-divider-color: #e2e6e9;--rp-properties-divider-margin: 16px;--rp-property-item-gap: 12px;--rp-dialog-title-color: #1c2024;--rp-property-item-label-color: #596673;--rp-property-close-icon-size: calc(var(--rp-font-size) * 1.25);--rp-property-item-font-size: calc(var(--rp-font-size) * .875);--rp-property-item-font-weight: 400;--rp-dialog-title-font-size: calc(var(--rp-font-size) * 1.125);--rp-dialog-title-font-weight: 600;--rp-menu-item-icon-size: 16px;--rp-drop-zone-border: #c6ccd2;--rp-drop-zone-font-color: #8c99a6;--rp-drop-zone-font-size: calc(var(--rp-font-size) * 1.125);--rp-drop-zone-background-color: #fafafa;--rp-checkbox-border-radius: 4px;--rp-checkbox-border-color: #E2E6E9;--rp-highlight-background-color: rgba(255, 255, 0, 1);--vpv-text-layer-highlight-border-radius: var(--rp-border-radius);--rp-current-highlight-background-color: rgba(255, 0, 0, 1)}._rp-theme-variables_10dus_51 ._rp-dark-mode_10dus_125{--rp-primary-color: #34affc;--rp-text-color: #ffffff;--rp-drop-mask-background-color: #1c2024;--rp-icon-disabled: #596673;--rp-toolbar-background: #2d3339;--rp-toolbar-border-color: #434c56;--rp-thumbnail-border-color: #2d3339;--rp-thumbnail-background-color: #1c2024;--rp-thumbnail-active-color: #0000004d;--rp-button-hover-background: #0000004d;--rp-input-background-color: #1c2024;--rp-pages-background-color: #1c2024;--rp-dropdown-background-color: #434c56;--rp-dropdown-hover-background-color: #0000001a;--rp-dropdown-separator-color: #2d3339;--rp-dialog-background-color: #434c56;--rp-properties-divider-color: #2d3339;--rp-property-item-label-color: #c6ccd2;--rp-dialog-title-color: #ffffff;--rp-drop-zone-background-color: #1C2024;--rp-drop-zone-border: #434C56;--rp-drop-zone-font-color: #596673}._rp-container_1fbrq_1{font-family:var(--rp-font-family);height:600px;overflow:hidden;color:var(--rp-text-color);position:relative}
1
+ ._rp-layout_1fb96_1{height:100%}._rp-content_1fb96_5{display:flex;width:100%;height:calc(100% - var(--rp-toolbar-height))}._rp-pages_1fb96_11{width:100%;height:100%}._rp-container_1fb96_16 .ignore-hover:focus,._rp-container_1fb96_16 :not(:hover):focus-visible,._rp-container_1fb96_16 :not(:hover):focus:focus-visible{transition:none;outline-color:var(--rp-outline-color, -webkit-focus-ring-color);outline-style:solid;outline-offset:0;outline-width:1px}._rp-container_1fb96_16 .highlight.appended{border-radius:var(--rp-text-layer-highlight-border-radius);background-color:var(--rp-highlight-background-color);opacity:.5}._rp-container_1fb96_16 .highlight.appended.begin{border-radius:var(--rp-text-layer-highlight-border-radius) 0 0 var(--rp-text-layer-highlight-border-radius)}._rp-container_1fb96_16 .highlight.appended.middle{border-radius:0}._rp-container_1fb96_16 .highlight.appended.end{border-radius:0 var(--rp-text-layer-highlight-border-radius) var(--rp-text-layer-highlight-border-radius) 0}._rp-container_1fb96_16 .highlight.appended.selected{background-color:var(--rp-current-highlight-background-color)}._rp-theme-variables_1fb96_51{--rp-font-family: Inter, Avenir, Helvetica, Arial, sans-serif;--rp-primary-color: #34affc;--rp-border-radius: 4px;--rp-text-color: #1c2024;--rp-outline-color: #34affc;--rp-font-size: 16px;--rp-drop-mask-background-color: #fafafa;--rp-icon-disabled: #c6ccd2;--rp-icon-font-size: calc(var(--rp-font-size) * 1.25);--rp-toolbar-background: #e2e6e9;--rp-toolbar-border-color: #c6ccd2;--rp-toolbar-padding: 8px;--rp-toolbar-gap: .25rem;--rp-sidebar-width: 48px;--rp-thumbnail-border-color: #e2e6e9;--rp-thumbnail-background-color: #ffffff;--rp-thumbnail-active-color: #00000033;--rp-thumbnail-padding-y: 16px;--rp-button-hover-background: #0000001a;--rp-button-padding: 4px;--rp-input-padding: 8px;--rp-input-border-radius: 6px;--rp-input-background-color: #ffffff;--rp-input-placeholder-color: #C6CCD2;--rp-pages-background-color: #ffffff;--rp-annotation-layer__link-hover-background: rgba(255, 255, 0, .2);--rp-dropdown-background-color: #f1f2f4;--rp-dropdown-padding: 4px;--rp-dropdown-hover-background-color: #0000001a;--rp-dropdown-separator-color: #e2e6e9;--rp-dropdown-separator-margin: 4px;--rp-dropdown-padding-menu-item: 8px;--rp-dropdown-font-size: calc(var(--rp-font-size) * .875);--rp-search-tool-dropdown-padding: 8px;--rp-overlay-background-color: #000000cc;--rp-dialog-background-color: #f1f2f4;--rp-properties-divider-color: #e2e6e9;--rp-properties-divider-margin: 16px;--rp-property-item-gap: 12px;--rp-dialog-title-color: #1c2024;--rp-property-item-label-color: #596673;--rp-property-close-icon-size: calc(var(--rp-font-size) * 1.25);--rp-property-item-font-size: calc(var(--rp-font-size) * .875);--rp-property-item-font-weight: 400;--rp-dialog-title-font-size: calc(var(--rp-font-size) * 1.125);--rp-dialog-title-font-weight: 600;--rp-menu-item-icon-size: 16px;--rp-drop-zone-border: #c6ccd2;--rp-drop-zone-font-color: #8c99a6;--rp-drop-zone-font-size: calc(var(--rp-font-size) * 1.125);--rp-drop-zone-background-color: #fafafa;--rp-checkbox-border-radius: 4px;--rp-checkbox-border-color: #E2E6E9;--rp-highlight-background-color: rgba(255, 255, 0, 1);--vpv-text-layer-highlight-border-radius: var(--rp-border-radius);--rp-current-highlight-background-color: rgba(255, 0, 0, 1);--rp-tooltip-background-color: #1C2024}._rp-theme-variables_1fb96_51 ._rp-dark-mode_1fb96_127{--rp-primary-color: #34affc;--rp-text-color: #ffffff;--rp-drop-mask-background-color: #1c2024;--rp-icon-disabled: #596673;--rp-toolbar-background: #2d3339;--rp-toolbar-border-color: #434c56;--rp-thumbnail-border-color: #2d3339;--rp-thumbnail-background-color: #1c2024;--rp-thumbnail-active-color: #0000004d;--rp-button-hover-background: #0000004d;--rp-input-background-color: #1c2024;--rp-pages-background-color: #1c2024;--rp-dropdown-background-color: #434c56;--rp-dropdown-hover-background-color: #0000001a;--rp-dropdown-separator-color: #2d3339;--rp-dialog-background-color: #434c56;--rp-properties-divider-color: #2d3339;--rp-property-item-label-color: #c6ccd2;--rp-dialog-title-color: #ffffff;--rp-drop-zone-background-color: #1C2024;--rp-drop-zone-border: #434C56;--rp-drop-zone-font-color: #596673;--rp-tooltip-background-color: #5B6D7F}._rp-container_1fbrq_1{font-family:var(--rp-font-family);height:600px;overflow:hidden;color:var(--rp-text-color);position:relative}
@@ -0,0 +1 @@
1
+ ._rp-pages_34orh_1{background:var(--rp-pages-background-color);display:flex;justify-content:center}._rp-pages-horizontal-scroll_34orh_7{display:block}._rp-pages-container_34orh_11{position:relative;height:100%;outline-width:0}._rp-page-scrolling-wrapper_34orh_17{position:relative;overflow:auto}._rp-viewer_34orh_22{height:100%;position:relative}._rp-cursor-grab_34orh_27{cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-cursor-grabbing_34orh_35{cursor:grabbing;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-page-wrapper_h7a2q_1{display:flex;justify-content:center;align-items:center}._rp-page_h7a2q_1{box-shadow:0 2px 12px #00000026;position:relative;overflow:hidden}._rp-loader-wrapper_h7a2q_14{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._rp-text-layer_1mgyz_1{color:transparent;transform:rotate(var(--rp-rotate));transform-origin:var(--rp-page-rotate-translate);position:absolute;top:0;right:0;bottom:0;left:0}._rp-text-layer-text_1mgyz_9{position:absolute;transform-origin:0% 0%;white-space:pre}._rp-annotation-layer_o0ksd_1{--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:unset;display:block;color:#000;transform-origin:var(--rp-page-rotate-translate);transform:rotate(var(--rp-rotate))}._rp-annotation-layer_o0ksd_1 :is(img){max-width:100%;width:100%}._rp-annotation-layer_o0ksd_1 section:not(.popupAnnotation){z-index:calc(var(--vpv-base-z-index, 1) * 3)!important}._rp-annotation-layer_o0ksd_1 section:has(div.annotationContent) canvas.annotationContent{display:none}._rp-annotation-layer_o0ksd_1 section a{height:100%;left:0;position:absolute;top:0;width:100%;cursor:pointer}._rp-annotation-layer_o0ksd_1 section a:hover{background-color:var(--rp-annotation-layer__link-hover-background)}._rp-annotation-layer_o0ksd_1 section :is(svg){position:absolute;width:100%;height:100%;top:0;left:0}._rp-annotation-layer_o0ksd_1 section .popupTriggerArea,._rp-annotation-layer_o0ksd_1 section.popupTriggerArea{cursor:pointer}._rp-annotation-layer_o0ksd_1 section.popupAnnotation{font-size:calc(9px * var(--scale-factor));pointer-events:none;width:-moz-max-content;width:max-content;max-width:45%;height:auto}._rp-annotation-layer_o0ksd_1 section.popupAnnotation.focused .popup{outline-width:3px}._rp-annotation-layer_o0ksd_1 section .popupContent{border-top:1px solid rgb(51 51 51);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}._rp-annotation-layer_o0ksd_1 section .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_o0ksd_1 section .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}._rp-annotation-layer_o0ksd_1 section .annotationTextContent span{width:100%;display:inline-block}._rp-annotation-layer_o0ksd_1 section.fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}._rp-annotation-layer_o0ksd_1 section.textWidgetAnnotation :is(input,textarea),._rp-annotation-layer_o0ksd_1 section.choiceWidgetAnnotation select,._rp-annotation-layer_o0ksd_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}._rp-annotation-layer_o0ksd_1 section.textWidgetAnnotation :is(input,textarea)[disabled],._rp-annotation-layer_o0ksd_1 section.choiceWidgetAnnotation select[disabled],._rp-annotation-layer_o0ksd_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}._rp-annotation-layer_o0ksd_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_o0ksd_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_o0ksd_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}._rp-annotation-layer_o0ksd_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_o0ksd_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_o0ksd_1 section.buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}._rp-annotation-layer_o0ksd_1 section.textWidgetAnnotation :is(input,textarea):focus,._rp-annotation-layer_o0ksd_1 section.choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}._rp-annotation-layer_o0ksd_1 section.textWidgetAnnotation textarea{resize:none}._rp-annotation-layer_o0ksd_1 section .popup{background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));outline:1.5px solid rgb(255 255 74);padding:calc(6px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto;font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_o0ksd_1 section .popup *{font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_o0ksd_1 section .popup .header{display:inline-block}._rp-annotation-layer_o0ksd_1 section .popup .header h1{display:inline;font-weight:700}._rp-annotation-layer_o0ksd_1 section .popup .header .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor));width:-moz-fit-content;width:fit-content}._rp-annotation-layer_o0ksd_1 section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box}._rp-toolbar-content_16hg5_1{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:var(--rp-toolbar-padding)}._rp-toolbar-wrapper_16hg5_9{display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:space-between;width:100%}._rp-toolbar-start_16hg5_17{display:flex;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-middle_16hg5_23{display:flex;justify-content:center;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-end_16hg5_30{display:flex;align-items:center;justify-content:flex-end;gap:var(--rp-toolbar-gap)}._rp-paginate_1vu6o_1{display:flex;align-items:center}._rp-page-input_1vu6o_6{margin-left:4px;margin-right:4px;width:3em}._rp-total-page_1vu6o_12{font-size:14px;font-weight:400;margin-right:4px;color:var(--rp-text-color)}._rp-dialog-wrapper_slqo7_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}._rp-dialog-overlay_slqo7_7{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--rp-overlay-background-color)}._rp-document-dialog_slqo7_13{transform:translate(-50%,-50%);left:50%;top:50%;background:var(--rp-dialog-background-color);position:fixed;border:none;border-radius:var(--rp-border-radius);max-width:420px;padding:16px;line-height:16px;position:relative}._rp-document-dialog_slqo7_13:focus-visible{outline:none}@media screen and (max-width: 640px){._rp-document-dialog_slqo7_13{width:85%}}._rp-document-properties_slqo7_35{padding-top:20px}._rp-dialog-title_slqo7_39{font-size:var(--rp-dialog-title-font-size);font-weight:var(--rp-dialog-title-font-weight);color:var(--rp-dialog-title-color);margin-top:0;margin-bottom:8px}._rp-dialog-close_slqo7_47{font-size:var(--rp-property-close-icon-size);position:absolute;top:16px;right:11px;cursor:pointer}._rp-properties-divider_slqo7_55{background:var(--rp-properties-divider-color);width:100%;height:1px;margin-top:var(--rp-properties-divider-margin);margin-bottom:var(--rp-properties-divider-margin)}._rp-other-tool-content_su718_1{padding:var(--rp-dropdown-padding)}.rp-print-zone{display:none}@media print{@page{margin:0}.rp-print-html-printing{height:100%}.rp-print-body-printing{background:rgb(0 0 0 / 0) none;height:100%;margin:0;display:block}.rp-print-body-printing *{display:none}.rp-print-zone{display:block;height:100%}.rp-print-page{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;width:100%;page-break-after:always;page-break-inside:avoid}.rp-print-page img,.rp-print-page canvas{display:block;max-height:100%;max-width:100%;direction:ltr}}._rp-go-to-Top_4e0yd_1{transform:rotate(180deg)}._rp-zoom-wrapper_163s9_1{display:flex;gap:4px}._rp-current-zoom-wrapper_163s9_6{display:flex;align-items:center}._rp-current-zoom-icon_163s9_11{transform:rotate(180deg);margin-left:2px}._rp-current-zoom_163s9_6{font-size:14px}._rp-zoom-dropdown-content_163s9_20{padding:var(--rp-dropdown-padding)}._rp-search-tool-content_1vxow_1{padding:var(--rp-search-tool-dropdown-padding);display:flex}._rp-search-tool-input_1vxow_6{display:flex;align-items:center;gap:1rem}._rp-search-tool-input-icon_1vxow_12{font-size:1.25rem}._rp-search-tool-controls_1vxow_16{border-left:1px solid var(--rp-dropdown-separator-color);display:flex;align-items:baseline;margin-left:1rem;padding-left:1rem}._rp-search-tool-input-wrapper_1vxow_24{display:flex;flex-direction:column;gap:8px}._rp-search-tool-input-checkboxes_1vxow_30{display:flex;gap:20px}._rp-search-tool-input-clear_1vxow_35{cursor:pointer;position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;padding-left:.5rem;padding-right:.5rem;color:var(--rp-input-placeholder-color)}._rp-search-input_1vxow_49{padding-right:2rem}._rp-loading-overlay_1snj5_1{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:100}._rp-loading-modal_1snj5_14{background:white;padding:24px;border-radius:8px;min-width:240px;min-height:120px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center}._rp-loading-title_1snj5_27{text-align:center;margin-bottom:16px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;color:#1c2024}._rp-loading-progress-bar_1snj5_35{background:#f0f0f0;width:100%;height:4px;border-radius:32px;overflow:hidden;position:relative;margin-bottom:16px}._rp-loading-progress_1snj5_35{position:absolute;height:100%;background:linear-gradient(90deg,#0995EE 0%,#34AFFC 50%,#7ACAFF 100%);border-radius:32px}._rp-loading-cancel-button_1snj5_52{width:70px;padding:8px;border:none;background:none;color:#666;border-radius:6px;cursor:pointer;font-family:system-ui,-apple-system,sans-serif;transition:background-color .2s;border:1px solid #E2E6E9}._rp-loading-cancel-button_1snj5_52:hover{background:#f5f5f5}@keyframes _loading_1snj5_1{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}._rp-sidebar-content-wrapper_p2vax_1{display:flex;height:100%;position:relative}._rp-sidebar-content_p2vax_1{background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:28px;width:100%;padding:var(--rp-toolbar-padding);height:100%}._rp-thumbnails-wrapper_p2vax_16{border-right:var(--rp-thumbnail-border-color) 4px solid;width:100%}._rp-thumbnail-dragging_p2vax_21{-webkit-user-select:none;user-select:none;pointer-events:none}._rp-thumbnail-wrapper_3fenb_1{display:flex;align-items:center;flex-direction:column;margin-bottom:var(--rp-thumbnail-padding-y);cursor:pointer}._rp-thumbnail-text_3fenb_10{margin-top:8px;font-size:12px;font-weight:400;color:var(--rp-text-color)}._rp-thumbnail_3fenb_1{display:flex;box-shadow:0 2px 6px #00000026}._rp-thumbnail_3fenb_1:not(._rp-thumbnail-active_3fenb_22):not(:hover){padding:4px}._rp-thumbnail-active_3fenb_22,._rp-thumbnail_3fenb_1:hover{border:var(--rp-thumbnail-active-color) solid 4px}._rp-thumbnail-loader_3fenb_31{display:flex;align-items:center;justify-content:center}._rp-thumbnails-container_16vqr_1{height:100%;max-height:100%;width:var(--rp-thumbnail-width, 200px);overflow-y:auto;display:flex;align-items:center;flex-direction:column;background:var(--rp-thumbnail-background-color)}._rp-thumbnails_16vqr_1{padding-top:var(--rp-thumbnail-padding-y)}
@@ -0,0 +1 @@
1
+ ._tooltipContent_svqcc_1{border-radius:4px;padding:.5rem;animation:_fadeIn_svqcc_1 .2s ease-in-out;z-index:1000}._tooltipContent_svqcc_1 p{color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;bottom:125%;left:50%;line-height:1.4;background-color:var(--rp-tooltip-background-color)}@keyframes _fadeIn_svqcc_1{0%{opacity:0}to{opacity:1}}
@@ -1,49 +1,18 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { h as p } from "../Thumbnails-06fa1aa5.js";
3
- import { DarkModeProvider as f } from "../contexts/DarkModeContext.js";
4
- import { ScrollMode as h, SelectionMode as P } from "../utils/types.js";
5
- import { RotateProvider as v } from "../contexts/RotateContext.js";
6
- import { LayerProvider as S } from "../contexts/LayerContext.js";
7
- import { ZoomProvider as M } from "../contexts/ZoomContext.js";
8
- import { ViewModeProvider as s } from "../contexts/ViewModeContext.js";
9
- import { ScrollModeProvider as L } from "../contexts/ScrollModeContext.js";
10
- import { VirtualScrollProvider as R } from "../contexts/VirtualScrollContext.js";
11
- import { VirtualGridProvider as V } from "../contexts/VirtualGridContext.js";
12
- import { ScrollStateProvider as u } from "../contexts/ScrollStateContext.js";
13
- import { ViewportProvider as C } from "../contexts/ViewportContext.js";
14
- import { SelectionModeProvider as g } from "../contexts/SelectionModeContext.js";
15
- import { InitialStateProvider as k } from "../contexts/InitialStateContext.js";
16
- const Z = (o) => {
17
- const {
18
- children: i,
19
- darkMode: e = !1,
20
- onDarkModeChange: t,
21
- initialRotate: d = 0,
22
- textLayer: l = !0,
23
- initialPage: m = 1,
24
- // initialViewMode = ViewMode.SINGLE_PAGE,
25
- initialScale: n,
26
- initialScrollMode: a = h.VERTICAL_SCROLLING,
27
- mobileWidth: c
28
- } = o;
29
- return /* @__PURE__ */ r(
30
- k,
31
- {
32
- initialScale: n,
33
- initialPage: m,
34
- initialScrollMode: a,
35
- initialRotate: d,
36
- children: /* @__PURE__ */ r(C, { mobileWidth: c, children: /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(g, { initialSelectionMode: P.TEXT, children: /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(S, { textLayer: l, children: /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
37
- f,
38
- {
39
- darkMode: e,
40
- onDarkModeChange: t,
41
- children: i
42
- }
43
- ) }) }) }) }) }) }) }) }) }) }) })
44
- }
45
- );
46
- };
1
+ import "react/jsx-runtime";
2
+ import { H as R } from "../RPLayout-88110444.js";
3
+ import "../contexts/DarkModeContext.js";
4
+ import "../utils/types.js";
5
+ import "../contexts/RotateContext.js";
6
+ import "../contexts/LayerContext.js";
7
+ import "../contexts/ZoomContext.js";
8
+ import "../contexts/ViewModeContext.js";
9
+ import "../contexts/ScrollModeContext.js";
10
+ import "../contexts/VirtualScrollContext.js";
11
+ import "../contexts/VirtualGridContext.js";
12
+ import "../contexts/ScrollStateContext.js";
13
+ import "../contexts/ViewportContext.js";
14
+ import "../contexts/SelectionModeContext.js";
15
+ import "../contexts/InitialStateContext.js";
47
16
  export {
48
- Z as RPController
17
+ R as RPController
49
18
  };
@@ -1,8 +1,17 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { DocumentProvider as m } from "../contexts/RPDocumentContext.js";
1
+ import { jsx as m } from "react/jsx-runtime";
2
+ import { DocumentProvider as a } from "../contexts/RPDocumentContext.js";
3
3
  const p = (r) => {
4
- const { children: o, src: t, characterMap: c } = r;
5
- return /* @__PURE__ */ e(m, { src: t, characterMap: c, children: o });
4
+ const { children: o, src: t, characterMap: c, onLoaded: e, onLoadError: n } = r;
5
+ return /* @__PURE__ */ m(
6
+ a,
7
+ {
8
+ src: t,
9
+ characterMap: c,
10
+ onLoaded: e,
11
+ onLoadError: n,
12
+ children: o
13
+ }
14
+ );
6
15
  };
7
16
  export {
8
17
  p as RPDocument
@@ -1,33 +1,34 @@
1
1
  import { jsx as o, Fragment as n, jsxs as s } from "react/jsx-runtime";
2
- import { useCallback as m } from "react";
3
- import { t as d, c } from "../RPTheme.module-f756e5cd.js";
4
- import { c as f } from "../clsx-0c6e471a.js";
5
- import { useDropFileZoneContext as D } from "../contexts/DropFileZoneContext.js";
6
- import { LightPdfIcon as h } from "./icons/LightPdfIcon.js";
7
- import { DarkPdfIcon as g } from "./icons/DarkPdfIcon.js";
8
- import { useDarkModeContext as u } from "../contexts/DarkModeContext.js";
9
- import { useToolbarComponentContext as v } from "../contexts/ToolbarComponentContext.js";
10
- const y = () => {
11
- const { dragging: t, handleDragLeave: a, handleDrop: i } = D(), { darkMode: e } = u(), { dropFileZone: r } = v();
2
+ import { useCallback as d } from "react";
3
+ import { c as m } from "../clsx-0c6e471a.js";
4
+ import { useDropFileZoneContext as c } from "../contexts/DropFileZoneContext.js";
5
+ import { LightPdfIcon as f } from "./icons/LightPdfIcon.js";
6
+ import { DarkPdfIcon as D } from "./icons/DarkPdfIcon.js";
7
+ import { useDarkModeContext as h } from "../contexts/DarkModeContext.js";
8
+ import { useToolbarComponentContext as g } from "../contexts/ToolbarComponentContext.js";
9
+ import '../assets/RPDropFileZone.css';const u = {
10
+ "rp-drop-zone": "_rp-drop-zone_6uoig_1"
11
+ }, v = {}, L = () => {
12
+ const { dragging: t, handleDragLeave: p, handleDrop: a } = c(), { darkMode: e } = h(), { dropFileZone: r } = g();
12
13
  if (typeof r == "boolean" && !r)
13
14
  return;
14
- const p = m((l) => {
15
+ const i = d((l) => {
15
16
  l.preventDefault();
16
17
  }, []);
17
18
  return t ? /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(
18
19
  "div",
19
20
  {
20
- onDragOver: p,
21
- onDragLeave: a,
22
- onDrop: i,
23
- className: f(c["rp-drop-zone"], e ? d["rp-dark-mode"] : ""),
21
+ onDragOver: i,
22
+ onDragLeave: p,
23
+ onDrop: a,
24
+ className: m(u["rp-drop-zone"], e ? v["rp-dark-mode"] : ""),
24
25
  children: r && typeof r == "function" ? /* @__PURE__ */ o(r, {}) : /* @__PURE__ */ s(n, { children: [
25
- /* @__PURE__ */ o("div", { children: e ? /* @__PURE__ */ o(g, {}) : /* @__PURE__ */ o(h, {}) }),
26
+ /* @__PURE__ */ o("div", { children: e ? /* @__PURE__ */ o(D, {}) : /* @__PURE__ */ o(f, {}) }),
26
27
  /* @__PURE__ */ o("p", { children: "Drag & drop the PDF file here" })
27
28
  ] })
28
29
  }
29
30
  ) }) : null;
30
31
  };
31
32
  export {
32
- y as RPDropFileZone
33
+ L as RPDropFileZone
33
34
  };
@@ -1,37 +1,27 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { R as G } from "../Thumbnails-06fa1aa5.js";
3
+ import { R as u } from "../RPLayout-88110444.js";
4
4
  import "../utils/hooks/useWatermark.js";
5
5
  import "../contexts/VirtualScrollContext.js";
6
6
  import "../contexts/RPDocumentContext.js";
7
7
  import "./RPConfig.js";
8
- import "./ui/Button.js";
9
- import "../RPSplitter.module-13d612c4.js";
10
- import "../contexts/ToolbarComponentContext.js";
11
- import "../contexts/IconContext.js";
12
- import "../Container.module-cb7b45b9.js";
13
- import "../contexts/LayoutContainerContext.js";
8
+ import "../contexts/ThemeContext.js";
9
+ import "./RPDropFileZone.js";
10
+ import "../clsx-0c6e471a.js";
11
+ import "../contexts/DropFileZoneContext.js";
14
12
  import "../contexts/DarkModeContext.js";
15
- import "../utils/types.js";
13
+ import "../contexts/ToolbarComponentContext.js";
16
14
  import "../contexts/RotateContext.js";
17
- import "../contexts/LayerContext.js";
18
- import "../contexts/ZoomContext.js";
19
15
  import "../contexts/ViewModeContext.js";
16
+ import "../contexts/FileInputContext.js";
17
+ import "../contexts/ZoomContext.js";
18
+ import "../utils/types.js";
20
19
  import "../contexts/ScrollModeContext.js";
21
- import "../contexts/VirtualGridContext.js";
22
- import "../contexts/ScrollStateContext.js";
23
- import "../contexts/ViewportContext.js";
24
- import "../contexts/SelectionModeContext.js";
25
- import "../contexts/InitialStateContext.js";
26
- import "../clsx-0c6e471a.js";
27
- import "../contexts/ThemeContext.js";
28
20
  import "../contexts/FullScreenContext.js";
29
- import "../WrapperLayout.module-147bc943.js";
30
- import "../contexts/DropFileZoneContext.js";
31
- import "../RPTheme.module-f756e5cd.js";
32
- import "../contexts/FileInputContext.js";
21
+ import "../contexts/ScrollStateContext.js";
33
22
  import "../utils/hooks/useMousePressed.js";
23
+ import "../contexts/SelectionModeContext.js";
34
24
  import "../utils/hooks/useGrabScroll.js";
35
25
  export {
36
- G as RPViewer
26
+ u as RPViewer
37
27
  };
@@ -1,28 +1,8 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import { useDarkModeContext as l } from "../../contexts/DarkModeContext.js";
3
- import { c as p, a as d } from "../../Container.module-cb7b45b9.js";
4
- import { c as f } from "../../clsx-0c6e471a.js";
5
- import { useThemeContext as x } from "../../contexts/ThemeContext.js";
6
- const b = (s) => {
7
- const { children: t, getContainerRef: o, toolbarRef: e, style: a, className: c } = s, { darkMode: r } = l(), { customVariables: m, customDarkVariables: i } = x();
8
- return /* @__PURE__ */ n(
9
- "div",
10
- {
11
- ref: o,
12
- className: f(
13
- d["rp-container"],
14
- r ? p["rp-dark-mode"] : "",
15
- c
16
- ),
17
- style: {
18
- "--rp-toolbar-height": `${(e == null ? void 0 : e.clientHeight) || 48}px`,
19
- ...r ? i : m,
20
- ...a
21
- },
22
- children: t
23
- }
24
- );
25
- };
1
+ import "react/jsx-runtime";
2
+ import "../../contexts/DarkModeContext.js";
3
+ import { C as a } from "../../Container-337e1b18.js";
4
+ import "../../clsx-0c6e471a.js";
5
+ import "../../contexts/ThemeContext.js";
26
6
  export {
27
- b as Container
7
+ a as Container
28
8
  };
@@ -1,59 +1,16 @@
1
- import { jsx as r, jsxs as o } from "react/jsx-runtime";
2
- import { useState as i } from "react";
3
- import { S as N, T, P as C, d as S } from "../../Thumbnails-06fa1aa5.js";
4
- import { RPSidebar as x } from "./sidebar/RPSidebar.js";
5
- import { c as e } from "../../Container.module-cb7b45b9.js";
6
- import { ToolbarComponentProvider as F } from "../../contexts/ToolbarComponentContext.js";
7
- import { LayoutContainerProvider as L } from "../../contexts/LayoutContainerContext.js";
8
- import { RPController as g } from "../RPController.js";
9
- import { Container as j } from "./Container.js";
10
- import { FullScreenProvider as D } from "../../contexts/FullScreenContext.js";
11
- import { IconProvider as I } from "../../contexts/IconContext.js";
12
- import { WrapperLayout as Z } from "./WrapperLayout.js";
13
- import { RPDropFileZone as w } from "../RPDropFileZone.js";
14
- import { FileInputProvider as V } from "../../contexts/FileInputContext.js";
15
- import { DropFileZoneProvider as W } from "../../contexts/DropFileZoneContext.js";
16
- import { c as m } from "../../clsx-0c6e471a.js";
17
- const _ = (c) => {
18
- const {
19
- children: t,
20
- slots: d,
21
- icons: p,
22
- initialThumbnailsVisible: f = !1,
23
- initialSearch: h,
24
- showToolbar: P = !0,
25
- style: l,
26
- className: n,
27
- ...u
28
- } = c, [v, R] = i(null), [b, y] = i(null), [a, s] = i(null);
29
- return /* @__PURE__ */ r("div", { className: m(e["rp-theme-variables"], e["rp-container"]), children: /* @__PURE__ */ r(L, { container: b, contentRef: a, children: /* @__PURE__ */ r(g, { ...u, children: /* @__PURE__ */ r(N, { initialSearch: h, children: /* @__PURE__ */ r(T, { initialThumbnailsVisible: f, children: /* @__PURE__ */ r(F, { slots: d, children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(I, { icons: p, children: /* @__PURE__ */ r(D, { elementRef: a, children: /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(V, { children: P ? /* @__PURE__ */ r(
30
- j,
31
- {
32
- getContainerRef: y,
33
- toolbarRef: v,
34
- style: l,
35
- className: n,
36
- children: /* @__PURE__ */ o(Z, { children: [
37
- /* @__PURE__ */ o("div", { className: e["rp-layout"], children: [
38
- /* @__PURE__ */ r(S, { ref: R }),
39
- /* @__PURE__ */ o("div", { className: e["rp-content"], children: [
40
- /* @__PURE__ */ r("div", { className: e["rp-sidebar"], children: /* @__PURE__ */ r(x, {}) }),
41
- /* @__PURE__ */ r("div", { ref: s, className: e["rp-pages"], children: t })
42
- ] })
43
- ] }),
44
- /* @__PURE__ */ r(w, {})
45
- ] })
46
- }
47
- ) : /* @__PURE__ */ r(
48
- "div",
49
- {
50
- ref: s,
51
- className: m(e["rp-pages"], n),
52
- style: l,
53
- children: t
54
- }
55
- ) }) }) }) }) }) }) }) }) }) }) });
56
- };
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import { a as P } from "../../RPLayout-88110444.js";
4
+ import "../../Container-337e1b18.js";
5
+ import "../../contexts/ToolbarComponentContext.js";
6
+ import "../../contexts/LayoutContainerContext.js";
7
+ import "../../contexts/FullScreenContext.js";
8
+ import "../../contexts/IconContext.js";
9
+ import "./WrapperLayout.js";
10
+ import "../RPDropFileZone.js";
11
+ import "../../contexts/FileInputContext.js";
12
+ import "../../contexts/DropFileZoneContext.js";
13
+ import "../../clsx-0c6e471a.js";
57
14
  export {
58
- _ as RPLayout
15
+ P as RPLayout
59
16
  };
@@ -1,11 +1,12 @@
1
- import { jsx as e, Fragment as n } from "react/jsx-runtime";
2
- import { c as a } from "../../WrapperLayout.module-147bc943.js";
3
- import { useDropFileZoneContext as p } from "../../contexts/DropFileZoneContext.js";
4
- import { useToolbarComponentContext as s } from "../../contexts/ToolbarComponentContext.js";
5
- const u = ({ children: o }) => {
6
- const { handleDragEnter: t } = p(), { dropFileZone: r } = s();
7
- return typeof r == "boolean" && !r ? /* @__PURE__ */ e(n, { children: o }) : /* @__PURE__ */ e("div", { className: a["rp-wrapper-layout"], onDragEnter: t, children: o });
1
+ import { jsx as e, Fragment as p } from "react/jsx-runtime";
2
+ import { useDropFileZoneContext as a } from "../../contexts/DropFileZoneContext.js";
3
+ import { useToolbarComponentContext as n } from "../../contexts/ToolbarComponentContext.js";
4
+ import '../../assets/WrapperLayout.css';const s = {
5
+ "rp-wrapper-layout": "_rp-wrapper-layout_2cghq_1"
6
+ }, c = ({ children: o }) => {
7
+ const { handleDragEnter: t } = a(), { dropFileZone: r } = n();
8
+ return typeof r == "boolean" && !r ? /* @__PURE__ */ e(p, { children: o }) : /* @__PURE__ */ e("div", { className: s["rp-wrapper-layout"], onDragEnter: t, children: o });
8
9
  };
9
10
  export {
10
- u as WrapperLayout
11
+ c as WrapperLayout
11
12
  };
@@ -1,34 +1,12 @@
1
- import { jsx as n, jsxs as a } from "react/jsx-runtime";
2
- import { useState as h, useRef as p, useCallback as d, useMemo as b } from "react";
3
- import { ThumbnailIcon as f } from "../../icons/Thumbnail.js";
4
- import { UIButton as C } from "../../ui/Button.js";
5
- import { e as T, f as r, g as x } from "../../../Thumbnails-06fa1aa5.js";
6
- import { RPSplitter as I } from "./RPSplitter.js";
7
- import { useToolbarComponentContext as v } from "../../../contexts/ToolbarComponentContext.js";
8
- import { useIconContext as w } from "../../../contexts/IconContext.js";
9
- const k = () => {
10
- const { thumbnailIcon: t } = w();
11
- return t || /* @__PURE__ */ n(f, {});
12
- }, W = () => {
13
- const { active: t, setActive: s } = T(), [l, m] = h(200), i = p(null), { thumbnailTool: o } = v(), e = d(() => {
14
- s((c) => !c);
15
- }, []), u = b(() => typeof o != "boolean" && o ? /* @__PURE__ */ n(o, { onClick: e, active: t }) : o ? /* @__PURE__ */ n(C, { onClick: e, active: t, children: /* @__PURE__ */ n(k, {}) }) : null, [o, t, e]);
16
- return /* @__PURE__ */ a(
17
- "div",
18
- {
19
- style: { "--rp-thumbnail-width": `${l}px` },
20
- className: r["rp-sidebar-content-wrapper"],
21
- "data-rp": "sidebar",
22
- children: [
23
- /* @__PURE__ */ n("div", { "data-rp": "thumbnailButton", className: r["rp-sidebar-content"], children: u }),
24
- /* @__PURE__ */ a("div", { "data-rp": "thumbnails", hidden: !t, className: r["rp-thumbnails-wrapper"], children: [
25
- /* @__PURE__ */ n(x, { show: t, ref: i }),
26
- /* @__PURE__ */ n(I, { onWidthChange: m, thumbnailRef: i })
27
- ] })
28
- ]
29
- }
30
- );
31
- };
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import "../../icons/Thumbnail.js";
4
+ import "../../ui/Button.js";
5
+ import { G as f } from "../../../RPLayout-88110444.js";
6
+ import "./RPSplitter.js";
7
+ import "../../../contexts/ToolbarComponentContext.js";
8
+ import "../../../contexts/IconContext.js";
9
+ import "../../ui/RPTooltip.js";
32
10
  export {
33
- W as RPSidebar
11
+ f as RPSidebar
34
12
  };
@@ -1,10 +1,12 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { useRef as s } from "react";
3
- import { c as t } from "../../../RPSplitter.module-13d612c4.js";
4
- const f = () => {
5
- const r = s(null);
6
- return /* @__PURE__ */ e("div", { ref: r, className: t["rp-thumbnail-dragger"] });
1
+ import { jsx as g } from "react/jsx-runtime";
2
+ import { useRef as a } from "react";
3
+ import '../../../assets/RPSplitter.css';const e = {
4
+ "rp-thumbnail-dragger": "_rp-thumbnail-dragger_1sd13_1",
5
+ "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_1sd13_11"
6
+ }, s = () => {
7
+ const r = a(null);
8
+ return /* @__PURE__ */ g("div", { ref: r, className: e["rp-thumbnail-dragger"] });
7
9
  };
8
10
  export {
9
- f as RPSplitter
11
+ s as RPSplitter
10
12
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { z as a } from "../../../Thumbnails-06fa1aa5.js";
3
+ import { w as a } from "../../../RPLayout-88110444.js";
4
4
  import "../../../clsx-0c6e471a.js";
5
5
  import "../../icons/LoaderIcon.js";
6
6
  export {
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { g as t } from "../../../Thumbnails-06fa1aa5.js";
3
+ import { E as t } from "../../../RPLayout-88110444.js";
4
4
  import "../../../utils/hooks/useInfiniteScroll.js";
5
5
  export {
6
6
  t as Thumbnails
@@ -1,22 +1,23 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { useCallback as i } from "react";
3
- import { MoonIcon as s } from "../../icons/MoonIcon.js";
4
- import { SunIcon as l } from "../../icons/SunIcon.js";
5
- import { UIButton as u } from "../../ui/Button.js";
2
+ import { useCallback as m } from "react";
3
+ import { MoonIcon as l } from "../../icons/MoonIcon.js";
4
+ import { SunIcon as s } from "../../icons/SunIcon.js";
5
+ import { UIButton as p } from "../../ui/Button.js";
6
6
  import { useDarkModeContext as d } from "../../../contexts/DarkModeContext.js";
7
7
  import { useToolbarComponentContext as a } from "../../../contexts/ToolbarComponentContext.js";
8
- import { useIconContext as n } from "../../../contexts/IconContext.js";
8
+ import { useIconContext as c } from "../../../contexts/IconContext.js";
9
+ import u from "../../ui/RPTooltip.js";
9
10
  const f = () => {
10
- const { lightModeIcon: o } = n();
11
- return o || /* @__PURE__ */ t(s, {});
12
- }, p = () => {
13
- const { darkModeIcon: o } = n();
11
+ const { lightModeIcon: o } = c();
14
12
  return o || /* @__PURE__ */ t(l, {});
13
+ }, h = () => {
14
+ const { darkModeIcon: o } = c();
15
+ return o || /* @__PURE__ */ t(s, {});
15
16
  }, S = () => {
16
- const { darkMode: o, setDarkMode: e } = d(), { themeSwitcher: r = !0 } = a(), c = i(() => {
17
- e((m) => !m);
17
+ const { darkMode: o, setDarkMode: e } = d(), { themeSwitcher: n = !0 } = a(), i = m(() => {
18
+ e((r) => !r);
18
19
  }, [e]);
19
- return typeof r != "boolean" ? /* @__PURE__ */ t(r, { darkMode: o, setDarkMode: e }) : r ? /* @__PURE__ */ t(u, { onClick: c, children: o ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(f, {}) }) : null;
20
+ return typeof n != "boolean" ? /* @__PURE__ */ t(n, { darkMode: o, setDarkMode: e }) : n ? /* @__PURE__ */ t(u, { content: `Enable ${o ? "dark" : "light"} theme`, children: /* @__PURE__ */ t(p, { onClick: i, children: o ? /* @__PURE__ */ t(h, {}) : /* @__PURE__ */ t(f, {}) }) }) : null;
20
21
  };
21
22
  export {
22
23
  S as DarkModeTool
@@ -1,36 +1,22 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { s as I } from "../../../Thumbnails-06fa1aa5.js";
3
+ import { n as j } from "../../../RPLayout-88110444.js";
4
4
  import "../../../contexts/LayoutContainerContext.js";
5
5
  import "../../icons/CloseIcon.js";
6
6
  import "../../../utils/dateFormatter.js";
7
7
  import "../../../contexts/RPDocumentContext.js";
8
8
  import "../../RPConfig.js";
9
- import "../../ui/Button.js";
10
- import "../../../RPSplitter.module-13d612c4.js";
11
- import "../../../contexts/ToolbarComponentContext.js";
12
- import "../../../contexts/IconContext.js";
13
- import "../../../Container.module-cb7b45b9.js";
9
+ import "../../../contexts/ThemeContext.js";
10
+ import "../../RPDropFileZone.js";
11
+ import "../../../contexts/DropFileZoneContext.js";
14
12
  import "../../../contexts/DarkModeContext.js";
13
+ import "../../../contexts/ToolbarComponentContext.js";
15
14
  import "../../../contexts/RotateContext.js";
16
- import "../../../contexts/LayerContext.js";
17
- import "../../../contexts/ZoomContext.js";
18
15
  import "../../../contexts/ViewModeContext.js";
19
- import "../../../contexts/ScrollModeContext.js";
20
- import "../../../contexts/VirtualScrollContext.js";
21
- import "../../../contexts/VirtualGridContext.js";
22
- import "../../../contexts/ScrollStateContext.js";
23
- import "../../../contexts/ViewportContext.js";
24
- import "../../../contexts/SelectionModeContext.js";
25
- import "../../../contexts/InitialStateContext.js";
26
- import "../../../contexts/ThemeContext.js";
27
- import "../../../contexts/FullScreenContext.js";
28
- import "../../../WrapperLayout.module-147bc943.js";
29
- import "../../../contexts/DropFileZoneContext.js";
30
- import "../../../RPTheme.module-f756e5cd.js";
31
16
  import "../../../contexts/FileInputContext.js";
17
+ import "../../../contexts/ZoomContext.js";
32
18
  import "./PropertyItem.js";
33
19
  import "../../../contexts/OtherToolContext.js";
34
20
  export {
35
- I as DocumentDialog
21
+ j as DocumentDialog
36
22
  };
@@ -4,16 +4,17 @@ import { InfoIcon as i } from "../../icons/InfoIcon.js";
4
4
  import { useOtherToolContext as s } from "../../../contexts/OtherToolContext.js";
5
5
  import { useToolbarComponentContext as p } from "../../../contexts/ToolbarComponentContext.js";
6
6
  import { useIconContext as u } from "../../../contexts/IconContext.js";
7
- const l = () => {
7
+ import l from "../../ui/RPTooltip.js";
8
+ const f = () => {
8
9
  const { documentPropertiesIcon: e } = u();
9
10
  return e || /* @__PURE__ */ o(i, {});
10
- }, h = () => {
11
+ }, D = () => {
11
12
  const { setActiveDocumentProperties: e } = s(), { documentProperties: t } = p();
12
- return t ? /* @__PURE__ */ o(n, { children: /* @__PURE__ */ m(c, { onClick: () => e((r) => !r), children: [
13
- /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(l, {}) }),
13
+ return t ? /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(l, { content: "View document properties", children: /* @__PURE__ */ m(c, { onClick: () => e((r) => !r), children: [
14
+ /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(f, {}) }),
14
15
  "Document properties"
15
- ] }) }) : null;
16
+ ] }) }) }) : null;
16
17
  };
17
18
  export {
18
- h as DocumentProperties
19
+ D as DocumentProperties
19
20
  };
@@ -3,9 +3,10 @@ import "../../icons/FileDownloadDefaultIcon.js";
3
3
  import "../../../contexts/ToolbarComponentContext.js";
4
4
  import "../../../contexts/IconContext.js";
5
5
  import "../../ui/Button.js";
6
- import { F } from "../../../Thumbnails-06fa1aa5.js";
6
+ import { F as d } from "../../../RPLayout-88110444.js";
7
7
  import "./MenuItem.js";
8
8
  import "../../../contexts/ViewportContext.js";
9
+ import "../../ui/RPTooltip.js";
9
10
  export {
10
- F as FileDownloadTool
11
+ d as FileDownloadTool
11
12
  };