@panoramax/web-viewer 4.0.3-develop-0b852670 → 4.0.3-develop-d8c835a2

package/docs/reference/components/ui/SemanticsEditor.md

@@ -10,6 +10,7 @@
     * [new SemanticsEditor()](#new_Panoramax.components.ui.SemanticsEditor_new)
     * [.properties](#Panoramax.components.ui.SemanticsEditor+properties) : <code>Object</code>
     * [.getDiff()](#Panoramax.components.ui.SemanticsEditor+getDiff) ⇒ <code>Array.&lt;object&gt;</code>
+    * [.checkValidity()](#Panoramax.components.ui.SemanticsEditor+checkValidity) ⇒ <code>boolean</code>
     * ["change"](#Panoramax.components.ui.SemanticsEditor+event_change)
 
 <a name="new_Panoramax.components.ui.SemanticsEditor_new"></a>
@@ -62,6 +63,13 @@ Get current delta between initial tags and user changes.
 
 **Kind**: instance method of [<code>SemanticsEditor</code>](#Panoramax.components.ui.SemanticsEditor)  
 **Returns**: <code>Array.&lt;object&gt;</code> - The list of tag changes (in API format)  
+<a name="Panoramax.components.ui.SemanticsEditor+checkValidity"></a>
+
+### semanticsEditor.checkValidity() ⇒ <code>boolean</code>
+Check if input is having a valid value.
+
+**Kind**: instance method of [<code>SemanticsEditor</code>](#Panoramax.components.ui.SemanticsEditor)  
+**Returns**: <code>boolean</code> - True if it's valid  
 <a name="Panoramax.components.ui.SemanticsEditor+event_change"></a>
 
 ### "change"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panoramax/web-viewer",
-  "version": "4.0.3-develop-0b852670",
+  "version": "4.0.3-develop-d8c835a2",
   "description": "Panoramax web viewer for geolocated pictures",
   "main": "build/index.js",
   "author": "Panoramax team",

package/src/components/core/Basic.js

@@ -341,7 +341,9 @@ export default class Basic extends LitElement {
 	static GetJSONConverter() {
 		return {
 			fromAttribute: (value) => {
-				return typeof value === "object" || Array.isArray(value) ? value : JSON5.parse(value);
+				if(value === null || value === "") { return null; }
+				else if(typeof value === "object" || Array.isArray(value)) { return value; }
+				else { return JSON5.parse(value); }
 			},
 			toAttribute: (value) => JSON.stringify(value)
 		};

package/src/components/ui/SemanticsEditor.js

@@ -83,6 +83,15 @@ export default class SemanticsEditor extends LitElement {
 		return computeDiffTags(this._firstSemantics || [], this.semantics);
 	}
 
+	/**
+	 * Check if input is having a valid value.
+	 * @memberof Panoramax.components.ui.SemanticsEditor#
+	 * @returns {boolean} True if it's valid
+	 */
+	checkValidity() {
+		return this._valid;
+	}
+	
 	/** @private */
 	_onInput(e) {
 		const tarea = e.target;
@@ -97,6 +106,8 @@ export default class SemanticsEditor extends LitElement {
 	
 	/** @private */
 	_onBlur(e) {
+		const prevValidity = e.target.checkValidity();
+
 		if(this._valid) {
 			e.target.setCustomValidity("");
 
@@ -117,11 +128,10 @@ export default class SemanticsEditor extends LitElement {
 				}
 			}));
 		}
-		else {
+		else if(prevValidity) { // Do not call again if already shows up, to fix Chrome issue
 			e.target.setCustomValidity(this._t?.pnx.semantics_editor_error || "Invalid syntax");
+			e.target.reportValidity();
 		}
-
-		e.target.reportValidity();
 	}
 	
 	/** @private */