Release `v5.24.0`

HISTORY.md

@@ -3,7 +3,7 @@
 https://github.com/josdejong/jsoneditor
 
 
-## not yet released, version 5.24.0
+## 2018-08-22, version 5.24.0
 
 - Implemented a color picker, and allow hooking in a custom color
   picker. new options are `colorPicker` and `onColorPicker`.

dist/jsoneditor.css

@@ -145,7 +145,7 @@ div.jsoneditor-value.jsoneditor-invalid {
   color: #000000;
 }
 
-div.jsoneditor-tree button {
+div.jsoneditor-tree button.jsoneditor-button {
   width: 24px;
   height: 24px;
   padding: 0;
@@ -183,7 +183,7 @@ div.jsoneditor-tree *:focus {
   outline: none;
 }
 
-div.jsoneditor-tree button:focus {
+div.jsoneditor-tree button.jsoneditor-button:focus {
   /* TODO: nice outline for buttons with focus
   outline: #97B0F8 solid 2px;
   box-shadow: 0 0 8px #97B0F8;
@@ -218,6 +218,30 @@ div.jsoneditor-tree div.jsoneditor-show-more a:focus {
   color: #ee422e;
 }
 
+div.jsoneditor-tree div.jsoneditor-color {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  margin: 4px;
+  border: 1px solid #808080;
+  cursor: pointer;
+}
+
+div.jsoneditor-tree div.jsoneditor-color .picker_wrapper.popup.popup_bottom {
+  top: 28px;
+  left: -10px;
+}
+
+div.jsoneditor-tree div.jsoneditor-date {
+  background: #a1a1a1;
+  color: white;
+  font-family: arial, sans-serif;
+  border-radius: 3px;
+  display: inline-block;
+  padding: 3px;
+  margin: 0 3px;
+}
+
 div.jsoneditor {
   color: #1A1A1A;
   border: 1px solid #3883fa;
@@ -352,7 +376,7 @@ div.jsoneditor textarea,
   width: 24px;
 }
 
-div.jsoneditor-tree .jsoneditor-schema-error {
+div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
   width: 24px;
   height: 24px;
   padding: 0;

dist/which files do I need.md

@@ -21,9 +21,10 @@ The minimalist version has excluded the following libraries:
 
 - `ace` (via `brace`), used for the code editor.
 - `ajv`, used for JSON schema validation.
+- `vanilla-picker`, used as color picker.
 
-This reduces the the size of the minified and gzipped JavaScript file from
-about 160 kB to about 40 kB.
+This reduces the the size of the minified and gzipped JavaScript file
+from about 210 kB to about 70 kB (one third).
 
 When to use the minimalist version?
 
@@ -31,6 +32,8 @@ When to use the minimalist version?
 - Or if you want to provide `ace` and/or `ajv` yourself via the configuration
   options, for example when you already use Ace in other parts of your
   web application too and don't want to bundle the library twice.
+- You don't need the color picker, or want to provide your own
+  color picker using `onColorPicker`.
 
 Which files are needed when using the minimalist version?
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "jsoneditor",
-  "version": "5.23.1",
+  "version": "5.24.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsoneditor",
-  "version": "5.23.1",
+  "version": "5.24.0",
   "main": "./index",
   "description": "A web-based tool to view, edit, format, and validate JSON",
   "tags": [

src/css/jsoneditor.css

@@ -221,6 +221,7 @@ div.jsoneditor-tree div.jsoneditor-date {
   border-radius: 3px;
   display: inline-block;
   padding: 3px;
+  margin: 0 3px;
 }
 
 div.jsoneditor {