APL Sequence

{
    "document": {
        "type": "APL",
        "version": "1.2",
        "import": [
            {
                "name": "alexa-layouts",
                "version": "1.1.0"
            }
        ],
        "layouts": {
            "mainLayout": {
                "parameters": [
                    "sequenceItems"
                ],
                "item": [
                    {
                        "type": "Container",
                        "width": "100%",
                        "height": "100%",
                        "items": [
                            {
                                "type": "Container",
                                "width": "90%",
                                "height": "60%",
                                "items": [
                                    {
                                        "type": "Text",
                                        "textAlign": "center",
                                        "fontStyle": "italic",
                                        "text": "APL Sequence Issue",
                                        "fontWeight": "500"
                                    },
                                    {
                                        "type": "Container",
                                        "alignItems": "center",
                                        "justifyContent": "center",
                                        "items": [
                                            {
                                                "type": "Text",
                                                "text": "${environment.agentName}"
                                            },
                                            {
                                                "type": "Text",
                                                "text": "${environment.agentVersion}"
                                            }
                                        ]
                                    },
                                    {
                                        "type": "Sequence",
                                        "width": "60%",
                                        "height": "20vh",
                                        "data": "${sequenceItems}",
                                        "scrollDirection": "horizontal",
                                        "items": [
                                            {
                                                "type": "Container",
                                                "items": [
                                                    {
                                                        "type": "Frame",
                                                        "width": "15vh",
                                                        "items": [
                                                            {
                                                                "type": "Container",
                                                                "height": "20vh",
                                                                "items": [
                                                                    {
                                                                        "type": "Text",
                                                                        "color": "#000000",
                                                                        "text": "${index}/${length}"
                                                                    }
                                                                ]
                                                            }
                                                        ],
                                                        "backgroundColor": "white"
                                                    }
                                                ],
                                                "spacing": "10"
                                            }
                                        ]
                                    }
                                ],
                                "alignSelf": "center",
                                "position": "relative"
                            }
                        ]
                    }
                ]
            }
        },
        "mainTemplate": {
            "parameters": [
                "payload"
            ],
            "item": [
                {
                    "sequenceItems": "${payload.templateMetadata.sequenceItems}",
                    "type": "mainLayout"
                }
            ]
        }
    },
    "datasources": {
        "templateMetadata": {
            "type": "object",
            "sequenceItems": [
                "",
                "",
                "",
                "",
                ""
            ]
        }
    }
}