@chamn/engine 0.3.1 → 0.3.2

package/dist/index.cjs

@@ -356,7 +356,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null,"  "));var W=ne(Y,Q,L,V,U+"."+Q
           }
         `),v.createElement("div",{style:u.white,className:"saturation-white"},v.createElement("div",{style:u.black,className:"saturation-black"}),v.createElement("div",{style:u.pointer},this.props.pointer?v.createElement(this.props.pointer,this.props):v.createElement("div",{style:u.circle}))))}}]),t}(v.PureComponent||v.Component);function uf(e){"@babel/helpers - typeof";return uf=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},uf(e)}var hwe=/^\s+/,pwe=/\s+$/;function pe(e,t){if(e=e||"",t=t||{},e instanceof pe)return e;if(!(this instanceof pe))return new pe(e,t);var n=gwe(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=Math.round(100*this._a)/100,this._format=t.format||n.format,this._gradientType=t.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=n.ok}pe.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var t=this.toRgb();return(t.r*299+t.g*587+t.b*114)/1e3},getLuminance:function(){var t=this.toRgb(),n,r,o,i,a,s;return n=t.r/255,r=t.g/255,o=t.b/255,n<=.03928?i=n/12.92:i=Math.pow((n+.055)/1.055,2.4),r<=.03928?a=r/12.92:a=Math.pow((r+.055)/1.055,2.4),o<=.03928?s=o/12.92:s=Math.pow((o+.055)/1.055,2.4),.2126*i+.7152*a+.0722*s},setAlpha:function(t){return this._a=U3(t),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var t=LA(this._r,this._g,this._b);return{h:t.h*360,s:t.s,v:t.v,a:this._a}},toHsvString:function(){var t=LA(this._r,this._g,this._b),n=Math.round(t.h*360),r=Math.round(t.s*100),o=Math.round(t.v*100);return this._a==1?"hsv("+n+", "+r+"%, "+o+"%)":"hsva("+n+", "+r+"%, "+o+"%, "+this._roundA+")"},toHsl:function(){var t=$A(this._r,this._g,this._b);return{h:t.h*360,s:t.s,l:t.l,a:this._a}},toHslString:function(){var t=$A(this._r,this._g,this._b),n=Math.round(t.h*360),r=Math.round(t.s*100),o=Math.round(t.l*100);return this._a==1?"hsl("+n+", "+r+"%, "+o+"%)":"hsla("+n+", "+r+"%, "+o+"%, "+this._roundA+")"},toHex:function(t){return DA(this._r,this._g,this._b,t)},toHexString:function(t){return"#"+this.toHex(t)},toHex8:function(t){return bwe(this._r,this._g,this._b,this._a,t)},toHex8String:function(t){return"#"+this.toHex8(t)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return this._a==1?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(gt(this._r,255)*100)+"%",g:Math.round(gt(this._g,255)*100)+"%",b:Math.round(gt(this._b,255)*100)+"%",a:this._a}},toPercentageRgbString:function(){return this._a==1?"rgb("+Math.round(gt(this._r,255)*100)+"%, "+Math.round(gt(this._g,255)*100)+"%, "+Math.round(gt(this._b,255)*100)+"%)":"rgba("+Math.round(gt(this._r,255)*100)+"%, "+Math.round(gt(this._g,255)*100)+"%, "+Math.round(gt(this._b,255)*100)+"%, "+this._roundA+")"},toName:function(){return this._a===0?"transparent":this._a<1?!1:Awe[DA(this._r,this._g,this._b,!0)]||!1},toFilter:function(t){var n="#"+zA(this._r,this._g,this._b,this._a),r=n,o=this._gradientType?"GradientType = 1, ":"";if(t){var i=pe(t);r="#"+zA(i._r,i._g,i._b,i._a)}return"progid:DXImageTransform.Microsoft.gradient("+o+"startColorstr="+n+",endColorstr="+r+")"},toString:function(t){var n=!!t;t=t||this._format;var r=!1,o=this._a<1&&this._a>=0,i=!n&&o&&(t==="hex"||t==="hex6"||t==="hex3"||t==="hex4"||t==="hex8"||t==="name");return i?t==="name"&&this._a===0?this.toName():this.toRgbString():(t==="rgb"&&(r=this.toRgbString()),t==="prgb"&&(r=this.toPercentageRgbString()),(t==="hex"||t==="hex6")&&(r=this.toHexString()),t==="hex3"&&(r=this.toHexString(!0)),t==="hex4"&&(r=this.toHex8String(!0)),t==="hex8"&&(r=this.toHex8String()),t==="name"&&(r=this.toName()),t==="hsl"&&(r=this.toHslString()),t==="hsv"&&(r=this.toHsvString()),r||this.toHexString())},clone:function(){return pe(this.toString())},_applyModification:function(t,n){var r=t.apply(null,[this].concat([].slice.call(n)));return this._r=r._r,this._g=r._g,this._b=r._b,this.setAlpha(r._a),this},lighten:function(){return this._applyModification(Cwe,arguments)},brighten:function(){return this._applyModification(_we,arguments)},darken:function(){return this._applyModification(Ewe,arguments)},desaturate:function(){return this._applyModification(xwe,arguments)},saturate:function(){return this._applyModification(wwe,arguments)},greyscale:function(){return this._applyModification(Swe,arguments)},spin:function(){return this._applyModification(kwe,arguments)},_applyCombination:function(t,n){return t.apply(null,[this].concat([].slice.call(n)))},analogous:function(){return this._applyCombination(Rwe,arguments)},complement:function(){return this._applyCombination(Owe,arguments)},monochromatic:function(){return this._applyCombination(Twe,arguments)},splitcomplement:function(){return this._applyCombination(Nwe,arguments)},triad:function(){return this._applyCombination(FA,[3])},tetrad:function(){return this._applyCombination(FA,[4])}};pe.fromRatio=function(e,t){if(uf(e)=="object"){var n={};for(var r in e)e.hasOwnProperty(r)&&(r==="a"?n[r]=e[r]:n[r]=vl(e[r]));e=n}return pe(e,t)};function gwe(e){var t={r:0,g:0,b:0},n=1,r=null,o=null,i=null,a=!1,s=!1;return typeof e=="string"&&(e=Iwe(e)),uf(e)=="object"&&(mo(e.r)&&mo(e.g)&&mo(e.b)?(t=mwe(e.r,e.g,e.b),a=!0,s=String(e.r).substr(-1)==="%"?"prgb":"rgb"):mo(e.h)&&mo(e.s)&&mo(e.v)?(r=vl(e.s),o=vl(e.v),t=ywe(e.h,r,o),a=!0,s="hsv"):mo(e.h)&&mo(e.s)&&mo(e.l)&&(r=vl(e.s),i=vl(e.l),t=vwe(e.h,r,i),a=!0,s="hsl"),e.hasOwnProperty("a")&&(n=e.a)),n=U3(n),{ok:a,format:e.format||s,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:n}}function mwe(e,t,n){return{r:gt(e,255)*255,g:gt(t,255)*255,b:gt(n,255)*255}}function $A(e,t,n){e=gt(e,255),t=gt(t,255),n=gt(n,255);var r=Math.max(e,t,n),o=Math.min(e,t,n),i,a,s=(r+o)/2;if(r==o)i=a=0;else{var l=r-o;switch(a=s>.5?l/(2-r-o):l/(r+o),r){case e:i=(t-n)/l+(t<n?6:0);break;case t:i=(n-e)/l+2;break;case n:i=(e-t)/l+4;break}i/=6}return{h:i,s:a,l:s}}function vwe(e,t,n){var r,o,i;e=gt(e,360),t=gt(t,100),n=gt(n,100);function a(c,u,d){return d<0&&(d+=1),d>1&&(d-=1),d<1/6?c+(u-c)*6*d:d<1/2?u:d<2/3?c+(u-c)*(2/3-d)*6:c}if(t===0)r=o=i=n;else{var s=n<.5?n*(1+t):n+t-n*t,l=2*n-s;r=a(l,s,e+1/3),o=a(l,s,e),i=a(l,s,e-1/3)}return{r:r*255,g:o*255,b:i*255}}function LA(e,t,n){e=gt(e,255),t=gt(t,255),n=gt(n,255);var r=Math.max(e,t,n),o=Math.min(e,t,n),i,a,s=r,l=r-o;if(a=r===0?0:l/r,r==o)i=0;else{switch(r){case e:i=(t-n)/l+(t<n?6:0);break;case t:i=(n-e)/l+2;break;case n:i=(e-t)/l+4;break}i/=6}return{h:i,s:a,v:s}}function ywe(e,t,n){e=gt(e,360)*6,t=gt(t,100),n=gt(n,100);var r=Math.floor(e),o=e-r,i=n*(1-t),a=n*(1-o*t),s=n*(1-(1-o)*t),l=r%6,c=[n,a,i,i,s,n][l],u=[s,n,n,a,i,i][l],d=[i,i,s,n,n,a][l];return{r:c*255,g:u*255,b:d*255}}function DA(e,t,n,r){var o=[wr(Math.round(e).toString(16)),wr(Math.round(t).toString(16)),wr(Math.round(n).toString(16))];return r&&o[0].charAt(0)==o[0].charAt(1)&&o[1].charAt(0)==o[1].charAt(1)&&o[2].charAt(0)==o[2].charAt(1)?o[0].charAt(0)+o[1].charAt(0)+o[2].charAt(0):o.join("")}function bwe(e,t,n,r,o){var i=[wr(Math.round(e).toString(16)),wr(Math.round(t).toString(16)),wr(Math.round(n).toString(16)),wr(G3(r))];return o&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)&&i[3].charAt(0)==i[3].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0):i.join("")}function zA(e,t,n,r){var o=[wr(G3(r)),wr(Math.round(e).toString(16)),wr(Math.round(t).toString(16)),wr(Math.round(n).toString(16))];return o.join("")}pe.equals=function(e,t){return!e||!t?!1:pe(e).toRgbString()==pe(t).toRgbString()};pe.random=function(){return pe.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})};function xwe(e,t){t=t===0?0:t||10;var n=pe(e).toHsl();return n.s-=t/100,n.s=Rh(n.s),pe(n)}function wwe(e,t){t=t===0?0:t||10;var n=pe(e).toHsl();return n.s+=t/100,n.s=Rh(n.s),pe(n)}function Swe(e){return pe(e).desaturate(100)}function Cwe(e,t){t=t===0?0:t||10;var n=pe(e).toHsl();return n.l+=t/100,n.l=Rh(n.l),pe(n)}function _we(e,t){t=t===0?0:t||10;var n=pe(e).toRgb();return n.r=Math.max(0,Math.min(255,n.r-Math.round(255*-(t/100)))),n.g=Math.max(0,Math.min(255,n.g-Math.round(255*-(t/100)))),n.b=Math.max(0,Math.min(255,n.b-Math.round(255*-(t/100)))),pe(n)}function Ewe(e,t){t=t===0?0:t||10;var n=pe(e).toHsl();return n.l-=t/100,n.l=Rh(n.l),pe(n)}function kwe(e,t){var n=pe(e).toHsl(),r=(n.h+t)%360;return n.h=r<0?360+r:r,pe(n)}function Owe(e){var t=pe(e).toHsl();return t.h=(t.h+180)%360,pe(t)}function FA(e,t){if(isNaN(t)||t<=0)throw new Error("Argument to polyad must be a positive number");for(var n=pe(e).toHsl(),r=[pe(e)],o=360/t,i=1;i<t;i++)r.push(pe({h:(n.h+i*o)%360,s:n.s,l:n.l}));return r}function Nwe(e){var t=pe(e).toHsl(),n=t.h;return[pe(e),pe({h:(n+72)%360,s:t.s,l:t.l}),pe({h:(n+216)%360,s:t.s,l:t.l})]}function Rwe(e,t,n){t=t||6,n=n||30;var r=pe(e).toHsl(),o=360/n,i=[pe(e)];for(r.h=(r.h-(o*t>>1)+720)%360;--t;)r.h=(r.h+o)%360,i.push(pe(r));return i}function Twe(e,t){t=t||6;for(var n=pe(e).toHsv(),r=n.h,o=n.s,i=n.v,a=[],s=1/t;t--;)a.push(pe({h:r,s:o,v:i})),i=(i+s)%1;return a}pe.mix=function(e,t,n){n=n===0?0:n||50;var r=pe(e).toRgb(),o=pe(t).toRgb(),i=n/100,a={r:(o.r-r.r)*i+r.r,g:(o.g-r.g)*i+r.g,b:(o.b-r.b)*i+r.b,a:(o.a-r.a)*i+r.a};return pe(a)};pe.readability=function(e,t){var n=pe(e),r=pe(t);return(Math.max(n.getLuminance(),r.getLuminance())+.05)/(Math.min(n.getLuminance(),r.getLuminance())+.05)};pe.isReadable=function(e,t,n){var r=pe.readability(e,t),o,i;switch(i=!1,o=$we(n),o.level+o.size){case"AAsmall":case"AAAlarge":i=r>=4.5;break;case"AAlarge":i=r>=3;break;case"AAAsmall":i=r>=7;break}return i};pe.mostReadable=function(e,t,n){var r=null,o=0,i,a,s,l;n=n||{},a=n.includeFallbackColors,s=n.level,l=n.size;for(var c=0;c<t.length;c++)i=pe.readability(e,t[c]),i>o&&(o=i,r=pe(t[c]));return pe.isReadable(e,r,{level:s,size:l})||!a?r:(n.includeFallbackColors=!1,pe.mostReadable(e,["#fff","#000"],n))};var ix=pe.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},Awe=pe.hexNames=Pwe(ix);function Pwe(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[e[n]]=n);return t}function U3(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function gt(e,t){Mwe(e)&&(e="100%");var n=jwe(e);return e=Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),Math.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function Rh(e){return Math.min(1,Math.max(0,e))}function $n(e){return parseInt(e,16)}function Mwe(e){return typeof e=="string"&&e.indexOf(".")!=-1&&parseFloat(e)===1}function jwe(e){return typeof e=="string"&&e.indexOf("%")!=-1}function wr(e){return e.length==1?"0"+e:""+e}function vl(e){return e<=1&&(e=e*100+"%"),e}function G3(e){return Math.round(parseFloat(e)*255).toString(16)}function BA(e){return $n(e)/255}var dr=function(){var e="[-\\+]?\\d+%?",t="[-\\+]?\\d*\\.\\d+%?",n="(?:"+t+")|(?:"+e+")",r="[\\s|\\(]+("+n+")[,|\\s]+("+n+")[,|\\s]+("+n+")\\s*\\)?",o="[\\s|\\(]+("+n+")[,|\\s]+("+n+")[,|\\s]+("+n+")[,|\\s]+("+n+")\\s*\\)?";return{CSS_UNIT:new RegExp(n),rgb:new RegExp("rgb"+r),rgba:new RegExp("rgba"+o),hsl:new RegExp("hsl"+r),hsla:new RegExp("hsla"+o),hsv:new RegExp("hsv"+r),hsva:new RegExp("hsva"+o),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();function mo(e){return!!dr.CSS_UNIT.exec(e)}function Iwe(e){e=e.replace(hwe,"").replace(pwe,"").toLowerCase();var t=!1;if(ix[e])e=ix[e],t=!0;else if(e=="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var n;return(n=dr.rgb.exec(e))?{r:n[1],g:n[2],b:n[3]}:(n=dr.rgba.exec(e))?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=dr.hsl.exec(e))?{h:n[1],s:n[2],l:n[3]}:(n=dr.hsla.exec(e))?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=dr.hsv.exec(e))?{h:n[1],s:n[2],v:n[3]}:(n=dr.hsva.exec(e))?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=dr.hex8.exec(e))?{r:$n(n[1]),g:$n(n[2]),b:$n(n[3]),a:BA(n[4]),format:t?"name":"hex8"}:(n=dr.hex6.exec(e))?{r:$n(n[1]),g:$n(n[2]),b:$n(n[3]),format:t?"name":"hex"}:(n=dr.hex4.exec(e))?{r:$n(n[1]+""+n[1]),g:$n(n[2]+""+n[2]),b:$n(n[3]+""+n[3]),a:BA(n[4]+""+n[4]),format:t?"name":"hex8"}:(n=dr.hex3.exec(e))?{r:$n(n[1]+""+n[1]),g:$n(n[2]+""+n[2]),b:$n(n[3]+""+n[3]),format:t?"name":"hex"}:!1}function $we(e){var t,n;return e=e||{level:"AA",size:"small"},t=(e.level||"AA").toUpperCase(),n=(e.size||"small").toLowerCase(),t!=="AA"&&t!=="AAA"&&(t="AA"),n!=="small"&&n!=="large"&&(n="small"),{level:t,size:n}}var VA=function(t){var n=["r","g","b","a","h","s","l","v"],r=0,o=0;return FH(n,function(i){if(t[i]&&(r+=1,isNaN(t[i])||(o+=1),i==="s"||i==="l")){var a=/^\d+%$/;a.test(t[i])&&(o+=1)}}),r===o?t:!1},yl=function(t,n){var r=t.hex?pe(t.hex):pe(t),o=r.toHsl(),i=r.toHsv(),a=r.toRgb(),s=r.toHex();o.s===0&&(o.h=n||0,i.h=n||0);var l=s==="000000"&&a.a===0;return{hsl:o,hex:l?"transparent":"#"+s,rgb:a,hsv:i,oldHue:t.h||n||o.h,source:t.source}},pi=function(t){if(t==="transparent")return!0;var n=String(t).charAt(0)==="#"?1:0;return t.length!==4+n&&t.length<7+n&&pe(t).isValid()},uS=function(t){if(!t)return"#fff";var n=yl(t);if(n.hex==="transparent")return"rgba(0,0,0,0.4)";var r=(n.rgb.r*299+n.rgb.g*587+n.rgb.b*114)/1e3;return r>=128?"#000":"#fff"},ay=function(t,n){var r=t.replace("°","");return pe(n+" ("+r+")")._ok},tl=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},Lwe=function(){function e(t,n){for(var r=0;r<n.length;r++){var o=n[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function Dwe(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function zwe(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e}function Fwe(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var Pn=function(t){var n=function(r){Fwe(o,r);function o(i){Dwe(this,o);var a=zwe(this,(o.__proto__||Object.getPrototypeOf(o)).call(this));return a.handleChange=function(s,l){var c=VA(s);if(c){var u=yl(s,s.h||a.state.oldHue);a.setState(u),a.props.onChangeComplete&&a.debounce(a.props.onChangeComplete,u,l),a.props.onChange&&a.props.onChange(u,l)}},a.handleSwatchHover=function(s,l){var c=VA(s);if(c){var u=yl(s,s.h||a.state.oldHue);a.props.onSwatchHover&&a.props.onSwatchHover(u,l)}},a.state=tl({},yl(i.color,0)),a.debounce=Af(function(s,l,c){s(l,c)},100),a}return Lwe(o,[{key:"render",value:function(){var a={};return this.props.onSwatchHover&&(a.onSwatchHover=this.handleSwatchHover),v.createElement(t,tl({},this.props,this.state,{onChange:this.handleChange},a))}}],[{key:"getDerivedStateFromProps",value:function(a,s){return tl({},yl(a.color,s.oldHue))}}]),o}(v.PureComponent||v.Component);return n.propTypes=tl({},t.propTypes),n.defaultProps=tl({},t.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),n},Bwe=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},Vwe=function(){function e(t,n){for(var r=0;r<n.length;r++){var o=n[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function Hwe(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function HA(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e}function qwe(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var Uwe=function(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(r){qwe(o,r);function o(){var i,a,s,l;Hwe(this,o);for(var c=arguments.length,u=Array(c),d=0;d<c;d++)u[d]=arguments[d];return l=(a=(s=HA(this,(i=o.__proto__||Object.getPrototypeOf(o)).call.apply(i,[this].concat(u))),s),s.state={focus:!1},s.handleFocus=function(){return s.setState({focus:!0})},s.handleBlur=function(){return s.setState({focus:!1})},a),HA(s,l)}return Vwe(o,[{key:"render",value:function(){return v.createElement(n,{onFocus:this.handleFocus,onBlur:this.handleBlur},v.createElement(t,Bwe({},this.props,this.state)))}}]),o}(v.Component)},qA=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},Gwe=13,Wwe=function(t){var n=t.color,r=t.style,o=t.onClick,i=o===void 0?function(){}:o,a=t.onHover,s=t.title,l=s===void 0?n:s,c=t.children,u=t.focus,d=t.focusStyle,f=d===void 0?{}:d,h=n==="transparent",p=Ce({default:{swatch:qA({background:n,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},r,u?f:{})}}),g=function(x){return i(n,x)},m=function(x){return x.keyCode===Gwe&&i(n,x)},y=function(x){return a(n,x)},b={};return a&&(b.onMouseOver=y),v.createElement("div",qA({style:p.swatch,onClick:g,title:l,tabIndex:0,onKeyDown:m},b),c,h&&v.createElement(Ds,{borderRadius:p.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))};const Qi=Uwe(Wwe);var Kwe=function(t){var n=t.direction,r=Ce({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:n==="vertical"});return v.createElement("div",{style:r.picker})},Ywe=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},W3=function(t){var n=t.rgb,r=t.hsl,o=t.width,i=t.height,a=t.onChange,s=t.direction,l=t.style,c=t.renderers,u=t.pointer,d=t.className,f=d===void 0?"":d,h=Ce({default:{picker:{position:"relative",width:o,height:i},alpha:{radius:"2px",style:l}}});return v.createElement("div",{style:h.picker,className:"alpha-picker "+f},v.createElement(lS,Ywe({},h.alpha,{rgb:n,hsl:r,pointer:u,renderers:c,onChange:a,direction:s})))};W3.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:Kwe};Pn(W3);var Xwe=function(t){var n=t.colors,r=t.onClick,o=t.onSwatchHover,i=Ce({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return v.createElement("div",{style:i.swatches},Hi(n,function(a){return v.createElement(Qi,{key:a,color:a,style:i.swatch,onClick:r,onHover:o,focusStyle:{boxShadow:"0 0 4px "+a}})}),v.createElement("div",{style:i.clear}))},dS=function(t){var n=t.onChange,r=t.onSwatchHover,o=t.hex,i=t.colors,a=t.width,s=t.triangle,l=t.styles,c=l===void 0?{}:l,u=t.className,d=u===void 0?"":u,f=o==="transparent",h=function(m,y){pi(m)&&n({hex:m,source:"hex"},y)},p=Ce(Rn({default:{card:{width:a,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:o,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:uS(o),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+o+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},c),{"hide-triangle":s==="hide"});return v.createElement("div",{style:p.card,className:"block-picker "+d},v.createElement("div",{style:p.triangle}),v.createElement("div",{style:p.head},f&&v.createElement(Ds,{borderRadius:"6px 6px 0 0"}),v.createElement("div",{style:p.label},o)),v.createElement("div",{style:p.body},v.createElement(Xwe,{colors:i,onClick:h,onSwatchHover:r}),v.createElement(Ie,{style:{input:p.input},value:o,onChange:h})))};dS.propTypes={width:ie.oneOfType([ie.string,ie.number]),colors:ie.arrayOf(ie.string),triangle:ie.oneOf(["top","hide"]),styles:ie.object};dS.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}};Pn(dS);var va={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000"},ya={50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162"},ba={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff"},xa={50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea"},wa={50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe"},Sa={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff"},Ca={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea"},_a={50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4"},Ea={50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5"},bl={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853"},ka={50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17"},Oa={50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00"},Na={50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600"},Ra={50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00"},Ta={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00"},Aa={50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00"},Pa={50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723"},Ma={50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238"},K3=function(t){var n=t.color,r=t.onClick,o=t.onSwatchHover,i=t.hover,a=t.active,s=t.circleSize,l=t.circleSpacing,c=Ce({default:{swatch:{width:s,height:s,marginRight:l,marginBottom:l,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(s/2+1)+"px "+n,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+n}}},{hover:i,active:a});return v.createElement("div",{style:c.swatch},v.createElement(Qi,{style:c.Swatch,color:n,onClick:r,onHover:o,focusStyle:{boxShadow:c.Swatch.boxShadow+", 0 0 5px "+n}}))};K3.defaultProps={circleSize:28,circleSpacing:14};const Jwe=sS.handleHover(K3);var fS=function(t){var n=t.width,r=t.onChange,o=t.onSwatchHover,i=t.colors,a=t.hex,s=t.circleSize,l=t.styles,c=l===void 0?{}:l,u=t.circleSpacing,d=t.className,f=d===void 0?"":d,h=Ce(Rn({default:{card:{width:n,display:"flex",flexWrap:"wrap",marginRight:-u,marginBottom:-u}}},c)),p=function(m,y){return r({hex:m,source:"hex"},y)};return v.createElement("div",{style:h.card,className:"circle-picker "+f},Hi(i,function(g){return v.createElement(Jwe,{key:g,color:g,onClick:p,onSwatchHover:o,active:a===g.toLowerCase(),circleSize:s,circleSpacing:u})}))};fS.propTypes={width:ie.oneOfType([ie.string,ie.number]),circleSize:ie.number,circleSpacing:ie.number,styles:ie.object};fS.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[va[500],ya[500],ba[500],xa[500],wa[500],Sa[500],Ca[500],_a[500],Ea[500],bl[500],ka[500],Oa[500],Na[500],Ra[500],Ta[500],Aa[500],Pa[500],Ma[500]],styles:{}};Pn(fS);var qu={},UA;function Qwe(){if(UA)return qu;UA=1,Object.defineProperty(qu,"__esModule",{value:!0});var e=Object.assign||function(a){for(var s=1;s<arguments.length;s++){var l=arguments[s];for(var c in l)Object.prototype.hasOwnProperty.call(l,c)&&(a[c]=l[c])}return a},t=v,n=r(t);function r(a){return a&&a.__esModule?a:{default:a}}function o(a,s){var l={};for(var c in a)s.indexOf(c)>=0||Object.prototype.hasOwnProperty.call(a,c)&&(l[c]=a[c]);return l}var i=24;return qu.default=function(a){var s=a.fill,l=s===void 0?"currentColor":s,c=a.width,u=c===void 0?i:c,d=a.height,f=d===void 0?i:d,h=a.style,p=h===void 0?{}:h,g=o(a,["fill","width","height","style"]);return n.default.createElement("svg",e({viewBox:"0 0 "+i+" "+i,style:e({fill:l,width:u,height:f},p)},g),n.default.createElement("path",{d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}))},qu}var Zwe=Qwe();const eSe=di(Zwe);var tSe=function(){function e(t,n){for(var r=0;r<n.length;r++){var o=n[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function nSe(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function rSe(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e}function oSe(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var Y3=function(e){oSe(t,e);function t(n){nSe(this,t);var r=rSe(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return r.toggleViews=function(){r.state.view==="hex"?r.setState({view:"rgb"}):r.state.view==="rgb"?r.setState({view:"hsl"}):r.state.view==="hsl"&&(r.props.hsl.a===1?r.setState({view:"hex"}):r.setState({view:"rgb"}))},r.handleChange=function(o,i){o.hex?pi(o.hex)&&r.props.onChange({hex:o.hex,source:"hex"},i):o.r||o.g||o.b?r.props.onChange({r:o.r||r.props.rgb.r,g:o.g||r.props.rgb.g,b:o.b||r.props.rgb.b,source:"rgb"},i):o.a?(o.a<0?o.a=0:o.a>1&&(o.a=1),r.props.onChange({h:r.props.hsl.h,s:r.props.hsl.s,l:r.props.hsl.l,a:Math.round(o.a*100)/100,source:"rgb"},i)):(o.h||o.s||o.l)&&(typeof o.s=="string"&&o.s.includes("%")&&(o.s=o.s.replace("%","")),typeof o.l=="string"&&o.l.includes("%")&&(o.l=o.l.replace("%","")),o.s==1?o.s=.01:o.l==1&&(o.l=.01),r.props.onChange({h:o.h||r.props.hsl.h,s:Number(o_(o.s)?r.props.hsl.s:o.s),l:Number(o_(o.l)?r.props.hsl.l:o.l),source:"hsl"},i))},r.showHighlight=function(o){o.currentTarget.style.background="#eee"},r.hideHighlight=function(o){o.currentTarget.style.background="transparent"},n.hsl.a!==1&&n.view==="hex"?r.state={view:"rgb"}:r.state={view:n.view},r}return tSe(t,[{key:"render",value:function(){var r=this,o=Ce({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),i=void 0;return this.state.view==="hex"?i=v.createElement("div",{style:o.fields,className:"flexbox-fix"},v.createElement("div",{style:o.field},v.createElement(Ie,{style:{input:o.input,label:o.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?i=v.createElement("div",{style:o.fields,className:"flexbox-fix"},v.createElement("div",{style:o.field},v.createElement(Ie,{style:{input:o.input,label:o.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),v.createElement("div",{style:o.field},v.createElement(Ie,{style:{input:o.input,label:o.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),v.createElement("div",{style:o.field},v.createElement(Ie,{style:{input:o.input,label:o.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),v.createElement("div",{style:o.alpha},v.createElement(Ie,{style:{input:o.input,label:o.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(i=v.createElement("div",{style:o.fields,className:"flexbox-fix"},v.createElement("div",{style:o.field},v.createElement(Ie,{style:{input:o.input,label:o.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),v.createElement("div",{style:o.field},v.createElement(Ie,{style:{input:o.input,label:o.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),v.createElement("div",{style:o.field},v.createElement(Ie,{style:{input:o.input,label:o.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),v.createElement("div",{style:o.alpha},v.createElement(Ie,{style:{input:o.input,label:o.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),v.createElement("div",{style:o.wrap,className:"flexbox-fix"},i,v.createElement("div",{style:o.toggle},v.createElement("div",{style:o.icon,onClick:this.toggleViews,ref:function(s){return r.icon=s}},v.createElement(eSe,{style:o.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(r,o){return r.hsl.a!==1&&o.view==="hex"?{view:"rgb"}:null}}]),t}(v.Component);Y3.defaultProps={view:"hex"};var GA=function(){var t=Ce({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return v.createElement("div",{style:t.picker})},iSe=function(){var t=Ce({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return v.createElement("div",{style:t.picker})},hS=function(t){var n=t.width,r=t.onChange,o=t.disableAlpha,i=t.rgb,a=t.hsl,s=t.hsv,l=t.hex,c=t.renderers,u=t.styles,d=u===void 0?{}:u,f=t.className,h=f===void 0?"":f,p=t.defaultView,g=Ce(Rn({default:{picker:{width:n,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+i.r+", "+i.g+", "+i.b+", "+i.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},d),{disableAlpha:o});return v.createElement("div",{style:g.picker,className:"chrome-picker "+h},v.createElement("div",{style:g.saturation},v.createElement(Nh,{style:g.Saturation,hsl:a,hsv:s,pointer:iSe,onChange:r})),v.createElement("div",{style:g.body},v.createElement("div",{style:g.controls,className:"flexbox-fix"},v.createElement("div",{style:g.color},v.createElement("div",{style:g.swatch},v.createElement("div",{style:g.active}),v.createElement(Ds,{renderers:c}))),v.createElement("div",{style:g.toggles},v.createElement("div",{style:g.hue},v.createElement(zs,{style:g.Hue,hsl:a,pointer:GA,onChange:r})),v.createElement("div",{style:g.alpha},v.createElement(lS,{style:g.Alpha,rgb:i,hsl:a,pointer:GA,renderers:c,onChange:r})))),v.createElement(Y3,{rgb:i,hsl:a,hex:l,view:p,onChange:r,disableAlpha:o})))};hS.propTypes={width:ie.oneOfType([ie.string,ie.number]),disableAlpha:ie.bool,styles:ie.object,defaultView:ie.oneOf(["hex","rgb","hsl"])};hS.defaultProps={width:225,disableAlpha:!1,styles:{}};Pn(hS);var aSe=function(t){var n=t.color,r=t.onClick,o=r===void 0?function(){}:r,i=t.onSwatchHover,a=t.active,s=Ce({default:{color:{background:n,width:"15px",height:"15px",float:"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:uS(n),borderRadius:"50%",opacity:"0"}},active:{dot:{opacity:"1"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},dot:{background:"#000"}},transparent:{dot:{background:"#000"}}},{active:a,"color-#FFFFFF":n==="#FFFFFF",transparent:n==="transparent"});return v.createElement(Qi,{style:s.color,color:n,onClick:o,onHover:i,focusStyle:{boxShadow:"0 0 4px "+n}},v.createElement("div",{style:s.dot}))},sSe=function(t){var n=t.hex,r=t.rgb,o=t.onChange,i=Ce({default:{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:n},HEXwrap:{flex:"6",position:"relative"},HEXinput:{width:"80%",padding:"0px",paddingLeft:"20%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},HEXlabel:{display:"none"},RGBwrap:{flex:"3",position:"relative"},RGBinput:{width:"70%",padding:"0px",paddingLeft:"30%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},RGBlabel:{position:"absolute",top:"3px",left:"0px",lineHeight:"16px",textTransform:"uppercase",fontSize:"12px",color:"#999"}}}),a=function(l,c){l.r||l.g||l.b?o({r:l.r||r.r,g:l.g||r.g,b:l.b||r.b,source:"rgb"},c):o({hex:l.hex,source:"hex"},c)};return v.createElement("div",{style:i.fields,className:"flexbox-fix"},v.createElement("div",{style:i.active}),v.createElement(Ie,{style:{wrap:i.HEXwrap,input:i.HEXinput,label:i.HEXlabel},label:"hex",value:n,onChange:a}),v.createElement(Ie,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"r",value:r.r,onChange:a}),v.createElement(Ie,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"g",value:r.g,onChange:a}),v.createElement(Ie,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"b",value:r.b,onChange:a}))},pS=function(t){var n=t.onChange,r=t.onSwatchHover,o=t.colors,i=t.hex,a=t.rgb,s=t.styles,l=s===void 0?{}:s,c=t.className,u=c===void 0?"":c,d=Ce(Rn({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},l)),f=function(p,g){p.hex?pi(p.hex)&&n({hex:p.hex,source:"hex"},g):n(p,g)};return v.createElement(Uc,{style:d.Compact,styles:l},v.createElement("div",{style:d.compact,className:"compact-picker "+u},v.createElement("div",null,Hi(o,function(h){return v.createElement(aSe,{key:h,color:h,active:h.toLowerCase()===i,onClick:f,onSwatchHover:r})}),v.createElement("div",{style:d.clear})),v.createElement(sSe,{hex:i,rgb:a,onChange:f})))};pS.propTypes={colors:ie.arrayOf(ie.string),styles:ie.object};pS.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"],styles:{}};Pn(pS);var lSe=function(t){var n=t.hover,r=t.color,o=t.onClick,i=t.onSwatchHover,a={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},s=Ce({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:a}},{hover:n});return v.createElement("div",{style:s.swatch},v.createElement(Qi,{color:r,onClick:o,onHover:i,focusStyle:a}))};const cSe=sS.handleHover(lSe);var gS=function(t){var n=t.width,r=t.colors,o=t.onChange,i=t.onSwatchHover,a=t.triangle,s=t.styles,l=s===void 0?{}:s,c=t.className,u=c===void 0?"":c,d=Ce(Rn({default:{card:{width:n,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},l),{"hide-triangle":a==="hide","top-left-triangle":a==="top-left","top-right-triangle":a==="top-right","bottom-left-triangle":a==="bottom-left","bottom-right-triangle":a==="bottom-right"}),f=function(p,g){return o({hex:p,source:"hex"},g)};return v.createElement("div",{style:d.card,className:"github-picker "+u},v.createElement("div",{style:d.triangleShadow}),v.createElement("div",{style:d.triangle}),Hi(r,function(h){return v.createElement(cSe,{color:h,key:h,onClick:f,onSwatchHover:i})}))};gS.propTypes={width:ie.oneOfType([ie.string,ie.number]),colors:ie.arrayOf(ie.string),triangle:ie.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:ie.object};gS.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};Pn(gS);var uSe=function(t){var n=t.direction,r=Ce({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:n==="vertical"});return v.createElement("div",{style:r.picker})},dSe=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},mS=function(t){var n=t.width,r=t.height,o=t.onChange,i=t.hsl,a=t.direction,s=t.pointer,l=t.styles,c=l===void 0?{}:l,u=t.className,d=u===void 0?"":u,f=Ce(Rn({default:{picker:{position:"relative",width:n,height:r},hue:{radius:"2px"}}},c)),h=function(g){return o({a:1,h:g.h,l:.5,s:1})};return v.createElement("div",{style:f.picker,className:"hue-picker "+d},v.createElement(zs,dSe({},f.hue,{hsl:i,pointer:s,onChange:h,direction:a})))};mS.propTypes={styles:ie.object};mS.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:uSe,styles:{}};Pn(mS);var fSe=function(t){var n=t.onChange,r=t.hex,o=t.rgb,i=t.styles,a=i===void 0?{}:i,s=t.className,l=s===void 0?"":s,c=Ce(Rn({default:{material:{width:"98px",height:"98px",padding:"16px",fontFamily:"Roboto"},HEXwrap:{position:"relative"},HEXinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"2px solid "+r,outline:"none",height:"30px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},Hex:{style:{}},RGBwrap:{position:"relative"},RGBinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"1px solid #eee",outline:"none",height:"30px"},RGBlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},split:{display:"flex",marginRight:"-10px",paddingTop:"11px"},third:{flex:"1",paddingRight:"10px"}}},a)),u=function(f,h){f.hex?pi(f.hex)&&n({hex:f.hex,source:"hex"},h):(f.r||f.g||f.b)&&n({r:f.r||o.r,g:f.g||o.g,b:f.b||o.b,source:"rgb"},h)};return v.createElement(Uc,{styles:a},v.createElement("div",{style:c.material,className:"material-picker "+l},v.createElement(Ie,{style:{wrap:c.HEXwrap,input:c.HEXinput,label:c.HEXlabel},label:"hex",value:r,onChange:u}),v.createElement("div",{style:c.split,className:"flexbox-fix"},v.createElement("div",{style:c.third},v.createElement(Ie,{style:{wrap:c.RGBwrap,input:c.RGBinput,label:c.RGBlabel},label:"r",value:o.r,onChange:u})),v.createElement("div",{style:c.third},v.createElement(Ie,{style:{wrap:c.RGBwrap,input:c.RGBinput,label:c.RGBlabel},label:"g",value:o.g,onChange:u})),v.createElement("div",{style:c.third},v.createElement(Ie,{style:{wrap:c.RGBwrap,input:c.RGBinput,label:c.RGBlabel},label:"b",value:o.b,onChange:u})))))};Pn(fSe);var hSe=function(t){var n=t.onChange,r=t.rgb,o=t.hsv,i=t.hex,a=Ce({default:{fields:{paddingTop:"5px",paddingBottom:"9px",width:"80px",position:"relative"},divider:{height:"5px"},RGBwrap:{position:"relative"},RGBinput:{marginLeft:"40%",width:"40%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"5px",fontSize:"13px",paddingLeft:"3px",marginRight:"10px"},RGBlabel:{left:"0px",top:"0px",width:"34px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px",position:"absolute"},HEXwrap:{position:"relative"},HEXinput:{marginLeft:"20%",width:"80%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"6px",fontSize:"13px",paddingLeft:"3px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",width:"14px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px"},fieldSymbols:{position:"absolute",top:"5px",right:"-7px",fontSize:"13px"},symbol:{height:"20px",lineHeight:"22px",paddingBottom:"7px"}}}),s=function(c,u){c["#"]?pi(c["#"])&&n({hex:c["#"],source:"hex"},u):c.r||c.g||c.b?n({r:c.r||r.r,g:c.g||r.g,b:c.b||r.b,source:"rgb"},u):(c.h||c.s||c.v)&&n({h:c.h||o.h,s:c.s||o.s,v:c.v||o.v,source:"hsv"},u)};return v.createElement("div",{style:a.fields},v.createElement(Ie,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"h",value:Math.round(o.h),onChange:s}),v.createElement(Ie,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"s",value:Math.round(o.s*100),onChange:s}),v.createElement(Ie,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"v",value:Math.round(o.v*100),onChange:s}),v.createElement("div",{style:a.divider}),v.createElement(Ie,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"r",value:r.r,onChange:s}),v.createElement(Ie,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"g",value:r.g,onChange:s}),v.createElement(Ie,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"b",value:r.b,onChange:s}),v.createElement("div",{style:a.divider}),v.createElement(Ie,{style:{wrap:a.HEXwrap,input:a.HEXinput,label:a.HEXlabel},label:"#",value:i.replace("#",""),onChange:s}),v.createElement("div",{style:a.fieldSymbols},v.createElement("div",{style:a.symbol},"°"),v.createElement("div",{style:a.symbol},"%"),v.createElement("div",{style:a.symbol},"%")))},pSe=function(t){var n=t.hsl,r=Ce({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}},"black-outline":{picker:{boxShadow:"inset 0 0 0 1px #000"}}},{"black-outline":n.l>.5});return v.createElement("div",{style:r.picker})},gSe=function(){var t=Ce({default:{triangle:{width:0,height:0,borderStyle:"solid",borderWidth:"4px 0 4px 6px",borderColor:"transparent transparent transparent #fff",position:"absolute",top:"1px",left:"1px"},triangleBorder:{width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #555"},left:{Extend:"triangleBorder",transform:"translate(-13px, -4px)"},leftInside:{Extend:"triangle",transform:"translate(-8px, -5px)"},right:{Extend:"triangleBorder",transform:"translate(20px, -14px) rotate(180deg)"},rightInside:{Extend:"triangle",transform:"translate(-8px, -5px)"}}});return v.createElement("div",{style:t.pointer},v.createElement("div",{style:t.left},v.createElement("div",{style:t.leftInside})),v.createElement("div",{style:t.right},v.createElement("div",{style:t.rightInside})))},WA=function(t){var n=t.onClick,r=t.label,o=t.children,i=t.active,a=Ce({default:{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:i});return v.createElement("div",{style:a.button,onClick:n},r||o)},mSe=function(t){var n=t.rgb,r=t.currentColor,o=Ce({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+n.r+","+n.g+", "+n.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:r,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return v.createElement("div",null,v.createElement("div",{style:o.label},"new"),v.createElement("div",{style:o.swatches},v.createElement("div",{style:o.new}),v.createElement("div",{style:o.current})),v.createElement("div",{style:o.label},"current"))},vSe=function(){function e(t,n){for(var r=0;r<n.length;r++){var o=n[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function ySe(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function bSe(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e}function xSe(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var vS=function(e){xSe(t,e);function t(n){ySe(this,t);var r=bSe(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return r.state={currentColor:n.hex},r}return vSe(t,[{key:"render",value:function(){var r=this.props,o=r.styles,i=o===void 0?{}:o,a=r.className,s=a===void 0?"":a,l=Ce(Rn({default:{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}},i));return v.createElement("div",{style:l.picker,className:"photoshop-picker "+s},v.createElement("div",{style:l.head},this.props.header),v.createElement("div",{style:l.body,className:"flexbox-fix"},v.createElement("div",{style:l.saturation},v.createElement(Nh,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:pSe,onChange:this.props.onChange})),v.createElement("div",{style:l.hue},v.createElement(zs,{direction:"vertical",hsl:this.props.hsl,pointer:gSe,onChange:this.props.onChange})),v.createElement("div",{style:l.controls},v.createElement("div",{style:l.top,className:"flexbox-fix"},v.createElement("div",{style:l.previews},v.createElement(mSe,{rgb:this.props.rgb,currentColor:this.state.currentColor})),v.createElement("div",{style:l.actions},v.createElement(WA,{label:"OK",onClick:this.props.onAccept,active:!0}),v.createElement(WA,{label:"Cancel",onClick:this.props.onCancel}),v.createElement(hSe,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),t}(v.Component);vS.propTypes={header:ie.string,styles:ie.object};vS.defaultProps={header:"Color Picker",styles:{}};Pn(vS);var wSe=function(t){var n=t.onChange,r=t.rgb,o=t.hsl,i=t.hex,a=t.disableAlpha,s=Ce({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:a}),l=function(u,d){u.hex?pi(u.hex)&&n({hex:u.hex,source:"hex"},d):u.r||u.g||u.b?n({r:u.r||r.r,g:u.g||r.g,b:u.b||r.b,a:r.a,source:"rgb"},d):u.a&&(u.a<0?u.a=0:u.a>100&&(u.a=100),u.a/=100,n({h:o.h,s:o.s,l:o.l,a:u.a,source:"rgb"},d))};return v.createElement("div",{style:s.fields,className:"flexbox-fix"},v.createElement("div",{style:s.double},v.createElement(Ie,{style:{input:s.input,label:s.label},label:"hex",value:i.replace("#",""),onChange:l})),v.createElement("div",{style:s.single},v.createElement(Ie,{style:{input:s.input,label:s.label},label:"r",value:r.r,onChange:l,dragLabel:"true",dragMax:"255"})),v.createElement("div",{style:s.single},v.createElement(Ie,{style:{input:s.input,label:s.label},label:"g",value:r.g,onChange:l,dragLabel:"true",dragMax:"255"})),v.createElement("div",{style:s.single},v.createElement(Ie,{style:{input:s.input,label:s.label},label:"b",value:r.b,onChange:l,dragLabel:"true",dragMax:"255"})),v.createElement("div",{style:s.alpha},v.createElement(Ie,{style:{input:s.input,label:s.label},label:"a",value:Math.round(r.a*100),onChange:l,dragLabel:"true",dragMax:"100"})))},SSe=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},X3=function(t){var n=t.colors,r=t.onClick,o=r===void 0?function(){}:r,i=t.onSwatchHover,a=Ce({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!n||!n.length}),s=function(c,u){o({hex:c,source:"hex"},u)};return v.createElement("div",{style:a.colors,className:"flexbox-fix"},n.map(function(l){var c=typeof l=="string"?{color:l}:l,u=""+c.color+(c.title||"");return v.createElement("div",{key:u,style:a.swatchWrap},v.createElement(Qi,SSe({},c,{style:a.swatch,onClick:s,onHover:i,focusStyle:{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px "+c.color}})))}))};X3.propTypes={colors:ie.arrayOf(ie.oneOfType([ie.string,ie.shape({color:ie.string,title:ie.string})])).isRequired};var CSe=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},yS=function(t){var n=t.width,r=t.rgb,o=t.hex,i=t.hsv,a=t.hsl,s=t.onChange,l=t.onSwatchHover,c=t.disableAlpha,u=t.presetColors,d=t.renderers,f=t.styles,h=f===void 0?{}:f,p=t.className,g=p===void 0?"":p,m=Ce(Rn({default:CSe({picker:{width:n,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+r.r+","+r.g+","+r.b+","+r.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},h),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},h),{disableAlpha:c});return v.createElement("div",{style:m.picker,className:"sketch-picker "+g},v.createElement("div",{style:m.saturation},v.createElement(Nh,{style:m.Saturation,hsl:a,hsv:i,onChange:s})),v.createElement("div",{style:m.controls,className:"flexbox-fix"},v.createElement("div",{style:m.sliders},v.createElement("div",{style:m.hue},v.createElement(zs,{style:m.Hue,hsl:a,onChange:s})),v.createElement("div",{style:m.alpha},v.createElement(lS,{style:m.Alpha,rgb:r,hsl:a,renderers:d,onChange:s}))),v.createElement("div",{style:m.color},v.createElement(Ds,null),v.createElement("div",{style:m.activeColor}))),v.createElement(wSe,{rgb:r,hsl:a,hex:o,onChange:s,disableAlpha:c}),v.createElement(X3,{colors:u,onClick:s,onSwatchHover:l}))};yS.propTypes={disableAlpha:ie.bool,width:ie.oneOfType([ie.string,ie.number]),styles:ie.object};yS.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]};const _Se=Pn(yS);var nl=function(t){var n=t.hsl,r=t.offset,o=t.onClick,i=o===void 0?function(){}:o,a=t.active,s=t.first,l=t.last,c=Ce({default:{swatch:{height:"12px",background:"hsl("+n.h+", 50%, "+r*100+"%)",cursor:"pointer"}},first:{swatch:{borderRadius:"2px 0 0 2px"}},last:{swatch:{borderRadius:"0 2px 2px 0"}},active:{swatch:{transform:"scaleY(1.8)",borderRadius:"3.6px/2px"}}},{active:a,first:s,last:l}),u=function(f){return i({h:n.h,s:.5,l:r,source:"hsl"},f)};return v.createElement("div",{style:c.swatch,onClick:u})},ESe=function(t){var n=t.onClick,r=t.hsl,o=Ce({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}}),i=.1;return v.createElement("div",{style:o.swatches},v.createElement("div",{style:o.swatch},v.createElement(nl,{hsl:r,offset:".80",active:Math.abs(r.l-.8)<i&&Math.abs(r.s-.5)<i,onClick:n,first:!0})),v.createElement("div",{style:o.swatch},v.createElement(nl,{hsl:r,offset:".65",active:Math.abs(r.l-.65)<i&&Math.abs(r.s-.5)<i,onClick:n})),v.createElement("div",{style:o.swatch},v.createElement(nl,{hsl:r,offset:".50",active:Math.abs(r.l-.5)<i&&Math.abs(r.s-.5)<i,onClick:n})),v.createElement("div",{style:o.swatch},v.createElement(nl,{hsl:r,offset:".35",active:Math.abs(r.l-.35)<i&&Math.abs(r.s-.5)<i,onClick:n})),v.createElement("div",{style:o.swatch},v.createElement(nl,{hsl:r,offset:".20",active:Math.abs(r.l-.2)<i&&Math.abs(r.s-.5)<i,onClick:n,last:!0})),v.createElement("div",{style:o.clear}))},kSe=function(){var t=Ce({default:{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return v.createElement("div",{style:t.picker})},bS=function(t){var n=t.hsl,r=t.onChange,o=t.pointer,i=t.styles,a=i===void 0?{}:i,s=t.className,l=s===void 0?"":s,c=Ce(Rn({default:{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}},a));return v.createElement("div",{style:c.wrap||{},className:"slider-picker "+l},v.createElement("div",{style:c.hue},v.createElement(zs,{style:c.Hue,hsl:n,pointer:o,onChange:r})),v.createElement("div",{style:c.swatches},v.createElement(ESe,{hsl:n,onClick:r})))};bS.propTypes={styles:ie.object};bS.defaultProps={pointer:kSe,styles:{}};Pn(bS);var Uu={},KA;function OSe(){if(KA)return Uu;KA=1,Object.defineProperty(Uu,"__esModule",{value:!0});var e=Object.assign||function(a){for(var s=1;s<arguments.length;s++){var l=arguments[s];for(var c in l)Object.prototype.hasOwnProperty.call(l,c)&&(a[c]=l[c])}return a},t=v,n=r(t);function r(a){return a&&a.__esModule?a:{default:a}}function o(a,s){var l={};for(var c in a)s.indexOf(c)>=0||Object.prototype.hasOwnProperty.call(a,c)&&(l[c]=a[c]);return l}var i=24;return Uu.default=function(a){var s=a.fill,l=s===void 0?"currentColor":s,c=a.width,u=c===void 0?i:c,d=a.height,f=d===void 0?i:d,h=a.style,p=h===void 0?{}:h,g=o(a,["fill","width","height","style"]);return n.default.createElement("svg",e({viewBox:"0 0 "+i+" "+i,style:e({fill:l,width:u,height:f},p)},g),n.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))},Uu}var NSe=OSe();const RSe=di(NSe);var TSe=function(t){var n=t.color,r=t.onClick,o=r===void 0?function(){}:r,i=t.onSwatchHover,a=t.first,s=t.last,l=t.active,c=Ce({default:{color:{width:"40px",height:"24px",cursor:"pointer",background:n,marginBottom:"1px"},check:{color:uS(n),marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},check:{color:"#333"}},transparent:{check:{color:"#333"}}},{first:a,last:s,active:l,"color-#FFFFFF":n==="#FFFFFF",transparent:n==="transparent"});return v.createElement(Qi,{color:n,style:c.color,onClick:o,onHover:i,focusStyle:{boxShadow:"0 0 4px "+n}},v.createElement("div",{style:c.check},v.createElement(RSe,null)))},ASe=function(t){var n=t.onClick,r=t.onSwatchHover,o=t.group,i=t.active,a=Ce({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return v.createElement("div",{style:a.group},Hi(o,function(s,l){return v.createElement(TSe,{key:s,color:s,active:s.toLowerCase()===i,first:l===0,last:l===o.length-1,onClick:n,onSwatchHover:r})}))},xS=function(t){var n=t.width,r=t.height,o=t.onChange,i=t.onSwatchHover,a=t.colors,s=t.hex,l=t.styles,c=l===void 0?{}:l,u=t.className,d=u===void 0?"":u,f=Ce(Rn({default:{picker:{width:n,height:r},overflow:{height:r,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}},c)),h=function(g,m){return o({hex:g,source:"hex"},m)};return v.createElement("div",{style:f.picker,className:"swatches-picker "+d},v.createElement(Uc,null,v.createElement("div",{style:f.overflow},v.createElement("div",{style:f.body},Hi(a,function(p){return v.createElement(ASe,{key:p.toString(),group:p,active:s,onClick:h,onSwatchHover:i})}),v.createElement("div",{style:f.clear})))))};xS.propTypes={width:ie.oneOfType([ie.string,ie.number]),height:ie.oneOfType([ie.string,ie.number]),colors:ie.arrayOf(ie.arrayOf(ie.string)),styles:ie.object};xS.defaultProps={width:320,height:240,colors:[[va[900],va[700],va[500],va[300],va[100]],[ya[900],ya[700],ya[500],ya[300],ya[100]],[ba[900],ba[700],ba[500],ba[300],ba[100]],[xa[900],xa[700],xa[500],xa[300],xa[100]],[wa[900],wa[700],wa[500],wa[300],wa[100]],[Sa[900],Sa[700],Sa[500],Sa[300],Sa[100]],[Ca[900],Ca[700],Ca[500],Ca[300],Ca[100]],[_a[900],_a[700],_a[500],_a[300],_a[100]],[Ea[900],Ea[700],Ea[500],Ea[300],Ea[100]],["#194D33",bl[700],bl[500],bl[300],bl[100]],[ka[900],ka[700],ka[500],ka[300],ka[100]],[Oa[900],Oa[700],Oa[500],Oa[300],Oa[100]],[Na[900],Na[700],Na[500],Na[300],Na[100]],[Ra[900],Ra[700],Ra[500],Ra[300],Ra[100]],[Ta[900],Ta[700],Ta[500],Ta[300],Ta[100]],[Aa[900],Aa[700],Aa[500],Aa[300],Aa[100]],[Pa[900],Pa[700],Pa[500],Pa[300],Pa[100]],[Ma[900],Ma[700],Ma[500],Ma[300],Ma[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]],styles:{}};Pn(xS);var wS=function(t){var n=t.onChange,r=t.onSwatchHover,o=t.hex,i=t.colors,a=t.width,s=t.triangle,l=t.styles,c=l===void 0?{}:l,u=t.className,d=u===void 0?"":u,f=Ce(Rn({default:{card:{width:a,background:"#fff",border:"0 solid rgba(0,0,0,0.25)",boxShadow:"0 1px 4px rgba(0,0,0,0.25)",borderRadius:"4px",position:"relative"},body:{padding:"15px 9px 9px 15px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent #fff transparent",position:"absolute"},triangleShadow:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent rgba(0,0,0,.1) transparent",position:"absolute"},hash:{background:"#F0F0F0",height:"30px",width:"30px",borderRadius:"4px 0 0 4px",float:"left",color:"#98A1A4",display:"flex",alignItems:"center",justifyContent:"center"},input:{width:"100px",fontSize:"14px",color:"#666",border:"0px",outline:"none",height:"28px",boxShadow:"inset 0 0 0 1px #F0F0F0",boxSizing:"content-box",borderRadius:"0 4px 4px 0",float:"left",paddingLeft:"8px"},swatch:{width:"30px",height:"30px",float:"left",borderRadius:"4px",margin:"0 6px 6px 0"},clear:{clear:"both"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-10px",left:"12px"},triangleShadow:{top:"-11px",left:"12px"}},"top-right-triangle":{triangle:{top:"-10px",right:"12px"},triangleShadow:{top:"-11px",right:"12px"}}},c),{"hide-triangle":s==="hide","top-left-triangle":s==="top-left","top-right-triangle":s==="top-right"}),h=function(g,m){pi(g)&&n({hex:g,source:"hex"},m)};return v.createElement("div",{style:f.card,className:"twitter-picker "+d},v.createElement("div",{style:f.triangleShadow}),v.createElement("div",{style:f.triangle}),v.createElement("div",{style:f.body},Hi(i,function(p,g){return v.createElement(Qi,{key:g,color:p,hex:p,style:f.swatch,onClick:h,onHover:r,focusStyle:{boxShadow:"0 0 4px "+p}})}),v.createElement("div",{style:f.hash},"#"),v.createElement(Ie,{label:null,style:{input:f.input},value:o.replace("#",""),onChange:h}),v.createElement("div",{style:f.clear})))};wS.propTypes={width:ie.oneOfType([ie.string,ie.number]),triangle:ie.oneOf(["hide","top-left","top-right"]),colors:ie.arrayOf(ie.string),styles:ie.object};wS.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}};Pn(wS);var SS=function(t){var n=Ce({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(t.hsl.h)+", "+Math.round(t.hsl.s*100)+"%, "+Math.round(t.hsl.l*100)+"%)"}}});return v.createElement("div",{style:n.picker})};SS.propTypes={hsl:ie.shape({h:ie.number,s:ie.number,l:ie.number,a:ie.number})};SS.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var CS=function(t){var n=Ce({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(t.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return v.createElement("div",{style:n.picker})};CS.propTypes={hsl:ie.shape({h:ie.number,s:ie.number,l:ie.number,a:ie.number})};CS.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var PSe=function(t){var n=t.onChange,r=t.rgb,o=t.hsl,i=t.hex,a=t.hsv,s=function(h,p){if(h.hex)pi(h.hex)&&n({hex:h.hex,source:"hex"},p);else if(h.rgb){var g=h.rgb.split(",");ay(h.rgb,"rgb")&&n({r:g[0],g:g[1],b:g[2],a:1,source:"rgb"},p)}else if(h.hsv){var m=h.hsv.split(",");ay(h.hsv,"hsv")&&(m[2]=m[2].replace("%",""),m[1]=m[1].replace("%",""),m[0]=m[0].replace("°",""),m[1]==1?m[1]=.01:m[2]==1&&(m[2]=.01),n({h:Number(m[0]),s:Number(m[1]),v:Number(m[2]),source:"hsv"},p))}else if(h.hsl){var y=h.hsl.split(",");ay(h.hsl,"hsl")&&(y[2]=y[2].replace("%",""),y[1]=y[1].replace("%",""),y[0]=y[0].replace("°",""),d[1]==1?d[1]=.01:d[2]==1&&(d[2]=.01),n({h:Number(y[0]),s:Number(y[1]),v:Number(y[2]),source:"hsl"},p))}},l=Ce({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),c=r.r+", "+r.g+", "+r.b,u=Math.round(o.h)+"°, "+Math.round(o.s*100)+"%, "+Math.round(o.l*100)+"%",d=Math.round(a.h)+"°, "+Math.round(a.s*100)+"%, "+Math.round(a.v*100)+"%";return v.createElement("div",{style:l.wrap,className:"flexbox-fix"},v.createElement("div",{style:l.fields},v.createElement("div",{style:l.double},v.createElement(Ie,{style:{input:l.input,label:l.label},label:"hex",value:i,onChange:s})),v.createElement("div",{style:l.column},v.createElement("div",{style:l.single},v.createElement(Ie,{style:{input:l.input2,label:l.label2},label:"rgb",value:c,onChange:s})),v.createElement("div",{style:l.single},v.createElement(Ie,{style:{input:l.input2,label:l.label2},label:"hsv",value:d,onChange:s})),v.createElement("div",{style:l.single},v.createElement(Ie,{style:{input:l.input2,label:l.label2},label:"hsl",value:u,onChange:s})))))},_S=function(t){var n=t.width,r=t.onChange,o=t.rgb,i=t.hsl,a=t.hsv,s=t.hex,l=t.header,c=t.styles,u=c===void 0?{}:c,d=t.className,f=d===void 0?"":d,h=Ce(Rn({default:{picker:{width:n,background:"#fff",border:"1px solid #dfe1e5",boxSizing:"initial",display:"flex",flexWrap:"wrap",borderRadius:"8px 8px 0px 0px"},head:{height:"57px",width:"100%",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"16px",fontSize:"20px",boxSizing:"border-box",fontFamily:"Roboto-Regular,HelveticaNeue,Arial,sans-serif"},saturation:{width:"70%",padding:"0px",position:"relative",overflow:"hidden"},swatch:{width:"30%",height:"228px",padding:"0px",background:"rgba("+o.r+", "+o.g+", "+o.b+", 1)",position:"relative",overflow:"hidden"},body:{margin:"auto",width:"95%"},controls:{display:"flex",boxSizing:"border-box",height:"52px",paddingTop:"22px"},color:{width:"32px"},hue:{height:"8px",position:"relative",margin:"0px 16px 0px 16px",width:"100%"},Hue:{radius:"2px"}}},u));return v.createElement("div",{style:h.picker,className:"google-picker "+f},v.createElement("div",{style:h.head},l),v.createElement("div",{style:h.swatch}),v.createElement("div",{style:h.saturation},v.createElement(Nh,{hsl:i,hsv:a,pointer:SS,onChange:r})),v.createElement("div",{style:h.body},v.createElement("div",{style:h.controls,className:"flexbox-fix"},v.createElement("div",{style:h.hue},v.createElement(zs,{style:h.Hue,hsl:i,radius:"4px",pointer:CS,onChange:r}))),v.createElement(PSe,{rgb:o,hsl:i,hex:s,hsv:a,onChange:r})))};_S.propTypes={width:ie.oneOfType([ie.string,ie.number]),styles:ie.object,header:ie.string};_S.defaultProps={width:652,styles:{},header:"Color picker"};Pn(_S);const J3=({onValueChange:e,initialValue:t,value:n})=>w.jsx(K.ConfigProvider,{theme:{token:{borderRadius:4}},children:w.jsx(K.Popover,{trigger:"click",content:w.jsx(_Se,{color:n||t,onChange:r=>{const o=`rgba(${r.rgb.r},${r.rgb.g},${r.rgb.b}, ${r.rgb.a||1})`;e==null||e(o)}}),placement:"bottomLeft",overlayInnerStyle:{padding:0},arrow:{pointAtCenter:!1},children:w.jsx(K.Input,{placeholder:"color",value:n,onChange:r=>{e==null||e(r.target.value)},prefix:w.jsx("div",{style:{backgroundColor:n||"transparent",width:"10px",height:"10px",borderRadius:"4px",overflow:"hidden"}})})})});J3.setterName="颜色设置器";const Gc=[{label:"Recommended",colors:["#000000","#000000E0","#000000A6","#00000073","#00000040","#00000026","#0000001A","#00000012","#0000000A","#00000005","#F5222D","#FA8C16","#FADB14","#8BBB11","#52C41A","#13A8A8","#1677FF","#2F54EB","#722ED1","#EB2F96","#F5222D4D","#FA8C164D","#FADB144D","#8BBB114D","#52C41A4D","#13A8A84D","#1677FF4D","#2F54EB4D","#722ED14D","#EB2F964D"]}],Q3=({onValueChange:e,initialValue:t,value:n,setterContext:r,...o})=>w.jsx(K.ConfigProvider,{theme:{token:{borderRadius:4}},children:w.jsx(K.ColorPicker,{showText:!0,allowClear:!0,value:n??t,onChangeComplete:i=>{e==null||e(i.toRgbString())},presets:Gc,...o})});Q3.setterName="颜色设置器";const Z3=({onValueChange:e,setterContext:t,initialValue:n,...r})=>w.jsx(K.Slider,{...r,value:r.value??n,onChange:o=>{var i;(i=r.onChange)==null||i.call(r,o),e==null||e(o)}});Z3.setterName="滑动条设置器";const e6=({onValueChange:e,value:t,initialValue:n,setterContext:r,...o})=>w.jsx(K.ConfigProvider,{theme:{token:{borderRadius:4}},children:w.jsx(K.Radio.Group,{onChange:i=>{e==null||e(i.target.value)},defaultValue:n,value:t,...o})});e6.setterName="单选设置器";const MSe="_cssSizeInput_1ig9c_2",jSe="_unitSelect_1ig9c_5",YA={cssSizeInput:MSe,unitSelect:jSe},ISe="_inputNumberPlus_1hb66_2",$Se="_delIcon_1hb66_5",XA={inputNumberPlus:ISe,delIcon:$Se},LSe=({min:e,max:t,value:n,onChange:r,addonAfter:o,...i})=>{const a=c=>{r==null||r(c)},s=c=>{let u=c;e!==void 0&&(u=Math.max(e,u)),t!==void 0&&(u=Math.min(t,u)),a(u)},l=v.useMemo(()=>{if(n===void 0)return!0;let c=n;return e!==void 0&&(c=Math.max(e,c)),t!==void 0&&(c=Math.min(t,c)),c===n},[t,e,n]);return w.jsxs("div",{className:XA.inputNumberPlus,children:[w.jsxs("div",{style:{display:"flex",position:"relative"},children:[w.jsx(K.Input,{...i,status:l?void 0:"error",value:n,onChange:c=>{const u=parseInt(c.target.value||"0",10);s(u)}}),w.jsx(e1,{className:XA.delIcon,style:{position:"absolute",color:"gray",right:"2px",top:"5px"},onClickCapture:()=>{a(void 0)}})]}),o]})},JA=[{value:"px",label:"px"},{value:"%",label:"%"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"rem",label:"rem"}],DSe=function(e){const t=v.useRef({status:"",start:{x:0,y:0,cumulativeX:0,cumulativeY:0},processing:{x:0,y:0,cumulativeX:0,cumulativeY:0},mouseDown:!1}),n=v.useCallback(i=>{var s;t.current.mouseDown=!1;const{processing:a}=t.current;(s=e==null?void 0:e.onEnd)==null||s.call(e,{...a}),t.current.status="",t.current.processing.cumulativeX=0,t.current.processing.cumulativeY=0},[e]),r=v.useCallback(i=>{t.current.mouseDown=!0},[]),o=v.useCallback(i=>{var h,p,g;if(!t.current.mouseDown)return;const{start:a,processing:s}=t.current,l=i.clientX-a.x,c=i.clientY-a.y,u=10;if(t.current.status!=="running"&&(Math.abs(l)>u||Math.abs(c)>u)){t.current.status="running";const m=t.current.start;m.x=i.clientX,m.y=i.clientY,(h=e==null?void 0:e.onStart)==null||h.call(e,{...m})}if(t.current.status!=="running")return;s.x=i.clientX,s.y=i.clientY,s.cumulativeX=i.clientX-a.x,s.cumulativeY=i.clientY-a.y;const[d,f]=((p=e==null?void 0:e.limitCumulative)==null?void 0:p.x)||[];if(d!==void 0&&s.cumulativeX<d){n(i);return}if(f!==void 0&&s.cumulativeX>f){n(i);return}(g=e==null?void 0:e.onChange)==null||g.call(e,{...s})},[e,n]);return v.useEffect(()=>{const i=ni.addEventListenerReturnCancel(document.body,"mousemove",l=>{o(l)}),a=ni.addEventListenerReturnCancel(document.body,"mouseup",l=>{n(l)}),s=ni.addEventListenerReturnCancel(document.body,"mouseleave",l=>{n(l)});return()=>{i(),a(),s()}},[n,o]),{onMouseDown:r}},qt=e=>{const t=String(e.value),[n,r]=v.useState({value:0,status:""}),o=v.useMemo(()=>{const m={value:void 0,unit:"px"};if(e.value===void 0)return m;const y=parseFloat(e.value||"");isNaN(y)||(m.value=y);let b="px";return m.value!==void 0&&(b=t.replace(String(m.value),"").trim()),["px","%","rem","vw","vx"].includes(b)&&(m.unit=b||"px"),m},[t,e.value]),i=v.useMemo(()=>e.unitList?e.unitList.map(m=>JA.find(y=>y.value===m)).filter(Boolean):JA,[e.unitList]),a=v.useMemo(()=>{var m,y;return{min:typeof e.min=="number"?e.min:(m=e.min)==null?void 0:m[o.unit],max:typeof e.max=="number"?e.max:(y=e.max)==null?void 0:y[o.unit]}},[e,o]),s=v.useMemo(()=>{const m={...o};return n.status==="dragging"&&(m.value=n.value),m},[o,n]),l=v.useCallback(m=>{var b;let y=`${m.value}${m.unit}`;m.value===void 0&&(y=void 0),(b=e.onValueChange)==null||b.call(e,y)},[e]),c=v.useCallback((m,y)=>{let b={...m};e.cumulativeTransform&&(b=e.cumulativeTransform(b));let S=y??0;isNaN(S)&&(S=0);let x=S+b.cumulativeX;return a.min!==void 0&&(x=Math.max(x,a.min)),a.max!==void 0&&(x=Math.min(x,a.max)),x},[a.max,a.min,e]),u=v.useCallback(m=>{r({status:"dragging",value:c(m,o.value)})},[o.value,c]),d=v.useCallback(m=>{const y=c(m,o.value);r({status:"dragging",value:y})},[o.unit,o.value]),f=v.useCallback(m=>{const y=c(m,o.value);n.status==="dragging"&&(l({value:y,unit:o.unit}),r({status:"",value:0}))},[n.status,o,c,l]),h=v.useRef({onStart:u,onChange:d,onEnd:f});h.current={onStart:u,onChange:d,onEnd:f};const p=DSe({onStart:m=>h.current.onStart(m),onChange:m=>h.current.onChange(m),onEnd:m=>h.current.onEnd(m),limitCumulative:{x:[-60,void 0]}}),g=w.jsx("span",{className:YA.unitSelect,children:w.jsx(K.Select,{size:e.size,disabled:s.value===void 0,defaultValue:"px",value:s.unit,onChange:m=>{l({value:s.value,unit:m})},style:{width:"40px"},popupMatchSelectWidth:!1,options:i})});return w.jsx(K.ConfigProvider,{theme:{token:{borderRadius:2}},children:w.jsx("div",{className:YA.cssSizeInput,...p,style:e.style,children:w.jsx(LSe,{size:e.size,value:s.value,addonAfter:e.unit===!1?"":g,min:a.min,max:a.max,onChange:m=>{l({value:m,unit:s.unit})}})})})},t6=({onValueChange:e,setterContext:t,initialValue:n,...r})=>w.jsx(K.ConfigProvider,{theme:{token:{borderRadius:4}},children:w.jsx(qt,{min:0,...r,value:r.value??n,onValueChange:o=>{e==null||e(o)}})});t6.setterName="CSS size 设置器";const ko={StringSetter:ND,ArraySetter:QD,ShapeSetter:ZD,NumberSetter:RD,ExpressionSetter:e3,BooleanSetter:t3,SelectSetter:n3,JSONSetter:f3,FunctionSetter:qw,TextAreaSetter:h3,CSSValueSetter:m3,ColorSetter:J3,SliderSetter:Z3,AntDColorSetter:Q3,RadioGroupSetter:e6,CSSSizeSetter:t6},zSe="_fieldBox_1nwst_3",FSe="_label_1nwst_11",BSe="_tipsLabel_1nwst_24",VSe="_content_1nwst_31",HSe="_error_1nwst_36",qSe="_errorTipIcon_1nwst_42",ha={fieldBox:zSe,label:FSe,tipsLabel:BSe,content:VSe,error:HSe,errorTipIcon:qSe},Sr=e=>{const{children:t,label:n,tips:r,name:o,hiddenLabel:i}=e,[a,s]=v.useState({isPass:!0,errorMsg:""});let l=n;const{formState:c,updateContext:u,updateConditionConfig:d}=v.useContext(dh);if(v.useEffect(()=>{e.condition&&d(o,e.condition)},[o,e.condition,d]),v.useEffect(()=>{var y;const m=(e.condition??(()=>!0))(c);(y=e.onConditionValueChange)==null||y.call(e,m)},[c,e]),r){let g=r;typeof r=="function"&&(g=r()),l=w.jsx(K.Tooltip,{title:w.jsx("span",{style:{color:"rgba(255,255,255,0.9",fontSize:"12px"},children:g}),color:"rgba(50,50,50,0.8)",children:w.jsx("span",{className:ha.tipsLabel,children:n})})}let f=t;if(v.isValidElement(t)){const m={[e.valueChangeEventName??"onValueChange"]:async y=>{let b=y;e.formatEventValue&&(b=e.formatEventValue(y));const S=e.rules||[],x=await USe(e.name,b,S);x.isPass?s({isPass:!0,errorMsg:""}):s(x),u({...c,[o]:b},[o])}};c[o]!==void 0&&(m.value=c[o]),f=v.cloneElement(t,m)}return(e.condition??(()=>!0))(c)?e.noStyle?w.jsx(w.Fragment,{children:f}):w.jsxs("div",{className:Ve([ha.fieldBox,!a.isPass&&ha.error]),style:{alignItems:e.labelAlign??"center"},children:[i!==!0&&w.jsx("div",{className:ha.label,style:{width:e.labelWidth??"60px"},children:l}),w.jsx("div",{className:ha.content,children:f}),!a.isPass&&w.jsx(K.Popover,{content:w.jsx(K.Alert,{message:a.errorMsg,type:"error"}),children:w.jsx(gM,{className:ha.errorTipIcon})})]}):null},USe=async(e,t,n=[])=>{var i,a,s;let r=!0,o="";for(let l=0;l<n.length;l++){if(n[l].required&&!t){r=!1,o=`${e} is required.`;break}if(n[l].validator)try{if(!await((a=(i=n[l]).validator)==null?void 0:a.call(i,t))){r=!1,o=((s=n[l])==null?void 0:s.msg)||`${e} is illegal `;break}}catch(c){r=!1,o=`${String(c)}`;break}}return{isPass:r,errorMsg:o}},GSe="_switchBtn_k17cr_2",WSe="_shapeFieldBox_k17cr_8",KSe="_collapseHeader_k17cr_9",sy={switchBtn:GSe,shapeFieldBox:WSe,collapseHeader:KSe},Zi=v.createContext({defaultSetterConfig:{},onSetterChange:()=>{},customSetterMap:{}}),ax=({setters:e,keyPaths:t,currentSetter:n,setCurrentSetter:r,customSetterMap:o,...i})=>{const{customSetterMap:a}=v.useContext(dh),{defaultSetterConfig:s}=v.useContext(Zi),l={...ko,...o||{},...a};v.useEffect(()=>{var h;const u=((h=s[t.join(".")])==null?void 0:h.setter)||"",f=e.find(p=>p.componentName===u)||Tve(i.value,e)||e[0];r(f)},[]);let c=null;return n!=null&&n.componentName&&(c=l[n==null?void 0:n.componentName]||n.component),c||(c=function(){return w.jsx("div",{style:{backgroundColor:"whitesmoke",margin:"5px 0",padding:"5px",borderRadius:"2px",color:"gray"},children:`${n==null?void 0:n.componentName} is not found.`})}),w.jsx(c,{...i})},Th=({setters:e,keyPaths:t,condition:n,useField:r=!0,...o})=>{var I,T;const[i,a]=v.useState(!0),{customSetterMap:s}=v.useContext(dh),{onSetterChange:l,defaultSetterConfig:c,formRef:u,pluginCtx:d}=v.useContext(Zi),f={...ko,...s},[h,p]=v.useState(()=>{var z;const A=((z=c[t.join(".")])==null?void 0:z.setter)||"";return e.find(B=>B.componentName===A)||e[0]}),g=e.map(A=>{const P=(A==null?void 0:A.componentName)||"",z=f[P];return{key:A.componentName,label:(z==null?void 0:z.setterName)||A.componentName}}),m=v.useMemo(()=>{const A=({key:P})=>{const z=e.find(B=>B.componentName===P);z&&(p(z),l==null||l(t,z.componentName))};return g.length===1?null:w.jsx("div",{className:sy.switchBtn,onClick:P=>{P.preventDefault(),P.stopPropagation()},children:w.jsx(K.Dropdown,{trigger:["click"],menu:{selectable:!0,items:g,onClick:A,defaultSelectedKeys:[(h==null?void 0:h.componentName)||""]},children:w.jsx(o1,{})})})},[g,h==null?void 0:h.componentName,e,l,t]),y=v.useMemo(()=>{let A={...(h==null?void 0:h.props)||{},initialValue:h==null?void 0:h.initialValue};const P=e.find(z=>z.componentName===(h==null?void 0:h.componentName));return P&&(A={...A,...P.props}),A},[e,h]),[b,S]=v.useState([]);let x=null;const _=(h==null?void 0:h.hiddenLabel)===!0,k=h==null?void 0:h.labelWidth,O=(h==null?void 0:h.labelAlign)||"center",C=(I=h==null?void 0:h.props)==null?void 0:I.collapse,E=["ArraySetter","ShapeSetter"].includes(h.componentName),N=v.useMemo(()=>({formRef:u,pluginCtx:d,keyPaths:[...t],label:o.label,setCollapseHeaderExt:E?S:void 0}),[u,t,d,o.label,E]),R=v.useMemo(()=>{const A={...o.customSetterMap||{}},P={labelWidth:k,labelAlign:O,hiddenLabel:_,condition:n,noStyle:!!E,onConditionValueChange:z=>{a(z)}};return r===!1?w.jsx(ax,{setters:e,keyPaths:t,currentSetter:h,setCurrentSetter:p,...o,...y,customSetterMap:A,setterContext:N}):w.jsx(Sr,{...P,...o,children:w.jsx(ax,{setters:e,keyPaths:t,currentSetter:h,setCurrentSetter:p,...y,customSetterMap:A,setterContext:N})})},[n,h,_,t,O,k,o,N,y,e,E,r]),M=v.useMemo(function(){const P=typeof C=="object"?C:{};return B=>w.jsx(K.Collapse,{bordered:!1,...P,style:{marginBottom:"10px",flex:1},defaultActiveKey:[P.open?o.name:""],items:[{key:o.name,label:w.jsxs("div",{className:sy.collapseHeader,children:[w.jsx("span",{style:{flex:1},children:o.label}),B,m]}),children:R}]})},[C,o.name,o.label,m,R]);return["ArraySetter"].includes((h==null?void 0:h.componentName)||"")?x=M(b):["ShapeSetter"].includes((h==null?void 0:h.componentName)||"")?x=w.jsxs("div",{className:sy.shapeFieldBox,children:[o.prefix??null,((T=h==null?void 0:h.props)==null?void 0:T.collapse)===!1&&w.jsx("div",{style:{width:"100%"},children:R}),C!==!1&&M(),o.suffix??null]}):x=w.jsxs("div",{style:{display:"flex",alignItems:O,paddingBottom:"8px"},children:[o.prefix??null,R,m,o.suffix??null]}),w.jsx("div",{style:{display:i?"block":"none",overflow:"auto"},children:x})},YSe="_CFromRenderBox_13lda_2",XSe={CFromRenderBox:YSe},JSe=(e,t)=>{const{properties:n,initialValue:r,onValueChange:o,onSetterChange:i,defaultSetterConfig:a,pluginCtx:s,customSetterMap:l}=e,c=n;return w.jsx(Zi.Provider,{value:{defaultSetterConfig:a,customSetterMap:l,onSetterChange:i,formRef:t,pluginCtx:s},children:w.jsx(K.ConfigProvider,{theme:{token:{borderRadius:4}},children:w.jsx("div",{className:XSe.CFromRenderBox,style:{overflow:"auto",height:"100%"},children:w.jsx(Yi,{ref:t,name:"root-form",initialValue:r,customSetterMap:l,onValueChange:u=>{o==null||o(u)},children:c.map(u=>{if(fe.isSpecialMaterialPropType(u))console.log("Current not Support type config for props, wait future....");else{const d=Sve(u.title),f=fe.getMTitleTip(u.title),h=hh(u.setters),p=[u.name];return w.jsx(Th,{condition:u.condition,keyPaths:p,setters:h,label:d,name:u.name||"",tips:f},u.name)}})})})})})},Wc=v.forwardRef(JSe),QSe=(e,t)=>{const n=r=>{var o;for(const i of r){if(i.key===e)return i;if((o=i.children)!=null&&o.length){const a=n(i.children);if(a)return a}}return null};return n(t)},ZSe=e=>{const{open:t,onCancel:n,onOk:r,pageModel:o,value:i}=e,a=v.useRef(null),s=v.useMemo(()=>{if(!o)return;const l=E$(o==null?void 0:o.export(),o);return fd(l,c=>(c.sourceData={title:c.title,value:c.value},c.value=c.key,c.title=w.jsx("div",{style:{flexWrap:"nowrap",display:"flex",width:"150px"},children:c.title}),!1)),l},[o]);return w.jsx(K.Modal,{open:t,onCancel:n,title:"选择节点",onOk:()=>r({nodeId:i||"",title:""}),children:w.jsx("div",{ref:a,style:{width:"100%"},children:w.jsx(K.TreeSelect,{virtual:!1,showSearch:!0,style:{width:"100%"},value:i,allowClear:!0,onClear:()=>{r({nodeId:"",title:""})},filterTreeNode:(l,c)=>{var u;return((u=c.sourceData)==null?void 0:u.title.toLowerCase().indexOf(l.toLowerCase()))>-1},getPopupContainer:()=>a.current,treeDefaultExpandAll:!0,onChange:l=>{var u;const c=QSe(l,s??[]);r({nodeId:l,title:(u=c==null?void 0:c.sourceData)==null?void 0:u.title})},treeData:s})})})},n6=e=>{const[t,n]=v.useState(!1),[r,o]=v.useState(e.value),i=v.useMemo(()=>{var s;const a=e.pageModel.getNode(r==null?void 0:r.nodeId);return a&&(a.value.title||((s=a.material)==null?void 0:s.value.title))||""},[e.pageModel,r==null?void 0:r.nodeId]);return w.jsxs(w.Fragment,{children:[w.jsx(K.Button,{style:{width:"200px"},onClick:()=>n(!0),children:i??"选择节点"}),w.jsx(ZSe,{open:t,onCancel:()=>n(!1),onOk:a=>{var s;(s=e.onChange)==null||s.call(e,a),o(a),n(!1)},pageModel:e.pageModel,value:r==null?void 0:r.nodeId})]})},eCe=e=>{var t;return w.jsx("div",{children:w.jsxs(K.Space,{children:[w.jsx(n6,{pageModel:e.pageModel,value:e.value,onChange:n=>{var r,o;(o=e.onChange)==null||o.call(e,{nodeId:n.nodeId,keyPath:((r=e.value)==null?void 0:r.keyPath)||""})}}),w.jsx(K.Input,{style:{width:250},value:(t=e.value)==null?void 0:t.keyPath,onChange:n=>{var o,i;const{value:r}=n.target;(i=e.onChange)==null||i.call(e,{nodeId:((o=e.value)==null?void 0:o.nodeId)||"",keyPath:String(r)})},placeholder:"variable name. support '.'"})]})})},tCe="_line_mvkqx_2",ly={line:tCe};function nCe(e){if(!/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(e))return!1;try{return new Function(`let ${e};`),!0}catch{return!1}}const rCe="_l_1lpc6_2",oCe="_r_1lpc6_11",iCe="_b_1lpc6_20",aCe="_dragBox_1lpc6_29",sCe="_selectStatus_1lpc6_36",pa={l:rCe,r:oCe,b:iCe,dragBox:aCe,selectStatus:sCe},lCe=[{key:fe.LogicType.ASSIGN_VALUE,name:"赋值/创建变量",getInitData:()=>({id:fe.getRandomStr(),type:fe.LogicType.ASSIGN_VALUE,valueType:fe.AssignValueType.STATE,currentValue:"",targetValueName:""})},{key:fe.LogicType.JUMP_LINK,name:"页面跳转",getInitData:()=>({id:fe.getRandomStr(),type:fe.LogicType.JUMP_LINK,link:""})},{key:fe.LogicType.REQUEST_API,name:"请求数据",getInitData:()=>{const e=fe.getRandomStr();return{id:e,type:fe.LogicType.REQUEST_API,apiPath:"",method:"GET",header:{},query:{},responseVarName:`responseData_${e}`,afterSuccessResponse:[],afterFailedResponse:[{id:fe.getRandomStr(),type:fe.LogicType.RUN_CODE,value:'console.error("API request failed:", $$response)'}]}}},{key:fe.LogicType.CALL_NODE_METHOD,name:"调用组件方法",getInitData:()=>({id:fe.getRandomStr(),type:fe.LogicType.CALL_NODE_METHOD,nodeId:"",methodName:"",args:[],returnVarName:""})},{key:fe.LogicType.RUN_CODE,name:"运行代码",getInitData:()=>{const e=fe.getRandomStr();return{id:e,type:fe.LogicType.RUN_CODE,name:`run_code_${e}`,value:`
           console.log('hello world');
-        `}}}],sx=e=>{const{title:t="Next Step"}=e,[n,r]=v.useState(!1),o=a=>{r(a)},i=lCe.map(a=>w.jsx("div",{onClick:()=>{var s;r(!1),(s=e.onNewNodeAdd)==null||s.call(e,a.getInitData())},style:{padding:"10px 20px",border:"1px solid #c3c3c3b8",borderRadius:"4px",textAlign:"center",fontSize:"12px",cursor:"pointer"},children:a.name},a.key));return e.disabled?e.children:w.jsx(K.Popover,{onOpenChange:o,open:n,trigger:"hover",content:w.jsx("div",{style:{display:"flex",flexWrap:"wrap",width:"300px",gap:"8px",justifyContent:"space-between"},children:i.map(a=>w.jsx("div",{style:{flex:"0 0 calc(50% - 4px)"},children:a},a.key))}),title:t,children:e.children})},r6=e=>w.jsx(hs,{type:"target",id:uh,position:me.Top,...e}),lx=e=>w.jsx(hs,{type:"source",position:me.Bottom,id:Xn,...e}),Fs=({nodeProps:e,customHandle:t,handleNewNodeAdd:n,useCardStyle:r,outputHandle:o,inputHandle:i,...a})=>{const{data:s,isConnectable:l,selected:c,...u}=e,d=Ki(),f=RCe(s,Xn),h=g=>{const m=d.getNode(String(s.id));if(!m){console.error(`Not found node by id ${s.id}`);return}const{newEdge:y,newNode:b}=TCe(m,g);d.addNodes(b),d.addEdges(y)};let p=w.jsxs(w.Fragment,{children:[i!==!1&&w.jsx(r6,{isConnectable:l}),o!==!1&&w.jsx(sx,{style:{position:"absolute",left:"50%",bottom:"0"},onNewNodeAdd:g=>{t||(n?n(g):h(g))},disabled:f,children:w.jsx(lx,{isConnectable:l,style:{width:"10px",height:"10px"}})})]});return t&&(p=t),r===!1?w.jsxs("div",{className:Ve([c?pa.selectStatus:""]),children:[w.jsx("div",{className:wo,children:a.children}),p]}):w.jsxs(K.Card,{...a,classNames:{header:wo},className:Ve([c?pa.selectStatus:""]),styles:{body:{cursor:"default"}},extra:w.jsxs("div",{style:{display:"flex"},children:[a.extra,w.jsx("div",{className:pa.dragBox,children:w.jsx(dM,{})})]}),children:[a.children,w.jsx("div",{className:Ve([wo,pa.l])}),w.jsx("div",{className:Ve([wo,pa.r])}),w.jsx("div",{className:Ve([wo,pa.b])}),p]})},o6=v.createContext({pluginCtx:null,pageModel:null,onDataChange:()=>{}}),Kc=()=>{const e=v.useContext(o6);if(!e)throw new Error("useActionFlow must be used within ActionFlowProvider");return e},cCe="_fieldBox_1cjcm_2",uCe="_switchBtn_1cjcm_8",QA={fieldBox:cCe,switchBtn:uCe},df=e=>{const{setterList:t,defaultSetterName:n,...r}=e,o=v.useMemo(()=>hh(t),[t]),{onSetterChange:i,defaultSetterConfig:a,formRef:s,pluginCtx:l}=v.useContext(Zi),c=[e.name],[u,d]=v.useState(()=>{var b;const y=((b=a[c.join(".")])==null?void 0:b.setter)||n||"";return[...o].find(S=>S.componentName===y)||o[0]}),f=o.map(y=>{const b=(y==null?void 0:y.componentName)||"",S={}[b];return{key:y.componentName,label:(S==null?void 0:S.setterName)||y.componentName}}),h=({key:y})=>{var S;const b=o.find(x=>x.componentName===y);b&&(d(b),i==null||i(c,b.componentName),(S=e.onSetterChange)==null||S.call(e,b.componentName))};let p=w.jsx("div",{onClick:y=>{y.preventDefault(),y.stopPropagation()},className:QA.switchBtn,children:w.jsx(K.Dropdown,{trigger:["click"],menu:{selectable:!0,items:f,onClick:h,defaultSelectedKeys:[(u==null?void 0:u.componentName)||""]},children:w.jsx(o1,{})})});f.length===1&&(p=null);const g=v.useMemo(()=>{let y={...(u==null?void 0:u.props)||{},initialValue:u==null?void 0:u.initialValue};const b=o.find(S=>S.componentName===(u==null?void 0:u.componentName));return b&&(y={...y,...b.props}),y},[o,u]),m={formRef:s,pluginCtx:l};return w.jsxs("div",{className:QA.fieldBox,style:{alignItems:e.labelAlign??"center"},children:[w.jsx(Sr,{...r,children:w.jsx(ax,{...g,setters:o,keyPaths:c,currentSetter:u,setCurrentSetter:d,setterContext:{...m,keyPaths:[e.name],label:e.label}})}),p]})},dCe=e=>{const{data:t}=e,{onDataChange:n,pageModel:r}=Kc();Rc(t,fe.DEV_CONFIG_KEY,{});const o=t[fe.DEV_CONFIG_KEY],[i,a]=v.useState(!1),s=v.useRef(null),[l,c]=v.useState();return v.useEffect(()=>{var d;const u={id:t.id,type:t.type,valueType:t.valueType,currentValue:t.currentValue,targetValueName:t.targetValueName||""};(d=s.current)==null||d.setFields(u),c(u),a(!0)},[]),w.jsx(Zi.Provider,{value:{defaultSetterConfig:o.defaultSetterMap||{},formRef:s,onSetterChange:(u,d)=>{o.defaultSetterMap||(o.defaultSetterMap={}),o.defaultSetterMap[u.join(".")]={name:u.join("."),setter:d}},customSetterMap:{}},children:w.jsx("div",{style:{minHeight:"80px",minWidth:"100px"},children:w.jsx(Fs,{title:"Assign Value",nodeProps:e,children:w.jsx(Yi,{ref:s,name:"jump Link",customSetterMap:ko,onValueChange:u=>{Object.assign(t,u),c(u),n()},children:i&&w.jsxs(w.Fragment,{children:[w.jsx("div",{className:ly.line,children:w.jsx(Sr,{name:"valueType",label:"Var Type",valueChangeEventName:"onChange",formatEventValue:({target:{value:u}})=>u,children:w.jsx(K.Radio.Group,{optionType:"button",buttonStyle:"solid",options:[{label:"Memory",value:fe.AssignValueType.MEMORY},{label:"Node",value:fe.AssignValueType.STATE}]})})}),w.jsxs("div",{className:ly.line,children:[(l==null?void 0:l.valueType)==="STATE"&&w.jsx(Sr,{name:"targetValueName",label:"Var Name",valueChangeEventName:"onChange",children:w.jsx(eCe,{pageModel:r})}),(l==null?void 0:l.valueType)==="MEMORY"&&w.jsx(df,{name:"targetValueName",label:"Var Name",labelWidth:"auto",labelAlign:"start",tips:"变量名必须以字母（a-z、A-Z）、下划线（_）或美元符号（$）开头。后续字符可以是字母、数字（0-9）、下划线或美元符号。变量名不能是保留关键字（例如 if、while 等）",setterList:[{componentName:"TextAreaSetter",props:{valueValidator:nCe}}]})]}),w.jsx("div",{className:ly.line,style:{minWidth:"450px"},children:w.jsx(df,{name:"currentValue",label:"Value",labelWidth:"60px",labelAlign:"start",setterList:ES})})]})})})})})},fCe=e=>w.jsx(Fs,{nodeProps:e,useCardStyle:!1,inputHandle:!1,children:w.jsx("div",{style:{minWidth:"100px",padding:"10px 20px",border:"1px solid #1a192b",borderRadius:"4px",textAlign:"center"},children:"Start"})}),hCe="_line_mvkqx_2",Gu={line:hCe};function pCe(e){if(!/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(e))return!1;try{return new Function(`let ${e};`),!0}catch{return!1}}const ff="args.",gCe=(e,t)=>{var n,r,o;return fe.isNodeModel(e)?((o=(r=(((n=e==null?void 0:e.material)==null?void 0:n.value.methods)||[]).find(s=>s.name===t))==null?void 0:r.params)==null?void 0:o.map((s,l)=>({name:`${ff}${l}`,title:{label:s.name||`arg[${l}]`,tip:s.description},valueType:"string",setters:ES})))||[]:[]},mCe=e=>Object.keys(e).map(n=>parseInt(n.replace(ff,""))).sort().map(n=>e[`${ff}${n}`]),vCe=e=>{const t={};return e.forEach((n,r)=>{t[`${ff}${r}`]=n}),t},yCe=e=>{const{data:t}=e,{pageModel:n,onDataChange:r}=Kc();Rc(t,fe.DEV_CONFIG_KEY,{});const o=t[fe.DEV_CONFIG_KEY],i=v.useRef(null),[a,s]=v.useState();v.useEffect(()=>{var h;const f={id:t.id||"",type:t.type,nodeId:t.nodeId,methodName:t.methodName,args:t.args,returnVarName:t.returnVarName};(h=i.current)==null||h.setFields(f),s(f)},[]);const l=v.useMemo(()=>{var p;const f=n.getNode(t.nodeId);return((p=f==null?void 0:f.material)==null?void 0:p.value.methods)||[]},[t.nodeId,n]),c=v.useMemo(()=>l==null?void 0:l.map(f=>({value:f.name,label:f.title})),[l]),u=v.useMemo(()=>gCe(n.getNode(a==null?void 0:a.nodeId),(a==null?void 0:a.methodName)||""),[n,a==null?void 0:a.nodeId,a==null?void 0:a.methodName]),d=(f,h)=>{o.defaultSetterMap||(o.defaultSetterMap={}),o.defaultSetterMap[f.join(".")]={name:f.join("."),setter:h}};return w.jsx(Zi.Provider,{value:{defaultSetterConfig:o.defaultSetterMap||{},formRef:i,onSetterChange:d,customSetterMap:{...ko}},children:w.jsx("div",{style:{minHeight:"80px",minWidth:"100px"},children:w.jsx(Fs,{title:"Call Node Method",nodeProps:e,children:w.jsxs(Yi,{ref:i,name:"Call Node Method",customSetterMap:ko,onValueChange:(f,h)=>{h!=null&&h.includes("nodeId")&&(f={...f,methodName:"",args:[]},setTimeout(()=>{var p;(p=i.current)==null||p.setFields({...a,...f})})),Object.assign(t,f),s(f),r()},children:[w.jsx("div",{className:Gu.line,children:w.jsx(Sr,{label:"组件",name:"nodeId",valueChangeEventName:"onChange",formatEventValue:f=>f.nodeId,children:w.jsx(n6,{pageModel:n})})}),w.jsx("div",{className:Gu.line,children:w.jsx(Sr,{name:"methodName",label:"方法",valueChangeEventName:"onChange",children:w.jsx(K.Select,{style:{width:250},allowClear:!0,options:c})})}),w.jsx("div",{className:Gu.line,children:w.jsx(Sr,{name:"args",label:"参数",labelWidth:"60px",labelAlign:"start",condition:()=>!!u.length,noStyle:!0,formatEventValue:f=>mCe(f),children:w.jsx(Wc,{initialValue:vCe(t.args||[]),properties:u,onSetterChange:d,defaultSetterConfig:o.defaultSetterMap||{}})})}),w.jsx("div",{className:Gu.line,children:w.jsx(Sr,{name:"returnVarName",label:"返回值变量名",labelWidth:"80px",tips:"变量名必须以字母（a-z、A-Z）、下划线（_）或美元符号（$）开头。后续字符可以是字母、数字（0-9）、下划线或美元符号。变量名不能是保留关键字（例如 if、while 等）",rules:[{validator:async f=>f===""?!0:pCe(f)}],valueChangeEventName:"onChange",formatEventValue:f=>f.target.value,children:w.jsx(K.Input,{allowClear:!0})})})]})})})})},bCe=e=>{const{data:t}=e,{onDataChange:n}=Kc(),r=v.useRef(null),[o,i]=v.useState(!1);v.useEffect(()=>{var s;(s=r.current)==null||s.setFields({link:t.link}),i(!0)},[]);const a=v.useMemo(()=>fe.isFunction(t.link)?"FunctionSetter":fe.isExpression(t.link)?"ExpressionSetter":"TextAreaSetter",[]);return w.jsx("div",{style:{minHeight:"80px",minWidth:"100px"},children:w.jsx(Fs,{title:"Jump Link",nodeProps:e,children:w.jsx(Yi,{ref:r,name:"jump Link",customSetterMap:ko,onValueChange:s=>{Object.assign(t,s),n()},children:o&&w.jsx(w.Fragment,{children:w.jsx(df,{name:"link",label:"link",labelWidth:"auto",labelAlign:"start",defaultSetterName:a,setterList:ES})})})})})},xCe=[{componentName:"JSONSetter",labelAlign:"start",props:{mode:"inline",lineNumbers:"off",editorOptions:{lineNumbers:"off",lineDecorationsWidth:0,lineNumbersMinChars:0,glyphMargin:!1}}},{componentName:"FunctionSetter",labelAlign:"start",props:{mode:"inline",minimap:!1,containerStyle:{paddingTop:"10px",width:"470px",height:"150px"},lineNumber:!1}}],wCe=[{value:"GET",label:"GET"},{value:"POST",label:"POST"},{value:"PUT",label:"PUT"},{value:"PATCH",label:"PATCH"},{value:"DELETE",label:"DELETE"}],SCe="_line_mvkqx_2",Wu={line:SCe},CCe=e=>{var S;const{data:t,isConnectable:n}=e,{onDataChange:r,pluginCtx:o}=Kc(),i=o.config||{},a=v.useMemo(()=>{var x,_;return(x=i.requestAPINode)!=null&&x.customAPIInput?(_=i.requestAPINode)==null?void 0:_.customAPIInput:K.Input},[(S=i.requestAPINode)==null?void 0:S.customAPIInput]),s=Ki();Rc(t,fe.DEV_CONFIG_KEY,{});const l=t[fe.DEV_CONFIG_KEY],c=v.useRef(null),[u,d]=v.useState(),f=x=>s.getEdges().some(k=>k.source===String(t.id)&&(k.sourceHandle||Xn)===x),h=f(Xn),p=f(Ml);v.useEffect(()=>{var _;const x={id:t.id,type:t.type,apiPath:t.apiPath,body:t.body,query:t.query,header:t.header,method:t.method||"GET",responseVarName:t.responseVarName||"",afterSuccessResponse:t.afterSuccessResponse||[],afterFailedResponse:t.afterFailedResponse||[]};(_=c.current)==null||_.setFields(x),d(x)},[]);const g=v.useMemo(()=>({updateFields:x=>{var k;const _={...u,...x};(k=c.current)==null||k.setFields({newValueObj:_}),d(_)},getFields:()=>{var x;return(x=c.current)==null?void 0:x.getFieldsValue()}}),[]),m=(x,_)=>{l.defaultSetterMap||(l.defaultSetterMap={}),l.defaultSetterMap[x.join(".")]={name:x.join("."),setter:_}},y=v.useMemo(()=>[{key:"header",label:"Header"},{key:"query",label:"Query"},{key:"body",label:"Body"}].map(k=>({...k,disabled:k.key==="body"&&(u==null?void 0:u.method)==="GET",children:w.jsx("div",{className:Wu.line,children:w.jsx(df,{name:k.key,hiddenLabel:!0,labelAlign:"start",setterList:xCe})})})),[u==null?void 0:u.method]),b=(x,_)=>{var R,M;const k=s.getNode(String(t.id));if(!k)return;let O=0;_!==Xn&&(O=(((R=k.measured)==null?void 0:R.width)??0)+150);const C={x:k.position.x+O,y:k.position.y+(((M=k.measured)==null?void 0:M.height)??0)+150},E={id:x.id,type:x.type,position:C,dragHandle:`.${wo}`,data:{...x}},N={id:`${t.id}_${E.id}`,source:String(t.id),sourceHandle:_,target:E.id,targetHandle:uh};s.addNodes(E),s.addEdges(N),_===Xn?(t.afterSuccessResponse||(t.afterSuccessResponse=[]),t.afterSuccessResponse.push(x)):(t.afterFailedResponse||(t.afterFailedResponse=[]),t.afterFailedResponse.push(x))};return w.jsx(Zi.Provider,{value:{defaultSetterConfig:l.defaultSetterMap||{},formRef:c,onSetterChange:m,customSetterMap:{...ko}},children:w.jsx("div",{style:{minHeight:"80px",minWidth:"100px"},children:w.jsx(Fs,{title:"Request Data",customHandle:w.jsxs(w.Fragment,{children:[w.jsx(r6,{type:"target",isConnectable:n}),w.jsx(sx,{style:{position:"absolute",left:"50%",bottom:"0"},title:"请求成功时",onNewNodeAdd:x=>b(x,Xn),disabled:h,children:w.jsx(lx,{isConnectable:n,style:{width:"10px",height:"10px",background:"#8BC34A"}})}),w.jsx(sx,{title:"请求异常时",onNewNodeAdd:x=>b(x,Ml),disabled:p,children:w.jsx(lx,{style:{left:"75%",bottom:"0",width:"10px",height:"10px",background:"#ff4d4f"},id:Ml,isConnectable:n})})]}),nodeProps:e,handleNewNodeAdd:()=>{},children:w.jsx("div",{style:{width:"500px"},children:w.jsxs(Yi,{name:"requestAPI",ref:c,customSetterMap:ko,onValueChange:x=>{d(x),Object.assign(t,x),r()},children:[w.jsx("div",{className:Wu.line,children:w.jsx(Sr,{label:"API",name:"apiPath",valueChangeEventName:"onChange",formatEventValue:x=>x.target.value,children:w.jsx(a,{form:g})})}),w.jsx("div",{className:Wu.line,children:w.jsx(Sr,{label:"请求方法",name:"method",valueChangeEventName:"onChange",children:w.jsx(K.Select,{defaultValue:"GET",style:{width:230},options:wCe})})}),w.jsx("div",{className:Wu.line,children:w.jsx(Sr,{label:"返回值变量",name:"responseVarName",tips:"变量名必须以字母（a-z、A-Z）、下划线（_）或美元符号（$）开头。后续字符可以是字母、数字（0-9）、下划线或美元符号。变量名不能是保留关键字（例如 if、while 等）",valueChangeEventName:"onChange",formatEventValue:x=>x.target.value,children:w.jsx(K.Input,{})})}),w.jsx(K.Tabs,{defaultActiveKey:(u==null?void 0:u.method)==="POST"?"body":"query",items:y})]})})})})})},_Ce=e=>{const{data:t}=e;Rc(t,fe.DEV_CONFIG_KEY,{});const{onDataChange:n}=Kc();return w.jsx("div",{style:{minHeight:"80px",minWidth:"100px"},children:w.jsx(Fs,{title:"Run Code",nodeProps:e,children:w.jsx(qw,{mode:"inline",initialValue:t.value,containerStyle:{paddingTop:"10px",width:"600px",height:"300px"},onValueChange:r=>{t.value=r.value,n()}})})})};var Cn=(e=>(e.START_NODE="START_NODE",e[e.JUMP_LINK=fe.LogicType.JUMP_LINK]="JUMP_LINK",e[e.ASSIGN_VALUE=fe.LogicType.ASSIGN_VALUE]="ASSIGN_VALUE",e[e.CALL_NODE_METHOD=fe.LogicType.CALL_NODE_METHOD]="CALL_NODE_METHOD",e[e.RUN_CODE=fe.LogicType.RUN_CODE]="RUN_CODE",e[e.REQUEST_API=fe.LogicType.REQUEST_API]="REQUEST_API",e))(Cn||{});const ECe={START_NODE:fCe,[Cn.JUMP_LINK]:bCe,[Cn.ASSIGN_VALUE]:dCe,[Cn.CALL_NODE_METHOD]:yCe,[Cn.RUN_CODE]:_Ce,[Cn.REQUEST_API]:CCe},kCe=(e,t,n)=>{const r=new QO.graphlib.Graph().setDefaultEdgeLabel(()=>({}));return r.setGraph({rankdir:n.direction}),t.forEach(o=>r.setEdge(o.source,o.target)),e.forEach(o=>{var i,a;return r.setNode(o.id,{...o,width:((i=o.measured)==null?void 0:i.width)??0,height:((a=o.measured)==null?void 0:a.height)??0})}),QO.layout(r),{nodes:e.map(o=>{var l,c;const i=r.node(o.id),a=i.x-(((l=o.measured)==null?void 0:l.width)??0)/2,s=i.y-(((c=o.measured)==null?void 0:c.height)??0)/2;return{...o,position:{x:a,y:s}}}),edges:t}},cy=e=>{const t=e.id||fe.getRandomStr();return{id:t,type:e.type,position:{x:0,y:0},dragHandle:`.${wo}`,selectable:e.type!==Cn.START_NODE,data:{...e,id:t}}},ZA=(e,t,n=Xn)=>({id:`${e}_${t}`,source:e,sourceHandle:n,target:t,targetHandle:uh}),OCe=e=>{var o;const t=[cy({id:Cn.START_NODE,type:Cn.START_NODE})],n=[];if(!((o=e==null?void 0:e.handler)!=null&&o.length))return{nodes:t,edges:n};const r=(i,a)=>{i.forEach(s=>{var c,u;const l=cy(s);t.push(l),n.push(ZA(a,l.id)),s.type==="REQUEST_API"&&((c=s.afterSuccessResponse)!=null&&c.length&&r(s.afterSuccessResponse,l.id),(u=s.afterFailedResponse)!=null&&u.length&&s.afterFailedResponse.forEach(d=>{const f=cy(d);t.push(f),n.push(ZA(l.id,f.id,Ml))})),a=l.id})};return r(e.handler,Cn.START_NODE),{nodes:t,edges:n}},NCe=e=>{const{nodes:t,edges:n}=e,r={type:"ACTION",handler:[]},o=t.find(c=>c.type===Cn.START_NODE);if(!o)return r;const i=new Map(t.map(c=>[c.id,c])),a=new Set,s=c=>{if(a.has(c))return[];a.add(c);const u=i.get(c);if(!u)return[];const d=[],f={...u.data};if(u.type==="REQUEST_API"){const p=n.filter(m=>m.source===c&&m.sourceHandle===Xn).map(m=>s(m.target)).flat(),g=n.filter(m=>m.source===c&&m.sourceHandle===Ml).map(m=>s(m.target)).flat();return f.afterSuccessResponse=p,f.afterFailedResponse=g,d.push(f),d}return d.push(f),n.filter(p=>p.source===c&&p.sourceHandle===Xn).forEach(p=>{const g=s(p.target);d.push(...g)}),d},l=s(o.id);return l.shift(),r.handler=l,r},ES=["StringSetter","NumberSetter","ExpressionSetter",{componentName:"FunctionSetter",props:{mode:"inline",minimap:!1,lineNumber:!1,containerStyle:{width:"500px",height:"250px"}}}],RCe=function(e,t){return Ki().getEdges().some(o=>o.source===String(e.id)&&(o.sourceHandle||Xn)===t)},TCe=function(e,t,n){var a;const r={x:e.position.x,y:e.position.y+(((a=e.measured)==null?void 0:a.height)??0)+150},o={id:t.id,type:t.type,position:r,dragHandle:`.${wo}`,data:{...t}};return{newEdge:{id:`${e.data.id}_${o.id}`,source:String(e.data.id),sourceHandle:Xn,target:o.id,targetHandle:uh},newNode:o}},ACe=e=>{var m,y,b;const{fitView:t}=Ki(),[n,r]=v.useState(!1),[o,i,a]=Qge([{id:Cn.START_NODE,data:{id:Cn.START_NODE},position:{x:0,y:0},type:Cn.START_NODE,dragHandle:`.${wo}`,selectable:!1}]),[s,l,c]=Zge([]),u=v.useCallback(S=>l(x=>SL({...S},x)),[l]),d=v.useRef([]);d.current=o;const[f,h]=v.useState(!1),p=v.useCallback(S=>{const x=kCe(d.current,s,{direction:"TB"});i([...x.nodes]),l([...x.edges]),setTimeout(()=>{r(!0),(S==null?void 0:S.fitView)!==!1&&t({duration:800})},500)},[s,t,l,i]);v.useEffect(()=>{const{nodes:S,edges:x}=OCe(e.value);i(S),l(x),setTimeout(()=>{h(!0)},500)},[e.value,l,i]);const g=()=>{var x;const S=NCe({nodes:o,edges:s});(x=e.onValueChange)==null||x.call(e,S)};return w.jsx(o6.Provider,{value:{pluginCtx:(m=e.setterContext)==null?void 0:m.pluginCtx,pageModel:(b=(y=e.setterContext)==null?void 0:y.pluginCtx)==null?void 0:b.pageModel,onDataChange:g},children:w.jsx("div",{style:{width:"100%",height:"100%",display:"flex",position:"relative"},children:w.jsxs("div",{style:{flex:1,position:"relative"},children:[w.jsx(K.Button,{style:{position:"absolute",top:"10px",right:"20px",zIndex:99},onClick:()=>p({fitView:!1}),children:"Reset Layout"}),!n&&w.jsx("div",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",backgroundColor:"white",zIndex:999}}),f&&w.jsxs(Jge,{nodes:o,edges:s,onNodesChange:S=>{a(S),g()},onEdgesChange:S=>{c(S),g()},onConnect:S=>{u(S),g()},defaultEdgeOptions:{type:"smoothstep"},minZoom:.2,maxZoom:1,onInit:()=>{setTimeout(()=>{p()},100)},fitView:!0,nodeTypes:ECe,children:[w.jsx(ome,{}),w.jsx(dme,{}),w.jsx(Cme,{})]})]})})})},kS=e=>{const[t,n]=v.useState(!1),r=v.useRef(e.value),o=async a=>{var l,c,u;const s=await((u=(c=(l=e.setterContext)==null?void 0:l.pluginCtx)==null?void 0:c.pluginManager)==null?void 0:u.get("Hotkeys"));s==null||s.export.disable(a)},i=e.children||w.jsx(K.Button,{size:"small",style:{marginTop:"5px",width:"100%",color:"#676767",fontSize:"12px"},children:"Edit Flow"});return w.jsxs(w.Fragment,{children:[w.jsx("div",{onClick:async()=>{await o(!0),n(!0)},children:i}),w.jsx(d3,{destroyOnClose:!0,open:t,centered:!0,title:"Edit Flow",width:"calc(100vw - 200px)",onCancel:()=>{n(!1),o(!1)},onOk:async()=>{var a;(a=e.onValueChange)==null||a.call(e,r.current),await o(!1),n(!1)},children:w.jsx("div",{style:{width:"100%",height:"calc(100vh - 200px)"},children:w.jsx(hD,{children:w.jsx(ACe,{...e,onValueChange:a=>{r.current=a}})})})})]})};kS.setterName="逻辑流设置器";const PCe={ActionFlowSetter:kS},MCe="_CFromRenderBox_1vsdm_2",jCe={CFromRenderBox:MCe},ICe=e=>{var l,c,u;const{node:t}=e,n=((l=t==null?void 0:t.material)==null?void 0:l.value.props)||[],r=v.useRef(null);v.useEffect(()=>{const d=()=>{var h,p;const f=((h=t==null?void 0:t.getPlainProps)==null?void 0:h.call(t))||{};(p=r.current)==null||p.setFields(f)};return d(),t==null||t.emitter.on("onNodeChange",d),()=>{t==null||t.emitter.off("onNodeChange",d)}},[t]);const o=((c=t==null?void 0:t.getPlainProps)==null?void 0:c.call(t))||{},i=d=>{t==null||t.updateValue({props:d})},a=(d,f)=>{t&&(t.value.configure=t.value.configure||{},t.value.configure.propsSetter=t.value.configure.propsSetter||{},t.value.configure.propsSetter[d.join(".")]={name:d.join("."),setter:f})},s=(u=e.pluginCtx.config)==null?void 0:u.customPropertySetterMap;return w.jsx("div",{className:jCe.CFromRenderBox,children:w.jsx(Wc,{pluginCtx:e.pluginCtx,defaultSetterConfig:(t==null?void 0:t.value.configure.propsSetter)||{},onSetterChange:a,properties:n,initialValue:o,ref:r,customSetterMap:{...PCe,customSetterMap:s},onValueChange:i},t==null?void 0:t.id)})},OS={key:"Property",name:"Property",view:({node:e,pluginCtx:t})=>w.jsx(ICe,{node:e,pluginCtx:t}),show:e=>{var t,n,r,o;return((o=(r=(n=(t=e.node)==null?void 0:t.material)==null?void 0:n.value.advanceCustom)==null?void 0:r.rightPanel)==null?void 0:o.property)!==!1}},NS=e=>{const t=e.node,n=t.value.state||{},r=v.useRef(null);v.useEffect(()=>{var a;const i=t.value.state||{};(a=r==null?void 0:r.current)==null||a.setValue(JSON.stringify(i,null,2))},[t]);const o=i=>{try{const a=JSON.parse(i||"{}");t.value.state=a,t.updateValue()}catch(a){console.warn(a)}};return w.jsx(w.Fragment,{children:w.jsx($s,{initialValue:JSON.stringify(n,null,2),language:"json",options:{automaticLayout:!0,tabSize:2,minimap:{enabled:!1},quickSuggestions:!1,suggestOnTriggerCharacters:!1,folding:!1},onDidMount:i=>{r.current=i},onChange:o})})},RS={key:"State",name:"State",view:({node:e,pluginCtx:t})=>e?w.jsx(NS,{node:e,pluginCtx:t}):w.jsx(w.Fragment,{}),show:e=>{var t,n,r,o;return((o=(r=(n=(t=e.node)==null?void 0:t.material)==null?void 0:n.value.advanceCustom)==null?void 0:r.rightPanel)==null?void 0:o.state)!==!1}},$Ce="_advanceBox_9o3af_2",LCe={advanceBox:$Ce},DCe=[{name:"id",title:{label:"id",tip:"node unique id"},valueType:"string",setters:[{componentName:"StringSetter",props:{disabled:!0,bordered:!1}}]},{name:"condition",title:{label:"Render",tip:"controller component render"},valueType:"boolean",setters:["BooleanSetter","ExpressionSetter"]},{name:"loop",title:"loop render",valueType:"object",setters:[{componentName:"ShapeSetter",props:{elements:[{name:"open",title:"open",valueType:"boolean",setters:["BooleanSetter","ExpressionSetter"]},{name:"data",title:"data",valueType:"array",setters:[{componentName:"ArraySetter",initialValue:[],props:{item:{setters:["JSONSetter","ExpressionSetter"],initialValue:{}}}},"JSONSetter","ExpressionSetter"]},{name:"forName",title:{label:"name",tip:"loop element name"},valueType:"string",setters:["StringSetter"]},{name:"forIndex",title:{label:"index",tip:"loop element index"},valueType:"string",setters:["StringSetter"]},{name:"key",title:{label:"key",tip:"loop element key"},valueType:"expression",setters:["ExpressionSetter"]},{name:"name",title:{label:`variable 
+        `}}}],sx=e=>{const{title:t="Next Step"}=e,[n,r]=v.useState(!1),o=a=>{r(a)},i=lCe.map(a=>w.jsx("div",{onClick:()=>{var s;r(!1),(s=e.onNewNodeAdd)==null||s.call(e,a.getInitData())},style:{padding:"10px 20px",border:"1px solid #c3c3c3b8",borderRadius:"4px",textAlign:"center",fontSize:"12px",cursor:"pointer"},children:a.name},a.key));return e.disabled?e.children:w.jsx(K.Popover,{onOpenChange:o,open:n,trigger:"hover",content:w.jsx("div",{style:{display:"flex",flexWrap:"wrap",width:"300px",gap:"8px",justifyContent:"space-between"},children:i.map(a=>w.jsx("div",{style:{flex:"0 0 calc(50% - 4px)"},children:a},a.key))}),title:t,children:e.children})},r6=e=>w.jsx(hs,{type:"target",id:uh,position:me.Top,...e}),lx=e=>w.jsx(hs,{type:"source",position:me.Bottom,id:Xn,...e}),Fs=({nodeProps:e,customHandle:t,handleNewNodeAdd:n,useCardStyle:r,outputHandle:o,inputHandle:i,...a})=>{const{data:s,isConnectable:l,selected:c,...u}=e,d=Ki(),f=RCe(s,Xn),h=g=>{const m=d.getNode(String(s.id));if(!m){console.error(`Not found node by id ${s.id}`);return}const{newEdge:y,newNode:b}=TCe(m,g);d.addNodes(b),d.addEdges(y)};let p=w.jsxs(w.Fragment,{children:[i!==!1&&w.jsx(r6,{isConnectable:l}),o!==!1&&w.jsx(sx,{style:{position:"absolute",left:"50%",bottom:"0"},onNewNodeAdd:g=>{t||(n?n(g):h(g))},disabled:f,children:w.jsx(lx,{isConnectable:l,style:{width:"10px",height:"10px"}})})]});return t&&(p=t),r===!1?w.jsxs("div",{className:Ve([c?pa.selectStatus:""]),children:[w.jsx("div",{className:wo,children:a.children}),p]}):w.jsxs(K.Card,{...a,classNames:{header:wo},className:Ve([c?pa.selectStatus:""]),styles:{body:{cursor:"default"}},extra:w.jsxs("div",{style:{display:"flex"},children:[a.extra,w.jsx("div",{className:pa.dragBox,children:w.jsx(dM,{})})]}),children:[a.children,w.jsx("div",{className:Ve([wo,pa.l])}),w.jsx("div",{className:Ve([wo,pa.r])}),w.jsx("div",{className:Ve([wo,pa.b])}),p]})},o6=v.createContext({pluginCtx:null,pageModel:null,onDataChange:()=>{}}),Kc=()=>{const e=v.useContext(o6);if(!e)throw new Error("useActionFlow must be used within ActionFlowProvider");return e},cCe="_fieldBox_1cjcm_2",uCe="_switchBtn_1cjcm_8",QA={fieldBox:cCe,switchBtn:uCe},df=e=>{const{setterList:t,defaultSetterName:n,...r}=e,o=v.useMemo(()=>hh(t),[t]),{onSetterChange:i,defaultSetterConfig:a,formRef:s,pluginCtx:l}=v.useContext(Zi),c=[e.name],[u,d]=v.useState(()=>{var b;const y=((b=a[c.join(".")])==null?void 0:b.setter)||n||"";return[...o].find(S=>S.componentName===y)||o[0]}),f=o.map(y=>{const b=(y==null?void 0:y.componentName)||"",S={}[b];return{key:y.componentName,label:(S==null?void 0:S.setterName)||y.componentName}}),h=({key:y})=>{var S;const b=o.find(x=>x.componentName===y);b&&(d(b),i==null||i(c,b.componentName),(S=e.onSetterChange)==null||S.call(e,b.componentName))};let p=w.jsx("div",{onClick:y=>{y.preventDefault(),y.stopPropagation()},className:QA.switchBtn,children:w.jsx(K.Dropdown,{trigger:["click"],menu:{selectable:!0,items:f,onClick:h,defaultSelectedKeys:[(u==null?void 0:u.componentName)||""]},children:w.jsx(o1,{})})});f.length===1&&(p=null);const g=v.useMemo(()=>{let y={...(u==null?void 0:u.props)||{},initialValue:u==null?void 0:u.initialValue};const b=o.find(S=>S.componentName===(u==null?void 0:u.componentName));return b&&(y={...y,...b.props}),y},[o,u]),m={formRef:s,pluginCtx:l};return w.jsxs("div",{className:QA.fieldBox,style:{alignItems:e.labelAlign??"center"},children:[w.jsx(Sr,{...r,children:w.jsx(ax,{...g,setters:o,keyPaths:c,currentSetter:u,setCurrentSetter:d,setterContext:{...m,keyPaths:[e.name],label:e.label}})}),p]})},dCe=e=>{const{data:t}=e,{onDataChange:n,pageModel:r}=Kc();Rc(t,fe.DEV_CONFIG_KEY,{});const o=t[fe.DEV_CONFIG_KEY],[i,a]=v.useState(!1),s=v.useRef(null),[l,c]=v.useState();return v.useEffect(()=>{var d;const u={id:t.id,type:t.type,valueType:t.valueType,currentValue:t.currentValue,targetValueName:t.targetValueName||""};(d=s.current)==null||d.setFields(u),c(u),a(!0)},[]),w.jsx(Zi.Provider,{value:{defaultSetterConfig:o.defaultSetterMap||{},formRef:s,onSetterChange:(u,d)=>{o.defaultSetterMap||(o.defaultSetterMap={}),o.defaultSetterMap[u.join(".")]={name:u.join("."),setter:d}},customSetterMap:{}},children:w.jsx("div",{style:{minHeight:"80px",minWidth:"100px"},children:w.jsx(Fs,{title:"Assign Value",nodeProps:e,children:w.jsx(Yi,{ref:s,name:"jump Link",customSetterMap:ko,onValueChange:u=>{Object.assign(t,u),c(u),n()},children:i&&w.jsxs(w.Fragment,{children:[w.jsx("div",{className:ly.line,children:w.jsx(Sr,{name:"valueType",label:"Var Type",valueChangeEventName:"onChange",formatEventValue:({target:{value:u}})=>u,children:w.jsx(K.Radio.Group,{optionType:"button",buttonStyle:"solid",options:[{label:"Memory",value:fe.AssignValueType.MEMORY},{label:"Node",value:fe.AssignValueType.STATE}]})})}),w.jsxs("div",{className:ly.line,children:[(l==null?void 0:l.valueType)==="STATE"&&w.jsx(Sr,{name:"targetValueName",label:"Var Name",valueChangeEventName:"onChange",children:w.jsx(eCe,{pageModel:r})}),(l==null?void 0:l.valueType)==="MEMORY"&&w.jsx(df,{name:"targetValueName",label:"Var Name",labelWidth:"auto",labelAlign:"start",tips:"变量名必须以字母（a-z、A-Z）、下划线（_）或美元符号（$）开头。后续字符可以是字母、数字（0-9）、下划线或美元符号。变量名不能是保留关键字（例如 if、while 等）",setterList:[{componentName:"TextAreaSetter",props:{valueValidator:nCe}}]})]}),w.jsx("div",{className:ly.line,style:{minWidth:"450px"},children:w.jsx(df,{name:"currentValue",label:"Value",labelWidth:"60px",labelAlign:"start",setterList:ES})})]})})})})})},fCe=e=>w.jsx(Fs,{nodeProps:e,useCardStyle:!1,inputHandle:!1,children:w.jsx("div",{style:{minWidth:"100px",padding:"10px 20px",border:"1px solid #1a192b",borderRadius:"4px",textAlign:"center"},children:"Start"})}),hCe="_line_mvkqx_2",Gu={line:hCe};function pCe(e){if(!/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(e))return!1;try{return new Function(`let ${e};`),!0}catch{return!1}}const ff="args.",gCe=(e,t)=>{var n,r,o;return fe.isNodeModel(e)?((o=(r=(((n=e==null?void 0:e.material)==null?void 0:n.value.methods)||[]).find(s=>s.name===t))==null?void 0:r.params)==null?void 0:o.map((s,l)=>({name:`${ff}${l}`,title:{label:s.name||`arg[${l}]`,tip:s.description},valueType:"string",setters:ES})))||[]:[]},mCe=e=>Object.keys(e).map(n=>parseInt(n.replace(ff,""))).sort().map(n=>e[`${ff}${n}`]),vCe=e=>{const t={};return e.forEach((n,r)=>{t[`${ff}${r}`]=n}),t},yCe=e=>{const{data:t}=e,{pageModel:n,onDataChange:r}=Kc();Rc(t,fe.DEV_CONFIG_KEY,{});const o=t[fe.DEV_CONFIG_KEY],i=v.useRef(null),[a,s]=v.useState();v.useEffect(()=>{var h;const f={id:t.id||"",type:t.type,nodeId:t.nodeId,methodName:t.methodName,args:t.args,returnVarName:t.returnVarName};(h=i.current)==null||h.setFields(f),s(f)},[]);const l=v.useMemo(()=>{var p;const f=n.getNode(t.nodeId);return((p=f==null?void 0:f.material)==null?void 0:p.value.methods)||[]},[t.nodeId,n]),c=v.useMemo(()=>l==null?void 0:l.map(f=>({value:f.name,label:f.title})),[l]),u=v.useMemo(()=>gCe(n.getNode(a==null?void 0:a.nodeId),(a==null?void 0:a.methodName)||""),[n,a==null?void 0:a.nodeId,a==null?void 0:a.methodName]),d=(f,h)=>{o.defaultSetterMap||(o.defaultSetterMap={}),o.defaultSetterMap[f.join(".")]={name:f.join("."),setter:h}};return w.jsx(Zi.Provider,{value:{defaultSetterConfig:o.defaultSetterMap||{},formRef:i,onSetterChange:d,customSetterMap:{...ko}},children:w.jsx("div",{style:{minHeight:"80px",minWidth:"100px"},children:w.jsx(Fs,{title:"Call Node Method",nodeProps:e,children:w.jsxs(Yi,{ref:i,name:"Call Node Method",customSetterMap:ko,onValueChange:(f,h)=>{h!=null&&h.includes("nodeId")&&(f={...f,methodName:"",args:[]},setTimeout(()=>{var p;(p=i.current)==null||p.setFields({...a,...f})})),Object.assign(t,f),s(f),r()},children:[w.jsx("div",{className:Gu.line,children:w.jsx(Sr,{label:"组件",name:"nodeId",valueChangeEventName:"onChange",formatEventValue:f=>f.nodeId,children:w.jsx(n6,{pageModel:n})})}),w.jsx("div",{className:Gu.line,children:w.jsx(Sr,{name:"methodName",label:"方法",valueChangeEventName:"onChange",children:w.jsx(K.Select,{style:{width:250},allowClear:!0,options:c})})}),w.jsx("div",{className:Gu.line,children:w.jsx(Sr,{name:"args",label:"参数",labelWidth:"60px",labelAlign:"start",condition:()=>!!u.length,noStyle:!0,formatEventValue:f=>mCe(f),children:w.jsx(Wc,{initialValue:vCe(t.args||[]),properties:u,onSetterChange:d,defaultSetterConfig:o.defaultSetterMap||{}})})}),w.jsx("div",{className:Gu.line,children:w.jsx(Sr,{name:"returnVarName",label:"返回值变量名",labelWidth:"80px",tips:"变量名必须以字母（a-z、A-Z）、下划线（_）或美元符号（$）开头。后续字符可以是字母、数字（0-9）、下划线或美元符号。变量名不能是保留关键字（例如 if、while 等）",rules:[{validator:async f=>f===""?!0:pCe(f)}],valueChangeEventName:"onChange",formatEventValue:f=>f.target.value,children:w.jsx(K.Input,{allowClear:!0})})})]})})})})},bCe=e=>{const{data:t}=e,{onDataChange:n}=Kc(),r=v.useRef(null),[o,i]=v.useState(!1);v.useEffect(()=>{var s;(s=r.current)==null||s.setFields({link:t.link}),i(!0)},[]);const a=v.useMemo(()=>fe.isFunction(t.link)?"FunctionSetter":fe.isExpression(t.link)?"ExpressionSetter":"TextAreaSetter",[]);return w.jsx("div",{style:{minHeight:"80px",minWidth:"100px"},children:w.jsx(Fs,{title:"Jump Link",nodeProps:e,children:w.jsx(Yi,{ref:r,name:"jump Link",customSetterMap:ko,onValueChange:s=>{Object.assign(t,s),n()},children:o&&w.jsx(w.Fragment,{children:w.jsx(df,{name:"link",label:"link",labelWidth:"auto",labelAlign:"start",defaultSetterName:a,setterList:ES})})})})})},xCe=[{componentName:"JSONSetter",labelAlign:"start",props:{mode:"inline",lineNumbers:"off",editorOptions:{lineNumbers:"off",lineDecorationsWidth:0,lineNumbersMinChars:0,glyphMargin:!1}}},{componentName:"FunctionSetter",labelAlign:"start",props:{mode:"inline",minimap:!1,containerStyle:{paddingTop:"10px",width:"470px",height:"150px"},lineNumber:!1}}],wCe=[{value:"GET",label:"GET"},{value:"POST",label:"POST"},{value:"PUT",label:"PUT"},{value:"PATCH",label:"PATCH"},{value:"DELETE",label:"DELETE"}],SCe="_line_mvkqx_2",Wu={line:SCe},CCe=e=>{var S;const{data:t,isConnectable:n}=e,{onDataChange:r,pluginCtx:o}=Kc(),i=o.config||{},a=v.useMemo(()=>{var x,_;return(x=i.requestAPINode)!=null&&x.customAPIInput?(_=i.requestAPINode)==null?void 0:_.customAPIInput:K.Input},[(S=i.requestAPINode)==null?void 0:S.customAPIInput]),s=Ki();Rc(t,fe.DEV_CONFIG_KEY,{});const l=t[fe.DEV_CONFIG_KEY],c=v.useRef(null),[u,d]=v.useState(),f=x=>s.getEdges().some(k=>k.source===String(t.id)&&(k.sourceHandle||Xn)===x),h=f(Xn),p=f(Ml);v.useEffect(()=>{var _;const x={id:t.id,type:t.type,apiPath:t.apiPath,body:t.body,query:t.query,header:t.header,method:t.method||"GET",responseVarName:t.responseVarName||"",afterSuccessResponse:t.afterSuccessResponse||[],afterFailedResponse:t.afterFailedResponse||[]};(_=c.current)==null||_.setFields(x),d(x)},[]);const g=v.useMemo(()=>({updateFields:x=>{var k;const _={...u,...x};(k=c.current)==null||k.setFields({..._}),d(_)},getFields:()=>{var x;return(x=c.current)==null?void 0:x.getFieldsValue()}}),[]),m=(x,_)=>{l.defaultSetterMap||(l.defaultSetterMap={}),l.defaultSetterMap[x.join(".")]={name:x.join("."),setter:_}},y=v.useMemo(()=>[{key:"header",label:"Header"},{key:"query",label:"Query"},{key:"body",label:"Body"}].map(k=>({...k,disabled:k.key==="body"&&(u==null?void 0:u.method)==="GET",children:w.jsx("div",{className:Wu.line,children:w.jsx(df,{name:k.key,hiddenLabel:!0,labelAlign:"start",setterList:xCe})})})),[u==null?void 0:u.method]),b=(x,_)=>{var R,M;const k=s.getNode(String(t.id));if(!k)return;let O=0;_!==Xn&&(O=(((R=k.measured)==null?void 0:R.width)??0)+150);const C={x:k.position.x+O,y:k.position.y+(((M=k.measured)==null?void 0:M.height)??0)+150},E={id:x.id,type:x.type,position:C,dragHandle:`.${wo}`,data:{...x}},N={id:`${t.id}_${E.id}`,source:String(t.id),sourceHandle:_,target:E.id,targetHandle:uh};s.addNodes(E),s.addEdges(N),_===Xn?(t.afterSuccessResponse||(t.afterSuccessResponse=[]),t.afterSuccessResponse.push(x)):(t.afterFailedResponse||(t.afterFailedResponse=[]),t.afterFailedResponse.push(x))};return w.jsx(Zi.Provider,{value:{defaultSetterConfig:l.defaultSetterMap||{},formRef:c,onSetterChange:m,customSetterMap:{...ko}},children:w.jsx("div",{style:{minHeight:"80px",minWidth:"100px"},children:w.jsx(Fs,{title:"Request Data",customHandle:w.jsxs(w.Fragment,{children:[w.jsx(r6,{type:"target",isConnectable:n}),w.jsx(sx,{style:{position:"absolute",left:"50%",bottom:"0"},title:"请求成功时",onNewNodeAdd:x=>b(x,Xn),disabled:h,children:w.jsx(lx,{isConnectable:n,style:{width:"10px",height:"10px",background:"#8BC34A"}})}),w.jsx(sx,{title:"请求异常时",onNewNodeAdd:x=>b(x,Ml),disabled:p,children:w.jsx(lx,{style:{left:"75%",bottom:"0",width:"10px",height:"10px",background:"#ff4d4f"},id:Ml,isConnectable:n})})]}),nodeProps:e,handleNewNodeAdd:()=>{},children:w.jsx("div",{style:{width:"500px"},children:w.jsxs(Yi,{name:"requestAPI",ref:c,customSetterMap:ko,onValueChange:x=>{d(x),Object.assign(t,x),r()},children:[w.jsx("div",{className:Wu.line,children:w.jsx(Sr,{label:"API",name:"apiPath",valueChangeEventName:"onChange",formatEventValue:x=>x.target.value,children:w.jsx(a,{form:g})})}),w.jsx("div",{className:Wu.line,children:w.jsx(Sr,{label:"请求方法",name:"method",valueChangeEventName:"onChange",children:w.jsx(K.Select,{defaultValue:"GET",style:{width:230},options:wCe})})}),w.jsx("div",{className:Wu.line,children:w.jsx(Sr,{label:"返回值变量",name:"responseVarName",tips:"变量名必须以字母（a-z、A-Z）、下划线（_）或美元符号（$）开头。后续字符可以是字母、数字（0-9）、下划线或美元符号。变量名不能是保留关键字（例如 if、while 等）",valueChangeEventName:"onChange",formatEventValue:x=>x.target.value,children:w.jsx(K.Input,{})})}),w.jsx(K.Tabs,{defaultActiveKey:(u==null?void 0:u.method)==="POST"?"body":"query",items:y})]})})})})})},_Ce=e=>{const{data:t}=e;Rc(t,fe.DEV_CONFIG_KEY,{});const{onDataChange:n}=Kc();return w.jsx("div",{style:{minHeight:"80px",minWidth:"100px"},children:w.jsx(Fs,{title:"Run Code",nodeProps:e,children:w.jsx(qw,{mode:"inline",initialValue:t.value,containerStyle:{paddingTop:"10px",width:"600px",height:"300px"},onValueChange:r=>{t.value=r.value,n()}})})})};var Cn=(e=>(e.START_NODE="START_NODE",e[e.JUMP_LINK=fe.LogicType.JUMP_LINK]="JUMP_LINK",e[e.ASSIGN_VALUE=fe.LogicType.ASSIGN_VALUE]="ASSIGN_VALUE",e[e.CALL_NODE_METHOD=fe.LogicType.CALL_NODE_METHOD]="CALL_NODE_METHOD",e[e.RUN_CODE=fe.LogicType.RUN_CODE]="RUN_CODE",e[e.REQUEST_API=fe.LogicType.REQUEST_API]="REQUEST_API",e))(Cn||{});const ECe={START_NODE:fCe,[Cn.JUMP_LINK]:bCe,[Cn.ASSIGN_VALUE]:dCe,[Cn.CALL_NODE_METHOD]:yCe,[Cn.RUN_CODE]:_Ce,[Cn.REQUEST_API]:CCe},kCe=(e,t,n)=>{const r=new QO.graphlib.Graph().setDefaultEdgeLabel(()=>({}));return r.setGraph({rankdir:n.direction}),t.forEach(o=>r.setEdge(o.source,o.target)),e.forEach(o=>{var i,a;return r.setNode(o.id,{...o,width:((i=o.measured)==null?void 0:i.width)??0,height:((a=o.measured)==null?void 0:a.height)??0})}),QO.layout(r),{nodes:e.map(o=>{var l,c;const i=r.node(o.id),a=i.x-(((l=o.measured)==null?void 0:l.width)??0)/2,s=i.y-(((c=o.measured)==null?void 0:c.height)??0)/2;return{...o,position:{x:a,y:s}}}),edges:t}},cy=e=>{const t=e.id||fe.getRandomStr();return{id:t,type:e.type,position:{x:0,y:0},dragHandle:`.${wo}`,selectable:e.type!==Cn.START_NODE,data:{...e,id:t}}},ZA=(e,t,n=Xn)=>({id:`${e}_${t}`,source:e,sourceHandle:n,target:t,targetHandle:uh}),OCe=e=>{var o;const t=[cy({id:Cn.START_NODE,type:Cn.START_NODE})],n=[];if(!((o=e==null?void 0:e.handler)!=null&&o.length))return{nodes:t,edges:n};const r=(i,a)=>{i.forEach(s=>{var c,u;const l=cy(s);t.push(l),n.push(ZA(a,l.id)),s.type==="REQUEST_API"&&((c=s.afterSuccessResponse)!=null&&c.length&&r(s.afterSuccessResponse,l.id),(u=s.afterFailedResponse)!=null&&u.length&&s.afterFailedResponse.forEach(d=>{const f=cy(d);t.push(f),n.push(ZA(l.id,f.id,Ml))})),a=l.id})};return r(e.handler,Cn.START_NODE),{nodes:t,edges:n}},NCe=e=>{const{nodes:t,edges:n}=e,r={type:"ACTION",handler:[]},o=t.find(c=>c.type===Cn.START_NODE);if(!o)return r;const i=new Map(t.map(c=>[c.id,c])),a=new Set,s=c=>{if(a.has(c))return[];a.add(c);const u=i.get(c);if(!u)return[];const d=[],f={...u.data};if(u.type==="REQUEST_API"){const p=n.filter(m=>m.source===c&&m.sourceHandle===Xn).map(m=>s(m.target)).flat(),g=n.filter(m=>m.source===c&&m.sourceHandle===Ml).map(m=>s(m.target)).flat();return f.afterSuccessResponse=p,f.afterFailedResponse=g,d.push(f),d}return d.push(f),n.filter(p=>p.source===c&&p.sourceHandle===Xn).forEach(p=>{const g=s(p.target);d.push(...g)}),d},l=s(o.id);return l.shift(),r.handler=l,r},ES=["StringSetter","NumberSetter","ExpressionSetter",{componentName:"FunctionSetter",props:{mode:"inline",minimap:!1,lineNumber:!1,containerStyle:{width:"500px",height:"250px"}}}],RCe=function(e,t){return Ki().getEdges().some(o=>o.source===String(e.id)&&(o.sourceHandle||Xn)===t)},TCe=function(e,t,n){var a;const r={x:e.position.x,y:e.position.y+(((a=e.measured)==null?void 0:a.height)??0)+150},o={id:t.id,type:t.type,position:r,dragHandle:`.${wo}`,data:{...t}};return{newEdge:{id:`${e.data.id}_${o.id}`,source:String(e.data.id),sourceHandle:Xn,target:o.id,targetHandle:uh},newNode:o}},ACe=e=>{var m,y,b;const{fitView:t}=Ki(),[n,r]=v.useState(!1),[o,i,a]=Qge([{id:Cn.START_NODE,data:{id:Cn.START_NODE},position:{x:0,y:0},type:Cn.START_NODE,dragHandle:`.${wo}`,selectable:!1}]),[s,l,c]=Zge([]),u=v.useCallback(S=>l(x=>SL({...S},x)),[l]),d=v.useRef([]);d.current=o;const[f,h]=v.useState(!1),p=v.useCallback(S=>{const x=kCe(d.current,s,{direction:"TB"});i([...x.nodes]),l([...x.edges]),setTimeout(()=>{r(!0),(S==null?void 0:S.fitView)!==!1&&t({duration:800})},500)},[s,t,l,i]);v.useEffect(()=>{const{nodes:S,edges:x}=OCe(e.value);i(S),l(x),setTimeout(()=>{h(!0)},500)},[e.value,l,i]);const g=()=>{var x;const S=NCe({nodes:o,edges:s});(x=e.onValueChange)==null||x.call(e,S)};return w.jsx(o6.Provider,{value:{pluginCtx:(m=e.setterContext)==null?void 0:m.pluginCtx,pageModel:(b=(y=e.setterContext)==null?void 0:y.pluginCtx)==null?void 0:b.pageModel,onDataChange:g},children:w.jsx("div",{style:{width:"100%",height:"100%",display:"flex",position:"relative"},children:w.jsxs("div",{style:{flex:1,position:"relative"},children:[w.jsx(K.Button,{style:{position:"absolute",top:"10px",right:"20px",zIndex:99},onClick:()=>p({fitView:!1}),children:"Reset Layout"}),!n&&w.jsx("div",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",backgroundColor:"white",zIndex:999}}),f&&w.jsxs(Jge,{nodes:o,edges:s,onNodesChange:S=>{a(S),g()},onEdgesChange:S=>{c(S),g()},onConnect:S=>{u(S),g()},defaultEdgeOptions:{type:"smoothstep"},minZoom:.2,maxZoom:1,onInit:()=>{setTimeout(()=>{p()},100)},fitView:!0,nodeTypes:ECe,children:[w.jsx(ome,{}),w.jsx(dme,{}),w.jsx(Cme,{})]})]})})})},kS=e=>{const[t,n]=v.useState(!1),r=v.useRef(e.value),o=async a=>{var l,c,u;const s=await((u=(c=(l=e.setterContext)==null?void 0:l.pluginCtx)==null?void 0:c.pluginManager)==null?void 0:u.get("Hotkeys"));s==null||s.export.disable(a)},i=e.children||w.jsx(K.Button,{size:"small",style:{marginTop:"5px",width:"100%",color:"#676767",fontSize:"12px"},children:"Edit Flow"});return w.jsxs(w.Fragment,{children:[w.jsx("div",{onClick:async()=>{await o(!0),n(!0)},children:i}),w.jsx(d3,{destroyOnClose:!0,open:t,centered:!0,title:"Edit Flow",width:"calc(100vw - 200px)",onCancel:()=>{n(!1),o(!1)},onOk:async()=>{var a;(a=e.onValueChange)==null||a.call(e,r.current),await o(!1),n(!1)},children:w.jsx("div",{style:{width:"100%",height:"calc(100vh - 200px)"},children:w.jsx(hD,{children:w.jsx(ACe,{...e,onValueChange:a=>{r.current=a}})})})})]})};kS.setterName="逻辑流设置器";const PCe={ActionFlowSetter:kS},MCe="_CFromRenderBox_1vsdm_2",jCe={CFromRenderBox:MCe},ICe=e=>{var l,c,u;const{node:t}=e,n=((l=t==null?void 0:t.material)==null?void 0:l.value.props)||[],r=v.useRef(null);v.useEffect(()=>{const d=()=>{var h,p;const f=((h=t==null?void 0:t.getPlainProps)==null?void 0:h.call(t))||{};(p=r.current)==null||p.setFields(f)};return d(),t==null||t.emitter.on("onNodeChange",d),()=>{t==null||t.emitter.off("onNodeChange",d)}},[t]);const o=((c=t==null?void 0:t.getPlainProps)==null?void 0:c.call(t))||{},i=d=>{t==null||t.updateValue({props:d})},a=(d,f)=>{t&&(t.value.configure=t.value.configure||{},t.value.configure.propsSetter=t.value.configure.propsSetter||{},t.value.configure.propsSetter[d.join(".")]={name:d.join("."),setter:f})},s=(u=e.pluginCtx.config)==null?void 0:u.customPropertySetterMap;return w.jsx("div",{className:jCe.CFromRenderBox,children:w.jsx(Wc,{pluginCtx:e.pluginCtx,defaultSetterConfig:(t==null?void 0:t.value.configure.propsSetter)||{},onSetterChange:a,properties:n,initialValue:o,ref:r,customSetterMap:{...PCe,customSetterMap:s},onValueChange:i},t==null?void 0:t.id)})},OS={key:"Property",name:"Property",view:({node:e,pluginCtx:t})=>w.jsx(ICe,{node:e,pluginCtx:t}),show:e=>{var t,n,r,o;return((o=(r=(n=(t=e.node)==null?void 0:t.material)==null?void 0:n.value.advanceCustom)==null?void 0:r.rightPanel)==null?void 0:o.property)!==!1}},NS=e=>{const t=e.node,n=t.value.state||{},r=v.useRef(null);v.useEffect(()=>{var a;const i=t.value.state||{};(a=r==null?void 0:r.current)==null||a.setValue(JSON.stringify(i,null,2))},[t]);const o=i=>{try{const a=JSON.parse(i||"{}");t.value.state=a,t.updateValue()}catch(a){console.warn(a)}};return w.jsx(w.Fragment,{children:w.jsx($s,{initialValue:JSON.stringify(n,null,2),language:"json",options:{automaticLayout:!0,tabSize:2,minimap:{enabled:!1},quickSuggestions:!1,suggestOnTriggerCharacters:!1,folding:!1},onDidMount:i=>{r.current=i},onChange:o})})},RS={key:"State",name:"State",view:({node:e,pluginCtx:t})=>e?w.jsx(NS,{node:e,pluginCtx:t}):w.jsx(w.Fragment,{}),show:e=>{var t,n,r,o;return((o=(r=(n=(t=e.node)==null?void 0:t.material)==null?void 0:n.value.advanceCustom)==null?void 0:r.rightPanel)==null?void 0:o.state)!==!1}},$Ce="_advanceBox_9o3af_2",LCe={advanceBox:$Ce},DCe=[{name:"id",title:{label:"id",tip:"node unique id"},valueType:"string",setters:[{componentName:"StringSetter",props:{disabled:!0,bordered:!1}}]},{name:"condition",title:{label:"Render",tip:"controller component render"},valueType:"boolean",setters:["BooleanSetter","ExpressionSetter"]},{name:"loop",title:"loop render",valueType:"object",setters:[{componentName:"ShapeSetter",props:{elements:[{name:"open",title:"open",valueType:"boolean",setters:["BooleanSetter","ExpressionSetter"]},{name:"data",title:"data",valueType:"array",setters:[{componentName:"ArraySetter",initialValue:[],props:{item:{setters:["JSONSetter","ExpressionSetter"],initialValue:{}}}},"JSONSetter","ExpressionSetter"]},{name:"forName",title:{label:"name",tip:"loop element name"},valueType:"string",setters:["StringSetter"]},{name:"forIndex",title:{label:"index",tip:"loop element index"},valueType:"string",setters:["StringSetter"]},{name:"key",title:{label:"key",tip:"loop element key"},valueType:"expression",setters:["ExpressionSetter"]},{name:"name",title:{label:`variable 
  name`,tip:"loop variable name"},valueType:"string",setters:[{componentName:"StringSetter",props:{prefix:"loopData"}}]}]},initialValue:{open:!1,data:[]}}]},{name:"refId",title:{label:"refId",tip:"unique node flag"},valueType:"string",setters:["StringSetter"]},{name:"nodeName",title:{label:w.jsxs(w.Fragment,{children:["node ",w.jsx("br",{})," name"]}),tip:"alias for node"},valueType:"string",setters:["StringSetter"]}],TS=e=>{var s,l,c,u,d,f,h,p,g,m;const{node:t}=e,n=v.useMemo(()=>{var x,_,k,O,C,E,N,R,M;let y=DCe;return!!((O=(k=(_=(x=t==null?void 0:t.material)==null?void 0:x.value.advanceCustom)==null?void 0:_.rightPanel)==null?void 0:k.advanceOptions)!=null&&O.loop)||!((C=t==null?void 0:t.material)!=null&&C.value.isContainer)||(y=y.filter(I=>(I==null?void 0:I.name)!=="loop")),!!((M=(R=(N=(E=t==null?void 0:t.material)==null?void 0:E.value.advanceCustom)==null?void 0:N.rightPanel)==null?void 0:R.advanceOptions)!=null&&M.render)||(y=y.filter(I=>(I==null?void 0:I.name)!=="condition")),y},[(u=(c=(l=(s=t==null?void 0:t.material)==null?void 0:s.value.advanceCustom)==null?void 0:l.rightPanel)==null?void 0:c.advanceOptions)==null?void 0:u.loop,(p=(h=(f=(d=t==null?void 0:t.material)==null?void 0:d.value.advanceCustom)==null?void 0:f.rightPanel)==null?void 0:h.advanceOptions)==null?void 0:p.render,(g=t==null?void 0:t.material)==null?void 0:g.value.isContainer]),r=(y,b)=>{t&&(t.value.configure=t.value.configure||{},t.value.configure.advanceSetter=t.value.configure.advanceSetter||{},t.value.configure.advanceSetter[y.join(".")]={name:y.join("."),setter:b})},o=t==null?void 0:t.value.loop,i=v.useRef(null);v.useEffect(()=>{var b;const y={id:t==null?void 0:t.id,condition:(t==null?void 0:t.value.condition)??!0,loop:{open:(o==null?void 0:o.open)||!1,data:(o==null?void 0:o.data)||[],forName:(o==null?void 0:o.forName)||"item",forIndex:(o==null?void 0:o.forIndex)||"index",key:(o==null?void 0:o.key)||"",name:(o==null?void 0:o.name)||""},refId:t==null?void 0:t.value.refId,nodeName:t==null?void 0:t.value.nodeName};(b=i.current)==null||b.setFields(y)},[t]);const a=y=>{t&&(t.value.loop=y.loop,t.value.condition=y.condition,t.value.refId=y.refId,t.value.nodeName=y.nodeName,t.updateValue())};return t?w.jsx("div",{className:LCe.advanceBox,children:w.jsx(Wc,{defaultSetterConfig:((m=t.value.configure)==null?void 0:m.advanceSetter)||{},onSetterChange:r,properties:n,initialValue:{},ref:i,onValueChange:a},t.id)}):w.jsx(w.Fragment,{})},AS={key:"Advance",name:"Advance",view:({node:e,pluginCtx:t})=>e?w.jsx(TS,{node:e,pluginCtx:t}):w.jsx(w.Fragment,{}),show:e=>{var t,n,r,o;return((o=(r=(n=(t=e.node)==null?void 0:t.material)==null?void 0:n.value.advanceCustom)==null?void 0:r.rightPanel)==null?void 0:o.advance)!==!1}},zCe="_rightPanelContainer_1p332_2",FCe={rightPanelContainer:zCe},BCe="_visualPanelBox_6q12v_2",VCe="_header_6q12v_5",eP={visualPanelBox:BCe,header:VCe},HCe="_cssFieldBox_tzq0n_2",qCe="_row_tzq0n_9",UCe="_fieldLabel_tzq0n_14",GCe="_leftBox_tzq0n_20",WCe="_rightBox_tzq0n_23",KCe="_inputBox_tzq0n_26",YCe="_cssBox_tzq0n_30",XCe="_switchBtn_tzq0n_43",qr={cssFieldBox:HCe,row:qCe,fieldLabel:UCe,leftBox:GCe,rightBox:WCe,inputBox:KCe,cssBox:YCe,switchBtn:XCe},JCe={cssColors:{aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",goldenrod:"#daa520",gold:"#ffd700",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavenderblush:"#fff0f5",lavender:"#e6e6fa",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"},cssKeyValue:{"align-content":{values:["center","flex-end","flex-start","space-around","space-between","stretch"]},"align-items":{values:["baseline","center","flex-end","flex-start","stretch"]},"align-self":{values:["auto","normal","self-start","self-end","baseline","center","start","end","flex-end","flex-start","safe","stretch","unsafe"]},all:{values:[]},animation:{values:[]},"animation-delay":{values:[]},"animation-direction":{values:["alternate","alternate-reverse","normal","reverse"]},"animation-duration":{values:[]},"animation-fill-mode":{values:["backwards","both","forwards","none"]},"animation-iteration-count":{values:["infinite"]},"animation-name":{values:["none"]},"animation-play-state":{values:["paused","running"]},"animation-timing-function":{values:["cubic-bezier()","ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start","steps()"]},"backface-visibility":{values:["hidden","visible"]},background:{values:[],type:"color"},"background-attachment":{values:["fixed","local","scroll"]},"background-blend-mode":{values:["color","color-burn","color-dodge","darken","difference","exclusion","hard-light","hue","lighten","luminosity","multiply","normal","overlay","saturation","screen","soft-light"]},"background-clip":{values:["border-box","content-box","padding-box"]},"background-color":{values:[],type:"color"},"background-image":{values:["image()","linear-gradient()","radial-gradient()","repeating-linear-gradient()","repeating-radial-gradient()","url()"]},"background-origin":{values:["border-box","content-box","padding-box"]},"background-position":{values:["left","center","right","bottom","top"]},"background-repeat":{values:["no-repeat","repeat","repeat-x","repeat-y","round","space"]},"background-size":{values:["auto","contain","cover"]},border:{values:[]},"border-collapse":{values:["collapse","separate"]},"border-color":{values:[],type:"color"},"border-spacing":{values:[]},"border-style":{values:["dashed","dotted","double","groove","hidden","inset","none","outset","ridge","solid"]},"border-bottom":{values:[]},"border-bottom-color":{values:[],type:"color"},"border-bottom-left-radius":{values:[]},"border-bottom-right-radius":{values:[]},"border-bottom-style":{values:["dashed","dotted","double","groove","hidden","inset","none","outset","ridge","solid"]},"border-bottom-width":{values:["medium","thin","thick"]},"border-image":{values:["url()"]},"border-image-outset":{values:[]},"border-image-slice":{values:[]},"border-image-source":{values:[]},"border-image-repeat":{values:["repeat","round","space","stretch"]},"border-image-width":{values:["auto"]},"border-left":{values:[]},"border-left-color":{values:[],type:"color"},"border-left-style":{values:["dashed","dotted","double","groove","hidden","inset","none","outset","ridge","solid"]},"border-left-width":{values:["medium","thin","thick"]},"border-radius":{values:[]},"border-right":{values:[]},"border-right-color":{values:[],type:"color"},"border-right-style":{values:["dashed","dotted","double","groove","hidden","inset","none","outset","ridge","solid"]},"border-right-width":{values:["medium","thin","thick"]},"border-top":{values:[]},"border-top-color":{values:[],type:"color"},"border-top-left-radius":{values:[]},"border-top-right-radius":{values:[]},"border-top-style":{values:["dashed","dotted","double","groove","hidden","inset","none","outset","ridge","solid"]},"border-top-width":{values:["medium","thin","thick"]},"border-width":{values:["medium","thin","thick"]},"box-decoration-break":{values:["clone","slice"]},"box-shadow":{values:["none"]},"box-sizing":{values:["border-box","content-box"]},bottom:{values:["auto"]},"break-after":{values:["always","auto","avoid","avoid-column","avoid-page","avoid-region","column","left","page","region","right"]},"break-before":{values:["always","auto","avoid","avoid-column","avoid-page","avoid-region","column","left","page","region","right"]},"break-inside":{values:["auto","avoid","avoid-column","avoid-page","avoid-region"]},"caption-side":{values:["bottom","top"]},"caret-color":{values:["auto"],type:"color"},clear:{values:["both","left","none","right"]},clip:{values:["auto"]},color:{values:[],type:"color"},columns:{values:[]},"column-count":{values:[]},"column-fill":{values:["auto","balance"]},"column-gap":{values:["normal"]},"column-rule":{values:[]},"column-rule-color":{values:[],type:"color"},"column-rule-style":{values:["dashed","dotted","double","groove","hidden","inset","none","outset","ridge","solid"]},"column-rule-width":{values:["medium","thin","thick"]},"column-span":{values:["all","none"]},"column-width":{values:["auto"]},content:{values:["attr()","close-quote","no-close-quote","no-open-quote","normal","none","open-quote"]},"counter-increment":{values:["none"]},"counter-reset":{values:["none"]},cursor:{values:["alias","all-scroll","auto","cell","col-resize","context-menu","copy","crosshair","default","e-resize","ew-resize","grab","grabbing","help","move","n-resize","ne-resize","nesw-resize","no-drop","none","not-allowed","ns-resize","nw-resize","nwse-resize","pointer","progress","row-resize","s-resize","se-resize","sw-resize","text","vertical-text","w-resize","wait","zoom-in","zoom-out"]},direction:{values:["ltr","rtl"]},display:{values:["block","contents","flex","flow-root","grid","inline","inline-block","inline-flex","inline-grid","inline-table","list-item","none","run-in","subgrid","table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row","table-row-group"]},"empty-cells":{values:["hide","show"]},fill:{values:[]},filter:{values:["blur()","brightness()","contrast()","custom()","drop-shadow()","grayscale()","hue-rotate()","invert()","none","opacity()","sepia()","saturate()","url()"]},flex:{values:["auto","none"]},"flex-basis":{values:["auto"]},"flex-direction":{values:["column","column-reverse","row","row-reverse"]},"flex-flow":{values:["column","column-reverse","nowrap","row","row-reverse","wrap","wrap-reverse"]},"flex-grow":{values:[]},"flex-shrink":{values:[]},"flex-wrap":{values:["nowrap","wrap","wrap-reverse"]},float:{values:["left","right","none","inline-start","inline-end"]},"flow-into":{values:["none"],type:"named-flow"},"flow-from":{values:["none"],type:"named-flow"},font:{values:[]},"font-display":{values:["auto","block","swap","fallback","optional"]},"font-family":{values:["auto","cursive","fantasy","monospace","sans-serif","serif"]},"font-feature-settings":{values:["normal"]},"font-kerning":{values:["auto","none","normal"]},"font-language-override":{values:["normal"]},"font-size":{values:["xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","larger","smaller"]},"font-size-adjust":{values:["auto","none"]},"font-stretch":{values:["condensed","expanded","extra-condensed","extra-expanded","normal","semi-condensed","semi-expanded","ultra-condensed","ultra-expanded"]},"font-style":{values:["italic","normal","oblique"]},"font-synthesis":{values:["none","style","weight"]},"font-variant":{values:["normal","small-caps"]},"font-variant-alternates":{values:["normal"]},"font-variant-caps":{values:["normal","small-caps","all-small-caps","petite-caps","all-petite-caps","unicase","titling-caps"]},"font-variant-east-asian":{values:["normal"]},"font-variant-ligatures":{values:["normal","none"]},"font-variant-numeric":{values:["normal"]},"font-variant-position":{values:["normal","sub","super"]},"font-weight":{values:["bold","bolder","lighter","normal","100","200","300","400","500","600","700","800","900"]},gap:{values:["revert-layer"]},grid:{values:[]},"grid-area":{values:[]},"grid-auto-columns":{values:[]},"grid-auto-flow":{values:["row","column","dense"]},"grid-auto-rows":{values:[]},"grid-column":{values:["auto"]},"grid-column-end":{values:[]},"grid-column-gap":{values:[]},"grid-column-start":{values:[]},"grid-gap":{values:[]},"grid-row":{values:["auto"]},"grid-row-end":{values:[]},"grid-row-start":{values:[]},"grid-row-gap":{values:[]},"grid-template":{values:["none"]},"grid-template-areas":{values:[]},"grid-template-columns":{values:["auto"]},"grid-template-rows":{values:["auto"]},"hanging-punctuation":{values:["allow-end","first","force-end","last","none"]},height:{values:["auto","max-content","min-content","fit-content"]},hyphens:{values:["auto","manual","none"]},"image-orientation":{values:[]},"image-resolution":{values:["from-image","snap"]},isolation:{values:["auto","isolate"]},"justify-content":{values:["center","flex-end","flex-start","space-around","space-between"]},"justify-items":{values:["auto","normal","stretch","center","start","end","flex-start","flex-end","self-start","self-end","left","right","baseline","first","last","safe","unsafe","legacy"]},"justify-self":{values:["auto","normal","stretch","center","start","end","flex-start","flex-end","self-start","self-end","left","right","baseline","first","last","safe","unsafe"]},left:{values:["auto"]},"letter-spacing":{values:["normal"]},"line-height":{values:["normal"]},"list-style":{values:["none","url()","armenian","circle","decimal","decimal-leading-zero","disc","georgian","inside","lower-alpha","lower-greek","lower-latin","lower-roman","outside","square","upper-alpha","upper-latin","upper-roman"]},"list-style-image":{values:["none","url()"]},"list-style-position":{values:["inside","outside"]},"list-style-type":{values:["armenian","circle","decimal","decimal-leading-zero","disc","georgian","lower-alpha","lower-greek","lower-latin","lower-roman","none","square","upper-alpha","upper-latin","upper-roman"]},margin:{values:["auto"]},"margin-bottom":{values:["auto"]},"margin-left":{values:["auto"]},"margin-right":{values:["auto"]},"margin-top":{values:["auto"]},"max-height":{values:["none"]},"max-width":{values:["none"]},"min-height":{values:[]},"min-width":{values:[]},"mix-blend-mode":{values:["color","color-burn","color-dodge","darken","difference","exclusion","hard-light","hue","lighten","luminosity","multiply","normal","overlay","saturation","screen","soft-light"]},"object-fit":{values:["contain","cover","fill","none","scale-down"]},"object-position":{values:["left","center","right","bottom","top"]},opacity:{values:[]},order:{values:[]},orphans:{values:[]},outline:{values:[]},"outline-color":{values:["invert"],type:"color"},"outline-offset":{values:[]},"outline-style":{values:["dashed","dotted","double","groove","hidden","inset","none","outset","ridge","solid"]},"outline-width":{values:["medium","thin","thick"]},overflow:{values:["auto","hidden","scroll","visible"]},"overflow-x":{values:["auto","hidden","scroll","visible"]},"overflow-y":{values:["auto","hidden","scroll","visible"]},"overflow-wrap":{values:["normal","anywhere","break-word"]},padding:{values:[]},"padding-bottom":{values:[]},"padding-left":{values:[]},"padding-right":{values:[]},"padding-top":{values:[]},"page-break-after":{values:["always","auto","avoid","left","right"]},"page-break-before":{values:["always","auto","avoid","left","right"]},"page-break-inside":{values:["auto","avoid"]},perspective:{values:["none"]},"perspective-origin":{values:["bottom","center","left","right","top"]},"pointer-events":{values:["all","auto","fill","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"]},position:{values:["absolute","fixed","relative","static","sticky"]},quotes:{values:["none"]},"region-break-after":{values:["always","auto","avoid","avoid-column","avoid-page","avoid-region","column","left","page","region","right"]},"region-break-before":{values:["always","auto","avoid","avoid-column","avoid-page","avoid-region","column","left","page","region","right"]},"region-break-inside":{values:["auto","avoid","avoid-column","avoid-page","avoid-region"]},"region-fragment":{values:["auto","break"]},resize:{values:["both","horizontal","none","vertical"]},right:{values:["auto"]},"scroll-behavior":{values:["auto","smooth"]},"scroll-snap-type":{values:["none","x","y","block","inline","both","mandatory","proximity"]},src:{values:["url()"]},"shape-image-threshold":{values:[]},"shape-inside":{values:["auto","circle()","ellipse()","outside-shape","polygon()","rectangle()"]},"shape-margin":{values:[]},"shape-outside":{values:["none","circle()","ellipse()","polygon()","inset()","margin-box","border-box","padding-box","content-box","url()","image()","linear-gradient()","radial-gradient()","repeating-linear-gradient()","repeating-radial-gradient()"]},"tab-size":{values:[]},"table-layout":{values:["auto","fixed"]},"text-align":{values:["start","end","center","left","justify","right","match-parent","justify-all"]},"text-align-last":{values:["center","left","justify","right"]},"text-decoration":{values:["line-through","none","overline","underline"]},"text-decoration-color":{values:[],type:"color"},"text-decoration-line":{values:["line-through","none","overline","underline"]},"text-decoration-skip":{values:["edges","ink","none","objects","spaces"]},"text-decoration-style":{values:["dashed","dotted","double","solid","wavy"]},"text-emphasis":{values:[]},"text-emphasis-color":{values:[],type:"color"},"text-emphasis-position":{values:["above","below","left","right"]},"text-emphasis-style":{values:["circle","dot","double-circle","filled","none","open","sesame","triangle"]},"text-indent":{values:[]},"text-justify":{values:["auto","none","inter-word","inter-character"]},"text-overflow":{values:["clip","ellipsis"]},"text-shadow":{values:[]},"text-rendering":{values:["auto","geometricPrecision","optimizeLegibility","optimizeSpeed"]},"text-transform":{values:["capitalize","full-width","lowercase","none","uppercase"]},"text-underline-position":{values:["alphabetic","auto","below","left","right"]},top:{values:["auto"]},transform:{values:["matrix()","matrix3d()","none","perspective()","rotate()","rotate3d()","rotateX()","rotateY()","rotateZ()","scale()","scale3d()","scaleX()","scaleY()","scaleZ()","skewX()","skewY()","translate()","translate3d()","translateX()","translateY()","translateZ()"]},"transform-origin":{values:["bottom","center","left","right","top"]},"transform-style":{values:["flat","preserve-3d"]},transition:{values:[]},"transition-delay":{values:[]},"transition-duration":{values:[]},"transition-property":{values:["all","none"]},"transition-timing-function":{values:["cubic-bezier()","ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start","steps()"]},"unicode-bidi":{values:["bidi-override","embed","normal"]},"unicode-range":{values:[]},"user-select":{values:["all","auto","contain","none","text"]},"vertical-align":{values:["baseline","bottom","middle","sub","super","text-bottom","text-top","top"]},visibility:{values:["collapse","hidden","visible"]},"white-space":{values:["normal","nowrap","pre","pre-line","pre-wrap"]},widows:{values:[]},width:{values:["auto","max-content","min-content","fit-content"]},"will-change":{values:["auto","contents","opacity","scroll-position"]},"word-break":{values:["normal","break-all","keep-all"]},"word-spacing":{values:["normal"]},"z-index":{values:["auto"]}}},QCe=Object.keys(JCe.cssKeyValue),uy=QCe.map(e=>({value:e})),tP=v.forwardRef(function(t,n){var b,S;const[r,o]=v.useState(""),[i,a]=v.useState(""),{mod:s="create"}=t,[l,c]=v.useState({property:((b=t.value)==null?void 0:b.property)||"",value:((S=t.value)==null?void 0:S.value)||""}),u=x=>{var O;let _,k;return fe.isExpression(x==null?void 0:x.value)?(_=!0,k=(O=x==null?void 0:x.value)==null?void 0:O.value):(_=!1,k=x==null?void 0:x.value),{isExp:_,value:k}},d=v.useMemo(()=>u(t.value),[t.value]);v.useEffect(()=>{t.value&&c(t.value)},[t.value]);const[f,h]=v.useState(uy),p=x=>{const _=uy.filter(k=>k.value.includes(x));h(x?_:uy)},g=x=>{t.onValueChange({...x})},m=v.useRef(null);v.useImperativeHandle(n,()=>({reset:()=>{var x;c({property:"",value:{type:fe.CNodePropsTypeEnum.EXPRESSION,value:""}}),(x=m.current)==null||x.focus()}}),[]);const y=()=>{var _,k,O;if(l.property===""){o("error");return}if(d.isExp&&!l.value){a("error");return}o(""),a("");const x=(_=t.onCreate)==null?void 0:_.call(t,l);(k=x==null?void 0:x.errorKey)!=null&&k.includes("key")&&o("error"),(O=x==null?void 0:x.errorKey)!=null&&O.includes("value")&&a("error")};return w.jsx(w.Fragment,{children:w.jsxs("div",{className:qr.cssFieldBox,children:[w.jsxs("div",{className:qr.leftBox,children:[w.jsxs("div",{className:qr.row,children:[w.jsx("span",{className:qr.fieldLabel,children:"Name"}),w.jsx(K.AutoComplete,{status:r,disabled:s==="edit",ref:m,onSearch:p,popupMatchSelectWidth:200,value:l.property,onChange:x=>{o("");const _={...l,property:x};c(_),g(_)},className:Ve([qr.inputBox]),onBlur:()=>{g(l)},placeholder:"property",options:f})]}),w.jsxs("div",{className:qr.row,children:[w.jsx("span",{className:qr.fieldLabel,children:"Value"}),w.jsx(K.ConfigProvider,{theme:{token:{borderRadius:4}},children:w.jsx(K.Input.TextArea,{status:i,value:u(l).value,autoSize:{minRows:d.isExp?2:1},onChange:x=>{a("");const _={type:fe.CNodePropsTypeEnum.EXPRESSION,value:x.target.value},k=d.isExp,O={...l,value:k?_:x.target.value};c(O),g(O)},onPressEnter:()=>{s==="create"&&setTimeout(()=>{var x;y(),(x=m.current)==null||x.focus()},0)}})})]})]}),w.jsxs("div",{className:qr.rightBox,children:[w.jsxs("div",{style:{height:"30px"},children:[t.onDelete&&s==="edit"&&w.jsx(K.Button,{size:"small",type:"text",onClick:()=>{var x;(x=t.onDelete)==null||x.call(t)},children:w.jsx(r1,{style:{display:"inline-flex",fontSize:"12px"}})}),t.onCreate&&s==="create"&&w.jsx("div",{children:w.jsx(K.Button,{size:"small",type:"text",icon:w.jsx(_f,{style:{fontSize:"12px",display:"inline-flex"}}),onClick:y})})]}),w.jsx("div",{className:qr.switchBtn,onClick:x=>{x.preventDefault(),x.stopPropagation()}})]})]})})}),i6=v.forwardRef(function(t,n){const[r,o]=v.useState([]);v.useImperativeHandle(n,()=>({setValue:c=>{o(c)}}),[]),v.useEffect(()=>{t.initialValue&&o(t.initialValue)},[]);const[i,a]=v.useState({property:"",value:{type:"EXPRESSION",value:""}}),s=c=>{var u;(u=t.onValueChange)==null||u.call(t,c)},l=v.useRef(null);return w.jsx(K.ConfigProvider,{theme:{token:{borderRadius:4}},children:w.jsxs("div",{className:qr.cssBox,children:[r.map((c,u)=>w.jsx("div",{children:w.jsx(tP,{value:c,mod:"edit",onValueChange:d=>{if(d.property===""){r.splice(u,1),o([...r]);return}r[u]=d,o([...r]),s(r)},onDelete:()=>{r.splice(u,1),o([...r]),s(r)}})},u)),w.jsx(tP,{value:i,ref:l,mod:"create",onValueChange:c=>{a(c)},onCreate:c=>{if(r.find(d=>d.property===c.property))return K.message.error("The attribute name already exists, please replace"),{errorKey:[c.property]};r.push(c),o([...r]),s(r),a({property:"",value:{type:"EXPRESSION",value:""}})}})]})})}),ZCe=[{title:"Class Names",name:"className",valueType:"array",setters:[{componentName:"ArraySetter",props:{sortLabelKey:"name",item:{setters:[{componentName:"ShapeSetter",props:{collapse:!1,elements:[{name:"name",title:"类名",valueType:"string",setters:["StringSetter"]},{name:"status",title:"启用",valueType:"boolean",setters:["BooleanSetter","ExpressionSetter"]}]},initialValue:{}}],initialValue:{name:"",status:{type:fe.CNodePropsTypeEnum.EXPRESSION,value:!0}}}},initialValue:[]}]}],a6=v.forwardRef(function(t,n){const r=v.useRef(null);return v.useImperativeHandle(n,()=>({setValue(o){var i;(i=r==null?void 0:r.current)==null||i.setFields({className:o||[]})}})),w.jsx(K.ConfigProvider,{theme:{token:{borderRadius:4}},children:w.jsx("div",{children:w.jsx(Wc,{ref:r,initialValue:[],properties:ZCe,onSetterChange:function(){},onValueChange:o=>{var i;(i=t.onValueChange)==null||i.call(t,o.className||[])},defaultSetterConfig:{}})})})});function s6(e){if(Array.isArray(e))return e}function e_e(e,t){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var r,o,i,a,s=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,t===0){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(u){c=!0,o=u}finally{try{if(!l&&n.return!=null&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return s}}function cx(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function PS(e,t){if(e){if(typeof e=="string")return cx(e,t);var n={}.toString.call(e).slice(8,-1);return n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set"?Array.from(e):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?cx(e,t):void 0}}function l6(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Ae(e,t){return s6(e)||e_e(e,t)||PS(e,t)||l6()}function at(e){"@babel/helpers - typeof";return at=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},at(e)}function t_e(e,t){if(at(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(at(r)!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function c6(e){var t=t_e(e,"string");return at(t)=="symbol"?t:t+""}function ye(e,t,n){return(t=c6(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function n_e(e){if(Array.isArray(e))return cx(e)}function u6(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function r_e(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Oo(e){return n_e(e)||u6(e)||PS(e)||r_e()}function nP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,r)}return n}function ve(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?nP(Object(n),!0).forEach(function(r){ye(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):nP(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function mc(e){for(var t=0,n,r=0,o=e.length;o>=4;++r,o-=4)n=e.charCodeAt(r)&255|(e.charCodeAt(++r)&255)<<8|(e.charCodeAt(++r)&255)<<16|(e.charCodeAt(++r)&255)<<24,n=(n&65535)*1540483477+((n>>>16)*59797<<16),n^=n>>>24,t=(n&65535)*1540483477+((n>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(o){case 3:t^=(e.charCodeAt(r+2)&255)<<16;case 2:t^=(e.charCodeAt(r+1)&255)<<8;case 1:t^=e.charCodeAt(r)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}function $o(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}function o_e(e,t){if(!e)return!1;if(e.contains)return e.contains(t);for(var n=t;n;){if(n===e)return!0;n=n.parentNode}return!1}var rP="data-rc-order",oP="data-rc-priority",i_e="rc-util-key",ux=new Map;function d6(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=e.mark;return t?t.startsWith("data-")?t:"data-".concat(t):i_e}function Ah(e){if(e.attachTo)return e.attachTo;var t=document.querySelector("head");return t||document.body}function a_e(e){return e==="queue"?"prependQueue":e?"prepend":"append"}function MS(e){return Array.from((ux.get(e)||e).children).filter(function(t){return t.tagName==="STYLE"})}function f6(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(!$o())return null;var n=t.csp,r=t.prepend,o=t.priority,i=o===void 0?0:o,a=a_e(r),s=a==="prependQueue",l=document.createElement("style");l.setAttribute(rP,a),s&&i&&l.setAttribute(oP,"".concat(i)),n!=null&&n.nonce&&(l.nonce=n==null?void 0:n.nonce),l.innerHTML=e;var c=Ah(t),u=c.firstChild;if(r){if(s){var d=(t.styles||MS(c)).filter(function(f){if(!["prepend","prependQueue"].includes(f.getAttribute(rP)))return!1;var h=Number(f.getAttribute(oP)||0);return i>=h});if(d.length)return c.insertBefore(l,d[d.length-1].nextSibling),l}c.insertBefore(l,u)}else c.appendChild(l);return l}function h6(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=Ah(t);return(t.styles||MS(n)).find(function(r){return r.getAttribute(d6(t))===e})}function p6(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=h6(e,t);if(n){var r=Ah(t);r.removeChild(n)}}function s_e(e,t){var n=ux.get(e);if(!n||!o_e(document,n)){var r=f6("",t),o=r.parentNode;ux.set(e,o),e.removeChild(r)}}function Xa(e,t){var n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},r=Ah(n),o=MS(r),i=ve(ve({},n),{},{styles:o});s_e(r,i);var a=h6(t,i);if(a){var s,l;if((s=i.csp)!==null&&s!==void 0&&s.nonce&&a.nonce!==((l=i.csp)===null||l===void 0?void 0:l.nonce)){var c;a.nonce=(c=i.csp)===null||c===void 0?void 0:c.nonce}return a.innerHTML!==e&&(a.innerHTML=e),a}var u=f6(e,i);return u.setAttribute(d6(i),t),u}function l_e(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function dx(e,t){if(e==null)return{};var n,r,o=l_e(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function g6(e,t,n){var r=X.useRef({});return(!("value"in r.current)||n(r.current.condition,t))&&(r.current.value=e(),r.current.condition=t),r.current.value}var fx={},jS=[],c_e=function(t){jS.push(t)};function IS(e,t){if("{}".NODE_ENV!=="production"&&!e&&console!==void 0){var n=jS.reduce(function(r,o){return o(r??"","warning")},t);n&&console.error("Warning: ".concat(n))}}function u_e(e,t){if("{}".NODE_ENV!=="production"&&!e&&console!==void 0){var n=jS.reduce(function(r,o){return o(r??"","note")},t);n&&console.warn("Note: ".concat(n))}}function m6(){fx={}}function v6(e,t,n){!t&&!fx[n]&&(e(!1,n),fx[n]=!0)}function ea(e,t){v6(IS,e,t)}function d_e(e,t){v6(u_e,e,t)}ea.preMessage=c_e;ea.resetWarned=m6;ea.noteOnce=d_e;function f_e(e,t){var n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,r=new Set;function o(i,a){var s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,l=r.has(i);if(ea(!l,"Warning: There may be circular references"),l)return!1;if(i===a)return!0;if(n&&s>1)return!1;r.add(i);var c=s+1;if(Array.isArray(i)){if(!Array.isArray(a)||i.length!==a.length)return!1;for(var u=0;u<i.length;u++)if(!o(i[u],a[u],c))return!1;return!0}if(i&&a&&at(i)==="object"&&at(a)==="object"){var d=Object.keys(i);return d.length!==Object.keys(a).length?!1:d.every(function(f){return o(i[f],a[f],c)})}return!1}return o(e,t)}function Lo(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function iP(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,c6(r.key),r)}}function Do(e,t,n){return t&&iP(e.prototype,t),n&&iP(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var h_e="%";function hx(e){return e.join(h_e)}var p_e=function(){function e(t){Lo(this,e),ye(this,"instanceId",void 0),ye(this,"cache",new Map),this.instanceId=t}return Do(e,[{key:"get",value:function(n){return this.opGet(hx(n))}},{key:"opGet",value:function(n){return this.cache.get(n)||null}},{key:"update",value:function(n,r){return this.opUpdate(hx(n),r)}},{key:"opUpdate",value:function(n,r){var o=this.cache.get(n),i=r(o);i===null?this.cache.delete(n):this.cache.set(n,i)}}]),e}(),gs="data-token-hash",Nr="data-css-hash",g_e="data-cache-path",ei="__cssinjs_instance__";function m_e(){var e=Math.random().toString(12).slice(2);if(typeof document<"u"&&document.head&&document.body){var t=document.body.querySelectorAll("style[".concat(Nr,"]"))||[],n=document.head.firstChild;Array.from(t).forEach(function(o){o[ei]=o[ei]||e,o[ei]===e&&document.head.insertBefore(o,n)});var r={};Array.from(document.querySelectorAll("style[".concat(Nr,"]"))).forEach(function(o){var i=o.getAttribute(Nr);if(r[i]){if(o[ei]===e){var a;(a=o.parentNode)===null||a===void 0||a.removeChild(o)}}else r[i]=!0})}return new p_e(e)}var Ph=X.createContext({hashPriority:"low",cache:m_e(),defaultCache:!0});function Oi(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function px(e,t){return px=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,r){return n.__proto__=r,n},px(e,t)}function Mh(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&px(e,t)}function hf(e){return hf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},hf(e)}function y6(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(y6=function(){return!!e})()}function v_e(e,t){if(t&&(at(t)=="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Oi(e)}function jh(e){var t=y6();return function(){var n,r=hf(e);if(t){var o=hf(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return v_e(this,n)}}function y_e(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}var $S=function(){function e(){Lo(this,e),ye(this,"cache",void 0),ye(this,"keys",void 0),ye(this,"cacheCallTimes",void 0),this.cache=new Map,this.keys=[],this.cacheCallTimes=0}return Do(e,[{key:"size",value:function(){return this.keys.length}},{key:"internalGet",value:function(n){var r,o,i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1,a={map:this.cache};return n.forEach(function(s){if(!a)a=void 0;else{var l;a=(l=a)===null||l===void 0||(l=l.map)===null||l===void 0?void 0:l.get(s)}}),(r=a)!==null&&r!==void 0&&r.value&&i&&(a.value[1]=this.cacheCallTimes++),(o=a)===null||o===void 0?void 0:o.value}},{key:"get",value:function(n){var r;return(r=this.internalGet(n,!0))===null||r===void 0?void 0:r[0]}},{key:"has",value:function(n){return!!this.internalGet(n)}},{key:"set",value:function(n,r){var o=this;if(!this.has(n)){if(this.size()+1>e.MAX_CACHE_SIZE+e.MAX_CACHE_OFFSET){var i=this.keys.reduce(function(c,u){var d=Ae(c,2),f=d[1];return o.internalGet(u)[1]<f?[u,o.internalGet(u)[1]]:c},[this.keys[0],this.cacheCallTimes]),a=Ae(i,1),s=a[0];this.delete(s)}this.keys.push(n)}var l=this.cache;n.forEach(function(c,u){if(u===n.length-1)l.set(c,{value:[r,o.cacheCallTimes++]});else{var d=l.get(c);d?d.map||(d.map=new Map):l.set(c,{map:new Map}),l=l.get(c).map}})}},{key:"deleteByPath",value:function(n,r){var o=n.get(r[0]);if(r.length===1){var i;return o.map?n.set(r[0],{map:o.map}):n.delete(r[0]),(i=o.value)===null||i===void 0?void 0:i[0]}var a=this.deleteByPath(o.map,r.slice(1));return(!o.map||o.map.size===0)&&!o.value&&n.delete(r[0]),a}},{key:"delete",value:function(n){if(this.has(n))return this.keys=this.keys.filter(function(r){return!y_e(r,n)}),this.deleteByPath(this.cache,n)}}]),e}();ye($S,"MAX_CACHE_SIZE",20);ye($S,"MAX_CACHE_OFFSET",5);var aP=0,b6=function(){function e(t){Lo(this,e),ye(this,"derivatives",void 0),ye(this,"id",void 0),this.derivatives=Array.isArray(t)?t:[t],this.id=aP,t.length===0&&IS(t.length>0,"[Ant Design CSS-in-JS] Theme should have at least one derivative function."),aP+=1}return Do(e,[{key:"getDerivativeToken",value:function(n){return this.derivatives.reduce(function(r,o){return o(n,r)},void 0)}}]),e}(),dy=new $S;function gx(e){var t=Array.isArray(e)?e:[e];return dy.has(t)||dy.set(t,new b6(t)),dy.get(t)}var b_e=new WeakMap,fy={};function x_e(e,t){for(var n=b_e,r=0;r<t.length;r+=1){var o=t[r];n.has(o)||n.set(o,new WeakMap),n=n.get(o)}return n.has(fy)||n.set(fy,e()),n.get(fy)}var sP=new WeakMap;function zl(e){var t=sP.get(e)||"";return t||(Object.keys(e).forEach(function(n){var r=e[n];t+=n,r instanceof b6?t+=r.id:r&&at(r)==="object"?t+=zl(r):t+=r}),t=mc(t),sP.set(e,t)),t}function lP(e,t){return mc("".concat(t,"_").concat(zl(e)))}var mx=$o();function pf(e){return typeof e=="number"?"".concat(e,"px"):e}function gf(e,t,n){var r,o=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},i=arguments.length>4&&arguments[4]!==void 0?arguments[4]:!1;if(i)return e;var a=ve(ve({},o),{},(r={},ye(r,gs,t),ye(r,Nr,n),r)),s=Object.keys(a).map(function(l){var c=a[l];return c?"".concat(l,'="').concat(c,'"'):null}).filter(function(l){return l}).join(" ");return"<style ".concat(s,">").concat(e,"</style>")}var bd=function(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";return"--".concat(n?"".concat(n,"-"):"").concat(t).replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z]+)([A-Z][a-z0-9]+)/g,"$1-$2").replace(/([a-z])([A-Z0-9])/g,"$1-$2").toLowerCase()},w_e=function(t,n,r){return Object.keys(t).length?".".concat(n).concat(r!=null&&r.scope?".".concat(r.scope):"","{").concat(Object.entries(t).map(function(o){var i=Ae(o,2),a=i[0],s=i[1];return"".concat(a,":").concat(s,";")}).join(""),"}"):""},x6=function(t,n,r){var o={},i={};return Object.entries(t).forEach(function(a){var s,l,c=Ae(a,2),u=c[0],d=c[1];if(r!=null&&(s=r.preserve)!==null&&s!==void 0&&s[u])i[u]=d;else if((typeof d=="string"||typeof d=="number")&&!(r!=null&&(l=r.ignore)!==null&&l!==void 0&&l[u])){var f,h=bd(u,r==null?void 0:r.prefix);o[h]=typeof d=="number"&&!(r!=null&&(f=r.unitless)!==null&&f!==void 0&&f[u])?"".concat(d,"px"):String(d),i[u]="var(".concat(h,")")}}),[i,w_e(o,n,{scope:r==null?void 0:r.scope})]},cP="{}".NODE_ENV!=="test"&&$o()?X.useLayoutEffect:X.useEffect,S_e=function(t,n){var r=X.useRef(!0);cP(function(){return t(r.current)},n),cP(function(){return r.current=!1,function(){r.current=!0}},[])},C_e=ve({},X),uP=C_e.useInsertionEffect,__e=function(t,n,r){X.useMemo(t,r),S_e(function(){return n(!0)},r)},E_e=uP?function(e,t,n){return uP(function(){return e(),t()},n)}:__e,k_e=ve({},X),O_e=k_e.useInsertionEffect,N_e=function(t){var n=[],r=!1;function o(i){if(r){"{}".NODE_ENV!=="production"&&IS(!1,"[Ant Design CSS-in-JS] You are registering a cleanup function after unmount, which will not have any effect.");return}n.push(i)}return X.useEffect(function(){return r=!1,function(){r=!0,n.length&&n.forEach(function(i){return i()})}},t),o},R_e=function(){return function(t){t()}},T_e=typeof O_e<"u"?N_e:R_e;function A_e(){return!1}var vx=!1;function P_e(){return vx}const M_e="{}".NODE_ENV==="production"?A_e:P_e;if("{}".NODE_ENV!=="production"&&typeof module<"u"&&module&&module.hot&&typeof window<"u"){var Ku=typeof globalThis<"u"?globalThis:typeof window<"u"?window:null;if(Ku&&typeof Ku.webpackHotUpdate=="function"){var j_e=Ku.webpackHotUpdate;Ku.webpackHotUpdate=function(){return vx=!0,setTimeout(function(){vx=!1},0),j_e.apply(void 0,arguments)}}}function LS(e,t,n,r,o){var i=X.useContext(Ph),a=i.cache,s=[e].concat(Oo(t)),l=hx(s),c=T_e([l]),u=M_e(),d=function(g){a.opUpdate(l,function(m){var y=m||[void 0,void 0],b=Ae(y,2),S=b[0],x=S===void 0?0:S,_=b[1],k=_;"{}".NODE_ENV!=="production"&&_&&u&&(r==null||r(k,u),k=null);var O=k||n(),C=[x,O];return g?g(C):C})};X.useMemo(function(){d()},[l]);var f=a.opGet(l);"{}".NODE_ENV!=="production"&&!f&&(d(),f=a.opGet(l));var h=f[1];return E_e(function(){o==null||o(h)},function(p){return d(function(g){var m=Ae(g,2),y=m[0],b=m[1];return p&&y===0&&(o==null||o(h)),[y+1,b]}),function(){a.opUpdate(l,function(g){var m=g||[],y=Ae(m,2),b=y[0],S=b===void 0?0:b,x=y[1],_=S-1;return _===0?(c(function(){(p||!a.opGet(l))&&(r==null||r(x,!1))}),null):[S-1,x]})}},[l]),h}var I_e={},$_e="{}".NODE_ENV!=="production"?"css-dev-only-do-not-override":"css",Si=new Map;function L_e(e){Si.set(e,(Si.get(e)||0)+1)}function D_e(e,t){if(typeof document<"u"){var n=document.querySelectorAll("style[".concat(gs,'="').concat(e,'"]'));n.forEach(function(r){if(r[ei]===t){var o;(o=r.parentNode)===null||o===void 0||o.removeChild(r)}})}}var z_e=0;function F_e(e,t){Si.set(e,(Si.get(e)||0)-1);var n=Array.from(Si.keys()),r=n.filter(function(o){var i=Si.get(o)||0;return i<=0});n.length-r.length>z_e&&r.forEach(function(o){D_e(o,t),Si.delete(o)})}var B_e=function(t,n,r,o){var i=r.getDerivativeToken(t),a=ve(ve({},i),n);return o&&(a=o(a)),a},w6="token";function V_e(e,t){var n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},r=v.useContext(Ph),o=r.cache.instanceId,i=r.container,a=n.salt,s=a===void 0?"":a,l=n.override,c=l===void 0?I_e:l,u=n.formatToken,d=n.getComputedToken,f=n.cssVar,h=x_e(function(){return Object.assign.apply(Object,[{}].concat(Oo(t)))},t),p=zl(h),g=zl(c),m=f?zl(f):"",y=LS(w6,[s,e.id,p,g,m],function(){var b,S=d?d(h,c,e):B_e(h,c,e,u),x=ve({},S),_="";if(f){var k=x6(S,f.key,{prefix:f.prefix,ignore:f.ignore,unitless:f.unitless,preserve:f.preserve}),O=Ae(k,2);S=O[0],_=O[1]}var C=lP(S,s);S._tokenKey=C,x._tokenKey=lP(x,s);var E=(b=f==null?void 0:f.key)!==null&&b!==void 0?b:C;S._themeKey=E,L_e(E);var N="".concat($_e,"-").concat(mc(C));return S._hashId=N,[S,N,x,_,(f==null?void 0:f.key)||""]},function(b){F_e(b[0]._themeKey,o)},function(b){var S=Ae(b,4),x=S[0],_=S[3];if(f&&_){var k=Xa(_,mc("css-variables-".concat(x._themeKey)),{mark:Nr,prepend:"queue",attachTo:i,priority:-999});k[ei]=o,k.setAttribute(gs,x._themeKey)}});return y}var H_e=function(t,n,r){var o=Ae(t,5),i=o[2],a=o[3],s=o[4],l=r||{},c=l.plain;if(!a)return null;var u=i._tokenKey,d=-999,f={"data-rc-order":"prependQueue","data-rc-priority":"".concat(d)},h=gf(a,s,u,f,c);return[d,u,h]};function mf(){return mf=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},mf.apply(null,arguments)}var q_e={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},S6="comm",C6="rule",_6="decl",U_e="@import",G_e="@keyframes",W_e="@layer",E6=Math.abs,DS=String.fromCharCode;function k6(e){return e.trim()}function xd(e,t,n){return e.replace(t,n)}function K_e(e,t,n){return e.indexOf(t,n)}function Ja(e,t){return e.charCodeAt(t)|0}function ms(e,t,n){return e.slice(t,n)}function Wr(e){return e.length}function Y_e(e){return e.length}function Yu(e,t){return t.push(e),e}var Ih=1,vs=1,O6=0,tr=0,Dt=0,Bs="";function zS(e,t,n,r,o,i,a,s){return{value:e,root:t,parent:n,type:r,props:o,children:i,line:Ih,column:vs,length:a,return:"",siblings:s}}function X_e(){return Dt}function J_e(){return Dt=tr>0?Ja(Bs,--tr):0,vs--,Dt===10&&(vs=1,Ih--),Dt}function Rr(){return Dt=tr<O6?Ja(Bs,tr++):0,vs++,Dt===10&&(vs=1,Ih++),Dt}function ti(){return Ja(Bs,tr)}function wd(){return tr}function $h(e,t){return ms(Bs,e,t)}function vc(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Q_e(e){return Ih=vs=1,O6=Wr(Bs=e),tr=0,[]}function Z_e(e){return Bs="",e}function hy(e){return k6($h(tr-1,yx(e===91?e+2:e===40?e+1:e)))}function eEe(e){for(;(Dt=ti())&&Dt<33;)Rr();return vc(e)>2||vc(Dt)>3?"":" "}function tEe(e,t){for(;--t&&Rr()&&!(Dt<48||Dt>102||Dt>57&&Dt<65||Dt>70&&Dt<97););return $h(e,wd()+(t<6&&ti()==32&&Rr()==32))}function yx(e){for(;Rr();)switch(Dt){case e:return tr;case 34:case 39:e!==34&&e!==39&&yx(Dt);break;case 40:e===41&&yx(e);break;case 92:Rr();break}return tr}function nEe(e,t){for(;Rr()&&e+Dt!==57;)if(e+Dt===84&&ti()===47)break;return"/*"+$h(t,tr-1)+"*"+DS(e===47?e:Rr())}function rEe(e){for(;!vc(ti());)Rr();return $h(e,tr)}function oEe(e){return Z_e(Sd("",null,null,null,[""],e=Q_e(e),0,[0],e))}function Sd(e,t,n,r,o,i,a,s,l){for(var c=0,u=0,d=a,f=0,h=0,p=0,g=1,m=1,y=1,b=0,S="",x=o,_=i,k=r,O=S;m;)switch(p=b,b=Rr()){case 40:if(p!=108&&Ja(O,d-1)==58){K_e(O+=xd(hy(b),"&","&\f"),"&\f",E6(c?s[c-1]:0))!=-1&&(y=-1);break}case 34:case 39:case 91:O+=hy(b);break;case 9:case 10:case 13:case 32:O+=eEe(p);break;case 92:O+=tEe(wd()-1,7);continue;case 47:switch(ti()){case 42:case 47:Yu(iEe(nEe(Rr(),wd()),t,n,l),l),(vc(p||1)==5||vc(ti()||1)==5)&&Wr(O)&&ms(O,-1,void 0)!==" "&&(O+=" ");break;default:O+="/"}break;case 123*g:s[c++]=Wr(O)*y;case 125*g:case 59:case 0:switch(b){case 0:case 125:m=0;case 59+u:y==-1&&(O=xd(O,/\f/g,"")),h>0&&(Wr(O)-d||g===0&&p===47)&&Yu(h>32?fP(O+";",r,n,d-1,l):fP(xd(O," ","")+";",r,n,d-2,l),l);break;case 59:O+=";";default:if(Yu(k=dP(O,t,n,c,u,o,s,S,x=[],_=[],d,i),i),b===123)if(u===0)Sd(O,t,k,k,x,i,d,s,_);else{switch(f){case 99:if(Ja(O,3)===110)break;case 108:if(Ja(O,2)===97)break;default:u=0;case 100:case 109:case 115:}u?Sd(e,k,k,r&&Yu(dP(e,k,k,0,0,o,s,S,o,x=[],d,_),_),o,_,d,s,r?x:_):Sd(O,k,k,k,[""],_,0,s,_)}}c=u=h=0,g=y=1,S=O="",d=a;break;case 58:d=1+Wr(O),h=p;default:if(g<1){if(b==123)--g;else if(b==125&&g++==0&&J_e()==125)continue}switch(O+=DS(b),b*g){case 38:y=u>0?1:(O+="\f",-1);break;case 44:s[c++]=(Wr(O)-1)*y,y=1;break;case 64:ti()===45&&(O+=hy(Rr())),f=ti(),u=d=Wr(S=O+=rEe(wd())),b++;break;case 45:p===45&&Wr(O)==2&&(g=0)}}return i}function dP(e,t,n,r,o,i,a,s,l,c,u,d){for(var f=o-1,h=o===0?i:[""],p=Y_e(h),g=0,m=0,y=0;g<r;++g)for(var b=0,S=ms(e,f+1,f=E6(m=a[g])),x=e;b<p;++b)(x=k6(m>0?h[b]+" "+S:xd(S,/&\f/g,h[b])))&&(l[y++]=x);return zS(e,t,n,o===0?C6:s,l,c,u,d)}function iEe(e,t,n,r){return zS(e,t,n,S6,DS(X_e()),ms(e,2,-2),0,r)}function fP(e,t,n,r,o){return zS(e,t,n,_6,ms(e,0,r),ms(e,r+1,-1),r,o)}function bx(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function aEe(e,t,n,r){switch(e.type){case W_e:if(e.children.length)break;case U_e:case _6:return e.return=e.return||e.value;case S6:return"";case G_e:return e.return=e.value+"{"+bx(e.children,r)+"}";case C6:if(!Wr(e.value=e.props.join(",")))return""}return Wr(n=bx(e.children,r))?e.return=e.value+"{"+n+"}":""}function N6(e,t){var n=t.path,r=t.parentSelectors;ea(!1,"[Ant Design CSS-in-JS] ".concat(n?"Error in ".concat(n,": "):"").concat(e).concat(r.length?" Selector: ".concat(r.join(" | ")):""))}var sEe=function(t,n,r){if(t==="content"){var o=/(attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/,i=["normal","none","initial","inherit","unset"];(typeof n!="string"||i.indexOf(n)===-1&&!o.test(n)&&(n.charAt(0)!==n.charAt(n.length-1)||n.charAt(0)!=='"'&&n.charAt(0)!=="'"))&&N6("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"".concat(n,"\"'`."),r)}},lEe=function(t,n,r){t==="animation"&&r.hashId&&n!=="none"&&N6("You seem to be using hashed animation '".concat(n,"', in which case 'animationName' with Keyframe as value is recommended."),r)},hP="data-ant-cssinjs-cache-path",R6="_FILE_STYLE__",Ni,T6=!0;function cEe(){if(!Ni&&(Ni={},$o())){var e=document.createElement("div");e.className=hP,e.style.position="fixed",e.style.visibility="hidden",e.style.top="-9999px",document.body.appendChild(e);var t=getComputedStyle(e).content||"";t=t.replace(/^"/,"").replace(/"$/,""),t.split(";").forEach(function(o){var i=o.split(":"),a=Ae(i,2),s=a[0],l=a[1];Ni[s]=l});var n=document.querySelector("style[".concat(hP,"]"));if(n){var r;T6=!1,(r=n.parentNode)===null||r===void 0||r.removeChild(n)}document.body.removeChild(e)}}function uEe(e){return cEe(),!!Ni[e]}function dEe(e){var t=Ni[e],n=null;if(t&&$o())if(T6)n=R6;else{var r=document.querySelector("style[".concat(Nr,'="').concat(Ni[e],'"]'));r?n=r.innerHTML:delete Ni[e]}return[n,t]}var A6="_skip_check_",P6="_multi_value_";function Cd(e){var t=bx(oEe(e),aEe);return t.replace(/\{%%%\:[^;];}/g,";")}function fEe(e){return at(e)==="object"&&e&&(A6 in e||P6 in e)}function pP(e,t,n){if(!t)return e;var r=".".concat(t),o=n==="low"?":where(".concat(r,")"):r,i=e.split(",").map(function(a){var s,l=a.trim().split(/\s+/),c=l[0]||"",u=((s=c.match(/^\w+/))===null||s===void 0?void 0:s[0])||"";return c="".concat(u).concat(o).concat(c.slice(u.length)),[c].concat(Oo(l.slice(1))).join(" ")});return i.join(",")}var hEe=function e(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{root:!0,parentSelectors:[]},o=r.root,i=r.injectHash,a=r.parentSelectors,s=n.hashId,l=n.layer,c=n.path,u=n.hashPriority,d=n.transformers,f=d===void 0?[]:d,h=n.linters,p=h===void 0?[]:h,g="",m={};function y(x){var _=x.getName(s);if(!m[_]){var k=e(x.style,n,{root:!1,parentSelectors:a}),O=Ae(k,1),C=O[0];m[_]="@keyframes ".concat(x.getName(s)).concat(C)}}function b(x){var _=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[];return x.forEach(function(k){Array.isArray(k)?b(k,_):k&&_.push(k)}),_}var S=b(Array.isArray(t)?t:[t]);return S.forEach(function(x){var _=typeof x=="string"&&!o?{}:x;if(typeof _=="string")g+="".concat(_,`
@@ -406,5 +406,5 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 ctx.font = "48px serif";
                 ctx.fillText("Hello Canvas", 10, 50);
               }
-              `}}}}]},{title:"HTML 标签",componentName:"CNativeTag",props:[{name:"htmlTag",title:"标签名",valueType:"string",setters:[{componentName:"SelectSetter",props:{options:fe.HTMl_TAGS.map(e=>({name:e,value:e}))}}]},bo],isContainer:!0,groupName:"原子组件",snippets:[{title:"HTML",snapshotText:"HTML",category:"基础组件",schema:{props:{htmlTag:"div"}}}]}];C8.forEach(e=>{e.events=lOe});const uOe=C8.map(e=>({...e,npm:{name:e.componentName,package:S8,version:w8}})),dOe=[...uOe,...cOe];class _8 extends v.Component{constructor(n){super(n);Z(this,"currentSelectNode");Z(this,"pluginManager");Z(this,"workbenchRef",v.createRef());Z(this,"pageSchema");Z(this,"pageModel");Z(this,"material");Z(this,"emitter");Z(this,"assetsPackageListManager");Z(this,"updatePage",n=>{this.pageModel.updatePage(n)});Z(this,"updateMaterials",async(n,r,o)=>{const i=await this.pluginManager.get("Designer"),a=i==null?void 0:i.export;this.pluginManager.assetsPackageListManager.setList(r),this.pageModel.assetPackagesList=this.pluginManager.assetsPackageListManager.getList();const s=a==null?void 0:a.getDesignerWindow();if(!s){console.warn("subWin not exits");return}await new Ase(r,s).load();const c=v5(r,s);let u=y5(c);o!=null&&o.formatComponents&&(u=o.formatComponents(u)),a==null||a.updateRenderComponents(u),this.pageModel.materialsModel.addMaterials(n),this.emitter.emit("updateMaterials")});Z(this,"refresh",async()=>{this.pageModel.reloadPage(this.pageModel.export("design"))});Z(this,"getWorkbench",()=>this.workbenchRef.current);this.pageSchema=n.schema,this.material=n.material,this.currentSelectNode=null,window.__CHAMELEON_ENG__=this,this.assetsPackageListManager=new HI(n.assetPackagesList||[]);try{this.pageModel=new fe.CPage(this.pageSchema,{materials:this.material||[],assetPackagesList:n.assetPackagesList||[]})}catch(r){console.error(r),this.pageModel=new fe.CPage(fe.EmptyPage)}this.emitter=kd()}updateCurrentSelectNode(n){this.currentSelectNode=n,this.emitter.emit("onSelectNodeChange",{node:n})}async componentDidMount(){var i,a,s,l,c,u;window.__C_ENGINE__=this;const n=this.props.plugins,r=new b$({engine:this,getWorkbench:()=>this.workbenchRef.current,emitter:this.emitter,pageModel:this.pageModel,i18n:qd,assetsPackageListManager:this.assetsPackageListManager});this.pluginManager=r,r.customPlugin("Designer",d=>(d.ctx.config.beforeInitRender=f$,d.ctx.config.customRender=h$(this.props.components||{}),d.ctx.config.components=this.props.components,d)),(a=(i=this.props).beforePluginRun)==null||a.call(i,{pluginManager:this.pluginManager});const o=n.map(d=>this.pluginManager.add(d));(l=(s=this.props).onMount)==null||l.call(s,{pluginManager:this.pluginManager,engine:this}),await Promise.all(o),this.pageModel.emitter.on("onReloadPage",()=>{var f;if(console.log("🚀 ~ Engine ~ this.pageModel.emitter.on ~ onReloadPage:"),!this.currentSelectNode)return;const d=this.pageModel.getNode((f=this.currentSelectNode)==null?void 0:f.id);d&&this.updateCurrentSelectNode(d)}),(u=(c=this.props).onReady)==null||u.call(c,{pluginManager:this.pluginManager,engine:this})}getActiveNode(){var r;if(!((r=this.currentSelectNode)!=null&&r.id))return null;const n=this.pageModel.getNode(this.currentSelectNode.id)??null;return this.currentSelectNode=n,n}getI18n(){return qd}render(){return w.jsx("div",{className:Ve([Bse.engineContainer,this.props.className]),style:this.props.style,children:w.jsx(p$,{ref:this.workbenchRef,emitter:this.emitter})})}}Z(_8,"version","0.3.1");exports.AdvancePanel=TS;exports.AdvancePanelConfig=AS;exports.AssetsPackageListManager=HI;exports.BUILD_IN_SETTER_MAP=ko;exports.CSSEditor=v8;exports.CSSPropertiesEditor=Ux;exports.CSSPropertiesVariableBindEditor=i6;exports.ClassNameEditor=a6;exports.ComponentLibPlugin=Ac;exports.ComponentStatePanel=NS;exports.ComponentStatePanelConfig=RS;exports.CustomSchemaForm=Wc;exports.DEFAULT_PLUGIN_LIST=b8;exports.DEFAULT_PLUGIN_NAME_MAP=x8;exports.DesignerPlugin=Pc;exports.DesignerSizer=sOe;exports.DisplaySourceSchema=y8;exports.Engine=_8;exports.GlobalStatePanelPlugin=Jc;exports.HistoryPlugin=Qc;exports.HotkeysPlugin=Zc;exports.InnerComponentMeta=dOe;exports.LOGGER=ur;exports.MonacoEditor=$s;exports.OutlineTreePlugin=Mc;exports.PLUGIN_NAME=oi;exports.PluginManager=b$;exports.PropertyPanelConfig=OS;exports.RightPanelPlugin=Xc;exports.SetterSwitcher=Th;exports.VisualPanelPlus=qS;exports.VisualPanelPlusConfig=US;exports.Workbench=p$;exports.beforeInitRender=f$;exports.defaultPropertyOptions=Ed;exports.ensureKeyExist=Rc;exports.formatCSSTextProperty=FI;exports.formatCssToNodeVal=BI;exports.formatNodeValToEditor=VI;exports.formatStyleProperty=rb;exports.getColorFromStr=ob;exports.getDefaultRender=h$;exports.getUniqueAssetsList=j1;exports.parseBoxShadowString=dd;exports.plugins=aOe;exports.registerCustomSetter=CD;exports.styleArr2Obj=LI;exports.styleList2Text=zI;exports.styleObjToArr=DI;exports.waitReactUpdate=to;Object.keys(ni).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>ni[e]})});
+              `}}}}]},{title:"HTML 标签",componentName:"CNativeTag",props:[{name:"htmlTag",title:"标签名",valueType:"string",setters:[{componentName:"SelectSetter",props:{options:fe.HTMl_TAGS.map(e=>({name:e,value:e}))}}]},bo],isContainer:!0,groupName:"原子组件",snippets:[{title:"HTML",snapshotText:"HTML",category:"基础组件",schema:{props:{htmlTag:"div"}}}]}];C8.forEach(e=>{e.events=lOe});const uOe=C8.map(e=>({...e,npm:{name:e.componentName,package:S8,version:w8}})),dOe=[...uOe,...cOe];class _8 extends v.Component{constructor(n){super(n);Z(this,"currentSelectNode");Z(this,"pluginManager");Z(this,"workbenchRef",v.createRef());Z(this,"pageSchema");Z(this,"pageModel");Z(this,"material");Z(this,"emitter");Z(this,"assetsPackageListManager");Z(this,"updatePage",n=>{this.pageModel.updatePage(n)});Z(this,"updateMaterials",async(n,r,o)=>{const i=await this.pluginManager.get("Designer"),a=i==null?void 0:i.export;this.pluginManager.assetsPackageListManager.setList(r),this.pageModel.assetPackagesList=this.pluginManager.assetsPackageListManager.getList();const s=a==null?void 0:a.getDesignerWindow();if(!s){console.warn("subWin not exits");return}await new Ase(r,s).load();const c=v5(r,s);let u=y5(c);o!=null&&o.formatComponents&&(u=o.formatComponents(u)),a==null||a.updateRenderComponents(u),this.pageModel.materialsModel.addMaterials(n),this.emitter.emit("updateMaterials")});Z(this,"refresh",async()=>{this.pageModel.reloadPage(this.pageModel.export("design"))});Z(this,"getWorkbench",()=>this.workbenchRef.current);this.pageSchema=n.schema,this.material=n.material,this.currentSelectNode=null,window.__CHAMELEON_ENG__=this,this.assetsPackageListManager=new HI(n.assetPackagesList||[]);try{this.pageModel=new fe.CPage(this.pageSchema,{materials:this.material||[],assetPackagesList:n.assetPackagesList||[]})}catch(r){console.error(r),this.pageModel=new fe.CPage(fe.EmptyPage)}this.emitter=kd()}updateCurrentSelectNode(n){this.currentSelectNode=n,this.emitter.emit("onSelectNodeChange",{node:n})}async componentDidMount(){var i,a,s,l,c,u;window.__C_ENGINE__=this;const n=this.props.plugins,r=new b$({engine:this,getWorkbench:()=>this.workbenchRef.current,emitter:this.emitter,pageModel:this.pageModel,i18n:qd,assetsPackageListManager:this.assetsPackageListManager});this.pluginManager=r,r.customPlugin("Designer",d=>(d.ctx.config.beforeInitRender=f$,d.ctx.config.customRender=h$(this.props.components||{}),d.ctx.config.components=this.props.components,d)),(a=(i=this.props).beforePluginRun)==null||a.call(i,{pluginManager:this.pluginManager});const o=n.map(d=>this.pluginManager.add(d));(l=(s=this.props).onMount)==null||l.call(s,{pluginManager:this.pluginManager,engine:this}),await Promise.all(o),this.pageModel.emitter.on("onReloadPage",()=>{var f;if(console.log("🚀 ~ Engine ~ this.pageModel.emitter.on ~ onReloadPage:"),!this.currentSelectNode)return;const d=this.pageModel.getNode((f=this.currentSelectNode)==null?void 0:f.id);d&&this.updateCurrentSelectNode(d)}),(u=(c=this.props).onReady)==null||u.call(c,{pluginManager:this.pluginManager,engine:this})}getActiveNode(){var r;if(!((r=this.currentSelectNode)!=null&&r.id))return null;const n=this.pageModel.getNode(this.currentSelectNode.id)??null;return this.currentSelectNode=n,n}getI18n(){return qd}render(){return w.jsx("div",{className:Ve([Bse.engineContainer,this.props.className]),style:this.props.style,children:w.jsx(p$,{ref:this.workbenchRef,emitter:this.emitter})})}}Z(_8,"version","0.3.2");exports.AdvancePanel=TS;exports.AdvancePanelConfig=AS;exports.AssetsPackageListManager=HI;exports.BUILD_IN_SETTER_MAP=ko;exports.CSSEditor=v8;exports.CSSPropertiesEditor=Ux;exports.CSSPropertiesVariableBindEditor=i6;exports.ClassNameEditor=a6;exports.ComponentLibPlugin=Ac;exports.ComponentStatePanel=NS;exports.ComponentStatePanelConfig=RS;exports.CustomSchemaForm=Wc;exports.DEFAULT_PLUGIN_LIST=b8;exports.DEFAULT_PLUGIN_NAME_MAP=x8;exports.DesignerPlugin=Pc;exports.DesignerSizer=sOe;exports.DisplaySourceSchema=y8;exports.Engine=_8;exports.GlobalStatePanelPlugin=Jc;exports.HistoryPlugin=Qc;exports.HotkeysPlugin=Zc;exports.InnerComponentMeta=dOe;exports.LOGGER=ur;exports.MonacoEditor=$s;exports.OutlineTreePlugin=Mc;exports.PLUGIN_NAME=oi;exports.PluginManager=b$;exports.PropertyPanelConfig=OS;exports.RightPanelPlugin=Xc;exports.SetterSwitcher=Th;exports.VisualPanelPlus=qS;exports.VisualPanelPlusConfig=US;exports.Workbench=p$;exports.beforeInitRender=f$;exports.defaultPropertyOptions=Ed;exports.ensureKeyExist=Rc;exports.formatCSSTextProperty=FI;exports.formatCssToNodeVal=BI;exports.formatNodeValToEditor=VI;exports.formatStyleProperty=rb;exports.getColorFromStr=ob;exports.getDefaultRender=h$;exports.getUniqueAssetsList=j1;exports.parseBoxShadowString=dd;exports.plugins=aOe;exports.registerCustomSetter=CD;exports.styleArr2Obj=LI;exports.styleList2Text=zI;exports.styleObjToArr=DI;exports.waitReactUpdate=to;Object.keys(ni).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>ni[e]})});
 //# sourceMappingURL=index.cjs.map