Lightcord/LightcordApi/docs/classes/_components_inputs_colorpic...

1105 lines
70 KiB
HTML

<!doctype html>
<html class="default no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>ColorPicker | lightcordapi</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/main.css">
</head>
<body>
<header>
<div class="tsd-page-toolbar">
<div class="container">
<div class="table-wrap">
<div class="table-cell" id="tsd-search" data-index="../assets/js/search.js" data-base="..">
<div class="field">
<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
<input id="tsd-search-field" type="text" />
</div>
<ul class="results">
<li class="state loading">Preparing search index...</li>
<li class="state failure">The search index is not available</li>
</ul>
<a href="../index.html" class="title">lightcordapi</a>
</div>
<div class="table-cell" id="tsd-widgets">
<div id="tsd-filter">
<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
<div class="tsd-filter-group">
<div class="tsd-select" id="tsd-filter-visibility">
<span class="tsd-select-label">All</span>
<ul class="tsd-select-list">
<li data-value="public">Public</li>
<li data-value="protected">Public/Protected</li>
<li data-value="private" class="selected">All</li>
</ul>
</div>
<input type="checkbox" id="tsd-filter-inherited" checked />
<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
<input type="checkbox" id="tsd-filter-externals" checked />
<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
<input type="checkbox" id="tsd-filter-only-exported" />
<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
</div>
</div>
<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
</div>
</div>
</div>
</div>
<div class="tsd-page-title">
<div class="container">
<ul class="tsd-breadcrumb">
<li>
<a href="../globals.html">Globals</a>
</li>
<li>
<a href="../modules/_components_inputs_colorpicker_.html">&quot;components/inputs/ColorPicker&quot;</a>
</li>
<li>
<a href="_components_inputs_colorpicker_.colorpicker.html">ColorPicker</a>
</li>
</ul>
</div>
</div>
</header>
<div class="container">
<div class="row container container-main">
<div class="col-3 col-menu menu-sticky-wrap menu-highlight">
<nav class="tsd-navigation secondary menu-sticky">
<ul>
<ul class="before-current">
</ul>
<ul class="current">
<li class="current tsd-kind-class tsd-parent-kind-module tsd-has-type-parameter">
<a href="_components_inputs_colorpicker_.colorpicker.html" class="tsd-kind-icon">Color<wbr>Picker</a>
<ul>
<li class=" tsd-kind-constructor tsd-parent-kind-class">
<a href="_components_inputs_colorpicker_.colorpicker.html#constructor" class="tsd-kind-icon">constructor</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class">
<a href="_components_inputs_colorpicker_.colorpicker.html#modules" class="tsd-kind-icon">modules</a>
</li>
<li class=" tsd-kind-get-signature tsd-parent-kind-class tsd-is-static">
<a href="_components_inputs_colorpicker_.colorpicker.html#allpreviews" class="tsd-kind-icon">All<wbr>Previews</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#unsafe_componentwillmount" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Mount</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#unsafe_componentwillreceiveprops" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Receive<wbr>Props</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#unsafe_componentwillupdate" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Update</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentdidcatch" class="tsd-kind-icon">component<wbr>Did<wbr>Catch</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentdidmount" class="tsd-kind-icon">component<wbr>Did<wbr>Mount</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentdidupdate" class="tsd-kind-icon">component<wbr>Did<wbr>Update</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentwillmount" class="tsd-kind-icon">component<wbr>Will<wbr>Mount</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentwillreceiveprops" class="tsd-kind-icon">component<wbr>Will<wbr>Receive<wbr>Props</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentwillunmount" class="tsd-kind-icon">component<wbr>Will<wbr>Unmount</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentwillupdate" class="tsd-kind-icon">component<wbr>Will<wbr>Update</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#getsnapshotbeforeupdate" class="tsd-kind-icon">get<wbr>Snapshot<wbr>Before<wbr>Update</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_components_inputs_colorpicker_.colorpicker.html#onchange" class="tsd-kind-icon">on<wbr>Change</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_components_inputs_colorpicker_.colorpicker.html#render" class="tsd-kind-icon">render</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class">
<a href="_components_inputs_colorpicker_.colorpicker.html#rendercolorpicker" class="tsd-kind-icon">render<wbr>Color<wbr>Picker</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#shouldcomponentupdate" class="tsd-kind-icon">should<wbr>Component<wbr>Update</a>
</li>
<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-static">
<a href="_components_inputs_colorpicker_.colorpicker.html#preload" class="tsd-kind-icon">preload</a>
</li>
<li class=" tsd-kind-object-literal tsd-parent-kind-class tsd-is-static">
<a href="_components_inputs_colorpicker_.colorpicker.html#defaultprops" class="tsd-kind-icon">default<wbr>Props</a>
</li>
<li class=" tsd-kind-object-literal tsd-parent-kind-class tsd-is-static">
<a href="_components_inputs_colorpicker_.colorpicker.html#help" class="tsd-kind-icon">help</a>
</li>
</ul>
</li>
</ul>
<ul class="after-current">
<li class=" tsd-kind-type-alias tsd-parent-kind-module tsd-is-not-exported">
<a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-kind-icon">Color<wbr>Picker<wbr>Props</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-module tsd-is-not-exported">
<a href="../modules/_components_inputs_colorpicker_.html#allpreviews" class="tsd-kind-icon">All<wbr>Previews</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-module tsd-is-not-exported">
<a href="../modules/_components_inputs_colorpicker_.html#colorpickermodules" class="tsd-kind-icon">Color<wbr>Picker<wbr>Modules</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-module tsd-is-not-exported">
<a href="../modules/_components_inputs_colorpicker_.html#isfetching" class="tsd-kind-icon">is<wbr>Fetching</a>
</li>
<li class=" tsd-kind-object-literal tsd-parent-kind-module tsd-is-not-exported">
<a href="../modules/_components_inputs_colorpicker_.html#constants" class="tsd-kind-icon">Constants</a>
</li>
</ul>
</ul>
<ul>
<li>📑 Index</li>
<li><br></li>
<li class=" ">
<a href="../globals.html">Globals</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_alias_react_.html">&quot;alias/react&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_alias_react_dom_.html">&quot;alias/react-<wbr>dom&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_components_.html">&quot;components/components&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_general_alertbox_.html">&quot;components/general/<wbr>Alert<wbr>Box&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_general_codeblock_.html">&quot;components/general/<wbr>Code<wbr>Block&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_general_errorcatcher_.html">&quot;components/general/<wbr>Error<wbr>Catcher&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_general_flex_.html">&quot;components/general/<wbr>Flex&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_general_margin_.html">&quot;components/general/<wbr>Margin&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_general_settingsubtitle_.html">&quot;components/general/<wbr>Setting<wbr>Sub<wbr>Title&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_general_settingstitle_.html">&quot;components/general/<wbr>Settings<wbr>Title&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_general_tabs_.html">&quot;components/general/<wbr>Tabs&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_general_text_.html">&quot;components/general/<wbr>Text&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_general_title_.html">&quot;components/general/<wbr>Title&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_general_tooltip_.html">&quot;components/general/<wbr>Tooltip&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_inputs_button_.html">&quot;components/inputs/<wbr>Button&quot;</a>
</li> <li class="current tsd-kind-module">
<a href="../modules/_components_inputs_colorpicker_.html">&quot;components/inputs/<wbr>Color<wbr>Picker&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_inputs_colorpicker_old_.html">&quot;components/inputs/<wbr>Color<wbr>Picker.old&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_inputs_dateinput_.html">&quot;components/inputs/<wbr>Date<wbr>Input&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_inputs_daterange_.html">&quot;components/inputs/<wbr>Date<wbr>Range&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_inputs_dropdown_.html">&quot;components/inputs/<wbr>Dropdown&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_inputs_radiogroup_.html">&quot;components/inputs/<wbr>Radio<wbr>Group&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_inputs_switch_.html">&quot;components/inputs/<wbr>Switch&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_inputs_textarea_.html">&quot;components/inputs/<wbr>Text<wbr>Area&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_inputs_textinput_.html">&quot;components/inputs/<wbr>Text<wbr>Input&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_private_notice_.html">&quot;components/private/<wbr>Notice&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_components_private_notices_.html">&quot;components/private/<wbr>Notices&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_index_.html">&quot;index&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_bdmodules_.html">&quot;modules/BDModules&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_discordtools_.html">&quot;modules/<wbr>Discord<wbr>Tools&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_pluginutilities_.html">&quot;modules/<wbr>Plugin<wbr>Utilities&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_unfreeze_.html">&quot;modules/<wbr>Unfreeze&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_utils_.html">&quot;modules/<wbr>Utils&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_webpackloader_.html">&quot;modules/<wbr>Webpack<wbr>Loader&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_clonenullproto_.html">&quot;modules/clone<wbr>Null<wbr>Proto&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_environnement_.html">&quot;modules/environnement&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_excludeproperties_.html">&quot;modules/exclude<wbr>Properties&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_lazyloader_.html">&quot;modules/lazy<wbr>Loader&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_noop_.html">&quot;modules/noop&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_patchers_.html">&quot;modules/patchers&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_modules_uuid_.html">&quot;modules/uuid&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_types_discordconstantstypes_.html">&quot;types/<wbr>Discord<wbr>Constants<wbr>Types&quot;</a>
</li> <li class=" tsd-kind-module">
<a href="../modules/_types_discorddispatchertypes_.html">&quot;types/<wbr>Discord<wbr>Dispatcher<wbr>Types&quot;</a>
</li> </ul>
</nav>
</div>
<div class="col-9 col-content">
<section class="tsd-panel tsd-comment">
<div class="tsd-comment">
<div class="lead">
<p>This componennt needs to be loaded. As a result, you may experience 100-300ms loading the first time.
Render will return <code>null</code> before loaded.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-type-parameters">
<h3>Type parameters</h3>
<ul class="tsd-type-parameters">
<li>
<span class="name">SS</span> </li>
</ul>
</section>
<section class="tsd-panel tsd-hierarchy">
<h3>Hierarchy</h3>
<ul class="tsd-hierarchy">
<li>
<span class="tsd-signature-type">PureComponent</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">&gt;</span>
<ul class="tsd-hierarchy">
<li>
<span class="target">ColorPicker</span>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel-group tsd-index-group">
<section class="tsd-panel tsd-index-panel">
<div class="tsd-index-content">
<section class="tsd-index-section ">
<h3>Constructors</h3>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-constructor tsd-parent-kind-class">
<a href="_components_inputs_colorpicker_.colorpicker.html#constructor" class="tsd-kind-icon">constructor</a>
</li>
</ul>
</div>
</section>
<section class="tsd-index-section ">
<h3>Accessors</h3>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-get-signature tsd-parent-kind-class">
<a href="_components_inputs_colorpicker_.colorpicker.html#modules" class="tsd-kind-icon">modules</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-static">
<a href="_components_inputs_colorpicker_.colorpicker.html#allpreviews" class="tsd-kind-icon">All<wbr>Previews</a>
</li>
</ul>
</div>
</section>
<section class="tsd-index-section ">
<h3>Methods</h3>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#unsafe_componentwillmount" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Mount</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#unsafe_componentwillreceiveprops" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Receive<wbr>Props</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#unsafe_componentwillupdate" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Update</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentdidcatch" class="tsd-kind-icon">component<wbr>Did<wbr>Catch</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentdidmount" class="tsd-kind-icon">component<wbr>Did<wbr>Mount</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentdidupdate" class="tsd-kind-icon">component<wbr>Did<wbr>Update</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentwillmount" class="tsd-kind-icon">component<wbr>Will<wbr>Mount</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentwillreceiveprops" class="tsd-kind-icon">component<wbr>Will<wbr>Receive<wbr>Props</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentwillunmount" class="tsd-kind-icon">component<wbr>Will<wbr>Unmount</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#componentwillupdate" class="tsd-kind-icon">component<wbr>Will<wbr>Update</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#getsnapshotbeforeupdate" class="tsd-kind-icon">get<wbr>Snapshot<wbr>Before<wbr>Update</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class">
<a href="_components_inputs_colorpicker_.colorpicker.html#onchange" class="tsd-kind-icon">on<wbr>Change</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class">
<a href="_components_inputs_colorpicker_.colorpicker.html#render" class="tsd-kind-icon">render</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class">
<a href="_components_inputs_colorpicker_.colorpicker.html#rendercolorpicker" class="tsd-kind-icon">render<wbr>Color<wbr>Picker</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<a href="_components_inputs_colorpicker_.colorpicker.html#shouldcomponentupdate" class="tsd-kind-icon">should<wbr>Component<wbr>Update</a>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static">
<a href="_components_inputs_colorpicker_.colorpicker.html#preload" class="tsd-kind-icon">preload</a>
</li>
</ul>
</div>
</section>
<section class="tsd-index-section ">
<h3>Object literals</h3>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-object-literal tsd-parent-kind-class tsd-is-static">
<a href="_components_inputs_colorpicker_.colorpicker.html#defaultprops" class="tsd-kind-icon">default<wbr>Props</a>
<ul>
<li class="tsd-kind-variable tsd-parent-kind-object-literal">
<a href="_components_inputs_colorpicker_.colorpicker.html#defaultprops.basecolors" class="tsd-kind-icon">base<wbr>Colors</a>
</li>
<li class="tsd-kind-variable tsd-parent-kind-object-literal">
<a href="_components_inputs_colorpicker_.colorpicker.html#defaultprops.customcolor" class="tsd-kind-icon">custom<wbr>Color</a>
</li>
<li class="tsd-kind-variable tsd-parent-kind-object-literal">
<a href="_components_inputs_colorpicker_.colorpicker.html#defaultprops.defaultcolor" class="tsd-kind-icon">default<wbr>Color</a>
</li>
<li class="tsd-kind-variable tsd-parent-kind-object-literal">
<a href="_components_inputs_colorpicker_.colorpicker.html#defaultprops.disabled" class="tsd-kind-icon">disabled</a>
</li>
<li class="tsd-kind-variable tsd-parent-kind-object-literal">
<a href="_components_inputs_colorpicker_.colorpicker.html#defaultprops.onchange-1" class="tsd-kind-icon">on<wbr>Change</a>
</li>
<li class="tsd-kind-variable tsd-parent-kind-object-literal">
<a href="_components_inputs_colorpicker_.colorpicker.html#defaultprops.value" class="tsd-kind-icon">value</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="tsd-navigation secondary">
<ul>
<li class="tsd-kind-object-literal tsd-parent-kind-class tsd-is-static">
<a href="_components_inputs_colorpicker_.colorpicker.html#help" class="tsd-kind-icon">help</a>
<ul>
<li class="tsd-kind-variable tsd-parent-kind-object-literal">
<a href="_components_inputs_colorpicker_.colorpicker.html#help.info" class="tsd-kind-icon">info</a>
</li>
<li class="tsd-kind-variable tsd-parent-kind-object-literal">
<a href="_components_inputs_colorpicker_.colorpicker.html#help.warn" class="tsd-kind-icon">warn</a>
</li>
</ul>
</li>
</ul>
</div>
</section>
</div>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Constructors</h2>
<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-descriptions">
<a name="constructor" class="tsd-anchor"></a>
<h3>constructor</h3>
<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">new <wbr>Color<wbr>Picker<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="_components_inputs_colorpicker_.colorpicker.html" class="tsd-signature-type">ColorPicker</a></li>
</ul>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<span class="name">props</span>: <a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <a href="_components_inputs_colorpicker_.colorpicker.html" class="tsd-signature-type">ColorPicker</a></h4>
</ul>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L47">lightcordapi/src/components/inputs/ColorPicker.tsx:47</a></li>
</ul>
</aside>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Accessors</h2>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-descriptions">
<a name="modules" class="tsd-anchor"></a>
<h3>modules</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> modules<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span> </h4>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L85">lightcordapi/src/components/inputs/ColorPicker.tsx:85</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class tsd-is-static tsd-descriptions">
<a name="allpreviews" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> All<wbr>Previews</h3>
<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class tsd-is-static">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> AllPreviews<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span> </h4>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L157">lightcordapi/src/components/inputs/ColorPicker.tsx:157</a></li>
</ul>
</aside>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Methods</h2>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-descriptions">
<a name="unsafe_componentwillmount" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> UNSAFE_<wbr>component<wbr>Will<wbr>Mount</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Called immediately before mounting occurs, and before <code>Component#render</code>.
Avoid introducing any side-effects or subscriptions in this method.</p>
</div>
<p>This method will not stop working in React 17.</p>
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
prevents this from being invoked.</p>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span> </h4>
</ul>
<aside class="tsd-sources">
<p>Inherited from <a href="_components_inputs_button_.button.html">Button</a>.<a href="_components_inputs_button_.button.html#unsafe_componentwillmount">UNSAFE_componentWillMount</a></p>
<ul>
<li>Defined in lightcordapi/node_modules/@types/react/index.d.ts:709</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-descriptions">
<a name="unsafe_componentwillreceiveprops" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> UNSAFE_<wbr>component<wbr>Will<wbr>Receive<wbr>Props</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Receive<wbr>Props<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Called when the component may be receiving new props.
React may call this even if props have not changed, so be sure to compare new and existing
props if you only want to handle changes.</p>
</div>
<p>Calling <code>Component#setState</code> generally does not trigger this method.</p>
<p>This method will not stop working in React 17.</p>
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
prevents this from being invoked.</p>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<span class="name">nextProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>
</li>
<li>
<span class="name">nextContext</span>: <span class="tsd-signature-type">any</span>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span> </h4>
</ul>
<aside class="tsd-sources">
<p>Inherited from <a href="_components_inputs_button_.button.html">Button</a>.<a href="_components_inputs_button_.button.html#unsafe_componentwillreceiveprops">UNSAFE_componentWillReceiveProps</a></p>
<ul>
<li>Defined in lightcordapi/node_modules/@types/react/index.d.ts:741</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-descriptions">
<a name="unsafe_componentwillupdate" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> UNSAFE_<wbr>component<wbr>Will<wbr>Update</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>, nextState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Called immediately before rendering when new props or state is received. Not called for the initial render.</p>
</div>
<p>Note: You cannot call <code>Component#setState</code> here.</p>
<p>This method will not stop working in React 17.</p>
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
prevents this from being invoked.</p>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<span class="name">nextProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>
</li>
<li>
<span class="name">nextState</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">&gt;</span>
</li>
<li>
<span class="name">nextContext</span>: <span class="tsd-signature-type">any</span>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span> </h4>
</ul>
<aside class="tsd-sources">
<p>Inherited from <a href="_components_inputs_button_.button.html">Button</a>.<a href="_components_inputs_button_.button.html#unsafe_componentwillupdate">UNSAFE_componentWillUpdate</a></p>
<ul>
<li>Defined in lightcordapi/node_modules/@types/react/index.d.ts:769</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-descriptions">
<a name="componentdidcatch" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Did<wbr>Catch</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">component<wbr>Did<wbr>Catch<span class="tsd-signature-symbol">(</span>error<span class="tsd-signature-symbol">: </span><a href="_modules_webpackloader_.webpackloadererror.html#error" class="tsd-signature-type">Error</a>, errorInfo<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ErrorInfo</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Catches exceptions generated in descendant components. Unhandled exceptions will cause
the entire component tree to unmount.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<span class="name">error</span>: <a href="_modules_webpackloader_.webpackloadererror.html#error" class="tsd-signature-type">Error</a>
</li>
<li>
<span class="name">errorInfo</span>: <span class="tsd-signature-type">ErrorInfo</span>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span> </h4>
</ul>
<aside class="tsd-sources">
<p>Inherited from <a href="_components_inputs_button_.button.html">Button</a>.<a href="_components_inputs_button_.button.html#componentdidcatch">componentDidCatch</a></p>
<ul>
<li>Defined in lightcordapi/node_modules/@types/react/index.d.ts:638</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-descriptions">
<a name="componentdidmount" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Did<wbr>Mount</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">component<wbr>Did<wbr>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Called immediately after a component is mounted. Setting state here will trigger re-rendering.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span> </h4>
</ul>
<aside class="tsd-sources">
<p>Inherited from <a href="_components_inputs_button_.button.html">Button</a>.<a href="_components_inputs_button_.button.html#componentdidmount">componentDidMount</a></p>
<ul>
<li>Defined in lightcordapi/node_modules/@types/react/index.d.ts:617</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-descriptions">
<a name="componentdidupdate" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Did<wbr>Update</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">component<wbr>Did<wbr>Update<span class="tsd-signature-symbol">(</span>prevProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>, prevState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">&gt;</span>, snapshot<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">SS</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Called immediately after updating occurs. Not called for the initial render.</p>
</div>
<p>The snapshot is only present if getSnapshotBeforeUpdate is present and returns non-null.</p>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<span class="name">prevProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>
</li>
<li>
<span class="name">prevState</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">&gt;</span>
</li>
<li>
<span class="name">snapshot</span>: <span class="tsd-signature-type">SS</span> <span class="tsd-flag ts-flagOptional">Optional</span>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span> </h4>
</ul>
<aside class="tsd-sources">
<p>Inherited from <a href="_components_inputs_button_.button.html">Button</a>.<a href="_components_inputs_button_.button.html#componentdidupdate">componentDidUpdate</a></p>
<ul>
<li>Defined in lightcordapi/node_modules/@types/react/index.d.ts:680</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-descriptions">
<a name="componentwillmount" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Will<wbr>Mount</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">component<wbr>Will<wbr>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Called immediately before mounting occurs, and before <code>Component#render</code>.
Avoid introducing any side-effects or subscriptions in this method.</p>
</div>
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
prevents this from being invoked.</p>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span> </h4>
</ul>
<aside class="tsd-sources">
<p>Inherited from <a href="_components_inputs_button_.button.html">Button</a>.<a href="_components_inputs_button_.button.html#componentwillmount">componentWillMount</a></p>
<ul>
<li>Defined in lightcordapi/node_modules/@types/react/index.d.ts:695</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-descriptions">
<a name="componentwillreceiveprops" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Will<wbr>Receive<wbr>Props</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">component<wbr>Will<wbr>Receive<wbr>Props<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Called when the component may be receiving new props.
React may call this even if props have not changed, so be sure to compare new and existing
props if you only want to handle changes.</p>
</div>
<p>Calling <code>Component#setState</code> generally does not trigger this method.</p>
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
prevents this from being invoked.</p>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<span class="name">nextProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>
</li>
<li>
<span class="name">nextContext</span>: <span class="tsd-signature-type">any</span>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span> </h4>
</ul>
<aside class="tsd-sources">
<p>Inherited from <a href="_components_inputs_button_.button.html">Button</a>.<a href="_components_inputs_button_.button.html#componentwillreceiveprops">componentWillReceiveProps</a></p>
<ul>
<li>Defined in lightcordapi/node_modules/@types/react/index.d.ts:724</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-descriptions">
<a name="componentwillunmount" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Will<wbr>Unmount</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">component<wbr>Will<wbr>Unmount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Called immediately before a component is destroyed. Perform any necessary cleanup in this method, such as
cancelled network requests, or cleaning up any DOM elements created in <code>componentDidMount</code>.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span> </h4>
</ul>
<aside class="tsd-sources">
<p>Inherited from <a href="_components_inputs_button_.button.html">Button</a>.<a href="_components_inputs_button_.button.html#componentwillunmount">componentWillUnmount</a></p>
<ul>
<li>Defined in lightcordapi/node_modules/@types/react/index.d.ts:633</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-descriptions">
<a name="componentwillupdate" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Will<wbr>Update</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">component<wbr>Will<wbr>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>, nextState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Called immediately before rendering when new props or state is received. Not called for the initial render.</p>
</div>
<p>Note: You cannot call <code>Component#setState</code> here.</p>
<p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
prevents this from being invoked.</p>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<span class="name">nextProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>
</li>
<li>
<span class="name">nextState</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">&gt;</span>
</li>
<li>
<span class="name">nextContext</span>: <span class="tsd-signature-type">any</span>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span> </h4>
</ul>
<aside class="tsd-sources">
<p>Inherited from <a href="_components_inputs_button_.button.html">Button</a>.<a href="_components_inputs_button_.button.html#componentwillupdate">componentWillUpdate</a></p>
<ul>
<li>Defined in lightcordapi/node_modules/@types/react/index.d.ts:754</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-descriptions">
<a name="getsnapshotbeforeupdate" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> get<wbr>Snapshot<wbr>Before<wbr>Update</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">get<wbr>Snapshot<wbr>Before<wbr>Update<span class="tsd-signature-symbol">(</span>prevProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>, prevState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">SS</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Runs before React applies the result of <code>render</code> to the document, and
returns an object to be given to componentDidUpdate. Useful for saving
things such as scroll position before <code>render</code> causes changes to it.</p>
</div>
<p>Note: the presence of getSnapshotBeforeUpdate prevents any of the deprecated
lifecycle events from running.</p>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<span class="name">prevProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>
</li>
<li>
<span class="name">prevState</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">&gt;</span>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">SS</span>
<span class="tsd-signature-symbol"> | </span>
<span class="tsd-signature-type">null</span>
</h4>
</ul>
<aside class="tsd-sources">
<p>Inherited from <a href="_components_inputs_button_.button.html">Button</a>.<a href="_components_inputs_button_.button.html#getsnapshotbeforeupdate">getSnapshotBeforeUpdate</a></p>
<ul>
<li>Defined in lightcordapi/node_modules/@types/react/index.d.ts:674</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-descriptions">
<a name="onchange" class="tsd-anchor"></a>
<h3>on<wbr>Change</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">on<wbr>Change<span class="tsd-signature-symbol">(</span>val<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<span class="name">val</span>: <span class="tsd-signature-type">any</span>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span> </h4>
</ul>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L68">lightcordapi/src/components/inputs/ColorPicker.tsx:68</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-descriptions">
<a name="render" class="tsd-anchor"></a>
<h3>render</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">render<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span> </h4>
</ul>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L147">lightcordapi/src/components/inputs/ColorPicker.tsx:147</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-descriptions">
<a name="rendercolorpicker" class="tsd-anchor"></a>
<h3>render<wbr>Color<wbr>Picker</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
<li class="tsd-signature tsd-kind-icon">render<wbr>Color<wbr>Picker<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span> </h4>
</ul>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L91">lightcordapi/src/components/inputs/ColorPicker.tsx:91</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-descriptions">
<a name="shouldcomponentupdate" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> should<wbr>Component<wbr>Update</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
<li class="tsd-signature tsd-kind-icon">should<wbr>Component<wbr>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>, nextState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Called to determine whether the change in props and state should trigger a re-render.</p>
</div>
<p><code>Component</code> always returns true.
<code>PureComponent</code> implements a shallow comparison on props and state and returns true if any
props or states have changed.</p>
<p>If false is returned, <code>Component#render</code>, <code>componentWillUpdate</code>
and <code>componentDidUpdate</code> will not be called.</p>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<span class="name">nextProps</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/_components_inputs_colorpicker_.html#colorpickerprops" class="tsd-signature-type">ColorPickerProps</a><span class="tsd-signature-symbol">&gt;</span>
</li>
<li>
<span class="name">nextState</span>: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">&gt;</span>
</li>
<li>
<span class="name">nextContext</span>: <span class="tsd-signature-type">any</span>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span> </h4>
</ul>
<aside class="tsd-sources">
<p>Inherited from <a href="_components_inputs_button_.button.html">Button</a>.<a href="_components_inputs_button_.button.html#shouldcomponentupdate">shouldComponentUpdate</a></p>
<ul>
<li>Defined in lightcordapi/node_modules/@types/react/index.d.ts:628</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-static tsd-descriptions">
<a name="preload" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> preload</h3>
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-static">
<li class="tsd-signature tsd-kind-icon">preload<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
</ul>
<div class="tsd-comment">
<div class="lead">
<p>Preload the component.</p>
</div>
</div>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span> </h4>
</ul>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L58">lightcordapi/src/components/inputs/ColorPicker.tsx:58</a></li>
</ul>
</aside>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Object literals</h2>
<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-class tsd-is-static tsd-descriptions">
<a name="defaultprops" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> default<wbr>Props</h3>
<div class="tsd-signature tsd-kind-icon">defaultProps<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal tsd-descriptions">
<a name="defaultprops.basecolors" class="tsd-anchor"></a>
<h3>base<wbr>Colors</h3>
<div class="tsd-signature tsd-kind-icon">baseColors<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = Constants.baseColors</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L79">lightcordapi/src/components/inputs/ColorPicker.tsx:79</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal tsd-descriptions">
<a name="defaultprops.customcolor" class="tsd-anchor"></a>
<h3>custom<wbr>Color</h3>
<div class="tsd-signature tsd-kind-icon">customColor<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> = null</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L78">lightcordapi/src/components/inputs/ColorPicker.tsx:78</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal tsd-descriptions">
<a name="defaultprops.defaultcolor" class="tsd-anchor"></a>
<h3>default<wbr>Color</h3>
<div class="tsd-signature tsd-kind-icon">defaultColor<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = Constants.defaultColor</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L77">lightcordapi/src/components/inputs/ColorPicker.tsx:77</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal tsd-descriptions">
<a name="defaultprops.disabled" class="tsd-anchor"></a>
<h3>disabled</h3>
<div class="tsd-signature tsd-kind-icon">disabled<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> = false</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L81">lightcordapi/src/components/inputs/ColorPicker.tsx:81</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal tsd-descriptions">
<a name="defaultprops.onchange-1" class="tsd-anchor"></a>
<h3>on<wbr>Change</h3>
<div class="tsd-signature tsd-kind-icon">onChange<span class="tsd-signature-symbol">:</span> <a href="../modules/_modules_noop_.html#noop" class="tsd-signature-type">NOOP</a><span class="tsd-signature-symbol"> = NOOP</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L82">lightcordapi/src/components/inputs/ColorPicker.tsx:82</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal tsd-descriptions">
<a name="defaultprops.value" class="tsd-anchor"></a>
<h3>value</h3>
<div class="tsd-signature tsd-kind-icon">value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> = null</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L80">lightcordapi/src/components/inputs/ColorPicker.tsx:80</a></li>
</ul>
</aside>
</section>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L76">lightcordapi/src/components/inputs/ColorPicker.tsx:76</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-class tsd-is-static tsd-descriptions">
<a name="help" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagStatic">Static</span> help</h3>
<div class="tsd-signature tsd-kind-icon">help<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal tsd-descriptions">
<a name="help.info" class="tsd-anchor"></a>
<h3>info</h3>
<div class="tsd-signature tsd-kind-icon">info<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;To convert hex colors to decimal, you can do &#x60;Lightcord.Api.Utils.HexColorToDecimal(&#x27;#7289DA&#x27;)&#x60; and go back with &#x60;Lightcord.Api.Utils.DecimalColorToHex(7506394)&#x60;&quot;</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L183">lightcordapi/src/components/inputs/ColorPicker.tsx:183</a></li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal tsd-descriptions">
<a name="help.warn" class="tsd-anchor"></a>
<h3>warn</h3>
<div class="tsd-signature tsd-kind-icon">warn<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;The component may not appear instantly. The component needs to be loaded, so you could experience 50-300ms loading time depending on your internet connection.&quot;</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L184">lightcordapi/src/components/inputs/ColorPicker.tsx:184</a></li>
</ul>
</aside>
</section>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/Lightcord/Lightcord/blob/master/LightcordApi/src/components/inputs/ColorPicker.tsx#L182">lightcordapi/src/components/inputs/ColorPicker.tsx:182</a></li>
</ul>
</aside>
</section>
</section>
<footer class="with-border-bottom">
<div class="tsd-legend-group">
<ul class="tsd-legend">
<li class="tsd-is-inherited"><span class="tsd-kind-icon">Inherited</span></li>
<li class="tsd-is-protected"><span class="tsd-kind-icon">Protected</span></li>
<li class="tsd-is-private"><span class="tsd-kind-icon">Private</span></li>
<li class="tsd-is-static"><span class="tsd-kind-icon">Static</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-module"><span class="tsd-kind-icon">Module</span></li>
<li class="tsd-kind-object-literal"><span class="tsd-kind-icon">Object</span></li>
<li class="tsd-kind-property"><span class="tsd-kind-icon">Property</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
<li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
<li class="tsd-kind-index-signature"><span class="tsd-kind-icon">Index</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type</span></li>
<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
<li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-enum"><span class="tsd-kind-icon">Enum</span></li>
<li class="tsd-kind-constructor"><span class="tsd-kind-icon">Constructor</span></li>
<li class="tsd-kind-accessor"><span class="tsd-kind-icon">Getter/Setter</span></li>
</ul>
</div>
</footer>
<div>Made with ❤️ by <a href="https://github.com/pirix-gh/eledoc" target="_blank">pirix-gh</a>. Documentation generated by <a href="http://typedoc.org/" target="_blank">TypeDoc.</a></div>
</div>
</div>
</div>
<div class="overlay"></div>
<script src="../assets/js/main.js"></script>
<script>if (location.protocol == 'file:') document.write('<script src="../assets/js/search.js"><' + '/script>');</script>
</body>
</html>