(function() {
  'use strict';

  angular
    .module('noosferoApp')
    .directive('noosferoBlock', noosferoBlock);

  /** @ngInject */
  function noosferoBlock($compile) {
    var directive = {
      restrict: 'E',
      scope: {
          block: '<',
          owner: '<'
      },
      link: function(scope, element) {
        var blockName = scope.block.type.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
        element.replaceWith($compile('<noosfero-'+blockName+' block="block" owner="owner"></noosfero-'+blockName+'>')(scope));
      }
    };
    return directive;
  }

})();