diff options
author | Johann-S <johann.servoire@gmail.com> | 2018-09-26 11:39:01 +0300 |
---|---|---|
committer | Johann-S <johann.servoire@gmail.com> | 2018-09-26 16:03:38 +0300 |
commit | 7c7a1706c348fcb5290a63d9249e0c8e4b6ebbcf (patch) | |
tree | f8430e9b76c05360abe5c74859f26df121071fa7 /js/src/tab.js | |
parent | 02c4444f6c67e8b256173c2344355fcea41688a6 (diff) |
remove useless iife
Diffstat (limited to 'js/src/tab.js')
-rw-r--r-- | js/src/tab.js | 392 |
1 files changed, 194 insertions, 198 deletions
diff --git a/js/src/tab.js b/js/src/tab.js index 29531802a7..4acb6f7f45 100644 --- a/js/src/tab.js +++ b/js/src/tab.js @@ -8,257 +8,253 @@ import Util from './util' * -------------------------------------------------------------------------- */ -const Tab = (($) => { - /** - * ------------------------------------------------------------------------ - * Constants - * ------------------------------------------------------------------------ - */ - - const NAME = 'tab' - const VERSION = '4.1.3' - const DATA_KEY = 'bs.tab' - const EVENT_KEY = `.${DATA_KEY}` - const DATA_API_KEY = '.data-api' - const JQUERY_NO_CONFLICT = $.fn[NAME] - - const Event = { - HIDE : `hide${EVENT_KEY}`, - HIDDEN : `hidden${EVENT_KEY}`, - SHOW : `show${EVENT_KEY}`, - SHOWN : `shown${EVENT_KEY}`, - CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}` - } +/** + * ------------------------------------------------------------------------ + * Constants + * ------------------------------------------------------------------------ + */ + +const NAME = 'tab' +const VERSION = '4.1.3' +const DATA_KEY = 'bs.tab' +const EVENT_KEY = `.${DATA_KEY}` +const DATA_API_KEY = '.data-api' +const JQUERY_NO_CONFLICT = $.fn[NAME] + +const Event = { + HIDE : `hide${EVENT_KEY}`, + HIDDEN : `hidden${EVENT_KEY}`, + SHOW : `show${EVENT_KEY}`, + SHOWN : `shown${EVENT_KEY}`, + CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}` +} + +const ClassName = { + DROPDOWN_MENU : 'dropdown-menu', + ACTIVE : 'active', + DISABLED : 'disabled', + FADE : 'fade', + SHOW : 'show' +} + +const Selector = { + DROPDOWN : '.dropdown', + NAV_LIST_GROUP : '.nav, .list-group', + ACTIVE : '.active', + ACTIVE_UL : '> li > .active', + DATA_TOGGLE : '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]', + DROPDOWN_TOGGLE : '.dropdown-toggle', + DROPDOWN_ACTIVE_CHILD : '> .dropdown-menu .active' +} - const ClassName = { - DROPDOWN_MENU : 'dropdown-menu', - ACTIVE : 'active', - DISABLED : 'disabled', - FADE : 'fade', - SHOW : 'show' +/** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ + +class Tab { + constructor(element) { + this._element = element } - const Selector = { - DROPDOWN : '.dropdown', - NAV_LIST_GROUP : '.nav, .list-group', - ACTIVE : '.active', - ACTIVE_UL : '> li > .active', - DATA_TOGGLE : '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]', - DROPDOWN_TOGGLE : '.dropdown-toggle', - DROPDOWN_ACTIVE_CHILD : '> .dropdown-menu .active' + // Getters + + static get VERSION() { + return VERSION } - /** - * ------------------------------------------------------------------------ - * Class Definition - * ------------------------------------------------------------------------ - */ + // Public - class Tab { - constructor(element) { - this._element = element + show() { + if (this._element.parentNode && + this._element.parentNode.nodeType === Node.ELEMENT_NODE && + $(this._element).hasClass(ClassName.ACTIVE) || + $(this._element).hasClass(ClassName.DISABLED)) { + return } - // Getters + let target + let previous + const listElement = $(this._element).closest(Selector.NAV_LIST_GROUP)[0] + const selector = Util.getSelectorFromElement(this._element) - static get VERSION() { - return VERSION + if (listElement) { + const itemSelector = listElement.nodeName === 'UL' ? Selector.ACTIVE_UL : Selector.ACTIVE + previous = $.makeArray($(listElement).find(itemSelector)) + previous = previous[previous.length - 1] } - // Public + const hideEvent = $.Event(Event.HIDE, { + relatedTarget: this._element + }) - show() { - if (this._element.parentNode && - this._element.parentNode.nodeType === Node.ELEMENT_NODE && - $(this._element).hasClass(ClassName.ACTIVE) || - $(this._element).hasClass(ClassName.DISABLED)) { - return - } + const showEvent = $.Event(Event.SHOW, { + relatedTarget: previous + }) - let target - let previous - const listElement = $(this._element).closest(Selector.NAV_LIST_GROUP)[0] - const selector = Util.getSelectorFromElement(this._element) + if (previous) { + $(previous).trigger(hideEvent) + } - if (listElement) { - const itemSelector = listElement.nodeName === 'UL' ? Selector.ACTIVE_UL : Selector.ACTIVE - previous = $.makeArray($(listElement).find(itemSelector)) - previous = previous[previous.length - 1] - } + $(this._element).trigger(showEvent) + + if (showEvent.isDefaultPrevented() || + hideEvent.isDefaultPrevented()) { + return + } - const hideEvent = $.Event(Event.HIDE, { + if (selector) { + target = document.querySelector(selector) + } + + this._activate( + this._element, + listElement + ) + + const complete = () => { + const hiddenEvent = $.Event(Event.HIDDEN, { relatedTarget: this._element }) - const showEvent = $.Event(Event.SHOW, { + const shownEvent = $.Event(Event.SHOWN, { relatedTarget: previous }) - if (previous) { - $(previous).trigger(hideEvent) - } + $(previous).trigger(hiddenEvent) + $(this._element).trigger(shownEvent) + } - $(this._element).trigger(showEvent) + if (target) { + this._activate(target, target.parentNode, complete) + } else { + complete() + } + } - if (showEvent.isDefaultPrevented() || - hideEvent.isDefaultPrevented()) { - return - } + dispose() { + $.removeData(this._element, DATA_KEY) + this._element = null + } - if (selector) { - target = document.querySelector(selector) - } + // Private - this._activate( - this._element, - listElement - ) + _activate(element, container, callback) { + let activeElements + if (container.nodeName === 'UL') { + activeElements = $(container).find(Selector.ACTIVE_UL) + } else { + activeElements = $(container).children(Selector.ACTIVE) + } - const complete = () => { - const hiddenEvent = $.Event(Event.HIDDEN, { - relatedTarget: this._element - }) + const active = activeElements[0] + const isTransitioning = callback && + (active && $(active).hasClass(ClassName.FADE)) - const shownEvent = $.Event(Event.SHOWN, { - relatedTarget: previous - }) + const complete = () => this._transitionComplete( + element, + active, + callback + ) - $(previous).trigger(hiddenEvent) - $(this._element).trigger(shownEvent) - } + if (active && isTransitioning) { + const transitionDuration = Util.getTransitionDurationFromElement(active) - if (target) { - this._activate(target, target.parentNode, complete) - } else { - complete() - } + $(active) + .one(Util.TRANSITION_END, complete) + .emulateTransitionEnd(transitionDuration) + } else { + complete() } + } - dispose() { - $.removeData(this._element, DATA_KEY) - this._element = null - } + _transitionComplete(element, active, callback) { + if (active) { + $(active).removeClass(`${ClassName.SHOW} ${ClassName.ACTIVE}`) - // Private + const dropdownChild = $(active.parentNode).find( + Selector.DROPDOWN_ACTIVE_CHILD + )[0] - _activate(element, container, callback) { - let activeElements - if (container.nodeName === 'UL') { - activeElements = $(container).find(Selector.ACTIVE_UL) - } else { - activeElements = $(container).children(Selector.ACTIVE) + if (dropdownChild) { + $(dropdownChild).removeClass(ClassName.ACTIVE) } - const active = activeElements[0] - const isTransitioning = callback && - (active && $(active).hasClass(ClassName.FADE)) - - const complete = () => this._transitionComplete( - element, - active, - callback - ) - - if (active && isTransitioning) { - const transitionDuration = Util.getTransitionDurationFromElement(active) - - $(active) - .one(Util.TRANSITION_END, complete) - .emulateTransitionEnd(transitionDuration) - } else { - complete() + if (active.getAttribute('role') === 'tab') { + active.setAttribute('aria-selected', false) } } - _transitionComplete(element, active, callback) { - if (active) { - $(active).removeClass(`${ClassName.SHOW} ${ClassName.ACTIVE}`) - - const dropdownChild = $(active.parentNode).find( - Selector.DROPDOWN_ACTIVE_CHILD - )[0] + $(element).addClass(ClassName.ACTIVE) + if (element.getAttribute('role') === 'tab') { + element.setAttribute('aria-selected', true) + } - if (dropdownChild) { - $(dropdownChild).removeClass(ClassName.ACTIVE) - } + Util.reflow(element) + $(element).addClass(ClassName.SHOW) - if (active.getAttribute('role') === 'tab') { - active.setAttribute('aria-selected', false) - } + if (element.parentNode && + $(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) { + const dropdownElement = $(element).closest(Selector.DROPDOWN)[0] + if (dropdownElement) { + const dropdownToggleList = [].slice.call(dropdownElement.querySelectorAll(Selector.DROPDOWN_TOGGLE)) + $(dropdownToggleList).addClass(ClassName.ACTIVE) } - $(element).addClass(ClassName.ACTIVE) - if (element.getAttribute('role') === 'tab') { - element.setAttribute('aria-selected', true) - } - - Util.reflow(element) - $(element).addClass(ClassName.SHOW) - - if (element.parentNode && - $(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) { - const dropdownElement = $(element).closest(Selector.DROPDOWN)[0] - if (dropdownElement) { - const dropdownToggleList = [].slice.call(dropdownElement.querySelectorAll(Selector.DROPDOWN_TOGGLE)) - $(dropdownToggleList).addClass(ClassName.ACTIVE) - } - - element.setAttribute('aria-expanded', true) - } + element.setAttribute('aria-expanded', true) + } - if (callback) { - callback() - } + if (callback) { + callback() } + } - // Static + // Static - static _jQueryInterface(config) { - return this.each(function () { - const $this = $(this) - let data = $this.data(DATA_KEY) + static _jQueryInterface(config) { + return this.each(function () { + const $this = $(this) + let data = $this.data(DATA_KEY) - if (!data) { - data = new Tab(this) - $this.data(DATA_KEY, data) - } + 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]() + if (typeof config === 'string') { + if (typeof data[config] === 'undefined') { + throw new TypeError(`No method named "${config}"`) } - }) - } + data[config]() + } + }) } +} - /** - * ------------------------------------------------------------------------ - * Data Api implementation - * ------------------------------------------------------------------------ - */ +/** + * ------------------------------------------------------------------------ + * Data Api implementation + * ------------------------------------------------------------------------ + */ - $(document) - .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) { - event.preventDefault() - Tab._jQueryInterface.call($(this), 'show') - }) +$(document) + .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) { + event.preventDefault() + Tab._jQueryInterface.call($(this), 'show') + }) - /** - * ------------------------------------------------------------------------ - * jQuery - * ------------------------------------------------------------------------ - */ - - $.fn[NAME] = Tab._jQueryInterface - $.fn[NAME].Constructor = Tab - $.fn[NAME].noConflict = () => { - $.fn[NAME] = JQUERY_NO_CONFLICT - return Tab._jQueryInterface - } +/** + * ------------------------------------------------------------------------ + * jQuery + * ------------------------------------------------------------------------ + */ - return Tab -})($) +$.fn[NAME] = Tab._jQueryInterface +$.fn[NAME].Constructor = Tab +$.fn[NAME].noConflict = () => { + $.fn[NAME] = JQUERY_NO_CONFLICT + return Tab._jQueryInterface +} export default Tab |