@mapcomponents/react-maplibre 0.1.45 → 0.1.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/coverage/clover.xml +206 -132
  3. package/coverage/coverage-final.json +7 -5
  4. package/coverage/lcov-report/index.html +86 -71
  5. package/coverage/lcov-report/src/components/MapLibreMap/MapLibreMap.tsx.html +40 -10
  6. package/coverage/lcov-report/src/components/MapLibreMap/index.html +17 -17
  7. package/coverage/lcov-report/src/components/MlCreatePdfButton/MlCreatePdfButton.tsx.html +1 -1
  8. package/coverage/lcov-report/src/components/MlCreatePdfButton/index.html +1 -1
  9. package/coverage/lcov-report/src/components/MlFeatureEditor/MlFeatureEditor.tsx.html +1 -1
  10. package/coverage/lcov-report/src/components/MlFeatureEditor/index.html +1 -1
  11. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.tsx.html +1 -1
  12. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/index.html +1 -1
  13. package/coverage/lcov-report/src/components/MlFollowGps/MlFollowGps.tsx.html +1 -1
  14. package/coverage/lcov-report/src/components/MlFollowGps/index.html +1 -1
  15. package/coverage/lcov-report/src/components/MlGPXViewer/MlGPXViewer.tsx.html +1 -1
  16. package/coverage/lcov-report/src/components/MlGPXViewer/gpxConverter.js.html +1 -1
  17. package/coverage/lcov-report/src/components/MlGPXViewer/index.html +1 -1
  18. package/coverage/lcov-report/src/components/MlGeoJsonLayer/MlGeoJsonLayer.tsx.html +1 -1
  19. package/coverage/lcov-report/src/components/MlGeoJsonLayer/index.html +1 -1
  20. package/coverage/lcov-report/src/components/MlImageMarkerLayer/MlImageMarkerLayer.tsx.html +188 -53
  21. package/coverage/lcov-report/src/components/MlImageMarkerLayer/index.html +21 -21
  22. package/coverage/lcov-report/src/components/MlLayer/MlLayer.tsx.html +1 -1
  23. package/coverage/lcov-report/src/components/MlLayer/index.html +1 -1
  24. package/coverage/lcov-report/src/components/MlLayerMagnify/MlLayerMagnify.tsx.html +1 -1
  25. package/coverage/lcov-report/src/components/MlLayerMagnify/index.html +1 -1
  26. package/coverage/lcov-report/src/components/MlLayerSwipe/MlLayerSwipe.tsx.html +1 -1
  27. package/coverage/lcov-report/src/components/MlLayerSwipe/index.html +1 -1
  28. package/coverage/lcov-report/src/components/MlLayerSwitcher/MlLayerSwitcher.js.html +2 -2
  29. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/LayerBox.js.html +1 -1
  30. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/index.html +1 -1
  31. package/coverage/lcov-report/src/components/MlLayerSwitcher/index.html +1 -1
  32. package/coverage/lcov-report/src/components/MlMarker/MlMarker.tsx.html +1 -1
  33. package/coverage/lcov-report/src/components/MlMarker/index.html +1 -1
  34. package/coverage/lcov-report/src/components/MlMeasureTool/MlMeasureTool.tsx.html +184 -0
  35. package/coverage/lcov-report/src/components/MlMeasureTool/index.html +116 -0
  36. package/coverage/lcov-report/src/components/MlNavigationCompass/MlNavigationCompass.tsx.html +1 -1
  37. package/coverage/lcov-report/src/components/MlNavigationCompass/index.html +1 -1
  38. package/coverage/lcov-report/src/components/MlNavigationTools/MlNavigationTools.tsx.html +1 -1
  39. package/coverage/lcov-report/src/components/MlNavigationTools/index.html +1 -1
  40. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.js.html +1 -1
  41. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.stories_.js.html +232 -0
  42. package/coverage/lcov-report/src/components/MlOsmLayer/index.html +25 -10
  43. package/coverage/lcov-report/src/components/MlScaleReference/MlScaleReference.js.html +1 -1
  44. package/coverage/lcov-report/src/components/MlScaleReference/index.html +1 -1
  45. package/coverage/lcov-report/src/components/MlShareMapState/MlShareMapState.js.html +1 -1
  46. package/coverage/lcov-report/src/components/MlShareMapState/index.html +1 -1
  47. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html +1 -1
  48. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/index.html +1 -1
  49. package/coverage/lcov-report/src/components/MlThreeJsLayer/MlThreeJsLayer.js.html +1 -1
  50. package/coverage/lcov-report/src/components/MlThreeJsLayer/index.html +1 -1
  51. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.tsx.html +1 -1
  52. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/index.html +1 -1
  53. package/coverage/lcov-report/src/components/MlUseMapDebugger/MlUseMapDebugger.js.html +1 -1
  54. package/coverage/lcov-report/src/components/MlUseMapDebugger/index.html +1 -1
  55. package/coverage/lcov-report/src/components/MlVectorTileLayer/MlVectorTileLayer.tsx.html +74 -20
  56. package/coverage/lcov-report/src/components/MlVectorTileLayer/index.html +19 -19
  57. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +1 -1
  58. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/index.html +1 -1
  59. package/coverage/lcov-report/src/components/MlWmsLayer/MlWmsLayer.tsx.html +80 -20
  60. package/coverage/lcov-report/src/components/MlWmsLayer/index.html +21 -21
  61. package/coverage/lcov-report/src/components/MlWmsLoader/MlWmsLoader.tsx.html +1 -1
  62. package/coverage/lcov-report/src/components/MlWmsLoader/index.html +1 -1
  63. package/coverage/lcov-report/src/contexts/MapContext.tsx.html +1 -1
  64. package/coverage/lcov-report/src/contexts/SimpleDataContext.js.html +1 -1
  65. package/coverage/lcov-report/src/contexts/SimpleDataProvider.js.html +1 -1
  66. package/coverage/lcov-report/src/contexts/index.html +1 -1
  67. package/coverage/lcov-report/src/hooks/index.html +19 -19
  68. package/coverage/lcov-report/src/hooks/useLayer.ts.html +46 -22
  69. package/coverage/lcov-report/src/hooks/useMap.ts.html +1 -1
  70. package/coverage/lcov-report/src/hooks/useMapState.ts.html +1 -1
  71. package/coverage/lcov-report/src/hooks/useWms.js.html +1 -1
  72. package/coverage/lcov-report/src/index.html +1 -1
  73. package/coverage/lcov-report/src/index.ts.html +9 -6
  74. package/coverage/lcov.info +422 -252
  75. package/dist/index.esm.js +127 -36
  76. package/dist/index.esm.js.map +1 -1
  77. package/docs-build/{0.b1b9b035.iframe.bundle.js → 0.0ee4f98c.iframe.bundle.js} +2 -2
  78. package/docs-build/0.0ee4f98c.iframe.bundle.js.map +1 -0
  79. package/docs-build/{1.c50fb367.iframe.bundle.js → 1.bb3cf738.iframe.bundle.js} +3 -3
  80. package/docs-build/1.bb3cf738.iframe.bundle.js.map +1 -0
  81. package/docs-build/{17.2e544968.iframe.bundle.js → 17.97db5b3f.iframe.bundle.js} +2 -2
  82. package/docs-build/17.97db5b3f.iframe.bundle.js.map +1 -0
  83. package/docs-build/{18.42087006.iframe.bundle.js → 18.f8d843df.iframe.bundle.js} +3 -3
  84. package/docs-build/18.f8d843df.iframe.bundle.js.map +1 -0
  85. package/docs-build/{19.7e782442.iframe.bundle.js → 19.c45e6b08.iframe.bundle.js} +2 -2
  86. package/docs-build/19.c45e6b08.iframe.bundle.js.map +1 -0
  87. package/docs-build/{2.e58dc625.iframe.bundle.js → 2.42c790e4.iframe.bundle.js} +2 -2
  88. package/docs-build/2.42c790e4.iframe.bundle.js.map +1 -0
  89. package/docs-build/{20.f009289a.iframe.bundle.js → 20.120bbcfb.iframe.bundle.js} +2 -2
  90. package/docs-build/20.120bbcfb.iframe.bundle.js.map +1 -0
  91. package/docs-build/{21.1cdc9040.iframe.bundle.js → 21.37c885f1.iframe.bundle.js} +2 -2
  92. package/docs-build/21.37c885f1.iframe.bundle.js.map +1 -0
  93. package/docs-build/{22.c9e6b2d7.iframe.bundle.js → 22.7fbc99f4.iframe.bundle.js} +2 -2
  94. package/docs-build/22.7fbc99f4.iframe.bundle.js.map +1 -0
  95. package/docs-build/{3.a8172b89.iframe.bundle.js → 3.1a37a83e.iframe.bundle.js} +2 -2
  96. package/docs-build/3.1a37a83e.iframe.bundle.js.map +1 -0
  97. package/docs-build/iframe.html +1 -1
  98. package/docs-build/main~24120820.905c51c8.iframe.bundle.js +2 -0
  99. package/docs-build/main~24120820.905c51c8.iframe.bundle.js.map +1 -0
  100. package/docs-build/thumbnails/MlMeasureTool.png +0 -0
  101. package/docs-build/{vendors~main~0ad7406a.2054ae7c.iframe.bundle.js → vendors~main~0ad7406a.93aea1be.iframe.bundle.js} +3 -3
  102. package/docs-build/vendors~main~0ad7406a.93aea1be.iframe.bundle.js.map +1 -0
  103. package/docs-build/vendors~main~0f485567.6e7163ef.iframe.bundle.js +2 -0
  104. package/docs-build/vendors~main~0f485567.6e7163ef.iframe.bundle.js.map +1 -0
  105. package/docs-build/{vendors~main~41a6ab2c.a947ed53.iframe.bundle.js → vendors~main~41a6ab2c.da377733.iframe.bundle.js} +2 -2
  106. package/docs-build/vendors~main~41a6ab2c.da377733.iframe.bundle.js.map +1 -0
  107. package/docs-build/{vendors~main~52589227.1d1558cd.iframe.bundle.js → vendors~main~52589227.cebbe724.iframe.bundle.js} +2 -2
  108. package/docs-build/vendors~main~52589227.cebbe724.iframe.bundle.js.map +1 -0
  109. package/docs-build/{vendors~main~57c1f6cb.6a433835.iframe.bundle.js → vendors~main~57c1f6cb.86178471.iframe.bundle.js} +2 -2
  110. package/docs-build/vendors~main~57c1f6cb.86178471.iframe.bundle.js.map +1 -0
  111. package/docs-build/{vendors~main~73914085.a8e03e3b.iframe.bundle.js → vendors~main~73914085.e2f34f8e.iframe.bundle.js} +6 -6
  112. package/docs-build/{vendors~main~73914085.a8e03e3b.iframe.bundle.js.map → vendors~main~73914085.e2f34f8e.iframe.bundle.js.map} +1 -1
  113. package/docs-build/{vendors~main~9c5b28f6.7b8beed1.iframe.bundle.js → vendors~main~9c5b28f6.eefa7445.iframe.bundle.js} +3 -3
  114. package/docs-build/vendors~main~9c5b28f6.eefa7445.iframe.bundle.js.map +1 -0
  115. package/docs-build/{vendors~main~b5906859.7f66dcaf.iframe.bundle.js → vendors~main~b5906859.210afc21.iframe.bundle.js} +5 -5
  116. package/docs-build/vendors~main~b5906859.210afc21.iframe.bundle.js.map +1 -0
  117. package/docs-build/{vendors~main~b8f44717.7053e467.iframe.bundle.js → vendors~main~b8f44717.7b869975.iframe.bundle.js} +3 -3
  118. package/docs-build/vendors~main~b8f44717.7b869975.iframe.bundle.js.map +1 -0
  119. package/docs-build/{vendors~main~b9cf3951.a4fd68f5.iframe.bundle.js → vendors~main~b9cf3951.62d39717.iframe.bundle.js} +11 -11
  120. package/docs-build/vendors~main~b9cf3951.62d39717.iframe.bundle.js.map +1 -0
  121. package/docs-build/vendors~main~d939e436.394e3bc7.iframe.bundle.js +2 -0
  122. package/docs-build/vendors~main~d939e436.394e3bc7.iframe.bundle.js.map +1 -0
  123. package/docs-build/vendors~main~f420d588.88814a6a.iframe.bundle.js +107 -0
  124. package/docs-build/vendors~main~f420d588.88814a6a.iframe.bundle.js.map +1 -0
  125. package/package.json +1 -1
  126. package/public/thumbnails/MlMeasureTool.png +0 -0
  127. package/src/components/MapLibreMap/MapLibreMap.stories.js +75 -20
  128. package/src/components/MapLibreMap/MapLibreMap.tsx +11 -1
  129. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.ts +2 -2
  130. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.test.js +1 -1
  131. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.tsx +82 -37
  132. package/src/components/MlLayerSwitcher/MlLayerSwitcher.js +1 -1
  133. package/src/components/MlMeasureTool/MlMeasureTool.doc.de.md +3 -0
  134. package/src/components/MlMeasureTool/MlMeasureTool.meta.json +15 -0
  135. package/src/components/MlMeasureTool/MlMeasureTool.stories.js +67 -0
  136. package/src/components/MlMeasureTool/MlMeasureTool.tsx +33 -0
  137. package/src/components/MlOsmLayer/{MlOsmLayer.stories.js → MlOsmLayer.stories_.js} +0 -0
  138. package/src/components/MlVectorTileLayer/MlVectorTileLayer.tsx +26 -8
  139. package/src/components/MlWmsLayer/MlWmsLayer.stories.js +2 -3
  140. package/src/components/MlWmsLayer/MlWmsLayer.tsx +27 -7
  141. package/src/hooks/useLayer.ts +15 -7
  142. package/src/index.ts +4 -4
  143. package/src/util/layerRemovalTest.js +5 -0
  144. package/docs-build/0.b1b9b035.iframe.bundle.js.map +0 -1
  145. package/docs-build/1.c50fb367.iframe.bundle.js.map +0 -1
  146. package/docs-build/17.2e544968.iframe.bundle.js.map +0 -1
  147. package/docs-build/18.42087006.iframe.bundle.js.map +0 -1
  148. package/docs-build/19.7e782442.iframe.bundle.js.map +0 -1
  149. package/docs-build/2.e58dc625.iframe.bundle.js.map +0 -1
  150. package/docs-build/20.f009289a.iframe.bundle.js.map +0 -1
  151. package/docs-build/21.1cdc9040.iframe.bundle.js.map +0 -1
  152. package/docs-build/22.c9e6b2d7.iframe.bundle.js.map +0 -1
  153. package/docs-build/3.a8172b89.iframe.bundle.js.map +0 -1
  154. package/docs-build/main~24120820.edd86ba9.iframe.bundle.js +0 -2
  155. package/docs-build/main~24120820.edd86ba9.iframe.bundle.js.map +0 -1
  156. package/docs-build/vendors~main~0ad7406a.2054ae7c.iframe.bundle.js.map +0 -1
  157. package/docs-build/vendors~main~0f485567.de36692f.iframe.bundle.js +0 -2
  158. package/docs-build/vendors~main~0f485567.de36692f.iframe.bundle.js.map +0 -1
  159. package/docs-build/vendors~main~41a6ab2c.a947ed53.iframe.bundle.js.map +0 -1
  160. package/docs-build/vendors~main~52589227.1d1558cd.iframe.bundle.js.map +0 -1
  161. package/docs-build/vendors~main~57c1f6cb.6a433835.iframe.bundle.js.map +0 -1
  162. package/docs-build/vendors~main~9c5b28f6.7b8beed1.iframe.bundle.js.map +0 -1
  163. package/docs-build/vendors~main~b5906859.7f66dcaf.iframe.bundle.js.map +0 -1
  164. package/docs-build/vendors~main~b8f44717.7053e467.iframe.bundle.js.map +0 -1
  165. package/docs-build/vendors~main~b9cf3951.a4fd68f5.iframe.bundle.js.map +0 -1
  166. package/docs-build/vendors~main~d939e436.ba1cad1b.iframe.bundle.js +0 -2
  167. package/docs-build/vendors~main~d939e436.ba1cad1b.iframe.bundle.js.map +0 -1
  168. package/docs-build/vendors~main~f420d588.59c93444.iframe.bundle.js +0 -107
  169. package/docs-build/vendors~main~f420d588.59c93444.iframe.bundle.js.map +0 -1
@@ -1,2 +1,2 @@
1
- (window.webpackJsonp=window.webpackJsonp||[]).push([[17],{1155:function(e,r,t){"use strict";t.d(r,"a",(function(){return c}));t(1131),t(45),t(23);var n=t(0),a=t.n(n);function o(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var l=t(1124).styled.div((function(e){var r=e.theme;return{padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:r.typography.weight.bold,color:r.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:"light"===r.base?"rgba(60, 60, 60, 0.9)":"rgba(20, 20, 20, 0.85)",margin:6}})),c=function(e){var r=e.note,t=o(e,["note"]);return a.a.createElement(l,t,r)};c.displayName="TooltipNote"},1183:function(e,r,t){function n(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var n,a,o=[],l=!0,c=!1;try{for(t=t.call(e);!(l=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);l=!0);}catch(e){c=!0,a=e}finally{try{l||null==t.return||t.return()}finally{if(c)throw a}}return o}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return a(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return a(e,r)}(e,r)||function(){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 a(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}t(45),t(591),t(24),t(93),t(1287),t(156),t(42),t(88),t(39),t(136),t(601),t(1288),t(23),t(25),t(35),t(33),t(29),t(30),t(28),t(19),t(50);for(var o=t(1289),l={},c=0,i=Object.keys(o);c<i.length;c++){var u=i[c];l[o[u]]=u}var s={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"]}};e.exports=s;for(var f=0,h=Object.keys(s);f<h.length;f++){var d=h[f];if(!("channels"in s[d]))throw new Error("missing channels property: "+d);if(!("labels"in s[d]))throw new Error("missing channel labels property: "+d);if(s[d].labels.length!==s[d].channels)throw new Error("channel and label counts mismatch: "+d);var v=s[d],g=v.channels,b=v.labels;delete s[d].channels,delete s[d].labels,Object.defineProperty(s[d],"channels",{value:g}),Object.defineProperty(s[d],"labels",{value:b})}s.rgb.hsl=function(e){var r,t=e[0]/255,n=e[1]/255,a=e[2]/255,o=Math.min(t,n,a),l=Math.max(t,n,a),c=l-o;l===o?r=0:t===l?r=(n-a)/c:n===l?r=2+(a-t)/c:a===l&&(r=4+(t-n)/c),(r=Math.min(60*r,360))<0&&(r+=360);var i=(o+l)/2;return[r,100*(l===o?0:i<=.5?c/(l+o):c/(2-l-o)),100*i]},s.rgb.hsv=function(e){var r,t,n,a,o,l=e[0]/255,c=e[1]/255,i=e[2]/255,u=Math.max(l,c,i),s=u-Math.min(l,c,i),f=function(e){return(u-e)/6/s+.5};return 0===s?(a=0,o=0):(o=s/u,r=f(l),t=f(c),n=f(i),l===u?a=n-t:c===u?a=1/3+r-n:i===u&&(a=2/3+t-r),a<0?a+=1:a>1&&(a-=1)),[360*a,100*o,100*u]},s.rgb.hwb=function(e){var r=e[0],t=e[1],n=e[2];return[s.rgb.hsl(e)[0],100*(1/255*Math.min(r,Math.min(t,n))),100*(n=1-1/255*Math.max(r,Math.max(t,n)))]},s.rgb.cmyk=function(e){var r=e[0]/255,t=e[1]/255,n=e[2]/255,a=Math.min(1-r,1-t,1-n);return[100*((1-r-a)/(1-a)||0),100*((1-t-a)/(1-a)||0),100*((1-n-a)/(1-a)||0),100*a]},s.rgb.keyword=function(e){var r=l[e];if(r)return r;for(var t,n,a,c=1/0,i=0,u=Object.keys(o);i<u.length;i++){var s=u[i],f=o[s],h=(n=e,a=f,Math.pow(n[0]-a[0],2)+Math.pow(n[1]-a[1],2)+Math.pow(n[2]-a[2],2));h<c&&(c=h,t=s)}return t},s.keyword.rgb=function(e){return o[e]},s.rgb.xyz=function(e){var r=e[0]/255,t=e[1]/255,n=e[2]/255;return[100*(.4124*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.3576*(t=t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)+.1805*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)),100*(.2126*r+.7152*t+.0722*n),100*(.0193*r+.1192*t+.9505*n)]},s.rgb.lab=function(e){var r=s.rgb.xyz(e),t=r[0],n=r[1],a=r[2];return n/=100,a/=108.883,t=(t/=95.047)>.008856?Math.pow(t,1/3):7.787*t+16/116,[116*(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116)-16,500*(t-n),200*(n-(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116))]},s.hsl.rgb=function(e){var r,t,n,a=e[0]/360,o=e[1]/100,l=e[2]/100;if(0===o)return[n=255*l,n,n];for(var c=2*l-(r=l<.5?l*(1+o):l+o-l*o),i=[0,0,0],u=0;u<3;u++)(t=a+1/3*-(u-1))<0&&t++,t>1&&t--,n=6*t<1?c+6*(r-c)*t:2*t<1?r:3*t<2?c+(r-c)*(2/3-t)*6:c,i[u]=255*n;return i},s.hsl.hsv=function(e){var r=e[0],t=e[1]/100,n=e[2]/100,a=t,o=Math.max(n,.01);return t*=(n*=2)<=1?n:2-n,a*=o<=1?o:2-o,[r,100*(0===n?2*a/(o+a):2*t/(n+t)),100*((n+t)/2)]},s.hsv.rgb=function(e){var r=e[0]/60,t=e[1]/100,n=e[2]/100,a=Math.floor(r)%6,o=r-Math.floor(r),l=255*n*(1-t),c=255*n*(1-t*o),i=255*n*(1-t*(1-o));switch(n*=255,a){case 0:return[n,i,l];case 1:return[c,n,l];case 2:return[l,n,i];case 3:return[l,c,n];case 4:return[i,l,n];case 5:return[n,l,c]}},s.hsv.hsl=function(e){var r,t,n=e[0],a=e[1]/100,o=e[2]/100,l=Math.max(o,.01);t=(2-a)*o;var c=(2-a)*l;return r=a*l,[n,100*(r=(r/=c<=1?c:2-c)||0),100*(t/=2)]},s.hwb.rgb=function(e){var r,t=e[0]/360,n=e[1]/100,a=e[2]/100,o=n+a;o>1&&(n/=o,a/=o);var l=Math.floor(6*t),c=1-a;r=6*t-l,0!=(1&l)&&(r=1-r);var i,u,s,f=n+r*(c-n);switch(l){default:case 6:case 0:i=c,u=f,s=n;break;case 1:i=f,u=c,s=n;break;case 2:i=n,u=c,s=f;break;case 3:i=n,u=f,s=c;break;case 4:i=f,u=n,s=c;break;case 5:i=c,u=n,s=f}return[255*i,255*u,255*s]},s.cmyk.rgb=function(e){var r=e[0]/100,t=e[1]/100,n=e[2]/100,a=e[3]/100;return[255*(1-Math.min(1,r*(1-a)+a)),255*(1-Math.min(1,t*(1-a)+a)),255*(1-Math.min(1,n*(1-a)+a))]},s.xyz.rgb=function(e){var r,t,n,a=e[0]/100,o=e[1]/100,l=e[2]/100;return t=-.9689*a+1.8758*o+.0415*l,n=.0557*a+-.204*o+1.057*l,r=(r=3.2406*a+-1.5372*o+-.4986*l)>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,t=t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:12.92*n,[255*(r=Math.min(Math.max(0,r),1)),255*(t=Math.min(Math.max(0,t),1)),255*(n=Math.min(Math.max(0,n),1))]},s.xyz.lab=function(e){var r=e[0],t=e[1],n=e[2];return t/=100,n/=108.883,r=(r/=95.047)>.008856?Math.pow(r,1/3):7.787*r+16/116,[116*(t=t>.008856?Math.pow(t,1/3):7.787*t+16/116)-16,500*(r-t),200*(t-(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116))]},s.lab.xyz=function(e){var r,t,n,a=e[0];r=e[1]/500+(t=(a+16)/116),n=t-e[2]/200;var o=Math.pow(t,3),l=Math.pow(r,3),c=Math.pow(n,3);return t=o>.008856?o:(t-16/116)/7.787,r=l>.008856?l:(r-16/116)/7.787,n=c>.008856?c:(n-16/116)/7.787,[r*=95.047,t*=100,n*=108.883]},s.lab.lch=function(e){var r,t=e[0],n=e[1],a=e[2];return(r=360*Math.atan2(a,n)/2/Math.PI)<0&&(r+=360),[t,Math.sqrt(n*n+a*a),r]},s.lch.lab=function(e){var r=e[0],t=e[1],n=e[2]/360*2*Math.PI;return[r,t*Math.cos(n),t*Math.sin(n)]},s.rgb.ansi16=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=n(e,3),a=t[0],o=t[1],l=t[2],c=null===r?s.rgb.hsv(e)[2]:r;if(0===(c=Math.round(c/50)))return 30;var i=30+(Math.round(l/255)<<2|Math.round(o/255)<<1|Math.round(a/255));return 2===c&&(i+=60),i},s.hsv.ansi16=function(e){return s.rgb.ansi16(s.hsv.rgb(e),e[2])},s.rgb.ansi256=function(e){var r=e[0],t=e[1],n=e[2];return r===t&&t===n?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(t/255*5)+Math.round(n/255*5)},s.ansi16.rgb=function(e){var r=e%10;if(0===r||7===r)return e>50&&(r+=3.5),[r=r/10.5*255,r,r];var t=.5*(1+~~(e>50));return[(1&r)*t*255,(r>>1&1)*t*255,(r>>2&1)*t*255]},s.ansi256.rgb=function(e){if(e>=232){var r=10*(e-232)+8;return[r,r,r]}var t;return e-=16,[Math.floor(e/36)/5*255,Math.floor((t=e%36)/6)/5*255,t%6/5*255]},s.rgb.hex=function(e){var r=(((255&Math.round(e[0]))<<16)+((255&Math.round(e[1]))<<8)+(255&Math.round(e[2]))).toString(16).toUpperCase();return"000000".substring(r.length)+r},s.hex.rgb=function(e){var r=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!r)return[0,0,0];var t=r[0];3===r[0].length&&(t=t.split("").map((function(e){return e+e})).join(""));var n=parseInt(t,16);return[n>>16&255,n>>8&255,255&n]},s.rgb.hcg=function(e){var r,t=e[0]/255,n=e[1]/255,a=e[2]/255,o=Math.max(Math.max(t,n),a),l=Math.min(Math.min(t,n),a),c=o-l;return r=c<=0?0:o===t?(n-a)/c%6:o===n?2+(a-t)/c:4+(t-n)/c,r/=6,[360*(r%=1),100*c,100*(c<1?l/(1-c):0)]},s.hsl.hcg=function(e){var r=e[1]/100,t=e[2]/100,n=t<.5?2*r*t:2*r*(1-t),a=0;return n<1&&(a=(t-.5*n)/(1-n)),[e[0],100*n,100*a]},s.hsv.hcg=function(e){var r=e[1]/100,t=e[2]/100,n=r*t,a=0;return n<1&&(a=(t-n)/(1-n)),[e[0],100*n,100*a]},s.hcg.rgb=function(e){var r=e[0]/360,t=e[1]/100,n=e[2]/100;if(0===t)return[255*n,255*n,255*n];var a,o=[0,0,0],l=r%1*6,c=l%1,i=1-c;switch(Math.floor(l)){case 0:o[0]=1,o[1]=c,o[2]=0;break;case 1:o[0]=i,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=c;break;case 3:o[0]=0,o[1]=i,o[2]=1;break;case 4:o[0]=c,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=i}return a=(1-t)*n,[255*(t*o[0]+a),255*(t*o[1]+a),255*(t*o[2]+a)]},s.hcg.hsv=function(e){var r=e[1]/100,t=r+e[2]/100*(1-r),n=0;return t>0&&(n=r/t),[e[0],100*n,100*t]},s.hcg.hsl=function(e){var r=e[1]/100,t=e[2]/100*(1-r)+.5*r,n=0;return t>0&&t<.5?n=r/(2*t):t>=.5&&t<1&&(n=r/(2*(1-t))),[e[0],100*n,100*t]},s.hcg.hwb=function(e){var r=e[1]/100,t=r+e[2]/100*(1-r);return[e[0],100*(t-r),100*(1-t)]},s.hwb.hcg=function(e){var r=e[1]/100,t=1-e[2]/100,n=t-r,a=0;return n<1&&(a=(t-n)/(1-n)),[e[0],100*n,100*a]},s.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},s.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},s.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},s.gray.hsl=function(e){return[0,0,e[0]]},s.gray.hsv=s.gray.hsl,s.gray.hwb=function(e){return[0,100,e[0]]},s.gray.cmyk=function(e){return[0,0,0,e[0]]},s.gray.lab=function(e){return[e[0],0,0]},s.gray.hex=function(e){var r=255&Math.round(e[0]/100*255),t=((r<<16)+(r<<8)+r).toString(16).toUpperCase();return"000000".substring(t.length)+t},s.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}},1285:function(e,r,t){t(45),t(1286),t(46),t(591);var n=t(1183),a=t(1290),o={};Object.keys(n).forEach((function(e){o[e]={},Object.defineProperty(o[e],"channels",{value:n[e].channels}),Object.defineProperty(o[e],"labels",{value:n[e].labels});var r=a(e);Object.keys(r).forEach((function(t){var n=r[t];o[e][t]=function(e){var r=function(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++)t[n]=arguments[n];var a=t[0];if(null==a)return a;a.length>1&&(t=a);var o=e(t);if("object"==typeof o)for(var l=o.length,c=0;c<l;c++)o[c]=Math.round(o[c]);return o};return"conversion"in e&&(r.conversion=e.conversion),r}(n),o[e][t].raw=function(e){var r=function(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++)t[n]=arguments[n];var a=t[0];return null==a?a:(a.length>1&&(t=a),e(t))};return"conversion"in e&&(r.conversion=e.conversion),r}(n)}))})),e.exports=o},1286:function(e,r,t){"use strict";var n=t(22),a=t(592);n({target:"Array",proto:!0,forced:[].forEach!=a},{forEach:a})},1287:function(e,r,t){var n=t(21),a=t(70),o=Date.prototype,l=n(o.toString),c=n(o.getTime);"Invalid Date"!=String(new Date(NaN))&&a(o,"toString",(function(){var e=c(this);return e==e?l(this):"Invalid Date"}))},1288:function(e,r,t){t(22)({target:"Array",stat:!0},{isArray:t(237)})},1289:function(e,r,t){"use strict";e.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]}},1290:function(e,r,t){t(45);var n=t(1183);function a(e){var r=function(){for(var e={},r=Object.keys(n),t=r.length,a=0;a<t;a++)e[r[a]]={distance:-1,parent:null};return e}(),t=[e];for(r[e].distance=0;t.length;)for(var a=t.pop(),o=Object.keys(n[a]),l=o.length,c=0;c<l;c++){var i=o[c],u=r[i];-1===u.distance&&(u.distance=r[a].distance+1,u.parent=a,t.unshift(i))}return r}function o(e,r){return function(t){return r(e(t))}}function l(e,r){for(var t=[r[e].parent,e],a=n[r[e].parent][e],l=r[e].parent;r[l].parent;)t.unshift(r[l].parent),a=o(n[r[l].parent][l],a),l=r[l].parent;return a.conversion=t,a}e.exports=function(e){for(var r=a(e),t={},n=Object.keys(r),o=n.length,c=0;c<o;c++){var i=n[c];null!==r[i].parent&&(t[i]=l(i,r))}return t}},1291:function(e,r,t){var n=t(1292),a=t(185);e.exports=function(e,r,t){var o=!0,l=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return a(t)&&(o="leading"in t?!!t.leading:o,l="trailing"in t?!!t.trailing:l),n(e,r,{leading:o,maxWait:r,trailing:l})}},1292:function(e,r,t){var n=t(185),a=t(1293),o=t(1294),l=Math.max,c=Math.min;e.exports=function(e,r,t){var i,u,s,f,h,d,v=0,g=!1,b=!1,p=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function m(r){var t=i,n=u;return i=u=void 0,v=r,f=e.apply(n,t)}function y(e){return v=e,h=setTimeout(x,r),g?m(e):f}function w(e){var t=e-d;return void 0===d||t>=r||t<0||b&&e-v>=s}function x(){var e=a();if(w(e))return k(e);h=setTimeout(x,function(e){var t=r-(e-d);return b?c(t,s-(e-v)):t}(e))}function k(e){return h=void 0,p&&i?m(e):(i=u=void 0,f)}function M(){var e=a(),t=w(e);if(i=arguments,u=this,d=e,t){if(void 0===h)return y(d);if(b)return clearTimeout(h),h=setTimeout(x,r),m(d)}return void 0===h&&(h=setTimeout(x,r)),f}return r=o(r)||0,n(t)&&(g=!!t.leading,s=(b="maxWait"in t)?l(o(t.maxWait)||0,r):s,p="trailing"in t?!!t.trailing:p),M.cancel=function(){void 0!==h&&clearTimeout(h),v=0,i=d=u=h=void 0},M.flush=function(){return void 0===h?f:k(a())},M}},1293:function(e,r,t){var n=t(107);e.exports=function(){return n.Date.now()}},1294:function(e,r,t){var n=t(1295),a=t(185),o=t(304),l=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,i=/^0o[0-7]+$/i,u=parseInt;e.exports=function(e){if("number"==typeof e)return e;if(o(e))return NaN;if(a(e)){var r="function"==typeof e.valueOf?e.valueOf():e;e=a(r)?r+"":r}if("string"!=typeof e)return 0===e?e:+e;e=n(e);var t=c.test(e);return t||i.test(e)?u(e.slice(2),t?2:8):l.test(e)?NaN:+e}},1295:function(e,r,t){var n=t(1296),a=/^\s+/;e.exports=function(e){return e?e.slice(0,n(e)+1).replace(a,""):e}},1296:function(e,r){var t=/\s/;e.exports=function(e){for(var r=e.length;r--&&t.test(e.charAt(r)););return r}},1301:function(e,r,t){"use strict";t.r(r),t.d(r,"ColorControl",(function(){return Se}));t(45),t(23),t(25),t(24),t(35),t(33),t(29),t(30),t(50),t(36),t(32),t(159),t(156),t(42),t(39),t(234),t(67),t(301),t(136),t(28),t(87),t(19);var n=t(0),a=t.n(n);function o(){return(o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function l(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(a[t]=e[t]);return a}function c(e){var r=Object(n.useRef)(e),t=Object(n.useRef)((function(e){r.current&&r.current(e)}));return r.current=e,t.current}var i=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e<r?r:e},u=function(e){return"touches"in e},s=function(e){return e&&e.ownerDocument.defaultView||self},f=function(e,r,t){var n=e.getBoundingClientRect(),a=u(r)?function(e,r){for(var t=0;t<e.length;t++)if(e[t].identifier===r)return e[t];return e[0]}(r.touches,t):r;return{left:i((a.pageX-(n.left+s(e).pageXOffset))/n.width),top:i((a.pageY-(n.top+s(e).pageYOffset))/n.height)}},h=function(e){!u(e)&&e.preventDefault()},d=a.a.memo((function(e){var r=e.onMove,t=e.onKey,i=l(e,["onMove","onKey"]),d=Object(n.useRef)(null),v=c(r),g=c(t),b=Object(n.useRef)(null),p=Object(n.useRef)(!1),m=Object(n.useMemo)((function(){var e=function(e){h(e),(u(e)?e.touches.length>0:e.buttons>0)&&d.current?v(f(d.current,e,b.current)):t(!1)},r=function(){return t(!1)};function t(t){var n=p.current,a=s(d.current),o=t?a.addEventListener:a.removeEventListener;o(n?"touchmove":"mousemove",e),o(n?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,n=d.current;if(n&&(h(r),!function(e,r){return r&&!u(e)}(r,p.current)&&n)){if(u(r)){p.current=!0;var a=r.changedTouches||[];a.length&&(b.current=a[0].identifier)}n.focus(),v(f(n,r,b.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),g({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]}),[g,v]),y=m[0],w=m[1],x=m[2];return Object(n.useEffect)((function(){return x}),[x]),a.a.createElement("div",o({},i,{onTouchStart:y,onMouseDown:y,className:"react-colorful__interactive",ref:d,onKeyDown:w,tabIndex:0,role:"slider"}))})),v=function(e){return e.filter(Boolean).join(" ")},g=function(e){var r=e.color,t=e.left,n=e.top,o=void 0===n?.5:n,l=v(["react-colorful__pointer",e.className]);return a.a.createElement("div",{className:l,style:{top:100*o+"%",left:100*t+"%"}},a.a.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:r}}))},b=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},p={grad:.9,turn:360,rad:360/(2*Math.PI)},m=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}},y=function(e,r){return void 0===r&&(r="deg"),Number(e)*(p[r]||1)},w=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?x({h:y(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}},x=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}},k=function(e){var r=e.s,t=e.v,n=e.a,a=(200-r)*t/100;return{h:b(e.h),s:b(a>0&&a<200?r*t/100/(a<=100?a:200-a)*100:0),l:b(a/2),a:b(n,2)}},M=function(e){var r=k(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},O=function(e){var r=k(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},j=function(e){var r=e.h,t=e.s,n=e.v,a=e.a;r=r/360*6,t/=100,n/=100;var o=Math.floor(r),l=n*(1-t),c=n*(1-(r-o)*t),i=n*(1-(1-r+o)*t),u=o%6;return{r:b(255*[n,c,l,l,i,n][u]),g:b(255*[i,n,n,c,l,l][u]),b:b(255*[l,l,i,n,n,c][u]),a:b(a,2)}},E=function(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?C({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}},_=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},C=function(e){var r=e.r,t=e.g,n=e.b,a=e.a,o=Math.max(r,t,n),l=o-Math.min(r,t,n),c=l?o===r?(t-n)/l:o===t?2+(n-r)/l:4+(r-t)/l:0;return{h:b(60*(c<0?c+6:c)),s:b(o?l/o*100:0),v:b(o/255*100),a:a}},S=a.a.memo((function(e){var r=e.hue,t=e.onChange,n=v(["react-colorful__hue",e.className]);return a.a.createElement("div",{className:n},a.a.createElement(d,{onMove:function(e){t({h:360*e.left})},onKey:function(e){t({h:i(r+360*e.left,0,360)})},"aria-label":"Hue","aria-valuetext":b(r)},a.a.createElement(g,{className:"react-colorful__hue-pointer",left:r/360,color:M({h:r,s:100,v:100,a:1})})))})),N=a.a.memo((function(e){var r=e.hsva,t=e.onChange,n={backgroundColor:M({h:r.h,s:100,v:100,a:1})};return a.a.createElement("div",{className:"react-colorful__saturation",style:n},a.a.createElement(d,{onMove:function(e){t({s:100*e.left,v:100-100*e.top})},onKey:function(e){t({s:i(r.s+100*e.left,0,100),v:i(r.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+b(r.s)+"%, Brightness "+b(r.v)+"%"},a.a.createElement(g,{className:"react-colorful__saturation-pointer",top:1-r.v/100,left:r.s/100,color:M(r)})))})),H=function(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},I=function(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")};function z(e,r,t){var a=c(t),o=Object(n.useState)((function(){return e.toHsva(r)})),l=o[0],i=o[1],u=Object(n.useRef)({color:r,hsva:l});Object(n.useEffect)((function(){if(!e.equal(r,u.current.color)){var t=e.toHsva(r);u.current={hsva:t,color:r},i(t)}}),[r,e]),Object(n.useEffect)((function(){var r;H(l,u.current.hsva)||e.equal(r=e.fromHsva(l),u.current.color)||(u.current={hsva:l,color:r},a(r))}),[l,e,a]);var s=Object(n.useCallback)((function(e){i((function(r){return Object.assign({},r,e)}))}),[]);return[l,s]}var R,A,L,T="undefined"!=typeof window?n.useLayoutEffect:n.useEffect,B=new Map,P=function(e){T((function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&&!B.has(r)){var n=r.createElement("style");n.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}',B.set(r,n);var a=R||t.nc;a&&n.setAttribute("nonce",a),r.head.appendChild(n)}}),[])},q=function(e){var r=e.className,t=e.colorModel,c=e.color,i=void 0===c?t.defaultColor:c,u=e.onChange,s=l(e,["className","colorModel","color","onChange"]),f=Object(n.useRef)(null);P(f);var h=z(t,i,u),d=h[0],g=h[1],b=v(["react-colorful",r]);return a.a.createElement("div",o({},s,{ref:f,className:b}),a.a.createElement(N,{hsva:d,onChange:g}),a.a.createElement(S,{hue:d.h,onChange:g,className:"react-colorful__last-control"}))},X={defaultColor:"000",toHsva:function(e){return C(m(e))},fromHsva:function(e){return t=(r=j(e)).g,n=r.b,"#"+_(r.r)+_(t)+_(n);var r,t,n},equal:function(e,r){return e.toLowerCase()===r.toLowerCase()||H(m(e),m(r))}},D=function(e){var r=e.className,t=e.hsva,n=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+O(Object.assign({},t,{a:0}))+", "+O(Object.assign({},t,{a:1}))+")"},l=v(["react-colorful__alpha",r]);return a.a.createElement("div",{className:l},a.a.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),a.a.createElement(d,{onMove:function(e){n({a:e.left})},onKey:function(e){n({a:i(t.a+e.left)})},"aria-label":"Alpha","aria-valuetext":b(100*t.a)+"%"},a.a.createElement(g,{className:"react-colorful__alpha-pointer",left:t.a,color:O(t)})))},$=function(e){var r=e.className,t=e.colorModel,c=e.color,i=void 0===c?t.defaultColor:c,u=e.onChange,s=l(e,["className","colorModel","color","onChange"]),f=Object(n.useRef)(null);P(f);var h=z(t,i,u),d=h[0],g=h[1],b=v(["react-colorful",r]);return a.a.createElement("div",o({},s,{ref:f,className:b}),a.a.createElement(N,{hsva:d,onChange:g}),a.a.createElement(S,{hue:d.h,onChange:g}),a.a.createElement(D,{hsva:d,onChange:g,className:"react-colorful__last-control"}))},G={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:w,fromHsva:O,equal:I},W={defaultColor:"rgba(0, 0, 0, 1)",toHsva:E,fromHsva:function(e){var r=j(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:I},K=t(1285),V=t.n(K),F=t(1291),U=t.n(F),J=t(1124),Y=t(1155),Q=t(1138),Z=t(1130),ee=t(1128),re=t(1129);function te(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,a=!1,o=void 0;try{for(var l,c=e[Symbol.iterator]();!(n=(l=c.next()).done)&&(t.push(l.value),!r||t.length!==r);n=!0);}catch(e){a=!0,o=e}finally{try{n||null==c.return||c.return()}finally{if(a)throw o}}return t}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return ne(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return ne(e,r)}(e,r)||function(){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 ne(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function ae(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function oe(){return(oe=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function le(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var ce=J.styled.div({position:"relative",maxWidth:250}),ie=Object(J.styled)(Q.a)({position:"absolute",zIndex:1,top:4,left:4}),ue=J.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"}}),se=Object(J.styled)(Y.a)((function(e){return{fontFamily:e.theme.typography.fonts.base}})),fe=J.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),he=J.styled.div((function(e){var r=e.theme;return{width:16,height:16,boxShadow:e.active?"".concat(r.appBorderColor," 0 0 0 1px inset, ").concat(r.color.mediumdark,"50 0 0 0 4px"):"".concat(r.appBorderColor," 0 0 0 1px inset"),borderRadius:r.appBorderRadius}})),de=function(e){var r=e.value,t=e.active,n=e.onClick,o=e.style,l=le(e,["value","active","onClick","style"]),c="linear-gradient(".concat(r,", ").concat(r,"), ").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 a.a.createElement(he,oe({},l,{active:t,onClick:n,style:Object.assign({},o,{backgroundImage:c})}))};de.displayName="Swatch";var ve,ge=Object(J.styled)(Z.a.Input)((function(e){return{width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.theme.typography.fonts.base}})),be=Object(J.styled)(ee.a)((function(e){return{position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.theme.input.color}}));!function(e){e.RGB="rgb",e.HSL="hsl",e.HEX="hex"}(ve||(ve={}));var pe=Object.values(ve),me=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,ye=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,we=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,xe=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,ke=/^\s*#?([0-9a-f]{3})\s*$/i,Me=(ae(A={},ve.HEX,(function(e){return a.a.createElement(q,o({},e,{colorModel:X}))})),ae(A,ve.RGB,(function(e){return a.a.createElement($,o({},e,{colorModel:W}))})),ae(A,ve.HSL,(function(e){return a.a.createElement($,o({},e,{colorModel:G}))})),A),Oe=(ae(L={},ve.HEX,"transparent"),ae(L,ve.RGB,"rgba(0, 0, 0, 0)"),ae(L,ve.HSL,"hsla(0, 0%, 0%, 0)"),L),je=function(e){var r=null==e?void 0:e.match(me);if(!r)return[0,0,0,1];var t=te(r,5),n=t[1],a=t[2],o=t[3],l=t[4];return[n,a,o,void 0===l?1:l].map(Number)},Ee=function(e){var r;if(e){var t=!0;if(ye.test(e)){var n,a=te(je(e),4),o=a[0],l=a[1],c=a[2],i=a[3],u=te(V.a.rgb.hsl([o,l,c])||[0,0,0],3),s=u[0],f=u[1],h=u[2];return ae(n={valid:t,value:e,keyword:V.a.rgb.keyword([o,l,c]),colorSpace:ve.RGB},ve.RGB,e),ae(n,ve.HSL,"hsla(".concat(s,", ").concat(f,"%, ").concat(h,"%, ").concat(i,")")),ae(n,ve.HEX,"#".concat(V.a.rgb.hex([o,l,c]).toLowerCase())),n}if(we.test(e)){var d,v=te(je(e),4),g=v[0],b=v[1],p=v[2],m=v[3],y=te(V.a.hsl.rgb([g,b,p])||[0,0,0],3),w=y[0],x=y[1],k=y[2];return ae(d={valid:t,value:e,keyword:V.a.hsl.keyword([g,b,p]),colorSpace:ve.HSL},ve.RGB,"rgba(".concat(w,", ").concat(x,", ").concat(k,", ").concat(m,")")),ae(d,ve.HSL,e),ae(d,ve.HEX,"#".concat(V.a.hsl.hex([g,b,p]).toLowerCase())),d}var M=e.replace("#",""),O=V.a.keyword.rgb(M)||V.a.hex.rgb(M),j=V.a.rgb.hsl(O),E=e;if(/[^#a-f0-9]/i.test(e)?E=M:xe.test(e)&&(E="#".concat(M)),E.startsWith("#"))t=xe.test(E);else try{V.a.keyword.hex(E)}catch(e){t=!1}return ae(r={valid:t,value:E,keyword:V.a.rgb.keyword(O),colorSpace:ve.HEX},ve.RGB,"rgba(".concat(O[0],", ").concat(O[1],", ").concat(O[2],", 1)")),ae(r,ve.HSL,"hsla(".concat(j[0],", ").concat(j[1],"%, ").concat(j[2],"%, 1)")),ae(r,ve.HEX,E),r}},_e=function(e,r){var t=te(Object(n.useState)(e||""),2),a=t[0],o=t[1],l=te(Object(n.useState)((function(){return Ee(a)})),2),c=l[0],i=l[1],u=te(Object(n.useState)((null==c?void 0:c.colorSpace)||ve.HEX),2),s=u[0],f=u[1];Object(n.useEffect)((function(){void 0===e&&(o(""),i(void 0),f(ve.HEX))}),[e]);var h=Object(n.useMemo)((function(){return function(e,r,t){if(!e||null==r||!r.valid)return Oe[t];if(t!==ve.HEX)return(null==r?void 0:r[t])||Oe[t];if(!r.hex.startsWith("#"))try{return"#".concat(V.a.keyword.hex(r.hex))}catch(e){return Oe.hex}var n=r.hex.match(ke);if(!n)return xe.test(r.hex)?r.hex:Oe.hex;var a=te(n[1].split(""),3),o=a[0],l=a[1],c=a[2];return"#".concat(o).concat(o).concat(l).concat(l).concat(c).concat(c)}(a,c,s).toLowerCase()}),[a,c,s]),d=Object(n.useCallback)((function(e){var t=Ee(e);o((null==t?void 0:t.value)||e||""),t&&(i(t),f(t.colorSpace),r(t.value))}),[r]),v=Object(n.useCallback)((function(){var e=pe.indexOf(s)+1;e>=pe.length&&(e=0),f(pe[e]);var t=(null==c?void 0:c[pe[e]])||"";o(t),r(t)}),[c,s,r]);return{value:a,realValue:h,updateValue:d,color:c,colorSpace:s,cycleColorSpace:v}},Ce=function(e){return e.replace(/\s*/,"").toLowerCase()},Se=function(e){var r=e.name,t=e.value,o=e.onChange,l=e.onFocus,c=e.onBlur,i=e.presetColors,u=e.startOpen,s=_e(t,U()(o,200)),f=s.value,h=s.realValue,d=s.updateValue,v=s.color,g=s.colorSpace,b=s.cycleColorSpace,p=function(e,r,t){var a=te(Object(n.useState)(null!=r&&r.valid?[r]:[]),2),o=a[0],l=a[1];Object(n.useEffect)((function(){void 0===r&&l([])}),[r]);var c=Object(n.useMemo)((function(){return(e||[]).map((function(e){return"string"==typeof e?Ee(e):e.title?Object.assign({},Ee(e.color),{keyword:e.title}):Ee(e.color)})).concat(o).filter(Boolean).slice(-27)}),[e,o]),i=Object(n.useCallback)((function(e){null!=e&&e.valid&&(c.some((function(r){return Ce(r[t])===Ce(e[t])}))||l((function(r){return r.concat(e)})))}),[t,c]);return{presets:c,addPreset:i}}(i,v,g),m=p.presets,y=p.addPreset,w=Me[g];return a.a.createElement(ce,null,a.a.createElement(ie,{trigger:"click",startOpen:u,closeOnClick:!0,onVisibilityChange:function(){return y(v)},tooltip:a.a.createElement(ue,null,a.a.createElement(w,{color:"transparent"===h?"#000000":h,onChange:d,onFocus:l,onBlur:c}),m.length>0&&a.a.createElement(fe,null,m.map((function(e,r){return a.a.createElement(Q.a,{key:"".concat(e.value,"-").concat(r),hasChrome:!1,tooltip:a.a.createElement(se,{note:e.keyword||e.value})},a.a.createElement(de,{value:e[g],active:v&&Ce(e[g])===Ce(v[g]),onClick:function(){return d(e.value)}}))}))))},a.a.createElement(de,{value:h,style:{margin:4}})),a.a.createElement(ge,{id:Object(re.a)(r),value:f,onChange:function(e){return d(e.target.value)},onFocus:function(e){return e.target.select()},placeholder:"Choose color..."}),f?a.a.createElement(be,{icon:"markup",onClick:b}):null)};Se.displayName="ColorControl";r.default=Se}}]);
2
- //# sourceMappingURL=17.2e544968.iframe.bundle.js.map
1
+ (window.webpackJsonp=window.webpackJsonp||[]).push([[17],{1160:function(e,r,t){"use strict";t.d(r,"a",(function(){return c}));t(1136),t(46),t(23);var n=t(0),a=t.n(n);function o(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var l=t(1129).styled.div((function(e){var r=e.theme;return{padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:r.typography.weight.bold,color:r.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:"light"===r.base?"rgba(60, 60, 60, 0.9)":"rgba(20, 20, 20, 0.85)",margin:6}})),c=function(e){var r=e.note,t=o(e,["note"]);return a.a.createElement(l,t,r)};c.displayName="TooltipNote"},1188:function(e,r,t){function n(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var n,a,o=[],l=!0,c=!1;try{for(t=t.call(e);!(l=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);l=!0);}catch(e){c=!0,a=e}finally{try{l||null==t.return||t.return()}finally{if(c)throw a}}return o}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return a(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return a(e,r)}(e,r)||function(){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 a(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}t(46),t(593),t(24),t(94),t(1292),t(158),t(42),t(88),t(39),t(136),t(603),t(1293),t(23),t(25),t(35),t(33),t(29),t(31),t(28),t(20),t(51);for(var o=t(1294),l={},c=0,i=Object.keys(o);c<i.length;c++){var u=i[c];l[o[u]]=u}var s={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"]}};e.exports=s;for(var f=0,h=Object.keys(s);f<h.length;f++){var d=h[f];if(!("channels"in s[d]))throw new Error("missing channels property: "+d);if(!("labels"in s[d]))throw new Error("missing channel labels property: "+d);if(s[d].labels.length!==s[d].channels)throw new Error("channel and label counts mismatch: "+d);var v=s[d],g=v.channels,b=v.labels;delete s[d].channels,delete s[d].labels,Object.defineProperty(s[d],"channels",{value:g}),Object.defineProperty(s[d],"labels",{value:b})}s.rgb.hsl=function(e){var r,t=e[0]/255,n=e[1]/255,a=e[2]/255,o=Math.min(t,n,a),l=Math.max(t,n,a),c=l-o;l===o?r=0:t===l?r=(n-a)/c:n===l?r=2+(a-t)/c:a===l&&(r=4+(t-n)/c),(r=Math.min(60*r,360))<0&&(r+=360);var i=(o+l)/2;return[r,100*(l===o?0:i<=.5?c/(l+o):c/(2-l-o)),100*i]},s.rgb.hsv=function(e){var r,t,n,a,o,l=e[0]/255,c=e[1]/255,i=e[2]/255,u=Math.max(l,c,i),s=u-Math.min(l,c,i),f=function(e){return(u-e)/6/s+.5};return 0===s?(a=0,o=0):(o=s/u,r=f(l),t=f(c),n=f(i),l===u?a=n-t:c===u?a=1/3+r-n:i===u&&(a=2/3+t-r),a<0?a+=1:a>1&&(a-=1)),[360*a,100*o,100*u]},s.rgb.hwb=function(e){var r=e[0],t=e[1],n=e[2];return[s.rgb.hsl(e)[0],100*(1/255*Math.min(r,Math.min(t,n))),100*(n=1-1/255*Math.max(r,Math.max(t,n)))]},s.rgb.cmyk=function(e){var r=e[0]/255,t=e[1]/255,n=e[2]/255,a=Math.min(1-r,1-t,1-n);return[100*((1-r-a)/(1-a)||0),100*((1-t-a)/(1-a)||0),100*((1-n-a)/(1-a)||0),100*a]},s.rgb.keyword=function(e){var r=l[e];if(r)return r;for(var t,n,a,c=1/0,i=0,u=Object.keys(o);i<u.length;i++){var s=u[i],f=o[s],h=(n=e,a=f,Math.pow(n[0]-a[0],2)+Math.pow(n[1]-a[1],2)+Math.pow(n[2]-a[2],2));h<c&&(c=h,t=s)}return t},s.keyword.rgb=function(e){return o[e]},s.rgb.xyz=function(e){var r=e[0]/255,t=e[1]/255,n=e[2]/255;return[100*(.4124*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.3576*(t=t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)+.1805*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)),100*(.2126*r+.7152*t+.0722*n),100*(.0193*r+.1192*t+.9505*n)]},s.rgb.lab=function(e){var r=s.rgb.xyz(e),t=r[0],n=r[1],a=r[2];return n/=100,a/=108.883,t=(t/=95.047)>.008856?Math.pow(t,1/3):7.787*t+16/116,[116*(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116)-16,500*(t-n),200*(n-(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116))]},s.hsl.rgb=function(e){var r,t,n,a=e[0]/360,o=e[1]/100,l=e[2]/100;if(0===o)return[n=255*l,n,n];for(var c=2*l-(r=l<.5?l*(1+o):l+o-l*o),i=[0,0,0],u=0;u<3;u++)(t=a+1/3*-(u-1))<0&&t++,t>1&&t--,n=6*t<1?c+6*(r-c)*t:2*t<1?r:3*t<2?c+(r-c)*(2/3-t)*6:c,i[u]=255*n;return i},s.hsl.hsv=function(e){var r=e[0],t=e[1]/100,n=e[2]/100,a=t,o=Math.max(n,.01);return t*=(n*=2)<=1?n:2-n,a*=o<=1?o:2-o,[r,100*(0===n?2*a/(o+a):2*t/(n+t)),100*((n+t)/2)]},s.hsv.rgb=function(e){var r=e[0]/60,t=e[1]/100,n=e[2]/100,a=Math.floor(r)%6,o=r-Math.floor(r),l=255*n*(1-t),c=255*n*(1-t*o),i=255*n*(1-t*(1-o));switch(n*=255,a){case 0:return[n,i,l];case 1:return[c,n,l];case 2:return[l,n,i];case 3:return[l,c,n];case 4:return[i,l,n];case 5:return[n,l,c]}},s.hsv.hsl=function(e){var r,t,n=e[0],a=e[1]/100,o=e[2]/100,l=Math.max(o,.01);t=(2-a)*o;var c=(2-a)*l;return r=a*l,[n,100*(r=(r/=c<=1?c:2-c)||0),100*(t/=2)]},s.hwb.rgb=function(e){var r,t=e[0]/360,n=e[1]/100,a=e[2]/100,o=n+a;o>1&&(n/=o,a/=o);var l=Math.floor(6*t),c=1-a;r=6*t-l,0!=(1&l)&&(r=1-r);var i,u,s,f=n+r*(c-n);switch(l){default:case 6:case 0:i=c,u=f,s=n;break;case 1:i=f,u=c,s=n;break;case 2:i=n,u=c,s=f;break;case 3:i=n,u=f,s=c;break;case 4:i=f,u=n,s=c;break;case 5:i=c,u=n,s=f}return[255*i,255*u,255*s]},s.cmyk.rgb=function(e){var r=e[0]/100,t=e[1]/100,n=e[2]/100,a=e[3]/100;return[255*(1-Math.min(1,r*(1-a)+a)),255*(1-Math.min(1,t*(1-a)+a)),255*(1-Math.min(1,n*(1-a)+a))]},s.xyz.rgb=function(e){var r,t,n,a=e[0]/100,o=e[1]/100,l=e[2]/100;return t=-.9689*a+1.8758*o+.0415*l,n=.0557*a+-.204*o+1.057*l,r=(r=3.2406*a+-1.5372*o+-.4986*l)>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,t=t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:12.92*n,[255*(r=Math.min(Math.max(0,r),1)),255*(t=Math.min(Math.max(0,t),1)),255*(n=Math.min(Math.max(0,n),1))]},s.xyz.lab=function(e){var r=e[0],t=e[1],n=e[2];return t/=100,n/=108.883,r=(r/=95.047)>.008856?Math.pow(r,1/3):7.787*r+16/116,[116*(t=t>.008856?Math.pow(t,1/3):7.787*t+16/116)-16,500*(r-t),200*(t-(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116))]},s.lab.xyz=function(e){var r,t,n,a=e[0];r=e[1]/500+(t=(a+16)/116),n=t-e[2]/200;var o=Math.pow(t,3),l=Math.pow(r,3),c=Math.pow(n,3);return t=o>.008856?o:(t-16/116)/7.787,r=l>.008856?l:(r-16/116)/7.787,n=c>.008856?c:(n-16/116)/7.787,[r*=95.047,t*=100,n*=108.883]},s.lab.lch=function(e){var r,t=e[0],n=e[1],a=e[2];return(r=360*Math.atan2(a,n)/2/Math.PI)<0&&(r+=360),[t,Math.sqrt(n*n+a*a),r]},s.lch.lab=function(e){var r=e[0],t=e[1],n=e[2]/360*2*Math.PI;return[r,t*Math.cos(n),t*Math.sin(n)]},s.rgb.ansi16=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=n(e,3),a=t[0],o=t[1],l=t[2],c=null===r?s.rgb.hsv(e)[2]:r;if(0===(c=Math.round(c/50)))return 30;var i=30+(Math.round(l/255)<<2|Math.round(o/255)<<1|Math.round(a/255));return 2===c&&(i+=60),i},s.hsv.ansi16=function(e){return s.rgb.ansi16(s.hsv.rgb(e),e[2])},s.rgb.ansi256=function(e){var r=e[0],t=e[1],n=e[2];return r===t&&t===n?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(t/255*5)+Math.round(n/255*5)},s.ansi16.rgb=function(e){var r=e%10;if(0===r||7===r)return e>50&&(r+=3.5),[r=r/10.5*255,r,r];var t=.5*(1+~~(e>50));return[(1&r)*t*255,(r>>1&1)*t*255,(r>>2&1)*t*255]},s.ansi256.rgb=function(e){if(e>=232){var r=10*(e-232)+8;return[r,r,r]}var t;return e-=16,[Math.floor(e/36)/5*255,Math.floor((t=e%36)/6)/5*255,t%6/5*255]},s.rgb.hex=function(e){var r=(((255&Math.round(e[0]))<<16)+((255&Math.round(e[1]))<<8)+(255&Math.round(e[2]))).toString(16).toUpperCase();return"000000".substring(r.length)+r},s.hex.rgb=function(e){var r=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!r)return[0,0,0];var t=r[0];3===r[0].length&&(t=t.split("").map((function(e){return e+e})).join(""));var n=parseInt(t,16);return[n>>16&255,n>>8&255,255&n]},s.rgb.hcg=function(e){var r,t=e[0]/255,n=e[1]/255,a=e[2]/255,o=Math.max(Math.max(t,n),a),l=Math.min(Math.min(t,n),a),c=o-l;return r=c<=0?0:o===t?(n-a)/c%6:o===n?2+(a-t)/c:4+(t-n)/c,r/=6,[360*(r%=1),100*c,100*(c<1?l/(1-c):0)]},s.hsl.hcg=function(e){var r=e[1]/100,t=e[2]/100,n=t<.5?2*r*t:2*r*(1-t),a=0;return n<1&&(a=(t-.5*n)/(1-n)),[e[0],100*n,100*a]},s.hsv.hcg=function(e){var r=e[1]/100,t=e[2]/100,n=r*t,a=0;return n<1&&(a=(t-n)/(1-n)),[e[0],100*n,100*a]},s.hcg.rgb=function(e){var r=e[0]/360,t=e[1]/100,n=e[2]/100;if(0===t)return[255*n,255*n,255*n];var a,o=[0,0,0],l=r%1*6,c=l%1,i=1-c;switch(Math.floor(l)){case 0:o[0]=1,o[1]=c,o[2]=0;break;case 1:o[0]=i,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=c;break;case 3:o[0]=0,o[1]=i,o[2]=1;break;case 4:o[0]=c,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=i}return a=(1-t)*n,[255*(t*o[0]+a),255*(t*o[1]+a),255*(t*o[2]+a)]},s.hcg.hsv=function(e){var r=e[1]/100,t=r+e[2]/100*(1-r),n=0;return t>0&&(n=r/t),[e[0],100*n,100*t]},s.hcg.hsl=function(e){var r=e[1]/100,t=e[2]/100*(1-r)+.5*r,n=0;return t>0&&t<.5?n=r/(2*t):t>=.5&&t<1&&(n=r/(2*(1-t))),[e[0],100*n,100*t]},s.hcg.hwb=function(e){var r=e[1]/100,t=r+e[2]/100*(1-r);return[e[0],100*(t-r),100*(1-t)]},s.hwb.hcg=function(e){var r=e[1]/100,t=1-e[2]/100,n=t-r,a=0;return n<1&&(a=(t-n)/(1-n)),[e[0],100*n,100*a]},s.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},s.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},s.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},s.gray.hsl=function(e){return[0,0,e[0]]},s.gray.hsv=s.gray.hsl,s.gray.hwb=function(e){return[0,100,e[0]]},s.gray.cmyk=function(e){return[0,0,0,e[0]]},s.gray.lab=function(e){return[e[0],0,0]},s.gray.hex=function(e){var r=255&Math.round(e[0]/100*255),t=((r<<16)+(r<<8)+r).toString(16).toUpperCase();return"000000".substring(t.length)+t},s.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}},1290:function(e,r,t){t(46),t(1291),t(47),t(593);var n=t(1188),a=t(1295),o={};Object.keys(n).forEach((function(e){o[e]={},Object.defineProperty(o[e],"channels",{value:n[e].channels}),Object.defineProperty(o[e],"labels",{value:n[e].labels});var r=a(e);Object.keys(r).forEach((function(t){var n=r[t];o[e][t]=function(e){var r=function(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++)t[n]=arguments[n];var a=t[0];if(null==a)return a;a.length>1&&(t=a);var o=e(t);if("object"==typeof o)for(var l=o.length,c=0;c<l;c++)o[c]=Math.round(o[c]);return o};return"conversion"in e&&(r.conversion=e.conversion),r}(n),o[e][t].raw=function(e){var r=function(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++)t[n]=arguments[n];var a=t[0];return null==a?a:(a.length>1&&(t=a),e(t))};return"conversion"in e&&(r.conversion=e.conversion),r}(n)}))})),e.exports=o},1291:function(e,r,t){"use strict";var n=t(22),a=t(594);n({target:"Array",proto:!0,forced:[].forEach!=a},{forEach:a})},1292:function(e,r,t){var n=t(21),a=t(72),o=Date.prototype,l=n(o.toString),c=n(o.getTime);"Invalid Date"!=String(new Date(NaN))&&a(o,"toString",(function(){var e=c(this);return e==e?l(this):"Invalid Date"}))},1293:function(e,r,t){t(22)({target:"Array",stat:!0},{isArray:t(236)})},1294:function(e,r,t){"use strict";e.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]}},1295:function(e,r,t){t(46);var n=t(1188);function a(e){var r=function(){for(var e={},r=Object.keys(n),t=r.length,a=0;a<t;a++)e[r[a]]={distance:-1,parent:null};return e}(),t=[e];for(r[e].distance=0;t.length;)for(var a=t.pop(),o=Object.keys(n[a]),l=o.length,c=0;c<l;c++){var i=o[c],u=r[i];-1===u.distance&&(u.distance=r[a].distance+1,u.parent=a,t.unshift(i))}return r}function o(e,r){return function(t){return r(e(t))}}function l(e,r){for(var t=[r[e].parent,e],a=n[r[e].parent][e],l=r[e].parent;r[l].parent;)t.unshift(r[l].parent),a=o(n[r[l].parent][l],a),l=r[l].parent;return a.conversion=t,a}e.exports=function(e){for(var r=a(e),t={},n=Object.keys(r),o=n.length,c=0;c<o;c++){var i=n[c];null!==r[i].parent&&(t[i]=l(i,r))}return t}},1296:function(e,r,t){var n=t(1297),a=t(186);e.exports=function(e,r,t){var o=!0,l=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return a(t)&&(o="leading"in t?!!t.leading:o,l="trailing"in t?!!t.trailing:l),n(e,r,{leading:o,maxWait:r,trailing:l})}},1297:function(e,r,t){var n=t(186),a=t(1298),o=t(1299),l=Math.max,c=Math.min;e.exports=function(e,r,t){var i,u,s,f,h,d,v=0,g=!1,b=!1,p=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function m(r){var t=i,n=u;return i=u=void 0,v=r,f=e.apply(n,t)}function y(e){return v=e,h=setTimeout(x,r),g?m(e):f}function w(e){var t=e-d;return void 0===d||t>=r||t<0||b&&e-v>=s}function x(){var e=a();if(w(e))return k(e);h=setTimeout(x,function(e){var t=r-(e-d);return b?c(t,s-(e-v)):t}(e))}function k(e){return h=void 0,p&&i?m(e):(i=u=void 0,f)}function M(){var e=a(),t=w(e);if(i=arguments,u=this,d=e,t){if(void 0===h)return y(d);if(b)return clearTimeout(h),h=setTimeout(x,r),m(d)}return void 0===h&&(h=setTimeout(x,r)),f}return r=o(r)||0,n(t)&&(g=!!t.leading,s=(b="maxWait"in t)?l(o(t.maxWait)||0,r):s,p="trailing"in t?!!t.trailing:p),M.cancel=function(){void 0!==h&&clearTimeout(h),v=0,i=d=u=h=void 0},M.flush=function(){return void 0===h?f:k(a())},M}},1298:function(e,r,t){var n=t(107);e.exports=function(){return n.Date.now()}},1299:function(e,r,t){var n=t(1300),a=t(186),o=t(303),l=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,i=/^0o[0-7]+$/i,u=parseInt;e.exports=function(e){if("number"==typeof e)return e;if(o(e))return NaN;if(a(e)){var r="function"==typeof e.valueOf?e.valueOf():e;e=a(r)?r+"":r}if("string"!=typeof e)return 0===e?e:+e;e=n(e);var t=c.test(e);return t||i.test(e)?u(e.slice(2),t?2:8):l.test(e)?NaN:+e}},1300:function(e,r,t){var n=t(1301),a=/^\s+/;e.exports=function(e){return e?e.slice(0,n(e)+1).replace(a,""):e}},1301:function(e,r){var t=/\s/;e.exports=function(e){for(var r=e.length;r--&&t.test(e.charAt(r)););return r}},1306:function(e,r,t){"use strict";t.r(r),t.d(r,"ColorControl",(function(){return Se}));t(46),t(23),t(25),t(24),t(35),t(33),t(29),t(31),t(51),t(36),t(32),t(161),t(158),t(42),t(39),t(233),t(67),t(300),t(136),t(28),t(87),t(20);var n=t(0),a=t.n(n);function o(){return(o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function l(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(a[t]=e[t]);return a}function c(e){var r=Object(n.useRef)(e),t=Object(n.useRef)((function(e){r.current&&r.current(e)}));return r.current=e,t.current}var i=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e<r?r:e},u=function(e){return"touches"in e},s=function(e){return e&&e.ownerDocument.defaultView||self},f=function(e,r,t){var n=e.getBoundingClientRect(),a=u(r)?function(e,r){for(var t=0;t<e.length;t++)if(e[t].identifier===r)return e[t];return e[0]}(r.touches,t):r;return{left:i((a.pageX-(n.left+s(e).pageXOffset))/n.width),top:i((a.pageY-(n.top+s(e).pageYOffset))/n.height)}},h=function(e){!u(e)&&e.preventDefault()},d=a.a.memo((function(e){var r=e.onMove,t=e.onKey,i=l(e,["onMove","onKey"]),d=Object(n.useRef)(null),v=c(r),g=c(t),b=Object(n.useRef)(null),p=Object(n.useRef)(!1),m=Object(n.useMemo)((function(){var e=function(e){h(e),(u(e)?e.touches.length>0:e.buttons>0)&&d.current?v(f(d.current,e,b.current)):t(!1)},r=function(){return t(!1)};function t(t){var n=p.current,a=s(d.current),o=t?a.addEventListener:a.removeEventListener;o(n?"touchmove":"mousemove",e),o(n?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,n=d.current;if(n&&(h(r),!function(e,r){return r&&!u(e)}(r,p.current)&&n)){if(u(r)){p.current=!0;var a=r.changedTouches||[];a.length&&(b.current=a[0].identifier)}n.focus(),v(f(n,r,b.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),g({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]}),[g,v]),y=m[0],w=m[1],x=m[2];return Object(n.useEffect)((function(){return x}),[x]),a.a.createElement("div",o({},i,{onTouchStart:y,onMouseDown:y,className:"react-colorful__interactive",ref:d,onKeyDown:w,tabIndex:0,role:"slider"}))})),v=function(e){return e.filter(Boolean).join(" ")},g=function(e){var r=e.color,t=e.left,n=e.top,o=void 0===n?.5:n,l=v(["react-colorful__pointer",e.className]);return a.a.createElement("div",{className:l,style:{top:100*o+"%",left:100*t+"%"}},a.a.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:r}}))},b=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},p={grad:.9,turn:360,rad:360/(2*Math.PI)},m=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}},y=function(e,r){return void 0===r&&(r="deg"),Number(e)*(p[r]||1)},w=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?x({h:y(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}},x=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}},k=function(e){var r=e.s,t=e.v,n=e.a,a=(200-r)*t/100;return{h:b(e.h),s:b(a>0&&a<200?r*t/100/(a<=100?a:200-a)*100:0),l:b(a/2),a:b(n,2)}},M=function(e){var r=k(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},O=function(e){var r=k(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},j=function(e){var r=e.h,t=e.s,n=e.v,a=e.a;r=r/360*6,t/=100,n/=100;var o=Math.floor(r),l=n*(1-t),c=n*(1-(r-o)*t),i=n*(1-(1-r+o)*t),u=o%6;return{r:b(255*[n,c,l,l,i,n][u]),g:b(255*[i,n,n,c,l,l][u]),b:b(255*[l,l,i,n,n,c][u]),a:b(a,2)}},E=function(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?C({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}},_=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},C=function(e){var r=e.r,t=e.g,n=e.b,a=e.a,o=Math.max(r,t,n),l=o-Math.min(r,t,n),c=l?o===r?(t-n)/l:o===t?2+(n-r)/l:4+(r-t)/l:0;return{h:b(60*(c<0?c+6:c)),s:b(o?l/o*100:0),v:b(o/255*100),a:a}},S=a.a.memo((function(e){var r=e.hue,t=e.onChange,n=v(["react-colorful__hue",e.className]);return a.a.createElement("div",{className:n},a.a.createElement(d,{onMove:function(e){t({h:360*e.left})},onKey:function(e){t({h:i(r+360*e.left,0,360)})},"aria-label":"Hue","aria-valuetext":b(r)},a.a.createElement(g,{className:"react-colorful__hue-pointer",left:r/360,color:M({h:r,s:100,v:100,a:1})})))})),N=a.a.memo((function(e){var r=e.hsva,t=e.onChange,n={backgroundColor:M({h:r.h,s:100,v:100,a:1})};return a.a.createElement("div",{className:"react-colorful__saturation",style:n},a.a.createElement(d,{onMove:function(e){t({s:100*e.left,v:100-100*e.top})},onKey:function(e){t({s:i(r.s+100*e.left,0,100),v:i(r.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+b(r.s)+"%, Brightness "+b(r.v)+"%"},a.a.createElement(g,{className:"react-colorful__saturation-pointer",top:1-r.v/100,left:r.s/100,color:M(r)})))})),H=function(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},I=function(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")};function z(e,r,t){var a=c(t),o=Object(n.useState)((function(){return e.toHsva(r)})),l=o[0],i=o[1],u=Object(n.useRef)({color:r,hsva:l});Object(n.useEffect)((function(){if(!e.equal(r,u.current.color)){var t=e.toHsva(r);u.current={hsva:t,color:r},i(t)}}),[r,e]),Object(n.useEffect)((function(){var r;H(l,u.current.hsva)||e.equal(r=e.fromHsva(l),u.current.color)||(u.current={hsva:l,color:r},a(r))}),[l,e,a]);var s=Object(n.useCallback)((function(e){i((function(r){return Object.assign({},r,e)}))}),[]);return[l,s]}var R,A,L,T="undefined"!=typeof window?n.useLayoutEffect:n.useEffect,B=new Map,P=function(e){T((function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&&!B.has(r)){var n=r.createElement("style");n.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}',B.set(r,n);var a=R||t.nc;a&&n.setAttribute("nonce",a),r.head.appendChild(n)}}),[])},q=function(e){var r=e.className,t=e.colorModel,c=e.color,i=void 0===c?t.defaultColor:c,u=e.onChange,s=l(e,["className","colorModel","color","onChange"]),f=Object(n.useRef)(null);P(f);var h=z(t,i,u),d=h[0],g=h[1],b=v(["react-colorful",r]);return a.a.createElement("div",o({},s,{ref:f,className:b}),a.a.createElement(N,{hsva:d,onChange:g}),a.a.createElement(S,{hue:d.h,onChange:g,className:"react-colorful__last-control"}))},X={defaultColor:"000",toHsva:function(e){return C(m(e))},fromHsva:function(e){return t=(r=j(e)).g,n=r.b,"#"+_(r.r)+_(t)+_(n);var r,t,n},equal:function(e,r){return e.toLowerCase()===r.toLowerCase()||H(m(e),m(r))}},D=function(e){var r=e.className,t=e.hsva,n=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+O(Object.assign({},t,{a:0}))+", "+O(Object.assign({},t,{a:1}))+")"},l=v(["react-colorful__alpha",r]);return a.a.createElement("div",{className:l},a.a.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),a.a.createElement(d,{onMove:function(e){n({a:e.left})},onKey:function(e){n({a:i(t.a+e.left)})},"aria-label":"Alpha","aria-valuetext":b(100*t.a)+"%"},a.a.createElement(g,{className:"react-colorful__alpha-pointer",left:t.a,color:O(t)})))},$=function(e){var r=e.className,t=e.colorModel,c=e.color,i=void 0===c?t.defaultColor:c,u=e.onChange,s=l(e,["className","colorModel","color","onChange"]),f=Object(n.useRef)(null);P(f);var h=z(t,i,u),d=h[0],g=h[1],b=v(["react-colorful",r]);return a.a.createElement("div",o({},s,{ref:f,className:b}),a.a.createElement(N,{hsva:d,onChange:g}),a.a.createElement(S,{hue:d.h,onChange:g}),a.a.createElement(D,{hsva:d,onChange:g,className:"react-colorful__last-control"}))},G={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:w,fromHsva:O,equal:I},W={defaultColor:"rgba(0, 0, 0, 1)",toHsva:E,fromHsva:function(e){var r=j(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:I},K=t(1290),V=t.n(K),F=t(1296),U=t.n(F),J=t(1129),Y=t(1160),Q=t(1143),Z=t(1135),ee=t(1133),re=t(1134);function te(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,a=!1,o=void 0;try{for(var l,c=e[Symbol.iterator]();!(n=(l=c.next()).done)&&(t.push(l.value),!r||t.length!==r);n=!0);}catch(e){a=!0,o=e}finally{try{n||null==c.return||c.return()}finally{if(a)throw o}}return t}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return ne(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return ne(e,r)}(e,r)||function(){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 ne(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function ae(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function oe(){return(oe=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function le(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var ce=J.styled.div({position:"relative",maxWidth:250}),ie=Object(J.styled)(Q.a)({position:"absolute",zIndex:1,top:4,left:4}),ue=J.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"}}),se=Object(J.styled)(Y.a)((function(e){return{fontFamily:e.theme.typography.fonts.base}})),fe=J.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),he=J.styled.div((function(e){var r=e.theme;return{width:16,height:16,boxShadow:e.active?"".concat(r.appBorderColor," 0 0 0 1px inset, ").concat(r.color.mediumdark,"50 0 0 0 4px"):"".concat(r.appBorderColor," 0 0 0 1px inset"),borderRadius:r.appBorderRadius}})),de=function(e){var r=e.value,t=e.active,n=e.onClick,o=e.style,l=le(e,["value","active","onClick","style"]),c="linear-gradient(".concat(r,", ").concat(r,"), ").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 a.a.createElement(he,oe({},l,{active:t,onClick:n,style:Object.assign({},o,{backgroundImage:c})}))};de.displayName="Swatch";var ve,ge=Object(J.styled)(Z.a.Input)((function(e){return{width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.theme.typography.fonts.base}})),be=Object(J.styled)(ee.a)((function(e){return{position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.theme.input.color}}));!function(e){e.RGB="rgb",e.HSL="hsl",e.HEX="hex"}(ve||(ve={}));var pe=Object.values(ve),me=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,ye=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,we=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,xe=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,ke=/^\s*#?([0-9a-f]{3})\s*$/i,Me=(ae(A={},ve.HEX,(function(e){return a.a.createElement(q,o({},e,{colorModel:X}))})),ae(A,ve.RGB,(function(e){return a.a.createElement($,o({},e,{colorModel:W}))})),ae(A,ve.HSL,(function(e){return a.a.createElement($,o({},e,{colorModel:G}))})),A),Oe=(ae(L={},ve.HEX,"transparent"),ae(L,ve.RGB,"rgba(0, 0, 0, 0)"),ae(L,ve.HSL,"hsla(0, 0%, 0%, 0)"),L),je=function(e){var r=null==e?void 0:e.match(me);if(!r)return[0,0,0,1];var t=te(r,5),n=t[1],a=t[2],o=t[3],l=t[4];return[n,a,o,void 0===l?1:l].map(Number)},Ee=function(e){var r;if(e){var t=!0;if(ye.test(e)){var n,a=te(je(e),4),o=a[0],l=a[1],c=a[2],i=a[3],u=te(V.a.rgb.hsl([o,l,c])||[0,0,0],3),s=u[0],f=u[1],h=u[2];return ae(n={valid:t,value:e,keyword:V.a.rgb.keyword([o,l,c]),colorSpace:ve.RGB},ve.RGB,e),ae(n,ve.HSL,"hsla(".concat(s,", ").concat(f,"%, ").concat(h,"%, ").concat(i,")")),ae(n,ve.HEX,"#".concat(V.a.rgb.hex([o,l,c]).toLowerCase())),n}if(we.test(e)){var d,v=te(je(e),4),g=v[0],b=v[1],p=v[2],m=v[3],y=te(V.a.hsl.rgb([g,b,p])||[0,0,0],3),w=y[0],x=y[1],k=y[2];return ae(d={valid:t,value:e,keyword:V.a.hsl.keyword([g,b,p]),colorSpace:ve.HSL},ve.RGB,"rgba(".concat(w,", ").concat(x,", ").concat(k,", ").concat(m,")")),ae(d,ve.HSL,e),ae(d,ve.HEX,"#".concat(V.a.hsl.hex([g,b,p]).toLowerCase())),d}var M=e.replace("#",""),O=V.a.keyword.rgb(M)||V.a.hex.rgb(M),j=V.a.rgb.hsl(O),E=e;if(/[^#a-f0-9]/i.test(e)?E=M:xe.test(e)&&(E="#".concat(M)),E.startsWith("#"))t=xe.test(E);else try{V.a.keyword.hex(E)}catch(e){t=!1}return ae(r={valid:t,value:E,keyword:V.a.rgb.keyword(O),colorSpace:ve.HEX},ve.RGB,"rgba(".concat(O[0],", ").concat(O[1],", ").concat(O[2],", 1)")),ae(r,ve.HSL,"hsla(".concat(j[0],", ").concat(j[1],"%, ").concat(j[2],"%, 1)")),ae(r,ve.HEX,E),r}},_e=function(e,r){var t=te(Object(n.useState)(e||""),2),a=t[0],o=t[1],l=te(Object(n.useState)((function(){return Ee(a)})),2),c=l[0],i=l[1],u=te(Object(n.useState)((null==c?void 0:c.colorSpace)||ve.HEX),2),s=u[0],f=u[1];Object(n.useEffect)((function(){void 0===e&&(o(""),i(void 0),f(ve.HEX))}),[e]);var h=Object(n.useMemo)((function(){return function(e,r,t){if(!e||null==r||!r.valid)return Oe[t];if(t!==ve.HEX)return(null==r?void 0:r[t])||Oe[t];if(!r.hex.startsWith("#"))try{return"#".concat(V.a.keyword.hex(r.hex))}catch(e){return Oe.hex}var n=r.hex.match(ke);if(!n)return xe.test(r.hex)?r.hex:Oe.hex;var a=te(n[1].split(""),3),o=a[0],l=a[1],c=a[2];return"#".concat(o).concat(o).concat(l).concat(l).concat(c).concat(c)}(a,c,s).toLowerCase()}),[a,c,s]),d=Object(n.useCallback)((function(e){var t=Ee(e);o((null==t?void 0:t.value)||e||""),t&&(i(t),f(t.colorSpace),r(t.value))}),[r]),v=Object(n.useCallback)((function(){var e=pe.indexOf(s)+1;e>=pe.length&&(e=0),f(pe[e]);var t=(null==c?void 0:c[pe[e]])||"";o(t),r(t)}),[c,s,r]);return{value:a,realValue:h,updateValue:d,color:c,colorSpace:s,cycleColorSpace:v}},Ce=function(e){return e.replace(/\s*/,"").toLowerCase()},Se=function(e){var r=e.name,t=e.value,o=e.onChange,l=e.onFocus,c=e.onBlur,i=e.presetColors,u=e.startOpen,s=_e(t,U()(o,200)),f=s.value,h=s.realValue,d=s.updateValue,v=s.color,g=s.colorSpace,b=s.cycleColorSpace,p=function(e,r,t){var a=te(Object(n.useState)(null!=r&&r.valid?[r]:[]),2),o=a[0],l=a[1];Object(n.useEffect)((function(){void 0===r&&l([])}),[r]);var c=Object(n.useMemo)((function(){return(e||[]).map((function(e){return"string"==typeof e?Ee(e):e.title?Object.assign({},Ee(e.color),{keyword:e.title}):Ee(e.color)})).concat(o).filter(Boolean).slice(-27)}),[e,o]),i=Object(n.useCallback)((function(e){null!=e&&e.valid&&(c.some((function(r){return Ce(r[t])===Ce(e[t])}))||l((function(r){return r.concat(e)})))}),[t,c]);return{presets:c,addPreset:i}}(i,v,g),m=p.presets,y=p.addPreset,w=Me[g];return a.a.createElement(ce,null,a.a.createElement(ie,{trigger:"click",startOpen:u,closeOnClick:!0,onVisibilityChange:function(){return y(v)},tooltip:a.a.createElement(ue,null,a.a.createElement(w,{color:"transparent"===h?"#000000":h,onChange:d,onFocus:l,onBlur:c}),m.length>0&&a.a.createElement(fe,null,m.map((function(e,r){return a.a.createElement(Q.a,{key:"".concat(e.value,"-").concat(r),hasChrome:!1,tooltip:a.a.createElement(se,{note:e.keyword||e.value})},a.a.createElement(de,{value:e[g],active:v&&Ce(e[g])===Ce(v[g]),onClick:function(){return d(e.value)}}))}))))},a.a.createElement(de,{value:h,style:{margin:4}})),a.a.createElement(ge,{id:Object(re.a)(r),value:f,onChange:function(e){return d(e.target.value)},onFocus:function(e){return e.target.select()},placeholder:"Choose color..."}),f?a.a.createElement(be,{icon:"markup",onClick:b}):null)};Se.displayName="ColorControl";r.default=Se}}]);
2
+ //# sourceMappingURL=17.97db5b3f.iframe.bundle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"17.97db5b3f.iframe.bundle.js","sources":["webpack:///17.97db5b3f.iframe.bundle.js"],"mappings":"AAAA","sourceRoot":""}