Página inicial Explorar Ajuda
Entrar
mirrors
/
gogs
mirror de https://github.com/gogs/gogs
2
0
Fork 0
Arquivos Issues 0 Wiki
Branch: main
Branches Tags
gogs
/
public
/
plugins
/
pdfjs-5.2.133
/
web
/
viewer.html

viewer.html 48 KB
Link permanente Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736 
  1. <!DOCTYPE html>
    2. 

  2. <!--
    3. 

  3. Copyright 2012 Mozilla Foundation
    4. 

  4. 

  5. Licensed under the Apache License, Version 2.0 (the "License");
    6. 

  6. you may not use this file except in compliance with the License.
    7. 

  7. You may obtain a copy of the License at
    8. 

  8. 

  9.     http://www.apache.org/licenses/LICENSE-2.0
    10. 

  10. 

  11. Unless required by applicable law or agreed to in writing, software
    12. 

  12. distributed under the License is distributed on an "AS IS" BASIS,
    13. 

  13. WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    14. 

  14. See the License for the specific language governing permissions and
    15. 

  15. limitations under the License.
    16. 

  16. 

  17. Adobe CMap resources are covered by their own copyright but the same license:
    18. 

  18. 

  19.     Copyright 1990-2015 Adobe Systems Incorporated.
    20. 

  20. 

  21. See https://github.com/adobe-type-tools/cmap-resources
    22. 

  22. -->
    23. 

  23. <html dir="ltr" mozdisallowselectionprint>
    24. 

  24.   <head>
    25. 

  25.     <meta charset="utf-8">
    26. 

  26.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    27. 

  27.     <meta name="google" content="notranslate">
    28. 

  28.     <title>PDF.js viewer</title>
    29. 

  29. 

  30. <!-- This snippet is used in production (included from viewer.html) -->
    31. 

  31. <link rel="resource" type="application/l10n" href="locale/locale.json">
    32. 

  32. <script src="../build/pdf.mjs" type="module"></script>
    33. 

  33. 

  34.     <link rel="stylesheet" href="viewer.css">
    35. 

  35. 

  36.   <script src="viewer.mjs" type="module"></script>
    37. 

  37.   </head>
    38. 

  38. 

  39.   <body tabindex="0">
    40. 

  40.     <div id="outerContainer">
    41. 

  41. 

  42.       <div id="sidebarContainer">
    43. 

  43.         <div id="toolbarSidebar" class="toolbarHorizontalGroup">
    44. 

  44.           <div id="toolbarSidebarLeft">
    45. 

  45.             <div id="sidebarViewButtons" class="toolbarHorizontalGroup toggled" role="radiogroup">
    46. 

  46.               <button id="viewThumbnail" class="toolbarButton toggled" type="button" tabindex="0" data-l10n-id="pdfjs-thumbs-button" role="radio" aria-checked="true" aria-controls="thumbnailView">
    47. 

  47.                  <span data-l10n-id="pdfjs-thumbs-button-label"></span>
    48. 

  48.               </button>
    49. 

  49.               <button id="viewOutline" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-document-outline-button" role="radio" aria-checked="false" aria-controls="outlineView">
    50. 

  50.                  <span data-l10n-id="pdfjs-document-outline-button-label"></span>
    51. 

  51.               </button>
    52. 

  52.               <button id="viewAttachments" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-attachments-button" role="radio" aria-checked="false" aria-controls="attachmentsView">
    53. 

  53.                  <span data-l10n-id="pdfjs-attachments-button-label"></span>
    54. 

  54.               </button>
    55. 

  55.               <button id="viewLayers" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-layers-button" role="radio" aria-checked="false" aria-controls="layersView">
    56. 

  56.                  <span data-l10n-id="pdfjs-layers-button-label"></span>
    57. 

  57.               </button>
    58. 

  58.             </div>
    59. 

  59.           </div>
    60. 

  60. 

  61.           <div id="toolbarSidebarRight">
    62. 

  62.             <div id="outlineOptionsContainer" class="toolbarHorizontalGroup">
    63. 

  63.               <div class="verticalToolbarSeparator"></div>
    64. 

  64. 

  65.               <button id="currentOutlineItem" class="toolbarButton" type="button" disabled="disabled" tabindex="0" data-l10n-id="pdfjs-current-outline-item-button">
    66. 

  66.                 <span data-l10n-id="pdfjs-current-outline-item-button-label"></span>
    67. 

  67.               </button>
    68. 

  68.             </div>
    69. 

  69.           </div>
    70. 

  70.         </div>
    71. 

  71.         <div id="sidebarContent">
    72. 

  72.           <div id="thumbnailView">
    73. 

  73.           </div>
    74. 

  74.           <div id="outlineView" class="hidden">
    75. 

  75.           </div>
    76. 

  76.           <div id="attachmentsView" class="hidden">
    77. 

  77.           </div>
    78. 

  78.           <div id="layersView" class="hidden">
    79. 

  79.           </div>
    80. 

  80.         </div>
    81. 

  81.         <div id="sidebarResizer"></div>
    82. 

  82.       </div>  <!-- sidebarContainer -->
    83. 

  83. 

  84.       <div id="mainContainer">
    85. 

  85.         <div class="toolbar">
    86. 

  86.           <div id="toolbarContainer">
    87. 

  87.             <div id="toolbarViewer" class="toolbarHorizontalGroup">
    88. 

  88.               <div id="toolbarViewerLeft" class="toolbarHorizontalGroup">
    89. 

  89.                 <button id="sidebarToggleButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-toggle-sidebar-button" aria-expanded="false" aria-haspopup="true" aria-controls="sidebarContainer">
    90. 

  90.                   <span data-l10n-id="pdfjs-toggle-sidebar-button-label"></span>
    91. 

  91.                 </button>
    92. 

  92.                 <div class="toolbarButtonSpacer"></div>
    93. 

  93.                 <div class="toolbarButtonWithContainer">
    94. 

  94.                   <button id="viewFindButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-findbar-button" aria-expanded="false" aria-controls="findbar">
    95. 

  95.                     <span data-l10n-id="pdfjs-findbar-button-label"></span>
    96. 

  96.                   </button>
    97. 

  97.                   <div class="hidden doorHanger toolbarHorizontalGroup" id="findbar">
    98. 

  98.                     <div id="findInputContainer" class="toolbarHorizontalGroup">
    99. 

  99.                       <span class="loadingInput end toolbarHorizontalGroup">
    100. 

  100.                         <input id="findInput" class="toolbarField" tabindex="0" data-l10n-id="pdfjs-find-input" aria-invalid="false">
    101. 

  101.                       </span>
    102. 

  102.                       <div class="toolbarHorizontalGroup">
    103. 

  103.                         <button id="findPreviousButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-find-previous-button">
    104. 

  104.                           <span data-l10n-id="pdfjs-find-previous-button-label"></span>
    105. 

  105.                         </button>
    106. 

  106.                         <div class="splitToolbarButtonSeparator"></div>
    107. 

  107.                         <button id="findNextButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-find-next-button">
    108. 

  108.                           <span data-l10n-id="pdfjs-find-next-button-label"></span>
    109. 

  109.                         </button>
    110. 

  110.                       </div>
    111. 

  111.                     </div>
    112. 

  112. 

  113.                     <div id="findbarOptionsOneContainer" class="toolbarHorizontalGroup">
    114. 

  114.                       <div class="toggleButton toolbarLabel">
    115. 

  115.                         <input type="checkbox" id="findHighlightAll" tabindex="0" />
    116. 

  116.                         <label for="findHighlightAll" data-l10n-id="pdfjs-find-highlight-checkbox"></label>
    117. 

  117.                       </div>
    118. 

  118.                       <div class="toggleButton toolbarLabel">
    119. 

  119.                         <input type="checkbox" id="findMatchCase" tabindex="0" />
    120. 

  120.                         <label for="findMatchCase" data-l10n-id="pdfjs-find-match-case-checkbox-label"></label>
    121. 

  121.                       </div>
    122. 

  122.                     </div>
    123. 

  123.                     <div id="findbarOptionsTwoContainer" class="toolbarHorizontalGroup">
    124. 

  124.                       <div class="toggleButton toolbarLabel">
    125. 

  125.                         <input type="checkbox" id="findMatchDiacritics" tabindex="0" />
    126. 

  126.                         <label for="findMatchDiacritics" data-l10n-id="pdfjs-find-match-diacritics-checkbox-label"></label>
    127. 

  127.                       </div>
    128. 

  128.                       <div class="toggleButton toolbarLabel">
    129. 

  129.                         <input type="checkbox" id="findEntireWord" tabindex="0" />
    130. 

  130.                         <label for="findEntireWord" data-l10n-id="pdfjs-find-entire-word-checkbox-label"></label>
    131. 

  131.                       </div>
    132. 

  132.                     </div>
    133. 

  133. 

  134.                     <div id="findbarMessageContainer" class="toolbarHorizontalGroup" aria-live="polite">
    135. 

  135.                       <span id="findResultsCount" class="toolbarLabel"></span>
    136. 

  136.                       <span id="findMsg" class="toolbarLabel"></span>
    137. 

  137.                     </div>
    138. 

  138.                   </div>  <!-- findbar -->
    139. 

  139.                 </div>
    140. 

  140.                 <div class="toolbarHorizontalGroup hiddenSmallView">
    141. 

  141.                   <button class="toolbarButton" type="button" id="previous" tabindex="0" data-l10n-id="pdfjs-previous-button">
    142. 

  142.                     <span data-l10n-id="pdfjs-previous-button-label"></span>
    143. 

  143.                   </button>
    144. 

  144.                   <div class="splitToolbarButtonSeparator"></div>
    145. 

  145.                   <button class="toolbarButton" type="button" id="next" tabindex="0" data-l10n-id="pdfjs-next-button">
    146. 

  146.                     <span data-l10n-id="pdfjs-next-button-label"></span>
    147. 

  147.                   </button>
    148. 

  148.                 </div>
    149. 

  149.                 <div class="toolbarHorizontalGroup">
    150. 

  150.                   <span class="loadingInput start toolbarHorizontalGroup">
    151. 

  151.                     <input type="number" id="pageNumber" class="toolbarField" value="1" min="1" tabindex="0" data-l10n-id="pdfjs-page-input" autocomplete="off">
    152. 

  152.                   </span>
    153. 

  153.                   <span id="numPages" class="toolbarLabel"></span>
    154. 

  154.                 </div>
    155. 

  155.               </div>
    156. 

  156.               <div id="toolbarViewerMiddle" class="toolbarHorizontalGroup">
    157. 

  157.                 <div class="toolbarHorizontalGroup">
    158. 

  158.                   <button id="zoomOutButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-zoom-out-button">
    159. 

  159.                     <span data-l10n-id="pdfjs-zoom-out-button-label"></span>
    160. 

  160.                   </button>
    161. 

  161.                   <div class="splitToolbarButtonSeparator"></div>
    162. 

  162.                   <button id="zoomInButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-zoom-in-button">
    163. 

  163.                     <span data-l10n-id="pdfjs-zoom-in-button-label"></span>
    164. 

  164.                   </button>
    165. 

  165.                 </div>
    166. 

  166.                 <span id="scaleSelectContainer" class="dropdownToolbarButton">
    167. 

  167.                   <select id="scaleSelect" tabindex="0" data-l10n-id="pdfjs-zoom-select">
    168. 

  168.                     <option id="pageAutoOption" value="auto" selected="selected" data-l10n-id="pdfjs-page-scale-auto"></option>
    169. 

  169.                     <option id="pageActualOption" value="page-actual" data-l10n-id="pdfjs-page-scale-actual"></option>
    170. 

  170.                     <option id="pageFitOption" value="page-fit" data-l10n-id="pdfjs-page-scale-fit"></option>
    171. 

  171.                     <option id="pageWidthOption" value="page-width" data-l10n-id="pdfjs-page-scale-width"></option>
    172. 

  172.                     <option id="customScaleOption" value="custom" disabled="disabled" hidden="true" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 0 }'></option>
    173. 

  173.                     <option value="0.5" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 50 }'></option>
    174. 

  174.                     <option value="0.75" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 75 }'></option>
    175. 

  175.                     <option value="1" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 100 }'></option>
    176. 

  176.                     <option value="1.25" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 125 }'></option>
    177. 

  177.                     <option value="1.5" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 150 }'></option>
    178. 

  178.                     <option value="2" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 200 }'></option>
    179. 

  179.                     <option value="3" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 300 }'></option>
    180. 

  180.                     <option value="4" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 400 }'></option>
    181. 

  181.                   </select>
    182. 

  182.                 </span>
    183. 

  183.               </div>
    184. 

  184.               <div id="toolbarViewerRight" class="toolbarHorizontalGroup">
    185. 

  185.                 <div id="editorModeButtons" class="toolbarHorizontalGroup" role="radiogroup">
    186. 

  186.                   <div id="editorSignature" class="toolbarButtonWithContainer" hidden="true">
    187. 

  187.                     <button id="editorSignatureButton" class="toolbarButton" type="button" tabindex="0" disabled="disabled" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorSignatureParamsToolbar" data-l10n-id="pdfjs-editor-signature-button">
    188. 

  188.                       <span data-l10n-id="pdfjs-editor-signature-button-label"></span>
    189. 

  189.                     </button>
    190. 

  190.                     <div class="editorParamsToolbar hidden doorHangerRight menu" id="editorSignatureParamsToolbar">
    191. 

  191.                       <div id="addSignatureDoorHanger" class="menuContainer" role="region" data-l10n-id="pdfjs-editor-add-signature-container">
    192. 

  192.                         <button id="editorSignatureAddSignature" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-editor-signature-add-signature-button">
    193. 

  193.                           <span data-l10n-id="pdfjs-editor-signature-add-signature-button-label" class="editorParamsLabel"></span>
    194. 

  194.                         </button>
    195. 

  195.                       </div>
    196. 

  196.                     </div>
    197. 

  197.                   </div>
    198. 

  198.                   <div id="editorHighlight" class="toolbarButtonWithContainer">
    199. 

  199.                     <button id="editorHighlightButton" class="toolbarButton" type="button" disabled="disabled" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorHighlightParamsToolbar" tabindex="0" data-l10n-id="pdfjs-editor-highlight-button">
    200. 

  200.                       <span data-l10n-id="pdfjs-editor-highlight-button-label"></span>
    201. 

  201.                     </button>
    202. 

  202.                     <div class="editorParamsToolbar hidden doorHangerRight" id="editorHighlightParamsToolbar">
    203. 

  203.                       <div id="highlightParamsToolbarContainer" class="editorParamsToolbarContainer">
    204. 

  204.                         <div id="editorHighlightColorPicker" class="colorPicker">
    205. 

  205.                           <span id="highlightColorPickerLabel" class="editorParamsLabel" data-l10n-id="pdfjs-editor-highlight-colorpicker-label"></span>
    206. 

  206.                         </div>
    207. 

  207.                         <div id="editorHighlightThickness">
    208. 

  208.                           <label for="editorFreeHighlightThickness" class="editorParamsLabel" data-l10n-id="pdfjs-editor-free-highlight-thickness-input"></label>
    209. 

  209.                           <div class="thicknessPicker">
    210. 

  210.                             <input type="range" id="editorFreeHighlightThickness" class="editorParamsSlider" data-l10n-id="pdfjs-editor-free-highlight-thickness-title" value="12" min="8" max="24" step="1" tabindex="0">
    211. 

  211.                           </div>
    212. 

  212.                         </div>
    213. 

  213.                         <div id="editorHighlightVisibility">
    214. 

  214.                           <div class="divider"></div>
    215. 

  215.                           <div class="toggler">
    216. 

  216.                             <label for="editorHighlightShowAll" class="editorParamsLabel" data-l10n-id="pdfjs-editor-highlight-show-all-button-label"></label>
    217. 

  217.                             <button id="editorHighlightShowAll" class="toggle-button" type="button" data-l10n-id="pdfjs-editor-highlight-show-all-button" aria-pressed="true" tabindex="0"></button>
    218. 

  218.                           </div>
    219. 

  219.                         </div>
    220. 

  220.                       </div>
    221. 

  221.                     </div>
    222. 

  222.                   </div>
    223. 

  223.                   <div id="editorFreeText" class="toolbarButtonWithContainer">
    224. 

  224.                     <button id="editorFreeTextButton" class="toolbarButton" type="button" disabled="disabled" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorFreeTextParamsToolbar" tabindex="0" data-l10n-id="pdfjs-editor-free-text-button">
    225. 

  225.                       <span data-l10n-id="pdfjs-editor-free-text-button-label"></span>
    226. 

  226.                     </button>
    227. 

  227.                     <div class="editorParamsToolbar hidden doorHangerRight" id="editorFreeTextParamsToolbar">
    228. 

  228.                       <div class="editorParamsToolbarContainer">
    229. 

  229.                         <div class="editorParamsSetter">
    230. 

  230.                           <label for="editorFreeTextColor" class="editorParamsLabel" data-l10n-id="pdfjs-editor-free-text-color-input"></label>
    231. 

  231.                           <input type="color" id="editorFreeTextColor" class="editorParamsColor" tabindex="0">
    232. 

  232.                         </div>
    233. 

  233.                         <div class="editorParamsSetter">
    234. 

  234.                           <label for="editorFreeTextFontSize" class="editorParamsLabel" data-l10n-id="pdfjs-editor-free-text-size-input"></label>
    235. 

  235.                           <input type="range" id="editorFreeTextFontSize" class="editorParamsSlider" value="10" min="5" max="100" step="1" tabindex="0">
    236. 

  236.                         </div>
    237. 

  237.                       </div>
    238. 

  238.                     </div>
    239. 

  239.                   </div>
    240. 

  240.                   <div id="editorInk" class="toolbarButtonWithContainer">
    241. 

  241.                     <button id="editorInkButton" class="toolbarButton" type="button" disabled="disabled" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorInkParamsToolbar" tabindex="0" data-l10n-id="pdfjs-editor-ink-button">
    242. 

  242.                       <span data-l10n-id="pdfjs-editor-ink-button-label"></span>
    243. 

  243.                     </button>
    244. 

  244.                     <div class="editorParamsToolbar hidden doorHangerRight" id="editorInkParamsToolbar">
    245. 

  245.                       <div class="editorParamsToolbarContainer">
    246. 

  246.                         <div class="editorParamsSetter">
    247. 

  247.                           <label for="editorInkColor" class="editorParamsLabel" data-l10n-id="pdfjs-editor-ink-color-input"></label>
    248. 

  248.                           <input type="color" id="editorInkColor" class="editorParamsColor" tabindex="0">
    249. 

  249.                         </div>
    250. 

  250.                         <div class="editorParamsSetter">
    251. 

  251.                           <label for="editorInkThickness" class="editorParamsLabel" data-l10n-id="pdfjs-editor-ink-thickness-input"></label>
    252. 

  252.                           <input type="range" id="editorInkThickness" class="editorParamsSlider" value="1" min="1" max="20" step="1" tabindex="0">
    253. 

  253.                         </div>
    254. 

  254.                         <div class="editorParamsSetter">
    255. 

  255.                           <label for="editorInkOpacity" class="editorParamsLabel" data-l10n-id="pdfjs-editor-ink-opacity-input"></label>
    256. 

  256.                           <input type="range" id="editorInkOpacity" class="editorParamsSlider" value="1" min="0.05" max="1" step="0.05" tabindex="0">
    257. 

  257.                         </div>
    258. 

  258.                       </div>
    259. 

  259.                     </div>
    260. 

  260.                   </div>
    261. 

  261.                   <div id="editorStamp" class="toolbarButtonWithContainer">
    262. 

  262.                     <button id="editorStampButton" class="toolbarButton" type="button" disabled="disabled" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorStampParamsToolbar" tabindex="0" data-l10n-id="pdfjs-editor-stamp-button">
    263. 

  263.                       <span data-l10n-id="pdfjs-editor-stamp-button-label"></span>
    264. 

  264.                     </button>
    265. 

  265.                     <div class="editorParamsToolbar hidden doorHangerRight menu" id="editorStampParamsToolbar">
    266. 

  266.                       <div class="menuContainer">
    267. 

  267.                         <button id="editorStampAddImage" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-editor-stamp-add-image-button">
    268. 

  268.                           <span class="editorParamsLabel" data-l10n-id="pdfjs-editor-stamp-add-image-button-label"></span>
    269. 

  269.                         </button>
    270. 

  270.                       </div>
    271. 

  271.                     </div>
    272. 

  272.                   </div>
    273. 

  273.                 </div>
    274. 

  274. 

  275.                 <div id="editorModeSeparator" class="verticalToolbarSeparator"></div>
    276. 

  276. 

  277.                 <div class="toolbarHorizontalGroup hiddenMediumView">
    278. 

  278.                   <button id="printButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-print-button">
    279. 

  279.                     <span data-l10n-id="pdfjs-print-button-label"></span>
    280. 

  280.                   </button>
    281. 

  281. 

  282.                   <button id="downloadButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-save-button">
    283. 

  283.                     <span data-l10n-id="pdfjs-save-button-label"></span>
    284. 

  284.                   </button>
    285. 

  285.                 </div>
    286. 

  286. 

  287.                 <div class="verticalToolbarSeparator hiddenMediumView"></div>
    288. 

  288. 

  289.                 <div id="secondaryToolbarToggle" class="toolbarButtonWithContainer">
    290. 

  290.                   <button id="secondaryToolbarToggleButton" class="toolbarButton" type="button" tabindex="0" data-l10n-id="pdfjs-tools-button" aria-expanded="false" aria-haspopup="true" aria-controls="secondaryToolbar">
    291. 

  291.                     <span data-l10n-id="pdfjs-tools-button-label"></span>
    292. 

  292.                   </button>
    293. 

  293.                   <div id="secondaryToolbar" class="hidden doorHangerRight menu">
    294. 

  294.                     <div id="secondaryToolbarButtonContainer" class="menuContainer">
    295. 

  295.                       <button id="secondaryOpenFile" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-open-file-button">
    296. 

  296.                         <span data-l10n-id="pdfjs-open-file-button-label"></span>
    297. 

  297.                       </button>
    298. 

  298. 

  299.                       <div class="visibleMediumView">
    300. 

  300.                         <button id="secondaryPrint" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-print-button">
    301. 

  301.                           <span data-l10n-id="pdfjs-print-button-label"></span>
    302. 

  302.                         </button>
    303. 

  303. 

  304.                         <button id="secondaryDownload" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-save-button">
    305. 

  305.                           <span data-l10n-id="pdfjs-save-button-label"></span>
    306. 

  306.                         </button>
    307. 

  307. 

  308.                       </div>
    309. 

  309. 

  310.                       <div class="horizontalToolbarSeparator"></div>
    311. 

  311. 

  312.                       <button id="presentationMode" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-presentation-mode-button">
    313. 

  313.                         <span data-l10n-id="pdfjs-presentation-mode-button-label"></span>
    314. 

  314.                       </button>
    315. 

  315. 

  316.                       <a href="#" id="viewBookmark" class="toolbarButton labeled" tabindex="0" data-l10n-id="pdfjs-bookmark-button">
    317. 

  317.                         <span data-l10n-id="pdfjs-bookmark-button-label"></span>
    318. 

  318.                       </a>
    319. 

  319. 

  320.                       <div id="viewBookmarkSeparator" class="horizontalToolbarSeparator"></div>
    321. 

  321. 

  322.                       <button id="firstPage" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-first-page-button">
    323. 

  323.                         <span data-l10n-id="pdfjs-first-page-button-label"></span>
    324. 

  324.                       </button>
    325. 

  325.                       <button id="lastPage" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-last-page-button">
    326. 

  326.                         <span data-l10n-id="pdfjs-last-page-button-label"></span>
    327. 

  327.                       </button>
    328. 

  328. 

  329.                       <div class="horizontalToolbarSeparator"></div>
    330. 

  330. 

  331.                       <button id="pageRotateCw" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-page-rotate-cw-button">
    332. 

  332.                         <span data-l10n-id="pdfjs-page-rotate-cw-button-label"></span>
    333. 

  333.                       </button>
    334. 

  334.                       <button id="pageRotateCcw" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-page-rotate-ccw-button">
    335. 

  335.                         <span data-l10n-id="pdfjs-page-rotate-ccw-button-label"></span>
    336. 

  336.                       </button>
    337. 

  337. 

  338.                       <div class="horizontalToolbarSeparator"></div>
    339. 

  339. 

  340.                       <div id="cursorToolButtons" role="radiogroup">
    341. 

  341.                         <button id="cursorSelectTool" class="toolbarButton labeled toggled" type="button" tabindex="0" data-l10n-id="pdfjs-cursor-text-select-tool-button" role="radio" aria-checked="true">
    342. 

  342.                           <span data-l10n-id="pdfjs-cursor-text-select-tool-button-label"></span>
    343. 

  343.                         </button>
    344. 

  344.                         <button id="cursorHandTool" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-cursor-hand-tool-button" role="radio" aria-checked="false">
    345. 

  345.                           <span data-l10n-id="pdfjs-cursor-hand-tool-button-label"></span>
    346. 

  346.                         </button>
    347. 

  347.                       </div>
    348. 

  348. 

  349.                       <div class="horizontalToolbarSeparator"></div>
    350. 

  350. 

  351.                       <div id="scrollModeButtons" role="radiogroup">
    352. 

  352.                         <button id="scrollPage" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-scroll-page-button" role="radio" aria-checked="false">
    353. 

  353.                           <span data-l10n-id="pdfjs-scroll-page-button-label"></span>
    354. 

  354.                         </button>
    355. 

  355.                         <button id="scrollVertical" class="toolbarButton labeled toggled" type="button" tabindex="0" data-l10n-id="pdfjs-scroll-vertical-button" role="radio" aria-checked="true">
    356. 

  356.                           <span data-l10n-id="pdfjs-scroll-vertical-button-label"></span>
    357. 

  357.                         </button>
    358. 

  358.                         <button id="scrollHorizontal" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-scroll-horizontal-button" role="radio" aria-checked="false">
    359. 

  359.                           <span data-l10n-id="pdfjs-scroll-horizontal-button-label"></span>
    360. 

  360.                         </button>
    361. 

  361.                         <button id="scrollWrapped" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-scroll-wrapped-button" role="radio" aria-checked="false">
    362. 

  362.                           <span data-l10n-id="pdfjs-scroll-wrapped-button-label"></span>
    363. 

  363.                         </button>
    364. 

  364.                       </div>
    365. 

  365. 

  366.                       <div class="horizontalToolbarSeparator"></div>
    367. 

  367. 

  368.                       <div id="spreadModeButtons" role="radiogroup">
    369. 

  369.                         <button id="spreadNone" class="toolbarButton labeled toggled" type="button" tabindex="0" data-l10n-id="pdfjs-spread-none-button" role="radio" aria-checked="true">
    370. 

  370.                           <span data-l10n-id="pdfjs-spread-none-button-label"></span>
    371. 

  371.                         </button>
    372. 

  372.                         <button id="spreadOdd" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-spread-odd-button" role="radio" aria-checked="false">
    373. 

  373.                           <span data-l10n-id="pdfjs-spread-odd-button-label"></span>
    374. 

  374.                         </button>
    375. 

  375.                         <button id="spreadEven" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-spread-even-button" role="radio" aria-checked="false">
    376. 

  376.                           <span data-l10n-id="pdfjs-spread-even-button-label"></span>
    377. 

  377.                         </button>
    378. 

  378.                       </div>
    379. 

  379. 

  380.                       <div id="imageAltTextSettingsSeparator" class="horizontalToolbarSeparator hidden"></div>
    381. 

  381.                       <button id="imageAltTextSettings" type="button" class="toolbarButton labeled hidden" tabindex="0" data-l10n-id="pdfjs-image-alt-text-settings-button" aria-controls="altTextSettingsDialog">
    382. 

  382.                         <span data-l10n-id="pdfjs-image-alt-text-settings-button-label"></span>
    383. 

  383.                       </button>
    384. 

  384. 

  385.                       <div class="horizontalToolbarSeparator"></div>
    386. 

  386. 

  387.                       <button id="documentProperties" class="toolbarButton labeled" type="button" tabindex="0" data-l10n-id="pdfjs-document-properties-button" aria-controls="documentPropertiesDialog">
    388. 

  388.                         <span data-l10n-id="pdfjs-document-properties-button-label"></span>
    389. 

  389.                       </button>
    390. 

  390.                     </div>
    391. 

  391.                   </div>  <!-- secondaryToolbar -->
    392. 

  392.                 </div>
    393. 

  393.               </div>
    394. 

  394.             </div>
    395. 

  395.             <div id="loadingBar">
    396. 

  396.               <div class="progress">
    397. 

  397.                 <div class="glimmer">
    398. 

  398.                 </div>
    399. 

  399.               </div>
    400. 

  400.             </div>
    401. 

  401.           </div>
    402. 

  402.         </div>
    403. 

  403. 

  404.         <div id="viewerContainer" tabindex="0">
    405. 

  405.           <div id="viewer" class="pdfViewer"></div>
    406. 

  406.         </div>
    407. 

  407.       </div> <!-- mainContainer -->
    408. 

  408. 

  409.       <div id="dialogContainer">
    410. 

  410.         <dialog id="passwordDialog">
    411. 

  411.           <div class="row">
    412. 

  412.             <label for="password" id="passwordText" data-l10n-id="pdfjs-password-label"></label>
    413. 

  413.           </div>
    414. 

  414.           <div class="row">
    415. 

  415.             <input type="password" id="password" class="toolbarField">
    416. 

  416.           </div>
    417. 

  417.           <div class="buttonRow">
    418. 

  418.             <button id="passwordCancel" class="dialogButton" type="button"><span data-l10n-id="pdfjs-password-cancel-button"></span></button>
    419. 

  419.             <button id="passwordSubmit" class="dialogButton" type="button"><span data-l10n-id="pdfjs-password-ok-button"></span></button>
    420. 

  420.           </div>
    421. 

  421.         </dialog>
    422. 

  422.         <dialog id="documentPropertiesDialog">
    423. 

  423.           <div class="row">
    424. 

  424.             <span id="fileNameLabel" data-l10n-id="pdfjs-document-properties-file-name"></span>
    425. 

  425.             <p id="fileNameField" aria-labelledby="fileNameLabel">-</p>
    426. 

  426.           </div>
    427. 

  427.           <div class="row">
    428. 

  428.             <span id="fileSizeLabel" data-l10n-id="pdfjs-document-properties-file-size"></span>
    429. 

  429.             <p id="fileSizeField" aria-labelledby="fileSizeLabel">-</p>
    430. 

  430.           </div>
    431. 

  431.           <div class="separator"></div>
    432. 

  432.           <div class="row">
    433. 

  433.             <span id="titleLabel" data-l10n-id="pdfjs-document-properties-title"></span>
    434. 

  434.             <p id="titleField" aria-labelledby="titleLabel">-</p>
    435. 

  435.           </div>
    436. 

  436.           <div class="row">
    437. 

  437.             <span id="authorLabel" data-l10n-id="pdfjs-document-properties-author"></span>
    438. 

  438.             <p id="authorField" aria-labelledby="authorLabel">-</p>
    439. 

  439.           </div>
    440. 

  440.           <div class="row">
    441. 

  441.             <span id="subjectLabel" data-l10n-id="pdfjs-document-properties-subject"></span>
    442. 

  442.             <p id="subjectField" aria-labelledby="subjectLabel">-</p>
    443. 

  443.           </div>
    444. 

  444.           <div class="row">
    445. 

  445.             <span id="keywordsLabel" data-l10n-id="pdfjs-document-properties-keywords"></span>
    446. 

  446.             <p id="keywordsField" aria-labelledby="keywordsLabel">-</p>
    447. 

  447.           </div>
    448. 

  448.           <div class="row">
    449. 

  449.             <span id="creationDateLabel" data-l10n-id="pdfjs-document-properties-creation-date"></span>
    450. 

  450.             <p id="creationDateField" aria-labelledby="creationDateLabel">-</p>
    451. 

  451.           </div>
    452. 

  452.           <div class="row">
    453. 

  453.             <span id="modificationDateLabel" data-l10n-id="pdfjs-document-properties-modification-date"></span>
    454. 

  454.             <p id="modificationDateField" aria-labelledby="modificationDateLabel">-</p>
    455. 

  455.           </div>
    456. 

  456.           <div class="row">
    457. 

  457.             <span id="creatorLabel" data-l10n-id="pdfjs-document-properties-creator"></span>
    458. 

  458.             <p id="creatorField" aria-labelledby="creatorLabel">-</p>
    459. 

  459.           </div>
    460. 

  460.           <div class="separator"></div>
    461. 

  461.           <div class="row">
    462. 

  462.             <span id="producerLabel" data-l10n-id="pdfjs-document-properties-producer"></span>
    463. 

  463.             <p id="producerField" aria-labelledby="producerLabel">-</p>
    464. 

  464.           </div>
    465. 

  465.           <div class="row">
    466. 

  466.             <span id="versionLabel" data-l10n-id="pdfjs-document-properties-version"></span>
    467. 

  467.             <p id="versionField" aria-labelledby="versionLabel">-</p>
    468. 

  468.           </div>
    469. 

  469.           <div class="row">
    470. 

  470.             <span id="pageCountLabel" data-l10n-id="pdfjs-document-properties-page-count"></span>
    471. 

  471.             <p id="pageCountField" aria-labelledby="pageCountLabel">-</p>
    472. 

  472.           </div>
    473. 

  473.           <div class="row">
    474. 

  474.             <span id="pageSizeLabel" data-l10n-id="pdfjs-document-properties-page-size"></span>
    475. 

  475.             <p id="pageSizeField" aria-labelledby="pageSizeLabel">-</p>
    476. 

  476.           </div>
    477. 

  477.           <div class="separator"></div>
    478. 

  478.           <div class="row">
    479. 

  479.             <span id="linearizedLabel" data-l10n-id="pdfjs-document-properties-linearized"></span>
    480. 

  480.             <p id="linearizedField" aria-labelledby="linearizedLabel">-</p>
    481. 

  481.           </div>
    482. 

  482.           <div class="buttonRow">
    483. 

  483.             <button id="documentPropertiesClose" class="dialogButton" type="button"><span data-l10n-id="pdfjs-document-properties-close-button"></span></button>
    484. 

  484.           </div>
    485. 

  485.         </dialog>
    486. 

  486.         <dialog class="dialog altText" id="altTextDialog" aria-labelledby="dialogLabel" aria-describedby="dialogDescription">
    487. 

  487.           <div id="altTextContainer" class="mainContainer">
    488. 

  488.             <div id="overallDescription">
    489. 

  489.               <span id="dialogLabel" data-l10n-id="pdfjs-editor-alt-text-dialog-label" class="title"></span>
    490. 

  490.               <span id="dialogDescription" data-l10n-id="pdfjs-editor-alt-text-dialog-description"></span>
    491. 

  491.             </div>
    492. 

  492.             <div id="addDescription">
    493. 

  493.               <div class="radio">
    494. 

  494.                 <div class="radioButton">
    495. 

  495.                   <input type="radio" id="descriptionButton" name="altTextOption" tabindex="0" aria-describedby="descriptionAreaLabel" checked>
    496. 

  496.                   <label for="descriptionButton" data-l10n-id="pdfjs-editor-alt-text-add-description-label"></label>
    497. 

  497.                 </div>
    498. 

  498.                 <div class="radioLabel">
    499. 

  499.                   <span id="descriptionAreaLabel" data-l10n-id="pdfjs-editor-alt-text-add-description-description"></span>
    500. 

  500.                 </div>
    501. 

  501.               </div>
    502. 

  502.               <div class="descriptionArea">
    503. 

  503.                 <textarea id="descriptionTextarea" aria-labelledby="descriptionAreaLabel" data-l10n-id="pdfjs-editor-alt-text-textarea" tabindex="0"></textarea>
    504. 

  504.               </div>
    505. 

  505.             </div>
    506. 

  506.             <div id="markAsDecorative">
    507. 

  507.               <div class="radio">
    508. 

  508.                 <div class="radioButton">
    509. 

  509.                   <input type="radio" id="decorativeButton" name="altTextOption" aria-describedby="decorativeLabel">
    510. 

  510.                   <label for="decorativeButton" data-l10n-id="pdfjs-editor-alt-text-mark-decorative-label"></label>
    511. 

  511.                 </div>
    512. 

  512.                 <div class="radioLabel">
    513. 

  513.                   <span id="decorativeLabel" data-l10n-id="pdfjs-editor-alt-text-mark-decorative-description"></span>
    514. 

  514.                 </div>
    515. 

  515.               </div>
    516. 

  516.             </div>
    517. 

  517.             <div id="buttons">
    518. 

  518.               <button id="altTextCancel" class="secondaryButton" type="button" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-cancel-button"></span></button>
    519. 

  519.               <button id="altTextSave" class="primaryButton" type="button" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-save-button"></span></button>
    520. 

  520.             </div>
    521. 

  521.           </div>
    522. 

  522.         </dialog>
    523. 

  523.         <dialog class="dialog newAltText" id="newAltTextDialog" aria-labelledby="newAltTextTitle" aria-describedby="newAltTextDescription" tabindex="0">
    524. 

  524.           <div id="newAltTextContainer" class="mainContainer">
    525. 

  525.             <div class="title">
    526. 

  526.               <span id="newAltTextTitle" data-l10n-id="pdfjs-editor-new-alt-text-dialog-edit-label" role="sectionhead" tabindex="0"></span>
    527. 

  527.             </div>
    528. 

  528.             <div id="mainContent">
    529. 

  529.               <div id="descriptionAndSettings">
    530. 

  530.                 <div id="descriptionInstruction">
    531. 

  531.                   <div id="newAltTextDescriptionContainer">
    532. 

  532.                     <div class="altTextSpinner" role="status" aria-live="polite"></div>
    533. 

  533.                     <textarea id="newAltTextDescriptionTextarea" aria-labelledby="descriptionAreaLabel" data-l10n-id="pdfjs-editor-new-alt-text-textarea" tabindex="0"></textarea>
    534. 

  534.                   </div>
    535. 

  535.                   <span id="newAltTextDescription" role="note" data-l10n-id="pdfjs-editor-new-alt-text-description"></span>
    536. 

  536.                   <div id="newAltTextDisclaimer" role="note"><div><span data-l10n-id="pdfjs-editor-new-alt-text-disclaimer1"></span> <a href="https://support.mozilla.org/en-US/kb/pdf-alt-text" target="_blank" rel="noopener noreferrer" id="newAltTextLearnMore" data-l10n-id="pdfjs-editor-new-alt-text-disclaimer-learn-more-url" tabindex="0"></a></div></div>
    537. 

  537.                 </div>
    538. 

  538.                 <div id="newAltTextCreateAutomatically" class="toggler">
    539. 

  539.                   <button id="newAltTextCreateAutomaticallyButton" class="toggle-button" type="button" aria-pressed="true" tabindex="0"></button>
    540. 

  540.                   <label for="newAltTextCreateAutomaticallyButton" class="togglerLabel" data-l10n-id="pdfjs-editor-new-alt-text-create-automatically-button-label"></label>
    541. 

  541.                 </div>
    542. 

  542.                 <div id="newAltTextDownloadModel" class="hidden">
    543. 

  543.                   <span id="newAltTextDownloadModelDescription" data-l10n-id="pdfjs-editor-new-alt-text-ai-model-downloading-progress" aria-valuemin="0" data-l10n-args='{ "totalSize": 0, "downloadedSize": 0 }'></span>
    544. 

  544.                 </div>
    545. 

  545.               </div>
    546. 

  546.               <div id="newAltTextImagePreview"></div>
    547. 

  547.             </div>
    548. 

  548.             <div id="newAltTextError" class="messageBar">
    549. 

  549.               <div>
    550. 

  550.                 <div>
    551. 

  551.                   <span class="title" data-l10n-id="pdfjs-editor-new-alt-text-error-title"></span>
    552. 

  552.                   <span  class="description" data-l10n-id="pdfjs-editor-new-alt-text-error-description"></span>
    553. 

  553.                 </div>
    554. 

  554.                 <button id="newAltTextCloseButton" class="closeButton" type="button" tabindex="0"><span data-l10n-id="pdfjs-editor-new-alt-text-error-close-button"></span></button>
    555. 

  555.               </div>
    556. 

  556.             </div>
    557. 

  557.             <div id="newAltTextButtons" class="dialogButtonsGroup">
    558. 

  558.               <button id="newAltTextCancel" type="button" class="secondaryButton hidden" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-cancel-button"></span></button>
    559. 

  559.               <button id="newAltTextNotNow" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-new-alt-text-not-now-button"></span></button>
    560. 

  560.               <button id="newAltTextSave" type="button" class="primaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-save-button"></span></button>
    561. 

  561.             </div>
    562. 

  562.           </div>
    563. 

  563.         </dialog>
    564. 

  564. 

  565.         <dialog class="dialog" id="altTextSettingsDialog" aria-labelledby="altTextSettingsTitle">
    566. 

  566.           <div id="altTextSettingsContainer" class="mainContainer">
    567. 

  567.             <div class="title">
    568. 

  568.               <span id="altTextSettingsTitle" data-l10n-id="pdfjs-editor-alt-text-settings-dialog-label" role="sectionhead" tabindex="0" class="title"></span>
    569. 

  569.             </div>
    570. 

  570.             <div id="automaticAltText">
    571. 

  571.               <span data-l10n-id="pdfjs-editor-alt-text-settings-automatic-title"></span>
    572. 

  572.               <div id="automaticSettings">
    573. 

  573.                 <div id="createModelSetting">
    574. 

  574.                   <div class="toggler">
    575. 

  575.                     <button id="createModelButton" type="button" class="toggle-button" aria-pressed="true" tabindex="0"></button>
    576. 

  576.                     <label for="createModelButton" class="togglerLabel" data-l10n-id="pdfjs-editor-alt-text-settings-create-model-button-label"></label>
    577. 

  577.                   </div>
    578. 

  578.                   <div id="createModelDescription" class="description">
    579. 

  579.                     <span data-l10n-id="pdfjs-editor-alt-text-settings-create-model-description"></span> <a href="https://support.mozilla.org/en-US/kb/pdf-alt-text" target="_blank" rel="noopener noreferrer" id="altTextSettingsLearnMore" data-l10n-id="pdfjs-editor-new-alt-text-disclaimer-learn-more-url" tabindex="0"></a>
    580. 

  580.                   </div>
    581. 

  581.                 </div>
    582. 

  582.                 <div id="aiModelSettings">
    583. 

  583.                   <div>
    584. 

  584.                     <span data-l10n-id="pdfjs-editor-alt-text-settings-download-model-label" data-l10n-args='{ "totalSize": 180 }'></span>
    585. 

  585.                     <div id="aiModelDescription" class="description">
    586. 

  586.                       <span data-l10n-id="pdfjs-editor-alt-text-settings-ai-model-description"></span>
    587. 

  587.                     </div>
    588. 

  588.                   </div>
    589. 

  589.                   <button id="deleteModelButton" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-settings-delete-model-button"></span></button>
    590. 

  590.                   <button id="downloadModelButton" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-settings-download-model-button"></span></button>
    591. 

  591.                 </div>
    592. 

  592.               </div>
    593. 

  593.             </div>
    594. 

  594.             <div class="dialogSeparator"></div>
    595. 

  595.             <div id="altTextEditor">
    596. 

  596.               <span data-l10n-id="pdfjs-editor-alt-text-settings-editor-title"></span>
    597. 

  597.               <div id="showAltTextEditor">
    598. 

  598.                 <div class="toggler">
    599. 

  599.                   <button id="showAltTextDialogButton" type="button" class="toggle-button" aria-pressed="true" tabindex="0"></button>
    600. 

  600.                   <label for="showAltTextDialogButton" class="togglerLabel" data-l10n-id="pdfjs-editor-alt-text-settings-show-dialog-button-label"></label>
    601. 

  601.                 </div>
    602. 

  602.                 <div id="showAltTextDialogDescription" class="description">
    603. 

  603.                   <span data-l10n-id="pdfjs-editor-alt-text-settings-show-dialog-description"></span>
    604. 

  604.                 </div>
    605. 

  605.               </div>
    606. 

  606.             </div>
    607. 

  607.             <div id="buttons" class="dialogButtonsGroup">
    608. 

  608.               <button id="altTextSettingsCloseButton" type="button" class="primaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-settings-close-button"></span></button>
    609. 

  609.             </div>
    610. 

  610.           </div>
    611. 

  611.         </dialog>
    612. 

  612. 

  613.         <dialog class="dialog signatureDialog" id="addSignatureDialog" aria-labelledby="addSignatureDialogLabel">
    614. 

  614.           <span id="addSignatureDialogLabel" data-l10n-id="pdfjs-editor-add-signature-dialog-label"></span>
    615. 

  615.           <div id="addSignatureContainer" class="mainContainer">
    616. 

  616.             <div class="title">
    617. 

  617.               <span role="sectionhead" data-l10n-id="pdfjs-editor-add-signature-dialog-title" tabindex="0"></span>
    618. 

  618.             </div>
    619. 

  619.             <div role="tablist" id="addSignatureOptions">
    620. 

  620.               <button id="addSignatureTypeButton" type="button" role="tab" aria-selected="true" aria-controls="addSignatureTypeContainer" data-l10n-id="pdfjs-editor-add-signature-type-button" tabindex="0"></button>
    621. 

  621.               <button id="addSignatureDrawButton" type="button" role="tab" aria-selected="false" aria-controls="addSignatureDrawContainer" data-l10n-id="pdfjs-editor-add-signature-draw-button" tabindex="0"></button>
    622. 

  622.               <button id="addSignatureImageButton" type="button" role="tab" aria-selected="false" aria-controls="addSignatureImageContainer" data-l10n-id="pdfjs-editor-add-signature-image-button" tabindex="-1"></button>
    623. 

  623.             </div>
    624. 

  624.             <div id="addSignatureActionContainer" data-selected="type">
    625. 

  625.               <div id="addSignatureTypeContainer" role="tabpanel" aria-labelledby="addSignatureTypeContainer">
    626. 

  626.                 <input id="addSignatureTypeInput" type="text" data-l10n-id="pdfjs-editor-add-signature-type-input" tabindex="0"></input>
    627. 

  627.               </div>
    628. 

  628.               <div id="addSignatureDrawContainer" role="tabpanel" aria-labelledby="addSignatureDrawButton" tabindex="-1">
    629. 

  629.                 <svg id="addSignatureDraw" xmlns="http://www.w3.org/2000/svg" aria-labelledby="addSignatureDrawPlaceholder"></svg>
    630. 

  630.                 <span id="addSignatureDrawPlaceholder" data-l10n-id="pdfjs-editor-add-signature-draw-placeholder"></span>
    631. 

  631.                 <div id="thickness">
    632. 

  632.                   <div>
    633. 

  633.                     <label for="addSignatureDrawThickness" data-l10n-id="pdfjs-editor-add-signature-draw-thickness-range-label"></label>
    634. 

  634.                     <input type="range" id="addSignatureDrawThickness" min="1" max="5" step="1" value="1" data-l10n-id="pdfjs-editor-add-signature-draw-thickness-range" data-l10n-args='{ "thickness": 1 }' tabindex="0">
    635. 

  635.                   </div>
    636. 

  636.                 </div>
    637. 

  637.               </div>
    638. 

  638.               <div id="addSignatureImageContainer" role="tabpanel" aria-labelledby="addSignatureImageButton" tabindex="-1">
    639. 

  639.                 <svg id="addSignatureImage" xmlns="http://www.w3.org/2000/svg" aria-labelledby="addSignatureImagePlaceholder"></svg>
    640. 

  640.                 <div id="addSignatureImagePlaceholder">
    641. 

  641.                   <span data-l10n-id="pdfjs-editor-add-signature-image-placeholder"></span>
    642. 

  642.                   <label id="addSignatureImageBrowse" for="addSignatureFilePicker" tabindex="0">
    643. 

  643.                     <a data-l10n-id="pdfjs-editor-add-signature-image-browse-link"></a>
    644. 

  644.                   </label>
    645. 

  645.                   <input id="addSignatureFilePicker" type="file"></input>
    646. 

  646.                 </div>
    647. 

  647.               </div>
    648. 

  648.               <div id="addSignatureControls">
    649. 

  649.                 <div id="horizontalContainer">
    650. 

  650.                   <div id="addSignatureDescriptionContainer">
    651. 

  651.                     <label for="addSignatureDescInput" data-l10n-id="pdfjs-editor-add-signature-description-label"></label>
    652. 

  652.                     <span id="addSignatureDescription" class="inputWithClearButton">
    653. 

  653.                       <input id="addSignatureDescInput" type="text" data-l10n-id="pdfjs-editor-add-signature-description-input" tabindex="0"></input>
    654. 

  654.                       <button class="clearInputButton" type="button" tabindex="0" aria-hidden="true"></button>
    655. 

  655.                     </span>
    656. 

  656.                   </div>
    657. 

  657.                   <button id="clearSignatureButton" type="button" data-l10n-id="pdfjs-editor-add-signature-clear-button" tabindex="0"><span data-l10n-id="pdfjs-editor-add-signature-clear-button-label"></span></button>
    658. 

  658.                 </div>
    659. 

  659.                 <div id="addSignatureSaveContainer">
    660. 

  660.                   <input type="checkbox" id="addSignatureSaveCheckbox" checked="true"></input>
    661. 

  661.                   <label for="addSignatureSaveCheckbox" data-l10n-id="pdfjs-editor-add-signature-save-checkbox"></label>
    662. 

  662.                   <span></span>
    663. 

  663.                   <span id="addSignatureSaveWarning" data-l10n-id="pdfjs-editor-add-signature-save-warning-message"></span>
    664. 

  664.                 </div>
    665. 

  665.               </div>
    666. 

  666.               <div id="addSignatureError" hidden="true" class="messageBar">
    667. 

  667.                 <div>
    668. 

  668.                   <div>
    669. 

  669.                     <span class="title" data-l10n-id="pdfjs-editor-add-signature-image-upload-error-title"></span>
    670. 

  670.                     <span class="description" data-l10n-id="pdfjs-editor-add-signature-image-upload-error-description"></span>
    671. 

  671.                   </div>
    672. 

  672.                   <button id="addSignatureErrorCloseButton" class="closeButton" type="button" tabindex="0"><span data-l10n-id="pdfjs-editor-add-signature-error-close-button"></span></button>
    673. 

  673.                 </div>
    674. 

  674.               </div>
    675. 

  675.               <div class="dialogButtonsGroup">
    676. 

  676.                 <button id="addSignatureCancelButton" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-add-signature-cancel-button"></span></button>
    677. 

  677.                 <button id="addSignatureAddButton" type="button" class="primaryButton" disabled tabindex="0"><span data-l10n-id="pdfjs-editor-add-signature-add-button"></span></button>
    678. 

  678.               </div>
    679. 

  679.             </div>
    680. 

  680.           </div>
    681. 

  681.        </dialog>
    682. 

  682. 

  683.        <dialog class="dialog signatureDialog" id="editSignatureDescriptionDialog" aria-labelledby="editSignatureDescriptionTitle">
    684. 

  684.         <div id="editSignatureDescriptionContainer" class="mainContainer">
    685. 

  685.           <div class="title">
    686. 

  686.             <span id="editSignatureDescriptionTitle" role="sectionhead" data-l10n-id="pdfjs-editor-edit-signature-dialog-title" tabindex="0"></span>
    687. 

  687.           </div>
    688. 

  688.           <div id="editSignatureDescriptionAndView">
    689. 

  689.             <div id="editSignatureDescriptionContainer">
    690. 

  690.               <label for="editSignatureDescInput" data-l10n-id="pdfjs-editor-add-signature-description-label"></label>
    691. 

  691.               <span id="editSignatureDescription" class="inputWithClearButton">
    692. 

  692.                 <input id="editSignatureDescInput" type="text" data-l10n-id="pdfjs-editor-add-signature-description-input" tabindex="0"></input>
    693. 

  693.                 <button class="clearInputButton" type="button" tabindex="0" aria-hidden="true"></button>
    694. 

  694.               </span>
    695. 

  695.             </div>
    696. 

  696.             <svg id="editSignatureView" xmlns="http://www.w3.org/2000/svg"></svg>
    697. 

  697.           </div>
    698. 

  698.           <div class="dialogButtonsGroup">
    699. 

  699.             <button id="editSignatureCancelButton" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-add-signature-cancel-button"></span></button>
    700. 

  700.             <button id="editSignatureUpdateButton" type="button" class="primaryButton" disabled tabindex="0"><span data-l10n-id="pdfjs-editor-edit-signature-update-button"></span></button>
    701. 

  701.           </div>
    702. 

  702.         </div>
    703. 

  703.       </dialog>
    704. 

  704. 

  705.         <dialog id="printServiceDialog" style="min-width: 200px;">
    706. 

  706.           <div class="row">
    707. 

  707.             <span data-l10n-id="pdfjs-print-progress-message"></span>
    708. 

  708.           </div>
    709. 

  709.           <div class="row">
    710. 

  710.             <progress value="0" max="100"></progress>
    711. 

  711.             <span data-l10n-id="pdfjs-print-progress-percent" data-l10n-args='{ "progress": 0 }' class="relative-progress">0%</span>
    712. 

  712.           </div>
    713. 

  713.           <div class="buttonRow">
    714. 

  714.             <button id="printCancel" class="dialogButton" type="button"><span data-l10n-id="pdfjs-print-progress-close-button"></span></button>
    715. 

  715.           </div>
    716. 

  716.         </dialog>
    717. 

  717.       </div>  <!-- dialogContainer -->
    718. 

  718. 

  719.       <div id="editorUndoBar" class="messageBar" role="status" aria-labelledby="editorUndoBarMessage" tabindex="-1" hidden>
    720. 

  720.         <div>
    721. 

  721.           <div>
    722. 

  722.             <span id="editorUndoBarMessage" class="description"></span>
    723. 

  723.           </div>
    724. 

  724.           <button id="editorUndoBarUndoButton" class="undoButton" type="button" tabindex="0" data-l10n-id="pdfjs-editor-undo-bar-undo-button">
    725. 

  725.             <span data-l10n-id="pdfjs-editor-undo-bar-undo-button-label"></span>
    726. 

  726.           </button>
    727. 

  727.           <button id="editorUndoBarCloseButton" class="closeButton" type="button" tabindex="0" data-l10n-id="pdfjs-editor-undo-bar-close-button">
    728. 

  728.             <span data-l10n-id="pdfjs-editor-undo-bar-close-button-label"></span>
    729. 

  729.           </button>
    730. 

  730.         </div>
    731. 

  731.       </div> <!-- editorUndoBar -->
    732. 

  732. 

  733.     </div> <!-- outerContainer -->
    734. 

  734.     <div id="printContainer"></div>
    735. 

  735.   </body>
    736. 

  736. </html>
    737.