line-reference.component.html
No OneTemporary
Actions

Subscribers

None

File Metadata

	<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0"
	viewBox="0 0 25 50"
	(mouseenter)="showReference(true, $event)" (mouseleave)="showReference(false, $event)" (click)="changeLocation()">
	<defs>
	<marker id="arrowhead" markerWidth="10" markerHeight="10" refX="0" refY="2" orient="auto">
	<polygon points="0 0, 6 2, 0 4"/>
	</marker>
	<line id="arrow" x1="0" x2="15" y1="2" y2="2" stroke-width="1" marker-end="url(#arrowhead)"/>
	</defs>
	<rect x="0" y="0" height="100" width="200" class="mouse-pointer" [ngClass]="{ 'unhighlighted' : !highlighted, 'highlighted': highlighted }"/>
	<use x="0" y="3" class="mouse-pointer" xlink:href="#arrow" stroke="black"/>
	</svg>