// #region Imports
import { html } from '../../../../Dom/Html';
// #endregion
/**
 * The template of the {@link ScrubSliderElement}.
 *
 * @public
 */
export function scrubSliderElementTemplate(e) {
    return html `
        <div part="root">
            <output part="value"
                    for="input">
                <mosaik-text part="text"
                             .text="${e.tooltipAccessor(e.value)}"></mosaik-text>
            </output>
            <div part="surface"
                 role="slider"
                 aria-valuemin=${e.min}
                 aria-valuemax=${e.max}
                 aria-valuenow=${e.value}
                 aria-disabled=${e.disabled ? 'true' : 'false'}>
                <div part="ticks top"></div>
                <div part="center"></div>
                <div part="ticks bottom"></div>
            </div>
            <div part="labels"></div>
            <input part="input"
                   class="visually-hidden"
                   type="range"
                   .min=${e.min.toString()}
                   .max=${e.max.toString()}
                   .step=${e.step.toString()}
                   .value=${String(e.value)} />
        </div>
    `;
}
//# sourceMappingURL=ScrubSliderElementTemplate.js.map