diff --git a/dist/vue2-slideout-panel.js b/dist/vue2-slideout-panel.js index 2efcc36..4c6530e 100644 --- a/dist/vue2-slideout-panel.js +++ b/dist/vue2-slideout-panel.js @@ -1,5 +1,5 @@ /*! - * vue2-slideout-panel v2.1.0 (https://github.com/officert/vue-slideout-panel) + * vue2-slideout-panel v2.2.0 (https://github.com/officert/vue-slideout-panel) * (c) 2019 Tim Officer * Released under the MIT License. */ diff --git a/docs/docs.js b/docs/docs.js index f60d6bf..689682b 100644 --- a/docs/docs.js +++ b/docs/docs.js @@ -1 +1 @@ -!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=29)}([function(e,t,n){"use strict";(function(t,n){var r=Object.freeze({});function o(e){return null==e}function i(e){return null!=e}function a(e){return!0===e}function s(e){return"string"==typeof e||"number"==typeof e||"symbol"==typeof e||"boolean"==typeof e}function c(e){return null!==e&&"object"==typeof e}var l=Object.prototype.toString;function u(e){return"[object Object]"===l.call(e)}function f(e){return"[object RegExp]"===l.call(e)}function p(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}function d(e){return null==e?"":"object"==typeof e?JSON.stringify(e,null,2):String(e)}function h(e){var t=parseFloat(e);return isNaN(t)?e:t}function v(e,t){for(var n=Object.create(null),r=e.split(","),o=0;o-1)return e.splice(n,1)}}var _=Object.prototype.hasOwnProperty;function b(e,t){return _.call(e,t)}function w(e){var t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}var x=/-(\w)/g,C=w(function(e){return e.replace(x,function(e,t){return t?t.toUpperCase():""})}),k=w(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),$=/\B([A-Z])/g,A=w(function(e){return e.replace($,"-$1").toLowerCase()});var O=Function.prototype.bind?function(e,t){return e.bind(t)}:function(e,t){function n(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n};function S(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function T(e,t){for(var n in t)e[n]=t[n];return e}function E(e){for(var t={},n=0;n0,Y=W&&W.indexOf("edge/")>0,Z=(W&&W.indexOf("android"),W&&/iphone|ipad|ipod|ios/.test(W)||"ios"===J),Q=(W&&/chrome\/\d+/.test(W),{}.watch),ee=!1;if(z)try{var te={};Object.defineProperty(te,"passive",{get:function(){ee=!0}}),window.addEventListener("test-passive",null,te)}catch(e){}var ne=function(){return void 0===V&&(V=!z&&!K&&void 0!==t&&(t.process&&"server"===t.process.env.VUE_ENV)),V},re=z&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function oe(e){return"function"==typeof e&&/native code/.test(e.toString())}var ie,ae="undefined"!=typeof Symbol&&oe(Symbol)&&"undefined"!=typeof Reflect&&oe(Reflect.ownKeys);ie="undefined"!=typeof Set&&oe(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return!0===this.set[e]},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var se=P,ce=0,le=function(){this.id=ce++,this.subs=[]};le.prototype.addSub=function(e){this.subs.push(e)},le.prototype.removeSub=function(e){g(this.subs,e)},le.prototype.depend=function(){le.target&&le.target.addDep(this)},le.prototype.notify=function(){var e=this.subs.slice();for(var t=0,n=e.length;t-1)if(i&&!b(o,"default"))a=!1;else if(""===a||a===A(e)){var c=Fe(String,o.type);(c<0||s0&&(ct((l=e(l,(n||"")+"_"+c))[0])&&ct(f)&&(r[u]=me(f.text+l[0].text),l.shift()),r.push.apply(r,l)):s(l)?ct(f)?r[u]=me(f.text+l):""!==l&&r.push(me(l)):ct(l)&&ct(f)?r[u]=me(f.text+l.text):(a(t._isVList)&&i(l.tag)&&o(l.key)&&i(n)&&(l.key="__vlist"+n+"_"+c+"__"),r.push(l)));return r}(e):void 0}function ct(e){return i(e)&&i(e.text)&&!1===e.isComment}function lt(e,t){return(e.__esModule||ae&&"Module"===e[Symbol.toStringTag])&&(e=e.default),c(e)?t.extend(e):e}function ut(e){return e.isComment&&e.asyncFactory}function ft(e){if(Array.isArray(e))for(var t=0;tTt&&kt[n].id>e.id;)n--;kt.splice(n+1,0,e)}else kt.push(e);Ot||(Ot=!0,Ze(Et))}}(this)},jt.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||c(e)||this.deep){var t=this.value;if(this.value=e,this.user)try{this.cb.call(this.vm,e,t)}catch(e){He(e,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,e,t)}}},jt.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},jt.prototype.depend=function(){for(var e=this.deps.length;e--;)this.deps[e].depend()},jt.prototype.teardown=function(){if(this.active){this.vm._isBeingDestroyed||g(this.vm._watchers,this);for(var e=this.deps.length;e--;)this.deps[e].removeSub(this);this.active=!1}};var It={enumerable:!0,configurable:!0,get:P,set:P};function Rt(e,t,n){It.get=function(){return this[t][n]},It.set=function(e){this[t][n]=e},Object.defineProperty(e,n,It)}function Nt(e){e._watchers=[];var t=e.$options;t.props&&function(e,t){var n=e.$options.propsData||{},r=e._props={},o=e.$options._propKeys=[];e.$parent&&xe(!1);var i=function(i){o.push(i);var a=Le(i,t,n,e);$e(r,i,a),i in e||Rt(e,"_props",i)};for(var a in t)i(a);xe(!0)}(e,t.props),t.methods&&function(e,t){e.$options.props;for(var n in t)e[n]="function"!=typeof t[n]?P:O(t[n],e)}(e,t.methods),t.data?function(e){var t=e.$options.data;u(t=e._data="function"==typeof t?function(e,t){fe();try{return e.call(t,t)}catch(e){return He(e,t,"data()"),{}}finally{pe()}}(t,e):t||{})||(t={});var n=Object.keys(t),r=e.$options.props,o=(e.$options.methods,n.length);for(;o--;){var i=n[o];0,r&&b(r,i)||(a=void 0,36!==(a=(i+"").charCodeAt(0))&&95!==a&&Rt(e,"_data",i))}var a;ke(t,!0)}(e):ke(e._data={},!0),t.computed&&function(e,t){var n=e._computedWatchers=Object.create(null),r=ne();for(var o in t){var i=t[o],a="function"==typeof i?i:i.get;0,r||(n[o]=new jt(e,a||P,P,Lt)),o in e||Mt(e,o,i)}}(e,t.computed),t.watch&&t.watch!==Q&&function(e,t){for(var n in t){var r=t[n];if(Array.isArray(r))for(var o=0;o-1:"string"==typeof e?e.split(",").indexOf(t)>-1:!!f(e)&&e.test(t)}function yn(e,t){var n=e.cache,r=e.keys,o=e._vnode;for(var i in n){var a=n[i];if(a){var s=vn(a.componentOptions);s&&!t(s)&&gn(n,i,r,o)}}}function gn(e,t,n,r){var o=e[t];!o||r&&o.tag===r.tag||o.componentInstance.$destroy(),e[t]=null,g(n,t)}!function(e){e.prototype._init=function(e){var t=this;t._uid=fn++,t._isVue=!0,e&&e._isComponent?function(e,t){var n=e.$options=Object.create(e.constructor.options),r=t._parentVnode;n.parent=t.parent,n._parentVnode=r;var o=r.componentOptions;n.propsData=o.propsData,n._parentListeners=o.listeners,n._renderChildren=o.children,n._componentTag=o.tag,t.render&&(n.render=t.render,n.staticRenderFns=t.staticRenderFns)}(t,e):t.$options=Re(pn(t.constructor),e||{},t),t._renderProxy=t,t._self=t,function(e){var t=e.$options,n=t.parent;if(n&&!t.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(e)}e.$parent=n,e.$root=n?n.$root:e,e.$children=[],e.$refs={},e._watcher=null,e._inactive=null,e._directInactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}(t),function(e){e._events=Object.create(null),e._hasHookEvent=!1;var t=e.$options._parentListeners;t&&vt(e,t)}(t),function(e){e._vnode=null,e._staticTrees=null;var t=e.$options,n=e.$vnode=t._parentVnode,o=n&&n.context;e.$slots=mt(t._renderChildren,o),e.$scopedSlots=r,e._c=function(t,n,r,o){return un(e,t,n,r,o,!1)},e.$createElement=function(t,n,r,o){return un(e,t,n,r,o,!0)};var i=n&&n.data;$e(e,"$attrs",i&&i.attrs||r,null,!0),$e(e,"$listeners",t._parentListeners||r,null,!0)}(t),Ct(t,"beforeCreate"),function(e){var t=Bt(e.$options.inject,e);t&&(xe(!1),Object.keys(t).forEach(function(n){$e(e,n,t[n])}),xe(!0))}(t),Nt(t),function(e){var t=e.$options.provide;t&&(e._provided="function"==typeof t?t.call(e):t)}(t),Ct(t,"created"),t.$options.el&&t.$mount(t.$options.el)}}(dn),function(e){var t={get:function(){return this._data}},n={get:function(){return this._props}};Object.defineProperty(e.prototype,"$data",t),Object.defineProperty(e.prototype,"$props",n),e.prototype.$set=Ae,e.prototype.$delete=Oe,e.prototype.$watch=function(e,t,n){if(u(t))return Ht(this,e,t,n);(n=n||{}).user=!0;var r=new jt(this,e,t,n);if(n.immediate)try{t.call(this,r.value)}catch(e){He(e,this,'callback for immediate watcher "'+r.expression+'"')}return function(){r.teardown()}}}(dn),function(e){var t=/^hook:/;e.prototype.$on=function(e,n){var r=this;if(Array.isArray(e))for(var o=0,i=e.length;o1?S(t):t;for(var n=S(arguments,1),r=0,o=t.length;rparseInt(this.max)&&gn(a,s[0],s,this._vnode)),t.data.keepAlive=!0}return t||e&&e[0]}}};!function(e){var t={get:function(){return H}};Object.defineProperty(e,"config",t),e.util={warn:se,extend:T,mergeOptions:Re,defineReactive:$e},e.set=Ae,e.delete=Oe,e.nextTick=Ze,e.options=Object.create(null),D.forEach(function(t){e.options[t+"s"]=Object.create(null)}),e.options._base=e,T(e.options.components,bn),function(e){e.use=function(e){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(e)>-1)return this;var n=S(arguments,1);return n.unshift(this),"function"==typeof e.install?e.install.apply(e,n):"function"==typeof e&&e.apply(null,n),t.push(e),this}}(e),function(e){e.mixin=function(e){return this.options=Re(this.options,e),this}}(e),hn(e),function(e){D.forEach(function(t){e[t]=function(e,n){return n?("component"===t&&u(n)&&(n.name=n.name||e,n=this.options._base.extend(n)),"directive"===t&&"function"==typeof n&&(n={bind:n,update:n}),this.options[t+"s"][e]=n,n):this.options[t+"s"][e]}})}(e)}(dn),Object.defineProperty(dn.prototype,"$isServer",{get:ne}),Object.defineProperty(dn.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(dn,"FunctionalRenderContext",{value:en}),dn.version="2.5.22";var wn=v("style,class"),xn=v("input,textarea,option,select,progress"),Cn=function(e,t,n){return"value"===n&&xn(e)&&"button"!==t||"selected"===n&&"option"===e||"checked"===n&&"input"===e||"muted"===n&&"video"===e},kn=v("contenteditable,draggable,spellcheck"),$n=v("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),An="http://www.w3.org/1999/xlink",On=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},Sn=function(e){return On(e)?e.slice(6,e.length):""},Tn=function(e){return null==e||!1===e};function En(e){for(var t=e.data,n=e,r=e;i(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(t=Pn(r.data,t));for(;i(n=n.parent);)n&&n.data&&(t=Pn(t,n.data));return function(e,t){if(i(e)||i(t))return jn(e,In(t));return""}(t.staticClass,t.class)}function Pn(e,t){return{staticClass:jn(e.staticClass,t.staticClass),class:i(e.class)?[e.class,t.class]:t.class}}function jn(e,t){return e?t?e+" "+t:e:t||""}function In(e){return Array.isArray(e)?function(e){for(var t,n="",r=0,o=e.length;r-1?or(e,t,n):$n(t)?Tn(n)?e.removeAttribute(t):(n="allowfullscreen"===t&&"EMBED"===e.tagName?"true":t,e.setAttribute(t,n)):kn(t)?e.setAttribute(t,Tn(n)||"false"===n?"false":"true"):On(t)?Tn(n)?e.removeAttributeNS(An,Sn(t)):e.setAttributeNS(An,t,n):or(e,t,n)}function or(e,t,n){if(Tn(n))e.removeAttribute(t);else{if(X&&!G&&("TEXTAREA"===e.tagName||"INPUT"===e.tagName)&&"placeholder"===t&&!e.__ieph){var r=function(t){t.stopImmediatePropagation(),e.removeEventListener("input",r)};e.addEventListener("input",r),e.__ieph=!0}e.setAttribute(t,n)}}var ir={create:nr,update:nr};function ar(e,t){var n=t.elm,r=t.data,a=e.data;if(!(o(r.staticClass)&&o(r.class)&&(o(a)||o(a.staticClass)&&o(a.class)))){var s=En(t),c=n._transitionClasses;i(c)&&(s=jn(s,In(c))),s!==n._prevClass&&(n.setAttribute("class",s),n._prevClass=s)}}var sr,cr,lr,ur,fr,pr,dr={create:ar,update:ar},hr=/[\w).+\-_$\]]/;function vr(e){var t,n,r,o,i,a=!1,s=!1,c=!1,l=!1,u=0,f=0,p=0,d=0;for(r=0;r=0&&" "===(v=e.charAt(h));h--);v&&hr.test(v)||(l=!0)}}else void 0===o?(d=r+1,o=e.slice(0,r).trim()):m();function m(){(i||(i=[])).push(e.slice(d,r).trim()),d=r+1}if(void 0===o?o=e.slice(0,r).trim():0!==d&&m(),i)for(r=0;r-1?{exp:e.slice(0,ur),key:'"'+e.slice(ur+1)+'"'}:{exp:e,key:null};cr=e,ur=fr=pr=0;for(;!Tr();)Er(lr=Sr())?jr(lr):91===lr&&Pr(lr);return{exp:e.slice(0,fr),key:e.slice(fr+1,pr)}}(e);return null===n.key?e+"="+t:"$set("+n.exp+", "+n.key+", "+t+")"}function Sr(){return cr.charCodeAt(++ur)}function Tr(){return ur>=sr}function Er(e){return 34===e||39===e}function Pr(e){var t=1;for(fr=ur;!Tr();)if(Er(e=Sr()))jr(e);else if(91===e&&t++,93===e&&t--,0===t){pr=ur;break}}function jr(e){for(var t=e;!Tr()&&(e=Sr())!==t;);}var Ir,Rr="__r",Nr="__c";function Lr(e,t,n){var r=Ir;return function o(){null!==t.apply(null,arguments)&&Dr(e,o,n,r)}}function Mr(e,t,n,r){var o;t=(o=t)._withTask||(o._withTask=function(){We=!0;try{return o.apply(null,arguments)}finally{We=!1}}),Ir.addEventListener(e,t,ee?{capture:n,passive:r}:n)}function Dr(e,t,n,r){(r||Ir).removeEventListener(e,t._withTask||t,n)}function Fr(e,t){if(!o(e.data.on)||!o(t.data.on)){var n=t.data.on||{},r=e.data.on||{};Ir=t.elm,function(e){if(i(e[Rr])){var t=X?"change":"input";e[t]=[].concat(e[Rr],e[t]||[]),delete e[Rr]}i(e[Nr])&&(e.change=[].concat(e[Nr],e.change||[]),delete e[Nr])}(n),ot(n,r,Mr,Dr,Lr,t.context),Ir=void 0}}var Hr={create:Fr,update:Fr};function Br(e,t){if(!o(e.data.domProps)||!o(t.data.domProps)){var n,r,a=t.elm,s=e.data.domProps||{},c=t.data.domProps||{};for(n in i(c.__ob__)&&(c=t.data.domProps=T({},c)),s)o(c[n])&&(a[n]="");for(n in c){if(r=c[n],"textContent"===n||"innerHTML"===n){if(t.children&&(t.children.length=0),r===s[n])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===n){a._value=r;var l=o(r)?"":String(r);Ur(a,l)&&(a.value=l)}else a[n]=r}}}function Ur(e,t){return!e.composing&&("OPTION"===e.tagName||function(e,t){var n=!0;try{n=document.activeElement!==e}catch(e){}return n&&e.value!==t}(e,t)||function(e,t){var n=e.value,r=e._vModifiers;if(i(r)){if(r.lazy)return!1;if(r.number)return h(n)!==h(t);if(r.trim)return n.trim()!==t.trim()}return n!==t}(e,t))}var Vr={create:Br,update:Br},qr=w(function(e){var t={},n=/:(.+)/;return e.split(/;(?![^(]*\))/g).forEach(function(e){if(e){var r=e.split(n);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t});function zr(e){var t=Kr(e.style);return e.staticStyle?T(e.staticStyle,t):t}function Kr(e){return Array.isArray(e)?E(e):"string"==typeof e?qr(e):e}var Jr,Wr=/^--/,Xr=/\s*!important$/,Gr=function(e,t,n){if(Wr.test(t))e.style.setProperty(t,n);else if(Xr.test(n))e.style.setProperty(t,n.replace(Xr,""),"important");else{var r=Zr(t);if(Array.isArray(n))for(var o=0,i=n.length;o-1?t.split(to).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var n=" "+(e.getAttribute("class")||"")+" ";n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function ro(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(to).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{for(var n=" "+(e.getAttribute("class")||"")+" ",r=" "+t+" ";n.indexOf(r)>=0;)n=n.replace(r," ");(n=n.trim())?e.setAttribute("class",n):e.removeAttribute("class")}}function oo(e){if(e){if("object"==typeof e){var t={};return!1!==e.css&&T(t,io(e.name||"v")),T(t,e),t}return"string"==typeof e?io(e):void 0}}var io=w(function(e){return{enterClass:e+"-enter",enterToClass:e+"-enter-to",enterActiveClass:e+"-enter-active",leaveClass:e+"-leave",leaveToClass:e+"-leave-to",leaveActiveClass:e+"-leave-active"}}),ao=z&&!G,so="transition",co="animation",lo="transition",uo="transitionend",fo="animation",po="animationend";ao&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(lo="WebkitTransition",uo="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(fo="WebkitAnimation",po="webkitAnimationEnd"));var ho=z?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(e){return e()};function vo(e){ho(function(){ho(e)})}function mo(e,t){var n=e._transitionClasses||(e._transitionClasses=[]);n.indexOf(t)<0&&(n.push(t),no(e,t))}function yo(e,t){e._transitionClasses&&g(e._transitionClasses,t),ro(e,t)}function go(e,t,n){var r=bo(e,t),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var s=o===so?uo:po,c=0,l=function(){e.removeEventListener(s,u),n()},u=function(t){t.target===e&&++c>=a&&l()};setTimeout(function(){c0&&(n=so,u=a,f=i.length):t===co?l>0&&(n=co,u=l,f=c.length):f=(n=(u=Math.max(a,l))>0?a>l?so:co:null)?n===so?i.length:c.length:0,{type:n,timeout:u,propCount:f,hasTransform:n===so&&_o.test(r[lo+"Property"])}}function wo(e,t){for(;e.length1}function Oo(e,t){!0!==t.data.show&&Co(t)}var So=function(e){var t,n,r={},c=e.modules,l=e.nodeOps;for(t=0;th?_(e,o(n[y+1])?null:n[y+1].elm,n,d,y,r):d>y&&w(0,t,p,h)}(p,v,y,n,u):i(y)?(i(e.text)&&l.setTextContent(p,""),_(p,null,y,0,y.length-1,n)):i(v)?w(0,v,0,v.length-1):i(e.text)&&l.setTextContent(p,""):e.text!==t.text&&l.setTextContent(p,t.text),i(h)&&i(d=h.hook)&&i(d=d.postpatch)&&d(e,t)}}}function $(e,t,n){if(a(n)&&i(e.parent))e.parent.data.pendingInsert=t;else for(var r=0;r-1,a.selected!==i&&(a.selected=i);else if(R(Io(a),r))return void(e.selectedIndex!==s&&(e.selectedIndex=s));o||(e.selectedIndex=-1)}}function jo(e,t){return t.every(function(t){return!R(t,e)})}function Io(e){return"_value"in e?e._value:e.value}function Ro(e){e.target.composing=!0}function No(e){e.target.composing&&(e.target.composing=!1,Lo(e.target,"input"))}function Lo(e,t){var n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}function Mo(e){return!e.componentInstance||e.data&&e.data.transition?e:Mo(e.componentInstance._vnode)}var Do={model:To,show:{bind:function(e,t,n){var r=t.value,o=(n=Mo(n)).data&&n.data.transition,i=e.__vOriginalDisplay="none"===e.style.display?"":e.style.display;r&&o?(n.data.show=!0,Co(n,function(){e.style.display=i})):e.style.display=r?i:"none"},update:function(e,t,n){var r=t.value;!r!=!t.oldValue&&((n=Mo(n)).data&&n.data.transition?(n.data.show=!0,r?Co(n,function(){e.style.display=e.__vOriginalDisplay}):ko(n,function(){e.style.display="none"})):e.style.display=r?e.__vOriginalDisplay:"none")},unbind:function(e,t,n,r,o){o||(e.style.display=e.__vOriginalDisplay)}}},Fo={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function Ho(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?Ho(ft(t.children)):e}function Bo(e){var t={},n=e.$options;for(var r in n.propsData)t[r]=e[r];var o=n._parentListeners;for(var i in o)t[C(i)]=o[i];return t}function Uo(e,t){if(/\d-keep-alive$/.test(t.tag))return e("keep-alive",{props:t.componentOptions.propsData})}var Vo=function(e){return e.tag||ut(e)},qo=function(e){return"show"===e.name},zo={name:"transition",props:Fo,abstract:!0,render:function(e){var t=this,n=this.$slots.default;if(n&&(n=n.filter(Vo)).length){0;var r=this.mode;0;var o=n[0];if(function(e){for(;e=e.parent;)if(e.data.transition)return!0}(this.$vnode))return o;var i=Ho(o);if(!i)return o;if(this._leaving)return Uo(e,o);var a="__transition-"+this._uid+"-";i.key=null==i.key?i.isComment?a+"comment":a+i.tag:s(i.key)?0===String(i.key).indexOf(a)?i.key:a+i.key:i.key;var c=(i.data||(i.data={})).transition=Bo(this),l=this._vnode,u=Ho(l);if(i.data.directives&&i.data.directives.some(qo)&&(i.data.show=!0),u&&u.data&&!function(e,t){return t.key===e.key&&t.tag===e.tag}(i,u)&&!ut(u)&&(!u.componentInstance||!u.componentInstance._vnode.isComment)){var f=u.data.transition=T({},c);if("out-in"===r)return this._leaving=!0,it(f,"afterLeave",function(){t._leaving=!1,t.$forceUpdate()}),Uo(e,o);if("in-out"===r){if(ut(i))return l;var p,d=function(){p()};it(c,"afterEnter",d),it(c,"enterCancelled",d),it(f,"delayLeave",function(e){p=e})}}return o}}},Ko=T({tag:String,moveClass:String},Fo);function Jo(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function Wo(e){e.data.newPos=e.elm.getBoundingClientRect()}function Xo(e){var t=e.data.pos,n=e.data.newPos,r=t.left-n.left,o=t.top-n.top;if(r||o){e.data.moved=!0;var i=e.elm.style;i.transform=i.WebkitTransform="translate("+r+"px,"+o+"px)",i.transitionDuration="0s"}}delete Ko.mode;var Go={Transition:zo,TransitionGroup:{props:Ko,beforeMount:function(){var e=this,t=this._update;this._update=function(n,r){var o=bt(e);e.__patch__(e._vnode,e.kept,!1,!0),e._vnode=e.kept,o(),t.call(e,n,r)}},render:function(e){for(var t=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,o=this.$slots.default||[],i=this.children=[],a=Bo(this),s=0;s-1?Fn[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:Fn[e]=/HTMLUnknownElement/.test(t.toString())},T(dn.options.directives,Do),T(dn.options.components,Go),dn.prototype.__patch__=z?So:P,dn.prototype.$mount=function(e,t){return function(e,t,n){var r;return e.$el=t,e.$options.render||(e.$options.render=ve),Ct(e,"beforeMount"),r=function(){e._update(e._render(),n)},new jt(e,r,P,{before:function(){e._isMounted&&!e._isDestroyed&&Ct(e,"beforeUpdate")}},!0),n=!1,null==e.$vnode&&(e._isMounted=!0,Ct(e,"mounted")),e}(this,e=e&&z?Bn(e):void 0,t)},z&&setTimeout(function(){H.devtools&&re&&re.emit("init",dn)},0);var Yo=/\{\{((?:.|\r?\n)+?)\}\}/g,Zo=/[-.*+?^${}()|[\]\/\\]/g,Qo=w(function(e){var t=e[0].replace(Zo,"\\$&"),n=e[1].replace(Zo,"\\$&");return new RegExp(t+"((?:.|\\n)+?)"+n,"g")});var ei={staticKeys:["staticClass"],transformNode:function(e,t){t.warn;var n=$r(e,"class");n&&(e.staticClass=JSON.stringify(n));var r=kr(e,"class",!1);r&&(e.classBinding=r)},genData:function(e){var t="";return e.staticClass&&(t+="staticClass:"+e.staticClass+","),e.classBinding&&(t+="class:"+e.classBinding+","),t}};var ti,ni={staticKeys:["staticStyle"],transformNode:function(e,t){t.warn;var n=$r(e,"style");n&&(e.staticStyle=JSON.stringify(qr(n)));var r=kr(e,"style",!1);r&&(e.styleBinding=r)},genData:function(e){var t="";return e.staticStyle&&(t+="staticStyle:"+e.staticStyle+","),e.styleBinding&&(t+="style:("+e.styleBinding+"),"),t}},ri=function(e){return(ti=ti||document.createElement("div")).innerHTML=e,ti.textContent},oi=v("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),ii=v("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),ai=v("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),si=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,ci="[a-zA-Z_][\\w\\-\\.]*",li="((?:"+ci+"\\:)?"+ci+")",ui=new RegExp("^<"+li),fi=/^\s*(\/?)>/,pi=new RegExp("^<\\/"+li+"[^>]*>"),di=/^]+>/i,hi=/^",""":'"',"&":"&"," ":"\n"," ":"\t"},_i=/&(?:lt|gt|quot|amp);/g,bi=/&(?:lt|gt|quot|amp|#10|#9);/g,wi=v("pre,textarea",!0),xi=function(e,t){return e&&wi(e)&&"\n"===t[0]};function Ci(e,t){var n=t?bi:_i;return e.replace(n,function(e){return gi[e]})}var ki,$i,Ai,Oi,Si,Ti,Ei,Pi,ji=/^@|^v-on:/,Ii=/^v-|^@|^:/,Ri=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Ni=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Li=/^\(|\)$/g,Mi=/:(.*)$/,Di=/^:|^v-bind:/,Fi=/\.[^.]+/g,Hi=w(ri);function Bi(e,t,n){return{type:1,tag:e,attrsList:t,attrsMap:Ji(t),parent:n,children:[]}}function Ui(e,t){ki=t.warn||yr,Ti=t.isPreTag||j,Ei=t.mustUseProp||j,Pi=t.getTagNamespace||j,Ai=gr(t.modules,"transformNode"),Oi=gr(t.modules,"preTransformNode"),Si=gr(t.modules,"postTransformNode"),$i=t.delimiters;var n,r,o=[],i=!1!==t.preserveWhitespace,a=!1,s=!1;function c(e){e.pre&&(a=!1),Ti(e.tag)&&(s=!1);for(var n=0;n]*>)","i")),p=e.replace(f,function(e,n,r){return l=r.length,mi(u)||"noscript"===u||(n=n.replace(//g,"$1").replace(//g,"$1")),xi(u,n)&&(n=n.slice(1)),t.chars&&t.chars(n),""});c+=e.length-p.length,e=p,A(u,c-l,c)}else{var d=e.indexOf("<");if(0===d){if(hi.test(e)){var h=e.indexOf("--\x3e");if(h>=0){t.shouldKeepComment&&t.comment(e.substring(4,h)),C(h+3);continue}}if(vi.test(e)){var v=e.indexOf("]>");if(v>=0){C(v+2);continue}}var m=e.match(di);if(m){C(m[0].length);continue}var y=e.match(pi);if(y){var g=c;C(y[0].length),A(y[1],g,c);continue}var _=k();if(_){$(_),xi(_.tagName,e)&&C(1);continue}}var b=void 0,w=void 0,x=void 0;if(d>=0){for(w=e.slice(d);!(pi.test(w)||ui.test(w)||hi.test(w)||vi.test(w)||(x=w.indexOf("<",1))<0);)d+=x,w=e.slice(d);b=e.substring(0,d),C(d)}d<0&&(b=e,e=""),t.chars&&b&&t.chars(b)}if(e===n){t.chars&&t.chars(e);break}}function C(t){c+=t,e=e.substring(t)}function k(){var t=e.match(ui);if(t){var n,r,o={tagName:t[1],attrs:[],start:c};for(C(t[0].length);!(n=e.match(fi))&&(r=e.match(si));)C(r[0].length),o.attrs.push(r);if(n)return o.unarySlash=n[1],C(n[0].length),o.end=c,o}}function $(e){var n=e.tagName,c=e.unarySlash;i&&("p"===r&&ai(n)&&A(r),s(n)&&r===n&&A(n));for(var l=a(n)||!!c,u=e.attrs.length,f=new Array(u),p=0;p=0&&o[a].lowerCasedTag!==s;a--);else a=0;if(a>=0){for(var l=o.length-1;l>=a;l--)t.end&&t.end(o[l].tag,n,i);o.length=a,r=a&&o[a-1].tag}else"br"===s?t.start&&t.start(e,[],!0,n,i):"p"===s&&(t.start&&t.start(e,[],!1,n,i),t.end&&t.end(e,n,i))}A()}(e,{warn:ki,expectHTML:t.expectHTML,isUnaryTag:t.isUnaryTag,canBeLeftOpenTag:t.canBeLeftOpenTag,shouldDecodeNewlines:t.shouldDecodeNewlines,shouldDecodeNewlinesForHref:t.shouldDecodeNewlinesForHref,shouldKeepComment:t.comments,start:function(e,i,l){var u=r&&r.ns||Pi(e);X&&"svg"===u&&(i=function(e){for(var t=[],n=0;nc&&(s.push(i=e.slice(c,o)),a.push(JSON.stringify(i)));var l=vr(r[1].trim());a.push("_s("+l+")"),s.push({"@binding":l}),c=o+r[0].length}return c-1"+("true"===i?":("+t+")":":_q("+t+","+i+")")),Cr(e,"change","var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+i+"):("+a+");if(Array.isArray($$a)){var $$v="+(r?"_n("+o+")":o)+",$$i=_i($$a,$$v);if($$el.checked){$$i<0&&("+Or(t,"$$a.concat([$$v])")+")}else{$$i>-1&&("+Or(t,"$$a.slice(0,$$i).concat($$a.slice($$i+1))")+")}}else{"+Or(t,"$$c")+"}",null,!0)}(e,r,o);else if("input"===i&&"radio"===a)!function(e,t,n){var r=n&&n.number,o=kr(e,"value")||"null";_r(e,"checked","_q("+t+","+(o=r?"_n("+o+")":o)+")"),Cr(e,"change",Or(t,o),null,!0)}(e,r,o);else if("input"===i||"textarea"===i)!function(e,t,n){var r=e.attrsMap.type,o=n||{},i=o.lazy,a=o.number,s=o.trim,c=!i&&"range"!==r,l=i?"change":"range"===r?Rr:"input",u="$event.target.value";s&&(u="$event.target.value.trim()"),a&&(u="_n("+u+")");var f=Or(t,u);c&&(f="if($event.target.composing)return;"+f),_r(e,"value","("+t+")"),Cr(e,l,f,null,!0),(s||a)&&Cr(e,"blur","$forceUpdate()")}(e,r,o);else if(!H.isReservedTag(i))return Ar(e,r,o),!1;return!0},text:function(e,t){t.value&&_r(e,"textContent","_s("+t.value+")")},html:function(e,t){t.value&&_r(e,"innerHTML","_s("+t.value+")")}},isPreTag:function(e){return"pre"===e},isUnaryTag:oi,mustUseProp:Cn,canBeLeftOpenTag:ii,isReservedTag:Mn,getTagNamespace:Dn,staticKeys:function(e){return e.reduce(function(e,t){return e.concat(t.staticKeys||[])},[]).join(",")}(Yi)},ta=w(function(e){return v("type,tag,attrsList,attrsMap,plain,parent,children,attrs"+(e?","+e:""))});function na(e,t){e&&(Zi=ta(t.staticKeys||""),Qi=t.isReservedTag||j,function e(t){t.static=function(e){if(2===e.type)return!1;if(3===e.type)return!0;return!(!e.pre&&(e.hasBindings||e.if||e.for||m(e.tag)||!Qi(e.tag)||function(e){for(;e.parent;){if("template"!==(e=e.parent).tag)return!1;if(e.for)return!0}return!1}(e)||!Object.keys(e).every(Zi)))}(t);if(1===t.type){if(!Qi(t.tag)&&"slot"!==t.tag&&null==t.attrsMap["inline-template"])return;for(var n=0,r=t.children.length;n|^function\s*\(/,oa=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,ia={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},aa={esc:["Esc","Escape"],tab:"Tab",enter:"Enter",space:[" ","Spacebar"],up:["Up","ArrowUp"],left:["Left","ArrowLeft"],right:["Right","ArrowRight"],down:["Down","ArrowDown"],delete:["Backspace","Delete","Del"]},sa=function(e){return"if("+e+")return null;"},ca={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:sa("$event.target !== $event.currentTarget"),ctrl:sa("!$event.ctrlKey"),shift:sa("!$event.shiftKey"),alt:sa("!$event.altKey"),meta:sa("!$event.metaKey"),left:sa("'button' in $event && $event.button !== 0"),middle:sa("'button' in $event && $event.button !== 1"),right:sa("'button' in $event && $event.button !== 2")};function la(e,t){var n=t?"nativeOn:{":"on:{";for(var r in e)n+='"'+r+'":'+ua(r,e[r])+",";return n.slice(0,-1)+"}"}function ua(e,t){if(!t)return"function(){}";if(Array.isArray(t))return"["+t.map(function(t){return ua(e,t)}).join(",")+"]";var n=oa.test(t.value),r=ra.test(t.value);if(t.modifiers){var o="",i="",a=[];for(var s in t.modifiers)if(ca[s])i+=ca[s],ia[s]&&a.push(s);else if("exact"===s){var c=t.modifiers;i+=sa(["ctrl","shift","alt","meta"].filter(function(e){return!c[e]}).map(function(e){return"$event."+e+"Key"}).join("||"))}else a.push(s);return a.length&&(o+=function(e){return"if(!('button' in $event)&&"+e.map(fa).join("&&")+")return null;"}(a)),i&&(o+=i),"function($event){"+o+(n?"return "+t.value+"($event)":r?"return ("+t.value+")($event)":t.value)+"}"}return n||r?t.value:"function($event){"+t.value+"}"}function fa(e){var t=parseInt(e,10);if(t)return"$event.keyCode!=="+t;var n=ia[e],r=aa[e];return"_k($event.keyCode,"+JSON.stringify(e)+","+JSON.stringify(n)+",$event.key,"+JSON.stringify(r)+")"}var pa={on:function(e,t){e.wrapListeners=function(e){return"_g("+e+","+t.value+")"}},bind:function(e,t){e.wrapData=function(n){return"_b("+n+",'"+e.tag+"',"+t.value+","+(t.modifiers&&t.modifiers.prop?"true":"false")+(t.modifiers&&t.modifiers.sync?",true":"")+")"}},cloak:P},da=function(e){this.options=e,this.warn=e.warn||yr,this.transforms=gr(e.modules,"transformCode"),this.dataGenFns=gr(e.modules,"genData"),this.directives=T(T({},pa),e.directives);var t=e.isReservedTag||j;this.maybeComponent=function(e){return!(t(e.tag)&&!e.component)},this.onceId=0,this.staticRenderFns=[],this.pre=!1};function ha(e,t){var n=new da(t);return{render:"with(this){return "+(e?va(e,n):'_c("div")')+"}",staticRenderFns:n.staticRenderFns}}function va(e,t){if(e.parent&&(e.pre=e.pre||e.parent.pre),e.staticRoot&&!e.staticProcessed)return ma(e,t);if(e.once&&!e.onceProcessed)return ya(e,t);if(e.for&&!e.forProcessed)return function(e,t,n,r){var o=e.for,i=e.alias,a=e.iterator1?","+e.iterator1:"",s=e.iterator2?","+e.iterator2:"";0;return e.forProcessed=!0,(r||"_l")+"(("+o+"),function("+i+a+s+"){return "+(n||va)(e,t)+"})"}(e,t);if(e.if&&!e.ifProcessed)return ga(e,t);if("template"!==e.tag||e.slotTarget||t.pre){if("slot"===e.tag)return function(e,t){var n=e.slotName||'"default"',r=wa(e,t),o="_t("+n+(r?","+r:""),i=e.attrs&&"{"+e.attrs.map(function(e){return C(e.name)+":"+e.value}).join(",")+"}",a=e.attrsMap["v-bind"];!i&&!a||r||(o+=",null");i&&(o+=","+i);a&&(o+=(i?"":",null")+","+a);return o+")"}(e,t);var n;if(e.component)n=function(e,t,n){var r=t.inlineTemplate?null:wa(t,n,!0);return"_c("+e+","+_a(t,n)+(r?","+r:"")+")"}(e.component,e,t);else{var r;(!e.plain||e.pre&&t.maybeComponent(e))&&(r=_a(e,t));var o=e.inlineTemplate?null:wa(e,t,!0);n="_c('"+e.tag+"'"+(r?","+r:"")+(o?","+o:"")+")"}for(var i=0;i':'
',Ta.innerHTML.indexOf(" ")>0}var Ia=!!z&&ja(!1),Ra=!!z&&ja(!0),Na=w(function(e){var t=Bn(e);return t&&t.innerHTML}),La=dn.prototype.$mount;dn.prototype.$mount=function(e,t){if((e=e&&Bn(e))===document.body||e===document.documentElement)return this;var n=this.$options;if(!n.render){var r=n.template;if(r)if("string"==typeof r)"#"===r.charAt(0)&&(r=Na(r));else{if(!r.nodeType)return this;r=r.innerHTML}else e&&(r=function(e){if(e.outerHTML)return e.outerHTML;var t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}(e));if(r){0;var o=Pa(r,{shouldDecodeNewlines:Ia,shouldDecodeNewlinesForHref:Ra,delimiters:n.delimiters,comments:n.comments},this),i=o.render,a=o.staticRenderFns;n.render=i,n.staticRenderFns=a}}return La.call(this,e,t)},dn.compile=Pa,e.exports=dn}).call(this,n(9),n(10).setImmediate)},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(a=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[n].concat(i).concat([o]).join("\n")}var a;return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;on.parts.length&&(r.parts.length=n.parts.length)}else{var a=[];for(o=0;o=0&&(e._idleTimeoutId=setTimeout(function(){e._onTimeout&&e._onTimeout()},t))},n(15),t.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==e&&e.setImmediate||this&&this.setImmediate,t.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==e&&e.clearImmediate||this&&this.clearImmediate}).call(this,n(9))},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t){function n(e,t){for(var n=0;n1)for(var n=1;n0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(this._panelOptions,t);return e=this._id,_(n,e)}},{key:"hide",value:function(){var e=Object.assign({id:this._id},this._panelOptions);i.$emit("hideSlideOutPanel",e)}},{key:"promise",get:function(){return this._promise}}]),e}();function _(e,t){if(!e)throw new Error("options is required");if(!e.component)throw new Error("options.component is required");var n=t||function(){function e(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}return e()+e()+"-"+e()+"-"+e()+"-"+e()+"-"+e()+e()+e()}();e.id=n;var r=new y.a(function(t){i.$emit("showSlideOutPanel",e),i.$once("hideSlideOutPanel-".concat(e.id),function(e){return t(e.data)})});return new g(n,r,e)}var b={show:function(e){return _(e)}};"undefined"!=typeof window&&window.Vue&&(window.vue2PanelDebug&&console.log("installing Vue js plugin - browser"),window.Vue.use({install:function(e){e.component("slideout-panel",p),e.prototype.$showPanel=b.show}}),window.vueSlideoutPanelService=b);var w={install:function(e){e.component("slideout-panel",p),e.prototype.$showPanel=b.show},VueSlideoutPanel:p,vueSlideoutPanelService:b},x={name:"app",computed:{version:function(){return"2.1.0"}}},C=(n(19),u(x,function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"app"}},[t("router-view"),this._v(" "),t("slideout-panel")],1)},[],!1,null,null,null));C.options.__file="index.vue";var k=C.exports,$={name:"panel-1",props:{name:{type:String,required:!0}},data:function(){return{example1Form:{age:null,keepAlive:!1}}},methods:{showPanel2:function(){this.$showPanel({component:"panel-2",props:{age:this.example1Form.age,name:this.name}})},closePanel:function(){this.$emit("closePanel",{age:this.example1Form.age,name:this.name})}}},A=(n(21),u($,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"panel-1"}},[e.name?e._e():n("h1",[e._v("You didn't enter your name!")]),e._v(" "),e.name?n("h1",[e._v("Hey there, "+e._s(e.name)+"!")]):e._e(),e._v(" "),n("p",[e._v("\n Want to see another panel stacked on top of this one?\n ")]),e._v(" "),n("div",{staticClass:"form"},[n("form",{attrs:{novalidate:""}},[n("div",{staticClass:"form-group"},[n("label",[e._v("Enter Your Age")]),e._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:e.example1Form.age,expression:"example1Form.age"}],staticClass:"form-control",attrs:{type:"number"},domProps:{value:e.example1Form.age},on:{input:function(t){t.target.composing||e.$set(e.example1Form,"age",t.target.value)}}})]),e._v(" "),n("div",{staticClass:"form-group"},[n("label",[e._v("Keep Alive")]),e._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:e.example1Form.keepAlive,expression:"example1Form.keepAlive"}],staticClass:"form-control",attrs:{type:"checkbox"},domProps:{checked:Array.isArray(e.example1Form.keepAlive)?e._i(e.example1Form.keepAlive,null)>-1:e.example1Form.keepAlive},on:{change:function(t){var n=e.example1Form.keepAlive,r=t.target,o=!!r.checked;if(Array.isArray(n)){var i=e._i(n,null);r.checked?i<0&&e.$set(e.example1Form,"keepAlive",n.concat([null])):i>-1&&e.$set(e.example1Form,"keepAlive",n.slice(0,i).concat(n.slice(i+1)))}else e.$set(e.example1Form,"keepAlive",o)}}})])]),e._v(" "),n("button",{on:{click:function(t){return t.preventDefault(),e.showPanel2(t)}}},[e._v("\n Open Another Panel\n ")])]),e._v(" "),n("p",[e._v("\n Or you can close this panel\n ")]),e._v(" "),n("button",{on:{click:function(t){return t.preventDefault(),e.closePanel(t)}}},[e._v("\n Close Panel\n ")])])},[],!1,null,null,null));A.options.__file="index.vue";var O=A.exports,S={name:"panel-2",props:{age:{type:String,required:!1},name:{type:String,required:!1}},methods:{closePanel:function(){this.$emit("closePanel")}}},T=(n(23),u(S,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"panel-1"}},[n("h1",[e._v(e._s(e.name)+" you are "+e._s(e.age)+" years old!")]),e._v(" "),n("button",{on:{click:function(t){return t.preventDefault(),e.closePanel(t)}}},[e._v("\n Close Panel\n ")])])},[],!1,null,null,null));T.options.__file="index.vue";var E=T.exports,P={name:"panel-3",props:{},methods:{closePanel:function(){this.$emit("closePanel")}}},j=(n(25),u(P,function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"panel-1"}},[t("h1",[this._v("This is a slideout panel")]),this._v(" "),t("p",[this._v("\n Slideout panels are stackable, and you can customize the width and side they open on.\n ")]),this._v(" "),t("p",[this._v("\n Here's a bunch of random text to show that panels can contain as much content as you'd like.\n ")]),this._v(" "),t("p",[this._v("\n Lorem ipsum dolor amet salvia distillery plaid flexitarian, letterpress organic meh pug. Viral squid you probably haven't heard of them mustache vexillologist jianbing migas PBR&B neutra craft beer. Stumptown snackwave literally, af celiac butcher master\n cleanse hashtag man braid artisan cornhole. Palo santo banh mi raw denim, flexitarian hexagon biodiesel chambray ugh hella franzen before they sold out. Man bun palo santo flexitarian VHS typewriter retro, fashion axe af polaroid prism shaman. Hot\n chicken dreamcatcher retro keffiyeh. Gastropub retro ramps wayfarers green juice marfa microdosing, pork belly selvage sustainable. Retro hammock narwhal la croix chartreuse tilde enamel pin helvetica unicorn roof party photo booth brooklyn pour-over\n glossier church-key. You probably haven't heard of them mustache knausgaard banjo air plant, edison bulb pork belly letterpress copper mug. Pug kinfolk cornhole selvage la croix, organic farm-to-table ethical squid tattooed williamsburg. Kitsch hot\n chicken raclette mustache cliche disrupt, cred art party bicycle rights next level. Normcore disrupt mlkshk taiyaki pinterest VHS shoreditch bushwick polaroid cornhole pickled. +1 post-ironic four dollar toast kale chips actually. Try-hard small batch\n adaptogen YOLO chambray tilde. Hashtag occupy raclette waistcoat, hell of vinyl gastropub green juice chillwave iPhone brooklyn skateboard. Kale chips kogi polaroid swag readymade williamsburg cardigan intelligentsia microdosing twee. Ethical vaporware\n jean shorts master cleanse umami semiotics. Edison bulb pop-up ugh la croix, meditation tofu yr letterpress kinfolk deep v waistcoat asymmetrical selfies godard twee. Street art helvetica cold-pressed hashtag echo park. Yuccie green juice shabby chic,\n normcore portland lomo chartreuse hexagon banjo subway tile paleo pitchfork marfa.\n ")])])}],!1,null,null,null));j.options.__file="index.vue";var I=j.exports;function R(e){return Object.prototype.toString.call(e).indexOf("Error")>-1}function N(e,t){for(var n in t)e[n]=t[n];return e}var L={name:"RouterView",functional:!0,props:{name:{type:String,default:"default"}},render:function(e,t){var n=t.props,r=t.children,o=t.parent,i=t.data;i.routerView=!0;for(var a=o.$createElement,s=n.name,c=o.$route,l=o._routerViewCache||(o._routerViewCache={}),u=0,f=!1;o&&o._routerRoot!==o;)o.$vnode&&o.$vnode.data.routerView&&u++,o._inactive&&(f=!0),o=o.$parent;if(i.routerViewDepth=u,f)return a(l[s],i,r);var p=c.matched[u];if(!p)return l[s]=null,a();var d=l[s]=p.components[s];i.registerRouteInstance=function(e,t){var n=p.instances[s];(t&&n!==e||!t&&n===e)&&(p.instances[s]=t)},(i.hook||(i.hook={})).prepatch=function(e,t){p.instances[s]=t.componentInstance};var h=i.props=function(e,t){switch(typeof t){case"undefined":return;case"object":return t;case"function":return t(e);case"boolean":return t?e.params:void 0;default:0}}(c,p.props&&p.props[s]);if(h){h=i.props=N({},h);var v=i.attrs=i.attrs||{};for(var m in h)d.props&&m in d.props||(v[m]=h[m],delete h[m])}return a(d,i,r)}};var M=/[!'()*]/g,D=function(e){return"%"+e.charCodeAt(0).toString(16)},F=/%2C/g,H=function(e){return encodeURIComponent(e).replace(M,D).replace(F,",")},B=decodeURIComponent;function U(e){var t={};return(e=e.trim().replace(/^(\?|#|&)/,""))?(e.split("&").forEach(function(e){var n=e.replace(/\+/g," ").split("="),r=B(n.shift()),o=n.length>0?B(n.join("=")):null;void 0===t[r]?t[r]=o:Array.isArray(t[r])?t[r].push(o):t[r]=[t[r],o]}),t):t}function V(e){var t=e?Object.keys(e).map(function(t){var n=e[t];if(void 0===n)return"";if(null===n)return H(t);if(Array.isArray(n)){var r=[];return n.forEach(function(e){void 0!==e&&(null===e?r.push(H(t)):r.push(H(t)+"="+H(e)))}),r.join("&")}return H(t)+"="+H(n)}).filter(function(e){return e.length>0}).join("&"):null;return t?"?"+t:""}var q=/\/?$/;function z(e,t,n,r){var o=r&&r.options.stringifyQuery,i=t.query||{};try{i=K(i)}catch(e){}var a={name:t.name||e&&e.name,meta:e&&e.meta||{},path:t.path||"/",hash:t.hash||"",query:i,params:t.params||{},fullPath:X(t,o),matched:e?W(e):[]};return n&&(a.redirectedFrom=X(n,o)),Object.freeze(a)}function K(e){if(Array.isArray(e))return e.map(K);if(e&&"object"==typeof e){var t={};for(var n in e)t[n]=K(e[n]);return t}return e}var J=z(null,{path:"/"});function W(e){for(var t=[];e;)t.unshift(e),e=e.parent;return t}function X(e,t){var n=e.path,r=e.query;void 0===r&&(r={});var o=e.hash;return void 0===o&&(o=""),(n||"/")+(t||V)(r)+o}function G(e,t){return t===J?e===t:!!t&&(e.path&&t.path?e.path.replace(q,"")===t.path.replace(q,"")&&e.hash===t.hash&&Y(e.query,t.query):!(!e.name||!t.name)&&(e.name===t.name&&e.hash===t.hash&&Y(e.query,t.query)&&Y(e.params,t.params)))}function Y(e,t){if(void 0===e&&(e={}),void 0===t&&(t={}),!e||!t)return e===t;var n=Object.keys(e),r=Object.keys(t);return n.length===r.length&&n.every(function(n){var r=e[n],o=t[n];return"object"==typeof r&&"object"==typeof o?Y(r,o):String(r)===String(o)})}var Z,Q=[String,Object],ee=[String,Array],te={name:"RouterLink",props:{to:{type:Q,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,event:{type:ee,default:"click"}},render:function(e){var t=this,n=this.$router,r=this.$route,o=n.resolve(this.to,r,this.append),i=o.location,a=o.route,s=o.href,c={},l=n.options.linkActiveClass,u=n.options.linkExactActiveClass,f=null==l?"router-link-active":l,p=null==u?"router-link-exact-active":u,d=null==this.activeClass?f:this.activeClass,h=null==this.exactActiveClass?p:this.exactActiveClass,v=i.path?z(null,i,null,n):a;c[h]=G(r,v),c[d]=this.exact?c[h]:function(e,t){return 0===e.path.replace(q,"/").indexOf(t.path.replace(q,"/"))&&(!t.hash||e.hash===t.hash)&&function(e,t){for(var n in t)if(!(n in e))return!1;return!0}(e.query,t.query)}(r,v);var m=function(e){ne(e)&&(t.replace?n.replace(i):n.push(i))},y={click:ne};Array.isArray(this.event)?this.event.forEach(function(e){y[e]=m}):y[this.event]=m;var g={class:c};if("a"===this.tag)g.on=y,g.attrs={href:s};else{var _=function e(t){if(t)for(var n,r=0;r=0&&(t=e.slice(r),e=e.slice(0,r));var o=e.indexOf("?");return o>=0&&(n=e.slice(o+1),e=e.slice(0,o)),{path:e,query:n,hash:t}}(o.path||""),c=t&&t.path||"/",l=s.path?oe(s.path,c,n||o.append):c,u=function(e,t,n){void 0===t&&(t={});var r,o=n||U;try{r=o(e||"")}catch(e){r={}}for(var i in t)r[i]=t[i];return r}(s.query,o.query,r&&r.options.parseQuery),f=o.hash||s.hash;return f&&"#"!==f.charAt(0)&&(f="#"+f),{_normalized:!0,path:l,query:u,hash:f}}function Oe(e,t){var n=ke(e),r=n.pathList,o=n.pathMap,i=n.nameMap;function a(e,n,a){var s=Ae(e,n,!1,t),l=s.name;if(l){var u=i[l];if(!u)return c(null,s);var f=u.regex.keys.filter(function(e){return!e.optional}).map(function(e){return e.name});if("object"!=typeof s.params&&(s.params={}),n&&"object"==typeof n.params)for(var p in n.params)!(p in s.params)&&f.indexOf(p)>-1&&(s.params[p]=n.params[p]);if(u)return s.path=Ce(u.path,s.params),c(u,s,a)}else if(s.path){s.params={};for(var d=0;d=e.length?n():e[o]?t(e[o],function(){r(o+1)}):r(o+1)};r(0)}function Ke(e){return function(t,n,r){var o=!1,i=0,a=null;Je(e,function(e,t,n,s){if("function"==typeof e&&void 0===e.cid){o=!0,i++;var c,l=Ge(function(t){var o;((o=t).__esModule||Xe&&"Module"===o[Symbol.toStringTag])&&(t=t.default),e.resolved="function"==typeof t?t:Z.extend(t),n.components[s]=t,--i<=0&&r()}),u=Ge(function(e){var t="Failed to resolve async component "+s+": "+e;a||(a=R(e)?e:new Error(t),r(a))});try{c=e(l,u)}catch(e){u(e)}if(c)if("function"==typeof c.then)c.then(l,u);else{var f=c.component;f&&"function"==typeof f.then&&f.then(l,u)}}}),o||r()}}function Je(e,t){return We(e.map(function(e){return Object.keys(e.components).map(function(n){return t(e.components[n],e.instances[n],e,n)})}))}function We(e){return Array.prototype.concat.apply([],e)}var Xe="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function Ge(e){var t=!1;return function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];if(!t)return t=!0,e.apply(this,n)}}var Ye=function(e,t){this.router=e,this.base=function(e){if(!e)if(re){var t=document.querySelector("base");e=(e=t&&t.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else e="/";"/"!==e.charAt(0)&&(e="/"+e);return e.replace(/\/$/,"")}(t),this.current=J,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[]};function Ze(e,t,n,r){var o=Je(e,function(e,r,o,i){var a=function(e,t){"function"!=typeof e&&(e=Z.extend(e));return e.options[t]}(e,t);if(a)return Array.isArray(a)?a.map(function(e){return n(e,r,o,i)}):n(a,r,o,i)});return We(r?o.reverse():o)}function Qe(e,t){if(t)return function(){return e.apply(t,arguments)}}Ye.prototype.listen=function(e){this.cb=e},Ye.prototype.onReady=function(e,t){this.ready?e():(this.readyCbs.push(e),t&&this.readyErrorCbs.push(t))},Ye.prototype.onError=function(e){this.errorCbs.push(e)},Ye.prototype.transitionTo=function(e,t,n){var r=this,o=this.router.match(e,this.current);this.confirmTransition(o,function(){r.updateRoute(o),t&&t(o),r.ensureURL(),r.ready||(r.ready=!0,r.readyCbs.forEach(function(e){e(o)}))},function(e){n&&n(e),e&&!r.ready&&(r.ready=!0,r.readyErrorCbs.forEach(function(t){t(e)}))})},Ye.prototype.confirmTransition=function(e,t,n){var r=this,o=this.current,i=function(e){R(e)&&(r.errorCbs.length?r.errorCbs.forEach(function(t){t(e)}):console.error(e)),n&&n(e)};if(G(e,o)&&e.matched.length===o.matched.length)return this.ensureURL(),i();var a=function(e,t){var n,r=Math.max(e.length,t.length);for(n=0;n=0?t.slice(0,n):t)+"#"+e}function at(e){De?Ve(it(e)):window.location.hash=e}function st(e){De?qe(it(e)):window.location.replace(it(e))}var ct=function(e){function t(t,n){e.call(this,t,n),this.stack=[],this.index=-1}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.push=function(e,t,n){var r=this;this.transitionTo(e,function(e){r.stack=r.stack.slice(0,r.index+1).concat(e),r.index++,t&&t(e)},n)},t.prototype.replace=function(e,t,n){var r=this;this.transitionTo(e,function(e){r.stack=r.stack.slice(0,r.index).concat(e),t&&t(e)},n)},t.prototype.go=function(e){var t=this,n=this.index+e;if(!(n<0||n>=this.stack.length)){var r=this.stack[n];this.confirmTransition(r,function(){t.index=n,t.updateRoute(r)})}},t.prototype.getCurrentLocation=function(){var e=this.stack[this.stack.length-1];return e?e.fullPath:"/"},t.prototype.ensureURL=function(){},t}(Ye),lt=function(e){void 0===e&&(e={}),this.app=null,this.apps=[],this.options=e,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=Oe(e.routes||[],this);var t=e.mode||"hash";switch(this.fallback="history"===t&&!De&&!1!==e.fallback,this.fallback&&(t="hash"),re||(t="abstract"),this.mode=t,t){case"history":this.history=new et(this,e.base);break;case"hash":this.history=new nt(this,e.base,this.fallback);break;case"abstract":this.history=new ct(this,e.base);break;default:0}},ut={currentRoute:{configurable:!0}};function ft(e,t){return e.push(t),function(){var n=e.indexOf(t);n>-1&&e.splice(n,1)}}lt.prototype.match=function(e,t,n){return this.matcher.match(e,t,n)},ut.currentRoute.get=function(){return this.history&&this.history.current},lt.prototype.init=function(e){var t=this;if(this.apps.push(e),!this.app){this.app=e;var n=this.history;if(n instanceof et)n.transitionTo(n.getCurrentLocation());else if(n instanceof nt){var r=function(){n.setupListeners()};n.transitionTo(n.getCurrentLocation(),r,r)}n.listen(function(e){t.apps.forEach(function(t){t._route=e})})}},lt.prototype.beforeEach=function(e){return ft(this.beforeHooks,e)},lt.prototype.beforeResolve=function(e){return ft(this.resolveHooks,e)},lt.prototype.afterEach=function(e){return ft(this.afterHooks,e)},lt.prototype.onReady=function(e,t){this.history.onReady(e,t)},lt.prototype.onError=function(e){this.history.onError(e)},lt.prototype.push=function(e,t,n){this.history.push(e,t,n)},lt.prototype.replace=function(e,t,n){this.history.replace(e,t,n)},lt.prototype.go=function(e){this.history.go(e)},lt.prototype.back=function(){this.go(-1)},lt.prototype.forward=function(){this.go(1)},lt.prototype.getMatchedComponents=function(e){var t=e?e.matched?e:this.resolve(e).route:this.currentRoute;return t?[].concat.apply([],t.matched.map(function(e){return Object.keys(e.components).map(function(t){return e.components[t]})})):[]},lt.prototype.resolve=function(e,t,n){var r=Ae(e,t||this.history.current,n,this),o=this.match(r,t),i=o.redirectedFrom||o.fullPath;return{location:r,route:o,href:function(e,t,n){var r="hash"===n?"#"+t:t;return e?ie(e+"/"+r):r}(this.history.base,i,this.mode),normalizedTo:r,resolved:o}},lt.prototype.addRoutes=function(e){this.matcher.addRoutes(e),this.history.current!==J&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(lt.prototype,ut),lt.install=function e(t){if(!e.installed||Z!==t){e.installed=!0,Z=t;var n=function(e){return void 0!==e},r=function(e,t){var r=e.$options._parentVnode;n(r)&&n(r=r.data)&&n(r=r.registerRouteInstance)&&r(e,t)};t.mixin({beforeCreate:function(){n(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),t.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,r(this,this)},destroyed:function(){r(this)}}),Object.defineProperty(t.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(t.prototype,"$route",{get:function(){return this._routerRoot._route}}),t.component("RouterView",L),t.component("RouterLink",te);var o=t.config.optionMergeStrategies;o.beforeRouteEnter=o.beforeRouteLeave=o.beforeRouteUpdate=o.created}},lt.version="3.0.2",re&&window.Vue&&window.Vue.use(lt);var pt=lt,dt={name:"home",data:function(){return{example1Form:{name:""},example1Result:null,panel1Handle:null}},methods:{showPanel1:function(){var e=this;this.panel1Handle?this.panel1Handle.show({props:{name:this.example1Form.name}}).promise.then(function(t){e.example1Result=t}):(this.panel1Handle=this.$showPanel({hideBg:!0,width:"700px",cssClass:"panel-1-custom-class",component:"panel-1",keepAlive:!0,props:{name:this.example1Form.name}}),this.panel1Handle.promise.then(function(t){e.example1Result=t}))},showPanel3:function(){var e=this;this.$showPanel({width:700,component:"panel-3"}).promise.then(function(t){e.example1Result=t})}}},ht=(n(27),u(dt,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"home"}},[n("section",{staticClass:"page-header"},[e._m(0),e._v(" "),n("h1",{staticClass:"project-name"},[e._v("\n vue2-slideout-panel\n ")]),e._v(" "),n("h2",{staticClass:"project-tagline"},[e._v("\n Vue.js component for creating stackable slideout panels.\n ")]),e._v(" "),e._m(1),e._v(" "),n("div",{staticClass:"demo-btn"},[n("button",{staticClass:"btn btn-xl",on:{click:function(t){return t.preventDefault(),e.showPanel3(t)}}},[e._v("\n Demo\n ")])])]),e._v(" "),n("section",{staticClass:"main-content"},[n("h2",{staticStyle:{"margin-top":"2rem"}},[e._v("Installation")]),e._v(" "),e._m(2),e._v(" "),n("p",[e._v("\n 1) Download from NPM\n ")]),e._v(" "),n("h2",[e._v("Usage")]),e._v(" "),n("p",[e._v("\n 1) Register the Vue Slideout Panel Component:\n ")]),e._v(" "),e._m(3),e._v(" "),n("p",[e._v("\n 2) Add the Vue Slideout Panel Component tag to your HTML:\n ")]),e._v(" "),e._m(4),e._v(" "),n("p",[e._v("\n 3) Use the Vue Slideout Panel Service to launch a panel:\n ")]),e._v(" "),e._m(5),e._v(" "),n("h2",[e._v("Examples")]),e._v(" "),n("div",{staticClass:"example-1"},[n("form",[n("div",{staticClass:"form-group"},[n("label",[e._v("Enter your name:")]),e._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:e.example1Form.name,expression:"example1Form.name"}],staticClass:"form-control",domProps:{value:e.example1Form.name},on:{input:function(t){t.target.composing||e.$set(e.example1Form,"name",t.target.value)}}})])]),e._v(" "),n("button",{on:{click:function(t){return t.preventDefault(),e.showPanel1(t)}}},[e._v("\n Show Panel\n ")]),e._v(" "),n("div",{staticClass:"result"},[n("pre",{directives:[{name:"show",rawName:"v-show",value:e.example1Result,expression:"example1Result"}]},[e._v(" "+e._s(e.example1Result)+"\n ")])])]),e._v(" "),n("p",[e._v("\n Let's say we have a simple page component called 'home' and we want to launch a panel from it:\n ")]),e._v(" "),e._m(6),e._v(" "),n("p",[e._v("\n Here's the component that we want to live inside the panel:\n ")]),e._v(" "),e._m(7),e._v(" "),n("h2",[e._v("Panel Options")]),e._v(" "),e._m(8),e._v(" "),e._m(9)])])},[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"logo"},[t("img",{attrs:{src:"https://vuejs.org/images/logo.png"}})])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("a",{staticClass:"btn",attrs:{href:"https://github.com/officert/vue-slideout-panel"}},[this._v("View on GitHub")]),this._v(" "),t("a",{staticClass:"btn",attrs:{href:"https://github.com/officert/vue-slideout-panel/zipball/master"}},[this._v("Download .zip")]),this._v(" "),t("a",{staticClass:"btn",attrs:{href:"https://github.com/officert/vue-slideout-panel/tarball/master"}},[this._v("Download .tar.gz")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"highlight"},[t("pre",{staticClass:"highlight"},[this._v("npm install vue2-slideout-panel --save-dev")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"highlight"},[t("pre",{staticClass:"highlight"},[this._v("import Vue from 'vue';\nimport { VueSlideoutPanel } from 'vue2-slideout-panel';\n\nVue.component('slideout-panel', VueSlideoutPanel);")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"highlight"},[t("pre",{staticClass:"highlight"},[this._v("")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"highlight"},[t("pre",{staticClass:"highlight"},[this._v("import { vueSlideoutPanelService } from 'vue2-slideout-panel';\n\nconst panel1Handle = vueSlideoutPanelService.show({\n component : 'your-component-name',\n props: {\n //any data you want passed to your component\n }\n})\n\npanel1Handle.promise\n .then(result => {\n\n });\n")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"highlight"},[t("pre",{staticClass:"highlight"},[this._v("import Vue from 'vue';\nimport { vueSlideoutPanelService } from 'vue2-slideout-panel';\n\nexport default {\n name: 'home',\n data() {\n return {}\n },\n methods: {\n showPanel1() {\n const panel1Handle = vueSlideoutPanelService.show({\n component: 'panel-1',\n width: '500px', //customize the width\n cssClass: 'panel-1-custom-class', //add a custom CSS class\n keepAlive: true,\n props: {\n data: {\n firstName: 'John',\n lastName: 'Doe',\n age: 39\n }\n }\n });\n\n panel1Handle.promise\n .then(results => {\n console.log('Results for panel 1:', results);\n });\n }\n }\n};\n")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"highlight"},[t("pre",{staticClass:"highlight"},[this._v("export default {\n name: 'panel-1',\n props: {\n data: {\n type: Object,\n required: true\n }\n },\n data() {\n return {};\n },\n methods: {\n closePanel() {\n this.$emit('closePanel', {\n name: this.form.name\n });\n }\n }\n};\n")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[this._v("\n The following options can be passed to "),t("code",[this._v("vueSlideoutPanelService.show()")]),this._v(".\n ")])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"highlight"},[n("pre",{staticClass:"highlight"},[e._v("vueSlideoutPanelService.show({\n component: "),n("span",{staticClass:"type"},[e._v("String")]),e._v(", //Vue.js Component name\n width: "),n("span",{staticClass:"type"},[e._v("String|Number")]),e._v(", //custom width\n cssClass: "),n("span",{staticClass:"type"},[e._v("String")]),e._v(", //custom css class to apply to the panel body\n hideBg: "),n("span",{staticClass:"type"},[e._v("Boolean")]),e._v(", //hide the backdrop - only works on the first panel, all subsequent panels will follow suit\n disableBgClick: "),n("span",{staticClass:"type"},[e._v("Boolean")]),e._v(", //disable closing the panel by clicking on the backdrop\n keepAlive: "),n("span",{staticClass:"type"},[e._v("Boolean")]),e._v(", //keep alive the inner component\n props: "),n("span",{staticClass:"type"},[e._v("Object")]),e._v(" //object containing any data that you want passed to your Vue.js component as props\n})\n")])])}],!1,null,null,null));ht.options.__file="index.vue";var vt=ht.exports;o.a.use(pt);var mt=new pt({base:"/vue-slideout-panel/",routes:[{path:"*",redirect:"/home"},{path:"/",redirect:"/home"},{path:"/home",component:vt}]});window.vue2PanelDebug=!0,o.a.use(w),o.a.component("panel-1",O),o.a.component("panel-2",E),o.a.component("panel-3",I),new o.a({template:"",router:mt,components:{App:k}}).$mount("#app")}]); \ No newline at end of file +!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=29)}([function(e,t,n){"use strict";(function(t,n){var r=Object.freeze({});function o(e){return null==e}function i(e){return null!=e}function a(e){return!0===e}function s(e){return"string"==typeof e||"number"==typeof e||"symbol"==typeof e||"boolean"==typeof e}function c(e){return null!==e&&"object"==typeof e}var l=Object.prototype.toString;function u(e){return"[object Object]"===l.call(e)}function f(e){return"[object RegExp]"===l.call(e)}function p(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}function d(e){return null==e?"":"object"==typeof e?JSON.stringify(e,null,2):String(e)}function h(e){var t=parseFloat(e);return isNaN(t)?e:t}function v(e,t){for(var n=Object.create(null),r=e.split(","),o=0;o-1)return e.splice(n,1)}}var _=Object.prototype.hasOwnProperty;function b(e,t){return _.call(e,t)}function w(e){var t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}var x=/-(\w)/g,C=w(function(e){return e.replace(x,function(e,t){return t?t.toUpperCase():""})}),k=w(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),$=/\B([A-Z])/g,A=w(function(e){return e.replace($,"-$1").toLowerCase()});var O=Function.prototype.bind?function(e,t){return e.bind(t)}:function(e,t){function n(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n};function S(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function T(e,t){for(var n in t)e[n]=t[n];return e}function E(e){for(var t={},n=0;n0,Y=W&&W.indexOf("edge/")>0,Z=(W&&W.indexOf("android"),W&&/iphone|ipad|ipod|ios/.test(W)||"ios"===J),Q=(W&&/chrome\/\d+/.test(W),{}.watch),ee=!1;if(z)try{var te={};Object.defineProperty(te,"passive",{get:function(){ee=!0}}),window.addEventListener("test-passive",null,te)}catch(e){}var ne=function(){return void 0===V&&(V=!z&&!K&&void 0!==t&&(t.process&&"server"===t.process.env.VUE_ENV)),V},re=z&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function oe(e){return"function"==typeof e&&/native code/.test(e.toString())}var ie,ae="undefined"!=typeof Symbol&&oe(Symbol)&&"undefined"!=typeof Reflect&&oe(Reflect.ownKeys);ie="undefined"!=typeof Set&&oe(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return!0===this.set[e]},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var se=P,ce=0,le=function(){this.id=ce++,this.subs=[]};le.prototype.addSub=function(e){this.subs.push(e)},le.prototype.removeSub=function(e){g(this.subs,e)},le.prototype.depend=function(){le.target&&le.target.addDep(this)},le.prototype.notify=function(){var e=this.subs.slice();for(var t=0,n=e.length;t-1)if(i&&!b(o,"default"))a=!1;else if(""===a||a===A(e)){var c=Fe(String,o.type);(c<0||s0&&(ct((l=e(l,(n||"")+"_"+c))[0])&&ct(f)&&(r[u]=me(f.text+l[0].text),l.shift()),r.push.apply(r,l)):s(l)?ct(f)?r[u]=me(f.text+l):""!==l&&r.push(me(l)):ct(l)&&ct(f)?r[u]=me(f.text+l.text):(a(t._isVList)&&i(l.tag)&&o(l.key)&&i(n)&&(l.key="__vlist"+n+"_"+c+"__"),r.push(l)));return r}(e):void 0}function ct(e){return i(e)&&i(e.text)&&!1===e.isComment}function lt(e,t){return(e.__esModule||ae&&"Module"===e[Symbol.toStringTag])&&(e=e.default),c(e)?t.extend(e):e}function ut(e){return e.isComment&&e.asyncFactory}function ft(e){if(Array.isArray(e))for(var t=0;tTt&&kt[n].id>e.id;)n--;kt.splice(n+1,0,e)}else kt.push(e);Ot||(Ot=!0,Ze(Et))}}(this)},jt.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||c(e)||this.deep){var t=this.value;if(this.value=e,this.user)try{this.cb.call(this.vm,e,t)}catch(e){He(e,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,e,t)}}},jt.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},jt.prototype.depend=function(){for(var e=this.deps.length;e--;)this.deps[e].depend()},jt.prototype.teardown=function(){if(this.active){this.vm._isBeingDestroyed||g(this.vm._watchers,this);for(var e=this.deps.length;e--;)this.deps[e].removeSub(this);this.active=!1}};var It={enumerable:!0,configurable:!0,get:P,set:P};function Rt(e,t,n){It.get=function(){return this[t][n]},It.set=function(e){this[t][n]=e},Object.defineProperty(e,n,It)}function Nt(e){e._watchers=[];var t=e.$options;t.props&&function(e,t){var n=e.$options.propsData||{},r=e._props={},o=e.$options._propKeys=[];e.$parent&&xe(!1);var i=function(i){o.push(i);var a=Le(i,t,n,e);$e(r,i,a),i in e||Rt(e,"_props",i)};for(var a in t)i(a);xe(!0)}(e,t.props),t.methods&&function(e,t){e.$options.props;for(var n in t)e[n]="function"!=typeof t[n]?P:O(t[n],e)}(e,t.methods),t.data?function(e){var t=e.$options.data;u(t=e._data="function"==typeof t?function(e,t){fe();try{return e.call(t,t)}catch(e){return He(e,t,"data()"),{}}finally{pe()}}(t,e):t||{})||(t={});var n=Object.keys(t),r=e.$options.props,o=(e.$options.methods,n.length);for(;o--;){var i=n[o];0,r&&b(r,i)||(a=void 0,36!==(a=(i+"").charCodeAt(0))&&95!==a&&Rt(e,"_data",i))}var a;ke(t,!0)}(e):ke(e._data={},!0),t.computed&&function(e,t){var n=e._computedWatchers=Object.create(null),r=ne();for(var o in t){var i=t[o],a="function"==typeof i?i:i.get;0,r||(n[o]=new jt(e,a||P,P,Lt)),o in e||Mt(e,o,i)}}(e,t.computed),t.watch&&t.watch!==Q&&function(e,t){for(var n in t){var r=t[n];if(Array.isArray(r))for(var o=0;o-1:"string"==typeof e?e.split(",").indexOf(t)>-1:!!f(e)&&e.test(t)}function yn(e,t){var n=e.cache,r=e.keys,o=e._vnode;for(var i in n){var a=n[i];if(a){var s=vn(a.componentOptions);s&&!t(s)&&gn(n,i,r,o)}}}function gn(e,t,n,r){var o=e[t];!o||r&&o.tag===r.tag||o.componentInstance.$destroy(),e[t]=null,g(n,t)}!function(e){e.prototype._init=function(e){var t=this;t._uid=fn++,t._isVue=!0,e&&e._isComponent?function(e,t){var n=e.$options=Object.create(e.constructor.options),r=t._parentVnode;n.parent=t.parent,n._parentVnode=r;var o=r.componentOptions;n.propsData=o.propsData,n._parentListeners=o.listeners,n._renderChildren=o.children,n._componentTag=o.tag,t.render&&(n.render=t.render,n.staticRenderFns=t.staticRenderFns)}(t,e):t.$options=Re(pn(t.constructor),e||{},t),t._renderProxy=t,t._self=t,function(e){var t=e.$options,n=t.parent;if(n&&!t.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(e)}e.$parent=n,e.$root=n?n.$root:e,e.$children=[],e.$refs={},e._watcher=null,e._inactive=null,e._directInactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}(t),function(e){e._events=Object.create(null),e._hasHookEvent=!1;var t=e.$options._parentListeners;t&&vt(e,t)}(t),function(e){e._vnode=null,e._staticTrees=null;var t=e.$options,n=e.$vnode=t._parentVnode,o=n&&n.context;e.$slots=mt(t._renderChildren,o),e.$scopedSlots=r,e._c=function(t,n,r,o){return un(e,t,n,r,o,!1)},e.$createElement=function(t,n,r,o){return un(e,t,n,r,o,!0)};var i=n&&n.data;$e(e,"$attrs",i&&i.attrs||r,null,!0),$e(e,"$listeners",t._parentListeners||r,null,!0)}(t),Ct(t,"beforeCreate"),function(e){var t=Bt(e.$options.inject,e);t&&(xe(!1),Object.keys(t).forEach(function(n){$e(e,n,t[n])}),xe(!0))}(t),Nt(t),function(e){var t=e.$options.provide;t&&(e._provided="function"==typeof t?t.call(e):t)}(t),Ct(t,"created"),t.$options.el&&t.$mount(t.$options.el)}}(dn),function(e){var t={get:function(){return this._data}},n={get:function(){return this._props}};Object.defineProperty(e.prototype,"$data",t),Object.defineProperty(e.prototype,"$props",n),e.prototype.$set=Ae,e.prototype.$delete=Oe,e.prototype.$watch=function(e,t,n){if(u(t))return Ht(this,e,t,n);(n=n||{}).user=!0;var r=new jt(this,e,t,n);if(n.immediate)try{t.call(this,r.value)}catch(e){He(e,this,'callback for immediate watcher "'+r.expression+'"')}return function(){r.teardown()}}}(dn),function(e){var t=/^hook:/;e.prototype.$on=function(e,n){var r=this;if(Array.isArray(e))for(var o=0,i=e.length;o1?S(t):t;for(var n=S(arguments,1),r=0,o=t.length;rparseInt(this.max)&&gn(a,s[0],s,this._vnode)),t.data.keepAlive=!0}return t||e&&e[0]}}};!function(e){var t={get:function(){return H}};Object.defineProperty(e,"config",t),e.util={warn:se,extend:T,mergeOptions:Re,defineReactive:$e},e.set=Ae,e.delete=Oe,e.nextTick=Ze,e.options=Object.create(null),D.forEach(function(t){e.options[t+"s"]=Object.create(null)}),e.options._base=e,T(e.options.components,bn),function(e){e.use=function(e){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(e)>-1)return this;var n=S(arguments,1);return n.unshift(this),"function"==typeof e.install?e.install.apply(e,n):"function"==typeof e&&e.apply(null,n),t.push(e),this}}(e),function(e){e.mixin=function(e){return this.options=Re(this.options,e),this}}(e),hn(e),function(e){D.forEach(function(t){e[t]=function(e,n){return n?("component"===t&&u(n)&&(n.name=n.name||e,n=this.options._base.extend(n)),"directive"===t&&"function"==typeof n&&(n={bind:n,update:n}),this.options[t+"s"][e]=n,n):this.options[t+"s"][e]}})}(e)}(dn),Object.defineProperty(dn.prototype,"$isServer",{get:ne}),Object.defineProperty(dn.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(dn,"FunctionalRenderContext",{value:en}),dn.version="2.5.22";var wn=v("style,class"),xn=v("input,textarea,option,select,progress"),Cn=function(e,t,n){return"value"===n&&xn(e)&&"button"!==t||"selected"===n&&"option"===e||"checked"===n&&"input"===e||"muted"===n&&"video"===e},kn=v("contenteditable,draggable,spellcheck"),$n=v("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),An="http://www.w3.org/1999/xlink",On=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},Sn=function(e){return On(e)?e.slice(6,e.length):""},Tn=function(e){return null==e||!1===e};function En(e){for(var t=e.data,n=e,r=e;i(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(t=Pn(r.data,t));for(;i(n=n.parent);)n&&n.data&&(t=Pn(t,n.data));return function(e,t){if(i(e)||i(t))return jn(e,In(t));return""}(t.staticClass,t.class)}function Pn(e,t){return{staticClass:jn(e.staticClass,t.staticClass),class:i(e.class)?[e.class,t.class]:t.class}}function jn(e,t){return e?t?e+" "+t:e:t||""}function In(e){return Array.isArray(e)?function(e){for(var t,n="",r=0,o=e.length;r-1?or(e,t,n):$n(t)?Tn(n)?e.removeAttribute(t):(n="allowfullscreen"===t&&"EMBED"===e.tagName?"true":t,e.setAttribute(t,n)):kn(t)?e.setAttribute(t,Tn(n)||"false"===n?"false":"true"):On(t)?Tn(n)?e.removeAttributeNS(An,Sn(t)):e.setAttributeNS(An,t,n):or(e,t,n)}function or(e,t,n){if(Tn(n))e.removeAttribute(t);else{if(X&&!G&&("TEXTAREA"===e.tagName||"INPUT"===e.tagName)&&"placeholder"===t&&!e.__ieph){var r=function(t){t.stopImmediatePropagation(),e.removeEventListener("input",r)};e.addEventListener("input",r),e.__ieph=!0}e.setAttribute(t,n)}}var ir={create:nr,update:nr};function ar(e,t){var n=t.elm,r=t.data,a=e.data;if(!(o(r.staticClass)&&o(r.class)&&(o(a)||o(a.staticClass)&&o(a.class)))){var s=En(t),c=n._transitionClasses;i(c)&&(s=jn(s,In(c))),s!==n._prevClass&&(n.setAttribute("class",s),n._prevClass=s)}}var sr,cr,lr,ur,fr,pr,dr={create:ar,update:ar},hr=/[\w).+\-_$\]]/;function vr(e){var t,n,r,o,i,a=!1,s=!1,c=!1,l=!1,u=0,f=0,p=0,d=0;for(r=0;r=0&&" "===(v=e.charAt(h));h--);v&&hr.test(v)||(l=!0)}}else void 0===o?(d=r+1,o=e.slice(0,r).trim()):m();function m(){(i||(i=[])).push(e.slice(d,r).trim()),d=r+1}if(void 0===o?o=e.slice(0,r).trim():0!==d&&m(),i)for(r=0;r-1?{exp:e.slice(0,ur),key:'"'+e.slice(ur+1)+'"'}:{exp:e,key:null};cr=e,ur=fr=pr=0;for(;!Tr();)Er(lr=Sr())?jr(lr):91===lr&&Pr(lr);return{exp:e.slice(0,fr),key:e.slice(fr+1,pr)}}(e);return null===n.key?e+"="+t:"$set("+n.exp+", "+n.key+", "+t+")"}function Sr(){return cr.charCodeAt(++ur)}function Tr(){return ur>=sr}function Er(e){return 34===e||39===e}function Pr(e){var t=1;for(fr=ur;!Tr();)if(Er(e=Sr()))jr(e);else if(91===e&&t++,93===e&&t--,0===t){pr=ur;break}}function jr(e){for(var t=e;!Tr()&&(e=Sr())!==t;);}var Ir,Rr="__r",Nr="__c";function Lr(e,t,n){var r=Ir;return function o(){null!==t.apply(null,arguments)&&Dr(e,o,n,r)}}function Mr(e,t,n,r){var o;t=(o=t)._withTask||(o._withTask=function(){We=!0;try{return o.apply(null,arguments)}finally{We=!1}}),Ir.addEventListener(e,t,ee?{capture:n,passive:r}:n)}function Dr(e,t,n,r){(r||Ir).removeEventListener(e,t._withTask||t,n)}function Fr(e,t){if(!o(e.data.on)||!o(t.data.on)){var n=t.data.on||{},r=e.data.on||{};Ir=t.elm,function(e){if(i(e[Rr])){var t=X?"change":"input";e[t]=[].concat(e[Rr],e[t]||[]),delete e[Rr]}i(e[Nr])&&(e.change=[].concat(e[Nr],e.change||[]),delete e[Nr])}(n),ot(n,r,Mr,Dr,Lr,t.context),Ir=void 0}}var Hr={create:Fr,update:Fr};function Br(e,t){if(!o(e.data.domProps)||!o(t.data.domProps)){var n,r,a=t.elm,s=e.data.domProps||{},c=t.data.domProps||{};for(n in i(c.__ob__)&&(c=t.data.domProps=T({},c)),s)o(c[n])&&(a[n]="");for(n in c){if(r=c[n],"textContent"===n||"innerHTML"===n){if(t.children&&(t.children.length=0),r===s[n])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===n){a._value=r;var l=o(r)?"":String(r);Ur(a,l)&&(a.value=l)}else a[n]=r}}}function Ur(e,t){return!e.composing&&("OPTION"===e.tagName||function(e,t){var n=!0;try{n=document.activeElement!==e}catch(e){}return n&&e.value!==t}(e,t)||function(e,t){var n=e.value,r=e._vModifiers;if(i(r)){if(r.lazy)return!1;if(r.number)return h(n)!==h(t);if(r.trim)return n.trim()!==t.trim()}return n!==t}(e,t))}var Vr={create:Br,update:Br},qr=w(function(e){var t={},n=/:(.+)/;return e.split(/;(?![^(]*\))/g).forEach(function(e){if(e){var r=e.split(n);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t});function zr(e){var t=Kr(e.style);return e.staticStyle?T(e.staticStyle,t):t}function Kr(e){return Array.isArray(e)?E(e):"string"==typeof e?qr(e):e}var Jr,Wr=/^--/,Xr=/\s*!important$/,Gr=function(e,t,n){if(Wr.test(t))e.style.setProperty(t,n);else if(Xr.test(n))e.style.setProperty(t,n.replace(Xr,""),"important");else{var r=Zr(t);if(Array.isArray(n))for(var o=0,i=n.length;o-1?t.split(to).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var n=" "+(e.getAttribute("class")||"")+" ";n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function ro(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(to).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{for(var n=" "+(e.getAttribute("class")||"")+" ",r=" "+t+" ";n.indexOf(r)>=0;)n=n.replace(r," ");(n=n.trim())?e.setAttribute("class",n):e.removeAttribute("class")}}function oo(e){if(e){if("object"==typeof e){var t={};return!1!==e.css&&T(t,io(e.name||"v")),T(t,e),t}return"string"==typeof e?io(e):void 0}}var io=w(function(e){return{enterClass:e+"-enter",enterToClass:e+"-enter-to",enterActiveClass:e+"-enter-active",leaveClass:e+"-leave",leaveToClass:e+"-leave-to",leaveActiveClass:e+"-leave-active"}}),ao=z&&!G,so="transition",co="animation",lo="transition",uo="transitionend",fo="animation",po="animationend";ao&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(lo="WebkitTransition",uo="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(fo="WebkitAnimation",po="webkitAnimationEnd"));var ho=z?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(e){return e()};function vo(e){ho(function(){ho(e)})}function mo(e,t){var n=e._transitionClasses||(e._transitionClasses=[]);n.indexOf(t)<0&&(n.push(t),no(e,t))}function yo(e,t){e._transitionClasses&&g(e._transitionClasses,t),ro(e,t)}function go(e,t,n){var r=bo(e,t),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var s=o===so?uo:po,c=0,l=function(){e.removeEventListener(s,u),n()},u=function(t){t.target===e&&++c>=a&&l()};setTimeout(function(){c0&&(n=so,u=a,f=i.length):t===co?l>0&&(n=co,u=l,f=c.length):f=(n=(u=Math.max(a,l))>0?a>l?so:co:null)?n===so?i.length:c.length:0,{type:n,timeout:u,propCount:f,hasTransform:n===so&&_o.test(r[lo+"Property"])}}function wo(e,t){for(;e.length1}function Oo(e,t){!0!==t.data.show&&Co(t)}var So=function(e){var t,n,r={},c=e.modules,l=e.nodeOps;for(t=0;th?_(e,o(n[y+1])?null:n[y+1].elm,n,d,y,r):d>y&&w(0,t,p,h)}(p,v,y,n,u):i(y)?(i(e.text)&&l.setTextContent(p,""),_(p,null,y,0,y.length-1,n)):i(v)?w(0,v,0,v.length-1):i(e.text)&&l.setTextContent(p,""):e.text!==t.text&&l.setTextContent(p,t.text),i(h)&&i(d=h.hook)&&i(d=d.postpatch)&&d(e,t)}}}function $(e,t,n){if(a(n)&&i(e.parent))e.parent.data.pendingInsert=t;else for(var r=0;r-1,a.selected!==i&&(a.selected=i);else if(R(Io(a),r))return void(e.selectedIndex!==s&&(e.selectedIndex=s));o||(e.selectedIndex=-1)}}function jo(e,t){return t.every(function(t){return!R(t,e)})}function Io(e){return"_value"in e?e._value:e.value}function Ro(e){e.target.composing=!0}function No(e){e.target.composing&&(e.target.composing=!1,Lo(e.target,"input"))}function Lo(e,t){var n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}function Mo(e){return!e.componentInstance||e.data&&e.data.transition?e:Mo(e.componentInstance._vnode)}var Do={model:To,show:{bind:function(e,t,n){var r=t.value,o=(n=Mo(n)).data&&n.data.transition,i=e.__vOriginalDisplay="none"===e.style.display?"":e.style.display;r&&o?(n.data.show=!0,Co(n,function(){e.style.display=i})):e.style.display=r?i:"none"},update:function(e,t,n){var r=t.value;!r!=!t.oldValue&&((n=Mo(n)).data&&n.data.transition?(n.data.show=!0,r?Co(n,function(){e.style.display=e.__vOriginalDisplay}):ko(n,function(){e.style.display="none"})):e.style.display=r?e.__vOriginalDisplay:"none")},unbind:function(e,t,n,r,o){o||(e.style.display=e.__vOriginalDisplay)}}},Fo={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function Ho(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?Ho(ft(t.children)):e}function Bo(e){var t={},n=e.$options;for(var r in n.propsData)t[r]=e[r];var o=n._parentListeners;for(var i in o)t[C(i)]=o[i];return t}function Uo(e,t){if(/\d-keep-alive$/.test(t.tag))return e("keep-alive",{props:t.componentOptions.propsData})}var Vo=function(e){return e.tag||ut(e)},qo=function(e){return"show"===e.name},zo={name:"transition",props:Fo,abstract:!0,render:function(e){var t=this,n=this.$slots.default;if(n&&(n=n.filter(Vo)).length){0;var r=this.mode;0;var o=n[0];if(function(e){for(;e=e.parent;)if(e.data.transition)return!0}(this.$vnode))return o;var i=Ho(o);if(!i)return o;if(this._leaving)return Uo(e,o);var a="__transition-"+this._uid+"-";i.key=null==i.key?i.isComment?a+"comment":a+i.tag:s(i.key)?0===String(i.key).indexOf(a)?i.key:a+i.key:i.key;var c=(i.data||(i.data={})).transition=Bo(this),l=this._vnode,u=Ho(l);if(i.data.directives&&i.data.directives.some(qo)&&(i.data.show=!0),u&&u.data&&!function(e,t){return t.key===e.key&&t.tag===e.tag}(i,u)&&!ut(u)&&(!u.componentInstance||!u.componentInstance._vnode.isComment)){var f=u.data.transition=T({},c);if("out-in"===r)return this._leaving=!0,it(f,"afterLeave",function(){t._leaving=!1,t.$forceUpdate()}),Uo(e,o);if("in-out"===r){if(ut(i))return l;var p,d=function(){p()};it(c,"afterEnter",d),it(c,"enterCancelled",d),it(f,"delayLeave",function(e){p=e})}}return o}}},Ko=T({tag:String,moveClass:String},Fo);function Jo(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function Wo(e){e.data.newPos=e.elm.getBoundingClientRect()}function Xo(e){var t=e.data.pos,n=e.data.newPos,r=t.left-n.left,o=t.top-n.top;if(r||o){e.data.moved=!0;var i=e.elm.style;i.transform=i.WebkitTransform="translate("+r+"px,"+o+"px)",i.transitionDuration="0s"}}delete Ko.mode;var Go={Transition:zo,TransitionGroup:{props:Ko,beforeMount:function(){var e=this,t=this._update;this._update=function(n,r){var o=bt(e);e.__patch__(e._vnode,e.kept,!1,!0),e._vnode=e.kept,o(),t.call(e,n,r)}},render:function(e){for(var t=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,o=this.$slots.default||[],i=this.children=[],a=Bo(this),s=0;s-1?Fn[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:Fn[e]=/HTMLUnknownElement/.test(t.toString())},T(dn.options.directives,Do),T(dn.options.components,Go),dn.prototype.__patch__=z?So:P,dn.prototype.$mount=function(e,t){return function(e,t,n){var r;return e.$el=t,e.$options.render||(e.$options.render=ve),Ct(e,"beforeMount"),r=function(){e._update(e._render(),n)},new jt(e,r,P,{before:function(){e._isMounted&&!e._isDestroyed&&Ct(e,"beforeUpdate")}},!0),n=!1,null==e.$vnode&&(e._isMounted=!0,Ct(e,"mounted")),e}(this,e=e&&z?Bn(e):void 0,t)},z&&setTimeout(function(){H.devtools&&re&&re.emit("init",dn)},0);var Yo=/\{\{((?:.|\r?\n)+?)\}\}/g,Zo=/[-.*+?^${}()|[\]\/\\]/g,Qo=w(function(e){var t=e[0].replace(Zo,"\\$&"),n=e[1].replace(Zo,"\\$&");return new RegExp(t+"((?:.|\\n)+?)"+n,"g")});var ei={staticKeys:["staticClass"],transformNode:function(e,t){t.warn;var n=$r(e,"class");n&&(e.staticClass=JSON.stringify(n));var r=kr(e,"class",!1);r&&(e.classBinding=r)},genData:function(e){var t="";return e.staticClass&&(t+="staticClass:"+e.staticClass+","),e.classBinding&&(t+="class:"+e.classBinding+","),t}};var ti,ni={staticKeys:["staticStyle"],transformNode:function(e,t){t.warn;var n=$r(e,"style");n&&(e.staticStyle=JSON.stringify(qr(n)));var r=kr(e,"style",!1);r&&(e.styleBinding=r)},genData:function(e){var t="";return e.staticStyle&&(t+="staticStyle:"+e.staticStyle+","),e.styleBinding&&(t+="style:("+e.styleBinding+"),"),t}},ri=function(e){return(ti=ti||document.createElement("div")).innerHTML=e,ti.textContent},oi=v("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),ii=v("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),ai=v("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),si=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,ci="[a-zA-Z_][\\w\\-\\.]*",li="((?:"+ci+"\\:)?"+ci+")",ui=new RegExp("^<"+li),fi=/^\s*(\/?)>/,pi=new RegExp("^<\\/"+li+"[^>]*>"),di=/^]+>/i,hi=/^",""":'"',"&":"&"," ":"\n"," ":"\t"},_i=/&(?:lt|gt|quot|amp);/g,bi=/&(?:lt|gt|quot|amp|#10|#9);/g,wi=v("pre,textarea",!0),xi=function(e,t){return e&&wi(e)&&"\n"===t[0]};function Ci(e,t){var n=t?bi:_i;return e.replace(n,function(e){return gi[e]})}var ki,$i,Ai,Oi,Si,Ti,Ei,Pi,ji=/^@|^v-on:/,Ii=/^v-|^@|^:/,Ri=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Ni=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Li=/^\(|\)$/g,Mi=/:(.*)$/,Di=/^:|^v-bind:/,Fi=/\.[^.]+/g,Hi=w(ri);function Bi(e,t,n){return{type:1,tag:e,attrsList:t,attrsMap:Ji(t),parent:n,children:[]}}function Ui(e,t){ki=t.warn||yr,Ti=t.isPreTag||j,Ei=t.mustUseProp||j,Pi=t.getTagNamespace||j,Ai=gr(t.modules,"transformNode"),Oi=gr(t.modules,"preTransformNode"),Si=gr(t.modules,"postTransformNode"),$i=t.delimiters;var n,r,o=[],i=!1!==t.preserveWhitespace,a=!1,s=!1;function c(e){e.pre&&(a=!1),Ti(e.tag)&&(s=!1);for(var n=0;n]*>)","i")),p=e.replace(f,function(e,n,r){return l=r.length,mi(u)||"noscript"===u||(n=n.replace(//g,"$1").replace(//g,"$1")),xi(u,n)&&(n=n.slice(1)),t.chars&&t.chars(n),""});c+=e.length-p.length,e=p,A(u,c-l,c)}else{var d=e.indexOf("<");if(0===d){if(hi.test(e)){var h=e.indexOf("--\x3e");if(h>=0){t.shouldKeepComment&&t.comment(e.substring(4,h)),C(h+3);continue}}if(vi.test(e)){var v=e.indexOf("]>");if(v>=0){C(v+2);continue}}var m=e.match(di);if(m){C(m[0].length);continue}var y=e.match(pi);if(y){var g=c;C(y[0].length),A(y[1],g,c);continue}var _=k();if(_){$(_),xi(_.tagName,e)&&C(1);continue}}var b=void 0,w=void 0,x=void 0;if(d>=0){for(w=e.slice(d);!(pi.test(w)||ui.test(w)||hi.test(w)||vi.test(w)||(x=w.indexOf("<",1))<0);)d+=x,w=e.slice(d);b=e.substring(0,d),C(d)}d<0&&(b=e,e=""),t.chars&&b&&t.chars(b)}if(e===n){t.chars&&t.chars(e);break}}function C(t){c+=t,e=e.substring(t)}function k(){var t=e.match(ui);if(t){var n,r,o={tagName:t[1],attrs:[],start:c};for(C(t[0].length);!(n=e.match(fi))&&(r=e.match(si));)C(r[0].length),o.attrs.push(r);if(n)return o.unarySlash=n[1],C(n[0].length),o.end=c,o}}function $(e){var n=e.tagName,c=e.unarySlash;i&&("p"===r&&ai(n)&&A(r),s(n)&&r===n&&A(n));for(var l=a(n)||!!c,u=e.attrs.length,f=new Array(u),p=0;p=0&&o[a].lowerCasedTag!==s;a--);else a=0;if(a>=0){for(var l=o.length-1;l>=a;l--)t.end&&t.end(o[l].tag,n,i);o.length=a,r=a&&o[a-1].tag}else"br"===s?t.start&&t.start(e,[],!0,n,i):"p"===s&&(t.start&&t.start(e,[],!1,n,i),t.end&&t.end(e,n,i))}A()}(e,{warn:ki,expectHTML:t.expectHTML,isUnaryTag:t.isUnaryTag,canBeLeftOpenTag:t.canBeLeftOpenTag,shouldDecodeNewlines:t.shouldDecodeNewlines,shouldDecodeNewlinesForHref:t.shouldDecodeNewlinesForHref,shouldKeepComment:t.comments,start:function(e,i,l){var u=r&&r.ns||Pi(e);X&&"svg"===u&&(i=function(e){for(var t=[],n=0;nc&&(s.push(i=e.slice(c,o)),a.push(JSON.stringify(i)));var l=vr(r[1].trim());a.push("_s("+l+")"),s.push({"@binding":l}),c=o+r[0].length}return c-1"+("true"===i?":("+t+")":":_q("+t+","+i+")")),Cr(e,"change","var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+i+"):("+a+");if(Array.isArray($$a)){var $$v="+(r?"_n("+o+")":o)+",$$i=_i($$a,$$v);if($$el.checked){$$i<0&&("+Or(t,"$$a.concat([$$v])")+")}else{$$i>-1&&("+Or(t,"$$a.slice(0,$$i).concat($$a.slice($$i+1))")+")}}else{"+Or(t,"$$c")+"}",null,!0)}(e,r,o);else if("input"===i&&"radio"===a)!function(e,t,n){var r=n&&n.number,o=kr(e,"value")||"null";_r(e,"checked","_q("+t+","+(o=r?"_n("+o+")":o)+")"),Cr(e,"change",Or(t,o),null,!0)}(e,r,o);else if("input"===i||"textarea"===i)!function(e,t,n){var r=e.attrsMap.type,o=n||{},i=o.lazy,a=o.number,s=o.trim,c=!i&&"range"!==r,l=i?"change":"range"===r?Rr:"input",u="$event.target.value";s&&(u="$event.target.value.trim()"),a&&(u="_n("+u+")");var f=Or(t,u);c&&(f="if($event.target.composing)return;"+f),_r(e,"value","("+t+")"),Cr(e,l,f,null,!0),(s||a)&&Cr(e,"blur","$forceUpdate()")}(e,r,o);else if(!H.isReservedTag(i))return Ar(e,r,o),!1;return!0},text:function(e,t){t.value&&_r(e,"textContent","_s("+t.value+")")},html:function(e,t){t.value&&_r(e,"innerHTML","_s("+t.value+")")}},isPreTag:function(e){return"pre"===e},isUnaryTag:oi,mustUseProp:Cn,canBeLeftOpenTag:ii,isReservedTag:Mn,getTagNamespace:Dn,staticKeys:function(e){return e.reduce(function(e,t){return e.concat(t.staticKeys||[])},[]).join(",")}(Yi)},ta=w(function(e){return v("type,tag,attrsList,attrsMap,plain,parent,children,attrs"+(e?","+e:""))});function na(e,t){e&&(Zi=ta(t.staticKeys||""),Qi=t.isReservedTag||j,function e(t){t.static=function(e){if(2===e.type)return!1;if(3===e.type)return!0;return!(!e.pre&&(e.hasBindings||e.if||e.for||m(e.tag)||!Qi(e.tag)||function(e){for(;e.parent;){if("template"!==(e=e.parent).tag)return!1;if(e.for)return!0}return!1}(e)||!Object.keys(e).every(Zi)))}(t);if(1===t.type){if(!Qi(t.tag)&&"slot"!==t.tag&&null==t.attrsMap["inline-template"])return;for(var n=0,r=t.children.length;n|^function\s*\(/,oa=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,ia={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},aa={esc:["Esc","Escape"],tab:"Tab",enter:"Enter",space:[" ","Spacebar"],up:["Up","ArrowUp"],left:["Left","ArrowLeft"],right:["Right","ArrowRight"],down:["Down","ArrowDown"],delete:["Backspace","Delete","Del"]},sa=function(e){return"if("+e+")return null;"},ca={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:sa("$event.target !== $event.currentTarget"),ctrl:sa("!$event.ctrlKey"),shift:sa("!$event.shiftKey"),alt:sa("!$event.altKey"),meta:sa("!$event.metaKey"),left:sa("'button' in $event && $event.button !== 0"),middle:sa("'button' in $event && $event.button !== 1"),right:sa("'button' in $event && $event.button !== 2")};function la(e,t){var n=t?"nativeOn:{":"on:{";for(var r in e)n+='"'+r+'":'+ua(r,e[r])+",";return n.slice(0,-1)+"}"}function ua(e,t){if(!t)return"function(){}";if(Array.isArray(t))return"["+t.map(function(t){return ua(e,t)}).join(",")+"]";var n=oa.test(t.value),r=ra.test(t.value);if(t.modifiers){var o="",i="",a=[];for(var s in t.modifiers)if(ca[s])i+=ca[s],ia[s]&&a.push(s);else if("exact"===s){var c=t.modifiers;i+=sa(["ctrl","shift","alt","meta"].filter(function(e){return!c[e]}).map(function(e){return"$event."+e+"Key"}).join("||"))}else a.push(s);return a.length&&(o+=function(e){return"if(!('button' in $event)&&"+e.map(fa).join("&&")+")return null;"}(a)),i&&(o+=i),"function($event){"+o+(n?"return "+t.value+"($event)":r?"return ("+t.value+")($event)":t.value)+"}"}return n||r?t.value:"function($event){"+t.value+"}"}function fa(e){var t=parseInt(e,10);if(t)return"$event.keyCode!=="+t;var n=ia[e],r=aa[e];return"_k($event.keyCode,"+JSON.stringify(e)+","+JSON.stringify(n)+",$event.key,"+JSON.stringify(r)+")"}var pa={on:function(e,t){e.wrapListeners=function(e){return"_g("+e+","+t.value+")"}},bind:function(e,t){e.wrapData=function(n){return"_b("+n+",'"+e.tag+"',"+t.value+","+(t.modifiers&&t.modifiers.prop?"true":"false")+(t.modifiers&&t.modifiers.sync?",true":"")+")"}},cloak:P},da=function(e){this.options=e,this.warn=e.warn||yr,this.transforms=gr(e.modules,"transformCode"),this.dataGenFns=gr(e.modules,"genData"),this.directives=T(T({},pa),e.directives);var t=e.isReservedTag||j;this.maybeComponent=function(e){return!(t(e.tag)&&!e.component)},this.onceId=0,this.staticRenderFns=[],this.pre=!1};function ha(e,t){var n=new da(t);return{render:"with(this){return "+(e?va(e,n):'_c("div")')+"}",staticRenderFns:n.staticRenderFns}}function va(e,t){if(e.parent&&(e.pre=e.pre||e.parent.pre),e.staticRoot&&!e.staticProcessed)return ma(e,t);if(e.once&&!e.onceProcessed)return ya(e,t);if(e.for&&!e.forProcessed)return function(e,t,n,r){var o=e.for,i=e.alias,a=e.iterator1?","+e.iterator1:"",s=e.iterator2?","+e.iterator2:"";0;return e.forProcessed=!0,(r||"_l")+"(("+o+"),function("+i+a+s+"){return "+(n||va)(e,t)+"})"}(e,t);if(e.if&&!e.ifProcessed)return ga(e,t);if("template"!==e.tag||e.slotTarget||t.pre){if("slot"===e.tag)return function(e,t){var n=e.slotName||'"default"',r=wa(e,t),o="_t("+n+(r?","+r:""),i=e.attrs&&"{"+e.attrs.map(function(e){return C(e.name)+":"+e.value}).join(",")+"}",a=e.attrsMap["v-bind"];!i&&!a||r||(o+=",null");i&&(o+=","+i);a&&(o+=(i?"":",null")+","+a);return o+")"}(e,t);var n;if(e.component)n=function(e,t,n){var r=t.inlineTemplate?null:wa(t,n,!0);return"_c("+e+","+_a(t,n)+(r?","+r:"")+")"}(e.component,e,t);else{var r;(!e.plain||e.pre&&t.maybeComponent(e))&&(r=_a(e,t));var o=e.inlineTemplate?null:wa(e,t,!0);n="_c('"+e.tag+"'"+(r?","+r:"")+(o?","+o:"")+")"}for(var i=0;i':'
',Ta.innerHTML.indexOf(" ")>0}var Ia=!!z&&ja(!1),Ra=!!z&&ja(!0),Na=w(function(e){var t=Bn(e);return t&&t.innerHTML}),La=dn.prototype.$mount;dn.prototype.$mount=function(e,t){if((e=e&&Bn(e))===document.body||e===document.documentElement)return this;var n=this.$options;if(!n.render){var r=n.template;if(r)if("string"==typeof r)"#"===r.charAt(0)&&(r=Na(r));else{if(!r.nodeType)return this;r=r.innerHTML}else e&&(r=function(e){if(e.outerHTML)return e.outerHTML;var t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}(e));if(r){0;var o=Pa(r,{shouldDecodeNewlines:Ia,shouldDecodeNewlinesForHref:Ra,delimiters:n.delimiters,comments:n.comments},this),i=o.render,a=o.staticRenderFns;n.render=i,n.staticRenderFns=a}}return La.call(this,e,t)},dn.compile=Pa,e.exports=dn}).call(this,n(9),n(10).setImmediate)},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(a=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[n].concat(i).concat([o]).join("\n")}var a;return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;on.parts.length&&(r.parts.length=n.parts.length)}else{var a=[];for(o=0;o=0&&(e._idleTimeoutId=setTimeout(function(){e._onTimeout&&e._onTimeout()},t))},n(15),t.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==e&&e.setImmediate||this&&this.setImmediate,t.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==e&&e.clearImmediate||this&&this.clearImmediate}).call(this,n(9))},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t){function n(e,t){for(var n=0;n1)for(var n=1;n0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(this._panelOptions,t);return e=this._id,_(n,e)}},{key:"hide",value:function(){var e=Object.assign({id:this._id},this._panelOptions);i.$emit("hideSlideOutPanel",e)}},{key:"promise",get:function(){return this._promise}}]),e}();function _(e,t){if(!e)throw new Error("options is required");if(!e.component)throw new Error("options.component is required");var n=t||function(){function e(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}return e()+e()+"-"+e()+"-"+e()+"-"+e()+"-"+e()+e()+e()}();e.id=n;var r=new y.a(function(t){i.$emit("showSlideOutPanel",e),i.$once("hideSlideOutPanel-".concat(e.id),function(e){return t(e.data)})});return new g(n,r,e)}var b={show:function(e){return _(e)}};"undefined"!=typeof window&&window.Vue&&(window.vue2PanelDebug&&console.log("installing Vue js plugin - browser"),window.Vue.use({install:function(e){e.component("slideout-panel",p),e.prototype.$showPanel=b.show}}),window.vueSlideoutPanelService=b);var w={install:function(e){e.component("slideout-panel",p),e.prototype.$showPanel=b.show},VueSlideoutPanel:p,vueSlideoutPanelService:b},x={name:"app",computed:{version:function(){return"2.2.0"}}},C=(n(19),u(x,function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"app"}},[t("router-view"),this._v(" "),t("slideout-panel")],1)},[],!1,null,null,null));C.options.__file="index.vue";var k=C.exports,$={name:"panel-1",props:{name:{type:String,required:!0}},data:function(){return{example1Form:{age:null,keepAlive:!1}}},methods:{showPanel2:function(){this.$showPanel({component:"panel-2",props:{age:this.example1Form.age,name:this.name}})},closePanel:function(){this.$emit("closePanel",{age:this.example1Form.age,name:this.name})}}},A=(n(21),u($,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"panel-1"}},[e.name?e._e():n("h1",[e._v("You didn't enter your name!")]),e._v(" "),e.name?n("h1",[e._v("Hey there, "+e._s(e.name)+"!")]):e._e(),e._v(" "),n("p",[e._v("\n Want to see another panel stacked on top of this one?\n ")]),e._v(" "),n("div",{staticClass:"form"},[n("form",{attrs:{novalidate:""}},[n("div",{staticClass:"form-group"},[n("label",[e._v("Enter Your Age")]),e._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:e.example1Form.age,expression:"example1Form.age"}],staticClass:"form-control",attrs:{type:"number"},domProps:{value:e.example1Form.age},on:{input:function(t){t.target.composing||e.$set(e.example1Form,"age",t.target.value)}}})]),e._v(" "),n("div",{staticClass:"form-group"},[n("label",[e._v("Keep Alive")]),e._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:e.example1Form.keepAlive,expression:"example1Form.keepAlive"}],staticClass:"form-control",attrs:{type:"checkbox"},domProps:{checked:Array.isArray(e.example1Form.keepAlive)?e._i(e.example1Form.keepAlive,null)>-1:e.example1Form.keepAlive},on:{change:function(t){var n=e.example1Form.keepAlive,r=t.target,o=!!r.checked;if(Array.isArray(n)){var i=e._i(n,null);r.checked?i<0&&e.$set(e.example1Form,"keepAlive",n.concat([null])):i>-1&&e.$set(e.example1Form,"keepAlive",n.slice(0,i).concat(n.slice(i+1)))}else e.$set(e.example1Form,"keepAlive",o)}}})])]),e._v(" "),n("button",{on:{click:function(t){return t.preventDefault(),e.showPanel2(t)}}},[e._v("\n Open Another Panel\n ")])]),e._v(" "),n("p",[e._v("\n Or you can close this panel\n ")]),e._v(" "),n("button",{on:{click:function(t){return t.preventDefault(),e.closePanel(t)}}},[e._v("\n Close Panel\n ")])])},[],!1,null,null,null));A.options.__file="index.vue";var O=A.exports,S={name:"panel-2",props:{age:{type:String,required:!1},name:{type:String,required:!1}},methods:{closePanel:function(){this.$emit("closePanel")}}},T=(n(23),u(S,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"panel-1"}},[n("h1",[e._v(e._s(e.name)+" you are "+e._s(e.age)+" years old!")]),e._v(" "),n("button",{on:{click:function(t){return t.preventDefault(),e.closePanel(t)}}},[e._v("\n Close Panel\n ")])])},[],!1,null,null,null));T.options.__file="index.vue";var E=T.exports,P={name:"panel-3",props:{},methods:{closePanel:function(){this.$emit("closePanel")}}},j=(n(25),u(P,function(){this.$createElement;this._self._c;return this._m(0)},[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"panel-1"}},[t("h1",[this._v("This is a slideout panel")]),this._v(" "),t("p",[this._v("\n Slideout panels are stackable, and you can customize the width and side they open on.\n ")]),this._v(" "),t("p",[this._v("\n Here's a bunch of random text to show that panels can contain as much content as you'd like.\n ")]),this._v(" "),t("p",[this._v("\n Lorem ipsum dolor amet salvia distillery plaid flexitarian, letterpress organic meh pug. Viral squid you probably haven't heard of them mustache vexillologist jianbing migas PBR&B neutra craft beer. Stumptown snackwave literally, af celiac butcher master\n cleanse hashtag man braid artisan cornhole. Palo santo banh mi raw denim, flexitarian hexagon biodiesel chambray ugh hella franzen before they sold out. Man bun palo santo flexitarian VHS typewriter retro, fashion axe af polaroid prism shaman. Hot\n chicken dreamcatcher retro keffiyeh. Gastropub retro ramps wayfarers green juice marfa microdosing, pork belly selvage sustainable. Retro hammock narwhal la croix chartreuse tilde enamel pin helvetica unicorn roof party photo booth brooklyn pour-over\n glossier church-key. You probably haven't heard of them mustache knausgaard banjo air plant, edison bulb pork belly letterpress copper mug. Pug kinfolk cornhole selvage la croix, organic farm-to-table ethical squid tattooed williamsburg. Kitsch hot\n chicken raclette mustache cliche disrupt, cred art party bicycle rights next level. Normcore disrupt mlkshk taiyaki pinterest VHS shoreditch bushwick polaroid cornhole pickled. +1 post-ironic four dollar toast kale chips actually. Try-hard small batch\n adaptogen YOLO chambray tilde. Hashtag occupy raclette waistcoat, hell of vinyl gastropub green juice chillwave iPhone brooklyn skateboard. Kale chips kogi polaroid swag readymade williamsburg cardigan intelligentsia microdosing twee. Ethical vaporware\n jean shorts master cleanse umami semiotics. Edison bulb pop-up ugh la croix, meditation tofu yr letterpress kinfolk deep v waistcoat asymmetrical selfies godard twee. Street art helvetica cold-pressed hashtag echo park. Yuccie green juice shabby chic,\n normcore portland lomo chartreuse hexagon banjo subway tile paleo pitchfork marfa.\n ")])])}],!1,null,null,null));j.options.__file="index.vue";var I=j.exports;function R(e){return Object.prototype.toString.call(e).indexOf("Error")>-1}function N(e,t){for(var n in t)e[n]=t[n];return e}var L={name:"RouterView",functional:!0,props:{name:{type:String,default:"default"}},render:function(e,t){var n=t.props,r=t.children,o=t.parent,i=t.data;i.routerView=!0;for(var a=o.$createElement,s=n.name,c=o.$route,l=o._routerViewCache||(o._routerViewCache={}),u=0,f=!1;o&&o._routerRoot!==o;)o.$vnode&&o.$vnode.data.routerView&&u++,o._inactive&&(f=!0),o=o.$parent;if(i.routerViewDepth=u,f)return a(l[s],i,r);var p=c.matched[u];if(!p)return l[s]=null,a();var d=l[s]=p.components[s];i.registerRouteInstance=function(e,t){var n=p.instances[s];(t&&n!==e||!t&&n===e)&&(p.instances[s]=t)},(i.hook||(i.hook={})).prepatch=function(e,t){p.instances[s]=t.componentInstance};var h=i.props=function(e,t){switch(typeof t){case"undefined":return;case"object":return t;case"function":return t(e);case"boolean":return t?e.params:void 0;default:0}}(c,p.props&&p.props[s]);if(h){h=i.props=N({},h);var v=i.attrs=i.attrs||{};for(var m in h)d.props&&m in d.props||(v[m]=h[m],delete h[m])}return a(d,i,r)}};var M=/[!'()*]/g,D=function(e){return"%"+e.charCodeAt(0).toString(16)},F=/%2C/g,H=function(e){return encodeURIComponent(e).replace(M,D).replace(F,",")},B=decodeURIComponent;function U(e){var t={};return(e=e.trim().replace(/^(\?|#|&)/,""))?(e.split("&").forEach(function(e){var n=e.replace(/\+/g," ").split("="),r=B(n.shift()),o=n.length>0?B(n.join("=")):null;void 0===t[r]?t[r]=o:Array.isArray(t[r])?t[r].push(o):t[r]=[t[r],o]}),t):t}function V(e){var t=e?Object.keys(e).map(function(t){var n=e[t];if(void 0===n)return"";if(null===n)return H(t);if(Array.isArray(n)){var r=[];return n.forEach(function(e){void 0!==e&&(null===e?r.push(H(t)):r.push(H(t)+"="+H(e)))}),r.join("&")}return H(t)+"="+H(n)}).filter(function(e){return e.length>0}).join("&"):null;return t?"?"+t:""}var q=/\/?$/;function z(e,t,n,r){var o=r&&r.options.stringifyQuery,i=t.query||{};try{i=K(i)}catch(e){}var a={name:t.name||e&&e.name,meta:e&&e.meta||{},path:t.path||"/",hash:t.hash||"",query:i,params:t.params||{},fullPath:X(t,o),matched:e?W(e):[]};return n&&(a.redirectedFrom=X(n,o)),Object.freeze(a)}function K(e){if(Array.isArray(e))return e.map(K);if(e&&"object"==typeof e){var t={};for(var n in e)t[n]=K(e[n]);return t}return e}var J=z(null,{path:"/"});function W(e){for(var t=[];e;)t.unshift(e),e=e.parent;return t}function X(e,t){var n=e.path,r=e.query;void 0===r&&(r={});var o=e.hash;return void 0===o&&(o=""),(n||"/")+(t||V)(r)+o}function G(e,t){return t===J?e===t:!!t&&(e.path&&t.path?e.path.replace(q,"")===t.path.replace(q,"")&&e.hash===t.hash&&Y(e.query,t.query):!(!e.name||!t.name)&&(e.name===t.name&&e.hash===t.hash&&Y(e.query,t.query)&&Y(e.params,t.params)))}function Y(e,t){if(void 0===e&&(e={}),void 0===t&&(t={}),!e||!t)return e===t;var n=Object.keys(e),r=Object.keys(t);return n.length===r.length&&n.every(function(n){var r=e[n],o=t[n];return"object"==typeof r&&"object"==typeof o?Y(r,o):String(r)===String(o)})}var Z,Q=[String,Object],ee=[String,Array],te={name:"RouterLink",props:{to:{type:Q,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,event:{type:ee,default:"click"}},render:function(e){var t=this,n=this.$router,r=this.$route,o=n.resolve(this.to,r,this.append),i=o.location,a=o.route,s=o.href,c={},l=n.options.linkActiveClass,u=n.options.linkExactActiveClass,f=null==l?"router-link-active":l,p=null==u?"router-link-exact-active":u,d=null==this.activeClass?f:this.activeClass,h=null==this.exactActiveClass?p:this.exactActiveClass,v=i.path?z(null,i,null,n):a;c[h]=G(r,v),c[d]=this.exact?c[h]:function(e,t){return 0===e.path.replace(q,"/").indexOf(t.path.replace(q,"/"))&&(!t.hash||e.hash===t.hash)&&function(e,t){for(var n in t)if(!(n in e))return!1;return!0}(e.query,t.query)}(r,v);var m=function(e){ne(e)&&(t.replace?n.replace(i):n.push(i))},y={click:ne};Array.isArray(this.event)?this.event.forEach(function(e){y[e]=m}):y[this.event]=m;var g={class:c};if("a"===this.tag)g.on=y,g.attrs={href:s};else{var _=function e(t){if(t)for(var n,r=0;r=0&&(t=e.slice(r),e=e.slice(0,r));var o=e.indexOf("?");return o>=0&&(n=e.slice(o+1),e=e.slice(0,o)),{path:e,query:n,hash:t}}(o.path||""),c=t&&t.path||"/",l=s.path?oe(s.path,c,n||o.append):c,u=function(e,t,n){void 0===t&&(t={});var r,o=n||U;try{r=o(e||"")}catch(e){r={}}for(var i in t)r[i]=t[i];return r}(s.query,o.query,r&&r.options.parseQuery),f=o.hash||s.hash;return f&&"#"!==f.charAt(0)&&(f="#"+f),{_normalized:!0,path:l,query:u,hash:f}}function Oe(e,t){var n=ke(e),r=n.pathList,o=n.pathMap,i=n.nameMap;function a(e,n,a){var s=Ae(e,n,!1,t),l=s.name;if(l){var u=i[l];if(!u)return c(null,s);var f=u.regex.keys.filter(function(e){return!e.optional}).map(function(e){return e.name});if("object"!=typeof s.params&&(s.params={}),n&&"object"==typeof n.params)for(var p in n.params)!(p in s.params)&&f.indexOf(p)>-1&&(s.params[p]=n.params[p]);if(u)return s.path=Ce(u.path,s.params),c(u,s,a)}else if(s.path){s.params={};for(var d=0;d=e.length?n():e[o]?t(e[o],function(){r(o+1)}):r(o+1)};r(0)}function Ke(e){return function(t,n,r){var o=!1,i=0,a=null;Je(e,function(e,t,n,s){if("function"==typeof e&&void 0===e.cid){o=!0,i++;var c,l=Ge(function(t){var o;((o=t).__esModule||Xe&&"Module"===o[Symbol.toStringTag])&&(t=t.default),e.resolved="function"==typeof t?t:Z.extend(t),n.components[s]=t,--i<=0&&r()}),u=Ge(function(e){var t="Failed to resolve async component "+s+": "+e;a||(a=R(e)?e:new Error(t),r(a))});try{c=e(l,u)}catch(e){u(e)}if(c)if("function"==typeof c.then)c.then(l,u);else{var f=c.component;f&&"function"==typeof f.then&&f.then(l,u)}}}),o||r()}}function Je(e,t){return We(e.map(function(e){return Object.keys(e.components).map(function(n){return t(e.components[n],e.instances[n],e,n)})}))}function We(e){return Array.prototype.concat.apply([],e)}var Xe="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function Ge(e){var t=!1;return function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];if(!t)return t=!0,e.apply(this,n)}}var Ye=function(e,t){this.router=e,this.base=function(e){if(!e)if(re){var t=document.querySelector("base");e=(e=t&&t.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else e="/";"/"!==e.charAt(0)&&(e="/"+e);return e.replace(/\/$/,"")}(t),this.current=J,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[]};function Ze(e,t,n,r){var o=Je(e,function(e,r,o,i){var a=function(e,t){"function"!=typeof e&&(e=Z.extend(e));return e.options[t]}(e,t);if(a)return Array.isArray(a)?a.map(function(e){return n(e,r,o,i)}):n(a,r,o,i)});return We(r?o.reverse():o)}function Qe(e,t){if(t)return function(){return e.apply(t,arguments)}}Ye.prototype.listen=function(e){this.cb=e},Ye.prototype.onReady=function(e,t){this.ready?e():(this.readyCbs.push(e),t&&this.readyErrorCbs.push(t))},Ye.prototype.onError=function(e){this.errorCbs.push(e)},Ye.prototype.transitionTo=function(e,t,n){var r=this,o=this.router.match(e,this.current);this.confirmTransition(o,function(){r.updateRoute(o),t&&t(o),r.ensureURL(),r.ready||(r.ready=!0,r.readyCbs.forEach(function(e){e(o)}))},function(e){n&&n(e),e&&!r.ready&&(r.ready=!0,r.readyErrorCbs.forEach(function(t){t(e)}))})},Ye.prototype.confirmTransition=function(e,t,n){var r=this,o=this.current,i=function(e){R(e)&&(r.errorCbs.length?r.errorCbs.forEach(function(t){t(e)}):console.error(e)),n&&n(e)};if(G(e,o)&&e.matched.length===o.matched.length)return this.ensureURL(),i();var a=function(e,t){var n,r=Math.max(e.length,t.length);for(n=0;n=0?t.slice(0,n):t)+"#"+e}function at(e){De?Ve(it(e)):window.location.hash=e}function st(e){De?qe(it(e)):window.location.replace(it(e))}var ct=function(e){function t(t,n){e.call(this,t,n),this.stack=[],this.index=-1}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.push=function(e,t,n){var r=this;this.transitionTo(e,function(e){r.stack=r.stack.slice(0,r.index+1).concat(e),r.index++,t&&t(e)},n)},t.prototype.replace=function(e,t,n){var r=this;this.transitionTo(e,function(e){r.stack=r.stack.slice(0,r.index).concat(e),t&&t(e)},n)},t.prototype.go=function(e){var t=this,n=this.index+e;if(!(n<0||n>=this.stack.length)){var r=this.stack[n];this.confirmTransition(r,function(){t.index=n,t.updateRoute(r)})}},t.prototype.getCurrentLocation=function(){var e=this.stack[this.stack.length-1];return e?e.fullPath:"/"},t.prototype.ensureURL=function(){},t}(Ye),lt=function(e){void 0===e&&(e={}),this.app=null,this.apps=[],this.options=e,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=Oe(e.routes||[],this);var t=e.mode||"hash";switch(this.fallback="history"===t&&!De&&!1!==e.fallback,this.fallback&&(t="hash"),re||(t="abstract"),this.mode=t,t){case"history":this.history=new et(this,e.base);break;case"hash":this.history=new nt(this,e.base,this.fallback);break;case"abstract":this.history=new ct(this,e.base);break;default:0}},ut={currentRoute:{configurable:!0}};function ft(e,t){return e.push(t),function(){var n=e.indexOf(t);n>-1&&e.splice(n,1)}}lt.prototype.match=function(e,t,n){return this.matcher.match(e,t,n)},ut.currentRoute.get=function(){return this.history&&this.history.current},lt.prototype.init=function(e){var t=this;if(this.apps.push(e),!this.app){this.app=e;var n=this.history;if(n instanceof et)n.transitionTo(n.getCurrentLocation());else if(n instanceof nt){var r=function(){n.setupListeners()};n.transitionTo(n.getCurrentLocation(),r,r)}n.listen(function(e){t.apps.forEach(function(t){t._route=e})})}},lt.prototype.beforeEach=function(e){return ft(this.beforeHooks,e)},lt.prototype.beforeResolve=function(e){return ft(this.resolveHooks,e)},lt.prototype.afterEach=function(e){return ft(this.afterHooks,e)},lt.prototype.onReady=function(e,t){this.history.onReady(e,t)},lt.prototype.onError=function(e){this.history.onError(e)},lt.prototype.push=function(e,t,n){this.history.push(e,t,n)},lt.prototype.replace=function(e,t,n){this.history.replace(e,t,n)},lt.prototype.go=function(e){this.history.go(e)},lt.prototype.back=function(){this.go(-1)},lt.prototype.forward=function(){this.go(1)},lt.prototype.getMatchedComponents=function(e){var t=e?e.matched?e:this.resolve(e).route:this.currentRoute;return t?[].concat.apply([],t.matched.map(function(e){return Object.keys(e.components).map(function(t){return e.components[t]})})):[]},lt.prototype.resolve=function(e,t,n){var r=Ae(e,t||this.history.current,n,this),o=this.match(r,t),i=o.redirectedFrom||o.fullPath;return{location:r,route:o,href:function(e,t,n){var r="hash"===n?"#"+t:t;return e?ie(e+"/"+r):r}(this.history.base,i,this.mode),normalizedTo:r,resolved:o}},lt.prototype.addRoutes=function(e){this.matcher.addRoutes(e),this.history.current!==J&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(lt.prototype,ut),lt.install=function e(t){if(!e.installed||Z!==t){e.installed=!0,Z=t;var n=function(e){return void 0!==e},r=function(e,t){var r=e.$options._parentVnode;n(r)&&n(r=r.data)&&n(r=r.registerRouteInstance)&&r(e,t)};t.mixin({beforeCreate:function(){n(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),t.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,r(this,this)},destroyed:function(){r(this)}}),Object.defineProperty(t.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(t.prototype,"$route",{get:function(){return this._routerRoot._route}}),t.component("RouterView",L),t.component("RouterLink",te);var o=t.config.optionMergeStrategies;o.beforeRouteEnter=o.beforeRouteLeave=o.beforeRouteUpdate=o.created}},lt.version="3.0.2",re&&window.Vue&&window.Vue.use(lt);var pt=lt,dt={name:"home",data:function(){return{example1Form:{name:""},example1Result:null,panel1Handle:null}},methods:{showPanel1:function(){var e=this;this.panel1Handle?this.panel1Handle.show({props:{name:this.example1Form.name}}).promise.then(function(t){e.example1Result=t}):(this.panel1Handle=this.$showPanel({hideBg:!0,width:"700px",cssClass:"panel-1-custom-class",component:"panel-1",keepAlive:!0,props:{name:this.example1Form.name}}),this.panel1Handle.promise.then(function(t){e.example1Result=t}))},showPanel3:function(){var e=this;this.$showPanel({width:700,component:"panel-3"}).promise.then(function(t){e.example1Result=t})}}},ht=(n(27),u(dt,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"home"}},[n("section",{staticClass:"page-header"},[e._m(0),e._v(" "),n("h1",{staticClass:"project-name"},[e._v("\n vue2-slideout-panel\n ")]),e._v(" "),n("h2",{staticClass:"project-tagline"},[e._v("\n Vue.js component for creating stackable slideout panels.\n ")]),e._v(" "),e._m(1),e._v(" "),n("div",{staticClass:"demo-btn"},[n("button",{staticClass:"btn btn-xl",on:{click:function(t){return t.preventDefault(),e.showPanel3(t)}}},[e._v("\n Demo\n ")])])]),e._v(" "),n("section",{staticClass:"main-content"},[n("h2",{staticStyle:{"margin-top":"2rem"}},[e._v("Installation")]),e._v(" "),e._m(2),e._v(" "),n("p",[e._v("\n 1) Download from NPM\n ")]),e._v(" "),n("h2",[e._v("Usage")]),e._v(" "),n("p",[e._v("\n 1) Register the Vue Slideout Panel Component:\n ")]),e._v(" "),e._m(3),e._v(" "),n("p",[e._v("\n 2) Add the Vue Slideout Panel Component tag to your HTML:\n ")]),e._v(" "),e._m(4),e._v(" "),n("p",[e._v("\n 3) Use the Vue Slideout Panel Service to launch a panel:\n ")]),e._v(" "),e._m(5),e._v(" "),n("h2",[e._v("Examples")]),e._v(" "),n("div",{staticClass:"example-1"},[n("form",[n("div",{staticClass:"form-group"},[n("label",[e._v("Enter your name:")]),e._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:e.example1Form.name,expression:"example1Form.name"}],staticClass:"form-control",domProps:{value:e.example1Form.name},on:{input:function(t){t.target.composing||e.$set(e.example1Form,"name",t.target.value)}}})])]),e._v(" "),n("button",{on:{click:function(t){return t.preventDefault(),e.showPanel1(t)}}},[e._v("\n Show Panel\n ")]),e._v(" "),n("div",{staticClass:"result"},[n("pre",{directives:[{name:"show",rawName:"v-show",value:e.example1Result,expression:"example1Result"}]},[e._v(" "+e._s(e.example1Result)+"\n ")])])]),e._v(" "),n("p",[e._v("\n Let's say we have a simple page component called 'home' and we want to launch a panel from it:\n ")]),e._v(" "),e._m(6),e._v(" "),n("p",[e._v("\n Here's the component that we want to live inside the panel:\n ")]),e._v(" "),e._m(7),e._v(" "),n("h2",[e._v("Panel Options")]),e._v(" "),e._m(8),e._v(" "),e._m(9)])])},[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"logo"},[t("img",{attrs:{src:"https://vuejs.org/images/logo.png"}})])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("a",{staticClass:"btn",attrs:{href:"https://github.com/officert/vue-slideout-panel"}},[this._v("View on GitHub")]),this._v(" "),t("a",{staticClass:"btn",attrs:{href:"https://github.com/officert/vue-slideout-panel/zipball/master"}},[this._v("Download .zip")]),this._v(" "),t("a",{staticClass:"btn",attrs:{href:"https://github.com/officert/vue-slideout-panel/tarball/master"}},[this._v("Download .tar.gz")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"highlight"},[t("pre",{staticClass:"highlight"},[this._v("npm install vue2-slideout-panel --save-dev")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"highlight"},[t("pre",{staticClass:"highlight"},[this._v("import Vue from 'vue';\nimport { VueSlideoutPanel } from 'vue2-slideout-panel';\n\nVue.component('slideout-panel', VueSlideoutPanel);")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"highlight"},[t("pre",{staticClass:"highlight"},[this._v("")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"highlight"},[t("pre",{staticClass:"highlight"},[this._v("import { vueSlideoutPanelService } from 'vue2-slideout-panel';\n\nconst panel1Handle = vueSlideoutPanelService.show({\n component : 'your-component-name',\n props: {\n //any data you want passed to your component\n }\n})\n\npanel1Handle.promise\n .then(result => {\n\n });\n")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"highlight"},[t("pre",{staticClass:"highlight"},[this._v("import Vue from 'vue';\nimport { vueSlideoutPanelService } from 'vue2-slideout-panel';\n\nexport default {\n name: 'home',\n data() {\n return {}\n },\n methods: {\n showPanel1() {\n const panel1Handle = vueSlideoutPanelService.show({\n component: 'panel-1',\n width: '500px', //customize the width\n cssClass: 'panel-1-custom-class', //add a custom CSS class\n keepAlive: true,\n props: {\n data: {\n firstName: 'John',\n lastName: 'Doe',\n age: 39\n }\n }\n });\n\n panel1Handle.promise\n .then(results => {\n console.log('Results for panel 1:', results);\n });\n }\n }\n};\n")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"highlight"},[t("pre",{staticClass:"highlight"},[this._v("export default {\n name: 'panel-1',\n props: {\n data: {\n type: Object,\n required: true\n }\n },\n data() {\n return {};\n },\n methods: {\n closePanel() {\n this.$emit('closePanel', {\n name: this.form.name\n });\n }\n }\n};\n")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[this._v("\n The following options can be passed to "),t("code",[this._v("vueSlideoutPanelService.show()")]),this._v(".\n ")])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"highlight"},[n("pre",{staticClass:"highlight"},[e._v("vueSlideoutPanelService.show({\n component: "),n("span",{staticClass:"type"},[e._v("String")]),e._v(", //Vue.js Component name\n width: "),n("span",{staticClass:"type"},[e._v("String|Number")]),e._v(", //custom width\n cssClass: "),n("span",{staticClass:"type"},[e._v("String")]),e._v(", //custom css class to apply to the panel body\n hideBg: "),n("span",{staticClass:"type"},[e._v("Boolean")]),e._v(", //hide the backdrop - only works on the first panel, all subsequent panels will follow suit\n disableBgClick: "),n("span",{staticClass:"type"},[e._v("Boolean")]),e._v(", //disable closing the panel by clicking on the backdrop\n keepAlive: "),n("span",{staticClass:"type"},[e._v("Boolean")]),e._v(", //keep alive the inner component\n props: "),n("span",{staticClass:"type"},[e._v("Object")]),e._v(" //object containing any data that you want passed to your Vue.js component as props\n})\n")])])}],!1,null,null,null));ht.options.__file="index.vue";var vt=ht.exports;o.a.use(pt);var mt=new pt({base:"/vue-slideout-panel/",routes:[{path:"*",redirect:"/home"},{path:"/",redirect:"/home"},{path:"/home",component:vt}]});window.vue2PanelDebug=!0,o.a.use(w),o.a.component("panel-1",O),o.a.component("panel-2",E),o.a.component("panel-3",I),new o.a({template:"",router:mt,components:{App:k}}).$mount("#app")}]); \ No newline at end of file diff --git a/package.json b/package.json index 829e0e2..f477d53 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "vue2-slideout-panel", - "version": "2.1.0", + "version": "2.2.0", "description": "Lib for creating stackable panels using Vue JS", "main": "dist/vue2-slideout-panel.js", "scripts": {