refactor: sync with dev

mrholek · mrholek · commit 09d021c3767f · 2020-06-11T23:04:12.000+02:00
diff --git a/js/src/alert.js b/js/src/alert.js
@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v3.2.0): alert.js
+ * CoreUI (v3.2.1): alert.js
  * Licensed under MIT (https://coreui.io/license)
  *
  * This component is a modified version of the Bootstrap's alert.js
@@ -26,7 +26,7 @@ import EventHandler from './dom/event-handler'
  */
 
 const NAME = 'alert'
-const VERSION = '3.2.0'
+const VERSION = '3.2.1'
 const DATA_KEY = 'coreui.alert'
 const EVENT_KEY = `.${DATA_KEY}`
 const DATA_API_KEY = '.data-api'
diff --git a/js/src/async-load.js b/js/src/async-load.js
@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v3.2.0): asyn-load.js
+ * CoreUI (v3.2.1): asyn-load.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */
@@ -16,7 +16,7 @@ import EventHandler from './dom/event-handler'
  */
 
 const NAME = 'asyncLoad'
-const VERSION = '3.2.0'
+const VERSION = '3.2.1'
 const DATA_KEY = 'coreui.asyncLoad'
 const EVENT_KEY = `.${DATA_KEY}`
 const DATA_API_KEY = '.data-api'
diff --git a/js/src/button.js b/js/src/button.js
@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v3.2.0): button.js
+ * CoreUI (v3.2.1): button.js
  * Licensed under MIT (https://coreui.io/license)
  *
  * This component is a modified version of the Bootstrap's buttons.js
@@ -21,7 +21,7 @@ import SelectorEngine from './dom/selector-engine'
  */
 
 const NAME = 'button'
-const VERSION = '3.2.0'
+const VERSION = '3.2.1'
 const DATA_KEY = 'coreui.button'
 const EVENT_KEY = `.${DATA_KEY}`
 const DATA_API_KEY = '.data-api'
diff --git a/js/src/carousel.js b/js/src/carousel.js
@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v3.2.0): carousel.js
+ * CoreUI (v3.2.1): carousel.js
  * Licensed under MIT (https://coreui.io/license)
  *
  * This component is a modified version of the Bootstrap's carousel.js
@@ -32,7 +32,7 @@ import SelectorEngine from './dom/selector-engine'
  */
 
 const NAME = 'carousel'
-const VERSION = '3.2.0'
+const VERSION = '3.2.1'
 const DATA_KEY = 'coreui.carousel'
 const EVENT_KEY = `.${DATA_KEY}`
 const DATA_API_KEY = '.data-api'
diff --git a/js/src/class-toggler.js b/js/src/class-toggler.js
@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v3.2.0): class-toggler.js
+ * CoreUI (v3.2.1): class-toggler.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */
@@ -18,7 +18,7 @@ import EventHandler from './dom/event-handler'
  */
 
 const NAME = 'class-toggler'
-const VERSION = '3.2.0'
+const VERSION = '3.2.1'
 const DATA_KEY = 'coreui.class-toggler'
 const EVENT_KEY = `.${DATA_KEY}`
 const DATA_API_KEY = '.data-api'
diff --git a/js/src/collapse.js b/js/src/collapse.js
@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v3.2.0): collapse.js
+ * CoreUI (v3.2.1): collapse.js
  * Licensed under MIT (https://coreui.io/license)
  *
  * This component is a modified version of the Bootstrap's collapse.js
@@ -32,7 +32,7 @@ import SelectorEngine from './dom/selector-engine'
  */
 
 const NAME = 'collapse'
-const VERSION = '3.2.0'
+const VERSION = '3.2.1'
 const DATA_KEY = 'coreui.collapse'
 const EVENT_KEY = `.${DATA_KEY}`
 const DATA_API_KEY = '.data-api'
diff --git a/js/src/dom/data.js b/js/src/dom/data.js
diff --git a/js/src/dom/event-handler.js b/js/src/dom/event-handler.js
diff --git a/js/src/dom/manipulator.js b/js/src/dom/manipulator.js
diff --git a/js/src/dom/polyfill.js b/js/src/dom/polyfill.js
diff --git a/js/src/dom/selector-engine.js b/js/src/dom/selector-engine.js
diff --git a/js/src/modal.js b/js/src/modal.js
@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v3.2.0): modal.js
+ * CoreUI (v3.2.1): modal.js
  * Licensed under MIT (https://coreui.io/license)
  *
  * This component is a modified version of the Bootstrap's modal.js
@@ -31,7 +31,7 @@ import SelectorEngine from './dom/selector-engine'
  */
 
 const NAME = 'modal'
-const VERSION = '3.2.0'
+const VERSION = '3.2.1'
 const DATA_KEY = 'coreui.modal'
 const EVENT_KEY = `.${DATA_KEY}`
 const DATA_API_KEY = '.data-api'
diff --git a/js/src/polyfills.js b/js/src/polyfills.js
@@ -498,3 +498,22 @@ if (!('Promise' in globalNS)) {
 }
 
 })));
+
+(function () {
+  if (
+      typeof window.CustomEvent === "function" ||
+      // In Safari, typeof CustomEvent == 'object' but it otherwise works fine
+      this.CustomEvent.toString().indexOf('CustomEventConstructor')>-1
+  ) { return; }
+
+  function CustomEvent ( event, params ) {
+    params = params || { bubbles: false, cancelable: false, detail: undefined };
+    var evt = document.createEvent( 'CustomEvent' );
+    evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
+    return evt;
+   }
+
+  CustomEvent.prototype = window.Event.prototype;
+
+  window.CustomEvent = CustomEvent;
+})();
diff --git a/js/src/popover.js b/js/src/popover.js
@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v3.2.0): popover.js
+ * CoreUI (v3.2.1): popover.js
  * Licensed under MIT (https://coreui.io/license)
  *
  * This component is a modified version of the Bootstrap's popover.js
@@ -21,7 +21,7 @@ import Tooltip from './tooltip'
  */
 
 const NAME = 'popover'
-const VERSION = '3.2.0'
+const VERSION = '3.2.1'
 const DATA_KEY = 'coreui.popover'
 const EVENT_KEY = `.${DATA_KEY}`
 const CLASS_PREFIX = 'bs-popover'
diff --git a/js/src/scrollspy.js b/js/src/scrollspy.js
@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v3.2.0): scrollspy.js
+ * CoreUI (v3.2.1): scrollspy.js
  * Licensed under MIT (https://coreui.io/license)
  *
  * This component is a modified version of the Bootstrap's scrollspy.js
@@ -28,7 +28,7 @@ import SelectorEngine from './dom/selector-engine'
  */
 
 const NAME = 'scrollspy'
-const VERSION = '3.2.0'
+const VERSION = '3.2.1'
 const DATA_KEY = 'coreui.scrollspy'
 const EVENT_KEY = `.${DATA_KEY}`
 const DATA_API_KEY = '.data-api'
diff --git a/js/src/sidebar.js b/js/src/sidebar.js
@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v3.2.0): sidebar.js
+ * CoreUI (v3.2.1): sidebar.js
  * Licensed under MIT (https://coreui.io/license)
  * --------------------------------------------------------------------------
  */
@@ -23,7 +23,7 @@ import PerfectScrollbar from 'perfect-scrollbar'
  */
 
 const NAME = 'sidebar'
-const VERSION = '3.2.0'
+const VERSION = '3.2.1'
 const DATA_KEY = 'coreui.sidebar'
 const EVENT_KEY = `.${DATA_KEY}`
 const DATA_API_KEY = '.data-api'
diff --git a/js/src/tab.js b/js/src/tab.js
@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v3.2.0): tab.js
+ * CoreUI (v3.2.1): tab.js
  * Licensed under MIT (https://coreui.io/license)
  *
  * This component is a modified version of the Bootstrap's tab.js
@@ -28,7 +28,7 @@ import SelectorEngine from './dom/selector-engine'
  */
 
 const NAME = 'tab'
-const VERSION = '3.2.0'
+const VERSION = '3.2.1'
 const DATA_KEY = 'coreui.tab'
 const EVENT_KEY = `.${DATA_KEY}`
 const DATA_API_KEY = '.data-api'
diff --git a/js/src/toast.js b/js/src/toast.js
@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v3.2.0): toast.js
+ * CoreUI (v3.2.1): toast.js
  * Licensed under MIT (https://coreui.io/license)
  *
  * This component is a modified version of the Bootstrap's toast.js
@@ -28,7 +28,7 @@ import Manipulator from './dom/manipulator'
  */
 
 const NAME = 'toast'
-const VERSION = '3.2.0'
+const VERSION = '3.2.1'
 const DATA_KEY = 'coreui.toast'
 const EVENT_KEY = `.${DATA_KEY}`
 
diff --git a/js/src/util/index.js b/js/src/util/index.js
diff --git a/js/src/util/sanitizer.js b/js/src/util/sanitizer.js
diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
@@ -17,12 +17,7 @@
 .dropdown-menu {
   position: absolute;
   top: 100%;
-  @include ltr {
-    left: 0;
-  }
-  @include rtl {
-    right: 0;
-  }
+  // left: 0;
   z-index: $zindex-dropdown;
   display: none; // none by default, but block on "open" of the menu
   float: left;
@@ -48,29 +43,30 @@
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-    .c-header .dropdown-menu,
-    .navbar .dropdown-menu,
-    .dropdown-menu[data-display^="static"] {
-      &.dropdown-menu#{$infix}-left {
-        @include ltr {
-          right: auto;
-          left: 0;
-        }
-        @include rtl {
-          right: 0;
-          left: auto;
-        }
+
+    .c-header .dropdown-menu#{$infix}-left,
+    .navbar .dropdown-menu#{$infix}-left,
+    [data-display^="static"] ~ .dropdown-menu#{$infix}-left, {
+      @include ltr {
+        right: auto;
+        left: 0;
       }
+      @include rtl {
+        right: 0;
+        left: auto;
+      }
+    }
 
-      &.dropdown-menu#{$infix}-right {
-        @include ltr {
-          right: 0;
-          left: auto;
-        }
-        @include rtl {
-          right: auto;
-          left: 0;
-        }
+    .c-header .dropdown-menu#{$infix}-right,
+    .navbar .dropdown-menu#{$infix}-right,
+    [data-display^="static"] ~ .dropdown-menu#{$infix}-right {
+      @include ltr {
+        right: 0;
+        left: auto;
+      }
+      @include rtl {
+        right: auto;
+        left: 0;
       }
     }
   }
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
@@ -46,6 +46,7 @@ article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
 
 body {
   margin: 0; // 1
+  // TODO: find a better solution to avoid horizontal scroll if a sidebar doesn't have a fixed position.
   overflow-x: hidden; // 4
   font-family: $font-family-base;
   @include font-size($font-size-base);
diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss
@@ -12,21 +12,41 @@
   padding: $sidebar-padding;
   box-shadow: none;
 
+  &.c-sidebar-right {
+    order: 99;
+  }
+
   @include media-breakpoint-down(breakpoint-before($mobile-breakpoint)) {
     // Some of our components use this property to detect if the sidebar has mobile behavior.
     --is-mobile: true;
     position: fixed;
     top: 0;
     bottom: 0;
     z-index: $zindex-fixed + 1;
+
+    @include ltr {
+      &:not(.c-sidebar-right){
+        left: 0;
+      }
+      &.c-sidebar-right {
+        right: 0;
+      }
+    }
+    @include rtl {
+      &:not(.c-sidebar-right){
+        right: 0;
+      }
+      &.c-sidebar-right {
+        left: 0;
+      }
+    }
   }
 
   @include ltr {
     &:not(.c-sidebar-right){
       margin-left: - $sidebar-width;
     }
     &.c-sidebar-right {
-      order: 99;
       margin-right: - $sidebar-width;
     }
   }
diff --git a/scss/coreui.scss b/scss/coreui.scss
@@ -1,6 +1,6 @@
 /*!
  * CoreUI PRO - HTML, CSS, and JavaScript UI Components Library
- * @version v3.2.0
+ * @version v3.2.1
  * @link https://coreui.io/pro/
  * Copyright (c) 2020 creativeLabs Łukasz Holeczek
  * License (https://coreui.io/pro/license/)
diff --git a/scss/themes/dark/variables/components/_close.scss b/scss/themes/dark/variables/components/_close.scss
@@ -6,7 +6,7 @@ $close-text-shadow__dt:  0 1px 0 $black !default;
 $close-theme-map: map-merge(
   $close-theme-map,
   (
-    default: (
+    dark: (
       "close-color":        $close-color__dt,
       "close-text-shadow":  $close-text-shadow__dt
     )
diff --git a/scss/vendors/tippyjs/popover.scss b/scss/vendors/tippyjs/popover.scss
