(function () {
    "use strict";

    angular.module('shared')

        .component('skipLink', {
            templateUrl: '/shared/js/angular/ui/skip-link.html',
            controller: 'SkipLinkCtrl',
            bindings: {
                additionalClass: '@?'
            }
        })
        .controller('SkipLinkCtrl', ['skipToProps', function SkipLinkCtrl(skipToProps) {
           var ctrl = this;
           ctrl.skipToProps = skipToProps;

           ctrl.handleSkip = function(selector){
               angular.element(selector)
                   .attr('tabindex', -1)
                   .one('blur focusout', function () {
                       angular.element(this).removeAttr('tabindex');
                   })
                   .focus();
           };
           ctrl.hasTarget = function(selector) {
              if (angular.element(selector).length) {
                   return true;
              }
           }
            }]);
})();