import { html, ref } from '@ni/fast-element';
export const template = html `
    <div class="wafer-map-container">
        <svg class="svg-root">
            <g ${ref('zoomContainer')} transform=${x => x.transform.toString()}>
                <g class="notch ${x => x.orientation}">
                    <svg
                        class="circle-base"
                        version="1.1"
                        x="0px"
                        y="0px"
                        viewBox="0 0 41 41"
                    >
                        <path
                            class="circle-drawing-path"
                            d="m 40.5 21 a 20 20 1 1 1 0 -1 a 0.5 0.5 0 0 0 0 1"
                        />
                    </svg>
                </g>
            </g>
        </svg>
        <canvas class="main-wafer" ${ref('canvas')}></canvas>
        <canvas class="worker-wafer" ${ref('workerCanvas')}></canvas>
        <svg class="hover-layer">
            <rect
                class="hover-rect ${x => x.hoverOpacity}"
                transform="${x => x.hoverTransform}"
                width="${x => x.hoverWidth}"
                height="${x => x.hoverHeight}"
            />
        </svg>
    </div>
`;
//# sourceMappingURL=template.js.map