window.yoast=window.yoast||{},window.yoast.analysisReport=function(t){var e={};function s(r){if(e[r])return e[r].exports;var a=e[r]={i:r,l:!1,exports:{}};return t[r].call(a.exports,a,a.exports,s),a.l=!0,a.exports}return s.m=t,s.c=e,s.d=function(t,e,r){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},s.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(s.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var a in t)s.d(r,a,function(e){return t[e]}.bind(null,a));return r},s.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="",s(s.s=498)}({0:function(t,e){t.exports=window.yoast.propTypes},1:function(t,e){t.exports=window.wp.element},110:function(t,e){t.exports=window.lodash.noop},2:function(t,e){t.exports=window.lodash},3:function(t,e){t.exports=window.React},4:function(t,e){t.exports=window.wp.i18n},498:function(t,e,s){"use strict";s.r(e),s.d(e,"ContentAnalysis",(function(){return _})),s.d(e,"AnalysisResult",(function(){return y})),s.d(e,"AnalysisList",(function(){return E})),s.d(e,"renderRatingToColor",(function(){return R})),s.d(e,"SiteSEOReport",(function(){return S}));var r=s(1),a=s(4),o=s(5),n=s.n(o),i=s(0),l=s.n(i),u=s(110),c=s.n(u),d=s(6),m=s(3),p=s.n(m),g=s(2),b=s(7);const k=n.a.li`
// This is the height of the IconButtonToggle.
min-height: 24px;
padding: 0;
display: flex;
align-items: flex-start;
`,B=n()(b.SvgIcon)`
margin: 3px 11px 0 0; // icon 13 + 11 right margin = 24 for the 8px grid.
`,h=n.a.p`
margin: 0 16px 0 0;
flex: 1 1 auto;
color: ${t=>t.suppressedText?"rgba(30,30,30,0.5)":"inherit"};
`,f=t=>{let{ariaLabel:e,id:s,className:a,status:o,onClick:n,isPressed:i}=t;return Object(r.createElement)(b.IconButtonToggle,{marksButtonStatus:o,className:a,onClick:n,id:s,icon:"eye",pressed:i,ariaLabel:e})},C=t=>{let{markButtonFactory:e,...s}=t;e=e||f;const{id:a,marker:o,hasMarksButton:n}=s;let i=null;return function(t){return!t.hasMarksButton||"hidden"===t.marksButtonStatus}(s)||(i=e({onClick:s.onButtonClickMarks,status:s.marksButtonStatus,className:s.marksButtonClassName,id:s.buttonIdMarks,isPressed:s.pressed,ariaLabel:s.ariaLabelMarks})),Object(r.useEffect)(()=>{s.onResultChange(a,o,n)},[a,o,n]),Object(r.createElement)(k,null,Object(r.createElement)(B,{icon:"circle",color:s.bulletColor,size:"13px"}),Object(r.createElement)(h,{suppressedText:s.suppressedText},s.hasBetaBadgeLabel&&Object(r.createElement)(b.BetaBadge,null),Object(r.createElement)("span",{dangerouslySetInnerHTML:{__html:s.text}})),i,s.hasEditButton&&s.isPremium&&Object(r.createElement)(b.IconCTAEditButton,{className:s.editButtonClassName,onClick:s.onButtonClickEdit,id:s.buttonIdEdit,icon:"edit",ariaLabel:s.ariaLabelEdit}))};C.propTypes={text:l.a.string.isRequired,suppressedText:l.a.bool,bulletColor:l.a.string.isRequired,hasMarksButton:l.a.bool.isRequired,hasEditButton:l.a.bool,buttonIdMarks:l.a.string.isRequired,buttonIdEdit:l.a.string,pressed:l.a.bool.isRequired,ariaLabelMarks:l.a.string.isRequired,ariaLabelEdit:l.a.string,onButtonClickMarks:l.a.func.isRequired,onButtonClickEdit:l.a.func,marksButtonStatus:l.a.string,marksButtonClassName:l.a.string,markButtonFactory:l.a.func,editButtonClassName:l.a.string,hasBetaBadgeLabel:l.a.bool,isPremium:l.a.bool,onResultChange:l.a.func,id:l.a.string,marker:l.a.array},C.defaultProps={suppressedText:!1,marksButtonStatus:"enabled",marksButtonClassName:"",editButtonClassName:"",hasBetaBadgeLabel:!1,hasEditButton:!1,buttonIdEdit:"",ariaLabelEdit:"",onButtonClickEdit:g.noop,isPremium:!1,onResultChange:g.noop,id:"",marker:[]};var y=C;const x=n.a.ul`
margin: 8px 0;
padding: 0;
list-style: none;
`;function R(t){switch(t){case"good":return d.colors.$color_good;case"OK":return d.colors.$color_ok;case"bad":return d.colors.$color_bad;default:return d.colors.$color_score_icon}}function E(t){return Object(r.createElement)(x,{role:"list"},t.results.map(e=>{const s=R(e.rating),o=e.markerId===t.marksButtonActivatedResult,n=e.id+"Mark",i=e.id+"Edit";let l="";l="disabled"===t.marksButtonStatus?Object(a.__)("Marks are disabled in current view","wordpress-seo"):o?Object(a.__)("Remove highlight from the text","wordpress-seo"):Object(a.__)("Highlight this result in the text","wordpress-seo");const u=e.editFieldName,c=""===u?"":Object(a.sprintf)(
/* Translators: %1$s refers to the name of the field that should be edited (keyphrase, meta description,
slug or SEO title). */
Object(a.__)("Edit your %1$s","wordpress-seo"),u);return Object(r.createElement)(y,{key:e.id,id:e.id,text:e.text,marker:e.marker,bulletColor:s,hasMarksButton:e.hasMarks,hasEditButton:e.hasJumps,ariaLabelMarks:l,ariaLabelEdit:c,pressed:o,suppressedText:"upsell"===e.rating,buttonIdMarks:n,buttonIdEdit:i,onButtonClickMarks:()=>t.onMarksButtonClick(e.id,e.marker),onButtonClickEdit:()=>t.onEditButtonClick(e.id),marksButtonClassName:t.marksButtonClassName,editButtonClassName:t.editButtonClassName,marksButtonStatus:t.marksButtonStatus,hasBetaBadgeLabel:e.hasBetaBadge,isPremium:t.isPremium,onResultChange:t.onResultChange,markButtonFactory:t.markButtonFactory})}))}E.propTypes={results:l.a.array.isRequired,marksButtonActivatedResult:l.a.string,marksButtonStatus:l.a.string,marksButtonClassName:l.a.string,editButtonClassName:l.a.string,markButtonFactory:l.a.func,onMarksButtonClick:l.a.func,onEditButtonClick:l.a.func,isPremium:l.a.bool,onResultChange:l.a.func},E.defaultProps={marksButtonActivatedResult:"",marksButtonStatus:"enabled",marksButtonClassName:"",editButtonClassName:"",onMarksButtonClick:c.a,onEditButtonClick:c.a,isPremium:!1,onResultChange:c.a};const w=n.a.div`
width: 100%;
background-color: white;
border-bottom: 1px solid transparent; // Avoid parent and child margin collapsing.
`,O=n()(b.Collapsible)`
margin-bottom: 8px;
button:first-child svg {
margin: -2px 8px 0 -2px; // Compensate icon size set to 18px.
}
${b.StyledIconsButton} {
padding: 8px 0;
color: ${d.colors.$color_blue}
}
`;class v extends p.a.Component{renderCollapsible(t,e,s){return Object(r.createElement)(O,{initialIsOpen:!0,title:`${t} (${s.length})`,prefixIcon:{icon:"angle-up",color:d.colors.$color_grey_dark,size:"18px"},prefixIconCollapsed:{icon:"angle-down",color:d.colors.$color_grey_dark,size:"18px"},suffixIcon:null,suffixIconCollapsed:null,headingProps:{level:e,fontSize:"13px",fontWeight:"bold"}},Object(r.createElement)(E,{results:s,marksButtonActivatedResult:this.props.activeMarker,marksButtonStatus:this.props.marksButtonStatus,marksButtonClassName:this.props.marksButtonClassName,editButtonClassName:this.props.editButtonClassName,markButtonFactory:this.props.markButtonFactory,onMarksButtonClick:this.props.onMarkButtonClick,onEditButtonClick:this.props.onEditButtonClick,isPremium:this.props.isPremium,onResultChange:this.props.onResultChange}))}render(){const{problemsResults:t,improvementsResults:e,goodResults:s,considerationsResults:o,errorsResults:n,upsellResults:i,headingLevel:l,resultCategoryLabels:u}=this.props,c=n.length,d=t.length,m=e.length,p=o.length,g=s.length,b=i.length,k={errors:Object(a.__)("Errors","wordpress-seo"),problems:Object(a.__)("Problems","wordpress-seo"),improvements:Object(a.__)("Improvements","wordpress-seo"),considerations:Object(a.__)("Considerations","wordpress-seo"),goodResults:Object(a.__)("Good results","wordpress-seo")},B=Object.assign(k,u);return Object(r.createElement)(w,null,c>0&&this.renderCollapsible(B.errors,l,n),d+b>0&&this.renderCollapsible(B.problems,l,[...i,...t]),m>0&&this.renderCollapsible(B.improvements,l,e),p>0&&this.renderCollapsible(B.considerations,l,o),g>0&&this.renderCollapsible(B.goodResults,l,s))}}v.propTypes={onMarkButtonClick:l.a.func,onEditButtonClick:l.a.func,problemsResults:l.a.array,improvementsResults:l.a.array,goodResults:l.a.array,considerationsResults:l.a.array,errorsResults:l.a.array,upsellResults:l.a.array,headingLevel:l.a.number,marksButtonStatus:l.a.string,marksButtonClassName:l.a.string,markButtonFactory:l.a.func,editButtonClassName:l.a.string,activeMarker:l.a.string,isPremium:l.a.bool,resultCategoryLabels:l.a.shape({errors:l.a.string,problems:l.a.string,improvements:l.a.string,considerations:l.a.string,goodResults:l.a.string}),onResultChange:l.a.func},v.defaultProps={onMarkButtonClick:()=>{},onEditButtonClick:()=>{},problemsResults:[],improvementsResults:[],goodResults:[],considerationsResults:[],errorsResults:[],upsellResults:[],headingLevel:4,marksButtonStatus:"enabled",marksButtonClassName:"",markButtonFactory:null,editButtonClassName:"",activeMarker:"",isPremium:!1,resultCategoryLabels:{},onResultChange:()=>{}};var _=v;const N=n.a.div`
`,j=n.a.p`
font-size: 14px;
`,M=t=>Object(r.createElement)(N,{className:t.className},Object(r.createElement)(j,{className:t.className+"__text"},t.seoAssessmentText),Object(r.createElement)(b.StackedProgressBar,{className:"progress",items:t.seoAssessmentItems,barHeight:t.barHeight}),Object(r.createElement)(b.ScoreAssessments,{className:"assessments",items:t.seoAssessmentItems}));M.propTypes={className:l.a.string,seoAssessmentText:l.a.string,seoAssessmentItems:l.a.arrayOf(l.a.shape({html:l.a.string.isRequired,value:l.a.number.isRequired,color:l.a.string.isRequired})),barHeight:l.a.string},M.defaultProps={className:"seo-assessment",seoAssessmentText:"SEO Assessment",seoAssessmentItems:null,barHeight:"24px"};var S=M},5:function(t,e){t.exports=window.yoast.styledComponents},6:function(t,e){t.exports=window.yoast.styleGuide},7:function(t,e){t.exports=window.yoast.componentsNew}});