chromium/ui/webui/resources/cr_elements/cr_slider/cr_slider.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 {html} from '//resources/lit/v3_0/lit.rollup.js';

import type {CrSliderElement} from './cr_slider.js';

export function getHtml(this: CrSliderElement) {
  return html`
<div id="container" part="container">
  <div id="bar"></div>
  <div id="markers" ?hidden="${!this.markerCount}">
    ${this.getMarkers_().map((_item, index) => html`
      <div class="${this.getMarkerClass_(index)}"></div>
    `)}
  </div>
  <div id="knobAndLabel" @transitionend="${this.onTransitionEnd_}">
    <div id="knob" part="knob"></div>
    <div id="label" part="label">${this.label_}</div>
  </div>
</div>`;
}