"use strict";(globalThis.blocksyJsonP=globalThis.blocksyJsonP||[]).push([[852],{1852:function(e,t,n){n.r(t),n.d(t,{default:function(){return qe}});var r=n(5652),o=n(1381),i=n(8441),a=n(4184),c=n.n(a),l=n(1984),u=n(8184);function s(){return s=Object.assign||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},s.apply(this,arguments)}function p(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 d(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))}d.Option=function(e){let{className:t,isSelected:n,selectedIconProps:r,tooltipText:a}=e,d=p(e,["className","isSelected","selectedIconProps","tooltipText"]);const g=(0,o.createElement)(i.Button,s({isPressed:n,className:"components-circular-option-picker__option"},d));return(0,o.createElement)("div",{className:c()(t,"components-circular-option-picker__option-wrapper")},a?(0,o.createElement)(i.Tooltip,{text:a},g):g,n&&(0,o.createElement)(l.Z,s({icon:u.Z},r||{})))},d.ButtonAction=function(e){let{className:t,children:n}=e,r=p(e,["className","children"]);return(0,o.createElement)(i.Button,s({className:c()("components-circular-option-picker__clear",t),isSmall:!0,variant:"secondary"},r),n)},d.DropdownLinkAction=function(e){let{buttonProps:t,className:n,dropdownProps:r,linkText:a}=e;return(0,o.createElement)(i.Dropdown,s({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,s({"aria-expanded":n,"aria-haspopup":"true",onClick:r,variant:"link"},t),a)}},r))};var g=n(7557),f=n.n(g),b=n(7361),m=n.n(b),h=n(3356),y=n(3857),O=n.n(y),v=n(6765),E=n(3933);function _(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return(0,v.Vi)(e).alpha(t).toRgbString()}function P(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 w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}(0,v.l7)([E.Z]);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)},j={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)},R={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)},I={900:"#a2aab2",800:"#b5bcc2",700:"#ccd0d4",600:"#d7dade",500:"#e2e4e7",400:"#e8eaeb",300:"#edeff0",200:"#f3f4f5",100:"#f8f9f9",placeholder:_(S.white,.65)},N={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:_(I[300],.8)},T={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"}},D={theme:`var( --wp-admin-theme-color, ${T.wordpress[700]})`,themeDark10:`var( --wp-admin-theme-color-darker-10, ${T.medium.focus})`},G={theme:D.theme,background:S.white,backgroundDisabled:I[200],border:C.gray[700],borderHover:C.gray[700],borderFocus:D.themeDark10,borderDisabled:C.gray[400],borderLight:C.gray[200],label:x[500],textDisabled:x[150],textDark:S.white,textLight:S.black},$=w(w({},S),{},{darkGray:O()({},x,C.darkGray),darkOpacity:j,darkOpacityLight:R,mediumGray:C.mediumGray,gray:C.gray,lightGray:O()({},I,C.lightGray),lightGrayLight:N,blue:O()({},T,C.blue),alert:{yellow:"#f0b849",red:"#d94f4f",green:"#4ab866"},admin:D,ui:G});var B=$;function M(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 L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){H(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function H(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const A=function(e){return 4*e+"px"},F={controlSurfaceColor:$.white,controlTextActiveColor:$.ui.theme,controlPaddingX:"12px",controlPaddingXLarge:"calc(12px * 1.3334)",controlPaddingXSmall:"calc(12px / 1.3334)",controlBackgroundColor:$.white,controlBorderRadius:"2px",controlBorderColor:$.gray[700],controlBoxShadow:"transparent",controlBorderColorHover:$.gray[700],controlBoxShadowFocus:`0 0 0 0.5px ${$.admin.theme}`,controlDestructiveBorderColor:$.alert.red,controlHeight:"36px",controlHeightXSmall:"calc( 36px * 0.6 )",controlHeightSmall:"calc( 36px * 0.8 )",controlHeightLarge:"calc( 36px * 1.2 )",controlHeightXLarge:"calc( 36px * 1.4 )"},z={toggleGroupControlBackgroundColor:F.controlBackgroundColor,toggleGroupControlBorderColor:$.ui.border,toggleGroupControlBackdropBackgroundColor:F.controlSurfaceColor,toggleGroupControlBackdropBorderColor:$.ui.border,toggleGroupControlBackdropBoxShadow:"transparent",toggleGroupControlButtonColorActive:F.controlBackgroundColor};var V=L(L(L({},F),z),{},{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:`${A(2)}`,cardPaddingSmall:`${A(4)}`,cardPaddingMedium:`${A(4)} ${A(6)}`,cardPaddingLarge:`${A(6)} ${A(8)}`,surfaceBackgroundColor:$.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:$.white,surfaceColor:$.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 X(){return X=Object.assign||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},X.apply(this,arguments)}function W(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 Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){J(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function J(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var U=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,["value","onChange"]);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,h.__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",X({ref:i,onMouseDown:u,className:"components-angle-picker-control__angle-circle",style:Z(Z({},s?{cursor:"grabbing"}:{}),{},{borderRadius:"50%",border:`${V.borderWidth} solid ${B.ui.border}`,boxSizing:"border-box",cursor:"grab",height:"32px",overflow:"hidden",width:"32px"})},r),(0,o.createElement)("div",{style:Z(Z({},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:B.admin.theme,borderRadius:"50%",border:`3px solid ${B.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:K,FlexBlock:Y,FlexItem:q,__experimentalText:Q,__experimentalSpacer:ee,__experimentalInputControl:te}=window.wp.components,ne=function(e){return 4*e+"px"};function re(e){let{className:t,label:n=(0,r.__)("Angle"),onChange:i,value:a}=e;const l=c()("components-angle-picker-control",t),u=K;return(0,o.createElement)(u,{className:l},(0,o.createElement)(Y,null,(0,o.createElement)(te,{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)(ee,{as:Q,marginBottom:0,marginRight:ne(3),style:{color:"var( --wp-admin-theme-color )"}},"°")})),(0,o.createElement)(q,{style:{marginLeft:ne(4),marginBottom:ne(1),marginTop:"auto"}},(0,o.createElement)(U,{"aria-hidden":"true",value:a,onChange:i})))}var oe=n(9704),ie=n.n(oe),ae=n(5117),ce=n(7228);function le(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 ue(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?le(Object(n),!0).forEach((function(t){se(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):le(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function se(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function pe(e){return Math.max(0,Math.min(100,e))}function de(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 ge(e,t,n){const r=e.slice();return r[t]=n,r}function fe(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:ge(e,t,ue(ue({},e[t]),{},{position:n}))}function be(e,t,n){return ge(e,t,ue(ue({},e[t]),{},{color:n}))}function me(e,t,n){const r=e.findIndex((function(e){return e.position===t}));return be(e,r,n)}function he(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(pe(100*i/a))}var ye=n(6838);function Oe(){return Oe=Object.assign||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},Oe.apply(this,arguments)}function ve(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 Ee(e){let{isRenderedInSidebar:t}=e,n=ve(e,["isRenderedInSidebar"]);return(0,o.createElement)(i.Dropdown,Oe({contentClassName:c()("components-color-palette__custom-color-dropdown-content",{"is-rendered-in-sidebar":t})},n))}function _e(e){let{isOpen:t,position:n,color:a}=e,l=ve(e,["isOpen","position","color"]);const u=`components-custom-gradient-picker__control-point-button-description-${(0,h.useInstanceId)(_e)}`;return(0,o.createElement)(React.Fragment,null,(0,o.createElement)(i.Button,Oe({"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 Pe(e){let{isRenderedInSidebar:t,gradientPickerDomRef:n}=e,r=ve(e,["isRenderedInSidebar","gradientPickerDomRef"]);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)(Ee,Oe({isRenderedInSidebar:t,popoverProps:i},r))}function we(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)(),f=function(e){const t=he(e.clientX,a.current,16),{initialPosition:n,index:r,significantMoveHappened:o}=g.current;!o&&Math.abs(n-t)>=5&&(g.current.significantMoveHappened=!0),u(fe(l,r,t))},b=function(){window&&window.removeEventListener&&g.current&&g.current.listenersActivated&&(window.removeEventListener("mousemove",f),window.removeEventListener("mouseup",b),p(),g.current.listenersActivated=!1)};return(0,o.useEffect)((function(){return function(){b()}}),[]),l.map((function(e,m){const h=null==e?void 0:e.position;return c!==h&&(0,o.createElement)(Pe,{gradientPickerDomRef:a,isRenderedInSidebar:d,key:m,onClose:p,renderToggle:function(t){let{isOpen:n,onToggle:r}=t;return(0,o.createElement)(_e,{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",f),window.addEventListener("mouseup",b))},onKeyDown:function(t){t.keyCode===ce.LEFT?(t.stopPropagation(),u(fe(l,m,pe(e.position-10)))):t.keyCode===ce.RIGHT&&(t.stopPropagation(),u(fe(l,m,pe(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,Oe({enableAlpha:!n,color:e.color},wp.components.GradientPicker?{onChange:function(e){u(be(l,m,(0,ye.u)(e)))}}:{onChangeComplete:function(e){u(be(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,ye.u)(e.color),onChange:function(e){u(be(l,m,(0,ye.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")))}})}))}we.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,f]=(0,o.useState)("#fff");return(0,o.createElement)(Pe,{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:ae.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,Oe({enableAlpha:!l,color:g},wp.components.GradientPicker?{onChange:function(e){p?n(me(t,c,(0,ye.u)(e))):(n(de(t,c,(0,ye.u)(e))),d(!0)),f(e)}}:{onChangeComplete:function(e){p?n(me(t,c,1===e.rgb.a?e.hex:`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`)):(n(de(t,c,1===e.rgb.a?e.hex:`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`)),d(!0)),f(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,ye.u)(g),type:"text",onChange:function(e){let{target:{value:r}}=e;p?n(me(t,c,(0,ye.u)(r))):(n(de(t,c,(0,ye.u)(r))),d(!0)),f(r)}})))}})};var ke=we;function Se(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 Ce={id:"IDLE"};function xe(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)(Se,Ce),g=function(e){const t=he(e.clientX,s.current,16);ie()(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})},f="MOVING_INSERTER"===p.id,b="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&&(f||b)&&(0,o.createElement)(ke.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)(ke,{__experimentalIsRenderedInSidebar:u,disableAlpha:l,disableRemove:a,gradientPickerDomRef:s,ignoreMarkerPosition:b?p.insertPosition:void 0,value:r,onChange:i,onStartControlPointChange:function(){d({type:"START_CONTROL_CHANGE"})},onStopControlPointChange:function(){d({type:"STOP_CONTROL_CHANGE"})}})))}var je=n(9948);const Re="linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%)",Ie={type:"angular",value:90},Ne=[{value:"linear-gradient",label:(0,r.__)("Linear","blocksy")},{value:"radial-gradient",label:(0,r.__)("Radial","blocksy")}],Te={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 De=n(9693),Ge=n.n(De);function $e(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 Be(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 m()(e,["length","value"],0)-m()(t,["length","value"],0)})).map($e);return`${t}(${Ge()([o,...i]).join(",")})`}function Me(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 Le(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Me(Object(n),!0).forEach((function(t){He(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Me(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function He(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ae(e){return void 0===e.length||"%"!==e.length.type}function Fe(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 ze(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 Ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ze(Object(n),!0).forEach((function(t){Xe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ze(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Xe(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}(0,v.l7)([E.Z]);const We=function(e){let{gradientAST:t,hasGradient:n,onChange:r}=e;const i=m()(t,["orientation","value"],180);return(0,o.createElement)(re,{onChange:function(e){r(Be(Ve(Ve({},t),{},{orientation:{type:"angular",value:e}})))},labelPosition:"top",value:n?i:""})},Ze=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(Be(Ve(Ve(Ve({},t),t.orientation?{}:{orientation:Ie}),{},{type:"linear-gradient"}))),"radial-gradient"===e&&a(Be(Ve(Ve({},f()(t,["orientation"])),{},{type:"radial-gradient"})))},options:Ne,size:"__unstable-large",value:n&&c})};function Je(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=je.parse(e)[0],n.value=e}catch(e){n=je.parse(Re)[0],n.value=Re}if("directional"===(null===(t=n.orientation)||void 0===t?void 0:t.type)&&(n.orientation.type="angular",n.orientation.value=Te[n.orientation.value].toString()),n.colorStops.some(Ae)){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=Be(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 Be({type:"linear-gradient",orientation:Ie,colorStops:e.colorStops})}(a),l=a.value!==Re,u=a.colorStops.map((function(e){return{color:Fe(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)(xe,{__experimentalIsRenderedInSidebar:r,background:c,hasGradient:l,value:u,onChange:function(e){n(Be(function(e,t){return Le(Le({},e),{},{colorStops:t.map((function(e){let{position:t,color:n}=e,r=(0,v.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)(Ze,{gradientAST:a,hasGradient:l,onChange:n})),(0,o.createElement)(s,null,"linear-gradient"===a.type&&(0,o.createElement)(We,{gradientAST:a,hasGradient:l,onChange:n}))))}function Ue(){return Ue=Object.assign||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},Ue.apply(this,arguments)}function Ke(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)(d.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)(d,{className:t,options:s,actions:l},u)}function Ye(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)(Ke,Ue({clearGradient:n,gradients:p,onChange:a,value:c},r.length===t+1?{actions:l,content:u}:{})))})))}function qe(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]),g=u&&null!=n&&n.length?Ye:Ke;return(0,o.createElement)(g,{className:t,clearable:c,clearGradient:p,gradients:n,onChange:i,value:a,actions:c&&((null==n?void 0:n.length)||!l)&&(0,o.createElement)(d.ButtonAction,{onClick:p},(0,r.__)("Clear")),content:!l&&(0,o.createElement)(Je,{__experimentalIsRenderedInSidebar:s,value:a,onChange:i})})}}}]);
//# sourceMappingURL=852.83010f54f4cbd6d6b6ed.js.map