Alexa Skill Response With Number Countup

{
    "directives": [{
        "type": "Alexa.Presentation.APL.RenderDocument",
        "token": "multiModalToken",
        "document": {
            "styles": {},
            "type": "APL",
            "version": "1.0",
            "theme": "light",
            "import": [{
                "name": "alexa-layouts",
                "version": "1.0.0"
            }, {
                "name": "alexa-styles",
                "version": "1.0.0"
            }, {
                "name": "alexa-viewport-profiles",
                "version": "1.0.0"
            }],
            "resources": [{
                "colors": {
                    "accent": "#C00",
                    "text": "#333"
                },
                "dimensions": {
                    "spacing": "8dp",
                    "bodySize": "26dp",
                    "titleSize": "40dp",
                    "numberSize": "200dp"
                }
            }, {
                "when": "${@viewportProfile == @hubLandscapeLarge}",
                "dimensions": {
                    "bodySize": "36dp",
                    "headingSize": "40dp",
                    "hintSize": "34dp",
                    "titleSize": "50dp"
                }
            }, {
                "when": "${@viewportProfile == @tvLandscapeXLarge}",
                "dimensions": {
                    "bodySize": "23dp",
                    "headingSize": "27dp",
                    "hintSize": "23dp",
                    "titleSize": "38dp"
                }
            }, {
                "when": "${@viewportProfile == @hubRoundSmall}",
                "dimensions": {
                    "bodySize": "18dp",
                    "headingSize": "22dp",
                    "hintSize": "18dp",
                    "titleSize": "25dp"
                }
            }],
            "layouts": {
                "LanguagePage": {
                    "description": "Language page showing a pager that has numbers",
                    "parameters": [{
                        "name": "language",
                        "type": "string"
                    }, {
                        "name": "ietf",
                        "type": "string"
                    }, {
                        "name": "numbers",
                        "type": "any"
                    }],
                    "items": [{
                        "type": "Container",
                        "items": [{
                            "type": "Frame",
                            "backgroundColor": "#FFFFFF66",
                            "height": "15vh",
                            "item": {
                                "type": "Container",
                                "justifyContent": "spaceBetween",
                                "alignItems": "center",
                                "direction": "row",
                                "height": "100%",
                                "paddingLeft": "5vw",
                                "paddingRight": "5vw",
                                "items": [{
                                    "type": "TouchWrapper",
                                    "item": {
                                        "type": "Text",
                                        "text": "←",
                                        "fontSize": "@titleSize"
                                    },
                                    "onPress": {
                                        "type": "SendEvent",
                                        "arguments": ["choosePage", 0]
                                    }
                                }, {
                                    "type": "Text",
                                    "color": "@text",
                                    "fontSize": "@titleSize",
                                    "textAlign": "${@viewportProfile != @hubRoundSmall ? 'auto' : 'center'}",
                                    "text": "${language}",
                                    "grow": 1
                                }]
                            }
                        }, {
                            "type": "Container",
                            "grow": 1,
                            "item": {
                                "type": "Pager",
                                "id": "numberPager",
                                "grow": 1,
                                "width": "100vw",
                                "data": "${numbers}",
                                "item": {
                                    "type": "Container",
                                    "alignItems": "center",
                                    "paddingTop": "10vh",
                                    "items": [{
                                        "type": "Text",
                                        "fontSize": "@numberSize",
                                        "text": "${data.numberOrdinal}",
                                        "speech": "${data.numberSpeech}",
                                        "id": "number${data.numberOrdinal}"
                                    }, {
                                        "type": "Text",
                                        "fontSize": "@titleSize",
                                        "text": "${data.word}"
                                    }]
                                }
                            }
                        }]
                    }]
                }
            },
            "mainTemplate": {
                "parameters": ["payload"],
                "items": [{
                    "type": "Container",
                    "items": [{
                        "type": "Container",
                        "position": "absolute",
                        "top": 0,
                        "left": 0,
                        "width": "100vw",
                        "height": "100vh",
                        "items": [{
                            "type": "Image",
                            "overlayColor": "#FFFFFFCC",
                            "scale": "best-fill",
                            "height": "100vh",
                            "width": "100vw",
                            "source": "https://decompil3d.github.io/alexa-count-to-ten/bg.jpg"
                        }]
                    }, {
                        "type": "Container",
                        "height": "100vh",
                        "items": [{
                            "type": "Frame",
                            "when": "${@viewportProfile != @hubRoundSmall}",
                            "backgroundColor": "@accent",
                            "height": "2vh",
                            "width": "100vw"
                        }, {
                            "type": "LanguagePage",
                            "numbers": "${payload.selectedNumbers.properties.numbers}",
                            "ietf": "${payload.selectedNumbers.properties.ietf}",
                            "language": "${payload.selectedNumbers.properties.name}",
                            "width": "100vw",
                            "grow": 1
                        }]
                    }]
                }]
            }
        },
        "datasources": {
            "selectedNumbers": {
                "transformers": [{
                    "inputPath": "numbers[*].numberSsml",
                    "outputName": "numberSpeech",
                    "transformer": "ssmlToSpeech"
                }],
                "type": "object",
                "properties": {
                    "numbers": [{
                        "numberSsml": "<speak><lang xml:lang=\"ja-JP\"><say-as interpret-as=\"cardinal\">1</say-as></lang></speak>",
                        "numberOrdinal": 1,
                        "word": "一 (ichi)"
                    }, {
                        "numberSsml": "<speak><lang xml:lang=\"ja-JP\"><say-as interpret-as=\"cardinal\">2</say-as></lang></speak>",
                        "numberOrdinal": 2,
                        "word": "二 (ni)"
                    }, {
                        "numberSsml": "<speak><lang xml:lang=\"ja-JP\"><say-as interpret-as=\"cardinal\">3</say-as></lang></speak>",
                        "numberOrdinal": 3,
                        "word": "三 (san)"
                    }, {
                        "numberSsml": "<speak><lang xml:lang=\"ja-JP\"><say-as interpret-as=\"cardinal\">4</say-as></lang></speak>",
                        "numberOrdinal": 4,
                        "word": "四 (yon)"
                    }, {
                        "numberSsml": "<speak><lang xml:lang=\"ja-JP\"><say-as interpret-as=\"cardinal\">5</say-as></lang></speak>",
                        "numberOrdinal": 5,
                        "word": "五 (go)"
                    }, {
                        "numberSsml": "<speak><lang xml:lang=\"ja-JP\"><say-as interpret-as=\"cardinal\">6</say-as></lang></speak>",
                        "numberOrdinal": 6,
                        "word": "六 (roku)"
                    }, {
                        "numberSsml": "<speak><lang xml:lang=\"ja-JP\"><say-as interpret-as=\"cardinal\">7</say-as></lang></speak>",
                        "numberOrdinal": 7,
                        "word": "七 (nana)"
                    }, {
                        "numberSsml": "<speak><lang xml:lang=\"ja-JP\"><say-as interpret-as=\"cardinal\">8</say-as></lang></speak>",
                        "numberOrdinal": 8,
                        "word": "八 (hachi)"
                    }, {
                        "numberSsml": "<speak><lang xml:lang=\"ja-JP\"><say-as interpret-as=\"cardinal\">9</say-as></lang></speak>",
                        "numberOrdinal": 9,
                        "word": "九 (ku)"
                    }, {
                        "numberSsml": "<speak><lang xml:lang=\"ja-JP\"><say-as interpret-as=\"cardinal\">10</say-as></lang></speak>",
                        "numberOrdinal": 10,
                        "word": "十 (jū)"
                    }],
                    "name": "Japanese",
                    "ietf": "ja-JP"
                }
            }
        }
    }, {
        "type": "Alexa.Presentation.APL.ExecuteCommands",
        "token": "multiModalToken",
        "commands": [{
            "type": "Sequential",
            "commands": [{
                "type": "SetPage",
                "componentId": "numberPager",
                "value": 0
            }, {
                "type": "SpeakItem",
                "componentId": "number1"
            }, {
                "type": "SetPage",
                "componentId": "numberPager",
                "value": 1
            }, {
                "type": "SpeakItem",
                "componentId": "number2"
            }, {
                "type": "SetPage",
                "componentId": "numberPager",
                "value": 2
            }, {
                "type": "SpeakItem",
                "componentId": "number3"
            }, {
                "type": "SetPage",
                "componentId": "numberPager",
                "value": 3
            }, {
                "type": "SpeakItem",
                "componentId": "number4"
            }, {
                "type": "SetPage",
                "componentId": "numberPager",
                "value": 4
            }, {
                "type": "SpeakItem",
                "componentId": "number5"
            }, {
                "type": "SetPage",
                "componentId": "numberPager",
                "value": 5
            }, {
                "type": "SpeakItem",
                "componentId": "number6"
            }, {
                "type": "SetPage",
                "componentId": "numberPager",
                "value": 6
            }, {
                "type": "SpeakItem",
                "componentId": "number7"
            }, {
                "type": "SetPage",
                "componentId": "numberPager",
                "value": 7
            }, {
                "type": "SpeakItem",
                "componentId": "number8"
            }, {
                "type": "SetPage",
                "componentId": "numberPager",
                "value": 8
            }, {
                "type": "SpeakItem",
                "componentId": "number9"
            }, {
                "type": "SetPage",
                "componentId": "numberPager",
                "value": 9
            }, {
                "type": "SpeakItem",
                "componentId": "number10"
            }, {
                "type": "Idle",
                "delay": 1500
            }]
        }]
    }]
}