npm - @eva/plugin-ui - Versions diffs - 2.1.0-beta.2 → 2.1.0-beta.4 - Mend

@eva/plugin-ui 2.1.0-beta.2 → 2.1.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/EVA.plugin.ui.js +409 -245
package/dist/EVA.plugin.ui.min.js +1 -1
package/dist/plugin-ui.cjs.js +120 -10
package/dist/plugin-ui.cjs.prod.js +1 -1
package/dist/plugin-ui.d.ts +2 -0
package/dist/plugin-ui.esm.js +120 -10
package/package.json +4 -4

package/dist/EVA.plugin.ui.js CHANGED Viewed

@@ -950,7 +950,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       const exID = this.active;
       this.forceSwitch(id);
       if (exID !== this.active) {
-        const res = this.views.length > 2 ? this.active ?? 0 : this.active === 1;
+        var _this$active;
+        const res = this.views.length > 2 ? (_this$active = this.active) != null ? _this$active : 0 : this.active === 1;
         this.onChange.emit(res);
       }
     }
@@ -997,15 +998,16 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
   var __publicField$h = (obj, key, value) => __defNormalProp$h(obj, typeof key !== "symbol" ? key + "" : key, value);
   class CheckBox$1 extends Switcher$1 {
     constructor(options) {
+      var _options$TextClass, _options$text, _options$checked;
       super();
       __publicField$h(this, "labelText");
       __publicField$h(this, "onCheck");
       __publicField$h(this, "_style");
       __publicField$h(this, "_textClass");
-      this._textClass = options.TextClass ?? pixi_js.Text;
-      this.text = options.text ?? "";
+      this._textClass = (_options$TextClass = options.TextClass) != null ? _options$TextClass : pixi_js.Text;
+      this.text = (_options$text = options.text) != null ? _options$text : "";
       this.style = options.style;
-      this.checked = options.checked ?? false;
+      this.checked = (_options$checked = options.checked) != null ? _options$checked : false;
       this.triggerEvents = ["onPress"];
       this.innerView.cursor = "pointer";
       this.onCheck = new dist.Signal();
@@ -1015,8 +1017,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       var _this$_style;
       if (!text) return;
       this.labelText = new this._textClass({
-        text: text ?? "",
-        style: style ?? ((_this$_style = this._style) === null || _this$_style === void 0 ? void 0 : _this$_style.text)
+        text: text != null ? text : "",
+        style: style != null ? style : (_this$_style = this._style) === null || _this$_style === void 0 ? void 0 : _this$_style.text
       });
       this.addChild(this.labelText);
       this.labelText.cursor = "pointer";
@@ -1040,8 +1042,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.alignText();
     }
     get text() {
-      var _this$labelText;
-      return ((_this$labelText = this.labelText) === null || _this$labelText === void 0 ? void 0 : _this$labelText.text) ?? "";
+      var _this$labelText$text, _this$labelText;
+      return (_this$labelText$text = (_this$labelText = this.labelText) === null || _this$labelText === void 0 ? void 0 : _this$labelText.text) != null ? _this$labelText$text : "";
     }
     set style(style) {
       const wasChecked = this.checked;
@@ -1076,9 +1078,9 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       if (!this.views) return;
       const uncheckedView = this.views[0];
       if (uncheckedView) {
-        var _this$_style2, _this$_style2$textOff, _this$_style3, _this$_style3$textOff;
-        this.labelText.x = uncheckedView.width + 10 + (((_this$_style2 = this._style) === null || _this$_style2 === void 0 ? void 0 : (_this$_style2$textOff = _this$_style2.textOffset) === null || _this$_style2$textOff === void 0 ? void 0 : _this$_style2$textOff.x) ?? 0);
-        this.labelText.y = (uncheckedView.height - this.labelText.height) / 2 + (((_this$_style3 = this._style) === null || _this$_style3 === void 0 ? void 0 : (_this$_style3$textOff = _this$_style3.textOffset) === null || _this$_style3$textOff === void 0 ? void 0 : _this$_style3$textOff.y) ?? 0);
+        var _this$_style$textOffs, _this$_style2, _this$_style2$textOff, _this$_style$textOffs2, _this$_style3, _this$_style3$textOff;
+        this.labelText.x = uncheckedView.width + 10 + ((_this$_style$textOffs = (_this$_style2 = this._style) === null || _this$_style2 === void 0 ? void 0 : (_this$_style2$textOff = _this$_style2.textOffset) === null || _this$_style2$textOff === void 0 ? void 0 : _this$_style2$textOff.x) != null ? _this$_style$textOffs : 0);
+        this.labelText.y = (uncheckedView.height - this.labelText.height) / 2 + ((_this$_style$textOffs2 = (_this$_style3 = this._style) === null || _this$_style3 === void 0 ? void 0 : (_this$_style3$textOff = _this$_style3.textOffset) === null || _this$_style3$textOff === void 0 ? void 0 : _this$_style3$textOff.y) != null ? _this$_style$textOffs2 : 0);
       }
     }
     get checked() {
@@ -1107,7 +1109,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       __publicField$g(this, "bgCircle", new pixi_js.Graphics());
       __publicField$g(this, "fillCircle", new pixi_js.Graphics());
       __publicField$g(this, "innerView", new pixi_js.Container());
-      this.options = options ?? {};
+      this.options = options != null ? options : {};
       this.addChild(this.innerView);
       this.innerView.addChild(this.bgCircle, this.fillCircle);
       this.addBackground();
@@ -2469,6 +2471,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
   var __publicField$f = (obj, key, value) => __defNormalProp$f(obj, typeof key !== "symbol" ? key + "" : key, value);
   class FancyButton$1 extends ButtonContainer {
     constructor(options) {
+      var _ref, _ref2;
       super();
       __publicField$f(this, "animations");
       __publicField$f(this, "originalInnerViewState");
@@ -2498,7 +2501,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         x: 0.5,
         y: 0.5
       });
-      this.options = options ?? {};
+      this.options = options != null ? options : {};
       const {
         defaultView,
         hoverView,
@@ -2519,33 +2522,33 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         anchorY,
         icon,
         animations
-      } = options ?? {};
+      } = options != null ? options : {};
       this.addChild(this.innerView);
       this.anchor = new pixi_js.ObservablePoint({
         _onUpdate: () => this.updateAnchor()
       });
-      this.anchor.set(anchorX ?? anchor ?? 0, anchorY ?? anchor ?? 0);
-      this.padding = padding ?? 0;
-      this.offset = offset ?? {};
-      this.textOffset = textOffset ?? {};
-      this.iconOffset = iconOffset ?? {};
-      this.defaultTextScale = textScale ?? {
+      this.anchor.set((_ref = anchorX != null ? anchorX : anchor) != null ? _ref : 0, (_ref2 = anchorY != null ? anchorY : anchor) != null ? _ref2 : 0);
+      this.padding = padding != null ? padding : 0;
+      this.offset = offset != null ? offset : {};
+      this.textOffset = textOffset != null ? textOffset : {};
+      this.iconOffset = iconOffset != null ? iconOffset : {};
+      this.defaultTextScale = textScale != null ? textScale : {
         x: 1,
         y: 1
       };
-      this.defaultIconScale = iconScale ?? {
+      this.defaultIconScale = iconScale != null ? iconScale : {
         x: 1,
         y: 1
       };
-      this.defaultTextAnchor = textAnchor ?? {
+      this.defaultTextAnchor = textAnchor != null ? textAnchor : {
         x: 0.5,
         y: 0.5
       };
-      this.defaultIconAnchor = iconAnchor ?? {
+      this.defaultIconAnchor = iconAnchor != null ? iconAnchor : {
         x: 0.5,
         y: 0.5
       };
-      this.scale.set(scale ?? 1);
+      this.scale.set(scale != null ? scale : 1);
       if (animations) {
         this.animations = animations;
         this.setOriginalInnerViewState();
@@ -2556,7 +2559,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.hoverView = hoverView;
       this.pressedView = pressedView;
       this.disabledView = disabledView;
-      this.text = text ?? "";
+      this.text = text != null ? text : "";
       if (icon !== void 0) {
         this.iconView = icon;
       }
@@ -2622,37 +2625,42 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       };
       const defaultStateOffset = offset === null || offset === void 0 ? void 0 : offset.default;
       if (stateOffset) {
-        view.x += stateOffset.x ?? 0;
-        view.y += stateOffset.y ?? 0;
+        var _stateOffset$x, _stateOffset$y;
+        view.x += (_stateOffset$x = stateOffset.x) != null ? _stateOffset$x : 0;
+        view.y += (_stateOffset$y = stateOffset.y) != null ? _stateOffset$y : 0;
       } else if (defaultStateOffset) {
-        view.x += defaultStateOffset.x ?? 0;
-        view.y += defaultStateOffset.y ?? 0;
+        var _defaultStateOffset$x, _defaultStateOffset$y;
+        view.x += (_defaultStateOffset$x = defaultStateOffset.x) != null ? _defaultStateOffset$x : 0;
+        view.y += (_defaultStateOffset$y = defaultStateOffset.y) != null ? _defaultStateOffset$y : 0;
       } else if (offset.x || offset.y) {
-        view.x += offset.x ?? 0;
-        view.y += offset.y ?? 0;
+        var _offset$x, _offset$y;
+        view.x += (_offset$x = offset.x) != null ? _offset$x : 0;
+        view.y += (_offset$y = offset.y) != null ? _offset$y : 0;
       }
     }
     getStateView(state) {
+      var _ref3, _this$_views$hoverVie, _ref4, _ref5, _this$_views$pressedV, _ref6, _this$_views$disabled, _this$_views$defaultV;
       if (!this._views) return void 0;
       switch (state) {
         case "hover":
-          return this._views.hoverView ?? this._views.defaultView ?? void 0;
+          return (_ref3 = (_this$_views$hoverVie = this._views.hoverView) != null ? _this$_views$hoverVie : this._views.defaultView) != null ? _ref3 : void 0;
         case "pressed":
-          return this._views.pressedView ?? this._views.hoverView ?? this._views.defaultView ?? void 0;
+          return (_ref4 = (_ref5 = (_this$_views$pressedV = this._views.pressedView) != null ? _this$_views$pressedV : this._views.hoverView) != null ? _ref5 : this._views.defaultView) != null ? _ref4 : void 0;
         case "disabled":
-          return this._views.disabledView ?? this._views.defaultView ?? void 0;
+          return (_ref6 = (_this$_views$disabled = this._views.disabledView) != null ? _this$_views$disabled : this._views.defaultView) != null ? _ref6 : void 0;
         case "default":
-          return this._views.defaultView ?? void 0;
+          return (_this$_views$defaultV = this._views.defaultView) != null ? _this$_views$defaultV : void 0;
         default:
           return void 0;
       }
     }
     adjustTextView(state) {
+      var _this$_defaultTextAnc, _this$_defaultTextAnc2;
       if (!this.text) return;
       if (!this._views.textView) return;
       const activeView = this.getStateView(this.state);
-      const anchorX = this._defaultTextAnchor.x ?? 0.5;
-      const anchorY = this._defaultTextAnchor.y ?? 0.5;
+      const anchorX = (_this$_defaultTextAnc = this._defaultTextAnchor.x) != null ? _this$_defaultTextAnc : 0.5;
+      const anchorY = (_this$_defaultTextAnc2 = this._defaultTextAnchor.y) != null ? _this$_defaultTextAnc2 : 0.5;
       if (activeView) {
         var _this$options2;
         if (!((_this$options2 = this.options) !== null && _this$options2 !== void 0 && _this$options2.ignoreRefitting)) {
@@ -2662,13 +2670,14 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
           fitToView(activeView, this._views.textView, this.padding, false);
         }
         if (this.contentFittingMode === "fill") {
+          var _this$_defaultTextSca, _this$_defaultTextSca2;
           this._views.textView.scale.set(1);
           const availableWidth = activeView.width - this.padding * 2;
           const availableHeight = activeView.height - this.padding * 2;
           const targetScaleX = availableWidth / this._views.textView.width;
           const targetScaleY = availableHeight / this._views.textView.height;
           const scale = Math.min(targetScaleX, targetScaleY);
-          this._views.textView.scale.set(scale * (this._defaultTextScale.x ?? 1), scale * (this._defaultTextScale.y ?? 1));
+          this._views.textView.scale.set(scale * ((_this$_defaultTextSca = this._defaultTextScale.x) != null ? _this$_defaultTextSca : 1), scale * ((_this$_defaultTextSca2 = this._defaultTextScale.y) != null ? _this$_defaultTextSca2 : 1));
         }
         this._views.textView.x = activeView.x + activeView.width / 2;
         this._views.textView.y = activeView.y + activeView.height / 2;
@@ -2677,7 +2686,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.setOffset(this._views.textView, state, this.textOffset);
     }
     adjustIconView(state) {
-      var _this$options3;
+      var _this$options3, _this$_defaultIconAnc, _this$_defaultIconAnc2;
       if (!this._views.iconView) {
         return;
       }
@@ -2692,16 +2701,17 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         fitToView(activeView, this._views.iconView, this.padding, false);
       }
       if (this.contentFittingMode === "fill") {
+        var _this$_defaultIconSca, _this$_defaultIconSca2;
         this._views.iconView.scale.set(1);
         const availableWidth = activeView.width - this.padding * 2;
         const availableHeight = activeView.height - this.padding * 2;
         const targetScaleX = availableWidth / this._views.iconView.width;
         const targetScaleY = availableHeight / this._views.iconView.height;
         const scale = Math.min(targetScaleX, targetScaleY);
-        this._views.iconView.scale.set(scale * (this._defaultIconScale.x ?? 1), scale * (this._defaultIconScale.y ?? 1));
+        this._views.iconView.scale.set(scale * ((_this$_defaultIconSca = this._defaultIconScale.x) != null ? _this$_defaultIconSca : 1), scale * ((_this$_defaultIconSca2 = this._defaultIconScale.y) != null ? _this$_defaultIconSca2 : 1));
       }
-      const anchorX = this._defaultIconAnchor.x ?? 0.5;
-      const anchorY = this._defaultIconAnchor.y ?? 0.5;
+      const anchorX = (_this$_defaultIconAnc = this._defaultIconAnchor.x) != null ? _this$_defaultIconAnc : 0.5;
+      const anchorY = (_this$_defaultIconAnc2 = this._defaultIconAnchor.y) != null ? _this$_defaultIconAnc2 : 0.5;
       if ("anchor" in this._views.iconView) {
         this._views.iconView.anchor.set(anchorX, anchorY);
       } else {
@@ -2712,9 +2722,10 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.setOffset(this._views.iconView, state, this.iconOffset);
     }
     updateAnchor() {
+      var _this$anchor$x, _this$anchor$y;
       if (!this._views) return;
-      const anchorX = this.anchor.x ?? 0;
-      const anchorY = this.anchor.y ?? 0;
+      const anchorX = (_this$anchor$x = this.anchor.x) != null ? _this$anchor$x : 0;
+      const anchorY = (_this$anchor$y = this.anchor.y) != null ? _this$anchor$y : 0;
       const views = [this._views.defaultView, this._views.hoverView, this._views.pressedView, this._views.disabledView];
       views.forEach(view => {
         var _view$anchor;
@@ -2739,7 +2750,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.options.contentFittingMode = mode;
     }
     get contentFittingMode() {
-      return this.options.contentFittingMode ?? "default";
+      var _this$options$content;
+      return (_this$options$content = this.options.contentFittingMode) != null ? _this$options$content : "default";
     }
     set defaultView(view) {
       this.updateView("defaultView", view);
@@ -2862,11 +2874,13 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       return this._views.iconView;
     }
     playAnimations(state) {
+      var _this$animations$stat;
       if (!this.animations) return;
-      const stateAnimation = this.animations[state] ?? this.animations.default;
+      const stateAnimation = (_this$animations$stat = this.animations[state]) != null ? _this$animations$stat : this.animations.default;
       if (stateAnimation) {
+        var _data$duration;
         const data = stateAnimation;
-        this.defaultDuration = data.duration ?? this.defaultDuration;
+        this.defaultDuration = (_data$duration = data.duration) != null ? _data$duration : this.defaultDuration;
         new Tween(this.innerView).to(data.props, data.duration).start();
         return;
       }
@@ -2886,13 +2900,13 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       };
       const defaultStateAnimation = (_this$animations = this.animations) === null || _this$animations === void 0 ? void 0 : _this$animations.default;
       if (defaultStateAnimation) {
-        var _defaultStateAnimatio, _this$originalInnerVi, _defaultStateAnimatio2, _this$originalInnerVi2;
-        this.innerView.x = defaultStateAnimation.props.x ?? this.originalInnerViewState.x ?? 0;
-        this.innerView.y = defaultStateAnimation.props.y ?? this.originalInnerViewState.y ?? 0;
-        this.innerView.width = defaultStateAnimation.props.width ?? this.originalInnerViewState.width ?? 0;
-        this.innerView.height = defaultStateAnimation.props.height ?? this.originalInnerViewState.height ?? 0;
-        this.innerView.scale.x = ((_defaultStateAnimatio = defaultStateAnimation.props.scale) === null || _defaultStateAnimatio === void 0 ? void 0 : _defaultStateAnimatio.x) ?? ((_this$originalInnerVi = this.originalInnerViewState.scale) === null || _this$originalInnerVi === void 0 ? void 0 : _this$originalInnerVi.x) ?? 1;
-        this.innerView.scale.y = ((_defaultStateAnimatio2 = defaultStateAnimation.props.scale) === null || _defaultStateAnimatio2 === void 0 ? void 0 : _defaultStateAnimatio2.y) ?? ((_this$originalInnerVi2 = this.originalInnerViewState.scale) === null || _this$originalInnerVi2 === void 0 ? void 0 : _this$originalInnerVi2.y) ?? 1;
+        var _ref7, _defaultStateAnimatio, _ref8, _defaultStateAnimatio2, _ref9, _defaultStateAnimatio3, _ref0, _defaultStateAnimatio4, _ref1, _defaultStateAnimatio5, _defaultStateAnimatio6, _this$originalInnerVi, _ref10, _defaultStateAnimatio7, _defaultStateAnimatio8, _this$originalInnerVi2;
+        this.innerView.x = (_ref7 = (_defaultStateAnimatio = defaultStateAnimation.props.x) != null ? _defaultStateAnimatio : this.originalInnerViewState.x) != null ? _ref7 : 0;
+        this.innerView.y = (_ref8 = (_defaultStateAnimatio2 = defaultStateAnimation.props.y) != null ? _defaultStateAnimatio2 : this.originalInnerViewState.y) != null ? _ref8 : 0;
+        this.innerView.width = (_ref9 = (_defaultStateAnimatio3 = defaultStateAnimation.props.width) != null ? _defaultStateAnimatio3 : this.originalInnerViewState.width) != null ? _ref9 : 0;
+        this.innerView.height = (_ref0 = (_defaultStateAnimatio4 = defaultStateAnimation.props.height) != null ? _defaultStateAnimatio4 : this.originalInnerViewState.height) != null ? _ref0 : 0;
+        this.innerView.scale.x = (_ref1 = (_defaultStateAnimatio5 = (_defaultStateAnimatio6 = defaultStateAnimation.props.scale) === null || _defaultStateAnimatio6 === void 0 ? void 0 : _defaultStateAnimatio6.x) != null ? _defaultStateAnimatio5 : (_this$originalInnerVi = this.originalInnerViewState.scale) === null || _this$originalInnerVi === void 0 ? void 0 : _this$originalInnerVi.x) != null ? _ref1 : 1;
+        this.innerView.scale.y = (_ref10 = (_defaultStateAnimatio7 = (_defaultStateAnimatio8 = defaultStateAnimation.props.scale) === null || _defaultStateAnimatio8 === void 0 ? void 0 : _defaultStateAnimatio8.y) != null ? _defaultStateAnimatio7 : (_this$originalInnerVi2 = this.originalInnerViewState.scale) === null || _this$originalInnerVi2 === void 0 ? void 0 : _this$originalInnerVi2.y) != null ? _ref10 : 1;
       }
     }
     initStateControl() {
@@ -2942,44 +2956,48 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       return this._textOffset;
     }
     set defaultTextScale(scale) {
+      var _scale$x, _scale$y;
       if (scale === void 0) return;
       this.options.defaultTextScale = scale;
       const isNumber = typeof scale === "number";
-      this._defaultTextScale.x = isNumber ? scale : scale.x ?? 1;
-      this._defaultTextScale.y = isNumber ? scale : scale.y ?? 1;
+      this._defaultTextScale.x = isNumber ? scale : (_scale$x = scale.x) != null ? _scale$x : 1;
+      this._defaultTextScale.y = isNumber ? scale : (_scale$y = scale.y) != null ? _scale$y : 1;
       this.adjustTextView(this.state);
     }
     get defaultTextScale() {
       return this.defaultTextScale;
     }
     set defaultIconScale(scale) {
+      var _scale$x2, _scale$y2;
       if (scale === void 0) return;
       this.options.defaultIconScale = scale;
       const isNumber = typeof scale === "number";
-      this._defaultIconScale.x = isNumber ? scale : scale.x ?? 1;
-      this._defaultIconScale.y = isNumber ? scale : scale.y ?? 1;
+      this._defaultIconScale.x = isNumber ? scale : (_scale$x2 = scale.x) != null ? _scale$x2 : 1;
+      this._defaultIconScale.y = isNumber ? scale : (_scale$y2 = scale.y) != null ? _scale$y2 : 1;
       this.adjustIconView(this.state);
     }
     get defaultIconScale() {
       return this.defaultIconScale;
     }
     set defaultTextAnchor(anchor) {
+      var _anchor$x, _anchor$y;
       if (anchor === void 0) return;
       this.options.defaultTextAnchor = anchor;
       const isNumber = typeof anchor === "number";
-      this._defaultTextAnchor.x = isNumber ? anchor : anchor.x ?? 1;
-      this._defaultTextAnchor.y = isNumber ? anchor : anchor.y ?? 1;
+      this._defaultTextAnchor.x = isNumber ? anchor : (_anchor$x = anchor.x) != null ? _anchor$x : 1;
+      this._defaultTextAnchor.y = isNumber ? anchor : (_anchor$y = anchor.y) != null ? _anchor$y : 1;
       this.adjustTextView(this.state);
     }
     get defaultTextAnchor() {
       return this.defaultTextAnchor;
     }
     set defaultIconAnchor(anchor) {
+      var _anchor$x2, _anchor$y2;
       if (anchor === void 0) return;
       this.options.defaultIconAnchor = anchor;
       const isNumber = typeof anchor === "number";
-      this._defaultIconAnchor.x = isNumber ? anchor : anchor.x ?? 1;
-      this._defaultIconAnchor.y = isNumber ? anchor : anchor.y ?? 1;
+      this._defaultIconAnchor.x = isNumber ? anchor : (_anchor$x2 = anchor.x) != null ? _anchor$x2 : 1;
+      this._defaultIconAnchor.y = isNumber ? anchor : (_anchor$y2 = anchor.y) != null ? _anchor$y2 : 1;
       this.adjustIconView(this.state);
     }
     get defaultIconAnchor() {
@@ -3106,8 +3124,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.arrangeChildren();
     }
     get elementsMargin() {
-      var _this$options9;
-      return ((_this$options9 = this.options) === null || _this$options9 === void 0 ? void 0 : _this$options9.elementsMargin) ?? 0;
+      var _this$options$element, _this$options9;
+      return (_this$options$element = (_this$options9 = this.options) === null || _this$options9 === void 0 ? void 0 : _this$options9.elementsMargin) != null ? _this$options$element : 0;
     }
     set padding(padding) {
       if (!this.options) throw new Error("List has not been initiated!");
@@ -3121,8 +3139,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.arrangeChildren();
     }
     get padding() {
-      var _this$options0;
-      return ((_this$options0 = this.options) === null || _this$options0 === void 0 ? void 0 : _this$options0.padding) ?? 0;
+      var _this$options$padding, _this$options0;
+      return (_this$options$padding = (_this$options0 = this.options) === null || _this$options0 === void 0 ? void 0 : _this$options0.padding) != null ? _this$options$padding : 0;
     }
     set vertPadding(padding) {
       if (!this.options) throw new Error("List has not been initiated!");
@@ -3132,8 +3150,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.arrangeChildren();
     }
     get vertPadding() {
-      var _this$options1;
-      return ((_this$options1 = this.options) === null || _this$options1 === void 0 ? void 0 : _this$options1.vertPadding) ?? this.padding ?? 0;
+      var _ref11, _this$options$vertPad, _this$options1;
+      return (_ref11 = (_this$options$vertPad = (_this$options1 = this.options) === null || _this$options1 === void 0 ? void 0 : _this$options1.vertPadding) != null ? _this$options$vertPad : this.padding) != null ? _ref11 : 0;
     }
     set horPadding(padding) {
       if (!this.options) throw new Error("List has not been initiated!");
@@ -3143,8 +3161,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.arrangeChildren();
     }
     get horPadding() {
-      var _this$options10;
-      return ((_this$options10 = this.options) === null || _this$options10 === void 0 ? void 0 : _this$options10.horPadding) ?? this.padding ?? 0;
+      var _ref12, _this$options$horPadd, _this$options10;
+      return (_ref12 = (_this$options$horPadd = (_this$options10 = this.options) === null || _this$options10 === void 0 ? void 0 : _this$options10.horPadding) != null ? _this$options$horPadd : this.padding) != null ? _ref12 : 0;
     }
     set leftPadding(padding) {
       if (!this.options) throw new Error("List has not been initiated!");
@@ -3152,8 +3170,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.arrangeChildren();
     }
     get leftPadding() {
-      var _this$options11;
-      return ((_this$options11 = this.options) === null || _this$options11 === void 0 ? void 0 : _this$options11.leftPadding) ?? this.horPadding;
+      var _this$options$leftPad, _this$options11;
+      return (_this$options$leftPad = (_this$options11 = this.options) === null || _this$options11 === void 0 ? void 0 : _this$options11.leftPadding) != null ? _this$options$leftPad : this.horPadding;
     }
     set rightPadding(padding) {
       if (!this.options) throw new Error("List has not been initiated!");
@@ -3161,8 +3179,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.arrangeChildren();
     }
     get rightPadding() {
-      var _this$options12;
-      return ((_this$options12 = this.options) === null || _this$options12 === void 0 ? void 0 : _this$options12.rightPadding) ?? this.horPadding;
+      var _this$options$rightPa, _this$options12;
+      return (_this$options$rightPa = (_this$options12 = this.options) === null || _this$options12 === void 0 ? void 0 : _this$options12.rightPadding) != null ? _this$options$rightPa : this.horPadding;
     }
     set topPadding(padding) {
       if (!this.options) throw new Error("List has not been initiated!");
@@ -3170,8 +3188,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.arrangeChildren();
     }
     get topPadding() {
-      var _this$options13;
-      return ((_this$options13 = this.options) === null || _this$options13 === void 0 ? void 0 : _this$options13.topPadding) ?? this.vertPadding;
+      var _this$options$topPadd, _this$options13;
+      return (_this$options$topPadd = (_this$options13 = this.options) === null || _this$options13 === void 0 ? void 0 : _this$options13.topPadding) != null ? _this$options$topPadd : this.vertPadding;
     }
     set bottomPadding(padding) {
       if (!this.options) throw new Error("List has not been initiated!");
@@ -3179,15 +3197,15 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.arrangeChildren();
     }
     get bottomPadding() {
-      var _this$options14;
-      return ((_this$options14 = this.options) === null || _this$options14 === void 0 ? void 0 : _this$options14.bottomPadding) ?? this.vertPadding;
+      var _this$options$bottomP, _this$options14;
+      return (_this$options$bottomP = (_this$options14 = this.options) === null || _this$options14 === void 0 ? void 0 : _this$options14.bottomPadding) != null ? _this$options$bottomP : this.vertPadding;
     }
     arrangeChildren() {
-      var _this$options15, _this$parent;
+      var _this$options$element2, _this$options15, _this$parent;
       let maxHeight = 0;
       let x = this.leftPadding;
       let y = this.topPadding;
-      const elementsMargin = ((_this$options15 = this.options) === null || _this$options15 === void 0 ? void 0 : _this$options15.elementsMargin) ?? 0;
+      const elementsMargin = (_this$options$element2 = (_this$options15 = this.options) === null || _this$options15 === void 0 ? void 0 : _this$options15.elementsMargin) != null ? _this$options$element2 : 0;
       let maxWidth = this.maxWidth || ((_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.width);
       if (this.rightPadding) {
         maxWidth -= this.rightPadding;
@@ -3247,6 +3265,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
   var __publicField$d = (obj, key, value) => __defNormalProp$d(obj, typeof key !== "symbol" ? key + "" : key, value);
   class Spring {
     constructor(options = {}) {
+      var _options$max, _options$damp, _options$springiness;
       __publicField$d(this, "x");
       __publicField$d(this, "ax");
       __publicField$d(this, "dx");
@@ -3257,9 +3276,9 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.dx = 0;
       this.tx = 0;
       this._options = {
-        max: options.max ?? 160,
-        damp: options.damp ?? 0.8,
-        springiness: options.springiness ?? 0.1
+        max: (_options$max = options.max) != null ? _options$max : 160,
+        damp: (_options$damp = options.damp) != null ? _options$damp : 0.8,
+        springiness: (_options$springiness = options.springiness) != null ? _options$springiness : 0.1
       };
     }
     update() {
@@ -3363,6 +3382,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
   var __publicField$b = (obj, key, value) => __defNormalProp$b(obj, typeof key !== "symbol" ? key + "" : key, value);
   class SlidingNumber {
     constructor(options = {}) {
+      var _options$constrain, _options$maxSpeed, _options$ease;
       __publicField$b(this, "position", 0);
       __publicField$b(this, "constrain", true);
       __publicField$b(this, "min", 0);
@@ -3377,9 +3397,9 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       __publicField$b(this, "_speedChecker", 0);
       __publicField$b(this, "_grab", 0);
       __publicField$b(this, "_activeEase");
-      this.constrain = options.constrain ?? true;
-      this.maxSpeed = options.maxSpeed ?? 400;
-      this._ease = options.ease ?? new ScrollSpring();
+      this.constrain = (_options$constrain = options.constrain) != null ? _options$constrain : true;
+      this.maxSpeed = (_options$maxSpeed = options.maxSpeed) != null ? _options$maxSpeed : 400;
+      this._ease = (_options$ease = options.ease) != null ? _options$ease : new ScrollSpring();
     }
     set value(n) {
       this._speed = 0;
@@ -3476,6 +3496,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
   var __publicField$a = (obj, key, value) => __defNormalProp$a(obj, typeof key !== "symbol" ? key + "" : key, value);
   class Trackpad {
     constructor(options) {
+      var _options$disableEasin;
       __publicField$a(this, "xAxis");
       __publicField$a(this, "yAxis");
       __publicField$a(this, "_isDown", false);
@@ -3494,7 +3515,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         maxSpeed: options.maxSpeed,
         constrain: options.constrain
       });
-      this.disableEasing = options.disableEasing ?? false;
+      this.disableEasing = (_options$disableEasin = options.disableEasing) != null ? _options$disableEasin : false;
       this._frame = new pixi_js.Rectangle();
       this._bounds = new pixi_js.Rectangle();
       this._globalPosition = new pixi_js.Point();
@@ -3593,12 +3614,12 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.ticker.add(this.update, this);
     }
     init(options) {
-      var _this$background, _this$background2, _this$list;
+      var _ref13, _options$width, _this$background, _ref14, _options$height, _this$background2, _options$proximityRan, _this$list, _options$globalScroll, _options$shiftScroll;
       this.options = options;
       this.setBackground(options.background);
-      this._width = options.width ?? ((_this$background = this.background) === null || _this$background === void 0 ? void 0 : _this$background.width) ?? 100;
-      this._height = options.height ?? ((_this$background2 = this.background) === null || _this$background2 === void 0 ? void 0 : _this$background2.height) ?? 100;
-      this.proximityRange = options.proximityRange ?? 0;
+      this._width = (_ref13 = (_options$width = options.width) != null ? _options$width : (_this$background = this.background) === null || _this$background === void 0 ? void 0 : _this$background.width) != null ? _ref13 : 100;
+      this._height = (_ref14 = (_options$height = options.height) != null ? _options$height : (_this$background2 = this.background) === null || _this$background2 === void 0 ? void 0 : _this$background2.height) != null ? _ref14 : 100;
+      this.proximityRange = (_options$proximityRan = options.proximityRange) != null ? _options$proximityRan : 0;
       if (!this.list) {
         this.list = new List$1();
         super.addChild(this.list);
@@ -3626,8 +3647,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         this._trackpad.xAxis.value = 0;
         this._trackpad.yAxis.value = 0;
       }
-      this.options.globalScroll = options.globalScroll ?? true;
-      this.options.shiftScroll = options.shiftScroll ?? false;
+      this.options.globalScroll = (_options$globalScroll = options.globalScroll) != null ? _options$globalScroll : true;
+      this.options.shiftScroll = (_options$shiftScroll = options.shiftScroll) != null ? _options$shiftScroll : false;
       this.resize();
     }
     get hasBounds() {
@@ -3672,22 +3693,24 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       const list = this.list;
       if (!list) return false;
       if (this.isVertical || this.isBidirectional) {
+        var _this$options$height;
         const posY = item.y + list.y;
-        if (posY + item.height >= -padding && posY <= (this.options.height ?? this._height) + padding) {
+        if (posY + item.height >= -padding && posY <= ((_this$options$height = this.options.height) != null ? _this$options$height : this._height) + padding) {
           isVisible = true;
         }
       }
       if (this.isHorizontal || this.isBidirectional) {
+        var _this$options$width;
         const posX = item.x + list.x;
-        if (posX + item.width >= -padding && posX <= (this.options.width ?? this._width) + padding) {
+        if (posX + item.width >= -padding && posX <= ((_this$options$width = this.options.width) != null ? _this$options$width : this._width) + padding) {
           isVisible = true;
         }
       }
       return isVisible;
     }
     get items() {
-      var _this$list5;
-      return ((_this$list5 = this.list) === null || _this$list5 === void 0 ? void 0 : _this$list5.children) ?? [];
+      var _this$list$children, _this$list5;
+      return (_this$list$children = (_this$list5 = this.list) === null || _this$list5 === void 0 ? void 0 : _this$list5.children) != null ? _this$list$children : [];
     }
     setBackground(background) {
       if (this.background) {
@@ -3756,7 +3779,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         if (!this.isDragging) return;
         const touchPoint = this.worldTransform.applyInverse(e.global);
         if (this.dragStarTouchPoint) {
-          const dragTrashHold = this.options.dragTrashHold ?? 10;
+          var _this$options$dragTra;
+          const dragTrashHold = (_this$options$dragTra = this.options.dragTrashHold) != null ? _this$options$dragTra : 10;
           if (this.isHorizontal || this.isBidirectional) {
             const xDist = touchPoint.x - this.dragStarTouchPoint.x;
             if (Math.abs(xDist) > dragTrashHold) {
@@ -3793,29 +3817,29 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.eventMode = interactive ? "static" : "auto";
     }
     get listHeight() {
-      var _this$list7, _this$list8, _this$list9;
-      return (((_this$list7 = this.list) === null || _this$list7 === void 0 ? void 0 : _this$list7.height) ?? 0) + (((_this$list8 = this.list) === null || _this$list8 === void 0 ? void 0 : _this$list8.topPadding) ?? 0) + (((_this$list9 = this.list) === null || _this$list9 === void 0 ? void 0 : _this$list9.bottomPadding) ?? 0);
+      var _this$list$height, _this$list7, _this$list$topPadding, _this$list8, _this$list$bottomPadd, _this$list9;
+      return ((_this$list$height = (_this$list7 = this.list) === null || _this$list7 === void 0 ? void 0 : _this$list7.height) != null ? _this$list$height : 0) + ((_this$list$topPadding = (_this$list8 = this.list) === null || _this$list8 === void 0 ? void 0 : _this$list8.topPadding) != null ? _this$list$topPadding : 0) + ((_this$list$bottomPadd = (_this$list9 = this.list) === null || _this$list9 === void 0 ? void 0 : _this$list9.bottomPadding) != null ? _this$list$bottomPadd : 0);
     }
     get listWidth() {
-      var _this$list0, _this$list1, _this$list10;
-      return (((_this$list0 = this.list) === null || _this$list0 === void 0 ? void 0 : _this$list0.width) ?? 0) + (((_this$list1 = this.list) === null || _this$list1 === void 0 ? void 0 : _this$list1.leftPadding) ?? 0) + (((_this$list10 = this.list) === null || _this$list10 === void 0 ? void 0 : _this$list10.rightPadding) ?? 0);
+      var _this$list$width, _this$list0, _this$list$leftPaddin, _this$list1, _this$list$rightPaddi, _this$list10;
+      return ((_this$list$width = (_this$list0 = this.list) === null || _this$list0 === void 0 ? void 0 : _this$list0.width) != null ? _this$list$width : 0) + ((_this$list$leftPaddin = (_this$list1 = this.list) === null || _this$list1 === void 0 ? void 0 : _this$list1.leftPadding) != null ? _this$list$leftPaddin : 0) + ((_this$list$rightPaddi = (_this$list10 = this.list) === null || _this$list10 === void 0 ? void 0 : _this$list10.rightPadding) != null ? _this$list$rightPaddi : 0);
     }
     resize(force = false) {
       if (!this.hasBounds) return;
       this.renderAllItems();
       if (this.borderMask && (force || this._dimensionChanged || this.lastWidth !== this.listWidth || this.lastHeight !== this.listHeight)) {
-        var _this$borderMask, _this$background3;
+        var _this$borderMask, _this$options$radius, _this$background3, _this$options$radius2;
         if (!this.options.width) {
           this._width += this.listWidth;
         }
         if (!this.options.height) {
           this._height += this.listHeight;
         }
-        (_this$borderMask = this.borderMask) === null || _this$borderMask === void 0 ? void 0 : _this$borderMask.clear().roundRect(0, 0, this._width, this._height, (this.options.radius ?? 0) | 0).fill(16711935).stroke(0);
+        (_this$borderMask = this.borderMask) === null || _this$borderMask === void 0 ? void 0 : _this$borderMask.clear().roundRect(0, 0, this._width, this._height, ((_this$options$radius = this.options.radius) != null ? _this$options$radius : 0) | 0).fill(16711935).stroke(0);
         if (this.borderMask) this.borderMask.eventMode = "none";
         const color = this.options.background;
-        (_this$background3 = this.background) === null || _this$background3 === void 0 ? void 0 : _this$background3.clear().roundRect(0, 0, this._width, this._height, (this.options.radius ?? 0) | 0).fill({
-          color: color ?? 0,
+        (_this$background3 = this.background) === null || _this$background3 === void 0 ? void 0 : _this$background3.clear().roundRect(0, 0, this._width, this._height, ((_this$options$radius2 = this.options.radius) != null ? _this$options$radius2 : 0) | 0).fill({
+          color: color != null ? color : 0,
           alpha: color ? 1 : 1e-7
         });
         if (this.isBidirectional) {
@@ -3829,9 +3853,9 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         this.lastHeight = this.listHeight;
       }
       if (this._trackpad && this.borderMask) {
-        var _this$list11, _this$list12, _this$list13, _this$list14, _this$list15, _this$list16;
-        const maxWidth = this.borderMask.width - (((_this$list11 = this.list) === null || _this$list11 === void 0 ? void 0 : _this$list11.width) ?? 0) - (((_this$list12 = this.list) === null || _this$list12 === void 0 ? void 0 : _this$list12.leftPadding) ?? 0) - (((_this$list13 = this.list) === null || _this$list13 === void 0 ? void 0 : _this$list13.rightPadding) ?? 0);
-        const maxHeight = this.borderMask.height - (((_this$list14 = this.list) === null || _this$list14 === void 0 ? void 0 : _this$list14.height) ?? 0) - (((_this$list15 = this.list) === null || _this$list15 === void 0 ? void 0 : _this$list15.topPadding) ?? 0) - (((_this$list16 = this.list) === null || _this$list16 === void 0 ? void 0 : _this$list16.bottomPadding) ?? 0);
+        var _this$list$width2, _this$list11, _this$list$leftPaddin2, _this$list12, _this$list$rightPaddi2, _this$list13, _this$list$height2, _this$list14, _this$list$topPadding2, _this$list15, _this$list$bottomPadd2, _this$list16;
+        const maxWidth = this.borderMask.width - ((_this$list$width2 = (_this$list11 = this.list) === null || _this$list11 === void 0 ? void 0 : _this$list11.width) != null ? _this$list$width2 : 0) - ((_this$list$leftPaddin2 = (_this$list12 = this.list) === null || _this$list12 === void 0 ? void 0 : _this$list12.leftPadding) != null ? _this$list$leftPaddin2 : 0) - ((_this$list$rightPaddi2 = (_this$list13 = this.list) === null || _this$list13 === void 0 ? void 0 : _this$list13.rightPadding) != null ? _this$list$rightPaddi2 : 0);
+        const maxHeight = this.borderMask.height - ((_this$list$height2 = (_this$list14 = this.list) === null || _this$list14 === void 0 ? void 0 : _this$list14.height) != null ? _this$list$height2 : 0) - ((_this$list$topPadding2 = (_this$list15 = this.list) === null || _this$list15 === void 0 ? void 0 : _this$list15.topPadding) != null ? _this$list$topPadding2 : 0) - ((_this$list$bottomPadd2 = (_this$list16 = this.list) === null || _this$list16 === void 0 ? void 0 : _this$list16.bottomPadding) != null ? _this$list$bottomPadd2 : 0);
         if (this.isBidirectional) {
           this._trackpad.yAxis.max = -Math.abs(maxHeight);
           this._trackpad.xAxis.max = -Math.abs(maxWidth);
@@ -3861,9 +3885,9 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       const scrollOnX = shiftScroll ? typeof event.deltaX !== "undefined" || typeof event.deltaY !== "undefined" : typeof event.deltaX !== "undefined";
       const scrollOnY = typeof event.deltaY !== "undefined";
       if ((this.isHorizontal || this.isBidirectional) && scrollOnX) {
-        var _this$list19;
+        var _this$list$x, _this$list19;
         const delta = shiftScroll || this.isBidirectional ? event.deltaX : event.deltaY;
-        const targetPos = (((_this$list19 = this.list) === null || _this$list19 === void 0 ? void 0 : _this$list19.x) ?? 0) - delta;
+        const targetPos = ((_this$list$x = (_this$list19 = this.list) === null || _this$list19 === void 0 ? void 0 : _this$list19.x) != null ? _this$list$x : 0) - delta;
         if (this.listWidth < this._width) {
           this._trackpad && (this._trackpad.xAxis.value = 0);
         } else {
@@ -3873,8 +3897,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         }
       }
       if ((this.isVertical || this.isBidirectional) && scrollOnY) {
-        var _this$list20;
-        const targetPos = (((_this$list20 = this.list) === null || _this$list20 === void 0 ? void 0 : _this$list20.y) ?? 0) - event.deltaY;
+        var _this$list$y, _this$list20;
+        const targetPos = ((_this$list$y = (_this$list20 = this.list) === null || _this$list20 === void 0 ? void 0 : _this$list20.y) != null ? _this$list$y : 0) - event.deltaY;
         if (this.listHeight < this._height) {
           this._trackpad && (this._trackpad.yAxis.value = 0);
         } else {
@@ -3884,17 +3908,17 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         }
       }
       if (this.isBidirectional && (scrollOnX || scrollOnY)) {
-        var _this$onScroll3, _this$_trackpad4, _this$_trackpad5;
+        var _this$onScroll3, _this$_trackpad$xAxis, _this$_trackpad4, _this$_trackpad$yAxis, _this$_trackpad5;
         (_this$onScroll3 = this.onScroll) === null || _this$onScroll3 === void 0 ? void 0 : _this$onScroll3.emit({
-          x: ((_this$_trackpad4 = this._trackpad) === null || _this$_trackpad4 === void 0 ? void 0 : _this$_trackpad4.xAxis.value) ?? 0,
-          y: ((_this$_trackpad5 = this._trackpad) === null || _this$_trackpad5 === void 0 ? void 0 : _this$_trackpad5.yAxis.value) ?? 0
+          x: (_this$_trackpad$xAxis = (_this$_trackpad4 = this._trackpad) === null || _this$_trackpad4 === void 0 ? void 0 : _this$_trackpad4.xAxis.value) != null ? _this$_trackpad$xAxis : 0,
+          y: (_this$_trackpad$yAxis = (_this$_trackpad5 = this._trackpad) === null || _this$_trackpad5 === void 0 ? void 0 : _this$_trackpad5.yAxis.value) != null ? _this$_trackpad$yAxis : 0
         });
       } else if (this.isHorizontal && scrollOnX) {
-        var _this$onScroll4, _this$_trackpad6;
-        (_this$onScroll4 = this.onScroll) === null || _this$onScroll4 === void 0 ? void 0 : _this$onScroll4.emit(((_this$_trackpad6 = this._trackpad) === null || _this$_trackpad6 === void 0 ? void 0 : _this$_trackpad6.xAxis.value) ?? 0);
+        var _this$onScroll4, _this$_trackpad$xAxis2, _this$_trackpad6;
+        (_this$onScroll4 = this.onScroll) === null || _this$onScroll4 === void 0 ? void 0 : _this$onScroll4.emit((_this$_trackpad$xAxis2 = (_this$_trackpad6 = this._trackpad) === null || _this$_trackpad6 === void 0 ? void 0 : _this$_trackpad6.xAxis.value) != null ? _this$_trackpad$xAxis2 : 0);
       } else if (this.isVertical && scrollOnY) {
-        var _this$onScroll5, _this$_trackpad7;
-        (_this$onScroll5 = this.onScroll) === null || _this$onScroll5 === void 0 ? void 0 : _this$onScroll5.emit(((_this$_trackpad7 = this._trackpad) === null || _this$_trackpad7 === void 0 ? void 0 : _this$_trackpad7.yAxis.value) ?? 0);
+        var _this$onScroll5, _this$_trackpad$yAxis2, _this$_trackpad7;
+        (_this$onScroll5 = this.onScroll) === null || _this$onScroll5 === void 0 ? void 0 : _this$onScroll5.emit((_this$_trackpad$yAxis2 = (_this$_trackpad7 = this._trackpad) === null || _this$_trackpad7 === void 0 ? void 0 : _this$_trackpad7.yAxis.value) != null ? _this$_trackpad$yAxis2 : 0);
       }
       this.stopRenderHiddenItems();
     }
@@ -3902,8 +3926,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       if (!this.interactive) {
         this.scrollTop();
       } else {
-        var _this$list21;
-        this.scrollTo((((_this$list21 = this.list) === null || _this$list21 === void 0 ? void 0 : _this$list21.children.length) ?? 1) - 1);
+        var _this$list$children$l, _this$list21;
+        this.scrollTo(((_this$list$children$l = (_this$list21 = this.list) === null || _this$list21 === void 0 ? void 0 : _this$list21.children.length) != null ? _this$list$children$l : 1) - 1);
       }
     }
     scrollTop() {
@@ -3984,10 +4008,11 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
     }
     setSize(value, height) {
       if (typeof value === "object") {
-        height = value.height ?? value.width;
+        var _value$height;
+        height = (_value$height = value.height) != null ? _value$height : value.width;
         value = value.width;
       } else {
-        height = height ?? value;
+        height = height != null ? height : value;
       }
       this._width = value;
       this._height = height;
@@ -4005,15 +4030,15 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       return out;
     }
     get scrollX() {
-      var _this$_trackpad8;
-      return ((_this$_trackpad8 = this._trackpad) === null || _this$_trackpad8 === void 0 ? void 0 : _this$_trackpad8.xAxis.value) ?? 0;
+      var _this$_trackpad$xAxis3, _this$_trackpad8;
+      return (_this$_trackpad$xAxis3 = (_this$_trackpad8 = this._trackpad) === null || _this$_trackpad8 === void 0 ? void 0 : _this$_trackpad8.xAxis.value) != null ? _this$_trackpad$xAxis3 : 0;
     }
     set scrollX(value) {
       if (this._trackpad) this._trackpad.xAxis.value = value;
     }
     get scrollY() {
-      var _this$_trackpad9;
-      return ((_this$_trackpad9 = this._trackpad) === null || _this$_trackpad9 === void 0 ? void 0 : _this$_trackpad9.yAxis.value) ?? 0;
+      var _this$_trackpad$yAxis3, _this$_trackpad9;
+      return (_this$_trackpad$yAxis3 = (_this$_trackpad9 = this._trackpad) === null || _this$_trackpad9 === void 0 ? void 0 : _this$_trackpad9.yAxis.value) != null ? _this$_trackpad$yAxis3 : 0;
     }
     set scrollY(value) {
       if (this._trackpad) this._trackpad.yAxis.value = value;
@@ -4032,8 +4057,9 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         }
       }
       if (!this.options.disableProximityCheck && (this._trackpad.x !== this.lastScrollX || this._trackpad.y !== this.lastScrollY)) {
+        var _this$options$proximi;
         this.proximityCheckFrameCounter++;
-        if (this.proximityCheckFrameCounter >= (this.options.proximityDebounce ?? 10)) {
+        if (this.proximityCheckFrameCounter >= ((_this$options$proximi = this.options.proximityDebounce) != null ? _this$options$proximi : 10)) {
           this.items.forEach((item, index) => {
             const inRange = this.isItemVisible(item, this.proximityRange);
             const wasInRange = this.proximityStatusCache[index];
@@ -4068,6 +4094,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
     }
     revertClick(item) {
       if (item.eventMode !== "auto") {
+        var _item$eventMode;
         if (pixi_js.isMobile.any) {
           item.emit("pointerupoutside", {
             target: item
@@ -4079,7 +4106,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         }
         this.interactiveStorage.push({
           item,
-          eventMode: item.eventMode ?? "auto"
+          eventMode: (_item$eventMode = item.eventMode) != null ? _item$eventMode : "auto"
         });
         item.eventMode = "auto";
       }
@@ -4088,15 +4115,16 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       }
     }
     get scrollHeight() {
-      var _this$list23;
-      return ((_this$list23 = this.list) === null || _this$list23 === void 0 ? void 0 : _this$list23.height) ?? 0;
+      var _this$list$height3, _this$list23;
+      return (_this$list$height3 = (_this$list23 = this.list) === null || _this$list23 === void 0 ? void 0 : _this$list23.height) != null ? _this$list$height3 : 0;
     }
     get scrollWidth() {
-      var _this$list24;
-      return ((_this$list24 = this.list) === null || _this$list24 === void 0 ? void 0 : _this$list24.width) ?? 0;
+      var _this$list$width3, _this$list24;
+      return (_this$list$width3 = (_this$list24 = this.list) === null || _this$list24 === void 0 ? void 0 : _this$list24.width) != null ? _this$list$width3 : 0;
     }
     get isVertical() {
-      const type = this.options.type ?? "vertical";
+      var _this$options$type;
+      const type = (_this$options$type = this.options.type) != null ? _this$options$type : "vertical";
       return type === "vertical";
     }
     get isHorizontal() {
@@ -4172,15 +4200,16 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       pixi_js.Ticker.shared.add(() => Group.shared.update());
     }
     get dialogWidth() {
-      var _this$innerView2;
-      return this.options.width ?? ((_this$innerView2 = this.innerView) === null || _this$innerView2 === void 0 ? void 0 : _this$innerView2.width) ?? 0;
+      var _ref15, _this$options$width2, _this$innerView2;
+      return (_ref15 = (_this$options$width2 = this.options.width) != null ? _this$options$width2 : (_this$innerView2 = this.innerView) === null || _this$innerView2 === void 0 ? void 0 : _this$innerView2.width) != null ? _ref15 : 0;
     }
     get dialogHeight() {
-      var _this$innerView3;
-      return this.options.height ?? ((_this$innerView3 = this.innerView) === null || _this$innerView3 === void 0 ? void 0 : _this$innerView3.height) ?? 0;
+      var _ref16, _this$options$height2, _this$innerView3;
+      return (_ref16 = (_this$options$height2 = this.options.height) != null ? _this$options$height2 : (_this$innerView3 = this.innerView) === null || _this$innerView3 === void 0 ? void 0 : _this$innerView3.height) != null ? _ref16 : 0;
     }
     get dialogPadding() {
-      return this.options.padding ?? 20;
+      var _this$options$padding2;
+      return (_this$options$padding2 = this.options.padding) != null ? _this$options$padding2 : 20;
     }
     get isOpen() {
       return this._isOpen;
@@ -4189,9 +4218,10 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       if (this.options.backdrop) {
         this.backdrop = getView(this.options.backdrop);
       } else {
+        var _this$options$backdro, _this$options$backdro2;
         const backdropSprite = new pixi_js.Sprite(pixi_js.Texture.WHITE);
-        backdropSprite.tint = this.options.backdropColor ?? 0;
-        backdropSprite.alpha = this.options.backdropAlpha ?? 0.5;
+        backdropSprite.tint = (_this$options$backdro = this.options.backdropColor) != null ? _this$options$backdro : 0;
+        backdropSprite.alpha = (_this$options$backdro2 = this.options.backdropAlpha) != null ? _this$options$backdro2 : 0.5;
         backdropSprite.width = 1e4;
         backdropSprite.height = 1e4;
         this.backdrop = backdropSprite;
@@ -4297,14 +4327,16 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
             break;
           case btn instanceof FancyButton$1:
             btn.onPress.connect(() => {
-              this.onSelect.emit(index, btn.text ?? "");
+              var _btn$text;
+              this.onSelect.emit(index, (_btn$text = btn.text) != null ? _btn$text : "");
             });
             this.buttonContainer.addChild(btn);
             break;
           default:
             button = new FancyButton$1(btn);
             button.onPress.connect(() => {
-              this.onSelect.emit(index, button.text ?? "");
+              var _button$text;
+              this.onSelect.emit(index, (_button$text = button.text) != null ? _button$text : "");
             });
             this.buttonContainer.addChild(button);
             break;
@@ -4315,21 +4347,22 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.contentView.addChild(this.buttonContainer);
     }
     open() {
-      var _this$options$animati;
+      var _this$options$animati, _openAnimation$durati, _this$options$backdro4;
       if (!this.innerView) return;
       this.visible = true;
       this._isOpen = true;
       const openAnimation = (_this$options$animati = this.options.animations) === null || _this$options$animati === void 0 ? void 0 : _this$options$animati.open;
       if (!openAnimation) {
-        this.backdrop.alpha = this.options.backdropAlpha ?? 0.5;
+        var _this$options$backdro3;
+        this.backdrop.alpha = (_this$options$backdro3 = this.options.backdropAlpha) != null ? _this$options$backdro3 : 0.5;
         this.innerView.scale.set(1);
         return;
       }
       this.backdrop.alpha = 0;
       this.innerView.scale.set(0.8);
-      const duration = openAnimation.duration ?? 300;
+      const duration = (_openAnimation$durati = openAnimation.duration) != null ? _openAnimation$durati : 300;
       new Tween(this.backdrop).to({
-        alpha: this.options.backdropAlpha ?? 0.5
+        alpha: (_this$options$backdro4 = this.options.backdropAlpha) != null ? _this$options$backdro4 : 0.5
       }, duration).start();
       new Tween(this.innerView.scale).to({
         x: 1,
@@ -4337,7 +4370,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       }, duration).start();
     }
     close() {
-      var _this$options$animati2;
+      var _this$options$animati2, _closeAnimation$durat;
       if (!this.innerView) return;
       const closeAnimation = (_this$options$animati2 = this.options.animations) === null || _this$options$animati2 === void 0 ? void 0 : _this$options$animati2.close;
       if (!closeAnimation) {
@@ -4346,7 +4379,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         this.onClose.emit();
         return;
       }
-      const duration = closeAnimation.duration ?? 300;
+      const duration = (_closeAnimation$durat = closeAnimation.duration) != null ? _closeAnimation$durat : 300;
       new Tween(this.backdrop).to({
         alpha: 0
       }, duration).start();
@@ -4408,7 +4441,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
     }) {
       this.setBackground(bg);
       this.setFill(fill, fillPaddings);
-      this.progress = progress ?? 0;
+      this.progress = progress != null ? progress : 0;
     }
     setBackground(bg) {
       var _this$options16;
@@ -4443,7 +4476,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.innerView.addChildAt(this.bg, 0);
     }
     setFill(fill, fillPadding) {
-      var _this$options17;
+      var _this$options17, _fillPadding$left, _fillPadding$top;
       if (this.fill) {
         this.fill.destroy();
       }
@@ -4469,8 +4502,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         this.fill = getView(fill);
       }
       this.innerView.addChildAt(this.fill, 1);
-      const offsetX = (fillPadding === null || fillPadding === void 0 ? void 0 : fillPadding.left) ?? 0;
-      const offsetY = (fillPadding === null || fillPadding === void 0 ? void 0 : fillPadding.top) ?? 0;
+      const offsetX = (_fillPadding$left = fillPadding === null || fillPadding === void 0 ? void 0 : fillPadding.left) != null ? _fillPadding$left : 0;
+      const offsetY = (_fillPadding$top = fillPadding === null || fillPadding === void 0 ? void 0 : fillPadding.top) != null ? _fillPadding$top : 0;
       this.fill.x = offsetX;
       this.fill.y = offsetY;
       if (this.fillMask) {
@@ -4527,9 +4560,9 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
           this.bg.width = width;
         }
         if (this.fill) {
-          var _this$options$fillPad, _this$options$fillPad2;
-          const leftPadding = ((_this$options$fillPad = this.options.fillPaddings) === null || _this$options$fillPad === void 0 ? void 0 : _this$options$fillPad.left) ?? 0;
-          const rightPadding = ((_this$options$fillPad2 = this.options.fillPaddings) === null || _this$options$fillPad2 === void 0 ? void 0 : _this$options$fillPad2.right) ?? 0;
+          var _this$options$fillPad, _this$options$fillPad2, _this$options$fillPad3, _this$options$fillPad4;
+          const leftPadding = (_this$options$fillPad = (_this$options$fillPad2 = this.options.fillPaddings) === null || _this$options$fillPad2 === void 0 ? void 0 : _this$options$fillPad2.left) != null ? _this$options$fillPad : 0;
+          const rightPadding = (_this$options$fillPad3 = (_this$options$fillPad4 = this.options.fillPaddings) === null || _this$options$fillPad4 === void 0 ? void 0 : _this$options$fillPad4.right) != null ? _this$options$fillPad3 : 0;
           this.fill.width = width - leftPadding - rightPadding;
           this.fillMask.width = width - leftPadding - rightPadding;
         }
@@ -4548,9 +4581,9 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
           this.bg.height = height;
         }
         if (this.fill) {
-          var _this$options$fillPad3, _this$options$fillPad4;
-          const topPadding = ((_this$options$fillPad3 = this.options.fillPaddings) === null || _this$options$fillPad3 === void 0 ? void 0 : _this$options$fillPad3.top) ?? 0;
-          const bottomPadding = ((_this$options$fillPad4 = this.options.fillPaddings) === null || _this$options$fillPad4 === void 0 ? void 0 : _this$options$fillPad4.bottom) ?? 0;
+          var _this$options$fillPad5, _this$options$fillPad6, _this$options$fillPad7, _this$options$fillPad8;
+          const topPadding = (_this$options$fillPad5 = (_this$options$fillPad6 = this.options.fillPaddings) === null || _this$options$fillPad6 === void 0 ? void 0 : _this$options$fillPad6.top) != null ? _this$options$fillPad5 : 0;
+          const bottomPadding = (_this$options$fillPad7 = (_this$options$fillPad8 = this.options.fillPaddings) === null || _this$options$fillPad8 === void 0 ? void 0 : _this$options$fillPad8.bottom) != null ? _this$options$fillPad7 : 0;
           this.fill.height = height - topPadding - bottomPadding;
           this.fillMask.height = height - topPadding - bottomPadding;
         }
@@ -4569,17 +4602,18 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
           this.bg.setSize(value, height);
         }
         if (this.fill) {
-          var _this$options$fillPad5, _this$options$fillPad6, _this$options$fillPad7, _this$options$fillPad8;
+          var _this$options$fillPad9, _this$options$fillPad0, _this$options$fillPad1, _this$options$fillPad10, _this$options$fillPad11, _this$options$fillPad12, _this$options$fillPad13, _this$options$fillPad14;
           if (typeof value === "object") {
-            height = value.height ?? value.width;
+            var _value$height2;
+            height = (_value$height2 = value.height) != null ? _value$height2 : value.width;
             value = value.width;
           } else {
-            height = height ?? value;
+            height = height != null ? height : value;
           }
-          const topPadding = ((_this$options$fillPad5 = this.options.fillPaddings) === null || _this$options$fillPad5 === void 0 ? void 0 : _this$options$fillPad5.top) ?? 0;
-          const bottomPadding = ((_this$options$fillPad6 = this.options.fillPaddings) === null || _this$options$fillPad6 === void 0 ? void 0 : _this$options$fillPad6.bottom) ?? 0;
-          const leftPadding = ((_this$options$fillPad7 = this.options.fillPaddings) === null || _this$options$fillPad7 === void 0 ? void 0 : _this$options$fillPad7.left) ?? 0;
-          const rightPadding = ((_this$options$fillPad8 = this.options.fillPaddings) === null || _this$options$fillPad8 === void 0 ? void 0 : _this$options$fillPad8.right) ?? 0;
+          const topPadding = (_this$options$fillPad9 = (_this$options$fillPad0 = this.options.fillPaddings) === null || _this$options$fillPad0 === void 0 ? void 0 : _this$options$fillPad0.top) != null ? _this$options$fillPad9 : 0;
+          const bottomPadding = (_this$options$fillPad1 = (_this$options$fillPad10 = this.options.fillPaddings) === null || _this$options$fillPad10 === void 0 ? void 0 : _this$options$fillPad10.bottom) != null ? _this$options$fillPad1 : 0;
+          const leftPadding = (_this$options$fillPad11 = (_this$options$fillPad12 = this.options.fillPaddings) === null || _this$options$fillPad12 === void 0 ? void 0 : _this$options$fillPad12.left) != null ? _this$options$fillPad11 : 0;
+          const rightPadding = (_this$options$fillPad13 = (_this$options$fillPad14 = this.options.fillPaddings) === null || _this$options$fillPad14 === void 0 ? void 0 : _this$options$fillPad14.right) != null ? _this$options$fillPad13 : 0;
           this.fill.setSize(value - leftPadding - rightPadding, height - topPadding - bottomPadding);
           this.fillMask.setSize(value - leftPadding - rightPadding, height - topPadding - bottomPadding);
         }
@@ -4599,6 +4633,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
   var __publicField$6 = (obj, key, value) => __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
   class SliderBase extends ProgressBar$1 {
     constructor(options) {
+      var _options$min, _options$max2;
       super(options);
       __publicField$6(this, "_slider1");
       __publicField$6(this, "_slider2");
@@ -4621,8 +4656,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       if (options.slider2) {
         this.slider2 = options.slider2;
       }
-      this.min = options.min ?? 0;
-      this.max = options.max ?? 100;
+      this.min = (_options$min = options.min) != null ? _options$min : 0;
+      this.max = (_options$max2 = options.max) != null ? _options$max2 : 100;
     }
     init(progressBarOptions) {
       super.init(progressBarOptions);
@@ -4638,7 +4673,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       }
       this._slider1 = this.createSlider(value);
       if (this.settings.showValue && !this.value1Text) {
-        const TextClass = this.settings.valueTextClass ?? pixi_js.Text;
+        var _this$settings$valueT;
+        const TextClass = (_this$settings$valueT = this.settings.valueTextClass) != null ? _this$settings$valueT : pixi_js.Text;
         this.value1Text = new TextClass({
           text: "",
           style: this.settings.valueTextStyle || {
@@ -4660,7 +4696,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       }
       this._slider2 = this.createSlider(value);
       if (this.settings.showValue && !this.value2Text) {
-        const TextClass = this.settings.valueTextClass ?? pixi_js.Text;
+        var _this$settings$valueT2;
+        const TextClass = (_this$settings$valueT2 = this.settings.valueTextClass) != null ? _this$settings$valueT2 : pixi_js.Text;
         this.value2Text = new TextClass({
           text: "",
           style: this.settings.valueTextStyle || {
@@ -4780,24 +4817,25 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         value2
       } = this.sliderOptions;
       this.updateProgress(value1, value2);
-      this.value2 = value2 ?? 0;
-      this.value1 = value1 ?? 0;
+      this.value2 = value2 != null ? value2 : 0;
+      this.value1 = value1 != null ? value1 : 0;
     }
     updateProgress(value1 = this.value1, value2 = this.value2) {
       this.progressStart = (value1 - this.min) / (this.max - this.min) * 100;
       this.progress = (value2 - this.min) / (this.max - this.min) * 100;
     }
     validateValues() {
-      const min = this.sliderOptions.min ?? this.min;
-      const max = this.sliderOptions.max ?? this.max;
+      var _this$sliderOptions$m, _this$sliderOptions$m2, _this$sliderOptions$v, _this$sliderOptions$v2;
+      const min = (_this$sliderOptions$m = this.sliderOptions.min) != null ? _this$sliderOptions$m : this.min;
+      const max = (_this$sliderOptions$m2 = this.sliderOptions.max) != null ? _this$sliderOptions$m2 : this.max;
       if (!this.sliderOptions.value1) {
         this.sliderOptions.value1 = min;
       }
       if (!this.sliderOptions.value2) {
         this.sliderOptions.value2 = max;
       }
-      let value1 = this.sliderOptions.value1 ?? min;
-      let value2 = this.sliderOptions.value2 ?? max;
+      let value1 = (_this$sliderOptions$v = this.sliderOptions.value1) != null ? _this$sliderOptions$v : min;
+      let value2 = (_this$sliderOptions$v2 = this.sliderOptions.value2) != null ? _this$sliderOptions$v2 : max;
       if (value2 < value1) {
         value2 = value1;
       }
@@ -4890,39 +4928,39 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       return this._slider2;
     }
     updateSlider1() {
-      var _this$bg4, _this$bg5, _this$sliderOptions;
+      var _this$bg$width, _this$bg4, _this$bg$height, _this$bg5, _this$sliderOptions;
       if (!this._slider1) return;
       this.updateProgress(this.value1, this.value2);
-      this._slider1.x = (((_this$bg4 = this.bg) === null || _this$bg4 === void 0 ? void 0 : _this$bg4.width) ?? 0) / 100 * this.progressStart - this._slider1.width / 2;
-      this._slider1.y = (((_this$bg5 = this.bg) === null || _this$bg5 === void 0 ? void 0 : _this$bg5.height) ?? 0) / 2;
+      this._slider1.x = ((_this$bg$width = (_this$bg4 = this.bg) === null || _this$bg4 === void 0 ? void 0 : _this$bg4.width) != null ? _this$bg$width : 0) / 100 * this.progressStart - this._slider1.width / 2;
+      this._slider1.y = ((_this$bg$height = (_this$bg5 = this.bg) === null || _this$bg5 === void 0 ? void 0 : _this$bg5.height) != null ? _this$bg$height : 0) / 2;
       if (this._slider2 && this._slider1.x > this._slider2.x) {
         this._slider1.x = this._slider2.x;
       }
       if ((_this$sliderOptions = this.sliderOptions) !== null && _this$sliderOptions !== void 0 && _this$sliderOptions.showValue && this.value1Text && this._slider1) {
-        var _this$sliderOptions$v, _this$sliderOptions$v2;
+        var _this$sliderOptions$v3, _this$sliderOptions$v4, _this$sliderOptions$v5, _this$sliderOptions$v6;
         this.value1Text.text = `${Math.round(this.value1)}`;
         const sliderPosX = this._slider1.x + this._slider1.width / 2;
         const sliderPosY = this._slider1.y;
-        this.value1Text.x = sliderPosX + (((_this$sliderOptions$v = this.sliderOptions.valueTextOffset) === null || _this$sliderOptions$v === void 0 ? void 0 : _this$sliderOptions$v.x) ?? 0);
-        this.value1Text.y = sliderPosY + (((_this$sliderOptions$v2 = this.sliderOptions.valueTextOffset) === null || _this$sliderOptions$v2 === void 0 ? void 0 : _this$sliderOptions$v2.y) ?? 0);
+        this.value1Text.x = sliderPosX + ((_this$sliderOptions$v3 = (_this$sliderOptions$v4 = this.sliderOptions.valueTextOffset) === null || _this$sliderOptions$v4 === void 0 ? void 0 : _this$sliderOptions$v4.x) != null ? _this$sliderOptions$v3 : 0);
+        this.value1Text.y = sliderPosY + ((_this$sliderOptions$v5 = (_this$sliderOptions$v6 = this.sliderOptions.valueTextOffset) === null || _this$sliderOptions$v6 === void 0 ? void 0 : _this$sliderOptions$v6.y) != null ? _this$sliderOptions$v5 : 0);
       }
     }
     updateSlider2() {
-      var _this$bg6, _this$bg7, _this$sliderOptions2;
+      var _this$bg$width2, _this$bg6, _this$bg$height2, _this$bg7, _this$sliderOptions2;
       if (!this._slider2) return;
       this.updateProgress(this.value1, this.value2);
-      this._slider2.x = (((_this$bg6 = this.bg) === null || _this$bg6 === void 0 ? void 0 : _this$bg6.width) ?? 0) / 100 * this.progress - this._slider2.width / 2;
-      this._slider2.y = (((_this$bg7 = this.bg) === null || _this$bg7 === void 0 ? void 0 : _this$bg7.height) ?? 0) / 2;
+      this._slider2.x = ((_this$bg$width2 = (_this$bg6 = this.bg) === null || _this$bg6 === void 0 ? void 0 : _this$bg6.width) != null ? _this$bg$width2 : 0) / 100 * this.progress - this._slider2.width / 2;
+      this._slider2.y = ((_this$bg$height2 = (_this$bg7 = this.bg) === null || _this$bg7 === void 0 ? void 0 : _this$bg7.height) != null ? _this$bg$height2 : 0) / 2;
       if (this._slider1 && this._slider2.x < this._slider1.x) {
         this._slider2.x = this._slider1.x;
       }
       if ((_this$sliderOptions2 = this.sliderOptions) !== null && _this$sliderOptions2 !== void 0 && _this$sliderOptions2.showValue && this.value2Text && this._slider2) {
-        var _this$sliderOptions$v3, _this$sliderOptions$v4;
+        var _this$sliderOptions$v7, _this$sliderOptions$v8, _this$sliderOptions$v9, _this$sliderOptions$v0;
         this.value2Text.text = `${Math.round(this.value2)}`;
         const sliderPosX = this._slider2.x + this._slider2.width / 2;
         const sliderPosY = this._slider2.y;
-        this.value2Text.x = sliderPosX + (((_this$sliderOptions$v3 = this.sliderOptions.valueTextOffset) === null || _this$sliderOptions$v3 === void 0 ? void 0 : _this$sliderOptions$v3.x) ?? 0);
-        this.value2Text.y = sliderPosY + (((_this$sliderOptions$v4 = this.sliderOptions.valueTextOffset) === null || _this$sliderOptions$v4 === void 0 ? void 0 : _this$sliderOptions$v4.y) ?? 0);
+        this.value2Text.x = sliderPosX + ((_this$sliderOptions$v7 = (_this$sliderOptions$v8 = this.sliderOptions.valueTextOffset) === null || _this$sliderOptions$v8 === void 0 ? void 0 : _this$sliderOptions$v8.x) != null ? _this$sliderOptions$v7 : 0);
+        this.value2Text.y = sliderPosY + ((_this$sliderOptions$v9 = (_this$sliderOptions$v0 = this.sliderOptions.valueTextOffset) === null || _this$sliderOptions$v0 === void 0 ? void 0 : _this$sliderOptions$v0.y) != null ? _this$sliderOptions$v9 : 0);
       }
     }
     set width(value) {
@@ -5023,7 +5061,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       }
     }
     onInput(e) {
-      this.lastInputData = e.data ?? "";
+      var _e$data;
+      this.lastInputData = (_e$data = e.data) != null ? _e$data : "";
     }
     onKeyUp(e) {
       const key = e.key;
@@ -5045,6 +5084,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       }
     }
     init() {
+      var _this$options$value;
       const {
         textStyle = {
           fill: 0,
@@ -5070,7 +5110,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       });
       this.placeholder.visible = !!placeholder;
       this.addChild(this.inputField, this.placeholder, this._cursor);
-      this.value = this.options.value ?? "";
+      this.value = (_this$options$value = this.options.value) != null ? _this$options$value : "";
       this.align();
     }
     set bg(bg) {
@@ -5078,7 +5118,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       if (this._bg) {
         this._bg.destroy();
       }
-      const bgValue = bg ?? pixi_js.Texture.WHITE;
+      const bgValue = bg != null ? bg : pixi_js.Texture.WHITE;
       if ((_this$options21 = this.options) !== null && _this$options21 !== void 0 && _this$options21.nineSliceSprite) {
         if (typeof bgValue === "string") {
           this._bg = new pixi_js.NineSliceSprite({
@@ -5149,7 +5189,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.align();
     }
     createInputField() {
-      var _this$_bg, _this$_bg2;
+      var _this$_bg$width, _this$_bg, _this$_bg$height, _this$_bg2;
       if (this.input) {
         var _this$input, _this$input2;
         this.input.removeEventListener("blur", this.stopEditingBinding);
@@ -5166,8 +5206,8 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       input.style.left = `${this.getGlobalPosition().x}px`;
       input.style.top = `${this.getGlobalPosition().y}px`;
       input.style.opacity = "0.0000001";
-      input.style.width = `${((_this$_bg = this._bg) === null || _this$_bg === void 0 ? void 0 : _this$_bg.width) ?? 100}px`;
-      input.style.height = `${((_this$_bg2 = this._bg) === null || _this$_bg2 === void 0 ? void 0 : _this$_bg2.height) ?? 30}px`;
+      input.style.width = `${(_this$_bg$width = (_this$_bg = this._bg) === null || _this$_bg === void 0 ? void 0 : _this$_bg.width) != null ? _this$_bg$width : 100}px`;
+      input.style.height = `${(_this$_bg$height = (_this$_bg2 = this._bg) === null || _this$_bg2 === void 0 ? void 0 : _this$_bg2.height) != null ? _this$_bg$height : 30}px`;
       input.style.border = "none";
       input.style.outline = "none";
       input.style.background = "white";
@@ -5298,15 +5338,17 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         this.paddingLeft = value;
       }
       if (Array.isArray(value)) {
-        this.paddingTop = value[0] ?? 0;
-        this.paddingRight = value[1] ?? value[0] ?? 0;
-        this.paddingBottom = value[2] ?? value[0] ?? 0;
-        this.paddingLeft = value[3] ?? value[1] ?? value[0] ?? 0;
+        var _value$, _ref17, _value$2, _ref18, _value$3, _ref19, _ref20, _value$4;
+        this.paddingTop = (_value$ = value[0]) != null ? _value$ : 0;
+        this.paddingRight = (_ref17 = (_value$2 = value[1]) != null ? _value$2 : value[0]) != null ? _ref17 : 0;
+        this.paddingBottom = (_ref18 = (_value$3 = value[2]) != null ? _value$3 : value[0]) != null ? _ref18 : 0;
+        this.paddingLeft = (_ref19 = (_ref20 = (_value$4 = value[3]) != null ? _value$4 : value[1]) != null ? _ref20 : value[0]) != null ? _ref19 : 0;
       } else if (typeof value === "object") {
-        this.paddingTop = value.top ?? 0;
-        this.paddingRight = value.right ?? 0;
-        this.paddingBottom = value.bottom ?? 0;
-        this.paddingLeft = value.left ?? 0;
+        var _value$top, _value$right, _value$bottom, _value$left;
+        this.paddingTop = (_value$top = value.top) != null ? _value$top : 0;
+        this.paddingRight = (_value$right = value.right) != null ? _value$right : 0;
+        this.paddingBottom = (_value$bottom = value.bottom) != null ? _value$bottom : 0;
+        this.paddingLeft = (_value$left = value.left) != null ? _value$left : 0;
       }
     }
     get padding() {
@@ -5444,7 +5486,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         this.addChild(this.target);
       }
       if (mask) this.applyMask(mask);
-      if (borderWidth) this.setBorder(borderWidth, borderColor ?? 0);
+      if (borderWidth) this.setBorder(borderWidth, borderColor != null ? borderColor : 0);
     }
     applyMask(mask) {
       this.maskData = mask;
@@ -5506,10 +5548,10 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       this.init(this.options);
     }
     init(options) {
-      var _options$items$this$s, _options$items$this$s2;
+      var _options$selectedItem, _options$items$this$s, _options$items$this$s2, _options$items$this$s3;
       this.options = options;
-      this.selected = options.selectedItem ?? 0;
-      this.value = ((_options$items$this$s = options.items[this.selected]) === null || _options$items$this$s === void 0 ? void 0 : (_options$items$this$s2 = _options$items$this$s.labelText) === null || _options$items$this$s2 === void 0 ? void 0 : _options$items$this$s2.text) ?? "";
+      this.selected = (_options$selectedItem = options.selectedItem) != null ? _options$selectedItem : 0;
+      this.value = (_options$items$this$s = (_options$items$this$s2 = options.items[this.selected]) === null || _options$items$this$s2 === void 0 ? void 0 : (_options$items$this$s3 = _options$items$this$s2.labelText) === null || _options$items$this$s3 === void 0 ? void 0 : _options$items$this$s3.text) != null ? _options$items$this$s : "";
       if (this.innerView) {
         this.innerView.type = options.type;
         this.innerView.elementsMargin = options.elementsMargin;
@@ -5542,15 +5584,15 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       });
     }
     selectItem(id) {
-      var _this$options$items$i;
+      var _this$options$items$i, _this$options$items$i2;
       this.items.forEach((item, key) => {
         item.forceCheck(key === id);
       });
       if (this.selected !== id) {
-        var _this$items$id$labelT;
-        this.onChange.emit(id, ((_this$items$id$labelT = this.items[id].labelText) === null || _this$items$id$labelT === void 0 ? void 0 : _this$items$id$labelT.text) ?? "");
+        var _this$items$id$labelT, _this$items$id$labelT2;
+        this.onChange.emit(id, (_this$items$id$labelT = (_this$items$id$labelT2 = this.items[id].labelText) === null || _this$items$id$labelT2 === void 0 ? void 0 : _this$items$id$labelT2.text) != null ? _this$items$id$labelT : "");
       }
-      this.value = ((_this$options$items$i = this.options.items[id].labelText) === null || _this$options$items$i === void 0 ? void 0 : _this$options$items$i.text) ?? "";
+      this.value = (_this$options$items$i = (_this$options$items$i2 = this.options.items[id].labelText) === null || _this$options$items$i2 === void 0 ? void 0 : _this$options$items$i2.text) != null ? _this$options$items$i : "";
       this.selected = id;
     }
   }
@@ -5590,7 +5632,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       scrollBox,
       visibleItems
     }) {
-      TextClass = TextClass ?? pixi_js.Text;
+      TextClass = TextClass != null ? TextClass : pixi_js.Text;
       if (this.openView && this.openView !== openBG) {
         this.view.removeChild(this.openView);
       }
@@ -5611,7 +5653,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
           text: items !== null && items !== void 0 && items.items ? items.items[0] : "",
           style: textStyle
         });
-        this.openButton.textOffset = selectedTextOffset ?? {};
+        this.openButton.textOffset = selectedTextOffset != null ? selectedTextOffset : {};
       }
       if (this.openView !== openBG) {
         this.openView = getView(openBG);
@@ -5641,7 +5683,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
           text: items !== null && items !== void 0 && items.items ? items.items[0] : "",
           style: textStyle
         });
-        this.openButton.textOffset = selectedTextOffset ?? {};
+        this.openButton.textOffset = selectedTextOffset != null ? selectedTextOffset : {};
       }
       if (!this.scrollBox) {
         this.scrollBox = new ScrollBox$1();
@@ -5653,14 +5695,15 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         type: "vertical",
         elementsMargin: 0,
         width: this.openButton.width,
-        height: this.openButton.height * (visibleItems ?? defaultVisibleItems),
+        height: this.openButton.height * (visibleItems != null ? visibleItems : defaultVisibleItems),
         radius: 0,
         padding: 0
       }, scrollBox));
       this.scrollBox.y = this.openButton.height;
       if (scrollBox !== null && scrollBox !== void 0 && scrollBox.offset) {
-        this.scrollBox.x = scrollBox.offset.x ?? 0;
-        this.scrollBox.y += scrollBox.offset.y ?? 0;
+        var _scrollBox$offset$x, _scrollBox$offset$y;
+        this.scrollBox.x = (_scrollBox$offset$x = scrollBox.offset.x) != null ? _scrollBox$offset$x : 0;
+        this.scrollBox.y += (_scrollBox$offset$y = scrollBox.offset.y) != null ? _scrollBox$offset$y : 0;
       }
       this.addItems(items, selected);
     }
@@ -5669,14 +5712,14 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
         var _this$scrollBox;
         const text = button.text;
         if (id === selected) {
-          this.openButton.text = text ?? "";
-          this.closeButton.text = text ?? "";
+          this.openButton.text = text != null ? text : "";
+          this.closeButton.text = text != null ? text : "";
         }
         button.onPress.connect(() => {
           this.value = id;
-          this.onSelect.emit(id, text ?? "");
-          this.openButton.text = text ?? "";
-          this.closeButton.text = text ?? "";
+          this.onSelect.emit(id, text != null ? text : "");
+          this.openButton.text = text != null ? text : "";
+          this.closeButton.text = text != null ? text : "";
           this.close();
         });
         (_this$scrollBox = this.scrollBox) === null || _this$scrollBox === void 0 ? void 0 : _this$scrollBox.addItem(button);
@@ -5708,11 +5751,11 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       TextClass,
       radius
     }) {
-      TextClass = TextClass ?? pixi_js.Text;
+      TextClass = TextClass != null ? TextClass : pixi_js.Text;
       const buttons = [];
       items.forEach(item => {
         const defaultView = new pixi_js.Graphics().roundRect(0, 0, width, height, radius).fill(backgroundColor);
-        const color = hoverColor ?? backgroundColor;
+        const color = hoverColor != null ? hoverColor : backgroundColor;
         const hoverView = new pixi_js.Graphics().roundRect(0, 0, width, height, radius).fill(color);
         const text = new TextClass({
           text: item,
@@ -5738,6 +5781,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
   var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   class Slider$1 extends SliderBase {
     constructor(options) {
+      var _options$value;
       super(_objectSpread({
         slider1: options.slider,
         value1: options.value
@@ -5747,7 +5791,7 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       __publicField(this, "onChange", new dist.Signal());
       this.sliderOptions = options;
       this.step = options.step || 1;
-      this.value = options.value ?? this.min;
+      this.value = (_options$value = options.value) != null ? _options$value : this.min;
       this.updateSlider();
     }
     get value() {
@@ -5804,18 +5848,18 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
       (_this$onChange2 = this.onChange) === null || _this$onChange2 === void 0 ? void 0 : _this$onChange2.emit(this.value);
     }
     updateSlider() {
-      var _this$bg9, _this$bg0, _this$sliderOptions3;
+      var _this$value, _this$bg$width3, _this$bg9, _this$bg$height3, _this$bg0, _this$sliderOptions3;
       if (!this._slider1) return;
-      this.progress = ((this.value ?? this.min) - this.min) / (this.max - this.min) * 100;
-      this._slider1.x = (((_this$bg9 = this.bg) === null || _this$bg9 === void 0 ? void 0 : _this$bg9.width) ?? 0) / 100 * this.progress - this._slider1.width / 2;
-      this._slider1.y = (((_this$bg0 = this.bg) === null || _this$bg0 === void 0 ? void 0 : _this$bg0.height) ?? 0) / 2;
+      this.progress = (((_this$value = this.value) != null ? _this$value : this.min) - this.min) / (this.max - this.min) * 100;
+      this._slider1.x = ((_this$bg$width3 = (_this$bg9 = this.bg) === null || _this$bg9 === void 0 ? void 0 : _this$bg9.width) != null ? _this$bg$width3 : 0) / 100 * this.progress - this._slider1.width / 2;
+      this._slider1.y = ((_this$bg$height3 = (_this$bg0 = this.bg) === null || _this$bg0 === void 0 ? void 0 : _this$bg0.height) != null ? _this$bg$height3 : 0) / 2;
       if ((_this$sliderOptions3 = this.sliderOptions) !== null && _this$sliderOptions3 !== void 0 && _this$sliderOptions3.showValue && this.value1Text) {
-        var _this$sliderOptions$v5, _this$sliderOptions$v6;
+        var _this$sliderOptions$v1, _this$sliderOptions$v10, _this$sliderOptions$v11, _this$sliderOptions$v12;
         this.value1Text.text = `${Math.round(this.value)}`;
         const sliderPosX = this._slider1.x + this._slider1.width / 2;
         const sliderPosY = this._slider1.y;
-        this.value1Text.x = sliderPosX + (((_this$sliderOptions$v5 = this.sliderOptions.valueTextOffset) === null || _this$sliderOptions$v5 === void 0 ? void 0 : _this$sliderOptions$v5.x) ?? 0);
-        this.value1Text.y = sliderPosY + (((_this$sliderOptions$v6 = this.sliderOptions.valueTextOffset) === null || _this$sliderOptions$v6 === void 0 ? void 0 : _this$sliderOptions$v6.y) ?? 0);
+        this.value1Text.x = sliderPosX + ((_this$sliderOptions$v1 = (_this$sliderOptions$v10 = this.sliderOptions.valueTextOffset) === null || _this$sliderOptions$v10 === void 0 ? void 0 : _this$sliderOptions$v10.x) != null ? _this$sliderOptions$v1 : 0);
+        this.value1Text.y = sliderPosY + ((_this$sliderOptions$v11 = (_this$sliderOptions$v12 = this.sliderOptions.valueTextOffset) === null || _this$sliderOptions$v12 === void 0 ? void 0 : _this$sliderOptions$v12.y) != null ? _this$sliderOptions$v11 : 0);
       }
     }
     set width(value) {
@@ -5946,6 +5990,43 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
     }
     return null;
   }
+  function normalizeProgressFillViewRef(ref, fillPaddings, fallbackSize) {
+    if (!ref) return ref;
+    const paddings = normalizePaddings(fillPaddings);
+    if (paddings.top === 0 && paddings.right === 0 && paddings.bottom === 0 && paddings.left === 0) {
+      return ref;
+    }
+    const fallback = ref.fallback ? normalizeProgressFillViewRef(ref.fallback, paddings, fallbackSize) : undefined;
+    if ('color' in ref) {
+      const width = shrinkSize(ref.width, paddings.left + paddings.right);
+      const height = shrinkSize(ref.height, paddings.top + paddings.bottom);
+      return _extends(_extends(_extends({}, ref), {
+        width,
+        height,
+        radius: shrinkRadius(ref.radius, width, height)
+      }), fallback ? {
+        fallback
+      } : {});
+    }
+    if ('shape' in ref) {
+      return _extends(_extends(_extends({}, ref), {
+        shape: shrinkInlineShape(ref.shape, paddings, fallbackSize)
+      }), fallback ? {
+        fallback
+      } : {});
+    }
+    if ('ui' in ref) {
+      return _extends(_extends(_extends({}, ref), {
+        ui: shrinkInlineShape(ref.ui, paddings, fallbackSize)
+      }), fallback ? {
+        fallback
+      } : {});
+    }
+    if (fallback) return _extends(_extends({}, ref), {
+      fallback
+    });
+    return ref;
+  }
   function wrapBorrowedEntityView(childContainer, childName) {
     const wrapper = new pixi_js.Container();
     wrapper.label = childName ? `${childName}:view-ref` : 'plugin-ui-view-ref';
@@ -5967,27 +6048,29 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
     }
   }
   function drawInlineShape(shape) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     if (!shape || !shape.type) return null;
     const g = new pixi_js.Graphics();
     const {
       style
     } = shape;
-    const w = (_a = style.width) !== null && _a !== void 0 ? _a : 0;
-    const h = (_b = style.height) !== null && _b !== void 0 ? _b : 0;
-    const r = (_c = style.radius) !== null && _c !== void 0 ? _c : 0;
+    const x = (_a = style.x) !== null && _a !== void 0 ? _a : 0;
+    const y = (_b = style.y) !== null && _b !== void 0 ? _b : 0;
+    const w = (_c = style.width) !== null && _c !== void 0 ? _c : 0;
+    const h = (_d = style.height) !== null && _d !== void 0 ? _d : 0;
+    const r = (_e = style.radius) !== null && _e !== void 0 ? _e : 0;
     switch (shape.type) {
       case 'rect':
-        g.rect(0, 0, w, h);
+        drawRect(g, x, y, w, h);
         break;
       case 'roundedRect':
-        g.roundRect(0, 0, w, h, r);
+        drawRoundedRect(g, x, y, w, h, r);
         break;
       case 'circle':
-        g.circle(r, r, r);
+        drawCircle(g, x + r, y + r, r);
         break;
       case 'ellipse':
-        g.ellipse(w / 2, h / 2, w / 2, h / 2);
+        drawEllipse(g, x + w / 2, y + h / 2, w / 2, h / 2);
         break;
     }
     if (style.fill !== undefined) g.fill(style.fill);
@@ -6014,6 +6097,81 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
     } catch (_) {}
     return g;
   }
+  function drawRect(g, x, y, width, height) {
+    const anyGraphics = g;
+    if (typeof anyGraphics.rect === 'function') {
+      anyGraphics.rect(x, y, width, height);
+      return;
+    }
+    anyGraphics.drawRect(x, y, width, height);
+  }
+  function drawRoundedRect(g, x, y, width, height, radius) {
+    const anyGraphics = g;
+    if (typeof anyGraphics.roundRect === 'function') {
+      anyGraphics.roundRect(x, y, width, height, radius);
+      return;
+    }
+    anyGraphics.drawRoundedRect(x, y, width, height, radius);
+  }
+  function drawCircle(g, x, y, radius) {
+    const anyGraphics = g;
+    if (typeof anyGraphics.circle === 'function') {
+      anyGraphics.circle(x, y, radius);
+      return;
+    }
+    anyGraphics.drawCircle(x, y, radius);
+  }
+  function drawEllipse(g, x, y, halfWidth, halfHeight) {
+    const anyGraphics = g;
+    if (typeof anyGraphics.ellipse === 'function') {
+      anyGraphics.ellipse(x, y, halfWidth, halfHeight);
+      return;
+    }
+    anyGraphics.drawEllipse(x, y, halfWidth, halfHeight);
+  }
+  function normalizePaddings(fillPaddings) {
+    return {
+      top: readPadding(fillPaddings === null || fillPaddings === void 0 ? void 0 : fillPaddings.top),
+      right: readPadding(fillPaddings === null || fillPaddings === void 0 ? void 0 : fillPaddings.right),
+      bottom: readPadding(fillPaddings === null || fillPaddings === void 0 ? void 0 : fillPaddings.bottom),
+      left: readPadding(fillPaddings === null || fillPaddings === void 0 ? void 0 : fillPaddings.left)
+    };
+  }
+  function readPadding(value) {
+    if (typeof value !== 'number' || !Number.isFinite(value)) return 0;
+    return Math.max(0, value);
+  }
+  function shrinkSize(value, inset) {
+    return Math.max(0, value - inset);
+  }
+  function shrinkOptionalSize(value, fallback, inset) {
+    if (typeof value === 'number') return shrinkSize(value, inset);
+    if (typeof fallback === 'number') return shrinkSize(fallback, inset);
+    return value;
+  }
+  function shrinkRadius(radius, width, height) {
+    if (typeof radius !== 'number' || !Number.isFinite(radius)) return radius;
+    const limits = [radius];
+    if (typeof width === 'number') limits.push(width / 2);
+    if (typeof height === 'number') limits.push(height / 2);
+    return Math.max(0, Math.min(...limits));
+  }
+  function shrinkInlineShape(shape, paddings, fallbackSize) {
+    var _a;
+    const style = (_a = shape.style) !== null && _a !== void 0 ? _a : {};
+    const width = shrinkOptionalSize(style.width, fallbackSize === null || fallbackSize === void 0 ? void 0 : fallbackSize.width, paddings.left + paddings.right);
+    const height = shrinkOptionalSize(style.height, fallbackSize === null || fallbackSize === void 0 ? void 0 : fallbackSize.height, paddings.top + paddings.bottom);
+    const radius = shrinkRadius(style.radius, width, height);
+    return _extends(_extends({}, shape), {
+      style: _extends(_extends(_extends(_extends({}, style), width !== undefined ? {
+        width
+      } : {}), height !== undefined ? {
+        height
+      } : {}), radius !== undefined ? {
+        radius
+      } : {})
+    });
+  }
   function findChildEntity$1(go, name) {
     var _a, _b, _c;
     if (typeof go.findChildByName === 'function') {
@@ -8874,11 +9032,17 @@ var _EVA_IIFE_ui = function (exports, eva_js, pluginRendererGraphics, pixi_js) {
   function inlineResolveSpecialViews(name, c, game, go) {
     switch (name) {
       case 'ProgressBar':
-        c.__resolved_bg = resolveViewRef(game, go, c.bgView);
-        c.__resolved_fill = resolveViewRef(game, go, c.fillView);
-        c.__resolved_bg_view = c.nineSliceSprite && c.bgView && 'texture' in c.bgView ? c.bgView.texture : c.__resolved_bg;
-        c.__resolved_fill_view = c.nineSliceSprite && c.fillView && 'texture' in c.fillView ? c.fillView.texture : c.__resolved_fill;
-        break;
+        {
+          const fillView = c.nineSliceSprite ? c.fillView : normalizeProgressFillViewRef(c.fillView, c.fillPaddings, {
+            width: c.width,
+            height: c.height
+          });
+          c.__resolved_bg = resolveViewRef(game, go, c.bgView);
+          c.__resolved_fill = resolveViewRef(game, go, fillView);
+          c.__resolved_bg_view = c.nineSliceSprite && c.bgView && 'texture' in c.bgView ? c.bgView.texture : c.__resolved_bg;
+          c.__resolved_fill_view = c.nineSliceSprite && c.fillView && 'texture' in c.fillView ? c.fillView.texture : c.__resolved_fill;
+          break;
+        }
       case 'Select':
         c.__resolved_closedView = resolveViewRef(game, go, c.closedView);
         c.__resolved_openView = resolveViewRef(game, go, c.openView);