PROTOTYPE: Generic custom CSS property parsing

chrome/browser/resources/vr_shell/vr_shell_ui_api.js

Index: chrome/browser/resources/vr_shell/vr_shell_ui_api.js
diff --git a/chrome/browser/resources/vr_shell/vr_shell_ui_api.js b/chrome/browser/resources/vr_shell/vr_shell_ui_api.js
index 4bbb4830b5fba55947d6a859c79fb71feb8ade7b..b94a08515a192b177cd6d77da600c9b619db1838 100644
--- a/chrome/browser/resources/vr_shell/vr_shell_ui_api.js
+++ b/chrome/browser/resources/vr_shell/vr_shell_ui_api.js
@@ -202,7 +202,9 @@ api.UiElementUpdate = class {
    * @param {number} y
    */
   setSize(x, y) {
-    this.properties['size'] = {x: x, y: y};
+    // this.properties['size'] = {x: x, y: y};
+    this.properties['sizeX'] = x;
+    this.properties['sizeY'] = y;
   }
 
   /**
@@ -212,7 +214,9 @@ api.UiElementUpdate = class {
    * @param {number} z
    */
   setScale(x, y, z) {
-    this.properties['scale'] = {x: x, y: y, z: z};
+    this.properties['scaleX'] = x;
+    this.properties['scaleY'] = y;
+    this.properties['scaleZ'] = z;
   }
 
   /**
@@ -224,7 +228,10 @@ api.UiElementUpdate = class {
    * @param {number} a
    */
   setRotation(x, y, z, a) {
-    this.properties['rotation'] = {x: x, y: y, z: z, a: a};
+    this.properties['rotationX'] = x;
+    this.properties['rotationY'] = y;
+    this.properties['rotationZ'] = z;
+    this.properties['rotationAngle'] = a;
   }
 
   /**
@@ -236,7 +243,9 @@ api.UiElementUpdate = class {
    * @param {number} z
    */
   setTranslation(x, y, z) {
-    this.properties['translation'] = {x: x, y: y, z: z};
+    this.properties['translationX'] = x;
+    this.properties['translationY'] = y;
+    this.properties['translationZ'] = z;
   }
 
   /**