@coreui/coreui 2.1.10 → 2.1.16

package/js/src/ajax-load.js

@@ -2,7 +2,7 @@ import $ from 'jquery'
 
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v2.1.10): ajax-load.js
+ * CoreUI (v2.1.16): ajax-load.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */
@@ -16,7 +16,7 @@ const AjaxLoad = (($) => {
    */
 
   const NAME                       = 'ajaxLoad'
-  const VERSION                    = '2.1.10'
+  const VERSION                    = '2.1.16'
   const DATA_KEY                   = 'coreui.ajaxLoad'
   const JQUERY_NO_CONFLICT         = $.fn[NAME]
 
@@ -58,6 +58,7 @@ const AjaxLoad = (($) => {
       } else {
         this.setUpUrl(this._config.defaultPage)
       }
+      this._removeEventListeners()
       this._addEventListeners()
     }
 
@@ -167,6 +168,10 @@ const AjaxLoad = (($) => {
       })
     }
 
+    _removeEventListeners() {
+      $(document).off(Event.CLICK, `${Selector.NAV_LINK}[href!="#"]`)
+    }
+
     // Static
 
     static _jQueryInterface(config) {

package/js/src/aside-menu.js

@@ -3,7 +3,7 @@ import toggleClasses from './toggle-classes'
 
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v2.1.10): aside-menu.js
+ * CoreUI (v2.1.16): aside-menu.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */
@@ -16,7 +16,7 @@ const AsideMenu = (($) => {
    */
 
   const NAME                = 'aside-menu'
-  const VERSION             = '2.1.10'
+  const VERSION             = '2.1.16'
   const DATA_KEY            = 'coreui.aside-menu'
   const EVENT_KEY           = `.${DATA_KEY}`
   const DATA_API_KEY        = '.data-api'
@@ -51,6 +51,7 @@ const AsideMenu = (($) => {
   class AsideMenu {
     constructor(element) {
       this._element = element
+      this._removeEventListeners()
       this._addEventListeners()
     }
 
@@ -71,6 +72,10 @@ const AsideMenu = (($) => {
       })
     }
 
+    _removeEventListeners() {
+      $(document).off(Event.CLICK, Selector.ASIDE_MENU_TOGGLER)
+    }
+
     // Static
 
     static _jQueryInterface() {
@@ -92,7 +97,7 @@ const AsideMenu = (($) => {
    * ------------------------------------------------------------------------
    */
 
-  $(window).on(Event.LOAD_DATA_API, () => {
+  $(window).one(Event.LOAD_DATA_API, () => {
     const asideMenu = $(Selector.ASIDE_MENU)
     AsideMenu._jQueryInterface.call(asideMenu)
   })

package/js/src/index.js

@@ -5,7 +5,7 @@ import Sidebar from './sidebar'
 
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v2.1.10): index.js
+ * CoreUI (v2.1.16): index.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */

package/js/src/sidebar.js

@@ -5,7 +5,7 @@ import toggleClasses from './toggle-classes'
 
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v2.1.10): sidebar.js
+ * CoreUI (v2.1.16): sidebar.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */
@@ -18,7 +18,7 @@ const Sidebar = (($) => {
    */
 
   const NAME                = 'sidebar'
-  const VERSION             = '2.1.10'
+  const VERSION             = '2.1.16'
   const DATA_KEY            = 'coreui.sidebar'
   const EVENT_KEY           = `.${DATA_KEY}`
   const DATA_API_KEY        = '.data-api'
@@ -32,6 +32,7 @@ const Sidebar = (($) => {
     ACTIVE              : 'active',
     BRAND_MINIMIZED     : 'brand-minimized',
     NAV_DROPDOWN_TOGGLE : 'nav-dropdown-toggle',
+    NAV_LINK_QUERIED    : 'nav-link-queried',
     OPEN                : 'open',
     SIDEBAR_FIXED       : 'sidebar-fixed',
     SIDEBAR_MINIMIZED   : 'sidebar-minimized',
@@ -59,7 +60,8 @@ const Sidebar = (($) => {
     NAVIGATION           : '.sidebar-nav > .nav',
     SIDEBAR              : '.sidebar',
     SIDEBAR_MINIMIZER    : '.sidebar-minimizer',
-    SIDEBAR_TOGGLER      : '.sidebar-toggler'
+    SIDEBAR_TOGGLER      : '.sidebar-toggler',
+    SIDEBAR_SCROLL       : '.sidebar-scroll'
   }
 
   const ShowClassNames = [
@@ -85,6 +87,7 @@ const Sidebar = (($) => {
       this.setActiveLink()
       this._breakpointTest = this._breakpointTest.bind(this)
       this._clickOutListener = this._clickOutListener.bind(this)
+      this._removeEventListeners()
       this._addEventListeners()
       this._addMediaQuery()
     }
@@ -127,7 +130,17 @@ const Sidebar = (($) => {
       }
     }
 
-    makeScrollbar(container = Selector.NAVIGATION_CONTAINER) {
+    makeScrollbar() {
+      let container = Selector.SIDEBAR_SCROLL
+
+      if (document.querySelector(container) === null) {
+        container = Selector.NAVIGATION_CONTAINER
+
+        if (document.querySelector(container) === null) {
+          return null
+        }
+      }
+
       const ps = new PerfectScrollbar(document.querySelector(container), {
         suppressScrollX: true
       })
@@ -148,7 +161,7 @@ const Sidebar = (($) => {
         let link = value
         let cUrl
 
-        if (link.classList.contains(Selector.NAV_LINK_QUERIED)) {
+        if (link.classList.contains(ClassName.NAV_LINK_QUERIED)) {
           cUrl = String(window.location)
         } else {
           cUrl = String(window.location).split('?')[0]
@@ -248,6 +261,14 @@ const Sidebar = (($) => {
       })
     }
 
+    _removeEventListeners() {
+      $(document).off(Event.CLICK, Selector.BRAND_MINIMIZER)
+      $(document).off(Event.CLICK, Selector.NAV_DROPDOWN_TOGGLE)
+      $(document).off(Event.CLICK, Selector.SIDEBAR_MINIMIZER)
+      $(document).off(Event.CLICK, Selector.SIDEBAR_TOGGLER)
+      $(`${Selector.NAVIGATION} > ${Selector.NAV_ITEM} ${Selector.NAV_LINK}:not(${Selector.NAV_DROPDOWN_TOGGLE})`).off(Event.CLICK)
+    }
+
     // Static
 
     static _jQueryInterface() {
@@ -269,7 +290,7 @@ const Sidebar = (($) => {
    * ------------------------------------------------------------------------
    */
 
-  $(window).on(Event.LOAD_DATA_API, () => {
+  $(window).one(Event.LOAD_DATA_API, () => {
     const sidebar = $(Selector.SIDEBAR)
     Sidebar._jQueryInterface.call(sidebar)
   })

package/js/src/toggle-classes.js

@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v2.1.10): toggle-classes.js
+ * CoreUI (v2.1.16): toggle-classes.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */

package/js/src/utilities/classes.js

@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI Utilities (v2.1.10): classes.js
+ * CoreUI Utilities (v2.1.16): classes.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */

package/js/src/utilities/get-color.js

@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI Utilities (v2.1.10): get-color.js
+ * CoreUI Utilities (v2.1.16): get-color.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */

package/js/src/utilities/get-css-custom-properties.js

@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI Utilities (v2.1.10): get-css-custom-properties.js
+ * CoreUI Utilities (v2.1.16): get-css-custom-properties.js
  * Licensed under MIT (https://coreui.io/license)
  * @returns {string} css custom property name
  * --------------------------------------------------------------------------

package/js/src/utilities/get-style.js

@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI Utilities (v2.1.10): get-style.js
+ * CoreUI Utilities (v2.1.16): get-style.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */

package/js/src/utilities/hex-to-rgb.js

@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI Utilities (v2.1.10): hex-to-rgb.js
+ * CoreUI Utilities (v2.1.16): hex-to-rgb.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */

package/js/src/utilities/hex-to-rgba.js

@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI Utilities (v2.1.10): hex-to-rgba.js
+ * CoreUI Utilities (v2.1.16): hex-to-rgba.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */

package/js/src/utilities/rgb-to-hex.js

@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v2.1.10): rgb-to-hex.js
+ * CoreUI (v2.1.16): rgb-to-hex.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/coreui",
-  "version": "2.1.10",
+  "version": "2.1.16",
   "description": "Open Source UI Kit built on top of Bootstrap 4",
   "keywords": [
     "bootstrap",
@@ -74,44 +74,44 @@
   "dependencies": {
     "@coreui/coreui-plugin-npm-postinstall": "^1.0.2",
     "bootstrap": "^4.3.1",
-    "core-js": "^3.1.3",
-    "regenerator-runtime": "^0.13.2"
+    "core-js": "^3.3.4",
+    "regenerator-runtime": "^0.13.3"
   },
   "devDependencies": {
-    "@babel/cli": "^7.4.4",
-    "@babel/core": "^7.4.5",
+    "@babel/cli": "^7.6.4",
+    "@babel/core": "^7.6.4",
     "@babel/plugin-external-helpers": "^7.2.0",
-    "@babel/plugin-proposal-object-rest-spread": "^7.4.4",
+    "@babel/plugin-proposal-object-rest-spread": "^7.6.2",
     "@babel/plugin-proposal-throw-expressions": "^7.2.0",
-    "@babel/plugin-transform-runtime": "^7.4.4",
-    "@babel/preset-env": "^7.4.5",
-    "autoprefixer": "^9.5.1",
-    "babel-eslint": "^10.0.1",
-    "babel-plugin-istanbul": "^5.1.4",
+    "@babel/plugin-transform-runtime": "^7.6.2",
+    "@babel/preset-env": "^7.6.3",
+    "autoprefixer": "^9.7.0",
+    "babel-eslint": "^10.0.3",
+    "babel-plugin-istanbul": "^5.2.0",
     "babel-plugin-transform-es2015-modules-strip": "^0.1.1",
     "clean-css-cli": "^4.3.0",
-    "copyfiles": "^2.1.0",
-    "cross-env": "^5.2.0",
-    "eslint": "^5.16.0",
-    "eslint-plugin-compat": "^3.1.1",
-    "node-sass": "^4.12.0",
-    "nodemon": "^1.19.1",
+    "copyfiles": "^2.1.1",
+    "cross-env": "^5.2.1",
+    "eslint": "^6.5.1",
+    "eslint-plugin-compat": "^3.3.0",
+    "node-sass": "^4.13.0",
+    "nodemon": "^1.19.4",
     "npm-run-all": "^4.1.5",
-    "postcss-cli": "^6.1.2",
-    "rimraf": "^2.6.3",
-    "rollup": "^1.13.0",
-    "rollup-plugin-babel": "^4.3.2",
-    "rollup-plugin-commonjs": "^10.0.0",
-    "rollup-plugin-node-resolve": "^5.0.1",
-    "semver": "^6.1.1",
+    "postcss-cli": "^6.1.3",
+    "rimraf": "^2.7.1",
+    "rollup": "^1.25.2",
+    "rollup-plugin-babel": "^4.3.3",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "semver": "^6.3.0",
     "shelljs": "^0.8.3",
     "shx": "^0.3.2",
-    "stylelint": "^10.0.1",
-    "stylelint-config-recommended-scss": "^3.3.0",
-    "stylelint-config-standard": "^18.3.0",
-    "stylelint-order": "^3.0.0",
-    "stylelint-scss": "^3.7.0",
-    "uglify-js": "^3.6.0"
+    "stylelint": "^11.1.1",
+    "stylelint-config-recommended-scss": "^4.0.0",
+    "stylelint-config-standard": "^19.0.0",
+    "stylelint-order": "^3.1.1",
+    "stylelint-scss": "^3.12.0",
+    "uglify-js": "^3.6.4"
   },
   "peerDependencies": {
     "jquery": "1.9.1 - 3",

package/scss/_header.scss

@@ -114,7 +114,7 @@
   background-color: rgba(0, 0, 0, .075);
 }
 
-@include media-breakpoint-up(lg) {
+@include media-breakpoint-up($breakpoint-mobile-up) {
   .brand-minimized {
     .app-header {
       .navbar-brand {

package/scss/_layout.scss

@@ -67,7 +67,7 @@ html[dir="rtl"] {
   }
 }
 
-@include media-breakpoint-up(lg) {
+@include media-breakpoint-up($breakpoint-mobile-up) {
   //
   // Header
   //
@@ -256,9 +256,17 @@ html[dir="rtl"] {
               }
             }
             &.sidebar-minimized {
-              .main,
-              .app-footer {
-                margin-left: if($breakpoint != "lg" and $breakpoint != "xl", $sidebar-width, $sidebar-minimized-width);
+              @include media-breakpoint-down($breakpoint-mobile-down) {
+                .main,
+                .app-footer {
+                  margin-left: $sidebar-width;
+                }
+              }
+              @include media-breakpoint-up($breakpoint-mobile-up) {
+                .main,
+                .app-footer {
+                  margin-left: $sidebar-minimized-width;
+                }
               }
             }
           }
@@ -320,9 +328,17 @@ html[dir="rtl"] {
               }
             }
             &.sidebar-minimized {
-              .main,
-              .app-footer {
-                margin-right: if($breakpoint != "lg" and $breakpoint != "xl", $sidebar-width, $sidebar-minimized-width);
+              @include media-breakpoint-down($breakpoint-mobile-down) {
+                .main,
+                .app-footer {
+                  margin-right: $sidebar-width;
+                }
+              }
+              @include media-breakpoint-up($breakpoint-mobile-up) {
+                .main,
+                .app-footer {
+                  margin-right: $sidebar-minimized-width;
+                }
               }
             }
           }
@@ -432,7 +448,7 @@ html[dir="rtl"] {
 //
 // Mobile layout
 //
-@include media-breakpoint-down(md) {
+@include media-breakpoint-down($breakpoint-mobile-down) {
   .app-header {
     position: fixed;
     z-index: $zindex-sticky;

package/scss/_navbar.scss

@@ -114,7 +114,7 @@
   background-color: rgba(0, 0, 0, .075);
 }
 
-@include media-breakpoint-up(lg) {
+@include media-breakpoint-up($breakpoint-mobile-up) {
   .brand-minimized {
     .app-header {
       .navbar-brand {

package/scss/_sidebar.scss

@@ -45,7 +45,7 @@
     }
   }
 
-  .sidebar-nav {
+  .sidebar-scroll {
     position: relative;
     flex: 1;
     overflow-x: hidden;
@@ -53,6 +53,17 @@
     @include sidebar-width($sidebar-borders, $sidebar-width);
   }
 
+  .sidebar-nav {
+    position: relative;
+    flex: 1;
+    @include sidebar-width($sidebar-borders, $sidebar-width);
+  }
+
+  > .sidebar-nav {
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+
   .nav {
     @include sidebar-width($sidebar-borders, $sidebar-width);
     flex-direction: column;
@@ -310,7 +321,7 @@
   }
 }
 
-@include media-breakpoint-up(lg) {
+@include media-breakpoint-up($breakpoint-mobile-up) {
   .sidebar-compact {
     .sidebar {
       .sidebar-nav {
@@ -365,6 +376,11 @@
     .sidebar {
       z-index: $zindex-sticky - 1;
 
+      .sidebar-scroll {
+        overflow: visible;
+        @include sidebar-width($sidebar-borders, $sidebar-minimized-width);
+      }
+
       .sidebar-nav {
         overflow: visible;
         @include sidebar-width($sidebar-borders, $sidebar-minimized-width);

package/scss/_variables.scss

@@ -202,3 +202,7 @@ $switch-handle-margin:                2px !default;
 
 // Cursor
 $cursor-disabled: default !default;
+
+// Breakpoints for mobile
+$breakpoint-mobile-up: lg !default;
+$breakpoint-mobile-down: md !default;

package/scss/coreui-standalone.scss

@@ -1,6 +1,6 @@
 /*!
  * CoreUI - Open Source Dashboard UI Kit
- * @version v2.1.10
+ * @version v2.1.16
  * @link https://coreui.io
  * Copyright (c) 2018 creativeLabs Łukasz Holeczek
  * Licensed under MIT (https://coreui.io/license)

package/scss/coreui.scss

@@ -1,6 +1,6 @@
 /*!
  * CoreUI - Open Source Dashboard UI Kit
- * @version v2.1.10
+ * @version v2.1.16
  * @link https://coreui.io
  * Copyright (c) 2018 creativeLabs Łukasz Holeczek
  * Licensed under MIT (https://coreui.io/license)