previewStyling.js — SureForms – Contact Form Builder, AI Forms, Payment Form, Survey & Quiz trunk

sureforms / assets / build / previewStyling.js
sureforms / assets / build Last commit date
previewStyling.js
1 lines
!function(r){"use strict";var o=null===(r=window.srfmPreviewStyling)||void 0===r?void 0:r.containerId;if(o&&/^[a-zA-Z0-9_-]+$/.test(o)){var t=document.querySelector("."+o);if(t){var e=t.className,i=document.createElement("style");i.id="srfm-preview-override-style",t.appendChild(i);var a=0;window.parent!==window&&(s(),window.addEventListener("load",s),window.addEventListener("resize",s)),window.addEventListener("message",(function(r){if(r.origin===window.location.origin&&r.data)if("srfm-reset-styling"!==r.data.type){if("srfm-update-styling"===r.data.type){var a=r.data.styling;if(a){var s={};if(a.primaryColor){var n="hsl(from "+a.primaryColor+" h s l / ";s["--srfm-color-scheme-primary"]=a.primaryColor,s["--srfm-quill-editor-color"]=a.primaryColor,s["--srfm-color-input-border-hover"]=n+"0.65)",s["--srfm-color-input-border-focus-glow"]=n+"0.15)",s["--srfm-color-input-selected"]=n+"0.1)",s["--srfm-btn-color-hover"]=n+"0.9)",s["--srfm-btn-color-disabled"]=n+"0.25)"}if(a.textColor){var d="hsl(from "+a.textColor+" h s l / ";s["--srfm-color-scheme-text"]=a.textColor,s["--srfm-color-input-label"]=a.textColor,s["--srfm-color-input-text"]=a.textColor,s["--srfm-color-input-description"]=d+"0.65)",s["--srfm-color-input-placeholder"]=d+"0.5)",s["--srfm-color-input-prefix"]=d+"0.65)",s["--srfm-color-input-background"]=d+"0.02)",s["--srfm-color-input-background-hover"]=d+"0.05)",s["--srfm-color-input-background-disabled"]=d+"0.07)",s["--srfm-color-input-border"]=d+"0.25)",s["--srfm-color-input-border-disabled"]=d+"0.15)",s["--srfm-color-multi-choice-svg"]=d+"0.7)"}a.textOnPrimaryColor&&(s["--srfm-color-scheme-text-on-primary"]=a.textOnPrimaryColor);var m=a.formPaddingUnit||"px",f=a.formBorderRadiusUnit||"px";if(void 0!==a.formPaddingTop&&(s["--srfm-form-padding-top"]=a.formPaddingTop+m),void 0!==a.formPaddingRight&&(s["--srfm-form-padding-right"]=a.formPaddingRight+m),void 0!==a.formPaddingBottom&&(s["--srfm-form-padding-bottom"]=a.formPaddingBottom+m),void 0!==a.formPaddingLeft&&(s["--srfm-form-padding-left"]=a.formPaddingLeft+m),void 0!==a.formBorderRadiusTop&&(s["--srfm-form-border-radius-top"]=a.formBorderRadiusTop+f),void 0!==a.formBorderRadiusRight&&(s["--srfm-form-border-radius-right"]=a.formBorderRadiusRight+f),void 0!==a.formBorderRadiusBottom&&(s["--srfm-form-border-radius-bottom"]=a.formBorderRadiusBottom+f),void 0!==a.formBorderRadiusLeft&&(s["--srfm-form-border-radius-left"]=a.formBorderRadiusLeft+f),t.classList.remove("srfm-bg-color","srfm-bg-gradient","srfm-bg-image"),"color"===a.bgType)t.classList.add("srfm-bg-color"),a.bgColor&&(s["--srfm-bg-color"]=a.bgColor);else if("gradient"===a.bgType)t.classList.add("srfm-bg-gradient"),a.bgGradient&&(s["--srfm-bg-gradient"]=a.bgGradient);else if("image"===a.bgType){if(t.classList.add("srfm-bg-image"),a.bgImage){var l=a.bgImage.replace(/"/g,"");(l.startsWith("https://")||l.startsWith("http://"))&&(s["--srfm-bg-image"]='url("'+l+'")')}if(a.bgImagePosition){var g,c,u=100*(null!==(g=a.bgImagePosition.x)&&void 0!==g?g:.5),b=100*(null!==(c=a.bgImagePosition.y)&&void 0!==c?c:.5);s["--srfm-bg-position"]=u+"% "+b+"%"}a.bgImageSize&&(s["--srfm-bg-size"]=a.bgImageSize),a.bgImageRepeat&&(s["--srfm-bg-repeat"]=a.bgImageRepeat),a.bgImageAttachment&&(s["--srfm-bg-attachment"]=a.bgImageAttachment)}if(a.fieldSpacing){var p,v=null===(p=window.srfmPreviewStyling)||void 0===p?void 0:p.fieldSpacingVars;if(v){var h=v.small||{},y=v[a.fieldSpacing]||{},w=Object.assign({},h,y);for(var x in w)x.startsWith("--")&&(s[x]=w[x])}}if(function(r){var t="."+o+" {\n";for(var e in r)void 0!==r[e]&&null!==r[e]&&(t+="\t"+e+": "+r[e]+";\n");t+="}\n",i.textContent=t}(s),a.buttonAlignment){var C=t.querySelector(".srfm-submit-container .wp-block-button");if(C){C.style.textAlign="justify"===a.buttonAlignment?"center":a.buttonAlignment;var P=C.querySelector("button");P&&(P.style.width="justify"===a.buttonAlignment?"100%":"")}}var R=new CustomEvent("srfm-preview-styling-update",{detail:{styling:a,container:t}});document.dispatchEvent(R)}}}else{i.textContent="",t.className=e;var B=t.querySelector(".srfm-submit-container .wp-block-button");if(B){B.removeAttribute("style");var I=B.querySelector("button");I&&I.removeAttribute("style")}}}))}}function s(){var r=t.offsetHeight;if(r&&!(Math.abs(r-a)<4)){a=r;var o={type:"srfm-preview-height",height:r};[window.parent,window.top].forEach((function(r){r&&r!==window&&r.postMessage(o,"*")}))}}}();