allow setting panel defaults

Author: officert

dist/vue-slideout-panel.js

@@ -1,5 +1,5 @@
 /*!
- * vue2-slideout-panel v2.9.0 (https://github.com/officert/vue-slideout-panel)
+ * vue2-slideout-panel v2.10.0 (https://github.com/officert/vue-slideout-panel)
  * (c) 2020 Tim Officer
  * Released under the MIT License.
  */
@@ -11736,6 +11736,8 @@ if (typeof window !== 'undefined' && window.Vue) {
       NewVue.component('slideout-panel', _SlideoutPanel2.default);
       NewVue.prototype.$showPanel = _service2.default.showPanel;
       NewVue.prototype.$showPanelStack = _service2.default.showPanelStack;
+      NewVue.prototype.$hideAllPanels = _service2.default.hideAllPanels;
+      NewVue.prototype.$setPanelDefaults = _service2.default.setPanelDefaults;
     }
   });
 
@@ -11747,6 +11749,8 @@ exports.default = {
     NewVue.component('slideout-panel', _SlideoutPanel2.default);
     NewVue.prototype.$showPanel = _service2.default.showPanel;
     NewVue.prototype.$showPanelStack = _service2.default.showPanelStack;
+    NewVue.prototype.$hideAllPanels = _service2.default.hideAllPanels;
+    NewVue.prototype.$setPanelDefaults = _service2.default.setPanelDefaults;
   },
   VueSlideoutPanel: _SlideoutPanel2.default,
   vueSlideoutPanelService: _service2.default
@@ -13339,6 +13343,8 @@ var _utils2 = _interopRequireDefault(_utils);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var PANEL_DEFAULTS = {};
+
 var PanelResult = function () {
   function PanelResult(id, promise, panelOptions) {
     (0, _classCallCheck3.default)(this, PanelResult);
@@ -13357,7 +13363,7 @@ var PanelResult = function () {
     value: function show() {
       var panel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-      var panelOptions = (0, _assign2.default)(this._panelOptions, panel);
+      var panelOptions = (0, _assign2.default)(PANEL_DEFAULTS, this._panelOptions, panel);
 
       return showPanel(panelOptions, this._id);
     }
@@ -13415,10 +13421,17 @@ function hideAllPanels() {
   _eventBus2.default.$emit('hideAllSlideOutPanels');
 }
 
+function setPanelDefaults(defaults) {
+  if (!defaults) return;
+
+  PANEL_DEFAULTS = defaults;
+}
+
 exports.default = {
   showPanel: showPanel,
   showPanelStack: showPanelStack,
-  hideAllPanels: hideAllPanels
+  hideAllPanels: hideAllPanels,
+  setPanelDefaults: setPanelDefaults
 };
 module.exports = exports['default'];
 

dist/vue-slideout-panel.min.js

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

docs/docs.js

@@ -12,6 +12,8 @@ if (typeof window !== 'undefined' && window.Vue) {
       NewVue.component('slideout-panel', VueSlideoutPanel);
       NewVue.prototype.$showPanel = vueSlideoutPanelService.showPanel;
       NewVue.prototype.$showPanelStack = vueSlideoutPanelService.showPanelStack;
+      NewVue.prototype.$hideAllPanels = vueSlideoutPanelService.hideAllPanels;
+      NewVue.prototype.$setPanelDefaults = vueSlideoutPanelService.setPanelDefaults;
     }
   });
 
@@ -23,6 +25,8 @@ export default {
     NewVue.component('slideout-panel', VueSlideoutPanel);
     NewVue.prototype.$showPanel = vueSlideoutPanelService.showPanel;
     NewVue.prototype.$showPanelStack = vueSlideoutPanelService.showPanelStack;
+    NewVue.prototype.$hideAllPanels = vueSlideoutPanelService.hideAllPanels;
+    NewVue.prototype.$setPanelDefaults = vueSlideoutPanelService.setPanelDefaults;
   },
   VueSlideoutPanel,
   vueSlideoutPanelService

package.json

@@ -3,6 +3,8 @@ import Promise from 'promise-polyfill';
 import eventBus from './eventBus';
 import utils from './utils/utils';
 
+let PANEL_DEFAULTS = {};
+
 class PanelResult {
   constructor(id, promise, panelOptions) {
     if (!id) throw new Error('id');
@@ -23,7 +25,7 @@ class PanelResult {
    * @param {Object} [panel.props] - any props you want to update
    */
   show(panel = {}) {
-    const panelOptions = Object.assign(this._panelOptions, panel);
+    const panelOptions = Object.assign(PANEL_DEFAULTS, this._panelOptions, panel);
 
     return showPanel(panelOptions, this._id);
   }
@@ -71,8 +73,15 @@ function hideAllPanels() {
   eventBus.$emit('hideAllSlideOutPanels');
 }
 
+function setPanelDefaults(defaults) {
+  if (!defaults) return;
+
+  PANEL_DEFAULTS = defaults;
+}
+
 export default {
   showPanel,
   showPanelStack,
-  hideAllPanels
+  hideAllPanels,
+  setPanelDefaults
 };