Hugging Face's logo

Spaces:
eberhenriquez94
/
OCR
Sleeping

App Files Community
eberhenriquez94 commited on
Commit
eea60d8
·
verified ·
1 Parent(s): bfd18e9

a

Browse files
Files changed (1) hide show
  1. viewer.html +694 -0
viewer.html ADDED
@@ -0,0 +1,694 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <!--
3
+ Copyright 2012 Mozilla Foundation
4
+
5
+ Licensed under the Apache License, Version 2.0 (the "License");
6
+ you may not use this file except in compliance with the License.
7
+ You may obtain a copy of the License at
8
+
9
+ http://www.apache.org/licenses/LICENSE-2.0
10
+
11
+ Unless required by applicable law or agreed to in writing, software
12
+ distributed under the License is distributed on an "AS IS" BASIS,
13
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14
+ See the License for the specific language governing permissions and
15
+ limitations under the License.
16
+
17
+ Adobe CMap resources are covered by their own copyright but the same license:
18
+
19
+ Copyright 1990-2015 Adobe Systems Incorporated.
20
+
21
+ See https://github.com/adobe-type-tools/cmap-resources
22
+ -->
23
+ <html dir="ltr" mozdisallowselectionprint>
24
+ <head>
25
+ <meta charset="utf-8">
26
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
27
+ <!--#if GENERIC || CHROME-->
28
+ <meta name="google" content="notranslate">
29
+ <!--#endif-->
30
+ <title>PDF.js viewer</title>
31
+
32
+ <!--#if MOZCENTRAL-->
33
+ <!--#include viewer-snippet-firefox-extension.html-->
34
+ <!--#elif CHROME-->
35
+ <!--#include viewer-snippet-chrome-extension.html-->
36
+ <!--#else-->
37
+ <!--#include viewer-snippet.html-->
38
+ <!--#endif-->
39
+
40
+ <!--#if MOZCENTRAL-->
41
+ <!--<link rel="stylesheet" href="resource://pdf.js/web/viewer.css">-->
42
+ <!--<link rel="localization" href="toolkit/pdfviewer/viewer.ftl"/>-->
43
+ <!--#else-->
44
+ <link rel="stylesheet" href="viewer.css">
45
+ <!--#endif-->
46
+
47
+ <!--#if MOZCENTRAL-->
48
+ <!--<script src="resource://pdf.js/web/viewer.mjs" type="module"></script>-->
49
+ <!--#elif !MOZCENTRAL-->
50
+ <!--<script src="viewer.mjs" type="module"></script>-->
51
+ <!--#elif /* Development mode. */-->
52
+ <link rel="resource" type="application/l10n" href="locale/locale.json">
53
+
54
+ <script type="importmap">
55
+ {
56
+ "imports": {
57
+ "pdfjs/": "../src/",
58
+ "pdfjs-lib": "../src/pdf.js",
59
+ "pdfjs-web/": "./",
60
+
61
+ "fluent-bundle": "../node_modules/@fluent/bundle/esm/index.js",
62
+ "fluent-dom": "../node_modules/@fluent/dom/esm/index.js",
63
+ "cached-iterable": "../node_modules/cached-iterable/src/index.mjs",
64
+
65
+ "display-cmap_reader_factory": "../src/display/cmap_reader_factory.js",
66
+ "display-standard_fontdata_factory": "../src/display/standard_fontdata_factory.js",
67
+ "display-fetch_stream": "../src/display/fetch_stream.js",
68
+ "display-network": "../src/display/network.js",
69
+ "display-node_stream": "../src/display/stubs.js",
70
+ "display-node_utils": "../src/display/stubs.js",
71
+
72
+ "web-alt_text_manager": "./alt_text_manager.js",
73
+ "web-annotation_editor_params": "./annotation_editor_params.js",
74
+ "web-download_manager": "./download_manager.js",
75
+ "web-external_services": "./genericcom.js",
76
+ "web-new_alt_text_manager": "./new_alt_text_manager.js",
77
+ "web-null_l10n": "./genericl10n.js",
78
+ "web-pdf_attachment_viewer": "./pdf_attachment_viewer.js",
79
+ "web-pdf_cursor_tools": "./pdf_cursor_tools.js",
80
+ "web-pdf_document_properties": "./pdf_document_properties.js",
81
+ "web-pdf_find_bar": "./pdf_find_bar.js",
82
+ "web-pdf_layer_viewer": "./pdf_layer_viewer.js",
83
+ "web-pdf_outline_viewer": "./pdf_outline_viewer.js",
84
+ "web-pdf_presentation_mode": "./pdf_presentation_mode.js",
85
+ "web-pdf_sidebar": "./pdf_sidebar.js",
86
+ "web-pdf_thumbnail_viewer": "./pdf_thumbnail_viewer.js",
87
+ "web-preferences": "./genericcom.js",
88
+ "web-print_service": "./pdf_print_service.js",
89
+ "web-secondary_toolbar": "./secondary_toolbar.js",
90
+ "web-toolbar": "./toolbar.js"
91
+ }
92
+ }
93
+ </script>
94
+ <script src="viewer.js" type="module"></script>
95
+ <!--#endif-->
96
+ </head>
97
+
98
+ <body tabindex="0">
99
+ <div id="outerContainer">
100
+
101
+ <div id="sidebarContainer">
102
+ <div id="toolbarSidebar" class="toolbarHorizontalGroup">
103
+ <div id="toolbarSidebarLeft">
104
+ <div id="sidebarViewButtons" class="toolbarHorizontalGroup toggled" role="radiogroup">
105
+ <button id="viewThumbnail" class="toolbarButton toggled" type="button" title="Show Thumbnails" tabindex="0" data-l10n-id="pdfjs-thumbs-button" role="radio" aria-checked="true" aria-controls="thumbnailView">
106
+ <span data-l10n-id="pdfjs-thumbs-button-label">Thumbnails</span>
107
+ </button>
108
+ <button id="viewOutline" class="toolbarButton" type="button" title="Show Document Outline (double-click to expand/collapse all items)" tabindex="0" data-l10n-id="pdfjs-document-outline-button" role="radio" aria-checked="false" aria-controls="outlineView">
109
+ <span data-l10n-id="pdfjs-document-outline-button-label">Document Outline</span>
110
+ </button>
111
+ <button id="viewAttachments" class="toolbarButton" type="button" title="Show Attachments" tabindex="0" data-l10n-id="pdfjs-attachments-button" role="radio" aria-checked="false" aria-controls="attachmentsView">
112
+ <span data-l10n-id="pdfjs-attachments-button-label">Attachments</span>
113
+ </button>
114
+ <button id="viewLayers" class="toolbarButton" type="button" title="Show Layers (double-click to reset all layers to the default state)" tabindex="0" data-l10n-id="pdfjs-layers-button" role="radio" aria-checked="false" aria-controls="layersView">
115
+ <span data-l10n-id="pdfjs-layers-button-label">Layers</span>
116
+ </button>
117
+ </div>
118
+ </div>
119
+
120
+ <div id="toolbarSidebarRight">
121
+ <div id="outlineOptionsContainer" class="toolbarHorizontalGroup">
122
+ <div class="verticalToolbarSeparator"></div>
123
+
124
+ <button id="currentOutlineItem" class="toolbarButton" type="button" disabled="disabled" title="Find Current Outline Item" tabindex="0" data-l10n-id="pdfjs-current-outline-item-button">
125
+ <span data-l10n-id="pdfjs-current-outline-item-button-label">Current Outline Item</span>
126
+ </button>
127
+ </div>
128
+ </div>
129
+ </div>
130
+ <div id="sidebarContent">
131
+ <div id="thumbnailView">
132
+ </div>
133
+ <div id="outlineView" class="hidden">
134
+ </div>
135
+ <div id="attachmentsView" class="hidden">
136
+ </div>
137
+ <div id="layersView" class="hidden">
138
+ </div>
139
+ </div>
140
+ <div id="sidebarResizer"></div>
141
+ </div> <!-- sidebarContainer -->
142
+
143
+ <div id="mainContainer">
144
+ <div class="toolbar">
145
+ <div id="toolbarContainer">
146
+ <div id="toolbarViewer" class="toolbarHorizontalGroup">
147
+ <div id="toolbarViewerLeft" class="toolbarHorizontalGroup">
148
+ <button id="sidebarToggleButton" class="toolbarButton" type="button" title="Toggle Sidebar" tabindex="0" data-l10n-id="pdfjs-toggle-sidebar-button" aria-expanded="false" aria-haspopup="true" aria-controls="sidebarContainer">
149
+ <span data-l10n-id="pdfjs-toggle-sidebar-button-label">Toggle Sidebar</span>
150
+ </button>
151
+ <div class="toolbarButtonSpacer"></div>
152
+ <div class="toolbarButtonWithContainer">
153
+ <button id="viewFindButton" class="toolbarButton" type="button" title="Find in Document" tabindex="0" data-l10n-id="pdfjs-findbar-button" aria-expanded="false" aria-controls="findbar">
154
+ <span data-l10n-id="pdfjs-findbar-button-label">Find</span>
155
+ </button>
156
+ <div class="hidden doorHanger toolbarHorizontalGroup" id="findbar">
157
+ <div id="findInputContainer" class="toolbarHorizontalGroup">
158
+ <span class="loadingInput end toolbarHorizontalGroup">
159
+ <input id="findInput" class="toolbarField" title="Find" placeholder="Find in document…" tabindex="0" data-l10n-id="pdfjs-find-input" aria-invalid="false">
160
+ </span>
161
+ <div class="toolbarHorizontalGroup">
162
+ <button id="findPreviousButton" class="toolbarButton" type="button" title="Find the previous occurrence of the phrase" tabindex="0" data-l10n-id="pdfjs-find-previous-button">
163
+ <span data-l10n-id="pdfjs-find-previous-button-label">Previous</span>
164
+ </button>
165
+ <div class="splitToolbarButtonSeparator"></div>
166
+ <button id="findNextButton" class="toolbarButton" type="button" title="Find the next occurrence of the phrase" tabindex="0" data-l10n-id="pdfjs-find-next-button">
167
+ <span data-l10n-id="pdfjs-find-next-button-label">Next</span>
168
+ </button>
169
+ </div>
170
+ </div>
171
+
172
+ <div id="findbarOptionsOneContainer" class="toolbarHorizontalGroup">
173
+ <div class="toggleButton toolbarLabel">
174
+ <input type="checkbox" id="findHighlightAll" tabindex="0" />
175
+ <label for="findHighlightAll" data-l10n-id="pdfjs-find-highlight-checkbox">Highlight All</label>
176
+ </div>
177
+ <div class="toggleButton toolbarLabel">
178
+ <input type="checkbox" id="findMatchCase" tabindex="0" />
179
+ <label for="findMatchCase" data-l10n-id="pdfjs-find-match-case-checkbox-label">Match Case</label>
180
+ </div>
181
+ </div>
182
+ <div id="findbarOptionsTwoContainer" class="toolbarHorizontalGroup">
183
+ <div class="toggleButton toolbarLabel">
184
+ <input type="checkbox" id="findMatchDiacritics" tabindex="0" />
185
+ <label for="findMatchDiacritics" data-l10n-id="pdfjs-find-match-diacritics-checkbox-label">Match Diacritics</label>
186
+ </div>
187
+ <div class="toggleButton toolbarLabel">
188
+ <input type="checkbox" id="findEntireWord" tabindex="0" />
189
+ <label for="findEntireWord" data-l10n-id="pdfjs-find-entire-word-checkbox-label">Whole Words</label>
190
+ </div>
191
+ </div>
192
+
193
+ <div id="findbarMessageContainer" class="toolbarHorizontalGroup" aria-live="polite">
194
+ <span id="findResultsCount" class="toolbarLabel"></span>
195
+ <span id="findMsg" class="toolbarLabel"></span>
196
+ </div>
197
+ </div> <!-- findbar -->
198
+ </div>
199
+ <div class="toolbarHorizontalGroup hiddenSmallView">
200
+ <button class="toolbarButton" title="Previous Page" type="button" id="previous" tabindex="0" data-l10n-id="pdfjs-previous-button">
201
+ <span data-l10n-id="pdfjs-previous-button-label">Previous</span>
202
+ </button>
203
+ <div class="splitToolbarButtonSeparator"></div>
204
+ <button class="toolbarButton" type="button" title="Next Page" id="next" tabindex="0" data-l10n-id="pdfjs-next-button">
205
+ <span data-l10n-id="pdfjs-next-button-label">Next</span>
206
+ </button>
207
+ </div>
208
+ <div class="toolbarHorizontalGroup">
209
+ <span class="loadingInput start toolbarHorizontalGroup">
210
+ <input type="number" id="pageNumber" class="toolbarField" title="Page" value="1" min="1" tabindex="0" data-l10n-id="pdfjs-page-input" autocomplete="off">
211
+ </span>
212
+ <span id="numPages" class="toolbarLabel"></span>
213
+ </div>
214
+ </div>
215
+ <div id="toolbarViewerMiddle" class="toolbarHorizontalGroup">
216
+ <div class="toolbarHorizontalGroup">
217
+ <button id="zoomOutButton" class="toolbarButton" type="button" title="Zoom Out" tabindex="0" data-l10n-id="pdfjs-zoom-out-button">
218
+ <span data-l10n-id="pdfjs-zoom-out-button-label">Zoom Out</span>
219
+ </button>
220
+ <div class="splitToolbarButtonSeparator"></div>
221
+ <button id="zoomInButton" class="toolbarButton" type="button" title="Zoom In" tabindex="0" data-l10n-id="pdfjs-zoom-in-button">
222
+ <span data-l10n-id="pdfjs-zoom-in-button-label">Zoom In</span>
223
+ </button>
224
+ </div>
225
+ <span id="scaleSelectContainer" class="dropdownToolbarButton">
226
+ <select id="scaleSelect" title="Zoom" tabindex="0" data-l10n-id="pdfjs-zoom-select">
227
+ <option id="pageAutoOption" title="" value="auto" selected="selected" data-l10n-id="pdfjs-page-scale-auto">Automatic Zoom</option>
228
+ <option id="pageActualOption" title="" value="page-actual" data-l10n-id="pdfjs-page-scale-actual">Actual Size</option>
229
+ <option id="pageFitOption" title="" value="page-fit" data-l10n-id="pdfjs-page-scale-fit">Page Fit</option>
230
+ <option id="pageWidthOption" title="" value="page-width" data-l10n-id="pdfjs-page-scale-width">Page Width</option>
231
+ <option id="customScaleOption" title="" value="custom" disabled="disabled" hidden="true" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 0 }'>0%</option>
232
+ <option title="" value="0.5" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 50 }'>50%</option>
233
+ <option title="" value="0.75" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 75 }'>75%</option>
234
+ <option title="" value="1" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 100 }'>100%</option>
235
+ <option title="" value="1.25" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 125 }'>125%</option>
236
+ <option title="" value="1.5" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 150 }'>150%</option>
237
+ <option title="" value="2" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 200 }'>200%</option>
238
+ <option title="" value="3" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 300 }'>300%</option>
239
+ <option title="" value="4" data-l10n-id="pdfjs-page-scale-percent" data-l10n-args='{ "scale": 400 }'>400%</option>
240
+ </select>
241
+ </span>
242
+ </div>
243
+ <div id="toolbarViewerRight" class="toolbarHorizontalGroup">
244
+ <div id="editorModeButtons" class="toolbarHorizontalGroup" role="radiogroup">
245
+ <div id="editorHighlight" class="toolbarButtonWithContainer">
246
+ <button id="editorHighlightButton" class="toolbarButton" type="button" disabled="disabled" title="Highlight" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorHighlightParamsToolbar" tabindex="0" data-l10n-id="pdfjs-editor-highlight-button">
247
+ <span data-l10n-id="pdfjs-editor-highlight-button-label">Highlight</span>
248
+ </button>
249
+ <div class="editorParamsToolbar hidden doorHangerRight" id="editorHighlightParamsToolbar">
250
+ <div id="highlightParamsToolbarContainer" class="editorParamsToolbarContainer">
251
+ <div id="editorHighlightColorPicker" class="colorPicker">
252
+ <span id="highlightColorPickerLabel" class="editorParamsLabel" data-l10n-id="pdfjs-editor-highlight-colorpicker-label">Highlight color</span>
253
+ </div>
254
+ <div id="editorHighlightThickness">
255
+ <label for="editorFreeHighlightThickness" class="editorParamsLabel" data-l10n-id="pdfjs-editor-free-highlight-thickness-input">Thickness</label>
256
+ <div class="thicknessPicker">
257
+ <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">
258
+ </div>
259
+ </div>
260
+ <div id="editorHighlightVisibility">
261
+ <div class="divider"></div>
262
+ <div class="toggler">
263
+ <label for="editorHighlightShowAll" class="editorParamsLabel" data-l10n-id="pdfjs-editor-highlight-show-all-button-label">Show all</label>
264
+ <button id="editorHighlightShowAll" class="toggle-button" type="button" data-l10n-id="pdfjs-editor-highlight-show-all-button" aria-pressed="true" tabindex="0"></button>
265
+ </div>
266
+ </div>
267
+ </div>
268
+ </div>
269
+ </div>
270
+ <div id="editorFreeText" class="toolbarButtonWithContainer">
271
+ <button id="editorFreeTextButton" class="toolbarButton" type="button" disabled="disabled" title="Text" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorFreeTextParamsToolbar" tabindex="0" data-l10n-id="pdfjs-editor-free-text-button">
272
+ <span data-l10n-id="pdfjs-editor-free-text-button-label">Text</span>
273
+ </button>
274
+ <div class="editorParamsToolbar hidden doorHangerRight" id="editorFreeTextParamsToolbar">
275
+ <div class="editorParamsToolbarContainer">
276
+ <div class="editorParamsSetter">
277
+ <label for="editorFreeTextColor" class="editorParamsLabel" data-l10n-id="pdfjs-editor-free-text-color-input">Color</label>
278
+ <input type="color" id="editorFreeTextColor" class="editorParamsColor" tabindex="0">
279
+ </div>
280
+ <div class="editorParamsSetter">
281
+ <label for="editorFreeTextFontSize" class="editorParamsLabel" data-l10n-id="pdfjs-editor-free-text-size-input">Size</label>
282
+ <input type="range" id="editorFreeTextFontSize" class="editorParamsSlider" value="10" min="5" max="100" step="1" tabindex="0">
283
+ </div>
284
+ </div>
285
+ </div>
286
+ </div>
287
+ <div id="editorInk" class="toolbarButtonWithContainer">
288
+ <button id="editorInkButton" class="toolbarButton" type="button" disabled="disabled" title="Draw" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorInkParamsToolbar" tabindex="0" data-l10n-id="pdfjs-editor-ink-button">
289
+ <span data-l10n-id="pdfjs-editor-ink-button-label">Draw</span>
290
+ </button>
291
+ <div class="editorParamsToolbar hidden doorHangerRight" id="editorInkParamsToolbar">
292
+ <div class="editorParamsToolbarContainer">
293
+ <div class="editorParamsSetter">
294
+ <label for="editorInkColor" class="editorParamsLabel" data-l10n-id="pdfjs-editor-ink-color-input">Color</label>
295
+ <input type="color" id="editorInkColor" class="editorParamsColor" tabindex="0">
296
+ </div>
297
+ <div class="editorParamsSetter">
298
+ <label for="editorInkThickness" class="editorParamsLabel" data-l10n-id="pdfjs-editor-ink-thickness-input">Thickness</label>
299
+ <input type="range" id="editorInkThickness" class="editorParamsSlider" value="1" min="1" max="20" step="1" tabindex="0">
300
+ </div>
301
+ <div class="editorParamsSetter">
302
+ <label for="editorInkOpacity" class="editorParamsLabel" data-l10n-id="pdfjs-editor-ink-opacity-input">Opacity</label>
303
+ <input type="range" id="editorInkOpacity" class="editorParamsSlider" value="1" min="0.05" max="1" step="0.05" tabindex="0">
304
+ </div>
305
+ </div>
306
+ </div>
307
+ </div>
308
+ <div id="editorStamp" class="toolbarButtonWithContainer">
309
+ <button id="editorStampButton" class="toolbarButton" type="button" disabled="disabled" title="Add or edit images" role="radio" aria-expanded="false" aria-haspopup="true" aria-controls="editorStampParamsToolbar" tabindex="0" data-l10n-id="pdfjs-editor-stamp-button">
310
+ <span data-l10n-id="pdfjs-editor-stamp-button-label">Add or edit images</span>
311
+ </button>
312
+ <div class="editorParamsToolbar hidden doorHangerRight menu" id="editorStampParamsToolbar">
313
+ <div class="menuContainer">
314
+ <button id="editorStampAddImage" class="toolbarButton labeled" type="button" title="Add image" tabindex="0" data-l10n-id="pdfjs-editor-stamp-add-image-button">
315
+ <span class="editorParamsLabel" data-l10n-id="pdfjs-editor-stamp-add-image-button-label">Add image</span>
316
+ </button>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </div>
321
+
322
+ <div id="editorModeSeparator" class="verticalToolbarSeparator"></div>
323
+
324
+ <div class="toolbarHorizontalGroup hiddenMediumView">
325
+ <button id="printButton" class="toolbarButton" type="button" title="Print" tabindex="0" data-l10n-id="pdfjs-print-button">
326
+ <span data-l10n-id="pdfjs-print-button-label">Print</span>
327
+ </button>
328
+
329
+ <button id="downloadButton" class="toolbarButton" type="button" title="Save" tabindex="0" data-l10n-id="pdfjs-save-button">
330
+ <span data-l10n-id="pdfjs-save-button-label">Save</span>
331
+ </button>
332
+ </div>
333
+
334
+ <div class="verticalToolbarSeparator hiddenMediumView"></div>
335
+
336
+ <div id="secondaryToolbarToggle" class="toolbarButtonWithContainer">
337
+ <button id="secondaryToolbarToggleButton" class="toolbarButton" type="button" title="Tools" tabindex="0" data-l10n-id="pdfjs-tools-button" aria-expanded="false" aria-haspopup="true" aria-controls="secondaryToolbar">
338
+ <span data-l10n-id="pdfjs-tools-button-label">Tools</span>
339
+ </button>
340
+ <div id="secondaryToolbar" class="hidden doorHangerRight menu">
341
+ <div id="secondaryToolbarButtonContainer" class="menuContainer">
342
+ <!--#if GENERIC-->
343
+ <button id="secondaryOpenFile" class="toolbarButton labeled" type="button" title="Open File" tabindex="0" data-l10n-id="pdfjs-open-file-button">
344
+ <span data-l10n-id="pdfjs-open-file-button-label">Open</span>
345
+ </button>
346
+ <!--#endif-->
347
+
348
+ <div class="visibleMediumView">
349
+ <button id="secondaryPrint" class="toolbarButton labeled" type="button" title="Print" tabindex="0" data-l10n-id="pdfjs-print-button">
350
+ <span data-l10n-id="pdfjs-print-button-label">Print</span>
351
+ </button>
352
+
353
+ <button id="secondaryDownload" class="toolbarButton labeled" type="button" title="Save" tabindex="0" data-l10n-id="pdfjs-save-button">
354
+ <span data-l10n-id="pdfjs-save-button-label">Save</span>
355
+ </button>
356
+
357
+ <!--#if !GENERIC-->
358
+ <!-- <div class="horizontalToolbarSeparator"></div>-->
359
+ <!--#endif-->
360
+ </div>
361
+
362
+ <!--#if GENERIC-->
363
+ <div class="horizontalToolbarSeparator"></div>
364
+ <!--#endif-->
365
+
366
+ <button id="presentationMode" class="toolbarButton labeled" type="button" title="Switch to Presentation Mode" tabindex="0" data-l10n-id="pdfjs-presentation-mode-button">
367
+ <span data-l10n-id="pdfjs-presentation-mode-button-label">Presentation Mode</span>
368
+ </button>
369
+
370
+ <a href="#" id="viewBookmark" class="toolbarButton labeled" title="Current Page (View URL from Current Page)" tabindex="0" data-l10n-id="pdfjs-bookmark-button">
371
+ <span data-l10n-id="pdfjs-bookmark-button-label">Current Page</span>
372
+ </a>
373
+
374
+ <div id="viewBookmarkSeparator" class="horizontalToolbarSeparator"></div>
375
+
376
+ <button id="firstPage" class="toolbarButton labeled" type="button" title="Go to First Page" tabindex="0" data-l10n-id="pdfjs-first-page-button">
377
+ <span data-l10n-id="pdfjs-first-page-button-label">Go to First Page</span>
378
+ </button>
379
+ <button id="lastPage" class="toolbarButton labeled" type="button" title="Go to Last Page" tabindex="0" data-l10n-id="pdfjs-last-page-button">
380
+ <span data-l10n-id="pdfjs-last-page-button-label">Go to Last Page</span>
381
+ </button>
382
+
383
+ <div class="horizontalToolbarSeparator"></div>
384
+
385
+ <button id="pageRotateCw" class="toolbarButton labeled" type="button" title="Rotate Clockwise" tabindex="0" data-l10n-id="pdfjs-page-rotate-cw-button">
386
+ <span data-l10n-id="pdfjs-page-rotate-cw-button-label">Rotate Clockwise</span>
387
+ </button>
388
+ <button id="pageRotateCcw" class="toolbarButton labeled" type="button" title="Rotate Counterclockwise" tabindex="0" data-l10n-id="pdfjs-page-rotate-ccw-button">
389
+ <span data-l10n-id="pdfjs-page-rotate-ccw-button-label">Rotate Counterclockwise</span>
390
+ </button>
391
+
392
+ <div class="horizontalToolbarSeparator"></div>
393
+
394
+ <div id="cursorToolButtons" role="radiogroup">
395
+ <button id="cursorSelectTool" class="toolbarButton labeled toggled" type="button" title="Enable Text Selection Tool" tabindex="0" data-l10n-id="pdfjs-cursor-text-select-tool-button" role="radio" aria-checked="true">
396
+ <span data-l10n-id="pdfjs-cursor-text-select-tool-button-label">Text Selection Tool</span>
397
+ </button>
398
+ <button id="cursorHandTool" class="toolbarButton labeled" type="button" title="Enable Hand Tool" tabindex="0" data-l10n-id="pdfjs-cursor-hand-tool-button" role="radio" aria-checked="false">
399
+ <span data-l10n-id="pdfjs-cursor-hand-tool-button-label">Hand Tool</span>
400
+ </button>
401
+ </div>
402
+
403
+ <div class="horizontalToolbarSeparator"></div>
404
+
405
+ <div id="scrollModeButtons" role="radiogroup">
406
+ <button id="scrollPage" class="toolbarButton labeled" type="button" title="Use Page Scrolling" tabindex="0" data-l10n-id="pdfjs-scroll-page-button" role="radio" aria-checked="false">
407
+ <span data-l10n-id="pdfjs-scroll-page-button-label">Page Scrolling</span>
408
+ </button>
409
+ <button id="scrollVertical" class="toolbarButton labeled toggled" type="button" title="Use Vertical Scrolling" tabindex="0" data-l10n-id="pdfjs-scroll-vertical-button" role="radio" aria-checked="true">
410
+ <span data-l10n-id="pdfjs-scroll-vertical-button-label">Vertical Scrolling</span>
411
+ </button>
412
+ <button id="scrollHorizontal" class="toolbarButton labeled" type="button" title="Use Horizontal Scrolling" tabindex="0" data-l10n-id="pdfjs-scroll-horizontal-button" role="radio" aria-checked="false">
413
+ <span data-l10n-id="pdfjs-scroll-horizontal-button-label">Horizontal Scrolling</span>
414
+ </button>
415
+ <button id="scrollWrapped" class="toolbarButton labeled" type="button" title="Use Wrapped Scrolling" tabindex="0" data-l10n-id="pdfjs-scroll-wrapped-button" role="radio" aria-checked="false">
416
+ <span data-l10n-id="pdfjs-scroll-wrapped-button-label">Wrapped Scrolling</span>
417
+ </button>
418
+ </div>
419
+
420
+ <div class="horizontalToolbarSeparator"></div>
421
+
422
+ <div id="spreadModeButtons" role="radiogroup">
423
+ <button id="spreadNone" class="toolbarButton labeled toggled" type="button" title="Do not join page spreads" tabindex="0" data-l10n-id="pdfjs-spread-none-button" role="radio" aria-checked="true">
424
+ <span data-l10n-id="pdfjs-spread-none-button-label">No Spreads</span>
425
+ </button>
426
+ <button id="spreadOdd" class="toolbarButton labeled" type="button" title="Join page spreads starting with odd-numbered pages" tabindex="0" data-l10n-id="pdfjs-spread-odd-button" role="radio" aria-checked="false">
427
+ <span data-l10n-id="pdfjs-spread-odd-button-label">Odd Spreads</span>
428
+ </button>
429
+ <button id="spreadEven" class="toolbarButton labeled" type="button" title="Join page spreads starting with even-numbered pages" tabindex="0" data-l10n-id="pdfjs-spread-even-button" role="radio" aria-checked="false">
430
+ <span data-l10n-id="pdfjs-spread-even-button-label">Even Spreads</span>
431
+ </button>
432
+ </div>
433
+
434
+ <div id="imageAltTextSettingsSeparator" class="horizontalToolbarSeparator hidden"></div>
435
+ <button id="imageAltTextSettings" type="button" class="toolbarButton labeled hidden" title="Image alt text settings" tabindex="0" data-l10n-id="pdfjs-image-alt-text-settings-button" aria-controls="altTextSettingsDialog">
436
+ <span data-l10n-id="pdfjs-image-alt-text-settings-button-label">Image alt text settings</span>
437
+ </button>
438
+
439
+ <div class="horizontalToolbarSeparator"></div>
440
+
441
+ <button id="documentProperties" class="toolbarButton labeled" type="button" title="Document Properties…" tabindex="0" data-l10n-id="pdfjs-document-properties-button" aria-controls="documentPropertiesDialog">
442
+ <span data-l10n-id="pdfjs-document-properties-button-label">Document Properties…</span>
443
+ </button>
444
+ </div>
445
+ </div> <!-- secondaryToolbar -->
446
+ </div>
447
+ </div>
448
+ </div>
449
+ <div id="loadingBar">
450
+ <div class="progress">
451
+ <div class="glimmer">
452
+ </div>
453
+ </div>
454
+ </div>
455
+ </div>
456
+ </div>
457
+
458
+ <div id="viewerContainer" tabindex="0">
459
+ <div id="viewer" class="pdfViewer"></div>
460
+ </div>
461
+ </div> <!-- mainContainer -->
462
+
463
+ <div id="dialogContainer">
464
+ <dialog id="passwordDialog">
465
+ <div class="row">
466
+ <label for="password" id="passwordText" data-l10n-id="pdfjs-password-label">Enter the password to open this PDF file:</label>
467
+ </div>
468
+ <div class="row">
469
+ <input type="password" id="password" class="toolbarField">
470
+ </div>
471
+ <div class="buttonRow">
472
+ <button id="passwordCancel" class="dialogButton" type="button"><span data-l10n-id="pdfjs-password-cancel-button">Cancel</span></button>
473
+ <button id="passwordSubmit" class="dialogButton" type="button"><span data-l10n-id="pdfjs-password-ok-button">OK</span></button>
474
+ </div>
475
+ </dialog>
476
+ <dialog id="documentPropertiesDialog">
477
+ <div class="row">
478
+ <span id="fileNameLabel" data-l10n-id="pdfjs-document-properties-file-name">File name:</span>
479
+ <p id="fileNameField" aria-labelledby="fileNameLabel">-</p>
480
+ </div>
481
+ <div class="row">
482
+ <span id="fileSizeLabel" data-l10n-id="pdfjs-document-properties-file-size">File size:</span>
483
+ <p id="fileSizeField" aria-labelledby="fileSizeLabel">-</p>
484
+ </div>
485
+ <div class="separator"></div>
486
+ <div class="row">
487
+ <span id="titleLabel" data-l10n-id="pdfjs-document-properties-title">Title:</span>
488
+ <p id="titleField" aria-labelledby="titleLabel">-</p>
489
+ </div>
490
+ <div class="row">
491
+ <span id="authorLabel" data-l10n-id="pdfjs-document-properties-author">Author:</span>
492
+ <p id="authorField" aria-labelledby="authorLabel">-</p>
493
+ </div>
494
+ <div class="row">
495
+ <span id="subjectLabel" data-l10n-id="pdfjs-document-properties-subject">Subject:</span>
496
+ <p id="subjectField" aria-labelledby="subjectLabel">-</p>
497
+ </div>
498
+ <div class="row">
499
+ <span id="keywordsLabel" data-l10n-id="pdfjs-document-properties-keywords">Keywords:</span>
500
+ <p id="keywordsField" aria-labelledby="keywordsLabel">-</p>
501
+ </div>
502
+ <div class="row">
503
+ <span id="creationDateLabel" data-l10n-id="pdfjs-document-properties-creation-date">Creation Date:</span>
504
+ <p id="creationDateField" aria-labelledby="creationDateLabel">-</p>
505
+ </div>
506
+ <div class="row">
507
+ <span id="modificationDateLabel" data-l10n-id="pdfjs-document-properties-modification-date">Modification Date:</span>
508
+ <p id="modificationDateField" aria-labelledby="modificationDateLabel">-</p>
509
+ </div>
510
+ <div class="row">
511
+ <span id="creatorLabel" data-l10n-id="pdfjs-document-properties-creator">Creator:</span>
512
+ <p id="creatorField" aria-labelledby="creatorLabel">-</p>
513
+ </div>
514
+ <div class="separator"></div>
515
+ <div class="row">
516
+ <span id="producerLabel" data-l10n-id="pdfjs-document-properties-producer">PDF Producer:</span>
517
+ <p id="producerField" aria-labelledby="producerLabel">-</p>
518
+ </div>
519
+ <div class="row">
520
+ <span id="versionLabel" data-l10n-id="pdfjs-document-properties-version">PDF Version:</span>
521
+ <p id="versionField" aria-labelledby="versionLabel">-</p>
522
+ </div>
523
+ <div class="row">
524
+ <span id="pageCountLabel" data-l10n-id="pdfjs-document-properties-page-count">Page Count:</span>
525
+ <p id="pageCountField" aria-labelledby="pageCountLabel">-</p>
526
+ </div>
527
+ <div class="row">
528
+ <span id="pageSizeLabel" data-l10n-id="pdfjs-document-properties-page-size">Page Size:</span>
529
+ <p id="pageSizeField" aria-labelledby="pageSizeLabel">-</p>
530
+ </div>
531
+ <div class="separator"></div>
532
+ <div class="row">
533
+ <span id="linearizedLabel" data-l10n-id="pdfjs-document-properties-linearized">Fast Web View:</span>
534
+ <p id="linearizedField" aria-labelledby="linearizedLabel">-</p>
535
+ </div>
536
+ <div class="buttonRow">
537
+ <button id="documentPropertiesClose" class="dialogButton" type="button"><span data-l10n-id="pdfjs-document-properties-close-button">Close</span></button>
538
+ </div>
539
+ </dialog>
540
+ <dialog class="dialog altText" id="altTextDialog" aria-labelledby="dialogLabel" aria-describedby="dialogDescription">
541
+ <div id="altTextContainer" class="mainContainer">
542
+ <div id="overallDescription">
543
+ <span id="dialogLabel" data-l10n-id="pdfjs-editor-alt-text-dialog-label" class="title">Choose an option</span>
544
+ <span id="dialogDescription" data-l10n-id="pdfjs-editor-alt-text-dialog-description">
545
+ Alt text (alternative text) helps when people can’t see the image or when it doesn’t load.
546
+ </span>
547
+ </div>
548
+ <div id="addDescription">
549
+ <div class="radio">
550
+ <div class="radioButton">
551
+ <input type="radio" id="descriptionButton" name="altTextOption" tabindex="0" aria-describedby="descriptionAreaLabel" checked>
552
+ <label for="descriptionButton" data-l10n-id="pdfjs-editor-alt-text-add-description-label">Add a description</label>
553
+ </div>
554
+ <div class="radioLabel">
555
+ <span id="descriptionAreaLabel" data-l10n-id="pdfjs-editor-alt-text-add-description-description">
556
+ Aim for 1-2 sentences that describe the subject, setting, or actions.
557
+ </span>
558
+ </div>
559
+ </div>
560
+ <div class="descriptionArea">
561
+ <textarea id="descriptionTextarea" placeholder="For example, “A young man sits down at a table to eat a meal”" aria-labelledby="descriptionAreaLabel" data-l10n-id="pdfjs-editor-alt-text-textarea" tabindex="0"></textarea>
562
+ </div>
563
+ </div>
564
+ <div id="markAsDecorative">
565
+ <div class="radio">
566
+ <div class="radioButton">
567
+ <input type="radio" id="decorativeButton" name="altTextOption" aria-describedby="decorativeLabel">
568
+ <label for="decorativeButton" data-l10n-id="pdfjs-editor-alt-text-mark-decorative-label">Mark as decorative</label>
569
+ </div>
570
+ <div class="radioLabel">
571
+ <span id="decorativeLabel" data-l10n-id="pdfjs-editor-alt-text-mark-decorative-description">
572
+ This is used for ornamental images, like borders or watermarks.
573
+ </span>
574
+ </div>
575
+ </div>
576
+ </div>
577
+ <div id="buttons">
578
+ <button id="altTextCancel" class="secondaryButton" type="button" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-cancel-button">Cancel</span></button>
579
+ <button id="altTextSave" class="primaryButton" type="button" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-save-button">Save</span></button>
580
+ </div>
581
+ </div>
582
+ </dialog>
583
+ <dialog class="dialog newAltText" id="newAltTextDialog" aria-labelledby="newAltTextTitle" aria-describedby="newAltTextDescription" tabindex="0">
584
+ <div id="newAltTextContainer" class="mainContainer">
585
+ <div class="title">
586
+ <span id="newAltTextTitle" data-l10n-id="pdfjs-editor-new-alt-text-dialog-edit-label" role="sectionhead" tabindex="0">Edit alt text (image description)</span>
587
+ </div>
588
+ <div id="mainContent">
589
+ <div id="descriptionAndSettings">
590
+ <div id="descriptionInstruction">
591
+ <div id="newAltTextDescriptionContainer">
592
+ <div class="altTextSpinner" role="status" aria-live="polite"></div>
593
+ <textarea id="newAltTextDescriptionTextarea" placeholder="Write your description here…" aria-labelledby="descriptionAreaLabel" data-l10n-id="pdfjs-editor-new-alt-text-textarea" tabindex="0"></textarea>
594
+ </div>
595
+ <span id="newAltTextDescription" role="note" data-l10n-id="pdfjs-editor-new-alt-text-description">Short description for people who can’t see the image or when the image doesn’t load.</span>
596
+ <div id="newAltTextDisclaimer" role="note"><div><span data-l10n-id="pdfjs-editor-new-alt-text-disclaimer1">This alt text was created automatically and may be inaccurate.</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">Learn more</a></div></div>
597
+ </div>
598
+ <div id="newAltTextCreateAutomatically" class="toggler">
599
+ <button id="newAltTextCreateAutomaticallyButton" class="toggle-button" type="button" aria-pressed="true" tabindex="0"></button>
600
+ <label for="newAltTextCreateAutomaticallyButton" class="togglerLabel" data-l10n-id="pdfjs-editor-new-alt-text-create-automatically-button-label">Create alt text automatically</label>
601
+ </div>
602
+ <div id="newAltTextDownloadModel" class="hidden">
603
+ <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 }'>Downloading alt text AI model (0 of 0 MB)</span>
604
+ </div>
605
+ </div>
606
+ <div id="newAltTextImagePreview"></div>
607
+ </div>
608
+ <div id="newAltTextError" class="messageBar">
609
+ <div>
610
+ <div>
611
+ <span class="title" data-l10n-id="pdfjs-editor-new-alt-text-error-title">Couldn’t create alt text automatically</span>
612
+ <span class="description" data-l10n-id="pdfjs-editor-new-alt-text-error-description">Please write your own alt text or try again later.</span>
613
+ </div>
614
+ <button id="newAltTextCloseButton" class="closeButton" type="button" tabindex="0" title="Close"><span data-l10n-id="pdfjs-editor-new-alt-text-error-close-button">Close</span></button>
615
+ </div>
616
+ </div>
617
+ <div id="newAltTextButtons" class="dialogButtonsGroup">
618
+ <button id="newAltTextCancel" type="button" class="secondaryButton hidden" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-cancel-button">Cancel</span></button>
619
+ <button id="newAltTextNotNow" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-new-alt-text-not-now-button">Not now</span></button>
620
+ <button id="newAltTextSave" type="button" class="primaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-save-button">Save</span></button>
621
+ </div>
622
+ </div>
623
+ </dialog>
624
+
625
+ <dialog class="dialog" id="altTextSettingsDialog" aria-labelledby="altTextSettingsTitle">
626
+ <div id="altTextSettingsContainer" class="mainContainer">
627
+ <div class="title">
628
+ <span id="altTextSettingsTitle" data-l10n-id="pdfjs-editor-alt-text-settings-dialog-label" role="sectionhead" tabindex="0" class="title">Image alt text settings</span>
629
+ </div>
630
+ <div id="automaticAltText">
631
+ <span data-l10n-id="pdfjs-editor-alt-text-settings-automatic-title">Automatic alt text</span>
632
+ <div id="automaticSettings">
633
+ <div id="createModelSetting">
634
+ <div class="toggler">
635
+ <button id="createModelButton" type="button" class="toggle-button" aria-pressed="true" tabindex="0"></button>
636
+ <label for="createModelButton" class="togglerLabel" data-l10n-id="pdfjs-editor-alt-text-settings-create-model-button-label">Create alt text automatically</label>
637
+ </div>
638
+ <div id="createModelDescription" class="description">
639
+ <span data-l10n-id="pdfjs-editor-alt-text-settings-create-model-description">Suggests descriptions to help people who can’t see the image or when the image doesn’t load.</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">Learn more</a>
640
+ </div>
641
+ </div>
642
+ <div id="aiModelSettings">
643
+ <div>
644
+ <span data-l10n-id="pdfjs-editor-alt-text-settings-download-model-label" data-l10n-args='{ "totalSize": 180 }'>Alt text AI model (180MB)</span>
645
+ <div id="aiModelDescription" class="description">
646
+ <span data-l10n-id="pdfjs-editor-alt-text-settings-ai-model-description">Runs locally on your device so your data stays private. Required for automatic alt text.</span>
647
+ </div>
648
+ </div>
649
+ <button id="deleteModelButton" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-settings-delete-model-button">Delete</span></button>
650
+ <button id="downloadModelButton" type="button" class="secondaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-settings-download-model-button">Download</span></button>
651
+ </div>
652
+ </div>
653
+ </div>
654
+ <div class="dialogSeparator"></div>
655
+ <div id="altTextEditor">
656
+ <span data-l10n-id="pdfjs-editor-alt-text-settings-editor-title">Alt text editor</span>
657
+ <div id="showAltTextEditor">
658
+ <div class="toggler">
659
+ <button id="showAltTextDialogButton" type="button" class="toggle-button" aria-pressed="true" tabindex="0"></button>
660
+ <label for="showAltTextDialogButton" class="togglerLabel" data-l10n-id="pdfjs-editor-alt-text-settings-show-dialog-button-label">Show alt text editor right away when adding an image</label>
661
+ </div>
662
+ <div id="showAltTextDialogDescription" class="description">
663
+ <span data-l10n-id="pdfjs-editor-alt-text-settings-show-dialog-description">Helps you make sure all your images have alt text.</span>
664
+ </div>
665
+ </div>
666
+ </div>
667
+ <div id="buttons" class="dialogButtonsGroup">
668
+ <button id="altTextSettingsCloseButton" type="button" class="primaryButton" tabindex="0"><span data-l10n-id="pdfjs-editor-alt-text-settings-close-button">Close</span></button>
669
+ </div>
670
+ </div>
671
+ </dialog>
672
+ <!--#if !MOZCENTRAL-->
673
+ <dialog id="printServiceDialog" style="min-width: 200px;">
674
+ <div class="row">
675
+ <span data-l10n-id="pdfjs-print-progress-message">Preparing document for printing…</span>
676
+ </div>
677
+ <div class="row">
678
+ <progress value="0" max="100"></progress>
679
+ <span data-l10n-id="pdfjs-print-progress-percent" data-l10n-args='{ "progress": 0 }' class="relative-progress">0%</span>
680
+ </div>
681
+ <div class="buttonRow">
682
+ <button id="printCancel" class="dialogButton" type="button"><span data-l10n-id="pdfjs-print-progress-close-button">Cancel</span></button>
683
+ </div>
684
+ </dialog>
685
+ <!--#endif-->
686
+ <!--#if CHROME-->
687
+ <!--#include viewer-snippet-chrome-overlays.html-->
688
+ <!--#endif-->
689
+ </div> <!-- dialogContainer -->
690
+
691
+ </div> <!-- outerContainer -->
692
+ <div id="printContainer"></div>
693
+ </body>
694
+ </html>