"use strict";(globalThis.blocksyJsonP=globalThis.blocksyJsonP||[]).push([[970],{2970:function(e,t,n){n.r(t),n.d(t,{default:function(){return ot}});var r=n(5652),o=n(1381),i=n(8441),a=n(4184),c=n.n(a),l=n(1984),u=n(8184);const s=["className","isSelected","selectedIconProps","tooltipText"],p=["className","children"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function g(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function b(e){let{actions:t,className:n,options:r,children:i}=e;return(0,o.createElement)("div",{className:c()("components-circular-option-picker",n)},(0,o.createElement)("div",{className:"components-circular-option-picker__swatches"},r),i,t&&(0,o.createElement)("div",{className:"components-circular-option-picker__custom-clear-wrapper"},t))}b.Option=function(e){let{className:t,isSelected:n,selectedIconProps:r,tooltipText:a}=e,p=g(e,s);const b=(0,o.createElement)(i.Button,d({isPressed:n,className:"components-circular-option-picker__option"},p));return(0,o.createElement)("div",{className:c()(t,"components-circular-option-picker__option-wrapper")},a?(0,o.createElement)(i.Tooltip,{text:a},b):b,n&&(0,o.createElement)(l.Z,d({icon:u.Z},r||{})))},b.ButtonAction=function(e){let{className:t,children:n}=e,r=g(e,p);return(0,o.createElement)(i.Button,d({className:c()("components-circular-option-picker__clear",t),isSmall:!0,variant:"secondary"},r),n)},b.DropdownLinkAction=function(e){let{buttonProps:t,className:n,dropdownProps:r,linkText:a}=e;return(0,o.createElement)(i.Dropdown,d({className:c()("components-circular-option-picker__dropdown-link-action",n),renderToggle:function(e){let{isOpen:n,onToggle:r}=e;return(0,o.createElement)(i.Button,d({"aria-expanded":n,"aria-haspopup":"true",onClick:r,variant:"link"},t),a)}},r))};var f=n(7557),m=n.n(f),h=n(7361),O=n.n(h),y=n(3356),v=n(2492),E=n.n(v),_=n(6765),P=n(3933);function w(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return(0,_.Vi)(e).alpha(t).toRgbString()}function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}(0,_.l7)([P.Z]);const x={black:"#000",white:"#fff"},j={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"}},R={900:"#191e23",800:"#23282d",700:"#32373c",600:"#40464d",500:"#555d66",400:"#606a73",300:"#6c7781",200:"#7e8993",150:"#8d96a0",100:"#8f98a1",placeholder:w(j.gray[900],.62)},I={900:w("#000510",.9),800:w("#00000a",.85),700:w("#06060b",.8),600:w("#000913",.75),500:w("#0a1829",.7),400:w("#0a1829",.65),300:w("#0e1c2e",.62),200:w("#162435",.55),100:w("#223443",.5),backgroundFill:w(R[700],.7)},N={900:w("#304455",.45),800:w("#425863",.4),700:w("#667886",.35),600:w("#7b86a2",.3),500:w("#9197a2",.25),400:w("#95959c",.2),300:w("#829493",.15),200:w("#8b8b96",.1),100:w("#747474",.05)},T={900:"#a2aab2",800:"#b5bcc2",700:"#ccd0d4",600:"#d7dade",500:"#e2e4e7",400:"#e8eaeb",300:"#edeff0",200:"#f3f4f5",100:"#f8f9f9",placeholder:w(x.white,.65)},D={900:w(x.white,.5),800:w(x.white,.45),700:w(x.white,.4),600:w(x.white,.35),500:w(x.white,.3),400:w(x.white,.25),300:w(x.white,.2),200:w(x.white,.15),100:w(x.white,.1),backgroundFill:w(T[300],.8)},G={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"}},$={theme:`var( --wp-admin-theme-color, ${G.wordpress[700]})`,themeDark10:`var( --wp-admin-theme-color-darker-10, ${G.medium.focus})`},B={theme:$.theme,background:x.white,backgroundDisabled:T[200],border:j.gray[700],borderHover:j.gray[700],borderFocus:$.themeDark10,borderDisabled:j.gray[400],borderLight:j.gray[200],label:R[500],textDisabled:R[150],textDark:x.white,textLight:x.black},M=S(S({},x),{},{darkGray:E()({},R,j.darkGray),darkOpacity:I,darkOpacityLight:N,mediumGray:j.mediumGray,gray:j.gray,lightGray:E()({},T,j.lightGray),lightGrayLight:D,blue:E()({},G,j.blue),alert:{yellow:"#f0b849",red:"#d94f4f",green:"#4ab866"},admin:$,ui:B});var L=M;function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){F(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function F(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const z=function(e){return 4*e+"px"},V={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 )"},X={toggleGroupControlBackgroundColor:V.controlBackgroundColor,toggleGroupControlBorderColor:M.ui.border,toggleGroupControlBackdropBackgroundColor:V.controlSurfaceColor,toggleGroupControlBackdropBorderColor:M.ui.border,toggleGroupControlBackdropBoxShadow:"transparent",toggleGroupControlButtonColorActive:V.controlBackgroundColor};var W=A(A(A({},V),X),{},{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:`${z(2)}`,cardPaddingSmall:`${z(4)}`,cardPaddingMedium:`${z(4)} ${z(6)}`,cardPaddingLarge:`${z(6)} ${z(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)"});const Z=["value","onChange"];function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},J.apply(this,arguments)}function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){Y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var q=function(e){let{value:t,onChange:n}=e,r=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,Z);const i=(0,o.useRef)(),a=(0,o.useRef)(),c=(0,o.useRef)(),l=function(e){const{x:t,y:r}=a.current,{ownerDocument:o}=i.current;e.preventDefault(),o.activeElement.blur(),n(function(e,t,n,r){const o=r-t,i=n-e,a=Math.atan2(o,i),c=Math.round(a*(180/Math.PI))+90;return c<0?360+c:c}(t,r,e.clientX,e.clientY))},{startDrag:u,isDragging:s}=(0,y.__experimentalUseDragging)({onDragStart:function(e){!function(){const e=i.current.getBoundingClientRect();a.current={x:e.x+e.width/2,y:e.y+e.height/2}}(),l(e)},onDragMove:l,onDragEnd:l});return(0,o.useEffect)((function(){s?(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)}),[s]),(0,o.createElement)("div",J({ref:i,onMouseDown:u,className:"components-angle-picker-control__angle-circle",style:K(K({},s?{cursor:"grabbing"}:{}),{},{borderRadius:"50%",border:`${W.borderWidth} solid ${L.ui.border}`,boxSizing:"border-box",cursor:"grab",height:"32px",overflow:"hidden",width:"32px"})},r),(0,o.createElement)("div",{style:K(K({},t?{transform:`rotate(${t}deg)`}:{}),{},{boxSizing:"border-box",position:"relative",width:"100%",height:"100%"}),className:"components-angle-picker-control__angle-circle-indicator-wrapper"},(0,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:ee,FlexItem:te,__experimentalText:ne,__experimentalSpacer:re,__experimentalInputControl:oe}=window.wp.components,ie=function(e){return 4*e+"px"};function ae(e){let{className:t,label:n=(0,r.__)("Angle"),onChange:i,value:a}=e;const l=c()("components-angle-picker-control",t),u=Q;return(0,o.createElement)(u,{className:l},(0,o.createElement)(ee,null,(0,o.createElement)(oe,{label:n,className:"components-angle-picker-control__input-field",max:360,min:0,onChange:function(e){const t=""!==e?parseInt(e,10):0;i(t)},size:"__unstable-large",step:"1",value:a,hideHTMLArrows:!0,suffix:(0,o.createElement)(re,{as:ne,marginBottom:0,marginRight:ie(3),style:{color:"var( --wp-admin-theme-color )"}},"°")})),(0,o.createElement)(te,{style:{marginLeft:ie(4),marginBottom:ie(1),marginTop:"auto"}},(0,o.createElement)(q,{"aria-hidden":"true",value:a,onChange:i})))}var ce=n(9704),le=n.n(ce),ue=n(5117),se=n(7228);function pe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function de(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pe(Object(n),!0).forEach((function(t){ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ge(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function be(e){return Math.max(0,Math.min(100,e))}function fe(e,t,n){const r=e.findIndex((function(e){return e.position>t})),o={color:n,position:t},i=e.slice();return i.splice(r-1,0,o),i}function me(e,t,n){const r=e.slice();return r[t]=n,r}function he(e,t,n){return function(e,t,n){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;const o=e[t].position,i=Math.min(o,n),a=Math.max(o,n);return e.some((function(e,o){let{position:c}=e;return o!==t&&(Math.abs(c-n)<r||i<c&&c<a)}))}(e,t,n)?e:me(e,t,de(de({},e[t]),{},{position:n}))}function Oe(e,t,n){return me(e,t,de(de({},e[t]),{},{color:n}))}function ye(e,t,n){const r=e.findIndex((function(e){return e.position===t}));return Oe(e,r,n)}function ve(e,t,n){if(!t)return;const{x:r,width:o}=t.getBoundingClientRect(),i=e-r-5-n/2,a=o-5-16;return Math.round(be(100*i/a))}var Ee=n(523);const _e=["isRenderedInSidebar"],Pe=["isOpen","position","color"],we=["isRenderedInSidebar","gradientPickerDomRef"];function ke(){return ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ke.apply(this,arguments)}function Se(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function Ce(e){let{isRenderedInSidebar:t}=e,n=Se(e,_e);return(0,o.createElement)(i.Dropdown,ke({contentClassName:c()("components-color-palette__custom-color-dropdown-content",{"is-rendered-in-sidebar":t})},n))}function xe(e){let{isOpen:t,position:n,color:a}=e,l=Se(e,Pe);const u=`components-custom-gradient-picker__control-point-button-description-${(0,y.useInstanceId)(xe)}`;return(0,o.createElement)(React.Fragment,null,(0,o.createElement)(i.Button,ke({"aria-label":(0,r.sprintf)((0,r.__)("Gradient control point at position %1$s%% with color code %2$s."),n,a),"aria-describedby":u,"aria-haspopup":"true","aria-expanded":t,className:c()("components-custom-gradient-picker__control-point-button",{"is-active":t}),style:{left:`${n}%`}},l)))}function je(e){let{isRenderedInSidebar:t,gradientPickerDomRef:n}=e,r=Se(e,we);const i=(0,o.useMemo)((function(){const e={className:"components-custom-gradient-picker__color-picker-popover",position:"top"};return t&&(e.anchorRef=n.current,e.position="bottom left"),e}),[n.current,t]);return(0,o.createElement)(Ce,ke({isRenderedInSidebar:t,popoverProps:i},r))}function Re(e){let{disableRemove:t,disableAlpha:n,gradientPickerDomRef:a,ignoreMarkerPosition:c,value:l,onChange:u,onStartControlPointChange:s,onStopControlPointChange:p,__experimentalIsRenderedInSidebar:d}=e;const g=(0,o.useRef)(),b=function(e){const t=ve(e.clientX,a.current,16),{initialPosition:n,index:r,significantMoveHappened:o}=g.current;!o&&Math.abs(n-t)>=5&&(g.current.significantMoveHappened=!0),u(he(l,r,t))},f=function(){window&&window.removeEventListener&&g.current&&g.current.listenersActivated&&(window.removeEventListener("mousemove",b),window.removeEventListener("mouseup",f),p(),g.current.listenersActivated=!1)};return(0,o.useEffect)((function(){return function(){f()}}),[]),l.map((function(e,m){const h=null==e?void 0:e.position;return c!==h&&(0,o.createElement)(je,{gradientPickerDomRef:a,isRenderedInSidebar:d,key:m,onClose:p,renderToggle:function(t){let{isOpen:n,onToggle:r}=t;return(0,o.createElement)(xe,{key:m,onClick:function(){g.current&&g.current.significantMoveHappened||(n?p():s(),r())},onMouseDown:function(){window&&window.addEventListener&&(g.current={initialPosition:h,index:m,significantMoveHappened:!1,listenersActivated:!0},s(),window.addEventListener("mousemove",b),window.addEventListener("mouseup",f))},onKeyDown:function(t){t.keyCode===se.LEFT?(t.stopPropagation(),u(he(l,m,be(e.position-10)))):t.keyCode===se.RIGHT&&(t.stopPropagation(),u(he(l,m,be(e.position+10))))},isOpen:n,position:e.position,color:e.color})},renderContent:function(a){let{onClose:c}=a;return(0,o.createElement)(React.Fragment,null,(0,o.createElement)("div",{className:wp.components.GradientPicker?"ct-gutenberg-color-picker-new":"ct-gutenberg-color-picker"},(0,o.createElement)(i.ColorPicker,ke({enableAlpha:!n,color:e.color},wp.components.GradientPicker?{onChange:function(e){u(Oe(l,m,(0,Ee.u)(e)))}}:{onChangeComplete:function(e){u(Oe(l,m,1===e.rgb.a?e.hex:`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`))}})),(0,o.createElement)("div",{className:"ct-color-picker-value"},(0,o.createElement)("input",{type:"text",value:(0,Ee.u)(e.color),onChange:function(e){u(Oe(l,m,(0,Ee.u)(e.target.value)))}}))),!t&&l.length>2&&(0,o.createElement)(i.Button,{className:"components-custom-gradient-picker__remove-control-point",onClick:function(){u(function(e,t){return e.filter((function(e,n){return n!==t}))}(l,m)),c()},variant:"link"},(0,r.__)("Remove Control Point")))}})}))}Re.InsertPoint=function(e){let{value:t,onChange:n,onOpenInserter:r,onCloseInserter:a,insertPosition:c,disableAlpha:l,__experimentalIsRenderedInSidebar:u,gradientPickerDomRef:s}=e;const[p,d]=(0,o.useState)(!1),[g,b]=(0,o.useState)("#fff");return(0,o.createElement)(je,{gradientPickerDomRef:s,isRenderedInSidebar:u,className:"components-custom-gradient-picker__inserter",onClose:function(){a()},renderToggle:function(e){let{isOpen:t,onToggle:n}=e;return(0,o.createElement)(i.Button,{"aria-expanded":t,"aria-haspopup":"true",onClick:function(){t?a():(d(!1),r()),n()},className:"components-custom-gradient-picker__insert-point",icon:ue.Z,style:{left:null!==c?`${c}%`:void 0}})},renderContent:function(){return(0,o.createElement)("div",{className:wp.components.GradientPicker?"ct-gutenberg-color-picker-new":"ct-gutenberg-color-picker"},(0,o.createElement)(i.ColorPicker,ke({enableAlpha:!l,color:g},wp.components.GradientPicker?{onChange:function(e){p?n(ye(t,c,(0,Ee.u)(e))):(n(fe(t,c,(0,Ee.u)(e))),d(!0)),b(e)}}:{onChangeComplete:function(e){p?n(ye(t,c,1===e.rgb.a?e.hex:`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`)):(n(fe(t,c,1===e.rgb.a?e.hex:`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`)),d(!0)),b(1===e.rgb.a?e.hex:`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`)}})),(0,o.createElement)("div",{className:"ct-color-picker-value"},(0,o.createElement)("input",{value:(0,Ee.u)(g),type:"text",onChange:function(e){let{target:{value:r}}=e;p?n(ye(t,c,(0,Ee.u)(r))):(n(fe(t,c,(0,Ee.u)(r))),d(!0)),b(r)}})))}})};var Ie=Re;function Ne(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 Te={id:"IDLE"};function De(e){let{background:t,hasGradient:n,value:r,onChange:i,disableInserter:a=!1,disableAlpha:l=!1,__experimentalIsRenderedInSidebar:u}=e;const s=(0,o.useRef)(),[p,d]=(0,o.useReducer)(Ne,Te),g=function(e){const t=ve(e.clientX,s.current,16);le()(r,(function(e){let{position:n}=e;return Math.abs(t-n)<10}))?"MOVING_INSERTER"===p.id&&d({type:"STOP_INSERTER_MOVE"}):d({type:"MOVE_INSERTER",insertPosition:t})},b="MOVING_INSERTER"===p.id,f="INSERTING_CONTROL_POINT"===p.id;return(0,o.createElement)("div",{ref:s,className:c()("components-custom-gradient-picker__gradient-bar",{"has-gradient":n}),onMouseEnter:g,onMouseMove:g,style:{background:t},onMouseLeave:function(){d({type:"STOP_INSERTER_MOVE"})}},(0,o.createElement)("div",{className:"components-custom-gradient-picker__markers-container"},!a&&(b||f)&&(0,o.createElement)(Ie.InsertPoint,{__experimentalIsRenderedInSidebar:u,gradientPickerDomRef:s,disableAlpha:l,insertPosition:p.insertPosition,value:r,onChange:i,onOpenInserter:function(){d({type:"OPEN_INSERTER"})},onCloseInserter:function(){d({type:"CLOSE_INSERTER"})}}),(0,o.createElement)(Ie,{__experimentalIsRenderedInSidebar:u,disableAlpha:l,disableRemove:a,gradientPickerDomRef:s,ignoreMarkerPosition:f?p.insertPosition:void 0,value:r,onChange:i,onStartControlPointChange:function(){d({type:"START_CONTROL_CHANGE"})},onStopControlPointChange:function(){d({type:"STOP_CONTROL_CHANGE"})}})))}var Ge=n(9948);const $e="linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%)",Be={type:"angular",value:90},Me=[{value:"linear-gradient",label:(0,r.__)("Linear","blocksy")},{value:"radial-gradient",label:(0,r.__)("Radial","blocksy")}],Le={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 He=n(9693),Ae=n.n(He);function Fe(e){let{type:t,value:n,length:r}=e;return`${function(e){let{type:t,value:n}=e;return"literal"===t?n:"hex"===t?`#${n}`:`${t}(${n.join(",")})`}({type:t,value:n})} ${function(e){if(!e)return"";const{value:t,type:n}=e;return`${t}${n}`}(r)}`}function ze(e){let{type:t,orientation:n,colorStops:r}=e;const o=function(e){if(e&&"angular"===e.type)return`${e.value}deg`}(n),i=r.sort((function(e,t){return O()(e,["length","value"],0)-O()(t,["length","value"],0)})).map(Fe);return`${t}(${Ae()([o,...i]).join(",")})`}function Ve(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Xe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ve(Object(n),!0).forEach((function(t){We(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ve(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function We(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ze(e){return void 0===e.length||"%"!==e.length.type}function Je(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 Ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ke(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ue(Object(n),!0).forEach((function(t){Ye(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ye(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}(0,_.l7)([P.Z]);const qe=function(e){let{gradientAST:t,hasGradient:n,onChange:r}=e;const i=O()(t,["orientation","value"],180);return(0,o.createElement)(ae,{onChange:function(e){r(ze(Ke(Ke({},t),{},{orientation:{type:"angular",value:e}})))},labelPosition:"top",value:n?i:""})},Qe=function(e){let{gradientAST:t,hasGradient:n,onChange:a}=e;const{type:c}=t;return(0,o.createElement)(i.SelectControl,{className:"components-custom-gradient-picker__type-picker",label:(0,r.__)("Type"),labelPosition:"top",onChange:function(e){"linear-gradient"===e&&a(ze(Ke(Ke(Ke({},t),t.orientation?{}:{orientation:Be}),{},{type:"linear-gradient"}))),"radial-gradient"===e&&a(ze(Ke(Ke({},m()(t,["orientation"])),{},{type:"radial-gradient"})))},options:Me,size:"__unstable-large",value:n&&c})};function et(e){let{value:t,onChange:n,__experimentalIsRenderedInSidebar:r}=e;const a=function(e){var t;let n,r=e.match(/\~(.*)\~/,"");e=e.replace(/\~.*\~/,"rgb(500, 500, 500)");try{n=Ge.parse(e)[0],n.value=e}catch(e){n=Ge.parse($e)[0],n.value=$e}if("directional"===(null===(t=n.orientation)||void 0===t?void 0:t.type)&&(n.orientation.type="angular",n.orientation.value=Le[n.orientation.value].toString()),n.colorStops.some(Ze)){const{colorStops:e}=n,t=100/(e.length-1);e.forEach((function(e,n){"500"===e.value[0]&&(e.type="literal",e.value=""),e.length={value:t*n,type:"%"}})),n.value=ze(n)}return n.colorStops.forEach((function(e,t){"500"===e.value[0]&&r&&(e.type="literal",e.value=r[1])})),n}(t),c=function(e){return ze({type:"linear-gradient",orientation:Be,colorStops:e.colorStops})}(a),l=a.value!==$e,u=a.colorStops.map((function(e){return{color:Je(e),position:parseInt(e.length.value)}})),s=i.FlexBlock,p=i.FlexBlock;return(0,o.createElement)("div",{className:"components-custom-gradient-picker"},(0,o.createElement)(De,{__experimentalIsRenderedInSidebar:r,background:c,hasGradient:l,value:u,onChange:function(e){n(ze(function(e,t){return Xe(Xe({},e),{},{colorStops:t.map((function(e){let{position:t,color:n}=e,r=(0,_.Vi)(n),o={length:{type:"%",value:t.toString()},type:"literal",value:`~${n}~`};if(r.parsed){const{r:e,g:t,b:n,a:i}=r.toRgb();o.type=i<1?"rgba":"rgb",o.value=i<1?[e,t,n,i]:[e,t,n]}return o}))})}(a,e)))}}),(0,o.createElement)(i.Flex,{gap:3,className:"components-custom-gradient-picker__ui-line"},(0,o.createElement)(p,null,(0,o.createElement)(Qe,{gradientAST:a,hasGradient:l,onChange:n})),(0,o.createElement)(s,null,"linear-gradient"===a.type&&(0,o.createElement)(qe,{gradientAST:a,hasGradient:l,onChange:n}))))}function tt(){return tt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},tt.apply(this,arguments)}function nt(e){let{className:t,clearGradient:n,gradients:i,onChange:a,value:c,actions:l,content:u}=e;const s=(0,o.useMemo)((function(){return(i||[]).map((function(e){let{gradient:t,name:i}=e;return(0,o.createElement)(b.Option,{key:t,value:t,isSelected:c===t,tooltipText:i||(0,r.sprintf)((0,r.__)("Gradient code: %s"),t),style:{color:"rgba( 0,0,0,0 )",background:t},onClick:c===t?n:function(){return a(t)},"aria-label":i?(0,r.sprintf)((0,r.__)("Gradient: %s"),i):(0,r.sprintf)((0,r.__)("Gradient code: %s"),t)})}))}),[i,c,a,n]);return(0,o.createElement)(b,{className:t,options:s,actions:l},u)}function rt(e){let{className:t,clearGradient:n,gradients:r,onChange:a,value:c,actions:l,content:u}=e;return(0,o.createElement)(i.__experimentalVStack,{spacing:3,className:t},(r||[]).map((function(e,t){let{name:s,gradients:p}=e;return(0,o.createElement)(i.__experimentalVStack,{spacing:2,key:t},(0,o.createElement)(i.__experimentalHeading,null,s),(0,o.createElement)(nt,tt({clearGradient:n,gradients:p,onChange:a,value:c},r.length===t+1?{actions:l,content:u}:{})))})))}function ot(e){let{className:t,gradients:n,onChange:i,value:a,clearable:c=!0,disableCustomGradients:l=!1,__experimentalHasMultipleOrigins:u,__experimentalIsRenderedInSidebar:s}=e;const p=(0,o.useCallback)((function(){return i(void 0)}),[i]),d=u&&null!=n&&n.length?rt:nt;return(0,o.createElement)(d,{className:t,clearable:c,clearGradient:p,gradients:n,onChange:i,value:a,actions:c&&((null==n?void 0:n.length)||!l)&&(0,o.createElement)(b.ButtonAction,{onClick:p},(0,r.__)("Clear")),content:!l&&(0,o.createElement)(et,{__experimentalIsRenderedInSidebar:s,value:a,onChange:i})})}}}]);
//# sourceMappingURL=970.3cb71dd1ef3b49cc708b.js.map