@es-joy/jsoe 0.24.2 → 0.25.0

package/src/subTypes/blobHTMLType.js

@@ -1,6 +1,7 @@
 /* globals sceditor -- No ESM version yet */
 import {jml} from '../vendor-imports.js';
 import {$e} from '../utils/templateUtils.js';
+import {schemaLabel} from '../utils/schemaMeta.js';
 
 import dialogs from '../utils/dialogs.js';
 import {isNullish} from '../utils/types.js';
@@ -34,7 +35,7 @@ const blobHTMLType = {
       const pos = dataURI.indexOf(',');
       const mimeInfo = dataURI.slice(0, pos);
       const bytes = dataURI.slice(pos + 1);
-      const [mimeString, encoding] = mimeInfo.split(':')[1].split(';');
+      const [mimeString, encoding] = mimeInfo.split(':', 2)[1].split(';', 2);
       let ab;
       if (encoding === 'base64') {
         const byteString = atob(bytes);
@@ -74,7 +75,7 @@ const blobHTMLType = {
     const result = await this.loadBlob(value);
     /** @type {SCEditorTextarea} */ (
       this.getInput({root})
-    ).sceditorInstance.val(/** @type {string} */ (result));
+    ).sceditorInstance.val(result);
     // this.getInput({root}).value = result;
   },
   viewUI ({value, specificSchemaObject}) {
@@ -82,9 +83,9 @@ const blobHTMLType = {
     let val;
     const div = jml('div', {
       dataset: {type: 'blobHTML'},
-      title: specificSchemaObject?.description ? 'HTML' : undefined
+      title: schemaLabel(specificSchemaObject) ? 'HTML' : undefined
     }, [
-      specificSchemaObject?.description ?? 'HTML',
+      schemaLabel(specificSchemaObject) ?? 'HTML',
       ': ',
       ['button', {$on: {
         click () {
@@ -95,18 +96,16 @@ const blobHTMLType = {
         }
       }}, ['View source']]
     ]);
-    // eslint-disable-next-line @stylistic/max-len -- Long
     // eslint-disable-next-line promise/prefer-await-to-then -- Not an async method
     this.loadBlob(value).then((
       result
     ) => {
-      val = /** @type {string} */ (result);
+      val = result;
       jml('iframe', {
         sandbox: '',
         srcdoc: val
       }, div);
       return undefined;
-    // eslint-disable-next-line @stylistic/max-len -- Long
     // eslint-disable-next-line promise/prefer-await-to-then -- Not an async method
     }).catch(
       /* istanbul ignore next -- How to simulate? */
@@ -137,13 +136,26 @@ const blobHTMLType = {
       'div',
       {
         dataset: {type: 'blobHTML'},
-        title: specificSchemaObject?.description ?? 'Blob (HTML)'
+        title: schemaLabel(specificSchemaObject) ?? 'Blob (HTML)'
       },
       [
         textarea
       ]
     );
-    setTimeout(() => {
+    // SCEditor builds a WYSIWYG iframe, which only works once `textarea` is
+    //   connected to the document. The caller attaches `root` after the build
+    //   pipeline returns, and re-parenting an SCEditor iframe reloads it, so we
+    //   wait here for connection rather than initialising eagerly (or letting
+    //   the build pipeline await us, which would deadlock).
+    let connectionTries = 0;
+    const createWhenConnected = () => {
+      if (!textarea.isConnected) {
+        /* istanbul ignore else -- Bounded guard against a never-attached UI */
+        if (connectionTries++ < 250) {
+          setTimeout(createWhenConnected, 20);
+        }
+        return;
+      }
       // Push onto these: https://www.sceditor.com/documentation/formats/xhtml/
       // sceditor.formats.xhtml.converters array
       // sceditor.formats.xhtml.allowedAttribs object
@@ -187,7 +199,8 @@ const blobHTMLType = {
           this
         ).setValue({root, value});
       }
-    });
+    };
+    setTimeout(createWhenConnected, 0);
     return [root];
   }
 };

package/src/superTypes/SpecialNumberType.js

@@ -12,10 +12,10 @@ const SpecialNumberSuperType = {
       value: s === '-0'
         ? -0
         : s === 'NaN'
-          ? Number.NaN
+          ? NaN
           : s === 'Infinity'
-            ? Number.POSITIVE_INFINITY
-            : Number.NEGATIVE_INFINITY
+            ? Infinity
+            : -Infinity
     };
   },
   getSelect ({root}) {
@@ -42,7 +42,7 @@ const SpecialNumberSuperType = {
       Object.is(value, -0) ? '-0' : String(value)
     ]];
   },
-  editUI ({typeNamespace, value = Number.NaN}) {
+  editUI ({typeNamespace, value = NaN}) {
     return ['div', {dataset: {type: 'SpecialNumber'}}, [
       ['label', [
         'Special number: ',
@@ -53,10 +53,10 @@ const SpecialNumberSuperType = {
             value: 'NaN', selected: Number.isNaN(value)
           }, ['NaN']],
           ['option', {
-            value: 'Infinity', selected: value === Number.POSITIVE_INFINITY
+            value: 'Infinity', selected: value === Infinity
           }, ['Infinity']],
           ['option', {
-            value: '-Infinity', selected: value === Number.NEGATIVE_INFINITY
+            value: '-Infinity', selected: value === -Infinity
           }, ['-Infinity']],
           ['option', {
             value: '-0', selected: Object.is(value, -0)

package/src/superTypes/SpecialRealNumberType.js

@@ -1,4 +1,5 @@
 import {$e} from '../utils/templateUtils.js';
+import {schemaLabel} from '../utils/schemaMeta.js';
 
 /**
  * @type {import('../types.js').SuperTypeObject}
@@ -8,16 +9,16 @@ const SpecialRealNumberSuperType = {
   childTypes: ['infinity', 'negativeInfinity', 'negativeZero'],
   stringRegex: /^(?:-?Infinity|-0)$/u,
   valueMatch (x) {
-    return Object.is(x, -0) || x === Number.POSITIVE_INFINITY ||
-      x === Number.NEGATIVE_INFINITY;
+    return Object.is(x, -0) || x === Infinity ||
+      x === -Infinity;
   },
   toValue (s) {
     return {
       value: s === '-0'
         ? -0
         : s === 'Infinity'
-          ? Number.POSITIVE_INFINITY
-          : Number.NEGATIVE_INFINITY
+          ? Infinity
+          : -Infinity
     };
   },
   getSelect ({root}) {
@@ -39,7 +40,7 @@ const SpecialRealNumberSuperType = {
     const isNegativeZero = Object.is(value, -0);
     return ['i', {
       dataset: {type: 'SpecialRealNumber'},
-      title: specificSchemaObject?.description ?? (isNegativeZero
+      title: schemaLabel(specificSchemaObject) ?? (isNegativeZero
         ? '(negative zero)'
         : `(${String(value)})`)
     }, [
@@ -53,19 +54,19 @@ const SpecialRealNumberSuperType = {
     return /** @type {HTMLSelectElement} */ ($e(root, 'select'));
   },
   editUI ({
-    typeNamespace, specificSchemaObject, value = Number.POSITIVE_INFINITY
+    typeNamespace, specificSchemaObject, value = Infinity
   }) {
     return ['div', {
       dataset: {type: 'SpecialRealNumber'},
-      title: specificSchemaObject?.description ?? 'Special Real Number'
+      title: schemaLabel(specificSchemaObject) ?? 'Special Real Number'
     }, [
       ['label', [
         ['select', {name: `${typeNamespace}-SpecialRealNumber`}, [
           ['option', {
-            value: 'Infinity', selected: value === Number.POSITIVE_INFINITY
+            value: 'Infinity', selected: value === Infinity
           }, ['Infinity']],
           ['option', {
-            value: '-Infinity', selected: value === Number.NEGATIVE_INFINITY
+            value: '-Infinity', selected: value === -Infinity
           }, ['-Infinity']],
           ['option', {
             value: '-0', selected: Object.is(value, -0)

package/src/superTypes/buffersourceType.js

@@ -1,7 +1,21 @@
 import {$e, $$e} from '../utils/templateUtils.js';
+import {schemaLabel} from '../utils/schemaMeta.js';
 import {jml, toStringTag} from '../vendor-imports.js';
 import dialogs from '../utils/dialogs.js';
 
+/**
+ * Integer value of a numeric form field, matching the `parseInt` behavior this
+ *   replaced: a blank field is `NaN` (so comparisons against it stay false),
+ *   not `0` as `Number('')` / `Math.trunc(Number(''))` would give.
+ * @param {string} str
+ */
+const toInteger = (str) => {
+  if (str.trim() === '') {
+    return NaN;
+  }
+  return Math.trunc(Number(str));
+};
+
 const dataViewMethods = /** @type {const} */ ([
   'setInt8',
   'setUint8',
@@ -67,8 +81,8 @@ const getMinMaxForTypedArray = (typedArray) => {
 /**
  * @typedef {Int8Array|Uint8Array|Uint8ClampedArray|
  *   Int16Array|Uint16Array|Int32Array|Uint32Array|
-*   Float32Array|Float64Array|BigInt64Array|
-*   BigUint64Array} TypedArrayInstance
+ *   Float32Array|Float64Array|BigInt64Array|
+ *   BigUint64Array} TypedArrayInstance
  */
 
 /**
@@ -187,7 +201,7 @@ const buffersourceType = {
     /** @type {DataView|undefined} */
     let view;
     if (bufferSourceClass === 'DataView' || dataViewMethods.some((method) => {
-      return method in o;
+      return Object.hasOwn(o, method);
     })) {
       view = new DataView(buffer, dataViewByteOffset, dataViewByteLength);
       dataViewMethods.forEach((prop) => {
@@ -296,13 +310,13 @@ const buffersourceType = {
     return ['div', {dataset: {type: 'buffersource'}}, [
       ['b', {
         class: 'emphasis',
-        title: specificSchemaObject?.description
+        title: schemaLabel(specificSchemaObject)
           ? (/^[aeiou]/iu).test(stringTag)
             ? `(an ${stringTag})`
             : `(a ${stringTag})`
           : undefined
       }, [
-        specificSchemaObject?.description ?? stringTag
+        schemaLabel(specificSchemaObject) ?? stringTag
       ]],
       ['br'],
       ['b', ['Buffer byte length: ']],
@@ -362,12 +376,13 @@ const buffersourceType = {
                         ...Array.from({
                           length: typedArray.length
                         }, (_v, key) => {
+                          const typedArrayValue = typedArray[key];
                           return jml('span', [
                             ['b', [key]],
                             ' ',
                             ['span', [
-                              typedArray[key]
-                                ? String(typedArray[key])
+                              typedArrayValue
+                                ? String(typedArrayValue)
                                 : '0'
                             ]],
                             ' '
@@ -411,7 +426,7 @@ const buffersourceType = {
 
     const div = jml('div', {
       dataset: {type: 'buffersource'},
-      title: specificSchemaObject?.description ?? 'BufferSource'
+      title: schemaLabel(specificSchemaObject) ?? 'BufferSource'
     }, [
       ['fieldset', {
         class: 'returnType',
@@ -428,10 +443,10 @@ const buffersourceType = {
           /** @type {BuildInstances} */
           $buildInstances () {
             const that = /**
-            * @type {HTMLFieldSetElement & {
-            *   $buildInstances: BuildInstances
-            * }}
-            */ (this);
+                          * @type {HTMLFieldSetElement & {
+                          *   $buildInstances: BuildInstances
+                          * }}
+                          */ (this);
             const ancestor = /** @type {HTMLDivElement} */ (that.parentElement);
             const {value} = /** @type {HTMLInputElement} */ ($e(
               that, `[name=${typeNamespace}-buffersource-returnType-${idx}]` +
@@ -448,8 +463,8 @@ const buffersourceType = {
                */ (
                 $e(ancestor, '.byteLength')
               );
-            const byteLengthVal = Number.parseInt(byteLength.value);
-            const maxByteLength = Number.parseInt(
+            const byteLengthVal = toInteger(byteLength.value);
+            const maxByteLength = toInteger(
               /** @type {HTMLInputElement} */ (
                 $e(ancestor, '.maxByteLength')
               ).value
@@ -465,7 +480,7 @@ const buffersourceType = {
               '.dataViewByteOffset'
             )).value;
             const dataViewByteOffset = dataViewByteOffsetVal
-              ? Number.parseInt(dataViewByteOffsetVal)
+              ? toInteger(dataViewByteOffsetVal)
               : 0;
 
             const dataViewByteLengthVal = /** @type {HTMLInputElement} */ ($e(
@@ -473,7 +488,7 @@ const buffersourceType = {
               '.dataViewByteLength'
             )).value;
             const dataViewByteLength = dataViewByteLengthVal
-              ? Number.parseInt(dataViewByteLengthVal)
+              ? toInteger(dataViewByteLengthVal)
               : undefined;
 
             const dataView = new DataView(
@@ -493,7 +508,7 @@ const buffersourceType = {
                 '.typedArrayByteOffset'
               )).value;
             const typedArrayByteOffset = typedArrayByteOffsetVal
-              ? Number.parseInt(typedArrayByteOffsetVal)
+              ? toInteger(typedArrayByteOffsetVal)
               : 0;
 
             const typedArrayLengthVal =
@@ -502,7 +517,7 @@ const buffersourceType = {
                 '.typedArrayLength'
               )).value;
             const typedArrayLength = typedArrayLengthVal
-              ? Number.parseInt(typedArrayLengthVal)
+              ? toInteger(typedArrayLengthVal)
               : byteLengthVal;
 
             const typedArray = new TypedArray(
@@ -730,7 +745,7 @@ const buffersourceType = {
                   ));
                   const val = that.value;
 
-                  if (Number.parseInt(val) > Number.MAX_SAFE_INTEGER) {
+                  if (toInteger(val) > Number.MAX_SAFE_INTEGER) {
                     that.setCustomValidity(
                       'The ArrayBuffer length exceeds the maximum ' +
                       'allowable size'
@@ -743,7 +758,7 @@ const buffersourceType = {
                   that.reportValidity();
 
                   if (
-                    Number.parseInt(val) > Number.parseInt(maxByteLength.value)
+                    toInteger(val) > toInteger(maxByteLength.value)
                   ) {
                     maxByteLength.value = val;
                   }
@@ -791,7 +806,7 @@ const buffersourceType = {
                   ));
                   const val = that.value;
                   if (
-                    Number.parseInt(val) < Number.parseInt(byteLength.value)
+                    toInteger(val) < toInteger(byteLength.value)
                   ) {
                     // byteLength.value = val;
                     that.setCustomValidity(
@@ -824,16 +839,16 @@ const buffersourceType = {
                 /** @type {CheckDataViewByteLength} */
                 $checkDataViewByteLength (e) {
                   const that = /**
-                  * @type {HTMLInputElement & {
-                  *   $checkDataViewByteLength: CheckDataViewByteLength
-                  * }}
-                  */ (
+                                * @type {HTMLInputElement & {
+                                *   $checkDataViewByteLength: CheckDataViewByteLength
+                                * }}
+                                */ (
                       this
                     );
                   const greatGrandparent = /** @type {HTMLElement} */
                     (that.parentElement?.parentElement?.parentElement);
 
-                  const byteOffset = Number.parseInt(
+                  const byteOffset = toInteger(
                     /** @type {HTMLInputElement} */ ($e(
                       greatGrandparent,
                       '.dataViewByteOffset'
@@ -846,15 +861,11 @@ const buffersourceType = {
                       '.byteLength'
                     )).value;
                   const bufferByteLength = bufferByteLengthVal
-                    ? Number.parseInt(
-                      bufferByteLengthVal
-                    )
+                    ? toInteger(bufferByteLengthVal)
                     : 0;
 
                   const byteLength = that.value
-                    ? Number.parseInt(
-                      that.value
-                    )
+                    ? toInteger(that.value)
                     : bufferByteLength;
 
                   if (byteOffset + byteLength > bufferByteLength) {
@@ -929,10 +940,10 @@ const buffersourceType = {
                 /** @type {CheckByteOffsetMultiple} */
                 $checkByteOffsetMultiple (e) {
                   const that = /**
-                  * @type {HTMLInputElement & {
-                  *   $checkByteOffsetMultiple: CheckByteOffsetMultiple
-                  * }}
-                  */ (this);
+                                * @type {HTMLInputElement & {
+                                *   $checkByteOffsetMultiple: CheckByteOffsetMultiple
+                                * }}
+                                */ (this);
                   const ancestor = /** @type {HTMLElement} */ (
                     that.
                       parentElement?.parentElement?.parentElement?.parentElement
@@ -946,7 +957,7 @@ const buffersourceType = {
                     /** @type {TypedArray} */ (value)
                   );
                   if (
-                    Number.parseInt(that.value) % TypedArray.BYTES_PER_ELEMENT
+                    toInteger(that.value) % TypedArray.BYTES_PER_ELEMENT
                   ) {
                     that.setCustomValidity(
                       'Byte offset must be a multiple of the typed ' +
@@ -1039,11 +1050,11 @@ const buffersourceType = {
             /** @type {CheckTypedArrayByteLength} */
             $checkTypedArrayByteLength (e) {
               const that = /**
-              * @type {HTMLSelectElement & {
-              *   $setMinsAndMaxes: SetMinsAndMaxes,
-              *   $checkTypedArrayByteLength: CheckTypedArrayByteLength
-              * }}
-              */ (this);
+                            * @type {HTMLSelectElement & {
+                            *   $setMinsAndMaxes: SetMinsAndMaxes,
+                            *   $checkTypedArrayByteLength: CheckTypedArrayByteLength
+                            * }}
+                            */ (this);
               const TypedArray = getTypedArray(
                 /** @type {TypedArray} */ (that.value)
               );
@@ -1054,7 +1065,7 @@ const buffersourceType = {
                 '.byteLength'
               ));
               const arrayBufferLength = byteLength.value
-                ? Number.parseInt(
+                ? toInteger(
                   byteLength.value
                 )
                 : 0;
@@ -1074,11 +1085,11 @@ const buffersourceType = {
             change (e) {
               const that =
                 /**
-                * @type {HTMLSelectElement & {
-                *   $setMinsAndMaxes: SetMinsAndMaxes,
-                *   $checkTypedArrayByteLength: CheckTypedArrayByteLength
-                * }}
-                */ (
+                 * @type {HTMLSelectElement & {
+                 *   $setMinsAndMaxes: SetMinsAndMaxes,
+                 *   $checkTypedArrayByteLength: CheckTypedArrayByteLength
+                 * }}
+                 */ (
                   this
                 );
 
@@ -1154,11 +1165,11 @@ const buffersourceType = {
               /** @type {CheckBufferBounds} */
               $checkBufferBounds (e) {
                 const that = /**
-                * @type {HTMLInputElement & {
-                *   $checkBufferBounds: CheckBufferBounds,
-                *   $buildTypedArray: BuildTypedArray
-                * }}
-                */ (this);
+                              * @type {HTMLInputElement & {
+                              *   $checkBufferBounds: CheckBufferBounds,
+                              *   $buildTypedArray: BuildTypedArray
+                              * }}
+                              */ (this);
 
                 const ancestor = /** @type {HTMLElement} */ (
                   that.parentElement?.parentElement?.parentElement
@@ -1169,13 +1180,13 @@ const buffersourceType = {
                     '.byteLength'
                   )).value;
                 const bufferByteLength = bufferByteLengthVal
-                  ? Number.parseInt(
+                  ? toInteger(
                     bufferByteLengthVal
                   )
                   : 0;
 
                 const length = that.value
-                  ? Number.parseInt(that.value)
+                  ? toInteger(that.value)
                   : bufferByteLength;
 
                 const {value} = /** @type {HTMLSelectElement} */ (
@@ -1192,7 +1203,7 @@ const buffersourceType = {
                     '.typedArrayByteOffset'
                   )).value;
                 const typedArrayByteOffset = typedArrayByteOffsetVal
-                  ? Number.parseInt(typedArrayByteOffsetVal)
+                  ? toInteger(typedArrayByteOffsetVal)
                   : 0;
 
                 if (
@@ -1221,12 +1232,12 @@ const buffersourceType = {
               /** @type {BuildTypedArray} */
               $buildTypedArray () {
                 const that = /**
-                * @type {HTMLInputElement & {
-                *   $checkBufferBounds: CheckBufferBounds,
-                *   $buildTypedArray: BuildTypedArray
-                * }}
-                */ (this);
-                const length = Number.parseInt(that.value);
+                              * @type {HTMLInputElement & {
+                              *   $checkBufferBounds: CheckBufferBounds,
+                              *   $buildTypedArray: BuildTypedArray
+                              * }}
+                              */ (this);
+                const length = toInteger(that.value);
                 const grandparent = /** @type {HTMLElement} */ (
                   that.parentElement?.parentElement
                 );
@@ -1255,7 +1266,7 @@ const buffersourceType = {
                     input.dataset.bigint === 'true'
                       ? BigInt(input.value)
                       : Number(input.value)
-                  ], Number.parseInt(
+                  ], toInteger(
                     /** @type {string} */ (input.dataset.key)
                   ));
                 });
@@ -1269,6 +1280,7 @@ const buffersourceType = {
                 typedArrayArea.textContent = '';
                 typedArrayArea.append(
                   ...Array.from({length}, (_v, key) => {
+                    const typedArrayValue = bufferByteLength.$typedArray[key];
                     return jml('label', [
                       key,
                       ' ',
@@ -1281,8 +1293,8 @@ const buffersourceType = {
                         pattern: value.startsWith('Float')
                           ? String.raw`\d+(?:\.\d+)?`
                           : String.raw`\d+`,
-                        value: bufferByteLength.$typedArray[key]
-                          ? String(bufferByteLength.$typedArray[key])
+                        value: typedArrayValue
+                          ? String(typedArrayValue)
                           : '0',
                         min, max
                       }],
@@ -1304,19 +1316,20 @@ const buffersourceType = {
                    */ (
                     this
                   );
-                const grandparent = /** @type {HTMLElement} */ (
-                  this.parentElement?.parentElement
-                );
 
                 if (!that.$checkBufferBounds(e)) {
                   return;
                 }
 
+                const grandparent = /** @type {HTMLElement} */ (
+                  this.parentElement?.parentElement
+                );
+
                 const {value} = /** @type {HTMLSelectElement} */ (
                   $e(grandparent, '.buffersource-typedArrays-init')
                 );
 
-                const length = Number.parseInt(that.value);
+                const length = toInteger(that.value);
                 try {
                   const TypedArray = getTypedArray(
                     /** @type {TypedArray} */ (value)
@@ -1411,14 +1424,14 @@ const buffersourceType = {
                         this.parentElement
                       );
                       const dataViewMethod =
-                        /** @type {dataViewMethods[number]} */ (
+                        /** @type {typeof dataViewMethods[number]} */ (
                           /** @type {HTMLSelectElement} */ (
                             ancestor.previousElementSibling
                           )?.value
                         );
 
                       const dataViewSetByteOffset =
-                        Number.parseInt(/** @type {HTMLInputElement} */ ($e(
+                        toInteger(/** @type {HTMLInputElement} */ ($e(
                           ancestor,
                           '.dataViewSetByteOffset'
                         )).value);
@@ -1483,9 +1496,7 @@ const buffersourceType = {
         }, [
           ['option', {value: ''}, ['(Select a data view method)']],
           ...dataViewMethods.map((dataViewMethod) => {
-            return /** @type {import('jamilih').JamilihArray} */ (
-              ['option', [dataViewMethod]]
-            );
+            return ['option', [dataViewMethod]];
           })
         ]],
         ' ',
@@ -1493,7 +1504,7 @@ const buffersourceType = {
       ]]
     ]);
 
-    if (this.setValue && value) {
+    if (value && this.setValue) {
       this.setValue({root: div, value});
     } else {
       const byteLength =

package/src/superTypes/dommatrixType.js

@@ -1,4 +1,5 @@
 import {$e} from '../utils/templateUtils.js';
+import {schemaLabel} from '../utils/schemaMeta.js';
 import {toStringTag} from '../vendor-imports.js';
 
 let idx = 0;
@@ -230,11 +231,11 @@ const dommatrixType = {
     return ['div', {dataset: {type: 'dommatrix'}}, [
       ['b', {
         class: 'emphasis',
-        title: specificSchemaObject?.description
+        title: schemaLabel(specificSchemaObject)
           ? `(a \`${(isReadWrite ? 'DOMMatrix' : 'DOMMatrixReadOnly')}\`)`
           : undefined
       }, [
-        specificSchemaObject?.description ??
+        schemaLabel(specificSchemaObject) ??
           (isReadWrite ? 'DOMMatrix' : 'DOMMatrixReadOnly')
       ]],
       value.is2D
@@ -318,8 +319,8 @@ const dommatrixType = {
 
     return ['div', {
       dataset: {type: 'dommatrix'},
-      title: specificSchemaObject?.description ?? 'DOMMatrix'
-    }, /** @type {import('jamilih').JamilihChildren} */ ([
+      title: schemaLabel(specificSchemaObject) ?? 'DOMMatrix'
+    }, [
       ['div', [
         ['label', [
           ['input', {
@@ -422,7 +423,7 @@ const dommatrixType = {
           ]]
         ];
       })).slice(1)]
-    ])];
+    ]];
   }
 };