<div class="small text-muted text-wrap">
  <span ng-if="!$ctrl.show && $ctrl.useAsterisk">********</span>
  <span ng-if="$ctrl.show">{{ $ctrl.value }}</span>
</div>

<button type="button" class="btn btn-link nopadding" ng-click="$ctrl.show = !$ctrl.show" title="Show/Hide value">
  <div ng-if="!$ctrl.show">
    <pr-icon icon="'eye-off'" feather="true"></pr-icon>
    Show</div
  >
  <div ng-if="$ctrl.show">
    <pr-icon icon="'eye'" feather="true"></pr-icon>
    Hide</div
  >
</button>
