@es-joy/jsoe 0.13.8 → 0.15.0

package/dist/index.js

@@ -122,7 +122,7 @@ const NULLABLES = ['autocomplete', 'dir',
  * @param {string} sel
  * @returns {HTMLElement|null}
  */
-const $$1 = sel => {
+const $$2 = sel => {
   if (!doc) {
     throw new Error('No document object');
   }
@@ -850,7 +850,7 @@ const jml = function jml(...args) {
                  */
                 template, doc.body);
               } else if (typeof template === 'string') {
-                template = /** @type {HTMLTemplateElement} */$$1(template);
+                template = /** @type {HTMLTemplateElement} */$$2(template);
               }
               jml( /** @type {HTMLTemplateElement} */
               /** @type {HTMLTemplateElement} */template.content.cloneNode(true), shadowRoot);
@@ -2129,7 +2129,7 @@ class JamilihMap extends Map {
    * @returns {ArbitraryValue}
    */
   get(element) {
-    const elem = typeof element === 'string' ? $$1(element) : element;
+    const elem = typeof element === 'string' ? $$2(element) : element;
     return super.get.call(this, elem);
   }
   /**
@@ -2138,7 +2138,7 @@ class JamilihMap extends Map {
    * @returns {ArbitraryValue}
    */
   set(element, value) {
-    const elem = typeof element === 'string' ? $$1(element) : element;
+    const elem = typeof element === 'string' ? $$2(element) : element;
     return super.set.call(this, elem, value);
   }
   /**
@@ -2148,7 +2148,7 @@ class JamilihMap extends Map {
    * @returns {ArbitraryValue}
    */
   invoke(element, methodName, ...args) {
-    const elem = typeof element === 'string' ? $$1(element) : element;
+    const elem = typeof element === 'string' ? $$2(element) : element;
     return this.get(elem)[methodName](elem, ...args);
   }
 }
@@ -2163,7 +2163,7 @@ class JamilihWeakMap extends WeakMap {
    * @returns {ArbitraryValue}
    */
   get(element) {
-    const elem = typeof element === 'string' ? $$1(element) : element;
+    const elem = typeof element === 'string' ? $$2(element) : element;
     if (!elem) {
       throw new Error("Can't find the element");
     }
@@ -2175,7 +2175,7 @@ class JamilihWeakMap extends WeakMap {
    * @returns {ArbitraryValue}
    */
   set(element, value) {
-    const elem = typeof element === 'string' ? $$1(element) : element;
+    const elem = typeof element === 'string' ? $$2(element) : element;
     if (!elem) {
       throw new Error("Can't find the element");
     }
@@ -2188,7 +2188,7 @@ class JamilihWeakMap extends WeakMap {
    * @returns {ArbitraryValue}
    */
   invoke(element, methodName, ...args) {
-    const elem = typeof element === 'string' ? $$1(element) : element;
+    const elem = typeof element === 'string' ? $$2(element) : element;
     if (!elem) {
       throw new Error("Can't find the element");
     }
@@ -2234,7 +2234,7 @@ jml.strong = function (obj, ...args) {
  * @returns {ArbitraryValue} The value associated with the symbol
  */
 jml.symbol = jml.sym = jml.for = function (element, sym) {
-  const elem = typeof element === 'string' ? $$1(element) : element;
+  const elem = typeof element === 'string' ? $$2(element) : element;
 
   // @ts-expect-error Should be ok
   return elem[typeof sym === 'symbol' ? sym : Symbol.for(sym)];
@@ -2253,7 +2253,7 @@ jml.symbol = jml.sym = jml.for = function (element, sym) {
  * @returns {ArbitraryValue}
  */
 jml.command = function (elem, symOrMap, methodName, ...args) {
-  elem = typeof elem === 'string' ? $$1(elem) : elem;
+  elem = typeof elem === 'string' ? $$2(elem) : elem;
   if (!elem) {
     throw new Error('No element found');
   }
@@ -2315,7 +2315,7 @@ if (doc && doc.body) {
 }
 const nbsp$1 = '\u00A0'; // Very commonly needed in templates
 
-function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n);}return r}function _objectSpread2(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){_defineProperty(e,t,r[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t));}));}return e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,_toPropertyKey(n.key),n);}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function _defineProperty(e,t,r){return (t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _slicedToArray(e,t){return function _arrayWithHoles(e){if(Array.isArray(e))return e}(e)||function _iterableToArrayLimit(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,c=[],s=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1;}else for(;!(s=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);s=!0);}catch(e){u=!0,o=e;}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw o}}return c}}(e,t)||_unsupportedIterableToArray(e,t)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return "Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _toPropertyKey(e){var t=function _toPrimitive(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return ("string"===t?String:Number)(e)}(e,"string");return "symbol"==typeof t?t:String(t)}var e=_createClass((function TypesonPromise(e){_classCallCheck(this,TypesonPromise),this.p=new Promise(e);}));e.__typeson__type__="TypesonPromise","undefined"!=typeof Symbol&&Object.defineProperty(e.prototype,Symbol.toStringTag,{get:function get(){return "TypesonPromise"}}),e.prototype.then=function(t,r){var n=this;return new e((function(e,o){n.p.then((function(r){e(t?t(r):r);})).catch((function(e){return r?r(e):Promise.reject(e)})).then(e,o);}))},e.prototype.catch=function(e){return this.then((function(){}),e)},e.resolve=function(t){return new e((function(e){e(t);}))},e.reject=function(t){return new e((function(e,r){r(t);}))},e.all=function(t){return new e((function(e,r){Promise.all(t.map((function(e){return null!=e&&e.constructor&&"__typeson__type__"in e.constructor&&"TypesonPromise"===e.constructor.__typeson__type__?e.p:e}))).then(e,r);}))},e.race=function(t){return new e((function(e,r){Promise.race(t.map((function(e){return null!=e&&e.constructor&&"__typeson__type__"in e.constructor&&"TypesonPromise"===e.constructor.__typeson__type__?e.p:e}))).then(e,r);}))},e.allSettled=function(t){return new e((function(e,r){Promise.allSettled(t.map((function(e){return null!=e&&e.constructor&&"__typeson__type__"in e.constructor&&"TypesonPromise"===e.constructor.__typeson__type__?e.p:e}))).then(e,r);}))};var t=Object.hasOwn,r=Object.getPrototypeOf;function isThenable(e,t){return isObject(e)&&"function"==typeof e.then&&(!t||"function"==typeof e.catch)}function toStringTag(e){return Object.prototype.toString.call(e).slice(8,-1)}function hasConstructorOf(e,n){if(!e||"object"!==_typeof(e))return !1;var o=r(e);if(!o)return null===n;var a=t(o,"constructor")&&o.constructor;return "function"!=typeof a?null===n:n===a||null!==n&&Function.prototype.toString.call(a)===Function.prototype.toString.call(n)||"function"==typeof n&&"string"==typeof a.__typeson__type__&&a.__typeson__type__===n.__typeson__type__}function isPlainObject(e){return !(!e||"Object"!==toStringTag(e))&&(!r(e)||hasConstructorOf(e,Object))}function isUserObject(e){if(!e||"Object"!==toStringTag(e))return !1;var t=r(e);return !t||hasConstructorOf(e,Object)||isUserObject(t)}function isObject(e){return null!==e&&"object"===_typeof(e)}function escapeKeyPathComponent(e){return e.replaceAll("''","''''").replace(/^$/,"''").replaceAll("~","~0").replaceAll(".","~1")}function unescapeKeyPathComponent(e){return e.replaceAll("~1",".").replaceAll("~0","~").replace(/^''$/,"").replaceAll("''''","''")}function getByKeyPath(e,t){if(""===t)return e;if(null===e||"object"!==_typeof(e))throw new TypeError("Unexpected non-object type");var r=t.indexOf(".");if(r>-1){var n=e[unescapeKeyPathComponent(t.slice(0,r))];return void 0===n?void 0:getByKeyPath(n,t.slice(r+1))}return e[unescapeKeyPathComponent(t)]}function setAtKeyPath(e,t,r){if(""===t)return r;if(!e||"object"!==_typeof(e))throw new TypeError("Unexpected non-object type");var n=t.indexOf(".");return n>-1?setAtKeyPath(e[unescapeKeyPathComponent(t.slice(0,n))],t.slice(n+1),r):(e[unescapeKeyPathComponent(t)]=r,e)}function getJSONType(e){return null===e?"null":Array.isArray(e)?"array":_typeof(e)}function _await(e,t,r){return r?t?t(e):e:(e&&e.then||(e=Promise.resolve(e)),t?e.then(t):e)}var n=Object.keys,o=Object.hasOwn,a=Array.isArray,i=["type","replaced","iterateIn","iterateUnsetNumeric","addLength"];function _async(e){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];try{return Promise.resolve(e.apply(this,t))}catch(e){return Promise.reject(e)}}}function nestedPathsFirst(e,t){var r,n;if(""===e.keypath)return -1;var o=null!==(r=e.keypath.match(/\./g))&&void 0!==r?r:0,a=null!==(n=t.keypath.match(/\./g))&&void 0!==n?n:0;return o&&(o=o.length),a&&(a=a.length),o>a?-1:o<a?1:e.keypath<t.keypath?-1:e.keypath>t.keypath?1:0}var c=function(){function Typeson(e){_classCallCheck(this,Typeson),this.options=e,this.plainObjectReplacers=[],this.nonplainObjectReplacers=[],this.revivers={},this.types={};}return _createClass(Typeson,[{key:"stringify",value:function stringify(e,t,r,n){n=_objectSpread2(_objectSpread2(_objectSpread2({},this.options),n),{},{stringification:!0});var o=this.encapsulate(e,null,n);return a(o)?JSON.stringify(o[0],t,r):o.then((function(e){return JSON.stringify(e,t,r)}))}},{key:"stringifySync",value:function stringifySync(e,t,r,n){return this.stringify(e,t,r,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},n),{},{sync:!0}))}},{key:"stringifyAsync",value:function stringifyAsync(e,t,r,n){return this.stringify(e,t,r,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},n),{},{sync:!1}))}},{key:"parse",value:function parse(e,t,r){return r=_objectSpread2(_objectSpread2(_objectSpread2({},this.options),r),{},{parse:!0}),this.revive(JSON.parse(e,t),r)}},{key:"parseSync",value:function parseSync(e,t,r){return this.parse(e,t,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},r),{},{sync:!0}))}},{key:"parseAsync",value:function parseAsync(e,t,r){return this.parse(e,t,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},r),{},{sync:!1}))}},{key:"specialTypeNames",value:function specialTypeNames(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return r.returnTypeNames=!0,this.encapsulate(e,t,r)}},{key:"rootTypeName",value:function rootTypeName(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return r.iterateNone=!0,this.encapsulate(e,t,r)}},{key:"encapsulate",value:function encapsulate(t,r,c){var s=this,u=_objectSpread2(_objectSpread2({sync:!0},this.options),c),l=u.sync,f={},y=[],p=[],d=[],v=!("cyclic"in u)||u.cyclic,b=u.encapsulateObserver,m=function finish(e){var t=Object.values(f);if(u.iterateNone)return t.length?t[0]:getJSONType(e);if(t.length){if(u.returnTypeNames)return function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}(e)||function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||_unsupportedIterableToArray(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(new Set(t));e&&isPlainObject(e)&&!o(e,"$types")?e.$types=f:e={$:e,$types:{$:f}};}else isObject(e)&&o(e,"$types")&&(e={$:e,$types:!0});return !u.returnTypeNames&&e},h=_async((function(t,r){return _await(Promise.all(r.map((function(e){return e[1].p}))),(function(n){return _await(Promise.all(n.map(_async((function(n){var o=!1,a=[],i=_slicedToArray(r.splice(0,1),1),c=_slicedToArray(i[0],7),s=c[0],u=c[2],l=c[3],f=c[4],y=c[5],p=c[6],d=O(s,n,u,l,a,!0,p),v=hasConstructorOf(d,e);return function _invoke(e,t){var r=e();return r&&r.then?r.then(t):t(r)}((function(){if(s&&v)return _await(d.p,(function(e){f[y]=e;var r=h(t,a);return o=!0,r}))}),(function(e){return o?e:(s?f[y]=d:t=v?d.p:d,h(t,a))}))})))),(function(){return t}))}))})),g=function _adaptBuiltinStateObjectProperties(e,t,r){Object.assign(e,t);var n=i.map((function(t){var r=e[t];return delete e[t],r}));r(),i.forEach((function(t,r){e[t]=n[r];}));},O=function _encapsulate(t,r,i,c,l,d,v){var m,h={},O=_typeof(r),w=b?function(n){var o,a=null!==(o=null!=v?v:c.type)&&void 0!==o?o:getJSONType(r);b(Object.assign(null!=n?n:h,{keypath:t,value:r,cyclic:i,stateObj:c,promisesData:l,resolvingTypesonPromise:d,awaitingTypesonPromise:hasConstructorOf(r,e)},{type:a}));}:null;if(["string","boolean","number","undefined"].includes(O))return void 0===r||Number.isNaN(r)||r===Number.NEGATIVE_INFINITY||r===Number.POSITIVE_INFINITY||0===r?(m=c.replaced?r:_(t,r,c,l,!1,d,w))!==r&&(h={replaced:m}):m=r,w&&w(),m;if(null===r)return w&&w(),r;if(i&&!c.iterateIn&&!c.iterateUnsetNumeric&&r&&"object"===_typeof(r)){var A=y.indexOf(r);if(!(A<0))return f[t]="#",w&&w({cyclicKeypath:p[A]}),"#"+p[A];!0===i&&(y.push(r),p.push(t));}var S,j,T=isPlainObject(r),N=a(r),I=(T||N)&&(!s.plainObjectReplacers.length||c.replaced)||c.iterateIn?r:_(t,r,c,l,T||N,null,w);if(I!==r?(m=I,h={replaced:I}):""===t&&hasConstructorOf(r,e)?(l.push([t,r,i,c,void 0,void 0,c.type]),m=r):N&&"object"!==c.iterateIn||"array"===c.iterateIn?(S=new Array(r.length),h={clone:S}):(["function","symbol"].includes(_typeof(r))||"toJSON"in r||hasConstructorOf(r,e)||hasConstructorOf(r,Promise)||hasConstructorOf(r,ArrayBuffer))&&!T&&"object"!==c.iterateIn?m=r:(S={},c.addLength&&(S.length=r.length),h={clone:S}),w&&w(),u.iterateNone)return null!==(j=S)&&void 0!==j?j:m;if(!S)return m;if(c.iterateIn){var P=function _loop(n){var a={ownKeys:o(r,n)};g(c,a,(function(){var o=t+(t?".":"")+escapeKeyPathComponent(n),a=_encapsulate(o,r[n],Boolean(i),c,l,d);hasConstructorOf(a,e)?l.push([o,a,Boolean(i),c,S,n,c.type]):void 0!==a&&(S[n]=a);}));};for(var E in r)P(E);w&&w({endIterateIn:!0,end:!0});}else n(r).forEach((function(n){var o=t+(t?".":"")+escapeKeyPathComponent(n);g(c,{ownKeys:!0},(function(){var t=_encapsulate(o,r[n],Boolean(i),c,l,d);hasConstructorOf(t,e)?l.push([o,t,Boolean(i),c,S,n,c.type]):void 0!==t&&(S[n]=t);}));})),w&&w({endIterateOwn:!0,end:!0});if(c.iterateUnsetNumeric){for(var x=r.length,C=function _loop2(n){if(!(n in r)){var o="".concat(t).concat(t?".":"").concat(n);g(c,{ownKeys:!1},(function(){var t=_encapsulate(o,void 0,Boolean(i),c,l,d);hasConstructorOf(t,e)?l.push([o,t,Boolean(i),c,S,n,c.type]):void 0!==t&&(S[n]=t);}));}},k=0;k<x;k++)C(k);w&&w({endIterateUnsetNumeric:!0,end:!0});}return S},_=function replace(e,t,r,n,o,a,i){for(var c=o?s.plainObjectReplacers:s.nonplainObjectReplacers,u=c.length;u--;){var y=c[u];if(y.test(t,r)){var p=y.type;if(s.revivers[p]){var d=f[e];f[e]=d?[p].concat(d):p;}if(Object.assign(r,{type:p,replaced:!0}),(l||!y.replaceAsync)&&!y.replace)return i&&i({typeDetected:!0}),O(e,t,v&&"readonly",r,n,a,p);i&&i({replacing:!0});var b=void 0;if(l||!y.replaceAsync){if(void 0===y.replace)throw new TypeError("Missing replacer");b=y.replace(t,r);}else b=y.replaceAsync(t,r);return O(e,b,v&&"readonly",r,n,a,p)}}return t},w=O("",t,v,null!=r?r:{},d);if(d.length)return l&&u.throwOnBadSyncType?function(){throw new TypeError("Sync method requested but async result obtained")}():Promise.resolve(h(w,d)).then(m);if(!l&&u.throwOnBadSyncType)throw new TypeError("Async method requested but sync result obtained");return u.stringification&&l?[m(w)]:l?m(w):Promise.resolve(m(w))}},{key:"encapsulateSync",value:function encapsulateSync(e,t,r){return this.encapsulate(e,t,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},r),{},{sync:!0}))}},{key:"encapsulateAsync",value:function encapsulateAsync(e,t,r){return this.encapsulate(e,t,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},r),{},{sync:!1}))}},{key:"revive",value:function revive(t,r){var o=this,i=_objectSpread2(_objectSpread2({sync:!0},this.options),r),c=i.sync;function finishRevival(e){if(c)return e;if(i.throwOnBadSyncType)throw new TypeError("Async method requested but sync result obtained");return Promise.resolve(e)}if(!t||"object"!==_typeof(t)||Array.isArray(t))return finishRevival(t);var u=t.$types;if(!0===u)return finishRevival(t.$);if(!u||"object"!==_typeof(u)||Array.isArray(u))return finishRevival(t);var l=[],f={},y=!0;u.$&&isPlainObject(u.$)&&(t=t.$,u=u.$,y=!1);var p=function executeReviver(e,t){var r,n=_slicedToArray(null!==(r=o.revivers[e])&&void 0!==r?r:[],1)[0];if(!n)throw new Error("Unregistered type: "+e);if(c&&!("revive"in n))return t;if(!c&&n.reviveAsync)return n.reviveAsync(t,f);if(n.revive)return n.revive(t,f);throw new Error("Missing reviver")},d=[];function checkUndefined(e){return hasConstructorOf(e,s)?void 0:e}var v,b=function revivePlainObjects(){var r=[];if(!u)throw new Error("Found bad `types`");if(Object.entries(u).forEach((function(e){var t=_slicedToArray(e,2),n=t[0],a=t[1];"#"!==a&&[].concat(a).forEach((function(e){var t;_slicedToArray(null!==(t=o.revivers[e])&&void 0!==t?t:[null,{}],2)[1].plain&&(r.push({keypath:n,type:e}),delete u[n]);}));})),r.length)return r.sort(nestedPathsFirst).reduce((function reducer(r,n){var o=n.keypath,a=n.type;if(isThenable(r))return r.then((function(e){return reducer(e,{keypath:o,type:a})}));var i=getByKeyPath(t,o);if(hasConstructorOf(i=p(a,i),e))return i.then((function(e){var r=setAtKeyPath(t,o,e);r===e&&(t=r);}));var c=setAtKeyPath(t,o,i);c===i&&(t=c);}),void 0)}();return hasConstructorOf(b,e)?v=b.then((function(){return t})):(v=function _revive(t,r,o,i,c){if(!y||"$types"!==t){var f=u[t],v=a(r);if(v||isPlainObject(r)){var b=v?new Array(r.length):{};for(n(r).forEach((function(n){var a=_revive(t+(t?".":"")+escapeKeyPathComponent(n),r[n],null!=o?o:b,b,n),i=function set(e){return hasConstructorOf(e,s)?b[n]=void 0:void 0!==e&&(b[n]=e),e};hasConstructorOf(a,e)?d.push(a.then((function(e){return i(e)}))):i(a);})),r=b;l.length;){var m=_slicedToArray(l[0],4),h=m[0],g=m[1],O=m[2],_=m[3],w=getByKeyPath(h,g);if(void 0===w)break;O[_]=w,l.splice(0,1);}}if(!f)return r;if("#"===f){var A=getByKeyPath(o,r.slice(1));return void 0===A&&l.push([o,r.slice(1),i,c]),A}return [].concat(f).reduce((function reducer(t,r){if(hasConstructorOf(t,e))return t.then((function(e){return reducer(e,r)}));if("string"!=typeof r)throw new TypeError("Bad type JSON");return p(r,t)}),r)}}("",t,null),d.length&&(v=e.resolve(v).then((function(t){return e.all([t].concat(d))})).then((function(e){return _slicedToArray(e,1)[0]})))),isThenable(v)?c&&i.throwOnBadSyncType?function(){throw new TypeError("Sync method requested but async result obtained")}():hasConstructorOf(v,e)?v.p.then(checkUndefined):v:!c&&i.throwOnBadSyncType?function(){throw new TypeError("Async method requested but sync result obtained")}():c?checkUndefined(v):Promise.resolve(checkUndefined(v))}},{key:"reviveSync",value:function reviveSync(e,t){return this.revive(e,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},t),{},{sync:!0}))}},{key:"reviveAsync",value:function reviveAsync(e,t){return this.revive(e,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},t),{},{sync:!1}))}},{key:"register",value:function register(e,t){var r=this,o=null!=t?t:{},i=function R(e){a(e)?e.forEach((function(e){return R(e)})):n(e).forEach((function(t){var n;if("#"===t)throw new TypeError("# cannot be used as a type name as it is reserved for cyclic objects");if(u.includes(t))throw new TypeError("Plain JSON object types are reserved as type names");var i=e[t],c=i&&"function"!=typeof i&&!Array.isArray(i)&&i.testPlainObjects?r.plainObjectReplacers:r.nonplainObjectReplacers,s=c.filter((function(e){return e.type===t}));if(s.length&&(c.splice(c.indexOf(s[0]),1),delete r.revivers[t],delete r.types[t]),"function"==typeof i){var l=i;i={test:function test(e){return e&&e.constructor===l},replace:function replace(e){return _objectSpread2({},e)},revive:function revive(e){return Object.assign(Object.create(l.prototype),e)}};}else if(a(i)){var f=_slicedToArray(i,3);i={test:f[0],replace:f[1],revive:f[2]};}if(null!==(n=i)&&void 0!==n&&n.test){var y={type:t,test:i.test.bind(i)};i.replace&&(y.replace=i.replace.bind(i)),i.replaceAsync&&(y.replaceAsync=i.replaceAsync.bind(i));var p="number"==typeof o.fallback?o.fallback:o.fallback?0:Number.POSITIVE_INFINITY;if(i.testPlainObjects?r.plainObjectReplacers.splice(p,0,y):r.nonplainObjectReplacers.splice(p,0,y),i.revive||i.reviveAsync){var d={};i.revive&&(d.revive=i.revive.bind(i)),i.reviveAsync&&(d.reviveAsync=i.reviveAsync.bind(i)),r.revivers[t]=[d,{plain:i.testPlainObjects}];}r.types[t]=i;}}));};return [].concat(e).forEach((function(e){return i(e)})),this}}]),Typeson}(),s=_createClass((function Undefined(){_classCallCheck(this,Undefined);}));s.__typeson__type__="TypesonUndefined";for(var u=["null","boolean","number","string","array","object"],l="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",f=new Uint8Array(256),y=0;y<64;y++)f[l.codePointAt(y)]=y;var p=function encode(e,t,r){null==r&&(r=e.byteLength);for(var n=new Uint8Array(e,t||0,r),o=n.length,a="",i=0;i<o;i+=3)a+=l[n[i]>>2],a+=l[(3&n[i])<<4|n[i+1]>>4],a+=l[(15&n[i+1])<<2|n[i+2]>>6],a+=l[63&n[i+2]];return o%3==2?a=a.slice(0,-1)+"=":o%3==1&&(a=a.slice(0,-2)+"=="),a},d=function decode(e){var t=e.length;if(t%4)throw new Error("Bad base64 length: not divisible by four");var r,n,o,a,i=.75*e.length,c=0;"="===e[e.length-1]&&(i--,"="===e[e.length-2]&&i--);for(var s=new ArrayBuffer(i),u=new Uint8Array(s),l=0;l<t;l+=4)r=f[e.codePointAt(l)],n=f[e.codePointAt(l+1)],o=f[e.codePointAt(l+2)],a=f[e.codePointAt(l+3)],u[c++]=r<<2|n>>4,u[c++]=(15&n)<<4|o>>2,u[c++]=(3&o)<<6|63&a;return s};const v={arraybuffer:{test:e=>"ArrayBuffer"===toStringTag(e),replace(e,t){t.buffers||(t.buffers=[]);const r=t.buffers.indexOf(e);return r>-1?{index:r}:(t.buffers.push(e),p(e))},revive(e,t){if(t.buffers||(t.buffers=[]),"object"==typeof e)return t.buffers[e.index];const r=d(e);return t.buffers.push(r),r}}},b={bigintObject:{test:e=>"object"==typeof e&&hasConstructorOf(e,BigInt),replace:String,revive:e=>new Object(BigInt(e))}},m={bigint:{test:e=>"bigint"==typeof e,replace:String,revive:e=>BigInt(e)}};function string2arraybuffer(e){const t=new Uint8Array(e.length);for(let r=0;r<e.length;r++)t[r]=e.charCodeAt(r);return t.buffer}const h={blob:{test:e=>"Blob"===toStringTag(e),replace(e){const t=new XMLHttpRequest;if(t.overrideMimeType("text/plain; charset=x-user-defined"),t.open("GET",URL.createObjectURL(e),!1),t.send(),200!==t.status&&0!==t.status)throw new Error("Bad Blob access: "+t.status);return {type:e.type,stringContents:t.responseText}},revive(e){const{type:t,stringContents:r}=e;return new Blob([string2arraybuffer(r)],{type:t})},replaceAsync:t=>new e(((e,r)=>{const n=new FileReader;n.addEventListener("load",(()=>{e({type:t.type,stringContents:n.result});})),n.addEventListener("error",(()=>{r(n.error);})),n.readAsBinaryString(t);}))}};const _={cryptokey:{test:e=>"CryptoKey"===toStringTag(e)&&e.extractable,replaceAsync:t=>new e((async(e,r)=>{let n;try{n=await crypto.subtle.exportKey("jwk",t);}catch(e){return void r(e)}e({jwk:n,algorithm:t.algorithm,usages:t.usages});})),revive(e){const{jwk:t,algorithm:r,usages:n}=e;return crypto.subtle.importKey("jwk",t,r,!0,n)}}},w={dataview:{test:e=>"DataView"===toStringTag(e),replace({buffer:e,byteOffset:t,byteLength:r},n){n.buffers||(n.buffers=[]);const o=n.buffers.indexOf(e);return o>-1?{index:o,byteOffset:t,byteLength:r}:(n.buffers.push(e),{encoded:p(e),byteOffset:t,byteLength:r})},revive(e,t){t.buffers||(t.buffers=[]);const{byteOffset:r,byteLength:n,encoded:o,index:a}=e;let i;return "index"in e?i=t.buffers[a]:(i=d(o),t.buffers.push(i)),new DataView(i,r,n)}}},A={date:{test:e=>"Date"===toStringTag(e),replace(e){const t=e.getTime();return Number.isNaN(t)?"NaN":t},revive:e=>"NaN"===e?new Date(Number.NaN):new Date(e)}},S={domexception:{test:e=>"DOMException"===toStringTag(e),replace:e=>({name:e.name,message:e.message}),revive:({message:e,name:t})=>new DOMException(e,t)}},j={dommatrix:{test:e=>"DOMMatrix"===toStringTag(e),replace:e=>e.is2D?{a:e.a,b:e.b,c:e.c,d:e.d,e:e.e,f:e.f}:{m11:e.m11,m12:e.m12,m13:e.m13,m14:e.m14,m21:e.m21,m22:e.m22,m23:e.m23,m24:e.m24,m31:e.m31,m32:e.m32,m33:e.m33,m34:e.m34,m41:e.m41,m42:e.m42,m43:e.m43,m44:e.m44},revive:e=>Object.hasOwn(e,"a")?new DOMMatrix([e.a,e.b,e.c,e.d,e.e,e.f]):new DOMMatrix([e.m11,e.m12,e.m13,e.m14,e.m21,e.m22,e.m23,e.m24,e.m31,e.m32,e.m33,e.m34,e.m41,e.m42,e.m43,e.m44])}},T={dompoint:{test:e=>"DOMPoint"===toStringTag(e),replace:e=>({x:e.x,y:e.y,z:e.z,w:e.w}),revive:({x:e,y:t,z:r,w:n})=>new DOMPoint(e,t,r,n)}},N={domrect:{test:e=>"DOMRect"===toStringTag(e),replace:e=>({x:e.x,y:e.y,width:e.width,height:e.height}),revive:({x:e,y:t,width:r,height:n})=>new DOMRect(e,t,r,n)}},I={error:{test:e=>"Error"===toStringTag(e),replace:({name:e,message:t,cause:r,stack:n,fileName:o,lineNumber:a,columnNumber:i})=>({name:e,message:t,cause:r,stack:n,fileName:o,lineNumber:a,columnNumber:i}),revive(e){const t=new Error(e.message);return t.name=e.name,t.cause=e.cause,t.stack=e.stack,t.fileName=e.fileName,t.lineNumber=e.lineNumber,t.columnNumber=e.columnNumber,t}}},P={};function create$2(e){P[e.name.toLowerCase()]={test:t=>hasConstructorOf(t,e),replace:({name:e,message:t,cause:r,stack:n,fileName:o,lineNumber:a,columnNumber:i,errors:c})=>({name:e,message:t,cause:r,stack:n,fileName:o,lineNumber:a,columnNumber:i,errors:c}),revive(t){const r="undefined"!=typeof AggregateError&&e===AggregateError,n=r?new e(t.errors,t.message):new e(t.message);return n.name=t.name,n.cause=t.cause,n.stack=t.stack,n.fileName=t.fileName,n.lineNumber=t.lineNumber,n.columnNumber=t.columnNumber,r&&(n.errors=t.errors),n}};}[TypeError,RangeError,SyntaxError,ReferenceError,EvalError,URIError].forEach((e=>create$2(e))),"undefined"!=typeof AggregateError&&create$2(AggregateError),"function"==typeof InternalError&&create$2(InternalError);const E={file:{test:e=>"File"===toStringTag(e),replace(e){const t=new XMLHttpRequest;if(t.overrideMimeType("text/plain; charset=x-user-defined"),t.open("GET",URL.createObjectURL(e),!1),t.send(),200!==t.status&&0!==t.status)throw new Error("Bad File access: "+t.status);return {type:e.type,stringContents:t.responseText,name:e.name,lastModified:e.lastModified}},revive:({name:e,type:t,stringContents:r,lastModified:n})=>new File([string2arraybuffer(r)],e,{type:t,lastModified:n}),replaceAsync:t=>new e((function(e,r){const n=new FileReader;n.addEventListener("load",(function(){e({type:t.type,stringContents:n.result,name:t.name,lastModified:t.lastModified});})),n.addEventListener("error",(function(){r(n.error);})),n.readAsBinaryString(t);}))}},x={file:E.file,filelist:{test:e=>"FileList"===toStringTag(e),replace(e){const t=[];for(let r=0;r<e.length;r++)t[r]=e.item(r);return t},revive(e){class FileList{constructor(){this._files=arguments[0],this.length=this._files.length;}item(e){return this._files[e]}get[Symbol.toStringTag](){return "FileList"}}return new FileList(e)}}},C={imagebitmap:{test:e=>"ImageBitmap"===toStringTag(e)||e&&e.dataset&&"ImageBitmap"===e.dataset.toStringTag,replace(e){const t=document.createElement("canvas");return t.getContext("2d").drawImage(e,0,0),t.toDataURL()},revive(e){const t=document.createElement("canvas"),r=t.getContext("2d"),n=document.createElement("img");return n.addEventListener("load",(function(){r.drawImage(n,0,0);})),n.src=e,t},reviveAsync(t){const r=document.createElement("canvas"),n=r.getContext("2d"),o=document.createElement("img");return o.addEventListener("load",(function(){n.drawImage(o,0,0);})),o.src=t,new e((async(e,t)=>{try{e(await createImageBitmap(r));}catch(e){t(e);}}))}}},k={imagedata:{test:e=>"ImageData"===toStringTag(e),replace:e=>({array:[...e.data],width:e.width,height:e.height}),revive:e=>new ImageData(new Uint8ClampedArray(e.array),e.width,e.height)}},B={infinity:{test:e=>e===Number.POSITIVE_INFINITY,replace:()=>"Infinity",revive:()=>Number.POSITIVE_INFINITY}},D={map:{test:e=>"Map"===toStringTag(e),replace:e=>[...e.entries()],revive:e=>new Map(e)}},K={nan:{test:e=>Number.isNaN(e),replace:()=>"NaN",revive:()=>Number.NaN}},L={negativeInfinity:{test:e=>e===Number.NEGATIVE_INFINITY,replace:()=>"-Infinity",revive:()=>Number.NEGATIVE_INFINITY}},F={negativeZero:{test:e=>Object.is(e,-0),replace:()=>0,revive:()=>-0}},J={StringObject:{test:e=>"String"===toStringTag(e)&&"object"==typeof e,replace:String,revive:e=>new String(e)},BooleanObject:{test:e=>"Boolean"===toStringTag(e)&&"object"==typeof e,replace:Boolean,revive:e=>new Boolean(e)},NumberObject:{test:e=>"Number"===toStringTag(e)&&"object"==typeof e,replace:Number,revive:e=>new Number(e)}},V={regexp:{test:e=>"RegExp"===toStringTag(e),replace:e=>({source:e.source,flags:(e.global?"g":"")+(e.ignoreCase?"i":"")+(e.multiline?"m":"")+(e.sticky?"y":"")+(e.unicode?"u":"")}),revive:({source:e,flags:t})=>new RegExp(e,t)}},W={set:{test:e=>"Set"===toStringTag(e),replace:e=>[...e.values()],revive:e=>new Set(e)}},G={};"function"==typeof Int8Array&&[Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array,..."function"==typeof BigInt64Array?[BigInt64Array,BigUint64Array]:[]].forEach((e=>function create$1(e){const t=e.name;G[t.toLowerCase()]={test:e=>toStringTag(e)===t,replace:e=>(0===e.byteOffset&&e.byteLength===e.buffer.byteLength?e:e.slice(0)).buffer,revive:t=>"ArrayBuffer"===toStringTag(t)?new e(t):t};}(e)));const H={};"function"==typeof Int8Array&&[Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array,..."function"==typeof BigInt64Array?[BigInt64Array,BigUint64Array]:[]].forEach((e=>function create(e){const t=e.name;H[t.toLowerCase()]={test:e=>toStringTag(e)===t,replace({buffer:e,byteOffset:t,length:r},n){n.buffers||(n.buffers=[]);const o=n.buffers.indexOf(e);return o>-1?{index:o,byteOffset:t,length:r}:(n.buffers.push(e),{encoded:p(e),byteOffset:t,length:r})},revive(t,r){r.buffers||(r.buffers=[]);const{byteOffset:n,length:o,encoded:a,index:i}=t;let c;return "index"in t?c=r.buffers[i]:(c=d(a),r.buffers.push(c)),new e(c,n,o)}};}(e)));const z={undef:{test:(e,t)=>void 0===e&&(t.ownKeys||!("ownKeys"in t)),replace:()=>0,revive:()=>new s}},X={userObject:{test:e=>isUserObject(e),replace:e=>({...e}),revive:e=>e}},Z=[{arrayNonindexKeys:{testPlainObjects:!0,test:(e,t)=>!!Array.isArray(e)&&(Object.keys(e).some((e=>String(Number.parseInt(e))!==e))&&(t.iterateIn="object",t.addLength=!0),!0),replace:(e,t)=>(t.iterateUnsetNumeric=!0,e),revive(e){if(Array.isArray(e))return e;const t=[];return Object.entries(e).forEach((([e,r])=>{t[e]=r;})),t}}},{sparseUndefined:{test:(e,t)=>void 0===e&&!1===t.ownKeys,replace:()=>0,revive(){}}}],Q=[K,B,L,F],oe=[X,z,Z,J,Q,A,V,k,C,E,x,h,I,P].concat("function"==typeof Map?D:[],"function"==typeof Set?W:[],"function"==typeof ArrayBuffer?v:[],"function"==typeof Uint8Array?H:[],"function"==typeof DataView?w:[],"undefined"!=typeof crypto?_:[],"undefined"!=typeof BigInt?[m,b]:[],"undefined"!=typeof DOMException?S:[],"undefined"!=typeof DOMRect?N:[],"undefined"!=typeof DOMPoint?T:[],"undefined"!=typeof DOMMatrix?j:[]),ae=oe.concat({checkDataCloneException:{test(e){const t={}.toString.call(e).slice(8,-1);if(["symbol","function"].includes(typeof e)||["Arguments","Module","Promise","WeakMap","WeakSet","Event","MessageChannel"].includes(t)||e&&"object"==typeof e&&"number"==typeof e.nodeType&&"function"==typeof e.insertBefore)throw new DOMException("The object cannot be cloned.","DataCloneError");return !1}}});
+function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n);}return r}function _objectSpread2(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){_defineProperty(e,t,r[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t));}));}return e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,_toPropertyKey(n.key),n);}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function _defineProperty(e,t,r){return (t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _slicedToArray(e,t){return function _arrayWithHoles(e){if(Array.isArray(e))return e}(e)||function _iterableToArrayLimit(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,c=[],s=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1;}else for(;!(s=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);s=!0);}catch(e){u=!0,a=e;}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,t)||_unsupportedIterableToArray(e,t)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return "Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _toPropertyKey(e){var t=function _toPrimitive(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return ("string"===t?String:Number)(e)}(e,"string");return "symbol"==typeof t?t:String(t)}var e=_createClass((function TypesonPromise(e){_classCallCheck(this,TypesonPromise),this.p=new Promise(e);}));e.__typeson__type__="TypesonPromise","undefined"!=typeof Symbol&&Object.defineProperty(e.prototype,Symbol.toStringTag,{get:function get(){return "TypesonPromise"}}),e.prototype.then=function(t,r){var n=this;return new e((function(e,a){n.p.then((function(r){e(t?t(r):r);})).catch((function(e){return r?r(e):Promise.reject(e)})).then(e,a);}))},e.prototype.catch=function(e){return this.then((function(){}),e)},e.resolve=function(t){return new e((function(e){e(t);}))},e.reject=function(t){return new e((function(e,r){r(t);}))},e.all=function(t){return new e((function(e,r){Promise.all(t.map((function(e){return null!=e&&e.constructor&&"__typeson__type__"in e.constructor&&"TypesonPromise"===e.constructor.__typeson__type__?e.p:e}))).then(e,r);}))},e.race=function(t){return new e((function(e,r){Promise.race(t.map((function(e){return null!=e&&e.constructor&&"__typeson__type__"in e.constructor&&"TypesonPromise"===e.constructor.__typeson__type__?e.p:e}))).then(e,r);}))},e.allSettled=function(t){return new e((function(e,r){Promise.allSettled(t.map((function(e){return null!=e&&e.constructor&&"__typeson__type__"in e.constructor&&"TypesonPromise"===e.constructor.__typeson__type__?e.p:e}))).then(e,r);}))};var t=Object.hasOwn,r=Object.getPrototypeOf;function isThenable(e,t){return isObject(e)&&"function"==typeof e.then&&(!t||"function"==typeof e.catch)}function toStringTag(e){return Object.prototype.toString.call(e).slice(8,-1)}function hasConstructorOf(e,n){if(!e||"object"!==_typeof(e))return !1;var a=r(e);if(!a)return null===n;var o=t(a,"constructor")&&a.constructor;return "function"!=typeof o?null===n:n===o||null!==n&&Function.prototype.toString.call(o)===Function.prototype.toString.call(n)||"function"==typeof n&&"string"==typeof o.__typeson__type__&&o.__typeson__type__===n.__typeson__type__}function isPlainObject(e){return !(!e||"Object"!==toStringTag(e))&&(!r(e)||hasConstructorOf(e,Object))}function isUserObject(e){if(!e||"Object"!==toStringTag(e))return !1;var t=r(e);return !t||hasConstructorOf(e,Object)||isUserObject(t)}function isObject(e){return null!==e&&"object"===_typeof(e)}function escapeKeyPathComponent(e){return e.replaceAll("''","''''").replace(/^$/,"''").replaceAll("~","~0").replaceAll(".","~1")}function unescapeKeyPathComponent(e){return e.replaceAll("~1",".").replaceAll("~0","~").replace(/^''$/,"").replaceAll("''''","''")}function getByKeyPath(e,t){if(""===t)return e;if(null===e||"object"!==_typeof(e))throw new TypeError("Unexpected non-object type");var r=t.indexOf(".");if(r>-1){var n=e[unescapeKeyPathComponent(t.slice(0,r))];return void 0===n?void 0:getByKeyPath(n,t.slice(r+1))}return e[unescapeKeyPathComponent(t)]}function setAtKeyPath(e,t,r){if(""===t)return r;if(!e||"object"!==_typeof(e))throw new TypeError("Unexpected non-object type");var n=t.indexOf(".");return n>-1?setAtKeyPath(e[unescapeKeyPathComponent(t.slice(0,n))],t.slice(n+1),r):(e[unescapeKeyPathComponent(t)]=r,e)}function getJSONType(e){return null===e?"null":Array.isArray(e)?"array":_typeof(e)}function _await(e,t,r){return r?t?t(e):e:(e&&e.then||(e=Promise.resolve(e)),t?e.then(t):e)}var n=Object.keys,a=Object.hasOwn,o=Array.isArray,i=["type","replaced","iterateIn","iterateUnsetNumeric","addLength"];function _async(e){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];try{return Promise.resolve(e.apply(this,t))}catch(e){return Promise.reject(e)}}}function nestedPathsFirst(e,t){var r,n;if(""===e.keypath)return -1;var a=null!==(r=e.keypath.match(/\./g))&&void 0!==r?r:0,o=null!==(n=t.keypath.match(/\./g))&&void 0!==n?n:0;return a&&(a=a.length),o&&(o=o.length),a>o?-1:a<o?1:e.keypath<t.keypath?-1:e.keypath>t.keypath?1:0}var c=function(){function Typeson(e){_classCallCheck(this,Typeson),this.options=e,this.plainObjectReplacers=[],this.nonplainObjectReplacers=[],this.revivers={},this.types={};}return _createClass(Typeson,[{key:"stringify",value:function stringify(e,t,r,n){n=_objectSpread2(_objectSpread2(_objectSpread2({},this.options),n),{},{stringification:!0});var a=this.encapsulate(e,null,n);return o(a)?JSON.stringify(a[0],t,r):a.then((function(e){return JSON.stringify(e,t,r)}))}},{key:"stringifySync",value:function stringifySync(e,t,r,n){return this.stringify(e,t,r,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},n),{},{sync:!0}))}},{key:"stringifyAsync",value:function stringifyAsync(e,t,r,n){return this.stringify(e,t,r,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},n),{},{sync:!1}))}},{key:"parse",value:function parse(e,t,r){return r=_objectSpread2(_objectSpread2(_objectSpread2({},this.options),r),{},{parse:!0}),this.revive(JSON.parse(e,t),r)}},{key:"parseSync",value:function parseSync(e,t,r){return this.parse(e,t,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},r),{},{sync:!0}))}},{key:"parseAsync",value:function parseAsync(e,t,r){return this.parse(e,t,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},r),{},{sync:!1}))}},{key:"specialTypeNames",value:function specialTypeNames(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return r.returnTypeNames=!0,this.encapsulate(e,t,r)}},{key:"rootTypeName",value:function rootTypeName(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return r.iterateNone=!0,this.encapsulate(e,t,r)}},{key:"encapsulate",value:function encapsulate(t,r,c){var s=this,u=_objectSpread2(_objectSpread2({sync:!0},this.options),c),l=u.sync,f={},y=[],p=[],d=[],v=!("cyclic"in u)||u.cyclic,b=u.encapsulateObserver,m=function finish(e){var t=Object.values(f);if(u.iterateNone)return t.length?t[0]:getJSONType(e);if(t.length){if(u.returnTypeNames)return function _toConsumableArray(e){return function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}(e)||function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||_unsupportedIterableToArray(e)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(new Set(t));e&&isPlainObject(e)&&!a(e,"$types")?e.$types=f:e={$:e,$types:{$:f}};}else isObject(e)&&a(e,"$types")&&(e={$:e,$types:!0});return !u.returnTypeNames&&e},h=_async((function(t,r){return _await(Promise.all(r.map((function(e){return e[1].p}))),(function(n){return _await(Promise.all(n.map(_async((function(n){var a=!1,o=[],i=_slicedToArray(r.splice(0,1),1),c=_slicedToArray(i[0],7),s=c[0],u=c[2],l=c[3],f=c[4],y=c[5],p=c[6],d=O(s,n,u,l,o,!0,p),v=hasConstructorOf(d,e);return function _invoke(e,t){var r=e();return r&&r.then?r.then(t):t(r)}((function(){if(s&&v)return _await(d.p,(function(e){f[y]=e;var r=h(t,o);return a=!0,r}))}),(function(e){return a?e:(s?f[y]=d:t=v?d.p:d,h(t,o))}))})))),(function(){return t}))}))})),g=function _adaptBuiltinStateObjectProperties(e,t,r){Object.assign(e,t);var n=i.map((function(t){var r=e[t];return delete e[t],r}));r(),i.forEach((function(t,r){e[t]=n[r];}));},O=function _encapsulate(t,r,i,c,l,d,v){var m,h={},O=_typeof(r),w=b?function(n){var a,o=null!==(a=null!=v?v:c.type)&&void 0!==a?a:getJSONType(r);b(Object.assign(null!=n?n:h,{keypath:t,value:r,cyclic:i,stateObj:c,promisesData:l,resolvingTypesonPromise:d,awaitingTypesonPromise:hasConstructorOf(r,e)},{type:o}));}:null;if(["string","boolean","number","undefined"].includes(O))return void 0===r||Number.isNaN(r)||r===Number.NEGATIVE_INFINITY||r===Number.POSITIVE_INFINITY||0===r?(m=c.replaced?r:_(t,r,c,l,!1,d,w))!==r&&(h={replaced:m}):m=r,w&&w(),m;if(null===r)return w&&w(),r;if(i&&!c.iterateIn&&!c.iterateUnsetNumeric&&r&&"object"===_typeof(r)){var A=y.indexOf(r);if(!(A<0))return f[t]="#",w&&w({cyclicKeypath:p[A]}),"#"+p[A];!0===i&&(y.push(r),p.push(t));}var S,j,T=isPlainObject(r),N=o(r),I=(T||N)&&(!s.plainObjectReplacers.length||c.replaced)||c.iterateIn?r:_(t,r,c,l,T||N,null,w);if(I!==r?(m=I,h={replaced:I}):""===t&&hasConstructorOf(r,e)?(l.push([t,r,i,c,void 0,void 0,c.type]),m=r):N&&"object"!==c.iterateIn||"array"===c.iterateIn?(S=new Array(r.length),h={clone:S}):(["function","symbol"].includes(_typeof(r))||"toJSON"in r||hasConstructorOf(r,e)||hasConstructorOf(r,Promise)||hasConstructorOf(r,ArrayBuffer))&&!T&&"object"!==c.iterateIn?m=r:(S={},c.addLength&&(S.length=r.length),h={clone:S}),w&&w(),u.iterateNone)return null!==(j=S)&&void 0!==j?j:m;if(!S)return m;if(c.iterateIn){var P=function _loop(n){var o={ownKeys:a(r,n)};g(c,o,(function(){var a=t+(t?".":"")+escapeKeyPathComponent(n),o=_encapsulate(a,r[n],Boolean(i),c,l,d);hasConstructorOf(o,e)?l.push([a,o,Boolean(i),c,S,n,c.type]):void 0!==o&&(S[n]=o);}));};for(var E in r)P(E);w&&w({endIterateIn:!0,end:!0});}else n(r).forEach((function(n){var a=t+(t?".":"")+escapeKeyPathComponent(n);g(c,{ownKeys:!0},(function(){var t=_encapsulate(a,r[n],Boolean(i),c,l,d);hasConstructorOf(t,e)?l.push([a,t,Boolean(i),c,S,n,c.type]):void 0!==t&&(S[n]=t);}));})),w&&w({endIterateOwn:!0,end:!0});if(c.iterateUnsetNumeric){for(var x=r.length,C=function _loop2(n){if(!(n in r)){var a="".concat(t).concat(t?".":"").concat(n);g(c,{ownKeys:!1},(function(){var t=_encapsulate(a,void 0,Boolean(i),c,l,d);hasConstructorOf(t,e)?l.push([a,t,Boolean(i),c,S,n,c.type]):void 0!==t&&(S[n]=t);}));}},k=0;k<x;k++)C(k);w&&w({endIterateUnsetNumeric:!0,end:!0});}return S},_=function replace(e,t,r,n,a,o,i){for(var c=a?s.plainObjectReplacers:s.nonplainObjectReplacers,u=c.length;u--;){var y=c[u];if(y.test(t,r)){var p=y.type;if(s.revivers[p]){var d=f[e];f[e]=d?[p].concat(d):p;}if(Object.assign(r,{type:p,replaced:!0}),(l||!y.replaceAsync)&&!y.replace)return i&&i({typeDetected:!0}),O(e,t,v&&"readonly",r,n,o,p);i&&i({replacing:!0});var b=void 0;if(l||!y.replaceAsync){if(void 0===y.replace)throw new TypeError("Missing replacer");b=y.replace(t,r);}else b=y.replaceAsync(t,r);return O(e,b,v&&"readonly",r,n,o,p)}}return t},w=O("",t,v,null!=r?r:{},d);if(d.length)return l&&u.throwOnBadSyncType?function(){throw new TypeError("Sync method requested but async result obtained")}():Promise.resolve(h(w,d)).then(m);if(!l&&u.throwOnBadSyncType)throw new TypeError("Async method requested but sync result obtained");return u.stringification&&l?[m(w)]:l?m(w):Promise.resolve(m(w))}},{key:"encapsulateSync",value:function encapsulateSync(e,t,r){return this.encapsulate(e,t,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},r),{},{sync:!0}))}},{key:"encapsulateAsync",value:function encapsulateAsync(e,t,r){return this.encapsulate(e,t,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},r),{},{sync:!1}))}},{key:"revive",value:function revive(t,r){var a=this,i=_objectSpread2(_objectSpread2({sync:!0},this.options),r),c=i.sync;function finishRevival(e){if(c)return e;if(i.throwOnBadSyncType)throw new TypeError("Async method requested but sync result obtained");return Promise.resolve(e)}if(!t||"object"!==_typeof(t)||Array.isArray(t))return finishRevival(t);var u=t.$types;if(!0===u)return finishRevival(t.$);if(!u||"object"!==_typeof(u)||Array.isArray(u))return finishRevival(t);var l=[],f={},y=!0;u.$&&isPlainObject(u.$)&&(t=t.$,u=u.$,y=!1);var p=function executeReviver(e,t){var r,n=_slicedToArray(null!==(r=a.revivers[e])&&void 0!==r?r:[],1)[0];if(!n)throw new Error("Unregistered type: "+e);if(c&&!("revive"in n))return t;if(!c&&n.reviveAsync)return n.reviveAsync(t,f);if(n.revive)return n.revive(t,f);throw new Error("Missing reviver")},d=[];function checkUndefined(e){return hasConstructorOf(e,s)?void 0:e}var v,b=function revivePlainObjects(){var r=[];if(!u)throw new Error("Found bad `types`");if(Object.entries(u).forEach((function(e){var t=_slicedToArray(e,2),n=t[0],o=t[1];"#"!==o&&[].concat(o).forEach((function(e){var t;_slicedToArray(null!==(t=a.revivers[e])&&void 0!==t?t:[null,{}],2)[1].plain&&(r.push({keypath:n,type:e}),delete u[n]);}));})),r.length)return r.sort(nestedPathsFirst).reduce((function reducer(r,n){var a=n.keypath,o=n.type;if(isThenable(r))return r.then((function(e){return reducer(e,{keypath:a,type:o})}));var i=getByKeyPath(t,a);if(hasConstructorOf(i=p(o,i),e))return i.then((function(e){var r=setAtKeyPath(t,a,e);r===e&&(t=r);}));var c=setAtKeyPath(t,a,i);c===i&&(t=c);}),void 0)}();return hasConstructorOf(b,e)?v=b.then((function(){return t})):(v=function _revive(t,r,a,i,c){if(!y||"$types"!==t){var f=u[t],v=o(r);if(v||isPlainObject(r)){var b=v?new Array(r.length):{};for(n(r).forEach((function(n){var o=_revive(t+(t?".":"")+escapeKeyPathComponent(n),r[n],null!=a?a:b,b,n),i=function set(e){return hasConstructorOf(e,s)?b[n]=void 0:void 0!==e&&(b[n]=e),e};hasConstructorOf(o,e)?d.push(o.then((function(e){return i(e)}))):i(o);})),r=b;l.length;){var m=_slicedToArray(l[0],4),h=m[0],g=m[1],O=m[2],_=m[3],w=getByKeyPath(h,g);if(void 0===w)break;O[_]=w,l.splice(0,1);}}if(!f)return r;if("#"===f){var A=getByKeyPath(a,r.slice(1));return void 0===A&&l.push([a,r.slice(1),i,c]),A}return [].concat(f).reduce((function reducer(t,r){if(hasConstructorOf(t,e))return t.then((function(e){return reducer(e,r)}));if("string"!=typeof r)throw new TypeError("Bad type JSON");return p(r,t)}),r)}}("",t,null),d.length&&(v=e.resolve(v).then((function(t){return e.all([t].concat(d))})).then((function(e){return _slicedToArray(e,1)[0]})))),isThenable(v)?c&&i.throwOnBadSyncType?function(){throw new TypeError("Sync method requested but async result obtained")}():hasConstructorOf(v,e)?v.p.then(checkUndefined):v:!c&&i.throwOnBadSyncType?function(){throw new TypeError("Async method requested but sync result obtained")}():c?checkUndefined(v):Promise.resolve(checkUndefined(v))}},{key:"reviveSync",value:function reviveSync(e,t){return this.revive(e,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},t),{},{sync:!0}))}},{key:"reviveAsync",value:function reviveAsync(e,t){return this.revive(e,_objectSpread2(_objectSpread2({throwOnBadSyncType:!0},t),{},{sync:!1}))}},{key:"register",value:function register(e,t){var r=this,a=null!=t?t:{},i=function R(e){o(e)?e.forEach((function(e){return R(e)})):n(e).forEach((function(t){var n;if("#"===t)throw new TypeError("# cannot be used as a type name as it is reserved for cyclic objects");if(u.includes(t))throw new TypeError("Plain JSON object types are reserved as type names");var i=e[t],c=i&&"function"!=typeof i&&!Array.isArray(i)&&i.testPlainObjects?r.plainObjectReplacers:r.nonplainObjectReplacers,s=c.filter((function(e){return e.type===t}));if(s.length&&(c.splice(c.indexOf(s[0]),1),delete r.revivers[t],delete r.types[t]),"function"==typeof i){var l=i;i={test:function test(e){return e&&e.constructor===l},replace:function replace(e){return _objectSpread2({},e)},revive:function revive(e){return Object.assign(Object.create(l.prototype),e)}};}else if(o(i)){var f=_slicedToArray(i,3);i={test:f[0],replace:f[1],revive:f[2]};}if(null!==(n=i)&&void 0!==n&&n.test){var y={type:t,test:i.test.bind(i)};i.replace&&(y.replace=i.replace.bind(i)),i.replaceAsync&&(y.replaceAsync=i.replaceAsync.bind(i));var p="number"==typeof a.fallback?a.fallback:a.fallback?0:Number.POSITIVE_INFINITY;if(i.testPlainObjects?r.plainObjectReplacers.splice(p,0,y):r.nonplainObjectReplacers.splice(p,0,y),i.revive||i.reviveAsync){var d={};i.revive&&(d.revive=i.revive.bind(i)),i.reviveAsync&&(d.reviveAsync=i.reviveAsync.bind(i)),r.revivers[t]=[d,{plain:i.testPlainObjects}];}r.types[t]=i;}}));};return [].concat(e).forEach((function(e){return i(e)})),this}}]),Typeson}(),s=_createClass((function Undefined(){_classCallCheck(this,Undefined);}));s.__typeson__type__="TypesonUndefined";for(var u=["null","boolean","number","string","array","object"],l="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",f=new Uint8Array(256),y=0;y<64;y++)f[l.codePointAt(y)]=y;var p=function encode(e,t,r){null==r&&(r=e.byteLength);for(var n=new Uint8Array(e,t||0,r),a=n.length,o="",i=0;i<a;i+=3)o+=l[n[i]>>2],o+=l[(3&n[i])<<4|n[i+1]>>4],o+=l[(15&n[i+1])<<2|n[i+2]>>6],o+=l[63&n[i+2]];return a%3==2?o=o.slice(0,-1)+"=":a%3==1&&(o=o.slice(0,-2)+"=="),o},d=function decode(e){var t=e.length;if(t%4)throw new Error("Bad base64 length: not divisible by four");var r,n,a,o,i=.75*e.length,c=0;"="===e[e.length-1]&&(i--,"="===e[e.length-2]&&i--);for(var s=new ArrayBuffer(i),u=new Uint8Array(s),l=0;l<t;l+=4)r=f[e.codePointAt(l)],n=f[e.codePointAt(l+1)],a=f[e.codePointAt(l+2)],o=f[e.codePointAt(l+3)],u[c++]=r<<2|n>>4,u[c++]=(15&n)<<4|a>>2,u[c++]=(3&a)<<6|63&o;return s};const v={arraybuffer:{test:e=>"ArrayBuffer"===toStringTag(e),replace(e,t){t.buffers||(t.buffers=[]);const r=t.buffers.indexOf(e);return r>-1?{index:r}:(t.buffers.push(e),p(e))},revive(e,t){if(t.buffers||(t.buffers=[]),"object"==typeof e)return t.buffers[e.index];const r=d(e);return t.buffers.push(r),r}}},b={bigintObject:{test:e=>"object"==typeof e&&hasConstructorOf(e,BigInt),replace:String,revive:e=>new Object(BigInt(e))}},m={bigint:{test:e=>"bigint"==typeof e,replace:String,revive:e=>BigInt(e)}};function string2arraybuffer(e){const t=new Uint8Array(e.length);for(let r=0;r<e.length;r++)t[r]=e.charCodeAt(r);return t.buffer}const h={blob:{test:e=>"Blob"===toStringTag(e),replace(e){const t=new XMLHttpRequest;if(t.overrideMimeType("text/plain; charset=x-user-defined"),t.open("GET",URL.createObjectURL(e),!1),t.send(),200!==t.status&&0!==t.status)throw new Error("Bad Blob access: "+t.status);return {type:e.type,stringContents:t.responseText}},revive(e){const{type:t,stringContents:r}=e;return new Blob([string2arraybuffer(r)],{type:t})},replaceAsync:t=>new e(((e,r)=>{const n=new FileReader;n.addEventListener("load",(()=>{e({type:t.type,stringContents:n.result});})),n.addEventListener("error",(()=>{r(n.error);})),n.readAsBinaryString(t);}))}};function generateUUID(){let e=Date.now()+("undefined"!=typeof performance&&"function"==typeof performance.now?performance.now():0);return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replaceAll(/[xy]/gu,(function(t){const r=Math.trunc((e+16*Math.random())%16);return e=Math.floor(e/16),("x"===t?r:3&r|8).toString(16)}))}const _={cryptokey:{test:e=>"CryptoKey"===toStringTag(e)&&e.extractable,replaceAsync:t=>new e((async(e,r)=>{let n;try{n=await crypto.subtle.exportKey("jwk",t);}catch(e){return void r(e)}e({jwk:n,algorithm:t.algorithm,usages:t.usages});})),revive(e){const{jwk:t,algorithm:r,usages:n}=e;return crypto.subtle.importKey("jwk",t,r,!0,n)}}},w={dataview:{test:e=>"DataView"===toStringTag(e),replace({buffer:e,byteOffset:t,byteLength:r},n){n.buffers||(n.buffers=[]);const a=n.buffers.indexOf(e);return a>-1?{index:a,byteOffset:t,byteLength:r}:(n.buffers.push(e),{encoded:p(e),byteOffset:t,byteLength:r})},revive(e,t){t.buffers||(t.buffers=[]);const{byteOffset:r,byteLength:n,encoded:a,index:o}=e;let i;return "index"in e?i=t.buffers[o]:(i=d(a),t.buffers.push(i)),new DataView(i,r,n)}}},A={date:{test:e=>"Date"===toStringTag(e),replace(e){const t=e.getTime();return Number.isNaN(t)?"NaN":t},revive:e=>"NaN"===e?new Date(Number.NaN):new Date(e)}},S={domexception:{test:e=>"DOMException"===toStringTag(e),replace:e=>({name:e.name,message:e.message}),revive:({message:e,name:t})=>new DOMException(e,t)}},j={};function create$5(e){j[e.name.toLowerCase()]={test:t=>toStringTag(t)===e.name,replace:e=>e.is2D?{a:e.a,b:e.b,c:e.c,d:e.d,e:e.e,f:e.f}:{m11:e.m11,m12:e.m12,m13:e.m13,m14:e.m14,m21:e.m21,m22:e.m22,m23:e.m23,m24:e.m24,m31:e.m31,m32:e.m32,m33:e.m33,m34:e.m34,m41:e.m41,m42:e.m42,m43:e.m43,m44:e.m44},revive:t=>Object.hasOwn(t,"a")?new e([t.a,t.b,t.c,t.d,t.e,t.f]):new e([t.m11,t.m12,t.m13,t.m14,t.m21,t.m22,t.m23,t.m24,t.m31,t.m32,t.m33,t.m34,t.m41,t.m42,t.m43,t.m44])};}"undefined"!=typeof DOMMatrix&&create$5(DOMMatrix),"undefined"!=typeof DOMMatrixReadOnly&&create$5(DOMMatrixReadOnly);const T={};function create$4(e){T[e.name.toLowerCase()]={test:t=>toStringTag(t)===e.name,replace:e=>({x:e.x,y:e.y,z:e.z,w:e.w}),revive:({x:t,y:r,z:n,w:a})=>new e(t,r,n,a)};}"undefined"!=typeof DOMPoint&&create$4(DOMPoint),"undefined"!=typeof DOMPointReadOnly&&create$4(DOMPointReadOnly);const N={domquad:{test:e=>"DOMQuad"===toStringTag(e),replace:e=>({p1:e.p1,p2:e.p2,p3:e.p3,p4:e.p4}),revive:({p1:e,p2:t,p3:r,p4:n})=>new DOMQuad(e,t,r,n)}},I={};function create$3(e){I[e.name.toLowerCase()]={test:t=>toStringTag(t)===e.name,replace:e=>({x:e.x,y:e.y,width:e.width,height:e.height}),revive:({x:t,y:r,width:n,height:a})=>new e(t,r,n,a)};}"undefined"!=typeof DOMRect&&create$3(DOMRect),"undefined"!=typeof DOMRectReadOnly&&create$3(DOMRectReadOnly);const P={error:{test:e=>"Error"===toStringTag(e),replace:({name:e,message:t,cause:r,stack:n,fileName:a,lineNumber:o,columnNumber:i})=>({name:e,message:t,cause:r,stack:n,fileName:a,lineNumber:o,columnNumber:i}),revive(e){const t=new Error(e.message);return t.name=e.name,t.cause=e.cause,t.stack=e.stack,t.fileName=e.fileName,t.lineNumber=e.lineNumber,t.columnNumber=e.columnNumber,t}}},E={};function create$2(e){E[e.name.toLowerCase()]={test:t=>hasConstructorOf(t,e),replace:({name:e,message:t,cause:r,stack:n,fileName:a,lineNumber:o,columnNumber:i,errors:c})=>({name:e,message:t,cause:r,stack:n,fileName:a,lineNumber:o,columnNumber:i,errors:c}),revive(t){const r="undefined"!=typeof AggregateError&&e===AggregateError?new e(t.errors,t.message):new e(t.message);return r.name=t.name,r.cause=t.cause,r.stack=t.stack,r.fileName=t.fileName,r.lineNumber=t.lineNumber,r.columnNumber=t.columnNumber,r}};}[TypeError,RangeError,SyntaxError,ReferenceError,EvalError,URIError].forEach((e=>create$2(e))),"undefined"!=typeof AggregateError&&create$2(AggregateError),"function"==typeof InternalError&&create$2(InternalError);const x={file:{test:e=>"File"===toStringTag(e),replace(e){const t=new XMLHttpRequest;if(t.overrideMimeType("text/plain; charset=x-user-defined"),t.open("GET",URL.createObjectURL(e),!1),t.send(),200!==t.status&&0!==t.status)throw new Error("Bad File access: "+t.status);return {type:e.type,stringContents:t.responseText,name:e.name,lastModified:e.lastModified}},revive:({name:e,type:t,stringContents:r,lastModified:n})=>new File([string2arraybuffer(r)],e,{type:t,lastModified:n}),replaceAsync:t=>new e((function(e,r){const n=new FileReader;n.addEventListener("load",(function(){e({type:t.type,stringContents:n.result,name:t.name,lastModified:t.lastModified});})),n.addEventListener("error",(function(){r(n.error);})),n.readAsBinaryString(t);}))}},C={file:x.file,filelist:{test:e=>"FileList"===toStringTag(e),replace(e){const t=[];for(let r=0;r<e.length;r++)t[r]=e.item(r);return t},revive(e){class FileList{constructor(){this._files=arguments[0],this.length=this._files.length;}item(e){return this._files[e]}get[Symbol.toStringTag](){return "FileList"}}return new FileList(e)}}},k={imagebitmap:{test:e=>"ImageBitmap"===toStringTag(e)||e&&e.dataset&&"ImageBitmap"===e.dataset.toStringTag,replace(e){const t=document.createElement("canvas");return t.getContext("2d").drawImage(e,0,0),t.toDataURL()},revive(e){const t=document.createElement("canvas"),r=t.getContext("2d"),n=document.createElement("img");return n.addEventListener("load",(function(){r.drawImage(n,0,0);})),n.src=e,t},reviveAsync(t){const r=document.createElement("canvas"),n=r.getContext("2d"),a=document.createElement("img");return a.addEventListener("load",(function(){n.drawImage(a,0,0);})),a.src=t,new e((async(e,t)=>{try{e(await createImageBitmap(r));}catch(e){t(e);}}))}}},B={imagedata:{test:e=>"ImageData"===toStringTag(e),replace:e=>({array:[...e.data],width:e.width,height:e.height}),revive:e=>new ImageData(new Uint8ClampedArray(e.array),e.width,e.height)}},U$1={infinity:{test:e=>e===Number.POSITIVE_INFINITY,replace:()=>"Infinity",revive:()=>Number.POSITIVE_INFINITY}},K={map:{test:e=>"Map"===toStringTag(e),replace:e=>[...e.entries()],revive:e=>new Map(e)}},L={nan:{test:e=>Number.isNaN(e),replace:()=>"NaN",revive:()=>Number.NaN}},F={negativeInfinity:{test:e=>e===Number.NEGATIVE_INFINITY,replace:()=>"-Infinity",revive:()=>Number.NEGATIVE_INFINITY}},$$1={negativeZero:{test:e=>Object.is(e,-0),replace:()=>0,revive:()=>-0}},V={StringObject:{test:e=>"String"===toStringTag(e)&&"object"==typeof e,replace:String,revive:e=>new String(e)},BooleanObject:{test:e=>"Boolean"===toStringTag(e)&&"object"==typeof e,replace:Boolean,revive:e=>new Boolean(e)},NumberObject:{test:e=>"Number"===toStringTag(e)&&"object"==typeof e,replace:Number,revive:e=>new Number(e)}},q={regexp:{test:e=>"RegExp"===toStringTag(e),replace:e=>({source:e.source,flags:(e.global?"g":"")+(e.ignoreCase?"i":"")+(e.multiline?"m":"")+(e.sticky?"y":"")+(e.unicode?"u":"")}),revive:({source:e,flags:t})=>new RegExp(e,t)}},Y={},W={resurrectable:{test:e=>e&&!Array.isArray(e)&&["object","function","symbol"].includes(typeof e),replace(e){const t=generateUUID();return Y[t]=e,t},revive:e=>Y[e]}},G={set:{test:e=>"Set"===toStringTag(e),replace:e=>[...e.values()],revive:e=>new Set(e)}},H={};"function"==typeof Int8Array&&[Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array,..."function"==typeof BigInt64Array?[BigInt64Array,BigUint64Array]:[]].forEach((e=>function create$1(e){const t=e.name;H[t.toLowerCase()]={test:e=>toStringTag(e)===t,replace:e=>(0===e.byteOffset&&e.byteLength===e.buffer.byteLength?e:e.slice(0)).buffer,revive:t=>"ArrayBuffer"===toStringTag(t)?new e(t):t};}(e)));const z={};"function"==typeof Int8Array&&[Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array,..."function"==typeof BigInt64Array?[BigInt64Array,BigUint64Array]:[]].forEach((e=>function create(e){const t=e.name;z[t.toLowerCase()]={test:e=>toStringTag(e)===t,replace({buffer:e,byteOffset:t,length:r},n){n.buffers||(n.buffers=[]);const a=n.buffers.indexOf(e);return a>-1?{index:a,byteOffset:t,length:r}:(n.buffers.push(e),{encoded:p(e),byteOffset:t,length:r})},revive(t,r){r.buffers||(r.buffers=[]);const{byteOffset:n,length:a,encoded:o,index:i}=t;let c;return "index"in t?c=r.buffers[i]:(c=d(o),r.buffers.push(c)),new e(c,n,a)}};}(e)));const Q={undef:{test:(e,t)=>void 0===e&&(t.ownKeys||!("ownKeys"in t)),replace:()=>0,revive:()=>new s}},X={userObject:{test:e=>isUserObject(e),replace:e=>({...e}),revive:e=>e}},Z=[{arrayNonindexKeys:{testPlainObjects:!0,test:(e,t)=>!!Array.isArray(e)&&(Object.keys(e).some((e=>String(Number.parseInt(e))!==e))&&(t.iterateIn="object",t.addLength=!0),!0),replace:(e,t)=>(t.iterateUnsetNumeric=!0,e),revive(e){if(Array.isArray(e))return e;const t=[];return Object.entries(e).forEach((([e,r])=>{t[e]=r;})),t}}},{sparseUndefined:{test:(e,t)=>void 0===e&&!1===t.ownKeys,replace:()=>0,revive(){}}}],ee=[L,U$1,F,$$1],oe=[X,Q,Z,V,ee,A,q,B,k,x,C,h,P,E].concat("function"==typeof Map?K:[],"function"==typeof Set?G:[],"function"==typeof ArrayBuffer?v:[],"function"==typeof Uint8Array?z:[],"function"==typeof DataView?w:[],"undefined"!=typeof crypto?_:[],"undefined"!=typeof BigInt?[m,b]:[],"undefined"!=typeof DOMException?S:[],"undefined"!=typeof DOMRect?I:[],"undefined"!=typeof DOMPoint?T:[],"undefined"!=typeof DOMQuad?N:[],"undefined"!=typeof DOMMatrix?j:[]),ie=oe.concat({checkDataCloneException:{test(e){const t={}.toString.call(e).slice(8,-1);if(["symbol","function"].includes(typeof e)||["Arguments","Module","Promise","WeakMap","WeakSet","Event","MessageChannel"].includes(t)||e&&"object"==typeof e&&"number"==typeof e.nodeType&&"function"==typeof e.insertBefore)throw new DOMException("The object cannot be cloned.","DataCloneError");return !1}}});
 
 const nbsp = '\u00A0';
 const upArrow = '\u2191';
@@ -3082,6 +3082,15 @@ const json = {
   }
 };
 
+// We modify resurrectable in hopes an including application doesn't need it
+/** @type {import('typeson').TypeSpecSet} */ (
+  W.resurrectable
+).test = /** @type {import('typeson').Tester} */ (x) => {
+  return x && typeof x === 'object' && !Array.isArray(x) &&
+          // Could be a user object with a string tag, but we can't tell
+          toStringTag(x) !== 'Object';
+};
+
 /**
  * @typedef {(info: {
  *   propName: string,
@@ -3164,8 +3173,6 @@ const encapsulateObserver = (stateObj) => {
       return;
     }
 
-    // console.log('observerObj', observerObj);
-
     /** @type {import('../types.js').AvailableType} */
     let newType;
     let newValue = value;
@@ -3469,15 +3476,35 @@ const canonicalToAvailableType = (
 const structuredCloning = {
   iterate (records, stateObj) {
     // console.log('records', records);
+    /* istanbul ignore if -- Just a guard */
     if (!stateObj.format) {
       stateObj.format = 'structuredCloning';
     }
     // Todo: Replace this with async typeson?
     // eslint-disable-next-line promise/avoid-new
     return new Promise((resolve, reject) => {
+      const structuredCloningFixed = ie.filter(
+        (typeSpecSet) => {
+          return ![
+            // Not yet supported within JSOE
+            'imagedata',
+            'imagebitmap',
+            'cryptokey',
+            'domquad'
+          ].some((prop) => {
+            return Object.hasOwn(typeSpecSet, prop);
+          });
+        }
+      );
+      structuredCloningFixed.splice(
+        // Add after userObjects
+        1,
+        0,
+        W
+      );
       const typeson = new c({
         encapsulateObserver: encapsulateObserver(stateObj)
-      }).register(ae);
+      }).register(structuredCloningFixed);
       typeson.encapsulate(records);
       // Todo (low): We might want to run async encapsulate for
       //   async types (and put this after Promise resolves)
@@ -3555,25 +3582,14 @@ const structuredCloning = {
       'domexception',
       'domrect',
       'dompoint',
-      'dommatrix'
+      'dommatrix',
+      'buffersource',
+      'resurrectable'
 
       // Ok, but will need some work and/or decisions on how to present:
       // 'cryptokey',
-
-      // 'arraybuffer',
-      // 'dataview', 'imagedata', 'imagebitmap',
-      /*
-      // Typed Arrays
-        'int8array',
-        'uint8array',
-        'uint8clampedarray',
-        'int16array',
-        'uint16array',
-        'int32array',
-        'uint32array',
-        'float32array',
-        'float64array',
-      */
+      // 'domquad',
+      // 'imagedata', 'imagebitmap',
     ];
   }
 };
@@ -3581,7 +3597,8 @@ const structuredCloning = {
 /** @type {import('../formats.js').Format} */
 const indexedDBKey = {
   types: () => [
-    'number', 'SpecialRealNumber', 'string', 'ValidDate', 'array'
+    'number', 'SpecialRealNumber', 'string', 'ValidDate', 'array',
+    'buffersource'
   ],
   // A hack until we simply pass in our own types or do own parsing
   testInvalid (newType, value) {
@@ -3619,8 +3636,6 @@ const indexedDBKey = {
   }
 };
 
-// Todo (low): Support ArrayBuffer
-
 /**
  * @type {Map<import('../types.js').AvailableType,
 *   import('../types.js').AvailableType>
@@ -3927,7 +3942,7 @@ const blobHTMLType = {
     );
   },
   getValue ({root}) {
-    return this.toValue(
+    return /** @type {import('../types.js').ToValue} */ (this.toValue)(
       'data:text/html,' + /** @type {SCEditorTextarea} */ (
         this.getInput({root})
       ).sceditorInstance.val()
@@ -4400,7 +4415,9 @@ const objectReferenceType = {
   type: 'object',
   stringRegex: /^objectRef\((?:|\/[^)]*)\)$/u,
   toValue (...args) {
-    return arrayReferenceType.toValue.apply(this, args);
+    return /** @type {import('../types.js').ToValue} */ (
+      arrayReferenceType.toValue
+    ).apply(this, args);
   },
   resolveReference (...args) {
     return arrayReferenceType.resolveReference?.apply(
@@ -6190,7 +6207,9 @@ const arrayType = {
             //    and object reference checking?
             if (![
               'checkbox', 'radio', 'file',
-              'datetime-local'
+              'datetime-local',
+              // For label radio clicks
+              undefined
             ].includes(target.type)) {
               e.preventDefault();
             }
@@ -6211,7 +6230,7 @@ const arrayType = {
                * @this {HTMLInputElement}
                */
               change () {
-                /* c8 ignore next 3 */
+                /* istanbul ignore if */
                 if (!this.files) {
                   return;
                 }
@@ -6248,7 +6267,9 @@ const objectType = {
   stringRegexBegin: /^\{/u,
   stringRegexEnd: /^\}/u,
   toValue (...args) {
-    return arrayType.toValue.apply(this, args);
+    return /** @type {import('../types.js').ToValue} */ (
+      arrayType.toValue
+    ).apply(this, args);
   },
   getValue (...args) {
     return arrayType.getValue.apply(this, args);
@@ -6340,9 +6361,13 @@ const dateType = {
   },
   getValue ({root}) {
     if (this.isInvalid({root})) {
-      return this.toValue('NaN').value;
+      return /** @type {import('../types.js').ToValue} */ (
+        this.toValue
+      )('NaN').value;
     }
-    return this.toValue(this.getInput({root}).value).value;
+    return /** @type {import('../types.js').ToValue} */ (
+      this.toValue
+    )(this.getInput({root}).value).value;
   },
   isValueInvalid (value) {
     return value && Number.isNaN(value.getTime());
@@ -6429,7 +6454,9 @@ const setType = {
   stringRegexBegin: /^Set\(/u,
   stringRegexEnd: /^\)/u,
   toValue (...args) {
-    return arrayType.toValue.apply(this, args);
+    return /** @type {import('../types.js').ToValue} */ (
+      arrayType.toValue
+    ).apply(this, args);
   },
   getValue (...args) {
     return arrayType.getValue.apply(this, args);
@@ -6460,7 +6487,9 @@ const mapType = {
   stringRegexBegin: /^Map\(/u,
   stringRegexEnd: /^\)/u,
   toValue (...args) {
-    return arrayType.toValue.apply(this, args);
+    return /** @type {import('../types.js').ToValue} */ (
+      arrayType.toValue
+    ).apply(this, args);
   },
   getValue (...args) {
     return arrayType.getValue.apply(this, args);
@@ -6490,7 +6519,9 @@ const undefinedType = {
     return {value: undefined};
   },
   getValue () {
-    return this.toValue('').value;
+    return /** @type {import('../types.js').ToValue} */ (
+      this.toValue
+    )('').value;
   },
   viewUI (/* {value} */) {
     return ['i', {dataset: {type: 'undef'}}, ['undefined']];
@@ -6640,7 +6671,9 @@ const BooleanObjectType = {
     return /** @type {HTMLInputElement} */ ($e(root, 'input'));
   },
   getValue ({root}) {
-    return this.toValue(String(/** @type {HTMLInputElement} */ (
+    return /** @type {import('../types.js').ToValue} */ (
+      this.toValue
+    )(String(/** @type {HTMLInputElement} */ (
       this.getInput({root})
     ).checked)).value;
   },
@@ -6697,7 +6730,9 @@ const NumberObjectType = {
     return /** @type {HTMLInputElement} */ ($e(root, 'input'));
   },
   getValue ({root}) {
-    return this.toValue(this.getInput({root}).value).value;
+    return /** @type {import('../types.js').ToValue} */ (
+      this.toValue
+    )(this.getInput({root}).value).value;
   },
   setValue ({root, value}) {
     this.getInput({root}).value = String(value);
@@ -6732,7 +6767,9 @@ const StringObjectType = {
     return /** @type {HTMLTextAreaElement} */ ($e(root, 'textarea'));
   },
   getValue ({root}) {
-    return this.toValue(this.getInput({root}).value).value;
+    return /** @type {import('../types.js').ToValue} */ (
+      this.toValue
+    )(this.getInput({root}).value).value;
   },
   setValue ({root, value}) {
     this.getInput({root}).value = value;
@@ -6752,7 +6789,7 @@ const StringObjectType = {
 };
 
 /**
- * @type {import('./SpecialNumberType.js').SuperTypeObject}
+ * @type {import('../types.js').SuperTypeObject}
  */
 const SpecialRealNumberSuperType = {
   option: ['Special Real Number', {title: '`Infinity`, `-Infinity`, `-0`'}],
@@ -6771,7 +6808,7 @@ const SpecialRealNumberSuperType = {
     return /** @type {HTMLSelectElement} */ ($e(root, 'select'));
   },
   getValue ({root}) {
-    return this.toValue(
+    return /** @type {import('../types.js').ToValue} */ (this.toValue)(
       /** @type {Required<import('../types.js').TypeObject>} */ (
         this
       ).getSelect({root}).value
@@ -6812,13 +6849,7 @@ const SpecialRealNumberSuperType = {
 };
 
 /**
- * @typedef {import('../types.js').TypeObject & {
- *   childTypes: string[]
- * }} SuperTypeObject
- */
-
-/**
- * @type {SuperTypeObject}
+ * @type {import('../types.js').SuperTypeObject}
  */
 const SpecialNumberSuperType = {
   option: ['Special Number', {title: '`NaN`, `Infinity`, `-Infinity`, `-0`'}],
@@ -6843,7 +6874,7 @@ const SpecialNumberSuperType = {
     return /** @type {HTMLSelectElement} */ ($e(root, 'select'));
   },
   getValue ({root}) {
-    return this.toValue(
+    return /** @type {import('../types.js').ToValue} */ (this.toValue)(
       /** @type {Required<import('../types.js').TypeObject>} */ (
         this
       ).getSelect({root}).value
@@ -6893,7 +6924,7 @@ const errorType = {
   toValue (s) {
     const obj = JSON.parse(s);
     const errObj = /** @type {{revive: import('typeson-registry').Reviver}} */ (
-      I.error
+      P.error
     ).revive(obj, {});
     return {value: errObj};
   },
@@ -7340,7 +7371,7 @@ if (typeof InternalError !== 'undefined') {
 const specialErrors = [...specialErrorsMap.keys()];
 
 /**
- * @type {import('./SpecialNumberType.js').SuperTypeObject}
+ * @type {import('../types.js').SuperTypeObject}
  */
 const errorsSpecialType = {
   option: ['Special errors'],
@@ -7361,7 +7392,7 @@ const errorsSpecialType = {
 
     const obj = JSON.parse(s);
     const errObj = /** @type {{revive: import('typeson-registry').Reviver}} */ (
-      P[errorClass.toLowerCase()]
+      E[errorClass.toLowerCase()]
     ).revive(obj, {});
     return {value: errObj};
   },
@@ -8145,9 +8176,10 @@ async function getUserMedia (constraints) {
   let stream = null;
   try {
     stream = await navigator.mediaDevices.getUserMedia(constraints);
-  /* c8 ignore next 4 */
   } catch (err) {
+    /* istanbul ignore next */
     console.error('err', err);
+    /* istanbul ignore next */
     return null;
   }
   return stream;
@@ -8163,8 +8195,8 @@ async function startScreenCapture (displayMediaOptions) {
   try {
     captureStream =
       await navigator.mediaDevices.getDisplayMedia(displayMediaOptions);
-  /* c8 ignore next 3 */
   } catch (err) {
+    /* istanbul ignore next */
     console.error(`Error: ${err}`);
   }
   return captureStream;
@@ -8299,7 +8331,7 @@ function binaryButton$1 (value, editable) {
                 ['textarea', {
                   class: 'view-binary'
                 }, [
-                  /* c8 ignore next */
+                  /* istanbul ignore next */
                   /** @type {string|null} */ (reader.result) ?? ''
                 ]]
               ])]
@@ -8307,12 +8339,13 @@ function binaryButton$1 (value, editable) {
           });
         });
         // Seems not feasible to accurately simulate
-        /* c8 ignore next 10 */
         reader.addEventListener(
           'error',
-          /* c8 ignore next 6 */
+          /* istanbul ignore next */
           async function () {
+            /* istanbul ignore next */
             console.error(reader.error);
+            /* istanbul ignore next */
             await dialogs.alert(/** @type {string} */ (
               /** @type {DOMException} */ (reader.error).message
             ));
@@ -8391,18 +8424,19 @@ const fileType = {
               'Text source',
               ['br'],
               ['textarea', {class: 'view-text'}, [
-                /* c8 ignore next */
+                /* istanbul ignore next */
                 /** @type {string|null} */ (reader.result) ?? ''
               ]]
             ]));
           });
           // Seems not feasible to accurately simulate
-          /* c8 ignore next 10 */
           reader.addEventListener(
             'error',
-            /* c8 ignore next 6 */
+            /* istanbul ignore next */
             function () {
+              /* istanbul ignore next */
               console.error(reader.error);
+              /* istanbul ignore next */
               div.append(
                 /** @type {DOMException} */ (reader.error).message
               );
@@ -8715,7 +8749,7 @@ const fileType = {
                * @this {HTMLInputElement}
                */
               change () {
-                /* c8 ignore next 3 -- TS */
+                /* istanbul ignore if -- TS */
                 if (!this.files) {
                   return;
                 }
@@ -8863,7 +8897,7 @@ const fileType = {
 
                   if (constraints) {
                     const mediaStream = await getUserMedia(constraints);
-                    /* c8 ignore next 4 */
+                    /* istanbul ignore if */
                     if (!mediaStream) {
                       await dialogs.alert('Error getting user media');
                       return;
@@ -8911,7 +8945,7 @@ const fileType = {
                     const mediaStream = await startScreenCapture(
                       screenShareConstraints
                     );
-                    /* c8 ignore next 4 */
+                    /* istanbul ignore if */
                     if (!mediaStream) {
                       await dialogs.alert('Error getting user media');
                       return;
@@ -8994,7 +9028,7 @@ const fileType = {
                     'video.previewMedia'
                   ));
 
-                /* c8 ignore next 4 */
+                /* istanbul ignore if */
                 if (!previewMedia.srcObject) {
                   dialogs.alert('No stream found to record');
                   return;
@@ -9027,7 +9061,7 @@ const fileType = {
 
                 try {
                   mediaRecorder.start();
-                /* c8 ignore next 4 */
+                /* istanbul ignore if */
                 } catch (err) {
                   dialogs.alert('Error starting media recorder');
                   return;
@@ -9167,7 +9201,7 @@ const fileType = {
                   ($e(videoContainer, 'img.photo'));
 
                 canvas.toBlob((blob) => {
-                  /* c8 ignore next 4 */
+                  /* istanbul ignore if */
                   if (!blob) {
                     dialogs.alert('Error converting canvas to Blob');
                     return;
@@ -9284,7 +9318,9 @@ const filelistType = {
   stringRegexEnd: /^\)/u,
 
   toValue (...args) {
-    return arrayType.toValue.apply(this, args);
+    return /** @type {import('../types.js').ToValue} */ (
+      arrayType.toValue
+    ).apply(this, args);
   },
   getValue (...args) {
     return arrayType.getValue.apply(this, args);
@@ -9411,7 +9447,7 @@ function binaryButton (value, editable) {
                 ['textarea', {
                   class: 'view-binary'
                 }, [
-                  /* c8 ignore next */
+                  /* istanbul ignore next */
                   /** @type {string|null} */ (reader.result) ?? ''
                 ]]
               ])]
@@ -9419,12 +9455,13 @@ function binaryButton (value, editable) {
           });
         });
         // Seems not feasible to accurately simulate
-        /* c8 ignore next 10 */
         reader.addEventListener(
           'error',
-          /* c8 ignore next 6 */
+          /* istanbul ignore next */
           async function () {
+            /* istanbul ignore next */
             console.error(reader.error);
+            /* istanbul ignore next */
             await dialogs.alert(/** @type {string} */ (
               /** @type {DOMException} */ (reader.error).message
             ));
@@ -9492,18 +9529,19 @@ const blobType = {
               'Text source',
               ['br'],
               ['textarea', {class: 'view-text'}, [
-                /* c8 ignore next */
+                /* istanbul ignore next */
                 /** @type {string|null} */ (reader.result) ?? ''
               ]]
             ]));
           });
           // Seems not feasible to accurately simulate
-          /* c8 ignore next 10 */
           reader.addEventListener(
             'error',
-            /* c8 ignore next 6 */
+            /* istanbul ignore next */
             function () {
+              /* istanbul ignore next */
               console.error(reader.error);
+              /* istanbul ignore next */
               div.append(
                 /** @type {DOMException} */ (reader.error).message
               );
@@ -9680,7 +9718,7 @@ const blobType = {
               blob
             ).slice(8, -1) === 'Blob'
               ? /** @type {Blob} */ (blob)
-              /* c8 ignore next */
+              /* istanbul ignore next */
               : undefined;
           }
         }
@@ -9750,7 +9788,7 @@ const blobType = {
                * @this {HTMLInputElement}
                */
               change () {
-                /* c8 ignore next 3 -- TS */
+                /* istanbul ignore if -- TS */
                 if (!this.files) {
                   return;
                 }
@@ -9902,7 +9940,7 @@ const blobType = {
 
                   if (constraints) {
                     const mediaStream = await getUserMedia(constraints);
-                    /* c8 ignore next 4 */
+                    /* istanbul ignore if */
                     if (!mediaStream) {
                       await dialogs.alert('Error getting user media');
                       return;
@@ -9950,7 +9988,7 @@ const blobType = {
                     const mediaStream = await startScreenCapture(
                       screenShareConstraints
                     );
-                    /* c8 ignore next 4 */
+                    /* istanbul ignore if */
                     if (!mediaStream) {
                       await dialogs.alert('Error getting user media');
                       return;
@@ -10033,7 +10071,7 @@ const blobType = {
                     'video.previewMedia'
                   ));
 
-                /* c8 ignore next 4 */
+                /* istanbul ignore if */
                 if (!previewMedia.srcObject) {
                   dialogs.alert('No stream found to record');
                   return;
@@ -10066,9 +10104,11 @@ const blobType = {
 
                 try {
                   mediaRecorder.start();
-                /* c8 ignore next 4 */
+                /* istanbul ignore next */
                 } catch (err) {
+                  /* istanbul ignore next */
                   dialogs.alert('Error starting media recorder');
+                  /* istanbul ignore next */
                   return;
                 }
                 mediaRecorder.addEventListener('stop', () => {
@@ -10199,7 +10239,7 @@ const blobType = {
                   ($e(videoContainer, 'img.photo'));
 
                 canvas.toBlob((blob) => {
-                  /* c8 ignore next 4 */
+                  /* istanbul ignore if */
                   if (!blob) {
                     dialogs.alert('Error converting canvas to Blob');
                     return;
@@ -10418,18 +10458,30 @@ const domexceptionType = {
   }
 };
 
+let idx$3 = 0;
+
 /**
- * @type {import('../types.js').TypeObject}
+ * @type {import('../types.js').SuperTypeObject}
  */
 const domrectType = {
   option: ['DOMRect'],
-  stringRegex: /^DOMRect\((.*)\)$/u,
-  toValue (s) {
+  childTypes: ['domrectreadonly'],
+  stringRegex: /^(?<domRectClass>DOMRect|DOMRectReadOnly)\((?<innerContent>.*)\)$/u,
+  toValue (s, rootInfo) {
+    const {groups: {
+      domRectClass
+    /* istanbul ignore next -- Should always be found */
+    } = {}} = /** @type {RegExpMatchArray} */ (
+      /** @type {import('../types.js').RootInfo} */ (rootInfo).match
+    );
     const {x, y, width, height} = JSON.parse(s);
-    return {value: new DOMRect(x, y, width, height)};
+    return {
+      value: new (
+        domRectClass === 'DOMRect' ? DOMRect : DOMRectReadOnly
+      )(x, y, width, height)};
   },
   getInput ({root}) {
-    return /** @type {HTMLInputElement} */ ($e(root, 'input'));
+    return /** @type {HTMLInputElement} */ ($e(root, 'input:not([type])'));
   },
   setValue ({root, value}) {
     /** @type {HTMLInputElement} */ (
@@ -10444,6 +10496,16 @@ const domrectType = {
     /** @type {HTMLInputElement} */ (
       $e(root, '.height')
     ).value = String(value.height);
+
+    if (toStringTag(value) === 'DOMRect') {
+      /** @type {HTMLInputElement} */ (
+        $e(root, '.domrect-readonly-readwrite')
+      ).checked = true;
+    } else {
+      /** @type {HTMLInputElement} */ (
+        $e(root, '.domrect-readonly-readonly')
+      ).checked = true;
+    }
   },
   getValue ({root}) {
     const x = Number(/** @type {HTMLInputElement} */ (
@@ -10458,11 +10520,16 @@ const domrectType = {
     const height = Number(/** @type {HTMLInputElement} */ (
       $e(root, '.height')
     ).value);
-    return new DOMRect(x, y, width, height);
+
+    const isReadWrite = /** @type {HTMLInputElement} */ (
+      $e(root, '.domrect-readonly-readwrite')
+    ).checked;
+    return new (isReadWrite ? DOMRect : DOMRectReadOnly)(x, y, width, height);
   },
   viewUI ({value}) {
+    const isReadWrite = toStringTag(value) === 'DOMRect';
     return ['div', {dataset: {type: 'domrect'}}, [
-      ['b', {class: 'emphasis'}, ['DOMRect']],
+      ['b', {class: 'emphasis'}, [isReadWrite ? 'DOMRect' : 'DOMRectReadOnly']],
       ['br'],
       ['b', ['x ']],
       value.x,
@@ -10483,8 +10550,32 @@ const domrectType = {
     width: '',
     height: ''
   }}) {
+    idx$3++;
     // eslint-disable-next-line @stylistic/max-len -- Long
     return ['div', {dataset: {type: 'domrect'}}, /** @type {import('jamilih').JamilihChildren} */ ([
+      ['div', [
+        ['label', [
+          ['input', {
+            type: 'radio',
+            class: 'domrect-readonly-readwrite',
+            name: `${typeNamespace}-domrect-readonly-${idx$3}`,
+            value: 'readwrite',
+            checked: toStringTag(value) !== 'DOMRectReadOnly'
+          }],
+          'Readwrite'
+        ]],
+        ' ',
+        ['label', [
+          ['input', {
+            type: 'radio',
+            class: 'domrect-readonly-readonly',
+            name: `${typeNamespace}-domrect-readonly-${idx$3}`,
+            value: 'readonly',
+            checked: toStringTag(value) === 'DOMRectReadOnly'
+          }],
+          'Read-only'
+        ]]
+      ]],
       ['label', [
         'x: ',
         ['input', {
@@ -10520,18 +10611,29 @@ const domrectType = {
   }
 };
 
+let idx$2 = 0;
+
 /**
- * @type {import('../types.js').TypeObject}
+ * @type {import('../types.js').SuperTypeObject}
  */
 const dompointType = {
   option: ['DOMPoint'],
-  stringRegex: /^DOMPoint\((.*)\)$/u,
-  toValue (s) {
+  childTypes: ['dompointreadonly'],
+  stringRegex: /^(?<domPointClass>DOMPoint|DOMPointReadOnly)\((?<innerContent>.*)\)$/u,
+  toValue (s, rootInfo) {
+    const {groups: {
+      domPointClass
+    /* istanbul ignore next -- Should always be found */
+    } = {}} = /** @type {RegExpMatchArray} */ (
+      /** @type {import('../types.js').RootInfo} */ (rootInfo).match
+    );
     const {x, y, z, w} = JSON.parse(s);
-    return {value: new DOMPoint(x, y, z, w)};
+    return {value: new (
+      domPointClass === 'DOMPoint' ? DOMPoint : DOMPointReadOnly
+    )(x, y, z, w)};
   },
   getInput ({root}) {
-    return /** @type {HTMLInputElement} */ ($e(root, 'input'));
+    return /** @type {HTMLInputElement} */ ($e(root, 'input:not([type])'));
   },
   setValue ({root, value}) {
     /** @type {HTMLInputElement} */ (
@@ -10546,6 +10648,16 @@ const dompointType = {
     /** @type {HTMLInputElement} */ (
       $e(root, '.w')
     ).value = String(value.w);
+
+    if (toStringTag(value) === 'DOMPoint') {
+      /** @type {HTMLInputElement} */ (
+        $e(root, '.dompoint-readonly-readwrite')
+      ).checked = true;
+    } else {
+      /** @type {HTMLInputElement} */ (
+        $e(root, '.dompoint-readonly-readonly')
+      ).checked = true;
+    }
   },
   getValue ({root}) {
     const x = Number(/** @type {HTMLInputElement} */ (
@@ -10560,11 +10672,18 @@ const dompointType = {
     const w = Number(/** @type {HTMLInputElement} */ (
       $e(root, '.w')
     ).value);
-    return new DOMPoint(x, y, z, w);
+
+    const isReadWrite = /** @type {HTMLInputElement} */ (
+      $e(root, '.dompoint-readonly-readwrite')
+    ).checked;
+    return new (isReadWrite ? DOMPoint : DOMPointReadOnly)(x, y, z, w);
   },
   viewUI ({value}) {
+    const isReadWrite = toStringTag(value) === 'DOMPoint';
     return ['div', {dataset: {type: 'dompoint'}}, [
-      ['b', {class: 'emphasis'}, ['DOMPoint']],
+      ['b', {class: 'emphasis'}, [
+        isReadWrite ? 'DOMPoint' : 'DOMPointReadOnly'
+      ]],
       ['br'],
       ['b', ['x ']],
       value.x,
@@ -10585,8 +10704,32 @@ const dompointType = {
     z: '',
     w: ''
   }}) {
+    idx$2++;
     // eslint-disable-next-line @stylistic/max-len -- Long
     return ['div', {dataset: {type: 'dompoint'}}, /** @type {import('jamilih').JamilihChildren} */ ([
+      ['div', [
+        ['label', [
+          ['input', {
+            type: 'radio',
+            class: 'dompoint-readonly-readwrite',
+            name: `${typeNamespace}-dompoint-readonly-${idx$2}`,
+            value: 'readwrite',
+            checked: toStringTag(value) !== 'DOMPointReadOnly'
+          }],
+          'Readwrite'
+        ]],
+        ' ',
+        ['label', [
+          ['input', {
+            type: 'radio',
+            class: 'dompoint-readonly-readonly',
+            name: `${typeNamespace}-dompoint-readonly-${idx$2}`,
+            value: 'readonly',
+            checked: toStringTag(value) === 'DOMPointReadOnly'
+          }],
+          'Read-only'
+        ]]
+      ]],
       ['label', [
         'x: ',
         ['input', {
@@ -10622,20 +10765,31 @@ const dompointType = {
   }
 };
 
-let idx = 0;
+let idx$1 = 0;
 
 /**
- * @type {import('../types.js').TypeObject}
+ * @type {import('../types.js').SuperTypeObject}
  */
 const dommatrixType = {
   option: ['DOMMatrix'],
-  stringRegex: /^DOMMatrix\((.*)\)$/u,
-  toValue (s) {
+  childTypes: ['dommatrixreadonly'],
+  stringRegex: /^(?<domMatrixClass>DOMMatrix|DOMMatrixReadOnly)\((?<innerContent>.*)\)$/u,
+  toValue (s, rootInfo) {
+    const {groups: {
+      domMatrixClass
+    /* istanbul ignore next -- Should always be found */
+    } = {}} = /** @type {RegExpMatchArray} */ (
+      /** @type {import('../types.js').RootInfo} */ (rootInfo).match
+    );
     const o = JSON.parse(s);
 
+    const DOMMatrixClass = domMatrixClass === 'DOMMatrix'
+      ? DOMMatrix
+      : DOMMatrixReadOnly;
+
     const dommatrix = Object.hasOwn(o, 'a')
-      ? new DOMMatrix([o.a, o.b, o.c, o.d, o.e, o.f])
-      : new DOMMatrix([
+      ? new DOMMatrixClass([o.a, o.b, o.c, o.d, o.e, o.f])
+      : new DOMMatrixClass([
         o.m11, o.m12, o.m13, o.m14,
         o.m21, o.m22, o.m23, o.m24,
         o.m31, o.m32, o.m33, o.m34,
@@ -10645,7 +10799,7 @@ const dommatrixType = {
     return {value: dommatrix};
   },
   getInput ({root}) {
-    return /** @type {HTMLInputElement} */ ($e(root, 'input'));
+    return /** @type {HTMLInputElement} */ ($e(root, 'input:not([type])'));
   },
   setValue ({root, value: o}) {
     const {is2D} = o;
@@ -10731,8 +10885,23 @@ const dommatrixType = {
         $e(root, '.m44')
       ).value = o.m44;
     }
+
+    if (toStringTag(o) === 'DOMMatrix') {
+      /** @type {HTMLInputElement} */ (
+        $e(root, '.dommatrix-readonly-readwrite')
+      ).checked = true;
+    } else {
+      /** @type {HTMLInputElement} */ (
+        $e(root, '.dommatrix-readonly-readonly')
+      ).checked = true;
+    }
   },
   getValue ({root}) {
+    const isReadWrite = /** @type {HTMLInputElement} */ (
+      $e(root, '.dommatrix-readonly-readwrite')
+    ).checked;
+    const DOMMatrixClass = isReadWrite ? DOMMatrix : DOMMatrixReadOnly;
+
     const aType = /** @type {HTMLInputElement} */ (
       $e(root, '.a')
     ).value;
@@ -10754,7 +10923,7 @@ const dommatrixType = {
       const f = Number(/** @type {HTMLInputElement} */ (
         $e(root, '.f')
       ).value);
-      return new DOMMatrix([a, b, c, d, e, f]);
+      return new DOMMatrixClass([a, b, c, d, e, f]);
     }
 
     const m11 = Number(/** @type {HTMLInputElement} */ (
@@ -10809,7 +10978,7 @@ const dommatrixType = {
       $e(root, '.m44')
     ).value);
 
-    return new DOMMatrix([
+    return new DOMMatrixClass([
       m11, m12, m13, m14,
       m21, m22, m23, m24,
       m31, m32, m33, m34,
@@ -10817,8 +10986,11 @@ const dommatrixType = {
     ]);
   },
   viewUI ({value}) {
+    const isReadWrite = toStringTag(value) === 'DOMMatrix';
     return ['div', {dataset: {type: 'dommatrix'}}, [
-      ['b', {class: 'emphasis'}, ['DOMMatrix']],
+      ['b', {class: 'emphasis'}, [
+        isReadWrite ? 'DOMMatrix' : 'DOMMatrixReadOnly'
+      ]],
       value.is2D
         ? ['div', [
           ['b', ['a ']],
@@ -10894,15 +11066,38 @@ const dommatrixType = {
     ]];
   },
   editUI ({typeNamespace, value = {}}) {
-    idx++;
+    idx$1++;
     const {is2D} = value;
     // eslint-disable-next-line @stylistic/max-len -- Long
     return ['div', {dataset: {type: 'dommatrix'}}, /** @type {import('jamilih').JamilihChildren} */ ([
+      ['div', [
+        ['label', [
+          ['input', {
+            type: 'radio',
+            class: 'dommatrix-readonly-readwrite',
+            name: `${typeNamespace}-dommatrix-readonly-${idx$1}`,
+            value: 'readwrite',
+            checked: toStringTag(value) !== 'DOMMatrixReadOnly'
+          }],
+          'Readwrite'
+        ]],
+        ' ',
+        ['label', [
+          ['input', {
+            type: 'radio',
+            class: 'dommatrix-readonly-readonly',
+            name: `${typeNamespace}-dommatrix-readonly-${idx$1}`,
+            value: 'readonly',
+            checked: toStringTag(value) === 'DOMMatrixReadOnly'
+          }],
+          'Read-only'
+        ]]
+      ]],
       ['div', {
         $on: {
           click (e) {
             const {target} = e;
-            /* c8 ignore next 3 */
+            /* istanbul ignore if */
             if (/** @type {HTMLInputElement} */ (target).type !== 'radio') {
               return;
             }
@@ -10920,7 +11115,7 @@ const dommatrixType = {
           '2d',
           ['input', {
             class: 'd2',
-            type: 'radio', name: `${typeNamespace}-dommatrix-dimension-${idx}`,
+            type: 'radio', name: `${typeNamespace}-dommatrix-dimension-${idx$1}`,
             value: '2d',
             checked: Boolean(is2D)
           }]
@@ -10930,7 +11125,7 @@ const dommatrixType = {
           '3d',
           ['input', {
             class: 'd3',
-            type: 'radio', name: `${typeNamespace}-dommatrix-dimension-${idx}`,
+            type: 'radio', name: `${typeNamespace}-dommatrix-dimension-${idx$1}`,
             value: '3d',
             checked: !is2D
           }]
@@ -10977,125 +11172,1658 @@ const dommatrixType = {
   }
 };
 
+const dataViewMethods = /** @type {const} */ ([
+  'setInt8',
+  'setUint8',
+  'setInt16',
+  'setUint16',
+  'setInt32',
+  'setUint32',
+  'setFloat32',
+  'setFloat64',
+  'setBigInt64',
+  'setBigUint64'
+]);
+
+const typedArrays = /** @type {const} */ ([
+  'Int8Array', 'Uint8Array', 'Uint8ClampedArray', 'Int16Array',
+  'Uint16Array', 'Int32Array', 'Uint32Array', 'Float32Array',
+  'Float64Array', 'BigInt64Array', 'BigUint64Array'
+]);
+
 /**
- * Utility to retrieve the property value given a legend element.
- * @param {HTMLLegendElement} legend
- * @returns {string}
- */
-const getPropertyValueFromLegend = (legend) => {
-  const propElem = $e(legend, '*[data-prop="true"]');
-  if (!propElem) {
-    throw new Error(
-      'No property on the supplied legend element'
-    );
-  }
-  if (propElem.nodeName.toLowerCase() === 'input') {
-    return /** @type {HTMLInputElement} */ (propElem).value;
-  }
-  if (!propElem.textContent) {
-    throw new Error(
-      'No property with text present on the supplied legend element'
-    );
+ * @param {TypedArray} typedArray
+ * @returns {{min: number, max: number}}
+ */
+const getMinMaxForTypedArray = (typedArray) => {
+  switch (typedArray) {
+  case 'Int8Array':
+    return {min: -128, max: 127};
+  case 'Uint8Array':
+    return {min: 0, max: 255};
+  case 'Uint8ClampedArray':
+    return {min: 0, max: 255};
+  case 'Int16Array':
+    return {min: -32768, max: 32767};
+  case 'Uint16Array':
+    return {min: 0, max: 65535};
+  case 'Int32Array':
+    return {min: -2147483648, max: 2147483647};
+  case 'Uint32Array':
+    return {min: 0, max: 4294967295};
+  case 'Float32Array':
+    return {min: -3.4e38, max: 3.4e38};
+  case 'Float64Array':
+    // eslint-disable-next-line no-loss-of-precision -- Inevitable?
+    return {min: -1.8e308, max: 1.8e308};
+  case 'BigInt64Array':
+    return {min: -(2 ** 63), max: (2 ** 63) - 1};
+  case 'BigUint64Array':
+    return {min: 0, max: (2 ** 64) - 1};
+  /* istanbul ignore next -- Guard */
+  default:
+    /* istanbul ignore next -- Guard */
+    throw new Error('Unexpected typed array type');
   }
-  // 1-based to 0-based
-  return String(Number.parseInt(propElem.textContent) - 1);
 };
 
 /**
- * Any other possibilities than `div`?
- * @typedef {HTMLDivElement} RootElement
- */
+ * @typedef {"Int8Array"|"Uint8Array"|"Uint8ClampedArray"|
+ *   "Int16Array"|"Uint16Array"|"Int32Array"|"Uint32Array"|
+ *   "Float32Array"|"Float64Array"|"BigInt64Array"|
+ *   "BigUint64Array"} TypedArray
+ */
+
+/**
+ * @typedef {Int8Array|Uint8Array|Uint8ClampedArray|
+ *   Int16Array|Uint16Array|Int32Array|Uint32Array|
+*   Float32Array|Float64Array|BigInt64Array|
+*   BigUint64Array} TypedArrayInstance
+ */
+
+/**
+ * @param {TypedArray} prop
+ * @returns {Int8ArrayConstructor|Uint8ArrayConstructor|
+ *   Uint8ClampedArrayConstructor|Int16ArrayConstructor|
+ *   Uint16ArrayConstructor|Int32ArrayConstructor|Uint32ArrayConstructor|
+ *   Float32ArrayConstructor|Float64ArrayConstructor|
+ *   BigInt64ArrayConstructor|BigUint64ArrayConstructor}
+ */
+const getTypedArray = (prop) => {
+  switch (prop) {
+  case 'Int8Array':
+    return Int8Array;
+  case 'Uint8Array':
+    return Uint8Array;
+  case 'Uint8ClampedArray':
+    return Uint8ClampedArray;
+  case 'Int16Array':
+    return Int16Array;
+  case 'Uint16Array':
+    return Uint16Array;
+  case 'Int32Array':
+    return Int32Array;
+  case 'Uint32Array':
+    return Uint32Array;
+  case 'Float32Array':
+    return Float32Array;
+  case 'Float64Array':
+    return Float64Array;
+  case 'BigInt64Array':
+    return BigInt64Array;
+  case 'BigUint64Array':
+    return BigUint64Array;
+  /* istanbul ignore next -- Guard */
+  default:
+    /* istanbul ignore next -- Guard */
+    throw new Error('Unexpected type');
+  }
+};
 
-/**
- * Utility to retrieve the type out of a type root element.
- * @callback GetTypeForRoot
- * @param {?RootElement} root
- * @returns {string} Why would it not exist?
- */
+let idx = 0;
 
 /**
- * Utility to get the value out of a type root element with a given
- *   state and path.
- * @callback GetValueForRoot
- * @param {RootElement} root
- * @param {StateObject} [stateObj]
- * @param {string} [currentPath]
- * @returns {StructuredCloneValue}
+ * @type {import('../types.js').SuperTypeObject}
  */
+const buffersourceType = {
+  option: ['Buffer source (ArrayBuffer, DataView, TypedArrays)'],
+  childTypes: [
+    'arraybuffer',
+    'dataview',
+    'int8array', 'uint8array', 'uint8clampedarray', 'int16array',
+    'uint16array', 'int32array', 'uint32array', 'float32array',
+    'float64array', 'bigint64array', 'biguint64array'
+  ],
+  stringRegex: /^(?<bufferSourceClass>ArrayBuffer|DataView|(?:Int8|Uint8|Uint8Clamped|Int16|Uint16|Int32|Uint32|Float32|Float64|BigInt64|BigUint64)Array)\((?<innerContent>.*)\)$/u,
+  toValue (s, rootInfo) {
+    const {groups: {
+      bufferSourceClass
+    /* istanbul ignore next -- Should always be found */
+    } = {}} = /** @type {RegExpMatchArray} */ (
+      /** @type {import('../types.js').RootInfo} */ (rootInfo).match
+    );
 
-/**
- * Utility to get the form control (e.g., input element) for a root.
- * @callback GetFormControlForRoot
- * @param {RootElement} root
- * @returns {null|
- *   HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement|HTMLButtonElement}
- */
+    const o = JSON.parse(s);
+    const {
+      byteLength, maxByteLength, byteOffset,
+      dataViewByteOffset,
+      dataViewByteLength, length
+    } = o;
+    // @ts-expect-error Ok
+    const buffer = new ArrayBuffer(byteLength, {maxByteLength});
+
+    let typedArray, TypedArray;
+    if (bufferSourceClass.endsWith('Array') || 'typedArray' in o) {
+      TypedArray = getTypedArray(
+        /** @type {TypedArray} */ (o.typedArray ?? bufferSourceClass)
+      );
 
-/**
- * Utility to get the value for a root using its ancestor and state.
- * @callback GetValueFromRootAncestor
- * @param {string|HTMLElement} selOrEl
- * @param {StateObject} [stateObj]
- * @returns {StructuredCloneValue}
- */
+      typedArray = new TypedArray(buffer, byteOffset, length);
 
-/**
- * @callback GetFormControlFromRootAncestor
- * @param {string|HTMLElement} selOrEl
- * @returns {null|HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement|
- *   HTMLButtonElement}
- */
+      if ('set' in o) {
+        o.set[0].forEach(
+          /**
+           * @param {string} s
+           * @param {number} i
+           * @returns {void}
+           */
+          (s, i) => {
+            if (typeof s === 'string') {
+              o.set[0][i] = BigInt(s);
+            }
+          }
+        );
+        typedArray.set(...(
+          /**
+           * @type {[
+           *   array: Array<bigint> & Array<number>,
+           *   offset?: number | undefined
+           * ]}
+           */ (o.set)));
+      }
+    }
 
-/**
- * @callback GetOptionForType
- * @param {AvailableType} type
- * @returns {[string, {value: AvailableType, title?: string}]}
- */
+    /** @type {DataView|undefined} */
+    let view;
+    if (bufferSourceClass === 'DataView' || dataViewMethods.some((method) => {
+      return method in o;
+    })) {
+      view = new DataView(buffer, dataViewByteOffset, dataViewByteLength);
+      dataViewMethods.forEach((prop) => {
+        o[prop]?.forEach(
+          /**
+           * @type {(info: [
+           *   byteOffset: number,
+           *   value: bigint|number,
+           *   littleEndian?: boolean|undefined
+           * ]) => void}
+           */
+          (vals) => {
+            if (typeof vals[1] === 'string') {
+              vals[1] = BigInt(vals[1]);
+            }
+            // @ts-expect-error It's ok
+            view[prop](...vals);
+          }
+        );
+      });
+    }
+    return {
+      value: bufferSourceClass === 'ArrayBuffer'
+        ? buffer
+        : bufferSourceClass === 'DataView'
+          ? view
+          : typedArray
+    };
+  },
+  getInput ({root}) {
+    const byteLength =
+      /**
+       * @type {HTMLInputElement & {
+       *   $value: BufferSource
+       * }}
+       */ ($e(root, '.byteLength'));
+    return byteLength;
+  },
+  setValue ({root, value}) {
+    const stringTag = toStringTag(value);
+    if (stringTag === 'ArrayBuffer' || stringTag === 'DataView') {
+      $e(root, `[value=${stringTag}].buffersource-returnType`)?.click();
+    } else {
+      $e(root, `[value=TypedArray].buffersource-returnType`)?.click();
+      const typedArrays = /** @type {HTMLSelectElement} */ (
+        $e(root, '.buffersource-typedArrays')
+      );
+      typedArrays.value = stringTag;
+      typedArrays.dispatchEvent(new Event('change'));
+    }
 
-/**
- * @callback GetTypeOptionsForFormatAndState
- * @param {import('./formats.js').AvailableFormat} format
- * @param {string} [parserState]
- * @returns {[string, {value: AvailableType, title?: string}][]}
- */
+    const byteLength =
+      /**
+       * @type {HTMLInputElement & {
+       *   $value: BufferSource
+       * }}
+       */ ($e(root, '.byteLength'));
 
-/**
- * @typedef {(
-*   keypath: string,
-*   parentPath: string,
-*   arrayOrObjectPropertyName: string,
-*   valueType: string
-* ) => StateObject} GetPossibleSchemasForPathAndType
-*/
+    byteLength.$value = value;
 
-/**
-* @typedef {{
-*   typeNamespace?: string,
-*   "readonly"?: boolean,
-*   format?: import('./formats.js').AvailableFormat,
-*   formats?: import('./formats.js').default,
-*   types?: Types,
-*   error?: Error,
-*   rootUI?: Element,
-*   schema?: string,
-*   schemaContent?: object,
-*   getPossibleSchemasForPathAndType?: GetPossibleSchemasForPathAndType,
-*   paths?: {[currentPath: string]: {
-*     referentPath: string,
-*     expectArrayReferent: boolean
-*   }},
-*   handlingReference?: boolean
-* }} StateObject
-*/
+    const buffer = stringTag === 'ArrayBuffer' ? value : value.buffer;
+    byteLength.value = buffer.byteLength;
+    byteLength.dispatchEvent(new Event('change'));
 
-/* eslint-disable jsdoc/valid-types -- readonly reserved */
-/**
- * @typedef {(cfg: {
- *   readonly?: boolean,
- *   resultType?: "both"|"keys"|"values",
- *   typeNamespace?: string,
- *   type: AvailableType,
- *   topRoot?: RootElement,
+    const maxByteLength = /** @type {HTMLInputElement} */ (
+      $e(root, '.maxByteLength')
+    );
+    maxByteLength.value = buffer.maxByteLength;
+    maxByteLength.dispatchEvent(new Event('change'));
+
+    if (stringTag === 'DataView') {
+      const dataViewByteLength = /** @type {HTMLInputElement} */ (
+        $e(root, '.dataViewByteLength')
+      );
+      dataViewByteLength.value = value.byteLength;
+      dataViewByteLength.dispatchEvent(new Event('change'));
+
+      const dataViewByteOffset = /** @type {HTMLInputElement} */ (
+        $e(root, '.dataViewByteOffset')
+      );
+      dataViewByteOffset.value = value.byteOffset;
+      dataViewByteOffset.dispatchEvent(new Event('change'));
+    } else if (stringTag !== 'ArrayBuffer') { // TypedArray
+      const typedArrayByteOffset = /** @type {HTMLInputElement} */ (
+        $e(root, '.typedArrayByteOffset')
+      );
+      typedArrayByteOffset.value = value.byteOffset;
+      typedArrayByteOffset.dispatchEvent(new Event('change'));
+
+      const typedArrayLength = /** @type {HTMLInputElement} */ (
+        $e(root, '.typedArrayLength')
+      );
+      typedArrayLength.value = value.length;
+      typedArrayLength.dispatchEvent(new Event('change'));
+    }
+  },
+  getValue ({root}) {
+    return /** @type {HTMLInputElement & {$value: BufferSource}} */ (
+      this.getInput({root})
+    ).$value;
+  },
+  viewUI ({value}) {
+    const stringTag = toStringTag(value);
+    const buffer = stringTag === 'ArrayBuffer' ? value : value.buffer;
+
+    return ['div', {dataset: {type: 'buffersource'}}, [
+      ['b', {class: 'emphasis'}, [stringTag]],
+      ['br'],
+      ['b', ['Buffer byte length: ']],
+      buffer.byteLength,
+      ['br'],
+      ['b', ['Buffer max byte length: ']],
+      buffer.maxByteLength,
+
+      ...stringTag === 'DataView'
+        ? [
+          ['br'],
+          ['b', ['Data View byte length: ']],
+          value.byteLength,
+          ['br'],
+          ['b', ['Data View byte offset: ']],
+          value.byteOffset
+        ]
+        : [''],
+      ...(stringTag !== 'DataView' && stringTag !== 'ArrayBuffer') // TypedArray
+        ? [
+          ['br'],
+          ['b', ['Typed Array byte offset: ']],
+          value.byteOffset,
+          ['br'],
+          ['b', ['Typed Array length: ']],
+          value.length
+        ]
+        : [''],
+      ['br'],
+      ['button', {
+        class: 'buffersource-viewData',
+        $on: {
+          async click (e) {
+            e.preventDefault();
+            const dialog = await dialogs.makeCancelDialog({
+              // @ts-expect-error TS bug
+              children: /** @type {import('jamilih').JamilihChildren} */ ([
+                ['select', {
+                  class: 'buffersource-typedArrays-view',
+                  'aria-label': 'Typed Arrays',
+                  $on: {
+                    change () {
+                      const typedArrayVal = /** @type {HTMLSelectElement} */ (
+                        this
+                      ).value;
+                      const TypedArray = getTypedArray(
+                        /** @type {TypedArray} */ (typedArrayVal)
+                      );
+                      const typedArray = new TypedArray(buffer);
+                      const typedArrayArea = /** @type {HTMLElement} */ ($e(
+                        /** @type {HTMLElement} */
+                        (this.parentElement),
+                        '.typedArrayArea'
+                      ));
+                      typedArrayArea.textContent = '';
+                      typedArrayArea.append(
+                        ...Array.from({
+                          length: typedArray.length
+                        }, (_v, key) => {
+                          return jml('span', [
+                            ['b', [key]],
+                            ' ',
+                            ['span', [
+                              typedArray[key]
+                                ? String(typedArray[key])
+                                : '0'
+                            ]],
+                            ' '
+                          ]);
+                        })
+                      );
+                    }
+                  }
+                }, typedArrays.map((typedArray) => {
+                  return ['option', {
+                    selected: stringTag === typedArray
+                      ? true
+                      : undefined
+                  }, [typedArray]];
+                })],
+                ['div', {
+                  class: 'typedArrayArea'
+                }]
+              ])
+            });
+
+            /** @type {HTMLSelectElement} */ (
+              $e(dialog, '.buffersource-typedArrays-view')
+            ).dispatchEvent(
+              new Event('change')
+            );
+            // Todo: We could also add `DataView` get methods here
+            //        (and length/byte offset for the typed array) if
+            //        there is a demand
+          }
+        }
+      }, ['View data']]
+    ]];
+  },
+  editUI ({typeNamespace, value}) {
+    idx++;
+
+    /**
+     * @typedef {() => void} BuildInstances
+     */
+
+    const div = /** @type {HTMLDivElement} */ (jml('div', {
+      dataset: {type: 'buffersource'}
+    }, [
+      ['fieldset', {
+        class: 'returnType',
+        $on: {
+          change () {
+            /**
+             * @type {HTMLFieldSetElement & {
+             *   $buildInstances: BuildInstances
+             * }}
+             */ (this).$buildInstances();
+          }
+        },
+        $custom: {
+          /** @type {BuildInstances} */
+          $buildInstances () {
+            const that = /** @type {HTMLFieldSetElement} */ (this);
+            const ancestor = /** @type {HTMLDivElement} */ (that.parentElement);
+            const {value} = /** @type {HTMLInputElement} */ ($e(
+              that, `[name=${typeNamespace}-buffersource-returnType-${idx}]` +
+                      `:checked`
+            ));
+
+            const byteLength =
+              /**
+               * @type {HTMLInputElement & {
+               *   $value: BufferSource,
+               *   $dataView: DataView,
+               *   $typedArray: TypedArrayInstance
+               * }}
+               */ (
+                $e(ancestor, '.byteLength')
+              );
+            const byteLengthVal = Number.parseInt(byteLength.value);
+            const maxByteLength = Number.parseInt(
+              /** @type {HTMLInputElement} */ (
+                $e(ancestor, '.maxByteLength')
+              ).value
+            );
+
+            const buffer = new ArrayBuffer(
+              // @ts-expect-error New ArrayBuffer argument
+              byteLengthVal, maxByteLength ? {maxByteLength} : undefined
+            );
+
+            const dataViewByteOffsetVal = /** @type {HTMLInputElement} */ ($e(
+              ancestor,
+              '.dataViewByteOffset'
+            )).value;
+            const dataViewByteOffset = dataViewByteOffsetVal
+              ? Number.parseInt(dataViewByteOffsetVal)
+              : 0;
+
+            const dataViewByteLengthVal = /** @type {HTMLInputElement} */ ($e(
+              ancestor,
+              '.dataViewByteLength'
+            )).value;
+            const dataViewByteLength = dataViewByteLengthVal
+              ? Number.parseInt(dataViewByteLengthVal)
+              : undefined;
+
+            const dataView = new DataView(
+              buffer, dataViewByteOffset, dataViewByteLength
+            );
+
+            const {value: typedArrayValue} = /** @type {HTMLSelectElement} */ (
+              $e(ancestor, '.buffersource-typedArrays-init')
+            );
+
+            const TypedArray = getTypedArray(
+              /** @type {TypedArray} */ (typedArrayValue)
+            );
+            const typedArrayByteOffsetVal =
+              /** @type {HTMLInputElement} */ ($e(
+                ancestor,
+                '.typedArrayByteOffset'
+              )).value;
+            const typedArrayByteOffset = typedArrayByteOffsetVal
+              ? Number.parseInt(typedArrayByteOffsetVal)
+              : 0;
+
+            const typedArrayLengthVal =
+              /** @type {HTMLInputElement} */ ($e(
+                ancestor,
+                '.typedArrayLength'
+              )).value;
+            const typedArrayLength = typedArrayLengthVal
+              ? Number.parseInt(typedArrayLengthVal)
+              : byteLengthVal;
+
+            const typedArray = new TypedArray(
+              buffer, typedArrayByteOffset, typedArrayLength
+            );
+
+            byteLength.$dataView = dataView;
+            byteLength.$typedArray = typedArray;
+
+            const typedArrayValues = $$e(
+              ancestor, '.typedArrayArea .typedArrayValue'
+            ).map((input) => {
+              // Don't check dataset, as may be changing to BigInt now
+              return TypedArray.name.startsWith('Big')
+                ? BigInt(
+                  /** @type {HTMLInputElement} */ (input).value
+                )
+                : Number(
+                  /** @type {HTMLInputElement} */ (input).value
+                );
+            });
+
+            // @ts-expect-error Ok
+            byteLength.$typedArray.set(typedArrayValues, 0);
+
+            switch (value) {
+            case 'ArrayBuffer':
+              byteLength.$value = buffer;
+              break;
+            case 'DataView': {
+              byteLength.$value = dataView;
+              break;
+            } default: // 'TypedArray'
+              byteLength.$value = typedArray;
+              break;
+            }
+          }
+        }
+      }, [
+        ['legend', ['Return type']],
+        ['label', {
+          $on: {
+            click () {
+              /** @type {HTMLElement} */ ($e(
+                /** @type {HTMLElement} */ (this.parentElement),
+                '.buffersource-typedArrays'
+              )).hidden = true;
+              /** @type {HTMLElement} */ ($e(
+                /** @type {HTMLElement} */ (this?.parentElement?.parentElement),
+                '.buffersource-typedArrays-init'
+              )).hidden = false;
+            }
+          }
+        }, [
+          ['input', {
+            type: 'radio',
+            class: 'buffersource-returnType ' +
+              'buffersource-returnType-arraybuffer',
+            name: `${typeNamespace}-buffersource-returnType-${idx}`,
+            checked: true,
+            value: 'ArrayBuffer'
+            // checked: toStringTag(value) !== ''
+          }],
+          'ArrayBuffer'
+        ]],
+        ' ',
+        ['label', {
+          $on: {
+            click () {
+              /** @type {HTMLElement} */ ($e(
+                /** @type {HTMLElement} */ (this.parentElement),
+                '.buffersource-typedArrays'
+              )).hidden = true;
+              /** @type {HTMLElement} */ ($e(
+                /** @type {HTMLElement} */ (this?.parentElement?.parentElement),
+                '.buffersource-typedArrays-init'
+              )).hidden = false;
+            }
+          }
+        }, [
+          ['input', {
+            type: 'radio',
+            class: 'buffersource-returnType buffersource-returnType-dataview',
+            name: `${typeNamespace}-buffersource-returnType-${idx}`,
+            value: 'DataView'
+            // checked: toStringTag(value) !== ''
+          }],
+          'DataView'
+        ]],
+        ' ',
+        ['label', {
+          $on: {
+            click () {
+              /** @type {HTMLElement} */ ($e(
+                /** @type {HTMLElement} */ (this.parentElement),
+                '.buffersource-typedArrays'
+              )).hidden = false;
+              /** @type {HTMLElement} */ ($e(
+                /** @type {HTMLElement} */ (this?.parentElement?.parentElement),
+                '.buffersource-typedArrays-init'
+              )).hidden = true;
+            }
+          }
+        }, [
+          ['input', {
+            type: 'radio',
+            class: 'buffersource-returnType buffersource-returnType-typedarray',
+            name: `${typeNamespace}-buffersource-returnType-${idx}`,
+            value: 'TypedArray'
+            // checked: toStringTag(value) !== ''
+          }],
+          'Typed Array'
+        ]],
+        ' ',
+        ['select', {
+          hidden: true, class: 'buffersource-typedArrays',
+          'aria-label': 'Typed Arrays',
+          $on: {
+            change (e) {
+              const that = /** @type {HTMLSelectElement} */ (this);
+              const ancestor = /** @type {HTMLElement} */ (
+                that.parentElement?.parentElement
+              );
+
+              const select =
+                /**
+                 * @type {HTMLSelectElement & {
+                 *   $setMinsAndMaxes: SetMinsAndMaxes,
+                 *   $checkTypedArrayByteLength: CheckTypedArrayByteLength
+                 * }}
+                 */
+                ($e(
+                  ancestor,
+                  '.buffersource-typedArrays-init'
+                ));
+
+              // Update to reflect current state changes if later revealing
+              select.value = /** @type {HTMLSelectElement} */ (this).value;
+
+              const typedArrayLength =
+                /**
+                 * @type {HTMLInputElement & {
+                 *   $checkBufferBounds: CheckBufferBounds
+                 * }}
+                 */ (
+                  $e(ancestor, '.typedArrayLength')
+                );
+              if (!typedArrayLength.$checkBufferBounds(e)) {
+                return;
+              }
+
+              select.$setMinsAndMaxes(
+                /** @type {TypedArray} */
+                (/** @type {HTMLSelectElement} */ (this).value)
+              );
+
+              select.$checkTypedArrayByteLength(e);
+
+              const typedArrayByteOffset = $e(
+                /** @type {HTMLElement} */
+                (this?.parentElement?.parentElement),
+                '.typedArrayByteOffset'
+              );
+              /**
+               * @type {HTMLInputElement & {
+               *   $checkByteOffsetMultiple: CheckByteOffsetMultiple
+               * }}
+               */ (typedArrayByteOffset).$checkByteOffsetMultiple(e);
+            }
+          }
+        }, typedArrays.map((typedArray) => {
+          return ['option', [typedArray]];
+        })]
+      ]],
+      ['fieldset', {
+        $on: {
+          change () {
+            /**
+             * @type {HTMLFieldSetElement & {
+             *   $buildInstances: BuildInstances
+             * }}
+             */ (this.previousElementSibling).$buildInstances();
+          }
+        }
+      }, [
+        ['legend', ['Construction options']],
+        ['fieldset', [
+          ['legend', ['ArrayBuffer']],
+          ['label', [
+            'Byte length ',
+            ['input', {
+              class: 'byteLength',
+              type: 'number', step: '1', size: '4', pattern: '\\d+',
+              min: 0,
+              $custom: {
+                $value: value ?? new ArrayBuffer(0)
+              },
+              $on: {
+                change (e) {
+                  const that = /** @type {HTMLInputElement} */ (
+                    this
+                  );
+
+                  const ancestor = /** @type {HTMLElement} */ (
+                    that.
+                      parentElement?.parentElement?.parentElement?.parentElement
+                  );
+                  const typedArrayLength =
+                    /**
+                     * @type {HTMLInputElement & {
+                     *   $checkBufferBounds: CheckBufferBounds
+                     * }}
+                     */ (
+                      $e(ancestor, '.typedArrayLength')
+                    );
+                  if (!typedArrayLength.$checkBufferBounds(e)) {
+                    return;
+                  }
+
+                  const maxByteLength = /** @type {HTMLInputElement} */ ($e(
+                    /** @type {HTMLElement} */ (
+                      that.parentElement?.parentElement
+                    ), '.maxByteLength'
+                  ));
+                  const val = that.value;
+
+                  if (Number.parseInt(val) > Number.MAX_SAFE_INTEGER) {
+                    that.setCustomValidity(
+                      'The ArrayBuffer length exceeds the maximum ' +
+                      'allowable size'
+                    );
+                    e.stopPropagation();
+                    that.reportValidity();
+                    return;
+                  }
+                  that.setCustomValidity('');
+                  that.reportValidity();
+
+                  if (
+                    Number.parseInt(val) > Number.parseInt(maxByteLength.value)
+                  ) {
+                    maxByteLength.value = val;
+                  }
+
+                  const greatGrandparent = /** @type {HTMLElement} */
+                    (that.parentElement?.parentElement?.parentElement);
+
+                  /**
+                   * @type {HTMLInputElement & {
+                   *   $checkDataViewByteLength: CheckDataViewByteLength
+                   * }}
+                   */ ($e(
+                    greatGrandparent,
+                    '.dataViewByteLength'
+                  )).$checkDataViewByteLength(e);
+
+                  /**
+                   * @type {HTMLSelectElement & {
+                   *   $checkTypedArrayByteLength: CheckTypedArrayByteLength
+                   * }}
+                   */ ($e(
+                    /** @type {HTMLElement} */
+                    (greatGrandparent.parentElement),
+                    '.buffersource-typedArrays-init'
+                  )).$checkTypedArrayByteLength(e);
+                }
+              }
+            }]
+          ]],
+          ' ',
+          ['label', [
+            'Max byte length ',
+            ['input', {
+              class: 'maxByteLength',
+              type: 'number', step: '1', size: '4', pattern: '\\d+',
+              min: 0,
+              $on: {
+                change (e) {
+                  const that = /** @type {HTMLInputElement} */ (this);
+                  const byteLength = /** @type {HTMLInputElement} */ ($e(
+                    /** @type {HTMLElement} */ (
+                      that.parentElement?.parentElement
+                    ), '.byteLength'
+                  ));
+                  const val = that.value;
+                  if (
+                    Number.parseInt(val) < Number.parseInt(byteLength.value)
+                  ) {
+                    // byteLength.value = val;
+                    that.setCustomValidity(
+                      'The max value cannot be less than the byte length'
+                    );
+                    e.stopPropagation();
+                  } else {
+                    that.setCustomValidity('');
+                  }
+                  that.reportValidity();
+                }
+              }
+            }]
+          ]]
+        ]],
+        ['fieldset', [
+          ['legend', ['DataView']],
+          ['label', [
+            'Byte length ',
+            ['input', {
+              class: 'dataViewByteLength',
+              type: 'number', step: '1', size: '4', pattern: '\\d+',
+              min: 0,
+              $custom: {
+                /**
+                 * @typedef {(e: Event) => void} CheckDataViewByteLength
+                 */
+
+                /** @type {CheckDataViewByteLength} */
+                $checkDataViewByteLength (e) {
+                  const that = /** @type {HTMLInputElement} */ (
+                    this
+                  );
+                  const greatGrandparent = /** @type {HTMLElement} */
+                    (that.parentElement?.parentElement?.parentElement);
+
+                  const byteOffset = Number.parseInt(
+                    /** @type {HTMLInputElement} */ ($e(
+                      greatGrandparent,
+                      '.dataViewByteOffset'
+                    )).value
+                  ) || 0;
+
+                  const bufferByteLengthVal = /** @type {HTMLInputElement} */ (
+                    $e(
+                      greatGrandparent,
+                      '.byteLength'
+                    )).value;
+                  const bufferByteLength = bufferByteLengthVal
+                    ? Number.parseInt(
+                      bufferByteLengthVal
+                    )
+                    : 0;
+
+                  const byteLength = that.value
+                    ? Number.parseInt(
+                      that.value
+                    )
+                    : bufferByteLength;
+
+                  if (byteOffset + byteLength > bufferByteLength) {
+                    that.setCustomValidity(
+                      'The DataView byte length and offset exceed ' +
+                        'the buffer\'s byte length'
+                    );
+                    e.stopPropagation();
+                  } else {
+                    that.setCustomValidity('');
+                  }
+                  that.reportValidity();
+                }
+              },
+              $on: {
+                change (e) {
+                  /**
+                   * @type {HTMLInputElement & {
+                   *   $checkDataViewByteLength: CheckDataViewByteLength
+                   * }}
+                   */ (
+                    this
+                  ).$checkDataViewByteLength(e);
+                }
+              }
+            }]
+          ]],
+          ' ',
+          ['label', [
+            'Byte offset ',
+            ['input', {
+              class: 'dataViewByteOffset',
+              type: 'number', step: '1', size: '4', pattern: '\\d+',
+              min: 0,
+              $on: {
+                change (e) {
+                  const that = /** @type {HTMLInputElement} */ (
+                    this
+                  );
+                  const greatGrandparent = /** @type {HTMLElement} */
+                    (that.parentElement?.parentElement?.parentElement);
+
+                  /**
+                   * @type {HTMLInputElement & {
+                   *   $checkDataViewByteLength: CheckDataViewByteLength
+                   * }}
+                   */ ($e(
+                    greatGrandparent,
+                    '.dataViewByteLength'
+                  )).$checkDataViewByteLength(e);
+                }
+              }
+            }]
+          ]]
+        ]],
+        ['fieldset', [
+          ['legend', ['Typed array']],
+          ['label', [
+            'Byte offset ',
+            ['input', {
+              class: 'typedArrayByteOffset',
+              type: 'number', step: '1', size: '4', pattern: '\\d+',
+              min: 0,
+              max: (2 ** 53) - 1,
+              $custom: {
+                /**
+                 * @typedef {(e: Event) => void} CheckByteOffsetMultiple
+                 */
+
+                /** @type {CheckByteOffsetMultiple} */
+                $checkByteOffsetMultiple (e) {
+                  const that = /** @type {HTMLInputElement} */ (this);
+                  const ancestor = /** @type {HTMLElement} */ (
+                    that.
+                      parentElement?.parentElement?.parentElement?.parentElement
+                  );
+
+                  const {value} = /** @type {HTMLSelectElement} */ (
+                    $e(ancestor, '.buffersource-typedArrays-init')
+                  );
+
+                  const TypedArray = getTypedArray(
+                    /** @type {TypedArray} */ (value)
+                  );
+                  if (
+                    Number.parseInt(that.value) % TypedArray.BYTES_PER_ELEMENT
+                  ) {
+                    that.setCustomValidity(
+                      'Byte offset must be a multiple of the typed ' +
+                        `array's bytes-per-element size (${
+                          TypedArray.BYTES_PER_ELEMENT
+                        })`
+                    );
+                    e.stopPropagation();
+                  } else {
+                    that.setCustomValidity('');
+                  }
+                  that.reportValidity();
+                }
+              },
+              $on: {
+                change (e) {
+                  const that = /** @type {HTMLInputElement} */ (this);
+                  const ancestor = /** @type {HTMLElement} */ (
+                    that.
+                      parentElement?.parentElement?.parentElement?.parentElement
+                  );
+                  const typedArrayLength =
+                    /**
+                     * @type {HTMLInputElement & {
+                     *   $checkBufferBounds: CheckBufferBounds
+                     * }}
+                     */ (
+                      $e(ancestor, '.typedArrayLength')
+                    );
+                  if (!typedArrayLength.$checkBufferBounds(e)) {
+                    return;
+                  }
+                  /**
+                   * @type {HTMLInputElement & {
+                   *   $checkByteOffsetMultiple: CheckByteOffsetMultiple
+                   * }}
+                   */ (this).$checkByteOffsetMultiple(e);
+                }
+              }
+            }]
+          ]]
+          // ' ',
+          // ['label', [
+          //   'Length ',
+          //   ['input', {
+          //     class: 'typedArrayLength',
+          //     type: 'number', step: '1', size: '4', pattern: '\\d+',
+          //     min: 0
+          //   }]
+          // ]]
+        ]]
+      ]],
+      ['fieldset', [
+        ['legend', ['Typed Array initialization (optional)']],
+        ['select', {
+          class: 'buffersource-typedArrays-init',
+          'aria-label': 'Typed Arrays',
+          $custom: {
+            /**
+             * @callback SetMinsAndMaxes
+             * @param {TypedArray} typedArray
+             * @returns {void}
+             */
+
+            /** @type {SetMinsAndMaxes} */
+            $setMinsAndMaxes (typedArray) {
+              const {min, max} = getMinMaxForTypedArray(typedArray);
+
+              /** @type {HTMLInputElement[]} */ (
+                $$e(/** @type {HTMLElement} */ (
+                  /** @type {HTMLSelectElement} */ (this).parentElement
+                ), '.typedArrayValue')
+              ).forEach((typedArrayValue) => {
+                typedArrayValue.className =
+                  'typedArrayValue typedArray-' + typedArray;
+                typedArrayValue.min = String(min);
+                typedArrayValue.max = String(max);
+              });
+            },
+
+            /**
+             * @typedef {(e: Event) => void} CheckTypedArrayByteLength
+             */
+
+            /** @type {CheckTypedArrayByteLength} */
+            $checkTypedArrayByteLength (e) {
+              const that = /** @type {HTMLSelectElement} */ (this);
+              const TypedArray = getTypedArray(
+                /** @type {TypedArray} */ (that.value)
+              );
+
+              const byteLength = /** @type {HTMLInputElement} */ ($e(
+                /** @type {HTMLElement} */
+                (that.parentElement?.parentElement),
+                '.byteLength'
+              ));
+              const arrayBufferLength = byteLength.value
+                ? Number.parseInt(
+                  byteLength.value
+                )
+                : 0;
+              if (arrayBufferLength % TypedArray.BYTES_PER_ELEMENT) {
+                byteLength.setCustomValidity(
+                  'Array buffer must be a multiple of the typed array\'s ' +
+                    `bytes-per-element size (${TypedArray.BYTES_PER_ELEMENT})`
+                );
+                e.stopPropagation();
+              } else {
+                byteLength.setCustomValidity('');
+              }
+              byteLength.reportValidity();
+            }
+          },
+          $on: {
+            change (e) {
+              const that =
+                /**
+                * @type {HTMLSelectElement & {
+                *   $setMinsAndMaxes: SetMinsAndMaxes,
+                *   $checkTypedArrayByteLength: CheckTypedArrayByteLength
+                * }}
+                */ (
+                  this
+                );
+
+              const ancestor = /** @type {HTMLElement} */ (
+                that.
+                  parentElement?.parentElement?.parentElement
+              );
+
+              // Update to reflect current state changes if later revealing
+              /** @type {HTMLSelectElement} */ ($e(
+                /** @type {HTMLElement} */
+                (this.parentElement?.parentElement),
+                '.buffersource-typedArrays'
+              )).value = that.value;
+
+              const typedArrayLength =
+              /**
+               * @type {HTMLInputElement & {
+               *   $checkBufferBounds: CheckBufferBounds
+               * }}
+               */ (
+                  $e(ancestor, '.typedArrayLength')
+                );
+              if (!typedArrayLength.$checkBufferBounds(e)) {
+                return;
+              }
+
+              that.$checkTypedArrayByteLength(e);
+
+              that.$setMinsAndMaxes(/** @type {TypedArray} */ (that.value));
+
+              const typedArrayByteOffset = $e(
+                /** @type {HTMLElement} */
+                (that?.parentElement?.parentElement),
+                '.typedArrayByteOffset'
+              );
+              /**
+               * @type {HTMLInputElement & {
+               *   $checkByteOffsetMultiple: CheckByteOffsetMultiple
+               * }}
+               */ (typedArrayByteOffset).$checkByteOffsetMultiple(e);
+
+              /**
+               * @type {HTMLFieldSetElement & {
+               *   $buildInstances: BuildInstances
+               * }}
+               */ ($e(
+                /** @type {HTMLElement} */
+                (this.parentElement?.parentElement),
+                '.returnType'
+              )).$buildInstances();
+            }
+          }
+        }, typedArrays.map((typedArray) => {
+          return ['option', [typedArray]];
+        })],
+        ' ',
+        ['label', [
+          'Array length: ',
+          ['input', {
+            class: 'typedArrayLength',
+            type: 'number', step: '1', size: '4', pattern: '\\d+',
+            min: 0,
+            $custom: {
+              /**
+               * When creating a view from a buffer, the bounds are outside
+               * the buffer. In other words, `byteOffset + length *
+               * TypedArray.BYTES_PER_ELEMENT > buffer.byteLength`.
+               * @typedef {(e: Event) => boolean} CheckBufferBounds
+               */
+
+              /** @type {CheckBufferBounds} */
+              $checkBufferBounds (e) {
+                const that = /** @type {HTMLInputElement} */ (this);
+
+                const ancestor = /** @type {HTMLElement} */ (
+                  that.parentElement?.parentElement?.parentElement
+                );
+                const bufferByteLengthVal = /** @type {HTMLInputElement} */ (
+                  $e(
+                    ancestor,
+                    '.byteLength'
+                  )).value;
+                const bufferByteLength = bufferByteLengthVal
+                  ? Number.parseInt(
+                    bufferByteLengthVal
+                  )
+                  : 0;
+
+                const length = that.value
+                  ? Number.parseInt(that.value)
+                  : bufferByteLength;
+
+                const {value} = /** @type {HTMLSelectElement} */ (
+                  $e(ancestor, '.buffersource-typedArrays-init')
+                );
+
+                const TypedArray = getTypedArray(
+                  /** @type {TypedArray} */ (value)
+                );
+
+                const typedArrayByteOffsetVal =
+                  /** @type {HTMLInputElement} */ ($e(
+                    ancestor,
+                    '.typedArrayByteOffset'
+                  )).value;
+                const typedArrayByteOffset = typedArrayByteOffsetVal
+                  ? Number.parseInt(typedArrayByteOffsetVal)
+                  : 0;
+
+                console.log('1111', typedArrayByteOffset,
+                  length, TypedArray.BYTES_PER_ELEMENT,
+                  bufferByteLength);
+
+                if (
+                  (typedArrayByteOffset +
+                    (length * TypedArray.BYTES_PER_ELEMENT)) >
+                  bufferByteLength
+                ) {
+                  that.setCustomValidity(
+                    'The byte offset and the length times bytes per element ' +
+                    'is greater than the buffer length'
+                  );
+                  e.stopPropagation();
+                  that.reportValidity();
+                  return false;
+                }
+
+                that.setCustomValidity('');
+                that.reportValidity();
+                return true;
+              },
+
+              /**
+               * @typedef {() => void} BuildTypedArray
+               */
+
+              /** @type {BuildTypedArray} */
+              $buildTypedArray () {
+                const that = /** @type {HTMLInputElement} */ (this);
+                const length = Number.parseInt(that.value);
+                const grandparent = /** @type {HTMLElement} */ (
+                  that.parentElement?.parentElement
+                );
+
+                const ancestor = /** @type {HTMLElement} */ (
+                  that.parentElement?.parentElement?.parentElement
+                );
+                const bufferByteLength =
+                  /**
+                   * @type {HTMLInputElement & {
+                   *   $typedArray: TypedArrayInstance
+                   * }}
+                   */ ($e(
+                    ancestor,
+                    '.byteLength'
+                  ));
+
+                const typedArrayArea = /** @type {HTMLElement} */ ($e(
+                  grandparent, '.typedArrayArea'
+                ));
+
+                typedArrayArea.addEventListener('change', (e) => {
+                  const input = /** @type {HTMLInputElement} */ (e.target);
+                  bufferByteLength.$typedArray.set([
+                    // @ts-expect-error Ok
+                    input.dataset.bigint === 'true'
+                      ? BigInt(input.value)
+                      : Number(input.value)
+                  ], Number.parseInt(
+                    /** @type {string} */ (input.dataset.key)
+                  ));
+                });
+                const {value} = /** @type {HTMLSelectElement} */ (
+                  $e(grandparent, '.buffersource-typedArrays-init')
+                );
+                const {min, max} = getMinMaxForTypedArray(
+                  /** @type {TypedArray} */ (value)
+                );
+
+                typedArrayArea.textContent = '';
+                typedArrayArea.append(
+                  ...Array.from({length}, (_v, key) => {
+                    return jml('label', [
+                      key,
+                      ' ',
+                      ['input', {
+                        class: 'typedArrayValue typedArray-' + value,
+                        dataset: {
+                          key, bigint: String(value.startsWith('BigInt'))
+                        },
+                        type: 'number', step: '1',
+                        pattern: value.startsWith('Float')
+                          ? '\\d+(?:\\.\\d+)?'
+                          : '\\d+',
+                        value: bufferByteLength.$typedArray[key]
+                          ? String(bufferByteLength.$typedArray[key])
+                          : '0',
+                        min, max
+                      }],
+                      ' '
+                      // !key || key % 9 ? ' ' : ['br']
+                    ]);
+                  })
+                );
+              }
+            },
+            $on: {
+              change (e) {
+                const that =
+                  /**
+                   * @type {HTMLInputElement & {
+                   *   $checkBufferBounds: CheckBufferBounds,
+                   *   $buildTypedArray: BuildTypedArray
+                   * }}
+                   */ (
+                    this
+                  );
+                const grandparent = /** @type {HTMLElement} */ (
+                  this.parentElement?.parentElement
+                );
+
+                if (!that.$checkBufferBounds(e)) {
+                  return;
+                }
+
+                const {value} = /** @type {HTMLSelectElement} */ (
+                  $e(grandparent, '.buffersource-typedArrays-init')
+                );
+
+                const length = Number.parseInt(that.value);
+                try {
+                  const TypedArray = getTypedArray(
+                    /** @type {TypedArray} */ (value)
+                  );
+                  // eslint-disable-next-line no-new -- Testing
+                  new TypedArray(length);
+                } catch (err) {
+                  that.setCustomValidity('Typed Array length is too long');
+                  e.stopPropagation();
+                  that.reportValidity();
+                  return;
+                }
+                that.setCustomValidity('');
+                that.reportValidity();
+
+                /**
+                 * @type {HTMLFieldSetElement & {
+                 *   $buildInstances: BuildInstances
+                 * }}
+                 */ ($e(
+                  /** @type {HTMLElement} */
+                  (this.parentElement?.parentElement?.parentElement),
+                  '.returnType'
+                )).$buildInstances();
+
+                that.$buildTypedArray();
+              }
+            }
+          }],
+          ['div', {
+            class: 'typedArrayArea'
+          }]
+        ]]
+      ]],
+      ['fieldset', [
+        ['legend', ['DataView initialization (optional)']],
+        ['select', {
+          class: 'dataViewMethod',
+          'aria-label': 'Data View methods',
+          $on: {
+            change () {
+              const dataViewArea = /** @type {HTMLDivElement} */ ($e(
+                /** @type {HTMLElement} */ (this.parentElement), '.dataViewArea'
+              ));
+
+              const val = /** @type {HTMLSelectElement} */ (this).value;
+              const typedArray = /** @type {TypedArray} */ (
+                val.slice(3) + 'Array'
+              );
+
+              dataViewArea.textContent = '';
+              dataViewArea.append(
+                jml(
+                  'label', [
+                    'Byte offset ',
+                    ['input', {
+                      type: 'number',
+                      class: 'dataViewSetByteOffset',
+                      step: '1', size: '4', pattern: '\\d+'
+                    }]
+                  ]
+                ),
+                ' ',
+                jml(
+                  'label', [
+                    'Value ',
+                    ['input', {
+                      type: 'number',
+                      step: '1', size: '4', pattern: '\\d+',
+                      class: 'typedArrayValue typedArray-' + typedArray,
+                      ...getMinMaxForTypedArray(typedArray)
+                    }]
+                  ]
+                ),
+                val === 'setInt8' || val === 'setUint8'
+                  ? ''
+                  : jml('label', [
+                    ['input', {
+                      class: 'littleEndian',
+                      type: 'checkbox'
+                    }],
+                    'Little endian'
+                  ]),
+                ' ',
+                jml('button', {
+                  $on: {
+                    click (e) {
+                      e.preventDefault();
+                      const ancestor = /** @type {HTMLElement} */ (
+                        this.parentElement
+                      );
+                      const dataViewMethod =
+                        /** @type {dataViewMethods[number]} */ (
+                          /** @type {HTMLSelectElement} */ (
+                            ancestor.previousElementSibling
+                          )?.value
+                        );
+
+                      const dataViewSetByteOffset =
+                        Number.parseInt(/** @type {HTMLInputElement} */ ($e(
+                          ancestor,
+                          '.dataViewSetByteOffset'
+                        )).value);
+                      const typedArrayValue =
+                        /** @type {HTMLInputElement} */ ($e(
+                          ancestor,
+                          '.typedArrayValue'
+                        )).value;
+                      const littleEndian =
+                        /** @type {HTMLInputElement|null} */ ($e(
+                          ancestor,
+                          '.littleEndian'
+                        ))?.checked;
+
+                      const byteLength =
+                        /**
+                         * @type {HTMLInputElement & {
+                         *   $dataView: DataView,
+                         * }}
+                         */ (
+                          $e(
+                            /** @type {HTMLElement} */
+                            (ancestor?.parentElement?.parentElement),
+                            '.byteLength'
+                          )
+                        );
+
+                      if (
+                        dataViewMethod === 'setBigInt64' ||
+                        dataViewMethod === 'setBigUint64'
+                      ) {
+                        byteLength.$dataView[dataViewMethod](
+                          dataViewSetByteOffset,
+                          BigInt(typedArrayValue),
+                          littleEndian
+                        );
+                      } else {
+                        byteLength.$dataView[dataViewMethod](
+                          dataViewSetByteOffset,
+                          Number(typedArrayValue),
+                          littleEndian
+                        );
+                      }
+
+                      const typedArrayLength =
+                        /**
+                         * @type {HTMLInputElement & {
+                         *   $buildTypedArray: BuildTypedArray
+                         * }}
+                         */ ($e(
+                          /** @type {HTMLElement} */
+                          (ancestor.parentElement?.parentElement),
+                          '.typedArrayLength'
+                        ));
+                      typedArrayLength.$buildTypedArray();
+                    }
+                  }
+                }, ['Set'])
+              );
+            }
+          }
+        }, [
+          ['option', {value: ''}, ['(Select a data view method)']],
+          ...dataViewMethods.map((dataViewMethod) => {
+            return /** @type {import('jamilih').JamilihArray} */ (
+              ['option', [dataViewMethod]]
+            );
+          })
+        ]],
+        ' ',
+        ['div', {class: 'dataViewArea'}]
+      ]]
+    ]));
+
+    if (this.setValue && value) {
+      this.setValue({root: div, value});
+    } else {
+      const byteLength =
+      /**
+       * @type {HTMLInputElement & {
+       *   $value: BufferSource
+       * }}
+       */ ($e(div, '.byteLength'));
+      byteLength.$value = new ArrayBuffer(0);
+    }
+
+    return [div];
+  }
+};
+
+/**
+ * @type {import('../types.js').TypeObject}
+ */
+const noneditableType = {
+  // Ideally, we would remove the option,
+  //   but edit forms currently need a pull-down option
+  option: ['Non-editable'],
+  getInput ({root}) {
+    return /** @type {HTMLButtonElement} */ ($e(root, 'button'));
+  },
+  setValue ({root, value}) {
+    /** @type {HTMLButtonElement & {$value: any}} */ (
+      this.getInput({root})
+    ).$value = value;
+    /** @type {HTMLSpanElement} */ (
+      $e(root, '.stringTag')
+    ).textContent = value === undefined
+      ? '(None)'
+      : toStringTag(value);
+  },
+  getValue ({root}) {
+    return /** @type {HTMLButtonElement & {$value: any}} */ (
+      this.getInput({root})
+    ).$value;
+  },
+  validate ({root}) {
+    const val = /** @type {HTMLButtonElement & {$value: any}} */ (
+      this.getInput({root})
+    ).$value;
+    return {
+      message: 'The non-editable type is only for passing on ' +
+        'pre-existing content that is unknown or currently unsupported',
+      valid: val !== undefined
+    };
+  },
+  viewUI ({value}) {
+    return ['div', {dataset: {type: 'resurrectable'}}, [
+      ['b', {class: 'emphasis'}, ['Non-editable']],
+      ['span', {
+        title: 'There is no current support for editing this element\'s ' +
+          'type, but its contents will be passed on transparently.'
+      }, ['?']],
+      ['b', ['String tag: ']],
+      toStringTag(value)
+    ]];
+  },
+  editUI ({typeNamespace, value}) {
+    return ['div', {dataset: {type: 'resurrectable'}}, [
+      ['a', {
+        // eslint-disable-next-line no-script-url -- Safe
+        href: 'javascript:void(0)',
+        $on: {
+          click (e) {
+            e.preventDefault();
+          }
+        },
+        title: 'There is no current support for editing this element\'s ' +
+          'type, but its contents will be passed on transparently.'
+      }, ['?']],
+      ' ',
+      ['button', {
+        $on: {
+          click (e) {
+            e.preventDefault();
+            console.log(/** @type {HTMLButtonElement & {$value: any}} */ (
+              this
+            ).$value);
+          }
+        },
+        name: `${typeNamespace}-resurrectable`,
+        $custom: {
+          $value: value
+        }
+      }, [
+        'Non-editable'
+      ]],
+      ['br'],
+      ['b', ['String tag: ']],
+      ['span', {class: 'stringTag'}, [value ? toStringTag(value) : '(None)']]
+    ]];
+  }
+};
+
+/**
+ * Utility to retrieve the property value given a legend element.
+ * @param {HTMLLegendElement} legend
+ * @returns {string}
+ */
+const getPropertyValueFromLegend = (legend) => {
+  const propElem = $e(legend, '*[data-prop="true"]');
+  if (!propElem) {
+    throw new Error(
+      'No property on the supplied legend element'
+    );
+  }
+  if (propElem.nodeName.toLowerCase() === 'input') {
+    return /** @type {HTMLInputElement} */ (propElem).value;
+  }
+  if (!propElem.textContent) {
+    throw new Error(
+      'No property with text present on the supplied legend element'
+    );
+  }
+  // 1-based to 0-based
+  return String(Number.parseInt(propElem.textContent) - 1);
+};
+
+/**
+ * Any other possibilities than `div`?
+ * @typedef {HTMLDivElement} RootElement
+ */
+
+/**
+ * Utility to retrieve the type out of a type root element.
+ * @callback GetTypeForRoot
+ * @param {?RootElement} root
+ * @returns {string} Why would it not exist?
+ */
+
+/**
+ * Utility to get the value out of a type root element with a given
+ *   state and path.
+ * @callback GetValueForRoot
+ * @param {RootElement} root
+ * @param {StateObject} [stateObj]
+ * @param {string} [currentPath]
+ * @returns {StructuredCloneValue}
+ */
+
+/**
+ * Utility to get the form control (e.g., input element) for a root.
+ * @callback GetFormControlForRoot
+ * @param {RootElement} root
+ * @returns {null|
+ *   HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement|HTMLButtonElement}
+ */
+
+/**
+ * Utility to get the value for a root using its ancestor and state.
+ * @callback GetValueFromRootAncestor
+ * @param {string|HTMLElement} selOrEl
+ * @param {StateObject} [stateObj]
+ * @returns {StructuredCloneValue}
+ */
+
+/**
+ * @callback GetFormControlFromRootAncestor
+ * @param {string|HTMLElement} selOrEl
+ * @returns {null|HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement|
+ *   HTMLButtonElement}
+ */
+
+/**
+ * @callback GetOptionForType
+ * @param {AvailableType} type
+ * @returns {[string, {value: AvailableType, title?: string}]}
+ */
+
+/**
+ * @callback GetTypeOptionsForFormatAndState
+ * @param {import('./formats.js').AvailableFormat} format
+ * @param {string} [parserState]
+ * @returns {[string, {value: AvailableType, title?: string}][]}
+ */
+
+/**
+ * @typedef {(
+*   keypath: string,
+*   parentPath: string,
+*   arrayOrObjectPropertyName: string,
+*   valueType: string
+* ) => StateObject} GetPossibleSchemasForPathAndType
+*/
+
+/**
+* @typedef {{
+*   typeNamespace?: string,
+*   "readonly"?: boolean,
+*   format?: import('./formats.js').AvailableFormat,
+*   formats?: import('./formats.js').default,
+*   types?: Types,
+*   error?: Error,
+*   rootUI?: Element,
+*   schema?: string,
+*   schemaContent?: object,
+*   getPossibleSchemasForPathAndType?: GetPossibleSchemasForPathAndType,
+*   paths?: {[currentPath: string]: {
+*     referentPath: string,
+*     expectArrayReferent: boolean
+*   }},
+*   handlingReference?: boolean
+* }} StateObject
+*/
+
+/* eslint-disable jsdoc/valid-types -- readonly reserved */
+/**
+ * @typedef {(cfg: {
+ *   readonly?: boolean,
+ *   resultType?: "both"|"keys"|"values",
+ *   typeNamespace?: string,
+ *   type: AvailableType,
+ *   topRoot?: RootElement,
  *   bringIntoFocus?: boolean|undefined,
  *   buildTypeChoices?: import('./typeChoices.js').BuildTypeChoices,
  *   format: import('./formats.js').AvailableFormat,
@@ -11201,6 +12929,16 @@ const getPropertyValueFromLegend = (legend) => {
 * ) => void} TypeObjectSetValue
  */
 
+/**
+ * @typedef {(
+ *   s: string, info?: RootInfo
+ * ) => {
+ *   value?: StructuredCloneValue,
+ *   remnant?: string,
+ *   assign?: false
+ * }} ToValue
+ */
+
 /**
  * @typedef {object} TypeObject
  * @property {[
@@ -11230,13 +12968,7 @@ const getPropertyValueFromLegend = (legend) => {
  *   check whether this subtype matches
  * @property {string} [superType] The greater fundamental type to which
  *   the type belongs
- * @property {(
- *   s: string, info?: RootInfo
- * ) => {
- *   value?: StructuredCloneValue,
- *   remnant?: string,
- *   assign?: false
- * }} toValue Converts from string to value. May use
+ * @property {ToValue} [toValue] Converts from string to value. May use
  *   `stringRegex` to find components.
  * @property {(info: {
  *   root: HTMLDivElement,
@@ -11301,13 +13033,19 @@ const getPropertyValueFromLegend = (legend) => {
  *   "objectReference"|"array"|"object"|"date"|"userObject"|"undef"|
  *   "SpecialRealNumber"|"SpecialNumber"|"regexp"|"BooleanObject"|
  *   "NumberObject"|"StringObject"|"map"|"set"|"file"|"filelist"|"blobHTML"|
- *   "arraybuffer"|"arraybufferview"|"dataview"|"imagedata"|"imagebitmap"|
+ *   "buffersource"|"dataview"|"imagedata"|"imagebitmap"|
  *   "int8array"|"uint8array"|"uint8clampedarray"|"int16array"|"uint16array"|
  *   "int32array"|"uint32array"|"float32array"|"float64array"|"ValidDate"|
  *   "arrayNonindexKeys"|"error"|"errors"|"blob"|"domexception"|"domrect"|
- *   "dompoint"|"dommatrix"} AvailableType
+ *   "dompoint"|"dommatrix"|"resurrectable"} AvailableType
  */
 
+/**
+ * @typedef {TypeObject & {
+*   childTypes: string[]
+* }} SuperTypeObject
+*/
+
 /**
  *
  */
@@ -11371,12 +13109,9 @@ class Types {
       dompoint: dompointType,
       dommatrix: dommatrixType,
 
-      arraybuffer: {
-        option: ['ArrayBuffer']
-      },
-      arraybufferview: {
-        option: ['ArrayBufferView']
-      },
+      resurrectable: noneditableType,
+
+      buffersource: buffersourceType,
       dataview: {
         option: ['DataView']
       },
@@ -11529,6 +13264,7 @@ class Types {
     // Ensure `stateObj` remains a reference if present
     return typeObject.getValue({
       root,
+      /* istanbul ignore next -- Guard */
       stateObj: stateObj ?? {
         types: this
       },
@@ -11573,11 +13309,12 @@ class Types {
 
   /** @type {GetOptionForType} */
   getOptionForType (type) {
+    const availableType = /** @type {TypeObject} */ (
+      this.availableTypes[type]
+    );
     /** @type {[string, {value?: AvailableType, title?: string}?]} */
     const optInfo = [
-      ...(/** @type {TypeObject} */ (
-        this.availableTypes[type]
-      )).option
+      ...availableType.option
     ];
     optInfo[1] = {value: type, ...(optInfo[1])};
     return /** @type {[string, {value: AvailableType, title?: string}]} */ (
@@ -11593,6 +13330,7 @@ class Types {
     if (!typesForFormatAndState) {
       throw new Error('Unexpected type for format and state');
     }
+
     return typesForFormatAndState.map((type) => {
       return this.getOptionForType(type);
     });
@@ -11775,7 +13513,12 @@ class Types {
       // console.log('s0', s, '::', remnant, match);
       let valObj;
       try {
-        valObj = /** @type {TypeObject} */ (found[1]).toValue(
+        const typeObj = /** @type {TypeObject} */ (found[1]);
+        /* istanbul ignore if -- TS guard */
+        if (!typeObj.toValue) {
+          throw new Error('Type has no `toValue` method');
+        }
+        valObj = typeObj.toValue(
           mtch.groups?.innerContent || innerContent || s, {
             types: this,
             format,
@@ -11815,7 +13558,7 @@ class Types {
       }
       if (firstRun) {
         const typeson = new c().register(
-          ae
+          ie
         );
         try {
           const topRoot = typeson.revive(value);