https://www.aragon.es/o/frontend-taglib-clay/__liferay__/exports/@clayui$color-picker.js

1import*as e from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";import*as t from"../../../frontend-js-react-web/__liferay__/exports/react.js";import*as r from"../../../frontend-taglib-clay/__liferay__/exports/@clayui$button.js";import*as n from"../../../frontend-taglib-clay/__liferay__/exports/@clayui$drop-down.js";import*as o from"../../../frontend-taglib-clay/__liferay__/exports/@clayui$form.js";import*as a from"../../../frontend-taglib-clay/__liferay__/exports/@clayui$icon.js";import*as i from"../../../frontend-taglib-clay/__liferay__/exports/@clayui$shared.js";import*as l from"../../../frontend-taglib-clay/__liferay__/exports/@clayui$slider.js";var u={777:(p,h,y)=>{Object.defineProperty(h,"__esModule",{value:!0}),h.default=void 0;var b=y(798),g=_interopRequireDefault(y(445)),m=_interopRequireDefault(y(421));function _interopRequireDefault(p){return p&&p.__esModule?p:{default:p}}h.default=function ClayColorPickerAlpha(p){var h=p.color,y=p.onChange,v=p.value,_=void 0===v?0:v;return m.default.createElement("div",{className:"clay-color-form-group"},m.default.createElement(g.default,{className:"clay-color-slider clay-color-slider-alpha",max:1,min:0,onChange:y,showTooltip:!1,step:.01,style:{color:h},value:_}),m.default.createElement(b.ClayInput.Group,null,m.default.createElement(b.ClayInput.GroupItem,null,m.default.createElement(b.ClayInput,{"data-testid":"aInput",insetBefore:!0,max:"1",min:"0",onChange:function onChange(p){return y(Number(p.target.value))},step:"0.01",type:"number",value:0!==_&&1!==_?_.toFixed(2):_}),m.default.createElement(b.ClayInput.GroupInsetItem,{before:!0,tag:"label"},"A"))))}},392:(p,h,y)=>{Object.defineProperty(h,"__esModule",{value:!0}),h.default=void 0;var b=_interopRequireDefault(y(421)),g=_interopRequireDefault(y(219));function _interopRequireDefault(p){return p&&p.__esModule?p:{default:p}}h.default=function ClayColorPickerBasic(p){var h=p.colors,y=p.label,m=p.onChange;return b.default.createElement(b.default.Fragment,null,y&&b.default.createElement("div",{className:"clay-color-header"},b.default.createElement("span",{className:"component-title"},y)),b.default.createElement("div",{className:"clay-color-swatch"},h.map((function(p,h){return b.default.createElement("div",{className:"clay-color-swatch-item",key:h},b.default.createElement(g.default,{onClick:function onClick(){return m(p)},value:p}))}))))}},480:(p,h,y)=>{function _typeof(p){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(p){return typeof p}:function(p){return p&&"function"==typeof Symbol&&p.constructor===Symbol&&p!==Symbol.prototype?"symbol":typeof p})(p)}Object.defineProperty(h,"__esModule",{value:!0}),h.default=void 0;var b=_interopRequireDefault(y(663)),g=function _interopRequireWildcard(p,h){if(!h&&p&&p.__esModule)return p;if(null===p||"object"!==_typeof(p)&&"function"!=typeof p)return{default:p};var y=_getRequireWildcardCache(h);if(y&&y.has(p))return y.get(p);var b={},g=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in p)if("default"!==m&&Object.prototype.hasOwnProperty.call(p,m)){var v=g?Object.getOwnPropertyDescriptor(p,m):null;v&&(v.get||v.set)?Object.defineProperty(b,m,v):b[m]=p[m]}return b.default=p,y&&y.set(p,b),b}(y(421)),m=_interopRequireDefault(y(861)),v=_interopRequireDefault(y(219)),_=y(679);function _getRequireWildcardCache(p){if("function"!=typeof WeakMap)return null;var h=new WeakMap,y=new WeakMap;return(_getRequireWildcardCache=function _getRequireWildcardCache(p){return p?y:h})(p)}function _interopRequireDefault(p){return p&&p.__esModule?p:{default:p}}var C="FFFFFF",x={close:"close",customColor:"custom color"};h.default=function ClayColorPickerCustom(p){var h=p.color,y=p.colors,w=p.editorActive,A=p.label,S=p.messages,F=void 0===S?x:S,k=p.onChange,O=p.onColorsChange,R=p.onEditorActiveChange,E=p.onSplotchChange,j=p.showPalette,P=p.splotch,H=p.spritemap,I=(0,g.useRef)(h);return g.default.createElement("div",null,A&&g.default.createElement("div",{className:"clay-color-header"},g.default.createElement("span",{className:"component-title"},A),j&&g.default.createElement("button",{"aria-label":w?F.close:F.customColor,className:"".concat(w?"close"

1:""," component-action"),onClick:function onClick(){return R(!w)},type:"button"},g.default.createElement(b.default,{spritemap:H,symbol:w?"times":"drop"}))),j&&g.default.createElement("div",{className:"clay-color-swatch"},y.map((function(p,b){return g.default.createElement("div",{className:"clay-color-swatch-item",key:b},g.default.createElement(v.default,{active:b===P,onClick:function onClick(){if(P!==b&&E(b),p===C)if(R(!0),I.current!==(0,m.default)(C)&&-1===(0,_.findColorIndex)(y,h)&&void 0===P)O(h.toHex(),b),k(h,h.getOriginalInput());else{var g=(0,m.default)(p);O(p,b),k(g,p)}else{var v=p.includes("var(")?(0,_.getCSSVariableColor)(p):(0,m.default)(p);I.current=v,k(v,p)}},value:p}))}))))}},893:(p,h,y)=>{function _typeof(p){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(p){return typeof p}:function(p){return p&&"function"==typeof Symbol&&p.constructor===Symbol&&p!==Symbol.prototype?"symbol":typeof p})(p)}Object.defineProperty(h,"__esModule",{value:!0}),h.Editor=function Editor(p){var h=p.color,y=p.colors,S=p.hex,F=p.hue,k=p.internalToHex,O=p.onChange,R=p.onColorChange,E=p.onHexChange,j=p.onHueChange,P=h.toRgb(),H=P.b,I=P.g,T=P.r,q=h.toHsv(),D=q.s,M=q.v,N=[[T,"r"],[I,"g"],[H,"b"]];return m.default.createElement(m.default.Fragment,null,m.default.createElement(x.default,{onChange:function onChange(p){p<b.min?p=b.min:p>b.maxHue&&(p=b.maxHue),j(p),R((0,v.default)({h:p,s:D,v:M}).setAlpha(h.getAlpha()))},value:F}),m.default.createElement("div",{className:"clay-color-map-group"},m.default.createElement(C.default,{color:h,hue:F,onChange:function onChange(p,y){R((0,v.default)({h:F,s:p,v:y}).setAlpha(h.getAlpha()))}}),m.default.createElement("div",{className:"clay-color-map-values"},N.map((function(p){var h=_slicedToArray(p,2),y=h[0],b=h[1];return m.default.createElement(A,{key:b,name:b,onChange:function onChange(p){var h=(0,v.default)(_objectSpread({b:H,g:I,r:T},p));j(h.toHsv().h),R(h)},value:y})})))),m.default.createElement(_.default,{color:"#".concat(h.toHex()),onChange:function onChange(p){var y=h.clone();R(y.setAlpha(p))},value:h.getAlpha()}),m.default.createElement("div",{className:"clay-color-footer"},m.default.createElement(g.default.Group,null,m.default.createElement(g.ClayInput.Group,null,m.default.createElement(g.ClayInput.GroupItem,{className:"input-group-item-focusable"},m.default.createElement(g.ClayInput,{"data-testid":"customHexInput",insetBefore:!0,onBlur:function onBlur(p){var y=(0,v.default)(p.target.value);y.isValid()?E(k(y)):E(k(h))},onChange:function onChange(p){var h=p.target.value;E(h);var b=(0,v.default)(h);if(b.isValid()){j(b.toHsv().h);var g=(0,w.findColorIndex)(y,b);O(b,-1===g)}},type:"text",value:S.toUpperCase().substring(0,h.getAlpha()<1?8:6)}),m.default.createElement(g.ClayInput.GroupInsetItem,{before:!0,tag:"label"},"#"))))))},h.LimitValue=void 0,h.useEditor=function useEditor(p,h,y){var b=_slicedToArray((0,m.useReducer)(reducer,{},(function(){var b=y.findIndex((function(h){return h.toUpperCase()===p.toUpperCase()}));return{hex:h.toHex8(),hue:h.toHsv().h,splotch:-1!==b?b:void 0}})),2);return[b[0],b[1]]};var b,g=_interopRequireWildcard(y(798)),m=_interopRequireWildcard(y(421)),v=_interopRequireDefault(y(861)),_=_interopRequireDefault(y(777)),C=_interopRequireDefault(y(808)),x=_interopRequireDefault(y(393)),w=y(679);function _interopRequireDefault(p){return p&&p.__esModule?p:{default:p}}function _getRequireWildcardCache(p){if("function"!=typeof WeakMap)return null;var h=new WeakMap,y=new WeakMap;return(_getRequireWildcardCache=function _getRequireWildcardCache(p){return p?y:h})(p)}function _interopRequireWildcard(p,h){if(!h&&p&&p.__esModule)return p;if(null===p||"object"!==_typeof(p)&&"function"!=typeof p)return{default:p};var y=_getRequireWildcardCache(h);if(y&&y.has(p))return y.get(p);var b={},g=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in p)if("default"!==m&&Object.prototype.hasOwnProperty.call(p,m)){var v=g?Object.getOwnPropertyDescriptor(p,m):null;v&&(v.get||v.set)?Object.defineProperty(b,m,v):b[m]=p[m]}return b.default=p,y&&y.set(p,b),b}function _slicedToArray(p,h){return function _arrayWithHoles(p){if(Array.isArray(p))return p}(p)||function _iterableToArrayLimit(p,h){var y=null==p?null:"undefined"!=typeof Symbol&&p[Symbol.iterator]||p["@@iterator"];if(null!=y){var b,g,m=[],v=!0,_=!1;try{for(y=y.call(p);!(v=(b=y.next()).done)&&(m.push(b.value),!h||m.length!==h);v=!0);}catch(p){_=!0,g=p}finally{try{v||null==y.return||y.return()}finally{if(_)throw g}}return m}}(p,h)||function _unsupportedIterableToArray(p,h){if(p){if("string"==typeof p)return _arrayLikeToArray(p,h);var y=Object.prototype.toString.call(p).slice(8,-1);return"Object"===y&&p.constructor&&(y=p.constructor.name),"Map"===y||"Set"===y?Array.from(p):"Arguments"===y||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(y)?_arrayLikeToArray(p,h):void 0}}(p,h)||function _nonIterableRest(){throw new TypeError("Invalid attempt to de

1structure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(p,h){(null==h||h>p.length)&&(h=p.length);for(var y=0,b=new Array(h);y<h;y++)b[y]=p[y];return b}function ownKeys(p,h){var y=Object.keys(p);if(Object.getOwnPropertySymbols){var b=Object.getOwnPropertySymbols(p);h&&(b=b.filter((function(h){return Object.getOwnPropertyDescriptor(p,h).enumerable}))),y.push.apply(y,b)}return y}function _objectSpread(p){for(var h=1;h<arguments.length;h++){var y=null!=arguments[h]?arguments[h]:{};h%2?ownKeys(Object(y),!0).forEach((function(h){_defineProperty(p,h,y[h])})):Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(h){Object.defineProperty(p,h,Object.getOwnPropertyDescriptor(y,h))}))}return p}function _defineProperty(p,h,y){return h in p?Object.defineProperty(p,h,{value:y,enumerable:!0,configurable:!0,writable:!0}):p[h]=y,p}function reducer(p,h){return _objectSpread(_objectSpread({},p),h)}h.LimitValue=b,function(p){p[p.maxRGB=255]="maxRGB",p[p.maxHue=360]="maxHue",p[p.min=0]="min"}(b||(h.LimitValue=b={}));var A=function RGBInput(p){var h=p.name,y=p.onChange,v=p.value,_=(0,m.useRef)(null),C=_slicedToArray((0,m.useState)(v),2),x=C[0],w=C[1];return(0,m.useEffect)((function(){document.activeElement!==_.current&&w(v)}),[v]),m.default.createElement(g.default.Group,null,m.default.createElement(g.ClayInput.Group,null,m.default.createElement(g.ClayInput.GroupItem,{className:"input-group-item-focusable"},m.default.createElement(g.ClayInput,{"data-testid":"".concat(h,"Input"),insetBefore:!0,max:b.maxRGB,min:b.min,onChange:function onChange(p){var g=p.target.value;if(""!==g){var m=Number(g);m<b.min?m=b.min:m>b.maxRGB&&(m=b.maxRGB),w(m),y(_defineProperty({},h,m))}},ref:_,type:"number",value:x}),m.default.createElement(g.ClayInput.GroupInsetItem,{before:!0,tag:"label"},h.toUpperCase()))))}},808:(p,h,y)=>{Object.defineProperty(h,"__esModule",{value:!0}),h.default=void 0;var b=function _interopRequireDefault(p){return p&&p.__esModule?p:{default:p}}(y(421)),g=y(922),m=y(679),v="undefined"==typeof window?b.default.useEffect:b.default.useLayoutEffect;h.default=function ClayColorPickerGradientSelector(p){var h=p.color,y=p.onChange,_=void 0===y?function(){}:y,C=p.hue,x=void 0===C?0:C,w=b.default.useRef(null),A=b.default.useRef(!1),S=(0,g.usePointerPosition)(w),F=S.onPointerMove,k=S.setXY,O=S.x,R=S.y,E=function removeListeners(){A.current=!1,window.removeEventListener("pointermove",F),window.removeEventListener("pointerup",removeListeners)};return v((function(){var p=w.current;p&&A.current&&_((0,m.xToSaturation)(O,p),(0,m.yToVisibility)(R,p))}),[O,R]),b.default.useEffect((function(){w.current&&!A.current&&k((0,m.colorToXY)(h,w.current))}),[h]),b.default.useEffect((function(){return E}),[]),b.default.createElement("div",{className:"clay-color-map clay-color-map-hsb",onPointerDown:function onPointerDown(p){p.preventDefault(),A.current=!0,F(p),w.current.querySelector(".clay-color-map-pointer").focus(),window.addEventListener("pointermove",F),window.addEventListener("pointerup",E)},ref:w,style:{backgroundColor:"hsl(".concat(x,", 100%, 50%)"),backgroundImage:"linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #FFF, rgba(255, 255, 255, 0))"}},b.default.createElement("button",{className:"clay-color-map-pointer clay-color-pointer",style:{background:h.toHexString(),left:O-7,top:R-7},type:"button"}))}},393:(p,h,y)=>{Object.defineProperty(h,"__esModule",{value:!0}),h.default=void 0;var b=y(798),g=_interopRequireDefault(y(445)),m=_interopRequireDefault(y(421)),v=y(893);function _interopRequireDefault(p){return p&&p.__esModule?p:{default:p}}h.default=function ClayColorPickerHue(p){var h=p.value,y=void 0===h?0:h,_=p.onChange,C=void 0===_?function(){}:_;return m.default.createElement("div",{className:"clay-color-form-group"},m.default.createElement(g.default,{className:"clay-color-slider clay-color-slider-hue","data-testid":"hueSlider",max:v.LimitValue.maxHue,min:v.LimitValue.min,onChange:C,showTooltip:!1,step:1,style:{color:"hsl(".concat(y,", 100%, 50%)")},value:y}),m.default.createElement(b.ClayInput.Group,null,m.default.createElement(b.ClayInput.GroupItem,null,m.default.createElement(b.ClayInput,{"data-testid":"hInput",insetBefore:!0,max:"360",min:"0",onChange:function onChange(p){var h=p.target.value,y=Number(h);y<0?y=0:y>360&&(y=360),C(y)},type:"number",value:y}),m.default.createElement(b.ClayInput.GroupInsetItem,{before:!0,tag:"label"},"H"))))}},219:(p,h,y)=>{Object.defineProperty(h,"__esModule",{value:!0}),h.default=void 0;var b=_interopRequireDefault(y(539)),g=_interopRequireDefault(y(238)),m=_interopRequireDefault(y(421)),v=_interopRequireDefault(y(861)),_=["active","className","size","title","value"];function _interopRequireDefault(p){return p&&p.__esModule?p:{default:p}}function _extends(){return(_extends=Object.assign?Object.assign.bind():function(p){for(var h=1;h<arguments.length;h++){var y=arguments[h];for(var b in y)Object.prototype.hasOwnProperty.call(y,b)&&(p[b]=y[b])}return p}).apply(this,arguments)}var C=m.default.forwardRef((function(p,h){var y,C,x,w=p.active,A=p.className,S=p.size,F=p.title,k=p.value,O=function _objectWithoutProperties(p,h){if(null==p)return{};var y,b,g=function _objectWithoutPropertiesLoose(p,h){if(null==p)return{};var y,b,g={},m=Object.keys(p);for(b=0;b<m.length;b++)y=m[b],h.indexOf(y)>=0||(g[y]=p[y]);return g}(p,h);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(p);for(b=0;b<m.length;b++)y=m[b],h.indexOf(y)>=0||Object.prototype.propertyIsEnumerable.call(p,y)&&(g[y]=p[y])}return g}(p,_),R=(0,v.default)(k),E=(R.getFormat()||"").match("hex"),j=!R.isValid()||v.default.readability("#FFF",k)<1.1;return m.default.createElement(b.default,_extends({},O,{className:(0,g.default)("clay-color-btn",A,{active:w,"clay-color-btn-bordered":j}),displayType:null,ref:h,style:{background:(null==O||null===(y=O.style)||void 0===y?void 0:y.background)||"".concat(E?"#":"").concat(k),height:(null==O||null===(C=O.style)||void 0===C?void 0:C.height)||S,width:(null==O||null===(x=O.style)||void 0===x?void 0:x.width)||S},title:F||"".concat(E?"#":"").concat(k)}))}));C.displayName="ClayColorPickerSplotch";var x=C;h.default=x}

1,922:(p,h,y)=>{function _typeof(p){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(p){return typeof p}:function(p){return p&&"function"==typeof Symbol&&p.constructor===Symbol&&p!==Symbol.prototype?"symbol":typeof p})(p)}Object.defineProperty(h,"__esModule",{value:!0}),h.usePointerPosition=function usePointerPosition(p){var h=function _slicedToArray(p,h){return function _arrayWithHoles(p){if(Array.isArray(p))return p}(p)||function _iterableToArrayLimit(p,h){var y=null==p?null:"undefined"!=typeof Symbol&&p[Symbol.iterator]||p["@@iterator"];if(null!=y){var b,g,m=[],v=!0,_=!1;try{for(y=y.call(p);!(v=(b=y.next()).done)&&(m.push(b.value),!h||m.length!==h);v=!0);}catch(p){_=!0,g=p}finally{try{v||null==y.return||y.return()}finally{if(_)throw g}}return m}}(p,h)||function _unsupportedIterableToArray(p,h){if(p){if("string"==typeof p)return _arrayLikeToArray(p,h);var y=Object.prototype.toString.call(p).slice(8,-1);return"Object"===y&&p.constructor&&(y=p.constructor.name),"Map"===y||"Set"===y?Array.from(p):"Arguments"===y||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(y)?_arrayLikeToArray(p,h):void 0}}(p,h)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(b.default.useState({x:0,y:0}),2),y=h[0],g=h[1],m=(0,b.useCallback)((function(h){if(p.current){var y=p.current.getBoundingClientRect(),b=h.pageX-(y.left+window.pageXOffset);b=b<0?0:b>y.width?y.width:b;var m=h.pageY-(y.top+window.pageYOffset);m=m<0?0:m>y.height?y.height:m,g({x:b,y:m})}}),[]);return _objectSpread(_objectSpread({},y),{},{onPointerMove:m,setXY:g})};var b=function _interopRequireWildcard(p,h){if(!h&&p&&p.__esModule)return p;if(null===p||"object"!==_typeof(p)&&"function"!=typeof p)return{default:p};var y=_getRequireWildcardCache(h);if(y&&y.has(p))return y.get(p);var b={},g=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in p)if("default"!==m&&Object.prototype.hasOwnProperty.call(p,m)){var v=g?Object.getOwnPropertyDescriptor(p,m):null;v&&(v.get||v.set)?Object.defineProperty(b,m,v):b[m]=p[m]}return b.default=p,y&&y.set(p,b),b}(y(421));function _getRequireWildcardCache(p){if("function"!=typeof WeakMap)return null;var h=new WeakMap,y=new WeakMap;return(_getRequireWildcardCache=function _getRequireWildcardCache(p){return p?y:h})(p)}function ownKeys(p,h){var y=Object.keys(p);if(Object.getOwnPropertySymbols){var b=Object.getOwnPropertySymbols(p);h&&(b=b.filter((function(h){return Object.getOwnPropertyDescriptor(p,h).enumerable}))),y.push.apply(y,b)}return y}function _objectSpread(p){for(var h=1;h<arguments.length;h++){var y=null!=arguments[h]?arguments[h]:{};h%2?ownKeys(Object(y),!0).forEach((function(h){_defineProperty(p,h,y[h])})):Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(h){Object.defineProperty(p,h,Object.getOwnPropertyDescriptor(y,h))}))}return p}function _defineProperty(p,h,y){return h in p?Object.defineProperty(p,h,{value:y,enumerable:!0,configurable:!0,writable:!0}):p[h]=y,p}function _arrayLikeToArray(p,h){(null==h||h>p.length)&&(h=p.length);for(var y=0,b=new Array(h);y<h;y++)b[y]=p[y];return b}},679:(p,h,y)=>{Object.defineProperty(h,"__esModule",{value:!0}),h.findColorIndex=h.colorToXY=void 0,h.getCSSVariableColor=getCSSVariableColor,h.xToHue=h.hueToX=void 0,h.xToSaturation=function xToSaturation(p,h){return Math.round(100*p/h.getBoundingClientRect().width)},h.yToVisibility=function yToVisibility(p,h){return Math.round(-100*p/h.getBoundingClientRect().height+100)};var b=function _interopRequireDefault(p){return p&&p.__esModule?p:{default:p}}(y(861));function getCSSVariableColor(p){var h=document.createElement("div");h.setAttribute("style","background: ".concat(p,";")),document.body.appendChild(h);var y=(0,b.default)(getComputedStyle(h).backgroundColor);return document.body.removeChild(h),y}h.colorToXY=function colorToXY(p,h){var y=h.getBoundingClientRect(),b=p.toHsv(),g=b.s,m=b.v;

1return{x:Math.round(100*g*y.width/100),y:Math.round(-1*(100*m-100)*y.height/100)}},h.hueToX=function hueToX(p,h){return Number.isNaN(p)?0:p/360*h.getBoundingClientRect().width},h.xToHue=function xToHue(p,h){return Number.isNaN(p)?0:p/h.getBoundingClientRect().width*360},h.findColorIndex=function findColorIndex(p,h){return p.findIndex((function(p){return b.default.equals(p.includes("var(")?getCSSVariableColor(p):(0,b.default)(p),h)}))}},861:(p,h,y)=>{var b;!function(g){var m=/^\s+/,v=/\s+$/,_=0,C=g.round,x=g.min,w=g.max,A=g.random;function tinycolor(p,h){if(h=h||{},(p=p||"")instanceof tinycolor)return p;if(!(this instanceof tinycolor))return new tinycolor(p,h);var y=function inputToRGB(p){var h={r:0,g:0,b:0},y=1,b=null,_=null,C=null,A=!1,F=!1;return"string"==typeof p&&(p=function stringInputToObject(p){p=p.replace(m,"").replace(v,"").toLowerCase();var h,y=!1;if(S[p])p=S[p],y=!0;else if("transparent"==p)return{r:0,g:0,b:0,a:0,format:"name"};return(h=E.rgb.exec(p))?{r:h[1],g:h[2],b:h[3]}:(h=E.rgba.exec(p))?{r:h[1],g:h[2],b:h[3],a:h[4]}:(h=E.hsl.exec(p))?{h:h[1],s:h[2],l:h[3]}:(h=E.hsla.exec(p))?{h:h[1],s:h[2],l:h[3],a:h[4]}:(h=E.hsv.exec(p))?{h:h[1],s:h[2],v:h[3]}:(h=E.hsva.exec(p))?{h:h[1],s:h[2],v:h[3],a:h[4]}:(h=E.hex8.exec(p))?{r:parseIntFromHex(h[1]),g:parseIntFromHex(h[2]),b:parseIntFromHex(h[3]),a:convertHexToDecimal(h[4]),format:y?"name":"hex8"}:(h=E.hex6.exec(p))?{r:parseIntFromHex(h[1]),g:parseIntFromHex(h[2]),b:parseIntFromHex(h[3]),format:y?"name":"hex"}:(h=E.hex4.exec(p))?{r:parseIntFromHex(h[1]+""+h[1]),g:parseIntFromHex(h[2]+""+h[2]),b:parseIntFromHex(h[3]+""+h[3]),a:convertHexToDecimal(h[4]+""+h[4]),format:y?"name":"hex8"}:!!(h=E.hex3.exec(p))&&{r:parseIntFromHex(h[1]+""+h[1]),g:parseIntFromHex(h[2]+""+h[2]),b:parseIntFromHex(h[3]+""+h[3]),format:y?"name":"hex"}}(p)),"object"==typeof p&&(isValidCSSUnit(p.r)&&isValidCSSUnit(p.g)&&isValidCSSUnit(p.b)?(h=function rgbToRgb(p,h,y){return{r:255*bound01(p,255),g:255*bound01(h,255),b:255*bound01(y,255)}}(p.r,p.g,p.b),A=!0,F="%"===String(p.r).substr(-1)?"prgb":"rgb"):isValidCSSUnit(p.h)&&isValidCSSUnit(p.s)&&isValidCSSUnit(p.v)?(b=convertToPercentage(p.s),_=convertToPercentage(p.v),h=function hsvToRgb(p,h,y){p=6*bound01(p,360),h=bound01(h,100),y=bound01(y,100);var b=g.floor(p),m=p-b,v=y*(1-h),_=y*(1-m*h),C=y*(1-(1-m)*h),x=b%6;return{r:255*[y,_,v,v,C,y][x],g:255*[C,y,y,_,v,v][x],b:255*[v,v,C,y,y,_][x]}}(p.h,b,_),A=!0,F="hsv"):isValidCSSUnit(p.h)&&isValidCSSUnit(p.s)&&isValidCSSUnit(p.l)&&(b=convertToPercentage(p.s),C=convertToPercentage(p.l),h=function hslToRgb(p,h,y){var b,g,m;function hue2rgb(p,h,y){return y<0&&(y+=1),y>1&&(y-=1),y<1/6?p+6*(h-p)*y:y<.5?h:y<2/3?p+(h-p)*(2/3-y)*6:p}if(p=bound01(p,360),h=bound01(h,100),y=bound01(y,100),0===h)b=g=m=y;else{var v=y<.5?y*(1+h):y+h-y*h,_=2*y-v;b=hue2rgb(_,v,p+1/3),g=hue2rgb(_,v,p),m=hue2rgb(_,v,p-1/3)}return{r:255*b,g:255*g,b:255*m}}(p.h,b,C),A=!0,F="hsl"),p.hasOwnProperty("a")&&(y=p.a)),y=boundAlpha(y),{ok:A,format:p.format||F,r:x(255,w(h.r,0)),g:x(255,w(h.g,0)),b:x(255,w(h.b,0)),a:y}}(p);this._originalInput=p,this._r=y.r,this._g=y.g,this._b=y.b,this._a=y.a,this._roundA=C(100*this._a)/100,this._format=h.format||y.format,this._gradientType=h.gradientType,this._r<1&&(this._r=C(this._r)),this._g<1&&(this._g=C(this._g)),this._b<1&&(this._b=C(this._b)),this._ok=y.ok,this._tc_id=_++}function rgbToHsl(p,h,y){p=bound01(p,255),h=bound01(h,255),y=bound01(y,255);var b,g,m=w(p,h,y),v=x(p,h,y),_=(m+v)/2;if(m==v)b=g=0;else{var C=m-v;switch(g=_>.5?C/(2-m-v):C/(m+v),m){case p:b=(h-y)/C+(h<y?6:0);break;case h:b=(y-p)/C+2;break;case y:b=(p-h)/C+4}b/=6}return{h:b,s:g,l:_}}function rgbToHsv(p,h,y){p=bound01(p,255),h=bound01(h,255),y=bound01(y,255);var b,g,m=w(p,h,y),v=x(p,h,y),_=m,C=m-v;if(g=0===m?0:C/m,m==v)b=0;else{switch(m){case p:b=(h-y)/C+(h<y?6:0);break;case h:b=(y-p)/C+2;break;case y:b=(p-h)/C+4}b/=6}return{h:b,s:g,v:_}}function rgbToHex(p,h,y,b){var g=[pad2(C(p).toString(16)),pad2(C(h).toString(16)),pad2(C(y).toString(16))];return b&&g[0].charAt(0)==g[0].charAt(1)&&g[1].charAt(0)==g[1].charAt(1)&&g[2].charAt(0)==g[2].charAt(1)?g[0].charAt(0)+g[1].charAt(0)+g[2].charAt(0):g.join("")}function rgbaToArgbHex(p,h,y,b){return[pad2(convertDecimalToHex(b)),pad2(C(p).toString(16)),pad2(C(h).toString(16)),pad2(C(y).toString(16))].join("")}function desaturate(p,h){h=0===h?0:h||10;var y=tinycolor(p).toHsl();return y.s-=h/100,y.s=clamp01(y.s),tinycolor(y)}function saturate(p,h){h=0===h?0:h||10;var y=tinycolor(p).toHsl();return y.s+=h/100,y.s=clamp01(y.s),tinycolor(y)}function greyscale(p){return tinycolor(p).desaturate(100)}function lighten(p,h){h=0===h?0:h||10;var y=tinycolor(p).toHsl();return y.l+=h/100,y.l=clamp01(y.l),tinycolor(y)}function brighten(p,h){h=0===h?0:h||10;var y=tinycolor(p).toRgb();return y.r=w(0,x(255,y.r-C(-h/100*255))),y.g=w(0,x(255,y.g-C(-h/100*255))),y.b=w(0,x(255,y.b-C(-h/100*255))),tinycolor(y)}function darken(p,h){h=0===h?0:h||10;var y=tinycolor(p).toHsl();return y.l-=h/100,y.l=clamp01(y.l),tinycolor(y)}function spin(p,h){var y=tinycolor(p).toHsl(),b=(y.h+h)%360;return y.h=b<0?360+b:b,tinycolor(y)}function complement(p){var h=tinycolor(p).toHsl();return h.h=(h.h+180)%360,tinycolor(h)}function triad(p){var h=tinycolor(p).toHsl(),y=h.h;return[tinycolor(p),tinycolor({h:(y+120)%360,s:h.s,l:h.l}),tinycolor({h:(y+240)%360,s:h.s,l:h.l})]}function tetrad(p){var h=tinycolor(p).toHsl(),y=h.h;return[tinycolor(p),tinycolor({h:(y+90)%360,s:h.s,l:h.l}),tinycolor({h:(y+180)%360,s:h.s,l:h.l}),tinycolor({h:(y+270)%360,s:h.s,l:h.l})]}function splitcomplement(p){var h=tinycolor(p).toHsl(),y=h.h;return[tinycolor(p),tinycolor({h:(y+72)%360,s:h.s,l:h.l}),tinycolor({h:(y+216)%360,s:h.s,l:h.l})]}function analogous(p,h,y){h=h||6,y=y||30;var b=tinycolor(p).toHsl(),g=360/y,m=[tinycolor(p)];for(b.h=(b.h-(g*h>>

11)+720)%360;--h;)b.h=(b.h+g)%360,m.push(tinycolor(b));return m}function monochromatic(p,h){h=h||6;for(var y=tinycolor(p).toHsv(),b=y.h,g=y.s,m=y.v,v=[],_=1/h;h--;)v.push(tinycolor({h:b,s:g,v:m})),m=(m+_)%1;return v}tinycolor.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 p=this.toRgb();return(299*p.r+587*p.g+114*p.b)/1e3},getLuminance:function(){var p,h,y,b=this.toRgb();return p=b.r/255,h=b.g/255,y=b.b/255,.2126*(p<=.03928?p/12.92:g.pow((p+.055)/1.055,2.4))+.7152*(h<=.03928?h/12.92:g.pow((h+.055)/1.055,2.4))+.0722*(y<=.03928?y/12.92:g.pow((y+.055)/1.055,2.4))},setAlpha:function(p){return this._a=boundAlpha(p),this._roundA=C(100*this._a)/100,this},toHsv:function(){var p=rgbToHsv(this._r,this._g,this._b);return{h:360*p.h,s:p.s,v:p.v,a:this._a}},toHsvString:function(){var p=rgbToHsv(this._r,this._g,this._b),h=C(360*p.h),y=C(100*p.s),b=C(100*p.v);return 1==this._a?"hsv("+h+", "+y+"%, "+b+"%)":"hsva("+h+", "+y+"%, "+b+"%, "+this._roundA+")"},toHsl:function(){var p=rgbToHsl(this._r,this._g,this._b);return{h:360*p.h,s:p.s,l:p.l,a:this._a}},toHslString:function(){var p=rgbToHsl(this._r,this._g,this._b),h=C(360*p.h),y=C(100*p.s),b=C(100*p.l);return 1==this._a?"hsl("+h+", "+y+"%, "+b+"%)":"hsla("+h+", "+y+"%, "+b+"%, "+this._roundA+")"},toHex:function(p){return rgbToHex(this._r,this._g,this._b,p)},toHexString:function(p){return"#"+this.toHex(p)},toHex8:function(p){return function rgbaToHex(p,h,y,b,g){var m=[pad2(C(p).toString(16)),pad2(C(h).toString(16)),pad2(C(y).toString(16)),pad2(convertDecimalToHex(b))];return g&&m[0].charAt(0)==m[0].charAt(1)&&m[1].charAt(0)==m[1].charAt(1)&&m[2].charAt(0)==m[2].charAt(1)&&m[3].charAt(0)==m[3].charAt(1)?m[0].charAt(0)+m[1].charAt(0)+m[2].charAt(0)+m[3].charAt(0):m.join("")}(this._r,this._g,this._b,this._a,p)},toHex8String:function(p){return"#"+this.toHex8(p)},toRgb:function(){return{r:C(this._r),g:C(this._g),b:C(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+C(this._r)+", "+C(this._g)+", "+C(this._b)+")":"rgba("+C(this._r)+", "+C(this._g)+", "+C(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:C(100*bound01(this._r,255))+"%",g:C(100*bound01(this._g,255))+"%",b:C(100*bound01(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+C(100*bound01(this._r,255))+"%, "+C(100*bound01(this._g,255))+"%, "+C(100*bound01(this._b,255))+"%)":"rgba("+C(100*bound01(this._r,255))+"%, "+C(100*bound01(this._g,255))+"%, "+C(100*bound01(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(F[rgbToHex(this._r,this._g,this._b,!0)]||!1)},toFilter:function(p){var h="#"+rgbaToArgbHex(this._r,this._g,this._b,this._a),y=h,b=this._gradientType?"GradientType = 1, ":"";if(p){var g=tinycolor(p);y="#"+rgbaToArgbHex(g._r,g._g,g._b,g._a)}return"progid:DXImageTransform.Microsoft.gradient("+b+"startColorstr="+h+",endColorstr="+y+")"},toString:function(p){var h=!!p;p=p||this._format;var y=!1,b=this._a<1&&this._a>=0;return h||!b||"hex"!==p&&"hex6"!==p&&"hex3"!==p&&"hex4"!==p&&"hex8"!==p&&"name"!==p?("rgb"===p&&(y=this.toRgbString()),"prgb"===p&&(y=this.toPercentageRgbString()),"hex"!==p&&"hex6"!==p||(y=this.toHexString()),"hex3"===p&&(y=this.toHexString(!0)),"hex4"===p&&(y=this.toHex8String(!0)),"hex8"===p&&(y=this.toHex8String()),"name"===p&&(y=this.toName()),"hsl"===p&&(y=this.toHslString()),"hsv"===p&&(y=this.toHsvString()),y||this.toHexString()):"name"===p&&0===this._a?this.toName():this.toRgbString()},clone:function(){return tinycolor(this.toString())},_applyModification:function(p,h){var y=p.apply(null,[this].concat([].slice.call(h)));return this._r=y._r,this._g=y._g,this._b=y._b,this.setAlpha(y._a),this},lighten:function(){return this._applyModification(lighten,arguments)},brighten:function(){return this._applyModification(brighten,arguments)},darken:function(){return this._applyModification(darken,arguments)},desaturate:function(){return this._applyModification(desaturate,arguments)},saturate:function(){return this._applyModification(saturate,arguments)},greyscale:function(){return this._applyModification(greyscale,arguments)},spin:function(){return this._applyModification(spin,arguments)},_applyCombination:function(p,h){return p.apply(null,[this].concat([].slice.call(h)))},analogous:function(){return this._applyCombination(analogous,arguments)},complement:function(){return this._applyCombination(complement,arguments)},monochromatic:function(){return this._applyCombination(monochromatic,arguments)},splitcomplement:function(){return this._applyCombination(splitcomplement,arguments)},triad:function(){return this._applyCombination(triad,arguments)},tetrad:function(){return this._applyCombination(tetrad,arguments)}},tinycolor.fromRatio=function(p,h){if("object"==typeof p){var y={};for(var b in p)p.hasOwnProperty(b)&&(y[b]="a"===b?p[b]:convertToPercentage(p[b]));p=y}return tinycolor(p,h)},tinycolor.equals=function(p,h){return!(!p||!h)&&tinycolor(p).toRgbString()==tinycolor(h).toRgbString()},tinycolor.random=function(){return tinycolor.fromRatio({r:A(),g:A(),b:A()})},tinycolor.mix=function(p,h,y){y=0===y?0:y||50;var b=tinycolor(p).toRgb(),g=tinycolor(h).toRgb(),m=y/100;return tinycolor({r:(g.r-b.r)*m+b.r,g:(g.g-b.g)*m+b.g,b:(g.b-b.b)*m+b.b,a:(g.a-b.a)*m+b.a})},tinycolor.readability=function(p,h){var y=tinycolor(p),b=tinycolor(h);return(g.max(y.getLuminance(),b.getLuminance())+.05)/(g.min(y.getLuminance(),b.getLuminance())+.05)},tinycolor.isReadable=function(p,h,y){var b,g,m=tinycolor.readability(p,h);switch(g=!1,(b=function validateWCAG2Parms(p){var h,y;return"AA"!==(h=((p=p||{level:"AA",size:"small"}).level||"AA").toUpperCase())&&"AAA"!==h&&(h="AA"),"small"!==(y=(p.size||"small").toLowerCase())&&"large"!==y&&(y="small"),{level:h,size:y}}(y)).level+b.size){case"AAsmall":case"AAAlarge":g=m>=4.5;break;case"AAlarge":g=m>=3;break;case"AAAsmall":g=m>=7}return g},tinycolor.mostReadable=function(p,h,y){var b,g,m,v,_=null,C=0;g=(y=y||{}).includeFallbackColors,m=y.level,v=y.size;

1for(var x=0;x<h.length;x++)(b=tinycolor.readability(p,h[x]))>C&&(C=b,_=tinycolor(h[x]));return tinycolor.isReadable(p,_,{level:m,size:v})||!g?_:(y.includeFallbackColors=!1,tinycolor.mostReadable(p,["#fff","#000"],y))};var S=tinycolor.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:"90ee9

10",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"},F=tinycolor.hexNames=function flip(p){var h={};for(var y in p)p.hasOwnProperty(y)&&(h[p[y]]=y);return h}(S);function boundAlpha(p){return p=parseFloat(p),(isNaN(p)||p<0||p>1)&&(p=1),p}function bound01(p,h){(function isOnePointZero(p){return"string"==typeof p&&-1!=p.indexOf(".")&&1===parseFloat(p)})(p)&&(p="100%");var y=function isPercentage(p){return"string"==typeof p&&-1!=p.indexOf("%")}(p);return p=x(h,w(0,parseFloat(p))),y&&(p=parseInt(p*h,10)/100),g.abs(p-h)<1e-6?1:p%h/parseFloat(h)}function clamp01(p){return x(1,w(0,p))}function parseIntFromHex(p){return parseInt(p,16)}function pad2(p){return 1==p.length?"0"+p:""+p}function convertToPercentage(p){return p<=1&&(p=100*p+"%"),p}function convertDecimalToHex(p){return g.round(255*parseFloat(p)).toString(16)}function convertHexToDecimal(p){return parseIntFromHex(p)/255}var k,O,R,E=(O="[\\s|\\(]+("+(k="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+k+")[,|\\s]+("+k+")\\s*\\)?",R="[\\s|\\(]+("+k+")[,|\\s]+("+k+")[,|\\s]+("+k+")[,|\\s]+("+k+")\\s*\\)?",{CSS_UNIT:new RegExp(k),rgb:new RegExp("rgb"+O),rgba:new RegExp("rgba"+R),hsl:new RegExp("hsl"+O),hsla:new RegExp("hsla"+R),hsv:new RegExp("hsv"+O),hsva:new RegExp("hsva"

1+R),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 isValidCSSUnit(p){return!!E.CSS_UNIT.exec(p)}p.exports?p.exports=tinycolor:void 0===(b=function(){return tinycolor}.call(h,y,h,p))||(p.exports=b)}(Math)},238:p=>{p.exports=e},421:p=>{p.exports=t},539:p=>{p.exports=r},703:p=>{p.exports=n},798:p=>{p.exports=o},663:p=>{p.exports=a},934:p=>{p.exports=i},445:p=>{p.exports=l}},c={};function __webpack_require__(p){var h=c[p];if(void 0!==h)return h.exports;var y=c[p]={exports:{}};return u[p](y,y.exports,__webpack_require__),y.exports}var f={};(()=>{var p=f;function _typeof(p){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(p){return typeof p}:function(p){return p&&"function"==typeof Symbol&&p.constructor===Symbol&&p!==Symbol.prototype?"symbol":typeof p})(p)}Object.defineProperty(p,"X",{value:!0}),p.Z=void 0;var h=_interopRequireDefault(__webpack_require__(703)),y=__webpack_require__(798),b=_interopRequireDefault(__webpack_require__(663)),g=__webpack_require__(934),m=function _interopRequireWildcard(p,h){if(!h&&p&&p.__esModule)return p;if(null===p||"object"!==_typeof(p)&&"function"!=typeof p)return{default:p};var y=_getRequireWildcardCache(h);if(y&&y.has(p))return y.get(p);var b={},g=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in p)if("default"!==m&&Object.prototype.hasOwnProperty.call(p,m)){var v=g?Object.getOwnPropertyDescriptor(p,m):null;v&&(v.get||v.set)?Object.defineProperty(b,m,v):b[m]=p[m]}return b.default=p,y&&y.set(p,b),b}(__webpack_require__(421)),v=_interopRequireDefault(__webpack_require__(861)),_=_interopRequireDefault(__webpack_require__(392)),C=_interopRequireDefault(__webpack_require__(480)),x=__webpack_require__(893),w=_interopRequireDefault(__webpack_require__(219)),A=__webpack_require__(679),S=["active","ariaLabels","colors","defaultActive","defaultValue","disabled","dropDownContainerProps","label","messages","name","onActiveChange","onChange","onColorsChange","onValueChange","predefinedColors","showHex","showPalette","showPredefinedColorsWithCustom","small","splotchTitle","spritemap","title","useNative","value"];function _getRequireWildcardCache(p){if("function"!=typeof WeakMap)return null;var h=new WeakMap,y=new WeakMap;return(_getRequireWildcardCache=function _getRequireWildcardCache(p){return p?y:h})(p)}function _interopRequireDefault(p){return p&&p.__esModule?p:{default:p}}function _extends(){return(_extends=Object.assign?Object.assign.bind():function(p){for(var h=1;h<arguments.length;h++){var y=arguments[h];for(var b in y)Object.prototype.hasOwnProperty.call(y,b)&&(p[b]=y[b])}return p}).apply(this,arguments)}function _toConsumableArray(p){return function _arrayWithoutHoles(p){if(Array.isArray(p))return _arrayLikeToArray(p)}(p)||function _iterableToArray(p){if("undefined"!=typeof Symbol&&null!=p[Symbol.iterator]||null!=p["@@iterator"])return Array.from(p)}(p)||_unsupportedIterableToArray(p)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(p,h){return function _arrayWithHoles(p){if(Array.isArray(p))return p}(p)||function _iterableToArrayLimit(p,h){var y=null==p?null:"undefined"!=typeof Symbol&&p[Symbol.iterator]||p["@@iterator"];if(null!=y){var b,g,m=[],v=!0,_=!1;try{for(y=y.call(p);!(v=(b=y.next()).done)&&(m.push(b.value),!h||m.length!==h);v=!0);}catch(p){_=!0,g=p}finally{try{v||null==y.return||y.return()}finally{if(_)throw g}}return m}}(p,h)||_unsupportedIterableToArray(p,h)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(p,h){if(p){if("string"==typeof p)return _arrayLikeToArray(p,h);var y=Object.prototype.toString.call(p).slice(8,-1);return"Object"===y&&p.constructor&&(y=p.constructor.name),"Map"===y||"Set"===y?Array.from(p):"Arguments"===y||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(y)?_arrayLikeToArray(p,h):void 0}}function _arrayLikeToArray(p,h){(null==h||h>p.length)&&(h=p.length);for(var y=0,b=new Array(h);y<h;y++)b[y]=p[y];return b}var F=["000000","5F5F5F","9A9A9A","CBCBCB","E1E1E1","FFFFFF","FF0D0D","FF8A1C","2BA676","006EF8","7F26FF","FF21A0","FF5F5F","FFB46E","50D2A0","4B9BFF","AF78FF","FF73C3","FFB1B1","FFDEC0","91E3C3","9DC8FF","DFCAFF","FFC5E6","FFD9D9","FFF3E8","B1EBD5","C5DFFF","F8F2FF","FFEDF7"],k=Array(12).fill("FFFFFF"),O={selectColor:"Select a color",selectionIs:"Color selection is {0}"};function normalizeValueHex(p){return"hex"===(0,v.default)(p).getFormat()&&0===p.indexOf("#")&&(p=p.slice(1)),p}p.Z=function ClayColorPicker(p){var R=p.active,E=p.ariaLabels,j=void 0===E?O:E,P=p.colors,H=p.defaultActive,I=void 0!==H&&H,T=p.defaultValue,q=void 0===T?"FFFFFF":T,D=p.disabled,M=p.dropDownContainerProps,N=p.label,W=p.messages,V=p.name,B=p.onActiveChange,L=p.onChange,G=p.onColorsChange,U=p.onValueChange,X=p.predefinedColors,$=p.showHex,z=void 0===$||$,Y=p.showPalette,K=void 0===Y||Y,Z=p.showPredefinedColorsWithCustom,J=void 0!==Z&&Z,Q=

1p.small,ee=p.splotchTitle,te=p.spritemap,re=p.title,ne=p.useNative,oe=void 0!==ne&&ne,ae=p.value,ie=function _objectWithoutProperties(p,h){if(null==p)return{};var y,b,g=function _objectWithoutPropertiesLoose(p,h){if(null==p)return{};var y,b,g={},m=Object.keys(p);for(b=0;b<m.length;b++)y=m[b],h.indexOf(y)>=0||(g[y]=p[y]);return g}(p,h);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(p);for(b=0;b<m.length;b++)y=m[b],h.indexOf(y)>=0||Object.prototype.propertyIsEnumerable.call(p,y)&&(g[y]=p[y])}return g}(p,S),le=_slicedToArray((0,g.useControlledState)({defaultName:"defaultValue",defaultValue:q?normalizeValueHex(q):void 0,handleName:"onChange",name:"value",onChange:null!=L?L:U,value:ae}),2),ue=le[0],ce=le[1],fe=(0,m.useMemo)((function(){return ue.includes("var(")?(0,A.getCSSVariableColor)(ue):(0,v.default)(ue)}),[ue]),se=P?P.concat(k).slice(0,12):k,de=_slicedToArray((0,x.useEditor)(ue,fe,se),2),pe=de[0],he=de[1],ye=_slicedToArray((0,m.useState)(!K),2),be=ye[0],ge=ye[1],me="hex"===(0,v.default)(ue).getFormat(),ve=function internalToHex(p){return p.getAlpha()<1?p.toHex8().toUpperCase():p.toHex().toUpperCase()};(0,m.useMemo)((function(){if("undefined"!=typeof document){var p=document.createElement("input");return p.setAttribute("type","color"),""!==p.value}return!0}),[])||(oe=!1);var _e=(0,m.useRef)(null),Ce=(0,m.useRef)(null),xe=(0,m.useRef)(null),we=(0,m.useRef)(null),Ae=(0,m.useRef)(null),Se=_slicedToArray((0,g.useControlledState)({defaultName:"defaultActive",defaultValue:I,handleName:"onActiveChange",name:"active",onChange:B,value:R}),2),Fe=Se[0],ke=Se[1];return(0,m.useEffect)((function(){Fe||ge(!1)}),[Fe]),m.default.createElement(g.FocusScope,{arrowKeysUpDown:!1},m.default.createElement("div",{className:"clay-color-picker"},re&&m.default.createElement("label",null,re),m.default.createElement(y.ClayInput.Group,{className:"clay-color",ref:_e,small:Q},m.default.createElement(y.ClayInput.GroupItem,{prepend:z,shrink:!0},V&&m.default.createElement("input",{name:V,onChange:function onChange(p){return oe?ce(p.target.value):null},ref:we,style:{height:0,position:"absolute",visibility:"hidden",width:0},tabIndex:-1,type:oe?"color":"text",value:ue?"".concat(me?"#":"").concat(ue):""}),m.default.createElement(y.ClayInput.GroupText,null,m.default.createElement(w.default,{"aria-label":j.selectColor,className:"dropdown-toggle",disabled:D,onClick:function onClick(){oe&&we.current?we.current.click():(ke(!Fe),K||ge(!be))},ref:Ae,title:ee,value:ue}))),m.default.createElement(h.default.Menu,{active:Fe,alignElementRef:_e,className:"clay-color-dropdown-menu",containerProps:M,deps:[Fe],onActiveChange:ke,ref:Ce,triggerRef:Ae},(!G||J&&!be)&&m.default.createElement(_.default,{colors:(J?X:P)||F,label:N,onChange:function onChange(p){ce(p),ke(!Fe),Ae.current&&Ae.current.focus()}}),G&&m.default.createElement(C.default,{color:fe,colors:se,editorActive:be,label:N,messages:W,onChange:function onChange(p,h){he({hex:ve(p),hue:p.toHsv().h}),ce(h)},onColorsChange:function onColorsChange(p,h){var y=_toConsumableArray(se);y[h]=p,G(y)},onEditorActiveChange:ge,onSplotchChange:function onSplotchChange(p){return he({splotch:p})},showPalette:K,splotch:pe.splotch,spritemap:te}),G&&be&&m.default.createElement(x.Editor,{color:fe,colors:se,hex:pe.hex,hue:pe.hue,internalToHex:ve,onChange:function onChange(p,h){var y=ve(p);if(h){var b=_toConsumableArray(se);b[pe.splotch]=y,G(b)}else he({splotch:void 0});ce(y)},onColorChange:function onColorChange(p){var h=ve(p),y=_toConsumableArray(se);y[pe.splotch]=h,G(y),ce(h),he({hex:h})},onHexChange:function onHexChange(p){return he({hex:p})},onHueChange:function onHueChange(p){return he({hue:p})}})),z&&m.default.createElement(y.ClayInput.GroupItem,{append:!0,className:"input-group-item-focusable"},m.default.createElement(y.ClayInput,_extends({},ie,{"aria-label":(0,g.sub)(j.selectionIs,[ue]),disabled:D,insetBefore:!0,onBlur:function onBlur(p){var h=p.target.value;if(ie.onBlur&&ie.onBlur(p),!p.defaultPrevented){var y=(0,v.default)(h);if(y.isValid()?"hex"===y.getFormat()?h=ve(y):y.toString()!==h&&(h=y.toString()):h.includes("var(")||(h=""),G&&!Fe){var b=se.findIndex((function(p){return p.toUpperCase()===h.toUpperCase()}));he({splotch:-1!==b?b:void 0})}ce(h)}},onChange:function onChange(p){var h=normalizeValueHex(p.target.value),y=h.includes("var(")?(0,A.getCSSVariableColor)(h):(0,v.default)(h);if(G&&(y.isValid()||h.includes("var(")))if(he({hex:ve(y),hue:y.toHsv().h}),Fe){var b=_toConsumableArray(se);b[pe.splotch]=ve(y),G(b)}else-1===(0,A.findColorIndex)(se,h.includes("var(")?(0,A.getCSSVariableColor)(h):(0,v.default)(h))&&he({splotch:void 0});ce(h)},ref:xe,type:"text",value:ue})),m.default.createElement(y.ClayInput.GroupInsetItem,{before:!0,tag:"label"},me?"#":m.default.createElement(b.default,{spritemap:te,style:{width:10},symbol:"color-picker"}))))))}})();var s=f.X,d=f.Z;

1export{s as __esModule,d as default};
2//# sourceMappingURL=@clayui$color-picker.js.map