OwlCyberSecurity - MANAGER

Edit File: SeoStatisticsOverview.WnRc2YxT.js

import{u as M,Q as b,g as A}from"./links.Ce9S4kjc.js";import{q as P,S as $,a as I}from"./LicenseConditions.DhdYCq3P.js";import{b as C}from"./Caret.BthVBOwE.js";import{a as L,C as E}from"./Tooltip.DhkkBQWW.js";import{n as p}from"./numbers.BT5e8rgb.js";import{h as x}from"./helpers.CXsRrhc8.js";import{_ as k}from"./_plugin-vue_export-helper.BN1snXvA.js";import{o as c,c as u,v as h,B as g,G as _,k as y,b as f,l as v,a as m,F,J as B,C as N,t as S,j as O}from"./runtime-dom.esm-bundler.tPRhSV4q.js";import{a as Y}from"./index.B6JTtDta.js";const z={};function G(e,s){return c(),u("div")}const H=k(z,[["render",G]]),U=""+window.__aioseoDynamicImportPreload__("svg/google.CCbnExf9.svg"),W=""+window.__aioseoDynamicImportPreload__("svg/wordpress.CBZvqUlM.svg"),j=""+window.__aioseoDynamicImportPreload__("svg/aioseo.DaYJf6Zr.svg"),q={setup(){return{rootStore:M()}},components:{apexchart:P,CoreLoader:C,CorePopper:L,GraphTimelineMarkers:H},props:{series:{type:Array,required:!0},chartOverrides:{type:Object,default:()=>({})},height:{type:Number,default(){return 350}},legendStyle:{type:String,default(){return"custom"}},loading:{type:Boolean,default:!1},timelineMarkers:{type:Object,default:()=>({})},multiAxis:Boolean,preset:String,invertYAxis:Boolean},data(){return{isMounted:!1,reversedYAxis:!1,colors:["#005AE0","#00AA63","#F18200","#DF2A4A","#8B5CF6","#D946EF"],presets:{overview:{chart:{type:"area",sparkline:{enabled:!0}},grid:{show:!1,padding:{top:2,right:2,bottom:0,left:2}},xaxis:{show:!1},yaxis:{show:!1,labels:{show:!1,formatter:e=>e?p.compactNumber(e):0}}},keywordsDistribution:{chart:{type:"bar",zoom:{enabled:!1},toolbar:{show:!1}},fill:{type:"solid"},stroke:{width:0},xaxis:{type:"category"},yaxis:{forceNiceScale:!1,tickAmount:2,max:100,labels:{formatter:e=>e.toFixed(0)+"%"}},tooltip:{}}},timelineMarkersDate:null}},methods:{handleTimelineMarkersTooltip(e){var s,t;(s=e.referenceElm)==null||s.classList.remove("active-point"),e.showPopper&&((t=e.referenceElm)==null||t.classList.add("active-point"))},handleTimelineMarkersTooltipUpdate(e){const s=this.$refs.timelineMarkersPopper;s.updatePopper(),e.modal?s.doClose():s.doShow(),this.handleTimelineMarkersTooltip(s)},showTimelineMarkersTooltip(e){var t;const s=this.$refs.timelineMarkersPopper;(t=s.referenceElm)==null||t.classList.remove("active-point"),e==null||e.classList.add("active-point"),s.destroyPopper(),s.doDestroy(),s.referenceElm=e,s.createPopper(),s.doShow()}},computed:{getSeries(){const e=this.series;if(!this.invertYAxis||!e.length)return e;const s=e[0].data.map(a=>a.y),t=[];let i=s.map((a,n)=>({value:a,index:n})).sort((a,n)=>a.value-n.value);const r=a=>(t[a[0].index]=a[a.length-1].value,t[a[a.length-1].index]=a[0].value,a=a.slice(1,a.length-1),a);for(;i.length;)i=r(i);return e[0].data.forEach((a,n)=>{a.label=a.y,a.y=t[n]}),e},chartDefaults(){const e=this.series;return{colors:this.colors,chart:{type:"area",zoom:{enabled:!1},toolbar:{show:!1},animations:{enabled:!0,easing:"easeout",speed:600,animateGradually:{enabled:!0,delay:50}},parentHeightOffset:0},fill:{type:"gradient",gradient:{shadeIntensity:1,opacityFrom:.4,opacityTo:.9,stops:[0,100]}},dataLabels:{enabled:!1},stroke:{curve:"smooth",width:2},title:{show:!1},grid:{show:!0,strokeDashArray:0,borderColor:"#D0D1D7",yaxis:{lines:{show:!0}},xaxis:{lines:{show:!1}},padding:{top:20,right:20,bottom:20,left:20}},xaxis:{type:"datetime",labels:{show:!0,minHeight:35,trim:!1,rotateAlways:!1,offsetY:6,datetimeFormatter:{year:"yyyy",month:"MMM 'yy",day:"d MMM",hour:""}},tooltip:{enabled:!1,x:{formatter:(s,t)=>{var i,r;const o=new Date(`${(r=(i=e[t.seriesIndex])==null?void 0:i.data[t.dataPointIndex])==null?void 0:r.x} 00:00:00`);return b(o,this.rootStore.aioseo.data.dateFormat)}}},axisBorder:{show:!0,color:"#D0D1D7",height:1,width:"100%",offsetX:0,offsetY:0},axisTicks:{show:!0,borderType:"solid",color:"#E8E8EB",height:12,offsetX:0,offsetY:0}},yaxis:[{labels:{show:!0,formatter:(s,t,o)=>{var r;if(!this.invertYAxis||!(o!=null&&o.config))return s?p.compactNumber(s):0;const i=[...(r=o==null?void 0:o.globals)==null?void 0:r.yAxisScale[0].result].reverse();return i[t]&&(s=i[t]),s?p.compactNumber(s):0}}}],tooltip:{enabled:!0,x:{formatter:(s,t)=>{var i,r;const o=new Date(`${(r=(i=e[t.seriesIndex])==null?void 0:i.data[t.dataPointIndex])==null?void 0:r.x} 00:00:00`);return b(o,this.rootStore.aioseo.data.dateFormat)}},y:{formatter:(s,t)=>{var o,i,r;return this.invertYAxis&&((o=e[t.seriesIndex])!=null&&o.data[t.dataPointIndex].label)?(i=e[t.seriesIndex])==null?void 0:i.data[t.dataPointIndex].label:p.compactNumber((r=e[t.seriesIndex])==null?void 0:r.data[t.dataPointIndex].y)}}},legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,position:"bottom",horizontalAlign:"center",floating:!1,fontSize:"14px",fontWeight:400,formatter:(s,t)=>{var r,a,n,d;const o=((a=(r=e[t.seriesIndex])==null?void 0:r.legend)==null?void 0:a.name)||s;if(this.legendStyle==="simple")return[o];let i=((d=(n=e[t.seriesIndex])==null?void 0:n.legend)==null?void 0:d.total)||"";return isNaN(i)||(i=p.compactNumber(i)),[`<strong>${i}</strong>`,o]},inverseOrder:!1,width:void 0,height:void 0,tooltipHoverFormatter:void 0,customLegendItems:[],offsetX:0,offsetY:0,markers:{width:16,height:16,strokeWidth:0,strokeColor:"#fff",fillColors:void 0,radius:16,customHTML:()=>this.legendStyle==="simple"?"":'<span class="marker-checkbox"><svg viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.8542 1.37147C11.44 0.785682 12.3897 0.785682 12.9755 1.37147C13.5613 1.95726 13.5613 2.907 12.9755 3.49279L6.04448 10.4238C5.74864 10.7196 5.35996 10.8661 4.97222 10.8631C4.58548 10.8653 4.19805 10.7189 3.90298 10.4238L1.0243 7.5451C0.438514 6.95931 0.438514 6.00956 1.0243 5.42378C1.61009 4.83799 2.55983 4.83799 3.14562 5.42378L4.97374 7.2519L10.8542 1.37147Z" fill="currentColor" /></svg></span>',onClick:void 0,offsetX:0,offsetY:0},itemMargin:{horizontal:0,vertical:0},onItemClick:{toggleDataSeries:!0},onItemHover:{highlightDataSeries:!0}},annotations:{points:this.annotationsPoints}}},multiAxisDefaults(){const e=this.series,s={yaxis:[]};return e.forEach((t,o)=>{s.yaxis.push({title:{text:t.name.replace("Search ","")},seriesName:t.name,opposite:o===1,labels:{show:!0,formatter:i=>i?p.compactNumber(i):0}})}),s},annotationsPoints(){const e=[];return this.timelineMarkers&&Object.keys(this.timelineMarkers).forEach(s=>{const t={x:new Date(s).getTime(),y:0,yAxisIndex:0,seriesIndex:0,mouseEnter:(i,r)=>{let a=r.target;r.relatedTarget.tagName.toLowerCase()==="circle"&&(a=r.relatedTarget),this.timelineMarkersDate=s,this.showTimelineMarkersTooltip(a)},mouseLeave:(i,r)=>{r.toElement.className==="string"&&r.toElement.className.includes("popper")||this.$refs.timelineMarkersPopper.doClose()},label:{text:this.timelineMarkers[s].length,borderWidth:0,offsetY:23,style:{background:"transparent",color:"#141B38",fontSize:"12px",fontWeight:700}},marker:{size:12,strokeWidth:1,strokeColor:"#D0D1D7",cssClass:"marker-circle"},image:{width:17,height:17}},o=this.timelineMarkers[s].map(i=>i.type);if(o.length===1)switch(t.label={},o[0]){case"aioseoRevision":t.image.path=x(j);break;case"googleUpdate":t.image.path=x(U);break;case"wpRevision":t.image.path=x(W);break}e.push(t)}),e},chartPreset(){return this.preset&&this.presets[this.preset]?this.presets[this.preset]:{}},chartOptions(){let e={...this.chartDefaults,...this.chartPreset,...this.chartOverrides};return this.multiAxis&&(e={...e,...this.multiAxisDefaults}),e},chartClasses(){const e=this.series.length;let s=4;return 4<e&&(s=3),[this.loading?"blurred":"",this.preset?this.preset:"",`legend-${this.legendStyle}`,`legend-columns-${s}`].filter(t=>t).map(t=>"aioseo-graph-"+t)}},mounted(){this.isMounted=!0},beforeUnmount(){this.isMounted=!1}},R={key:0,class:"aioseo-graph"},V={class:"popper"};function X(e,s,t,o,i,r){const a=h("apexchart"),n=h("core-loader"),d=h("graph-timeline-markers"),w=h("core-popper");return i.isMounted?(c(),u("div",R,[g(a,{width:"100%",height:t.height,ref:"apexchart",options:r.chartOptions,series:r.getSeries,class:_(r.chartClasses)},null,8,["height","options","series","class"]),t.loading?(c(),y(n,{key:0,dark:""})):f("",!0),g(w,{ref:"timelineMarkersPopper",options:{placement:"top"},onShow:r.handleTimelineMarkersTooltip,onHide:r.handleTimelineMarkersTooltip},{default:v(()=>[m("span",V,[i.timelineMarkersDate?(c(),y(d,{key:0,date:i.timelineMarkersDate,timelineMarkers:t.timelineMarkers,onUpdate:r.handleTimelineMarkersTooltipUpdate},null,8,["date","timelineMarkers","onUpdate"])):f("",!0)])]),_:1},8,["onShow","onHide"])])):f("",!0)}const Z=k(q,[["render",X]]),J={setup(){return{rootStore:M(),searchStatisticsStore:A()}},components:{CoreLoader:C,CoreTooltip:E,Graph:Z,Statistic:$,SvgCircleQuestionMark:Y},mixins:[I],data(){return{statisticsStrings:[{name:"impressions",label:this.$t.__("Search Impressions",this.$td),tooltip:this.$t.__("This graph shows the <strong>total number of times your website appeared in the search results</strong> within the selected timeframe.",this.$td)},{name:"clicks",label:this.$t.__("Total Clicks",this.$td),tooltip:this.$t.__("This graph shows the <strong>total number of clicks that your website received from the search results</strong> within the selected timeframe.",this.$td)},{name:"ctr",label:this.$t.__("Avg. CTR",this.$td),tooltip:this.$t.__("This graph shows the <strong>average click-through rate of your content in the search results</strong> within the selected timeframe.",this.$td)},{name:"position",label:this.$t.__("Avg. Position",this.$td),tooltip:this.$t.__("This graph shows the <strong>average position of your content in the search results</strong> within the selected timeframe.",this.$td)},{name:"keywords",label:this.$t.__("Total Keywords",this.$td),tooltip:this.$t.__("This graph shows the <strong>total number of keywords that your website ranks for in search results</strong> within the selected timeframe.",this.$td)}]}},props:{statistics:{type:Array,default(){return[]}},statisticsData:{type:Object,default(){return null}},view:{type:String,default:"grid"},showGraph:{type:Boolean,default:!0}},computed:{seoStatistics(){const e=[];return this.statistics.forEach(s=>{const t=this.statisticsStrings.find(o=>o.name===s);t&&e.push({...t,data:this.getData(s)})}),e},style(){const e=[];switch(this.view){case"side-by-side":e.push({"grid-template-columns":`repeat(${this.statistics.length}, 1fr)`});break;case"grid":e.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 e}},methods:{getData(e){var t,o,i,r,a;const s=this.statisticsData?this.statisticsData:(o=(t=this.searchStatisticsStore.data)==null?void 0:t.seoStatistics)==null?void 0:o.statistics;return s?{total:s[e]||0,difference:s.difference&&Math.abs(s.difference[e])||0,direction:s.difference&&0>s.difference[e]?"down":"up",chart:(a=(r=(i=this.searchStatisticsStore.data)==null?void 0:i.seoStatistics)==null?void 0:r.intervals)==null?void 0:a.map(n=>({x:b(new Date(n.date+" 00:00:00"),this.rootStore.aioseo.data.dateFormat),y:n[e]?n[e]:0}))}:{total:0,difference:0,direction:"up",chart:[]}}}},Q={class:"statistics-title"},K=["innerHTML"],ee={class:"statistics-current"},te={class:"statistics-current-total"},se={key:0,class:"statistics-chart"};function re(e,s,t,o,i,r){const a=h("svg-circle-question-mark"),n=h("core-tooltip"),d=h("statistic"),w=h("graph"),D=h("core-loader");return c(),u("div",{class:_(["aioseo-seo-statistics-overview",{[t.view]:!0,"hide-graph":!t.showGraph}]),style:O(r.style)},[(c(!0),u(F,null,B(r.seoStatistics,(l,T)=>(c(),u("div",{key:T,class:"statistics"},[m("div",{class:_([{blurred:o.searchStatisticsStore.loading.seoStatistics}])},[m("div",Q,[N(S(l.label)+" ",1),l.tooltip?(c(),y(n,{key:0},{tooltip:v(()=>[m("span",{innerHTML:l.tooltip},null,8,K)]),default:v(()=>[g(a)]),_:2},1024)):f("",!0)]),m("div",ee,[m("div",te,S(e.formatStatistic(l.name,l.data.total)),1),g(d,{class:_(["statistics-current-difference","statistics-current-difference--"+l.data.direction]),difference:l.data.difference,type:l.name,showCurrent:!1,"tooltip-offset":"-90px,0"},null,8,["class","difference","type"])]),t.showGraph?(c(),u("div",se,[g(w,{series:[{name:l.label,data:l.data.chart}],height:60,preset:"overview","invert-y-axis":l.name==="position"},null,8,["series","invert-y-axis"])])):f("",!0)],2),o.searchStatisticsStore.loading.seoStatistics?(c(),y(D,{key:0,dark:""})):f("",!0)]))),128))],6)}const me=k(J,[["render",re]]);export{Z as G,me as S};