import{a as y,C as I,m as c,g as r,F as k,H as S,I as x,u as a,p as e,P as R,D as B,M as D,ac as O,Z as w}from"./convert-case-to-camel-case.utils-DDUpNI96.js";import{u as z}from"./useSingleOptionChildShared-BHJplqM1.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./widget-BUAABBRb.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./_commonjs-dynamic-modules-TDtrdbi3.js";import"./translationsStore-DBJu9sBR.js";import"./color-filter.utils-DukMf1cu.js";const M={class:"ccb-default-image-radio-withicon ccb-radio-img-grid"},N=["onClick"],W={class:"ccb-radio-image__box"},E=["src","alt"],H={class:"ccb-radio-image__info"},L={class:"ccb-radio-image__title-box"},P={class:"ccb-radio-image__label"},T=["name","value"],U=y({__name:"WithIcon",props:{options:{},alias:{},current:{},repeater:{},field:{}},emits:["update"],setup(m,{emit:_}){const p=_,d=m,{options:u,field:g}=I(d),{optionValues:o,changeValue:f,getName:b,current:n,getCurrentIndex:h,getImageStyles:v}=z(d,p),V=s=>{var t;s&&((t=n==null?void 0:n.value)==null?void 0:t.optionValue)!==s.optionValue&&(o.value=s.optionValue,f())};return(s,t)=>(r(),c("div",M,[(r(!0),c(k,null,S(a(u),(i,l)=>(r(),c("div",{key:l,class:x(["ccb-radio-image",{selected:l===a(h),"ccb-option-disabled":a(g).disableOptions.includes(l)}]),onClick:()=>V(i)},[e("div",W,[e("img",{src:i.icon,alt:"radio-image-field-"+l,style:R(a(v))},null,12,E)]),e("div",H,[e("div",L,[e("span",P,B(i.optionText),1)])]),e("label",null,[D(e("input",{"onUpdate:modelValue":t[0]||(t[0]=C=>w(o)?o.value=C:null),type:"radio",name:a(b),value:i.optionValue},null,8,T),[[O,a(o)]])])],10,N))),128))]))}}),X=F(U,[["__scopeId","data-v-f861559c"]]);export{X as default};
//# sourceMappingURL=WithIcon-C0OpEsID.js.map
