XFA - Return html element for the different possible value

  - it aims to fix #13536.

Author: calixteman

src/core/xfa/template.js

@@ -615,7 +615,14 @@ class BooleanElement extends Option01 {
   }
 
   [$toHTML](availableSpace) {
-    return HTMLResult.success(this[$content] === 1);
+    return HTMLResult.success({
+      name: "span",
+      attributes: {
+        class: ["xfaRich"],
+        style: {},
+      },
+      value: this[$content] === 1,
+    });
   }
 }
 
@@ -1257,11 +1264,19 @@ class DateElement extends ContentObject {
   }
 
   [$finalize]() {
-    this[$content] = new Date(this[$content].trim());
+    const date = this[$content].trim();
+    this[$content] = date ? new Date(date) : null;
   }
 
   [$toHTML](availableSpace) {
-    return HTMLResult.success(this[$content].toString());
+    return HTMLResult.success({
+      name: "span",
+      attributes: {
+        class: ["xfaRich"],
+        style: {},
+      },
+      value: this[$content] ? this[$content].toString() : "",
+    });
   }
 }
 
@@ -1275,11 +1290,19 @@ class DateTime extends ContentObject {
   }
 
   [$finalize]() {
-    this[$content] = new Date(this[$content].trim());
+    const date = this[$content].trim();
+    this[$content] = date ? new Date(date) : null;
   }
 
   [$toHTML](availableSpace) {
-    return HTMLResult.success(this[$content].toString());
+    return HTMLResult.success({
+      name: "span",
+      attributes: {
+        class: ["xfaRich"],
+        style: {},
+      },
+      value: this[$content] ? this[$content].toString() : "",
+    });
   }
 }
 
@@ -1351,9 +1374,14 @@ class Decimal extends ContentObject {
   }
 
   [$toHTML](availableSpace) {
-    return HTMLResult.success(
-      this[$content] !== null ? this[$content].toString() : ""
-    );
+    return HTMLResult.success({
+      name: "span",
+      attributes: {
+        class: ["xfaRich"],
+        style: {},
+      },
+      value: this[$content] !== null ? this[$content].toString() : "",
+    });
   }
 }
 
@@ -2365,12 +2393,12 @@ class Field extends XFAObject {
       if (this.ui.imageEdit) {
         ui.children.push(this.value[$toHTML]().html);
       } else if (!this.ui.button) {
-        const value = this.value[$toHTML]().html;
+        const value = this.value[$toHTML]().html.value;
         if (value) {
           if (ui.children[0].name === "textarea") {
-            ui.children[0].attributes.textContent = value.value;
+            ui.children[0].attributes.textContent = value;
           } else {
-            ui.children[0].attributes.value = value.value;
+            ui.children[0].attributes.value = value;
           }
         }
       }
@@ -2522,9 +2550,14 @@ class Float extends ContentObject {
   }
 
   [$toHTML](availableSpace) {
-    return HTMLResult.success(
-      this[$content] !== null ? this[$content].toString() : ""
-    );
+    return HTMLResult.success({
+      name: "span",
+      attributes: {
+        class: ["xfaRich"],
+        style: {},
+      },
+      value: this[$content] !== null ? this[$content].toString() : "",
+    });
   }
 }
 
@@ -2812,9 +2845,14 @@ class Integer extends ContentObject {
   }
 
   [$toHTML](availableSpace) {
-    return HTMLResult.success(
-      this[$content] !== null ? this[$content].toString() : ""
-    );
+    return HTMLResult.success({
+      name: "span",
+      attributes: {
+        class: ["xfaRich"],
+        style: {},
+      },
+      value: this[$content] !== null ? this[$content].toString() : "",
+    });
   }
 }
 
@@ -4782,12 +4820,20 @@ class Time extends StringObject {
   }
 
   [$finalize]() {
-    // TODO
-    this[$content] = new Date(this[$content]);
+    // TODO.
+    const date = this[$content].trim();
+    this[$content] = date ? new Date(date) : null;
   }
 
   [$toHTML](availableSpace) {
-    return HTMLResult.success(this[$content].toString());
+    return HTMLResult.success({
+      name: "span",
+      attributes: {
+        class: ["xfaRich"],
+        style: {},
+      },
+      value: this[$content] ? this[$content].toString() : "",
+    });
   }
 }