// #region Imports
import { html } from '../../../../Dom/Html';
import { styleMap } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the `SwipeElement`.
 *
 * @public
 */
export function swipeElementTemplate(e) {
    return html `
        <div part="panable-container">
            <!--*ngIf="this.leftPanningTemplate"-->
            <div part="before-panning-container"
                 style="${styleMap({ width: `${e.offsetWidth}px`, height: `${e.offsetHeight}px` })}"
                 hidden>
                 <slot name="before"></slot>
            </div>
            <!--*ngIf="this.rightPanningTemplate"-->
            <div part="after-panning-container"
                 style="${styleMap({ width: `${e.offsetWidth}px`, height: `${e.offsetHeight}px` })}"
                 hidden>
                 <slot name="after"></slot>
            </div>
            <div part="content-container">
                <slot></slot>
            </div>
        </div>
    `;
}
//# sourceMappingURL=SwipeElementTemplate.js.map