From 8c734c2feed57ab78008a0601b626dde9c5b8ec9 Mon Sep 17 00:00:00 2001 From: davidedantonio Date: Tue, 26 Jun 2018 08:26:07 +0200 Subject: [PATCH] update docs --- _config.yml | 4 ++-- docs/dist/js/navbar.js | 3 +-- docs/dist/js/navbar.js.map | 2 +- docs/dist/js/navbar.min.js | 2 +- docs/dist/js/navbar.min.js.map | 2 +- docs/documentation/1.0/customize/index.html | 4 ++-- docs/documentation/1.0/download/index.html | 8 ++++---- docs/documentation/1.0/introduction/index.html | 4 ++-- docs/documentation/1.0/layouts/index.html | 4 ++-- docs/documentation/1.0/usage/index.html | 4 ++-- docs/feed.xml | 2 +- docs/index.html | 4 ++-- 12 files changed, 21 insertions(+), 22 deletions(-) diff --git a/_config.yml b/_config.yml index 5dd535b..d2524f8 100644 --- a/_config.yml +++ b/_config.yml @@ -38,7 +38,7 @@ twitter: beegrid authors: "Davide D'Antonio" # Custom variables -current_version: 1.0.2 +current_version: 1.0.3 docs_version: 1.0 repo: "https://github.com/davidedantonio/bee-grid.git" github: "https://github.com/davidedantonio/bee-grid" @@ -46,4 +46,4 @@ twitter: "https://twitter.com/davidedantonio" download: source: "https://github.com/davidedantonio/bee-grid/archive/master.zip" - dist: "https://github.com/davidedantonio/bee-grid/archive/v1.0.2.zip" + dist: "https://github.com/davidedantonio/bee-grid/archive/v1.0.3.zip" diff --git a/docs/dist/js/navbar.js b/docs/dist/js/navbar.js index c5d0f61..aeed885 100644 --- a/docs/dist/js/navbar.js +++ b/docs/dist/js/navbar.js @@ -37,6 +37,7 @@ class Navbar { // button to toggle menu this._button = document.querySelector('.' + ClassName.BUTTON); + // if button doesn't exist in the dom don't display if (this._element == null) { this._button.style.display = 'none'; return false; @@ -45,8 +46,6 @@ class Navbar { // Element data-navbar attribute value this._class = element.getAttribute(Selector.DATA_SELECTOR); - console.log(this._class); - // get layout this._layout = element.parentNode; diff --git a/docs/dist/js/navbar.js.map b/docs/dist/js/navbar.js.map index f7eea29..981fefd 100644 --- a/docs/dist/js/navbar.js.map +++ b/docs/dist/js/navbar.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../js/src/navbar.js"],"names":["NAME","VERSION","ClassName","OPEN","NAVBAR","LAYOUT","BUTTON","OVERLAY","OVERLAYVISIBLE","Selector","DATA","DATA_SELECTOR","NAVBAR_OPEN","Events","CLICK","Navbar","constructor","element","self","_element","_button","document","querySelector","style","display","_class","getAttribute","console","log","_layout","parentNode","classList","add","_overlay","createElement","addEventListener","_toggleNavbar","body","appendChild","navbarEl","toggle","_getElement","navbar","BGNavbar"],"mappings":"AAAA;AACA;;;;;;AAKA,MAAMA,OAAO,QAAb;AACA,MAAMC,UAAU,OAAhB;;AAEA,MAAMC,YAAY;AAChBC,QAAM,QADU;AAEhBC,UAAQ,UAFQ;AAGhBC,UAAQ,cAHQ;AAIhBC,UAAQ,gBAJQ;AAKhBC,WAAS,WALO;AAMhBC,kBAAgB;AANA,CAAlB;;AASA,MAAMC,WAAW;AACfC,QAAM,eADS;AAEfC,iBAAe,aAFA;AAGfC,eAAaV,UAAUE,MAAV,GAAmB;AAHjB,CAAjB;;AAMA,MAAMS,SAAS;AACbC,SAAQ;AADK,CAAf;;AAIA,MAAMC,MAAN,CAAa;;AAEXC,cAAYC,OAAZ,EAAqB;AACnB;AACA,QAAIC,OAAO,IAAX;AACA,SAAKC,QAAL,GAAgBF,OAAhB;;AAEA;AACA,SAAKG,OAAL,GAAeC,SAASC,aAAT,CAAuB,MAAMpB,UAAUI,MAAvC,CAAf;;AAEA,QAAI,KAAKa,QAAL,IAAiB,IAArB,EAA2B;AACzB,WAAKC,OAAL,CAAaG,KAAb,CAAmBC,OAAnB,GAA6B,MAA7B;AACA,aAAO,KAAP;AACD;;AAED;AACA,SAAKC,MAAL,GAAcR,QAAQS,YAAR,CAAqBjB,SAASE,aAA9B,CAAd;;AAEAgB,YAAQC,GAAR,CAAY,KAAKH,MAAjB;;AAEA;AACA,SAAKI,OAAL,GAAeZ,QAAQa,UAAvB;;AAEA;AACA,SAAKX,QAAL,CAAcY,SAAd,CAAwBC,GAAxB,CAA4B9B,UAAUE,MAAtC;AACA,SAAKyB,OAAL,CAAaE,SAAb,CAAuBC,GAAvB,CAA2B9B,UAAUG,MAAV,GAAkB,GAAlB,GAAuB,KAAKoB,MAAvD;;AAEA,QAAI,KAAKN,QAAL,IAAiB,IAArB,EAA2B;AACzB;AACA,WAAKc,QAAL,GAAgBZ,SAASa,aAAT,CAAuB,KAAvB,CAAhB;AACA,WAAKD,QAAL,CAAcF,SAAd,CAAwBC,GAAxB,CAA4B9B,UAAUK,OAAtC;AACA,WAAK0B,QAAL,CAAcE,gBAAd,CAA+BtB,OAAOC,KAAtC,EACE,YAAY;AACRI,aAAKkB,aAAL,CAAmBlB,IAAnB;AACH,OAHH;AAIAG,eAASgB,IAAT,CAAcC,WAAd,CAA0B,KAAKL,QAA/B;AACD;;AAED;AACA,QAAI,KAAKb,OAAL,KAAiB,IAArB,EAA2B;AACzB,WAAKA,OAAL,CAAae,gBAAb,CAA8BtB,OAAOC,KAArC,EACA,YAAY;AACRI,aAAKkB,aAAL,CAAmBlB,IAAnB;AACH,OAHD;AAID;AACJ;;AAECkB,gBAAclB,IAAd,EAAoB;AAChB,QAAIqB,WAAWrB,KAAKC,QAApB;AACAD,SAAKe,QAAL,CAAcF,SAAd,CAAwBS,MAAxB,CAA+BtC,UAAUM,cAAzC;AACA+B,aAASR,SAAT,CAAmBS,MAAnB,CAA0BtC,UAAUC,IAApC;AACH;;AAED,SAAOsC,WAAP,GAAqB;AACjB,QAAIC,SAASrB,SAASC,aAAT,CAAuBb,SAASC,IAAhC,CAAb;AACA,WAAO,IAAIK,MAAJ,CAAW2B,MAAX,CAAP;AACH;;AAxDU;;AA4Db,MAAMC,WAAW5B,OAAO0B,WAAP,EAAjB","file":"navbar.js","sourcesContent":["'use strict';\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\nconst NAME = 'navbar'\nconst VERSION = '1.0.0'\n\nconst ClassName = {\n OPEN: '--open',\n NAVBAR: '--navbar',\n LAYOUT: '--has-navbar',\n BUTTON: '--toggler-menu',\n OVERLAY: '--overlay',\n OVERLAYVISIBLE: '--visible'\n}\n\nconst Selector = {\n DATA: '[data-navbar]',\n DATA_SELECTOR: 'data-navbar',\n NAVBAR_OPEN: ClassName.NAVBAR + '.open'\n}\n\nconst Events = {\n CLICK: 'click'\n}\n\nclass Navbar {\n\n constructor(element) {\n // get element\n var self = this;\n this._element = element;\n\n // button to toggle menu\n this._button = document.querySelector('.' + ClassName.BUTTON);\n\n if (this._element == null) {\n this._button.style.display = 'none';\n return false;\n }\n\n // Element data-navbar attribute value\n this._class = element.getAttribute(Selector.DATA_SELECTOR);\n\n console.log(this._class);\n\n // get layout\n this._layout = element.parentNode;\n\n // add classes\n this._element.classList.add(ClassName.NAVBAR);\n this._layout.classList.add(ClassName.LAYOUT +'-'+ this._class);\n\n if (this._element != null) {\n // add overlay\n this._overlay = document.createElement('div');\n this._overlay.classList.add(ClassName.OVERLAY);\n this._overlay.addEventListener(Events.CLICK,\n function () {\n self._toggleNavbar(self);\n });\n document.body.appendChild(this._overlay);\n }\n\n // if an element exist add click EVENT\n if (this._button !== null) {\n this._button.addEventListener(Events.CLICK,\n function () {\n self._toggleNavbar(self);\n });\n }\n}\n\n _toggleNavbar(self) {\n let navbarEl = self._element;\n self._overlay.classList.toggle(ClassName.OVERLAYVISIBLE);\n navbarEl.classList.toggle(ClassName.OPEN)\n }\n\n static _getElement() {\n let navbar = document.querySelector(Selector.DATA);\n return new Navbar(navbar)\n }\n\n}\n\nconst BGNavbar = Navbar._getElement();\n"]} \ No newline at end of file +{"version":3,"sources":["../../js/src/navbar.js"],"names":["NAME","VERSION","ClassName","OPEN","NAVBAR","LAYOUT","BUTTON","OVERLAY","OVERLAYVISIBLE","Selector","DATA","DATA_SELECTOR","NAVBAR_OPEN","Events","CLICK","Navbar","constructor","element","self","_element","_button","document","querySelector","style","display","_class","getAttribute","_layout","parentNode","classList","add","_overlay","createElement","addEventListener","_toggleNavbar","body","appendChild","navbarEl","toggle","_getElement","navbar","BGNavbar"],"mappings":"AAAA;AACA;;;;;;AAKA,MAAMA,OAAO,QAAb;AACA,MAAMC,UAAU,OAAhB;;AAEA,MAAMC,YAAY;AAChBC,QAAM,QADU;AAEhBC,UAAQ,UAFQ;AAGhBC,UAAQ,cAHQ;AAIhBC,UAAQ,gBAJQ;AAKhBC,WAAS,WALO;AAMhBC,kBAAgB;AANA,CAAlB;;AASA,MAAMC,WAAW;AACfC,QAAM,eADS;AAEfC,iBAAe,aAFA;AAGfC,eAAaV,UAAUE,MAAV,GAAmB;AAHjB,CAAjB;;AAMA,MAAMS,SAAS;AACbC,SAAQ;AADK,CAAf;;AAIA,MAAMC,MAAN,CAAa;;AAEXC,cAAYC,OAAZ,EAAqB;AACnB;AACA,QAAIC,OAAO,IAAX;AACA,SAAKC,QAAL,GAAgBF,OAAhB;;AAEA;AACA,SAAKG,OAAL,GAAeC,SAASC,aAAT,CAAuB,MAAMpB,UAAUI,MAAvC,CAAf;;AAEA;AACA,QAAI,KAAKa,QAAL,IAAiB,IAArB,EAA2B;AACzB,WAAKC,OAAL,CAAaG,KAAb,CAAmBC,OAAnB,GAA6B,MAA7B;AACA,aAAO,KAAP;AACD;;AAED;AACA,SAAKC,MAAL,GAAcR,QAAQS,YAAR,CAAqBjB,SAASE,aAA9B,CAAd;;AAEA;AACA,SAAKgB,OAAL,GAAeV,QAAQW,UAAvB;;AAEA;AACA,SAAKT,QAAL,CAAcU,SAAd,CAAwBC,GAAxB,CAA4B5B,UAAUE,MAAtC;AACA,SAAKuB,OAAL,CAAaE,SAAb,CAAuBC,GAAvB,CAA2B5B,UAAUG,MAAV,GAAkB,GAAlB,GAAuB,KAAKoB,MAAvD;;AAEA,QAAI,KAAKN,QAAL,IAAiB,IAArB,EAA2B;AACzB;AACA,WAAKY,QAAL,GAAgBV,SAASW,aAAT,CAAuB,KAAvB,CAAhB;AACA,WAAKD,QAAL,CAAcF,SAAd,CAAwBC,GAAxB,CAA4B5B,UAAUK,OAAtC;AACA,WAAKwB,QAAL,CAAcE,gBAAd,CAA+BpB,OAAOC,KAAtC,EACE,YAAY;AACRI,aAAKgB,aAAL,CAAmBhB,IAAnB;AACH,OAHH;AAIAG,eAASc,IAAT,CAAcC,WAAd,CAA0B,KAAKL,QAA/B;AACD;;AAED;AACA,QAAI,KAAKX,OAAL,KAAiB,IAArB,EAA2B;AACzB,WAAKA,OAAL,CAAaa,gBAAb,CAA8BpB,OAAOC,KAArC,EACE,YAAY;AACRI,aAAKgB,aAAL,CAAmBhB,IAAnB;AACH,OAHH;AAID;AACF;;AAEDgB,gBAAchB,IAAd,EAAoB;AAChB,QAAImB,WAAWnB,KAAKC,QAApB;AACAD,SAAKa,QAAL,CAAcF,SAAd,CAAwBS,MAAxB,CAA+BpC,UAAUM,cAAzC;AACA6B,aAASR,SAAT,CAAmBS,MAAnB,CAA0BpC,UAAUC,IAApC;AACH;;AAED,SAAOoC,WAAP,GAAqB;AACjB,QAAIC,SAASnB,SAASC,aAAT,CAAuBb,SAASC,IAAhC,CAAb;AACA,WAAO,IAAIK,MAAJ,CAAWyB,MAAX,CAAP;AACH;;AAvDU;;AA2Db,MAAMC,WAAW1B,OAAOwB,WAAP,EAAjB","file":"navbar.js","sourcesContent":["'use strict';\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\nconst NAME = 'navbar'\nconst VERSION = '1.0.0'\n\nconst ClassName = {\n OPEN: '--open',\n NAVBAR: '--navbar',\n LAYOUT: '--has-navbar',\n BUTTON: '--toggler-menu',\n OVERLAY: '--overlay',\n OVERLAYVISIBLE: '--visible'\n}\n\nconst Selector = {\n DATA: '[data-navbar]',\n DATA_SELECTOR: 'data-navbar',\n NAVBAR_OPEN: ClassName.NAVBAR + '.open'\n}\n\nconst Events = {\n CLICK: 'click'\n}\n\nclass Navbar {\n\n constructor(element) {\n // get element\n var self = this;\n this._element = element;\n\n // button to toggle menu\n this._button = document.querySelector('.' + ClassName.BUTTON);\n\n // if button doesn't exist in the dom don't display\n if (this._element == null) {\n this._button.style.display = 'none';\n return false;\n }\n\n // Element data-navbar attribute value\n this._class = element.getAttribute(Selector.DATA_SELECTOR);\n\n // get layout\n this._layout = element.parentNode;\n\n // add classes\n this._element.classList.add(ClassName.NAVBAR);\n this._layout.classList.add(ClassName.LAYOUT +'-'+ this._class);\n\n if (this._element != null) {\n // add overlay\n this._overlay = document.createElement('div');\n this._overlay.classList.add(ClassName.OVERLAY);\n this._overlay.addEventListener(Events.CLICK,\n function () {\n self._toggleNavbar(self);\n });\n document.body.appendChild(this._overlay);\n }\n\n // if an element exist add click EVENT\n if (this._button !== null) {\n this._button.addEventListener(Events.CLICK,\n function () {\n self._toggleNavbar(self);\n });\n }\n }\n\n _toggleNavbar(self) {\n let navbarEl = self._element;\n self._overlay.classList.toggle(ClassName.OVERLAYVISIBLE);\n navbarEl.classList.toggle(ClassName.OPEN)\n }\n\n static _getElement() {\n let navbar = document.querySelector(Selector.DATA);\n return new Navbar(navbar)\n }\n\n}\n\nconst BGNavbar = Navbar._getElement();\n"]} \ No newline at end of file diff --git a/docs/dist/js/navbar.min.js b/docs/dist/js/navbar.min.js index 9d4edb0..02a9225 100644 --- a/docs/dist/js/navbar.min.js +++ b/docs/dist/js/navbar.min.js @@ -1,2 +1,2 @@ -"use strict";const NAME="navbar",VERSION="1.0.0",ClassName={OPEN:"--open",NAVBAR:"--navbar",LAYOUT:"--has-navbar",BUTTON:"--toggler-menu",OVERLAY:"--overlay",OVERLAYVISIBLE:"--visible"},Selector={DATA:"[data-navbar]",DATA_SELECTOR:"data-navbar",NAVBAR_OPEN:ClassName.NAVBAR+".open"},Events={CLICK:"click"};class Navbar{constructor(element){var self=this;if(this._element=element,this._button=document.querySelector("."+ClassName.BUTTON),null==this._element)return this._button.style.display="none",!1;this._class=element.getAttribute(Selector.DATA_SELECTOR),console.log(this._class),this._layout=element.parentNode,this._element.classList.add(ClassName.NAVBAR),this._layout.classList.add(ClassName.LAYOUT+"-"+this._class),null!=this._element&&(this._overlay=document.createElement("div"),this._overlay.classList.add(ClassName.OVERLAY),this._overlay.addEventListener(Events.CLICK,function(){self._toggleNavbar(self)}),document.body.appendChild(this._overlay)),null!==this._button&&this._button.addEventListener(Events.CLICK,function(){self._toggleNavbar(self)})}_toggleNavbar(self){let navbarEl=self._element;self._overlay.classList.toggle(ClassName.OVERLAYVISIBLE),navbarEl.classList.toggle(ClassName.OPEN)}static _getElement(){let navbar=document.querySelector(Selector.DATA);return new Navbar(navbar)}}const BGNavbar=Navbar._getElement(); +"use strict";const NAME="navbar",VERSION="1.0.0",ClassName={OPEN:"--open",NAVBAR:"--navbar",LAYOUT:"--has-navbar",BUTTON:"--toggler-menu",OVERLAY:"--overlay",OVERLAYVISIBLE:"--visible"},Selector={DATA:"[data-navbar]",DATA_SELECTOR:"data-navbar",NAVBAR_OPEN:ClassName.NAVBAR+".open"},Events={CLICK:"click"};class Navbar{constructor(element){var self=this;if(this._element=element,this._button=document.querySelector("."+ClassName.BUTTON),null==this._element)return this._button.style.display="none",!1;this._class=element.getAttribute(Selector.DATA_SELECTOR),this._layout=element.parentNode,this._element.classList.add(ClassName.NAVBAR),this._layout.classList.add(ClassName.LAYOUT+"-"+this._class),null!=this._element&&(this._overlay=document.createElement("div"),this._overlay.classList.add(ClassName.OVERLAY),this._overlay.addEventListener(Events.CLICK,function(){self._toggleNavbar(self)}),document.body.appendChild(this._overlay)),null!==this._button&&this._button.addEventListener(Events.CLICK,function(){self._toggleNavbar(self)})}_toggleNavbar(self){let navbarEl=self._element;self._overlay.classList.toggle(ClassName.OVERLAYVISIBLE),navbarEl.classList.toggle(ClassName.OPEN)}static _getElement(){let navbar=document.querySelector(Selector.DATA);return new Navbar(navbar)}}const BGNavbar=Navbar._getElement(); //# sourceMappingURL=navbar.min.js.map \ No newline at end of file diff --git a/docs/dist/js/navbar.min.js.map b/docs/dist/js/navbar.min.js.map index ceb04d1..d82d5bd 100644 --- a/docs/dist/js/navbar.min.js.map +++ b/docs/dist/js/navbar.min.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../js/src/navbar.js"],"names":["NAME","VERSION","ClassName","OPEN","NAVBAR","LAYOUT","BUTTON","OVERLAY","OVERLAYVISIBLE","Selector","DATA","DATA_SELECTOR","NAVBAR_OPEN","Events","CLICK","Navbar","constructor","element","self","this","_element","_button","document","querySelector","style","display","_class","getAttribute","console","log","_layout","parentNode","classList","add","_overlay","createElement","addEventListener","_toggleNavbar","body","appendChild","navbarEl","toggle","[object Object]","navbar","BGNavbar","_getElement"],"mappings":"AAAA,aAMA,MAAMA,KAAO,SACPC,QAAU,QAEVC,WACJC,KAAM,SACNC,OAAQ,WACRC,OAAQ,eACRC,OAAQ,iBACRC,QAAS,YACTC,eAAgB,aAGZC,UACJC,KAAM,gBACNC,cAAe,cACfC,YAAaV,UAAUE,OAAS,SAG5BS,QACJC,MAAQ,eAGJC,OAEJC,YAAYC,SAEV,IAAIC,KAAOC,KAMX,GALAA,KAAKC,SAAWH,QAGhBE,KAAKE,QAAUC,SAASC,cAAc,IAAMrB,UAAUI,QAEjC,MAAjBa,KAAKC,SAEP,OADAD,KAAKE,QAAQG,MAAMC,QAAU,QACtB,EAITN,KAAKO,OAAST,QAAQU,aAAalB,SAASE,eAE5CiB,QAAQC,IAAIV,KAAKO,QAGjBP,KAAKW,QAAUb,QAAQc,WAGvBZ,KAAKC,SAASY,UAAUC,IAAI/B,UAAUE,QACtCe,KAAKW,QAAQE,UAAUC,IAAI/B,UAAUG,OAAQ,IAAKc,KAAKO,QAElC,MAAjBP,KAAKC,WAEPD,KAAKe,SAAWZ,SAASa,cAAc,OACvChB,KAAKe,SAASF,UAAUC,IAAI/B,UAAUK,SACtCY,KAAKe,SAASE,iBAAiBvB,OAAOC,MACpC,WACII,KAAKmB,cAAcnB,QAEzBI,SAASgB,KAAKC,YAAYpB,KAAKe,WAIZ,OAAjBf,KAAKE,SACPF,KAAKE,QAAQe,iBAAiBvB,OAAOC,MACrC,WACII,KAAKmB,cAAcnB,QAK3BmB,cAAcnB,MACV,IAAIsB,SAAWtB,KAAKE,SACpBF,KAAKgB,SAASF,UAAUS,OAAOvC,UAAUM,gBACzCgC,SAASR,UAAUS,OAAOvC,UAAUC,MAGxCuC,qBACI,IAAIC,OAASrB,SAASC,cAAcd,SAASC,MAC7C,OAAO,IAAIK,OAAO4B,SAKxB,MAAMC,SAAW7B,OAAO8B","sourcesContent":["'use strict';\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\nconst NAME = 'navbar'\nconst VERSION = '1.0.0'\n\nconst ClassName = {\n OPEN: '--open',\n NAVBAR: '--navbar',\n LAYOUT: '--has-navbar',\n BUTTON: '--toggler-menu',\n OVERLAY: '--overlay',\n OVERLAYVISIBLE: '--visible'\n}\n\nconst Selector = {\n DATA: '[data-navbar]',\n DATA_SELECTOR: 'data-navbar',\n NAVBAR_OPEN: ClassName.NAVBAR + '.open'\n}\n\nconst Events = {\n CLICK: 'click'\n}\n\nclass Navbar {\n\n constructor(element) {\n // get element\n var self = this;\n this._element = element;\n\n // button to toggle menu\n this._button = document.querySelector('.' + ClassName.BUTTON);\n\n if (this._element == null) {\n this._button.style.display = 'none';\n return false;\n }\n\n // Element data-navbar attribute value\n this._class = element.getAttribute(Selector.DATA_SELECTOR);\n\n console.log(this._class);\n\n // get layout\n this._layout = element.parentNode;\n\n // add classes\n this._element.classList.add(ClassName.NAVBAR);\n this._layout.classList.add(ClassName.LAYOUT +'-'+ this._class);\n\n if (this._element != null) {\n // add overlay\n this._overlay = document.createElement('div');\n this._overlay.classList.add(ClassName.OVERLAY);\n this._overlay.addEventListener(Events.CLICK,\n function () {\n self._toggleNavbar(self);\n });\n document.body.appendChild(this._overlay);\n }\n\n // if an element exist add click EVENT\n if (this._button !== null) {\n this._button.addEventListener(Events.CLICK,\n function () {\n self._toggleNavbar(self);\n });\n }\n}\n\n _toggleNavbar(self) {\n let navbarEl = self._element;\n self._overlay.classList.toggle(ClassName.OVERLAYVISIBLE);\n navbarEl.classList.toggle(ClassName.OPEN)\n }\n\n static _getElement() {\n let navbar = document.querySelector(Selector.DATA);\n return new Navbar(navbar)\n }\n\n}\n\nconst BGNavbar = Navbar._getElement();\n"]} \ No newline at end of file +{"version":3,"sources":["../../js/src/navbar.js"],"names":["NAME","VERSION","ClassName","OPEN","NAVBAR","LAYOUT","BUTTON","OVERLAY","OVERLAYVISIBLE","Selector","DATA","DATA_SELECTOR","NAVBAR_OPEN","Events","CLICK","Navbar","constructor","element","self","this","_element","_button","document","querySelector","style","display","_class","getAttribute","_layout","parentNode","classList","add","_overlay","createElement","addEventListener","_toggleNavbar","body","appendChild","navbarEl","toggle","[object Object]","navbar","BGNavbar","_getElement"],"mappings":"AAAA,aAMA,MAAMA,KAAO,SACPC,QAAU,QAEVC,WACJC,KAAM,SACNC,OAAQ,WACRC,OAAQ,eACRC,OAAQ,iBACRC,QAAS,YACTC,eAAgB,aAGZC,UACJC,KAAM,gBACNC,cAAe,cACfC,YAAaV,UAAUE,OAAS,SAG5BS,QACJC,MAAQ,eAGJC,OAEJC,YAAYC,SAEV,IAAIC,KAAOC,KAOX,GANAA,KAAKC,SAAWH,QAGhBE,KAAKE,QAAUC,SAASC,cAAc,IAAMrB,UAAUI,QAGjC,MAAjBa,KAAKC,SAEP,OADAD,KAAKE,QAAQG,MAAMC,QAAU,QACtB,EAITN,KAAKO,OAAST,QAAQU,aAAalB,SAASE,eAG5CQ,KAAKS,QAAUX,QAAQY,WAGvBV,KAAKC,SAASU,UAAUC,IAAI7B,UAAUE,QACtCe,KAAKS,QAAQE,UAAUC,IAAI7B,UAAUG,OAAQ,IAAKc,KAAKO,QAElC,MAAjBP,KAAKC,WAEPD,KAAKa,SAAWV,SAASW,cAAc,OACvCd,KAAKa,SAASF,UAAUC,IAAI7B,UAAUK,SACtCY,KAAKa,SAASE,iBAAiBrB,OAAOC,MACpC,WACII,KAAKiB,cAAcjB,QAEzBI,SAASc,KAAKC,YAAYlB,KAAKa,WAIZ,OAAjBb,KAAKE,SACPF,KAAKE,QAAQa,iBAAiBrB,OAAOC,MACnC,WACII,KAAKiB,cAAcjB,QAK7BiB,cAAcjB,MACV,IAAIoB,SAAWpB,KAAKE,SACpBF,KAAKc,SAASF,UAAUS,OAAOrC,UAAUM,gBACzC8B,SAASR,UAAUS,OAAOrC,UAAUC,MAGxCqC,qBACI,IAAIC,OAASnB,SAASC,cAAcd,SAASC,MAC7C,OAAO,IAAIK,OAAO0B,SAKxB,MAAMC,SAAW3B,OAAO4B","sourcesContent":["'use strict';\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\nconst NAME = 'navbar'\nconst VERSION = '1.0.0'\n\nconst ClassName = {\n OPEN: '--open',\n NAVBAR: '--navbar',\n LAYOUT: '--has-navbar',\n BUTTON: '--toggler-menu',\n OVERLAY: '--overlay',\n OVERLAYVISIBLE: '--visible'\n}\n\nconst Selector = {\n DATA: '[data-navbar]',\n DATA_SELECTOR: 'data-navbar',\n NAVBAR_OPEN: ClassName.NAVBAR + '.open'\n}\n\nconst Events = {\n CLICK: 'click'\n}\n\nclass Navbar {\n\n constructor(element) {\n // get element\n var self = this;\n this._element = element;\n\n // button to toggle menu\n this._button = document.querySelector('.' + ClassName.BUTTON);\n\n // if button doesn't exist in the dom don't display\n if (this._element == null) {\n this._button.style.display = 'none';\n return false;\n }\n\n // Element data-navbar attribute value\n this._class = element.getAttribute(Selector.DATA_SELECTOR);\n\n // get layout\n this._layout = element.parentNode;\n\n // add classes\n this._element.classList.add(ClassName.NAVBAR);\n this._layout.classList.add(ClassName.LAYOUT +'-'+ this._class);\n\n if (this._element != null) {\n // add overlay\n this._overlay = document.createElement('div');\n this._overlay.classList.add(ClassName.OVERLAY);\n this._overlay.addEventListener(Events.CLICK,\n function () {\n self._toggleNavbar(self);\n });\n document.body.appendChild(this._overlay);\n }\n\n // if an element exist add click EVENT\n if (this._button !== null) {\n this._button.addEventListener(Events.CLICK,\n function () {\n self._toggleNavbar(self);\n });\n }\n }\n\n _toggleNavbar(self) {\n let navbarEl = self._element;\n self._overlay.classList.toggle(ClassName.OVERLAYVISIBLE);\n navbarEl.classList.toggle(ClassName.OPEN)\n }\n\n static _getElement() {\n let navbar = document.querySelector(Selector.DATA);\n return new Navbar(navbar)\n }\n\n}\n\nconst BGNavbar = Navbar._getElement();\n"]} \ No newline at end of file diff --git a/docs/documentation/1.0/customize/index.html b/docs/documentation/1.0/customize/index.html index ae22c97..d8f1095 100644 --- a/docs/documentation/1.0/customize/index.html +++ b/docs/documentation/1.0/customize/index.html @@ -48,7 +48,7 @@
  • GitHub
    • -
  • Download +
  • Download
    • @@ -59,7 +59,7 @@