PluginProbe
bBlocks – Essential Gutenberg Blocks & Patterns Collection / 2.1.8
bBlocks – Essential Gutenberg Blocks & Patterns Collection v2.1.8
2.1.8 2.1.7 2.1.6 2.1.5 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.43 2.0.42 2.0.41 2.0.40 2.0.39 2.0.38 trunk 1.0 1.1 1.2 1.3 1.4 1.5 1.5.1 1.5.2 1.5.3 All 108 releases
← All changes | build/input-field/view.js +3 -1 2.1.1 → 2.1.8 View file →
@@ -1 +1,3 @@
1 -(()=>{"use strict";const t=window.ReactDOM,e=t=>!(null==t||""===t||Array.isArray(t)&&0===t.length||"object"==typeof t&&0===Object.keys(t).length||"string"==typeof t&&""===t.trim()||"number"==typeof t&&0===t),n=window.React,s="linear-gradient(135deg, #0040E3, #18D4FD)",r=t=>{const e=(t=>{try{const e=new URL(t);return["http:","https:"].includes(e.protocol)?e.toString():null}catch(e){return"string"==typeof t&&t.startsWith("/")&&!t.startsWith("//")?t:null}})(t);return e?`url('${e.replace(/['"()]/g,"")}')`:"none"},o=(t,n)=>e(n)?`${t}: ${n};`:"",i=(t,e=!0,n=!0,i=!0)=>{const{type:a="solid",color:l="",gradient:d=s,image:p={},position:c="center center",attachment:u="",repeat:$="no-repeat",size:g="",overlayColor:b=""}=t||{};return"gradient"===a&&n?o("background",d):"image"===a&&i?`background: ${r(p?.url)};\n\t\t\t\t${o("background-color",b)}\n\t\t\t\t${o("background-position",c)}\n\t\t\t\t${o("background-size",g)}\n\t\t\t\t${o("background-repeat",$)}\n\t\t\t\t${o("background-attachment",u)}\n\t\t\t\t${o("background-repeat",$)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&o("background",l)},a=t=>{if(!t)return"";const e=t=>{const{color:e="#000000",style:n="solid",width:s="0px"}=t;return`${s} ${n} ${e}`};return"object"!=typeof t||Array.isArray(t)?"":t.hasOwnProperty("top")||t.hasOwnProperty("right")||t.hasOwnProperty("bottom")||t.hasOwnProperty("left")?["top","right","bottom","left"].map((n=>t[n]?`border-${n}: ${e(t[n])};`:"")).join(" ").trim():o("border",e(t))},l=(t,e,n=!0)=>{const{fontFamily:s="Default",fontCategory:r="sans-serif",fontVariant:i=400,fontWeight:a,isUploadFont:l=!0,fontSize:d={desktop:null,tablet:null,mobile:null},fontStyle:p,textTransform:c,textDecoration:u,lineHeight:$,letterSpace:g}=e||{},b=!n||!s||"Default"===s,h=d?.desktop||d,k=d?.tablet||h,m=d?.mobile||k,f=t=>{const e=String(t);return["px","em","rem","%","vh","vw"].some((t=>e.endsWith(t)))?e:"number"==typeof t?`${e}px`:""},x=`\n\t\t${b?"":`font-family: '${s}', ${r};`}\n\t\t${o("font-weight",a)}\n\t\t${o("font-size",f(h))}\n\t\t${o("font-style",p)}\n\t\t${o("text-transform",c)}\n\t\t${o("text-decoration",u)}\n\t\t${o("line-height",$)}\n\t\t${o("letter-spacing",g)}\n\t`,y=i&&400!==i?"400i"===i?":ital@1":i?.includes("00i")?`: ital, wght@1, ${i?.replace("00i","00")} `:`: wght@${i} `:"",w=b?"":`https://fonts.googleapis.com/css2?family=${s?.split(" ").join("+")}${y.replace(/ /g,"")}&display=swap`;return{googleFontLink:!l||b?"":`@import url(${w});`,styles:`${t}{\n\t\t\t${x}\n\t\t}\n\t\t@media only screen and (max-width: 1024px) {\n\t\t\t${t}{\n\t\t\t\t${o("font-size",f(k))}\n\t\t\t}\n\t\t}\n\t\t@media only screen and (max-width: 640px) {\n\t\t\t${t}{\n\t\t\t\t${o("font-size",f(m))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},d=t=>{if(!t)return"";if("string"==typeof t)return t;if("object"==typeof t&&!Array.isArray(t)){const e=["top","right","bottom","left"];return e.map((e=>t[e]||"")).every((t=>!t))?"":e.map((e=>t[e]||"0")).join(" ")}return""},p=window.ReactJSXRuntime,c=({attributes:t,id:n})=>{const{styles:s}=t,{inputField:r,label:c,icon:u,error:$,password:g}=s,{colors:b,normal:h,hover:k,focus:m}=r,{strength:f}=g,{container:x,meter:y,text:w}=f,v=`#${n}`,j=`${v} .b-blocks-input-field-container`,S=`${j} .b-blocks-input-field-label`,z=`${S} .b-blocks-input-field-required`,M=`${j} .b-blocks-input-field`,N=`${j} .b-blocks-input-field-passStrength-container`,P=`${N} .b-blocks-input-field-passStrengthMeter-container`,W=`${N} .b-blocks-input-field-passStrengthMeterText-container`,A=`${M} .b-blocks-input-field-passVisibilityIcon`,L=`${v} .b-blocks-input-field-error-container .b-blocks-input-field`,T=`${j} .b-blocks-input-field-error-message`,C=`${M} input`,F=`${M} .b-blocks-input-field-icon`,O=t=>{const{bg:e,border:n,shadow:s}=t;return`\n\t\t\t${i(e)}\n\t\t\t${a(n)}\n\t\t\t${o("box-shadow",((t,e="box")=>{let n="";return t?.map(((s,r)=>{const{hOffset:o="0px",vOffset:i="0px",blur:a="0px",spreed:l="0px",color:d="#e7f0fe",isInset:p=!1}=s||{},c=p?"inset":"",u=`${o} ${i} ${a}`,$=r+1>=t.length?"":", ";n+="text"===e?`${u} ${d}${$}`:`${u} ${l} ${d} ${c}${$}`})),n||""})(s))}\n\t`},I=(t,e="desktop")=>`\n\t\t${o("width",t[e].width)}\n\t\t${o("height",t[e].height)}\n\t\t${o("margin",d(t[e].margin))}\n\t\t${o("padding",d(t[e].padding))}\n\t\t${a(t.border)}\n\t\t${o("border-radius",d(t.radius))}\n\t`;return(0,p.jsx)("style",{dangerouslySetInnerHTML:{__html:`\n\t\t\t${l("",r.typo).googleFontLink}\n\t\t\t${l("",c.typo).googleFontLink}\n\t\t\t${l("",w.typography).googleFontLink}\n\t\t\t${l("",$.text.typo).googleFontLink}\n\t\t\t\n\t\t\t${l(C,r.typo).styles}\n\t\t\t${l(S,c.typo).styles}\n\t\t\t${l(T,$.text.typo).styles}\n\t\t\t${l(W,w.typography).styles}\n\n\t\t\t${C}{\n\t\t\t\t${o("color",b.text)}\n\t\t\t\t${O(h)}\n\t\t\t\t${o("padding",d(r.desktop.padding))}\n\t\t\t\t${o("border-radius",d(h.radius.desktop))}\n\t\t\t}\n\t\t\t${C}::placeholder{\n\t\t\t\t${o("color",b.placeholder)}\n\t\t\t}\n\t\t\t${C}:hover{\n\t\t\t\t${O(k)}\n\t\t\t\t${o("border-radius",d(k.radius.desktop))}\n\t\t\t}\n\t\t\t${C}:focus{\n\t\t\t\t${O(m)}\n\t\t\t\t${o("border-radius",d(m.radius.desktop))}\n\t\t\t}\n\t\t\t${S}{\n\t\t\t\t${o("color",c.colors.text)}\n\t\t\t\t${o("margin",d(c.desktop.margin))}\n\t\t\t}\n\t\t\t${z}{\n\t\t\t\t${o("color",c.colors.required)}\n\t\t\t}\n\t\t\t${F}{\n\t\t\t\t${o("left",e(u.field.desktop.position.x)?u.field.desktop.position.x+"px":"")}\n\t\t\t\t${o("top",e(u.field.desktop.position.y)?u.field.desktop.position.y+"px":"")}\n\t\t\t}\n\t\t\t${F}>svg{\n\t\t\t\t${o("fill",u.field.color)}\n\t\t\t\t${o("height",e(u.field.desktop.size)?u.field.desktop.size+"px":"")}\n\t\t\t\t${o("width",e(u.field.desktop.size)?u.field.desktop.size+"px":"")}\n\t\t\t}\n\t\t\t${A}{\n\t\t\t\t${o("fill",u.password.color)}\n\t\t\t\t${o("height",e(u.password.desktop.size)?u.password.desktop.size+"px":"")}\n\t\t\t\t${o("width",e(u.password.desktop.size)?u.password.desktop.size+"px":"")}\n\t\t\t\t${o("right",e(u.password.desktop.position.x)?u.password.desktop.position.x+"px":"")}\n\t\t\t\t${o("top",e(u.password.desktop.position.y)?u.password.desktop.position.y+"px":"")}\n\t\t\t}\n\n\t\t\t${L}>input{\n\t\t\t\t\t${o("margin",d($.input.desktop.margin))}\n\t\t\t\t\t${o("padding",d($.input.desktop.padding))}\n\t\t\t\t\t${a($.input.desktop.border)}\n\t\t\t\t\t${o("border-radius",d($.input.desktop.radius))}\n\t\t\t}\n\t\t\t\n\t\t\t${T}{\n\t\t\t\t\t${o("color",$.text.color)}\n\t\t\t\t\t${o("margin",d($.text.desktop.margin))}\n\t\t\t\t\t${o("padding",d($.text.desktop.padding))}\n\t\t\t\t\t${a($.text.desktop.border)}\n\t\t\t\t\t${o("border-radius",d($.text.desktop.radius))}\n\t\t\t\t\t${i($.text.bg)}\n\t\t\t}\n\n\t\t\t${N}{\n\t\t\t\t${I(x,"desktop")}\n\t\t\t\t${i(x.bg)}\n\t\t\t}\n\n\t\t\t${P}{\n\t\t\t\t${o("gap",y.gap)}\n\t\t\t}\n\n\t\t\t${P} .b-blocks-input-field-passStrengthMeter{\n\t\t\t\t${I(y,"desktop")}\n\t\t\t}\n\t\t\t\n\t\t\t${P}>.veryWeakPass{\n\t\t\t\t\t${o("background-color",g.strength.colors.veryWeak)}\n\t\t\t}\n\t\t\t${P}>.weakPass{\n\t\t\t\t\t${o("background-color",g.strength.colors.weak)}\n\t\t\t}\n\t\t\t${P}>.mediumPass{\n\t\t\t\t\t${o("background-color",g.strength.colors.medium)}\n\t\t\t}\n\t\t\t${P}>.strongPass{\n\t\t\t\t\t${o("background-color",g.strength.colors.strong)}\n\t\t\t}\n\n\t\t\t${W}{\n\t\t\t\t\t${o("margin",d(w.desktop.margin))}\n\t\t\t}\n\n\t\t\t${W}>.veryWeakPass{\n\t\t\t\t\t${o("color",g.strength.colors.veryWeak)}\n\t\t\t}\n\t\t\t${W}>.weakPass{\n\t\t\t\t\t${o("color",g.strength.colors.weak)}\n\t\t\t}\n\t\t\t${W}>.mediumPass{\n\t\t\t\t\t${o("color",g.strength.colors.medium)}\n\t\t\t}\n\t\t\t${W}>.strongPass{\n\t\t\t\t\t${o("color",g.strength.colors.strong)}\n\t\t\t}\n\n\n\t`}})};function u(t){return(0,p.jsx)("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",version:"1.1",viewBox:"0 0 16 16",...t,xmlns:"http://www.w3.org/2000/svg",children:(0,p.jsx)("path",{d:"M8 3c-3.489 0-6.514 2.032-8 5 1.486 2.968 4.511 5 8 5s6.514-2.032 8-5c-1.486-2.968-4.511-5-8-5zM11.945 5.652c0.94 0.6 1.737 1.403 2.335 2.348-0.598 0.946-1.395 1.749-2.335 2.348-1.181 0.753-2.545 1.152-3.944 1.152s-2.763-0.398-3.945-1.152c-0.94-0.6-1.737-1.403-2.335-2.348 0.598-0.946 1.395-1.749 2.335-2.348 0.061-0.039 0.123-0.077 0.185-0.114-0.156 0.427-0.241 0.888-0.241 1.369 0 2.209 1.791 4 4 4s4-1.791 4-4c0-0.481-0.085-0.942-0.241-1.369 0.062 0.037 0.124 0.075 0.185 0.114v0zM8 6.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5 0.672-1.5 1.5-1.5 1.5 0.672 1.5 1.5z"})})}function $(t){return(0,p.jsxs)("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",version:"1.1",viewBox:"0 0 16 16",...t,height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg",children:[(0,p.jsx)("path",{d:"M14.78 0.22c-0.293-0.293-0.768-0.293-1.061 0l-3.159 3.159c-0.812-0.246-1.671-0.378-2.561-0.378-3.489 0-6.514 2.032-8 5 0.643 1.283 1.573 2.391 2.703 3.236l-2.484 2.484c-0.293 0.293-0.293 0.768 0 1.061 0.146 0.146 0.338 0.22 0.53 0.22s0.384-0.073 0.53-0.22l13.5-13.5c0.293-0.293 0.293-0.768 0-1.061zM6.5 5c0.66 0 1.22 0.426 1.421 1.019l-1.902 1.902c-0.592-0.201-1.019-0.761-1.019-1.421 0-0.828 0.672-1.5 1.5-1.5zM1.721 8c0.598-0.946 1.395-1.749 2.335-2.348 0.061-0.039 0.123-0.077 0.185-0.114-0.156 0.427-0.241 0.888-0.241 1.369 0 0.858 0.27 1.652 0.73 2.303l-0.952 0.952c-0.819-0.576-1.519-1.311-2.057-2.162z"}),(0,p.jsx)("path",{d:"M12 6.906c0-0.424-0.066-0.833-0.189-1.217l-5.028 5.028c0.384 0.123 0.793 0.189 1.217 0.189 2.209 0 4-1.791 4-4z"}),(0,p.jsx)("path",{d:"M12.969 4.531l-1.084 1.084c0.020 0.012 0.040 0.024 0.059 0.037 0.94 0.6 1.737 1.403 2.335 2.348-0.598 0.946-1.395 1.749-2.335 2.348-1.181 0.753-2.545 1.152-3.944 1.152-0.604 0-1.202-0.074-1.781-0.219l-1.201 1.201c0.933 0.335 1.937 0.518 2.982 0.518 3.489 0 6.514-2.032 8-5-0.703-1.405-1.752-2.6-3.031-3.469z"})]})}const g=t=>{let e=0;return t.length>=6&&(e+=1),/[A-Z]/.test(t)&&(e+=1),/[0-9]/.test(t)&&(e+=1),/[^a-zA-Z0-9]/.test(t)&&(e+=1),e},b=({value:t})=>{const e=g(t),n=()=>{switch(e){case 1:return"veryWeakPass";case 2:return"weakPass";case 3:return"mediumPass";case 4:return"strongPass";default:return""}};return(0,p.jsxs)("div",{className:"b-blocks-input-field-passStrengthMeter-container",children:[(0,p.jsx)("div",{className:`b-blocks-input-field-passStrengthMeter ${n()}`}),(0,p.jsx)("div",{className:`b-blocks-input-field-passStrengthMeter ${e>1?n():""}`}),(0,p.jsx)("div",{className:`b-blocks-input-field-passStrengthMeter ${e>2?n():""}`}),(0,p.jsx)("div",{className:`b-blocks-input-field-passStrengthMeter ${e>3?n():""}`})]})},h=({value:t,validationText:e,strengthText:n})=>{const s=g(t),r=["veryWeak","weak","medium","strong"];return s>0&&(0,p.jsx)("div",{className:"b-blocks-input-field-passStrengthMeterText-container",children:(0,p.jsx)("div",{className:`b-blocks-input-field-passStrengthMeterText ${r[s-1]}Pass`,children:(o=s-1,("default"===e?{veryWeak:"Very Weak",weak:"Weak Password",medium:"Medium Password",strong:"Strong Password"}:n)[r[o]])})});var o},k=({attributes:t})=>{const[e,s]=(0,n.useState)(!1),[r,o]=(0,n.useState)(""),{inputField:i,label:a,styles:l,options:d,validation:c,password:g}=t,{type:k,placeholder:m,value:f,icon:x,name:y}=i,{text:w}=a,{label:v}=l,{position:j}=v,{isLabel:S,isRequired:z,isIcon:M,isShowRequiredIcon:N}=d,{errorMessage:P}=c,{options:W,strengthText:A}=g,{isValid:L,message:T}=((t,e,s={},r,o={},i={})=>{const{options:a={}}=o,{errorMessage:l}=i,[d,p]=(0,n.useState)(""),[c,u]=(0,n.useState)(!1),$=function(t,e=12,n=!1,s=!1,r=!1,o=!1){return!(!t?.length>=e||s&&!/[a-z]/.test(t)&&s||n&&!/[A-Z]/.test(t)&&n||r&&!/[0-9]/.test(t)&&r||o&&!/[^a-zA-Z0-9]/.test(t)&&o)}(t,a?.minLength,a?.isUpperCase,a?.isLowerCase,a?.isNumber,a?.isSpecialChar);return(0,n.useEffect)((()=>{!t&&r?(p(s[e].missing),u(!0)):"email"===e?/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(t)?(p(""),u(!1)):(p(s.email.invalid),u(!0),t||u(!1)):"password"===e?$||a.isWeek?(p(""),u(!1)):("default"===a.validationText?p(`${a.minLength} characters, Number, Uppercase, Lowercase, Special character`):p(l.password.customValidation),u(!0)):(p(""),u(!1))}),[$,r,e,t]),{message:d,isValid:c}})(r,k,P,z,g,c);return(0,p.jsxs)("div",{"data-iserror":L,className:`b-blocks-input-field-container label-position-${j} b-blocks-input-field-validation-${y}`,children:[w&&S&&(0,p.jsxs)("label",{htmlFor:y,className:"b-blocks-input-field-label",children:[w," ",z&&N&&(0,p.jsx)("span",{className:"b-blocks-input-field-required",children:"*"})," "]}),(0,p.jsxs)("div",{className:"b-blocks-input-field",children:[x&&M&&(0,p.jsx)("span",{className:"b-blocks-input-field-icon",dangerouslySetInnerHTML:{__html:x}}),(0,p.jsx)("input",{onChange:t=>o(t.target.value),type:(t=>"password"===t?e?"text":"password":t)(k),name:y,id:y,placeholder:m,...f&&{value:f},..."email"===k?{noValidate:!0}:{},..."password"===k?{autoComplete:"current-password"}:{}}),"password"===k&&W.isVisibilityIcon&&(e?(0,p.jsx)(u,{onClick:()=>s(!e),className:"b-blocks-input-field-passVisibilityIcon"}):(0,p.jsx)($,{onClick:()=>s(!e),className:"b-blocks-input-field-passVisibilityIcon"}))]}),(0,p.jsx)("span",{className:`b-blocks-input-field-error-message b-blocks-input-field-error-${y}`,children:T}),"password"===k&&(W.isStrengthMeter||W.isStrengthText)&&(0,p.jsxs)("div",{className:"b-blocks-input-field-passStrength-container",children:[W.isStrengthMeter&&(0,p.jsx)(b,{value:r}),W.isStrengthText&&(0,p.jsx)(h,{value:r,validationText:W.passStrengthText,strengthText:A})]})]})};document.addEventListener("DOMContentLoaded",(e=>{e.target.querySelectorAll(".wp-block-b-blocks-input-field[data-attributes]").forEach((e=>{let n=((t,e={})=>{if(t&&"object"==typeof t)return t;if(null==t)return e;const n=String(t).trim();if(!n||"undefined"===n||"null"===n)return e;try{return JSON.parse(n)}catch(t){return console.error("Invalid JSON:",t,n),e}})(e.dataset.attributes);n&&((0,t.createRoot)(e).render((0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(c,{attributes:n,id:e.id}),(0,p.jsx)(k,{attributes:n})]})),e.removeAttribute("data-attributes"))}))}))})();
1 +(()=>{"use strict";const t=window.ReactDOM,e=t=>!(null==t||""===t||Array.isArray(t)&&0===t.length||"object"==typeof t&&0===Object.keys(t).length||"string"==typeof t&&""===t.trim()||"number"==typeof t&&0===t);new class{constructor(t={}){this.defaultOptions={allowedTags:["svg","g","path","rect","circle","ellipse","line","polyline","polygon","text","tspan","defs","clipPath","mask","linearGradient","radialGradient","stop","style","title","desc"],allowedAttributes:["id","class","style","transform","xmlns","xmlns:xlink","version","baseProfile","xml:space","d","x","y","width","height","cx","cy","r","rx","ry","points","x1","y1","x2","y2","viewBox","preserveAspectRatio","overflow","fill","fill-opacity","fill-rule","stroke","stroke-width","stroke-linecap","stroke-linejoin","stroke-opacity","stroke-dasharray","stroke-dashoffset","stroke-miterlimit","opacity","color","paint-order","vector-effect","shape-rendering","display","visibility","clip-path","clip-rule","clipPathUnits","mask","maskUnits","maskContentUnits","offset","stop-color","stop-opacity","gradientUnits","gradientTransform","spreadMethod","fx","fy","fr","dx","dy","text-anchor","dominant-baseline","alignment-baseline","font-family","font-size","font-style","font-weight","letter-spacing","word-spacing","textLength","lengthAdjust","role","focusable","aria-hidden","aria-label","aria-labelledby","aria-describedby"],allowedProtocols:["http","https","data"],removeScripts:!0,removeEvents:!0,removeExternalResources:!0,sanitizeStyle:!0},this.options={...this.defaultOptions,...t},this.allowedTagSet=new Set(this.options.allowedTags.map((t=>t.toLowerCase()))),this.allowedAttributeSet=new Set(this.options.allowedAttributes.map((t=>t.toLowerCase())))}sanitize(t){if("string"!=typeof t||""===t.trim())return"";const e=(new DOMParser).parseFromString(t,"image/svg+xml"),s=e.documentElement;return!s||"svg"!==s.localName.toLowerCase()||e.getElementsByTagName("parsererror").length?"":(this.removeScripts(e),this.sanitizeElements(e),(new XMLSerializer).serializeToString(e.documentElement))}async sanitizeFile(t){const e=await fetch(t),s=await e.text();return this.sanitize(`${s}`)}removeScripts(t){this.options.removeScripts&&Array.from(t.querySelectorAll("*")).forEach((t=>{t.localName.toLowerCase().includes("script")&&t.remove()}))}sanitizeElements(t){Array.from(t.querySelectorAll("*")).forEach((t=>{const e=t.localName.toLowerCase();this.allowedTagSet.has(e)?("style"===e&&this.options.sanitizeStyle&&(t.textContent=this.sanitizeCss(t.textContent)),this.sanitizeAttributes(t)):t.remove()}))}sanitizeAttributes(t){Array.from(t.attributes).forEach((e=>{const s=e.name,n=s.toLowerCase(),r=e.value;if(this.options.removeEvents&&n.startsWith("on"))return void t.removeAttribute(s);if(this.options.removeExternalResources&&("href"===n||n.endsWith(":href"))&&!this.isAllowedUrl(r))return void t.removeAttribute(s);const o=n.replace("xlink:","");this.allowedAttributeSet.has(n)||this.allowedAttributeSet.has(o)?this.options.removeExternalResources&&this.hasExternalUrl(r)?t.removeAttribute(s):"style"===n&&this.options.sanitizeStyle&&t.setAttribute(s,this.sanitizeCss(r)):t.removeAttribute(s)}))}hasExternalUrl(t){return!("string"!=typeof t||!/url\s*\(/i.test(t))&&Array.from(t.matchAll(/url\s*\(\s*['"]?([^'")]*)/gi)).some((([,t])=>!t.trim().startsWith("#")))}isAllowedUrl(t){const e=String(t||"").trim();if(e.startsWith("#"))return!0;if(/^data:/i.test(e))return this.options.allowedProtocols.includes("data")&&/^data:image\/(png|jpe?g|gif|webp);base64,/i.test(e);try{return this.options.allowedProtocols.includes(new URL(e).protocol.replace(":",""))}catch{return!1}}sanitizeCss(t){return String(t||"").replace(/expression\s*\(/gi,"").replace(/javascript:/gi,"").replace(/behavior\s*:/gi,"").replace(/binding\s*:/gi,"").replace(/@import[^;]*;?/gi,"").replace(/url\s*\(\s*(['"]?)(?!#)[^)]*\)/gi,"none")}};const s=window.React,n="linear-gradient(135deg, #0040E3, #18D4FD)",r=t=>{const e=(t=>{try{const e=new URL(t);return["http:","https:"].includes(e.protocol)?e.toString():null}catch(e){return"string"==typeof t&&t.startsWith("/")&&!t.startsWith("//")?t:null}})(t);return e?`url('${e.replace(/['"()]/g,"")}')`:"none"},o=(t,s)=>e(s)?`${t}: ${s};`:"",i=(t,e=!0,s=!0,i=!0)=>{const{type:a="solid",color:l="",gradient:d=n,image:c={},position:p="center center",attachment:u="",repeat:g="no-repeat",size:h="",overlayColor:b=""}=t||{};return"gradient"===a&&s?o("background",d):"image"===a&&i?`background: ${r(c?.url)};\n\t\t\t\t${o("background-color",b)}\n\t\t\t\t${o("background-position",p)}\n\t\t\t\t${o("background-size",h)}\n\t\t\t\t${o("background-repeat",g)}\n\t\t\t\t${o("background-attachment",u)}\n\t\t\t\t${o("background-repeat",g)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&o("background",l)},a=t=>{if(!t)return"";const e=t=>{const{color:e="#000000",style:s="solid",width:n="0px"}=t;return`${n} ${s} ${e}`};return"object"!=typeof t||Array.isArray(t)?"":t.hasOwnProperty("top")||t.hasOwnProperty("right")||t.hasOwnProperty("bottom")||t.hasOwnProperty("left")?["top","right","bottom","left"].map((s=>t[s]?`border-${s}: ${e(t[s])};`:"")).join(" ").trim():o("border",e(t))},l=(t,e,s=!0)=>{const{fontFamily:n="Default",fontCategory:r="sans-serif",fontVariant:i=400,fontWeight:a,isUploadFont:l=!0,fontSize:d={desktop:null,tablet:null,mobile:null},fontStyle:c,textTransform:p,textDecoration:u,lineHeight:g,letterSpace:h}=e||{},b=!s||!n||"Default"===n,m=d?.desktop||d,$=d?.tablet||m,f=d?.mobile||$,k=t=>{const e=String(t);return["px","em","rem","%","vh","vw"].some((t=>e.endsWith(t)))?e:"number"==typeof t?`${e}px`:""},x=`\n\t\t${b?"":`font-family: '${n}', ${r};`}\n\t\t${o("font-weight",a)}\n\t\t${o("font-size",k(m))}\n\t\t${o("font-style",c)}\n\t\t${o("text-transform",p)}\n\t\t${o("text-decoration",u)}\n\t\t${o("line-height",g)}\n\t\t${o("letter-spacing",h)}\n\t`,y=i&&400!==i?"400i"===i?":ital@1":i?.includes("00i")?`: ital, wght@1, ${i?.replace("00i","00")} `:`: wght@${i} `:"",w=b?"":`https://fonts.googleapis.com/css2?family=${n?.split(" ").join("+")}${y.replace(/ /g,"")}&display=swap`;return{googleFontLink:!l||b?"":`@import url(${w});`,styles:`${t}{\n\t\t\t${x}\n\t\t}\n\t\t@media only screen and (max-width: 1024px) {\n\t\t\t${t}{\n\t\t\t\t${o("font-size",k($))}\n\t\t\t}\n\t\t}\n\t\t@media only screen and (max-width: 640px) {\n\t\t\t${t}{\n\t\t\t\t${o("font-size",k(f))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},d=t=>{if(!t)return"";if("string"==typeof t)return t;if("object"==typeof t&&!Array.isArray(t)){const e=["top","right","bottom","left"];return e.map((e=>t[e]||"")).every((t=>!t))?"":e.map((e=>t[e]||"0")).join(" ")}return""},c=window.ReactJSXRuntime,p=({attributes:t,id:s})=>{const{styles:n}=t,{inputField:r,label:p,icon:u,error:g,password:h}=n,{colors:b,normal:m,hover:$,focus:f}=r,{strength:k}=h,{container:x,meter:y,text:w}=k,v=`#${s}`,S=`${v} .b-blocks-input-field-container`,z=`${S} .b-blocks-input-field-label`,j=`${z} .b-blocks-input-field-required`,A=`${S} .b-blocks-input-field`,M=`${S} .b-blocks-input-field-passStrength-container`,P=`${M} .b-blocks-input-field-passStrengthMeter-container`,C=`${M} .b-blocks-input-field-passStrengthMeterText-container`,L=`${A} .b-blocks-input-field-passVisibilityIcon`,N=`${v} .b-blocks-input-field-error-container .b-blocks-input-field`,T=`${S} .b-blocks-input-field-error-message`,W=`${A} input`,E=`${A} .b-blocks-input-field-icon`,F=t=>{const{bg:e,border:s,shadow:n}=t;return`\n\t\t\t${i(e)}\n\t\t\t${a(s)}\n\t\t\t${o("box-shadow",((t,e="box")=>{let s="";return t?.map(((n,r)=>{const{hOffset:o="0px",vOffset:i="0px",blur:a="0px",spreed:l="0px",color:d="#e7f0fe",isInset:c=!1}=n||{},p=c?"inset":"",u=`${o} ${i} ${a}`,g=r+1>=t.length?"":", ";s+="text"===e?`${u} ${d}${g}`:`${u} ${l} ${d} ${p}${g}`})),s||""})(n))}\n\t`},O=(t,e="desktop")=>`\n\t\t${o("width",t[e].width)}\n\t\t${o("height",t[e].height)}\n\t\t${o("margin",d(t[e].margin))}\n\t\t${o("padding",d(t[e].padding))}\n\t\t${a(t.border)}\n\t\t${o("border-radius",d(t.radius))}\n\t`;return(0,c.jsx)("style",{
2 +dangerouslySetInnerHTML:{__html:`\n\t\t\t${l("",r.typo).googleFontLink}\n\t\t\t${l("",p.typo).googleFontLink}\n\t\t\t${l("",w.typography).googleFontLink}\n\t\t\t${l("",g.text.typo).googleFontLink}\n\t\t\t\n\t\t\t${l(W,r.typo).styles}\n\t\t\t${l(z,p.typo).styles}\n\t\t\t${l(T,g.text.typo).styles}\n\t\t\t${l(C,w.typography).styles}\n\n\t\t\t${W}{\n\t\t\t\t${o("color",b.text)}\n\t\t\t\t${F(m)}\n\t\t\t\t${o("padding",d(r.desktop.padding))}\n\t\t\t\t${o("border-radius",d(m.radius.desktop))}\n\t\t\t}\n\t\t\t${W}::placeholder{\n\t\t\t\t${o("color",b.placeholder)}\n\t\t\t}\n\t\t\t${W}:hover{\n\t\t\t\t${F($)}\n\t\t\t\t${o("border-radius",d($.radius.desktop))}\n\t\t\t}\n\t\t\t${W}:focus{\n\t\t\t\t${F(f)}\n\t\t\t\t${o("border-radius",d(f.radius.desktop))}\n\t\t\t}\n\t\t\t${z}{\n\t\t\t\t${o("color",p.colors.text)}\n\t\t\t\t${o("margin",d(p.desktop.margin))}\n\t\t\t}\n\t\t\t${j}{\n\t\t\t\t${o("color",p.colors.required)}\n\t\t\t}\n\t\t\t${E}{\n\t\t\t\t${o("left",e(u.field.desktop.position.x)?u.field.desktop.position.x+"px":"")}\n\t\t\t\t${o("top",e(u.field.desktop.position.y)?u.field.desktop.position.y+"px":"")}\n\t\t\t}\n\t\t\t${E}>svg{\n\t\t\t\t${o("fill",u.field.color)}\n\t\t\t\t${o("height",e(u.field.desktop.size)?u.field.desktop.size+"px":"")}\n\t\t\t\t${o("width",e(u.field.desktop.size)?u.field.desktop.size+"px":"")}\n\t\t\t}\n\t\t\t${L}{\n\t\t\t\t${o("fill",u.password.color)}\n\t\t\t\t${o("height",e(u.password.desktop.size)?u.password.desktop.size+"px":"")}\n\t\t\t\t${o("width",e(u.password.desktop.size)?u.password.desktop.size+"px":"")}\n\t\t\t\t${o("right",e(u.password.desktop.position.x)?u.password.desktop.position.x+"px":"")}\n\t\t\t\t${o("top",e(u.password.desktop.position.y)?u.password.desktop.position.y+"px":"")}\n\t\t\t}\n\n\t\t\t${N}>input{\n\t\t\t\t\t${o("margin",d(g.input.desktop.margin))}\n\t\t\t\t\t${o("padding",d(g.input.desktop.padding))}\n\t\t\t\t\t${a(g.input.desktop.border)}\n\t\t\t\t\t${o("border-radius",d(g.input.desktop.radius))}\n\t\t\t}\n\t\t\t\n\t\t\t${T}{\n\t\t\t\t\t${o("color",g.text.color)}\n\t\t\t\t\t${o("margin",d(g.text.desktop.margin))}\n\t\t\t\t\t${o("padding",d(g.text.desktop.padding))}\n\t\t\t\t\t${a(g.text.desktop.border)}\n\t\t\t\t\t${o("border-radius",d(g.text.desktop.radius))}\n\t\t\t\t\t${i(g.text.bg)}\n\t\t\t}\n\n\t\t\t${M}{\n\t\t\t\t${O(x,"desktop")}\n\t\t\t\t${i(x.bg)}\n\t\t\t}\n\n\t\t\t${P}{\n\t\t\t\t${o("gap",y.gap)}\n\t\t\t}\n\n\t\t\t${P} .b-blocks-input-field-passStrengthMeter{\n\t\t\t\t${O(y,"desktop")}\n\t\t\t}\n\t\t\t\n\t\t\t${P}>.veryWeakPass{\n\t\t\t\t\t${o("background-color",h.strength.colors.veryWeak)}\n\t\t\t}\n\t\t\t${P}>.weakPass{\n\t\t\t\t\t${o("background-color",h.strength.colors.weak)}\n\t\t\t}\n\t\t\t${P}>.mediumPass{\n\t\t\t\t\t${o("background-color",h.strength.colors.medium)}\n\t\t\t}\n\t\t\t${P}>.strongPass{\n\t\t\t\t\t${o("background-color",h.strength.colors.strong)}\n\t\t\t}\n\n\t\t\t${C}{\n\t\t\t\t\t${o("margin",d(w.desktop.margin))}\n\t\t\t}\n\n\t\t\t${C}>.veryWeakPass{\n\t\t\t\t\t${o("color",h.strength.colors.veryWeak)}\n\t\t\t}\n\t\t\t${C}>.weakPass{\n\t\t\t\t\t${o("color",h.strength.colors.weak)}\n\t\t\t}\n\t\t\t${C}>.mediumPass{\n\t\t\t\t\t${o("color",h.strength.colors.medium)}\n\t\t\t}\n\t\t\t${C}>.strongPass{\n\t\t\t\t\t${o("color",h.strength.colors.strong)}\n\t\t\t}\n\n\n\t`}})};function u(t){return(0,c.jsx)("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",version:"1.1",viewBox:"0 0 16 16",...t,xmlns:"http://www.w3.org/2000/svg",children:(0,c.jsx)("path",{d:"M8 3c-3.489 0-6.514 2.032-8 5 1.486 2.968 4.511 5 8 5s6.514-2.032 8-5c-1.486-2.968-4.511-5-8-5zM11.945 5.652c0.94 0.6 1.737 1.403 2.335 2.348-0.598 0.946-1.395 1.749-2.335 2.348-1.181 0.753-2.545 1.152-3.944 1.152s-2.763-0.398-3.945-1.152c-0.94-0.6-1.737-1.403-2.335-2.348 0.598-0.946 1.395-1.749 2.335-2.348 0.061-0.039 0.123-0.077 0.185-0.114-0.156 0.427-0.241 0.888-0.241 1.369 0 2.209 1.791 4 4 4s4-1.791 4-4c0-0.481-0.085-0.942-0.241-1.369 0.062 0.037 0.124 0.075 0.185 0.114v0zM8 6.5c0 0.828-0.672 1.5-1.5 1.5s-1.5-0.672-1.5-1.5 0.672-1.5 1.5-1.5 1.5 0.672 1.5 1.5z"})})}function g(t){return(0,c.jsxs)("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",version:"1.1",viewBox:"0 0 16 16",...t,height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg",children:[(0,c.jsx)("path",{d:"M14.78 0.22c-0.293-0.293-0.768-0.293-1.061 0l-3.159 3.159c-0.812-0.246-1.671-0.378-2.561-0.378-3.489 0-6.514 2.032-8 5 0.643 1.283 1.573 2.391 2.703 3.236l-2.484 2.484c-0.293 0.293-0.293 0.768 0 1.061 0.146 0.146 0.338 0.22 0.53 0.22s0.384-0.073 0.53-0.22l13.5-13.5c0.293-0.293 0.293-0.768 0-1.061zM6.5 5c0.66 0 1.22 0.426 1.421 1.019l-1.902 1.902c-0.592-0.201-1.019-0.761-1.019-1.421 0-0.828 0.672-1.5 1.5-1.5zM1.721 8c0.598-0.946 1.395-1.749 2.335-2.348 0.061-0.039 0.123-0.077 0.185-0.114-0.156 0.427-0.241 0.888-0.241 1.369 0 0.858 0.27 1.652 0.73 2.303l-0.952 0.952c-0.819-0.576-1.519-1.311-2.057-2.162z"}),(0,c.jsx)("path",{d:"M12 6.906c0-0.424-0.066-0.833-0.189-1.217l-5.028 5.028c0.384 0.123 0.793 0.189 1.217 0.189 2.209 0 4-1.791 4-4z"}),(0,c.jsx)("path",{d:"M12.969 4.531l-1.084 1.084c0.020 0.012 0.040 0.024 0.059 0.037 0.94 0.6 1.737 1.403 2.335 2.348-0.598 0.946-1.395 1.749-2.335 2.348-1.181 0.753-2.545 1.152-3.944 1.152-0.604 0-1.202-0.074-1.781-0.219l-1.201 1.201c0.933 0.335 1.937 0.518 2.982 0.518 3.489 0 6.514-2.032 8-5-0.703-1.405-1.752-2.6-3.031-3.469z"})]})}const h=t=>{let e=0;return t.length>=6&&(e+=1),/[A-Z]/.test(t)&&(e+=1),/[0-9]/.test(t)&&(e+=1),/[^a-zA-Z0-9]/.test(t)&&(e+=1),e},b=({value:t})=>{const e=h(t),s=()=>{switch(e){case 1:return"veryWeakPass";case 2:return"weakPass";case 3:return"mediumPass";case 4:return"strongPass";default:return""}};return(0,c.jsxs)("div",{className:"b-blocks-input-field-passStrengthMeter-container",children:[(0,c.jsx)("div",{className:`b-blocks-input-field-passStrengthMeter ${s()}`}),(0,c.jsx)("div",{className:`b-blocks-input-field-passStrengthMeter ${e>1?s():""}`}),(0,c.jsx)("div",{className:`b-blocks-input-field-passStrengthMeter ${e>2?s():""}`}),(0,c.jsx)("div",{className:`b-blocks-input-field-passStrengthMeter ${e>3?s():""}`})]})},m=({value:t,validationText:e,strengthText:s})=>{const n=h(t),r=["veryWeak","weak","medium","strong"];return n>0&&(0,c.jsx)("div",{className:"b-blocks-input-field-passStrengthMeterText-container",children:(0,c.jsx)("div",{className:`b-blocks-input-field-passStrengthMeterText ${r[n-1]}Pass`,children:(o=n-1,("default"===e?{veryWeak:"Very Weak",weak:"Weak Password",medium:"Medium Password",strong:"Strong Password"}:s)[r[o]])})});var o},$=({attributes:t})=>{const[e,n]=(0,s.useState)(!1),[r,o]=(0,s.useState)(""),{inputField:i,label:a,styles:l,options:d,validation:p,password:h}=t,{type:$,placeholder:f,value:k,icon:x,name:y}=i,{text:w}=a,{label:v}=l,{position:S}=v,{isLabel:z,isRequired:j,isIcon:A,isShowRequiredIcon:M}=d,{errorMessage:P}=p,{options:C,strengthText:L}=h,{isValid:N,message:T}=((t,e,n={},r,o={},i={})=>{const{options:a={}}=o,{errorMessage:l}=i,[d,c]=(0,s.useState)(""),[p,u]=(0,s.useState)(!1),g=function(t,e=12,s=!1,n=!1,r=!1,o=!1){return!(!t?.length>=e||n&&!/[a-z]/.test(t)&&n||s&&!/[A-Z]/.test(t)&&s||r&&!/[0-9]/.test(t)&&r||o&&!/[^a-zA-Z0-9]/.test(t)&&o)}(t,a?.minLength,a?.isUpperCase,a?.isLowerCase,a?.isNumber,a?.isSpecialChar);return(0,s.useEffect)((()=>{!t&&r?(c(n[e].missing),u(!0)):"email"===e?/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(t)?(c(""),u(!1)):(c(n.email.invalid),u(!0),t||u(!1)):"password"===e?g||a.isWeek?(c(""),u(!1)):("default"===a.validationText?c(`${a.minLength} characters, Number, Uppercase, Lowercase, Special character`):c(l.password.customValidation),u(!0)):(c(""),u(!1))}),[g,r,e,t]),{message:d,isValid:p}})(r,$,P,j,h,p);return(0,c.jsxs)("div",{"data-iserror":N,className:`b-blocks-input-field-container label-position-${S} b-blocks-input-field-validation-${y}`,children:[w&&z&&(0,c.jsxs)("label",{htmlFor:y,className:"b-blocks-input-field-label",children:[w," ",j&&M&&(0,c.jsx)("span",{
3 +className:"b-blocks-input-field-required",children:"*"})," "]}),(0,c.jsxs)("div",{className:"b-blocks-input-field",children:[x&&A&&(0,c.jsx)("span",{className:"b-blocks-input-field-icon",dangerouslySetInnerHTML:{__html:x}}),(0,c.jsx)("input",{onChange:t=>o(t.target.value),type:(t=>"password"===t?e?"text":"password":t)($),name:y,id:y,placeholder:f,...k&&{value:k},..."email"===$?{noValidate:!0}:{},..."password"===$?{autoComplete:"current-password"}:{}}),"password"===$&&C.isVisibilityIcon&&(e?(0,c.jsx)(u,{onClick:()=>n(!e),className:"b-blocks-input-field-passVisibilityIcon"}):(0,c.jsx)(g,{onClick:()=>n(!e),className:"b-blocks-input-field-passVisibilityIcon"}))]}),(0,c.jsx)("span",{className:`b-blocks-input-field-error-message b-blocks-input-field-error-${y}`,children:T}),"password"===$&&(C.isStrengthMeter||C.isStrengthText)&&(0,c.jsxs)("div",{className:"b-blocks-input-field-passStrength-container",children:[C.isStrengthMeter&&(0,c.jsx)(b,{value:r}),C.isStrengthText&&(0,c.jsx)(m,{value:r,validationText:C.passStrengthText,strengthText:L})]})]})};document.addEventListener("DOMContentLoaded",(e=>{e.target.querySelectorAll(".wp-block-b-blocks-input-field[data-attributes]").forEach((e=>{let s=((t,e={})=>{if(t&&"object"==typeof t)return t;if(null==t)return e;const s=String(t).trim();if(!s||"undefined"===s||"null"===s)return e;try{return JSON.parse(s)}catch(t){return console.error("Invalid JSON:",t,s),e}})(e.dataset.attributes);s&&((0,t.createRoot)(e).render((0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(p,{attributes:s,id:e.id}),(0,c.jsx)($,{attributes:s})]})),e.removeAttribute("data-attributes"))}))}))})();