(window.blocksyJsonP=window.blocksyJsonP||[]).push([[2],{371:function(e,t,r){"use strict";r.r(t),r.d(t,"default",(function(){return Qe}));var n=r(1),o=r(0),a=r(6),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 P(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 w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){k(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(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=w(w({},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 Q=a.Flex,Z=e=>4*e+"px";function ee(e){let{className:t,label:r=Object(n.__)("Angle"),onChange:i,value:l}=e;const s=c()("components-angle-picker-control",t);return Object(o.createElement)(Q,{className:s},Object(o.createElement)(a.FlexBlock,null,Object(o.createElement)(a.__experimentalInputControl,{label:r,className:"components-angle-picker-control__input-field",max:360,min:0,onChange:e=>{const t=""!==e?parseInt(e,10):0;i(t)},size:"__unstable-large",step:"1",value:l,hideHTMLArrows:!0,suffix:Object(o.createElement)(a.__experimentalSpacer,{as:a.__experimentalText,marginBottom:0,marginRight:Z(3),style:{color:"var( --wp-admin-theme-color )"}},"°")})),Object(o.createElement)(a.FlexItem,{style:{marginLeft:Z(4),marginBottom:Z(1),marginTop:"auto"}},Object(o.createElement)(q,{"aria-hidden":"true",value:l,onChange:i})))}var te=r(352),re=r.n(te),ne=r(338),oe=r(40);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 ie(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){ce(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 ce(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function le(e){return Math.max(0,Math.min(100,e))}function se(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 ue(e,t,r){const n=e.slice();return n[t]=r,n}function pe(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 ue(e,t,ie(ie({},e[t]),{},{position:r}))}function be(e,t,r){return ue(e,t,ie(ie({},e[t]),{},{color:r}))}function de(e,t,r){const n=e.findIndex(e=>e.position===t);return be(e,n,r)}function ge(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(le(100*a/i))}var me=r(76);function Oe(){return(Oe=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 fe(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 he(e){let{isRenderedInSidebar:t}=e,r=fe(e,["isRenderedInSidebar"]);return Object(o.createElement)(a.Dropdown,Oe({contentClassName:c()("components-color-palette__custom-color-dropdown-content",{"is-rendered-in-sidebar":t})},r))}function ye(e){let{isOpen:t,position:r,color:i}=e,l=fe(e,["isOpen","position","color"]);const s="components-custom-gradient-picker__control-point-button-description-"+Object(f.useInstanceId)(ye);return Object(o.createElement)(React.Fragment,null,Object(o.createElement)(a.Button,Oe({"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 je(e){let{isRenderedInSidebar:t,gradientPickerDomRef:r}=e,n=fe(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)(he,Oe({isRenderedInSidebar:t,popoverProps:a},n))}function ve(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=ge(e.clientX,i.current,16),{initialPosition:r,index:n,significantMoveHappened:o}=d.current;!o&&Math.abs(r-t)>=5&&(d.current.significantMoveHappened=!0),s(pe(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)(je,{gradientPickerDomRef:i,isRenderedInSidebar:b,key:O,onClose:p,renderToggle:t=>{let{isOpen:r,onToggle:n}=t;return Object(o.createElement)(ye,{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===oe.LEFT?(t.stopPropagation(),s(pe(l,O,le(e.position-10)))):t.keyCode===oe.RIGHT&&(t.stopPropagation(),s(pe(l,O,le(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,Oe({enableAlpha:!r,color:e.color},wp.components.GradientPicker?{onChange:e=>{s(be(l,O,Object(me.a)(e)))}}:{onChangeComplete:e=>{s(be(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(me.a)(e.color),onChange:e=>{s(be(l,O,Object(me.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")))}})})}ve.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)(je,{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:ne.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,Oe({enableAlpha:!l,color:d},wp.components.GradientPicker?{onChange:e=>{p?r(de(t,c,Object(me.a)(e))):(r(se(t,c,Object(me.a)(e))),b(!0)),g(e)}}:{onChangeComplete:e=>{p?r(de(t,c,1===e.rgb.a?e.hex:`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`)):(r(se(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(me.a)(d),type:"text",onChange:e=>{let{target:{value:n}}=e;p?r(de(t,c,Object(me.a)(n))):(r(se(t,c,Object(me.a)(n))),b(!0)),g(n)}})))})};var Ee=ve;function _e(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 Pe={id:"IDLE"};function we(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)(_e,Pe),d=e=>{const t=ge(e.clientX,u.current,16);re()(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)(Ee.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)(Ee,{__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 ke=r(368),Se=r.n(ke);const Ce="linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%)",xe={type:"angular",value:90},Re=[{value:"linear-gradient",label:Object(n.__)("Linear","blocksy")},{value:"radial-gradient",label:Object(n.__)("Radial","blocksy")}],Ie={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 Ne=r(369),Te=r.n(Ne);function De(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 Ge(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(De);return`${t}(${Te()([o,...a]).join(",")})`}function Be(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 Me(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Be(Object(r),!0).forEach((function(t){Le(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Be(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function Le(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function $e(e){return void 0===e.length||"%"!==e.length.type}function He(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 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}Object(j.b)([E.a]);const Ve=a.FlexBlock,Xe=a.FlexBlock,We=e=>{let{gradientAST:t,hasGradient:r,onChange:n}=e;const a=O()(t,["orientation","value"],180);return Object(o.createElement)(ee,{onChange:e=>{n(Ge(Fe(Fe({},t),{},{orientation:{type:"angular",value:e}})))},labelPosition:"top",value:r?a:""})},Je=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(Ge(Fe(Fe(Fe({},t),t.orientation?{}:{orientation:xe}),{},{type:"linear-gradient"}))),"radial-gradient"===e&&i(Ge(Fe(Fe({},g()(t,["orientation"])),{},{type:"radial-gradient"})))},options:Re,size:"__unstable-large",value:r&&c})};function Ue(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=Se.a.parse(e)[0],r.value=e}catch(e){r=Se.a.parse(Ce)[0],r.value=Ce}if("directional"===(null===(t=r.orientation)||void 0===t?void 0:t.type)&&(r.orientation.type="angular",r.orientation.value=Ie[r.orientation.value].toString()),r.colorStops.some($e)){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=Ge(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 Ge({type:"linear-gradient",orientation:xe,colorStops:e.colorStops})}(i),l=i.value!==Ce,s=i.colorStops.map(e=>({color:He(e),position:parseInt(e.length.value)}));return Object(o.createElement)("div",{className:"components-custom-gradient-picker"},Object(o.createElement)(we,{__experimentalIsRenderedInSidebar:n,background:c,hasGradient:l,value:s,onChange:e=>{r(Ge(function(e,t){return Me(Me({},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)(Xe,null,Object(o.createElement)(Je,{gradientAST:i,hasGradient:l,onChange:r})),Object(o.createElement)(Ve,null,"linear-gradient"===i.type&&Object(o.createElement)(We,{gradientAST:i,hasGradient:l,onChange:r}))))}function Ke(){return(Ke=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 Ye(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 qe(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)(Ye,Ke({clearGradient:r,gradients:p,onChange:i,value:c},n.length===t+1?{actions:l,content:s}:{})))}))}function Qe(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)?qe:Ye;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)(Ue,{__experimentalIsRenderedInSidebar:u,value:i,onChange:a})})}}}]);