Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
tab.js 8.45 KiB
1 
(function (global, factory) {
2 
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('jquery'), require('./util.js')) :
3 
  typeof define === 'function' && define.amd ? define(['jquery', './util.js'], factory) :
4 
  (global.Tab = factory(global.jQuery,global.Util));
5 
}(this, (function ($,Util) { 'use strict';
6
7 
  $ = $ && $.hasOwnProperty('default') ? $['default'] : $;
8 
  Util = Util && Util.hasOwnProperty('default') ? Util['default'] : Util;
9
10 
  function _defineProperties(target, props) {
11 
    for (var i = 0; i < props.length; i++) {
12 
      var descriptor = props[i];
13 
      descriptor.enumerable = descriptor.enumerable || false;
14 
      descriptor.configurable = true;
15 
      if ("value" in descriptor) descriptor.writable = true;
16 
      Object.defineProperty(target, descriptor.key, descriptor);
17 
    }
18 
  }
19
20 
  function _createClass(Constructor, protoProps, staticProps) {
21 
    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
22 
    if (staticProps) _defineProperties(Constructor, staticProps);
23 
    return Constructor;
24 
  }
25
26 
  /**
27 
   * --------------------------------------------------------------------------
28 
   * Bootstrap (v4.1.3): tab.js
29 
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
30 
   * --------------------------------------------------------------------------
31 
   */
32
33 
  var Tab = function ($$$1) {
34 
    /**
35 
     * ------------------------------------------------------------------------
36 
     * Constants
37 
     * ------------------------------------------------------------------------
38 
     */
39 
    var NAME = 'tab';
40 
    var VERSION = '4.1.3';
41 
    var DATA_KEY = 'bs.tab';
42 
    var EVENT_KEY = "." + DATA_KEY;
43 
    var DATA_API_KEY = '.data-api';
44 
    var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
45 
    var Event = {
46 
      HIDE: "hide" + EVENT_KEY,
47 
      HIDDEN: "hidden" + EVENT_KEY,
48 
      SHOW: "show" + EVENT_KEY,
49 
      SHOWN: "shown" + EVENT_KEY,
50 
      CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
51 
    };
52 
    var ClassName = {
53 
      DROPDOWN_MENU: 'dropdown-menu',
54 
      ACTIVE: 'active',
55 
      DISABLED: 'disabled',
56 
      FADE: 'fade',
57 
      SHOW: 'show'
58 
    };
59 
    var Selector = {
60 
      DROPDOWN: '.dropdown',
61 
      NAV_LIST_GROUP: '.nav, .list-group',
62 
      ACTIVE: '.active',
63 
      ACTIVE_UL: '> li > .active',
64 
      DATA_TOGGLE: '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',
65 
      DROPDOWN_TOGGLE: '.dropdown-toggle',
66 
      DROPDOWN_ACTIVE_CHILD: '> .dropdown-menu .active'
67 
      /**
68 
       * ------------------------------------------------------------------------
69 
       * Class Definition
70 
       * ------------------------------------------------------------------------
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
*/ }; var Tab = /*#__PURE__*/ function () { function Tab(element) { this._element = element; } // Getters var _proto = Tab.prototype; // Public _proto.show = function show() { var _this = this; if (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE && $$$1(this._element).hasClass(ClassName.ACTIVE) || $$$1(this._element).hasClass(ClassName.DISABLED)) { return; } var target; var previous; var listElement = $$$1(this._element).closest(Selector.NAV_LIST_GROUP)[0]; var selector = Util.getSelectorFromElement(this._element); if (listElement) { var itemSelector = listElement.nodeName === 'UL' ? Selector.ACTIVE_UL : Selector.ACTIVE; previous = $$$1.makeArray($$$1(listElement).find(itemSelector)); previous = previous[previous.length - 1]; } var hideEvent = $$$1.Event(Event.HIDE, { relatedTarget: this._element }); var showEvent = $$$1.Event(Event.SHOW, { relatedTarget: previous }); if (previous) { $$$1(previous).trigger(hideEvent); } $$$1(this._element).trigger(showEvent); if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) { return; } if (selector) { target = document.querySelector(selector); } this._activate(this._element, listElement); var complete = function complete() { var hiddenEvent = $$$1.Event(Event.HIDDEN, { relatedTarget: _this._element }); var shownEvent = $$$1.Event(Event.SHOWN, { relatedTarget: previous }); $$$1(previous).trigger(hiddenEvent); $$$1(_this._element).trigger(shownEvent); }; if (target) { this._activate(target, target.parentNode, complete); } else {
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
complete(); } }; _proto.dispose = function dispose() { $$$1.removeData(this._element, DATA_KEY); this._element = null; }; // Private _proto._activate = function _activate(element, container, callback) { var _this2 = this; var activeElements; if (container.nodeName === 'UL') { activeElements = $$$1(container).find(Selector.ACTIVE_UL); } else { activeElements = $$$1(container).children(Selector.ACTIVE); } var active = activeElements[0]; var isTransitioning = callback && active && $$$1(active).hasClass(ClassName.FADE); var complete = function complete() { return _this2._transitionComplete(element, active, callback); }; if (active && isTransitioning) { var transitionDuration = Util.getTransitionDurationFromElement(active); $$$1(active).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); } else { complete(); } }; _proto._transitionComplete = function _transitionComplete(element, active, callback) { if (active) { $$$1(active).removeClass(ClassName.SHOW + " " + ClassName.ACTIVE); var dropdownChild = $$$1(active.parentNode).find(Selector.DROPDOWN_ACTIVE_CHILD)[0]; if (dropdownChild) { $$$1(dropdownChild).removeClass(ClassName.ACTIVE); } if (active.getAttribute('role') === 'tab') { active.setAttribute('aria-selected', false); } } $$$1(element).addClass(ClassName.ACTIVE); if (element.getAttribute('role') === 'tab') { element.setAttribute('aria-selected', true); } Util.reflow(element); $$$1(element).addClass(ClassName.SHOW); if (element.parentNode && $$$1(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) { var dropdownElement = $$$1(element).closest(Selector.DROPDOWN)[0]; if (dropdownElement) { var dropdownToggleList = [].slice.call(dropdownElement.querySelectorAll(Selector.DROPDOWN_TOGGLE)); $$$1(dropdownToggleList).addClass(ClassName.ACTIVE); } element.setAttribute('aria-expanded', true); }
211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
if (callback) { callback(); } }; // Static Tab._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { var $this = $$$1(this); var data = $this.data(DATA_KEY); if (!data) { data = new Tab(this); $this.data(DATA_KEY, data); } if (typeof config === 'string') { if (typeof data[config] === 'undefined') { throw new TypeError("No method named \"" + config + "\""); } data[config](); } }); }; _createClass(Tab, null, [{ key: "VERSION", get: function get() { return VERSION; } }]); return Tab; }(); /** * ------------------------------------------------------------------------ * Data Api implementation * ------------------------------------------------------------------------ */ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) { event.preventDefault(); Tab._jQueryInterface.call($$$1(this), 'show'); }); /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $$$1.fn[NAME] = Tab._jQueryInterface; $$$1.fn[NAME].Constructor = Tab; $$$1.fn[NAME].noConflict = function () { $$$1.fn[NAME] = JQUERY_NO_CONFLICT; return Tab._jQueryInterface; }; return Tab; }($); return Tab; }))); //# sourceMappingURL=tab.js.map