import{u as T,k as $,C as D}from"./index.bd66e758.js";import{S as A,u as G}from"./Statistic.55a980d1.js";import{d as L}from"./Caret.382b7591.js";import{C as N}from"./Tooltip.418c677c.js";import{G as B}from"./Graph.4d14b842.js";import{S as M}from"./index.eb92a2a8.js";import"./translations.d159963e.js";import{_ as V}from"./_plugin-vue_export-helper.eefbdd86.js";import{_ as r,s as u}from"./default-i18n.20001971.js";import{x as d,o as n,c as h,G as j,N as H,a as m,y as O,t as y,l as v,m as w,H as _,b as g,K as S,j as R}from"./runtime-dom.esm-bundler.5d5e6b71.js";const a="all-in-one-seo-pack",q={setup(){const{formatStatistic:t}=G();return{formatStatistic:t,rootStore:T(),searchStatisticsStore:$()}},components:{CoreLoader:L,CoreTooltip:N,Graph:B,Statistic:A,SvgCircleQuestionMark:M},props:{statistics:{type:Array,default(){return[]}},statisticsData:{type:Object,default(){return null}},view:{type:String,default:"grid"},showGraph:{type:Boolean,default:!0}},data(){return{statisticsStrings:[{name:"impressions",label:r("Search Impressions",a),tooltip:u(r("The %1$stotal number of times your website appeared in search results%2$s within the selected timeframe.",a),"<strong>","</strong>")},{name:"clicks",label:r("Total Clicks",a),tooltip:u(r("The %1$stotal number of clicks that your website received from search results%2$s within the selected timeframe.",a),"<strong>","</strong>")},{name:"ctr",label:r("Avg. CTR",a),tooltip:u(r("The %1$saverage click-through rate of your content in search results%2$s within the selected timeframe.",a),"<strong>","</strong>")},{name:"position",label:r("Avg. Position",a),tooltip:u(r("The %1$saverage position of your content in search results%2$s within the selected timeframe.",a),"<strong>","</strong>")},{name:"keywords",label:r("Total Keywords",a),tooltip:u(r("The %1$stotal number of keywords that your website ranks for in search results%2$s within the selected timeframe.",a),"<strong>","</strong>")}]}},computed:{seoStatistics(){const t=[];return this.statistics.forEach(s=>{const o=this.statisticsStrings.find(i=>i.name===s);o&&t.push({...o,data:this.getData(s)})}),t},style(){const t=[];switch(this.view){case"side-by-side":t.push({"grid-template-columns":`repeat(${this.statistics.length}, 1fr)`});break;case"grid":t.push({"grid-template-columns":`repeat(${Math.ceil(this.statistics.length/2)}, 1fr)`,"grid-template-rows":`repeat(${Math.ceil(this.statistics.length/2)}, 1fr)`});break}return t}},methods:{getData(t){var o,i,f,c,p;const s=this.statisticsData?this.statisticsData:(i=(o=this.searchStatisticsStore.data)==null?void 0:o.seoStatistics)==null?void 0:i.statistics;return s?{total:s[t]||0,difference:s.difference&&Number(s.difference[t])||0,direction:s.difference&&0>s.difference[t]?"down":"up",chart:(p=(c=(f=this.searchStatisticsStore.data)==null?void 0:f.seoStatistics)==null?void 0:c.intervals)==null?void 0:p.map(l=>({x:D(new Date(l.date+" 00:00:00"),this.rootStore.aioseo.data.dateFormat),y:l[t]?l[t]:0}))}:{total:0,difference:0,direction:"up",chart:[]}}}},z={class:"statistics-title"},E=["innerHTML"],F={class:"statistics-current"},K={class:"statistics-current-total"},P={key:0,class:"statistics-chart"};function I(t,s,o,i,f,c){const p=d("svg-circle-question-mark"),l=d("core-tooltip"),b=d("statistic"),k=d("graph"),x=d("core-loader");return n(),h("div",{class:S(["aioseo-seo-statistics-overview",{[o.view]:!0,"hide-graph":!o.showGraph}]),style:R(c.style)},[(n(!0),h(j,null,H(c.seoStatistics,(e,C)=>(n(),h("div",{key:C,class:"statistics"},[m("div",{class:S([{blurred:i.searchStatisticsStore.loading.seoStatistics}])},[m("div",z,[O(y(e.label)+" ",1),e.tooltip?(n(),v(l,{key:0},{tooltip:w(()=>[m("span",{innerHTML:e.tooltip},null,8,E)]),default:w(()=>[_(p)]),_:2},1024)):g("",!0)]),m("div",F,[m("div",K,y(i.formatStatistic(e.name,e.data.total)),1),_(b,{class:S(["statistics-current-difference","statistics-current-difference--"+e.data.direction]),difference:e.data.difference,type:e.name,showCurrent:!1,"tooltip-offset":"-90px,0"},null,8,["class","difference","type"])]),o.showGraph?(n(),h("div",P,[_(k,{series:[{name:e.label,data:e.data.chart}],height:60,preset:"overview","invert-y-axis":e.name==="position"},null,8,["series","invert-y-axis"])])):g("",!0)],2),i.searchStatisticsStore.loading.seoStatistics?(n(),v(x,{key:0,dark:""})):g("",!0)]))),128))],6)}const rt=V(q,[["render",I]]);export{rt as S};
