@stlite/desktop 0.95.0 → 0.96.0

package/build/assets/index-3Q8l-56I-Bp9UZWPZ.js

@@ -1,27 +0,0 @@
-import{r as O,j as T,aI as On,m as jn,c as ze,aH as Mn,aW as Rn,aJ as Fn,ap as An,bd as Bn,aC as u,X as yt,be as g,bf as Tn,bg as Pn,bh as Hn,bi as Kr,bj as zn,bk as Ln,bl as Dn,bm as Nn,bn as Gn,bo as Un}from"./index-BvblFOYP.js";import{B as Wn}from"./useBasicWidgetState-BTyLgyXa-DI96f9E0.js";import"./FormClearHelper-DtwjWakY-CxfcniD6.js";var j={},re={},nt,Kt;function $n(){if(Kt)return nt;Kt=1;var e=Hn(),t=Kr(),r=zn(),n="[object String]";function a(o){return typeof o=="string"||!t(o)&&r(o)&&e(o)==n}return nt=a,nt}var at,Zt;function Xn(){if(Zt)return at;Zt=1;var e=Un();function t(r){return typeof r=="function"?r:e}return at=t,at}var ot,Qt;function wt(){if(Qt)return ot;Qt=1;var e=Ln(),t=Xn();function r(n,a){return n&&e(n,t(a))}return ot=r,ot}var it,Jt;function Vn(){if(Jt)return it;Jt=1;var e=Dn(),t=Nn(),r=Gn(),n=Kr();function a(o,i){var l=n(o)?e:r;return l(o,t(i,3))}return it=a,it}var er;function In(){if(er)return re;er=1,Object.defineProperty(re,"__esModule",{value:!0}),re.flattenNames=void 0;var e=$n(),t=s(e),r=wt(),n=s(r),a=Tn(),o=s(a),i=Vn(),l=s(i);function s(p){return p&&p.__esModule?p:{default:p}}var c=re.flattenNames=function p(){var f=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],h=[];return(0,l.default)(f,function(b){Array.isArray(b)?p(b).map(function(d){return h.push(d)}):(0,o.default)(b)?(0,n.default)(b,function(d,x){d===!0&&h.push(x),h.push(x+"-"+d)}):(0,t.default)(b)&&h.push(b)}),h};return re.default=c,re}var ne={},tr;function qn(){if(tr)return ne;tr=1,Object.defineProperty(ne,"__esModule",{value:!0}),ne.mergeClasses=void 0;var e=wt(),t=o(e),r=Pn(),n=o(r),a=Object.assign||function(l){for(var s=1;s<arguments.length;s++){var c=arguments[s];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(l[p]=c[p])}return l};function o(l){return l&&l.__esModule?l:{default:l}}var i=ne.mergeClasses=function(l){var s=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],c=l.default&&(0,n.default)(l.default)||{};return s.map(function(p){var f=l[p];return f&&(0,t.default)(f,function(h,b){c[b]||(c[b]={}),c[b]=a({},c[b],f[b])}),p}),c};return ne.default=i,ne}var ae={},rr;function Yn(){if(rr)return ae;rr=1,Object.defineProperty(ae,"__esModule",{value:!0}),ae.autoprefix=void 0;var e=wt(),t=n(e),r=Object.assign||function(i){for(var l=1;l<arguments.length;l++){var s=arguments[l];for(var c in s)Object.prototype.hasOwnProperty.call(s,c)&&(i[c]=s[c])}return i};function n(i){return i&&i.__esModule?i:{default:i}}var a={borderRadius:function(i){return{msBorderRadius:i,MozBorderRadius:i,OBorderRadius:i,WebkitBorderRadius:i,borderRadius:i}},boxShadow:function(i){return{msBoxShadow:i,MozBoxShadow:i,OBoxShadow:i,WebkitBoxShadow:i,boxShadow:i}},userSelect:function(i){return{WebkitTouchCallout:i,KhtmlUserSelect:i,MozUserSelect:i,msUserSelect:i,WebkitUserSelect:i,userSelect:i}},flex:function(i){return{WebkitBoxFlex:i,MozBoxFlex:i,WebkitFlex:i,msFlex:i,flex:i}},flexBasis:function(i){return{WebkitFlexBasis:i,flexBasis:i}},justifyContent:function(i){return{WebkitJustifyContent:i,justifyContent:i}},transition:function(i){return{msTransition:i,MozTransition:i,OTransition:i,WebkitTransition:i,transition:i}},transform:function(i){return{msTransform:i,MozTransform:i,OTransform:i,WebkitTransform:i,transform:i}},absolute:function(i){var l=i&&i.split(" ");return{position:"absolute",top:l&&l[0],right:l&&l[1],bottom:l&&l[2],left:l&&l[3]}},extend:function(i,l){var s=l[i];return s||{extend:i}}},o=ae.autoprefix=function(i){var l={};return(0,t.default)(i,function(s,c){var p={};(0,t.default)(s,function(f,h){var b=a[h];b?p=r({},p,b(f)):p[h]=f}),l[c]=p}),l};return ae.default=o,ae}var oe={},nr;function Kn(){if(nr)return oe;nr=1,Object.defineProperty(oe,"__esModule",{value:!0}),oe.hover=void 0;var e=Object.assign||function(s){for(var c=1;c<arguments.length;c++){var p=arguments[c];for(var f in p)Object.prototype.hasOwnProperty.call(p,f)&&(s[f]=p[f])}return s},t=u,r=n(t);function n(s){return s&&s.__esModule?s:{default:s}}function a(s,c){if(!(s instanceof c))throw new TypeError("Cannot call a class as a function")}function o(s,c){if(!s)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return c&&(typeof c=="object"||typeof c=="function")?c:s}function i(s,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof c);s.prototype=Object.create(c&&c.prototype,{constructor:{value:s,enumerable:!1,writable:!0,configurable:!0}}),c&&(Object.setPrototypeOf?Object.setPrototypeOf(s,c):s.__proto__=c)}var l=oe.hover=function(s){var c=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return(function(p){i(f,p);function f(){var h,b,d,x;a(this,f);for(var S=arguments.length,E=Array(S),w=0;w<S;w++)E[w]=arguments[w];return x=(b=(d=o(this,(h=f.__proto__||Object.getPrototypeOf(f)).call.apply(h,[this].concat(E))),d),d.state={hover:!1},d.handleMouseOver=function(){return d.setState({hover:!0})},d.handleMouseOut=function(){return d.setState({hover:!1})},d.render=function(){return r.default.createElement(c,{onMouseOver:d.handleMouseOver,onMouseOut:d.handleMouseOut},r.default.createElement(s,e({},d.props,d.state)))},b),o(d,x)}return f})(r.default.Component)};return oe.default=l,oe}var ie={},ar;function Zn(){if(ar)return ie;ar=1,Object.defineProperty(ie,"__esModule",{value:!0}),ie.active=void 0;var e=Object.assign||function(s){for(var c=1;c<arguments.length;c++){var p=arguments[c];for(var f in p)Object.prototype.hasOwnProperty.call(p,f)&&(s[f]=p[f])}return s},t=u,r=n(t);function n(s){return s&&s.__esModule?s:{default:s}}function a(s,c){if(!(s instanceof c))throw new TypeError("Cannot call a class as a function")}function o(s,c){if(!s)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return c&&(typeof c=="object"||typeof c=="function")?c:s}function i(s,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof c);s.prototype=Object.create(c&&c.prototype,{constructor:{value:s,enumerable:!1,writable:!0,configurable:!0}}),c&&(Object.setPrototypeOf?Object.setPrototypeOf(s,c):s.__proto__=c)}var l=ie.active=function(s){var c=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return(function(p){i(f,p);function f(){var h,b,d,x;a(this,f);for(var S=arguments.length,E=Array(S),w=0;w<S;w++)E[w]=arguments[w];return x=(b=(d=o(this,(h=f.__proto__||Object.getPrototypeOf(f)).call.apply(h,[this].concat(E))),d),d.state={active:!1},d.handleMouseDown=function(){return d.setState({active:!0})},d.handleMouseUp=function(){return d.setState({active:!1})},d.render=function(){return r.default.createElement(c,{onMouseDown:d.handleMouseDown,onMouseUp:d.handleMouseUp},r.default.createElement(s,e({},d.props,d.state)))},b),o(d,x)}return f})(r.default.Component)};return ie.default=l,ie}var Ge={},or;function Qn(){if(or)return Ge;or=1,Object.defineProperty(Ge,"__esModule",{value:!0});var e=function(t,r){var n={},a=function(o){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0;n[o]=i};return t===0&&a("first-child"),t===r-1&&a("last-child"),(t===0||t%2===0)&&a("even"),Math.abs(t%2)===1&&a("odd"),a("nth-child",t),n};return Ge.default=e,Ge}var ir;function Jn(){if(ir)return j;ir=1,Object.defineProperty(j,"__esModule",{value:!0}),j.ReactCSS=j.loop=j.handleActive=j.handleHover=j.hover=void 0;var e=In(),t=h(e),r=qn(),n=h(r),a=Yn(),o=h(a),i=Kn(),l=h(i),s=Zn(),c=h(s),p=Qn(),f=h(p);function h(d){return d&&d.__esModule?d:{default:d}}j.hover=l.default,j.handleHover=l.default,j.handleActive=c.default,j.loop=f.default;var b=j.ReactCSS=function(d){for(var x=arguments.length,S=Array(x>1?x-1:0),E=1;E<x;E++)S[E-1]=arguments[E];var w=(0,t.default)(S),ee=(0,n.default)(d,w);return(0,o.default)(ee)};return j.default=b,j}var Et=Jn();const m=yt(Et);var ea=function(e,t,r,n,a){var o=a.clientWidth,i=a.clientHeight,l=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,s=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,c=l-(a.getBoundingClientRect().left+window.pageXOffset),p=s-(a.getBoundingClientRect().top+window.pageYOffset);if(r==="vertical"){var f=void 0;if(p<0?f=0:p>i?f=1:f=Math.round(p*100/i)/100,t.a!==f)return{h:t.h,s:t.s,l:t.l,a:f,source:"rgb"}}else{var h=void 0;if(c<0?h=0:c>o?h=1:h=Math.round(c*100/o)/100,n!==h)return{h:t.h,s:t.s,l:t.l,a:h,source:"rgb"}}return null},lt={},ta=function(e,t,r,n){if(typeof document>"u"&&!n)return null;var a=n?new n:document.createElement("canvas");a.width=r*2,a.height=r*2;var o=a.getContext("2d");return o?(o.fillStyle=e,o.fillRect(0,0,a.width,a.height),o.fillStyle=t,o.fillRect(0,0,r,r),o.translate(r,r),o.fillRect(0,0,r,r),a.toDataURL()):null},ra=function(e,t,r,n){var a=e+"-"+t+"-"+r+(n?"-server":"");if(lt[a])return lt[a];var o=ta(e,t,r,n);return lt[a]=o,o},lr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ce=function(e){var t=e.white,r=e.grey,n=e.size,a=e.renderers,o=e.borderRadius,i=e.boxShadow,l=e.children,s=m({default:{grid:{borderRadius:o,boxShadow:i,absolute:"0px 0px 0px 0px",background:"url("+ra(t,r,n,a.canvas)+") center left"}}});return O.isValidElement(l)?u.cloneElement(l,lr({},l.props,{style:lr({},l.props.style,s.grid)})):u.createElement("div",{style:s.grid})};Ce.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};var na=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},aa=(function(){function e(t,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}})();function oa(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function sr(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 ia(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 _t=(function(e){ia(t,e);function t(){var r,n,a,o;oa(this,t);for(var i=arguments.length,l=Array(i),s=0;s<i;s++)l[s]=arguments[s];return o=(n=(a=sr(this,(r=t.__proto__||Object.getPrototypeOf(t)).call.apply(r,[this].concat(l))),a),a.handleChange=function(c){var p=ea(c,a.props.hsl,a.props.direction,a.props.a,a.container);p&&typeof a.props.onChange=="function"&&a.props.onChange(p,c)},a.handleMouseDown=function(c){a.handleChange(c),window.addEventListener("mousemove",a.handleChange),window.addEventListener("mouseup",a.handleMouseUp)},a.handleMouseUp=function(){a.unbindEventListeners()},a.unbindEventListeners=function(){window.removeEventListener("mousemove",a.handleChange),window.removeEventListener("mouseup",a.handleMouseUp)},n),sr(a,o)}return aa(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var r=this,n=this.props.rgb,a=m({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("+n.r+","+n.g+","+n.b+`, 0) 0%,
-           rgba(`+n.r+","+n.g+","+n.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:n.a*100+"%"},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("+n.r+","+n.g+","+n.b+`, 0) 0%,
-           rgba(`+n.r+","+n.g+","+n.b+", 1) 100%)"},pointer:{left:0,top:n.a*100+"%"}},overwrite:na({},this.props.style)},{vertical:this.props.direction==="vertical",overwrite:!0});return u.createElement("div",{style:a.alpha},u.createElement("div",{style:a.checkboard},u.createElement(Ce,{renderers:this.props.renderers})),u.createElement("div",{style:a.gradient}),u.createElement("div",{style:a.container,ref:function(o){return r.container=o},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},u.createElement("div",{style:a.pointer},this.props.pointer?u.createElement(this.props.pointer,this.props):u.createElement("div",{style:a.slider}))))}}]),t})(O.PureComponent||O.Component),la=(function(){function e(t,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}})();function sa(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ua(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ca(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 pa(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 fa=1,Zr=38,ha=40,da=[Zr,ha],ba=function(e){return da.indexOf(e)>-1},ga=function(e){return Number(String(e).replace(/%/g,""))},va=1,y=(function(e){pa(t,e);function t(r){ua(this,t);var n=ca(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return n.handleBlur=function(){n.state.blurValue&&n.setState({value:n.state.blurValue,blurValue:null})},n.handleChange=function(a){n.setUpdatedValue(a.target.value,a)},n.handleKeyDown=function(a){var o=ga(a.target.value);if(!isNaN(o)&&ba(a.keyCode)){var i=n.getArrowOffset(),l=a.keyCode===Zr?o+i:o-i;n.setUpdatedValue(l,a)}},n.handleDrag=function(a){if(n.props.dragLabel){var o=Math.round(n.props.value+a.movementX);o>=0&&o<=n.props.dragMax&&n.props.onChange&&n.props.onChange(n.getValueObjectWithLabel(o),a)}},n.handleMouseDown=function(a){n.props.dragLabel&&(a.preventDefault(),n.handleDrag(a),window.addEventListener("mousemove",n.handleDrag),window.addEventListener("mouseup",n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleDrag),window.removeEventListener("mouseup",n.handleMouseUp)},n.state={value:String(r.value).toUpperCase(),blurValue:String(r.value).toUpperCase()},n.inputId="rc-editable-input-"+va++,n}return la(t,[{key:"componentDidUpdate",value:function(r,n){this.props.value!==this.state.value&&(r.value!==this.props.value||n.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()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(r){return sa({},this.props.label,r)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||fa}},{key:"setUpdatedValue",value:function(r,n){var a=this.props.label?this.getValueObjectWithLabel(r):r;this.props.onChange&&this.props.onChange(a,n),this.setState({value:r})}},{key:"render",value:function(){var r=this,n=m({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 u.createElement("div",{style:n.wrap},u.createElement("input",{id:this.inputId,style:n.input,ref:function(a){return r.input=a},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?u.createElement("label",{htmlFor:this.inputId,style:n.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t})(O.PureComponent||O.Component),xa=function(e,t,r,n){var a=n.clientWidth,o=n.clientHeight,i=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,l=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,s=i-(n.getBoundingClientRect().left+window.pageXOffset),c=l-(n.getBoundingClientRect().top+window.pageYOffset);if(t==="vertical"){var p=void 0;if(c<0)p=359;else if(c>o)p=0;else{var f=-(c*100/o)+100;p=360*f/100}if(r.h!==p)return{h:p,s:r.s,l:r.l,a:r.a,source:"hsl"}}else{var h=void 0;if(s<0)h=0;else if(s>a)h=359;else{var b=s*100/a;h=360*b/100}if(r.h!==h)return{h,s:r.s,l:r.l,a:r.a,source:"hsl"}}return null},ma=(function(){function e(t,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}})();function ya(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ur(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 wa(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 Se=(function(e){wa(t,e);function t(){var r,n,a,o;ya(this,t);for(var i=arguments.length,l=Array(i),s=0;s<i;s++)l[s]=arguments[s];return o=(n=(a=ur(this,(r=t.__proto__||Object.getPrototypeOf(t)).call.apply(r,[this].concat(l))),a),a.handleChange=function(c){var p=xa(c,a.props.direction,a.props.hsl,a.container);p&&typeof a.props.onChange=="function"&&a.props.onChange(p,c)},a.handleMouseDown=function(c){a.handleChange(c),window.addEventListener("mousemove",a.handleChange),window.addEventListener("mouseup",a.handleMouseUp)},a.handleMouseUp=function(){a.unbindEventListeners()},n),ur(a,o)}return ma(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var r=this,n=this.props.direction,a=n===void 0?"horizontal":n,o=m({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:this.props.hsl.h*100/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:-(this.props.hsl.h*100/360)+100+"%"}}},{vertical:a==="vertical"});return u.createElement("div",{style:o.hue},u.createElement("div",{className:"hue-"+a,style:o.container,ref:function(i){return r.container=i},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},u.createElement("style",null,`
-            .hue-horizontal {
-              background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0
-                33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
-              background: -webkit-linear-gradient(to right, #f00 0%, #ff0
-                17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
-            }
-
-            .hue-vertical {
-              background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,
-                #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
-              background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,
-                #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
-            }
-          `),u.createElement("div",{style:o.pointer},this.props.pointer?u.createElement(this.props.pointer,this.props):u.createElement("div",{style:o.slider}))))}}]),t})(O.PureComponent||O.Component);function Ea(){this.__data__=[],this.size=0}function Le(e,t){return e===t||e!==e&&t!==t}function Ze(e,t){for(var r=e.length;r--;)if(Le(e[r][0],t))return r;return-1}var _a=Array.prototype,Ca=_a.splice;function Sa(e){var t=this.__data__,r=Ze(t,e);if(r<0)return!1;var n=t.length-1;return r==n?t.pop():Ca.call(t,r,1),--this.size,!0}function ka(e){var t=this.__data__,r=Ze(t,e);return r<0?void 0:t[r][1]}function Oa(e){return Ze(this.__data__,e)>-1}function ja(e,t){var r=this.__data__,n=Ze(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}function N(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}N.prototype.clear=Ea;N.prototype.delete=Sa;N.prototype.get=ka;N.prototype.has=Oa;N.prototype.set=ja;function Ma(){this.__data__=new N,this.size=0}function Ra(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}function Fa(e){return this.__data__.get(e)}function Aa(e){return this.__data__.has(e)}var Qr=typeof global=="object"&&global&&global.Object===Object&&global,Ba=typeof self=="object"&&self&&self.Object===Object&&self,z=Qr||Ba||Function("return this")(),X=z.Symbol,Jr=Object.prototype,Ta=Jr.hasOwnProperty,Pa=Jr.toString,je=X?X.toStringTag:void 0;function Ha(e){var t=Ta.call(e,je),r=e[je];try{e[je]=void 0;var n=!0}catch{}var a=Pa.call(e);return n&&(t?e[je]=r:delete e[je]),a}var za=Object.prototype,La=za.toString;function Da(e){return La.call(e)}var Na="[object Null]",Ga="[object Undefined]",cr=X?X.toStringTag:void 0;function Y(e){return e==null?e===void 0?Ga:Na:cr&&cr in Object(e)?Ha(e):Da(e)}function B(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Ua="[object AsyncFunction]",Wa="[object Function]",$a="[object GeneratorFunction]",Xa="[object Proxy]";function Ct(e){if(!B(e))return!1;var t=Y(e);return t==Wa||t==$a||t==Ua||t==Xa}var st=z["__core-js_shared__"],pr=(function(){var e=/[^.]+$/.exec(st&&st.keys&&st.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""})();function Va(e){return!!pr&&pr in e}var Ia=Function.prototype,qa=Ia.toString;function K(e){if(e!=null){try{return qa.call(e)}catch{}try{return e+""}catch{}}return""}var Ya=/[\\^$.*+?()[\]{}|]/g,Ka=/^\[object .+?Constructor\]$/,Za=Function.prototype,Qa=Object.prototype,Ja=Za.toString,eo=Qa.hasOwnProperty,to=RegExp("^"+Ja.call(eo).replace(Ya,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function ro(e){if(!B(e)||Va(e))return!1;var t=Ct(e)?to:Ka;return t.test(K(e))}function no(e,t){return e?.[t]}function Z(e,t){var r=no(e,t);return ro(r)?r:void 0}var Pe=Z(z,"Map"),He=Z(Object,"create");function ao(){this.__data__=He?He(null):{},this.size=0}function oo(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var io="__lodash_hash_undefined__",lo=Object.prototype,so=lo.hasOwnProperty;function uo(e){var t=this.__data__;if(He){var r=t[e];return r===io?void 0:r}return so.call(t,e)?t[e]:void 0}var co=Object.prototype,po=co.hasOwnProperty;function fo(e){var t=this.__data__;return He?t[e]!==void 0:po.call(t,e)}var ho="__lodash_hash_undefined__";function bo(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=He&&t===void 0?ho:t,this}function q(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}q.prototype.clear=ao;q.prototype.delete=oo;q.prototype.get=uo;q.prototype.has=fo;q.prototype.set=bo;function go(){this.size=0,this.__data__={hash:new q,map:new(Pe||N),string:new q}}function vo(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function Qe(e,t){var r=e.__data__;return vo(t)?r[typeof t=="string"?"string":"hash"]:r.map}function xo(e){var t=Qe(this,e).delete(e);return this.size-=t?1:0,t}function mo(e){return Qe(this,e).get(e)}function yo(e){return Qe(this,e).has(e)}function wo(e,t){var r=Qe(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this}function G(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}G.prototype.clear=go;G.prototype.delete=xo;G.prototype.get=mo;G.prototype.has=yo;G.prototype.set=wo;var Eo=200;function _o(e,t){var r=this.__data__;if(r instanceof N){var n=r.__data__;if(!Pe||n.length<Eo-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new G(n)}return r.set(e,t),this.size=r.size,this}function L(e){var t=this.__data__=new N(e);this.size=t.size}L.prototype.clear=Ma;L.prototype.delete=Ra;L.prototype.get=Fa;L.prototype.has=Aa;L.prototype.set=_o;var Xe=(function(){try{var e=Z(Object,"defineProperty");return e({},"",{}),e}catch{}})();function St(e,t,r){t=="__proto__"&&Xe?Xe(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r}function ht(e,t,r){(r!==void 0&&!Le(e[t],r)||r===void 0&&!(t in e))&&St(e,t,r)}function Co(e){return function(t,r,n){for(var a=-1,o=Object(t),i=n(t),l=i.length;l--;){var s=i[++a];if(r(o[s],s,o)===!1)break}return t}}var en=Co(),tn=typeof exports=="object"&&exports&&!exports.nodeType&&exports,fr=tn&&typeof module=="object"&&module&&!module.nodeType&&module,So=fr&&fr.exports===tn,hr=So?z.Buffer:void 0;hr&&hr.allocUnsafe;function ko(e,t){return e.slice()}var Ve=z.Uint8Array;function Oo(e){var t=new e.constructor(e.byteLength);return new Ve(t).set(new Ve(e)),t}function jo(e,t){var r=Oo(e.buffer);return new e.constructor(r,e.byteOffset,e.length)}function Mo(e,t){var r=-1,n=e.length;for(t||(t=Array(n));++r<n;)t[r]=e[r];return t}var dr=Object.create,Ro=(function(){function e(){}return function(t){if(!B(t))return{};if(dr)return dr(t);e.prototype=t;var r=new e;return e.prototype=void 0,r}})();function rn(e,t){return function(r){return e(t(r))}}var nn=rn(Object.getPrototypeOf,Object),Fo=Object.prototype;function kt(e){var t=e&&e.constructor,r=typeof t=="function"&&t.prototype||Fo;return e===r}function Ao(e){return typeof e.constructor=="function"&&!kt(e)?Ro(nn(e)):{}}function V(e){return e!=null&&typeof e=="object"}var Bo="[object Arguments]";function br(e){return V(e)&&Y(e)==Bo}var an=Object.prototype,To=an.hasOwnProperty,Po=an.propertyIsEnumerable,Ie=br((function(){return arguments})())?br:function(e){return V(e)&&To.call(e,"callee")&&!Po.call(e,"callee")},A=Array.isArray,Ho=9007199254740991;function Ot(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Ho}function ke(e){return e!=null&&Ot(e.length)&&!Ct(e)}function zo(e){return V(e)&&ke(e)}function Lo(){return!1}var on=typeof exports=="object"&&exports&&!exports.nodeType&&exports,gr=on&&typeof module=="object"&&module&&!module.nodeType&&module,Do=gr&&gr.exports===on,vr=Do?z.Buffer:void 0,No=vr?vr.isBuffer:void 0,qe=No||Lo,Go="[object Object]",Uo=Function.prototype,Wo=Object.prototype,ln=Uo.toString,$o=Wo.hasOwnProperty,Xo=ln.call(Object);function Vo(e){if(!V(e)||Y(e)!=Go)return!1;var t=nn(e);if(t===null)return!0;var r=$o.call(t,"constructor")&&t.constructor;return typeof r=="function"&&r instanceof r&&ln.call(r)==Xo}var Io="[object Arguments]",qo="[object Array]",Yo="[object Boolean]",Ko="[object Date]",Zo="[object Error]",Qo="[object Function]",Jo="[object Map]",ei="[object Number]",ti="[object Object]",ri="[object RegExp]",ni="[object Set]",ai="[object String]",oi="[object WeakMap]",ii="[object ArrayBuffer]",li="[object DataView]",si="[object Float32Array]",ui="[object Float64Array]",ci="[object Int8Array]",pi="[object Int16Array]",fi="[object Int32Array]",hi="[object Uint8Array]",di="[object Uint8ClampedArray]",bi="[object Uint16Array]",gi="[object Uint32Array]",_={};_[si]=_[ui]=_[ci]=_[pi]=_[fi]=_[hi]=_[di]=_[bi]=_[gi]=!0;_[Io]=_[qo]=_[ii]=_[Yo]=_[li]=_[Ko]=_[Zo]=_[Qo]=_[Jo]=_[ei]=_[ti]=_[ri]=_[ni]=_[ai]=_[oi]=!1;function vi(e){return V(e)&&Ot(e.length)&&!!_[Y(e)]}function xi(e){return function(t){return e(t)}}var sn=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Te=sn&&typeof module=="object"&&module&&!module.nodeType&&module,mi=Te&&Te.exports===sn,ut=mi&&Qr.process,xr=(function(){try{var e=Te&&Te.require&&Te.require("util").types;return e||ut&&ut.binding&&ut.binding("util")}catch{}})(),mr=xr&&xr.isTypedArray,jt=mr?xi(mr):vi;function dt(e,t){if(!(t==="constructor"&&typeof e[t]=="function")&&t!="__proto__")return e[t]}var yi=Object.prototype,wi=yi.hasOwnProperty;function Ei(e,t,r){var n=e[t];(!(wi.call(e,t)&&Le(n,r))||r===void 0&&!(t in e))&&St(e,t,r)}function _i(e,t,r,n){var a=!r;r||(r={});for(var o=-1,i=t.length;++o<i;){var l=t[o],s=void 0;s===void 0&&(s=e[l]),a?St(r,l,s):Ei(r,l,s)}return r}function Ci(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n}var Si=9007199254740991,ki=/^(?:0|[1-9]\d*)$/;function Mt(e,t){var r=typeof e;return t=t??Si,!!t&&(r=="number"||r!="symbol"&&ki.test(e))&&e>-1&&e%1==0&&e<t}var Oi=Object.prototype,ji=Oi.hasOwnProperty;function un(e,t){var r=A(e),n=!r&&Ie(e),a=!r&&!n&&qe(e),o=!r&&!n&&!a&&jt(e),i=r||n||a||o,l=i?Ci(e.length,String):[],s=l.length;for(var c in e)(t||ji.call(e,c))&&!(i&&(c=="length"||a&&(c=="offset"||c=="parent")||o&&(c=="buffer"||c=="byteLength"||c=="byteOffset")||Mt(c,s)))&&l.push(c);return l}function Mi(e){var t=[];if(e!=null)for(var r in Object(e))t.push(r);return t}var Ri=Object.prototype,Fi=Ri.hasOwnProperty;function Ai(e){if(!B(e))return Mi(e);var t=kt(e),r=[];for(var n in e)n=="constructor"&&(t||!Fi.call(e,n))||r.push(n);return r}function cn(e){return ke(e)?un(e,!0):Ai(e)}function Bi(e){return _i(e,cn(e))}function Ti(e,t,r,n,a,o,i){var l=dt(e,r),s=dt(t,r),c=i.get(s);if(c){ht(e,r,c);return}var p=o?o(l,s,r+"",e,t,i):void 0,f=p===void 0;if(f){var h=A(s),b=!h&&qe(s),d=!h&&!b&&jt(s);p=s,h||b||d?A(l)?p=l:zo(l)?p=Mo(l):b?(f=!1,p=ko(s)):d?(f=!1,p=jo(s)):p=[]:Vo(s)||Ie(s)?(p=l,Ie(l)?p=Bi(l):(!B(l)||Ct(l))&&(p=Ao(s))):f=!1}f&&(i.set(s,p),a(p,s,n,o,i),i.delete(s)),ht(e,r,p)}function pn(e,t,r,n,a){e!==t&&en(t,function(o,i){if(a||(a=new L),B(o))Ti(e,t,i,r,pn,n,a);else{var l=n?n(dt(e,i),o,i+"",e,t,a):void 0;l===void 0&&(l=o),ht(e,i,l)}},cn)}function Je(e){return e}function Pi(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)}var yr=Math.max;function Hi(e,t,r){return t=yr(t===void 0?e.length-1:t,0),function(){for(var n=arguments,a=-1,o=yr(n.length-t,0),i=Array(o);++a<o;)i[a]=n[t+a];a=-1;for(var l=Array(t+1);++a<t;)l[a]=n[a];return l[t]=r(i),Pi(e,this,l)}}function zi(e){return function(){return e}}var Li=Xe?function(e,t){return Xe(e,"toString",{configurable:!0,enumerable:!1,value:zi(t),writable:!0})}:Je,Di=800,Ni=16,Gi=Date.now;function Ui(e){var t=0,r=0;return function(){var n=Gi(),a=Ni-(n-r);if(r=n,a>0){if(++t>=Di)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}var Wi=Ui(Li);function $i(e,t){return Wi(Hi(e,t,Je),e+"")}function Xi(e,t,r){if(!B(r))return!1;var n=typeof t;return(n=="number"?ke(r)&&Mt(t,r.length):n=="string"&&t in r)?Le(r[t],e):!1}function Vi(e){return $i(function(t,r){var n=-1,a=r.length,o=a>1?r[a-1]:void 0,i=a>2?r[2]:void 0;for(o=e.length>3&&typeof o=="function"?(a--,o):void 0,i&&Xi(r[0],r[1],i)&&(o=a<3?void 0:o,a=1),t=Object(t);++n<a;){var l=r[n];l&&e(t,l,n,o)}return t})}var M=Vi(function(e,t,r){pn(e,t,r)}),De=function(e){var t=e.zDepth,r=e.radius,n=e.background,a=e.children,o=e.styles,i=o===void 0?{}:o,l=m(M({default:{wrap:{position:"relative",display:"inline-block"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 "+t+"px "+t*4+"px rgba(0,0,0,.24)",borderRadius:r,background:n}},"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%"}}},i),{"zDepth-1":t===1});return u.createElement("div",{style:l.wrap},u.createElement("div",{style:l.bg}),u.createElement("div",{style:l.content},a))};De.propTypes={background:g.string,zDepth:g.oneOf([0,1,2,3,4,5]),radius:g.number,styles:g.object};De.defaultProps={background:"#fff",zDepth:1,radius:2,styles:{}};var ct=function(){return z.Date.now()},Ii=/\s/;function qi(e){for(var t=e.length;t--&&Ii.test(e.charAt(t)););return t}var Yi=/^\s+/;function Ki(e){return e&&e.slice(0,qi(e)+1).replace(Yi,"")}var Zi="[object Symbol]";function et(e){return typeof e=="symbol"||V(e)&&Y(e)==Zi}var wr=NaN,Qi=/^[-+]0x[0-9a-f]+$/i,Ji=/^0b[01]+$/i,el=/^0o[0-7]+$/i,tl=parseInt;function Er(e){if(typeof e=="number")return e;if(et(e))return wr;if(B(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=B(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=Ki(e);var r=Ji.test(e);return r||el.test(e)?tl(e.slice(2),r?2:8):Qi.test(e)?wr:+e}var rl="Expected a function",nl=Math.max,al=Math.min;function fn(e,t,r){var n,a,o,i,l,s,c=0,p=!1,f=!1,h=!0;if(typeof e!="function")throw new TypeError(rl);t=Er(t)||0,B(r)&&(p=!!r.leading,f="maxWait"in r,o=f?nl(Er(r.maxWait)||0,t):o,h="trailing"in r?!!r.trailing:h);function b(k){var W=n,Oe=a;return n=a=void 0,c=k,i=e.apply(Oe,W),i}function d(k){return c=k,l=setTimeout(E,t),p?b(k):i}function x(k){var W=k-s,Oe=k-c,Yt=t-W;return f?al(Yt,o-Oe):Yt}function S(k){var W=k-s,Oe=k-c;return s===void 0||W>=t||W<0||f&&Oe>=o}function E(){var k=ct();if(S(k))return w(k);l=setTimeout(E,x(k))}function w(k){return l=void 0,h&&n?b(k):(n=a=void 0,i)}function ee(){l!==void 0&&clearTimeout(l),c=0,n=s=a=l=void 0}function te(){return l===void 0?i:w(ct())}function U(){var k=ct(),W=S(k);if(n=arguments,a=this,s=k,W){if(l===void 0)return d(s);if(f)return clearTimeout(l),l=setTimeout(E,t),b(s)}return l===void 0&&(l=setTimeout(E,t)),i}return U.cancel=ee,U.flush=te,U}var ol="Expected a function";function il(e,t,r){var n=!0,a=!0;if(typeof e!="function")throw new TypeError(ol);return B(r)&&(n="leading"in r?!!r.leading:n,a="trailing"in r?!!r.trailing:a),fn(e,t,{leading:n,maxWait:t,trailing:a})}var ll=function(e,t,r){var n=r.getBoundingClientRect(),a=n.width,o=n.height,i=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,l=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,s=i-(r.getBoundingClientRect().left+window.pageXOffset),c=l-(r.getBoundingClientRect().top+window.pageYOffset);s<0?s=0:s>a&&(s=a),c<0?c=0:c>o&&(c=o);var p=s/a,f=1-c/o;return{h:t.h,s:p,v:f,a:t.a,source:"hsv"}},sl=(function(){function e(t,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}})();function ul(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function cl(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 pl(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 Ne=(function(e){pl(t,e);function t(r){ul(this,t);var n=cl(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,r));return n.handleChange=function(a){typeof n.props.onChange=="function"&&n.throttle(n.props.onChange,ll(a,n.props.hsl,n.container),a)},n.handleMouseDown=function(a){n.handleChange(a);var o=n.getContainerRenderWindow();o.addEventListener("mousemove",n.handleChange),o.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},n.throttle=il(function(a,o,i){a(o,i)},50),n}return sl(t,[{key:"componentWillUnmount",value:function(){this.throttle.cancel(),this.unbindEventListeners()}},{key:"getContainerRenderWindow",value:function(){for(var r=this.container,n=window;!n.document.contains(r)&&n.parent!==n;)n=n.parent;return n}},{key:"unbindEventListeners",value:function(){var r=this.getContainerRenderWindow();r.removeEventListener("mousemove",this.handleChange),r.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var r=this,n=this.props.style||{},a=n.color,o=n.white,i=n.black,l=n.pointer,s=n.circle,c=m({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:-(this.props.hsv.v*100)+100+"%",left:this.props.hsv.s*100+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:`0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),
-            0 0 1px 2px rgba(0,0,0,.4)`,borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}},custom:{color:a,white:o,black:i,pointer:l,circle:s}},{custom:!!this.props.style});return u.createElement("div",{style:c.color,ref:function(p){return r.container=p},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},u.createElement("style",null,`
-          .saturation-white {
-            background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));
-            background: linear-gradient(to right, #fff, rgba(255,255,255,0));
-          }
-          .saturation-black {
-            background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));
-            background: linear-gradient(to top, #000, rgba(0,0,0,0));
-          }
-        `),u.createElement("div",{style:c.white,className:"saturation-white"},u.createElement("div",{style:c.black,className:"saturation-black"}),u.createElement("div",{style:c.pointer},this.props.pointer?u.createElement(this.props.pointer,this.props):u.createElement("div",{style:c.circle}))))}}]),t})(O.PureComponent||O.Component);function fl(e,t){for(var r=-1,n=e==null?0:e.length;++r<n&&t(e[r],r,e)!==!1;);return e}var hl=rn(Object.keys,Object),dl=Object.prototype,bl=dl.hasOwnProperty;function gl(e){if(!kt(e))return hl(e);var t=[];for(var r in Object(e))bl.call(e,r)&&r!="constructor"&&t.push(r);return t}function Rt(e){return ke(e)?un(e):gl(e)}function vl(e,t){return e&&en(e,t,Rt)}function xl(e,t){return function(r,n){if(r==null)return r;if(!ke(r))return e(r,n);for(var a=r.length,o=-1,i=Object(r);++o<a&&n(i[o],o,i)!==!1;);return r}}var hn=xl(vl);function ml(e){return typeof e=="function"?e:Je}function yl(e,t){var r=A(e)?fl:hn;return r(e,ml(t))}function Ye(e){"@babel/helpers - typeof";return Ye=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},Ye(e)}var wl=/^\s+/,El=/\s+$/;function v(e,t){if(e=e||"",t=t||{},e instanceof v)return e;if(!(this instanceof v))return new v(e,t);var r=_l(e);this._originalInput=e,this._r=r.r,this._g=r.g,this._b=r.b,this._a=r.a,this._roundA=Math.round(100*this._a)/100,this._format=t.format||r.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=r.ok}v.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 e=this.toRgb();return(e.r*299+e.g*587+e.b*114)/1e3},getLuminance:function(){var e=this.toRgb(),t,r,n,a,o,i;return t=e.r/255,r=e.g/255,n=e.b/255,t<=.03928?a=t/12.92:a=Math.pow((t+.055)/1.055,2.4),r<=.03928?o=r/12.92:o=Math.pow((r+.055)/1.055,2.4),n<=.03928?i=n/12.92:i=Math.pow((n+.055)/1.055,2.4),.2126*a+.7152*o+.0722*i},setAlpha:function(e){return this._a=dn(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=Cr(this._r,this._g,this._b);return{h:e.h*360,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=Cr(this._r,this._g,this._b),t=Math.round(e.h*360),r=Math.round(e.s*100),n=Math.round(e.v*100);return this._a==1?"hsv("+t+", "+r+"%, "+n+"%)":"hsva("+t+", "+r+"%, "+n+"%, "+this._roundA+")"},toHsl:function(){var e=_r(this._r,this._g,this._b);return{h:e.h*360,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=_r(this._r,this._g,this._b),t=Math.round(e.h*360),r=Math.round(e.s*100),n=Math.round(e.l*100);return this._a==1?"hsl("+t+", "+r+"%, "+n+"%)":"hsla("+t+", "+r+"%, "+n+"%, "+this._roundA+")"},toHex:function(e){return Sr(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return Ol(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},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(C(this._r,255)*100)+"%",g:Math.round(C(this._g,255)*100)+"%",b:Math.round(C(this._b,255)*100)+"%",a:this._a}},toPercentageRgbString:function(){return this._a==1?"rgb("+Math.round(C(this._r,255)*100)+"%, "+Math.round(C(this._g,255)*100)+"%, "+Math.round(C(this._b,255)*100)+"%)":"rgba("+Math.round(C(this._r,255)*100)+"%, "+Math.round(C(this._g,255)*100)+"%, "+Math.round(C(this._b,255)*100)+"%, "+this._roundA+")"},toName:function(){return this._a===0?"transparent":this._a<1?!1:Dl[Sr(this._r,this._g,this._b,!0)]||!1},toFilter:function(e){var t="#"+kr(this._r,this._g,this._b,this._a),r=t,n=this._gradientType?"GradientType = 1, ":"";if(e){var a=v(e);r="#"+kr(a._r,a._g,a._b,a._a)}return"progid:DXImageTransform.Microsoft.gradient("+n+"startColorstr="+t+",endColorstr="+r+")"},toString:function(e){var t=!!e;e=e||this._format;var r=!1,n=this._a<1&&this._a>=0,a=!t&&n&&(e==="hex"||e==="hex6"||e==="hex3"||e==="hex4"||e==="hex8"||e==="name");return a?e==="name"&&this._a===0?this.toName():this.toRgbString():(e==="rgb"&&(r=this.toRgbString()),e==="prgb"&&(r=this.toPercentageRgbString()),(e==="hex"||e==="hex6")&&(r=this.toHexString()),e==="hex3"&&(r=this.toHexString(!0)),e==="hex4"&&(r=this.toHex8String(!0)),e==="hex8"&&(r=this.toHex8String()),e==="name"&&(r=this.toName()),e==="hsl"&&(r=this.toHslString()),e==="hsv"&&(r=this.toHsvString()),r||this.toHexString())},clone:function(){return v(this.toString())},_applyModification:function(e,t){var r=e.apply(null,[this].concat([].slice.call(t)));return this._r=r._r,this._g=r._g,this._b=r._b,this.setAlpha(r._a),this},lighten:function(){return this._applyModification(Fl,arguments)},brighten:function(){return this._applyModification(Al,arguments)},darken:function(){return this._applyModification(Bl,arguments)},desaturate:function(){return this._applyModification(jl,arguments)},saturate:function(){return this._applyModification(Ml,arguments)},greyscale:function(){return this._applyModification(Rl,arguments)},spin:function(){return this._applyModification(Tl,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(zl,arguments)},complement:function(){return this._applyCombination(Pl,arguments)},monochromatic:function(){return this._applyCombination(Ll,arguments)},splitcomplement:function(){return this._applyCombination(Hl,arguments)},triad:function(){return this._applyCombination(Or,[3])},tetrad:function(){return this._applyCombination(Or,[4])}};v.fromRatio=function(e,t){if(Ye(e)=="object"){var r={};for(var n in e)e.hasOwnProperty(n)&&(n==="a"?r[n]=e[n]:r[n]=Fe(e[n]));e=r}return v(e,t)};function _l(e){var t={r:0,g:0,b:0},r=1,n=null,a=null,o=null,i=!1,l=!1;return typeof e=="string"&&(e=Wl(e)),Ye(e)=="object"&&(D(e.r)&&D(e.g)&&D(e.b)?(t=Cl(e.r,e.g,e.b),i=!0,l=String(e.r).substr(-1)==="%"?"prgb":"rgb"):D(e.h)&&D(e.s)&&D(e.v)?(n=Fe(e.s),a=Fe(e.v),t=kl(e.h,n,a),i=!0,l="hsv"):D(e.h)&&D(e.s)&&D(e.l)&&(n=Fe(e.s),o=Fe(e.l),t=Sl(e.h,n,o),i=!0,l="hsl"),e.hasOwnProperty("a")&&(r=e.a)),r=dn(r),{ok:i,format:e.format||l,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:r}}function Cl(e,t,r){return{r:C(e,255)*255,g:C(t,255)*255,b:C(r,255)*255}}function _r(e,t,r){e=C(e,255),t=C(t,255),r=C(r,255);var n=Math.max(e,t,r),a=Math.min(e,t,r),o,i,l=(n+a)/2;if(n==a)o=i=0;else{var s=n-a;switch(i=l>.5?s/(2-n-a):s/(n+a),n){case e:o=(t-r)/s+(t<r?6:0);break;case t:o=(r-e)/s+2;break;case r:o=(e-t)/s+4;break}o/=6}return{h:o,s:i,l}}function Sl(e,t,r){var n,a,o;e=C(e,360),t=C(t,100),r=C(r,100);function i(c,p,f){return f<0&&(f+=1),f>1&&(f-=1),f<1/6?c+(p-c)*6*f:f<1/2?p:f<2/3?c+(p-c)*(2/3-f)*6:c}if(t===0)n=a=o=r;else{var l=r<.5?r*(1+t):r+t-r*t,s=2*r-l;n=i(s,l,e+1/3),a=i(s,l,e),o=i(s,l,e-1/3)}return{r:n*255,g:a*255,b:o*255}}function Cr(e,t,r){e=C(e,255),t=C(t,255),r=C(r,255);var n=Math.max(e,t,r),a=Math.min(e,t,r),o,i,l=n,s=n-a;if(i=n===0?0:s/n,n==a)o=0;else{switch(n){case e:o=(t-r)/s+(t<r?6:0);break;case t:o=(r-e)/s+2;break;case r:o=(e-t)/s+4;break}o/=6}return{h:o,s:i,v:l}}function kl(e,t,r){e=C(e,360)*6,t=C(t,100),r=C(r,100);var n=Math.floor(e),a=e-n,o=r*(1-t),i=r*(1-a*t),l=r*(1-(1-a)*t),s=n%6,c=[r,i,o,o,l,r][s],p=[l,r,r,i,o,o][s],f=[o,o,l,r,r,i][s];return{r:c*255,g:p*255,b:f*255}}function Sr(e,t,r,n){var a=[H(Math.round(e).toString(16)),H(Math.round(t).toString(16)),H(Math.round(r).toString(16))];return n&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0):a.join("")}function Ol(e,t,r,n,a){var o=[H(Math.round(e).toString(16)),H(Math.round(t).toString(16)),H(Math.round(r).toString(16)),H(bn(n))];return a&&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[3].charAt(0)==o[3].charAt(1)?o[0].charAt(0)+o[1].charAt(0)+o[2].charAt(0)+o[3].charAt(0):o.join("")}function kr(e,t,r,n){var a=[H(bn(n)),H(Math.round(e).toString(16)),H(Math.round(t).toString(16)),H(Math.round(r).toString(16))];return a.join("")}v.equals=function(e,t){return!e||!t?!1:v(e).toRgbString()==v(t).toRgbString()};v.random=function(){return v.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})};function jl(e,t){t=t===0?0:t||10;var r=v(e).toHsl();return r.s-=t/100,r.s=tt(r.s),v(r)}function Ml(e,t){t=t===0?0:t||10;var r=v(e).toHsl();return r.s+=t/100,r.s=tt(r.s),v(r)}function Rl(e){return v(e).desaturate(100)}function Fl(e,t){t=t===0?0:t||10;var r=v(e).toHsl();return r.l+=t/100,r.l=tt(r.l),v(r)}function Al(e,t){t=t===0?0:t||10;var r=v(e).toRgb();return r.r=Math.max(0,Math.min(255,r.r-Math.round(255*-(t/100)))),r.g=Math.max(0,Math.min(255,r.g-Math.round(255*-(t/100)))),r.b=Math.max(0,Math.min(255,r.b-Math.round(255*-(t/100)))),v(r)}function Bl(e,t){t=t===0?0:t||10;var r=v(e).toHsl();return r.l-=t/100,r.l=tt(r.l),v(r)}function Tl(e,t){var r=v(e).toHsl(),n=(r.h+t)%360;return r.h=n<0?360+n:n,v(r)}function Pl(e){var t=v(e).toHsl();return t.h=(t.h+180)%360,v(t)}function Or(e,t){if(isNaN(t)||t<=0)throw new Error("Argument to polyad must be a positive number");for(var r=v(e).toHsl(),n=[v(e)],a=360/t,o=1;o<t;o++)n.push(v({h:(r.h+o*a)%360,s:r.s,l:r.l}));return n}function Hl(e){var t=v(e).toHsl(),r=t.h;return[v(e),v({h:(r+72)%360,s:t.s,l:t.l}),v({h:(r+216)%360,s:t.s,l:t.l})]}function zl(e,t,r){t=t||6,r=r||30;var n=v(e).toHsl(),a=360/r,o=[v(e)];for(n.h=(n.h-(a*t>>1)+720)%360;--t;)n.h=(n.h+a)%360,o.push(v(n));return o}function Ll(e,t){t=t||6;for(var r=v(e).toHsv(),n=r.h,a=r.s,o=r.v,i=[],l=1/t;t--;)i.push(v({h:n,s:a,v:o})),o=(o+l)%1;return i}v.mix=function(e,t,r){r=r===0?0:r||50;var n=v(e).toRgb(),a=v(t).toRgb(),o=r/100,i={r:(a.r-n.r)*o+n.r,g:(a.g-n.g)*o+n.g,b:(a.b-n.b)*o+n.b,a:(a.a-n.a)*o+n.a};return v(i)};v.readability=function(e,t){var r=v(e),n=v(t);return(Math.max(r.getLuminance(),n.getLuminance())+.05)/(Math.min(r.getLuminance(),n.getLuminance())+.05)};v.isReadable=function(e,t,r){var n=v.readability(e,t),a,o;switch(o=!1,a=$l(r),a.level+a.size){case"AAsmall":case"AAAlarge":o=n>=4.5;break;case"AAlarge":o=n>=3;break;case"AAAsmall":o=n>=7;break}return o};v.mostReadable=function(e,t,r){var n=null,a=0,o,i,l,s;r=r||{},i=r.includeFallbackColors,l=r.level,s=r.size;for(var c=0;c<t.length;c++)o=v.readability(e,t[c]),o>a&&(a=o,n=v(t[c]));return v.isReadable(e,n,{level:l,size:s})||!i?n:(r.includeFallbackColors=!1,v.mostReadable(e,["#fff","#000"],r))};var bt=v.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"},Dl=v.hexNames=Nl(bt);function Nl(e){var t={};for(var r in e)e.hasOwnProperty(r)&&(t[e[r]]=r);return t}function dn(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function C(e,t){Gl(e)&&(e="100%");var r=Ul(e);return e=Math.min(t,Math.max(0,parseFloat(e))),r&&(e=parseInt(e*t,10)/100),Math.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function tt(e){return Math.min(1,Math.max(0,e))}function F(e){return parseInt(e,16)}function Gl(e){return typeof e=="string"&&e.indexOf(".")!=-1&&parseFloat(e)===1}function Ul(e){return typeof e=="string"&&e.indexOf("%")!=-1}function H(e){return e.length==1?"0"+e:""+e}function Fe(e){return e<=1&&(e=e*100+"%"),e}function bn(e){return Math.round(parseFloat(e)*255).toString(16)}function jr(e){return F(e)/255}var P=(function(){var e="[-\\+]?\\d+%?",t="[-\\+]?\\d*\\.\\d+%?",r="(?:"+t+")|(?:"+e+")",n="[\\s|\\(]+("+r+")[,|\\s]+("+r+")[,|\\s]+("+r+")\\s*\\)?",a="[\\s|\\(]+("+r+")[,|\\s]+("+r+")[,|\\s]+("+r+")[,|\\s]+("+r+")\\s*\\)?";return{CSS_UNIT:new RegExp(r),rgb:new RegExp("rgb"+n),rgba:new RegExp("rgba"+a),hsl:new RegExp("hsl"+n),hsla:new RegExp("hsla"+a),hsv:new RegExp("hsv"+n),hsva:new RegExp("hsva"+a),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 D(e){return!!P.CSS_UNIT.exec(e)}function Wl(e){e=e.replace(wl,"").replace(El,"").toLowerCase();var t=!1;if(bt[e])e=bt[e],t=!0;else if(e=="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var r;return(r=P.rgb.exec(e))?{r:r[1],g:r[2],b:r[3]}:(r=P.rgba.exec(e))?{r:r[1],g:r[2],b:r[3],a:r[4]}:(r=P.hsl.exec(e))?{h:r[1],s:r[2],l:r[3]}:(r=P.hsla.exec(e))?{h:r[1],s:r[2],l:r[3],a:r[4]}:(r=P.hsv.exec(e))?{h:r[1],s:r[2],v:r[3]}:(r=P.hsva.exec(e))?{h:r[1],s:r[2],v:r[3],a:r[4]}:(r=P.hex8.exec(e))?{r:F(r[1]),g:F(r[2]),b:F(r[3]),a:jr(r[4]),format:t?"name":"hex8"}:(r=P.hex6.exec(e))?{r:F(r[1]),g:F(r[2]),b:F(r[3]),format:t?"name":"hex"}:(r=P.hex4.exec(e))?{r:F(r[1]+""+r[1]),g:F(r[2]+""+r[2]),b:F(r[3]+""+r[3]),a:jr(r[4]+""+r[4]),format:t?"name":"hex8"}:(r=P.hex3.exec(e))?{r:F(r[1]+""+r[1]),g:F(r[2]+""+r[2]),b:F(r[3]+""+r[3]),format:t?"name":"hex"}:!1}function $l(e){var t,r;return e=e||{level:"AA",size:"small"},t=(e.level||"AA").toUpperCase(),r=(e.size||"small").toLowerCase(),t!=="AA"&&t!=="AAA"&&(t="AA"),r!=="small"&&r!=="large"&&(r="small"),{level:t,size:r}}var Mr=function(e){var t=["r","g","b","a","h","s","l","v"],r=0,n=0;return yl(t,function(a){if(e[a]&&(r+=1,isNaN(e[a])||(n+=1),a==="s"||a==="l")){var o=/^\d+%$/;o.test(e[a])&&(n+=1)}}),r===n?e:!1},Ae=function(e,t){var r=e.hex?v(e.hex):v(e),n=r.toHsl(),a=r.toHsv(),o=r.toRgb(),i=r.toHex();n.s===0&&(n.h=t||0,a.h=t||0);var l=i==="000000"&&o.a===0;return{hsl:n,hex:l?"transparent":"#"+i,rgb:o,hsv:a,oldHue:e.h||t||n.h,source:e.source}},I=function(e){if(e==="transparent")return!0;var t=String(e).charAt(0)==="#"?1:0;return e.length!==4+t&&e.length<7+t&&v(e).isValid()},Ft=function(e){if(!e)return"#fff";var t=Ae(e);if(t.hex==="transparent")return"rgba(0,0,0,0.4)";var r=(t.rgb.r*299+t.rgb.g*587+t.rgb.b*114)/1e3;return r>=128?"#000":"#fff"},pt=function(e,t){var r=e.replace("°","");return v(t+" ("+r+")")._ok},Me=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Xl=(function(){function e(t,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}})();function Vl(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Il(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 ql(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 R=function(e){var t=(function(r){ql(n,r);function n(a){Vl(this,n);var o=Il(this,(n.__proto__||Object.getPrototypeOf(n)).call(this));return o.handleChange=function(i,l){var s=Mr(i);if(s){var c=Ae(i,i.h||o.state.oldHue);o.setState(c),o.props.onChangeComplete&&o.debounce(o.props.onChangeComplete,c,l),o.props.onChange&&o.props.onChange(c,l)}},o.handleSwatchHover=function(i,l){var s=Mr(i);if(s){var c=Ae(i,i.h||o.state.oldHue);o.props.onSwatchHover&&o.props.onSwatchHover(c,l)}},o.state=Me({},Ae(a.color,0)),o.debounce=fn(function(i,l,s){i(l,s)},100),o}return Xl(n,[{key:"render",value:function(){var a={};return this.props.onSwatchHover&&(a.onSwatchHover=this.handleSwatchHover),u.createElement(e,Me({},this.props,this.state,{onChange:this.handleChange},a))}}],[{key:"getDerivedStateFromProps",value:function(a,o){return Me({},Ae(a.color,o.oldHue))}}]),n})(O.PureComponent||O.Component);return t.propTypes=Me({},e.propTypes),t.defaultProps=Me({},e.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),t},Yl=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Kl=(function(){function e(t,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}})();function Zl(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Rr(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 Ql(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 Jl=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return(function(r){Ql(n,r);function n(){var a,o,i,l;Zl(this,n);for(var s=arguments.length,c=Array(s),p=0;p<s;p++)c[p]=arguments[p];return l=(o=(i=Rr(this,(a=n.__proto__||Object.getPrototypeOf(n)).call.apply(a,[this].concat(c))),i),i.state={focus:!1},i.handleFocus=function(){return i.setState({focus:!0})},i.handleBlur=function(){return i.setState({focus:!1})},o),Rr(i,l)}return Kl(n,[{key:"render",value:function(){return u.createElement(t,{onFocus:this.handleFocus,onBlur:this.handleBlur},u.createElement(e,Yl({},this.props,this.state)))}}]),n})(u.Component)},Fr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},es=13,ts=function(e){var t=e.color,r=e.style,n=e.onClick,a=n===void 0?function(){}:n,o=e.onHover,i=e.title,l=i===void 0?t:i,s=e.children,c=e.focus,p=e.focusStyle,f=p===void 0?{}:p,h=t==="transparent",b=m({default:{swatch:Fr({background:t,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},r,c?f:{})}}),d=function(w){return a(t,w)},x=function(w){return w.keyCode===es&&a(t,w)},S=function(w){return o(t,w)},E={};return o&&(E.onMouseOver=S),u.createElement("div",Fr({style:b.swatch,onClick:d,title:l,tabIndex:0,onKeyDown:x},E),s,h&&u.createElement(Ce,{borderRadius:b.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))};const Q=Jl(ts);var rs=function(e){var t=e.direction,r=m({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:t==="vertical"});return u.createElement("div",{style:r.picker})},ns=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},gn=function(e){var t=e.rgb,r=e.hsl,n=e.width,a=e.height,o=e.onChange,i=e.direction,l=e.style,s=e.renderers,c=e.pointer,p=e.className,f=p===void 0?"":p,h=m({default:{picker:{position:"relative",width:n,height:a},alpha:{radius:"2px",style:l}}});return u.createElement("div",{style:h.picker,className:"alpha-picker "+f},u.createElement(_t,ns({},h.alpha,{rgb:t,hsl:r,pointer:c,renderers:s,onChange:o,direction:i})))};gn.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:rs};R(gn);function vn(e,t){for(var r=-1,n=e==null?0:e.length,a=Array(n);++r<n;)a[r]=t(e[r],r,e);return a}var as="__lodash_hash_undefined__";function os(e){return this.__data__.set(e,as),this}function is(e){return this.__data__.has(e)}function Ke(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new G;++t<r;)this.add(e[t])}Ke.prototype.add=Ke.prototype.push=os;Ke.prototype.has=is;function ls(e,t){for(var r=-1,n=e==null?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1}function ss(e,t){return e.has(t)}var us=1,cs=2;function xn(e,t,r,n,a,o){var i=r&us,l=e.length,s=t.length;if(l!=s&&!(i&&s>l))return!1;var c=o.get(e),p=o.get(t);if(c&&p)return c==t&&p==e;var f=-1,h=!0,b=r&cs?new Ke:void 0;for(o.set(e,t),o.set(t,e);++f<l;){var d=e[f],x=t[f];if(n)var S=i?n(x,d,f,t,e,o):n(d,x,f,e,t,o);if(S!==void 0){if(S)continue;h=!1;break}if(b){if(!ls(t,function(E,w){if(!ss(b,w)&&(d===E||a(d,E,r,n,o)))return b.push(w)})){h=!1;break}}else if(!(d===x||a(d,x,r,n,o))){h=!1;break}}return o.delete(e),o.delete(t),h}function ps(e){var t=-1,r=Array(e.size);return e.forEach(function(n,a){r[++t]=[a,n]}),r}function fs(e){var t=-1,r=Array(e.size);return e.forEach(function(n){r[++t]=n}),r}var hs=1,ds=2,bs="[object Boolean]",gs="[object Date]",vs="[object Error]",xs="[object Map]",ms="[object Number]",ys="[object RegExp]",ws="[object Set]",Es="[object String]",_s="[object Symbol]",Cs="[object ArrayBuffer]",Ss="[object DataView]",Ar=X?X.prototype:void 0,ft=Ar?Ar.valueOf:void 0;function ks(e,t,r,n,a,o,i){switch(r){case Ss:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case Cs:return!(e.byteLength!=t.byteLength||!o(new Ve(e),new Ve(t)));case bs:case gs:case ms:return Le(+e,+t);case vs:return e.name==t.name&&e.message==t.message;case ys:case Es:return e==t+"";case xs:var l=ps;case ws:var s=n&hs;if(l||(l=fs),e.size!=t.size&&!s)return!1;var c=i.get(e);if(c)return c==t;n|=ds,i.set(e,t);var p=xn(l(e),l(t),n,a,o,i);return i.delete(e),p;case _s:if(ft)return ft.call(e)==ft.call(t)}return!1}function Os(e,t){for(var r=-1,n=t.length,a=e.length;++r<n;)e[a+r]=t[r];return e}function js(e,t,r){var n=t(e);return A(e)?n:Os(n,r(e))}function Ms(e,t){for(var r=-1,n=e==null?0:e.length,a=0,o=[];++r<n;){var i=e[r];t(i,r,e)&&(o[a++]=i)}return o}function Rs(){return[]}var Fs=Object.prototype,As=Fs.propertyIsEnumerable,Br=Object.getOwnPropertySymbols,Bs=Br?function(e){return e==null?[]:(e=Object(e),Ms(Br(e),function(t){return As.call(e,t)}))}:Rs;function Tr(e){return js(e,Rt,Bs)}var Ts=1,Ps=Object.prototype,Hs=Ps.hasOwnProperty;function zs(e,t,r,n,a,o){var i=r&Ts,l=Tr(e),s=l.length,c=Tr(t),p=c.length;if(s!=p&&!i)return!1;for(var f=s;f--;){var h=l[f];if(!(i?h in t:Hs.call(t,h)))return!1}var b=o.get(e),d=o.get(t);if(b&&d)return b==t&&d==e;var x=!0;o.set(e,t),o.set(t,e);for(var S=i;++f<s;){h=l[f];var E=e[h],w=t[h];if(n)var ee=i?n(w,E,h,t,e,o):n(E,w,h,e,t,o);if(!(ee===void 0?E===w||a(E,w,r,n,o):ee)){x=!1;break}S||(S=h=="constructor")}if(x&&!S){var te=e.constructor,U=t.constructor;te!=U&&"constructor"in e&&"constructor"in t&&!(typeof te=="function"&&te instanceof te&&typeof U=="function"&&U instanceof U)&&(x=!1)}return o.delete(e),o.delete(t),x}var gt=Z(z,"DataView"),vt=Z(z,"Promise"),xt=Z(z,"Set"),mt=Z(z,"WeakMap"),Pr="[object Map]",Ls="[object Object]",Hr="[object Promise]",zr="[object Set]",Lr="[object WeakMap]",Dr="[object DataView]",Ds=K(gt),Ns=K(Pe),Gs=K(vt),Us=K(xt),Ws=K(mt),$=Y;(gt&&$(new gt(new ArrayBuffer(1)))!=Dr||Pe&&$(new Pe)!=Pr||vt&&$(vt.resolve())!=Hr||xt&&$(new xt)!=zr||mt&&$(new mt)!=Lr)&&($=function(e){var t=Y(e),r=t==Ls?e.constructor:void 0,n=r?K(r):"";if(n)switch(n){case Ds:return Dr;case Ns:return Pr;case Gs:return Hr;case Us:return zr;case Ws:return Lr}return t});var $s=1,Nr="[object Arguments]",Gr="[object Array]",Ue="[object Object]",Xs=Object.prototype,Ur=Xs.hasOwnProperty;function Vs(e,t,r,n,a,o){var i=A(e),l=A(t),s=i?Gr:$(e),c=l?Gr:$(t);s=s==Nr?Ue:s,c=c==Nr?Ue:c;var p=s==Ue,f=c==Ue,h=s==c;if(h&&qe(e)){if(!qe(t))return!1;i=!0,p=!1}if(h&&!p)return o||(o=new L),i||jt(e)?xn(e,t,r,n,a,o):ks(e,t,s,r,n,a,o);if(!(r&$s)){var b=p&&Ur.call(e,"__wrapped__"),d=f&&Ur.call(t,"__wrapped__");if(b||d){var x=b?e.value():e,S=d?t.value():t;return o||(o=new L),a(x,S,r,n,o)}}return h?(o||(o=new L),zs(e,t,r,n,a,o)):!1}function At(e,t,r,n,a){return e===t?!0:e==null||t==null||!V(e)&&!V(t)?e!==e&&t!==t:Vs(e,t,r,n,At,a)}var Is=1,qs=2;function Ys(e,t,r,n){var a=r.length,o=a;if(e==null)return!o;for(e=Object(e);a--;){var i=r[a];if(i[2]?i[1]!==e[i[0]]:!(i[0]in e))return!1}for(;++a<o;){i=r[a];var l=i[0],s=e[l],c=i[1];if(i[2]){if(s===void 0&&!(l in e))return!1}else{var p=new L,f;if(!(f===void 0?At(c,s,Is|qs,n,p):f))return!1}}return!0}function mn(e){return e===e&&!B(e)}function Ks(e){for(var t=Rt(e),r=t.length;r--;){var n=t[r],a=e[n];t[r]=[n,a,mn(a)]}return t}function yn(e,t){return function(r){return r==null?!1:r[e]===t&&(t!==void 0||e in Object(r))}}function Zs(e){var t=Ks(e);return t.length==1&&t[0][2]?yn(t[0][0],t[0][1]):function(r){return r===e||Ys(r,e,t)}}var Qs=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Js=/^\w*$/;function Bt(e,t){if(A(e))return!1;var r=typeof e;return r=="number"||r=="symbol"||r=="boolean"||e==null||et(e)?!0:Js.test(e)||!Qs.test(e)||t!=null&&e in Object(t)}var eu="Expected a function";function Tt(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(eu);var r=function(){var n=arguments,a=t?t.apply(this,n):n[0],o=r.cache;if(o.has(a))return o.get(a);var i=e.apply(this,n);return r.cache=o.set(a,i)||o,i};return r.cache=new(Tt.Cache||G),r}Tt.Cache=G;var tu=500;function ru(e){var t=Tt(e,function(n){return r.size===tu&&r.clear(),n}),r=t.cache;return t}var nu=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,au=/\\(\\)?/g,ou=ru(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(nu,function(r,n,a,o){t.push(a?o.replace(au,"$1"):n||r)}),t}),Wr=X?X.prototype:void 0,$r=Wr?Wr.toString:void 0;function wn(e){if(typeof e=="string")return e;if(A(e))return vn(e,wn)+"";if(et(e))return $r?$r.call(e):"";var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}function iu(e){return e==null?"":wn(e)}function En(e,t){return A(e)?e:Bt(e,t)?[e]:ou(iu(e))}function rt(e){if(typeof e=="string"||et(e))return e;var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}function _n(e,t){t=En(t,e);for(var r=0,n=t.length;e!=null&&r<n;)e=e[rt(t[r++])];return r&&r==n?e:void 0}function lu(e,t,r){var n=e==null?void 0:_n(e,t);return n===void 0?r:n}function su(e,t){return e!=null&&t in Object(e)}function uu(e,t,r){t=En(t,e);for(var n=-1,a=t.length,o=!1;++n<a;){var i=rt(t[n]);if(!(o=e!=null&&r(e,i)))break;e=e[i]}return o||++n!=a?o:(a=e==null?0:e.length,!!a&&Ot(a)&&Mt(i,a)&&(A(e)||Ie(e)))}function cu(e,t){return e!=null&&uu(e,t,su)}var pu=1,fu=2;function hu(e,t){return Bt(e)&&mn(t)?yn(rt(e),t):function(r){var n=lu(r,e);return n===void 0&&n===t?cu(r,e):At(t,n,pu|fu)}}function du(e){return function(t){return t?.[e]}}function bu(e){return function(t){return _n(t,e)}}function gu(e){return Bt(e)?du(rt(e)):bu(e)}function vu(e){return typeof e=="function"?e:e==null?Je:typeof e=="object"?A(e)?hu(e[0],e[1]):Zs(e):gu(e)}function xu(e,t){var r=-1,n=ke(e)?Array(e.length):[];return hn(e,function(a,o,i){n[++r]=t(a,o,i)}),n}function J(e,t){var r=A(e)?vn:xu;return r(e,vu(t))}var mu=function(e){var t=e.colors,r=e.onClick,n=e.onSwatchHover,a=m({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return u.createElement("div",{style:a.swatches},J(t,function(o){return u.createElement(Q,{key:o,color:o,style:a.swatch,onClick:r,onHover:n,focusStyle:{boxShadow:"0 0 4px "+o}})}),u.createElement("div",{style:a.clear}))},Pt=function(e){var t=e.onChange,r=e.onSwatchHover,n=e.hex,a=e.colors,o=e.width,i=e.triangle,l=e.styles,s=l===void 0?{}:l,c=e.className,p=c===void 0?"":c,f=n==="transparent",h=function(d,x){I(d)&&t({hex:d,source:"hex"},x)},b=m(M({default:{card:{width:o,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:n,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:Ft(n),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+n+" 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"}}},s),{"hide-triangle":i==="hide"});return u.createElement("div",{style:b.card,className:"block-picker "+p},u.createElement("div",{style:b.triangle}),u.createElement("div",{style:b.head},f&&u.createElement(Ce,{borderRadius:"6px 6px 0 0"}),u.createElement("div",{style:b.label},n)),u.createElement("div",{style:b.body},u.createElement(mu,{colors:a,onClick:h,onSwatchHover:r}),u.createElement(y,{style:{input:b.input},value:n,onChange:h})))};Pt.propTypes={width:g.oneOfType([g.string,g.number]),colors:g.arrayOf(g.string),triangle:g.oneOf(["top","hide"]),styles:g.object};Pt.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}};R(Pt);var le={100:"#ffcdd2",300:"#e57373",500:"#f44336",700:"#d32f2f",900:"#b71c1c"},se={100:"#f8bbd0",300:"#f06292",500:"#e91e63",700:"#c2185b",900:"#880e4f"},ue={100:"#e1bee7",300:"#ba68c8",500:"#9c27b0",700:"#7b1fa2",900:"#4a148c"},ce={100:"#d1c4e9",300:"#9575cd",500:"#673ab7",700:"#512da8",900:"#311b92"},pe={100:"#c5cae9",300:"#7986cb",500:"#3f51b5",700:"#303f9f",900:"#1a237e"},fe={100:"#bbdefb",300:"#64b5f6",500:"#2196f3",700:"#1976d2",900:"#0d47a1"},he={100:"#b3e5fc",300:"#4fc3f7",500:"#03a9f4",700:"#0288d1",900:"#01579b"},de={100:"#b2ebf2",300:"#4dd0e1",500:"#00bcd4",700:"#0097a7",900:"#006064"},be={100:"#b2dfdb",300:"#4db6ac",500:"#009688",700:"#00796b",900:"#004d40"},Be={100:"#c8e6c9",300:"#81c784",500:"#4caf50",700:"#388e3c"},ge={100:"#dcedc8",300:"#aed581",500:"#8bc34a",700:"#689f38",900:"#33691e"},ve={100:"#f0f4c3",300:"#dce775",500:"#cddc39",700:"#afb42b",900:"#827717"},xe={100:"#fff9c4",300:"#fff176",500:"#ffeb3b",700:"#fbc02d",900:"#f57f17"},me={100:"#ffecb3",300:"#ffd54f",500:"#ffc107",700:"#ffa000",900:"#ff6f00"},ye={100:"#ffe0b2",300:"#ffb74d",500:"#ff9800",700:"#f57c00",900:"#e65100"},we={100:"#ffccbc",300:"#ff8a65",500:"#ff5722",700:"#e64a19",900:"#bf360c"},Ee={100:"#d7ccc8",300:"#a1887f",500:"#795548",700:"#5d4037",900:"#3e2723"},_e={100:"#cfd8dc",300:"#90a4ae",500:"#607d8b",700:"#455a64",900:"#263238"},Cn=function(e){var t=e.color,r=e.onClick,n=e.onSwatchHover,a=e.hover,o=e.active,i=e.circleSize,l=e.circleSpacing,s=m({default:{swatch:{width:i,height:i,marginRight:l,marginBottom:l,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(i/2+1)+"px "+t,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+t}}},{hover:a,active:o});return u.createElement("div",{style:s.swatch},u.createElement(Q,{style:s.Swatch,color:t,onClick:r,onHover:n,focusStyle:{boxShadow:s.Swatch.boxShadow+", 0 0 5px "+t}}))};Cn.defaultProps={circleSize:28,circleSpacing:14};const yu=Et.handleHover(Cn);var Ht=function(e){var t=e.width,r=e.onChange,n=e.onSwatchHover,a=e.colors,o=e.hex,i=e.circleSize,l=e.styles,s=l===void 0?{}:l,c=e.circleSpacing,p=e.className,f=p===void 0?"":p,h=m(M({default:{card:{width:t,display:"flex",flexWrap:"wrap",marginRight:-c,marginBottom:-c}}},s)),b=function(d,x){return r({hex:d,source:"hex"},x)};return u.createElement("div",{style:h.card,className:"circle-picker "+f},J(a,function(d){return u.createElement(yu,{key:d,color:d,onClick:b,onSwatchHover:n,active:o===d.toLowerCase(),circleSize:i,circleSpacing:c})}))};Ht.propTypes={width:g.oneOfType([g.string,g.number]),circleSize:g.number,circleSpacing:g.number,styles:g.object};Ht.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[le[500],se[500],ue[500],ce[500],pe[500],fe[500],he[500],de[500],be[500],Be[500],ge[500],ve[500],xe[500],me[500],ye[500],we[500],Ee[500],_e[500]],styles:{}};R(Ht);function Xr(e){return e===void 0}var We={},Vr;function wu(){if(Vr)return We;Vr=1,Object.defineProperty(We,"__esModule",{value:!0});var e=Object.assign||function(i){for(var l=1;l<arguments.length;l++){var s=arguments[l];for(var c in s)Object.prototype.hasOwnProperty.call(s,c)&&(i[c]=s[c])}return i},t=u,r=n(t);function n(i){return i&&i.__esModule?i:{default:i}}function a(i,l){var s={};for(var c in i)l.indexOf(c)>=0||Object.prototype.hasOwnProperty.call(i,c)&&(s[c]=i[c]);return s}var o=24;return We.default=function(i){var l=i.fill,s=l===void 0?"currentColor":l,c=i.width,p=c===void 0?o:c,f=i.height,h=f===void 0?o:f,b=i.style,d=b===void 0?{}:b,x=a(i,["fill","width","height","style"]);return r.default.createElement("svg",e({viewBox:"0 0 "+o+" "+o,style:e({fill:s,width:p,height:h},d)},x),r.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"}))},We}var Eu=wu();const _u=yt(Eu);var Cu=(function(){function e(t,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}})();function Su(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ku(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 Ou(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 Sn=(function(e){Ou(t,e);function t(r){Su(this,t);var n=ku(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return n.toggleViews=function(){n.state.view==="hex"?n.setState({view:"rgb"}):n.state.view==="rgb"?n.setState({view:"hsl"}):n.state.view==="hsl"&&(n.props.hsl.a===1?n.setState({view:"hex"}):n.setState({view:"rgb"}))},n.handleChange=function(a,o){a.hex?I(a.hex)&&n.props.onChange({hex:a.hex,source:"hex"},o):a.r||a.g||a.b?n.props.onChange({r:a.r||n.props.rgb.r,g:a.g||n.props.rgb.g,b:a.b||n.props.rgb.b,source:"rgb"},o):a.a?(a.a<0?a.a=0:a.a>1&&(a.a=1),n.props.onChange({h:n.props.hsl.h,s:n.props.hsl.s,l:n.props.hsl.l,a:Math.round(a.a*100)/100,source:"rgb"},o)):(a.h||a.s||a.l)&&(typeof a.s=="string"&&a.s.includes("%")&&(a.s=a.s.replace("%","")),typeof a.l=="string"&&a.l.includes("%")&&(a.l=a.l.replace("%","")),a.s==1?a.s=.01:a.l==1&&(a.l=.01),n.props.onChange({h:a.h||n.props.hsl.h,s:Number(Xr(a.s)?n.props.hsl.s:a.s),l:Number(Xr(a.l)?n.props.hsl.l:a.l),source:"hsl"},o))},n.showHighlight=function(a){a.currentTarget.style.background="#eee"},n.hideHighlight=function(a){a.currentTarget.style.background="transparent"},r.hsl.a!==1&&r.view==="hex"?n.state={view:"rgb"}:n.state={view:r.view},n}return Cu(t,[{key:"render",value:function(){var r=this,n=m({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),a=void 0;return this.state.view==="hex"?a=u.createElement("div",{style:n.fields,className:"flexbox-fix"},u.createElement("div",{style:n.field},u.createElement(y,{style:{input:n.input,label:n.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?a=u.createElement("div",{style:n.fields,className:"flexbox-fix"},u.createElement("div",{style:n.field},u.createElement(y,{style:{input:n.input,label:n.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),u.createElement("div",{style:n.field},u.createElement(y,{style:{input:n.input,label:n.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),u.createElement("div",{style:n.field},u.createElement(y,{style:{input:n.input,label:n.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),u.createElement("div",{style:n.alpha},u.createElement(y,{style:{input:n.input,label:n.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(a=u.createElement("div",{style:n.fields,className:"flexbox-fix"},u.createElement("div",{style:n.field},u.createElement(y,{style:{input:n.input,label:n.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),u.createElement("div",{style:n.field},u.createElement(y,{style:{input:n.input,label:n.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),u.createElement("div",{style:n.field},u.createElement(y,{style:{input:n.input,label:n.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),u.createElement("div",{style:n.alpha},u.createElement(y,{style:{input:n.input,label:n.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),u.createElement("div",{style:n.wrap,className:"flexbox-fix"},a,u.createElement("div",{style:n.toggle},u.createElement("div",{style:n.icon,onClick:this.toggleViews,ref:function(o){return r.icon=o}},u.createElement(_u,{style:n.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(r,n){return r.hsl.a!==1&&n.view==="hex"?{view:"rgb"}:null}}]),t})(u.Component);Sn.defaultProps={view:"hex"};var Ir=function(){var e=m({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 u.createElement("div",{style:e.picker})},ju=function(){var e=m({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return u.createElement("div",{style:e.picker})},zt=function(e){var t=e.width,r=e.onChange,n=e.disableAlpha,a=e.rgb,o=e.hsl,i=e.hsv,l=e.hex,s=e.renderers,c=e.styles,p=c===void 0?{}:c,f=e.className,h=f===void 0?"":f,b=e.defaultView,d=m(M({default:{picker:{width:t,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("+a.r+", "+a.g+", "+a.b+", "+a.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"}}},p),{disableAlpha:n});return u.createElement("div",{style:d.picker,className:"chrome-picker "+h},u.createElement("div",{style:d.saturation},u.createElement(Ne,{style:d.Saturation,hsl:o,hsv:i,pointer:ju,onChange:r})),u.createElement("div",{style:d.body},u.createElement("div",{style:d.controls,className:"flexbox-fix"},u.createElement("div",{style:d.color},u.createElement("div",{style:d.swatch},u.createElement("div",{style:d.active}),u.createElement(Ce,{renderers:s}))),u.createElement("div",{style:d.toggles},u.createElement("div",{style:d.hue},u.createElement(Se,{style:d.Hue,hsl:o,pointer:Ir,onChange:r})),u.createElement("div",{style:d.alpha},u.createElement(_t,{style:d.Alpha,rgb:a,hsl:o,pointer:Ir,renderers:s,onChange:r})))),u.createElement(Sn,{rgb:a,hsl:o,hex:l,view:b,onChange:r,disableAlpha:n})))};zt.propTypes={width:g.oneOfType([g.string,g.number]),disableAlpha:g.bool,styles:g.object,defaultView:g.oneOf(["hex","rgb","hsl"])};zt.defaultProps={width:225,disableAlpha:!1,styles:{}};const Mu=R(zt);var Ru=function(e){var t=e.color,r=e.onClick,n=r===void 0?function(){}:r,a=e.onSwatchHover,o=e.active,i=m({default:{color:{background:t,width:"15px",height:"15px",float:"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:Ft(t),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:o,"color-#FFFFFF":t==="#FFFFFF",transparent:t==="transparent"});return u.createElement(Q,{style:i.color,color:t,onClick:n,onHover:a,focusStyle:{boxShadow:"0 0 4px "+t}},u.createElement("div",{style:i.dot}))},Fu=function(e){var t=e.hex,r=e.rgb,n=e.onChange,a=m({default:{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:t},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"}}}),o=function(i,l){i.r||i.g||i.b?n({r:i.r||r.r,g:i.g||r.g,b:i.b||r.b,source:"rgb"},l):n({hex:i.hex,source:"hex"},l)};return u.createElement("div",{style:a.fields,className:"flexbox-fix"},u.createElement("div",{style:a.active}),u.createElement(y,{style:{wrap:a.HEXwrap,input:a.HEXinput,label:a.HEXlabel},label:"hex",value:t,onChange:o}),u.createElement(y,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"r",value:r.r,onChange:o}),u.createElement(y,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"g",value:r.g,onChange:o}),u.createElement(y,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"b",value:r.b,onChange:o}))},Lt=function(e){var t=e.onChange,r=e.onSwatchHover,n=e.colors,a=e.hex,o=e.rgb,i=e.styles,l=i===void 0?{}:i,s=e.className,c=s===void 0?"":s,p=m(M({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},l)),f=function(h,b){h.hex?I(h.hex)&&t({hex:h.hex,source:"hex"},b):t(h,b)};return u.createElement(De,{style:p.Compact,styles:l},u.createElement("div",{style:p.compact,className:"compact-picker "+c},u.createElement("div",null,J(n,function(h){return u.createElement(Ru,{key:h,color:h,active:h.toLowerCase()===a,onClick:f,onSwatchHover:r})}),u.createElement("div",{style:p.clear})),u.createElement(Fu,{hex:a,rgb:o,onChange:f})))};Lt.propTypes={colors:g.arrayOf(g.string),styles:g.object};Lt.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:{}};R(Lt);var Au=function(e){var t=e.hover,r=e.color,n=e.onClick,a=e.onSwatchHover,o={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},i=m({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:o}},{hover:t});return u.createElement("div",{style:i.swatch},u.createElement(Q,{color:r,onClick:n,onHover:a,focusStyle:o}))};const Bu=Et.handleHover(Au);var Dt=function(e){var t=e.width,r=e.colors,n=e.onChange,a=e.onSwatchHover,o=e.triangle,i=e.styles,l=i===void 0?{}:i,s=e.className,c=s===void 0?"":s,p=m(M({default:{card:{width:t,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":o==="hide","top-left-triangle":o==="top-left","top-right-triangle":o==="top-right","bottom-left-triangle":o==="bottom-left","bottom-right-triangle":o==="bottom-right"}),f=function(h,b){return n({hex:h,source:"hex"},b)};return u.createElement("div",{style:p.card,className:"github-picker "+c},u.createElement("div",{style:p.triangleShadow}),u.createElement("div",{style:p.triangle}),J(r,function(h){return u.createElement(Bu,{color:h,key:h,onClick:f,onSwatchHover:a})}))};Dt.propTypes={width:g.oneOfType([g.string,g.number]),colors:g.arrayOf(g.string),triangle:g.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:g.object};Dt.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};R(Dt);var Tu=function(e){var t=e.direction,r=m({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:t==="vertical"});return u.createElement("div",{style:r.picker})},Pu=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Nt=function(e){var t=e.width,r=e.height,n=e.onChange,a=e.hsl,o=e.direction,i=e.pointer,l=e.styles,s=l===void 0?{}:l,c=e.className,p=c===void 0?"":c,f=m(M({default:{picker:{position:"relative",width:t,height:r},hue:{radius:"2px"}}},s)),h=function(b){return n({a:1,h:b.h,l:.5,s:1})};return u.createElement("div",{style:f.picker,className:"hue-picker "+p},u.createElement(Se,Pu({},f.hue,{hsl:a,pointer:i,onChange:h,direction:o})))};Nt.propTypes={styles:g.object};Nt.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:Tu,styles:{}};R(Nt);var Hu=function(e){var t=e.onChange,r=e.hex,n=e.rgb,a=e.styles,o=a===void 0?{}:a,i=e.className,l=i===void 0?"":i,s=m(M({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"}}},o)),c=function(p,f){p.hex?I(p.hex)&&t({hex:p.hex,source:"hex"},f):(p.r||p.g||p.b)&&t({r:p.r||n.r,g:p.g||n.g,b:p.b||n.b,source:"rgb"},f)};return u.createElement(De,{styles:o},u.createElement("div",{style:s.material,className:"material-picker "+l},u.createElement(y,{style:{wrap:s.HEXwrap,input:s.HEXinput,label:s.HEXlabel},label:"hex",value:r,onChange:c}),u.createElement("div",{style:s.split,className:"flexbox-fix"},u.createElement("div",{style:s.third},u.createElement(y,{style:{wrap:s.RGBwrap,input:s.RGBinput,label:s.RGBlabel},label:"r",value:n.r,onChange:c})),u.createElement("div",{style:s.third},u.createElement(y,{style:{wrap:s.RGBwrap,input:s.RGBinput,label:s.RGBlabel},label:"g",value:n.g,onChange:c})),u.createElement("div",{style:s.third},u.createElement(y,{style:{wrap:s.RGBwrap,input:s.RGBinput,label:s.RGBlabel},label:"b",value:n.b,onChange:c})))))};R(Hu);var zu=function(e){var t=e.onChange,r=e.rgb,n=e.hsv,a=e.hex,o=m({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"}}}),i=function(l,s){l["#"]?I(l["#"])&&t({hex:l["#"],source:"hex"},s):l.r||l.g||l.b?t({r:l.r||r.r,g:l.g||r.g,b:l.b||r.b,source:"rgb"},s):(l.h||l.s||l.v)&&t({h:l.h||n.h,s:l.s||n.s,v:l.v||n.v,source:"hsv"},s)};return u.createElement("div",{style:o.fields},u.createElement(y,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"h",value:Math.round(n.h),onChange:i}),u.createElement(y,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"s",value:Math.round(n.s*100),onChange:i}),u.createElement(y,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"v",value:Math.round(n.v*100),onChange:i}),u.createElement("div",{style:o.divider}),u.createElement(y,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"r",value:r.r,onChange:i}),u.createElement(y,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"g",value:r.g,onChange:i}),u.createElement(y,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"b",value:r.b,onChange:i}),u.createElement("div",{style:o.divider}),u.createElement(y,{style:{wrap:o.HEXwrap,input:o.HEXinput,label:o.HEXlabel},label:"#",value:a.replace("#",""),onChange:i}),u.createElement("div",{style:o.fieldSymbols},u.createElement("div",{style:o.symbol},"°"),u.createElement("div",{style:o.symbol},"%"),u.createElement("div",{style:o.symbol},"%")))},Lu=function(e){var t=e.hsl,r=m({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":t.l>.5});return u.createElement("div",{style:r.picker})},Du=function(){var e=m({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 u.createElement("div",{style:e.pointer},u.createElement("div",{style:e.left},u.createElement("div",{style:e.leftInside})),u.createElement("div",{style:e.right},u.createElement("div",{style:e.rightInside})))},qr=function(e){var t=e.onClick,r=e.label,n=e.children,a=e.active,o=m({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:a});return u.createElement("div",{style:o.button,onClick:t},r||n)},Nu=function(e){var t=e.rgb,r=e.currentColor,n=m({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+t.r+","+t.g+", "+t.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 u.createElement("div",null,u.createElement("div",{style:n.label},"new"),u.createElement("div",{style:n.swatches},u.createElement("div",{style:n.new}),u.createElement("div",{style:n.current})),u.createElement("div",{style:n.label},"current"))},Gu=(function(){function e(t,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}})();function Uu(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Wu(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 $u(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 Gt=(function(e){$u(t,e);function t(r){Uu(this,t);var n=Wu(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return n.state={currentColor:r.hex},n}return Gu(t,[{key:"render",value:function(){var r=this.props,n=r.styles,a=n===void 0?{}:n,o=r.className,i=o===void 0?"":o,l=m(M({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"}}},a));return u.createElement("div",{style:l.picker,className:"photoshop-picker "+i},u.createElement("div",{style:l.head},this.props.header),u.createElement("div",{style:l.body,className:"flexbox-fix"},u.createElement("div",{style:l.saturation},u.createElement(Ne,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:Lu,onChange:this.props.onChange})),u.createElement("div",{style:l.hue},u.createElement(Se,{direction:"vertical",hsl:this.props.hsl,pointer:Du,onChange:this.props.onChange})),u.createElement("div",{style:l.controls},u.createElement("div",{style:l.top,className:"flexbox-fix"},u.createElement("div",{style:l.previews},u.createElement(Nu,{rgb:this.props.rgb,currentColor:this.state.currentColor})),u.createElement("div",{style:l.actions},u.createElement(qr,{label:"OK",onClick:this.props.onAccept,active:!0}),u.createElement(qr,{label:"Cancel",onClick:this.props.onCancel}),u.createElement(zu,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),t})(u.Component);Gt.propTypes={header:g.string,styles:g.object};Gt.defaultProps={header:"Color Picker",styles:{}};R(Gt);var Xu=function(e){var t=e.onChange,r=e.rgb,n=e.hsl,a=e.hex,o=e.disableAlpha,i=m({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:o}),l=function(s,c){s.hex?I(s.hex)&&t({hex:s.hex,source:"hex"},c):s.r||s.g||s.b?t({r:s.r||r.r,g:s.g||r.g,b:s.b||r.b,a:r.a,source:"rgb"},c):s.a&&(s.a<0?s.a=0:s.a>100&&(s.a=100),s.a/=100,t({h:n.h,s:n.s,l:n.l,a:s.a,source:"rgb"},c))};return u.createElement("div",{style:i.fields,className:"flexbox-fix"},u.createElement("div",{style:i.double},u.createElement(y,{style:{input:i.input,label:i.label},label:"hex",value:a.replace("#",""),onChange:l})),u.createElement("div",{style:i.single},u.createElement(y,{style:{input:i.input,label:i.label},label:"r",value:r.r,onChange:l,dragLabel:"true",dragMax:"255"})),u.createElement("div",{style:i.single},u.createElement(y,{style:{input:i.input,label:i.label},label:"g",value:r.g,onChange:l,dragLabel:"true",dragMax:"255"})),u.createElement("div",{style:i.single},u.createElement(y,{style:{input:i.input,label:i.label},label:"b",value:r.b,onChange:l,dragLabel:"true",dragMax:"255"})),u.createElement("div",{style:i.alpha},u.createElement(y,{style:{input:i.input,label:i.label},label:"a",value:Math.round(r.a*100),onChange:l,dragLabel:"true",dragMax:"100"})))},Vu=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},kn=function(e){var t=e.colors,r=e.onClick,n=r===void 0?function(){}:r,a=e.onSwatchHover,o=m({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":!t||!t.length}),i=function(l,s){n({hex:l,source:"hex"},s)};return u.createElement("div",{style:o.colors,className:"flexbox-fix"},t.map(function(l){var s=typeof l=="string"?{color:l}:l,c=""+s.color+(s.title||"");return u.createElement("div",{key:c,style:o.swatchWrap},u.createElement(Q,Vu({},s,{style:o.swatch,onClick:i,onHover:a,focusStyle:{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px "+s.color}})))}))};kn.propTypes={colors:g.arrayOf(g.oneOfType([g.string,g.shape({color:g.string,title:g.string})])).isRequired};var Iu=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ut=function(e){var t=e.width,r=e.rgb,n=e.hex,a=e.hsv,o=e.hsl,i=e.onChange,l=e.onSwatchHover,s=e.disableAlpha,c=e.presetColors,p=e.renderers,f=e.styles,h=f===void 0?{}:f,b=e.className,d=b===void 0?"":b,x=m(M({default:Iu({picker:{width:t,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:s});return u.createElement("div",{style:x.picker,className:"sketch-picker "+d},u.createElement("div",{style:x.saturation},u.createElement(Ne,{style:x.Saturation,hsl:o,hsv:a,onChange:i})),u.createElement("div",{style:x.controls,className:"flexbox-fix"},u.createElement("div",{style:x.sliders},u.createElement("div",{style:x.hue},u.createElement(Se,{style:x.Hue,hsl:o,onChange:i})),u.createElement("div",{style:x.alpha},u.createElement(_t,{style:x.Alpha,rgb:r,hsl:o,renderers:p,onChange:i}))),u.createElement("div",{style:x.color},u.createElement(Ce,null),u.createElement("div",{style:x.activeColor}))),u.createElement(Xu,{rgb:r,hsl:o,hex:n,onChange:i,disableAlpha:s}),u.createElement(kn,{colors:c,onClick:i,onSwatchHover:l}))};Ut.propTypes={disableAlpha:g.bool,width:g.oneOfType([g.string,g.number]),styles:g.object};Ut.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]};R(Ut);var Re=function(e){var t=e.hsl,r=e.offset,n=e.onClick,a=n===void 0?function(){}:n,o=e.active,i=e.first,l=e.last,s=m({default:{swatch:{height:"12px",background:"hsl("+t.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:o,first:i,last:l}),c=function(p){return a({h:t.h,s:.5,l:r,source:"hsl"},p)};return u.createElement("div",{style:s.swatch,onClick:c})},qu=function(e){var t=e.onClick,r=e.hsl,n=m({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}}),a=.1;return u.createElement("div",{style:n.swatches},u.createElement("div",{style:n.swatch},u.createElement(Re,{hsl:r,offset:".80",active:Math.abs(r.l-.8)<a&&Math.abs(r.s-.5)<a,onClick:t,first:!0})),u.createElement("div",{style:n.swatch},u.createElement(Re,{hsl:r,offset:".65",active:Math.abs(r.l-.65)<a&&Math.abs(r.s-.5)<a,onClick:t})),u.createElement("div",{style:n.swatch},u.createElement(Re,{hsl:r,offset:".50",active:Math.abs(r.l-.5)<a&&Math.abs(r.s-.5)<a,onClick:t})),u.createElement("div",{style:n.swatch},u.createElement(Re,{hsl:r,offset:".35",active:Math.abs(r.l-.35)<a&&Math.abs(r.s-.5)<a,onClick:t})),u.createElement("div",{style:n.swatch},u.createElement(Re,{hsl:r,offset:".20",active:Math.abs(r.l-.2)<a&&Math.abs(r.s-.5)<a,onClick:t,last:!0})),u.createElement("div",{style:n.clear}))},Yu=function(){var e=m({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 u.createElement("div",{style:e.picker})},Wt=function(e){var t=e.hsl,r=e.onChange,n=e.pointer,a=e.styles,o=a===void 0?{}:a,i=e.className,l=i===void 0?"":i,s=m(M({default:{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}},o));return u.createElement("div",{style:s.wrap||{},className:"slider-picker "+l},u.createElement("div",{style:s.hue},u.createElement(Se,{style:s.Hue,hsl:t,pointer:n,onChange:r})),u.createElement("div",{style:s.swatches},u.createElement(qu,{hsl:t,onClick:r})))};Wt.propTypes={styles:g.object};Wt.defaultProps={pointer:Yu,styles:{}};R(Wt);var $e={},Yr;function Ku(){if(Yr)return $e;Yr=1,Object.defineProperty($e,"__esModule",{value:!0});var e=Object.assign||function(i){for(var l=1;l<arguments.length;l++){var s=arguments[l];for(var c in s)Object.prototype.hasOwnProperty.call(s,c)&&(i[c]=s[c])}return i},t=u,r=n(t);function n(i){return i&&i.__esModule?i:{default:i}}function a(i,l){var s={};for(var c in i)l.indexOf(c)>=0||Object.prototype.hasOwnProperty.call(i,c)&&(s[c]=i[c]);return s}var o=24;return $e.default=function(i){var l=i.fill,s=l===void 0?"currentColor":l,c=i.width,p=c===void 0?o:c,f=i.height,h=f===void 0?o:f,b=i.style,d=b===void 0?{}:b,x=a(i,["fill","width","height","style"]);return r.default.createElement("svg",e({viewBox:"0 0 "+o+" "+o,style:e({fill:s,width:p,height:h},d)},x),r.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))},$e}var Zu=Ku();const Qu=yt(Zu);var Ju=function(e){var t=e.color,r=e.onClick,n=r===void 0?function(){}:r,a=e.onSwatchHover,o=e.first,i=e.last,l=e.active,s=m({default:{color:{width:"40px",height:"24px",cursor:"pointer",background:t,marginBottom:"1px"},check:{color:Ft(t),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:o,last:i,active:l,"color-#FFFFFF":t==="#FFFFFF",transparent:t==="transparent"});return u.createElement(Q,{color:t,style:s.color,onClick:n,onHover:a,focusStyle:{boxShadow:"0 0 4px "+t}},u.createElement("div",{style:s.check},u.createElement(Qu,null)))},ec=function(e){var t=e.onClick,r=e.onSwatchHover,n=e.group,a=e.active,o=m({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return u.createElement("div",{style:o.group},J(n,function(i,l){return u.createElement(Ju,{key:i,color:i,active:i.toLowerCase()===a,first:l===0,last:l===n.length-1,onClick:t,onSwatchHover:r})}))},$t=function(e){var t=e.width,r=e.height,n=e.onChange,a=e.onSwatchHover,o=e.colors,i=e.hex,l=e.styles,s=l===void 0?{}:l,c=e.className,p=c===void 0?"":c,f=m(M({default:{picker:{width:t,height:r},overflow:{height:r,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}},s)),h=function(b,d){return n({hex:b,source:"hex"},d)};return u.createElement("div",{style:f.picker,className:"swatches-picker "+p},u.createElement(De,null,u.createElement("div",{style:f.overflow},u.createElement("div",{style:f.body},J(o,function(b){return u.createElement(ec,{key:b.toString(),group:b,active:i,onClick:h,onSwatchHover:a})}),u.createElement("div",{style:f.clear})))))};$t.propTypes={width:g.oneOfType([g.string,g.number]),height:g.oneOfType([g.string,g.number]),colors:g.arrayOf(g.arrayOf(g.string)),styles:g.object};$t.defaultProps={width:320,height:240,colors:[[le[900],le[700],le[500],le[300],le[100]],[se[900],se[700],se[500],se[300],se[100]],[ue[900],ue[700],ue[500],ue[300],ue[100]],[ce[900],ce[700],ce[500],ce[300],ce[100]],[pe[900],pe[700],pe[500],pe[300],pe[100]],[fe[900],fe[700],fe[500],fe[300],fe[100]],[he[900],he[700],he[500],he[300],he[100]],[de[900],de[700],de[500],de[300],de[100]],[be[900],be[700],be[500],be[300],be[100]],["#194D33",Be[700],Be[500],Be[300],Be[100]],[ge[900],ge[700],ge[500],ge[300],ge[100]],[ve[900],ve[700],ve[500],ve[300],ve[100]],[xe[900],xe[700],xe[500],xe[300],xe[100]],[me[900],me[700],me[500],me[300],me[100]],[ye[900],ye[700],ye[500],ye[300],ye[100]],[we[900],we[700],we[500],we[300],we[100]],[Ee[900],Ee[700],Ee[500],Ee[300],Ee[100]],[_e[900],_e[700],_e[500],_e[300],_e[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]],styles:{}};R($t);var Xt=function(e){var t=e.onChange,r=e.onSwatchHover,n=e.hex,a=e.colors,o=e.width,i=e.triangle,l=e.styles,s=l===void 0?{}:l,c=e.className,p=c===void 0?"":c,f=m(M({default:{card:{width:o,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"}}},s),{"hide-triangle":i==="hide","top-left-triangle":i==="top-left","top-right-triangle":i==="top-right"}),h=function(b,d){I(b)&&t({hex:b,source:"hex"},d)};return u.createElement("div",{style:f.card,className:"twitter-picker "+p},u.createElement("div",{style:f.triangleShadow}),u.createElement("div",{style:f.triangle}),u.createElement("div",{style:f.body},J(a,function(b,d){return u.createElement(Q,{key:d,color:b,hex:b,style:f.swatch,onClick:h,onHover:r,focusStyle:{boxShadow:"0 0 4px "+b}})}),u.createElement("div",{style:f.hash},"#"),u.createElement(y,{label:null,style:{input:f.input},value:n.replace("#",""),onChange:h}),u.createElement("div",{style:f.clear})))};Xt.propTypes={width:g.oneOfType([g.string,g.number]),triangle:g.oneOf(["hide","top-left","top-right"]),colors:g.arrayOf(g.string),styles:g.object};Xt.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}};R(Xt);var Vt=function(e){var t=m({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(e.hsl.h)+", "+Math.round(e.hsl.s*100)+"%, "+Math.round(e.hsl.l*100)+"%)"}}});return u.createElement("div",{style:t.picker})};Vt.propTypes={hsl:g.shape({h:g.number,s:g.number,l:g.number,a:g.number})};Vt.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var It=function(e){var t=m({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(e.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return u.createElement("div",{style:t.picker})};It.propTypes={hsl:g.shape({h:g.number,s:g.number,l:g.number,a:g.number})};It.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var tc=function(e){var t=e.onChange,r=e.rgb,n=e.hsl,a=e.hex,o=e.hsv,i=function(f,h){if(f.hex)I(f.hex)&&t({hex:f.hex,source:"hex"},h);else if(f.rgb){var b=f.rgb.split(",");pt(f.rgb,"rgb")&&t({r:b[0],g:b[1],b:b[2],a:1,source:"rgb"},h)}else if(f.hsv){var d=f.hsv.split(",");pt(f.hsv,"hsv")&&(d[2]=d[2].replace("%",""),d[1]=d[1].replace("%",""),d[0]=d[0].replace("°",""),d[1]==1?d[1]=.01:d[2]==1&&(d[2]=.01),t({h:Number(d[0]),s:Number(d[1]),v:Number(d[2]),source:"hsv"},h))}else if(f.hsl){var x=f.hsl.split(",");pt(f.hsl,"hsl")&&(x[2]=x[2].replace("%",""),x[1]=x[1].replace("%",""),x[0]=x[0].replace("°",""),p[1]==1?p[1]=.01:p[2]==1&&(p[2]=.01),t({h:Number(x[0]),s:Number(x[1]),v:Number(x[2]),source:"hsl"},h))}},l=m({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"}}}),s=r.r+", "+r.g+", "+r.b,c=Math.round(n.h)+"°, "+Math.round(n.s*100)+"%, "+Math.round(n.l*100)+"%",p=Math.round(o.h)+"°, "+Math.round(o.s*100)+"%, "+Math.round(o.v*100)+"%";return u.createElement("div",{style:l.wrap,className:"flexbox-fix"},u.createElement("div",{style:l.fields},u.createElement("div",{style:l.double},u.createElement(y,{style:{input:l.input,label:l.label},label:"hex",value:a,onChange:i})),u.createElement("div",{style:l.column},u.createElement("div",{style:l.single},u.createElement(y,{style:{input:l.input2,label:l.label2},label:"rgb",value:s,onChange:i})),u.createElement("div",{style:l.single},u.createElement(y,{style:{input:l.input2,label:l.label2},label:"hsv",value:p,onChange:i})),u.createElement("div",{style:l.single},u.createElement(y,{style:{input:l.input2,label:l.label2},label:"hsl",value:c,onChange:i})))))},qt=function(e){var t=e.width,r=e.onChange,n=e.rgb,a=e.hsl,o=e.hsv,i=e.hex,l=e.header,s=e.styles,c=s===void 0?{}:s,p=e.className,f=p===void 0?"":p,h=m(M({default:{picker:{width:t,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("+n.r+", "+n.g+", "+n.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"}}},c));return u.createElement("div",{style:h.picker,className:"google-picker "+f},u.createElement("div",{style:h.head},l),u.createElement("div",{style:h.swatch}),u.createElement("div",{style:h.saturation},u.createElement(Ne,{hsl:a,hsv:o,pointer:Vt,onChange:r})),u.createElement("div",{style:h.body},u.createElement("div",{style:h.controls,className:"flexbox-fix"},u.createElement("div",{style:h.hue},u.createElement(Se,{style:h.Hue,hsl:a,radius:"4px",pointer:It,onChange:r}))),u.createElement(tc,{rgb:n,hsl:a,hex:i,hsv:o,onChange:r})))};qt.propTypes={width:g.oneOfType([g.string,g.number]),styles:g.object,header:g.string};qt.defaultProps={width:652,styles:{},header:"Color picker"};R(qt);const rc=ze("div",{target:"e1rgp0874"})(({disabled:e,theme:t})=>({fontFamily:t.genericFonts.bodyFont,display:"flex",flexDirection:"column",alignItems:"flex-start",cursor:e?"not-allowed":"default"}),""),nc=ze("div",{target:"e1rgp0873"})(({theme:e})=>({div:{fontFamily:`${e.genericFonts.bodyFont} !important`},label:{fontSize:`${e.fontSizes.sm} !important`,color:`${e.colors.bodyText} !important`},input:{fontSize:`${e.fontSizes.md} !important`,height:`${e.sizes.minElementHeight} !important`,backgroundColor:`${e.colors.secondaryBg} !important`,color:`${e.colors.bodyText} !important`,borderRadius:`${e.radii.default} !important`,boxShadow:"none !important","&:focus-visible":{outline:`${e.sizes.borderWidth} solid ${e.colors.primary} !important`}},svg:{fill:`${e.colors.bodyText} !important`}}),""),ac=ze("div",{target:"e1rgp0872"})(({disabled:e,theme:t})=>({height:t.sizes.minElementHeight,borderRadius:t.radii.default,borderColor:t.colors.borderColor,cursor:e?"not-allowed":"pointer",pointerEvents:e?"none":"auto",boxShadow:"none",lineHeight:t.lineHeights.base,gap:t.spacing.md,"&:focus":{outline:"none"},display:"flex"}),""),oc=ze("div",{target:"e1rgp0871"})(({backgroundColor:e,disabled:t,theme:r})=>({width:r.sizes.minElementHeight,height:r.sizes.minElementHeight,borderRadius:r.radii.default,borderColor:r.colors.borderColor,borderWidth:r.sizes.borderWidth,opacity:t?"0.4":"",backgroundColor:e,borderStyle:"solid",cursor:"pointer",lineHeight:r.lineHeights.base,"&:focus":{outline:"none"}}),""),ic=ze("div",{target:"e1rgp0870"})({name:"s5xdrg",styles:"display:flex;align-items:center"});Ne.prototype.getContainerRenderWindow=function(){const e=this.container;let t=window,r=window;try{for(;!t.document.contains(e)&&t.parent!==t;)r=t,t=t.parent}catch{t=r}return t};const lc=e=>{const{disabled:t,value:r,showValue:n,label:a,labelVisibility:o,onChange:i,help:l}=e,[s,c]=O.useState(r),p=jn();O.useEffect(()=>{c(r)},[r]);const f=O.useCallback(d=>{c(d.hex)},[]),h=O.useCallback(()=>{i(s)},[i,s]),b={default:{picker:{borderRadius:p.radii.default,boxShadow:"none",backgroundColor:p.colors.bgColor},saturation:{borderRadius:`${p.radii.default} ${p.radii.default} 0 0`,userSelect:"none"},body:{padding:p.spacing.xl}}};return T.jsxs(rc,{className:"stColorPicker","data-testid":"stColorPicker",disabled:t,children:[T.jsx(Mn,{label:a,disabled:t,labelVisibility:o,children:l&&T.jsx(Rn,{children:T.jsx(Fn,{content:l,placement:An.TOP_RIGHT})})}),T.jsx(Bn,{onClose:h,placement:"bottomLeft",content:()=>T.jsx(nc,{"data-testid":"stColorPickerPopover",children:T.jsx(Mu,{color:s,onChange:f,disableAlpha:!0,styles:b})}),children:T.jsxs(ac,{disabled:t,children:[T.jsx(oc,{"data-testid":"stColorPickerBlock",backgroundColor:s,disabled:t}),n&&T.jsx(ic,{children:s.toUpperCase()})]})})]})},sc=O.memo(lc),uc=(e,t)=>e.getStringValue(t),cc=e=>e.default??null,pc=e=>e.value??null,fc=(e,t,r,n)=>{t.setStringValue(e,r.value,{fromUi:r.fromUi},n)},hc=({element:e,disabled:t,widgetMgr:r,fragmentId:n})=>{const[a,o]=Wn({getStateFromWidgetMgr:uc,getDefaultStateFromProto:cc,getCurrStateFromProto:pc,updateWidgetMgrState:fc,element:e,widgetMgr:r,fragmentId:n}),i=O.useCallback(l=>{o({value:l,fromUi:!0})},[o]);return T.jsx(sc,{label:e.label,labelVisibility:On(e.labelVisibility?.value),help:e.help,onChange:i,disabled:t,value:a})},vc=O.memo(hc);export{vc as default};

package/build/assets/index-8FM--PX3-C2rsm2es.js

@@ -1 +0,0 @@
-import{r as a,m as pe,f as me,c4 as fe,x as K,ci as w,v as b,aB as O,j as l,aH as ge,aI as he,b1 as be,aJ as ye,ap as ve,c as R,F as we,aS as _,l as xe,E as J,_ as q}from"./index-BvblFOYP.js";import{I as Te}from"./uniqueId-C6wp_e1D-D_RnWRJW.js";import{e as Ie}from"./InputInstructions-CshBE9XZ-BbegIdTI.js";import{m as Ce}from"./FormClearHelper-DtwjWakY-CxfcniD6.js";import{_ as ke}from"./sprintf-D5E86llw-6tzWM3a-.js";import{a as Se}from"./input-DNUwcYWK-C9eVW6-S.js";import"./base-input-DbV2D5sF-DJkpBRM1.js";var Q=a.forwardRef(function(e,t){var n={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return a.createElement(J,q({iconAttrs:n,iconVerticalAlign:"middle",iconViewBox:"0 0 8 8"},e,{ref:t}),a.createElement("path",{d:"M0 3v2h8V3H0z"}))});Q.displayName="Minus";var Y=a.forwardRef(function(e,t){var n={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return a.createElement(J,q({iconAttrs:n,iconVerticalAlign:"middle",iconViewBox:"0 0 8 8"},e,{ref:t}),a.createElement("path",{d:"M3 0v3H0v2h3v3h2V5h3V3H5V0H3z"}))});Y.displayName="Plus";const Ee=R("div",{target:"e116k4er3"})(({theme:e})=>({display:"flex",flexDirection:"row",flexWrap:"nowrap",alignItems:"center",height:e.sizes.minElementHeight,borderWidth:e.sizes.borderWidth,borderStyle:"solid",borderColor:e.colors.widgetBorderColor??e.colors.secondaryBg,transitionDuration:"200ms",transitionProperty:"border",transitionTimingFunction:"cubic-bezier(0.2, 0.8, 0.4, 1)",borderRadius:e.radii.default,overflow:"hidden","&.focused":{borderColor:e.colors.primary},input:{MozAppearance:"textfield","&::-webkit-inner-spin-button, &::-webkit-outer-spin-button":{WebkitAppearance:"none",margin:e.spacing.none}}}),""),Re=R("div",{target:"e116k4er2"})({name:"76z9jo",styles:"display:flex;flex-direction:row;align-self:stretch"}),X=R("button",{target:"e116k4er1"})(({theme:e})=>({margin:e.spacing.none,border:"none",height:e.sizes.full,display:"flex",alignItems:"center",width:e.sizes.numberInputControlsWidth,justifyContent:"center",color:e.colors.bodyText,transition:"color 300ms, backgroundColor 300ms",backgroundColor:e.colors.secondaryBg,"&:hover:enabled, &:focus:enabled":{color:e.colors.white,backgroundColor:e.colors.primary,transition:"none",outline:"none"},"&:active":{outline:"none",border:"none"},"&:disabled":{cursor:"not-allowed",color:e.colors.fadedText40}}),""),Ne=R("div",{target:"e116k4er0"})(({theme:e,clearable:t})=>({position:"absolute",marginRight:e.spacing.twoXS,left:0,right:`calc(${e.sizes.numberInputControlsWidth} * 2 + ${t?"1em":"0em"})`}),""),Ve=xe.getLogger("NumberInput");function ze(e){return b(e)||e===""?void 0:e}const E=({value:e,format:t,step:n,dataType:f})=>{if(b(e))return null;let r=ze(t);if(b(r)&&K(n)){const i=n.toString();f===w.DataType.FLOAT&&n!==0&&i.includes(".")&&(r=`%0.${i.split(".")[1].length}f`)}if(b(r))return e.toString();try{return ke.sprintf(r,e)}catch(i){return Ve.warn(`Error in sprintf(${r}, ${e}): ${i}`),String(e)}},je=(e,t,n)=>b(e)?!1:e-t>=n,De=(e,t,n)=>b(e)?!1:e+t<=n,We=e=>(e.element.dataType===w.DataType.INT?e.widgetMgr.getIntValue(e.element):e.widgetMgr.getDoubleValue(e.element))??e.element.default??null,G=({step:e,dataType:t})=>e||(t===w.DataType.INT?1:.01),Fe=({disabled:e,element:t,widgetMgr:n,fragmentId:f})=>{const r=pe(),{dataType:i,id:N,formId:m,default:W,format:g,icon:V,min:y,max:v}=t,{width:F,elementRef:Z}=me(),[s,ee]=a.useState(()=>G(t)),L=We({element:t,widgetMgr:n}),[h,x]=a.useState(!1),[d,T]=a.useState(L),[B,U]=a.useState(!1),C=a.useRef(null),H=a.useRef(Te("number_input_")),[A,I]=a.useState(()=>E({value:L,dataType:i,format:g,step:s})),k=je(d,s,y),S=De(d,s,v),M=fe({formId:m}),te=M?n.allowFormEnterToSubmit(m):h,re=B&&F>r.breakpoints.hideWidgetDetails;a.useEffect(()=>{ee(G({step:t.step,dataType:t.dataType}))},[t.dataType,t.step]),a.useEffect(()=>{h||I(E({value:d,dataType:i,format:g,step:s}))},[i,g,s]);const c=a.useCallback(({value:o,source:u})=>{if(K(o)&&(y>o||o>v))C.current?.reportValidity();else{const p=o??W??null;switch(i){case w.DataType.INT:n.setIntValue({id:N,formId:m},p,u,f);break;case w.DataType.FLOAT:n.setDoubleValue({id:N,formId:m},p,u,f);break;default:throw new Error("Invalid data type")}x(!1),T(p),I(E({value:p,dataType:i,format:g,step:s}))}},[y,v,C,n,f,s,i,N,m,W,g]),ae=a.useCallback(()=>{h&&c({value:d,source:{fromUi:!0}}),U(!1)},[h,d,c]),oe=a.useCallback(()=>{U(!0)},[]),$=a.useCallback(()=>{const{value:o}=t;t.setValue=!1,T(o??null),I(E({value:o??null,dataType:i,format:g,step:s})),c({value:o??null,source:{fromUi:!1}})},[t,s,c,i,g]);a.useEffect(()=>{t.setValue?$():c({value:d,source:{fromUi:!1}});const o=C.current;if(o){const u=p=>{p.preventDefault()};return o.addEventListener("wheel",u),()=>{o.removeEventListener("wheel",u)}}},[]),t.setValue&&$();const z=b(t.default)&&!e,ne=a.useCallback(()=>{const o=t.default??null;T(o),c({value:o,source:{fromUi:!0}})},[t]);Ce({element:t,widgetMgr:n,onFormCleared:ne});const se=o=>{const{value:u}=o.target;if(u==="")x(!0),T(null),I(null);else{let p;t.dataType===w.DataType.INT?p=parseInt(u,10):p=parseFloat(u),x(!0),T(p),I(u)}},j=a.useCallback(()=>{S&&(x(!0),c({value:(d??y)+s,source:{fromUi:!0}}))},[d,y,s,S]),D=a.useCallback(()=>{k&&(x(!0),c({value:(d??v)-s,source:{fromUi:!0}}))},[d,v,s,k]),le=a.useCallback(o=>{const{key:u}=o;switch(u){case"ArrowUp":o.preventDefault(),j();break;case"ArrowDown":o.preventDefault(),D();break}},[j,D]),ie=a.useCallback(o=>{o.key==="Enter"&&(h&&c({value:d,source:{fromUi:!0}}),n.allowFormEnterToSubmit(m)&&n.submitForm(m,f))},[h,d,c,n,m,f]),P=V?.startsWith(":material"),de=P?"lg":"base",ue=O(r.iconSizes.lg)+2*O(r.spacing.twoXS),ce=V?r.breakpoints.hideNumberInputControls+ue:r.breakpoints.hideNumberInputControls;return l.jsxs("div",{className:"stNumberInput","data-testid":"stNumberInput",ref:Z,children:[l.jsx(ge,{label:t.label,disabled:e,labelVisibility:he(t.labelVisibility?.value),htmlFor:H.current,children:t.help&&l.jsx(be,{children:l.jsx(ye,{content:t.help,placement:ve.TOP_RIGHT})})}),l.jsxs(Ee,{className:B?"focused":"","data-testid":"stNumberInputContainer",children:[l.jsx(Se,{type:"number",inputRef:C,value:A??"",placeholder:t.placeholder,onBlur:ae,onFocus:oe,onChange:se,onKeyPress:ie,onKeyDown:le,clearable:z,clearOnEscape:z,disabled:e,"aria-label":t.label,startEnhancer:t.icon&&l.jsx(we,{"data-testid":"stNumberInputIcon",iconValue:t.icon,size:de}),id:H.current,overrides:{ClearIconContainer:{style:{padding:0}},ClearIcon:{props:{overrides:{Svg:{style:{color:r.colors.grayTextColor,padding:r.spacing.threeXS,height:r.sizes.clearIconSize,width:r.sizes.clearIconSize,":hover":{fill:r.colors.bodyText}}}}}},Input:{props:{"data-testid":"stNumberInputField",step:s,min:y,max:v,type:"number",inputMode:""},style:{fontWeight:r.fontWeights.normal,lineHeight:r.lineHeights.inputWidget,paddingRight:r.spacing.sm,paddingLeft:r.spacing.md,paddingBottom:r.spacing.sm,paddingTop:r.spacing.sm,"::placeholder":{color:r.colors.fadedText60}}},InputContainer:{style:()=>({borderTopRightRadius:0,borderBottomRightRadius:0})},Root:{style:{borderTopRightRadius:0,borderBottomRightRadius:0,borderTopLeftRadius:0,borderBottomLeftRadius:0,borderLeftWidth:0,borderRightWidth:0,borderTopWidth:0,borderBottomWidth:0,paddingRight:0,paddingLeft:V?r.spacing.sm:0}},StartEnhancer:{style:{paddingLeft:0,paddingRight:0,minWidth:r.iconSizes.lg,color:P?r.colors.fadedText60:"inherit"}}}}),F>ce&&l.jsxs(Re,{children:[l.jsx(X,{"data-testid":"stNumberInputStepDown",onClick:D,disabled:!k||e,tabIndex:-1,children:l.jsx(_,{content:Q,size:"xs",color:k?"inherit":r.colors.fadedText40})}),l.jsx(X,{"data-testid":"stNumberInputStepUp",onClick:j,disabled:!S||e,tabIndex:-1,children:l.jsx(_,{content:Y,size:"xs",color:S?"inherit":r.colors.fadedText40})})]})]}),re&&l.jsx(Ne,{clearable:z,children:l.jsx(Ie,{dirty:h,value:A??"",inForm:M,allowEnterToSubmit:te})})]})},Pe=a.memo(Fe);export{Pe as default};

package/build/assets/index-B1y_Hrx0-DDwLQ3XW.js

@@ -1 +0,0 @@
-import{r as c,L as A,ai as h,j as u,ak as C,aR as R,al as E,am as T,a$ as B}from"./index-BvblFOYP.js";import{a as $}from"./createDownloadLinkElement-CbRjLJ8e-NbV49OP9.js";const v=/%([0-9A-Fa-f]{2})/g,L=/[^\x20-\x7e\xa0-\xff]/g,k=/\\([\u0000-\u007f])/g,w=/;[\x09\x20]*([!#$%&'*+.0-9A-Z^_`a-z|~-]+)[\x09\x20]*=[\x09\x20]*("(?:[\x20!\x23-\x5b\x5d-\x7e\x80-\xff]|\\[\x20-\x7e])*"|[!#$%&'*+.0-9A-Z^_`a-z|~-]+)[\x09\x20]*/g,z=/^([A-Za-z0-9!#$%&+\-^_`{}~]+)'(?:[A-Za-z]{2,3}(?:-[A-Za-z]{3}){0,3}|[A-Za-z]{4,8}|)'((?:%[0-9A-Fa-f]{2}|[A-Za-z0-9!#$&+.^_`|~-])+)$/,I=/^([!#$%&'*+.0-9A-Z^_`a-z|~-]+)[\x09\x20]*(?:$|;)/,U=r=>String(r).replace(L,"?");class j{constructor(e,t){this.type=e,this.parameters=t}}const D=(r,e)=>String.fromCharCode(Number.parseInt(e,16));function Z(r){const e=z.exec(r);if(!e)throw new TypeError("invalid extended field value");const t=e[1].toLowerCase(),a=e[2];let n;switch(t){case"iso-8859-1":n=U(a.replace(v,D));break;case"utf-8":try{n=decodeURIComponent(a)}catch{throw new TypeError("invalid encoded utf-8")}break;default:throw new TypeError("unsupported charset in extended field")}return n}function S(r){let e=I.exec(r);if(!e)throw new TypeError("invalid type format");let t=e[0].length;const a=e[1].toLowerCase();let n;const l=[],i={};let o;for(t=w.lastIndex=e[0].slice(-1)===";"?t-1:t;e=w.exec(r);){if(e.index!==t)throw new TypeError("invalid parameter format");if(t+=e[0].length,n=e[1].toLowerCase(),o=e[2],l.indexOf(n)!==-1)throw new TypeError("invalid duplicate parameter");if(l.push(n),n.indexOf("*")+1===n.length){n=n.slice(0,-1),o=Z(o),i[n]=o;continue}typeof i[n]!="string"&&(o[0]==='"'&&(o=o.slice(1,o.length-1).replace(k,"$1")),i[n]=o)}if(t!==-1&&t!==r.length)throw new TypeError("invalid parameter format");return new j(a,i)}function N(r){const e=S(r);if(e.type!=="attachment")return;const t=e.parameters.filename;if(typeof t=="string")return t}function O(r,e){return r.sendHttpRequest({method:"GET",path:`${e}?title=${encodeURIComponent(document.title)}`,headers:{},body:""}).then(({statusCode:t,headers:a,body:n})=>{if(t!==200)return;const l=a.get("Content-Disposition"),i=(l&&N(l))??"",o=a.get("Content-Type"),f=new Blob([n],o?{type:o}:void 0),d=URL.createObjectURL(f),s=document.createElement("a");s.setAttribute("href",d),s.setAttribute("target","_blank"),s.setAttribute("download",i),s.click(),URL.revokeObjectURL(d),s.remove()})}function _(){const r=B();return c.useCallback(e=>O(r,e),[r])}function M(r){const{disabled:e,element:t,widgetMgr:a,endpoints:n,fragmentId:l}=r,{help:i,label:o,icon:f,ignoreRerun:d,type:s,url:m}=t,{libConfig:{enforceDownloadInNewTab:b=!1}}=c.useContext(A);let p=h.SECONDARY;s==="primary"?p=h.PRIMARY:s==="tertiary"&&(p=h.TERTIARY);const x=c.useMemo(()=>n.buildDownloadUrl(m),[n,m]);c.useEffect(()=>{n.checkSourceUrlResponse(x,"Download Button")},[x,n]);const g=_(),y=()=>{if(d||a.setTriggerValue(t,{fromUi:!0},l),t.url.startsWith("/media")){g(t.url);return}$({filename:"",url:x,enforceDownloadInNewTab:b}).click()};return u.jsx("div",{className:"stDownloadButton","data-testid":"stDownloadButton",children:u.jsx(C,{help:i,containerWidth:!0,children:u.jsx(R,{kind:p,size:E.SMALL,disabled:e,onClick:y,containerWidth:!0,children:u.jsx(T,{icon:f,label:o})})})})}const Y=c.memo(M);export{Y as default};

package/build/assets/index-BECG__WC-DerPiN--.js

@@ -1 +0,0 @@
-import{r as t,x as H,v as he,j as l,c as C,aH as Fe,aI as Me,aJ as ze,ap as Be,m as Ve,aK as se,aB as We,aL as oe,as as le,aM as Oe,aN as De,aO as Ne,L as $e,aP as _e,aQ as He,aR as Xe,ai as Ge,aS as Je,E as J,_ as K}from"./index-BvblFOYP.js";import{y as Ke,X as ce}from"./Toolbar-Cc8tCeKL-JHIp2NvW.js";import{d as Ye,m as qe}from"./FormClearHelper-DtwjWakY-CxfcniD6.js";import{a as Qe}from"./createDownloadLinkElement-CbRjLJ8e-NbV49OP9.js";import{i as Ze,o as er}from"./FileDownload.esm-ORp-UC-S-BrsUfuH5.js";var fe=t.forwardRef(function(e,r){var i={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return t.createElement(J,K({iconAttrs:i,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:r}),t.createElement("g",{fill:"none"},t.createElement("rect",{width:24,height:24}),t.createElement("rect",{width:24,height:24}),t.createElement("rect",{width:24,height:24})),t.createElement("path",{d:"M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3z"}),t.createElement("path",{d:"M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"}))});fe.displayName="Mic";var ge=t.forwardRef(function(e,r){var i={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return t.createElement(J,K({iconAttrs:i,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:r}),t.createElement("rect",{width:24,height:24,fill:"none"}),t.createElement("path",{d:"M8 19c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2v10c0 1.1.9 2 2 2zm6-12v10c0 1.1.9 2 2 2s2-.9 2-2V7c0-1.1-.9-2-2-2s-2 .9-2 2z"}))});ge.displayName="Pause";var we=t.forwardRef(function(e,r){var i={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return t.createElement(J,K({iconAttrs:i,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:r}),t.createElement("rect",{width:24,height:24,fill:"none"}),t.createElement("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18a1 1 0 000-1.69L9.54 5.98A.998.998 0 008 6.82z"}))});we.displayName="PlayArrow";var pe=t.forwardRef(function(e,r){var i={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return t.createElement(J,K({iconAttrs:i,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:r}),t.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),t.createElement("path",{d:"M17.65 6.35a7.95 7.95 0 00-6.48-2.31c-3.67.37-6.69 3.35-7.1 7.02C3.52 15.91 7.27 20 12 20a7.98 7.98 0 007.21-4.56c.32-.67-.16-1.44-.9-1.44-.37 0-.72.2-.88.53a5.994 5.994 0 01-6.8 3.31c-2.22-.49-4.01-2.3-4.48-4.52A6.002 6.002 0 0112 6c1.66 0 3.14.69 4.22 1.78l-1.51 1.51c-.63.63-.19 1.71.7 1.71H19c.55 0 1-.45 1-1V6.41c0-.89-1.08-1.34-1.71-.71l-.64.65z"}))});pe.displayName="Refresh";var me=t.forwardRef(function(e,r){var i={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return t.createElement(J,K({iconAttrs:i,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:r}),t.createElement("g",{fill:"none"},t.createElement("rect",{width:24,height:24}),t.createElement("rect",{width:24,height:24})),t.createElement("path",{fillRule:"evenodd",d:"M9 16h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1zm3-14C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"}))});me.displayName="StopCircle";async function rr(e,r=16e3){if(!e||e.size===0)throw new Error("Invalid or empty blob provided");if(!window.AudioContext)throw new Error("AudioContext not supported in this browser");const i=new AudioContext;try{const n=await e.arrayBuffer(),a=await i.decodeAudioData(n),d=r??a.sampleRate,f=await tr(a,d);return nr(f,d)}finally{i.close()}}async function tr(e,r){const{duration:i,numberOfChannels:n,sampleRate:a}=e,d=Math.ceil(i*r);if(!window.OfflineAudioContext)throw new Error("OfflineAudioContext not supported");const f=new OfflineAudioContext(1,d,r),g=f.createBufferSource();if(g.buffer=e,n>1){const m=f.createChannelSplitter(n),u=f.createChannelMerger(1);g.connect(m);for(let s=0;s<n;s++){const o=f.createGain();o.gain.value=1/n,m.connect(o,s),o.connect(u,0,0)}u.connect(f.destination)}else g.connect(f.destination);g.start(0);try{return await f.startRendering()}catch(m){throw new Error(`Failed to resample audio from ${a}Hz to ${r}Hz: ${m instanceof Error?m.message:String(m)}`)}}function nr(e,r){const i=e.length,n=i*2+44,a=new ArrayBuffer(n),d=new DataView(a),f=e.getChannelData(0),g=(u,s)=>{for(let o=0;o<s.length;o++)d.setUint8(u+o,s.charCodeAt(o))};g(0,"RIFF"),d.setUint32(4,n-8,!0),g(8,"WAVE"),g(12,"fmt "),d.setUint32(16,16,!0),d.setUint16(20,1,!0),d.setUint16(22,1,!0),d.setUint32(24,r,!0),d.setUint32(28,r*2,!0),d.setUint16(32,2,!0),d.setUint16(34,16,!0),g(36,"data"),d.setUint32(40,i*2,!0);let m=44;for(let u=0;u<i;u++){const s=Math.max(-1,Math.min(1,f[u]));d.setInt16(m,s*32767,!0),m+=2}return new Blob([a],{type:"audio/wav"})}class de{constructor(){this.wavesurfer=null,this.currentBlobUrl=null,this.events={},this.isPlaying=!1}initialize(r){this.wavesurfer=r,this.setupEventListeners()}setupEventListeners(){this.wavesurfer&&(this.teardownEventListeners(),this.handleTimeUpdate=r=>{this.events.onTimeUpdate?.(r*1e3)},this.handlePause=()=>{this.isPlaying=!1,this.events.onPause?.()},this.handlePlay=()=>{this.isPlaying=!0,this.events.onPlay?.()},this.handleFinish=()=>{this.isPlaying=!1,this.events.onFinish?.()},this.handleReady=()=>{this.events.onReady?.()},this.handleError=r=>{const i=r instanceof Error?r:new Error(String(r));this.events.onError?.(i)},this.wavesurfer.on("timeupdate",this.handleTimeUpdate),this.wavesurfer.on("pause",this.handlePause),this.wavesurfer.on("play",this.handlePlay),this.wavesurfer.on("finish",this.handleFinish),this.wavesurfer.on("ready",this.handleReady),this.wavesurfer.on("error",this.handleError))}setEventHandlers(r){this.events=r}async load(r){if(!this.wavesurfer)throw new Error("WaveSurfer not initialized");this.cleanupPreviousUrl();let i,n=null;try{if(r instanceof Blob)n=URL.createObjectURL(r),i=n;else if(r instanceof ArrayBuffer){const a=new Blob([r]);n=URL.createObjectURL(a),i=n}else i=r;this.currentBlobUrl=n,await this.wavesurfer.load(i)}catch(a){throw this.cleanupPreviousUrl(),a}}async play(){if(!this.wavesurfer)throw new Error("WaveSurfer not initialized");await this.wavesurfer.play()}pause(){this.wavesurfer&&this.wavesurfer.pause()}getDuration(){return this.wavesurfer?this.wavesurfer.getDuration()*1e3:0}getCurrentTime(){return this.wavesurfer?this.wavesurfer.getCurrentTime()*1e3:0}getIsPlaying(){return this.isPlaying}seekToStart(){this.wavesurfer&&this.wavesurfer.seekTo(0)}cleanupPreviousUrl(){this.currentBlobUrl&&(URL.revokeObjectURL(this.currentBlobUrl),this.currentBlobUrl=null)}destroy(){this.pause(),this.cleanupPreviousUrl(),this.wavesurfer&&(this.teardownEventListeners(),this.wavesurfer.empty(),this.wavesurfer=null),this.events={},this.isPlaying=!1,this.handleTimeUpdate=void 0,this.handlePause=void 0,this.handlePlay=void 0,this.handleFinish=void 0,this.handleReady=void 0,this.handleError=void 0}teardownEventListeners(){this.wavesurfer&&(this.handleTimeUpdate&&(this.wavesurfer.un("timeupdate",this.handleTimeUpdate),this.handleTimeUpdate=void 0),this.handlePause&&(this.wavesurfer.un("pause",this.handlePause),this.handlePause=void 0),this.handlePlay&&(this.wavesurfer.un("play",this.handlePlay),this.handlePlay=void 0),this.handleFinish&&(this.wavesurfer.un("finish",this.handleFinish),this.handleFinish=void 0),this.handleReady&&(this.wavesurfer.un("ready",this.handleReady),this.handleReady=void 0),this.handleError&&(this.wavesurfer.un("error",this.handleError),this.handleError=void 0))}}class ir{constructor(r={}){this.wavesurfer=null,this.recordPlugin=null,this.isRecording=!1,this.recordEndResolve=null,this.recordEndReject=null,this.events={},this.options=r}initialize(r,i){this.wavesurfer=r;try{const n={renderRecordedAudio:!1,mimeType:"audio/webm"};this.recordPlugin=r.registerPlugin(i.create(n)),this.setupEventListeners()}catch(n){const a=n instanceof Error?n:new Error(String(n));throw a.name==="NotAllowedError"||a.name==="PermissionDeniedError"?(this.events.onPermissionDenied?.(),new Error("Microphone permission denied")):(this.events.onError?.(a),a)}}setupEventListeners(){this.recordPlugin&&(this.recordPlugin.on("record-start",()=>{this.isRecording=!0,this.events.onRecordStart?.()}),this.recordPlugin.on("record-end",r=>{this.isRecording=!1,this.events.onRecordEnd?.(r),this.recordEndResolve&&r&&r.size>0?(this.recordEndResolve(r),this.recordEndResolve=null,this.recordEndReject=null):this.recordEndReject?(this.recordEndReject(new Error("Invalid or empty recording")),this.recordEndResolve=null,this.recordEndReject=null):(this.recordEndResolve=null,this.recordEndReject=null)}),this.recordPlugin.on("record-progress",r=>{this.events.onRecordProgress?.(r)}))}setEventHandlers(r){this.events=r}async startRecording(){if(!this.recordPlugin)throw new Error("Record plugin not initialized");if(this.isRecording)return;const r=typeof this.options.sampleRate=="number"?this.options.sampleRate:void 0,i={};r!==void 0&&(i.sampleRate={ideal:r}),await this.startRecordingWithConstraints(i,r!==void 0)}async startRecordingWithConstraints(r,i){if(!this.recordPlugin)throw new Error("Record plugin not initialized");try{const n=Object.keys(r).length?r:void 0;await this.recordPlugin.startRecording(n)}catch(n){const a=n instanceof Error?n:new Error(String(n));if(a.name==="NotAllowedError"||a.name==="PermissionDeniedError")throw this.events.onPermissionDenied?.(),new Error("Microphone permission denied");if(i&&(a.name==="OverconstrainedError"||a.name==="NotReadableError")){this.options.sampleRate=void 0,await this.startRecordingWithConstraints({},!1);return}throw this.events.onError?.(a),a}}async stopRecording(){if(!this.recordPlugin||!this.isRecording)throw new Error("Not currently recording");try{return new Promise((r,i)=>{this.recordEndResolve=r,this.recordEndReject=i,this.recordPlugin?.stopRecording()})}catch(r){const i=r instanceof Error?r:new Error(String(r));throw this.events.onError?.(i),i}}cancelRecording(){this.recordPlugin&&this.isRecording&&(this.recordPlugin.stopRecording(),this.isRecording=!1,this.recordEndResolve=null,this.recordEndReject=null)}destroy(){this.cancelRecording(),this.recordPlugin&&(this.recordPlugin.destroy(),this.recordPlugin=null),this.wavesurfer=null,this.events={}}}const ar=4,sr=4,or=8,lr=0,cr=4,dr=16e3;function ur({containerRef:e,sampleRate:r,events:i}){const n=Ve(),[a,d]=t.useState("idle"),[f,g]=t.useState(null),[m,u]=t.useState(!1),s=t.useRef(null),o=t.useRef(null),p=t.useRef(null),h=t.useRef(i||{}),A=t.useRef(!1),R=t.useRef(new Set),y=t.useRef(!1),L=r===void 0?dr:r;t.useEffect(()=>{h.current=i||{}},[i]);const O=t.useCallback(()=>{const c=Array.from(R.current);R.current.clear(),c.forEach(v=>{v.resolve()})},[]),F=t.useCallback(c=>{u(!1);const v=Array.from(R.current);R.current.clear(),v.forEach(b=>{b.reject(c)})},[]),S=t.useCallback(c=>{const v={onPlay:()=>{u(!0),h.current.onPlaybackPlay?.()},onPause:()=>{u(!1),h.current.onPlaybackPause?.()},onFinish:()=>{u(!1),h.current.onPlaybackFinish?.()},onReady:()=>{O()},onError:b=>{u(!1),F(b),h.current.onError?.(b)}};c.setEventHandlers(v)},[O,F]),P=t.useCallback(async()=>{if(!(A.current||!e.current))try{const[c,v]=await Promise.all([se(()=>import("./wavesurfer.esm-CzjpjtNs-CtBzisOM.js"),[]),se(()=>import("./record-DJsfODTt-CK8X1liM.js"),[])]),b=c.default,U=v.default,j=b.create({container:e.current,waveColor:n.colors.primary,progressColor:n.colors.bodyText,height:We(n.sizes.largestElementHeight)-2*cr,barWidth:ar,barGap:sr,barRadius:or,cursorWidth:lr,interact:!0});s.current=j,y.current=!1;const $=new ir({sampleRate:L});$.initialize(j,U),$.setEventHandlers({onRecordProgress:_=>{h.current.onProgressMs?.(_)},onPermissionDenied:()=>{h.current.onPermissionDenied?.(),d("idle")},onError:_=>{h.current.onError?.(_),d("idle")}}),o.current=$;const M=new de;M.initialize(j),p.current=M,S(M),A.current=!0}catch(c){const v=c instanceof Error?c:new Error(String(c));h.current.onError?.(v)}},[e,n,L,S]);t.useEffect(()=>{P();const c=R.current;return()=>{c.clear(),u(!1),o.current&&(o.current.destroy(),o.current=null),p.current&&(p.current.destroy(),p.current=null),s.current&&(s.current.destroy(),s.current=null),A.current=!1,y.current=!1}},[P]),t.useEffect(()=>{const c=s.current;if(c){if(a==="recording"){c.setOptions({waveColor:n.colors.primary,progressColor:n.colors.primary});return}if(y.current){c.setOptions({interact:!0,waveColor:oe(n.colors.fadedText40,n.colors.secondaryBg),progressColor:n.colors.bodyText});return}c.setOptions({waveColor:n.colors.primary,progressColor:n.colors.bodyText})}},[a,n.colors.bodyText,n.colors.fadedText40,n.colors.primary,n.colors.secondaryBg]);const E=t.useCallback(async()=>{if(a!=="recording"){if(A.current||await P(),!o.current)throw new Error("Record backend not initialized");s.current&&s.current.setOptions({waveColor:n.colors.primary,progressColor:n.colors.primary}),y.current=!1,await o.current.startRecording(),d("recording"),g(null),u(!1),h.current.onRecordStart?.()}},[a,P,n.colors.primary]),X=t.useCallback(()=>{p.current&&s.current&&(p.current.destroy(),p.current=new de,p.current.initialize(s.current),R.current.clear(),u(!1),S(p.current)),y.current=!1},[S]),V=t.useCallback(()=>{p.current?.seekToStart(),u(!1),y.current=!0,s.current&&s.current.setOptions({interact:!0,waveColor:oe(n.colors.fadedText40,n.colors.secondaryBg),progressColor:n.colors.bodyText})},[n.colors.bodyText,n.colors.fadedText40,n.colors.secondaryBg]),k=t.useCallback(async()=>{if(a!=="recording")throw new Error("Not currently recording");if(!o.current||!p.current)throw new Error("Backends not initialized");try{const c=await o.current.stopRecording();return g(c),await new Promise((v,b)=>{if(!p.current){b(new Error("Player not initialized"));return}const U={resolve:()=>{R.current.delete(U),v()},reject:j=>{R.current.delete(U),b(j)}};R.current.add(U),p.current.load(c).catch(j=>{R.current.delete(U),b(j instanceof Error?j:new Error(String(j)))})}),d("idle"),u(!1),V(),h.current.onRecordReady?.(c),c}catch(c){const v=c instanceof Error?c:new Error(String(c));throw u(!1),v}},[a,V]),D=t.useCallback(async c=>{const v=c??f;if(!v)throw new Error("No recorded audio to approve");try{const b=await rr(v,L);h.current.onApprove?.(b),g(null),d("idle")}catch(b){const U=b instanceof Error?b:new Error(String(b));throw h.current.onError?.(U),U}},[f,L]),N=t.useCallback(()=>{a==="recording"&&o.current?.cancelRecording(),X(),g(null),d("idle"),u(!1),y.current=!1,h.current.onCancel?.()},[a,X]),z={isPlaying:t.useCallback(()=>p.current?.getIsPlaying()??!1,[]),play:t.useCallback(async()=>{if(!p.current)throw new Error("Player not initialized");await p.current.play()},[]),pause:t.useCallback(()=>{p.current?.pause()},[]),load:t.useCallback(async c=>{if(A.current||await P(),!p.current)throw new Error("Player not initialized");await p.current.load(c),V()},[V,P]),getCurrentTimeMs:t.useCallback(()=>p.current?.getCurrentTime()??0,[]),getDurationMs:t.useCallback(()=>p.current?.getDuration()??0,[])},Y=t.useCallback(c=>{h.current=c},[]);return{state:a,isPlaybackPlaying:m,start:E,stop:k,approve:D,cancel:N,playback:z,setEventHandlers:Y}}const hr=(e,r)=>{const{libConfig:{enforceDownloadInNewTab:i=!1}}=t.useContext($e);return t.useCallback(()=>{if(!e)return;const n=Qe({enforceDownloadInNewTab:i,url:e,filename:r});n.style.display="none",document.body.appendChild(n),n.click(),document.body.removeChild(n)},[e,i,r])},Q=({widgetMgr:e,id:r,formId:i,key:n,defaultValue:a})=>{t.useEffect(()=>{const s=e.getElementState(r,n);he(s)&&H(a)&&e.setElementState(r,n,a)},[e,r,n,a]);const[d,f]=t.useState(e.getElementState(r,n)??a),g=t.useCallback(s=>{e.setElementState(r,n,s),f(s)},[e,r,n]),m=t.useMemo(()=>({formId:i||""}),[i]),u=t.useCallback(()=>g(a),[a,g]);return qe({element:m,widgetMgr:e,onFormCleared:u}),[d,g]},fr=async({files:e,uploadClient:r,widgetMgr:i,widgetInfo:n,fragmentId:a,signal:d})=>{let f=[];try{f=await r.fetchFileURLs(e)}catch(s){return{successfulUploads:[],failedUploads:e.map(o=>({file:o,error:le(s)}))}}const g=Oe(e,f),m=[],u=[];return await Promise.all(g.map(async([s,o])=>{if(!s||!o?.uploadUrl||!o.fileId)return{file:s,fileUrl:o,error:new Error("No upload URL found")};try{await r.uploadFile({id:o.fileId,formId:n.formId||""},o.uploadUrl,s,void 0,d),m.push({fileUrl:o,file:s})}catch(p){const h=le(p);u.push({file:s,error:h})}})),i.setFileUploaderStateValue(n,new De({uploadedFileInfo:m.map(({file:s,fileUrl:o})=>new Ne({fileId:o.fileId,fileUrls:o,name:s.webkitRelativePath||s.name,size:s.size}))}),{fromUi:!0},a),{successfulUploads:m,failedUploads:u}},gr=C("div",{target:"e12wn80j14"})(""),ue=C("div",{target:"e12wn80j13"})(({theme:e,disabled:r})=>({height:e.sizes.largestElementHeight,width:"100%",background:e.colors.secondaryBg,borderRadius:e.radii.default,marginBottom:e.spacing.twoXS,display:"flex",alignItems:"center",position:"relative",paddingLeft:e.spacing.xs,paddingRight:e.spacing.sm,border:e.colors.widgetBorderColor?`${e.sizes.borderWidth} solid ${e.colors.widgetBorderColor}`:void 0,cursor:r?"not-allowed":"auto",overflow:"hidden"}),""),wr=C("div",{target:"e12wn80j12"})({name:"82a6rk",styles:"flex:1"}),pr=C("div",{target:"e12wn80j11"})(({show:e,theme:r})=>({display:e?"block":"none",position:"relative",height:r.sizes.largestElementHeight,"& > div":{position:"absolute",top:0,left:0,width:"100%",height:"100%",display:"flex",alignItems:"center"}}),""),mr=C("span",{target:"e12wn80j10"})(({theme:e,isPlayingOrRecording:r,disabled:i})=>({margin:e.spacing.sm,fontFamily:e.fonts.monospace,color:i?e.colors.fadedText40:r?e.colors.bodyText:e.colors.fadedText60,backgroundColor:e.colors.secondaryBg,fontSize:e.fontSizes.sm}),""),ye=C("div",{target:"e12wn80j9"})({name:"1kyw74z",styles:"width:100%;text-align:center;overflow:hidden"}),ve=C("span",{target:"e12wn80j8"})(({theme:e})=>({color:e.colors.bodyText}),""),yr=C("a",{target:"e12wn80j7"})(({theme:e})=>({color:e.colors.link,textDecoration:e.linkUnderline?"underline":"none"}),""),vr=C("div",{target:"e12wn80j6"})(({theme:e})=>({flex:1,height:e.sizes.largestElementHeight,display:"flex",justifyContent:"center",alignItems:"center"}),""),br=C("div",{target:"e12wn80j5"})(({theme:e})=>{const r="0.625em";return{opacity:.2,width:"100%",height:r,backgroundSize:r,backgroundImage:`radial-gradient(${e.colors.fadedText10} 40%, transparent 40%)`,backgroundRepeat:"repeat"}},""),Er=C("span",{target:"e12wn80j4"})(({theme:e})=>({"& > button":{color:e.colors.primary,padding:e.spacing.threeXS},"& > button:hover, & > button:focus":{color:e.colors.redColor}}),""),Rr=C("span",{target:"e12wn80j3"})(({theme:e})=>({"& > button":{padding:e.spacing.threeXS,color:e.colors.fadedText60},"& > button:hover, & > button:focus":{color:e.colors.bodyText}}),""),be=C("span",{target:"e12wn80j2"})(({theme:e})=>({"& > button":{padding:e.spacing.threeXS,color:e.colors.fadedText60},"& > button:hover, & > button:focus":{color:e.colors.bodyText}}),""),Z=C("div",{target:"e12wn80j1"})(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",flexGrow:0,flexShrink:1,padding:e.spacing.xs,gap:e.spacing.twoXS,marginRight:e.spacing.twoXS}),""),Cr=C("div",{target:"e12wn80j0"})(({theme:e})=>({marginLeft:e.spacing.sm}),""),G=({onClick:e,disabled:r,ariaLabel:i,iconContent:n})=>l.jsx(Xe,{kind:Ge.BORDERLESS_ICON,onClick:e,disabled:r,"aria-label":i,containerWidth:!0,"data-testid":"stAudioInputActionButton",children:l.jsx(Je,{content:n,size:"lg",color:"inherit"})}),Pr=({disabled:e,stopRecording:r})=>l.jsx(Er,{children:l.jsx(G,{onClick:r,disabled:e,ariaLabel:"Stop recording",iconContent:me})}),xr=({disabled:e,isPlaying:r,onClickPlayPause:i})=>l.jsx(be,{children:r?l.jsx(G,{onClick:i,disabled:e,ariaLabel:"Pause",iconContent:ge}):l.jsx(G,{onClick:i,disabled:e,ariaLabel:"Play",iconContent:we})}),kr=({disabled:e,startRecording:r})=>l.jsx(Rr,{children:l.jsx(G,{onClick:r,disabled:e,ariaLabel:"Record",iconContent:fe})}),Ur=({onClick:e})=>l.jsx(be,{children:l.jsx(G,{disabled:!1,onClick:e,ariaLabel:"Reset",iconContent:pe})}),jr=({disabled:e,isRecording:r,isPlaying:i,isUploading:n,isError:a,recordingUrlExists:d,startRecording:f,stopRecording:g,onClickPlayPause:m,onClear:u})=>a?l.jsx(Z,{children:l.jsx(Ur,{onClick:u})}):n?l.jsx(Z,{children:l.jsx(_e,{"aria-label":"Uploading",size:"base",margin:"0",padding:"0"})}):l.jsxs(Z,{children:[r?l.jsx(Pr,{disabled:e,stopRecording:g}):l.jsx(kr,{disabled:e,startRecording:f}),d&&l.jsx(xr,{disabled:e,isPlaying:i,onClickPlayPause:m})]}),Sr=t.memo(jr),Ir=()=>l.jsx(ye,{children:l.jsx(ve,{children:"An error has occurred, please try again."})}),Ar=t.memo(Ir),T="00:00",W=e=>{const r=Math.floor(e/1e3),i=Math.floor(r/60),n=Math.floor(i/60),a=r%60,d=i%60,f=a.toString().padStart(2,"0"),g=d.toString().padStart(2,"0"),m=n.toString().padStart(2,"0");return i<60?`${g}:${f}`:`${m}:${g}:${f}`},Tr=()=>l.jsxs(ye,{children:[l.jsx(ve,{children:"This app would like to use your microphone."})," ",l.jsx(yr,{href:He,rel:"noopener noreferrer",target:"_blank",children:"Learn how to allow access."})]}),Lr=t.memo(Tr),Fr=()=>l.jsx(vr,{children:l.jsx(br,{})}),Mr=t.memo(Fr),zr=({element:e,uploadClient:r,widgetMgr:i,fragmentId:n,disabled:a})=>{const d=t.useRef(null),[f,g]=t.useState(!1),[m,u]=t.useState(!1),[s,o]=t.useState(!1),[p,h]=t.useState(T),[A,R]=Q({widgetMgr:i,id:e.id,key:"deleteFileUrl",defaultValue:null}),[y,L]=Q({widgetMgr:i,id:e.id,key:"recordingUrl",defaultValue:null}),[O,F]=Q({widgetMgr:i,id:e.id,formId:e.formId,key:"recordingTime",defaultValue:T}),S=t.useRef(null),P=t.useRef(null),E=t.useRef(null),X=t.useRef(),V=e.id,k=e.formId,D=ur({containerRef:d,sampleRate:e.sampleRate??void 0,events:{onPermissionDenied:()=>{g(!0)},onError:()=>{o(!0)},onRecordStart:()=>{F(T),h(T)},onRecordReady:()=>{const w=W(D.playback.getDurationMs());F(w),h(w)},onApprove:w=>{X.current?.(w)},onCancel:()=>{F(T),h(T)},onProgressMs:w=>{F(W(w))},onPlaybackPause:()=>{h(W(D.playback.getCurrentTimeMs()))},onPlaybackFinish:()=>{h(W(D.playback.getDurationMs()))}}}),{state:N,isPlaybackPlaying:z,start:Y,stop:c,approve:v,cancel:b,playback:{play:U,pause:j,load:$,getCurrentTimeMs:M,getDurationMs:_}}=D,Ee=t.useCallback(async w=>{S.current&&S.current.abort();const x=new AbortController;S.current=x;try{if(u(!0),H(k)&&i.setFormsWithUploadsInProgress(new Set([k])),x.signal.aborted)return;let I;try{I=URL.createObjectURL(w),P.current&&P.current!==I&&URL.revokeObjectURL(P.current),P.current=I}catch{o(!0),u(!1),H(k)&&i.setFormsWithUploadsInProgress(new Set);return}if(x.signal.aborted){URL.revokeObjectURL(I),P.current=null;return}L(I);const Ie=new Date().toISOString().slice(0,16).replace(/:/g,"-"),Ae=new File([w],`${Ie}_audio.wav`,{type:w.type});try{const{successfulUploads:Te,failedUploads:Le}=await fr({files:[Ae],uploadClient:r,widgetMgr:i,widgetInfo:{id:V,formId:k},fragmentId:n,signal:x.signal});if(x.signal.aborted)return;if(Le.length>0){o(!0);return}o(!1);const ae=Te[0];ae?.fileUrl?.deleteUrl&&R(ae.fileUrl.deleteUrl)}catch{x.signal.aborted||o(!0)}finally{H(k)&&i.setFormsWithUploadsInProgress(new Set),x.signal.aborted||u(!1)}}catch{x.signal.aborted||(o(!0),u(!1)),H(k)&&i.setFormsWithUploadsInProgress(new Set)}},[r,i,V,k,n,R,L]);X.current=Ee;const B=t.useCallback(async({updateWidgetManager:w,deleteFile:x})=>{const I=y;if(I&&P.current===I&&(URL.revokeObjectURL(I),P.current=null),E.current&&(cancelAnimationFrame(E.current),E.current=null),L(null),R(null),h(T),F(T),b(),w&&i.setFileUploaderStateValue(e,{},{fromUi:!0},n),x&&A)try{await r.deleteFile(A)}catch{}H(I)&&URL.revokeObjectURL(I)},[A,y,r,b,e,i,n,F,R,L]);t.useEffect(()=>{const w=()=>{z&&(h(W(M())),E.current=requestAnimationFrame(w))};return z?E.current=requestAnimationFrame(w):E.current&&(cancelAnimationFrame(E.current),E.current=null),()=>{E.current&&(cancelAnimationFrame(E.current),E.current=null)}},[z,M]),t.useEffect(()=>{if(!y)return;let w=!1;return h(O),(async()=>{try{if(await $(y),w)return;const x=_();x>0&&h(W(x))}catch{w||o(!0)}})(),()=>{w=!0}},[y,O,$,_]),t.useEffect(()=>{if(he(k))return;const w=new Ye;return w.manageFormClearListener(i,k,()=>{B({updateWidgetManager:!0,deleteFile:!1})}),()=>w.disconnect()},[k,B,i]),t.useEffect(()=>()=>{S.current&&(S.current.abort(),S.current=null),E.current&&(cancelAnimationFrame(E.current),E.current=null)},[]);const Re=t.useCallback(async()=>{try{if(z){const w=M();j(),h(W(w))}else N==="idle"&&y&&(M()<=100&&h(T),await U())}catch{o(!0)}},[z,M,j,U,y,N]),ee=t.useCallback(async()=>{y&&await B({updateWidgetManager:!1,deleteFile:!0});try{h(T),await Y()}catch{}},[B,y,Y]),re=t.useCallback(async()=>{try{const w=await c();await v(w)}catch{o(!0)}},[v,c]),te=hr(y,"recording.wav"),Ce=t.useCallback(()=>{ee()},[ee]),Pe=t.useCallback(()=>{re()},[re]),xe=t.useCallback(()=>{B({updateWidgetManager:!1,deleteFile:!0}),o(!1)},[B]),ke=t.useCallback(()=>{te()},[te]),Ue=t.useCallback(()=>{B({updateWidgetManager:!0,deleteFile:!0})},[B]),q=N==="recording",ne=z,je=q?O:p,ie=N==="idle"&&!f&&!y,Se=f||ie||s;return l.jsxs(gr,{className:"stAudioInput","data-testid":"stAudioInput",children:[l.jsx(Fe,{label:e.label,disabled:a,labelVisibility:Me(e.labelVisibility?.value),children:e.help&&l.jsx(Cr,{children:l.jsx(ze,{content:e.help,placement:Be.TOP})})}),l.jsxs(ue,{disabled:a,children:[l.jsxs(Ke,{isFullScreen:!1,disableFullscreenMode:!0,target:ue,children:[y&&l.jsx(ce,{label:"Download as WAV",icon:Ze,onClick:ke}),A&&l.jsx(ce,{label:"Clear recording",icon:er,onClick:Ue})]}),l.jsx(Sr,{isRecording:q,isPlaying:ne,isUploading:m,isError:s,recordingUrlExists:!!y,startRecording:Ce,stopRecording:Pe,onClickPlayPause:()=>void Re(),onClear:xe,disabled:a||f}),l.jsxs(wr,{children:[s&&l.jsx(Ar,{}),ie&&l.jsx(Mr,{}),f&&l.jsx(Lr,{}),l.jsx(pr,{"data-testid":"stAudioInputWaveSurfer",ref:d,show:!Se})]}),l.jsx(mr,{isPlayingOrRecording:q||ne,disabled:a,"data-testid":"stAudioInputWaveformTimeCode",children:je})]})]})},Nr=t.memo(zr);export{Nr as default};

package/build/assets/index-BQn4Faen-CVQ5ESXY.js

@@ -1,3 +0,0 @@
-import{r as U,bp as ce,v as J,m as de,j as L,aH as pe,aI as fe,b1 as ge,aJ as ye,ap as be,bx as me,c as ie,c8 as ve,c9 as he,ca as Se,bV as Oe,cb as je,by as Pe,aY as Ce,bU as Ie,cc as we,cd as Te,ce as Ee,cf as xe,cg as De,bD as Re,aC as Y,ch as $e}from"./index-BvblFOYP.js";import{B as Be}from"./useBasicWidgetState-BTyLgyXa-DI96f9E0.js";import{w as _e}from"./timepicker-CkLW19xP-CTuglWU6.js";import"./FormClearHelper-DtwjWakY-CxfcniD6.js";import"./inherits-CYghrBFU-Cf4k8aUQ.js";import"./createSuper-BlgWzn8_-h1vcwEzv.js";var ke=Re.Consumer;const Ne=Object.freeze(Object.defineProperty({__proto__:null,ThemeConsumer:ke,ThemeProvider:De,createThemedStyled:xe,createThemedUseStyletron:Ee,createThemedWithStyle:Te,expandBorderStyles:we,hexToRgb:Ie,styled:Ce,useStyletron:Pe,withStyle:je,withWrapper:Oe},Symbol.toStringTag,{value:"Module"}));var P={};const G=Se(Ne);var x={},X;function ze(){if(X)return x;X=1,Object.defineProperty(x,"__esModule",{value:!0}),x.STATE_CHANGE_TYPE=x.SIZE=x.ENHANCER_POSITION=x.CUSTOM_INPUT_TYPE=x.ADJOINED=void 0;var f={change:"change"};x.STATE_CHANGE_TYPE=f;var d={textarea:"textarea"};x.CUSTOM_INPUT_TYPE=d;var h={none:"none",left:"left",right:"right",both:"both"};x.ADJOINED=h;var b={mini:"mini",default:"default",compact:"compact",large:"large"};x.SIZE=b;var v={start:"start",end:"end"};return x.ENHANCER_POSITION=v,x}var F={},$={},H={},K;function Me(){if(K)return H;K=1,Object.defineProperty(H,"__esModule",{value:!0}),H.default=d;function f(b){"@babel/helpers - typeof";return f=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(v){return typeof v}:function(v){return v&&typeof Symbol=="function"&&v.constructor===Symbol&&v!==Symbol.prototype?"symbol":typeof v},f(b)}function d(b){b=b||{};for(var v=arguments.length<=1?0:arguments.length-1,m,y,O=0;O<v;O++){m=(O+1<1||arguments.length<=O+1?void 0:arguments[O+1])||{};for(var g in m)f(m[g])!==void 0&&(y=m[g],h(y)?b[g]=d(b[g]||Array.isArray(y)&&[]||{},y):b[g]=y)}return b}function h(b){return Array.isArray(b)||{}.toString.call(b)=="[object Object]"}return H}var Q;function ae(){if(Q)return $;Q=1,Object.defineProperty($,"__esModule",{value:!0}),$.getOverride=E,$.getOverrideProps=w,$.getOverrides=z,$.mergeConfigurationOverrides=k,$.mergeOverride=R,$.mergeOverrides=_,$.toObjectOverride=D,$.useOverrides=M;var f=m(Y),d=$e(),h=b(Me());function b(i){return i&&i.__esModule?i:{default:i}}function v(i){if(typeof WeakMap!="function")return null;var r=new WeakMap,u=new WeakMap;return(v=function(s){return s?u:r})(i)}function m(i,r){if(i&&i.__esModule)return i;if(i===null||C(i)!=="object"&&typeof i!="function")return{default:i};var u=v(r);if(u&&u.has(i))return u.get(i);var s={},t=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in i)if(a!=="default"&&Object.prototype.hasOwnProperty.call(i,a)){var l=t?Object.getOwnPropertyDescriptor(i,a):null;l&&(l.get||l.set)?Object.defineProperty(s,a,l):s[a]=i[a]}return s.default=i,u&&u.set(i,s),s}function y(){return y=Object.assign?Object.assign.bind():function(i){for(var r=1;r<arguments.length;r++){var u=arguments[r];for(var s in u)Object.prototype.hasOwnProperty.call(u,s)&&(i[s]=u[s])}return i},y.apply(this,arguments)}function O(i,r){var u=Object.keys(i);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(i);r&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(i,t).enumerable})),u.push.apply(u,s)}return u}function g(i){for(var r=1;r<arguments.length;r++){var u=arguments[r]!=null?arguments[r]:{};r%2?O(Object(u),!0).forEach(function(s){I(i,s,u[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(u)):O(Object(u)).forEach(function(s){Object.defineProperty(i,s,Object.getOwnPropertyDescriptor(u,s))})}return i}function I(i,r,u){return r in i?Object.defineProperty(i,r,{value:u,enumerable:!0,configurable:!0,writable:!0}):i[r]=u,i}function C(i){"@babel/helpers - typeof";return C=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},C(i)}function E(i){return(0,d.isValidElementType)(i)?i:i&&C(i)==="object"?i.component:i}function w(i){return i&&C(i)==="object"?C(i.props)==="object"?g(g({},i.props),{},{$style:i.style}):{$style:i.style}:{}}function D(i){return(0,d.isValidElementType)(i)?{component:i}:i||{}}function z(i,r){var u=E(i)||r;if(i&&C(i)==="object"&&typeof i.props=="function"){var s=f.forwardRef(function(a,l){var e=i.props(a),n=w(g(g({},i),{},{props:e}));return f.createElement(u,y({ref:l},n))});return s.displayName=u.displayName,[s,{}]}var t=w(i);return[u,t]}function _(){var i=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},u=Object.assign({},i,r),s=Object.keys(u);return s.reduce(function(t,a){return t[a]=R(D(i[a]),D(r[a])),t},{})}function R(i,r){var u=g(g({},i),r);return i.props&&r.props&&(u.props=k(i.props,r.props)),i.style&&r.style&&(u.style=k(i.style,r.style)),u}function k(i,r){return C(i)==="object"&&C(r)==="object"?(0,h.default)({},i,r):function(){return(0,h.default)({},typeof i=="function"?i.apply(void 0,arguments):i,typeof r=="function"?r.apply(void 0,arguments):r)}}function M(i){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return f.useMemo(function(){return Object.keys(i).reduce(function(u,s){return u[s]=z(r[s],i[s]),u},{})},[r])}return $}var Z={},A={},ee;function Le(){if(ee)return A;ee=1,Object.defineProperty(A,"__esModule",{value:!0}),A.Svg=void 0,A.getSvgStyles=d;var f=G;function d(b){var v=b.$theme,m=b.$size,y=b.$color,O=v.sizing.scale600;m&&(v.sizing[m]?O=v.sizing[m]:typeof m=="number"?O="".concat(m,"px"):O=m);var g="currentColor";return y&&(v.colors[y]?g=v.colors[y]:g=y),{display:"inline-block",fill:g,color:g,height:O,width:O}}var h=(0,f.styled)("svg",d);return A.Svg=h,h.displayName="Svg",h.displayName="Svg",A}var V={},te;function We(){if(te)return V;te=1,Object.defineProperty(V,"__esModule",{value:!0}),V.default=f;function f(d){var h={};for(var b in d)b[0]!=="$"&&(h[b]=d[b]);return h}return V}var re;function Ae(){if(re)return Z;re=1;function f(t){"@babel/helpers - typeof";return f=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(a){return typeof a}:function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},f(t)}Object.defineProperty(Z,"__esModule",{value:!0}),Z.default=void 0;var d=g(Y),h=ae(),b=Le(),v=y(We()),m=["children","title","size","color","overrides"];function y(t){return t&&t.__esModule?t:{default:t}}function O(t){if(typeof WeakMap!="function")return null;var a=new WeakMap,l=new WeakMap;return(O=function(e){return e?l:a})(t)}function g(t,a){if(t&&t.__esModule)return t;if(t===null||f(t)!=="object"&&typeof t!="function")return{default:t};var l=O(a);if(l&&l.has(t))return l.get(t);var e={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if(o!=="default"&&Object.prototype.hasOwnProperty.call(t,o)){var p=n?Object.getOwnPropertyDescriptor(t,o):null;p&&(p.get||p.set)?Object.defineProperty(e,o,p):e[o]=t[o]}return e.default=t,l&&l.set(t,e),e}function I(){return I=Object.assign?Object.assign.bind():function(t){for(var a=1;a<arguments.length;a++){var l=arguments[a];for(var e in l)Object.prototype.hasOwnProperty.call(l,e)&&(t[e]=l[e])}return t},I.apply(this,arguments)}function C(t,a){var l=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);a&&(e=e.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),l.push.apply(l,e)}return l}function E(t){for(var a=1;a<arguments.length;a++){var l=arguments[a]!=null?arguments[a]:{};a%2?C(Object(l),!0).forEach(function(e){w(t,e,l[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(l)):C(Object(l)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(l,e))})}return t}function w(t,a,l){return a in t?Object.defineProperty(t,a,{value:l,enumerable:!0,configurable:!0,writable:!0}):t[a]=l,t}function D(t,a){return M(t)||k(t,a)||_(t,a)||z()}function z(){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 _(t,a){if(t){if(typeof t=="string")return R(t,a);var l=Object.prototype.toString.call(t).slice(8,-1);if(l==="Object"&&t.constructor&&(l=t.constructor.name),l==="Map"||l==="Set")return Array.from(t);if(l==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l))return R(t,a)}}function R(t,a){(a==null||a>t.length)&&(a=t.length);for(var l=0,e=new Array(a);l<a;l++)e[l]=t[l];return e}function k(t,a){var l=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(l!=null){var e=[],n=!0,o=!1,p,c;try{for(l=l.call(t);!(n=(p=l.next()).done)&&(e.push(p.value),!(a&&e.length===a));n=!0);}catch(S){o=!0,c=S}finally{try{!n&&l.return!=null&&l.return()}finally{if(o)throw c}}return e}}function M(t){if(Array.isArray(t))return t}function i(t,a){if(t==null)return{};var l=r(t,a),e,n;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(n=0;n<o.length;n++)e=o[n],!(a.indexOf(e)>=0)&&Object.prototype.propertyIsEnumerable.call(t,e)&&(l[e]=t[e])}return l}function r(t,a){if(t==null)return{};var l={},e=Object.keys(t),n,o;for(o=0;o<e.length;o++)n=e[o],!(a.indexOf(n)>=0)&&(l[n]=t[n]);return l}var u=function(t,a){var l=t.children,e=t.title,n=t.size,o=t.color,p=t.overrides,c=p===void 0?{}:p,S=i(t,m),j=(0,h.getOverrides)(c.Svg,b.Svg),B=D(j,2),T=B[0],N=B[1],W=T.__STYLETRON__?E(E({title:e,$color:o,$size:n},S),N):E(E({title:e,color:o,size:n},(0,v.default)(S)),(0,v.default)(N));return d.createElement(T,I({"data-baseweb":"icon",ref:a},W),e?d.createElement("title",null,e):null,l)},s=d.forwardRef(u);return Z.default=s,Z}var ne;function Fe(){if(ne)return F;ne=1;function f(r){"@babel/helpers - typeof";return f=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(u){return typeof u}:function(u){return u&&typeof Symbol=="function"&&u.constructor===Symbol&&u!==Symbol.prototype?"symbol":typeof u},f(r)}Object.defineProperty(F,"__esModule",{value:!0}),F.default=void 0;var d=g(Y),h=G,b=ae(),v=y(Ae()),m=["title","size","color","overrides"];function y(r){return r&&r.__esModule?r:{default:r}}function O(r){if(typeof WeakMap!="function")return null;var u=new WeakMap,s=new WeakMap;return(O=function(t){return t?s:u})(r)}function g(r,u){if(r&&r.__esModule)return r;if(r===null||f(r)!=="object"&&typeof r!="function")return{default:r};var s=O(u);if(s&&s.has(r))return s.get(r);var t={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in r)if(l!=="default"&&Object.prototype.hasOwnProperty.call(r,l)){var e=a?Object.getOwnPropertyDescriptor(r,l):null;e&&(e.get||e.set)?Object.defineProperty(t,l,e):t[l]=r[l]}return t.default=r,s&&s.set(r,t),t}function I(){return I=Object.assign?Object.assign.bind():function(r){for(var u=1;u<arguments.length;u++){var s=arguments[u];for(var t in s)Object.prototype.hasOwnProperty.call(s,t)&&(r[t]=s[t])}return r},I.apply(this,arguments)}function C(r,u){if(r==null)return{};var s=E(r,u),t,a;if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(r);for(a=0;a<l.length;a++)t=l[a],!(u.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(r,t)&&(s[t]=r[t])}return s}function E(r,u){if(r==null)return{};var s={},t=Object.keys(r),a,l;for(l=0;l<t.length;l++)a=t[l],!(u.indexOf(a)>=0)&&(s[a]=r[a]);return s}function w(r,u){return k(r)||R(r,u)||z(r,u)||D()}function D(){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 z(r,u){if(r){if(typeof r=="string")return _(r,u);var s=Object.prototype.toString.call(r).slice(8,-1);if(s==="Object"&&r.constructor&&(s=r.constructor.name),s==="Map"||s==="Set")return Array.from(r);if(s==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s))return _(r,u)}}function _(r,u){(u==null||u>r.length)&&(u=r.length);for(var s=0,t=new Array(u);s<u;s++)t[s]=r[s];return t}function R(r,u){var s=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(s!=null){var t=[],a=!0,l=!1,e,n;try{for(s=s.call(r);!(a=(e=s.next()).done)&&(t.push(e.value),!(u&&t.length===u));a=!0);}catch(o){l=!0,n=o}finally{try{!a&&s.return!=null&&s.return()}finally{if(l)throw n}}return t}}function k(r){if(Array.isArray(r))return r}function M(r,u){var s=(0,h.useStyletron)(),t=w(s,2),a=t[1],l=r.title,e=l===void 0?"Delete Alt":l,n=r.size,o=r.color,p=r.overrides,c=p===void 0?{}:p,S=C(r,m),j=(0,b.mergeOverride)({component:a.icons&&a.icons.DeleteAlt?a.icons.DeleteAlt:null},c&&c.Svg?(0,b.toObjectOverride)(c.Svg):{});return d.createElement(v.default,I({viewBox:"0 0 24 24",ref:u,title:e,size:n,color:o,overrides:{Svg:j}},S),d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 20C16.4183 20 20 16.4183 20 12C20 7.58173 16.4183 4 12 4C7.58173 4 4 7.58173 4 12C4 16.4183 7.58173 20 12 20ZM10.0303 8.96967C9.73743 8.67679 9.26257 8.67679 8.96967 8.96967C8.67676 9.26257 8.67676 9.73743 8.96967 10.0303L10.9393 12L8.96967 13.9697C8.67676 14.2626 8.67676 14.7374 8.96967 15.0303C9.26257 15.3232 9.73743 15.3232 10.0303 15.0303L12 13.0607L13.9697 15.0303C14.2626 15.3232 14.7374 15.3232 15.0303 15.0303C15.3232 14.7374 15.3232 14.2626 15.0303 13.9697L13.0607 12L15.0303 10.0303C15.3232 9.73743 15.3232 9.26257 15.0303 8.96967C14.7374 8.67679 14.2626 8.67679 13.9697 8.96967L12 10.9393L10.0303 8.96967Z"}))}var i=d.forwardRef(M);return F.default=i,F}var oe;function Ze(){if(oe)return P;oe=1,Object.defineProperty(P,"__esModule",{value:!0}),P.getRootStyles=P.getInputStyles=P.getInputContainerStyles=P.StyledMaskToggleButton=P.StyledClearIconContainer=P.StyledClearIcon=P.Root=P.InputEnhancer=P.InputContainer=P.Input=void 0;var f=G,d=ze(),h=b(Fe());function b(e){return e&&e.__esModule?e:{default:e}}function v(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var p=Object.getOwnPropertySymbols(e);n&&(p=p.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),o.push.apply(o,p)}return o}function m(e){for(var n=1;n<arguments.length;n++){var o=arguments[n]!=null?arguments[n]:{};n%2?v(Object(o),!0).forEach(function(p){y(e,p,o[p])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach(function(p){Object.defineProperty(e,p,Object.getOwnPropertyDescriptor(o,p))})}return e}function y(e,n,o){return n in e?Object.defineProperty(e,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[n]=o,e}var O=(0,f.styled)("button",function(e){var n,o=e.$theme,p=e.$size,c=e.$isFocusVisible,S=(n={},y(n,d.SIZE.mini,o.sizing.scale400),y(n,d.SIZE.compact,o.sizing.scale400),y(n,d.SIZE.default,o.sizing.scale300),y(n,d.SIZE.large,o.sizing.scale200),n)[p];return{display:"flex",alignItems:"center",borderTopStyle:"none",borderBottomStyle:"none",borderLeftStyle:"none",borderRightStyle:"none",background:"none",paddingLeft:S,paddingRight:S,outline:c?"solid 3px ".concat(o.colors.accent):"none",color:o.colors.contentPrimary}});P.StyledMaskToggleButton=O,O.displayName="StyledMaskToggleButton",O.displayName="StyledMaskToggleButton";var g=(0,f.styled)("div",function(e){var n,o=e.$alignTop,p=o===void 0?!1:o,c=e.$size,S=e.$theme,j=(n={},y(n,d.SIZE.mini,S.sizing.scale200),y(n,d.SIZE.compact,S.sizing.scale200),y(n,d.SIZE.default,S.sizing.scale100),y(n,d.SIZE.large,S.sizing.scale0),n)[c];return{display:"flex",alignItems:p?"flex-start":"center",paddingLeft:j,paddingRight:j,paddingTop:p?S.sizing.scale500:"0px",color:S.colors.contentPrimary}});P.StyledClearIconContainer=g,g.displayName="StyledClearIconContainer",g.displayName="StyledClearIconContainer";var I=(0,f.styled)(h.default,function(e){var n=e.$theme,o=e.$isFocusVisible;return{cursor:"pointer",outline:o?"solid 3px ".concat(n.colors.accent):"none"}});P.StyledClearIcon=I,I.displayName="StyledClearIcon",I.displayName="StyledClearIcon";function C(e,n){var o;return(o={},y(o,d.SIZE.mini,{paddingTop:n.scale100,paddingBottom:n.scale100,paddingLeft:n.scale550,paddingRight:n.scale550}),y(o,d.SIZE.compact,{paddingTop:n.scale200,paddingBottom:n.scale200,paddingLeft:n.scale550,paddingRight:n.scale550}),y(o,d.SIZE.default,{paddingTop:n.scale400,paddingBottom:n.scale400,paddingLeft:n.scale550,paddingRight:n.scale550}),y(o,d.SIZE.large,{paddingTop:n.scale550,paddingBottom:n.scale550,paddingLeft:n.scale550,paddingRight:n.scale550}),o)[e]}function E(e,n,o,p,c){var S=e===d.ADJOINED.both||e===d.ADJOINED.left&&p!=="rtl"||e===d.ADJOINED.right&&p==="rtl"||c&&p==="rtl",j=e===d.ADJOINED.both||e===d.ADJOINED.right&&p!=="rtl"||e===d.ADJOINED.left&&p==="rtl"||c&&p!=="rtl";return{paddingLeft:S?o.scale550:"0px",paddingRight:j?o.scale550:"0px"}}function w(e,n){var o;return(o={},y(o,d.SIZE.mini,n.font100),y(o,d.SIZE.compact,n.font200),y(o,d.SIZE.default,n.font300),y(o,d.SIZE.large,n.font400),o)[e]}function D(e,n,o){var p=arguments.length>3&&arguments[3]!==void 0?arguments[3]:!1,c=arguments.length>4?arguments[4]:void 0;return e?{borderLeftColor:c.inputFillDisabled,borderRightColor:c.inputFillDisabled,borderTopColor:c.inputFillDisabled,borderBottomColor:c.inputFillDisabled,backgroundColor:c.inputFillDisabled}:n?{borderLeftColor:c.borderSelected,borderRightColor:c.borderSelected,borderTopColor:c.borderSelected,borderBottomColor:c.borderSelected,backgroundColor:c.inputFillActive}:o?{borderLeftColor:c.inputBorderError,borderRightColor:c.inputBorderError,borderTopColor:c.inputBorderError,borderBottomColor:c.inputBorderError,backgroundColor:c.inputFillError}:p?{borderLeftColor:c.inputBorderPositive,borderRightColor:c.inputBorderPositive,borderTopColor:c.inputBorderPositive,borderBottomColor:c.inputBorderPositive,backgroundColor:c.inputFillPositive}:{borderLeftColor:c.inputBorder,borderRightColor:c.inputBorder,borderTopColor:c.inputBorder,borderBottomColor:c.inputBorder,backgroundColor:c.inputFill}}function z(e,n){var o=n.inputBorderRadius;return e===d.SIZE.mini&&(o=n.inputBorderRadiusMini),{borderTopLeftRadius:o,borderBottomLeftRadius:o,borderTopRightRadius:o,borderBottomRightRadius:o}}var _=function(e){var n=e.$isFocused,o=e.$adjoined,p=e.$error,c=e.$disabled,S=e.$positive,j=e.$size,B=e.$theme,T=e.$theme,N=T.borders,W=T.colors,le=T.sizing,ue=T.typography,q=T.animation,se=e.$hasIconTrailing;return m(m(m(m({boxSizing:"border-box",display:"flex",overflow:"hidden",width:"100%",borderLeftWidth:"2px",borderRightWidth:"2px",borderTopWidth:"2px",borderBottomWidth:"2px",borderLeftStyle:"solid",borderRightStyle:"solid",borderTopStyle:"solid",borderBottomStyle:"solid",transitionProperty:"border",transitionDuration:q.timing200,transitionTimingFunction:q.easeOutCurve},z(j,N)),w(j,ue)),D(c,n,p,S,W)),E(o,j,le,B.direction,se))};P.getRootStyles=_;var R=(0,f.styled)("div",_);P.Root=R,R.displayName="Root",R.displayName="Root";function k(e,n){var o;return(o={},y(o,d.SIZE.mini,{paddingRight:n.scale400,paddingLeft:n.scale400}),y(o,d.SIZE.compact,{paddingRight:n.scale400,paddingLeft:n.scale400}),y(o,d.SIZE.default,{paddingRight:n.scale300,paddingLeft:n.scale300}),y(o,d.SIZE.large,{paddingRight:n.scale200,paddingLeft:n.scale200}),o)[e]}function M(e,n,o,p,c){return e?{color:c.inputEnhancerTextDisabled,backgroundColor:c.inputFillDisabled}:n?{color:c.contentPrimary,backgroundColor:c.inputFillActive}:o?{color:c.contentPrimary,backgroundColor:c.inputFillError}:p?{color:c.contentPrimary,backgroundColor:c.inputFillPositive}:{color:c.contentPrimary,backgroundColor:c.inputFill}}var i=(0,f.styled)("div",function(e){var n=e.$size,o=e.$disabled,p=e.$isFocused,c=e.$error,S=e.$positive,j=e.$theme,B=j.colors,T=j.sizing,N=j.typography,W=j.animation;return m(m(m({display:"flex",alignItems:"center",justifyContent:"center",transitionProperty:"color, background-color",transitionDuration:W.timing200,transitionTimingFunction:W.easeOutCurve},w(n,N)),k(n,T)),M(o,p,c,S,B))});P.InputEnhancer=i,i.displayName="InputEnhancer",i.displayName="InputEnhancer";function r(e,n,o,p,c){return e?{color:c.inputTextDisabled,backgroundColor:c.inputFillDisabled}:n?{color:c.contentPrimary,backgroundColor:c.inputFillActive}:o?{color:c.contentPrimary,backgroundColor:c.inputFillError}:p?{color:c.contentPrimary,backgroundColor:c.inputFillPositive}:{color:c.contentPrimary,backgroundColor:c.inputFill}}var u=function(e){var n=e.$isFocused,o=e.$error,p=e.$disabled,c=e.$positive,S=e.$size,j=e.$theme,B=j.colors,T=j.typography,N=j.animation;return m(m({display:"flex",width:"100%",transitionProperty:"background-color",transitionDuration:N.timing200,transitionTimingFunction:N.easeOutCurve},w(S,T)),r(p,n,o,c,B))};P.getInputContainerStyles=u;var s=(0,f.styled)("div",u);P.InputContainer=s,s.displayName="InputContainer",s.displayName="InputContainer";function t(e,n,o,p){return e?{color:p.inputTextDisabled,"-webkit-text-fill-color":p.inputTextDisabled,caretColor:p.contentPrimary,"::placeholder":{color:p.inputPlaceholderDisabled}}:{color:p.contentPrimary,caretColor:p.contentPrimary,"::placeholder":{color:p.inputPlaceholder}}}var a=function(e){var n=e.$disabled,o=e.$isFocused,p=e.$error,c=e.$size,S=e.$theme,j=S.colors,B=S.sizing,T=S.typography;return m(m(m({boxSizing:"border-box",backgroundColor:"transparent",borderLeftWidth:0,borderRightWidth:0,borderTopWidth:0,borderBottomWidth:0,borderLeftStyle:"none",borderRightStyle:"none",borderTopStyle:"none",borderBottomStyle:"none",outline:"none",width:"100%",minWidth:0,maxWidth:"100%",cursor:n?"not-allowed":"text",margin:"0",paddingTop:"0",paddingBottom:"0",paddingLeft:"0",paddingRight:"0"},w(c,T)),C(c,B)),t(n,o,p,j))};P.getInputStyles=a;var l=(0,f.styled)("input",a);return P.Input=l,l.displayName="Input",l.displayName="Input",P}var He=Ze();const Ve=ie("div",{target:"e1ipygm11"})({name:"1ucqwki",styles:"position:absolute;top:50%;right:2.05em"}),Ue=ie(he,{shouldForwardProp:ve,target:"e1ipygm10"})(({theme:f,$isHighlighted:d})=>({paddingRight:f.spacing.lg,paddingLeft:f.spacing.lg,paddingTop:f.spacing.sm,paddingBottom:f.spacing.sm,background:d?f.colors.darkenedBgMix15:void 0,"&:hover, &:active, &:focus-visible":{background:f.colors.darkenedBgMix15}}),"");function Je({disabled:f,element:d,widgetMgr:h,fragmentId:b}){const[v,m]=Be({getStateFromWidgetMgr:Ye,getDefaultStateFromProto:Ge,getCurrStateFromProto:qe,updateWidgetMgrState:Xe,element:d,widgetMgr:h,fragmentId:b}),y=U.useContext(ce),O=J(d.default)&&!f,g=de(),I={Select:{props:{disabled:f,overrides:{ControlContainer:{style:{height:g.sizes.minElementHeight,borderLeftWidth:g.sizes.borderWidth,borderRightWidth:g.sizes.borderWidth,borderTopWidth:g.sizes.borderWidth,borderBottomWidth:g.sizes.borderWidth}},IconsContainer:{style:()=>({paddingRight:g.spacing.sm})},ValueContainer:{style:()=>({lineHeight:g.lineHeights.inputWidget,paddingRight:g.spacing.sm,paddingLeft:g.spacing.md,paddingBottom:g.spacing.sm,paddingTop:g.spacing.sm})},SingleValue:{style:{fontWeight:g.fontWeights.normal},props:{"data-testid":"stTimeInputTimeDisplay"}},Dropdown:{style:()=>({paddingTop:g.spacing.none,paddingBottom:g.spacing.none,boxShadow:"none",maxHeight:g.sizes.maxDropdownHeight})},DropdownListItem:{component:Ue},Popover:{props:{ignoreBoundary:y,overrides:{Body:{style:()=>({marginTop:g.spacing.px})}}}},Placeholder:{style:()=>({color:g.colors.fadedText60})},SelectArrow:{component:me,props:{overrides:{Svg:{style:()=>({width:g.iconSizes.xl,height:g.iconSizes.xl})}}}}}}}},C=U.useCallback(w=>{const D=w===null?null:Ke(w);m({value:D,fromUi:!0})},[m]),E=U.useCallback(()=>{C(null)},[C]);return L.jsxs("div",{className:"stTimeInput","data-testid":"stTimeInput",children:[L.jsx(pe,{label:d.label,disabled:f,labelVisibility:fe(d.labelVisibility?.value),children:d.help&&L.jsx(ge,{children:L.jsx(ye,{content:d.help,placement:be.TOP_RIGHT})})}),L.jsx(_e,{format:"24",step:d.step?Number(d.step):900,value:J(v)?void 0:Qe(v),onChange:C,overrides:I,nullable:O,creatable:!0,"aria-label":d.label}),O&&!J(v)&&L.jsx(Ve,{onClick:E,"data-testid":"stTimeInputClearButton",children:L.jsx(He.StyledClearIcon,{overrides:{Svg:{style:{color:g.colors.grayTextColor,padding:g.spacing.threeXS,height:g.sizes.clearIconSize,width:g.sizes.clearIconSize,":hover":{fill:g.colors.bodyText}}}},$isFocusVisible:!1})})]})}function Ye(f,d){return f.getStringValue(d)??null}function Ge(f){return f.default??null}function qe(f){return f.value??null}function Xe(f,d,h,b){d.setStringValue(f,h.value,{fromUi:h.fromUi},b)}function Ke(f){const d=f.getHours().toString().padStart(2,"0"),h=f.getMinutes().toString().padStart(2,"0");return`${d}:${h}`}function Qe(f){if(f===null)return null;const[d,h]=f.split(":").map(Number),b=new Date;return b.setHours(d),b.setMinutes(h),b}const at=U.memo(Je);export{at as default};