/* eslint-disable lit/prefer-static-styles */
// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the `ListingItemElement`.
 *
 * @public
 */
export function listingItemElementTemplate(e) {
    return html `
        <div part="item"
             role="none">
            <slot name="marker">
                <mosaik-listing-item-marker part="marker"
                                            .lang="${e.lang}"
                                            .dir="${e.dir}"
                                            .type="${e.listType}"
                                            .numberingType="${e.listNumberingType}"
                                            .bulletType="${e.listBulletType}"
                                            .index="${e.resolveIndex()}"
                                            .variant="${e.variant}"
                                            .appearance="${e.appearance}"
                                            .size="${e.size}"
                                            .disabled="${e.disabled}"
                                            exportparts="pip: marker-pip, marker-label, marker-icon"></mosaik-listing-item-marker>
            </slot>
            <div part="content">
                ${when(e.header, () => html `
                    <mosaik-text part="header"
                                 .lang="${e.lang}"
                                 .dir="${e.dir}"
                                 .formatter="${e.formatter}"
                                 .text="${e.header}"
                                 ?wrap="${true}"></mosaik-text>
                `)}
                ${when(e.content, () => html `
                    <mosaik-text part="content-text"
                                 .lang="${e.lang}"
                                 .dir="${e.dir}"
                                 .formatter="${e.formatter}"
                                 .text="${e.content}"
                                 ?wrap="${true}"></mosaik-text>
                `)}
                <slot></slot>
            </div>
        </div>
    `;
}
//# sourceMappingURL=ListingItemElementTemplate.js.map