ofd-view 0.1.4 → 0.1.5

package/src/components/OfdView.vue

@@ -0,0 +1,422 @@
+<template>
+  <div id="outerContainer">
+
+    <div id="mainContainer">
+
+      <div id="secondaryToolbar" class="secondaryToolbar hidden doorHangerRight">
+        <div id="secondaryToolbarButtonContainer">
+          <button id="secondaryOpenFile" class="secondaryToolbarButton openFile visibleLargeView" title="打开文件"
+                  tabindex="52" data-l10n-id="open_file">
+            <span data-l10n-id="open_file_label">打开</span>
+          </button>
+
+          <button id="secondaryPrint" class="secondaryToolbarButton print visibleMediumView" title="打印" tabindex="53"
+                  data-l10n-id="print">
+            <span data-l10n-id="print_label">打印</span>
+          </button>
+
+          <button id="documentProperties" class="secondaryToolbarButton documentProperties" title="文档属性…"
+                  tabindex="69" data-l10n-id="document_properties" aria-controls="documentPropertiesDialog">
+            <span data-l10n-id="document_properties_label">文档属性…</span>
+          </button>
+        </div>
+      </div>  <!-- secondaryToolbar -->
+
+      <div class="toolbar">
+        <div id="toolbarContainer">
+          <div id="toolbarViewer">
+            <div id="toolbarViewerLeft">
+              <div class="splitToolbarButton hiddenSmallView">
+                <button class="toolbarButton pageUp" title="上一页" id="previous" tabindex="13"
+                        data-l10n-id="previous">
+                  <span data-l10n-id="previous_label">上一页</span>
+                </button>
+                <div class="splitToolbarButtonSeparator"></div>
+                <button class="toolbarButton pageDown" title="下一页" id="next" tabindex="14" data-l10n-id="next">
+                  <span data-l10n-id="next_label">下一页</span>
+                </button>
+              </div>
+              <input type="number" id="pageNumber" class="toolbarField pageNumber" title="页面" value="1" size="4"
+                     min="1" tabindex="15" data-l10n-id="page" autocomplete="off">
+              <span id="numPages" class="toolbarLabel"></span>
+            </div>
+            <div id="toolbarViewerRight">
+
+              <button id="openFile" class="toolbarButton openFile hiddenLargeView" title="打开文件" tabindex="32"
+                      data-l10n-id="open_file">
+                <span data-l10n-id="open_file_label">打开</span>
+              </button>
+
+              <button id="print" class="toolbarButton print hiddenMediumView" title="打印" tabindex="33"
+                      data-l10n-id="print">
+                <span data-l10n-id="print_label">打印</span>
+              </button>
+
+              <div class="verticalToolbarSeparator hiddenSmallView"></div>
+
+              <button id="secondaryToolbarToggle" class="toolbarButton" title="工具" tabindex="36" data-l10n-id="tools"
+                      aria-expanded="false" aria-controls="secondaryToolbar">
+                <span data-l10n-id="tools_label">工具</span>
+              </button>
+            </div>
+            <div id="toolbarViewerMiddle">
+              <div class="splitToolbarButton">
+                <button id="zoomOut" class="toolbarButton zoomOut" title="缩小" tabindex="21"
+                        data-l10n-id="zoom_out">
+                  <span data-l10n-id="zoom_out_label">缩小</span>
+                </button>
+                <div class="splitToolbarButtonSeparator"></div>
+                <button id="zoomIn" class="toolbarButton zoomIn" title="放大" tabindex="22" data-l10n-id="zoom_in">
+                  <span data-l10n-id="zoom_in_label">放大</span>
+                </button>
+              </div>
+              <span id="scaleSelectContainer" class="dropdownToolbarButton">
+                  <select id="scaleSelect" title="缩放" tabindex="23" data-l10n-id="zoom">
+                    <option id="pageAutoOption" title="" value="auto" selected="selected"
+                            data-l10n-id="page_scale_auto">自动缩放</option>
+                    <option id="pageActualOption" title="" value="page-actual" data-l10n-id="page_scale_actual">实际大小</option>
+                    <option id="pageFitOption" title="" value="page-fit" data-l10n-id="page_scale_fit">适合页面</option>
+                    <option id="pageWidthOption" title="" value="page-width"
+                            data-l10n-id="page_scale_width">适合页宽</option>
+                    <option id="customScaleOption" title="" value="custom" disabled="disabled" hidden="true"></option>
+                    <option title="" value="0.5" data-l10n-id="page_scale_percent"
+                            data-l10n-args='{ "scale": 50 }'>50%</option>
+                    <option title="" value="0.75" data-l10n-id="page_scale_percent"
+                            data-l10n-args='{ "scale": 75 }'>75%</option>
+                    <option title="" value="1" data-l10n-id="page_scale_percent"
+                            data-l10n-args='{ "scale": 100 }'>100%</option>
+                    <option title="" value="1.25" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 125 }'>125%</option>
+                    <option title="" value="1.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 150 }'>150%</option>
+                    <option title="" value="2" data-l10n-id="page_scale_percent"
+                            data-l10n-args='{ "scale": 200 }'>200%</option>
+                    <option title="" value="3" data-l10n-id="page_scale_percent"
+                            data-l10n-args='{ "scale": 300 }'>300%</option>
+                    <option title="" value="4" data-l10n-id="page_scale_percent"
+                            data-l10n-args='{ "scale": 400 }'>400%</option>
+                  </select>
+                </span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!--      //:style="{height: containerHeight}"-->
+      <div id="viewerContainer" tabindex="0">
+        <div id="viewer" class="pdfViewer"></div>
+      </div>
+
+      <!--#if !MOZCENTRAL-->
+      <div id="errorWrapper" hidden='true'>
+        <div id="errorMessageLeft">
+          <span id="errorMessage"></span>
+          <button id="errorShowMore" data-l10n-id="error_more_info">
+            More Information
+          </button>
+          <button id="errorShowLess" data-l10n-id="error_less_info" hidden='true'>
+            Less Information
+          </button>
+        </div>
+        <div id="errorMessageRight">
+          <button id="errorClose" data-l10n-id="error_close">
+            Close
+          </button>
+        </div>
+        <div class="clearBoth"></div>
+        <textarea id="errorMoreInfo" hidden='true' readonly="readonly"></textarea>
+      </div>
+      <!--#endif-->
+    </div> <!-- mainContainer -->
+
+    <div id="dialogContainer">
+      <dialog id="documentPropertiesDialog">
+        <div class="row">
+          <span id="fileNameLabel" data-l10n-id="document_properties_file_name">文件名:</span>
+          <p id="fileNameField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="fileSizeLabel" data-l10n-id="document_properties_file_size">文件大小:</span>
+          <p id="fileSizeField" aria-labelledby="fileSizeLabel">-</p>
+        </div>
+        <div class="separator"></div>
+        <div class="row">
+          <span id="titleLabel" data-l10n-id="document_properties_title">标题:</span>
+          <p id="titleField" aria-labelledby="titleLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="authorLabel" data-l10n-id="document_properties_author">作者:</span>
+          <p id="authorField" aria-labelledby="authorLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="subjectLabel" data-l10n-id="document_properties_subject">主题:</span>
+          <p id="subjectField" aria-labelledby="subjectLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="keywordsLabel" data-l10n-id="document_properties_keywords">关键词:</span>
+          <p id="keywordsField" aria-labelledby="keywordsLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="creationDateLabel" data-l10n-id="document_properties_creation_date">创建日期:</span>
+          <p id="creationDateField" aria-labelledby="creationDateLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="modificationDateLabel"
+                data-l10n-id="document_properties_modification_date">修改日期:</span>
+          <p id="modificationDateField" aria-labelledby="modificationDateLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="creatorLabel" data-l10n-id="document_properties_creator">创建者:</span>
+          <p id="creatorField" aria-labelledby="creatorLabel">-</p>
+        </div>
+        <div class="separator"></div>
+        <div class="row">
+          <span id="producerLabel" data-l10n-id="document_properties_producer">OFD 生成器:</span>
+          <p id="producerField" aria-labelledby="producerLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="versionLabel" data-l10n-id="document_properties_version">OFD 版本:</span>
+          <p id="versionField" aria-labelledby="versionLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="pageCountLabel" data-l10n-id="document_properties_page_count">页数:</span>
+          <p id="pageCountField" aria-labelledby="pageCountLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="pageSizeLabel" data-l10n-id="document_properties_page_size">页面大小:</span>
+          <p id="pageSizeField" aria-labelledby="pageSizeLabel">-</p>
+        </div>
+        <div class="separator"></div>
+        <div class="row" hidden="hidden">
+          <span id="linearizedLabel" data-l10n-id="document_properties_linearized">快速 Web 视图:</span>
+          <p id="linearizedField" aria-labelledby="linearizedLabel">-</p>
+        </div>
+        <div class="buttonRow">
+          <button id="documentPropertiesClose" class="dialogButton"><span
+              data-l10n-id="document_properties_close">关闭</span></button>
+        </div>
+      </dialog>
+      <!--#if !MOZCENTRAL-->
+      <dialog id="printServiceDialog" style="min-width: 200px;">
+        <div class="row">
+          <span data-l10n-id="print_progress_message">正在准备打印文档…</span>
+        </div>
+        <div class="row">
+          <progress id="printProgress" value="0" max="100"></progress>
+          <span data-l10n-id="print_progress_percent" data-l10n-args='{ "progress": 0 }'
+                class="relative-progress">0%</span>
+        </div>
+        <div class="buttonRow">
+          <button id="printCancel" class="dialogButton"><span data-l10n-id="print_progress_close">取消</span></button>
+        </div>
+      </dialog>
+
+      <dialog id="signaturePropertiesDialog">
+        <div class="row">
+          <span id="signerLabel">签章人:</span>
+          <p id="signerField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="providerLabel">签章提供者:</span>
+          <p id="providerField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="hashedValueLabel">原文摘要值:</span>
+          <p id="hashedValueField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="signedValueLabel">签名值:</span>
+          <p id="signedValueField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="signMethodLabel">签名算法:</span>
+          <p id="signMethodField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="signVersionLabel">版本号:</span>
+          <p id="signVersionField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="verifyLabel">验签结果:</span>
+          <p id="verifyField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="separator"></div>
+        <div class="row">
+          <span id="sealIDLabel">印章标识:</span>
+          <p id="sealIDField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="sealNameLabel">印章名称:</span>
+          <p id="sealNameField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="sealTypeLabel">印章类型:</span>
+          <p id="sealTypeField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="sealAuthTimeLabel">有效时间:</span>
+          <p id="sealAuthTimeField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="sealMakeTimeLabel">制章日期:</span>
+          <p id="sealMakeTimeField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="row">
+          <span id="sealVersionLabel">印章版本:</span>
+          <p id="sealVersionField" aria-labelledby="fileNameLabel">-</p>
+        </div>
+        <div class="buttonRow">
+          <button id="signaturePropertiesClose" class="dialogButton"><span data-l10n-id="document_properties_close">关闭</span>
+          </button>
+        </div>
+      </dialog>
+      <!--#endif-->
+      <!--#if CHROME-->
+      <!--#include viewer-snippet-chrome-overlays.html-->
+      <!--#endif-->
+    </div>  <!-- dialogContainer -->
+
+  </div> <!-- outerContainer -->
+</template>
+
+<script>
+import './viewer.css'
+let config;
+export default {
+  name: "OfdView",
+  props: {
+
+  },
+  data() {
+    return {
+      containerHeight: 0,
+    }
+  },
+
+  mounted() {
+    if (!config) {
+      config = this.getViewerConfiguration()
+      console.log(config)
+      //vue下viewerContainer必须设置height
+      this.containerHeight = `${window.innerHeight - 100}px`
+      let img = new Image();
+      img.style.position = 'absolute';
+      img.style.left = 0;
+      img.style.right = 0;
+      img.style.margin = 'auto';
+      img.style.top = 0;
+      img.style.bottom = 0;
+      img.src = 'data:image/gif;base64,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';
+      img.draggable = false;
+      config.loadingContainer = img
+      // config.onPageChanging = pageNumber => {
+      //   // console.log(pageNumber)
+      // }
+      // config.parserOFDSuccess = core => {
+      //   // console.log(core)
+      // }
+      // config.onPageScale = scale => {
+      //   // console.log(scale)
+      // }
+    }
+    // ofd.openOFDViewer(config)
+
+  },
+
+  methods: {
+    getViewerConfiguration() {
+      let errorWrapper = null
+      errorWrapper = {
+        container: document.getElementById('errorWrapper'),
+        errorMessage: document.getElementById('errorMessage'),
+        closeButton: document.getElementById('errorClose'),
+        errorMoreInfo: document.getElementById('errorMoreInfo'),
+        moreInfoButton: document.getElementById('errorShowMore'),
+        lessInfoButton: document.getElementById('errorShowLess'),
+      }
+
+      return {
+        appContainer: document.body,
+        mainContainer: document.getElementById('viewerContainer'),
+        viewerContainer: document.getElementById('viewer'),
+        toolbar: {
+          container: document.getElementById('toolbarViewer'),
+          numPages: document.getElementById('numPages'),
+          pageNumber: document.getElementById('pageNumber'),
+          scaleSelect: document.getElementById('scaleSelect'),
+          customScaleOption: document.getElementById('customScaleOption'),
+          previous: document.getElementById('previous'),
+          next: document.getElementById('next'),
+          zoomIn: document.getElementById('zoomIn'),
+          zoomOut: document.getElementById('zoomOut'),
+          openFile: document.getElementById('openFile'),
+          print: document.getElementById('print'),
+        },
+        secondaryToolbar: {
+          toolbar: document.getElementById('secondaryToolbar'),
+          toggleButton: document.getElementById('secondaryToolbarToggle'),
+          toolbarButtonContainer: document.getElementById(
+              'secondaryToolbarButtonContainer'
+          ),
+          openFileButton: document.getElementById('secondaryOpenFile'),
+          printButton: document.getElementById('secondaryPrint'),
+          documentPropertiesButton: document.getElementById('documentProperties'),
+        },
+        sidebar: {
+          // Divs (and sidebar button)
+          outerContainer: document.getElementById('outerContainer'),
+          viewerContainer: document.getElementById('viewerContainer'),
+        },
+        sidebarResizer: {
+          outerContainer: document.getElementById('outerContainer'),
+        },
+        documentProperties: {
+          dialog: document.getElementById('documentPropertiesDialog'),
+          closeButton: document.getElementById('documentPropertiesClose'),
+          fields: {
+            fileName: document.getElementById('fileNameField'),
+            fileSize: document.getElementById('fileSizeField'),
+            title: document.getElementById('titleField'),
+            author: document.getElementById('authorField'),
+            subject: document.getElementById('subjectField'),
+            keywords: document.getElementById('keywordsField'),
+            creationDate: document.getElementById('creationDateField'),
+            modificationDate: document.getElementById('modificationDateField'),
+            creator: document.getElementById('creatorField'),
+            producer: document.getElementById('producerField'),
+            version: document.getElementById('versionField'),
+            pageCount: document.getElementById('pageCountField'),
+            pageSize: document.getElementById('pageSizeField'),
+            linearized: document.getElementById('linearizedField'),
+          },
+        },
+        signatureProperties: {
+          dialog: document.getElementById('signaturePropertiesDialog'),
+          closeButton: document.getElementById('signaturePropertiesClose'),
+          fields: {
+            signer: document.getElementById('signerField'),
+            provider: document.getElementById('providerField'),
+            hashedValue: document.getElementById('hashedValueField'),
+            signedValue: document.getElementById('signedValueField'),
+            signMethod: document.getElementById('signMethodField'),
+            signVersion: document.getElementById('signVersionField'),
+            verify: document.getElementById('verifyField'),
+
+            sealID: document.getElementById('sealIDField'),
+            sealName: document.getElementById('sealNameField'),
+            sealType: document.getElementById('sealTypeField'),
+            sealAuthTime: document.getElementById('sealAuthTimeField'),
+            sealMakeTime: document.getElementById('sealMakeTimeField'),
+            sealVersion: document.getElementById('sealVersionField'),
+          },
+        },
+        errorWrapper,
+        printContainer: document.getElementById('printContainer'),
+        openFileInputName: 'fileInput',
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/components/images/annotation-check.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="40"
+   height="40"
+   viewBox="0 0 40 40">
+  <path
+     d="M 1.5006714,23.536225 6.8925879,18.994244 14.585721,26.037937 34.019683,4.5410479 38.499329,9.2235032 14.585721,35.458952 z"
+     id="path4"
+     style="fill:#ffff00;fill-opacity:1;stroke:#000000;stroke-width:1.25402856;stroke-opacity:1" />
+</svg>

package/src/components/images/annotation-comment.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   height="40"
+   width="40"
+   viewBox="0 0 40 40">
+  <rect
+     style="fill:#ffff00;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+     width="33.76017"
+     height="33.76017"
+     x="3.119915"
+     y="3.119915" />
+  <path
+     d="m 20.677967,8.54499 c -7.342801,0 -13.295293,4.954293 -13.295293,11.065751 0,2.088793 0.3647173,3.484376 1.575539,5.150563 L 6.0267418,31.45501 13.560595,29.011117 c 2.221262,1.387962 4.125932,1.665377 7.117372,1.665377 7.3428,0 13.295291,-4.954295 13.295291,-11.065753 0,-6.111458 -5.952491,-11.065751 -13.295291,-11.065751 z"
+     style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.93031836;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"/>
+</svg>

package/src/components/images/annotation-help.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="40"
+   height="40"
+   viewBox="0 0 40 40">
+  <g
+     transform="translate(0,-60)"
+     id="layer1">
+    <rect
+       width="36.460953"
+       height="34.805603"
+       x="1.7695236"
+       y="62.597198"
+       style="fill:#ffff00;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.30826771;stroke-opacity:1" />
+    <g
+       transform="matrix(0.88763677,0,0,0.88763677,2.2472646,8.9890584)">
+      <path
+         d="M 20,64.526342 C 11.454135,64.526342 4.5263421,71.454135 4.5263421,80 4.5263421,88.545865 11.454135,95.473658 20,95.473658 28.545865,95.473658 35.473658,88.545865 35.473658,80 35.473658,71.454135 28.545865,64.526342 20,64.526342 z m -0.408738,9.488564 c 3.527079,0 6.393832,2.84061 6.393832,6.335441 0,3.494831 -2.866753,6.335441 -6.393832,6.335441 -3.527079,0 -6.393832,-2.84061 -6.393832,-6.335441 0,-3.494831 2.866753,-6.335441 6.393832,-6.335441 z"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.02768445;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+      <path
+         d="m 7.2335209,71.819938 4.9702591,4.161823 c -1.679956,2.581606 -1.443939,6.069592 0.159325,8.677725 l -5.1263071,3.424463 c 0.67516,1.231452 3.0166401,3.547686 4.2331971,4.194757 l 3.907728,-4.567277 c 2.541952,1.45975 5.730694,1.392161 8.438683,-0.12614 l 3.469517,6.108336 c 1.129779,-0.44367 4.742234,-3.449633 5.416358,-5.003859 l -5.46204,-4.415541 c 1.44319,-2.424098 1.651175,-5.267515 0.557303,-7.748623 l 5.903195,-3.833951 C 33.14257,71.704996 30.616217,69.018606 29.02952,67.99296 l -4.118813,4.981678 C 22.411934,71.205099 18.900853,70.937534 16.041319,72.32916 l -3.595408,-5.322091 c -1.345962,0.579488 -4.1293881,2.921233 -5.2123901,4.812869 z m 8.1010311,3.426672 c 2.75284,-2.446266 6.769149,-2.144694 9.048998,0.420874 2.279848,2.56557 2.113919,6.596919 -0.638924,9.043185 -2.752841,2.446267 -6.775754,2.13726 -9.055604,-0.428308 -2.279851,-2.565568 -2.107313,-6.589485 0.64553,-9.035751 z"
+         style="fill:#000000;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>

package/src/components/images/annotation-insert.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="64"
+   height="64"
+   viewBox="0 0 64 64">
+  <path
+     d="M 32.003143,1.4044602 57.432701,62.632577 6.5672991,62.627924 z"
+     style="fill:#ffff00;fill-opacity:0.94117647;fill-rule:nonzero;stroke:#000000;stroke-width:1.00493038;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+</svg>

package/src/components/images/annotation-key.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="64"
+   height="64"
+   viewBox="0 0 64 64">
+  <path
+     d="M 25.470843,9.4933766 C 25.30219,12.141818 30.139101,14.445969 34.704831,13.529144 40.62635,12.541995 41.398833,7.3856498 35.97505,5.777863 31.400921,4.1549155 25.157674,6.5445892 25.470843,9.4933766 z M 4.5246282,17.652051 C 4.068249,11.832873 9.2742983,5.9270407 18.437379,3.0977088 29.751911,-0.87185184 45.495663,1.4008022 53.603953,7.1104009 c 9.275765,6.1889221 7.158128,16.2079421 -3.171076,21.5939521 -1.784316,1.635815 -6.380222,1.21421 -7.068351,3.186186 -1.04003,0.972427 -1.288046,2.050158 -1.232864,3.168203 1.015111,2.000108 -3.831548,1.633216 -3.270553,3.759574 0.589477,5.264544 -0.179276,10.53738 -0.362842,15.806257 -0.492006,2.184998 1.163456,4.574232 -0.734888,6.610642 -2.482919,2.325184 -7.30604,2.189143 -9.193497,-0.274767 -2.733688,-1.740626 -8.254447,-3.615254 -6.104247,-6.339626 3.468112,-1.708686 -2.116197,-3.449897 0.431242,-5.080274 5.058402,-1.39256 -2.393215,-2.304318 -0.146889,-4.334645 3.069198,-0.977415 2.056986,-2.518352 -0.219121,-3.540397 1.876567,-1.807151 1.484149,-4.868919 -2.565455,-5.942205 0.150866,-1.805474 2.905737,-4.136876 -1.679967,-5.20493 C 10.260902,27.882167 4.6872697,22.95045 4.5245945,17.652051 z"
+     id="path604"
+     style="fill:#ffff00;fill-opacity:1;stroke:#000000;stroke-width:1.72665179;stroke-opacity:1" />
+</svg>

package/src/components/images/annotation-newparagraph.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="64"
+   height="64"
+   viewBox="0 0 64 64">
+  <path
+     d="M 32.003143,10.913072 57.432701,53.086929 6.567299,53.083723 z"
+     id="path2985"
+     style="fill:#ffff00;fill-opacity:0.94117647;fill-rule:nonzero;stroke:#000000;stroke-width:0.83403099;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+</svg>

package/src/components/images/annotation-noicon.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="40"
+   height="40"
+   viewBox="0 0 40 40">
+</svg>

package/src/components/images/annotation-note.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="40"
+   height="40"
+   viewBox="0 0 40 40">
+  <rect
+     width="36.075428"
+     height="31.096582"
+     x="1.962286"
+     y="4.4517088"
+     id="rect4"
+     style="fill:#ffff00;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.23004246;stroke-opacity:1" />
+  <rect
+     width="27.96859"
+     height="1.5012145"
+     x="6.0157046"
+     y="10.285"
+     id="rect6"
+     style="fill:#000000;fill-opacity:1;stroke:none" />
+  <rect
+     width="27.96859"
+     height="0.85783684"
+     x="6.0157056"
+     y="23.21689"
+     id="rect8"
+     style="fill:#000000;fill-opacity:1;stroke:none" />
+  <rect
+     width="27.96859"
+     height="0.85783684"
+     x="5.8130345"
+     y="28.964394"
+     id="rect10"
+     style="fill:#000000;fill-opacity:1;stroke:none" />
+  <rect
+     width="27.96859"
+     height="0.85783684"
+     x="6.0157046"
+     y="17.426493"
+     id="rect12"
+     style="fill:#000000;fill-opacity:1;stroke:none" />
+</svg>

package/src/components/images/annotation-paragraph.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="40"
+   height="40"
+   viewBox="0 0 40 40">
+  <rect
+     width="33.76017"
+     height="33.76017"
+     x="3.119915"
+     y="3.119915"
+     style="fill:#ffff00;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+  <path
+     d="m 17.692678,34.50206 0,-16.182224 c -1.930515,-0.103225 -3.455824,-0.730383 -4.57593,-1.881473 -1.12011,-1.151067 -1.680164,-2.619596 -1.680164,-4.405591 0,-1.992435 0.621995,-3.5796849 1.865988,-4.7617553 1.243989,-1.1820288 3.06352,-1.7730536 5.458598,-1.7730764 l 9.802246,0 0,2.6789711 -2.229895,0 0,26.3251486 -2.632515,0 0,-26.3251486 -3.45324,0 0,26.3251486 z"
+     style="font-size:29.42051125px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.07795751;stroke-opacity:1;font-family:Arial;-inkscape-font-specification:Arial" />
+</svg>

package/src/components/images/eSignature.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1656491789677" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1911" width="48" height="48" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M965.73 930.6H58.18C26.06 930.57 0.04 904.54 0 872.42V151.03c0.04-32.12 26.06-58.14 58.18-58.18h907.55c32.12 0.04 58.14 26.06 58.18 58.18v721.39c-0.04 32.12-26.06 58.15-58.18 58.18zM58.18 139.4c-6.43 0-11.64 5.21-11.64 11.64v721.39c0 6.42 5.21 11.63 11.64 11.63h907.55c6.43 0 11.64-5.21 11.64-11.63v-721.4c0-6.43-5.21-11.64-11.64-11.64H58.18z m0 0" p-id="1912"></path><path d="M288.11 512.34c0 5.87-1.12 10.04-3.36 12.52-2.24 2.48-4.79 3.72-7.66 3.72H175.54c0 11.28 0.86 21.43 2.58 30.45 1.72 9.02 4.59 16.77 8.61 23.24 4.02 6.47 9.24 11.43 15.67 14.89 6.43 3.46 14.29 5.19 23.59 5.19 7.35 0 13.89-0.79 19.63-2.37 5.74-1.58 10.7-3.35 14.89-5.3 4.19-1.95 7.63-3.72 10.33-5.3 2.7-1.58 4.74-2.37 6.11-2.37 0.8 0 1.52 0.26 2.15 0.79 0.63 0.53 1.12 1.32 1.46 2.37 0.34 1.05 0.6 2.52 0.77 4.4 0.17 1.88 0.26 4.17 0.26 6.88 0 1.96-0.06 3.65-0.17 5.08a59.73 59.73 0 0 1-0.43 3.84c-0.17 1.13-0.46 2.14-0.86 3.04-0.4 0.9-0.92 1.77-1.54 2.59-0.63 0.83-2.48 2.18-5.57 4.06-3.08 1.88-7.08 3.72-11.99 5.53-4.91 1.8-10.6 3.42-17.05 4.85-6.45 1.43-13.34 2.14-20.65 2.14-12.68 0-23.79-2.33-33.32-6.99-9.54-4.66-17.56-11.58-24.07-20.75-6.51-9.17-11.42-20.68-14.73-34.51-3.31-13.83-4.97-29.93-4.97-48.28 0-17.44 1.71-33.12 5.14-47.03 3.43-13.91 8.37-25.72 14.82-35.42 6.45-9.7 14.25-17.14 23.39-22.33 9.14-5.19 19.36-7.78 30.67-7.78 12.11 0 22.42 2.56 30.93 7.67 8.51 5.11 15.51 11.99 20.99 20.64 5.48 8.65 9.51 18.8 12.08 30.45 2.57 11.66 3.85 24.1 3.85 37.33v6.76z m-28.45-11.05c0.34-19.55-2.96-34.89-9.91-46.02-6.95-11.13-17.27-16.69-30.94-16.69-7.01 0-13.16 1.73-18.45 5.19-5.29 3.46-9.71 8.05-13.28 13.76-3.56 5.72-6.32 12.37-8.27 19.96-1.95 7.6-3.04 15.53-3.27 23.8h84.12zM453.44 546.4c0 13.69-1.91 25.87-5.74 36.54-3.83 10.68-9.14 19.74-15.93 27.18-6.8 7.45-14.79 13.05-23.99 16.81-9.2 3.76-19.1 5.64-29.73 5.64-7.43 0-14.31-0.83-20.65-2.48-6.34-1.66-11.99-3.68-16.96-6.09-4.97-2.4-9.14-4.89-12.51-7.44-3.37-2.56-5.71-4.74-7.02-6.54-1.31-1.8-2.29-4.1-2.91-6.88-0.63-2.78-0.94-6.5-0.94-11.17 0-3.31 0.11-6.05 0.34-8.23 0.23-2.18 0.57-3.95 1.03-5.3 0.46-1.35 1.03-2.29 1.71-2.82 0.69-0.53 1.48-0.79 2.4-0.79 1.6 0 3.85 1.28 6.77 3.83 2.91 2.56 6.65 5.34 11.22 8.35s10.08 5.83 16.53 8.46c6.45 2.63 13.9 3.95 22.36 3.95 6.4 0 12.25-1.13 17.56-3.38 5.31-2.26 9.88-5.45 13.71-9.59 3.83-4.13 6.77-9.21 8.82-15.23 2.06-6.01 3.08-12.86 3.08-20.53 0-8.27-1.43-15.34-4.28-21.21-2.86-5.87-6.63-11.01-11.31-15.45-4.69-4.43-10.02-8.49-16.02-12.18-6-3.68-12.14-7.44-18.42-11.28a187 187 0 0 1-18.33-12.75c-5.94-4.66-11.25-10.15-15.93-16.47-4.68-6.32-8.48-13.72-11.39-22.22-2.91-8.49-4.37-18.69-4.37-30.57 0-12.18 1.68-23.04 5.05-32.6 3.37-9.55 8.05-17.56 14.05-24.02 6-6.46 13.13-11.39 21.42-14.78 8.28-3.38 17.22-5.08 26.81-5.08 4.91 0 9.85 0.56 14.82 1.69s9.65 2.63 14.05 4.51 8.31 3.99 11.74 6.32c3.43 2.33 5.68 4.21 6.77 5.64 1.08 1.43 1.8 2.56 2.14 3.38 0.34 0.83 0.63 1.88 0.86 3.16 0.23 1.28 0.4 2.82 0.51 4.62 0.11 1.8 0.17 4.14 0.17 6.99 0 2.71-0.09 5.11-0.26 7.22-0.17 2.11-0.43 3.87-0.77 5.3-0.34 1.43-0.83 2.48-1.46 3.16-0.63 0.68-1.34 1.02-2.14 1.02-1.26 0-3.23-1.05-5.91-3.16-2.69-2.1-5.97-4.47-9.85-7.11-3.88-2.63-8.48-5.04-13.79-7.22-5.31-2.18-11.28-3.27-17.9-3.27-6.17 0-11.54 1.09-16.11 3.27-4.57 2.18-8.34 5.08-11.31 8.69-2.97 3.61-5.2 7.9-6.68 12.86-1.49 4.96-2.23 10.23-2.23 15.79 0 8.12 1.43 15.11 4.28 20.98 2.85 5.87 6.65 11.05 11.39 15.57 4.74 4.51 10.14 8.65 16.19 12.41 6.05 3.76 12.22 7.56 18.5 11.39 6.28 3.83 12.45 8.05 18.5 12.63 6.05 4.59 11.45 10 16.19 16.24 4.74 6.24 8.57 13.61 11.48 22.11 2.94 8.52 4.39 18.55 4.39 30.13zM523.86 351.04c0 8.72-1.26 14.66-3.77 17.82s-7.14 4.74-13.88 4.74c-6.63 0-11.17-1.54-13.62-4.62-2.46-3.08-3.68-8.91-3.68-17.48 0-8.72 1.26-14.66 3.77-17.82s7.14-4.74 13.88-4.74c6.62 0 11.16 1.54 13.62 4.62 2.45 3.09 3.68 8.91 3.68 17.48z m-3.25 271.61c0 1.21-0.23 2.22-0.69 3.05-0.46 0.83-1.2 1.54-2.23 2.14-1.03 0.6-2.46 1.05-4.28 1.35-1.83 0.3-4.17 0.45-7.02 0.45-2.74 0-5.03-0.15-6.85-0.45-1.83-0.3-3.28-0.75-4.37-1.35-1.09-0.6-1.83-1.31-2.23-2.14-0.4-0.83-0.6-1.84-0.6-3.05V419.62c0-1.05 0.2-2.03 0.6-2.93 0.4-0.9 1.14-1.65 2.23-2.26 1.08-0.6 2.54-1.05 4.37-1.35 1.83-0.3 4.11-0.45 6.85-0.45 2.85 0 5.2 0.15 7.02 0.45 1.83 0.3 3.26 0.75 4.28 1.35 1.03 0.6 1.77 1.35 2.23 2.26 0.46 0.9 0.69 1.88 0.69 2.93v203.03zM701.71 428.87c0 5.27-0.54 9.06-1.63 11.39-1.09 2.33-2.48 3.5-4.2 3.5h-22.1c4 5.41 6.79 11.39 8.4 17.93 1.6 6.54 2.4 13.35 2.4 20.42 0 11.73-1.43 22.11-4.28 31.13-2.86 9.02-6.94 16.66-12.25 22.9-5.31 6.24-11.62 11.02-18.93 14.33-7.31 3.31-15.42 4.96-24.33 4.96-6.28 0-12.25-1.09-17.9-3.27-5.65-2.18-10.02-4.92-13.11-8.23-2.06 2.71-3.74 5.79-5.05 9.25-1.31 3.46-1.97 7.44-1.97 11.96 0 5.27 1.85 9.63 5.57 13.08 3.71 3.46 8.65 5.34 14.82 5.64l40.26 2.26c7.65 0.3 14.68 1.69 21.07 4.17 6.4 2.48 11.93 6.02 16.62 10.6 4.68 4.59 8.34 10.23 10.97 16.92 2.63 6.69 3.94 14.47 3.94 23.35 0 9.32-1.49 18.2-4.46 26.62-2.97 8.42-7.51 15.83-13.62 22.22-6.11 6.39-13.91 11.43-23.39 15.12-9.48 3.68-20.68 5.53-33.58 5.53-12.45 0-23.04-1.39-31.78-4.17-8.74-2.79-15.91-6.58-21.5-11.39-5.6-4.81-9.65-10.57-12.16-17.26-2.51-6.69-3.77-13.95-3.77-21.77 0-4.96 0.46-9.78 1.37-14.44 0.91-4.66 2.31-9.1 4.2-13.31s4.22-8.23 7.02-12.07 6.02-7.63 9.68-11.39c-5.6-3.76-9.74-8.5-12.42-14.21-2.69-5.71-4.03-11.88-4.03-18.5 0-9.17 1.43-17.37 4.28-24.59 2.85-7.22 6.4-13.68 10.62-19.4-3.54-5.56-6.34-11.84-8.4-18.84-2.06-6.99-3.08-15.45-3.08-25.38 0-11.58 1.48-21.96 4.45-31.13 2.97-9.17 7.08-16.92 12.34-23.24 5.25-6.32 11.56-11.17 18.93-14.55 7.37-3.38 15.39-5.08 24.07-5.08 4.68 0 9.05 0.34 13.11 1.02 4.05 0.68 7.85 1.62 11.39 2.82h46.6c1.94 0 3.4 1.24 4.37 3.72 0.97 2.47 1.46 6.27 1.46 11.38z m-29.99 214.31c0-8.72-2.71-15.45-8.14-20.19-5.43-4.74-12.76-7.25-22.02-7.56l-39.92-1.8c-3.66 3.76-6.66 7.33-9 10.72-2.34 3.38-4.2 6.62-5.57 9.7-1.37 3.08-2.31 6.13-2.83 9.14-0.51 3.01-0.77 6.09-0.77 9.25 0 9.77 3.77 17.18 11.31 22.22 7.54 5.04 18.05 7.56 31.53 7.56 8.57 0 15.73-1.09 21.5-3.27 5.77-2.18 10.42-5.08 13.96-8.69 3.54-3.61 6.08-7.75 7.62-12.41 1.56-4.67 2.33-9.56 2.33-14.67zM657.5 482.34c0-13.83-2.89-24.62-8.65-32.37-5.77-7.74-13.96-11.62-24.59-11.62-5.48 0-10.25 1.21-14.31 3.61-4.06 2.41-7.43 5.72-10.11 9.93-2.68 4.21-4.68 9.06-6 14.55-1.31 5.49-1.97 11.24-1.97 17.26 0 13.39 2.88 23.91 8.65 31.58 5.77 7.67 13.85 11.5 24.24 11.5 5.59 0 10.45-1.16 14.56-3.5 4.11-2.33 7.51-5.56 10.19-9.7 2.68-4.13 4.68-8.91 6-14.32 1.34-5.42 1.99-11.06 1.99-16.92zM870.82 622.65c0 1.21-0.23 2.22-0.69 3.05-0.46 0.83-1.2 1.54-2.23 2.14-1.03 0.6-2.46 1.05-4.28 1.35-1.83 0.3-4.11 0.45-6.85 0.45-2.86 0-5.2-0.15-7.02-0.45-1.83-0.3-3.26-0.75-4.28-1.35-1.03-0.6-1.77-1.31-2.23-2.14-0.46-0.83-0.69-1.84-0.69-3.05V503.77c0-11.58-0.69-20.9-2.06-27.97s-3.37-13.16-6-18.27c-2.63-5.11-6.03-9.02-10.19-11.73-4.17-2.71-9-4.06-14.48-4.06-7.08 0-14.17 3.31-21.25 9.93-7.08 6.62-14.51 16.32-22.27 29.1v141.89c0 1.21-0.23 2.22-0.69 3.05-0.46 0.83-1.2 1.54-2.23 2.14-1.03 0.6-2.46 1.05-4.28 1.35-1.83 0.3-4.17 0.45-7.02 0.45-2.74 0-5.03-0.15-6.85-0.45-1.83-0.3-3.28-0.75-4.37-1.35-1.09-0.6-1.83-1.31-2.23-2.14-0.4-0.83-0.6-1.84-0.6-3.05V419.62c0-1.2 0.17-2.22 0.51-3.05 0.34-0.82 1.03-1.58 2.06-2.26s2.34-1.13 3.94-1.35c1.6-0.23 3.71-0.34 6.34-0.34 2.51 0 4.6 0.11 6.25 0.34 1.65 0.23 2.94 0.68 3.85 1.35 0.91 0.68 1.57 1.43 1.97 2.26 0.4 0.83 0.6 1.84 0.6 3.05v26.84c8.68-12.78 17.33-22.14 25.96-28.09 8.62-5.94 17.33-8.91 26.13-8.91 10.28 0 18.93 2.29 25.96 6.88 7.02 4.59 12.71 10.72 17.05 18.39s7.45 16.66 9.34 26.96c1.88 10.3 2.83 22.67 2.83 37.11v123.85z" p-id="1913"></path></svg>

package/src/components/images/findbarButton-next.svg

@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 12a1 1 0 0 1-.707-.293l-5-5a1 1 0 0 1 1.414-1.414L8 9.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-5 5A1 1 0 0 1 8 12z"></path></svg>

package/src/components/images/findbarButton-previous.svg

@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M13 11a1 1 0 0 1-.707-.293L8 6.414l-4.293 4.293a1 1 0 0 1-1.414-1.414l5-5a1 1 0 0 1 1.414 0l5 5A1 1 0 0 1 13 11z"></path></svg>