// #region Imports
import { html } from '../../../../Dom/Html';
import { Icons } from '../../../../Resources/Icons';
import { when } from '../../../Directives/Directives';
import { Size } from '../../../Types/Size';
import { TextOverflow } from '../../../Types/TextOverflow';
// #endregion
/**
 * The template of the {@link TableCellElement}.
 *
 * @public
 */
export function tableCellElementTemplate(e) {
    return html `
        <slot>
            <mosaik-text .text="${e.text}"
                         .formatter="${e.formatter}"
                         ?truncate="${e.textOverflow === TextOverflow.Truncate}"
                         ?wrap="${e.textOverflow === TextOverflow.Wrap}"></mosaik-text>
        </slot>
        ${when(e.sortable && e.sortDirection !== 'none', () => html `
        <mosaik-icon part="icon"
                     .size="${Size.Small}"
                     .data="${Icons.arrowSortDown}"
                     .inline="${true}"></mosaik-icon>
        `)}
    `;
}
//# sourceMappingURL=TableCellElementTemplate.js.map