<accordion [isAnimated]="true" *ngIf="coneSearch">
    <accordion-group #cs panelClass="abstract-accordion lead" [isOpen]="true" class="mt-2">
        <button class="btn btn-link btn-block clearfix pb-1" accordion-heading>
            <div class="pull-left float-left font-weight-bold">
                Cone-search parameters
                &nbsp;
                <span *ngIf="cs.isOpen">
                    <span class="fas fa-chevron-up"></span>
                </span>
                <span *ngIf="!cs.isOpen">
                    <span class="fas fa-chevron-down"></span>
                </span>
            </div>
        </button>

        <!-- cone-search  parameters -->
        <ul>
            <li> ra: {{coneSearch.ra}}</li>
            <li> dec: {{coneSearch.dec}}</li>
            <li> radius: {{ coneSearch.radius}}</li>
        </ul>
    </accordion-group>
</accordion>