<viewer-toolbar id="toolbar" .annotationMode="${this.annotationMode_}"
.docTitle="${this.title_}" .docLength="${this.docLength_}"
.embeddedViewer="${this.embedded_}" .pageNo="${this.pageNo_}"
.loadProgress="${this.loadProgress_}" .hasEdits="${this.hasEdits_}"
.hasEnteredAnnotationMode="${this.hasEnteredAnnotationMode_}"
<if expr="enable_pdf_ink2">
.hasInk2Edits="${this.hasInk2Edits_}"
</if>
.printingEnabled="${this.printingEnabled_}"
.rotated="${this.isRotated_()}"
.formFieldFocus="${this.formFieldFocus_}"
.sidenavCollapsed="${this.sidenavCollapsed_}"
.twoUpViewEnabled="${this.twoUpViewEnabled_}"
.viewportZoom="${this.viewportZoom_}"
.zoomBounds="${this.zoomBounds_}"
<if expr="enable_ink or enable_pdf_ink2">
.annotationAvailable="${this.annotationAvailable_()}"
.pdfAnnotationsEnabled="${this.pdfAnnotationsEnabled_}"
</if>
<if expr="enable_pdf_ink2">
.pdfInk2Enabled="${this.pdfInk2Enabled_}"
</if>
@change-page="${this.onChangePage_}"
@display-annotations-changed="${this.onDisplayAnnotationsChanged_}"
@fit-to-changed="${this.onFitToChanged}"
@present-click="${this.onPresentClick_}"
@properties-click="${this.onPropertiesClick_}"
<if expr="enable_ink">
@annotation-mode-dialog-confirmed="${this.onResetView_}"
</if>
@sidenav-toggle-click="${this.onSidenavToggleClick_}"
@two-up-view-changed="${this.onTwoUpViewChanged_}"
@zoom-changed="${this.onZoomChanged}" @zoom-in="${this.onZoomIn}"
@zoom-out="${this.onZoomOut}" @rotate-left="${this.rotateCounterclockwise}"
<if expr="enable_ink or enable_pdf_ink2">
@annotation-mode-toggled="${this.onAnnotationModeToggled_}"
</if>
@print="${this.onPrint_}" @save="${this.onToolbarSave_}"
<if expr="enable_pdf_ink2">
@strokes-updated="${this.onStrokesUpdated_}"
</if>
hidden>
</viewer-toolbar>
<div id="container">
<div id="sidenav-container" ?closed="${this.sidenavCollapsed_}"
?hidden="${!this.toolbarEnabled_}">
<viewer-pdf-sidenav id="sidenav"
.activePage="${this.pageNo_}" .attachments="${this.attachments_}"
.bookmarks="${this.bookmarks_}"
.clockwiseRotations="${this.clockwiseRotations_}"
.docLength="${this.docLength_}" @change-page="${this.onChangePage_}"
@change-page-and-xy="${this.onChangePageAndXy_}"
@navigate="${this.onNavigate_}"
@save-attachment="${this.onSaveAttachment_}">
</viewer-pdf-sidenav>
</div>
<div id="main">
<div id="scroller">
<div id="sizer"></div>
<div id="content"></div>
</div>
<div id="content-focus-rectangle" ?hidden="${!this.documentHasFocus_}">
</div>
</div>
<if expr="enable_pdf_ink2">
${this.inInk2AnnotationMode_() ? html`
<viewer-side-panel></viewer-side-panel>` : ''}
</if>
</div>
${this.showErrorDialog ? html`<viewer-error-dialog id="error-dialog">
</viewer-error-dialog>` : ''}
${this.showPasswordDialog_ ? html`<viewer-password-dialog id="password-dialog"
@close="${this.onPasswordDialogClose_}"
@password-submitted="${this.onPasswordSubmitted_}">
</viewer-password-dialog>` : ''}
${this.showPropertiesDialog_ ? html`<viewer-properties-dialog
id="properties-dialog"
.documentMetadata="${this.documentMetadata_}"
.fileName="${this.fileName_}"
.pageCount="${this.docLength_}"
@close="${this.onPropertiesDialogClose_}">
</viewer-properties-dialog>` : ''}