3 lines
14 KiB
JavaScript
3 lines
14 KiB
JavaScript
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=[window.__aioseoDynamicImportPreload__("js/vendor-charts.79c4c231.js"),window.__aioseoDynamicImportPreload__("js/vendor-other.7b559694.js"),window.__aioseoDynamicImportPreload__("js/vendor-vue-ui.de3ab35f.js"),window.__aioseoDynamicImportPreload__("css/vendor-vue-ui.dbee72c8.css")])))=>i.map(i=>d[i]);
|
|
import{_ as F}from"./vendor-phone.8b9bc15d.js";import{W as R,$ as w,b as A,n as f}from"./app-core.ae890a3f.js";import{C as W}from"./Button.a549093d.js";import{a as N}from"./Tooltip.ae7a1028.js";import{C as z}from"./Index.ab3bcf62.js";import{S as U,a as Y}from"./ListItem.120acc56.js";import{S as H}from"./Caret.a017b70a.js";import{_ as P}from"./_plugin-vue_export-helper.eefbdd86.js";import{a as S,_ as y}from"./vendor-other.7b559694.js";import{aq as _,f as a,i as h,j as n,U as c,O as C,ad as T,a0 as v,M as m,Q as u,R as g,ae as b,P as I,as as V}from"./vendor-vue-ui.de3ab35f.js";const O=""+window.__aioseoDynamicImportPreload__("svg/aioseo.da6097fa.svg"),B=""+window.__aioseoDynamicImportPreload__("svg/google.826e7131.svg"),L=""+window.__aioseoDynamicImportPreload__("svg/wordpress.8166fa94.svg"),k="aioseo-pro",j={emits:["update"],setup(){return{rootStore:A()}},components:{CoreModal:z,SeoRevisionsDeleteWarning:Y,SeoRevisionListItem:U,SvgCaret:H},props:{date:{type:String,default:""},timelineMarkers:{type:Object,default:()=>{}}},data(){return{item:{},itemToBeDeleted:{},modalOpen:!1,modalOpenDeleteRevisionWarning:!1,strings:{theFollowingChanges:y("The following changes were made that could affect your site rankings:",k),readMore:y("Read More",k),viewRevisions:y("View Revisions",k)}}},watch:{items(e){this.item={},e.length===1&&(this.item=e[0])}},computed:{types(){let e=[{name:"wpRevision",title:S(y("%1$s Revisions",k),"WordPress"),icon:w(L)},{name:"aioseoRevision",title:S(y("%1$s Revisions",k),"AIOSEO"),icon:w(O)},{name:"googleUpdate",title:S(y("%1$s Updates",k),"Google"),icon:w(B)}];return e=e.map(t=>({...t,count:this.items.filter(i=>i.type===t.name).length})),e=e.filter(t=>0<t.count),e},type(){return this.types.find(e=>e.name===this.item.type)||{}},title(){return this.date?R(new Date(this.date+" 00:00:00"),this.rootStore.aioseo.data.dateFormat):""},items(){return this.timelineMarkers[this.date]||[]},showTypeSelector(){return 1<this.items.length&&Object.keys(this.item).length===0},showBackButton(){return 1<this.items.length}},methods:{back(e){this.item=this.items.find(t=>t.type===e)||{}},maybeDeleteSeoRevision(e){this.modalOpenDeleteRevisionWarning=!0,this.itemToBeDeleted=e}},mounted(){this.items.length===1&&(this.item=this.items[0])},updated(){this.$emit("update",{item:this.item,modal:this.modalOpen})}},G={class:"aioseo-graph-timeline-markers"},X={class:"aioseo-graph-timeline-markers-title"},q={key:0,class:"aioseo-graph-timeline-markers-types"},Z=["onClick"],Q={class:"aioseo-graph-timeline-markers-types__item-icon"},J=["alt","src"],K={class:"aioseo-graph-timeline-markers-types__item-title"},$={class:"aioseo-graph-timeline-markers-types__item-arrow"},ee={key:1,class:"aioseo-graph-timeline-markers-item"},te={class:"aioseo-graph-timeline-markers-types__item"},se={class:"aioseo-graph-timeline-markers-types__item-icon"},ie=["alt","src"],oe={class:"aioseo-graph-timeline-markers-types__item-title"},re={key:0},ae={class:"aioseo-graph-timeline-markers-item__title"},ne={class:"aioseo-graph-timeline-markers-item__content"},le={class:"aioseo-graph-timeline-markers-item__footer"},me={key:1},ce={class:"aioseo-graph-timeline-markers-item__title"},de={class:"aioseo-graph-timeline-markers-item__content"},he={class:"aioseo-graph-timeline-markers-item__footer"},pe={class:"aioseo-graph-timeline-markers-modal__body"},ue={key:0,class:"aioseo-graph-timeline-markers__revisions aioseo-graph-timeline-markers__revisions--wordpress"},_e={class:"aioseo-revision__title"},ge=["innerHTML"],fe={key:1,class:"aioseo-graph-timeline-markers__revisions aioseo-graph-timeline-markers__revisions--aioseo"},ye={class:"aioseo-seo-revisions-list"};function ke(e,t,i,l,s,o){const r=_("svg-caret"),d=_("base-button"),M=_("seo-revision-list-item"),D=_("core-modal"),E=_("seo-revisions-delete-warning");return a(),h("div",G,[n("div",X,c(o.title),1),o.showTypeSelector?(a(),h("div",q,[(a(!0),h(C,null,T(o.types,(p,x)=>(a(),h("div",{key:x,onClick:()=>o.back(p.name),class:"aioseo-graph-timeline-markers-types__item aioseo-graph-timeline-markers-types__item--clickable"},[n("div",Q,[n("img",{alt:p.name,src:p.icon},null,8,J)]),n("div",K,c(p.title)+" ("+c(p.count)+")",1),n("div",$,[v(r)])],8,Z))),128))])):m("",!0),o.showTypeSelector?m("",!0):(a(),h("div",ee,[n("div",te,[n("div",se,[n("img",{alt:o.type.name,src:o.type.icon},null,8,ie)]),n("div",oe,c(o.type.title),1)]),s.item.type==="aioseoRevision"||s.item.type==="wpRevision"?(a(),h("div",re,[n("div",ae,c(s.strings.theFollowingChanges),1),n("div",ne,c(s.item.fields.join(", ")),1),n("div",le,[o.showBackButton?(a(),u(d,{key:0,type:"gray",onClick:t[0]||(t[0]=()=>o.back()),size:"small"},{default:g(()=>[v(r)]),_:1})):m("",!0),s.item.type==="aioseoRevision"?(a(),u(d,{key:1,type:"blue",size:"small",onClick:t[1]||(t[1]=()=>s.modalOpen=!0)},{default:g(()=>[b(c(s.strings.viewRevisions),1)]),_:1})):m("",!0),s.item.type==="wpRevision"?(a(),u(d,{key:2,href:s.item.link,type:"blue",tag:"a",target:"_blank",size:"small"},{default:g(()=>[b(c(s.strings.viewRevisions),1)]),_:1},8,["href"])):m("",!0)])])):m("",!0),s.item.type==="googleUpdate"?(a(),h("div",me,[n("div",ce,c(s.item.title),1),n("div",de,c(s.item.description),1),n("div",he,[o.showBackButton?(a(),u(d,{key:0,type:"gray",onClick:t[2]||(t[2]=()=>o.back()),size:"small"},{default:g(()=>[v(r)]),_:1})):m("",!0),s.item.link?(a(),u(d,{key:1,type:"blue",tag:"a",href:s.item.link,target:"_blank",size:"small"},{default:g(()=>[b(c(s.strings.readMore),1)]),_:1},8,["href"])):m("",!0),n("div",{class:I(["aioseo-graph-timeline-markers-item__footer-status",`aioseo-graph-timeline-markers-item__footer-status--${s.item.status}`])},c(s.item.status),3)])])):m("",!0)])),v(D,{show:s.modalOpen,classes:["aioseo-graph-timeline-markers-modal"],onClose:t[3]||(t[3]=()=>s.modalOpen=!1)},{headerTitle:g(()=>[b(c(o.type.title),1)]),body:g(()=>[n("div",pe,[s.item.type==="wpRevision"?(a(),h("div",ue,[(a(!0),h(C,null,T(s.item.diff,(p,x)=>(a(),h("div",{key:x,class:"aioseo-graph-timeline-markers__revisions-item"},[n("div",_e,c(p.name),1),n("div",{class:"aioseo-revision__content",innerHTML:p.diff},null,8,ge)]))),128))])):m("",!0),s.item.type==="aioseoRevision"?(a(),h("div",fe,[n("div",ye,[(a(!0),h(C,null,T(s.item.revisions,(p,x)=>(a(),u(M,{key:"seo-revision-list-item-"+x,class:"aioseo-graph-timeline-markers__revisions-item",revision:p,compareTo:s.item.compareTo,isCurrentVersion:p.id===s.item.compareTo.id,context:"metabox",onMaybeDeleteSeoRevision:o.maybeDeleteSeoRevision},null,8,["revision","compareTo","isCurrentVersion","onMaybeDeleteSeoRevision"]))),128))])])):m("",!0)])]),_:1},8,["show"]),s.itemToBeDeleted?(a(),u(E,{key:2,modalOpenDeleteRevisionWarning:s.modalOpenDeleteRevisionWarning,revision:s.itemToBeDeleted},null,8,["modalOpenDeleteRevisionWarning","revision"])):m("",!0)])}const ve=P(j,[["render",ke]]),we={setup(){return{rootStore:A()}},components:{apexchart:V(()=>F(()=>import("./vendor-charts.79c4c231.js"),__vite__mapDeps([0,1,2,3]),import.meta.url)),CoreLoader:W,CorePopper:N,GraphTimelineMarkers:ve},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?f.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}},computed:{getSeries(){const e=this.series;if(!this.invertYAxis||!e.length)return e;const t=e[0].data.map(r=>r.y),i=[];let s=t.map((r,d)=>({value:r,index:d})).sort((r,d)=>r.value-d.value);const o=r=>(i[r[0].index]=r[r.length-1].value,i[r[r.length-1].index]=r[0].value,r=r.slice(1,r.length-1),r);for(;s.length;)s=o(s);return e[0].data=e[0].data.map((r,d)=>({...r,y:i[d],label:r.y})),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:(t,i)=>{const l=new Date(`${e[i.seriesIndex]?.data[i.dataPointIndex]?.x} 00:00:00`);return R(l,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:(t,i,l)=>{if(!this.invertYAxis||!l?.config)return t?f.compactNumber(t):0;const s=[...l?.globals?.yAxisScale[0].result].reverse();return s[i]&&(t=s[i]),t?f.compactNumber(t):0}}}],tooltip:{enabled:!0,x:{formatter:(t,i)=>{const l=new Date(`${e[i.seriesIndex]?.data[i.dataPointIndex]?.x} 00:00:00`);return R(l,this.rootStore.aioseo.data.dateFormat)}},y:{formatter:(t,i)=>this.invertYAxis&&e[i.seriesIndex]?.data[i.dataPointIndex].label?e[i.seriesIndex]?.data[i.dataPointIndex].label:f.compactNumber(e[i.seriesIndex]?.data[i.dataPointIndex].y)}},legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,position:"bottom",horizontalAlign:"center",floating:!1,fontSize:"14px",fontWeight:400,formatter:(t,i)=>{const l=e[i.seriesIndex]?.legend?.name||t;if(this.legendStyle==="simple")return[l];let s=e[i.seriesIndex]?.legend?.total||"";return isNaN(s)||(s=f.compactNumber(s)),[`<strong>${s}</strong>`,l]},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,t={yaxis:[]};return e.forEach((i,l)=>{t.yaxis.push({title:{text:i.name.replace("Search ","")},seriesName:i.name,opposite:l===1,labels:{show:!0,formatter:s=>s?f.compactNumber(s):0}})}),t},annotationsPoints(){const e=[];return this.timelineMarkers&&Object.keys(this.timelineMarkers).forEach(t=>{const i={x:new Date(t).getTime(),y:0,yAxisIndex:0,seriesIndex:0,mouseEnter:(s,o)=>{let r=o.target;o.relatedTarget.tagName.toLowerCase()==="circle"&&(r=o.relatedTarget),this.timelineMarkersDate=t,this.showTimelineMarkersTooltip(r)},mouseLeave:(s,o)=>{o.toElement.className==="string"&&o.toElement.className.includes("popper")||this.$refs.timelineMarkersPopper.doClose()},label:{text:this.timelineMarkers[t].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}},l=this.timelineMarkers[t].map(s=>s.type);if(l.length===1)switch(i.label={},l[0]){case"aioseoRevision":i.image.path=w(O);break;case"googleUpdate":i.image.path=w(B);break;case"wpRevision":i.image.path=w(L);break}e.push(i)}),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 t=4;return 4<e&&(t=3),[this.loading?"blurred":"",this.preset?this.preset:"",`legend-${this.legendStyle}`,`legend-columns-${t}`].filter(i=>i).map(i=>"aioseo-graph-"+i)}},methods:{handleTimelineMarkersTooltip(e){e.referenceElm?.classList.remove("active-point"),e.showPopper&&e.referenceElm?.classList.add("active-point")},handleTimelineMarkersTooltipUpdate(e){const t=this.$refs.timelineMarkersPopper;t.updatePopper(),e.modal?t.doClose():t.doShow(),this.handleTimelineMarkersTooltip(t)},showTimelineMarkersTooltip(e){const t=this.$refs.timelineMarkersPopper;t.referenceElm?.classList.remove("active-point"),e?.classList.add("active-point"),t.destroyPopper(),t.doDestroy(),t.referenceElm=e,t.createPopper(),t.doShow()}},mounted(){this.isMounted=!0},beforeUnmount(){this.isMounted=!1}},xe={key:0,class:"aioseo-graph"},be={class:"popper"};function Me(e,t,i,l,s,o){const r=_("apexchart"),d=_("core-loader"),M=_("graph-timeline-markers"),D=_("core-popper");return s.isMounted?(a(),h("div",xe,[v(r,{width:"100%",height:i.height,ref:"apexchart",options:o.chartOptions,series:o.getSeries,class:I(o.chartClasses)},null,8,["height","options","series","class"]),i.loading?(a(),u(d,{key:0,dark:""})):m("",!0),v(D,{ref:"timelineMarkersPopper",options:{placement:"top"},onShow:o.handleTimelineMarkersTooltip,onHide:o.handleTimelineMarkersTooltip},{default:g(()=>[n("span",be,[s.timelineMarkersDate?(a(),u(M,{key:0,date:s.timelineMarkersDate,timelineMarkers:i.timelineMarkers,onUpdate:o.handleTimelineMarkersTooltipUpdate},null,8,["date","timelineMarkers","onUpdate"])):m("",!0)])]),_:1},8,["onShow","onHide"])])):m("",!0)}const Le=P(we,[["render",Me]]);export{Le as G};
|