/** * Framework7 Vue 5.1.0 * Build full featured iOS & Android apps using Framework7 & Vue * http://framework7.io/vue/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 27, 2019 */ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e=e||self).Framework7Vue=t(e.Vue)}(this,(function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var t={noUndefinedProps:function(e){var t={};return Object.keys(e).forEach((function(o){void 0!==e[o]&&(t[o]=e[o])})),t},isTrueProp:function(e){return!0===e||""===e},isStringProp:function(e){return"string"==typeof e&&""!==e},isObject:function(e){return"object"==typeof e&&null!==e&&e.constructor&&e.constructor===Object},now:function(){return Date.now()},extend:function(){for(var e,o=[],n=arguments.length;n--;)o[n]=arguments[n];var s,i,a=!0;"boolean"==typeof o[0]?(a=(e=o)[0],s=e[1],o.splice(0,2),i=o):(s=o[0],o.splice(0,1),i=o);for(var r=0;r0;)o[n]=arguments[n+2];var s=e;t.split(" ").forEach((function(e){s.$emit.apply(s,[e].concat(o))}))}var a={name:"f7-accordion-item",props:Object.assign({id:[String,Number],opened:Boolean},o.colorProps),created:function(){t.bindMethods(this,"onBeforeOpen onOpen onOpened onBeforeClose onClose onClosed".split(" "))},mounted:function(){var e=this,t=e.$refs.el;t&&(e.eventTargetEl=t,e.$f7ready((function(t){t.on("accordionBeforeOpen",e.onBeforeOpen),t.on("accordionOpen",e.onOpen),t.on("accordionOpened",e.onOpened),t.on("accordionBeforeClose",e.onBeforeClose),t.on("accordionClose",e.onClose),t.on("accordionClosed",e.onClosed)})))},beforeDestroy:function(){if(this.$refs.el&&this.$f7){var e=this.$f7;e.off("accordionBeforeOpen",this.onBeforeOpen),e.off("accordionOpen",this.onOpen),e.off("accordionOpened",this.onOpened),e.off("accordionBeforeClose",this.onBeforeClose),e.off("accordionClose",this.onClose),e.off("accordionClosed",this.onClosed),delete this.eventTargetEl}},render:function(){var e=this.$createElement,n=this.props,s=n.className,i=n.id,a=n.style,r=n.opened;return e("div",{style:a,class:t.classNames(s,"accordion-item",{"accordion-item-opened":r},o.colorClasses(n)),ref:"el",attrs:{id:i}},[this.$slots.default])},methods:{onBeforeOpen:function(e,t){this.eventTargetEl===e&&this.dispatchEvent("accordionBeforeOpen accordion:beforeopen",t)},onOpen:function(e){this.eventTargetEl===e&&this.dispatchEvent("accordionOpen accordion:open")},onOpened:function(e){this.eventTargetEl===e&&this.dispatchEvent("accordionOpened accordion:opened")},onBeforeClose:function(e,t){this.eventTargetEl===e&&this.dispatchEvent("accordionBeforeClose accordion:beforeclose",t)},onClose:function(e){this.eventTargetEl===e&&this.dispatchEvent("accordionClose accordion:close")},onClosed:function(e){this.eventTargetEl===e&&this.dispatchEvent("accordionClosed accordion:closed")},dispatchEvent:function(e){for(var t=arguments,o=arguments.length,n=new Array(o>1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s=0||n.indexOf("f7:")>=0)?r=n.split(":")[1]:s&&a&&a.ios&&(s.indexOf("material:")>=0||s.indexOf("f7:")>=0)?r=s.split(":")[1]:i&&a&&a.aurora&&(i.indexOf("material:")>=0||i.indexOf("f7:")>=0)&&(r=i.split(":")[1]),r},classes:function(){var e,n={icon:!0},s=this.props,i=this.state._theme,a=s.material,r=s.f7,l=s.icon,c=s.md,p=s.ios,d=s.aurora,u=s.className;if(i&&i.ios?e=p:i&&i.md?e=c:i&&i.aurora&&(e=d),e){var h=e.split(":"),f=h[0],m=h[1];"material"!==f&&"f7"!==f||(n["material-icons"]="material"===f,n["f7-icons"]="f7"===f),"icon"===f&&(n[m]=!0)}else n={icon:!0,"material-icons":a,"f7-icons":r},l&&(n[l]=!0);return t.classNames(u,n,o.colorClasses(s))},props:function(){return n(this)}},methods:{setState:function(e,t){f(this,e,t)}}};function C(e){if(!e)return e;var t="style class domProps slot key ref attrs on props".split(" ");return Object.keys(e).forEach((function(o){if("className"===o)return e.class=e.className,void delete e.className;if("dangerouslySetInnerHTML"===o)return e.domProps||(e.domProps={}),e.domProps.innerHTML=e[o],e.domProps.innerHTML&&e.domProps.innerHTML.__html&&(e.domProps.innerHTML=e.domProps.innerHTML.__html),void delete e.dangerouslySetInnerHTML;if(o.match(/^on?([A-Z])/)){e.on||(e.on={});var n=o.replace(/(^on?)([A-Z])/,(function(e,t,o){return o.toLowerCase()}));return e.on[n]=e[o],void delete e[o]}t.indexOf(o)>=0||(e.attrs||(e.attrs={}),e.attrs[o]||(e.attrs[o]=e[o],delete e[o]))})),e}var w={name:"f7-button",props:Object.assign({id:[String,Number],text:String,tabLink:[Boolean,String],tabLinkActive:Boolean,type:String,href:{type:[String,Boolean],default:"#"},target:String,round:Boolean,roundMd:Boolean,roundIos:Boolean,roundAurora:Boolean,fill:Boolean,fillMd:Boolean,fillIos:Boolean,fillAurora:Boolean,large:Boolean,largeMd:Boolean,largeIos:Boolean,largeAurora:Boolean,small:Boolean,smallMd:Boolean,smallIos:Boolean,smallAurora:Boolean,raised:Boolean,raisedMd:Boolean,raisedIos:Boolean,raisedAurora:Boolean,outline:Boolean,outlineMd:Boolean,outlineIos:Boolean,outlineAurora:Boolean,active:Boolean,disabled:Boolean,tooltip:String},o.colorProps,{},o.linkIconProps,{},o.linkRouterProps,{},o.linkActionsProps),render:function(){var e,t,o=this.$createElement,n=this.props,s=n.text,i=n.icon,a=n.iconMaterial,r=n.iconF7,l=n.iconMd,c=n.iconIos,p=n.iconAurora,d=n.iconColor,u=n.iconSize,h=n.id,f=n.style,m=n.type;return s&&(t=o("span",[s])),(i||a||r||l||c||p)&&(e=o(B,{attrs:{material:a,f7:r,icon:i,md:l,ios:c,aurora:p,color:d,size:u}})),o("submit"===m||"reset"===m||"button"===m?"button":"a",C(Object.assign({ref:"el",style:f,class:this.classes},this.attrs,{attrs:{id:h}})),[e,t,this.$slots.default])},computed:{attrs:function(){var e=this.props,n=e.href,s=e.target,i=e.tabLink,a=e.type,r=n;return!0===n&&(r="#"),!1===n&&(r=void 0),t.extend({href:r,target:s,type:a,"data-tab":t.isStringProp(i)&&i||void 0},o.linkRouterAttrs(e),o.linkActionsAttrs(e))},classes:function(){var e=this.props,n=e.tabLink,s=e.tabLinkActive,i=e.round,a=e.roundIos,r=e.roundAurora,l=e.roundMd,c=e.fill,p=e.fillIos,d=e.fillAurora,u=e.fillMd,h=e.large,f=e.largeIos,m=e.largeAurora,v=e.largeMd,g=e.small,b=e.smallIos,y=e.smallAurora,S=e.smallMd,E=e.raised,k=e.raisedIos,B=e.raisedAurora,C=e.raisedMd,w=e.active,$=e.outline,O=e.outlineIos,P=e.outlineAurora,N=e.outlineMd,T=e.disabled,x=e.className;return t.classNames(x,"button",{"tab-link":n||""===n,"tab-link-active":s,"button-round":i,"button-round-ios":a,"button-round-aurora":r,"button-round-md":l,"button-fill":c,"button-fill-ios":p,"button-fill-aurora":d,"button-fill-md":u,"button-large":h,"button-large-ios":f,"button-large-aurora":m,"button-large-md":v,"button-small":g,"button-small-ios":b,"button-small-aurora":y,"button-small-md":S,"button-raised":E,"button-raised-ios":k,"button-raised-aurora":B,"button-raised-md":C,"button-active":w,"button-outline":$,"button-outline-ios":O,"button-outline-aurora":P,"button-outline-md":N,disabled:T},o.colorClasses(e),o.linkRouterClasses(e),o.linkActionsClasses(e))},props:function(){return n(this)}},methods:{onClick:function(e){this.dispatchEvent("click",e)},dispatchEvent:function(e){for(var t=arguments,o=arguments.length,n=new Array(o>1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s=0&&(C=!0),C?v.push(B):m.push(B)}return(p||E&&E.length)&&(h=e("div",{class:"fab-text"},[p||E])),(m.length||b&&b.length)&&(f=e("a",{ref:"linkEl",key:"f7-fab-link",attrs:{target:d,href:u}},[m,h,b])),e("div",{style:a,class:t.classNames(s,"fab","fab-".concat(c),{"fab-morph":r,"fab-extended":void 0!==h},o.colorClasses(n)),attrs:{id:i,"data-morph-to":r}},[f,v,S])},watch:{"props.tooltip":function(e){if(!e&&this.f7Tooltip)return this.f7Tooltip.destroy(),this.f7Tooltip=null,void delete this.f7Tooltip;e&&!this.f7Tooltip&&this.$f7?this.f7Tooltip=this.$f7.tooltip.create({targetEl:this.$refs.el,text:e}):e&&this.f7Tooltip&&this.f7Tooltip.setText(e)}},created:function(){t.bindMethods(this,["onClick"])},mounted:function(){var e=this;e.$refs.linkEl&&e.$refs.linkEl.addEventListener("click",e.onClick);var t=e.props.tooltip;t&&e.$f7ready((function(o){e.f7Tooltip=o.tooltip.create({targetEl:e.$refs.el,text:t})}))},beforeDestroy:function(){this.$refs.linkEl&&this.$refs.linkEl.removeEventListener("click",this.onClick),this.f7Tooltip&&this.f7Tooltip.destroy&&(this.f7Tooltip.destroy(),this.f7Tooltip=null,delete this.f7Tooltip)},methods:{onClick:function(e){this.dispatchEvent("click",e)},dispatchEvent:function(e){for(var t=arguments,o=arguments.length,n=new Array(o>1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s0||!a?se:"toggle"===a?n(R,{on:{change:s.onChange},attrs:{checked:E,readonly:T,name:r,value:l,disabled:k,id:u}}):"range"===a?n(z,{on:{rangeChange:s.onChange},attrs:{value:l,disabled:k,min:w,max:B,step:$,name:r,id:u,input:!0}}):"texteditor"===a?n(H,C(Object.assign({},Y,{on:{textEditorFocus:s.onFocus,textEditorBlur:s.onBlur,textEditorInput:s.onInput,textEditorChange:s.onChange},attrs:{value:l,resizable:j,placeholder:p}}))):oe("input"),q){var ae=t.classNames(W,"input",{"input-outline":X,"input-dropdown":"auto"===G?"select"===a:G},o.colorClasses(i));return n("div",{ref:"wrapEl",class:ae,style:K,attrs:{id:d}},[e,V&&U&&n("div",{class:"input-error-message"},[V]),F&&n("span",{class:"input-clear-button"}),(_||ie&&ie.length)&&n("div",{class:"input-info"},[_,this.$slots.info])])}return e},watch:{"props.value":function(){var e=this.props.type;"range"!==e&&"toggle"!==e&&this.$f7&&(this.updateInputOnDidUpdate=!0,this.f7Calendar&&this.f7Calendar.setValue(this.props.value),this.f7ColorPicker&&this.f7ColorPicker.setValue(this.props.value))}},created:function(){t.bindMethods(this,"onFocus onBlur onInput onChange onTextareaResize onInputNotEmpty onInputEmpty onInputClear".split(" "))},mounted:function(){var e=this;e.$f7ready((function(t){var o=e.props,n=o.validate,s=o.validateOnBlur,i=o.resizable,a=o.type,r=o.clearButton,l=o.value,c=o.defaultValue,p=o.calendarParams,d=o.colorPickerParams;if("range"!==a&&"toggle"!==a){var u=e.$refs.inputEl;u&&(u.addEventListener("input:notempty",e.onInputNotEmpty,!1),"textarea"===a&&i&&u.addEventListener("textarea:resize",e.onTextareaResize,!1),r&&(u.addEventListener("input:empty",e.onInputEmpty,!1),u.addEventListener("input:clear",e.onInputClear,!1)),"datepicker"===a&&(e.f7Calendar=t.calendar.create(Object.assign({inputEl:u,value:l,on:{change:function(t,o){e.dispatchEvent("calendar:change calendarChange",o)}}},p||{}))),"colorpicker"===a&&(e.f7ColorPicker=t.colorPicker.create(Object.assign({inputEl:u,value:l,on:{change:function(t,o){e.dispatchEvent("colorpicker:change colorPickerChange",o)}}},d||{}))),t.input.checkEmptyState(u),s||""===s||!n&&""!==n||!(null!=l&&""!==l||null!=c&&""!==c)||setTimeout((function(){e.validateInput(u)}),0),i&&t.input.resizeTextarea(u))}}))},updated:function(){var e=this.props,t=e.validate,o=e.validateOnBlur,n=e.resizable,s=this.$f7;if(s&&this.updateInputOnDidUpdate){var i=this.$refs.inputEl;if(!i)return;this.updateInputOnDidUpdate=!1,s.input.checkEmptyState(i),t&&!o&&this.validateInput(i),n&&s.input.resizeTextarea(i)}},beforeDestroy:function(){var e=this.props,t=e.type,o=e.resizable,n=e.clearButton;if("range"!==t&&"toggle"!==t){var s=this.$refs.inputEl;s&&(s.removeEventListener("input:notempty",this.onInputNotEmpty,!1),"textarea"===t&&o&&s.removeEventListener("textarea:resize",this.onTextareaResize,!1),n&&(s.removeEventListener("input:empty",this.onInputEmpty,!1),s.removeEventListener("input:clear",this.onInputClear,!1)),this.f7Calendar&&this.f7Calendar.destroy&&this.f7Calendar.destroy(),this.f7ColorPicker&&this.f7ColorPicker.destroy&&this.f7ColorPicker.destroy(),delete this.f7Calendar,delete this.f7ColorPicker)}},methods:{domValue:function(){var e=this.$refs.inputEl;if(e)return e.value},inputHasValue:function(){var e=this.props,t=e.value;if("datepicker"===e.type&&Array.isArray(t)&&0===t.length)return!1;var o=this.domValue();return void 0===t?o||0===o:t||0===t},validateInput:function(e){if(this.$f7&&e){var t=e.validity;t&&(t.valid?!1!==this.state.inputInvalid&&this.setState({inputInvalid:!1}):!0!==this.state.inputInvalid&&this.setState({inputInvalid:!0}))}},onTextareaResize:function(e){this.dispatchEvent("textarea:resize textareaResize",e)},onInputNotEmpty:function(e){this.dispatchEvent("input:notempty inputNotEmpty",e)},onInputEmpty:function(e){this.dispatchEvent("input:empty inputEmpty",e)},onInputClear:function(e){this.dispatchEvent("input:clear inputClear",e)},onInput:function(){for(var e=arguments,t=this,o=t.props,n=o.validate,s=o.validateOnBlur,i=arguments.length,a=new Array(i),r=0;r1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s=0||t.indexOf("list-button")>=0||t.indexOf("list-input")>=0||t.indexOf("f7-list-item")>=0||t.indexOf("f7-list-button")>=0||t.indexOf("f7-list-input")>=0)?f?d.push(e):p.push(e):t&&(f=!0,u.push(e)))}));var m=i?"form":"div";return u.length>0?e(m,{ref:"el",style:s,class:this.classes,attrs:{id:n,"data-sortable-move-elements":void 0!==a?a.toString():void 0}},[this.$slots["before-list"],p,e("ul",[u]),this.$slots["after-list"],d]):e(m,{ref:"el",style:s,class:this.classes,attrs:{id:n,"data-sortable-move-elements":void 0!==a?a.toString():void 0}},[this.$slots["before-list"],p,this.$slots["after-list"],d])},computed:{classes:function(){var e=this.props,n=e.inset,s=e.xsmallInset,i=e.smallInset,a=e.mediumInset,r=e.largeInset,l=e.xlargeInset,c=e.mediaList,p=e.simpleList,d=e.linksList,u=e.sortable,h=e.sortableTapHold,f=e.sortableEnabled,m=e.accordionList,v=e.contactsList,g=e.virtualList,b=e.tab,y=e.tabActive,S=e.noHairlines,E=e.noHairlinesIos,k=e.noHairlinesMd,B=e.noHairlinesAurora,C=e.noHairlinesBetween,w=e.noHairlinesBetweenIos,$=e.noHairlinesBetweenMd,O=e.noHairlinesBetweenAurora,P=e.formStoreData,N=e.inlineLabels,T=e.className,x=e.noChevron,A=e.chevronCenter;return t.classNames(T,"list",{inset:n,"xsmall-inset":s,"small-inset":i,"medium-inset":a,"large-inset":r,"xlarge-inset":l,"media-list":c,"simple-list":p,"links-list":d,sortable:u,"sortable-tap-hold":h,"sortable-enabled":f,"accordion-list":m,"contacts-list":v,"virtual-list":g,tab:b,"tab-active":y,"no-hairlines":S,"no-hairlines-md":k,"no-hairlines-ios":E,"no-hairlines-aurora":B,"no-hairlines-between":C,"no-hairlines-between-md":$,"no-hairlines-between-ios":w,"no-hairlines-between-aurora":O,"form-store-data":P,"inline-labels":N,"no-chevron":x,"chevron-center":A},o.colorClasses(e))},props:function(){return n(this)}},created:function(){t.bindMethods(this,["onSortableEnable","onSortableDisable","onSortableSort","onTabShow","onTabHide","onSubmit"])},mounted:function(){var e=this,o=e.$refs.el,n=e.props,s=n.virtualList,i=n.virtualListParams,a=n.form;e.$f7ready((function(n){if(e.eventTargetEl=o,n.on("sortableEnable",e.onSortableEnable),n.on("sortableDisable",e.onSortableDisable),n.on("sortableSort",e.onSortableSort),n.on("tabShow",e.onTabShow),n.on("tabHide",e.onTabHide),a&&o.addEventListener("submit",e.onSubmit),s){var r=i||{};(r.renderItem||r.itemTemplate||r.renderExternal)&&(e.f7VirtualList=n.virtualList.create(t.extend({el:o,on:{itemBeforeInsert:function(t,o){e.dispatchEvent("virtual:itembeforeinsert virtualItemBeforeInsert",this,t,o)},beforeClear:function(t){e.dispatchEvent("virtual:beforeclear virtualBeforeClear",this,t)},itemsBeforeInsert:function(t){e.dispatchEvent("virtual:itemsbeforeinsert virtualItemsBeforeInsert",this,t)},itemsAfterInsert:function(t){e.dispatchEvent("virtual:itemsafterinsert virtualItemsAfterInsert",this,t)}}},r)))}}))},beforeDestroy:function(){var e=this.$refs.el,t=this.$f7;e&&t&&(t.off("sortableEnable",this.onSortableEnable),t.off("sortableDisable",this.onSortableDisable),t.off("sortableSort",this.onSortableSort),t.off("tabShow",this.onTabShow),t.off("tabHide",this.onTabHide),e.removeEventListener("submit",this.onSubmit),this.eventTargetEl=null,delete this.eventTargetEl,this.virtualList&&this.f7VirtualList&&this.f7VirtualList.destroy&&this.f7VirtualList.destroy())},methods:{onSubmit:function(e){this.dispatchEvent("submit",e)},onSortableEnable:function(e){this.eventTargetEl===e&&this.dispatchEvent("sortable:enable sortableEnable")},onSortableDisable:function(e){this.eventTargetEl===e&&this.dispatchEvent("sortable:disable sortableDisable")},onSortableSort:function(e,t,o){this.eventTargetEl===o&&this.dispatchEvent("sortable:sort sortableSort",t)},onTabShow:function(e){this.eventTargetEl===e&&this.dispatchEvent("tab:show tabShow")},onTabHide:function(e){this.eventTargetEl===e&&this.dispatchEvent("tab:hide tabHide")},dispatchEvent:function(e){for(var t=arguments,o=arguments.length,n=new Array(o>1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s=0||"F7MessagebarAttachments"===n||"f7-messagebar-attachments"===n)?e=o:n&&(n.indexOf("messagebar-sheet")>=0||"F7MessagebarSheet"===n||"f7-messagebar-sheet"===n)?t=o:k.push(o))}));var B={};return"value"in this.props&&(B.value=c),o("div",{ref:"el",style:u,class:this.classes,attrs:{id:d}},[m,o("div",{class:"toolbar-inner"},[b,o("div",{class:"messagebar-area"},[S,e,o(F,C(Object.assign({ref:"area"},B,{on:{input:this.onInput,change:this.onChange,focus:this.onFocus,blur:this.onBlur},attrs:{type:"textarea",wrap:!1,placeholder:s,disabled:i,name:a,readonly:r,resizable:l}}))),E]),(p&&p.length>0||g)&&o(V,{on:{click:this.onClick}},[g||p]),y,k]),v,t])},computed:{classes:function(){var e=this.props,n=e.className,s=e.attachmentsVisible,i=e.sheetVisible;return t.classNames(n,"toolbar","messagebar",{"messagebar-attachments-visible":s,"messagebar-sheet-visible":i},o.colorClasses(e))},props:function(){return n(this)}},watch:{"props.sheetVisible":function(){this.props.resizable&&this.f7Messagebar&&(this.updateSheetVisible=!0)},"props.attachmentsVisible":function(){this.props.resizable&&this.f7Messagebar&&(this.updateAttachmentsVisible=!0)}},mounted:function(){var e=this,o=e.props,n=o.init,s=o.top,i=o.resizePage,a=o.bottomOffset,r=o.topOffset,l=o.maxHeight;if(n){var c=e.$refs.el;if(c){var p=t.noUndefinedProps({el:c,top:s,resizePage:i,bottomOffset:a,topOffset:r,maxHeight:l,on:{attachmentDelete:e.onAttachmentDelete,attachmentClick:e.onAttachmentClick,resizePage:e.onResizePage}});e.$f7ready((function(){e.f7Messagebar=e.$f7.messagebar.create(p)}))}}},updated:function(){if(this.f7Messagebar){var e=this.props,t=e.sheetVisible,o=e.attachmentsVisible;this.updateSheetVisible&&(this.updateSheetVisible=!1,this.f7Messagebar.sheetVisible=t,this.f7Messagebar.resizePage()),this.updateAttachmentsVisible&&(this.updateAttachmentsVisible=!1,this.f7Messagebar.attachmentsVisible=o,this.f7Messagebar.resizePage())}},beforeDestroy:function(){this.f7Messagebar&&this.f7Messagebar.destroy&&this.f7Messagebar.destroy()},methods:{clear:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).clear.apply(e,arguments)},getValue:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).getValue.apply(e,arguments)},setValue:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).setValue.apply(e,arguments)},setPlaceholder:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).setPlaceholder.apply(e,arguments)},resize:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).resizePage.apply(e,arguments)},focus:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).focus.apply(e,arguments)},blur:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).blur.apply(e,arguments)},attachmentsShow:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).attachmentsShow.apply(e,arguments)},attachmentsHide:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).attachmentsHide.apply(e,arguments)},attachmentsToggle:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).attachmentsToggle.apply(e,arguments)},sheetShow:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).sheetShow.apply(e,arguments)},sheetHide:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).sheetHide.apply(e,arguments)},sheetToggle:function(){var e;if(this.f7Messagebar)return(e=this.f7Messagebar).sheetToggle.apply(e,arguments)},onChange:function(e){this.dispatchEvent("change",e)},onInput:function(e){this.dispatchEvent("input",e)},onFocus:function(e){this.dispatchEvent("focus",e)},onBlur:function(e){this.dispatchEvent("blur",e)},onClick:function(e){var t,o=this;t=o.$refs.area.$refs.inputEl.value;var n=o.f7Messagebar?function(){o.f7Messagebar.clear()}:function(){};this.dispatchEvent("submit",t,n),this.dispatchEvent("send",t,n),this.dispatchEvent("click",e)},onAttachmentDelete:function(e,t,o){this.dispatchEvent("messagebar:attachmentdelete messagebarAttachmentDelete",e,t,o)},onAttachmentClick:function(e,t,o){this.dispatchEvent("messagebar:attachmentclick messagebarAttachmentClick",e,t,o)},onResizePage:function(e){this.dispatchEvent("messagebar:resizepage messagebarResizePage",e)},dispatchEvent:function(e){for(var t=arguments,o=arguments.length,n=new Array(o>1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s=0&&(e=e.replace("px","")),e},props:function(){return n(this)}},methods:{setState:function(e,t){f(this,e,t)}}},Ce={name:"f7-page-content",props:Object.assign({id:[String,Number],tab:Boolean,tabActive:Boolean,ptr:Boolean,ptrDistance:Number,ptrPreloader:{type:Boolean,default:!0},ptrBottom:Boolean,ptrMousewheel:Boolean,infinite:Boolean,infiniteTop:Boolean,infiniteDistance:Number,infinitePreloader:{type:Boolean,default:!0},hideBarsOnScroll:Boolean,hideNavbarOnScroll:Boolean,hideToolbarOnScroll:Boolean,messagesContent:Boolean,loginScreen:Boolean},o.colorProps),render:function(){var e,t,o=this.$createElement,n=this.props,s=n.ptr,i=n.ptrPreloader,a=n.ptrDistance,r=n.ptrBottom,l=n.ptrMousewheel,c=n.infinite,p=n.infinitePreloader,d=n.id,u=n.style,h=n.infiniteDistance,f=n.infiniteTop;return s&&i&&(e=o("div",{class:"ptr-preloader"},[o(Be),o("div",{class:"ptr-arrow"})])),c&&p&&(t=o(Be,{class:"infinite-scroll-preloader"})),o("div",{style:u,class:this.classes,ref:"el",attrs:{id:d,"data-ptr-distance":a||void 0,"data-ptr-mousewheel":l||void 0,"data-infinite-distance":h||void 0}},[r?null:e,f?t:null,this.$slots.default,f?null:t,r?e:null])},computed:{classes:function(){var e=this.props,n=e.className,s=e.tab,i=e.tabActive,a=e.ptr,r=e.ptrBottom,l=e.infinite,c=e.infiniteTop,p=e.hideBarsOnScroll,d=e.hideNavbarOnScroll,u=e.hideToolbarOnScroll,h=e.messagesContent,f=e.loginScreen;return t.classNames(n,"page-content",{tab:s,"tab-active":i,"ptr-content":a,"ptr-bottom":r,"infinite-scroll-content":l,"infinite-scroll-top":c,"hide-bars-on-scroll":p,"hide-navbar-on-scroll":d,"hide-toolbar-on-scroll":u,"messages-content":h,"login-screen-content":f},o.colorClasses(e))},props:function(){return n(this)}},created:function(){t.bindMethods(this,["onPtrPullStart","onPtrPullMove","onPtrPullEnd","onPtrRefresh","onPtrDone","onInfinite","onTabShow","onTabHide"])},mounted:function(){var e=this,t=e.$refs.el,o=e.props,n=o.ptr,s=o.infinite,i=o.tab;e.$f7ready((function(o){e.eventTargetEl=t,n&&(o.on("ptrPullStart",e.onPtrPullStart),o.on("ptrPullMove",e.onPtrPullMove),o.on("ptrPullEnd",e.onPtrPullEnd),o.on("ptrRefresh",e.onPtrRefresh),o.on("ptrDone",e.onPtrDone)),s&&o.on("infinite",e.onInfinite),i&&(o.on("tabShow",e.onTabShow),o.on("tabHide",e.onTabHide))}))},beforeDestroy:function(){this.$f7&&(this.$f7.off("ptrPullStart",this.onPtrPullStart),this.$f7.off("ptrPullMove",this.onPtrPullMove),this.$f7.off("ptrPullEnd",this.onPtrPullEnd),this.$f7.off("ptrRefresh",this.onPtrRefresh),this.$f7.off("ptrDone",this.onPtrDone),this.$f7.off("infinite",this.onInfinite),this.$f7.off("tabShow",this.onTabShow),this.$f7.off("tabHide",this.onTabHide),this.eventTargetEl=null,delete this.eventTargetEl)},methods:{onPtrPullStart:function(e){this.eventTargetEl===e&&this.dispatchEvent("ptr:pullstart ptrPullStart")},onPtrPullMove:function(e){this.eventTargetEl===e&&this.dispatchEvent("ptr:pullmove ptrPullMove")},onPtrPullEnd:function(e){this.eventTargetEl===e&&this.dispatchEvent("ptr:pullend ptrPullEnd")},onPtrRefresh:function(e,t){this.eventTargetEl===e&&this.dispatchEvent("ptr:refresh ptrRefresh",t)},onPtrDone:function(e){this.eventTargetEl===e&&this.dispatchEvent("ptr:done ptrDone")},onInfinite:function(e){this.eventTargetEl===e&&this.dispatchEvent("infinite")},onTabShow:function(e){this.eventTargetEl===e&&this.dispatchEvent("tab:show tabShow")},onTabHide:function(e){this.eventTargetEl===e&&this.dispatchEvent("tab:hide tabHide")},dispatchEvent:function(e){for(var t=arguments,o=arguments.length,n=new Array(o>1?o-1:0),s=1;s=0&&(n=!0),a.indexOf("navbar")>=0&&t.componentOptions&&t.componentOptions.propsData&&"large"in t.componentOptions.propsData&&(t.componentOptions.propsData.large||""===t.componentOptions.propsData.large)&&(i=!0),void 0===s&&a.indexOf("messages")>=0&&(s=!0);for(var r=0;r=0&&(o=!0);d&&(o?D.push(t):j.push(t))}else d&&j.push(t)}}));var V=void 0===N&&void 0===T&&(n||this.state.hasSubnavbar),U=void 0===x&&void 0===A&&(i||this.state.hasNavbarLarge),_=t.classNames($,"page",this.state.routerPositionClass,{stacked:O&&!this.state.routerForceUnstack,tabs:P,"page-with-subnavbar":N||T||V,"page-with-navbar-large":x||A||U,"no-navbar":M,"no-toolbar":L,"no-swipeback":I,"page-master":"master"===this.state.routerPageRole,"page-master-detail":"detail"===this.state.routerPageRole,"page-master-detail-root":!0===this.state.routerPageRoleDetailRoot,"page-master-stacked":!0===this.state.routerPageMasterStack,"page-with-navbar-large-collapsed":!0===this.state.hasNavbarLargeCollapsed,"page-with-card-opened":!0===this.state.hasCardExpandableOpened,"login-screen-page":w},o.colorClasses(r));if(!d)return a("div",{ref:"el",style:c,class:_,attrs:{id:l,"data-name":p}},[H,z,F]);var q=a(Ce,{on:{ptrPullStart:this.onPtrPullStart,ptrPullMove:this.onPtrPullMove,ptrPullEnd:this.onPtrPullEnd,ptrRefresh:this.onPtrRefresh,ptrDone:this.onPtrDone,infinite:this.onInfinite},attrs:{ptr:h,ptrDistance:f,ptrPreloader:m,ptrBottom:v,ptrMousewheel:g,infinite:b,infiniteTop:E,infiniteDistance:y,infinitePreloader:S,hideBarsOnScroll:k,hideNavbarOnScroll:B,hideToolbarOnScroll:C,messagesContent:u||s,loginScreen:w}},[z,j]);return a("div",{ref:"el",style:c,class:_,attrs:{id:l,"data-name":p}},[D,H,q])},created:function(){t.bindMethods(this,["onPtrPullStart","onPtrPullMove","onPtrPullEnd","onPtrRefresh","onPtrDone","onInfinite","onPageMounted","onPageInit","onPageReinit","onPageBeforeIn","onPageBeforeOut","onPageAfterOut","onPageAfterIn","onPageBeforeRemove","onPageStack","onPageUnstack","onPagePosition","onPageRole","onPageMasterStack","onPageMasterUnstack","onPageNavbarLargeCollapsed","onPageNavbarLargeExpanded","onCardOpened","onCardClose"])},mounted:function(){var e=this,t=e.$refs.el;e.$f7ready((function(o){e.eventTargetEl=t,o.on("pageMounted",e.onPageMounted),o.on("pageInit",e.onPageInit),o.on("pageReinit",e.onPageReinit),o.on("pageBeforeIn",e.onPageBeforeIn),o.on("pageBeforeOut",e.onPageBeforeOut),o.on("pageAfterOut",e.onPageAfterOut),o.on("pageAfterIn",e.onPageAfterIn),o.on("pageBeforeRemove",e.onPageBeforeRemove),o.on("pageStack",e.onPageStack),o.on("pageUnstack",e.onPageUnstack),o.on("pagePosition",e.onPagePosition),o.on("pageRole",e.onPageRole),o.on("pageMasterStack",e.onPageMasterStack),o.on("pageMasterUnstack",e.onPageMasterUnstack),o.on("pageNavbarLargeCollapsed",e.onPageNavbarLargeCollapsed),o.on("pageNavbarLargeExpanded",e.onPageNavbarLargeExpanded),o.on("cardOpened",e.onCardOpened),o.on("cardClose",e.onCardClose)}))},beforeDestroy:function(){if(this.$f7){var e=this.$f7;e.off("pageMounted",this.onPageMounted),e.off("pageInit",this.onPageInit),e.off("pageReinit",this.onPageReinit),e.off("pageBeforeIn",this.onPageBeforeIn),e.off("pageBeforeOut",this.onPageBeforeOut),e.off("pageAfterOut",this.onPageAfterOut),e.off("pageAfterIn",this.onPageAfterIn),e.off("pageBeforeRemove",this.onPageBeforeRemove),e.off("pageStack",this.onPageStack),e.off("pageUnstack",this.onPageUnstack),e.off("pagePosition",this.onPagePosition),e.off("pageRole",this.onPageRole),e.off("pageMasterStack",this.onPageMasterStack),e.off("pageMasterUnstack",this.onPageMasterUnstack),e.off("pageNavbarLargeCollapsed",this.onPageNavbarLargeCollapsed),e.off("pageNavbarLargeExpanded",this.onPageNavbarLargeExpanded),e.off("cardOpened",this.onCardOpened),e.off("cardClose",this.onCardClose),this.eventTargetEl=null,delete this.eventTargetEl}},methods:{onPtrPullStart:function(){for(var e=arguments,t=arguments.length,o=new Array(t),n=0;n1?o-1:0),s=1;s').insertBefore(o);var f=t.noUndefinedProps({el:o,resizable:i,backdrop:a,backdropEl:r,visibleBreakpoint:l,collapsedBreakpoint:c,swipe:p,swipeOnlyClose:d,swipeActiveArea:u,swipeThreshold:h,on:{open:e.onOpen,opened:e.onOpened,close:e.onClose,closed:e.onClosed,backdropClick:e.onBackdropClick,swipe:e.onSwipe,swipeOpen:e.onSwipeOpen,collapsedBreakpoint:e.onCollapsedBreakpoint,breakpoint:e.onBreakpoint,resize:e.onResize}});e.f7Panel=e.$f7.panel.create(f),s&&e.f7Panel.open(!1)}}))},beforeDestroy:function(){this.f7Panel&&this.f7Panel.destroy&&this.f7Panel.destroy()},methods:{onOpen:function(e){this.dispatchEvent("panel:open panelOpen",e)},onOpened:function(e){this.dispatchEvent("panel:opened panelOpened",e)},onClose:function(e){this.dispatchEvent("panel:close panelClose",e)},onClosed:function(e){this.dispatchEvent("panel:closed panelClosed",e)},onBackdropClick:function(e){this.dispatchEvent("panel:backdrop-click panelBackdropClick",e)},onSwipe:function(e){this.dispatchEvent("panel:swipe panelSwipe",e)},onSwipeOpen:function(e){this.dispatchEvent("panel:swipeopen panelSwipeOpen",e)},onBreakpoint:function(e){this.dispatchEvent("panel:breakpoint panelBreakpoint",e)},onCollapsedBreakpoint:function(e){this.dispatchEvent("panel:collapsedbreakpoint panelCollapsedBreakpoint",e)},onResize:function(e){this.dispatchEvent("panel:resize panelResize",e)},open:function(e){this.f7Panel&&this.f7Panel.open(e)},close:function(e){this.f7Panel&&this.f7Panel.close(e)},toggle:function(e){this.f7Panel&&this.f7Panel.toggle(e)},dispatchEvent:function(e){for(var t=arguments,o=arguments.length,n=new Array(o>1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s=0&&(o=!0);o?s.push(t):i.push(t)}}}));var m=n("div",{class:"sheet-modal-inner"},[i]),v="bottom";return u?v=u:p?v="top":d&&(v="bottom"),n("div",{ref:"el",style:l,class:t.classNames(c,"sheet-modal","sheet-modal-".concat(v),{"sheet-modal-push":h},o.colorClasses(a)),attrs:{id:r}},[s,m])},watch:{"props.opened":function(e){this.f7Sheet&&(e?this.f7Sheet.open():this.f7Sheet.close())}},created:function(){t.bindMethods(this,["onOpen","onOpened","onClose","onClosed","onStepOpen","onStepClose","onStepProgress"])},mounted:function(){var e=this;if(e.$refs.el){var t=e.props,o=t.opened,n=t.backdrop,s=t.backdropEl,i=t.closeByBackdropClick,a=t.closeByOutsideClick,r=t.closeOnEscape,l=t.swipeToClose,c=t.swipeToStep,p=t.swipeHandler,d={el:e.$refs.el,on:{open:e.onOpen,opened:e.onOpened,close:e.onClose,closed:e.onClosed,stepOpen:e.onStepOpen,stepClose:e.onStepClose,stepProgress:e.onStepProgress}},u=e.$options.propsData;void 0!==u.backdrop&&(d.backdrop=n),void 0!==u.backdropEl&&(d.backdropEl=s),void 0!==u.closeByBackdropClick&&(d.closeByBackdropClick=i),void 0!==u.closeByOutsideClick&&(d.closeByOutsideClick=a),void 0!==u.closeOnEscape&&(d.closeOnEscape=r),void 0!==u.swipeToClose&&(d.swipeToClose=l),void 0!==u.swipeToStep&&(d.swipeToStep=c),void 0!==u.swipeHandler&&(d.swipeHandler=p),e.$f7ready((function(){e.f7Sheet=e.$f7.sheet.create(d),o&&e.f7Sheet.open(!1)}))}},beforeDestroy:function(){this.f7Sheet&&this.f7Sheet.destroy()},methods:{onStepProgress:function(e,t){this.dispatchEvent("sheet:stepprogress sheetStepProgress",e,t)},onStepOpen:function(e){this.dispatchEvent("sheet:stepopen sheetStepOpen",e)},onStepClose:function(e){this.dispatchEvent("sheet:stepclose sheetStepClose",e)},onOpen:function(e){this.dispatchEvent("sheet:open sheetOpen",e)},onOpened:function(e){this.dispatchEvent("sheet:opened sheetOpened",e)},onClose:function(e){this.dispatchEvent("sheet:close sheetClose",e)},onClosed:function(e){this.dispatchEvent("sheet:closed sheetClosed",e)},open:function(e){if(this.f7Sheet)return this.f7Sheet.open(e)},close:function(e){if(this.f7Sheet)return this.f7Sheet.close(e)},dispatchEvent:function(e){for(var t=arguments,o=arguments.length,n=new Array(o>1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s1?o-1:0),s=1;s