// #region Imports
import { html } from '../../../../Dom/Html';
import { repeat, unsafeHTML, when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the {@link KbdElement}.
 *
 * @public
 */
export function kbdElementTemplate(e) {
    const values = e.value;
    return html `
        ${repeat(values, (x) => x, (x, i) => html `
        <kbd part="kbd">${unsafeHTML(e.getModifierSymbol(x))}</kbd>
        ${when(i < values.length - 1, () => html `
        <span part="delimiter" role="text"> + </span>
        `)}
        `)}
  `;
}
//# sourceMappingURL=KbdElementTemplate.js.map