chrome/browser/resources/pdf/elements/viewer_bottom_toolbar.html.ts

// Copyright 2024 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'chrome://resources/cr_elements/cr_icon/cr_icon.js';
import './icons.html.js';
import './ink_brush_selector.js';
import './ink_color_selector.js';
import './ink_size_selector.js';
import './viewer_bottom_toolbar_dropdown.js';

import {html} from 'chrome://resources/lit/v3_0/lit.rollup.js';

import type {ViewerBottomToolbarElement} from './viewer_bottom_toolbar.js';

export function getHtml(this: ViewerBottomToolbarElement) {
  // clang-format off
  return html`
    <ink-brush-selector .currentType="${this.currentType}">
    </ink-brush-selector>
    <span id="vertical-separator"></span>
    <viewer-bottom-toolbar-dropdown id="size"
        .buttonTitle="${this.getSizeTitle_()}">
      <cr-icon slot="icon" icon="${this.getSizeIcon_()}"></cr-icon>
      <ink-size-selector slot="menu" .currentSize="${this.currentSize}"
          .currentType="${this.currentType}"></ink-size-selector>
    </viewer-bottom-toolbar-dropdown>
    ${this.shouldShowColorOptions_() ? html`
      <viewer-bottom-toolbar-dropdown id="color"
          .buttonTitle="${this.getColorTitle_()}">
        <div slot="icon" id="color-chip"></div>
        <ink-color-selector slot="menu" .currentColor="${this.currentColor}"
            .currentType="${this.currentType}"></ink-color-selector>
      </viewer-bottom-toolbar-dropdown>` : ''}
  `;
  // clang-format on
}