You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							287 lines
						
					
					
						
							8.7 KiB
						
					
					
				
			
		
		
		
			
			
			
				
					
				
				
					
				
			
		
		
	
	
							287 lines
						
					
					
						
							8.7 KiB
						
					
					
				| var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); | |
| 
 | |
| function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | |
| 
 | |
| /** | |
|  * -------------------------------------------------------------------------- | |
|  * Bootstrap (v4.0.0-alpha.6): dropdown.js | |
|  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) | |
|  * -------------------------------------------------------------------------- | |
|  */ | |
| 
 | |
| var Dropdown = function ($) { | |
| 
 | |
|   /** | |
|    * ------------------------------------------------------------------------ | |
|    * Constants | |
|    * ------------------------------------------------------------------------ | |
|    */ | |
| 
 | |
|   var NAME = 'dropdown'; | |
|   var VERSION = '4.0.0-alpha.6'; | |
|   var DATA_KEY = 'bs.dropdown'; | |
|   var EVENT_KEY = '.' + DATA_KEY; | |
|   var DATA_API_KEY = '.data-api'; | |
|   var JQUERY_NO_CONFLICT = $.fn[NAME]; | |
|   var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key | |
|   var ARROW_UP_KEYCODE = 38; // KeyboardEvent.which value for up arrow key | |
|   var ARROW_DOWN_KEYCODE = 40; // KeyboardEvent.which value for down arrow key | |
|   var RIGHT_MOUSE_BUTTON_WHICH = 3; // MouseEvent.which value for the right button (assuming a right-handed mouse) | |
|  | |
|   var Event = { | |
|     HIDE: 'hide' + EVENT_KEY, | |
|     HIDDEN: 'hidden' + EVENT_KEY, | |
|     SHOW: 'show' + EVENT_KEY, | |
|     SHOWN: 'shown' + EVENT_KEY, | |
|     CLICK: 'click' + EVENT_KEY, | |
|     CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY, | |
|     FOCUSIN_DATA_API: 'focusin' + EVENT_KEY + DATA_API_KEY, | |
|     KEYDOWN_DATA_API: 'keydown' + EVENT_KEY + DATA_API_KEY | |
|   }; | |
| 
 | |
|   var ClassName = { | |
|     BACKDROP: 'dropdown-backdrop', | |
|     DISABLED: 'disabled', | |
|     SHOW: 'show' | |
|   }; | |
| 
 | |
|   var Selector = { | |
|     BACKDROP: '.dropdown-backdrop', | |
|     DATA_TOGGLE: '[data-toggle="dropdown"]', | |
|     FORM_CHILD: '.dropdown form', | |
|     ROLE_MENU: '[role="menu"]', | |
|     ROLE_LISTBOX: '[role="listbox"]', | |
|     NAVBAR_NAV: '.navbar-nav', | |
|     VISIBLE_ITEMS: '[role="menu"] li:not(.disabled) a, ' + '[role="listbox"] li:not(.disabled) a' | |
|   }; | |
| 
 | |
|   /** | |
|    * ------------------------------------------------------------------------ | |
|    * Class Definition | |
|    * ------------------------------------------------------------------------ | |
|    */ | |
| 
 | |
|   var Dropdown = function () { | |
|     function Dropdown(element) { | |
|       _classCallCheck(this, Dropdown); | |
| 
 | |
|       this._element = element; | |
| 
 | |
|       this._addEventListeners(); | |
|     } | |
| 
 | |
|     // getters | |
|  | |
|     // public | |
|  | |
|     Dropdown.prototype.toggle = function toggle() { | |
|       if (this.disabled || $(this).hasClass(ClassName.DISABLED)) { | |
|         return false; | |
|       } | |
| 
 | |
|       var parent = Dropdown._getParentFromElement(this); | |
|       var isActive = $(parent).hasClass(ClassName.SHOW); | |
| 
 | |
|       Dropdown._clearMenus(); | |
| 
 | |
|       if (isActive) { | |
|         return false; | |
|       } | |
| 
 | |
|       if ('ontouchstart' in document.documentElement && !$(parent).closest(Selector.NAVBAR_NAV).length) { | |
| 
 | |
|         // if mobile we use a backdrop because click events don't delegate | |
|         var dropdown = document.createElement('div'); | |
|         dropdown.className = ClassName.BACKDROP; | |
|         $(dropdown).insertBefore(this); | |
|         $(dropdown).on('click', Dropdown._clearMenus); | |
|       } | |
| 
 | |
|       var relatedTarget = { | |
|         relatedTarget: this | |
|       }; | |
|       var showEvent = $.Event(Event.SHOW, relatedTarget); | |
| 
 | |
|       $(parent).trigger(showEvent); | |
| 
 | |
|       if (showEvent.isDefaultPrevented()) { | |
|         return false; | |
|       } | |
| 
 | |
|       this.focus(); | |
|       this.setAttribute('aria-expanded', true); | |
| 
 | |
|       $(parent).toggleClass(ClassName.SHOW); | |
|       $(parent).trigger($.Event(Event.SHOWN, relatedTarget)); | |
| 
 | |
|       return false; | |
|     }; | |
| 
 | |
|     Dropdown.prototype.dispose = function dispose() { | |
|       $.removeData(this._element, DATA_KEY); | |
|       $(this._element).off(EVENT_KEY); | |
|       this._element = null; | |
|     }; | |
| 
 | |
|     // private | |
|  | |
|     Dropdown.prototype._addEventListeners = function _addEventListeners() { | |
|       $(this._element).on(Event.CLICK, this.toggle); | |
|     }; | |
| 
 | |
|     // static | |
|  | |
|     Dropdown._jQueryInterface = function _jQueryInterface(config) { | |
|       return this.each(function () { | |
|         var data = $(this).data(DATA_KEY); | |
| 
 | |
|         if (!data) { | |
|           data = new Dropdown(this); | |
|           $(this).data(DATA_KEY, data); | |
|         } | |
| 
 | |
|         if (typeof config === 'string') { | |
|           if (data[config] === undefined) { | |
|             throw new Error('No method named "' + config + '"'); | |
|           } | |
|           data[config].call(this); | |
|         } | |
|       }); | |
|     }; | |
| 
 | |
|     Dropdown._clearMenus = function _clearMenus(event) { | |
|       if (event && event.which === RIGHT_MOUSE_BUTTON_WHICH) { | |
|         return; | |
|       } | |
| 
 | |
|       var backdrop = $(Selector.BACKDROP)[0]; | |
|       if (backdrop) { | |
|         backdrop.parentNode.removeChild(backdrop); | |
|       } | |
| 
 | |
|       var toggles = $.makeArray($(Selector.DATA_TOGGLE)); | |
| 
 | |
|       for (var i = 0; i < toggles.length; i++) { | |
|         var parent = Dropdown._getParentFromElement(toggles[i]); | |
|         var relatedTarget = { | |
|           relatedTarget: toggles[i] | |
|         }; | |
| 
 | |
|         if (!$(parent).hasClass(ClassName.SHOW)) { | |
|           continue; | |
|         } | |
| 
 | |
|         if (event && (event.type === 'click' && /input|textarea/i.test(event.target.tagName) || event.type === 'focusin') && $.contains(parent, event.target)) { | |
|           continue; | |
|         } | |
| 
 | |
|         var hideEvent = $.Event(Event.HIDE, relatedTarget); | |
|         $(parent).trigger(hideEvent); | |
|         if (hideEvent.isDefaultPrevented()) { | |
|           continue; | |
|         } | |
| 
 | |
|         toggles[i].setAttribute('aria-expanded', 'false'); | |
| 
 | |
|         $(parent).removeClass(ClassName.SHOW).trigger($.Event(Event.HIDDEN, relatedTarget)); | |
|       } | |
|     }; | |
| 
 | |
|     Dropdown._getParentFromElement = function _getParentFromElement(element) { | |
|       var parent = void 0; | |
|       var selector = Util.getSelectorFromElement(element); | |
| 
 | |
|       if (selector) { | |
|         parent = $(selector)[0]; | |
|       } | |
| 
 | |
|       return parent || element.parentNode; | |
|     }; | |
| 
 | |
|     Dropdown._dataApiKeydownHandler = function _dataApiKeydownHandler(event) { | |
|       if (!/(38|40|27|32)/.test(event.which) || /input|textarea/i.test(event.target.tagName)) { | |
|         return; | |
|       } | |
| 
 | |
|       event.preventDefault(); | |
|       event.stopPropagation(); | |
| 
 | |
|       if (this.disabled || $(this).hasClass(ClassName.DISABLED)) { | |
|         return; | |
|       } | |
| 
 | |
|       var parent = Dropdown._getParentFromElement(this); | |
|       var isActive = $(parent).hasClass(ClassName.SHOW); | |
| 
 | |
|       if (!isActive && event.which !== ESCAPE_KEYCODE || isActive && event.which === ESCAPE_KEYCODE) { | |
| 
 | |
|         if (event.which === ESCAPE_KEYCODE) { | |
|           var toggle = $(parent).find(Selector.DATA_TOGGLE)[0]; | |
|           $(toggle).trigger('focus'); | |
|         } | |
| 
 | |
|         $(this).trigger('click'); | |
|         return; | |
|       } | |
| 
 | |
|       var items = $(parent).find(Selector.VISIBLE_ITEMS).get(); | |
| 
 | |
|       if (!items.length) { | |
|         return; | |
|       } | |
| 
 | |
|       var index = items.indexOf(event.target); | |
| 
 | |
|       if (event.which === ARROW_UP_KEYCODE && index > 0) { | |
|         // up | |
|         index--; | |
|       } | |
| 
 | |
|       if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) { | |
|         // down | |
|         index++; | |
|       } | |
| 
 | |
|       if (index < 0) { | |
|         index = 0; | |
|       } | |
| 
 | |
|       items[index].focus(); | |
|     }; | |
| 
 | |
|     _createClass(Dropdown, null, [{ | |
|       key: 'VERSION', | |
|       get: function get() { | |
|         return VERSION; | |
|       } | |
|     }]); | |
| 
 | |
|     return Dropdown; | |
|   }(); | |
| 
 | |
|   /** | |
|    * ------------------------------------------------------------------------ | |
|    * Data Api implementation | |
|    * ------------------------------------------------------------------------ | |
|    */ | |
| 
 | |
|   $(document).on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN_DATA_API, Selector.ROLE_MENU, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN_DATA_API, Selector.ROLE_LISTBOX, Dropdown._dataApiKeydownHandler).on(Event.CLICK_DATA_API + ' ' + Event.FOCUSIN_DATA_API, Dropdown._clearMenus).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, Dropdown.prototype.toggle).on(Event.CLICK_DATA_API, Selector.FORM_CHILD, function (e) { | |
|     e.stopPropagation(); | |
|   }); | |
| 
 | |
|   /** | |
|    * ------------------------------------------------------------------------ | |
|    * jQuery | |
|    * ------------------------------------------------------------------------ | |
|    */ | |
| 
 | |
|   $.fn[NAME] = Dropdown._jQueryInterface; | |
|   $.fn[NAME].Constructor = Dropdown; | |
|   $.fn[NAME].noConflict = function () { | |
|     $.fn[NAME] = JQUERY_NO_CONFLICT; | |
|     return Dropdown._jQueryInterface; | |
|   }; | |
| 
 | |
|   return Dropdown; | |
| }(jQuery); | |
| //# sourceMappingURL=dropdown.js.map
 |