react-linear-gradient-picker/dist/index.js

React linear gradient picker

(()=>{var e={922:function(e,n,t){"use strict";t.r(n),t.d(n,{default:()=>c});var r=t(537),o=t.n(r),i=t(645),a=t.n(i)()(o());a.push([e.id,".controls-wrapper .ap{flex:none;box-sizing:border-box;background-color:#fff;border:1px solid #4374ad;border-radius:50%;display:inline-block;position:relative;cursor:pointer;margin-top:-2px}.controls-wrapper .ap .apc{width:6px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.controls-wrapper .ap .aph{width:6px;height:6px;background-color:#4374ad;display:inline-block;border-radius:50%;position:absolute;left:0;right:0;top:4px;margin:auto;cursor:pointer}.controls-wrapper .ai{background:#f2f2f2;display:flex;flex:1;margin:0 12px;justify-content:space-around;align-items:center}.controls-wrapper .ai input{border:none;text-align:center;width:48px;color:#0c0c09;background:inherit}.controls-wrapper .ai span{padding:5px;color:#000;cursor:pointer;user-select:none;font-size:14px}","",{version:3,sources:["webpack://./src/components/AnglePicker/index.scss"],names:[],mappings:"AACE,sBACE,SAAA,CACA,qBAAA,CACA,qBAAA,CACA,wBAAA,CACA,iBAAA,CACA,oBAAA,CACA,iBAAA,CACA,cAAA,CACA,eAAA,CAEA,2BACE,SAAA,CACA,iBAAA,CACA,MAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,WAAA,CAGF,2BACE,SAAA,CACA,UAAA,CACA,wBAAA,CACA,oBAAA,CACA,iBAAA,CACA,iBAAA,CACA,MAAA,CACA,OAAA,CACA,OAAA,CACA,WAAA,CACA,cAAA,CAIJ,sBACE,kBAAA,CACA,YAAA,CACA,MAAA,CACA,aAAA,CACA,4BAAA,CACA,kBAAA,CAEA,4BACE,WAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,kBAAA,CAGF,2BACE,WAAA,CACA,UAAA,CACA,cAAA,CACA,gBAAA,CACA,cAAA",sourcesContent:[".controls-wrapper {\n  .ap {\n    flex: none;\n    box-sizing: border-box;\n    background-color: #fff;\n    border: 1px solid #4374ad;\n    border-radius: 50%;\n    display: inline-block;\n    position: relative;\n    cursor: pointer;\n    margin-top: -2px;\n\n    .apc {\n      width: 6px;\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      margin: auto;\n    }\n\n    .aph {\n      width: 6px;\n      height: 6px;\n      background-color: #4374ad;\n      display: inline-block;\n      border-radius: 50%;\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 4px;\n      margin: auto;\n      cursor: pointer;\n    }\n  }\n\n  .ai {\n    background: #f2f2f2;\n    display: flex;\n    flex: 1;\n    margin: 0 12px;\n    justify-content: space-around;\n    align-items: center;\n\n    input {\n      border: none;\n      text-align: center;\n      width: 48px;\n      color: #0c0c09;\n      background: inherit;\n    }\n\n    span {\n      padding: 5px;\n      color: black;\n      cursor: pointer;\n      user-select: none;\n      font-size: 14px;\n    }\n  }\n}\n"],sourceRoot:""}]);let c=a},54:function(e,n,t){"use strict";t.r(n),t.d(n,{default:()=>c});var r=t(537),o=t.n(r),i=t(645),a=t.n(i)()(o());a.push([e.id,".cp div{box-sizing:border-box;cursor:pointer;display:inline-block;height:16px;width:16px}.cp div:hover{border:1px solid #fff}","",{version:3,sources:["webpack://./src/components/ColorPicker/index.scss"],names:[],mappings:"AACE,QACE,qBAAA,CACA,cAAA,CACA,oBAAA,CACA,WAAA,CACA,UAAA,CAEA,cACE,qBAAA",sourcesContent:[".cp {\n  div {\n    box-sizing: border-box;\n    cursor: pointer;\n    display: inline-block;\n    height: 16px;\n    width: 16px;\n\n    &:hover {\n      border: 1px solid #fff;\n    }\n  }\n}\n"],sourceRoot:""}]);let c=a},607:function(e,n,t){"use strict";t.r(n),t.d(n,{default:()=>p});var r=t(537),o=t.n(r),i=t(645),a=t.n(i),c=t(667),l=t.n(c),u=new URL(t(345),t.b),s=a()(o()),A=l()(u);s.push([e.id,`.cs{height:17px;position:absolute;width:11px;cursor:pointer;background:url(${A}) right center}.cs div{height:7px;left:2px;width:7px;position:absolute;top:8px}.cs .active{background-position:left center}.cs.vertical{transform:rotate(-90deg) translate(4px, 2px)}`,"",{version:3,sources:["webpack://./src/components/ColorStop/index.scss"],names:[],mappings:"AAAA,IACE,WAAA,CACA,iBAAA,CACA,UAAA,CACA,cAAA,CACA,+DAAA,CAEA,QACE,UAAA,CACA,QAAA,CACA,SAAA,CACA,iBAAA,CACA,OAAA,CAGF,YACE,+BAAA,CAGF,aACE,4CAAA",sourcesContent:[".cs {\n  height: 17px;\n  position: absolute;\n  width: 11px;\n  cursor: pointer;\n  background: url(./ColorStop.png) right center;\n\n  div {\n    height: 7px;\n    left: 2px;\n    width: 7px;\n    position: absolute;\n    top: 8px;\n  }\n\n  .active {\n    background-position: left center;\n  }\n\n  &.vertical {\n    transform: rotate(-90deg) translate(4px, 2px);\n  }\n}\n"],sourceRoot:""}]);let p=s},96:function(e,n,t){"use strict";t.r(n),t.d(n,{default:()=>c});var r=t(537),o=t.n(r),i=t(645),a=t.n(i)()(o());a.push([e.id,".gp{display:flex;flex-direction:column;align-items:center}.gp.vertical{flex-direction:row}.gp .gp-flat{margin:0 auto;padding:10px 0 0 !important;box-shadow:none !important;transform:none !important}.gp.color-picker-mode-popover .color-picker-wrapper{position:relative;width:100%;flex:0}.gp.color-picker-mode-popover .color-picker-wrapper .color-picker-wrapper-inner{position:absolute;display:flex;justify-content:center}.gp.color-picker-mode-popover.vertical .color-picker-wrapper .color-picker-wrapper-inner{flex-direction:column;height:100%}.gp.color-picker-mode-popover.horizontal .color-picker-wrapper .color-picker-wrapper-inner{flex-direction:row;width:100%}","",{version:3,sources:["webpack://./src/components/GradientPicker/index.scss"],names:[],mappings:"AAAA,IACE,YAAA,CACA,qBAAA,CACA,kBAAA,CAEA,aACE,kBAAA,CAGF,aACE,aAAA,CACA,2BAAA,CACA,0BAAA,CACA,yBAAA,CAIA,oDACE,iBAAA,CACA,UAAA,CACA,MAAA,CAEA,gFACE,iBAAA,CACA,YAAA,CACA,sBAAA,CAIJ,yFACE,qBAAA,CACA,WAAA,CAGF,2FACE,kBAAA,CACA,UAAA",sourcesContent:[".gp {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  &.vertical {\n    flex-direction: row;\n  }\n\n  .gp-flat {\n    margin: 0 auto;\n    padding: 10px 0 0 !important;\n    box-shadow: none !important;\n    transform: none !important;\n  }\n\n  &.color-picker-mode-popover {\n    .color-picker-wrapper {\n      position: relative;\n      width: 100%;\n      flex: 0;\n\n      .color-picker-wrapper-inner {\n        position: absolute;\n        display: flex;\n        justify-content: center;\n      }\n    }\n\n    &.vertical .color-picker-wrapper .color-picker-wrapper-inner {\n      flex-direction: column;\n      height: 100%;\n    }\n\n    &.horizontal .color-picker-wrapper .color-picker-wrapper-inner {\n      flex-direction: row;\n      width: 100%;\n    }\n  }\n}\n"],sourceRoot:""}]);let c=a},821:function(e,n,t){"use strict";t.r(n),t.d(n,{default:()=>c});var r=t(537),o=t.n(r),i=t(645),a=t.n(i)()(o());a.push([e.id,".gpw{padding:20px}.gpw .trigger{padding:5px;background:#fff;border-radius:1px;box-shadow:rgba(0,0,0,.1) 0 0 0 1px;display:inline-block;cursor:pointer}.gpw .trigger .inner{width:36px;height:14px;border-radius:2px}.gpw .popover{z-index:2;margin-top:6px;box-shadow:rgba(0,0,0,.15) 0 0 0 1px,rgba(0,0,0,.15) 0 8px 16px;background-color:#fff;padding:12px;border-radius:4px;position:absolute}.gpw .overlay{position:fixed;top:0;right:0;bottom:0;left:0}.gpw .controls-wrapper{margin:0 -10px 10px;padding:6px 0 0 10px;display:flex;flex-wrap:wrap;position:relative}.gpw .controls-wrapper.with-angle{justify-content:space-around;align-items:center}","",{version:3,sources:["webpack://./src/components/GradientPickerPopover/index.scss"],names:[],mappings:"AAAA,KACE,YAAA,CAEA,cACE,WAAA,CACA,eAAA,CACA,iBAAA,CACA,mCAAA,CACA,oBAAA,CACA,cAAA,CAEA,qBACE,UAAA,CACA,WAAA,CACA,iBAAA,CAIJ,cACE,SAAA,CACA,cAAA,CACA,+DACE,CAEF,qBAAA,CACA,YAAA,CACA,iBAAA,CACA,iBAAA,CAGF,cACE,cAAA,CACA,KAAA,CACA,OAAA,CACA,QAAA,CACA,MAAA,CAGF,uBACE,mBAAA,CACA,oBAAA,CACA,YAAA,CACA,cAAA,CACA,iBAAA,CAEA,kCACE,4BAAA,CACA,kBAAA",sourcesContent:[".gpw {\n  padding: 20px;\n\n  .trigger {\n    padding: 5px;\n    background: rgb(255, 255, 255);\n    border-radius: 1px;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px;\n    display: inline-block;\n    cursor: pointer;\n\n    .inner {\n      width: 36px;\n      height: 14px;\n      border-radius: 2px;\n    }\n  }\n\n  .popover {\n    z-index: 2;\n    margin-top: 6px;\n    box-shadow:\n      rgba(0, 0, 0, 0.15) 0 0 0 1px,\n      rgba(0, 0, 0, 0.15) 0 8px 16px;\n    background-color: white;\n    padding: 12px;\n    border-radius: 4px;\n    position: absolute;\n  }\n\n  .overlay {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n\n  .controls-wrapper {\n    margin: 0 -10px 10px;\n    padding: 6px 0 0 10px;\n    display: flex;\n    flex-wrap: wrap;\n    position: relative;\n\n    &.with-angle {\n      justify-content: space-around;\n      align-items: center;\n    }\n  }\n}\n"],sourceRoot:""}]);let c=a},730:function(e,n,t){"use strict";t.r(n),t.d(n,{default:()=>c});var r=t(537),o=t.n(r),i=t(645),a=t.n(i)()(o());a.push([e.id,".type-picker-wrapper{display:inline-flex;margin-right:16px}.type-picker-wrapper .type-picker{height:24px;width:24px;border:1px solid #eee;filter:grayscale(1);margin-right:8px;cursor:pointer;transition:all .2s ease}.type-picker-wrapper .type-picker.active{border:1px solid #4374ad;filter:grayscale(0)}.type-picker-wrapper .type-picker.lg{background:linear-gradient(270deg, #ddd, #4374ad)}.type-picker-wrapper .type-picker.rg{background:radial-gradient(circle, #fff 0, #4374ad 100%)}","",{version:3,sources:["webpack://./src/components/GradientTypePicker/index.scss"],names:[],mappings:"AAAA,qBACE,mBAAA,CACA,iBAAA,CAEA,kCACE,WAAA,CACA,UAAA,CACA,qBAAA,CACA,mBAAA,CACA,gBAAA,CACA,cAAA,CACA,uBAAA,CAEA,yCACE,wBAAA,CACA,mBAAA,CAGF,qCACE,iDAAA,CAGF,qCACE,wDAAA",sourcesContent:[".type-picker-wrapper {\n  display: inline-flex;\n  margin-right: 16px;\n\n  .type-picker {\n    height: 24px;\n    width: 24px;\n    border: 1px solid rgb(238, 238, 238);\n    filter: grayscale(1);\n    margin-right: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n\n    &.active {\n      border: 1px solid #4374ad;\n      filter: grayscale(0);\n    }\n\n    &.lg {\n      background: linear-gradient(270deg, #ddd, #4374ad);\n    }\n\n    &.rg {\n      background: radial-gradient(circle, #fff 0, #4374ad 100%);\n    }\n  }\n}\n"],sourceRoot:""}]);let c=a},645:function(e){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var t="",r=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),r&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),r&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t}).join("")},n.i=function(e,t,r,o,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(r)for(var c=0;c<this.length;c++){var l=this[c][0];null!=l&&(a[l]=!0)}for(var u=0;u<e.length;u++){var s=[].concat(e[u]);(!r||!a[s[0]])&&(void 0!==i&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=i),t&&(s[2]&&(s[1]="@media ".concat(s[2]," {").concat(s[1],"}")),s[2]=t),o&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=o):s[4]="".concat(o)),n.push(s))}},n}},667:function(e){"use strict";e.exports=function(e,n){return(n||(n={}),e&&(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes))?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e}},537:function(e){"use strict";e.exports=function(e){var n=e[1],t=e[3];if(!t)return n;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(t))));return[n].concat(["/*# ".concat("sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r)," */")]).join("\n")}return[n].join("\n")}},251:function(e,n,t){"use strict";var r=t(497),o=Symbol.for("react.element"),i=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,c=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function u(e,n,t){var r,i={},u=null,s=null;for(r in void 0!==t&&(u=""+t),void 0!==n.key&&(u=""+n.key),void 0!==n.ref&&(s=n.ref),n)a.call(n,r)&&!l.hasOwnProperty(r)&&(i[r]=n[r]);if(e&&e.defaultProps)for(r in n=e.defaultProps)void 0===i[r]&&(i[r]=n[r]);return{$$typeof:o,type:e,key:u,ref:s,props:i,_owner:c.current}}n.Fragment=i,n.jsx=u,n.jsxs=u},893:function(e,n,t){"use strict";e.exports=t(251)},713:function(e,n,t){var r=t(379),o=t(922);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={};i.insert="head",i.singleton=!1,r(o,i),e.exports=o.locals||{}},225:function(e,n,t){var r=t(379),o=t(54);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={};i.insert="head",i.singleton=!1,r(o,i),e.exports=o.locals||{}},609:function(e,n,t){var r=t(379),o=t(607);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={};i.insert="head",i.singleton=!1,r(o,i),e.exports=o.locals||{}},818:function(e,n,t){var r=t(379),o=t(96);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={};i.insert="head",i.singleton=!1,r(o,i),e.exports=o.locals||{}},526:function(e,n,t){var r=t(379),o=t(821);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={};i.insert="head",i.singleton=!1,r(o,i),e.exports=o.locals||{}},756:function(e,n,t){var r=t(379),o=t(730);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={};i.insert="head",i.singleton=!1,r(o,i),e.exports=o.locals||{}},379:function(e,n,t){"use strict";var r,o,i,a=(o={},function(e){if(void 0===o[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}o[e]=n}return o[e]}),c=[];function l(e){for(var n=-1,t=0;t<c.length;t++)if(c[t].identifier===e){n=t;break}return n}function u(e,n){for(var t={},r=[],o=0;o<e.length;o++){var i=e[o],a=n.base?i[0]+n.base:i[0],u=t[a]||0,A="".concat(a," ").concat(u);t[a]=u+1;var v=l(A),y={css:i[1],media:i[2],sourceMap:i[3]};-1!==v?(c[v].references++,c[v].updater(y)):c.push({identifier:A,updater:function(e,n){if(n.singleton){var t,r,o,i=g++;r=p.bind(null,t=f||(f=s(n)),i,!1),o=p.bind(null,t,i,!0)}else r=d.bind(null,t=s(n),n),o=function(){!function(e){if(null!==e.parentNode)e.parentNode.removeChild(e)}(t)};return r(e),function(n){n?(n.css!==e.css||n.media!==e.media||n.sourceMap!==e.sourceMap)&&r(e=n):o()}}(y,n),references:1}),r.push(A)}return r}function s(e){var n=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=t.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach(function(e){n.setAttribute(e,r[e])}),"function"==typeof e.insert)e.insert(n);else{var i=a(e.insert||"head");if(!i)throw Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(n)}return n}var A=(i=[],function(e,n){return i[e]=n,i.filter(Boolean).join("\n")});function p(e,n,t,r){var o=t?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=A(n,o);else{var i=document.createTextNode(o),a=e.childNodes;a[n]&&e.removeChild(a[n]),a.length?e.insertBefore(i,a[n]):e.appendChild(i)}}function d(e,n,t){var r=t.css,o=t.media,i=t.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var f=null,g=0;e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=(void 0===r&&(r=!!(window&&document&&document.all&&!window.atob)),r));var t=u(e=e||[],n);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<t.length;r++){var o=l(t[r]);c[o].references--}for(var i=u(e,n),a=0;a<t.length;a++){var s=l(t[a]);0===c[s].references&&(c[s].updater(),c.splice(s,1))}t=i}}}},345:function(e){"use strict";e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAQAAABzuJQIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAB7SURBVCjP3c7BDQMhDETRP4gyUlb6SEphe9w+JgdArIMPm2uGizV6MpbpERgBzGb0tuZcLvTbDSoHrMUMQmFrY/IaaOeKB7yE+1yTz43irZNXbXcCFosuXqFt9g0cyZICT7LkrU+b62vGeVv4IX+Phc+tfABZK3xj5cgHC29ECUeufxkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMDUtMzFUMTg6NDE6MzIrMDI6MDD31tLGAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA1LTMxVDE4OjQxOjMyKzAyOjAwhotqegAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII="},497:function(e){"use strict";e.exports=require("react")}},n={};function t(r){var o=n[r];if(void 0!==o)return o.exports;var i=n[r]={id:r,exports:{}};return e[r](i,i.exports,t),i.exports}t.m=e,t.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},t.d=(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.nc=void 0,t.b=document.baseURI||self.location.href;var r={};(()=>{"use strict";t.r(r),t.d(r,{getGradientPreview:()=>m,angleToGradientCords:()=>a,GradientPickerPopover:()=>eA,GradientPicker:()=>ec,GRADIENT_TYPES:()=>el,asBackground:()=>b,AnglePicker:()=>T});var e=t(893),n=t(497),o=t.n(n),i=function(e){return e<=0||1e-6>=Math.abs(e)?0:e};let a=function(){var e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t={x:i(Math.cos(e=n*Math.PI/180)),y:i(Math.sin(e))};return{x1:0*t.x,y1:0*t.y,x2:+t.x,y2:+t.y}},c=function(e){if(!e)return{y:0,x:0};var n=e.getBoundingClientRect(),t=n.top,r=n.left;return{y:t+n.height/2,x:r+n.width/2}},l=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:360;return e<n?360+e:e>t?e-360:e},u=function(e){var n=e.r,t=e.g,r=e.b,o=e.a,i=void 0===o?1:o;return 1!==i?"rgba(".concat(n,", ").concat(t,", ").concat(r,", ").concat(i,")"):"rgb(".concat(n,", ").concat(t,", ").concat(r,")")};var s=new RegExp(/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i),A=new RegExp(/^#?([a-f\d])([a-f\d])([a-f\d])$/i),p=function(e){return parseInt(e.repeat(3-e.length),16)};function d(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}var f=new RegExp(/\d+/g),g=function(e){return Number(e)},v=[{regexps:[s,A],handler:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,t=s.exec(e)||A.exec(e);return t?{r:p(t[1]),g:p(t[2]),b:p(t[3]),a:n}:void 0}},{regexps:[f],handler:function(e){var n=e.match(f);if(n){var t,r,o,i,a=function(e){if(Array.isArray(e))return e}(n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||function(e,n){if(e){if("string"==typeof e)return d(e,void 0);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return d(e,n)}}(n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),c=a[0],l=a[1],u=a[2],s=a.slice(3).join(".")||"1";return(t=Number(c),r=Number(l),o=Number(u),i=Number(s),[t,r,o].every(function(e){return e>=0&&e<=255})&&(!i||i>=0&&i<=1))?{r:g(c),g:g(l),b:g(u),a:g(s)}:void 0}}}];let y=function(e,n){var t=v.find(function(n){return n.regexps.some(function(n){return n.test(e)})});if(!t)throw Error("Stop color - ".concat(e," does not follow one of the accepted formats Hex / Rgb / Rgba "));var r=t.handler(e,n);if(!r)throw Error("Stop color - ".concat(e," is not a valid color"));return u(r)},h=function(e){var n=e.toString().trim();return n.endsWith("%")?Number(n.replace("%","")):100*Number(n)};var b=function(e){var n=e.angle,t=e.stops,r=e.type;return 1===t.length?t[0].color:"".concat(r,"-gradient(").concat("linear"===r?"".concat(n,"deg, "):"").concat(t.map(function(e){return"".concat(e.color," ").concat(e.offset,"%")}).join(", "),")")};let m=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:90,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"linear",r=a(n);return{background:b({angle:n,stops:e.map(function(e){var n=e.offset,t=e.color,r=e.opacity;return{offset:h(n),color:y(t,r)}}),type:t}),gradient:r,angle:n}},C=function(){},x=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=e%n;return 0===t?e:e+(t>n/2?n-t:-1*t)};function w(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}var O=function(e,n){return e.offset-n.offset};let j=function(e){return((function(e){if(Array.isArray(e))return w(e)})(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return w(e,void 0);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return w(e,n)}}(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).sort(O)};var S={MOUSEMOVE:"mousemove",MOUSEUP:"mouseup",TOUCHSTART:"touchstart",TOUCHMOVE:"touchmove",TOUCHEND:"touchend"};function E(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function k(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],a=!0,c=!1;try{for(o=o.call(e);!(a=(t=o.next()).done)&&(i.push(t.value),!n||i.length!==n);a=!0);}catch(e){c=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(c)throw r}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return E(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return E(e,n)}}(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var P={MOUSE:{stop:function(e){e.preventDefault(),e.stopPropagation()},coordinates:function(e){return{clientX:e.clientX,clientY:e.clientY}},dragEvent:{name:S.MOUSEMOVE},dragEndEvent:{name:S.MOUSEUP}},TOUCH:{stop:C,coordinates:function(e){var n=k(e.touches,1)[0];return{clientX:n.clientX,clientY:n.clientY}},dragEvent:{name:S.TOUCHMOVE,options:{passive:!0}},dragEndEvent:{name:S.TOUCHEND}}};let B=function(e){var t=e.onDragStart,r=void 0===t?C:t,o=e.onDrag,i=void 0===o?C:o,a=e.onDragEnd,c=void 0===a?C:a,l=k((0,n.useState)({}),2),u=l[0],s=l[1],A=k((0,n.useState)(!1),2),p=A[0],d=A[1],f=function(e,n){d(!0),s({handler:n}),r(n.coordinates(e))},g=function(){d(!1),c(u.change),s({})},v=function(e){var n=u.handler;if(p&&n){var t=n.coordinates(e);u.change=t,i(t)}};return(0,n.useEffect)(function(){var e=u.handler;if(e){var n=e.dragEvent,t=e.dragEndEvent;return p&&(document.addEventListener(n.name,v,n.options),document.addEventListener(t.name,g,t.options)),function(){document.removeEventListener(n.name,v,n.options),document.removeEventListener(t.name,g,t.options)}}},[p]),[function(e){var n=e.type===S.TOUCHSTART?P.TOUCH:P.MOUSE;n.stop(e),"button"in e&&0!==e.button||f(e,n)},f,g]};function I(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}t(713);let T=function(t){var r,o=t.angle,i=t.setAngle,a=t.size,u=void 0===a?24:a,s=t.snap,A=void 0===s?5:s,p=(0,n.useRef)(null),d=function(e){var n=e.clientX,t=e.clientY,r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(p.current){var o=c(p.current),a=l(Math.round(180/Math.PI*Math.atan2(t-o.y,n-o.x))+90);i(r?x(a,A):a)}},f=(function(e){if(Array.isArray(e))return e}(r=B({onDragStart:function(e){return d(e,!0)},onDrag:d,onDragEnd:function(e){e&&d(e,!0)}}))||function(e,n){var t,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],a=!0,c=!1;try{for(o=o.call(e);!(a=(t=o.next()).done)&&(i.push(t.value),i.length!==n);a=!0);}catch(e){c=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(c)throw r}}return i}}(r,1)||function(e,n){if(e){if("string"==typeof e)return I(e,1);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return I(e,n)}}(r,1)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{className:"ap",ref:p,onMouseDown:f,onTouchStart:f,style:{height:u,width:u},children:(0,e.jsx)("span",{className:"apc",style:{transform:"rotate(".concat(o,"deg)"),height:u},children:(0,e.jsx)("i",{className:"aph"})})}),(0,e.jsxs)("div",{className:"ai",children:[(0,e.jsx)("span",{onClick:function(){return i(o-1)},children:"−"}),(0,e.jsx)("input",{value:"".concat(o,"\xb0"),disabled:!0}),(0,e.jsx)("span",{onClick:function(){return i(o+1)},children:"+"})]})]})};var M=[{value:"#000000",name:"black"},{value:"#808080",name:"gray"},{value:"#C0C0C0",name:"silver"},{value:"#FFFFFF",name:"white"},{value:"#FF0000",name:"red"},{value:"#800000",name:"maroon"},{value:"#FFFF00",name:"yellow"},{value:"#808000",name:"olive"},{value:"#00FF00",name:"lime"},{value:"#008000",name:"green"},{value:"#00FFFF",name:"aqua"},{value:"#008080",name:"teal"},{value:"#0000FF",name:"blue"},{value:"#000080",name:"navy"},{value:"#FF00FF",name:"fuchsia"},{value:"#800080",name:"purple"}];t(225);let R=function(n){var t=n.onSelect;return(0,e.jsx)("div",{className:"cp",children:M.map(function(n){var r=n.value,o=n.name;return(0,e.jsx)("div",{onClick:function(){return t(r)},title:o,style:{backgroundColor:r}},o)})})};var N={HORIZONTAL:"horizontal"},D=N.HORIZONTAL,U="color-picker",F=[".".concat(U),".".concat("gp"," .").concat("csh")],L={STATIC:"static",POPOVER:"popover"},G=L.STATIC;function _(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function H(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],a=!0,c=!1;try{for(o=o.call(e);!(a=(t=o.next()).done)&&(i.push(t.value),!n||i.length!==n);a=!0);}catch(e){c=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(c)throw r}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return _(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return _(e,n)}}(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Y=function(e,n){if(!e.current)return 0;var t=e.current.getBoundingClientRect();return n===N.HORIZONTAL?t.top:t.left};let z=function(e){var t=e.limits,r=e.stop,o=e.initialPos,i=e.colorStopRef,a=e.onPosChange,c=e.onDragStart,l=e.onDragEnd,u=e.onDeleteColor,s=e.direction,A=H((0,n.useState)(o||0),2),p=A[0],d=A[1];return[H(B({onDragStart:function(e){var n=e.clientX,t=e.clientY;d(s===N.HORIZONTAL?n:t),void 0!==r.id&&c(r.id)},onDrag:function(e){var n=r.id,o=r.offset;if(void 0!==n){var c=t.min,l=t.max;if(Math.abs((s===N.HORIZONTAL?e.clientY:e.clientX)-Y(i,s))>(t.drop||0))return u(n);a({id:n,offset:Math.max(Math.min(o-p+(s===N.HORIZONTAL?e.clientX:e.clientY),l),c)})}},onDragEnd:function(){void 0!==r.id&&l(r.id)}}),1)[0]]};function Z(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function q(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],a=!0,c=!1;try{for(o=o.call(e);!(a=(t=o.next()).done)&&(i.push(t.value),!n||i.length!==n);a=!0);}catch(e){c=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(c)throw r}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Z(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Z(e,n)}}(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}t(609);let X=function(t){var r=t.stop,o=t.limits,i=t.onPosChange,a=t.onDeleteColor,c=t.onDragStart,l=t.onDragEnd,u=t.direction,s=(0,n.useRef)(null),A=q((0,n.useState)(!1),2),p=A[0],d=A[1],f=q(z({stop:r,limits:o,onPosChange:i,onDragStart:void 0===c?C:c,onDragEnd:void 0===l?C:l,onDeleteColor:a,colorStopRef:s,direction:u}),1)[0];(0,n.useEffect)(function(){setTimeout(function(){return d(!0)},500)},[]);var g=r.offset,v=r.color,y=r.isActive,h=r.opacity,b=r.id;return(0,e.jsx)("div",{className:"cs ".concat(u," ").concat(y?"active":""),ref:s,style:u===N.HORIZONTAL?{left:g}:{top:g},onMouseDown:f,onDoubleClick:function(){p&&void 0!==b&&a(b)},onTouchStart:f,children:(0,e.jsx)("div",{style:{backgroundColor:v,opacity:h}})})},Q=function(n){var t,r=n.width,o=n.direction,i=n.stops,a=n.disabled,c=n.onAddColor,l=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],!(n.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["width","direction","stops","disabled","onAddColor"]);return(0,e.jsx)("div",{className:"csh",style:(t=void 0!==a&&a,{width:o===N.HORIZONTAL?r:17,height:o===N.HORIZONTAL?17:r,position:"relative",cursor:t?"default":"crosshair"}),onMouseDown:function(e){e.preventDefault(),e.button||c({offset:o===N.HORIZONTAL?e.clientX-e.currentTarget.getBoundingClientRect().left:e.clientY-e.currentTarget.getBoundingClientRect().top})},children:i.map(function(n){return(0,e.jsx)(X,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.forEach(function(n){var r;r=t[n],n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r})}return e}({stop:n,direction:o},l),n.id)})})};var W=function(e){var t=e.pickerRef,r=e.callback,o=e.ignoredSelectors,i=e.enabled;(0,n.useEffect)(function(){var e=function(e){var n,i=null===(n=t.current)||void 0===n?void 0:n.contains(e.target),a=o.some(function(n){return e.target.closest(n)});i||a||r()};return i&&document.addEventListener("click",e),function(){i&&document.removeEventListener("click",e)}},[r,o,i,t])},V=function(){return""+Math.random().toString(36).substr(2,9)};let $=function(t){var r,o,i=t.palette,a=t.width,c=t.height,l=t.direction,u=j(i),s=(0,n.useMemo)(V,[i.length]),A=l===N.HORIZONTAL?{width:a,height:c}:{width:c,height:a};return(0,e.jsx)("div",{className:"palette",style:A,children:(0,e.jsxs)("svg",{width:"100%",height:"100%",children:[(0,e.jsx)("defs",{children:(0,e.jsx)("linearGradient",(r=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.forEach(function(n){var r;r=t[n],n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r})}return e}({id:s},l===N.HORIZONTAL?{x1:0,y1:.5,x2:1,y2:.5}:{x1:.5,y1:0,x2:.5,y2:1}),o=o={children:u.map(function(n){var t=n.id,r=n.offset,o=n.color,i=n.opacity;return(0,e.jsx)("stop",{offset:r,style:{stopColor:o,stopOpacity:void 0===i?1:i}},t)})},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):(function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t})(Object(o)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}),r))}),(0,e.jsx)("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:"url(#".concat(s,")")})]})})};function J(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function K(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.forEach(function(n){var r;r=t[n],n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r})}return e}function ee(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):(function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t})(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}),e}function en(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],a=!0,c=!1;try{for(o=o.call(e);!(a=(t=o.next()).done)&&(i.push(t.value),!n||i.length!==n);a=!0);}catch(e){c=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(c)throw r}}return i}}(e,n)||er(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function et(e){return function(e){if(Array.isArray(e))return J(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||er(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function er(e,n){if(e){if("string"==typeof e)return J(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return J(e,n)}}t(818);var eo=function(e){var n,t=e.map(function(e){return e.id}).filter(function(e){return void 0!==e});return t.length>0?(n=Math).max.apply(n,et(t))+1:0},ei=function(e){var n=e.palette,t=e.activeId,r=e.width;return n.map(function(e){return ee(K({},e),{id:e.id,offset:r*Number(e.offset)-5,isActive:e.id===t})})},ea=function(e,n){return(void 0!==n?e.find(function(e){return e.id===n}):void 0)||e[0]};let ec=function(t){var r=t.palette,i=t.paletteHeight,a=t.width,c=void 0===a?220:a,l=t.stopRemovalDrop,u=void 0===l?50:l,s=t.minStops,A=void 0===s?2:s,p=t.maxStops,d=void 0===p?5:p,f=t.children,g=t.flatStyle,v=void 0!==g&&g,y=t.onPaletteChange,h=t.onColorStopSelect,b=void 0===h?C:h,m=t.direction,x=void 0===m?D:m,w=t.colorPickerMode,O=void 0===w?G:w,S=r.map(function(e,n){return ee(K({},e),{id:n})}),E=en((0,n.useState)(O===L.STATIC),2),k=E[0],P=E[1],B=en(S,1)[0],I=en((0,n.useState)(B.id),2),T=I[0],M=I[1],N=(0,n.useRef)(null),_=O===L.POPOVER,H=(0,n.useMemo)(function(){return{min:-5,max:c-5,drop:u}},[c,u]);W({pickerRef:N,callback:(0,n.useCallback)(function(){return P(!1)},[P]),ignoredSelectors:F,enabled:_});var Y=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;z(S.map(function(t){return T===t.id?ee(K({},t),{color:e,opacity:n}):t}))},z=function(e){y(j(e).map(function(e){var n=e.offset,t=e.id;return ee(K({},function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],!(n.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,["offset","id"])),{id:t,offset:Number(Number(n).toFixed(3)),active:t===T})}))},Z=c-5,q=S.length>=d;return(0,e.jsxs)("div",{ref:N,"data-testid":"gradient-picker",className:"".concat("gp"," color-picker-mode-").concat(O," ").concat(x),children:[(0,e.jsx)($,{width:Z,height:void 0===i?32:i,palette:S,direction:x}),(0,e.jsx)(Q,{width:Z,disabled:q,stops:ei({palette:S,width:Z,activeId:T||0}),limits:H,onPosChange:function(e){var n=e.id,t=e.offset;z(S.map(function(e){return n===e.id?ee(K({},e),{offset:(t+5)/c}):e}))},onAddColor:function(e){var n=e.offset;if(!(S.length>=d)){_&&P(!0);var t=ea(S,T).color,r={id:eo(S),offset:n/c,color:t,opacity:1},o=et(S).concat([r]);M(r.id),z(o)}},onDeleteColor:function(e){if(!(S.length<=A)){var n=S.filter(function(n){return n.id!==e});M(n.reduce(function(e,n){return Number(n.offset)<Number(e.offset)?n:e},n[0]).id),z(n)}},onDragStart:function(e){if(_&&P(!0),e!==T){M(e);var n=S.find(function(n){return n.id===e});n&&b(n)}},direction:x}),(0,e.jsx)("div",{className:"color-picker-wrapper",children:(0,e.jsx)("div",{className:"color-picker-wrapper-inner",children:k&&function(){var n=ea(S,T),t=ee(K({color:n.color,opacity:n.opacity,className:U},v&&{width:c,className:"gp-flat ".concat(U)}),{onSelect:Y});if(!f)return(0,e.jsx)(R,K({},t));var r=o().Children.only(f);return o().cloneElement(r,t)}()})})]})};var el={LINEAR:"linear",RADIAL:"radial"};t(756);let eu=function(n){var t=n.gradientType,r=n.onGradientTypeChange,o=t===el.LINEAR;return(0,e.jsxs)("span",{className:"type-picker-wrapper",children:[(0,e.jsx)("span",{className:"type-picker lg ".concat(o?"active":""),onClick:function(){return r(el.LINEAR)}}),(0,e.jsx)("span",{className:"type-picker rg ".concat(o?"":"active"),onClick:function(){return r(el.RADIAL)}})]})};function es(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}t(526);let eA=function(t){var r,o,i,a=t.palette,c=t.open,l=void 0!==c&&c,u=t.setOpen,s=t.trigger,A=t.showAnglePicker,p=void 0===A||A,d=t.showGradientTypePicker,f=t.angle,g=void 0===f?0:f,v=t.setAngle,y=t.gradientType,h=t.setGradientType,b=t.onPaletteChange,C=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],!(n.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["palette","open","setOpen","trigger","showAnglePicker","showGradientTypePicker","angle","setAngle","gradientType","setGradientType","onPaletteChange"]),x=function(e){if(Array.isArray(e))return e}(r=(0,n.useState)(el.LINEAR))||function(e,n){var t,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],a=!0,c=!1;try{for(o=o.call(e);!(a=(t=o.next()).done)&&(i.push(t.value),i.length!==n);a=!0);}catch(e){c=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(c)throw r}}return i}}(r,2)||function(e,n){if(e){if("string"==typeof e)return es(e,2);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return es(e,n)}}(r,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),w=x[0],O=x[1],j=y||w,S=m(a,g,j).background,E=void 0===d||d||p,k=j===el.LINEAR;return(0,e.jsxs)("div",{className:"gpw",children:[(void 0===s?function(n,t){return(0,e.jsx)("div",{className:"trigger",onClick:t,children:(0,e.jsx)("div",{className:"inner",style:{background:n}})})}:s)(S,function(){return u(!l)}),l&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{className:"overlay",onClick:function(){return u(!1)}}),(0,e.jsxs)("div",{className:"popover",children:[E&&(0,e.jsxs)("div",{className:"controls-wrapper",children:[(0,e.jsx)(eu,{gradientType:j,onGradientTypeChange:function(e){h?h(e):O(e)}}),p&&k&&(0,e.jsx)(T,{angle:g,setAngle:void 0===v?function(){}:v,size:28})]}),(0,e.jsx)(ec,(o=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.forEach(function(n){var r;r=t[n],n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r})}return e}({},C),i=i={palette:a,flatStyle:!0,onPaletteChange:b},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):(function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t})(Object(i)).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(i,e))}),o))]})]})]})}})(),module.exports=r})();
//# sourceMappingURL=index.js.map