(window.blocksyJsonP=window.blocksyJsonP||[]).push([[2],{371:function(e,t,r){"use strict";r.r(t),r.d(t,"default",(function(){return tt}));var n=r(1),o=r(0),a=r(7),i=r(3),c=r.n(i),l=r(370),s=r(337);function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function p(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function b(e){let{actions:t,className:r,options:n,children:a}=e;return Object(o.createElement)("div",{className:c()("components-circular-option-picker",r)},Object(o.createElement)("div",{className:"components-circular-option-picker__swatches"},n),a,t&&Object(o.createElement)("div",{className:"components-circular-option-picker__custom-clear-wrapper"},t))}b.Option=function(e){let{className:t,isSelected:r,selectedIconProps:n,tooltipText:i}=e,b=p(e,["className","isSelected","selectedIconProps","tooltipText"]);const d=Object(o.createElement)(a.Button,u({isPressed:r,className:"components-circular-option-picker__option"},b));return Object(o.createElement)("div",{className:c()(t,"components-circular-option-picker__option-wrapper")},i?Object(o.createElement)(a.Tooltip,{text:i},d):d,r&&Object(o.createElement)(l.a,u({icon:s.a},n||{})))},b.ButtonAction=function(e){let{className:t,children:r}=e,n=p(e,["className","children"]);return Object(o.createElement)(a.Button,u({className:c()("components-circular-option-picker__clear",t),isSmall:!0,variant:"secondary"},n),r)},b.DropdownLinkAction=function(e){let{buttonProps:t,className:r,dropdownProps:n,linkText:i}=e;return Object(o.createElement)(a.Dropdown,u({className:c()("components-circular-option-picker__dropdown-link-action",r),renderToggle:e=>{let{isOpen:r,onToggle:n}=e;return Object(o.createElement)(a.Button,u({"aria-expanded":r,"aria-haspopup":"true",onClick:n,variant:"link"},t),i)}},n))};var d=r(153),g=r.n(d),m=r(59),O=r.n(m),f=r(49),h=r(346),y=r.n(h),j=r(115),v=r(343),E=r.n(v);function _(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return Object(j.a)(e).alpha(t).toRgbString()}function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){k(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function k(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Object(j.b)([E.a]);const S={black:"#000",white:"#fff"},C={blue:{medium:{focus:"#007cba",focusDark:"#fff"}},gray:{900:"#1e1e1e",700:"#757575",600:"#949494",400:"#ccc",200:"#ddd",100:"#f0f0f0"},darkGray:{primary:"#1e1e1e",heading:"#050505"},mediumGray:{text:"#757575"},lightGray:{ui:"#949494",secondary:"#ccc",tertiary:"#e7e8e9"}},x={900:"#191e23",800:"#23282d",700:"#32373c",600:"#40464d",500:"#555d66",400:"#606a73",300:"#6c7781",200:"#7e8993",150:"#8d96a0",100:"#8f98a1",placeholder:_(C.gray[900],.62)},R={900:_("#000510",.9),800:_("#00000a",.85),700:_("#06060b",.8),600:_("#000913",.75),500:_("#0a1829",.7),400:_("#0a1829",.65),300:_("#0e1c2e",.62),200:_("#162435",.55),100:_("#223443",.5),backgroundFill:_(x[700],.7)},I={900:_("#304455",.45),800:_("#425863",.4),700:_("#667886",.35),600:_("#7b86a2",.3),500:_("#9197a2",.25),400:_("#95959c",.2),300:_("#829493",.15),200:_("#8b8b96",.1),100:_("#747474",.05)},N={900:"#a2aab2",800:"#b5bcc2",700:"#ccd0d4",600:"#d7dade",500:"#e2e4e7",400:"#e8eaeb",300:"#edeff0",200:"#f3f4f5",100:"#f8f9f9",placeholder:_(S.white,.65)},T={900:_(S.white,.5),800:_(S.white,.45),700:_(S.white,.4),600:_(S.white,.35),500:_(S.white,.3),400:_(S.white,.25),300:_(S.white,.2),200:_(S.white,.15),100:_(S.white,.1),backgroundFill:_(N[300],.8)},D={wordpress:{700:"#00669b"},dark:{900:"#0071a1"},medium:{900:"#006589",800:"#00739c",700:"#007fac",600:"#008dbe",500:"#00a0d2",400:"#33b3db",300:"#66c6e4",200:"#bfe7f3",100:"#e5f5fa",highlight:"#b3e7fe",focus:"#007cba"}},G={theme:`var( --wp-admin-theme-color, ${D.wordpress[700]})`,themeDark10:`var( --wp-admin-theme-color-darker-10, ${D.medium.focus})`},B={theme:G.theme,background:S.white,backgroundDisabled:N[200],border:C.gray[700],borderHover:C.gray[700],borderFocus:G.themeDark10,borderDisabled:C.gray[400],borderLight:C.gray[200],label:x[500],textDisabled:x[150],textDark:S.white,textLight:S.black},M=P(P({},S),{},{darkGray:y()({},x,C.darkGray),darkOpacity:R,darkOpacityLight:I,mediumGray:C.mediumGray,gray:C.gray,lightGray:y()({},N,C.lightGray),lightGrayLight:T,blue:y()({},D,C.blue),alert:{yellow:"#f0b849",red:"#d94f4f",green:"#4ab866"},admin:G,ui:B});var L=M;function $(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function H(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?$(Object(r),!0).forEach((function(t){A(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):$(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function A(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const F=e=>4*e+"px",z={controlSurfaceColor:M.white,controlTextActiveColor:M.ui.theme,controlPaddingX:"12px",controlPaddingXLarge:"calc(12px * 1.3334)",controlPaddingXSmall:"calc(12px / 1.3334)",controlBackgroundColor:M.white,controlBorderRadius:"2px",controlBorderColor:M.gray[700],controlBoxShadow:"transparent",controlBorderColorHover:M.gray[700],controlBoxShadowFocus:"0 0 0 0.5px "+M.admin.theme,controlDestructiveBorderColor:M.alert.red,controlHeight:"36px",controlHeightXSmall:"calc( 36px * 0.6 )",controlHeightSmall:"calc( 36px * 0.8 )",controlHeightLarge:"calc( 36px * 1.2 )",controlHeightXLarge:"calc( 36px * 1.4 )"},V={toggleGroupControlBackgroundColor:z.controlBackgroundColor,toggleGroupControlBorderColor:M.ui.border,toggleGroupControlBackdropBackgroundColor:z.controlSurfaceColor,toggleGroupControlBackdropBorderColor:M.ui.border,toggleGroupControlBackdropBoxShadow:"transparent",toggleGroupControlButtonColorActive:z.controlBackgroundColor};var X=H(H(H({},z),V),{},{colorDivider:"rgba(0, 0, 0, 0.1)",colorScrollbarThumb:"rgba(0, 0, 0, 0.2)",colorScrollbarThumbHover:"rgba(0, 0, 0, 0.5)",colorScrollbarTrack:"rgba(0, 0, 0, 0.04)",elevationIntensity:1,radiusBlockUi:"2px",borderWidth:"1px",borderWidthFocus:"1.5px",borderWidthTab:"4px",spinnerSize:"18px",fontSize:"13px",fontSizeH1:"calc(2.44 * 13px)",fontSizeH2:"calc(1.95 * 13px)",fontSizeH3:"calc(1.56 * 13px)",fontSizeH4:"calc(1.25 * 13px)",fontSizeH5:"13px",fontSizeH6:"calc(0.8 * 13px)",fontSizeInputMobile:"16px",fontSizeMobile:"15px",fontSizeSmall:"calc(0.92 * 13px)",fontSizeXSmall:"calc(0.75 * 13px)",fontLineHeightBase:"1.2",fontWeight:"normal",fontWeightHeading:"600",gridBase:"4px",cardBorderRadius:"2px",cardPaddingXSmall:""+F(2),cardPaddingSmall:""+F(4),cardPaddingMedium:`${F(4)} ${F(6)}`,cardPaddingLarge:`${F(6)} ${F(8)}`,surfaceBackgroundColor:M.white,surfaceBackgroundSubtleColor:"#F3F3F3",surfaceBackgroundTintColor:"#F5F5F5",surfaceBorderColor:"rgba(0, 0, 0, 0.1)",surfaceBorderBoldColor:"rgba(0, 0, 0, 0.15)",surfaceBorderSubtleColor:"rgba(0, 0, 0, 0.05)",surfaceBackgroundTertiaryColor:M.white,surfaceColor:M.white,transitionDuration:"200ms",transitionDurationFast:"160ms",transitionDurationFaster:"120ms",transitionDurationFastest:"100ms",transitionTimingFunction:"cubic-bezier(0.08, 0.52, 0.52, 1)",transitionTimingFunctionControl:"cubic-bezier(0.12, 0.8, 0.32, 1)"});function W(){return(W=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function J(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function U(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?J(Object(r),!0).forEach((function(t){K(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):J(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function K(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Y(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var q=function(e){let{value:t,onChange:r}=e,n=Y(e,["value","onChange"]);const a=Object(o.useRef)(),i=Object(o.useRef)(),c=Object(o.useRef)(),l=e=>{const{x:t,y:n}=i.current,{ownerDocument:o}=a.current;e.preventDefault(),o.activeElement.blur(),r(function(e,t,r,n){const o=n-t,a=r-e,i=Math.atan2(o,a),c=Math.round(i*(180/Math.PI))+90;if(c<0)return 360+c;return c}(t,n,e.clientX,e.clientY))},{startDrag:s,isDragging:u}=Object(f.__experimentalUseDragging)({onDragStart:e=>{(()=>{const e=a.current.getBoundingClientRect();i.current={x:e.x+e.width/2,y:e.y+e.height/2}})(),l(e)},onDragMove:l,onDragEnd:l});return Object(o.useEffect)(()=>{u?(void 0===c.current&&(c.current=document.body.style.cursor),document.body.style.cursor="grabbing"):(document.body.style.cursor=c.current||null,c.current=void 0)},[u]),Object(o.createElement)("div",W({ref:a,onMouseDown:s,className:"components-angle-picker-control__angle-circle",style:U(U({},u?{cursor:"grabbing"}:{}),{},{borderRadius:"50%",border:`${X.borderWidth} solid ${L.ui.border}`,boxSizing:"border-box",cursor:"grab",height:"32px",overflow:"hidden",width:"32px"})},n),Object(o.createElement)("div",{style:U(U({},t?{transform:`rotate(${t}deg)`}:{}),{},{boxSizing:"border-box",position:"relative",width:"100%",height:"100%"}),className:"components-angle-picker-control__angle-circle-indicator-wrapper"},Object(o.createElement)("div",{style:{background:L.admin.theme,borderRadius:"50%",border:"3px solid "+L.admin.theme,bottom:0,boxSizing:"border-box",display:"block",height:0,left:0,margin:"auto",position:"absolute",right:0,top:"-16px",width:0},className:"components-angle-picker-control__angle-circle-indicator"})))};const{Flex:Q,FlexBlock:Z,FlexItem:ee,__experimentalText:te,__experimentalSpacer:re,__experimentalInputControl:ne}=window.wp.components,oe=e=>4*e+"px";function ae(e){let{className:t,label:r=Object(n.__)("Angle"),onChange:a,value:i}=e;const l=c()("components-angle-picker-control",t),s=Q;return Object(o.createElement)(s,{className:l},Object(o.createElement)(Z,null,Object(o.createElement)(ne,{label:r,className:"components-angle-picker-control__input-field",max:360,min:0,onChange:e=>{const t=""!==e?parseInt(e,10):0;a(t)},size:"__unstable-large",step:"1",value:i,hideHTMLArrows:!0,suffix:Object(o.createElement)(re,{as:te,marginBottom:0,marginRight:oe(3),style:{color:"var( --wp-admin-theme-color )"}},"°")})),Object(o.createElement)(ee,{style:{marginLeft:oe(4),marginBottom:oe(1),marginTop:"auto"}},Object(o.createElement)(q,{"aria-hidden":"true",value:i,onChange:a})))}var ie=r(352),ce=r.n(ie),le=r(338),se=r(40);function ue(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function pe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(r),!0).forEach((function(t){be(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ue(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function be(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function de(e){return Math.max(0,Math.min(100,e))}function ge(e,t,r){const n=e.findIndex(e=>e.position>t),o={color:r,position:t},a=e.slice();return a.splice(n-1,0,o),a}function me(e,t,r){const n=e.slice();return n[t]=r,n}function Oe(e,t,r){if(function(e,t,r){let n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;const o=e[t].position,a=Math.min(o,r),i=Math.max(o,r);return e.some((e,o)=>{let{position:c}=e;return o!==t&&(Math.abs(c-r)<n||a<c&&c<i)})}(e,t,r))return e;return me(e,t,pe(pe({},e[t]),{},{position:r}))}function fe(e,t,r){return me(e,t,pe(pe({},e[t]),{},{color:r}))}function he(e,t,r){const n=e.findIndex(e=>e.position===t);return fe(e,n,r)}function ye(e,t,r){if(!t)return;const{x:n,width:o}=t.getBoundingClientRect(),a=e-n-5-r/2,i=o-5-16;return Math.round(de(100*a/i))}var je=r(76);function ve(){return(ve=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function Ee(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function _e(e){let{isRenderedInSidebar:t}=e,r=Ee(e,["isRenderedInSidebar"]);return Object(o.createElement)(a.Dropdown,ve({contentClassName:c()("components-color-palette__custom-color-dropdown-content",{"is-rendered-in-sidebar":t})},r))}function we(e){let{isOpen:t,position:r,color:i}=e,l=Ee(e,["isOpen","position","color"]);const s="components-custom-gradient-picker__control-point-button-description-"+Object(f.useInstanceId)(we);return Object(o.createElement)(React.Fragment,null,Object(o.createElement)(a.Button,ve({"aria-label":Object(n.sprintf)(Object(n.__)("Gradient control point at position %1$s%% with color code %2$s."),r,i),"aria-describedby":s,"aria-haspopup":"true","aria-expanded":t,className:c()("components-custom-gradient-picker__control-point-button",{"is-active":t}),style:{left:r+"%"}},l)))}function Pe(e){let{isRenderedInSidebar:t,gradientPickerDomRef:r}=e,n=Ee(e,["isRenderedInSidebar","gradientPickerDomRef"]);const a=Object(o.useMemo)(()=>{const e={className:"components-custom-gradient-picker__color-picker-popover",position:"top"};return t&&(e.anchorRef=r.current,e.position="bottom left"),e},[r.current,t]);return Object(o.createElement)(_e,ve({isRenderedInSidebar:t,popoverProps:a},n))}function ke(e){let{disableRemove:t,disableAlpha:r,gradientPickerDomRef:i,ignoreMarkerPosition:c,value:l,onChange:s,onStartControlPointChange:u,onStopControlPointChange:p,__experimentalIsRenderedInSidebar:b}=e;const d=Object(o.useRef)(),g=e=>{const t=ye(e.clientX,i.current,16),{initialPosition:r,index:n,significantMoveHappened:o}=d.current;!o&&Math.abs(r-t)>=5&&(d.current.significantMoveHappened=!0),s(Oe(l,n,t))},m=()=>{window&&window.removeEventListener&&d.current&&d.current.listenersActivated&&(window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",m),p(),d.current.listenersActivated=!1)};return Object(o.useEffect)(()=>()=>{m()},[]),l.map((e,O)=>{const f=null==e?void 0:e.position;return c!==f&&Object(o.createElement)(Pe,{gradientPickerDomRef:i,isRenderedInSidebar:b,key:O,onClose:p,renderToggle:t=>{let{isOpen:r,onToggle:n}=t;return Object(o.createElement)(we,{key:O,onClick:()=>{d.current&&d.current.significantMoveHappened||(r?p():u(),n())},onMouseDown:()=>{window&&window.addEventListener&&(d.current={initialPosition:f,index:O,significantMoveHappened:!1,listenersActivated:!0},u(),window.addEventListener("mousemove",g),window.addEventListener("mouseup",m))},onKeyDown:t=>{t.keyCode===se.LEFT?(t.stopPropagation(),s(Oe(l,O,de(e.position-10)))):t.keyCode===se.RIGHT&&(t.stopPropagation(),s(Oe(l,O,de(e.position+10))))},isOpen:r,position:e.position,color:e.color})},renderContent:i=>{let{onClose:c}=i;return Object(o.createElement)(React.Fragment,null,Object(o.createElement)("div",{className:wp.components.GradientPicker?"ct-gutenberg-color-picker-new":"ct-gutenberg-color-picker"},Object(o.createElement)(a.ColorPicker,ve({enableAlpha:!r,color:e.color},wp.components.GradientPicker?{onChange:e=>{s(fe(l,O,Object(je.a)(e)))}}:{onChangeComplete:e=>{s(fe(l,O,1===e.rgb.a?e.hex:`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`))}})),Object(o.createElement)("div",{className:"ct-color-picker-value"},Object(o.createElement)("input",{type:"text",value:Object(je.a)(e.color),onChange:e=>{s(fe(l,O,Object(je.a)(e.target.value)))}}))),!t&&l.length>2&&Object(o.createElement)(a.Button,{className:"components-custom-gradient-picker__remove-control-point",onClick:()=>{s(function(e,t){return e.filter((e,r)=>r!==t)}(l,O)),c()},variant:"link"},Object(n.__)("Remove Control Point")))}})})}ke.InsertPoint=function(e){let{value:t,onChange:r,onOpenInserter:n,onCloseInserter:i,insertPosition:c,disableAlpha:l,__experimentalIsRenderedInSidebar:s,gradientPickerDomRef:u}=e;const[p,b]=Object(o.useState)(!1),[d,g]=Object(o.useState)("#fff");return Object(o.createElement)(Pe,{gradientPickerDomRef:u,isRenderedInSidebar:s,className:"components-custom-gradient-picker__inserter",onClose:()=>{i()},renderToggle:e=>{let{isOpen:t,onToggle:r}=e;return Object(o.createElement)(a.Button,{"aria-expanded":t,"aria-haspopup":"true",onClick:()=>{t?i():(b(!1),n()),r()},className:"components-custom-gradient-picker__insert-point",icon:le.a,style:{left:null!==c?c+"%":void 0}})},renderContent:()=>Object(o.createElement)("div",{className:wp.components.GradientPicker?"ct-gutenberg-color-picker-new":"ct-gutenberg-color-picker"},Object(o.createElement)(a.ColorPicker,ve({enableAlpha:!l,color:d},wp.components.GradientPicker?{onChange:e=>{p?r(he(t,c,Object(je.a)(e))):(r(ge(t,c,Object(je.a)(e))),b(!0)),g(e)}}:{onChangeComplete:e=>{p?r(he(t,c,1===e.rgb.a?e.hex:`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`)):(r(ge(t,c,1===e.rgb.a?e.hex:`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`)),b(!0)),g(1===e.rgb.a?e.hex:`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`)}})),Object(o.createElement)("div",{className:"ct-color-picker-value"},Object(o.createElement)("input",{value:Object(je.a)(d),type:"text",onChange:e=>{let{target:{value:n}}=e;p?r(he(t,c,Object(je.a)(n))):(r(ge(t,c,Object(je.a)(n))),b(!0)),g(n)}})))})};var Se=ke;function Ce(e,t){switch(t.type){case"MOVE_INSERTER":if("IDLE"===e.id||"MOVING_INSERTER"===e.id)return{id:"MOVING_INSERTER",insertPosition:t.insertPosition};break;case"STOP_INSERTER_MOVE":if("MOVING_INSERTER"===e.id)return{id:"IDLE"};break;case"OPEN_INSERTER":if("MOVING_INSERTER"===e.id)return{id:"INSERTING_CONTROL_POINT",insertPosition:e.insertPosition};break;case"CLOSE_INSERTER":if("INSERTING_CONTROL_POINT"===e.id)return{id:"IDLE"};break;case"START_CONTROL_CHANGE":if("IDLE"===e.id)return{id:"MOVING_CONTROL_POINT"};break;case"STOP_CONTROL_CHANGE":if("MOVING_CONTROL_POINT"===e.id)return{id:"IDLE"}}return e}const xe={id:"IDLE"};function Re(e){let{background:t,hasGradient:r,value:n,onChange:a,disableInserter:i=!1,disableAlpha:l=!1,__experimentalIsRenderedInSidebar:s}=e;const u=Object(o.useRef)(),[p,b]=Object(o.useReducer)(Ce,xe),d=e=>{const t=ye(e.clientX,u.current,16);ce()(n,e=>{let{position:r}=e;return Math.abs(t-r)<10})?"MOVING_INSERTER"===p.id&&b({type:"STOP_INSERTER_MOVE"}):b({type:"MOVE_INSERTER",insertPosition:t})},g="MOVING_INSERTER"===p.id,m="INSERTING_CONTROL_POINT"===p.id;return Object(o.createElement)("div",{ref:u,className:c()("components-custom-gradient-picker__gradient-bar",{"has-gradient":r}),onMouseEnter:d,onMouseMove:d,style:{background:t},onMouseLeave:()=>{b({type:"STOP_INSERTER_MOVE"})}},Object(o.createElement)("div",{className:"components-custom-gradient-picker__markers-container"},!i&&(g||m)&&Object(o.createElement)(Se.InsertPoint,{__experimentalIsRenderedInSidebar:s,gradientPickerDomRef:u,disableAlpha:l,insertPosition:p.insertPosition,value:n,onChange:a,onOpenInserter:()=>{b({type:"OPEN_INSERTER"})},onCloseInserter:()=>{b({type:"CLOSE_INSERTER"})}}),Object(o.createElement)(Se,{__experimentalIsRenderedInSidebar:s,disableAlpha:l,disableRemove:i,gradientPickerDomRef:u,ignoreMarkerPosition:m?p.insertPosition:void 0,value:n,onChange:a,onStartControlPointChange:()=>{b({type:"START_CONTROL_CHANGE"})},onStopControlPointChange:()=>{b({type:"STOP_CONTROL_CHANGE"})}})))}var Ie=r(368),Ne=r.n(Ie);const Te="linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%)",De={type:"angular",value:90},Ge=[{value:"linear-gradient",label:Object(n.__)("Linear","blocksy")},{value:"radial-gradient",label:Object(n.__)("Radial","blocksy")}],Be={top:0,"top right":45,"right top":45,right:90,"right bottom":135,"bottom right":135,bottom:180,"bottom left":225,"left bottom":225,left:270,"top left":315,"left top":315};var Me=r(369),Le=r.n(Me);function $e(e){let{type:t,value:r,length:n}=e;return`${function(e){let{type:t,value:r}=e;return"literal"===t?r:"hex"===t?"#"+r:`${t}(${r.join(",")})`}({type:t,value:r})} ${function(e){if(!e)return"";const{value:t,type:r}=e;return`${t}${r}`}(n)}`}function He(e){let{type:t,orientation:r,colorStops:n}=e;const o=function(e){if(e&&"angular"===e.type)return e.value+"deg"}(r),a=n.sort((e,t)=>O()(e,["length","value"],0)-O()(t,["length","value"],0)).map($e);return`${t}(${Le()([o,...a]).join(",")})`}function Ae(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Fe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Ae(Object(r),!0).forEach((function(t){ze(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ae(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function ze(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ve(e){return void 0===e.length||"%"!==e.length.type}function Xe(e){switch(e.type){case"hex":return"#"+e.value;case"literal":return e.value;case"rgb":case"rgba":return`${e.type}(${e.value.join(",")})`;default:return"transparent"}}function We(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Je(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?We(Object(r),!0).forEach((function(t){Ue(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):We(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function Ue(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Object(j.b)([E.a]);const Ke=e=>{let{gradientAST:t,hasGradient:r,onChange:n}=e;const a=O()(t,["orientation","value"],180);return Object(o.createElement)(ae,{onChange:e=>{n(He(Je(Je({},t),{},{orientation:{type:"angular",value:e}})))},labelPosition:"top",value:r?a:""})},Ye=e=>{let{gradientAST:t,hasGradient:r,onChange:i}=e;const{type:c}=t;return Object(o.createElement)(a.SelectControl,{className:"components-custom-gradient-picker__type-picker",label:Object(n.__)("Type"),labelPosition:"top",onChange:e=>{"linear-gradient"===e&&i(He(Je(Je(Je({},t),t.orientation?{}:{orientation:De}),{},{type:"linear-gradient"}))),"radial-gradient"===e&&i(He(Je(Je({},g()(t,["orientation"])),{},{type:"radial-gradient"})))},options:Ge,size:"__unstable-large",value:r&&c})};function qe(e){let{value:t,onChange:r,__experimentalIsRenderedInSidebar:n}=e;const i=function(e){var t;let r,n=e.match(/\~(.*)\~/,"");e=e.replace(/\~.*\~/,"rgb(500, 500, 500)");try{r=Ne.a.parse(e)[0],r.value=e}catch(e){r=Ne.a.parse(Te)[0],r.value=Te}if("directional"===(null===(t=r.orientation)||void 0===t?void 0:t.type)&&(r.orientation.type="angular",r.orientation.value=Be[r.orientation.value].toString()),r.colorStops.some(Ve)){const{colorStops:e}=r,t=100/(e.length-1);e.forEach((e,r)=>{"500"===e.value[0]&&(e.type="literal",e.value=""),e.length={value:t*r,type:"%"}}),r.value=He(r)}return r.colorStops.forEach((e,t)=>{"500"===e.value[0]&&n&&(e.type="literal",e.value=n[1])}),r}(t),c=function(e){return He({type:"linear-gradient",orientation:De,colorStops:e.colorStops})}(i),l=i.value!==Te,s=i.colorStops.map(e=>({color:Xe(e),position:parseInt(e.length.value)})),u=a.FlexBlock,p=a.FlexBlock;return Object(o.createElement)("div",{className:"components-custom-gradient-picker"},Object(o.createElement)(Re,{__experimentalIsRenderedInSidebar:n,background:c,hasGradient:l,value:s,onChange:e=>{r(He(function(e,t){return Fe(Fe({},e),{},{colorStops:t.map(e=>{let{position:t,color:r}=e,n=Object(j.a)(r),o={length:{type:"%",value:t.toString()},type:"literal",value:`~${r}~`};if(n.parsed){const{r:e,g:t,b:r,a:a}=n.toRgb();o.type=a<1?"rgba":"rgb",o.value=a<1?[e,t,r,a]:[e,t,r]}return o})})}(i,e)))}}),Object(o.createElement)(a.Flex,{gap:3,className:"components-custom-gradient-picker__ui-line"},Object(o.createElement)(p,null,Object(o.createElement)(Ye,{gradientAST:i,hasGradient:l,onChange:r})),Object(o.createElement)(u,null,"linear-gradient"===i.type&&Object(o.createElement)(Ke,{gradientAST:i,hasGradient:l,onChange:r}))))}function Qe(){return(Qe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function Ze(e){let{className:t,clearGradient:r,gradients:a,onChange:i,value:c,actions:l,content:s}=e;const u=Object(o.useMemo)(()=>(a||[]).map(e=>{let{gradient:t,name:a}=e;return Object(o.createElement)(b.Option,{key:t,value:t,isSelected:c===t,tooltipText:a||Object(n.sprintf)(Object(n.__)("Gradient code: %s"),t),style:{color:"rgba( 0,0,0,0 )",background:t},onClick:c===t?r:()=>i(t),"aria-label":a?Object(n.sprintf)(Object(n.__)("Gradient: %s"),a):Object(n.sprintf)(Object(n.__)("Gradient code: %s"),t)})}),[a,c,i,r]);return Object(o.createElement)(b,{className:t,options:u,actions:l},s)}function et(e){let{className:t,clearGradient:r,gradients:n,onChange:i,value:c,actions:l,content:s}=e;return Object(o.createElement)(a.__experimentalVStack,{spacing:3,className:t},(n||[]).map((e,t)=>{let{name:u,gradients:p}=e;return Object(o.createElement)(a.__experimentalVStack,{spacing:2,key:t},Object(o.createElement)(a.__experimentalHeading,null,u),Object(o.createElement)(Ze,Qe({clearGradient:r,gradients:p,onChange:i,value:c},n.length===t+1?{actions:l,content:s}:{})))}))}function tt(e){let{className:t,gradients:r,onChange:a,value:i,clearable:c=!0,disableCustomGradients:l=!1,__experimentalHasMultipleOrigins:s,__experimentalIsRenderedInSidebar:u}=e;const p=Object(o.useCallback)(()=>a(void 0),[a]),d=s&&(null==r?void 0:r.length)?et:Ze;return Object(o.createElement)(d,{className:t,clearable:c,clearGradient:p,gradients:r,onChange:a,value:i,actions:c&&((null==r?void 0:r.length)||!l)&&Object(o.createElement)(b.ButtonAction,{onClick:p},Object(n.__)("Clear")),content:!l&&Object(o.createElement)(qe,{__experimentalIsRenderedInSidebar:u,value:i,onChange:a})})}}}]);