chrome/browser/resources/pdf/pdf_viewer.html

<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_}"
    .strings="${this.strings}"
    .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>
    .pdfCr23Enabled="${this.pdfCr23Enabled}"
<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_}"
        .pdfCr23Enabled="${this.pdfCr23Enabled}"
        .strings="${this.strings}"
        @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>
    <if expr="enable_pdf_ink2">
      ${this.shouldShowInkBottomToolbar_() ? html`
        <div id="bottom">
          <viewer-bottom-toolbar .currentColor="${this.currentBrushColor_}"
              .currentSize="${this.currentBrushSize_}"
              .currentType="${this.currentBrushType_}"
              .strings="${this.strings}"
              @current-color-changed="${this.onBrushColorChanged_}"
              @current-size-changed="${this.onBrushSizeChanged_}"
              @current-type-changed="${this.onBrushTypeChanged_}">
          </viewer-bottom-toolbar>
        </div>` : ''}
    </if>
  </div>
  <if expr="enable_pdf_ink2">
    ${this.shouldShowInkSidePanel_() ? html`
      <viewer-side-panel .currentColor="${this.currentBrushColor_}"
            .currentSize="${this.currentBrushSize_}"
            .currentType="${this.currentBrushType_}"
            @current-color-changed="${this.onBrushColorChanged_}"
            @current-size-changed="${this.onBrushSizeChanged_}"
            @current-type-changed="${this.onBrushTypeChanged_}">
      </viewer-side-panel>` : ''}
  </if>
  <cr-toast id="searchifyProgress">
    <div class="spinner"></div>
    <span>$i18n{searchifyInProgress}</span>
  </cr-toast>
</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_}"
    .strings="${this.strings}"
    @close="${this.onPropertiesDialogClose_}">
</viewer-properties-dialog>` : ''}