"use strict";(globalThis.webpackChunkcomplianz_gdpr=globalThis.webpackChunkcomplianz_gdpr||[]).push([[1030,2945],{11030:(e,l,i)=>{i.r(l),i.d(l,{default:()=>n});var a=i(86087),d=i(32945),o=i(45316),c=i(4219),r=i(10790);const t=e=>{const{updateField:l,setChangedField:i}=(0,c.default)(),[t,n]=(0,a.useState)(),s=e.field.value.hasOwnProperty(e.item.fieldname)?e.field.value[e.item.fieldname]:e.field.default[e.item.fieldname],m=e.item.label;return(0,r.jsxs)(o.bL,{children:[(0,r.jsx)(o.l9,{children:(0,r.jsxs)("div",{className:"cmplz-color-picker-control-item",onClick:e=>{n(e.currentTarget)},children:[(0,r.jsx)("div",{className:"cmplz-color-picker-color",style:{backgroundColor:s}}),m]})}),(0,r.jsx)(o.ZL,{children:(0,r.jsx)(o.UC,{children:(0,r.jsx)(d.default,{colorValue:s,onChangeComplete:(a,d)=>{let o={...e.field.value};o[e.item.fieldname]=a.hex,l(e.field.id,o),i(e.field.id,o)}})})})]})},n=(0,a.memo)((e=>(0,r.jsx)("div",{className:"cmplz-color-picker-control",children:e.field.fields.map(((l,i)=>(0,r.jsx)(t,{item:l,field:e.field},i)))})))},32945:(e,l,i)=>{i.r(l),i.d(l,{default:()=>c});var a=i(68394),d=i(86087),o=i(10790);const c=(0,d.memo)((({colorValue:e,onChangeComplete:l})=>{const[i,c]=(0,d.useState)(e);return(0,o.jsx)(a.xk,{color:i,onChange:e=>{c(e.hex)},onChangeComplete:l,disableAlpha:!0})}))}}]);