Ejemplo APL Intermedio

Ejemplo APL Intermedio

{
    "type": "APL",
    "version": "1.1",
    "theme": "dark",
    "import": [
        {
            "name": "alexa-layouts",
            "version": "1.1.0"
        }
    ],
    "settings": {
        "idleTimeout": 120000
    },
    "resources": [
        {
            "colors": {
                "color1": "#C83A26"
            }
        },
        {
            "when": "${viewport.shape == 'round'}",
            "color": {
                "ReferenciaColor": "blue"
            }
        },
        {
            "when": "${viewport.shape == 'rectangle'}",
            "color": {
                "ReferenciaColor": "green"
            }
        }
    ],
    "styles": {
        "textStyle1": {
            "values": {
                "fontWeight": "bold",
                "textAlign": "center",
                "textAlignVertical": "center",
                "color": "@ReferenciaColor"
            }
        }
    },
    "onMount": [],
    "graphics": {},
    "commands": {},
    "layouts": {},
    "mainTemplate": {
        "parameters": [
            "payload"
        ],
        "items": [
            {
                "type": "Container",
                "width": "100%",
                "height": "100%",
                "direction": "column",
                "justifyContent": "spaceAround",
                "items": [
                    {
                        "type": "Text",
                        "textAlign": "center",
                        "fontSize": "10vw",
                        "style": "textStyle1",
                        "color":"@color1",
                        "text": "${payload.docData.hello1}"
                    },
                    {
                        "type": "Text",
                        "textAlign": "center",
                        "fontSize": "10vw",
                        "style": "textStyle1",
                        "text": "${payload.docData.hello2}"
                    },
                    {
                        "type": "Text",
                        "textAlign": "center",
                        "fontSize": "10vw",
                        "style": "textStyle1",
                        "text": "${payload.docData.hello3}"
                    }
                ]
            }
        ]
    }
}