wonky bug if you don't create a new object for defaults

Author: officert

dist/vue-slideout-panel.js

@@ -1,5 +1,5 @@
 /*!
- * vue2-slideout-panel v2.11.0 (https://github.com/officert/vue-slideout-panel)
+ * vue2-slideout-panel v2.12.0 (https://github.com/officert/vue-slideout-panel)
  * (c) 2020 Tim Officer
  * Released under the MIT License.
  */
@@ -12266,10 +12266,11 @@ var vm = {
         return panel.removeBg;
       }).length > 0;
     },
-    panelTopVisibleZindex: function panelTopVisibleZindex() {
+    panelTopVisibleZIndex: function panelTopVisibleZIndex() {
       var visiblePanels = this.panels.filter(function (panel) {
         return panel.visible;
       });
+
       return visiblePanels.length > 0 ? Math.max.apply(Math, (0, _toConsumableArray3.default)(visiblePanels.map(function (panel) {
         return panel.styles['z-index'];
       }))) : Z_INDEX_BASE;
@@ -13260,7 +13261,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       'transparent': !_vm.panelBgVisible
     },
     style: ({
-      'z-index': _vm.panelTopVisibleZindex
+      'z-index': _vm.panelTopVisibleZIndex
     }),
     on: {
       "click": _vm.onBgClicked
@@ -13391,7 +13392,7 @@ function showPanel(panelOptions, existingId) {
 
   var id = existingId || _utils2.default.generateGuid();
 
-  panelOptions = (0, _assign2.default)(PANEL_DEFAULTS, panelOptions);
+  panelOptions = (0, _assign2.default)({}, PANEL_DEFAULTS, panelOptions);
 
   panelOptions.id = id;
   panelOptions.openOn = panelOptions.openOn || 'left';

dist/vue-slideout-panel.min.js

@@ -1,6 +1,6 @@
 {
   "name": "vue2-slideout-panel",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "description": "Lib for creating stackable panels using Vue JS",
   "main": "dist/vue-slideout-panel.js",
   "scripts": {

docs/docs.js

@@ -33,8 +33,9 @@ const vm = {
     panelBgRemoved() {
       return this.panels.filter(panel => panel.removeBg).length > 0;
     },
-    panelTopVisibleZindex() {
+    panelTopVisibleZIndex() {
       const visiblePanels = this.panels.filter(panel => panel.visible);
+
       return (visiblePanels.length > 0) ? Math.max(...visiblePanels.map(panel => panel.styles['z-index'])) : Z_INDEX_BASE;
     }
   },

package.json

@@ -1,7 +1,7 @@
 <transition name="fadeIn">
   <div class="slideout-panel clearfix">
     <transition name="fadeIn">
-      <div class="slideout-panel-bg" @click="onBgClicked" :class="{ 'transparent' : !panelBgVisible }" :style="{ 'z-index' : panelTopVisibleZindex }" v-if="panelsVisible && !panelBgRemoved">
+      <div class="slideout-panel-bg" @click="onBgClicked" :class="{ 'transparent' : !panelBgVisible }" :style="{ 'z-index' : panelTopVisibleZIndex }" v-if="panelsVisible && !panelBgRemoved">
       </div>
     </transition>
     <transition-group class="slideout-wrapper" tag="div" name="slideIn">

src/components/SlideoutPanel/index.vue

@@ -45,7 +45,7 @@ function showPanel(panelOptions, existingId) {
 
   const id = existingId || utils.generateGuid();
 
-  panelOptions = Object.assign(PANEL_DEFAULTS, panelOptions);
+  panelOptions = Object.assign({}, PANEL_DEFAULTS, panelOptions);
 
   panelOptions.id = id;
   panelOptions.openOn = panelOptions.openOn || 'left';