// svgCompassRose.js
(function () {
/* global AdventureJS A */
var p = AdventureJS.Display.prototype;
/**
*/
p.svgCompassRose = `
<svg class="ajs-compass rose" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100">
<circle class="bezel" cx="49.9" cy="49.4" r="46.5"/>
<g class="northwest ajs-compass-direction ordinal" data-exit="northwest">
<g class="shape">
<polygon class="rose" points="49.8 49.1 40.6 26.6 17.7 16.9 27.3 39.9 49.8 49.1"/>
</g>
<g class="label">
<text class="rose" transform="translate(27.9 36)"><tspan x="0" y="0">NW</tspan></text>
</g>
</g>
<g class="north ajs-compass-direction cardinal" data-exit="north">
<g class="shape">
<polygon class="rose" points="49.8 49.1 59.2 26.7 49.8 3.6 40.4 26.7 49.8 49.1"/>
</g>
<g class="label">
<text class="rose" transform="translate(47.5 29.9)"><tspan x="0" y="0">N</tspan></text>
</g>
</g>
<g class="northeast ajs-compass-direction ordinal" data-exit="northeast">
<g class="shape">
<polygon class="rose" points="49.8 49.1 72.3 39.9 81.9 17 59 26.6 49.8 49.1"/>
</g>
<g class="label">
<text class="rose" transform="translate(61.5 36)"><tspan x="0" y="0">NE</tspan></text>
</g>
</g>
<g class="west ajs-compass-direction cardinal" data-exit="west">
<g class="shape">
<polygon class="rose" points="49.8 49.1 27.4 39.7 4.4 49.1 27.4 58.5 49.8 49.1"/>
</g>
<g class="label">
<text class="rose" transform="translate(21.2 52.3)"><tspan x="0" y="0">W</tspan></text>
</g>
</g>
<g class="east ajs-compass-direction cardinal" data-exit="east">
<g class="shape">
<polygon class="rose" points="49.8 49.1 72.2 58.5 95.2 49.1 72.2 39.7 49.8 49.1"/>
</g>
<g class="label">
<text class="rose" transform="translate(73.2 52.3)"><tspan x="0" y="0">E</tspan></text>
</g>
</g>
<g class="southwest ajs-compass-direction ordinal" data-exit="southwest">
<g class="shape">
<polygon class="rose" points="49.8 49.1 27.3 58.3 17.7 81.2 40.6 71.6 49.8 49.1"/>
</g>
<g class="label">
<text class="rose" transform="translate(28.2 68.5)"><tspan x="0" y="0">SW</tspan></text>
</g>
</g>
<g class="south ajs-compass-direction cardinal" data-exit="south">
<g class="shape">
<polygon class="rose" points="49.8 49.1 40.4 71.5 49.8 94.5 59.2 71.5 49.8 49.1"/>
</g>
<g class="label">
<text class="rose" transform="translate(48.2 75)"><tspan x="0" y="0">S</tspan></text>
</g>
</g>
<g class="southeast ajs-compass-direction ordinal" data-exit="southeast">
<g class="shape">
<polygon class="rose" points="49.8 49.1 59 71.6 81.9 81.2 72.3 58.3 49.8 49.1"/>
</g>
<g class="label">
<text class="rose" transform="translate(62.1 68.5)"><tspan x="0" y="0">SE</tspan></text>
</g>
</g>
<g class="up ajs-compass-direction " data-exit="up">
<g class="shape">
<path class="rose" d="M1.5,1.7c3.4,0,23.7,0,36.2-.1C19.6,5.4,5.3,19.8,1.5,37.9V1.7Z"/>
<path class="rose" d="M33.6,2.1c-7.4,2.3-14.2,6.3-19.8,12-5.6,5.6-9.6,12.4-11.8,19.7V2.2c4.1,0,19.8,0,31.6,0h0ZM47.5,1h-.4c.3,0,.5,0,.4,0h0ZM47.1,1c-4.8,0-46.1.2-46.1.2v46.3C1,22,21.6,1.2,47.1,1h0Z"/>
</g>
<g class="label">
<text class="rose" transform="translate(6.1 12.1)"><tspan x="0" y="0">U</tspan></text>
</g>
</g>
<g class="down ajs-compass-direction " data-exit="down">
<g class="shape">
<path class="rose" d="M1.7,98.5c0-3.4,0-23.7-.1-36.2,3.9,18.1,18.2,32.4,36.3,36.2H1.7Z"/>
<path class="rose" d="M2.1,66.4c2.3,7.4,6.3,14.2,12,19.8,5.6,5.6,12.4,9.6,19.7,11.8H2.2c0-4.1,0-19.8,0-31.6h0ZM1,52.5h0v.4-.4h0ZM1,52.9c0,4.8.2,46.1.2,46.1h46.3C22,99,1.2,78.4,1,52.9h0Z"/>
</g>
<g class="label">
<text class="rose" transform="translate(6.1 93.7)"><tspan x="0" y="0">D</tspan></text>
</g>
</g>
<g class="in ajs-compass-direction " data-exit="in">
<g class="shape">
<path class="rose" d="M62.3,98.5c18.1-3.9,32.4-18.2,36.2-36.3v36.2c-3.4,0-23.7,0-36.2,0Z"/>
<path class="rose" d="M98,66.2v31.6c-4.1,0-19.8,0-31.6,0,7.4-2.3,14.2-6.3,19.8-12,5.6-5.6,9.6-12.4,11.8-19.7h0ZM99,52.5c0,25.5-20.6,46.3-46.1,46.5,4.8,0,46.1-.2,46.1-.2v-46.3h0ZM52.9,99c-.3,0-.5,0-.4,0h.4Z"/>
</g>
<g class="label">
<text class="rose" transform="translate(90.6 93.7)"><tspan x="0" y="0">I</tspan></text>
</g>
</g>
<g class="out ajs-compass-direction " data-exit="out">
<g class="shape">
<path class="rose" d="M98.5,37.7C94.6,19.6,80.2,5.3,62.1,1.5h36.2c0,3.4,0,23.7,0,36.2h0Z"/>
<path class="rose" d="M97.8,2c0,4.1,0,19.8,0,31.6-2.3-7.4-6.3-14.2-12-19.8-5.6-5.6-12.4-9.6-19.7-11.8,0,0,31.6,0,31.6,0ZM98.8,1h-46.3c25.5,0,46.3,20.6,46.5,46.1,0-4.8-.2-46.1-.2-46.1h0ZM99,47.1v.4h0v-.4h0Z"/>
</g>
<g class="label">
<text class="rose" transform="translate(88.7 12.1)"><tspan x="0" y="0">O</tspan></text>
</g>
</g>
</svg>
`;
})();