gatsby-matrix-theme 3.2.0 → 3.2.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [3.2.1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.0...v3.2.1) (2022-01-04)
+
+
+### Bug Fixes
+
+* comparison table configurations ([97d1bd6](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/97d1bd6fb267ca43a251b9c748aee14244ee9f7e))
+
 # [3.2.0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.1.2...v3.2.0) (2022-01-03)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",

package/src/components/atoms/cards/comparison-table/table/index.js

@@ -80,7 +80,7 @@ export default function ComparisonTable({ items }) {
         );
       case 'bonus':
         return (
-          <td key={index}>
+          <td key={index} className={styles.bonus}>
             <Bonus tracker="main" item={item?.relation} />
           </td>
         );
@@ -90,7 +90,7 @@ export default function ComparisonTable({ items }) {
             {item?.relation?.selling_points &&
               item?.relation?.selling_points.map((sellingPoint) => (
                 <span key={sellingPoint}>
-                  <AiOutlineCheckCircle size={27} color="#FF893F" /> {sellingPoint}
+                  <AiOutlineCheckCircle size={27} /> {sellingPoint}
                 </span>
               ))}
           </td>

package/src/components/atoms/cards/comparison-table/table/table.module.scss

@@ -15,15 +15,19 @@ table {
     &:last-child {
       th {
         border-bottom-left-radius: 0.8rem;
+        border-bottom: 1px solid var(--comparison-header-border-color);
       }
     }
 
     th {
       @include flex-align(center, center);
-      background-color: var(--header-background-color);
-      border: 1px solid var(--header-border-color);
+      background-color: var(--comparison-header-background-color);
+      border: 1px solid var(--comparison-header-border-color);
+      border-bottom: none;
       box-sizing: border-box;
-      color: var(--header-text-color);
+      color: var(--comparison-header-text-color);
+      text-transform: var(--comparison-header-text-transform);
+      font-size: 1.4rem;
 
       @include min(laptop) {
         position: sticky;
@@ -32,14 +36,14 @@ table {
       }
     }
     td {
-      border: 1px solid var(--body-border-color);
-      background-color: var(--body-background-color);
+      border: 1px solid var(--comparison-body-border-color);
+      background-color: var(--comparison-body-background-color);
       box-sizing: border-box;
       padding: 1.6rem;
     }
     .casinoName {
       @include flex-direction(row);
-      @include flex-align(center, center);
+      @include flex-align(center, space-between);
       padding: 1.6rem;
       img {
         border: 1px solid var(--color-9);
@@ -52,8 +56,25 @@ table {
         line-height: 25px;
       }
     }
+
+    .bonus {
+      div:first-child {
+        font-size: 1.6rem;
+        font-weight: bold;
+      }
+      div:nth-child(2) {
+        font-size: 1.4rem;
+        font-weight: bold;
+      }
+    }
+    
     .raiting {
       @include flex-align(center, space-between);
+
+      a {
+        font-weight: bold;
+        font-size: 1.6rem;
+      }
     }
     .topFeatures {
       @include flex-direction(column);
@@ -63,6 +84,7 @@ table {
         @include flex-align(center, center);
         margin-bottom: 0.8rem;
         svg {
+          color: var(--comparison-top-features-icon-color);
           margin-right: 0.93rem;
         }
       }
@@ -74,8 +96,8 @@ table {
         width: 100%;
         @include flex-align(center, space-between);
         font-weight: 500;
-        font-size: 16px;
-        line-height: 24px;
+        font-size: 1.4rem;
+        line-height: 2.4rem;
         margin-bottom: 1rem;
         span {
           font-weight: bold;
@@ -85,7 +107,8 @@ table {
     .currencies {
       span {
         margin-left: 0.4rem;
-        background: var(--color-9);
+        background: var(--comparison-currencies-background-color);
+        color: var(--comparison-currencies-text-color);
         border-radius: 2px;
         padding: 0.3rem 0.79rem;
         font-weight: bold;

package/src/gatsby-core-theme/styles/utils/variables/_main.scss

@@ -74,10 +74,13 @@
   --sitemap-background-color: #fff;
 
   // Comparison Table
-  --header-border-color: #D0C0AD;
-  --header-text-color: #171F49;
-  --header-background-color: #F9F6F3;
-  --body-border-color: #F3F2F2;
-  --body-background-color: #ffffff;
-
+  --comparison-header-border-color: #D0C0AD;
+  --comparison-header-text-color: #171F49;
+  --comparison-header-background-color: #F9F6F3;
+  --comparison-body-border-color: #F3F2F2;
+  --comparison-body-background-color: #ffffff;
+  --comparison-top-features-icon-color: #04D68B;
+  --comparison-currencies-text-color: #000;
+  --comparison-currencies-background-color: #fff;
+  --comparison-header-text-transform: uppercase;
 }

package/storybook/public/{6.9025e607.iframe.bundle.js → 6.78854fa8.iframe.bundle.js}

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{1099:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorControl",(function(){return Color_ColorControl}));__webpack_require__(28),__webpack_require__(8),__webpack_require__(11),__webpack_require__(10),__webpack_require__(21),__webpack_require__(17),__webpack_require__(15),__webpack_require__(18),__webpack_require__(30),__webpack_require__(25),__webpack_require__(19),__webpack_require__(161),__webpack_require__(128),__webpack_require__(32),__webpack_require__(29),__webpack_require__(192),__webpack_require__(59),__webpack_require__(191),__webpack_require__(90),__webpack_require__(16),__webpack_require__(60),__webpack_require__(9);var react=__webpack_require__(1),react_default=__webpack_require__.n(react);function index_module_l(){return(index_module_l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function index_module_u(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r.indexOf(t=a[o])>=0||(n[t]=e[t]);return n}var index_module_c="undefined"!=typeof window?react.useLayoutEffect:react.useEffect;function index_module_i(e){var r=Object(react.useRef)(e);return Object(react.useEffect)((function(){r.current=e})),Object(react.useCallback)((function(e){return r.current&&r.current(e)}),[])}var index_module_s,index_module_f=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e<r?r:e},index_module_v=function(e){return"touches"in e},index_module_d=function(e,r){var t=e.getBoundingClientRect(),o=index_module_v(r)?r.touches[0]:r;return{left:index_module_f((o.pageX-(t.left+window.pageXOffset))/t.width),top:index_module_f((o.pageY-(t.top+window.pageYOffset))/t.height)}},index_module_h=function(e){!index_module_v(e)&&e.preventDefault()},index_module_m=react_default.a.memo((function(r){var t=r.onMove,s=r.onKey,f=index_module_u(r,["onMove","onKey"]),m=Object(react.useRef)(null),g=Object(react.useRef)(!1),p=Object(react.useState)(!1),b=p[0],_=p[1],C=index_module_i(t),x=index_module_i(s),E=Object(react.useCallback)((function(e){index_module_h(e),(index_module_v(e)?e.touches.length>0:e.buttons>0)&&m.current?C(index_module_d(m.current,e)):_(!1)}),[C]),H=Object(react.useCallback)((function(e){var r,t=e.nativeEvent,o=m.current;index_module_h(t),r=t,g.current&&!index_module_v(r)||(g.current||(g.current=index_module_v(r)),0)||!o||(o.focus(),C(index_module_d(o,t)),_(!0))}),[C]),M=Object(react.useCallback)((function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),x({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))}),[x]),N=Object(react.useCallback)((function(){return _(!1)}),[]),w=Object(react.useCallback)((function(e){var r=e?window.addEventListener:window.removeEventListener;r(g.current?"touchmove":"mousemove",E),r(g.current?"touchend":"mouseup",N)}),[E,N]);return index_module_c((function(){return w(b),function(){b&&w(!1)}}),[b,w]),react_default.a.createElement("div",index_module_l({},f,{className:"react-colorful__interactive",ref:m,onTouchStart:H,onMouseDown:H,onKeyDown:M,tabIndex:0,role:"slider"}))})),index_module_g=function(e){return e.filter(Boolean).join(" ")},index_module_p=function(r){var t=r.color,o=r.left,n=r.top,a=void 0===n?.5:n,l=index_module_g(["react-colorful__pointer",r.className]);return react_default.a.createElement("div",{className:l,style:{top:100*a+"%",left:100*o+"%"}},react_default.a.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},index_module_b=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},index_module_={grad:.9,turn:360,rad:360/(2*Math.PI)},index_module_C=function(e){return"#"===e[0]&&(e=e.substr(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:1}:{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:1}},index_module_x=function(e,r){return void 0===r&&(r="deg"),Number(e)*(index_module_[r]||1)},index_module_E=function(e){var r=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?index_module_M({h:index_module_x(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},index_module_M=function(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t<50?t:100-t)/100)>0?2*r/(t+r)*100:0,v:t+r,a:e.a}},index_module_N=function(e){var r=e.s,t=e.v,o=e.a,n=(200-r)*t/100;return{h:index_module_b(e.h),s:index_module_b(n>0&&n<200?r*t/100/(n<=100?n:200-n)*100:0),l:index_module_b(n/2),a:index_module_b(o,2)}},index_module_w=function(e){var r=index_module_N(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},y=function(e){var r=index_module_N(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},q=function(e){var r=e.h,t=e.s,o=e.v,n=e.a;r=r/360*6,t/=100,o/=100;var a=Math.floor(r),l=o*(1-t),u=o*(1-(r-a)*t),c=o*(1-(1-r+a)*t),i=a%6;return{r:index_module_b(255*[o,u,l,l,c,o][i]),g:index_module_b(255*[c,o,o,u,l,l][i]),b:index_module_b(255*[l,l,c,o,o,u][i]),a:index_module_b(n,2)}},I=function(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?B({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},z=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},B=function(e){var r=e.r,t=e.g,o=e.b,n=e.a,a=Math.max(r,t,o),l=a-Math.min(r,t,o),u=l?a===r?(t-o)/l:a===t?2+(o-r)/l:4+(r-t)/l:0;return{h:index_module_b(60*(u<0?u+6:u)),s:index_module_b(a?l/a*100:0),v:index_module_b(a/255*100),a:n}},A=react_default.a.memo((function(r){var t=r.hue,o=r.onChange,n=index_module_g(["react-colorful__hue",r.className]);return react_default.a.createElement("div",{className:n},react_default.a.createElement(index_module_m,{onMove:function(e){o({h:360*e.left})},onKey:function(e){o({h:index_module_f(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuetext":index_module_b(t)},react_default.a.createElement(index_module_p,{className:"react-colorful__hue-pointer",left:t/360,color:index_module_w({h:t,s:100,v:100,a:1})})))})),L=react_default.a.memo((function(r){var t=r.hsva,o=r.onChange,n={backgroundColor:index_module_w({h:t.h,s:100,v:100,a:1})};return react_default.a.createElement("div",{className:"react-colorful__saturation",style:n},react_default.a.createElement(index_module_m,{onMove:function(e){o({s:100*e.left,v:100-100*e.top})},onKey:function(e){o({s:index_module_f(t.s+100*e.left,0,100),v:index_module_f(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+index_module_b(t.s)+"%, Brightness "+index_module_b(t.v)+"%"},react_default.a.createElement(index_module_p,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:index_module_w(t)})))})),D=function(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},F=function(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")};function S(e,r,l){var u=index_module_i(l),c=Object(react.useState)((function(){return e.toHsva(r)})),s=c[0],f=c[1],v=Object(react.useRef)({color:r,hsva:s});Object(react.useEffect)((function(){if(!e.equal(r,v.current.color)){var t=e.toHsva(r);v.current={hsva:t,color:r},f(t)}}),[r,e]),Object(react.useEffect)((function(){var r;D(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r))}),[s,e,u]);var d=Object(react.useCallback)((function(e){f((function(r){return Object.assign({},r,e)}))}),[]);return[s,d]}var P,_ColorPicker,_fallbackColor,Y=function(){index_module_c((function(){if("undefined"!=typeof document&&!P){(P=document.createElement("style")).innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}';var e=index_module_s||__webpack_require__.nc;e&&P.setAttribute("nonce",e),document.head.appendChild(P)}}),[])},$=function(r){var t=r.className,o=r.colorModel,n=r.color,a=void 0===n?o.defaultColor:n,c=r.onChange,i=index_module_u(r,["className","colorModel","color","onChange"]);Y();var s=S(o,a,c),f=s[0],v=s[1],d=index_module_g(["react-colorful",t]);return react_default.a.createElement("div",index_module_l({},i,{className:d}),react_default.a.createElement(L,{hsva:f,onChange:v}),react_default.a.createElement(A,{hue:f.h,onChange:v,className:"react-colorful__last-control"}))},R={defaultColor:"000",toHsva:function(e){return B(index_module_C(e))},fromHsva:function(e){return t=(r=q(e)).g,o=r.b,"#"+z(r.r)+z(t)+z(o);var r,t,o},equal:function(e,r){return e.toLowerCase()===r.toLowerCase()||D(index_module_C(e),index_module_C(r))}},J=function(r){var t=r.className,o=r.hsva,n=r.onChange,a={backgroundImage:"linear-gradient(90deg, "+y(Object.assign({},o,{a:0}))+", "+y(Object.assign({},o,{a:1}))+")"},l=index_module_g(["react-colorful__alpha",t]);return react_default.a.createElement("div",{className:l},react_default.a.createElement("div",{className:"react-colorful__alpha-gradient",style:a}),react_default.a.createElement(index_module_m,{onMove:function(e){n({a:e.left})},onKey:function(e){n({a:index_module_f(o.a+e.left)})},"aria-label":"Alpha","aria-valuetext":index_module_b(100*o.a)+"%"},react_default.a.createElement(index_module_p,{className:"react-colorful__alpha-pointer",left:o.a,color:y(o)})))},Q=function(r){var t=r.className,o=r.colorModel,n=r.color,a=void 0===n?o.defaultColor:n,c=r.onChange,i=index_module_u(r,["className","colorModel","color","onChange"]);Y();var s=S(o,a,c),f=s[0],v=s[1],d=index_module_g(["react-colorful",t]);return react_default.a.createElement("div",index_module_l({},i,{className:d}),react_default.a.createElement(L,{hsva:f,onChange:v}),react_default.a.createElement(A,{hue:f.h,onChange:v}),react_default.a.createElement(J,{hsva:f,onChange:v,className:"react-colorful__last-control"}))},W={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:index_module_E,fromHsva:y,equal:F},he={defaultColor:"rgba(0, 0, 0, 1)",toHsva:I,fromHsva:function(e){var r=q(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:F},color_convert=__webpack_require__(1155),color_convert_default=__webpack_require__.n(color_convert),throttle=__webpack_require__(1158),throttle_default=__webpack_require__.n(throttle),esm=__webpack_require__(3),TooltipNote=__webpack_require__(589),lazy_WithTooltip=__webpack_require__(207),esm_form=__webpack_require__(58),icon=__webpack_require__(50),helpers=__webpack_require__(49);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Wrapper=esm.styled.div({position:"relative",maxWidth:250}),PickerTooltip=Object(esm.styled)(lazy_WithTooltip.a)({position:"absolute",zIndex:1,top:4,left:4}),TooltipContent=esm.styled.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Note=Object(esm.styled)(TooltipNote.a)((function(_ref){return{fontFamily:_ref.theme.typography.fonts.base}})),Swatches=esm.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=esm.styled.div((function(_ref2){var theme=_ref2.theme;return{width:16,height:16,boxShadow:_ref2.active?"".concat(theme.appBorderColor," 0 0 0 1px inset, ").concat(theme.color.mediumdark,"50 0 0 0 4px"):"".concat(theme.appBorderColor," 0 0 0 1px inset"),borderRadius:theme.appBorderRadius}})),Color_Swatch=function Swatch(_ref3){var value=_ref3.value,active=_ref3.active,onClick=_ref3.onClick,style=_ref3.style,props=_objectWithoutProperties(_ref3,["value","active","onClick","style"]),backgroundImage="linear-gradient(".concat(value,", ").concat(value,"), ").concat('url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')',", linear-gradient(#fff, #fff)");return react_default.a.createElement(SwatchColor,_extends({},props,{active:active,onClick:onClick,style:Object.assign({},style,{backgroundImage:backgroundImage})}))};Color_Swatch.displayName="Swatch";var ColorSpace,Input=Object(esm.styled)(esm_form.a.Input)((function(_ref4){return{width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:_ref4.theme.typography.fonts.base}})),ToggleIcon=Object(esm.styled)(icon.a)((function(_ref5){return{position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:_ref5.theme.input.color}}));!function(ColorSpace){ColorSpace.RGB="rgb",ColorSpace.HSL="hsl",ColorSpace.HEX="hex"}(ColorSpace||(ColorSpace={}));var COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker=(_defineProperty(_ColorPicker={},ColorSpace.HEX,(function(r){return react_default.a.createElement($,index_module_l({},r,{colorModel:R}))})),_defineProperty(_ColorPicker,ColorSpace.RGB,(function(r){return react_default.a.createElement(Q,index_module_l({},r,{colorModel:he}))})),_defineProperty(_ColorPicker,ColorSpace.HSL,(function(r){return react_default.a.createElement(Q,index_module_l({},r,{colorModel:W}))})),_ColorPicker),fallbackColor=(_defineProperty(_fallbackColor={},ColorSpace.HEX,"transparent"),_defineProperty(_fallbackColor,ColorSpace.RGB,"rgba(0, 0, 0, 0)"),_defineProperty(_fallbackColor,ColorSpace.HSL,"hsla(0, 0%, 0%, 0)"),_fallbackColor),stringToArgs=function stringToArgs(value){var match=null==value?void 0:value.match(COLOR_REGEXP);if(!match)return[0,0,0,1];var _match=_slicedToArray(match,5),x=_match[1],y=_match[2],z=_match[3],_match$=_match[4];return[x,y,z,void 0===_match$?1:_match$].map(Number)},Color_parseValue=function parseValue(value){var _ref12;if(value){var valid=!0;if(RGB_REGEXP.test(value)){var _ref8,_stringToArgs2=_slicedToArray(stringToArgs(value),4),r=_stringToArgs2[0],g=_stringToArgs2[1],b=_stringToArgs2[2],a=_stringToArgs2[3],_ref7=_slicedToArray(color_convert_default.a.rgb.hsl([r,g,b])||[0,0,0],3),h=_ref7[0],s=_ref7[1],l=_ref7[2];return _defineProperty(_ref8={valid:valid,value:value,keyword:color_convert_default.a.rgb.keyword([r,g,b]),colorSpace:ColorSpace.RGB},ColorSpace.RGB,value),_defineProperty(_ref8,ColorSpace.HSL,"hsla(".concat(h,", ").concat(s,"%, ").concat(l,"%, ").concat(a,")")),_defineProperty(_ref8,ColorSpace.HEX,"#".concat(color_convert_default.a.rgb.hex([r,g,b]).toLowerCase())),_ref8}if(HSL_REGEXP.test(value)){var _ref11,_stringToArgs4=_slicedToArray(stringToArgs(value),4),_h=_stringToArgs4[0],_s2=_stringToArgs4[1],_l=_stringToArgs4[2],_a=_stringToArgs4[3],_ref10=_slicedToArray(color_convert_default.a.hsl.rgb([_h,_s2,_l])||[0,0,0],3),_r=_ref10[0],_g=_ref10[1],_b=_ref10[2];return _defineProperty(_ref11={valid:valid,value:value,keyword:color_convert_default.a.hsl.keyword([_h,_s2,_l]),colorSpace:ColorSpace.HSL},ColorSpace.RGB,"rgba(".concat(_r,", ").concat(_g,", ").concat(_b,", ").concat(_a,")")),_defineProperty(_ref11,ColorSpace.HSL,value),_defineProperty(_ref11,ColorSpace.HEX,"#".concat(color_convert_default.a.hsl.hex([_h,_s2,_l]).toLowerCase())),_ref11}var plain=value.replace("#",""),rgb=color_convert_default.a.keyword.rgb(plain)||color_convert_default.a.hex.rgb(plain),hsl=color_convert_default.a.rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&&(mapped="#".concat(plain)),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{color_convert_default.a.keyword.hex(mapped)}catch(e){valid=!1}return _defineProperty(_ref12={valid:valid,value:mapped,keyword:color_convert_default.a.rgb.keyword(rgb),colorSpace:ColorSpace.HEX},ColorSpace.RGB,"rgba(".concat(rgb[0],", ").concat(rgb[1],", ").concat(rgb[2],", 1)")),_defineProperty(_ref12,ColorSpace.HSL,"hsla(".concat(hsl[0],", ").concat(hsl[1],"%, ").concat(hsl[2],"%, 1)")),_defineProperty(_ref12,ColorSpace.HEX,mapped),_ref12}},Color_useColorInput=function useColorInput(initialValue,onChange){var _useState2=_slicedToArray(Object(react.useState)(initialValue||""),2),value=_useState2[0],setValue=_useState2[1],_useState4=_slicedToArray(Object(react.useState)((function(){return Color_parseValue(value)})),2),color=_useState4[0],setColor=_useState4[1],_useState6=_slicedToArray(Object(react.useState)((null==color?void 0:color.colorSpace)||ColorSpace.HEX),2),colorSpace=_useState6[0],setColorSpace=_useState6[1];Object(react.useEffect)((function(){void 0===initialValue&&(setValue(""),setColor(void 0),setColorSpace(ColorSpace.HEX))}),[initialValue]);var realValue=Object(react.useMemo)((function(){return function getRealValue(value,color,colorSpace){if(!value||null==color||!color.valid)return fallbackColor[colorSpace];if(colorSpace!==ColorSpace.HEX)return(null==color?void 0:color[colorSpace])||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return"#".concat(color_convert_default.a.keyword.hex(color.hex))}catch(e){return fallbackColor.hex}var short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;var _short$1$split2=_slicedToArray(short[1].split(""),3),r=_short$1$split2[0],g=_short$1$split2[1],b=_short$1$split2[2];return"#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b)}(value,color,colorSpace).toLowerCase()}),[value,color,colorSpace]),updateValue=Object(react.useCallback)((function(update){var parsed=Color_parseValue(update);setValue((null==parsed?void 0:parsed.value)||update||""),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))}),[onChange]),cycleColorSpace=Object(react.useCallback)((function(){var next=COLOR_SPACES.indexOf(colorSpace)+1;next>=COLOR_SPACES.length&&(next=0),setColorSpace(COLOR_SPACES[next]);var update=(null==color?void 0:color[COLOR_SPACES[next]])||"";setValue(update),onChange(update)}),[color,colorSpace,onChange]);return{value:value,realValue:realValue,updateValue:updateValue,color:color,colorSpace:colorSpace,cycleColorSpace:cycleColorSpace}},id=function id(value){return value.replace(/\s*/,"").toLowerCase()},Color_ColorControl=function ColorControl(_ref13){var name=_ref13.name,initialValue=_ref13.value,onChange=_ref13.onChange,onFocus=_ref13.onFocus,onBlur=_ref13.onBlur,presetColors=_ref13.presetColors,startOpen=_ref13.startOpen,_useColorInput=Color_useColorInput(initialValue,throttle_default()(onChange,200)),value=_useColorInput.value,realValue=_useColorInput.realValue,updateValue=_useColorInput.updateValue,color=_useColorInput.color,colorSpace=_useColorInput.colorSpace,cycleColorSpace=_useColorInput.cycleColorSpace,_usePresets=function usePresets(presetColors,currentColor,colorSpace){var _useState8=_slicedToArray(Object(react.useState)(null!=currentColor&&currentColor.valid?[currentColor]:[]),2),selectedColors=_useState8[0],setSelectedColors=_useState8[1];Object(react.useEffect)((function(){void 0===currentColor&&setSelectedColors([])}),[currentColor]);var presets=Object(react.useMemo)((function(){return(presetColors||[]).map((function(preset){return"string"==typeof preset?Color_parseValue(preset):preset.title?Object.assign({},Color_parseValue(preset.color),{keyword:preset.title}):Color_parseValue(preset.color)})).concat(selectedColors).filter(Boolean).slice(-27)}),[presetColors,selectedColors]),addPreset=Object(react.useCallback)((function(color){null!=color&&color.valid&&(presets.some((function(preset){return id(preset[colorSpace])===id(color[colorSpace])}))||setSelectedColors((function(arr){return arr.concat(color)})))}),[colorSpace,presets]);return{presets:presets,addPreset:addPreset}}(presetColors,color,colorSpace),presets=_usePresets.presets,addPreset=_usePresets.addPreset,Picker=ColorPicker[colorSpace];return react_default.a.createElement(Wrapper,null,react_default.a.createElement(PickerTooltip,{trigger:"click",startOpen:startOpen,closeOnClick:!0,onVisibilityChange:function onVisibilityChange(){return addPreset(color)},tooltip:react_default.a.createElement(TooltipContent,null,react_default.a.createElement(Picker,{color:"transparent"===realValue?"#000000":realValue,onChange:updateValue,onFocus:onFocus,onBlur:onBlur}),presets.length>0&&react_default.a.createElement(Swatches,null,presets.map((function(preset,index){return react_default.a.createElement(lazy_WithTooltip.a,{key:"".concat(preset.value,"-").concat(index),hasChrome:!1,tooltip:react_default.a.createElement(Note,{note:preset.keyword||preset.value})},react_default.a.createElement(Color_Swatch,{value:preset[colorSpace],active:color&&id(preset[colorSpace])===id(color[colorSpace]),onClick:function onClick(){return updateValue(preset.value)}}))}))))},react_default.a.createElement(Color_Swatch,{value:realValue,style:{margin:4}})),react_default.a.createElement(Input,{id:Object(helpers.a)(name),value:value,onChange:function onChange(e){return updateValue(e.target.value)},onFocus:function onFocus(e){return e.target.select()},placeholder:"Choose color..."}),react_default.a.createElement(ToggleIcon,{icon:"markup",onClick:cycleColorSpace}))};Color_ColorControl.displayName="ColorControl";__webpack_exports__.default=Color_ColorControl},1116:function(module,exports,__webpack_require__){const cssKeywords=__webpack_require__(1156),reverseKeywords={};for(const key of Object.keys(cssKeywords))reverseKeywords[cssKeywords[key]]=key;const convert={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};module.exports=convert;for(const model of Object.keys(convert)){if(!("channels"in convert[model]))throw new Error("missing channels property: "+model);if(!("labels"in convert[model]))throw new Error("missing channel labels property: "+model);if(convert[model].labels.length!==convert[model].channels)throw new Error("channel and label counts mismatch: "+model);const{channels:channels,labels:labels}=convert[model];delete convert[model].channels,delete convert[model].labels,Object.defineProperty(convert[model],"channels",{value:channels}),Object.defineProperty(convert[model],"labels",{value:labels})}convert.rgb.hsl=function(rgb){const r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,min=Math.min(r,g,b),max=Math.max(r,g,b),delta=max-min;let h,s;max===min?h=0:r===max?h=(g-b)/delta:g===max?h=2+(b-r)/delta:b===max&&(h=4+(r-g)/delta),h=Math.min(60*h,360),h<0&&(h+=360);const l=(min+max)/2;return s=max===min?0:l<=.5?delta/(max+min):delta/(2-max-min),[h,100*s,100*l]},convert.rgb.hsv=function(rgb){let rdif,gdif,bdif,h,s;const r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,v=Math.max(r,g,b),diff=v-Math.min(r,g,b),diffc=function(c){return(v-c)/6/diff+.5};return 0===diff?(h=0,s=0):(s=diff/v,rdif=diffc(r),gdif=diffc(g),bdif=diffc(b),r===v?h=bdif-gdif:g===v?h=1/3+rdif-bdif:b===v&&(h=2/3+gdif-rdif),h<0?h+=1:h>1&&(h-=1)),[360*h,100*s,100*v]},convert.rgb.hwb=function(rgb){const r=rgb[0],g=rgb[1];let b=rgb[2];const h=convert.rgb.hsl(rgb)[0],w=1/255*Math.min(r,Math.min(g,b));return b=1-1/255*Math.max(r,Math.max(g,b)),[h,100*w,100*b]},convert.rgb.cmyk=function(rgb){const r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,k=Math.min(1-r,1-g,1-b);return[100*((1-r-k)/(1-k)||0),100*((1-g-k)/(1-k)||0),100*((1-b-k)/(1-k)||0),100*k]},convert.rgb.keyword=function(rgb){const reversed=reverseKeywords[rgb];if(reversed)return reversed;let currentClosestKeyword,currentClosestDistance=1/0;for(const keyword of Object.keys(cssKeywords)){const value=cssKeywords[keyword],distance=(y=value,((x=rgb)[0]-y[0])**2+(x[1]-y[1])**2+(x[2]-y[2])**2);distance<currentClosestDistance&&(currentClosestDistance=distance,currentClosestKeyword=keyword)}var x,y;return currentClosestKeyword},convert.keyword.rgb=function(keyword){return cssKeywords[keyword]},convert.rgb.xyz=function(rgb){let r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255;r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,g=g>.04045?((g+.055)/1.055)**2.4:g/12.92,b=b>.04045?((b+.055)/1.055)**2.4:b/12.92;return[100*(.4124*r+.3576*g+.1805*b),100*(.2126*r+.7152*g+.0722*b),100*(.0193*r+.1192*g+.9505*b)]},convert.rgb.lab=function(rgb){const xyz=convert.rgb.xyz(rgb);let x=xyz[0],y=xyz[1],z=xyz[2];x/=95.047,y/=100,z/=108.883,x=x>.008856?x**(1/3):7.787*x+16/116,y=y>.008856?y**(1/3):7.787*y+16/116,z=z>.008856?z**(1/3):7.787*z+16/116;return[116*y-16,500*(x-y),200*(y-z)]},convert.hsl.rgb=function(hsl){const h=hsl[0]/360,s=hsl[1]/100,l=hsl[2]/100;let t2,t3,val;if(0===s)return val=255*l,[val,val,val];t2=l<.5?l*(1+s):l+s-l*s;const t1=2*l-t2,rgb=[0,0,0];for(let i=0;i<3;i++)t3=h+1/3*-(i-1),t3<0&&t3++,t3>1&&t3--,val=6*t3<1?t1+6*(t2-t1)*t3:2*t3<1?t2:3*t3<2?t1+(t2-t1)*(2/3-t3)*6:t1,rgb[i]=255*val;return rgb},convert.hsl.hsv=function(hsl){const h=hsl[0];let s=hsl[1]/100,l=hsl[2]/100,smin=s;const lmin=Math.max(l,.01);l*=2,s*=l<=1?l:2-l,smin*=lmin<=1?lmin:2-lmin;return[h,100*(0===l?2*smin/(lmin+smin):2*s/(l+s)),100*((l+s)/2)]},convert.hsv.rgb=function(hsv){const h=hsv[0]/60,s=hsv[1]/100;let v=hsv[2]/100;const hi=Math.floor(h)%6,f=h-Math.floor(h),p=255*v*(1-s),q=255*v*(1-s*f),t=255*v*(1-s*(1-f));switch(v*=255,hi){case 0:return[v,t,p];case 1:return[q,v,p];case 2:return[p,v,t];case 3:return[p,q,v];case 4:return[t,p,v];case 5:return[v,p,q]}},convert.hsv.hsl=function(hsv){const h=hsv[0],s=hsv[1]/100,v=hsv[2]/100,vmin=Math.max(v,.01);let sl,l;l=(2-s)*v;const lmin=(2-s)*vmin;return sl=s*vmin,sl/=lmin<=1?lmin:2-lmin,sl=sl||0,l/=2,[h,100*sl,100*l]},convert.hwb.rgb=function(hwb){const h=hwb[0]/360;let wh=hwb[1]/100,bl=hwb[2]/100;const ratio=wh+bl;let f;ratio>1&&(wh/=ratio,bl/=ratio);const i=Math.floor(6*h),v=1-bl;f=6*h-i,0!=(1&i)&&(f=1-f);const n=wh+f*(v-wh);let r,g,b;switch(i){default:case 6:case 0:r=v,g=n,b=wh;break;case 1:r=n,g=v,b=wh;break;case 2:r=wh,g=v,b=n;break;case 3:r=wh,g=n,b=v;break;case 4:r=n,g=wh,b=v;break;case 5:r=v,g=wh,b=n}return[255*r,255*g,255*b]},convert.cmyk.rgb=function(cmyk){const c=cmyk[0]/100,m=cmyk[1]/100,y=cmyk[2]/100,k=cmyk[3]/100;return[255*(1-Math.min(1,c*(1-k)+k)),255*(1-Math.min(1,m*(1-k)+k)),255*(1-Math.min(1,y*(1-k)+k))]},convert.xyz.rgb=function(xyz){const x=xyz[0]/100,y=xyz[1]/100,z=xyz[2]/100;let r,g,b;return r=3.2406*x+-1.5372*y+-.4986*z,g=-.9689*x+1.8758*y+.0415*z,b=.0557*x+-.204*y+1.057*z,r=r>.0031308?1.055*r**(1/2.4)-.055:12.92*r,g=g>.0031308?1.055*g**(1/2.4)-.055:12.92*g,b=b>.0031308?1.055*b**(1/2.4)-.055:12.92*b,r=Math.min(Math.max(0,r),1),g=Math.min(Math.max(0,g),1),b=Math.min(Math.max(0,b),1),[255*r,255*g,255*b]},convert.xyz.lab=function(xyz){let x=xyz[0],y=xyz[1],z=xyz[2];x/=95.047,y/=100,z/=108.883,x=x>.008856?x**(1/3):7.787*x+16/116,y=y>.008856?y**(1/3):7.787*y+16/116,z=z>.008856?z**(1/3):7.787*z+16/116;return[116*y-16,500*(x-y),200*(y-z)]},convert.lab.xyz=function(lab){let x,y,z;y=(lab[0]+16)/116,x=lab[1]/500+y,z=y-lab[2]/200;const y2=y**3,x2=x**3,z2=z**3;return y=y2>.008856?y2:(y-16/116)/7.787,x=x2>.008856?x2:(x-16/116)/7.787,z=z2>.008856?z2:(z-16/116)/7.787,x*=95.047,y*=100,z*=108.883,[x,y,z]},convert.lab.lch=function(lab){const l=lab[0],a=lab[1],b=lab[2];let h;h=360*Math.atan2(b,a)/2/Math.PI,h<0&&(h+=360);return[l,Math.sqrt(a*a+b*b),h]},convert.lch.lab=function(lch){const l=lch[0],c=lch[1],hr=lch[2]/360*2*Math.PI;return[l,c*Math.cos(hr),c*Math.sin(hr)]},convert.rgb.ansi16=function(args,saturation=null){const[r,g,b]=args;let value=null===saturation?convert.rgb.hsv(args)[2]:saturation;if(value=Math.round(value/50),0===value)return 30;let ansi=30+(Math.round(b/255)<<2|Math.round(g/255)<<1|Math.round(r/255));return 2===value&&(ansi+=60),ansi},convert.hsv.ansi16=function(args){return convert.rgb.ansi16(convert.hsv.rgb(args),args[2])},convert.rgb.ansi256=function(args){const r=args[0],g=args[1],b=args[2];if(r===g&&g===b)return r<8?16:r>248?231:Math.round((r-8)/247*24)+232;return 16+36*Math.round(r/255*5)+6*Math.round(g/255*5)+Math.round(b/255*5)},convert.ansi16.rgb=function(args){let color=args%10;if(0===color||7===color)return args>50&&(color+=3.5),color=color/10.5*255,[color,color,color];const mult=.5*(1+~~(args>50));return[(1&color)*mult*255,(color>>1&1)*mult*255,(color>>2&1)*mult*255]},convert.ansi256.rgb=function(args){if(args>=232){const c=10*(args-232)+8;return[c,c,c]}let rem;args-=16;return[Math.floor(args/36)/5*255,Math.floor((rem=args%36)/6)/5*255,rem%6/5*255]},convert.rgb.hex=function(args){const string=(((255&Math.round(args[0]))<<16)+((255&Math.round(args[1]))<<8)+(255&Math.round(args[2]))).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert.hex.rgb=function(args){const match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return[0,0,0];let colorString=match[0];3===match[0].length&&(colorString=colorString.split("").map((char=>char+char)).join(""));const integer=parseInt(colorString,16);return[integer>>16&255,integer>>8&255,255&integer]},convert.rgb.hcg=function(rgb){const r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,max=Math.max(Math.max(r,g),b),min=Math.min(Math.min(r,g),b),chroma=max-min;let grayscale,hue;return grayscale=chroma<1?min/(1-chroma):0,hue=chroma<=0?0:max===r?(g-b)/chroma%6:max===g?2+(b-r)/chroma:4+(r-g)/chroma,hue/=6,hue%=1,[360*hue,100*chroma,100*grayscale]},convert.hsl.hcg=function(hsl){const s=hsl[1]/100,l=hsl[2]/100,c=l<.5?2*s*l:2*s*(1-l);let f=0;return c<1&&(f=(l-.5*c)/(1-c)),[hsl[0],100*c,100*f]},convert.hsv.hcg=function(hsv){const s=hsv[1]/100,v=hsv[2]/100,c=s*v;let f=0;return c<1&&(f=(v-c)/(1-c)),[hsv[0],100*c,100*f]},convert.hcg.rgb=function(hcg){const h=hcg[0]/360,c=hcg[1]/100,g=hcg[2]/100;if(0===c)return[255*g,255*g,255*g];const pure=[0,0,0],hi=h%1*6,v=hi%1,w=1-v;let mg=0;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v,pure[2]=0;break;case 1:pure[0]=w,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v;break;case 3:pure[0]=0,pure[1]=w,pure[2]=1;break;case 4:pure[0]=v,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w}return mg=(1-c)*g,[255*(c*pure[0]+mg),255*(c*pure[1]+mg),255*(c*pure[2]+mg)]},convert.hcg.hsv=function(hcg){const c=hcg[1]/100,v=c+hcg[2]/100*(1-c);let f=0;return v>0&&(f=c/v),[hcg[0],100*f,100*v]},convert.hcg.hsl=function(hcg){const c=hcg[1]/100,l=hcg[2]/100*(1-c)+.5*c;let s=0;return l>0&&l<.5?s=c/(2*l):l>=.5&&l<1&&(s=c/(2*(1-l))),[hcg[0],100*s,100*l]},convert.hcg.hwb=function(hcg){const c=hcg[1]/100,v=c+hcg[2]/100*(1-c);return[hcg[0],100*(v-c),100*(1-v)]},convert.hwb.hcg=function(hwb){const w=hwb[1]/100,v=1-hwb[2]/100,c=v-w;let g=0;return c<1&&(g=(v-c)/(1-c)),[hwb[0],100*c,100*g]},convert.apple.rgb=function(apple){return[apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]},convert.rgb.apple=function(rgb){return[rgb[0]/255*65535,rgb[1]/255*65535,rgb[2]/255*65535]},convert.gray.rgb=function(args){return[args[0]/100*255,args[0]/100*255,args[0]/100*255]},convert.gray.hsl=function(args){return[0,0,args[0]]},convert.gray.hsv=convert.gray.hsl,convert.gray.hwb=function(gray){return[0,100,gray[0]]},convert.gray.cmyk=function(gray){return[0,0,0,gray[0]]},convert.gray.lab=function(gray){return[gray[0],0,0]},convert.gray.hex=function(gray){const val=255&Math.round(gray[0]/100*255),string=((val<<16)+(val<<8)+val).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert.rgb.gray=function(rgb){return[(rgb[0]+rgb[1]+rgb[2])/3/255*100]}},1155:function(module,exports,__webpack_require__){const conversions=__webpack_require__(1116),route=__webpack_require__(1157),convert={};Object.keys(conversions).forEach((fromModel=>{convert[fromModel]={},Object.defineProperty(convert[fromModel],"channels",{value:conversions[fromModel].channels}),Object.defineProperty(convert[fromModel],"labels",{value:conversions[fromModel].labels});const routes=route(fromModel);Object.keys(routes).forEach((toModel=>{const fn=routes[toModel];convert[fromModel][toModel]=function wrapRounded(fn){const wrappedFn=function(...args){const arg0=args[0];if(null==arg0)return arg0;arg0.length>1&&(args=arg0);const result=fn(args);if("object"==typeof result)for(let len=result.length,i=0;i<len;i++)result[i]=Math.round(result[i]);return result};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn),convert[fromModel][toModel].raw=function wrapRaw(fn){const wrappedFn=function(...args){const arg0=args[0];return null==arg0?arg0:(arg0.length>1&&(args=arg0),fn(args))};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn)}))})),module.exports=convert},1156:function(module,exports,__webpack_require__){"use strict";module.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}},1157:function(module,exports,__webpack_require__){const conversions=__webpack_require__(1116);function deriveBFS(fromModel){const graph=function buildGraph(){const graph={},models=Object.keys(conversions);for(let len=models.length,i=0;i<len;i++)graph[models[i]]={distance:-1,parent:null};return graph}(),queue=[fromModel];for(graph[fromModel].distance=0;queue.length;){const current=queue.pop(),adjacents=Object.keys(conversions[current]);for(let len=adjacents.length,i=0;i<len;i++){const adjacent=adjacents[i],node=graph[adjacent];-1===node.distance&&(node.distance=graph[current].distance+1,node.parent=current,queue.unshift(adjacent))}}return graph}function link(from,to){return function(args){return to(from(args))}}function wrapConversion(toModel,graph){const path=[graph[toModel].parent,toModel];let fn=conversions[graph[toModel].parent][toModel],cur=graph[toModel].parent;for(;graph[cur].parent;)path.unshift(graph[cur].parent),fn=link(conversions[graph[cur].parent][cur],fn),cur=graph[cur].parent;return fn.conversion=path,fn}module.exports=function(fromModel){const graph=deriveBFS(fromModel),conversion={},models=Object.keys(graph);for(let len=models.length,i=0;i<len;i++){const toModel=models[i];null!==graph[toModel].parent&&(conversion[toModel]=wrapConversion(toModel,graph))}return conversion}},1158:function(module,exports,__webpack_require__){var debounce=__webpack_require__(1159),isObject=__webpack_require__(143);module.exports=function throttle(func,wait,options){var leading=!0,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");return isObject(options)&&(leading="leading"in options?!!options.leading:leading,trailing="trailing"in options?!!options.trailing:trailing),debounce(func,wait,{leading:leading,maxWait:wait,trailing:trailing})}},1159:function(module,exports,__webpack_require__){var isObject=__webpack_require__(143),now=__webpack_require__(1160),toNumber=__webpack_require__(1161),nativeMax=Math.max,nativeMin=Math.min;module.exports=function debounce(func,wait,options){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");function invokeFunc(time){var args=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result=func.apply(thisArg,args)}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime;return void 0===lastCallTime||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&time-lastInvokeTime>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,function remainingWait(time){var timeWaiting=wait-(time-lastCallTime);return maxing?nativeMin(timeWaiting,maxWait-(time-lastInvokeTime)):timeWaiting}(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(void 0===timerId)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return void 0===timerId&&(timerId=setTimeout(timerExpired,wait)),result}return wait=toNumber(wait)||0,isObject(options)&&(leading=!!options.leading,maxWait=(maxing="maxWait"in options)?nativeMax(toNumber(options.maxWait)||0,wait):maxWait,trailing="trailing"in options?!!options.trailing:trailing),debounced.cancel=function cancel(){void 0!==timerId&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0},debounced.flush=function flush(){return void 0===timerId?result:trailingEdge(now())},debounced}},1160:function(module,exports,__webpack_require__){var root=__webpack_require__(101);module.exports=function(){return root.Date.now()}},1161:function(module,exports,__webpack_require__){var baseTrim=__webpack_require__(1162),isObject=__webpack_require__(143),isSymbol=__webpack_require__(291),reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;module.exports=function toNumber(value){if("number"==typeof value)return value;if(isSymbol(value))return NaN;if(isObject(value)){var other="function"==typeof value.valueOf?value.valueOf():value;value=isObject(other)?other+"":other}if("string"!=typeof value)return 0===value?value:+value;value=baseTrim(value);var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NaN:+value}},1162:function(module,exports,__webpack_require__){var trimmedEndIndex=__webpack_require__(1163),reTrimStart=/^\s+/;module.exports=function baseTrim(string){return string?string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,""):string}},1163:function(module,exports){var reWhitespace=/\s/;module.exports=function trimmedEndIndex(string){for(var index=string.length;index--&&reWhitespace.test(string.charAt(index)););return index}},589:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TooltipNote}));__webpack_require__(162),__webpack_require__(28),__webpack_require__(8);var react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(1),react__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Note=__webpack_require__(3).styled.div((function(_ref){var theme=_ref.theme;return{padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:"rgba(0, 0, 0, 0.4)",margin:6}})),TooltipNote=function TooltipNote(_ref2){var note=_ref2.note,props=_objectWithoutProperties(_ref2,["note"]);return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Note,props,note)};TooltipNote.displayName="TooltipNote"}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{1099:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorControl",(function(){return Color_ColorControl}));__webpack_require__(28),__webpack_require__(8),__webpack_require__(11),__webpack_require__(10),__webpack_require__(21),__webpack_require__(17),__webpack_require__(15),__webpack_require__(18),__webpack_require__(30),__webpack_require__(25),__webpack_require__(19),__webpack_require__(161),__webpack_require__(129),__webpack_require__(32),__webpack_require__(29),__webpack_require__(192),__webpack_require__(59),__webpack_require__(191),__webpack_require__(90),__webpack_require__(16),__webpack_require__(60),__webpack_require__(9);var react=__webpack_require__(1),react_default=__webpack_require__.n(react);function index_module_l(){return(index_module_l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function index_module_u(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r.indexOf(t=a[o])>=0||(n[t]=e[t]);return n}var index_module_c="undefined"!=typeof window?react.useLayoutEffect:react.useEffect;function index_module_i(e){var r=Object(react.useRef)(e);return Object(react.useEffect)((function(){r.current=e})),Object(react.useCallback)((function(e){return r.current&&r.current(e)}),[])}var index_module_s,index_module_f=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e<r?r:e},index_module_v=function(e){return"touches"in e},index_module_d=function(e,r){var t=e.getBoundingClientRect(),o=index_module_v(r)?r.touches[0]:r;return{left:index_module_f((o.pageX-(t.left+window.pageXOffset))/t.width),top:index_module_f((o.pageY-(t.top+window.pageYOffset))/t.height)}},index_module_h=function(e){!index_module_v(e)&&e.preventDefault()},index_module_m=react_default.a.memo((function(r){var t=r.onMove,s=r.onKey,f=index_module_u(r,["onMove","onKey"]),m=Object(react.useRef)(null),g=Object(react.useRef)(!1),p=Object(react.useState)(!1),b=p[0],_=p[1],C=index_module_i(t),x=index_module_i(s),E=Object(react.useCallback)((function(e){index_module_h(e),(index_module_v(e)?e.touches.length>0:e.buttons>0)&&m.current?C(index_module_d(m.current,e)):_(!1)}),[C]),H=Object(react.useCallback)((function(e){var r,t=e.nativeEvent,o=m.current;index_module_h(t),r=t,g.current&&!index_module_v(r)||(g.current||(g.current=index_module_v(r)),0)||!o||(o.focus(),C(index_module_d(o,t)),_(!0))}),[C]),M=Object(react.useCallback)((function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),x({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))}),[x]),N=Object(react.useCallback)((function(){return _(!1)}),[]),w=Object(react.useCallback)((function(e){var r=e?window.addEventListener:window.removeEventListener;r(g.current?"touchmove":"mousemove",E),r(g.current?"touchend":"mouseup",N)}),[E,N]);return index_module_c((function(){return w(b),function(){b&&w(!1)}}),[b,w]),react_default.a.createElement("div",index_module_l({},f,{className:"react-colorful__interactive",ref:m,onTouchStart:H,onMouseDown:H,onKeyDown:M,tabIndex:0,role:"slider"}))})),index_module_g=function(e){return e.filter(Boolean).join(" ")},index_module_p=function(r){var t=r.color,o=r.left,n=r.top,a=void 0===n?.5:n,l=index_module_g(["react-colorful__pointer",r.className]);return react_default.a.createElement("div",{className:l,style:{top:100*a+"%",left:100*o+"%"}},react_default.a.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},index_module_b=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},index_module_={grad:.9,turn:360,rad:360/(2*Math.PI)},index_module_C=function(e){return"#"===e[0]&&(e=e.substr(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:1}:{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:1}},index_module_x=function(e,r){return void 0===r&&(r="deg"),Number(e)*(index_module_[r]||1)},index_module_E=function(e){var r=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?index_module_M({h:index_module_x(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},index_module_M=function(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t<50?t:100-t)/100)>0?2*r/(t+r)*100:0,v:t+r,a:e.a}},index_module_N=function(e){var r=e.s,t=e.v,o=e.a,n=(200-r)*t/100;return{h:index_module_b(e.h),s:index_module_b(n>0&&n<200?r*t/100/(n<=100?n:200-n)*100:0),l:index_module_b(n/2),a:index_module_b(o,2)}},index_module_w=function(e){var r=index_module_N(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},y=function(e){var r=index_module_N(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},q=function(e){var r=e.h,t=e.s,o=e.v,n=e.a;r=r/360*6,t/=100,o/=100;var a=Math.floor(r),l=o*(1-t),u=o*(1-(r-a)*t),c=o*(1-(1-r+a)*t),i=a%6;return{r:index_module_b(255*[o,u,l,l,c,o][i]),g:index_module_b(255*[c,o,o,u,l,l][i]),b:index_module_b(255*[l,l,c,o,o,u][i]),a:index_module_b(n,2)}},I=function(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?B({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},z=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},B=function(e){var r=e.r,t=e.g,o=e.b,n=e.a,a=Math.max(r,t,o),l=a-Math.min(r,t,o),u=l?a===r?(t-o)/l:a===t?2+(o-r)/l:4+(r-t)/l:0;return{h:index_module_b(60*(u<0?u+6:u)),s:index_module_b(a?l/a*100:0),v:index_module_b(a/255*100),a:n}},A=react_default.a.memo((function(r){var t=r.hue,o=r.onChange,n=index_module_g(["react-colorful__hue",r.className]);return react_default.a.createElement("div",{className:n},react_default.a.createElement(index_module_m,{onMove:function(e){o({h:360*e.left})},onKey:function(e){o({h:index_module_f(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuetext":index_module_b(t)},react_default.a.createElement(index_module_p,{className:"react-colorful__hue-pointer",left:t/360,color:index_module_w({h:t,s:100,v:100,a:1})})))})),L=react_default.a.memo((function(r){var t=r.hsva,o=r.onChange,n={backgroundColor:index_module_w({h:t.h,s:100,v:100,a:1})};return react_default.a.createElement("div",{className:"react-colorful__saturation",style:n},react_default.a.createElement(index_module_m,{onMove:function(e){o({s:100*e.left,v:100-100*e.top})},onKey:function(e){o({s:index_module_f(t.s+100*e.left,0,100),v:index_module_f(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+index_module_b(t.s)+"%, Brightness "+index_module_b(t.v)+"%"},react_default.a.createElement(index_module_p,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:index_module_w(t)})))})),D=function(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},F=function(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")};function S(e,r,l){var u=index_module_i(l),c=Object(react.useState)((function(){return e.toHsva(r)})),s=c[0],f=c[1],v=Object(react.useRef)({color:r,hsva:s});Object(react.useEffect)((function(){if(!e.equal(r,v.current.color)){var t=e.toHsva(r);v.current={hsva:t,color:r},f(t)}}),[r,e]),Object(react.useEffect)((function(){var r;D(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r))}),[s,e,u]);var d=Object(react.useCallback)((function(e){f((function(r){return Object.assign({},r,e)}))}),[]);return[s,d]}var P,_ColorPicker,_fallbackColor,Y=function(){index_module_c((function(){if("undefined"!=typeof document&&!P){(P=document.createElement("style")).innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}';var e=index_module_s||__webpack_require__.nc;e&&P.setAttribute("nonce",e),document.head.appendChild(P)}}),[])},$=function(r){var t=r.className,o=r.colorModel,n=r.color,a=void 0===n?o.defaultColor:n,c=r.onChange,i=index_module_u(r,["className","colorModel","color","onChange"]);Y();var s=S(o,a,c),f=s[0],v=s[1],d=index_module_g(["react-colorful",t]);return react_default.a.createElement("div",index_module_l({},i,{className:d}),react_default.a.createElement(L,{hsva:f,onChange:v}),react_default.a.createElement(A,{hue:f.h,onChange:v,className:"react-colorful__last-control"}))},R={defaultColor:"000",toHsva:function(e){return B(index_module_C(e))},fromHsva:function(e){return t=(r=q(e)).g,o=r.b,"#"+z(r.r)+z(t)+z(o);var r,t,o},equal:function(e,r){return e.toLowerCase()===r.toLowerCase()||D(index_module_C(e),index_module_C(r))}},J=function(r){var t=r.className,o=r.hsva,n=r.onChange,a={backgroundImage:"linear-gradient(90deg, "+y(Object.assign({},o,{a:0}))+", "+y(Object.assign({},o,{a:1}))+")"},l=index_module_g(["react-colorful__alpha",t]);return react_default.a.createElement("div",{className:l},react_default.a.createElement("div",{className:"react-colorful__alpha-gradient",style:a}),react_default.a.createElement(index_module_m,{onMove:function(e){n({a:e.left})},onKey:function(e){n({a:index_module_f(o.a+e.left)})},"aria-label":"Alpha","aria-valuetext":index_module_b(100*o.a)+"%"},react_default.a.createElement(index_module_p,{className:"react-colorful__alpha-pointer",left:o.a,color:y(o)})))},Q=function(r){var t=r.className,o=r.colorModel,n=r.color,a=void 0===n?o.defaultColor:n,c=r.onChange,i=index_module_u(r,["className","colorModel","color","onChange"]);Y();var s=S(o,a,c),f=s[0],v=s[1],d=index_module_g(["react-colorful",t]);return react_default.a.createElement("div",index_module_l({},i,{className:d}),react_default.a.createElement(L,{hsva:f,onChange:v}),react_default.a.createElement(A,{hue:f.h,onChange:v}),react_default.a.createElement(J,{hsva:f,onChange:v,className:"react-colorful__last-control"}))},W={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:index_module_E,fromHsva:y,equal:F},he={defaultColor:"rgba(0, 0, 0, 1)",toHsva:I,fromHsva:function(e){var r=q(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:F},color_convert=__webpack_require__(1155),color_convert_default=__webpack_require__.n(color_convert),throttle=__webpack_require__(1158),throttle_default=__webpack_require__.n(throttle),esm=__webpack_require__(3),TooltipNote=__webpack_require__(589),lazy_WithTooltip=__webpack_require__(207),esm_form=__webpack_require__(58),icon=__webpack_require__(50),helpers=__webpack_require__(49);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Wrapper=esm.styled.div({position:"relative",maxWidth:250}),PickerTooltip=Object(esm.styled)(lazy_WithTooltip.a)({position:"absolute",zIndex:1,top:4,left:4}),TooltipContent=esm.styled.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Note=Object(esm.styled)(TooltipNote.a)((function(_ref){return{fontFamily:_ref.theme.typography.fonts.base}})),Swatches=esm.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=esm.styled.div((function(_ref2){var theme=_ref2.theme;return{width:16,height:16,boxShadow:_ref2.active?"".concat(theme.appBorderColor," 0 0 0 1px inset, ").concat(theme.color.mediumdark,"50 0 0 0 4px"):"".concat(theme.appBorderColor," 0 0 0 1px inset"),borderRadius:theme.appBorderRadius}})),Color_Swatch=function Swatch(_ref3){var value=_ref3.value,active=_ref3.active,onClick=_ref3.onClick,style=_ref3.style,props=_objectWithoutProperties(_ref3,["value","active","onClick","style"]),backgroundImage="linear-gradient(".concat(value,", ").concat(value,"), ").concat('url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')',", linear-gradient(#fff, #fff)");return react_default.a.createElement(SwatchColor,_extends({},props,{active:active,onClick:onClick,style:Object.assign({},style,{backgroundImage:backgroundImage})}))};Color_Swatch.displayName="Swatch";var ColorSpace,Input=Object(esm.styled)(esm_form.a.Input)((function(_ref4){return{width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:_ref4.theme.typography.fonts.base}})),ToggleIcon=Object(esm.styled)(icon.a)((function(_ref5){return{position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:_ref5.theme.input.color}}));!function(ColorSpace){ColorSpace.RGB="rgb",ColorSpace.HSL="hsl",ColorSpace.HEX="hex"}(ColorSpace||(ColorSpace={}));var COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker=(_defineProperty(_ColorPicker={},ColorSpace.HEX,(function(r){return react_default.a.createElement($,index_module_l({},r,{colorModel:R}))})),_defineProperty(_ColorPicker,ColorSpace.RGB,(function(r){return react_default.a.createElement(Q,index_module_l({},r,{colorModel:he}))})),_defineProperty(_ColorPicker,ColorSpace.HSL,(function(r){return react_default.a.createElement(Q,index_module_l({},r,{colorModel:W}))})),_ColorPicker),fallbackColor=(_defineProperty(_fallbackColor={},ColorSpace.HEX,"transparent"),_defineProperty(_fallbackColor,ColorSpace.RGB,"rgba(0, 0, 0, 0)"),_defineProperty(_fallbackColor,ColorSpace.HSL,"hsla(0, 0%, 0%, 0)"),_fallbackColor),stringToArgs=function stringToArgs(value){var match=null==value?void 0:value.match(COLOR_REGEXP);if(!match)return[0,0,0,1];var _match=_slicedToArray(match,5),x=_match[1],y=_match[2],z=_match[3],_match$=_match[4];return[x,y,z,void 0===_match$?1:_match$].map(Number)},Color_parseValue=function parseValue(value){var _ref12;if(value){var valid=!0;if(RGB_REGEXP.test(value)){var _ref8,_stringToArgs2=_slicedToArray(stringToArgs(value),4),r=_stringToArgs2[0],g=_stringToArgs2[1],b=_stringToArgs2[2],a=_stringToArgs2[3],_ref7=_slicedToArray(color_convert_default.a.rgb.hsl([r,g,b])||[0,0,0],3),h=_ref7[0],s=_ref7[1],l=_ref7[2];return _defineProperty(_ref8={valid:valid,value:value,keyword:color_convert_default.a.rgb.keyword([r,g,b]),colorSpace:ColorSpace.RGB},ColorSpace.RGB,value),_defineProperty(_ref8,ColorSpace.HSL,"hsla(".concat(h,", ").concat(s,"%, ").concat(l,"%, ").concat(a,")")),_defineProperty(_ref8,ColorSpace.HEX,"#".concat(color_convert_default.a.rgb.hex([r,g,b]).toLowerCase())),_ref8}if(HSL_REGEXP.test(value)){var _ref11,_stringToArgs4=_slicedToArray(stringToArgs(value),4),_h=_stringToArgs4[0],_s2=_stringToArgs4[1],_l=_stringToArgs4[2],_a=_stringToArgs4[3],_ref10=_slicedToArray(color_convert_default.a.hsl.rgb([_h,_s2,_l])||[0,0,0],3),_r=_ref10[0],_g=_ref10[1],_b=_ref10[2];return _defineProperty(_ref11={valid:valid,value:value,keyword:color_convert_default.a.hsl.keyword([_h,_s2,_l]),colorSpace:ColorSpace.HSL},ColorSpace.RGB,"rgba(".concat(_r,", ").concat(_g,", ").concat(_b,", ").concat(_a,")")),_defineProperty(_ref11,ColorSpace.HSL,value),_defineProperty(_ref11,ColorSpace.HEX,"#".concat(color_convert_default.a.hsl.hex([_h,_s2,_l]).toLowerCase())),_ref11}var plain=value.replace("#",""),rgb=color_convert_default.a.keyword.rgb(plain)||color_convert_default.a.hex.rgb(plain),hsl=color_convert_default.a.rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&&(mapped="#".concat(plain)),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{color_convert_default.a.keyword.hex(mapped)}catch(e){valid=!1}return _defineProperty(_ref12={valid:valid,value:mapped,keyword:color_convert_default.a.rgb.keyword(rgb),colorSpace:ColorSpace.HEX},ColorSpace.RGB,"rgba(".concat(rgb[0],", ").concat(rgb[1],", ").concat(rgb[2],", 1)")),_defineProperty(_ref12,ColorSpace.HSL,"hsla(".concat(hsl[0],", ").concat(hsl[1],"%, ").concat(hsl[2],"%, 1)")),_defineProperty(_ref12,ColorSpace.HEX,mapped),_ref12}},Color_useColorInput=function useColorInput(initialValue,onChange){var _useState2=_slicedToArray(Object(react.useState)(initialValue||""),2),value=_useState2[0],setValue=_useState2[1],_useState4=_slicedToArray(Object(react.useState)((function(){return Color_parseValue(value)})),2),color=_useState4[0],setColor=_useState4[1],_useState6=_slicedToArray(Object(react.useState)((null==color?void 0:color.colorSpace)||ColorSpace.HEX),2),colorSpace=_useState6[0],setColorSpace=_useState6[1];Object(react.useEffect)((function(){void 0===initialValue&&(setValue(""),setColor(void 0),setColorSpace(ColorSpace.HEX))}),[initialValue]);var realValue=Object(react.useMemo)((function(){return function getRealValue(value,color,colorSpace){if(!value||null==color||!color.valid)return fallbackColor[colorSpace];if(colorSpace!==ColorSpace.HEX)return(null==color?void 0:color[colorSpace])||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return"#".concat(color_convert_default.a.keyword.hex(color.hex))}catch(e){return fallbackColor.hex}var short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;var _short$1$split2=_slicedToArray(short[1].split(""),3),r=_short$1$split2[0],g=_short$1$split2[1],b=_short$1$split2[2];return"#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b)}(value,color,colorSpace).toLowerCase()}),[value,color,colorSpace]),updateValue=Object(react.useCallback)((function(update){var parsed=Color_parseValue(update);setValue((null==parsed?void 0:parsed.value)||update||""),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))}),[onChange]),cycleColorSpace=Object(react.useCallback)((function(){var next=COLOR_SPACES.indexOf(colorSpace)+1;next>=COLOR_SPACES.length&&(next=0),setColorSpace(COLOR_SPACES[next]);var update=(null==color?void 0:color[COLOR_SPACES[next]])||"";setValue(update),onChange(update)}),[color,colorSpace,onChange]);return{value:value,realValue:realValue,updateValue:updateValue,color:color,colorSpace:colorSpace,cycleColorSpace:cycleColorSpace}},id=function id(value){return value.replace(/\s*/,"").toLowerCase()},Color_ColorControl=function ColorControl(_ref13){var name=_ref13.name,initialValue=_ref13.value,onChange=_ref13.onChange,onFocus=_ref13.onFocus,onBlur=_ref13.onBlur,presetColors=_ref13.presetColors,startOpen=_ref13.startOpen,_useColorInput=Color_useColorInput(initialValue,throttle_default()(onChange,200)),value=_useColorInput.value,realValue=_useColorInput.realValue,updateValue=_useColorInput.updateValue,color=_useColorInput.color,colorSpace=_useColorInput.colorSpace,cycleColorSpace=_useColorInput.cycleColorSpace,_usePresets=function usePresets(presetColors,currentColor,colorSpace){var _useState8=_slicedToArray(Object(react.useState)(null!=currentColor&&currentColor.valid?[currentColor]:[]),2),selectedColors=_useState8[0],setSelectedColors=_useState8[1];Object(react.useEffect)((function(){void 0===currentColor&&setSelectedColors([])}),[currentColor]);var presets=Object(react.useMemo)((function(){return(presetColors||[]).map((function(preset){return"string"==typeof preset?Color_parseValue(preset):preset.title?Object.assign({},Color_parseValue(preset.color),{keyword:preset.title}):Color_parseValue(preset.color)})).concat(selectedColors).filter(Boolean).slice(-27)}),[presetColors,selectedColors]),addPreset=Object(react.useCallback)((function(color){null!=color&&color.valid&&(presets.some((function(preset){return id(preset[colorSpace])===id(color[colorSpace])}))||setSelectedColors((function(arr){return arr.concat(color)})))}),[colorSpace,presets]);return{presets:presets,addPreset:addPreset}}(presetColors,color,colorSpace),presets=_usePresets.presets,addPreset=_usePresets.addPreset,Picker=ColorPicker[colorSpace];return react_default.a.createElement(Wrapper,null,react_default.a.createElement(PickerTooltip,{trigger:"click",startOpen:startOpen,closeOnClick:!0,onVisibilityChange:function onVisibilityChange(){return addPreset(color)},tooltip:react_default.a.createElement(TooltipContent,null,react_default.a.createElement(Picker,{color:"transparent"===realValue?"#000000":realValue,onChange:updateValue,onFocus:onFocus,onBlur:onBlur}),presets.length>0&&react_default.a.createElement(Swatches,null,presets.map((function(preset,index){return react_default.a.createElement(lazy_WithTooltip.a,{key:"".concat(preset.value,"-").concat(index),hasChrome:!1,tooltip:react_default.a.createElement(Note,{note:preset.keyword||preset.value})},react_default.a.createElement(Color_Swatch,{value:preset[colorSpace],active:color&&id(preset[colorSpace])===id(color[colorSpace]),onClick:function onClick(){return updateValue(preset.value)}}))}))))},react_default.a.createElement(Color_Swatch,{value:realValue,style:{margin:4}})),react_default.a.createElement(Input,{id:Object(helpers.a)(name),value:value,onChange:function onChange(e){return updateValue(e.target.value)},onFocus:function onFocus(e){return e.target.select()},placeholder:"Choose color..."}),react_default.a.createElement(ToggleIcon,{icon:"markup",onClick:cycleColorSpace}))};Color_ColorControl.displayName="ColorControl";__webpack_exports__.default=Color_ColorControl},1116:function(module,exports,__webpack_require__){const cssKeywords=__webpack_require__(1156),reverseKeywords={};for(const key of Object.keys(cssKeywords))reverseKeywords[cssKeywords[key]]=key;const convert={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};module.exports=convert;for(const model of Object.keys(convert)){if(!("channels"in convert[model]))throw new Error("missing channels property: "+model);if(!("labels"in convert[model]))throw new Error("missing channel labels property: "+model);if(convert[model].labels.length!==convert[model].channels)throw new Error("channel and label counts mismatch: "+model);const{channels:channels,labels:labels}=convert[model];delete convert[model].channels,delete convert[model].labels,Object.defineProperty(convert[model],"channels",{value:channels}),Object.defineProperty(convert[model],"labels",{value:labels})}convert.rgb.hsl=function(rgb){const r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,min=Math.min(r,g,b),max=Math.max(r,g,b),delta=max-min;let h,s;max===min?h=0:r===max?h=(g-b)/delta:g===max?h=2+(b-r)/delta:b===max&&(h=4+(r-g)/delta),h=Math.min(60*h,360),h<0&&(h+=360);const l=(min+max)/2;return s=max===min?0:l<=.5?delta/(max+min):delta/(2-max-min),[h,100*s,100*l]},convert.rgb.hsv=function(rgb){let rdif,gdif,bdif,h,s;const r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,v=Math.max(r,g,b),diff=v-Math.min(r,g,b),diffc=function(c){return(v-c)/6/diff+.5};return 0===diff?(h=0,s=0):(s=diff/v,rdif=diffc(r),gdif=diffc(g),bdif=diffc(b),r===v?h=bdif-gdif:g===v?h=1/3+rdif-bdif:b===v&&(h=2/3+gdif-rdif),h<0?h+=1:h>1&&(h-=1)),[360*h,100*s,100*v]},convert.rgb.hwb=function(rgb){const r=rgb[0],g=rgb[1];let b=rgb[2];const h=convert.rgb.hsl(rgb)[0],w=1/255*Math.min(r,Math.min(g,b));return b=1-1/255*Math.max(r,Math.max(g,b)),[h,100*w,100*b]},convert.rgb.cmyk=function(rgb){const r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,k=Math.min(1-r,1-g,1-b);return[100*((1-r-k)/(1-k)||0),100*((1-g-k)/(1-k)||0),100*((1-b-k)/(1-k)||0),100*k]},convert.rgb.keyword=function(rgb){const reversed=reverseKeywords[rgb];if(reversed)return reversed;let currentClosestKeyword,currentClosestDistance=1/0;for(const keyword of Object.keys(cssKeywords)){const value=cssKeywords[keyword],distance=(y=value,((x=rgb)[0]-y[0])**2+(x[1]-y[1])**2+(x[2]-y[2])**2);distance<currentClosestDistance&&(currentClosestDistance=distance,currentClosestKeyword=keyword)}var x,y;return currentClosestKeyword},convert.keyword.rgb=function(keyword){return cssKeywords[keyword]},convert.rgb.xyz=function(rgb){let r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255;r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,g=g>.04045?((g+.055)/1.055)**2.4:g/12.92,b=b>.04045?((b+.055)/1.055)**2.4:b/12.92;return[100*(.4124*r+.3576*g+.1805*b),100*(.2126*r+.7152*g+.0722*b),100*(.0193*r+.1192*g+.9505*b)]},convert.rgb.lab=function(rgb){const xyz=convert.rgb.xyz(rgb);let x=xyz[0],y=xyz[1],z=xyz[2];x/=95.047,y/=100,z/=108.883,x=x>.008856?x**(1/3):7.787*x+16/116,y=y>.008856?y**(1/3):7.787*y+16/116,z=z>.008856?z**(1/3):7.787*z+16/116;return[116*y-16,500*(x-y),200*(y-z)]},convert.hsl.rgb=function(hsl){const h=hsl[0]/360,s=hsl[1]/100,l=hsl[2]/100;let t2,t3,val;if(0===s)return val=255*l,[val,val,val];t2=l<.5?l*(1+s):l+s-l*s;const t1=2*l-t2,rgb=[0,0,0];for(let i=0;i<3;i++)t3=h+1/3*-(i-1),t3<0&&t3++,t3>1&&t3--,val=6*t3<1?t1+6*(t2-t1)*t3:2*t3<1?t2:3*t3<2?t1+(t2-t1)*(2/3-t3)*6:t1,rgb[i]=255*val;return rgb},convert.hsl.hsv=function(hsl){const h=hsl[0];let s=hsl[1]/100,l=hsl[2]/100,smin=s;const lmin=Math.max(l,.01);l*=2,s*=l<=1?l:2-l,smin*=lmin<=1?lmin:2-lmin;return[h,100*(0===l?2*smin/(lmin+smin):2*s/(l+s)),100*((l+s)/2)]},convert.hsv.rgb=function(hsv){const h=hsv[0]/60,s=hsv[1]/100;let v=hsv[2]/100;const hi=Math.floor(h)%6,f=h-Math.floor(h),p=255*v*(1-s),q=255*v*(1-s*f),t=255*v*(1-s*(1-f));switch(v*=255,hi){case 0:return[v,t,p];case 1:return[q,v,p];case 2:return[p,v,t];case 3:return[p,q,v];case 4:return[t,p,v];case 5:return[v,p,q]}},convert.hsv.hsl=function(hsv){const h=hsv[0],s=hsv[1]/100,v=hsv[2]/100,vmin=Math.max(v,.01);let sl,l;l=(2-s)*v;const lmin=(2-s)*vmin;return sl=s*vmin,sl/=lmin<=1?lmin:2-lmin,sl=sl||0,l/=2,[h,100*sl,100*l]},convert.hwb.rgb=function(hwb){const h=hwb[0]/360;let wh=hwb[1]/100,bl=hwb[2]/100;const ratio=wh+bl;let f;ratio>1&&(wh/=ratio,bl/=ratio);const i=Math.floor(6*h),v=1-bl;f=6*h-i,0!=(1&i)&&(f=1-f);const n=wh+f*(v-wh);let r,g,b;switch(i){default:case 6:case 0:r=v,g=n,b=wh;break;case 1:r=n,g=v,b=wh;break;case 2:r=wh,g=v,b=n;break;case 3:r=wh,g=n,b=v;break;case 4:r=n,g=wh,b=v;break;case 5:r=v,g=wh,b=n}return[255*r,255*g,255*b]},convert.cmyk.rgb=function(cmyk){const c=cmyk[0]/100,m=cmyk[1]/100,y=cmyk[2]/100,k=cmyk[3]/100;return[255*(1-Math.min(1,c*(1-k)+k)),255*(1-Math.min(1,m*(1-k)+k)),255*(1-Math.min(1,y*(1-k)+k))]},convert.xyz.rgb=function(xyz){const x=xyz[0]/100,y=xyz[1]/100,z=xyz[2]/100;let r,g,b;return r=3.2406*x+-1.5372*y+-.4986*z,g=-.9689*x+1.8758*y+.0415*z,b=.0557*x+-.204*y+1.057*z,r=r>.0031308?1.055*r**(1/2.4)-.055:12.92*r,g=g>.0031308?1.055*g**(1/2.4)-.055:12.92*g,b=b>.0031308?1.055*b**(1/2.4)-.055:12.92*b,r=Math.min(Math.max(0,r),1),g=Math.min(Math.max(0,g),1),b=Math.min(Math.max(0,b),1),[255*r,255*g,255*b]},convert.xyz.lab=function(xyz){let x=xyz[0],y=xyz[1],z=xyz[2];x/=95.047,y/=100,z/=108.883,x=x>.008856?x**(1/3):7.787*x+16/116,y=y>.008856?y**(1/3):7.787*y+16/116,z=z>.008856?z**(1/3):7.787*z+16/116;return[116*y-16,500*(x-y),200*(y-z)]},convert.lab.xyz=function(lab){let x,y,z;y=(lab[0]+16)/116,x=lab[1]/500+y,z=y-lab[2]/200;const y2=y**3,x2=x**3,z2=z**3;return y=y2>.008856?y2:(y-16/116)/7.787,x=x2>.008856?x2:(x-16/116)/7.787,z=z2>.008856?z2:(z-16/116)/7.787,x*=95.047,y*=100,z*=108.883,[x,y,z]},convert.lab.lch=function(lab){const l=lab[0],a=lab[1],b=lab[2];let h;h=360*Math.atan2(b,a)/2/Math.PI,h<0&&(h+=360);return[l,Math.sqrt(a*a+b*b),h]},convert.lch.lab=function(lch){const l=lch[0],c=lch[1],hr=lch[2]/360*2*Math.PI;return[l,c*Math.cos(hr),c*Math.sin(hr)]},convert.rgb.ansi16=function(args,saturation=null){const[r,g,b]=args;let value=null===saturation?convert.rgb.hsv(args)[2]:saturation;if(value=Math.round(value/50),0===value)return 30;let ansi=30+(Math.round(b/255)<<2|Math.round(g/255)<<1|Math.round(r/255));return 2===value&&(ansi+=60),ansi},convert.hsv.ansi16=function(args){return convert.rgb.ansi16(convert.hsv.rgb(args),args[2])},convert.rgb.ansi256=function(args){const r=args[0],g=args[1],b=args[2];if(r===g&&g===b)return r<8?16:r>248?231:Math.round((r-8)/247*24)+232;return 16+36*Math.round(r/255*5)+6*Math.round(g/255*5)+Math.round(b/255*5)},convert.ansi16.rgb=function(args){let color=args%10;if(0===color||7===color)return args>50&&(color+=3.5),color=color/10.5*255,[color,color,color];const mult=.5*(1+~~(args>50));return[(1&color)*mult*255,(color>>1&1)*mult*255,(color>>2&1)*mult*255]},convert.ansi256.rgb=function(args){if(args>=232){const c=10*(args-232)+8;return[c,c,c]}let rem;args-=16;return[Math.floor(args/36)/5*255,Math.floor((rem=args%36)/6)/5*255,rem%6/5*255]},convert.rgb.hex=function(args){const string=(((255&Math.round(args[0]))<<16)+((255&Math.round(args[1]))<<8)+(255&Math.round(args[2]))).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert.hex.rgb=function(args){const match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return[0,0,0];let colorString=match[0];3===match[0].length&&(colorString=colorString.split("").map((char=>char+char)).join(""));const integer=parseInt(colorString,16);return[integer>>16&255,integer>>8&255,255&integer]},convert.rgb.hcg=function(rgb){const r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,max=Math.max(Math.max(r,g),b),min=Math.min(Math.min(r,g),b),chroma=max-min;let grayscale,hue;return grayscale=chroma<1?min/(1-chroma):0,hue=chroma<=0?0:max===r?(g-b)/chroma%6:max===g?2+(b-r)/chroma:4+(r-g)/chroma,hue/=6,hue%=1,[360*hue,100*chroma,100*grayscale]},convert.hsl.hcg=function(hsl){const s=hsl[1]/100,l=hsl[2]/100,c=l<.5?2*s*l:2*s*(1-l);let f=0;return c<1&&(f=(l-.5*c)/(1-c)),[hsl[0],100*c,100*f]},convert.hsv.hcg=function(hsv){const s=hsv[1]/100,v=hsv[2]/100,c=s*v;let f=0;return c<1&&(f=(v-c)/(1-c)),[hsv[0],100*c,100*f]},convert.hcg.rgb=function(hcg){const h=hcg[0]/360,c=hcg[1]/100,g=hcg[2]/100;if(0===c)return[255*g,255*g,255*g];const pure=[0,0,0],hi=h%1*6,v=hi%1,w=1-v;let mg=0;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v,pure[2]=0;break;case 1:pure[0]=w,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v;break;case 3:pure[0]=0,pure[1]=w,pure[2]=1;break;case 4:pure[0]=v,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w}return mg=(1-c)*g,[255*(c*pure[0]+mg),255*(c*pure[1]+mg),255*(c*pure[2]+mg)]},convert.hcg.hsv=function(hcg){const c=hcg[1]/100,v=c+hcg[2]/100*(1-c);let f=0;return v>0&&(f=c/v),[hcg[0],100*f,100*v]},convert.hcg.hsl=function(hcg){const c=hcg[1]/100,l=hcg[2]/100*(1-c)+.5*c;let s=0;return l>0&&l<.5?s=c/(2*l):l>=.5&&l<1&&(s=c/(2*(1-l))),[hcg[0],100*s,100*l]},convert.hcg.hwb=function(hcg){const c=hcg[1]/100,v=c+hcg[2]/100*(1-c);return[hcg[0],100*(v-c),100*(1-v)]},convert.hwb.hcg=function(hwb){const w=hwb[1]/100,v=1-hwb[2]/100,c=v-w;let g=0;return c<1&&(g=(v-c)/(1-c)),[hwb[0],100*c,100*g]},convert.apple.rgb=function(apple){return[apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]},convert.rgb.apple=function(rgb){return[rgb[0]/255*65535,rgb[1]/255*65535,rgb[2]/255*65535]},convert.gray.rgb=function(args){return[args[0]/100*255,args[0]/100*255,args[0]/100*255]},convert.gray.hsl=function(args){return[0,0,args[0]]},convert.gray.hsv=convert.gray.hsl,convert.gray.hwb=function(gray){return[0,100,gray[0]]},convert.gray.cmyk=function(gray){return[0,0,0,gray[0]]},convert.gray.lab=function(gray){return[gray[0],0,0]},convert.gray.hex=function(gray){const val=255&Math.round(gray[0]/100*255),string=((val<<16)+(val<<8)+val).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert.rgb.gray=function(rgb){return[(rgb[0]+rgb[1]+rgb[2])/3/255*100]}},1155:function(module,exports,__webpack_require__){const conversions=__webpack_require__(1116),route=__webpack_require__(1157),convert={};Object.keys(conversions).forEach((fromModel=>{convert[fromModel]={},Object.defineProperty(convert[fromModel],"channels",{value:conversions[fromModel].channels}),Object.defineProperty(convert[fromModel],"labels",{value:conversions[fromModel].labels});const routes=route(fromModel);Object.keys(routes).forEach((toModel=>{const fn=routes[toModel];convert[fromModel][toModel]=function wrapRounded(fn){const wrappedFn=function(...args){const arg0=args[0];if(null==arg0)return arg0;arg0.length>1&&(args=arg0);const result=fn(args);if("object"==typeof result)for(let len=result.length,i=0;i<len;i++)result[i]=Math.round(result[i]);return result};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn),convert[fromModel][toModel].raw=function wrapRaw(fn){const wrappedFn=function(...args){const arg0=args[0];return null==arg0?arg0:(arg0.length>1&&(args=arg0),fn(args))};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn)}))})),module.exports=convert},1156:function(module,exports,__webpack_require__){"use strict";module.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}},1157:function(module,exports,__webpack_require__){const conversions=__webpack_require__(1116);function deriveBFS(fromModel){const graph=function buildGraph(){const graph={},models=Object.keys(conversions);for(let len=models.length,i=0;i<len;i++)graph[models[i]]={distance:-1,parent:null};return graph}(),queue=[fromModel];for(graph[fromModel].distance=0;queue.length;){const current=queue.pop(),adjacents=Object.keys(conversions[current]);for(let len=adjacents.length,i=0;i<len;i++){const adjacent=adjacents[i],node=graph[adjacent];-1===node.distance&&(node.distance=graph[current].distance+1,node.parent=current,queue.unshift(adjacent))}}return graph}function link(from,to){return function(args){return to(from(args))}}function wrapConversion(toModel,graph){const path=[graph[toModel].parent,toModel];let fn=conversions[graph[toModel].parent][toModel],cur=graph[toModel].parent;for(;graph[cur].parent;)path.unshift(graph[cur].parent),fn=link(conversions[graph[cur].parent][cur],fn),cur=graph[cur].parent;return fn.conversion=path,fn}module.exports=function(fromModel){const graph=deriveBFS(fromModel),conversion={},models=Object.keys(graph);for(let len=models.length,i=0;i<len;i++){const toModel=models[i];null!==graph[toModel].parent&&(conversion[toModel]=wrapConversion(toModel,graph))}return conversion}},1158:function(module,exports,__webpack_require__){var debounce=__webpack_require__(1159),isObject=__webpack_require__(143);module.exports=function throttle(func,wait,options){var leading=!0,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");return isObject(options)&&(leading="leading"in options?!!options.leading:leading,trailing="trailing"in options?!!options.trailing:trailing),debounce(func,wait,{leading:leading,maxWait:wait,trailing:trailing})}},1159:function(module,exports,__webpack_require__){var isObject=__webpack_require__(143),now=__webpack_require__(1160),toNumber=__webpack_require__(1161),nativeMax=Math.max,nativeMin=Math.min;module.exports=function debounce(func,wait,options){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");function invokeFunc(time){var args=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result=func.apply(thisArg,args)}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime;return void 0===lastCallTime||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&time-lastInvokeTime>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,function remainingWait(time){var timeWaiting=wait-(time-lastCallTime);return maxing?nativeMin(timeWaiting,maxWait-(time-lastInvokeTime)):timeWaiting}(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(void 0===timerId)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return void 0===timerId&&(timerId=setTimeout(timerExpired,wait)),result}return wait=toNumber(wait)||0,isObject(options)&&(leading=!!options.leading,maxWait=(maxing="maxWait"in options)?nativeMax(toNumber(options.maxWait)||0,wait):maxWait,trailing="trailing"in options?!!options.trailing:trailing),debounced.cancel=function cancel(){void 0!==timerId&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0},debounced.flush=function flush(){return void 0===timerId?result:trailingEdge(now())},debounced}},1160:function(module,exports,__webpack_require__){var root=__webpack_require__(101);module.exports=function(){return root.Date.now()}},1161:function(module,exports,__webpack_require__){var baseTrim=__webpack_require__(1162),isObject=__webpack_require__(143),isSymbol=__webpack_require__(291),reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;module.exports=function toNumber(value){if("number"==typeof value)return value;if(isSymbol(value))return NaN;if(isObject(value)){var other="function"==typeof value.valueOf?value.valueOf():value;value=isObject(other)?other+"":other}if("string"!=typeof value)return 0===value?value:+value;value=baseTrim(value);var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NaN:+value}},1162:function(module,exports,__webpack_require__){var trimmedEndIndex=__webpack_require__(1163),reTrimStart=/^\s+/;module.exports=function baseTrim(string){return string?string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,""):string}},1163:function(module,exports){var reWhitespace=/\s/;module.exports=function trimmedEndIndex(string){for(var index=string.length;index--&&reWhitespace.test(string.charAt(index)););return index}},589:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TooltipNote}));__webpack_require__(162),__webpack_require__(28),__webpack_require__(8);var react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(1),react__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Note=__webpack_require__(3).styled.div((function(_ref){var theme=_ref.theme;return{padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:"rgba(0, 0, 0, 0.4)",margin:6}})),TooltipNote=function TooltipNote(_ref2){var note=_ref2.note,props=_objectWithoutProperties(_ref2,["note"]);return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Note,props,note)};TooltipNote.displayName="TooltipNote"}}]);

package/storybook/public/{7.d2ff48a2.iframe.bundle.js → 7.7dfb34cd.iframe.bundle.js}

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{1167:function(module,exports,__webpack_require__){var api=__webpack_require__(24),content=__webpack_require__(1168);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1168:function(module,exports,__webpack_require__){(exports=__webpack_require__(23)(!1)).push([module.i,"._1DIz3ZJ87_n9pmqhWAmObR{padding:0.5rem 1rem;font-size:1.4rem;color:black}\n",""]),exports.locals={label:"_1DIz3ZJ87_n9pmqhWAmObR"},module.exports=exports},1169:function(module,exports,__webpack_require__){var api=__webpack_require__(24),content=__webpack_require__(1170);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1170:function(module,exports,__webpack_require__){(exports=__webpack_require__(23)(!1)).push([module.i,".JnvtveLxKcLe-X8VElJd6{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.JnvtveLxKcLe-X8VElJd6 li{display:flex;align-items:center;justify-content:flex-start;font-size:1.4rem;width:100%}.JnvtveLxKcLe-X8VElJd6 li ._363xNXHXu_AM4cPAz8OF-M{position:relative;margin-left:2rem}.JnvtveLxKcLe-X8VElJd6 li ._363xNXHXu_AM4cPAz8OF-M::before{content:'';border:solid var(--selling-point-icon-color);border-width:0 .5rem .5rem 0;padding:.5rem;transform:rotate(45deg);position:absolute;padding:0px 0px .8rem .32rem;border-right-width:.18rem;border-bottom-width:.18rem;bottom:-.3rem;left:-1.8rem}@media only screen and (max-width: 767px){.JnvtveLxKcLe-X8VElJd6{width:90%;margin:0 auto;padding:1rem 0}}\n",""]),exports.locals={sellingPoint:"JnvtveLxKcLe-X8VElJd6",tick:"_363xNXHXu_AM4cPAz8OF-M"},module.exports=exports},1171:function(module,exports,__webpack_require__){var api=__webpack_require__(24),content=__webpack_require__(1172);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1172:function(module,exports,__webpack_require__){(exports=__webpack_require__(23)(!1)).push([module.i,".dH9f46bh6yFezDtAZUrN0{background:var(--color-9);border-radius:var(--border-radius);position:relative;text-align:center;padding:1rem 3rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:3rem;padding:0 0 0 2.4rem;text-align:inherit}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0{grid-template-columns:1fr 1.5fr 1.5fr 1fr;padding:1rem 0 0 2rem}}.dH9f46bh6yFezDtAZUrN0:hover{background:#ffffff;box-shadow:0 0 1.4rem 0.3rem #f0f0f0}.dH9f46bh6yFezDtAZUrN0:hover ._2HLexGhGykFbURlxPZOgn3{background:#ffffff}.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C{position:absolute;left:4rem;top:0.2rem}.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C span{padding:0.5rem 1rem;font-size:1.4rem;color:black;font-weight:700;text-transform:uppercase;border-radius:var(--border-radius) 0}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C span{font-size:1rem}}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C{top:-1rem}}.dH9f46bh6yFezDtAZUrN0 ._2Qcjozx-UkvqJilS9kmWlc{color:var(--text-link-color);text-decoration:underline;font-weight:700}.dH9f46bh6yFezDtAZUrN0 ._2Qcjozx-UkvqJilS9kmWlc:hover{color:var(--text-link-color)}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ{padding-left:0}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ{padding-left:1rem;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ img{margin-top:3rem;width:auto;height:4rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ img{margin-top:1rem}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div{display:flex;align-items:center;justify-content:space-between}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div{width:100%}}@media only screen and (max-width: 767px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div{width:80%;margin:0 auto}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div a{color:#5a4e51;font-size:1.4rem;font-weight:400}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div a:hover{color:#5a4e51}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div a{font-size:1.1rem}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div>div{font-size:1.6rem}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy{display:flex;flex-direction:column}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy{grid-column:1/5;order:-1;flex-direction:row;justify-content:center;background-color:var(--color-7);padding:0.3rem 0;border-top-right-radius:0.6rem}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy>*{padding-right:1rem}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy{background-color:transparent;order:inherit;grid-column:auto;flex-direction:column}}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div{display:flex;flex-direction:row}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div>div{display:flex;align-items:center;justify-content:center}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div{display:flex;flex-direction:column}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div>div{display:flex;align-items:center;justify-content:flex-start}}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:first-child{font-size:2rem;font-weight:700;color:var(--primary-color);padding-right:1rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:first-child{font-size:1.6rem}}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:nth-child(2){font-size:1.6rem;color:var(--color-22);font-weight:700;padding:0.5rem 0}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:nth-child(2){font-size:1.3rem}}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{font-size:1.3rem;display:none}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{display:block;display:flex;align-items:center;justify-content:center}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{margin-top:auto;display:flex;align-items:center;justify-content:flex-start}}.dH9f46bh6yFezDtAZUrN0 .RH2IHgGOiaSUSXu2VZfdC{display:flex;align-items:center;justify-content:flex-start;margin:0 1.5rem 1.5rem}.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy{display:flex;align-items:center;justify-content:center;display:flex;flex-direction:column}.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:first-child{width:90%}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:first-child{width:auto}}.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:nth-child(2){padding-top:1.5rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:nth-child(2){display:none}}.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3{grid-column:1/5;border-radius:0 0 var(--border-radius) 0;color:var(--color-34);font-size:0.8rem;padding:0.6rem 1rem;text-align:center}.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3 button{font-size:1.2rem}@media only screen and (max-width: 991px){.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3 p{margin-top:1rem}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3{background:var(--color-7)}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H{border-radius:1.2rem;padding:2rem 2rem 0.5rem 2rem;text-align:center;min-height:39rem}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H{grid-template-columns:1fr}}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H{grid-template-columns:1fr}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA{position:absolute;text-align:center;width:2.4rem;height:2.4rem;background-color:var(--toplist-ranking-base-color);border-radius:0.8rem 0 0.8rem 0;color:#fff;font-size:1.4rem;line-height:2.4rem;left:0;top:0}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA._3wLpTyjcUdLSNmHqExM8yx{background-color:var(--toplist-ranking-first-color)}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA._2SxNUQHAGiPII7_JYGP85h{background-color:var(--toplist-ranking-second-color)}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA._3lOW9sYt9DteB8U_Jjmkrd{background-color:var(--toplist-ranking-third-color)}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._2HLexGhGykFbURlxPZOgn3{grid-column:1;background:transparent}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._3c3zCrEjDfwuMm5xd3m1EJ{padding-left:0;height:8.5rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._3c3zCrEjDfwuMm5xd3m1EJ{display:flex;align-items:center;justify-content:space-between;padding-left:0}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._3c3zCrEjDfwuMm5xd3m1EJ>div{width:80%;margin:0 auto}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy{flex-direction:column !important;justify-content:flex-start;background:transparent;height:9.3rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy{order:unset;grid-column:1}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy>*{padding-right:0 !important}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy a>div{width:100%;text-align:center;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy a>div div:first-child{padding-right:0 !important}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{display:none}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .A26GzQD58JVqWILzD4ZBy{display:flex;align-items:center;justify-content:center;display:flex;flex-direction:column}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .A26GzQD58JVqWILzD4ZBy a:first-child{width:90%;margin-top:1rem}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .A26GzQD58JVqWILzD4ZBy a:nth-child(2){padding-top:1.5rem;display:inline-block}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .RH2IHgGOiaSUSXu2VZfdC{height:6.25rem}\n",""]),exports.locals={row:"dH9f46bh6yFezDtAZUrN0",tandc:"_2HLexGhGykFbURlxPZOgn3",ribbon:"_2vkMuQCmEYyaRl5RlEC8C",reviewLink:"_2Qcjozx-UkvqJilS9kmWlc",casinoDetails:"_3c3zCrEjDfwuMm5xd3m1EJ",bonus:"a1xeZXCiFAIEDss5KwCzy",pros:"RH2IHgGOiaSUSXu2VZfdC",cta:"A26GzQD58JVqWILzD4ZBy",grid:"_24wSz_Iu3-QT9JWBl2Ki7H",numbers:"_21EDTxRTRhxC7SP3d1hbtA",num_1:"_3wLpTyjcUdLSNmHqExM8yx",num_2:"_2SxNUQHAGiPII7_JYGP85h",num_3:"_3lOW9sYt9DteB8U_Jjmkrd"},module.exports=exports},1182:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return Row}));var react=__webpack_require__(1),react_default=__webpack_require__.n(react),prop_types=__webpack_require__(2),prop_types_default=__webpack_require__.n(prop_types),index_esm=__webpack_require__(270),getters=__webpack_require__(7),hooks_link=__webpack_require__(36),label_module=__webpack_require__(1167),label_module_default=__webpack_require__.n(label_module),label_Label=function Label(_ref){var _ref$title=_ref.title,title=void 0===_ref$title?"":_ref$title,_ref$bgColor=_ref.bgColor,bgColor=void 0===_ref$bgColor?"yellow":_ref$bgColor;return react_default.a.createElement("span",{className:label_module_default.a.label,style:{backgroundColor:bgColor}},title)};label_Label.propTypes={title:prop_types_default.a.string.isRequired,bgColor:prop_types_default.a.string.isRequired},label_Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{title:{defaultValue:{value:"''",computed:!1},type:{name:"string"},required:!1,description:""},bgColor:{defaultValue:{value:"'yellow'",computed:!1},type:{name:"string"},required:!1,description:""}}};var label=label_Label;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/label/index.js"]={name:"Label",docgenInfo:label_Label.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/label/index.js"});var lazy_image=__webpack_require__(41),star_rating=__webpack_require__(179),keygen=__webpack_require__(52),selling_points_module=__webpack_require__(1169),selling_points_module_default=__webpack_require__.n(selling_points_module),selling_points_SellingPoints=function SellingPoints(_ref){var sellingPoints=_ref.sellingPoints,icon=_ref.icon,_ref$limit=_ref.limit,limit=void 0===_ref$limit?3:_ref$limit;return sellingPoints&&0!==sellingPoints.length?react_default.a.createElement("ul",{className:selling_points_module_default.a.sellingPoint},sellingPoints.slice(0,limit).map((function(item){return react_default.a.createElement("li",{key:Object(keygen.a)()},react_default.a.createElement("span",{className:"".concat(icon&&selling_points_module_default.a.tick)}," "),react_default.a.createElement("span",null,item))}))):react_default.a.createElement(react_default.a.Fragment,null)};selling_points_SellingPoints.propTypes={sellingPoints:prop_types_default.a.arrayOf(prop_types_default.a.string),icon:prop_types_default.a.element,limit:prop_types_default.a.number},selling_points_SellingPoints.__docgenInfo={description:"",methods:[],displayName:"SellingPoints",props:{limit:{defaultValue:{value:"3",computed:!1},type:{name:"number"},required:!1,description:""},sellingPoints:{type:{name:"arrayOf",value:{name:"string"}},required:!1,description:""},icon:{type:{name:"element"},required:!1,description:""}}};var selling_points=selling_points_SellingPoints;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/selling-points/index.js"]={name:"SellingPoints",docgenInfo:selling_points_SellingPoints.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/selling-points/index.js"});var operator_cta=__webpack_require__(137),tnc=__webpack_require__(272),bonus=__webpack_require__(178),TranslationsProvider=__webpack_require__(39),variant_one_module=__webpack_require__(1171),variant_one_module_default=__webpack_require__.n(variant_one_module);function Row(_ref){var _item$extra_fields,_item$extra_fields2,_item$extra_fields3,_item$extra_fields4,item=_ref.item,_ref$tracker=_ref.tracker,tracker=void 0===_ref$tracker?"main":_ref$tracker,_ref$oneliner=_ref.oneliner,oneliner=void 0===_ref$oneliner?"main":_ref$oneliner,_ref$layout=_ref.layout,layout=void 0===_ref$layout?"list":_ref$layout,_ref$number=_ref.number,number=void 0===_ref$number?1:_ref$number,_ref$isPPC=_ref.isPPC,isPPC=void 0!==_ref$isPPC&&_ref$isPPC,itemName=item.name,itemRating=item.rating,reviewPath=item.review_link?"/".concat(item.review_link):item.path||"/",logoUrl=item.logo_url,pros=(null===(_item$extra_fields=item.extra_fields)||void 0===_item$extra_fields?void 0:_item$extra_fields.pro_1)||(null===(_item$extra_fields2=item.extra_fields)||void 0===_item$extra_fields2?void 0:_item$extra_fields2.pro_2)||(null===(_item$extra_fields3=item.extra_fields)||void 0===_item$extra_fields3?void 0:_item$extra_fields3.pro_3),translations=(Object(react.useContext)(TranslationsProvider.a)||{}).translations,sellingPoints=item.selling_points;pros&&(sellingPoints=[item.extra_fields.pro_1,item.extra_fields.pro_2,item.extra_fields.pro_3].filter(Boolean));var trackerType=tracker.toLowerCase().replace(" ","_"),prettyLink=Object(getters.g)(item,trackerType);return react_default.a.createElement("div",{className:"".concat(variant_one_module_default.a.row," ").concat("grid"===layout?variant_one_module_default.a.grid:"")},"grid"===layout&&react_default.a.createElement("div",{className:"".concat(variant_one_module_default.a.numbers," ").concat(variant_one_module_default.a["num_".concat(number)]),id:"num_".concat(number)},number),react_default.a.createElement("div",{className:variant_one_module_default.a.ribbon},Object(getters.b)(item.extra_fields,"ribbon_text")&&react_default.a.createElement(hooks_link.a,{to:reviewPath,className:"toplist-variant-one-gtm"},react_default.a.createElement(label,{title:Object(getters.b)(item.extra_fields,"ribbon_text"),bgColor:Object(getters.b)(item.extra_fields,"ribbon_color")}))),react_default.a.createElement("div",{className:variant_one_module_default.a.casinoDetails},react_default.a.createElement("a",{href:prettyLink,"aria-label":itemName,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm logo-cta"},react_default.a.createElement(lazy_image.a,{alt:itemName,width:128,height:40,src:Object(getters.f)(logoUrl,128,60)})),react_default.a.createElement("div",null,react_default.a.createElement("a",{href:prettyLink,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm name-cta"},itemName),react_default.a.createElement(star_rating.a,{numOfStars:5,rating:itemRating}))),react_default.a.createElement("div",{className:variant_one_module_default.a.bonus},react_default.a.createElement("a",{href:prettyLink,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm bonus-cta"},react_default.a.createElement(bonus.a,{item:item,tracker:oneliner})),!isPPC&&react_default.a.createElement(hooks_link.a,{className:"".concat(variant_one_module_default.a.reviewLink," toplist-variant-one-gtm"),to:reviewPath},"".concat(itemName," ").concat(Object(getters.i)(translations,"read_review","Review")))),react_default.a.createElement("div",{className:variant_one_module_default.a.pros},react_default.a.createElement(selling_points,{icon:react_default.a.createElement(index_esm.a,null),sellingPoints:sellingPoints,limit:3})),react_default.a.createElement("div",{className:variant_one_module_default.a.cta},react_default.a.createElement(operator_cta.a,{operator:item,tracker:tracker,gtmClass:"toplist-operator-cta-gtm"}),!isPPC&&react_default.a.createElement(hooks_link.a,{className:"".concat(variant_one_module_default.a.reviewLink," toplist-variant-one-gtm"),to:reviewPath},"".concat(itemName," ").concat(Object(getters.i)(translations,"read_review","Review")))),react_default.a.createElement("div",{className:variant_one_module_default.a.tandc},"1"===(null==item||null===(_item$extra_fields4=item.extra_fields)||void 0===_item$extra_fields4?void 0:_item$extra_fields4.terms_and_conditions_text_enabled)&&react_default.a.createElement(tnc.a,{onlyMobile:"list"===layout,operator:item})))}Row.propTypes={tracker:prop_types_default.a.string,oneliner:prop_types_default.a.string,layout:prop_types_default.a.oneOf(["list","grid"]),item:prop_types_default.a.shape({path:prop_types_default.a.string,name:prop_types_default.a.string,logo_url:prop_types_default.a.string,rating:prop_types_default.a.string,selling_points:prop_types_default.a.arrayOf(prop_types_default.a.string),review_link:prop_types_default.a.string,one_liners:prop_types_default.a.shape({main:prop_types_default.a.shape({one_liner:prop_types_default.a.string})}),extra_fields:prop_types_default.a.shape({terms_and_conditions_text_enabled:prop_types_default.a.string,ribbon_text:prop_types_default.a.string,ribbon_color:prop_types_default.a.string,pro_1:prop_types_default.a.string,pro_2:prop_types_default.a.string,pro_3:prop_types_default.a.string}),bonus:prop_types_default.a.oneOfType([prop_types_default.a.array,prop_types_default.a.object]),relation:prop_types_default.a.shape({rating:prop_types_default.a.string,name:prop_types_default.a.string,path:prop_types_default.a.string,logo_url:prop_types_default.a.string})}).isRequired,number:prop_types_default.a.number,isPPC:prop_types_default.a.bool},Row.__docgenInfo={description:"",methods:[],displayName:"Row",props:{tracker:{defaultValue:{value:"'main'",computed:!1},type:{name:"string"},required:!1,description:""},oneliner:{defaultValue:{value:"'main'",computed:!1},type:{name:"string"},required:!1,description:""},layout:{defaultValue:{value:"'list'",computed:!1},type:{name:"enum",value:[{value:"'list'",computed:!1},{value:"'grid'",computed:!1}]},required:!1,description:""},number:{defaultValue:{value:"1",computed:!1},type:{name:"number"},required:!1,description:""},isPPC:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},item:{type:{name:"shape",value:{path:{name:"string",required:!1},name:{name:"string",required:!1},logo_url:{name:"string",required:!1},rating:{name:"string",required:!1},selling_points:{name:"arrayOf",value:{name:"string"},required:!1},review_link:{name:"string",required:!1},one_liners:{name:"shape",value:{main:{name:"shape",value:{one_liner:{name:"string",required:!1}},required:!1}},required:!1},extra_fields:{name:"shape",value:{terms_and_conditions_text_enabled:{name:"string",required:!1},ribbon_text:{name:"string",required:!1},ribbon_color:{name:"string",required:!1},pro_1:{name:"string",required:!1},pro_2:{name:"string",required:!1},pro_3:{name:"string",required:!1}},required:!1},bonus:{name:"union",value:[{name:"array"},{name:"object"}],required:!1},relation:{name:"shape",value:{rating:{name:"string",required:!1},name:{name:"string",required:!1},path:{name:"string",required:!1},logo_url:{name:"string",required:!1}},required:!1}}},required:!0,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/toplist/row/variant-one.js"]={name:"Row",docgenInfo:Row.__docgenInfo,path:"src/components/molecules/toplist/row/variant-one.js"})}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{1167:function(module,exports,__webpack_require__){var api=__webpack_require__(24),content=__webpack_require__(1168);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1168:function(module,exports,__webpack_require__){(exports=__webpack_require__(23)(!1)).push([module.i,"._1DIz3ZJ87_n9pmqhWAmObR{padding:0.5rem 1rem;font-size:1.4rem;color:black}\n",""]),exports.locals={label:"_1DIz3ZJ87_n9pmqhWAmObR"},module.exports=exports},1169:function(module,exports,__webpack_require__){var api=__webpack_require__(24),content=__webpack_require__(1170);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1170:function(module,exports,__webpack_require__){(exports=__webpack_require__(23)(!1)).push([module.i,".JnvtveLxKcLe-X8VElJd6{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.JnvtveLxKcLe-X8VElJd6 li{display:flex;align-items:center;justify-content:flex-start;font-size:1.4rem;width:100%}.JnvtveLxKcLe-X8VElJd6 li ._363xNXHXu_AM4cPAz8OF-M{position:relative;margin-left:2rem}.JnvtveLxKcLe-X8VElJd6 li ._363xNXHXu_AM4cPAz8OF-M::before{content:'';border:solid var(--selling-point-icon-color);border-width:0 .5rem .5rem 0;padding:.5rem;transform:rotate(45deg);position:absolute;padding:0px 0px .8rem .32rem;border-right-width:.18rem;border-bottom-width:.18rem;bottom:-.3rem;left:-1.8rem}@media only screen and (max-width: 767px){.JnvtveLxKcLe-X8VElJd6{width:90%;margin:0 auto;padding:1rem 0}}\n",""]),exports.locals={sellingPoint:"JnvtveLxKcLe-X8VElJd6",tick:"_363xNXHXu_AM4cPAz8OF-M"},module.exports=exports},1171:function(module,exports,__webpack_require__){var api=__webpack_require__(24),content=__webpack_require__(1172);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1172:function(module,exports,__webpack_require__){(exports=__webpack_require__(23)(!1)).push([module.i,".dH9f46bh6yFezDtAZUrN0{background:var(--color-9);border-radius:var(--border-radius);position:relative;text-align:center;padding:1rem 3rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:3rem;padding:0 0 0 2.4rem;text-align:inherit}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0{grid-template-columns:1fr 1.5fr 1.5fr 1fr;padding:1rem 0 0 2rem}}.dH9f46bh6yFezDtAZUrN0:hover{background:#ffffff;box-shadow:0 0 1.4rem 0.3rem #f0f0f0}.dH9f46bh6yFezDtAZUrN0:hover ._2HLexGhGykFbURlxPZOgn3{background:#ffffff}.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C{position:absolute;left:4rem;top:0.2rem}.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C span{padding:0.5rem 1rem;font-size:1.4rem;color:black;font-weight:700;text-transform:uppercase;border-radius:var(--border-radius) 0}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C span{font-size:1rem}}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C{top:-1rem}}.dH9f46bh6yFezDtAZUrN0 ._2Qcjozx-UkvqJilS9kmWlc{color:var(--text-link-color);text-decoration:underline;font-weight:700}.dH9f46bh6yFezDtAZUrN0 ._2Qcjozx-UkvqJilS9kmWlc:hover{color:var(--text-link-color)}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ{padding-left:0}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ{padding-left:1rem;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ img{margin-top:3rem;width:auto;height:4rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ img{margin-top:1rem}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div{display:flex;align-items:center;justify-content:space-between}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div{width:100%}}@media only screen and (max-width: 767px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div{width:80%;margin:0 auto}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div a{color:#5a4e51;font-size:1.4rem;font-weight:400}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div a:hover{color:#5a4e51}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div a{font-size:1.1rem}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div>div{font-size:1.6rem}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy{display:flex;flex-direction:column}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy{grid-column:1/5;order:-1;flex-direction:row;justify-content:center;background-color:var(--color-7);padding:0.3rem 0;border-top-right-radius:0.6rem}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy>*{padding-right:1rem}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy{background-color:transparent;order:inherit;grid-column:auto;flex-direction:column}}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div{display:flex;flex-direction:row}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div>div{display:flex;align-items:center;justify-content:center}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div{display:flex;flex-direction:column}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div>div{display:flex;align-items:center;justify-content:flex-start}}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:first-child{font-size:2rem;font-weight:700;color:var(--primary-color);padding-right:1rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:first-child{font-size:1.6rem}}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:nth-child(2){font-size:1.6rem;color:var(--color-22);font-weight:700;padding:0.5rem 0}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:nth-child(2){font-size:1.3rem}}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{font-size:1.3rem;display:none}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{display:block;display:flex;align-items:center;justify-content:center}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{margin-top:auto;display:flex;align-items:center;justify-content:flex-start}}.dH9f46bh6yFezDtAZUrN0 .RH2IHgGOiaSUSXu2VZfdC{display:flex;align-items:center;justify-content:flex-start;margin:0 1.5rem 1.5rem}.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy{display:flex;align-items:center;justify-content:center;display:flex;flex-direction:column}.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:first-child{width:90%}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:first-child{width:auto}}.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:nth-child(2){padding-top:1.5rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:nth-child(2){display:none}}.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3{grid-column:1/5;border-radius:0 0 var(--border-radius) 0;color:var(--color-34);font-size:0.8rem;padding:0.6rem 1rem;text-align:center}.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3 button{font-size:1.2rem}@media only screen and (max-width: 991px){.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3 p{margin-top:1rem}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3{background:var(--color-7)}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H{border-radius:1.2rem;padding:2rem 2rem 0.5rem 2rem;text-align:center;min-height:39rem}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H{grid-template-columns:1fr}}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H{grid-template-columns:1fr}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA{position:absolute;text-align:center;width:2.4rem;height:2.4rem;background-color:var(--toplist-ranking-base-color);border-radius:0.8rem 0 0.8rem 0;color:#fff;font-size:1.4rem;line-height:2.4rem;left:0;top:0}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA._3wLpTyjcUdLSNmHqExM8yx{background-color:var(--toplist-ranking-first-color)}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA._2SxNUQHAGiPII7_JYGP85h{background-color:var(--toplist-ranking-second-color)}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA._3lOW9sYt9DteB8U_Jjmkrd{background-color:var(--toplist-ranking-third-color)}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._2HLexGhGykFbURlxPZOgn3{grid-column:1;background:transparent}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._3c3zCrEjDfwuMm5xd3m1EJ{padding-left:0;height:8.5rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._3c3zCrEjDfwuMm5xd3m1EJ{display:flex;align-items:center;justify-content:space-between;padding-left:0}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._3c3zCrEjDfwuMm5xd3m1EJ>div{width:80%;margin:0 auto}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy{flex-direction:column !important;justify-content:flex-start;background:transparent;height:9.3rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy{order:unset;grid-column:1}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy>*{padding-right:0 !important}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy a>div{width:100%;text-align:center;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy a>div div:first-child{padding-right:0 !important}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{display:none}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .A26GzQD58JVqWILzD4ZBy{display:flex;align-items:center;justify-content:center;display:flex;flex-direction:column}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .A26GzQD58JVqWILzD4ZBy a:first-child{width:90%;margin-top:1rem}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .A26GzQD58JVqWILzD4ZBy a:nth-child(2){padding-top:1.5rem;display:inline-block}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .RH2IHgGOiaSUSXu2VZfdC{height:6.25rem}\n",""]),exports.locals={row:"dH9f46bh6yFezDtAZUrN0",tandc:"_2HLexGhGykFbURlxPZOgn3",ribbon:"_2vkMuQCmEYyaRl5RlEC8C",reviewLink:"_2Qcjozx-UkvqJilS9kmWlc",casinoDetails:"_3c3zCrEjDfwuMm5xd3m1EJ",bonus:"a1xeZXCiFAIEDss5KwCzy",pros:"RH2IHgGOiaSUSXu2VZfdC",cta:"A26GzQD58JVqWILzD4ZBy",grid:"_24wSz_Iu3-QT9JWBl2Ki7H",numbers:"_21EDTxRTRhxC7SP3d1hbtA",num_1:"_3wLpTyjcUdLSNmHqExM8yx",num_2:"_2SxNUQHAGiPII7_JYGP85h",num_3:"_3lOW9sYt9DteB8U_Jjmkrd"},module.exports=exports},1182:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return Row}));var react=__webpack_require__(1),react_default=__webpack_require__.n(react),prop_types=__webpack_require__(2),prop_types_default=__webpack_require__.n(prop_types),index_esm=__webpack_require__(270),getters=__webpack_require__(7),hooks_link=__webpack_require__(36),label_module=__webpack_require__(1167),label_module_default=__webpack_require__.n(label_module),label_Label=function Label(_ref){var _ref$title=_ref.title,title=void 0===_ref$title?"":_ref$title,_ref$bgColor=_ref.bgColor,bgColor=void 0===_ref$bgColor?"yellow":_ref$bgColor;return react_default.a.createElement("span",{className:label_module_default.a.label,style:{backgroundColor:bgColor}},title)};label_Label.propTypes={title:prop_types_default.a.string.isRequired,bgColor:prop_types_default.a.string.isRequired},label_Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{title:{defaultValue:{value:"''",computed:!1},type:{name:"string"},required:!1,description:""},bgColor:{defaultValue:{value:"'yellow'",computed:!1},type:{name:"string"},required:!1,description:""}}};var label=label_Label;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/label/index.js"]={name:"Label",docgenInfo:label_Label.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/label/index.js"});var lazy_image=__webpack_require__(41),star_rating=__webpack_require__(179),keygen=__webpack_require__(52),selling_points_module=__webpack_require__(1169),selling_points_module_default=__webpack_require__.n(selling_points_module),selling_points_SellingPoints=function SellingPoints(_ref){var sellingPoints=_ref.sellingPoints,icon=_ref.icon,_ref$limit=_ref.limit,limit=void 0===_ref$limit?3:_ref$limit;return sellingPoints&&0!==sellingPoints.length?react_default.a.createElement("ul",{className:selling_points_module_default.a.sellingPoint},sellingPoints.slice(0,limit).map((function(item){return react_default.a.createElement("li",{key:Object(keygen.a)()},react_default.a.createElement("span",{className:"".concat(icon&&selling_points_module_default.a.tick)}," "),react_default.a.createElement("span",null,item))}))):react_default.a.createElement(react_default.a.Fragment,null)};selling_points_SellingPoints.propTypes={sellingPoints:prop_types_default.a.arrayOf(prop_types_default.a.string),icon:prop_types_default.a.element,limit:prop_types_default.a.number},selling_points_SellingPoints.__docgenInfo={description:"",methods:[],displayName:"SellingPoints",props:{limit:{defaultValue:{value:"3",computed:!1},type:{name:"number"},required:!1,description:""},sellingPoints:{type:{name:"arrayOf",value:{name:"string"}},required:!1,description:""},icon:{type:{name:"element"},required:!1,description:""}}};var selling_points=selling_points_SellingPoints;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/selling-points/index.js"]={name:"SellingPoints",docgenInfo:selling_points_SellingPoints.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/selling-points/index.js"});var operator_cta=__webpack_require__(138),tnc=__webpack_require__(272),bonus=__webpack_require__(178),TranslationsProvider=__webpack_require__(39),variant_one_module=__webpack_require__(1171),variant_one_module_default=__webpack_require__.n(variant_one_module);function Row(_ref){var _item$extra_fields,_item$extra_fields2,_item$extra_fields3,_item$extra_fields4,item=_ref.item,_ref$tracker=_ref.tracker,tracker=void 0===_ref$tracker?"main":_ref$tracker,_ref$oneliner=_ref.oneliner,oneliner=void 0===_ref$oneliner?"main":_ref$oneliner,_ref$layout=_ref.layout,layout=void 0===_ref$layout?"list":_ref$layout,_ref$number=_ref.number,number=void 0===_ref$number?1:_ref$number,_ref$isPPC=_ref.isPPC,isPPC=void 0!==_ref$isPPC&&_ref$isPPC,itemName=item.name,itemRating=item.rating,reviewPath=item.review_link?"/".concat(item.review_link):item.path||"/",logoUrl=item.logo_url,pros=(null===(_item$extra_fields=item.extra_fields)||void 0===_item$extra_fields?void 0:_item$extra_fields.pro_1)||(null===(_item$extra_fields2=item.extra_fields)||void 0===_item$extra_fields2?void 0:_item$extra_fields2.pro_2)||(null===(_item$extra_fields3=item.extra_fields)||void 0===_item$extra_fields3?void 0:_item$extra_fields3.pro_3),translations=(Object(react.useContext)(TranslationsProvider.a)||{}).translations,sellingPoints=item.selling_points;pros&&(sellingPoints=[item.extra_fields.pro_1,item.extra_fields.pro_2,item.extra_fields.pro_3].filter(Boolean));var trackerType=tracker.toLowerCase().replace(" ","_"),prettyLink=Object(getters.g)(item,trackerType);return react_default.a.createElement("div",{className:"".concat(variant_one_module_default.a.row," ").concat("grid"===layout?variant_one_module_default.a.grid:"")},"grid"===layout&&react_default.a.createElement("div",{className:"".concat(variant_one_module_default.a.numbers," ").concat(variant_one_module_default.a["num_".concat(number)]),id:"num_".concat(number)},number),react_default.a.createElement("div",{className:variant_one_module_default.a.ribbon},Object(getters.b)(item.extra_fields,"ribbon_text")&&react_default.a.createElement(hooks_link.a,{to:reviewPath,className:"toplist-variant-one-gtm"},react_default.a.createElement(label,{title:Object(getters.b)(item.extra_fields,"ribbon_text"),bgColor:Object(getters.b)(item.extra_fields,"ribbon_color")}))),react_default.a.createElement("div",{className:variant_one_module_default.a.casinoDetails},react_default.a.createElement("a",{href:prettyLink,"aria-label":itemName,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm logo-cta"},react_default.a.createElement(lazy_image.a,{alt:itemName,width:128,height:40,src:Object(getters.f)(logoUrl,128,60)})),react_default.a.createElement("div",null,react_default.a.createElement("a",{href:prettyLink,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm name-cta"},itemName),react_default.a.createElement(star_rating.a,{numOfStars:5,rating:itemRating}))),react_default.a.createElement("div",{className:variant_one_module_default.a.bonus},react_default.a.createElement("a",{href:prettyLink,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm bonus-cta"},react_default.a.createElement(bonus.a,{item:item,tracker:oneliner})),!isPPC&&react_default.a.createElement(hooks_link.a,{className:"".concat(variant_one_module_default.a.reviewLink," toplist-variant-one-gtm"),to:reviewPath},"".concat(itemName," ").concat(Object(getters.i)(translations,"read_review","Review")))),react_default.a.createElement("div",{className:variant_one_module_default.a.pros},react_default.a.createElement(selling_points,{icon:react_default.a.createElement(index_esm.a,null),sellingPoints:sellingPoints,limit:3})),react_default.a.createElement("div",{className:variant_one_module_default.a.cta},react_default.a.createElement(operator_cta.a,{operator:item,tracker:tracker,gtmClass:"toplist-operator-cta-gtm"}),!isPPC&&react_default.a.createElement(hooks_link.a,{className:"".concat(variant_one_module_default.a.reviewLink," toplist-variant-one-gtm"),to:reviewPath},"".concat(itemName," ").concat(Object(getters.i)(translations,"read_review","Review")))),react_default.a.createElement("div",{className:variant_one_module_default.a.tandc},"1"===(null==item||null===(_item$extra_fields4=item.extra_fields)||void 0===_item$extra_fields4?void 0:_item$extra_fields4.terms_and_conditions_text_enabled)&&react_default.a.createElement(tnc.a,{onlyMobile:"list"===layout,operator:item})))}Row.propTypes={tracker:prop_types_default.a.string,oneliner:prop_types_default.a.string,layout:prop_types_default.a.oneOf(["list","grid"]),item:prop_types_default.a.shape({path:prop_types_default.a.string,name:prop_types_default.a.string,logo_url:prop_types_default.a.string,rating:prop_types_default.a.string,selling_points:prop_types_default.a.arrayOf(prop_types_default.a.string),review_link:prop_types_default.a.string,one_liners:prop_types_default.a.shape({main:prop_types_default.a.shape({one_liner:prop_types_default.a.string})}),extra_fields:prop_types_default.a.shape({terms_and_conditions_text_enabled:prop_types_default.a.string,ribbon_text:prop_types_default.a.string,ribbon_color:prop_types_default.a.string,pro_1:prop_types_default.a.string,pro_2:prop_types_default.a.string,pro_3:prop_types_default.a.string}),bonus:prop_types_default.a.oneOfType([prop_types_default.a.array,prop_types_default.a.object]),relation:prop_types_default.a.shape({rating:prop_types_default.a.string,name:prop_types_default.a.string,path:prop_types_default.a.string,logo_url:prop_types_default.a.string})}).isRequired,number:prop_types_default.a.number,isPPC:prop_types_default.a.bool},Row.__docgenInfo={description:"",methods:[],displayName:"Row",props:{tracker:{defaultValue:{value:"'main'",computed:!1},type:{name:"string"},required:!1,description:""},oneliner:{defaultValue:{value:"'main'",computed:!1},type:{name:"string"},required:!1,description:""},layout:{defaultValue:{value:"'list'",computed:!1},type:{name:"enum",value:[{value:"'list'",computed:!1},{value:"'grid'",computed:!1}]},required:!1,description:""},number:{defaultValue:{value:"1",computed:!1},type:{name:"number"},required:!1,description:""},isPPC:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},item:{type:{name:"shape",value:{path:{name:"string",required:!1},name:{name:"string",required:!1},logo_url:{name:"string",required:!1},rating:{name:"string",required:!1},selling_points:{name:"arrayOf",value:{name:"string"},required:!1},review_link:{name:"string",required:!1},one_liners:{name:"shape",value:{main:{name:"shape",value:{one_liner:{name:"string",required:!1}},required:!1}},required:!1},extra_fields:{name:"shape",value:{terms_and_conditions_text_enabled:{name:"string",required:!1},ribbon_text:{name:"string",required:!1},ribbon_color:{name:"string",required:!1},pro_1:{name:"string",required:!1},pro_2:{name:"string",required:!1},pro_3:{name:"string",required:!1}},required:!1},bonus:{name:"union",value:[{name:"array"},{name:"object"}],required:!1},relation:{name:"shape",value:{rating:{name:"string",required:!1},name:{name:"string",required:!1},path:{name:"string",required:!1},logo_url:{name:"string",required:!1}},required:!1}}},required:!0,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/toplist/row/variant-one.js"]={name:"Row",docgenInfo:Row.__docgenInfo,path:"src/components/molecules/toplist/row/variant-one.js"})}}]);