wp_back/wp-content/plugins/wordpress-seo/js/dist/externals/componentsNew.js

1098 lines
145 KiB
JavaScript
Raw Normal View History

2024-05-20 15:37:46 +03:00
window.yoast=window.yoast||{},window.yoast.componentsNew=function(e){var t={};function o(r){if(t[r])return t[r].exports;var n=t[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=e,o.c=t,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(o.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(r,n,function(t){return e[t]}.bind(null,n));return r},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=398)}({0:function(e,t){e.exports=window.yoast.propTypes},1:function(e,t){e.exports=window.wp.element},10:function(e,t){e.exports=window.yoast.helpers},113:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return[].slice.call(e.querySelectorAll("*"),0).filter(a)};var r=/input|select|textarea|button|object/;function n(e){var t=e.offsetWidth<=0&&e.offsetHeight<=0;if(t&&!e.innerHTML)return!0;var o=window.getComputedStyle(e);return t?"visible"!==o.getPropertyValue("overflow")||e.scrollWidth<=0&&e.scrollHeight<=0:"none"==o.getPropertyValue("display")}function a(e){var t=e.getAttribute("tabindex");null===t&&(t=void 0);var o=isNaN(t);return(o||t>=0)&&function(e,t){var o=e.nodeName.toLowerCase();return(r.test(o)&&!e.disabled||"a"===o&&e.href||t)&&function(e){for(var t=e;t&&t!==document.body;){if(n(t))return!1;t=t.parentNode}return!0}(e)}(e,!o)}e.exports=t.default},114:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.assertNodeList=l,t.setElement=function(e){var t=e;if("string"==typeof t&&a.canUseDOM){var o=document.querySelectorAll(t);l(o,t),t="length"in o?o[0]:o}return s=t||s},t.validateElement=i,t.hide=function(e){i(e)&&(e||s).setAttribute("aria-hidden","true")},t.show=function(e){i(e)&&(e||s).removeAttribute("aria-hidden")},t.documentNotReadyOrSSRTesting=function(){s=null},t.resetForTesting=function(){s=null};var r,n=(r=o(208))&&r.__esModule?r:{default:r},a=o(91),s=null;function l(e,t){if(!e||!e.length)throw new Error("react-modal: No elements were found for selector "+t+".")}function i(e){return!(!e&&!s&&((0,n.default)(!1,["react-modal: App element is not defined.","Please use `Modal.setAppElement(el)` or set `appElement={el}`.","This is needed so screen readers don't see main content","when modal is opened. It is not recommended, but you can opt-out","by setting `ariaHideApp={false}`."].join(" ")),1))}},115:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=new function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.register=function(e){-1===t.openInstances.indexOf(e)&&(t.openInstances.push(e),t.emit("register"))},this.deregister=function(e){var o=t.openInstances.indexOf(e);-1!==o&&(t.openInstances.splice(o,1),t.emit("deregister"))},this.subscribe=function(e){t.subscribers.push(e)},this.emit=function(e){t.subscribers.forEach((function(o){return o(e,t.openInstances.slice())}))},this.openInstances=[],this.subscribers=[]};t.default=r,e.exports=t.default},12:function(e,t){function o(){return e.exports=o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},e.exports.default=e.exports,e.exports.__esModule=!0,o.apply(this,arguments)}e.exports=o,e.exports.default=e.exports,e.exports.__esModule=!0},179:function(e,t){e.exports=window.yoast.reactSelect},180:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,n=(r=o(204))&&r.__esModule?r:{default:r};t.default=n
width: ${e=>e.size};
height: ${e=>e.size};
flex: none;
animation: loadingSpinnerRotator 1.4s linear infinite;
& .path {
stroke: ${e=>e.fill};
stroke-dasharray: 187;
stroke-dashoffset: 0;
transform-origin: center;
animation: loadingSpinnerDash 1.4s ease-in-out infinite;
}
@keyframes loadingSpinnerRotator {
0% { transform: rotate( 0deg ); }
100% { transform: rotate( 270deg ); }
}
@keyframes loadingSpinnerDash {
0% { stroke-dashoffset: 187; }
50% {
stroke-dashoffset: 47;
transform:rotate( 135deg );
}
100% {
stroke-dashoffset: 187;
transform: rotate( 450deg );
}
}
`,g={"chevron-down":{viewbox:"0 0 24 24",width:"24px",path:[Object(r.createElement)("g",{key:"1"},Object(r.createElement)("path",{fill:"none",d:"M0,0h24v24H0V0z"})),Object(r.createElement)("g",{key:"2"},Object(r.createElement)("path",{d:"M7.41,8.59L12,13.17l4.59-4.58L18,10l-6,6l-6-6L7.41,8.59z"}))]},"chevron-up":{viewbox:"0 0 24 24",width:"24px",path:[Object(r.createElement)("g",{key:"1"},Object(r.createElement)("path",{fill:"none",d:"M0,0h24v24H0V0z"})),Object(r.createElement)("g",{key:"2"},Object(r.createElement)("path",{d:"M12,8l-6,6l1.41,1.41L12,10.83l4.59,4.58L18,14L12,8z"}))]},clipboard:{viewbox:"0 0 1792 1792",path:"M768 1664h896v-640h-416q-40 0-68-28t-28-68v-416h-384v1152zm256-1440v-64q0-13-9.5-22.5t-22.5-9.5h-704q-13 0-22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h704q13 0 22.5-9.5t9.5-22.5zm256 672h299l-299-299v299zm512 128v672q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-160h-544q-40 0-68-28t-28-68v-1344q0-40 28-68t68-28h1088q40 0 68 28t28 68v328q21 13 36 28l408 408q28 28 48 76t20 88z"},check:{viewbox:"0 0 1792 1792",path:"M249.2,431.2c-23,0-45.6,9.4-61.8,25.6L25.6,618.6C9.4,634.8,0,657.4,0,680.4c0,23,9.4,45.6,25.6,61.8 l593.1,593.1c16.2,16.2,38.8,25.6,61.8,25.6c23,0,45.6-9.4,61.8-25.6L1766.4,311c16.2-16.2,25.6-38.8,25.6-61.8 s-9.4-45.6-25.6-61.8L1604.5,25.6C1588.3,9.4,1565.8,0,1542.8,0c-23,0-45.6,9.4-61.8,25.6L680.4,827L311,456.3 C294.8,440.5,272.3,431.2,249.2,431.2z"},"angle-down":{viewbox:"0 0 1792 1792",path:"M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"},"angle-left":{viewbox:"0 0 1792 1792",path:"M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z"},"angle-right":{viewbox:"0 0 1792 1792",path:"M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z"},"angle-up":{viewbox:"0 0 1792 1792",path:"M1395 1184q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z"},"arrow-down":{viewbox:"0 0 1792 1792",path:"M896 1791L120.91 448.5L1671.09 448.5z"},"arrow-left":{viewbox:"0 0 1792 1792",path:"M1343.5 1671.09L1 896L1343.5 120.91z"},"arrow-right":{viewbox:"0 0 1792 1792",path:"M1791 896L448.5 1671.09L448.5 120.91z"},"arrow-up":{viewbox:"0 0 1792 1792",path:"M1671.09 1343.5L120.91 1343.5L896 1z"},"caret-right":{viewbox:"0 0 192 512",path:"M 0 384.662 V 127.338 c 0 -17.818 21.543 -26.741 34.142 -14.142 l 128.662 128.662 c 7.81 7.81 7.81 20.474 0 28.284 L 34.142 398.804 C 21.543 411.404 0 402.48 0 384.662 Z"},circle:{viewbox:"0 0 1792 1792",path:"M1664 896q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"},desktop:{viewbox:"0 0 1792 1792",path:"M1728 992v-832q0-13-9.5-22.5t-22.5-9.5h-1600q-13 0-22.5 9.5t-9.5 22.5v832q0 13 9.5 22.5t22.5 9.5h1600q13 0 22.5-9.5t9.5-22.5zm128-832v1088q0 66-47 113t-113 47h-544q0 37 16 77.5t32 71 16 43.5q0 26-19 45t-45 19h-512q-26 0-45-19t-19-45q0-14 16-44t32-70 16-78h-544q-66 0-113-47t-47-113v-1088q0-66 47-113t113-47h1600q66 0 113 47t47 113z"},edit:{viewbox:"0 0 1792 1792",path:"M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z"},eye:{viewbox:"0 0 1792 1792",path:"M1664 960q-152-236-381-353 61 104 61 225 0 185-131.5 316.5t-316.5 131.5-316.5-131.5-131.5-316.5q0-121 61-225-229 117-381 353 133 205 333.5 326.5t434.5 121.5 434.5-121.5 333.5-326.5zm-720-384q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69-140 230-376.5 368.5t-499.5 138.5-499.5-139-376.5-368q-20-35-20-69t20-69q140-229 376.5-368t499.5-139 499.5 139 376.5 368q20 3
margin-left: ${Object(u.getDirectionalStyle)("0","20px")};
padding: ${Object(u.getDirectionalStyle)("0","20px")};
`,x=c()(y)``,O=c()(b)`
box-shadow: ${e=>e.hasPaperStyle?"0 1px 2px "+Object(d.rgba)(d.colors.$color_black,.2):"none"};
background-color: ${e=>e.hasPaperStyle?d.colors.$color_white:"transparent"};
padding-right: ${e=>e.hasPaperStyle?"20px":"0"};
padding-left: ${e=>e.hasPaperStyle?"20px":"0"};
padding-bottom: ${e=>e.headingText?"0":"10px"};
padding-top: ${e=>e.headingText?"0":"10px"};
*, & {
box-sizing: border-box;
&:before, &:after {
box-sizing: border-box;
}
}
& ${v} {
display: flex;
align-items: center;
padding: 8px 0 0;
font-size: 1rem;
line-height: 1.5;
margin: 0 0 16px;
font-family: "Open Sans", sans-serif;
font-weight: 300;
color: ${e=>e.headingColor?e.headingColor:""+d.colors.$color_grey_dark};
}
& ${x} {
flex: 0 0 auto;
${Object(u.getDirectionalStyle)("margin-right","margin-left")}: 8px;
}
`,C=e=>Object(r.createElement)(O,{className:e.className,headingColor:e.headingColor,hasPaperStyle:e.hasPaperStyle},e.headingText&&Object(r.createElement)(v,{level:e.headingLevel,className:e.headingClassName},e.headingIcon&&Object(r.createElement)(x,{icon:e.headingIcon,color:e.headingIconColor,size:e.headingIconSize}),e.headingText),e.children);C.propTypes={className:l.a.string,headingLevel:l.a.number,headingClassName:l.a.string,headingColor:l.a.string,headingIcon:l.a.string,headingIconColor:l.a.string,headingIconSize:l.a.string,headingText:l.a.string,hasPaperStyle:l.a.bool,children:l.a.any},C.defaultProps={className:"yoast-section",headingLevel:2,hasPaperStyle:!0};var w=C,_=o(86),j=o.n(_);function E(e){return c()(e)`
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
border-width: ${"1px"};
border-style: solid;
margin: 0;
padding: ${"4px"} 10px;
border-radius: 3px;
cursor: pointer;
box-sizing: border-box;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
text-align: ${Object(u.getDirectionalStyle)("left","right")};
overflow: visible;
min-height: ${"32px"};
transition: var(--yoast-transition-default);
svg {
// Safari 10
align-self: center;
}
// Only needed for IE 10+. Don't add spaces within brackets for this to work.
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
::after {
display: inline-block;
content: "";
min-height: ${"22px"};
}
}
`}function k(e){return c()(e)`
&::-moz-focus-inner {
border-width: 0;
}
&:focus {
outline: none;
border-color: ${e=>e.focusBorderColor};
color: ${e=>e.focusColor};
background-color: ${e=>e.focusBackgroundColor};
box-shadow: 0 0 3px ${e=>Object(d.rgba)(e.focusBoxShadowColor,.8)}
}
`}function S(e){return c()(e)`
&:hover {
color: ${e=>e.hoverColor};
background-color: ${e=>e.hoverBackgroundColor};
border-color: var(--yoast-color-border--default);
}
`}function T(e){return c()(e)`
&:active {
color: ${e=>e.activeColor};
background-color: ${e=>e.activeBackgroundColor};
border-color: ${e=>e.hoverBorderColor};
box-shadow: inset 0 2px 5px -3px ${e=>Object(d.rgba)(e.activeBorderColor,.5)}
}
`}const $=j()([T,k,S,E]),q=$(c.a.button`
color: ${e=>e.textColor};
border-color: ${e=>e.borderColor};
background: ${e=>e.backgroundColor};
box-shadow: 0 1px 0 ${e=>Object(d.rgba)(e.boxShadowColor,1)};
`);q.propTypes={type:l.a.string,backgroundColor:l.a.string,textColor:l.a.string,borderColor:l.a.string,boxShadowColor:l.a.string,hoverColor:l.a.string,hoverBackgroundColor:l.a.string,activeColor:l.a.string,activeBackgroundColor:l.a.string,activeBorderColor:l.a.string,focusColor:l.a.string,focusBackgroundColor:l.a.string,focusBorderColor:l.a.string,focusBoxShadowColor:l.a.string},q.defaultProps={type:"button",backgroundColor:d.colors.$color_button,textColor:d.colors.$color_button_text,borderColor:d.colors.$color_button_border,boxShadowColor:d.colors.$color_button_border,hoverColor:d.colors.$color_button_text_hover,hoverBackgroundColor:d.colors.$color_button_hover,activeColor:d.colors.$color_button_text_hover,activeBackgroundColor:d.colors.$color_button,activeBorderColor:d.colors.$color_button_border_active,focusColor:d.colors.$color_button_text_hover,focusBackgroundColor:d.colors.$color_white,focusBorderColor:d.colors.$color_blue,focusBoxShadowColor:d.colors.$color_blue_dark};var N=q;const R=$(c.a.a`
text-decoration: none;
color: ${e=>e.textColor};
border-color: ${e=>e.borderColor};
background: ${e=>e.backgroundColor};
box-shadow: 0 1px 0 ${e=>Object(d.rgba)(e.boxShadowColor,1)};
`);R.propTypes={backgroundColor:l.a.string,textColor:l.a.string,borderColor:l.a.string,boxShadowColor:l.a.string,hoverColor:l.a.string,hoverBackgroundColor:l.a.string,hoverBorderColor:l.a.string,activeColor:l.a.string,activeBackgroundColor:l.a.string,activeBorderColor:l.a.string,focusColor:l.a.string,focusBackgroundColor:l.a.string,focusBorderColor:l.a.string,focusBoxShadowColor:l.a.string},R.defaultProps={backgroundColor:d.colors.$color_button,textColor:d.colors.$color_button_text,borderColor:d.colors.$color_button_border,boxShadowColor:d.colors.$color_button_border,hoverColor:d.colors.$color_button_text_hover,hoverBackgroundColor:d.colors.$color_button_hover,hoverBorderColor:d.colors.$color_button_border_hover,activeColor:d.colors.$color_button_text_hover,activeBackgroundColor:d.colors.$color_button,activeBorderColor:d.colors.$color_button_border_hover,focusColor:d.colors.$color_button_text_hover,focusBackgroundColor:d.colors.$color_white,focusBorderColor:d.colors.$color_blue,focusBoxShadowColor:d.colors.$color_blue_dark};var P=o(12),B=o.n(P);const I="yoast-button yoast-button--",z={buy:{iconAfter:"yoast-button--buy__caret"},edit:{iconBefore:"yoast-button--edit"},upsell:{iconAfter:"yoast-button--buy__caret"}},M={primary:I+"primary",secondary:I+"secondary",buy:I+"buy",hide:"yoast-hide",remove:"yoast-remove",upsell:I+"buy",purple:I+"primary",grey:I+"secondary",yellow:I+"buy",edit:I+"primary"},L=(e,t)=>{let o=M[e];return t&&(o+=" yoast-button--small"),o},D=e=>z[e]||null,A=e=>{const{children:t,className:o,variant:n,small:a,type:s,buttonRef:l,...i}=e,c=D(n),d=c&&c.iconBefore,u=c&&c.iconAfter;return Object(r.createElement)("button",B()({ref:l,className:o||L(n,a),type:s},i),!!d&&Object(r.createElement)("span",{className:d}),t,!!u&&Object(r.createElement)("span",{className:u}))};A.propTypes={onClick:l.a.func,type:l.a.string,className:l.a.string,buttonRef:l.a.object,small:l.a.bool,variant:l.a.oneOf(Object.keys(M)),children:l.a.oneOfType([l.a.node,l.a.arrayOf(l.a.node)])},A.defaultProps={className:"",type:"button",variant:"primary",small:!1,children:null,onClick:null,buttonRef:null};const F=e=>{const{children:t,className:o,variant:n,small:a,buttonRef:s,...l}=e,i=D(n),c=i&&i.iconBefore,d=i&&i.iconAfter;return Object(r.createElement)("a",B()({className:o||L(n,a),ref:s},l),!!c&&Object(r.createElement)("span",{className:c}),t,!!d&&Object(r.createElement)("span",{className:d}))};F.propTypes={href:l.a.string.isRequired,variant:l.a.oneOf(Object.keys(M)),small:l.a.bool,className:l.a.string,buttonRef:l.a.object,children:l.a.oneOfType([l.a.node,l.a.arrayOf(l.a.node)])},F.defaultProps={className:"",variant:"primary",small:!1,children:null,buttonRef:null};var U=o(4);const H=Object(r.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 352 512",role:"img","aria-hidden":"true",focusable:"false"},Object(r.createElement)("path",{d:"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"})),W=e=>Object(r.createElement)("button",B()({className:"yoast-close","aria-label":Object(U.__)("Close","wordpress-seo")},e),H);W.propTypes={onClick:l.a.func.isRequired};const V={linkTo:l.a.string,linkText:l.a.string},K={linkTo:"",linkText:""},G=e=>{let{linkTo:t,linkText:o}=e;return Object(r.createElement)("a",{className:"yoast-help",target:"_blank",href:t,rel:"noopener noreferrer"},Object(r.createElement)("span",{className:"yoast-help__icon"},Object(r.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 12",role:"img","aria-hidden":"true",focusable:"false"},Object(r.createElement)("path",{d:"M12 6A6 6 0 110 6a6 6 0 0112 0zM6.2 2C4.8 2 4 2.5 3.3 3.5l.1.4.8.7.4-.1c.5-.5.8-.9 1.4-.9.5 0 1.1.4 1.1.8s-.3.6-.7.9C5.8 5.6 5 6 5 7c0 .2.2.4.3.4h1.4L7 7c0-.8 2-.8 2-2.6C9 3 7.5 2
/* Translators: %d expands to number of occurrences. */
const t=Object(U.sprintf)(Object(U.__)("%d occurrences","wordpress-seo"),e.number);return Object(r.createElement)("li",{key:e.name+"_dataItem",style:{"--yoast-width":e.width+"%"}},e.name,Object(r.createElement)("span",null,e.number),Object(r.createElement)("span",{className:"screen-reader-text"},t))};se.propTypes=ae;const le=e=>Object(r.createElement)("ul",{className:"yoast-data-model","aria-label":Object(U.__)("Prominent words","wordpress-seo")},e.items.map(se));le.propTypes={items:l.a.arrayOf(l.a.shape(ae))},le.defaultProps={items:[]};var ie=le;const ce=e=>{const{imageSelected:t,onClick:o,onRemoveImageClick:a,selectImageButtonId:s,replaceImageButtonId:l,removeImageButtonId:i,isDisabled:c}=e,d=Object(n.useCallback)(e=>{e.target.previousElementSibling.focus(),a()},[a]);return Object(r.createElement)("div",{className:"yoast-image-select-buttons"},Object(r.createElement)(A,{variant:"secondary",id:t?l:s,onClick:o,disabled:c},t?Object(U.__)("Replace image","wordpress-seo"):Object(U.__)("Select image","wordpress-seo")),t&&Object(r.createElement)(A,{variant:"remove",id:i,onClick:d,disabled:c},Object(U.__)("Remove image","wordpress-seo")))};var de=ce;ce.propTypes={imageSelected:l.a.bool,onClick:l.a.func,onRemoveImageClick:l.a.func,selectImageButtonId:l.a.string,replaceImageButtonId:l.a.string,removeImageButtonId:l.a.string,isDisabled:l.a.bool},ce.defaultProps={imageSelected:!1,onClick:()=>{},onRemoveImageClick:()=>{},selectImageButtonId:"",replaceImageButtonId:"",removeImageButtonId:"",isDisabled:!1};const ue=c.a.div`
display: flex;
align-items: flex-start;
font-size: 13px;
line-height: 1.5;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 16px;
color: ${e=>e.alertColor};
background: ${e=>e.alertBackground};
margin-bottom: 20px;
`,pe=c.a.div`
flex-grow: 1;
a {
color: ${d.colors.$color_alert_link_text};
}
p {
margin-top: 0;
}
`,he=c()(y)`
margin-top: 0.1rem;
${Object(u.getDirectionalStyle)("margin-right: 8px","margin-left: 8px")};
`,fe=c()(N)`
${Object(u.getDirectionalStyle)("margin: -8px -12px -8px 8px","margin: -8px 8px -12px -8px")};
font-size: 24px;
line-height: 1.4;
color: ${e=>e.alertDismissColor};
flex-shrink: 0;
min-width: 36px;
height: 36px;
// Override the base button style: get rid of the button styling.
padding: 0;
&, &:hover, &:active {
/* Inherits box-sizing: border-box so this doesn't change the rendered size. */
border: 2px solid transparent;
background: transparent;
box-shadow: none;
color: ${e=>e.alertDismissColor};
}
/* Inherits focus style from the Button component. */
&:focus {
background: transparent;
color: ${e=>e.alertDismissColor};
border-color: ${d.colors.$color_yoast_focus};
box-shadow: 0px 0px 0px 3px ${d.colors.$color_yoast_focus_outer};
}
`;class be extends a.a.Component{getTypeDisplayOptions(e){switch(e){case"error":return{color:d.colors.$color_alert_error_text,background:d.colors.$color_alert_error_background,icon:"alert-error"};case"info":return{color:d.colors.$color_alert_info_text,background:d.colors.$color_alert_info_background,icon:"alert-info"};case"success":return{color:d.colors.$color_alert_success_text,background:d.colors.$color_alert_success_background,icon:"alert-success"};case"warning":return{color:d.colors.$color_alert_warning_text,background:d.colors.$color_alert_warning_background,icon:"alert-warning"}}}render(){if(!0===this.props.isAlertDismissed)return null;const e=this.getTypeDisplayOptions(this.props.type),t=this.props.dismissAriaLabel||Object(U.__)("Dismiss this alert","wordpress-seo");return Object(r.createElement)(ue,{alertColor:e.color,alertBackground:e.background,className:this.props.className},Object(r.createElement)(he,{icon:e.icon,color:e.color}),Object(r.createElement)(pe,null,this.props.children),"function"==typeof this.props.onDismissed?Object(r.createElement)(fe,{alertDismissColor:e.color,onClick:this.props.onDismissed,"aria-label":t},"×"):null)}}be.propTypes={children:l.a.any.isRequired,type:l.a.oneOf(["error","info","success","warning"]).isRequired,onDismissed:l.a.func,isAlertDismissed:l.a.bool,dismissAriaLabel:l.a.string,className:l.a.string},be.defaultProps={onDismissed:null,isAlertDismissed:!1,dismissAriaLabel:"",className:""};var me=be;function ge(e){const t=!1===e.usingFallback&&""!==e.imageUrl,o=e.imageUrl||e.defaultImageUrl||"",n=e.warnings.length>0&&t;let a=n?"yoast-image-select__preview yoast-image-select__preview-has-warnings":"yoast-image-select__preview";""===o&&(a="yoast-image-select__preview yoast-image-select__preview--no-preview");const s={imageSelected:t,onClick:e.onClick,onRemoveImageClick:e.onRemoveImageClick,selectImageButtonId:e.selectImageButtonId,replaceImageButtonId:e.replaceImageButtonId,removeImageButtonId:e.removeImageButtonId,isDisabled:e.isDisabled};return Object(r.createElement)("div",{className:"yoast-image-select",onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave},Object(r.createElement)(re,{label:e.label,hasNewBadge:e.hasNewBadge,hasPremiumBadge:e.hasPremiumBadge},e.hasPreview&&Object(r.createElement)("button",{className:a,onClick:e.onClick,type:"button",disabled:e.isDisabled},""!==o&&Object(r.createElement)("img",{src:o,alt:e.imageAltText,className:"yoast-image-select__preview--image"}),Object(r.createElement)(()=>Object(r.createElement)("span",{className:"screen-reader-text"},t?Object(U.__)("Replace image","wordpress-seo"):Object(U.__)("Select image","wordpress-seo")),null)),n&&Object(r.createElement)("div",{role:"alert"},e.warnings.map((e,t)=>Object(r.createElement)(me,{key:"warning"+t,type:"warning"},e))),Object(r.createElement)(de,s)))}var ye=ge;ge.propTypes={defaultImageUrl:l.a.string,imageUrl:l.a.string,imageAltText:l.a.string,hasPreview:l.a.bool.isRequired,label:l.a.string.isRequired,onClick:l.a.func,onMouseEnter:l.a.func,onMouseLeave:l.a.func,onRemoveImageClick:l.a.func,selectImageButtonId:l.a.string,replaceImageButtonId:l.a.string,removeImageButtonId:l.a.string,warnings:l.a.arrayOf(l.a.string),hasNewBadge:l.a.bool,isDisabled:l.a.bool,usingFallback:l.a.bool,hasPremiumBadge:l.a.bool},ge.defaultProps={defaultImageUrl:"",imageUrl:"",imageAltText:"",onClick:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},onRemoveImageClick:()=>{},selectImageButtonId:"",replaceImageButtonId:"",removeImageButtonId:"",warnings:[],hasNewBadge:!1,isDisabled:!1,usingFallback:!1,hasPremiumBadge:!1};const ve=e=>{const t={...e};return e.id&&(t.htmlFor=e.id),Object(r.createElement)(re,t,Object(r.createElement)("input",{id:e.id,name:e.name,value:e.value,type:e.type,className:"yoast-field-group__inputfield","aria-describedby":e.ariaDescribedBy,placeholder:e.placeholder,readOnly:e.readOnly,min:e.min,max:e.max,step:e.step,onChange:(o=e.onChange,e=>{o(e.target.value)})}));var o};ve.propTypes={id:l.a.string,name:l.a.string,value:l.a.string,type:l.a.oneOf(["text","color","date","datetime-local","email","hidden
flex-grow: 1;
overflow-x: hidden;
line-height: normal; // Avoid vertical scrollbar in IE 11 when rendered in the WP sidebar.
`,Qe=c.a.span`
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: ${d.colors.$color_headings};
`,et=c.a.span`
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 0.8125rem;
margin-top: 2px;
`,tt=e=>Object(r.createElement)(Je,null,Object(r.createElement)(Qe,null,e.title,e.titleScreenReaderText&&Object(r.createElement)(Xe,null," "+e.titleScreenReaderText)),e.subTitle&&Object(r.createElement)(et,null,e.subTitle));tt.propTypes={title:l.a.string.isRequired,titleScreenReaderText:l.a.string,subTitle:l.a.string};const ot=c.a.div`
padding: 0 16px;
margin-bottom: 16px;
`,rt=c.a.div`
background-color: ${d.colors.$color_white};
`,nt=c()(rt)`
border-top: var(--yoast-border-default);
`,at=c()(Ge)`
width: 100%;
background-color: ${d.colors.$color_white};
padding: 16px;
justify-content: flex-start;
border-color: transparent;
border: none;
border-radius: 0;
box-shadow: none;
font-weight: normal;
:focus {
outline: 1px solid ${d.colors.$color_blue};
outline-offset: -1px;
}
:active {
box-shadow: none;
background-color: ${d.colors.$color_white};
}
svg {
${e=>e.hasSubTitle?"align-self: flex-start;":""}
&:first-child {
${Object(u.getDirectionalStyle)("margin-right: 8px","margin-left: 8px")};
}
&:last-child {
${Object(u.getDirectionalStyle)("margin-left: 8px","margin-right: 8px")};
}
}
`;function st(e,t){const o="h"+t.level,n=c()(o)`
margin: 0 !important;
padding: 0 !important;
font-size: ${t.fontSize} !important;
font-weight: ${t.fontWeight} !important;
`;return function(t){return Object(r.createElement)(n,null,Object(r.createElement)(e,t))}}const lt=st(at,{level:2,fontSize:"1rem",fontWeight:"normal"});function it(e){const{children:t,className:o,hasPadding:n,hasSeparator:a,Heading:s,id:l,isOpen:i,onToggle:c,prefixIcon:d,prefixIconCollapsed:u,suffixIcon:p,suffixIconCollapsed:h,subTitle:f,title:b,titleScreenReaderText:m}=e;let g=t;i&&n&&(g=Object(r.createElement)(ot,{className:"collapsible_content"},t));const y=a?nt:rt;return Object(r.createElement)(y,{className:o},Object(r.createElement)(s,{id:l,"aria-expanded":i,onClick:c,prefixIcon:i?d:u,suffixIcon:i?p:h,hasSubTitle:!!f},Object(r.createElement)(tt,{title:b,titleScreenReaderText:m,subTitle:f})),g)}it.propTypes={children:l.a.oneOfType([l.a.arrayOf(l.a.node),l.a.node]),className:l.a.string,Heading:l.a.func,isOpen:l.a.bool.isRequired,hasSeparator:l.a.bool,hasPadding:l.a.bool,onToggle:l.a.func.isRequired,prefixIcon:l.a.shape({icon:l.a.string,color:l.a.string,size:l.a.string}),prefixIconCollapsed:l.a.shape({icon:l.a.string,color:l.a.string,size:l.a.string}),subTitle:l.a.string,suffixIcon:l.a.shape({icon:l.a.string,color:l.a.string,size:l.a.string}),suffixIconCollapsed:l.a.shape({icon:l.a.string,color:l.a.string,size:l.a.string}),title:l.a.string.isRequired,titleScreenReaderText:l.a.string,id:l.a.string},it.defaultProps={Heading:lt,id:null,children:null,className:null,subTitle:null,titleScreenReaderText:null,hasSeparator:!1,hasPadding:!1,prefixIcon:null,prefixIconCollapsed:null,suffixIcon:null,suffixIconCollapsed:null};class ct extends a.a.Component{constructor(e){super(e),this.state={isOpen:e.initialIsOpen,headingProps:e.headingProps,Heading:st(at,e.headingProps)},this.toggleCollapse=this.toggleCollapse.bind(this)}static getDerivedStateFromProps(e,t){return e.headingProps.level!==t.headingProps.level||e.headingProps.fontSize!==t.headingProps.fontSize||e.headingProps.fontWeight!==t.headingProps.fontWeight?{...t,headingProps:e.headingProps,Heading:st(at,e.headingProps)}:null}toggleCollapse(){const{isOpen:e}=this.state,{onToggle:t}=this.props;t&&!1===t(e)||this.setState({isOpen:!e})}render(){const{isOpen:e}=this.state,{children:t}=this.props,o=Object(Oe.omit)(this.props,["children","onToggle"]);return Object(r.createElement)(it,B()({Heading:this.state.Heading,isOpen:e,onToggle:this.toggleCollapse},o),e&&t)}}ct.propTypes={children:l.a.oneOfType([l.a.arrayOf(l.a.node),l.a.node]),className:l.a.string,initialIsOpen:l.a.bool,hasSeparator:l.a.bool,hasPadding:l.a.bool,prefixIcon:l.a.shape({icon:l.a.string,color:l.a.string,size:l.a.string}),prefixIconCollapsed:l.a.shape({icon:l.a.string,color:l.a.string,size:l.a.string}),suffixIcon:l.a.shape({icon:l.a.string,color:l.a.string,size:l.a.string}),suffixIconCollapsed:l.a.shape({icon:l.a.string,color:l.a.string,size:l.a.string}),title:l.a.string.isRequired,titleScreenReaderText:l.a.string,subTitle:l.a.string,headingProps:l.a.shape({level:l.a.number,fontSize:l.a.string,fontWeight:l.a.string}),onToggle:l.a.func},ct.defaultProps={hasSeparator:!1,hasPadding:!1,initialIsOpen:!1,subTitle:null,titleScreenReaderText:null,children:null,className:null,prefixIcon:null,prefixIconCollapsed:null,suffixIcon:{icon:"chevron-up",color:d.colors.$black,size:"24px"},suffixIconCollapsed:{icon:"chevron-down",color:d.colors.$black,size:"24px"},headingProps:{level:2,fontSize:"1rem",fontWeight:"normal"},onToggle:null};var dt=ct;const ut=c.a.div`
box-sizing: border-box;
p {
margin: 0;
font-size: 14px;
}
`,pt=c.a.h3`
margin: 8px 0;
font-size: 1em;
`,ht=c.a.ul`
margin: 0;
list-style: none;
padding: 0;
`,ft=Object(u.makeOutboundLink)(c.a.a`
display: inline-block;
margin-bottom: 4px;
font-size: 14px;
`),bt=c.a.li`
margin: 8px 0;
`,mt=c.a.div`
a {
margin: 8px 0 0;
}
`,gt=e=>Object(r.createElement)(bt,{className:e.className},Object(r.createElement)(ft,{className:e.className+"-link",href:e.link},e.title),Object(r.createElement)("p",{className:e.className+"-description"},e.description));gt.propTypes={className:l.a.string.isRequired,title:l.a.string.isRequired,link:l.a.string.isRequired,description:l.a.string.isRequired};const yt=e=>Object(r.createElement)(ut,{className:e.className},Object(r.createElement)(pt,{className:e.className+"__header"},e.title?e.title:e.feed.title),Object(r.createElement)(ht,{className:e.className+"__posts",role:"list"},e.feed.items.map(t=>Object(r.createElement)(gt,{className:e.className+"__post",key:t.link,title:t.title,link:t.link,description:t.description}))),e.footerLinkText&&Object(r.createElement)(mt,{className:e.className+"__footer"},Object(r.createElement)(ft,{className:e.className+"__footer-link",href:e.feedLink?e.feedLink:e.feed.link},e.footerLinkText)));yt.propTypes={className:l.a.string,feed:l.a.object.isRequired,title:l.a.string,footerLinkText:l.a.string,feedLink:l.a.string},yt.defaultProps={className:"articlelist-feed"};var vt=yt;const xt=c.a.span`
position: absolute;
top: 8px;
left: -8px;
font-weight: 500;
color: ${e=>e.textColor};
line-height: 16px;
background-color: ${e=>e.backgroundColor};
padding: 8px 16px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
`,Ot=c.a.span`
position: absolute;
top: 40px;
left: -8px;
/* This code makes the triangle. */
border-top: 8px solid ${d.colors.$color_purple_dark};
border-left: 8px solid transparent;
`;function Ct(e){return Object(r.createElement)(n.Fragment,null,Object(r.createElement)(xt,{backgroundColor:e.backgroundColor,textColor:e.textColor},e.children),Object(r.createElement)(Ot,null))}Ct.propTypes={backgroundColor:l.a.string,textColor:l.a.string,children:l.a.any},Ct.defaultProps={backgroundColor:d.colors.$color_pink_dark,textColor:d.colors.$color_white,children:null};const wt=c.a.div`
position: relative;
display: flex;
flex-direction: column;
background-color: ${d.colors.$color_white};
width: 100%;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
`,_t=c.a.img`
width: 100%;
vertical-align: bottom;
`,jt=c.a.div`
padding: 12px 16px;
display: flex;
flex-direction: column;
flex-grow: 1;
`,Et=c.a.a`
text-decoration: none;
color: ${d.colors.$color_pink_dark};
/* IE11 bug header image height see https://github.com/philipwalton/flexbugs#flexbug-5 */
overflow: hidden;
&:hover,
&:focus,
&:active {
text-decoration: underline;
color: ${d.colors.$color_pink_dark};
}
&:focus,
&:active {
box-shadow: none;
}
`,kt=c.a.h2`
margin: 16px 16px 0 16px;
font-weight: 400;
font-size: 1.5em;
line-height: 1.2;
color: currentColor;
`,St=Object(u.makeOutboundLink)(Et);class Tt extends a.a.Component{getHeader(){return this.props.header?this.props.header.link?Object(r.createElement)(St,{href:this.props.header.link},Object(r.createElement)(_t,{src:this.props.header.image,alt:""}),Object(r.createElement)(kt,null,this.props.header.title)):Object(r.createElement)(n.Fragment,null,Object(r.createElement)(_t,{src:this.props.header.image,alt:""}),";",Object(r.createElement)(kt,null,this.props.header.title)):null}getBanner(){return this.props.banner?Object(r.createElement)(Ct,this.props.banner,this.props.banner.text):null}render(){return Object(r.createElement)(wt,{className:this.props.className,id:this.props.id},this.getHeader(),this.getBanner(),Object(r.createElement)(jt,null,this.props.children))}}var $t=Tt;const qt=c()(Tt)`
height: 100%;
`;Tt.propTypes={className:l.a.string,id:l.a.string,header:l.a.shape({title:l.a.string,image:l.a.string.isRequired,link:l.a.string}),banner:l.a.shape({text:l.a.string.isRequired,textColor:l.a.string,backgroundColor:l.a.string}),children:l.a.any},Tt.defaultProps={className:"",id:"",header:null,banner:null,children:null};const Nt=c.a.a`
color: ${d.colors.$color_black};
white-space: nowrap;
display: block;
border-radius: 4px;
background-color: ${d.colors.$color_grey_cta};
padding: 12px 16px;
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
border: none;
text-decoration: none;
font-weight: bold;
font-size: inherit;
margin-bottom: 8px;
&:hover,
&:focus,
&:active {
color: ${d.colors.$color_black};
background-color: ${d.colors.$color_grey_hover};
}
&:active {
background-color: ${d.colors.$color_grey_hover};
transform: translateY( 1px );
box-shadow: none;
filter: none;
}
`,Rt=c.a.a`
cursor: pointer;
color: ${d.colors.$color_black};
white-space: nowrap;
display: block;
border-radius: 4px;
background-color: ${d.colors.$color_button_upsell};
padding: 12px 16px;
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
border: none;
text-decoration: none;
font-weight: bold;
font-size: inherit;
margin-top: 0;
margin-bottom: 8px;
&:hover,
&:focus,
&:active {
color: ${d.colors.$color_black};
background: ${d.colors.$color_button_upsell_hover};
}
&:active {
background-color: ${d.colors.$color_button_hover_upsell};
transform: translateY( 1px );
box-shadow: none;
filter: none;
}
`,Pt=c.a.a`
font-weight: bold;
`,Bt=Object(u.makeOutboundLink)(Pt),It=c.a.div`
text-align: center;
`,zt=c.a.div`
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
position: relative;
${Object(u.getDirectionalStyle)("margin-left","margin-right")}: 16px;
&:before {
content: "✓";
color: ${d.colors.$color_green};
position: absolute;
font-weight: bold;
display: inline-block;
${Object(u.getDirectionalStyle)("left","right")}: -16px;
}
}
`,Mt=c.a.div`
margin-bottom: 12px;
border-bottom: 1px ${d.colors.$color_grey} solid;
flex-grow: 1;
`;class Lt extends a.a.Component{getActionBlock(e,t){const o=Object(u.makeOutboundLink)(e);return"true"===t?Object(r.createElement)(It,null,Object(r.createElement)(o,{href:this.props.courseUrl},this.props.ctaButtonData.ctaButtonCopy)):Object(r.createElement)(It,null,Object(r.createElement)(o,{href:this.props.ctaButtonData.ctaButtonUrl},this.props.ctaButtonData.ctaButtonCopy),Object(r.createElement)(Bt,{href:this.props.courseUrl},this.props.readMoreLinkText))}render(){const e="regular"===this.props.ctaButtonData.ctaButtonType?Nt:Rt;return Object(r.createElement)(n.Fragment,null,Object(r.createElement)(Mt,null,Object(r.createElement)(zt,{dangerouslySetInnerHTML:{__html:this.props.description}})),this.getActionBlock(e,this.props.isBundle))}}var Dt=Lt;Lt.propTypes={description:l.a.string,courseUrl:l.a.string,ctaButtonData:l.a.object,readMoreLinkText:l.a.string,isBundle:l.a.string},Lt.defaultProps={description:"",courseUrl:"",ctaButtonData:{},readMoreLinkText:"",isBundle:""};var At=o(35),Ft=o.n(At);const Ut=j()([T,k,S])(c.a.button`
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
box-sizing: border-box;
border: 1px solid transparent;
margin: 0;
padding: 8px;
overflow: visible;
font-family: inherit;
font-weight: inherit;
color: ${e=>e.textColor};
background: ${e=>e.backgroundColor};
font-size: ${e=>e.textFontSize};
svg {
margin: 0 0 8px;
flex-shrink: 0;
fill: currentColor;
// Safari 10
align-self: center;
}
&:active {
box-shadow: none;
}
`),Ht=e=>{const{children:t,icon:o,textColor:n}=e,a=Ft()(e,"icon");return Object(r.createElement)(Ut,a,Object(r.createElement)(y,{icon:o,color:n}),t)};Ht.propTypes={type:l.a.string,icon:l.a.string.isRequired,textColor:l.a.string,textFontSize:l.a.string,backgroundColor:l.a.string,borderColor:l.a.string,hoverColor:l.a.string,hoverBackgroundColor:l.a.string,hoverBorderColor:l.a.string,activeColor:l.a.string,activeBackgroundColor:l.a.string,activeBorderColor:l.a.string,focusColor:l.a.string,focusBackgroundColor:l.a.string,focusBorderColor:l.a.string,focusBoxShadowColor:l.a.string,children:l.a.oneOfType([l.a.arrayOf(l.a.node),l.a.node,l.a.string]).isRequired},Ht.defaultProps={type:"button",textColor:d.colors.$color_blue,textFontSize:"inherit",backgroundColor:"transparent",borderColor:"transparent",hoverColor:d.colors.$color_white,hoverBackgroundColor:d.colors.$color_blue,hoverBorderColor:d.colors.$color_button_border_hover,activeColor:d.colors.$color_white,activeBackgroundColor:d.colors.$color_blue,activeBorderColor:d.colors.$color_button_border_active,focusColor:d.colors.$color_white,focusBackgroundColor:d.colors.$color_blue,focusBorderColor:d.colors.$color_blue,focusBoxShadowColor:d.colors.$color_blue_dark};var Wt=Ht;const Vt=e=>{const{children:t,icon:o,iconColor:n}=e;let a=y;t&&(a=function(e){return c()(e)`
margin: ${Object(u.getDirectionalStyle)("0 8px 0 0","0 0 0 8px")};
flex-shrink: 0;
`}(a));const s=Ft()(e,"icon");return Object(r.createElement)(N,s,Object(r.createElement)(a,{icon:o,color:n}),t)};Vt.propTypes={icon:l.a.string.isRequired,iconColor:l.a.string,children:l.a.oneOfType([l.a.arrayOf(l.a.node),l.a.node,l.a.string])},Vt.defaultProps={iconColor:"#000"};var Kt=Vt,Gt=o(36);const Yt=c.a.p`
text-align: center;
margin: 0 0 16px;
padding: 16px 16px 8px 16px;
border-bottom: 4px solid ${d.colors.$color_bad};
background: ${d.colors.$color_white};
`;class Zt extends a.a.Component{constructor(e){super(e),this.state={hasError:!1}}componentDidCatch(){this.setState({hasError:!0})}render(){if(this.state.hasError){const e=Object(U.__)("Something went wrong. Please reload the page.","wordpress-seo");return Object(Gt.speak)(e,"assertive"),Object(r.createElement)(Yt,null,e)}return this.props.children}}Zt.propTypes={children:l.a.any},Zt.defaultProps={children:null};const Xt=c.a.p`
color: ${e=>e.textColor};
font-size: ${e=>e.textFontSize};
margin-top: 0;
`;class Jt extends n.PureComponent{render(){const{children:e,textColor:t,textFontSize:o}=this.props;return Object(r.createElement)(Xt,{textColor:t,textFontSize:o},e)}}const Qt={children:l.a.oneOfType([l.a.string,l.a.array]),textColor:l.a.string,textFontSize:l.a.string};Jt.propTypes={...Qt,children:Qt.children.isRequired},Jt.defaultProps={textColor:d.colors.$color_help_text};const eo=e=>{const t=c()(e.icon)`
width: ${e.width};
height: ${e.height};
${e.color?`fill: ${e.color};`:""}
flex: 0 0 auto;
`,o=Ft()(e,["icon","width","height","color"]);return Object(r.createElement)(t,B()({role:"img","aria-hidden":"true",focusable:"false"},o))};eo.propTypes={icon:l.a.func.isRequired,width:l.a.string,height:l.a.string,color:l.a.string},eo.defaultProps={width:"16px",height:"16px"};var to=eo;const oo=c.a.button`
box-sizing: border-box;
min-width: 32px;
display: inline-block;
border: 1px solid ${d.colors.$color_button_border};
background-color: ${e=>e.pressed?e.pressedBackground:e.unpressedBackground};
box-shadow: ${e=>e.pressed?"inset 0 2px 0 "+Object(d.rgba)(e.pressedBoxShadowColor,.7):"0 1px 0 "+Object(d.rgba)(e.unpressedBoxShadowColor,.7)};
border-radius: 3px;
cursor: pointer;
padding: 0;
height: ${e=>e.pressed?"23px":"24px"};
&:hover {
border-color: ${e=>e.hoverBorderColor};
}
&:disabled {
background-color: ${e=>e.unpressedBackground};
box-shadow: none;
border: none;
cursor: default;
}
`,ro=function(e){const t="disabled"===e.marksButtonStatus;let o;return o=t?e.disabledIconColor:e.pressed?e.pressedIconColor:e.unpressedIconColor,Object(r.createElement)(oo,{disabled:t,type:"button",onClick:e.onClick,pressed:e.pressed,unpressedBoxShadowColor:e.unpressedBoxShadowColor,pressedBoxShadowColor:e.pressedBoxShadowColor,pressedBackground:e.pressedBackground,unpressedBackground:e.unpressedBackground,id:e.id,"aria-label":e.ariaLabel,"aria-pressed":e.pressed,unpressedIconColor:t?e.disabledIconColor:e.unpressedIconColor,pressedIconColor:e.pressedIconColor,hoverBorderColor:e.hoverBorderColor,className:e.className},Object(r.createElement)(y,{icon:e.icon,color:o,size:"18px"}))};ro.propTypes={id:l.a.string.isRequired,ariaLabel:l.a.string.isRequired,onClick:l.a.func.isRequired,unpressedBoxShadowColor:l.a.string,pressedBoxShadowColor:l.a.string,pressedBackground:l.a.string,unpressedBackground:l.a.string,pressedIconColor:l.a.string,unpressedIconColor:l.a.string,icon:l.a.string.isRequired,pressed:l.a.bool.isRequired,hoverBorderColor:l.a.string,marksButtonStatus:l.a.string,disabledIconColor:l.a.string,className:l.a.string},ro.defaultProps={unpressedBoxShadowColor:d.colors.$color_button_border,pressedBoxShadowColor:d.colors.$color_purple,pressedBackground:d.colors.$color_pink_dark,unpressedBackground:d.colors.$color_button,pressedIconColor:d.colors.$color_white,unpressedIconColor:d.colors.$color_button_text,hoverBorderColor:d.colors.$color_white,marksButtonStatus:"enabled",disabledIconColor:d.colors.$color_grey};var no=ro;const ao=c.a.button`
box-sizing: border-box;
min-width: 32px;
display: inline-block;
border: 1px solid ${d.colors.$color_button_border};
background-color: ${e=>e.background};
box-shadow: ${e=>e.boxShadowColor};
border-radius: 3px;
cursor: pointer;
padding: 0;
height: "24px";
&:hover {
border-color: ${e=>e.hoverBorderColor};
}
`,so=function(e){return Object(r.createElement)(ao,{type:"button",onClick:e.onClick,boxShadowColor:e.boxShadowColor,background:e.background,id:e.id,"aria-label":e.ariaLabel,iconColor:e.iconColor,hoverBorderColor:e.hoverBorderColor,className:e.className},Object(r.createElement)(y,{icon:e.icon,color:e.iconColor,size:"18px"}))};so.propTypes={id:l.a.string.isRequired,ariaLabel:l.a.string.isRequired,onClick:l.a.func.isRequired,boxShadowColor:l.a.string,background:l.a.string,iconColor:l.a.string,icon:l.a.string.isRequired,hoverBorderColor:l.a.string,className:l.a.string},so.defaultProps={boxShadowColor:d.colors.$color_button_border,background:d.colors.$color_button,iconColor:d.colors.$color_button_text,hoverBorderColor:d.colors.$color_white};var lo=so;function io(e){return Object(r.createElement)("iframe",B()({title:e.title},e))}io.propTypes={title:l.a.string.isRequired};class co extends a.a.Component{constructor(e){super(e),this.setReference=this.setReference.bind(this)}componentDidUpdate(){this.props.hasFocus&&this.ref.focus()}setReference(e){this.ref=e}render(){return Object(r.createElement)("input",B()({ref:this.setReference,type:this.props.type,name:this.props.name,defaultValue:this.props.value,onChange:this.props.onChange,autoComplete:this.props.autoComplete,className:this.props.className},this.props.optionalAttributes))}}co.propTypes={name:l.a.string,type:l.a.oneOf(["button","checkbox","number","password","progress","radio","submit","text"]),value:l.a.any,onChange:l.a.func,optionalAttributes:l.a.object,hasFocus:l.a.bool,autoComplete:l.a.string,className:l.a.string},co.defaultProps={name:"input",type:"text",value:"",hasFocus:!1,className:"",onChange:null,optionalAttributes:{},autoComplete:null};var uo=co,po=o(26),ho=o.n(po);class fo extends a.a.Component{constructor(e){super(e),this.state={words:[]}}static getDerivedStateFromProps(e){const t=[...e.words];t.sort((e,t)=>t.getOccurrences()-e.getOccurrences());const o=t.map(e=>e.getOccurrences()),r=Math.max(...o);return{words:t.map(e=>{const t=e.getOccurrences();return{name:e.getWord(),number:t,width:t/r*100}})}}render(){return Object(r.createElement)("div",null,this.props.header,this.props.introduction,Object(r.createElement)(ie,{items:this.state.words}),this.props.footer)}}fo.propTypes={words:l.a.array.isRequired,header:l.a.element,introduction:l.a.element,footer:l.a.element},fo.defaultProps={header:null,introduction:null,footer:null};var bo=fo;const mo=e=>{let{words:t,researchArticleLink:o}=e;const n=Object(r.createElement)("p",{className:"yoast-field-group__title"},Object(U.__)("Prominent words","wordpress-seo")),a=Object(r.createElement)("p",null,0===t.length?Object(U.__)("Once you add a bit more copy, we'll give you a list of words that occur the most in the content. These give an indication of what your content focuses on.","wordpress-seo"):Object(U.__)("The following words occur the most in the content. These give an indication of what your content focuses on. If the words differ a lot from your topic, you might want to rewrite your content accordingly. ","wordpress-seo")),s=Object(r.createElement)("p",null,(e=>{const t=Object(U.sprintf)(Object(U.__)("Read our %1$sultimate guide to keyword research%2$s to learn more about keyword research and keyword strategy.","wordpress-seo"),"{{a}}","{{/a}}");return ho()({mixedString:t,components:{a:Object(r.createElement)("a",{href:e,target:"_blank",rel:"noreferrer"})}})})(o));return Object(r.createElement)(bo,{words:t,header:n,introduction:a,footer:s})};mo.propTypes={words:l.a.arrayOf(l.a.object).isRequired,researchArticleLink:l.a.string.isRequired};var go=mo;const yo=c.a.div`
cursor: pointer;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin: 4px 0;
color: #303030;
font-weight: 500;
`,vo=e=>Object(r.createElement)("label",B()({htmlFor:e.for,className:e.className},e.optionalAttributes),e.children);vo.propTypes={for:l.a.string.isRequired,optionalAttributes:l.a.shape({"aria-label":l.a.string,onClick:l.a.func,className:l.a.string}),children:l.a.any.isRequired,className:l.a.string},vo.defaultProps={className:"",optionalAttributes:{}};var xo=vo;const Oo=c.a.p`
margin: 1em 0;
`,Co=Object(u.makeOutboundLink)(c.a.a`
margin-left: 4px;
`);class wo extends n.PureComponent{render(){const{changeLanguageLink:e,canChangeLanguage:t,language:o,showLanguageNotice:n}=this.props;if(!n)return null;
/* Translators: %s expands to the actual language. */let a=Object(U.__)("Your site language is set to %s. ","wordpress-seo");return t||(
/* Translators: %s expands to the actual language. */
a=Object(U.__)("Your site language is set to %s. If this is not correct, contact your site administrator.","wordpress-seo")),a=Object(U.sprintf)(a,`{{strong}}${o}{{/strong}}`),a=ho()({mixedString:a,components:{strong:Object(r.createElement)("strong",null)}}),Object(r.createElement)(Oo,null,a,t&&Object(r.createElement)(Co,{href:e},Object(U.__)("Change language","wordpress-seo")))}}const _o={changeLanguageLink:l.a.string.isRequired,canChangeLanguage:l.a.bool,language:l.a.string.isRequired,showLanguageNotice:l.a.bool};wo.propTypes=_o,wo.defaultProps={canChangeLanguage:!1,showLanguageNotice:!1};const jo=e=>{let{className:t}=e;return""!==t&&(t+=" "),t+="yoast-loader",Object(r.createElement)("svg",{version:"1.1",id:"Y__x2B__bg",x:"0px",y:"0px",viewBox:"0 0 500 500",className:t},Object(r.createElement)("g",null,Object(r.createElement)("g",null,Object(r.createElement)("linearGradient",{id:"SVGID_1_",gradientUnits:"userSpaceOnUse",x1:"250",y1:"428.6121",x2:"250",y2:"77.122"},Object(r.createElement)("stop",{offset:"0",style:{stopColor:"#570732"}}),Object(r.createElement)("stop",{offset:"2.377558e-02",style:{stopColor:"#5D0936"}}),Object(r.createElement)("stop",{offset:"0.1559",style:{stopColor:"#771549"}}),Object(r.createElement)("stop",{offset:"0.3019",style:{stopColor:"#8B1D58"}}),Object(r.createElement)("stop",{offset:"0.4669",style:{stopColor:"#992362"}}),Object(r.createElement)("stop",{offset:"0.6671",style:{stopColor:"#A12768"}}),Object(r.createElement)("stop",{offset:"1",style:{stopColor:"#A4286A"}})),Object(r.createElement)("path",{fill:"url(#SVGID_1_)",d:"M454.7,428.6H118.4c-40.2,0-73.2-32.9-73.2-73.2V150.3c0-40.2,32.9-73.2,73.2-73.2h263.1 c40.2,0,73.2,32.9,73.2,73.2V428.6z"})),Object(r.createElement)("g",null,Object(r.createElement)("g",null,Object(r.createElement)("g",null,Object(r.createElement)("g",null,Object(r.createElement)("path",{fill:"#A4286A",d:"M357.1,102.4l-43.8,9.4L239.9,277l-47.2-147.8h-70.2l78.6,201.9c6.7,17.2,6.7,36.3,0,53.5 c-6.7,17.2,45.1-84.1,24.7-75.7c0,0,34.9,97.6,36.4,94.5c7-14.3,13.7-30.3,20.2-48.5L387.4,72 C387.4,72,358.4,102.4,357.1,102.4z"}))))),Object(r.createElement)("g",null,Object(r.createElement)("linearGradient",{id:"SVGID_2_",gradientUnits:"userSpaceOnUse",x1:"266.5665",y1:"-6.9686",x2:"266.5665",y2:"378.4586"},Object(r.createElement)("stop",{offset:"0",style:{stopColor:"#77B227"}}),Object(r.createElement)("stop",{offset:"0.4669",style:{stopColor:"#75B027"}}),Object(r.createElement)("stop",{offset:"0.635",style:{stopColor:"#6EAB27"}}),Object(r.createElement)("stop",{offset:"0.7549",style:{stopColor:"#63A027"}}),Object(r.createElement)("stop",{offset:"0.8518",style:{stopColor:"#529228"}}),Object(r.createElement)("stop",{offset:"0.9339",style:{stopColor:"#3C7F28"}}),Object(r.createElement)("stop",{offset:"1",style:{stopColor:"#246B29"}})),Object(r.createElement)("path",{fill:"url(#SVGID_2_)",d:"M337,6.1l-98.6,273.8l-47.2-147.8H121L199.6,334c6.7,17.2,6.7,36.3,0,53.5 c-8.8,22.5-23.4,41.8-59,46.6v59.9c69.4,0,106.9-42.6,140.3-136.1L412.1,6.1H337z"}),Object(r.createElement)("path",{fill:"#FFFFFF",d:"M140.6,500h-6.1v-71.4l5.3-0.7c34.8-4.7,46.9-24.2,54.1-42.7c6.2-15.8,6.2-33.2,0-49l-81.9-210.3h83.7 l43.1,134.9L332.7,0h88.3L286.7,359.9c-17.9,50-36.4,83.4-58.1,105.3C205,488.9,177,500,140.6,500z M146.7,439.2v48.3 c29.9-1.2,53.3-11.1,73.1-31.1c20.4-20.5,38-52.6,55.3-100.9L403.2,12.3h-61.9L238.1,299l-51.3-160.8H130l75.3,193.5 c7.3,18.7,7.3,39.2,0,57.9C197.7,409.3,184.1,432.4,146.7,439.2z"}))))};jo.propTypes={className:l.a.string},jo.defaultProps={className:""};const Eo=i.keyframes`
0% { transform: scale( 0.70 ); opacity: 0.4; }
80% { opacity: 1 }
100% { transform: scale( 0.95 ); opacity: 1 }
`;var ko=c()(jo)`
animation: ${Eo} 1.15s infinite;
animation-direction: alternate;
animation-timing-function: cubic-bezier(0.96, 0.02, 0.63, 0.86);
`;const So=c.a.div`
padding: 8px;
`,To=c.a.ol`
padding: 0;
margin: 0;
list-style: none;
counter-reset: multi-step-progress-counter;
li {
counter-increment: multi-step-progress-counter;
}
`,$o=c.a.li`
display: flex;
align-items: baseline;
margin: 8px 0;
:first-child {
margin-top: 0;
}
:last-child {
margin-bottom: 0;
}
span {
margin: 0 8px;
}
svg {
position: relative;
top: 2px;
}
::before {
content: counter( multi-step-progress-counter );
font-size: 12px;
background: ${d.colors.$color_pink_dark};
border-radius: 50%;
min-width: 16px;
height: 16px;
padding: 4px;
color: ${d.colors.$color_white};
text-align: center;
}
`,qo=c()($o)`
span {
color: ${d.colors.$palette_grey_text_light};
}
::before {
background-color: ${d.colors.$palette_grey_medium_dark};
}
`,No=c()($o)`
::before {
background-color: ${d.colors.$palette_grey_medium_dark};
}
`;class Ro extends a.a.Component{render(){return Object(r.createElement)(So,{role:"status","aria-live":"polite","aria-relevant":"additions text","aria-atomic":!0},Object(r.createElement)(To,null,this.props.steps.map(e=>{switch(e.status){case"running":return this.renderRunningState(e);case"failed":return this.renderFailedState(e);case"finished":return this.renderFinishedState(e);case"pending":default:return this.renderPendingState(e)}})))}renderPendingState(e){return Object(r.createElement)(qo,{key:e.id},Object(r.createElement)("span",null,e.text))}renderRunningState(e){return Object(r.createElement)(No,{key:e.id},Object(r.createElement)("span",null,e.text),Object(r.createElement)(y,{icon:"loading-spinner"}))}renderFinishedState(e){return Object(r.createElement)($o,{key:e.id},Object(r.createElement)("span",null,e.text),Object(r.createElement)(y,{icon:"check",color:d.colors.$color_green_medium_light}))}renderFailedState(e){return Object(r.createElement)($o,{key:e.id},Object(r.createElement)("span",null,e.text),Object(r.createElement)(y,{icon:"times",color:d.colors.$color_red}))}}Ro.defaultProps={steps:[]},Ro.propTypes={steps:l.a.arrayOf(l.a.shape({status:l.a.oneOf(["pending","running","finished","failed"]).isRequired,text:l.a.string.isRequired,id:l.a.string.isRequired}))};var Po=Ro;const Bo=c.a.div`
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
background-color: ${e=>e.backgroundColor};
min-height: ${e=>e.minHeight};
`;Bo.propTypes={backgroundColor:l.a.string,minHeight:l.a.string},Bo.defaultProps={backgroundColor:d.colors.$color_white,minHeight:"0"};var Io=Bo;const zo=c.a.div`
display: flex;
align-items: center;
padding: 24px;
h1, h2, h3, h4, h5, h6 {
font-size: 1.4em;
line-height: 1;
margin: 0 0 4px 0;
@media screen and ( max-width: ${d.breakpoints.mobile} ) {
${e=>e.isDismissable?"margin-right: 30px;":""}
}
}
p:last-child {
margin: 0;
}
@media screen and ( max-width: ${d.breakpoints.mobile} ) {
display: block;
position: relative;
padding: 16px;
}
`,Mo=c.a.img`
flex: 0 0 ${e=>e.imageWidth?e.imageWidth:"auto"};
height: ${e=>e.imageHeight?e.imageHeight:"auto"};
margin-right: 24px;
@media screen and ( max-width: ${d.breakpoints.mobile} ) {
display: none;
}
`,Lo=c.a.div`
flex: 1 1 auto;
`,Do=c.a.button`
flex: 0 0 40px;
height: 40px;
border: 0;
margin: 0 0 0 10px;
padding: 0;
background: transparent;
cursor: pointer;
@media screen and ( max-width: ${d.breakpoints.mobile} ) {
width: 40px;
position: absolute;
top: 5px;
right: 5px;
margin: 0;
}
`,Ao=c()(y)`
vertical-align: middle;
`;function Fo(e){const t=""+e.headingLevel;return Object(r.createElement)(Io,null,Object(r.createElement)(zo,{isDismissable:e.isDismissable},e.imageSrc&&Object(r.createElement)(Mo,{src:e.imageSrc,imageWidth:e.imageWidth,imageHeight:e.imageHeight,alt:""}),Object(r.createElement)(Lo,null,Object(r.createElement)(t,null,e.title),Object(r.createElement)("p",{className:"prova",dangerouslySetInnerHTML:{__html:e.html}})),e.isDismissable&&Object(r.createElement)(Do,{onClick:e.onClick,type:"button","aria-label":Object(U.__)("Dismiss this notice","wordpress-seo")},Object(r.createElement)(Ao,{icon:"times",color:d.colors.$color_grey_text,size:"24px"}))))}Fo.propTypes={imageSrc:l.a.string,imageWidth:l.a.string,imageHeight:l.a.string,title:l.a.string,html:l.a.string,isDismissable:l.a.bool,onClick:l.a.func,headingLevel:l.a.string},Fo.defaultProps={isDismissable:!1,headingLevel:"h3"};var Uo=Fo;const Ho=c.a.progress`
box-sizing: border-box;
width: 100%;
height: 8px;
display: block;
margin-top: 8px;
appearance: none;
background-color: ${e=>e.backgroundColor};
border: 1px solid ${e=>e.borderColor};
::-webkit-progress-bar {
background-color: ${e=>e.backgroundColor};
}
::-webkit-progress-value {
background-color: ${e=>e.progressColor};
transition: width 250ms;
}
::-moz-progress-bar {
background-color: ${e=>e.progressColor};
}
::-ms-fill {
background-color: ${e=>e.progressColor};
border: 0;
}
`;Ho.defaultProps={max:1,value:0,progressColor:d.colors.$color_good,backgroundColor:d.colors.$color_background_light,borderColor:d.colors.$color_input_border,"aria-hidden":"true"},Ho.propTypes={max:l.a.number,value:l.a.number,progressColor:l.a.string,backgroundColor:l.a.string,borderColor:l.a.string,"aria-hidden":l.a.string};var Wo=Ho;const{stripTagsFromHtmlString:Vo}=u.strings,Ko=["a","b","strong","em","i","span","p","ul","ol","li","div"],Go=c.a.li`
display: table-row;
font-size: 14px;
`,Yo=c.a.span`
display: table-cell;
padding: 2px;
`,Zo=c()(Yo)`
position: relative;
top: 1px;
display: inline-block;
height: 8px;
width: 8px;
border-radius: 50%;
background-color: ${e=>e.scoreColor};
`;Zo.propTypes={scoreColor:l.a.string.isRequired};const Xo=c()(Yo)`
padding-left: 8px;
width: 100%;
`,Jo=c()(Yo)`
font-weight: 600;
text-align: right;
padding-left: 16px;
`,Qo=e=>Object(r.createElement)(Go,{className:""+e.className},Object(r.createElement)(Zo,{className:e.className+"-bullet",scoreColor:e.scoreColor}),Object(r.createElement)(Xo,{className:e.className+"-text",dangerouslySetInnerHTML:{__html:Vo(e.html,Ko)}}),e.value&&Object(r.createElement)(Jo,{className:e.className+"-score"},e.value));Qo.propTypes={className:l.a.string.isRequired,scoreColor:l.a.string.isRequired,html:l.a.string.isRequired,value:l.a.number};const er=c.a.ul`
display: table;
box-sizing: border-box;
list-style: none;
max-width: 100%;
min-width: 200px;
margin: 8px 0;
padding: 0 8px;
`,tr=e=>Object(r.createElement)(er,{className:e.className,role:"list"},e.items.map((t,o)=>Object(r.createElement)(Qo,{className:e.className+"__item",key:o,scoreColor:t.color,html:t.html,value:t.value})));tr.propTypes={className:l.a.string,items:l.a.arrayOf(l.a.shape({color:l.a.string.isRequired,html:l.a.string.isRequired,value:l.a.number}))},tr.defaultProps={className:"score-assessments"};var or=tr;const rr=c.a.div`
margin: 8px 0;
height: ${e=>e.barHeight};
overflow: hidden;
`,nr=c.a.span`
display: inline-block;
vertical-align: top;
width: ${e=>e.progressWidth+"%"};
background-color: ${e=>e.progressColor};
height: 100%;
`;nr.propTypes={progressWidth:l.a.number.isRequired,progressColor:l.a.string.isRequired};const ar=e=>{let t=0;for(let o=0;o<e.items.length;o++)e.items[o].value=Math.max(e.items[o].value,0),t+=e.items[o].value;return t<=0?null:Object(r.createElement)(rr,{className:e.className,barHeight:e.barHeight},e.items.map((o,n)=>Object(r.createElement)(nr,{className:e.className+"__part",key:n,progressColor:o.color,progressWidth:o.value/t*100})))};ar.propTypes={className:l.a.string,items:l.a.arrayOf(l.a.shape({value:l.a.number.isRequired,color:l.a.string.isRequired})),barHeight:l.a.string},ar.defaultProps={className:"stacked-progress-bar",barHeight:"24px"};var sr=ar;const lr=c.a.div.attrs({})`
flex: 0 1 100%;
border: 1px solid ${e=>e.isActive?"#5b9dd9":"#ddd"};
padding: 4px 5px;
box-sizing: border-box;
box-shadow: ${e=>e.isActive?"0 0 2px rgba(30,140,190,.8);":"inset 0 1px 2px rgba(0,0,0,.07)"};
background-color: #fff;
color: #32373c;
outline: 0;
transition: 50ms border-color ease-in-out;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
cursor: text;
`,ir=c.a.div`
display: flex;
flex-direction: column;
margin: 1em 0;
`,cr=c.a.input`
&&& {
padding: 0 8px;
min-height: 34px;
font-size: 1em;
box-shadow: inset 0 1px 2px ${Object(d.rgba)(d.colors.$color_black,.07)};
border: 1px solid ${d.colors.$color_input_border};
border-radius: 0;
&:focus {
border-color: #5b9dd9;
box-shadow: 0 0 2px ${Object(d.rgba)(d.colors.$color_snippet_focus,.8)};
}
}
`,dr=c.a.label`
font-size: 1em;
font-weight: bold;
margin-bottom: 0.5em;
display: block;
`,ur=c.a.span`
margin-bottom: 0.5em;
`,pr=c()(dr)`
display: inline-block;
margin-bottom: 0;
${Object(u.getDirectionalStyle)("margin-right: 4px","margin-left: 4px")};
`,hr=e=>{const{label:t,helpLink:o,...n}=e;return Object(r.createElement)(ir,null,Object(r.createElement)(ur,null,Object(r.createElement)(pr,{htmlFor:n.id},t),o),Object(r.createElement)(cr,B()({},n,{autoComplete:"off"})))};hr.propTypes={type:l.a.string,id:l.a.string.isRequired,label:l.a.string,helpLink:l.a.node},hr.defaultProps={type:"text",label:"",helpLink:null};var fr=hr;class br extends a.a.Component{constructor(e){super(e),this.setReference=this.setReference.bind(this)}render(){return Object(r.createElement)("textarea",B()({ref:this.setReference,name:this.props.name,value:this.props.value,onChange:this.props.onChange},this.props.optionalAttributes))}setReference(e){this.ref=e}componentDidUpdate(){this.props.hasFocus&&this.ref.focus()}}br.propTypes={name:l.a.string,value:l.a.string,onChange:l.a.func,optionalAttributes:l.a.object,hasFocus:l.a.bool},br.defaultProps={name:"textarea",value:"",hasFocus:!1,onChange:null,optionalAttributes:{}};var mr=br;class gr extends a.a.Component{constructor(e){super(e),this.optionalAttributes=this.parseOptionalAttributes()}render(){return this.optionalAttributes=this.parseOptionalAttributes(),this.props.class&&(this.optionalAttributes.container.className=this.props.class),Object(r.createElement)("div",this.optionalAttributes.container,Object(r.createElement)(xo,{for:this.props.name,optionalAttributes:this.optionalAttributes.label},this.props.label),this.getTextField())}getTextField(){return!0===this.props.multiline?Object(r.createElement)("div",null,Object(r.createElement)(mr,{name:this.props.name,id:this.props.name,onChange:this.props.onChange,optionalAttributes:this.optionalAttributes.field,hasFocus:this.props.hasFocus,value:this.props.value}),this.props.explanation&&Object(r.createElement)("p",null,this.props.explanation)):Object(r.createElement)("div",null,Object(r.createElement)(uo,{name:this.props.name,id:this.props.name,type:"text",onChange:this.props.onChange,value:this.props.value,hasFocus:this.props.hasFocus,autoComplete:this.props.autoComplete,optionalAttributes:this.optionalAttributes.field}),this.props.explanation&&Object(r.createElement)("p",null,this.props.explanation))}parseOptionalAttributes(){const e={},t={},o={id:this.props.name};return Object.keys(this.props).forEach(function(r){r.startsWith("label-")&&(t[r.split("-").pop()]=this.props[r]),r.startsWith("field-")&&(o[r.split("-").pop()]=this.props[r]),r.startsWith("container-")&&(e[r.split("-").pop()]=this.props[r])}.bind(this)),{label:t,field:o,container:e}}}gr.propTypes={label:l.a.string.isRequired,name:l.a.string.isRequired,onChange:l.a.func.isRequired,value:l.a.string,optionalAttributes:l.a.object,multiline:l.a.bool,hasFocus:l.a.bool,class:l.a.string,explanation:l.a.string,autoComplete:l.a.string},gr.defaultProps={optionalAttributes:{},multiline:!1,hasFocus:!1,value:null,class:null,explanation:!1,autoComplete:null};var yr=gr;const vr=c.a.div`
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
position: relative;
`,xr=c.a.span`
${Object(u.getDirectionalStyle)("margin-right","margin-left")}: 16px;
flex: 1;
cursor: pointer;
`,Or=c.a.div`
background-color: ${e=>e.isEnabled?"#a5d6a7":d.colors.$color_button_border};
border-radius: 7px;
height: 14px;
width: 30px;
cursor: pointer;
margin: 0;
outline: 0;
&:focus > span {
box-shadow: inset 0 0 0 1px ${d.colors.$color_white}, 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
}
`,Cr=c.a.span`
background-color: ${e=>e.isEnabled?d.colors.$color_green_medium_light:d.colors.$color_grey_medium_dark};
${e=>e.isEnabled?Object(u.getDirectionalStyle)("margin-left: 12px;","margin-right: 12px;"):Object(u.getDirectionalStyle)("margin-left: -2px;","margin-right: -2px;")};
box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1);
border-radius: 100%;
height: 20px;
width: 20px;
position: absolute;
margin-top: -3px;
`,wr=c.a.span`
font-size: 14px;
line-height: 20px;
${Object(u.getDirectionalStyle)("margin-left","margin-right")}: 8px;
font-style: italic;
`;class _r extends a.a.Component{constructor(e){super(e),this.onClick=this.props.onToggleDisabled,this.onKeyUp=this.props.onToggleDisabled,this.setToggleState=this.setToggleState.bind(this),this.handleOnKeyDown=this.handleOnKeyDown.bind(this),!0!==e.disable&&(this.onClick=this.setToggleState.bind(this),this.onKeyUp=this.setToggleState.bind(this))}setToggleState(e){"keyup"===e.type&&32!==e.keyCode||this.props.onSetToggleState(!this.props.isEnabled)}handleOnKeyDown(e){32===e.keyCode&&e.preventDefault()}render(){return Object(r.createElement)(vr,null,this.props.labelText&&Object(r.createElement)(xr,{id:this.props.id,onClick:this.onClick},this.props.labelText),Object(r.createElement)(Or,{isEnabled:this.props.isEnabled,onKeyDown:this.handleOnKeyDown,onClick:this.onClick,onKeyUp:this.onKeyUp,tabIndex:"0",role:"checkbox","aria-labelledby":this.props.id,"aria-checked":this.props.isEnabled,"aria-disabled":this.props.disable},Object(r.createElement)(Cr,{isEnabled:this.props.isEnabled})),this.props.showToggleStateLabel&&Object(r.createElement)(wr,{"aria-hidden":"true"},this.props.isEnabled?Object(U.__)("On","wordpress-seo"):Object(U.__)("Off","wordpress-seo")))}}_r.propTypes={isEnabled:l.a.bool,onSetToggleState:l.a.func,disable:l.a.bool,onToggleDisabled:l.a.func,id:l.a.string.isRequired,labelText:l.a.string,showToggleStateLabel:l.a.bool},_r.defaultProps={isEnabled:!1,onSetToggleState:()=>{},labelText:"",disable:!1,onToggleDisabled:()=>{},showToggleStateLabel:!0};var jr=_r;function Er(e){return c()(e)`
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
min-height: ${"48px"};
margin: 0;
padding: 0 16px;
padding: ${"0px"} 16px;
border: 0;
border-radius: 4px;
box-sizing: border-box;
font: 400 14px/24px "Open Sans", sans-serif;
text-transform: uppercase;
box-shadow: 0 2px 8px 0 ${Object(d.rgba)(d.colors.$color_black,.3)};
transition: box-shadow 150ms ease-out;
&:hover,
&:focus,
&:active {
box-shadow:
0 4px 10px 0 ${Object(d.rgba)(d.colors.$color_black,.2)},
inset 0 0 0 100px ${Object(d.rgba)(d.colors.$color_black,.1)};
color: ${e=>e.textColor};
}
&:active {
transform: translateY( 1px );
box-shadow: none;
}
// Only needed for IE 10+. Don't add spaces within brackets for this to work.
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
::after {
display: inline-block;
content: "";
min-height: ${"48px"};
}
}
`}const kr=e=>{let{className:t,onClick:o,type:n,children:a,isExpanded:s}=e;return Object(r.createElement)("button",{className:t,onClick:o,type:n,"aria-expanded":s},Object(r.createElement)("span",null,a))};kr.propTypes={className:l.a.string,onClick:l.a.func,type:l.a.string,isExpanded:l.a.bool,children:l.a.oneOfType([l.a.arrayOf(l.a.node),l.a.node,l.a.string])},kr.defaultProps={type:"button"};const Sr=Er(c()(kr)`
color: ${e=>e.textColor};
background: ${e=>e.backgroundColor};
min-width: 152px;
${e=>e.withTextShadow?"text-shadow: 0 0 2px "+d.colors.$color_black:""};
overflow: visible;
cursor: pointer;
&::-moz-focus-inner {
border-width: 0;
}
// Only needed for Safari 10 and only for buttons.
span {
display: inherit;
align-items: inherit;
justify-content: inherit;
width: 100%;
}
`);Sr.propTypes={backgroundColor:l.a.string,textColor:l.a.string,withTextShadow:l.a.bool},Sr.defaultProps={backgroundColor:d.colors.$color_green_medium_light,textColor:d.colors.$color_white,withTextShadow:!0};const Tr=c()(y)`
margin: 2px 4px 0 4px;
flex-shrink: 0;
`,$r=(qr=c()(kr)`
color: ${e=>e.textColor};
background: ${e=>e.backgroundColor};
overflow: visible;
cursor: pointer;
&::-moz-focus-inner {
border-width: 0;
}
// Only needed for Safari 10 and only for buttons.
span {
display: inherit;
align-items: inherit;
justify-content: inherit;
width: 100%;
}
`,c()(qr)`
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
min-height: ${"48px"};
margin: 0;
overflow: auto;
min-width: 152px;
padding: 0 16px;
padding: ${"8px"} 8px ${"8px"} 16px;
border: 0;
border-radius: 4px;
box-sizing: border-box;
font: 400 16px/24px "Open Sans", sans-serif;
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
transition: box-shadow 150ms ease-out;
&:hover,
&:focus,
&:active {
background: ${d.colors.$color_button_upsell_hover};
}
&:active {
transform: translateY( 1px );
box-shadow: none;
filter: none;
}
// Only needed for IE 10+. Don't add spaces within brackets for this to work.
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
::after {
display: inline-block;
content: "";
min-height: ${"32px"};
}
}
`);var qr;$r.propTypes={backgroundColor:l.a.string,hoverColor:l.a.string,textColor:l.a.string},$r.defaultProps={backgroundColor:d.colors.$color_button_upsell,hoverColor:d.colors.$color_button_hover_upsell,textColor:d.colors.$color_black};const Nr=e=>{const{children:t}=e;return Object(r.createElement)($r,e,t,Object(r.createElement)(Tr,{icon:"caret-right",color:d.colors.$color_black,size:"16px"}))};Nr.propTypes={backgroundColor:l.a.string,hoverColor:l.a.string,textColor:l.a.string,children:l.a.oneOfType([l.a.arrayOf(l.a.node),l.a.node])};const Rr=c.a.a`
align-items: center;
justify-content: center;
vertical-align: middle;
color: ${d.colors.$color_black};
white-space: nowrap;
display: inline-flex;
border-radius: 4px;
background-color: ${d.colors.$color_button_upsell};
padding: 4px 8px 8px;
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
border: none;
text-decoration: none;
font-size: inherit;
&:hover,
&:focus,
&:active {
color: ${d.colors.$color_black};
background: ${d.colors.$color_button_upsell_hover};
}
&:active {
background-color: ${d.colors.$color_button_hover_upsell};
transform: translateY( 1px );
box-shadow: none;
filter: none;
}
`,Pr=Er(c.a.a`
text-decoration: none;
color: ${e=>e.textColor};
background: ${e=>e.backgroundColor};
min-width: 152px;
${e=>e.withTextShadow?"text-shadow: 0 0 2px "+d.colors.$color_black:""};
`);Pr.propTypes={backgroundColor:l.a.string,textColor:l.a.string,withTextShadow:l.a.bool},Pr.defaultProps={backgroundColor:d.colors.$color_green_medium_light,textColor:d.colors.$color_white,withTextShadow:!0};var Br=e=>Object(r.createElement)("svg",B()({},e,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 520 240"}),Object(r.createElement)("linearGradient",{id:"a",gradientUnits:"userSpaceOnUse",x1:"476.05",y1:"194.48",x2:"476.05",y2:"36.513"},Object(r.createElement)("stop",{offset:"0",style:{stopColor:"#570732"}}),Object(r.createElement)("stop",{offset:".038",style:{stopColor:"#610b39"}}),Object(r.createElement)("stop",{offset:".155",style:{stopColor:"#79164b"}}),Object(r.createElement)("stop",{offset:".287",style:{stopColor:"#8c1e59"}}),Object(r.createElement)("stop",{offset:".44",style:{stopColor:"#9a2463"}}),Object(r.createElement)("stop",{offset:".633",style:{stopColor:"#a22768"}}),Object(r.createElement)("stop",{offset:"1",style:{stopColor:"#a4286a"}})),Object(r.createElement)("path",{fill:"url(#a)",d:"M488.7 146.1v-56h20V65.9h-20V36.5h-30.9v29.3h-15.7v24.3h15.7v52.8c0 30 20.9 47.8 43 51.5l9.2-24.8c-12.9-1.6-21.2-11.2-21.3-23.5z"}),Object(r.createElement)("linearGradient",{id:"b",gradientUnits:"userSpaceOnUse",x1:"287.149",y1:"172.553",x2:"287.149",y2:"61.835"},Object(r.createElement)("stop",{offset:"0",style:{stopColor:"#570732"}}),Object(r.createElement)("stop",{offset:".038",style:{stopColor:"#610b39"}}),Object(r.createElement)("stop",{offset:".155",style:{stopColor:"#79164b"}}),Object(r.createElement)("stop",{offset:".287",style:{stopColor:"#8c1e59"}}),Object(r.createElement)("stop",{offset:".44",style:{stopColor:"#9a2463"}}),Object(r.createElement)("stop",{offset:".633",style:{stopColor:"#a22768"}}),Object(r.createElement)("stop",{offset:"1",style:{stopColor:"#a4286a"}})),Object(r.createElement)("path",{fill:"url(#b)",d:"M332.8 137.3V95.2c0-1.5-.1-3-.2-4.4-2.7-34-51-33.9-88.3-20.9L255 91.7c24.3-11.6 38.9-8.6 44-2.9l.4.4v.1c2.6 3.5 2 9 2 13.4-31.8 0-65.7 4.2-65.7 39.1 0 26.5 33.2 43.6 68 18.3l5.2 12.4h29.8c-2.8-14.5-5.9-27-5.9-35.2zm-31.2-.3c-24.5 27.4-46.9 1.6-23.9-9.6 6.8-2.3 15.9-2.4 23.9-2.4v12z"}),Object(r.createElement)("linearGradient",{id:"c",gradientUnits:"userSpaceOnUse",x1:"390.54",y1:"172.989",x2:"390.54",y2:"61.266"},Object(r.createElement)("stop",{offset:"0",style:{stopColor:"#570732"}}),Object(r.createElement)("stop",{offset:".038",style:{stopColor:"#610b39"}}),Object(r.createElement)("stop",{offset:".155",style:{stopColor:"#79164b"}}),Object(r.createElement)("stop",{offset:".287",style:{stopColor:"#8c1e59"}}),Object(r.createElement)("stop",{offset:".44",style:{stopColor:"#9a2463"}}),Object(r.createElement)("stop",{offset:".633",style:{stopColor:"#a22768"}}),Object(r.createElement)("stop",{offset:"1",style:{stopColor:"#a4286a"}})),Object(r.createElement)("path",{fill:"url(#c)",d:"M380.3 92.9c0-10.4 16.6-15.2 42.8-3.3l9.1-22C397 57 348.9 56 348.6 92.8c-.1 17.7 11.2 27.2 27.5 33.2 11.3 4.2 27.6 6.4 27.6 15.4-.1 11.8-25.3 13.6-48.4-2.3l-9.3 23.8c31.4 15.6 89.7 16.1 89.4-23.1-.4-38.5-55.1-31.9-55.1-46.9z"}),Object(r.createElement)("linearGradient",{id:"d",gradientUnits:"userSpaceOnUse",x1:"76.149",y1:"3.197",x2:"76.149",y2:"178.39"},Object(r.createElement)("stop",{offset:"0",style:{stopColor:"#77b227"}}),Object(r.createElement)("stop",{offset:".467",style:{stopColor:"#75b027"}}),Object(r.createElement)("stop",{offset:".635",style:{stopColor:"#6eab27"}}),Object(r.createElement)("stop",{offset:".755",style:{stopColor:"#63a027"}}),Object(r.createElement)("stop",{offset:".852",style:{stopColor:"#529228"}}),Object(r.createElement)("stop",{offset:".934",style:{stopColor:"#3c7f28"}}),Object(r.createElement)("stop",{offset:"1",style:{stopColor:"#246b29"}})),Object(r.createElement)("path",{fill:"url(#d)",d:"M108.2 9.2L63.4 133.6 41.9 66.4H10l35.7 91.8c3 7.8 3 16.5 0 24.3-4 10.2-10.6 19-26.8 21.2v27.2c31.5 0 48.6-19.4 63.8-61.9L142.3 9.2h-34.1z"}),Object(r.createElement)("linearGradient",{id:"e",gradientUnits:"userSpaceOnUse",x1:"175.228",y1:"172.923",x2:"175.228",y2:"62.17"},Object(r.createElement)("stop",{o
float: left;
margin: -4px 0 2rem;
font-size: 1rem;
`,Lr=c.a.button`
float: right;
width: 44px;
height: 44px;
background: transparent;
border: 0;
margin: -16px -16px 0 0;
padding: 0;
cursor: pointer;
`;class Dr extends a.a.Component{constructor(e){super(e)}render(){return Object(r.createElement)(zr.a,{isOpen:this.props.isOpen,onRequestClose:this.props.onClose,role:"dialog",contentLabel:this.props.modalAriaLabel,overlayClassName:"yoast-modal__overlay "+this.props.className,className:"yoast-modal__content "+this.props.className,appElement:this.props.appElement,bodyOpenClassName:"yoast-modal_is-open"},Object(r.createElement)("div",null,this.props.heading&&Object(r.createElement)(Mr,{className:"yoast-modal__title"},this.props.heading),this.props.closeIconButton&&Object(r.createElement)(Lr,{type:"button",onClick:this.props.onClose,className:"yoast-modal__button-close-icon "+this.props.closeIconButtonClassName,"aria-label":this.props.closeIconButton},Object(r.createElement)(y,{icon:"times",color:d.colors.$color_grey_text}))),Object(r.createElement)("div",{className:"yoast-modal__inside"},this.props.children),this.props.closeButton&&Object(r.createElement)("div",{className:"yoast-modal__actions"},Object(r.createElement)("button",{type:"button",onClick:this.props.onClose,className:"yoast-modal__button-close "+this.props.closeButtonClassName},this.props.closeButton)))}}Dr.propTypes={children:l.a.any,className:l.a.string,isOpen:l.a.bool,onClose:l.a.func.isRequired,modalAriaLabel:l.a.string.isRequired,appElement:l.a.object.isRequired,heading:l.a.string,closeIconButton:l.a.string,closeIconButtonClassName:l.a.string,closeButton:l.a.string,closeButtonClassName:l.a.string},Dr.defaultProps={children:null,className:"",heading:"",closeIconButton:"",closeIconButtonClassName:"",closeButton:"",closeButtonClassName:"",isOpen:!1};var Ar=c()(Dr)`
&.yoast-modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
transition: background 100ms ease-out;
z-index: 999999;
}
&.yoast-modal__content {
position: absolute;
top: 50%;
left: 50%;
right: auto;
bottom: auto;
width: auto;
max-width: 90%;
max-height: 90%;
border: 0;
border-radius: 0;
margin-right: -50%;
padding: 24px;
transform: translate(-50%, -50%);
background-color: #fff;
outline: none;
@media screen and ( max-width: 500px ) {
overflow-y: auto;
}
@media screen and ( max-height: 640px ) {
overflow-y: auto;
}
}
.yoast-modal__inside {
clear: both;
}
.yoast-modal__actions {
text-align: right;
}
.yoast-modal__actions button {
margin: 24px 0 0 8px;
}
`,Fr=e=>Object(r.createElement)("svg",B()({},e,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 500 500"}),Object(r.createElement)("path",{d:"M80,0H420a80,80,0,0,1,80,80V500a0,0,0,0,1,0,0H80A80,80,0,0,1,0,420V80A80,80,0,0,1,80,0Z",fill:"#a4286a"}),Object(r.createElement)("path",{d:"M437.61,2,155.89,500H500V80A80,80,0,0,0,437.61,2Z",fill:"#6c2548"}),Object(r.createElement)("path",{d:"M74.4,337.3v34.9c21.6-.9,38.5-8,52.8-22.5s27.4-38,39.9-72.9l92.6-248H214.9L140.3, 236l-37-116.2h-41l54.4,139.8a57.54,57.54,0,0,1,0,41.8C111.2,315.6,101.3,332.3,74.4,337.3Z",fill:"#fff"}),Object(r.createElement)("circle",{cx:"368.33",cy:"124.68",r:"97.34",transform:"translate(19.72 296.97) rotate(-45)",fill:"#9fda4f"}),Object(r.createElement)("path",{d:"M416.2,39.93,320.46,209.44A97.34,97.34,0,1,0,416.2,39.93Z",fill:"#77b227"}),Object(r.createElement)("path",{d:"M294.78,254.75h0l-.15-.08-.13-.07h0a63.6,63.6,0,0,0-62.56,110.76h0l.07,0,.06,0h0a63.6,63.6,0,0,0,62.71-110.67Z",fill:"#fec228"}),Object(r.createElement)("path",{d:"M294.5,254.59,231.94,365.35A63.6,63.6,0,1,0,294.5,254.59Z",fill:"#f49a00"}),Object(r.createElement)("path",{d:"M222.31,450.07A38.16,38.16,0,0,0,203,416.83h0l0,0h0a38.18,38.18,0,1,0,19.41,33.27Z",fill:"#ff4e47"}),Object(r.createElement)("path",{d:"M202.9,416.8l-37.54,66.48A38.17,38.17,0,0,0,202.9,416.8Z",fill:"#ed261f"}));function Ur(e){return e.type&&"Tab"===e.type.tabsRole}function Hr(e){return e.type&&"TabPanel"===e.type.tabsRole}function Wr(e){return e.type&&"TabList"===e.type.tabsRole}function Vr(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function Kr(e,t){return n.Children.map(e,(function(e){return null===e?null:function(e){return Ur(e)||Wr(e)||Hr(e)}(e)?t(e):e.props&&e.props.children&&"object"==typeof e.props.children?Object(n.cloneElement)(e,function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){Vr(e,t,o[t])}))}return e}({},e.props,{children:Kr(e.props.children,t)})):e}))}function Gr(e,t){return n.Children.forEach(e,(function(e){null!==e&&(Ur(e)||Hr(e)?t(e):e.props&&e.props.children&&"object"==typeof e.props.children&&(Wr(e)&&t(e),Gr(e.props.children,t)))}))}var Yr,Zr=o(39),Xr=o.n(Zr),Jr=0;function Qr(){return"react-tabs-"+Jr++}function en(e){var t=0;return Gr(e,(function(e){Ur(e)&&t++})),t}function tn(){return(tn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e}).apply(this,arguments)}function on(e){return e&&"getAttribute"in e}function rn(e){return on(e)&&"tab"===e.getAttribute("role")}function nn(e){return on(e)&&"true"===e.getAttribute("aria-disabled")}try{Yr=!("undefined"==typeof window||!window.document||!window.document.activeElement)}catch(e){Yr=!1}var an=function(e){var t,o;function r(){for(var t,o=arguments.length,r=new Array(o),n=0;n<o;n++)r[n]=arguments[n];return(t=e.call.apply(e,[this].concat(r))||this).tabNodes=[],t.handleKeyDown=function(e){if(t.isTabFromContainer(e.target)){var o=t.props.selectedIndex,r=!1,n=!1;32!==e.keyCode&&13!==e.keyCode||(r=!0,n=!1,t.handleClick(e)),37===e.keyCode||38===e.keyCode?(o=t.getPrevTab(o),r=!0,n=!0):39===e.keyCode||40===e.keyCode?(o=t.getNextTab(o),r=!0,n=!0):35===e.keyCode?(o=t.getLastTab(),r=!0,n=!0):36===e.keyCode&&(o=t.getFirstTab(),r=!0,n=!0),r&&e.preventDefault(),n&&t.setSelected(o,e)}},t.handleClick=function(e){var o=e.target;do{if(t.isTabFromContainer(o)){if(nn(o))return;var r=[].slice.call(o.parentNode.children).filter(rn).indexOf(o);return void t.setSelected(r,e)}}while(null!=(o=o.parentNode))},t}o=e,(t=r).prototype=Object.create(o.prototype),t.prototype.constructor=t,t.__proto__=o;var s=r.prototype;return s.setSelected=function(e,t){if(!(e<0||e>=this.getTabsCount())){var o=this.props;(0,o.onSelect)(e,o.selectedIndex,t)}},s.getNextTab=function(
font-size: 1em;
.react-tabs__tab-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 4px solid ${d.colors.$color_grey_light};
}
.react-tabs__tab {
flex: 0 1 ${e=>e.tabsBaseWidth};
text-align: center;
margin: 0 16px;
padding: 16px 0;
cursor: pointer;
font-family: "Open Sans", sans-serif;
font-size: ${e=>e.tabsFontSize};
line-height: 1.33333333;
font-weight: ${e=>e.tabsFontWeight};
color: ${e=>e.tabsTextColor};
text-transform: ${e=>e.tabsTextTransform};
&.react-tabs__tab--selected {
box-shadow: 0 4px 0 0 ${d.colors.$color_pink_dark};
}
}
.react-tabs__tab-panel {
display: none;
padding: 24px 40px;
@media screen and ( max-width: ${d.breakpoints.mobile} ) {
padding: 16px 16px;
}
:focus {
outline: none;
}
&.react-tabs__tab-panel--selected {
display: block;
}
}
`;fn.propTypes={tabsTextColor:l.a.string,tabsTextTransform:l.a.string,tabsFontSize:l.a.string,tabsFontWeight:l.a.string,tabsBaseWidth:l.a.string};class bn extends a.a.Component{getTabs(){return this.props.items.map(e=>Object(r.createElement)(un,{key:e.id},e.label))}getTabPanels(){return this.props.items.map(e=>Object(r.createElement)(hn,{key:e.id,tabIndex:"0"},e.content))}render(){return Object(r.createElement)(fn,{tabsTextColor:this.props.tabsTextColor,tabsTextTransform:this.props.tabsTextTransform,tabsFontSize:this.props.tabsFontSize,tabsFontWeight:this.props.tabsFontWeight,tabsBaseWidth:this.props.tabsBaseWidth},Object(r.createElement)(sn,{onSelect:this.props.onTabSelect},Object(r.createElement)(cn,null,this.getTabs()),this.getTabPanels()))}componentDidMount(){this.props.onTabsMounted()}}bn.propTypes={items:l.a.arrayOf(l.a.shape({id:l.a.string.isRequired,label:l.a.string.isRequired,content:l.a.object.isRequired})),tabsTextColor:l.a.string,tabsTextTransform:l.a.string,tabsFontSize:l.a.string,tabsFontWeight:l.a.string,tabsBaseWidth:l.a.string,onTabSelect:l.a.func,onTabsMounted:l.a.func},bn.defaultProps={items:[],tabsTextColor:d.colors.$color_grey_dark,tabsTextTransform:"none",tabsFontSize:"1.5em",tabsFontWeight:"200",tabsBaseWidth:"200px",onTabSelect:()=>{},onTabsMounted:()=>{}};var mn=bn,gn=o(64),yn=o.n(gn);const vn=c.a.div`
display: flex;
padding: 16px;
background: ${d.colors.$color_alert_warning_background};
color: ${d.colors.$color_alert_warning_text};
`,xn=c()(y)`
margin-top: 2px;
`,On=c.a.div`
margin: ${Object(u.getDirectionalStyle)("0 0 0 8px","0 8px 0 0")};
`;class Cn extends a.a.Component{render(){const{message:e}=this.props;return yn()(e)?null:Object(r.createElement)(vn,null,Object(r.createElement)(xn,{icon:"exclamation-triangle",size:"16px"}),Object(r.createElement)(On,null,e))}}Cn.propTypes={message:l.a.array},Cn.defaultProps={message:[]};var wn=Cn;const jn=c.a.div`
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
overflow: hidden;
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
`;function En(e){return Object(r.createElement)(jn,null,Object(r.createElement)(io,e))}En.propTypes={width:l.a.number,height:l.a.number,src:l.a.string.isRequired,title:l.a.string.isRequired,frameBorder:l.a.number,allowFullScreen:l.a.bool},En.defaultProps={width:560,height:315,frameBorder:0,allowFullScreen:!0};const kn=e=>{console.warn("The WordList component has been deprecated and will be removed in a future release.");const{title:t,classNamePrefix:o,words:n,header:a,footer:s}=e,l=Object(r.createElement)("ol",{className:o+"__list"},n.map(e=>Object(r.createElement)("li",{key:e,className:o+"__item"},e)));return Object(r.createElement)("div",{className:o},Object(r.createElement)("p",null,Object(r.createElement)("strong",null,t)),a,l,s)};kn.propTypes={words:l.a.array.isRequired,title:l.a.string.isRequired,header:l.a.string,footer:l.a.string,classNamePrefix:l.a.string},kn.defaultProps={classNamePrefix:"",header:"",footer:""};var Sn=kn;const Tn=c.a.ul`
margin: 0;
padding: 0;
list-style: none;
position: relative;
width: 100%;
li:first-child {
& > span::before {
left: auto;
}
}
`;Tn.propTypes={children:l.a.any};class $n extends a.a.Component{constructor(e){super(e)}getChildren(){return 1===this.props.children?[this.props.children]:this.props.children}render(){const e=this.getChildren();return Object(r.createElement)(Tn,{role:"list"},e)}}class qn extends $n{constructor(e){super(e),this.zebraProps=Object.assign({},e)}zebrafyChildren(){let e=this.props.children;this.props.children.map||(e=[e]),this.zebraProps.children=e.map((e,t)=>a.a.cloneElement(e,{background:t%2==1?d.colors.$color_white:d.colors.$color_background_light,key:t}))}render(){return this.zebrafyChildren(),Object(r.createElement)(Tn,B()({role:"list"},this.zebraProps))}}$n.propTypes={children:l.a.oneOfType([l.a.arrayOf(l.a.node),l.a.node])},$n.defaultProps={children:[]};const Nn=c.a.li`
background: ${e=>e.background};
display: flex;
min-height: ${e=>e.rowHeight};
align-items: center;
justify-content: space-between;
`;Nn.propTypes={background:l.a.string,hasHeaderLabels:l.a.bool,rowHeight:l.a.string},Nn.defaultProps={background:d.colors.$color_white,hasHeaderLabels:!0},c()(Nn)`
@media screen and ( max-width: 800px ) {
flex-wrap: wrap;
align-items: flex-start;
&:first-child {
margin-top: ${e=>e.hasHeaderLabels?"24px":"0"};
}
// Use the column headers (if any) as labels.
& > span::before {
position: static;
display: inline-block;
padding-right: 0.5em;
font-size: inherit;
}
& > span {
padding-left: 0;
}
}
`;class Rn extends a.a.Component{constructor(){super(),this.focus=this.focus.bind(this),this.blur=this.blur.bind(this),this.state={focused:!1}}focus(){this.setState({focused:!0})}blur(){this.setState({focused:!1})}getStyles(){return!0===this.state.focused?Ye.ScreenReaderText.focused:Ye.ScreenReaderText.default}render(){return Object(r.createElement)("a",{href:"#"+this.props.anchor,className:"screen-reader-shortcut",style:this.getStyles(),onFocus:this.focus,onBlur:this.blur},this.props.children)}}Rn.propTypes={anchor:l.a.string.isRequired,children:l.a.string.isRequired};var Pn=Rn},4:function(e,t){e.exports=window.wp.i18n},5:function(e,t){e.exports=window.yoast.styledComponents},53:function(e,t,o){"use strict";var r=o(3),n="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,a=o(37),s=o(54),l=o(55),i="function"==typeof Symbol&&Symbol.iterator;function c(e,t){return e&&"object"==typeof e&&null!=e.key?(o=e.key,r={"=":"=0",":":"=2"},"$"+(""+o).replace(/[=:]/g,(function(e){return r[e]}))):t.toString(36);var o,r}var d=/\/+/g;function u(e){return(""+e).replace(d,"$&/")}var p,h,f=b,b=function(e){if(this.instancePool.length){var t=this.instancePool.pop();return this.call(t,e),t}return new this(e)};function m(e,t,o,r){this.result=e,this.keyPrefix=t,this.func=o,this.context=r,this.count=0}function g(e,t,o){var n,s,l=e.result,i=e.keyPrefix,c=e.func,d=e.context,p=c.call(d,t,e.count++);Array.isArray(p)?y(p,l,o,a.thatReturnsArgument):null!=p&&(r.isValidElement(p)&&(n=p,s=i+(!p.key||t&&t.key===p.key?"":u(p.key)+"/")+o,p=r.cloneElement(n,{key:s},void 0!==n.props?n.props.children:void 0)),l.push(p))}function y(e,t,o,r,a){var l="";null!=o&&(l=u(o)+"/");var d=m.getPooled(t,l,r,a);!function(e,t,o){null==e||function e(t,o,r,a){var l,d=typeof t;if("undefined"!==d&&"boolean"!==d||(t=null),null===t||"string"===d||"number"===d||"object"===d&&t.$$typeof===n)return r(a,t,""===o?"."+c(t,0):o),1;var u=0,p=""===o?".":o+":";if(Array.isArray(t))for(var h=0;h<t.length;h++)u+=e(l=t[h],p+c(l,h),r,a);else{var f=function(e){var t=e&&(i&&e[i]||e["@@iterator"]);if("function"==typeof t)return t}(t);if(f)for(var b,m=f.call(t),g=0;!(b=m.next()).done;)u+=e(l=b.value,p+c(l,g++),r,a);else if("object"===d){var y=""+t;s(!1,"Objects are not valid as a React child (found: %s).%s","[object Object]"===y?"object with keys {"+Object.keys(t).join(", ")+"}":y,"")}}return u}(e,"",t,o)}(e,g,d),m.release(d)}m.prototype.destructor=function(){this.result=null,this.keyPrefix=null,this.func=null,this.context=null,this.count=0},p=function(e,t,o,r){if(this.instancePool.length){var n=this.instancePool.pop();return this.call(n,e,t,o,r),n}return new this(e,t,o,r)},(h=m).instancePool=[],h.getPooled=p||f,h.poolSize||(h.poolSize=10),h.release=function(e){s(e instanceof this,"Trying to release an instance into a pool of a different type."),e.destructor(),this.instancePool.length<this.poolSize&&this.instancePool.push(e)},e.exports=function(e){if("object"!=typeof e||!e||Array.isArray(e))return l(!1,"React.addons.createFragment only accepts a single object. Got: %s",e),e;if(r.isValidElement(e))return l(!1,"React.addons.createFragment does not accept a ReactElement without a wrapper object."),e;s(1!==e.nodeType,"React.addons.createFragment(...): Encountered an invalid child; DOM elements are not valid children of React components.");var t=[];for(var o in e)y(e[o],t,o,a.thatReturnsArgument);return t}},54:function(e,t,o){"use strict";e.exports=function(e,t,o,r,n,a,s,l){if(!e){var i;if(void 0===t)i=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[o,r,n,a,s,l],d=0;(i=new Error(t.replace(/%s/g,(function(){return c[d++]})))).name="Invariant Violation"}throw i.framesToPop=1,i}}},55:function(e,t,o){"use strict";var r=o(37);e.exports=r},56:function(e,t,o){"use strict";function r(e){return e.match(/^\{\{\//)?{type:"componentClose",value:e.replace(/\W/g,"")}:e.match(/\/\}\}$/)?{type:"componentSelfClosing",value:e.replace(/\W/g,"")}:e.match(/^\{\{/)?{type:"componentOpen",value:e.replace