diff --git a/index.html b/index.html index 78787e4..f2d2b30 100644 --- a/index.html +++ b/index.html @@ -68,6 +68,6 @@
- + diff --git a/static/dist/0.bundle.js b/static/dist/0.bundle.js index 4cc3cd3..d64aed8 100644 --- a/static/dist/0.bundle.js +++ b/static/dist/0.bundle.js @@ -1,3 +1,3 @@ -webpackJsonp([0],{491:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n=0||(r[n]=e[n]);return r}function o(e,t){if(null==e)return{};var n,i,o=r(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function a(e){var t=e.children,n=o(e,["children"]);return l.a.createElement("div",i({"data-simplebar":!0},n),l.a.createElement("div",{className:"simplebar-wrapper"},l.a.createElement("div",{className:"simplebar-height-auto-observer-wrapper"},l.a.createElement("div",{className:"simplebar-height-auto-observer"})),l.a.createElement("div",{className:"simplebar-mask"},l.a.createElement("div",{className:"simplebar-offset"},l.a.createElement("div",{className:"simplebar-content"},t))),l.a.createElement("div",{className:"simplebar-placeholder"})),l.a.createElement("div",{className:"simplebar-track simplebar-horizontal"},l.a.createElement("div",{className:"simplebar-scrollbar"})),l.a.createElement("div",{className:"simplebar-track simplebar-vertical"},l.a.createElement("div",{className:"simplebar-scrollbar"})))}Object.defineProperty(t,"__esModule",{value:!0});var s=n(5),l=n.n(s),c=n(11),d=n.n(c);n(576);a.propTypes={children:d.a.node},t.default=a},576:function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){for(var n=0;nMath.ceil(this.axis.x.track.rect.width),this.axis.y.isOverflowing=(this.scrollbarWidth?this.contentEl.scrollHeight:this.contentEl.scrollHeight-this.minScrollbarWidth)>Math.ceil(this.axis.y.track.rect.height),this.axis.x.isOverflowing="hidden"!==this.elStyles.overflowX&&this.axis.x.isOverflowing,this.axis.y.isOverflowing="hidden"!==this.elStyles.overflowY&&this.axis.y.isOverflowing,this.axis.x.forceVisible="x"===this.options.forceVisible||!0===this.options.forceVisible,this.axis.y.forceVisible="y"===this.options.forceVisible||!0===this.options.forceVisible,this.axis.x.scrollbar.size=this.getScrollbarSize("x"),this.axis.y.scrollbar.size=this.getScrollbarSize("y"),this.axis.x.scrollbar.el.style.width="".concat(this.axis.x.scrollbar.size,"px"),this.axis.y.scrollbar.el.style.height="".concat(this.axis.y.scrollbar.size,"px"),this.positionScrollbar("x"),this.positionScrollbar("y"),this.toggleTrackVisibility("x"),this.toggleTrackVisibility("y"),this.hideNativeScrollbar()}},{key:"getScrollbarSize",value:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"y",n=this.scrollbarWidth?this.contentEl[this.axis[t].scrollSizeAttr]:this.contentEl[this.axis[t].scrollSizeAttr]-this.minScrollbarWidth,i=this.axis[t].track.rect[this.axis[t].sizeAttr];if(this.axis[t].isOverflowing){var r=i/n;return e=Math.max(~~(r*i),this.options.scrollbarMinSize),this.options.scrollbarMaxSize&&(e=Math.min(e,this.options.scrollbarMaxSize)),e}}},{key:"positionScrollbar",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"y",n=this.contentEl[this.axis[t].scrollSizeAttr],i=this.axis[t].track.rect[this.axis[t].sizeAttr],r=parseInt(this.elStyles[this.axis[t].sizeAttr],10),o=this.axis[t].scrollbar,a=this.contentEl[this.axis[t].scrollOffsetAttr];a="x"===t&&this.isRtl&&e.getRtlHelpers().isRtlScrollingInverted?-a:a;var s=a/(n-r),l=~~((i-o.size)*s);l="x"===t&&this.isRtl&&e.getRtlHelpers().isRtlScrollbarInverted?l+(i-o.size):l,o.el.style.transform="x"===t?"translate3d(".concat(l,"px, 0, 0)"):"translate3d(0, ".concat(l,"px, 0)")}},{key:"toggleTrackVisibility",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"y",t=this.axis[e].track.el,n=this.axis[e].scrollbar.el;this.axis[e].isOverflowing||this.axis[e].forceVisible?(t.style.visibility="visible",this.contentEl.style[this.axis[e].overflowAttr]="scroll"):(t.style.visibility="hidden",this.contentEl.style[this.axis[e].overflowAttr]="hidden"),this.axis[e].isOverflowing?n.style.visibility="visible":n.style.visibility="hidden"}},{key:"hideNativeScrollbar",value:function(){if(this.offsetEl.style[this.isRtl?"left":"right"]=this.axis.y.isOverflowing||this.axis.y.forceVisible?"-".concat(this.scrollbarWidth||this.minScrollbarWidth,"px"):0,this.offsetEl.style.bottom=this.axis.x.isOverflowing||this.axis.x.forceVisible?"-".concat(this.scrollbarWidth||this.minScrollbarWidth,"px"):0,!this.scrollbarWidth){var e=[this.isRtl?"paddingLeft":"paddingRight"];this.contentEl.style[e]=this.axis.y.isOverflowing||this.axis.y.forceVisible?"calc(".concat(this.elStyles[e]," + ").concat(this.minScrollbarWidth,"px)"):this.elStyles[e],this.contentEl.style.paddingBottom=this.axis.x.isOverflowing||this.axis.x.forceVisible?"calc(".concat(this.elStyles.paddingBottom," + ").concat(this.minScrollbarWidth,"px)"):this.elStyles.paddingBottom}}},{key:"onMouseMoveForAxis",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"y";this.axis[e].track.rect=this.axis[e].track.el.getBoundingClientRect(),this.axis[e].scrollbar.rect=this.axis[e].scrollbar.el.getBoundingClientRect(),this.isWithinBounds(this.axis[e].scrollbar.rect)?this.axis[e].scrollbar.el.classList.add(this.classNames.hover):this.axis[e].scrollbar.el.classList.remove(this.classNames.hover),this.isWithinBounds(this.axis[e].track.rect)?(this.showScrollbar(e),this.axis[e].track.el.classList.add(this.classNames.hover)):this.axis[e].track.el.classList.remove(this.classNames.hover)}},{key:"onMouseLeaveForAxis",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"y";this.axis[e].track.el.classList.remove(this.classNames.hover),this.axis[e].scrollbar.el.classList.remove(this.classNames.hover)}},{key:"showScrollbar",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"y",t=this.axis[e].scrollbar.el;this.axis[e].isVisible||(t.classList.add(this.classNames.visible),this.axis[e].isVisible=!0),this.options.autoHide&&this.hideScrollbars()}},{key:"onDragStart",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"y",n=this.axis[t].scrollbar.el,i="y"===t?e.pageY:e.pageX;this.axis[t].dragOffset=i-n.getBoundingClientRect()[this.axis[t].offsetAttr],this.draggedAxis=t,document.addEventListener("mousemove",this.drag),document.addEventListener("mouseup",this.onEndDrag)}},{key:"getScrollElement",value:function(){return this.contentEl}},{key:"removeListeners",value:function(){this.options.autoHide&&this.el.removeEventListener("mouseenter",this.onMouseEnter),this.contentEl.removeEventListener("scroll",this.onScroll),window.removeEventListener("resize",this.onWindowResize),this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeObserver.disconnect()}},{key:"unMount",value:function(){this.removeListeners(),this.el.SimpleBar=null}},{key:"isChildNode",value:function(e){return null!==e&&(e===this.el||this.isChildNode(e.parentNode))}},{key:"isWithinBounds",value:function(e){return this.mouseX>=e.left&&this.mouseX<=e.left+e.width&&this.mouseY>=e.top&&this.mouseY<=e.top+e.height}}],[{key:"getRtlHelpers",value:function(){var t=document.createElement("div");t.innerHTML='
';var n=t.firstElementChild;document.body.appendChild(n);var i=n.firstElementChild;n.scrollLeft=0;var r=e.getOffset(n),o=e.getOffset(i);n.scrollLeft=999;var a=e.getOffset(i);return{isRtlScrollingInverted:r.left!==o.left&&o.left-a.left!=0,isRtlScrollbarInverted:r.left!==o.left}}},{key:"initHtmlApi",value:function(){this.initDOMLoadedElements=this.initDOMLoadedElements.bind(this),"undefined"!=typeof MutationObserver&&(this.globalObserver=new MutationObserver(function(t){t.forEach(function(t){Array.from(t.addedNodes).forEach(function(t){1===t.nodeType&&(t.hasAttribute("data-simplebar")?!t.SimpleBar&&new e(t,e.getElOptions(t)):Array.from(t.querySelectorAll("[data-simplebar]")).forEach(function(t){!t.SimpleBar&&new e(t,e.getElOptions(t))}))}),Array.from(t.removedNodes).forEach(function(e){1===e.nodeType&&(e.hasAttribute("data-simplebar")?e.SimpleBar&&e.SimpleBar.unMount():Array.from(e.querySelectorAll("[data-simplebar]")).forEach(function(e){e.SimpleBar&&e.SimpleBar.unMount()}))})})}),this.globalObserver.observe(document,{childList:!0,subtree:!0})),"complete"===document.readyState||"loading"!==document.readyState&&!document.documentElement.doScroll?window.setTimeout(this.initDOMLoadedElements):(document.addEventListener("DOMContentLoaded",this.initDOMLoadedElements),window.addEventListener("load",this.initDOMLoadedElements))}},{key:"getElOptions",value:function(e){return Array.from(e.attributes).reduce(function(e,t){var n=t.name.match(/data-simplebar-(.+)/);if(n){var i=n[1].replace(/\W+(.)/g,function(e,t){return t.toUpperCase()});switch(t.value){case"true":e[i]=!0;break;case"false":e[i]=!1;break;case void 0:e[i]=!0;break;default:e[i]=t.value}}return e},{})}},{key:"removeObserver",value:function(){this.globalObserver.disconnect()}},{key:"initDOMLoadedElements",value:function(){document.removeEventListener("DOMContentLoaded",this.initDOMLoadedElements),window.removeEventListener("load",this.initDOMLoadedElements),Array.from(document.querySelectorAll("[data-simplebar]")).forEach(function(t){t.SimpleBar||new e(t,e.getElOptions(t))})}},{key:"getOffset",value:function(e){var t=e.getBoundingClientRect();return{top:t.top+(window.pageYOffset||document.documentElement.scrollTop),left:t.left+(window.pageXOffset||document.documentElement.scrollLeft)}}}]),e}();k.defaultOptions={autoHide:!0,forceVisible:!1,classNames:{content:"simplebar-content",offset:"simplebar-offset",mask:"simplebar-mask",wrapper:"simplebar-wrapper",placeholder:"simplebar-placeholder",scrollbar:"simplebar-scrollbar",track:"simplebar-track",heightAutoObserverWrapperEl:"simplebar-height-auto-observer-wrapper",heightAutoObserverEl:"simplebar-height-auto-observer",visible:"simplebar-visible",horizontal:"simplebar-horizontal",vertical:"simplebar-vertical",hover:"simplebar-hover"},scrollbarMinSize:25,scrollbarMaxSize:0,timeout:1e3},_.a&&k.initHtmlApi()},577:function(e,t,n){var i,r,o;/*! scrollbarWidth.js v0.1.3 | felixexter | MIT | https://github.com/felixexter/scrollbarWidth */ -!function(n,a){r=[],i=a,void 0!==(o="function"==typeof i?i.apply(t,r):i)&&(e.exports=o)}(0,function(){"use strict";function e(){if("undefined"==typeof document)return 0;var e,t=document.body,n=document.createElement("div"),i=n.style;return i.position="absolute",i.top=i.left="-9999px",i.width=i.height="100px",i.overflow="scroll",t.appendChild(n),e=n.offsetWidth-n.clientWidth,t.removeChild(n),e}return e})},578:function(e,t,n){(function(t){function n(e,t,n){function i(t){var n=m,i=b;return m=b=void 0,_=t,g=e.apply(i,n)}function o(e){return _=e,v=setTimeout(d,t),k?i(e):g}function a(e){var n=e-y,i=e-_,r=t-n;return S?E(r,x-i):r}function c(e){var n=e-y,i=e-_;return void 0===y||n>=t||n<0||S&&i>=x}function d(){var e=O();if(c(e))return h(e);v=setTimeout(d,a(e))}function h(e){return v=void 0,N&&m?i(e):(m=b=void 0,g)}function p(){void 0!==v&&clearTimeout(v),_=0,m=y=b=v=void 0}function u(){return void 0===v?g:h(O())}function f(){var e=O(),n=c(e);if(m=arguments,b=this,y=e,n){if(void 0===v)return o(y);if(S)return v=setTimeout(d,t),i(y)}return void 0===v&&(v=setTimeout(d,t)),g}var m,b,x,g,v,y,_=0,k=!1,S=!1,N=!0;if("function"!=typeof e)throw new TypeError(l);return t=s(t)||0,r(n)&&(k=!!n.leading,S="maxWait"in n,x=S?w(s(n.maxWait)||0,t):x,N="trailing"in n?!!n.trailing:N),f.cancel=p,f.flush=u,f}function i(e,t,i){var o=!0,a=!0;if("function"!=typeof e)throw new TypeError(l);return r(i)&&(o="leading"in i?!!i.leading:o,a="trailing"in i?!!i.trailing:a),n(e,t,{leading:o,maxWait:t,trailing:a})}function r(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function o(e){return!!e&&"object"==typeof e}function a(e){return"symbol"==typeof e||o(e)&&y.call(e)==d}function s(e){if("number"==typeof e)return e;if(a(e))return c;if(r(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=r(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(h,"");var n=u.test(e);return n||f.test(e)?m(e.slice(2),n?2:8):p.test(e)?c:+e}var l="Expected a function",c=NaN,d="[object Symbol]",h=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,u=/^0b[01]+$/i,f=/^0o[0-7]+$/i,m=parseInt,b="object"==typeof t&&t&&t.Object===Object&&t,x="object"==typeof self&&self&&self.Object===Object&&self,g=b||x||Function("return this")(),v=Object.prototype,y=v.toString,w=Math.max,E=Math.min,O=function(){return g.Date.now()};e.exports=i}).call(t,n(59))},579:function(e,t,n){(function(t){function n(e,t,n){function r(t){var n=m,i=b;return m=b=void 0,_=t,g=e.apply(i,n)}function o(e){return _=e,v=setTimeout(d,t),k?r(e):g}function l(e){var n=e-O,i=e-_,r=t-n;return S?w(r,x-i):r}function c(e){var n=e-O,i=e-_;return void 0===O||n>=t||n<0||S&&i>=x}function d(){var e=E();if(c(e))return h(e);v=setTimeout(d,l(e))}function h(e){return v=void 0,N&&m?r(e):(m=b=void 0,g)}function p(){void 0!==v&&clearTimeout(v),_=0,m=O=b=v=void 0}function u(){return void 0===v?g:h(E())}function f(){var e=E(),n=c(e);if(m=arguments,b=this,O=e,n){if(void 0===v)return o(O);if(S)return v=setTimeout(d,t),r(O)}return void 0===v&&(v=setTimeout(d,t)),g}var m,b,x,g,v,O,_=0,k=!1,S=!1,N=!0;if("function"!=typeof e)throw new TypeError(s);return t=a(t)||0,i(n)&&(k=!!n.leading,S="maxWait"in n,x=S?y(a(n.maxWait)||0,t):x,N="trailing"in n?!!n.trailing:N),f.cancel=p,f.flush=u,f}function i(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==typeof e}function o(e){return"symbol"==typeof e||r(e)&&v.call(e)==c}function a(e){if("number"==typeof e)return e;if(o(e))return l;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var n=p.test(e);return n||u.test(e)?f(e.slice(2),n?2:8):h.test(e)?l:+e}var s="Expected a function",l=NaN,c="[object Symbol]",d=/^\s+|\s+$/g,h=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,u=/^0o[0-7]+$/i,f=parseInt,m="object"==typeof t&&t&&t.Object===Object&&t,b="object"==typeof self&&self&&self.Object===Object&&self,x=m||b||Function("return this")(),g=Object.prototype,v=g.toString,y=Math.max,w=Math.min,E=function(){return x.Date.now()};e.exports=n}).call(t,n(59))},580:function(e,t,n){(function(t){function n(e,t){return null==e?void 0:e[t]}function i(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}function r(e){var t=-1,n=e?e.length:0;for(this.clear();++t-1}function m(e,t){var n=this.__data__,i=E(n,e);return i<0?n.push([e,t]):n[i][1]=t,this}function b(e){var t=-1,n=e?e.length:0;for(this.clear();++t0},e.prototype.connect_=function(){u&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),v?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){u&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(e){var t=e.propertyName,n=void 0===t?"":t;g.some(function(e){return!!~n.indexOf(e)})&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),w=function(e,t){for(var n=0,i=Object.keys(t);n0},e}(),A="undefined"!=typeof WeakMap?new WeakMap:new p,L=function(){function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=y.getInstance(),i=new N(t,n,this);A.set(this,i)}return e}();["observe","unobserve","disconnect"].forEach(function(e){L.prototype[e]=function(){var t;return(t=A.get(this))[e].apply(t,arguments)}});var R=function(){return void 0!==f.ResizeObserver?f.ResizeObserver:L}();t.a=R}).call(t,n(59))},582:function(e,t){var n=!("undefined"==typeof window||!window.document||!window.document.createElement);e.exports=n},583:function(e,t,n){var i=n(584);"string"==typeof i&&(i=[[e.i,i,""]]);var r={hmr:!0};r.transform=void 0;n(586)(i,r);i.locals&&(e.exports=i.locals)},584:function(e,t,n){t=e.exports=n(585)(!1),t.push([e.i,'[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper,[data-simplebar]{width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-wrapper{overflow:hidden}.simplebar-mask{direction:inherit;overflow:hidden;width:auto!important;height:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{position:absolute;padding:0;margin:0;left:0;top:0;bottom:0;right:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;-webkit-overflow-scrolling:touch}.simplebar-content{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;visibility:visible;overflow:scroll;max-width:100%;max-height:100%}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none}.simplebar-scrollbar{position:absolute;right:2px;width:7px;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:0;right:0;opacity:0;transition:opacity .2s linear}.simplebar-track .simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}',""])},585:function(e,t){function n(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=i(r);return[n].concat(r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"})).concat([o]).join("\n")}return[n].join("\n")}function i(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var i=n(t,e);return t[2]?"@media "+t[2]+"{"+i+"}":i}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var i={},r=0;r=0&&v.splice(t,1)}function s(e){var t=document.createElement("style");return e.attrs.type="text/css",c(t,e.attrs),o(e,t),t}function l(e){var t=document.createElement("link");return e.attrs.type="text/css",e.attrs.rel="stylesheet",c(t,e.attrs),o(e,t),t}function c(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function d(e,t){var n,i,r,o;if(t.transform&&e.css){if(!(o=t.transform(e.css)))return function(){};e.css=o}if(t.singleton){var c=g++;n=x||(x=s(t)),i=h.bind(null,n,c,!1),r=h.bind(null,n,c,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=l(t),i=u.bind(null,n,t),r=function(){a(n),n.href&&URL.revokeObjectURL(n.href)}):(n=s(t),i=p.bind(null,n),r=function(){a(n)});return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else r()}}function h(e,t,n,i){var r=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=w(t,r);else{var o=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function p(e,t){var n=t.css,i=t.media;if(i&&e.setAttribute("media",i),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function u(e,t,n){var i=n.css,r=n.sourceMap,o=void 0===t.convertToAbsoluteUrls&&r;(t.convertToAbsoluteUrls||o)&&(i=y(i)),r&&(i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var a=new Blob([i],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}var f={},m=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),b=function(e){var t={};return function(n){if(void 0===t[n]){var i=e.call(this,n);if(i instanceof window.HTMLIFrameElement)try{i=i.contentDocument.head}catch(e){i=null}t[n]=i}return t[n]}}(function(e){return document.querySelector(e)}),x=null,g=0,v=[],y=n(587);e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");t=t||{},t.attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=m()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=r(e,t);return i(n,t),function(e){for(var o=[],a=0;a=0||(r[n]=e[n]);return r}function a(e,t){if(null==e)return{};var n,i,a=r(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function o(e){var t=e.children,n=a(e,["children"]);return l.a.createElement("div",i({"data-simplebar":!0},n),l.a.createElement("div",{className:"simplebar-wrapper"},l.a.createElement("div",{className:"simplebar-height-auto-observer-wrapper"},l.a.createElement("div",{className:"simplebar-height-auto-observer"})),l.a.createElement("div",{className:"simplebar-mask"},l.a.createElement("div",{className:"simplebar-offset"},l.a.createElement("div",{className:"simplebar-content"},t))),l.a.createElement("div",{className:"simplebar-placeholder"})),l.a.createElement("div",{className:"simplebar-track simplebar-horizontal"},l.a.createElement("div",{className:"simplebar-scrollbar"})),l.a.createElement("div",{className:"simplebar-track simplebar-vertical"},l.a.createElement("div",{className:"simplebar-scrollbar"})))}Object.defineProperty(t,"__esModule",{value:!0});var s=n(5),l=n.n(s),c=n(11),h=n.n(c);n(576);o.propTypes={children:h.a.node},t.default=o},576:function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){for(var n=0;nMath.ceil(this.axis.x.track.rect.width),this.axis.y.isOverflowing=(this.scrollbarWidth?this.contentEl.scrollHeight:this.contentEl.scrollHeight-this.minScrollbarWidth)>Math.ceil(this.axis.y.track.rect.height),this.axis.x.isOverflowing="hidden"!==this.elStyles.overflowX&&this.axis.x.isOverflowing,this.axis.y.isOverflowing="hidden"!==this.elStyles.overflowY&&this.axis.y.isOverflowing,this.axis.x.forceVisible="x"===this.options.forceVisible||!0===this.options.forceVisible,this.axis.y.forceVisible="y"===this.options.forceVisible||!0===this.options.forceVisible,this.axis.x.scrollbar.size=this.getScrollbarSize("x"),this.axis.y.scrollbar.size=this.getScrollbarSize("y"),this.axis.x.scrollbar.el.style.width="".concat(this.axis.x.scrollbar.size,"px"),this.axis.y.scrollbar.el.style.height="".concat(this.axis.y.scrollbar.size,"px"),this.positionScrollbar("x"),this.positionScrollbar("y"),this.toggleTrackVisibility("x"),this.toggleTrackVisibility("y"),this.hideNativeScrollbar()}},{key:"getScrollbarSize",value:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"y",n=this.scrollbarWidth?this.contentEl[this.axis[t].scrollSizeAttr]:this.contentEl[this.axis[t].scrollSizeAttr]-this.minScrollbarWidth,i=this.axis[t].track.rect[this.axis[t].sizeAttr];if(this.axis[t].isOverflowing){var r=i/n;return e=Math.max(~~(r*i),this.options.scrollbarMinSize),this.options.scrollbarMaxSize&&(e=Math.min(e,this.options.scrollbarMaxSize)),e}}},{key:"positionScrollbar",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"y",n=this.contentEl[this.axis[t].scrollSizeAttr],i=this.axis[t].track.rect[this.axis[t].sizeAttr],r=parseInt(this.elStyles[this.axis[t].sizeAttr],10),a=this.axis[t].scrollbar,o=this.contentEl[this.axis[t].scrollOffsetAttr];o="x"===t&&this.isRtl&&e.getRtlHelpers().isRtlScrollingInverted?-o:o;var s=o/(n-r),l=~~((i-a.size)*s);l="x"===t&&this.isRtl&&e.getRtlHelpers().isRtlScrollbarInverted?l+(i-a.size):l,a.el.style.transform="x"===t?"translate3d(".concat(l,"px, 0, 0)"):"translate3d(0, ".concat(l,"px, 0)")}},{key:"toggleTrackVisibility",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"y",t=this.axis[e].track.el,n=this.axis[e].scrollbar.el;this.axis[e].isOverflowing||this.axis[e].forceVisible?(t.style.visibility="visible",this.contentEl.style[this.axis[e].overflowAttr]="scroll"):(t.style.visibility="hidden",this.contentEl.style[this.axis[e].overflowAttr]="hidden"),this.axis[e].isOverflowing?n.style.visibility="visible":n.style.visibility="hidden"}},{key:"hideNativeScrollbar",value:function(){if(this.offsetEl.style[this.isRtl?"left":"right"]=this.axis.y.isOverflowing||this.axis.y.forceVisible?"-".concat(this.scrollbarWidth||this.minScrollbarWidth,"px"):0,this.offsetEl.style.bottom=this.axis.x.isOverflowing||this.axis.x.forceVisible?"-".concat(this.scrollbarWidth||this.minScrollbarWidth,"px"):0,!this.scrollbarWidth){var e=[this.isRtl?"paddingLeft":"paddingRight"];this.contentEl.style[e]=this.axis.y.isOverflowing||this.axis.y.forceVisible?"calc(".concat(this.elStyles[e]," + ").concat(this.minScrollbarWidth,"px)"):this.elStyles[e],this.contentEl.style.paddingBottom=this.axis.x.isOverflowing||this.axis.x.forceVisible?"calc(".concat(this.elStyles.paddingBottom," + ").concat(this.minScrollbarWidth,"px)"):this.elStyles.paddingBottom}}},{key:"onMouseMoveForAxis",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"y";this.axis[e].track.rect=this.axis[e].track.el.getBoundingClientRect(),this.axis[e].scrollbar.rect=this.axis[e].scrollbar.el.getBoundingClientRect(),this.isWithinBounds(this.axis[e].scrollbar.rect)?this.axis[e].scrollbar.el.classList.add(this.classNames.hover):this.axis[e].scrollbar.el.classList.remove(this.classNames.hover),this.isWithinBounds(this.axis[e].track.rect)?(this.showScrollbar(e),this.axis[e].track.el.classList.add(this.classNames.hover)):this.axis[e].track.el.classList.remove(this.classNames.hover)}},{key:"onMouseLeaveForAxis",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"y";this.axis[e].track.el.classList.remove(this.classNames.hover),this.axis[e].scrollbar.el.classList.remove(this.classNames.hover)}},{key:"showScrollbar",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"y",t=this.axis[e].scrollbar.el;this.axis[e].isVisible||(t.classList.add(this.classNames.visible),this.axis[e].isVisible=!0),this.options.autoHide&&this.hideScrollbars()}},{key:"onDragStart",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"y",n=this.axis[t].scrollbar.el,i="y"===t?e.pageY:e.pageX;this.axis[t].dragOffset=i-n.getBoundingClientRect()[this.axis[t].offsetAttr],this.draggedAxis=t,document.addEventListener("mousemove",this.drag),document.addEventListener("mouseup",this.onEndDrag)}},{key:"getScrollElement",value:function(){return this.contentEl}},{key:"removeListeners",value:function(){this.options.autoHide&&this.el.removeEventListener("mouseenter",this.onMouseEnter),this.contentEl.removeEventListener("scroll",this.onScroll),window.removeEventListener("resize",this.onWindowResize),this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeObserver.disconnect()}},{key:"unMount",value:function(){this.removeListeners(),this.el.SimpleBar=null}},{key:"isChildNode",value:function(e){return null!==e&&(e===this.el||this.isChildNode(e.parentNode))}},{key:"isWithinBounds",value:function(e){return this.mouseX>=e.left&&this.mouseX<=e.left+e.width&&this.mouseY>=e.top&&this.mouseY<=e.top+e.height}}],[{key:"getRtlHelpers",value:function(){var t=document.createElement("div");t.innerHTML='
';var n=t.firstElementChild;document.body.appendChild(n);var i=n.firstElementChild;n.scrollLeft=0;var r=e.getOffset(n),a=e.getOffset(i);n.scrollLeft=999;var o=e.getOffset(i);return{isRtlScrollingInverted:r.left!==a.left&&a.left-o.left!=0,isRtlScrollbarInverted:r.left!==a.left}}},{key:"initHtmlApi",value:function(){this.initDOMLoadedElements=this.initDOMLoadedElements.bind(this),"undefined"!=typeof MutationObserver&&(this.globalObserver=new MutationObserver(function(t){t.forEach(function(t){Array.from(t.addedNodes).forEach(function(t){1===t.nodeType&&(t.hasAttribute("data-simplebar")?!t.SimpleBar&&new e(t,e.getElOptions(t)):Array.from(t.querySelectorAll("[data-simplebar]")).forEach(function(t){!t.SimpleBar&&new e(t,e.getElOptions(t))}))}),Array.from(t.removedNodes).forEach(function(e){1===e.nodeType&&(e.hasAttribute("data-simplebar")?e.SimpleBar&&e.SimpleBar.unMount():Array.from(e.querySelectorAll("[data-simplebar]")).forEach(function(e){e.SimpleBar&&e.SimpleBar.unMount()}))})})}),this.globalObserver.observe(document,{childList:!0,subtree:!0})),"complete"===document.readyState||"loading"!==document.readyState&&!document.documentElement.doScroll?window.setTimeout(this.initDOMLoadedElements):(document.addEventListener("DOMContentLoaded",this.initDOMLoadedElements),window.addEventListener("load",this.initDOMLoadedElements))}},{key:"getElOptions",value:function(e){return Array.from(e.attributes).reduce(function(e,t){var n=t.name.match(/data-simplebar-(.+)/);if(n){var i=n[1].replace(/\W+(.)/g,function(e,t){return t.toUpperCase()});switch(t.value){case"true":e[i]=!0;break;case"false":e[i]=!1;break;case void 0:e[i]=!0;break;default:e[i]=t.value}}return e},{})}},{key:"removeObserver",value:function(){this.globalObserver.disconnect()}},{key:"initDOMLoadedElements",value:function(){document.removeEventListener("DOMContentLoaded",this.initDOMLoadedElements),window.removeEventListener("load",this.initDOMLoadedElements),Array.from(document.querySelectorAll("[data-simplebar]")).forEach(function(t){t.SimpleBar||new e(t,e.getElOptions(t))})}},{key:"getOffset",value:function(e){var t=e.getBoundingClientRect();return{top:t.top+(window.pageYOffset||document.documentElement.scrollTop),left:t.left+(window.pageXOffset||document.documentElement.scrollLeft)}}}]),e}();z.defaultOptions={autoHide:!0,forceVisible:!1,classNames:{content:"simplebar-content",offset:"simplebar-offset",mask:"simplebar-mask",wrapper:"simplebar-wrapper",placeholder:"simplebar-placeholder",scrollbar:"simplebar-scrollbar",track:"simplebar-track",heightAutoObserverWrapperEl:"simplebar-height-auto-observer-wrapper",heightAutoObserverEl:"simplebar-height-auto-observer",visible:"simplebar-visible",horizontal:"simplebar-horizontal",vertical:"simplebar-vertical",hover:"simplebar-hover"},scrollbarMinSize:25,scrollbarMaxSize:0,timeout:1e3},_.a&&z.initHtmlApi()},577:function(e,t,n){var i,r,a;/*! scrollbarWidth.js v0.1.3 | felixexter | MIT | https://github.com/felixexter/scrollbarWidth */ +!function(n,o){r=[],i=o,void 0!==(a="function"==typeof i?i.apply(t,r):i)&&(e.exports=a)}(0,function(){"use strict";function e(){if("undefined"==typeof document)return 0;var e,t=document.body,n=document.createElement("div"),i=n.style;return i.position="absolute",i.top=i.left="-9999px",i.width=i.height="100px",i.overflow="scroll",t.appendChild(n),e=n.offsetWidth-n.clientWidth,t.removeChild(n),e}return e})},578:function(e,t,n){(function(t){function n(e,t,n){function i(t){var n=m,i=v;return m=v=void 0,_=t,b=e.apply(i,n)}function a(e){return _=e,g=setTimeout(h,t),z?i(e):b}function o(e){var n=e-y,i=e-_,r=t-n;return C?w(r,x-i):r}function c(e){var n=e-y,i=e-_;return void 0===y||n>=t||n<0||C&&i>=x}function h(){var e=O();if(c(e))return d(e);g=setTimeout(h,o(e))}function d(e){return g=void 0,k&&m?i(e):(m=v=void 0,b)}function p(){void 0!==g&&clearTimeout(g),_=0,m=y=v=g=void 0}function u(){return void 0===g?b:d(O())}function f(){var e=O(),n=c(e);if(m=arguments,v=this,y=e,n){if(void 0===g)return a(y);if(C)return g=setTimeout(h,t),i(y)}return void 0===g&&(g=setTimeout(h,t)),b}var m,v,x,b,g,y,_=0,z=!1,C=!1,k=!0;if("function"!=typeof e)throw new TypeError(l);return t=s(t)||0,r(n)&&(z=!!n.leading,C="maxWait"in n,x=C?E(s(n.maxWait)||0,t):x,k="trailing"in n?!!n.trailing:k),f.cancel=p,f.flush=u,f}function i(e,t,i){var a=!0,o=!0;if("function"!=typeof e)throw new TypeError(l);return r(i)&&(a="leading"in i?!!i.leading:a,o="trailing"in i?!!i.trailing:o),n(e,t,{leading:a,maxWait:t,trailing:o})}function r(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function a(e){return!!e&&"object"==typeof e}function o(e){return"symbol"==typeof e||a(e)&&y.call(e)==h}function s(e){if("number"==typeof e)return e;if(o(e))return c;if(r(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=r(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var n=u.test(e);return n||f.test(e)?m(e.slice(2),n?2:8):p.test(e)?c:+e}var l="Expected a function",c=NaN,h="[object Symbol]",d=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,u=/^0b[01]+$/i,f=/^0o[0-7]+$/i,m=parseInt,v="object"==typeof t&&t&&t.Object===Object&&t,x="object"==typeof self&&self&&self.Object===Object&&self,b=v||x||Function("return this")(),g=Object.prototype,y=g.toString,E=Math.max,w=Math.min,O=function(){return b.Date.now()};e.exports=i}).call(t,n(59))},579:function(e,t,n){(function(t){function n(e,t,n){function r(t){var n=m,i=v;return m=v=void 0,_=t,b=e.apply(i,n)}function a(e){return _=e,g=setTimeout(h,t),z?r(e):b}function l(e){var n=e-O,i=e-_,r=t-n;return C?E(r,x-i):r}function c(e){var n=e-O,i=e-_;return void 0===O||n>=t||n<0||C&&i>=x}function h(){var e=w();if(c(e))return d(e);g=setTimeout(h,l(e))}function d(e){return g=void 0,k&&m?r(e):(m=v=void 0,b)}function p(){void 0!==g&&clearTimeout(g),_=0,m=O=v=g=void 0}function u(){return void 0===g?b:d(w())}function f(){var e=w(),n=c(e);if(m=arguments,v=this,O=e,n){if(void 0===g)return a(O);if(C)return g=setTimeout(h,t),r(O)}return void 0===g&&(g=setTimeout(h,t)),b}var m,v,x,b,g,O,_=0,z=!1,C=!1,k=!0;if("function"!=typeof e)throw new TypeError(s);return t=o(t)||0,i(n)&&(z=!!n.leading,C="maxWait"in n,x=C?y(o(n.maxWait)||0,t):x,k="trailing"in n?!!n.trailing:k),f.cancel=p,f.flush=u,f}function i(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==typeof e}function a(e){return"symbol"==typeof e||r(e)&&g.call(e)==c}function o(e){if("number"==typeof e)return e;if(a(e))return l;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(h,"");var n=p.test(e);return n||u.test(e)?f(e.slice(2),n?2:8):d.test(e)?l:+e}var s="Expected a function",l=NaN,c="[object Symbol]",h=/^\s+|\s+$/g,d=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,u=/^0o[0-7]+$/i,f=parseInt,m="object"==typeof t&&t&&t.Object===Object&&t,v="object"==typeof self&&self&&self.Object===Object&&self,x=m||v||Function("return this")(),b=Object.prototype,g=b.toString,y=Math.max,E=Math.min,w=function(){return x.Date.now()};e.exports=n}).call(t,n(59))},580:function(e,t,n){(function(t){function n(e,t){return null==e?void 0:e[t]}function i(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}function r(e){var t=-1,n=e?e.length:0;for(this.clear();++t-1}function m(e,t){var n=this.__data__,i=w(n,e);return i<0?n.push([e,t]):n[i][1]=t,this}function v(e){var t=-1,n=e?e.length:0;for(this.clear();++t0},e.prototype.connect_=function(){u&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),g?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){u&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(e){var t=e.propertyName,n=void 0===t?"":t;b.some(function(e){return!!~n.indexOf(e)})&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),E=function(e,t){for(var n=0,i=Object.keys(t);n0},e}(),M="undefined"!=typeof WeakMap?new WeakMap:new p,S=function(){function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=y.getInstance(),i=new k(t,n,this);M.set(this,i)}return e}();["observe","unobserve","disconnect"].forEach(function(e){S.prototype[e]=function(){var t;return(t=M.get(this))[e].apply(t,arguments)}});var N=function(){return void 0!==f.ResizeObserver?f.ResizeObserver:S}();t.a=N}).call(t,n(59))},582:function(e,t){var n=!("undefined"==typeof window||!window.document||!window.document.createElement);e.exports=n},583:function(e,t,n){var i=n(584);"string"==typeof i&&(i=[[e.i,i,""]]);var r={hmr:!0};r.transform=void 0;n(586)(i,r);i.locals&&(e.exports=i.locals)},584:function(e,t,n){t=e.exports=n(585)(!1),t.push([e.i,'[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper,[data-simplebar]{width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-wrapper{overflow:hidden}.simplebar-mask{direction:inherit;overflow:hidden;width:auto!important;height:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{position:absolute;padding:0;margin:0;left:0;top:0;bottom:0;right:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;-webkit-overflow-scrolling:touch}.simplebar-content{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;visibility:visible;overflow:scroll;max-width:100%;max-height:100%}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none}.simplebar-scrollbar{position:absolute;right:2px;width:7px;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:0;right:0;opacity:0;transition:opacity .2s linear}.simplebar-track .simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}',""])},585:function(e,t){function n(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var a=i(r);return[n].concat(r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"})).concat([a]).join("\n")}return[n].join("\n")}function i(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var i=n(t,e);return t[2]?"@media "+t[2]+"{"+i+"}":i}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var i={},r=0;r=0&&g.splice(t,1)}function s(e){var t=document.createElement("style");return e.attrs.type="text/css",c(t,e.attrs),a(e,t),t}function l(e){var t=document.createElement("link");return e.attrs.type="text/css",e.attrs.rel="stylesheet",c(t,e.attrs),a(e,t),t}function c(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function h(e,t){var n,i,r,a;if(t.transform&&e.css){if(!(a=t.transform(e.css)))return function(){};e.css=a}if(t.singleton){var c=b++;n=x||(x=s(t)),i=d.bind(null,n,c,!1),r=d.bind(null,n,c,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=l(t),i=u.bind(null,n,t),r=function(){o(n),n.href&&URL.revokeObjectURL(n.href)}):(n=s(t),i=p.bind(null,n),r=function(){o(n)});return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else r()}}function d(e,t,n,i){var r=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=E(t,r);else{var a=document.createTextNode(r),o=e.childNodes;o[t]&&e.removeChild(o[t]),o.length?e.insertBefore(a,o[t]):e.appendChild(a)}}function p(e,t){var n=t.css,i=t.media;if(i&&e.setAttribute("media",i),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function u(e,t,n){var i=n.css,r=n.sourceMap,a=void 0===t.convertToAbsoluteUrls&&r;(t.convertToAbsoluteUrls||a)&&(i=y(i)),r&&(i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var o=new Blob([i],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(o),s&&URL.revokeObjectURL(s)}var f={},m=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}}(function(){return window&&document&&document.all&&!window.atob}),v=function(e){var t={};return function(n){if(void 0===t[n]){var i=e.call(this,n);if(i instanceof window.HTMLIFrameElement)try{i=i.contentDocument.head}catch(e){i=null}t[n]=i}return t[n]}}(function(e){return document.querySelector(e)}),x=null,b=0,g=[],y=n(587);e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");t=t||{},t.attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=m()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=r(e,t);return i(n,t),function(e){for(var a=[],o=0;o<\/script>')),d.default.createElement("p",null,"To use an icon, add the ",d.default.createElement("code",{className:"side"},"box-icon")," element to the location where the icon should be displayed:"),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},'')),d.default.createElement("p",null," To use solid icons or logos add attribute ",d.default.createElement("code",{className:"side"},"type")," as solid or logo "),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},'',d.default.createElement("br",null),'')),d.default.createElement("p",null,"The ",d.default.createElement("code",{className:"side"},"box-icon")," custom element supports the following attributes:"),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},""))),d.default.createElement("h3",{id:"usage-as-font"},"Usage as a Font"),d.default.createElement("h4",{id:"import-css"},"Import the CSS"),d.default.createElement("div",null,d.default.createElement("p",null,"Copy-paste the stylesheet ",d.default.createElement("code",{className:"side"},"link")," into your ",d.default.createElement("code",{className:"side"},"head")," to load our CSS")," ",d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},"",d.default.createElement("br",null),"\x3c!-- or --\x3e"," ",d.default.createElement("br",null),"")),d.default.createElement("p",null,"This will load boxicons font into your webpage")),d.default.createElement("h4",{id:"html"},"HTML"),d.default.createElement("div",null,d.default.createElement("p",null," To use an icon on your page, add a prefix",d.default.createElement("code",{className:"side"},"bx-")," for regular icons, ",d.default.createElement("code",{className:"side"},"bxs-")," for solid icons & ",d.default.createElement("code",{className:"side"},"bxl-")," for logos followed by the icon name and seperate class with the",d.default.createElement("code",{className:"side"},"bx"),":")," ",d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},"",d.default.createElement("br",null),"",d.default.createElement("br",null),"")),"You can see the names of all the icons ",d.default.createElement(u.Link,{to:"/cheatsheet"},"here")),d.default.createElement("h3",{id:"starter-template"},"Starter Templates"),d.default.createElement("div",null,d.default.createElement("p",null," Create an HTML document and copy-paste the starter template")," ",d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},""," ",d.default.createElement("br",null),"",d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"}," ",""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"}," ","\x3c!-- Boxicons CSS --\x3e"),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},"Hello, Boxicons!"),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"}," ","

Hello, Boxicons!

"),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"}," "),d.default.createElement("br",null),"")),d.default.createElement("p",null,"A template for usage with the web component instead of icon font")," ",d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},""," ",d.default.createElement("br",null),"",d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"}," ",""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"}," ","\x3c!-- Boxicons JS --\x3e"),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},"Hello, Boxicons!"),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"}," ","

Hello, Boxicons!

"),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"}," "),d.default.createElement("br",null),""))),d.default.createElement("h3",{id:"styling"},"Styling"),d.default.createElement("h4",{id:"sizing"},"Sizing"),d.default.createElement("div",null,d.default.createElement("p",null," You can change size of the icon with",d.default.createElement("code",{className:"side"},"font-size")," CSS. It will inherit the ",d.default.createElement("code",{className:"side"},"font-size"),"from the parent by default. There are fixed sizes you can add to the icon by adding classes",d.default.createElement("code",{className:"side"},"bx-xs"),", ",d.default.createElement("code",{className:"side"},"bx-sm"),", ",d.default.createElement("code",{className:"side"},"bx-md")," and ",d.default.createElement("code",{className:"side"},"bx-lg"))," ",d.default.createElement(k,null,d.default.createElement("i",{className:"bx bxs-smiley-happy bx-xs "}),d.default.createElement("i",{className:"bx bxs-smiley-happy bx-sm"}),d.default.createElement("i",{className:"bx bxs-smiley-happy bx-md"}),d.default.createElement("i",{className:"bx bxs-smiley-happy bx-lg"})),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},"","",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),d.default.createElement("br",null),"\x3c!-- Boxicons web component --\x3e",d.default.createElement("br",null),d.default.createElement("br",null),"",d.default.createElement("br",null))),d.default.createElement("br",null)),d.default.createElement("h4",{id:"rotation-flipping"},"Rotation & Flipping"),d.default.createElement("div",null,d.default.createElement("p",null," Rotate the icons using classes ",d.default.createElement("code",{className:"side"},"bx-rotate-90"),", ",d.default.createElement("code",{className:"side"},"bx-rotate-180")," and ",d.default.createElement("code",{className:"side"},"bx-rotate-270")," or Flip the icons using ",d.default.createElement("code",{className:"side"},"bx-flip-horizontal")," and ",d.default.createElement("code",{className:"side"},"bx-flip-vertical")),d.default.createElement(k,null,d.default.createElement("i",{className:"bx bxs-like bx-rotate-90 bx-md"}),d.default.createElement("i",{className:"bx bxs-like bx-rotate-180 bx-md"}),d.default.createElement("i",{className:"bx bxs-like bx-rotate-270 bx-md"}),d.default.createElement("i",{className:"bx bxs-like bx-flip-horizontal bx-md"}),d.default.createElement("i",{className:"bx bxs-like bx-flip-vertical bx-md"})),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},"","",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),d.default.createElement("br",null),"\x3c!-- Boxicons web component --\x3e",d.default.createElement("br",null),d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null))),d.default.createElement("br",null)),d.default.createElement("h4",{id:"list-icons"},"List Icons"),d.default.createElement("div",null,d.default.createElement("p",null," Use icons as bullets for the list by adding class ",d.default.createElement("code",{className:"side"},"bx-ul")," to the unordered list element and include the icons inside the",d.default.createElement("code",{className:"side"},"li")," ")," ",d.default.createElement(k,null,d.default.createElement("ul",{className:"bx-ul"},d.default.createElement("li",null," ",d.default.createElement("i",{className:"bx bx-right-arrow"}),"List item 1"),d.default.createElement("li",null," ",d.default.createElement("i",{className:"bx bx-x"}),"List item 2"),d.default.createElement("li",null," ",d.default.createElement("i",{className:"bx bx-plus"}),"List item 3"))),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},"
    ",d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},"
  • List Item 1
    • "),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},"
  • List Item 2
    • "),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},"
  • List Item 3
    • "),d.default.createElement("br",null),"
")),d.default.createElement("br",null)),d.default.createElement("h4",{id:"fixed-width"},"Fixed Width"),d.default.createElement("div",null,d.default.createElement("p",null," You can use fixed width class ",d.default.createElement("code",{className:"side"},"bx-fw")," \\to get a fixed width icon next to the text",d.default.createElement("code",{className:"side"},"li")," ")," ",d.default.createElement(k,null,d.default.createElement("div",null," ",d.default.createElement("i",{className:"bx-fw bx bxl-facebook-square"}),"Facebook"),d.default.createElement("div",null," ",d.default.createElement("i",{className:"bx-fw bx bxl-slack"}),"Slack"),d.default.createElement("div",null," ",d.default.createElement("i",{className:"bx-fw bx bxl-instagram"}),"Instagram")),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},'Facebook',d.default.createElement("br",null))),d.default.createElement("br",null)),d.default.createElement("h4",{id:"pull-icon"},"Pulled Icons"),d.default.createElement("div",null,d.default.createElement("p",null," Use class ",d.default.createElement("code",{className:"side"},"bx-pull-left")," or ",d.default.createElement("code",{className:"side"},"bx-pull-right")," on icons for easy pull quotes",d.default.createElement("code",{className:"side"},"li")," ")," ",d.default.createElement(k,null,d.default.createElement("i",{className:"bx-pull-left bx bxs-quote-left bx-lg"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut faucibus erat eu nibh laoreet, sed ullamcorper diam ornare. Quisque viverra ante nec luctus imperdiet. Quisque ut imperdiet nisi. Quisque ultrices laoreet odio, non vestibulum lacus molestie sollicitudin. Phasellus nec dolor eget nunc commodo sodales vel vel eros."),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},'',d.default.createElement("br",null),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut faucibus erat eu nibh laoreet, sed ullamcorper diam ornare. Quisque viverra ante nec luctus imperdiet. Quisque ut imperdiet nisi. Quisque ultrices laoreet odio, non vestibulum lacus molestie sollicitudin. Phasellus nec dolor eget nunc commodo sodales vel vel eros.",d.default.createElement("br",null),"\x3c!-- Boxicons web component --\x3e",d.default.createElement("br",null),d.default.createElement("br",null),"",d.default.createElement("br",null),"Quisque ultrices laoreet odio, non vestibulum lacus molestie sollicitudin. Phasellus nec dolor eget nunc commodo sodales vel vel eros.")),d.default.createElement("br",null)),d.default.createElement("h4",{id:"border"},"Border"),d.default.createElement("div",null,d.default.createElement("p",null," Add border to your icons with classes ",d.default.createElement("code",{className:"side"},"bx-border"),", ",d.default.createElement("code",{className:"side"},"bx-border-circle"))," ",d.default.createElement(k,null,d.default.createElement("i",{className:"bx bxs-heart bx-border bx-md"}),d.default.createElement("i",{className:"bx bxs-heart bx-border-circle bx-md"})," "),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},"",d.default.createElement("br",null),"",d.default.createElement("br",null),d.default.createElement("br",null),"\x3c!-- Boxicons web component --\x3e",d.default.createElement("br",null),d.default.createElement("br",null),"",d.default.createElement("br",null))),d.default.createElement("br",null)),d.default.createElement("h4",{id:"animation"},"Animation"),d.default.createElement("div",null,d.default.createElement("p",null," Animate your icons with pre built CSS animations using classes ",d.default.createElement("code",{className:"side"},"bx-spin"),",",d.default.createElement("code",{className:"side"},"bx-tada"),",",d.default.createElement("code",{className:"side"},"bx-flashing"),",",d.default.createElement("code",{className:"side"},"bx-burst"),",",d.default.createElement("code",{className:"side"},"bx-fade-left")," and ",d.default.createElement("code",{className:"side"},"bx-fade-right")),d.default.createElement("p",null,"You can change the speed of the animation with the ",d.default.createElement("code",{className:"side"},"animation-duration")," property & to change the number of times the animation takes place with the property ",d.default.createElement("code",{className:"side"},"animation-iteration-count")," in CSS"),d.default.createElement(k,null,d.default.createElement("i",{className:"bx bx-loader bx-spin bx-md"}),d.default.createElement("i",{className:"bx bxs-bell bx-tada bx-md"}),d.default.createElement("i",{className:"bx bxs-error bx-flashing bx-md"}),d.default.createElement("i",{className:"bx bx-radio-circle bx-burst bx-md"}),d.default.createElement("i",{className:"bx bx-fade-left bxs-left-arrow-circle bx-md"}),d.default.createElement("i",{className:"bx bx-fade-right bxs-right-arrow-circle bx-md"}),d.default.createElement("i",{className:"bx bx-fade-up bxs-up-arrow-circle bx-md"}),d.default.createElement("i",{className:"bx bx-fade-down bxs-down-arrow-circle bx-md"})),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},"","",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),d.default.createElement("br",null),"\x3c!-- Boxicons web component --\x3e",d.default.createElement("br",null),d.default.createElement("br",null),"",d.default.createElement("br",null)))),d.default.createElement("br",null),d.default.createElement("h4",{id:"animation-hover"},"Animation on Hover"),d.default.createElement("div",null,d.default.createElement("p",null," Animate your icons on hover with pre built CSS animations using classes ",d.default.createElement("code",{className:"side"},"bx-spin-hover"),",",d.default.createElement("code",{className:"side"},"bx-tada-hover"),",",d.default.createElement("code",{className:"side"},"bx-flashing-hover"),",",d.default.createElement("code",{className:"side"},"bx-burst-hover"),",",d.default.createElement("code",{className:"side"},"bx-fade-left-hover")," and ",d.default.createElement("code",{className:"side"},"bx-fade-right-hover"))," ",d.default.createElement("p",null,"You can change the speed of the animation with the ",d.default.createElement("code",{className:"side"},"animation-duration")," property & to change the number of times the animation takes place with the property ",d.default.createElement("code",{className:"side"},"animation-iteration-count")," in CSS"),d.default.createElement(k,null,d.default.createElement("i",{className:"bx bx-loader bx-spin-hover bx-md"}),d.default.createElement("i",{className:"bx bxs-bell bx-tada-hover bx-md"}),d.default.createElement("i",{className:"bx bxs-error bx-flashing-hover bx-md"}),d.default.createElement("i",{className:"bx bx-radio-circle bx-burst-hover bx-md"}),d.default.createElement("i",{className:"bx bx-fade-left-hover bxs-left-arrow-circle bx-md"}),d.default.createElement("i",{className:"bx bx-fade-right-hover bxs-right-arrow-circle bx-md"}),d.default.createElement("i",{className:"bx bx-fade-up-hover bxs-up-arrow-circle bx-md"}),d.default.createElement("i",{className:"bx bx-fade-down-hover bxs-down-arrow-circle bx-md"})),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},"","",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"","",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"\x3c!-- Boxicons web component --\x3e",d.default.createElement("br",null),d.default.createElement("br",null),"",d.default.createElement("br",null)))),d.default.createElement("h3",{id:"contribution"},"Contribution"),d.default.createElement("div",null,d.default.createElement("p",null,"Want to report a bug ? Have some suggestions or ideas ? Have an icon or a feature request? Create a new issue on Github with the appropriate label ",d.default.createElement("a",{href:"https://github.com/atisawd/boxicons/issues/new",target:"_blank"},"here"))),d.default.createElement("h3",{id:"license"},"License"),d.default.createElement("div",null,"Boxicons is an open source project , you can use them in your commercial projects too.",d.default.createElement("br",null),"The icons (.svg) files are free to download and are licensed under ",d.default.createElement("a",{href:"https://creativecommons.org/licenses/by/4.0/",target:"_blank"},"CC 4.0")," . By downloading it is assumed that you agree with the terms mentioned in CC 4.0.",d.default.createElement("br",null),"The fonts files are licensed under ",d.default.createElement("a",{href:"https://opensource.org/licenses/OFL-1.1",target:"_blank"},"SIL OFL 1.1"),d.default.createElement("br",null),"Attribution is not required but is appreciated",d.default.createElement("br",null)," Other files which are not fonts or icons are licensed under the ",d.default.createElement("a",{href:"http://opensource.org/licenses/MIT",target:"_blank"},"MIT License")))))))),d.default.createElement(N.default,null))}}]),t}(o.Component);t.default=j},502:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n/g,">")}function n(e){return e.nodeName.toLowerCase()}function a(e,t){var n=e&&e.exec(t);return n&&0===n.index}function l(e){return k.test(e)}function r(e){var t,n,a,r,i=e.className+" ";if(i+=e.parentNode?e.parentNode.className:"",n=j.exec(i))return v(n[1])?n[1]:"no-highlight";for(i=i.split(/\s+/),t=0,a=i.length;t"}function s(e){d+=""}function c(e){("start"===e.event?i:s)(e.node)}for(var o=0,d="",u=[];e.length||a.length;){var m=r();if(d+=t(l.substring(o,m[0].offset)),o=m[0].offset,m===e){u.reverse().forEach(s);do{c(m.splice(0,1)[0]),m=r()}while(m===e&&m.length&&m[0].offset===o);u.reverse().forEach(i)}else"start"===m[0].event?u.push(m[0].node):u.pop(),c(m.splice(0,1)[0])}return d+t(l.substr(o))}function o(e){return e.variants&&!e.cached_variants&&(e.cached_variants=e.variants.map(function(t){return i(e,{variants:null},t)})),e.cached_variants||e.endsWithParent&&[i(e)]||[e]}function d(e){function t(e){return e&&e.source||e}function n(n,a){return new RegExp(t(n),"m"+(e.case_insensitive?"i":"")+(a?"g":""))}function a(l,r){if(!l.compiled){if(l.compiled=!0,l.keywords=l.keywords||l.beginKeywords,l.keywords){var i={},s=function(t,n){e.case_insensitive&&(n=n.toLowerCase()),n.split(" ").forEach(function(e){var n=e.split("|");i[n[0]]=[t,n[1]?Number(n[1]):1]})};"string"==typeof l.keywords?s("keyword",l.keywords):w(l.keywords).forEach(function(e){s(e,l.keywords[e])}),l.keywords=i}l.lexemesRe=n(l.lexemes||/\w+/,!0),r&&(l.beginKeywords&&(l.begin="\\b("+l.beginKeywords.split(" ").join("|")+")\\b"),l.begin||(l.begin=/\B|\b/),l.beginRe=n(l.begin),l.end||l.endsWithParent||(l.end=/\B|\b/),l.end&&(l.endRe=n(l.end)),l.terminator_end=t(l.end)||"",l.endsWithParent&&r.terminator_end&&(l.terminator_end+=(l.end?"|":"")+r.terminator_end)),l.illegal&&(l.illegalRe=n(l.illegal)),null==l.relevance&&(l.relevance=1),l.contains||(l.contains=[]),l.contains=Array.prototype.concat.apply([],l.contains.map(function(e){return o("self"===e?l:e)})),l.contains.forEach(function(e){a(e,l)}),l.starts&&a(l.starts,r);var c=l.contains.map(function(e){return e.beginKeywords?"\\.?("+e.begin+")\\.?":e.begin}).concat([l.terminator_end,l.illegal]).map(t).filter(Boolean);l.terminators=c.length?n(c.join("|"),!0):{exec:function(){return null}}}}a(e)}function u(e,n,l,r){function i(e,t){var n,l;for(n=0,l=t.contains.length;n')+t+i}function b(){var e,n,a,l;if(!y.keywords)return t(k);for(l="",n=0,y.lexemesRe.lastIndex=0,a=y.lexemesRe.exec(k);a;)l+=t(k.substring(n,a.index)),e=o(y,a),e?(j+=e[1],l+=f(e[0],t(a[0]))):l+=t(a[0]),n=y.lexemesRe.lastIndex,a=y.lexemesRe.exec(k);return l+t(k.substr(n))}function p(){var e="string"==typeof y.subLanguage;if(e&&!_[y.subLanguage])return t(k);var n=e?u(y.subLanguage,k,!0,w[y.subLanguage]):m(k,y.subLanguage.length?y.subLanguage:void 0);return y.relevance>0&&(j+=n.relevance),e&&(w[y.subLanguage]=n.top),f(n.language,n.value,!1,!0)}function x(){O+=null!=y.subLanguage?p():b(),k=""}function h(e){O+=e.className?f(e.className,"",!0):"",y=Object.create(e,{parent:{value:y}})}function E(e,t){if(k+=e,null==t)return x(),0;var n=i(t,y);if(n)return n.skip?k+=t:(n.excludeBegin&&(k+=t),x(),n.returnBegin||n.excludeBegin||(k=t)),h(n,t),n.returnBegin?0:t.length;var a=s(y,t);if(a){var l=y;l.skip?k+=t:(l.returnEnd||l.excludeEnd||(k+=t),x(),l.excludeEnd&&(k=t));do{y.className&&(O+=M),y.skip||(j+=y.relevance),y=y.parent}while(y!==a.parent);return a.starts&&h(a.starts,""),l.returnEnd?0:t.length}if(c(t,y))throw new Error('Illegal lexeme "'+t+'" for mode "'+(y.className||"")+'"');return k+=t,t.length||1}var g=v(e);if(!g)throw new Error('Unknown language: "'+e+'"');d(g);var N,y=r||g,w={},O="";for(N=y;N!==g;N=N.parent)N.className&&(O=f(N.className,"",!0)+O);var k="",j=0;try{for(var R,A,S=0;;){if(y.terminators.lastIndex=S,!(R=y.terminators.exec(n)))break;A=E(n.substring(S,R.index),R[0]),S=R.index+A}for(E(n.substr(S)),N=y;N.parent;N=N.parent)N.className&&(O+=M);return{relevance:j,value:O,language:e,top:y}}catch(e){if(e.message&&-1!==e.message.indexOf("Illegal"))return{relevance:0,value:t(n)};throw e}}function m(e,n){n=n||C.languages||w(_);var a={relevance:0,value:t(e)},l=a;return n.filter(v).forEach(function(t){var n=u(t,e,!1);n.language=t,n.relevance>l.relevance&&(l=n),n.relevance>a.relevance&&(l=a,a=n)}),l.language&&(a.second_best=l),a}function f(e){return C.tabReplace||C.useBR?e.replace(R,function(e,t){return C.useBR&&"\n"===e?"
":C.tabReplace?t.replace(/\t/g,C.tabReplace):""}):e}function b(e,t,n){var a=t?O[t]:n,l=[e.trim()];return e.match(/\bhljs\b/)||l.push("hljs"),-1===e.indexOf(a)&&l.push(a),l.join(" ").trim()}function p(e){var t,n,a,i,o,d=r(e);l(d)||(C.useBR?(t=document.createElementNS("http://www.w3.org/1999/xhtml","div"),t.innerHTML=e.innerHTML.replace(/\n/g,"").replace(//g,"\n")):t=e,o=t.textContent,a=d?u(d,o,!0):m(o),n=s(t),n.length&&(i=document.createElementNS("http://www.w3.org/1999/xhtml","div"),i.innerHTML=a.value,a.value=c(n,s(i),o)),a.value=f(a.value),e.innerHTML=a.value,e.className=b(e.className,d,a.language),e.result={language:a.language,re:a.relevance},a.second_best&&(e.second_best={language:a.second_best.language,re:a.second_best.relevance}))}function x(e){C=i(C,e)}function h(){if(!h.called){h.called=!0;var e=document.querySelectorAll("pre code");y.forEach.call(e,p)}}function E(){addEventListener("DOMContentLoaded",h,!1),addEventListener("load",h,!1)}function g(t,n){var a=_[t]=n(e);a.aliases&&a.aliases.forEach(function(e){O[e]=t})}function N(){return w(_)}function v(e){return e=(e||"").toLowerCase(),_[e]||_[O[e]]}var y=[],w=Object.keys,_={},O={},k=/^(no-?highlight|plain|text)$/i,j=/\blang(?:uage)?-([\w-]+)\b/i,R=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,M="",C={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return e.highlight=u,e.highlightAuto=m,e.fixMarkup=f,e.highlightBlock=p,e.configure=x,e.initHighlighting=h,e.initHighlightingOnLoad=E,e.registerLanguage=g,e.listLanguages=N,e.getLanguage=v,e.inherit=i,e.IDENT_RE="[a-zA-Z]\\w*",e.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",e.NUMBER_RE="\\b\\d+(\\.\\d+)?",e.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BINARY_NUMBER_RE="\\b(0b[01]+)",e.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},e.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},e.COMMENT=function(t,n,a){var l=e.inherit({className:"comment",begin:t,end:n,contains:[]},a||{});return l.contains.push(e.PHRASAL_WORDS_MODE),l.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),l},e.C_LINE_COMMENT_MODE=e.COMMENT("//","$"),e.C_BLOCK_COMMENT_MODE=e.COMMENT("/\\*","\\*/"),e.HASH_COMMENT_MODE=e.COMMENT("#","$"),e.NUMBER_MODE={className:"number",begin:e.NUMBER_RE,relevance:0},e.C_NUMBER_MODE={className:"number",begin:e.C_NUMBER_RE,relevance:0},e.BINARY_NUMBER_MODE={className:"number",begin:e.BINARY_NUMBER_RE,relevance:0},e.CSS_NUMBER_MODE={className:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},e.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[e.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[e.BACKSLASH_ESCAPE]}]},e.TITLE_MODE={className:"title",begin:e.IDENT_RE,relevance:0},e.UNDERSCORE_TITLE_MODE={className:"title",begin:e.UNDERSCORE_IDENT_RE,relevance:0},e.METHOD_GUARD={begin:"\\.\\s*"+e.UNDERSCORE_IDENT_RE,relevance:0},e})},515:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n background:#FFF;\n .page-body{\n \t padding: 0px 130px;\n \t @media screen and (max-width: ",") {padding: 0px 0px;}\n \th4 {\n\t\t\t font-size: 21px;\n\t\t\t font-weight: 400;\n\t\t\t font-family:",";\n\t\t\t margin-bottom: 0px;\n\t\t\t color: ",';\n\t\t\t margin-top: 15px;\n\t\t\t margin-bottom: 15px;\n\t\t\t &:before {\n\t\t\t display: block;\n\t\t\t height: 6rem;\n\t\t\t margin-top: -6rem;\n\t\t\t visibility: hidden;\n\t\t\t content: "";\n\t\t\t }\n\t\t\t}\n\t\t\th3 {\n\t\t\t font-size: 27px;\n\t\t\t color:',";\n\t\t\t font-family:",';\n\t\t\t margin-bottom: 0px;\n\t\t\t margin-top: 25px;\n\t\t\t margin-bottom: -10px;\n\t\t\t &:before {\n\t\t\t display: block;\n\t\t\t height: 6rem;\n\t\t\t margin-top: -6rem;\n\t\t\t visibility: hidden;\n\t\t\t content: "";\n\t\t\t }\n\t\t\t }\n\t\t\tdiv {\n\t\t\t font-size: 15px;\n\t\t\t margin-top: 15px;margin-bottom: 40px;\n\t\t\t color: ',";\n\t\t\t}\n\t\t\tpre {\n\t\t\t white-space: pre-line;\n\t\t\t margin: 0px;\n\t\t\t}\n\t\t\tmax-width: ",";\n\t\t margin: 0px auto;\n\t\t margin-top: 0;\n\t\t padding-bottom: 50px;\n\t\t @media screen and (max-width: ",") {\n\t\t\t\tdiv {\n\t\t\t font-size: 14px;\n\t\t\t }\n\t\t\t h3 {\n\t\t\t font-size: 21px;\n\t\t\t }\n\t\t }\n\t\t .page-body-in{\n\t\t \t@media screen and (max-width: ",") {\n\t\t\t\t\tmargin-top: 0px!important;\n\t\t \t}\n\t\t \tcode.hljs {\n\t\t\t\t padding: 1em;\n\t\t\t\t}\n\t\t\t\tcode.display {\n\t\t\t\t border-top-left-radius: 0px;\n\t\t\t\t border-top-right-radius: 0px;\n\t\t\t\t}\n\t\t\t\tcode.side {\n\t\t\t\t color: #c7254e;\n background: #f9f2f4;\n padding: 1px 5px!important;\n font-size: 13px;\n display: -webkit-inline-box!important;\n display: -webkit-inline-flex!important;\n display: -ms-inline-flexbox!important;\n display: inline-flex!important;\n border-radius: 3px;\n\t\t\t\t \n\t\t\t\t}\n\t\t\t\t.tab {\n\t\t\t\t\t padding-left: 15px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.tab-2 {\n\t\t\t\t\t padding-left: 30px;\n\t\t\t\t\t}\n\t\t\t\tspan.hljs-tag {\n\t\t\t\t margin-bottom: 2px;\n\t\t\t\t display: inline-block;\n\t\t\t\t}\n\t\t }\n\n }\n .page-head {\n\t\t\t p {\n\t\t\t font-size: 19px;\n\t\t\t padding: 0px 40px;\n\t\t\t color: ",";\n\t\t\t margin-top: 0px;\n\t\t\t font-weight:400;\n\t\t\t }\n\t\t\t background-color: ",";\n\t\t\t \n\t\t\t h1 {\n\t\t\t font-size: 42px;\n\t\t\t font-weight:700;\n\t\t\t font-family:",";\n\t\t\t color: ",";\n\t\t\t margin-bottom: 10px;\n\t\t\t margin-top: 0;\n\t\t\t text-align: left;\n\t\t\t padding: 0px 40px;\n\t\t\t line-height: 40px;\n\n\t\t\t }\n\t\t\t .page-head-in {\n\t\t\t\t max-width: ",";\n\t\t\t\t margin: 0 auto;\n\t\t\t\t}\n\t\t\t\t.page-head-bg{\n\t\t\t\t\t background-color:",";\n \t\t background-size:100%; \n\t\t\t padding:50px 150px;\n\t\t\t\t\tpadding-top:140px;\n\t\t\t @media screen and (max-width: ",") {\n\t\t\t\t\tbackground-size: 200%;\n\t\t\t\t\tpadding:50px 0px;\n\t\t\t\t\tpadding-top:130px;\n\t\t\t\t\th1, p {\n\t\t\t\t padding: 0px;\n\t\t\t\t }\n\t\t\t\t .page-head-in {\n\t\t\t\t\t padding: 0px 20px;\n\t\t\t\t\t}\n\t\t\t\t\th1 {\n\t\t\t\t\t font-size: 40px;\n\t\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: ",") {\n\t\t\t\t\tbackground-size: 300%;\n\t\t\t\t\th1 {\n\t\t\t\t font-size: 27px;\n\t\t\t\t line-height: 1.1;\n\t\t\t\t }\n\t\t\t\t p {\n\t\t\t\t font-size: 16px;\n\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: ",") {\n\t\t\t\t\tbackground-size: 400%;\n\t\t\t\t\t\n\t\t\t\t p {\n\t\t\t\t font-size: 15px;\n\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t} \n @media screen and (max-width: ",") {\n \t.page-cont-in {\n\t\t\t\tpadding: 0px;\n\t\t\t}\n } \n "],["\n background:#FFF;\n .page-body{\n \t padding: 0px 130px;\n \t @media screen and (max-width: ",") {padding: 0px 0px;}\n \th4 {\n\t\t\t font-size: 21px;\n\t\t\t font-weight: 400;\n\t\t\t font-family:",";\n\t\t\t margin-bottom: 0px;\n\t\t\t color: ",';\n\t\t\t margin-top: 15px;\n\t\t\t margin-bottom: 15px;\n\t\t\t &:before {\n\t\t\t display: block;\n\t\t\t height: 6rem;\n\t\t\t margin-top: -6rem;\n\t\t\t visibility: hidden;\n\t\t\t content: "";\n\t\t\t }\n\t\t\t}\n\t\t\th3 {\n\t\t\t font-size: 27px;\n\t\t\t color:',";\n\t\t\t font-family:",';\n\t\t\t margin-bottom: 0px;\n\t\t\t margin-top: 25px;\n\t\t\t margin-bottom: -10px;\n\t\t\t &:before {\n\t\t\t display: block;\n\t\t\t height: 6rem;\n\t\t\t margin-top: -6rem;\n\t\t\t visibility: hidden;\n\t\t\t content: "";\n\t\t\t }\n\t\t\t }\n\t\t\tdiv {\n\t\t\t font-size: 15px;\n\t\t\t margin-top: 15px;margin-bottom: 40px;\n\t\t\t color: ',";\n\t\t\t}\n\t\t\tpre {\n\t\t\t white-space: pre-line;\n\t\t\t margin: 0px;\n\t\t\t}\n\t\t\tmax-width: ",";\n\t\t margin: 0px auto;\n\t\t margin-top: 0;\n\t\t padding-bottom: 50px;\n\t\t @media screen and (max-width: ",") {\n\t\t\t\tdiv {\n\t\t\t font-size: 14px;\n\t\t\t }\n\t\t\t h3 {\n\t\t\t font-size: 21px;\n\t\t\t }\n\t\t }\n\t\t .page-body-in{\n\t\t \t@media screen and (max-width: ",") {\n\t\t\t\t\tmargin-top: 0px!important;\n\t\t \t}\n\t\t \tcode.hljs {\n\t\t\t\t padding: 1em;\n\t\t\t\t}\n\t\t\t\tcode.display {\n\t\t\t\t border-top-left-radius: 0px;\n\t\t\t\t border-top-right-radius: 0px;\n\t\t\t\t}\n\t\t\t\tcode.side {\n\t\t\t\t color: #c7254e;\n background: #f9f2f4;\n padding: 1px 5px!important;\n font-size: 13px;\n display: -webkit-inline-box!important;\n display: -webkit-inline-flex!important;\n display: -ms-inline-flexbox!important;\n display: inline-flex!important;\n border-radius: 3px;\n\t\t\t\t \n\t\t\t\t}\n\t\t\t\t.tab {\n\t\t\t\t\t padding-left: 15px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.tab-2 {\n\t\t\t\t\t padding-left: 30px;\n\t\t\t\t\t}\n\t\t\t\tspan.hljs-tag {\n\t\t\t\t margin-bottom: 2px;\n\t\t\t\t display: inline-block;\n\t\t\t\t}\n\t\t }\n\n }\n .page-head {\n\t\t\t p {\n\t\t\t font-size: 19px;\n\t\t\t padding: 0px 40px;\n\t\t\t color: ",";\n\t\t\t margin-top: 0px;\n\t\t\t font-weight:400;\n\t\t\t }\n\t\t\t background-color: ",";\n\t\t\t \n\t\t\t h1 {\n\t\t\t font-size: 42px;\n\t\t\t font-weight:700;\n\t\t\t font-family:",";\n\t\t\t color: ",";\n\t\t\t margin-bottom: 10px;\n\t\t\t margin-top: 0;\n\t\t\t text-align: left;\n\t\t\t padding: 0px 40px;\n\t\t\t line-height: 40px;\n\n\t\t\t }\n\t\t\t .page-head-in {\n\t\t\t\t max-width: ",";\n\t\t\t\t margin: 0 auto;\n\t\t\t\t}\n\t\t\t\t.page-head-bg{\n\t\t\t\t\t background-color:",";\n \t\t background-size:100%; \n\t\t\t padding:50px 150px;\n\t\t\t\t\tpadding-top:140px;\n\t\t\t @media screen and (max-width: ",") {\n\t\t\t\t\tbackground-size: 200%;\n\t\t\t\t\tpadding:50px 0px;\n\t\t\t\t\tpadding-top:130px;\n\t\t\t\t\th1, p {\n\t\t\t\t padding: 0px;\n\t\t\t\t }\n\t\t\t\t .page-head-in {\n\t\t\t\t\t padding: 0px 20px;\n\t\t\t\t\t}\n\t\t\t\t\th1 {\n\t\t\t\t\t font-size: 40px;\n\t\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: ",") {\n\t\t\t\t\tbackground-size: 300%;\n\t\t\t\t\th1 {\n\t\t\t\t font-size: 27px;\n\t\t\t\t line-height: 1.1;\n\t\t\t\t }\n\t\t\t\t p {\n\t\t\t\t font-size: 16px;\n\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: ",") {\n\t\t\t\t\tbackground-size: 400%;\n\t\t\t\t\t\n\t\t\t\t p {\n\t\t\t\t font-size: 15px;\n\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t} \n @media screen and (max-width: ",") {\n \t.page-cont-in {\n\t\t\t\tpadding: 0px;\n\t\t\t}\n } \n "]),l=n(48),r=function(e){return e&&e.__esModule?e:{default:e}}(l),i=n(47),s=r.default.div(a,i.BREAKPOINT_LG,i.FONT_FAMILY_HEADER,i.HEADER_COLOR,i.HEADER_COLOR,i.FONT_FAMILY_HEADER,i.ICON_COLOR,i.MAX_WIDTH,i.BREAKPOINT_MD,i.BREAKPOINT_LG,i.SECONDARY_FONT_COLOR,i.HEADER_BACKGROUND,i.FONT_FAMILY_HEADER,i.MAIN_HEADER_COLOR,i.MAX_WIDTH,i.HEADER_BACKGROUND,i.BREAKPOINT_LG,i.BREAKPOINT_MD,i.BREAKPOINT_SM,i.BREAKPOINT_LG);t.default=s},516:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n \t\t display: flex;\n \t\t .docs-sidebar {\n\t\t\t\tflex: 1;\n\t\t\t\t order: 1;\n\t\t\t\t @media screen and (max-width: ",") {\n\t\t\t\t \tdisplay:none;\n\t\t\t\t }\n\t\t\t\t .docs-sidebar-list{\n\t\t\t\t \tli {\n\t\t\t\t\t padding: 1px 10px;\n\t\t\t\t\t a {\n\t\t\t\t\t \tfont-weight: 500;\n\t\t\t\t\t color: ",";\n\t\t\t\t\t font-size: 14px;\n\t\t\t\t\t &:hover {\n\t\t\t\t\t color: ",";\n\t\t\t\t\t \t\t}\n\t\t\t\t\t\t}\n\t\t\t\t \t}\n\t\t\t\t \tul {\n\t\t\t\t\t list-style: none;\n\t\t\t\t\t padding: 5px;\n\t\t\t\t\t margin: 5px 10px;\n\t\t\t\t\t margin-right: 0px;\n\t\t\t\t\t padding-right: 0px;\n\t\t\t\t\t border-left: 1px solid #ebebeb;\n\t\t\t\t\t li{\n\t\t\t\t\t \ta{\n\t\t\t\t\t \t\tfont-weight: 400!important;\n\t\t\t\t\t \t}\n\t\t\t\t\t }\n\t\t\t\t\t}\n\t\t\t\t\tposition: -webkit-sticky;\n\t\t\t\t position: sticky;\n\t\t\t\t box-sizing: border-box;\n\t\t\t\t top: 90px;\n\t\t\t\t list-style: none;\n\t\t\t\t padding: 0;\n\t\t\t\t margin: 30px;\n\t\t\t\t padding-left: 20px;\n\t\t\t\t border-right: 1px solid ",";\n\n\t\t\t\t }\n\t\t\t}\n\n\t\t\t.docs-content {\n\t\t\t\t overflow: hidden;\n\t\t\t\tflex: 2;\n\t\t\t\torder: 2;\n\t\t\t\tpadding: 0 50px;\n\t\t\t\t @media screen and (max-width: ",") {\n\t\t\t\t \tpadding: 20px;\n\t\t\t\t }\n\t\t\t}\n "],["\n \t\t display: flex;\n \t\t .docs-sidebar {\n\t\t\t\tflex: 1;\n\t\t\t\t order: 1;\n\t\t\t\t @media screen and (max-width: ",") {\n\t\t\t\t \tdisplay:none;\n\t\t\t\t }\n\t\t\t\t .docs-sidebar-list{\n\t\t\t\t \tli {\n\t\t\t\t\t padding: 1px 10px;\n\t\t\t\t\t a {\n\t\t\t\t\t \tfont-weight: 500;\n\t\t\t\t\t color: ",";\n\t\t\t\t\t font-size: 14px;\n\t\t\t\t\t &:hover {\n\t\t\t\t\t color: ",";\n\t\t\t\t\t \t\t}\n\t\t\t\t\t\t}\n\t\t\t\t \t}\n\t\t\t\t \tul {\n\t\t\t\t\t list-style: none;\n\t\t\t\t\t padding: 5px;\n\t\t\t\t\t margin: 5px 10px;\n\t\t\t\t\t margin-right: 0px;\n\t\t\t\t\t padding-right: 0px;\n\t\t\t\t\t border-left: 1px solid #ebebeb;\n\t\t\t\t\t li{\n\t\t\t\t\t \ta{\n\t\t\t\t\t \t\tfont-weight: 400!important;\n\t\t\t\t\t \t}\n\t\t\t\t\t }\n\t\t\t\t\t}\n\t\t\t\t\tposition: -webkit-sticky;\n\t\t\t\t position: sticky;\n\t\t\t\t box-sizing: border-box;\n\t\t\t\t top: 90px;\n\t\t\t\t list-style: none;\n\t\t\t\t padding: 0;\n\t\t\t\t margin: 30px;\n\t\t\t\t padding-left: 20px;\n\t\t\t\t border-right: 1px solid ",";\n\n\t\t\t\t }\n\t\t\t}\n\n\t\t\t.docs-content {\n\t\t\t\t overflow: hidden;\n\t\t\t\tflex: 2;\n\t\t\t\torder: 2;\n\t\t\t\tpadding: 0 50px;\n\t\t\t\t @media screen and (max-width: ",") {\n\t\t\t\t \tpadding: 20px;\n\t\t\t\t }\n\t\t\t}\n "]),l=n(48),r=function(e){return e&&e.__esModule?e:{default:e}}(l),i=n(47),s=r.default.div(a,i.BREAKPOINT_LG,i.ICON_COLOR,i.HEADER_COLOR,i.BORDER_COLOR,i.BREAKPOINT_LG);t.default=s},517:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n.hljs {\n display: block;\n overflow-x: auto;\n color: #555;\n background: ",";\n padding: 0.7em;\n font-size: 14px;\n border-radius: 5px; \n }\n\n.hljs-doctag, .hljs-keyword, .hljs-formula {\n color: #a626a4;\n}\n\n.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {\n color: #2f6f9f;\n}\n\n.hljs-literal {\n color: #0184bb;\n}\n\n.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {\n color: #d44950;\n}\n\n.hljs-built_in, .hljs-class .hljs-title {\n color: #c18401;\n}\n\n.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {\n color: #4f9fcf;\n}\n\n.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {\n color: #099;\n}\n\n\n\n.hljs-comment, .hljs-quote {\n color: #a0a1a7;\n font-style: italic;\n}\n.hljs-emphasis {\n font-style: italic;\n}\n\n.hljs-strong {\n font-weight: bold;\n}\n\n.hljs-link {\n text-decoration: underline;\n}\n "],["\n.hljs {\n display: block;\n overflow-x: auto;\n color: #555;\n background: ",";\n padding: 0.7em;\n font-size: 14px;\n border-radius: 5px; \n }\n\n.hljs-doctag, .hljs-keyword, .hljs-formula {\n color: #a626a4;\n}\n\n.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {\n color: #2f6f9f;\n}\n\n.hljs-literal {\n color: #0184bb;\n}\n\n.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {\n color: #d44950;\n}\n\n.hljs-built_in, .hljs-class .hljs-title {\n color: #c18401;\n}\n\n.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {\n color: #4f9fcf;\n}\n\n.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {\n color: #099;\n}\n\n\n\n.hljs-comment, .hljs-quote {\n color: #a0a1a7;\n font-style: italic;\n}\n.hljs-emphasis {\n font-style: italic;\n}\n\n.hljs-strong {\n font-weight: bold;\n}\n\n.hljs-link {\n text-decoration: underline;\n}\n "]),l=n(48),r=function(e){return e&&e.__esModule?e:{default:e}}(l),i=n(47),s=r.default.pre(a,i.LIGHT_BACKGROUND);t.default=s},518:function(e,t){e.exports=function(e){var t={endsWithParent:!0,illegal:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],case_insensitive:!0,contains:[{className:"meta",begin:"",relevance:10,contains:[{begin:"\\[",end:"\\]"}]},e.COMMENT("\x3c!--","--\x3e",{relevance:10}),{begin:"<\\!\\[CDATA\\[",end:"\\]\\]>",relevance:10},{begin:/<\?(php)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0}]},{className:"tag",begin:"|$)",end:">",keywords:{name:"style"},contains:[t],starts:{end:"",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:"|$)",end:">",keywords:{name:"script"},contains:[t],starts:{end:"<\/script>",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"meta",variants:[{begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?\w+/,end:/\?>/}]},{className:"tag",begin:"",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},t]}]}}},569:function(e,t,n){function a(e){return n(l(e))}function l(e){var t=r[e];if(!(t+1))throw new Error("Cannot find module '"+e+"'.");return t}var r={"./javascript":570,"./xml":518};a.keys=function(){return Object.keys(r)},a.resolve=l,e.exports=a,a.id=569},570:function(e,t){e.exports=function(e){var t="[A-Za-z$_][0-9A-Za-z$_]*",n={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},a={className:"number",variants:[{begin:"\\b(0[bB][01]+)"},{begin:"\\b(0[oO][0-7]+)"},{begin:e.C_NUMBER_RE}],relevance:0},l={className:"subst",begin:"\\$\\{",end:"\\}",keywords:n,contains:[]},r={className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,l]};l.contains=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,r,a,e.REGEXP_MODE];var i=l.contains.concat([e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]);return{aliases:["js","jsx"],keywords:n,contains:[{className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},{className:"meta",begin:/^#!/,end:/$/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,r,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,a,{begin:/[{,]\s*/,relevance:0,contains:[{begin:t+"\\s*:",returnBegin:!0,relevance:0,contains:[{className:"attr",begin:t,relevance:0}]}]},{begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.REGEXP_MODE,{className:"function",begin:"(\\(.*?\\)|"+t+")\\s*=>",returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:t},{begin:/\(\s*\)/},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:n,contains:i}]}]},{begin://,subLanguage:"xml",contains:[{begin:/<\w+\s*\/>/,skip:!0},{begin:/<\w+/,end:/(\/\w+|\w+\/)>/,skip:!0,contains:[{begin:/<\w+\s*\/>/,skip:!0},"self"]}]}],relevance:0},{className:"function",beginKeywords:"function",end:/\{/,excludeEnd:!0,contains:[e.inherit(e.TITLE_MODE,{begin:t}),{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,contains:i}],illegal:/\[|%/},{begin:/\$[(.]/},e.METHOD_GUARD,{className:"class",beginKeywords:"class",end:/[{;=]/,excludeEnd:!0,illegal:/[:"\[\]]/,contains:[{beginKeywords:"extends"},e.UNDERSCORE_TITLE_MODE]},{beginKeywords:"constructor",end:/\{/,excludeEnd:!0}],illegal:/#(?!!)/}}}}); +webpackJsonp([1],{489:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<\/script>')),d.default.createElement("p",null,"To use an icon, add the ",d.default.createElement("code",{className:"side"},"box-icon")," element to the location where the icon should be displayed:"),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},'')),d.default.createElement("p",null," To use solid icons or logos add attribute ",d.default.createElement("code",{className:"side"},"type")," as solid or logo "),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},'',d.default.createElement("br",null),'')),d.default.createElement("p",null,"The ",d.default.createElement("code",{className:"side"},"box-icon")," custom element supports the following attributes:"),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},""))),d.default.createElement("h3",{id:"usage-as-font"},"Usage as a Font"),d.default.createElement("h4",{id:"import-css"},"Import the CSS"),d.default.createElement("div",null,d.default.createElement("p",null,"Copy-paste the stylesheet ",d.default.createElement("code",{className:"side"},"link")," into your ",d.default.createElement("code",{className:"side"},"head")," to load our CSS")," ",d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},"",d.default.createElement("br",null),"\x3c!-- or --\x3e"," ",d.default.createElement("br",null),"")),d.default.createElement("p",null,"This will load boxicons font into your webpage")),d.default.createElement("h4",{id:"html"},"HTML"),d.default.createElement("div",null,d.default.createElement("p",null," To use an icon on your page, add a prefix",d.default.createElement("code",{className:"side"},"bx-")," for regular icons, ",d.default.createElement("code",{className:"side"},"bxs-")," for solid icons & ",d.default.createElement("code",{className:"side"},"bxl-")," for logos followed by the icon name and seperate class with the",d.default.createElement("code",{className:"side"},"bx"),":")," ",d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},"",d.default.createElement("br",null),"",d.default.createElement("br",null),"")),"You can see the names of all the icons ",d.default.createElement(u.Link,{to:"/cheatsheet"},"here")),d.default.createElement("h3",{id:"starter-template"},"Starter Templates"),d.default.createElement("div",null,d.default.createElement("p",null," Create an HTML document and copy-paste the starter template")," ",d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},""," ",d.default.createElement("br",null),"",d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"}," ",""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"}," ","\x3c!-- Boxicons CSS --\x3e"),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},"Hello, Boxicons!"),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"}," ","

Hello, Boxicons!

"),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"}," "),d.default.createElement("br",null),"")),d.default.createElement("p",null,"A template for usage with the web component instead of icon font")," ",d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html"},""," ",d.default.createElement("br",null),"",d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"}," ",""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"}," ","\x3c!-- Boxicons JS --\x3e"),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},"Hello, Boxicons!"),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"}," ","

Hello, Boxicons!

"),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab-2"},""),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"}," "),d.default.createElement("br",null),""))),d.default.createElement("h3",{id:"styling"},"Styling"),d.default.createElement("h4",{id:"sizing"},"Sizing"),d.default.createElement("div",null,d.default.createElement("p",null," You can change size of the icon with",d.default.createElement("code",{className:"side"},"font-size")," CSS. It will inherit the ",d.default.createElement("code",{className:"side"},"font-size"),"from the parent by default. There are fixed sizes you can add to the icon by adding classes",d.default.createElement("code",{className:"side"},"bx-xs"),", ",d.default.createElement("code",{className:"side"},"bx-sm"),", ",d.default.createElement("code",{className:"side"},"bx-md")," and ",d.default.createElement("code",{className:"side"},"bx-lg"))," ",d.default.createElement(k,null,d.default.createElement("i",{className:"bx bxs-smiley-happy bx-xs "}),d.default.createElement("i",{className:"bx bxs-smiley-happy bx-sm"}),d.default.createElement("i",{className:"bx bxs-smiley-happy bx-md"}),d.default.createElement("i",{className:"bx bxs-smiley-happy bx-lg"})),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},"","",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),d.default.createElement("br",null),"\x3c!-- Boxicons web component --\x3e",d.default.createElement("br",null),d.default.createElement("br",null),"",d.default.createElement("br",null))),d.default.createElement("br",null)),d.default.createElement("h4",{id:"rotation-flipping"},"Rotation & Flipping"),d.default.createElement("div",null,d.default.createElement("p",null," Rotate the icons using classes ",d.default.createElement("code",{className:"side"},"bx-rotate-90"),", ",d.default.createElement("code",{className:"side"},"bx-rotate-180")," and ",d.default.createElement("code",{className:"side"},"bx-rotate-270")," or Flip the icons using ",d.default.createElement("code",{className:"side"},"bx-flip-horizontal")," and ",d.default.createElement("code",{className:"side"},"bx-flip-vertical")),d.default.createElement(k,null,d.default.createElement("i",{className:"bx bxs-like bx-rotate-90 bx-md"}),d.default.createElement("i",{className:"bx bxs-like bx-rotate-180 bx-md"}),d.default.createElement("i",{className:"bx bxs-like bx-rotate-270 bx-md"}),d.default.createElement("i",{className:"bx bxs-like bx-flip-horizontal bx-md"}),d.default.createElement("i",{className:"bx bxs-like bx-flip-vertical bx-md"})),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},"","",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),d.default.createElement("br",null),"\x3c!-- Boxicons web component --\x3e",d.default.createElement("br",null),d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null))),d.default.createElement("br",null)),d.default.createElement("h4",{id:"list-icons"},"List Icons"),d.default.createElement("div",null,d.default.createElement("p",null," Use icons as bullets for the list by adding class ",d.default.createElement("code",{className:"side"},"bx-ul")," to the unordered list element and include the icons inside the",d.default.createElement("code",{className:"side"},"li")," ")," ",d.default.createElement(k,null,d.default.createElement("ul",{className:"bx-ul"},d.default.createElement("li",null," ",d.default.createElement("i",{className:"bx bx-right-arrow"}),"List item 1"),d.default.createElement("li",null," ",d.default.createElement("i",{className:"bx bx-x"}),"List item 2"),d.default.createElement("li",null," ",d.default.createElement("i",{className:"bx bx-plus"}),"List item 3"))),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},"
    ",d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},"
  • List Item 1
    • "),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},"
  • List Item 2
    • "),d.default.createElement("br",null),d.default.createElement("span",{className:"tab"},"
  • List Item 3
    • "),d.default.createElement("br",null),"
")),d.default.createElement("br",null)),d.default.createElement("h4",{id:"fixed-width"},"Fixed Width"),d.default.createElement("div",null,d.default.createElement("p",null," You can use fixed width class ",d.default.createElement("code",{className:"side"},"bx-fw")," \\to get a fixed width icon next to the text",d.default.createElement("code",{className:"side"},"li")," ")," ",d.default.createElement(k,null,d.default.createElement("div",null," ",d.default.createElement("i",{className:"bx-fw bx bxl-facebook-square"}),"Facebook"),d.default.createElement("div",null," ",d.default.createElement("i",{className:"bx-fw bx bxl-slack"}),"Slack"),d.default.createElement("div",null," ",d.default.createElement("i",{className:"bx-fw bx bxl-instagram"}),"Instagram")),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},'Facebook',d.default.createElement("br",null))),d.default.createElement("br",null)),d.default.createElement("h4",{id:"pull-icon"},"Pulled Icons"),d.default.createElement("div",null,d.default.createElement("p",null," Use class ",d.default.createElement("code",{className:"side"},"bx-pull-left")," or ",d.default.createElement("code",{className:"side"},"bx-pull-right")," on icons for easy pull quotes",d.default.createElement("code",{className:"side"},"li")," ")," ",d.default.createElement(k,null,d.default.createElement("i",{className:"bx-pull-left bx bxs-quote-left bx-lg"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut faucibus erat eu nibh laoreet, sed ullamcorper diam ornare. Quisque viverra ante nec luctus imperdiet. Quisque ut imperdiet nisi. Quisque ultrices laoreet odio, non vestibulum lacus molestie sollicitudin. Phasellus nec dolor eget nunc commodo sodales vel vel eros."),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},'',d.default.createElement("br",null),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut faucibus erat eu nibh laoreet, sed ullamcorper diam ornare. Quisque viverra ante nec luctus imperdiet. Quisque ut imperdiet nisi. Quisque ultrices laoreet odio, non vestibulum lacus molestie sollicitudin. Phasellus nec dolor eget nunc commodo sodales vel vel eros.",d.default.createElement("br",null),"\x3c!-- Boxicons web component --\x3e",d.default.createElement("br",null),d.default.createElement("br",null),"",d.default.createElement("br",null),"Quisque ultrices laoreet odio, non vestibulum lacus molestie sollicitudin. Phasellus nec dolor eget nunc commodo sodales vel vel eros.")),d.default.createElement("br",null)),d.default.createElement("h4",{id:"border"},"Border"),d.default.createElement("div",null,d.default.createElement("p",null," Add border to your icons with classes ",d.default.createElement("code",{className:"side"},"bx-border"),", ",d.default.createElement("code",{className:"side"},"bx-border-circle"))," ",d.default.createElement(k,null,d.default.createElement("i",{className:"bx bxs-heart bx-border bx-md"}),d.default.createElement("i",{className:"bx bxs-heart bx-border-circle bx-md"})," "),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},"",d.default.createElement("br",null),"",d.default.createElement("br",null),d.default.createElement("br",null),"\x3c!-- Boxicons web component --\x3e",d.default.createElement("br",null),d.default.createElement("br",null),"",d.default.createElement("br",null))),d.default.createElement("br",null)),d.default.createElement("h4",{id:"animation"},"Animation"),d.default.createElement("div",null,d.default.createElement("p",null," Animate your icons with pre built CSS animations using classes ",d.default.createElement("code",{className:"side"},"bx-spin"),",",d.default.createElement("code",{className:"side"},"bx-tada"),",",d.default.createElement("code",{className:"side"},"bx-flashing"),",",d.default.createElement("code",{className:"side"},"bx-burst"),",",d.default.createElement("code",{className:"side"},"bx-fade-left")," and ",d.default.createElement("code",{className:"side"},"bx-fade-right")),d.default.createElement("p",null,"You can change the speed of the animation with the ",d.default.createElement("code",{className:"side"},"animation-duration")," property & to change the number of times the animation takes place with the property ",d.default.createElement("code",{className:"side"},"animation-iteration-count")," in CSS"),d.default.createElement(k,null,d.default.createElement("i",{className:"bx bx-loader bx-spin bx-md"}),d.default.createElement("i",{className:"bx bxs-bell bx-tada bx-md"}),d.default.createElement("i",{className:"bx bxs-error bx-flashing bx-md"}),d.default.createElement("i",{className:"bx bx-radio-circle bx-burst bx-md"}),d.default.createElement("i",{className:"bx bx-fade-left bxs-left-arrow-circle bx-md"}),d.default.createElement("i",{className:"bx bx-fade-right bxs-right-arrow-circle bx-md"}),d.default.createElement("i",{className:"bx bx-fade-up bxs-up-arrow-circle bx-md"}),d.default.createElement("i",{className:"bx bx-fade-down bxs-down-arrow-circle bx-md"})),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},"","",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),d.default.createElement("br",null),"\x3c!-- Boxicons web component --\x3e",d.default.createElement("br",null),d.default.createElement("br",null),"",d.default.createElement("br",null)))),d.default.createElement("br",null),d.default.createElement("h4",{id:"animation-hover"},"Animation on Hover"),d.default.createElement("div",null,d.default.createElement("p",null," Animate your icons on hover with pre built CSS animations using classes ",d.default.createElement("code",{className:"side"},"bx-spin-hover"),",",d.default.createElement("code",{className:"side"},"bx-tada-hover"),",",d.default.createElement("code",{className:"side"},"bx-flashing-hover"),",",d.default.createElement("code",{className:"side"},"bx-burst-hover"),",",d.default.createElement("code",{className:"side"},"bx-fade-left-hover")," and ",d.default.createElement("code",{className:"side"},"bx-fade-right-hover"))," ",d.default.createElement("p",null,"You can change the speed of the animation with the ",d.default.createElement("code",{className:"side"},"animation-duration")," property & to change the number of times the animation takes place with the property ",d.default.createElement("code",{className:"side"},"animation-iteration-count")," in CSS"),d.default.createElement(k,null,d.default.createElement("i",{className:"bx bx-loader bx-spin-hover bx-md"}),d.default.createElement("i",{className:"bx bxs-bell bx-tada-hover bx-md"}),d.default.createElement("i",{className:"bx bxs-error bx-flashing-hover bx-md"}),d.default.createElement("i",{className:"bx bx-radio-circle bx-burst-hover bx-md"}),d.default.createElement("i",{className:"bx bx-fade-left-hover bxs-left-arrow-circle bx-md"}),d.default.createElement("i",{className:"bx bx-fade-right-hover bxs-right-arrow-circle bx-md"}),d.default.createElement("i",{className:"bx bx-fade-up-hover bxs-up-arrow-circle bx-md"}),d.default.createElement("i",{className:"bx bx-fade-down-hover bxs-down-arrow-circle bx-md"})),d.default.createElement(y.default,null," ",d.default.createElement("code",{className:"html display"},"","",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"","",d.default.createElement("br",null),"",d.default.createElement("br",null),"",d.default.createElement("br",null),"\x3c!-- Boxicons web component --\x3e",d.default.createElement("br",null),d.default.createElement("br",null),"",d.default.createElement("br",null)))),d.default.createElement("h3",{id:"contribution"},"Contribution"),d.default.createElement("div",null,d.default.createElement("p",null,"Want to report a bug ? Have some suggestions or ideas ? Have an icon or a feature request? Create a new issue on Github with the appropriate label ",d.default.createElement("a",{href:"https://github.com/atisawd/boxicons/issues/new",target:"_blank"},"here"))),d.default.createElement("h3",{id:"license"},"License"),d.default.createElement("div",null,"Boxicons is an open source project , you can use them in your commercial projects too.",d.default.createElement("br",null),"The icons (.svg) files are free to download and are licensed under ",d.default.createElement("a",{href:"https://creativecommons.org/licenses/by/4.0/",target:"_blank"},"CC 4.0")," . By downloading it is assumed that you agree with the terms mentioned in CC 4.0.",d.default.createElement("br",null),"The fonts files are licensed under ",d.default.createElement("a",{href:"https://opensource.org/licenses/OFL-1.1",target:"_blank"},"SIL OFL 1.1"),d.default.createElement("br",null),"Attribution is not required but is appreciated",d.default.createElement("br",null)," Other files which are not fonts or icons are licensed under the ",d.default.createElement("a",{href:"http://opensource.org/licenses/MIT",target:"_blank"},"MIT License")))))))),d.default.createElement(N.default,null))}}]),t}(o.Component);t.default=j},502:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n/g,">")}function n(e){return e.nodeName.toLowerCase()}function a(e,t){var n=e&&e.exec(t);return n&&0===n.index}function l(e){return k.test(e)}function r(e){var t,n,a,r,i=e.className+" ";if(i+=e.parentNode?e.parentNode.className:"",n=j.exec(i))return v(n[1])?n[1]:"no-highlight";for(i=i.split(/\s+/),t=0,a=i.length;t"}function s(e){d+=""}function c(e){("start"===e.event?i:s)(e.node)}for(var o=0,d="",u=[];e.length||a.length;){var m=r();if(d+=t(l.substring(o,m[0].offset)),o=m[0].offset,m===e){u.reverse().forEach(s);do{c(m.splice(0,1)[0]),m=r()}while(m===e&&m.length&&m[0].offset===o);u.reverse().forEach(i)}else"start"===m[0].event?u.push(m[0].node):u.pop(),c(m.splice(0,1)[0])}return d+t(l.substr(o))}function o(e){return e.variants&&!e.cached_variants&&(e.cached_variants=e.variants.map(function(t){return i(e,{variants:null},t)})),e.cached_variants||e.endsWithParent&&[i(e)]||[e]}function d(e){function t(e){return e&&e.source||e}function n(n,a){return new RegExp(t(n),"m"+(e.case_insensitive?"i":"")+(a?"g":""))}function a(l,r){if(!l.compiled){if(l.compiled=!0,l.keywords=l.keywords||l.beginKeywords,l.keywords){var i={},s=function(t,n){e.case_insensitive&&(n=n.toLowerCase()),n.split(" ").forEach(function(e){var n=e.split("|");i[n[0]]=[t,n[1]?Number(n[1]):1]})};"string"==typeof l.keywords?s("keyword",l.keywords):w(l.keywords).forEach(function(e){s(e,l.keywords[e])}),l.keywords=i}l.lexemesRe=n(l.lexemes||/\w+/,!0),r&&(l.beginKeywords&&(l.begin="\\b("+l.beginKeywords.split(" ").join("|")+")\\b"),l.begin||(l.begin=/\B|\b/),l.beginRe=n(l.begin),l.end||l.endsWithParent||(l.end=/\B|\b/),l.end&&(l.endRe=n(l.end)),l.terminator_end=t(l.end)||"",l.endsWithParent&&r.terminator_end&&(l.terminator_end+=(l.end?"|":"")+r.terminator_end)),l.illegal&&(l.illegalRe=n(l.illegal)),null==l.relevance&&(l.relevance=1),l.contains||(l.contains=[]),l.contains=Array.prototype.concat.apply([],l.contains.map(function(e){return o("self"===e?l:e)})),l.contains.forEach(function(e){a(e,l)}),l.starts&&a(l.starts,r);var c=l.contains.map(function(e){return e.beginKeywords?"\\.?("+e.begin+")\\.?":e.begin}).concat([l.terminator_end,l.illegal]).map(t).filter(Boolean);l.terminators=c.length?n(c.join("|"),!0):{exec:function(){return null}}}}a(e)}function u(e,n,l,r){function i(e,t){var n,l;for(n=0,l=t.contains.length;n')+t+i}function b(){var e,n,a,l;if(!y.keywords)return t(k);for(l="",n=0,y.lexemesRe.lastIndex=0,a=y.lexemesRe.exec(k);a;)l+=t(k.substring(n,a.index)),e=o(y,a),e?(j+=e[1],l+=f(e[0],t(a[0]))):l+=t(a[0]),n=y.lexemesRe.lastIndex,a=y.lexemesRe.exec(k);return l+t(k.substr(n))}function p(){var e="string"==typeof y.subLanguage;if(e&&!_[y.subLanguage])return t(k);var n=e?u(y.subLanguage,k,!0,w[y.subLanguage]):m(k,y.subLanguage.length?y.subLanguage:void 0);return y.relevance>0&&(j+=n.relevance),e&&(w[y.subLanguage]=n.top),f(n.language,n.value,!1,!0)}function x(){O+=null!=y.subLanguage?p():b(),k=""}function h(e){O+=e.className?f(e.className,"",!0):"",y=Object.create(e,{parent:{value:y}})}function E(e,t){if(k+=e,null==t)return x(),0;var n=i(t,y);if(n)return n.skip?k+=t:(n.excludeBegin&&(k+=t),x(),n.returnBegin||n.excludeBegin||(k=t)),h(n,t),n.returnBegin?0:t.length;var a=s(y,t);if(a){var l=y;l.skip?k+=t:(l.returnEnd||l.excludeEnd||(k+=t),x(),l.excludeEnd&&(k=t));do{y.className&&(O+=M),y.skip||(j+=y.relevance),y=y.parent}while(y!==a.parent);return a.starts&&h(a.starts,""),l.returnEnd?0:t.length}if(c(t,y))throw new Error('Illegal lexeme "'+t+'" for mode "'+(y.className||"")+'"');return k+=t,t.length||1}var g=v(e);if(!g)throw new Error('Unknown language: "'+e+'"');d(g);var N,y=r||g,w={},O="";for(N=y;N!==g;N=N.parent)N.className&&(O=f(N.className,"",!0)+O);var k="",j=0;try{for(var R,A,S=0;;){if(y.terminators.lastIndex=S,!(R=y.terminators.exec(n)))break;A=E(n.substring(S,R.index),R[0]),S=R.index+A}for(E(n.substr(S)),N=y;N.parent;N=N.parent)N.className&&(O+=M);return{relevance:j,value:O,language:e,top:y}}catch(e){if(e.message&&-1!==e.message.indexOf("Illegal"))return{relevance:0,value:t(n)};throw e}}function m(e,n){n=n||C.languages||w(_);var a={relevance:0,value:t(e)},l=a;return n.filter(v).forEach(function(t){var n=u(t,e,!1);n.language=t,n.relevance>l.relevance&&(l=n),n.relevance>a.relevance&&(l=a,a=n)}),l.language&&(a.second_best=l),a}function f(e){return C.tabReplace||C.useBR?e.replace(R,function(e,t){return C.useBR&&"\n"===e?"
":C.tabReplace?t.replace(/\t/g,C.tabReplace):""}):e}function b(e,t,n){var a=t?O[t]:n,l=[e.trim()];return e.match(/\bhljs\b/)||l.push("hljs"),-1===e.indexOf(a)&&l.push(a),l.join(" ").trim()}function p(e){var t,n,a,i,o,d=r(e);l(d)||(C.useBR?(t=document.createElementNS("http://www.w3.org/1999/xhtml","div"),t.innerHTML=e.innerHTML.replace(/\n/g,"").replace(//g,"\n")):t=e,o=t.textContent,a=d?u(d,o,!0):m(o),n=s(t),n.length&&(i=document.createElementNS("http://www.w3.org/1999/xhtml","div"),i.innerHTML=a.value,a.value=c(n,s(i),o)),a.value=f(a.value),e.innerHTML=a.value,e.className=b(e.className,d,a.language),e.result={language:a.language,re:a.relevance},a.second_best&&(e.second_best={language:a.second_best.language,re:a.second_best.relevance}))}function x(e){C=i(C,e)}function h(){if(!h.called){h.called=!0;var e=document.querySelectorAll("pre code");y.forEach.call(e,p)}}function E(){addEventListener("DOMContentLoaded",h,!1),addEventListener("load",h,!1)}function g(t,n){var a=_[t]=n(e);a.aliases&&a.aliases.forEach(function(e){O[e]=t})}function N(){return w(_)}function v(e){return e=(e||"").toLowerCase(),_[e]||_[O[e]]}var y=[],w=Object.keys,_={},O={},k=/^(no-?highlight|plain|text)$/i,j=/\blang(?:uage)?-([\w-]+)\b/i,R=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,M="",C={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return e.highlight=u,e.highlightAuto=m,e.fixMarkup=f,e.highlightBlock=p,e.configure=x,e.initHighlighting=h,e.initHighlightingOnLoad=E,e.registerLanguage=g,e.listLanguages=N,e.getLanguage=v,e.inherit=i,e.IDENT_RE="[a-zA-Z]\\w*",e.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",e.NUMBER_RE="\\b\\d+(\\.\\d+)?",e.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BINARY_NUMBER_RE="\\b(0b[01]+)",e.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},e.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},e.COMMENT=function(t,n,a){var l=e.inherit({className:"comment",begin:t,end:n,contains:[]},a||{});return l.contains.push(e.PHRASAL_WORDS_MODE),l.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),l},e.C_LINE_COMMENT_MODE=e.COMMENT("//","$"),e.C_BLOCK_COMMENT_MODE=e.COMMENT("/\\*","\\*/"),e.HASH_COMMENT_MODE=e.COMMENT("#","$"),e.NUMBER_MODE={className:"number",begin:e.NUMBER_RE,relevance:0},e.C_NUMBER_MODE={className:"number",begin:e.C_NUMBER_RE,relevance:0},e.BINARY_NUMBER_MODE={className:"number",begin:e.BINARY_NUMBER_RE,relevance:0},e.CSS_NUMBER_MODE={className:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},e.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[e.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[e.BACKSLASH_ESCAPE]}]},e.TITLE_MODE={className:"title",begin:e.IDENT_RE,relevance:0},e.UNDERSCORE_TITLE_MODE={className:"title",begin:e.UNDERSCORE_IDENT_RE,relevance:0},e.METHOD_GUARD={begin:"\\.\\s*"+e.UNDERSCORE_IDENT_RE,relevance:0},e})},515:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n background:#FFF;\n .page-body{\n \t padding: 0px 130px;\n \t @media screen and (max-width: ",") {padding: 0px 0px;}\n \th4 {\n\t\t\t font-size: 21px;\n\t\t\t font-weight: 400;\n\t\t\t font-family:",";\n\t\t\t margin-bottom: 0px;\n\t\t\t color: ",';\n\t\t\t margin-top: 15px;\n\t\t\t margin-bottom: 15px;\n\t\t\t &:before {\n\t\t\t display: block;\n\t\t\t height: 6rem;\n\t\t\t margin-top: -6rem;\n\t\t\t visibility: hidden;\n\t\t\t content: "";\n\t\t\t }\n\t\t\t}\n\t\t\th3 {\n\t\t\t font-size: 27px;\n\t\t\t color:',";\n\t\t\t font-family:",';\n\t\t\t margin-bottom: 0px;\n\t\t\t margin-top: 25px;\n\t\t\t margin-bottom: -10px;\n\t\t\t &:before {\n\t\t\t display: block;\n\t\t\t height: 6rem;\n\t\t\t margin-top: -6rem;\n\t\t\t visibility: hidden;\n\t\t\t content: "";\n\t\t\t }\n\t\t\t }\n\t\t\tdiv {\n\t\t\t font-size: 15px;\n\t\t\t margin-top: 15px;margin-bottom: 40px;\n\t\t\t color: ',";\n\t\t\t}\n\t\t\tpre {\n\t\t\t white-space: pre-line;\n\t\t\t margin: 0px;\n\t\t\t}\n\t\t\tmax-width: ",";\n\t\t margin: 0px auto;\n\t\t margin-top: 0;\n\t\t padding-bottom: 50px;\n\t\t @media screen and (max-width: ",") {\n\t\t\t\tdiv {\n\t\t\t font-size: 14px;\n\t\t\t }\n\t\t\t h3 {\n\t\t\t font-size: 21px;\n\t\t\t }\n\t\t }\n\t\t .page-body-in{\n\t\t \t@media screen and (max-width: ",") {\n\t\t\t\t\tmargin-top: 0px!important;\n\t\t \t}\n\t\t \tcode.hljs {\n\t\t\t\t padding: 1em;\n\t\t\t\t}\n\t\t\t\tcode.display {\n\t\t\t\t border-top-left-radius: 0px;\n\t\t\t\t border-top-right-radius: 0px;\n\t\t\t\t}\n\t\t\t\tcode.side {\n\t\t\t\t color: #c7254e;\n background: #f9f2f4;\n padding: 1px 5px!important;\n font-size: 13px;\n display: -webkit-inline-box!important;\n display: -webkit-inline-flex!important;\n display: -ms-inline-flexbox!important;\n display: inline-flex!important;\n border-radius: 3px;\n\t\t\t\t \n\t\t\t\t}\n\t\t\t\t.tab {\n\t\t\t\t\t padding-left: 15px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.tab-2 {\n\t\t\t\t\t padding-left: 30px;\n\t\t\t\t\t}\n\t\t\t\tspan.hljs-tag {\n\t\t\t\t margin-bottom: 2px;\n\t\t\t\t display: inline-block;\n\t\t\t\t}\n\t\t }\n\n }\n .page-head {\n\t\t\t p {\n\t\t\t font-size: 19px;\n\t\t\t padding: 0px 40px;\n\t\t\t color: ",";\n\t\t\t margin-top: 0px;\n\t\t\t font-weight:400;\n\t\t\t }\n\t\t\t background-color: ",";\n\t\t\t \n\t\t\t h1 {\n\t\t\t font-size: 42px;\n\t\t\t font-weight:700;\n\t\t\t font-family:",";\n\t\t\t color: ",";\n\t\t\t margin-bottom: 10px;\n\t\t\t margin-top: 0;\n\t\t\t text-align: left;\n\t\t\t padding: 0px 40px;\n\t\t\t line-height: 40px;\n\n\t\t\t }\n\t\t\t .page-head-in {\n\t\t\t\t max-width: ",";\n\t\t\t\t margin: 0 auto;\n\t\t\t\t}\n\t\t\t\t.page-head-bg{\n\t\t\t\t\t background-color:",";\n \t\t background-size:100%; \n\t\t\t padding:50px 150px;\n\t\t\t\t\tpadding-top:140px;\n\t\t\t @media screen and (max-width: ",") {\n\t\t\t\t\tbackground-size: 200%;\n\t\t\t\t\tpadding:50px 0px;\n\t\t\t\t\tpadding-top:130px;\n\t\t\t\t\th1, p {\n\t\t\t\t padding: 0px;\n\t\t\t\t }\n\t\t\t\t .page-head-in {\n\t\t\t\t\t padding: 0px 20px;\n\t\t\t\t\t}\n\t\t\t\t\th1 {\n\t\t\t\t\t font-size: 40px;\n\t\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: ",") {\n\t\t\t\t\tbackground-size: 300%;\n\t\t\t\t\th1 {\n\t\t\t\t font-size: 27px;\n\t\t\t\t line-height: 1.1;\n\t\t\t\t }\n\t\t\t\t p {\n\t\t\t\t font-size: 16px;\n\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: ",") {\n\t\t\t\t\tbackground-size: 400%;\n\t\t\t\t\t\n\t\t\t\t p {\n\t\t\t\t font-size: 15px;\n\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t} \n @media screen and (max-width: ",") {\n \t.page-cont-in {\n\t\t\t\tpadding: 0px;\n\t\t\t}\n } \n "],["\n background:#FFF;\n .page-body{\n \t padding: 0px 130px;\n \t @media screen and (max-width: ",") {padding: 0px 0px;}\n \th4 {\n\t\t\t font-size: 21px;\n\t\t\t font-weight: 400;\n\t\t\t font-family:",";\n\t\t\t margin-bottom: 0px;\n\t\t\t color: ",';\n\t\t\t margin-top: 15px;\n\t\t\t margin-bottom: 15px;\n\t\t\t &:before {\n\t\t\t display: block;\n\t\t\t height: 6rem;\n\t\t\t margin-top: -6rem;\n\t\t\t visibility: hidden;\n\t\t\t content: "";\n\t\t\t }\n\t\t\t}\n\t\t\th3 {\n\t\t\t font-size: 27px;\n\t\t\t color:',";\n\t\t\t font-family:",';\n\t\t\t margin-bottom: 0px;\n\t\t\t margin-top: 25px;\n\t\t\t margin-bottom: -10px;\n\t\t\t &:before {\n\t\t\t display: block;\n\t\t\t height: 6rem;\n\t\t\t margin-top: -6rem;\n\t\t\t visibility: hidden;\n\t\t\t content: "";\n\t\t\t }\n\t\t\t }\n\t\t\tdiv {\n\t\t\t font-size: 15px;\n\t\t\t margin-top: 15px;margin-bottom: 40px;\n\t\t\t color: ',";\n\t\t\t}\n\t\t\tpre {\n\t\t\t white-space: pre-line;\n\t\t\t margin: 0px;\n\t\t\t}\n\t\t\tmax-width: ",";\n\t\t margin: 0px auto;\n\t\t margin-top: 0;\n\t\t padding-bottom: 50px;\n\t\t @media screen and (max-width: ",") {\n\t\t\t\tdiv {\n\t\t\t font-size: 14px;\n\t\t\t }\n\t\t\t h3 {\n\t\t\t font-size: 21px;\n\t\t\t }\n\t\t }\n\t\t .page-body-in{\n\t\t \t@media screen and (max-width: ",") {\n\t\t\t\t\tmargin-top: 0px!important;\n\t\t \t}\n\t\t \tcode.hljs {\n\t\t\t\t padding: 1em;\n\t\t\t\t}\n\t\t\t\tcode.display {\n\t\t\t\t border-top-left-radius: 0px;\n\t\t\t\t border-top-right-radius: 0px;\n\t\t\t\t}\n\t\t\t\tcode.side {\n\t\t\t\t color: #c7254e;\n background: #f9f2f4;\n padding: 1px 5px!important;\n font-size: 13px;\n display: -webkit-inline-box!important;\n display: -webkit-inline-flex!important;\n display: -ms-inline-flexbox!important;\n display: inline-flex!important;\n border-radius: 3px;\n\t\t\t\t \n\t\t\t\t}\n\t\t\t\t.tab {\n\t\t\t\t\t padding-left: 15px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.tab-2 {\n\t\t\t\t\t padding-left: 30px;\n\t\t\t\t\t}\n\t\t\t\tspan.hljs-tag {\n\t\t\t\t margin-bottom: 2px;\n\t\t\t\t display: inline-block;\n\t\t\t\t}\n\t\t }\n\n }\n .page-head {\n\t\t\t p {\n\t\t\t font-size: 19px;\n\t\t\t padding: 0px 40px;\n\t\t\t color: ",";\n\t\t\t margin-top: 0px;\n\t\t\t font-weight:400;\n\t\t\t }\n\t\t\t background-color: ",";\n\t\t\t \n\t\t\t h1 {\n\t\t\t font-size: 42px;\n\t\t\t font-weight:700;\n\t\t\t font-family:",";\n\t\t\t color: ",";\n\t\t\t margin-bottom: 10px;\n\t\t\t margin-top: 0;\n\t\t\t text-align: left;\n\t\t\t padding: 0px 40px;\n\t\t\t line-height: 40px;\n\n\t\t\t }\n\t\t\t .page-head-in {\n\t\t\t\t max-width: ",";\n\t\t\t\t margin: 0 auto;\n\t\t\t\t}\n\t\t\t\t.page-head-bg{\n\t\t\t\t\t background-color:",";\n \t\t background-size:100%; \n\t\t\t padding:50px 150px;\n\t\t\t\t\tpadding-top:140px;\n\t\t\t @media screen and (max-width: ",") {\n\t\t\t\t\tbackground-size: 200%;\n\t\t\t\t\tpadding:50px 0px;\n\t\t\t\t\tpadding-top:130px;\n\t\t\t\t\th1, p {\n\t\t\t\t padding: 0px;\n\t\t\t\t }\n\t\t\t\t .page-head-in {\n\t\t\t\t\t padding: 0px 20px;\n\t\t\t\t\t}\n\t\t\t\t\th1 {\n\t\t\t\t\t font-size: 40px;\n\t\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: ",") {\n\t\t\t\t\tbackground-size: 300%;\n\t\t\t\t\th1 {\n\t\t\t\t font-size: 27px;\n\t\t\t\t line-height: 1.1;\n\t\t\t\t }\n\t\t\t\t p {\n\t\t\t\t font-size: 16px;\n\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: ",") {\n\t\t\t\t\tbackground-size: 400%;\n\t\t\t\t\t\n\t\t\t\t p {\n\t\t\t\t font-size: 15px;\n\t\t\t\t }\n\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t} \n @media screen and (max-width: ",") {\n \t.page-cont-in {\n\t\t\t\tpadding: 0px;\n\t\t\t}\n } \n "]),l=n(48),r=function(e){return e&&e.__esModule?e:{default:e}}(l),i=n(47),s=r.default.div(a,i.BREAKPOINT_LG,i.FONT_FAMILY_HEADER,i.HEADER_COLOR,i.HEADER_COLOR,i.FONT_FAMILY_HEADER,i.ICON_COLOR,i.MAX_WIDTH,i.BREAKPOINT_MD,i.BREAKPOINT_LG,i.SECONDARY_FONT_COLOR,i.HEADER_BACKGROUND,i.FONT_FAMILY_HEADER,i.MAIN_HEADER_COLOR,i.MAX_WIDTH,i.HEADER_BACKGROUND,i.BREAKPOINT_LG,i.BREAKPOINT_MD,i.BREAKPOINT_SM,i.BREAKPOINT_LG);t.default=s},516:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n \t\t display: flex;\n \t\t .docs-sidebar {\n\t\t\t\tflex: 1;\n\t\t\t\t order: 1;\n\t\t\t\t @media screen and (max-width: ",") {\n\t\t\t\t \tdisplay:none;\n\t\t\t\t }\n\t\t\t\t .docs-sidebar-list{\n\t\t\t\t \tli {\n\t\t\t\t\t padding: 1px 10px;\n\t\t\t\t\t a {\n\t\t\t\t\t \tfont-weight: 500;\n\t\t\t\t\t color: ",";\n\t\t\t\t\t font-size: 14px;\n\t\t\t\t\t &:hover {\n\t\t\t\t\t color: ",";\n\t\t\t\t\t \t\t}\n\t\t\t\t\t\t}\n\t\t\t\t \t}\n\t\t\t\t \tul {\n\t\t\t\t\t list-style: none;\n\t\t\t\t\t padding: 5px;\n\t\t\t\t\t margin: 5px 10px;\n\t\t\t\t\t margin-right: 0px;\n\t\t\t\t\t padding-right: 0px;\n\t\t\t\t\t border-left: 1px solid #ebebeb;\n\t\t\t\t\t li{\n\t\t\t\t\t \ta{\n\t\t\t\t\t \t\tfont-weight: 400!important;\n\t\t\t\t\t \t}\n\t\t\t\t\t }\n\t\t\t\t\t}\n\t\t\t\t\tposition: -webkit-sticky;\n\t\t\t\t position: sticky;\n\t\t\t\t box-sizing: border-box;\n\t\t\t\t top: 90px;\n\t\t\t\t list-style: none;\n\t\t\t\t padding: 0;\n\t\t\t\t margin: 30px;\n\t\t\t\t padding-left: 20px;\n\t\t\t\t border-right: 1px solid ",";\n\n\t\t\t\t }\n\t\t\t}\n\n\t\t\t.docs-content {\n\t\t\t\t overflow: hidden;\n\t\t\t\tflex: 2;\n\t\t\t\torder: 2;\n\t\t\t\tpadding: 0 50px;\n\t\t\t\t @media screen and (max-width: ",") {\n\t\t\t\t \tpadding: 20px;\n\t\t\t\t }\n\t\t\t}\n "],["\n \t\t display: flex;\n \t\t .docs-sidebar {\n\t\t\t\tflex: 1;\n\t\t\t\t order: 1;\n\t\t\t\t @media screen and (max-width: ",") {\n\t\t\t\t \tdisplay:none;\n\t\t\t\t }\n\t\t\t\t .docs-sidebar-list{\n\t\t\t\t \tli {\n\t\t\t\t\t padding: 1px 10px;\n\t\t\t\t\t a {\n\t\t\t\t\t \tfont-weight: 500;\n\t\t\t\t\t color: ",";\n\t\t\t\t\t font-size: 14px;\n\t\t\t\t\t &:hover {\n\t\t\t\t\t color: ",";\n\t\t\t\t\t \t\t}\n\t\t\t\t\t\t}\n\t\t\t\t \t}\n\t\t\t\t \tul {\n\t\t\t\t\t list-style: none;\n\t\t\t\t\t padding: 5px;\n\t\t\t\t\t margin: 5px 10px;\n\t\t\t\t\t margin-right: 0px;\n\t\t\t\t\t padding-right: 0px;\n\t\t\t\t\t border-left: 1px solid #ebebeb;\n\t\t\t\t\t li{\n\t\t\t\t\t \ta{\n\t\t\t\t\t \t\tfont-weight: 400!important;\n\t\t\t\t\t \t}\n\t\t\t\t\t }\n\t\t\t\t\t}\n\t\t\t\t\tposition: -webkit-sticky;\n\t\t\t\t position: sticky;\n\t\t\t\t box-sizing: border-box;\n\t\t\t\t top: 90px;\n\t\t\t\t list-style: none;\n\t\t\t\t padding: 0;\n\t\t\t\t margin: 30px;\n\t\t\t\t padding-left: 20px;\n\t\t\t\t border-right: 1px solid ",";\n\n\t\t\t\t }\n\t\t\t}\n\n\t\t\t.docs-content {\n\t\t\t\t overflow: hidden;\n\t\t\t\tflex: 2;\n\t\t\t\torder: 2;\n\t\t\t\tpadding: 0 50px;\n\t\t\t\t @media screen and (max-width: ",") {\n\t\t\t\t \tpadding: 20px;\n\t\t\t\t }\n\t\t\t}\n "]),l=n(48),r=function(e){return e&&e.__esModule?e:{default:e}}(l),i=n(47),s=r.default.div(a,i.BREAKPOINT_LG,i.ICON_COLOR,i.HEADER_COLOR,i.BORDER_COLOR,i.BREAKPOINT_LG);t.default=s},517:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n.hljs {\n display: block;\n overflow-x: auto;\n color: #555;\n background: ",";\n padding: 0.7em;\n font-size: 14px;\n border-radius: 5px; \n }\n\n.hljs-doctag, .hljs-keyword, .hljs-formula {\n color: #a626a4;\n}\n\n.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {\n color: #2f6f9f;\n}\n\n.hljs-literal {\n color: #0184bb;\n}\n\n.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {\n color: #d44950;\n}\n\n.hljs-built_in, .hljs-class .hljs-title {\n color: #c18401;\n}\n\n.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {\n color: #4f9fcf;\n}\n\n.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {\n color: #099;\n}\n\n\n\n.hljs-comment, .hljs-quote {\n color: #a0a1a7;\n font-style: italic;\n}\n.hljs-emphasis {\n font-style: italic;\n}\n\n.hljs-strong {\n font-weight: bold;\n}\n\n.hljs-link {\n text-decoration: underline;\n}\n "],["\n.hljs {\n display: block;\n overflow-x: auto;\n color: #555;\n background: ",";\n padding: 0.7em;\n font-size: 14px;\n border-radius: 5px; \n }\n\n.hljs-doctag, .hljs-keyword, .hljs-formula {\n color: #a626a4;\n}\n\n.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {\n color: #2f6f9f;\n}\n\n.hljs-literal {\n color: #0184bb;\n}\n\n.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {\n color: #d44950;\n}\n\n.hljs-built_in, .hljs-class .hljs-title {\n color: #c18401;\n}\n\n.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {\n color: #4f9fcf;\n}\n\n.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {\n color: #099;\n}\n\n\n\n.hljs-comment, .hljs-quote {\n color: #a0a1a7;\n font-style: italic;\n}\n.hljs-emphasis {\n font-style: italic;\n}\n\n.hljs-strong {\n font-weight: bold;\n}\n\n.hljs-link {\n text-decoration: underline;\n}\n "]),l=n(48),r=function(e){return e&&e.__esModule?e:{default:e}}(l),i=n(47),s=r.default.pre(a,i.LIGHT_BACKGROUND);t.default=s},518:function(e,t){e.exports=function(e){var t={endsWithParent:!0,illegal:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],case_insensitive:!0,contains:[{className:"meta",begin:"",relevance:10,contains:[{begin:"\\[",end:"\\]"}]},e.COMMENT("\x3c!--","--\x3e",{relevance:10}),{begin:"<\\!\\[CDATA\\[",end:"\\]\\]>",relevance:10},{begin:/<\?(php)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0}]},{className:"tag",begin:"|$)",end:">",keywords:{name:"style"},contains:[t],starts:{end:"",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:"|$)",end:">",keywords:{name:"script"},contains:[t],starts:{end:"<\/script>",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"meta",variants:[{begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?\w+/,end:/\?>/}]},{className:"tag",begin:"",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},t]}]}}},569:function(e,t,n){function a(e){return n(l(e))}function l(e){var t=r[e];if(!(t+1))throw new Error("Cannot find module '"+e+"'.");return t}var r={"./javascript":570,"./xml":518};a.keys=function(){return Object.keys(r)},a.resolve=l,e.exports=a,a.id=569},570:function(e,t){e.exports=function(e){var t="[A-Za-z$_][0-9A-Za-z$_]*",n={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},a={className:"number",variants:[{begin:"\\b(0[bB][01]+)"},{begin:"\\b(0[oO][0-7]+)"},{begin:e.C_NUMBER_RE}],relevance:0},l={className:"subst",begin:"\\$\\{",end:"\\}",keywords:n,contains:[]},r={className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,l]};l.contains=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,r,a,e.REGEXP_MODE];var i=l.contains.concat([e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]);return{aliases:["js","jsx"],keywords:n,contains:[{className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},{className:"meta",begin:/^#!/,end:/$/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,r,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,a,{begin:/[{,]\s*/,relevance:0,contains:[{begin:t+"\\s*:",returnBegin:!0,relevance:0,contains:[{className:"attr",begin:t,relevance:0}]}]},{begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.REGEXP_MODE,{className:"function",begin:"(\\(.*?\\)|"+t+")\\s*=>",returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:t},{begin:/\(\s*\)/},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:n,contains:i}]}]},{begin://,subLanguage:"xml",contains:[{begin:/<\w+\s*\/>/,skip:!0},{begin:/<\w+/,end:/(\/\w+|\w+\/)>/,skip:!0,contains:[{begin:/<\w+\s*\/>/,skip:!0},"self"]}]}],relevance:0},{className:"function",beginKeywords:"function",end:/\{/,excludeEnd:!0,contains:[e.inherit(e.TITLE_MODE,{begin:t}),{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,contains:i}],illegal:/\[|%/},{begin:/\$[(.]/},e.METHOD_GUARD,{className:"class",beginKeywords:"class",end:/[{;=]/,excludeEnd:!0,illegal:/[:"\[\]]/,contains:[{beginKeywords:"extends"},e.UNDERSCORE_TITLE_MODE]},{beginKeywords:"constructor",end:/\{/,excludeEnd:!0}],illegal:/#(?!!)/}}}}); //# sourceMappingURL=1.bundle.js.map \ No newline at end of file diff --git a/static/dist/1.bundle.js.gz b/static/dist/1.bundle.js.gz index 295283a..59995f0 100644 Binary files a/static/dist/1.bundle.js.gz and b/static/dist/1.bundle.js.gz differ diff --git a/static/dist/2.bundle.js b/static/dist/2.bundle.js index 6c78eaf..a6fa0dd 100644 --- a/static/dist/2.bundle.js +++ b/static/dist/2.bundle.js @@ -1,2 +1,2 @@ -webpackJsonp([2],{490:function(t,n,e){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function i(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function o(t,n){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?t:n}function l(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(t,n):t.__proto__=n)}Object.defineProperty(n,"__esModule",{value:!0});var d=function(){function t(t,n){for(var e=0;e1?t-1:0),r=1;r=128?"#000":"#fff"}};t.red={hsl:{a:1,h:0,l:.5,s:1},hex:"#ff0000",rgb:{r:255,g:0,b:0,a:1},hsv:{h:0,s:1,v:1,a:1}}},function(e,t){function n(e){return null!=e&&"object"==typeof e}e.exports=n},function(e,t){function n(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}e.exports=n},function(e,t,n){function r(e,t){return(l(e)?a:i)(e,o(t,3))}var a=n(544),o=n(605),i=n(663),l=n(494);e.exports=r},function(e,t,n){function r(e){return null==e?void 0===e?s:l:u&&u in Object(e)?o(e):i(e)}var a=n(503),o=n(594),i=n(595),l="[object Null]",s="[object Undefined]",u=a?a.toStringTag:void 0;e.exports=r},function(e,t,n){function r(e,t){var n=o(e,t);return a(n)?n:void 0}var a=n(618),o=n(621);e.exports=r},,function(e,t,n){var r=n(495),a=r.Symbol;e.exports=a},function(e,t,n){function r(e){return i(e)?a(e):o(e)}var a=n(536),o=n(602),i=n(505);e.exports=r},function(e,t,n){function r(e){return null!=e&&o(e.length)&&!a(e)}var a=n(541),o=n(522);e.exports=r},function(e,t,n){function r(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t/g,">")}function n(e){return e.nodeName.toLowerCase()}function r(e,t){var n=e&&e.exec(t);return n&&0===n.index}function a(e){return S.test(e)}function o(e){var t,n,r,o,i=e.className+" ";if(i+=e.parentNode?e.parentNode.className:"",n=O.exec(i))return w(n[1])?n[1]:"no-highlight";for(i=i.split(/\s+/),t=0,r=i.length;t"}function l(e){c+=""}function s(e){("start"===e.event?i:l)(e.node)}for(var u=0,c="",f=[];e.length||r.length;){var d=o();if(c+=t(a.substring(u,d[0].offset)),u=d[0].offset,d===e){f.reverse().forEach(l);do{s(d.splice(0,1)[0]),d=o()}while(d===e&&d.length&&d[0].offset===u);f.reverse().forEach(i)}else"start"===d[0].event?f.push(d[0].node):f.pop(),s(d.splice(0,1)[0])}return c+t(a.substr(u))}function u(e){return e.variants&&!e.cached_variants&&(e.cached_variants=e.variants.map(function(t){return i(e,{variants:null},t)})),e.cached_variants||e.endsWithParent&&[i(e)]||[e]}function c(e){function t(e){return e&&e.source||e}function n(n,r){return new RegExp(t(n),"m"+(e.case_insensitive?"i":"")+(r?"g":""))}function r(a,o){if(!a.compiled){if(a.compiled=!0,a.keywords=a.keywords||a.beginKeywords,a.keywords){var i={},l=function(t,n){e.case_insensitive&&(n=n.toLowerCase()),n.split(" ").forEach(function(e){var n=e.split("|");i[n[0]]=[t,n[1]?Number(n[1]):1]})};"string"==typeof a.keywords?l("keyword",a.keywords):E(a.keywords).forEach(function(e){l(e,a.keywords[e])}),a.keywords=i}a.lexemesRe=n(a.lexemes||/\w+/,!0),o&&(a.beginKeywords&&(a.begin="\\b("+a.beginKeywords.split(" ").join("|")+")\\b"),a.begin||(a.begin=/\B|\b/),a.beginRe=n(a.begin),a.end||a.endsWithParent||(a.end=/\B|\b/),a.end&&(a.endRe=n(a.end)),a.terminator_end=t(a.end)||"",a.endsWithParent&&o.terminator_end&&(a.terminator_end+=(a.end?"|":"")+o.terminator_end)),a.illegal&&(a.illegalRe=n(a.illegal)),null==a.relevance&&(a.relevance=1),a.contains||(a.contains=[]),a.contains=Array.prototype.concat.apply([],a.contains.map(function(e){return u("self"===e?a:e)})),a.contains.forEach(function(e){r(e,a)}),a.starts&&r(a.starts,o);var s=a.contains.map(function(e){return e.beginKeywords?"\\.?("+e.begin+")\\.?":e.begin}).concat([a.terminator_end,a.illegal]).map(t).filter(Boolean);a.terminators=s.length?n(s.join("|"),!0):{exec:function(){return null}}}}r(e)}function f(e,n,a,o){function i(e,t){var n,a;for(n=0,a=t.contains.length;n')+t+i}function h(){var e,n,r,a;if(!_.keywords)return t(S);for(a="",n=0,_.lexemesRe.lastIndex=0,r=_.lexemesRe.exec(S);r;)a+=t(S.substring(n,r.index)),e=u(_,r),e?(O+=e[1],a+=p(e[0],t(r[0]))):a+=t(r[0]),n=_.lexemesRe.lastIndex,r=_.lexemesRe.exec(S);return a+t(S.substr(n))}function b(){var e="string"==typeof _.subLanguage;if(e&&!k[_.subLanguage])return t(S);var n=e?f(_.subLanguage,S,!0,E[_.subLanguage]):d(S,_.subLanguage.length?_.subLanguage:void 0);return _.relevance>0&&(O+=n.relevance),e&&(E[_.subLanguage]=n.top),p(n.language,n.value,!1,!0)}function g(){C+=null!=_.subLanguage?b():h(),S=""}function v(e){C+=e.className?p(e.className,"",!0):"",_=Object.create(e,{parent:{value:_}})}function x(e,t){if(S+=e,null==t)return g(),0;var n=i(t,_);if(n)return n.skip?S+=t:(n.excludeBegin&&(S+=t),g(),n.returnBegin||n.excludeBegin||(S=t)),v(n,t),n.returnBegin?0:t.length;var r=l(_,t);if(r){var a=_;a.skip?S+=t:(a.returnEnd||a.excludeEnd||(S+=t),g(),a.excludeEnd&&(S=t));do{_.className&&(C+=A),_.skip||(O+=_.relevance),_=_.parent}while(_!==r.parent);return r.starts&&v(r.starts,""),a.returnEnd?0:t.length}if(s(t,_))throw new Error('Illegal lexeme "'+t+'" for mode "'+(_.className||"")+'"');return S+=t,t.length||1}var m=w(e);if(!m)throw new Error('Unknown language: "'+e+'"');c(m);var y,_=o||m,E={},C="";for(y=_;y!==m;y=y.parent)y.className&&(C=p(y.className,"",!0)+C);var S="",O=0;try{for(var j,M,R=0;;){if(_.terminators.lastIndex=R,!(j=_.terminators.exec(n)))break;M=x(n.substring(R,j.index),j[0]),R=j.index+M}for(x(n.substr(R)),y=_;y.parent;y=y.parent)y.className&&(C+=A);return{relevance:O,value:C,language:e,top:_}}catch(e){if(e.message&&-1!==e.message.indexOf("Illegal"))return{relevance:0,value:t(n)};throw e}}function d(e,n){n=n||P.languages||E(k);var r={relevance:0,value:t(e)},a=r;return n.filter(w).forEach(function(t){var n=f(t,e,!1);n.language=t,n.relevance>a.relevance&&(a=n),n.relevance>r.relevance&&(a=r,r=n)}),a.language&&(r.second_best=a),r}function p(e){return P.tabReplace||P.useBR?e.replace(j,function(e,t){return P.useBR&&"\n"===e?"
":P.tabReplace?t.replace(/\t/g,P.tabReplace):""}):e}function h(e,t,n){var r=t?C[t]:n,a=[e.trim()];return e.match(/\bhljs\b/)||a.push("hljs"),-1===e.indexOf(r)&&a.push(r),a.join(" ").trim()}function b(e){var t,n,r,i,u,c=o(e);a(c)||(P.useBR?(t=document.createElementNS("http://www.w3.org/1999/xhtml","div"),t.innerHTML=e.innerHTML.replace(/\n/g,"").replace(//g,"\n")):t=e,u=t.textContent,r=c?f(c,u,!0):d(u),n=l(t),n.length&&(i=document.createElementNS("http://www.w3.org/1999/xhtml","div"),i.innerHTML=r.value,r.value=s(n,l(i),u)),r.value=p(r.value),e.innerHTML=r.value,e.className=h(e.className,c,r.language),e.result={language:r.language,re:r.relevance},r.second_best&&(e.second_best={language:r.second_best.language,re:r.second_best.relevance}))}function g(e){P=i(P,e)}function v(){if(!v.called){v.called=!0;var e=document.querySelectorAll("pre code");_.forEach.call(e,b)}}function x(){addEventListener("DOMContentLoaded",v,!1),addEventListener("load",v,!1)}function m(t,n){var r=k[t]=n(e);r.aliases&&r.aliases.forEach(function(e){C[e]=t})}function y(){return E(k)}function w(e){return e=(e||"").toLowerCase(),k[e]||k[C[e]]}var _=[],E=Object.keys,k={},C={},S=/^(no-?highlight|plain|text)$/i,O=/\blang(?:uage)?-([\w-]+)\b/i,j=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,A="",P={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return e.highlight=f,e.highlightAuto=d,e.fixMarkup=p,e.highlightBlock=b,e.configure=g,e.initHighlighting=v,e.initHighlightingOnLoad=x,e.registerLanguage=m,e.listLanguages=y,e.getLanguage=w,e.inherit=i,e.IDENT_RE="[a-zA-Z]\\w*",e.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",e.NUMBER_RE="\\b\\d+(\\.\\d+)?",e.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BINARY_NUMBER_RE="\\b(0b[01]+)",e.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},e.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},e.COMMENT=function(t,n,r){var a=e.inherit({className:"comment",begin:t,end:n,contains:[]},r||{});return a.contains.push(e.PHRASAL_WORDS_MODE),a.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),a},e.C_LINE_COMMENT_MODE=e.COMMENT("//","$"),e.C_BLOCK_COMMENT_MODE=e.COMMENT("/\\*","\\*/"),e.HASH_COMMENT_MODE=e.COMMENT("#","$"),e.NUMBER_MODE={className:"number",begin:e.NUMBER_RE,relevance:0},e.C_NUMBER_MODE={className:"number",begin:e.C_NUMBER_RE,relevance:0},e.BINARY_NUMBER_MODE={className:"number",begin:e.BINARY_NUMBER_RE,relevance:0},e.CSS_NUMBER_MODE={className:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},e.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[e.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[e.BACKSLASH_ESCAPE]}]},e.TITLE_MODE={className:"title",begin:e.IDENT_RE,relevance:0},e.UNDERSCORE_TITLE_MODE={className:"title",begin:e.UNDERSCORE_IDENT_RE,relevance:0},e.METHOD_GUARD={begin:"\\.\\s*"+e.UNDERSCORE_IDENT_RE,relevance:0},e})},,,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n.hljs {\n display: block;\n overflow-x: auto;\n color: #555;\n background: ",";\n padding: 0.7em;\n font-size: 14px;\n border-radius: 5px; \n }\n\n.hljs-doctag, .hljs-keyword, .hljs-formula {\n color: #a626a4;\n}\n\n.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {\n color: #2f6f9f;\n}\n\n.hljs-literal {\n color: #0184bb;\n}\n\n.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {\n color: #d44950;\n}\n\n.hljs-built_in, .hljs-class .hljs-title {\n color: #c18401;\n}\n\n.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {\n color: #4f9fcf;\n}\n\n.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {\n color: #099;\n}\n\n\n\n.hljs-comment, .hljs-quote {\n color: #a0a1a7;\n font-style: italic;\n}\n.hljs-emphasis {\n font-style: italic;\n}\n\n.hljs-strong {\n font-weight: bold;\n}\n\n.hljs-link {\n text-decoration: underline;\n}\n "],["\n.hljs {\n display: block;\n overflow-x: auto;\n color: #555;\n background: ",";\n padding: 0.7em;\n font-size: 14px;\n border-radius: 5px; \n }\n\n.hljs-doctag, .hljs-keyword, .hljs-formula {\n color: #a626a4;\n}\n\n.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {\n color: #2f6f9f;\n}\n\n.hljs-literal {\n color: #0184bb;\n}\n\n.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {\n color: #d44950;\n}\n\n.hljs-built_in, .hljs-class .hljs-title {\n color: #c18401;\n}\n\n.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {\n color: #4f9fcf;\n}\n\n.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {\n color: #099;\n}\n\n\n\n.hljs-comment, .hljs-quote {\n color: #a0a1a7;\n font-style: italic;\n}\n.hljs-emphasis {\n font-style: italic;\n}\n\n.hljs-strong {\n font-weight: bold;\n}\n\n.hljs-link {\n text-decoration: underline;\n}\n "]),a=n(48),o=function(e){return e&&e.__esModule?e:{default:e}}(a),i=n(47),l=o.default.pre(r,i.LIGHT_BACKGROUND);t.default=l},function(e,t){e.exports=function(e){var t={endsWithParent:!0,illegal:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],case_insensitive:!0,contains:[{className:"meta",begin:"",relevance:10,contains:[{begin:"\\[",end:"\\]"}]},e.COMMENT("\x3c!--","--\x3e",{relevance:10}),{begin:"<\\!\\[CDATA\\[",end:"\\]\\]>",relevance:10},{begin:/<\?(php)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0}]},{className:"tag",begin:"|$)",end:">",keywords:{name:"style"},contains:[t],starts:{end:"",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:"|$)",end:">",keywords:{name:"script"},contains:[t],starts:{end:"<\/script>",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"meta",variants:[{begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?\w+/,end:/\?>/}]},{className:"tag",begin:"",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},t]}]}}},function(e,t,n){function r(e,t){return e&&a(e,o(t))}var a=n(535),o=n(542);e.exports=r},function(e,t,n){(function(e){var r=n(495),a=n(600),o="object"==typeof t&&t&&!t.nodeType&&t,i=o&&"object"==typeof e&&e&&!e.nodeType&&e,l=i&&i.exports===o,s=l?r.Buffer:void 0,u=s?s.isBuffer:void 0,c=u||a;e.exports=c}).call(t,n(521)(e))},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},function(e,t){function n(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=r}var r=9007199254740991;e.exports=n},function(e,t){function n(e){return function(t){return e(t)}}e.exports=n},function(e,t,n){(function(e){var r=n(534),a="object"==typeof t&&t&&!t.nodeType&&t,o=a&&"object"==typeof e&&e&&!e.nodeType&&e,i=o&&o.exports===a,l=i&&r.process,s=function(){try{var e=o&&o.require&&o.require("util").types;return e||l&&l.binding&&l.binding("util")}catch(e){}}();e.exports=s}).call(t,n(521)(e))},function(e,t){function n(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||r)}var r=Object.prototype;e.exports=n},function(e,t,n){var r=n(540),a=r(Object.getPrototypeOf,Object);e.exports=a},function(e,t,n){function r(e){var t=this.__data__=new a(e);this.size=t.size}var a=n(506),o=n(613),i=n(614),l=n(615),s=n(616),u=n(617);r.prototype.clear=o,r.prototype.delete=i,r.prototype.get=l,r.prototype.has=s,r.prototype.set=u,e.exports=r},function(e,t){function n(e,t){return e===t||e!==e&&t!==t}e.exports=n},function(e,t,n){var r=n(501),a=n(495),o=r(a,"Map");e.exports=o},function(e,t,n){function r(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t-1&&e%1==0&&ed))return!1;var h=c.get(e);if(h&&c.get(t))return h==t;var b=-1,g=!0,v=n&s?new a:void 0;for(c.set(e,t),c.set(t,e);++b=t||n<0||S&&r>=y}function p(){var e=o();if(d(e))return h(e);_=setTimeout(p,f(e))}function h(e){return _=void 0,O&&x?r(e):(x=m=void 0,w)}function b(){void 0!==_&&clearTimeout(_),k=0,x=E=m=_=void 0}function g(){return void 0===_?w:h(o())}function v(){var e=o(),n=d(e);if(x=arguments,m=this,E=e,n){if(void 0===_)return c(E);if(S)return _=setTimeout(p,t),r(E)}return void 0===_&&(_=setTimeout(p,t)),w}var x,m,y,w,_,E,k=0,C=!1,S=!1,O=!0;if("function"!=typeof e)throw new TypeError(l);return t=i(t)||0,a(n)&&(C=!!n.leading,S="maxWait"in n,y=S?s(i(n.maxWait)||0,t):y,O="trailing"in n?!!n.trailing:O),v.cancel=b,v.flush=g,v}var a=n(498),o=n(703),i=n(704),l="Expected a function",s=Math.max,u=Math.min;e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.ColorWrap=void 0;var l=Object.assign||function(e){for(var t=1;t",componentCode:""}):"LOGO"===this.props.icon.type_of_icon?this.setState({code:"",componentCode:""}):this.setState({code:"",componentCode:""})}},{key:"componentDidMount",value:function(){for(var e=document.querySelectorAll("code"),t=0;t0&&(t+=" bx-rotate-"+this.state.rotate,n+="rotate='"+this.state.rotate+"' "),"none"!==this.state.flip&&(t+=" bx-flip-"+this.state.flip,n+="flip='"+this.state.flip+"' ");var r="";0===this.state.fill.r&&0===this.state.fill.g&&0===this.state.fill.b&&1===this.state.fill.a||(1===this.state.fill.a?(r="style='color:"+this.state.hex+"' ",n+="color='"+this.state.hex+"' "):(r="style='color:rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ",n+="color='rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ")),this.setState({code:"",componentCode:""})}}},{key:"changeURI",value:function(){var e="",t=this.state.size,n=document.getElementsByClassName("injected-svg")[0];n&&(0,F.svgAsPngUri)(n,{scale:t},function(t){e=t,this.setState({uri:''},function(){})}.bind(this))}},{key:"handleAdjust",value:function(){var e="REGULAR",t=this.props.icon.name+"-regular";"REGULAR"===this.props.icon.type_of_icon&&(t=this.props.icon.name+"-solid",e="SOLID"),this.props.changeSideIcon(!0),this.props.setSelectedIcon(this.props.icon.name,t,e)}},{key:"handleSizes",value:function(){this.setState({showSizes:!this.state.showSizes})}},{key:"handleFlip",value:function(){0!==this.state.rotate&&this.setState({rotate:0});var e="bx bx-"+this.props.icon.name,t="name='"+this.props.icon.name+"' ",n="none";"SOLID"===this.props.icon.type_of_icon?(e="bx bxs-"+this.props.icon.name,t+="type='solid' "):"LOGO"===this.props.icon.type_of_icon&&(e="bx bxl-"+this.props.icon.name,t+="type='logo' "),"none"===this.state.flip?(this.setState({flip:"horizontal",svgTransform:"scaleX(-1)",svgFilter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"}),n="horizontal",e+=" bx-flip-"+n,t+="flip='"+n+"' "):"horizontal"===this.state.flip?(this.setState({flip:"vertical",svgTransform:"scaleY(-1)",svgFilter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}),n="vertical",e+=" bx-flip-"+n,t+="flip='"+n+"' "):"vertical"===this.state.flip&&this.setState({flip:"none",svgTransform:"",svgFilter:""}),"none"!==this.state.animation&&(e+=" bx-"+this.state.animation,t+="animation='"+this.state.animation+"' ");var r="";0===this.state.fill.r&&0===this.state.fill.g&&0===this.state.fill.b&&1===this.state.fill.a||(1===this.state.fill.a?(r="style='color:"+this.state.hex+"' ",t+="color='"+this.state.hex+"' "):(r="style='color:rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ",t+="color='rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ")),this.setState({code:"",componentCode:""})}},{key:"handleRotate",value:function(){"none"!==this.state.flip&&this.setState({flip:"none"});var e="bx bx-"+this.props.icon.name,t="name='"+this.props.icon.name+"' ";"SOLID"===this.props.icon.type_of_icon?(e="bx bxs-"+this.props.icon.name,t+="type='solid' "):"LOGO"===this.props.icon.type_of_icon&&(e="bx bxl-"+this.props.icon.name,t+="type='logo' "),"none"!==this.state.animation&&(e+=" bx-"+this.state.animation,t+="animation='"+this.state.animation+"' "),this.state.rotate+90!==360?(this.setState({rotate:this.state.rotate+90,svgTransform:"rotate("+(this.state.rotate+90)+"deg)",svgFilter:"progid:DXImageTransform.Microsoft.BasicImage(rotation="+(this.state.rotate+90)/90+")"}),e+=" bx-rotate-"+(this.state.rotate+90),t+="rotate='"+(this.state.rotate+90)+"' "):this.setState({rotate:0,svgTransform:"",svgFilter:""});var n="";0===this.state.fill.r&&0===this.state.fill.g&&0===this.state.fill.b&&1===this.state.fill.a||(1===this.state.fill.a?(n="style='color:"+this.state.hex+"' ",t+="color='"+this.state.hex+"' "):(n="style='color:rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ",t+="color='rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ")),this.setState({code:"",componentCode:""})}},{key:"handleSize",value:function(e){this.setState({size:e}),this.setState({showSizes:!1})}},{key:"handleAnimate",value:function(e){this.setState({animation:e}),this.setState({animateChoiceDisplay:!1});var t="bx bx-"+this.props.icon.name,n="name='"+this.props.icon.name+"' ";"SOLID"===this.props.icon.type_of_icon?(t="bx bxs-"+this.props.icon.name,n+="type='solid' "):"LOGO"===this.props.icon.type_of_icon&&(t="bx bxl-"+this.props.icon.name,n+="type='logo' "),"none"!==e&&(t+=" bx-"+e,n+="animation='"+e+"' "),this.state.rotate>0&&(t+=" bx-rotate-"+this.state.rotate,n+="rotate='"+this.state.rotate+"' "),"none"!==this.state.flip&&(t+=" bx-flip-"+this.state.flip,n+="flip='"+this.state.flip+"' ");var r="";0===this.state.fill.r&&0===this.state.fill.g&&0===this.state.fill.b&&1===this.state.fill.a||(1===this.state.fill.a?(r="style='color:"+this.state.hex+"' ",n+="color='"+this.state.hex+"' "):(r="style='color:rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ",n+="color='rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ")),this.setState({code:"",componentCode:""})}},{key:"handleFill",value:function(){this.setState({showFill:!this.state.showFill})}},{key:"savePNG",value:function(e){e.preventDefault();var t=this.state.size;(0,F.saveSvgAsPng)(document.getElementsByClassName("injected-svg")[0],this.props.icon.name+"-"+this.props.icon.type_of_icon.toLowerCase()+"-"+Math.ceil(24*this.state.size)+".png",{scale:t})}},{key:"getHTML",value:function(e){e.preventDefault(),this.setState({showHTML:!0}),this.changeURI()}},{key:"copyURI",value:function(){document.getElementById("uriID").select(),document.execCommand("copy"),this.setState({htmlcopied:!0}),setTimeout(function(){this.setState({htmlcopied:!1})}.bind(this),1e3)}},{key:"handleChangeComplete",value:function(e){var t="bx bx-"+this.props.icon.name,n="name='"+this.props.icon.name+"' ";if("SOLID"===this.props.icon.type_of_icon?(t="bx bxs-"+this.props.icon.name,n+="type='solid' "):"LOGO"===this.props.icon.type_of_icon&&(t="bx bxl-"+this.props.icon.name,n+="type='logo' "),this.state.rotate>0&&(t+=" bx-rotate-"+this.state.rotate,n+="rotate='"+this.state.rotate+"' "),"none"!==this.state.flip&&(t+=" bx-flip-"+this.state.flip,n+="flip='"+this.state.flip+"' "),"none"!==this.state.animation&&(t+=" bx-"+this.state.animation,n+="animation='"+this.state.animation+"' "),0!==e.rgb.r||0!==e.rgb.g||0!==e.rgb.b||1!==e.rgb.a){var r="";1===e.rgb.a?(r="style='color:"+e.hex+"' ",n+="color='"+e.hex+"' "):(r="style='color:rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")' ",n+="color='rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")' ")}this.setState({fill:e.rgb,hex:e.hex,code:"",componentCode:""})}},{key:"handleCurrentAnimation",value:function(){this.setState({animateChoiceDisplay:!this.state.animateChoiceDisplay}),this.setState({colorChoiceDisplay:!1})}},{key:"copyCode",value:function(){document.querySelector("#code").select(),document.execCommand("Copy"),this.setState({copied:!0}),setTimeout(function(){this.setState({copied:!1})}.bind(this),1e3)}},{key:"handleBoxClose",value:function(){this.props.changeSideIcon(!1),this.props.setSelectedIcon(null,null)}},{key:"render",value:function(){var e=this,t=(0,I.default)({active:this.state.copied,copied:!0}),n=(0,I.default)({active:this.state.htmlcopied,copied:!0}),r={color:"rgba("+this.state.fill.r+", "+this.state.fill.g+", "+this.state.fill.b+", "+this.state.fill.a+")"},a="/static/img/svg/bx-"+this.props.icon.name+".svg",o=this.props.icon,i="bx-"+o.name;return"SOLID"===o.type_of_icon?(a="/static/img/svg/bxs-"+this.props.icon.name+".svg",i="bxs-"+o.name):"LOGO"===o.type_of_icon&&(a="/static/img/svg/bxl-"+this.props.icon.name+".svg",i="bxl-"+o.name),m.default.createElement("div",{className:" "},m.default.createElement($,{className:"icon"},m.default.createElement("input",{className:"hidden",type:"text",onChange:function(){},value:this.state.uri,id:"uriID"}),this.state.showHTML&&m.default.createElement(P.default,{onOutsideClick:function(){e.setState({showHTML:!1})}},m.default.createElement(q,null," ",m.default.createElement("div",{className:"html-box-overflow"},m.default.createElement("div",{className:"html-box-cont"},"Click to Copy & Paste it into your HTML",m.default.createElement("div",{className:"html-code"},m.default.createElement(j.default,{title:"Copy html code"},m.default.createElement("div",{className:"icon-code-in",onClick:this.copyURI}),m.default.createElement("div",{className:"code-hover"}," ",m.default.createElement("code",{className:"html"},this.state.uri)," ",m.default.createElement("div",{className:n},"Copied ",m.default.createElement("i",{className:"bx bx-check"}))))))))),m.default.createElement(L.default,{src:"/static/img/svg/"+i+".svg",svgStyle:{fill:"rgba("+this.state.fill.r+", "+this.state.fill.g+", "+this.state.fill.b+", "+this.state.fill.a+")",transform:this.state.svgTransform,msFilter:this.state.svgFilter}}),m.default.createElement("div",{className:"box-bg "},m.default.createElement("i",{style:r,className:"bx "+i+" bx-rotate-"+this.state.rotate+" bx-"+this.state.animation+" bx-flip-"+this.state.flip}),m.default.createElement(V,null,this.state.opposite&&m.default.createElement("div",{className:"function-button"}," ",m.default.createElement(X,{onClick:this.handleAdjust,className:"active func-adjust",title:"Toggle Style"},m.default.createElement("i",{className:"bx bxs-adjust"}))),m.default.createElement("div",{className:"function-button"},m.default.createElement(P.default,{onOutsideClick:function(){e.setState({showFill:!1})}},m.default.createElement(X,{onClick:this.handleFill,className:"active func-fill",title:"Fill Color"},m.default.createElement("i",{className:"bx bxs-color-fill"})),this.state.showFill&&m.default.createElement("div",{className:"color-picker",id:"picker"},m.default.createElement(B.ChromePicker,{color:this.state.fill,onChangeComplete:this.handleChangeComplete})))),m.default.createElement("div",{className:"function-button"}," ",m.default.createElement(X,{onClick:this.handleRotate,className:this.state.rotate>0?"active func-rotate":"func-rotate",title:"Rotate"},m.default.createElement("i",{className:"bx bx-rotate-right"}))," "),m.default.createElement("div",{className:"function-button"},m.default.createElement(P.default,{onOutsideClick:function(){e.setState({animateChoiceDisplay:!1})}}," ",m.default.createElement(X,{className:"none"!=this.state.animation?"active func-animate":"func-animate",title:"Animate"},m.default.createElement("div",{onClick:this.handleCurrentAnimation},m.default.createElement("i",{className:"bx bxs-zap"})),this.state.animateChoiceDisplay&&m.default.createElement("div",{className:"animate-choices"},m.default.createElement("div",{className:"animate tada",onClick:function(){return e.handleAnimate("tada")}},m.default.createElement("i",{className:"bx "+i+" bx-tada"})),m.default.createElement("div",{className:"animate flashing",onClick:function(){return e.handleAnimate("flashing")}},m.default.createElement("i",{className:"bx "+i+" bx-flashing"})),m.default.createElement("div",{className:"animate burst",onClick:function(){return e.handleAnimate("burst")}},m.default.createElement("i",{className:"bx "+i+" bx-burst"})),m.default.createElement("div",{className:"animate spin",onClick:function(){return e.handleAnimate("spin")}},m.default.createElement("i",{className:"bx "+i+" bx-spin"})),m.default.createElement("div",{className:"animate fade-left",onClick:function(){return e.handleAnimate("fade-left")}},m.default.createElement("i",{className:"bx "+i+" bx-fade-left"})),m.default.createElement("div",{className:"animate fade-right",onClick:function(){return e.handleAnimate("fade-right")}},m.default.createElement("i",{className:"bx "+i+" bx-fade-right"})),m.default.createElement("div",{className:"animate fade-up",onClick:function(){return e.handleAnimate("fade-up")}},m.default.createElement("i",{className:"bx "+i+" bx-fade-up"})),m.default.createElement("div",{className:"animate fade-down",onClick:function(){return e.handleAnimate("fade-down")}},m.default.createElement("i",{className:"bx "+i+" bx-fade-down"})),m.default.createElement("div",{className:"animate none",onClick:function(){return e.handleAnimate("none")}},"none"))))),m.default.createElement("div",{className:"function-button"}," ",m.default.createElement(X,{onClick:this.handleFlip,className:"none"!=this.state.flip?"active func-flip":"func-flip",title:"Flip"},m.default.createElement("i",{className:"bx bx-sync"}))))),m.default.createElement("div",{className:" icon-head"},m.default.createElement("div",{className:" icon-head-name"},o.name),m.default.createElement("div",{className:" icon-footer"},m.default.createElement(W,null,m.default.createElement("div",{className:"code-options"},m.default.createElement("div",{className:"component"===this.state.type?"code-option active":"code-option",onClick:function(){return e.changeType("component")}},"Web Component"),m.default.createElement("div",{className:"font"===this.state.type?"code-option active":"code-option",onClick:function(){return e.changeType("font")}},"Font"),m.default.createElement(H.Link,{to:"/get-started",className:"usage-link"},"Usage >")),"component"===this.state.type?m.default.createElement("div",null,m.default.createElement(j.default,{title:"Copy code"}," ",m.default.createElement("div",{className:"icon-code-in",onClick:this.copyCode}),m.default.createElement("div",{className:"code-hover"}," ",m.default.createElement("code",{className:"html"},this.state.componentCode))),m.default.createElement("input",{className:"hidden",type:"text",onChange:function(){},value:this.state.componentCode,id:"code"}),m.default.createElement("div",{className:t},"Copied ",m.default.createElement("i",{className:"bx bx-check"}))):m.default.createElement("div",null," ",m.default.createElement(j.default,{title:"Copy code"}," ",m.default.createElement("div",{className:"icon-code-in",onClick:this.copyCode}," "),m.default.createElement("div",{className:"code-hover"},m.default.createElement("code",{className:"html"},this.state.code))),m.default.createElement("input",{className:"hidden",type:"text",onChange:function(){},value:this.state.code,id:"code"}),m.default.createElement("div",{className:t},"Copied ",m.default.createElement("i",{className:"bx bx-check"}))))),m.default.createElement(U,null,m.default.createElement(M.WhiteButton,{href:"#",onClick:this.savePNG,className:"button icon-download "},m.default.createElement("div",{className:"button-name"},"PNG"),m.default.createElement("i",{className:"bx bxs-download"})),m.default.createElement(M.WhiteButton,{href:"#",onClick:this.getHTML,className:"button icon-download "},m.default.createElement("div",{className:"button-name"},"HTML"),m.default.createElement("i",{className:"bx bx-code"})),m.default.createElement(M.BlueButton,{href:a,download:i,className:"button icon-download "},m.default.createElement("div",{className:"button-name"},"SVG"),m.default.createElement("i",{className:"bx bxs-download"})),m.default.createElement(P.default,{onOutsideClick:function(){e.setState({showSizes:!1})}}," ",m.default.createElement("div",{className:"download-size",title:"Icon Size"},this.state.showSizes&&m.default.createElement("div",{className:"download-sizes"},m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(.66)}},"16px"),m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(1)}},"24px"),m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(1.5)}},"36px"),m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(2)}},"48px"),m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(4)}},"96px"),m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(5)}},"120px"),m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(10)}},"240px")),m.default.createElement("div",{className:"size-button",onClick:this.handleSizes},Math.ceil(24*this.state.size),"px ",m.default.createElement("i",{className:"bx bx-caret-down"})))))),m.default.createElement(G,{onClick:this.handleBoxClose},m.default.createElement("i",{className:"bx bx-x"}))))}}]),t}(x.Component);t.default=(0,y.connect)(s,u)(Y)},function(e,t,n){"use strict";var r,a;!function(){var n=void 0!==t&&t||{}||this||window;r=[],void 0!==(a=function(){return n}.apply(t,r))&&(e.exports=a);var o="http://www.w3.org/2000/xmlns/",i=/url\(["']?(.+?)["']?\)/,l={woff2:"font/woff2",woff:"font/woff",otf:"application/x-font-opentype",ttf:"application/x-font-ttf",eot:"application/vnd.ms-fontobject",sfnt:"application/font-sfnt",svg:"image/svg+xml"},s=function(e){return e instanceof HTMLElement||e instanceof SVGElement},u=function(e){if(!s(e))throw new Error("an HTMLElement or SVGElement is required; got "+e)},c=function(e){return e&&0===e.lastIndexOf("http",0)&&-1===e.lastIndexOf(window.location.host)},f=function(e){var t=Object.keys(l).filter(function(t){return e.indexOf("."+t)>0}).map(function(e){return l[e]});return t?t[0]:(console.error("Unknown font format for "+e+". Fonts may not be working correctly."),"application/octet-stream")},d=function(e){for(var t="",n=new Uint8Array(e),r=0;r *")).forEach(function(e){e.getAttribute("xmlns")||e.setAttributeNS(o,"xmlns","http://www.w3.org/1999/xhtml")}),k(e,t).then(function(e){var t=document.createElement("style");t.setAttribute("type","text/css"),t.innerHTML="";var a=document.createElement("defs");a.appendChild(t),r.insertBefore(a,r.firstChild);var o=document.createElement("div");o.appendChild(r);var i=o.innerHTML.replace(/NS\d+:href/gi,'xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href');if("function"!=typeof n)return{src:i,width:b,height:v};n(i,b,v)})})},n.svgAsDataUri=function(e,t,r){u(e);var a=n.prepareSvg(e,t).then(function(e){var t=e.src;return"data:image/svg+xml;base64,"+window.btoa(b(']>'+t))});return"function"==typeof r?a.then(r):a},n.svgAsPngUri=function(e,t,r){u(e);var a=t||{},o=a.encoderType,i=void 0===o?"image/png":o,l=a.encoderOptions,s=void 0===l?.8:l,c=a.canvg,f=function(e){var t=e.src,n=e.width,a=e.height,o=document.createElement("canvas"),l=o.getContext("2d"),u=window.devicePixelRatio||1;o.width=n*u,o.height=a*u,o.style.width=o.width+"px",o.style.height=o.height+"px",l.setTransform(u,0,0,u,0,0),c?c(o,t):l.drawImage(t,0,0);var f=void 0;try{f=o.toDataURL(i,s)}catch(e){if("undefined"!=typeof SecurityError&&e instanceof SecurityError||"SecurityError"===e.name)return void console.error("Rendered SVG images cannot be downloaded in this browser.");throw e}return"function"==typeof r&&r(f),Promise.resolve(f)};return c?n.prepareSvg(e,t).then(f):n.svgAsDataUri(e,t).then(function(e){return new Promise(function(t,n){var r=new Image;r.onload=function(){return t(f({src:r,width:r.width,height:r.height}))},r.onerror=function(){n("There was an error loading the data URI as an image on the following SVG\n"+window.atob(e.slice(26))+"Open the following link to see browser's diagnosis\n"+e)},r.src=e})})},n.download=function(e,t){if(navigator.msSaveOrOpenBlob)navigator.msSaveOrOpenBlob(g(t),e);else{var n=document.createElement("a");if("download"in n){n.download=e,n.style.display="none",document.body.appendChild(n);try{var r=g(t),a=URL.createObjectURL(r);n.href=a,n.onclick=function(){return requestAnimationFrame(function(){return URL.revokeObjectURL(a)})}}catch(e){console.warn("This browser does not support object URLs. Falling back to string URL."),n.href=t}n.click(),document.body.removeChild(n)}else window.open(t,"_temp","menubar=no,toolbar=no,status=no")}},n.saveSvg=function(e,t,r){u(e),n.svgAsDataUri(e,r||{},function(e){return n.download(t,e)})},n.saveSvgAsPng=function(e,t,r){u(e),n.svgAsPngUri(e,r||{},function(e){return n.download(t,e)})}}()},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.CustomPicker=t.TwitterPicker=t.SwatchesPicker=t.SliderPicker=t.SketchPicker=t.PhotoshopPicker=t.MaterialPicker=t.HuePicker=t.GithubPicker=t.CompactPicker=t.ChromePicker=t.default=t.CirclePicker=t.BlockPicker=t.AlphaPicker=void 0;var a=n(591);Object.defineProperty(t,"AlphaPicker",{enumerable:!0,get:function(){return r(a).default}});var o=n(712);Object.defineProperty(t,"BlockPicker",{enumerable:!0,get:function(){return r(o).default}});var i=n(714);Object.defineProperty(t,"CirclePicker",{enumerable:!0,get:function(){return r(i).default}});var l=n(716);Object.defineProperty(t,"ChromePicker",{enumerable:!0,get:function(){return r(l).default}});var s=n(720);Object.defineProperty(t,"CompactPicker",{enumerable:!0,get:function(){return r(s).default}});var u=n(723);Object.defineProperty(t,"GithubPicker",{enumerable:!0,get:function(){return r(u).default}});var c=n(725);Object.defineProperty(t,"HuePicker",{enumerable:!0,get:function(){return r(c).default}});var f=n(727);Object.defineProperty(t,"MaterialPicker",{enumerable:!0,get:function(){return r(f).default}});var d=n(728);Object.defineProperty(t,"PhotoshopPicker",{enumerable:!0,get:function(){return r(d).default}});var p=n(734);Object.defineProperty(t,"SketchPicker",{enumerable:!0,get:function(){return r(p).default}});var h=n(737);Object.defineProperty(t,"SliderPicker",{enumerable:!0,get:function(){return r(h).default}});var b=n(741);Object.defineProperty(t,"SwatchesPicker",{enumerable:!0,get:function(){return r(b).default}});var g=n(744);Object.defineProperty(t,"TwitterPicker",{enumerable:!0,get:function(){return r(g).default}});var v=n(565);Object.defineProperty(t,"CustomPicker",{enumerable:!0,get:function(){return r(v).default}});var x=r(l);t.default=x.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.AlphaPicker=void 0;var a=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:[],n=[];return(0,f.default)(t,function(t){Array.isArray(t)?e(t).map(function(e){return n.push(e)}):(0,u.default)(t)?(0,l.default)(t,function(e,t){!0===e&&n.push(t),n.push(t+"-"+e)}):(0,o.default)(t)&&n.push(t)}),n};t.default=d},function(e,t,n){function r(e){return"string"==typeof e||!o(e)&&i(e)&&a(e)==l}var a=n(500),o=n(494),i=n(497),l="[object String]";e.exports=r},function(e,t,n){function r(e){var t=i.call(e,s),n=e[s];try{e[s]=void 0;var r=!0}catch(e){}var a=l.call(e);return r&&(t?e[s]=n:delete e[s]),a}var a=n(503),o=Object.prototype,i=o.hasOwnProperty,l=o.toString,s=a?a.toStringTag:void 0;e.exports=r},function(e,t){function n(e){return a.call(e)}var r=Object.prototype,a=r.toString;e.exports=n},function(e,t,n){var r=n(597),a=r();e.exports=a},function(e,t){function n(e){return function(t,n,r){for(var a=-1,o=Object(t),i=r(t),l=i.length;l--;){var s=i[e?l:++a];if(!1===n(o[s],s,o))break}return t}}e.exports=n},function(e,t){function n(e,t){for(var n=-1,r=Array(e);++n-1}var a=n(507);e.exports=r},function(e,t,n){function r(e,t){var n=this.__data__,r=a(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}var a=n(507);e.exports=r},function(e,t,n){function r(){this.__data__=new a,this.size=0}var a=n(506);e.exports=r},function(e,t){function n(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n}e.exports=n},function(e,t){function n(e){return this.__data__.get(e)}e.exports=n},function(e,t){function n(e){return this.__data__.has(e)}e.exports=n},function(e,t,n){function r(e,t){var n=this.__data__;if(n instanceof a){var r=n.__data__;if(!o||r.length1&&void 0!==arguments[1]?arguments[1]:[],n=e.default&&(0,l.default)(e.default)||{};return t.map(function(t){var r=e[t];return r&&(0,o.default)(r,function(e,t){n[t]||(n[t]={}),n[t]=s({},n[t],r[t])}),t}),n};t.default=u},function(e,t,n){function r(e){return a(e,o|i)}var a=n(667),o=1,i=4;e.exports=r},function(e,t,n){function r(e,t,n,N,F,B){var T,L=t&C,z=t&S,D=t&O;if(n&&(T=F?n(e,N,F,B):n(e)),void 0!==T)return T;if(!_(e))return e;var I=m(e);if(I){if(T=g(e),!L)return c(e,T)}else{var H=b(e),G=H==A||H==P;if(y(e))return u(e,L);if(H==M||H==j||G&&!F){if(T=z||G?{}:x(e),!L)return z?d(e,s(T,e)):f(e,l(T,e))}else{if(!R[H])return F?e:{};T=v(e,H,L)}}B||(B=new a);var U=B.get(e);if(U)return U;if(B.set(e,T),E(e))return e.forEach(function(a){T.add(r(a,t,n,a,e,B))}),T;if(w(e))return e.forEach(function(a,o){T.set(o,r(a,t,n,o,e,B))}),T;var W=D?z?h:p:z?keysIn:k,V=I?void 0:W(e);return o(V||e,function(a,o){V&&(o=a,a=e[o]),i(T,o,r(a,t,n,o,e,B))}),T}var a=n(527),o=n(558),i=n(559),l=n(669),s=n(670),u=n(673),c=n(674),f=n(675),d=n(676),p=n(549),h=n(677),b=n(510),g=n(678),v=n(679),x=n(684),m=n(494),y=n(520),w=n(686),_=n(498),E=n(688),k=n(504),C=1,S=2,O=4,j="[object Arguments]",A="[object Function]",P="[object GeneratorFunction]",M="[object Object]",R={};R[j]=R["[object Array]"]=R["[object ArrayBuffer]"]=R["[object DataView]"]=R["[object Boolean]"]=R["[object Date]"]=R["[object Float32Array]"]=R["[object Float64Array]"]=R["[object Int8Array]"]=R["[object Int16Array]"]=R["[object Int32Array]"]=R["[object Map]"]=R["[object Number]"]=R[M]=R["[object RegExp]"]=R["[object Set]"]=R["[object String]"]=R["[object Symbol]"]=R["[object Uint8Array]"]=R["[object Uint8ClampedArray]"]=R["[object Uint16Array]"]=R["[object Uint32Array]"]=!0,R["[object Error]"]=R[A]=R["[object WeakMap]"]=!1,e.exports=r},function(e,t,n){var r=n(501),a=function(){try{var e=r(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();e.exports=a},function(e,t,n){function r(e,t){return e&&a(t,o(t),e)}var a=n(513),o=n(504);e.exports=r},function(e,t,n){function r(e,t){return e&&a(t,o(t),e)}var a=n(513),o=n(561);e.exports=r},function(e,t,n){function r(e){if(!a(e))return i(e);var t=o(e),n=[];for(var r in e)("constructor"!=r||!t&&s.call(e,r))&&n.push(r);return n}var a=n(498),o=n(525),i=n(672),l=Object.prototype,s=l.hasOwnProperty;e.exports=r},function(e,t){function n(e){var t=[];if(null!=e)for(var n in Object(e))t.push(n);return t}e.exports=n},function(e,t,n){(function(e){function r(e,t){if(t)return e.slice();var n=e.length,r=u?u(n):new e.constructor(n);return e.copy(r),r}var a=n(495),o="object"==typeof t&&t&&!t.nodeType&&t,i=o&&"object"==typeof e&&e&&!e.nodeType&&e,l=i&&i.exports===o,s=l?a.Buffer:void 0,u=s?s.allocUnsafe:void 0;e.exports=r}).call(t,n(521)(e))},function(e,t){function n(e,t){var n=-1,r=e.length;for(t||(t=Array(r));++n1&&void 0!==arguments[1]?arguments[1]:"span";return function(n){function l(){var n,o,u,c;r(this,l);for(var f=arguments.length,d=Array(f),p=0;p1&&void 0!==arguments[1]?arguments[1]:"span";return function(n){function l(){var n,o,u,c;r(this,l);for(var f=arguments.length,d=Array(f),p=0;p1&&void 0!==arguments[1])||arguments[1];n[e]=t};return 0===e&&r("first-child"),e===t-1&&r("last-child"),(0===e||e%2==0)&&r("even"),1===Math.abs(e%2)&&r("odd"),r("nth-child",e),n};t.default=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Alpha=void 0;var l=Object.assign||function(e){for(var t=1;to?1:Math.round(100*u/o)/100,n.hsl.a!==c)return{h:n.hsl.h,s:n.hsl.s,l:n.hsl.l,a:c,source:"rgb"}}else{var f=void 0;if(f=s<0?0:s>a?1:Math.round(100*s/a)/100,n.a!==f)return{h:n.hsl.h,s:n.hsl.s,l:n.hsl.l,a:f,source:"rgb"}}return null}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={},a=t.render=function(e,t,n,r){if("undefined"==typeof document&&!r)return null;var a=r?new r:document.createElement("canvas");a.width=2*n,a.height=2*n;var o=a.getContext("2d");return o?(o.fillStyle=e,o.fillRect(0,0,a.width,a.height),o.fillStyle=t,o.fillRect(0,0,n,n),o.translate(n,n),o.fillRect(0,0,n,n),a.toDataURL()):null};t.get=function(e,t,n,o){var i=e+"-"+t+"-"+n+(o?"-server":""),l=a(e,t,n,o);return r[i]?r[i]:(r[i]=l,l)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.EditableInput=void 0;var s=function(){function e(e,t){for(var n=0;n-1,o=Number(t.replace(/%/g,""));if(!isNaN(o)){var i=n.props.arrowOffset||1;38===e.keyCode&&(null!==n.props.label?n.props.onChange&&n.props.onChange(a({},n.props.label,o+i),e):n.props.onChange&&n.props.onChange(o+i,e),r?n.setState({value:o+i+"%"}):n.setState({value:o+i})),40===e.keyCode&&(null!==n.props.label?n.props.onChange&&n.props.onChange(a({},n.props.label,o-i),e):n.props.onChange&&n.props.onChange(o-i,e),r?n.setState({value:o-i+"%"}):n.setState({value:o-i}))}},n.handleDrag=function(e){if(n.props.dragLabel){var t=Math.round(n.props.value+e.movementX);t>=0&&t<=n.props.dragMax&&n.props.onChange&&n.props.onChange(a({},n.props.label,t),e)}},n.handleMouseDown=function(e){n.props.dragLabel&&(e.preventDefault(),n.handleDrag(e),window.addEventListener("mousemove",n.handleDrag),window.addEventListener("mouseup",n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleDrag),window.removeEventListener("mouseup",n.handleMouseUp)},n.state={value:String(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},n}return l(t,e),s(t,[{key:"componentWillReceiveProps",value:function(e){var t=this.input;e.value!==this.state.value&&(t===document.activeElement?this.setState({blurValue:String(e.value).toUpperCase()}):this.setState({value:String(e.value).toUpperCase(),blurValue:!this.state.blurValue&&String(e.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var e=this,t=(0,d.default)({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return c.default.createElement("div",{style:t.wrap},c.default.createElement("input",{style:t.input,ref:function(t){return e.input=t},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?c.default.createElement("span",{style:t.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(u.PureComponent||u.Component);t.default=p},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Hue=void 0;var l=function(){function e(e,t){for(var n=0;no)c=0;else{var f=-100*u/o+100;c=360*f/100}if(n.hsl.h!==c)return{h:c,s:n.hsl.s,l:n.hsl.l,a:n.hsl.a,source:"rgb"}}else{var d=void 0;if(s<0)d=0;else if(s>a)d=359;else{var p=100*s/a;d=360*p/100}if(n.hsl.h!==d)return{h:d,s:n.hsl.s,l:n.hsl.l,a:n.hsl.a,source:"rgb"}}return null}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Raised=void 0;var a=n(5),o=r(a),i=n(11),l=r(i),s=n(492),u=r(s),c=t.Raised=function(e){var t=e.zDepth,n=e.radius,r=e.background,a=e.children,i=(0,u.default)({default:{wrap:{position:"relative",display:"inline-block"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 "+t+"px "+4*t+"px rgba(0,0,0,.24)",borderRadius:n,background:r}},"zDepth-0":{bg:{boxShadow:"none"}},"zDepth-1":{bg:{boxShadow:"0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)"}},"zDepth-2":{bg:{boxShadow:"0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)"}},"zDepth-3":{bg:{boxShadow:"0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)"}},"zDepth-4":{bg:{boxShadow:"0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)"}},"zDepth-5":{bg:{boxShadow:"0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)"}},square:{bg:{borderRadius:"0"}},circle:{bg:{borderRadius:"50%"}}},{"zDepth-1":1===t});return o.default.createElement("div",{style:i.wrap},o.default.createElement("div",{style:i.bg}),o.default.createElement("div",{style:i.content},a))};c.propTypes={background:l.default.string,zDepth:l.default.oneOf([0,1,2,3,4,5]),radius:l.default.number},c.defaultProps={background:"#fff",zDepth:1,radius:2},t.default=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Saturation=void 0;var l=function(){function e(e,t){for(var n=0;no?u=o:c<0?c=0:c>i&&(c=i);var f=100*u/o,d=-100*c/i+100;return{h:n.hsl.h,s:f,v:d,a:n.hsl.a,source:"rgb"}}},function(e,t,n){e.exports=n(707)},function(e,t,n){function r(e,t){return(l(e)?a:o)(e,i(t))}var a=n(558),o=n(557),i=n(542),l=n(494);e.exports=r},function(e,t,n){var r;!function(a){function o(e,t){if(e=e||"",t=t||{},e instanceof o)return e;if(!(this instanceof o))return new o(e,t);var n=i(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=W(100*this._a)/100,this._format=t.format||n.format,this._gradientType=t.gradientType,this._r<1&&(this._r=W(this._r)),this._g<1&&(this._g=W(this._g)),this._b<1&&(this._b=W(this._b)),this._ok=n.ok,this._tc_id=U++}function i(e){var t={r:0,g:0,b:0},n=1,r=null,a=null,o=null,i=!1,s=!1;return"string"==typeof e&&(e=D(e)),"object"==typeof e&&(z(e.r)&&z(e.g)&&z(e.b)?(t=l(e.r,e.g,e.b),i=!0,s="%"===String(e.r).substr(-1)?"prgb":"rgb"):z(e.h)&&z(e.s)&&z(e.v)?(r=B(e.s),a=B(e.v),t=f(e.h,r,a),i=!0,s="hsv"):z(e.h)&&z(e.s)&&z(e.l)&&(r=B(e.s),o=B(e.l),t=u(e.h,r,o),i=!0,s="hsl"),e.hasOwnProperty("a")&&(n=e.a)),n=j(n),{ok:i,format:e.format||s,r:V(255,X(t.r,0)),g:V(255,X(t.g,0)),b:V(255,X(t.b,0)),a:n}}function l(e,t,n){return{r:255*A(e,255),g:255*A(t,255),b:255*A(n,255)}}function s(e,t,n){e=A(e,255),t=A(t,255),n=A(n,255);var r,a,o=X(e,t,n),i=V(e,t,n),l=(o+i)/2;if(o==i)r=a=0;else{var s=o-i;switch(a=l>.5?s/(2-o-i):s/(o+i),o){case e:r=(t-n)/s+(t1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}var a,o,i;if(e=A(e,360),t=A(t,100),n=A(n,100),0===t)a=o=i=n;else{var l=n<.5?n*(1+t):n+t-n*t,s=2*n-l;a=r(s,l,e+1/3),o=r(s,l,e),i=r(s,l,e-1/3)}return{r:255*a,g:255*o,b:255*i}}function c(e,t,n){e=A(e,255),t=A(t,255),n=A(n,255);var r,a,o=X(e,t,n),i=V(e,t,n),l=o,s=o-i;if(a=0===o?0:s/o,o==i)r=0;else{switch(o){case e:r=(t-n)/s+(t>1)+720)%360;--t;)r.h=(r.h+a)%360,i.push(o(r));return i}function O(e,t){t=t||6;for(var n=o(e).toHsv(),r=n.h,a=n.s,i=n.v,l=[],s=1/t;t--;)l.push(o({h:r,s:a,v:i})),i=(i+s)%1;return l}function j(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function A(e,t){R(e)&&(e="100%");var n=N(e);return e=V(t,X(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),a.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function P(e){return V(1,X(0,e))}function M(e){return parseInt(e,16)}function R(e){return"string"==typeof e&&-1!=e.indexOf(".")&&1===parseFloat(e)}function N(e){return"string"==typeof e&&-1!=e.indexOf("%")}function F(e){return 1==e.length?"0"+e:""+e}function B(e){return e<=1&&(e=100*e+"%"),e}function T(e){return a.round(255*parseFloat(e)).toString(16)}function L(e){return M(e)/255}function z(e){return!!K.CSS_UNIT.exec(e)}function D(e){e=e.replace(H,"").replace(G,"").toLowerCase();var t=!1;if($[e])e=$[e],t=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};var n;return(n=K.rgb.exec(e))?{r:n[1],g:n[2],b:n[3]}:(n=K.rgba.exec(e))?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=K.hsl.exec(e))?{h:n[1],s:n[2],l:n[3]}:(n=K.hsla.exec(e))?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=K.hsv.exec(e))?{h:n[1],s:n[2],v:n[3]}:(n=K.hsva.exec(e))?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=K.hex8.exec(e))?{r:M(n[1]),g:M(n[2]),b:M(n[3]),a:L(n[4]),format:t?"name":"hex8"}:(n=K.hex6.exec(e))?{r:M(n[1]),g:M(n[2]),b:M(n[3]),format:t?"name":"hex"}:(n=K.hex4.exec(e))?{r:M(n[1]+""+n[1]),g:M(n[2]+""+n[2]),b:M(n[3]+""+n[3]),a:L(n[4]+""+n[4]),format:t?"name":"hex8"}:!!(n=K.hex3.exec(e))&&{r:M(n[1]+""+n[1]),g:M(n[2]+""+n[2]),b:M(n[3]+""+n[3]),format:t?"name":"hex"}}function I(e){var t,n;return e=e||{level:"AA",size:"small"},t=(e.level||"AA").toUpperCase(),n=(e.size||"small").toLowerCase(),"AA"!==t&&"AAA"!==t&&(t="AA"),"small"!==n&&"large"!==n&&(n="small"),{level:t,size:n}}var H=/^\s+/,G=/\s+$/,U=0,W=a.round,V=a.min,X=a.max,q=a.random;o.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,n,r,o,i,l=this.toRgb();return e=l.r/255,t=l.g/255,n=l.b/255,r=e<=.03928?e/12.92:a.pow((e+.055)/1.055,2.4),o=t<=.03928?t/12.92:a.pow((t+.055)/1.055,2.4),i=n<=.03928?n/12.92:a.pow((n+.055)/1.055,2.4),.2126*r+.7152*o+.0722*i},setAlpha:function(e){return this._a=j(e),this._roundA=W(100*this._a)/100,this},toHsv:function(){var e=c(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=c(this._r,this._g,this._b),t=W(360*e.h),n=W(100*e.s),r=W(100*e.v);return 1==this._a?"hsv("+t+", "+n+"%, "+r+"%)":"hsva("+t+", "+n+"%, "+r+"%, "+this._roundA+")"},toHsl:function(){var e=s(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=s(this._r,this._g,this._b),t=W(360*e.h),n=W(100*e.s),r=W(100*e.l);return 1==this._a?"hsl("+t+", "+n+"%, "+r+"%)":"hsla("+t+", "+n+"%, "+r+"%, "+this._roundA+")"},toHex:function(e){return d(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return p(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:W(this._r),g:W(this._g),b:W(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+W(this._r)+", "+W(this._g)+", "+W(this._b)+")":"rgba("+W(this._r)+", "+W(this._g)+", "+W(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:W(100*A(this._r,255))+"%",g:W(100*A(this._g,255))+"%",b:W(100*A(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+W(100*A(this._r,255))+"%, "+W(100*A(this._g,255))+"%, "+W(100*A(this._b,255))+"%)":"rgba("+W(100*A(this._r,255))+"%, "+W(100*A(this._g,255))+"%, "+W(100*A(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(Y[d(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+h(this._r,this._g,this._b,this._a),n=t,r=this._gradientType?"GradientType = 1, ":"";if(e){var a=o(e);n="#"+h(a._r,a._g,a._b,a._a)}return"progid:DXImageTransform.Microsoft.gradient("+r+"startColorstr="+t+",endColorstr="+n+")"},toString:function(e){var t=!!e;e=e||this._format;var n=!1,r=this._a<1&&this._a>=0;return t||!r||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"hex4"!==e&&"hex8"!==e&&"name"!==e?("rgb"===e&&(n=this.toRgbString()),"prgb"===e&&(n=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(n=this.toHexString()),"hex3"===e&&(n=this.toHexString(!0)),"hex4"===e&&(n=this.toHex8String(!0)),"hex8"===e&&(n=this.toHex8String()),"name"===e&&(n=this.toName()),"hsl"===e&&(n=this.toHslString()),"hsv"===e&&(n=this.toHsvString()),n||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},clone:function(){return o(this.toString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(x,arguments)},brighten:function(){return this._applyModification(m,arguments)},darken:function(){return this._applyModification(y,arguments)},desaturate:function(){return this._applyModification(b,arguments)},saturate:function(){return this._applyModification(g,arguments)},greyscale:function(){return this._applyModification(v,arguments)},spin:function(){return this._applyModification(w,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(S,arguments)},complement:function(){return this._applyCombination(_,arguments)},monochromatic:function(){return this._applyCombination(O,arguments)},splitcomplement:function(){return this._applyCombination(C,arguments)},triad:function(){return this._applyCombination(E,arguments)},tetrad:function(){return this._applyCombination(k,arguments)}},o.fromRatio=function(e,t){if("object"==typeof e){var n={};for(var r in e)e.hasOwnProperty(r)&&(n[r]="a"===r?e[r]:B(e[r]));e=n}return o(e,t)},o.equals=function(e,t){return!(!e||!t)&&o(e).toRgbString()==o(t).toRgbString()},o.random=function(){return o.fromRatio({r:q(),g:q(),b:q()})},o.mix=function(e,t,n){n=0===n?0:n||50;var r=o(e).toRgb(),a=o(t).toRgb(),i=n/100;return o({r:(a.r-r.r)*i+r.r,g:(a.g-r.g)*i+r.g,b:(a.b-r.b)*i+r.b,a:(a.a-r.a)*i+r.a})},o.readability=function(e,t){var n=o(e),r=o(t);return(a.max(n.getLuminance(),r.getLuminance())+.05)/(a.min(n.getLuminance(),r.getLuminance())+.05)},o.isReadable=function(e,t,n){var r,a,i=o.readability(e,t);switch(a=!1,r=I(n),r.level+r.size){case"AAsmall":case"AAAlarge":a=i>=4.5;break;case"AAlarge":a=i>=3;break;case"AAAsmall":a=i>=7}return a},o.mostReadable=function(e,t,n){var r,a,i,l,s=null,u=0;n=n||{},a=n.includeFallbackColors,i=n.level,l=n.size;for(var c=0;cu&&(u=r,s=o(t[c]));return o.isReadable(e,s,{level:i,size:l})||!a?s:(n.includeFallbackColors=!1,o.mostReadable(e,["#fff","#000"],n))};var $=o.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},Y=o.hexNames=function(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[e[n]]=n);return t}($),K=function(){var e="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)",t="[\\s|\\(]+("+e+")[,|\\s]+("+e+")[,|\\s]+("+e+")\\s*\\)?",n="[\\s|\\(]+("+e+")[,|\\s]+("+e+")[,|\\s]+("+e+")[,|\\s]+("+e+")\\s*\\)?";return{CSS_UNIT:new RegExp(e),rgb:new RegExp("rgb"+t),rgba:new RegExp("rgba"+n),hsl:new RegExp("hsl"+t),hsla:new RegExp("hsla"+n),hsv:new RegExp("hsv"+t),hsva:new RegExp("hsva"+n),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();void 0!==e&&e.exports?e.exports=o:void 0!==(r=function(){return o}.call(t,n,t,e))&&(e.exports=r)}(Math)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Swatch=void 0;var a=Object.assign||function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:"span";return function(n){function s(){var e,t,n,o;r(this,s);for(var i=arguments.length,l=Array(i),u=0;u1&&(e.a=1),r.props.onChange({h:r.props.hsl.h,s:r.props.hsl.s,l:r.props.hsl.l,a:Math.round(100*e.a)/100,source:"rgb"},t)):(e.h||e.s||e.l)&&r.props.onChange({h:e.h||r.props.hsl.h,s:Number(e.s&&e.s||r.props.hsl.s),l:Number(e.l&&e.l||r.props.hsl.l),source:"hsl"},t)},r.showHighlight=function(e){e.target.style.background="#eee"},r.hideHighlight=function(e){e.target.style.background="transparent"},i=n,o(r,i)}return i(t,e),l(t,[{key:"componentDidMount",value:function(){1===this.props.hsl.a&&"hex"!==this.state.view?this.setState({view:"hex"}):"rgb"!==this.state.view&&"hsl"!==this.state.view&&this.setState({view:"rgb"})}},{key:"componentWillReceiveProps",value:function(e){1!==e.hsl.a&&"hex"===this.state.view&&this.setState({view:"rgb"})}},{key:"render",value:function(){var e=this,t=(0,f.default)({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),n=void 0;return"hex"===this.state.view?n=u.default.createElement("div",{style:t.fields,className:"flexbox-fix"},u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):"rgb"===this.state.view?n=u.default.createElement("div",{style:t.fields,className:"flexbox-fix"},u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),u.default.createElement("div",{style:t.alpha},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):"hsl"===this.state.view&&(n=u.default.createElement("div",{style:t.fields,className:"flexbox-fix"},u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"s",value:Math.round(100*this.props.hsl.s)+"%",onChange:this.handleChange})),u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"l",value:Math.round(100*this.props.hsl.l)+"%",onChange:this.handleChange})),u.default.createElement("div",{style:t.alpha},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),u.default.createElement("div",{style:t.wrap,className:"flexbox-fix"},n,u.default.createElement("div",{style:t.toggle},u.default.createElement("div",{style:t.icon,onClick:this.toggleViews,ref:function(t){return e.icon=t}},u.default.createElement("svg",{style:t.svg,viewBox:"0 0 24 24",onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight},u.default.createElement("path",{ref:function(t){return e.iconUp=t},fill:"#333",d:"M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}),u.default.createElement("path",{ref:function(t){return e.iconDown=t},fill:"#333",d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15Z"})))))}}]),t}(u.default.Component);t.default=b},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointer=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=t.ChromePointer=function(){var e=(0,l.default)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return o.default.createElement("div",{style:e.picker})};t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointerCircle=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=t.ChromePointerCircle=function(){var e=(0,l.default)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return o.default.createElement("div",{style:e.picker})};t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Compact=void 0;var a=n(5),o=r(a),i=n(11),l=r(i),s=n(492),u=r(s),c=n(499),f=r(c),d=n(496),p=r(d),h=n(493),b=n(721),g=r(b),v=n(722),x=r(v),m=t.Compact=function(e){var t=e.onChange,n=e.onSwatchHover,r=e.colors,a=e.hex,i=e.rgb,l=e.className,s=void 0===l?"":l,c=(0,u.default)({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}}),d=function(e,n){e.hex?p.default.isValidHex(e.hex)&&t({hex:e.hex,source:"hex"},n):t(e,n)};return o.default.createElement(h.Raised,{style:c.Compact},o.default.createElement("div",{style:c.compact,className:"compact-picker "+s},o.default.createElement("div",null,(0,f.default)(r,function(e){return o.default.createElement(g.default,{key:e,color:e,active:e.toLowerCase()===a,onClick:d,onSwatchHover:n})}),o.default.createElement("div",{style:c.clear})),o.default.createElement(x.default,{hex:a,rgb:i,onChange:d})))};m.propTypes={colors:l.default.arrayOf(l.default.string)},m.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"]},t.default=(0,h.ColorWrap)(m)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.CompactColor=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=n(496),u=r(s),c=n(493),f=t.CompactColor=function(e){var t=e.color,n=e.onClick,r=void 0===n?function(){}:n,a=e.onSwatchHover,i=e.active,s=(0,l.default)({default:{color:{background:t,width:"15px",height:"15px",float:"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:u.default.getContrastingColor(t),borderRadius:"50%",opacity:"0"}},active:{dot:{opacity:"1"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},dot:{background:"#000"}},transparent:{dot:{background:"#000"}}},{active:i,"color-#FFFFFF":"#FFFFFF"===t,transparent:"transparent"===t});return o.default.createElement(c.Swatch,{style:s.color,color:t,onClick:r,onHover:a,focusStyle:{boxShadow:"0 0 4px "+t}},o.default.createElement("div",{style:s.dot}))};t.default=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.CompactFields=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=n(493),u=t.CompactFields=function(e){var t=e.hex,n=e.rgb,r=e.onChange,a=(0,l.default)({default:{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:t},HEXwrap:{flex:"6",position:"relative"},HEXinput:{width:"80%",padding:"0px",paddingLeft:"20%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},HEXlabel:{display:"none"},RGBwrap:{flex:"3",position:"relative"},RGBinput:{width:"70%",padding:"0px",paddingLeft:"30%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},RGBlabel:{position:"absolute",top:"3px",left:"0px",lineHeight:"16px",textTransform:"uppercase",fontSize:"12px",color:"#999"}}}),i=function(e,t){e.r||e.g||e.b?r({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,source:"rgb"},t):r({hex:e.hex,source:"hex"},t)};return o.default.createElement("div",{style:a.fields,className:"flexbox-fix"},o.default.createElement("div",{style:a.active}),o.default.createElement(s.EditableInput,{style:{wrap:a.HEXwrap,input:a.HEXinput,label:a.HEXlabel},label:"hex",value:t,onChange:i}),o.default.createElement(s.EditableInput,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"r",value:n.r,onChange:i}),o.default.createElement(s.EditableInput,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"g",value:n.g,onChange:i}),o.default.createElement(s.EditableInput,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"b",value:n.b,onChange:i}))};t.default=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Github=void 0;var a=n(5),o=r(a),i=n(11),l=r(i),s=n(492),u=r(s),c=n(499),f=r(c),d=n(493),p=n(724),h=r(p),b=t.Github=function(e){var t=e.width,n=e.colors,r=e.onChange,a=e.onSwatchHover,i=e.triangle,l=e.className,s=void 0===l?"":l,c=(0,u.default)({default:{card:{width:t,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},{"hide-triangle":"hide"===i,"top-left-triangle":"top-left"===i,"top-right-triangle":"top-right"===i,"bottom-left-triangle":"bottom-left"==i,"bottom-right-triangle":"bottom-right"===i}),d=function(e,t){return r({hex:e,source:"hex"},t)};return o.default.createElement("div",{style:c.card,className:"github-picker "+s},o.default.createElement("div",{style:c.triangleShadow}),o.default.createElement("div",{style:c.triangle}),(0,f.default)(n,function(e){return o.default.createElement(h.default,{color:e,key:e,onClick:d,onSwatchHover:a})}))};b.propTypes={width:l.default.oneOfType([l.default.string,l.default.number]),colors:l.default.arrayOf(l.default.string),triangle:l.default.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"])},b.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left"},t.default=(0,d.ColorWrap)(b)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.GithubSwatch=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=n(493),u=t.GithubSwatch=function(e){var t=e.hover,n=e.color,r=e.onClick,a=e.onSwatchHover,i={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},u=(0,l.default)({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:i}},{hover:t});return o.default.createElement("div",{style:u.swatch},o.default.createElement(s.Swatch,{color:n,onClick:r,onHover:a,focusStyle:i}))};t.default=(0,i.handleHover)(u)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.HuePicker=void 0;var a=Object.assign||function(e){for(var t=1;t.5});return o.default.createElement("div",{style:n.picker})};t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPointerCircle=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=t.PhotoshopPointerCircle=function(){var e=(0,l.default)({default:{triangle:{width:0,height:0,borderStyle:"solid",borderWidth:"4px 0 4px 6px",borderColor:"transparent transparent transparent #fff",position:"absolute",top:"1px",left:"1px"},triangleBorder:{width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #555"},left:{Extend:"triangleBorder",transform:"translate(-13px, -4px)"},leftInside:{Extend:"triangle",transform:"translate(-8px, -5px)"},right:{Extend:"triangleBorder",transform:"translate(20px, -14px) rotate(180deg)"},rightInside:{Extend:"triangle",transform:"translate(-8px, -5px)"}}});return o.default.createElement("div",{style:e.pointer},o.default.createElement("div",{style:e.left},o.default.createElement("div",{style:e.leftInside})),o.default.createElement("div",{style:e.right},o.default.createElement("div",{style:e.rightInside})))};t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopBotton=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=t.PhotoshopBotton=function(e){var t=e.onClick,n=e.label,r=e.children,a=e.active,i=(0,l.default)({default:{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:a});return o.default.createElement("div",{style:i.button,onClick:t},n||r)};t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPreviews=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=t.PhotoshopPreviews=function(e){var t=e.rgb,n=e.currentColor,r=(0,l.default)({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+t.r+","+t.g+", "+t.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:n,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return o.default.createElement("div",null,o.default.createElement("div",{style:r.label},"new"),o.default.createElement("div",{style:r.swatches},o.default.createElement("div",{style:r.new}),o.default.createElement("div",{style:r.current})),o.default.createElement("div",{style:r.label},"current"))};t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Sketch=void 0;var a=n(5),o=r(a),i=n(11),l=r(i),s=n(492),u=r(s),c=n(493),f=n(735),d=r(f),p=n(736),h=r(p),b=t.Sketch=function(e){var t=e.width,n=e.rgb,r=e.hex,a=e.hsv,i=e.hsl,l=e.onChange,s=e.onSwatchHover,f=e.disableAlpha,p=e.presetColors,b=e.renderers,g=e.className,v=void 0===g?"":g,x=(0,u.default)({default:{picker:{width:t,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+n.r+","+n.g+","+n.b+","+n.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},{disableAlpha:f});return o.default.createElement("div",{style:x.picker,className:"sketch-picker "+v},o.default.createElement("div",{style:x.saturation},o.default.createElement(c.Saturation,{style:x.Saturation,hsl:i,hsv:a,onChange:l})),o.default.createElement("div",{style:x.controls,className:"flexbox-fix"},o.default.createElement("div",{style:x.sliders},o.default.createElement("div",{style:x.hue},o.default.createElement(c.Hue,{style:x.Hue,hsl:i,onChange:l})),o.default.createElement("div",{style:x.alpha},o.default.createElement(c.Alpha,{style:x.Alpha,rgb:n,hsl:i,renderers:b,onChange:l}))),o.default.createElement("div",{style:x.color},o.default.createElement(c.Checkboard,null),o.default.createElement("div",{style:x.activeColor}))),o.default.createElement(d.default,{rgb:n,hsl:i,hex:r,onChange:l,disableAlpha:f}),o.default.createElement(h.default,{colors:p,onClick:l,onSwatchHover:s}))};b.propTypes={disableAlpha:l.default.bool,width:l.default.oneOfType([l.default.string,l.default.number])},b.defaultProps={disableAlpha:!1,width:200,presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]},t.default=(0,c.ColorWrap)(b)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SketchFields=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=n(496),u=r(s),c=n(493),f=t.SketchFields=function(e){var t=e.onChange,n=e.rgb,r=e.hsl,a=e.hex,i=e.disableAlpha,s=(0,l.default)({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:i}),f=function(e,a){e.hex?u.default.isValidHex(e.hex)&&t({hex:e.hex,source:"hex"},a):e.r||e.g||e.b?t({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,a:n.a,source:"rgb"},a):e.a&&(e.a<0?e.a=0:e.a>100&&(e.a=100),e.a/=100,t({h:r.h,s:r.s,l:r.l,a:e.a,source:"rgb"},a))};return o.default.createElement("div",{style:s.fields,className:"flexbox-fix"},o.default.createElement("div",{style:s.double},o.default.createElement(c.EditableInput,{style:{input:s.input,label:s.label},label:"hex",value:a.replace("#",""),onChange:f})),o.default.createElement("div",{style:s.single},o.default.createElement(c.EditableInput,{style:{input:s.input,label:s.label},label:"r",value:n.r,onChange:f,dragLabel:"true",dragMax:"255"})),o.default.createElement("div",{style:s.single},o.default.createElement(c.EditableInput,{style:{input:s.input,label:s.label},label:"g",value:n.g,onChange:f,dragLabel:"true",dragMax:"255"})),o.default.createElement("div",{style:s.single},o.default.createElement(c.EditableInput,{style:{input:s.input,label:s.label},label:"b",value:n.b,onChange:f,dragLabel:"true",dragMax:"255"})),o.default.createElement("div",{style:s.alpha},o.default.createElement(c.EditableInput,{style:{input:s.input,label:s.label},label:"a",value:Math.round(100*n.a),onChange:f,dragLabel:"true",dragMax:"100"})))};t.default=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SketchPresetColors=void 0;var a=Object.assign||function(e){for(var t=1;t=0||(a[n]=e[n]);return a}e.exports=n},function(e,t){function n(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}e.exports=n},function(e,t,n){"use strict";var r=n(750);t.a=r.a},function(e,t,n){"use strict";var r=n(751),a=function(e,t,n){var a=void 0===t?{}:t,o=a.evalScripts,i=void 0===o?"always":o,l=a.pngFallback,s=void 0!==l&&l,u=a.each,c=void 0===u?function(){}:u,f=a.renumerateIRIElements,d=void 0===f||f;if(void 0===n&&(n=function(){}),void 0!==e.length){var p=0;Array.prototype.forEach.call(e,function(t){Object(r.a)(t,i,s,d,function(t,r){c(t,r),e.length===++p&&n(p)})})}else e?Object(r.a)(e,i,s,d,function(t,r){c(t,r),n(1),e=null}):n(0)};t.a=a},function(e,t,n){"use strict";var r=n(752),a=n(754),o="http://www.w3.org/1999/xlink",i=[],l={},s=0,u=function(e,t,n,u,c){var f=document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure","1.1"),d=e.getAttribute("data-src")||e.getAttribute("src");if(!/\.svg/i.test(d))return void c(new Error("Attempted to inject a file with a non-svg extension: "+d));if(!f){var p=e.getAttribute("data-fallback")||e.getAttribute("data-png");return void(p?(e.setAttribute("src",p),c()):n?(e.setAttribute("src",n+"/"+d.split("/").pop().replace(".svg",".png")),c()):c(new Error("This browser does not support SVG and no PNG fallback was defined.")))}-1===i.indexOf(e)&&(i.push(e),e.setAttribute("src",""),Object(r.a)(d,function(n,r){if(n)return c(n),!1;var f=e.getAttribute("id");f&&r.setAttribute("id",f);var p=e.getAttribute("title");p&&r.setAttribute("title",p);var h=[].concat(r.getAttribute("class")||[],"injected-svg",e.getAttribute("class")||[]).join(" ");r.setAttribute("class",Object(a.a)(h));var b=e.getAttribute("style");b&&r.setAttribute("style",b);var g=[].filter.call(e.attributes,function(e){return/^data-\w[\w-]*$/.test(e.name)});if(Array.prototype.forEach.call(g,function(e){e.name&&e.value&&r.setAttribute(e.name,e.value)}),u){var v,x,m,y,w,_={clipPath:["clip-path"],"color-profile":["color-profile"],cursor:["cursor"],filter:["filter"],linearGradient:["fill","stroke"],marker:["marker","marker-start","marker-mid","marker-end"],mask:["mask"],pattern:["fill","stroke"],radialGradient:["fill","stroke"]};Object.keys(_).forEach(function(e){v=e,m=_[e],x=r.querySelectorAll("defs "+v+"[id]");for(var t=0,n=x.length;t0&&("always"===t||"once"===t&&!l[d])){for(var A=0,P=S.length;At}return!1}function l(e,t,n,r,a){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=a,this.mustUseProperty=n,this.propertyName=e,this.type=t}function s(e){return e[1].toUpperCase()}function u(e){if("boolean"==typeof e||"number"==typeof e)return""+e;e=""+e;var t=L.exec(e);if(t){var n,r="",a=0;for(n=t.index;n1?t-1:0),r=1;r=128?"#000":"#fff"}};t.red={hsl:{a:1,h:0,l:.5,s:1},hex:"#ff0000",rgb:{r:255,g:0,b:0,a:1},hsv:{h:0,s:1,v:1,a:1}}},function(e,t){function n(e){return null!=e&&"object"==typeof e}e.exports=n},function(e,t){function n(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}e.exports=n},function(e,t,n){function r(e,t){return(l(e)?a:i)(e,o(t,3))}var a=n(544),o=n(605),i=n(663),l=n(494);e.exports=r},function(e,t,n){function r(e){return null==e?void 0===e?s:l:u&&u in Object(e)?o(e):i(e)}var a=n(503),o=n(594),i=n(595),l="[object Null]",s="[object Undefined]",u=a?a.toStringTag:void 0;e.exports=r},function(e,t,n){function r(e,t){var n=o(e,t);return a(n)?n:void 0}var a=n(618),o=n(621);e.exports=r},,function(e,t,n){var r=n(495),a=r.Symbol;e.exports=a},function(e,t,n){function r(e){return i(e)?a(e):o(e)}var a=n(536),o=n(602),i=n(505);e.exports=r},function(e,t,n){function r(e){return null!=e&&o(e.length)&&!a(e)}var a=n(541),o=n(522);e.exports=r},function(e,t,n){function r(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t/g,">")}function n(e){return e.nodeName.toLowerCase()}function r(e,t){var n=e&&e.exec(t);return n&&0===n.index}function a(e){return S.test(e)}function o(e){var t,n,r,o,i=e.className+" ";if(i+=e.parentNode?e.parentNode.className:"",n=O.exec(i))return w(n[1])?n[1]:"no-highlight";for(i=i.split(/\s+/),t=0,r=i.length;t"}function l(e){c+=""}function s(e){("start"===e.event?i:l)(e.node)}for(var u=0,c="",f=[];e.length||r.length;){var d=o();if(c+=t(a.substring(u,d[0].offset)),u=d[0].offset,d===e){f.reverse().forEach(l);do{s(d.splice(0,1)[0]),d=o()}while(d===e&&d.length&&d[0].offset===u);f.reverse().forEach(i)}else"start"===d[0].event?f.push(d[0].node):f.pop(),s(d.splice(0,1)[0])}return c+t(a.substr(u))}function u(e){return e.variants&&!e.cached_variants&&(e.cached_variants=e.variants.map(function(t){return i(e,{variants:null},t)})),e.cached_variants||e.endsWithParent&&[i(e)]||[e]}function c(e){function t(e){return e&&e.source||e}function n(n,r){return new RegExp(t(n),"m"+(e.case_insensitive?"i":"")+(r?"g":""))}function r(a,o){if(!a.compiled){if(a.compiled=!0,a.keywords=a.keywords||a.beginKeywords,a.keywords){var i={},l=function(t,n){e.case_insensitive&&(n=n.toLowerCase()),n.split(" ").forEach(function(e){var n=e.split("|");i[n[0]]=[t,n[1]?Number(n[1]):1]})};"string"==typeof a.keywords?l("keyword",a.keywords):E(a.keywords).forEach(function(e){l(e,a.keywords[e])}),a.keywords=i}a.lexemesRe=n(a.lexemes||/\w+/,!0),o&&(a.beginKeywords&&(a.begin="\\b("+a.beginKeywords.split(" ").join("|")+")\\b"),a.begin||(a.begin=/\B|\b/),a.beginRe=n(a.begin),a.end||a.endsWithParent||(a.end=/\B|\b/),a.end&&(a.endRe=n(a.end)),a.terminator_end=t(a.end)||"",a.endsWithParent&&o.terminator_end&&(a.terminator_end+=(a.end?"|":"")+o.terminator_end)),a.illegal&&(a.illegalRe=n(a.illegal)),null==a.relevance&&(a.relevance=1),a.contains||(a.contains=[]),a.contains=Array.prototype.concat.apply([],a.contains.map(function(e){return u("self"===e?a:e)})),a.contains.forEach(function(e){r(e,a)}),a.starts&&r(a.starts,o);var s=a.contains.map(function(e){return e.beginKeywords?"\\.?("+e.begin+")\\.?":e.begin}).concat([a.terminator_end,a.illegal]).map(t).filter(Boolean);a.terminators=s.length?n(s.join("|"),!0):{exec:function(){return null}}}}r(e)}function f(e,n,a,o){function i(e,t){var n,a;for(n=0,a=t.contains.length;n')+t+i}function h(){var e,n,r,a;if(!_.keywords)return t(S);for(a="",n=0,_.lexemesRe.lastIndex=0,r=_.lexemesRe.exec(S);r;)a+=t(S.substring(n,r.index)),e=u(_,r),e?(O+=e[1],a+=p(e[0],t(r[0]))):a+=t(r[0]),n=_.lexemesRe.lastIndex,r=_.lexemesRe.exec(S);return a+t(S.substr(n))}function b(){var e="string"==typeof _.subLanguage;if(e&&!k[_.subLanguage])return t(S);var n=e?f(_.subLanguage,S,!0,E[_.subLanguage]):d(S,_.subLanguage.length?_.subLanguage:void 0);return _.relevance>0&&(O+=n.relevance),e&&(E[_.subLanguage]=n.top),p(n.language,n.value,!1,!0)}function g(){C+=null!=_.subLanguage?b():h(),S=""}function v(e){C+=e.className?p(e.className,"",!0):"",_=Object.create(e,{parent:{value:_}})}function x(e,t){if(S+=e,null==t)return g(),0;var n=i(t,_);if(n)return n.skip?S+=t:(n.excludeBegin&&(S+=t),g(),n.returnBegin||n.excludeBegin||(S=t)),v(n,t),n.returnBegin?0:t.length;var r=l(_,t);if(r){var a=_;a.skip?S+=t:(a.returnEnd||a.excludeEnd||(S+=t),g(),a.excludeEnd&&(S=t));do{_.className&&(C+=A),_.skip||(O+=_.relevance),_=_.parent}while(_!==r.parent);return r.starts&&v(r.starts,""),a.returnEnd?0:t.length}if(s(t,_))throw new Error('Illegal lexeme "'+t+'" for mode "'+(_.className||"")+'"');return S+=t,t.length||1}var m=w(e);if(!m)throw new Error('Unknown language: "'+e+'"');c(m);var y,_=o||m,E={},C="";for(y=_;y!==m;y=y.parent)y.className&&(C=p(y.className,"",!0)+C);var S="",O=0;try{for(var j,M,R=0;;){if(_.terminators.lastIndex=R,!(j=_.terminators.exec(n)))break;M=x(n.substring(R,j.index),j[0]),R=j.index+M}for(x(n.substr(R)),y=_;y.parent;y=y.parent)y.className&&(C+=A);return{relevance:O,value:C,language:e,top:_}}catch(e){if(e.message&&-1!==e.message.indexOf("Illegal"))return{relevance:0,value:t(n)};throw e}}function d(e,n){n=n||P.languages||E(k);var r={relevance:0,value:t(e)},a=r;return n.filter(w).forEach(function(t){var n=f(t,e,!1);n.language=t,n.relevance>a.relevance&&(a=n),n.relevance>r.relevance&&(a=r,r=n)}),a.language&&(r.second_best=a),r}function p(e){return P.tabReplace||P.useBR?e.replace(j,function(e,t){return P.useBR&&"\n"===e?"
":P.tabReplace?t.replace(/\t/g,P.tabReplace):""}):e}function h(e,t,n){var r=t?C[t]:n,a=[e.trim()];return e.match(/\bhljs\b/)||a.push("hljs"),-1===e.indexOf(r)&&a.push(r),a.join(" ").trim()}function b(e){var t,n,r,i,u,c=o(e);a(c)||(P.useBR?(t=document.createElementNS("http://www.w3.org/1999/xhtml","div"),t.innerHTML=e.innerHTML.replace(/\n/g,"").replace(//g,"\n")):t=e,u=t.textContent,r=c?f(c,u,!0):d(u),n=l(t),n.length&&(i=document.createElementNS("http://www.w3.org/1999/xhtml","div"),i.innerHTML=r.value,r.value=s(n,l(i),u)),r.value=p(r.value),e.innerHTML=r.value,e.className=h(e.className,c,r.language),e.result={language:r.language,re:r.relevance},r.second_best&&(e.second_best={language:r.second_best.language,re:r.second_best.relevance}))}function g(e){P=i(P,e)}function v(){if(!v.called){v.called=!0;var e=document.querySelectorAll("pre code");_.forEach.call(e,b)}}function x(){addEventListener("DOMContentLoaded",v,!1),addEventListener("load",v,!1)}function m(t,n){var r=k[t]=n(e);r.aliases&&r.aliases.forEach(function(e){C[e]=t})}function y(){return E(k)}function w(e){return e=(e||"").toLowerCase(),k[e]||k[C[e]]}var _=[],E=Object.keys,k={},C={},S=/^(no-?highlight|plain|text)$/i,O=/\blang(?:uage)?-([\w-]+)\b/i,j=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,A="",P={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return e.highlight=f,e.highlightAuto=d,e.fixMarkup=p,e.highlightBlock=b,e.configure=g,e.initHighlighting=v,e.initHighlightingOnLoad=x,e.registerLanguage=m,e.listLanguages=y,e.getLanguage=w,e.inherit=i,e.IDENT_RE="[a-zA-Z]\\w*",e.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",e.NUMBER_RE="\\b\\d+(\\.\\d+)?",e.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BINARY_NUMBER_RE="\\b(0b[01]+)",e.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},e.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},e.COMMENT=function(t,n,r){var a=e.inherit({className:"comment",begin:t,end:n,contains:[]},r||{});return a.contains.push(e.PHRASAL_WORDS_MODE),a.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),a},e.C_LINE_COMMENT_MODE=e.COMMENT("//","$"),e.C_BLOCK_COMMENT_MODE=e.COMMENT("/\\*","\\*/"),e.HASH_COMMENT_MODE=e.COMMENT("#","$"),e.NUMBER_MODE={className:"number",begin:e.NUMBER_RE,relevance:0},e.C_NUMBER_MODE={className:"number",begin:e.C_NUMBER_RE,relevance:0},e.BINARY_NUMBER_MODE={className:"number",begin:e.BINARY_NUMBER_RE,relevance:0},e.CSS_NUMBER_MODE={className:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},e.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[e.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[e.BACKSLASH_ESCAPE]}]},e.TITLE_MODE={className:"title",begin:e.IDENT_RE,relevance:0},e.UNDERSCORE_TITLE_MODE={className:"title",begin:e.UNDERSCORE_IDENT_RE,relevance:0},e.METHOD_GUARD={begin:"\\.\\s*"+e.UNDERSCORE_IDENT_RE,relevance:0},e})},,,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n.hljs {\n display: block;\n overflow-x: auto;\n color: #555;\n background: ",";\n padding: 0.7em;\n font-size: 14px;\n border-radius: 5px; \n }\n\n.hljs-doctag, .hljs-keyword, .hljs-formula {\n color: #a626a4;\n}\n\n.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {\n color: #2f6f9f;\n}\n\n.hljs-literal {\n color: #0184bb;\n}\n\n.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {\n color: #d44950;\n}\n\n.hljs-built_in, .hljs-class .hljs-title {\n color: #c18401;\n}\n\n.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {\n color: #4f9fcf;\n}\n\n.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {\n color: #099;\n}\n\n\n\n.hljs-comment, .hljs-quote {\n color: #a0a1a7;\n font-style: italic;\n}\n.hljs-emphasis {\n font-style: italic;\n}\n\n.hljs-strong {\n font-weight: bold;\n}\n\n.hljs-link {\n text-decoration: underline;\n}\n "],["\n.hljs {\n display: block;\n overflow-x: auto;\n color: #555;\n background: ",";\n padding: 0.7em;\n font-size: 14px;\n border-radius: 5px; \n }\n\n.hljs-doctag, .hljs-keyword, .hljs-formula {\n color: #a626a4;\n}\n\n.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {\n color: #2f6f9f;\n}\n\n.hljs-literal {\n color: #0184bb;\n}\n\n.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {\n color: #d44950;\n}\n\n.hljs-built_in, .hljs-class .hljs-title {\n color: #c18401;\n}\n\n.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {\n color: #4f9fcf;\n}\n\n.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {\n color: #099;\n}\n\n\n\n.hljs-comment, .hljs-quote {\n color: #a0a1a7;\n font-style: italic;\n}\n.hljs-emphasis {\n font-style: italic;\n}\n\n.hljs-strong {\n font-weight: bold;\n}\n\n.hljs-link {\n text-decoration: underline;\n}\n "]),a=n(48),o=function(e){return e&&e.__esModule?e:{default:e}}(a),i=n(47),l=o.default.pre(r,i.LIGHT_BACKGROUND);t.default=l},function(e,t){e.exports=function(e){var t={endsWithParent:!0,illegal:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],case_insensitive:!0,contains:[{className:"meta",begin:"",relevance:10,contains:[{begin:"\\[",end:"\\]"}]},e.COMMENT("\x3c!--","--\x3e",{relevance:10}),{begin:"<\\!\\[CDATA\\[",end:"\\]\\]>",relevance:10},{begin:/<\?(php)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0}]},{className:"tag",begin:"|$)",end:">",keywords:{name:"style"},contains:[t],starts:{end:"",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:"|$)",end:">",keywords:{name:"script"},contains:[t],starts:{end:"<\/script>",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"meta",variants:[{begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?\w+/,end:/\?>/}]},{className:"tag",begin:"",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},t]}]}}},function(e,t,n){function r(e,t){return e&&a(e,o(t))}var a=n(535),o=n(542);e.exports=r},function(e,t,n){(function(e){var r=n(495),a=n(600),o="object"==typeof t&&t&&!t.nodeType&&t,i=o&&"object"==typeof e&&e&&!e.nodeType&&e,l=i&&i.exports===o,s=l?r.Buffer:void 0,u=s?s.isBuffer:void 0,c=u||a;e.exports=c}).call(t,n(521)(e))},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},function(e,t){function n(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=r}var r=9007199254740991;e.exports=n},function(e,t){function n(e){return function(t){return e(t)}}e.exports=n},function(e,t,n){(function(e){var r=n(534),a="object"==typeof t&&t&&!t.nodeType&&t,o=a&&"object"==typeof e&&e&&!e.nodeType&&e,i=o&&o.exports===a,l=i&&r.process,s=function(){try{var e=o&&o.require&&o.require("util").types;return e||l&&l.binding&&l.binding("util")}catch(e){}}();e.exports=s}).call(t,n(521)(e))},function(e,t){function n(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||r)}var r=Object.prototype;e.exports=n},function(e,t,n){var r=n(540),a=r(Object.getPrototypeOf,Object);e.exports=a},function(e,t,n){function r(e){var t=this.__data__=new a(e);this.size=t.size}var a=n(506),o=n(613),i=n(614),l=n(615),s=n(616),u=n(617);r.prototype.clear=o,r.prototype.delete=i,r.prototype.get=l,r.prototype.has=s,r.prototype.set=u,e.exports=r},function(e,t){function n(e,t){return e===t||e!==e&&t!==t}e.exports=n},function(e,t,n){var r=n(501),a=n(495),o=r(a,"Map");e.exports=o},function(e,t,n){function r(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t-1&&e%1==0&&ed))return!1;var h=c.get(e);if(h&&c.get(t))return h==t;var b=-1,g=!0,v=n&s?new a:void 0;for(c.set(e,t),c.set(t,e);++b=t||n<0||S&&r>=y}function p(){var e=o();if(d(e))return h(e);_=setTimeout(p,f(e))}function h(e){return _=void 0,O&&x?r(e):(x=m=void 0,w)}function b(){void 0!==_&&clearTimeout(_),k=0,x=E=m=_=void 0}function g(){return void 0===_?w:h(o())}function v(){var e=o(),n=d(e);if(x=arguments,m=this,E=e,n){if(void 0===_)return c(E);if(S)return _=setTimeout(p,t),r(E)}return void 0===_&&(_=setTimeout(p,t)),w}var x,m,y,w,_,E,k=0,C=!1,S=!1,O=!0;if("function"!=typeof e)throw new TypeError(l);return t=i(t)||0,a(n)&&(C=!!n.leading,S="maxWait"in n,y=S?s(i(n.maxWait)||0,t):y,O="trailing"in n?!!n.trailing:O),v.cancel=b,v.flush=g,v}var a=n(498),o=n(703),i=n(704),l="Expected a function",s=Math.max,u=Math.min;e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.ColorWrap=void 0;var l=Object.assign||function(e){for(var t=1;t",componentCode:""}):"LOGO"===this.props.icon.type_of_icon?this.setState({code:"",componentCode:""}):this.setState({code:"",componentCode:""})}},{key:"componentDidMount",value:function(){for(var e=document.querySelectorAll("code"),t=0;t0&&(t+=" bx-rotate-"+this.state.rotate,n+="rotate='"+this.state.rotate+"' "),"none"!==this.state.flip&&(t+=" bx-flip-"+this.state.flip,n+="flip='"+this.state.flip+"' ");var r="";0===this.state.fill.r&&0===this.state.fill.g&&0===this.state.fill.b&&1===this.state.fill.a||(1===this.state.fill.a?(r="style='color:"+this.state.hex+"' ",n+="color='"+this.state.hex+"' "):(r="style='color:rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ",n+="color='rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ")),this.setState({code:"",componentCode:""})}}},{key:"changeURI",value:function(){var e="",t=this.state.size,n=document.getElementsByClassName("injected-svg")[0];n&&(0,F.svgAsPngUri)(n,{scale:t},function(t){e=t,this.setState({uri:''},function(){})}.bind(this))}},{key:"handleAdjust",value:function(){var e="REGULAR",t=this.props.icon.name+"-regular";"REGULAR"===this.props.icon.type_of_icon&&(t=this.props.icon.name+"-solid",e="SOLID"),this.props.changeSideIcon(!0),this.props.setSelectedIcon(this.props.icon.name,t,e)}},{key:"handleSizes",value:function(){this.setState({showSizes:!this.state.showSizes})}},{key:"handleFlip",value:function(){0!==this.state.rotate&&this.setState({rotate:0});var e="bx bx-"+this.props.icon.name,t="name='"+this.props.icon.name+"' ",n="none";"SOLID"===this.props.icon.type_of_icon?(e="bx bxs-"+this.props.icon.name,t+="type='solid' "):"LOGO"===this.props.icon.type_of_icon&&(e="bx bxl-"+this.props.icon.name,t+="type='logo' "),"none"===this.state.flip?(this.setState({flip:"horizontal",svgTransform:"scaleX(-1)",svgFilter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"}),n="horizontal",e+=" bx-flip-"+n,t+="flip='"+n+"' "):"horizontal"===this.state.flip?(this.setState({flip:"vertical",svgTransform:"scaleY(-1)",svgFilter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}),n="vertical",e+=" bx-flip-"+n,t+="flip='"+n+"' "):"vertical"===this.state.flip&&this.setState({flip:"none",svgTransform:"",svgFilter:""}),"none"!==this.state.animation&&(e+=" bx-"+this.state.animation,t+="animation='"+this.state.animation+"' ");var r="";0===this.state.fill.r&&0===this.state.fill.g&&0===this.state.fill.b&&1===this.state.fill.a||(1===this.state.fill.a?(r="style='color:"+this.state.hex+"' ",t+="color='"+this.state.hex+"' "):(r="style='color:rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ",t+="color='rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ")),this.setState({code:"",componentCode:""})}},{key:"handleRotate",value:function(){"none"!==this.state.flip&&this.setState({flip:"none"});var e="bx bx-"+this.props.icon.name,t="name='"+this.props.icon.name+"' ";"SOLID"===this.props.icon.type_of_icon?(e="bx bxs-"+this.props.icon.name,t+="type='solid' "):"LOGO"===this.props.icon.type_of_icon&&(e="bx bxl-"+this.props.icon.name,t+="type='logo' "),"none"!==this.state.animation&&(e+=" bx-"+this.state.animation,t+="animation='"+this.state.animation+"' "),this.state.rotate+90!==360?(this.setState({rotate:this.state.rotate+90,svgTransform:"rotate("+(this.state.rotate+90)+"deg)",svgFilter:"progid:DXImageTransform.Microsoft.BasicImage(rotation="+(this.state.rotate+90)/90+")"}),e+=" bx-rotate-"+(this.state.rotate+90),t+="rotate='"+(this.state.rotate+90)+"' "):this.setState({rotate:0,svgTransform:"",svgFilter:""});var n="";0===this.state.fill.r&&0===this.state.fill.g&&0===this.state.fill.b&&1===this.state.fill.a||(1===this.state.fill.a?(n="style='color:"+this.state.hex+"' ",t+="color='"+this.state.hex+"' "):(n="style='color:rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ",t+="color='rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ")),this.setState({code:"",componentCode:""})}},{key:"handleSize",value:function(e){this.setState({size:e}),this.setState({showSizes:!1})}},{key:"handleAnimate",value:function(e){this.setState({animation:e}),this.setState({animateChoiceDisplay:!1});var t="bx bx-"+this.props.icon.name,n="name='"+this.props.icon.name+"' ";"SOLID"===this.props.icon.type_of_icon?(t="bx bxs-"+this.props.icon.name,n+="type='solid' "):"LOGO"===this.props.icon.type_of_icon&&(t="bx bxl-"+this.props.icon.name,n+="type='logo' "),"none"!==e&&(t+=" bx-"+e,n+="animation='"+e+"' "),this.state.rotate>0&&(t+=" bx-rotate-"+this.state.rotate,n+="rotate='"+this.state.rotate+"' "),"none"!==this.state.flip&&(t+=" bx-flip-"+this.state.flip,n+="flip='"+this.state.flip+"' ");var r="";0===this.state.fill.r&&0===this.state.fill.g&&0===this.state.fill.b&&1===this.state.fill.a||(1===this.state.fill.a?(r="style='color:"+this.state.hex+"' ",n+="color='"+this.state.hex+"' "):(r="style='color:rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ",n+="color='rgba("+this.state.fill.r+","+this.state.fill.g+","+this.state.fill.b+","+this.state.fill.a+")' ")),this.setState({code:"",componentCode:""})}},{key:"handleFill",value:function(){this.setState({showFill:!this.state.showFill})}},{key:"savePNG",value:function(e){e.preventDefault();var t=this.state.size;(0,F.saveSvgAsPng)(document.getElementsByClassName("injected-svg")[0],this.props.icon.name+"-"+this.props.icon.type_of_icon.toLowerCase()+"-"+Math.ceil(24*this.state.size)+".png",{scale:t})}},{key:"getHTML",value:function(e){e.preventDefault(),this.setState({showHTML:!0}),this.changeURI()}},{key:"copyURI",value:function(){document.getElementById("uriID").select(),document.execCommand("copy"),this.setState({htmlcopied:!0}),setTimeout(function(){this.setState({htmlcopied:!1})}.bind(this),1e3)}},{key:"handleChangeComplete",value:function(e){var t="bx bx-"+this.props.icon.name,n="name='"+this.props.icon.name+"' ";if("SOLID"===this.props.icon.type_of_icon?(t="bx bxs-"+this.props.icon.name,n+="type='solid' "):"LOGO"===this.props.icon.type_of_icon&&(t="bx bxl-"+this.props.icon.name,n+="type='logo' "),this.state.rotate>0&&(t+=" bx-rotate-"+this.state.rotate,n+="rotate='"+this.state.rotate+"' "),"none"!==this.state.flip&&(t+=" bx-flip-"+this.state.flip,n+="flip='"+this.state.flip+"' "),"none"!==this.state.animation&&(t+=" bx-"+this.state.animation,n+="animation='"+this.state.animation+"' "),0!==e.rgb.r||0!==e.rgb.g||0!==e.rgb.b||1!==e.rgb.a){var r="";1===e.rgb.a?(r="style='color:"+e.hex+"' ",n+="color='"+e.hex+"' "):(r="style='color:rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")' ",n+="color='rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")' ")}this.setState({fill:e.rgb,hex:e.hex,code:"",componentCode:""})}},{key:"handleCurrentAnimation",value:function(){this.setState({animateChoiceDisplay:!this.state.animateChoiceDisplay}),this.setState({colorChoiceDisplay:!1})}},{key:"copyCode",value:function(){document.querySelector("#code").select(),document.execCommand("Copy"),this.setState({copied:!0}),setTimeout(function(){this.setState({copied:!1})}.bind(this),1e3)}},{key:"handleBoxClose",value:function(){this.props.changeSideIcon(!1),this.props.setSelectedIcon(null,null)}},{key:"render",value:function(){var e=this,t=(0,I.default)({active:this.state.copied,copied:!0}),n=(0,I.default)({active:this.state.htmlcopied,copied:!0}),r={color:"rgba("+this.state.fill.r+", "+this.state.fill.g+", "+this.state.fill.b+", "+this.state.fill.a+")"},a="/static/img/svg/bx-"+this.props.icon.name+".svg",o=this.props.icon,i="bx-"+o.name;return"SOLID"===o.type_of_icon?(a="/static/img/svg/bxs-"+this.props.icon.name+".svg",i="bxs-"+o.name):"LOGO"===o.type_of_icon&&(a="/static/img/svg/bxl-"+this.props.icon.name+".svg",i="bxl-"+o.name),m.default.createElement("div",{className:" "},m.default.createElement($,{className:"icon"},m.default.createElement("input",{className:"hidden",type:"text",onChange:function(){},value:this.state.uri,id:"uriID"}),this.state.showHTML&&m.default.createElement(P.default,{onOutsideClick:function(){e.setState({showHTML:!1})}},m.default.createElement(q,null," ",m.default.createElement("div",{className:"html-box-overflow"},m.default.createElement("div",{className:"html-box-cont"},"Click to Copy & Paste it into your HTML",m.default.createElement("div",{className:"html-code"},m.default.createElement(j.default,{title:"Copy html code"},m.default.createElement("div",{className:"icon-code-in",onClick:this.copyURI}),m.default.createElement("div",{className:"code-hover"}," ",m.default.createElement("code",{className:"html"},this.state.uri)," ",m.default.createElement("div",{className:n},"Copied ",m.default.createElement("i",{className:"bx bx-check"}))))))))),m.default.createElement(L.default,{src:"/static/img/svg/"+i+".svg",svgStyle:{fill:"rgba("+this.state.fill.r+", "+this.state.fill.g+", "+this.state.fill.b+", "+this.state.fill.a+")",transform:this.state.svgTransform,msFilter:this.state.svgFilter}}),m.default.createElement("div",{className:"box-bg "},m.default.createElement("i",{style:r,className:"bx "+i+" bx-rotate-"+this.state.rotate+" bx-"+this.state.animation+" bx-flip-"+this.state.flip}),m.default.createElement(V,null,this.state.opposite&&m.default.createElement("div",{className:"function-button"}," ",m.default.createElement(X,{onClick:this.handleAdjust,className:"active func-adjust",title:"Toggle Style"},m.default.createElement("i",{className:"bx bxs-adjust"}))),m.default.createElement("div",{className:"function-button"},m.default.createElement(P.default,{onOutsideClick:function(){e.setState({showFill:!1})}},m.default.createElement(X,{onClick:this.handleFill,className:"active func-fill",title:"Fill Color"},m.default.createElement("i",{className:"bx bxs-color-fill"})),this.state.showFill&&m.default.createElement("div",{className:"color-picker",id:"picker"},m.default.createElement(B.ChromePicker,{color:this.state.fill,onChangeComplete:this.handleChangeComplete})))),m.default.createElement("div",{className:"function-button"}," ",m.default.createElement(X,{onClick:this.handleRotate,className:this.state.rotate>0?"active func-rotate":"func-rotate",title:"Rotate"},m.default.createElement("i",{className:"bx bx-rotate-right"}))," "),m.default.createElement("div",{className:"function-button"},m.default.createElement(P.default,{onOutsideClick:function(){e.setState({animateChoiceDisplay:!1})}}," ",m.default.createElement(X,{className:"none"!=this.state.animation?"active func-animate":"func-animate",title:"Animate"},m.default.createElement("div",{onClick:this.handleCurrentAnimation},m.default.createElement("i",{className:"bx bxs-zap"})),this.state.animateChoiceDisplay&&m.default.createElement("div",{className:"animate-choices"},m.default.createElement("div",{className:"animate tada",onClick:function(){return e.handleAnimate("tada")}},m.default.createElement("i",{className:"bx "+i+" bx-tada"})),m.default.createElement("div",{className:"animate flashing",onClick:function(){return e.handleAnimate("flashing")}},m.default.createElement("i",{className:"bx "+i+" bx-flashing"})),m.default.createElement("div",{className:"animate burst",onClick:function(){return e.handleAnimate("burst")}},m.default.createElement("i",{className:"bx "+i+" bx-burst"})),m.default.createElement("div",{className:"animate spin",onClick:function(){return e.handleAnimate("spin")}},m.default.createElement("i",{className:"bx "+i+" bx-spin"})),m.default.createElement("div",{className:"animate fade-left",onClick:function(){return e.handleAnimate("fade-left")}},m.default.createElement("i",{className:"bx "+i+" bx-fade-left"})),m.default.createElement("div",{className:"animate fade-right",onClick:function(){return e.handleAnimate("fade-right")}},m.default.createElement("i",{className:"bx "+i+" bx-fade-right"})),m.default.createElement("div",{className:"animate fade-up",onClick:function(){return e.handleAnimate("fade-up")}},m.default.createElement("i",{className:"bx "+i+" bx-fade-up"})),m.default.createElement("div",{className:"animate fade-down",onClick:function(){return e.handleAnimate("fade-down")}},m.default.createElement("i",{className:"bx "+i+" bx-fade-down"})),m.default.createElement("div",{className:"animate none",onClick:function(){return e.handleAnimate("none")}},"none"))))),m.default.createElement("div",{className:"function-button"}," ",m.default.createElement(X,{onClick:this.handleFlip,className:"none"!=this.state.flip?"active func-flip":"func-flip",title:"Flip"},m.default.createElement("i",{className:"bx bx-sync"}))))),m.default.createElement("div",{className:" icon-head"},m.default.createElement("div",{className:" icon-head-name"},o.name),m.default.createElement("div",{className:" icon-footer"},m.default.createElement(W,null,m.default.createElement("div",{className:"code-options"},m.default.createElement("div",{className:"component"===this.state.type?"code-option active":"code-option",onClick:function(){return e.changeType("component")}},"Web Component"),m.default.createElement("div",{className:"font"===this.state.type?"code-option active":"code-option",onClick:function(){return e.changeType("font")}},"Font"),m.default.createElement(H.Link,{to:"/get-started",className:"usage-link"},"Usage >")),"component"===this.state.type?m.default.createElement("div",null,m.default.createElement(j.default,{title:"Copy code"}," ",m.default.createElement("div",{className:"icon-code-in",onClick:this.copyCode}),m.default.createElement("div",{className:"code-hover"}," ",m.default.createElement("code",{className:"html"},this.state.componentCode))),m.default.createElement("input",{className:"hidden",type:"text",onChange:function(){},value:this.state.componentCode,id:"code"}),m.default.createElement("div",{className:t},"Copied ",m.default.createElement("i",{className:"bx bx-check"}))):m.default.createElement("div",null," ",m.default.createElement(j.default,{title:"Copy code"}," ",m.default.createElement("div",{className:"icon-code-in",onClick:this.copyCode}," "),m.default.createElement("div",{className:"code-hover"},m.default.createElement("code",{className:"html"},this.state.code))),m.default.createElement("input",{className:"hidden",type:"text",onChange:function(){},value:this.state.code,id:"code"}),m.default.createElement("div",{className:t},"Copied ",m.default.createElement("i",{className:"bx bx-check"}))))),m.default.createElement(U,null,m.default.createElement(M.WhiteButton,{href:"#",onClick:this.savePNG,className:"button icon-download "},m.default.createElement("div",{className:"button-name"},"PNG"),m.default.createElement("i",{className:"bx bxs-download"})),m.default.createElement(M.WhiteButton,{href:"#",onClick:this.getHTML,className:"button icon-download "},m.default.createElement("div",{className:"button-name"},"HTML"),m.default.createElement("i",{className:"bx bx-code"})),m.default.createElement(M.BlueButton,{href:a,download:i,className:"button icon-download "},m.default.createElement("div",{className:"button-name"},"SVG"),m.default.createElement("i",{className:"bx bxs-download"})),m.default.createElement(P.default,{onOutsideClick:function(){e.setState({showSizes:!1})}}," ",m.default.createElement("div",{className:"download-size",title:"Icon Size"},this.state.showSizes&&m.default.createElement("div",{className:"download-sizes"},m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(.66)}},"16px"),m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(1)}},"24px"),m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(1.5)}},"36px"),m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(2)}},"48px"),m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(4)}},"96px"),m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(5)}},"120px"),m.default.createElement("div",{className:"size",onClick:function(){return e.handleSize(10)}},"240px")),m.default.createElement("div",{className:"size-button",onClick:this.handleSizes},Math.ceil(24*this.state.size),"px ",m.default.createElement("i",{className:"bx bx-caret-down"})))))),m.default.createElement(G,{onClick:this.handleBoxClose},m.default.createElement("i",{className:"bx bx-x"}))))}}]),t}(x.Component);t.default=(0,y.connect)(s,u)(Y)},function(e,t,n){"use strict";var r,a;!function(){var n=void 0!==t&&t||{}||this||window;r=[],void 0!==(a=function(){return n}.apply(t,r))&&(e.exports=a);var o="http://www.w3.org/2000/xmlns/",i=/url\(["']?(.+?)["']?\)/,l={woff2:"font/woff2",woff:"font/woff",otf:"application/x-font-opentype",ttf:"application/x-font-ttf",eot:"application/vnd.ms-fontobject",sfnt:"application/font-sfnt",svg:"image/svg+xml"},s=function(e){return e instanceof HTMLElement||e instanceof SVGElement},u=function(e){if(!s(e))throw new Error("an HTMLElement or SVGElement is required; got "+e)},c=function(e){return e&&0===e.lastIndexOf("http",0)&&-1===e.lastIndexOf(window.location.host)},f=function(e){var t=Object.keys(l).filter(function(t){return e.indexOf("."+t)>0}).map(function(e){return l[e]});return t?t[0]:(console.error("Unknown font format for "+e+". Fonts may not be working correctly."),"application/octet-stream")},d=function(e){for(var t="",n=new Uint8Array(e),r=0;r *")).forEach(function(e){e.getAttribute("xmlns")||e.setAttributeNS(o,"xmlns","http://www.w3.org/1999/xhtml")}),k(e,t).then(function(e){var t=document.createElement("style");t.setAttribute("type","text/css"),t.innerHTML="";var a=document.createElement("defs");a.appendChild(t),r.insertBefore(a,r.firstChild);var o=document.createElement("div");o.appendChild(r);var i=o.innerHTML.replace(/NS\d+:href/gi,'xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href');if("function"!=typeof n)return{src:i,width:b,height:v};n(i,b,v)})})},n.svgAsDataUri=function(e,t,r){u(e);var a=n.prepareSvg(e,t).then(function(e){var t=e.src;return"data:image/svg+xml;base64,"+window.btoa(b(']>'+t))});return"function"==typeof r?a.then(r):a},n.svgAsPngUri=function(e,t,r){u(e);var a=t||{},o=a.encoderType,i=void 0===o?"image/png":o,l=a.encoderOptions,s=void 0===l?.8:l,c=a.canvg,f=function(e){var t=e.src,n=e.width,a=e.height,o=document.createElement("canvas"),l=o.getContext("2d"),u=window.devicePixelRatio||1;o.width=n*u,o.height=a*u,o.style.width=o.width+"px",o.style.height=o.height+"px",l.setTransform(u,0,0,u,0,0),c?c(o,t):l.drawImage(t,0,0);var f=void 0;try{f=o.toDataURL(i,s)}catch(e){if("undefined"!=typeof SecurityError&&e instanceof SecurityError||"SecurityError"===e.name)return void console.error("Rendered SVG images cannot be downloaded in this browser.");throw e}return"function"==typeof r&&r(f),Promise.resolve(f)};return c?n.prepareSvg(e,t).then(f):n.svgAsDataUri(e,t).then(function(e){return new Promise(function(t,n){var r=new Image;r.onload=function(){return t(f({src:r,width:r.width,height:r.height}))},r.onerror=function(){n("There was an error loading the data URI as an image on the following SVG\n"+window.atob(e.slice(26))+"Open the following link to see browser's diagnosis\n"+e)},r.src=e})})},n.download=function(e,t){if(navigator.msSaveOrOpenBlob)navigator.msSaveOrOpenBlob(g(t),e);else{var n=document.createElement("a");if("download"in n){n.download=e,n.style.display="none",document.body.appendChild(n);try{var r=g(t),a=URL.createObjectURL(r);n.href=a,n.onclick=function(){return requestAnimationFrame(function(){return URL.revokeObjectURL(a)})}}catch(e){console.warn("This browser does not support object URLs. Falling back to string URL."),n.href=t}n.click(),document.body.removeChild(n)}else window.open(t,"_temp","menubar=no,toolbar=no,status=no")}},n.saveSvg=function(e,t,r){u(e),n.svgAsDataUri(e,r||{},function(e){return n.download(t,e)})},n.saveSvgAsPng=function(e,t,r){u(e),n.svgAsPngUri(e,r||{},function(e){return n.download(t,e)})}}()},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.CustomPicker=t.TwitterPicker=t.SwatchesPicker=t.SliderPicker=t.SketchPicker=t.PhotoshopPicker=t.MaterialPicker=t.HuePicker=t.GithubPicker=t.CompactPicker=t.ChromePicker=t.default=t.CirclePicker=t.BlockPicker=t.AlphaPicker=void 0;var a=n(591);Object.defineProperty(t,"AlphaPicker",{enumerable:!0,get:function(){return r(a).default}});var o=n(712);Object.defineProperty(t,"BlockPicker",{enumerable:!0,get:function(){return r(o).default}});var i=n(714);Object.defineProperty(t,"CirclePicker",{enumerable:!0,get:function(){return r(i).default}});var l=n(716);Object.defineProperty(t,"ChromePicker",{enumerable:!0,get:function(){return r(l).default}});var s=n(720);Object.defineProperty(t,"CompactPicker",{enumerable:!0,get:function(){return r(s).default}});var u=n(723);Object.defineProperty(t,"GithubPicker",{enumerable:!0,get:function(){return r(u).default}});var c=n(725);Object.defineProperty(t,"HuePicker",{enumerable:!0,get:function(){return r(c).default}});var f=n(727);Object.defineProperty(t,"MaterialPicker",{enumerable:!0,get:function(){return r(f).default}});var d=n(728);Object.defineProperty(t,"PhotoshopPicker",{enumerable:!0,get:function(){return r(d).default}});var p=n(734);Object.defineProperty(t,"SketchPicker",{enumerable:!0,get:function(){return r(p).default}});var h=n(737);Object.defineProperty(t,"SliderPicker",{enumerable:!0,get:function(){return r(h).default}});var b=n(741);Object.defineProperty(t,"SwatchesPicker",{enumerable:!0,get:function(){return r(b).default}});var g=n(744);Object.defineProperty(t,"TwitterPicker",{enumerable:!0,get:function(){return r(g).default}});var v=n(565);Object.defineProperty(t,"CustomPicker",{enumerable:!0,get:function(){return r(v).default}});var x=r(l);t.default=x.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.AlphaPicker=void 0;var a=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:[],n=[];return(0,f.default)(t,function(t){Array.isArray(t)?e(t).map(function(e){return n.push(e)}):(0,u.default)(t)?(0,l.default)(t,function(e,t){!0===e&&n.push(t),n.push(t+"-"+e)}):(0,o.default)(t)&&n.push(t)}),n};t.default=d},function(e,t,n){function r(e){return"string"==typeof e||!o(e)&&i(e)&&a(e)==l}var a=n(500),o=n(494),i=n(497),l="[object String]";e.exports=r},function(e,t,n){function r(e){var t=i.call(e,s),n=e[s];try{e[s]=void 0;var r=!0}catch(e){}var a=l.call(e);return r&&(t?e[s]=n:delete e[s]),a}var a=n(503),o=Object.prototype,i=o.hasOwnProperty,l=o.toString,s=a?a.toStringTag:void 0;e.exports=r},function(e,t){function n(e){return a.call(e)}var r=Object.prototype,a=r.toString;e.exports=n},function(e,t,n){var r=n(597),a=r();e.exports=a},function(e,t){function n(e){return function(t,n,r){for(var a=-1,o=Object(t),i=r(t),l=i.length;l--;){var s=i[e?l:++a];if(!1===n(o[s],s,o))break}return t}}e.exports=n},function(e,t){function n(e,t){for(var n=-1,r=Array(e);++n-1}var a=n(507);e.exports=r},function(e,t,n){function r(e,t){var n=this.__data__,r=a(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}var a=n(507);e.exports=r},function(e,t,n){function r(){this.__data__=new a,this.size=0}var a=n(506);e.exports=r},function(e,t){function n(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n}e.exports=n},function(e,t){function n(e){return this.__data__.get(e)}e.exports=n},function(e,t){function n(e){return this.__data__.has(e)}e.exports=n},function(e,t,n){function r(e,t){var n=this.__data__;if(n instanceof a){var r=n.__data__;if(!o||r.length1&&void 0!==arguments[1]?arguments[1]:[],n=e.default&&(0,l.default)(e.default)||{};return t.map(function(t){var r=e[t];return r&&(0,o.default)(r,function(e,t){n[t]||(n[t]={}),n[t]=s({},n[t],r[t])}),t}),n};t.default=u},function(e,t,n){function r(e){return a(e,o|i)}var a=n(667),o=1,i=4;e.exports=r},function(e,t,n){function r(e,t,n,N,F,B){var T,L=t&C,z=t&S,D=t&O;if(n&&(T=F?n(e,N,F,B):n(e)),void 0!==T)return T;if(!_(e))return e;var I=m(e);if(I){if(T=g(e),!L)return c(e,T)}else{var H=b(e),G=H==A||H==P;if(y(e))return u(e,L);if(H==M||H==j||G&&!F){if(T=z||G?{}:x(e),!L)return z?d(e,s(T,e)):f(e,l(T,e))}else{if(!R[H])return F?e:{};T=v(e,H,L)}}B||(B=new a);var U=B.get(e);if(U)return U;if(B.set(e,T),E(e))return e.forEach(function(a){T.add(r(a,t,n,a,e,B))}),T;if(w(e))return e.forEach(function(a,o){T.set(o,r(a,t,n,o,e,B))}),T;var W=D?z?h:p:z?keysIn:k,V=I?void 0:W(e);return o(V||e,function(a,o){V&&(o=a,a=e[o]),i(T,o,r(a,t,n,o,e,B))}),T}var a=n(527),o=n(558),i=n(559),l=n(669),s=n(670),u=n(673),c=n(674),f=n(675),d=n(676),p=n(549),h=n(677),b=n(510),g=n(678),v=n(679),x=n(684),m=n(494),y=n(520),w=n(686),_=n(498),E=n(688),k=n(504),C=1,S=2,O=4,j="[object Arguments]",A="[object Function]",P="[object GeneratorFunction]",M="[object Object]",R={};R[j]=R["[object Array]"]=R["[object ArrayBuffer]"]=R["[object DataView]"]=R["[object Boolean]"]=R["[object Date]"]=R["[object Float32Array]"]=R["[object Float64Array]"]=R["[object Int8Array]"]=R["[object Int16Array]"]=R["[object Int32Array]"]=R["[object Map]"]=R["[object Number]"]=R[M]=R["[object RegExp]"]=R["[object Set]"]=R["[object String]"]=R["[object Symbol]"]=R["[object Uint8Array]"]=R["[object Uint8ClampedArray]"]=R["[object Uint16Array]"]=R["[object Uint32Array]"]=!0,R["[object Error]"]=R[A]=R["[object WeakMap]"]=!1,e.exports=r},function(e,t,n){var r=n(501),a=function(){try{var e=r(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();e.exports=a},function(e,t,n){function r(e,t){return e&&a(t,o(t),e)}var a=n(513),o=n(504);e.exports=r},function(e,t,n){function r(e,t){return e&&a(t,o(t),e)}var a=n(513),o=n(561);e.exports=r},function(e,t,n){function r(e){if(!a(e))return i(e);var t=o(e),n=[];for(var r in e)("constructor"!=r||!t&&s.call(e,r))&&n.push(r);return n}var a=n(498),o=n(525),i=n(672),l=Object.prototype,s=l.hasOwnProperty;e.exports=r},function(e,t){function n(e){var t=[];if(null!=e)for(var n in Object(e))t.push(n);return t}e.exports=n},function(e,t,n){(function(e){function r(e,t){if(t)return e.slice();var n=e.length,r=u?u(n):new e.constructor(n);return e.copy(r),r}var a=n(495),o="object"==typeof t&&t&&!t.nodeType&&t,i=o&&"object"==typeof e&&e&&!e.nodeType&&e,l=i&&i.exports===o,s=l?a.Buffer:void 0,u=s?s.allocUnsafe:void 0;e.exports=r}).call(t,n(521)(e))},function(e,t){function n(e,t){var n=-1,r=e.length;for(t||(t=Array(r));++n1&&void 0!==arguments[1]?arguments[1]:"span";return function(n){function l(){var n,o,u,c;r(this,l);for(var f=arguments.length,d=Array(f),p=0;p1&&void 0!==arguments[1]?arguments[1]:"span";return function(n){function l(){var n,o,u,c;r(this,l);for(var f=arguments.length,d=Array(f),p=0;p1&&void 0!==arguments[1])||arguments[1];n[e]=t};return 0===e&&r("first-child"),e===t-1&&r("last-child"),(0===e||e%2==0)&&r("even"),1===Math.abs(e%2)&&r("odd"),r("nth-child",e),n};t.default=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Alpha=void 0;var l=Object.assign||function(e){for(var t=1;to?1:Math.round(100*u/o)/100,n.hsl.a!==c)return{h:n.hsl.h,s:n.hsl.s,l:n.hsl.l,a:c,source:"rgb"}}else{var f=void 0;if(f=s<0?0:s>a?1:Math.round(100*s/a)/100,n.a!==f)return{h:n.hsl.h,s:n.hsl.s,l:n.hsl.l,a:f,source:"rgb"}}return null}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={},a=t.render=function(e,t,n,r){if("undefined"==typeof document&&!r)return null;var a=r?new r:document.createElement("canvas");a.width=2*n,a.height=2*n;var o=a.getContext("2d");return o?(o.fillStyle=e,o.fillRect(0,0,a.width,a.height),o.fillStyle=t,o.fillRect(0,0,n,n),o.translate(n,n),o.fillRect(0,0,n,n),a.toDataURL()):null};t.get=function(e,t,n,o){var i=e+"-"+t+"-"+n+(o?"-server":""),l=a(e,t,n,o);return r[i]?r[i]:(r[i]=l,l)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.EditableInput=void 0;var s=function(){function e(e,t){for(var n=0;n-1,o=Number(t.replace(/%/g,""));if(!isNaN(o)){var i=n.props.arrowOffset||1;38===e.keyCode&&(null!==n.props.label?n.props.onChange&&n.props.onChange(a({},n.props.label,o+i),e):n.props.onChange&&n.props.onChange(o+i,e),r?n.setState({value:o+i+"%"}):n.setState({value:o+i})),40===e.keyCode&&(null!==n.props.label?n.props.onChange&&n.props.onChange(a({},n.props.label,o-i),e):n.props.onChange&&n.props.onChange(o-i,e),r?n.setState({value:o-i+"%"}):n.setState({value:o-i}))}},n.handleDrag=function(e){if(n.props.dragLabel){var t=Math.round(n.props.value+e.movementX);t>=0&&t<=n.props.dragMax&&n.props.onChange&&n.props.onChange(a({},n.props.label,t),e)}},n.handleMouseDown=function(e){n.props.dragLabel&&(e.preventDefault(),n.handleDrag(e),window.addEventListener("mousemove",n.handleDrag),window.addEventListener("mouseup",n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleDrag),window.removeEventListener("mouseup",n.handleMouseUp)},n.state={value:String(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},n}return l(t,e),s(t,[{key:"componentWillReceiveProps",value:function(e){var t=this.input;e.value!==this.state.value&&(t===document.activeElement?this.setState({blurValue:String(e.value).toUpperCase()}):this.setState({value:String(e.value).toUpperCase(),blurValue:!this.state.blurValue&&String(e.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var e=this,t=(0,d.default)({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return c.default.createElement("div",{style:t.wrap},c.default.createElement("input",{style:t.input,ref:function(t){return e.input=t},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?c.default.createElement("span",{style:t.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(u.PureComponent||u.Component);t.default=p},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Hue=void 0;var l=function(){function e(e,t){for(var n=0;no)c=0;else{var f=-100*u/o+100;c=360*f/100}if(n.hsl.h!==c)return{h:c,s:n.hsl.s,l:n.hsl.l,a:n.hsl.a,source:"rgb"}}else{var d=void 0;if(s<0)d=0;else if(s>a)d=359;else{var p=100*s/a;d=360*p/100}if(n.hsl.h!==d)return{h:d,s:n.hsl.s,l:n.hsl.l,a:n.hsl.a,source:"rgb"}}return null}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Raised=void 0;var a=n(5),o=r(a),i=n(11),l=r(i),s=n(492),u=r(s),c=t.Raised=function(e){var t=e.zDepth,n=e.radius,r=e.background,a=e.children,i=(0,u.default)({default:{wrap:{position:"relative",display:"inline-block"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 "+t+"px "+4*t+"px rgba(0,0,0,.24)",borderRadius:n,background:r}},"zDepth-0":{bg:{boxShadow:"none"}},"zDepth-1":{bg:{boxShadow:"0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)"}},"zDepth-2":{bg:{boxShadow:"0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)"}},"zDepth-3":{bg:{boxShadow:"0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)"}},"zDepth-4":{bg:{boxShadow:"0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)"}},"zDepth-5":{bg:{boxShadow:"0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)"}},square:{bg:{borderRadius:"0"}},circle:{bg:{borderRadius:"50%"}}},{"zDepth-1":1===t});return o.default.createElement("div",{style:i.wrap},o.default.createElement("div",{style:i.bg}),o.default.createElement("div",{style:i.content},a))};c.propTypes={background:l.default.string,zDepth:l.default.oneOf([0,1,2,3,4,5]),radius:l.default.number},c.defaultProps={background:"#fff",zDepth:1,radius:2},t.default=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Saturation=void 0;var l=function(){function e(e,t){for(var n=0;no?u=o:c<0?c=0:c>i&&(c=i);var f=100*u/o,d=-100*c/i+100;return{h:n.hsl.h,s:f,v:d,a:n.hsl.a,source:"rgb"}}},function(e,t,n){e.exports=n(707)},function(e,t,n){function r(e,t){return(l(e)?a:o)(e,i(t))}var a=n(558),o=n(557),i=n(542),l=n(494);e.exports=r},function(e,t,n){var r;!function(a){function o(e,t){if(e=e||"",t=t||{},e instanceof o)return e;if(!(this instanceof o))return new o(e,t);var n=i(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=W(100*this._a)/100,this._format=t.format||n.format,this._gradientType=t.gradientType,this._r<1&&(this._r=W(this._r)),this._g<1&&(this._g=W(this._g)),this._b<1&&(this._b=W(this._b)),this._ok=n.ok,this._tc_id=U++}function i(e){var t={r:0,g:0,b:0},n=1,r=null,a=null,o=null,i=!1,s=!1;return"string"==typeof e&&(e=D(e)),"object"==typeof e&&(z(e.r)&&z(e.g)&&z(e.b)?(t=l(e.r,e.g,e.b),i=!0,s="%"===String(e.r).substr(-1)?"prgb":"rgb"):z(e.h)&&z(e.s)&&z(e.v)?(r=B(e.s),a=B(e.v),t=f(e.h,r,a),i=!0,s="hsv"):z(e.h)&&z(e.s)&&z(e.l)&&(r=B(e.s),o=B(e.l),t=u(e.h,r,o),i=!0,s="hsl"),e.hasOwnProperty("a")&&(n=e.a)),n=j(n),{ok:i,format:e.format||s,r:V(255,X(t.r,0)),g:V(255,X(t.g,0)),b:V(255,X(t.b,0)),a:n}}function l(e,t,n){return{r:255*A(e,255),g:255*A(t,255),b:255*A(n,255)}}function s(e,t,n){e=A(e,255),t=A(t,255),n=A(n,255);var r,a,o=X(e,t,n),i=V(e,t,n),l=(o+i)/2;if(o==i)r=a=0;else{var s=o-i;switch(a=l>.5?s/(2-o-i):s/(o+i),o){case e:r=(t-n)/s+(t1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}var a,o,i;if(e=A(e,360),t=A(t,100),n=A(n,100),0===t)a=o=i=n;else{var l=n<.5?n*(1+t):n+t-n*t,s=2*n-l;a=r(s,l,e+1/3),o=r(s,l,e),i=r(s,l,e-1/3)}return{r:255*a,g:255*o,b:255*i}}function c(e,t,n){e=A(e,255),t=A(t,255),n=A(n,255);var r,a,o=X(e,t,n),i=V(e,t,n),l=o,s=o-i;if(a=0===o?0:s/o,o==i)r=0;else{switch(o){case e:r=(t-n)/s+(t>1)+720)%360;--t;)r.h=(r.h+a)%360,i.push(o(r));return i}function O(e,t){t=t||6;for(var n=o(e).toHsv(),r=n.h,a=n.s,i=n.v,l=[],s=1/t;t--;)l.push(o({h:r,s:a,v:i})),i=(i+s)%1;return l}function j(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function A(e,t){R(e)&&(e="100%");var n=N(e);return e=V(t,X(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),a.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function P(e){return V(1,X(0,e))}function M(e){return parseInt(e,16)}function R(e){return"string"==typeof e&&-1!=e.indexOf(".")&&1===parseFloat(e)}function N(e){return"string"==typeof e&&-1!=e.indexOf("%")}function F(e){return 1==e.length?"0"+e:""+e}function B(e){return e<=1&&(e=100*e+"%"),e}function T(e){return a.round(255*parseFloat(e)).toString(16)}function L(e){return M(e)/255}function z(e){return!!K.CSS_UNIT.exec(e)}function D(e){e=e.replace(H,"").replace(G,"").toLowerCase();var t=!1;if($[e])e=$[e],t=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};var n;return(n=K.rgb.exec(e))?{r:n[1],g:n[2],b:n[3]}:(n=K.rgba.exec(e))?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=K.hsl.exec(e))?{h:n[1],s:n[2],l:n[3]}:(n=K.hsla.exec(e))?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=K.hsv.exec(e))?{h:n[1],s:n[2],v:n[3]}:(n=K.hsva.exec(e))?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=K.hex8.exec(e))?{r:M(n[1]),g:M(n[2]),b:M(n[3]),a:L(n[4]),format:t?"name":"hex8"}:(n=K.hex6.exec(e))?{r:M(n[1]),g:M(n[2]),b:M(n[3]),format:t?"name":"hex"}:(n=K.hex4.exec(e))?{r:M(n[1]+""+n[1]),g:M(n[2]+""+n[2]),b:M(n[3]+""+n[3]),a:L(n[4]+""+n[4]),format:t?"name":"hex8"}:!!(n=K.hex3.exec(e))&&{r:M(n[1]+""+n[1]),g:M(n[2]+""+n[2]),b:M(n[3]+""+n[3]),format:t?"name":"hex"}}function I(e){var t,n;return e=e||{level:"AA",size:"small"},t=(e.level||"AA").toUpperCase(),n=(e.size||"small").toLowerCase(),"AA"!==t&&"AAA"!==t&&(t="AA"),"small"!==n&&"large"!==n&&(n="small"),{level:t,size:n}}var H=/^\s+/,G=/\s+$/,U=0,W=a.round,V=a.min,X=a.max,q=a.random;o.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,n,r,o,i,l=this.toRgb();return e=l.r/255,t=l.g/255,n=l.b/255,r=e<=.03928?e/12.92:a.pow((e+.055)/1.055,2.4),o=t<=.03928?t/12.92:a.pow((t+.055)/1.055,2.4),i=n<=.03928?n/12.92:a.pow((n+.055)/1.055,2.4),.2126*r+.7152*o+.0722*i},setAlpha:function(e){return this._a=j(e),this._roundA=W(100*this._a)/100,this},toHsv:function(){var e=c(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=c(this._r,this._g,this._b),t=W(360*e.h),n=W(100*e.s),r=W(100*e.v);return 1==this._a?"hsv("+t+", "+n+"%, "+r+"%)":"hsva("+t+", "+n+"%, "+r+"%, "+this._roundA+")"},toHsl:function(){var e=s(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=s(this._r,this._g,this._b),t=W(360*e.h),n=W(100*e.s),r=W(100*e.l);return 1==this._a?"hsl("+t+", "+n+"%, "+r+"%)":"hsla("+t+", "+n+"%, "+r+"%, "+this._roundA+")"},toHex:function(e){return d(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return p(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:W(this._r),g:W(this._g),b:W(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+W(this._r)+", "+W(this._g)+", "+W(this._b)+")":"rgba("+W(this._r)+", "+W(this._g)+", "+W(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:W(100*A(this._r,255))+"%",g:W(100*A(this._g,255))+"%",b:W(100*A(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+W(100*A(this._r,255))+"%, "+W(100*A(this._g,255))+"%, "+W(100*A(this._b,255))+"%)":"rgba("+W(100*A(this._r,255))+"%, "+W(100*A(this._g,255))+"%, "+W(100*A(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(Y[d(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+h(this._r,this._g,this._b,this._a),n=t,r=this._gradientType?"GradientType = 1, ":"";if(e){var a=o(e);n="#"+h(a._r,a._g,a._b,a._a)}return"progid:DXImageTransform.Microsoft.gradient("+r+"startColorstr="+t+",endColorstr="+n+")"},toString:function(e){var t=!!e;e=e||this._format;var n=!1,r=this._a<1&&this._a>=0;return t||!r||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"hex4"!==e&&"hex8"!==e&&"name"!==e?("rgb"===e&&(n=this.toRgbString()),"prgb"===e&&(n=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(n=this.toHexString()),"hex3"===e&&(n=this.toHexString(!0)),"hex4"===e&&(n=this.toHex8String(!0)),"hex8"===e&&(n=this.toHex8String()),"name"===e&&(n=this.toName()),"hsl"===e&&(n=this.toHslString()),"hsv"===e&&(n=this.toHsvString()),n||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},clone:function(){return o(this.toString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(x,arguments)},brighten:function(){return this._applyModification(m,arguments)},darken:function(){return this._applyModification(y,arguments)},desaturate:function(){return this._applyModification(b,arguments)},saturate:function(){return this._applyModification(g,arguments)},greyscale:function(){return this._applyModification(v,arguments)},spin:function(){return this._applyModification(w,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(S,arguments)},complement:function(){return this._applyCombination(_,arguments)},monochromatic:function(){return this._applyCombination(O,arguments)},splitcomplement:function(){return this._applyCombination(C,arguments)},triad:function(){return this._applyCombination(E,arguments)},tetrad:function(){return this._applyCombination(k,arguments)}},o.fromRatio=function(e,t){if("object"==typeof e){var n={};for(var r in e)e.hasOwnProperty(r)&&(n[r]="a"===r?e[r]:B(e[r]));e=n}return o(e,t)},o.equals=function(e,t){return!(!e||!t)&&o(e).toRgbString()==o(t).toRgbString()},o.random=function(){return o.fromRatio({r:q(),g:q(),b:q()})},o.mix=function(e,t,n){n=0===n?0:n||50;var r=o(e).toRgb(),a=o(t).toRgb(),i=n/100;return o({r:(a.r-r.r)*i+r.r,g:(a.g-r.g)*i+r.g,b:(a.b-r.b)*i+r.b,a:(a.a-r.a)*i+r.a})},o.readability=function(e,t){var n=o(e),r=o(t);return(a.max(n.getLuminance(),r.getLuminance())+.05)/(a.min(n.getLuminance(),r.getLuminance())+.05)},o.isReadable=function(e,t,n){var r,a,i=o.readability(e,t);switch(a=!1,r=I(n),r.level+r.size){case"AAsmall":case"AAAlarge":a=i>=4.5;break;case"AAlarge":a=i>=3;break;case"AAAsmall":a=i>=7}return a},o.mostReadable=function(e,t,n){var r,a,i,l,s=null,u=0;n=n||{},a=n.includeFallbackColors,i=n.level,l=n.size;for(var c=0;cu&&(u=r,s=o(t[c]));return o.isReadable(e,s,{level:i,size:l})||!a?s:(n.includeFallbackColors=!1,o.mostReadable(e,["#fff","#000"],n))};var $=o.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},Y=o.hexNames=function(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[e[n]]=n);return t}($),K=function(){var e="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)",t="[\\s|\\(]+("+e+")[,|\\s]+("+e+")[,|\\s]+("+e+")\\s*\\)?",n="[\\s|\\(]+("+e+")[,|\\s]+("+e+")[,|\\s]+("+e+")[,|\\s]+("+e+")\\s*\\)?";return{CSS_UNIT:new RegExp(e),rgb:new RegExp("rgb"+t),rgba:new RegExp("rgba"+n),hsl:new RegExp("hsl"+t),hsla:new RegExp("hsla"+n),hsv:new RegExp("hsv"+t),hsva:new RegExp("hsva"+n),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();void 0!==e&&e.exports?e.exports=o:void 0!==(r=function(){return o}.call(t,n,t,e))&&(e.exports=r)}(Math)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Swatch=void 0;var a=Object.assign||function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:"span";return function(n){function s(){var e,t,n,o;r(this,s);for(var i=arguments.length,l=Array(i),u=0;u1&&(e.a=1),r.props.onChange({h:r.props.hsl.h,s:r.props.hsl.s,l:r.props.hsl.l,a:Math.round(100*e.a)/100,source:"rgb"},t)):(e.h||e.s||e.l)&&r.props.onChange({h:e.h||r.props.hsl.h,s:Number(e.s&&e.s||r.props.hsl.s),l:Number(e.l&&e.l||r.props.hsl.l),source:"hsl"},t)},r.showHighlight=function(e){e.target.style.background="#eee"},r.hideHighlight=function(e){e.target.style.background="transparent"},i=n,o(r,i)}return i(t,e),l(t,[{key:"componentDidMount",value:function(){1===this.props.hsl.a&&"hex"!==this.state.view?this.setState({view:"hex"}):"rgb"!==this.state.view&&"hsl"!==this.state.view&&this.setState({view:"rgb"})}},{key:"componentWillReceiveProps",value:function(e){1!==e.hsl.a&&"hex"===this.state.view&&this.setState({view:"rgb"})}},{key:"render",value:function(){var e=this,t=(0,f.default)({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),n=void 0;return"hex"===this.state.view?n=u.default.createElement("div",{style:t.fields,className:"flexbox-fix"},u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):"rgb"===this.state.view?n=u.default.createElement("div",{style:t.fields,className:"flexbox-fix"},u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),u.default.createElement("div",{style:t.alpha},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):"hsl"===this.state.view&&(n=u.default.createElement("div",{style:t.fields,className:"flexbox-fix"},u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"s",value:Math.round(100*this.props.hsl.s)+"%",onChange:this.handleChange})),u.default.createElement("div",{style:t.field},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"l",value:Math.round(100*this.props.hsl.l)+"%",onChange:this.handleChange})),u.default.createElement("div",{style:t.alpha},u.default.createElement(h.EditableInput,{style:{input:t.input,label:t.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),u.default.createElement("div",{style:t.wrap,className:"flexbox-fix"},n,u.default.createElement("div",{style:t.toggle},u.default.createElement("div",{style:t.icon,onClick:this.toggleViews,ref:function(t){return e.icon=t}},u.default.createElement("svg",{style:t.svg,viewBox:"0 0 24 24",onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight},u.default.createElement("path",{ref:function(t){return e.iconUp=t},fill:"#333",d:"M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}),u.default.createElement("path",{ref:function(t){return e.iconDown=t},fill:"#333",d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15Z"})))))}}]),t}(u.default.Component);t.default=b},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointer=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=t.ChromePointer=function(){var e=(0,l.default)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return o.default.createElement("div",{style:e.picker})};t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointerCircle=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=t.ChromePointerCircle=function(){var e=(0,l.default)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return o.default.createElement("div",{style:e.picker})};t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Compact=void 0;var a=n(5),o=r(a),i=n(11),l=r(i),s=n(492),u=r(s),c=n(499),f=r(c),d=n(496),p=r(d),h=n(493),b=n(721),g=r(b),v=n(722),x=r(v),m=t.Compact=function(e){var t=e.onChange,n=e.onSwatchHover,r=e.colors,a=e.hex,i=e.rgb,l=e.className,s=void 0===l?"":l,c=(0,u.default)({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}}),d=function(e,n){e.hex?p.default.isValidHex(e.hex)&&t({hex:e.hex,source:"hex"},n):t(e,n)};return o.default.createElement(h.Raised,{style:c.Compact},o.default.createElement("div",{style:c.compact,className:"compact-picker "+s},o.default.createElement("div",null,(0,f.default)(r,function(e){return o.default.createElement(g.default,{key:e,color:e,active:e.toLowerCase()===a,onClick:d,onSwatchHover:n})}),o.default.createElement("div",{style:c.clear})),o.default.createElement(x.default,{hex:a,rgb:i,onChange:d})))};m.propTypes={colors:l.default.arrayOf(l.default.string)},m.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"]},t.default=(0,h.ColorWrap)(m)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.CompactColor=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=n(496),u=r(s),c=n(493),f=t.CompactColor=function(e){var t=e.color,n=e.onClick,r=void 0===n?function(){}:n,a=e.onSwatchHover,i=e.active,s=(0,l.default)({default:{color:{background:t,width:"15px",height:"15px",float:"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:u.default.getContrastingColor(t),borderRadius:"50%",opacity:"0"}},active:{dot:{opacity:"1"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},dot:{background:"#000"}},transparent:{dot:{background:"#000"}}},{active:i,"color-#FFFFFF":"#FFFFFF"===t,transparent:"transparent"===t});return o.default.createElement(c.Swatch,{style:s.color,color:t,onClick:r,onHover:a,focusStyle:{boxShadow:"0 0 4px "+t}},o.default.createElement("div",{style:s.dot}))};t.default=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.CompactFields=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=n(493),u=t.CompactFields=function(e){var t=e.hex,n=e.rgb,r=e.onChange,a=(0,l.default)({default:{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:t},HEXwrap:{flex:"6",position:"relative"},HEXinput:{width:"80%",padding:"0px",paddingLeft:"20%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},HEXlabel:{display:"none"},RGBwrap:{flex:"3",position:"relative"},RGBinput:{width:"70%",padding:"0px",paddingLeft:"30%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},RGBlabel:{position:"absolute",top:"3px",left:"0px",lineHeight:"16px",textTransform:"uppercase",fontSize:"12px",color:"#999"}}}),i=function(e,t){e.r||e.g||e.b?r({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,source:"rgb"},t):r({hex:e.hex,source:"hex"},t)};return o.default.createElement("div",{style:a.fields,className:"flexbox-fix"},o.default.createElement("div",{style:a.active}),o.default.createElement(s.EditableInput,{style:{wrap:a.HEXwrap,input:a.HEXinput,label:a.HEXlabel},label:"hex",value:t,onChange:i}),o.default.createElement(s.EditableInput,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"r",value:n.r,onChange:i}),o.default.createElement(s.EditableInput,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"g",value:n.g,onChange:i}),o.default.createElement(s.EditableInput,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"b",value:n.b,onChange:i}))};t.default=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Github=void 0;var a=n(5),o=r(a),i=n(11),l=r(i),s=n(492),u=r(s),c=n(499),f=r(c),d=n(493),p=n(724),h=r(p),b=t.Github=function(e){var t=e.width,n=e.colors,r=e.onChange,a=e.onSwatchHover,i=e.triangle,l=e.className,s=void 0===l?"":l,c=(0,u.default)({default:{card:{width:t,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},{"hide-triangle":"hide"===i,"top-left-triangle":"top-left"===i,"top-right-triangle":"top-right"===i,"bottom-left-triangle":"bottom-left"==i,"bottom-right-triangle":"bottom-right"===i}),d=function(e,t){return r({hex:e,source:"hex"},t)};return o.default.createElement("div",{style:c.card,className:"github-picker "+s},o.default.createElement("div",{style:c.triangleShadow}),o.default.createElement("div",{style:c.triangle}),(0,f.default)(n,function(e){return o.default.createElement(h.default,{color:e,key:e,onClick:d,onSwatchHover:a})}))};b.propTypes={width:l.default.oneOfType([l.default.string,l.default.number]),colors:l.default.arrayOf(l.default.string),triangle:l.default.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"])},b.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left"},t.default=(0,d.ColorWrap)(b)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.GithubSwatch=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=n(493),u=t.GithubSwatch=function(e){var t=e.hover,n=e.color,r=e.onClick,a=e.onSwatchHover,i={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},u=(0,l.default)({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:i}},{hover:t});return o.default.createElement("div",{style:u.swatch},o.default.createElement(s.Swatch,{color:n,onClick:r,onHover:a,focusStyle:i}))};t.default=(0,i.handleHover)(u)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.HuePicker=void 0;var a=Object.assign||function(e){for(var t=1;t.5});return o.default.createElement("div",{style:n.picker})};t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPointerCircle=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=t.PhotoshopPointerCircle=function(){var e=(0,l.default)({default:{triangle:{width:0,height:0,borderStyle:"solid",borderWidth:"4px 0 4px 6px",borderColor:"transparent transparent transparent #fff",position:"absolute",top:"1px",left:"1px"},triangleBorder:{width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #555"},left:{Extend:"triangleBorder",transform:"translate(-13px, -4px)"},leftInside:{Extend:"triangle",transform:"translate(-8px, -5px)"},right:{Extend:"triangleBorder",transform:"translate(20px, -14px) rotate(180deg)"},rightInside:{Extend:"triangle",transform:"translate(-8px, -5px)"}}});return o.default.createElement("div",{style:e.pointer},o.default.createElement("div",{style:e.left},o.default.createElement("div",{style:e.leftInside})),o.default.createElement("div",{style:e.right},o.default.createElement("div",{style:e.rightInside})))};t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopBotton=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=t.PhotoshopBotton=function(e){var t=e.onClick,n=e.label,r=e.children,a=e.active,i=(0,l.default)({default:{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:a});return o.default.createElement("div",{style:i.button,onClick:t},n||r)};t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPreviews=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=t.PhotoshopPreviews=function(e){var t=e.rgb,n=e.currentColor,r=(0,l.default)({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+t.r+","+t.g+", "+t.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:n,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return o.default.createElement("div",null,o.default.createElement("div",{style:r.label},"new"),o.default.createElement("div",{style:r.swatches},o.default.createElement("div",{style:r.new}),o.default.createElement("div",{style:r.current})),o.default.createElement("div",{style:r.label},"current"))};t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Sketch=void 0;var a=n(5),o=r(a),i=n(11),l=r(i),s=n(492),u=r(s),c=n(493),f=n(735),d=r(f),p=n(736),h=r(p),b=t.Sketch=function(e){var t=e.width,n=e.rgb,r=e.hex,a=e.hsv,i=e.hsl,l=e.onChange,s=e.onSwatchHover,f=e.disableAlpha,p=e.presetColors,b=e.renderers,g=e.className,v=void 0===g?"":g,x=(0,u.default)({default:{picker:{width:t,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+n.r+","+n.g+","+n.b+","+n.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},{disableAlpha:f});return o.default.createElement("div",{style:x.picker,className:"sketch-picker "+v},o.default.createElement("div",{style:x.saturation},o.default.createElement(c.Saturation,{style:x.Saturation,hsl:i,hsv:a,onChange:l})),o.default.createElement("div",{style:x.controls,className:"flexbox-fix"},o.default.createElement("div",{style:x.sliders},o.default.createElement("div",{style:x.hue},o.default.createElement(c.Hue,{style:x.Hue,hsl:i,onChange:l})),o.default.createElement("div",{style:x.alpha},o.default.createElement(c.Alpha,{style:x.Alpha,rgb:n,hsl:i,renderers:b,onChange:l}))),o.default.createElement("div",{style:x.color},o.default.createElement(c.Checkboard,null),o.default.createElement("div",{style:x.activeColor}))),o.default.createElement(d.default,{rgb:n,hsl:i,hex:r,onChange:l,disableAlpha:f}),o.default.createElement(h.default,{colors:p,onClick:l,onSwatchHover:s}))};b.propTypes={disableAlpha:l.default.bool,width:l.default.oneOfType([l.default.string,l.default.number])},b.defaultProps={disableAlpha:!1,width:200,presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]},t.default=(0,c.ColorWrap)(b)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SketchFields=void 0;var a=n(5),o=r(a),i=n(492),l=r(i),s=n(496),u=r(s),c=n(493),f=t.SketchFields=function(e){var t=e.onChange,n=e.rgb,r=e.hsl,a=e.hex,i=e.disableAlpha,s=(0,l.default)({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:i}),f=function(e,a){e.hex?u.default.isValidHex(e.hex)&&t({hex:e.hex,source:"hex"},a):e.r||e.g||e.b?t({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,a:n.a,source:"rgb"},a):e.a&&(e.a<0?e.a=0:e.a>100&&(e.a=100),e.a/=100,t({h:r.h,s:r.s,l:r.l,a:e.a,source:"rgb"},a))};return o.default.createElement("div",{style:s.fields,className:"flexbox-fix"},o.default.createElement("div",{style:s.double},o.default.createElement(c.EditableInput,{style:{input:s.input,label:s.label},label:"hex",value:a.replace("#",""),onChange:f})),o.default.createElement("div",{style:s.single},o.default.createElement(c.EditableInput,{style:{input:s.input,label:s.label},label:"r",value:n.r,onChange:f,dragLabel:"true",dragMax:"255"})),o.default.createElement("div",{style:s.single},o.default.createElement(c.EditableInput,{style:{input:s.input,label:s.label},label:"g",value:n.g,onChange:f,dragLabel:"true",dragMax:"255"})),o.default.createElement("div",{style:s.single},o.default.createElement(c.EditableInput,{style:{input:s.input,label:s.label},label:"b",value:n.b,onChange:f,dragLabel:"true",dragMax:"255"})),o.default.createElement("div",{style:s.alpha},o.default.createElement(c.EditableInput,{style:{input:s.input,label:s.label},label:"a",value:Math.round(100*n.a),onChange:f,dragLabel:"true",dragMax:"100"})))};t.default=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SketchPresetColors=void 0;var a=Object.assign||function(e){for(var t=1;t=0||(a[n]=e[n]);return a}e.exports=n},function(e,t){function n(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}e.exports=n},function(e,t,n){"use strict";var r=n(750);t.a=r.a},function(e,t,n){"use strict";var r=n(751),a=function(e,t,n){var a=void 0===t?{}:t,o=a.evalScripts,i=void 0===o?"always":o,l=a.pngFallback,s=void 0!==l&&l,u=a.each,c=void 0===u?function(){}:u,f=a.renumerateIRIElements,d=void 0===f||f;if(void 0===n&&(n=function(){}),void 0!==e.length){var p=0;Array.prototype.forEach.call(e,function(t){Object(r.a)(t,i,s,d,function(t,r){c(t,r),e.length===++p&&n(p)})})}else e?Object(r.a)(e,i,s,d,function(t,r){c(t,r),n(1),e=null}):n(0)};t.a=a},function(e,t,n){"use strict";var r=n(752),a=n(754),o="http://www.w3.org/1999/xlink",i=[],l={},s=0,u=function(e,t,n,u,c){var f=document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure","1.1"),d=e.getAttribute("data-src")||e.getAttribute("src");if(!/\.svg/i.test(d))return void c(new Error("Attempted to inject a file with a non-svg extension: "+d));if(!f){var p=e.getAttribute("data-fallback")||e.getAttribute("data-png");return void(p?(e.setAttribute("src",p),c()):n?(e.setAttribute("src",n+"/"+d.split("/").pop().replace(".svg",".png")),c()):c(new Error("This browser does not support SVG and no PNG fallback was defined.")))}-1===i.indexOf(e)&&(i.push(e),e.setAttribute("src",""),Object(r.a)(d,function(n,r){if(n)return c(n),!1;var f=e.getAttribute("id");f&&r.setAttribute("id",f);var p=e.getAttribute("title");p&&r.setAttribute("title",p);var h=[].concat(r.getAttribute("class")||[],"injected-svg",e.getAttribute("class")||[]).join(" ");r.setAttribute("class",Object(a.a)(h));var b=e.getAttribute("style");b&&r.setAttribute("style",b);var g=[].filter.call(e.attributes,function(e){return/^data-\w[\w-]*$/.test(e.name)});if(Array.prototype.forEach.call(g,function(e){e.name&&e.value&&r.setAttribute(e.name,e.value)}),u){var v,x,m,y,w,_={clipPath:["clip-path"],"color-profile":["color-profile"],cursor:["cursor"],filter:["filter"],linearGradient:["fill","stroke"],marker:["marker","marker-start","marker-mid","marker-end"],mask:["mask"],pattern:["fill","stroke"],radialGradient:["fill","stroke"]};Object.keys(_).forEach(function(e){v=e,m=_[e],x=r.querySelectorAll("defs "+v+"[id]");for(var t=0,n=x.length;t0&&("always"===t||"once"===t&&!l[d])){for(var A=0,P=S.length;At}return!1}function l(e,t,n,r,a){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=a,this.mustUseProperty=n,this.propertyName=e,this.type=t}function s(e){return e[1].toUpperCase()}function u(e){if("boolean"==typeof e||"number"==typeof e)return""+e;e=""+e;var t=L.exec(e);if(t){var n,r="",a=0;for(n=t.index;n