// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the {@link Slider2ThumbElement}.
 *
 * @public
 */
export function slider2ThumbElementTemplate(e) {
    return html `
        ${when(!e.disabled, () => html `
        <mosaik-focus-ring part="focusRing"
                           .variant="${e.variant}"
                           .visible="${e.isFocused}"
                           .controlled="${'manual'}"
                           .for="${'input'}"></mosaik-focus-ring>
        `)}
        <input id="input"
               part="input"
               type="range"
               min="${e.min}"
               max="${e.max}"
               step="${e.step}"
               .value="${e.value}"
               ?disabled="${e.disabled}"/>
    `;
}
//# sourceMappingURL=Slider2ThumbElementTemplate.js.map