The c‎wrapArray directive is used to access each slot of an array item in the blueprint in index order. This allows for sequential processing and manipulation of array elements within the object model.

{
  "element": "ul",
  "style": "display: flex; flex-direction: column; gap: 1em; list-style: none; margin: 0; padding: 0;",
  "blueprint": {
    "count": "{‎{return c‎wrapReference.globals.const.documentation['getting started'].length}‎}",
    "element": "li",
    "children": [
      {
        "element": "a",
        "text": "c‎wrapArray[{‎{return c‎wrapReference.globals.const.documentation['getting started']}‎}]",
        "style": "position: relative; z-index: 1; transition: 300ms; padding: 0.2em 0.5em;",
        "extend": [
          {
            "extension": ":hover",
            "style": "color: rgba(150, 250, 250, 1);"
          },
          {
            "extension": ".focus",
            "style": "color: rgba(150, 250, 250, 1); background-color: rgba(20, 37, 61, 0.8); padding: 0.2em 0.5em; border-radius: 0.3em;"
          }
        ],
        "attributes": {
          "href": "c‎wrapProperty[prefixAside=../]c‎wrapGlobal[documentation.getting started.c‎wrapIndex]/",
          "class": "c‎wrapArray[‎{return c‎wrapReference.globals.const.documentation['getting started'].map((x) =>  x !== c‎wrapRoute.replace('documentation/','') ? 'c‎wrapOmit' : 'focus')}‎}]"
        }
      }
    ]
  }
}