// #region Imports
import { html } from '../../../../Dom/Html';
import { unsafeHTML } from '../../../Directives/Directives';
import { Placement } from '../../../Types/Placement';
// #endregion
/**
 * @public
 */
export function tooltipElementTemplate(e) {
    return html `
        <slot slot="anchor"
              aria-describedby="tooltip"></slot>
        <mosaik-portal part="portal">
            <mosaik-floating part="popup"
                             .anchor="${e.getSlotAssignments('')[0]}"
                             .placement="${e.placement}"
                             .distance="${e.horizontalOffset}"
                             .skidding="${e.verticalOffset}"
                             .strategy="${'fixed'}"
                             .sync="${'none'}"
                             .flipFallbackPlacements="${[Placement.TopStart, Placement.Top, Placement.TopEnd, Placement.BottomStart, Placement.Bottom, Placement.BottomEnd, Placement.LeftStart, Placement.Left, Placement.LeftEnd, Placement.RightStart, Placement.Right, Placement.RightEnd]}"
                             .flip="${true}"
                             .shift="${true}"
                             .arrow="${true}"
                             ?active="${e.isOpen}">
                <div part="body"
                     id="tooltip"
                     role="tooltip"
                     aria-live="${e.isOpen ? 'polite' : 'off'}">
                    <slot name="content">${unsafeHTML(e.content)}</slot>
                </div>
            </mosaik-floating>
        </mosaik-portal>
    `;
}
//# sourceMappingURL=TooltipElementTemplate.js.map