1import{Q as g}from"./QSlider.1da0b896.js";import{v,dd as p,B as f,x as n,y as i,j as u,I as r,F as S,U as w,D as k,a1 as a,a2 as o,X as c,M as d,G as F,z as _}from"./index.ccd35ebd.js";import"./TouchPan.fe5c8598.js";import"./touch.6391c159.js";const q={name:"MarketingSliders",data(){return{currencyFormat:p,sliders:{numberOfFollowers:{value:this.$route.query.followers?this.$route.query.followers*1:5e3,min:1e3,max:1e5,step:0,markers:!0,label:"How large is your audience? (social media followers + email list + website visitors, etc.)",sliderLabelFn:t=>`${t.toFixed(0)}`},monthlySubscriptionPrice:{value:this.$route.query.price?this.$route.query.price*1:75,min:10,max:500,step:5,markers:!0,label:"How much will you charge per month?",sliderLabelFn:t=>`${p(t)}`},percentageOfSubscribedFollowers:{value:this.$route.query.percentage?this.$route.query.percentage*1:2,min:.1,max:20,step:.1,markers:!0,label:"What percentage of your audience do you estimate will subscribe?",sliderLabelFn:t=>`${t}%`},minutesPerMonthSpentWithEachSubscriber:{value:this.$route.query.time?this.$route.query.time*1:60,min:10,max:240,step:1,markers:!1,label:"How many minutes per month on average will you spend with each subscriber?",sliderLabelFn:t=>t}}}},computed:{numberOfSubscribers(){return this.sliders.numberOfFollowers.value/100*this.sliders.percentageOfSubscribedFollowers.value},timeSpentPerDay(){const t=this.numberOfSubscribers*this.sliders.minutesPerMonthSpentWithEachSubscriber.value*12/365,e=Math.floor(t/60),b=Math.floor(t%60);return{hours:e,minutes:b}},monthlyEarningEstimate(){return this.numberOfSubscribers*this.sliders.monthlySubscriptionPrice.value*.8}}},P={class:"q-pa-xl flex-center relative-position"},D={class:"well",style:{"max-width":"70rem"}},E={class:"text-body2 text-bold q-mb-lg"},L={class:"text-caption text-bold text-grey-9"},O={class:"absolute-bottom-right"},V={class:"absolute-bottom-left"},M={class:"text-h6 text-bold text-green-4"},$={key:0,class:"text-h6 text-bold text-green-4"},B={key:1},C={key:0},N={class:"text-h6 text-bold text-green-4"},Q={class:"q-my-xs"},j={class:"text-h6 text-bold text-green-4"},H={class:"text-h6 text-bold text-green-4"};function U(t,e,b,W,m,l){const y=f("Background");return n(),i("div",P,[u(y,{propobj:t.$attrs.background||{}},null,8,["propobj"]),r("div",D,[(n(!0),i(S,null,w(m.sliders,(s,h)=>(n(),i("div",{key:h,class:"q-py-md relative-position"},[r("div",E,o(s.label),1),u(g,{modelValue:s.value,"onUpdate:modelValue":x=>s.value=x,min:s.min,max:s.max,step:s.step,"label-always":"",markers:s.markers,style:_({color:t.$store.getters.color(t.$attrs.slidersColor)}),"label-value":s.sliderLabelFn(s.value)},null,8,["modelValue","onUpdate:modelValue","min","max","step","markers","style","label-value"]),r("div",L,[r("div",O,o(s.sliderLabelFn(s.max)),1),r("div",V,o(s.sliderLabelFn(s.min)),1)])]))),128)),u(F,{dark:"",class:"bg-blue-grey-8 q-pa-xl text-body1 q-mt-lg text-bold"},{default:k(()=>[r("div",null,[e[0]||(e[0]=a(" You will have ")),r("span",M,o(l.numberOfSubscribers.toFixed(0)),1),e[1]||(e[1]=a(" subscribers "))]),u(c,{spaced:"",dark:""}),r("div",null,[e[4]||(e[4]=a(" You will spend an average of ")),l.timeSpentPerDay.hours>0?(n(),i("span",$,o(l.timeSpentPerDay.hours),1)):d("",!0),l.timeSpentPerDay.hours>0?(n(),i("span",B,[e[2]||(e[2]=a(" hour")),l.timeSpentPerDay.hours>1?(n(),i("span",C,"s")):d("",!0),e[3]||(e[3]=a(" and "))])):d("",!0),r("span",N,o(l.timeSpentPerDay.minutes),1),e[5]||(e[5]=a(" minutes per day "))]),u(c,{spaced:"",dark:""}),e[8]||(e[8]=a(" You will earn : ")),r("ul",Q,[r("li",null,[r("span",j,o(m.currencyFormat(l.monthlyEarningEstimate)),1),e[6]||(e[6]=a(" per month"))]),r("li",null,[r("span",H,o(m.currencyFormat(l.monthlyEarningEstimate*12)),1
1),e[7]||(e[7]=a(" per year"))])])]),_:1})])])}var T=v(q,[["render",U]]);export{T as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.