Add wrap option to carousel

[rafaelumlei]

Sometimes applications require carousels that does not cycle continuously (having hard stops). This use case is already supported by the javascript Bootstrap library and is controlled using the wrap attribute. I implemented this feature in our carousel using plain angular.js by adding support for the wrap attribute in the carousel directive as in the following example:

    <carousel interval="myInterval" wrap="myWrap">
      <slide ng-repeat="slide in slides" active="slide.active">
        <img ng-src="{{slide.image}}" style="margin:auto;">
        <div class="carousel-caption">
          <h4>Slide {{$index}}</h4>
          <p>{{slide.text}}</p>
        </div>
      </slide>
    </carousel>

I've updated the tests, documentation and demo. The following images exemplify the final result with wrap="false" for the first, middle and last slides of a carousel.

[rafaelumlei]

It seems that somebody was already working on a similar Feature/Issue #3397. This version of the feature adds more functionality and is different in the way it hides the left (in first slide) and right (in the last slide) controls.

[chrisirhc]

I believe this might be a duplicate of #3462 .

[wesleycho]

Closing as duplicate