window.yoast=window.yoast||{},window.yoast.analysisReport=function(e){var t={};function s(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,s),o.l=!0,o.exports}return s.m=e,s.c=t,s.d=function(e,t,r){s.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(s.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)s.d(r,o,function(t){return e[t]}.bind(null,o));return r},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="",s(s.s=498)}({0:function(e,t){e.exports=window.yoast.propTypes},1:function(e,t){e.exports=window.wp.element},110:function(e,t){e.exports=window.lodash.noop},2:function(e,t){e.exports=window.lodash},3:function(e,t){e.exports=window.React},4:function(e,t){e.exports=window.wp.i18n},498:function(e,t,s){"use strict";s.r(t),s.d(t,"ContentAnalysis",(function(){return v})),s.d(t,"AnalysisResult",(function(){return f})),s.d(t,"AnalysisList",(function(){return y})),s.d(t,"renderRatingToColor",(function(){return R})),s.d(t,"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(110),d=s.n(u),c=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;
`,h=n()(b.SvgIcon)`
	margin: 3px 11px 0 0; // icon 13 + 11 right margin = 24 for the 8px grid.
`,B=n.a.p`
	margin: 0 16px 0 0;
	flex: 1 1 auto;
	color: ${e=>e.suppressedText?"rgba(30,30,30,0.5)":"inherit"};
`,C=e=>{const{id:t,marker:s,hasMarksButton:o}=e;return Object(r.useEffect)(()=>{e.onResultChange(t,s,o)},[t,s,o]),Object(r.createElement)(k,null,Object(r.createElement)(h,{icon:"circle",color:e.bulletColor,size:"13px"}),Object(r.createElement)(B,{suppressedText:e.suppressedText},e.hasBetaBadgeLabel&&Object(r.createElement)(b.BetaBadge,null),Object(r.createElement)("span",{dangerouslySetInnerHTML:{__html:e.text}})),e.hasMarksButton&&!function(e){return"hidden"===e.marksButtonStatus}(e)&&Object(r.createElement)(b.IconButtonToggle,{marksButtonStatus:e.marksButtonStatus,className:e.marksButtonClassName,onClick:e.onButtonClickMarks,id:e.buttonIdMarks,icon:"eye",pressed:e.pressed,ariaLabel:e.ariaLabelMarks}),e.hasEditButton&&e.isPremium&&Object(r.createElement)(b.IconCTAEditButton,{className:e.editButtonClassName,onClick:e.onButtonClickEdit,id:e.buttonIdEdit,icon:"edit",ariaLabel:e.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,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 f=C;const x=n.a.ul`
	margin: 8px 0;
	padding: 0;
	list-style: none;
`;function R(e){switch(e){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 y(e){return Object(r.createElement)(x,{role:"list"},e.results.map(t=>{const s=R(t.rating),a=t.markerId===e.marksButtonActivatedResult,n=t.id+"Mark",i=t.id+"Edit";let l="";l="disabled"===e.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=t.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)(f,{key:t.id,id:t.id,text:t.text,marker:t.marker,bulletColor:s,hasMarksButton:t.hasMarks,hasEditButton:t.hasJumps,ariaLabelMarks:l,ariaLabelEdit:d,pressed:a,suppressedText:"upsell"===t.rating,buttonIdMarks:n,buttonIdEdit:i,onButtonClickMarks:()=>e.onMarksButtonClick(t.id,t.marker),onButtonClickEdit:()=>e.onEditButtonClick(t.id),marksButtonClassName:e.marksButtonClassName,editButtonClassName:e.editButtonClassName,marksButtonStatus:e.marksButtonStatus,hasBetaBadgeLabel:t.hasBetaBadge,isPremium:e.isPremium,onResultChange:e.onResultChange})}))}y.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,onResultChange:l.a.func},y.defaultProps={marksButtonActivatedResult:"",marksButtonStatus:"enabled",marksButtonClassName:"",editButtonClassName:"",onMarksButtonClick:d.a,onEditButtonClick:d.a,isPremium:!1,onResultChange:d.a};const E=n.a.div`
	width: 100%;
	background-color: white;
	border-bottom: 1px solid transparent; // Avoid parent and child margin collapsing.
`,w=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: ${c.colors.$color_blue}
	}
`;class O extends p.a.Component{renderCollapsible(e,t,s){return Object(r.createElement)(w,{initialIsOpen:!0,title:`${e} (${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:t,fontSize:"13px",fontWeight:"bold"}},Object(r.createElement)(y,{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,onResultChange:this.props.onResultChange}))}render(){const{problemsResults:e,improvementsResults:t,goodResults:s,considerationsResults:a,errorsResults:n,upsellResults:i,headingLevel:l,resultCategoryLabels:u}=this.props,d=n.length,c=e.length,m=t.length,p=a.length,g=s.length,b=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")},h=Object.assign(k,u);return Object(r.createElement)(E,null,d>0&&this.renderCollapsible(h.errors,l,n),c+b>0&&this.renderCollapsible(h.problems,l,[...i,...e]),m>0&&this.renderCollapsible(h.improvements,l,t),p>0&&this.renderCollapsible(h.considerations,l,a),g>0&&this.renderCollapsible(h.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}),onResultChange:l.a.func},O.defaultProps={onMarkButtonClick:()=>{},onEditButtonClick:()=>{},problemsResults:[],improvementsResults:[],goodResults:[],considerationsResults:[],errorsResults:[],upsellResults:[],headingLevel:4,marksButtonStatus:"enabled",marksButtonClassName:"",editButtonClassName:"",activeMarker:"",isPremium:!1,resultCategoryLabels:{},onResultChange:()=>{}};var v=O;const _=n.a.div`
`,j=n.a.p`
	font-size: 14px;
`,N=e=>Object(r.createElement)(_,{className:e.className},Object(r.createElement)(j,{className:e.className+"__text"},e.seoAssessmentText),Object(r.createElement)(b.StackedProgressBar,{className:"progress",items:e.seoAssessmentItems,barHeight:e.barHeight}),Object(r.createElement)(b.ScoreAssessments,{className:"assessments",items:e.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(e,t){e.exports=window.yoast.styledComponents},6:function(e,t){e.exports=window.yoast.styleGuide},7:function(e,t){e.exports=window.yoast.componentsNew}});