import{a as u,g as f,i as h,H as x,j as o,_ as y,f as M,bI as g,b1 as F}from"./main-762.js";import{F as s}from"./bf-850-326.js";import{t as b}from"./bf-842-324.js";import{S as j}from"./bf-45-176.js";import"./bf-747-208.js";import"./bf-537-206.js";import"./bf-685-46.js";import"./bf-111-180.js";import"./bf-848-68.js";import"./bf-81-43.js";import"./bf-871-60.js";/* empty css         */import"./bf-435-62.js";import"./bf-653-63.js";import"./bf-775-182.js";const I=["none","text","decimal","numeric","tel","search","email","url"];function D(){const{css:n}=u(),{fieldKey:t}=f(),[p,d]=h(F);if(!t)return null;const i=x(p[t]),a=i.adminLbl||"",l=i.inputMode||"text",m=({target:{value:e}})=>{e!==""&&(i.inputMode=e);const r=M(p,c=>{c[t]=i});d(r),g({event:`Field Input mode update to ${e}: ${i.lbl||a||t}`,type:"change_input_mode",state:{fields:r,fldKey:t}})};return o.jsx(j,{id:"inp-mod-stng",title:y("Input mode"),className:n(s.fieldSection,s.hover_tip),tip:b.inputMode,tipProps:{width:250,icnSize:17},isPro:!0,proProperty:"inputMode",children:o.jsx("div",{className:n(s.placeholder),children:o.jsx("select",{"data-testid":"inp-mod-stng-slct",className:n(s.input),"aria-label":"Input mode for this Field",placeholder:"Type field inpur mode here...",value:l,onChange:m,children:I.map(e=>o.jsx("option",{value:e,children:e},e))})})})}export{D as default};