@effindomv2/fui-as 0.2.3 → 0.2.4-alpha1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effindomv2/fui-as",
-  "version": "0.2.3",
+  "version": "0.2.4-alpha1",
   "private": false,
   "license": "AGPL-3.0-only OR LicenseRef-EffinDom-Commercial",
   "description": "EffinDom v2 AssemblyScript frontend framework SDK and browser harness",
@@ -106,7 +106,7 @@
     "typecheck": "npm run guard:runtime-dependency && npm run check:abi && tsc -p tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@effindomv2/runtime": "0.2.11"
+    "@effindomv2/runtime": "0.2.12"
   },
   "devDependencies": {
     "@as-pect/assembly": "9.0.0",
@@ -116,7 +116,7 @@
     "@types/node": "^24.10.1",
     "assemblyscript": "0.28.19",
     "@devcycle/assemblyscript-json": "2.0.0",
-    "esbuild": "^0.27.7",
+    "esbuild": "^0.28.1",
     "typescript": "^5.9.3"
   }
 }

package/scripts/update-upstream-versions.mjs

@@ -8,7 +8,7 @@ const packagePath = join(packageDirectory, 'package.json');
 const npm = process.platform === 'win32' ? 'npm.cmd' : 'npm';
 const versionPattern = /^\d+\.\d+\.\d+(?:-[0-9A-Za-z.-]+)?$/;
 
-const runtimeVersion = execFileSync(
+const runtimeVersion = process.env.EFFINDOM_RUNTIME_VERSION ?? execFileSync(
   npm,
   ['view', '@effindomv2/runtime', 'dist-tags.latest'],
   { encoding: 'utf8' },

package/src/controls/ProgressBar.ts

@@ -15,6 +15,12 @@ function clamp(value: f32, min: f32, max: f32): f32 {
   return value;
 }
 
+const PROGRESS_BORDER_WIDTH: f32 = 1.0;
+
+function insetRadius(radius: f32): f32 {
+  return radius > PROGRESS_BORDER_WIDTH ? radius - PROGRESS_BORDER_WIDTH : 0.0;
+}
+
 export class ProgressBar extends FlexBox {
   private readonly fillNode: FlexBox;
   private readonly disposables: Array<Disposable> = new Array<Disposable>();
@@ -118,7 +124,7 @@ export class ProgressBar extends FlexBox {
   cornerRadius(radius: f32): this {
     this.cornerRadiusOverridden = true;
     super.cornerRadius(radius);
-    this.fillNode.cornerRadius(radius);
+    this.fillNode.cornerRadius(insetRadius(radius));
     return this;
   }
 
@@ -139,13 +145,16 @@ export class ProgressBar extends FlexBox {
   private syncGeometry(): void {
     const range = this.maxValue - this.minValue;
     const fraction = range > 0.0 ? clamp((this.currentValue - this.minValue) / range, 0.0, 1.0) : 0.0;
-    const fillLength = this.lengthValue * fraction;
+    const inset = PROGRESS_BORDER_WIDTH * 2.0;
+    const innerLength = this.lengthValue > inset ? this.lengthValue - inset : 0.0;
+    const innerThickness = this.thicknessValue > inset ? this.thicknessValue - inset : 0.0;
+    const fillLength = innerLength * fraction;
     if (this.orientationValue == Orientation.Vertical) {
       this.flexDirection(FlexDirection.Column);
       this.justifyContent(JustifyContent.End);
       this.width(this.thicknessValue);
       this.height(this.lengthValue);
-      this.fillNode.width(this.thicknessValue);
+      this.fillNode.width(innerThickness);
       this.fillNode.height(fillLength);
     } else {
       this.flexDirection(FlexDirection.Row);
@@ -153,7 +162,7 @@ export class ProgressBar extends FlexBox {
       this.width(this.lengthValue);
       this.height(this.thicknessValue);
       this.fillNode.width(fillLength);
-      this.fillNode.height(this.thicknessValue);
+      this.fillNode.height(innerThickness);
     }
     this.semanticValueRange(this.currentValue, this.minValue, this.maxValue);
     this.syncSemanticLabel();
@@ -173,10 +182,10 @@ export class ProgressBar extends FlexBox {
     const fillColor = this.fillColorOverridden ? this.fillColorValue : theme.colors.accent;
     if (!this.cornerRadiusOverridden) {
       super.cornerRadius(this.thicknessValue * 0.5);
-      this.fillNode.cornerRadius(this.thicknessValue * 0.5);
+      this.fillNode.cornerRadius(insetRadius(this.thicknessValue * 0.5));
     }
     super.bgColor(trackColor);
-    super.border(1.0, theme.colors.border);
+    super.border(PROGRESS_BORDER_WIDTH, theme.colors.border);
     this.fillNode.bgColor(fillColor);
   }
 

package/src/controls/internal/SliderPresenter.ts

@@ -117,6 +117,7 @@ class DefaultSliderPresenter extends SliderPresenter {
     const crossAxisInset = crossAxisExtra * 0.5;
     const trackOffset = crossAxisInset + ((thumbSize - trackThickness) * 0.5);
     if (state.orientation == Orientation.Vertical) {
+      const fillLength = Mathf.round(available * fraction);
       this.root
         .width(thumbSize + crossAxisExtra, Unit.Pixel)
         .height(length, Unit.Pixel);
@@ -129,10 +130,10 @@ class DefaultSliderPresenter extends SliderPresenter {
         );
       this.fillNode
         .width(trackThickness, Unit.Pixel)
-        .height(available * fraction, Unit.Pixel)
+        .height(fillLength, Unit.Pixel)
         .position(
           trackOffset,
-          thumbSize * 0.5 + (available * (1.0 - fraction)),
+          thumbSize * 0.5 + available - fillLength,
         );
       this.thumbNode.position(
         crossAxisInset,