// #region Imports
import { html } from '../../../../Dom/Html';
import { ResizeDirection } from '../../../Types/ResizeDirection';
import { ThumbEdge } from '../../../Types/ThumbEdge';
// #endregion
/**
 * The template of the {@link ResizeThumbElement}.
 *
 * @public
 */
export function resizeThumbElementTemplate(e) {
    const resizeDirectionToEdge = (d) => {
        let edge = ThumbEdge.None;
        switch (d) {
            case ResizeDirection.North:
            case ResizeDirection.South:
                edge = ThumbEdge.Horizontal;
                break;
            case ResizeDirection.East:
            case ResizeDirection.West:
                edge = ThumbEdge.Vertical;
                break;
            case ResizeDirection.NorthEast:
            case ResizeDirection.SouthWest:
            case ResizeDirection.NorthWest:
            case ResizeDirection.SouthEast:
                edge = ThumbEdge.Corner;
                break;
        }
        return edge;
    };
    return html `
        <mosaik-thumb part="thumb"
                      .dir=${e.dir}
                      .lang=${e.lang}
                      .edge=${resizeDirectionToEdge(e.direction)}
                      ?disabled=${e.disabled}></mosaik-thumb>
    `;
}
//# sourceMappingURL=ResizeThumbElementTemplate.js.map