{
  "surface_id": "surface-ordered-selection-list",
  "surface_version": 1,
  "payload": {
    "objects": [
      {
        "beginRendering": {
          "root": "root-card",
          "surfaceId": "surface-ordered-selection-list"
        }
      },
      {
        "surfaceUpdate": {
          "surfaceId": "surface-ordered-selection-list",
          "components": [
            {
              "id": "root-card",
              "component": {
                "Card": {
                  "child": "main-column"
                }
              }
            },
            {
              "id": "main-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "title",
                      "subtitle",
                      "selector"
                    ]
                  }
                }
              }
            },
            {
              "id": "title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Pick your priorities"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "subtitle",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Tap in order. The red badge shows rank (1..n)."
                  },
                  "color": "secondary",
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "selector",
              "component": {
                "OrderedSelectionList": {
                  "selection": {
                    "path": "/chosen",
                    "literalArray": []
                  },
                  "maxSelection": 3,
                  "requiredSelection": 2,
                  "hasSelection": {
                    "path": "/ready",
                    "literalBoolean": false
                  },
                  "items": [
                    {
                      "value": "stability",
                      "child": "opt-stability"
                    },
                    {
                      "value": "performance",
                      "child": "opt-performance"
                    },
                    {
                      "value": "security",
                      "child": "opt-security"
                    },
                    {
                      "value": "accessibility",
                      "child": "opt-accessibility"
                    }
                  ]
                }
              }
            },
            {
              "id": "opt-stability",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Stability"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "opt-performance",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Performance"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "opt-security",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Security"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "opt-accessibility",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Accessibility"
                  },
                  "variant": "bodySans"
                }
              }
            }
          ]
        }
      },
      {
        "dataModelUpdate": {
          "surfaceId": "surface-ordered-selection-list",
          "path": "/",
          "contents": []
        }
      }
    ]
  }
}