vgapp 0.6.0 → 0.6.1
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/CHANGELOG.md +1 -4
- package/app/modules/base-module.js +32 -1
- package/app/modules/vgdropdown/js/vgdropdown.js +5 -12
- package/app/modules/vgdropdown/scss/vgdropdown.scss +31 -2
- package/app/modules/vgnav/js/vgnav.js +1 -3
- package/app/modules/vgnav/scss/_placement.scss +46 -6
- package/app/utils/js/components/placement.js +40 -15
- package/app/utils/js/dom/manipulator.js +29 -1
- package/build/vgapp.css +2 -1507
- package/build/vgapp.css.map +1 -1
- package/build/vgapp.js +2 -30
- package/package.json +1 -1
- package/app/modules/vgnav/!old/!vgnav.js +0 -510
- package/app/modules/vgnav/!old/scss/_breakpoints.scss +0 -127
- package/app/modules/vgnav/!old/scss/_hamburger.scss +0 -62
- package/app/modules/vgnav/!old/scss/_placement.scss +0 -70
- package/app/modules/vgnav/!old/scss/_toggle.scss +0 -20
- package/app/modules/vgnav/!old/scss/_variables.scss +0 -70
- package/app/modules/vgnav/!old/scss/vgnav.scss +0 -164
package/build/vgapp.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vgapp.css","mappings":"AAIA,aCGG,wIDDF,eACA,MACA,OACA,YACA,aACA,iCACA,yCACA,UACA,mCAEA,kBACC,mCAIF,cACC,kBACA,WACA,SACA,YACA,yBAEA,kBACC,WACA,YAKD,wBACC,aAIF,eACC,SACA,gBACA,8BEtBoB,CF4BrB,4BACC,kBACA,UACA,WAED,WC/CG,6SDiDF,+BACA,qCACA,kBACA,oBACA,qGACA,uGACA,wGACA,+FACA,qCACA,qCAOA,mBACC,iDACA,kCACA,oBACA,+BACA,qBACA,6CAED,iBACC,2BACA,uBACA,qBACA,+CAKD,iBACC,iDACA,kCACA,uCAED,gBACC,2BACA,uBACA,qBACA,+CAED,gBACC,2BACA,uBACA,qBACA,6CAKD,mBACC,iDACA,kCACA,yCAED,kBACC,iDACA,kCACA,+CACA,oBACA,+BAED,kBACC,2BACA,uBACA,kDACA,+BACA,+BAOF,oBACC,GACC,uBAED,KACC,0BAKF,8BACC,GACC,oCAIF,4BACC,GACC,uBAED,IACC,uBAED,IACC,sBAED,KACC,wBAKF,0BACC,GACC,qBAIF,4BACC,GACC,mCACA,oBAED,IACC,6BACA,yBAED,IACC,mCACA,mCAED,KACC,mCACA,oCAKF,8BACC,GACC,oCAGF,4BACC,GACC,qBAGF,6BACC,GACC,oBACA,mCG/LF,UFNG,2gCEWF,gCACA,8BACA,8FACA,4CACA,aACA,mBACA,uBAEA,kBACC,oCACA,kDACA,0DAGD,gBACC,kCACA,gDACA,wDAGD,kBACC,aACA,0CACA,gDACA,wBACA,oCAEA,wBACC,iCACA,mCAEA,4BACC,WACA,YAIA,2CACC,sCAGD,yCACC,qCAMJ,gBACC,6BACA,8BACA,8BACA,2BACA,SAEA,kCACC,sBACA,kBC9DH,aACC,kBHPE,iYGUF,qBACC,mCACA,kBACA,UACA,
|
|
1
|
+
{"version":3,"file":"vgapp.css","mappings":"AAIA,aCGG,wIDDF,eACA,MACA,OACA,YACA,aACA,iCACA,yCACA,UACA,mCAEA,kBACC,mCAIF,cACC,kBACA,WACA,SACA,YACA,yBAEA,kBACC,WACA,YAKD,wBACC,aAIF,eACC,SACA,gBACA,8BEtBoB,CF4BrB,4BACC,kBACA,UACA,WAED,WC/CG,6SDiDF,+BACA,qCACA,kBACA,oBACA,qGACA,uGACA,wGACA,+FACA,qCACA,qCAOA,mBACC,iDACA,kCACA,oBACA,+BACA,qBACA,6CAED,iBACC,2BACA,uBACA,qBACA,+CAKD,iBACC,iDACA,kCACA,uCAED,gBACC,2BACA,uBACA,qBACA,+CAED,gBACC,2BACA,uBACA,qBACA,6CAKD,mBACC,iDACA,kCACA,yCAED,kBACC,iDACA,kCACA,+CACA,oBACA,+BAED,kBACC,2BACA,uBACA,kDACA,+BACA,+BAOF,oBACC,GACC,uBAED,KACC,0BAKF,8BACC,GACC,oCAIF,4BACC,GACC,uBAED,IACC,uBAED,IACC,sBAED,KACC,wBAKF,0BACC,GACC,qBAIF,4BACC,GACC,mCACA,oBAED,IACC,6BACA,yBAED,IACC,mCACA,mCAED,KACC,mCACA,oCAKF,8BACC,GACC,oCAGF,4BACC,GACC,qBAGF,6BACC,GACC,oBACA,mCG/LF,UFNG,2gCEWF,gCACA,8BACA,8FACA,4CACA,aACA,mBACA,uBAEA,kBACC,oCACA,kDACA,0DAGD,gBACC,kCACA,gDACA,wDAGD,kBACC,aACA,0CACA,gDACA,wBACA,oCAEA,wBACC,iCACA,mCAEA,4BACC,WACA,YAIA,2CACC,sCAGD,yCACC,qCAMJ,gBACC,6BACA,8BACA,8BACA,2BACA,SAEA,kCACC,sBACA,kBC9DH,aACC,kBHPE,iYGUF,qBACC,mCACA,0BACA,yCACA,uCACA,kBACA,UACA,OACA,SAEA,gCACC,aAGD,uCACC,UAGD,0BACC,UACA,wBAGD,yBACC,SAGD,4BACC,MAGD,0BACC,OAGD,2BACC,UACA,QAIA,8BACC,YAGD,iCACC,SAKH,uBACC,6CACA,+BACA,6CACA,6CACA,6CACA,+CACA,yCC9DF,gBJNG,qCIUD,wCACC,UAIF,yBACC,kBAGD,gCACC,kBACA,SACA,WACA,WACA,YACA,eAGC,yCACC,qCCvBJ,cLNG,udKQF,eACA,aACA,0CACA,oCACA,wCAEA,qCARD,cASE,WACA,gCAGD,mBACC,cAGD,mBACC,OAGD,oBACC,QAGD,kBACC,MAGD,qBACC,SAGD,qBACC,QACA,SAEA,0BACC,OAGD,yBACC,MACA,SAGD,4BACC,SACA,SAGD,2BACC,QACA,UAIF,wBACC,eACA,WACA,gCACA,gCACA,gCAGD,uBACC,sDACA,gDACA,oCACA,gCACA,0CACA,wCAEA,8BACC,8CC1EH,UNNG,+gBMQF,eACA,OACA,MACA,WACA,YACA,gCACA,aACA,kBACA,gBACA,UAEA,iBACC,kBACA,WACA,8BACA,oBAEA,gCACC,yCACA,sCAGD,gCACC,yCAGD,2CACC,0CAGD,4BACC,6CAEA,8CACC,gBACA,gBAGD,2CACC,gBAIF,0BACC,aACA,mBACA,iDAIF,kBACC,kBACA,aACA,sBACA,WACA,4BACA,oBACA,kDACA,4BACA,8FACA,4CACA,sCACA,UACA,gCAGD,qBACC,YACA,0BACA,YACA,SAEA,uCACC,YACA,SACA,gBAKH,qCACC,UACC,2BACA,yDAGD,iBACC,gCACA,kBACA,iBAGD,aACC,yBAIF,qCACC,0BACC,yBAIF,sCACC,aACC,0BC1GF,QPPG,wiDOeF,wBACC,aACA,UACA,SACA,kBAEA,2BACC,gBACA,iCAEA,6BACC,2CACA,qCACA,mCACA,mCACA,uCACA,2CACA,2CACA,+BACA,8CACA,iCACA,+CC3CJ,qCACC,oCACA,oBAGC,kDACC,sBACA,sCACA,gBACA,qCACA,QACA,SACA,oCACA,oBACA,qBACA,mBACA,sBDsCD,kCACC,kBAEA,oDACC,kBACA,0BACA,UACA,kBACA,gBACA,yCACA,mCACA,+BACA,mCACA,iDACA,+CACA,uCACA,yCAEA,+DACC,aAGD,yDACC,mBACA,UACA,wBAIA,2EACC,wBAKD,yDACC,cACA,wCACA,0DACA,4CACA,8CACA,oCAEA,+DACC,kDACA,0CACA,wDAKD,qEACC,gBAMJ,gDACC,gBAEA,kEACC,kBACA,OACA,8CACA,oCACA,8CACA,wCACA,sDACA,oDACA,4CACA,mCAEA,6EACC,aE/HL,0CACC,mBAIE,uJACC,OAGD,yJACC,QAGD,qJACC,MAGD,2JACC,SAIA,wFACC,UAGD,yFACC,WAGD,uFACC,SAGD,0FACC,YASL,wCACC,sBAIE,qHACC,UAGD,uHACC,WAGD,mHACC,SAGD,yHACC,YAIA,8DACC,MAED,iEACC,SAOD,8DACC,MAID,iEACC,SAMJ,uDACC,kBAEA,gFACC,UACA,SAGC,yFACC,MAGD,4FACC,SCvGN,0BACC,aACA,uBAEA,iCACC,oBACA,mBACA,uBACA,yCACA,+FACA,kBAEA,sCACC,oDACA,2CACA,yCACA,QACA,eACA,kBACA,kBACA,cACA,wBACA,oBACA,UAEA,kDACC,MAED,mDACC,wFAED,mDACC,4FAKH,iCACC,kBACA,qBACA,iBAME,4FACC,UAGD,6FACC,wBAGD,2FACC,yBACA,SCoBH,4BJqEG,wDACC,aAGD,sDACC,cI1EJ,4BJqEG,wDACC,aAGD,sDACC,cI1EJ,4BJqEG,wDACC,aAGD,sDACC,cI1EJ,6BJqEG,wDACC,aAGD,sDACC,cI1EJ,6BJqEG,wDACC,aAGD,sDACC,cI1EJ,6BJqEG,yDACC,aAGD,uDACC,cI1EJ,6BJqEG,0DACC,aAGD,wDACC,cAQJ,kDACC,aAGD,gDACC,aKtJH,WZNG,wLYQF,sCAEA,kBZVE,kCYYD,yCAIA,2BACC,gBAGD,yBACC,kBAEA,+BACC,WACA,kBACA,OACA,SACA,WACA,oCACA,4CAIF,6BACC,gBACA,uBACA,oBACA,4BAKD,yBACC,wBCrCF,iBACC,kBACA,OACA,MACA,UACA,cACA,WACA,YACA,qBACA,kBAIF,WbpBG,imEa6BF,mCACA,sCACA,uCACA,uCACA,kBAGC,0CACC,aAIF,mBAEE,qoBAED,sBACA,eACA,aACA,kBACA,mBACA,gBACA,uBAEA,yBACC,WACA,kBACA,WACA,QACA,2BACA,+BACA,yDACA,4BACA,WACA,YAGD,gCACC,gDACA,6CAIF,oBAEE,8YAED,kBACA,sBACA,UACA,gBACA,UACA,SACA,OACA,WACA,SACA,oBACA,uBACA,wCACA,uEACA,0CACA,kBAGD,gBACC,SACA,UACA,gBACA,aACA,sBACA,4CACA,gBAEA,yCACC,gDACA,oDAGD,mCAEC,4CACA,oDAGD,yCAEC,uDAGD,wBAEE,wdAED,cACA,WACA,eACA,+BAEA,mCACC,YAGD,+DAEE,0KAIF,iCACC,WACA,mBAGD,+BACC,wBAIF,0BACC,gBACA,UAEA,oDACC,+DACA,+DACA,+DAGD,6BACC,oCAGD,gCAEE,8iBAOH,wBAEE,8FAED,YACA,YACA,aACA,WAMA,yCACC,0CAIF,oCACC,cAKD,sCACC,iCACA,UACA,sBACA,YAKD,yCACC,yDACA,4BACA,0DACA,4DACA,wCAKD,2BACC,WACA,kBACA,WACA,YACA,WAGD,uCACC,YCxNH,YdTI,qJAGD,oVcQF,eACA,WACA,YACA,wCACA,kCACA,sCACA,8BACA,wCAEA,qCAXD,YAYE,qCAGD,mCACC,yCACA,2CACA,MAGD,iBACC,WAEA,sBACC,OAIF,kBACC,YAEA,uBACC,QAIF,mCACC,yCACA,uCACA,OAGD,gBACC,UAEA,qBACC,MAIF,mBACC,aAEA,wBACC,SAIF,mBACC,uCACA,WACA,kBACA,aACA,mBACA,kCACA,uCAGD,iBACC,sFACA,gBACA,kCAGD,mBACC,uCACA,kCACA,oCC9EF,SfNG,wjCeSF,eACC,aACA,eACA,eACA,gBACA,gBACA,6BAGD,cACC,cACA,qBACA,oEACA,gCACA,wCACA,8CACA,8CACA,8CACA,gDACA,0CAEA,oBACC,sCACA,8CACA,oDAGD,qBACC,uCACA,+CACA,qDAGD,wBACC,mBACA,yCACA,iDACA,uDAIF,gBACC,sBAEA,8BACC,OAGD,8BACC,WAIF,qBACC,+BACA,oFACA,wDACA,gDACA,kBAEA,qCACC,kBACA,0CACA,kDACA,4CACA,UAGD,oCACC,8BAEA,kDACC,OAGD,kDACC,WACA,kBACA,WAEA,iHACC,uCAQJ,+BACC,aAED,yBACC,cChGF,UhBNG,40CgBaF,eACA,4BACA,8BACA,gCACA,+BACA,sCAEA,iBACC,cAGD,cACC,iBAGD,iBACC,+CACA,qEACA,6DAGD,kBACC,gDACA,sEACA,8DAGD,kBACC,gDACA,sEACA,8DAGD,eACC,6CACA,mEACA,2DAGD,eACC,6CACA,mEACA,2DAGD,qBACC,aAGD,kBACC,kDACA,gCACA,4BACA,0CACA,0CACA,0CACA,4CACA,sCACA,aACA,mBACA,QAGD,iBACC,2CACA,+CAGD,eACC,yCACA,6CAGD,kBACC,eAGD,iBACC,WACA,YACA,aACA,mBAEA,+BACC,kBACA,WACA,UACA,YACA,aACA,YACA,aACA,mBACA,UAEA,mCACC,WACA,YAEA,2CACC,2wB","sources":["webpack://vg/./app/utils/scss/default.scss","webpack://vg/./app/utils/scss/mixin.scss","webpack://vg/./app/utils/scss/variables.scss","webpack://vg/./app/modules/vgalert/scss/vgalert.scss","webpack://vg/./app/modules/vgdropdown/scss/vgdropdown.scss","webpack://vg/./app/modules/vgformsender/scss/vgformsender.scss","webpack://vg/./app/modules/vglawcookie/scss/vglawcookie.scss","webpack://vg/./app/modules/vgmodal/scss/vgmodal.scss","webpack://vg/./app/modules/vgnav/scss/vgnav.scss","webpack://vg/./app/modules/vgnav/scss/_toggle.scss","webpack://vg/./app/modules/vgnav/scss/_placement.scss","webpack://vg/./app/modules/vgnav/scss/_hamburger.scss","webpack://vg/./app/modules/vgnav/scss/_breakpoints.scss","webpack://vg/./app/modules/vgrollup/scss/vgrollup.scss","webpack://vg/./app/modules/vgselect/scss/vgselect.scss","webpack://vg/./app/modules/vgsidebar/scss/vgsidebar.scss","webpack://vg/./app/modules/vgtabs/scss/vgtabs.scss","webpack://vg/./app/modules/vgtoast/scss/vgtoast.scss"],"names":[],"sourceRoot":""}
|
package/build/vgapp.js
CHANGED
|
@@ -1,30 +1,2 @@
|
|
|
1
|
-
var vg;
|
|
2
|
-
|
|
3
|
-
/******/ "use strict";
|
|
4
|
-
/******/ // The require scope
|
|
5
|
-
/******/ var __webpack_require__ = {};
|
|
6
|
-
/******/
|
|
7
|
-
/************************************************************************/
|
|
8
|
-
/******/ /* webpack/runtime/make namespace object */
|
|
9
|
-
/******/ (() => {
|
|
10
|
-
/******/ // define __esModule on exports
|
|
11
|
-
/******/ __webpack_require__.r = (exports) => {
|
|
12
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
13
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
14
|
-
/******/ }
|
|
15
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
16
|
-
/******/ };
|
|
17
|
-
/******/ })();
|
|
18
|
-
/******/
|
|
19
|
-
/************************************************************************/
|
|
20
|
-
var __webpack_exports__ = {};
|
|
21
|
-
/*!********************!*\
|
|
22
|
-
!*** ./index.scss ***!
|
|
23
|
-
\********************/
|
|
24
|
-
__webpack_require__.r(__webpack_exports__);
|
|
25
|
-
// extracted by mini-css-extract-plugin
|
|
26
|
-
|
|
27
|
-
vg = __webpack_exports__;
|
|
28
|
-
/******/ })()
|
|
29
|
-
;
|
|
30
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmdhcHAuanMiLCJtYXBwaW5ncyI6Ijs7O0FBQUE7QUFDQTtBQUNBOzs7O0FDRkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7Ozs7Ozs7OztBQ05BIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vdmcvd2VicGFjay9ib290c3RyYXAiLCJ3ZWJwYWNrOi8vdmcvd2VicGFjay9ydW50aW1lL21ha2UgbmFtZXNwYWNlIG9iamVjdCIsIndlYnBhY2s6Ly92Zy8uL2luZGV4LnNjc3M/ZjRiNSJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBUaGUgcmVxdWlyZSBzY29wZVxudmFyIF9fd2VicGFja19yZXF1aXJlX18gPSB7fTtcblxuIiwiLy8gZGVmaW5lIF9fZXNNb2R1bGUgb24gZXhwb3J0c1xuX193ZWJwYWNrX3JlcXVpcmVfXy5yID0gKGV4cG9ydHMpID0+IHtcblx0aWYodHlwZW9mIFN5bWJvbCAhPT0gJ3VuZGVmaW5lZCcgJiYgU3ltYm9sLnRvU3RyaW5nVGFnKSB7XG5cdFx0T2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsIFN5bWJvbC50b1N0cmluZ1RhZywgeyB2YWx1ZTogJ01vZHVsZScgfSk7XG5cdH1cblx0T2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICdfX2VzTW9kdWxlJywgeyB2YWx1ZTogdHJ1ZSB9KTtcbn07IiwiLy8gZXh0cmFjdGVkIGJ5IG1pbmktY3NzLWV4dHJhY3QtcGx1Z2luXG5leHBvcnQge307Il0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9
|
|
1
|
+
var vg;(()=>{"use strict";var e={};(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),vg=e})();
|
|
2
|
+
//# sourceMappingURL=vgapp.js.map
|
package/package.json
CHANGED
|
@@ -1,510 +0,0 @@
|
|
|
1
|
-
import BaseModule from "../../base-module";
|
|
2
|
-
import Selectors from "../../../utils/js/dom/selectors";
|
|
3
|
-
import Responsive from "../../../utils/js/components/responsive";
|
|
4
|
-
import {getSVG} from "../../module-fn";
|
|
5
|
-
import {execute, isDisabled, isVisible, mergeDeepObject, noop, normalizeData} from "../../../utils/js/functions";
|
|
6
|
-
import EventHandler from "../../../utils/js/dom/event";
|
|
7
|
-
import {Manipulator} from "../../../utils/js/dom/manipulator";
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Constants
|
|
11
|
-
*/
|
|
12
|
-
const NAME = 'nav';
|
|
13
|
-
const NAME_KEY = 'vg.nav';
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Constants Classes
|
|
17
|
-
*/
|
|
18
|
-
const CLASS_NAME_SHOW = 'show';
|
|
19
|
-
const CLASS_NAME_FADE = 'fade';
|
|
20
|
-
const CLASS_NAME_ACTIVE = 'active';
|
|
21
|
-
const SELECTOR_DATA_TOGGLE = '.vg-nav a';
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Constants Events
|
|
25
|
-
*/
|
|
26
|
-
const EVENT_KEY_HIDE = `${NAME_KEY}.hide`;
|
|
27
|
-
const EVENT_KEY_HIDDEN = `${NAME_KEY}.hidden`;
|
|
28
|
-
const EVENT_KEY_SHOW = `${NAME_KEY}.show`;
|
|
29
|
-
const EVENT_KEY_SHOWN = `${NAME_KEY}.shown`;
|
|
30
|
-
|
|
31
|
-
const EVENT_MOUSEOVER_DATA_API = `mouseover.${NAME_KEY}.data.api`;
|
|
32
|
-
const EVENT_MOUSEOUT_DATA_API = `mouseout.${NAME_KEY}.data.api`;
|
|
33
|
-
const EVENT_CLICK_DATA_API = `click.${NAME_KEY}.data.api`;
|
|
34
|
-
const EVENT_KEYUP_DATA_API = `keyup.${NAME_KEY}.data.api`;
|
|
35
|
-
const EVENT_RESIZE_DATA_API = `resize.${NAME_KEY}.data.api`;
|
|
36
|
-
|
|
37
|
-
class VGNav extends BaseModule {
|
|
38
|
-
constructor(element, params = {}) {
|
|
39
|
-
super(element);
|
|
40
|
-
|
|
41
|
-
this._params = this._getParams(element, mergeDeepObject({
|
|
42
|
-
breakpoint: false,
|
|
43
|
-
placement: 'horizontal',
|
|
44
|
-
classes: {
|
|
45
|
-
hamburgerActive: 'vg-nav-hamburger-active',
|
|
46
|
-
hamburgerAlways: 'vg-nav-hamburger-always',
|
|
47
|
-
hamburger: 'vg-nav-hamburger',
|
|
48
|
-
container: 'vg-nav-container',
|
|
49
|
-
wrapper: 'vg-nav-wrapper',
|
|
50
|
-
active: 'vg-nav-active',
|
|
51
|
-
expand: 'vg-nav-expand',
|
|
52
|
-
cloned: 'vg-nav-cloned',
|
|
53
|
-
hover: 'vg-nav-hover',
|
|
54
|
-
flip: 'vg-nav-flip',
|
|
55
|
-
XXXL: 'vg-nav-xxxl',
|
|
56
|
-
XXL: 'vg-nav-xxl',
|
|
57
|
-
XL: 'vg-nav-xl',
|
|
58
|
-
LG: 'vg-nav-lg',
|
|
59
|
-
MD: 'vg-nav-md',
|
|
60
|
-
SM: 'vg-nav-sm',
|
|
61
|
-
XS: 'vg-nav-xs'
|
|
62
|
-
},
|
|
63
|
-
expand: true,
|
|
64
|
-
hover: false,
|
|
65
|
-
position: true,
|
|
66
|
-
collapse: true,
|
|
67
|
-
toggle: '<span class="default"></span>',
|
|
68
|
-
hamburger: {
|
|
69
|
-
enable: true,
|
|
70
|
-
always: false,
|
|
71
|
-
title: '',
|
|
72
|
-
body: null
|
|
73
|
-
},
|
|
74
|
-
callback: noop,
|
|
75
|
-
animation: true,
|
|
76
|
-
timeoutAnimation: 300,
|
|
77
|
-
ajax: {
|
|
78
|
-
route: '',
|
|
79
|
-
target: '',
|
|
80
|
-
method: 'get',
|
|
81
|
-
loader: false,
|
|
82
|
-
once: false,
|
|
83
|
-
output: true,
|
|
84
|
-
}
|
|
85
|
-
}, params));
|
|
86
|
-
|
|
87
|
-
this._navigation = null;
|
|
88
|
-
this.navigation = '.' + this._params.classes.wrapper;
|
|
89
|
-
|
|
90
|
-
this.movedLinks = [];
|
|
91
|
-
this.$links = Selectors.findAll('.' + this._params.classes.wrapper + ' > li', this.navigation)
|
|
92
|
-
|
|
93
|
-
if (this._params.animation === false) {
|
|
94
|
-
this._params.timeoutAnimation = 10
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
static get NAME() {
|
|
99
|
-
return NAME;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
static get NAME_KEY() {
|
|
103
|
-
return NAME_KEY;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
get navigation() {
|
|
107
|
-
return this._navigation;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
set navigation(el) {
|
|
111
|
-
let elm = Selectors.find(el, this._element);
|
|
112
|
-
if (!elm) return;
|
|
113
|
-
this._navigation = elm;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
build() {
|
|
117
|
-
if (!this.navigation) return;
|
|
118
|
-
|
|
119
|
-
let params = this._params;
|
|
120
|
-
|
|
121
|
-
// Вешаем основные классы
|
|
122
|
-
this._element.classList.add(params.classes.container);
|
|
123
|
-
this._element.classList.add('vg-nav-' + params.placement);
|
|
124
|
-
|
|
125
|
-
// Если нужно оставить список меню или установить медиа точку
|
|
126
|
-
if (!params.breakpoint) {
|
|
127
|
-
params.expand = false;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
if (!params.hamburger.always) {
|
|
131
|
-
if (!params.breakpoint || !params.expand) {
|
|
132
|
-
this._element.classList.add(params.classes.expand);
|
|
133
|
-
} else if (params.breakpoint !== false) {
|
|
134
|
-
this._element.classList.add('vg-nav-' + params.breakpoint);
|
|
135
|
-
}
|
|
136
|
-
} else {
|
|
137
|
-
this._element.classList.add(params.classes.hamburgerAlways);
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
// Меню срабатывает при наведении, если это не мобильное устройство
|
|
141
|
-
if (params.hover) {
|
|
142
|
-
this._element.classList.add(params.classes.hover);
|
|
143
|
-
|
|
144
|
-
if (Responsive.checkMobileOrTablet()) {
|
|
145
|
-
this._element.classList.remove(params.classes.hover);
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
// Устанавливаем гамбургер, если его нет в разметке
|
|
150
|
-
if (params.expand && !params.hamburger.body && params.hamburger.enable) {
|
|
151
|
-
let isHamburger = Selectors.find('.' + params.classes.hamburger, this._element);
|
|
152
|
-
|
|
153
|
-
if (isHamburger === null) {
|
|
154
|
-
let mTitle = '',
|
|
155
|
-
hamburger = '<span class="' + params.classes.hamburger + '--lines"><span></span><span></span><span></span></span>';
|
|
156
|
-
|
|
157
|
-
if (params.hamburger.title) {
|
|
158
|
-
mTitle = '<span class="' + params.classes.hamburger + '--title">'+ params.hamburger.title +'</span>';
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
if (params.hamburger.body !== null) {
|
|
162
|
-
hamburger = params.hamburger.body;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
this._element.insertAdjacentHTML('afterbegin','<a href="#sidebar-nav" class="' + params.classes.hamburger + '" data-vg-toggle="sidebar">' + mTitle + hamburger +'</a>');
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
// Устанавливаем указатель переключателя
|
|
170
|
-
if (params.toggle) {
|
|
171
|
-
let $dropdown_a = [...Selectors.findAll('.dropdown-mega > a, .dropdown > a', this._element)],
|
|
172
|
-
toggle = '<span class="toggle">' + params.toggle + '</span>';
|
|
173
|
-
|
|
174
|
-
if ($dropdown_a.length) {
|
|
175
|
-
$dropdown_a.forEach(function (elem) {
|
|
176
|
-
if (!elem.querySelector('.toggle') && !elem.closest('.dots')) {
|
|
177
|
-
elem.setAttribute('aria-expanded', 'false')
|
|
178
|
-
elem.insertAdjacentHTML('beforeend', toggle)
|
|
179
|
-
}
|
|
180
|
-
});
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
if (params.collapse && Responsive.check(this) && params.placement !== 'vertical') {
|
|
185
|
-
setCollapse(this);
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
if ('afterInit' in this._params.callback) {
|
|
189
|
-
execute(this._params.callback.afterInit, [this]);
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
/**
|
|
193
|
-
* Функция сворачивания
|
|
194
|
-
* TODO Придумать что то с мега меню, которое уходит в подменю
|
|
195
|
-
* TODO Так же есть косяки при ресайзе
|
|
196
|
-
*/
|
|
197
|
-
function setCollapse(_this) {
|
|
198
|
-
let width_navigation_responsive = _this.navigation.clientWidth,
|
|
199
|
-
width_all_links_responsive = 0,
|
|
200
|
-
$dots = Selectors.find('.dots', _this.navigation),
|
|
201
|
-
_dots = getSVG('dots');
|
|
202
|
-
|
|
203
|
-
if (_this.$links.length) {
|
|
204
|
-
if ($dots) {
|
|
205
|
-
width_all_links_responsive = $dots.clientWidth
|
|
206
|
-
} else {
|
|
207
|
-
let $a = Selectors.find('a', _this.$links[0]),
|
|
208
|
-
$linkStyle = getComputedStyle($a),
|
|
209
|
-
paddingLeft = normalizeData($linkStyle.paddingLeft.slice(0, -2)),
|
|
210
|
-
paddingRight = normalizeData($linkStyle.paddingRight.slice(0, -2)),
|
|
211
|
-
padding = paddingLeft + paddingRight;
|
|
212
|
-
|
|
213
|
-
// TODO не совсем верно, но мы точно знаем ширину точек в svg - 16px
|
|
214
|
-
width_all_links_responsive = padding + 16;
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
for (let $link of _this.$links) {
|
|
218
|
-
let width = $link.getBoundingClientRect().width;
|
|
219
|
-
width_all_links_responsive = width_all_links_responsive + width;
|
|
220
|
-
|
|
221
|
-
if ((width_navigation_responsive) < width_all_links_responsive) {
|
|
222
|
-
_this.movedLinks.push($link);
|
|
223
|
-
$link.remove();
|
|
224
|
-
} else {
|
|
225
|
-
if (_this.movedLinks.length) {
|
|
226
|
-
if ($dots) {
|
|
227
|
-
_this.navigation.insertBefore(_this.movedLinks[0], $dots)
|
|
228
|
-
} else {
|
|
229
|
-
_this.navigation.appendChild(_this.movedLinks[0])
|
|
230
|
-
}
|
|
231
|
-
_this.movedLinks.splice(0, 1);
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
if (_this.movedLinks.length) {
|
|
237
|
-
if (!$dots) {
|
|
238
|
-
_this.navigation.insertAdjacentHTML('beforeend','<li class="dropdown dots">' + '<a href="#" aria-expanded="false">'+ _dots +'</a></li>');
|
|
239
|
-
}
|
|
240
|
-
} else {
|
|
241
|
-
if ($dots) {
|
|
242
|
-
$dots.remove();
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
|
|
246
|
-
let $d = _this.navigation.querySelector('.dots');
|
|
247
|
-
if ($d && _this.movedLinks.length) {
|
|
248
|
-
let $dropdown = $d.querySelector('ul');
|
|
249
|
-
if ($dropdown) {
|
|
250
|
-
for (let link of _this.movedLinks) {
|
|
251
|
-
$dropdown.prepend(link);
|
|
252
|
-
}
|
|
253
|
-
} else {
|
|
254
|
-
let $dropdown = document.createElement('ul');
|
|
255
|
-
$dropdown.classList.add('dropdown-content');
|
|
256
|
-
$dropdown.classList.add('right');
|
|
257
|
-
|
|
258
|
-
for (let link of _this.movedLinks) {
|
|
259
|
-
$dropdown.prepend(link);
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
$d.appendChild($dropdown);
|
|
263
|
-
}
|
|
264
|
-
}
|
|
265
|
-
}
|
|
266
|
-
}
|
|
267
|
-
}
|
|
268
|
-
|
|
269
|
-
show(relatedTarget) {
|
|
270
|
-
let target = relatedTarget.relatedTarget;
|
|
271
|
-
|
|
272
|
-
if (!target || isDisabled(target)) {
|
|
273
|
-
return;
|
|
274
|
-
}
|
|
275
|
-
|
|
276
|
-
if (!target.closest('.dropdown-content')) {
|
|
277
|
-
target.classList.add('first');
|
|
278
|
-
}
|
|
279
|
-
|
|
280
|
-
const showEvent = EventHandler.trigger(target, EVENT_KEY_SHOW, { relatedTarget });
|
|
281
|
-
if (showEvent.defaultPrevented) return;
|
|
282
|
-
|
|
283
|
-
let drop = Selectors.find('.dropdown-content', target),
|
|
284
|
-
link = target.firstElementChild;
|
|
285
|
-
|
|
286
|
-
if (link) link.setAttribute('aria-expanded', 'true');
|
|
287
|
-
drop.classList.add(CLASS_NAME_SHOW);
|
|
288
|
-
target.classList.add(CLASS_NAME_ACTIVE);
|
|
289
|
-
|
|
290
|
-
setDropPosition(drop)
|
|
291
|
-
|
|
292
|
-
const completeCallBack = () => {
|
|
293
|
-
drop.classList.add(CLASS_NAME_FADE);
|
|
294
|
-
EventHandler.trigger(target, EVENT_KEY_SHOWN, relatedTarget)
|
|
295
|
-
}
|
|
296
|
-
this._queueCallback(completeCallBack, drop, true, 50);
|
|
297
|
-
|
|
298
|
-
/**
|
|
299
|
-
*
|
|
300
|
-
* @param $drop
|
|
301
|
-
*/
|
|
302
|
-
function setDropPosition($drop) {
|
|
303
|
-
let {width, right} = $drop.getBoundingClientRect(),
|
|
304
|
-
window_width = window.innerWidth;
|
|
305
|
-
|
|
306
|
-
let N_right = window_width - right - width;
|
|
307
|
-
|
|
308
|
-
$drop.classList.remove('right');
|
|
309
|
-
$drop.classList.remove('left');
|
|
310
|
-
|
|
311
|
-
let $parent = $drop.closest('li'),
|
|
312
|
-
$ul = $parent.querySelectorAll('ul');
|
|
313
|
-
|
|
314
|
-
if (N_right > width) {
|
|
315
|
-
for (const $el of $ul) {
|
|
316
|
-
$el.classList.add('left');
|
|
317
|
-
}
|
|
318
|
-
} else {
|
|
319
|
-
for (const $el of $ul) {
|
|
320
|
-
$el.classList.add('right');
|
|
321
|
-
}
|
|
322
|
-
}
|
|
323
|
-
}
|
|
324
|
-
}
|
|
325
|
-
|
|
326
|
-
hide(relatedTarget) {
|
|
327
|
-
const _this = this;
|
|
328
|
-
if ('ontouchstart' in document.documentElement) {
|
|
329
|
-
for (const element of [].concat(...document.body.children)) {
|
|
330
|
-
EventHandler.off(element, 'mouseover', noop);
|
|
331
|
-
}
|
|
332
|
-
}
|
|
333
|
-
|
|
334
|
-
let element = relatedTarget.relatedTarget;
|
|
335
|
-
|
|
336
|
-
if ('elm' in relatedTarget && relatedTarget.elm) {
|
|
337
|
-
element = relatedTarget.elm
|
|
338
|
-
}
|
|
339
|
-
|
|
340
|
-
if (element) {
|
|
341
|
-
const hideEvent = EventHandler.trigger(element, EVENT_KEY_HIDE);
|
|
342
|
-
if (hideEvent.defaultPrevented) return;
|
|
343
|
-
|
|
344
|
-
element.classList.remove(CLASS_NAME_ACTIVE);
|
|
345
|
-
|
|
346
|
-
if (element.classList.contains('first')) {
|
|
347
|
-
element.classList.remove('first');
|
|
348
|
-
}
|
|
349
|
-
|
|
350
|
-
[...Selectors.findAll('.' + CLASS_NAME_SHOW, element)].forEach(function (el, index) {
|
|
351
|
-
el.classList.remove(CLASS_NAME_FADE);
|
|
352
|
-
|
|
353
|
-
let parent = el.closest('.dropdown');
|
|
354
|
-
if (parent.classList.contains(CLASS_NAME_ACTIVE)) {
|
|
355
|
-
parent.classList.remove(CLASS_NAME_ACTIVE);
|
|
356
|
-
}
|
|
357
|
-
|
|
358
|
-
let link = el.previousElementSibling;
|
|
359
|
-
if (link) link.setAttribute('aria-expanded', 'false');
|
|
360
|
-
|
|
361
|
-
if (index === 0) {
|
|
362
|
-
const completeCallback = () => {
|
|
363
|
-
el.classList.remove(CLASS_NAME_SHOW);
|
|
364
|
-
EventHandler.trigger(el, EVENT_KEY_HIDDEN, relatedTarget)
|
|
365
|
-
}
|
|
366
|
-
|
|
367
|
-
_this._queueCallback(completeCallback, el, true, 500);
|
|
368
|
-
}
|
|
369
|
-
});
|
|
370
|
-
}
|
|
371
|
-
}
|
|
372
|
-
|
|
373
|
-
/**
|
|
374
|
-
* TODO если на странице несколько навигаций, то есть косяки
|
|
375
|
-
* @param element
|
|
376
|
-
* @param params
|
|
377
|
-
*/
|
|
378
|
-
static init(element, params = {}) {
|
|
379
|
-
const instance = VGNav.getOrCreateInstance(element, params);
|
|
380
|
-
instance.build();
|
|
381
|
-
|
|
382
|
-
let drops = Selectors.findAll('.dropdown', instance._navigation)
|
|
383
|
-
|
|
384
|
-
if (instance._params.hover) {
|
|
385
|
-
[...drops].forEach(function (el) {
|
|
386
|
-
let currentElem = null;
|
|
387
|
-
EventHandler.on(el, EVENT_MOUSEOVER_DATA_API, function (event) {
|
|
388
|
-
if (currentElem) return;
|
|
389
|
-
VGNav.hideOpenDrops(event);
|
|
390
|
-
|
|
391
|
-
let target = event.target.closest('.dropdown');
|
|
392
|
-
if (!target) return;
|
|
393
|
-
|
|
394
|
-
if (!instance.navigation.contains(target)) return;
|
|
395
|
-
currentElem = target;
|
|
396
|
-
|
|
397
|
-
let relatedTarget = {
|
|
398
|
-
relatedTarget: target
|
|
399
|
-
}
|
|
400
|
-
|
|
401
|
-
instance.show(relatedTarget);
|
|
402
|
-
});
|
|
403
|
-
EventHandler.on(el, EVENT_MOUSEOUT_DATA_API, function (event) {
|
|
404
|
-
if (!currentElem) return;
|
|
405
|
-
|
|
406
|
-
let relatedTarget = event.relatedTarget.closest('.dropdown'),
|
|
407
|
-
elm = currentElem;
|
|
408
|
-
|
|
409
|
-
while (relatedTarget) {
|
|
410
|
-
if (relatedTarget === currentElem) return;
|
|
411
|
-
relatedTarget = relatedTarget.parentNode;
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
currentElem = null;
|
|
415
|
-
instance.hide({relatedTarget: relatedTarget, elm: elm});
|
|
416
|
-
})
|
|
417
|
-
})
|
|
418
|
-
} else {
|
|
419
|
-
EventHandler.on(document, EVENT_KEYUP_DATA_API, VGNav.clearDrops);
|
|
420
|
-
EventHandler.on(document, EVENT_CLICK_DATA_API, VGNav.clearDrops);
|
|
421
|
-
EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
|
|
422
|
-
if (!Manipulator.has(this, 'aria-expanded')) {
|
|
423
|
-
return;
|
|
424
|
-
}
|
|
425
|
-
|
|
426
|
-
if ('click' in instance._params.callback) {
|
|
427
|
-
execute(instance._params.callback.click, [this]);
|
|
428
|
-
}
|
|
429
|
-
|
|
430
|
-
event.preventDefault();
|
|
431
|
-
|
|
432
|
-
let self = this.closest('.vg-nav'),
|
|
433
|
-
isFirst = self.querySelector('.first');
|
|
434
|
-
|
|
435
|
-
let target = this.closest('.dropdown');
|
|
436
|
-
if (!target) return;
|
|
437
|
-
|
|
438
|
-
if (isDisabled(target) && !isVisible(target)) {
|
|
439
|
-
return;
|
|
440
|
-
}
|
|
441
|
-
|
|
442
|
-
if (isFirst && this.closest('.first')) {
|
|
443
|
-
if (target.classList.contains('active')) {
|
|
444
|
-
instance.hide({relatedTarget: target});
|
|
445
|
-
return;
|
|
446
|
-
}
|
|
447
|
-
} else {
|
|
448
|
-
[...Selectors.findAll('.active', self)].forEach(function (el) {
|
|
449
|
-
if (el && el !== target) {
|
|
450
|
-
instance.hide({relatedTarget: el})
|
|
451
|
-
}
|
|
452
|
-
});
|
|
453
|
-
}
|
|
454
|
-
|
|
455
|
-
instance.show({relatedTarget: target});
|
|
456
|
-
});
|
|
457
|
-
}
|
|
458
|
-
|
|
459
|
-
const vgNavSidebar = document.getElementById('sidebar-nav');
|
|
460
|
-
let hamburger = instance._element.querySelector('.' + instance._params.classes.hamburger);
|
|
461
|
-
|
|
462
|
-
if (vgNavSidebar && hamburger) {
|
|
463
|
-
vgNavSidebar.addEventListener('vg.sidebar.show', function () {
|
|
464
|
-
hamburger.classList.add(instance._params.classes.hamburgerActive);
|
|
465
|
-
});
|
|
466
|
-
|
|
467
|
-
vgNavSidebar.addEventListener('vg.sidebar.hide', function () {
|
|
468
|
-
hamburger.classList.remove(instance._params.classes.hamburgerActive);
|
|
469
|
-
});
|
|
470
|
-
}
|
|
471
|
-
}
|
|
472
|
-
|
|
473
|
-
static clearDrops(event) {
|
|
474
|
-
if (event.button === 2 || (event.type === 'keyup' && event.key !== 'Tab')) {
|
|
475
|
-
return
|
|
476
|
-
}
|
|
477
|
-
|
|
478
|
-
VGNav.hideOpenDrops(event)
|
|
479
|
-
}
|
|
480
|
-
|
|
481
|
-
static hideOpenDrops(event) {
|
|
482
|
-
const openToggles = Selectors.findAll('.dropdown:not(.disabled):not(:disabled).active');
|
|
483
|
-
|
|
484
|
-
for (const toggle of openToggles) {
|
|
485
|
-
const context = VGNav.getInstance(toggle.closest('.vg-nav'));
|
|
486
|
-
if (!context) continue;
|
|
487
|
-
|
|
488
|
-
if (event.target.closest('.first')) {
|
|
489
|
-
return;
|
|
490
|
-
}
|
|
491
|
-
|
|
492
|
-
const relatedTarget = { relatedTarget: toggle }
|
|
493
|
-
|
|
494
|
-
if (event.type === 'click') {
|
|
495
|
-
relatedTarget.clickEvent = event
|
|
496
|
-
}
|
|
497
|
-
|
|
498
|
-
context.hide(relatedTarget)
|
|
499
|
-
}
|
|
500
|
-
}
|
|
501
|
-
}
|
|
502
|
-
|
|
503
|
-
EventHandler.on(window, EVENT_RESIZE_DATA_API, function () {
|
|
504
|
-
if (Selectors.find('.vg-nav')) {
|
|
505
|
-
const instance = VGNav.getOrCreateInstance('.vg-nav', {});
|
|
506
|
-
instance.build();
|
|
507
|
-
}
|
|
508
|
-
})
|
|
509
|
-
|
|
510
|
-
export default VGNav;
|