// #region Imports
import { html } from '../../../../Dom/Html';
// #endregion
/**
 * The template of the `DisclosureElement`.
 *
 * @public
 */
export function disclosureElementTemplate(e) {
    return html `
        <details part="details"
                 class="disclosure"
                 @toggle="${() => e.onToggle()}">
            <summary part="summary" class="invoker"
                     role="button"
                     aria-controls="disclosure-content"
                     aria-expanded="${e.isExpanded}">
                <slot name="start"></slot>
                <slot name="summary">${e.summary}</slot>
                <slot name="end"></slot>
            </summary>
            <div id="disclosure-content">
                <slot></slot>
            </div>
        </details>
    `;
}
//# sourceMappingURL=DisclosureElementTemplate.js.map