{"version":3,"sources":["wwwroot/scripts/youli.videotourdialog.js"],"names":["$","fn","videotourdialog","options","self","this","settings","extend","TourContent","icon","title","youTubeVideo","text","DefaultIconWidth","DefaultIconHeight","HiddenHandler","undefined","StopYouTubeVideos","each","contentWindow","postMessage","SetupStepContent","step","contentIndex","stepContent","find","attr","iconWidth","width","iconHeight","height","TotalSteps","removeClass","html","addClass","empty","currentStep","append","i","j","CreateStepsContent","stepContentHtml","length","YouLi","Common","UI","Init","cslide","off","on","modal","iframeElm","jQuery"],"mappings":"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","file":"youli.videotourdialog.min.js","sourcesContent":["(function ($) {\r\n\r\n    $.fn.videotourdialog = function (options) {\r\n\r\n        var self = $(this);\r\n\r\n        var settings = $.extend({\r\n            TourContent: [{\r\n                \"icon\": \"hand.svg\",\r\n                \"title\": \"Welcome to YouLi\",\r\n                \"youTubeVideo\": \"https://www.youtube.com/embed/KDmcfkxSRu4\",\r\n                \"text\": \"It's easy to get started and affordable to scale your business to any size with YouLi.\"\r\n            }],\r\n            DefaultIconWidth: 70,\r\n            DefaultIconHeight: 102,\r\n            HiddenHandler: undefined,\r\n        }, options);\r\n\r\n\r\n        self.currentStep = 1;\r\n        self.TourContent = settings.TourContent;\r\n        self.TotalSteps = self.TourContent.length;\r\n\r\n        function StopYouTubeVideos() {\r\n            $(\".yt_player_iframe\").each(function () {\r\n                this.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"stopVideo\",\"args\":\"\"}', '*')\r\n            });\r\n        }\r\n\r\n        function SetupStepContent(step) {\r\n\r\n            let contentIndex = step - 1;\r\n            if (self.TourContent[contentIndex]) {\r\n\r\n                let stepContent = self.TourContent[contentIndex];\r\n                if (stepContent) {\r\n                    let icon = `/content/img/${stepContent.icon || 'hand.svg'}`;\r\n\r\n                    //setting header icon\r\n                    self.find('#PopupIcon').attr(\"src\", icon);\r\n                    if (stepContent.iconWidth) {\r\n                        self.find('#PopupIcon').width(stepContent.iconWidth);\r\n                    } else {\r\n                        self.find('#PopupIcon').width(settings.DefaultIconWidth);\r\n                    }\r\n\r\n                    if (stepContent.iconHeight) {\r\n                        self.find('#PopupIcon').height(stepContent.iconHeight);\r\n                    } else {\r\n                        self.find('#PopupIcon').height(settings.DefaultIconHeight);\r\n                    }\r\n                }\r\n            }\r\n\r\n            if (self.TotalSteps == 1) {\r\n                self.find('#StartTourBtnContainer').removeClass('hidden');\r\n                self.find('#StartTourBtn').html('Start Exploring');\r\n                self.find('.middle-step').addClass('hidden');\r\n            } else if (step == 1) {\r\n                self.find('#StartTourBtnContainer').removeClass('hidden');\r\n                self.find('#StartTourBtn').html('Start tour!');\r\n                self.find('.middle-step').addClass('hidden');\r\n            } else if (step < self.TotalSteps) {\r\n                self.find('.middle-step').removeClass('hidden');\r\n                self.find('#StartTourBtnContainer').addClass('hidden');\r\n                self.find('#NextStepBtn').html('Next');\r\n            } else if (step == self.TotalSteps) {\r\n\r\n                self.find('.middle-step').removeClass('hidden');\r\n                self.find('#StartTourBtnContainer').addClass('hidden');\r\n                self.find('#NextStepBtn').html('End Tour');\r\n            }\r\n\r\n            $(self.find('.progress-dots')).empty();\r\n            if (self.TotalSteps > 1) {\r\n\r\n                if (self.currentStep == 1) {\r\n                    $(self.find('.progress-dots')).append('<span class=\"rectangle\"></span>');\r\n                } else {\r\n                    for (i = 1; i <= self.currentStep; i++) {\r\n                        if (i == 1) {\r\n                            $(self.find('.progress-dots')).append('<span class=\"rectangle flat-right\"></span>');\r\n                        } else if (i < self.currentStep) {\r\n                            $(self.find('.progress-dots')).append('<span class=\"rectangle middle\"></span>');\r\n                        } else {\r\n                            $(self.find('.progress-dots')).append('<span class=\"rectangle flat-left\"></span>');\r\n                        }\r\n                    }\r\n                }\r\n                for (j = self.currentStep; j < self.TotalSteps; j++) {\r\n                    $(self.find('.progress-dots')).append('<span class=\"ellipse\"></span>');\r\n                }\r\n            }\r\n\r\n        }\r\n\r\n        function CreateStepsContent() {\r\n            for (i = 1; i <= self.TotalSteps; i++) {\r\n                let stepContent = self.TourContent[i - 1];\r\n                let stepContentHtml = `<div class=\"body-content dialog-${i} cslide-slide\">`;\r\n                stepContentHtml += `  <h2 class='page-dialogue__title text-center title-alone popup-title'>${stepContent.title}</h2>`;\r\n                stepContentHtml += '       <div class=\"row\">';\r\n                stepContentHtml += '          <div class=\"col-xs-12 col-sm-8 col-sm-offset-2\">';\r\n                stepContentHtml += '                <br />';\r\n                stepContentHtml += '                <div class=\"embed-responsive embed-responsive-16by9\">';\r\n                stepContentHtml += `                   <iframe class=\"embed-responsive-item yt_player_iframe\" src=\"${stepContent.youTubeVideo}?version=3&enablejsapi=1\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen id=\"PopupVideo\"></iframe>`;\r\n                stepContentHtml += '                </div>';\r\n                stepContentHtml += '          </div>';\r\n                stepContentHtml += '       </div>';\r\n                stepContentHtml += '       <div class=\"row\">';\r\n                stepContentHtml += '          <div class=\"col-xs-12 col-sm-offset-2 col-sm-8 text-center\">';\r\n                stepContentHtml += '            <br />';\r\n                stepContentHtml += `            <span id=\"PopupText\">${stepContent.text}</span>`;\r\n                stepContentHtml += '         </div>';\r\n                stepContentHtml += '       </div>';\r\n\r\n                stepContentHtml += '</div>';\r\n                self.find('.cslide-slides-container').append(stepContentHtml);\r\n            }\r\n\r\n        }\r\n\r\n        $(function () {\r\n            YouLi.Common.UI.Init();\r\n\r\n            CreateStepsContent();\r\n            SetupStepContent(1);\r\n\r\n            self.find(\"#VideoTourImageContent\").cslide();\r\n\r\n            self.off(\"show.bs.modal\").on(\"show.bs.modal\", function () {\r\n                CreateStepsContent();\r\n                SetupStepContent(1);\r\n            });\r\n\r\n\r\n            self.off(\"click\", \".next-btn\").on(\"click\", \".next-btn\", function () {\r\n                StopYouTubeVideos();\r\n                if (self.TotalSteps == 1 || self.currentStep == self.TotalSteps) {\r\n                    self.modal('hide');\r\n                } else {\r\n                    self.currentStep++\r\n                    SetupStepContent(self.currentStep);\r\n                }\r\n            });\r\n\r\n            self.off(\"click\", \".prev-btn\").on(\"click\", \".prev-btn\", function () {\r\n                StopYouTubeVideos();\r\n                self.currentStep--;\r\n                SetupStepContent(self.currentStep);\r\n            });\r\n\r\n\r\n            self.off(\"hide.bs.modal\").on(\"hide.bs.modal\", function () {\r\n                if (settings.HiddenHandler !== undefined) {\r\n                    settings.HiddenHandler();\r\n                }\r\n                let iframeElm = self.find(\"iframe\");\r\n                if (iframeElm) {\r\n                    iframeElm.attr(\"src\", iframeElm.attr(\"src\"));\r\n                }\r\n            });\r\n\r\n\r\n        });\r\n\r\n        return this;\r\n    };\r\n\r\n}(jQuery));"]}