@coreui/coreui 4.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +22 -0
- package/README.md +183 -0
- package/dist/css/coreui-grid.css +5004 -0
- package/dist/css/coreui-grid.css.map +1 -0
- package/dist/css/coreui-grid.min.css +8 -0
- package/dist/css/coreui-grid.min.css.map +1 -0
- package/dist/css/coreui-grid.rtl.css +5011 -0
- package/dist/css/coreui-grid.rtl.css.map +1 -0
- package/dist/css/coreui-grid.rtl.min.css +14 -0
- package/dist/css/coreui-grid.rtl.min.css.map +1 -0
- package/dist/css/coreui-reboot.css +440 -0
- package/dist/css/coreui-reboot.css.map +1 -0
- package/dist/css/coreui-reboot.min.css +8 -0
- package/dist/css/coreui-reboot.min.css.map +1 -0
- package/dist/css/coreui-reboot.rtl.css +441 -0
- package/dist/css/coreui-reboot.rtl.css.map +1 -0
- package/dist/css/coreui-reboot.rtl.min.css +14 -0
- package/dist/css/coreui-reboot.rtl.min.css.map +1 -0
- package/dist/css/coreui-utilities.css +5030 -0
- package/dist/css/coreui-utilities.css.map +1 -0
- package/dist/css/coreui-utilities.min.css +8 -0
- package/dist/css/coreui-utilities.min.css.map +1 -0
- package/dist/css/coreui-utilities.rtl.css +5024 -0
- package/dist/css/coreui-utilities.rtl.css.map +1 -0
- package/dist/css/coreui-utilities.rtl.min.css +14 -0
- package/dist/css/coreui-utilities.rtl.min.css.map +1 -0
- package/dist/css/coreui.css +12152 -0
- package/dist/css/coreui.css.map +1 -0
- package/dist/css/coreui.min.css +8 -0
- package/dist/css/coreui.min.css.map +1 -0
- package/dist/css/coreui.rtl.css +12041 -0
- package/dist/css/coreui.rtl.css.map +1 -0
- package/dist/css/coreui.rtl.min.css +14 -0
- package/dist/css/coreui.rtl.min.css.map +1 -0
- package/dist/js/coreui.bundle.js +7437 -0
- package/dist/js/coreui.bundle.js.map +1 -0
- package/dist/js/coreui.bundle.min.js +7 -0
- package/dist/js/coreui.bundle.min.js.map +1 -0
- package/dist/js/coreui.esm.js +5622 -0
- package/dist/js/coreui.esm.js.map +1 -0
- package/dist/js/coreui.esm.min.js +7 -0
- package/dist/js/coreui.esm.min.js.map +1 -0
- package/dist/js/coreui.js +5673 -0
- package/dist/js/coreui.js.map +1 -0
- package/dist/js/coreui.min.js +7 -0
- package/dist/js/coreui.min.js.map +1 -0
- package/js/dist/alert.js +208 -0
- package/js/dist/alert.js.map +1 -0
- package/js/dist/base-component.js +181 -0
- package/js/dist/base-component.js.map +1 -0
- package/js/dist/button.js +142 -0
- package/js/dist/button.js.map +1 -0
- package/js/dist/carousel.js +724 -0
- package/js/dist/carousel.js.map +1 -0
- package/js/dist/collapse.js +515 -0
- package/js/dist/collapse.js.map +1 -0
- package/js/dist/dom/data.js +72 -0
- package/js/dist/dom/data.js.map +1 -0
- package/js/dist/dom/event-handler.js +319 -0
- package/js/dist/dom/event-handler.js.map +1 -0
- package/js/dist/dom/manipulator.js +92 -0
- package/js/dist/dom/manipulator.js.map +1 -0
- package/js/dist/dom/selector-engine.js +89 -0
- package/js/dist/dom/selector-engine.js.map +1 -0
- package/js/dist/dropdown.js +700 -0
- package/js/dist/dropdown.js.map +1 -0
- package/js/dist/modal.js +891 -0
- package/js/dist/modal.js.map +1 -0
- package/js/dist/offcanvas.js +724 -0
- package/js/dist/offcanvas.js.map +1 -0
- package/js/dist/popover.js +220 -0
- package/js/dist/popover.js.map +1 -0
- package/js/dist/scrollspy.js +387 -0
- package/js/dist/scrollspy.js.map +1 -0
- package/js/dist/tab.js +317 -0
- package/js/dist/tab.js.map +1 -0
- package/js/dist/toast.js +331 -0
- package/js/dist/toast.js.map +1 -0
- package/js/dist/tooltip.js +997 -0
- package/js/dist/tooltip.js.map +1 -0
- package/js/src/alert.js +128 -0
- package/js/src/base-component.js +78 -0
- package/js/src/button.js +89 -0
- package/js/src/carousel.js +589 -0
- package/js/src/collapse.js +391 -0
- package/js/src/dom/data.js +60 -0
- package/js/src/dom/event-handler.js +352 -0
- package/js/src/dom/manipulator.js +83 -0
- package/js/src/dom/selector-engine.js +78 -0
- package/js/src/dropdown.js +517 -0
- package/js/src/modal.js +451 -0
- package/js/src/navigation.js +298 -0
- package/js/src/offcanvas.js +277 -0
- package/js/src/popover.js +173 -0
- package/js/src/scrollspy.js +298 -0
- package/js/src/sidebar.js +347 -0
- package/js/src/tab.js +227 -0
- package/js/src/toast.js +245 -0
- package/js/src/tooltip.js +750 -0
- package/js/src/util/backdrop.js +129 -0
- package/js/src/util/index.js +327 -0
- package/js/src/util/sanitizer.js +130 -0
- package/js/src/util/scrollbar.js +97 -0
- package/package.json +166 -0
- package/scss/_accordion.scss +118 -0
- package/scss/_alert.scss +52 -0
- package/scss/_avatar.scss +49 -0
- package/scss/_badge.scss +38 -0
- package/scss/_breadcrumb.scss +33 -0
- package/scss/_button-group.scss +139 -0
- package/scss/_buttons.scss +143 -0
- package/scss/_callout.scss +16 -0
- package/scss/_card.scss +215 -0
- package/scss/_carousel.scss +231 -0
- package/scss/_close.scss +40 -0
- package/scss/_containers.scss +41 -0
- package/scss/_dropdown.scss +227 -0
- package/scss/_footer.scss +25 -0
- package/scss/_forms.scss +9 -0
- package/scss/_functions.scss +356 -0
- package/scss/_grid.scss +56 -0
- package/scss/_header.scss +170 -0
- package/scss/_helpers.scss +7 -0
- package/scss/_icon.scss +32 -0
- package/scss/_images.scss +42 -0
- package/scss/_list-group.scss +169 -0
- package/scss/_mixins.scss +50 -0
- package/scss/_modal.scss +219 -0
- package/scss/_nav.scss +140 -0
- package/scss/_navbar.scss +254 -0
- package/scss/_offcanvas.scss +79 -0
- package/scss/_pagination.scss +64 -0
- package/scss/_popover.scss +158 -0
- package/scss/_progress.scss +91 -0
- package/scss/_reboot.scss +632 -0
- package/scss/_root.scss +25 -0
- package/scss/_sidebar.scss +3 -0
- package/scss/_spinners.scss +69 -0
- package/scss/_subheader.scss +72 -0
- package/scss/_tables.scss +166 -0
- package/scss/_toasts.scss +52 -0
- package/scss/_tooltip.scss +115 -0
- package/scss/_transitions.scss +21 -0
- package/scss/_type.scss +104 -0
- package/scss/_utilities.scss +678 -0
- package/scss/_variables.scss +1801 -0
- package/scss/coreui-grid.rtl.scss +12 -0
- package/scss/coreui-grid.scss +67 -0
- package/scss/coreui-reboot.rtl.scss +12 -0
- package/scss/coreui-reboot.scss +15 -0
- package/scss/coreui-utilities.rtl.scss +12 -0
- package/scss/coreui-utilities.scss +19 -0
- package/scss/coreui.rtl.scss +12 -0
- package/scss/coreui.scss +61 -0
- package/scss/forms/_floating-labels.scss +63 -0
- package/scss/forms/_form-check.scss +188 -0
- package/scss/forms/_form-control.scss +219 -0
- package/scss/forms/_form-range.scss +91 -0
- package/scss/forms/_form-select.scss +70 -0
- package/scss/forms/_form-text.scss +11 -0
- package/scss/forms/_input-group.scss +121 -0
- package/scss/forms/_labels.scss +36 -0
- package/scss/forms/_validation.scss +12 -0
- package/scss/helpers/_clearfix.scss +3 -0
- package/scss/helpers/_colored-links.scss +12 -0
- package/scss/helpers/_position.scss +30 -0
- package/scss/helpers/_ratio.scss +26 -0
- package/scss/helpers/_stretched-link.scss +15 -0
- package/scss/helpers/_text-truncation.scss +7 -0
- package/scss/helpers/_visually-hidden.scss +8 -0
- package/scss/mixins/_alert.scss +15 -0
- package/scss/mixins/_avatar.scss +10 -0
- package/scss/mixins/_border-radius.scss +78 -0
- package/scss/mixins/_box-shadow.scss +18 -0
- package/scss/mixins/_breakpoints.scss +140 -0
- package/scss/mixins/_buttons.scss +101 -0
- package/scss/mixins/_caret.scss +64 -0
- package/scss/mixins/_clearfix.scss +9 -0
- package/scss/mixins/_color-scheme.scss +7 -0
- package/scss/mixins/_container.scss +9 -0
- package/scss/mixins/_css-vars.scss +87 -0
- package/scss/mixins/_deprecate.scss +10 -0
- package/scss/mixins/_forms.scss +144 -0
- package/scss/mixins/_gradients.scss +47 -0
- package/scss/mixins/_grid.scss +132 -0
- package/scss/mixins/_icon.scss +6 -0
- package/scss/mixins/_image.scss +16 -0
- package/scss/mixins/_list-group.scss +18 -0
- package/scss/mixins/_lists.scss +7 -0
- package/scss/mixins/_ltr-rtl.scss +60 -0
- package/scss/mixins/_pagination.scss +31 -0
- package/scss/mixins/_reset-text.scss +17 -0
- package/scss/mixins/_resize.scss +6 -0
- package/scss/mixins/_table-variants.scss +16 -0
- package/scss/mixins/_text-truncate.scss +8 -0
- package/scss/mixins/_transition.scss +26 -0
- package/scss/mixins/_utilities.scss +104 -0
- package/scss/mixins/_visually-hidden.scss +29 -0
- package/scss/sidebar/_sidebar-narrow.scss +106 -0
- package/scss/sidebar/_sidebar-nav.scss +165 -0
- package/scss/sidebar/_sidebar.scss +261 -0
- package/scss/utilities/_api.scss +47 -0
- package/scss/vendor/_rfs.scss +354 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"manipulator.js","sources":["../../src/dom/manipulator.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * CoreUI (v4.0.2): dom/manipulator.js\n * Licensed under MIT (https://coreui.io/license)\n *\n * This component is a modified version of the Bootstrap's dom/manipulator.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nfunction normalizeData(val) {\n if (val === 'true') {\n return true\n }\n\n if (val === 'false') {\n return false\n }\n\n if (val === Number(val).toString()) {\n return Number(val)\n }\n\n if (val === '' || val === 'null') {\n return null\n }\n\n return val\n}\n\nfunction normalizeDataKey(key) {\n return key.replace(/[A-Z]/g, chr => `-${chr.toLowerCase()}`)\n}\n\nconst Manipulator = {\n setDataAttribute(element, key, value) {\n element.setAttribute(`data-coreui-${normalizeDataKey(key)}`, value)\n },\n\n removeDataAttribute(element, key) {\n element.removeAttribute(`data-coreui-${normalizeDataKey(key)}`)\n },\n\n getDataAttributes(element) {\n if (!element) {\n return {}\n }\n\n const attributes = {}\n\n Object.keys(element.dataset)\n .filter(key => key.startsWith('coreui'))\n .forEach(key => {\n let pureKey = key.replace(/^coreui/, '')\n pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length)\n attributes[pureKey] = normalizeData(element.dataset[key])\n })\n\n return attributes\n },\n\n getDataAttribute(element, key) {\n return normalizeData(element.getAttribute(`data-coreui-${normalizeDataKey(key)}`))\n },\n\n offset(element) {\n const rect = element.getBoundingClientRect()\n\n return {\n top: rect.top + document.body.scrollTop,\n left: rect.left + document.body.scrollLeft\n }\n },\n\n position(element) {\n return {\n top: element.offsetTop,\n left: element.offsetLeft\n }\n }\n}\n\nexport default Manipulator\n"],"names":["normalizeData","val","Number","toString","normalizeDataKey","key","replace","chr","toLowerCase","Manipulator","setDataAttribute","element","value","setAttribute","removeDataAttribute","removeAttribute","getDataAttributes","attributes","Object","keys","dataset","filter","startsWith","forEach","pureKey","charAt","slice","length","getDataAttribute","getAttribute","offset","rect","getBoundingClientRect","top","document","body","scrollTop","left","scrollLeft","position","offsetTop","offsetLeft"],"mappings":";;;;;;;;;;;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,SAASA,aAAT,CAAuBC,GAAvB,EAA4B;EAC1B,MAAIA,GAAG,KAAK,MAAZ,EAAoB;EAClB,WAAO,IAAP;EACD;;EAED,MAAIA,GAAG,KAAK,OAAZ,EAAqB;EACnB,WAAO,KAAP;EACD;;EAED,MAAIA,GAAG,KAAKC,MAAM,CAACD,GAAD,CAAN,CAAYE,QAAZ,EAAZ,EAAoC;EAClC,WAAOD,MAAM,CAACD,GAAD,CAAb;EACD;;EAED,MAAIA,GAAG,KAAK,EAAR,IAAcA,GAAG,KAAK,MAA1B,EAAkC;EAChC,WAAO,IAAP;EACD;;EAED,SAAOA,GAAP;EACD;;EAED,SAASG,gBAAT,CAA0BC,GAA1B,EAA+B;EAC7B,SAAOA,GAAG,CAACC,OAAJ,CAAY,QAAZ,EAAsBC,GAAG,IAAK,IAAGA,GAAG,CAACC,WAAJ,EAAkB,EAAnD,CAAP;EACD;;QAEKC,WAAW,GAAG;EAClBC,EAAAA,gBAAgB,CAACC,OAAD,EAAUN,GAAV,EAAeO,KAAf,EAAsB;EACpCD,IAAAA,OAAO,CAACE,YAAR,CAAsB,eAAcT,gBAAgB,CAACC,GAAD,CAAM,EAA1D,EAA6DO,KAA7D;EACD,GAHiB;;EAKlBE,EAAAA,mBAAmB,CAACH,OAAD,EAAUN,GAAV,EAAe;EAChCM,IAAAA,OAAO,CAACI,eAAR,CAAyB,eAAcX,gBAAgB,CAACC,GAAD,CAAM,EAA7D;EACD,GAPiB;;EASlBW,EAAAA,iBAAiB,CAACL,OAAD,EAAU;EACzB,QAAI,CAACA,OAAL,EAAc;EACZ,aAAO,EAAP;EACD;;EAED,UAAMM,UAAU,GAAG,EAAnB;EAEAC,IAAAA,MAAM,CAACC,IAAP,CAAYR,OAAO,CAACS,OAApB,EACGC,MADH,CACUhB,GAAG,IAAIA,GAAG,CAACiB,UAAJ,CAAe,QAAf,CADjB,EAEGC,OAFH,CAEWlB,GAAG,IAAI;EACd,UAAImB,OAAO,GAAGnB,GAAG,CAACC,OAAJ,CAAY,SAAZ,EAAuB,EAAvB,CAAd;EACAkB,MAAAA,OAAO,GAAGA,OAAO,CAACC,MAAR,CAAe,CAAf,EAAkBjB,WAAlB,KAAkCgB,OAAO,CAACE,KAAR,CAAc,CAAd,EAAiBF,OAAO,CAACG,MAAzB,CAA5C;EACAV,MAAAA,UAAU,CAACO,OAAD,CAAV,GAAsBxB,aAAa,CAACW,OAAO,CAACS,OAAR,CAAgBf,GAAhB,CAAD,CAAnC;EACD,KANH;EAQA,WAAOY,UAAP;EACD,GAzBiB;;EA2BlBW,EAAAA,gBAAgB,CAACjB,OAAD,EAAUN,GAAV,EAAe;EAC7B,WAAOL,aAAa,CAACW,OAAO,CAACkB,YAAR,CAAsB,eAAczB,gBAAgB,CAACC,GAAD,CAAM,EAA1D,CAAD,CAApB;EACD,GA7BiB;;EA+BlByB,EAAAA,MAAM,CAACnB,OAAD,EAAU;EACd,UAAMoB,IAAI,GAAGpB,OAAO,CAACqB,qBAAR,EAAb;EAEA,WAAO;EACLC,MAAAA,GAAG,EAAEF,IAAI,CAACE,GAAL,GAAWC,QAAQ,CAACC,IAAT,CAAcC,SADzB;EAELC,MAAAA,IAAI,EAAEN,IAAI,CAACM,IAAL,GAAYH,QAAQ,CAACC,IAAT,CAAcG;EAF3B,KAAP;EAID,GAtCiB;;EAwClBC,EAAAA,QAAQ,CAAC5B,OAAD,EAAU;EAChB,WAAO;EACLsB,MAAAA,GAAG,EAAEtB,OAAO,CAAC6B,SADR;EAELH,MAAAA,IAAI,EAAE1B,OAAO,CAAC8B;EAFT,KAAP;EAID;;EA7CiB;;;;;;;;"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* CoreUI selector-engine.js v4.0.2 (https://coreui.io)
|
|
3
|
+
* Copyright 2021 The CoreUI Team (https://github.com/orgs/coreui/people)
|
|
4
|
+
* Licensed under MIT (https://coreui.io)
|
|
5
|
+
*/
|
|
6
|
+
(function (global, factory) {
|
|
7
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
8
|
+
typeof define === 'function' && define.amd ? define(factory) :
|
|
9
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.SelectorEngine = factory());
|
|
10
|
+
}(this, (function () { 'use strict';
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* --------------------------------------------------------------------------
|
|
14
|
+
* CoreUI (v4.0.2): dom/selector-engine.js
|
|
15
|
+
* Licensed under MIT (https://coreui.io/license)
|
|
16
|
+
*
|
|
17
|
+
* This component is a modified version of the Bootstrap's dom/selector-engine.js
|
|
18
|
+
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
19
|
+
* --------------------------------------------------------------------------
|
|
20
|
+
*/
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* ------------------------------------------------------------------------
|
|
24
|
+
* Constants
|
|
25
|
+
* ------------------------------------------------------------------------
|
|
26
|
+
*/
|
|
27
|
+
const NODE_TEXT = 3;
|
|
28
|
+
const SelectorEngine = {
|
|
29
|
+
find(selector, element = document.documentElement) {
|
|
30
|
+
return [].concat(...Element.prototype.querySelectorAll.call(element, selector));
|
|
31
|
+
},
|
|
32
|
+
|
|
33
|
+
findOne(selector, element = document.documentElement) {
|
|
34
|
+
return Element.prototype.querySelector.call(element, selector);
|
|
35
|
+
},
|
|
36
|
+
|
|
37
|
+
children(element, selector) {
|
|
38
|
+
return [].concat(...element.children).filter(child => child.matches(selector));
|
|
39
|
+
},
|
|
40
|
+
|
|
41
|
+
parents(element, selector) {
|
|
42
|
+
const parents = [];
|
|
43
|
+
let ancestor = element.parentNode;
|
|
44
|
+
|
|
45
|
+
while (ancestor && ancestor.nodeType === Node.ELEMENT_NODE && ancestor.nodeType !== NODE_TEXT) {
|
|
46
|
+
if (ancestor.matches(selector)) {
|
|
47
|
+
parents.push(ancestor);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
ancestor = ancestor.parentNode;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
return parents;
|
|
54
|
+
},
|
|
55
|
+
|
|
56
|
+
prev(element, selector) {
|
|
57
|
+
let previous = element.previousElementSibling;
|
|
58
|
+
|
|
59
|
+
while (previous) {
|
|
60
|
+
if (previous.matches(selector)) {
|
|
61
|
+
return [previous];
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
previous = previous.previousElementSibling;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
return [];
|
|
68
|
+
},
|
|
69
|
+
|
|
70
|
+
next(element, selector) {
|
|
71
|
+
let next = element.nextElementSibling;
|
|
72
|
+
|
|
73
|
+
while (next) {
|
|
74
|
+
if (next.matches(selector)) {
|
|
75
|
+
return [next];
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
next = next.nextElementSibling;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
return [];
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
return SelectorEngine;
|
|
87
|
+
|
|
88
|
+
})));
|
|
89
|
+
//# sourceMappingURL=selector-engine.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selector-engine.js","sources":["../../src/dom/selector-engine.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * CoreUI (v4.0.2): dom/selector-engine.js\n * Licensed under MIT (https://coreui.io/license)\n *\n * This component is a modified version of the Bootstrap's dom/selector-engine.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NODE_TEXT = 3\n\nconst SelectorEngine = {\n find(selector, element = document.documentElement) {\n return [].concat(...Element.prototype.querySelectorAll.call(element, selector))\n },\n\n findOne(selector, element = document.documentElement) {\n return Element.prototype.querySelector.call(element, selector)\n },\n\n children(element, selector) {\n return [].concat(...element.children)\n .filter(child => child.matches(selector))\n },\n\n parents(element, selector) {\n const parents = []\n\n let ancestor = element.parentNode\n\n while (ancestor && ancestor.nodeType === Node.ELEMENT_NODE && ancestor.nodeType !== NODE_TEXT) {\n if (ancestor.matches(selector)) {\n parents.push(ancestor)\n }\n\n ancestor = ancestor.parentNode\n }\n\n return parents\n },\n\n prev(element, selector) {\n let previous = element.previousElementSibling\n\n while (previous) {\n if (previous.matches(selector)) {\n return [previous]\n }\n\n previous = previous.previousElementSibling\n }\n\n return []\n },\n\n next(element, selector) {\n let next = element.nextElementSibling\n\n while (next) {\n if (next.matches(selector)) {\n return [next]\n }\n\n next = next.nextElementSibling\n }\n\n return []\n }\n}\n\nexport default SelectorEngine\n"],"names":["NODE_TEXT","SelectorEngine","find","selector","element","document","documentElement","concat","Element","prototype","querySelectorAll","call","findOne","querySelector","children","filter","child","matches","parents","ancestor","parentNode","nodeType","Node","ELEMENT_NODE","push","prev","previous","previousElementSibling","next","nextElementSibling"],"mappings":";;;;;;;;;;;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA;EACA;EACA;EACA;EACA;EAEA,MAAMA,SAAS,GAAG,CAAlB;QAEMC,cAAc,GAAG;EACrBC,EAAAA,IAAI,CAACC,QAAD,EAAWC,OAAO,GAAGC,QAAQ,CAACC,eAA9B,EAA+C;EACjD,WAAO,GAAGC,MAAH,CAAU,GAAGC,OAAO,CAACC,SAAR,CAAkBC,gBAAlB,CAAmCC,IAAnC,CAAwCP,OAAxC,EAAiDD,QAAjD,CAAb,CAAP;EACD,GAHoB;;EAKrBS,EAAAA,OAAO,CAACT,QAAD,EAAWC,OAAO,GAAGC,QAAQ,CAACC,eAA9B,EAA+C;EACpD,WAAOE,OAAO,CAACC,SAAR,CAAkBI,aAAlB,CAAgCF,IAAhC,CAAqCP,OAArC,EAA8CD,QAA9C,CAAP;EACD,GAPoB;;EASrBW,EAAAA,QAAQ,CAACV,OAAD,EAAUD,QAAV,EAAoB;EAC1B,WAAO,GAAGI,MAAH,CAAU,GAAGH,OAAO,CAACU,QAArB,EACJC,MADI,CACGC,KAAK,IAAIA,KAAK,CAACC,OAAN,CAAcd,QAAd,CADZ,CAAP;EAED,GAZoB;;EAcrBe,EAAAA,OAAO,CAACd,OAAD,EAAUD,QAAV,EAAoB;EACzB,UAAMe,OAAO,GAAG,EAAhB;EAEA,QAAIC,QAAQ,GAAGf,OAAO,CAACgB,UAAvB;;EAEA,WAAOD,QAAQ,IAAIA,QAAQ,CAACE,QAAT,KAAsBC,IAAI,CAACC,YAAvC,IAAuDJ,QAAQ,CAACE,QAAT,KAAsBrB,SAApF,EAA+F;EAC7F,UAAImB,QAAQ,CAACF,OAAT,CAAiBd,QAAjB,CAAJ,EAAgC;EAC9Be,QAAAA,OAAO,CAACM,IAAR,CAAaL,QAAb;EACD;;EAEDA,MAAAA,QAAQ,GAAGA,QAAQ,CAACC,UAApB;EACD;;EAED,WAAOF,OAAP;EACD,GA5BoB;;EA8BrBO,EAAAA,IAAI,CAACrB,OAAD,EAAUD,QAAV,EAAoB;EACtB,QAAIuB,QAAQ,GAAGtB,OAAO,CAACuB,sBAAvB;;EAEA,WAAOD,QAAP,EAAiB;EACf,UAAIA,QAAQ,CAACT,OAAT,CAAiBd,QAAjB,CAAJ,EAAgC;EAC9B,eAAO,CAACuB,QAAD,CAAP;EACD;;EAEDA,MAAAA,QAAQ,GAAGA,QAAQ,CAACC,sBAApB;EACD;;EAED,WAAO,EAAP;EACD,GA1CoB;;EA4CrBC,EAAAA,IAAI,CAACxB,OAAD,EAAUD,QAAV,EAAoB;EACtB,QAAIyB,IAAI,GAAGxB,OAAO,CAACyB,kBAAnB;;EAEA,WAAOD,IAAP,EAAa;EACX,UAAIA,IAAI,CAACX,OAAL,CAAad,QAAb,CAAJ,EAA4B;EAC1B,eAAO,CAACyB,IAAD,CAAP;EACD;;EAEDA,MAAAA,IAAI,GAAGA,IAAI,CAACC,kBAAZ;EACD;;EAED,WAAO,EAAP;EACD;;EAxDoB;;;;;;;;"}
|
|
@@ -0,0 +1,700 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* CoreUI dropdown.js v4.0.2 (https://coreui.io)
|
|
3
|
+
* Copyright 2021 The CoreUI Team (https://github.com/orgs/coreui/people)
|
|
4
|
+
* Licensed under MIT (https://coreui.io)
|
|
5
|
+
*/
|
|
6
|
+
(function (global, factory) {
|
|
7
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@popperjs/core'), require('./dom/selector-engine.js'), require('./dom/event-handler.js'), require('./dom/manipulator.js'), require('./base-component.js')) :
|
|
8
|
+
typeof define === 'function' && define.amd ? define(['@popperjs/core', './dom/selector-engine', './dom/event-handler', './dom/manipulator', './base-component'], factory) :
|
|
9
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Dropdown = factory(global.Popper, global.SelectorEngine, global.EventHandler, global.Manipulator, global.Base));
|
|
10
|
+
}(this, (function (Popper, SelectorEngine, EventHandler, Manipulator, BaseComponent) { 'use strict';
|
|
11
|
+
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
+
|
|
14
|
+
function _interopNamespace(e) {
|
|
15
|
+
if (e && e.__esModule) return e;
|
|
16
|
+
var n = Object.create(null);
|
|
17
|
+
if (e) {
|
|
18
|
+
Object.keys(e).forEach(function (k) {
|
|
19
|
+
if (k !== 'default') {
|
|
20
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
21
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return e[k];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
n['default'] = e;
|
|
31
|
+
return Object.freeze(n);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
var Popper__namespace = /*#__PURE__*/_interopNamespace(Popper);
|
|
35
|
+
var SelectorEngine__default = /*#__PURE__*/_interopDefaultLegacy(SelectorEngine);
|
|
36
|
+
var EventHandler__default = /*#__PURE__*/_interopDefaultLegacy(EventHandler);
|
|
37
|
+
var Manipulator__default = /*#__PURE__*/_interopDefaultLegacy(Manipulator);
|
|
38
|
+
var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
|
|
39
|
+
|
|
40
|
+
const toType = obj => {
|
|
41
|
+
if (obj === null || obj === undefined) {
|
|
42
|
+
return `${obj}`;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase();
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
const getSelector = element => {
|
|
49
|
+
let selector = element.getAttribute('data-coreui-target');
|
|
50
|
+
|
|
51
|
+
if (!selector || selector === '#') {
|
|
52
|
+
let hrefAttr = element.getAttribute('href'); // The only valid content that could double as a selector are IDs or classes,
|
|
53
|
+
// so everything starting with `#` or `.`. If a "real" URL is used as the selector,
|
|
54
|
+
// `document.querySelector` will rightfully complain it is invalid.
|
|
55
|
+
// See https://github.com/twbs/bootstrap/issues/32273
|
|
56
|
+
|
|
57
|
+
if (!hrefAttr || !hrefAttr.includes('#') && !hrefAttr.startsWith('.')) {
|
|
58
|
+
return null;
|
|
59
|
+
} // Just in case some CMS puts out a full URL with the anchor appended
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
if (hrefAttr.includes('#') && !hrefAttr.startsWith('#')) {
|
|
63
|
+
hrefAttr = `#${hrefAttr.split('#')[1]}`;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
selector = hrefAttr && hrefAttr !== '#' ? hrefAttr.trim() : null;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
return selector;
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
const getElementFromSelector = element => {
|
|
73
|
+
const selector = getSelector(element);
|
|
74
|
+
return selector ? document.querySelector(selector) : null;
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
const isElement = obj => {
|
|
78
|
+
if (!obj || typeof obj !== 'object') {
|
|
79
|
+
return false;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
if (typeof obj.jquery !== 'undefined') {
|
|
83
|
+
obj = obj[0];
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
return typeof obj.nodeType !== 'undefined';
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
const getElement = obj => {
|
|
90
|
+
if (isElement(obj)) {
|
|
91
|
+
// it's a jQuery object or a node element
|
|
92
|
+
return obj.jquery ? obj[0] : obj;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
if (typeof obj === 'string' && obj.length > 0) {
|
|
96
|
+
return SelectorEngine__default['default'].findOne(obj);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
return null;
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
const typeCheckConfig = (componentName, config, configTypes) => {
|
|
103
|
+
Object.keys(configTypes).forEach(property => {
|
|
104
|
+
const expectedTypes = configTypes[property];
|
|
105
|
+
const value = config[property];
|
|
106
|
+
const valueType = value && isElement(value) ? 'element' : toType(value);
|
|
107
|
+
|
|
108
|
+
if (!new RegExp(expectedTypes).test(valueType)) {
|
|
109
|
+
throw new TypeError(`${componentName.toUpperCase()}: Option "${property}" provided type "${valueType}" but expected type "${expectedTypes}".`);
|
|
110
|
+
}
|
|
111
|
+
});
|
|
112
|
+
};
|
|
113
|
+
|
|
114
|
+
const isVisible = element => {
|
|
115
|
+
if (!isElement(element) || element.getClientRects().length === 0) {
|
|
116
|
+
return false;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
return getComputedStyle(element).getPropertyValue('visibility') === 'visible';
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
const isDisabled = element => {
|
|
123
|
+
if (!element || element.nodeType !== Node.ELEMENT_NODE) {
|
|
124
|
+
return true;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
if (element.classList.contains('disabled')) {
|
|
128
|
+
return true;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
if (typeof element.disabled !== 'undefined') {
|
|
132
|
+
return element.disabled;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
return element.hasAttribute('disabled') && element.getAttribute('disabled') !== 'false';
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
const noop = () => {};
|
|
139
|
+
|
|
140
|
+
const getjQuery = () => {
|
|
141
|
+
const {
|
|
142
|
+
jQuery
|
|
143
|
+
} = window;
|
|
144
|
+
|
|
145
|
+
if (jQuery && !document.body.hasAttribute('data-coreui-no-jquery')) {
|
|
146
|
+
return jQuery;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
return null;
|
|
150
|
+
};
|
|
151
|
+
|
|
152
|
+
const DOMContentLoadedCallbacks = [];
|
|
153
|
+
|
|
154
|
+
const onDOMContentLoaded = callback => {
|
|
155
|
+
if (document.readyState === 'loading') {
|
|
156
|
+
// add listener on the first call when the document is in loading state
|
|
157
|
+
if (!DOMContentLoadedCallbacks.length) {
|
|
158
|
+
document.addEventListener('DOMContentLoaded', () => {
|
|
159
|
+
DOMContentLoadedCallbacks.forEach(callback => callback());
|
|
160
|
+
});
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
DOMContentLoadedCallbacks.push(callback);
|
|
164
|
+
} else {
|
|
165
|
+
callback();
|
|
166
|
+
}
|
|
167
|
+
};
|
|
168
|
+
|
|
169
|
+
const isRTL = () => document.documentElement.dir === 'rtl';
|
|
170
|
+
|
|
171
|
+
const defineJQueryPlugin = plugin => {
|
|
172
|
+
onDOMContentLoaded(() => {
|
|
173
|
+
const $ = getjQuery();
|
|
174
|
+
/* istanbul ignore if */
|
|
175
|
+
|
|
176
|
+
if ($) {
|
|
177
|
+
const name = plugin.NAME;
|
|
178
|
+
const JQUERY_NO_CONFLICT = $.fn[name];
|
|
179
|
+
$.fn[name] = plugin.jQueryInterface;
|
|
180
|
+
$.fn[name].Constructor = plugin;
|
|
181
|
+
|
|
182
|
+
$.fn[name].noConflict = () => {
|
|
183
|
+
$.fn[name] = JQUERY_NO_CONFLICT;
|
|
184
|
+
return plugin.jQueryInterface;
|
|
185
|
+
};
|
|
186
|
+
}
|
|
187
|
+
});
|
|
188
|
+
};
|
|
189
|
+
/**
|
|
190
|
+
* Return the previous/next element of a list.
|
|
191
|
+
*
|
|
192
|
+
* @param {array} list The list of elements
|
|
193
|
+
* @param activeElement The active element
|
|
194
|
+
* @param shouldGetNext Choose to get next or previous element
|
|
195
|
+
* @param isCycleAllowed
|
|
196
|
+
* @return {Element|elem} The proper element
|
|
197
|
+
*/
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
const getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => {
|
|
201
|
+
let index = list.indexOf(activeElement); // if the element does not exist in the list return an element depending on the direction and if cycle is allowed
|
|
202
|
+
|
|
203
|
+
if (index === -1) {
|
|
204
|
+
return list[!shouldGetNext && isCycleAllowed ? list.length - 1 : 0];
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
const listLength = list.length;
|
|
208
|
+
index += shouldGetNext ? 1 : -1;
|
|
209
|
+
|
|
210
|
+
if (isCycleAllowed) {
|
|
211
|
+
index = (index + listLength) % listLength;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
return list[Math.max(0, Math.min(index, listLength - 1))];
|
|
215
|
+
};
|
|
216
|
+
|
|
217
|
+
/**
|
|
218
|
+
* --------------------------------------------------------------------------
|
|
219
|
+
* CoreUI (v4.0.2): dropdown.js
|
|
220
|
+
* Licensed under MIT (https://coreui.io/license)
|
|
221
|
+
*
|
|
222
|
+
* This component is a modified version of the Bootstrap's dropdown.js
|
|
223
|
+
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
224
|
+
* --------------------------------------------------------------------------
|
|
225
|
+
*/
|
|
226
|
+
/**
|
|
227
|
+
* ------------------------------------------------------------------------
|
|
228
|
+
* Constants
|
|
229
|
+
* ------------------------------------------------------------------------
|
|
230
|
+
*/
|
|
231
|
+
|
|
232
|
+
const NAME = 'dropdown';
|
|
233
|
+
const DATA_KEY = 'coreui.dropdown';
|
|
234
|
+
const EVENT_KEY = `.${DATA_KEY}`;
|
|
235
|
+
const DATA_API_KEY = '.data-api';
|
|
236
|
+
const ESCAPE_KEY = 'Escape';
|
|
237
|
+
const SPACE_KEY = 'Space';
|
|
238
|
+
const TAB_KEY = 'Tab';
|
|
239
|
+
const ARROW_UP_KEY = 'ArrowUp';
|
|
240
|
+
const ARROW_DOWN_KEY = 'ArrowDown';
|
|
241
|
+
const RIGHT_MOUSE_BUTTON = 2; // MouseEvent.button value for the secondary button, usually the right button
|
|
242
|
+
|
|
243
|
+
const REGEXP_KEYDOWN = new RegExp(`${ARROW_UP_KEY}|${ARROW_DOWN_KEY}|${ESCAPE_KEY}`);
|
|
244
|
+
const EVENT_HIDE = `hide${EVENT_KEY}`;
|
|
245
|
+
const EVENT_HIDDEN = `hidden${EVENT_KEY}`;
|
|
246
|
+
const EVENT_SHOW = `show${EVENT_KEY}`;
|
|
247
|
+
const EVENT_SHOWN = `shown${EVENT_KEY}`;
|
|
248
|
+
const EVENT_CLICK = `click${EVENT_KEY}`;
|
|
249
|
+
const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;
|
|
250
|
+
const EVENT_KEYDOWN_DATA_API = `keydown${EVENT_KEY}${DATA_API_KEY}`;
|
|
251
|
+
const EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY}${DATA_API_KEY}`;
|
|
252
|
+
const CLASS_NAME_SHOW = 'show';
|
|
253
|
+
const CLASS_NAME_DROPUP = 'dropup';
|
|
254
|
+
const CLASS_NAME_DROPEND = 'dropend';
|
|
255
|
+
const CLASS_NAME_DROPSTART = 'dropstart';
|
|
256
|
+
const CLASS_NAME_NAVBAR = 'navbar';
|
|
257
|
+
const SELECTOR_DATA_TOGGLE = '[data-coreui-toggle="dropdown"]';
|
|
258
|
+
const SELECTOR_MENU = '.dropdown-menu';
|
|
259
|
+
const SELECTOR_NAVBAR_NAV = '.navbar-nav';
|
|
260
|
+
const SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)';
|
|
261
|
+
const PLACEMENT_TOP = isRTL() ? 'top-end' : 'top-start';
|
|
262
|
+
const PLACEMENT_TOPEND = isRTL() ? 'top-start' : 'top-end';
|
|
263
|
+
const PLACEMENT_BOTTOM = isRTL() ? 'bottom-end' : 'bottom-start';
|
|
264
|
+
const PLACEMENT_BOTTOMEND = isRTL() ? 'bottom-start' : 'bottom-end';
|
|
265
|
+
const PLACEMENT_RIGHT = isRTL() ? 'left-start' : 'right-start';
|
|
266
|
+
const PLACEMENT_LEFT = isRTL() ? 'right-start' : 'left-start';
|
|
267
|
+
const Default = {
|
|
268
|
+
offset: [0, 2],
|
|
269
|
+
boundary: 'clippingParents',
|
|
270
|
+
reference: 'toggle',
|
|
271
|
+
display: 'dynamic',
|
|
272
|
+
popperConfig: null,
|
|
273
|
+
autoClose: true
|
|
274
|
+
};
|
|
275
|
+
const DefaultType = {
|
|
276
|
+
offset: '(array|string|function)',
|
|
277
|
+
boundary: '(string|element)',
|
|
278
|
+
reference: '(string|element|object)',
|
|
279
|
+
display: 'string',
|
|
280
|
+
popperConfig: '(null|object|function)',
|
|
281
|
+
autoClose: '(boolean|string)'
|
|
282
|
+
};
|
|
283
|
+
/**
|
|
284
|
+
* ------------------------------------------------------------------------
|
|
285
|
+
* Class Definition
|
|
286
|
+
* ------------------------------------------------------------------------
|
|
287
|
+
*/
|
|
288
|
+
|
|
289
|
+
class Dropdown extends BaseComponent__default['default'] {
|
|
290
|
+
constructor(element, config) {
|
|
291
|
+
super(element);
|
|
292
|
+
this._popper = null;
|
|
293
|
+
this._config = this._getConfig(config);
|
|
294
|
+
this._menu = this._getMenuElement();
|
|
295
|
+
this._inNavbar = this._detectNavbar();
|
|
296
|
+
|
|
297
|
+
this._addEventListeners();
|
|
298
|
+
} // Getters
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
static get Default() {
|
|
302
|
+
return Default;
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
static get DefaultType() {
|
|
306
|
+
return DefaultType;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
static get NAME() {
|
|
310
|
+
return NAME;
|
|
311
|
+
} // Public
|
|
312
|
+
|
|
313
|
+
|
|
314
|
+
toggle() {
|
|
315
|
+
if (isDisabled(this._element)) {
|
|
316
|
+
return;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
const isActive = this._element.classList.contains(CLASS_NAME_SHOW);
|
|
320
|
+
|
|
321
|
+
if (isActive) {
|
|
322
|
+
this.hide();
|
|
323
|
+
return;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
this.show();
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
show() {
|
|
330
|
+
if (isDisabled(this._element) || this._menu.classList.contains(CLASS_NAME_SHOW)) {
|
|
331
|
+
return;
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
const parent = Dropdown.getParentFromElement(this._element);
|
|
335
|
+
const relatedTarget = {
|
|
336
|
+
relatedTarget: this._element
|
|
337
|
+
};
|
|
338
|
+
const showEvent = EventHandler__default['default'].trigger(this._element, EVENT_SHOW, relatedTarget);
|
|
339
|
+
|
|
340
|
+
if (showEvent.defaultPrevented) {
|
|
341
|
+
return;
|
|
342
|
+
} // Totally disable Popper for Dropdowns in Navbar
|
|
343
|
+
|
|
344
|
+
|
|
345
|
+
if (this._inNavbar) {
|
|
346
|
+
Manipulator__default['default'].setDataAttribute(this._menu, 'popper', 'none');
|
|
347
|
+
} else {
|
|
348
|
+
if (typeof Popper__namespace === 'undefined') {
|
|
349
|
+
throw new TypeError('Bootstrap\'s dropdowns require Popper (https://popper.js.org)');
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
let referenceElement = this._element;
|
|
353
|
+
|
|
354
|
+
if (this._config.reference === 'parent') {
|
|
355
|
+
referenceElement = parent;
|
|
356
|
+
} else if (isElement(this._config.reference)) {
|
|
357
|
+
referenceElement = getElement(this._config.reference);
|
|
358
|
+
} else if (typeof this._config.reference === 'object') {
|
|
359
|
+
referenceElement = this._config.reference;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
const popperConfig = this._getPopperConfig();
|
|
363
|
+
|
|
364
|
+
const isDisplayStatic = popperConfig.modifiers.find(modifier => modifier.name === 'applyStyles' && modifier.enabled === false);
|
|
365
|
+
this._popper = Popper__namespace.createPopper(referenceElement, this._menu, popperConfig);
|
|
366
|
+
|
|
367
|
+
if (isDisplayStatic) {
|
|
368
|
+
Manipulator__default['default'].setDataAttribute(this._menu, 'popper', 'static');
|
|
369
|
+
}
|
|
370
|
+
} // If this is a touch-enabled device we add extra
|
|
371
|
+
// empty mouseover listeners to the body's immediate children;
|
|
372
|
+
// only needed because of broken event delegation on iOS
|
|
373
|
+
// https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
|
|
374
|
+
|
|
375
|
+
|
|
376
|
+
if ('ontouchstart' in document.documentElement && !parent.closest(SELECTOR_NAVBAR_NAV)) {
|
|
377
|
+
[].concat(...document.body.children).forEach(elem => EventHandler__default['default'].on(elem, 'mouseover', noop));
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
this._element.focus();
|
|
381
|
+
|
|
382
|
+
this._element.setAttribute('aria-expanded', true);
|
|
383
|
+
|
|
384
|
+
this._menu.classList.toggle(CLASS_NAME_SHOW);
|
|
385
|
+
|
|
386
|
+
this._element.classList.toggle(CLASS_NAME_SHOW);
|
|
387
|
+
|
|
388
|
+
EventHandler__default['default'].trigger(this._element, EVENT_SHOWN, relatedTarget);
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
hide() {
|
|
392
|
+
if (isDisabled(this._element) || !this._menu.classList.contains(CLASS_NAME_SHOW)) {
|
|
393
|
+
return;
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
const relatedTarget = {
|
|
397
|
+
relatedTarget: this._element
|
|
398
|
+
};
|
|
399
|
+
|
|
400
|
+
this._completeHide(relatedTarget);
|
|
401
|
+
}
|
|
402
|
+
|
|
403
|
+
dispose() {
|
|
404
|
+
if (this._popper) {
|
|
405
|
+
this._popper.destroy();
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
super.dispose();
|
|
409
|
+
}
|
|
410
|
+
|
|
411
|
+
update() {
|
|
412
|
+
this._inNavbar = this._detectNavbar();
|
|
413
|
+
|
|
414
|
+
if (this._popper) {
|
|
415
|
+
this._popper.update();
|
|
416
|
+
}
|
|
417
|
+
} // Private
|
|
418
|
+
|
|
419
|
+
|
|
420
|
+
_addEventListeners() {
|
|
421
|
+
EventHandler__default['default'].on(this._element, EVENT_CLICK, event => {
|
|
422
|
+
event.preventDefault();
|
|
423
|
+
this.toggle();
|
|
424
|
+
});
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
_completeHide(relatedTarget) {
|
|
428
|
+
const hideEvent = EventHandler__default['default'].trigger(this._element, EVENT_HIDE, relatedTarget);
|
|
429
|
+
|
|
430
|
+
if (hideEvent.defaultPrevented) {
|
|
431
|
+
return;
|
|
432
|
+
} // If this is a touch-enabled device we remove the extra
|
|
433
|
+
// empty mouseover listeners we added for iOS support
|
|
434
|
+
|
|
435
|
+
|
|
436
|
+
if ('ontouchstart' in document.documentElement) {
|
|
437
|
+
[].concat(...document.body.children).forEach(elem => EventHandler__default['default'].off(elem, 'mouseover', noop));
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
if (this._popper) {
|
|
441
|
+
this._popper.destroy();
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
this._menu.classList.remove(CLASS_NAME_SHOW);
|
|
445
|
+
|
|
446
|
+
this._element.classList.remove(CLASS_NAME_SHOW);
|
|
447
|
+
|
|
448
|
+
this._element.setAttribute('aria-expanded', 'false');
|
|
449
|
+
|
|
450
|
+
Manipulator__default['default'].removeDataAttribute(this._menu, 'popper');
|
|
451
|
+
EventHandler__default['default'].trigger(this._element, EVENT_HIDDEN, relatedTarget);
|
|
452
|
+
}
|
|
453
|
+
|
|
454
|
+
_getConfig(config) {
|
|
455
|
+
config = { ...this.constructor.Default,
|
|
456
|
+
...Manipulator__default['default'].getDataAttributes(this._element),
|
|
457
|
+
...config
|
|
458
|
+
};
|
|
459
|
+
typeCheckConfig(NAME, config, this.constructor.DefaultType);
|
|
460
|
+
|
|
461
|
+
if (typeof config.reference === 'object' && !isElement(config.reference) && typeof config.reference.getBoundingClientRect !== 'function') {
|
|
462
|
+
// Popper virtual elements require a getBoundingClientRect method
|
|
463
|
+
throw new TypeError(`${NAME.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);
|
|
464
|
+
}
|
|
465
|
+
|
|
466
|
+
return config;
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
_getMenuElement() {
|
|
470
|
+
return SelectorEngine__default['default'].next(this._element, SELECTOR_MENU)[0];
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
_getPlacement() {
|
|
474
|
+
const parentDropdown = this._element.parentNode;
|
|
475
|
+
|
|
476
|
+
if (parentDropdown.classList.contains(CLASS_NAME_DROPEND)) {
|
|
477
|
+
return PLACEMENT_RIGHT;
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
if (parentDropdown.classList.contains(CLASS_NAME_DROPSTART)) {
|
|
481
|
+
return PLACEMENT_LEFT;
|
|
482
|
+
} // We need to trim the value because custom properties can also include spaces
|
|
483
|
+
|
|
484
|
+
|
|
485
|
+
const isEnd = getComputedStyle(this._menu).getPropertyValue('--cui-position').trim() === 'end';
|
|
486
|
+
|
|
487
|
+
if (parentDropdown.classList.contains(CLASS_NAME_DROPUP)) {
|
|
488
|
+
return isEnd ? PLACEMENT_TOPEND : PLACEMENT_TOP;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
return isEnd ? PLACEMENT_BOTTOMEND : PLACEMENT_BOTTOM;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
_detectNavbar() {
|
|
495
|
+
return this._element.closest(`.${CLASS_NAME_NAVBAR}`) !== null;
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
_getOffset() {
|
|
499
|
+
const {
|
|
500
|
+
offset
|
|
501
|
+
} = this._config;
|
|
502
|
+
|
|
503
|
+
if (typeof offset === 'string') {
|
|
504
|
+
return offset.split(',').map(val => Number.parseInt(val, 10));
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
if (typeof offset === 'function') {
|
|
508
|
+
return popperData => offset(popperData, this._element);
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
return offset;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
_getPopperConfig() {
|
|
515
|
+
const defaultBsPopperConfig = {
|
|
516
|
+
placement: this._getPlacement(),
|
|
517
|
+
modifiers: [{
|
|
518
|
+
name: 'preventOverflow',
|
|
519
|
+
options: {
|
|
520
|
+
boundary: this._config.boundary
|
|
521
|
+
}
|
|
522
|
+
}, {
|
|
523
|
+
name: 'offset',
|
|
524
|
+
options: {
|
|
525
|
+
offset: this._getOffset()
|
|
526
|
+
}
|
|
527
|
+
}]
|
|
528
|
+
}; // Disable Popper if we have a static display
|
|
529
|
+
|
|
530
|
+
if (this._config.display === 'static') {
|
|
531
|
+
defaultBsPopperConfig.modifiers = [{
|
|
532
|
+
name: 'applyStyles',
|
|
533
|
+
enabled: false
|
|
534
|
+
}];
|
|
535
|
+
}
|
|
536
|
+
|
|
537
|
+
return { ...defaultBsPopperConfig,
|
|
538
|
+
...(typeof this._config.popperConfig === 'function' ? this._config.popperConfig(defaultBsPopperConfig) : this._config.popperConfig)
|
|
539
|
+
};
|
|
540
|
+
}
|
|
541
|
+
|
|
542
|
+
_selectMenuItem({
|
|
543
|
+
key,
|
|
544
|
+
target
|
|
545
|
+
}) {
|
|
546
|
+
const items = SelectorEngine__default['default'].find(SELECTOR_VISIBLE_ITEMS, this._menu).filter(isVisible);
|
|
547
|
+
|
|
548
|
+
if (!items.length) {
|
|
549
|
+
return;
|
|
550
|
+
} // if target isn't included in items (e.g. when expanding the dropdown)
|
|
551
|
+
// allow cycling to get the last item in case key equals ARROW_UP_KEY
|
|
552
|
+
|
|
553
|
+
|
|
554
|
+
getNextActiveElement(items, target, key === ARROW_DOWN_KEY, !items.includes(target)).focus();
|
|
555
|
+
} // Static
|
|
556
|
+
|
|
557
|
+
|
|
558
|
+
static dropdownInterface(element, config) {
|
|
559
|
+
const data = Dropdown.getOrCreateInstance(element, config);
|
|
560
|
+
|
|
561
|
+
if (typeof config === 'string') {
|
|
562
|
+
if (typeof data[config] === 'undefined') {
|
|
563
|
+
throw new TypeError(`No method named "${config}"`);
|
|
564
|
+
}
|
|
565
|
+
|
|
566
|
+
data[config]();
|
|
567
|
+
}
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
static jQueryInterface(config) {
|
|
571
|
+
return this.each(function () {
|
|
572
|
+
Dropdown.dropdownInterface(this, config);
|
|
573
|
+
});
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
static clearMenus(event) {
|
|
577
|
+
if (event && (event.button === RIGHT_MOUSE_BUTTON || event.type === 'keyup' && event.key !== TAB_KEY)) {
|
|
578
|
+
return;
|
|
579
|
+
}
|
|
580
|
+
|
|
581
|
+
const toggles = SelectorEngine__default['default'].find(SELECTOR_DATA_TOGGLE);
|
|
582
|
+
|
|
583
|
+
for (let i = 0, len = toggles.length; i < len; i++) {
|
|
584
|
+
const context = Dropdown.getInstance(toggles[i]);
|
|
585
|
+
|
|
586
|
+
if (!context || context._config.autoClose === false) {
|
|
587
|
+
continue;
|
|
588
|
+
}
|
|
589
|
+
|
|
590
|
+
if (!context._element.classList.contains(CLASS_NAME_SHOW)) {
|
|
591
|
+
continue;
|
|
592
|
+
}
|
|
593
|
+
|
|
594
|
+
const relatedTarget = {
|
|
595
|
+
relatedTarget: context._element
|
|
596
|
+
};
|
|
597
|
+
|
|
598
|
+
if (event) {
|
|
599
|
+
const composedPath = event.composedPath();
|
|
600
|
+
const isMenuTarget = composedPath.includes(context._menu);
|
|
601
|
+
|
|
602
|
+
if (composedPath.includes(context._element) || context._config.autoClose === 'inside' && !isMenuTarget || context._config.autoClose === 'outside' && isMenuTarget) {
|
|
603
|
+
continue;
|
|
604
|
+
} // Tab navigation through the dropdown menu or events from contained inputs shouldn't close the menu
|
|
605
|
+
|
|
606
|
+
|
|
607
|
+
if (context._menu.contains(event.target) && (event.type === 'keyup' && event.key === TAB_KEY || /input|select|option|textarea|form/i.test(event.target.tagName))) {
|
|
608
|
+
continue;
|
|
609
|
+
}
|
|
610
|
+
|
|
611
|
+
if (event.type === 'click') {
|
|
612
|
+
relatedTarget.clickEvent = event;
|
|
613
|
+
}
|
|
614
|
+
}
|
|
615
|
+
|
|
616
|
+
context._completeHide(relatedTarget);
|
|
617
|
+
}
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
static getParentFromElement(element) {
|
|
621
|
+
return getElementFromSelector(element) || element.parentNode;
|
|
622
|
+
}
|
|
623
|
+
|
|
624
|
+
static dataApiKeydownHandler(event) {
|
|
625
|
+
// If not input/textarea:
|
|
626
|
+
// - And not a key in REGEXP_KEYDOWN => not a dropdown command
|
|
627
|
+
// If input/textarea:
|
|
628
|
+
// - If space key => not a dropdown command
|
|
629
|
+
// - If key is other than escape
|
|
630
|
+
// - If key is not up or down => not a dropdown command
|
|
631
|
+
// - If trigger inside the menu => not a dropdown command
|
|
632
|
+
if (/input|textarea/i.test(event.target.tagName) ? event.key === SPACE_KEY || event.key !== ESCAPE_KEY && (event.key !== ARROW_DOWN_KEY && event.key !== ARROW_UP_KEY || event.target.closest(SELECTOR_MENU)) : !REGEXP_KEYDOWN.test(event.key)) {
|
|
633
|
+
return;
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
const isActive = this.classList.contains(CLASS_NAME_SHOW);
|
|
637
|
+
|
|
638
|
+
if (!isActive && event.key === ESCAPE_KEY) {
|
|
639
|
+
return;
|
|
640
|
+
}
|
|
641
|
+
|
|
642
|
+
event.preventDefault();
|
|
643
|
+
event.stopPropagation();
|
|
644
|
+
|
|
645
|
+
if (isDisabled(this)) {
|
|
646
|
+
return;
|
|
647
|
+
}
|
|
648
|
+
|
|
649
|
+
const getToggleButton = () => this.matches(SELECTOR_DATA_TOGGLE) ? this : SelectorEngine__default['default'].prev(this, SELECTOR_DATA_TOGGLE)[0];
|
|
650
|
+
|
|
651
|
+
if (event.key === ESCAPE_KEY) {
|
|
652
|
+
getToggleButton().focus();
|
|
653
|
+
Dropdown.clearMenus();
|
|
654
|
+
return;
|
|
655
|
+
}
|
|
656
|
+
|
|
657
|
+
if (event.key === ARROW_UP_KEY || event.key === ARROW_DOWN_KEY) {
|
|
658
|
+
if (!isActive) {
|
|
659
|
+
getToggleButton().click();
|
|
660
|
+
}
|
|
661
|
+
|
|
662
|
+
Dropdown.getInstance(getToggleButton())._selectMenuItem(event);
|
|
663
|
+
|
|
664
|
+
return;
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
if (!isActive || event.key === SPACE_KEY) {
|
|
668
|
+
Dropdown.clearMenus();
|
|
669
|
+
}
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
}
|
|
673
|
+
/**
|
|
674
|
+
* ------------------------------------------------------------------------
|
|
675
|
+
* Data Api implementation
|
|
676
|
+
* ------------------------------------------------------------------------
|
|
677
|
+
*/
|
|
678
|
+
|
|
679
|
+
|
|
680
|
+
EventHandler__default['default'].on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_DATA_TOGGLE, Dropdown.dataApiKeydownHandler);
|
|
681
|
+
EventHandler__default['default'].on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_MENU, Dropdown.dataApiKeydownHandler);
|
|
682
|
+
EventHandler__default['default'].on(document, EVENT_CLICK_DATA_API, Dropdown.clearMenus);
|
|
683
|
+
EventHandler__default['default'].on(document, EVENT_KEYUP_DATA_API, Dropdown.clearMenus);
|
|
684
|
+
EventHandler__default['default'].on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
|
|
685
|
+
event.preventDefault();
|
|
686
|
+
Dropdown.dropdownInterface(this);
|
|
687
|
+
});
|
|
688
|
+
/**
|
|
689
|
+
* ------------------------------------------------------------------------
|
|
690
|
+
* jQuery
|
|
691
|
+
* ------------------------------------------------------------------------
|
|
692
|
+
* add .Dropdown to jQuery only if jQuery is present
|
|
693
|
+
*/
|
|
694
|
+
|
|
695
|
+
defineJQueryPlugin(Dropdown);
|
|
696
|
+
|
|
697
|
+
return Dropdown;
|
|
698
|
+
|
|
699
|
+
})));
|
|
700
|
+
//# sourceMappingURL=dropdown.js.map
|