ace-colorpicker-rpk 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (238) hide show
  1. package/.babelrc +30 -0
  2. package/.github/ISSUE_TEMPLATE/bug_report.md +35 -0
  3. package/.github/ISSUE_TEMPLATE/feature_request.md +17 -0
  4. package/ChangeLogs.md +22 -0
  5. package/LICENSE +21 -0
  6. package/README.md +117 -0
  7. package/addon/ace-colorpicker.css +1074 -0
  8. package/addon/ace-colorpicker.js +9602 -0
  9. package/addon/sample/colorpicker.html +199 -0
  10. package/config/rollup.config.dev.js +52 -0
  11. package/config/rollup.config.prod.js +53 -0
  12. package/dist/ace-colorpicker.css +1074 -0
  13. package/dist/ace-colorpicker.js +9736 -0
  14. package/dist/ace-colorpicker.min.js +1 -0
  15. package/gl.html +56 -0
  16. package/index.html +172 -0
  17. package/package.json +87 -0
  18. package/resources/image/ace-editor.png +0 -0
  19. package/resources/image/colorpaletts.png +0 -0
  20. package/resources/image/colorpicker.png +0 -0
  21. package/resources/image/grapes.jpg +0 -0
  22. package/resources/image/palette-type.png +0 -0
  23. package/resources/image/scalecolors-title.png +0 -0
  24. package/resources/image/scalecolors.png +0 -0
  25. package/resources/image/screen-shot.png +0 -0
  26. package/resources/image/sketch-type.png +0 -0
  27. package/src/colorpicker/BaseBox.js +94 -0
  28. package/src/colorpicker/BaseColorPicker.js +404 -0
  29. package/src/colorpicker/BaseModule.js +19 -0
  30. package/src/colorpicker/BaseSlider.js +97 -0
  31. package/src/colorpicker/BaseStore.js +71 -0
  32. package/src/colorpicker/UIElement.js +46 -0
  33. package/src/colorpicker/VerticalSlider.js +57 -0
  34. package/src/colorpicker/chromedevtool/ColorControl.js +47 -0
  35. package/src/colorpicker/chromedevtool/index.js +36 -0
  36. package/src/colorpicker/index.js +37 -0
  37. package/src/colorpicker/macos/ColorControl.js +47 -0
  38. package/src/colorpicker/macos/index.js +38 -0
  39. package/src/colorpicker/mini/ColorControl.js +40 -0
  40. package/src/colorpicker/mini/index.js +24 -0
  41. package/src/colorpicker/mini-vertical/ColorControl.js +35 -0
  42. package/src/colorpicker/mini-vertical/index.js +23 -0
  43. package/src/colorpicker/module/ColorManager.js +111 -0
  44. package/src/colorpicker/module/ColorSetsList.js +132 -0
  45. package/src/colorpicker/ring/ColorControl.js +47 -0
  46. package/src/colorpicker/ring/index.js +42 -0
  47. package/src/colorpicker/ui/ColorInformation.js +216 -0
  48. package/src/colorpicker/ui/ColorPalette.js +130 -0
  49. package/src/colorpicker/ui/ColorRing.js +68 -0
  50. package/src/colorpicker/ui/ColorSetsChooser.js +96 -0
  51. package/src/colorpicker/ui/ColorWheel.js +257 -0
  52. package/src/colorpicker/ui/CurrentColorSets.js +81 -0
  53. package/src/colorpicker/ui/CurrentColorSetsContextMenu.js +63 -0
  54. package/src/colorpicker/ui/control/Hue.js +40 -0
  55. package/src/colorpicker/ui/control/Opacity.js +65 -0
  56. package/src/colorpicker/ui/control/Value.js +50 -0
  57. package/src/colorpicker/ui/control/VerticalHue.js +39 -0
  58. package/src/colorpicker/ui/control/VerticalOpacity.js +55 -0
  59. package/src/colorpicker/vscode/ColorControl.js +40 -0
  60. package/src/colorpicker/vscode/index.js +82 -0
  61. package/src/colorpicker/xd/ColorControl.js +36 -0
  62. package/src/colorpicker/xd/index.js +36 -0
  63. package/src/extension/ace/colorview.js +198 -0
  64. package/src/extension/ace/index.js +11 -0
  65. package/src/index.js +12 -0
  66. package/src/scss/colorpicker.scss +65 -0
  67. package/src/scss/colorview.scss +32 -0
  68. package/src/scss/component/button.scss +33 -0
  69. package/src/scss/component/colorchooser.scss +141 -0
  70. package/src/scss/component/colorsets-contextmenu.scss +33 -0
  71. package/src/scss/component/colorsets.scss +89 -0
  72. package/src/scss/component/control.scss +93 -0
  73. package/src/scss/component/gradient-editor.scss +260 -0
  74. package/src/scss/component/gradient-picker.scss +241 -0
  75. package/src/scss/component/information.scss +141 -0
  76. package/src/scss/component/palette.scss +45 -0
  77. package/src/scss/index.scss +5 -0
  78. package/src/scss/mixins.scss +21 -0
  79. package/src/scss/themes/macos.scss +71 -0
  80. package/src/scss/themes/mini-vertical.scss +94 -0
  81. package/src/scss/themes/mini.scss +76 -0
  82. package/src/scss/themes/palette.scss +85 -0
  83. package/src/scss/themes/ring.scss +57 -0
  84. package/src/scss/themes/sketch.scss +172 -0
  85. package/src/scss/themes/vscode.scss +93 -0
  86. package/src/scss/themes/xd.scss +88 -0
  87. package/src/util/Blender.js +29 -0
  88. package/src/util/Canvas.js +128 -0
  89. package/src/util/Color.js +27 -0
  90. package/src/util/ColorNames.js +14 -0
  91. package/src/util/Dom.js +361 -0
  92. package/src/util/Event.js +30 -0
  93. package/src/util/EventMachin.js +349 -0
  94. package/src/util/GL.js +8 -0
  95. package/src/util/HueColor.js +49 -0
  96. package/src/util/ImageFilter.js +9 -0
  97. package/src/util/ImageLoader.js +137 -0
  98. package/src/util/Kmeans.js +237 -0
  99. package/src/util/Matrix.js +196 -0
  100. package/src/util/State.js +42 -0
  101. package/src/util/blend/composite.js +124 -0
  102. package/src/util/blend/non-separable.js +118 -0
  103. package/src/util/blend/separable.js +76 -0
  104. package/src/util/filter/StackBlur.js +517 -0
  105. package/src/util/filter/functions.js +829 -0
  106. package/src/util/filter/image/crop.js +16 -0
  107. package/src/util/filter/image/flipH.js +23 -0
  108. package/src/util/filter/image/flipV.js +25 -0
  109. package/src/util/filter/image/histogram.js +45 -0
  110. package/src/util/filter/image/index.js +18 -0
  111. package/src/util/filter/image/resize.js +18 -0
  112. package/src/util/filter/image/rotate.js +39 -0
  113. package/src/util/filter/image/rotateDegree.js +53 -0
  114. package/src/util/filter/index.js +11 -0
  115. package/src/util/filter/matrix/blur.js +12 -0
  116. package/src/util/filter/matrix/emboss.js +17 -0
  117. package/src/util/filter/matrix/gaussian-blur-5x.js +17 -0
  118. package/src/util/filter/matrix/gaussian-blur.js +16 -0
  119. package/src/util/filter/matrix/grayscale2.js +16 -0
  120. package/src/util/filter/matrix/index.js +58 -0
  121. package/src/util/filter/matrix/kirsch-horizontal.js +13 -0
  122. package/src/util/filter/matrix/kirsch-vertical.js +13 -0
  123. package/src/util/filter/matrix/laplacian-5x.js +16 -0
  124. package/src/util/filter/matrix/laplacian.js +14 -0
  125. package/src/util/filter/matrix/motion-blur-2.js +18 -0
  126. package/src/util/filter/matrix/motion-blur-3.js +19 -0
  127. package/src/util/filter/matrix/motion-blur.js +18 -0
  128. package/src/util/filter/matrix/negative.js +16 -0
  129. package/src/util/filter/matrix/normal.js +11 -0
  130. package/src/util/filter/matrix/sepia2.js +16 -0
  131. package/src/util/filter/matrix/sharpen.js +14 -0
  132. package/src/util/filter/matrix/sobel-horizontal.js +11 -0
  133. package/src/util/filter/matrix/sobel-vertical.js +11 -0
  134. package/src/util/filter/matrix/stack-blur.js +15 -0
  135. package/src/util/filter/matrix/transparency.js +16 -0
  136. package/src/util/filter/matrix/unsharp-masking.js +16 -0
  137. package/src/util/filter/multi/index.js +9 -0
  138. package/src/util/filter/multi/kirsch.js +7 -0
  139. package/src/util/filter/multi/sobel.js +7 -0
  140. package/src/util/filter/multi/vintage.js +7 -0
  141. package/src/util/filter/pixel/bitonal.js +24 -0
  142. package/src/util/filter/pixel/brightness.js +19 -0
  143. package/src/util/filter/pixel/brownie.js +23 -0
  144. package/src/util/filter/pixel/clip.js +21 -0
  145. package/src/util/filter/pixel/contrast.js +18 -0
  146. package/src/util/filter/pixel/gamma.js +13 -0
  147. package/src/util/filter/pixel/gradient.js +52 -0
  148. package/src/util/filter/pixel/grayscale.js +27 -0
  149. package/src/util/filter/pixel/hue.js +28 -0
  150. package/src/util/filter/pixel/index.js +52 -0
  151. package/src/util/filter/pixel/invert.js +16 -0
  152. package/src/util/filter/pixel/kodachrome.js +23 -0
  153. package/src/util/filter/pixel/matrix.js +28 -0
  154. package/src/util/filter/pixel/noise.js +24 -0
  155. package/src/util/filter/pixel/opacity.js +14 -0
  156. package/src/util/filter/pixel/polaroid.js +23 -0
  157. package/src/util/filter/pixel/saturation.js +30 -0
  158. package/src/util/filter/pixel/sepia.js +28 -0
  159. package/src/util/filter/pixel/shade.js +21 -0
  160. package/src/util/filter/pixel/shift.js +23 -0
  161. package/src/util/filter/pixel/solarize.js +23 -0
  162. package/src/util/filter/pixel/technicolor.js +23 -0
  163. package/src/util/filter/pixel/threshold-color.js +35 -0
  164. package/src/util/filter/pixel/threshold.js +7 -0
  165. package/src/util/filter/pixel/tint.js +20 -0
  166. package/src/util/functions/formatter.js +99 -0
  167. package/src/util/functions/fromCMYK.js +17 -0
  168. package/src/util/functions/fromHSL.js +52 -0
  169. package/src/util/functions/fromHSV.js +64 -0
  170. package/src/util/functions/fromLAB.js +99 -0
  171. package/src/util/functions/fromRGB.js +220 -0
  172. package/src/util/functions/fromYCrCb.js +16 -0
  173. package/src/util/functions/func.js +194 -0
  174. package/src/util/functions/image.js +145 -0
  175. package/src/util/functions/math.js +56 -0
  176. package/src/util/functions/mixin.js +164 -0
  177. package/src/util/functions/parser.js +294 -0
  178. package/src/util/gl/filter/index.js +9 -0
  179. package/src/util/gl/filter/matrix/blur.js +9 -0
  180. package/src/util/gl/filter/matrix/emboss.js +17 -0
  181. package/src/util/gl/filter/matrix/gaussian-blur-5x.js +15 -0
  182. package/src/util/gl/filter/matrix/gaussian-blur.js +19 -0
  183. package/src/util/gl/filter/matrix/grayscale2.js +13 -0
  184. package/src/util/gl/filter/matrix/index.js +55 -0
  185. package/src/util/gl/filter/matrix/kirsch-horizontal.js +11 -0
  186. package/src/util/gl/filter/matrix/kirsch-vertical.js +11 -0
  187. package/src/util/gl/filter/matrix/laplacian-5x.js +13 -0
  188. package/src/util/gl/filter/matrix/laplacian.js +11 -0
  189. package/src/util/gl/filter/matrix/motion-blur-2.js +17 -0
  190. package/src/util/gl/filter/matrix/motion-blur-3.js +17 -0
  191. package/src/util/gl/filter/matrix/motion-blur.js +17 -0
  192. package/src/util/gl/filter/matrix/negative.js +13 -0
  193. package/src/util/gl/filter/matrix/normal.js +8 -0
  194. package/src/util/gl/filter/matrix/sepia2.js +13 -0
  195. package/src/util/gl/filter/matrix/sharpen.js +11 -0
  196. package/src/util/gl/filter/matrix/sobel-horizontal.js +11 -0
  197. package/src/util/gl/filter/matrix/sobel-vertical.js +11 -0
  198. package/src/util/gl/filter/matrix/transparency.js +13 -0
  199. package/src/util/gl/filter/matrix/unsharp-masking.js +14 -0
  200. package/src/util/gl/filter/multi/index.js +9 -0
  201. package/src/util/gl/filter/multi/kirsch.js +7 -0
  202. package/src/util/gl/filter/multi/sobel.js +7 -0
  203. package/src/util/gl/filter/multi/vintage.js +7 -0
  204. package/src/util/gl/filter/pixel/bitonal.js +22 -0
  205. package/src/util/gl/filter/pixel/brightness.js +14 -0
  206. package/src/util/gl/filter/pixel/brownie.js +11 -0
  207. package/src/util/gl/filter/pixel/chaos.js +20 -0
  208. package/src/util/gl/filter/pixel/clip.js +20 -0
  209. package/src/util/gl/filter/pixel/contrast.js +16 -0
  210. package/src/util/gl/filter/pixel/gamma.js +16 -0
  211. package/src/util/gl/filter/pixel/gradient.js +59 -0
  212. package/src/util/gl/filter/pixel/grayscale.js +22 -0
  213. package/src/util/gl/filter/pixel/hue.js +19 -0
  214. package/src/util/gl/filter/pixel/index.js +54 -0
  215. package/src/util/gl/filter/pixel/invert.js +18 -0
  216. package/src/util/gl/filter/pixel/kodachrome.js +11 -0
  217. package/src/util/gl/filter/pixel/matrix.js +29 -0
  218. package/src/util/gl/filter/pixel/noise.js +18 -0
  219. package/src/util/gl/filter/pixel/opacity.js +17 -0
  220. package/src/util/gl/filter/pixel/polaroid.js +11 -0
  221. package/src/util/gl/filter/pixel/saturation.js +20 -0
  222. package/src/util/gl/filter/pixel/sepia.js +19 -0
  223. package/src/util/gl/filter/pixel/shade.js +20 -0
  224. package/src/util/gl/filter/pixel/shift.js +11 -0
  225. package/src/util/gl/filter/pixel/solarize.js +21 -0
  226. package/src/util/gl/filter/pixel/technicolor.js +11 -0
  227. package/src/util/gl/filter/pixel/threshold-color.js +15 -0
  228. package/src/util/gl/filter/pixel/threshold.js +7 -0
  229. package/src/util/gl/filter/pixel/tint.js +25 -0
  230. package/src/util/gl/filter/util.js +185 -0
  231. package/src/util/gl/functions.js +158 -0
  232. package/src/util/gl/index.js +543 -0
  233. package/src/util/index.js +17 -0
  234. package/stand.html +975 -0
  235. package/test/util.Blend.spec.js +15 -0
  236. package/test/util.Color.spec.js +200 -0
  237. package/test/util.Filter.spec.js +12 -0
  238. package/test/util.ImageFilter.spec.js +16 -0
package/addon/sample/colorpicker.html ADDED
@@ -0,0 +1,199 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.23.0/codemirror.css" />
6
+
7
+ <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.23.0/codemirror.js" ></script>
8
+ <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.23.0/mode/css/css.js" ></script>
9
+ <link rel="stylesheet" href="../colorpicker/colorpicker.css" />
10
+ <script type="text/javascript" src="../colorpicker/colorpicker.js" ></script>
11
+ <script type="text/javascript" src="../colorpicker/colorview.js" ></script>
12
+
13
+ </head>
14
+ <body>
15
+
16
+ <textarea id="sample_text_area">
17
+ .sample-green {
18
+ background-color: green;
19
+ blue: blue;
20
+ }
21
+
22
+ /* background-color: yellow; */
23
+ var color_names = {
24
+ aliceblue: "rgb(240, 248, 255)",
25
+ antiquewhite: "rgb(250, 235, 215)",
26
+ aqua: "rgb(0, 255, 255)",
27
+ aquamarine: "rgb(127, 255, 212)",
28
+ azure: "rgb(240, 255, 255)",
29
+ beige: "rgb(245, 245, 220)",
30
+ bisque: "rgb(255, 228, 196)",
31
+ black: "rgb(0, 0, 0)",
32
+ blanchedalmond: "rgb(255, 235, 205)",
33
+ blue: "rgb(0, 0, 255)",
34
+ blueviolet: "rgb(138, 43, 226)",
35
+ brown: "rgb(165, 42, 42)",
36
+ burlywood: "rgb(222, 184, 135)",
37
+ cadetblue: "rgb(95, 158, 160)",
38
+ chartreuse: "rgb(127, 255, 0)",
39
+ chocolate: "rgb(210, 105, 30)",
40
+ coral: "rgb(255, 127, 80)",
41
+ cornflowerblue: "rgb(100, 149, 237)",
42
+ cornsilk: "rgb(255, 248, 220)",
43
+ crimson: "rgb(237, 20, 61)",
44
+ cyan: "rgb(0, 255, 255)",
45
+ darkblue: "rgb(0, 0, 139)",
46
+ darkcyan: "rgb(0, 139, 139)",
47
+ darkgoldenrod: "rgb(184, 134, 11)",
48
+ darkgray: "rgb(169, 169, 169)",
49
+ darkgrey: "rgb(169, 169, 169)",
50
+ darkgreen: "rgb(0, 100, 0)",
51
+ darkkhaki: "rgb(189, 183, 107)",
52
+ darkmagenta: "rgb(139, 0, 139)",
53
+ darkolivegreen: "rgb(85, 107, 47)",
54
+ darkorange: "rgb(255, 140, 0)",
55
+ darkorchid: "rgb(153, 50, 204)",
56
+ darkred: "rgb(139, 0, 0)",
57
+ darksalmon: "rgb(233, 150, 122)",
58
+ darkseagreen: "rgb(143, 188, 143)",
59
+ darkslateblue: "rgb(72, 61, 139)",
60
+ darkslategray: "rgb(47, 79, 79)",
61
+ darkslategrey: "rgb(47, 79, 79)",
62
+ darkturquoise: "rgb(0, 206, 209)",
63
+ darkviolet: "rgb(148, 0, 211)",
64
+ deeppink: "rgb(255, 20, 147)",
65
+ deepskyblue: "rgb(0, 191, 255)",
66
+ dimgray: "rgb(105, 105, 105)",
67
+ dimgrey: "rgb(105, 105, 105)",
68
+ dodgerblue: "rgb(30, 144, 255)",
69
+ firebrick: "rgb(178, 34, 34)",
70
+ floralwhite: "rgb(255, 250, 240)",
71
+ forestgreen: "rgb(34, 139, 34)",
72
+ fuchsia: "rgb(255, 0, 255)",
73
+ gainsboro: "rgb(220, 220, 220)",
74
+ ghostwhite: "rgb(248, 248, 255)",
75
+ gold: "rgb(255, 215, 0)",
76
+ goldenrod: "rgb(218, 165, 32)",
77
+ gray: "rgb(128, 128, 128)",
78
+ grey: "rgb(128, 128, 128)",
79
+ green: "rgb(0, 128, 0)",
80
+ greenyellow: "rgb(173, 255, 47)",
81
+ honeydew: "rgb(240, 255, 240)",
82
+ hotpink: "rgb(255, 105, 180)",
83
+ indianred: "rgb(205, 92, 92)",
84
+ indigo: "rgb(75, 0, 130)",
85
+ ivory: "rgb(255, 255, 240)",
86
+ khaki: "rgb(240, 230, 140)",
87
+ lavender: "rgb(230, 230, 250)",
88
+ lavenderblush: "rgb(255, 240, 245)",
89
+ lawngreen: "rgb(124, 252, 0)",
90
+ lemonchiffon: "rgb(255, 250, 205)",
91
+ lightblue: "rgb(173, 216, 230)",
92
+ lightcoral: "rgb(240, 128, 128)",
93
+ lightcyan: "rgb(224, 255, 255)",
94
+ lightgoldenrodyellow: "rgb(250, 250, 210)",
95
+ lightgreen: "rgb(144, 238, 144)",
96
+ lightgray: "rgb(211, 211, 211)",
97
+ lightgrey: "rgb(211, 211, 211)",
98
+ lightpink: "rgb(255, 182, 193)",
99
+ lightsalmon: "rgb(255, 160, 122)",
100
+ lightseagreen: "rgb(32, 178, 170)",
101
+ lightskyblue: "rgb(135, 206, 250)",
102
+ lightslategray: "rgb(119, 136, 153)",
103
+ lightslategrey: "rgb(119, 136, 153)",
104
+ lightsteelblue: "rgb(176, 196, 222)",
105
+ lightyellow: "rgb(255, 255, 224)",
106
+ lime: "rgb(0, 255, 0)",
107
+ limegreen: "rgb(50, 205, 50)",
108
+ linen: "rgb(250, 240, 230)",
109
+ magenta: "rgb(255, 0, 255)",
110
+ maroon: "rgb(128, 0, 0)",
111
+ mediumaquamarine: "rgb(102, 205, 170)",
112
+ mediumblue: "rgb(0, 0, 205)",
113
+ mediumorchid: "rgb(186, 85, 211)",
114
+ mediumpurple: "rgb(147, 112, 219)",
115
+ mediumseagreen: "rgb(60, 179, 113)",
116
+ mediumslateblue: "rgb(123, 104, 238)",
117
+ mediumspringgreen: "rgb(0, 250, 154)",
118
+ mediumturquoise: "rgb(72, 209, 204)",
119
+ mediumvioletred: "rgb(199, 21, 133)",
120
+ midnightblue: "rgb(25, 25, 112)",
121
+ mintcream: "rgb(245, 255, 250)",
122
+ mistyrose: "rgb(255, 228, 225)",
123
+ moccasin: "rgb(255, 228, 181)",
124
+ navajowhite: "rgb(255, 222, 173)",
125
+ navy: "rgb(0, 0, 128)",
126
+ oldlace: "rgb(253, 245, 230)",
127
+ olive: "rgb(128, 128, 0)",
128
+ olivedrab: "rgb(107, 142, 35)",
129
+ orange: "rgb(255, 165, 0)",
130
+ orangered: "rgb(255, 69, 0)",
131
+ orchid: "rgb(218, 112, 214)",
132
+ palegoldenrod: "rgb(238, 232, 170)",
133
+ palegreen: "rgb(152, 251, 152)",
134
+ paleturquoise: "rgb(175, 238, 238)",
135
+ palevioletred: "rgb(219, 112, 147)",
136
+ papayawhip: "rgb(255, 239, 213)",
137
+ peachpuff: "rgb(255, 218, 185)",
138
+ peru: "rgb(205, 133, 63)",
139
+ pink: "rgb(255, 192, 203)",
140
+ plum: "rgb(221, 160, 221)",
141
+ powderblue: "rgb(176, 224, 230)",
142
+ purple: "rgb(128, 0, 128)",
143
+ rebeccapurple: "rgb(102, 51, 153)",
144
+ red: "rgb(255, 0, 0)",
145
+ rosybrown: "rgb(188, 143, 143)",
146
+ royalblue: "rgb(65, 105, 225)",
147
+ saddlebrown: "rgb(139, 69, 19)",
148
+ salmon: "rgb(250, 128, 114)",
149
+ sandybrown: "rgb(244, 164, 96)",
150
+ seagreen: "rgb(46, 139, 87)",
151
+ seashell: "rgb(255, 245, 238)",
152
+ sienna: "rgb(160, 82, 45)",
153
+ silver: "rgb(192, 192, 192)",
154
+ skyblue: "rgb(135, 206, 235)",
155
+ slateblue: "rgb(106, 90, 205)",
156
+ slategray: "rgb(112, 128, 144)",
157
+ slategrey: "rgb(112, 128, 144)",
158
+ snow: "rgb(255, 250, 250)",
159
+ springgreen: "rgb(0, 255, 127)",
160
+ steelblue: "rgb(70, 130, 180)",
161
+ tan: "rgb(210, 180, 140)",
162
+ teal: "rgb(0, 128, 128)",
163
+ thistle: "rgb(216, 191, 216)",
164
+ tomato: "rgb(255, 99, 71)",
165
+ turquoise: "rgb(64, 224, 208)",
166
+ violet: "rgb(238, 130, 238)",
167
+ wheat: "rgb(245, 222, 179)",
168
+ white: "rgb(255, 255, 255)",
169
+ whitesmoke: "rgb(245, 245, 245)",
170
+ yellow: "rgb(255, 255, 0)",
171
+ yellowgreen: "rgb(154, 205, 50)",
172
+ transparent: "rgba(0, 0, 0, 0)"
173
+ };
174
+
175
+ </textarea>
176
+
177
+
178
+ <script type="text/javascript">
179
+ var cm = CodeMirror.fromTextArea(document.getElementById("sample_text_area"), {
180
+ lineNumbers: true,
181
+ mode : "css",
182
+ extraKeys : {
183
+ 'Ctrl-K' : function (cm, event) {
184
+ cm.state.colorpicker.popup_color_picker();
185
+ }
186
+ },
187
+ colorpicker : {
188
+ mode : 'edit'
189
+ }
190
+ });
191
+
192
+ setTimeout(function(){
193
+ cm.refresh();
194
+ }, 100);
195
+
196
+ </script>
197
+ </body>
198
+
199
+ </html>
package/config/rollup.config.dev.js ADDED
@@ -0,0 +1,52 @@
1
+ import packageJSON from '../package.json'
2
+ import postcss from 'rollup-plugin-postcss'
3
+ import babel from 'rollup-plugin-babel';
4
+ import serve from 'rollup-plugin-serve'
5
+ import livereload from 'rollup-plugin-livereload'
6
+ import autoprefixer from 'autoprefixer'
7
+ import glslify from 'rollup-plugin-glslify';
8
+ import peerDepsExternal from 'rollup-plugin-peer-deps-external';
9
+
10
+ // rollup.config.js
11
+ export default {
12
+ input: 'src/index.js',
13
+ output: {
14
+ file: 'addon/' + packageJSON.name + '.js',
15
+ format: 'iife',
16
+ },
17
+ name: 'AceColorPicker',
18
+ plugins : [
19
+ peerDepsExternal(),
20
+ serve(),
21
+ livereload({watch: 'addon'}),
22
+ glslify({ basedir: 'src/util/glsl/source' }),
23
+ //scss({output : 'addon/' + packageJSON.name + '.css'}),
24
+ postcss({
25
+ extract: 'addon/' + packageJSON.name + '.css',
26
+ plugins: [
27
+ autoprefixer()
28
+ ],
29
+ extensions: ['.scss']
30
+ }),
31
+ babel({
32
+ exclude: ['node_modules/**', 'src/util/glsl/source/**'],
33
+ presets: [
34
+ [ 'es2015', { modules : false } ]
35
+ ]
36
+ })
37
+ ],
38
+ watch: {
39
+ chokidar: {
40
+ // if the chokidar option is given, rollup-watch will
41
+ // use it instead of fs.watch. You will need to install
42
+ // chokidar separately.
43
+ //
44
+ // this options object is passed to chokidar. if you
45
+ // don't have any options, just pass `chokidar: true`
46
+ },
47
+
48
+ // include and exclude govern which files to watch. by
49
+ // default, all dependencies will be watched
50
+ exclude: ['node_modules/**']
51
+ }
52
+ };
package/config/rollup.config.prod.js ADDED
@@ -0,0 +1,53 @@
1
+ import packageJSON from '../package.json'
2
+ import postcss from 'rollup-plugin-postcss'
3
+ import babel from 'rollup-plugin-babel';
4
+ import uglify from 'rollup-plugin-uglify';
5
+ import autoprefixer from 'autoprefixer'
6
+ import glslify from 'rollup-plugin-glslify';
7
+ import peerDepsExternal from 'rollup-plugin-peer-deps-external';
8
+
9
+
10
+ // rollup.config.js
11
+ export default [{
12
+ input: 'src/index.js',
13
+ output: {
14
+ file: 'dist/' + packageJSON.name + '.min.js',
15
+ format: 'iife',
16
+ },
17
+ name: 'AceColorPicker',
18
+ plugins : [
19
+ peerDepsExternal(),
20
+ glslify({ basedir: 'src/util/glsl/source' }),
21
+ //scss({output : 'dist/' + packageJSON.name + '.css'}),
22
+ postcss({
23
+ extract: 'dist/' + packageJSON.name + '.css',
24
+ plugins: [
25
+ autoprefixer()
26
+ ],
27
+ extensions: ['.scss']
28
+ }),
29
+ babel({
30
+ exclude: ['node_modules/**', 'src/util/glsl/source/**']
31
+ }),
32
+ uglify()
33
+ ]
34
+ }, {
35
+ input: 'src/index.js',
36
+ output: {
37
+ file: 'dist/' + packageJSON.name + '.js',
38
+ format: 'umd',
39
+ },
40
+ name: 'ace-colorpicker',
41
+ plugins : [
42
+ postcss({
43
+ extract: 'dist/' + packageJSON.name + '.css',
44
+ plugins: [
45
+ autoprefixer()
46
+ ],
47
+ extensions: ['.scss']
48
+ }),
49
+ babel({
50
+ exclude: 'node_modules/**'
51
+ })
52
+ ]
53
+ }];