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