/**

* angular-strap
* @version v2.1.6 - 2015-01-11
* @link http://mgcrea.github.io/angular-strap
* @author Olivier Louvignes (olivier@mg-crea.com)
* @license MIT License, http://www.opensource.org/licenses/MIT
*/

‘use strict’;

angular.module(‘mgcrea.ngStrap.dropdown’, [‘mgcrea.ngStrap.tooltip’])

.provider('$dropdown', function() {

  var defaults = this.defaults = {
    animation: 'am-fade',
    prefixClass: 'dropdown',
    placement: 'bottom-left',
    template: 'dropdown/dropdown.tpl.html',
    trigger: 'click',
    container: false,
    keyboard: true,
    html: false,
    delay: 0
  };

  this.$get = ["$window", "$rootScope", "$tooltip", "$timeout", function($window, $rootScope, $tooltip, $timeout) {

    var bodyEl = angular.element($window.document.body);
    var matchesSelector = Element.prototype.matchesSelector || Element.prototype.webkitMatchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.oMatchesSelector;

    function DropdownFactory(element, config) {

      var $dropdown = {};

      // Common vars
      var options = angular.extend({}, defaults, config);
      var scope = $dropdown.$scope = options.scope && options.scope.$new() || $rootScope.$new();

      $dropdown = $tooltip(element, options);
      var parentEl = element.parent();

      // Protected methods

      $dropdown.$onKeyDown = function(evt) {
        if (!/(38|40)/.test(evt.keyCode)) return;
        evt.preventDefault();
        evt.stopPropagation();

        // Retrieve focused index
        var items = angular.element($dropdown.$element[0].querySelectorAll('li:not(.divider) a'));
        if(!items.length) return;
        var index;
        angular.forEach(items, function(el, i) {
          if(matchesSelector && matchesSelector.call(el, ':focus')) index = i;
        });

        // Navigate with keyboard
        if(evt.keyCode === 38 && index > 0) index--;
        else if(evt.keyCode === 40 && index < items.length - 1) index++;
        else if(angular.isUndefined(index)) index = 0;
        items.eq(index)[0].focus();

      };

      // Overrides

      var show = $dropdown.show;
      $dropdown.show = function() {
        show();
        // use timeout to hookup the events to prevent
        // event bubbling from being processed imediately.
        $timeout(function() {
          options.keyboard && $dropdown.$element.on('keydown', $dropdown.$onKeyDown);
          bodyEl.on('click', onBodyClick);
        }, 0, false);
        parentEl.hasClass('dropdown') && parentEl.addClass('open');
      };

      var hide = $dropdown.hide;
      $dropdown.hide = function() {
        if(!$dropdown.$isShown) return;
        options.keyboard && $dropdown.$element.off('keydown', $dropdown.$onKeyDown);
        bodyEl.off('click', onBodyClick);
        parentEl.hasClass('dropdown') && parentEl.removeClass('open');
        hide();
      };

      var destroy = $dropdown.destroy;
      $dropdown.destroy = function() {
        bodyEl.off('click', onBodyClick);
        destroy();
      };

      // Private functions

      function onBodyClick(evt) {
        if(evt.target === element[0]) return;
        return evt.target !== element[0] && $dropdown.hide();
      }

      return $dropdown;

    }

    return DropdownFactory;

  }];

})

.directive('bsDropdown', ["$window", "$sce", "$dropdown", function($window, $sce, $dropdown) {

  return {
    restrict: 'EAC',
    scope: true,
    link: function postLink(scope, element, attr, transclusion) {

      // Directive options
      var options = {scope: scope};
      angular.forEach(['placement', 'container', 'delay', 'trigger', 'keyboard', 'html', 'animation', 'template', 'id'], function(key) {
        if(angular.isDefined(attr[key])) options[key] = attr[key];
      });

      // Support scope as an object
      attr.bsDropdown && scope.$watch(attr.bsDropdown, function(newValue, oldValue) {
        scope.content = newValue;
      }, true);

      // Visibility binding support
      attr.bsShow && scope.$watch(attr.bsShow, function(newValue, oldValue) {
        if(!dropdown || !angular.isDefined(newValue)) return;
        if(angular.isString(newValue)) newValue = !!newValue.match(/true|,?(dropdown),?/i);
        newValue === true ? dropdown.show() : dropdown.hide();
      });

      // Initialize dropdown
      var dropdown = $dropdown(element, options);

      // Garbage collection
      scope.$on('$destroy', function() {
        if (dropdown) dropdown.destroy();
        options = null;
        dropdown = null;
      });

    }
  };

}]);