{"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('');\r\n } else {\r\n for (i = 1; i <= self.currentStep; i++) {\r\n if (i == 1) {\r\n $(self.find('.progress-dots')).append('');\r\n } else if (i < self.currentStep) {\r\n $(self.find('.progress-dots')).append('');\r\n } else {\r\n $(self.find('.progress-dots')).append('');\r\n }\r\n }\r\n }\r\n for (j = self.currentStep; j < self.TotalSteps; j++) {\r\n $(self.find('.progress-dots')).append('');\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 = `
`;\r\n stepContentHtml += ` `;\r\n stepContentHtml += '
';\r\n stepContentHtml += '
';\r\n stepContentHtml += '
';\r\n stepContentHtml += '
';\r\n stepContentHtml += ` `;\r\n stepContentHtml += '
';\r\n stepContentHtml += '
';\r\n stepContentHtml += '
';\r\n stepContentHtml += '
';\r\n stepContentHtml += '
';\r\n stepContentHtml += '
';\r\n stepContentHtml += ` ${stepContent.text}`;\r\n stepContentHtml += '
';\r\n stepContentHtml += '
';\r\n\r\n stepContentHtml += '
';\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));"]}