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