(0,r.__)("Gradient control point at position %1$s%% with color code %2$s."),n,o),"aria-describedby":s,"aria-haspopup":"true","aria-expanded":a,className:R()("components-custom-gradient-picker__control-point-button",{"is-active":a})},i)),(0,e.createElement)(D.VisuallyHidden,{id:s},(0,r.__)("Use your left or right arrow keys or drag and drop with the mouse to change the gradient position. Press the button to change the color or remove the control point.")))}functionke(t){let{popoverRef:a,isRenderedInSidebar:n,className:o,...r}=t;consti=(0,e.useMemo)((()=>({placement:"bottom",offset:8,flip:!1})),[]),s=R()("components-custom-gradient-picker__control-point-dropdown",o);return(0,e.createElement)(ye,(0,T.Z)({isRenderedInSidebar:n,popoverRef:a,popoverProps:i,className:s},r))}functionxe(e,t){if(!e)return"";if(!t)returne;if(e.startsWith("var(--global-")){leta=e.replace("var(--global-","");a=a.substring(0,9),a=a.replace(",","");constn=t.find((e=>e.slug===a));if(n)returnn.color}returne}function_e(t){let{disableRemove:a,gradientPickerDomRef:n,ignoreMarkerPosition:i,value:s,onChange:l,onStartControlPointChange:c,onStopControlPointChange:u,isRenderedInSidebar:h,popoverRef:d,activePalette:p}=t;constm=(0,e.useRef)(),v=e=>{constt=ge(e.clientX,n.current),{initialPosition:a,index:o,significantMoveHappened:r}=m.current;!r&&Math.abs(a-t)>=5&&(m.current.significantMoveHappened=!0),l(me(s,o,t))},f=()=>{window&&window.removeEventListener&&m.current&&m.current.listenersActivated&&(window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",f),u(),m.current.listenersActivated=!1)},g=(0,e.useRef)();g.current=f,(0,e.useEffect)((()=>()=>{g.current()}),[]);constb=p||(0,le.useSetting)("color.palette");returns.map(((t,n)=>{constp=null==t?void0:t.position,g=xe(t.color,b);returni!==p&&(0,e.createElement)(ke,{isRenderedInSidebar:h,key:n,popoverRef:d,onClose:u,renderToggle:a=>{let{isOpen:o,onToggle:r}=a;return(0,e.createElement)(Ee,{key:n,onClick:()=>{m.current&&m.current.significantMoveHappened||(o?u():c(),r())},onMouseDown:()=>{window&&window.addEventListener&&(m.current={initialPosition:p,index:n,significantMoveHappened:!1,listenersActivated:!0},c(),window.addEventListener("mousemove",v),window.addEventListener("mouseup",f))},onKeyDown:e=>{"ArrowLeft"===e.code?(e.stopPropagation(),l(me(s,n,he(t.position-10)))):"ArrowRight"===e.code&&(e.stopPropagation(),l(me(s,n,he(t.position+10))))},isOpen:o,position:t.position,color:t.color})},renderContent:t=>{let{onClose:i}=t;return(0,e.createElement)("div",{className:"kadence-pop-gradient-color-picker"},(0,e.createElement)(D.__experimentalHStack,{className:"components-custom-gradient-picker__remove-control-point-wrapper",alignment:"center"},(0,e.createElement)(D.Button,{onClick:()=>{i()},variant:"link"},(0,r.__)("Close Color Picker","kadence"))),(0,e.createElement)(M,{color:g,onChange:e=>{l(ve(s,n,se(e.rgb).toRgbString()))},onChangeComplete:e=>{l(ve(s,n,se(e.rgb).toRgbString()))}}),b&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{style:{paddingTop:"15px",paddingBottom:"15px"},className:"kadence-swatches-wrap"},(0,o.map)(b,(t=>{let{color:a,slug:o,name:r}=t;consti=`${a}${o||""}`,c=o.replace("theme-",""),u=o.startsWith("palette")&&g===a;return(0,e.createElement)("div",{key:i,style:{width:26,height:26,marginBottom:0,transform:"scale(1)",transition:"100ms transform ease"},className:"kadence-swatche-item-wrap"},(0,e.createElement)(D.Button,{className:"kadence-swatch-item "+(u?"swatch-active":"swatch-inactive"),style:{height:"100%",width:"100%",border:"1px solid rgb(218, 218, 218)",borderRadius:"50%",color:"palette10"===o?"var(--global-palette10)":`${a}`,boxShadow:"inset 0 0 0 13px",transition:"100ms box-shadow ease"},onClick:()=>{o.startsWith("palette")?l(ve(s,n,"var(--global-"+c+","+a+")")):l(ve(s,n,se(a).toRgbString()))},tabIndex:0},(0,e.createElement)(D.Icon,{className:"dashicon",icon:be})))})))),!a&&s.length>2&&(0,e.createElement)(D.__experimentalHStack,{className:"components-custom-gradient-picker__remove-control-point-wrapper",alignment:"center"},(0,e.createEleme