How to use adaptivecards-templating - 6 common examples

type: "ActionSet",
                    horizontalAlignment: "right",
                    actions: [
                        {
                            type: "Action.Submit",
                            id: "cancel",
                            title: "Cancel"
                        }
                    ]
                }
            ]
        };

        let template = new ACData.Template(templatePayload);
        
        let context = new ACData.EvaluationContext();
        context.$root = {
            title: this.title,
            message: message
        };

        let expandedCardPayload = template.expand(context);

        let card = new Adaptive.AdaptiveCard();
        card.hostConfig = defaultHostConfig;
        card.onExecuteAction = (action: Adaptive.Action) => {
            if (action.id == "cancel") {
                this.close();
            }
        }

        card.parse(expandedCardPayload);

this.entry.onDownloaded = (sender: CatalogueEntry) => {
            thumbnailHost.removeChild(spinner);

            if (sender.cardPayloadDownloaded) {
                let cardPayload = JSON.parse(sender.cardPayload);

                if (sender.sampleData) {
                    let template = new ACData.Template(cardPayload);

                    let evaluationContext = new ACData.EvaluationContext();
                    evaluationContext.$root = JSON.parse(sender.sampleData);

                    cardPayload = template.expand(evaluationContext);
                }

                let card = new Adaptive.AdaptiveCard();
                card.parse(cardPayload);
                card.render();
                card.renderedElement.style.width = "100%";

                thumbnailHost.appendChild(card.renderedElement);
            }
            else {
                let errorMessage = document.createElement("div");
                errorMessage.className = "acd-dialog-message";
                errorMessage.innerText = "Preview not available";

type: "ActionSet",
                    horizontalAlignment: "right",
                    actions: [
                        {
                            type: "Action.Submit",
                            id: "cancel",
                            title: "Cancel"
                        }
                    ]
                }
            ]
        };

        let template = new ACData.Template(templatePayload);
        
        let context = new ACData.EvaluationContext();
        context.$root = {
            title: this.title,
            catalogue: catalogue
        };

        let expandedCardPayload = template.expand(context);

        let card = new Adaptive.AdaptiveCard();
        card.hostConfig = defaultHostConfig;
        card.onExecuteAction = (action: Adaptive.Action) => {
            if (action.id == "cancel") {
                this.close();
            }
            else if (action instanceof Adaptive.SubmitAction) {
                this._selectedSample = catalogue[action.data["catalogueIndex"]];

},
                {
                    type: "ActionSet",
                    horizontalAlignment: "right",
                    actions: [
                        {
                            type: "Action.Submit",
                            id: "cancel",
                            title: "Cancel"
                        }
                    ]
                }
            ]
        };

        let template = new ACData.Template(templatePayload);
        
        let context = new ACData.EvaluationContext();
        context.$root = {
            title: this.title,
            message: message
        };

        let expandedCardPayload = template.expand(context);

        let card = new Adaptive.AdaptiveCard();
        card.hostConfig = defaultHostConfig;
        card.onExecuteAction = (action: Adaptive.Action) => {
            if (action.id == "cancel") {
                this.close();
            }
        }

this.entry.onDownloaded = (sender: CatalogueEntry) => {
            thumbnailHost.removeChild(spinner);

            if (sender.cardPayloadDownloaded) {
                let cardPayload = JSON.parse(sender.cardPayload);

                if (sender.sampleData) {
                    let template = new ACData.Template(cardPayload);

                    let evaluationContext = new ACData.EvaluationContext();
                    evaluationContext.$root = JSON.parse(sender.sampleData);

                    cardPayload = template.expand(evaluationContext);
                }

                let card = new Adaptive.AdaptiveCard();
                card.parse(cardPayload);
                card.render();
                card.renderedElement.style.width = "100%";

                thumbnailHost.appendChild(card.renderedElement);
            }
            else {
                let errorMessage = document.createElement("div");

},
                {
                    type: "ActionSet",
                    horizontalAlignment: "right",
                    actions: [
                        {
                            type: "Action.Submit",
                            id: "cancel",
                            title: "Cancel"
                        }
                    ]
                }
            ]
        };

        let template = new ACData.Template(templatePayload);
        
        let context = new ACData.EvaluationContext();
        context.$root = {
            title: this.title,
            catalogue: catalogue
        };

        let expandedCardPayload = template.expand(context);

        let card = new Adaptive.AdaptiveCard();
        card.hostConfig = defaultHostConfig;
        card.onExecuteAction = (action: Adaptive.Action) => {
            if (action.id == "cancel") {
                this.close();
            }
            else if (action instanceof Adaptive.SubmitAction) {