<div class="input-group input-group-sm" ng-class="{ 'linked': propertyField.isExpression() }">
    <ng-include src="propertyField.getFieldTemplate(property)" include-replace
                ng-if="!propertyField.isExpression()"></ng-include>

    <uid-property-typeahead
        ng-if="propertyField.isExpression()"
        class="PropertyPanel-expression"
        uid-property-typeahead-values="getDataNames()"
        uid-property-typeahead-model="propertyValue.value"
        placeholder="{{ 'expression or variable' | translate }}">
    </uid-property-typeahead>

    <span class="input-group-btn">
        <button class="btn btn-bonita-property"
                type="button"
                ng-click="propertyField.toggleExpressionEditor()"
                title="{{ !propertyField.isExpression() ? 'Click to bind to an expression' : 'Click to bind to a constant' | translate }}">
            <i ng-if="!propertyField.isExpression()" class="ui-icon ui-expression"></i>
            <i ng-if="propertyField.isExpression()" class="fa fa-times"></i>
        </button>
    </span>
</div>
