const controlTemplate = `<md-input-container flex ng-hide="vm.hide">
  <label ng-if="vm.showLabel" for="{{vm.id}}">{{vm.label}}</label>
  <ng-transclude></ng-transclude>
  <div ng-messages="vm.alerts.length > 0" role="alert">
    <div ng-repeat="errorMessage in vm.alerts">
      <!-- use ng-message-exp for a message whose key is given by an expression -->
      <div>{{errorMessage.msg}}</div>
    </div>
  </div>
</md-input-container>`;

export default angular
    .module('jsonforms-material.renderers.controls', ['jsonforms.renderers'])
    .run(['$templateCache', $templateCache => {
        $templateCache.put('control.html', controlTemplate);
    }])
    .name;