// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
import { setHost } from '../../../Directives/setHost';
// #endregion
/**
 * The template of the `TableElement`.
 *
 * @public
 */
export function tableElementTemplate(e) {
    return html `
        <div part="caption"
             ?hidden="${!setHost(e, 'has-caption', e.hasSlotContent('caption'))}">
            <slot name="caption">
                 ${when(e.caption.trim(), () => html `
                <mosaik-text .dir="${e.dir}"
                             .lang="${e.lang}"
                             .text="${e.caption.trim()}"
                             .truncate="${true}"></mosaik-text>
                `)}
            </slot>
        </div>
        <slot></slot>
    `;
}
//# sourceMappingURL=TableElementTemplate.js.map