creative-connections/aurelia-bodylight-plugin

<template>
    <button click.delegate="settitle1()"><span show.bind="show1">${title1}</span>&nbsp;</button>
    <button click.delegate="settitle2()"><span show.bind="show2">${title2}</span>&nbsp;</button>
    <button click.delegate="settitle3()"><span show.bind="show2">${title3}</span>&nbsp;</button>
    <svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com" click.delegate="unsetlast()">
        <rect x="115.299" y="44.346" width="187.361" height="83.703" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0);" rx="25.499" ry="25.499"/>
        <rect x="114.745" y="167.683" width="187.361" height="83.703" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0);" rx="25.499" ry="25.499"/>
        <rect x="115.3" y="284.645" width="187.361" height="83.703" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0);" rx="25.499" ry="25.499"/>
        <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 15.5px;" x="160.754" y="86.475">${cell1}</text>
        <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 15.5px;" x="179.047" y="217.849">${cell2}</text>
        <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 15.5px;" x="186.253" y="333.703">${cell3}</text>
        <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 15.5px;" x="208.426" y="160.754"> </text>
        <path d="M 225.055 129.213 H 245.589 L 240.756 123.672 L 261.086 129.713 L 240.756 135.753 L 245.589 130.213 H 225.055 V 129.213 Z" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0);" transform="matrix(0.000014, 1, -1, 0.000014, 342.014862, -94.791084)" bx:shape="arrow 225.055 123.672 36.031 12.081 1 20.33 4.833 1@7c21d5d8"/>
        <path d="M 225.055 129.213 H 245.589 L 240.756 123.672 L 261.086 129.713 L 240.756 135.753 L 245.589 130.213 H 225.055 V 129.213 Z" style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0);" transform="matrix(0.000014, 1, -1, 0.000014, 341.460754, 27.437664)" bx:shape="arrow 225.055 123.672 36.031 12.081 1 20.33 4.833 1@7c21d5d8"/>
        <path style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0);" d="M 303.215 327.605 L 324.279 327.605 C 325.175 325.813 325.954 89.777 325.388 90.909 L 310.976 90.909"/>
        <path style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0);" d="M 311.53 79.268 L 311.53 101.441"/>
        <line style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0);" x1="304.324" y1="77.051" x2="304.324" y2="101.996"/>
    </svg>
</template>