@formkit/pro/togglebuttons/index.mjs

FormKit Pro — Form inputs and tools for high quality forms.

import{createSectionFactory as e,createBaseSections as l}from"../index.mjs";const a=/* #__PURE__ */e("tb"),{outer:i,inner:t,wrapper:s,prefix:n,suffix:o,help:$,messages:d,message:r,icon:b}=/* #__PURE__ */l(a),p=a("label",(()=>({if:"$label",$el:"label",attrs:{id:"$id + '_label'"}}))),u=a("singleToggle",(()=>({bind:"$attrs",$el:"button",attrs:{id:"$id",type:"button","aria-label":"$label","aria-pressed":"$fns.isChecked($onValue, $value)",onClick:"$handlers.toggleValue()",disabled:"$disabled",class:"$classes.input",onBlur:"$handlers.blur"}}))),c=a("multiToggle",(()=>({bind:"$attrs",$el:"button",attrs:{type:"button",id:"$id+'_'+$index","aria-label":"$label","aria-pressed":"$fns.isChecked($option, $value)",onClick:"$handlers.toggleValue($option)",class:"$classes.input",title:"$option.help",disabled:"$disabled || $option.disabled",onBlur:"$handlers.blur"}}))),g=a("inputInner",(()=>({bind:"$attrs",$el:"span"}))),f=a("options",(()=>({$el:"ul",attrs:{id:"$id","data-vertical":'$vertical && "true" || "false"',"aria-labelledby":"$id"}}))),h=a("option",(()=>({$el:"li",for:["option","index","$options"],attrs:{key:"$option.value","data-index":"$index"}})));export{g as buttonInput,a as createSection,$ as help,b as icon,t as inner,p as label,r as message,d as messages,c as multiToggle,h as option,f as options,i as outer,n as prefix,u as singleToggle,o as suffix,s as wrapper};