[css-layout-api] Static class getters are finally a thing.

Author: bfgeek

css-layout-api/EXPLAINER.md

@@ -226,8 +226,8 @@ are performing layout for, and all children. E.g.
 
 ```js
 registerLayout('style-read', class {
-  static get inputProperties() { return ['--a-number']; }
-  static get childInputProperties() { return ['--a-string']; }
+  static inputProperties = ['--a-number'];
+  static childInputProperties = ['--a-string'];
 
   async layout(children, edges, constraints, styleMap) {
     // We can read our own style:
@@ -272,7 +272,7 @@ In the above `centering` example, we forced each `LayoutChild` to produce exactl
 We are able to ensure children do not blockify by setting the `childDisplay` to `normal`, e.g.
 ```js
 registerLayout('example', class {
-  static get layoutOptions() { return {childDisplay: 'normal'}; }
+  static layoutOptions = {childDisplay: 'normal'};
 });
 ```
 
@@ -305,7 +305,7 @@ We pass the `BreakToken` to add back into the `layout()` call in order to produc
 
 ```js
 registerLayout('basic-inline', class {
-  static get layoutOptions() { return {childDisplay: 'normal'}; }
+  static layoutOptions = {childDisplay: 'normal'};
 
   async layout(children, edges, constraints, styleMap) {
     // Determine our (inner) available size.

css-layout-api/Overview.bs

@@ -308,11 +308,12 @@ instances</dfn>. Initially this map is empty; it is populated when the user agen
     Note: The shape of the class should be:
     <pre class='lang-javascript'>
         registerLayout('example', class {
-            static get inputProperties() { return ['--foo']; }
-            static get childrenInputProperties() { return ['--bar']; }
-            static get layoutOptions() {
-              return {childDisplay: 'normal', sizing: 'block-like'}
-            }
+            static inputProperties = ['--foo'];
+            static childrenInputProperties = ['--bar'];
+            static layoutOptions = {
+              childDisplay: 'normal',
+              sizing: 'block-like'
+            };
 
             async intrinsicSizes(children, edges, styleMap) {
                 // Intrinsic sizes code goes here.
@@ -505,7 +506,7 @@ The {{LayoutChild}} has internal slot(s):
 The example below shows the basic usage of a {{LayoutChild}}.
 <pre class='lang-javascript'>
 registerLayout('example-layout-child', class {
-  static get childInputProperties() { return ['--foo']; }
+  static childInputProperties = ['--foo'];
 
   async layout(children, edges, constraints, styleMap) {