@mml-io/mml-web-client 0.0.0-experimental-59cdd31-20250226 → 0.0.0-experimental-23450b2-20250302

package/build/index.js

@@ -2317,13 +2317,20 @@
       }
       return lerpHSL(previousValue, elementValue, ratio);
     }
-    getFloatValueForTime(windowTime, elementValueSetTime, elementValue, previousValue) {
-      const from = previousValue;
+    getFloatValueForTime(windowTime, elementValueSetTime, elementValue, previousValue, isDegrees) {
+      let from = previousValue;
       const to = elementValue;
       const ratio = this.getLerpRatio(windowTime, elementValueSetTime);
       if (ratio >= 1) {
         return to;
       }
+      if (isDegrees) {
+        if (to - from > 180) {
+          from += 360;
+        } else if (from - to > 180) {
+          from -= 360;
+        }
+      }
       return from + (to - from) * ratio;
     }
     getLerpRatio(windowTime, elementValueSetTime) {
@@ -2381,6 +2388,9 @@
     }
   }
   function isColorAttribute(attributeState) {
+    return attributeState.type === 2;
+  }
+  function isDegreesAttribute(attributeState) {
     return attributeState.type === 1;
   }
   function isNumberAttribute(attributeState) {
@@ -2539,7 +2549,7 @@
         let stale = null;
         const state = this.stateByAttribute[key];
         for (const animation of state.animationsInOrder) {
-          const [newValue, active] = state.attributeState.type === 1 ? animation.getColorValueForTime(documentTime) : animation.getFloatValueForTime(documentTime);
+          const [newValue, active] = state.attributeState.type === 2 ? animation.getColorValueForTime(documentTime) : animation.getFloatValueForTime(documentTime);
           if (active === 0) {
             updateIfChangedValue(state, newValue);
             stale = null;
@@ -2575,6 +2585,17 @@
                   config.previousValue
                 )
               );
+            } else if (isDegreesAttribute(config)) {
+              updateIfChangedValue(
+                state,
+                lerp2.getFloatValueForTime(
+                  this.element.getWindowTime(),
+                  config.elementValueSetTime,
+                  config.elementValue,
+                  config.previousValue,
+                  true
+                )
+              );
             } else if (isNumberAttribute(config)) {
               updateIfChangedValue(
                 state,
@@ -2582,7 +2603,8 @@
                   this.element.getWindowTime(),
                   config.elementValueSetTime,
                   config.elementValue,
-                  config.previousValue
+                  config.previousValue,
+                  false
                 )
               );
             }
@@ -3594,7 +3616,7 @@
           }
         ],
         rx: [
-          0,
+          1,
           0,
           (newValue) => {
             var _a2;
@@ -3604,7 +3626,7 @@
           }
         ],
         ry: [
-          0,
+          1,
           0,
           (newValue) => {
             var _a2;
@@ -3614,7 +3636,7 @@
           }
         ],
         rz: [
-          0,
+          1,
           0,
           (newValue) => {
             var _a2;
@@ -4476,7 +4498,7 @@
       };
       this.cubeAnimatedAttributeHelper = new AnimatedAttributeHelper(this, {
         color: [
-          1,
+          2,
           defaultCubeColor,
           (newValue) => {
             var _a2;
@@ -4655,7 +4677,7 @@
       };
       this.cylinderAnimatedAttributeHelper = new AnimatedAttributeHelper(this, {
         color: [
-          1,
+          2,
           defaultCylinderColor,
           (newValue) => {
             var _a2;
@@ -6026,7 +6048,7 @@
       this.collideableHelper = new CollideableHelper(this);
       this.labelAnimatedAttributeHelper = new AnimatedAttributeHelper(this, {
         color: [
-          1,
+          2,
           defaultLabelColor,
           (newValue) => {
             var _a2;
@@ -6035,7 +6057,7 @@
           }
         ],
         "font-color": [
-          1,
+          2,
           defaultFontColor,
           (newValue) => {
             var _a2;
@@ -6238,7 +6260,7 @@
       super();
       this.lightAnimatedAttributeHelper = new AnimatedAttributeHelper(this, {
         color: [
-          1,
+          2,
           defaultLightColor,
           (newValue) => {
             var _a2;
@@ -6511,7 +6533,7 @@
       };
       this.planeAnimatedAttributeHelper = new AnimatedAttributeHelper(this, {
         color: [
-          1,
+          2,
           defaultPlaneColor,
           (newValue) => {
             var _a2;
@@ -7093,7 +7115,7 @@
       };
       this.sphereAnimatedAttributeHelper = new AnimatedAttributeHelper(this, {
         color: [
-          1,
+          2,
           defaultSphereColor,
           (newValue) => {
             var _a2;