1"use strict";(globalThis.webpackChunkstec=globalThis.webpackChunkstec||[]).push([[2552],{62552(e,t,a){a.r(t),a.d(t,{InputColor:()=>p,UncontrolledInputColor:()=>h,default:()=>d});var n=a(67391),s=a(26878),r=a(13328),l=a(78565),o=a(75761),i=a(8403);const h=e=>{const[t,a]=(0,s.useState)(!1),h=["stec-input-color-wrapper"],[p,d]=(0,s.useState)(e.defaultValue||""),u=(0,s.useRef)(null);return(0,r.useOutsideHandler)(u,(()=>{a(!1)})),!0===t&&h.push("active"),React.createElement(i.StecDiv,{className:h.join(" "),ref:u},React.createElement(l.default,{text:e.title}),React.createElement("label",null,React.createElement(i.StecDiv,{style:{backgroundColor:`${p}`},onClick:()=>{a(!t)}}),React.createElement(o.default,{text:e.description})),React.createElement(i.StecDiv,{className:"stec-input-color-picker"},React.createElement(n.default,{disableAlpha:!0,color:p,onChange:({hex:t})=>{d(t),e.onChange&&e.onChange(t)}})),e.name&&React.createElement("input",{type:"hidden",name:e.name,value:p}))},p=e=>{const[t,a]=(0,s.useState)(!1),h=["stec-input-color-wrapper"],p=(0,s.useRef)(null);return(0,r.useOutsideHandler)(p,(()=>{a(!1)})),!0===t&&h.push("active"),React.createElement(i.StecDiv,{className:h.join(" "),ref:p},React.createElement(l.default,{text:e.title}),React.createElement("label",null,React.createElement(i.StecDiv,{style:{backgroundColor:`${e.value}`},onClick:()=>{a(!t)}}),React.createElement(o.default,{text:e.description})),React.createElement(i.StecDiv,{className:"stec-input-color-picker"},React.createElement(n.default,{disableAlpha:!0,color:e.value,onChange:({hex:t})=>{e.onChange(t)}})))},d=p},67391(e,t,a){a.r(t),a.d(t,{Chrome:()=>u,default:()=>c});var n=a(26878),s=a.n(n),r=a(58527),l=a(55364),o=a.n(l),i=a(75602),h=a(55102),p=a(80706),d=a(23070);const u=({width:e=225,onChange:t,disableAlpha:a=!0,rgb:n,hsl:l,hsv:u,hex:c,renderers:g,styles:b={},className:f="",defaultView:x})=>{const v=(0,r.default)(o()({default:{picker:{width:e,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(${n.r}, ${n.g}, ${n.b}, ${n.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"}}},b),{disableAlpha:a});return s().createElement("div",{style:v.picker,className:`chrome-picker ${f}`},s().createElement("div",{style:v.saturation},s().createElement(i.Saturation,{style:v.Saturation,hsl:l,hsv:u,pointer:d.default,onChange:t})),s().createElement("div",{style:v.body},s().createElement("div",{style:v.controls,className:"flexbox-fix"},s().createElement("div",{style:v.color},s().createElement("div",{style:v.swatch},s().createElement("div",{style:v.active}),s().createElement(i.Checkboard,{renderers:g}))),s().createElement("div",{style:v.toggles},s().createElement("div",{style:v.hue},s().createElement(i.Hue,{style:v.Hue,hsl:l,pointer:p.default,onChange:t})),s().createElement("div",{style:v.alpha},s().createElement(i.Alpha,{style:v.Alpha,rgb:n,hsl:l,pointer:p.default,renderers:g,onChange:t})))),s().createElement(h.default,{rgb:n,hsl:l,hex:c,view:x,onChange:t,disableAlpha:a})))},c=(0,i.ColorWrap)(u)},55102(e,t,a){a.r(t),a.d(t,{ChromeFields:()=>d,default:()=>u});var n=a(26878),s=a.n(n),r=a(58527),l=a(68752),o=a(62216),i=a.n(o),h=a(75602),p=a(54657);class d extends s().Component{constructor(e){super(),1!==e.hsl.a&&"hex"===e.view?this.state={view:"rgb"}:this.state={view:e.view}}static getDerivedStateFromProps(e,t){return 1!==e.hsl.a&&"hex"===t.view?{view:"rgb"}:null}toggleViews=()=>{"hex"===this.state.view?this.setState({view:"rgb"}):"rgb"===this.state.view?this.setState({view:"hsl"}):"hsl"===this.state.view&&(1===this.props.hsl.a?this.setState({view:"hex"}):this.setState({view:"rgb"}))};handleChange=(e,t)=>
1{e.hex?l.isValidHex(e.hex)&&this.props.onChange({hex:e.hex,source:"hex"},t):e.r||e.g||e.b?this.props.onChange({r:e.r||this.props.rgb.r,g:e.g||this.props.rgb.g,b:e.b||this.props.rgb.b,source:"rgb"},t):e.a?(e.a<0?e.a=0:e.a>1&&(e.a=1),this.props.onChange({h:this.props.hsl.h,s:this.props.hsl.s,l:this.props.hsl.l,a:Math.round(100*e.a)/100,source:"rgb"},t)):(e.h||e.s||e.l)&&("string"==typeof e.s&&e.s.includes("%")&&(e.s=e.s.replace("%","")),"string"==typeof e.l&&e.l.includes("%")&&(e.l=e.l.replace("%","")),1==e.s?e.s=.01:1==e.l&&(e.l=.01),this.props.onChange({h:e.h||this.props.hsl.h,s:Number(i()(e.s)?this.props.hsl.s:e.s),l:Number(i()(e.l)?this.props.hsl.l:e.l),source:"hsl"},t))};showHighlight=e=>{e.currentTarget.style.background="#eee"};hideHighlight=e=>{e.currentTarget.style.background="transparent"};render(){const e=(0,r.default)({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);let t;return"hex"===this.state.view?t=s().createElement("div",{style:e.fields,className:"flexbox-fix"},s().createElement("div",{style:e.field},s().createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):"rgb"===this.state.view?t=s().createElement("div",{style:e.fields,className:"flexbox-fix"},s().createElement("div",{style:e.field},s().createElement(h.EditableInput,{style:{input:e.input,label:e.label}
1,label:"r",value:this.props.rgb.r,onChange:this.handleChange})),s().createElement("div",{style:e.field},s().createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),s().createElement("div",{style:e.field},s().createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),s().createElement("div",{style:e.alpha},s().createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):"hsl"===this.state.view&&(t=s().createElement("div",{style:e.fields,className:"flexbox-fix"},s().createElement("div",{style:e.field},s().createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),s().createElement("div",{style:e.field},s().createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"s",value:`${Math.round(100*this.props.hsl.s)}%`,onChange:this.handleChange})),s().createElement("div",{style:e.field},s().createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"l",value:`${Math.round(100*this.props.hsl.l)}%`,onChange:this.handleChange})),s().createElement("div",{style:e.alpha},s().createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),s().createElement("div",{style:e.wrap,className:"flexbox-fix"},t,s().createElement("div",{style:e.toggle},s().createElement("div",{style:e.icon,onClick:this.toggleViews,ref:e=>this.icon=e},s().createElement(p.default,{style:e.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}d.defaultProps={view:"hex"};const u=d},80706(e,t,a){a.r(t),a.d(t,{ChromePointer:()=>l,default:()=>o});var n=a(26878),s=a.n(n),r=a(58527);const l=()=>{const e=(0,r.default)({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 s().createElement("div",{style:e.picker})},o=l},23070(e,t,a){a.r(t),a.d(t,{ChromePointerCircle:()=>l,default:()=>o});var n=a(26878),s=a.n(n),r=a(58527);const l=()=>{const e=(0,r.default)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return s().createElement("div",{style:e.picker})},o=l},37126(e,t,a){a.r(t),a.d(t,{Alpha:()=>i,default:()=>h});var n=a(26878),s=a.n(n),r=a(58527),l=a(75031),o=a(37544);class i extends(n.PureComponent||n.Component){componentWillUnmount(){this.unbindEventListeners()}handleChange=e=>{const t=l.calculateChange(e,this.props.hsl,this.props.direction,this.props.a,this.container);t&&"function"==typeof this.props.onChange&&this.props.onChange(t,e)};handleMouseDown=e=>{this.handleChange(e),window.addEventListener("mousemove",this.handleChange),window.addEventListener("mouseup",this.handleMouseUp)};handleMouseUp=()=>{this.unbindEventListeners()};unbindEventListeners=()=>{window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)};render(){const e=this.props.rgb,t=(0,r.default)({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:`linear-gradient(to right, rgba(${e.r},${e.g},${e.b}, 0) 0%,\n rgba(${e.r},${e.g},${e.b}, 1) 100%)`,boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:100*e.a+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:`linear-gradient(to bottom, rgba(${e.r},${e.g},${e.b}, 0) 0%,\n rgba(${e.r},${e.g},${e.b}, 1) 100%)`},pointer:{left:0,top:100*e.a+"%"}}
1,overwrite:{...this.props.style}},{vertical:"vertical"===this.props.direction,overwrite:!0});return s().createElement("div",{style:t.alpha},s().createElement("div",{style:t.checkboard},s().createElement(o.default,{renderers:this.props.renderers})),s().createElement("div",{style:t.gradient}),s().createElement("div",{style:t.container,ref:e=>this.container=e,onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},s().createElement("div",{style:t.pointer},this.props.pointer?s().createElement(this.props.pointer,this.props):s().createElement("div",{style:t.slider}))))}}const h=i},37544(e,t,a){a.r(t),a.d(t,{Checkboard:()=>o,default:()=>i});var n=a(26878),s=a.n(n),r=a(58527),l=a(3811);const o=({white:e="transparent",grey:t="rgba(0,0,0,.08)",size:a=8,renderers:o={},borderRadius:i,boxShadow:h,children:p})=>{const d=(0,r.default)({default:{grid:{borderRadius:i,boxShadow:h,absolute:"0px 0px 0px 0px",background:`url(${l.get(e,t,a,o.canvas)}) center left`}}});return(0,n.isValidElement)(p)?s().cloneElement(p,{...p.props,style:{...p.props.style,...d.grid}}):s().createElement("div",{style:d.grid})},i=o},82361(e,t,a){a.r(t),a.d(t,{ColorWrap:()=>h,default:()=>p});var n=a(58168),s=a(26878),r=a.n(s),l=a(38221),o=a.n(l),i=a(68752);const h=e=>{class t extends(s.PureComponent||s.Component){constructor(e){super(),this.state={...i.toState(e.color,0)},this.debounce=o()(((e,t,a)=>{e(t,a)}),100)}static getDerivedStateFromProps(e,t){return{...i.toState(e.color,t.oldHue)}}handleChange=(e,t)=>
1{if(i.simpleCheckForValidColor(e)){const a=i.toState(e,e.h||this.state.oldHue);this.setState(a),this.props.onChangeComplete&&this.debounce(this.props.onChangeComplete,a,t),this.props.onChange&&this.props.onChange(a,t)}};handleSwatchHover=(e,t)=>{if(i.simpleCheckForValidColor(e)){const a=i.toState(e,e.h||this.state.oldHue);this.props.onSwatchHover&&this.props.onSwatchHover(a,t)}};render(){const t={};return this.props.onSwatchHover&&(t.onSwatchHover=this.handleSwatchHover),r().createElement(e,(0,n.default)({},this.props,this.state,{onChange:this.handleChange},t))}}return t.propTypes={...e.propTypes},t.defaultProps={...e.defaultProps,color:{h:250,s:.5,l:.2,a:1}},t},p=h},55530(e,t,a){a.r(t),a.d(t,{EditableInput:()=>i,default:()=>h});var n=a(26878),s=a.n(n),r=a(58527);const l=[38,40];let o=1;class i extends(n.PureComponent||n.Component){constructor(e){super(),this.state={value:String(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},this.inputId="rc-editable-input-"+o++}componentDidUpdate(e,t){this.props.value===this.state.value||e.value===this.props.value&&t.value===this.state.value||(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}componentWillUnmount(){this.unbindEventListeners()}getValueObjectWithLabel(e){return{[this.props.label]:e}}handleBlur=()=>{this.state.blurValue&&this.setState({value:this.state.blurValue,blurValue:null})};handleChange=e=>{this.setUpdatedValue(e.target.value,e)};getArrowOffset(){return this.props.arrowOffset||1}handleKeyDown=e=>{const t=(e=>Number(String(e).replace(/%/g,"")))(e.target.value);if(!isNaN(t)&&(a=e.keyCode,l.indexOf(a)>-1)){const a=this.getArrowOffset(),n=38===e.keyCode?t+a:t-a;this.setUpdatedValue(n,e)}var a};setUpdatedValue(e,t){const a=this.props.label?this.getValueObjectWithLabel(e):e;this.props.onChange&&this.props.onChange(a,t),this.setState({value:e})}handleDrag=e=>{if(this.props.dragLabel){const t=Math.round(this.props.value+e.movementX);t>=0&&t<=this.props.dragMax&&this.props.onChange&&this.props.onChange(this.getValueObjectWithLabel(t),e)}};handleMouseDown=e=>{this.props.dragLabel&&(e.preventDefault(),this.handleDrag(e),window.addEventListener("mousemove",this.handleDrag),window.addEventListener("mouseup",this.handleMouseUp))};handleMouseUp=()=>{this.unbindEventListeners()};unbindEventListeners=()=>{window.removeEventListener("mousemove",this.handleDrag),window.removeEventListener("mouseup",this.handleMouseUp)};render(){const e=(0,r.default)({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return s().createElement("div",{style:e.wrap},s().createElement("input",{id:this.inputId,style:e.input,ref:e=>this.input=e,value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?s().createElement("label",{htmlFor:this.inputId,style:e.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}const h=i},23240(e,t,a){a.r(t),a.d(t,{Hue:()=>o,default:()=>i});var n=a(26878),s=a.n(n),r=a(58527),l=a(68509);class o extends(n.PureComponent||n.Component){componentWillUnmount(){this.unbindEventListeners()}handleChange=e=>{const t=l.calculateChange(e,this.props.direction,this.props.hsl,this.container);t&&"function"==typeof this.props.onChange&&this.props.onChange(t,e)};handleMouseDown=e=>{this.handleChange(e),window.addEventListener("mousemove",this.handleChange),window.addEventListener("mouseup",this.handleMouseUp)};handleMouseUp=()=>{this.unbindEventListeners()};unbindEventListeners(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}render(){const{direction:e="horizontal"}=this.props,t=(0,r.default)({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxSh
1adow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:100*this.props.hsl.h/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-100*this.props.hsl.h/360+100+"%"}}},{vertical:"vertical"===e});return s().createElement("div",{style:t.hue},s().createElement("div",{className:`hue-${e}`,style:t.container,ref:e=>this.container=e,onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},s().createElement("style",null,"\n .hue-horizontal {\n background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0\n 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to right, #f00 0%, #ff0\n 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n }\n\n .hue-vertical {\n background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,\n #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n }\n "),s().createElement("div",{style:t.pointer},this.props.pointer?s().createElement(this.props.pointer,this.props):s().createElement("div",{style:t.slider}))))}}const i=o},85360(e,t,a){a.r(t),a.d(t,{Raised:()=>p,default:()=>d});var n=a(26878),s=a.n(n),r=a(5556),l=a.n(r),o=a(58527),i=a(55364),h=a.n(i);const p=({zDepth:e,radius:t,background:a,children:n,styles:r={}})=>{const l=(0,o.default)(h()({default:{wrap:{position:"relative",display:"inline-block"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:`0 ${e}px ${4*e}px rgba(0,0,0,.24)`,borderRadius:t,background:a}},"zDepth-0":{bg:{boxShadow:"none"}},"zDepth-1":{bg:{boxShadow:"0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)"}},"zDepth-2":{bg:{boxShadow:"0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)"}},"zDepth-3":{bg:{boxShadow:"0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)"}},"zDepth-4":{bg:{boxShadow:"0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)"}},"zDepth-5":{bg:{boxShadow:"0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)"}},square:{bg:{borderRadius:"0"}},circle:{bg:{borderRadius:"50%"}}},r),{"zDepth-1":1===e});return s().createElement("div",{style:l.wrap},s().createElement("div",{style:l.bg}),s().createElement("div",{style:l.content},n))};p.propTypes={background:l().string,zDepth:l().oneOf([0,1,2,3,4,5]),radius:l().number,styles:l().object},p.defaultProps={background:"#fff",zDepth:1,radius:2,styles:{}};const d=p},34188(e,t,a){a.r(t),a.d(t,{Saturation:()=>h,default:()=>p});var n=a(26878),s=a.n(n),r=a(58527),l=a(7350),o=a.n(l),i=a(35715);class h extends(n.PureComponent||n.Component){constructor(e){super(e),this.throttle=o()(((e,t,a)=>{e(t,a)}),50)}componentWillUnmount(){this.throttle.cancel(),this.unbindEventListeners()}getContainerRenderWindow(){const{container:e}=this;let t=window;for(;!t.document.contains(e)&&t.parent!==t;)t=t.parent;return t}handleChange=e=>{"function"==typeof this.props.onChange&&this.throttle(this.props.onChange,i.calculateChange(e,this.props.hsl,this.container),e)};handleMouseDown=e=>{this.handleChange(e);const t=this.getContainerRenderWindow();t.addEventListener("mousemove",this.handleChange),t.addEventListener("mouseup",this.handleMouseUp)};handleMouseUp=()=>{this.unbindEventListeners()};unbindEventListeners(){const e=this.getContainerRenderWindow();e.removeEventListener("mousemove",this.handleChange),e.removeEventListener("mouseup",this.handleMouseUp)}render(){const{color:e,white:t,black:a,pointer:n,circle:l}=this.props.style||{},o=(0,r.default)({default:{color:{absolute:"0px 0px 0px 0px",background:`hsl(${this.props.hsl.h},100%, 50%)`,borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},black:{absolute:"0px 0px 0px 0px",boxShadow:this.props.shadow,borderRadius:this.props.radius},pointer:{position:"absolute",top:-100*this.props.hsv.v+100+"%",left:100*this.props.hsv.s+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:"0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)",borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}},custom:{color:e,white:t,black:a,pointer:n,circle:l}},{custom:!!this.props.style});return s().createElement("div",{style:o.color,ref:e=>this.container=e,onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},s().createElement("style",null,"\n .saturation-white {\n background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));\n background: linear-gradient(to right, #fff, rgba(255,255,255,0));\n }\n .saturation-black {\n background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));\n background: linear-gradient(to top, #000, rgba(0,0,0,0));\n }\n "),s().createElement("div",{style:o.white,className:"saturation-white"},s().createElement("div",{style:o.black,className:"saturation-black"}),s().createElement("div",{style:o.pointer},this.props.pointer?s().createElement(this.props.pointer,this.props):s().createElement("div",{style:o.circle}))))}}const p=h},10112(e,t,a){a.r(t),a.d(t,{Swatch:()=>h,default:()=>p});var n=a(58168),s=a(26878),r=a.n(s),l=a(58527),o=a(87635),i=a(37544);const h=({color:e,style:t,onClick:a=()=>{},onHover:s,title:o=e,children:h,focus:p,focusStyle:d={}})=>{const u="transparent"===e,c=(0,l.default)({default:{swatch:{background:e,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none",...t,...p?d:{}}}}),g=t=>s(e,t),b={};return s&&(b.onMouseOver=g),r().createElement("div",(0,n.default)({style:c.swatch,onClick:t=>a(e,t),title:o,tabIndex:0,onKeyDown:t=>13===t.keyCode&&a(e,t)},b),h,u&&r().createElement(i.default,{borderRadius:c.swatch.borderRadius,boxSh
1adow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))},p=(0,o.handleFocus)(h)},75602(e,t,a){a.r(t),a.d(t,{Alpha:()=>n.default,Checkboard:()=>s.default,ColorWrap:()=>h.default,EditableInput:()=>r.default,Hue:()=>l.default,Raised:()=>o.default,Saturation:()=>i.default,Swatch:()=>p.default});var n=a(37126),s=a(37544),r=a(55530),l=a(23240),o=a(85360),i=a(34188),h=a(82361),p=a(10112)},75031(e,t,a){a.r(t),a.d(t,{calculateChange:()=>n});const n=(e,t,a,n,s)=>{const r=s.clientWidth,l=s.clientHeight,o="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,i="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,h=o-(s.getBoundingClientRect().left+window.scrollX),p=i-(s.getBoundingClientRect().top+window.scrollY);if("vertical"===a){let e;if(e=p<0?0:p>l?1:Math.round(100*p/l)/100,t.a!==e)return{h:t.h,s:t.s,l:t.l,a:e,source:"rgb"}}else{let e;if(e=h<0?0:h>r?1:Math.round(100*h/r)/100,n!==e)return{h:t.h,s:t.s,l:t.l,a:e,source:"rgb"}}return null}},3811(e,t,a){a.r(t),a.d(t,{get:()=>r,render:()=>s});const n={},s=(e,t,a,n)=>{if("undefined"==typeof document&&!n)return null;const s=n?new n:document.createElement("canvas");s.width=2*a,s.height=2*a;const r=s.getContext("2d");return r?(r.fillStyle=e,r.fillRect(0,0,s.width,s.height),r.fillStyle=t,r.fillRect(0,0,a,a),r.translate(a,a),r.fillRect(0,0,a,a),s.toDataURL()):null},r=(e,t,a,r)=>{const l=`${e}-${t}-${a}${r?"-server":""}`;if(n[l])return n[l];const o=s(e,t,a,r);return n[l]=o,o}},68752(e,t,a){a.r(t),a.d(t,{getContrastingColor:()=>p,isValidHex:()=>h,isvalidColorString:()=>u,red:()=>d,simpleCheckForValidColor:()=>l,toState:()=>i});var n=a(76135),s=a.n(n),r=a(84140);const l=e=>{let t=0,a=0;return s()(["r","g","b","a","h","s","l","v"],(n=>{if(e[n]&&(t+=1,isNaN(e[n])||(a+=1),"s"===n||"l"===n)){/^\d+%$/.test(e[n])&&(a+=1)}})),t===a&&e},o=(e,t)=>{if(1===t)return e;const a=Math.round(255*t);return e+(255===a?"":Math.floor(a/16).toString(16)+(a%16).toString(16))},i=(e,t)=>{const a=e.hex?(0,r.default)(e.hex):(0,r.default)(e),n=a.toHsl(),s=a.toHsv(),l=a.toRgb(),i=a.toHex();0===n.s&&(n.h=t||0,s.h=t||0);return{hsl:n,hex:"000000"===i&&0===l.a?"transparent":`#${o(i,l.a)}`,rgb:l,hsv:s,oldHue:e.h||t||n.h,source:e.source}},h=e=>{if("transparent"===e)return!0;const t="#"===String(e).charAt(0)?1:0;return e.length!==4+t&&e.length<7+t&&(0,r.default)(e).isValid()},p=e=>{if(!e)return"#fff";const t=i(e);if("transparent"===t.hex)return"rgba(0,0,0,0.4)";return(299*t.rgb.r+587*t.rgb.g+114*t.rgb.b)/1e3>=128?"#000":"#fff"},d={hsl:{a:1,h:0,l:.5,s:1},hex:"#ff0000",rgb:{r:255,g:0,b:0,a:1},hsv:{h:0,s:1,v:1,a:1}},u=(e,t)=>{const a=e.replace("°","");return(0,r.default)(`${t} (${a})`)._ok}},68509(e,t,a){a.r(t),a.d(t,{calculateChange:()=>n});const n=(e,t,a,n)=>{const s=n.clientWidth,r=n.clientHeight,l="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,o="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,i=l-(n.getBoundingClientRect().left+window.pageXOffset),h=o-(n.getBoundingClientRect().top+window.pageYOffset);if("vertical"===t){let e;if(h<0)e=359;else if(h>r)e=0;else{e=360*(-100*h/r+100)/100}if(a.h!==e)return{h:e,s:a.s,l:a.l,a:a.a,source:"hsl"}}else{let e;if(i<0)e=0;else if(i>s)e=359;else{e=360*(100*i/s)/100}if(a.h!==e)return{h:e,s:a.s,l:a.l,a:a.a,source:"hsl"}}return null}},87635(e,t,a){a.r(t),a.d(t,{handleFocus:()=>l});var n=a(58168),s=a(26878),r=a.n(s);const l=(e,t="span")=>class extends r().Component{state={focus:!1};handleFocus=()=>this.setState({focus:!0});handleBlur=()=>this.setState({focus:!1});render(){return r().createElement(t,{onFocus:this.handleFocus,onBlur:this.handleBlur},r().createElement(e,(0,n.default)({},this.props,this.state)))}}},35715(e,t,a){a.r(t),a.d(t,{calculateChange:()=>n});const n=(e,t,a)=>{const{width:n,height:s}=a.getBoundingClientRect(),r="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,l="number"==typeof e.pageY?e.pageY:e.touches[0].pageY;let o=r-(a.getBoundingClientRect().left+window.pageXOffset),i=l-(a.getBoundingClientRect().top+window.pageYOffset);o<0?o=0:o>n&&(o=n),i<0?i=0:i>s&&(i=s);const h=o/n,p=1-i/s;return{h:t.h,s:h,v:p,a:t.a,source:"hsv"}}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.