| 1 |
import{a as g,g as y,i as b,u as v,m as x,H as I,j as r,em as S,_ as s,en as _,f as j,bI as w,b1 as A}from"./main-96.js";import{F as a}from"./bf-460-326.js";import{A as F}from"./bf-721-323.js";import{E as $}from"./bf-765-167.js";import{S as P}from"./bf-283-176.js";import"./bf-200-43.js";import"./bf-781-46.js";import"./bf-431-60.js";/* empty css */import"./bf-63-62.js";import"./bf-762-63.js";import"./bf-285-324.js";import"./bf-245-208.js";import"./bf-870-206.js";import"./bf-550-57.js";import"./bf-621-177.js";import"./bf-163-182.js";import"./bf-405-178.js";import"./bf-678-179.js";import"./bf-542-181.js";import"./bf-687-180.js";import"./bf-403-183.js";import"./bf-235-184.js";import"./bf-235-185.js";import"./bf-551-68.js";import"./bf-890-186.js";import"./bf-682-187.js";import"./bf-825-45.js";import"./bf-894-52.js";import"./bf-580-188.js";import"./bf-20-55.js";import"./bf-135-189.js";import"./bf-377-190.js";import"./bf-624-191.js";import"./bf-859-210.js";import"./bf-178-325.js";import"./bf-994-212.js";import"./bf-828-327.js";import"./bf-29-328.js";const L=`${s("Input Mask allows you to specify a pattern for the input field, helping users enter data in the correct format.")} <a target='_blank' rel='noreferrer' href='https://bitapps.pro/docs/bit-form/form-fields/wp-docs-form-fields-input-mask-field/'>${s("Learn more")}</a>`;function gt(){const{css:o}=g(),{fieldKey:e}=y(),[p,u]=b(A),c=v(x);if(!e)return null;const t=I(p[e]),f=t.adminLbl||"",n=t.valid.inputMask||"",i=c.err||{},k=h=>{var d;const{value:m}=h.target;m===""?delete t.valid.inputMask:(t.valid.inputMask=_(m),t.err||(t.err={}),t.err.inputMask||(t.err.inputMask={}),t.err.inputMask.dflt=((d=i[t.typ])==null?void 0:d.inputMask)||(i==null?void 0:i.inputMask)||`<p style="margin:0">${s("Pattern not matched")}</p>`,t.err.inputMask.show=!0);const l=j(p,M=>{M[e]=t});u(l),w({event:`Input Mask updated: ${t.lbl||f||e}`,type:"set_input_mask",state:{fields:l,fldKey:e}})};return r.jsx(P,{id:"inp-msk-stng",title:s("Input Mask"),className:o(a.fieldSection,a.hover_tip),tip:L,tipProps:{width:250,icnSize:17},children:r.jsxs("div",{className:o(a.placeholder),children:[r.jsx(F,{id:"input-mask",ariaLabel:"Input mask for this Field",placeholder:"e.g. (999) 999-9999",value:S(n),changeAction:k}),n&&r.jsx($,{id:"ptrn-stng-expn",type:"inputMask",title:"Error Message",tipTitle:s("This message is shown when the entered value does not complete the input mask.")})]})})}export{gt as default}; |
