Ubuntu
!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=33)}([function(e,t){e.exports=React},function(e,t,n){e.exports=n(35)()},function(e,t){e.exports=window.yoast.styledComponents},function(e,t){e.exports=window.wp.i18n},function(e,t){e.exports=window.yoast.componentsNew},function(e,t){e.exports=window.yoast.styleGuide},function(e,t){e.exports=window.yoast.helpers},function(e,t){e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},function(e,t,n){var o=n(14).Symbol;e.exports=o},function(e,t){var n=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");e.exports=function(e){return n.test(e)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const o=t.MODE_MOBILE="mobile",r=t.MODE_DESKTOP="desktop",i=t.MODES=[r,o],a=t.DEFAULT_MODE=o;t.default={MODE_MOBILE:o,MODE_DESKTOP:r,MODES:i,DEFAULT_MODE:a}},function(e,t){e.exports=window.yoast.replacementVariableEditor},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.lengthProgressShape=void 0;var o=function(e){return e&&e.__esModule?e:{default:e}}(n(1));t.lengthProgressShape=o.default.shape({max:o.default.number,actual:o.default.number,score:o.default.number})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=u(o),i=u(n(2)),a=u(n(1)),s=u(n(37)),l=n(3);function u(e){return e&&e.__esModule?e:{default:e}}const c=i.default.div.withConfig({displayName:"FixedWidthContainer__FixedWidth",componentId:"sc-12v6gqu-0"})(["overflow:auto;width:","px;padding:0 ","px;max-width:100%;box-sizing:border-box;"],e=>e.widthValue,e=>e.paddingValue),p=i.default.div.withConfig({displayName:"FixedWidthContainer__Inner",componentId:"sc-12v6gqu-1"})(["width:","px;"],e=>e.widthValue),d=i.default.div.withConfig({displayName:"FixedWidthContainer__ScrollHintContainer",componentId:"sc-12v6gqu-2"})(["text-align:center;margin:1em 0 5px;"]),f=i.default.div.withConfig({displayName:"FixedWidthContainer__ScrollHint",componentId:"sc-12v6gqu-3"})(['display:inline-block;box-sizing:border-box;&:before{display:inline-block;margin-right:10px;font-size:20px;line-height:inherit;vertical-align:text-top;content:"\\21c4";box-sizing:border-box;}']);class h extends o.Component{constructor(e){super(e),this.state={showScrollHint:!1},this.setContainerRef=this.setContainerRef.bind(this),this.determineSize=(0,s.default)(this.determineSize.bind(this),100)}setContainerRef(e){if(!e)return null;this._container=e,this.determineSize(),window.addEventListener("resize",this.determineSize)}determineSize(){const e=this._container.offsetWidth;this.setState({showScrollHint:e=0||(r[n]=e[n]);return r}(t,["children"]);if(delete o.in,delete o.mountOnEnter,delete o.unmountOnExit,delete o.appear,delete o.enter,delete o.exit,delete o.timeout,delete o.addEndListener,delete o.onEnter,delete o.onEntering,delete o.onEntered,delete o.onExit,delete o.onExiting,delete o.onExited,"function"==typeof n)return n(e,o);var i=r.default.Children.only(n);return r.default.cloneElement(i,o)},t}(r.default.Component);function f(){}d.contextTypes={transitionGroup:o.object},d.childContextTypes={transitionGroup:function(){}},d.propTypes={},d.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:f,onEntering:f,onEntered:f,onExit:f,onExiting:f,onExited:f},d.UNMOUNTED=0,d.EXITED=1,d.ENTERING=2,d.ENTERED=3,d.EXITING=4;var h=(0,a.polyfill)(d);t.default=h},function(e,t){e.exports=ReactDOM},function(e,t,n){"use strict";function o(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!==e&&void 0!==e&&this.setState(e)}function r(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!==n&&void 0!==n?n:null}.bind(this))}function i(e,t){try{var n=this.props,o=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,o)}finally{this.props=n,this.state=o}}function a(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var n=null,a=null,s=null;if("function"==typeof t.componentWillMount?n="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(n="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?a="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(a="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?s="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(s="UNSAFE_componentWillUpdate"),null!==n||null!==a||null!==s){var l=e.displayName||e.name,u="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+l+" uses "+u+" but also contains the following legacy lifecycles:"+(null!==n?"\n "+n:"")+(null!==a?"\n "+a:"")+(null!==s?"\n "+s:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=o,t.componentWillReceiveProps=r),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=i;var c=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var o=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;c.call(this,e,t,o)}}return e}n.r(t),n.d(t,"polyfill",function(){return a}),o.__suppressDeprecationWarning=!0,r.__suppressDeprecationWarning=!0,i.__suppressDeprecationWarning=!0},function(e,t,n){"use strict";t.__esModule=!0,t.classNamesShape=t.timeoutsShape=void 0;!function(e){e&&e.__esModule}(n(1));t.timeoutsShape=null;t.classNamesShape=null},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0;var o=s(n(1)),r=s(n(0)),i=n(26),a=n(52);function s(e){return e&&e.__esModule?e:{default:e}}function l(){return(l=Object.assign||function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,["component","childFactory"]),i=c(this.state.children).map(n);return delete o.appear,delete o.enter,delete o.exit,null===t?i:r.default.createElement(t,o,i)},t}(r.default.Component);p.childContextTypes={transitionGroup:o.default.object.isRequired},p.propTypes={},p.defaultProps={component:"div",childFactory:function(e){return e}};var d=(0,i.polyfill)(p);t.default=d,e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=Object.assign||function(e){for(var t=1;tn===v.MODE_DESKTOP?"-22px":"-40px",(0,h.getDirectionalStyle)((0,d.angleRight)(t),(0,d.angleLeft)(t)))}const T=a.default.div.withConfig({displayName:"SnippetPreview__Title",componentId:"waz8ku-4"})(["color:",";text-decoration:none;font-size:",";line-height:",";font-weight:normal;margin:0;display:inline-block;overflow:hidden;max-width:","px;vertical-align:top;text-overflow:ellipsis;"],e=>e.screenMode===v.MODE_DESKTOP?"#1a0dab":"#1967d2",e=>e.screenMode===v.MODE_DESKTOP?"20px":"16px",e=>e.screenMode===v.MODE_DESKTOP?"1.3":"20px",w),I=(0,a.default)(T).withConfig({displayName:"SnippetPreview__TitleBounded",componentId:"waz8ku-5"})(["max-width:","px;vertical-align:top;text-overflow:ellipsis;"],w),D=a.default.span.withConfig({displayName:"SnippetPreview__TitleUnboundedDesktop",componentId:"waz8ku-6"})(["white-space:nowrap;"]),j=a.default.span.withConfig({displayName:"SnippetPreview__TitleUnboundedMobile",componentId:"waz8ku-7"})(["display:inline-block;max-height:40px;padding-top:1px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;"]),A=a.default.div.withConfig({displayName:"SnippetPreview__BaseUrl",componentId:"waz8ku-8"})(["display:inline-block;cursor:pointer;position:relative;max-width:90%;white-space:nowrap;font-size:14px;vertical-align:top;"]),R=(0,a.default)(A).withConfig({displayName:"SnippetPreview__BaseUrlOverflowContainer",componentId:"waz8ku-9"})(["overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:",";padding-top:1px;line-height:",";vertical-align:",";"],e=>e.screenMode===v.MODE_DESKTOP?"0":"12px",e=>e.screenMode===v.MODE_DESKTOP?"1.5":"20px",e=>e.screenMode===v.MODE_DESKTOP?"baseline":"top"),N=a.default.span.withConfig({displayName:"SnippetPreview__UrlContentContainer",componentId:"waz8ku-10"})(["font-size:",";color:",";"],e=>e.screenMode===v.MODE_DESKTOP?"16px":"12px",e=>e.screenMode===v.MODE_DESKTOP?"#006621":"#3c4043");R.displayName="SnippetPreview__BaseUrlOverflowContainer";const k=a.default.div.withConfig({displayName:"SnippetPreview__DesktopDescription",componentId:"waz8ku-11"})(["color:",";cursor:pointer;position:relative;max-width:","px;padding-top:",";font-size:14px;line-height:1.57;"],e=>e.isDescriptionPlaceholder?"#767676":"#545454",w,e=>e.screenMode===v.MODE_DESKTOP?"0":"1px"),F=a.default.div.withConfig({displayName:"SnippetPreview__MobileDescription",componentId:"waz8ku-12"})(["color:",";font-size:14px;line-height:20px;cursor:pointer;position:relative;max-width:",'px;&:after{display:table;content:"";clear:both;}'],"#3c4043",w),U=a.default.div.withConfig({displayName:"SnippetPreview__MobileDescriptionImageContainer",componentId:"waz8ku-13"})(["float:right;width:104px;height:104px;margin:4px 0 4px 16px;border-radius:8px;overflow:hidden;"]),L=a.default.img.withConfig({displayName:"SnippetPreview__MobileDescriptionImage",componentId:"waz8ku-14"})(["&&&{display:block;width:104px;height:104px;object-fit:cover;}"]),V=a.default.div.withConfig({displayName:"SnippetPreview__MobilePartContainer",componentId:"waz8ku-15"})(["padding:12px 16px;&:first-child{margin-bottom:-16px;}"]),z=a.default.div.withConfig({displayName:"SnippetPreview__DesktopPartContainer",componentId:"waz8ku-16"})([""]),B=a.default.div.withConfig({displayName:"SnippetPreview__UrlDownArrow",componentId:"waz8ku-17"})(["display:inline-block;margin-top:9px;margin-left:6px;border-top:5px solid #006621;border-right:4px solid transparent;border-left:4px solid transparent;vertical-align:top;"]),q=a.default.span.withConfig({displayName:"SnippetPreview__DatePreview",componentId:"waz8ku-18"})(["color:",";"],e=>e.screenMode===v.MODE_DESKTOP?"#777":"#70757a"),W="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABs0lEQVR4AWL4//8/RRjO8Iucx+noO0MWUDo16FYABMGP6ZfUcRnWtm27jVPbtm3bttuH2t3eFPcY9pLz7NxiLjCyVd87pKnHyqXyxtCs8APd0rnyxiu4qSeA3QEDrAwBDrT1s1Rc/OrjLZwqVmOSu6+Lamcpp2KKMA9PH1BYXMe1mUP5qotvXTywsOEEYHXxrY+3cqk6TMkYpNr2FeoY3KIr0RPtn9wQ2unlA+GMkRw6+9TFw4YTwDUzx/JVvARj9KaedXRO8P5B1Du2S32smzqUrcKGEyA+uAgQjKX7zf0boWHGfn71jIKj2689gxp7OAGShNcBUmLMPVjZuiKcA2vuWHHDCQxMCz629kXAIU4ApY15QwggAFbfOP9DhgBJ+nWVJ1AZAfICAj1pAlY6hCADZnveQf7bQIwzVONGJonhLIlS9gr5mFg44Xd+4S3XHoGNPdJl1INIwKyEgHckEhgTe1bGiFY9GSFBYUwLh1IkiJUbY407E7syBSFxKTszEoiE/YdrgCEayDmtaJwCI9uu8TKMuZSVfSa4BpGgzvomBR/INhLGzrqDotp01ZR8pn/1L0JN9d9XNyx0AAAAAElFTkSuQmCC",H=a.default.img.withConfig({displayName:"SnippetPreview__Favicon",componentId:"waz8ku-19"})(["width:16px;height:16px;margin-right:12px;vertical-align:middle;"]),K=a.default.div.withConfig({displayName:"SnippetPreview__Amp",componentId:"waz8ku-20"})(["background-size:100% 100%;display:inline-block;height:12px;width:12px;margin-bottom:-1px;opacity:0.46;margin-right:6px;background-image:url( "," );"],"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAQAAABLCVATAAABr0lEQVR4AbWWJYCUURhFD04Zi7hrLzgFd4nzV9x6wKHinmYb7g4zq71gIw2LWBnZ3Q8df/fh96Tn/t2HVIw4CVKk+fSFNCkSxInxW1pFkhLmoMRjVvFLmkEX5ocuZuBVPw5jv8hh+iEU5QEmuMK+prz7RN3dPMMEGQYzxpH/lGjzou5jgl7mAvOdZfcbF+jbm3MAbFZ7VX9SJnlL1D8UMyjLe+BrAYDb+jJUr59JrlNWRtcqX9GkrPCR4QBAf4qYJAkQoyQrbKKs8RiaEjEI0GvvQ1mLMC9xaBFFBaZS1TbMSwJSomg39erDF+TxpCCNOXjGQJTCvG6qn4ZPzkcxA61Tjhaf4KMj+6Q3XvW6Lopraa8IozRQxIi0a7NXorULc5JyHX/3F3q+0PsFYytVTaGgjz/AvCyiegE69IUsPxHNBMpa738i6tGWlzkAABjKe/+j9YeRHGVd9oWRnwe2ewDASp/L/UqoPQ5AmFeYZMavBP8dAJz0GWWDHQlzXApMdz4KYUfKICcxkKeOfGmQyrIPcgE9m+g/+kT812/Nr3+0kqzitxQjoKXh6xfor99nlEdFjyvH15gAAAAASUVORK5CYII=");function G(e,t,n,o){if(0===t.length)return n;let r=o||n;const a=[];t.forEach(function(t){t=o?E(t):t,a.push(t);const n=b(t,e);n!==t&&a.push(n)});const l=x(a,!1,"",!1);return r=r.replace(l,function(e){return`{{strong}}${e}{{/strong}}`}),(0,s.default)({mixedString:r,components:{strong:i.default.createElement("strong",null)}})}class $ extends r.PureComponent{constructor(e){super(e),this.state={title:e.title,description:e.description,isDescriptionPlaceholder:!0},this.setTitleRef=this.setTitleRef.bind(this),this.setDescriptionRef=this.setDescriptionRef.bind(this)}setTitleRef(e){this._titleElement=e}setDescriptionRef(e){this._descriptionElement=e}hasOverflowedContent(e){return Math.abs(e.clientHeight-e.scrollHeight)>=2}fitTitle(){const e=this._titleElement;if(this.hasOverflowedContent(e)){let t=this.state.title;const n=e.clientWidth/3;t.length>n&&(t=t.substring(0,n));const o=this.dropLastWord(t);this.setState({title:o})}}dropLastWord(e){const t=e.split(" ");return t.pop(),t.join(" ")}getTitle(){return this.props.title!==this.state.title?this.state.title+" ...":this.props.title}getDescription(){return this.props.description?(0,u.default)(this.props.description,{length:S,separator:" ",omission:" ..."}):(0,p.__)("Please provide a meta description by editing the snippet below. If you don’t, Google will try to find a relevant part of your post to show in the search results.","yoast-components")}renderDate(){const e=this.props.mode===v.MODE_DESKTOP?"-":"⋅";return this.props.date&&i.default.createElement(q,{screenMode:this.props.mode},this.props.date," ",e," ")}addCaretStyles(e,t){var n=this.props;const o=n.mode,r=n.hoveredField;return n.activeField===e?P(t,d.colors.$color_snippet_active,o):r===e?P(t,d.colors.$color_snippet_hover,o):t}getBreadcrumbs(e){const t=this.props.breadcrumbs,n=encodeURI(e.replace(/\?|#/g,""));var o=(0,c.parse)(n);const r=o.protocol,i=o.hostname,a=o.pathname,s=["https:"===r?r+"//"+i:i,...t||a.split("/")].filter(e=>!!e).join(" › ");return decodeURI(s)}renderUrl(){var e=this.props;const t=e.url,n=e.onMouseUp,o=e.onMouseEnter,r=e.onMouseLeave,a=e.mode,s=e.faviconSrc,l=a===v.MODE_MOBILE;let u=E(t);l?u=this.getBreadcrumbs(u):function(e){return e.lastIndexOf("/")===e.length-1}(u)||(u+="/");const c=this.addCaretStyles("url",A);return i.default.createElement(i.default.Fragment,null,i.default.createElement(m.ScreenReaderText,null,(0,p.__)("Url preview","yoast-components")+":"),i.default.createElement(c,null,i.default.createElement(R,{onMouseUp:n.bind(null,"url"),onMouseEnter:o.bind(null,"url"),onMouseLeave:r.bind(null),screenMode:a},l&&i.default.createElement(H,{src:s||W,alt:""}),i.default.createElement(N,{screenMode:a},u))))}componentWillReceiveProps(e){const t={};this.props.title!==e.title&&(t.title=e.title),this.props.description!==e.description&&(t.description=e.description),this.setState(t)}componentDidUpdate(){this.setState({isDescriptionPlaceholder:!this.props.description}),this.props.mode===v.MODE_MOBILE&&(clearTimeout(this.fitTitleTimeout),this.fitTitleTimeout=setTimeout(()=>{this.fitTitle()},10))}componentDidMount(){this.setState({isDescriptionPlaceholder:!this.props.description})}componentWillUnmount(){clearTimeout(this.fitTitleTimeout)}renderDescription(){var e=this.props;const t=e.wordsToHighlight,n=e.locale,r=e.onMouseUp,a=e.onMouseLeave,s=e.onMouseEnter,l=e.mode,u=e.mobileImageSrc,c=this.renderDate(),p={isDescriptionPlaceholder:this.state.isDescriptionPlaceholder,onMouseUp:r.bind(null,"description"),onMouseEnter:s.bind(null,"description"),onMouseLeave:a.bind(null)};if(l===v.MODE_DESKTOP){const e=this.addCaretStyles("description",k);return i.default.createElement(e,o({},p,{ref:this.setDescriptionRef}),c,G(n,t,this.getDescription()))}if(l===v.MODE_MOBILE){const e=this.addCaretStyles("description",F);return i.default.createElement(e,p,i.default.createElement(F,{isDescriptionPlaceholder:this.state.isDescriptionPlaceholder,ref:this.setDescriptionRef},u&&i.default.createElement(U,null,i.default.createElement(L,{src:u,alt:""})),c,G(n,t,this.getDescription())))}return null}render(){var e=this.props;const t=e.onMouseUp,n=e.onMouseLeave,o=e.onMouseEnter,r=e.mode,a=e.isAmp;var s=this.getPreparedComponents(r);const l=s.PartContainer,u=s.Container,c=s.TitleUnbounded,d=s.SnippetTitle,f=r===v.MODE_DESKTOP,h=f?i.default.createElement(B,null):null,g=f||!a?null:i.default.createElement(K,null);return i.default.createElement("section",null,i.default.createElement(u,{id:"yoast-snippet-preview-container",onMouseLeave:this.onMouseLeave,width:f?w+2*_:null,padding:_},i.default.createElement(l,null,!f&&this.renderUrl(),i.default.createElement(m.ScreenReaderText,null,(0,p.__)("SEO title preview","yoast-components")+":"),i.default.createElement(d,{onMouseUp:t.bind(null,"title"),onMouseEnter:o.bind(null,"title"),onMouseLeave:n.bind(null)},i.default.createElement(I,{screenMode:r},i.default.createElement(c,{ref:this.setTitleRef},this.getTitle()))),g,f&&this.renderUrl(),h),i.default.createElement(l,null,i.default.createElement(m.ScreenReaderText,null,(0,p.__)("Meta description preview","yoast-components")+":"),this.renderDescription())))}getPreparedComponents(e){return{PartContainer:e===v.MODE_DESKTOP?z:V,Container:e===v.MODE_DESKTOP?C:O,TitleUnbounded:e===v.MODE_DESKTOP?D:j,SnippetTitle:this.addCaretStyles("title",M)}}}t.default=$,$.propTypes={title:l.default.string.isRequired,url:l.default.string.isRequired,description:l.default.string.isRequired,date:l.default.string,breadcrumbs:l.default.array,hoveredField:l.default.string,activeField:l.default.string,keyword:l.default.string,wordsToHighlight:l.default.array,locale:l.default.string,mode:l.default.oneOf(v.MODES),isAmp:l.default.bool,faviconSrc:l.default.string,mobileImageSrc:l.default.string,onMouseUp:l.default.func.isRequired,onHover:l.default.func,onMouseEnter:l.default.func,onMouseLeave:l.default.func},$.defaultProps={date:"",keyword:"",wordsToHighlight:[],breadcrumbs:null,locale:"en",hoveredField:"",activeField:"",mode:v.DEFAULT_MODE,isAmp:!1,faviconSrc:"",mobileImageSrc:"",onHover:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{}}},function(e,t,n){"use strict";function o(e){return function(){return e}}var r=function(){};r.thatReturns=o,r.thatReturnsFalse=o(!1),r.thatReturnsTrue=o(!0),r.thatReturnsNull=o(null),r.thatReturnsThis=function(){return this},r.thatReturnsArgument=function(e){return e},e.exports=r},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},function(e,t){e.exports=window.yoast.analysis},function(e,t,n){"use strict";window.yoast=window.yoast||{},window.yoast.searchMetadataPreviews=n(34)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(13);Object.defineProperty(t,"FixedWidthContainer",{enumerable:!0,get:function(){return u(o).default}});var r=n(41);Object.defineProperty(t,"HelpTextWrapper",{enumerable:!0,get:function(){return u(r).default}});var i=n(29);Object.defineProperty(t,"SnippetPreview",{enumerable:!0,get:function(){return u(i).default}});var a=n(11);Object.defineProperty(t,"ReplacementVariableEditor",{enumerable:!0,get:function(){return a.ReplacementVariableEditor}}),Object.defineProperty(t,"replacementVariablesShape",{enumerable:!0,get:function(){return a.replacementVariablesShape}}),Object.defineProperty(t,"recommendedReplacementVariablesShape",{enumerable:!0,get:function(){return a.recommendedReplacementVariablesShape}}),Object.defineProperty(t,"SettingsSnippetEditor",{enumerable:!0,get:function(){return a.SettingsSnippetEditor}});var s=n(81);Object.defineProperty(t,"SnippetEditor",{enumerable:!0,get:function(){return u(s).default}});var l=n(12);function u(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"lengthProgressShape",{enumerable:!0,get:function(){return l.lengthProgressShape}})},function(e,t,n){"use strict";var o=n(36);function r(){}function i(){}i.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,i,a){if(a!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:r};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){var o=n(7),r=n(38),i=n(17),a="Expected a function",s=Math.max,l=Math.min;e.exports=function(e,t,n){var u,c,p,d,f,h,m=0,g=!1,v=!1,y=!0;if("function"!=typeof e)throw new TypeError(a);function b(t){var n=u,o=c;return u=c=void 0,m=t,d=e.apply(o,n)}function x(e){var n=e-h;return void 0===h||n>=t||n<0||v&&e-m>=p}function E(){var e=r();if(x(e))return w(e);f=setTimeout(E,function(e){var n=t-(e-h);return v?l(n,p-(e-m)):n}(e))}function w(e){return f=void 0,y&&u?b(e):(u=c=void 0,d)}function _(){var e=r(),n=x(e);if(u=arguments,c=this,h=e,n){if(void 0===f)return function(e){return m=e,f=setTimeout(E,t),g?b(e):d}(h);if(v)return f=setTimeout(E,t),b(h)}return void 0===f&&(f=setTimeout(E,t)),d}return t=i(t)||0,o(n)&&(g=!!n.leading,p=(v="maxWait"in n)?s(i(n.maxWait)||0,t):p,y="trailing"in n?!!n.trailing:y),_.cancel=function(){void 0!==f&&clearTimeout(f),m=0,u=h=c=f=void 0},_.flush=function(){return void 0===f?d:w(r())},_}},function(e,t,n){var o=n(14);e.exports=function(){return o.Date.now()}},function(e,t,n){var o=n(8),r=Object.prototype,i=r.hasOwnProperty,a=r.toString,s=o?o.toStringTag:void 0;e.exports=function(e){var t=i.call(e,s),n=e[s];try{e[s]=void 0;var o=!0}catch(e){}var r=a.call(e);return o&&(t?e[s]=n:delete e[s]),r}},function(e,t){var n=Object.prototype.toString;e.exports=function(e){return n.call(e)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=p(n(0)),r=p(n(1)),i=p(n(2)),a=p(n(21)),s=n(4),l=n(6),u=n(5),c=n(44);function p(e){return e&&e.__esModule?e:{default:e}}const d=i.default.div.withConfig({displayName:"HelpTextWrapper__HelpTextContainer",componentId:"taqn4g-0"})(["max-width:600px;font-weight:normal;margin:",";"],(0,l.getDirectionalStyle)("0 20px 0 25px","0 20px 0 15px")),f=i.default.div.withConfig({displayName:"HelpTextWrapper__HelpTextPanel",componentId:"taqn4g-1"})(["max-width:",";"],e=>e.panelMaxWidth),h=(0,i.default)(s.Button).withConfig({displayName:"HelpTextWrapper__HelpTextButton",componentId:"taqn4g-2"})(["min-width:14px;min-height:14px;width:30px;height:30px;border-radius:50%;border:1px solid transparent;box-shadow:none;display:block;margin:-44px -10px 10px 0;background-color:transparent;float:",";padding:",";&:hover{color:",";}&:focus{border:1px solid ",";outline:none;box-shadow:0 0 3px ",";svg{fill:",";color:",";}}&:active{box-shadow:none;}"],(0,l.getDirectionalStyle)("right","left"),(0,l.getDirectionalStyle)("3px 0 0 6px","3px 0 0 5px"),u.colors.$color_blue,u.colors.$color_blue,(0,u.rgba)(u.colors.$color_blue_dark,.8),u.colors.$color_blue,u.colors.$color_blue),m=(0,i.default)(s.SvgIcon).withConfig({displayName:"HelpTextWrapper__StyledSvg",componentId:"taqn4g-3"})(["&:hover{fill:",";}"],u.colors.$color_blue);class g extends o.default.Component{constructor(e){super(e),this.state={isExpanded:!1},this.uniqueId=(0,a.default)("yoast-help-")}onButtonClick(){this.setState({isExpanded:!this.state.isExpanded})}render(){const e=`${this.uniqueId}-panel`,t=this.state.isExpanded;return o.default.createElement(d,{className:this.props.className},o.default.createElement(h,{className:this.props.className+"__button",onClick:this.onButtonClick.bind(this),"aria-expanded":t,"aria-controls":t?e:null,"aria-label":this.props.helpTextButtonLabel},o.default.createElement(m,{size:"16px",color:u.colors.$color_grey_text,icon:"question-circle"})),o.default.createElement(c.YoastSlideToggle,{isOpen:t},o.default.createElement(f,{id:e,className:this.props.className+"__panel",panelMaxWidth:this.props.panelMaxWidth},o.default.createElement(s.HelpText,null,this.props.helpText))))}}g.propTypes={className:r.default.string,helpTextButtonLabel:r.default.string.isRequired,panelMaxWidth:r.default.string,helpText:r.default.oneOfType([r.default.string,r.default.array])},g.defaultProps={className:"yoast-help",panelMaxWidth:null,helpText:""},t.default=g},function(e,t){e.exports=function(e,t){for(var n=-1,o=null==e?0:e.length,r=Array(o);++n:first-child{overflow:hidden;transition:height "," ease-out;}"],e=>`${e.duration}ms`);class c extends o.default.Component{resetHeight(e){e.style.height="0"}setHeight(e){const t=(0,s.getHeight)(e);e.style.height=t+"px"}removeHeight(e){e.style.height=null}render(){return o.default.createElement(u,{duration:this.props.duration},o.default.createElement(a.CSSTransition,{in:this.props.isOpen,timeout:this.props.duration,classNames:"slide",unmountOnExit:!0,onEnter:this.resetHeight,onEntering:this.setHeight,onEntered:this.removeHeight,onExit:this.setHeight,onExiting:this.resetHeight},this.props.children))}}t.YoastSlideToggle=c,c.propTypes={isOpen:r.default.bool.isRequired,duration:r.default.number.isRequired,children:r.default.node},c.defaultProps={duration:300}},function(e,t,n){"use strict";var o=s(n(46)),r=s(n(51)),i=s(n(28)),a=s(n(24));function s(e){return e&&e.__esModule?e:{default:e}}e.exports={Transition:a.default,TransitionGroup:i.default,ReplaceTransition:r.default,CSSTransition:o.default}},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0;!function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var o=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,n):{};o.get||o.set?Object.defineProperty(t,n,o):t[n]=e[n]}t.default=e}(n(1));var o=s(n(47)),r=s(n(50)),i=s(n(0)),a=s(n(24));n(27);function s(e){return e&&e.__esModule?e:{default:e}}function l(){return(l=Object.assign||function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,["children","in"]),a=o.default.Children.toArray(t),s=a[0],l=a[1];return delete r.onEnter,delete r.onEntering,delete r.onEntered,delete r.onExit,delete r.onExiting,delete r.onExited,o.default.createElement(i.default,r,n?o.default.cloneElement(s,{key:"first",onEnter:this.handleEnter,onEntering:this.handleEntering,onEntered:this.handleEntered}):o.default.cloneElement(l,{key:"second",onEnter:this.handleExit,onEntering:this.handleExiting,onEntered:this.handleExited}))},t}(o.default.Component);s.propTypes={};var l=s;t.default=l,e.exports=t.default},function(e,t,n){"use strict";t.__esModule=!0,t.getChildMapping=r,t.mergeChildMappings=i,t.getInitialChildMapping=function(e,t){return r(e.children,function(n){return(0,o.cloneElement)(n,{onExited:t.bind(null,n),in:!0,appear:a(n,"appear",e),enter:a(n,"enter",e),exit:a(n,"exit",e)})})},t.getNextChildMapping=function(e,t,n){var s=r(e.children),l=i(t,s);return Object.keys(l).forEach(function(r){var i=l[r];if((0,o.isValidElement)(i)){var u=r in t,c=r in s,p=t[r],d=(0,o.isValidElement)(p)&&!p.props.in;!c||u&&!d?c||!u||d?c&&u&&(0,o.isValidElement)(p)&&(l[r]=(0,o.cloneElement)(i,{onExited:n.bind(null,i),in:p.props.in,exit:a(i,"exit",e),enter:a(i,"enter",e)})):l[r]=(0,o.cloneElement)(i,{in:!1}):l[r]=(0,o.cloneElement)(i,{onExited:n.bind(null,i),in:!0,exit:a(i,"exit",e),enter:a(i,"enter",e)})}}),l};var o=n(0);function r(e,t){var n=Object.create(null);return e&&o.Children.map(e,function(e){return e}).forEach(function(e){n[e.key]=function(e){return t&&(0,o.isValidElement)(e)?t(e):e}(e)}),n}function i(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var o,r=Object.create(null),i=[];for(var a in e)a in t?i.length&&(r[a]=i,i=[]):i.push(a);var s={};for(var l in t){if(r[l])for(o=0;o "+l);if("componentClose"===p.type)throw new Error("Missing opening component token: `"+p.value+"`");if("componentOpen"===p.type){n=t[p.value],s=d;break}m.push(t[p.value])}else m.push(p.value);return n&&(c=function(e,t){var n,o,r=t[e],i=0;for(o=e+1;o=v)return e;var b=n-l(m);if(b<1)return m;var x=y?r(y,0,b).join(""):e.slice(0,b);if(void 0===g)return x+m;if(y&&(b+=x.length-b),s(g)){if(e.slice(b).search(g)){var E,w=x;for(g.global||(g=RegExp(g.source,p(h.exec(g))+"g")),g.lastIndex=0;E=g.exec(w);)var _=E.index;x=x.slice(0,void 0===_?b:_)}}else if(e.indexOf(o(g),b)!=b){var S=x.lastIndexOf(g);S>-1&&(x=x.slice(0,S))}return x+m}},function(e,t,n){var o=n(61);e.exports=function(e,t,n){var r=e.length;return n=void 0===n?r:n,!t&&n>=r?e:o(e,t,n)}},function(e,t){e.exports=function(e,t,n){var o=-1,r=e.length;t<0&&(t=-t>r?0:r+t),(n=n>r?r:n)<0&&(n+=r),r=t>n?0:n-t>>>0,t>>>=0;for(var i=Array(r);++o",'"',"`"," ","\r","\n","\t"]),c=["'"].concat(u),p=["%","/","?",";","#"].concat(c),d=["/","?","#"],f=/^[+a-z0-9A-Z_-]{0,63}$/,h=/^([+a-z0-9A-Z_-]{0,63})(.*)$/,m={javascript:!0,"javascript:":!0},g={javascript:!0,"javascript:":!0},v={http:!0,https:!0,ftp:!0,gopher:!0,file:!0,"http:":!0,"https:":!0,"ftp:":!0,"gopher:":!0,"file:":!0},y=n(78);function b(e,t,n){if(e&&r.isObject(e)&&e instanceof i)return e;var o=new i;return o.parse(e,t,n),o}i.prototype.parse=function(e,t,n){if(!r.isString(e))throw new TypeError("Parameter 'url' must be a string, not "+typeof e);var i=e.indexOf("?"),s=-1!==i&&i127?A+="x":A+=j[R];if(!A.match(f)){var k=I.slice(0,M),F=I.slice(M+1),U=j.match(h);U&&(k.push(U[1]),F.unshift(U[2])),F.length&&(b="/"+F.join(".")+b),this.hostname=k.join(".");break}}}this.hostname.length>255?this.hostname="":this.hostname=this.hostname.toLowerCase(),T||(this.hostname=o.toASCII(this.hostname));var L=this.port?":"+this.port:"",V=this.hostname||"";this.host=V+L,this.href+=this.host,T&&(this.hostname=this.hostname.substr(1,this.hostname.length-2),"/"!==b[0]&&(b="/"+b))}if(!m[w])for(M=0,D=c.length;M0)&&n.host.split("@"))&&(n.auth=T.shift(),n.host=n.hostname=T.shift());return n.search=e.search,n.query=e.query,r.isNull(n.pathname)&&r.isNull(n.search)||(n.path=(n.pathname?n.pathname:"")+(n.search?n.search:"")),n.href=n.format(),n}if(!_.length)return n.pathname=null,n.search?n.path="/"+n.search:n.path=null,n.href=n.format(),n;for(var C=_.slice(-1)[0],O=(n.host||e.host||_.length>1)&&("."===C||".."===C)||""===C,M=0,P=_.length;P>=0;P--)"."===(C=_[P])?_.splice(P,1):".."===C?(_.splice(P,1),M++):M&&(_.splice(P,1),M--);if(!E&&!w)for(;M--;M)_.unshift("..");!E||""===_[0]||_[0]&&"/"===_[0].charAt(0)||_.unshift(""),O&&"/"!==_.join("/").substr(-1)&&_.push("");var T,I=""===_[0]||_[0]&&"/"===_[0].charAt(0);S&&(n.hostname=n.host=I?"":_.length?_.shift():"",(T=!!(n.host&&n.host.indexOf("@")>0)&&n.host.split("@"))&&(n.auth=T.shift(),n.host=n.hostname=T.shift()));return(E=E||n.host&&_.length)&&!I&&_.unshift(""),_.length?n.pathname=_.join("/"):(n.pathname=null,n.path=null),r.isNull(n.pathname)&&r.isNull(n.search)||(n.path=(n.pathname?n.pathname:"")+(n.search?n.search:"")),n.auth=e.auth||n.auth,n.slashes=n.slashes||e.slashes,n.href=n.format(),n},i.prototype.parseHost=function(){var e=this.host,t=s.exec(e);t&&(":"!==(t=t[0])&&(this.port=t.substr(1)),e=e.substr(0,e.length-t.length)),e&&(this.hostname=e)}},function(e,t,n){(function(e,o){var r;/*! https://mths.be/punycode v1.4.1 by @mathias */!function(i){"object"==typeof t&&t&&t.nodeType,"object"==typeof e&&e&&e.nodeType;var a="object"==typeof o&&o;a.global!==a&&a.window!==a&&a.self;var s,l=2147483647,u=36,c=1,p=26,d=38,f=700,h=72,m=128,g="-",v=/^xn--/,y=/[^\x20-\x7E]/,b=/[\x2E\u3002\uFF0E\uFF61]/g,x={overflow:"Overflow: input needs wider integers to process","not-basic":"Illegal input >= 0x80 (not a basic code point)","invalid-input":"Invalid input"},E=u-c,w=Math.floor,_=String.fromCharCode;function S(e){throw new RangeError(x[e])}function C(e,t){for(var n=e.length,o=[];n--;)o[n]=t(e[n]);return o}function O(e,t){var n=e.split("@"),o="";return n.length>1&&(o=n[0]+"@",e=n[1]),o+C((e=e.replace(b,".")).split("."),t).join(".")}function M(e){for(var t,n,o=[],r=0,i=e.length;r=55296&&t<=56319&&r65535&&(t+=_((e-=65536)>>>10&1023|55296),e=56320|1023&e),t+=_(e)}).join("")}function T(e){return e-48<10?e-22:e-65<26?e-65:e-97<26?e-97:u}function I(e,t){return e+22+75*(e<26)-((0!=t)<<5)}function D(e,t,n){var o=0;for(e=n?w(e/f):e>>1,e+=w(e/t);e>E*p>>1;o+=u)e=w(e/E);return w(o+(E+1)*e/(e+d))}function j(e){var t,n,o,r,i,a,s,d,f,v,y=[],b=e.length,x=0,E=m,_=h;for((n=e.lastIndexOf(g))<0&&(n=0),o=0;o=128&&S("not-basic"),y.push(e.charCodeAt(o));for(r=n>0?n+1:0;r=b&&S("invalid-input"),((d=T(e.charCodeAt(r++)))>=u||d>w((l-x)/a))&&S("overflow"),x+=d*a,!(d<(f=s<=_?c:s>=_+p?p:s-_));s+=u)a>w(l/(v=u-f))&&S("overflow"),a*=v;_=D(x-i,t=y.length+1,0==i),w(x/t)>l-E&&S("overflow"),E+=w(x/t),x%=t,y.splice(x++,0,E)}return P(y)}function A(e){var t,n,o,r,i,a,s,d,f,v,y,b,x,E,C,O=[];for(b=(e=M(e)).length,t=m,n=0,i=h,a=0;a=t&&yw((l-n)/(x=o+1))&&S("overflow"),n+=(s-t)*x,t=s,a=0;al&&S("overflow"),y==t){for(d=n,f=u;!(d<(v=f<=i?c:f>=i+p?p:f-i));f+=u)C=d-v,E=u-v,O.push(_(I(v+C%E,0))),d=w(C/E);O.push(_(I(d,0))),i=D(n,x,o==r),n=0,++o}++n,++t}return O.join("")}s={version:"1.4.1",ucs2:{decode:M,encode:P},decode:j,encode:A,toASCII:function(e){return O(e,function(e){return y.test(e)?"xn--"+A(e):e})},toUnicode:function(e){return O(e,function(e){return v.test(e)?j(e.slice(4).toLowerCase()):e})}},void 0===(r=function(){return s}.call(t,n,t,e))||(e.exports=r)}()}).call(this,n(31)(e),n(16))},function(e,t,n){"use strict";e.exports={isString:function(e){return"string"==typeof e},isObject:function(e){return"object"==typeof e&&null!==e},isNull:function(e){return null===e},isNullOrUndefined:function(e){return null==e}}},function(e,t,n){"use strict";t.decode=t.parse=n(79),t.encode=t.stringify=n(80)},function(e,t,n){"use strict";function o(e,t){return Object.prototype.hasOwnProperty.call(e,t)}e.exports=function(e,t,n,i){t=t||"&",n=n||"=";var a={};if("string"!=typeof e||0===e.length)return a;var s=/\+/g;e=e.split(t);var l=1e3;i&&"number"==typeof i.maxKeys&&(l=i.maxKeys);var u=e.length;l>0&&u>l&&(u=l);for(var c=0;c=0?(p=m.substr(0,g),d=m.substr(g+1)):(p=m,d=""),f=decodeURIComponent(p),h=decodeURIComponent(d),o(a,f)?r(a[f])?a[f].push(h):a[f]=[a[f],h]:a[f]=h}return a};var r=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)}},function(e,t,n){"use strict";var o=function(e){switch(typeof e){case"string":return e;case"boolean":return e?"true":"false";case"number":return isFinite(e)?e:"";default:return""}};e.exports=function(e,t,n,s){return t=t||"&",n=n||"=",null===e&&(e=void 0),"object"==typeof e?i(a(e),function(a){var s=encodeURIComponent(o(a))+n;return r(e[a])?i(e[a],function(e){return s+encodeURIComponent(o(e))}).join(t):s+encodeURIComponent(o(e[a]))}).join(t):s?encodeURIComponent(o(s))+n+encodeURIComponent(o(e)):""};var r=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)};function i(e,t){if(e.map)return e.map(t);for(var n=[],o=0;o0&&(n+=t.length+3);const o=new E,r=o.calculateScore(n);return{max:o.getMaximumLength(),actual:n,score:r}}class T extends i.default.Component{constructor(e){super(e);const t=this.mapDataToMeasurements(e.data),n=this.mapDataToPreview(t);this.state={isOpen:!e.showCloseButton,activeField:null,hoveredField:null,mappedData:n,titleLengthProgress:M(t.title),descriptionLengthProgress:P(t.description,this.props.date)},this.setFieldFocus=this.setFieldFocus.bind(this),this.unsetFieldFocus=this.unsetFieldFocus.bind(this),this.onMouseUp=this.onMouseUp.bind(this),this.onMouseEnter=this.onMouseEnter.bind(this),this.onMouseLeave=this.onMouseLeave.bind(this),this.open=this.open.bind(this),this.close=this.close.bind(this),this.setEditButtonRef=this.setEditButtonRef.bind(this),this.handleChange=this.handleChange.bind(this)}shallowCompareData(e,t){let n=!1;return e.data.description===t.data.description&&e.data.slug===t.data.slug&&e.data.title===t.data.title||(n=!0),JSON.stringify(e.replacementVariables)!==JSON.stringify(t.replacementVariables)&&(n=!0),n}componentWillReceiveProps(e){if(this.shallowCompareData(this.props,e)){const t=this.mapDataToMeasurements(e.data,e.replacementVariables);this.setState({titleLengthProgress:M(t.title),descriptionLengthProgress:P(t.description,e.date)})}}componentDidUpdate(){const e=this.mapDataToMeasurements(o({},this.props.data));this.props.onChangeAnalysisData(e)}handleChange(e,t){this.props.onChange(e,t);const n=this.mapDataToMeasurements(o({},this.props.data,{[e]:t}));this.props.onChangeAnalysisData(n)}renderEditor(){var e=this.props;const t=e.data,n=e.replacementVariables,o=e.recommendedReplacementVariables,r=e.hasPaperStyle,a=e.showCloseButton,l=e.idSuffix;let u=this.props.descriptionEditorFieldPlaceholder;var c=this.state;const p=c.activeField,f=c.hoveredField,h=c.isOpen,m=c.titleLengthProgress,v=c.descriptionLengthProgress;return h?(""===u&&(u=(0,s.__)("Modify your meta description by editing it right here","yoast-components")),i.default.createElement(i.default.Fragment,null,i.default.createElement(g.default,{data:t,activeField:p,hoveredField:f,onChange:this.handleChange,onFocus:this.setFieldFocus,onBlur:this.unsetFieldFocus,replacementVariables:n,recommendedReplacementVariables:o,titleLengthProgress:m,descriptionLengthProgress:v,descriptionEditorFieldPlaceholder:u,containerPadding:r?"0 20px":"0",titleInputId:(0,d.join)(["yoast-google-preview-title",l]),slugInputId:(0,d.join)(["yoast-google-preview-slug",l]),descriptionInputId:(0,d.join)(["yoast-google-preview-description",l])}),a&&i.default.createElement(O,{onClick:this.close},(0,s.__)("Close snippet editor","yoast-components")))):null}setFieldFocus(e){e=this.mapFieldToEditor(e),this.setState({activeField:e})}unsetFieldFocus(){this.setState({activeField:null})}onMouseUp(e){this.state.isOpen?this.setFieldFocus(e):this.open().then(this.setFieldFocus.bind(this,e))}onMouseEnter(e){this.setState({hoveredField:this.mapFieldToEditor(e)})}onMouseLeave(){this.setState({hoveredField:null})}open(){return new Promise(e=>{this.setState({isOpen:!0},e)})}close(){this.setState({isOpen:!1,activeField:null},()=>{this._editButton.focus()})}processReplacementVariables(e,t=this.props.replacementVariables){for(const n of t){const t=n.name,o=n.value;e=e.replace(new RegExp("%%"+t+"%%","g"),o)}return e}mapDataToMeasurements(e,t=this.props.replacementVariables){var n=this.props;const o=n.baseUrl,r=n.mapEditorDataToPreview;let i=this.processReplacementVariables(e.description,t);i=u.string.stripSpaces(i);const a=o.replace(/^https?:\/\//i,""),s={title:this.processReplacementVariables(e.title,t),url:a+e.slug,description:i};return r?r(s,{shortenedBaseUrl:a}):s}mapDataToPreview(e){return{title:e.title,url:e.url,description:e.description}}mapFieldToPreview(e){return"slug"===e&&(e="url"),e}mapFieldToEditor(e){return"url"===e&&(e="slug"),e}setEditButtonRef(e){this._editButton=e}render(){var e=this.props;const t=e.onChange,n=e.data,r=e.mode,a=e.date,l=e.locale,u=e.keyword,p=e.wordsToHighlight,f=e.showCloseButton,m=e.faviconSrc,g=e.mobileImageSrc,v=e.idSuffix;var b=this.state;const x=b.activeField,E=b.hoveredField,w=b.isOpen,_=this.mapDataToMeasurements(n),S=this.mapDataToPreview(_);return i.default.createElement(c.ErrorBoundary,null,i.default.createElement("div",null,i.default.createElement(y.default,{onChange:e=>t("mode",e),active:r,mobileModeInputId:(0,d.join)(["yoast-google-preview-mode-mobile",v]),desktopModeInputId:(0,d.join)(["yoast-google-preview-mode-desktop",v])}),i.default.createElement(h.default,o({keyword:u,wordsToHighlight:p,mode:r,date:a,activeField:this.mapFieldToPreview(x),hoveredField:this.mapFieldToPreview(E),onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onMouseUp:this.onMouseUp,locale:l,faviconSrc:m,mobileImageSrc:g},S)),f&&i.default.createElement(C,{onClick:w?this.close:this.open,"aria-expanded":w,ref:this.setEditButtonRef},i.default.createElement(c.SvgIcon,{icon:"edit"}),(0,s.__)("Edit snippet","yoast-components")),this.renderEditor()))}}T.propTypes={replacementVariables:f.replacementVariablesShape,recommendedReplacementVariables:f.recommendedReplacementVariablesShape,data:a.default.shape({title:a.default.string.isRequired,slug:a.default.string.isRequired,description:a.default.string.isRequired}).isRequired,descriptionEditorFieldPlaceholder:a.default.string,baseUrl:a.default.string.isRequired,mode:a.default.oneOf(m.MODES),date:a.default.string,onChange:a.default.func.isRequired,onChangeAnalysisData:a.default.func,titleLengthProgress:v.lengthProgressShape,descriptionLengthProgress:v.lengthProgressShape,mapEditorDataToPreview:a.default.func,keyword:a.default.string,wordsToHighlight:a.default.array,locale:a.default.string,hasPaperStyle:a.default.bool,showCloseButton:a.default.bool,faviconSrc:a.default.string,mobileImageSrc:a.default.string,idSuffix:a.default.string},T.defaultProps={mode:m.DEFAULT_MODE,date:"",wordsToHighlight:[],replacementVariables:[],recommendedReplacementVariables:[],titleLengthProgress:{max:600,actual:0,score:0},descriptionLengthProgress:{max:156,actual:0,score:0},mapEditorDataToPreview:null,keyword:"",locale:"en",descriptionEditorFieldPlaceholder:"",onChangeAnalysisData:l.default,hasPaperStyle:!0,showCloseButton:!0,faviconSrc:"",mobileImageSrc:"",idSuffix:""},t.default=T},function(e,t){e.exports=function(){}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=d(n(0)),r=d(n(2)),i=d(n(1)),a=d(n(21)),s=n(3),l=n(5),u=n(11),c=n(4),p=n(12);function d(e){return e&&e.__esModule?e:{default:e}}const f=r.default.input.withConfig({displayName:"SnippetEditorFields__SlugInput",componentId:"z7e6n3-0"})(["border:none;width:100%;height:inherit;line-height:inherit;font-family:inherit;font-size:inherit;color:inherit;&:focus{outline:0;}"]),h=(0,l.withCaretStyles)(c.VariableEditorInputContainer);class m extends o.default.Component{constructor(e){super(e),this.elements={title:null,slug:null,description:null},this.uniqueId=(0,a.default)("snippet-editor-field-"),this.setRef=this.setRef.bind(this),this.triggerReplacementVariableSuggestions=this.triggerReplacementVariableSuggestions.bind(this)}setRef(e,t){this.elements[e]=t}componentDidUpdate(e){e.activeField!==this.props.activeField&&this.focusOnActiveFieldChange()}focusOnActiveFieldChange(){const e=this.props.activeField,t=e?this.elements[e]:null;t&&t.focus()}triggerReplacementVariableSuggestions(e){this.elements[e].triggerReplacementVariableSuggestions()}render(){var e=this.props;const t=e.activeField,n=e.hoveredField,r=e.replacementVariables,i=e.recommendedReplacementVariables,a=e.titleLengthProgress,l=e.descriptionLengthProgress,p=e.onFocus,d=e.onBlur,m=e.onChange,g=e.descriptionEditorFieldPlaceholder;var v=e.data;const y=v.title,b=v.slug,x=v.description,E=e.containerPadding,w=e.titleInputId,_=e.slugInputId,S=e.descriptionInputId,C=`${this.uniqueId}-slug`;return o.default.createElement(u.StyledEditor,{padding:E},o.default.createElement(u.ReplacementVariableEditor,{withCaret:!0,label:(0,s.__)("SEO title","yoast-components"),onFocus:()=>p("title"),onBlur:()=>d(),isActive:"title"===t,isHovered:"title"===n,editorRef:e=>this.setRef("title",e),replacementVariables:r,recommendedReplacementVariables:i,content:y,onChange:e=>m("title",e),fieldId:w,type:"title"}),o.default.createElement(c.ProgressBar,{max:a.max,value:a.actual,progressColor:this.getProgressColor(a.score)}),o.default.createElement(c.SimulatedLabel,{id:C,onClick:()=>p("slug")},(0,s.__)("Slug","yoast-components")),o.default.createElement(h,{onClick:()=>this.elements.slug.focus(),isActive:"slug"===t,isHovered:"slug"===n},o.default.createElement(f,{value:b,onChange:e=>m("slug",e.target.value),onFocus:()=>p("slug"),onBlur:()=>d(),ref:e=>this.setRef("slug",e),"aria-labelledby":this.uniqueId+"-slug",id:_})),o.default.createElement(u.ReplacementVariableEditor,{withCaret:!0,type:"description",placeholder:g,label:(0,s.__)("Meta description","yoast-components"),onFocus:()=>p("description"),onBlur:()=>d(),isActive:"description"===t,isHovered:"description"===n,editorRef:e=>this.setRef("description",e),replacementVariables:r,recommendedReplacementVariables:i,content:x,onChange:e=>m("description",e),fieldId:S}),o.default.createElement(c.ProgressBar,{max:l.max,value:l.actual,progressColor:this.getProgressColor(l.score)}))}getProgressColor(e){return e>=7?l.colors.$color_good:e>=5?l.colors.$color_ok:l.colors.$color_bad}}m.propTypes={replacementVariables:u.replacementVariablesShape,recommendedReplacementVariables:u.recommendedReplacementVariablesShape,onChange:i.default.func.isRequired,onFocus:i.default.func,onBlur:i.default.func,data:i.default.shape({title:i.default.string.isRequired,slug:i.default.string.isRequired,description:i.default.string.isRequired}).isRequired,activeField:i.default.oneOf(["title","slug","description"]),hoveredField:i.default.oneOf(["title","slug","description"]),titleLengthProgress:p.lengthProgressShape,descriptionLengthProgress:p.lengthProgressShape,descriptionEditorFieldPlaceholder:i.default.string,containerPadding:i.default.string,titleInputId:i.default.string,slugInputId:i.default.string,descriptionInputId:i.default.string},m.defaultProps={replacementVariables:[],onFocus:()=>{},onBlur:()=>{},titleLengthProgress:{max:600,actual:0,score:0},descriptionLengthProgress:{max:156,actual:0,score:0},containerPadding:"0 20px",titleInputId:"yoast-google-preview-title",slugInputId:"yoast-google-preview-slug",descriptionInputId:"yoast-google-preview-description"},t.default=m},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=d(o),i=d(n(2)),a=n(3),s=d(n(1)),l=n(4),u=n(6),c=n(5),p=n(10);function d(e){return e&&e.__esModule?e:{default:e}}const f=i.default.fieldset.withConfig({displayName:"ModeSwitcher__Switcher",componentId:"b8ici5-0"})(["border:0;padding:0;margin:0 0 16px;"]),h=i.default.legend.withConfig({displayName:"ModeSwitcher__SwitcherTitle",componentId:"b8ici5-1"})(["margin:8px 0;padding:0;color:",";font-size:14px;font-weight:600;"],c.colors.$color_headings),m=(0,i.default)(l.Label).withConfig({displayName:"ModeSwitcher__ModeLabel",componentId:"b8ici5-2"})(["",";color:inherit;font-size:14px;line-height:1.71428571;cursor:pointer;display:inline-block;"],(0,u.getDirectionalStyle)("margin-right: 16px","margin-left: 16px")),g=(0,i.default)(l.Input).withConfig({displayName:"ModeSwitcher__ModeRadio",componentId:"b8ici5-3"})(["&&{",";cursor:pointer;}"],(0,u.getDirectionalStyle)("margin: 0 8px 0 0","margin: 0 0 0 8px"));class v extends o.Component{constructor(e){super(e),this.switchToMobile=this.props.onChange.bind(this,"mobile"),this.switchToDesktop=this.props.onChange.bind(this,"desktop")}render(){var e=this.props;const t=e.active,n=e.mobileModeInputId,o=e.desktopModeInputId,i=n.length>0?n:"yoast-google-preview-mode-mobile",s=o.length>0?o:"yoast-google-preview-mode-desktop";return r.default.createElement(f,null,r.default.createElement(h,null,(0,a.__)("Preview as:","yoast-components")),r.default.createElement(g,{onChange:this.switchToMobile,type:"radio",name:"screen",value:"mobile",optionalAttributes:{id:i,checked:t===p.MODE_MOBILE}}),r.default.createElement(m,{for:i},(0,a.__)("Mobile result","yoast-components")),r.default.createElement(g,{onChange:this.switchToDesktop,type:"radio",name:"screen",value:"desktop",optionalAttributes:{id:s,checked:t===p.MODE_DESKTOP}}),r.default.createElement(m,{for:s},(0,a.__)("Desktop result","yoast-components")))}}v.propTypes={onChange:s.default.func.isRequired,active:s.default.oneOf(p.MODES),mobileModeInputId:s.default.string,desktopModeInputId:s.default.string},v.defaultProps={active:p.MODE_MOBILE,mobileModeInputId:"",desktopModeInputId:""},t.default=v}]);