@pdf-viewer/react 1.9.2-rc.3 → 1.9.2-rc.5

package/dist/assets/ToolbarLayout.css

@@ -1 +1 @@
-.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-pages_1i1lj_1{display:flex;justify-content:center}._rp-pages_1i1lj_1:not(._rp-page-scrolling-wrapper_1i1lj_6)>div{height:calc(var(--rp-page-height) * var(--rp-row-count))!important;width:calc(var(--rp-page-width) * var(--rp-column-count))!important}._rp-pages-horizontal-scroll_1i1lj_11{display:block}._rp-pages-container_1i1lj_15{position:relative;height:100%;outline-width:0}._rp-pages-container_1i1lj_15 .ignore-hover:focus,._rp-pages-container_1i1lj_15 :not(:hover):focus-visible,._rp-pages-container_1i1lj_15 :not(:hover):focus:focus-visible{transition:none;outline-color:var(--rp-outline-color, -webkit-focus-ring-color);outline-style:solid;outline-offset:0px;outline-width:1px}._rp-pages-container_1i1lj_15 .highlight.appended{border-radius:var(--rp-text-layer-highlight-border-radius);background-color:var(--rp-highlight-background-color);opacity:.5}._rp-pages-container_1i1lj_15 .highlight.appended.begin{border-radius:var(--rp-text-layer-highlight-border-radius) 0 0 var(--rp-text-layer-highlight-border-radius)}._rp-pages-container_1i1lj_15 .highlight.appended.middle{border-radius:0}._rp-pages-container_1i1lj_15 .highlight.appended.end{border-radius:0 var(--rp-text-layer-highlight-border-radius) var(--rp-text-layer-highlight-border-radius) 0}._rp-pages-container_1i1lj_15 .highlight.appended.selected{background-color:var(--rp-current-highlight-background-color)}._rp-page-scrolling-wrapper_1i1lj_6{position:relative;overflow:auto}._rp-viewer_1i1lj_57{height:100%;position:relative}._rp-cursor-grab_1i1lj_62{cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-cursor-grabbing_1i1lj_70{cursor:grabbing;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-loader_1i1lj_78{background-color:var(--rp-loader-backdrop-color)}._rp-pages-container_1i1lj_15{background:var(--rp-pages-background-color)}._rp-not-supported_1i1lj_86{display:flex;justify-content:center;align-items:center;height:100%;width:100%}._rp-page-wrapper_14ohm_1{display:flex;justify-content:center;align-items:center}._rp-page_14ohm_1{box-shadow:0 2px 12px #00000026;position:relative}._rp-loader-wrapper_14ohm_15{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._rp-text-layer_1uik2_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;z-index:0}._rp-text-layer_1uik2_1._selecting_1uik2_10~[data-rp$=annotationLayer] section{pointer-events:none}._rp-text-layer_1uik2_1 :is(br){user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-text-layer_1uik2_1 :is(br::selection){background-color:transparent;color:transparent}._rp-text-layer_1uik2_1 :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}._rp-text-layer_1uik2_1>:not(._markedContent_1uik2_33),._rp-text-layer_1uik2_1 ._markedContent_1uik2_33 span:not(._markedContent_1uik2_33){z-index:1}._rp-text-layer_1uik2_1 .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}._rp-text-layer_1uik2_1._selecting_1uik2_10 .endOfContent{top:0}._rp-text-layer-text_1uik2_52{position:absolute;transform-origin:0% 0%;white-space:pre;line-height:1;overflow:hidden}@-moz-document url-prefix(){._rp-text-layer-text_1uik2_52{overflow:visible}}._rp-annotation-layer_1udza_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_1udza_1 :is(img){max-width:100%;width:100%}._rp-annotation-layer_1udza_1 section:not(.popupAnnotation){z-index:calc(var(--rp-base-z-index, 1) * 3)!important}._rp-annotation-layer_1udza_1 section:has(div.annotationContent) canvas.annotationContent{display:none}._rp-annotation-layer_1udza_1 section a{height:100%;left:0;position:absolute;top:0;width:100%;cursor:pointer}._rp-annotation-layer_1udza_1 section a:hover{background-color:var(--rp-annotation-layer__link-hover-background)}._rp-annotation-layer_1udza_1 section :is(svg){position:absolute;width:100%;height:100%;top:0;left:0}._rp-annotation-layer_1udza_1 section .popupTriggerArea,._rp-annotation-layer_1udza_1 section.popupTriggerArea{cursor:pointer}._rp-annotation-layer_1udza_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_1udza_1 section.popupAnnotation.focused .popup{outline-width:3px}._rp-annotation-layer_1udza_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_1udza_1 section .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_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_1udza_1 section .annotationTextContent span{width:100%;display:inline-block}._rp-annotation-layer_1udza_1 section.fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea),._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select,._rp-annotation-layer_1udza_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_1udza_1 section.textWidgetAnnotation :is(input,textarea)[disabled],._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select[disabled],._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):focus,._rp-annotation-layer_1udza_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_1udza_1 section.textWidgetAnnotation textarea{resize:none}._rp-annotation-layer_1udza_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_1udza_1 section .popup *{font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .popup .header{display:inline-block}._rp-annotation-layer_1udza_1 section .popup .header h1{display:inline;font-weight:700}._rp-annotation-layer_1udza_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_1udza_1 section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box}._rp-text-highlight_jdkf8_1{position:absolute;pointer-events:none;transform-origin:0% 0%;white-space:pre;line-height:1;overflow:hidden}._rp-toolbar-content_sz31z_1{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:0 var(--rp-toolbar-padding);min-height:var(--rp-toolbar-size)}._rp-toolbar-wrapper_sz31z_10{display:flex;gap:0;justify-content:space-between;width:100%;overflow-x:auto;padding-left:1px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar{width:2px!important;height:2px!important}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar-track{background:#f1f1f1}._rp-toolbar-start_sz31z_33{display:flex;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-middle_sz31z_39{display:flex;justify-content:center;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-end_sz31z_46{display:flex;align-items:center;justify-content:flex-end;gap:var(--rp-toolbar-gap);padding-right:1px}._rp-paginate_1gck0_1{display:flex;align-items:center}._rp-page-input_1gck0_6{margin:1px .25rem;padding:.25rem .5rem;width:3.5em;min-width:calc(4ch + 1rem);max-width:calc(4ch + 1rem);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0}._rp-total-page_1gck0_18{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-go-to-Top_4e0yd_1{transform:rotate(180deg)}._rp-loading-overlay_wazy2_1{position:absolute;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_wazy2_14{background:var(--rp-print-progress-background);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_wazy2_27{text-align:center;margin-bottom:16px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;color:var(--rp-print-progress-color)}._rp-loading-progress-bar_wazy2_35{background:#f0f0f0;width:100%;height:4px;border-radius:32px;overflow:hidden;position:relative;margin-bottom:16px}._rp-loading-progress_wazy2_35{position:absolute;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--rp-primary-color) 80%,black) 0%,var(--rp-primary-color) 50%,color-mix(in srgb,var(--rp-primary-color) 80%,white) 100%);border-radius:32px}._rp-loading-cancel-button_wazy2_55{width:70px;padding:8px;border:none;background:none;color:#666;border-radius:var(--rp-button-border-radius);cursor:pointer;font-family:system-ui,-apple-system,sans-serif;transition:background-color .2s;border:1px solid #e2e6e9}._rp-loading-cancel-button_wazy2_55:hover{background:#f5f5f5}@keyframes _loading_wazy2_1{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}._rp-sidebar-content-wrapper_1bqgz_1{display:flex;height:100%;position:relative}._rp-sidebar-content_1bqgz_1{background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:var(--rp-sidebar-width);width:100%;padding-top:.75rem;text-align:center}._rp-thumbnails-wrapper_1bqgz_16{border-right:var(--rp-thumbnail-border-color) 4px solid;width:100%}._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)}._rp-toolbar-layout_vwobs_1{display:flex;flex-direction:column;height:100%}._rp-content_vwobs_7{display:flex;width:100%;height:calc(100% - var(--rp-toolbar-height))}._rp-topbar-content_vwobs_13{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:0 var(--rp-toolbar-padding);min-height:var(--rp-toolbar-size)}._rp-sidebar-content_vwobs_22{display:flex;flex-direction:column;text-align:center;padding-block:.75rem;background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:var(--rp-sidebar-width)}._rp-pages_vwobs_32{flex:1;background:var(--rp-pages-background-color)}._rp-thumbnails-wrapper_vwobs_37{border-right:var(--rp-thumbnail-border-color) 4px solid}
+.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-pages_x8ox4_1{display:flex;justify-content:center}._rp-pages_x8ox4_1:not(._rp-page-scrolling-wrapper_x8ox4_6)>div{height:calc(var(--rp-page-height) * var(--rp-row-count))!important;width:calc(var(--rp-page-width) * var(--rp-column-count))!important}._rp-pages-horizontal-scroll_x8ox4_11{display:block}._rp-pages-container_x8ox4_15{position:relative;height:100%;outline-width:0}._rp-pages-container_x8ox4_15 .ignore-hover:focus,._rp-pages-container_x8ox4_15 :not(:hover):focus-visible,._rp-pages-container_x8ox4_15 :not(:hover):focus:focus-visible{transition:none;outline-color:var(--rp-outline-color, -webkit-focus-ring-color);outline-style:solid;outline-offset:0px;outline-width:1px}._rp-pages-container_x8ox4_15 .highlight.appended{border-radius:var(--rp-text-layer-highlight-border-radius);background-color:var(--rp-highlight-background-color);opacity:.5}._rp-pages-container_x8ox4_15 .highlight.appended.begin{border-radius:var(--rp-text-layer-highlight-border-radius) 0 0 var(--rp-text-layer-highlight-border-radius)}._rp-pages-container_x8ox4_15 .highlight.appended.middle{border-radius:0}._rp-pages-container_x8ox4_15 .highlight.appended.end{border-radius:0 var(--rp-text-layer-highlight-border-radius) var(--rp-text-layer-highlight-border-radius) 0}._rp-pages-container_x8ox4_15 .highlight.appended.selected{background-color:var(--rp-current-highlight-background-color)}._rp-page-scrolling-wrapper_x8ox4_6{position:relative;overflow:auto}._rp-viewer_x8ox4_57{height:100%;position:relative}._rp-cursor-grab_x8ox4_62{cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-cursor-grabbing_x8ox4_70{cursor:grabbing;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-loader_x8ox4_78{background-color:var(--rp-loader-backdrop-color)}._rp-pages-container_x8ox4_15{background:var(--rp-pages-background-color)}._rp-not-supported_x8ox4_86{display:flex;justify-content:center;align-items:center;height:100%;width:100%}._rp-page-wrapper_14ohm_1{display:flex;justify-content:center;align-items:center}._rp-page_14ohm_1{box-shadow:0 2px 12px #00000026;position:relative}._rp-loader-wrapper_14ohm_15{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._rp-text-layer_1uik2_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;z-index:0}._rp-text-layer_1uik2_1._selecting_1uik2_10~[data-rp$=annotationLayer] section{pointer-events:none}._rp-text-layer_1uik2_1 :is(br){user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-text-layer_1uik2_1 :is(br::selection){background-color:transparent;color:transparent}._rp-text-layer_1uik2_1 :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}._rp-text-layer_1uik2_1>:not(._markedContent_1uik2_33),._rp-text-layer_1uik2_1 ._markedContent_1uik2_33 span:not(._markedContent_1uik2_33){z-index:1}._rp-text-layer_1uik2_1 .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}._rp-text-layer_1uik2_1._selecting_1uik2_10 .endOfContent{top:0}._rp-text-layer-text_1uik2_52{position:absolute;transform-origin:0% 0%;white-space:pre;line-height:1;overflow:hidden}@-moz-document url-prefix(){._rp-text-layer-text_1uik2_52{overflow:visible}}._rp-annotation-layer_1udza_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_1udza_1 :is(img){max-width:100%;width:100%}._rp-annotation-layer_1udza_1 section:not(.popupAnnotation){z-index:calc(var(--rp-base-z-index, 1) * 3)!important}._rp-annotation-layer_1udza_1 section:has(div.annotationContent) canvas.annotationContent{display:none}._rp-annotation-layer_1udza_1 section a{height:100%;left:0;position:absolute;top:0;width:100%;cursor:pointer}._rp-annotation-layer_1udza_1 section a:hover{background-color:var(--rp-annotation-layer__link-hover-background)}._rp-annotation-layer_1udza_1 section :is(svg){position:absolute;width:100%;height:100%;top:0;left:0}._rp-annotation-layer_1udza_1 section .popupTriggerArea,._rp-annotation-layer_1udza_1 section.popupTriggerArea{cursor:pointer}._rp-annotation-layer_1udza_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_1udza_1 section.popupAnnotation.focused .popup{outline-width:3px}._rp-annotation-layer_1udza_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_1udza_1 section .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_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_1udza_1 section .annotationTextContent span{width:100%;display:inline-block}._rp-annotation-layer_1udza_1 section.fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea),._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select,._rp-annotation-layer_1udza_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_1udza_1 section.textWidgetAnnotation :is(input,textarea)[disabled],._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select[disabled],._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):focus,._rp-annotation-layer_1udza_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_1udza_1 section.textWidgetAnnotation textarea{resize:none}._rp-annotation-layer_1udza_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_1udza_1 section .popup *{font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .popup .header{display:inline-block}._rp-annotation-layer_1udza_1 section .popup .header h1{display:inline;font-weight:700}._rp-annotation-layer_1udza_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_1udza_1 section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box}._rp-text-highlight_jdkf8_1{position:absolute;pointer-events:none;transform-origin:0% 0%;white-space:pre;line-height:1;overflow:hidden}._rp-toolbar-content_sz31z_1{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:0 var(--rp-toolbar-padding);min-height:var(--rp-toolbar-size)}._rp-toolbar-wrapper_sz31z_10{display:flex;gap:0;justify-content:space-between;width:100%;overflow-x:auto;padding-left:1px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar{width:2px!important;height:2px!important}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar-track{background:#f1f1f1}._rp-toolbar-start_sz31z_33{display:flex;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-middle_sz31z_39{display:flex;justify-content:center;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-end_sz31z_46{display:flex;align-items:center;justify-content:flex-end;gap:var(--rp-toolbar-gap);padding-right:1px}._rp-paginate_1gck0_1{display:flex;align-items:center}._rp-page-input_1gck0_6{margin:1px .25rem;padding:.25rem .5rem;width:3.5em;min-width:calc(4ch + 1rem);max-width:calc(4ch + 1rem);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0}._rp-total-page_1gck0_18{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-go-to-Top_4e0yd_1{transform:rotate(180deg)}._rp-loading-overlay_wazy2_1{position:absolute;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_wazy2_14{background:var(--rp-print-progress-background);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_wazy2_27{text-align:center;margin-bottom:16px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;color:var(--rp-print-progress-color)}._rp-loading-progress-bar_wazy2_35{background:#f0f0f0;width:100%;height:4px;border-radius:32px;overflow:hidden;position:relative;margin-bottom:16px}._rp-loading-progress_wazy2_35{position:absolute;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--rp-primary-color) 80%,black) 0%,var(--rp-primary-color) 50%,color-mix(in srgb,var(--rp-primary-color) 80%,white) 100%);border-radius:32px}._rp-loading-cancel-button_wazy2_55{width:70px;padding:8px;border:none;background:none;color:#666;border-radius:var(--rp-button-border-radius);cursor:pointer;font-family:system-ui,-apple-system,sans-serif;transition:background-color .2s;border:1px solid #e2e6e9}._rp-loading-cancel-button_wazy2_55:hover{background:#f5f5f5}@keyframes _loading_wazy2_1{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}._rp-sidebar-content-wrapper_1bqgz_1{display:flex;height:100%;position:relative}._rp-sidebar-content_1bqgz_1{background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:var(--rp-sidebar-width);width:100%;padding-top:.75rem;text-align:center}._rp-thumbnails-wrapper_1bqgz_16{border-right:var(--rp-thumbnail-border-color) 4px solid;width:100%}._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)}._rp-toolbar-layout_vwobs_1{display:flex;flex-direction:column;height:100%}._rp-content_vwobs_7{display:flex;width:100%;height:calc(100% - var(--rp-toolbar-height))}._rp-topbar-content_vwobs_13{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:0 var(--rp-toolbar-padding);min-height:var(--rp-toolbar-size)}._rp-sidebar-content_vwobs_22{display:flex;flex-direction:column;text-align:center;padding-block:.75rem;background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:var(--rp-sidebar-width)}._rp-pages_vwobs_32{flex:1;background:var(--rp-pages-background-color)}._rp-thumbnails-wrapper_vwobs_37{border-right:var(--rp-thumbnail-border-color) 4px solid}

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as e, useId as V, useMemo as T } from "react";
-import { P as w, e as D, f as E, T as G, g as b } from "../ToolbarLayout.module-95e678ab.js";
+import { P as w, e as D, f as E, T as G, g as b } from "../ToolbarLayout.module-edecdc4e.js";
 import { DarkModeProvider as k } from "../contexts/DarkModeContext.js";
 import { ViewMode as x, ScrollMode as F, SelectionMode as y } from "../utils/types.js";
 import { RotateProvider as _ } from "../contexts/RotationContext.js";

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as Ro } from "../ToolbarLayout.module-95e678ab.js";
+import { R as Ro } from "../ToolbarLayout.module-edecdc4e.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";
 import "../contexts/DocumentPasswordContext.js";

package/dist/components/layout/LayoutContainer.js

@@ -5,7 +5,7 @@ import "../../contexts/ThemeContext.js";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { L as mo } from "../../ToolbarLayout.module-95e678ab.js";
+import { L as mo } from "../../ToolbarLayout.module-edecdc4e.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/layout/RPDefaultLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a as L } from "../../ToolbarLayout.module-95e678ab.js";
+import { a as L } from "../../ToolbarLayout.module-edecdc4e.js";
 import "../../LayoutWrapper-e99afee2.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";

package/dist/components/layout/RPLayout.js

@@ -7,7 +7,7 @@ import { ToolbarLayout as C } from "./toolbar/ToolbarLayout.js";
 import { WrapperLayout as g } from "./WrapperLayout.js";
 import { useDocumentContext as x } from "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { L as b } from "../../ToolbarLayout.module-95e678ab.js";
+import { L as b } from "../../ToolbarLayout.module-edecdc4e.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../icons/Thumbnail.js";
 import "../../ui/Button.js";
-import { X as P } from "../../../ToolbarLayout.module-95e678ab.js";
+import { X as P } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "./RPSplitter.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { W as im } from "../../../ToolbarLayout.module-95e678ab.js";
+import { W as im } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 import "../../../contexts/PagesRotateContext.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { n as a } from "../../../ToolbarLayout.module-95e678ab.js";
+import { n as a } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 import "../../../utils/withRef.js";
 export {

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { K as to } from "../../../ToolbarLayout.module-95e678ab.js";
+import { K as to } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";

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

@@ -3,7 +3,7 @@ import "../../icons/FileDownloadDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { M as w } from "../../../ToolbarLayout.module-95e678ab.js";
+import { M as w } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { I as o } from "../../../index-f4a9ae4d.js";
+import { I as o } from "../../../index-4ba3ab9a.js";
 import { c } from "../../../clsx-0c6e471a.js";
 import '../../../assets/MenuItem.css';const n = {
   "rp-menu-item": "_rp-menu-item_cu12j_1"

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as a } from "../../../index-f4a9ae4d.js";
+import { S as a } from "../../../index-4ba3ab9a.js";
 import '../../../assets/MenuSeparator.css';const e = {
   "rp-menu-separator": "_rp-menu-separator_17dlz_1"
 }, p = () => /* @__PURE__ */ r(a, { className: e["rp-menu-separator"] });

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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../../index-f4a9ae4d.js";
+import "../../../index-4ba3ab9a.js";
 import "./MenuItem.js";
 import "react";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import { O as po } from "../../../ToolbarLayout.module-95e678ab.js";
+import { O as po } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";

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

@@ -3,14 +3,14 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { Q as n } from "../../../ToolbarLayout.module-95e678ab.js";
+import { Q as n } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
 import "./ViewModeTool.js";
 import "./ScrollModeTool.js";
 import "../../../contexts/ViewportContext.js";
 import "./FileUploadTool.js";
-import "../../../index-f4a9ae4d.js";
+import "../../../index-4ba3ab9a.js";
 import "./MenuSeparator.js";
 import "./FullScreenTool.js";
 import "../../ui/RPTooltip.js";

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

@@ -3,7 +3,7 @@ import "react";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../ui/Input.js";
-import { k as d } from "../../../ToolbarLayout.module-95e678ab.js";
+import { k as d } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";

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

@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { N } from "../../../ToolbarLayout.module-95e678ab.js";
+import { N } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { V as e } from "../../../ToolbarLayout.module-95e678ab.js";
+import { V as e } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "./ZoomTool.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { l } from "../../../ToolbarLayout.module-95e678ab.js";
+import { l } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as C, jsxs as n } from "react/jsx-runtime";
-import { G as p } from "../../../index-f4a9ae4d.js";
+import { G as p } from "../../../index-4ba3ab9a.js";
 import { ClockwiseIcon as l } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as c } from "./MenuItem.js";
 import { MenuSeparator as k } from "./MenuSeparator.js";

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

@@ -1,5 +1,5 @@
 import { jsx as r, Fragment as f, jsxs as c } from "react/jsx-runtime";
-import { G as C } from "../../../index-f4a9ae4d.js";
+import { G as C } from "../../../index-4ba3ab9a.js";
 import { MenuItem as m } from "./MenuItem.js";
 import { useToolbarComponentContext as L } from "../../../contexts/ToolbarComponentContext.js";
 import { PageScrollingIcon as h } from "../../icons/PageScrollingIcon.js";

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

@@ -3,7 +3,7 @@ import "../../ui/RPTooltip.js";
 import "../../ui/Button.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../../contexts/LocalizationContext.js";
-import { U as s } from "../../../ToolbarLayout.module-95e678ab.js";
+import { U as s } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "../../../SearchCloseButton-cbf182aa.js";
 export {
   s as SearchResultNavigator

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

@@ -8,7 +8,7 @@ import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/LoaderIcon.js";
-import { S as io } from "../../../ToolbarLayout.module-95e678ab.js";
+import { S as io } from "../../../ToolbarLayout.module-edecdc4e.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
-import { G as a } from "../../../index-f4a9ae4d.js";
+import { G as a } from "../../../index-4ba3ab9a.js";
 import { TextSelectionDefaultIcon as h } from "../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as s } from "../../icons/HandModeDefaultIcon.js";
 import { CheckIcon as l } from "../../icons/CheckIcon.js";

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as u } from "react/jsx-runtime";
-import { h as a } from "../../../ToolbarLayout.module-95e678ab.js";
+import { h as a } from "../../../ToolbarLayout.module-edecdc4e.js";
 import { ThumbnailIcon as h } from "../../icons/Thumbnail.js";
 import { UIButton as p } from "../../ui/Button.js";
 import e from "../../ui/RPTooltip.js";

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

@@ -1,6 +1,6 @@
 import { jsxs as o, Fragment as n, jsx as t } from "react/jsx-runtime";
 import { useRef as c, useState as x } from "react";
-import { h as N, c as g, m as i, n as C, o as w } from "../../../ToolbarLayout.module-95e678ab.js";
+import { h as N, c as g, m as i, n as C, o as w } from "../../../ToolbarLayout.module-edecdc4e.js";
 import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -34,6 +34,8 @@ import "../../../contexts/OtherToolContext.js";
 import "../../RPConfig.js";
 import "../Container.js";
 import "../../../contexts/ViewportContext.js";
+import { RPSplitter as R } from "../sidebar/RPSplitter.js";
+import { THUMBNAIL_MIN_WIDTH as y } from "../../../utils/constants.js";
 import "../WrapperLayout.js";
 import "../../../LayoutWrapper-e99afee2.js";
 import "../../../contexts/ThemeContext.js";
@@ -46,16 +48,14 @@ import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
 import "../../ui/DropDown.js";
-import { THUMBNAIL_MIN_WIDTH as R } from "../../../utils/constants.js";
 import "../../../ZoomTool.module-6c5eabbb.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
 import "./PropertyItem.js";
 import "./RotateTool.js";
-import { RPSplitter as y } from "../sidebar/RPSplitter.js";
 const Lt = (d) => {
-  const { children: h, toolbar: u } = d, s = c(null), { active: e } = N(), { showPrintProgress: b } = P(), { progress: f } = g(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, T] = x(R);
+  const { children: h, toolbar: u } = d, s = c(null), { active: e } = N(), { showPrintProgress: b } = P(), { progress: f } = g(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, T] = x(y);
   return /* @__PURE__ */ o(n, { children: [
     /* @__PURE__ */ o("div", { className: i["rp-toolbar-layout"], children: [
       m && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: i["rp-topbar-content"], children: m == null ? void 0 : m.component }),
@@ -72,7 +72,7 @@ const Lt = (d) => {
               children: [
                 /* @__PURE__ */ t(C, { show: e, ref: s, width: v }),
                 /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-                  y,
+                  R,
                   {
                     onWidthChange: T,
                     thumbnailRef: s,

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

@@ -1,7 +1,7 @@
-import { jsxs as o, Fragment as i, jsx as r } from "react/jsx-runtime";
-import { useRef as c } from "react";
-import { h as d, c as h, m as t, n as u, o as b } from "../../../ToolbarLayout.module-95e678ab.js";
-import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";
+import { jsxs as r, Fragment as m, jsx as t } from "react/jsx-runtime";
+import { useRef as n, useState as b } from "react";
+import { h as f, c as v, m as o, n as x, o as N } from "../../../ToolbarLayout.module-edecdc4e.js";
+import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
@@ -34,7 +34,8 @@ import "../../../contexts/OtherToolContext.js";
 import "../../RPConfig.js";
 import "../Container.js";
 import "../../../contexts/ViewportContext.js";
-import "../sidebar/RPSplitter.js";
+import { THUMBNAIL_MIN_WIDTH as R } from "../../../utils/constants.js";
+import { RPSplitter as T } from "../sidebar/RPSplitter.js";
 import "../WrapperLayout.js";
 import "../../../LayoutWrapper-e99afee2.js";
 import "../../../contexts/ThemeContext.js";
@@ -50,32 +51,44 @@ import "../../ui/DropDown.js";
 import "../../../ZoomTool.module-6c5eabbb.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
-import { RPHorizontalBar as v } from "./tools/defaults/RPHorizontalBar.js";
-import { RPVerticalBar as x } from "./tools/defaults/RPVerticalBar.js";
-const gr = (a) => {
-  const { children: e } = a, n = c(null), { active: m } = d(), { showPrintProgress: s } = f(), { progress: l } = h(), { percentage: p } = l || {};
-  return /* @__PURE__ */ o(i, { children: [
-    /* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
-      /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(v, {}) }),
-      /* @__PURE__ */ o("div", { className: t["rp-content"], children: [
-        /* @__PURE__ */ o(i, { children: [
-          /* @__PURE__ */ r("div", { "data-rp": "sidebar", className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(x, {}) }),
+import { RPHorizontalBar as g } from "./tools/defaults/RPHorizontalBar.js";
+import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
+const yt = (s) => {
+  const { children: l } = s, p = n(null), { active: i } = f(), { showPrintProgress: c } = P(), { progress: d } = v(), { percentage: e } = d || {}, a = n(null), [h, u] = b(R);
+  return /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ r("div", { className: o["rp-toolbar-layout"], children: [
+      /* @__PURE__ */ t("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: /* @__PURE__ */ t(g, {}) }),
+      /* @__PURE__ */ r("div", { className: o["rp-content"], children: [
+        /* @__PURE__ */ r(m, { children: [
+          /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: a, className: o["rp-sidebar-content"], children: /* @__PURE__ */ t(C, {}) }),
           /* @__PURE__ */ r(
             "div",
             {
               "data-rp": "thumbnailSidebar",
-              hidden: !m,
-              className: t["rp-thumbnails-wrapper"],
-              children: /* @__PURE__ */ r(u, { show: m, ref: n })
+              hidden: !i,
+              className: o["rp-thumbnails-wrapper"],
+              style: { ...i && { position: "relative", display: "flex" } },
+              children: [
+                /* @__PURE__ */ t(x, { show: i, ref: p, width: h }),
+                /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+                  T,
+                  {
+                    onWidthChange: u,
+                    thumbnailRef: p,
+                    leftSidebarRef: a,
+                    isRPLayout: !0
+                  }
+                ) })
+              ]
             }
           )
         ] }),
-        /* @__PURE__ */ r(i, { children: e })
+        /* @__PURE__ */ t(m, { children: l })
       ] })
     ] }),
-    s && p ? /* @__PURE__ */ r(b, { percentage: p }) : null
+    c && e ? /* @__PURE__ */ t(N, { percentage: e }) : null
   ] });
 };
 export {
-  gr as ToolbarDefault
+  yt as ToolbarDefault
 };

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

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as I, jsxs as r } from "react/jsx-runtime";
-import { G as P } from "../../../index-f4a9ae4d.js";
+import { G as P } from "../../../index-4ba3ab9a.js";
 import { MenuSeparator as T } from "./MenuSeparator.js";
 import { MenuItem as m } from "./MenuItem.js";
 import { DualPageIcon as C } from "../../icons/SinglePageIcon.js";

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

@@ -8,7 +8,7 @@ import { UIButton as z } from "../../ui/Button.js";
 import { c as e } from "../../../ZoomTool.module-6c5eabbb.js";
 import { UIDropDown as U } from "../../ui/DropDown.js";
 import { useLayoutContainer as j } from "../../../contexts/LayoutContainerContext.js";
-import { G as b } from "../../../index-f4a9ae4d.js";
+import { G as b } from "../../../index-4ba3ab9a.js";
 import { MenuItem as u } from "./MenuItem.js";
 import { MenuSeparator as B } from "./MenuSeparator.js";
 import { useToolbarComponentContext as V } from "../../../contexts/ToolbarComponentContext.js";

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

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { FileDownloadDefaultIcon as r } from "../../../icons/FileDownloadDefaultIcon.js";
 import { UIButton as l } from "../../../ui/Button.js";
-import { b as d } from "../../../../ToolbarLayout.module-95e678ab.js";
+import { b as d } from "../../../../ToolbarLayout.module-edecdc4e.js";
 import m from "../../../ui/RPTooltip.js";
 import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
 const f = ({ children: t, className: n, localeMessages: o }) => /* @__PURE__ */ i(m, { className: n, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), c = ({ icon: t }) => {

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

@@ -1,6 +1,6 @@
 import { jsxs as u, Fragment as h, jsx as g } from "react/jsx-runtime";
 import { useState as d, useEffect as S, useCallback as o } from "react";
-import { u as x, i as p } from "../../../../ToolbarLayout.module-95e678ab.js";
+import { u as x, i as p } from "../../../../ToolbarLayout.module-edecdc4e.js";
 import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
 import y from "../../../ui/RPTooltip.js";
 import { UIInput as E } from "../../../ui/Input.js";

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

@@ -2,7 +2,7 @@ import { jsx as i, Fragment as l } from "react/jsx-runtime";
 import { useMemo as d } from "react";
 import { ChevronUpIcon as c } from "../../../icons/ChevronUpIcon.js";
 import { UIButton as f } from "../../../ui/Button.js";
-import { u as s } from "../../../../ToolbarLayout.module-95e678ab.js";
+import { u as s } from "../../../../ToolbarLayout.module-edecdc4e.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
 import "../../../../contexts/RPDocumentContext.js";

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

@@ -1,7 +1,7 @@
 import { jsx as r, Fragment as e } from "react/jsx-runtime";
 import { ChevronUpIcon as p } from "../../../icons/ChevronUpIcon.js";
 import { UIButton as m } from "../../../ui/Button.js";
-import { u as a } from "../../../../ToolbarLayout.module-95e678ab.js";
+import { u as a } from "../../../../ToolbarLayout.module-edecdc4e.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import P from "../../../ui/RPTooltip.js";
 const h = ({ icon: t }) => {

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { PrintDefaultTool as n } from "../../../icons/PrintDefaultIcon.js";
 import { UIButton as p } from "../../../ui/Button.js";
-import { c as m } from "../../../../ToolbarLayout.module-95e678ab.js";
+import { c as m } from "../../../../ToolbarLayout.module-edecdc4e.js";
 import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
 import T from "../../../ui/RPTooltip.js";
 const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), h = ({ icon: o }) => {

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as l } from "react/jsx-runtime";
-import { h } from "../../../../ToolbarLayout.module-95e678ab.js";
+import { h } from "../../../../ToolbarLayout.module-edecdc4e.js";
 import { ThumbnailIcon as p } from "../../../icons/Thumbnail.js";
 import { UIButton as u } from "../../../ui/Button.js";
 import a from "../../../ui/RPTooltip.js";

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

@@ -5,7 +5,7 @@ import { UIButton as T } from "../../../ui/Button.js";
 import { c as e } from "../../../../ZoomTool.module-6c5eabbb.js";
 import { UIDropDown as w } from "../../../ui/DropDown.js";
 import { useLayoutContainer as I } from "../../../../contexts/LayoutContainerContext.js";
-import { G as h } from "../../../../index-f4a9ae4d.js";
+import { G as h } from "../../../../index-4ba3ab9a.js";
 import { MenuItem as m } from "../MenuItem.js";
 import { MenuSeparator as b } from "../MenuSeparator.js";
 import A from "../../../ui/RPTooltip.js";

package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import { useState as d, useEffect as f } from "react";
 import "../../../../../contexts/RPDocumentContext.js";
 import "../../../../../contexts/DocumentPasswordContext.js";
-import { j as t, S as y, k as C, l as R } from "../../../../../ToolbarLayout.module-95e678ab.js";
+import { j as t, S as y, k as C, l as R } from "../../../../../ToolbarLayout.module-edecdc4e.js";
 import "../../../../../contexts/DarkModeContext.js";
 import "../../../../../contexts/RotationContext.js";
 import "../../../../../contexts/LayerContext.js";

package/dist/components/page/AnnotationLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { D as ao } from "../../ToolbarLayout.module-95e678ab.js";
+import { D as ao } from "../../ToolbarLayout.module-edecdc4e.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/CanvasLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { C as mr } from "../../ToolbarLayout.module-95e678ab.js";
+import { C as mr } from "../../ToolbarLayout.module-edecdc4e.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { H as p } from "../../ToolbarLayout.module-95e678ab.js";
+import { H as p } from "../../ToolbarLayout.module-edecdc4e.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { F as to } from "../../ToolbarLayout.module-95e678ab.js";
+import { F as to } from "../../ToolbarLayout.module-edecdc4e.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { I as m } from "../../ToolbarLayout.module-95e678ab.js";
+import { I as m } from "../../ToolbarLayout.module-edecdc4e.js";
 export {
   m as SinglePage
 };

package/dist/components/page/TextHighlightLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { E as mr } from "../../ToolbarLayout.module-95e678ab.js";
+import { E as mr } from "../../ToolbarLayout.module-edecdc4e.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";