template.js

    static get template() {
        return `
        <style>
            .wrapper {
                display: grid;
                grid-template-columns: 2rem auto 2rem;
                grid-template-rows: 2rem auto 2rem;
                width: 100%;
                height: 100%;
            }
            .vis-content {
                grid-column-start: 2;
                grid-column-end: 2;
                grid-row-start: 2;
                grid-row-end: 2;
            }
            .vis-content-top {
                grid-column-start: 1;
                grid-column-end: 4;
                grid-row-start: 1;
                grid-row-end: 1;
                width: 100%;
                height: 100%;
            }
        </style>
        <div class="wrapper">
            <aggregation-picker-control id="controls" class="vis-content-top"></aggregation-picker-control>
            <div id="visContainer" class="vis-content" style="width: 100%; height: 100%"/>
        </div>
        `;
    }