// #region Imports
import { html } from '../../../../Dom/Html';
import { Icons } from '../../../../Resources/Icons';
import { Size } from '../../../Types/Size';
// #endregion
/**
 * The template of the {@link UpDownSpinnerElement}.
 *
 * @public
 */
export function upDownSpinnerElementTemplate(e) {
    return html `
        <div part="content">
            <slot name="prefix"></slot>
            <slot></slot>
            <slot name="suffix"></slot>
        </div>
        <mosaik-repeat-button part="increase"
                              tabindex="${e.focusable ? 1 : -1}"
                              .delay="${e.delay}"
                              .interval="${e.interval}"
                              .variant="${e.variant}"
                              .size="${e.size}"
                              .appearance="${e.appearance}"
                              .icon="${e.increaseIcon.trim().length > 0 ? e.increaseIcon.trim() : Icons.caretUp}"
                              .iconSize="${Size.Small}"
                              ?disabled="${e.increaseDisabled}"
                              @click="${() => e.onIncrease()}"
                              @repeated="${() => e.onIncrease()}"></mosaik-repeat-button>
        <mosaik-repeat-button part="decrease"
                              tabindex="${e.focusable ? 1 : -1}"
                              .delay="${e.delay}"
                              .interval="${e.interval}"
                              .variant="${e.variant}"
                              .size="${e.size}"
                              .appearance="${e.appearance}"
                              .icon="${e.decreaseIcon.trim().length > 0 ? e.decreaseIcon.trim() : Icons.caretDown}"
                              .iconSize="${Size.Small}"
                              ?disabled="${e.decreaseDisabled}"
                              @click="${() => e.onDecrease()}"
                              @repeated="${() => e.onDecrease()}"></mosaik-repeat-button>
    `;
}
//# sourceMappingURL=UpDownSpinnerElementTemplate.js.map