framework7-vue/framework7-vue.min.js

Build full featured iOS & Android apps using Framework7 & Vue

/**
 * Framework7 Vue 4.0.0-beta.18
 * 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: January 12, 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=[],s=arguments.length;s--;)n[s]=arguments[s];var o,i,a=!0;"boolean"==typeof n[0]?(a=(e=n)[0],o=e[1],n.splice(0,2),i=n):(o=n[0],n.splice(0,1),i=n);for(var r=0;r<i.length;r+=1){var l=n[r];if(null!=l)for(var c=Object.keys(Object(l)),p=0,d=c.length;p<d;p+=1){var u=c[p],h=Object.getOwnPropertyDescriptor(l,u);void 0!==h&&h.enumerable&&(a?t.isObject(o[u])&&t.isObject(l[u])?t.extend(o[u],l[u]):!t.isObject(o[u])&&t.isObject(l[u])?(o[u]={},t.extend(o[u],l[u])):o[u]=l[u]:o[u]=l[u])}}return o},flattenArray:function(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];var s=[];return e.forEach(function(e){Array.isArray(e)?s.push.apply(s,t.flattenArray.apply(t,e)):s.push(e)}),s},classNames:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=[];e.forEach(function(e){"object"==typeof e&&e.constructor===Object?Object.keys(e).forEach(function(t){e[t]&&n.push(t)}):e&&n.push(e)});var s=[];return n.forEach(function(e){s.indexOf(e)<0&&s.push(e)}),s.join(" ")},bindMethods:function(e,t){void 0===t&&(t=[]);for(var n=0;n<t.length;n+=1)e[t[n]]&&(e[t[n]]=e[t[n]].bind(e))}},n={colorProps:{color:String,colorTheme:String,textColor:String,bgColor:String,borderColor:String,rippleColor:String,themeDark:Boolean},colorClasses:function(e){var t,n=e.color,s=e.colorTheme,o=e.textColor,i=e.bgColor,a=e.borderColor,r=e.rippleColor;return(t={"theme-dark":e.themeDark})["color-"+n]=n,t["color-theme-"+s]=s,t["text-color-"+o]=o,t["bg-color-"+i]=i,t["border-color-"+a]=a,t["ripple-color-"+r]=r,t},linkIconProps:{icon:String,iconMaterial:String,iconIon:String,iconFa:String,iconF7:String,iconIfMd:String,iconIfIos:String,iconIos:String,iconMd:String,iconColor:String,iconSize:[String,Number]},linkRouterProps:{back:Boolean,external:Boolean,force:Boolean,animate:{type:Boolean,default:void 0},ignoreCache:Boolean,reloadCurrent:Boolean,reloadAll:Boolean,reloadPrevious:Boolean,routeTabId:String,view:String,routeProps:Object},linkRouterAttrs:function(e){var n,s=e.force,o=e.reloadCurrent,i=e.reloadPrevious,a=e.reloadAll,r=e.animate,l=e.ignoreCache,c=e.routeTabId,p=e.view;return"animate"in e&&void 0!==r&&(n=r.toString()),{"data-force":s||void 0,"data-reload-current":o||void 0,"data-reload-all":a||void 0,"data-reload-previous":i||void 0,"data-animate":n,"data-ignore-cache":l||void 0,"data-route-tab-id":c||void 0,"data-view":t.isStringProp(p)?p:void 0}},linkRouterClasses:function(e){var t=e.back,n=e.linkBack;return{back:t||n,external:e.external}},linkActionsProps:{searchbarEnable:[Boolean,String],searchbarDisable:[Boolean,String],searchbarClear:[Boolean,String],searchbarToggle:[Boolean,String],panelOpen:[Boolean,String],panelClose:[Boolean,String],popupOpen:[Boolean,String],popupClose:[Boolean,String],actionsOpen:[Boolean,String],actionsClose:[Boolean,String],popoverOpen:[Boolean,String],popoverClose:[Boolean,String],loginScreenOpen:[Boolean,String],loginScreenClose:[Boolean,String],sheetOpen:[Boolean,String],sheetClose:[Boolean,String],sortableEnable:[Boolean,String],sortableDisable:[Boolean,String],sortableToggle:[Boolean,String],cardOpen:[Boolean,String],cardClose:[Boolean,String],menuClose:{type:[Boolean,String],default:void 0}},linkActionsAttrs:function(e){var n=e.searchbarEnable,s=e.searchbarDisable,o=e.searchbarClear,i=e.searchbarToggle,a=e.panelOpen,r=e.panelClose,l=e.popupOpen,c=e.popupClose,p=e.actionsOpen,d=e.actionsClose,u=e.popoverOpen,h=e.popoverClose,f=e.loginScreenOpen,m=e.loginScreenClose,v=e.sheetOpen,b=e.sheetClose,g=e.sortableEnable,E=e.sortableDisable,y=e.sortableToggle,S=e.cardOpen,k=e.cardClose;return{"data-searchbar":t.isStringProp(n)&&n||t.isStringProp(s)&&s||t.isStringProp(o)&&o||t.isStringProp(i)&&i||void 0,"data-panel":t.isStringProp(a)&&a||t.isStringProp(r)&&r||void 0,"data-popup":t.isStringProp(l)&&l||t.isStringProp(c)&&c||void 0,"data-actions":t.isStringProp(p)&&p||t.isStringProp(d)&&d||void 0,"data-popover":t.isStringProp(u)&&u||t.isStringProp(h)&&h||void 0,"data-sheet":t.isStringProp(v)&&v||t.isStringProp(b)&&b||void 0,"data-login-screen":t.isStringProp(f)&&f||t.isStringProp(m)&&m||void 0,"data-sortable":t.isStringProp(g)&&g||t.isStringProp(E)&&E||t.isStringProp(y)&&y||void 0,"data-card":t.isStringProp(S)&&S||t.isStringProp(k)&&k||void 0}},linkActionsClasses:function(e){var t=e.searchbarEnable,n=e.searchbarDisable,s=e.searchbarClear,o=e.searchbarToggle,i=e.panelOpen,a=e.panelClose,r=e.popupOpen,l=e.popupClose,c=e.actionsClose,p=e.actionsOpen,d=e.popoverOpen,u=e.popoverClose,h=e.loginScreenOpen,f=e.loginScreenClose,m=e.sheetOpen,v=e.sheetClose,b=e.sortableEnable,g=e.sortableDisable,E=e.sortableToggle,y=e.cardOpen,S=e.cardClose,k=e.menuClose;return{"searchbar-enable":t||""===t,"searchbar-disable":n||""===n,"searchbar-clear":s||""===s,"searchbar-toggle":o||""===o,"panel-close":a||""===a,"panel-open":i||""===i,"popup-close":l||""===l,"popup-open":r||""===r,"actions-close":c||""===c,"actions-open":p||""===p,"popover-close":u||""===u,"popover-open":d||""===d,"sheet-close":v||""===v,"sheet-open":m||""===m,"login-screen-close":f||""===f,"login-screen-open":h||""===h,"sortable-enable":b||""===b,"sortable-disable":g||""===g,"sortable-toggle":E||""===E,"card-close":S||""===S,"card-open":y||""===y,"menu-close":k||""===k}}};function s(e){var t={},n=e.$props;Object.keys(n).forEach(function(e){void 0!==n[e]&&(t[e]=n[e])});var s=[];return Object.keys(e.$slots).forEach(function(t){s.push.apply(s,e.$slots[t])}),t.children=s,t}var o={props:Object.assign({id:[String,Number]},n.colorProps),name:"f7-accordion-content",render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id;return e("div",{style:s.style,class:t.classNames(o,"accordion-item-content",n.colorClasses(s)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return s(this)}}};function i(e,t){for(var n=[],s=arguments.length-2;s-- >0;)n[s]=arguments[s+2];var o=e;t.split(" ").forEach(function(e){o.$emit.apply(o,[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,s=this.props,o=s.className,i=s.id,a=s.style,r=s.opened;return e("div",{style:a,class:t.classNames(o,"accordion-item",{"accordion-item-opened":r},n.colorClasses(s)),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 s(this)}}},r={props:Object.assign({id:[String,Number]},n.colorProps),name:"f7-accordion-toggle",render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id;return e("div",{style:s.style,class:t.classNames(o,"accordion-item-toggle",n.colorClasses(s)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return s(this)}}},l={props:Object.assign({id:[String,Number]},n.colorProps),name:"f7-accordion",render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id;return e("div",{style:s.style,class:t.classNames(o,"accordion-list",n.colorClasses(s)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return s(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,s=this.$createElement,o=this.props,i=o.id,a=o.className,r=o.style,l=o.bold;return this.$slots.media&&this.$slots.media.length&&(e=s("div",{class:"actions-button-media"},[this.$slots.media])),s("div",{style:r,class:t.classNames(a,{"actions-button":!0,"actions-button-bold":l},n.colorClasses(o)),ref:"el",attrs:{id:i}},[e,s("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 s(this)}}},p={name:"f7-actions-group",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id;return e("div",{style:s.style,class:t.classNames(o,"actions-group",n.colorClasses(s)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return s(this)}}},d={name:"f7-actions-label",props:Object.assign({id:[String,Number],bold:Boolean},n.colorProps),render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id,a=s.style,r=s.bold;return e("div",{style:a,class:t.classNames(o,"actions-label",{"actions-button-bold":r},n.colorClasses(s)),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 s(this)}}},u={name:"f7-actions",props:Object.assign({id:[String,Number],opened:Boolean,grid:Boolean,convertToPopover:Boolean,forceToPopover:Boolean,target:[String,Object],closeByBackdropClick:Boolean,closeByOutsideClick:Boolean},n.colorProps),render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id,a=s.style,r=s.grid;return e("div",{style:a,ref:"el",class:t.classNames(o,"actions-modal",{"actions-grid":r},n.colorClasses(s)),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,s=n.grid,o=n.target,i=n.convertToPopover,a=n.forceToPopover,r=n.opened,l=n.closeByBackdropClick,c=n.closeByOutsideClick,p={el:e.$refs.el,grid:s};o&&(p.targetEl=o),void 0!==e.$options.propsData.convertToPopover&&(p.convertToPopover=i),void 0!==e.$options.propsData.forceToPopover&&(p.forceToPopover=a),void 0!==e.$options.propsData.closeByBackdropClick&&(p.closeByBackdropClick=l),void 0!==e.$options.propsData.closeByOutsideClick&&(p.closeByOutsideClick=c),e.$f7ready(function(){e.f7Actions=e.$f7.actions.create(p),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 s(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,s){n===t&&h.listeners[e].splice(s,1)}))})},once:function(e,t){"function"==typeof t&&h.on(e,function n(){for(var s=[],o=arguments.length;o--;)s[o]=arguments[o];t.apply(void 0,s),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,s){void 0===n&&(n={});var o=t.extend({},n,{root:e});s&&s.length&&!o.routes&&(o.routes=s),f.instance=new f.Framework7(o),f.instance.initialized?h.emit("ready",f.instance):f.instance.on("init",function(){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 s,o=e;s="function"==typeof t?t(o.state,o.props):t,Object.keys(s).forEach(function(e){o.$set(o.state,e,s[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(){s(this);return{state:{modals:[]}}},render:function(){var e=this.$createElement,s=this.props,o=s.id,i=s.style,a=s.className;return e("div",{ref:"el",style:i,class:t.classNames(a,"framework7-root",n.colorClasses(s)),attrs:{id:o||"framework7-root"}},[this.$slots.default,e(v)])},mounted:function(){var e=this.props,t=e.params;void 0===t&&(t={});var n=e.routes,s=this.$refs.el,o=s.parentNode;o&&o!==document.body&&o.parentNode===document.body&&(o.style.height="100%"),f.init(s,t,n)},computed:{props:function(){return s(this)}}},g={name:"f7-badge",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id;return e("span",{style:s.style,class:t.classNames(o,"badge",n.colorClasses(s)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return s(this)}}},E={name:"f7-block-footer",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id;return e("div",{style:s.style,class:t.classNames(o,"block-footer",n.colorClasses(s)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return s(this)}}},y={name:"f7-block-header",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id;return e("div",{style:s.style,class:t.classNames(o,"block-header",n.colorClasses(s)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return s(this)}}},S={name:"f7-block-title",props:Object.assign({id:[String,Number],large:Boolean,medium:Boolean},n.colorProps),render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id,a=s.style,r=s.large,l=s.medium;return e("div",{style:a,class:t.classNames(o,"block-title",{"block-title-large":r,"block-title-medium":l},n.colorClasses(s)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return s(this)}}},k={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},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,s=this.props,o=s.className,i=s.inset,a=s.strong,r=s.accordionList,l=s.tabletInset,c=s.tabs,p=s.tab,d=s.tabActive,u=s.noHairlines,h=s.noHairlinesIos,f=s.noHairlinesMd,m=s.id;return e("div",{style:s.style,class:t.classNames(o,"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},n.colorClasses(s)),ref:"el",attrs:{id:m}},[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 s(this)}}},B={name:"f7-icon",props:Object.assign({id:[String,Number],material:String,f7:String,ion:String,fa:String,icon:String,ifMd:String,ifIos:String,ios:String,md:String,tooltip:String,size:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,n=this.props,s=n.id,o=n.style;return e("i",{ref:"el",style:t.extend({fontSize:this.sizeComputed},o),class:this.classes,attrs:{id:s}},[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(s){e.f7Tooltip=s.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,s=e.ifMd,o=e.ifIos,i=e.md,a=e.ios,r=t||n,l=s||i,c=o||a;return l&&this.$theme.md&&(l.indexOf("material:")>=0||l.indexOf("f7:")>=0)?r=l.split(":")[1]:c&&this.$theme.ios&&(c.indexOf("material:")>=0||c.indexOf("f7:")>=0)&&(r=c.split(":")[1]),r},classes:function(){var e={icon:!0},s=this.props,o=s.ifMd,i=s.ifIos,a=s.material,r=s.f7,l=s.fa,c=s.ion,p=s.icon,d=s.md,u=s.ios,h=s.className,f=o||d,m=i||u;if(f||m){var v=(this.$theme.md?f:m).split(":"),b=v[0],g=v[1];"material"!==b&&"fa"!==b&&"f7"!==b||(e.fa="fa"===b,e["material-icons"]="material"===b,e["f7-icons"]="f7"===b),"fa"!==b&&"ion"!==b||(e[b+"-"+g]=!0),"icon"===b&&(e[g]=!0)}else e={icon:!0,"material-icons":a,"f7-icons":r,fa:l},c&&(e["ion-"+c]=!0),l&&(e["fa-"+l]=!0),p&&(e[p]=!0);return t.classNames(h,e,n.colorClasses(s))},props:function(){return s(this)}}};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(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 s=n.replace(/(^on?)([A-Z])/,function(e,t,n){return n.toLowerCase()});return e.on[s]=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 $={name:"f7-button",props:Object.assign({id:[String,Number],noFastclick:Boolean,noFastClick:Boolean,text:String,tabLink:[Boolean,String],tabLinkActive:Boolean,href:{type:[String,Boolean],default:"#"},target:String,round:Boolean,roundMd:Boolean,roundIos:Boolean,fill:Boolean,fillMd:Boolean,fillIos:Boolean,large:Boolean,largeMd:Boolean,largeIos:Boolean,small:Boolean,smallMd:Boolean,smallIos:Boolean,raised:Boolean,raisedMd:Boolean,raisedIos:Boolean,outline:Boolean,outlineMd:Boolean,outlineIos:Boolean,active:Boolean,disabled:Boolean,tooltip:String},n.colorProps,n.linkIconProps,n.linkRouterProps,n.linkActionsProps),render:function(){var e,t,n=this.$createElement,s=this.props,o=s.text,i=s.icon,a=s.iconMaterial,r=s.iconIon,l=s.iconFa,c=s.iconF7,p=s.iconIfMd,d=s.iconIfIos,u=s.iconMd,h=s.iconIos,f=s.iconColor,m=s.iconSize,v=s.id,b=s.style;o&&(t=n("span",[o]));var g=p||u,E=d||h;return(i||a||r||l||c||g||E)&&(e=n(B,{attrs:{material:a,ion:r,fa:l,f7:c,icon:i,md:g,ios:E,color:f,size:m}})),n("a",C(Object.assign({ref:"el",style:b,class:this.classes},this.attrs,{attrs:{id:v}})),[e,t,this.$slots.default])},computed:{attrs:function(){var e=this.props,s=e.href,o=e.target,i=e.tabLink,a=s;return!0===s&&(a="#"),!1===s&&(a=void 0),t.extend({href:a,target:o,"data-tab":t.isStringProp(i)&&i||void 0},n.linkRouterAttrs(e),n.linkActionsAttrs(e))},classes:function(){var e=this.props,s=e.noFastclick,o=e.noFastClick,i=e.tabLink,a=e.tabLinkActive,r=e.round,l=e.roundIos,c=e.roundMd,p=e.fill,d=e.fillIos,u=e.fillMd,h=e.large,f=e.largeIos,m=e.largeMd,v=e.small,b=e.smallIos,g=e.smallMd,E=e.raised,y=e.raisedIos,S=e.raisedMd,k=e.active,B=e.outline,C=e.outlineIos,$=e.outlineMd,w=e.disabled,O=e.className;return t.classNames(O,"button",{"tab-link":i||""===i,"tab-link-active":a,"no-fastclick":s||o,"button-round":r,"button-round-ios":l,"button-round-md":c,"button-fill":p,"button-fill-ios":d,"button-fill-md":u,"button-large":h,"button-large-ios":f,"button-large-md":m,"button-small":v,"button-small-ios":b,"button-small-md":g,"button-raised":E,"button-raised-ios":y,"button-raised-md":S,"button-active":k,"button-outline":B,"button-outline-ios":C,"button-outline-md":$,disabled:w},n.colorClasses(e),n.linkRouterClasses(e),n.linkActionsClasses(e))},props:function(){return s(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,s=n.tooltip,o=n.routeProps;o&&(t.f7RouteProps=o),s&&e.$f7ready(function(n){e.f7Tooltip=n.tooltip.create({targetEl:t,text:s})})},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)}},w={name:"f7-card-content",props:Object.assign({id:[String,Number],padding:{type:Boolean,default:!0}},n.colorProps),render:function(){var e=this.$createElement,s=this.props,o=s.id,i=s.className,a=s.style,r=s.padding;return e("div",{style:a,class:t.classNames(i,"card-content",{"card-content-padding":r},n.colorClasses(s)),attrs:{id:o}},[this.$slots.default])},computed:{props:function(){return s(this)}}},O={name:"f7-card-footer",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id;return e("div",{style:s.style,class:t.classNames(o,"card-footer",n.colorClasses(s)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return s(this)}}},L={name:"f7-card-header",props:Object.assign({id:[String,Number]},n.colorProps),render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id;return e("div",{style:s.style,class:t.classNames(o,"card-header",n.colorClasses(s)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return s(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){opened?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,s,o,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)&&(s=i(w,{attrs:{padding:h}},[d,this.$slots.content])),(u||this.$slots&&this.$slots.footer)&&(o=i(O,[u,this.$slots.footer])),i("div",{style:c,class:E,ref:"el",attrs:{id:l}},[e,s,o,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.target,e.detail.prevent)},onOpen:function(e){this.dispatchEvent("cardOpen card:open",e.target)},onOpened:function(e){this.dispatchEvent("cardOpened card:opened",e.target)},onClose:function(e){this.dispatchEvent("cardClose card:close",e.target)},onClosed:function(e){this.dispatchEvent("cardClosed card:closed",e.target)},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 s(this)}}},P={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,s=n.name,o=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:o,disabled:i,readonly:a,checked:r},on:{change:this.onChange},attrs:{type:"checkbox",name:s}});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,s=e.className,o=e.disabled;return t.classNames(s,{checkbox:!0,disabled:o},n.colorClasses(e))},props:function(){return s(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))}}},x={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,s,o,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)&&(s=i("div",{class:"chip-label"},[l,this.$slots.text])),c&&(o=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,s,o])},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 s(this)}}},M={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,s=this.$createElement,o=this.props,i=o.className,a=o.id,r=o.style,l=o.tag,c=o.width,p=o.tabletWidth,d=o.desktopWidth;return s(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(o)),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 s(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,s=this.$createElement,o=this.props,i=o.className,a=o.id,r=o.style,l=o.fabClose,c=o.label,p=o.target,d=t.classNames(i,{"fab-close":l,"fab-label-button":c},n.colorClasses(o));return c&&(e=s("span",{class:"fab-label"},[c])),s("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 s(this)}}},T={name:"f7-fab-buttons",props:Object.assign({id:[String,Number],position:{type:String,default:"top"}},n.colorProps),render:function(){var e=this.$createElement,s=this.props,o=s.className,i=s.id,a=s.style,r=s.position;return e("div",{style:a,class:t.classNames(o,"fab-buttons","fab-buttons-"+r,n.colorClasses(s)),attrs:{id:i}},[this.$slots.default])},computed:{props:function(){return s(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,s=this.props,o=s.className,i=s.id,a=s.style,r=s.morphTo,l=s.href,c=s.position,p=s.text,d=s.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,y=b.root,S=b.text;if(E)for(var k=0;k<E.length;k+=1){var B=E[k],C=void 0;B.tag&&B.tag.indexOf("fab-buttons")>=0&&(C=!0),C?v.push(B):m.push(B)}return(p||S&&S.length)&&(h=e("div",{class:"fab-text"},[p||S])),(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(o,"fab","fab-"+c,{"fab-morph":r,"fab-extended":void 0!==h},n.colorClasses(s)),attrs:{id:i,"data-morph-to":r}},[f,v,y])},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 s(this)}}},A={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,s=n.className,o=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,y=n.labelFontWeight,S=t.classNames(s,"gauge"),k="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:S,attrs:{id:o}},[e("svg",{class:"gauge-svg",attrs:{width:l+"px",height:(k?l/2:l)+"px",viewBox:"0 0 "+l+" "+(k?l/2:l)}},[k&&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"}}),k&&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"}}),!k&&p&&e("circle",{class:"gauge-back-circle",attrs:{stroke:p,"stroke-width":u,fill:c||"none",cx:l/2,cy:l/2,r:B}}),!k&&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:k?"100%":"50%","font-weight":v,"font-size":m,fill:f,dy:k?b?-E-15:-5:0,"text-anchor":"middle","dominant-baseline":k?null:"middle"}},[h]),b&&e("text",{class:"gauge-label-text",attrs:{x:"50%",y:k?"100%":"50%","font-weight":y,"font-size":E,fill:g,dy:k?-5:h?m/2+10:0,"text-anchor":"middle","dominant-baseline":k?null:"middle"}},[b])])])},computed:{props:function(){return s(this)}}},j={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,s=this.$createElement,o=this.props,i=o.className,a=o.disabled,r=o.id,l=o.style,c=o.name,p=o.readonly,d=o.checked,u=(o.defaultChecked,o.value),h=t.classNames("toggle",i,{disabled:a},n.colorClasses(o));return e=s("input",{ref:"inputEl",domProps:{disabled:a,readOnly:p,value:u,checked:d},on:{change:this.onChange},attrs:{type:"checkbox",name:c}}),s("label",{ref:"el",style:l,class:h,attrs:{id:r}},[e,s("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 s(this)}}},R={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,s=this.props,o=this.props,i=o.id,a=o.disabled,r=o.className,l=o.style,c=o.input,p=o.inputId,d=o.name,u=o.vertical,h=o.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(s)),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 s=e.props,o=s.value,i=s.min,a=s.max,r=s.step,l=s.label,c=s.dual,p=s.draggableBar,d=s.vertical,u=s.verticalReversed,h=s.formatLabel,f=s.scale,m=s.scaleSteps,v=s.scaleSubSteps,b=s.formatScaleLabel;e.f7Range=n.range.create(t.noUndefinedProps({el:e.$refs.el,value:o,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 s(this)}}},F={name:"f7-input",props:Object.assign({type:String,name:String,value:[String,Number,Array],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,wrap:{type:Boolean,default:!0},dropdown:{type:[String,Boolean],default:"auto"}},n.colorProps),data:function(){s(this);return{state:{inputFocused:!1,inputInvalid:!1}}},render:function(){var e,s=this.$createElement,o=this,i=o.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,y=i.autosave,S=i.checked,k=i.disabled,B=i.max,C=i.min,$=i.step,w=i.maxlength,O=i.minlength,L=i.multiple,N=i.readonly,P=i.required,x=i.inputStyle,M=i.pattern,I=i.validate,T=i.validateOnBlur,D=i.tabindex,A=i.resizable,F=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=o.domValue(),K=o.inputHasValue(),X=function(e,n){var d,j="file"!==a,R="input"===e,F=t.classNames(!U&&W,{resizable:"textarea"===a&&A,"no-store-data":Z||G||Q,"input-invalid":z&&H||o.state.inputInvalid,"input-with-value":K,"input-focused":o.state.inputFocused});j&&(d=void 0!==l?l:J);var V={};return"value"in i&&(V.value=d),"defaultValue"in i&&(V.defaultValue=c),s(e,{ref:"inputEl",style:x,class:F,domProps:Object.assign({checked:S,disabled:k,readOnly:N,multiple:L,required:P},V),on:{focus:o.onFocus,blur:o.onBlur,input:o.onInput,change:o.onChange},attrs:{name:r,type:R?a:void 0,placeholder:p,id:u,size:h,accept:f,autocomplete:m,autocorrect:v,autocapitalize:b,spellcheck:g,autofocus:E,autoSave:y,max:B,maxlength:w,min:C,minlength:O,step:$,pattern:M,validate:"string"==typeof I&&I.length?I:void 0,"data-validate":!0===I||""===I||!0===T||""===T||void 0,"data-validate-on-blur":!0===T||""===T||void 0,tabindex:D,"data-error-message":H?void 0:z}},[n])},Y=o.$slots,ee=Y.default,te=Y.info;if(e="select"===a||"textarea"===a||"file"===a?"select"===a?X("select",ee):X("file"===a?"input":"textarea"):ee&&ee.length>0||!a?ee:"toggle"===a?s(j,{on:{change:o.onChange},attrs:{checked:S,readonly:N,name:r,value:l,disabled:k,id:u}}):"range"===a?s(R,{on:{rangeChange:o.onChange},attrs:{value:l,disabled:k,min:C,max:B,step:$,name:r,id:u,input:!0}}):X("input"),U){var ne=t.classNames(W,"input",{"input-dropdown":"auto"===q?"select"===a:q},n.colorClasses(i));return s("div",{ref:"wrapEl",class:ne,style:_,attrs:{id:d}},[e,z&&H&&s("div",{class:"input-error-message"},[z]),F&&s("span",{class:"input-clear-button"}),(V||te&&te.length)&&s("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)}},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,s=n.validate,o=n.validateOnBlur,i=n.resizable,a=n.type,r=n.clearButton,l=n.value,c=n.defaultValue;if("range"!==a&&"toggle"!==a){var p=e.$refs.inputEl;p&&(p.addEventListener("input:notempty",e.onInputNotEmpty,!1),"textarea"===a&&i&&p.addEventListener("textarea:resze",e.onTextareaResize,!1),r&&(p.addEventListener("input:empty",e.onInputEmpty,!1),p.addEventListener("input:clear",e.onInputClear,!1)),t.input.checkEmptyState(p),o||""===o||!s&&""!==s||!(null!=l&&""!==l||null!=c&&""!==c)||setTimeout(function(){e.validateInput(p)},0),i&&t.input.resizeTextarea(p))}})},updated:function(){var e=this.props,t=e.validate,n=e.validateOnBlur,s=e.resizable,o=this.$f7;if(o&&this.updateInputOnDidUpdate){var i=this.$refs.inputEl;if(!i)return;this.updateInputOnDidUpdate=!1,o.input.checkEmptyState(i),t&&!n&&this.validateInput(i),s&&o.input.resizeTextarea(i)}},beforeDestroy:function(){var e=this.props,t=e.type,n=e.resizable,s=e.clearButton;if("range"!==t&&"toggle"!==t){var o=this.$refs.inputEl;o&&(o.removeEventListener("input:notempty",this.onInputNotEmpty,!1),"textarea"===t&&n&&o.removeEventListener("textarea:resze",this.onTextareaResize,!1),s&&(o.removeEventListener("input:empty",this.onInputEmpty,!1),o.removeEventListener("input:clear",this.onInputClear,!1)))}},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,s=t.validateOnBlur;this.dispatchEvent("input",e),!s&&""!==s&&(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,s=t.validateOnBlur;this.dispatchEvent("blur",e),(n||""===n||s||""===s)&&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 s(this)}}},z={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:s(this).tabbarLabel}}},render:function(){var e,t,n,s,o=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,E=i.iconIfMd,y=i.iconIfIos,S=i.iconMd,k=i.iconIos,$=i.id,w=i.style,O=this.$slots.default;a&&(r&&(n=o(g,{attrs:{color:l}},[r])),t=o("span",{class:this.state.isTabbarLabel?"tabbar-label":""},[a,n]));var L=E||S,N=y||k;return(d||f||m||v||b||L||N)&&(p&&(s=o(g,{attrs:{color:l}},[p])),e=o(B,{attrs:{material:f,f7:b,fa:v,ion:m,icon:d,md:L,ios:N,color:u,size:h}},[s])),c||!a&&O&&0===O.length||!a&&!O?this.iconOnlyComputed=!0:this.iconOnlyComputed=!1,o("a",C(Object.assign({ref:"el",style:w,class:this.classes},this.attrs,{attrs:{id:$}})),[e,t,O])},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 s=e.props,o=s.tabbarLabel,i=s.tabLink,a=s.tooltip,r=s.smartSelect,l=s.smartSelectParams,c=s.routeProps,p=!1;(o||(i||""===i)&&e.$$(n).parents(".tabbar-labels").length)&&(p=!0),e.setState({isTabbarLabel:p}),c&&(n.f7RouteProps=c),e.$f7ready(function(s){if(r){var o=t.extend({el:n},l||{});e.f7SmartSelect=s.smartSelect.create(o)}a&&(e.f7Tooltip=s.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