(window.webpackJsonp_wp_schema_pro=window.webpackJsonp_wp_schema_pro||[]).push([[10],{19:function(e,t,i){},24:function(e,t,i){},28:function(e,t,i){},32:function(e,t,i){}}]),function(e){function t(t){for(var a,s,l=t[0],r=t[1],c=t[2],d=0,h=[];d2?a-2:0),s=2;s2?a-2:0),n=2;ne.length)&&(t=e.length);for(var i=0,a=new Array(t);i2&&void 0!==arguments[2]&&arguments[2],a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o="",n="",s="";for(var l in"tablet"==a?o=wpsp_blocks_info.tablet_breakpoint:"mobile"==a&&(o=wpsp_blocks_info.mobile_breakpoint),e){var r=e[l],c="";for(var p in r){var d=!0;"string"==typeof r[p]&&0===r[p].length&&(d=!1),"font-family"===p&&void 0!==r[p]&&"Default"===r[p]||void 0!==r[p]&&d&&(c+="font-family"===p?p+": '"+r[p]+"';":p+": "+r[p]+";")}0!==c.length&&(n+=t,n+=l+"{",n+=c,n+="}")}return i&&void 0!==n&&0!==n.length&&(s+="@media only screen and (max-width: "+o+"px) {",s+=n,s+="}"),i?s:n},h=function(e,t){var i="";return void 0!==e&&(i+=e+t),i},u=i(3),b=i(7),m=i(9),f=i(8),w=Object(u.lazy)((function(){return Promise.all([i.e(0),i.e(11),i.e(5)]).then(i.bind(null,73))})),g=Object(u.lazy)((function(){return i.e(4).then(i.bind(null,78))})),y=Object(m.compose)(Object(f.withSelect)((function(e,t){var i=e("core/editor").getPermalink(),a={},o={"@context":"https://schema.org","@type":"FAQPage","@id":i,mainEntity:[]};return e("core/block-editor").getBlocks(t.clientId).forEach((function(e,t){a={"@type":"Question",name:e.attributes.question,acceptedAnswer:{"@type":"Answer",text:e.attributes.answer}},o.mainEntity[t]=a})),{schemaJsonData:o}})))((function(e){return Object(u.useEffect)((function(){var t=e.setAttributes;t({block_id:e.clientId.substr(0,8)}),t({schema:JSON.stringify(e.schemaJsonData)});var i=document.createElement("style");i.setAttribute("id","wpsp-style-faq-"+e.clientId.substr(0,8)),document.head.appendChild(i)}),[]),Object(u.useEffect)((function(){var t=document.getElementById("wpsp-style-faq-"+e.clientId.substr(0,8));null!=t&&(t.innerHTML=function(e){var t=e.attributes,i=t.layout,a=t.inactiveOtherItems,o=t.expandFirstItem,n=t.rowsGap,s=t.columnsGap,l=t.align,r=t.enableSeparator,c=t.boxBgColor,p=t.borderStyle,u=t.borderWidth,b=t.borderRadius,m=t.borderColor,f=t.questionTextColor,w=t.questionTextActiveColor,g=t.questionPaddingTypeDesktop,y=t.vquestionPaddingMobile,v=t.vquestionPaddingTablet,_=t.vquestionPaddingDesktop,x=t.hquestionPaddingMobile,k=t.hquestionPaddingTablet,O=t.hquestionPaddingDesktop,j=t.answerTextColor,z=t.answerPaddingTypeDesktop,q=t.vanswerPaddingMobile,T=t.vanswerPaddingTablet,E=t.vanswerPaddingDesktop,S=t.hanswerPaddingMobile,N=t.hanswerPaddingTablet,M=t.hanswerPaddingDesktop,F=t.iconColor,H=t.iconActiveColor,C=t.gapBtwIconQUestion,P=t.questionFontFamily,L=t.questionFontWeight,B=t.questionFontSizeType,I=t.questionFontSize,A=t.questionFontSizeMobile,D=t.questionFontSizeTablet,R=t.questionLineHeightType,W=t.questionLineHeight,J=t.questionLineHeightMobile,G=t.questionLineHeightTablet,Q=t.answerFontFamily,U=t.answerFontWeight,V=t.answerFontSizeType,$=t.answerFontSize,K=t.answerFontSizeMobile,X=t.answerFontSizeTablet,Y=t.answerLineHeightType,Z=t.answerLineHeight,ee=t.answerLineHeightMobile,te=t.answerLineHeightTablet,ie=t.iconAlign,ae=t.iconSize,oe=t.iconSizeType,ne=t.iconSizeMobile,se=t.iconSizeTablet,le=t.columns,re=t.tcolumns,ce=t.mcolumns,pe=t.questionLeftPaddingTablet,de=t.questionBottomPaddingTablet,he=t.questionLeftPaddingDesktop,ue=t.questionBottomPaddingDesktop,be=t.questionLeftPaddingMobile,me=t.questionBottomPaddingMobile,fe={},we={},ge={},ye=F,ve=H;void 0!==F&&""!==F||(ye=f),void 0!==H&&""!==H||(ve=w),fe={" .wpsp-icon svg":{width:h(ae,oe),height:h(ae,oe),"font-size":h(ae,oe),fill:ye}," .wpsp-icon-active svg":{width:h(ae,oe),height:h(ae,oe),"font-size":h(ae,oe),fill:ve}," .wpsp-faq-child__outer-wrap":{"margin-bottom":h(n,"px")},".wpsp-faq-layout-grid .block-editor-inner-blocks .block-editor-block-list__layout":{"grid-column-gap":h(s,"px"),"grid-row-gap":h(n,"px")}," .wpsp-faq-item":{"background-color":c,"border-style":p,"border-width":h(u,"px"),"border-radius":h(b,"px"),"border-color":m}," .wpsp-faq-item .wpsp-question":{color:f}," .wpsp-faq-item.wpsp-faq-item-active .wpsp-question":{color:w}," .wpsp-faq-item:hover .wpsp-question":{color:w}," .wpsp-faq-questions-button":{"padding-top":h(_,g),"padding-bottom":h(ue,g),"padding-right":h(O,g),"padding-left":h(he,g)}," .wpsp-faq-content span":{"margin-top":h(E,z),"margin-bottom":h(E,z),"margin-right":h(M,z),"margin-left":h(M,z)},".wpsp-faq-icon-row .wpsp-faq-item .wpsp-faq-icon-wrap":{"margin-right":h(C,"px")},".wpsp-faq-icon-row-reverse .wpsp-faq-item .wpsp-faq-icon-wrap":{"margin-left":h(C,"px")}," .wpsp-faq-item:hover .wpsp-icon svg":{fill:ve}," .wpsp-faq-item .wpsp-faq-questions-button.wpsp-faq-questions":{"flex-direction":ie}," .wpsp-faq-questions-button .wpsp-question":{"font-size":h(I,B),"line-height":h(W,R),"font-family":P,"font-weight":L}," .wpsp-faq-item .wpsp-faq-content p":{"font-size":h($,V),"line-height":h(Z,Y),"font-family":Q,"font-weight":U,color:j}},we={" .wpsp-faq-questions-button":{"padding-top":h(v,g),"padding-bottom":h(de,g),"padding-right":h(k,g),"padding-left":h(pe,g)}," .wpsp-faq-content span":{"margin-top":h(T,z),"margin-bottom":h(T,z),"margin-right":h(N,z),"margin-left":h(N,z)}," .wpsp-faq-questions-button .wpsp-question":{"font-size":h(D,B),"line-height":h(G,R)}," .wpsp-faq-item .wpsp-faq-content p":{"font-size":h(X,V),"line-height":h(te,Y)}," .wpsp-icon svg":{width:h(se,oe),height:h(se,oe),"font-size":h(se,oe)}," .wpsp-icon-active svg":{width:h(se,oe),height:h(se,oe),"font-size":h(se,oe)}},ge={" .wpsp-faq-questions-button":{"padding-top":h(y,g),"padding-bottom":h(me,g),"padding-right":h(x,g),"padding-left":h(be,g)}," .wpsp-faq-content span":{"margin-top":h(q,z),"margin-bottom":h(q,z),"margin-right":h(S,z),"margin-left":h(S,z)}," .wpsp-faq-questions-button .wpsp-question":{"font-size":h(A,B),"line-height":h(J,R)}," .wpsp-faq-item .wpsp-faq-content p":{"font-size":h(K,V),"line-height":h(ee,Y)}," .wpsp-icon svg":{width:h(ne,oe),height:h(ne,oe),"font-size":h(ne,oe)}," .wpsp-icon-active svg":{width:h(ne,oe),height:h(ne,oe),"font-size":h(ne,oe)}},"accordion"===i&&!0===a&&(fe[" .block-editor-block-list__layout .wpsp-faq-child__outer-wrap .wpsp-faq-content "]={display:"none"}),"accordion"===i&&!1===a&&(fe[" .block-editor-inner-blocks .wpsp-faq-child__outer-wrap .wpsp-faq-item .wpsp-faq-questions-button .wpsp-icon-active"]={display:"inline-block"},fe[" .block-editor-inner-blocks .wpsp-faq-child__outer-wrap .wpsp-faq-item .wpsp-faq-questions-button .wpsp-icon"]={display:"none"}),"accordion"===i&&!0===o&&(fe[" .block-editor-block-list__layout > div:first-child > .wpsp-faq-child__outer-wrap .wpsp-faq-content "]={display:"block"},fe[" .block-editor-block-list__layout > div:first-child > .wpsp-faq-child__outer-wrap .wpsp-faq-item .wpsp-faq-questions-button .wpsp-icon-active "]={display:"inline-block"},fe[" .block-editor-block-list__layout > div:first-child > .wpsp-faq-child__outer-wrap .wpsp-faq-item .wpsp-faq-questions-button .wpsp-icon "]={display:"none"}),!0===r&&(fe[".wpsp-faq__outer-wrap .wpsp-faq-child__outer-wrap .wpsp-faq-content "]={"border-style":"solid","border-top-color":m,"border-top-width":h(u,"px")}),"grid"===i&&(fe[" .block-editor-block-list__layout .wpsp-faq-child__outer-wrap "]={"text-align":l},fe[".wpsp-faq-layout-grid .block-editor-inner-blocks > .block-editor-block-list__layout "]={"grid-template-columns":"repeat("+le+", 1fr)"},we[".wpsp-faq-layout-grid .block-editor-inner-blocks > .block-editor-block-list__layout "]={"grid-template-columns":"repeat("+re+", 1fr)"},ge[".wpsp-faq-layout-grid .block-editor-inner-blocks > .block-editor-block-list__layout "]={"grid-template-columns":"repeat("+ce+", 1fr)"});var _e="",xe=".wpsp-block-".concat(e.clientId.substr(0,8));return _e=d(fe,xe),(_e+=d(we,xe,!0,"tablet"))+d(ge,xe,!0,"mobile")}(e)),Object(f.select)("core/block-editor").getBlocks(e.clientId).forEach((function(t){t.attributes.headingTag=e.attributes.headingTag})),JSON.stringify(e.schemaJsonData)!==JSON.stringify(a)&&(e.setAttributes({schema:JSON.stringify(e.schemaJsonData)}),a=e.schemaJsonData)}),[e]),Object(r.createElement)(u.Suspense,{fallback:Object(b.a)()},Object(r.createElement)(g,{parentProps:e}),Object(r.createElement)(w,{parentProps:e}))})),v=i(4),_=i.n(v),x=i(2);i(24);var k=[{attributes:p,save:function(e){var t=e.className,i=e.attributes,a=i.block_id,o=i.schema,n=i.enableSchemaSupport,s=i.equalHeight?"wpsp-faq-equal-height":"";return Object(r.createElement)("div",{className:_()(t,"wpsp-faq__outer-wrap","wpsp-block-".concat(a),"wpsp-faq-icon-".concat(e.attributes.iconAlign),"wpsp-faq-layout-".concat(e.attributes.layout),"wpsp-faq-expand-first-".concat(e.attributes.expandFirstItem),"wpsp-faq-inactive-other-".concat(e.attributes.inactiveOtherItems),s),"data-faqtoggle":e.attributes.enableToggle},!0===n?Object(r.createElement)("script",{type:"application/ld+json"},o):"",Object(r.createElement)("div",{className:"wpsp-faq__wrap wpsp-buttons-layout-wrap"},Object(r.createElement)(x.InnerBlocks.Content,null)))}}],O=i(5),j=i(1),z=wp.hooks.addFilter,q=Object(m.compose)(Object(f.withSelect)((function(e){return{selected:e("core/block-editor").getSelectedBlock()}}))),T=Object(m.createHigherOrderComponent)((function(e){return q((function(t){var i=l()({},(n()(t),t));return Object(r.createElement)(r.Fragment,null,Object(r.createElement)(e,i))}))}),"withFaq");Object(O.registerBlockType)("wpsp/faq",{title:wpsp_blocks_info.blocks["wpsp/faq"].title,description:wpsp_blocks_info.blocks["wpsp/faq"].description,icon:c.a.faq,category:wpsp_blocks_info.category,keywords:[Object(j.__)("faq","wp-schema-pro"),Object(j.__)("schema","wp-schema-pro"),Object(j.__)("wpsp","wp-schema-pro"),Object(j.__)("accordion","wp-schema-pro")],example:{innerBlocks:[{name:"wpsp/faq-child",innerBlocks:[{name:"wpsp/faq-child",attributes:{question:"What is FAQ?",answer:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."}}]},{name:"wpsp/faq-child",innerBlocks:[{name:"wpsp/faq-child",attributes:{question:"What is FAQ?",answer:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."}}]}]},attributes:p,deprecated:k,edit:y,supports:{anchor:!0},save:function(e){var t=e.className,i=e.attributes,a=i.block_id,o=i.schema,n=i.enableSchemaSupport,s=i.equalHeight?"wpsp-faq-equal-height":"";return Object(r.createElement)("div",{className:_()(t,"wpsp-faq__outer-wrap","wpsp-block-".concat(a),"wpsp-faq-icon-".concat(e.attributes.iconAlign),"wpsp-faq-layout-".concat(e.attributes.layout),"wpsp-faq-expand-first-".concat(e.attributes.expandFirstItem),"wpsp-faq-inactive-other-".concat(e.attributes.inactiveOtherItems),s),"data-faqtoggle":e.attributes.enableToggle,role:"tablist"},!0===n?Object(r.createElement)("script",{type:"application/ld+json"},o):"",Object(r.createElement)("div",{className:"wpsp-faq__wrap wpsp-buttons-layout-wrap"},Object(r.createElement)(x.InnerBlocks.Content,null)))}}),z("editor.BlockEdit","wpsp/faq",T);var E,S={block_id:{type:"string"},question:{type:"html",default:Object(j.__)("What is FAQ?")},answer:{type:"html",default:Object(j.__)("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.")},icon:{type:"html",default:"fas fa-plus"},iconActive:{type:"html",default:"fas fa-minus"},layout:{type:"string",default:"accordion"},headingTag:{type:"html",selector:"span,p,h1,h2,h3,h4,h5,h6",default:"span"}},N=i(23),M=i.n(N),F=Object(u.lazy)((function(){return i.e(3).then(i.bind(null,74))})),H=Object(u.lazy)((function(){return i.e(2).then(i.bind(null,79))})),C=i(10);i(28),Object(O.registerBlockType)("wpsp/faq-child",{title:wpsp_blocks_info.blocks["wpsp/faq-child"].title,description:wpsp_blocks_info.blocks["wpsp/faq-child"].description,icon:c.a.faq,category:wpsp_blocks_info.category,parent:["wpsp/faq"],attributes:S,edit:function(e){var t=Object(u.useState)({isFocused:"false"}),i=M()(t,2),a=i[0],o=i[1];return Object(u.useEffect)((function(){e.setAttributes({block_id:e.clientId.substr(0,8)}),E=e.isSelected}),[]),Object(u.useEffect)((function(){!e.isSelected&&E&&a.isFocused&&o({isFocused:"false"}),e.isSelected&&!E&&o({isFocused:!0}),E=e.isSelected}),[e]),Object(r.createElement)(r.Fragment,null,Object(r.createElement)(u.Suspense,{fallback:Object(b.a)()},Object(r.createElement)(H,{state:a,parentProps:e}),Object(r.createElement)(F,null)))},supports:{anchor:!0},save:function(e){var t=e.className,i=e.attributes,a=i.block_id,o=i.question,n=i.answer,s=i.icon,l=i.iconActive,c=i.layout,p=i.headingTag;return Object(r.createElement)("div",{className:_()(t,"wpsp-faq-child__outer-wrap","wpsp-block-".concat(a))},Object(r.createElement)("div",{className:"wpsp-faq-child__wrapper"},Object(r.createElement)("div",{className:"wpsp-faq-item",role:"tab",tabIndex:"0"},Object(r.createElement)("div",{className:"wpsp-faq-questions-button wpsp-faq-questions"},"accordion"===c&&Object(r.createElement)(r.Fragment,null,Object(r.createElement)("span",{className:"wpsp-icon wpsp-faq-icon-wrap"},Object(C.a)(s)),Object(r.createElement)("span",{className:"wpsp-icon-active wpsp-faq-icon-wrap"},Object(C.a)(l))),Object(r.createElement)(x.RichText.Content,{tagName:p,value:o,className:"wpsp-question"})),Object(r.createElement)("div",{className:"wpsp-faq-content"},Object(r.createElement)("span",null,Object(r.createElement)(x.RichText.Content,{tagName:"p",value:n}))))))}});var P=[],L=[];P.push({add_required_tools:Object(j.__)("- A Computer.")}),L.push({add_required_materials:Object(j.__)("- A WordPress Website.")});var B,I={block_id:{type:"string"},overallAlignment:{type:"string",default:"left"},toolsTitle:{type:"string",default:Object(j.__)("Required Tools:")},materialTitle:{type:"string",default:Object(j.__)("Things Needed?")},stepsTitle:{type:"string",default:Object(j.__)("Add Steps:")},toolsCount:{type:"number",default:1},materialCount:{type:"number",default:1},tools:{type:"array",default:P},materials:{type:"array",default:L},showTotaltime:{type:"boolean",default:!1},showEstcost:{type:"boolean",default:!1},showTools:{type:"boolean",default:!1},showMaterials:{type:"boolean",default:!1},mainimage:{type:"object",default:{url:""}},estCost:{type:"string",default:Object(j.__)("Total Cost:")},timeNeeded:{type:"string",default:Object(j.__)("Total Time Needed :")},timeIn:{type:"string",default:Object(j.__)(" Minutes")},imgSize:{type:"string",default:"thumbnail"},timeSpace:{type:"number",default:5},costSpace:{type:"number",default:5},time:{type:"string",default:"30"},cost:{type:"string",default:"65"},headingTitle:{source:"html",selector:"h1,h2,h3,h4,h5,h6",default:Object(j.__)("Configure How-to Schema In Schema Pro.")},currencyType:{type:"string",default:" USD"},headingDesc:{source:"html",selector:"p",default:Object(j.__)("So to get started, you will just need to drag-n-drop the How-to Schema block in the Gutenberg editor.")},headingAlign:{type:"string",default:"left"},descriptionAlign:{type:"string",default:"left"},headingColor:{type:"string"},showEstcostcolor:{type:"string"},showTotaltimecolor:{type:"string",default:""},subHeadingColor:{type:"string",default:""},headingTag:{type:"string",default:"h3"},headSpace:{type:"number",default:15},headFontFamily:{type:"string",default:"Default"},headFontWeight:{type:"string"},headFontSubset:{type:"string"},headFontSizeType:{type:"string",default:"px"},headLineHeightType:{type:"string",default:"em"},headFontSize:{type:"number"},headFontSizeTablet:{type:"number"},headFontSizeMobile:{type:"number"},headLineHeight:{type:"number"},headLineHeightTablet:{type:"number"},headLineHeightMobile:{type:"number"},subHeadFontFamily:{type:"string",default:"Default"},subHeadFontWeight:{type:"string"},subHeadFontSubset:{type:"string"},subHeadFontSize:{type:"number"},subHeadFontSizeType:{type:"string",default:"px"},subHeadFontSizeTablet:{type:"number"},subHeadFontSizeMobile:{type:"number"},subHeadLineHeight:{type:"number"},subHeadLineHeightType:{type:"string",default:"em"},subHeadLineHeightTablet:{type:"number"},subHeadLineHeightMobile:{type:"number"},separatorSpace:{type:"number",default:15},headLoadGoogleFonts:{type:"boolean",default:!1},subHeadLoadGoogleFonts:{type:"boolean",default:!1},priceFontSizeType:{type:"string",default:"px"},priceFontSize:{type:"number"},priceFontSizeTablet:{type:"number"},priceFontSizeMobile:{type:"number"},priceFontFamily:{type:"string",default:"Default"},priceFontWeight:{type:"string"},priceFontSubset:{type:"string"},priceLineHeightType:{type:"string",default:"em"},priceLineHeight:{type:"number"},priceLineHeightTablet:{type:"number"},priceLineHeightMobile:{type:"number"},priceLoadGoogleFonts:{type:"boolean",default:!1},row_gap:{type:"number",default:20},step_gap:{type:"number",default:20},schema:{type:"string",default:""}},A=(i(19),Object(u.lazy)((function(){return Promise.all([i.e(0),i.e(9)]).then(i.bind(null,75))}))),D=Object(u.lazy)((function(){return i.e(8).then(i.bind(null,77))})),R=Object(m.compose)(Object(f.withSelect)((function(e,t){var i="";"undefined"!==t.attributes.mainimage&&null!==t.attributes.mainimage&&""!==t.attributes.mainimage&&(i=t.attributes.mainimage.url);var a={},o={},n={},s={"@context":"https://schema.org","@type":"HowTo",name:t.attributes.headingTitle,description:t.attributes.headingDesc,image:{"@type":"ImageObject",url:i,height:"406",width:"305"},totalTime:"",estimatedCost:[],tool:[],supply:[],step:[]};return t.attributes.showTotaltime&&(s.totalTime="PT"+t.attributes.time+"M"),t.attributes.showEstcost&&(s.estimatedCost={"@type":"MonetaryAmount",currency:t.attributes.currencyType,value:t.attributes.cost}),t.attributes.showTools&&t.attributes.tools.forEach((function(e,t){a={"@type":"HowToTool",name:e.add_required_tools},s.tool[t]=a})),t.attributes.showMaterials&&t.attributes.materials.forEach((function(e,t){o={"@type":"HowToSupply",name:e.add_required_materials},s.supply[t]=o})),e("core/block-editor").getBlocks(t.clientId).forEach((function(e,t){n={"@type":"HowToStep",url:e.attributes.ctaLink,name:e.attributes.howtoChildTitle,text:e.attributes.headingDesc,image:e.attributes.iconImage.url},s.step[t]=n})),{schemaJsonData:s}})))((function(e){return Object(u.useEffect)((function(){e.setAttributes({block_id:e.clientId.substr(0,8)}),e.setAttributes({schema:JSON.stringify(e.schemaJsonData)});var t=document.createElement("style");t.setAttribute("id","wpsp-how-to-schema-style-"+e.clientId.substr(0,8)),document.head.appendChild(t),B=e.schemaJsonData}),[]),Object(u.useEffect)((function(){JSON.stringify(e.schemaJsonData)!==JSON.stringify(B)&&(e.setAttributes({schema:JSON.stringify(e.schemaJsonData)}),B=e.schemaJsonData);var t=document.getElementById("wpsp-how-to-schema-style-"+e.clientId.substr(0,8));null!=t&&(t.innerHTML=function(e){var t=e.attributes,i=t.overallAlignment,a=t.headingTag,o=t.showTotaltimecolor,n=t.headingColor,s=t.headSpace,l=t.subHeadingColor,r=t.headFontFamily,c=t.headFontWeight,p=t.headFontSize,u=t.headFontSizeType,b=t.headFontSizeMobile,m=t.headFontSizeTablet,f=t.headLineHeight,w=t.headLineHeightType,g=t.headLineHeightMobile,y=t.headLineHeightTablet,v=t.subHeadFontFamily,_=t.subHeadFontWeight,x=t.subHeadFontSize,k=t.subHeadFontSizeType,O=t.subHeadFontSizeMobile,j=t.subHeadFontSizeTablet,z=t.subHeadLineHeight,q=t.subHeadLineHeightType,T=t.subHeadLineHeightMobile,E=t.subHeadLineHeightTablet,S=t.priceFontSizeType,N=t.priceFontSize,M=t.priceFontSizeTablet,F=t.priceFontSizeMobile,H=t.priceFontFamily,C=t.priceFontWeight,P=t.priceLineHeightType,L=t.priceLineHeight,B=t.priceLineHeightTablet,I=t.priceLineHeightMobile,A=t.timeSpace,D=t.costSpace,R=t.row_gap,W=t.step_gap,J={},G={},Q=""!==W?W:0;Q+=30;var U={" .block-editor-rich-text__editable.wpsp-howto-desc-text":{"font-family":v,"font-weight":_,"font-size":h(x,k),"line-height":h(z,q),color:l}," .wpsp-how-to-main-wrap p":{"margin-bottom":h(R,"px")}," .wpsp-how-to-main-wrap .wpsp-howto__source-wrap":{"margin-bottom":h(R,"px")}," .wpsp-how-to-main-wrap span.wpsp-howto__time-wrap":{"margin-bottom":h(R,"px")}," .wpsp-how-to-main-wrap span.wpsp-howto__cost-wrap":{"margin-bottom":h(R,"px")}," .wpsp-how-to-tools .wpsp-how-to-tools-child__wrapper:last-child":{"margin-bottom":h(R,"px")}," .wpsp-how-to-materials .wpsp-how-to-materials-child__wrapper:last-child":{"margin-bottom":h(R,"px")}," .wpsp-howto-steps__wrap .block-editor-block-list__block.wp-block":{"margin-bottom":h(Q,"px")}," .block-editor-rich-text__editable.wpsp-howto-timeNeeded-text":{"font-family":H,"font-weight":C,"font-size":h(N,S),"line-height":h(L,P),color:o}," .block-editor-rich-text__editable.wpsp-howto-timeNeeded-value":{"font-family":v,"font-weight":_,"font-size":h(x,k),"line-height":h(z,q),color:l,"margin-left":h(A,"px")}," .block-editor-rich-text__editable.wpsp-howto-timeINmin-text ":{"font-family":v,"font-weight":_,"font-size":h(x,k),"line-height":h(z,q),color:l}," .block-editor-rich-text__editable.wpsp-howto-estcost-text":{"font-family":H,"font-weight":C,"font-size":h(N,S),"line-height":h(L,P),color:o}," .block-editor-rich-text__editable.wpsp-howto-estcost-value":{"font-family":v,"font-weight":_,"font-size":h(x,k),"line-height":h(z,q),color:l,"margin-left":h(D,"px")}," .wpsp-howto-steps__wrap h4.block-editor-rich-text__editable":{"font-family":H,"font-weight":C,"font-size":h(N,S),"line-height":h(L,P)}," .wpsp-howto-steps__wrap p.block-editor-rich-text__editable":{"font-family":v,"font-weight":_,"font-size":h(x,k),"line-height":h(z,q)}," .block-editor-rich-text__editable.wpsp-howto-estcost-type":{"font-family":v,"font-weight":_,"font-size":h(x,k),"line-height":h(z,q),color:l}," .block-editor-rich-text__editable.wpsp-howto-req-tools-text":{"font-family":H,"font-weight":C,"font-size":h(N,S),"line-height":h(L,P),color:o}," .block-editor-rich-text__editable.wpsp-tools__label":{"font-family":v,"font-weight":_,"font-size":h(x,k),"line-height":h(z,q),color:l}," .block-editor-rich-text__editable.wpsp-howto-req-materials-text":{"font-family":H,"font-weight":C,"font-size":h(N,S),"line-height":h(L,P),color:o}," .block-editor-rich-text__editable.wpsp-howto-req-steps-text":{"font-family":H,"font-weight":C,"font-size":h(N,S),"line-height":h(L,P),color:o}," .block-editor-rich-text__editable.wpsp-materials__label":{"font-family":v,"font-weight":_,"font-size":h(x,k),"line-height":h(z,q),color:l}};U[" .wpsp-how-to-main-wrap"]={"text-align":i,display:"block"},U[" "+a+".block-editor-rich-text__editable.wpsp-howto-heading-text"]={"font-family":r,"font-weight":c,"font-size":h(p,u),"line-height":h(f,w),color:n,"margin-bottom":h(s,"px")},G[" "+a+".block-editor-rich-text__editable.wpsp-howto-heading-text"]={"font-size":h(b,u),"line-height":h(g,w)},J[" "+a+".block-editor-rich-text__editable.wpsp-howto-heading-text"]={"font-size":h(m,u),"line-height":h(y,w)},G={" .block-editor-rich-text__editable.wpsp-howto-desc-text":{"font-size":h(O,k),"line-height":h(T,q)}," .block-editor-rich-text__editable.wpsp-howto-timeNeeded-text":{"font-size":h(F,S),"line-height":h(I,P)}," .block-editor-rich-text__editable.wpsp-howto-timeNeeded-value":{"font-size":h(O,k),"line-height":h(T,q)}," .block-editor-rich-text__editable.wpsp-howto-timeINmin-text ":{"font-size":h(O,k),"line-height":h(T,q)}," .block-editor-rich-text__editable.wpsp-howto-estcost-text":{"font-size":h(F,S),"line-height":h(I,P)}," .block-editor-rich-text__editable.wpsp-howto-estcost-value":{"font-size":h(O,k),"line-height":h(T,q)}," .block-editor-rich-text__editable.wpsp-howto-estcost-type":{"font-size":h(O,k),"line-height":h(T,q)}," .block-editor-rich-text__editable.wpsp-tools__label":{"font-size":h(F,S),"line-height":h(I,P)}," .block-editor-rich-text__editable.wpsp-howto-req-tools-text":{"font-size":h(F,S),"line-height":h(I,P)}," .block-editor-rich-text__editable.wpsp-materials__label":{"font-size":h(F,S),"line-height":h(I,P)}," .block-editor-rich-text__editable.wpsp-howto-req-materials-text":{"font-size":h(F,S),"line-height":h(I,P)}},J={" .block-editor-rich-text__editable.wpsp-howto-desc-text":{"font-size":h(j,k),"line-height":h(E,q)}," .block-editor-rich-text__editable.wpsp-howto-timeNeeded-text":{"font-size":h(M,S),"line-height":h(B,P)}," .block-editor-rich-text__editable.wpsp-howto-timeNeeded-value":{"font-size":h(j,k),"line-height":h(E,q)}," .block-editor-rich-text__editable.wpsp-howto-timeINmin-text ":{"font-size":h(j,k),"line-height":h(E,q)}," .block-editor-rich-text__editable.wpsp-howto-estcost-text":{"font-size":h(M,S),"line-height":h(B,P)}," .block-editor-rich-text__editable.wpsp-howto-estcost-value":{"font-size":h(j,k),"line-height":h(E,q)}," .block-editor-rich-text__editable.wpsp-howto-estcost-type":{"font-size":h(j,k),"line-height":h(E,q)}," .block-editor-rich-text__editable.wpsp-tools__label":{"font-size":h(M,S),"line-height":h(B,P)}," .block-editor-rich-text__editable.wpsp-howto-req-tools-text":{"font-size":h(M,S),"line-height":h(B,P)}," .block-editor-rich-text__editable.wpsp-materials__label":{"font-size":h(M,S),"line-height":h(B,P)}," .block-editor-rich-text__editable.wpsp-howto-req-materials-text":{"font-size":h(M,S),"line-height":h(B,P)}};var V=".block-editor-page #wpwrap .wpsp-block-".concat(e.clientId.substr(0,8)),$=d(U,V);return($+=d(J,V,!0,"tablet"))+d(G,V,!0,"mobile")}(e))}),[e]),Object(r.createElement)(u.Suspense,{fallback:Object(b.a)()},Object(r.createElement)(A,{parentProps:e}),Object(r.createElement)(D,{parentProps:e}))})),W=wp.blockEditor,J=W.RichText,G=W.InnerBlocks,Q=[{attributes:I,save:function(e){var t=e.attributes,i=e.className,a=t.block_id,o=t.headingTitle,n=t.headingDesc,s=t.headingTag,l=t.timeNeeded,c=t.time,p=t.timeIn,d=t.estCost,h=t.cost,u=t.currencyType,b=t.mainimage,m=t.toolsTitle,f=t.stepsTitle,w=t.materialTitle,g=t.tools,y=t.materials,v=t.schema,x=t.showTotaltime,k=t.showEstcost,O=t.showTools,j=t.showMaterials,z="",q="";void 0!==t.mainimage&&null!==t.mainimage&&""!==t.mainimage&&(z=t.mainimage.url,q=t.mainimage.title);var T="";if(""!==z){var E=t.mainimage.sizes,S=t.imgSize;T=void 0!==E&&void 0!==E[S]?E[S].url:z}var N="";return b&&b.url&&(N=Object(r.createElement)("img",{className:"wpsp-howto__source-image",src:T,title:q})),Object(r.createElement)("div",{className:_()(i,"wpsp-block-".concat(a))},Object(r.createElement)("script",{type:"application/ld+json"},v),Object(r.createElement)("div",{className:"wpsp-how-to-main-wrap"},Object(r.createElement)("div",{className:"wpsp-howto__wrap"},Object(r.createElement)(J.Content,{value:o,tagName:s,className:"wpsp-howto-heading-text"}),Object(r.createElement)(J.Content,{value:n,tagName:"p",className:"wpsp-howto-desc-text"}),b.url&&Object(r.createElement)("div",{className:"wpsp-howto__source-wrap"},N),x&&Object(r.createElement)("span",{className:"wpsp-howto__time-wrap"},Object(r.createElement)(J.Content,{value:l,tagName:"h4",className:"wpsp-howto-timeNeeded-text"}),Object(r.createElement)(J.Content,{value:c,tagName:"p",className:"wpsp-howto-timeNeeded-value"}),Object(r.createElement)(J.Content,{tagName:"p",value:p,className:"wpsp-howto-timeINmin-text"})),k&&Object(r.createElement)("span",{className:"wpsp-howto__cost-wrap"},Object(r.createElement)(J.Content,{value:d,tagName:"h4",className:"wpsp-howto-estcost-text"}),Object(r.createElement)(J.Content,{value:h,tagName:"p",className:"wpsp-howto-estcost-value"}),Object(r.createElement)(J.Content,{tagName:"p",value:u,className:"wpsp-howto-estcost-type"}))),O&&Object(r.createElement)("div",{className:"wpsp-how-to-tools__wrap"},Object(r.createElement)(J.Content,{value:m,tagName:"h4",className:"wpsp-howto-req-tools-text"})),O&&Object(r.createElement)("div",{className:"wpsp-tools__wrap"},g.map((function(e,t){return Object(r.createElement)("div",{className:_()("wpsp-how-to-tools-".concat(t),"wpsp-how-to-tools-child__wrapper"),key:t},Object(r.createElement)("div",{className:"wpsp-tools"},Object(r.createElement)(J.Content,{tagName:"div",value:e.add_required_tools,className:"wpsp-tools__label"})))}))),j&&Object(r.createElement)("div",{className:"wpsp-how-to-materials__wrap"},Object(r.createElement)(J.Content,{value:w,tagName:"h4",className:"wpsp-howto-req-materials-text"})),j&&Object(r.createElement)("div",{className:"wpsp-how-to-materials"},y.map((function(e,t){return Object(r.createElement)("div",{className:_()("wpsp-how-to-materials-".concat(t),"wpsp-how-to-materials-child__wrapper")},Object(r.createElement)("div",{className:"wpsp-materials"},Object(r.createElement)(J.Content,{tagName:"div",value:e.add_required_materials,className:"wpsp-materials__label"})))}))),Object(r.createElement)("div",{className:"wpsp-how-to-steps__wrap"},Object(r.createElement)(J.Content,{value:f,tagName:"h4",className:"wpsp-howto-req-steps-text"}),Object(r.createElement)("div",{className:"wpsp-howto-steps__wrap"},Object(r.createElement)(G.Content,null)))))}}];Object(O.registerBlockType)("wpsp/how-to",{title:wpsp_blocks_info.blocks["wpsp/how-to"].title,description:wpsp_blocks_info.blocks["wpsp/how-to"].description,icon:c.a.how_to,category:wpsp_blocks_info.category,keywords:[Object(j.__)("how to"),Object(j.__)("schema"),Object(j.__)("wpsp")],supports:{anchor:!0},example:{innerBlocks:[{name:"wpsp/how-to-child",attributes:{howtoChildTitle:"Enter a step title",iconimgPosition:"left",source_type:"image",seperatorStyle:"none",ctaType:"all",headingTag:"h4"}},{name:"wpsp/how-to-child",attributes:{howtoChildTitle:"Enter a step title",iconimgPosition:"left",source_type:"image",seperatorStyle:"none",ctaType:"all",headingTag:"h4"}}]},attributes:I,deprecated:Q,edit:R,save:function(e){var t=e.attributes,i=e.className,a=t.block_id,o=t.headingTitle,n=t.headingDesc,s=t.headingTag,l=t.timeNeeded,c=t.time,p=t.timeIn,d=t.estCost,h=t.cost,u=t.currencyType,b=t.mainimage,m=t.toolsTitle,f=t.stepsTitle,w=t.materialTitle,g=t.tools,y=t.materials,v=t.schema,k=t.showTotaltime,O=t.showEstcost,j=t.showTools,z=t.showMaterials,q="",T="";void 0!==t.mainimage&&null!==t.mainimage&&""!==t.mainimage&&(q=t.mainimage.url,T=t.mainimage.title);var E="";if(""!==q){var S=t.mainimage.sizes,N=t.imgSize;E=void 0!==S&&void 0!==S[N]?S[N].url:q}var M="";return b&&b.url&&(M=Object(r.createElement)("img",{className:"wpsp-howto__source-image",src:E,title:T,alt:""})),Object(r.createElement)("div",{className:_()(i,"wpsp-block-".concat(a))},Object(r.createElement)("script",{type:"application/ld+json"},v),Object(r.createElement)("div",{className:"wpsp-how-to-main-wrap"},Object(r.createElement)("div",{className:"wpsp-howto__wrap"},Object(r.createElement)(x.RichText.Content,{value:o,tagName:s,className:"wpsp-howto-heading-text"}),Object(r.createElement)(x.RichText.Content,{value:n,tagName:"p",className:"wpsp-howto-desc-text"}),b.url&&Object(r.createElement)("div",{className:"wpsp-howto__source-wrap"},M),k&&Object(r.createElement)("span",{className:"wpsp-howto__time-wrap"},Object(r.createElement)(x.RichText.Content,{value:l,tagName:"h4",className:"wpsp-howto-timeNeeded-text"}),Object(r.createElement)(x.RichText.Content,{value:c,tagName:"p",className:"wpsp-howto-timeNeeded-value"}),Object(r.createElement)(x.RichText.Content,{tagName:"p",value:p,className:"wpsp-howto-timeINmin-text"})),O&&Object(r.createElement)("span",{className:"wpsp-howto__cost-wrap"},Object(r.createElement)(x.RichText.Content,{value:d,tagName:"h4",className:"wpsp-howto-estcost-text"}),Object(r.createElement)(x.RichText.Content,{value:h,tagName:"p",className:"wpsp-howto-estcost-value"}),Object(r.createElement)(x.RichText.Content,{tagName:"p",value:u,className:"wpsp-howto-estcost-type"}))),j&&Object(r.createElement)("div",{className:"wpsp-how-to-tools__wrap"},Object(r.createElement)(x.RichText.Content,{value:m,tagName:"h4",className:"wpsp-howto-req-tools-text"})),j&&Object(r.createElement)("div",{className:"wpsp-tools__wrap"},g.map((function(e,t){return Object(r.createElement)("div",{className:_()("wpsp-how-to-tools-".concat(t),"wpsp-how-to-tools-child__wrapper"),key:t},Object(r.createElement)("div",{className:"wpsp-tools"},Object(r.createElement)(x.RichText.Content,{tagName:"div",value:e.add_required_tools,className:"wpsp-tools__label"})))}))),z&&Object(r.createElement)("div",{className:"wpsp-how-to-materials__wrap"},Object(r.createElement)(x.RichText.Content,{value:w,tagName:"h4",className:"wpsp-howto-req-materials-text"})),z&&Object(r.createElement)("div",{className:"wpsp-how-to-materials"},y.map((function(e,t){return Object(r.createElement)("div",{className:_()("wpsp-how-to-materials-".concat(t),"wpsp-how-to-materials-child__wrapper"),key:t},Object(r.createElement)("div",{className:"wpsp-materials"},Object(r.createElement)(x.RichText.Content,{tagName:"div",value:e.add_required_materials,className:"wpsp-materials__label"})))}))),Object(r.createElement)("div",{className:"wpsp-how-to-steps__wrap"},Object(r.createElement)(x.RichText.Content,{value:f,tagName:"h4",className:"wpsp-howto-req-steps-text"}),Object(r.createElement)("div",{className:"wpsp-howto-steps__wrap"},Object(r.createElement)(x.InnerBlocks.Content,null)))))}});var U=Object(u.lazy)((function(){return Promise.all([i.e(0),i.e(7)]).then(i.bind(null,76))})),V=Object(u.lazy)((function(){return i.e(6).then(i.bind(null,80))})),$=i(11),K=i.n($),X=i(12),Y=i(13),Z=i(14),ee=i(15),te=i(16),ie=i(17),ae={howtoChildTitle:{source:"html",selector:"h1,h2,h3,h4,h5,h6",default:"Enter a step title"},headingDesc:{source:"html",selector:"p",default:"Click here to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit."},headingAlign:{type:"string",default:"left"},headingColor:{type:"string"},subHeadingColor:{type:"string"},iconimgPosition:{type:"string",default:"above-title"},headingTag:{type:"string",default:"h4"},headFontSize:{type:"number"},headFontSizeType:{type:"string",default:"px"},headFontSizeTablet:{type:"number"},headFontSizeMobile:{type:"number"},headFontFamily:{type:"string",default:"Default"},headFontWeight:{type:"string"},headFontSubset:{type:"string"},headLineHeightType:{type:"string",default:"em"},headLineHeight:{type:"number"},headLineHeightTablet:{type:"number"},headLineHeightMobile:{type:"number"},headLoadGoogleFonts:{type:"boolean",default:!1},subHeadFontSize:{type:"number"},subHeadFontSizeType:{type:"string",default:"px"},subHeadFontSizeTablet:{type:"number"},subHeadFontSizeMobile:{type:"number"},subHeadFontFamily:{type:"string",default:"Default"},subHeadFontWeight:{type:"string"},subHeadFontSubset:{type:"string"},subHeadLineHeightType:{type:"string",default:"em"},subHeadLineHeight:{type:"number"},subHeadLineHeightTablet:{type:"number"},subHeadLineHeightMobile:{type:"number"},subHeadLoadGoogleFonts:{type:"boolean",default:!1},headSpace:{type:"number",default:10},subHeadSpace:{type:"number",default:10},seperatorSpace:{type:"number",default:10},iconimgBorderRadius:{type:"number",default:0},sourceType:{type:"string",default:"image"},block_id:{type:"string",default:"not_set"},ctaTarget:{type:"boolean",default:!1},ctaIcon:{type:"string",default:""},ctaIconPosition:{type:"string",default:"after"},ctaIconSpace:{type:"number",default:5},seperatorPosition:{type:"string",default:"after_title"},seperatorStyle:{type:"string",default:"none"},seperatorColor:{type:"string",default:"#333"},seperatorWidth:{type:"number",default:30},separatorWidthType:{type:"string",default:"%"},seperatorThickness:{type:"number",default:2},ctaType:{type:"string",default:"all"},ctaText:{type:"string",default:"Read More"},ctaLink:{type:"string",default:"#"},ctaLinkColor:{type:"string",default:"#333"},ctaFontSize:{type:"number"},ctaFontSizeType:{type:"string",default:"px"},ctaFontSizeMobile:{type:"number"},ctaFontSizeTablet:{type:"number"},ctaFontFamily:{type:"string",default:"Default"},ctaFontWeight:{type:"string"},ctaFontSubset:{type:"string"},ctaLoadGoogleFonts:{type:"boolean",default:!1},ctaBtnLinkColor:{type:"string",default:"#333"},ctaLinkHoverColor:{type:"string",default:""},ctaBgColor:{type:"string",default:"transparent"},ctaBgHoverColor:{type:"string",default:"transparent"},ctaBorderColor:{type:"string",default:"#333"},ctaBorderhoverColor:{type:"string",default:""},ctaBorderStyle:{type:"string",default:"solid"},ctaBtnVertPadding:{type:"number",default:10},ctaBtnHrPadding:{type:"number",default:14},ctaBorderWidth:{type:"number",default:1},ctaBorderRadius:{type:"number",default:0},iconLeftMargin:{type:"number",default:0},iconRightMargin:{type:"number",default:0},iconTopMargin:{type:"number",default:10},iconBottomMargin:{type:"number",default:10},iconImage:{type:"object",default:{url:"",alt:"StepBox placeholder img"}},imageSize:{type:"string",default:"thumbnail"},imageWidth:{type:"number",default:120},imageWidthType:{type:"boolean",default:!1},showTitle:{type:"boolean",default:!0},showDesc:{type:"boolean",default:!0}},oe=(i(32),wp.blockEditor.RichText,wp.element.Fragment),ne=[{attributes:ae,save:function(e){var t=e.attributes,i=t.iconimgPosition,a=t.block_id,o=t.seperatorStyle,n=t.ctaType,s=t.ctaLink,l=t.ctaTarget,c=t.className,p=t.howtoChildTitle,d=t.headingDesc,h=t.showTitle,u=t.showDesc,b=t.seperatorPosition,m=Object(r.createElement)(ie.a,{attributes:e.attributes}),f=m,w=b,g=Object(r.createElement)(ee.a,{attributes:e.attributes}),y=!0;"after_icon"!=b||"above-title"!=i&&"below-title"!=i||(y=!1,f=Object(r.createElement)(oe,null,m,"none"!==o&&g)),"after_icon"!=b||"above-title"===i&&"below-title"===i||(w="after_title"),"below-title"==i&&"after_title"==b&&(y=!1,f=Object(r.createElement)(oe,null,"none"!==o&&g,m));var v=Object(r.createElement)(oe,null,"none"!==o&&"after_title"==w&&y&&g,Object(r.createElement)("div",{className:"wpsp-ifb-text-wrap"},u&&""!==d&&Object(r.createElement)(Y.a,{attributes:e.attributes,setAttributes:"not_set"}),"none"!==o&&"after_desc"==w&&g,"none"!==n&&Object(r.createElement)(te.a,{attributes:e.attributes}))),x=Object(r.createElement)("div",{className:"wpsp-ifb-title-wrap"},"none"!==o&&"after_prefix"==w&&g,h&&""!==p&&Object(r.createElement)(X.a,{attributes:e.attributes,setAttributes:"not_set"})),k=Object(r.createElement)("div",{className:_.a.apply(void 0,["wpsp-how-to__content-wrap","all"==n?" wpsp-how-to_cta-type-all":""].concat(K()(Object(Z.a)(e.attributes))))},Object(r.createElement)("div",{className:"wpsp-ifb-content"},"above-title"===i&&Object(r.createElement)(oe,null,f,x,v),"below-title"===i&&Object(r.createElement)(oe,null,x,f,v),"below-desc"===i&&Object(r.createElement)(oe,null,x,v,f))),O="";return l&&(O="_blank"),Object(r.createElement)("div",{className:_()(c,"wpsp-howto-child__outer-wrap","wpsp-block-".concat(a))},"all"==n&&Object(r.createElement)("a",{href:s,className:"wpsp-howto-child-link-wrap wpsp-how-to__link-to-all",target:O,"aria-label":"HowToChild Link",rel:"noopener noreferrer"}),k)}}];Object(O.registerBlockType)("wpsp/how-to-child",{title:wpsp_blocks_info.blocks["wpsp/how-to-child"].title,description:wpsp_blocks_info.blocks["wpsp/how-to-child"].description,icon:c.a.how_to,parent:["wpsp/how-to"],supports:{anchor:!0},category:wpsp_blocks_info.category,example:{innerBlocks:[{name:"wpsp/how-to-child",attributes:{howtoChildTitle:"Enter a step title",headingDesc:"So to get started, you will just need to drag-n-drop the How-to Schema block in the Gutenberg editor.",iconimgPosition:"left"}},{name:"wpsp/how-to-child",attributes:{howtoChildTitle:"Enter a step title",headingDesc:"So to get started, you will just need to drag-n-drop the How-to Schema block in the Gutenberg editor.",iconimgPosition:"left"}}]},attributes:ae,deprecated:ne,edit:function(e){return Object(u.useEffect)((function(){e.setAttributes({block_id:e.clientId.substr(0,8)}),e.setAttributes({classMigrate:!0});var t=document.createElement("style");t.setAttribute("id","wpsp-info-box-style-"+e.clientId.substr(0,8)),document.head.appendChild(t)}),[]),Object(u.useEffect)((function(){var t=document.getElementById("wpsp-info-box-style-"+e.clientId.substr(0,8));null!=t&&(t.innerHTML=function(e){var t=e.attributes,i=t.headingAlign,a=t.headingColor,o=t.subHeadingColor,n=t.headFontSize,s=t.headFontSizeType,l=t.headFontSizeTablet,r=t.headFontSizeMobile,c=t.headFontFamily,p=t.headFontWeight,u=t.headLineHeightType,b=t.headLineHeight,m=t.headLineHeightTablet,f=t.headLineHeightMobile,w=t.subHeadFontSize,g=t.subHeadFontSizeType,y=t.subHeadFontSizeTablet,v=t.subHeadFontSizeMobile,_=t.subHeadFontFamily,x=t.subHeadFontWeight,k=t.subHeadLineHeightType,O=t.subHeadLineHeight,j=t.subHeadLineHeightTablet,z=t.subHeadLineHeightMobile,q=t.separatorWidthType,T=t.headSpace,E=t.subHeadSpace,S=t.iconimgPosition,N=t.iconimgBorderRadius,M=t.seperatorStyle,F=t.seperatorWidth,H=t.seperatorColor,C=t.seperatorThickness,P=t.seperatorSpace,L=t.ctaLinkColor,B=t.ctaFontSize,I=t.ctaFontSizeType,A=t.ctaFontSizeMobile,D=t.ctaFontSizeTablet,R=t.ctaFontFamily,W=t.ctaFontWeight,J=t.ctaBtnLinkColor,G=t.ctaBgColor,Q=t.ctaBtnVertPadding,U=t.ctaBtnHrPadding,V=t.ctaBorderStyle,$=t.ctaBorderColor,K=t.ctaBorderWidth,X=t.ctaBorderRadius,Y=t.iconLeftMargin,Z=t.iconRightMargin,ee=t.iconTopMargin,te=t.iconBottomMargin,ie=t.imageWidth,ae=t.imageWidthType,oe=t.ctaLinkHoverColor,ne=t.ctaBgHoverColor,se=t.ctaBorderhoverColor,le=t.ctaIconSpace,re=t.blockPadding,ce={" .wpsp-how-to__content-wrap .wpsp-ifb-imgicon-wrap":{"margin-left":h(Y,"px"),"margin-right":h(Z,"px"),"margin-top":h(ee,"px"),"margin-bottom":h(te,"px")}," .wpsp-howto-child .wpsp-ifb-image-content img":{"border-radius":h(N,"px")}," .wpsp-howto-child-cta-link":{"font-size":h(B,I),"font-family":R,"font-weight":W,color:L}," .wpsp-howto-child-cta-link:hover":{color:oe}," .wpsp-howto-child-cta-link .wpsp-ifb-text-icon":{"font-size":h(B,I),height:h(B,I),width:h(B,I),"line-height":h(B,I)}," .wpsp-howto-child-cta-link .wpsp-ifb-button-icon":{"font-size":h(B,I),height:h(B,I),width:h(B,I),"line-height":h(B,I)}," .wpsp-howto-child-cta-link svg":{fill:L}," .wpsp-howto-child-cta-link:hover svg":{fill:oe}," .wpsp-ifb-button-wrapper .wpsp-howto-child-cta-link":{color:J,"background-color":G,"border-style":V,"border-color":$,"border-radius":h(X,"px"),"border-width":h(K,"px"),"padding-top":h(Q,"px"),"padding-bottom":h(Q,"px"),"padding-left":h(U,"px"),"padding-right":h(U,"px")}," .wpsp-ifb-button-wrapper:hover .wpsp-howto-child-cta-link":{color:oe,"background-color":ne,"border-color":se}," .wpsp-ifb-button-wrapper .wpsp-howto-child-cta-link svg":{fill:J}," .wpsp-ifb-button-wrapper .wpsp-howto-child-cta-link:hover svg":{fill:oe}," .block-editor-rich-text__editable.wpsp-ifb-title":{"font-size":h(n,s),"font-family":c,"font-weight":p,"line-height":h(b,u),color:a,"margin-bottom":h(T,"px")}," .wpsp-ifb-text-wrap .block-editor-rich-text__editable.wpsp-ifb-desc":{"font-size":h(w,g),"font-family":_,"font-weight":x,"line-height":h(O,k),color:o,"margin-bottom":h(E,"px")}," .wpsp-ifb-separator":{width:h(F,q),"border-top-width":h(C,"px"),"border-top-color":H,"border-top-style":M}," .wpsp-ifb-separator-parent":{"margin-bottom":h(P,"px")}," .wpsp-ifb-content":{padding:void 0!==re?re+"px":"inherit"}," .wpsp-ifb-align-icon-after":{"margin-left":h(le,"px")}," .wpsp-ifb-align-icon-before":{"margin-right":h(le,"px")}};ae&&(ce[" .wpsp-ifb-image-content img"]={width:h(ie,"px"),"max-width":h(ie,"px")}),"above-title"!==S&&"below-title"!==S||(ce[" .wpsp-how-to__content-wrap"]={"text-align":i});var pe={" .wpsp-ifb-text-wrap .block-editor-rich-text__editable.wpsp-ifb-desc":{"font-size":h(y,g),"line-height":h(j,k)}," .block-editor-rich-text__editable.wpsp-ifb-title":{"font-size":h(l,s),"line-height":h(m,u)}," .wpsp-howto-child-cta-link":{"font-size":h(D,I)}," .wpsp-howto-child-cta-link .wpsp-ifb-text-icon":{"font-size":h(D,I),height:h(D,I),"line-height":h(D,I),width:h(D,I)}," .wpsp-howto-child-cta-link .wpsp-ifb-button-icon":{"font-size":h(D,I),height:h(D,I),"line-height":h(D,I),width:h(D,I)}},de={" .wpsp-ifb-text-wrap .block-editor-rich-text__editable.wpsp-ifb-desc":{"font-size":h(v,g),"line-height":h(z,k)}," .block-editor-rich-text__editable.wpsp-ifb-title":{"font-size":h(r,s),"line-height":h(f,u)}," .wpsp-howto-child-cta-link":{"font-size":h(A,I)}," .wpsp-howto-child-cta-link .wpsp-ifb-text-icon":{"font-size":h(A,I),height:h(A,I),"line-height":h(A,I),width:h(A,I)}," .wpsp-howto-child-cta-link .wpsp-ifb-button-icon":{"font-size":h(A,I),height:h(A,I),"line-height":h(A,I),width:h(A,I)}},he=".block-editor-page #wpwrap .wpsp-block-".concat(e.clientId.substr(0,8)),ue=d(ce,he);return(ue+=d(pe,he,!0,"tablet"))+d(de,he,!0,"mobile")}(e))}),[e]),Object(r.createElement)(u.Suspense,{fallback:Object(b.a)()},Object(r.createElement)(U,{parentProps:e}),Object(r.createElement)(V,{parentProps:e}))},save:function(e){var t=e.attributes,i=t.iconimgPosition,a=t.block_id,o=t.seperatorStyle,n=t.ctaType,s=t.ctaLink,l=t.ctaTarget,c=t.className,p=t.howtoChildTitle,d=t.headingDesc,h=t.showTitle,u=t.showDesc,b=t.seperatorPosition,m=Object(r.createElement)(ie.a,{attributes:e.attributes}),f=m,w=b,g=Object(r.createElement)(ee.a,{attributes:e.attributes}),y=!0;"after_icon"!==b||"above-title"!==i&&"below-title"!==i||(y=!1,f=Object(r.createElement)(r.Fragment,null,m,"none"!==o&&g)),"after_icon"!==b||"above-title"===i&&"below-title"===i||(w="after_title"),"below-title"===i&&"after_title"===b&&(y=!1,f=Object(r.createElement)(r.Fragment,null,"none"!==o&&g,m));var v=Object(r.createElement)(r.Fragment,null,"none"!==o&&"after_title"===w&&y&&g,Object(r.createElement)("div",{className:"wpsp-ifb-text-wrap"},u&&""!==d&&Object(r.createElement)(Y.a,{attributes:e.attributes,setAttributes:"not_set"}),"none"!==o&&"after_desc"===w&&g,"none"!==n&&Object(r.createElement)(te.a,{attributes:e.attributes}))),x=Object(r.createElement)("div",{className:"wpsp-ifb-title-wrap"},"none"!==o&&"after_prefix"===w&&g,h&&""!==p&&Object(r.createElement)(X.a,{attributes:e.attributes,setAttributes:"not_set"})),k=Object(r.createElement)("div",{className:_.a.apply(void 0,["wpsp-how-to__content-wrap","all"===n?" wpsp-how-to_cta-type-all":""].concat(K()(Object(Z.a)(e.attributes))))},Object(r.createElement)("div",{className:"wpsp-ifb-content"},"above-title"===i&&Object(r.createElement)(r.Fragment,null,f,x,v),"below-title"===i&&Object(r.createElement)(r.Fragment,null,x,f,v),"below-desc"===i&&Object(r.createElement)(r.Fragment,null,x,v,f))),O="";return l&&(O="_blank"),Object(r.createElement)("div",{className:_()(c,"wpsp-howto-child__outer-wrap","wpsp-block-".concat(a))},"all"===n&&Object(r.createElement)("a",{href:s,className:"wpsp-howto-child-link-wrap wpsp-how-to__link-to-all",target:O,"aria-label":"HowToChild Link",rel:"noopener noreferrer"}),k)}}),i.p=wpsp_blocks_info.wpsp_base_url+"dist/",Object(O.updateCategory)("wpsp",{icon:c.a.logo})},function(e,t){e.exports=window.wp.components},function(e,t){e.exports=window.ReactDOM}]);