@zthun/romulator-web 1.2.0 → 1.3.1

package/dist/assets/{index-weK5iOs6.js → index-Dsf8H9t4.js}

@@ -217,12 +217,12 @@ function _object_spread$2$2(target) {
     return ZCircusWaitOptionsBuilder;
 }();
 
-function _array_like_to_array$f(arr, len) {
+function _array_like_to_array$d(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$f(arr) {
+function _array_with_holes$d(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$u(gen, resolve, reject, _next, _throw, key, arg) {
@@ -259,7 +259,7 @@ function _class_call_check$4$2(instance, Constructor) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$3$5(target, props) {
+function _defineProperties$3$4(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -268,11 +268,11 @@ function _defineProperties$3$5(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$3$5(Constructor, protoProps, staticProps) {
-    if (staticProps) _defineProperties$3$5(Constructor, staticProps);
+function _create_class$3$4(Constructor, protoProps, staticProps) {
+    if (staticProps) _defineProperties$3$4(Constructor, staticProps);
     return Constructor;
 }
-function _iterable_to_array_limit$d(arr, i) {
+function _iterable_to_array_limit$c(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -296,19 +296,19 @@ function _iterable_to_array_limit$d(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$f() {
+function _non_iterable_rest$d() {
     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 _sliced_to_array$d(arr, i) {
-    return _array_with_holes$f(arr) || _iterable_to_array_limit$d(arr, i) || _unsupported_iterable_to_array$f(arr, i) || _non_iterable_rest$f();
+function _sliced_to_array$c(arr, i) {
+    return _array_with_holes$d(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$d();
 }
-function _unsupported_iterable_to_array$f(o, minLen) {
+function _unsupported_iterable_to_array$d(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$f(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$d(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$f(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$d(o, minLen);
 }
 function _ts_generator$u(thisArg, body) {
     var f, y, t, _ = {
@@ -416,7 +416,7 @@ var _selector = function(root, name) {
     function ZCircusBy() {
         _class_call_check$4$2(this, ZCircusBy);
     }
-    _create_class$3$5(ZCircusBy, null, [
+    _create_class$3$4(ZCircusBy, null, [
         {
             key: "all",
             value: /**
@@ -429,6 +429,9 @@ var _selector = function(root, name) {
    * @param selector -
    *        The optional selector to query.  If this is falsy,
    *        the the component model internal selector is used.
+   *
+   * @returns
+   *        A list of component models that match the selector.
    */ function all(_0, _1) {
                 return _async_to_generator$u(function(driver, CircusComponentModel) {
                     var selector, target;
@@ -552,7 +555,7 @@ var _selector = function(root, name) {
                                     driver.query(selector)
                                 ];
                             case 1:
-                                _ref = _sliced_to_array$d.apply(void 0, [
+                                _ref = _sliced_to_array$c.apply(void 0, [
                                     _state.sent(),
                                     1
                                 ]), found = _ref[0];
@@ -569,12 +572,12 @@ var _selector = function(root, name) {
     return ZCircusBy;
 }();
 
-function _class_call_check$3$5(instance, Constructor) {
+function _class_call_check$3$4(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _define_property$3$5(obj, key, value) {
+function _define_property$3$4(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -590,19 +593,19 @@ function _define_property$3$5(obj, key, value) {
 /**
  * Represents a helper class to construct component models in a common way.
  */ var ZCircusComponentModel = function ZCircusComponentModel(driver) {
-    _class_call_check$3$5(this, ZCircusComponentModel);
-    _define_property$3$5(this, "driver", void 0);
+    _class_call_check$3$4(this, ZCircusComponentModel);
+    _define_property$3$4(this, "driver", void 0);
     this.driver = driver;
 };
 
 /**
  * Represents a key on a keyboard.
- */ function _class_call_check$2$6(instance, Constructor) {
+ */ function _class_call_check$2$5(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$2$5(target, props) {
+function _defineProperties$2$4(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -611,11 +614,11 @@ function _defineProperties$2$5(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$2$5(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$2$5(Constructor.prototype, protoProps);
+function _create_class$2$4(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$2$4(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$2$8(obj, key, value) {
+function _define_property$2$7(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -638,7 +641,7 @@ function _object_spread$1$3(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$2$8(target, key, source[key]);
+            _define_property$2$7(target, key, source[key]);
         });
     }
     return target;
@@ -647,8 +650,8 @@ function _object_spread$1$3(target) {
  * Represents a builder for an IZCircusKey object.
  */ var ZCircusKeyBuilder = /*#__PURE__*/ function() {
     function ZCircusKeyBuilder(key, code) {
-        _class_call_check$2$6(this, ZCircusKeyBuilder);
-        _define_property$2$8(this, "_key", void 0);
+        _class_call_check$2$5(this, ZCircusKeyBuilder);
+        _define_property$2$7(this, "_key", void 0);
         this._key = {
             lower: key,
             code: code,
@@ -659,7 +662,7 @@ function _object_spread$1$3(target) {
             toggle: false
         };
     }
-    _create_class$2$5(ZCircusKeyBuilder, [
+    _create_class$2$4(ZCircusKeyBuilder, [
         {
             key: "upper",
             value: /**
@@ -850,12 +853,12 @@ function _object_spread$1$3(target) {
     numpadEnter: new ZCircusKeyBuilder("Enter", "NumpadEnter").build()
 });
 
-function _class_call_check$1$7(instance, Constructor) {
+function _class_call_check$1$6(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$1$7(target, props) {
+function _defineProperties$1$6(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -864,11 +867,11 @@ function _defineProperties$1$7(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$1$7(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$1$7(Constructor.prototype, protoProps);
+function _create_class$1$6(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$1$6(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$1$7(obj, key, value) {
+function _define_property$1$6(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -886,15 +889,15 @@ function _define_property$1$7(obj, key, value) {
  */ var ZCircusKeyTranslator = /*#__PURE__*/ function() {
     function ZCircusKeyTranslator(keys) {
         var _this = this;
-        _class_call_check$1$7(this, ZCircusKeyTranslator);
-        _define_property$1$7(this, "_lowerCaseToKeyValue", new Map());
-        _define_property$1$7(this, "_upperCaseToKeyValue", new Map());
+        _class_call_check$1$6(this, ZCircusKeyTranslator);
+        _define_property$1$6(this, "_lowerCaseToKeyValue", new Map());
+        _define_property$1$6(this, "_upperCaseToKeyValue", new Map());
         keys.forEach(function(key) {
             _this._lowerCaseToKeyValue.set(key.lower, key);
             _this._upperCaseToKeyValue.set(key.upper, key);
         });
     }
-    _create_class$1$7(ZCircusKeyTranslator, [
+    _create_class$1$6(ZCircusKeyTranslator, [
         {
             key: "translate",
             value: /**
@@ -914,7 +917,7 @@ function _define_property$1$7(obj, key, value) {
     ]);
     return ZCircusKeyTranslator;
 }();
-_define_property$1$7(ZCircusKeyTranslator, "Qwerty", new ZCircusKeyTranslator(Object.values(ZCircusKeyboardQwerty)));
+_define_property$1$6(ZCircusKeyTranslator, "Qwerty", new ZCircusKeyTranslator(Object.values(ZCircusKeyboardQwerty)));
 
 /**
  * Represents a type of action that can be performed.
@@ -968,7 +971,7 @@ function _define_property$M(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$p(target) {
+function _object_spread$i(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -1055,7 +1058,7 @@ function _object_spread$p(target) {
    * @returns
    *        This object.
    */ function action(action) {
-                this._actions.push(_object_spread$p({}, action));
+                this._actions.push(_object_spread$i({}, action));
                 return this;
             }
         },
@@ -1321,13 +1324,13 @@ function isEmptyObject(candidate) {
  * @returns
  *        The first value for where predicate returns true for the given argument value.
  *        If first and all values of remaining fail the predicate then fallback is returned.
- */ function _array_like_to_array$2$2(arr, len) {
+ */ function _array_like_to_array$2$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
 function _array_without_holes$2(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$2$2(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$2$1(arr);
 }
 function _iterable_to_array$2(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
@@ -1336,15 +1339,15 @@ function _non_iterable_spread$2() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _to_consumable_array$2(arr) {
-    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$2$2(arr) || _non_iterable_spread$2();
+    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$2$1(arr) || _non_iterable_spread$2();
 }
-function _unsupported_iterable_to_array$2$2(o, minLen) {
+function _unsupported_iterable_to_array$2$1(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$2$2(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$2$1(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2$2(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2$1(o, minLen);
 }
 function firstWhere(predicate, fallback, first) {
     for(var _len = arguments.length, remaining = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++){
@@ -1972,7 +1975,7 @@ function _define_property$4$4(obj, key, value) {
  *        {@link joinDefined} for more information and examples.
  */ joinDefined.bind(null, "|");
 
-function asyncGeneratorStep$2$2(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$2$1(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -1986,27 +1989,27 @@ function asyncGeneratorStep$2$2(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$2$2(fn) {
+function _async_to_generator$2$1(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$2$2(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$2$1(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$2$2(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$2$1(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
     };
 }
-function _class_call_check$3$4(instance, Constructor) {
+function _class_call_check$3$3(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$3$4(target, props) {
+function _defineProperties$3$3(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -2015,11 +2018,11 @@ function _defineProperties$3$4(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$3$4(Constructor, protoProps, staticProps) {
-    _defineProperties$3$4(Constructor.prototype, protoProps);
+function _create_class$3$3(Constructor, protoProps, staticProps) {
+    _defineProperties$3$3(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$2$7(obj, key, value) {
+function _define_property$2$6(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -2032,7 +2035,7 @@ function _define_property$2$7(obj, key, value) {
     }
     return obj;
 }
-function _ts_generator$2$2(thisArg, body) {
+function _ts_generator$2$1(thisArg, body) {
     var f, y, t, _ = {
         label: 0,
         sent: function() {
@@ -2125,12 +2128,12 @@ function _ts_generator$2$2(thisArg, body) {
 }
 var ZLazy = /*#__PURE__*/ function() {
     function ZLazy(_factory) {
-        _class_call_check$3$4(this, ZLazy);
-        _define_property$2$7(this, "_factory", void 0);
-        _define_property$2$7(this, "_value", void 0);
+        _class_call_check$3$3(this, ZLazy);
+        _define_property$2$6(this, "_factory", void 0);
+        _define_property$2$6(this, "_value", void 0);
         this._factory = _factory;
     }
-    _create_class$3$4(ZLazy, [
+    _create_class$3$3(ZLazy, [
         {
             key: "initialized",
             value: function initialized() {
@@ -2140,8 +2143,8 @@ var ZLazy = /*#__PURE__*/ function() {
         {
             key: "get",
             value: function get() {
-                return _async_to_generator$2$2(function() {
-                    return _ts_generator$2$2(this, function(_state) {
+                return _async_to_generator$2$1(function() {
+                    return _ts_generator$2$1(this, function(_state) {
                         if (this._value == null) {
                             this._value = this._factory();
                         }
@@ -2162,7 +2165,7 @@ var ZLazy = /*#__PURE__*/ function() {
  *
  * @param T -
  *        The type of value that is being checked.
- */ function asyncGeneratorStep$1$2(gen, resolve, reject, _next, _throw, key, arg) {
+ */ function asyncGeneratorStep$1$1(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -2176,22 +2179,22 @@ var ZLazy = /*#__PURE__*/ function() {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$1$2(fn) {
+function _async_to_generator$1$1(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$1$2(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$1$1(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$1$2(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$1$1(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
     };
 }
-function _ts_generator$1$2(thisArg, body) {
+function _ts_generator$1$1(thisArg, body) {
     var f, y, t, _ = {
         label: 0,
         sent: function() {
@@ -2299,9 +2302,9 @@ function _ts_generator$1$2(thisArg, body) {
  * @throws
  *        An error if the value is null or undefined.
  */ function required(val) {
-    return _async_to_generator$1$2(function() {
+    return _async_to_generator$1$1(function() {
         var _val;
-        return _ts_generator$1$2(this, function(_state) {
+        return _ts_generator$1$1(this, function(_state) {
             switch(_state.label){
                 case 0:
                     if (val == null) {
@@ -2548,15 +2551,15 @@ function _ts_generator$1$2(thisArg, body) {
  *   }
  * `
  * ```
- */ function _array_like_to_array$d(arr, len) {
+ */ function _array_like_to_array$c(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$d(arr) {
+function _array_with_holes$c(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$c(arr, i) {
+function _iterable_to_array_limit$5(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -2580,25 +2583,25 @@ function _iterable_to_array_limit$c(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$d() {
+function _non_iterable_rest$c() {
     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 _sliced_to_array$c(arr, i) {
-    return _array_with_holes$d(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$d();
+function _sliced_to_array$5(arr, i) {
+    return _array_with_holes$c(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$c();
 }
-function _unsupported_iterable_to_array$d(o, minLen) {
+function _unsupported_iterable_to_array$c(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$d(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$c(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$d(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$c(o, minLen);
 }
 function tag(strings) {
     for(var _len = arguments.length, expressions = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
         expressions[_key - 1] = arguments[_key];
     }
-    var _strings = _sliced_to_array$c(strings, 1), result = _strings[0];
+    var _strings = _sliced_to_array$5(strings, 1), result = _strings[0];
     for(var i = 1, l = strings.length; i < l; i++){
         result += expressions[i - 1];
         result += strings[i];
@@ -7053,7 +7056,7 @@ function trimStart(string, chars, guard) {
   return castSlice(strSymbols, start).join('');
 }
 
-function _class_call_check$2$5(instance, Constructor) {
+function _class_call_check$2$4(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
@@ -7075,7 +7078,7 @@ function isDeviceValues(value) {
     return value != null && Object.prototype.hasOwnProperty.call(value, "xl");
 }
 var ZDeviceValues = function ZDeviceValues(value, fallback) {
-    _class_call_check$2$5(this, ZDeviceValues);
+    _class_call_check$2$4(this, ZDeviceValues);
     _define_property$9$2(this, "xl", void 0);
     _define_property$9$2(this, "lg", void 0);
     _define_property$9$2(this, "md", void 0);
@@ -7124,12 +7127,12 @@ var ZDeviceValues = function ZDeviceValues(value, fallback) {
     return ZSizeFixed;
 }({});
 
-function _class_call_check$1$6(instance, Constructor) {
+function _class_call_check$1$5(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$1$6(target, props) {
+function _defineProperties$1$5(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -7138,8 +7141,8 @@ function _defineProperties$1$6(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$1$6(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$1$6(Constructor.prototype, protoProps);
+function _create_class$1$5(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$1$5(Constructor.prototype, protoProps);
     return Constructor;
 }
 function _define_property$8$2(obj, key, value) {
@@ -7157,11 +7160,11 @@ function _define_property$8$2(obj, key, value) {
 }
 var ZFashionDevice = /*#__PURE__*/ function() {
     function ZFashionDevice() {
-        _class_call_check$1$6(this, ZFashionDevice);
+        _class_call_check$1$5(this, ZFashionDevice);
         var _obj;
         _define_property$8$2(this, "breakpoints", (_obj = {}, _define_property$8$2(_obj, ZSizeFixed.ExtraSmall, "600px"), _define_property$8$2(_obj, ZSizeFixed.Small, "900px"), _define_property$8$2(_obj, ZSizeFixed.Medium, "1200px"), _define_property$8$2(_obj, ZSizeFixed.Large, "1536px"), _define_property$8$2(_obj, ZSizeFixed.ExtraLarge, "Infinity"), _obj));
     }
-    _create_class$1$6(ZFashionDevice, [
+    _create_class$1$5(ZFashionDevice, [
         {
             key: "break",
             value: function _break(size) {
@@ -7314,7 +7317,7 @@ function _define_property$4$3(obj, key, value) {
     return ZSizeVaried;
 }({});
 
-function _define_property$3$4(obj, key, value) {
+function _define_property$3$3(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7335,7 +7338,7 @@ function _define_property$3$4(obj, key, value) {
  *        to css supported values.
  */ function createSizeChartVariedCss() {
     var _obj;
-    return _obj = {}, _define_property$3$4(_obj, ZSizeVaried.Fit, "auto"), _define_property$3$4(_obj, ZSizeVaried.Full, "100%"), _obj;
+    return _obj = {}, _define_property$3$3(_obj, ZSizeVaried.Fit, "auto"), _define_property$3$3(_obj, ZSizeVaried.Full, "100%"), _obj;
 }
 
 /**
@@ -7349,7 +7352,7 @@ function _define_property$3$4(obj, key, value) {
     return ZSizeVoid;
 }({});
 
-function _define_property$2$6(obj, key, value) {
+function _define_property$2$5(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7372,7 +7375,7 @@ function _define_property$2$6(obj, key, value) {
  * @returns
  *        The void size chart to set a css size to nothing.
  */ function createSizeChartVoidCss() {
-    return _define_property$2$6({}, ZSizeVoid.None, "0");
+    return _define_property$2$5({}, ZSizeVoid.None, "0");
 }
 
 function _class_call_check$G(instance, Constructor) {
@@ -7393,7 +7396,7 @@ function _create_class$G(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$G(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$1$6(obj, key, value) {
+function _define_property$1$5(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7406,7 +7409,7 @@ function _define_property$1$6(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$i(target) {
+function _object_spread$g(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -7416,12 +7419,12 @@ function _object_spread$i(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$1$6(target, key, source[key]);
+            _define_property$1$5(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$2(object, enumerableOnly) {
+function ownKeys$1(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -7429,12 +7432,12 @@ function ownKeys$2(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$2(target, source) {
+function _object_spread_props$1(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$2(Object(source)).forEach(function(key) {
+        ownKeys$1(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -7443,18 +7446,18 @@ function _object_spread_props$2(target, source) {
 var ZFashionTailor = /*#__PURE__*/ function() {
     function ZFashionTailor() {
         _class_call_check$G(this, ZFashionTailor);
-        _define_property$1$6(this, "_gaps", _object_spread_props$2(_object_spread$i({}, createSizeChartFixedCss(createSizeChartFixedFibonacci(0.5, 1), "rem"), createSizeChartVoidCss()), _define_property$1$6({}, ZSizeVaried.Fit, "auto")));
-        _define_property$1$6(this, "_thickness", _object_spread$i({}, createSizeChartFixedCss(createSizeChartFixedArithmetic(0.0625, 0.0625), "rem"), createSizeChartVoidCss()));
-        _define_property$1$6(this, "_rounding", _object_spread_props$2(_object_spread$i({}, createSizeChartFixedCss(createSizeChartFixedArithmetic(0.15, 0.25), "rem"), createSizeChartVoidCss()), _define_property$1$6({}, ZSizeVaried.Full, "50%")));
-        _define_property$1$6(this, "gapsChart", this._sizeChart.bind(this, "_gaps"));
-        _define_property$1$6(this, "thicknessChart", this._sizeChart.bind(this, "_thickness"));
-        _define_property$1$6(this, "roundingChart", this._sizeChart.bind(this, "_rounding"));
+        _define_property$1$5(this, "_gaps", _object_spread_props$1(_object_spread$g({}, createSizeChartFixedCss(createSizeChartFixedFibonacci(0.5, 1), "rem"), createSizeChartVoidCss()), _define_property$1$5({}, ZSizeVaried.Fit, "auto")));
+        _define_property$1$5(this, "_thickness", _object_spread$g({}, createSizeChartFixedCss(createSizeChartFixedArithmetic(0.0625, 0.0625), "rem"), createSizeChartVoidCss()));
+        _define_property$1$5(this, "_rounding", _object_spread_props$1(_object_spread$g({}, createSizeChartFixedCss(createSizeChartFixedArithmetic(0.15, 0.25), "rem"), createSizeChartVoidCss()), _define_property$1$5({}, ZSizeVaried.Full, "50%")));
+        _define_property$1$5(this, "gapsChart", this._sizeChart.bind(this, "_gaps"));
+        _define_property$1$5(this, "thicknessChart", this._sizeChart.bind(this, "_thickness"));
+        _define_property$1$5(this, "roundingChart", this._sizeChart.bind(this, "_rounding"));
     }
     _create_class$G(ZFashionTailor, [
         {
             key: "_sizeChart",
             value: function _sizeChart(path, chart) {
-                var _chart = _object_spread$i({}, chart, createSizeChartVoidCss(), createSizeChartVariedCss());
+                var _chart = _object_spread$g({}, chart, createSizeChartVoidCss(), createSizeChartVariedCss());
                 var updated = new ZFashionTailor();
                 set(updated, path, _chart);
                 return updated;
@@ -7485,15 +7488,15 @@ var ZFashionTailor = /*#__PURE__*/ function() {
     return ZFashionTailor;
 }();
 
-function _array_like_to_array$1$4(arr, len) {
+function _array_like_to_array$1$3(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$1$4(arr) {
+function _array_with_holes$1$3(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$1$4(arr, i) {
+function _iterable_to_array_limit$1$3(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -7517,19 +7520,19 @@ function _iterable_to_array_limit$1$4(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$1$4() {
+function _non_iterable_rest$1$3() {
     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 _sliced_to_array$1$4(arr, i) {
-    return _array_with_holes$1$4(arr) || _iterable_to_array_limit$1$4(arr, i) || _unsupported_iterable_to_array$1$4(arr, i) || _non_iterable_rest$1$4();
+function _sliced_to_array$1$3(arr, i) {
+    return _array_with_holes$1$3(arr) || _iterable_to_array_limit$1$3(arr, i) || _unsupported_iterable_to_array$1$3(arr, i) || _non_iterable_rest$1$3();
 }
-function _unsupported_iterable_to_array$1$4(o, minLen) {
+function _unsupported_iterable_to_array$1$3(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$1$4(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$1$3(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1$4(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1$3(o, minLen);
 }
 /**
  * Converts r, g, and b to a single numeric value.
@@ -7601,7 +7604,7 @@ function _unsupported_iterable_to_array$1$4(o, minLen) {
     var GREEN = 0.7152;
     var BLUE = 0.0722;
     var GAMMA = 2.4;
-    var _toRgb = _sliced_to_array$1$4(toRgb(c), 3), r = _toRgb[0], g = _toRgb[1], b = _toRgb[2];
+    var _toRgb = _sliced_to_array$1$3(toRgb(c), 3), r = _toRgb[0], g = _toRgb[1], b = _toRgb[2];
     var a = [
         r,
         g,
@@ -7672,15 +7675,15 @@ function _unsupported_iterable_to_array$1$4(o, minLen) {
  *        The output from rgb(255, 255, 255, 1);
  */ var white = rgb.bind(null, 255, 255, 255, 1);
 
-function _array_like_to_array$c(arr, len) {
+function _array_like_to_array$5(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$c(arr) {
+function _array_with_holes$5(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$5(arr, i) {
+function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -7704,19 +7707,19 @@ function _iterable_to_array_limit$5(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$c() {
+function _non_iterable_rest$5() {
     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 _sliced_to_array$5(arr, i) {
-    return _array_with_holes$c(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$c();
+function _sliced_to_array(arr, i) {
+    return _array_with_holes$5(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array$5(arr, i) || _non_iterable_rest$5();
 }
-function _unsupported_iterable_to_array$c(o, minLen) {
+function _unsupported_iterable_to_array$5(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$c(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$5(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$c(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$5(o, minLen);
 }
 /**
  * Constructs a css color from a number.
@@ -7730,16 +7733,16 @@ function _unsupported_iterable_to_array$c(o, minLen) {
  *        The css color from the number.  This will
  *        use the rgb format.
  */ function hex(v) {
-    var _toRgb = _sliced_to_array$5(toRgb(v), 3), r = _toRgb[0], g = _toRgb[1], b = _toRgb[2];
+    var _toRgb = _sliced_to_array(toRgb(v), 3), r = _toRgb[0], g = _toRgb[1], b = _toRgb[2];
     return rgb(r, g, b);
 }
 
-function _class_call_check$3$3(instance, Constructor) {
+function _class_call_check$3$2(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$3$3(target, props) {
+function _defineProperties$3$2(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -7748,11 +7751,11 @@ function _defineProperties$3$3(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$3$3(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$3$3(Constructor.prototype, protoProps);
+function _create_class$3$2(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$3$2(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$3$3(obj, key, value) {
+function _define_property$3$2(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7772,11 +7775,11 @@ function _define_property$3$3(obj, key, value) {
  * being the fallback for everything.
  */ var ZColorPicker = /*#__PURE__*/ function() {
     function ZColorPicker(fashion) {
-        _class_call_check$3$3(this, ZColorPicker);
-        _define_property$3$3(this, "fashion", void 0);
+        _class_call_check$3$2(this, ZColorPicker);
+        _define_property$3$2(this, "fashion", void 0);
         this.fashion = fashion;
     }
-    _create_class$3$3(ZColorPicker, [
+    _create_class$3$2(ZColorPicker, [
         {
             key: "idle",
             get: function get() {
@@ -7839,12 +7842,12 @@ function _define_property$3$3(obj, key, value) {
     return ZColorPicker;
 }();
 
-function _class_call_check$2$4(instance, Constructor) {
+function _class_call_check$2$3(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$2$4(target, props) {
+function _defineProperties$2$3(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -7853,11 +7856,11 @@ function _defineProperties$2$4(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$2$4(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$2$4(Constructor.prototype, protoProps);
+function _create_class$2$3(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$2$3(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$2$5(obj, key, value) {
+function _define_property$2$4(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7880,18 +7883,18 @@ function _object_spread$1$2(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$2$5(target, key, source[key]);
+            _define_property$2$4(target, key, source[key]);
         });
     }
     return target;
 }
 var ZFashionStateBuilder = /*#__PURE__*/ function() {
     function ZFashionStateBuilder() {
-        _class_call_check$2$4(this, ZFashionStateBuilder);
-        _define_property$2$5(this, "_state", void 0);
+        _class_call_check$2$3(this, ZFashionStateBuilder);
+        _define_property$2$4(this, "_state", void 0);
         this._state = {};
     }
-    _create_class$2$4(ZFashionStateBuilder, [
+    _create_class$2$3(ZFashionStateBuilder, [
         {
             key: "main",
             value: function main(color) {
@@ -7941,12 +7944,12 @@ var ZFashionStateBuilder = /*#__PURE__*/ function() {
     return ZFashionStateBuilder;
 }();
 
-function _class_call_check$1$5(instance, Constructor) {
+function _class_call_check$1$4(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$1$5(target, props) {
+function _defineProperties$1$4(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -7955,11 +7958,11 @@ function _defineProperties$1$5(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$1$5(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$1$5(Constructor.prototype, protoProps);
+function _create_class$1$4(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$1$4(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$1$5(obj, key, value) {
+function _define_property$1$4(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -7972,7 +7975,7 @@ function _define_property$1$5(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$g(target) {
+function _object_spread$c(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -7982,7 +7985,7 @@ function _object_spread$g(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$1$5(target, key, source[key]);
+            _define_property$1$4(target, key, source[key]);
         });
     }
     return target;
@@ -7991,8 +7994,8 @@ function _object_spread$g(target) {
  * Represents a builder for a complementary fashion objects.
  */ var ZFashionBuilder = /*#__PURE__*/ function() {
     function ZFashionBuilder() {
-        _class_call_check$1$5(this, ZFashionBuilder);
-        _define_property$1$5(this, "_fashion", void 0);
+        _class_call_check$1$4(this, ZFashionBuilder);
+        _define_property$1$4(this, "_fashion", void 0);
         this._fashion = {
             idle: {
                 main: white(),
@@ -8000,7 +8003,7 @@ function _object_spread$g(target) {
             }
         };
     }
-    _create_class$1$5(ZFashionBuilder, [
+    _create_class$1$4(ZFashionBuilder, [
         {
             key: "name",
             value: /**
@@ -8087,7 +8090,7 @@ function _object_spread$g(target) {
    * @returns
    *        This object.
    */ function focus(state) {
-                this._fashion.focus = _object_spread$g({}, state);
+                this._fashion.focus = _object_spread$c({}, state);
                 return this;
             }
         },
@@ -8102,7 +8105,7 @@ function _object_spread$g(target) {
    * @returns
    *        This object.
    */ function hover(state) {
-                this._fashion.hover = _object_spread$g({}, state);
+                this._fashion.hover = _object_spread$c({}, state);
                 return this;
             }
         },
@@ -8117,7 +8120,7 @@ function _object_spread$g(target) {
    * @returns
    *        This object.
    */ function active(state) {
-                this._fashion.active = _object_spread$g({}, state);
+                this._fashion.active = _object_spread$c({}, state);
                 return this;
             }
         },
@@ -8132,7 +8135,7 @@ function _object_spread$g(target) {
    * @returns
    *        This object.
    */ function visited(state) {
-                this._fashion.visited = _object_spread$g({}, state);
+                this._fashion.visited = _object_spread$c({}, state);
                 return this;
             }
         },
@@ -12590,12 +12593,12 @@ function _create_class$f$1(Constructor, protoProps, staticProps) {
  * A list of all possible filter operators in one collection.
  */ var ZOperatorsFilter = [].concat(ZOperatorsBinary).concat(ZOperatorsCollection).concat(ZOperatorsLogic).concat(ZOperatorsUnary);
 
-function _array_like_to_array$2$1(arr, len) {
+function _array_like_to_array$2(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$2$1(arr) {
+function _array_with_holes$2(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _class_call_check$e$1(instance, Constructor) {
@@ -12616,7 +12619,7 @@ function _create_class$e$1(Constructor, protoProps, staticProps) {
     _defineProperties$e$1(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _iterable_to_array_limit$2$1(arr, i) {
+function _iterable_to_array_limit$2(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -12640,19 +12643,19 @@ function _iterable_to_array_limit$2$1(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$2$1() {
+function _non_iterable_rest$2() {
     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 _sliced_to_array$2$1(arr, i) {
-    return _array_with_holes$2$1(arr) || _iterable_to_array_limit$2$1(arr, i) || _unsupported_iterable_to_array$2$1(arr, i) || _non_iterable_rest$2$1();
+function _sliced_to_array$2(arr, i) {
+    return _array_with_holes$2(arr) || _iterable_to_array_limit$2(arr, i) || _unsupported_iterable_to_array$2(arr, i) || _non_iterable_rest$2();
 }
-function _unsupported_iterable_to_array$2$1(o, minLen) {
+function _unsupported_iterable_to_array$2(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$2$1(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$2(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2$1(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
 }
 /**
  * Represents a parser object that can parse an {@link IZFilter} from a string.
@@ -12674,7 +12677,7 @@ function _unsupported_iterable_to_array$2$1(o, minLen) {
    * @throws
    *        If there is a syntax error in candidate.
    */ function deserialize(candidate) {
-                var _this__parseFilter = _sliced_to_array$2$1(this._parseFilter(candidate), 2), filter = _this__parseFilter[0], rest = _this__parseFilter[1];
+                var _this__parseFilter = _sliced_to_array$2(this._parseFilter(candidate), 2), filter = _this__parseFilter[0], rest = _this__parseFilter[1];
                 if (trim$2(rest).length > 0) {
                     throw new Error("Extraneous characters found at the end of the candidate filter: ".concat(rest));
                 }
@@ -12684,7 +12687,7 @@ function _unsupported_iterable_to_array$2$1(o, minLen) {
         {
             key: "_peelBetweenParens",
             value: function _peelBetweenParens(args) {
-                var _peelBetween = _sliced_to_array$2$1(peelBetween(args, "(", ")"), 2), argList = _peelBetween[0], rest = _peelBetween[1];
+                var _peelBetween = _sliced_to_array$2(peelBetween(args, "(", ")"), 2), argList = _peelBetween[0], rest = _peelBetween[1];
                 if (argList == null) {
                     throw new Error("Unable to find opening and closing parenthesis for ".concat(args, ".  Check syntax."));
                 }
@@ -12698,7 +12701,7 @@ function _unsupported_iterable_to_array$2$1(o, minLen) {
             key: "_splitArgs",
             value: function _splitArgs(operator, args, minArgs) {
                 var maxArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : minArgs;
-                var _this__peelBetweenParens = _sliced_to_array$2$1(this._peelBetweenParens(args), 2), argList = _this__peelBetweenParens[0], rest = _this__peelBetweenParens[1];
+                var _this__peelBetweenParens = _sliced_to_array$2(this._peelBetweenParens(args), 2), argList = _this__peelBetweenParens[0], rest = _this__peelBetweenParens[1];
                 var splitArgs = argList.split(",").filter(function(x) {
                     return !!x;
                 });
@@ -12721,8 +12724,8 @@ function _unsupported_iterable_to_array$2$1(o, minLen) {
         {
             key: "_parseUnaryFilter",
             value: function _parseUnaryFilter(operator, args) {
-                var _this__splitArgs = _sliced_to_array$2$1(this._splitArgs(operator, args, 1), 2), argList = _this__splitArgs[0], rest = _this__splitArgs[1];
-                var _argList = _sliced_to_array$2$1(argList, 1), subject = _argList[0];
+                var _this__splitArgs = _sliced_to_array$2(this._splitArgs(operator, args, 1), 2), argList = _this__splitArgs[0], rest = _this__splitArgs[1];
+                var _argList = _sliced_to_array$2(argList, 1), subject = _argList[0];
                 subject = trim$2(subject);
                 return [
                     new ZFilterUnaryBuilder().operator(operator).subject(subject).build(),
@@ -12733,8 +12736,8 @@ function _unsupported_iterable_to_array$2$1(o, minLen) {
         {
             key: "_parseBinaryFilter",
             value: function _parseBinaryFilter(operator, args) {
-                var _this__splitArgs = _sliced_to_array$2$1(this._splitArgs(operator, args, 2), 2), argList = _this__splitArgs[0], rest = _this__splitArgs[1];
-                var _argList = _sliced_to_array$2$1(argList, 2), subject = _argList[0], value = _argList[1];
+                var _this__splitArgs = _sliced_to_array$2(this._splitArgs(operator, args, 2), 2), argList = _this__splitArgs[0], rest = _this__splitArgs[1];
+                var _argList = _sliced_to_array$2(argList, 2), subject = _argList[0], value = _argList[1];
                 subject = trim$2(subject);
                 value = JSON.parse(value);
                 return [
@@ -12746,8 +12749,8 @@ function _unsupported_iterable_to_array$2$1(o, minLen) {
         {
             key: "_parseCollectionFilter",
             value: function _parseCollectionFilter(operator, args) {
-                var _this__splitArgs = _sliced_to_array$2$1(this._splitArgs(operator, args, 1, Infinity), 2), argList = _this__splitArgs[0], rest = _this__splitArgs[1];
-                var _argList = _sliced_to_array$2$1(argList, 1), subject = _argList[0];
+                var _this__splitArgs = _sliced_to_array$2(this._splitArgs(operator, args, 1, Infinity), 2), argList = _this__splitArgs[0], rest = _this__splitArgs[1];
+                var _argList = _sliced_to_array$2(argList, 1), subject = _argList[0];
                 subject = trim$2(subject);
                 var values = argList.slice(1).map(function(a) {
                     return JSON.parse(trim$2(a));
@@ -12762,14 +12765,14 @@ function _unsupported_iterable_to_array$2$1(o, minLen) {
             key: "_parseLogicFilter",
             value: function _parseLogicFilter(operator, args) {
                 var argsList = this._peelBetweenParens(trim$2(args));
-                var _argsList = _sliced_to_array$2$1(argsList, 1), remaining = _argsList[0];
-                var _argsList1 = _sliced_to_array$2$1(argsList, 2), rest = _argsList1[1];
+                var _argsList = _sliced_to_array$2(argsList, 1), remaining = _argsList[0];
+                var _argsList1 = _sliced_to_array$2(argsList, 2), rest = _argsList1[1];
                 var builder = new ZFilterLogicBuilder().operator(operator);
                 while(remaining){
                     var split = this._parseFilter(remaining);
-                    var _split = _sliced_to_array$2$1(split, 1), clause = _split[0];
+                    var _split = _sliced_to_array$2(split, 1), clause = _split[0];
                     var ref;
-                    ref = _sliced_to_array$2$1(split, 2), remaining = ref[1];
+                    ref = _sliced_to_array$2(split, 2), remaining = ref[1];
                     remaining = trimStart(remaining, " ,");
                     builder = builder.clause(clause);
                 }
@@ -12782,7 +12785,7 @@ function _unsupported_iterable_to_array$2$1(o, minLen) {
         {
             key: "_parseFilter",
             value: function _parseFilter(candidate) {
-                var _peel = _sliced_to_array$2$1(peel(trim$2(candidate), ZOperatorsFilter), 2), operator = _peel[0], rest = _peel[1];
+                var _peel = _sliced_to_array$2(peel(trim$2(candidate), ZOperatorsFilter), 2), operator = _peel[0], rest = _peel[1];
                 if (isUnaryOperator(operator)) {
                     return this._parseUnaryFilter(operator, rest);
                 }
@@ -13141,12 +13144,12 @@ function _define_property$4$2(obj, key, value) {
  * A list of all sort directions.
  */ var ZSortDirections = values(ZSortDirection);
 
-function _array_like_to_array$1$3(arr, len) {
+function _array_like_to_array$1$2(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$1$3(arr) {
+function _array_with_holes$1$2(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _class_call_check$5$1(instance, Constructor) {
@@ -13167,7 +13170,7 @@ function _create_class$5$1(Constructor, protoProps, staticProps) {
     _defineProperties$5$1(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _iterable_to_array_limit$1$3(arr, i) {
+function _iterable_to_array_limit$1$2(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -13191,19 +13194,19 @@ function _iterable_to_array_limit$1$3(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$1$3() {
+function _non_iterable_rest$1$2() {
     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 _sliced_to_array$1$3(arr, i) {
-    return _array_with_holes$1$3(arr) || _iterable_to_array_limit$1$3(arr, i) || _unsupported_iterable_to_array$1$3(arr, i) || _non_iterable_rest$1$3();
+function _sliced_to_array$1$2(arr, i) {
+    return _array_with_holes$1$2(arr) || _iterable_to_array_limit$1$2(arr, i) || _unsupported_iterable_to_array$1$2(arr, i) || _non_iterable_rest$1$2();
 }
-function _unsupported_iterable_to_array$1$3(o, minLen) {
+function _unsupported_iterable_to_array$1$2(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$1$3(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$1$2(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1$3(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1$2(o, minLen);
 }
 /**
  * A object that can deserialize an {@link IZSort} list from a string.
@@ -13217,15 +13220,15 @@ function _unsupported_iterable_to_array$1$3(o, minLen) {
             value: function deserialize(candidate) {
                 // A sort candidate can be fully between parens to allow for multi sort
                 // or can just be a single sort.
-                var _peelBetween = _sliced_to_array$1$3(peelBetween(trim$2(candidate), "(", ")"), 2), _candidate = _peelBetween[0], rest = _peelBetween[1];
+                var _peelBetween = _sliced_to_array$1$2(peelBetween(trim$2(candidate), "(", ")"), 2), _candidate = _peelBetween[0], rest = _peelBetween[1];
                 var $candidate = _candidate == null ? rest : _candidate;
                 var builder = new ZSortBuilder();
                 var remaining = $candidate;
                 while(remaining){
                     var strippedSort = this._parseSort(remaining);
-                    var _strippedSort = _sliced_to_array$1$3(strippedSort, 1), sort = _strippedSort[0];
+                    var _strippedSort = _sliced_to_array$1$2(strippedSort, 1), sort = _strippedSort[0];
                     var ref;
-                    ref = _sliced_to_array$1$3(strippedSort, 2), remaining = ref[1];
+                    ref = _sliced_to_array$1$2(strippedSort, 2), remaining = ref[1];
                     builder = builder.sort(sort);
                     remaining = trimStart(remaining, ", ");
                 }
@@ -13235,13 +13238,13 @@ function _unsupported_iterable_to_array$1$3(o, minLen) {
         {
             key: "_parseSort",
             value: function _parseSort(candidate) {
-                var _peel = _sliced_to_array$1$3(peel(candidate, ZSortDirections), 2), direction = _peel[0], rest = _peel[1];
+                var _peel = _sliced_to_array$1$2(peel(candidate, ZSortDirections), 2), direction = _peel[0], rest = _peel[1];
                 if (direction == null) {
                     throw new Error("Cannot determine sort direction at ".concat(candidate));
                 }
                 var peeledSubject = peelBetween(rest, "(", ")");
-                var _peeledSubject = _sliced_to_array$1$3(peeledSubject, 1), subject = _peeledSubject[0];
-                var _peeledSubject1 = _sliced_to_array$1$3(peeledSubject, 2), remainingSortsToParse = _peeledSubject1[1];
+                var _peeledSubject = _sliced_to_array$1$2(peeledSubject, 1), subject = _peeledSubject[0];
+                var _peeledSubject1 = _sliced_to_array$1$2(peeledSubject, 2), remainingSortsToParse = _peeledSubject1[1];
                 if (subject == null) {
                     throw new Error("Cannot determine sort subject at ".concat(rest, "."));
                 }
@@ -13312,12 +13315,12 @@ function _create_class$4$1(Constructor, protoProps, staticProps) {
     return ZSortSerialize;
 }();
 
-function _class_call_check$2$3(instance, Constructor) {
+function _class_call_check$2$2(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$2$3(target, props) {
+function _defineProperties$2$2(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -13326,11 +13329,11 @@ function _defineProperties$2$3(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$2$3(Constructor, protoProps, staticProps) {
-    _defineProperties$2$3(Constructor.prototype, protoProps);
+function _create_class$2$2(Constructor, protoProps, staticProps) {
+    _defineProperties$2$2(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$2$4(obj, key, value) {
+function _define_property$2$3(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -13347,11 +13350,11 @@ function _define_property$2$4(obj, key, value) {
  * Represents a builder for a data request.
  */ var ZDataRequestBuilder = /*#__PURE__*/ function() {
     function ZDataRequestBuilder() {
-        _class_call_check$2$3(this, ZDataRequestBuilder);
-        _define_property$2$4(this, "_request", void 0);
+        _class_call_check$2$2(this, ZDataRequestBuilder);
+        _define_property$2$3(this, "_request", void 0);
         this._request = {};
     }
-    _create_class$2$3(ZDataRequestBuilder, [
+    _create_class$2$2(ZDataRequestBuilder, [
         {
             key: "page",
             value: /**
@@ -13516,12 +13519,12 @@ function _define_property$2$4(obj, key, value) {
     return ZDataRequestBuilder;
 }();
 
-function _class_call_check$1$4(instance, Constructor) {
+function _class_call_check$1$3(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$1$4(target, props) {
+function _defineProperties$1$3(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -13530,11 +13533,11 @@ function _defineProperties$1$4(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$1$4(Constructor, protoProps, staticProps) {
-    _defineProperties$1$4(Constructor.prototype, protoProps);
+function _create_class$1$3(Constructor, protoProps, staticProps) {
+    _defineProperties$1$3(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$1$4(obj, key, value) {
+function _define_property$1$3(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -13547,7 +13550,7 @@ function _define_property$1$4(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$c(target) {
+function _object_spread$a(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -13557,7 +13560,7 @@ function _object_spread$c(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$1$4(target, key, source[key]);
+            _define_property$1$3(target, key, source[key]);
         });
     }
     return target;
@@ -13566,15 +13569,15 @@ function _object_spread$c(target) {
  * A builder for a {@link IZDataSourceStaticOptions} object.
  */ var ZDataSourceStaticOptionsBuilder = /*#__PURE__*/ function() {
     function ZDataSourceStaticOptionsBuilder() {
-        _class_call_check$1$4(this, ZDataSourceStaticOptionsBuilder);
-        _define_property$1$4(this, "_options", void 0);
+        _class_call_check$1$3(this, ZDataSourceStaticOptionsBuilder);
+        _define_property$1$3(this, "_options", void 0);
         this._options = {
             search: new ZDataMatchAlways(),
             filter: new ZDataFilterFields(),
             delay: 0
         };
     }
-    _create_class$1$4(ZDataSourceStaticOptionsBuilder, [
+    _create_class$1$3(ZDataSourceStaticOptionsBuilder, [
         {
             key: "search",
             value: /**
@@ -13637,7 +13640,7 @@ function _object_spread$c(target) {
    * @returns
    *        A shallow copy of the built options.
    */ function build() {
-                return _object_spread$c({}, this._options);
+                return _object_spread$a({}, this._options);
             }
         }
     ]);
@@ -14187,15 +14190,15 @@ function _ts_generator$t(thisArg, body) {
     return ZDataSourceStatic;
 }();
 
-function _array_like_to_array$4$2(arr, len) {
+function _array_like_to_array$4$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$4$2(arr) {
+function _array_with_holes$4$1(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$4$2(arr, i) {
+function _iterable_to_array_limit$4$1(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -14219,19 +14222,19 @@ function _iterable_to_array_limit$4$2(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$4$2() {
+function _non_iterable_rest$4$1() {
     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 _sliced_to_array$4$2(arr, i) {
-    return _array_with_holes$4$2(arr) || _iterable_to_array_limit$4$2(arr, i) || _unsupported_iterable_to_array$4$2(arr, i) || _non_iterable_rest$4$2();
+function _sliced_to_array$4$1(arr, i) {
+    return _array_with_holes$4$1(arr) || _iterable_to_array_limit$4$1(arr, i) || _unsupported_iterable_to_array$4$1(arr, i) || _non_iterable_rest$4$1();
 }
-function _unsupported_iterable_to_array$4$2(o, minLen) {
+function _unsupported_iterable_to_array$4$1(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$4$2(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$4$1(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4$2(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4$1(o, minLen);
 }
 /**
  * A type of state where the value is used from the props in the case of them being set.
@@ -14256,7 +14259,7 @@ function _unsupported_iterable_to_array$4$2(o, minLen) {
  *        A tuple where the first item is the current state and the 2nd item is a mutator
  *        method to modify the state.
  */ function useAmbassadorState(current, setCurrent, initial) {
-    var _useState = _sliced_to_array$4$2(reactExports.useState(current || initial), 2), localCurrent = _useState[0], setLocalCurrent = _useState[1];
+    var _useState = _sliced_to_array$4$1(reactExports.useState(current || initial), 2), localCurrent = _useState[0], setLocalCurrent = _useState[1];
     var _current = current === undefined ? localCurrent : current;
     var _setCurrent = function(val) {
         setLocalCurrent(val);
@@ -14277,12 +14280,12 @@ function _unsupported_iterable_to_array$4$2(o, minLen) {
     ];
 }
 
-function _array_like_to_array$3$2(arr, len) {
+function _array_like_to_array$3$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$3$2(arr) {
+function _array_with_holes$3$1(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep$s(gen, resolve, reject, _next, _throw, key, arg) {
@@ -14321,7 +14324,7 @@ function _instanceof$2(left, right) {
         return left instanceof right;
     }
 }
-function _iterable_to_array_limit$3$2(arr, i) {
+function _iterable_to_array_limit$3$1(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -14345,19 +14348,19 @@ function _iterable_to_array_limit$3$2(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$3$2() {
+function _non_iterable_rest$3$1() {
     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 _sliced_to_array$3$2(arr, i) {
-    return _array_with_holes$3$2(arr) || _iterable_to_array_limit$3$2(arr, i) || _unsupported_iterable_to_array$3$2(arr, i) || _non_iterable_rest$3$2();
+function _sliced_to_array$3$1(arr, i) {
+    return _array_with_holes$3$1(arr) || _iterable_to_array_limit$3$1(arr, i) || _unsupported_iterable_to_array$3$1(arr, i) || _non_iterable_rest$3$1();
 }
-function _unsupported_iterable_to_array$3$2(o, minLen) {
+function _unsupported_iterable_to_array$3$1(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$3$2(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$3$1(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$3$2(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$3$1(o, minLen);
 }
 function _ts_generator$s(thisArg, body) {
     var f, y, t, _ = {
@@ -14468,7 +14471,7 @@ function _ts_generator$s(thisArg, body) {
  *        the 2nd argument is a refresh function to refresh the data.
  */ function useAsyncState(load) {
     var deps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-    var _useState = _sliced_to_array$3$2(reactExports.useState(ZAsyncLoading), 2), current = _useState[0], setCurrent = _useState[1];
+    var _useState = _sliced_to_array$3$1(reactExports.useState(ZAsyncLoading), 2), current = _useState[0], setCurrent = _useState[1];
     var subscription = reactExports.useRef(new Subscription());
     var _refresh = function() {
         subscription.current.unsubscribe();
@@ -14737,15 +14740,15 @@ function _define_property$s(obj, key, value) {
     };
 }
 
-function _array_like_to_array$1$2(arr, len) {
+function _array_like_to_array$1$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$1$2(arr) {
+function _array_with_holes$1$1(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$1$2(arr, i) {
+function _iterable_to_array_limit$1$1(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -14769,19 +14772,19 @@ function _iterable_to_array_limit$1$2(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$1$2() {
+function _non_iterable_rest$1$1() {
     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 _sliced_to_array$1$2(arr, i) {
-    return _array_with_holes$1$2(arr) || _iterable_to_array_limit$1$2(arr, i) || _unsupported_iterable_to_array$1$2(arr, i) || _non_iterable_rest$1$2();
+function _sliced_to_array$1$1(arr, i) {
+    return _array_with_holes$1$1(arr) || _iterable_to_array_limit$1$1(arr, i) || _unsupported_iterable_to_array$1$1(arr, i) || _non_iterable_rest$1$1();
 }
-function _unsupported_iterable_to_array$1$2(o, minLen) {
+function _unsupported_iterable_to_array$1$1(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$1$2(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$1$1(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1$2(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1$1(o, minLen);
 }
 /**
  * A type of view that loads the next set of data in batches.
@@ -14803,9 +14806,9 @@ function _unsupported_iterable_to_array$1$2(o, minLen) {
  *        The current view, last result, page number, and batch size.
  *        Also returns the method to load the next batch.
  */ function useMoreViewState(source, template) {
-    var _useState = _sliced_to_array$1$2(reactExports.useState([]), 2), view = _useState[0], setView = _useState[1];
-    var _useState1 = _sliced_to_array$1$2(reactExports.useState(ZAsyncLoading), 2), last = _useState1[0], setLast = _useState1[1];
-    var _useState2 = _sliced_to_array$1$2(reactExports.useState(false), 2), complete = _useState2[0], setComplete = _useState2[1];
+    var _useState = _sliced_to_array$1$1(reactExports.useState([]), 2), view = _useState[0], setView = _useState[1];
+    var _useState1 = _sliced_to_array$1$1(reactExports.useState(ZAsyncLoading), 2), last = _useState1[0], setLast = _useState1[1];
+    var _useState2 = _sliced_to_array$1$1(reactExports.useState(false), 2), complete = _useState2[0], setComplete = _useState2[1];
     var nextRequest = reactExports.useRef(new ZDataRequestBuilder().copy(template).page(1).build());
     var _count = reactExports.useRef(null);
     var subscription = reactExports.useRef(undefined);
@@ -14825,7 +14828,7 @@ function _unsupported_iterable_to_array$1$2(o, minLen) {
             ]);
         }).subscribe({
             next: function(param) {
-                var _param = _sliced_to_array$1$2(param, 2), count = _param[0], page = _param[1];
+                var _param = _sliced_to_array$1$1(param, 2), count = _param[0], page = _param[1];
                 nextRequest.current = new ZDataRequestBuilder().copy(nextRequest.current).page(nextRequest.current.page + 1).build();
                 setComplete(page.length + view.length >= count);
                 setView(function(v) {
@@ -18911,7 +18914,7 @@ const URLParse = /*@__PURE__*/getDefaultExportFromCjs(urlParseExports);
     return ZMimeTypeText;
 }({});
 
-function _define_property$2$3(obj, key, value) {
+function _define_property$2$2(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -18934,7 +18937,7 @@ function _object_spread$1$1(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$2$3(target, key, source[key]);
+            _define_property$2$2(target, key, source[key]);
         });
     }
     return target;
@@ -18945,23 +18948,23 @@ function _object_spread$1$1(target) {
     "": "text/plain;charset=ASCII"
 }, keyBy(Object.values(ZMimeTypeApplication)), keyBy(Object.values(ZMimeTypeText)), keyBy(Object.values(ZMimeTypeImage))));
 
-function _array_like_to_array$5(arr, len) {
+function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$5(arr) {
+function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$5(arr);
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
 }
-function _class_call_check$1$3(instance, Constructor) {
+function _class_call_check$1$2(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$1$3(target, props) {
+function _defineProperties$1$2(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -18970,11 +18973,11 @@ function _defineProperties$1$3(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$1$3(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$1$3(Constructor.prototype, protoProps);
+function _create_class$1$2(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$1$2(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$1$3(obj, key, value) {
+function _define_property$1$2(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -18990,13 +18993,13 @@ function _define_property$1$3(obj, key, value) {
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _non_iterable_rest$5() {
+function _non_iterable_rest() {
     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 _non_iterable_spread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$a(target) {
+function _object_spread$3(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -19006,41 +19009,41 @@ function _object_spread$a(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$1$3(target, key, source[key]);
+            _define_property$1$2(target, key, source[key]);
         });
     }
     return target;
 }
 function _to_array(arr) {
-    return _array_with_holes$5(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array$5(arr) || _non_iterable_rest$5();
+    return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
 }
 function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array$5(arr) || _non_iterable_spread();
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
 }
-function _unsupported_iterable_to_array$5(o, minLen) {
+function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$5(o, minLen);
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$5(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 /**
  * Represents an object that is helpful in building a data url with support
  * for data encoding.
  */ var ZDataUrlBuilder = /*#__PURE__*/ function() {
     function ZDataUrlBuilder() {
-        _class_call_check$1$3(this, ZDataUrlBuilder);
+        _class_call_check$1$2(this, ZDataUrlBuilder);
         /**
    * The representation of the data url object.
-   */ _define_property$1$3(this, "_data", void 0);
+   */ _define_property$1$2(this, "_data", void 0);
         this._data = {
             mimeType: "",
             encoding: "utf8",
             buffer: new Uint8Array([])
         };
     }
-    _create_class$1$3(ZDataUrlBuilder, [
+    _create_class$1$2(ZDataUrlBuilder, [
         {
             key: "parse",
             value: /**
@@ -19175,7 +19178,7 @@ function _unsupported_iterable_to_array$5(o, minLen) {
    *
    * @returns The current information about the url being built.
    */ function info() {
-                var other = _object_spread$a({}, this._data);
+                var other = _object_spread$3({}, this._data);
                 other.buffer = this._data.buffer.slice();
                 return other;
             }
@@ -20441,12 +20444,12 @@ function requireBrowserPonyfill () {
 var browserPonyfillExports = requireBrowserPonyfill();
 const fetch$1 = /*@__PURE__*/getDefaultExportFromCjs(browserPonyfillExports);
 
-function _class_call_check$3$2(instance, Constructor) {
+function _class_call_check$3$1(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$3$2(target, props) {
+function _defineProperties$3$1(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -20455,9 +20458,9 @@ function _defineProperties$3$2(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$3$2(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$3$2(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$3$2(Constructor, staticProps);
+function _create_class$3$1(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$3$1(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$3$1(Constructor, staticProps);
     return Constructor;
 }
 function _define_property$7$1(obj, key, value) {
@@ -20488,7 +20491,7 @@ function _object_spread$1(target) {
     }
     return target;
 }
-function ownKeys$1(object, enumerableOnly) {
+function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -20496,12 +20499,12 @@ function ownKeys$1(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$1(target, source) {
+function _object_spread_props(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$1(Object(source)).forEach(function(key) {
+        ownKeys(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -20511,7 +20514,7 @@ function _object_spread_props$1(target, source) {
  * Represents a builder for an http request.
  */ var ZHttpRequestBuilder = /*#__PURE__*/ function() {
     function ZHttpRequestBuilder() {
-        _class_call_check$3$2(this, ZHttpRequestBuilder);
+        _class_call_check$3$1(this, ZHttpRequestBuilder);
         _define_property$7$1(this, "_request", void 0);
         /**
    * Sets the content type to json.
@@ -20524,7 +20527,7 @@ function _object_spread_props$1(target, source) {
             url: ""
         };
     }
-    _create_class$3$2(ZHttpRequestBuilder, [
+    _create_class$3$1(ZHttpRequestBuilder, [
         {
             key: "_method",
             value: /**
@@ -20746,7 +20749,7 @@ function _object_spread_props$1(target, source) {
    * @returns
    *        The duplicated object.
    */ function duplicate(other) {
-                return _object_spread_props$1(_object_spread$1({}, other), {
+                return _object_spread_props(_object_spread$1({}, other), {
                     headers: structuredClone(other.headers)
                 });
             }
@@ -20996,7 +20999,7 @@ var _obj1$2;
  * is a temporary or permanent condition. Likewise, user agents should
  * display any included entity to the user. These response codes are applicable
  * to any request method.
- */ function _define_property$3$2(obj, key, value) {
+ */ function _define_property$3$1(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -21055,16 +21058,16 @@ var ZHttpCodeServer = /*#__PURE__*/ function(ZHttpCodeServer) {
 var _obj$1;
 /**
  * English friendly names of the server codes.
- */ var ZHttpCodeServerNames = (_obj$1 = {}, _define_property$3$2(_obj$1, 500, "Internal Server Error"), _define_property$3$2(_obj$1, 501, "Not Implemented"), _define_property$3$2(_obj$1, 502, "Bad Gateway"), _define_property$3$2(_obj$1, 503, "Service Unavailable"), _define_property$3$2(_obj$1, 504, "Gateway Timeout"), _define_property$3$2(_obj$1, 505, "HTTP Version Not Supported"), _define_property$3$2(_obj$1, 506, "Variant Also Negotiates"), _define_property$3$2(_obj$1, 507, "Insufficient Storage"), _define_property$3$2(_obj$1, 508, "Loop Detected"), _define_property$3$2(_obj$1, 510, "Not Extended"), _define_property$3$2(_obj$1, 511, "Network Authentication Required"), _obj$1);
+ */ var ZHttpCodeServerNames = (_obj$1 = {}, _define_property$3$1(_obj$1, 500, "Internal Server Error"), _define_property$3$1(_obj$1, 501, "Not Implemented"), _define_property$3$1(_obj$1, 502, "Bad Gateway"), _define_property$3$1(_obj$1, 503, "Service Unavailable"), _define_property$3$1(_obj$1, 504, "Gateway Timeout"), _define_property$3$1(_obj$1, 505, "HTTP Version Not Supported"), _define_property$3$1(_obj$1, 506, "Variant Also Negotiates"), _define_property$3$1(_obj$1, 507, "Insufficient Storage"), _define_property$3$1(_obj$1, 508, "Loop Detected"), _define_property$3$1(_obj$1, 510, "Not Extended"), _define_property$3$1(_obj$1, 511, "Network Authentication Required"), _obj$1);
 var _obj1$1;
 /**
  * English friendly names of the server codes.
- */ var ZHttpCodeServerDescriptions = (_obj1$1 = {}, _define_property$3$2(_obj1$1, 500, "An unexpected condition was encountered on the server."), _define_property$3$2(_obj1$1, 501, "The server either does not recognize the request method, or it lacks the ability to fulfil the request. Usually this implies future availability (e.g., a new feature of a web-service API)."), _define_property$3$2(_obj1$1, 502, " The server was acting as a gateway or proxy and received an invalid response from the upstream server."), _define_property$3$2(_obj1$1, 503, "The server is currently unavailable (because it is overloaded or down for maintenance). Generally, this is a temporary state."), _define_property$3$2(_obj1$1, 504, "The server was acting as a gateway or proxy and did not receive a timely response from the upstream server."), _define_property$3$2(_obj1$1, 505, "The server does not support the HTTP protocol version used in the request."), _define_property$3$2(_obj1$1, 506, " Transparent content negotiation for the request results in a circular reference."), _define_property$3$2(_obj1$1, 507, "The server is unable to store the representation needed to complete the request."), _define_property$3$2(_obj1$1, 508, "The server detected an infinite loop while processing the request."), _define_property$3$2(_obj1$1, 510, "Further extensions to the request are required for the server to fulfil it."), _define_property$3$2(_obj1$1, 511, "The client needs to authenticate to gain network access."), _obj1$1);
+ */ var ZHttpCodeServerDescriptions = (_obj1$1 = {}, _define_property$3$1(_obj1$1, 500, "An unexpected condition was encountered on the server."), _define_property$3$1(_obj1$1, 501, "The server either does not recognize the request method, or it lacks the ability to fulfil the request. Usually this implies future availability (e.g., a new feature of a web-service API)."), _define_property$3$1(_obj1$1, 502, " The server was acting as a gateway or proxy and received an invalid response from the upstream server."), _define_property$3$1(_obj1$1, 503, "The server is currently unavailable (because it is overloaded or down for maintenance). Generally, this is a temporary state."), _define_property$3$1(_obj1$1, 504, "The server was acting as a gateway or proxy and did not receive a timely response from the upstream server."), _define_property$3$1(_obj1$1, 505, "The server does not support the HTTP protocol version used in the request."), _define_property$3$1(_obj1$1, 506, " Transparent content negotiation for the request results in a circular reference."), _define_property$3$1(_obj1$1, 507, "The server is unable to store the representation needed to complete the request."), _define_property$3$1(_obj1$1, 508, "The server detected an infinite loop while processing the request."), _define_property$3$1(_obj1$1, 510, "Further extensions to the request are required for the server to fulfil it."), _define_property$3$1(_obj1$1, 511, "The client needs to authenticate to gain network access."), _obj1$1);
 
 /**
  * This class of status codes indicates the action requested by
  * the client was received, understood and accepted.
- */ function _define_property$2$2(obj, key, value) {
+ */ function _define_property$2$1(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -21130,11 +21133,11 @@ var ZHttpCodeSuccess = /*#__PURE__*/ function(ZHttpCodeSuccess) {
 var _obj$5;
 /**
  * Friendly english names of success codes.
- */ var ZHttpCodeSuccessNames = (_obj$5 = {}, _define_property$2$2(_obj$5, 200, "OK"), _define_property$2$2(_obj$5, 201, "Created"), _define_property$2$2(_obj$5, 202, "Accepted"), _define_property$2$2(_obj$5, 203, "Non-Authoritative Information"), _define_property$2$2(_obj$5, 204, "No Content"), _define_property$2$2(_obj$5, 205, "Reset Content"), _define_property$2$2(_obj$5, 206, "Partial Content"), _define_property$2$2(_obj$5, 207, "Multi Status"), _define_property$2$2(_obj$5, 208, "Already Reported"), _define_property$2$2(_obj$5, 226, "IM Used"), _obj$5);
+ */ var ZHttpCodeSuccessNames = (_obj$5 = {}, _define_property$2$1(_obj$5, 200, "OK"), _define_property$2$1(_obj$5, 201, "Created"), _define_property$2$1(_obj$5, 202, "Accepted"), _define_property$2$1(_obj$5, 203, "Non-Authoritative Information"), _define_property$2$1(_obj$5, 204, "No Content"), _define_property$2$1(_obj$5, 205, "Reset Content"), _define_property$2$1(_obj$5, 206, "Partial Content"), _define_property$2$1(_obj$5, 207, "Multi Status"), _define_property$2$1(_obj$5, 208, "Already Reported"), _define_property$2$1(_obj$5, 226, "IM Used"), _obj$5);
 var _obj1$5;
 /**
  * Friendly english descriptions of success codes.
- */ var ZHttpCodeSuccessDescriptions = (_obj1$5 = {}, _define_property$2$2(_obj1$5, 200, "The request was successful."), _define_property$2$2(_obj1$5, 201, "The request has been fulfilled, resulting in the creation of a new resource."), _define_property$2$2(_obj1$5, 202, "The request has been accepted for processing, but the processing has not been completed."), _define_property$2$2(_obj1$5, 203, "The server is a transforming proxy that received an OK from its origin,but is returning a modified version of the response."), _define_property$2$2(_obj1$5, 204, "The server successfully processed the request and is not returning any content."), _define_property$2$2(_obj1$5, 205, "The server successfully processed the request, but is not returning any content.  The document view must be refreshed."), _define_property$2$2(_obj1$5, 206, "he server is delivering only part of the resource due to a range header sent by the client."), _define_property$2$2(_obj1$5, 207, "The message body that follows is by default an XML message and can contain a number of separate response codes, depending on how many sub-requests were made."), _define_property$2$2(_obj1$5, 208, "The members of a DAV binding have already been enumerated in a preceding part of the response, and are not being included again."), _define_property$2$2(_obj1$5, 226, "The server has fulfilled a request for the resource, and the response is a representation of the result of one or more instance-manipulations applied to the current instance."), _obj1$5);
+ */ var ZHttpCodeSuccessDescriptions = (_obj1$5 = {}, _define_property$2$1(_obj1$5, 200, "The request was successful."), _define_property$2$1(_obj1$5, 201, "The request has been fulfilled, resulting in the creation of a new resource."), _define_property$2$1(_obj1$5, 202, "The request has been accepted for processing, but the processing has not been completed."), _define_property$2$1(_obj1$5, 203, "The server is a transforming proxy that received an OK from its origin,but is returning a modified version of the response."), _define_property$2$1(_obj1$5, 204, "The server successfully processed the request and is not returning any content."), _define_property$2$1(_obj1$5, 205, "The server successfully processed the request, but is not returning any content.  The document view must be refreshed."), _define_property$2$1(_obj1$5, 206, "he server is delivering only part of the resource due to a range header sent by the client."), _define_property$2$1(_obj1$5, 207, "The message body that follows is by default an XML message and can contain a number of separate response codes, depending on how many sub-requests were made."), _define_property$2$1(_obj1$5, 208, "The members of a DAV binding have already been enumerated in a preceding part of the response, and are not being included again."), _define_property$2$1(_obj1$5, 226, "The server has fulfilled a request for the resource, and the response is a representation of the result of one or more instance-manipulations applied to the current instance."), _obj1$5);
 /**
  * Gets the english friendly name of a code.
  *
@@ -21158,12 +21161,12 @@ var _obj1$5;
     return ZHttpCodeInformationalResponseDescriptions[code] || ZHttpCodeSuccessDescriptions[code] || ZHttpCodeRedirectionDescriptions[code] || ZHttpCodeClientDescriptions[code] || ZHttpCodeServerDescriptions[code];
 }
 
-function _class_call_check$2$2(instance, Constructor) {
+function _class_call_check$2$1(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$2$2(target, props) {
+function _defineProperties$2$1(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -21172,11 +21175,11 @@ function _defineProperties$2$2(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$2$2(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$2$2(Constructor.prototype, protoProps);
+function _create_class$2$1(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$2$1(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$1$2(obj, key, value) {
+function _define_property$1$1(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -21189,7 +21192,7 @@ function _define_property$1$2(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$3(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -21199,7 +21202,7 @@ function _object_spread$3(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$1$2(target, key, source[key]);
+            _define_property$1$1(target, key, source[key]);
         });
     }
     return target;
@@ -21208,15 +21211,15 @@ function _object_spread$3(target) {
  * Represents a builder for an IZHttpResult class.
  */ var ZHttpResultBuilder = /*#__PURE__*/ function() {
     function ZHttpResultBuilder(data) {
-        _class_call_check$2$2(this, ZHttpResultBuilder);
-        _define_property$1$2(this, "_result", void 0);
+        _class_call_check$2$1(this, ZHttpResultBuilder);
+        _define_property$1$1(this, "_result", void 0);
         this._result = {
             status: ZHttpCodeSuccess.OK,
             headers: {},
             data: data
         };
     }
-    _create_class$2$2(ZHttpResultBuilder, [
+    _create_class$2$1(ZHttpResultBuilder, [
         {
             key: "data",
             value: /**
@@ -21271,7 +21274,7 @@ function _object_spread$3(target) {
    * @returns
    *        A shallow copy of the built up result.
    */ function build() {
-                return _object_spread$3({}, this._result);
+                return _object_spread({}, this._result);
             }
         }
     ]);
@@ -32418,12 +32421,12 @@ function _ts_generator$6(thisArg, body) {
 }(ZCircusComponentModel);
 _define_property$b(ZIconComponentModel, "Selector", ".ZIcon-root");
 
-function _array_like_to_array$4$1(arr, len) {
+function _array_like_to_array$4(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$4$1(arr) {
+function _array_with_holes$4(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _assert_this_initialized$7(self) {
@@ -32515,7 +32518,7 @@ function _inherits$7(subClass, superClass) {
     });
     if (superClass) _set_prototype_of$7(subClass, superClass);
 }
-function _iterable_to_array_limit$4$1(arr, i) {
+function _iterable_to_array_limit$4(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -32539,7 +32542,7 @@ function _iterable_to_array_limit$4$1(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$4$1() {
+function _non_iterable_rest$4() {
     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 _possible_constructor_return$7(self, call) {
@@ -32555,20 +32558,20 @@ function _set_prototype_of$7(o, p) {
     };
     return _set_prototype_of$7(o, p);
 }
-function _sliced_to_array$4$1(arr, i) {
-    return _array_with_holes$4$1(arr) || _iterable_to_array_limit$4$1(arr, i) || _unsupported_iterable_to_array$4$1(arr, i) || _non_iterable_rest$4$1();
+function _sliced_to_array$4(arr, i) {
+    return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$4(arr, i) || _non_iterable_rest$4();
 }
 function _type_of$7(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$4$1(o, minLen) {
+function _unsupported_iterable_to_array$4(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$4$1(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$4(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4$1(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4(o, minLen);
 }
 function _is_native_reflect_construct$7() {
     try {
@@ -32707,7 +32710,7 @@ function _ts_generator$5(thisArg, body) {
                                     this.driver.query("svg")
                                 ];
                             case 1:
-                                _ref = _sliced_to_array$4$1.apply(void 0, [
+                                _ref = _sliced_to_array$4.apply(void 0, [
                                     _state.sent(),
                                     1
                                 ]), tag = _ref[0];
@@ -32738,7 +32741,7 @@ function _ts_generator$5(thisArg, body) {
                                     this.driver.query("img")
                                 ];
                             case 1:
-                                _ref = _sliced_to_array$4$1.apply(void 0, [
+                                _ref = _sliced_to_array$4.apply(void 0, [
                                     _state.sent(),
                                     1
                                 ]), tag = _ref[0];
@@ -33151,12 +33154,12 @@ function _ts_generator$4(thisArg, body) {
 }(ZCircusComponentModel);
 _define_property$8(ZListItemComponentModel, "Selector", ".ZListItem-root");
 
-function _array_like_to_array$3$1(arr, len) {
+function _array_like_to_array$3(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$3$1(arr) {
+function _array_with_holes$3(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _assert_this_initialized$5(self) {
@@ -33248,7 +33251,7 @@ function _inherits$5(subClass, superClass) {
     });
     if (superClass) _set_prototype_of$5(subClass, superClass);
 }
-function _iterable_to_array_limit$3$1(arr, i) {
+function _iterable_to_array_limit$3(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -33272,7 +33275,7 @@ function _iterable_to_array_limit$3$1(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$3$1() {
+function _non_iterable_rest$3() {
     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 _possible_constructor_return$5(self, call) {
@@ -33288,20 +33291,20 @@ function _set_prototype_of$5(o, p) {
     };
     return _set_prototype_of$5(o, p);
 }
-function _sliced_to_array$3$1(arr, i) {
-    return _array_with_holes$3$1(arr) || _iterable_to_array_limit$3$1(arr, i) || _unsupported_iterable_to_array$3$1(arr, i) || _non_iterable_rest$3$1();
+function _sliced_to_array$3(arr, i) {
+    return _array_with_holes$3(arr) || _iterable_to_array_limit$3(arr, i) || _unsupported_iterable_to_array$3(arr, i) || _non_iterable_rest$3();
 }
 function _type_of$5(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$3$1(o, minLen) {
+function _unsupported_iterable_to_array$3(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$3$1(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$3(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$3$1(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$3(o, minLen);
 }
 function _is_native_reflect_construct$5() {
     try {
@@ -33464,7 +33467,7 @@ function _ts_generator$3(thisArg, body) {
                                     this.driver.query(query)
                                 ];
                             case 1:
-                                _ref = _sliced_to_array$3$1.apply(void 0, [
+                                _ref = _sliced_to_array$3.apply(void 0, [
                                     _state.sent(),
                                     1
                                 ]), item = _ref[0];
@@ -33488,7 +33491,7 @@ function _assert_this_initialized$4(self) {
     }
     return self;
 }
-function asyncGeneratorStep$2$1(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -33502,16 +33505,16 @@ function asyncGeneratorStep$2$1(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$2$1(fn) {
+function _async_to_generator$2(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$2$1(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$2$1(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -33596,7 +33599,7 @@ function _is_native_reflect_construct$4() {
         return !!result;
     })();
 }
-function _ts_generator$2$1(thisArg, body) {
+function _ts_generator$2(thisArg, body) {
     var f, y, t, _ = {
         label: 0,
         sent: function() {
@@ -33701,9 +33704,9 @@ function _ts_generator$2$1(thisArg, body) {
             value: /**
    * Clicks the return button.
    */ function returnHome() {
-                return _async_to_generator$2$1(function() {
+                return _async_to_generator$2(function() {
                     var button;
-                    return _ts_generator$2$1(this, function(_state) {
+                    return _ts_generator$2(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 return [
@@ -33834,12 +33837,12 @@ function ZNotFound(props) {
     });
 }
 
-function _array_like_to_array$1$1(arr, len) {
+function _array_like_to_array$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$1$1(arr) {
+function _array_with_holes$1(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _assert_this_initialized$3(self) {
@@ -33848,7 +33851,7 @@ function _assert_this_initialized$3(self) {
     }
     return self;
 }
-function asyncGeneratorStep$1$1(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -33862,16 +33865,16 @@ function asyncGeneratorStep$1$1(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$1$1(fn) {
+function _async_to_generator$1(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$1$1(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$1$1(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -33881,12 +33884,12 @@ function _call_super$3(_this, derived, args) {
     derived = _get_prototype_of$3(derived);
     return _possible_constructor_return$3(_this, _is_native_reflect_construct$3() ? Reflect.construct(derived, args || [], _get_prototype_of$3(_this).constructor) : derived.apply(_this, args));
 }
-function _class_call_check$3$1(instance, Constructor) {
+function _class_call_check$3(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$3$1(target, props) {
+function _defineProperties$3(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -33895,8 +33898,8 @@ function _defineProperties$3$1(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$3$1(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$3$1(Constructor.prototype, protoProps);
+function _create_class$3(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
     return Constructor;
 }
 function _define_property$5(obj, key, value) {
@@ -33931,7 +33934,7 @@ function _inherits$3(subClass, superClass) {
     });
     if (superClass) _set_prototype_of$3(subClass, superClass);
 }
-function _iterable_to_array_limit$1$1(arr, i) {
+function _iterable_to_array_limit$1(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -33955,7 +33958,7 @@ function _iterable_to_array_limit$1$1(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$1$1() {
+function _non_iterable_rest$1() {
     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 _possible_constructor_return$3(self, call) {
@@ -33971,20 +33974,20 @@ function _set_prototype_of$3(o, p) {
     };
     return _set_prototype_of$3(o, p);
 }
-function _sliced_to_array$1$1(arr, i) {
-    return _array_with_holes$1$1(arr) || _iterable_to_array_limit$1$1(arr, i) || _unsupported_iterable_to_array$1$1(arr, i) || _non_iterable_rest$1$1();
+function _sliced_to_array$1(arr, i) {
+    return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$1(arr, i) || _non_iterable_rest$1();
 }
 function _type_of$3(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$1$1(o, minLen) {
+function _unsupported_iterable_to_array$1(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$1$1(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$1(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1$1(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
 }
 function _is_native_reflect_construct$3() {
     try {
@@ -33994,7 +33997,7 @@ function _is_native_reflect_construct$3() {
         return !!result;
     })();
 }
-function _ts_generator$1$1(thisArg, body) {
+function _ts_generator$1(thisArg, body) {
     var f, y, t, _ = {
         label: 0,
         sent: function() {
@@ -34090,10 +34093,10 @@ function _ts_generator$1$1(thisArg, body) {
  */ var ZNumberComponentModel = /*#__PURE__*/ function(ZCircusComponentModel) {
     _inherits$3(ZNumberComponentModel, ZCircusComponentModel);
     function ZNumberComponentModel() {
-        _class_call_check$3$1(this, ZNumberComponentModel);
+        _class_call_check$3(this, ZNumberComponentModel);
         return _call_super$3(this, ZNumberComponentModel, arguments);
     }
-    _create_class$3$1(ZNumberComponentModel, [
+    _create_class$3(ZNumberComponentModel, [
         {
             key: "_input",
             value: /**
@@ -34114,9 +34117,9 @@ function _ts_generator$1$1(thisArg, body) {
    * @returns
    *        The step value.
    */ function step() {
-                return _async_to_generator$1$1(function() {
+                return _async_to_generator$1(function() {
                     var input, _tmp;
-                    return _ts_generator$1$1(this, function(_state) {
+                    return _ts_generator$1(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 return [
@@ -34152,9 +34155,9 @@ function _ts_generator$1$1(thisArg, body) {
    * @returns
    *        The minimum value.
    */ function min() {
-                return _async_to_generator$1$1(function() {
+                return _async_to_generator$1(function() {
                     var input, _tmp;
-                    return _ts_generator$1$1(this, function(_state) {
+                    return _ts_generator$1(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 return [
@@ -34190,9 +34193,9 @@ function _ts_generator$1$1(thisArg, body) {
    * @returns
    *        The maximum value.
    */ function max() {
-                return _async_to_generator$1$1(function() {
+                return _async_to_generator$1(function() {
                     var input, _tmp;
-                    return _ts_generator$1$1(this, function(_state) {
+                    return _ts_generator$1(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 return [
@@ -34230,9 +34233,9 @@ function _ts_generator$1$1(thisArg, body) {
    *        This can be null if the number component
    *        can be cleared.
    */ function value() {
-                return _async_to_generator$1$1(function() {
+                return _async_to_generator$1(function() {
                     var input, value;
-                    return _ts_generator$1$1(this, function(_state) {
+                    return _ts_generator$1(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 return [
@@ -34265,9 +34268,9 @@ function _ts_generator$1$1(thisArg, body) {
    *        The label for the number component.  Returns
    *        the empty string if there is no label.
    */ function label() {
-                return _async_to_generator$1$1(function() {
+                return _async_to_generator$1(function() {
                     var _ref, label;
-                    return _ts_generator$1$1(this, function(_state) {
+                    return _ts_generator$1(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 return [
@@ -34275,7 +34278,7 @@ function _ts_generator$1$1(thisArg, body) {
                                     ZCircusBy.all(this.driver, ZLabelComponentModel, ".ZNumber-label")
                                 ];
                             case 1:
-                                _ref = _sliced_to_array$1$1.apply(void 0, [
+                                _ref = _sliced_to_array$1.apply(void 0, [
                                     _state.sent(),
                                     1
                                 ]), label = _ref[0];
@@ -34308,9 +34311,9 @@ function _ts_generator$1$1(thisArg, body) {
    * @returns
    *        The input value.
    */ function _spinClick(direction, times, repeater) {
-                return _async_to_generator$1$1(function() {
+                return _async_to_generator$1(function() {
                     var query, _ref, spinner, i;
-                    return _ts_generator$1$1(this, function(_state) {
+                    return _ts_generator$1(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 query = direction > 0 ? ".ZNumber-spinner-increment" : ".ZNumber-spinner-decrement";
@@ -34319,7 +34322,7 @@ function _ts_generator$1$1(thisArg, body) {
                                     this.driver.query(query)
                                 ];
                             case 1:
-                                _ref = _sliced_to_array$1$1.apply(void 0, [
+                                _ref = _sliced_to_array$1.apply(void 0, [
                                     _state.sent(),
                                     1
                                 ]), spinner = _ref[0];
@@ -34378,9 +34381,9 @@ function _ts_generator$1$1(thisArg, body) {
    * @returns
    *        The input value.
    */ function _spinPress(direction, times) {
-                return _async_to_generator$1$1(function() {
+                return _async_to_generator$1(function() {
                     var input, dir, i;
-                    return _ts_generator$1$1(this, function(_state) {
+                    return _ts_generator$1(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 return [
@@ -34504,9 +34507,9 @@ function _ts_generator$1$1(thisArg, body) {
    * @returns
    *        The value of the input.
    */ function keyboard(value) {
-                return _async_to_generator$1$1(function() {
+                return _async_to_generator$1(function() {
                     var input;
-                    return _ts_generator$1$1(this, function(_state) {
+                    return _ts_generator$1(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 return [
@@ -34535,9 +34538,9 @@ function _ts_generator$1$1(thisArg, body) {
             value: /**
    * Clears the input value.
    */ function clear() {
-                return _async_to_generator$1$1(function() {
+                return _async_to_generator$1(function() {
                     var input, value, _tmp, deletes, act, i, i1;
-                    return _ts_generator$1$1(this, function(_state) {
+                    return _ts_generator$1(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 return [
@@ -34596,12 +34599,12 @@ function _call_super$2(_this, derived, args) {
     derived = _get_prototype_of$2(derived);
     return _possible_constructor_return$2(_this, _is_native_reflect_construct$2() ? Reflect.construct(derived, args || [], _get_prototype_of$2(_this).constructor) : derived.apply(_this, args));
 }
-function _class_call_check$2$1(instance, Constructor) {
+function _class_call_check$2(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$2$1(target, props) {
+function _defineProperties$2(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -34610,11 +34613,11 @@ function _defineProperties$2$1(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$2$1(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$2$1(Constructor.prototype, protoProps);
+function _create_class$2(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$3$1(obj, key, value) {
+function _define_property$3(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -34676,10 +34679,10 @@ function _is_native_reflect_construct$2() {
  */ var ZTypographyComponentModel = /*#__PURE__*/ function(ZCircusComponentModel) {
     _inherits$2(ZTypographyComponentModel, ZCircusComponentModel);
     function ZTypographyComponentModel() {
-        _class_call_check$2$1(this, ZTypographyComponentModel);
+        _class_call_check$2(this, ZTypographyComponentModel);
         return _call_super$2(this, ZTypographyComponentModel, arguments);
     }
-    _create_class$2$1(ZTypographyComponentModel, [
+    _create_class$2(ZTypographyComponentModel, [
         {
             key: "fashion",
             value: /**
@@ -34694,7 +34697,7 @@ function _is_native_reflect_construct$2() {
     ]);
     return ZTypographyComponentModel;
 }(ZCircusComponentModel);
-_define_property$3$1(ZTypographyComponentModel, "Selector", ".ZTypography-root");
+_define_property$3(ZTypographyComponentModel, "Selector", ".ZTypography-root");
 
 function _assert_this_initialized$1(self) {
     if (self === void 0) {
@@ -34735,12 +34738,12 @@ function _call_super$1(_this, derived, args) {
     derived = _get_prototype_of$1(derived);
     return _possible_constructor_return$1(_this, _is_native_reflect_construct$1() ? Reflect.construct(derived, args || [], _get_prototype_of$1(_this).constructor) : derived.apply(_this, args));
 }
-function _class_call_check$1$2(instance, Constructor) {
+function _class_call_check$1$1(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$1$2(target, props) {
+function _defineProperties$1$1(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -34749,11 +34752,11 @@ function _defineProperties$1$2(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$1$2(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$1$2(Constructor.prototype, protoProps);
+function _create_class$1$1(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$1$1(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$2$1(obj, key, value) {
+function _define_property$2(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -34904,10 +34907,10 @@ function _ts_generator$c(thisArg, body) {
 var ZWizardComponentModel = /*#__PURE__*/ function(ZCircusComponentModel) {
     _inherits$1(ZWizardComponentModel, ZCircusComponentModel);
     function ZWizardComponentModel() {
-        _class_call_check$1$2(this, ZWizardComponentModel);
+        _class_call_check$1$1(this, ZWizardComponentModel);
         return _call_super$1(this, ZWizardComponentModel, arguments);
     }
-    _create_class$1$2(ZWizardComponentModel, [
+    _create_class$1$1(ZWizardComponentModel, [
         {
             key: "card",
             value: function card() {
@@ -35049,7 +35052,7 @@ var ZWizardComponentModel = /*#__PURE__*/ function(ZCircusComponentModel) {
     ]);
     return ZWizardComponentModel;
 }(ZCircusComponentModel);
-_define_property$2$1(ZWizardComponentModel, "Selector", ".ZWizard-root");
+_define_property$2(ZWizardComponentModel, "Selector", ".ZWizard-root");
 
 function _assert_this_initialized(self) {
     if (self === void 0) {
@@ -50945,63 +50948,13 @@ function requireClient () {
 
 var clientExports = requireClient();
 
-function _array_like_to_array$4(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes$4(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit$4(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest$4() {
-    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 _sliced_to_array$4(arr, i) {
-    return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$4(arr, i) || _non_iterable_rest$4();
-}
-function _unsupported_iterable_to_array$4(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$4(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4(o, minLen);
-}
 function ZRomulatorMenu() {
-    var _useState = _sliced_to_array$4(reactExports.useState(false), 2), expanded = _useState[0], setExpanded = _useState[1];
-    var open = reactExports.useMemo(function() {
-        return setExpanded.bind(null, true);
-    }, []);
-    var close = reactExports.useMemo(function() {
-        return setExpanded.bind(null, false);
-    }, []);
-    var secondary = useFashionTheme().secondary;
-    var navigate = useNavigate();
-    var navigateAndClose = function(path) {
+    const [expanded, setExpanded] = reactExports.useState(false);
+    const open = reactExports.useMemo(()=>setExpanded.bind(null, true), []);
+    const close = reactExports.useMemo(()=>setExpanded.bind(null, false), []);
+    const { secondary } = useFashionTheme();
+    const navigate = useNavigate();
+    const navigateAndClose = (path)=>{
         navigate(path);
         close();
     };
@@ -51022,8 +50975,7 @@ function ZRomulatorMenu() {
                 onClose: close,
                 anchor: ZHorizontalAnchor.Right,
                 fashion: secondary,
-                renderHeader: function() {
-                    return /*#__PURE__*/ jsxRuntimeExports.jsx(ZContentTitle, {
+                renderHeader: ()=>/*#__PURE__*/ jsxRuntimeExports.jsx(ZContentTitle, {
                         avatar: /*#__PURE__*/ jsxRuntimeExports.jsx(ZIconFontAwesome, {
                             name: "bars"
                         }),
@@ -51038,8 +50990,7 @@ function ZRomulatorMenu() {
                             }),
                             onClick: close
                         })
-                    });
-                },
+                    }),
                 children: /*#__PURE__*/ jsxRuntimeExports.jsxs(ZList, {
                     compact: true,
                     children: [
@@ -51141,12 +51092,12 @@ function ZRomulatorMenu() {
     });
 }
 
-function _class_call_check$1$1(instance, Constructor) {
+function _class_call_check$1(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$1$1(target, props) {
+function _defineProperties$1(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -51155,11 +51106,11 @@ function _defineProperties$1$1(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$1$1(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$1$1(Constructor.prototype, protoProps);
+function _create_class$1(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$1$1(obj, key, value) {
+function _define_property$1(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -51177,11 +51128,11 @@ function _define_property$1$1(obj, key, value) {
  * given an existing base url.
  */ var ZRestfulUrlBuilder = /*#__PURE__*/ function() {
     function ZRestfulUrlBuilder(baseUrl) {
-        _class_call_check$1$1(this, ZRestfulUrlBuilder);
-        _define_property$1$1(this, "_url", void 0);
+        _class_call_check$1(this, ZRestfulUrlBuilder);
+        _define_property$1(this, "_url", void 0);
         this._url = new ZUrlBuilder().parse(baseUrl);
     }
-    _create_class$1$1(ZRestfulUrlBuilder, [
+    _create_class$1(ZRestfulUrlBuilder, [
         {
             key: "from",
             value: /**
@@ -51227,7 +51178,7 @@ function _define_property$1$1(obj, key, value) {
     return ZRestfulUrlBuilder;
 }();
 
-function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -51241,27 +51192,27 @@ function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$2(fn) {
+function _async_to_generator(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
     };
 }
-function _class_call_check$3(instance, Constructor) {
+function _class_call_check(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$3(target, props) {
+function _defineProperties(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -51270,11 +51221,11 @@ function _defineProperties$3(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$3(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _define_property$3(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -51287,7 +51238,7 @@ function _define_property$3(obj, key, value) {
     }
     return obj;
 }
-function _ts_generator$2(thisArg, body) {
+function _ts_generator(thisArg, body) {
     var f, y, t, _ = {
         label: 0,
         sent: function() {
@@ -51390,15 +51341,15 @@ function _ts_generator$2(thisArg, body) {
  */ var ZRestfulService = /*#__PURE__*/ function() {
     function ZRestfulService(_http, _endpointUrl) {
         var _request = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : new ZHttpRequestBuilder().build();
-        _class_call_check$3(this, ZRestfulService);
-        _define_property$3(this, "_http", void 0);
-        _define_property$3(this, "_endpointUrl", void 0);
-        _define_property$3(this, "_request", void 0);
+        _class_call_check(this, ZRestfulService);
+        _define_property(this, "_http", void 0);
+        _define_property(this, "_endpointUrl", void 0);
+        _define_property(this, "_request", void 0);
         this._http = _http;
         this._endpointUrl = _endpointUrl;
         this._request = _request;
     }
-    _create_class$3(ZRestfulService, [
+    _create_class(ZRestfulService, [
         {
             key: "endpoint",
             value: /**
@@ -51418,9 +51369,9 @@ function _ts_generator$2(thisArg, body) {
         {
             key: "count",
             value: function count(req) {
-                return _async_to_generator$2(function() {
+                return _async_to_generator(function() {
                     var r, _ref, page;
-                    return _ts_generator$2(this, function(_state) {
+                    return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 r = new ZHttpRequestBuilder().copy(this._request).get().url(new ZRestfulUrlBuilder(this.endpoint().build()).from(req).count().build()).build();
@@ -51442,9 +51393,9 @@ function _ts_generator$2(thisArg, body) {
         {
             key: "retrieve",
             value: function retrieve(req) {
-                return _async_to_generator$2(function() {
+                return _async_to_generator(function() {
                     var r, _ref, page, _page_data;
-                    return _ts_generator$2(this, function(_state) {
+                    return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 r = new ZHttpRequestBuilder().copy(this._request).get().url(new ZRestfulUrlBuilder(this.endpoint().build()).from(req).build()).build();
@@ -51466,9 +51417,9 @@ function _ts_generator$2(thisArg, body) {
         {
             key: "get",
             value: function get(identification) {
-                return _async_to_generator$2(function() {
+                return _async_to_generator(function() {
                     var url, r, data;
-                    return _ts_generator$2(this, function(_state) {
+                    return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 url = this.endpoint(identification).build();
@@ -51491,9 +51442,9 @@ function _ts_generator$2(thisArg, body) {
         {
             key: "create",
             value: function create(body) {
-                return _async_to_generator$2(function() {
+                return _async_to_generator(function() {
                     var url, r, data;
-                    return _ts_generator$2(this, function(_state) {
+                    return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 url = this.endpoint().build();
@@ -51516,9 +51467,9 @@ function _ts_generator$2(thisArg, body) {
         {
             key: "upsert",
             value: function upsert(body) {
-                return _async_to_generator$2(function() {
+                return _async_to_generator(function() {
                     var url, r, data;
-                    return _ts_generator$2(this, function(_state) {
+                    return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 url = this.endpoint().build();
@@ -51541,9 +51492,9 @@ function _ts_generator$2(thisArg, body) {
         {
             key: "update",
             value: function update(identification, fields) {
-                return _async_to_generator$2(function() {
+                return _async_to_generator(function() {
                     var url, r, data;
-                    return _ts_generator$2(this, function(_state) {
+                    return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 url = this.endpoint(identification).build();
@@ -51566,9 +51517,9 @@ function _ts_generator$2(thisArg, body) {
         {
             key: "delete",
             value: function _delete(identification) {
-                return _async_to_generator$2(function() {
+                return _async_to_generator(function() {
                     var url, r;
-                    return _ts_generator$2(this, function(_state) {
+                    return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 url = this.endpoint(identification).build();
@@ -51591,297 +51542,57 @@ function _ts_generator$2(thisArg, body) {
     return ZRestfulService;
 }();
 
-function _class_call_check$2(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
-}
-function _defineProperties$2(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-    }
-}
-function _create_class$2(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
-    return Constructor;
-}
-function _define_property$2(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-var ZRomulatorEnvironmentBuilder = /*#__PURE__*/ function() {
-    function ZRomulatorEnvironmentBuilder() {
-        _class_call_check$2(this, ZRomulatorEnvironmentBuilder);
-        _define_property$2(this, "_env", void 0);
+class ZRomulatorEnvironmentBuilder {
+    _env;
+    constructor(){
         this._env = {
             api: new ZUrlBuilder().protocol("http").hostname("localhost").port(3000).append("api").build()
         };
     }
-    _create_class$2(ZRomulatorEnvironmentBuilder, [
-        {
-            key: "api",
-            value: function api(url) {
-                this._env.api = url;
-                return this;
-            }
-        },
-        {
-            key: "build",
-            value: function build() {
-                return structuredClone(this._env);
-            }
-        }
-    ]);
-    return ZRomulatorEnvironmentBuilder;
-}();
+    api(url) {
+        this._env.api = url;
+        return this;
+    }
+    build() {
+        return structuredClone(this._env);
+    }
+}
 
 function createDefaultSettingsService() {
-    var env = new ZRomulatorEnvironmentBuilder().build();
-    var http = new ZHttpService();
-    var endpoint = "".concat(env.api, "/configs");
+    const env = new ZRomulatorEnvironmentBuilder().build();
+    const http = new ZHttpService();
+    const endpoint = `${env.api}/configs`;
     return new ZRestfulService(http, endpoint);
 }
-var ZRomulatorSettingsContext = /*#__PURE__*/ reactExports.createContext(createDefaultSettingsService());
-var useSettingsService = function() {
-    return reactExports.useContext(ZRomulatorSettingsContext);
-};
-var useSetting = function(id) {
-    var service = useSettingsService();
-    return useAsyncState(function() {
-        return service.get(id);
-    }, [
+const ZRomulatorSettingsContext = /*#__PURE__*/ reactExports.createContext(createDefaultSettingsService());
+const useSettingsService = ()=>reactExports.useContext(ZRomulatorSettingsContext);
+const useSetting = (id)=>{
+    const service = useSettingsService();
+    return useAsyncState(()=>service.get(id), [
         id
     ]);
 };
 
-function _array_like_to_array$3(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes$3(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator$1(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _iterable_to_array_limit$3(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest$3() {
-    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 _sliced_to_array$3(arr, i) {
-    return _array_with_holes$3(arr) || _iterable_to_array_limit$3(arr, i) || _unsupported_iterable_to_array$3(arr, i) || _non_iterable_rest$3();
-}
-function _unsupported_iterable_to_array$3(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$3(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$3(o, minLen);
-}
-function _ts_generator$1(thisArg, body) {
-    var f, y, t, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
-    }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(g && (g = 0, op[0] && (_ = 0)), _)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
-                    return {
-                        value: op[1],
-                        done: false
-                    };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
-    }
-}
 function ZRomulatorSettingPage() {
-    var id = useParams().id;
-    var _useSetting = _sliced_to_array$3(useSetting(id), 2), setting = _useSetting[0], setSetting = _useSetting[1];
-    var _setting = asStateData(setting);
-    var metadata = firstDefined([], _setting === null || _setting === void 0 ? void 0 : _setting.metadata);
-    var service = useSettingsService();
-    var renderField = reactExports.useCallback(function(meta) {
+    const { id } = useParams();
+    const [setting, setSetting] = useSetting(id);
+    const _setting = asStateData(setting);
+    const metadata = firstDefined([], _setting?.metadata);
+    const service = useSettingsService();
+    const renderField = reactExports.useCallback((meta)=>{
         return /*#__PURE__*/ jsxRuntimeExports.jsx(ZFormField, {
             metadata: meta
         }, meta.id);
     }, []);
-    var handleUpdateConfig = function(contents) {
-        return _async_to_generator$1(function() {
-            var updated;
-            return _ts_generator$1(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        _state.trys.push([
-                            0,
-                            2,
-                            ,
-                            3
-                        ]);
-                        return [
-                            4,
-                            service.update(_setting.id, {
-                                contents: contents
-                            })
-                        ];
-                    case 1:
-                        updated = _state.sent();
-                        setSetting(updated);
-                        return [
-                            3,
-                            3
-                        ];
-                    case 2:
-                        _state.sent();
-                        return [
-                            3,
-                            3
-                        ];
-                    case 3:
-                        return [
-                            2
-                        ];
-                }
+    const handleUpdateConfig = async (contents)=>{
+        try {
+            const updated = await service.update(_setting.id, {
+                contents
             });
-        })();
+            setSetting(updated);
+        } catch  {
+        // TODO:  Error Handling
+        }
     };
     return /*#__PURE__*/ jsxRuntimeExports.jsxs(ZStack, {
         className: "ZRomulatorSettingPage-root",
@@ -51889,16 +51600,16 @@ function ZRomulatorSettingPage() {
         children: [
             /*#__PURE__*/ jsxRuntimeExports.jsx(ZBreadcrumbsLocation, {}),
             /*#__PURE__*/ jsxRuntimeExports.jsx(ZForm, {
-                value: _setting === null || _setting === void 0 ? void 0 : _setting.contents,
+                value: _setting?.contents,
                 onValueChange: handleUpdateConfig,
                 children: /*#__PURE__*/ jsxRuntimeExports.jsxs(ZCard, {
                     TitleProps: {
                         avatar: /*#__PURE__*/ jsxRuntimeExports.jsx(ZIconFontAwesome, {
-                            name: _setting === null || _setting === void 0 ? void 0 : _setting.avatar,
+                            name: _setting?.avatar,
                             width: ZSizeFixed.Medium
                         }),
-                        heading: _setting === null || _setting === void 0 ? void 0 : _setting.name,
-                        subHeading: _setting === null || _setting === void 0 ? void 0 : _setting.description,
+                        heading: _setting?.name,
+                        subHeading: _setting?.description,
                         suffix: /*#__PURE__*/ jsxRuntimeExports.jsxs(ZStack, {
                             orientation: ZOrientation.Horizontal,
                             gap: ZSizeFixed.Medium,
@@ -51936,58 +51647,12 @@ function ZRomulatorSettingPage() {
     });
 }
 
-function _array_like_to_array$2(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes$2(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit$2(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest$2() {
-    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 _sliced_to_array$2(arr, i) {
-    return _array_with_holes$2(arr) || _iterable_to_array_limit$2(arr, i) || _unsupported_iterable_to_array$2(arr, i) || _non_iterable_rest$2();
-}
-function _unsupported_iterable_to_array$2(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$2(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
-}
 function ZRomulatorSettingsPage() {
-    var body = useFashionTheme().body;
-    var navigate = useNavigate();
-    var settings = useSettingsService();
-    var _useState = _sliced_to_array$2(reactExports.useState(new ZDataRequestBuilder().build()), 1), request = _useState[0];
-    var renderTile = function(config) {
+    const { body } = useFashionTheme();
+    const navigate = useNavigate();
+    const settings = useSettingsService();
+    const [request] = reactExports.useState(new ZDataRequestBuilder().build());
+    const renderTile = (config)=>{
         return /*#__PURE__*/ jsxRuntimeExports.jsx(ZBox, {
             className: "ZRomulatorSettingsPage-tile",
             fashion: body,
@@ -51995,9 +51660,7 @@ function ZRomulatorSettingsPage() {
             cursor: "pointer",
             padding: ZSizeFixed.Medium,
             "data-name": config.id,
-            onClick: function() {
-                return navigate(config.id);
-            },
+            onClick: ()=>navigate(config.id),
             children: /*#__PURE__*/ jsxRuntimeExports.jsx(ZStack, {
                 gap: ZSizeFixed.Medium,
                 children: /*#__PURE__*/ jsxRuntimeExports.jsx(ZContentTitle, {
@@ -52055,80 +51718,19 @@ function ZRomulatorSettingsPage() {
     });
 }
 
-function _define_property$1(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property$1(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _tagged_template_literal$1(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject$1() {
-    var data = _tagged_template_literal$1([
-        "\n    &.ZRomulatorSystemCard-root .ZRomulatorSystemCard-avatar {\n      height: 100%;\n      width: 100%;\n    }\n  "
-    ]);
-    _templateObject$1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 function ZRomulatorSystemAvatarCard(props) {
-    var system = props.system, CardProps = props.CardProps;
-    var src = "/systems/wheel/".concat(system.id, ".png");
-    var _className = useCss(css$1(_templateObject$1()));
-    return /*#__PURE__*/ jsxRuntimeExports.jsx(ZCard, _object_spread_props(_object_spread({
+    const { system, CardProps } = props;
+    const src = `/systems/wheel/${system.id}.png`;
+    const _className = useCss(css$1`
+    &.ZRomulatorSystemCard-root .ZRomulatorSystemCard-avatar {
+      height: 100%;
+      width: 100%;
+    }
+  `);
+    return /*#__PURE__*/ jsxRuntimeExports.jsx(ZCard, {
         className: cssJoinDefined("ZRomulatorSystemCard-root", _className),
-        name: system.id
-    }, CardProps), {
+        name: system.id,
+        ...CardProps,
         children: /*#__PURE__*/ jsxRuntimeExports.jsx(ZStack, {
             className: "ZRomulatorSystemCard-avatar",
             orientation: ZOrientation.Horizontal,
@@ -52145,387 +51747,45 @@ function ZRomulatorSystemAvatarCard(props) {
                 width: ZSizeFixed.ExtraLarge
             })
         })
-    }));
-}
-
-/* istanbul ignore file -- @preserve */ function _class_call_check$1(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
-}
-function _defineProperties$1(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-    }
-}
-function _create_class$1(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
-    return Constructor;
+    });
 }
-var ZRomulatorEnvironmentService = /*#__PURE__*/ function() {
-    function ZRomulatorEnvironmentService() {
-        _class_call_check$1(this, ZRomulatorEnvironmentService);
-    }
-    _create_class$1(ZRomulatorEnvironmentService, [
-        {
-            key: "read",
-            value: function read() {
-                return Promise.resolve(new ZRomulatorEnvironmentBuilder().build());
-            }
-        }
-    ]);
-    return ZRomulatorEnvironmentService;
-}();
 
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
+class ZRomulatorSystemsService {
+    _rest;
+    endpoint() {
+        const { api } = new ZRomulatorEnvironmentBuilder().build();
+        return new ZUrlBuilder().parse(api).append("systems").build();
     }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
+    constructor(_http){
+        this._rest = new ZLazy(async ()=>Promise.resolve(new ZRestfulService(_http, this.endpoint())));
     }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
+    async retrieve(request) {
+        return (await this._rest.get()).retrieve(request);
     }
-}
-function _defineProperties(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
+    async count(request) {
+        return (await this._rest.get()).count(request);
     }
-}
-function _create_class(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    return Constructor;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _ts_generator(thisArg, body) {
-    var f, y, t, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
-    }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(g && (g = 0, op[0] && (_ = 0)), _)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
-                    return {
-                        value: op[1],
-                        done: false
-                    };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
+    async get(id) {
+        return (await this._rest.get()).get(id);
     }
 }
-var ZRomulatorSystemsService = /*#__PURE__*/ function() {
-    function ZRomulatorSystemsService(_http, _env) {
-        var _this = this;
-        _class_call_check(this, ZRomulatorSystemsService);
-        _define_property(this, "_env", void 0);
-        _define_property(this, "_rest", void 0);
-        this._env = _env;
-        this._rest = new ZLazy(function() {
-            return _async_to_generator(function() {
-                var _, _1, _tmp;
-                return _ts_generator(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            _ = Promise.resolve;
-                            _1 = ZRestfulService.bind;
-                            _tmp = [
-                                void 0,
-                                _http
-                            ];
-                            return [
-                                4,
-                                this.endpoint()
-                            ];
-                        case 1:
-                            return [
-                                2,
-                                _.apply(Promise, [
-                                    new (_1.apply(ZRestfulService, _tmp.concat([
-                                        _state.sent()
-                                    ])))
-                                ])
-                            ];
-                    }
-                });
-            }).call(_this);
-        });
-    }
-    _create_class(ZRomulatorSystemsService, [
-        {
-            key: "endpoint",
-            value: function endpoint() {
-                return _async_to_generator(function() {
-                    var env;
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                return [
-                                    4,
-                                    this._env.read()
-                                ];
-                            case 1:
-                                env = _state.sent();
-                                return [
-                                    2,
-                                    new ZUrlBuilder().parse(env.api).append("systems").build()
-                                ];
-                        }
-                    });
-                }).call(this);
-            }
-        },
-        {
-            key: "retrieve",
-            value: function retrieve(request) {
-                return _async_to_generator(function() {
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                return [
-                                    4,
-                                    this._rest.get()
-                                ];
-                            case 1:
-                                return [
-                                    2,
-                                    _state.sent().retrieve(request)
-                                ];
-                        }
-                    });
-                }).call(this);
-            }
-        },
-        {
-            key: "count",
-            value: function count(request) {
-                return _async_to_generator(function() {
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                return [
-                                    4,
-                                    this._rest.get()
-                                ];
-                            case 1:
-                                return [
-                                    2,
-                                    _state.sent().count(request)
-                                ];
-                        }
-                    });
-                }).call(this);
-            }
-        },
-        {
-            key: "get",
-            value: function get(id) {
-                return _async_to_generator(function() {
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                return [
-                                    4,
-                                    this._rest.get()
-                                ];
-                            case 1:
-                                return [
-                                    2,
-                                    _state.sent().get(id)
-                                ];
-                        }
-                    });
-                }).call(this);
-            }
-        }
-    ]);
-    return ZRomulatorSystemsService;
-}();
 function createDefaultSystemsService() {
-    return new ZRomulatorSystemsService(new ZHttpService(), new ZRomulatorEnvironmentService());
+    return new ZRomulatorSystemsService(new ZHttpService());
 }
-var ZRomulatorSystemsServiceContext = /*#__PURE__*/ reactExports.createContext(createDefaultSystemsService());
-var useSystemsService = function() {
-    return reactExports.useContext(ZRomulatorSystemsServiceContext);
-};
-var useSystem = function(id) {
-    var service = useSystemsService();
-    return useAsyncState(function() {
-        return service.get(id);
-    }, [
+const ZRomulatorSystemsServiceContext = /*#__PURE__*/ reactExports.createContext(createDefaultSystemsService());
+const useSystemsService = ()=>reactExports.useContext(ZRomulatorSystemsServiceContext);
+const useSystem = (id)=>{
+    const service = useSystemsService();
+    return useAsyncState(()=>service.get(id), [
         id
     ]);
 };
 
-function _array_like_to_array$1(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes$1(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit$1(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest$1() {
-    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 _sliced_to_array$1(arr, i) {
-    return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$1(arr, i) || _non_iterable_rest$1();
-}
-function _unsupported_iterable_to_array$1(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$1(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
-}
 function ZRomulatorSystemPage() {
-    var id = useParams().id;
-    var error = useFashionTheme().error;
-    var _useSystem = _sliced_to_array$1(useSystem(firstDefined("", id)), 1), system = _useSystem[0];
-    var renderSystemInformation = function() {
+    const { id } = useParams();
+    const { error } = useFashionTheme();
+    const [system] = useSystem(firstDefined("", id));
+    const renderSystemInformation = ()=>{
         if (isStateLoading(system)) {
             return /*#__PURE__*/ jsxRuntimeExports.jsx(ZSuspenseProgress, {
                 height: ZSizeFixed.Large
@@ -52552,81 +51812,22 @@ function ZRomulatorSystemPage() {
     });
 }
 
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    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 _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n    & {\n      height: 100%;\n    }\n  "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var DefaultSystemSortOrder = new ZSortBuilder().ascending("generation").ascending("name").build();
-var DefaultSystemRequest = new ZDataRequestBuilder().sort(DefaultSystemSortOrder).build();
+const DefaultSystemSortOrder = new ZSortBuilder().ascending("generation").ascending("name").build();
+const DefaultSystemRequest = new ZDataRequestBuilder().sort(DefaultSystemSortOrder).build();
 function ZRomulatorSystemsPage() {
-    var body = useFashionTheme().body;
-    var navigate = useNavigate();
-    var source = useSystemsService();
-    var _useState = _sliced_to_array(reactExports.useState(DefaultSystemRequest), 2), request = _useState[0], setRequest = _useState[1];
-    var tile = useCss(css$1(_templateObject()));
-    var renderTile = function(system) {
-        var wheel = "/systems/wheel/".concat(system.id, ".png");
+    const { body } = useFashionTheme();
+    const navigate = useNavigate();
+    const source = useSystemsService();
+    const [request, setRequest] = reactExports.useState(DefaultSystemRequest);
+    const tile = useCss(css$1`
+    & {
+      height: 100%;
+    }
+  `);
+    const renderTile = (system)=>{
+        const { api } = new ZRomulatorEnvironmentBuilder().build();
+        const id = `${system.id}-wheel`;
+        const wheel = `${api}/media/${id}`;
         return /*#__PURE__*/ jsxRuntimeExports.jsx(ZBox, {
             className: "ZRomulatorSystemsPage-tile",
             fashion: body,
@@ -52634,9 +51835,7 @@ function ZRomulatorSystemsPage() {
             cursor: "pointer",
             padding: ZSizeFixed.Small,
             "data-name": system.id,
-            onClick: function() {
-                return navigate(system.id);
-            },
+            onClick: ()=>navigate(system.id),
             children: /*#__PURE__*/ jsxRuntimeExports.jsx(ZStack, {
                 className: cssJoinDefined(tile),
                 gap: ZSizeFixed.Medium,
@@ -52715,7 +51914,7 @@ function ZRomulatorTitle() {
     });
 }
 
-var FashionTheme = createDarkTheme();
+const FashionTheme = createDarkTheme();
 function ZRomulatorApp() {
     return /*#__PURE__*/ jsxRuntimeExports.jsx(ZFashionThemeContext.Provider, {
         value: FashionTheme,
@@ -52759,7 +51958,7 @@ function ZRomulatorApp() {
     });
 }
 
-var container = clientExports.createRoot(document.getElementById("zthunworks-romulator"));
+const container = clientExports.createRoot(document.getElementById("zthunworks-romulator"));
 container.render(/*#__PURE__*/ jsxRuntimeExports.jsx(React.StrictMode, {
     children: /*#__PURE__*/ jsxRuntimeExports.jsx(ZRouter, {
         children: /*#__PURE__*/ jsxRuntimeExports.jsx(ZRomulatorApp, {})