window.yoast=window.yoast||{},window.yoast.analysisReport=function(t){var e={};function s(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,s),o.l=!0,o.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 o in t)s.d(r,o,function(e){return t[e]}.bind(null,o));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},131: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 v})),s.d(e,"AnalysisResult",(function(){return C})),s.d(e,"AnalysisList",(function(){return E})),s.d(e,"renderRatingToColor",(function(){return y})),s.d(e,"SiteSEOReport",(function(){return M}));var r=s(1),o=s(4),a=s(5),n=s.n(a),i=s(0),l=s.n(i),u=s(131),d=s.n(u),c=s(6),m=s(3),p=s.n(m),b=s(2),g=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()(g.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=>Object(r.createElement)(k,null,Object(r.createElement)(B,{icon:t.icon,color:t.bulletColor,size:"13px"}),Object(r.createElement)(h,{suppressedText:t.suppressedText},t.hasBetaBadgeLabel&&Object(r.createElement)(g.BetaBadge,null),Object(r.createElement)("span",{dangerouslySetInnerHTML:{__html:t.text}})),t.hasMarksButton&&!function(t){return"hidden"===t.marksButtonStatus}(t)&&Object(r.createElement)(g.IconButtonToggle,{marksButtonStatus:t.marksButtonStatus,className:t.marksButtonClassName,onClick:t.onButtonClickMarks,id:t.buttonIdMarks,icon:"eye",pressed:t.pressed,ariaLabel:t.ariaLabelMarks}),t.hasEditButton&&t.isPremium&&Object(r.createElement)(g.IconCTAEditButton,{className:t.editButtonClassName,onClick:t.onButtonClickEdit,id:t.buttonIdEdit,icon:"edit",ariaLabel:t.ariaLabelEdit}));f.propTypes={icon:l.a.string,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,editButtonClassName:l.a.string,hasBetaBadgeLabel:l.a.bool,isPremium:l.a.bool},f.defaultProps={icon:"circle",suppressedText:!1,marksButtonStatus:"enabled",marksButtonClassName:"",editButtonClassName:"",hasBetaBadgeLabel:!1,hasEditButton:!1,buttonIdEdit:"",ariaLabelEdit:"",onButtonClickEdit:b.noop,isPremium:!1};var C=f;const x=n.a.ul`
	margin: 8px 0;
	padding: 0;
	list-style: none;
`;function y(t){switch(t){case"good":return c.colors.$color_good;case"OK":return c.colors.$color_ok;case"bad":return c.colors.$color_bad;default:return c.colors.$color_score_icon}}function E(t){return Object(r.createElement)(x,{role:"list"},t.results.map(e=>{const s=y(e.rating),a=e.markerId===t.marksButtonActivatedResult,n=e.id+"Mark",i=e.id+"Edit";let l="";l="disabled"===t.marksButtonStatus?Object(o.__)("Marks are disabled in current view","wordpress-seo"):a?Object(o.__)("Remove highlight from the text","wordpress-seo"):Object(o.__)("Highlight this result in the text","wordpress-seo");const u=e.editFieldName,d=""===u?"":Object(o.sprintf)(
/* Translators: %1$s refers to the name of the field that should be edited (keyphrase, meta description,
       slug or SEO title). */
Object(o.__)("Edit your %1$s","wordpress-seo"),u);return Object(r.createElement)(C,{key:e.id,text:e.text,bulletColor:s,hasMarksButton:e.hasMarks,hasEditButton:e.hasJumps,ariaLabelMarks:l,ariaLabelEdit:d,pressed:a,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})}))}E.propTypes={results:l.a.array.isRequired,marksButtonActivatedResult:l.a.string,marksButtonStatus:l.a.string,marksButtonClassName:l.a.string,editButtonClassName:l.a.string,onMarksButtonClick:l.a.func,onEditButtonClick:l.a.func,isPremium:l.a.bool},E.defaultProps={marksButtonActivatedResult:"",marksButtonStatus:"enabled",marksButtonClassName:"",editButtonClassName:"",onMarksButtonClick:d.a,onEditButtonClick:d.a,isPremium:!1};const w=n.a.div`
	width: 100%;
	background-color: white;
	border-bottom: 1px solid transparent; // Avoid parent and child margin collapsing.
`,R=n()(g.Collapsible)`
	margin-bottom: 8px;

	button:first-child svg {
		margin: -2px 8px 0 -2px; // Compensate icon size set to 18px.
	}

	${g.StyledIconsButton} {
		padding: 8px 0;
		color: ${c.colors.$color_blue}
	}
`;class O extends p.a.Component{renderCollapsible(t,e,s){return Object(r.createElement)(R,{initialIsOpen:!0,title:`${t} (${s.length})`,prefixIcon:{icon:"angle-up",color:c.colors.$color_grey_dark,size:"18px"},prefixIconCollapsed:{icon:"angle-down",color:c.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,onMarksButtonClick:this.props.onMarkButtonClick,onEditButtonClick:this.props.onEditButtonClick,isPremium:this.props.isPremium}))}render(){const{problemsResults:t,improvementsResults:e,goodResults:s,considerationsResults:a,errorsResults:n,upsellResults:i,headingLevel:l,resultCategoryLabels:u}=this.props,d=n.length,c=t.length,m=e.length,p=a.length,b=s.length,g=i.length,k={errors:Object(o.__)("Errors","wordpress-seo"),problems:Object(o.__)("Problems","wordpress-seo"),improvements:Object(o.__)("Improvements","wordpress-seo"),considerations:Object(o.__)("Considerations","wordpress-seo"),goodResults:Object(o.__)("Good results","wordpress-seo")},B=Object.assign(k,u);return Object(r.createElement)(w,null,d>0&&this.renderCollapsible(B.errors,l,n),c+g>0&&this.renderCollapsible(B.problems,l,[...i,...t]),m>0&&this.renderCollapsible(B.improvements,l,e),p>0&&this.renderCollapsible(B.considerations,l,a),b>0&&this.renderCollapsible(B.goodResults,l,s))}}O.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,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})},O.defaultProps={onMarkButtonClick:()=>{},onEditButtonClick:()=>{},problemsResults:[],improvementsResults:[],goodResults:[],considerationsResults:[],errorsResults:[],upsellResults:[],headingLevel:4,marksButtonStatus:"enabled",marksButtonClassName:"",editButtonClassName:"",activeMarker:"",isPremium:!1,resultCategoryLabels:{}};var v=O;const _=n.a.div`
`,j=n.a.p`
	font-size: 14px;
`,N=t=>Object(r.createElement)(_,{className:t.className},Object(r.createElement)(j,{className:t.className+"__text"},t.seoAssessmentText),Object(r.createElement)(g.StackedProgressBar,{className:"progress",items:t.seoAssessmentItems,barHeight:t.barHeight}),Object(r.createElement)(g.ScoreAssessments,{className:"assessments",items:t.seoAssessmentItems}));N.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},N.defaultProps={className:"seo-assessment",seoAssessmentText:"SEO Assessment",seoAssessmentItems:null,barHeight:"24px"};var M=N},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}});