@ekzo-dev/bootstrap-addons 5.2.0 → 5.2.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ekzo-dev/bootstrap-addons",
   "description": "Aurelia Bootstrap additional component",
-  "version": "5.2.0",
+  "version": "5.2.2",
   "homepage": "https://github.com/ekzo-dev/aurelia-components/tree/main/packages/bootstrap-addons",
   "repository": {
     "type": "git",

package/src/forms/json-input/json-input.html

@@ -7,6 +7,7 @@
     read-only.bind="disabled"
     on-render-value.one-time="onRenderValue"
     on-render-menu.one-time="onRenderMenu"
+    mode="text"
     ...$bindables="jsonEditorOptions"
   ></json-editor>
 </template>

package/src/forms/json-input/json-input.scss

@@ -10,4 +10,8 @@ bs-json-input {
     height: 100%;
     z-index: -1;
   }
+
+  > json-editor {
+    height: 100%;
+  }
 }

package/src/forms/json-input/json-input.ts

@@ -38,7 +38,7 @@ export class BsJsonInput {
   @bindable(coerceBoolean)
   disabled: boolean = false;
 
-  @bindable()
+  @bindable({ set: (v) => (v === '' || v === true || v === 'true' ? true : v) })
   jsonSchema?: JSONSchema | boolean;
 
   @bindable()
@@ -101,7 +101,7 @@ export class BsJsonInput {
   };
 
   get inputRequired(): boolean {
-    return this.required && this.value != null && this.value !== '';
+    return this.required && (this.value == null || this.value === '');
   }
 
   get validator(): Validator | undefined {
@@ -167,7 +167,9 @@ export class BsJsonInput {
   }
 
   #processErrors(errors: ErrorObject[] | null, json: unknown): ValidationError[] {
-    this.input.setCustomValidity(errors?.length ? "JSON doesn't match schema" : '');
+    const message = this.jsonSchema === true ? 'JSON is not a valid JSONSchema' : 'JSON does not match schema';
+
+    this.input.setCustomValidity(errors?.length ? message : '');
 
     return (errors || []).map((error) => ({
       path: parsePath(json as JSONValue, error.instancePath),