"use strict";(self.webpackChunkcomplianz_gdpr=self.webpackChunkcomplianz_gdpr||[]).push([[3549],{13549:(e,l,t)=>{t.r(l),t.d(l,{default:()=>i});var a=t(51609),r=t(27723),d=t(4219);const i=e=>{const{updateField:l,setChangedField:t}=(0,d.default)(),i=(a,r)=>{let d={...e.field.value};d[a]=r,l(e.field.id,d),t(e.field.id,d)},m=e.field.value.hasOwnProperty("top")?e.field.value.top:e.field.default.top,n=e.field.value.hasOwnProperty("right")?e.field.value.right:e.field.default.right,p=e.field.value.hasOwnProperty("bottom")?e.field.value.bottom:e.field.default.bottom,c=e.field.value.hasOwnProperty("left")?e.field.value.left:e.field.default.left,u=e.field.value.hasOwnProperty("type")?e.field.value.type:e.field.default.type,s="%"===u?"cmplz-inactive":"",o="px"===u?"cmplz-inactive":"";return(0,a.createElement)("div",null,(0,a.createElement)("div",{className:"cmplz-borderradius-label"},e.label),(0,a.createElement)("div",{className:"cmplz-borderradius-control"},(0,a.createElement)("div",{className:"cmplz-borderradius-element"},(0,a.createElement)("div",{className:"cmplz-borderradius-element-label"},(0,r.__)("Top","complianz-gdpr")),(0,a.createElement)("input",{type:"number",key:"1",onChange:e=>i("top",e.target.value),value:m})),(0,a.createElement)("div",{className:"cmplz-borderradius-element"},(0,a.createElement)("div",{className:"cmplz-borderradius-element-label"},(0,r.__)("Right","complianz-gdpr")),(0,a.createElement)("input",{type:"number",key:"2",onChange:e=>i("right",e.target.value),value:n})),(0,a.createElement)("div",{className:"cmplz-borderradius-element"},(0,a.createElement)("div",{className:"cmplz-borderradius-element-label"},(0,r.__)("Bottom","complianz-gdpr")),(0,a.createElement)("input",{type:"number",key:"3",onChange:e=>i("bottom",e.target.value),value:p})),(0,a.createElement)("div",{className:"cmplz-borderradius-element"},(0,a.createElement)("div",{className:"cmplz-borderradius-element-label"},(0,r.__)("Left","complianz-gdpr")),(0,a.createElement)("input",{type:"number",key:"4",onChange:e=>i("left",e.target.value),value:c})),(0,a.createElement)("div",{className:"cmplz-borderradius-inputtype"},(0,a.createElement)("div",{className:"cmplz-borderradius-inputtype-pixel "+s,onClick:()=>i("type","px")},"px"),(0,a.createElement)("div",{className:"cmplz-borderradius-inputtype-percent "+o,onClick:()=>i("type","%")},"%"))))}}}]);