Add errors to change event

Author: 1602

package.json

@@ -1,7 +1,7 @@
 {
   "name": "json-form-custom-element",
   "private": false,
-  "version": "1.4.5",
+  "version": "1.5.1",
   "description": "JSON Schema based form generator",
   "main": "build/custom-element.js",
   "repository": "git://github.com/json-tools/json-form.git",

src/CustomElement.elm

@@ -62,6 +62,7 @@ initForm schema value config =
             |> Maybe.withDefault Encode.null
         )
       , ( "isValid", form.errors |> Dict.isEmpty |> Encode.bool )
+      , ( "errors", form.errors |> Encode.dict (String.join "/") (Encode.list Encode.string) )
       ]
         |> Encode.object
         |> valueUpdated
@@ -118,15 +119,16 @@ update message model =
 
                 ( value, exCmd ) =
                     case exMsg of
-                        Json.Form.UpdateValue v isValid ->
+                        Json.Form.UpdateValue v errors ->
                             ( v
                             , Encode.object
                                 [ ( "value"
                                   , v
                                         |> Maybe.withDefault JsonValue.NullValue
                                         |> JsonValue.encode
                                   )
-                                , ( "isValid", Encode.bool isValid )
+                                , ( "isValid", errors |> Dict.isEmpty |> Encode.bool )
+                                , ( "errors", errors |> Encode.dict (String.join "/") (Encode.list Encode.string) )
                                 ]
                                 |> valueUpdated
                             )

src/custom-element.js

@@ -52,8 +52,8 @@ customElements.define('json-form',
             });
             this.app = app;
 
-            app.ports.valueUpdated.subscribe(({ value, isValid }) => {
-                const event = new CustomEvent('change', { detail: { value, isValid } });
+            app.ports.valueUpdated.subscribe(({ value, isValid, errors }) => {
+                const event = new CustomEvent('change', { detail: { value, isValid, errors } });
                 this._muteAttributeChange = true;
                 this.setAttribute('value', JSON.stringify(value));
                 this.dispatchEvent(event);