<div class="rffwhid-telemetry-page" layout="row">
    <div layout="column" flex class="model-viewer-wrapper sticky-scroll-wrapper-without-footer">
        <div class="telem-data">
            <!--<p>Pitch: {{ telemData.pitch || 0 }}</p>-->
            <!--<p>Roll: {{ telemData.roll || 0 }}</p>-->
            <!--<p>Heading: {{ telemData.heading || 0 }}</p>-->
            <p>ax: {{ telemData.ax || 0 }}</p>
            <p>ay: {{ telemData.ay || 0 }}</p>
            <p>az: {{ telemData.az || 0 }}</p>
            <p>gx: {{ telemData.gx || 0 }}</p>
            <p>gy: {{ telemData.gy || 0 }}</p>
            <p>gz: {{ telemData.gz || 0 }}</p>
            <p>qx: {{ telemData.qx || 0 }}</p>
            <p>qy: {{ telemData.qy || 0 }}</p>
            <p>qz: {{ telemData.qz || 0 }}</p>
            <p>qw: {{ telemData.qw || 0 }}</p>
        </div>
        <telemetry-model-viewer flex telem="telemData"></telemetry-model-viewer>
    </div>
</div>
