/** * Framework7 Vue 4.3.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: April 17, 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(n){void 0!==e[n]&&(t[n]=e[n])}),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,n=[],o=arguments.length;o--;)n[o]=arguments[o];var s,i,a=!0;"boolean"==typeof n[0]?(a=(e=n)[0],s=e[1],n.splice(0,2),i=n):(s=n[0],n.splice(0,1),i=n);for(var r=0;r0;)n[o]=arguments[o+2];var s=e;t.split(" ").forEach(function(e){s.$emit.apply(s,[e].concat(n))})}var a={name:"f7-accordion-item",props:Object.assign({id:[String,Number],opened:Boolean},n.colorProps),created:function(){t.bindMethods(this,"onBeforeOpen onOpen onOpened onBeforeClose onClose onClosed".split(" "))},mounted:function(){var e=this.$refs.el;e&&(e.addEventListener("accordion:beforeopen",this.onBeforeOpen),e.addEventListener("accordion:open",this.onOpen),e.addEventListener("accordion:opened",this.onOpened),e.addEventListener("accordion:beforeclose",this.onBeforeClose),e.addEventListener("accordion:close",this.onClose),e.addEventListener("accordion:closed",this.onClosed))},beforeDestroy:function(){var e=this.$refs.el;e&&(e.removeEventListener("accordion:beforeopen",this.onBeforeOpen),e.removeEventListener("accordion:open",this.onOpen),e.removeEventListener("accordion:opened",this.onOpened),e.removeEventListener("accordion:beforeclose",this.onBeforeClose),e.removeEventListener("accordion:close",this.onClose),e.removeEventListener("accordion:closed",this.onClosed))},render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id,a=o.style,r=o.opened;return e("div",{style:a,class:t.classNames(s,"accordion-item",{"accordion-item-opened":r},n.colorClasses(o)),ref:"el",attrs:{id:i}},[this.$slots.default])},methods:{onBeforeOpen:function(e){this.dispatchEvent("accordionBeforeOpen accordion:beforeopen",e,e.detail.prevent)},onOpen:function(e){this.dispatchEvent("accordionOpen accordion:open",e)},onOpened:function(e){this.dispatchEvent("accordionOpened accordion:opened",e)},onBeforeClose:function(e){this.dispatchEvent("accordionBeforeClose accordion:beforeclose",e,e.detail.prevent)},onClose:function(e){this.dispatchEvent("accordionClose accordion:close",e)},onClosed:function(e){this.dispatchEvent("accordionClosed accordion:closed",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},r={props:Object.assign({id:[String,Number]},n.colorProps),name:"f7-accordion-toggle",render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id;return e("div",{style:o.style,class:t.classNames(s,"accordion-item-toggle",n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return o(this)}}},l={props:Object.assign({id:[String,Number]},n.colorProps),name:"f7-accordion",render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id;return e("div",{style:o.style,class:t.classNames(s,"accordion-list",n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return o(this)}}},c={name:"f7-actions-button",props:Object.assign({id:[String,Number],bold:Boolean,close:{type:Boolean,default:!0}},n.colorProps),render:function(){var e,o=this.$createElement,s=this.props,i=s.id,a=s.className,r=s.style,l=s.bold;return this.$slots.media&&this.$slots.media.length&&(e=o("div",{class:"actions-button-media"},[this.$slots.media])),o("div",{style:r,class:t.classNames(a,{"actions-button":!0,"actions-button-bold":l},n.colorClasses(s)),ref:"el",attrs:{id:i}},[e,o("div",{class:"actions-button-text"},[this.$slots.default])])},created:function(){t.bindMethods(this,["onClick"])},mounted:function(){this.$refs.el.addEventListener("click",this.onClick)},beforeDestroy:function(){this.$refs.el.removeEventListener("click",this.onClick)},methods:{onClick:function(e){var t=this.$$,n=this.$refs.el;this.props.close&&this.$f7&&n&&this.$f7.actions.close(t(n).parents(".actions-modal")),this.dispatchEvent("click",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},p={name:"f7-actions-group",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id;return e("div",{style:o.style,class:t.classNames(s,"actions-group",n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return o(this)}}},d={name:"f7-actions-label",props:Object.assign({id:[String,Number],bold:Boolean},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id,a=o.style,r=o.bold;return e("div",{style:a,class:t.classNames(s,"actions-label",{"actions-button-bold":r},n.colorClasses(o)),ref:"el",attrs:{id:i}},[this.$slots.default])},created:function(){t.bindMethods(this,["onClick"])},mounted:function(){this.$refs.el.addEventListener("click",this.onClick)},beforeDestroy:function(){this.$refs.el.removeEventListener("click",this.onClick)},methods:{onClick:function(e){this.dispatchEvent("click",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},u={name:"f7-actions",props:Object.assign({id:[String,Number],opened:Boolean,grid:Boolean,convertToPopover:Boolean,forceToPopover:Boolean,target:[String,Object],backdrop:Boolean,backdropEl:[String,Object,window.HTMLElement],closeByBackdropClick:Boolean,closeByOutsideClick:Boolean,closeOnEscape:Boolean},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id,a=o.style,r=o.grid;return e("div",{style:a,ref:"el",class:t.classNames(s,"actions-modal",{"actions-grid":r},n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},watch:{"props.opened":function(e){this.f7Actions&&(e?this.f7Actions.open():this.f7Actions.close())}},created:function(){t.bindMethods(this,["onOpen","onOpened","onClose","onClosed"])},mounted:function(){var e=this,t=e.$refs.el;if(t){t.addEventListener("actions:open",e.onOpen),t.addEventListener("actions:opened",e.onOpened),t.addEventListener("actions:close",e.onClose),t.addEventListener("actions:closed",e.onClosed);var n=e.props,o=n.grid,s=n.target,i=n.convertToPopover,a=n.forceToPopover,r=n.opened,l=n.closeByBackdropClick,c=n.closeByOutsideClick,p=n.closeOnEscape,d=n.backdrop,u=n.backdropEl,h={el:e.$refs.el,grid:o};s&&(h.targetEl=s),void 0!==e.$options.propsData.convertToPopover&&(h.convertToPopover=i),void 0!==e.$options.propsData.forceToPopover&&(h.forceToPopover=a),void 0!==e.$options.propsData.backdrop&&(h.backdrop=d),void 0!==e.$options.propsData.backdropEl&&(h.backdropEl=u),void 0!==e.$options.propsData.closeByBackdropClick&&(h.closeByBackdropClick=l),void 0!==e.$options.propsData.closeByOutsideClick&&(h.closeByOutsideClick=c),void 0!==e.$options.propsData.closeOnEscape&&(h.closeOnEscape=p),e.$f7ready(function(){e.f7Actions=e.$f7.actions.create(h),r&&e.f7Actions.open(!1)})}},beforeDestroy:function(){this.f7Actions&&this.f7Actions.destroy();var e=this.$refs.el;e&&(e.removeEventListener("actions:open",this.onOpen),e.removeEventListener("actions:opened",this.onOpened),e.removeEventListener("actions:close",this.onClose),e.removeEventListener("actions:closed",this.onClosed))},methods:{onOpen:function(e){this.dispatchEvent("actions:open actionsOpen",e)},onOpened:function(e){this.dispatchEvent("actions:opened actionsOpened",e)},onClose:function(e){this.dispatchEvent("actions:close actionsClose",e)},onClosed:function(e){this.dispatchEvent("actions:closed actionsClosed",e)},open:function(e){if(this.$f7)return this.$f7.actions.open(this.$refs.el,e)},close:function(e){if(this.$f7)return this.$f7.actions.close(this.$refs.el,e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},h={listeners:{},on:function(e,t){e.split(" ").forEach(function(e){h.listeners[e]||(h.listeners[e]=[]),h.listeners[e].unshift(t)})},off:function(e,t){e.split(" ").forEach(function(e){h.listeners[e]&&(void 0===t?h.listeners[e]=[]:h.listeners[e].forEach(function(n,o){n===t&&h.listeners[e].splice(o,1)}))})},once:function(e,t){"function"==typeof t&&h.on(e,function n(){for(var o=[],s=arguments.length;s--;)o[s]=arguments[s];t.apply(void 0,o),h.off(e,n)})},emit:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];e.split(" ").forEach(function(e){if(h.listeners&&h.listeners[e]){var n=[];h.listeners[e].forEach(function(e){n.push(e)}),n.forEach(function(e){e.apply(void 0,t)})}})}},f={instance:null,Framework7:null,init:function(e,n,o){void 0===n&&(n={});var s=t.extend({},n,{root:e});o&&o.length&&!s.routes&&(s.routes=o);var i=new f.Framework7(s);i.initialized?(f.instance=i,h.emit("ready",f.instance)):i.on("init",function(){f.instance=i,h.emit("ready",f.instance)})},ready:function(e){e&&(f.instance?e(f.instance):h.once("ready",e))},routers:{views:[],tabs:[],modals:null}};function m(e,t,n){var o,s=e;o="function"==typeof t?t(s.state,s.props):t,Object.keys(o).forEach(function(e){s.$set(s.state,e,o[e])}),"function"==typeof n&&n()}var v={name:"f7-routable-modals",data:function(){return{state:{modals:[]}}},render:function(){var e=this.$createElement;return e("div",{ref:"el",class:"framework7-modals"},[this.state.modals.map(function(t){var n=t.component;return e(n,{key:t.id,props:t.props})})])},updated:function(){this.routerData&&h.emit("modalsRouterDidUpdate",this.routerData)},beforeDestroy:function(){this.routerData&&(f.routers.modals=null,this.routerData=null,delete this.routerData)},mounted:function(){var e=this.$refs.el;this.setState({modals:[]}),this.routerData={el:e,component:this},f.routers.modals=this.routerData},methods:{setState:function(e,t){m(this,e,t)}}},b={name:"f7-app",props:Object.assign({id:[String,Number],params:Object,routes:Array},n.colorProps),data:function(){o(this);return{state:{modals:[]}}},render:function(){var e=this.$createElement,o=this.props,s=o.id,i=o.style,a=o.className;return e("div",{ref:"el",style:i,class:t.classNames(a,"framework7-root",n.colorClasses(o)),attrs:{id:s||"framework7-root"}},[this.$slots.default,e(v)])},mounted:function(){var e=this.props,t=e.params;void 0===t&&(t={});var n=e.routes,o=this.$refs.el,s=o.parentNode;s&&s!==document.body&&s.parentNode===document.body&&(s.style.height="100%"),f.init(o,t,n)},computed:{props:function(){return o(this)}}},g={name:"f7-appbar",props:Object.assign({id:[String,Number],noShadow:Boolean,noHairline:Boolean,inner:{type:Boolean,default:!0},innerClass:String,innerClassName:String},n.colorProps),render:function(){var e,o=this.$createElement,s=this.props,i=s.inner,a=s.innerClass,r=s.innerClassName,l=s.className,c=s.id,p=s.style,d=s.noShadow,u=s.noHairline;return i&&(e=o("div",{ref:"inner",class:t.classNames("appbar-inner",a,r)},[this.$slots.default])),o("div",{ref:"el",style:p,class:t.classNames(l,"appbar",{"no-shadow":d,"no-hairline":u},n.colorClasses(s)),attrs:{id:c}},[this.$slots["before-inner"],e||this.$slots.default,this.$slots["after-inner"]])},computed:{props:function(){return o(this)}}},E={name:"f7-badge",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id;return e("span",{style:o.style,class:t.classNames(s,"badge",n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return o(this)}}},S={name:"f7-block-footer",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id;return e("div",{style:o.style,class:t.classNames(s,"block-footer",n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return o(this)}}},k={name:"f7-block-header",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id;return e("div",{style:o.style,class:t.classNames(s,"block-header",n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return o(this)}}},y={name:"f7-block-title",props:Object.assign({id:[String,Number],large:Boolean,medium:Boolean},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id,a=o.style,r=o.large,l=o.medium;return e("div",{style:a,class:t.classNames(s,"block-title",{"block-title-large":r,"block-title-medium":l},n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return o(this)}}},B={name:"f7-block",props:Object.assign({id:[String,Number],inset:Boolean,tabletInset:Boolean,strong:Boolean,tabs:Boolean,tab:Boolean,tabActive:Boolean,accordionList:Boolean,noHairlines:Boolean,noHairlinesMd:Boolean,noHairlinesIos:Boolean,noHairlinesAurora:Boolean},n.colorProps),created:function(){t.bindMethods(this,["onTabShow","onTabHide"])},mounted:function(){var e=this.$refs.el;e&&(e.addEventListener("tab:show",this.onTabShow),e.addEventListener("tab:hide",this.onTabHide))},beforeDestroy:function(){var e=this.$refs.el;e&&(e.removeEventListener("tab:show",this.onTabShow),e.removeEventListener("tab:hide",this.onTabHide))},render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.inset,a=o.strong,r=o.accordionList,l=o.tabletInset,c=o.tabs,p=o.tab,d=o.tabActive,u=o.noHairlines,h=o.noHairlinesIos,f=o.noHairlinesMd,m=o.noHairlinesAurora,v=o.id;return e("div",{style:o.style,class:t.classNames(s,"block",{inset:i,"block-strong":a,"accordion-list":r,"tablet-inset":l,tabs:c,tab:p,"tab-active":d,"no-hairlines":u,"no-hairlines-md":f,"no-hairlines-ios":h,"no-hairlines-aurora":m},n.colorClasses(o)),ref:"el",attrs:{id:v}},[this.$slots.default])},methods:{onTabShow:function(e){this.dispatchEvent("tabShow tab:show",e)},onTabHide:function(e){this.dispatchEvent("tabHide tab:hide",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},C={name:"f7-icon",props:Object.assign({id:[String,Number],material:String,f7:String,ion:String,fa:String,icon:String,ios:String,aurora:String,md:String,tooltip:String,size:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,n=this.props,o=n.id,s=n.style;return e("i",{ref:"el",style:t.extend({fontSize:this.sizeComputed},s),class:this.classes,attrs:{id:o}},[this.iconTextComputed,this.$slots.default])},watch:{"props.tooltip":function(e){e&&this.f7Tooltip&&this.f7Tooltip.setText(e)}},mounted:function(){var e=this,t=e.$refs.el;if(t){var n=e.props.tooltip;n&&e.$f7ready(function(o){e.f7Tooltip=o.tooltip.create({targetEl:t,text:n})})}},beforeDestroy:function(){this.f7Tooltip&&this.f7Tooltip.destroy&&(this.f7Tooltip.destroy(),this.f7Tooltip=null,delete this.f7Tooltip)},computed:{sizeComputed:function(){var e=this.props.size;return"number"!=typeof e&&parseFloat(e)!==1*e||(e+="px"),e},iconTextComputed:function(){var e=this.props,t=e.material,n=e.f7,o=e.md,s=e.ios,i=e.aurora,a=t||n;return o&&this.$theme.md&&(o.indexOf("material:")>=0||o.indexOf("f7:")>=0)?a=o.split(":")[1]:s&&this.$theme.ios&&(s.indexOf("material:")>=0||s.indexOf("f7:")>=0)?a=s.split(":")[1]:i&&this.$theme.aurora&&(i.indexOf("material:")>=0||i.indexOf("f7:")>=0)&&(a=i.split(":")[1]),a},classes:function(){var e,o={icon:!0},s=this.props,i=s.material,a=s.f7,r=s.fa,l=s.ion,c=s.icon,p=s.md,d=s.ios,u=s.aurora,h=s.className;if(this.$theme.ios?e=d:this.$theme.md?e=p:this.$theme.aurora&&(e=u),e){var f=e.split(":"),m=f[0],v=f[1];"material"!==m&&"fa"!==m&&"f7"!==m||(o.fa="fa"===m,o["material-icons"]="material"===m,o["f7-icons"]="f7"===m),"fa"!==m&&"ion"!==m||(o[m+"-"+v]=!0),"icon"===m&&(o[v]=!0)}else o={icon:!0,"material-icons":i,"f7-icons":a,fa:r},l&&(o["ion-"+l]=!0),r&&(o["fa-"+r]=!0),c&&(o[c]=!0);return t.classNames(h,o,n.colorClasses(s))},props:function(){return o(this)}}};function $(e){if(!e)return e;var t="style class domProps slot key ref attrs on props".split(" ");return Object.keys(e).forEach(function(n){if("className"===n)return e.class=e.className,void delete e.className;if("dangerouslySetInnerHTML"===n)return e.domProps||(e.domProps={}),e.domProps.innerHTML=e[n],e.domProps.innerHTML&&e.domProps.innerHTML.__html&&(e.domProps.innerHTML=e.domProps.innerHTML.__html),void delete e.dangerouslySetInnerHTML;if(n.match(/^on?([A-Z])/)){e.on||(e.on={});var o=n.replace(/(^on?)([A-Z])/,function(e,t,n){return n.toLowerCase()});return e.on[o]=e[n],void delete e[n]}t.indexOf(n)>=0||(e.attrs||(e.attrs={}),e.attrs[n]||(e.attrs[n]=e[n],delete e[n]))}),e}var w={name:"f7-button",props:Object.assign({id:[String,Number],noFastclick:Boolean,noFastClick:Boolean,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},n.colorProps,n.linkIconProps,n.linkRouterProps,n.linkActionsProps),render:function(){var e,t,n=this.$createElement,o=this.props,s=o.text,i=o.icon,a=o.iconMaterial,r=o.iconIon,l=o.iconFa,c=o.iconF7,p=o.iconMd,d=o.iconIos,u=o.iconAurora,h=o.iconColor,f=o.iconSize,m=o.id,v=o.style,b=o.type;return s&&(t=n("span",[s])),(i||a||r||l||c||p||d||u)&&(e=n(C,{attrs:{material:a,ion:r,fa:l,f7:c,icon:i,md:p,ios:d,aurora:u,color:h,size:f}})),n("submit"===b||"reset"===b||"button"===b?"button":"a",$(Object.assign({ref:"el",style:v,class:this.classes},this.attrs,{attrs:{id:m}})),[e,t,this.$slots.default])},computed:{attrs:function(){var e=this.props,o=e.href,s=e.target,i=e.tabLink,a=e.type,r=o;return!0===o&&(r="#"),!1===o&&(r=void 0),t.extend({href:r,target:s,type:a,"data-tab":t.isStringProp(i)&&i||void 0},n.linkRouterAttrs(e),n.linkActionsAttrs(e))},classes:function(){var e=this.props,o=e.noFastclick,s=e.noFastClick,i=e.tabLink,a=e.tabLinkActive,r=e.round,l=e.roundIos,c=e.roundAurora,p=e.roundMd,d=e.fill,u=e.fillIos,h=e.fillAurora,f=e.fillMd,m=e.large,v=e.largeIos,b=e.largeAurora,g=e.largeMd,E=e.small,S=e.smallIos,k=e.smallAurora,y=e.smallMd,B=e.raised,C=e.raisedIos,$=e.raisedAurora,w=e.raisedMd,P=e.active,O=e.outline,L=e.outlineIos,N=e.outlineAurora,x=e.outlineMd,M=e.disabled,T=e.className;return t.classNames(T,"button",{"tab-link":i||""===i,"tab-link-active":a,"no-fastclick":o||s,"button-round":r,"button-round-ios":l,"button-round-aurora":c,"button-round-md":p,"button-fill":d,"button-fill-ios":u,"button-fill-aurora":h,"button-fill-md":f,"button-large":m,"button-large-ios":v,"button-large-aurora":b,"button-large-md":g,"button-small":E,"button-small-ios":S,"button-small-aurora":k,"button-small-md":y,"button-raised":B,"button-raised-ios":C,"button-raised-aurora":$,"button-raised-md":w,"button-active":P,"button-outline":O,"button-outline-ios":L,"button-outline-aurora":N,"button-outline-md":x,disabled:M},n.colorClasses(e),n.linkRouterClasses(e),n.linkActionsClasses(e))},props:function(){return o(this)}},methods:{onClick:function(e){this.dispatchEvent("click",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},watch:{"props.tooltip":function(e){e&&this.f7Tooltip&&this.f7Tooltip.setText(e)}},created:function(){t.bindMethods(this,["onClick"])},mounted:function(){var e=this,t=e.$refs.el;t.addEventListener("click",e.onClick);var n=e.props,o=n.tooltip,s=n.routeProps;s&&(t.f7RouteProps=s),o&&e.$f7ready(function(n){e.f7Tooltip=n.tooltip.create({targetEl:t,text:o})})},updated:function(){var e=this.$refs.el,t=this.props.routeProps;t&&(e.f7RouteProps=t)},beforeDestroy:function(){var e=this.$refs.el;e.removeEventListener("click",this.onClick),delete e.f7RouteProps,this.f7Tooltip&&this.f7Tooltip.destroy&&(this.f7Tooltip.destroy(),this.f7Tooltip=null,delete this.f7Tooltip)}},P={name:"f7-card-content",props:Object.assign({id:[String,Number],padding:{type:Boolean,default:!0}},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.id,i=o.className,a=o.style,r=o.padding;return e("div",{style:a,class:t.classNames(i,"card-content",{"card-content-padding":r},n.colorClasses(o)),attrs:{id:s}},[this.$slots.default])},computed:{props:function(){return o(this)}}},O={name:"f7-card-footer",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id;return e("div",{style:o.style,class:t.classNames(s,"card-footer",n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return o(this)}}},L={name:"f7-card-header",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id;return e("div",{style:o.style,class:t.classNames(s,"card-header",n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return o(this)}}},N={name:"f7-card",props:Object.assign({id:[String,Number],title:[String,Number],content:[String,Number],footer:[String,Number],outline:Boolean,expandable:Boolean,expandableAnimateWidth:Boolean,expandableOpened:Boolean,noShadow:Boolean,noBorder:Boolean,padding:{type:Boolean,default:!0}},n.colorProps),watch:{"props.expandableOpened":function(e){e?this.open():this.close()}},created:function(){t.bindMethods(this,"onBeforeOpen onOpen onOpened onClose onClosed".split(" "))},mounted:function(){var e=this;if(e.props.expandable){var t=e.$refs.el;t&&(t.addEventListener("card:beforeopen",e.onBeforeOpen),t.addEventListener("card:open",e.onOpen),t.addEventListener("card:opened",e.onOpened),t.addEventListener("card:close",e.onClose),t.addEventListener("card:closed",e.onClosed),e.props.expandable&&e.props.expandableOpened&&e.$f7ready(function(){e.$f7.card.open(t,!1)}))}},beforeDestroy:function(){if(this.props.expandable){var e=this.$refs.el;e&&(e.removeEventListener("card:beforeopen",this.onBeforeOpen),e.removeEventListener("card:open",this.onOpen),e.removeEventListener("card:opened",this.onOpened),e.removeEventListener("card:close",this.onClose),e.removeEventListener("card:closed",this.onClosed))}},render:function(){var e,o,s,i=this.$createElement,a=this.props,r=a.className,l=a.id,c=a.style,p=a.title,d=a.content,u=a.footer,h=a.padding,f=a.outline,m=a.expandable,v=a.expandableAnimateWidth,b=a.noShadow,g=a.noBorder,E=t.classNames(r,"card",{"card-outline":f,"card-expandable":m,"card-expandable-animate-width":v,"no-shadow":b,"no-border":g},n.colorClasses(a));return(p||this.$slots&&this.$slots.header)&&(e=i(L,[p,this.$slots.header])),(d||this.$slots&&this.$slots.content)&&(o=i(P,{attrs:{padding:h}},[d,this.$slots.content])),(u||this.$slots&&this.$slots.footer)&&(s=i(O,[u,this.$slots.footer])),i("div",{style:c,class:E,ref:"el",attrs:{id:l}},[e,o,s,this.$slots.default])},methods:{open:function(){this.$refs.el&&this.$f7.card.open(this.$refs.el)},close:function(){this.$refs.el&&this.$f7.card.close(this.$refs.el)},onBeforeOpen:function(e){this.dispatchEvent("cardBeforeOpen card:beforeopen",e,e.detail.prevent)},onOpen:function(e){this.dispatchEvent("cardOpen card:open",e)},onOpened:function(e){this.dispatchEvent("cardOpened card:opened",e)},onClose:function(e){this.dispatchEvent("cardClose card:close",e)},onClosed:function(e){this.dispatchEvent("cardClosed card:closed",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},x={name:"f7-checkbox",props:Object.assign({id:[String,Number],checked:Boolean,name:[Number,String],value:[Number,String,Boolean],disabled:Boolean,readonly:Boolean,defaultChecked:Boolean},n.colorProps),render:function(){var e,t=this.$createElement,n=this.props,o=n.name,s=n.value,i=n.disabled,a=n.readonly,r=n.checked,l=(n.defaultChecked,n.id),c=n.style;e=t("input",{ref:"inputEl",domProps:{value:s,disabled:i,readonly:a,checked:r},on:{change:this.onChange},attrs:{type:"checkbox",name:o}});var p=t("i",{class:"icon-checkbox"});return t("label",{style:c,class:this.classes,attrs:{id:l}},[e,p,this.$slots.default])},computed:{classes:function(){var e=this.props,o=e.className,s=e.disabled;return t.classNames(o,{checkbox:!0,disabled:s},n.colorClasses(e))},props:function(){return o(this)}},created:function(){t.bindMethods(this,["onChange"])},methods:{onChange:function(e){this.dispatchEvent("change",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}}},M={name:"f7-chip",props:Object.assign({id:[String,Number],media:String,text:[String,Number],deleteable:Boolean,mediaBgColor:String,mediaTextColor:String,outline:Boolean},n.colorProps),render:function(){var e,o,s,i=this.$createElement,a=this.props,r=a.media,l=a.text,c=a.deleteable,p=a.className,d=a.id,u=a.style,h=a.mediaTextColor,f=a.mediaBgColor,m=a.outline;(r||this.$slots&&this.$slots.media)&&(e=i("div",{class:t.classNames("chip-media",h&&"text-color-"+h,f&&"bg-color-"+f)},[r||this.$slots.media]));return(l||this.$slots&&this.$slots.text)&&(o=i("div",{class:"chip-label"},[l,this.$slots.text])),c&&(s=i("a",{ref:"deleteEl",class:"chip-delete",attrs:{href:"#"}})),i("div",{ref:"el",style:u,class:t.classNames(p,"chip",{"chip-outline":m},n.colorClasses(a)),attrs:{id:d}},[e,o,s])},created:function(){t.bindMethods(this,["onClick","onDeleteClick"])},mounted:function(){this.$refs.el.addEventListener("click",this.onClick),this.$refs.deleteEl&&this.$refs.deleteEl.addEventListener("click",this.onDeleteClick)},beforeDestroy:function(){this.$refs.el.removeEventListener("click",this.onClick),this.$refs.deleteEl&&this.$refs.deleteEl.removeEventListener("click",this.onDeleteClick)},methods:{onClick:function(e){this.dispatchEvent("click",e)},onDeleteClick:function(e){this.dispatchEvent("delete",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},T={name:"f7-col",props:Object.assign({id:[String,Number],tag:{type:String,default:"div"},width:{type:[Number,String],default:"auto"},tabletWidth:{type:[Number,String]},desktopWidth:{type:[Number,String]}},n.colorProps),render:function(){var e,o=this.$createElement,s=this.props,i=s.className,a=s.id,r=s.style,l=s.tag,c=s.width,p=s.tabletWidth,d=s.desktopWidth;return o(l,{style:r,class:t.classNames(i,((e={col:"auto"===c})["col-"+c]="auto"!==c,e["tablet-"+p]=p,e["desktop-"+d]=d,e),n.colorClasses(s)),ref:"el",attrs:{id:a}},[this.$slots.default])},created:function(){t.bindMethods(this,["onClick"])},mounted:function(){this.$refs.el.addEventListener("click",this.onClick)},beforeDestroy:function(){this.$refs.el.removeEventListener("click",this.onClick)},methods:{onClick:function(e){this.dispatchEvent("click",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},I={name:"f7-fab-button",props:Object.assign({id:[String,Number],fabClose:Boolean,label:String,target:String,tooltip:String},n.colorProps),render:function(){var e,o=this.$createElement,s=this.props,i=s.className,a=s.id,r=s.style,l=s.fabClose,c=s.label,p=s.target,d=t.classNames(i,{"fab-close":l,"fab-label-button":c},n.colorClasses(s));return c&&(e=o("span",{class:"fab-label"},[c])),o("a",{ref:"el",style:r,class:d,attrs:{id:a,target:p}},[this.$slots.default,e])},created:function(){t.bindMethods(this,["onClick"])},created:function(){this.onClick=this.onClick.bind(this)},mounted:function(){var e=this;e.$refs.el.addEventListener("click",e.onClick);var t=e.props.tooltip;t&&e.$f7ready(function(n){e.f7Tooltip=n.tooltip.create({targetEl:e.$refs.el,text:t})})},beforeDestroy:function(){this.$refs.el.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=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},watch:{"props.tooltip":function(e){e&&this.f7Tooltip&&this.f7Tooltip.setText(e)}},computed:{props:function(){return o(this)}}},A={name:"f7-fab-buttons",props:Object.assign({id:[String,Number],position:{type:String,default:"top"}},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id,a=o.style,r=o.position;return e("div",{style:a,class:t.classNames(s,"fab-buttons","fab-buttons-"+r,n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return o(this)}}},D={name:"f7-fab",props:Object.assign({id:[String,Number],morphTo:String,href:[Boolean,String],target:String,text:String,position:{type:String,default:"right-bottom"},tooltip:String},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id,a=o.style,r=o.morphTo,l=o.href,c=o.position,p=o.text,d=o.target,u=l;!0===u&&(u="#"),!1===u&&(u=void 0);var h,f,m=[],v=[],b=this.$slots,g=b.link,E=b.default,S=b.root,k=b.text;if(E)for(var y=0;y=0&&(C=!0),C?v.push(B):m.push(B)}return(p||k&&k.length)&&(h=e("div",{class:"fab-text"},[p||k])),(m.length||g&&g.length)&&(f=e("a",{ref:"linkEl",key:"f7-fab-link",attrs:{target:d,href:u}},[m,h,g])),e("div",{style:a,class:t.classNames(s,"fab","fab-"+c,{"fab-morph":r,"fab-extended":void 0!==h},n.colorClasses(o)),attrs:{id:i,"data-morph-to":r}},[f,v,S])},watch:{"props.tooltip":function(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(n){e.f7Tooltip=n.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=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},j={props:{id:[String,Number],type:{type:String,default:"circle"},value:{type:[Number,String],default:0},size:{type:[Number,String],default:200},bgColor:{type:String,default:"transparent"},borderBgColor:{type:String,default:"#eeeeee"},borderColor:{type:String,default:"#000000"},borderWidth:{type:[Number,String],default:10},valueText:[Number,String],valueTextColor:{type:String,default:"#000000"},valueFontSize:{type:[Number,String],default:31},valueFontWeight:{type:[Number,String],default:500},labelText:String,labelTextColor:{type:String,default:"#888888"},labelFontSize:{type:[Number,String],default:14},labelFontWeight:{type:[Number,String],default:400}},name:"f7-gauge",render:function(){var e=this.$createElement,n=this.props,o=n.className,s=n.id,i=n.style,a=n.type,r=n.value,l=n.size,c=n.bgColor,p=n.borderBgColor,d=n.borderColor,u=n.borderWidth,h=n.valueText,f=n.valueTextColor,m=n.valueFontSize,v=n.valueFontWeight,b=n.labelText,g=n.labelTextColor,E=n.labelFontSize,S=n.labelFontWeight,k=t.classNames(o,"gauge"),y="semicircle"===a,B=l/2-u/2,C=2*Math.PI*B,$=Math.max(Math.min(r,1),0);return e("div",{style:i,class:k,attrs:{id:s}},[e("svg",{class:"gauge-svg",attrs:{width:l+"px",height:(y?l/2:l)+"px",viewBox:"0 0 "+l+" "+(y?l/2:l)}},[y&&e("path",{class:"gauge-back-semi",attrs:{d:"M"+(l-u/2)+","+l/2+" a1,1 0 0,0 -"+(l-u)+",0",stroke:p,"stroke-width":u,fill:c||"none"}}),y&&e("path",{class:"gauge-front-semi",attrs:{d:"M"+(l-u/2)+","+l/2+" a1,1 0 0,0 -"+(l-u)+",0",stroke:d,"stroke-width":u,"stroke-dasharray":C/2,"stroke-dashoffset":C/2*(1+$),fill:p?"none":c||"none"}}),!y&&p&&e("circle",{class:"gauge-back-circle",attrs:{stroke:p,"stroke-width":u,fill:c||"none",cx:l/2,cy:l/2,r:B}}),!y&&e("circle",{class:"gauge-front-circle",attrs:{transform:"rotate(-90 "+l/2+" "+l/2+")",stroke:d,"stroke-width":u,"stroke-dasharray":C,"stroke-dashoffset":C*(1-$),fill:p?"none":c||"none",cx:l/2,cy:l/2,r:B}}),h&&e("text",{class:"gauge-value-text",attrs:{x:"50%",y:y?"100%":"50%","font-weight":v,"font-size":m,fill:f,dy:y?b?-E-15:-5:0,"text-anchor":"middle","dominant-baseline":y?null:"middle"}},[h]),b&&e("text",{class:"gauge-label-text",attrs:{x:"50%",y:y?"100%":"50%","font-weight":S,"font-size":E,fill:g,dy:y?-5:h?m/2+10:0,"text-anchor":"middle","dominant-baseline":y?null:"middle"}},[b])])])},computed:{props:function(){return o(this)}}},R={name:"f7-toggle",props:Object.assign({id:[String,Number],init:{type:Boolean,default:!0},checked:Boolean,defaultChecked:Boolean,disabled:Boolean,readonly:Boolean,name:String,value:[String,Number,Array]},n.colorProps),render:function(){var e,o=this.$createElement,s=this.props,i=s.className,a=s.disabled,r=s.id,l=s.style,c=s.name,p=s.readonly,d=s.checked,u=(s.defaultChecked,s.value),h=t.classNames("toggle",i,{disabled:a},n.colorClasses(s));return e=o("input",{ref:"inputEl",domProps:{disabled:a,readOnly:p,value:u,checked:d},on:{change:this.onChange},attrs:{type:"checkbox",name:c}}),o("label",{ref:"el",style:l,class:h,attrs:{id:r}},[e,o("span",{class:"toggle-icon"})])},watch:{"props.checked":function(e){this.f7Toggle&&(this.f7Toggle.checked=e)}},created:function(){t.bindMethods(this,["onChange"])},mounted:function(){var e=this;e.props.init&&e.$f7ready(function(t){e.f7Toggle=t.toggle.create({el:e.$refs.el,on:{change:function(t){var n=t.checked;e.dispatchEvent("toggle:change toggleChange",n)}}})})},beforeDestroy:function(){this.f7Toggle&&this.f7Toggle.destroy&&this.f7Toggle.$el&&this.f7Toggle.destroy()},methods:{toggle:function(){this.f7Toggle&&this.f7Toggle.toggle&&this.f7Toggle.toggle()},onChange:function(e){this.dispatchEvent("change",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},F={name:"f7-range",props:Object.assign({id:[String,Number],init:{type:Boolean,default:!0},value:{type:[Number,Array,String],default:0},min:{type:[Number,String],default:0},max:{type:[Number,String],default:100},step:{type:[Number,String],default:1},label:{type:Boolean,default:!1},dual:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1},verticalReversed:{type:Boolean,default:!1},draggableBar:{type:Boolean,default:!0},formatLabel:Function,scale:{type:Boolean,default:!1},scaleSteps:{type:Number,default:5},scaleSubSteps:{type:Number,default:0},formatScaleLabel:Function,name:String,input:Boolean,inputId:String,disabled:Boolean},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=this.props,i=s.id,a=s.disabled,r=s.className,l=s.style,c=s.input,p=s.inputId,d=s.name,u=s.vertical,h=s.verticalReversed;return e("div",{ref:"el",style:l,class:t.classNames(r,"range-slider",{"range-slider-horizontal":!u,"range-slider-vertical":u,"range-slider-vertical-reversed":u&&h,disabled:a},n.colorClasses(o)),attrs:{id:i}},[c&&e("input",{attrs:{type:"range",name:d,id:p}}),this.$slots.default])},watch:{"props.value":function(e){this.f7Range&&this.f7Range.setValue(e)}},mounted:function(){var e=this;e.$f7ready(function(n){if(e.props.init){var o=e.props,s=o.value,i=o.min,a=o.max,r=o.step,l=o.label,c=o.dual,p=o.draggableBar,d=o.vertical,u=o.verticalReversed,h=o.formatLabel,f=o.scale,m=o.scaleSteps,v=o.scaleSubSteps,b=o.formatScaleLabel;e.f7Range=n.range.create(t.noUndefinedProps({el:e.$refs.el,value:s,min:i,max:a,step:r,label:l,dual:c,draggableBar:p,vertical:d,verticalReversed:u,formatLabel:h,scale:f,scaleSteps:m,scaleSubSteps:v,formatScaleLabel:b,on:{change:function(t,n){e.dispatchEvent("range:change rangeChange",n)},changed:function(t,n){e.dispatchEvent("range:changed rangeChanged",n)}}}))}})},beforeDestroy:function(){this.f7Range&&this.f7Range.destroy&&this.f7Range.destroy()},methods:{setValue:function(e){this.f7Range&&this.f7Range.setValue&&this.f7Range.setValue(e)},getValue:function(){if(this.f7Range&&this.f7Range.getValue)return this.f7Range.getValue()},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},z={name:"f7-input",props:Object.assign({type:String,name:String,value:[String,Number,Array,Date,Object],defaultValue:[String,Number,Array],placeholder:String,id:[String,Number],inputId:[String,Number],size:[String,Number],accept:[String,Number],autocomplete:[String],autocorrect:[String],autocapitalize:[String],spellcheck:[String],autofocus:Boolean,autosave:String,checked:Boolean,disabled:Boolean,max:[String,Number],min:[String,Number],step:[String,Number],maxlength:[String,Number],minlength:[String,Number],multiple:Boolean,readonly:Boolean,required:Boolean,inputStyle:[String,Object],pattern:String,validate:[Boolean,String],validateOnBlur:Boolean,tabindex:[String,Number],resizable:Boolean,clearButton:Boolean,noFormStoreData:Boolean,noStoreData:Boolean,ignoreStoreData:Boolean,errorMessage:String,errorMessageForce:Boolean,info:String,outline:Boolean,wrap:{type:Boolean,default:!0},dropdown:{type:[String,Boolean],default:"auto"},calendarParams:Object,colorPickerParams:Object},n.colorProps),data:function(){o(this);return{state:{inputFocused:!1,inputInvalid:!1}}},render:function(){var e,o=this.$createElement,s=this,i=s.props,a=i.type,r=i.name,l=i.value,c=i.defaultValue,p=i.placeholder,d=i.id,u=i.inputId,h=i.size,f=i.accept,m=i.autocomplete,v=i.autocorrect,b=i.autocapitalize,g=i.spellcheck,E=i.autofocus,S=i.autosave,k=i.checked,y=i.disabled,B=i.max,C=i.min,$=i.step,w=i.maxlength,P=i.minlength,O=i.multiple,L=i.readonly,N=i.required,x=i.inputStyle,M=i.pattern,T=i.validate,I=i.validateOnBlur,A=i.tabindex,D=i.resizable,j=i.clearButton,z=i.errorMessage,H=i.errorMessageForce,V=i.info,U=i.wrap,q=i.dropdown,_=i.style,W=i.className,G=i.noStoreData,Z=i.noFormStoreData,Q=i.ignoreStoreData,J=i.outline,K=s.domValue(),X=s.inputHasValue(),Y=function(e,n){var d="file"!==a&&"datepicker"!==a&&"colorpicker"!==a,j="input"===e,R=a;"datepicker"!==R&&"colorpicker"!==R||(R="text");var F,V=t.classNames(!U&&W,{resizable:"textarea"===R&&D,"no-store-data":Z||G||Q,"input-invalid":z&&H||s.state.inputInvalid,"input-with-value":X,"input-focused":s.state.inputFocused});d&&(F=void 0!==l?l:K);var q={};return"datepicker"!==a&&"colorpicker"!==a&&("value"in i&&(q.value=F),"defaultValue"in i&&(q.defaultValue=c)),o(e,{ref:"inputEl",style:x,class:V,domProps:Object.assign({checked:k,disabled:y,readOnly:L,multiple:O,required:N},q),on:{focus:s.onFocus,blur:s.onBlur,input:s.onInput,change:s.onChange},attrs:{name:r,type:j?R:void 0,placeholder:p,id:u,size:h,accept:f,autocomplete:m,autocorrect:v,autocapitalize:b,spellcheck:g,autofocus:E,autoSave:S,max:B,maxlength:w,min:C,minlength:P,step:$,pattern:M,validate:"string"==typeof T&&T.length?T:void 0,"data-validate":!0===T||""===T||!0===I||""===I||void 0,"data-validate-on-blur":!0===I||""===I||void 0,tabindex:A,"data-error-message":H?void 0:z}},[n])},ee=s.$slots,te=ee.default,ne=ee.info;if(e="select"===a||"textarea"===a||"file"===a?"select"===a?Y("select",te):Y("file"===a?"input":"textarea"):te&&te.length>0||!a?te:"toggle"===a?o(R,{on:{change:s.onChange},attrs:{checked:k,readonly:L,name:r,value:l,disabled:y,id:u}}):"range"===a?o(F,{on:{rangeChange:s.onChange},attrs:{value:l,disabled:y,min:C,max:B,step:$,name:r,id:u,input:!0}}):Y("input"),U){var oe=t.classNames(W,"input",{"input-outline":J,"input-dropdown":"auto"===q?"select"===a:q},n.colorClasses(i));return o("div",{ref:"wrapEl",class:oe,style:_,attrs:{id:d}},[e,z&&H&&o("div",{class:"input-error-message"},[z]),j&&o("span",{class:"input-clear-button"}),(V||ne&&ne.length)&&o("div",{class:"input-info"},[V,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 n=e.props,o=n.validate,s=n.validateOnBlur,i=n.resizable,a=n.type,r=n.clearButton,l=n.value,c=n.defaultValue,p=n.calendarParams,d=n.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,n){e.dispatchEvent("calendar:change calendarChange",n)}}},p||{}))),"colorpicker"===a&&(e.f7ColorPicker=t.colorPicker.create(Object.assign({inputEl:u,value:l,on:{change:function(t,n){e.dispatchEvent("colorpicker:change colorPickerChange",n)}}},d||{}))),t.input.checkEmptyState(u),s||""===s||!o&&""!==o||!(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,n=e.validateOnBlur,o=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&&!n&&this.validateInput(i),o&&s.input.resizeTextarea(i)}},beforeDestroy:function(){var e=this.props,t=e.type,n=e.resizable,o=e.clearButton;if("range"!==t&&"toggle"!==t){var s=this.$refs.inputEl;s&&(s.removeEventListener("input:notempty",this.onInputNotEmpty,!1),"textarea"===t&&n&&s.removeEventListener("textarea:resize",this.onTextareaResize,!1),o&&(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.value,t=this.domValue();return void 0===e?t||0===t:e||0===e},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(e){var t=this.props,n=t.validate,o=t.validateOnBlur;this.dispatchEvent("input",e),!o&&""!==o&&(n||""===n)&&this.$refs&&this.$refs.inputEl&&this.validateInput(this.$refs.inputEl)},onFocus:function(e){this.dispatchEvent("focus",e),this.setState({inputFocused:!0})},onBlur:function(e){var t=this.props,n=t.validate,o=t.validateOnBlur;this.dispatchEvent("blur",e),(n||""===n||o||""===o)&&this.$refs&&this.$refs.inputEl&&this.validateInput(this.$refs.inputEl),this.setState({inputFocused:!1})},onChange:function(e){this.dispatchEvent("change",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))},setState:function(e,t){m(this,e,t)}},computed:{props:function(){return o(this)}}},H={name:"f7-link",props:Object.assign({id:[String,Number],noLinkClass:Boolean,noFastClick:Boolean,noFastclick:Boolean,text:String,tabLink:[Boolean,String],tabLinkActive:Boolean,tabbarLabel:Boolean,iconOnly:Boolean,badge:[String,Number],badgeColor:[String],iconBadge:[String,Number],href:{type:[String,Boolean],default:"#"},target:String,tooltip:String,smartSelect:Boolean,smartSelectParams:Object},n.colorProps,n.linkIconProps,n.linkRouterProps,n.linkActionsProps),data:function(){return{state:{isTabbarLabel:o(this).tabbarLabel}}},render:function(){var e,t,n,o,s=this.$createElement,i=this.props,a=i.text,r=i.badge,l=i.badgeColor,c=i.iconOnly,p=i.iconBadge,d=i.icon,u=i.iconColor,h=i.iconSize,f=i.iconMaterial,m=i.iconIon,v=i.iconFa,b=i.iconF7,g=i.iconMd,S=i.iconIos,k=i.iconAurora,y=i.id,B=i.style,w=this.$slots.default;return a&&(r&&(n=s(E,{attrs:{color:l}},[r])),t=s("span",{class:this.state.isTabbarLabel?"tabbar-label":""},[a,n])),(d||f||m||v||b||g||S||k)&&(p&&(o=s(E,{attrs:{color:l}},[p])),e=s(C,{attrs:{material:f,f7:b,fa:v,ion:m,icon:d,md:g,ios:S,aurora:k,color:u,size:h}},[o])),c||!a&&w&&0===w.length||!a&&!w?this.iconOnlyComputed=!0:this.iconOnlyComputed=!1,s("a",$(Object.assign({ref:"el",style:B,class:this.classes},this.attrs,{attrs:{id:y}})),[e,t,w])},watch:{"props.tooltip":function(e){e&&this.f7Tooltip&&this.f7Tooltip.setText(e)}},created:function(){t.bindMethods(this,["onClick"])},mounted:function(){var e=this,n=e.$refs.el;n.addEventListener("click",e.onClick);var o=e.props,s=o.tabbarLabel,i=o.tabLink,a=o.tooltip,r=o.smartSelect,l=o.smartSelectParams,c=o.routeProps,p=!1;(s||(i||""===i)&&e.$$(n).parents(".tabbar-labels").length)&&(p=!0),e.setState({isTabbarLabel:p}),c&&(n.f7RouteProps=c),e.$f7ready(function(o){if(r){var s=t.extend({el:n},l||{});e.f7SmartSelect=o.smartSelect.create(s)}a&&(e.f7Tooltip=o.tooltip.create({targetEl:n,text:a}))})},updated:function(){var e=this.$refs.el,t=this.props.routeProps;t&&(e.f7RouteProps=t)},beforeDestroy:function(){var e=this.$refs.el;e.removeEventListener("click",this.onClick),delete e.f7RouteProps,this.f7SmartSelect&&this.f7SmartSelect.destroy&&this.f7SmartSelect.destroy(),this.f7Tooltip&&this.f7Tooltip.destroy&&(this.f7Tooltip.destroy(),this.f7Tooltip=null,delete this.f7Tooltip)},computed:{attrs:function(){var e=this.props,o=e.href,s=e.target,i=e.tabLink,a=o;return!0===o&&(a="#"),!1===o&&(a=void 0),t.extend({href:a,target:s,"data-tab":t.isStringProp(i)&&i||void 0},n.linkRouterAttrs(e),n.linkActionsAttrs(e))},classes:function(){var e=this.props,o=e.noFastclick,s=e.noFastClick,i=e.tabLink,a=e.tabLinkActive,r=e.noLinkClass,l=e.smartSelect,c=e.className;return t.classNames(c,{link:!(r||this.state.isTabbarLabel),"icon-only":this.iconOnlyComputed,"tab-link":i||""===i,"tab-link-active":a,"no-fastclick":o||s,"smart-select":l},n.colorClasses(e),n.linkRouterClasses(e),n.linkActionsClasses(e))},props:function(){return o(this)}},methods:{onClick:function(e){this.dispatchEvent("click",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))},setState:function(e,t){m(this,e,t)}}},V={name:"f7-list-button",props:Object.assign({id:[String,Number],noFastclick:Boolean,noFastClick:Boolean,title:[String,Number],text:[String,Number],tabLink:[Boolean,String],tabLinkActive:Boolean,link:[Boolean,String],href:[Boolean,String],target:String},n.colorProps,n.linkRouterProps,n.linkActionsProps),render:function(){var e=this.$createElement,t=this.props,n=t.className,o=t.id,s=t.style,i=t.title,a=t.text;return e("li",{style:s,class:n,attrs:{id:o}},[e("a",$(Object.assign({class:this.classes},this.attrs,{ref:"linkEl"})),[this.$slots.default||[i||a]])])},computed:{attrs:function(){var e=this.props,o=e.link,s=e.href,i=e.target,a=e.tabLink;return t.extend({href:"boolean"==typeof o&&"boolean"==typeof s?"#":o||s,target:i,"data-tab":t.isStringProp(a)&&a},n.linkRouterAttrs(e),n.linkActionsAttrs(e))},classes:function(){var e=this.props,o=e.noFastclick,s=e.noFastClick,i=e.tabLink,a=e.tabLinkActive;return t.classNames({"list-button":!0,"tab-link":i||""===i,"tab-link-active":a,"no-fastclick":o||s},n.colorClasses(e),n.linkRouterClasses(e),n.linkActionsClasses(e))},props:function(){return o(this)}},created:function(){t.bindMethods(this,["onClick"])},mounted:function(){var e=this.$refs.linkEl,t=this.props.routeProps;t&&(e.f7RouteProps=t),e.addEventListener("click",this.onClick)},updated:function(){var e=this.$refs.linkEl,t=this.props.routeProps;t&&(e.f7RouteProps=t)},beforeDestroy:function(){var e=this.$refs.linkEl;e.removeEventListener("click",this.onClick),delete e.f7RouteProps},methods:{onClick:function(e){this.dispatchEvent("click",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}}},U={name:"f7-list-group",props:Object.assign({id:[String,Number],mediaList:Boolean,sortable:Boolean},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id,a=o.style,r=o.mediaList,l=o.sortable;return e("div",{style:a,class:t.classNames(s,"list-group",{"media-list":r,sortable:l},n.colorClasses(o)),attrs:{id:i}},[e("ul",[this.$slots.default])])},computed:{props:function(){return o(this)}}},q={name:"f7-list-index",props:Object.assign({id:[String,Number],init:{type:Boolean,default:!0},listEl:[String,Object],indexes:{type:[String,Array],default:"auto"},scrollList:{type:Boolean,default:!0},label:{type:Boolean,default:!1},iosItemHeight:{type:Number,default:14},mdItemHeight:{type:Number,default:14},auroraItemHeight:{type:Number,default:14}},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id;return e("div",{ref:"el",style:o.style,class:t.classNames(s,"list-index",n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},beforeDestroy:function(){this.props.init&&this.f7ListIndex&&this.f7ListIndex.destroy&&this.f7ListIndex.destroy()},mounted:function(){var e=this;e.props.init&&e.$f7ready(function(t){var n=e.$refs.el,o=e.props,s=o.listEl,i=o.indexes,a=o.iosItemHeight,r=o.mdItemHeight,l=o.auroraItemHeight,c=o.scrollList,p=o.label;e.f7ListIndex=t.listIndex.create({el:n,listEl:s,indexes:i,iosItemHeight:a,mdItemHeight:r,auroraItemHeight:l,scrollList:c,label:p,on:{select:function(t,n,o){e.dispatchEvent("listindex:select listIndexSelect",n,o)}}})})},watch:{"props.indexes":function(){this.f7ListIndex&&(this.f7ListIndex.params.indexes=this.props.indexes,this.update())}},methods:{update:function(){this.f7ListIndex&&this.f7ListIndex.update()},scrollListToIndex:function(e){this.f7ListIndex&&this.f7ListIndex.scrollListToIndex(e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},_={name:"f7-list-input",props:Object.assign({id:[String,Number],sortable:Boolean,media:String,dropdown:{type:[String,Boolean],default:"auto"},wrap:{type:Boolean,default:!0},input:{type:Boolean,default:!0},type:{type:String,default:"text"},name:String,value:[String,Number,Array,Date,Object],defaultValue:[String,Number,Array],readonly:Boolean,required:Boolean,disabled:Boolean,placeholder:String,inputId:[String,Number],size:[String,Number],accept:[String,Number],autocomplete:[String],autocorrect:[String],autocapitalize:[String],spellcheck:[String],autofocus:Boolean,autosave:String,max:[String,Number],min:[String,Number],step:[String,Number],maxlength:[String,Number],minlength:[String,Number],multiple:Boolean,inputStyle:[String,Object],pattern:String,validate:[Boolean,String],validateOnBlur:Boolean,tabindex:[String,Number],resizable:Boolean,clearButton:Boolean,noFormStoreData:Boolean,noStoreData:Boolean,ignoreStoreData:Boolean,errorMessage:String,errorMessageForce:Boolean,info:String,outline:Boolean,label:[String,Number],inlineLabel:Boolean,floatingLabel:Boolean,calendarParams:Object,colorPickerParams:Object},n.colorProps),data:function(){return{state:{isSortable:o(this).sortable,inputFocused:!1,inputInvalid:!1}}},render:function(){var e,o=this.$createElement,s=this,i=s.state,a=i.inputFocused,r=i.inputInvalid,l=s.props,c=l.id,p=l.style,d=l.className,u=l.sortable,h=l.media,f=l.dropdown,m=l.input,v=l.wrap,b=l.type,g=l.name,E=l.value,S=l.defaultValue,k=l.readonly,y=l.required,B=l.disabled,C=l.placeholder,$=l.inputId,w=l.size,P=l.accept,O=l.autocomplete,L=l.autocorrect,N=l.autocapitalize,x=l.spellcheck,M=l.autofocus,T=l.autosave,I=l.max,A=l.min,D=l.step,j=l.maxlength,R=l.minlength,F=l.multiple,z=l.inputStyle,H=l.pattern,V=l.validate,U=l.validateOnBlur,q=l.tabindex,_=l.resizable,W=l.clearButton,G=l.noFormStoreData,Z=l.noStoreData,Q=l.ignoreStoreData,J=l.errorMessage,K=l.errorMessageForce,X=l.info,Y=l.outline,ee=l.label,te=l.inlineLabel,ne=l.floatingLabel,oe=s.domValue(),se=s.inputHasValue(),ie=u||s.state.isSortable,ae=function(e,n){var i="file"!==b&&"datepicker"!==b&&"colorpicker"!==b,c="input"===e,p=b;"datepicker"!==p&&"colorpicker"!==p||(p="text");var d,u=t.classNames({resizable:"textarea"===p&&_,"no-store-data":G||Z||Q,"input-invalid":J&&K||r,"input-with-value":se,"input-focused":a});i&&(d=void 0!==E?E:oe);var h={};return"datepicker"!==b&&"colorpicker"!==b&&("value"in l&&(h.value=d),"defaultValue"in l&&(h.defaultValue=S)),o(e,{ref:"inputEl",style:z,class:u,domProps:Object.assign({disabled:B,readOnly:k,multiple:F,required:y},h),on:{focus:s.onFocus,blur:s.onBlur,input:s.onInput,change:s.onChange},attrs:{name:g,type:c?p:void 0,placeholder:C,id:$,size:w,accept:P,autocomplete:O,autocorrect:L,autocapitalize:N,spellcheck:x,autofocus:M,autoSave:T,max:I,maxlength:j,min:A,minlength:R,step:D,pattern:H,validate:"string"==typeof V&&V.length?V:void 0,"data-validate":!0===V||""===V||!0===U||""===U||void 0,"data-validate-on-blur":!0===U||""===U||void 0,tabindex:q,"data-error-message":K?void 0:J}},[n])};m&&(e="select"===b||"textarea"===b||"file"===b?"select"===b?ae("select",s.$slots.default):ae("file"===b?"input":"textarea"):ae("input"));var re=!!J||s.$slots["error-message"]&&s.$slots["error-message"].length,le=o("div",{ref:"itemContentEl",class:t.classNames("item-content item-input",!v&&d,!v&&{disabled:B},!v&&n.colorClasses(l),{"inline-label":te,"item-input-outline":Y,"item-input-focused":a,"item-input-with-info":!!X||s.$slots.info&&s.$slots.info.length,"item-input-with-value":se,"item-input-with-error-message":re&&K||r,"item-input-invalid":re&&K||r})},[this.$slots["content-start"],(h||s.$slots.media)&&o("div",{class:"item-media"},[h&&o("img",{attrs:{src:h}}),this.$slots.media]),o("div",{class:"item-inner"},[this.$slots["inner-start"],(ee||s.$slots.label)&&o("div",{class:t.classNames("item-title item-label",{"item-floating-label":ne})},[ee,this.$slots.label]),o("div",{class:t.classNames("item-input-wrap",{"input-dropdown":"auto"===f?"select"===b:f})},[e,this.$slots.input,re&&K&&o("div",{class:"item-input-error-message"},[J,this.$slots["error-message"]]),W&&o("span",{class:"input-clear-button"}),(X||s.$slots.info)&&o("div",{class:"item-input-info"},[X,this.$slots.info])]),this.$slots.inner,this.$slots["inner-end"]]),this.$slots.content,this.$slots["content-end"]]);return v?o("li",{ref:"el",style:p,class:t.classNames(d,{disabled:B},n.colorClasses(l)),attrs:{id:c}},[this.$slots["root-start"],le,ie&&o("div",{class:"sortable-handler"}),this.$slots.root,this.$slots["root-end"]]):le},watch:{"props.value":function(){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,"onChange onInput onFocus onBlur onTextareaResize onInputNotEmpty onInputEmpty onInputClear".split(" "))},mounted:function(){var e=this,t=e.$refs.el,n=e.$refs.itemContentEl;(t||n)&&(e.$f7ready(function(t){var n=e.props,o=n.validate,s=n.validateOnBlur,i=n.resizable,a=n.value,r=n.defaultValue,l=n.type,c=n.calendarParams,p=n.colorPickerParams,d=e.$refs.inputEl;d&&(d.addEventListener("input:notempty",e.onInputNotEmpty,!1),d.addEventListener("textarea:resize",e.onTextareaResize,!1),d.addEventListener("input:empty",e.onInputEmpty,!1),d.addEventListener("input:clear",e.onInputClear,!1),"datepicker"===l&&(e.f7Calendar=t.calendar.create(Object.assign({inputEl:d,value:a,on:{change:function(t,n){e.dispatchEvent("calendar:change calendarChange",n)}}},c||{}))),"colorpicker"===l&&(e.f7ColorPicker=t.colorPicker.create(Object.assign({inputEl:d,value:a,on:{change:function(t,n){e.dispatchEvent("colorpicker:change colorPickerChange",n)}}},p||{}))),s||""===s||!o&&""!==o||!(null!=a&&""!==a||null!=r&&""!==r)||setTimeout(function(){e.validateInput(d)},0),"textarea"===l&&i&&t.input.resizeTextarea(d))}),e.$listEl=e.$$(t||n).parents(".list, .list-group").eq(0),e.$listEl.length&&e.setState({isSortable:e.$listEl.hasClass("sortable")}))},updated:function(){var e=this.$listEl;if(e&&(!e||0!==e.length)){var t=e.hasClass("sortable");t!==this.state.isSortable&&this.setState({isSortable:t});var n=this.props,o=n.validate,s=n.validateOnBlur,i=n.resizable,a=n.type,r=this.$f7;if(r&&this.updateInputOnDidUpdate){var l=this.$refs.inputEl;if(!l)return;this.updateInputOnDidUpdate=!1,o&&!s&&this.validateInput(l),"textarea"===a&&i&&r.input.resizeTextarea(l)}}},beforeDestroy:function(){var e=this.$refs.inputEl;e&&(e.removeEventListener("input:notempty",this.onInputNotEmpty,!1),e.removeEventListener("textarea:resize",this.onTextareaResize,!1),e.removeEventListener("input:empty",this.onInputEmpty,!1),e.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.value,t=this.domValue();return void 0===e?t||0===t:e||0===e},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(e){var t=this.props,n=t.validate,o=t.validateOnBlur;this.dispatchEvent("input",e),!o&&""!==o&&(n||""===n)&&this.$refs&&this.$refs.inputEl&&this.validateInput(this.$refs.inputEl)},onFocus:function(e){this.dispatchEvent("focus",e),this.setState({inputFocused:!0})},onBlur:function(e){var t=this.props,n=t.validate,o=t.validateOnBlur;this.dispatchEvent("blur",e),(n||""===n||o||""===o)&&this.$refs&&this.$refs.inputEl&&this.validateInput(this.$refs.inputEl),this.setState({inputFocused:!1})},onChange:function(e){this.dispatchEvent("change",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))},setState:function(e,t){m(this,e,t)}},computed:{props:function(){return o(this)}}},W={name:"f7-list-item-cell",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id;return e("div",{style:o.style,class:t.classNames(s,"item-cell",n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return o(this)}}},G={name:"f7-list-item-content",props:Object.assign({id:[String,Number],title:[String,Number],text:[String,Number],media:String,subtitle:[String,Number],header:[String,Number],footer:[String,Number],after:[String,Number],badge:[String,Number],badgeColor:String,mediaList:Boolean,mediaItem:Boolean,checkbox:Boolean,checked:Boolean,defaultChecked:Boolean,radio:Boolean,name:String,value:[String,Number,Array],readonly:Boolean,required:Boolean,disabled:Boolean},n.colorProps),render:function(){var e,o,s,i,a,r,l,c,p,d,u,h,f,m,v=this.$createElement,b=this.props,g=b.id,S=b.className,k=b.style,y=b.radio,B=b.checkbox,C=b.value,$=b.name,w=b.checked,P=(b.defaultChecked,b.readonly),O=b.disabled,L=b.required,N=b.media,x=b.header,M=b.footer,T=b.title,I=b.subtitle,A=b.text,D=b.after,j=b.badge,R=b.mediaList,F=b.mediaItem,z=b.badgeColor,H=[],V=[],U=[],q=[],_=[],W=[],G=[],Z=[],Q=[],J=[],K=[],X=[],Y=[],ee=[],te=[],ne=[],oe=[],se=this.$slots.default,ie=[];(se&&se.length&&se.forEach(function(e){Array.isArray(e)?ie.push.apply(ie,e):ie.push(e)}),ie.forEach(function(e){var t;void 0!==e&&((t=e.data?e.data.slot:void 0)&&"inner"!==t||_.push(e),"content-start"===t&&H.push(e),"content"===t&&V.push(e),"content-end"===t&&U.push(e),"after-start"===t&&G.push(e),"after"===t&&Z.push(e),"after-end"===t&&Q.push(e),"media"===t&&J.push(e),"inner-start"===t&&q.push(e),"inner-end"===t&&W.push(e),"before-title"===t&&K.push(e),"title"===t&&X.push(e),"after-title"===t&&Y.push(e),"subtitle"===t&&ee.push(e),"text"===t&&te.push(e),"header"===t&&ne.push(e),"footer"===t&&oe.push(e))}),(y||B)&&(d=v("input",{ref:"inputEl",domProps:{checked:w,readonly:P,disabled:O,required:L,value:C},on:{change:this.onChange},attrs:{name:$,type:y?"radio":"checkbox"}}),u=v("i",{class:"icon icon-"+(y?"radio":"checkbox")})),N||J.length)&&(N&&(m=v("img",{attrs:{src:N}})),p=v("div",{class:"item-media"},[m,J]));var ae=F||R;return(x||ne.length)&&(h=v("div",{class:"item-header"},[x,ne])),(M||oe.length)&&(f=v("div",{class:"item-footer"},[M,oe])),(T||X.length||!ae&&h||!ae&&f)&&(e=v("div",{class:"item-title"},[!ae&&h,T,X,!ae&&f])),(I||ee.length)&&(l=v("div",{class:"item-subtitle"},[I,ee])),(A||te.length)&&(c=v("div",{class:"item-text"},[A,te])),(D||j||Z.length)&&(D&&(s=v("span",[D])),j&&(i=v(E,{attrs:{color:z}},[j])),o=v("div",{class:"item-after"},[G,s,i,Z,Q])),ae?(r=v("div",{class:"item-title-row"},[K,e,Y,o]),a=v("div",{ref:"innerEl",class:"item-inner"},[q,h,r,l,c,_,f,W])):a=v("div",{ref:"innerEl",class:"item-inner"},[q,K,e,Y,o,_,W]),v(B||y?"label":"div",{ref:"el",style:k,class:t.classNames(S,"item-content",{"item-checkbox":B,"item-radio":y},n.colorClasses(b)),attrs:{id:g}},[H,d,u,p,a,V,U])},created:function(){t.bindMethods(this,"onClick onChange".split(" "))},mounted:function(){var e=this.$refs;e.innerEl;e.el.addEventListener("click",this.onClick)},beforeDestroy:function(){this.$refs.el.removeEventListener("click",this.onClick)},methods:{onClick:function(e){this.dispatchEvent("click",e)},onChange:function(e){this.dispatchEvent("change",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))}},computed:{props:function(){return o(this)}}},Z={name:"f7-list-item-row",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,o=this.props,s=o.className,i=o.id;return e("div",{style:o.style,class:t.classNames(s,"item-row",n.colorClasses(o)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return o(this)}}},Q={name:"f7-list-item",props:Object.assign({id:[String,Number],title:[String,Number],text:[String,Number],media:String,subtitle:[String,Number],header:[String,Number],footer:[String,Number],link:[Boolean,String],target:String,noFastclick:Boolean,noFastClick:Boolean,after:[String,Number],badge:[String,Number],badgeColor:String,mediaItem:Boolean,mediaList:Boolean,divider:Boolean,groupTitle:Boolean,swipeout:Boolean,swipeoutOpened:Boolean,sortable:Boolean,accordionItem:Boolean,accordionItemOpened:Boolean,smartSelect:Boolean,smartSelectParams:Object,noChevron:Boolean,chevronCenter:Boolean,checkbox:Boolean,radio:Boolean,checked:Boolean,defaultChecked:Boolean,name:String,value:[String,Number,Array],readonly:Boolean,required:Boolean,disabled:Boolean,virtualListIndex:Number},n.colorProps,n.linkRouterProps,n.linkActionsProps),data:function(){var e=o(this);return{state:{isMedia:e.mediaItem||e.mediaList,isSortable:e.sortable,isSimple:!1}}},render:function(){var e,o,s=this.$createElement,i=this.props,a=i.id,r=i.style,l=i.className,c=i.title,p=i.text,d=i.media,u=i.subtitle,h=i.header,f=i.footer,m=i.link,v=i.href,b=i.target,g=i.noFastclick,E=i.noFastClick,S=i.after,k=i.badge,y=i.badgeColor,B=i.mediaItem,C=i.mediaList,w=i.divider,P=i.groupTitle,O=i.swipeout,L=i.accordionItem,N=i.accordionItemOpened,x=i.smartSelect,M=i.checkbox,T=i.radio,I=i.checked,A=i.defaultChecked,D=i.name,j=i.value,R=i.readonly,F=i.required,z=i.disabled,H=i.sortable,V=i.noChevron,U=i.chevronCenter,q=i.virtualListIndex,_=B||C||this.state.isMedia,W=H||this.state.isSortable,Z=this.state.isSimple;if(!Z&&(o=s(G,{on:!(m||v||L||x)?{click:this.onClick,change:this.onChange}:void 0,attrs:{title:c,text:p,media:d,subtitle:u,after:S,header:h,footer:f,badge:k,badgeColor:y,mediaList:_,accordionItem:L,checkbox:M,checked:I,defaultChecked:A,radio:T,name:D,value:j,readonly:R,required:F,disabled:z}},[this.$slots["content-start"],this.$slots.content,this.$slots["content-end"],this.$slots.media,this.$slots["inner-start"],this.$slots.inner,this.$slots["inner-end"],this.$slots["after-start"],this.$slots.after,this.$slots["after-end"],this.$slots.header,this.$slots.footer,this.$slots["before-title"],this.$slots.title,this.$slots["after-title"],this.$slots.subtitle,this.$slots.text,O||L?null:this.$slots.default]),m||v||L||x)){var Q=t.extend({href:!0===m||L||x?"#":m||v,target:b},n.linkRouterAttrs(i),n.linkActionsAttrs(i)),J=t.classNames({"item-link":!0,"no-fastclick":g||E,"smart-select":x},n.linkRouterClasses(i),n.linkActionsClasses(i));e=s("a",$(Object.assign({ref:"linkEl",class:J},Q)),[o])}var K=t.classNames(l,{"item-divider":w,"list-group-title":P,"media-item":_,swipeout:O,"accordion-item":L,"accordion-item-opened":N,disabled:z&&!(T||M),"no-chevron":V,"chevron-center":U},n.colorClasses(i));if(w||P)return s("li",{ref:"el",style:r,class:K,attrs:{id:a,"data-virtual-list-index":q}},[s("span",[this.$slots.default||[c]])]);if(Z)return s("li",{ref:"el",style:r,class:K,attrs:{id:a,"data-virtual-list-index":q}},[c,this.$slots.default]);var X=m||v||x||L?e:o;return s("li",{ref:"el",style:r,class:K,attrs:{id:a,"data-virtual-list-index":q}},[this.$slots["root-start"],O?s("div",{class:"swipeout-content"},[X]):X,W&&s("div",{class:"sortable-handler"}),(O||L)&&this.$slots.default,this.$slots.root,this.$slots["root-end"]])},watch:{"props.swipeoutOpened":function(e){if(this.props.swipeout){var t=this.$refs.el;e?this.$f7.swipeout.open(t):this.$f7.swipeout.close(t)}}},created:function(){t.bindMethods(this,["onClick","onChange","onSwipeoutOpen","onSwipeoutOpened","onSwipeoutClose","onSwipeoutClosed","onSwipeoutDelete","onSwipeoutDeleted","onSwipeoutOverswipeEnter","onSwipeoutOverswipeExit","onSwipeout","onAccBeforeOpen","onAccOpen","onAccOpened","onAccBeforeClose","onAccClose","onAccClosed"])},mounted:function(){var e=this,n=e.$refs,o=n.el,s=n.linkEl;if(o){var i=e.props,a=i.link,r=i.href,l=i.smartSelect,c=i.swipeout,p=i.swipeoutOpened,d=i.accordionItem,u=i.smartSelectParams,h=i.routeProps;!!(a||r||d||l)&&s&&s.addEventListener("click",e.onClick),s&&h&&(s.f7RouteProps=h),e.$listEl=e.$$(o).parents(".list, .list-group").eq(0),e.$listEl.length&&e.setState({isMedia:e.$listEl.hasClass("media-list"),isSimple:e.$listEl.hasClass("simple-list"),isSortable:e.$listEl.hasClass("sortable")}),c&&(o.addEventListener("swipeout:open",e.onSwipeoutOpen),o.addEventListener("swipeout:opened",e.onSwipeoutOpened),o.addEventListener("swipeout:close",e.onSwipeoutClose),o.addEventListener("swipeout:closed",e.onSwipeoutClosed),o.addEventListener("swipeout:delete",e.onSwipeoutDelete),o.addEventListener("swipeout:deleted",e.onSwipeoutDeleted),o.addEventListener("swipeout:overswipeenter",e.onSwipeoutOverswipeEnter),o.addEventListener("swipeout:overswipeexit",e.onSwipeoutOverswipeExit),o.addEventListener("swipeout",e.onSwipeout)),d&&(o.addEventListener("accordion:beforeopen",e.onAccBeforeOpen),o.addEventListener("accordion:open",e.onAccOpen),o.addEventListener("accordion:opened",e.onAccOpened),o.addEventListener("accordion:beforeclose",e.onAccBeforeClose),o.addEventListener("accordion:close",e.onAccClose),o.addEventListener("accordion:closed",e.onAccClosed)),e.$f7ready(function(n){if(l){var s=t.extend({el:o.querySelector("a.smart-select")},u||{});e.f7SmartSelect=n.smartSelect.create(s)}p&&n.swipeout.open(o)})}},updated:function(){var e=this.$listEl,t=this.$refs.linkEl,n=this.props.routeProps;if(t&&n&&(t.f7RouteProps=n),e&&(!e||0!==e.length)){var o=e.hasClass("media-list"),s=e.hasClass("simple-list"),i=e.hasClass("sortable");o!==this.state.isMedia&&this.setState({isMedia:o}),s!==this.state.isSimple&&this.setState({isSimple:s}),i!==this.state.isSortable&&this.setState({isSortable:i})}},beforeDestroy:function(){var e=this.$refs,t=e.el,n=e.linkEl,o=this.props,s=o.link,i=o.href,a=o.smartSelect,r=o.swipeout,l=o.accordionItem;n&&(!(s||i||l||a)||n.removeEventListener("click",this.onClick),delete n.f7RouteProps),t&&(r&&(t.removeEventListener("swipeout:open",this.onSwipeoutOpen),t.removeEventListener("swipeout:opened",this.onSwipeoutOpened),t.removeEventListener("swipeout:close",this.onSwipeoutClose),t.removeEventListener("swipeout:closed",this.onSwipeoutClosed),t.removeEventListener("swipeout:delete",this.onSwipeoutDelete),t.removeEventListener("swipeout:deleted",this.onSwipeoutDeleted),t.removeEventListener("swipeout:overswipeenter",this.onSwipeoutOverswipeEnter),t.removeEventListener("swipeout:overswipeexit",this.onSwipeoutOverswipeExit),t.removeEventListener("swipeout",this.onSwipeout)),l&&(t.removeEventListener("accordion:beforeopen",this.onAccBeforeOpen),t.removeEventListener("accordion:open",this.onAccOpen),t.removeEventListener("accordion:opened",this.onAccOpened),t.removeEventListener("accordion:beforeclose",this.onAccBeforeClose),t.removeEventListener("accordion:close",this.onAccClose),t.removeEventListener("accordion:closed",this.onAccClosed))),a&&this.f7SmartSelect&&this.f7SmartSelect.destroy()},methods:{onClick:function(e){"input"!==e.target.tagName.toLowerCase()&&this.dispatchEvent("click",e)},onSwipeoutOverswipeEnter:function(e){this.dispatchEvent("swipeout:overswipeenter swipeoutOverswipeEnter",e)},onSwipeoutOverswipeExit:function(e){this.dispatchEvent("swipeout:overswipeexit swipeoutOverswipeExit",e)},onSwipeoutDeleted:function(e){this.dispatchEvent("swipeout:deleted swipeoutDeleted",e)},onSwipeoutDelete:function(e){this.dispatchEvent("swipeout:delete swipeoutDelete",e)},onSwipeoutClose:function(e){this.dispatchEvent("swipeout:close swipeoutClose",e)},onSwipeoutClosed:function(e){this.dispatchEvent("swipeout:closed swipeoutClosed",e)},onSwipeoutOpen:function(e){this.dispatchEvent("swipeout:open swipeoutOpen",e)},onSwipeoutOpened:function(e){this.dispatchEvent("swipeout:opened swipeoutOpened",e)},onSwipeout:function(e){this.dispatchEvent("swipeout",e)},onAccBeforeClose:function(e){this.dispatchEvent("accordion:beforeclose accordionBeforeClose",e,e.detail.prevent)},onAccClose:function(e){this.dispatchEvent("accordion:close accordionClose",e)},onAccClosed:function(e){this.dispatchEvent("accordion:closed accordionClosed",e)},onAccBeforeOpen:function(e){this.dispatchEvent("accordion:beforeopen accordionBeforeOpen",e,e.detail.prevent)},onAccOpen:function(e){this.dispatchEvent("accordion:open accordionOpen",e)},onAccOpened:function(e){this.dispatchEvent("accordion:opened accordionOpened",e)},onChange:function(e){this.dispatchEvent("change",e)},onInput:function(e){this.dispatchEvent("input",e)},dispatchEvent:function(e){for(var t=[],n=arguments.length-1;n-- >0;)t[n]=arguments[n+1];i.apply(void 0,[this,e].concat(t))},setState:function(e,t){m(this,e,t)}},computed:{props:function(){return o(this)}}},J={name:"f7-list",props:Object.assign({id:[String,Number],inset:Boolean,tabletInset:Boolean,mediaList:Boolean,sortable:Boolean,sortableEnabled:Boolean,accordionList:Boolean,contactsList:Boolean,simpleList:Boolean,linksList:Boolean,noHairlines:Boolean,noHairlinesBetween:Boolean,noHairlinesMd:Boolean,noHairlinesBetweenMd:Boolean,noHairlinesIos:Boolean,noHairlinesBetweenIos:Boolean,noHairlinesAurora:Boolean,noHairlinesBetweenAurora:Boolean,noChevron:Boolean,chevronCenter:Boolean,tab:Boolean,tabActive:Boolean,form:Boolean,formStoreData:Boolean,inlineLabels:Boolean,virtualList:Boolean,virtualListParams:Object},n.colorProps),render:function(){var e=this.$createElement,n=this.props,o=n.id,s=n.style,i=n.form,a=this.$slots,r=a.list,l=a.default,c=[],p=[],d=r||[],u=t.flattenArray(l),h=!1;u.forEach(function(e){var t;void 0!==e&&((t=e.tag)&&!("li"===t||"F7ListItem"===t||"F7ListButton"===t||"F7ListInput"===t||t.indexOf("list-item")>=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)?h?p.push(e):c.push(e):t&&(h=!0,d.push(e)))});var f=i?"form":"div";return d.length>0?e(f,{ref:"el",style:s,class:this.classes,attrs:{id:o}},[this.$slots["before-list"],c,e("ul",[d]),this.$slots["after-list"],p]):e(f,{ref:"el",style:s,class:this.classes,attrs:{id:o}},[this.$slots["before-list"],c,this.$slots["after-list"],p])},computed:{classes:function(){var e=this.props,o=e.inset,s=e.tabletInset,i=e.mediaList,a=e.simpleList,r=e.linksList,l=e.sortable,c=e.accordionList,p=e.contactsList,d=e.virtualList,u=e.sortableEnabled,h=e.tab,f=e.tabActive,m=e.noHairlines,v=e.noHairlinesIos,b=e.noHairlinesMd,g=e.noHairlinesAurora,E=e.noHairlinesBetween,S=e.noHairlinesBetweenIos,k=e.noHairlinesBetweenMd,y=e.noHairlinesBetweenAurora,B=e.formStoreData,C=e.inlineLabels,$=e.className,w=e.noChevron,P=e.chevronCenter;return t.classNames($,"list",{inset:o,"tablet-inset":s,"media-list":i,"simple-list":a,"links-list":r,sortable:l,"accordion-list":c,"contacts-list":p,"virtual-list":d,"sortable-enabled":u,tab:h,"tab-active":f,"no-hairlines":m,"no-hairlines-between":E,"no-hairlines-md":b,"no-hairlines-between-md":k,"no-hairlines-ios":v,"no-hairlines-between-ios":S,"no-hairlines-aurora":g,"no-hairlines-between-aurora":y,"form-store-data":B,"inline-labels":C,"no-chevron":w,"chevron-center":P},n.colorClasses(e))},props:function(){return o(this)}},created:function(){t.bindMethods(this,["onSortableEnable","onSortableDisable","onSortableSort","onTabShow","onTabHide","onSubmit"])},mounted:function(){var e=this,n=e.$refs.el,o=e.props,s=o.virtualList,i=o.virtualListParams,a=o.form;n&&(n.addEventListener("sortable:enable",e.onSortableEnable),n.addEventListener("sortable:disable",e.onSortableDisable),n.addEventListener("sortable:sort",e.onSortableSort),n.addEventListener("tab:show",e.onTabShow),n.addEventListener("tab:hide",e.onTabHide),a&&n.addEventListener("submit",e.onSubmit)),s&&e.$f7ready(function(o){var s=(0,e.$$)(n).find("script"),a=s.html();!a&&s.length>0&&(a=s[0].outerHTML,a=/\