<legend>{{ data.label || data.op + ' group' }}<span class="crm-marker" ng-if="data.required"> *</span></legend>
<div class="btn-group btn-group-xs" ng-if="data.groupParent">
<button class="btn btn-danger-outline" ng-click="removeGroup()" title="{{:: ts('Remove group') }}">
- <i class="crm-i fa-trash"></i>
+ <i class="crm-i fa-trash" aria-hidden="true"></i>
</button>
</div>
<div class="api4-clause-group-sortable" ng-model="data.clauses" ui-sortable="{axis: 'y', connectWith: '.api4-clause-group-sortable', containment: '.api4-clause-fieldset', over: onSortOver}" ui-sortable-start="onSort" ui-sortable-stop="onSort">
<span class="badge badge-info">
<span ng-if="!index && !data.groupParent">{{ data.type }}</span>
<span ng-if="index || data.groupParent">{{ data.op }}</span>
- <i class="crm-i fa-arrows"></i>
+ <i class="crm-i fa-arrows" aria-hidden="true"></i>
</span>
</div>
<div ng-if="clause[0] !== 'AND' && clause[0] !== 'OR' && clause[0] !== 'NOT'" class="api4-input-group">