framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
2 lines (1 loc) • 20.7 kB
JavaScript
(function framework7ComponentLoader(e,a){void 0===a&&(a=!0);var n=e.$,t=e.utils,i=(e.getDevice,e.getSupport),l=e.Class,s=(e.Modal,e.ConstructorMethods,e.ModalMethods,t.extend),r=t.now,o=t.nextFrame,p=t.deleteProps;function d(e){this.wrapped=e}function c(e){var a,n;function t(a,n){try{var l=e[a](n),s=l.value,r=s instanceof d;Promise.resolve(r?s.wrapped:s).then((function(e){r?t("return"===a?"return":"next",e):i(l.done?"return":"normal",e)}),(function(e){t("throw",e)}))}catch(e){i("throw",e)}}function i(e,i){switch(e){case"return":a.resolve({value:i,done:!0});break;case"throw":a.reject(i);break;default:a.resolve({value:i,done:!1})}(a=a.next)?t(a.key,a.arg):n=null}this._invoke=function(e,i){return new Promise((function(l,s){var r={key:e,arg:i,resolve:l,reject:s,next:null};n?n=n.next=r:(a=n=r,t(e,i))}))},"function"!=typeof e.return&&(this.return=void 0)}function f(e,a){return(f=Object.setPrototypeOf||function(e,a){return e.__proto__=a,e})(e,a)}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}c.prototype["function"==typeof Symbol&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},c.prototype.next=function(e){return this._invoke("next",e)},c.prototype.throw=function(e){return this._invoke("throw",e)},c.prototype.return=function(e){return this._invoke("return",e)};function v(e){var a=e.app,t=i();if(!e.resizableInitialized){s(e,{resizable:!0,resizableWidth:null,resizableInitialized:!0});var l=n("html"),r=e.$el,p=e.$backdropEl,d=e.side,c=e.effect;if(r){var f,h,v,u,b,g,m,w,C={};0===e.$el.find(".panel-resize-handler").length&&e.$el.append('<div class="panel-resize-handler"></div>'),e.$resizeHandlerEl=e.$el.children(".panel-resize-handler"),r.addClass("panel-resizable");var k=!!t.passiveListener&&{passive:!0};e.$el.on(a.touchEvents.start,".panel-resize-handler",z,k),a.on("touchmove:active",y),a.on("touchend:passive",B),a.on("resize",E),e.on("beforeOpen",E),e.once("panelDestroy",(function(){r.removeClass("panel-resizable"),e.$resizeHandlerEl.remove(),e.$el.off(a.touchEvents.start,".panel-resize-handler",z,k),a.off("touchmove:active",y),a.off("touchend:passive",B),a.off("resize",E),e.off("beforeOpen",E)}))}}function $(e){if(!e)return null;if(e.indexOf("%")>=0||e.indexOf("vw")>=0)return parseInt(e,10)/100*a.width;var n=parseInt(e,10);return Number.isNaN(n)?null:n}function z(a){e.resizable&&r.hasClass("panel-resizable")&&(C.x="touchstart"===a.type?a.targetTouches[0].pageX:a.pageX,C.y="touchstart"===a.type?a.targetTouches[0].pageY:a.pageY,h=!1,f=!0,g=$(r.css("min-width")),m=$(r.css("max-width")),w=r.hasClass("panel-in-breakpoint"))}function y(t){if(f){var i="touchmove"===t.type?t.targetTouches[0].pageX:t.pageX;h||(u=r[0].offsetWidth,r.transition(0),r.addClass("panel-resizing"),l.css("cursor","col-resize"),("cover"!==c||w)&&(b=n(e.getViewEl()),e.$containerEl&&e.$containerEl.hasClass("page")&&b.add(e.$containerEl.children(".page-content, .tabs, .fab"))),"cover"===c||w||(p.transition(0),b.transition(0))),h=!0,t.preventDefault(),v=i-C.x;var s="left"===d?u+v:u-v;g&&!Number.isNaN(g)&&(s=Math.max(s,g)),m&&!Number.isNaN(m)&&(s=Math.min(s,m)),s=Math.min(Math.max(s,0),a.width),e.resizableWidth=s,r[0].style.width=s+"px","cover"===c||w?w&&b&&b.css("margin-"+d,s+"px"):(b&&b.transform("translate3d("+("left"===d?s:-s)+"px, 0, 0)"),p&&p.transform("translate3d("+("left"===d?s:-s)+"px, 0, 0)")),r.trigger("panel:resize",s),e.emit("local::resize panelResize",e,s)}}function B(){if(n("html").css("cursor",""),!f||!h)return f=!1,void(h=!1);f=!1,h=!1,l[0].style.setProperty("--f7-panel-"+d+"-width",e.resizableWidth+"px"),r[0].style.width="","cover"===c||w||(b.transform(""),p.transform("")),r.removeClass("panel-resizing"),o((function(){r.transition(""),"cover"!==c&&(p.transition(""),b&&b.transition(""))}))}function E(){e.opened&&e.resizableWidth&&(g=$(r.css("min-width")),m=$(r.css("max-width")),g&&!Number.isNaN(g)&&e.resizableWidth<g&&(e.resizableWidth=Math.max(e.resizableWidth,g)),m&&!Number.isNaN(m)&&e.resizableWidth>m&&(e.resizableWidth=Math.min(e.resizableWidth,m)),e.resizableWidth=Math.min(Math.max(e.resizableWidth,0),a.width),l[0].style.setProperty("--f7-panel-"+d+"-width",e.resizableWidth+"px"))}}var u=function(e){var a,t;function i(a,t){var i;void 0===t&&(t={});var l,r=s({on:{}},a.params.panel,t),o=h(i=e.call(this,r,[a])||this);if(o.params=r,o.$containerEl=o.params.containerEl?n(o.params.containerEl).eq(0):a.$el,o.containerEl=o.$containerEl[0],o.containerEl||(o.$containerEl=a.$el,o.containerEl=a.$el[0]),o.params.el?l=n(o.params.el).eq(0):o.params.content&&(l=n(o.params.content).filter((function(e){return 1===e.nodeType})).eq(0)),0===l.length)return o||h(i);if(l[0].f7Panel)return l[0].f7Panel||h(i);l[0].f7Panel=o;var p,d=o.params,c=d.side,f=d.effect,v=d.resizable;return void 0===c&&(c=l.hasClass("panel-left")?"left":"right"),void 0===f&&(f=l.hasClass("panel-cover")?"cover":l.hasClass("panel-push")?"push":"reveal"),void 0===v&&(v=l.hasClass("panel-resizable")),o.params.backdrop&&o.params.backdropEl?p=n(o.params.backdropEl):o.params.backdrop&&0===(p=o.$containerEl.children(".panel-backdrop")).length&&(p=n('<div class="panel-backdrop"></div>'),o.$containerEl.prepend(p)),s(o,{app:a,side:c,effect:f,resizable:v,$el:l,el:l[0],opened:!1,$backdropEl:p,backdropEl:p&&p[0]}),o.useModules(),o.init(),o||h(i)}t=e,(a=i).prototype=Object.create(t.prototype),a.prototype.constructor=a,f(a,t);var l=i.prototype;return l.getViewEl=function(){var e=this;return e.$containerEl.children(".views").length>0?e.$containerEl.children(".views")[0]:e.$containerEl.children(".view")[0]},l.setStateClasses=function(e){var a=this,t=a.side,i=a.el,l=a.getViewEl(),s=l&&l.contains(i),r=!l||s?a.$containerEl:n("html");"open"===e&&r.addClass("with-panel with-panel-"+a.side+"-"+a.effect),"before-closing"===e&&r.addClass("with-panel-closing"),"closing"===e&&(r.addClass("with-panel-closing"),r.removeClass("with-panel with-panel-"+a.side+"-"+a.effect)),"after-closing"===e&&r.removeClass("with-panel-closing"),"closed"===e&&r.removeClass("with-panel-"+t+"-reveal with-panel-"+t+"-cover with-panel-"+t+"-push with-panel")},l.enableVisibleBreakpoint=function(){var e=this;return e.visibleBreakpointDisabled=!1,e.setVisibleBreakpoint(),e},l.disableVisibleBreakpoint=function(){var e=this;return e.visibleBreakpointDisabled=!0,e.setVisibleBreakpoint(),e},l.toggleVisibleBreakpoint=function(){var e=this;return e.visibleBreakpointDisabled=!e.visibleBreakpointDisabled,e.setVisibleBreakpoint(),e},l.setVisibleBreakpoint=function(e){void 0===e&&(e=!0);var a=this,t=a.app;a.visibleBreakpointResizeHandler||(a.visibleBreakpointResizeHandler=function(){a.setVisibleBreakpoint()},t.on("resize",a.visibleBreakpointResizeHandler));var i,l,s=a.side,r=a.$el,o=a.$containerEl,p=a.params,d=a.visibleBreakpointDisabled,c=p.visibleBreakpoint,f=n(a.getViewEl()),h=r.hasClass("panel-in-breakpoint");if(o&&o.hasClass("page")&&f.add(o.children(".page-content, .tabs, .fab")),t.width>=c&&null!=c&&!d)h?f.css(((i={})["margin-"+s]=r.width()+"px",i)):(a.setStateClasses("closed"),r.addClass("panel-in-breakpoint").removeClass("panel-in panel-in-collapsed"),a.onOpen(!1),a.onOpened(),f.css(((l={})["margin-"+s]=r.width()+"px",l)),t.allowPanelOpen=!0,e&&(a.emit("local::breakpoint panelBreakpoint",a),a.$el.trigger("panel:breakpoint")));else if(h){var v;r.removeClass("panel-in-breakpoint panel-in"),a.onClose(),a.onClosed(),f.css(((v={})["margin-"+s]="",v)),e&&(a.emit("local::breakpoint panelBreakpoint",a),a.$el.trigger("panel:breakpoint"))}},l.enableCollapsedBreakpoint=function(){var e=this;return e.collapsedBreakpointDisabled=!1,e.setCollapsedBreakpoint(),e},l.disableCollapsedBreakpoint=function(){var e=this;return e.collapsedBreakpointDisabled=!0,e.setCollapsedBreakpoint(),e},l.toggleCollapsedBreakpoint=function(){var e=this;return e.collapsedBreakpointDisabled=!e.collapsedBreakpointDisabled,e.setCollapsedBreakpoint(),e},l.setCollapsedBreakpoint=function(e){void 0===e&&(e=!0);var a=this,n=a.app;a.collapsedBreakpointResizeHandler||(a.collapsedBreakpointResizeHandler=function(){a.setCollapsedBreakpoint()},n.on("resize",a.collapsedBreakpointResizeHandler));var t=a.$el,i=a.params,l=a.collapsedBreakpointDisabled;if(!t.hasClass("panel-in-breakpoint")){var s=i.collapsedBreakpoint,r=t.hasClass("panel-in-collapsed");n.width>=s&&null!=s&&!l?r||(a.setStateClasses("closed"),t.addClass("panel-in-collapsed").removeClass("panel-in"),a.collapsed=!0,n.allowPanelOpen=!0,e&&(a.emit("local::collapsedBreakpoint panelCollapsedBreakpoint",a),a.$el.trigger("panel:collapsedbreakpoint"))):r&&(t.removeClass("panel-in-collapsed panel-in"),a.collapsed=!1,e&&(a.emit("local::collapsedBreakpoint panelCollapsedBreakpoint",a),a.$el.trigger("panel:collapsedbreakpoint")))}},l.enableResizable=function(){var e=this;return e.resizableInitialized?(e.resizable=!0,e.$el.addClass("panel-resizable")):v(e),e},l.disableResizable=function(){var e=this;return e.resizable=!1,e.$el.removeClass("panel-resizable"),e},l.enableSwipe=function(){var e=this;return e.swipeInitialized?e.swipeable=!0:function(e){var a=e.app;if(!e.swipeInitialized){s(e,{swipeable:!0,swipeInitialized:!0});var t,i,l,p,d,c,f,h,v,u,b,g,m,w=e.params,C=e.$el,k=e.$backdropEl,$=e.side,z=e.effect,y={},B=0;a.on("touchstart:passive",E),a.on("touchmove:active",x),a.on("touchend:passive",O),a.on("gesturestart",M),a.on("gestureend",S),e.on("panelDestroy",(function(){a.off("touchstart:passive",E),a.off("touchmove:active",x),a.off("touchend:passive",O),a.off("gesturestart",M),a.off("gestureend",S)}))}function E(s){if(e.swipeable&&!l&&a.panel.allowOpen&&(w.swipe||w.swipeOnlyClose)&&!i&&!(n(".modal-in:not(.toast):not(.notification), .photo-browser-in").length>0)){var o=(t=a.panel.get("left"===$?"right":"left")||{}).opened&&t.$el&&!t.$el.hasClass("panel-in-breakpoint");if((e.opened||!o)&&(w.swipeOnlyClose||!o)&&(!s.target||"input"!==s.target.nodeName.toLowerCase()||"range"!==s.target.type)&&!(n(s.target).closest(".range-slider, .tabs-swipeable-wrap, .calendar-months, .no-swipe-panel, .card-opened").length>0)&&(y.x="touchstart"===s.type?s.targetTouches[0].pageX:s.pageX,y.y="touchstart"===s.type?s.targetTouches[0].pageY:s.pageY,!w.swipeOnlyClose||e.opened)){if(w.swipeActiveArea&&!e.opened){if("left"===$&&y.x>w.swipeActiveArea)return;if("right"===$&&y.x<a.width-w.swipeActiveArea)return}B=0,m=n(e.getViewEl()),p=!1,i=!0,d=void 0,c=!1,f=r(),g=void 0}}}function x(n){if(i&&!l&&!c&&!((B+=1)<2))if(n.f7PreventSwipePanel||a.preventSwipePanelBySwipeBack||a.preventSwipePanel)i=!1;else{var t="touchmove"===n.type?n.targetTouches[0].pageX:n.pageX,s="touchmove"===n.type?n.targetTouches[0].pageY:n.pageY;if(void 0===d&&(d=!!(d||Math.abs(s-y.y)>Math.abs(t-y.x))),d)i=!1;else{if(!g){if(g=t>y.x?"to-right":"to-left",w.swipeActiveArea>0&&!e.opened){if("left"===$&&y.x>w.swipeActiveArea)return void(i=!1);if("right"===$&&y.x<a.width-w.swipeActiveArea)return void(i=!1)}if(C.hasClass("panel-in-breakpoint"))return void(i=!1);if("left"===$&&"to-left"===g&&!C.hasClass("panel-in")||"right"===$&&"to-right"===g&&!C.hasClass("panel-in"))return void(i=!1)}var r=e.opened?0:-w.swipeThreshold;"right"===$&&(r=-r),p||(e.opened||(e.insertToRoot(),C.addClass("panel-in-swipe"),k.css("visibility","visible"),C.trigger("panel:swipeopen"),e.emit("local::swipeOpen panelSwipeOpen",e)),b=C[0].offsetWidth,"reveal"===z&&C.hasClass("panel-in-collapsed")&&(b-=parseFloat(m.css("margin-"+$))),C.transition(0)),p=!0,n.cancelable&&n.preventDefault(),h=t-y.x+r,"right"===$?"cover"===z||"push"===z?((v=h+(e.opened?0:b))<0&&(v=0),v>b&&(v=b)):((v=h-(e.opened?b:0))>0&&(v=0),v<-b&&(v=-b)):((v=h+(e.opened?b:0))<0&&(v=0),v>b&&(v=b));var o=Math.abs(v/b);if("reveal"===z)w.swipeNoFollow||(m.transform("translate3d("+v+"px,0,0)").transition(0),k.transform("translate3d("+v+"px,0,0)").transition(0)),C.trigger("panel:swipe",Math.abs(v/b)),e.emit("local::swipe panelSwipe",e,Math.abs(v/b));else{if("left"===$&&(v-=b),!w.swipeNoFollow&&(k.transition(0),u=1-Math.abs(v/b),k.css({opacity:u}),C.transform("translate3d("+v+"px,0,0)").transition(0),"push"===z)){var f="left"===$?v+b:v-b;m.transform("translate3d("+f+"px,0,0)").transition(0),k.transform("translate3d("+f+"px,0,0)").transition(0)}C.trigger("panel:swipe",Math.abs(v/b)),e.emit("local::swipe panelSwipe",e,Math.abs(v/b))}w.swipeNoFollow&&(e.opened&&0===o||!e.opened&&1===o)&&(c=!0,O(n))}}}function O(a){if(!i||!p)return i=!1,void(p=!1);var n="gesturestart"===a.type||l;i=!1,p=!1;var t,s=(new Date).getTime()-f,r=(0===v||Math.abs(v)===b)&&!w.swipeNoFollow,d=w.swipeThreshold||0;"swap"==(t=n?"reset":e.opened?"cover"===z||"push"===z?0===v?"reset":s<300&&Math.abs(v)>0?"swap":s>=300&&Math.abs(v)<b/2?"reset":"swap":v===-b?"reset":s<300&&Math.abs(v)>=0||s>=300&&Math.abs(v)<=b/2?"left"===$&&v===b?"reset":"swap":"reset":Math.abs(h)<d?"reset":"cover"===z||"push"===z?0===v||s<300&&Math.abs(v)>0||s>=300&&Math.abs(v)<b/2?"swap":"reset":0===v?"reset":s<300&&Math.abs(v)>0||s>=300&&Math.abs(v)>=b/2?"swap":"reset")&&(e.opened?e.close(!r):e.open(!r));var c=!0;if("reset"===t&&!e.opened)if(r)C.removeClass("panel-in-swipe");else{c=!1;var u="reveal"===z?m:C;e.setStateClasses("before-closing"),u.transitionEnd((function(){C.hasClass("panel-in")||(C.removeClass("panel-in-swipe"),e.setStateClasses("after-closing"))}))}"reveal"!==z&&"push"!==z||o((function(){m.transition(""),m.transform("")})),c&&C.removeClass("panel-in-swipe"),C.transition("").transform(""),k.transform("").transition("").css({opacity:"",visibility:""})}function M(e){l=!0,O(e)}function S(){l=!1}}(e),e},l.disableSwipe=function(){return this.swipeable=!1,this},l.onOpen=function(e){void 0===e&&(e=!0);var a=this,n=a.app;a.opened=!0,n.panel.allowOpen=!1,a.$el.trigger("panel:beforeopen"),a.emit("local::beforeOpen panelBeforeOpen",a),e&&a.setStateClasses("open"),a.$el.trigger("panel:open"),a.emit("local::open panelOpen",a)},l.onOpened=function(){var e=this;e.app.panel.allowOpen=!0,e.$el.trigger("panel:opened"),e.emit("local::opened panelOpened",e)},l.onClose=function(){var e=this,a=e.app;e.opened=!1,a.panel.allowOpen=!1,e.$el.trigger("panel:beforeclose"),e.emit("local::beforeClose panelBeforeClose",e),e.setStateClasses("closing"),e.$el.trigger("panel:close"),e.emit("local::close panelClose",e)},l.onClosed=function(){var e=this,a=e.app;if(a.panel.allowOpen=!0,e.setStateClasses("after-closing"),e.$el.removeClass("panel-out"),e.$backdropEl){var n=a.panel.get(".panel-in");(!n||n&&!n.$backdropEl)&&e.$backdropEl.removeClass("panel-backdrop-in")}e.$el.trigger("panel:closed"),e.emit("local::closed panelClosed",e)},l.toggle=function(e){void 0===e&&(e=!0);var a=this,n=a.params.visibleBreakpoint;return a.app.width>=n&&null!=n?a.toggleVisibleBreakpoint():(a.opened?a.close(e):a.open(e),a)},l.insertToRoot=function(){var e=this,a=e.$el,n=e.$backdropEl,t=e.$containerEl,i=a.parent(),l=a.parents(document).length>0;if(!i.is(t)||a.prevAll(".views, .view").length){var s=t.children(".panel, .views, .view").eq(0),r=t.children(".panel-backdrop").eq(0);s.length?a.insertBefore(s):r?a.insertBefore(r):t.prepend(a),n&&n.length&&(!n.parent().is(t)&&0===n.nextAll(".panel").length||n.parent().is(t)&&0===n.nextAll(".panel").length)&&n.insertBefore(a),e.once("panelClosed",(function(){l?i.append(a):a.remove()}))}},l.open=function(e){void 0===e&&(e=!0);var a=this,t=a.app;if(!t.panel.allowOpen)return!1;var i=a.effect,l=a.$el,s=a.$backdropEl,r=a.opened,o=a.$containerEl;if(!l||l.hasClass("panel-in"))return a;if(a.insertToRoot(),r||l.hasClass("panel-in-breakpoint")||l.hasClass("panel-in"))return!1;var p=t.panel.get(".panel-in");p&&p!==a&&p.close(e),l[e?"removeClass":"addClass"]("not-animated"),l.addClass("panel-in"),s&&(s.addClass("panel-backdrop-in"),s[e?"removeClass":"addClass"]("not-animated")),"cover"!==a.effect&&"push"!==a.effect||(a._clientLeft=l[0].clientLeft);var d=n(a.getViewEl());o&&o.hasClass("page")&&d.add(o.children(".page-content, .tabs"));var c="reveal"===i?d:l;return e?(s&&s.removeClass("not-animated"),function e(){c.transitionEnd((function(t){n(t.target).is(c)?l.hasClass("panel-out")?a.onClosed():a.onOpened():e()}))}(),l.removeClass("panel-out not-animated").addClass("panel-in"),a.onOpen()):(s&&s.addClass("not-animated"),l.removeClass("panel-out").addClass("panel-in not-animated"),a.onOpen(),a.onOpened()),!0},l.close=function(e){void 0===e&&(e=!0);var a=this,t=a.effect,i=a.$el,l=a.$backdropEl,s=a.opened,r=a.$containerEl;if(!s||i.hasClass("panel-in-breakpoint")||!i.hasClass("panel-in"))return a;i[e?"removeClass":"addClass"]("not-animated"),l&&l[e?"removeClass":"addClass"]("not-animated");var o=n(a.getViewEl());return r&&r.hasClass("page")&&o.add(r.children(".page-content, .tabs")),e?(("reveal"===t?o:i).transitionEnd((function(){i.hasClass("panel-out")?a.onClosed():i.hasClass("panel-in")&&a.onOpened(),a.setStateClasses("after-closing")})),i.removeClass("panel-in").addClass("panel-out"),a.onClose()):(i.addClass("not-animated").removeClass("panel-in").addClass("panel-out"),a.onClose(),a.onClosed()),a},l.init=function(){var e=this;void 0!==e.params.visibleBreakpoint&&e.setVisibleBreakpoint(),void 0!==e.params.collapsedBreakpoint&&e.setCollapsedBreakpoint(),e.params.swipe&&e.enableSwipe(),e.resizable&&e.enableResizable()},l.destroy=function(){var e=this,a=e.app,t=e.$containerEl;if(e.$el){if(e.emit("local::beforeDestroy panelBeforeDestroy",e),e.$el.trigger("panel:beforedestroy"),e.visibleBreakpointResizeHandler&&a.off("resize",e.visibleBreakpointResizeHandler),e.collapsedBreakpointResizeHandler&&a.off("resize",e.collapsedBreakpointResizeHandler),e.$el.hasClass("panel-in-breakpoint")||e.$el.hasClass("panel-in-collapsed")){var i,l=n(e.getViewEl());t&&t.hasClass("page")&&l.add(t.children(".page-content, .tabs")),e.$el.removeClass("panel-in-breakpoint panel-in-collapsed panel-in"),l.css(((i={})["margin-"+e.side]="",i)),e.emit("local::breakpoint panelBreakpoint",e),e.$el.trigger("panel:breakpoint")}e.$el.trigger("panel:destroy"),e.emit("local::destroy panelDestroy",e),e.el&&(e.el.f7Panel=null,delete e.el.f7Panel),p(e),e=null}},i}(l),b={name:"panel",params:{panel:{opened:void 0,side:void 0,effect:void 0,resizable:void 0,backdrop:!0,backdropEl:void 0,visibleBreakpoint:void 0,collapsedBreakpoint:void 0,swipe:!1,swipeNoFollow:!1,swipeOnlyClose:!1,swipeActiveArea:0,swipeThreshold:0,closeByBackdropClick:!0,containerEl:void 0}},static:{Panel:u},create:function(){var e=this;s(e,{panel:{allowOpen:!0,create:function(a){return new u(e,a)},get:function(e){if(void 0===e&&(e=".panel"),e instanceof u)return e;"left"!==e&&"right"!==e||(e=".panel-"+e);var a=n(e);return 0===a.length||a.length>1?void 0:a[0].f7Panel},destroy:function(a){void 0===a&&(a=".panel");var n=e.panel.get(a);if(n&&n.destroy)return n.destroy()},open:function(a,n){void 0===a&&(a=".panel"),"left"!==a&&"right"!==a||(a=".panel-"+a);var t=e.panel.get(a);return t&&t.open?t.open(n):t?void 0:(t=e.panel.create({el:a})).open(n)},close:function(a,n){void 0===a&&(a=".panel-in"),"left"!==a&&"right"!==a||(a=".panel-"+a);var t=e.panel.get(a);return t&&t.open?t.close(n):t?void 0:(t=e.panel.create({el:a})).close(n)},toggle:function(a,n){void 0===a&&(a=".panel"),"left"!==a&&"right"!==a||(a=".panel-"+a);var t=e.panel.get(a);return t&&t.toggle?t.toggle(n):t?void 0:(t=e.panel.create({el:a})).toggle(n)}}})},on:{init:function(){var e=this;n(".panel-init").each((function(a){var t=Object.assign({el:a},n(a).dataset()||{});e.panel.create(t)}))},pageInit:function(e){var a=this;e.$el.find(".panel-init").each((function(e){var t=Object.assign({el:e},n(e).dataset()||{});a.panel.create(t)}))},pageBeforeRemove:function(e){var a=this;e.$el.find(".panel-init").each((function(e){var n=a.panel.get(e);n&&n.destroy&&n.destroy()}))}},vnode:{"panel-init":{insert:function(e){var a=e.elm,t=Object.assign({el:a},n(a).dataset()||{});this.panel.create(t)},destroy:function(e){var a=e.elm,n=this.panel.get(a);n&&n.destroy&&n.destroy()}}},clicks:{".panel-open":function(e,a){void 0===a&&(a={});this.panel.open(a.panel,a.animate)},".panel-close":function(e,a){void 0===a&&(a={});this.panel.close(a.panel,a.animate)},".panel-toggle":function(e,a){void 0===a&&(a={});this.panel.toggle(a.panel,a.animate)},".panel-backdrop":function(){var e=this,a=n(".panel-in:not(.panel-out)");if(a.length){var t=a[0]&&a[0].f7Panel;a.trigger("panel:backdrop-click"),t&&t.emit("backdropClick",t),e.emit("panelBackdropClick",t||a[0]),e.params.panel.closeByBackdropClick&&e.panel.close()}}}};if(a){if(e.prototype.modules&&e.prototype.modules[b.name])return;e.use(b),e.instance&&(e.instance.useModuleParams(b,e.instance.params),e.instance.useModule(b))}return b}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))