1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
define([
'jquery'
], function ($) {
'use strict';
var ESC_KEY_CODE = '27';
$(document)
.on('click.dropdown', function (event) {
if (!$(event.target).is('[data-toggle=dropdown].active, ' +
'[data-toggle=dropdown].active *, ' +
'[data-toggle=dropdown].active + .dropdown-menu, ' +
'[data-toggle=dropdown].active + .dropdown-menu *,' +
'[data-toggle=dropdown].active + [data-target="dropdown"],' +
'[data-toggle=dropdown].active + [data-target="dropdown"] *')
) {
$('[data-toggle=dropdown].active').trigger('close.dropdown');
}
})
.on('keyup.dropdown', function (event) {
if (event.keyCode == ESC_KEY_CODE) { //eslint-disable-line eqeqeq
$('[data-toggle=dropdown].active').trigger('close.dropdown');
}
});
/**
* @param {Object} options
*/
$.fn.dropdown = function (options) {
options = $.extend({
parent: null,
btnArrow: '.arrow',
activeClass: 'active'
}, options);
return this.each(function () {
var elem = $(this);
elem.off('open.dropdown, close.dropdown, click.dropdown');
elem.on('open.dropdown', function () {
elem
.addClass(options.activeClass)
.parent()
.addClass(options.activeClass);
elem.find(options.btnArrow).text('\u25b2'); // arrow up
});
elem.on('close.dropdown', function () {
elem
.removeClass(options.activeClass)
.parent()
.removeClass(options.activeClass);
elem.find(options.btnArrow).text('\u25bc'); // arrow down
});
elem.on('click.dropdown', function () {
var isActive = elem.hasClass('active');
$('[data-toggle=dropdown].active').trigger('close.dropdown');
elem.trigger(isActive ? 'close.dropdown' : 'open.dropdown');
return false;
});
});
};
return function (data, el) {
$(el).dropdown(data);
};
});