{{?it.hasSelectionBox}}
<div edge="t" class="resizeEdge top">
	<div class="resizePoint resizeHandle"></div>
</div>
<div edge="r" class="resizeEdge right">
	<div class="resizePoint resizeHandle"></div>
</div>
<div edge="b" class="resizeEdge bottom">
	<div class="resizePoint resizeHandle"></div>
</div>
<div edge="l" class="resizeEdge left">
	<div class="resizePoint resizeHandle"></div>
</div>
<div edge="tr" class="resizeEdge topRight {{?it.focusModeDisabled}}focusModeDisabled{{?}}">
	<div class="resizePoint {{?it.rotateHandle}}resizeHandle{{?}}"></div>
</div>
<div edge="br" class="resizeEdge bottomRight">
	<div class="resizePoint resizeHandle {{?it.isMobile}}scaleCorner{{?}}">
		{{?it.isMobile}}
		<div class="svgContainer">
			<svg class="scale" role="img">
				<use style="pointer-events: none;" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-scale"></use>
			</svg>
		</div>
		{{?}}
	</div>
</div>
<div edge="bl" class="resizeEdge bottomLeft">
	<div class="resizePoint resizeHandle {{?it.isMobile}}rotateCorner{{?}}">
		{{?it.isMobile}}
		<div class="svgContainer">
			<svg class="rotate" role="img">
				<use style="pointer-events: none;" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-rotate"></use>
			</svg>
		</div>
		{{?}}
	</div>
</div>
<div edge="tl" class="resizeEdge topLeft">
	<div class="resizePoint resizeHandle"></div>
</div>
{{??}}
<div edge="r" class="resizeEdge right">
	<div class="resizePoint resizeHandle"></div>
</div>
<div edge="l" class="resizeEdge left">
	<div class="resizePoint resizeHandle"></div>
</div>
{{?}}
<div class="resizeEdge tl"></div>
<div class="resizeEdge tr"></div>
<div class="resizeEdge bl"></div>
<div class="resizeEdge br"></div>
{{?it.rotateHandle}}
{{?it.hasSelectionBox}}
<div edge="tr-r" class="resizeEdge rotateEdge topRight">
	<div class="rotateHandle {{?it.isMobile}}large{{?}}"></div>
</div>
<div edge="br-r" class="resizeEdge rotateEdge bottomRight">
	<div class="rotateHandle {{?it.isMobile}}large{{?}}"></div>
</div>
<div edge="bl-r" class="resizeEdge rotateEdge bottomLeft">
	<div class="rotateHandle {{?it.isMobile}}large{{?}}"></div>
</div>
<div edge="tl-r" class="resizeEdge rotateEdge topLeft">
	<div class="rotateHandle {{?it.isMobile}}large{{?}}"></div>
</div>
{{??}}
<div edge="tr-r" class="resizeEdge rotateEdge left">
	<div class="rotateHandle rotateLineRight {{?it.isMobile}}large{{?}}"></div>
</div>
<div edge="br-r" class="resizeEdge rotateEdge right">
	<div class="rotateHandle rotateLineLeft {{?it.isMobile}}large{{?}}"></div>
</div>
{{?}}
{{?}}