Вход Регистрация
Файл: sys/js/umd/carousel_1.js
Строк: 510
<?php
(function (global, factory) {
  if (
typeof define === 'function' && define.amd) {
    
define(['exports''module''./util'], factory);
  } else if (
typeof exports !== 'undefined' && typeof module !== 'undefined') {
    
factory(exportsmodule, require('./util'));
  } else {
    var 
mod = {
      
exports: {}
    };
    
factory(mod.exportsmod, global.Util);
    global.
carousel mod.exports;
  }
})(
this, function (exportsmodule_util) {
  
'use strict';

  var 
_createClass = (function () { function defineProperties(targetprops) { for (var 0props.lengthi++) { var descriptor props[i]; descriptor.enumerable descriptor.enumerable || falsedescriptor.configurable true; if ('value' in descriptordescriptor.writable trueObject.defineProperty(targetdescriptor.keydescriptor); } } return function (ConstructorprotoPropsstaticProps) { if (protoPropsdefineProperties(Constructor.prototypeprotoProps); if (staticPropsdefineProperties(ConstructorstaticProps); return Constructor; }; })();

  function 
_interopRequireDefault(obj) { return obj && obj.__esModule obj : { 'default'obj }; }

  function 
_classCallCheck(instanceConstructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }

  var 
_Util _interopRequireDefault(_util);

  
/**
   * --------------------------------------------------------------------------
   * Bootstrap (v4.0.0): carousel.js
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
   * --------------------------------------------------------------------------
   */

  
var Carousel = (function ($) {

    
/**
     * ------------------------------------------------------------------------
     * Constants
     * ------------------------------------------------------------------------
     */

    
var NAME 'carousel';
    var 
VERSION '4.0.0';
    var 
DATA_KEY 'bs.carousel';
    var 
EVENT_KEY '.' DATA_KEY;
    var 
DATA_API_KEY '.data-api';
    var 
JQUERY_NO_CONFLICT = $.fn[NAME];
    var 
TRANSITION_DURATION 600;

    var Default = {
      
interval5000,
      
keyboardtrue,
      
slidefalse,
      
pause'hover',
      
wraptrue
    
};

    var 
DefaultType = {
      
interval'(number|boolean)',
      
keyboard'boolean',
      
slide'(boolean|string)',
      
pause'(string|boolean)',
      
wrap'boolean'
    
};

    var 
Direction = {
      
NEXT'next',
      
PREVIOUS'prev'
    
};

    var 
Event = {
      
SLIDE'slide' EVENT_KEY,
      
SLID'slid' EVENT_KEY,
      
KEYDOWN'keydown' EVENT_KEY,
      
MOUSEENTER'mouseenter' EVENT_KEY,
      
MOUSELEAVE'mouseleave' EVENT_KEY,
      
LOAD_DATA_API'load' EVENT_KEY DATA_API_KEY,
      
CLICK_DATA_API'click' EVENT_KEY DATA_API_KEY
    
};

    var 
ClassName = {
      
CAROUSEL'carousel',
      
ACTIVE'active',
      
SLIDE'slide',
      
RIGHT'right',
      
LEFT'left',
      
ITEM'carousel-item'
    
};

    var 
Selector = {
      
ACTIVE'.active',
      
ACTIVE_ITEM'.active.carousel-item',
      
ITEM'.carousel-item',
      
NEXT_PREV'.next, .prev',
      
INDICATORS'.carousel-indicators',
      
DATA_SLIDE'[data-slide], [data-slide-to]',
      
DATA_RIDE'[data-ride="carousel"]'
    
};

    
/**
     * ------------------------------------------------------------------------
     * Class Definition
     * ------------------------------------------------------------------------
     */

    
var Carousel = (function () {
      function 
Carousel(elementconfig) {
        
_classCallCheck(thisCarousel);

        
this._items null;
        
this._interval null;
        
this._activeElement null;

        
this._isPaused false;
        
this._isSliding false;

        
this._config this._getConfig(config);
        
this._element = $(element)[0];
        
this._indicatorsElement = $(this._element).find(Selector.INDICATORS)[0];

        
this._addEventListeners();
      }

      
/**
       * ------------------------------------------------------------------------
       * Data Api implementation
       * ------------------------------------------------------------------------
       */

      // getters

      
_createClass(Carousel, [{
        
key'next',

        
// public

        
value: function next() {
          if (!
this._isSliding) {
            
this._slide(Direction.NEXT);
          }
        }
      }, {
        
key'prev',
        
value: function prev() {
          if (!
this._isSliding) {
            
this._slide(Direction.PREVIOUS);
          }
        }
      }, {
        
key'pause',
        
value: function pause(event) {
          if (!
event) {
            
this._isPaused true;
          }

          if ($(
this._element).find(Selector.NEXT_PREV)[0] && _Util['default'].supportsTransitionEnd()) {
            
_Util['default'].triggerTransitionEnd(this._element);
            
this.cycle(true);
          }

          
clearInterval(this._interval);
          
this._interval null;
        }
      }, {
        
key'cycle',
        
value: function cycle(event) {
          if (!
event) {
            
this._isPaused false;
          }

          if (
this._interval) {
            
clearInterval(this._interval);
            
this._interval null;
          }

          if (
this._config.interval && !this._isPaused) {
            
this._interval setInterval($.proxy(this.nextthis), this._config.interval);
          }
        }
      }, {
        
key'to',
        
value: function to(index) {
          var 
_this this;

          
this._activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0];

          var 
activeIndex this._getItemIndex(this._activeElement);

          if (
index this._items.length || index 0) {
            return;
          }

          if (
this._isSliding) {
            $(
this._element).one(Event.SLID, function () {
              return 
_this.to(index);
            });
            return;
          }

          if (
activeIndex === index) {
            
this.pause();
            
this.cycle();
            return;
          }

          var 
direction index activeIndex Direction.NEXT Direction.PREVIOUS;

          
this._slide(directionthis._items[index]);
        }
      }, {
        
key'dispose',
        
value: function dispose() {
          $(
this._element).off(EVENT_KEY);
          $.
removeData(this._elementDATA_KEY);

          
this._items null;
          
this._config null;
          
this._element null;
          
this._interval null;
          
this._isPaused null;
          
this._isSliding null;
          
this._activeElement null;
          
this._indicatorsElement null;
        }

        
// private

      
}, {
        
key'_getConfig',
        
value: function _getConfig(config) {
          
config = $.extend({}, Default, config);
          
_Util['default'].typeCheckConfig(NAMEconfigDefaultType);
          return 
config;
        }
      }, {
        
key'_addEventListeners',
        
value: function _addEventListeners() {
          if (
this._config.keyboard) {
            $(
this._element).on(Event.KEYDOWN, $.proxy(this._keydownthis));
          }

          if (
this._config.pause === 'hover' && !('ontouchstart' in document.documentElement)) {
            $(
this._element).on(Event.MOUSEENTER, $.proxy(this.pausethis)).on(Event.MOUSELEAVE, $.proxy(this.cyclethis));
          }
        }
      }, {
        
key'_keydown',
        
value: function _keydown(event) {
          
event.preventDefault();

          if (/
input|textarea/i.test(event.target.tagName)) {
            return;
          }

          switch (
event.which) {
            case 
37:
              
this.prev();break;
            case 
39:
              
this.next();break;
            default:
              return;
          }
        }
      }, {
        
key'_getItemIndex',
        
value: function _getItemIndex(element) {
          
this._items = $.makeArray($(element).parent().find(Selector.ITEM));
          return 
this._items.indexOf(element);
        }
      }, {
        
key'_getItemByDirection',
        
value: function _getItemByDirection(directionactiveElement) {
          var 
isNextDirection direction === Direction.NEXT;
          var 
isPrevDirection direction === Direction.PREVIOUS;
          var 
activeIndex this._getItemIndex(activeElement);
          var 
lastItemIndex this._items.length 1;
          var 
isGoingToWrap isPrevDirection && activeIndex === || isNextDirection && activeIndex === lastItemIndex;

          if (
isGoingToWrap && !this._config.wrap) {
            return 
activeElement;
          }

          var 
delta direction === Direction.PREVIOUS ? -1;
          var 
itemIndex = (activeIndex delta) % this._items.length;

          return 
itemIndex === -this._items[this._items.length 1] : this._items[itemIndex];
        }
      }, {
        
key'_triggerSlideEvent',
        
value: function _triggerSlideEvent(relatedTargetdirectionalClassname) {
          var 
slideEvent = $.Event(Event.SLIDE, {
            
relatedTargetrelatedTarget,
            
directiondirectionalClassname
          
});

          $(
this._element).trigger(slideEvent);

          return 
slideEvent;
        }
      }, {
        
key'_setActiveIndicatorElement',
        
value: function _setActiveIndicatorElement(element) {
          if (
this._indicatorsElement) {
            $(
this._indicatorsElement).find(Selector.ACTIVE).removeClass(ClassName.ACTIVE);

            var 
nextIndicator this._indicatorsElement.children[this._getItemIndex(element)];

            if (
nextIndicator) {
              $(
nextIndicator).addClass(ClassName.ACTIVE);
            }
          }
        }
      }, {
        
key'_slide',
        
value: function _slide(directionelement) {
          var 
_this2 this;

          var 
activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0];
          var 
nextElement element || activeElement && this._getItemByDirection(directionactiveElement);

          var 
isCycling Boolean(this._interval);

          var 
directionalClassName direction === Direction.NEXT ClassName.LEFT ClassName.RIGHT;

          if (
nextElement && $(nextElement).hasClass(ClassName.ACTIVE)) {
            
this._isSliding false;
            return;
          }

          var 
slideEvent this._triggerSlideEvent(nextElementdirectionalClassName);
          if (
slideEvent.isDefaultPrevented()) {
            return;
          }

          if (!
activeElement || !nextElement) {
            
// some weirdness is happening, so we bail
            
return;
          }

          
this._isSliding true;

          if (
isCycling) {
            
this.pause();
          }

          
this._setActiveIndicatorElement(nextElement);

          var 
slidEvent = $.Event(Event.SLID, {
            
relatedTargetnextElement,
            
directiondirectionalClassName
          
});

          if (
_Util['default'].supportsTransitionEnd() && $(this._element).hasClass(ClassName.SLIDE)) {

            $(
nextElement).addClass(direction);

            
_Util['default'].reflow(nextElement);

            $(
activeElement).addClass(directionalClassName);
            $(
nextElement).addClass(directionalClassName);

            $(
activeElement).one(_Util['default'].TRANSITION_END, function () {
              $(
nextElement).removeClass(directionalClassName).removeClass(direction);

              $(
nextElement).addClass(ClassName.ACTIVE);

              $(
activeElement).removeClass(ClassName.ACTIVE).removeClass(direction).removeClass(directionalClassName);

              
_this2._isSliding false;

              
setTimeout(function () {
                return $(
_this2._element).trigger(slidEvent);
              }, 
0);
            }).
emulateTransitionEnd(TRANSITION_DURATION);
          } else {
            $(
activeElement).removeClass(ClassName.ACTIVE);
            $(
nextElement).addClass(ClassName.ACTIVE);

            
this._isSliding false;
            $(
this._element).trigger(slidEvent);
          }

          if (
isCycling) {
            
this.cycle();
          }
        }

        
// static

      
}], [{
        
key'_jQueryInterface',
        
value: function _jQueryInterface(config) {
          return 
this.each(function () {
            var 
data = $(this).data(DATA_KEY);
            var 
_config = $.extend({}, Default, $(this).data());

            if (
typeof config === 'object') {
              $.
extend(_configconfig);
            }

            var 
action typeof config === 'string' config _config.slide;

            if (!
data) {
              
data = new Carousel(this_config);
              $(
this).data(DATA_KEYdata);
            }

            if (
typeof config === 'number') {
              
data.to(config);
            } else if (
action) {
              
data[action]();
            } else if (
_config.interval) {
              
data.pause();
              
data.cycle();
            }
          });
        }
      }, {
        
key'_dataApiClickHandler',
        
value: function _dataApiClickHandler(event) {
          var 
selector _Util['default'].getSelectorFromElement(this);

          if (!
selector) {
            return;
          }

          var 
target = $(selector)[0];

          if (!
target || !$(target).hasClass(ClassName.CAROUSEL)) {
            return;
          }

          var 
config = $.extend({}, $(target).data(), $(this).data());
          var 
slideIndex this.getAttribute('data-slide-to');

          if (
slideIndex) {
            
config.interval false;
          }

          
Carousel._jQueryInterface.call($(target), config);

          if (
slideIndex) {
            $(
target).data(DATA_KEY).to(slideIndex);
          }

          
event.preventDefault();
        }
      }, {
        
key'VERSION',
        
get: function get() {
          return 
VERSION;
        }
      }, {
        
key'Default',
        
get: function get() {
          return Default;
        }
      }]);

      return 
Carousel;
    })();

    $(
document).on(Event.CLICK_DATA_APISelector.DATA_SLIDECarousel._dataApiClickHandler);

    $(
window).on(Event.LOAD_DATA_API, function () {
      $(
Selector.DATA_RIDE).each(function () {
        var 
$carousel = $(this);
        
Carousel._jQueryInterface.call($carousel$carousel.data());
      });
    });

    
/**
     * ------------------------------------------------------------------------
     * jQuery
     * ------------------------------------------------------------------------
     */

    
$.fn[NAME] = Carousel._jQueryInterface;
    $.fn[
NAME].Constructor Carousel;
    $.fn[
NAME].noConflict = function () {
      $.fn[
NAME] = JQUERY_NO_CONFLICT;
      return 
Carousel._jQueryInterface;
    };

    return 
Carousel;
  })(
jQuery);

  
module.exports Carousel;
});
?>
Онлайн: 1
Реклама