var phApp = phApp || {}; 
phApp.ddo = phApp.ddo || {}; phApp.ddo.caasPageViews = {"data":{"views":{"8f7e8fd8faaed24ac813be530eea4981":{"widgetTag":"pcs-nps-v1","view":"default","theme":"default","html":"<div class=\"phs-widget-block-area ph-widget-box\" data-ph-content-id=\"JvqpukFG\" ph-alias=\"block1\">\r\n    <div class=\"phs-a11y-widget-live-area sr-only\">\r\n        <div v-html=\"block1 && block1.heading && (block1.heading.text || block1.heading)\">\r\n            How would you rate your experience popup\r\n        </div>\r\n    </div>\r\n    <div class=\"phs-widget-wrapper\" v-if=\"showNps\">\r\n        <button type=\"button\" class=\"close ph-a11y-close-focus-elem\" @click=\"closeNpsPopup()\">\r\n            <span class=\"sr-only\" v-if=\"currentStep=='ratingStep'\" v-html=\"block1 && block1.ratingSRcloseText\">\r\n                Close how would you rate your experience popup\r\n            </span>\r\n            <span class=\"sr-only\" v-if=\"currentStep=='feedbackStep'\"\r\n                v-html=\"block1 && block1.feedbackUserRatingSRcloseTxt\">Close feedback comments popup\r\n            </span>\r\n            <span class=\"sr-only\" v-if=\"currentStep == 'thankYou'\" v-html=\"block1 && block1.thankYouSRcloseTxt\">Close\r\n                thank you for the feedback popup\r\n            </span>\r\n            <svg viewBox=\"0 0 512 512\" width=\"12\" height=\"12\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                xmlns:xlink=\"http://www.w3.org/1999/xlink\">\r\n                <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->\r\n                <title>close icon</title>\r\n                <desc>Created with Sketch.</desc>\r\n                <g id=\"close-icon\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n                    <g id=\"Group\"></g>\r\n                    <polygon id=\"Path\" fill=\"#9A9A9A\" fill-rule=\"nonzero\"\r\n                        points=\"256 315.783336 60 511.783336 0.216663545 452 196.216664 256 0.216663545 60 60 0.216663545 256 196.216664 452 0.216663545 511.783336 60 315.783336 256 511.783336 452 452 511.783336 256 315.783336\">\r\n                    </polygon>\r\n                </g>\r\n            </svg>\r\n        </button>\r\n        <div class=\"phs-widget-content\">\r\n            <div class=\"rating-area\" v-if=\"currentStep=='ratingStep'\">\r\n                <div class=\"phs-heading\" role=\"heading\" aria-level=\"2\" id=\"npsHeading\"\r\n                    v-html=\"block1 && block1.ratingHeadingText && (block1.ratingHeadingText.text || block1.ratingHeadingText)\">\r\n                    How would you rate your experience?\r\n                </div>\r\n                <div class=\"user-rating-block\">\r\n                    <form>\r\n                        <div class=\"stars-block\" role=\"group\" aria-labelledby=\"npsHeading\">\r\n                            <label class=\"ph-unselected\" for=\"noRating\" aria-hidden=\"true\" tabindex=\"-1\">\r\n                                <span class=\"sr-only\">{{block1 && block1.noRating && block1.noRating.label}}</span>\r\n                            </label>\r\n                            <input type=\"radio\" aria-hidden=\"true\" tabindex=\"-1\" id=\"noRating\"\r\n                                class=\"input-no-rate star-input\" name=\"rating\" value=\"0\" @change=\"userRating(0)\"\r\n                                checked=\"\" v-bind:aria-label=\"block1 && block1.noRating && block1.noRating.ariaLabel\" />\r\n                            <input value=\"1\" id=\"star1\" type=\"radio\" name=\"rating\" class=\"star-input\"\r\n                                @change=\"userRating(1)\"\r\n                                v-bind:aria-label=\"block1 && block1.oneStar && block1.oneStar.ariaLabel\" />\r\n                            <label class=\"ph-unselected\" for=\"star1\">\r\n                                <span class=\"sr-only\">{{block1 && block1.oneStar && block1.oneStar.label}}</span>\r\n                                <span>\r\n                                    <icon aria-hidden=\"true\" class=\"icon icon-star\"></icon>\r\n                                </span>\r\n                            </label>\r\n\r\n                            <input value=\"2\" type=\"radio\" id=\"star2\" name=\"rating\" class=\"star-input\"\r\n                                @change=\"userRating(2)\"\r\n                                v-bind:aria-label=\"block1 && block1.twoStar && block1.twoStar.ariaLabel\" />\r\n                            <label class=\"ph-unselected\" for=\"star2\">\r\n                                <span class=\"sr-only\">{{block1 && block1.twoStar && block1.twoStar.label}}</span>\r\n                                <span>\r\n                                    <icon aria-hidden=\"true\" class=\"icon icon-star\"></icon>\r\n                                </span>\r\n                            </label>\r\n\r\n                            <input value=\"3\" type=\"radio\" id=\"star3\" name=\"rating\" class=\"star-input\"\r\n                                @change=\"userRating(3)\"\r\n                                v-bind:aria-label=\"block1 && block1.threeStar && block1.threeStar.ariaLabel\" />\r\n                            <label class=\"ph-unselected\" for=\"star3\">\r\n                                <span class=\"sr-only\">{{block1 && block1.threeStar && block1.threeStar.label}}</span>\r\n                                <span>\r\n                                    <icon aria-hidden=\"true\" class=\"icon icon-star\"></icon>\r\n                                </span>\r\n                            </label>\r\n\r\n                            <input value=\"4\" type=\"radio\" id=\"star4\" name=\"rating\" class=\"star-input\"\r\n                                @change=\"userRating(4)\"\r\n                                v-bind:aria-label=\"block1 && block1.fourStar && block1.fourStar.ariaLabel\" />\r\n                            <label class=\"ph-unselected\" for=\"star4\">\r\n                                <span class=\"sr-only\">{{block1 && block1.fourStar && block1.fourStar.label}}</span>\r\n                                <span>\r\n                                    <icon aria-hidden=\"true\" class=\"icon icon-star\"></icon>\r\n                                </span>\r\n                            </label>\r\n\r\n                            <input value=\"5\" type=\"radio\" id=\"star5\" name=\"rating\" class=\"star-input\"\r\n                                @change=\"userRating(5)\"\r\n                                v-bind:aria-label=\"block1 && block1.fiveStar && block1.fiveStar.ariaLabel\" />\r\n                            <label class=\"last-label ph-unselected\" for=\"star5\">\r\n                                <span class=\"sr-only\">{{block1 && block1.fiveStar && block1.fiveStar.label}}</span>\r\n                                <span>\r\n                                    <icon aria-hidden=\"true\" class=\"icon icon-star\"></icon>\r\n                                </span>\r\n                            </label>\r\n                            <span class=\"star-focus-ring\"></span>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                <div class=\"send-block\">\r\n                    <button type=\"button\" v-bind:class=\"['send-btn btn', !userRatingValue ? 'disabled' : '']\"\r\n                        @click=\"sendFeedback('ratingStep')\" v-bind:disabled=\"!userRatingValue\"\r\n                        v-bind:aria-label=\"block1 && block1.ratingButtonText && block1.ratingButtonText.ariaLabel\"\r\n                        v-html=\"block1 && block1.ratingButtonText && block1.ratingButtonText.text\">\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <div class=\"feedback-area\" v-if=\"currentStep=='feedbackStep'\">\r\n                <div class=\"phs-heading\">\r\n                    <span v-if=\"userRatingValue >= 4\" role=\"heading\" aria-level=\"2\"\r\n                        v-html=\"block1 && block1.feedbackGoodRating && (block1.feedbackGoodRating.text || block1.feedbackGoodRating)\">\r\n                    </span>\r\n                    <span v-if=\"userRatingValue == 3\" role=\"heading\" aria-level=\"2\"\r\n                        v-html=\"block1 && block1.feedbackAvgRating && (block1.feedbackAvgRating.text || block1.feedbackAvgRating)\">\r\n                    </span>\r\n                    <span v-if=\"userRatingValue <= 2\" role=\"heading\" aria-level=\"2\"\r\n                        v-html=\"block1 && block1.feedbackPoorRating && (block1.feedbackPoorRating.text || block1.feedbackPoorRating)\">\r\n                    </span>\r\n                </div>\r\n                <div class=\"text-area-block\">\r\n                    <label for=\"feedBackInfo\" class=\"sr-only\"\r\n                        v-html=\"block1 && block1.feedBackInfo && block1.feedBackInfo.label\"></label>\r\n                    <textarea class=\"text-area\" type=\"text\" name=\"feedBackInfo\" id=\"feedBackInfo\" v-model=\"feedBackInfo\"\r\n                        v-bind:placeholder=\"block1 && block1.feedBackInfo && block1.feedBackInfo.placeholder\"\r\n                        cols=\"100\"></textarea>\r\n                </div>\r\n                <div class=\"send-block\">\r\n                    <button type=\"button\" v-bind:class=\"['send-btn btn', !feedBackInfo.length ? 'disabled' : '' ]\"\r\n                        @click=\"sendFeedback('feedbackStep')\" v-bind:disabled=\"!feedBackInfo.length\"\r\n                        v-bind:aria-label=\"block1 && block1.feedBackButtonText && block1.feedBackButtonText.ariaLabel\"\r\n                        v-html=\"block1 && block1.feedBackButtonText && block1.feedBackButtonText.text\">\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <div class=\"thank-you-area\" v-if=\"currentStep == 'thankYou'\">\r\n                <div class=\"image-block\">\r\n                    <svg width=\"47\" height=\"46\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                        <g transform=\"translate(.5)\" fill=\"none\" fill-rule=\"evenodd\">\r\n                            <circle fill=\"#3ECF8E\" cx=\"22.8\" cy=\"22.8\" r=\"22.8\" />\r\n                            <path stroke=\"#FFF\" stroke-width=\"3.802\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                                d=\"m15.12 23.76 6.365 8.64L32.4 15.12\" />\r\n                        </g>\r\n                    </svg>\r\n                </div>\r\n                <div class=\"phs-heading\" v-html=\"block1 && block1.thankYouText\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"assertive-area\" aria-live=\"polite\" aria-atomic=\"false\">\r\n        <div class=\"sr-only\" v-if=\"showNps && hideSrText\" v-html=\"block1 && block1.infoAlertText\"></div>\r\n    </div>\r\n</div>"}},"aliases":{"ec7EyO":[{"data-ph-content-id":"fktJ4mzu-KPCzUwA1","alias":"block1"}]},"settings":{"ec7EyO":null}},"status":"success"}