@file-viewer/core 2.0.11 → 2.1.1

package/dist/renderers/pdfStyles.d.ts

@@ -1 +0,0 @@
-export declare const pdfViewerStyle = "/* Copyright 2014 Mozilla Foundation\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.textLayer {\n    color-scheme: only light;\n    position: absolute;\n    text-align: initial;\n    inset: 0;\n    overflow: clip;\n    opacity: 1;\n    line-height: 1;\n    letter-spacing: normal;\n    word-spacing: normal;\n    -webkit-text-size-adjust: none;\n    -moz-text-size-adjust: none;\n    text-size-adjust: none;\n    forced-color-adjust: none;\n    transform-origin: 0 0;\n    caret-color: CanvasText;\n    z-index: 0;\n    --min-font-size: 1;\n    --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));\n    --min-font-size-inv: calc(1 / var(--min-font-size));\n}\n\n.textLayer.highlighting {\n    touch-action: none;\n}\n\n.textLayer :is(span, br) {\n    color: transparent;\n    position: absolute;\n    white-space: pre;\n    cursor: text;\n    transform-origin: 0% 0%;\n    -webkit-user-select: text;\n    -moz-user-select: text;\n    user-select: text;\n}\n\n.textLayer > :not(.markedContent),\n.textLayer .markedContent span:not(.markedContent) {\n    z-index: 1;\n    --font-height: 0;\n    font-size: calc(var(--text-scale-factor) * var(--font-height));\n    --scale-x: 1;\n    --rotate: 0deg;\n    transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));\n}\n\n.textLayer .markedContent {\n    display: contents;\n}\n\n.textLayer .markedContent.highlight {\n    background: transparent;\n    backdrop-filter: none;\n    margin: 0;\n    padding: 0;\n}\n\n.textLayer span[role='img'] {\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n    cursor: default;\n}\n\n.textLayer .highlight {\n    --highlight-bg-color: rgb(180 0 170 / 0.25);\n    --highlight-selected-bg-color: rgb(0 100 0 / 0.25);\n    --highlight-backdrop-filter: none;\n    --highlight-selected-backdrop-filter: none;\n    margin: -1px;\n    padding: 1px;\n    background-color: var(--highlight-bg-color);\n    backdrop-filter: var(--highlight-backdrop-filter);\n    border-radius: 4px;\n}\n\n.textLayer .highlight.appended {\n    position: initial;\n}\n\n.textLayer .highlight.begin {\n    border-radius: 4px 0 0 4px;\n}\n\n.textLayer .highlight.end {\n    border-radius: 0 4px 4px 0;\n}\n\n.textLayer .highlight.middle {\n    border-radius: 0;\n}\n\n.textLayer .highlight.selected {\n    background-color: var(--highlight-selected-bg-color);\n    backdrop-filter: var(--highlight-selected-backdrop-filter);\n    scroll-margin-top: 50px;\n}\n\n.textLayer ::-moz-selection {\n    background: transparent;\n}\n\n.textLayer ::selection {\n    background: transparent;\n}\n\n.textLayer br::-moz-selection {\n    background: transparent;\n}\n\n.textLayer br::selection {\n    background: transparent;\n}\n\n.textLayer .endOfContent {\n    display: block;\n    position: absolute;\n    inset: 100% 0 0;\n    z-index: 0;\n    cursor: default;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n}\n\n.textLayer.selecting .endOfContent {\n    top: 0;\n}\n\n.textLayerImages {\n    position: absolute;\n    inset: 0;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n}\n\n.textLayerImages canvas {\n    position: absolute;\n    transform-origin: 0% 0%;\n}\n\n@media screen and (forced-colors: active) {\n    .textLayer .highlight {\n        --highlight-bg-color: transparent;\n        --highlight-selected-bg-color: transparent;\n        --highlight-backdrop-filter: var(--hcm-highlight-filter);\n        --highlight-selected-backdrop-filter: var(--hcm-highlight-selected-filter);\n    }\n}\n\n\n:root {\n    --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>\");\n}\n\n@media (forced-colors: active) {\n    .annotationLayer .textWidgetAnnotation input:required,\n    .annotationLayer .textWidgetAnnotation textarea:required,\n    .annotationLayer .choiceWidgetAnnotation select:required,\n    .annotationLayer .buttonWidgetAnnotation.checkBox input:required,\n    .annotationLayer .buttonWidgetAnnotation.radioButton input:required {\n        outline: 1.5px solid selectedItem;\n    }\n}\n\n.annotationLayer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    pointer-events: none;\n    transform-origin: 0 0;\n}\n\n.annotationLayer section {\n    position: absolute;\n    text-align: initial;\n    pointer-events: auto;\n    box-sizing: border-box;\n    transform-origin: 0 0;\n}\n\n.annotationLayer .linkAnnotation > a,\n.annotationLayer .buttonWidgetAnnotation.pushButton > a {\n    position: absolute;\n    font-size: 1em;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.annotationLayer .buttonWidgetAnnotation.pushButton > canvas {\n    width: 100%;\n    height: 100%;\n}\n\n.annotationLayer .linkAnnotation > a:hover,\n.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {\n    opacity: 0.2;\n    background: rgba(255, 255, 0, 1);\n    box-shadow: 0 2px 10px rgba(255, 255, 0, 1);\n}\n\n.annotationLayer .textAnnotation img {\n    position: absolute;\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n}\n\n.annotationLayer .textWidgetAnnotation input,\n.annotationLayer .textWidgetAnnotation textarea,\n.annotationLayer .choiceWidgetAnnotation select,\n.annotationLayer .buttonWidgetAnnotation.checkBox input,\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n    background-image: var(--annotation-unfocused-field-background);\n    border: 1px solid transparent;\n    box-sizing: border-box;\n    font: calc(9px * var(--scale-factor)) sans-serif;\n    height: 100%;\n    margin: 0;\n    vertical-align: top;\n    width: 100%;\n}\n\n.annotationLayer .textWidgetAnnotation input:required,\n.annotationLayer .textWidgetAnnotation textarea:required,\n.annotationLayer .choiceWidgetAnnotation select:required,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:required,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:required {\n    outline: 1.5px solid red;\n}\n\n.annotationLayer .choiceWidgetAnnotation select option {\n    padding: 0;\n}\n\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n    border-radius: 50%;\n}\n\n.annotationLayer .textWidgetAnnotation textarea {\n    resize: none;\n}\n\n.annotationLayer .textWidgetAnnotation input[disabled],\n.annotationLayer .textWidgetAnnotation textarea[disabled],\n.annotationLayer .choiceWidgetAnnotation select[disabled],\n.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],\n.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {\n    background: none;\n    border: 1px solid transparent;\n    cursor: not-allowed;\n}\n\n.annotationLayer .textWidgetAnnotation input:hover,\n.annotationLayer .textWidgetAnnotation textarea:hover,\n.annotationLayer .choiceWidgetAnnotation select:hover,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {\n    border: 1px solid rgba(0, 0, 0, 1);\n}\n\n.annotationLayer .textWidgetAnnotation input:focus,\n.annotationLayer .textWidgetAnnotation textarea:focus,\n.annotationLayer .choiceWidgetAnnotation select:focus {\n    background: none;\n    border: 1px solid transparent;\n}\n\n.annotationLayer .textWidgetAnnotation input :focus,\n.annotationLayer .textWidgetAnnotation textarea :focus,\n.annotationLayer .choiceWidgetAnnotation select :focus,\n.annotationLayer .buttonWidgetAnnotation.checkBox :focus,\n.annotationLayer .buttonWidgetAnnotation.radioButton :focus {\n    background-image: none;\n    background-color: transparent;\n    outline: auto;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {\n    background-color: CanvasText;\n    content: \"\";\n    display: block;\n    position: absolute;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {\n    height: 80%;\n    left: 45%;\n    width: 1px;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {\n    transform: rotate(45deg);\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {\n    transform: rotate(-45deg);\n}\n\n.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {\n    border-radius: 50%;\n    height: 50%;\n    left: 30%;\n    top: 20%;\n    width: 50%;\n}\n\n.annotationLayer .textWidgetAnnotation input.comb {\n    font-family: monospace;\n    padding-left: 2px;\n    padding-right: 0;\n}\n\n.annotationLayer .textWidgetAnnotation input.comb:focus {\n    /*\n     * Letter spacing is placed on the right side of each character. Hence, the\n     * letter spacing of the last character may be placed outside the visible\n     * area, causing horizontal scrolling. We avoid this by extending the width\n     * when the element has focus and revert this when it loses focus.\n     */\n    width: 103%;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input,\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n}\n\n.annotationLayer .popupTriggerArea {\n    height: 100%;\n    width: 100%;\n}\n\n.annotationLayer .popupWrapper {\n    position: absolute;\n    font-size: calc(9px * var(--scale-factor));\n    width: 100%;\n    min-width: calc(180px * var(--scale-factor));\n    pointer-events: none;\n}\n\n.annotationLayer .popup {\n    position: absolute;\n    z-index: 200;\n    max-width: calc(180px * var(--scale-factor));\n    background-color: rgba(255, 255, 153, 1);\n    box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor))\n    rgba(136, 136, 136, 1);\n    border-radius: calc(2px * var(--scale-factor));\n    padding: calc(6px * var(--scale-factor));\n    margin-left: calc(5px * var(--scale-factor));\n    cursor: pointer;\n    font: message-box;\n    white-space: normal;\n    word-wrap: break-word;\n    pointer-events: auto;\n}\n\n.annotationLayer .popup > * {\n    font-size: calc(9px * var(--scale-factor));\n}\n\n.annotationLayer .popup h1 {\n    display: inline-block;\n}\n\n.annotationLayer .popupDate {\n    display: inline-block;\n    margin-left: calc(5px * var(--scale-factor));\n}\n\n.annotationLayer .popupContent {\n    border-top: 1px solid rgba(51, 51, 51, 1);\n    margin-top: calc(2px * var(--scale-factor));\n    padding-top: calc(2px * var(--scale-factor));\n}\n\n.annotationLayer .richText > * {\n    white-space: pre-wrap;\n    font-size: calc(9px * var(--scale-factor));\n}\n\n.annotationLayer .highlightAnnotation,\n.annotationLayer .underlineAnnotation,\n.annotationLayer .squigglyAnnotation,\n.annotationLayer .strikeoutAnnotation,\n.annotationLayer .freeTextAnnotation,\n.annotationLayer .lineAnnotation svg line,\n.annotationLayer .squareAnnotation svg rect,\n.annotationLayer .circleAnnotation svg ellipse,\n.annotationLayer .polylineAnnotation svg polyline,\n.annotationLayer .polygonAnnotation svg polygon,\n.annotationLayer .caretAnnotation,\n.annotationLayer .inkAnnotation svg polyline,\n.annotationLayer .stampAnnotation,\n.annotationLayer .fileAttachmentAnnotation {\n    cursor: pointer;\n}\n\n.annotationLayer section svg {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n}\n\n\n:root {\n    --xfa-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>\");\n}\n\n@media (forced-colors: active) {\n    .xfaLayer *:required {\n        outline: 1.5px solid selectedItem;\n    }\n}\n\n.xfaLayer .highlight {\n    margin: -1px;\n    padding: 1px;\n    background-color: rgba(239, 203, 237, 1);\n    border-radius: 4px;\n}\n\n.xfaLayer .highlight.appended {\n    position: initial;\n}\n\n.xfaLayer .highlight.begin {\n    border-radius: 4px 0 0 4px;\n}\n\n.xfaLayer .highlight.end {\n    border-radius: 0 4px 4px 0;\n}\n\n.xfaLayer .highlight.middle {\n    border-radius: 0;\n}\n\n.xfaLayer .highlight.selected {\n    background-color: rgba(203, 223, 203, 1);\n}\n\n.xfaLayer ::-moz-selection {\n    background: rgba(0, 0, 255, 1);\n}\n\n.xfaLayer ::selection {\n    background: rgba(0, 0, 255, 1);\n}\n\n.xfaPage {\n    overflow: hidden;\n    position: relative;\n}\n\n.xfaContentarea {\n    position: absolute;\n}\n\n.xfaPrintOnly {\n    display: none;\n}\n\n.xfaLayer {\n    position: absolute;\n    text-align: initial;\n    top: 0;\n    left: 0;\n    transform-origin: 0 0;\n    line-height: 1.2;\n}\n\n.xfaLayer * {\n    color: inherit;\n    font: inherit;\n    font-style: inherit;\n    font-weight: inherit;\n    font-kerning: inherit;\n    letter-spacing: -0.01px;\n    text-align: inherit;\n    text-decoration: inherit;\n    box-sizing: border-box;\n    background-color: transparent;\n    padding: 0;\n    margin: 0;\n    pointer-events: auto;\n    line-height: inherit;\n}\n\n.xfaLayer *:required {\n    outline: 1.5px solid red;\n}\n\n.xfaLayer div {\n    pointer-events: none;\n}\n\n.xfaLayer svg {\n    pointer-events: none;\n}\n\n.xfaLayer svg * {\n    pointer-events: none;\n}\n\n.xfaLayer a {\n    color: blue;\n}\n\n.xfaRich li {\n    margin-left: 3em;\n}\n\n.xfaFont {\n    color: black;\n    font-weight: normal;\n    font-kerning: none;\n    font-size: 10px;\n    font-style: normal;\n    letter-spacing: 0;\n    text-decoration: none;\n    vertical-align: 0;\n}\n\n.xfaCaption {\n    overflow: hidden;\n    flex: 0 0 auto;\n}\n\n.xfaCaptionForCheckButton {\n    overflow: hidden;\n    flex: 1 1 auto;\n}\n\n.xfaLabel {\n    height: 100%;\n    width: 100%;\n}\n\n.xfaLeft {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n}\n\n.xfaRight {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n}\n\n.xfaLeft > .xfaCaption,\n.xfaLeft > .xfaCaptionForCheckButton,\n.xfaRight > .xfaCaption,\n.xfaRight > .xfaCaptionForCheckButton {\n    max-height: 100%;\n}\n\n.xfaTop {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.xfaBottom {\n    display: flex;\n    flex-direction: column-reverse;\n    align-items: flex-start;\n}\n\n.xfaTop > .xfaCaption,\n.xfaTop > .xfaCaptionForCheckButton,\n.xfaBottom > .xfaCaption,\n.xfaBottom > .xfaCaptionForCheckButton {\n    width: 100%;\n}\n\n.xfaBorder {\n    background-color: transparent;\n    position: absolute;\n    pointer-events: none;\n}\n\n.xfaWrapped {\n    width: 100%;\n    height: 100%;\n}\n\n.xfaTextfield:focus,\n.xfaSelect:focus {\n    background-image: none;\n    background-color: transparent;\n    outline: auto;\n    outline-offset: -1px;\n}\n\n.xfaCheckbox:focus,\n.xfaRadio:focus {\n    outline: auto;\n}\n\n.xfaTextfield,\n.xfaSelect {\n    height: 100%;\n    width: 100%;\n    flex: 1 1 auto;\n    border: none;\n    resize: none;\n    background-image: var(--xfa-unfocused-field-background);\n}\n\n.xfaTop > .xfaTextfield,\n.xfaTop > .xfaSelect,\n.xfaBottom > .xfaTextfield,\n.xfaBottom > .xfaSelect {\n    flex: 0 1 auto;\n}\n\n.xfaButton {\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    border: none;\n    text-align: center;\n}\n\n.xfaLink {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.xfaCheckbox,\n.xfaRadio {\n    width: 100%;\n    height: 100%;\n    flex: 0 0 auto;\n    border: none;\n}\n\n.xfaRich {\n    white-space: pre-wrap;\n    width: 100%;\n    height: 100%;\n}\n\n.xfaImage {\n    -o-object-position: left top;\n    object-position: left top;\n    -o-object-fit: contain;\n    object-fit: contain;\n    width: 100%;\n    height: 100%;\n}\n\n.xfaLrTb,\n.xfaRlTb,\n.xfaTb {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.xfaLr {\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n}\n\n.xfaRl {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: stretch;\n}\n\n.xfaTb > div {\n    justify-content: left;\n}\n\n.xfaPosition {\n    position: relative;\n}\n\n.xfaArea {\n    position: relative;\n}\n\n.xfaValignMiddle {\n    display: flex;\n    align-items: center;\n}\n\n.xfaTable {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.xfaTable .xfaRow {\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n}\n\n.xfaTable .xfaRlRow {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: stretch;\n    flex: 1;\n}\n\n.xfaTable .xfaRlRow > div {\n    flex: 1;\n}\n\n.xfaNonInteractive input,\n.xfaNonInteractive textarea,\n.xfaDisabled input,\n.xfaDisabled textarea,\n.xfaReadOnly input,\n.xfaReadOnly textarea {\n    background: initial;\n}\n\n@media print {\n    .xfaTextfield,\n    .xfaSelect {\n        background: transparent;\n    }\n\n    .xfaSelect {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        text-indent: 1px;\n        text-overflow: \"\";\n    }\n}\n\n\n:root {\n    --focus-outline: solid 2px red;\n    --hover-outline: dashed 2px blue;\n    --freetext-line-height: 1.35;\n    --freetext-padding: 2px;\n}\n\n@media (forced-colors: active) {\n    :root {\n        --focus-outline: solid 3px ButtonText;\n        --hover-outline: dashed 3px ButtonText;\n    }\n}\n\n[data-editor-rotation=\"90\"] {\n    transform: rotate(90deg);\n}\n[data-editor-rotation=\"180\"] {\n    transform: rotate(180deg);\n}\n[data-editor-rotation=\"270\"] {\n    transform: rotate(270deg);\n}\n\n.annotationEditorLayer {\n    background: transparent;\n    position: absolute;\n    top: 0;\n    left: 0;\n    font-size: calc(100px * var(--scale-factor));\n    transform-origin: 0 0;\n}\n\n.annotationEditorLayer .selectedEditor {\n    outline: var(--focus-outline);\n    resize: none;\n}\n\n.annotationEditorLayer .freeTextEditor {\n    position: absolute;\n    background: transparent;\n    border-radius: 3px;\n    padding: calc(var(--freetext-padding) * var(--scale-factor));\n    resize: none;\n    width: auto;\n    height: auto;\n    z-index: 1;\n    transform-origin: 0 0;\n    touch-action: none;\n}\n\n.annotationEditorLayer .freeTextEditor .internal {\n    background: transparent;\n    border: none;\n    top: 0;\n    left: 0;\n    overflow: visible;\n    white-space: nowrap;\n    resize: none;\n    font: 10px sans-serif;\n    line-height: var(--freetext-line-height);\n}\n\n.annotationEditorLayer .freeTextEditor .overlay {\n    position: absolute;\n    display: none;\n    background: transparent;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.annotationEditorLayer .freeTextEditor .overlay.enabled {\n    display: block;\n}\n\n.annotationEditorLayer .freeTextEditor .internal:empty::before {\n    content: attr(default-content);\n    color: gray;\n}\n\n.annotationEditorLayer .freeTextEditor .internal:focus {\n    outline: none;\n}\n\n.annotationEditorLayer .inkEditor.disabled {\n    resize: none;\n}\n\n.annotationEditorLayer .inkEditor.disabled.selectedEditor {\n    resize: horizontal;\n}\n\n.annotationEditorLayer .freeTextEditor:hover:not(.selectedEditor),\n.annotationEditorLayer .inkEditor:hover:not(.selectedEditor) {\n    outline: var(--hover-outline);\n}\n\n.annotationEditorLayer .inkEditor {\n    position: absolute;\n    background: transparent;\n    border-radius: 3px;\n    overflow: auto;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    transform-origin: 0 0;\n    cursor: auto;\n}\n\n.annotationEditorLayer .inkEditor.editing {\n    resize: none;\n    cursor: var(--editorInk-editing-cursor), pointer;\n}\n\n.annotationEditorLayer .inkEditor .inkEditorCanvas {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    touch-action: none;\n}\n\n:root {\n    --viewer-container-height: 0;\n    --pdfViewer-padding-bottom: 0;\n    --page-margin: 1px auto -8px;\n    --page-border: 9px solid transparent;\n    --page-border-image: url(images/shadow.png) 9 9 repeat;\n    --spreadHorizontalWrapped-margin-LR: -3.5px;\n    --scale-factor: 1;\n}\n\n@media screen and (forced-colors: active) {\n    :root {\n        --pdfViewer-padding-bottom: 9px;\n        --page-margin: 8px auto -1px;\n        --page-border: 1px solid CanvasText;\n        --page-border-image: none;\n        --spreadHorizontalWrapped-margin-LR: 3.5px;\n    }\n}\n\n.pdfViewer,\n.pdfViewer *,\n.pdfViewer *::before,\n.pdfViewer *::after {\n    box-sizing: content-box;\n}\n\n[data-main-rotation=\"90\"] {\n    transform: rotate(90deg) translateY(-100%);\n}\n[data-main-rotation=\"180\"] {\n    transform: rotate(180deg) translate(-100%, -100%);\n}\n[data-main-rotation=\"270\"] {\n    transform: rotate(270deg) translateX(-100%);\n}\n\n.pdfViewer {\n    padding-bottom: var(--pdfViewer-padding-bottom);\n}\n\n.pdfViewer .canvasWrapper {\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n}\n\n.pdfViewer .page {\n    --user-unit: 1;\n    --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));\n    --scale-round-x: 1px;\n    --scale-round-y: 1px;\n    direction: ltr;\n    width: 816px;\n    height: 1056px;\n    margin: var(--page-margin);\n    position: relative;\n    overflow: visible;\n    border: var(--page-border);\n    -o-border-image: var(--page-border-image);\n    border-image: var(--page-border-image);\n    background-clip: content-box;\n    background-color: rgba(255, 255, 255, 1);\n}\n\n.pdfViewer .dummyPage {\n    position: relative;\n    width: 0;\n    height: var(--viewer-container-height);\n}\n\n.pdfViewer.removePageBorders .page {\n    margin: 0 auto 10px;\n    border: none;\n}\n\n.pdfViewer.singlePageView {\n    display: inline-block;\n}\n\n.pdfViewer.singlePageView .page {\n    margin: 0;\n    border: none;\n}\n\n.pdfViewer.scrollHorizontal,\n.pdfViewer.scrollWrapped,\n.spread {\n    margin-left: 3.5px;\n    margin-right: 3.5px;\n    text-align: center;\n}\n\n.pdfViewer.scrollHorizontal,\n.spread {\n    white-space: nowrap;\n}\n\n.pdfViewer.removePageBorders,\n.pdfViewer.scrollHorizontal .spread,\n.pdfViewer.scrollWrapped .spread {\n    margin-left: 0;\n    margin-right: 0;\n}\n\n.spread .page,\n.spread .dummyPage,\n.pdfViewer.scrollHorizontal .page,\n.pdfViewer.scrollWrapped .page,\n.pdfViewer.scrollHorizontal .spread,\n.pdfViewer.scrollWrapped .spread {\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.spread .page,\n.pdfViewer.scrollHorizontal .page,\n.pdfViewer.scrollWrapped .page {\n    margin-left: var(--spreadHorizontalWrapped-margin-LR);\n    margin-right: var(--spreadHorizontalWrapped-margin-LR);\n}\n\n.pdfViewer.removePageBorders .spread .page,\n.pdfViewer.removePageBorders.scrollHorizontal .page,\n.pdfViewer.removePageBorders.scrollWrapped .page {\n    margin-left: 5px;\n    margin-right: 5px;\n}\n\n.pdfViewer .page canvas {\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    contain: content;\n}\n\n.pdfViewer .page canvas[hidden] {\n    display: none;\n}\n\n.pdfViewer .page .loadingIcon {\n    position: absolute;\n    display: block;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    background: url(\"./images/loading-icon.gif\") center no-repeat;\n}\n.pdfViewer .page .loadingIcon.notVisible {\n    background: none;\n}\n\n.pdfViewer.enablePermissions .textLayer span {\n    -webkit-user-select: none !important;\n    -moz-user-select: none !important;\n    user-select: none !important;\n    cursor: not-allowed;\n}\n\n.pdfPresentationMode .pdfViewer {\n    padding-bottom: 0;\n}\n\n.pdfPresentationMode .spread {\n    margin: 0;\n}\n\n.pdfPresentationMode .pdfViewer .page {\n    margin: 0 auto;\n    border: 2px solid transparent;\n}\n\n\n.pdf-shell {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    min-height: 0;\n    color: #1f2937;\n    background: #edf2f7;\n}\n\n.pdf-toolbar {\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    min-height: 48px;\n    padding: 6px 12px;\n    border-bottom: 1px solid #d7dee8;\n    background: #ffffff;\n    box-shadow: 0 1px 4px rgb(15 23 42 / 8%);\n}\n\n.pdf-toolbar-group {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    height: 36px;\n    padding: 0 6px;\n    border: 1px solid #dde5ef;\n    border-radius: 8px;\n    background: #f8fafc;\n}\n\n.pdf-toolbar-group--zoom {\n    margin-left: auto;\n}\n\n.pdf-toolbar-group--rotate {\n    flex-shrink: 0;\n}\n\n.pdf-icon-button,\n.pdf-scale-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 30px;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    color: #334155;\n    background: transparent;\n    font: inherit;\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;\n}\n\n.pdf-icon-button {\n    width: 30px;\n    font-size: 18px;\n}\n\n.pdf-scale-button {\n    width: 64px;\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.pdf-icon-button:hover:not(:disabled),\n.pdf-scale-button:hover {\n    border-color: #b9c8d8;\n    color: #1769d8;\n    background: #edf5ff;\n}\n\n.pdf-icon-button:disabled {\n    color: #a8b3c0;\n    cursor: not-allowed;\n}\n\n.pdf-icon-button--active {\n    border-color: #9ac2ff;\n    color: #1769d8;\n    background: #e7f1ff;\n}\n\n.pdf-panel-icon {\n    position: relative;\n    display: block;\n    width: 16px;\n    height: 14px;\n    border: 2px solid currentColor;\n    border-radius: 3px;\n}\n\n.pdf-panel-icon::before {\n    position: absolute;\n    top: -2px;\n    bottom: -2px;\n    left: 4px;\n    width: 2px;\n    background: currentColor;\n    content: '';\n}\n\n.pdf-page-meter {\n    display: inline-flex;\n    align-items: baseline;\n    justify-content: center;\n    min-width: 72px;\n    gap: 3px;\n    font-size: 13px;\n    color: #64748b;\n    white-space: nowrap;\n}\n\n.pdf-page-meter strong {\n    color: #1e293b;\n    font-size: 14px;\n}\n\n.pdf-rotation-meter {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 42px;\n    color: #64748b;\n    font-size: 13px;\n    font-weight: 700;\n    white-space: nowrap;\n}\n\n.pdf-content {\n    position: relative;\n    display: grid;\n    grid-template-columns: clamp(148px, 22%, 220px) minmax(0, 1fr);\n    flex: 1;\n    min-height: 0;\n}\n\n.pdf-shell--nav-hidden .pdf-content {\n    grid-template-columns: minmax(0, 1fr);\n}\n\n.pdf-nav-pane {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    min-height: 0;\n    overflow: hidden;\n    border-right: 1px solid #d7dee8;\n    background: #f8fafc;\n}\n\n.pdf-nav-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 44px;\n    padding: 0 12px;\n    border-bottom: 1px solid #e3e9f1;\n    color: #475569;\n    font-size: 13px;\n}\n\n.pdf-nav-head strong {\n    color: #1e293b;\n    font-size: 12px;\n}\n\n.pdf-nav-tabs {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 4px;\n    padding: 8px;\n    border-bottom: 1px solid #e3e9f1;\n    background: #f8fafc;\n}\n\n.pdf-nav-tabs button {\n    min-width: 0;\n    height: 30px;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    color: #64748b;\n    background: transparent;\n    font: inherit;\n    font-size: 12px;\n    font-weight: 700;\n    cursor: pointer;\n}\n\n.pdf-nav-tabs button:hover,\n.pdf-nav-tabs button.active {\n    border-color: #b9d4f6;\n    color: #1769d8;\n    background: #edf5ff;\n}\n\n.pdf-page-list {\n    flex: 1;\n    min-height: 0;\n    display: grid;\n    align-content: start;\n    gap: 8px;\n    padding: 10px;\n    overflow-y: auto;\n}\n\n.pdf-page-button {\n    display: grid;\n    grid-template-columns: 42px minmax(0, 1fr);\n    align-items: center;\n    gap: 10px;\n    width: 100%;\n    min-height: 54px;\n    padding: 6px 8px;\n    border: 1px solid #dce4ee;\n    border-radius: 8px;\n    color: #334155;\n    background: #ffffff;\n    cursor: pointer;\n    text-align: left;\n    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;\n}\n\n.pdf-page-button:hover {\n    border-color: #a9c5ea;\n    background: #f3f8ff;\n}\n\n.pdf-page-button--active {\n    border-color: #408fff;\n    background: #eaf3ff;\n    box-shadow: inset 3px 0 0 #408fff;\n}\n\n.pdf-page-thumb {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 42px;\n    border: 1px solid #d6e1ee;\n    border-radius: 4px;\n    color: #1769d8;\n    background: linear-gradient(180deg, #ffffff 0%, #edf5ff 100%);\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.pdf-page-label {\n    min-width: 0;\n    overflow: hidden;\n    font-size: 13px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.pdf-outline-list {\n    flex: 1;\n    min-height: 0;\n    display: grid;\n    align-content: start;\n    gap: 4px;\n    padding: 8px;\n    overflow-y: auto;\n}\n\n.pdf-outline-button {\n    --outline-depth: 0;\n    display: grid;\n    grid-template-columns: 16px minmax(0, 1fr);\n    align-items: center;\n    gap: 6px;\n    width: 100%;\n    min-height: 32px;\n    padding: 5px 7px 5px calc(7px + var(--outline-depth) * 14px);\n    border: 1px solid transparent;\n    border-radius: 6px;\n    color: #334155;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.pdf-outline-button:hover {\n    border-color: #c7d7eb;\n    background: #ffffff;\n}\n\n.pdf-outline-toggle {\n    position: relative;\n    width: 14px;\n    height: 14px;\n    border-radius: 4px;\n    color: #64748b;\n}\n\n.pdf-outline-toggle::before {\n    position: absolute;\n    top: 3px;\n    left: 4px;\n    width: 6px;\n    height: 6px;\n    border-right: 2px solid currentColor;\n    border-bottom: 2px solid currentColor;\n    content: '';\n    transform: rotate(-45deg);\n    transition: transform 0.16s ease;\n}\n\n.pdf-outline-toggle--open::before {\n    transform: rotate(45deg);\n}\n\n.pdf-outline-toggle--empty::before {\n    display: none;\n}\n\n.pdf-outline-title {\n    min-width: 0;\n    overflow: hidden;\n    font-size: 12px;\n    line-height: 1.35;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.pdf-outline-empty {\n    margin: 24px 8px;\n    padding: 14px 10px;\n    border: 1px dashed #cbd5e1;\n    border-radius: 8px;\n    color: #64748b;\n    background: #ffffff;\n    font-size: 12px;\n    text-align: center;\n}\n\n.pdfViewer {\n    margin: 0 auto;\n    padding: 18px 14px 28px;\n}\n\n.pdf-viewport {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n}\n\n.pdf-wrapper {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    background: #e8edf4;\n}\n\n.pdf-state {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 168px;\n    min-height: 42px;\n    padding: 0 16px;\n    border: 1px solid #d7dee8;\n    border-radius: 8px;\n    color: #475569;\n    background: #ffffff;\n    box-shadow: 0 10px 30px rgb(15 23 42 / 12%);\n    transform: translate(-50%, -50%);\n}\n\n.pdf-state--error {\n    max-width: min(460px, calc(100% - 32px));\n    color: #b42318;\n    text-align: center;\n}\n\n@media (max-width: 720px) {\n    .pdf-toolbar {\n        flex-wrap: wrap;\n        min-height: 88px;\n        align-content: center;\n    }\n\n    .pdf-toolbar-group--zoom {\n        margin-left: 0;\n    }\n\n    .pdf-content,\n    .pdf-shell--nav-hidden .pdf-content {\n        grid-template-columns: minmax(0, 1fr);\n    }\n\n    .pdf-nav-pane {\n        position: absolute;\n        z-index: 3;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        width: min(78vw, 240px);\n        box-shadow: 10px 0 24px rgb(15 23 42 / 14%);\n    }\n}\n";

package/dist/renderers/pdfStyles.js

@@ -1 +0,0 @@
-export const pdfViewerStyle = "/* Copyright 2014 Mozilla Foundation\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.textLayer {\n    color-scheme: only light;\n    position: absolute;\n    text-align: initial;\n    inset: 0;\n    overflow: clip;\n    opacity: 1;\n    line-height: 1;\n    letter-spacing: normal;\n    word-spacing: normal;\n    -webkit-text-size-adjust: none;\n    -moz-text-size-adjust: none;\n    text-size-adjust: none;\n    forced-color-adjust: none;\n    transform-origin: 0 0;\n    caret-color: CanvasText;\n    z-index: 0;\n    --min-font-size: 1;\n    --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));\n    --min-font-size-inv: calc(1 / var(--min-font-size));\n}\n\n.textLayer.highlighting {\n    touch-action: none;\n}\n\n.textLayer :is(span, br) {\n    color: transparent;\n    position: absolute;\n    white-space: pre;\n    cursor: text;\n    transform-origin: 0% 0%;\n    -webkit-user-select: text;\n    -moz-user-select: text;\n    user-select: text;\n}\n\n.textLayer > :not(.markedContent),\n.textLayer .markedContent span:not(.markedContent) {\n    z-index: 1;\n    --font-height: 0;\n    font-size: calc(var(--text-scale-factor) * var(--font-height));\n    --scale-x: 1;\n    --rotate: 0deg;\n    transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));\n}\n\n.textLayer .markedContent {\n    display: contents;\n}\n\n.textLayer .markedContent.highlight {\n    background: transparent;\n    backdrop-filter: none;\n    margin: 0;\n    padding: 0;\n}\n\n.textLayer span[role='img'] {\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n    cursor: default;\n}\n\n.textLayer .highlight {\n    --highlight-bg-color: rgb(180 0 170 / 0.25);\n    --highlight-selected-bg-color: rgb(0 100 0 / 0.25);\n    --highlight-backdrop-filter: none;\n    --highlight-selected-backdrop-filter: none;\n    margin: -1px;\n    padding: 1px;\n    background-color: var(--highlight-bg-color);\n    backdrop-filter: var(--highlight-backdrop-filter);\n    border-radius: 4px;\n}\n\n.textLayer .highlight.appended {\n    position: initial;\n}\n\n.textLayer .highlight.begin {\n    border-radius: 4px 0 0 4px;\n}\n\n.textLayer .highlight.end {\n    border-radius: 0 4px 4px 0;\n}\n\n.textLayer .highlight.middle {\n    border-radius: 0;\n}\n\n.textLayer .highlight.selected {\n    background-color: var(--highlight-selected-bg-color);\n    backdrop-filter: var(--highlight-selected-backdrop-filter);\n    scroll-margin-top: 50px;\n}\n\n.textLayer ::-moz-selection {\n    background: transparent;\n}\n\n.textLayer ::selection {\n    background: transparent;\n}\n\n.textLayer br::-moz-selection {\n    background: transparent;\n}\n\n.textLayer br::selection {\n    background: transparent;\n}\n\n.textLayer .endOfContent {\n    display: block;\n    position: absolute;\n    inset: 100% 0 0;\n    z-index: 0;\n    cursor: default;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n}\n\n.textLayer.selecting .endOfContent {\n    top: 0;\n}\n\n.textLayerImages {\n    position: absolute;\n    inset: 0;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n}\n\n.textLayerImages canvas {\n    position: absolute;\n    transform-origin: 0% 0%;\n}\n\n@media screen and (forced-colors: active) {\n    .textLayer .highlight {\n        --highlight-bg-color: transparent;\n        --highlight-selected-bg-color: transparent;\n        --highlight-backdrop-filter: var(--hcm-highlight-filter);\n        --highlight-selected-backdrop-filter: var(--hcm-highlight-selected-filter);\n    }\n}\n\n\n:root {\n    --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>\");\n}\n\n@media (forced-colors: active) {\n    .annotationLayer .textWidgetAnnotation input:required,\n    .annotationLayer .textWidgetAnnotation textarea:required,\n    .annotationLayer .choiceWidgetAnnotation select:required,\n    .annotationLayer .buttonWidgetAnnotation.checkBox input:required,\n    .annotationLayer .buttonWidgetAnnotation.radioButton input:required {\n        outline: 1.5px solid selectedItem;\n    }\n}\n\n.annotationLayer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    pointer-events: none;\n    transform-origin: 0 0;\n}\n\n.annotationLayer section {\n    position: absolute;\n    text-align: initial;\n    pointer-events: auto;\n    box-sizing: border-box;\n    transform-origin: 0 0;\n}\n\n.annotationLayer .linkAnnotation > a,\n.annotationLayer .buttonWidgetAnnotation.pushButton > a {\n    position: absolute;\n    font-size: 1em;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.annotationLayer .buttonWidgetAnnotation.pushButton > canvas {\n    width: 100%;\n    height: 100%;\n}\n\n.annotationLayer .linkAnnotation > a:hover,\n.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {\n    opacity: 0.2;\n    background: rgba(255, 255, 0, 1);\n    box-shadow: 0 2px 10px rgba(255, 255, 0, 1);\n}\n\n.annotationLayer .textAnnotation img {\n    position: absolute;\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n}\n\n.annotationLayer .textWidgetAnnotation input,\n.annotationLayer .textWidgetAnnotation textarea,\n.annotationLayer .choiceWidgetAnnotation select,\n.annotationLayer .buttonWidgetAnnotation.checkBox input,\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n    background-image: var(--annotation-unfocused-field-background);\n    border: 1px solid transparent;\n    box-sizing: border-box;\n    font: calc(9px * var(--scale-factor)) sans-serif;\n    height: 100%;\n    margin: 0;\n    vertical-align: top;\n    width: 100%;\n}\n\n.annotationLayer .textWidgetAnnotation input:required,\n.annotationLayer .textWidgetAnnotation textarea:required,\n.annotationLayer .choiceWidgetAnnotation select:required,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:required,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:required {\n    outline: 1.5px solid red;\n}\n\n.annotationLayer .choiceWidgetAnnotation select option {\n    padding: 0;\n}\n\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n    border-radius: 50%;\n}\n\n.annotationLayer .textWidgetAnnotation textarea {\n    resize: none;\n}\n\n.annotationLayer .textWidgetAnnotation input[disabled],\n.annotationLayer .textWidgetAnnotation textarea[disabled],\n.annotationLayer .choiceWidgetAnnotation select[disabled],\n.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],\n.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {\n    background: none;\n    border: 1px solid transparent;\n    cursor: not-allowed;\n}\n\n.annotationLayer .textWidgetAnnotation input:hover,\n.annotationLayer .textWidgetAnnotation textarea:hover,\n.annotationLayer .choiceWidgetAnnotation select:hover,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {\n    border: 1px solid rgba(0, 0, 0, 1);\n}\n\n.annotationLayer .textWidgetAnnotation input:focus,\n.annotationLayer .textWidgetAnnotation textarea:focus,\n.annotationLayer .choiceWidgetAnnotation select:focus {\n    background: none;\n    border: 1px solid transparent;\n}\n\n.annotationLayer .textWidgetAnnotation input :focus,\n.annotationLayer .textWidgetAnnotation textarea :focus,\n.annotationLayer .choiceWidgetAnnotation select :focus,\n.annotationLayer .buttonWidgetAnnotation.checkBox :focus,\n.annotationLayer .buttonWidgetAnnotation.radioButton :focus {\n    background-image: none;\n    background-color: transparent;\n    outline: auto;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {\n    background-color: CanvasText;\n    content: \"\";\n    display: block;\n    position: absolute;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {\n    height: 80%;\n    left: 45%;\n    width: 1px;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {\n    transform: rotate(45deg);\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {\n    transform: rotate(-45deg);\n}\n\n.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {\n    border-radius: 50%;\n    height: 50%;\n    left: 30%;\n    top: 20%;\n    width: 50%;\n}\n\n.annotationLayer .textWidgetAnnotation input.comb {\n    font-family: monospace;\n    padding-left: 2px;\n    padding-right: 0;\n}\n\n.annotationLayer .textWidgetAnnotation input.comb:focus {\n    /*\n     * Letter spacing is placed on the right side of each character. Hence, the\n     * letter spacing of the last character may be placed outside the visible\n     * area, causing horizontal scrolling. We avoid this by extending the width\n     * when the element has focus and revert this when it loses focus.\n     */\n    width: 103%;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input,\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n}\n\n.annotationLayer .popupTriggerArea {\n    height: 100%;\n    width: 100%;\n}\n\n.annotationLayer .popupWrapper {\n    position: absolute;\n    font-size: calc(9px * var(--scale-factor));\n    width: 100%;\n    min-width: calc(180px * var(--scale-factor));\n    pointer-events: none;\n}\n\n.annotationLayer .popup {\n    position: absolute;\n    z-index: 200;\n    max-width: calc(180px * var(--scale-factor));\n    background-color: rgba(255, 255, 153, 1);\n    box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor))\n    rgba(136, 136, 136, 1);\n    border-radius: calc(2px * var(--scale-factor));\n    padding: calc(6px * var(--scale-factor));\n    margin-left: calc(5px * var(--scale-factor));\n    cursor: pointer;\n    font: message-box;\n    white-space: normal;\n    word-wrap: break-word;\n    pointer-events: auto;\n}\n\n.annotationLayer .popup > * {\n    font-size: calc(9px * var(--scale-factor));\n}\n\n.annotationLayer .popup h1 {\n    display: inline-block;\n}\n\n.annotationLayer .popupDate {\n    display: inline-block;\n    margin-left: calc(5px * var(--scale-factor));\n}\n\n.annotationLayer .popupContent {\n    border-top: 1px solid rgba(51, 51, 51, 1);\n    margin-top: calc(2px * var(--scale-factor));\n    padding-top: calc(2px * var(--scale-factor));\n}\n\n.annotationLayer .richText > * {\n    white-space: pre-wrap;\n    font-size: calc(9px * var(--scale-factor));\n}\n\n.annotationLayer .highlightAnnotation,\n.annotationLayer .underlineAnnotation,\n.annotationLayer .squigglyAnnotation,\n.annotationLayer .strikeoutAnnotation,\n.annotationLayer .freeTextAnnotation,\n.annotationLayer .lineAnnotation svg line,\n.annotationLayer .squareAnnotation svg rect,\n.annotationLayer .circleAnnotation svg ellipse,\n.annotationLayer .polylineAnnotation svg polyline,\n.annotationLayer .polygonAnnotation svg polygon,\n.annotationLayer .caretAnnotation,\n.annotationLayer .inkAnnotation svg polyline,\n.annotationLayer .stampAnnotation,\n.annotationLayer .fileAttachmentAnnotation {\n    cursor: pointer;\n}\n\n.annotationLayer section svg {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n}\n\n\n:root {\n    --xfa-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>\");\n}\n\n@media (forced-colors: active) {\n    .xfaLayer *:required {\n        outline: 1.5px solid selectedItem;\n    }\n}\n\n.xfaLayer .highlight {\n    margin: -1px;\n    padding: 1px;\n    background-color: rgba(239, 203, 237, 1);\n    border-radius: 4px;\n}\n\n.xfaLayer .highlight.appended {\n    position: initial;\n}\n\n.xfaLayer .highlight.begin {\n    border-radius: 4px 0 0 4px;\n}\n\n.xfaLayer .highlight.end {\n    border-radius: 0 4px 4px 0;\n}\n\n.xfaLayer .highlight.middle {\n    border-radius: 0;\n}\n\n.xfaLayer .highlight.selected {\n    background-color: rgba(203, 223, 203, 1);\n}\n\n.xfaLayer ::-moz-selection {\n    background: rgba(0, 0, 255, 1);\n}\n\n.xfaLayer ::selection {\n    background: rgba(0, 0, 255, 1);\n}\n\n.xfaPage {\n    overflow: hidden;\n    position: relative;\n}\n\n.xfaContentarea {\n    position: absolute;\n}\n\n.xfaPrintOnly {\n    display: none;\n}\n\n.xfaLayer {\n    position: absolute;\n    text-align: initial;\n    top: 0;\n    left: 0;\n    transform-origin: 0 0;\n    line-height: 1.2;\n}\n\n.xfaLayer * {\n    color: inherit;\n    font: inherit;\n    font-style: inherit;\n    font-weight: inherit;\n    font-kerning: inherit;\n    letter-spacing: -0.01px;\n    text-align: inherit;\n    text-decoration: inherit;\n    box-sizing: border-box;\n    background-color: transparent;\n    padding: 0;\n    margin: 0;\n    pointer-events: auto;\n    line-height: inherit;\n}\n\n.xfaLayer *:required {\n    outline: 1.5px solid red;\n}\n\n.xfaLayer div {\n    pointer-events: none;\n}\n\n.xfaLayer svg {\n    pointer-events: none;\n}\n\n.xfaLayer svg * {\n    pointer-events: none;\n}\n\n.xfaLayer a {\n    color: blue;\n}\n\n.xfaRich li {\n    margin-left: 3em;\n}\n\n.xfaFont {\n    color: black;\n    font-weight: normal;\n    font-kerning: none;\n    font-size: 10px;\n    font-style: normal;\n    letter-spacing: 0;\n    text-decoration: none;\n    vertical-align: 0;\n}\n\n.xfaCaption {\n    overflow: hidden;\n    flex: 0 0 auto;\n}\n\n.xfaCaptionForCheckButton {\n    overflow: hidden;\n    flex: 1 1 auto;\n}\n\n.xfaLabel {\n    height: 100%;\n    width: 100%;\n}\n\n.xfaLeft {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n}\n\n.xfaRight {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n}\n\n.xfaLeft > .xfaCaption,\n.xfaLeft > .xfaCaptionForCheckButton,\n.xfaRight > .xfaCaption,\n.xfaRight > .xfaCaptionForCheckButton {\n    max-height: 100%;\n}\n\n.xfaTop {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.xfaBottom {\n    display: flex;\n    flex-direction: column-reverse;\n    align-items: flex-start;\n}\n\n.xfaTop > .xfaCaption,\n.xfaTop > .xfaCaptionForCheckButton,\n.xfaBottom > .xfaCaption,\n.xfaBottom > .xfaCaptionForCheckButton {\n    width: 100%;\n}\n\n.xfaBorder {\n    background-color: transparent;\n    position: absolute;\n    pointer-events: none;\n}\n\n.xfaWrapped {\n    width: 100%;\n    height: 100%;\n}\n\n.xfaTextfield:focus,\n.xfaSelect:focus {\n    background-image: none;\n    background-color: transparent;\n    outline: auto;\n    outline-offset: -1px;\n}\n\n.xfaCheckbox:focus,\n.xfaRadio:focus {\n    outline: auto;\n}\n\n.xfaTextfield,\n.xfaSelect {\n    height: 100%;\n    width: 100%;\n    flex: 1 1 auto;\n    border: none;\n    resize: none;\n    background-image: var(--xfa-unfocused-field-background);\n}\n\n.xfaTop > .xfaTextfield,\n.xfaTop > .xfaSelect,\n.xfaBottom > .xfaTextfield,\n.xfaBottom > .xfaSelect {\n    flex: 0 1 auto;\n}\n\n.xfaButton {\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    border: none;\n    text-align: center;\n}\n\n.xfaLink {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.xfaCheckbox,\n.xfaRadio {\n    width: 100%;\n    height: 100%;\n    flex: 0 0 auto;\n    border: none;\n}\n\n.xfaRich {\n    white-space: pre-wrap;\n    width: 100%;\n    height: 100%;\n}\n\n.xfaImage {\n    -o-object-position: left top;\n    object-position: left top;\n    -o-object-fit: contain;\n    object-fit: contain;\n    width: 100%;\n    height: 100%;\n}\n\n.xfaLrTb,\n.xfaRlTb,\n.xfaTb {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.xfaLr {\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n}\n\n.xfaRl {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: stretch;\n}\n\n.xfaTb > div {\n    justify-content: left;\n}\n\n.xfaPosition {\n    position: relative;\n}\n\n.xfaArea {\n    position: relative;\n}\n\n.xfaValignMiddle {\n    display: flex;\n    align-items: center;\n}\n\n.xfaTable {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.xfaTable .xfaRow {\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n}\n\n.xfaTable .xfaRlRow {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: stretch;\n    flex: 1;\n}\n\n.xfaTable .xfaRlRow > div {\n    flex: 1;\n}\n\n.xfaNonInteractive input,\n.xfaNonInteractive textarea,\n.xfaDisabled input,\n.xfaDisabled textarea,\n.xfaReadOnly input,\n.xfaReadOnly textarea {\n    background: initial;\n}\n\n@media print {\n    .xfaTextfield,\n    .xfaSelect {\n        background: transparent;\n    }\n\n    .xfaSelect {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        text-indent: 1px;\n        text-overflow: \"\";\n    }\n}\n\n\n:root {\n    --focus-outline: solid 2px red;\n    --hover-outline: dashed 2px blue;\n    --freetext-line-height: 1.35;\n    --freetext-padding: 2px;\n}\n\n@media (forced-colors: active) {\n    :root {\n        --focus-outline: solid 3px ButtonText;\n        --hover-outline: dashed 3px ButtonText;\n    }\n}\n\n[data-editor-rotation=\"90\"] {\n    transform: rotate(90deg);\n}\n[data-editor-rotation=\"180\"] {\n    transform: rotate(180deg);\n}\n[data-editor-rotation=\"270\"] {\n    transform: rotate(270deg);\n}\n\n.annotationEditorLayer {\n    background: transparent;\n    position: absolute;\n    top: 0;\n    left: 0;\n    font-size: calc(100px * var(--scale-factor));\n    transform-origin: 0 0;\n}\n\n.annotationEditorLayer .selectedEditor {\n    outline: var(--focus-outline);\n    resize: none;\n}\n\n.annotationEditorLayer .freeTextEditor {\n    position: absolute;\n    background: transparent;\n    border-radius: 3px;\n    padding: calc(var(--freetext-padding) * var(--scale-factor));\n    resize: none;\n    width: auto;\n    height: auto;\n    z-index: 1;\n    transform-origin: 0 0;\n    touch-action: none;\n}\n\n.annotationEditorLayer .freeTextEditor .internal {\n    background: transparent;\n    border: none;\n    top: 0;\n    left: 0;\n    overflow: visible;\n    white-space: nowrap;\n    resize: none;\n    font: 10px sans-serif;\n    line-height: var(--freetext-line-height);\n}\n\n.annotationEditorLayer .freeTextEditor .overlay {\n    position: absolute;\n    display: none;\n    background: transparent;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.annotationEditorLayer .freeTextEditor .overlay.enabled {\n    display: block;\n}\n\n.annotationEditorLayer .freeTextEditor .internal:empty::before {\n    content: attr(default-content);\n    color: gray;\n}\n\n.annotationEditorLayer .freeTextEditor .internal:focus {\n    outline: none;\n}\n\n.annotationEditorLayer .inkEditor.disabled {\n    resize: none;\n}\n\n.annotationEditorLayer .inkEditor.disabled.selectedEditor {\n    resize: horizontal;\n}\n\n.annotationEditorLayer .freeTextEditor:hover:not(.selectedEditor),\n.annotationEditorLayer .inkEditor:hover:not(.selectedEditor) {\n    outline: var(--hover-outline);\n}\n\n.annotationEditorLayer .inkEditor {\n    position: absolute;\n    background: transparent;\n    border-radius: 3px;\n    overflow: auto;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    transform-origin: 0 0;\n    cursor: auto;\n}\n\n.annotationEditorLayer .inkEditor.editing {\n    resize: none;\n    cursor: var(--editorInk-editing-cursor), pointer;\n}\n\n.annotationEditorLayer .inkEditor .inkEditorCanvas {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    touch-action: none;\n}\n\n:root {\n    --viewer-container-height: 0;\n    --pdfViewer-padding-bottom: 0;\n    --page-margin: 1px auto -8px;\n    --page-border: 9px solid transparent;\n    --page-border-image: url(images/shadow.png) 9 9 repeat;\n    --spreadHorizontalWrapped-margin-LR: -3.5px;\n    --scale-factor: 1;\n}\n\n@media screen and (forced-colors: active) {\n    :root {\n        --pdfViewer-padding-bottom: 9px;\n        --page-margin: 8px auto -1px;\n        --page-border: 1px solid CanvasText;\n        --page-border-image: none;\n        --spreadHorizontalWrapped-margin-LR: 3.5px;\n    }\n}\n\n.pdfViewer,\n.pdfViewer *,\n.pdfViewer *::before,\n.pdfViewer *::after {\n    box-sizing: content-box;\n}\n\n[data-main-rotation=\"90\"] {\n    transform: rotate(90deg) translateY(-100%);\n}\n[data-main-rotation=\"180\"] {\n    transform: rotate(180deg) translate(-100%, -100%);\n}\n[data-main-rotation=\"270\"] {\n    transform: rotate(270deg) translateX(-100%);\n}\n\n.pdfViewer {\n    padding-bottom: var(--pdfViewer-padding-bottom);\n}\n\n.pdfViewer .canvasWrapper {\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n}\n\n.pdfViewer .page {\n    --user-unit: 1;\n    --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));\n    --scale-round-x: 1px;\n    --scale-round-y: 1px;\n    direction: ltr;\n    width: 816px;\n    height: 1056px;\n    margin: var(--page-margin);\n    position: relative;\n    overflow: visible;\n    border: var(--page-border);\n    -o-border-image: var(--page-border-image);\n    border-image: var(--page-border-image);\n    background-clip: content-box;\n    background-color: rgba(255, 255, 255, 1);\n}\n\n.pdfViewer .dummyPage {\n    position: relative;\n    width: 0;\n    height: var(--viewer-container-height);\n}\n\n.pdfViewer.removePageBorders .page {\n    margin: 0 auto 10px;\n    border: none;\n}\n\n.pdfViewer.singlePageView {\n    display: inline-block;\n}\n\n.pdfViewer.singlePageView .page {\n    margin: 0;\n    border: none;\n}\n\n.pdfViewer.scrollHorizontal,\n.pdfViewer.scrollWrapped,\n.spread {\n    margin-left: 3.5px;\n    margin-right: 3.5px;\n    text-align: center;\n}\n\n.pdfViewer.scrollHorizontal,\n.spread {\n    white-space: nowrap;\n}\n\n.pdfViewer.removePageBorders,\n.pdfViewer.scrollHorizontal .spread,\n.pdfViewer.scrollWrapped .spread {\n    margin-left: 0;\n    margin-right: 0;\n}\n\n.spread .page,\n.spread .dummyPage,\n.pdfViewer.scrollHorizontal .page,\n.pdfViewer.scrollWrapped .page,\n.pdfViewer.scrollHorizontal .spread,\n.pdfViewer.scrollWrapped .spread {\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.spread .page,\n.pdfViewer.scrollHorizontal .page,\n.pdfViewer.scrollWrapped .page {\n    margin-left: var(--spreadHorizontalWrapped-margin-LR);\n    margin-right: var(--spreadHorizontalWrapped-margin-LR);\n}\n\n.pdfViewer.removePageBorders .spread .page,\n.pdfViewer.removePageBorders.scrollHorizontal .page,\n.pdfViewer.removePageBorders.scrollWrapped .page {\n    margin-left: 5px;\n    margin-right: 5px;\n}\n\n.pdfViewer .page canvas {\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    contain: content;\n}\n\n.pdfViewer .page canvas[hidden] {\n    display: none;\n}\n\n.pdfViewer .page .loadingIcon {\n    position: absolute;\n    display: block;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    background: url(\"./images/loading-icon.gif\") center no-repeat;\n}\n.pdfViewer .page .loadingIcon.notVisible {\n    background: none;\n}\n\n.pdfViewer.enablePermissions .textLayer span {\n    -webkit-user-select: none !important;\n    -moz-user-select: none !important;\n    user-select: none !important;\n    cursor: not-allowed;\n}\n\n.pdfPresentationMode .pdfViewer {\n    padding-bottom: 0;\n}\n\n.pdfPresentationMode .spread {\n    margin: 0;\n}\n\n.pdfPresentationMode .pdfViewer .page {\n    margin: 0 auto;\n    border: 2px solid transparent;\n}\n\n\n.pdf-shell {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    min-height: 0;\n    color: #1f2937;\n    background: #edf2f7;\n}\n\n.pdf-toolbar {\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    min-height: 48px;\n    padding: 6px 12px;\n    border-bottom: 1px solid #d7dee8;\n    background: #ffffff;\n    box-shadow: 0 1px 4px rgb(15 23 42 / 8%);\n}\n\n.pdf-toolbar-group {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    height: 36px;\n    padding: 0 6px;\n    border: 1px solid #dde5ef;\n    border-radius: 8px;\n    background: #f8fafc;\n}\n\n.pdf-toolbar-group--zoom {\n    margin-left: auto;\n}\n\n.pdf-toolbar-group--rotate {\n    flex-shrink: 0;\n}\n\n.pdf-icon-button,\n.pdf-scale-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 30px;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    color: #334155;\n    background: transparent;\n    font: inherit;\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;\n}\n\n.pdf-icon-button {\n    width: 30px;\n    font-size: 18px;\n}\n\n.pdf-scale-button {\n    width: 64px;\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.pdf-icon-button:hover:not(:disabled),\n.pdf-scale-button:hover {\n    border-color: #b9c8d8;\n    color: #1769d8;\n    background: #edf5ff;\n}\n\n.pdf-icon-button:disabled {\n    color: #a8b3c0;\n    cursor: not-allowed;\n}\n\n.pdf-icon-button--active {\n    border-color: #9ac2ff;\n    color: #1769d8;\n    background: #e7f1ff;\n}\n\n.pdf-panel-icon {\n    position: relative;\n    display: block;\n    width: 16px;\n    height: 14px;\n    border: 2px solid currentColor;\n    border-radius: 3px;\n}\n\n.pdf-panel-icon::before {\n    position: absolute;\n    top: -2px;\n    bottom: -2px;\n    left: 4px;\n    width: 2px;\n    background: currentColor;\n    content: '';\n}\n\n.pdf-page-meter {\n    display: inline-flex;\n    align-items: baseline;\n    justify-content: center;\n    min-width: 72px;\n    gap: 3px;\n    font-size: 13px;\n    color: #64748b;\n    white-space: nowrap;\n}\n\n.pdf-page-meter strong {\n    color: #1e293b;\n    font-size: 14px;\n}\n\n.pdf-rotation-meter {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 42px;\n    color: #64748b;\n    font-size: 13px;\n    font-weight: 700;\n    white-space: nowrap;\n}\n\n.pdf-content {\n    position: relative;\n    display: grid;\n    grid-template-columns: clamp(148px, 22%, 220px) minmax(0, 1fr);\n    flex: 1;\n    min-height: 0;\n}\n\n.pdf-shell--nav-hidden .pdf-content {\n    grid-template-columns: minmax(0, 1fr);\n}\n\n.pdf-nav-pane {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    min-height: 0;\n    overflow: hidden;\n    border-right: 1px solid #d7dee8;\n    background: #f8fafc;\n}\n\n.pdf-nav-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 44px;\n    padding: 0 12px;\n    border-bottom: 1px solid #e3e9f1;\n    color: #475569;\n    font-size: 13px;\n}\n\n.pdf-nav-head strong {\n    color: #1e293b;\n    font-size: 12px;\n}\n\n.pdf-nav-tabs {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 4px;\n    padding: 8px;\n    border-bottom: 1px solid #e3e9f1;\n    background: #f8fafc;\n}\n\n.pdf-nav-tabs button {\n    min-width: 0;\n    height: 30px;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    color: #64748b;\n    background: transparent;\n    font: inherit;\n    font-size: 12px;\n    font-weight: 700;\n    cursor: pointer;\n}\n\n.pdf-nav-tabs button:hover,\n.pdf-nav-tabs button.active {\n    border-color: #b9d4f6;\n    color: #1769d8;\n    background: #edf5ff;\n}\n\n.pdf-page-list {\n    flex: 1;\n    min-height: 0;\n    display: grid;\n    align-content: start;\n    gap: 8px;\n    padding: 10px;\n    overflow-y: auto;\n}\n\n.pdf-page-button {\n    display: grid;\n    grid-template-columns: 42px minmax(0, 1fr);\n    align-items: center;\n    gap: 10px;\n    width: 100%;\n    min-height: 54px;\n    padding: 6px 8px;\n    border: 1px solid #dce4ee;\n    border-radius: 8px;\n    color: #334155;\n    background: #ffffff;\n    cursor: pointer;\n    text-align: left;\n    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;\n}\n\n.pdf-page-button:hover {\n    border-color: #a9c5ea;\n    background: #f3f8ff;\n}\n\n.pdf-page-button--active {\n    border-color: #408fff;\n    background: #eaf3ff;\n    box-shadow: inset 3px 0 0 #408fff;\n}\n\n.pdf-page-thumb {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 42px;\n    border: 1px solid #d6e1ee;\n    border-radius: 4px;\n    color: #1769d8;\n    background: linear-gradient(180deg, #ffffff 0%, #edf5ff 100%);\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.pdf-page-label {\n    min-width: 0;\n    overflow: hidden;\n    font-size: 13px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.pdf-outline-list {\n    flex: 1;\n    min-height: 0;\n    display: grid;\n    align-content: start;\n    gap: 4px;\n    padding: 8px;\n    overflow-y: auto;\n}\n\n.pdf-outline-button {\n    --outline-depth: 0;\n    display: grid;\n    grid-template-columns: 16px minmax(0, 1fr);\n    align-items: center;\n    gap: 6px;\n    width: 100%;\n    min-height: 32px;\n    padding: 5px 7px 5px calc(7px + var(--outline-depth) * 14px);\n    border: 1px solid transparent;\n    border-radius: 6px;\n    color: #334155;\n    background: transparent;\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.pdf-outline-button:hover {\n    border-color: #c7d7eb;\n    background: #ffffff;\n}\n\n.pdf-outline-toggle {\n    position: relative;\n    width: 14px;\n    height: 14px;\n    border-radius: 4px;\n    color: #64748b;\n}\n\n.pdf-outline-toggle::before {\n    position: absolute;\n    top: 3px;\n    left: 4px;\n    width: 6px;\n    height: 6px;\n    border-right: 2px solid currentColor;\n    border-bottom: 2px solid currentColor;\n    content: '';\n    transform: rotate(-45deg);\n    transition: transform 0.16s ease;\n}\n\n.pdf-outline-toggle--open::before {\n    transform: rotate(45deg);\n}\n\n.pdf-outline-toggle--empty::before {\n    display: none;\n}\n\n.pdf-outline-title {\n    min-width: 0;\n    overflow: hidden;\n    font-size: 12px;\n    line-height: 1.35;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.pdf-outline-empty {\n    margin: 24px 8px;\n    padding: 14px 10px;\n    border: 1px dashed #cbd5e1;\n    border-radius: 8px;\n    color: #64748b;\n    background: #ffffff;\n    font-size: 12px;\n    text-align: center;\n}\n\n.pdfViewer {\n    margin: 0 auto;\n    padding: 18px 14px 28px;\n}\n\n.pdf-viewport {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n}\n\n.pdf-wrapper {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    background: #e8edf4;\n}\n\n.pdf-state {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 168px;\n    min-height: 42px;\n    padding: 0 16px;\n    border: 1px solid #d7dee8;\n    border-radius: 8px;\n    color: #475569;\n    background: #ffffff;\n    box-shadow: 0 10px 30px rgb(15 23 42 / 12%);\n    transform: translate(-50%, -50%);\n}\n\n.pdf-state--error {\n    max-width: min(460px, calc(100% - 32px));\n    color: #b42318;\n    text-align: center;\n}\n\n@media (max-width: 720px) {\n    .pdf-toolbar {\n        flex-wrap: wrap;\n        min-height: 88px;\n        align-content: center;\n    }\n\n    .pdf-toolbar-group--zoom {\n        margin-left: 0;\n    }\n\n    .pdf-content,\n    .pdf-shell--nav-hidden .pdf-content {\n        grid-template-columns: minmax(0, 1fr);\n    }\n\n    .pdf-nav-pane {\n        position: absolute;\n        z-index: 3;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        width: min(78vw, 240px);\n        box-shadow: 10px 0 24px rgb(15 23 42 / 14%);\n    }\n}\n";

package/dist/renderers/pptx.d.ts

@@ -1,2 +0,0 @@
-import type { FileRenderContext, FileViewerRenderedInstance } from '../contracts/types';
-export default function renderPptx(buffer: ArrayBuffer, target: HTMLDivElement, _type?: string, context?: FileRenderContext): Promise<FileViewerRenderedInstance>;

package/dist/renderers/pptx.js

@@ -1,217 +0,0 @@
-import { PptxViewer, RECOMMENDED_ZIP_LIMITS } from '@file-viewer/pptx';
-import { registerFileViewerZoomProvider, unregisterFileViewerZoomProvider, } from '../features/document/dom/index.js';
-import { createFileViewerZoomChangeEmitter } from '../features/document/zoom.js';
-import { waitForFileViewerNextPaint } from '../output/export.js';
-const pptxStyle = `
-.pptx-viewer-shell{position:relative;box-sizing:border-box;min-height:100%;padding:24px 20px;background:#eef3f8;color:#1f2d3b;font-family:Aptos,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
-.pptx-render-surface{min-height:240px}
-.pptx-render-surface.is-loading{opacity:.72}
-.pptx-loading{position:sticky;top:12px;z-index:3;box-sizing:border-box;display:inline-flex;align-items:center;gap:10px;margin:0 0 16px 50%;padding:10px 14px;border:1px solid rgba(42,94,144,.14);border-radius:999px;background:rgba(255,255,255,.92);color:#41556b;box-shadow:0 12px 32px rgba(24,44,64,.12);transform:translateX(-50%)}
-.pptx-loading[hidden],.pptx-error[hidden]{display:none!important}
-.pptx-loading-dot{width:9px;height:9px;border-radius:999px;background:#1f9d67;box-shadow:0 0 0 6px rgba(31,157,103,.13)}
-.pptx-error{box-sizing:border-box;width:min(680px,calc(100% - 32px));margin:48px auto;padding:24px;border:1px solid rgba(28,43,58,.12);border-radius:14px;background:#fff;color:#1f2d3b;box-shadow:0 16px 42px rgba(25,42,54,.08)}
-.pptx-error strong{display:block;margin-bottom:10px;font-size:18px}
-.pptx-error p{margin:0;color:#607282;line-height:1.7}
-`;
-const pptxPrintStyle = `
-  .pptx-viewer-shell {
-    background: #fff !important;
-    padding: 0 !important;
-  }
-  .pptx-render-surface {
-    display: block !important;
-    overflow: visible !important;
-  }
-  .pptx-render-surface [data-slide-index] {
-    break-after: page;
-    page-break-after: always;
-    margin: 0 auto !important;
-  }
-  .pptx-render-surface [data-slide-index]:last-child {
-    break-after: auto;
-    page-break-after: auto;
-  }
-`;
-const createStyle = (documentRef) => {
-    const style = documentRef.createElement('style');
-    style.textContent = pptxStyle;
-    return style;
-};
-const createElement = (documentRef, tagName, className, text) => {
-    const element = documentRef.createElement(tagName);
-    if (className) {
-        element.className = className;
-    }
-    if (text !== undefined) {
-        element.textContent = text;
-    }
-    return element;
-};
-const clampZoomPercent = (value) => {
-    return Math.min(300, Math.max(25, Math.round(value)));
-};
-const formatErrorMessage = (error) => {
-    if (error instanceof Error) {
-        return error.message;
-    }
-    return String(error || 'PPTX 解析失败');
-};
-const buildExportAdapter = (targetWindow) => ({
-    print: true,
-    exportHtml: true,
-    includeDocumentStyles: true,
-    beforeSnapshot: () => waitForFileViewerNextPaint(targetWindow || undefined),
-    printStyle: pptxPrintStyle,
-});
-export default async function renderPptx(buffer, target, _type, context) {
-    const documentRef = target.ownerDocument || document;
-    const targetWindow = documentRef.defaultView || (typeof window !== 'undefined' ? window : null);
-    const zoomEmitter = createFileViewerZoomChangeEmitter();
-    let viewer = null;
-    let state = 'loading';
-    let errorMessage = '';
-    let zoomPercent = 100;
-    let progressiveReady = false;
-    let disposed = false;
-    const style = createStyle(documentRef);
-    const shell = createElement(documentRef, 'div', 'pptx-viewer-shell');
-    shell.dataset.viewerZoomProvider = 'pptx';
-    const loading = createElement(documentRef, 'div', 'pptx-loading');
-    loading.setAttribute('aria-live', 'polite');
-    loading.append(createElement(documentRef, 'span', 'pptx-loading-dot'), createElement(documentRef, 'span', undefined, '正在解析 PPTX...'));
-    const error = createElement(documentRef, 'div', 'pptx-error');
-    const errorTitle = createElement(documentRef, 'strong', undefined, 'PPTX 预览失败');
-    const errorText = createElement(documentRef, 'p');
-    error.append(errorTitle, errorText);
-    const surface = createElement(documentRef, 'div', 'pptx-render-surface');
-    shell.append(loading, error, surface);
-    target.replaceChildren(style, shell);
-    const getCurrentZoomPercent = () => { var _a; return clampZoomPercent((_a = viewer === null || viewer === void 0 ? void 0 : viewer.zoomPercent) !== null && _a !== void 0 ? _a : zoomPercent); };
-    const getZoomState = () => {
-        const percent = getCurrentZoomPercent();
-        return {
-            scale: percent / 100,
-            label: `${percent}%`,
-            canZoomIn: percent < 300,
-            canZoomOut: percent > 25,
-            canReset: percent !== 100,
-            minScale: 0.25,
-            maxScale: 3,
-        };
-    };
-    const setZoom = async (percent) => {
-        const nextPercent = clampZoomPercent(percent);
-        zoomPercent = nextPercent;
-        if (viewer) {
-            await viewer.setZoom(nextPercent);
-            zoomPercent = getCurrentZoomPercent();
-        }
-        zoomEmitter.emit();
-        return getZoomState();
-    };
-    const notifyProgressiveReady = () => {
-        var _a;
-        if (progressiveReady) {
-            return;
-        }
-        progressiveReady = true;
-        (_a = context === null || context === void 0 ? void 0 : context.onProgressiveRender) === null || _a === void 0 ? void 0 : _a.call(context);
-    };
-    const syncUi = () => {
-        loading.hidden = !(state === 'loading' && !errorMessage);
-        error.hidden = state !== 'error';
-        errorText.textContent = errorMessage;
-        surface.classList.toggle('is-loading', state === 'loading');
-    };
-    const registerExportAdapter = () => {
-        var _a;
-        (_a = context === null || context === void 0 ? void 0 : context.registerExportAdapter) === null || _a === void 0 ? void 0 : _a.call(context, buildExportAdapter(targetWindow));
-    };
-    registerFileViewerZoomProvider(shell, {
-        zoomIn: () => setZoom(getCurrentZoomPercent() + 15),
-        zoomOut: () => setZoom(getCurrentZoomPercent() - 15),
-        resetZoom: () => setZoom(100),
-        setZoom: scale => setZoom(scale * 100),
-        getState: getZoomState,
-        subscribe: zoomEmitter.subscribe,
-    });
-    const openPresentation = async () => {
-        var _a;
-        state = 'loading';
-        errorMessage = '';
-        progressiveReady = false;
-        syncUi();
-        try {
-            const nextViewer = await PptxViewer.open(buffer, surface, {
-                fitMode: 'contain',
-                zoomPercent,
-                zipLimits: RECOMMENDED_ZIP_LIMITS,
-                lazySlides: true,
-                lazyMedia: true,
-                listOptions: {
-                    windowed: true,
-                    initialSlides: 3,
-                    batchSize: 4,
-                    overscanViewport: 1.5,
-                },
-                onSlideRendered: () => notifyProgressiveReady(),
-                onRenderComplete: () => {
-                    if (disposed) {
-                        return;
-                    }
-                    state = 'ready';
-                    notifyProgressiveReady();
-                    zoomPercent = getCurrentZoomPercent();
-                    syncUi();
-                    zoomEmitter.emit();
-                },
-                onSlideError: (_index, error) => {
-                    console.warn('PPTX slide render warning:', error);
-                },
-                onError: error => {
-                    var _a;
-                    if (disposed) {
-                        return;
-                    }
-                    state = 'error';
-                    errorMessage = formatErrorMessage(error);
-                    (_a = context === null || context === void 0 ? void 0 : context.registerExportAdapter) === null || _a === void 0 ? void 0 : _a.call(context, null);
-                    syncUi();
-                },
-            });
-            if (disposed) {
-                nextViewer.destroy();
-                return;
-            }
-            viewer = nextViewer;
-            state = 'ready';
-            notifyProgressiveReady();
-            zoomPercent = getCurrentZoomPercent();
-            registerExportAdapter();
-            syncUi();
-            zoomEmitter.emit();
-        }
-        catch (error) {
-            if (disposed) {
-                return;
-            }
-            state = 'error';
-            errorMessage = formatErrorMessage(error);
-            (_a = context === null || context === void 0 ? void 0 : context.registerExportAdapter) === null || _a === void 0 ? void 0 : _a.call(context, null);
-            syncUi();
-        }
-    };
-    void openPresentation();
-    return {
-        $el: shell,
-        unmount() {
-            var _a;
-            disposed = true;
-            (_a = context === null || context === void 0 ? void 0 : context.registerExportAdapter) === null || _a === void 0 ? void 0 : _a.call(context, null);
-            unregisterFileViewerZoomProvider(shell);
-            viewer === null || viewer === void 0 ? void 0 : viewer.destroy();
-            viewer = null;
-            target.replaceChildren();
-        },
-    };
-}

package/dist/renderers/spreadsheet/state.d.ts

@@ -1,80 +0,0 @@
-import type { Align, Column, VerticalAlign } from 'e-virt-table';
-import type { CellMerge } from './worker/type';
-export declare const WINDOW_SIZE = 500;
-export declare const PREFETCH_AHEAD = 3;
-export declare const PREFETCH_BEHIND = 1;
-export declare const INDEX_COLUMN_KEY = "__index";
-export declare const ROW_KEY_FIELD = "__k";
-export declare const ROW_STATE_FIELD = "__s";
-export interface SheetDefaults {
-    rowHeight: number;
-    colWidth: number;
-}
-export declare const DEFAULT_SHEET_DEFAULTS: SheetDefaults;
-export declare const RowState: {
-    readonly Placeholder: 0;
-    readonly Loading: 1;
-    readonly Loaded: 2;
-};
-export type RowStateValue = (typeof RowState)[keyof typeof RowState];
-export interface VirtualRow extends Record<string, any> {
-    __k: string;
-    __s: RowStateValue;
-    __baseHeight?: number;
-    _height?: number;
-}
-export interface CellBorderCache {
-    width: number;
-    style: string;
-    color: string;
-}
-export interface CellStyleCache {
-    backgroundColor?: string;
-    color?: string;
-    font?: string;
-    horizontalAlign?: Align;
-    verticalAlign?: VerticalAlign;
-    wrapText?: boolean;
-    shrinkToFit?: boolean;
-    borderTop?: CellBorderCache;
-    borderRight?: CellBorderCache;
-    borderBottom?: CellBorderCache;
-    borderLeft?: CellBorderCache;
-}
-export interface VirtualSheetState {
-    active: boolean;
-    totalRows: number;
-    totalCols: number;
-    indexOffset: number;
-    defaults: SheetDefaults;
-    dataKeys: string[];
-    rows: VirtualRow[];
-    columns: Column[];
-    cellCache: Map<string, CellStyleCache>;
-    mergeStartMap: Map<string, CellMerge>;
-    mergeCoveredMap: Map<string, true>;
-    rowHeightCache: Map<number, number>;
-    windowRows: Map<number, number[]>;
-    windowCells: Map<number, string[]>;
-    loadedWindows: Set<number>;
-    loadingWindows: Set<number>;
-}
-export type ScrollDirection = 1 | -1;
-interface CollectWindowStartsOptions {
-    direction: ScrollDirection;
-    endRow: number;
-    far?: boolean;
-    startRow: number;
-    totalRows: number;
-}
-export declare const createEmptyVirtualState: () => VirtualSheetState;
-export declare const displayCellKey: (row: number, col: number) => string;
-export declare const getDataKey: (index: number) => string;
-export declare const getRowState: (row?: VirtualRow | null) => RowStateValue;
-export declare const buildRows: (count: number) => VirtualRow[];
-export declare const getMaxWindowStart: (totalRows: number) => number;
-export declare const clampWindowStart: (startRow?: number, totalRows?: number) => number;
-export declare const getWindowStart: (row?: number, totalRows?: number) => number;
-export declare const collectWindowStarts: ({ startRow, endRow, direction, totalRows, far }: CollectWindowStartsOptions) => number[];
-export declare const markWindowState: (rows: VirtualRow[], totalRows: number, windowStart: number, nextState: RowStateValue) => void;
-export {};

package/dist/renderers/spreadsheet/state.js

@@ -1,96 +0,0 @@
-export const WINDOW_SIZE = 500;
-export const PREFETCH_AHEAD = 3;
-export const PREFETCH_BEHIND = 1;
-export const INDEX_COLUMN_KEY = '__index';
-export const ROW_KEY_FIELD = '__k';
-export const ROW_STATE_FIELD = '__s';
-export const DEFAULT_SHEET_DEFAULTS = {
-    rowHeight: 20,
-    colWidth: 64
-};
-export const RowState = {
-    Placeholder: 0,
-    Loading: 1,
-    Loaded: 2
-};
-export const createEmptyVirtualState = () => ({
-    active: false,
-    totalRows: 0,
-    totalCols: 0,
-    indexOffset: 0,
-    defaults: { ...DEFAULT_SHEET_DEFAULTS },
-    dataKeys: [],
-    rows: [],
-    columns: [],
-    cellCache: new Map(),
-    mergeStartMap: new Map(),
-    mergeCoveredMap: new Map(),
-    rowHeightCache: new Map(),
-    windowRows: new Map(),
-    windowCells: new Map(),
-    loadedWindows: new Set(),
-    loadingWindows: new Set()
-});
-export const displayCellKey = (row, col) => {
-    return `${row}-${col}`;
-};
-export const getDataKey = (index) => {
-    return `c${index}`;
-};
-export const getRowState = (row) => {
-    var _a;
-    return (_a = row === null || row === void 0 ? void 0 : row[ROW_STATE_FIELD]) !== null && _a !== void 0 ? _a : RowState.Placeholder;
-};
-export const buildRows = (count) => {
-    const rows = new Array(count);
-    for (let index = 0; index < count; index += 1) {
-        rows[index] = {
-            [ROW_KEY_FIELD]: `${index}`,
-            [ROW_STATE_FIELD]: RowState.Placeholder
-        };
-    }
-    return rows;
-};
-export const getMaxWindowStart = (totalRows) => {
-    if (!totalRows) {
-        return 0;
-    }
-    return Math.floor(Math.max(totalRows - 1, 0) / WINDOW_SIZE) * WINDOW_SIZE;
-};
-export const clampWindowStart = (startRow = 0, totalRows = 0) => {
-    return Math.min(Math.max(startRow, 0), getMaxWindowStart(totalRows));
-};
-export const getWindowStart = (row = 0, totalRows = 0) => {
-    const start = Math.floor(Math.max(row, 0) / WINDOW_SIZE) * WINDOW_SIZE;
-    return clampWindowStart(start, totalRows);
-};
-// 视口周边始终保留一小圈热窗口，滚轮滚动和拖动滚动条都可以直接命中缓存，
-// 避免每次跳转都同步等待 worker 回包。
-export const collectWindowStarts = ({ startRow, endRow, direction, totalRows, far = false }) => {
-    const starts = new Set();
-    const firstWindow = getWindowStart(startRow, totalRows);
-    const lastWindow = getWindowStart(endRow, totalRows);
-    for (let current = firstWindow; current <= lastWindow; current += WINDOW_SIZE) {
-        starts.add(current);
-    }
-    const ahead = far ? PREFETCH_AHEAD + 1 : PREFETCH_AHEAD;
-    const behind = far ? PREFETCH_BEHIND + 1 : PREFETCH_BEHIND;
-    const anchor = direction > 0 ? lastWindow : firstWindow;
-    for (let step = 1; step <= ahead; step += 1) {
-        starts.add(clampWindowStart(anchor + direction * step * WINDOW_SIZE, totalRows));
-    }
-    for (let step = 1; step <= behind; step += 1) {
-        starts.add(clampWindowStart(anchor - direction * step * WINDOW_SIZE, totalRows));
-    }
-    return Array.from(starts);
-};
-export const markWindowState = (rows, totalRows, windowStart, nextState) => {
-    const endRow = Math.min(windowStart + WINDOW_SIZE, totalRows);
-    for (let rowIndex = windowStart; rowIndex < endRow; rowIndex += 1) {
-        const row = rows[rowIndex];
-        if (!row) {
-            continue;
-        }
-        row[ROW_STATE_FIELD] = nextState;
-    }
-};

package/dist/renderers/spreadsheet/view.d.ts

@@ -1,25 +0,0 @@
-import type { Column, ConfigType } from 'e-virt-table';
-import type { SheetModel } from './worker/type';
-import { type CellStyleCache, type SheetDefaults, type VirtualSheetState } from './state';
-export declare const INDEX_COLUMN_WIDTH = 68;
-export declare const HEADER_HEIGHT = 34;
-interface TableConfigOptions {
-    hostHeight: number;
-    sheetDefaults: SheetDefaults;
-    virtualState: VirtualSheetState;
-    zoomScale?: number;
-}
-export declare const getRowHeight: (heights: number | number[] | undefined, index: number, fallback: number) => number;
-export declare const normalizeRowHeight: (height: number | undefined, fallback: number) => number;
-export declare const detectIndexOffset: (ws: SheetModel) => 1 | 0;
-export declare const buildColumns: (ws: SheetModel) => {
-    columns: Column[];
-    dataKeys: string[];
-};
-export declare const getDisplayColumns: (columns: Column[], zoomScale?: number) => Column[];
-export declare const normalizeCellStyle: (meta: {
-    className?: string;
-    style: any;
-} | undefined) => CellStyleCache | undefined;
-export declare const createTableConfig: ({ hostHeight, sheetDefaults, virtualState, zoomScale }: TableConfigOptions) => ConfigType;
-export {};