Skip to content

Commit 3ed1ebd

Browse files
CodingJackCodingJack
committed
Version 1.0.0
1 parent 57bda54 commit 3ed1ebd

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

82 files changed

+2015
-302
lines changed

‎config/webpack.config.js‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
const TerserPlugin = require( 'terser-webpack-plugin' );
12
const resolve = require( 'path' ).resolve;
23

34
module.exports = {
@@ -34,4 +35,16 @@ module.exports = {
3435
},
3536
],
3637
},
38+
optimization: {
39+
minimizer: [
40+
new TerserPlugin( {
41+
terserOptions: {
42+
output: {
43+
comments: false,
44+
},
45+
},
46+
extractComments: true,
47+
} ),
48+
],
49+
},
3750
};

‎dist/img/github.jpg‎

14.7 KB
Loading

‎dist/index.html‎

Lines changed: 43 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,40 @@
1+
<!DOCTYPE html>
12
<html>
23
<head>
34
<meta charset="utf-8" />
45
<meta name="viewport" content="width=device-width, initial-scale=1">
56
<style>
6-
html,
7-
body {
8-
height: 100%;
9-
}
10-
body {
11-
font-size: 18px;
12-
font-family: 'Roboto', sans-serif;
13-
margin: 0;
14-
}
15-
form {
16-
margin: 0;
17-
}
7+
html, body {height: 100%}
8+
body, form {margin: 0}
9+
form {margin-top: 7px}
1810
.main {
1911
display: flex;
12+
opacity: 0;
2013
align-items: center;
2114
justify-content: center;
15+
flex-direction: column;
2216
height: 100%;
17+
font-family: 'Quicksand', sans-serif;
18+
font-size: 48px;
19+
transition: opacity 0.2s ease-out;
2320
}
21+
.main img {transition: opacity 0.3s ease-out}
22+
.main a {color: #222; text-decoration: none; transition: color 0.3s ease-out}
23+
.main a:visited {color: #222}
24+
.main a:hover {color: #909090}
25+
.main a:hover img {opacity: 0.5}
26+
.wf-active .main {opacity: 1}
27+
.author {font-size: 24px}
2428
</style>
2529
</head>
2630
<body>
2731
<div class="main">
32+
<a href="https://github.com/CodingJack/Advanced-Color-Picker"><img src="img/github.jpg"></a>
33+
<a href="https://github.com/CodingJack/Advanced-Color-Picker">Advanced Color Picker</a>
34+
<a class="author" href="https://github.com/CodingJack/">by CodingJack</a>
2835
<form autocomplete="off">
2936
<!-- basic input element -->
30-
<input type="hidden" class="cj-colorpicker" data-mode="single" value="linear-gradient(160deg, #FF057C, #7C64D5, #4CC3FF)" />
31-
<input type="hidden" class="cj-colorpicker" />
37+
<input type="hidden" class="cj-colorpicker" value="linear-gradient(160deg, #FF057C, #7C64D5, #4CC3FF)" />
3238
<!--
3339
type:
3440
"hidden" or "text" required
@@ -37,11 +43,11 @@
3743
value:
3844
any valid CSS color (an empty value will translate to "transparent")
3945
data-mode:
40-
"single" (only color controls) or "full" (colors + gradient controls) -- default: "full"
46+
"single" (only color controls) or "full" (colors + gradient controls) - default: "full"
4147
data-size:
42-
the width/height of the swatch -- default: "24"
48+
the width/height of the swatch - default: "24"
4349
data-skin:
44-
"classic" or "light", the swatch skin -- default: "classic"
50+
"classic" or "light", the swatch skin - default: "classic"
4551
-->
4652
<!--
4753
<input
@@ -56,8 +62,8 @@
5662
</form>
5763
</div>
5864

59-
<!-- include the main script. The id of "cj-colorpicker" is mandatory -->
60-
<script id="cj-colorpicker" type="text/javascript" src="js/cj-color.min.js"></script>
65+
<!-- include the main script. An id of "cj-colorpicker" is mandatory -->
66+
<script type="text/javascript" id="cj-colorpicker" src="js/cj-color.min.js"></script>
6167

6268
<script type="text/javascript">
6369
// example managing custom presets from local storage
@@ -111,11 +117,17 @@
111117
mode: 'full',
112118

113119
// the size of the color picker swatches -- default: 24
114-
size: 24,
120+
size: 28,
115121

116122
// the color pickjer swatch skin, "classic" or "light" -- default: "classic"
117123
skin: 'classic',
118124

125+
// optional color for the modal background -- default: "rgba(0,0,0,0.5)"
126+
modalBgColor: '#949494',
127+
128+
// optional id attribute to to apply to the editor's outermost wrapper - default: null
129+
editorId: null,
130+
119131
// allow multi-color stops in output -- default: true
120132
// multi-color stops allow for condensed output but are not supported in Edge
121133
multiStops: true,
@@ -126,7 +138,7 @@
126138
// show the default warning note for conic gradients (if conic is enabled) -- default: false
127139
conicNote: false,
128140

129-
// show the bar at the bottom of the screen displaying the final output value -- default: true
141+
// show the bar at the bottom of the screen displaying the final output value -- default: false
130142
outputBar: true,
131143

132144
// color change callback function (see above)
@@ -200,6 +212,7 @@
200212
<!--
201213
auto open example with a custom value, both passed as url params
202214
color values passed need to be encoded via "encodeURIComponent()" beforehand
215+
Example: http://www.site.com/?open=true&value=linear-gradient(blue%2C%20red)
203216
-->
204217
<script type="text/javascript">
205218
window.addEventListener( 'load', () => {
@@ -218,5 +231,14 @@
218231
}
219232
} );
220233
</script>
234+
235+
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
236+
<script>
237+
WebFont.load({
238+
google: {
239+
families: ['Quicksand']
240+
}
241+
});
242+
</script>
221243
</body>
222244
</html>

‎dist/js/cj-color-chunk-1.min.js‎

Lines changed: 2 additions & 16 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/js/cj-color-chunk-1.min.js.LICENSE‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
/**
2+
* A better abstraction over CSS.
3+
*
4+
* @copyright Oleg Isonen (Slobodskoi) / Isonen 2014-present
5+
* @website https://github.com/cssinjs/jss
6+
* @license MIT
7+
*/
8+
9+
/** @license React v16.12.0
10+
* react-is.production.min.js
11+
*
12+
* Copyright (c) Facebook, Inc. and its affiliates.
13+
*
14+
* This source code is licensed under the MIT license found in the
15+
* LICENSE file in the root directory of this source tree.
16+
*/

‎dist/js/cj-color-chunk-2.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/js/cj-color.min.js‎

Lines changed: 2 additions & 30 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/js/cj-color.min.js.LICENSE‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
/*
2+
object-assign
3+
(c) Sindre Sorhus
4+
@license MIT
5+
*/
6+
7+
/** @license React v16.12.0
8+
* react.production.min.js
9+
*
10+
* Copyright (c) Facebook, Inc. and its affiliates.
11+
*
12+
* This source code is licensed under the MIT license found in the
13+
* LICENSE file in the root directory of this source tree.
14+
*/
15+
16+
/** @license React v16.12.0
17+
* react-dom.production.min.js
18+
*
19+
* Copyright (c) Facebook, Inc. and its affiliates.
20+
*
21+
* This source code is licensed under the MIT license found in the
22+
* LICENSE file in the root directory of this source tree.
23+
*/
24+
25+
/** @license React v0.18.0
26+
* scheduler.production.min.js
27+
*
28+
* Copyright (c) Facebook, Inc. and its affiliates.
29+
*
30+
* This source code is licensed under the MIT license found in the
31+
* LICENSE file in the root directory of this source tree.
32+
*/

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,10 @@
1212
"homepage": "http://www.codingjack.com/advanced-color-picker",
1313
"repository": {
1414
"type": "git",
15-
"url": "https://github.com/CodingJack/advanced-color-picker"
15+
"url": "https://github.com/CodingJack/Advanced-Color-Picker"
1616
},
1717
"bugs": {
18-
"url": "https://github.com/CodingJack/advanced-color-picker",
18+
"url": "https://github.com/CodingJack/Advanced-Color-Picker",
1919
"email": "support@codingjack.com"
2020
},
2121
"main": "index.js",

‎screenshot.jpg‎

60.3 KB
Loading

0 commit comments

Comments
 (0)