@beetle/bee-grid - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/js/navbar.js

@@ -32,5 +32,15 @@ 'use strict';
   constructor(element) {
-    // get element and layout
+    // get element
     var self = this;
     this._element = element;
+
+    // button to toggle menu
+    this._button = document.querySelector('.' + ClassName.BUTTON);
+
+    if (this._element == null) {
+      this._button.style.display = 'none';
+      return false;
+    }
+
+    // get layout
     this._layout = element.parentNode;
@@ -42,13 +52,12 @@
 
-    // add overlay
-    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);
+    if (this._element != null) {
+      // add overlay
+      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);
+    }
 
-    // button to toggle menu
-    this._button = document.querySelector('.' + ClassName.BUTTON);
-
     // if an element exist add click EVENT
@@ -55,0 +64,0 @@ if (this._button !== null) {

dist/js/navbar.min.js

@@ -1,2 +0,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]",NAVBAR_OPEN:ClassName.NAVBAR+".open"},Events={CLICK:"click"};class Navbar{constructor(element){var self=this;this._element=element,this._layout=element.parentNode,this._element.classList.add(ClassName.NAVBAR),this._layout.classList.add(ClassName.LAYOUT),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),this._button=document.querySelector("."+ClassName.BUTTON),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]",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._layout=element.parentNode,this._element.classList.add(ClassName.NAVBAR),this._layout.classList.add(ClassName.LAYOUT),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

package.json

 {
   "name": "@beetle/bee-grid",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A microframework based on CSS Grid Layout to build various types of grids thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes to organize your content.",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -23,6 +23,6 @@ <p align="center">
 - Clone the repo: `https://github.com/davidedantonio/bee-grid.git`
-- Install with [npm](https://www.npmjs.com/): `npm install @webeetle/bee-grid`
-- Install with [yarn](https://yarnpkg.com/): `yarn add @webeetle/bee-grid`
+- Install with [npm](https://www.npmjs.com/): `npm install @beetle/bee-grid`
+- Install with [yarn](https://yarnpkg.com/): `yarn add @beetle/bee-grid`
 
-## CSS Files
+## Files
 
@@ -32,8 +32,13 @@ Within the download you'll find the following directories and files, providing both compiled and minified variations. You'll see something like this:
 ```
-bee-grid/
-└── css/
-    ├── bee-grid.css
-    ├── bee-grid.css.map
-    ├── bee-grid.min.css
-    └── bee-grid.min.css.map
+dist
+ ├── css/
+ │    ├── bee-grid.css
+ │    ├── bee-grid.css.map
+ │    ├── bee-grid.min.css
+ │    └── bee-grid.min.css.map
+ └── js/
+      ├── navbar.js
+      ├── navbar.js.map
+      ├── navbar.min.js
+      └── navbar.min.css.js
 ```
@@ -40,0 +45,0 @@

No alert changes

Improved metrics

Total package byte prevSize

982129

increased by0.1%

Lines of code

9287

increased by0.08%

Number of lines in readme file

83

increased by6.41%

No dependency changes