Easily customize the viewer UI through modular components defined in JSON. Each component can be specified independently, enabling dynamic and granular control over the interface layout and behavior.
This demo allows you to:
Implementation steps
To add Modular UI Customization capability with WebViewer:
Step 1: Get started with WebViewer in your preferred web stack
Step 2: Add the ES6 JavaScript sample code provided in this guide
Once you generate your license key, it will automatically be included in your sample code below.
Apryse collects some data regarding your usage of the SDK for product improvement.
The data that Apryse collects include:
For clarity, no other data is collected by the SDK and Apryse has no access to the contents of your documents.
If you wish to continue without data collection, contact us and we will email you a no-tracking trial key for you to get started.
1
2// ES6 Compliant Syntax
3// GitHub Copilot - October 7, 2025
4// File: modular-ui-customization/index.js
5
6import WebViewer from '@pdftron/webviewer';
7import { saveAs } from 'file-saver';
8
9const element = document.getElementById('viewer');
10const onLoad = async (instance) => {
11  instance.UI.enableFeatureFlag(instance.UI.FeatureFlags.CUSTOMIZABLE_UI);
12
13  // Load default configuration.
14  const defaultConfig = await loadConfiguration(0);
15  if (defaultConfig) {
16    configurationOptions[0].cachedConfig = defaultConfig;
17    instance.UI.importModularComponents(defaultConfig);
18  }
19};
20
21let theInstance = null;
22// Initialize WebViewer and load default document.
23WebViewer(
24  {
25    path: '/lib',
26    licenseKey: 'YOUR_LICENSE_KEY', 
27    initialDoc: 'https://apryse.s3.amazonaws.com/public/files/samples/WebviewerDemoDoc.pdf',
28    enableFilePicker: true, // Enable file picker to open files. In WebViewer -> menu icon -> Open File.
29  },
30  element
31).then((instance) => {
32  theInstance = instance;
33  onLoad(instance);
34});
35
36// Configuration metadata with file mapping
37const configurationOptions = [
38  {
39    title: 'Default UI', configFile: 'default.json', cachedConfig: null,
40    description: 'The default UI features our out-of-the-box ribbon interface created using Modular Components.',
41  },
42  {
43    title: 'Alternate UI', configFile: 'custom-left.json', cachedConfig: null,
44    description:  'This alternate UI replaces the left tab panel with individual toggle buttons to open standalone panels.\n' +
45      'A vertical header is added to the left side of the UI to house the panel toggles and the select/pan tools.',
46  },
47  {
48    title: 'Vertical Headers', configFile: 'vertical.json', cachedConfig: null,
49    description:  'This configuration features vertical headers on the left and right sides of the UI.\n' +
50      'The left header contains the icon ribbons tools and the right header contains panel toggles as well as page navigation controls.',
51  },
52  {
53    title: 'No Ribbons', configFile: 'no-ribbons.json', cachedConfig: null,
54    description:  'This configuration uses tools without ribbons, instead, the tools are placed in the top header.',
55  },
56  {
57    title: 'Ribbons with Icons', configFile: 'ribbons-with-icons.json', cachedConfig: null,
58    description:  'This configuration uses tools with ribbons and icons, as well as a right vertical header with panel toggles as well as page navigation controls.',
59  },
60  {
61    title: 'Custom Configuration', configFile: '', cachedConfig: null, description: null,
62  },
63];
64
65const customConfigIndex = configurationOptions.findIndex(config => config.title === 'Custom Configuration');
66
67// Function to load configuration file.
68const loadConfiguration = async (configIndex) => {
69  const configFile = configurationOptions[configIndex].configFile;
70  if (configFile === '') return null;
71
72  try {
73    const response = await fetch(`/showcase-demos/modular-ui-customization/modular-ui/${configFile}`);
74    if (!response.ok) {
75      throw new Error(`Failed to load configuration: ${response.statusText}`);
76    }
77    return await response.json();
78  } catch (error) {
79    console.error('Error loading configuration:', error);
80    return null;
81  }
82};
83
84// UI section
85
86// Create a container for all controls (labels, radio buttons and button).
87const controlsContainer = document.createElement('div');
88
89// Create a radio group for configurations.
90const configGroup = document.createElement('div');
91
92configurationOptions.forEach((config, index) => {
93  const label = document.createElement('label');
94  label.textContent = config.title;
95  label.htmlFor = config.title;
96  label.className = 'radio-label-class';
97
98  const radio = document.createElement('input');
99  radio.type = 'radio';
100  radio.name = 'config';
101  radio.id = config.title;
102  radio.value = config.configFile;
103  radio.checked = (index === 0); // Check the first option by default.
104  radio.disabled = (index === customConfigIndex);
105  configGroup.appendChild(radio);
106  configGroup.appendChild(label);
107  radio.onchange = async () => {
108    descriptionElement.textContent = configurationOptions[index].description || '';
109    // If we already loaded this configuration, use the cached version.
110    if (configurationOptions[index].cachedConfig) {
111      await theInstance.UI.importModularComponents(configurationOptions[index].cachedConfig);
112      return;
113    }
114    // Otherwise, load it from the file.
115    const config = await loadConfiguration(index);
116    if (config) {
117      configurationOptions[index].cachedConfig = config;
118      await theInstance.UI.importModularComponents(config);
119    }
120  };
121});
122
123controlsContainer.appendChild(configGroup);
124// Create a description area.
125const descriptionElement = document.createElement('div');
126descriptionElement.style.marginTop = '10px';
127descriptionElement.style.whiteSpace = 'pre-wrap';
128descriptionElement.textContent = configurationOptions[0].description;
129controlsContainer.appendChild(descriptionElement);
130
131// Create a hidden file input for uploading configuration files.
132const fileUpload = document.createElement('input');
133fileUpload.style.display = 'none';
134fileUpload.type = 'file';
135fileUpload.accept = '.json';
136fileUpload.onchange = (event) => {
137  const file = event.target.files[0];
138  if (file) {
139    const reader = new FileReader();
140    reader.onload = async (e) => {
141      try {
142        const jsonContent = JSON.parse(e.target.result);
143        await theInstance.UI.importModularComponents(jsonContent);
144        descriptionElement.textContent = 'Custom configuration loaded from file: ' + file.name;
145        configurationOptions[customConfigIndex].cachedConfig = jsonContent;
146        configurationOptions[customConfigIndex].description = 'Cached custom configuration from file: ' + file.name;
147        const customRadio = document.getElementById('Custom Configuration');
148        customRadio.disabled = false;
149        customRadio.checked = true;
150      } catch (error) {
151          console.error('Invalid JSON file:', error);
152          descriptionElement.textContent = 'Error Loading Configuration, See Console For Details';
153      }
154    };
155    reader.readAsText(file);
156  }
157};
158
159const downloadJSON = (data) => {
160  // Convert JSON data to string.
161  const jsonString = JSON.stringify(data, null, 2); // Pretty print with 2 spaces indentation
162
163  // Create a Blob from the JSON string.
164  const blob = new Blob([jsonString], { type: 'application/json' });
165
166  // Use FileSaver's saveAs function to trigger the download.
167  saveAs(blob, 'modular_components.json');
168};
169
170// Create a button to load the selected configuration.
171const buttonLoad = document.createElement('button');
172buttonLoad.textContent = 'Load UI Configuration';
173buttonLoad.onclick = async () => {
174  fileUpload.click();
175}
176controlsContainer.appendChild(buttonLoad);
177// Create a button to download the current configuration.
178const buttonDownload = document.createElement('button');
179buttonDownload.textContent = 'Download UI Configuration';
180buttonDownload.onclick = async () => {
181    try {
182      const data = theInstance.UI.exportModularComponents();
183      downloadJSON(data);
184    } catch (error) {
185      console.error('Error exporting modular components:', error);
186    }
187}
188controlsContainer.appendChild(buttonDownload);
189// Apply classes for styling using CSS.
190buttonLoad.className = 'btn-style';
191buttonDownload.className = 'btn-style';
192controlsContainer.className = 'control-container';
193// Append elements to the controls container.
194element.parentElement.insertBefore(controlsContainer, element);
195
1
2
3/* Radio Label Styling */
4.radio-label-class {
5    margin-left: 5px;
6    margin-right: 15px;
7    font-weight: bold;
8    color: #333;
9    font-size: 14px;
10    display: inline-block;
11}
12
13/* Button Styles */
14.btn-style {
15    margin: 5px;
16    padding: 5px 10px;
17    border: 1px solid #ccc;
18    border-radius: 4px;
19    cursor: pointer;
20    font-size: 14px;
21    font-weight: bold;
22    transition: all 0.2s ease;
23    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
24    color: white;
25    /* Background-color: #ebedf0; */
26    background-color: #0056b3;
27}
28
29.btn-style:hover:enabled {
30    transform: translateY(-1px);
31    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
32}
33
34.btn-style:active:enabled {
35    transform: translateY(1px);
36    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
37}
38
39.btn-style:disabled {
40    background-color: #a0a0a0;
41    cursor: not-allowed;
42    box-shadow: none;
43}
44
45/* Controls Container */
46.control-container {
47    align-items: center;
48    gap: 1px;
49    margin: 5px;
50    padding-bottom: 5px;
51    border-bottom: 1px solid #e0e0e0;
52    background-color: rgba(112, 198, 255, 0.2   /* Light blue background for contrast */);
53}
54
55/* Responsive Design */
56@media (max-width: 768px) {
57    .btn-style {
58        margin: 5px;
59        padding: 8px 12px;
60        font-size: 16px;
61    }
62    
63    .control-container {
64        align-items: center;
65    }
66}
67
1{
2  "modularComponents": {
3    "comparePanelToggle": {
4        "dataElement": "comparePanelToggle",
5        "title": "action.comparePages",
6        "label": "action.comparePages",
7        "type": "presetButton",
8        "buttonType": "compareButton",
9        "disabled": true
10    },
11    "filePickerButton": {
12        "dataElement": "filePickerButton",
13        "title": "action.openFile",
14        "label": "action.openFile",
15        "type": "presetButton",
16        "buttonType": "filePickerButton"
17    },
18    "downloadButton": {
19        "dataElement": "downloadButton",
20        "title": "action.download",
21        "label": "action.download",
22        "type": "presetButton",
23        "buttonType": "downloadButton"
24    },
25    "saveAsButton": {
26        "dataElement": "saveAsButton",
27        "title": "saveModal.saveAs",
28        "label": "saveModal.saveAs",
29        "type": "presetButton",
30        "buttonType": "saveAsButton"
31    },
32    "printButton": {
33        "dataElement": "printButton",
34        "title": "action.print",
35        "label": "action.print",
36        "type": "presetButton",
37        "buttonType": "printButton"
38    },
39    "createPortfolioButton": {
40        "dataElement": "createPortfolioButton",
41        "title": "portfolio.createPDFPortfolio",
42        "label": "portfolio.createPDFPortfolio",
43        "type": "presetButton",
44        "buttonType": "createPortfolioButton",
45        "disabled": false
46    },
47    "settingsButton": {
48        "dataElement": "settingsButton",
49        "title": "option.settings.settings",
50        "label": "option.settings.settings",
51        "type": "presetButton",
52        "buttonType": "settingsButton"
53    },
54    "divider-0.1": {
55        "dataElement": "divider-0.1",
56        "type": "divider"
57    },
58    "leftPanelButton": {
59        "dataElement": "leftPanelButton",
60        "title": "component.leftPanel",
61        "type": "toggleButton",
62        "img": "icon-header-sidebar-line",
63        "toggleElement": "tabPanel"
64    },
65    "view-controls": {
66        "dataElement": "view-controls",
67        "type": "viewControls",
68        "title": "component.viewControls",
69        "icon": "icon-header-page-manipulation-line"
70    },
71    "divider-0.3": {
72        "dataElement": "divider-0.3",
73        "type": "divider"
74    },
75    "zoom-container": {
76        "dataElement": "zoom-container",
77        "type": "zoom"
78    },
79    "divider-0.2": {
80        "dataElement": "divider-0.2",
81        "type": "divider"
82    },
83    "panToolButton": {
84        "dataElement": "panToolButton",
85        "type": "toolButton",
86        "toolName": "Pan"
87    },
88    "annotationEditToolButton": {
89        "dataElement": "annotationEditToolButton",
90        "type": "toolButton",
91        "toolName": "AnnotationEdit"
92    },
93    "menuButton": {
94        "dataElement": "menuButton",
95        "img": "ic-hamburger-menu",
96        "title": "component.menuOverlay",
97        "toggleElement": "MainMenuFlyout",
98        "type": "toggleButton"
99    },
100    "groupedLeftHeaderButtons": {
101        "dataElement": "groupedLeftHeaderButtons",
102        "items": [
103          "menuButton",
104          "divider-0.1",
105          "leftPanelButton",
106          "view-controls",
107          "divider-0.3",
108          "zoom-container",
109          "divider-0.2",
110          "panToolButton",
111          "annotationEditToolButton"
112        ],
113        "type": "groupedItems",
114        "grow": 1,
115        "gap": 12,
116        "alwaysVisible": true
117    },
118    "toolbarGroup-View": {
119        "dataElement": "toolbarGroup-View",
120        "title": "View",
121        "type": "ribbonItem",
122        "label": "View",
123        "groupedItems": [],
124        "toolbarGroup": "toolbarGroup-View"
125    },
126    "toolbarGroup-Annotate": {
127        "dataElement": "toolbarGroup-Annotate",
128        "title": "Annotate",
129        "type": "ribbonItem",
130        "label": "Annotate",
131        "groupedItems": [
132          "annotateGroupedItems"
133        ],
134        "toolbarGroup": "toolbarGroup-Annotate"
135    },
136    "toolbarGroup-Shapes": {
137        "dataElement": "toolbarGroup-Shapes",
138        "title": "Shapes",
139        "type": "ribbonItem",
140        "label": "Shapes",
141        "groupedItems": [
142          "shapesGroupedItems"
143        ],
144        "toolbarGroup": "toolbarGroup-Shapes"
145    },
146    "toolbarGroup-Insert": {
147        "dataElement": "toolbarGroup-Insert",
148        "title": "Insert",
149        "type": "ribbonItem",
150        "label": "Insert",
151        "groupedItems": [
152          "insertGroupedItems"
153        ],
154        "toolbarGroup": "toolbarGroup-Insert"
155    },
156    "toolbarGroup-Measure": {
157        "dataElement": "toolbarGroup-Measure",
158        "title": "Measure",
159        "type": "ribbonItem",
160        "label": "Measure",
161        "groupedItems": [
162          "measureGroupedItems"
163        ],
164        "toolbarGroup": "toolbarGroup-Measure"
165    },
166    "toolbarGroup-Redact": {
167        "dataElement": "toolbarGroup-Redact",
168        "title": "Redact",
169        "type": "ribbonItem",
170        "label": "Redact",
171        "groupedItems": [
172          "redactionGroupedItems"
173        ],
174        "toolbarGroup": "toolbarGroup-Redact"
175    },
176    "toolbarGroup-Edit": {
177        "dataElement": "toolbarGroup-Edit",
178        "title": "Edit",
179        "type": "ribbonItem",
180        "label": "Edit",
181        "groupedItems": [
182          "editGroupedItems"
183        ],
184        "toolbarGroup": "toolbarGroup-Edit"
185    },
186    "toolbarGroup-EditText": {
187        "dataElement": "toolbarGroup-EditText",
188        "title": "Content Edit",
189        "type": "ribbonItem",
190        "label": "Content Edit",
191        "groupedItems": [
192          "contentEditGroupedItems"
193        ],
194        "toolbarGroup": "toolbarGroup-EditText"
195    },
196    "toolbarGroup-FillAndSign": {
197        "dataElement": "toolbarGroup-FillAndSign",
198        "title": "Fill and Sign",
199        "type": "ribbonItem",
200        "label": "Fill and Sign",
201        "groupedItems": [
202          "fillAndSignGroupedItems"
203        ],
204        "toolbarGroup": "toolbarGroup-FillAndSign"
205    },
206    "toolbarGroup-Forms": {
207        "dataElement": "toolbarGroup-Forms",
208        "title": "Forms",
209        "type": "ribbonItem",
210        "label": "Forms",
211        "groupedItems": [
212          "formsGroupedItems"
213        ],
214        "toolbarGroup": "toolbarGroup-Forms"
215    },
216    "default-ribbon-group": {
217        "dataElement": "default-ribbon-group",
218        "items": [
219          "toolbarGroup-View",
220          "toolbarGroup-Annotate",
221          "toolbarGroup-Shapes",
222          "toolbarGroup-Insert",
223          "toolbarGroup-Measure",
224          "toolbarGroup-Redact",
225          "toolbarGroup-Edit",
226          "toolbarGroup-EditText",
227          "toolbarGroup-FillAndSign",
228          "toolbarGroup-Forms"
229        ],
230        "type": "ribbonGroup",
231        "justifyContent": "start",
232        "grow": 2,
233        "gap": 12,
234        "alwaysVisible": false
235    },
236    "searchPanelToggle": {
237        "dataElement": "searchPanelToggle",
238        "title": "component.searchPanel",
239        "type": "toggleButton",
240        "img": "icon-header-search",
241        "toggleElement": "searchPanel"
242    },
243    "notesPanelToggle": {
244        "dataElement": "notesPanelToggle",
245        "title": "component.notesPanel",
246        "type": "toggleButton",
247        "img": "icon-header-chat-line",
248        "toggleElement": "notesPanel"
249    },
250    "highlightToolButton": {
251        "dataElement": "highlightToolButton",
252        "type": "toolButton",
253        "toolName": "AnnotationCreateTextHighlight"
254    },
255    "underlineToolButton": {
256        "dataElement": "underlineToolButton",
257        "type": "toolButton",
258        "toolName": "AnnotationCreateTextUnderline"
259    },
260    "strikeoutToolButton": {
261        "dataElement": "strikeoutToolButton",
262        "type": "toolButton",
263        "toolName": "AnnotationCreateTextStrikeout"
264    },
265    "squigglyToolButton": {
266        "dataElement": "squigglyToolButton",
267        "type": "toolButton",
268        "toolName": "AnnotationCreateTextSquiggly"
269    },
270    "freeTextToolButton": {
271        "dataElement": "freeTextToolButton",
272        "type": "toolButton",
273        "toolName": "AnnotationCreateFreeText"
274    },
275    "markInsertTextToolButton": {
276        "dataElement": "markInsertTextToolButton",
277        "type": "toolButton",
278        "toolName": "AnnotationCreateMarkInsertText"
279    },
280    "markReplaceTextToolButton": {
281        "dataElement": "markReplaceTextToolButton",
282        "type": "toolButton",
283        "toolName": "AnnotationCreateMarkReplaceText"
284    },
285    "freeHandToolButton": {
286        "dataElement": "freeHandToolButton",
287        "type": "toolButton",
288        "toolName": "AnnotationCreateFreeHand"
289    },
290    "freeHandHighlightToolButton": {
291        "dataElement": "freeHandHighlightToolButton",
292        "type": "toolButton",
293        "toolName": "AnnotationCreateFreeHandHighlight"
294    },
295    "stickyToolButton": {
296        "dataElement": "stickyToolButton",
297        "type": "toolButton",
298        "toolName": "AnnotationCreateSticky"
299    },
300    "calloutToolButton": {
301        "dataElement": "calloutToolButton",
302        "type": "toolButton",
303        "toolName": "AnnotationCreateCallout"
304    },
305    "divider-0.4": {
306        "dataElement": "divider-0.4",
307        "type": "divider"
308    },
309    "stylePanelToggle": {
310        "dataElement": "stylePanelToggle",
311        "title": "action.style",
312        "type": "toggleButton",
313        "img": "icon-style-panel-toggle",
314        "toggleElement": "stylePanel"
315    },
316    "indexPanelListToggle": {
317        "dataElement": "indexPanelListToggle",
318        "title": "component.indexPanel",
319        "type": "toggleButton",
320        "img": "icon-index-panel-list",
321        "toggleElement": "indexPanel"
322    },
323    "divider-0.5": {
324        "dataElement": "divider-0.5",
325        "type": "divider"
326    },
327    "undoButton": {
328        "dataElement": "undoButton",
329        "type": "presetButton",
330        "buttonType": "undoButton"
331    },
332    "redoButton": {
333        "dataElement": "redoButton",
334        "type": "presetButton",
335        "buttonType": "redoButton"
336    },
337    "toggleAccessibilityModeButton": {
338        "dataElement": "toggleAccessibilityModePresetButton",
339        "type": "presetButton",
340        "buttonType": "toggleAccessibilityModeButton"
341    },
342    "eraserToolButton": {
343        "dataElement": "eraserToolButton",
344        "type": "toolButton",
345        "toolName": "AnnotationEraserTool"
346    },
347    "defaultAnnotationUtilities": {
348        "dataElement": "defaultAnnotationUtilities",
349        "items": [
350          "divider-0.5",
351          "undoButton",
352          "redoButton",
353          "eraserToolButton"
354        ],
355        "type": "groupedItems",
356        "grow": 0,
357        "gap": 12,
358        "alwaysVisible": false
359    },
360    "annotateToolsGroupedItems": {
361        "dataElement": "annotateToolsGroupedItems",
362        "items": [
363          "highlightToolButton",
364          "underlineToolButton",
365          "strikeoutToolButton",
366          "squigglyToolButton",
367          "freeHandToolButton",
368          "freeHandHighlightToolButton",
369          "freeTextToolButton",
370          "markInsertTextToolButton",
371          "markReplaceTextToolButton",
372          "stickyToolButton",
373          "calloutToolButton"
374        ],
375        "type": "groupedItems",
376        "justifyContent": "center",
377        "grow": 0,
378        "gap": 12,
379        "alwaysVisible": false
380    },
381    "annotateGroupedItems": {
382        "dataElement": "annotateGroupedItems",
383        "items": [
384          "annotateToolsGroupedItems",
385          "divider-0.4",
386          "stylePanelToggle",
387          "defaultAnnotationUtilities"
388        ],
389        "type": "groupedItems",
390        "justifyContent": "center",
391        "grow": 0,
392        "gap": 12,
393        "alwaysVisible": false
394    },
395    "rectangleToolButton": {
396        "dataElement": "rectangleToolButton",
397        "type": "toolButton",
398        "toolName": "AnnotationCreateRectangle"
399    },
400    "ellipseToolButton": {
401        "dataElement": "ellipseToolButton",
402        "type": "toolButton",
403        "toolName": "AnnotationCreateEllipse"
404    },
405    "arcToolButton": {
406        "dataElement": "arcToolButton",
407        "type": "toolButton",
408        "toolName": "AnnotationCreateArc"
409    },
410    "polygonToolButton": {
411        "dataElement": "polygonToolButton",
412        "type": "toolButton",
413        "toolName": "AnnotationCreatePolygon"
414    },
415    "cloudToolButton": {
416        "dataElement": "cloudToolButton",
417        "type": "toolButton",
418        "toolName": "AnnotationCreatePolygonCloud"
419    },
420    "lineToolButton": {
421        "dataElement": "lineToolButton",
422        "type": "toolButton",
423        "toolName": "AnnotationCreateLine"
424    },
425    "polylineToolButton": {
426        "dataElement": "polylineToolButton",
427        "type": "toolButton",
428        "toolName": "AnnotationCreatePolyline"
429    },
430    "arrowToolButton": {
431        "dataElement": "arrowToolButton",
432        "type": "toolButton",
433        "toolName": "AnnotationCreateArrow"
434    },
435    "shapesToolsGroupedItems": {
436        "dataElement": "shapesToolsGroupedItems",
437        "items": [
438          "rectangleToolButton",
439          "ellipseToolButton",
440          "arcToolButton",
441          "polygonToolButton",
442          "cloudToolButton",
443          "lineToolButton",
444          "polylineToolButton",
445          "arrowToolButton"
446        ],
447        "type": "groupedItems",
448        "grow": 0,
449        "gap": 12,
450        "alwaysVisible": false
451    },
452    "shapesGroupedItems": {
453        "dataElement": "shapesGroupedItems",
454        "items": [
455          "shapesToolsGroupedItems",
456          "divider-0.4",
457          "stylePanelToggle",
458          "defaultAnnotationUtilities"
459        ],
460        "type": "groupedItems",
461        "grow": 0,
462        "gap": 12,
463        "alwaysVisible": false
464    },
465    "rubberStampToolButton": {
466        "dataElement": "rubberStampToolButton",
467        "type": "toolButton",
468        "toolName": "AnnotationCreateRubberStamp"
469    },
470    "signatureCreateToolButton": {
471        "dataElement": "signatureCreateToolButton",
472        "type": "toolButton",
473        "toolName": "AnnotationCreateSignature"
474    },
475    "fileAttachmentButton": {
476        "dataElement": "fileAttachmentButton",
477        "type": "toolButton",
478        "toolName": "AnnotationCreateFileAttachment"
479    },
480    "stampToolButton": {
481        "dataElement": "stampToolButton",
482        "type": "toolButton",
483        "toolName": "AnnotationCreateStamp"
484    },
485    "insertToolsGroupedItems": {
486        "dataElement": "insertToolsGroupedItems",
487        "items": [
488          "rubberStampToolButton",
489          "signatureCreateToolButton",
490          "fileAttachmentButton",
491          "stampToolButton"
492        ],
493        "type": "groupedItems",
494        "grow": 0,
495        "gap": 12,
496        "alwaysVisible": false
497    },
498    "insertGroupedItems": {
499        "dataElement": "insertGroupedItems",
500        "items": [
501          "insertToolsGroupedItems",
502          "divider-0.4",
503          "stylePanelToggle",
504          "defaultAnnotationUtilities"
505        ],
506        "type": "groupedItems",
507        "grow": 0,
508        "gap": 12,
509        "alwaysVisible": false
510    },
511    "redactionToolButton": {
512        "dataElement": "redactionToolButton",
513        "type": "toolButton",
514        "toolName": "AnnotationCreateRedaction"
515    },
516    "pageRedactionToggleButton": {
517        "dataElement": "pageRedactionToggleButton",
518        "title": "action.redactPages",
519        "type": "toggleButton",
520        "img": "icon-tool-page-redact",
521        "toggleElement": "pageRedactionModal"
522    },
523    "redactionPanelToggle": {
524        "dataElement": "redactionPanelToggle",
525        "type": "toggleButton",
526        "img": "icon-redact-panel",
527        "toggleElement": "redactionPanel",
528        "title": "component.redactionPanel"
529    },
530    "redactionGroupedItems": {
531        "dataElement": "redactionGroupedItems",
532        "items": [
533          "redactionToolButton",
534          "pageRedactionToggleButton",
535          "redactionPanelToggle",
536          "divider-0.4",
537          "stylePanelToggle",
538          "defaultAnnotationUtilities"
539        ],
540        "type": "groupedItems",
541        "grow": 0,
542        "gap": 12,
543        "alwaysVisible": false
544    },
545    "distanceMeasurementToolButton": {
546        "dataElement": "distanceMeasurementToolButton",
547        "type": "toolButton",
548        "toolName": "AnnotationCreateDistanceMeasurement"
549    },
550    "arcMeasurementToolButton": {
551        "dataElement": "arcMeasurementToolButton",
552        "type": "toolButton",
553        "toolName": "AnnotationCreateArcMeasurement"
554    },
555    "perimeterMeasurementToolButton": {
556        "dataElement": "perimeterMeasurementToolButton",
557        "type": "toolButton",
558        "toolName": "AnnotationCreatePerimeterMeasurement"
559    },
560    "areaMeasurementToolButton": {
561        "dataElement": "areaMeasurementToolButton",
562        "type": "toolButton",
563        "toolName": "AnnotationCreateAreaMeasurement"
564    },
565    "ellipseMeasurementToolButton": {
566        "dataElement": "ellipseMeasurementToolButton",
567        "type": "toolButton",
568        "toolName": "AnnotationCreateEllipseMeasurement"
569    },
570    "rectangularAreaMeasurementToolButton": {
571        "dataElement": "rectangularAreaMeasurementToolButton",
572        "type": "toolButton",
573        "toolName": "AnnotationCreateRectangularAreaMeasurement"
574    },
575    "countMeasurementToolButton": {
576        "dataElement": "countMeasurementToolButton",
577        "type": "toolButton",
578        "toolName": "AnnotationCreateCountMeasurement"
579    },
580    "measureGroupedItems": {
581        "dataElement": "measureGroupedItems",
582        "items": [
583          "distanceMeasurementToolButton",
584          "arcMeasurementToolButton",
585          "perimeterMeasurementToolButton",
586          "areaMeasurementToolButton",
587          "ellipseMeasurementToolButton",
588          "rectangularAreaMeasurementToolButton",
589          "countMeasurementToolButton",
590          "divider-0.4",
591          "stylePanelToggle",
592          "defaultAnnotationUtilities"
593        ],
594        "type": "groupedItems",
595        "grow": 0,
596        "gap": 12,
597        "alwaysVisible": false
598    },
599    "cropToolButton": {
600        "dataElement": "cropToolButton",
601        "type": "toolButton",
602        "toolName": "CropPage"
603    },
604    "snippingToolButton": {
605        "dataElement": "snippingToolButton",
606        "type": "toolButton",
607        "toolName": "SnippingTool"
608    },
609    "editGroupedItems": {
610        "dataElement": "editGroupedItems",
611        "items": [
612          "cropToolButton",
613          "snippingToolButton"
614        ],
615        "type": "groupedItems",
616        "grow": 0,
617        "gap": 12,
618        "alwaysVisible": false
619    },
620    "addParagraphToolGroupButton": {
621        "dataElement": "addParagraphToolGroupButton",
622        "type": "toolButton",
623        "toolName": "AddParagraphTool"
624    },
625    "addImageContentToolGroupButton": {
626        "dataElement": "addImageContentToolGroupButton",
627        "type": "toolButton",
628        "toolName": "AddImageContentTool"
629    },
630    "divider-0.6": {
631        "dataElement": "divider-0.6",
632        "type": "divider"
633    },
634    "contentEditButton": {
635        "dataElement": "contentEditButton",
636        "type": "presetButton",
637        "buttonType": "contentEditButton"
638    },
639    "contentEditGroupedItems": {
640        "dataElement": "contentEditGroupedItems",
641        "items": [
642          "addParagraphToolGroupButton",
643          "addImageContentToolGroupButton",
644          "divider-0.6",
645          "contentEditButton"
646        ],
647        "type": "groupedItems",
648        "grow": 0,
649        "gap": 12,
650        "alwaysVisible": false
651    },
652    "crossStampToolButton": {
653        "dataElement": "crossStampToolButton",
654        "type": "toolButton",
655        "toolName": "AnnotationCreateCrossStamp"
656    },
657    "checkStampToolButton": {
658        "dataElement": "checkStampToolButton",
659        "type": "toolButton",
660        "toolName": "AnnotationCreateCheckStamp"
661    },
662    "dotStampToolButton": {
663        "dataElement": "dotStampToolButton",
664        "type": "toolButton",
665        "toolName": "AnnotationCreateDotStamp"
666    },
667    "calendarToolButton": {
668        "dataElement": "calendarToolButton",
669        "type": "toolButton",
670        "toolName": "AnnotationCreateDateFreeText"
671    },
672    "fillAndSignGroupedItems": {
673        "dataElement": "fillAndSignGroupedItems",
674        "items": [
675          "signatureCreateToolButton",
676          "freeTextToolButton",
677          "crossStampToolButton",
678          "checkStampToolButton",
679          "dotStampToolButton",
680          "rubberStampToolButton",
681          "calendarToolButton",
682          "divider-0.4",
683          "stylePanelToggle",
684          "defaultAnnotationUtilities"
685        ],
686        "type": "groupedItems",
687        "grow": 0,
688        "gap": 12,
689        "alwaysVisible": false
690    },
691    "signatureFieldButton": {
692        "dataElement": "signatureFieldButton",
693        "type": "toolButton",
694        "toolName": "SignatureFormFieldCreateTool"
695    },
696    "textFieldButton": {
697        "dataElement": "textFieldButton",
698        "type": "toolButton",
699        "toolName": "TextFormFieldCreateTool"
700    },
701    "checkboxFieldButton": {
702        "dataElement": "checkboxFieldButton",
703        "type": "toolButton",
704        "toolName": "CheckBoxFormFieldCreateTool"
705    },
706    "radioFieldButton": {
707        "dataElement": "radioFieldButton",
708        "type": "toolButton",
709        "toolName": "RadioButtonFormFieldCreateTool"
710    },
711    "listBoxFieldButton": {
712        "dataElement": "listBoxFieldButton",
713        "type": "toolButton",
714        "toolName": "ListBoxFormFieldCreateTool"
715    },
716    "comboBoxFieldButton": {
717        "dataElement": "comboBoxFieldButton",
718        "type": "toolButton",
719        "toolName": "ComboBoxFormFieldCreateTool"
720    },
721    "divider-0.7": {
722        "dataElement": "divider-0.7",
723        "type": "divider"
724    },
725    "formFieldEditButton": {
726        "dataElement": "formFieldEditButton",
727        "type": "presetButton",
728        "buttonType": "formFieldEditButton"
729    },
730    "divider-0.8": {
731        "dataElement": "divider-0.8",
732        "type": "divider"
733    },
734    "formsToolsGroupedItems": {
735        "dataElement": "formsToolsGroupedItems",
736        "items": [
737          "signatureFieldButton",
738          "textFieldButton",
739          "freeTextToolButton",
740          "checkboxFieldButton",
741          "radioFieldButton",
742          "listBoxFieldButton",
743          "comboBoxFieldButton",
744          "divider-0.7",
745          "formFieldEditButton"
746        ],
747        "type": "groupedItems",
748        "grow": 0,
749        "gap": 12,
750        "alwaysVisible": false
751    },
752    "formsGroupedItems": {
753        "dataElement": "formsGroupedItems",
754        "items": [
755          "formsToolsGroupedItems",
756          "divider-0.8",
757          "stylePanelToggle",
758          "indexPanelListToggle"
759        ],
760        "type": "groupedItems",
761        "grow": 0,
762        "gap": 12,
763        "alwaysVisible": false
764    },
765    "page-controls-container": {
766        "dataElement": "page-controls-container",
767        "type": "pageControls",
768        "title": "component.pageControls",
769        "icon": "icon-page-controls"
770    },
771    "newDocumentButton": {
772        "dataElement": "newDocumentButton",
773        "presetDataElement": "newDocumentPresetButton",
774        "label": "action.newDocument",
775        "title": "action.newDocument",
776        "type": "presetButton",
777        "buttonType": "newDocumentButton"
778    },
779    "fullscreenButton": {
780        "dataElement": "fullscreenButton",
781        "presetDataElement": "fullscreenPresetButton",
782        "label": "action.enterFullscreen",
783        "title": "action.enterFullscreen",
784        "type": "presetButton",
785        "buttonType": "fullscreenButton"
786    }
787  },
788  "modularHeaders": {
789    "default-top-header-demo": {
790        "dataElement": "default-top-header-demo",
791        "placement": "top",
792        "grow": 0,
793        "gap": 12,
794        "position": "start",
795        "float": false,
796        "stroke": true,
797        "dimension": {
798          "paddingTop": 8,
799          "paddingBottom": 8,
800          "borderWidth": 1
801        },
802        "style": {},
803        "items": [
804          "groupedLeftHeaderButtons",
805          "default-ribbon-group",
806          "comparePanelToggle",
807          "searchPanelToggle",
808          "notesPanelToggle"
809        ]
810    },
811    "tools-header": {
812        "dataElement": "tools-header",
813        "placement": "top",
814        "justifyContent": "center",
815        "grow": 0,
816        "gap": 12,
817        "position": "end",
818        "float": false,
819        "stroke": true,
820        "dimension": {
821          "paddingTop": 8,
822          "paddingBottom": 8,
823          "borderWidth": 1
824        },
825        "style": {},
826        "items": [
827          "annotateGroupedItems",
828          "shapesGroupedItems",
829          "insertGroupedItems",
830          "redactionGroupedItems",
831          "measureGroupedItems",
832          "editGroupedItems",
833          "contentEditGroupedItems",
834          "fillAndSignGroupedItems",
835          "formsGroupedItems"
836        ]
837    },
838    "page-nav-floating-header": {
839        "dataElement": "page-nav-floating-header",
840        "placement": "bottom",
841        "grow": 0,
842        "gap": 12,
843        "position": "center",
844        "opacityMode": "dynamic",
845        "opacity": "none",
846        "float": true,
847        "stroke": true,
848        "dimension": {
849          "paddingTop": 8,
850          "paddingBottom": 8,
851          "borderWidth": 1
852        },
853        "style": {
854          "background": "var(--gray-1)",
855          "padding": "8px",
856          "borderStyle": "solid",
857          "borderWidth": 1,
858          "borderColor": "var(--gray-5)"
859        },
860        "items": [
861          "page-controls-container"
862        ]
863    }
864  },
865  "panels": {
866    "comparePanel": {
867        "dataElement": "comparePanel",
868        "render": "changeListPanel",
869        "location": "right"
870    },
871    "stylePanel": {
872        "dataElement": "stylePanel",
873        "render": "stylePanel",
874        "location": "left"
875    },
876    "thumbnailsPanel": {
877        "dataElement": "thumbnailsPanel",
878        "render": "thumbnailsPanel",
879        "location": "left"
880    },
881    "outlinesPanel": {
882        "dataElement": "outlinesPanel",
883        "render": "outlinesPanel",
884        "location": "left"
885    },
886    "bookmarksPanel": {
887        "dataElement": "bookmarksPanel",
888        "render": "bookmarksPanel",
889        "location": "left"
890    },
891    "formFieldPanel": {
892        "dataElement": "formFieldPanel",
893        "render": "formFieldPanel",
894        "location": "right"
895    },
896    "indexPanel": {
897        "dataElement": "indexPanel",
898        "render": "indexPanel",
899        "location": "right"
900    },
901    "layersPanel": {
902        "dataElement": "layersPanel",
903        "render": "layersPanel",
904        "location": "left"
905    },
906    "signatureListPanel": {
907        "dataElement": "signatureListPanel",
908        "render": "signatureListPanel",
909        "location": "left"
910    },
911    "fileAttachmentPanel": {
912        "dataElement": "fileAttachmentPanel",
913        "render": "fileAttachmentPanel",
914        "location": "left"
915    },
916    "rubberStampPanel": {
917        "dataElement": "rubberStampPanel",
918        "render": "rubberStampPanel",
919        "location": "left"
920    },
921    "textEditingPanel": {
922        "dataElement": "textEditingPanel",
923        "render": "textEditingPanel",
924        "location": "right"
925    },
926    "signaturePanel": {
927        "dataElement": "signaturePanel",
928        "render": "signaturePanel",
929        "location": "left",
930        "disabled": false
931    },
932    "portfolioPanel": {
933        "dataElement": "portfolioPanel",
934        "render": "portfolioPanel",
935        "location": "left",
936        "disabled": false
937    },
938    "tabPanel": {
939        "render": "tabPanel",
940        "dataElement": "tabPanel",
941        "panelsList": [
942          {
943              "render": "thumbnailsPanel"
944          },
945          {
946              "render": "outlinesPanel"
947          },
948          {
949              "render": "bookmarksPanel"
950          },
951          {
952              "render": "layersPanel"
953          },
954          {
955              "render": "signaturePanel"
956          },
957          {
958              "render": "fileAttachmentPanel"
959          },
960          {
961              "render": "portfolioPanel"
962          }
963        ],
964        "location": "left"
965    },
966    "notesPanel": {
967        "dataElement": "notesPanel",
968        "render": "notesPanel",
969        "location": "right"
970    },
971    "searchPanel": {
972        "dataElement": "searchPanel",
973        "render": "searchPanel",
974        "location": "right"
975    },
976    "redactionPanel": {
977        "dataElement": "redactionPanel",
978        "render": "redactionPanel",
979        "location": "right"
980    }
981  },
982  "flyouts": {
983    "MainMenuFlyout": {
984        "dataElement": "MainMenuFlyout",
985        "items": [
986          "newDocumentButton",
987          "filePickerButton",
988          "downloadButton",
989          "fullscreenButton",
990          "saveAsButton",
991          "printButton",
992          "divider",
993          "createPortfolioButton",
994          "divider",
995          "settingsButton",
996          "divider"
997        ]
998    },
999    "multiSelectStylePanelFlyout": {
1000        "dataElement": "multiSelectStylePanelFlyout",
1001        "className": "StylePanelFlyout",
1002        "items": [
1003          "stylePanelToggle"
1004        ]
1005    }
1006  }
1007}
1008
1{
2  "modularComponents": {
3    "filePickerButton": {
4      "dataElement": "filePickerButton",
5      "title": "action.openFile",
6      "label": "action.openFile",
7      "img": "icon-header-file-picker-line",
8      "hidden": true,
9      "type": "presetButton"
10    },
11    "downloadButton": {
12      "dataElement": "downloadButton",
13      "title": "action.download",
14      "label": "action.download",
15      "img": "icon-download",
16      "hidden": false,
17      "type": "presetButton",
18      "buttonType": "downloadButton"
19    },
20    "saveAsButton": {
21      "dataElement": "saveAsButton",
22      "title": "saveModal.saveAs",
23      "label": "saveModal.saveAs",
24      "img": "icon-save",
25      "hidden": false,
26      "type": "presetButton",
27      "buttonType": "saveAsButton"
28    },
29    "printButton": {
30      "dataElement": "printButton",
31      "title": "action.print",
32      "label": "action.print",
33      "img": "icon-header-print-line",
34      "hidden": false,
35      "type": "presetButton",
36      "buttonType": "printButton"
37    },
38    "createPortfolioButton": {
39      "dataElement": "createPortfolioButton",
40      "title": "portfolio.createPDFPortfolio",
41      "label": "portfolio.createPDFPortfolio",
42      "img": "icon-pdf-portfolio",
43      "hidden": false,
44      "type": "presetButton",
45      "buttonType": "createPortfolioButton"
46    },
47    "settingsButton": {
48      "dataElement": "settingsButton",
49      "title": "option.settings.settings",
50      "isActive": false,
51      "label": "option.settings.settings",
52      "img": "icon-header-settings-line",
53      "hidden": false,
54      "type": "presetButton",
55      "buttonType": "settingsButton"
56    },
57    "divider-0.1": {
58      "dataElement": "divider-0.1",
59      "type": "divider"
60    },
61    "left-panel-toggle": {
62      "dataElement": "left-panel-toggle",
63      "title": "Left Panel",
64      "type": "toggleButton",
65      "img": "icon-header-sidebar-line",
66      "toggleElement": "customLeftPanel"
67    },
68    "view-controls": {
69      "dataElement": "view-controls",
70      "type": "viewControls"
71    },
72    "divider-0.3": {
73      "dataElement": "divider-0.3",
74      "type": "divider"
75    },
76    "zoom-container": {
77      "dataElement": "zoom-container",
78      "type": "zoom"
79    },
80    "divider-0.2": {
81      "dataElement": "divider-0.2",
82      "type": "divider"
83    },
84    "panToolButton": {
85      "dataElement": "panToolButton",
86      "type": "toolButton",
87      "toolName": "Pan"
88    },
89    "annotationEditToolButton": {
90      "dataElement": "annotationEditToolButton",
91      "type": "toolButton",
92      "toolName": "AnnotationEdit"
93    },
94    "menu-toggle-button": {
95      "dataElement": "menu-toggle-button",
96      "img": "ic-hamburger-menu",
97      "title": "component.menuOverlay",
98      "toggleElement": "MainMenuFlyout",
99      "type": "toggleButton"
100    },
101    "groupedLeftHeaderButtons": {
102      "dataElement": "groupedLeftHeaderButtons",
103      "items": [
104        "menu-toggle-button",
105        "divider-0.1",
106        "view-controls",
107        "divider-0.3",
108        "zoom-container"
109      ],
110      "type": "groupedItems",
111      "grow": 1,
112      "gap": 12,
113      "alwaysVisible": true
114    },
115    "toolbarGroup-View": {
116      "dataElement": "toolbarGroup-View",
117      "title": "View",
118      "type": "ribbonItem",
119      "label": "View",
120      "groupedItems": [],
121      "toolbarGroup": "toolbarGroup-View"
122    },
123    "toolbarGroup-Annotate": {
124      "dataElement": "toolbarGroup-Annotate",
125      "title": "Annotate",
126      "type": "ribbonItem",
127      "label": "Annotate",
128      "groupedItems": [
129        "annotateGroupedItems"
130      ],
131      "toolbarGroup": "toolbarGroup-Annotate"
132    },
133    "toolbarGroup-Shapes": {
134      "dataElement": "toolbarGroup-Shapes",
135      "title": "Shapes",
136      "type": "ribbonItem",
137      "label": "Shapes",
138      "groupedItems": [
139        "shapesGroupedItems"
140      ],
141      "toolbarGroup": "toolbarGroup-Shapes"
142    },
143    "toolbarGroup-Insert": {
144      "dataElement": "toolbarGroup-Insert",
145      "title": "Insert",
146      "type": "ribbonItem",
147      "label": "Insert",
148      "groupedItems": [
149        "insertGroupedItems"
150      ],
151      "toolbarGroup": "toolbarGroup-Insert"
152    },
153    "toolbarGroup-Measure": {
154      "dataElement": "toolbarGroup-Measure",
155      "title": "Measure",
156      "type": "ribbonItem",
157      "label": "Measure",
158      "groupedItems": [
159        "measureGroupedItems"
160      ],
161      "toolbarGroup": "toolbarGroup-Measure"
162    },
163    "toolbarGroup-Redact": {
164      "dataElement": "toolbarGroup-Redact",
165      "title": "Redact",
166      "type": "ribbonItem",
167      "label": "Redact",
168      "groupedItems": [
169        "redactionGroupedItems"
170      ],
171      "toolbarGroup": "toolbarGroup-Redact"
172    },
173    "toolbarGroup-Edit": {
174      "dataElement": "toolbarGroup-Edit",
175      "title": "Edit",
176      "type": "ribbonItem",
177      "label": "Edit",
178      "groupedItems": [
179        "editGroupedItems"
180      ],
181      "toolbarGroup": "toolbarGroup-Edit"
182    },
183    "toolbarGroup-EditText": {
184      "dataElement": "toolbarGroup-EditText",
185      "title": "Content Edit",
186      "type": "ribbonItem",
187      "label": "Content Edit",
188      "groupedItems": [
189        "contentEditGroupedItems"
190      ],
191      "toolbarGroup": "toolbarGroup-EditText"
192    },
193    "toolbarGroup-FillAndSign": {
194      "dataElement": "toolbarGroup-FillAndSign",
195      "title": "Fill and Sign",
196      "type": "ribbonItem",
197      "label": "Fill and Sign",
198      "groupedItems": [
199        "fillAndSignGroupedItems"
200      ],
201      "toolbarGroup": "toolbarGroup-FillAndSign"
202    },
203    "toolbarGroup-Forms": {
204      "dataElement": "toolbarGroup-Forms",
205      "title": "Forms",
206      "type": "ribbonItem",
207      "label": "Forms",
208      "groupedItems": [
209        "formsGroupedItems"
210      ],
211      "toolbarGroup": "toolbarGroup-Forms"
212    },
213    "default-ribbon-group": {
214      "dataElement": "default-ribbon-group",
215      "items": [
216        "toolbarGroup-View",
217        "toolbarGroup-Annotate",
218        "toolbarGroup-Shapes",
219        "toolbarGroup-Insert",
220        "toolbarGroup-Measure",
221        "toolbarGroup-Redact",
222        "toolbarGroup-Edit",
223        "toolbarGroup-EditText",
224        "toolbarGroup-FillAndSign",
225        "toolbarGroup-Forms"
226      ],
227      "type": "ribbonGroup",
228      "justifyContent": "start",
229      "grow": 2,
230      "gap": 12,
231      "alwaysVisible": false
232    },
233    "searchPanelToggle": {
234      "dataElement": "searchPanelToggle",
235      "title": "component.searchPanel",
236      "type": "toggleButton",
237      "img": "icon-header-search",
238      "toggleElement": "searchPanel"
239    },
240    "notesPanelToggle": {
241      "dataElement": "notesPanelToggle",
242      "title": "component.notesPanel",
243      "type": "toggleButton",
244      "img": "icon-header-chat-line",
245      "toggleElement": "notesPanel"
246    },
247    "highlightToolButton": {
248      "dataElement": "highlightToolButton",
249      "type": "toolButton",
250      "toolName": "AnnotationCreateTextHighlight"
251    },
252    "underlineToolButton": {
253      "dataElement": "underlineToolButton",
254      "type": "toolButton",
255      "toolName": "AnnotationCreateTextUnderline"
256    },
257    "strikeoutToolButton": {
258      "dataElement": "strikeoutToolButton",
259      "type": "toolButton",
260      "toolName": "AnnotationCreateTextStrikeout"
261    },
262    "squigglyToolButton": {
263      "dataElement": "squigglyToolButton",
264      "type": "toolButton",
265      "toolName": "AnnotationCreateTextSquiggly"
266    },
267    "freeTextToolButton": {
268      "dataElement": "freeTextToolButton",
269      "type": "toolButton",
270      "toolName": "AnnotationCreateFreeText"
271    },
272    "markInsertTextToolButton": {
273      "dataElement": "markInsertTextToolButton",
274      "type": "toolButton",
275      "toolName": "AnnotationCreateMarkInsertText"
276    },
277    "markReplaceTextToolButton": {
278      "dataElement": "markReplaceTextToolButton",
279      "type": "toolButton",
280      "toolName": "AnnotationCreateMarkReplaceText"
281    },
282    "freeHandToolButton": {
283      "dataElement": "freeHandToolButton",
284      "type": "toolButton",
285      "toolName": "AnnotationCreateFreeHand"
286    },
287    "freeHandHighlightToolButton": {
288      "dataElement": "freeHandHighlightToolButton",
289      "type": "toolButton",
290      "toolName": "AnnotationCreateFreeHandHighlight"
291    },
292    "stickyToolButton": {
293      "dataElement": "stickyToolButton",
294      "type": "toolButton",
295      "toolName": "AnnotationCreateSticky"
296    },
297    "calloutToolButton": {
298      "dataElement": "calloutToolButton",
299      "type": "toolButton",
300      "toolName": "AnnotationCreateCallout"
301    },
302    "divider-0.4": {
303      "dataElement": "divider-0.4",
304      "type": "divider"
305    },
306    "stylePanelToggle": {
307      "dataElement": "stylePanelToggle",
308      "title": "action.style",
309      "type": "toggleButton",
310      "img": "icon-style-panel-toggle",
311      "toggleElement": "stylePanel"
312    },
313    "divider-0.5": {
314      "dataElement": "divider-0.5",
315      "type": "divider"
316    },
317    "undoButton": {
318      "dataElement": "undoButton",
319      "type": "presetButton",
320      "buttonType": "undoButton"
321    },
322    "redoButton": {
323      "dataElement": "redoButton",
324      "type": "presetButton",
325      "buttonType": "redoButton"
326    },
327    "eraserToolButton": {
328      "dataElement": "eraserToolButton",
329      "type": "toolButton",
330      "toolName": "AnnotationEraserTool"
331    },
332    "defaultAnnotationUtilities": {
333      "dataElement": "defaultAnnotationUtilities",
334      "items": [
335        "divider-0.5",
336        "undoButton",
337        "redoButton",
338        "eraserToolButton"
339      ],
340      "type": "groupedItems",
341      "grow": 0,
342      "gap": 12,
343      "alwaysVisible": false
344    },
345    "annotateToolsGroupedItems": {
346      "dataElement": "annotateToolsGroupedItems",
347      "items": [
348        "highlightToolButton",
349        "underlineToolButton",
350        "strikeoutToolButton",
351        "squigglyToolButton",
352        "freeHandToolButton",
353        "freeHandHighlightToolButton",
354        "freeTextToolButton",
355        "markInsertTextToolButton",
356        "markReplaceTextToolButton",
357        "stickyToolButton",
358        "calloutToolButton"
359      ],
360      "type": "groupedItems",
361      "justifyContent": "center",
362      "grow": 0,
363      "gap": 12,
364      "alwaysVisible": false
365    },
366    "annotateGroupedItems": {
367      "dataElement": "annotateGroupedItems",
368      "items": [
369        "annotateToolsGroupedItems",
370        "divider-0.4",
371        "stylePanelToggle",
372        "defaultAnnotationUtilities"
373      ],
374      "type": "groupedItems",
375      "justifyContent": "center",
376      "grow": 0,
377      "gap": 12,
378      "alwaysVisible": false
379    },
380    "rectangleToolButton": {
381      "dataElement": "rectangleToolButton",
382      "type": "toolButton",
383      "toolName": "AnnotationCreateRectangle"
384    },
385    "ellipseToolButton": {
386      "dataElement": "ellipseToolButton",
387      "type": "toolButton",
388      "toolName": "AnnotationCreateEllipse"
389    },
390    "arcToolButton": {
391      "dataElement": "arcToolButton",
392      "type": "toolButton",
393      "toolName": "AnnotationCreateArc"
394    },
395    "polygonToolButton": {
396      "dataElement": "polygonToolButton",
397      "type": "toolButton",
398      "toolName": "AnnotationCreatePolygon"
399    },
400    "cloudToolButton": {
401      "dataElement": "cloudToolButton",
402      "type": "toolButton",
403      "toolName": "AnnotationCreatePolygonCloud"
404    },
405    "lineToolButton": {
406      "dataElement": "lineToolButton",
407      "type": "toolButton",
408      "toolName": "AnnotationCreateLine"
409    },
410    "polylineToolButton": {
411      "dataElement": "polylineToolButton",
412      "type": "toolButton",
413      "toolName": "AnnotationCreatePolyline"
414    },
415    "arrowToolButton": {
416      "dataElement": "arrowToolButton",
417      "type": "toolButton",
418      "toolName": "AnnotationCreateArrow"
419    },
420    "shapesToolsGroupedItems": {
421      "dataElement": "shapesToolsGroupedItems",
422      "items": [
423        "rectangleToolButton",
424        "ellipseToolButton",
425        "arcToolButton",
426        "polygonToolButton",
427        "cloudToolButton",
428        "lineToolButton",
429        "polylineToolButton",
430        "arrowToolButton"
431      ],
432      "type": "groupedItems",
433      "grow": 0,
434      "gap": 12,
435      "alwaysVisible": false
436    },
437    "shapesGroupedItems": {
438      "dataElement": "shapesGroupedItems",
439      "items": [
440        "shapesToolsGroupedItems",
441        "divider-0.4",
442        "stylePanelToggle",
443        "defaultAnnotationUtilities"
444      ],
445      "type": "groupedItems",
446      "grow": 0,
447      "gap": 12,
448      "alwaysVisible": false
449    },
450    "rubberStampToolButton": {
451      "dataElement": "rubberStampToolButton",
452      "type": "toolButton",
453      "toolName": "AnnotationCreateRubberStamp"
454    },
455    "signatureCreateToolButton": {
456      "dataElement": "signatureCreateToolButton",
457      "type": "toolButton",
458      "toolName": "AnnotationCreateSignature"
459    },
460    "fileAttachmentButton": {
461      "dataElement": "fileAttachmentButton",
462      "type": "toolButton",
463      "toolName": "AnnotationCreateFileAttachment"
464    },
465    "stampToolButton": {
466      "dataElement": "stampToolButton",
467      "type": "toolButton",
468      "toolName": "AnnotationCreateStamp"
469    },
470    "insertToolsGroupedItems": {
471      "dataElement": "insertToolsGroupedItems",
472      "items": [
473        "rubberStampToolButton",
474        "signatureCreateToolButton",
475        "fileAttachmentButton",
476        "stampToolButton"
477      ],
478      "type": "groupedItems",
479      "grow": 0,
480      "gap": 12,
481      "alwaysVisible": false
482    },
483    "insertGroupedItems": {
484      "dataElement": "insertGroupedItems",
485      "items": [
486        "insertToolsGroupedItems",
487        "divider-0.4",
488        "stylePanelToggle",
489        "defaultAnnotationUtilities"
490      ],
491      "type": "groupedItems",
492      "grow": 0,
493      "gap": 12,
494      "alwaysVisible": false
495    },
496    "redactionToolButton": {
497      "dataElement": "redactionToolButton",
498      "type": "toolButton",
499      "toolName": "AnnotationCreateRedaction"
500    },
501    "pageRedactionToggleButton": {
502      "dataElement": "pageRedactionToggleButton",
503      "title": "action.redactPages",
504      "type": "toggleButton",
505      "img": "icon-tool-page-redact",
506      "toggleElement": "pageRedactionModal"
507    },
508    "redactionPanelToggle": {
509      "dataElement": "redactionPanelToggle",
510      "type": "toggleButton",
511      "img": "icon-redact-panel",
512      "toggleElement": "redactionPanel"
513    },
514    "redactionGroupedItems": {
515      "dataElement": "redactionGroupedItems",
516      "items": [
517        "redactionToolButton",
518        "pageRedactionToggleButton",
519        "redactionPanelToggle",
520        "defaultAnnotationUtilities"
521      ],
522      "type": "groupedItems",
523      "grow": 0,
524      "gap": 12,
525      "alwaysVisible": false
526    },
527    "distanceMeasurementToolButton": {
528      "dataElement": "distanceMeasurementToolButton",
529      "type": "toolButton",
530      "toolName": "AnnotationCreateDistanceMeasurement"
531    },
532    "arcMeasurementToolButton": {
533      "dataElement": "arcMeasurementToolButton",
534      "type": "toolButton",
535      "toolName": "AnnotationCreateArcMeasurement"
536    },
537    "perimeterMeasurementToolButton": {
538      "dataElement": "perimeterMeasurementToolButton",
539      "type": "toolButton",
540      "toolName": "AnnotationCreatePerimeterMeasurement"
541    },
542    "areaMeasurementToolButton": {
543      "dataElement": "areaMeasurementToolButton",
544      "type": "toolButton",
545      "toolName": "AnnotationCreateAreaMeasurement"
546    },
547    "ellipseMeasurementToolButton": {
548      "dataElement": "ellipseMeasurementToolButton",
549      "type": "toolButton",
550      "toolName": "AnnotationCreateEllipseMeasurement"
551    },
552    "rectangularAreaMeasurementToolButton": {
553      "dataElement": "rectangularAreaMeasurementToolButton",
554      "type": "toolButton",
555      "toolName": "AnnotationCreateRectangularAreaMeasurement"
556    },
557    "countMeasurementToolButton": {
558      "dataElement": "countMeasurementToolButton",
559      "type": "toolButton",
560      "toolName": "AnnotationCreateCountMeasurement"
561    },
562    "measureGroupedItems": {
563      "dataElement": "measureGroupedItems",
564      "items": [
565        "distanceMeasurementToolButton",
566        "arcMeasurementToolButton",
567        "perimeterMeasurementToolButton",
568        "areaMeasurementToolButton",
569        "ellipseMeasurementToolButton",
570        "rectangularAreaMeasurementToolButton",
571        "countMeasurementToolButton",
572        "divider-0.4",
573        "stylePanelToggle",
574        "defaultAnnotationUtilities"
575      ],
576      "type": "groupedItems",
577      "grow": 0,
578      "gap": 12,
579      "alwaysVisible": false
580    },
581    "cropToolButton": {
582      "dataElement": "cropToolButton",
583      "type": "toolButton",
584      "toolName": "CropPage"
585    },
586    "snippingToolButton": {
587      "dataElement": "snippingToolButton",
588      "type": "toolButton",
589      "toolName": "SnippingTool"
590    },
591    "editGroupedItems": {
592      "dataElement": "editGroupedItems",
593      "items": [
594        "cropToolButton",
595        "snippingToolButton"
596      ],
597      "type": "groupedItems",
598      "grow": 0,
599      "gap": 12,
600      "alwaysVisible": false
601    },
602    "addParagraphToolGroupButton": {
603      "dataElement": "addParagraphToolGroupButton",
604      "type": "toolButton",
605      "toolName": "AddParagraphTool"
606    },
607    "addImageContentToolGroupButton": {
608      "dataElement": "addImageContentToolGroupButton",
609      "type": "toolButton",
610      "toolName": "AddImageContentTool"
611    },
612    "divider-0.6": {
613      "dataElement": "divider-0.6",
614      "type": "divider"
615    },
616    "divider": {
617      "dataElement": "divider",
618      "type": "divider"
619    },
620    "contentEditButton": {
621      "dataElement": "contentEditButton",
622      "type": "presetButton",
623      "buttonType": "contentEditButton"
624    },
625    "contentEditGroupedItems": {
626      "dataElement": "contentEditGroupedItems",
627      "items": [
628        "addParagraphToolGroupButton",
629        "addImageContentToolGroupButton",
630        "divider-0.6",
631        "contentEditButton"
632      ],
633      "type": "groupedItems",
634      "grow": 0,
635      "gap": 12,
636      "alwaysVisible": false
637    },
638    "crossStampToolButton": {
639      "dataElement": "crossStampToolButton",
640      "type": "toolButton",
641      "toolName": "AnnotationCreateCrossStamp"
642    },
643    "checkStampToolButton": {
644      "dataElement": "checkStampToolButton",
645      "type": "toolButton",
646      "toolName": "AnnotationCreateCheckStamp"
647    },
648    "dotStampToolButton": {
649      "dataElement": "dotStampToolButton",
650      "type": "toolButton",
651      "toolName": "AnnotationCreateDotStamp"
652    },
653    "calendarToolButton": {
654      "dataElement": "calendarToolButton",
655      "type": "toolButton",
656      "toolName": "AnnotationCreateDateFreeText"
657    },
658    "fillAndSignGroupedItems": {
659      "dataElement": "fillAndSignGroupedItems",
660      "items": [
661        "signatureCreateToolButton",
662        "freeTextToolButton",
663        "crossStampToolButton",
664        "checkStampToolButton",
665        "dotStampToolButton",
666        "rubberStampToolButton",
667        "calendarToolButton",
668        "divider-0.4",
669        "stylePanelToggle",
670        "defaultAnnotationUtilities"
671      ],
672      "type": "groupedItems",
673      "grow": 0,
674      "gap": 12,
675      "alwaysVisible": false
676    },
677    "signatureFieldButton": {
678      "dataElement": "signatureFieldButton",
679      "type": "toolButton",
680      "toolName": "SignatureFormFieldCreateTool"
681    },
682    "textFieldButton": {
683      "dataElement": "textFieldButton",
684      "type": "toolButton",
685      "toolName": "TextFormFieldCreateTool"
686    },
687    "checkboxFieldButton": {
688      "dataElement": "checkboxFieldButton",
689      "type": "toolButton",
690      "toolName": "CheckBoxFormFieldCreateTool"
691    },
692    "radioFieldButton": {
693      "dataElement": "radioFieldButton",
694      "type": "toolButton",
695      "toolName": "RadioButtonFormFieldCreateTool"
696    },
697    "listBoxFieldButton": {
698      "dataElement": "listBoxFieldButton",
699      "type": "toolButton",
700      "toolName": "ListBoxFormFieldCreateTool"
701    },
702    "comboBoxFieldButton": {
703      "dataElement": "comboBoxFieldButton",
704      "type": "toolButton",
705      "toolName": "ComboBoxFormFieldCreateTool"
706    },
707    "divider-0.7": {
708      "dataElement": "divider-0.7",
709      "type": "divider"
710    },
711    "formFieldEditButton": {
712      "dataElement": "formFieldEditButton",
713      "type": "presetButton",
714      "buttonType": "formFieldEditButton"
715    },
716    "divider-0.8": {
717      "dataElement": "divider-0.8",
718      "type": "divider"
719    },
720    "formsToolsGroupedItems": {
721      "dataElement": "formsToolsGroupedItems",
722      "items": [
723        "signatureFieldButton",
724        "textFieldButton",
725        "freeTextToolButton",
726        "checkboxFieldButton",
727        "radioFieldButton",
728        "listBoxFieldButton",
729        "comboBoxFieldButton",
730        "divider-0.7",
731        "formFieldEditButton"
732      ],
733      "type": "groupedItems",
734      "grow": 0,
735      "gap": 12,
736      "alwaysVisible": false
737    },
738    "formsGroupedItems": {
739      "dataElement": "formsGroupedItems",
740      "items": [
741        "formsToolsGroupedItems",
742        "divider-0.8",
743        "stylePanelToggle"
744      ],
745      "type": "groupedItems",
746      "grow": 0,
747      "gap": 12,
748      "alwaysVisible": false
749    },
750    "page-controls-container": {
751      "dataElement": "page-controls-container",
752      "type": "pageControls"
753    },
754    "newDocumentButton": {
755      "dataElement": "newDocumentButton",
756      "presetDataElement": "newDocumentPresetButton",
757      "img": "icon-plus-sign",
758      "label": "action.newDocument",
759      "title": "action.newDocument",
760      "isActive": false,
761      "hidden": false,
762      "type": "presetButton"
763    },
764    "fullscreenButton": {
765      "dataElement": "fullscreenButton",
766      "presetDataElement": "fullscreenPresetButton",
767      "img": "icon-header-full-screen",
768      "label": "action.enterFullscreen",
769      "title": "action.enterFullscreen",
770      "hidden": false,
771      "type": "presetButton"
772    },
773    "thumbnailsPanelToggle": {
774      "dataElement": "thumbnailsPanelToggle",
775      "title": "component.thumbnailsPanel",
776      "type": "toggleButton",
777      "img": "icon-panel-thumbnail-line",
778      "toggleElement": "thumbnailPanel"
779    },
780    "outlinesPanelToggle": {
781      "dataElement": "outlinesToggle",
782      "title": "component.outlinesPanel",
783      "type": "toggleButton",
784      "img": "icon-panel-outlines",
785      "toggleElement": "outlinePanel"
786    },
787    "bookmarksPanelToggle": {
788      "dataElement": "bookmarksPanelToggle",
789      "title": "component.bookmarksPanel",
790      "type": "toggleButton",
791      "img": "ic_bookmarks_black_24px",
792      "toggleElement": "bookmarkPanel"
793    },
794    "signaturesPanelToggle": {
795      "dataElement": "signaturesPanelToggle",
796      "title": "component.signaturePanel",
797      "type": "toggleButton",
798      "img": "icon-tool-signature",
799      "toggleElement": "signaturePanel"
800    }
801  },
802  "modularHeaders": {
803    "default-top-header-demo": {
804      "dataElement": "default-top-header-demo",
805      "placement": "top",
806      "grow": 0,
807      "gap": 12,
808      "position": "start",
809      "float": false,
810      "stroke": true,
811      "dimension": {
812        "paddingTop": 8,
813        "paddingBottom": 8,
814        "borderWidth": 1
815      },
816      "style": {},
817      "items": [
818        "groupedLeftHeaderButtons",
819        "default-ribbon-group",
820        "searchPanelToggle",
821        "notesPanelToggle"
822      ]
823    },
824    "tools-header": {
825      "dataElement": "tools-header",
826      "placement": "top",
827      "justifyContent": "center",
828      "grow": 0,
829      "gap": 12,
830      "position": "end",
831      "float": false,
832      "stroke": true,
833      "dimension": {
834        "paddingTop": 8,
835        "paddingBottom": 8,
836        "borderWidth": 1
837      },
838      "style": {},
839      "items": [
840        "annotateGroupedItems",
841        "shapesGroupedItems",
842        "insertGroupedItems",
843        "redactionGroupedItems",
844        "measureGroupedItems",
845        "editGroupedItems",
846        "contentEditGroupedItems",
847        "fillAndSignGroupedItems",
848        "formsGroupedItems"
849      ]
850    },
851    "left-header": {
852      "dataElement": "left-header",
853      "placement": "left",
854      "justifyContent": "start",
855      "grow": 0,
856      "gap": 12,
857      "position": "end",
858      "float": false,
859      "stroke": true,
860      "dimension": {
861        "paddingTop": 8,
862        "paddingBottom": 8,
863        "borderWidth": 1
864      },
865      "style": {},
866      "items": [
867        "thumbnailsPanelToggle",
868        "outlinesPanelToggle",
869        "bookmarksPanelToggle",
870        "signaturesPanelToggle",
871        "divider",
872        "panToolButton",
873        "annotationEditToolButton"
874      ]
875    },
876    "page-nav-floating-header": {
877      "dataElement": "page-nav-floating-header",
878      "placement": "bottom",
879      "grow": 0,
880      "gap": 12,
881      "position": "center",
882      "opacityMode": "dynamic",
883      "opacity": "none",
884      "float": true,
885      "stroke": true,
886      "dimension": {
887        "paddingTop": 8,
888        "paddingBottom": 8,
889        "borderWidth": 1
890      },
891      "style": {
892        "background": "var(--gray-1)",
893        "padding": "8px",
894        "borderStyle": "solid",
895        "borderWidth": 1,
896        "borderColor": "var(--gray-5)"
897      },
898      "items": [
899        "page-controls-container"
900      ]
901    }
902  },
903  "panels": {
904    "stylePanel": {
905      "dataElement": "stylePanel",
906      "render": "stylePanel",
907      "location": "left"
908    },
909    "thumbnailPanel": {
910      "dataElement": "thumbnailPanel",
911      "render": "thumbnailsPanel",
912      "location": "left"
913    },
914    "outlinePanel": {
915      "dataElement": "outlinePanel",
916      "render": "outlinesPanel",
917      "location": "left"
918    },
919    "bookmarkPanel": {
920      "dataElement": "bookmarkPanel",
921      "render": "bookmarksPanel",
922      "location": "left"
923    },
924    "layersPanel": {
925      "dataElement": "layersPanel",
926      "render": "layersPanel",
927      "location": "left"
928    },
929    "signatureListPanel": {
930      "dataElement": "signatureListPanel",
931      "render": "signatureListPanel",
932      "location": "left"
933    },
934    "fileAttachmentPanel": {
935      "dataElement": "fileAttachmentPanel",
936      "render": "fileAttachmentPanel",
937      "location": "left"
938    },
939    "rubberStampPanel": {
940      "dataElement": "rubberStampPanel",
941      "render": "rubberStampPanel",
942      "location": "left"
943    },
944    "textEditingPanel": {
945      "dataElement": "textEditingPanel",
946      "render": "textEditingPanel",
947      "location": "right"
948    },
949    "signaturePanel": {
950      "dataElement": "signaturePanel",
951      "render": "signaturePanel",
952      "location": "left"
953    },
954    "portfolioPanel": {
955      "dataElement": "portfolioPanel",
956      "render": "portfolioPanel",
957      "location": "left"
958    },
959    "customLeftPanel": {
960      "render": "tabPanel",
961      "dataElement": "customLeftPanel",
962      "panelsList": [
963        {
964          "render": "thumbnailPanel"
965        },
966        {
967          "render": "outlinePanel"
968        },
969        {
970          "render": "bookmarkPanel"
971        },
972        {
973          "render": "layersPanel"
974        },
975        {
976          "render": "signaturePanel"
977        },
978        {
979          "render": "fileAttachmentPanel"
980        },
981        {
982          "render": "portfolioPanel"
983        }
984      ],
985      "location": "left"
986    },
987    "notesPanel": {
988      "dataElement": "notesPanel",
989      "render": "notesPanel",
990      "location": "right"
991    },
992    "searchPanel": {
993      "dataElement": "searchPanel",
994      "render": "searchPanel",
995      "location": "right"
996    },
997    "redactionPanel": {
998      "dataElement": "redactionPanel",
999      "render": "redactionPanel",
1000      "location": "right"
1001    }
1002  },
1003  "flyouts": {
1004    "MainMenuFlyout": {
1005      "dataElement": "MainMenuFlyout",
1006      "items": [
1007        "newDocumentButton",
1008        "filePickerButton",
1009        "downloadButton",
1010        "fullscreenButton",
1011        "saveAsButton",
1012        "printButton",
1013        "divider",
1014        "createPortfolioButton",
1015        "divider",
1016        "settingsButton",
1017        "divider"
1018      ]
1019    }
1020  }
1021}
1022
1{
2  "modularComponents": {
3    "comparePanelToggle": {
4      "dataElement": "comparePanelToggle",
5      "title": "action.comparePages",
6      "label": "action.comparePages",
7      "type": "presetButton",
8      "buttonType": "compareButton",
9      "disabled": true
10    },
11    "filePickerButton": {
12      "dataElement": "filePickerButton",
13      "title": "action.openFile",
14      "label": "action.openFile",
15      "type": "presetButton"
16    },
17    "downloadButton": {
18      "dataElement": "downloadButton",
19      "title": "action.download",
20      "label": "action.download",
21      "type": "presetButton",
22      "buttonType": "downloadButton"
23    },
24    "saveAsButton": {
25      "dataElement": "saveAsButton",
26      "title": "saveModal.saveAs",
27      "isActive": false,
28      "label": "saveModal.saveAs",
29      "type": "presetButton"
30    },
31    "printButton": {
32      "dataElement": "printButton",
33      "title": "action.print",
34      "isActive": false,
35      "label": "action.print",
36      "type": "presetButton",
37      "buttonType": "printButton"
38    },
39    "createPortfolioButton": {
40      "dataElement": "createPortfolioButton",
41      "title": "portfolio.createPDFPortfolio",
42      "isActive": false,
43      "label": "portfolio.createPDFPortfolio",
44      "type": "presetButton",
45      "disabled": true
46    },
47    "settingsButton": {
48      "dataElement": "settingsButton",
49      "title": "option.settings.settings",
50      "isActive": false,
51      "label": "option.settings.settings",
52      "type": "presetButton"
53    },
54    "divider-0.1": {
55      "dataElement": "divider-0.1",
56      "type": "divider"
57    },
58    "leftPanelButton": {
59      "dataElement": "leftPanelButton",
60      "title": "Left Panel",
61      "type": "toggleButton",
62      "img": "icon-header-sidebar-line",
63      "toggleElement": "tabPanel"
64    },
65    "view-controls": {
66      "dataElement": "view-controls",
67      "type": "viewControls",
68      "title": "component.viewControls",
69      "icon": "icon-header-page-manipulation-line"
70    },
71    "divider-0.3": {
72      "dataElement": "divider-0.3",
73      "type": "divider"
74    },
75    "zoom-container": {
76      "dataElement": "zoom-container",
77      "type": "zoom"
78    },
79    "divider-0.2": {
80      "dataElement": "divider-0.2",
81      "type": "divider"
82    },
83    "panToolButton": {
84      "dataElement": "panToolButton",
85      "type": "toolButton",
86      "toolName": "Pan"
87    },
88    "annotationEditToolButton": {
89      "dataElement": "annotationEditToolButton",
90      "type": "toolButton",
91      "toolName": "AnnotationEdit"
92    },
93    "menuButton": {
94      "dataElement": "menuButton",
95      "img": "ic-hamburger-menu",
96      "title": "component.menuOverlay",
97      "toggleElement": "MainMenuFlyout",
98      "type": "toggleButton"
99    },
100    "groupedMainHeaderButtons": {
101      "dataElement": "groupedMainHeaderButtons",
102      "items": [
103        "freeTextToolButton",
104        "rectangleToolButton",
105        "signatureCreateToolButton",
106        "highlightToolButton",
107        "underlineToolButton",
108        "underlineToolButton2",
109        "strikeoutToolButton",
110        "calloutToolButton",
111        "divider-0.1",
112        "stampToolButton",
113        "divider-0.2",
114        "stylePanelToggle"
115      ],
116      "type": "groupedItems",
117      "grow": 1,
118      "gap": 12,
119      "alwaysVisible": true
120    },
121    "groupedLeftHeaderButtons": {
122      "dataElement": "groupedLeftHeaderButtons",
123      "items": [
124        "menuButton",
125        "divider-0.1",
126        "leftPanelButton",
127        "view-controls",
128        "divider-0.3",
129        "zoom-container"
130      ],
131      "type": "groupedItems",
132      "grow": 1,
133      "gap": 12,
134      "alwaysVisible": true
135    },
136    "toolbarGroup-View": {
137      "dataElement": "toolbarGroup-View",
138      "title": "View",
139      "type": "ribbonItem",
140      "label": "View",
141      "img": "icon-view-ribbon",
142      "groupedItems": [],
143      "toolbarGroup": "toolbarGroup-View"
144    },
145    "toolbarGroup-Annotate": {
146      "dataElement": "toolbarGroup-Annotate",
147      "title": "Annotate",
148      "type": "ribbonItem",
149      "label": "Annotate",
150      "img": "icon-annotate-ribbon",
151      "groupedItems": [
152        "annotateGroupedItems"
153      ],
154      "toolbarGroup": "toolbarGroup-Annotate"
155    },
156    "toolbarGroup-Shapes": {
157      "dataElement": "toolbarGroup-Shapes",
158      "title": "Shapes",
159      "type": "ribbonItem",
160      "label": "Shapes",
161      "img": "icon-tool-shape-rectangle",
162      "groupedItems": [
163        "shapesGroupedItems"
164      ],
165      "toolbarGroup": "toolbarGroup-Shapes"
166    },
167    "toolbarGroup-Insert": {
168      "dataElement": "toolbarGroup-Insert",
169      "title": "Insert",
170      "type": "ribbonItem",
171      "label": "Insert",
172      "img": "icon-insert-ribbon",
173      "groupedItems": [
174        "insertGroupedItems"
175      ],
176      "toolbarGroup": "toolbarGroup-Insert"
177    },
178    "toolbarGroup-Measure": {
179      "dataElement": "toolbarGroup-Measure",
180      "title": "Measure",
181      "type": "ribbonItem",
182      "label": "Measure",
183      "groupedItems": [
184        "measureGroupedItems"
185      ],
186      "toolbarGroup": "toolbarGroup-Measure",
187      "disabled": true
188    },
189    "toolbarGroup-Redact": {
190      "dataElement": "toolbarGroup-Redact",
191      "title": "Redact",
192      "type": "ribbonItem",
193      "label": "Redact",
194      "groupedItems": [
195        "redactionGroupedItems"
196      ],
197      "toolbarGroup": "toolbarGroup-Redact",
198      "disabled": true
199    },
200    "toolbarGroup-Edit": {
201      "dataElement": "toolbarGroup-Edit",
202      "title": "Edit",
203      "type": "ribbonItem",
204      "label": "Edit",
205      "groupedItems": [
206        "editGroupedItems"
207      ],
208      "toolbarGroup": "toolbarGroup-Edit"
209    },
210    "toolbarGroup-EditText": {
211      "dataElement": "toolbarGroup-EditText",
212      "title": "Content Edit",
213      "type": "ribbonItem",
214      "label": "Content Edit",
215      "groupedItems": [
216        "contentEditGroupedItems"
217      ],
218      "toolbarGroup": "toolbarGroup-EditText",
219      "disabled": true
220    },
221    "toolbarGroup-FillAndSign": {
222      "dataElement": "toolbarGroup-FillAndSign",
223      "title": "Fill and Sign",
224      "type": "ribbonItem",
225      "label": "Fill and Sign",
226      "groupedItems": [
227        "fillAndSignGroupedItems"
228      ],
229      "toolbarGroup": "toolbarGroup-FillAndSign"
230    },
231    "toolbarGroup-Forms": {
232      "dataElement": "toolbarGroup-Forms",
233      "title": "Forms",
234      "type": "ribbonItem",
235      "label": "Forms",
236      "groupedItems": [
237        "formsGroupedItems"
238      ],
239      "toolbarGroup": "toolbarGroup-Forms"
240    },
241    "default-ribbon-group": {
242      "dataElement": "default-ribbon-group",
243      "items": [
244        "toolbarGroup-View",
245        "toolbarGroup-Annotate",
246        "toolbarGroup-Shapes",
247        "toolbarGroup-Insert",
248        "toolbarGroup-Measure",
249        "toolbarGroup-Redact",
250        "toolbarGroup-Edit",
251        "toolbarGroup-EditText",
252        "toolbarGroup-FillAndSign",
253        "toolbarGroup-Forms"
254      ],
255      "type": "ribbonGroup",
256      "justifyContent": "start",
257      "grow": 2,
258      "gap": 12,
259      "alwaysVisible": false
260    },
261    "searchPanelToggle": {
262      "dataElement": "searchPanelToggle",
263      "title": "component.searchPanel",
264      "type": "toggleButton",
265      "img": "icon-header-search",
266      "toggleElement": "searchPanel"
267    },
268    "notesPanelToggle": {
269      "dataElement": "notesPanelToggle",
270      "title": "component.notesPanel",
271      "type": "toggleButton",
272      "img": "icon-header-chat-line",
273      "toggleElement": "notesPanel"
274    },
275    "highlightToolButton": {
276      "dataElement": "highlightToolButton",
277      "type": "toolButton",
278      "toolName": "AnnotationCreateTextHighlight"
279    },
280    "underlineToolButton": {
281      "dataElement": "underlineToolButton",
282      "type": "toolButton",
283      "toolName": "AnnotationCreateTextUnderline"
284    },
285    "underlineToolButton2": {
286      "dataElement": "underlineToolButton2",
287      "type": "toolButton",
288      "toolName": "AnnotationCreateTextUnderline2"
289    },
290    "strikeoutToolButton": {
291      "dataElement": "strikeoutToolButton",
292      "type": "toolButton",
293      "toolName": "AnnotationCreateTextStrikeout"
294    },
295    "squigglyToolButton": {
296      "dataElement": "squigglyToolButton",
297      "type": "toolButton",
298      "toolName": "AnnotationCreateTextSquiggly"
299    },
300    "freeTextToolButton": {
301      "dataElement": "freeTextToolButton",
302      "type": "toolButton",
303      "toolName": "AnnotationCreateFreeText"
304    },
305    "markInsertTextToolButton": {
306      "dataElement": "markInsertTextToolButton",
307      "type": "toolButton",
308      "toolName": "AnnotationCreateMarkInsertText"
309    },
310    "markReplaceTextToolButton": {
311      "dataElement": "markReplaceTextToolButton",
312      "type": "toolButton",
313      "toolName": "AnnotationCreateMarkReplaceText"
314    },
315    "freeHandToolButton": {
316      "dataElement": "freeHandToolButton",
317      "type": "toolButton",
318      "toolName": "AnnotationCreateFreeHand"
319    },
320    "freeHandHighlightToolButton": {
321      "dataElement": "freeHandHighlightToolButton",
322      "type": "toolButton",
323      "toolName": "AnnotationCreateFreeHandHighlight"
324    },
325    "stickyToolButton": {
326      "dataElement": "stickyToolButton",
327      "type": "toolButton",
328      "toolName": "AnnotationCreateSticky"
329    },
330    "calloutToolButton": {
331      "dataElement": "calloutToolButton",
332      "type": "toolButton",
333      "toolName": "AnnotationCreateCallout"
334    },
335    "divider-0.4": {
336      "dataElement": "divider-0.4",
337      "type": "divider"
338    },
339    "stylePanelToggle": {
340      "dataElement": "stylePanelToggle",
341      "title": "action.style",
342      "type": "toggleButton",
343      "img": "icon-style-panel-toggle",
344      "toggleElement": "stylePanel"
345    },
346    "indexPanelListToggle": {
347      "dataElement": "indexPanelListToggle",
348      "title": "component.indexPanel",
349      "type": "toggleButton",
350      "img": "icon-index-panel-list",
351      "toggleElement": "indexPanel"
352    },
353    "divider-0.5": {
354      "dataElement": "divider-0.5",
355      "type": "divider"
356    },
357    "undoButton": {
358      "dataElement": "undoButton",
359      "type": "presetButton",
360      "buttonType": "undoButton"
361    },
362    "redoButton": {
363      "dataElement": "redoButton",
364      "type": "presetButton",
365      "buttonType": "redoButton"
366    },
367    "eraserToolButton": {
368      "dataElement": "eraserToolButton",
369      "type": "toolButton",
370      "toolName": "AnnotationEraserTool"
371    },
372    "defaultAnnotationUtilities": {
373      "dataElement": "defaultAnnotationUtilities",
374      "items": [
375        "divider-0.5",
376        "undoButton",
377        "redoButton",
378        "eraserToolButton"
379      ],
380      "type": "groupedItems",
381      "grow": 0,
382      "gap": 12,
383      "alwaysVisible": false
384    },
385    "annotateToolsGroupedItems": {
386      "dataElement": "annotateToolsGroupedItems",
387      "items": [
388        "highlightToolButton",
389        "underlineToolButton",
390        "strikeoutToolButton",
391        "squigglyToolButton",
392        "freeHandToolButton",
393        "freeHandHighlightToolButton",
394        "freeTextToolButton",
395        "markInsertTextToolButton",
396        "markReplaceTextToolButton",
397        "stickyToolButton",
398        "calloutToolButton"
399      ],
400      "type": "groupedItems",
401      "justifyContent": "center",
402      "grow": 0,
403      "gap": 12,
404      "alwaysVisible": false
405    },
406    "annotateGroupedItems": {
407      "dataElement": "annotateGroupedItems",
408      "items": [
409        "annotateToolsGroupedItems",
410        "divider-0.4",
411        "stylePanelToggle",
412        "defaultAnnotationUtilities"
413      ],
414      "type": "groupedItems",
415      "justifyContent": "center",
416      "grow": 0,
417      "gap": 12,
418      "alwaysVisible": false
419    },
420    "rectangleToolButton": {
421      "dataElement": "rectangleToolButton",
422      "type": "toolButton",
423      "toolName": "AnnotationCreateRectangle"
424    },
425    "ellipseToolButton": {
426      "dataElement": "ellipseToolButton",
427      "type": "toolButton",
428      "toolName": "AnnotationCreateEllipse"
429    },
430    "arcToolButton": {
431      "dataElement": "arcToolButton",
432      "type": "toolButton",
433      "toolName": "AnnotationCreateArc"
434    },
435    "polygonToolButton": {
436      "dataElement": "polygonToolButton",
437      "type": "toolButton",
438      "toolName": "AnnotationCreatePolygon"
439    },
440    "cloudToolButton": {
441      "dataElement": "cloudToolButton",
442      "type": "toolButton",
443      "toolName": "AnnotationCreatePolygonCloud"
444    },
445    "lineToolButton": {
446      "dataElement": "lineToolButton",
447      "type": "toolButton",
448      "toolName": "AnnotationCreateLine"
449    },
450    "polylineToolButton": {
451      "dataElement": "polylineToolButton",
452      "type": "toolButton",
453      "toolName": "AnnotationCreatePolyline"
454    },
455    "arrowToolButton": {
456      "dataElement": "arrowToolButton",
457      "type": "toolButton",
458      "toolName": "AnnotationCreateArrow"
459    },
460    "shapesToolsGroupedItems": {
461      "dataElement": "shapesToolsGroupedItems",
462      "items": [
463        "rectangleToolButton",
464        "ellipseToolButton",
465        "arcToolButton",
466        "polygonToolButton",
467        "cloudToolButton",
468        "lineToolButton",
469        "polylineToolButton",
470        "arrowToolButton"
471      ],
472      "type": "groupedItems",
473      "grow": 0,
474      "gap": 12,
475      "alwaysVisible": false
476    },
477    "shapesGroupedItems": {
478      "dataElement": "shapesGroupedItems",
479      "items": [
480        "shapesToolsGroupedItems",
481        "divider-0.4",
482        "stylePanelToggle",
483        "defaultAnnotationUtilities"
484      ],
485      "type": "groupedItems",
486      "grow": 0,
487      "gap": 12,
488      "alwaysVisible": false
489    },
490    "rubberStampToolButton": {
491      "dataElement": "rubberStampToolButton",
492      "type": "toolButton",
493      "toolName": "AnnotationCreateRubberStamp"
494    },
495    "signatureCreateToolButton": {
496      "dataElement": "signatureCreateToolButton",
497      "type": "toolButton",
498      "toolName": "AnnotationCreateSignature"
499    },
500    "fileAttachmentButton": {
501      "dataElement": "fileAttachmentButton",
502      "type": "toolButton",
503      "toolName": "AnnotationCreateFileAttachment"
504    },
505    "stampToolButton": {
506      "dataElement": "stampToolButton",
507      "type": "toolButton",
508      "toolName": "AnnotationCreateStamp"
509    },
510    "insertToolsGroupedItems": {
511      "dataElement": "insertToolsGroupedItems",
512      "items": [
513        "rubberStampToolButton",
514        "signatureCreateToolButton",
515        "fileAttachmentButton",
516        "stampToolButton"
517      ],
518      "type": "groupedItems",
519      "grow": 0,
520      "gap": 12,
521      "alwaysVisible": false
522    },
523    "insertGroupedItems": {
524      "dataElement": "insertGroupedItems",
525      "items": [
526        "insertToolsGroupedItems",
527        "divider-0.4",
528        "stylePanelToggle",
529        "defaultAnnotationUtilities"
530      ],
531      "type": "groupedItems",
532      "grow": 0,
533      "gap": 12,
534      "alwaysVisible": false
535    },
536    "redactionToolButton": {
537      "dataElement": "redactionToolButton",
538      "type": "toolButton",
539      "toolName": "AnnotationCreateRedaction"
540    },
541    "pageRedactionToggleButton": {
542      "dataElement": "pageRedactionToggleButton",
543      "title": "action.redactPages",
544      "type": "toggleButton",
545      "img": "icon-tool-page-redact",
546      "toggleElement": "pageRedactionModal"
547    },
548    "redactionPanelToggle": {
549      "dataElement": "redactionPanelToggle",
550      "type": "toggleButton",
551      "img": "icon-redact-panel",
552      "toggleElement": "redactionPanel",
553      "title": "component.redactionPanel",
554      "disabled": true
555    },
556    "redactionGroupedItems": {
557      "dataElement": "redactionGroupedItems",
558      "items": [
559        "redactionToolButton",
560        "pageRedactionToggleButton",
561        "redactionPanelToggle",
562        "divider-0.4",
563        "stylePanelToggle",
564        "defaultAnnotationUtilities"
565      ],
566      "type": "groupedItems",
567      "grow": 0,
568      "gap": 12,
569      "alwaysVisible": false
570    },
571    "distanceMeasurementToolButton": {
572      "dataElement": "distanceMeasurementToolButton",
573      "type": "toolButton",
574      "toolName": "AnnotationCreateDistanceMeasurement"
575    },
576    "arcMeasurementToolButton": {
577      "dataElement": "arcMeasurementToolButton",
578      "type": "toolButton",
579      "toolName": "AnnotationCreateArcMeasurement"
580    },
581    "perimeterMeasurementToolButton": {
582      "dataElement": "perimeterMeasurementToolButton",
583      "type": "toolButton",
584      "toolName": "AnnotationCreatePerimeterMeasurement"
585    },
586    "areaMeasurementToolButton": {
587      "dataElement": "areaMeasurementToolButton",
588      "type": "toolButton",
589      "toolName": "AnnotationCreateAreaMeasurement"
590    },
591    "ellipseMeasurementToolButton": {
592      "dataElement": "ellipseMeasurementToolButton",
593      "type": "toolButton",
594      "toolName": "AnnotationCreateEllipseMeasurement"
595    },
596    "rectangularAreaMeasurementToolButton": {
597      "dataElement": "rectangularAreaMeasurementToolButton",
598      "type": "toolButton",
599      "toolName": "AnnotationCreateRectangularAreaMeasurement"
600    },
601    "countMeasurementToolButton": {
602      "dataElement": "countMeasurementToolButton",
603      "type": "toolButton",
604      "toolName": "AnnotationCreateCountMeasurement"
605    },
606    "measureGroupedItems": {
607      "dataElement": "measureGroupedItems",
608      "items": [
609        "distanceMeasurementToolButton",
610        "arcMeasurementToolButton",
611        "perimeterMeasurementToolButton",
612        "areaMeasurementToolButton",
613        "ellipseMeasurementToolButton",
614        "rectangularAreaMeasurementToolButton",
615        "countMeasurementToolButton",
616        "divider-0.4",
617        "stylePanelToggle",
618        "defaultAnnotationUtilities"
619      ],
620      "type": "groupedItems",
621      "grow": 0,
622      "gap": 12,
623      "alwaysVisible": false
624    },
625    "cropToolButton": {
626      "dataElement": "cropToolButton",
627      "type": "toolButton",
628      "toolName": "CropPage"
629    },
630    "snippingToolButton": {
631      "dataElement": "snippingToolButton",
632      "type": "toolButton",
633      "toolName": "SnippingTool"
634    },
635    "editGroupedItems": {
636      "dataElement": "editGroupedItems",
637      "items": [
638        "cropToolButton",
639        "snippingToolButton"
640      ],
641      "type": "groupedItems",
642      "grow": 0,
643      "gap": 12,
644      "alwaysVisible": false
645    },
646    "addParagraphToolGroupButton": {
647      "dataElement": "addParagraphToolGroupButton",
648      "type": "toolButton",
649      "toolName": "AddParagraphTool",
650      "disabled": true
651    },
652    "addImageContentToolGroupButton": {
653      "dataElement": "addImageContentToolGroupButton",
654      "type": "toolButton",
655      "toolName": "AddImageContentTool",
656      "disabled": true
657    },
658    "divider-0.6": {
659      "dataElement": "divider-0.6",
660      "type": "divider"
661    },
662    "contentEditButton": {
663      "dataElement": "contentEditButton",
664      "type": "presetButton",
665      "buttonType": "contentEditButton",
666      "disabled": true
667    },
668    "contentEditGroupedItems": {
669      "dataElement": "contentEditGroupedItems",
670      "items": [
671        "addParagraphToolGroupButton",
672        "addImageContentToolGroupButton",
673        "divider-0.6",
674        "contentEditButton"
675      ],
676      "type": "groupedItems",
677      "grow": 0,
678      "gap": 12,
679      "alwaysVisible": false
680    },
681    "crossStampToolButton": {
682      "dataElement": "crossStampToolButton",
683      "type": "toolButton",
684      "toolName": "AnnotationCreateCrossStamp"
685    },
686    "checkStampToolButton": {
687      "dataElement": "checkStampToolButton",
688      "type": "toolButton",
689      "toolName": "AnnotationCreateCheckStamp"
690    },
691    "dotStampToolButton": {
692      "dataElement": "dotStampToolButton",
693      "type": "toolButton",
694      "toolName": "AnnotationCreateDotStamp"
695    },
696    "calendarToolButton": {
697      "dataElement": "calendarToolButton",
698      "type": "toolButton",
699      "toolName": "AnnotationCreateDateFreeText"
700    },
701    "fillAndSignGroupedItems": {
702      "dataElement": "fillAndSignGroupedItems",
703      "items": [
704        "signatureCreateToolButton",
705        "freeTextToolButton",
706        "crossStampToolButton",
707        "checkStampToolButton",
708        "dotStampToolButton",
709        "rubberStampToolButton",
710        "calendarToolButton",
711        "divider-0.4",
712        "stylePanelToggle",
713        "defaultAnnotationUtilities"
714      ],
715      "type": "groupedItems",
716      "grow": 0,
717      "gap": 12,
718      "alwaysVisible": false
719    },
720    "signatureFieldButton": {
721      "dataElement": "signatureFieldButton",
722      "type": "toolButton",
723      "toolName": "SignatureFormFieldCreateTool"
724    },
725    "textFieldButton": {
726      "dataElement": "textFieldButton",
727      "type": "toolButton",
728      "toolName": "TextFormFieldCreateTool"
729    },
730    "checkboxFieldButton": {
731      "dataElement": "checkboxFieldButton",
732      "type": "toolButton",
733      "toolName": "CheckBoxFormFieldCreateTool"
734    },
735    "radioFieldButton": {
736      "dataElement": "radioFieldButton",
737      "type": "toolButton",
738      "toolName": "RadioButtonFormFieldCreateTool"
739    },
740    "listBoxFieldButton": {
741      "dataElement": "listBoxFieldButton",
742      "type": "toolButton",
743      "toolName": "ListBoxFormFieldCreateTool"
744    },
745    "comboBoxFieldButton": {
746      "dataElement": "comboBoxFieldButton",
747      "type": "toolButton",
748      "toolName": "ComboBoxFormFieldCreateTool"
749    },
750    "divider-0.7": {
751      "dataElement": "divider-0.7",
752      "type": "divider"
753    },
754    "formFieldEditButton": {
755      "dataElement": "formFieldEditButton",
756      "type": "presetButton",
757      "buttonType": "formFieldEditButton"
758    },
759    "divider-0.8": {
760      "dataElement": "divider-0.8",
761      "type": "divider"
762    },
763    "formsToolsGroupedItems": {
764      "dataElement": "formsToolsGroupedItems",
765      "items": [
766        "signatureFieldButton",
767        "textFieldButton",
768        "freeTextToolButton",
769        "checkboxFieldButton",
770        "radioFieldButton",
771        "listBoxFieldButton",
772        "comboBoxFieldButton",
773        "divider-0.7",
774        "formFieldEditButton"
775      ],
776      "type": "groupedItems",
777      "grow": 0,
778      "gap": 12,
779      "alwaysVisible": false
780    },
781    "formsGroupedItems": {
782      "dataElement": "formsGroupedItems",
783      "items": [
784        "formsToolsGroupedItems",
785        "divider-0.8",
786        "stylePanelToggle",
787        "indexPanelListToggle"
788      ],
789      "type": "groupedItems",
790      "grow": 0,
791      "gap": 12,
792      "alwaysVisible": false
793    },
794    "page-controls-container": {
795      "dataElement": "page-controls-container",
796      "type": "pageControls",
797      "title": "component.pageControls",
798      "icon": "icon-page-controls"
799    },
800    "newDocumentButton": {
801      "dataElement": "newDocumentButton",
802      "presetDataElement": "newDocumentPresetButton",
803      "label": "action.newDocument",
804      "title": "action.newDocument",
805      "isActive": false,
806      "type": "presetButton",
807      "buttonType": "newDocumentButton"
808    },
809    "fullscreenButton": {
810      "dataElement": "fullscreenButton",
811      "presetDataElement": "fullscreenPresetButton",
812      "label": "action.enterFullscreen",
813      "title": "action.enterFullscreen",
814      "type": "presetButton",
815      "buttonType": "fullscreenButton"
816    }
817  },
818  "modularHeaders": {
819    "default-top-header-demo": {
820      "dataElement": "default-top-header-demo",
821      "placement": "top",
822      "grow": 0,
823      "gap": 12,
824      "position": "start",
825      "float": false,
826      "stroke": true,
827      "dimension": {
828        "paddingTop": 8,
829        "paddingBottom": 8,
830        "borderWidth": 1
831      },
832      "style": {},
833      "items": [
834        "groupedLeftHeaderButtons",
835        "groupedMainHeaderButtons",
836        "comparePanelToggle",
837        "undoButton",
838        "redoButton",
839        "divider-0.1",
840        "searchPanelToggle"
841      ]
842    },
843    "page-nav-floating-header": {
844      "dataElement": "page-nav-floating-header",
845      "placement": "bottom",
846      "grow": 0,
847      "gap": 12,
848      "position": "center",
849      "opacityMode": "dynamic",
850      "opacity": "none",
851      "float": true,
852      "stroke": true,
853      "dimension": {
854        "paddingTop": 8,
855        "paddingBottom": 8,
856        "borderWidth": 1
857      },
858      "style": {
859        "background": "var(--gray-1)",
860        "padding": "8px",
861        "borderStyle": "solid",
862        "borderWidth": 1,
863        "borderColor": "var(--gray-5)"
864      },
865      "items": [
866        "page-controls-container"
867      ]
868    }
869  },
870  "panels": {
871    "comparePanel": {
872      "dataElement": "comparePanel",
873      "render": "changeListPanel",
874      "location": "right"
875    },
876    "stylePanel": {
877      "dataElement": "stylePanel",
878      "render": "stylePanel",
879      "location": "left"
880    },
881    "thumbnailsPanel": {
882      "dataElement": "thumbnailsPanel",
883      "render": "thumbnailsPanel",
884      "location": "left"
885    },
886    "outlinesPanel": {
887      "dataElement": "outlinesPanel",
888      "render": "outlinesPanel",
889      "location": "left"
890    },
891    "bookmarksPanel": {
892      "dataElement": "bookmarksPanel",
893      "render": "bookmarksPanel",
894      "location": "left"
895    },
896    "formFieldPanel": {
897      "dataElement": "formFieldPanel",
898      "render": "formFieldPanel",
899      "location": "right"
900    },
901    "indexPanel": {
902      "dataElement": "indexPanel",
903      "render": "indexPanel",
904      "location": "right"
905    },
906    "layersPanel": {
907      "dataElement": "layersPanel",
908      "render": "layersPanel",
909      "location": "left"
910    },
911    "signatureListPanel": {
912      "dataElement": "signatureListPanel",
913      "render": "signatureListPanel",
914      "location": "left"
915    },
916    "fileAttachmentPanel": {
917      "dataElement": "fileAttachmentPanel",
918      "render": "fileAttachmentPanel",
919      "location": "left"
920    },
921    "rubberStampPanel": {
922      "dataElement": "rubberStampPanel",
923      "render": "rubberStampPanel",
924      "location": "left"
925    },
926    "textEditingPanel": {
927      "dataElement": "textEditingPanel",
928      "render": "textEditingPanel",
929      "location": "right"
930    },
931    "signaturePanel": {
932      "dataElement": "signaturePanel",
933      "render": "signaturePanel",
934      "location": "left",
935      "disabled": true
936    },
937    "portfolioPanel": {
938      "dataElement": "portfolioPanel",
939      "render": "portfolioPanel",
940      "location": "left",
941      "disabled": true
942    },
943    "tabPanel": {
944      "render": "tabPanel",
945      "dataElement": "tabPanel",
946      "panelsList": [
947        {
948          "render": "thumbnailsPanel"
949        },
950        {
951          "render": "outlinesPanel"
952        },
953        {
954          "render": "bookmarksPanel"
955        },
956        {
957          "render": "layersPanel"
958        },
959        {
960          "render": "signaturePanel"
961        },
962        {
963          "render": "fileAttachmentPanel"
964        },
965        {
966          "render": "portfolioPanel"
967        }
968      ],
969      "location": "left"
970    },
971    "notesPanel": {
972      "dataElement": "notesPanel",
973      "render": "notesPanel",
974      "location": "right"
975    },
976    "searchPanel": {
977      "dataElement": "searchPanel",
978      "render": "searchPanel",
979      "location": "right"
980    },
981    "redactionPanel": {
982      "dataElement": "redactionPanel",
983      "render": "redactionPanel",
984      "location": "right",
985      "disabled": true
986    }
987  },
988  "flyouts": {
989    "MainMenuFlyout": {
990      "dataElement": "MainMenuFlyout",
991      "items": [
992        "newDocumentButton",
993        "filePickerButton",
994        "downloadButton",
995        "fullscreenButton",
996        "saveAsButton",
997        "printButton",
998        "divider",
999        "createPortfolioButton",
1000        "divider",
1001        "settingsButton",
1002        "divider"
1003      ]
1004    }
1005  }
1006}
1007
1{
2  "modularComponents": {
3    "comparePanelToggle": {
4      "dataElement": "comparePanelToggle",
5      "title": "action.comparePages",
6      "label": "action.comparePages",
7      "type": "presetButton",
8      "buttonType": "compareButton",
9      "disabled": true
10    },
11    "filePickerButton": {
12      "dataElement": "filePickerButton",
13      "title": "action.openFile",
14      "label": "action.openFile",
15      "type": "presetButton"
16    },
17    "downloadButton": {
18      "dataElement": "downloadButton",
19      "title": "action.download",
20      "label": "action.download",
21      "type": "presetButton",
22      "buttonType": "downloadButton"
23    },
24    "saveAsButton": {
25      "dataElement": "saveAsButton",
26      "title": "saveModal.saveAs",
27      "isActive": false,
28      "label": "saveModal.saveAs",
29      "type": "presetButton",
30      "buttonType": "saveAsButton"
31    },
32    "printButton": {
33      "dataElement": "printButton",
34      "title": "action.print",
35      "isActive": false,
36      "label": "action.print",
37      "type": "presetButton",
38      "buttonType": "printButton"
39    },
40    "createPortfolioButton": {
41      "dataElement": "createPortfolioButton",
42      "title": "portfolio.createPDFPortfolio",
43      "isActive": false,
44      "label": "portfolio.createPDFPortfolio",
45      "type": "presetButton",
46      "disabled": true
47    },
48    "settingsButton": {
49      "dataElement": "settingsButton",
50      "title": "option.settings.settings",
51      "isActive": false,
52      "label": "option.settings.settings",
53      "type": "presetButton"
54    },
55    "divider-0.1": {
56      "dataElement": "divider-0.1",
57      "type": "divider"
58    },
59    "leftPanelButton": {
60      "dataElement": "leftPanelButton",
61      "title": "Left Panel",
62      "type": "toggleButton",
63      "img": "icon-header-sidebar-line",
64      "toggleElement": "tabPanel"
65    },
66    "view-controls": {
67      "dataElement": "view-controls",
68      "type": "viewControls",
69      "title": "component.viewControls",
70      "icon": "icon-header-page-manipulation-line"
71    },
72    "divider-0.3": {
73      "dataElement": "divider-0.3",
74      "type": "divider"
75    },
76    "zoom-container": {
77      "dataElement": "zoom-container",
78      "type": "zoom"
79    },
80    "divider-0.2": {
81      "dataElement": "divider-0.2",
82      "type": "divider"
83    },
84    "panToolButton": {
85      "dataElement": "panToolButton",
86      "type": "toolButton",
87      "toolName": "Pan"
88    },
89    "annotationEditToolButton": {
90      "dataElement": "annotationEditToolButton",
91      "type": "toolButton",
92      "toolName": "AnnotationEdit"
93    },
94    "menuButton": {
95      "dataElement": "menuButton",
96      "img": "ic-hamburger-menu",
97      "title": "component.menuOverlay",
98      "toggleElement": "MainMenuFlyout",
99      "type": "toggleButton"
100    },
101    "groupedLeftHeaderButtons": {
102      "dataElement": "groupedLeftHeaderButtons",
103      "items": [
104        "menuButton",
105        "divider-0.1",
106        "leftPanelButton",
107        "view-controls",
108        "divider-0.3",
109        "zoom-container"
110      ],
111      "type": "groupedItems",
112      "grow": 1,
113      "gap": 12,
114      "alwaysVisible": true
115    },
116    "groupedRightHeaderStartButtons": {
117      "dataElement": "groupedRightHeaderStartButtons",
118      "items": [
119        "notesPanelToggle",
120        "searchPanelToggle",
121        "defaultAnnotationUtilities"
122      ],
123      "type": "groupedItems",
124      "grow": 1,
125      "gap": 12,
126      "alwaysVisible": true
127    },
128    "groupedRightHeaderEndButtons": {
129      "dataElement": "groupedRightHeaderEndButtons",
130      "justifyContent": "end",
131      "items": [
132        "divider-0.2",
133        "panToolButton",
134        "annotationEditToolButton",
135        "page-controls-container"
136      ],
137      "type": "groupedItems",
138      "grow": 1,
139      "gap": 12,
140      "alwaysVisible": true
141    },
142    "toolbarGroup-View": {
143      "dataElement": "toolbarGroup-View",
144      "title": "View",
145      "type": "ribbonItem",
146      "label": "View",
147      "img": "icon-view-ribbon",
148      "groupedItems": [],
149      "toolbarGroup": "toolbarGroup-View"
150    },
151    "toolbarGroup-Annotate": {
152      "dataElement": "toolbarGroup-Annotate",
153      "title": "Annotate",
154      "type": "ribbonItem",
155      "label": "Annotate",
156      "img": "icon-annotate-ribbon",
157      "groupedItems": [
158        "annotateGroupedItems"
159      ],
160      "toolbarGroup": "toolbarGroup-Annotate"
161    },
162    "toolbarGroup-Shapes": {
163      "dataElement": "toolbarGroup-Shapes",
164      "title": "Shapes",
165      "type": "ribbonItem",
166      "label": "Shapes",
167      "img": "icon-tool-shape-rectangle",
168      "groupedItems": [
169        "shapesGroupedItems"
170      ],
171      "toolbarGroup": "toolbarGroup-Shapes"
172    },
173    "toolbarGroup-Insert": {
174      "dataElement": "toolbarGroup-Insert",
175      "title": "Insert",
176      "type": "ribbonItem",
177      "label": "Insert",
178      "img": "icon-insert-ribbon",
179      "groupedItems": [
180        "insertGroupedItems"
181      ],
182      "toolbarGroup": "toolbarGroup-Insert"
183    },
184    "toolbarGroup-Measure": {
185      "dataElement": "toolbarGroup-Measure",
186      "title": "Measure",
187      "type": "ribbonItem",
188      "label": "Measure",
189      "groupedItems": [
190        "measureGroupedItems"
191      ],
192      "toolbarGroup": "toolbarGroup-Measure",
193      "disabled": true
194    },
195    "toolbarGroup-Redact": {
196      "dataElement": "toolbarGroup-Redact",
197      "title": "Redact",
198      "type": "ribbonItem",
199      "label": "Redact",
200      "groupedItems": [
201        "redactionGroupedItems"
202      ],
203      "toolbarGroup": "toolbarGroup-Redact",
204      "disabled": true
205    },
206    "toolbarGroup-Edit": {
207      "dataElement": "toolbarGroup-Edit",
208      "title": "Edit",
209      "type": "ribbonItem",
210      "label": "Edit",
211      "groupedItems": [
212        "editGroupedItems"
213      ],
214      "toolbarGroup": "toolbarGroup-Edit",
215      "disabled": true
216    },
217    "toolbarGroup-EditText": {
218      "dataElement": "toolbarGroup-EditText",
219      "title": "Content Edit",
220      "type": "ribbonItem",
221      "label": "Content Edit",
222      "groupedItems": [
223        "contentEditGroupedItems"
224      ],
225      "toolbarGroup": "toolbarGroup-EditText",
226      "disabled": true
227    },
228    "toolbarGroup-FillAndSign": {
229      "dataElement": "toolbarGroup-FillAndSign",
230      "title": "Fill and Sign",
231      "type": "ribbonItem",
232      "label": "Fill and Sign",
233      "groupedItems": [
234        "fillAndSignGroupedItems"
235      ],
236      "toolbarGroup": "toolbarGroup-FillAndSign",
237      "disabled": true
238    },
239    "toolbarGroup-Forms": {
240      "dataElement": "toolbarGroup-Forms",
241      "title": "Forms",
242      "type": "ribbonItem",
243      "label": "Forms",
244      "groupedItems": [
245        "formsGroupedItems"
246      ],
247      "toolbarGroup": "toolbarGroup-Forms",
248      "disabled": true
249    },
250    "default-ribbon-group": {
251      "dataElement": "default-ribbon-group",
252      "items": [
253        "toolbarGroup-View",
254        "toolbarGroup-Annotate",
255        "toolbarGroup-Shapes",
256        "toolbarGroup-Insert"
257      ],
258      "type": "ribbonGroup",
259      "justifyContent": "center",
260      "grow": 10,
261      "gap": 12,
262      "alwaysVisible": false
263    },
264    "searchPanelToggle": {
265      "dataElement": "searchPanelToggle",
266      "title": "component.searchPanel",
267      "type": "toggleButton",
268      "img": "icon-header-search",
269      "toggleElement": "searchPanel"
270    },
271    "notesPanelToggle": {
272      "dataElement": "notesPanelToggle",
273      "title": "component.notesPanel",
274      "type": "toggleButton",
275      "img": "icon-header-chat-line",
276      "toggleElement": "notesPanel"
277    },
278    "highlightToolButton": {
279      "dataElement": "highlightToolButton",
280      "type": "toolButton",
281      "toolName": "AnnotationCreateTextHighlight"
282    },
283    "underlineToolButton": {
284      "dataElement": "underlineToolButton",
285      "type": "toolButton",
286      "toolName": "AnnotationCreateTextUnderline"
287    },
288    "strikeoutToolButton": {
289      "dataElement": "strikeoutToolButton",
290      "type": "toolButton",
291      "toolName": "AnnotationCreateTextStrikeout"
292    },
293    "squigglyToolButton": {
294      "dataElement": "squigglyToolButton",
295      "type": "toolButton",
296      "toolName": "AnnotationCreateTextSquiggly"
297    },
298    "freeTextToolButton": {
299      "dataElement": "freeTextToolButton",
300      "type": "toolButton",
301      "toolName": "AnnotationCreateFreeText"
302    },
303    "markInsertTextToolButton": {
304      "dataElement": "markInsertTextToolButton",
305      "type": "toolButton",
306      "toolName": "AnnotationCreateMarkInsertText"
307    },
308    "markReplaceTextToolButton": {
309      "dataElement": "markReplaceTextToolButton",
310      "type": "toolButton",
311      "toolName": "AnnotationCreateMarkReplaceText"
312    },
313    "freeHandToolButton": {
314      "dataElement": "freeHandToolButton",
315      "type": "toolButton",
316      "toolName": "AnnotationCreateFreeHand"
317    },
318    "freeHandHighlightToolButton": {
319      "dataElement": "freeHandHighlightToolButton",
320      "type": "toolButton",
321      "toolName": "AnnotationCreateFreeHandHighlight"
322    },
323    "stickyToolButton": {
324      "dataElement": "stickyToolButton",
325      "type": "toolButton",
326      "toolName": "AnnotationCreateSticky"
327    },
328    "calloutToolButton": {
329      "dataElement": "calloutToolButton",
330      "type": "toolButton",
331      "toolName": "AnnotationCreateCallout"
332    },
333    "divider-0.4": {
334      "dataElement": "divider-0.4",
335      "type": "divider"
336    },
337    "stylePanelToggle": {
338      "dataElement": "stylePanelToggle",
339      "title": "action.style",
340      "type": "toggleButton",
341      "img": "icon-style-panel-toggle",
342      "toggleElement": "stylePanel"
343    },
344    "indexPanelListToggle": {
345      "dataElement": "indexPanelListToggle",
346      "title": "component.indexPanel",
347      "type": "toggleButton",
348      "img": "icon-index-panel-list",
349      "toggleElement": "indexPanel"
350    },
351    "divider-0.5": {
352      "dataElement": "divider-0.5",
353      "type": "divider"
354    },
355    "undoButton": {
356      "dataElement": "undoButton",
357      "type": "presetButton",
358      "buttonType": "undoButton"
359    },
360    "redoButton": {
361      "dataElement": "redoButton",
362      "type": "presetButton",
363      "buttonType": "redoButton"
364    },
365    "eraserToolButton": {
366      "dataElement": "eraserToolButton",
367      "type": "toolButton",
368      "toolName": "AnnotationEraserTool"
369    },
370    "defaultAnnotationUtilities": {
371      "dataElement": "defaultAnnotationUtilities",
372      "items": [
373        "divider-0.5",
374        "undoButton",
375        "redoButton"
376      ],
377      "type": "groupedItems",
378      "grow": 0,
379      "gap": 12,
380      "alwaysVisible": false
381    },
382    "annotateToolsGroupedItems": {
383      "dataElement": "annotateToolsGroupedItems",
384      "items": [
385        "highlightToolButton",
386        "underlineToolButton",
387        "strikeoutToolButton",
388        "squigglyToolButton",
389        "freeHandToolButton",
390        "freeHandHighlightToolButton",
391        "freeTextToolButton",
392        "markInsertTextToolButton",
393        "markReplaceTextToolButton",
394        "stickyToolButton",
395        "calloutToolButton"
396      ],
397      "type": "groupedItems",
398      "justifyContent": "center",
399      "grow": 0,
400      "gap": 12,
401      "alwaysVisible": false
402    },
403    "annotateGroupedItems": {
404      "dataElement": "annotateGroupedItems",
405      "items": [
406        "annotateToolsGroupedItems",
407        "divider-0.4",
408        "stylePanelToggle",
409        "defaultAnnotationUtilities"
410      ],
411      "type": "groupedItems",
412      "justifyContent": "center",
413      "grow": 0,
414      "gap": 12,
415      "alwaysVisible": false
416    },
417    "rectangleToolButton": {
418      "dataElement": "rectangleToolButton",
419      "type": "toolButton",
420      "toolName": "AnnotationCreateRectangle"
421    },
422    "ellipseToolButton": {
423      "dataElement": "ellipseToolButton",
424      "type": "toolButton",
425      "toolName": "AnnotationCreateEllipse"
426    },
427    "arcToolButton": {
428      "dataElement": "arcToolButton",
429      "type": "toolButton",
430      "toolName": "AnnotationCreateArc"
431    },
432    "polygonToolButton": {
433      "dataElement": "polygonToolButton",
434      "type": "toolButton",
435      "toolName": "AnnotationCreatePolygon"
436    },
437    "cloudToolButton": {
438      "dataElement": "cloudToolButton",
439      "type": "toolButton",
440      "toolName": "AnnotationCreatePolygonCloud"
441    },
442    "lineToolButton": {
443      "dataElement": "lineToolButton",
444      "type": "toolButton",
445      "toolName": "AnnotationCreateLine"
446    },
447    "polylineToolButton": {
448      "dataElement": "polylineToolButton",
449      "type": "toolButton",
450      "toolName": "AnnotationCreatePolyline"
451    },
452    "arrowToolButton": {
453      "dataElement": "arrowToolButton",
454      "type": "toolButton",
455      "toolName": "AnnotationCreateArrow"
456    },
457    "shapesToolsGroupedItems": {
458      "dataElement": "shapesToolsGroupedItems",
459      "items": [
460        "rectangleToolButton",
461        "ellipseToolButton",
462        "arcToolButton",
463        "polygonToolButton",
464        "cloudToolButton",
465        "lineToolButton",
466        "polylineToolButton",
467        "arrowToolButton"
468      ],
469      "type": "groupedItems",
470      "grow": 0,
471      "gap": 12,
472      "alwaysVisible": false
473    },
474    "shapesGroupedItems": {
475      "dataElement": "shapesGroupedItems",
476      "items": [
477        "shapesToolsGroupedItems",
478        "divider-0.4",
479        "stylePanelToggle",
480        "defaultAnnotationUtilities"
481      ],
482      "type": "groupedItems",
483      "grow": 0,
484      "gap": 12,
485      "alwaysVisible": false
486    },
487    "rubberStampToolButton": {
488      "dataElement": "rubberStampToolButton",
489      "type": "toolButton",
490      "toolName": "AnnotationCreateRubberStamp"
491    },
492    "signatureCreateToolButton": {
493      "dataElement": "signatureCreateToolButton",
494      "type": "toolButton",
495      "toolName": "AnnotationCreateSignature"
496    },
497    "fileAttachmentButton": {
498      "dataElement": "fileAttachmentButton",
499      "type": "toolButton",
500      "toolName": "AnnotationCreateFileAttachment"
501    },
502    "stampToolButton": {
503      "dataElement": "stampToolButton",
504      "type": "toolButton",
505      "toolName": "AnnotationCreateStamp"
506    },
507    "insertToolsGroupedItems": {
508      "dataElement": "insertToolsGroupedItems",
509      "items": [
510        "rubberStampToolButton",
511        "signatureCreateToolButton",
512        "fileAttachmentButton",
513        "stampToolButton"
514      ],
515      "type": "groupedItems",
516      "grow": 0,
517      "gap": 12,
518      "alwaysVisible": false
519    },
520    "insertGroupedItems": {
521      "dataElement": "insertGroupedItems",
522      "items": [
523        "insertToolsGroupedItems",
524        "divider-0.4",
525        "stylePanelToggle",
526        "defaultAnnotationUtilities"
527      ],
528      "type": "groupedItems",
529      "grow": 0,
530      "gap": 12,
531      "alwaysVisible": false
532    },
533    "redactionToolButton": {
534      "dataElement": "redactionToolButton",
535      "type": "toolButton",
536      "toolName": "AnnotationCreateRedaction"
537    },
538    "pageRedactionToggleButton": {
539      "dataElement": "pageRedactionToggleButton",
540      "title": "action.redactPages",
541      "type": "toggleButton",
542      "img": "icon-tool-page-redact",
543      "toggleElement": "pageRedactionModal"
544    },
545    "redactionPanelToggle": {
546      "dataElement": "redactionPanelToggle",
547      "type": "toggleButton",
548      "img": "icon-redact-panel",
549      "toggleElement": "redactionPanel",
550      "title": "component.redactionPanel",
551      "disabled": true
552    },
553    "redactionGroupedItems": {
554      "dataElement": "redactionGroupedItems",
555      "items": [
556        "redactionToolButton",
557        "pageRedactionToggleButton",
558        "redactionPanelToggle",
559        "divider-0.4",
560        "stylePanelToggle",
561        "defaultAnnotationUtilities"
562      ],
563      "type": "groupedItems",
564      "grow": 0,
565      "gap": 12,
566      "alwaysVisible": false
567    },
568    "distanceMeasurementToolButton": {
569      "dataElement": "distanceMeasurementToolButton",
570      "type": "toolButton",
571      "toolName": "AnnotationCreateDistanceMeasurement"
572    },
573    "arcMeasurementToolButton": {
574      "dataElement": "arcMeasurementToolButton",
575      "type": "toolButton",
576      "toolName": "AnnotationCreateArcMeasurement"
577    },
578    "perimeterMeasurementToolButton": {
579      "dataElement": "perimeterMeasurementToolButton",
580      "type": "toolButton",
581      "toolName": "AnnotationCreatePerimeterMeasurement"
582    },
583    "areaMeasurementToolButton": {
584      "dataElement": "areaMeasurementToolButton",
585      "type": "toolButton",
586      "toolName": "AnnotationCreateAreaMeasurement"
587    },
588    "ellipseMeasurementToolButton": {
589      "dataElement": "ellipseMeasurementToolButton",
590      "type": "toolButton",
591      "toolName": "AnnotationCreateEllipseMeasurement"
592    },
593    "rectangularAreaMeasurementToolButton": {
594      "dataElement": "rectangularAreaMeasurementToolButton",
595      "type": "toolButton",
596      "toolName": "AnnotationCreateRectangularAreaMeasurement"
597    },
598    "countMeasurementToolButton": {
599      "dataElement": "countMeasurementToolButton",
600      "type": "toolButton",
601      "toolName": "AnnotationCreateCountMeasurement"
602    },
603    "measureGroupedItems": {
604      "dataElement": "measureGroupedItems",
605      "items": [
606        "distanceMeasurementToolButton",
607        "arcMeasurementToolButton",
608        "perimeterMeasurementToolButton",
609        "areaMeasurementToolButton",
610        "ellipseMeasurementToolButton",
611        "rectangularAreaMeasurementToolButton",
612        "countMeasurementToolButton",
613        "divider-0.4",
614        "stylePanelToggle",
615        "defaultAnnotationUtilities"
616      ],
617      "type": "groupedItems",
618      "grow": 0,
619      "gap": 12,
620      "alwaysVisible": false
621    },
622    "cropToolButton": {
623      "dataElement": "cropToolButton",
624      "type": "toolButton",
625      "toolName": "CropPage"
626    },
627    "snippingToolButton": {
628      "dataElement": "snippingToolButton",
629      "type": "toolButton",
630      "toolName": "SnippingTool"
631    },
632    "editGroupedItems": {
633      "dataElement": "editGroupedItems",
634      "items": [
635        "cropToolButton",
636        "snippingToolButton"
637      ],
638      "type": "groupedItems",
639      "grow": 0,
640      "gap": 12,
641      "alwaysVisible": false
642    },
643    "addParagraphToolGroupButton": {
644      "dataElement": "addParagraphToolGroupButton",
645      "type": "toolButton",
646      "toolName": "AddParagraphTool",
647      "disabled": true
648    },
649    "addImageContentToolGroupButton": {
650      "dataElement": "addImageContentToolGroupButton",
651      "type": "toolButton",
652      "toolName": "AddImageContentTool",
653      "disabled": true
654    },
655    "divider-0.6": {
656      "dataElement": "divider-0.6",
657      "type": "divider"
658    },
659    "contentEditButton": {
660      "dataElement": "contentEditButton",
661      "type": "presetButton",
662      "buttonType": "contentEditButton",
663      "disabled": true
664    },
665    "contentEditGroupedItems": {
666      "dataElement": "contentEditGroupedItems",
667      "items": [
668        "addParagraphToolGroupButton",
669        "addImageContentToolGroupButton",
670        "divider-0.6",
671        "contentEditButton"
672      ],
673      "type": "groupedItems",
674      "grow": 0,
675      "gap": 12,
676      "alwaysVisible": false
677    },
678    "crossStampToolButton": {
679      "dataElement": "crossStampToolButton",
680      "type": "toolButton",
681      "toolName": "AnnotationCreateCrossStamp"
682    },
683    "checkStampToolButton": {
684      "dataElement": "checkStampToolButton",
685      "type": "toolButton",
686      "toolName": "AnnotationCreateCheckStamp"
687    },
688    "dotStampToolButton": {
689      "dataElement": "dotStampToolButton",
690      "type": "toolButton",
691      "toolName": "AnnotationCreateDotStamp"
692    },
693    "calendarToolButton": {
694      "dataElement": "calendarToolButton",
695      "type": "toolButton",
696      "toolName": "AnnotationCreateDateFreeText"
697    },
698    "fillAndSignGroupedItems": {
699      "dataElement": "fillAndSignGroupedItems",
700      "items": [
701        "signatureCreateToolButton",
702        "freeTextToolButton",
703        "crossStampToolButton",
704        "checkStampToolButton",
705        "dotStampToolButton",
706        "rubberStampToolButton",
707        "calendarToolButton",
708        "divider-0.4",
709        "stylePanelToggle",
710        "defaultAnnotationUtilities"
711      ],
712      "type": "groupedItems",
713      "grow": 0,
714      "gap": 12,
715      "alwaysVisible": false
716    },
717    "signatureFieldButton": {
718      "dataElement": "signatureFieldButton",
719      "type": "toolButton",
720      "toolName": "SignatureFormFieldCreateTool"
721    },
722    "textFieldButton": {
723      "dataElement": "textFieldButton",
724      "type": "toolButton",
725      "toolName": "TextFormFieldCreateTool"
726    },
727    "checkboxFieldButton": {
728      "dataElement": "checkboxFieldButton",
729      "type": "toolButton",
730      "toolName": "CheckBoxFormFieldCreateTool"
731    },
732    "radioFieldButton": {
733      "dataElement": "radioFieldButton",
734      "type": "toolButton",
735      "toolName": "RadioButtonFormFieldCreateTool"
736    },
737    "listBoxFieldButton": {
738      "dataElement": "listBoxFieldButton",
739      "type": "toolButton",
740      "toolName": "ListBoxFormFieldCreateTool"
741    },
742    "comboBoxFieldButton": {
743      "dataElement": "comboBoxFieldButton",
744      "type": "toolButton",
745      "toolName": "ComboBoxFormFieldCreateTool"
746    },
747    "divider-0.7": {
748      "dataElement": "divider-0.7",
749      "type": "divider"
750    },
751    "formFieldEditButton": {
752      "dataElement": "formFieldEditButton",
753      "type": "presetButton",
754      "buttonType": "formFieldEditButton"
755    },
756    "divider-0.8": {
757      "dataElement": "divider-0.8",
758      "type": "divider"
759    },
760    "formsToolsGroupedItems": {
761      "dataElement": "formsToolsGroupedItems",
762      "items": [
763        "signatureFieldButton",
764        "textFieldButton",
765        "freeTextToolButton",
766        "checkboxFieldButton",
767        "radioFieldButton",
768        "listBoxFieldButton",
769        "comboBoxFieldButton",
770        "divider-0.7",
771        "formFieldEditButton"
772      ],
773      "type": "groupedItems",
774      "grow": 0,
775      "gap": 12,
776      "alwaysVisible": false
777    },
778    "formsGroupedItems": {
779      "dataElement": "formsGroupedItems",
780      "items": [
781        "formsToolsGroupedItems",
782        "divider-0.8",
783        "stylePanelToggle",
784        "indexPanelListToggle"
785      ],
786      "type": "groupedItems",
787      "grow": 0,
788      "gap": 12,
789      "alwaysVisible": false
790    },
791    "page-controls-container": {
792      "dataElement": "page-controls-container",
793      "type": "pageControls",
794      "title": "component.pageControls",
795      "icon": "icon-page-controls"
796    },
797    "newDocumentButton": {
798      "dataElement": "newDocumentButton",
799      "presetDataElement": "newDocumentPresetButton",
800      "label": "action.newDocument",
801      "title": "action.newDocument",
802      "isActive": false,
803      "type": "presetButton",
804      "buttonType": "newDocumentButton"
805    },
806    "fullscreenButton": {
807      "dataElement": "fullscreenButton",
808      "presetDataElement": "fullscreenPresetButton",
809      "label": "action.enterFullscreen",
810      "title": "action.enterFullscreen",
811      "type": "presetButton",
812      "buttonType": "fullscreenButton"
813    }
814  },
815  "modularHeaders": {
816    "default-top-header-demo": {
817      "dataElement": "default-top-header-demo",
818      "placement": "top",
819      "grow": 0,
820      "gap": 12,
821      "position": "start",
822      "float": false,
823      "stroke": true,
824      "dimension": {
825        "paddingTop": 8,
826        "paddingBottom": 8,
827        "borderWidth": 1
828      },
829      "style": {},
830      "items": [
831        "groupedLeftHeaderButtons",
832        "default-ribbon-group",
833        "comparePanelToggle",
834        "downloadButton",
835        "printButton",
836        "saveAsButton"
837      ]
838    },
839    "tools-header": {
840      "dataElement": "tools-header",
841      "placement": "top",
842      "justifyContent": "center",
843      "grow": 0,
844      "gap": 12,
845      "position": "end",
846      "float": false,
847      "stroke": true,
848      "dimension": {
849        "paddingTop": 8,
850        "paddingBottom": 8,
851        "borderWidth": 1
852      },
853      "style": {},
854      "items": [
855        "annotateGroupedItems",
856        "shapesGroupedItems",
857        "insertGroupedItems",
858        "redactionGroupedItems",
859        "measureGroupedItems",
860        "editGroupedItems",
861        "contentEditGroupedItems",
862        "fillAndSignGroupedItems",
863        "formsGroupedItems"
864      ]
865    },
866    "right-header": {
867      "dataElement": "right-header",
868      "placement": "right",
869      "justifyContent": "start",
870      "grow": 0,
871      "gap": 12,
872      "float": false,
873      "stroke": true,
874      "dimension": {
875        "paddingTop": 8,
876        "paddingBottom": 8,
877        "borderWidth": 1
878      },
879      "style": {},
880      "items": [
881        "groupedRightHeaderStartButtons",
882        "groupedRightHeaderEndButtons"
883      ]
884    }
885  },
886  "panels": {
887    "comparePanel": {
888      "dataElement": "comparePanel",
889      "render": "changeListPanel",
890      "location": "right"
891    },
892    "stylePanel": {
893      "dataElement": "stylePanel",
894      "render": "stylePanel",
895      "location": "left"
896    },
897    "thumbnailsPanel": {
898      "dataElement": "thumbnailsPanel",
899      "render": "thumbnailsPanel",
900      "location": "left"
901    },
902    "outlinesPanel": {
903      "dataElement": "outlinesPanel",
904      "render": "outlinesPanel",
905      "location": "left"
906    },
907    "bookmarksPanel": {
908      "dataElement": "bookmarksPanel",
909      "render": "bookmarksPanel",
910      "location": "left"
911    },
912    "formFieldPanel": {
913      "dataElement": "formFieldPanel",
914      "render": "formFieldPanel",
915      "location": "right"
916    },
917    "indexPanel": {
918      "dataElement": "indexPanel",
919      "render": "indexPanel",
920      "location": "right"
921    },
922    "layersPanel": {
923      "dataElement": "layersPanel",
924      "render": "layersPanel",
925      "location": "left"
926    },
927    "signatureListPanel": {
928      "dataElement": "signatureListPanel",
929      "render": "signatureListPanel",
930      "location": "left"
931    },
932    "fileAttachmentPanel": {
933      "dataElement": "fileAttachmentPanel",
934      "render": "fileAttachmentPanel",
935      "location": "left"
936    },
937    "rubberStampPanel": {
938      "dataElement": "rubberStampPanel",
939      "render": "rubberStampPanel",
940      "location": "left"
941    },
942    "textEditingPanel": {
943      "dataElement": "textEditingPanel",
944      "render": "textEditingPanel",
945      "location": "right"
946    },
947    "signaturePanel": {
948      "dataElement": "signaturePanel",
949      "render": "signaturePanel",
950      "location": "left",
951      "disabled": true
952    },
953    "portfolioPanel": {
954      "dataElement": "portfolioPanel",
955      "render": "portfolioPanel",
956      "location": "left",
957      "disabled": true
958    },
959    "tabPanel": {
960      "render": "tabPanel",
961      "dataElement": "tabPanel",
962      "panelsList": [
963        {
964          "render": "thumbnailsPanel"
965        },
966        {
967          "render": "outlinesPanel"
968        },
969        {
970          "render": "bookmarksPanel"
971        },
972        {
973          "render": "layersPanel"
974        },
975        {
976          "render": "signaturePanel"
977        },
978        {
979          "render": "fileAttachmentPanel"
980        },
981        {
982          "render": "portfolioPanel"
983        }
984      ],
985      "location": "left"
986    },
987    "notesPanel": {
988      "dataElement": "notesPanel",
989      "render": "notesPanel",
990      "location": "right"
991    },
992    "searchPanel": {
993      "dataElement": "searchPanel",
994      "render": "searchPanel",
995      "location": "right"
996    },
997    "redactionPanel": {
998      "dataElement": "redactionPanel",
999      "render": "redactionPanel",
1000      "location": "right",
1001      "disabled": true
1002    }
1003  },
1004  "flyouts": {
1005    "MainMenuFlyout": {
1006      "dataElement": "MainMenuFlyout",
1007      "items": [
1008        "newDocumentButton",
1009        "filePickerButton",
1010        "fullscreenButton",
1011        "saveAsButton",
1012        "divider",
1013        "createPortfolioButton",
1014        "divider",
1015        "settingsButton",
1016        "divider"
1017      ]
1018    }
1019  }
1020}
1021
1{
2  "modularComponents": {
3    "comparePanelToggle": {
4      "dataElement": "comparePanelToggle",
5      "title": "action.comparePages",
6      "label": "action.comparePages",
7      "type": "presetButton",
8      "buttonType": "compareButton",
9      "disabled": true
10    },
11    "filePickerButton": {
12      "dataElement": "filePickerButton",
13      "title": "action.openFile",
14      "label": "action.openFile",
15      "type": "presetButton"
16    },
17    "downloadButton": {
18      "dataElement": "downloadButton",
19      "title": "action.download",
20      "label": "action.download",
21      "type": "presetButton",
22      "buttonType": "downloadButton"
23    },
24    "saveAsButton": {
25      "dataElement": "saveAsButton",
26      "title": "saveModal.saveAs",
27      "isActive": false,
28      "label": "saveModal.saveAs",
29      "type": "presetButton"
30    },
31    "printButton": {
32      "dataElement": "printButton",
33      "title": "action.print",
34      "isActive": false,
35      "label": "action.print",
36      "type": "presetButton",
37      "buttonType": "printButton"
38    },
39    "createPortfolioButton": {
40      "dataElement": "createPortfolioButton",
41      "title": "portfolio.createPDFPortfolio",
42      "isActive": false,
43      "label": "portfolio.createPDFPortfolio",
44      "type": "presetButton",
45      "disabled": true
46    },
47    "settingsButton": {
48      "dataElement": "settingsButton",
49      "title": "option.settings.settings",
50      "isActive": false,
51      "label": "option.settings.settings",
52      "type": "presetButton"
53    },
54    "divider-0.1": {
55      "dataElement": "divider-0.1",
56      "type": "divider"
57    },
58    "leftPanelButton": {
59      "dataElement": "leftPanelButton",
60      "title": "Left Panel",
61      "type": "toggleButton",
62      "img": "icon-header-sidebar-line",
63      "toggleElement": "tabPanel"
64    },
65    "view-controls": {
66      "dataElement": "view-controls",
67      "type": "viewControls",
68      "title": "component.viewControls",
69      "icon": "icon-header-page-manipulation-line"
70    },
71    "divider-0.3": {
72      "dataElement": "divider-0.3",
73      "type": "divider"
74    },
75    "zoom-container": {
76      "dataElement": "zoom-container",
77      "type": "zoom"
78    },
79    "divider-0.2": {
80      "dataElement": "divider-0.2",
81      "type": "divider"
82    },
83    "panToolButton": {
84      "dataElement": "panToolButton",
85      "type": "toolButton",
86      "toolName": "Pan"
87    },
88    "annotationEditToolButton": {
89      "dataElement": "annotationEditToolButton",
90      "type": "toolButton",
91      "toolName": "AnnotationEdit"
92    },
93    "menuButton": {
94      "dataElement": "menuButton",
95      "img": "ic-hamburger-menu",
96      "title": "component.menuOverlay",
97      "toggleElement": "MainMenuFlyout",
98      "type": "toggleButton"
99    },
100    "groupedRightHeaderEndButtons": {
101      "dataElement": "groupedRightHeaderEndButtons",
102      "justifyContent": "end",
103      "items": [
104        "divider-0.2",
105        "notesPanelToggle",
106        "searchPanelToggle",
107        "panToolButton",
108        "annotationEditToolButton",
109        "page-controls-container"
110      ],
111      "type": "groupedItems",
112      "grow": 1,
113      "gap": 12,
114      "alwaysVisible": true
115    },
116    "toolbarGroup-View": {
117      "dataElement": "toolbarGroup-View",
118      "title": "View",
119      "type": "ribbonItem",
120      "img": "icon-view-ribbon",
121      "groupedItems": []
122    },
123    "toolbarGroup-Annotate": {
124      "dataElement": "toolbarGroup-Annotate",
125      "title": "Annotate",
126      "type": "ribbonItem",
127      "img": "icon-annotate-ribbon",
128      "groupedItems": [
129        "annotateGroupedItems"
130      ]
131    },
132    "toolbarGroup-Shapes": {
133      "dataElement": "toolbarGroup-Shapes",
134      "title": "Shapes",
135      "type": "ribbonItem",
136      "img": "icon-tool-shape-rectangle",
137      "groupedItems": [
138        "shapesGroupedItems"
139      ]
140    },
141    "toolbarGroup-Insert": {
142      "dataElement": "toolbarGroup-Insert",
143      "title": "Insert",
144      "type": "ribbonItem",
145      "img": "icon-insert-ribbon",
146      "groupedItems": [
147        "insertGroupedItems"
148      ]
149    },
150    "toolbarGroup-Measure": {
151      "dataElement": "toolbarGroup-Measure",
152      "title": "Measure",
153      "type": "ribbonItem",
154      "label": "Measure",
155      "groupedItems": [
156        "measureGroupedItems"
157      ],
158      "toolbarGroup": "toolbarGroup-Measure",
159      "disabled": true
160    },
161    "toolbarGroup-Redact": {
162      "dataElement": "toolbarGroup-Redact",
163      "title": "Redact",
164      "type": "ribbonItem",
165      "label": "Redact",
166      "groupedItems": [
167        "redactionGroupedItems"
168      ],
169      "toolbarGroup": "toolbarGroup-Redact",
170      "disabled": true
171    },
172    "toolbarGroup-Edit": {
173      "dataElement": "toolbarGroup-Edit",
174      "title": "Edit",
175      "type": "ribbonItem",
176      "label": "Edit",
177      "groupedItems": [
178        "editGroupedItems"
179      ],
180      "toolbarGroup": "toolbarGroup-Edit"
181    },
182    "toolbarGroup-EditText": {
183      "dataElement": "toolbarGroup-EditText",
184      "title": "Content Edit",
185      "type": "ribbonItem",
186      "label": "Content Edit",
187      "groupedItems": [
188        "contentEditGroupedItems"
189      ],
190      "toolbarGroup": "toolbarGroup-EditText",
191      "disabled": true
192    },
193    "toolbarGroup-FillAndSign": {
194      "dataElement": "toolbarGroup-FillAndSign",
195      "title": "Fill and Sign",
196      "type": "ribbonItem",
197      "label": "Fill and Sign",
198      "groupedItems": [
199        "fillAndSignGroupedItems"
200      ],
201      "toolbarGroup": "toolbarGroup-FillAndSign"
202    },
203    "toolbarGroup-Forms": {
204      "dataElement": "toolbarGroup-Forms",
205      "title": "Forms",
206      "type": "ribbonItem",
207      "label": "Forms",
208      "groupedItems": [
209        "formsGroupedItems"
210      ],
211      "toolbarGroup": "toolbarGroup-Forms"
212    },
213    "default-ribbon-group": {
214      "dataElement": "default-ribbon-group",
215      "items": [
216        "toolbarGroup-View",
217        "toolbarGroup-Annotate",
218        "toolbarGroup-Shapes",
219        "toolbarGroup-Insert"
220      ],
221      "type": "ribbonGroup",
222      "justifyContent": "start",
223      "grow": 2,
224      "gap": 12,
225      "alwaysVisible": false
226    },
227    "searchPanelToggle": {
228      "dataElement": "searchPanelToggle",
229      "title": "component.searchPanel",
230      "type": "toggleButton",
231      "img": "icon-header-search",
232      "toggleElement": "searchPanel"
233    },
234    "notesPanelToggle": {
235      "dataElement": "notesPanelToggle",
236      "title": "component.notesPanel",
237      "type": "toggleButton",
238      "img": "icon-header-chat-line",
239      "toggleElement": "notesPanel"
240    },
241    "highlightToolButton": {
242      "dataElement": "highlightToolButton",
243      "type": "toolButton",
244      "toolName": "AnnotationCreateTextHighlight"
245    },
246    "underlineToolButton": {
247      "dataElement": "underlineToolButton",
248      "type": "toolButton",
249      "toolName": "AnnotationCreateTextUnderline"
250    },
251    "underlineToolButton2": {
252      "dataElement": "underlineToolButton2",
253      "type": "toolButton",
254      "toolName": "AnnotationCreateTextUnderline2"
255    },
256    "strikeoutToolButton": {
257      "dataElement": "strikeoutToolButton",
258      "type": "toolButton",
259      "toolName": "AnnotationCreateTextStrikeout"
260    },
261    "squigglyToolButton": {
262      "dataElement": "squigglyToolButton",
263      "type": "toolButton",
264      "toolName": "AnnotationCreateTextSquiggly"
265    },
266    "freeTextToolButton": {
267      "dataElement": "freeTextToolButton",
268      "type": "toolButton",
269      "toolName": "AnnotationCreateFreeText"
270    },
271    "markInsertTextToolButton": {
272      "dataElement": "markInsertTextToolButton",
273      "type": "toolButton",
274      "toolName": "AnnotationCreateMarkInsertText"
275    },
276    "markReplaceTextToolButton": {
277      "dataElement": "markReplaceTextToolButton",
278      "type": "toolButton",
279      "toolName": "AnnotationCreateMarkReplaceText"
280    },
281    "freeHandToolButton": {
282      "dataElement": "freeHandToolButton",
283      "type": "toolButton",
284      "toolName": "AnnotationCreateFreeHand"
285    },
286    "freeHandHighlightToolButton": {
287      "dataElement": "freeHandHighlightToolButton",
288      "type": "toolButton",
289      "toolName": "AnnotationCreateFreeHandHighlight"
290    },
291    "stickyToolButton": {
292      "dataElement": "stickyToolButton",
293      "type": "toolButton",
294      "toolName": "AnnotationCreateSticky"
295    },
296    "calloutToolButton": {
297      "dataElement": "calloutToolButton",
298      "type": "toolButton",
299      "toolName": "AnnotationCreateCallout"
300    },
301    "divider-0.4": {
302      "dataElement": "divider-0.4",
303      "type": "divider"
304    },
305    "stylePanelToggle": {
306      "dataElement": "stylePanelToggle",
307      "title": "action.style",
308      "type": "toggleButton",
309      "img": "icon-style-panel-toggle",
310      "toggleElement": "stylePanel"
311    },
312    "indexPanelListToggle": {
313      "dataElement": "indexPanelListToggle",
314      "title": "component.indexPanel",
315      "type": "toggleButton",
316      "img": "icon-index-panel-list",
317      "toggleElement": "indexPanel"
318    },
319    "divider-0.5": {
320      "dataElement": "divider-0.5",
321      "type": "divider"
322    },
323    "undoButton": {
324      "dataElement": "undoButton",
325      "type": "presetButton",
326      "buttonType": "undoButton"
327    },
328    "redoButton": {
329      "dataElement": "redoButton",
330      "type": "presetButton",
331      "buttonType": "redoButton"
332    },
333    "eraserToolButton": {
334      "dataElement": "eraserToolButton",
335      "type": "toolButton",
336      "toolName": "AnnotationEraserTool"
337    },
338    "defaultAnnotationUtilities": {
339      "dataElement": "defaultAnnotationUtilities",
340      "items": [
341        "divider-0.5",
342        "undoButton",
343        "redoButton",
344        "eraserToolButton"
345      ],
346      "type": "groupedItems",
347      "grow": 0,
348      "gap": 12,
349      "alwaysVisible": false
350    },
351    "annotateToolsGroupedItems": {
352      "dataElement": "annotateToolsGroupedItems",
353      "items": [
354        "highlightToolButton",
355        "underlineToolButton",
356        "strikeoutToolButton",
357        "squigglyToolButton",
358        "freeHandToolButton",
359        "freeHandHighlightToolButton",
360        "freeTextToolButton",
361        "markInsertTextToolButton",
362        "markReplaceTextToolButton",
363        "stickyToolButton",
364        "calloutToolButton"
365      ],
366      "type": "groupedItems",
367      "justifyContent": "center",
368      "grow": 0,
369      "gap": 12,
370      "alwaysVisible": false
371    },
372    "annotateGroupedItems": {
373      "dataElement": "annotateGroupedItems",
374      "items": [
375        "annotateToolsGroupedItems",
376        "divider-0.4",
377        "stylePanelToggle",
378        "defaultAnnotationUtilities"
379      ],
380      "type": "groupedItems",
381      "justifyContent": "center",
382      "grow": 0,
383      "gap": 12,
384      "alwaysVisible": false
385    },
386    "rectangleToolButton": {
387      "dataElement": "rectangleToolButton",
388      "type": "toolButton",
389      "toolName": "AnnotationCreateRectangle"
390    },
391    "ellipseToolButton": {
392      "dataElement": "ellipseToolButton",
393      "type": "toolButton",
394      "toolName": "AnnotationCreateEllipse"
395    },
396    "arcToolButton": {
397      "dataElement": "arcToolButton",
398      "type": "toolButton",
399      "toolName": "AnnotationCreateArc"
400    },
401    "polygonToolButton": {
402      "dataElement": "polygonToolButton",
403      "type": "toolButton",
404      "toolName": "AnnotationCreatePolygon"
405    },
406    "cloudToolButton": {
407      "dataElement": "cloudToolButton",
408      "type": "toolButton",
409      "toolName": "AnnotationCreatePolygonCloud"
410    },
411    "lineToolButton": {
412      "dataElement": "lineToolButton",
413      "type": "toolButton",
414      "toolName": "AnnotationCreateLine"
415    },
416    "polylineToolButton": {
417      "dataElement": "polylineToolButton",
418      "type": "toolButton",
419      "toolName": "AnnotationCreatePolyline"
420    },
421    "arrowToolButton": {
422      "dataElement": "arrowToolButton",
423      "type": "toolButton",
424      "toolName": "AnnotationCreateArrow"
425    },
426    "shapesToolsGroupedItems": {
427      "dataElement": "shapesToolsGroupedItems",
428      "items": [
429        "rectangleToolButton",
430        "ellipseToolButton",
431        "arcToolButton",
432        "polygonToolButton",
433        "cloudToolButton",
434        "lineToolButton",
435        "polylineToolButton",
436        "arrowToolButton"
437      ],
438      "type": "groupedItems",
439      "grow": 0,
440      "gap": 12,
441      "alwaysVisible": false
442    },
443    "shapesGroupedItems": {
444      "dataElement": "shapesGroupedItems",
445      "items": [
446        "shapesToolsGroupedItems",
447        "divider-0.4",
448        "stylePanelToggle",
449        "defaultAnnotationUtilities"
450      ],
451      "type": "groupedItems",
452      "grow": 0,
453      "gap": 12,
454      "alwaysVisible": false
455    },
456    "rubberStampToolButton": {
457      "dataElement": "rubberStampToolButton",
458      "type": "toolButton",
459      "toolName": "AnnotationCreateRubberStamp"
460    },
461    "signatureCreateToolButton": {
462      "dataElement": "signatureCreateToolButton",
463      "type": "toolButton",
464      "toolName": "AnnotationCreateSignature"
465    },
466    "fileAttachmentButton": {
467      "dataElement": "fileAttachmentButton",
468      "type": "toolButton",
469      "toolName": "AnnotationCreateFileAttachment"
470    },
471    "stampToolButton": {
472      "dataElement": "stampToolButton",
473      "type": "toolButton",
474      "toolName": "AnnotationCreateStamp"
475    },
476    "insertToolsGroupedItems": {
477      "dataElement": "insertToolsGroupedItems",
478      "items": [
479        "rubberStampToolButton",
480        "signatureCreateToolButton",
481        "fileAttachmentButton",
482        "stampToolButton"
483      ],
484      "type": "groupedItems",
485      "grow": 0,
486      "gap": 12,
487      "alwaysVisible": false
488    },
489    "insertGroupedItems": {
490      "dataElement": "insertGroupedItems",
491      "items": [
492        "insertToolsGroupedItems",
493        "divider-0.4",
494        "stylePanelToggle",
495        "defaultAnnotationUtilities"
496      ],
497      "type": "groupedItems",
498      "grow": 0,
499      "gap": 12,
500      "alwaysVisible": false
501    },
502    "redactionToolButton": {
503      "dataElement": "redactionToolButton",
504      "type": "toolButton",
505      "toolName": "AnnotationCreateRedaction"
506    },
507    "pageRedactionToggleButton": {
508      "dataElement": "pageRedactionToggleButton",
509      "title": "action.redactPages",
510      "type": "toggleButton",
511      "img": "icon-tool-page-redact",
512      "toggleElement": "pageRedactionModal"
513    },
514    "redactionPanelToggle": {
515      "dataElement": "redactionPanelToggle",
516      "type": "toggleButton",
517      "img": "icon-redact-panel",
518      "toggleElement": "redactionPanel",
519      "title": "component.redactionPanel",
520      "disabled": true
521    },
522    "redactionGroupedItems": {
523      "dataElement": "redactionGroupedItems",
524      "items": [
525        "redactionToolButton",
526        "pageRedactionToggleButton",
527        "redactionPanelToggle",
528        "divider-0.4",
529        "stylePanelToggle",
530        "defaultAnnotationUtilities"
531      ],
532      "type": "groupedItems",
533      "grow": 0,
534      "gap": 12,
535      "alwaysVisible": false
536    },
537    "distanceMeasurementToolButton": {
538      "dataElement": "distanceMeasurementToolButton",
539      "type": "toolButton",
540      "toolName": "AnnotationCreateDistanceMeasurement"
541    },
542    "arcMeasurementToolButton": {
543      "dataElement": "arcMeasurementToolButton",
544      "type": "toolButton",
545      "toolName": "AnnotationCreateArcMeasurement"
546    },
547    "perimeterMeasurementToolButton": {
548      "dataElement": "perimeterMeasurementToolButton",
549      "type": "toolButton",
550      "toolName": "AnnotationCreatePerimeterMeasurement"
551    },
552    "areaMeasurementToolButton": {
553      "dataElement": "areaMeasurementToolButton",
554      "type": "toolButton",
555      "toolName": "AnnotationCreateAreaMeasurement"
556    },
557    "ellipseMeasurementToolButton": {
558      "dataElement": "ellipseMeasurementToolButton",
559      "type": "toolButton",
560      "toolName": "AnnotationCreateEllipseMeasurement"
561    },
562    "rectangularAreaMeasurementToolButton": {
563      "dataElement": "rectangularAreaMeasurementToolButton",
564      "type": "toolButton",
565      "toolName": "AnnotationCreateRectangularAreaMeasurement"
566    },
567    "countMeasurementToolButton": {
568      "dataElement": "countMeasurementToolButton",
569      "type": "toolButton",
570      "toolName": "AnnotationCreateCountMeasurement"
571    },
572    "measureGroupedItems": {
573      "dataElement": "measureGroupedItems",
574      "items": [
575        "distanceMeasurementToolButton",
576        "arcMeasurementToolButton",
577        "perimeterMeasurementToolButton",
578        "areaMeasurementToolButton",
579        "ellipseMeasurementToolButton",
580        "rectangularAreaMeasurementToolButton",
581        "countMeasurementToolButton",
582        "divider-0.4",
583        "stylePanelToggle",
584        "defaultAnnotationUtilities"
585      ],
586      "type": "groupedItems",
587      "grow": 0,
588      "gap": 12,
589      "alwaysVisible": false
590    },
591    "cropToolButton": {
592      "dataElement": "cropToolButton",
593      "type": "toolButton",
594      "toolName": "CropPage"
595    },
596    "snippingToolButton": {
597      "dataElement": "snippingToolButton",
598      "type": "toolButton",
599      "toolName": "SnippingTool"
600    },
601    "editGroupedItems": {
602      "dataElement": "editGroupedItems",
603      "items": [
604        "cropToolButton",
605        "snippingToolButton"
606      ],
607      "type": "groupedItems",
608      "grow": 0,
609      "gap": 12,
610      "alwaysVisible": false
611    },
612    "addParagraphToolGroupButton": {
613      "dataElement": "addParagraphToolGroupButton",
614      "type": "toolButton",
615      "toolName": "AddParagraphTool",
616      "disabled": true
617    },
618    "addImageContentToolGroupButton": {
619      "dataElement": "addImageContentToolGroupButton",
620      "type": "toolButton",
621      "toolName": "AddImageContentTool",
622      "disabled": true
623    },
624    "divider-0.6": {
625      "dataElement": "divider-0.6",
626      "type": "divider"
627    },
628    "contentEditButton": {
629      "dataElement": "contentEditButton",
630      "type": "presetButton",
631      "buttonType": "contentEditButton",
632      "disabled": true
633    },
634    "contentEditGroupedItems": {
635      "dataElement": "contentEditGroupedItems",
636      "items": [
637        "addParagraphToolGroupButton",
638        "addImageContentToolGroupButton",
639        "divider-0.6",
640        "contentEditButton"
641      ],
642      "type": "groupedItems",
643      "grow": 0,
644      "gap": 12,
645      "alwaysVisible": false
646    },
647    "crossStampToolButton": {
648      "dataElement": "crossStampToolButton",
649      "type": "toolButton",
650      "toolName": "AnnotationCreateCrossStamp"
651    },
652    "checkStampToolButton": {
653      "dataElement": "checkStampToolButton",
654      "type": "toolButton",
655      "toolName": "AnnotationCreateCheckStamp"
656    },
657    "dotStampToolButton": {
658      "dataElement": "dotStampToolButton",
659      "type": "toolButton",
660      "toolName": "AnnotationCreateDotStamp"
661    },
662    "calendarToolButton": {
663      "dataElement": "calendarToolButton",
664      "type": "toolButton",
665      "toolName": "AnnotationCreateDateFreeText"
666    },
667    "fillAndSignGroupedItems": {
668      "dataElement": "fillAndSignGroupedItems",
669      "items": [
670        "signatureCreateToolButton",
671        "freeTextToolButton",
672        "crossStampToolButton",
673        "checkStampToolButton",
674        "dotStampToolButton",
675        "rubberStampToolButton",
676        "calendarToolButton",
677        "divider-0.4",
678        "stylePanelToggle",
679        "defaultAnnotationUtilities"
680      ],
681      "type": "groupedItems",
682      "grow": 0,
683      "gap": 12,
684      "alwaysVisible": false
685    },
686    "signatureFieldButton": {
687      "dataElement": "signatureFieldButton",
688      "type": "toolButton",
689      "toolName": "SignatureFormFieldCreateTool"
690    },
691    "textFieldButton": {
692      "dataElement": "textFieldButton",
693      "type": "toolButton",
694      "toolName": "TextFormFieldCreateTool"
695    },
696    "checkboxFieldButton": {
697      "dataElement": "checkboxFieldButton",
698      "type": "toolButton",
699      "toolName": "CheckBoxFormFieldCreateTool"
700    },
701    "radioFieldButton": {
702      "dataElement": "radioFieldButton",
703      "type": "toolButton",
704      "toolName": "RadioButtonFormFieldCreateTool"
705    },
706    "listBoxFieldButton": {
707      "dataElement": "listBoxFieldButton",
708      "type": "toolButton",
709      "toolName": "ListBoxFormFieldCreateTool"
710    },
711    "comboBoxFieldButton": {
712      "dataElement": "comboBoxFieldButton",
713      "type": "toolButton",
714      "toolName": "ComboBoxFormFieldCreateTool"
715    },
716    "divider-0.7": {
717      "dataElement": "divider-0.7",
718      "type": "divider"
719    },
720    "formFieldEditButton": {
721      "dataElement": "formFieldEditButton",
722      "type": "presetButton",
723      "buttonType": "formFieldEditButton"
724    },
725    "divider-0.8": {
726      "dataElement": "divider-0.8",
727      "type": "divider"
728    },
729    "formsToolsGroupedItems": {
730      "dataElement": "formsToolsGroupedItems",
731      "items": [
732        "signatureFieldButton",
733        "textFieldButton",
734        "freeTextToolButton",
735        "checkboxFieldButton",
736        "radioFieldButton",
737        "listBoxFieldButton",
738        "comboBoxFieldButton",
739        "divider-0.7",
740        "formFieldEditButton"
741      ],
742      "type": "groupedItems",
743      "grow": 0,
744      "gap": 12,
745      "alwaysVisible": false
746    },
747    "formsGroupedItems": {
748      "dataElement": "formsGroupedItems",
749      "items": [
750        "formsToolsGroupedItems",
751        "divider-0.8",
752        "stylePanelToggle",
753        "indexPanelListToggle"
754      ],
755      "type": "groupedItems",
756      "grow": 0,
757      "gap": 12,
758      "alwaysVisible": false
759    },
760    "page-controls-container": {
761      "dataElement": "page-controls-container",
762      "type": "pageControls",
763      "title": "component.pageControls",
764      "icon": "icon-page-controls"
765    },
766    "newDocumentButton": {
767      "dataElement": "newDocumentButton",
768      "presetDataElement": "newDocumentPresetButton",
769      "label": "action.newDocument",
770      "title": "action.newDocument",
771      "isActive": false,
772      "type": "presetButton",
773      "buttonType": "newDocumentButton"
774    },
775    "fullscreenButton": {
776      "dataElement": "fullscreenButton",
777      "presetDataElement": "fullscreenPresetButton",
778      "label": "action.enterFullscreen",
779      "title": "action.enterFullscreen",
780      "type": "presetButton",
781      "buttonType": "fullscreenButton"
782    }
783  },
784  "modularHeaders": {
785    "right-header-demo": {
786      "dataElement": "right-header-demo",
787      "placement": "right",
788      "justifyContent": "start",
789      "grow": 0,
790      "gap": 12,
791      "float": false,
792      "stroke": true,
793      "dimension": {
794        "paddingTop": 8,
795        "paddingBottom": 8,
796        "borderWidth": 1
797      },
798      "style": {},
799      "items": [
800        "annotateGroupedItems",
801        "shapesGroupedItems",
802        "insertGroupedItems",
803        "redactionGroupedItems",
804        "measureGroupedItems",
805        "editGroupedItems",
806        "contentEditGroupedItems",
807        "fillAndSignGroupedItems",
808        "formsGroupedItems",
809        "groupedRightHeaderEndButtons"
810      ]
811    },
812    "left-header": {
813      "dataElement": "left-header",
814      "placement": "left",
815      "justifyContent": "start",
816      "grow": 0,
817      "gap": 12,
818      "float": false,
819      "stroke": true,
820      "dimension": {
821        "paddingTop": 8,
822        "paddingBottom": 8,
823        "borderWidth": 1
824      },
825      "style": {},
826      "items": [
827        "menuButton",
828        "leftPanelButton",
829        "divider-0.1",
830        "default-ribbon-group"
831      ]
832    }
833  },
834  "panels": {
835    "comparePanel": {
836      "dataElement": "comparePanel",
837      "render": "changeListPanel",
838      "location": "right"
839    },
840    "stylePanel": {
841      "dataElement": "stylePanel",
842      "render": "stylePanel",
843      "location": "left"
844    },
845    "thumbnailsPanel": {
846      "dataElement": "thumbnailsPanel",
847      "render": "thumbnailsPanel",
848      "location": "left"
849    },
850    "outlinesPanel": {
851      "dataElement": "outlinesPanel",
852      "render": "outlinesPanel",
853      "location": "left"
854    },
855    "bookmarksPanel": {
856      "dataElement": "bookmarksPanel",
857      "render": "bookmarksPanel",
858      "location": "left"
859    },
860    "formFieldPanel": {
861      "dataElement": "formFieldPanel",
862      "render": "formFieldPanel",
863      "location": "right"
864    },
865    "indexPanel": {
866      "dataElement": "indexPanel",
867      "render": "indexPanel",
868      "location": "right"
869    },
870    "layersPanel": {
871      "dataElement": "layersPanel",
872      "render": "layersPanel",
873      "location": "left"
874    },
875    "signatureListPanel": {
876      "dataElement": "signatureListPanel",
877      "render": "signatureListPanel",
878      "location": "left"
879    },
880    "fileAttachmentPanel": {
881      "dataElement": "fileAttachmentPanel",
882      "render": "fileAttachmentPanel",
883      "location": "left"
884    },
885    "rubberStampPanel": {
886      "dataElement": "rubberStampPanel",
887      "render": "rubberStampPanel",
888      "location": "left"
889    },
890    "textEditingPanel": {
891      "dataElement": "textEditingPanel",
892      "render": "textEditingPanel",
893      "location": "right"
894    },
895    "signaturePanel": {
896      "dataElement": "signaturePanel",
897      "render": "signaturePanel",
898      "location": "left",
899      "disabled": true
900    },
901    "portfolioPanel": {
902      "dataElement": "portfolioPanel",
903      "render": "portfolioPanel",
904      "location": "left",
905      "disabled": true
906    },
907    "tabPanel": {
908      "render": "tabPanel",
909      "dataElement": "tabPanel",
910      "panelsList": [
911        {
912          "render": "thumbnailsPanel"
913        },
914        {
915          "render": "outlinesPanel"
916        },
917        {
918          "render": "bookmarksPanel"
919        },
920        {
921          "render": "layersPanel"
922        },
923        {
924          "render": "signaturePanel"
925        },
926        {
927          "render": "fileAttachmentPanel"
928        },
929        {
930          "render": "portfolioPanel"
931        }
932      ],
933      "location": "left"
934    },
935    "notesPanel": {
936      "dataElement": "notesPanel",
937      "render": "notesPanel",
938      "location": "right"
939    },
940    "searchPanel": {
941      "dataElement": "searchPanel",
942      "render": "searchPanel",
943      "location": "right"
944    },
945    "redactionPanel": {
946      "dataElement": "redactionPanel",
947      "render": "redactionPanel",
948      "location": "right",
949      "disabled": true
950    }
951  },
952  "flyouts": {
953    "MainMenuFlyout": {
954      "dataElement": "MainMenuFlyout",
955      "items": [
956        "newDocumentButton",
957        "filePickerButton",
958        "fullscreenButton",
959        "saveAsButton",
960        "divider",
961        "createPortfolioButton",
962        "divider",
963        "settingsButton",
964        "divider"
965      ]
966    }
967  }
968}
969
Did you find this helpful?
Trial setup questions?
Ask experts on DiscordNeed other help?
Contact SupportPricing or product questions?
Contact Sales