';\n\n\n final_structureMenuItemContent += '';\n\n\n // -- function\n if (configObj.filter_structureMenuItemContent) {\n final_structureMenuItemContent = configObj.filter_structureMenuItemContent(final_structureMenuItemContent, $currentItemFeed);\n }\n\n return final_structureMenuItemContent;\n\n}","\n/**\n * we need selfClass.navigation_customStructure\n * @param {DzsVideoGallery} selfClass\n * @return {string}\n */\nexport function playlist_navigationGenerateStructure(selfClass) {\n\n let desc = selfClass.navigation_customStructure;\n if(!desc){\n desc = '';\n }\n return desc;\n\n}\n\n\n/**\n *\n * @param {jQuery} $currentVideoPlayer\n * @param {string} structureMenuItemContentInner\n * @returns {string}\n */\nexport function playlist_navigationStructureAssignVars ($currentVideoPlayer, structureMenuItemContentInner) {\n\n /**\n *\n * @param {string} currentStructure\n * @param {string} placeholderText\n * @param {string} argInStructure\n */\n function replaceInNav(currentStructure, placeholderText, argInStructure) {\n\n let feedValue = '';\n\n if($currentVideoPlayer.find(argInStructure).length){\n feedValue = $currentVideoPlayer.find(argInStructure).eq(0).html();\n }\n \n return currentStructure.replace(placeholderText, feedValue);\n }\n\n structureMenuItemContentInner = replaceInNav(structureMenuItemContentInner, '{{layout-builder.replace-title}}', '.feed-menu-title');\n structureMenuItemContentInner = replaceInNav(structureMenuItemContentInner, '{{layout-builder.replace-menu-description}}', '.feed-menu-desc');\n structureMenuItemContentInner = replaceInNav(structureMenuItemContentInner, '{{layout-builder.replace-thumbnail-url}}', '.feed-menu-image');\n\n\n return structureMenuItemContentInner;\n}","import {\n defaultSettings,\n NAVIGATION_DEFAULT_TIMEOUT,\n NAVIGATION_VIEW_MENU_VERTICAL_DEFAULT_ITEM_WIDTH\n} from \"./configs/_navigationSettings\";\nimport {is_android, is_ios, is_touch_device} from \"../../js_common/_dzs_helpers\";\nimport {view_cssConvertForPx, view_setCssPropsForElement} from \"../../shared/_viewFunctions\";\nimport {view_navigation_calculateDims, view_navigation_generateNavigationItem} from \"./inc/_navigation-view\";\n\n\nMath.easeIn = function (t, b, c, d) {\n\n return -c * (t /= d) * (t - 2) + b;\n\n};\nMath.easeOut = function (t, b, c, d) {\n t /= d;\n return -c * t * (t - 2) + b;\n};\n\nexport class DzsNavigation {\n\n\n /**\n *\n * @param parentClass\n * @param argOptions\n * @param $\n */\n constructor(parentClass, argOptions, $) {\n\n\n this.$ = $;\n this.parentClass = parentClass;\n this.initOptions = null;\n this.navAttributes = null;\n this.$mainArea = null;\n this.$mainNavigation = null;\n this.$mainNavigationClipped = null;\n this.$mainNavigationItemsContainer = null;\n this.$containerComponent = null;\n this.ultraResponsive = false;\n this.menuPosition = null;\n this.configObj = argOptions;\n\n this.viewOptions = {\n isSyncMainAreaAndNavigationAreas: true\n }\n\n // -- dimensions\n this.totalItemsWidth = 0;\n this.totalItemsHeight = 0;\n this.totalAreaWidth = 0;\n this.totalAreaHeight = 0;\n this.mainAreaHeight = 0;\n\n // -- thumbsAndArrows\n this.currPage = 0;\n this.nav_max_pages = 0;\n this.navigation_extraFixedElementsSize = 0;\n this.navigation_mainDimensionTotalSize = 0;\n this.navigation_mainDimensionClipSize = 0;\n this.navigation_mainDimensionItemSize = 0;\n\n this.navigation_customStructure = '';\n\n this.initClass();\n\n }\n\n /**\n *\n * @param {object} navAttributes\n * @returns {object}\n */\n computeNavAttributes(navAttributes) {\n\n if (navAttributes.menuPosition === 'right' || navAttributes.menuPosition === 'left') {\n navAttributes.navigation_direction = 'vertical';\n }\n if (navAttributes.menuPosition === 'bottom' || navAttributes.menuPosition === 'top') {\n if (navAttributes.navigation_direction === 'auto') {\n navAttributes.navigation_direction = 'horizontal';\n }\n }\n\n if (navAttributes.navigationType === 'simple') {\n navAttributes.navigation_direction = 'none';\n }\n\n return navAttributes;\n }\n\n computeInstanceProps() {\n\n }\n\n /**\n *\n * @param {jQuery} $feedItemsContainer\n */\n addNavigationItems($feedItemsContainer) {\n\n const itemsLength = $feedItemsContainer.find(this.configObj.feedItemNotInitedClass).length;\n for (let i = 0; i < itemsLength; i++) {\n let $currentItemFeed = $feedItemsContainer.find(this.configObj.feedItemNotInitedClass).eq(i);\n\n let structureMenuItemContentInner = this.navigation_customStructure;\n\n const final_structureMenuItemContent = view_navigation_generateNavigationItem(structureMenuItemContentInner, $currentItemFeed, this.configObj, this.navAttributes, this.configObj.viewNavigationIsUltibox);\n\n const $currentItemFeed_ = $currentItemFeed.get(0);\n\n $currentItemFeed.addClass('nav-treated');\n\n\n this.$mainNavigationItemsContainer.append(final_structureMenuItemContent);\n const $justAdded = this.$mainNavigationItemsContainer.children().last();\n for (let i = 0, atts = $currentItemFeed_.attributes, n = atts.length; i < n; i++) {\n if (atts[i].nodeName && atts[i].value) {\n $justAdded.data(atts[i].nodeName, atts[i].value);\n }\n }\n }\n }\n\n initClass() {\n const selfInstance = this;\n const parentClass = this.parentClass;\n this.configObj = Object.assign(Object.assign(defaultSettings, {}), this.configObj);\n const newOptions = Object.assign({}, this.configObj);\n this.initOptions = {...newOptions};\n this.navAttributes = {...newOptions};\n this.menuPosition = this.navAttributes.menuPosition;\n\n this.navigation_customStructure = this.navAttributes.navigationStructureHtml;\n\n const navAttributes = this.computeNavAttributes(this.navAttributes);\n\n let isMenuMoveLocked = false,\n navMain_mousex = 0,\n navMain_mousey = 0\n ;\n\n\n let target_viy = 0,\n target_vix = 0,\n begin_viy = 0,\n begin_vix = 0,\n finish_viy = 0,\n finish_vix = 0,\n change_viy = 0,\n change_vix = 0\n ;\n\n\n const OFFSET_BUFFER = 25;\n let DURATION_EASING = 20;\n\n\n init();\n\n function init() {\n\n\n if (parentClass) {\n if (parentClass.cgallery) {\n selfInstance.containerComponent = selfInstance.parentClass.cgallery;\n } else {\n if (parentClass.cthis) {\n selfInstance.containerComponent = selfInstance.parentClass.cthis;\n }\n }\n }\n\n\n sanitizeInitValues();\n\n\n setupStructure();\n\n if (navAttributes.gridClassItemsContainer) {\n selfInstance.$mainNavigationItemsContainer.addClass(navAttributes.gridClassItemsContainer);\n }\n\n\n selfInstance.nav_thumbsandarrows_gotoPage = nav_thumbsandarrows_gotoPage;\n selfInstance.handleMouse = handleMouse;\n\n setTimeout(init_navIsReady, 100);\n }\n\n\n function sanitizeInitValues() {\n\n\n if (navAttributes.menuPosition === 'left' || navAttributes.menuPosition === 'right') {\n if (isNaN(Number(selfInstance.initOptions.menuItemWidth)) || selfInstance.initOptions.menuItemWidth === '' || selfInstance.initOptions.menuItemWidth === 'default') {\n navAttributes.menuItemWidth = NAVIGATION_VIEW_MENU_VERTICAL_DEFAULT_ITEM_WIDTH;\n }\n }\n\n if (!navAttributes.viewEnableMediaArea) {\n selfInstance.viewOptions.isSyncMainAreaAndNavigationAreas = false;\n }\n }\n\n\n if (selfInstance.initOptions.viewAnimationDuration !== null) {\n DURATION_EASING = selfInstance.initOptions.viewAnimationDuration;\n }\n\n function init_navIsReady() {\n if (is_touch_device()) {\n navAttributes.isUseEasing = false;\n }\n\n\n if (navAttributes.navigationType === 'hover') {\n handleEnterFrame();\n }\n\n\n if (navAttributes.isAutoScrollToCurrent) {\n if (navAttributes.navigationType === 'hover') {\n\n\n setTimeout(function () {\n animate_to_curr_thumb();\n\n }, 20);\n }\n }\n\n }\n\n\n function setupStructure() {\n let structure_baseLayout = '
';\n structure_baseLayout += '
';\n\n parentClass.$navigationAndMainArea.addClass(`navPosition-${navAttributes.menuPosition} navType-${navAttributes.navigationType}`);\n\n parentClass.$navigationAndMainArea.append('
');\n parentClass.$navigationAndMainArea.append(structure_baseLayout);\n\n\n selfInstance.$mainArea = parentClass.$navigationAndMainArea.find('.media--main-area');\n selfInstance.$mainNavigation = parentClass.$navigationAndMainArea.find('.main-navigation');\n selfInstance.$mainNavigationClipped = selfInstance.$mainNavigation.find('.navigation--clipped-container');\n selfInstance.$mainNavigationItemsContainer = selfInstance.$mainNavigation.find('.navigation--total-container');\n\n\n if (navAttributes.menuItemWidth === 'default') {\n navAttributes.menuItemWidth = '';\n }\n if (navAttributes.menuItemHeight === 'default') {\n navAttributes.menuItemHeight = '';\n }\n\n\n if (navAttributes.menuPosition === 'top' || navAttributes.menuPosition === 'bottom') {\n\n }\n\n\n if (navAttributes.menuPosition === 'top') {\n selfInstance.$mainArea.before(selfInstance.$mainNavigation);\n }\n\n\n if (navAttributes.navigationSpace) {\n parentClass.$navigationAndMainArea.css({\n gap: view_cssConvertForPx(navAttributes.navigationSpace)\n })\n }\n\n if (navAttributes.navigationType === 'scroller') {\n if (navAttributes.navigation_direction === 'horizontal') {\n view_setCssPropsForElement(selfInstance.$mainNavigation, {\n 'minHeight': navAttributes.menuItemHeight + 'px'\n })\n }\n }\n\n if (navAttributes.navigationType === 'thumbsAndArrows') {\n selfInstance.$mainNavigation.prepend('
');\n selfInstance.$mainNavigation.append('
');\n\n selfInstance.$mainNavigation.find('.thumbs-arrow-left,.thumbs-arrow-right').bind('click', handleClick_navigationArrow);\n }\n\n if (!selfInstance.configObj.viewEnableMediaArea) {\n parentClass.$navigationAndMainArea.addClass('view--disable-video-area');\n }\n\n parentClass.$navigationAndMainArea.addClass(`layout-builder--menu-items--${navAttributes.navigationSkin}`)\n }\n\n function handleClick_navigationArrow() {\n\n\n var $t = jQuery(this);\n\n if ($t.hasClass('thumbs-arrow-left')) {\n gotoPrevPage();\n }\n if ($t.hasClass('thumbs-arrow-right')) {\n gotoNextPage();\n }\n }\n\n\n function gotoNextPage() {\n var tempPage = selfInstance.currPage;\n\n tempPage++;\n nav_thumbsandarrows_gotoPage(tempPage);\n\n }\n\n function gotoPrevPage() {\n if (selfInstance.currPage === 0) {\n return;\n }\n\n selfInstance.currPage--;\n nav_thumbsandarrows_gotoPage(selfInstance.currPage);\n\n }\n\n /**\n * called only from thumbsandarrows\n * @param {number} targetPageNr\n */\n function nav_thumbsandarrows_gotoPage(targetPageNr) {\n\n if (targetPageNr > selfInstance.nav_max_pages || navAttributes.navigationType !== 'thumbsAndArrows') {\n return;\n }\n\n\n selfInstance.$mainNavigation.find('.nav--thumbsAndArrows--arrow').removeClass('arrow-is-inactive');\n\n if (targetPageNr === 0) {\n selfInstance.$mainNavigation.find('.thumbs-arrow-left').addClass('arrow-is-inactive');\n }\n if (targetPageNr >= selfInstance.nav_max_pages) {\n selfInstance.$mainNavigation.find('.thumbs-arrow-right').addClass('arrow-is-inactive');\n }\n\n if (targetPageNr >= selfInstance.nav_max_pages) {\n if (navAttributes.navigation_direction === \"vertical\") {\n\n const targetTop = -(selfInstance.navigation_mainDimensionTotalSize - selfInstance.navigation_mainDimensionClipSize);\n view_setCssPropsForElement(selfInstance.$mainNavigationItemsContainer, {\n 'top': targetTop,\n 'left': 0\n })\n }\n if (navAttributes.navigation_direction === \"horizontal\") {\n\n view_setCssPropsForElement(selfInstance.$mainNavigationItemsContainer, {\n 'left': -(selfInstance.navigation_mainDimensionTotalSize - selfInstance.navigation_mainDimensionClipSize),\n 'top': 0\n })\n }\n\n } else {\n if (navAttributes.navigation_direction === \"vertical\") {\n let firstItemInSightWidth = selfInstance.$mainNavigationItemsContainer.children().eq(selfInstance.currPage).height();\n selfInstance.$mainNavigationItemsContainer.css({\n 'top': firstItemInSightWidth * -targetPageNr,\n 'left': 0\n });\n\n }\n\n if (navAttributes.navigation_direction === \"horizontal\") {\n\n let firstItemInSightWidth = selfInstance.$mainNavigationItemsContainer.children().eq(selfInstance.currPage).width();\n selfInstance.$mainNavigationItemsContainer.css({\n 'left': firstItemInSightWidth * -targetPageNr,\n 'top': 0\n });\n }\n }\n selfInstance.currPage = targetPageNr;\n }\n\n /**\n * handle mouse for the parentClass.$navigationItemsContainer element\n * @param e\n * @returns {boolean}\n */\n function handleMouse(e) {\n\n\n navMain_mousey = (e.pageY - selfInstance.$mainNavigationClipped.offset().top)\n navMain_mousex = (e.pageX - selfInstance.$mainNavigationClipped.offset().left)\n\n\n if (!is_ios() && !is_android()) {\n\n\n if (isMenuMoveLocked) {\n return false;\n }\n\n if (navAttributes.navigation_direction === \"vertical\") {\n\n\n navigation_prepareAnimateMenuY(navMain_mousey, {\n called_from: \"handleMouse\"\n });\n\n\n }\n if (navAttributes.navigation_direction === \"horizontal\") {\n\n\n navigation_prepareAnimateMenuX(navMain_mousex, {\n called_from: \"handleMouse\"\n });\n\n\n }\n\n } else {\n\n return false;\n }\n\n }\n\n\n /**\n * only for navType: \"hover\"\n * @returns {boolean}\n */\n function handleEnterFrame() {\n\n\n if (isNaN(target_viy)) {\n target_viy = 0;\n }\n\n if (DURATION_EASING === 0) {\n window.requestAnimationFrame(handleEnterFrame);\n return false;\n }\n\n if (navAttributes.navigation_direction === 'vertical') {\n begin_viy = target_viy;\n change_viy = finish_viy - begin_viy;\n\n\n target_viy = Number(Math.easeIn(1, begin_viy, change_viy, DURATION_EASING).toFixed(4));\n\n\n if (!is_ios() && !is_android()) {\n\n view_setCssPropsForElement(parentClass.$navigationItemsContainer, {\n 'transform': 'translate3d(0,' + target_viy + 'px,0)'\n })\n }\n\n }\n\n\n if (navAttributes.navigation_direction === 'horizontal') {\n begin_vix = target_vix;\n change_vix = finish_vix - begin_vix;\n\n\n target_vix = Number(Math.easeIn(1, begin_vix, change_vix, DURATION_EASING).toFixed(4));\n\n\n if (!is_ios() && !is_android()) {\n view_setCssPropsForElement(parentClass.$navigationItemsContainer, {\n 'transform': 'translate3d(' + target_vix + 'px,0,0)'\n })\n }\n\n }\n\n\n window.requestAnimationFrame(handleEnterFrame);\n }\n\n\n function navigation_getNavPosition(navMain_mouse) {\n\n const clipSize = (selfInstance.navigation_mainDimensionClipSize);\n let viewMax = (selfInstance.navigation_mainDimensionTotalSize) - clipSize;\n const viewRatio = navMain_mouse / clipSize;\n let finish_viewIndex = (((navMain_mouse + viewRatio * OFFSET_BUFFER + 2 - OFFSET_BUFFER) / clipSize)) * -(selfInstance.navigation_mainDimensionTotalSize);\n\n if (finish_viewIndex > 0) {\n finish_viewIndex = 0;\n }\n if (finish_viewIndex < -viewMax) {\n finish_viewIndex = -viewMax;\n }\n\n\n return finish_viewIndex;\n }\n\n function navigation_prepareAnimateMenuX(navMain_mousex) {\n finish_vix = navigation_getNavPosition(navMain_mousex);\n\n if (navAttributes.isUseEasing) {\n } else {\n animate_menu_x(finish_vix);\n }\n }\n\n function navigation_prepareAnimateMenuY(navMain_mousey) {\n\n finish_viy = navigation_getNavPosition(navMain_mousey);\n\n if (navAttributes.isUseEasing) {\n } else {\n view_animateMenuVertical(finish_viy);\n }\n }\n\n\n selfInstance.animate_to_curr_thumb = animate_to_curr_thumb;\n\n function animate_to_curr_thumb() {\n\n\n if (is_touch_device()) {\n\n }\n\n\n if (navAttributes.navigationType === 'hover') {\n\n\n var $activeNavItem = parentClass.$navigationItemsContainer.find('.dzs-navigation--item').eq(0);\n\n\n if (parentClass.$navigationItemsContainer.find('.dzs-navigation--item.active').length) {\n $activeNavItem = parentClass.$navigationItemsContainer.find('.dzs-navigation--item.active').eq(0);\n }\n\n\n var rat = ($activeNavItem.offset().top - parentClass.$navigationItemsContainer.offset().top) / (parentClass.$navigationItemsContainer.outerHeight() - selfInstance.$mainNavigationClipped.parent().outerHeight());\n\n\n if (navAttributes.navigation_direction === 'vertical') {\n\n if (parentClass.$navigationItemsContainer.outerHeight() > selfInstance.$mainNavigationClipped.parent().outerHeight()) {\n\n view_animateMenuVertical(rat * (parentClass.$navigationItemsContainer.outerHeight() - selfInstance.$mainNavigationClipped.parent().outerHeight()), {\n 'called_from': 'animate_to_curr_thumb'\n });\n }\n } else {\n\n if (navAttributes.navigation_direction === 'horizontal') {\n\n rat = ($activeNavItem.offset().left - parentClass.$navigationItemsContainer.offset().left) / (parentClass.$navigationItemsContainer.outerWidth() - selfInstance.$mainNavigationClipped.outerWidth());\n\n\n navigation_prepareAnimateMenuX(rat * selfInstance.$mainNavigationClipped.outerWidth());\n }\n\n\n }\n }\n if (navAttributes.navigationType === 'scroller') {\n\n var coordinateToActiveItem = 0;\n\n if (parentClass.$navigationItemsContainer.find('.dzs-navigation--item.active').length) {\n\n coordinateToActiveItem = parentClass.$navigationItemsContainer.find('.dzs-navigation--item.active').offset().top - parentClass.$navigationItemsContainer.eq(0).offset().top;\n\n\n setTimeout(function () {\n\n if (selfInstance.$mainNavigationClipped.get(0).api_scrolly_to) {\n selfInstance.$mainNavigationClipped.get(0).api_scrolly_to(coordinateToActiveItem);\n }\n }, NAVIGATION_DEFAULT_TIMEOUT);\n }\n\n }\n }\n\n\n function animate_menu_x() {\n\n\n if (!is_ios() && !is_android()) {\n if (navAttributes.isUseEasing) {\n\n view_setCssPropsForElement(parentClass.$navigationItemsContainer, {\n 'transform': 'translate3d(' + finish_vix + 'px, ' + 0 + 'px, 0)'\n })\n }\n\n\n }\n }\n\n\n function view_animateMenuVertical(viewIndex, pargs) {\n\n\n // -- positive number viewIndexX\n var margs = {\n\n called_from: \"default\"\n }\n\n if (pargs) {\n margs = jQuery.extend(margs, pargs);\n }\n\n\n if (!is_touch_device()) {\n if (!navAttributes.isUseEasing) {\n\n view_setCssPropsForElement(parentClass.$navigationItemsContainer, {\n 'transform': 'translate3d(0, ' + (finish_viy) + 'px, 0)'\n })\n } else {\n if ((-finish_viy) < selfInstance.navigation_mainDimensionTotalSize - selfInstance.$mainNavigation.outerHeight()) {\n finish_viy = -(selfInstance.navigation_mainDimensionTotalSize - selfInstance.$mainNavigation.outerHeight());\n }\n finish_viy = -viewIndex;\n }\n\n\n } else {\n if (margs.called_from === 'animate_to_curr_thumb') {\n setTimeout(function () {\n selfInstance.$mainNavigation.scrollTop(viewIndex);\n }, 1500);\n }\n }\n }\n\n\n }\n\n calculateDims(pargs = {}) {\n const selfInstance = this;\n view_navigation_calculateDims(selfInstance, pargs);\n }\n}\n","'use strict';\nimport {defaultPlaylistSettings} from './configs/_playlistSettings';\nimport {\n assertVideoFromGalleryAutoplayStatus,\n detect_startItemBasedOnQueryAddress,\n navigation_initScroller,\n playlist_inDzsTabsHandle,\n playlist_initialConfig,\n playlist_initSetupInitial,\n playlist_navigation_getPreviewImg,\n playlistGotoItemHistoryChangeForLinks,\n playlistGotoItemHistoryChangeForNonLinks\n} from \"./js_dzsvg/playlist/_playlistHelpers\";\nimport {\n convertPluginOptionsToFinalOptions,\n detect_videoTypeAndSourceForElement,\n dzsvgExtraWindowFunctions,\n fullscreen_status,\n init_navigationOuter,\n setup_videogalleryCategories,\n} from \"./js_dzsvg/_dzsvg_helpers\";\n\nimport {\n add_query_arg,\n get_query_arg,\n is_ios,\n is_touch_device,\n loadScriptIfItDoesNotExist,\n} from \"./js_common/_dzs_helpers\";\nimport {secondCon_initFunctions} from \"./js_dzsvg/components/_second_con\";\nimport {buildPlaylist} from \"./js_dzsvg/playlist/_playlistBuilderFunctions\";\nimport {dzsvg_mode_wall_reinitWallStructure} from \"./js_playlist/mode/_mode-wall\";\nimport {dzsvg_playlist_setupEmbedAndShareButtons,} from \"./js_playlist/_playlistAuxiliaryButtons\";\nimport {\n PLAYLIST_DEFAULT_TIMEOUT,\n PLAYLIST_HEIGHT_IS_WINDOW_MAX_OFFSET,\n PLAYLIST_VIEW_FULLSCREEN_CLASS\n} from \"./configs/Constants\";\nimport {view_cssConvertForPx, view_setCssPropsForElement} from \"./shared/_viewFunctions\";\nimport {view_structureGenerateNavigation} from \"./js_playlist/_viewPlaylistStructure\";\n\n\n/**\n * @property {jQuery} _sliderCon\n * @property $feedItemsContainer\n * @property navigation_customStructure\n * @property _mainNavigation\n */\nclass DzsVideoGallery {\n constructor(argThis, argOptions, $) {\n\n\n this.argThis = argThis;\n this.argOptions = {...argOptions};\n this.viewOptions = {\n enableVideoArea: true,\n }\n this.$ = $;\n\n this._sliderCon = null;\n this.$sliderMain = null;\n this.$navigationAndMainArea = null;\n this._mainNavigation = null;\n this.$navigationClippedContainer = null;\n this.$feedItemsContainer = null;\n this.navigation_customStructure = '';\n this.galleryComputedId = '';\n this.deeplinkGotoItemQueryParam = '';\n this.$galleryButtons = null;\n this.$containerForItems = null;\n this.$navigationItemsContainer = null;\n /** videogallery--navigation-container */\n this.$searchFieldCon = null;\n this.videoAreaWidth = 0;\n\n this.feed_socialCode = '';\n\n this.Navigation = null;\n\n\n this.isEmbedOpened = false;\n this.isShareOpened = false;\n this.isGalleryLoaded = false; // -- gallery loaded sw, when dimensions are set, will take a while if wall\n this.classInit();\n }\n\n classInit() {\n\n\n var cgallery = null\n ;\n var nrChildren = 0;\n //gallery dimensions\n let videoAreaHeight\n , totalWidth\n , totalHeight\n , last_totalWidth = 0 // -- so we can compare to the last values\n , last_totalHeight = 0\n , navWidth = 0 // the _navCon width\n , ww\n , heightWindow\n , last_height_for_videoheight = 0 // -- last responsive_ratio height known\n ;\n\n var isMenuMovementLocked = false;\n\n var inter_start_the_transition = null;\n\n\n let isMergeSocialIconsIntoOne = false; // -- merge all socials into one\n\n\n var currNr = -1\n , currNr_curr = -1 // current transitioning\n , nextNr = -1\n , prevNr = -1\n , last_arg = 0\n ;\n var $currVideoPlayer;\n\n\n var $galleryParent\n , $galleryCon\n , heightInitial = -1\n ;\n var conw = 0;\n\n var wpos = 0\n , heightPosition = 0\n ;\n\n var isBusyTransition = false\n , isTransitionStarted = false\n , isBusyAjax = false\n ;\n var isFirstPlayed = false\n , isMouseOver = false\n , isFirstTransition = false // -- first transition made\n ;\n\n\n var i = 0;\n\n\n var menuitem_width = 0\n , menuitem_height = 0\n\n var menu_position = 'right';\n\n\n var settings_separation_nr_pages = 0;\n var ind_ajaxPage = 0;\n\n\n var init_settings = {};\n\n\n var action_playlist_end = null;\n\n var $ = this.$;\n var o = this.argOptions;\n cgallery = $(this.argThis);\n var selfClass = this;\n\n\n selfClass.init = init;\n selfClass.cgallery = cgallery;\n selfClass.initOptions = o;\n\n\n init_settings = $.extend({}, o);\n\n playlist_initSetupInitial(selfClass, o);\n\n\n menu_position = o.menu_position;\n\n\n nrChildren = selfClass.$feedItemsContainer.children('.vplayer,.vplayer-tobe').length;\n\n\n if (o.init_on === 'init') {\n init({\n 'called_from': 'init'\n });\n }\n if (o.init_on === 'scroll') {\n $(window).on('scroll', handleScroll);\n handleScroll();\n }\n\n\n function init(pargs) {\n\n\n var margs = {\n caller: null\n , 'called_from': 'default'\n }\n\n\n if (selfClass.cgallery.hasClass('dzsvg-inited')) {\n return false;\n }\n\n if (pargs) {\n margs = $.extend(margs, pargs);\n }\n\n selfClass.handleResize = handleResize;\n selfClass.handleResize_currVideo = handleResize_currVideo;\n selfClass.apiResponsiveRationResize = apiResponsiveRationResize;\n\n if (cgallery.parent().parent().parent().hasClass('tab-content')) {\n // -- tabs\n playlist_inDzsTabsHandle(selfClass, margs);\n }\n\n selfClass.cgallery.addClass('dzsvg-inited');\n\n $galleryCon = cgallery.parent();\n $galleryParent = cgallery.parent();\n\n\n if ($galleryParent.parent().hasClass('gallery-is-fullscreen')) {\n if (o.videoplayersettings.responsive_ratio === 'detect') {\n o.videoplayersettings.responsive_ratio = 'default';\n }\n\n }\n\n\n // -- separation - PAGES\n let elimi = 0;\n\n\n if (o.settings_separation_mode === 'pages') {\n\n let dzsvg_page = get_query_arg(window.location.href, 'dzsvgpage');\n\n\n if (typeof dzsvg_page == \"undefined\") {\n dzsvg_page = 1;\n }\n dzsvg_page = parseInt(dzsvg_page, 10);\n\n\n if (dzsvg_page === 0 || isNaN(dzsvg_page)) {\n dzsvg_page = 1;\n }\n\n if (dzsvg_page > 0 && o.settings_separation_pages_number < nrChildren) {\n\n if (o.settings_separation_pages_number * dzsvg_page <= nrChildren) {\n for (elimi = o.settings_separation_pages_number * dzsvg_page - 1; elimi >= o.settings_separation_pages_number * (dzsvg_page - 1); elimi--) {\n cgallery.children().eq(elimi).addClass('from-pagination-do-not-eliminate');\n }\n } else {\n for (elimi = nrChildren - 1; elimi >= nrChildren - o.settings_separation_pages_number; elimi--) {\n cgallery.children().eq(elimi).addClass('from-pagination-do-not-eliminate');\n }\n }\n\n cgallery.children().each(function () {\n const $videoItem = $(this);\n if (!$videoItem.hasClass('from-pagination-do-not-eliminate')) {\n $videoItem.remove();\n }\n })\n\n var str_pagination = '';\n cgallery.after(str_pagination);\n\n }\n }\n\n\n if (is_touch_device()) {\n cgallery.addClass('is-touch');\n }\n\n\n if (o.settings_mode === 'wall' || o.settings_mode === 'videowall') {\n o.design_shadow = 'off';\n }\n\n\n totalWidth = cgallery.width();\n totalHeight = cgallery.height();\n\n\n if (isNaN(totalWidth)) {\n totalWidth = 800;\n }\n\n if (isNaN(totalHeight)) {\n totalHeight = 400;\n }\n\n\n playlist_initialConfig(selfClass, o);\n\n\n $('html').addClass('supports-translate');\n\n\n view_structureGenerateNavigation(selfClass);\n\n\n if (o.settings_mode === 'normal' || o.settings_mode === 'slider') {\n reinit();\n }\n\n\n // -- wall END\n\n\n if (o.settings_mode === 'videowall') {\n\n\n if (cgallery.parent().hasClass('videogallery-con')) {\n view_setCssPropsForElement(cgallery.parent(), {'width': 'auto', 'height': 'auto'})\n }\n view_setCssPropsForElement(cgallery, {'width': 'auto', 'height': 'auto'})\n\n\n }\n\n\n if (o.settings_mode === 'wall' || o.settings_mode === 'videowall' || o.settings_mode === 'rotator' || o.settings_mode === 'rotator3d') {\n reinit({\n 'called_from': 'init'\n });\n }\n\n\n if (window.dzsvg_settings && window.dzsvg_settings.merge_social_into_one === 'on') {\n isMergeSocialIconsIntoOne = true;\n }\n\n dzsvg_playlist_setupEmbedAndShareButtons(selfClass, o, isMergeSocialIconsIntoOne);\n\n\n if (o.nav_type === 'outer') {\n selfClass.$navigationItemsContainer.addClass(o.nav_type_outer_grid);\n selfClass.$navigationItemsContainer.children().addClass('dzs-layout-item');\n\n\n if (o.menuitem_width) {\n o.menuitem_width = '';\n }\n\n\n if (o.nav_type_outer_max_height) {\n const nto_mh = Number(o.nav_type_outer_max_height);\n\n\n view_setCssPropsForElement(selfClass.$navigationClippedContainer, {'max-height': view_cssConvertForPx(nto_mh)})\n selfClass.$navigationClippedContainer.addClass('scroller-con skin_apple inner-relative');\n selfClass.$navigationItemsContainer.addClass('inner');\n\n view_setCssPropsForElement(selfClass.$navigationClippedContainer, {\n 'height': 'auto'\n })\n\n try_to_init_scroller();\n }\n }\n\n\n calculateDims({\n\n\n 'called_from': 'init'\n });\n\n\n if (o.nav_type === 'scroller') {\n selfClass.$navigationClippedContainer.addClass('scroller-con skin_apple');\n selfClass.$navigationItemsContainer.addClass('inner');\n\n\n view_setCssPropsForElement(selfClass.$navigationClippedContainer, {\n 'height': '100%'\n })\n\n // -- try scroller\n if ($.fn.scroller) {\n navigation_initScroller(selfClass.$navigationClippedContainer);\n } else {\n setTimeout(() => {\n navigation_initScroller(selfClass.$navigationClippedContainer);\n }, 2000);\n }\n\n setTimeout(function () {\n\n\n if ($('html').eq(0).attr('dir') === 'rtl') {\n selfClass.$navigationClippedContainer.get(0).fn_scrollx_to(1);\n }\n }, 100);\n }\n // -- scroller END\n\n\n // -- NO FUNCTION HIER\n\n\n cgallery.on('click', '.rotator-btn-gotoNext,.rotator-btn-gotoPrev', handle_mouse);\n $(document).on('keyup.dzsvgg', handleKeyPress);\n\n\n window.addEventListener(\"orientationchange\", view_handleOrientationChange);\n $(window).on('resize', handleResize);\n handleResize();\n\n setTimeout(function () {\n calculateDims({\n\n 'called_from': 'first_timeout'\n })\n }, 3000);\n\n\n setTimeout(init_playlistIsReady, 100);\n\n\n if (o.settings_trigger_resize > 0) {\n setInterval(function () {\n\n\n calculateDims({\n 'called_from': 'recheck_sizes'\n });\n }, o.settings_trigger_resize);\n }\n ;\n\n setup_apiFunctions();\n\n if (o.startItem === 'default') {\n o.startItem = 0;\n if (o.playorder === 'reverse') {\n o.startItem = nrChildren - 1;\n }\n }\n\n // --- gotoItem\n if (o.settings_mode !== 'wall' && o.settings_mode !== 'videowall') {\n\n selfClass.isGalleryLoaded = true;\n\n\n if (get_query_arg(window.location.href, 'dzsvg_startitem_' + selfClass.galleryComputedId)) {\n o.startItem = Number(get_query_arg(window.location.href, 'dzsvg_startitem_' + selfClass.galleryComputedId));\n }\n\n\n var tempStartItem = detect_startItemBasedOnQueryAddress(selfClass.deeplinkGotoItemQueryParam, selfClass.galleryComputedId);\n if (tempStartItem !== null) {\n o.startItem = tempStartItem;\n if (cgallery.parent().parent().parent().hasClass('categories-videogallery')) {\n const $categoriesVideoGallery = cgallery.parent().parent().parent();\n\n const ind = $categoriesVideoGallery.find('.videogallery').index(cgallery);\n\n if (ind) {\n setTimeout(function () {\n $categoriesVideoGallery.get(0).api_goto_category(ind, {\n 'called_from': 'deeplink'\n });\n }, 100);\n }\n }\n }\n\n if (isNaN(o.startItem)) {\n o.startItem = 0;\n }\n\n\n if (o.nav_type === 'scroller') {\n // todo: import from _navigation.js\n }\n\n\n if (o.settings_go_to_next_after_inactivity) {\n setInterval(function () {\n if (!isFirstPlayed) {\n gotoNext();\n }\n }, o.settings_go_to_next_after_inactivity * 1000);\n }\n }\n\n if (o.settings_separation_mode === 'scroll') {\n $(window).bind('scroll', handleScroll);\n }\n if (o.settings_separation_mode === 'button') {\n cgallery.append('
Load More
');\n cgallery.on('click', '.btn_ajax_loadmore', click_btn_ajax_loadmore);\n if (o.settings_separation_pages.length === 0) {\n selfClass.cgallery.find('.btn_ajax_loadmore').hide();\n }\n }\n\n\n cgallery.on('mouseleave', handleMouseout);\n cgallery.on('mouseover', handleMouseover);\n\n function call_init_readyForInitingVideos() {\n init_readyForInitingVideos();\n }\n\n if (o.settings_mode === 'wall') {\n call_init_readyForInitingVideos();\n } else {\n loadScriptIfItDoesNotExist('', 'dzsvp_isLoaded').then(() => {\n call_init_readyForInitingVideos();\n });\n }\n }\n\n function init_readyForInitingVideos() {\n\n // -- first item\n\n if (selfClass._sliderCon.children().eq(o.startItem).attr('data-type') === 'link') {\n // -- only for link\n gotoItem(o.startItem, {donotopenlink: \"on\", 'called_from': 'init'});\n\n } else {\n // -- first item\n // -- normal\n if (o.settings_mode !== 'wall') {\n gotoItem(o.startItem, {'called_from': 'init'});\n }\n }\n }\n\n\n function setup_apiFunctions() {\n\n\n cgallery.get(0).SelfPlaylist = selfClass;\n // --- go to video 0 <<<< the start of the gallery\n cgallery.get(0).videoEnd = handleVideoEnd;\n cgallery.get(0).init_settings = init_settings;\n\n cgallery.get(0).api_play_currVideo = play_currVideo;\n cgallery.get(0).external_handle_stopCurrVideo = video_stopCurrentVideo;\n cgallery.get(0).api_gotoNext = gotoNext;\n cgallery.get(0).api_gotoPrev = gotoPrev;\n cgallery.get(0).api_gotoItem = gotoItem;\n cgallery.get(0).api_responsive_ratio_resize_h = apiResponsiveRationResize;\n\n // -- ad functions\n cgallery.get(0).api_ad_block_navigation = ad_block_navigation;\n cgallery.get(0).api_ad_unblock_navigation = ad_unblock_navigation;\n\n cgallery.get(0).api_handleResize = handleResize;\n cgallery.get(0).api_gotoItem = gotoItem;\n cgallery.get(0).api_handleResize_currVideo = handleResize_currVideo;\n cgallery.get(0).api_play_currVideo = play_currVideo;\n cgallery.get(0).api_pause_currVideo = pause_currVideo;\n cgallery.get(0).api_currVideo_refresh_fsbutton = api_currVideo_refresh_fsbutton;\n cgallery.get(0).api_video_ready = galleryTransition;\n cgallery.get(0).api_set_outerNav = function (arg) {\n o.settings_outerNav = arg;\n };\n cgallery.get(0).api_set_secondCon = function (arg) {\n o.settings_secondCon = arg;\n };\n cgallery.get(0).api_set_action_playlist_end = function (arg) {\n action_playlist_end = arg;\n };\n\n\n cgallery.get(0).api_played_video = function () {\n isFirstPlayed = true;\n };\n }\n\n\n function handleMouseover(e) {\n\n\n isMouseOver = true;\n\n }\n\n\n /**\n * handle actions for mouse over\n * @param e\n */\n function handleMouseout(e) {\n\n isMouseOver = false;\n\n if (o.nav_type_auto_scroll === 'on') {\n if (o.nav_type === 'thumbs' || o.nav_type === 'scroller') {\n setTimeout(function () {\n if (!isMouseOver) {\n // todo: import from navigation.js\n } else {\n handleMouseout();\n }\n }, 2000);\n }\n }\n\n }\n\n function handleKeyPress(e) {\n\n\n if (e.type === 'keyup') {\n\n if (e.keyCode === 27) {\n $('.' + PLAYLIST_VIEW_FULLSCREEN_CLASS).removeClass(PLAYLIST_VIEW_FULLSCREEN_CLASS);\n setTimeout(function () {\n $('.' + PLAYLIST_VIEW_FULLSCREEN_CLASS).removeClass(PLAYLIST_VIEW_FULLSCREEN_CLASS);\n }, 999);\n cgallery.find('.' + PLAYLIST_VIEW_FULLSCREEN_CLASS).removeClass(PLAYLIST_VIEW_FULLSCREEN_CLASS);\n setTimeout(function () {\n calculateDims();\n }, 100);\n }\n }\n\n\n }\n\n function try_to_init_scroller() {\n\n const baseUrl = window.dzsvg_settings && window.dzsvg_settings.libsUri ? window.dzsvg_settings.libsUri : '';\n\n loadScriptIfItDoesNotExist(baseUrl + 'dzsscroller/scroller.js', 'dzsscr_init').then(r => {\n window.dzsscr_init(selfClass.$navigationClippedContainer, {\n 'enable_easing': 'on',\n 'settings_skin': 'skin_apple'\n });\n });\n $('head').append('
');\n }\n\n\n function ad_block_navigation() {\n cgallery.addClass('ad-blocked-navigation');\n }\n\n function ad_unblock_navigation() {\n cgallery.removeClass('ad-blocked-navigation');\n }\n\n function init_playlistIsReady() {\n init_showPlaylist();\n\n\n if (o.settings_secondCon) {\n // -- moving this to bottom\n }\n\n\n if (o.settings_outerNav) {\n\n // -- we moved setup to bottom\n }\n\n\n handleResize();\n\n selfClass.cgallery.addClass('inited');\n }\n\n function handle_mouse(e) {\n\n var _t = $(this);\n if (_t.hasClass('rotator-btn-gotoNext')) {\n\n gotoNext();\n }\n if (_t.hasClass('rotator-btn-gotoPrev')) {\n\n gotoPrev();\n }\n }\n\n\n function init_showPlaylist() {\n\n\n cgallery.parent().children('.preloader').removeClass('is-visible');\n cgallery.parent().children('.css-preloader').removeClass('is-visible');\n\n setTimeout(() => {\n\n\n view_setCssPropsForElement(selfClass.cgallery, {\n 'min-height': '100px'\n })\n }, 100);\n\n\n if (o.init_on === 'scroll' && cgallery.hasClass('transition-slidein')) {\n setTimeout(function () {\n\n cgallery.addClass('dzsvg-loaded');\n\n if (cgallery.parent().hasClass('videogallery-con')) {\n cgallery.parent().addClass('dzsvg-loaded');\n }\n }, PLAYLIST_DEFAULT_TIMEOUT);\n } else {\n\n cgallery.addClass('dzsvg-loaded');\n if (cgallery.parent().hasClass('videogallery-con')) {\n cgallery.parent().addClass('dzsvg-loaded');\n }\n }\n }\n\n function setup_navigation_items() {\n if (o.settings_mode === 'normal' || o.settings_mode === 'wall') {\n buildPlaylist(selfClass);\n }\n }\n\n /**\n * transfer from feed con to slider con\n */\n function setup_transfer_items_to_sliderCon() {\n\n\n if (o.settings_mode !== 'wall') {\n let len = selfClass.$feedItemsContainer.find('.vplayer-tobe').length;\n for (i = 0; i < len; i++) {\n let _t = selfClass.$feedItemsContainer.children('.vplayer-tobe').eq(0);\n selfClass._sliderCon.append(_t);\n }\n }\n }\n\n function reinit(pargs) {\n var margs = {\n caller: null\n , 'called_from': 'default'\n }\n\n if (pargs) {\n margs = $.extend(margs, pargs);\n }\n\n\n selfClass.$containerForItems = cgallery;\n\n if (selfClass.$feedItemsContainer.children('.vplayer-tobe').length === 0) {\n selfClass.$containerForItems = selfClass._sliderCon;\n }\n\n setup_navigation_items();\n setup_transfer_items_to_sliderCon();\n\n\n if (o.settings_mode === 'videowall') {\n\n selfClass._sliderCon.children().each(function () {\n // --each item\n var _t = $(this);\n\n _t.wrap('
');\n\n\n o.videoplayersettings.responsive_ratio = 'detect';\n o.videoplayersettings.autoplay = 'off';\n o.videoplayersettings.preload_method = 'metadata';\n\n\n o.init_all_players_at_init = 'on';\n\n });\n }\n\n\n if (o.settings_mode === 'rotator3d') {\n menu_position = 'none';\n\n selfClass._sliderCon.children().each(function () {\n var _t = $(this);\n _t.addClass('rotator3d-item');\n\n\n view_setCssPropsForElement(_t, {'width': selfClass.videoAreaWidth, 'height': videoAreaHeight})\n _t.append('
');\n _t.children('.previewImg').bind('click', rotator3d_handleClickOnPreviewImg);\n\n })\n }\n\n\n if (o.init_all_players_at_init === 'on') {\n\n // -- init all players\n selfClass._sliderCon.find('.vplayer-tobe').each(function () {\n // -- each item\n var _t = $(this);\n\n o.videoplayersettings.autoplay = 'off';\n o.videoplayersettings.preload_method = 'metadata';\n\n\n o.videoplayersettings.gallery_object = cgallery;\n _t.vPlayer(o.videoplayersettings);\n });\n }\n\n\n nrChildren = selfClass._sliderCon.children().length;\n\n\n if (selfClass.cgallery.find('.feed-dzsvg--socialCode').length) {\n selfClass.feed_socialCode = selfClass.cgallery.find('.feed-dzsvg--socialCode').html();\n }\n\n\n if (o.settings_mode === 'wall') {\n dzsvg_mode_wall_reinitWallStructure(selfClass)\n }\n if (o.settings_mode === 'normal') {\n selfClass.$navigationItemsContainer.children('.dzs-navigation--item').unbind('click', handleClickOnNavigationContainer);\n selfClass.$navigationItemsContainer.children('.dzs-navigation--item').bind('click', handleClickOnNavigationContainer);\n\n }\n }\n\n\n /**\n * called from outside\n * @param resizeHeightDimension\n * @param pargs\n * @returns {boolean}\n */\n function apiResponsiveRationResize(resizeHeightDimension, pargs) {\n\n\n var margs = {\n caller: null\n , 'called_from': 'default'\n }\n\n if (pargs) {\n margs = $.extend(margs, pargs);\n }\n\n if (margs.caller == null || cgallery.parent().hasClass('skin-laptop')) {\n return false;\n }\n\n\n if (heightInitial === -1) {\n heightInitial = selfClass.$sliderMain.height();\n }\n\n\n $currVideoPlayer.height(resizeHeightDimension);\n\n\n view_setCssPropsForElement(selfClass.$sliderMain, {\n 'height': resizeHeightDimension,\n 'min-height': resizeHeightDimension\n })\n\n\n if (!cgallery.hasClass('ultra-responsive') && (menu_position === 'left' || menu_position === 'right' || menu_position === 'none')) {\n totalHeight = resizeHeightDimension;\n videoAreaHeight = resizeHeightDimension;\n\n\n if (o.settings_mode !== 'slider') {\n selfClass._mainNavigation.height(resizeHeightDimension);\n }\n videoAreaHeight = resizeHeightDimension;\n\n setTimeout(() => {\n\n selfClass.Navigation.calculateDims({forceMainAreaHeight: resizeHeightDimension});\n })\n\n } else {\n // -- responsive ratio\n\n\n view_setCssPropsForElement(selfClass.cgallery, {\n 'height': 'auto'\n })\n\n\n videoAreaHeight = resizeHeightDimension;\n\n }\n\n\n if (margs.caller) {\n margs.caller.data('height_for_videoheight', resizeHeightDimension);\n calculateDims({\n called_from: 'height_for_videoheight'\n });\n }\n\n if (o.nav_type === 'scroller') {\n setTimeout(function () {\n\n\n if (selfClass.$navigationClippedContainer.get(0) && selfClass.$navigationClippedContainer.get(0).api_toggle_resize) {\n selfClass.$navigationClippedContainer.get(0).api_toggle_resize();\n }\n }, 100)\n }\n\n\n }\n\n\n /**\n * calculate dimensions\n * @param pargs\n * @returns {boolean}\n */\n function calculateDims(pargs) {\n\n var margs = {\n 'called_from': 'default'\n };\n if (pargs) {\n margs = $.extend(margs, pargs);\n }\n\n\n totalWidth = selfClass.cgallery.outerWidth();\n totalHeight = selfClass.cgallery.height();\n\n if (selfClass.cgallery.height() === 0) {\n if (o.forceVideoHeight) {\n if (menu_position === 'top' || menu_position === 'bottom') {\n totalHeight = o.forceVideoHeight + o.design_menuitem_height;\n } else {\n totalHeight = o.forceVideoHeight;\n }\n }\n }\n\n\n if (margs.called_from === 'recheck_sizes') {\n\n if (Math.abs(last_totalWidth - totalWidth) < 4 && Math.abs(last_totalHeight - totalHeight) < 4) {\n\n\n return false;\n }\n\n }\n\n\n last_totalWidth = totalWidth;\n last_totalHeight = totalHeight;\n\n\n if (totalWidth < 721) {\n cgallery.addClass('under-720');\n\n\n } else {\n cgallery.removeClass('under-720');\n }\n\n\n if (totalWidth < 601) {\n cgallery.addClass('under-600');\n } else {\n cgallery.removeClass('under-600');\n }\n\n\n if (String(cgallery.get(0).style.height).indexOf('%') > -1) {\n\n totalHeight = cgallery.height();\n } else {\n\n if (cgallery.data('init-height')) {\n\n totalHeight = cgallery.data('init-height');\n } else {\n\n totalHeight = cgallery.height();\n\n setTimeout(function () {\n })\n\n }\n }\n\n\n selfClass.videoAreaWidth = totalWidth;\n videoAreaHeight = totalHeight;\n\n\n menuitem_width = o.menuitem_width;\n menuitem_height = o.menuitem_height;\n\n\n if ((menu_position === 'right' || menu_position === 'left') && nrChildren > 1) {\n selfClass.videoAreaWidth -= (menuitem_width);\n }\n\n\n if (o.nav_type !== 'outer' && (menu_position === 'bottom' || menu_position === 'top') && nrChildren > 1 && cgallery.get(0).style && cgallery.get(0).style.height && cgallery.get(0).style.height !== 'auto') {\n videoAreaHeight -= (menuitem_height);\n } else {\n videoAreaHeight = o.sliderAreaHeight;\n }\n\n\n if ($currVideoPlayer && $currVideoPlayer.data('height_for_videoheight')) {\n\n videoAreaHeight = $currVideoPlayer.data('height_for_videoheight');\n\n last_height_for_videoheight = videoAreaHeight;\n } else {\n // -- lets try to get the last value known for responsive ratio if the height of the current video is now currently known\n if (o.videoplayersettings.responsive_ratio && o.videoplayersettings.responsive_ratio === 'detect') {\n if (last_height_for_videoheight) {\n videoAreaHeight = last_height_for_videoheight;\n }\n\n } else {\n if (menu_position === 'left' || menu_position === 'right') {\n videoAreaHeight = o.sliderAreaHeight;\n }\n }\n }\n\n\n if (o.forceVideoHeight !== '' && (!o.videoplayersettings || o.videoplayersettings.responsive_ratio !== 'detect')) {\n videoAreaHeight = o.forceVideoHeight;\n }\n\n if (o.settings_mode === 'rotator3d') {\n selfClass.videoAreaWidth = totalWidth / 2;\n videoAreaHeight = totalHeight * 0.8;\n menuitem_width = 0;\n menuitem_height = 0;\n }\n\n\n cgallery.addClass('media-area--transition-' + o.transition_type)\n\n\n // === if there is only one video we hide the nav\n if (nrChildren === 1) {\n selfClass._mainNavigation.hide();\n }\n\n\n if ($currVideoPlayer) {\n\n }\n ;\n\n heightPosition = 0;\n for (i = 0; i < nrChildren; i++) {\n\n heightPosition += totalHeight;\n }\n\n if (o.settings_mode !== 'wall' && o.settings_mode !== 'videowall') {\n\n\n view_setCssPropsForElement(selfClass.$sliderMain, {\n 'width': selfClass.videoAreaWidth\n })\n\n\n if ((menu_position === 'left' || menu_position === 'right') && nrChildren > 1) {\n\n\n view_setCssPropsForElement(selfClass.$sliderMain, {\n 'width': 'auto'\n })\n }\n\n\n view_setCssPropsForElement(selfClass.$sliderMain, {\n 'height': videoAreaHeight\n })\n\n }\n\n if (o.settings_mode === 'rotator3d') {\n view_setCssPropsForElement(selfClass.$sliderMain, {\n 'width': totalWidth,\n 'height': totalHeight\n })\n view_setCssPropsForElement(selfClass._sliderCon.children(), {\n 'width': selfClass.videoAreaWidth,\n 'height': videoAreaHeight\n })\n }\n\n\n // -- END calculate dims for navigation / mode-normal\n\n\n if (o.settings_mode === 'normal') {\n heightPosition = 0;\n wpos = 0;\n\n const $dzsNavItems = selfClass.$navigationItemsContainer.find('.dzs-navigation--item');\n\n\n if (menuitem_width) {\n\n\n view_setCssPropsForElement($dzsNavItems, {\n 'width': menuitem_width,\n })\n }\n if (menuitem_height) {\n\n view_setCssPropsForElement($dzsNavItems, {\n 'height': menuitem_height\n })\n }\n\n if (menuitem_height === 0) {\n view_setCssPropsForElement($dzsNavItems, {\n 'height': ''\n })\n }\n\n }\n\n if (o.nav_type === 'scroller') {\n\n if (menu_position === 'top' || menu_position === 'bottom') {\n navWidth = 0;\n selfClass.$navigationItemsContainer.children().each(function () {\n const _t = $(this);\n navWidth += _t.outerWidth(true);\n });\n selfClass.$navigationItemsContainer.width(navWidth);\n }\n }\n\n\n calculateDims_secondCon(currNr_curr);\n\n\n selfClass.Navigation.calculateDims();\n // -- calculateDims() END\n }\n\n function view_handleOrientationChange() {\n setTimeout(function () {\n handleResize();\n }, 1000);\n }\n\n function handleResize(e, pargs) {\n ww = $(window).width();\n heightWindow = $(window).height();\n\n conw = $galleryParent.width();\n\n\n if (cgallery.hasClass('try-breakout')) {\n view_setCssPropsForElement(cgallery, {\n 'width': ww + 'px'\n })\n\n view_setCssPropsForElement(cgallery, {\n 'margin-left': '0'\n })\n\n\n if (cgallery.offset().left > 0) {\n view_setCssPropsForElement(cgallery, {\n 'margin-left': '-' + cgallery.offset().left + 'px'\n })\n }\n }\n\n\n if (cgallery.hasClass('try-height-as-window-minus-offset')) {\n\n let windowMinusGalleryOffset = heightWindow - cgallery.offset().top;\n if (windowMinusGalleryOffset < PLAYLIST_HEIGHT_IS_WINDOW_MAX_OFFSET) {\n view_setCssPropsForElement(cgallery, {\n 'height': '90vh'\n })\n } else {\n view_setCssPropsForElement(cgallery, {\n 'height': windowMinusGalleryOffset + 'px'\n })\n }\n\n }\n\n\n calculateDims();\n\n\n if ($currVideoPlayer) {\n handleResize_currVideo();\n }\n\n }\n\n function handleResize_currVideo(e, pargs) {\n\n\n var margs = {\n 'force_resize_gallery': true\n , 'called_from': 'default'\n };\n\n if (pargs) {\n margs = $.extend(margs, pargs);\n }\n\n\n margs.called_from += '_handleResize_currVideo';\n\n if (($currVideoPlayer) && $currVideoPlayer.get(0) && ($currVideoPlayer.get(0).api_handleResize)) {\n\n\n $currVideoPlayer.get(0).api_handleResize(null, margs);\n }\n }\n\n function pause_currVideo(e, pargs) {\n\n\n var margs = {\n 'force_resize_gallery': true\n , 'called_from': 'default'\n };\n\n if (pargs) {\n margs = $.extend(margs, pargs);\n }\n\n\n margs.called_from += '_pause_currVideo';\n\n if (($currVideoPlayer) && ($currVideoPlayer.get(0).api_pauseMovie)) {\n\n\n $currVideoPlayer.get(0).api_pauseMovie(margs);\n }\n }\n\n\n function api_currVideo_refresh_fsbutton(argcol) {\n if (typeof ($currVideoPlayer) != \"undefined\" && typeof ($currVideoPlayer.get(0)) != \"undefined\" && typeof ($currVideoPlayer.get(0).api_currVideo_refresh_fsbutton) != \"undefined\") {\n $currVideoPlayer.get(0).api_currVideo_refresh_fsbutton(argcol);\n }\n }\n\n\n function handleClickOnNavigationContainer(e) {\n var _t = $(this);\n\n let classForNavigationItem = '';\n\n if (_t.hasClass('dzs-navigation--item')) {\n classForNavigationItem = '.dzs-navigation--item';\n }\n\n console.log('classForNavigationItem - ', classForNavigationItem);\n\n if (e) {\n selfClass.handleHadFirstInteraction(e);\n }\n\n\n if (_t.get(0) && _t.get(0).nodeName !== \"A\") {\n gotoItem(selfClass.$navigationItemsContainer.children(classForNavigationItem).index(_t));\n\n\n if (o.nav_type_auto_scroll === 'on') {\n if (o.nav_type === 'thumbs' || o.nav_type === 'scroller') {\n\n\n isMenuMovementLocked = true;\n\n setTimeout(function () {\n\n\n // todo: get form _navigation.js\n\n }, 100);\n setTimeout(function () {\n\n\n isMenuMovementLocked = false;\n\n }, 2000);\n }\n }\n\n } else {\n if ($currVideoPlayer && $currVideoPlayer.get(0) && typeof ($currVideoPlayer.get(0).api_pauseMovie) != \"undefined\") {\n $currVideoPlayer.get(0).api_pauseMovie({\n 'called_from': 'handleClickOnNavigationContainer()'\n });\n }\n\n }\n\n }\n\n function handleScroll() {\n if (!selfClass.isGalleryLoaded) {\n // -- try init\n\n\n var st = $(window).scrollTop();\n var cthisOffsetTop = cgallery.offset().top;\n\n var wh = window.innerHeight;\n\n\n if (cthisOffsetTop < st + wh + 50) {\n init();\n }\n\n return;\n } else {\n // -- try LOAD MORE\n\n var _t = $(this);//==window\n wh = $(window).height();\n if (isBusyAjax === true || ind_ajaxPage >= o.settings_separation_pages.length) {\n return;\n }\n\n\n if ((_t.scrollTop() + wh) > (cgallery.offset().top + cgallery.height() - 10)) {\n ajax_load_nextpage();\n }\n }\n\n }\n\n function click_btn_ajax_loadmore(e) {\n\n if (isBusyAjax === true || ind_ajaxPage >= o.settings_separation_pages.length) {\n return;\n }\n cgallery.find('.btn_ajax_loadmore').addClass('disabled')\n ajax_load_nextpage();\n }\n\n function ajax_load_nextpage() {\n\n cgallery.parent().children('.preloader').addClass('is-visible');\n\n $.ajax({\n url: o.settings_separation_pages[ind_ajaxPage],\n success: function (response) {\n setTimeout(function () {\n\n selfClass.$feedItemsContainer.append(response);\n reinit({\n 'called_from': 'ajax_load_nextpage'\n });\n cgallery.find('.btn_ajax_loadmore').removeClass('disabled');\n setTimeout(function () {\n isBusyAjax = false;\n cgallery.parent().children('.preloader').removeClass('is-visible');\n ind_ajaxPage++;\n\n\n if (ind_ajaxPage >= o.settings_separation_pages.length) {\n cgallery.children('.btn_ajax_loadmore').removeClass('is-visible');\n }\n\n\n }, 1000);\n }, 1000);\n },\n error: function (xhr, ajaxOptions, thrownError) {\n ind_ajaxPage++;\n cgallery.parent().children('.preloader').removeClass('is-visible');\n\n }\n });\n\n isBusyAjax = true;\n }\n\n function gotoItem(arg, pargs) {\n\n\n var gotoItemOptions = {\n\n 'ignore_arg_currNr_check': false\n , 'ignore_linking': false // -- does not change the link if set to true\n , donotopenlink: \"off\"\n , called_from: \"default\"\n }\n\n if (pargs) {\n gotoItemOptions = $.extend(gotoItemOptions, pargs);\n }\n\n\n if (!(o.settings_mode === 'normal' && o.mode_normal_video_mode === 'one')) {\n\n if (currNr === arg || isBusyTransition) {\n return false;\n }\n }\n let isTransformed = false; // -- if the video is already transformed there is no need to wait\n var _currentTargetPlayer = selfClass._sliderCon.children().eq(arg);\n var argsForVideoPlayer = $.extend({}, o.videoplayersettings);\n\n\n $currVideoPlayer = _currentTargetPlayer;\n\n argsForVideoPlayer.gallery_object = cgallery;\n argsForVideoPlayer.gallery_last_curr_nr = currNr;\n if (gotoItemOptions.called_from === 'init') {\n argsForVideoPlayer.first_video_from_gallery = 'on';\n }\n\n argsForVideoPlayer['gallery_target_index'] = arg;\n\n\n var shouldVideoAutoplay = assertVideoFromGalleryAutoplayStatus(currNr, o, cgallery);\n argsForVideoPlayer['autoplay'] = shouldVideoAutoplay ? 'on' : 'off';\n\n\n currNr_curr = arg;\n\n\n if (o.settings_enable_linking === 'on') {\n\n if (_currentTargetPlayer.attr('data-type') === 'link' && (gotoItemOptions.donotopenlink !== 'on')) {\n playlistGotoItemHistoryChangeForLinks(ind_ajaxPage, o, cgallery, _currentTargetPlayer, selfClass.deeplinkGotoItemQueryParam);\n return false;\n }\n if (_currentTargetPlayer.attr('data-type') !== 'link') {\n playlistGotoItemHistoryChangeForNonLinks(gotoItemOptions, o, selfClass.galleryComputedId, arg, selfClass.deeplinkGotoItemQueryParam);\n }\n }\n\n if (o.settings_mode === 'normal' && o.mode_normal_video_mode === 'one') {\n _currentTargetPlayer = selfClass._sliderCon.children().eq(0);\n _currentTargetPlayer.addClass('playlist-mode-video-one--main-player')\n $currVideoPlayer = _currentTargetPlayer;\n\n var _targetPlayer = selfClass._sliderCon.children().eq(arg);\n var optionsForChange = detect_videoTypeAndSourceForElement(_targetPlayer);\n // -- one\n if ($currVideoPlayer.hasClass('vplayer')) {\n\n pause_currVideo();\n\n\n $currVideoPlayer.get(0).api_change_media(\n optionsForChange.source, {\n 'type': optionsForChange.type,\n autoplay: shouldVideoAutoplay ? 'on' : 'off'\n })\n\n } else {\n // -- one video_mode .. vplayer-tobe\n // -- first item\n $currVideoPlayer.vPlayer(argsForVideoPlayer);\n $currVideoPlayer.addClass('active');\n $currVideoPlayer.addClass('currItem');\n }\n selfClass.$navigationItemsContainer.children('.dzs-navigation--item').removeClass('active');\n selfClass.$navigationItemsContainer.children('.dzs-navigation--item').eq(arg).addClass('active');\n }\n\n\n // -- not one\n if (!(o.settings_mode === 'normal' && o.mode_normal_video_mode === 'one')) {\n if (currNr > -1) {\n var _c2 = selfClass._sliderCon.children().eq(currNr);\n\n // --- if on iPad or iPhone, we disable the video as it had runed in a iframe and it wont pause otherwise\n _c2.addClass('transitioning-out');\n if (o.settings_mode === 'normal' && (is_ios() || _c2.attr('data-type') === 'inline' || (_c2.attr('data-type') === 'youtube' && o.videoplayersettings['settings_youtube_usecustomskin'] !== 'on'))) {\n setTimeout(function () {\n _c2.find('.video-description').remove();\n _c2.data('original-iframe', _c2.html());\n\n // -- we will delete inline content here\n _c2.html('');\n\n _c2.removeClass('vplayer');\n _c2.addClass('vplayer-tobe');\n\n }, 1000);\n }\n ;\n }\n }\n\n\n if (o.autoplay_ad === 'on') {\n\n _currentTargetPlayer.data('adplayed', 'on');\n } else {\n _currentTargetPlayer.data('adplayed', 'off');\n }\n\n\n if (_currentTargetPlayer.hasClass('vplayer')) {\n isTransformed = true;\n }\n\n\n if (!(o.settings_mode === 'normal' && o.mode_normal_video_mode === 'one')) {\n _currentTargetPlayer.addClass('transitioning-in');\n }\n\n\n if (_currentTargetPlayer.hasClass('type-inline') && _currentTargetPlayer.data('original-iframe')) {\n if (_currentTargetPlayer.html() === '') {\n _currentTargetPlayer.html(_currentTargetPlayer.data('original-iframe'));\n }\n }\n\n // -- not one\n if (!(o.settings_mode === 'normal' && o.mode_normal_video_mode === 'one')) {\n if (_currentTargetPlayer.hasClass('vplayer-tobe')) {\n // -- if not inited\n\n _currentTargetPlayer.addClass('in-vgallery');\n argsForVideoPlayer['videoWidth'] = selfClass.videoAreaWidth;\n argsForVideoPlayer['videoHeight'] = '';\n argsForVideoPlayer['old_curr_nr'] = currNr;\n\n\n if (currNr === -1 && o.cueFirstVideo === 'off') {\n argsForVideoPlayer.cueVideo = 'off';\n } else {\n argsForVideoPlayer.cueVideo = 'on';\n }\n\n argsForVideoPlayer['settings_disableControls'] = 'off';\n\n\n argsForVideoPlayer.htmlContent = '';\n\n argsForVideoPlayer.gallery_object = cgallery;\n\n if (argsForVideoPlayer.end_exit_fullscreen === 'off') {\n // -- exit fullscreen on video end\n\n if (cgallery.find('.vplayer.currItem').hasClass('type-vimeo')) {\n cgallery.find('.vplayer.currItem').removeClass(PLAYLIST_VIEW_FULLSCREEN_CLASS)\n }\n\n // -- next video has fullscreen status\n if (fullscreen_status() === 1) {\n argsForVideoPlayer.extra_classes = argsForVideoPlayer.extra_classes ? argsForVideoPlayer.extra_classes + ' ' + PLAYLIST_VIEW_FULLSCREEN_CLASS : ' ' + PLAYLIST_VIEW_FULLSCREEN_CLASS;\n }\n\n setTimeout(function () {\n\n }, 500);\n }\n\n if (o.settings_disableVideo === 'on') {\n } else {\n // -- NOT ONE MODE o.mode_normal_video_mode\n _currentTargetPlayer.vPlayer(argsForVideoPlayer);\n\n }\n\n\n } else {\n\n // -- NOT (ONE) if already setuped\n\n\n if (!(o.init_all_players_at_init === 'on' && currNr === -1)) {\n if (shouldVideoAutoplay) {\n if (typeof _currentTargetPlayer.get(0) != 'undefined' && typeof _currentTargetPlayer.get(0).externalPlayMovie != 'undefined') {\n _currentTargetPlayer.get(0).externalPlayMovie({\n 'called_from': 'autoplayNext'\n });\n }\n }\n }\n\n if (o.videoplayersettings.end_exit_fullscreen === 'off') {\n\n\n if (fullscreen_status() === 1) {\n _currentTargetPlayer.addClass(PLAYLIST_VIEW_FULLSCREEN_CLASS);\n }\n }\n\n // -- we force a resize on the player just in case it has an responsive ratio\n\n\n setTimeout(function () {\n if (typeof _currentTargetPlayer.get(0) != 'undefined' && _currentTargetPlayer.get(0).api_handleResize) {\n\n _currentTargetPlayer.get(0).api_handleResize(null, {\n force_resize_gallery: true\n })\n }\n }, 250);\n\n\n }\n\n }\n\n\n prevNr = arg - 1;\n if (prevNr < 0) {\n prevNr = selfClass._sliderCon.children().length - 1;\n }\n nextNr = arg + 1;\n if (nextNr > selfClass._sliderCon.children().length - 1) {\n nextNr = 0;\n }\n\n\n if (o.settings_mode === 'normal') {\n view_setCssPropsForElement(_currentTargetPlayer, {\n 'display': ''\n })\n }\n if (o.settings_mode === 'rotator3d') {\n selfClass._sliderCon.children().removeClass('nextItem currItem hide-preview-img').removeClass('prevItem');\n selfClass._sliderCon.children().eq(nextNr).addClass('nextItem');\n selfClass._sliderCon.children().eq(prevNr).addClass('prevItem');\n }\n if (o.settings_mode === 'rotator') {\n\n if (currNr > -1) {\n\n }\n var _descCon = selfClass.$navigationClippedContainer.children('.descriptionsCon');\n _descCon.children('.currDesc').removeClass('currDesc').addClass('pastDesc');\n _descCon.append('
' + _currentTargetPlayer.find('.menuDescription').html() + '
');\n setTimeout(function () {\n _descCon.children('.desc').addClass('currDesc');\n }, 20)\n\n }\n\n\n last_arg = arg;\n\n\n if (!(o.settings_mode === 'normal' && o.mode_normal_video_mode === 'one')) {\n\n if (currNr === -1 || isTransformed) {\n galleryTransition();\n if (o.settings_mode === 'rotator3d') {\n selfClass._sliderCon.children().eq(arg).addClass('hide-preview-img');\n }\n } else {\n cgallery.parent().children('.preloader').addClass('is-visible');\n\n let delay = 500;\n\n if (o.settings_mode === 'rotator3d') {\n delay = 10;\n selfClass._sliderCon.children().eq(arg).addClass('currItem');\n setTimeout(function () {\n\n selfClass._sliderCon.children().eq(arg).addClass('hide-preview-img');\n }, PLAYLIST_DEFAULT_TIMEOUT);\n }\n\n inter_start_the_transition = setTimeout(galleryTransition, delay, arg);\n\n }\n } else {\n isBusyAjax = false;\n isBusyTransition = false;\n\n\n currNr = arg;\n }\n\n calculateDims_secondCon(arg);\n\n if (o.settings_outerNav) {\n\n var _c_outerNav = $(o.settings_outerNav);\n _c_outerNav.find('.videogallery--navigation-outer--block ').removeClass('active');\n _c_outerNav.find('.videogallery--navigation-outer--block ').eq(arg).addClass('active');\n\n _c_outerNav.find('*[data-global-responsive-ratio]').each(function () {\n var _t4 = $(this);\n\n var rat = Number(_t4.attr('data-global-responsive-ratio'));\n\n _t4.height(rat * _t4.width());\n })\n }\n\n if (cgallery.hasClass('responsive-ratio-smooth')) {\n if (!_currentTargetPlayer.attr('data-responsive_ratio')) {\n apiResponsiveRationResize(heightInitial);\n } else {\n $(window).trigger('resize');\n }\n\n }\n\n\n cgallery.removeClass('hide-players-not-visible-on-screen');\n setTimeout(function () {\n\n cgallery.addClass('hide-players-not-visible-on-screen');\n selfClass._sliderCon.find('.transitioning-in').removeClass('transitioning-in');\n selfClass._sliderCon.find('.transitioning-out').removeClass('transitioning-out');\n\n\n var _extraBtns = null;\n\n\n if (cgallery.parent().parent().next().hasClass('extra-btns-con')) {\n _extraBtns = cgallery.parent().parent().next();\n }\n if (cgallery.parent().parent().next().next().hasClass('extra-btns-con')) {\n _extraBtns = cgallery.parent().parent().next().next();\n }\n if (_extraBtns) {\n _extraBtns.find('.stats-btn').attr('data-playerid', $currVideoPlayer.attr('data-player-id'));\n\n }\n }, 400);\n\n isBusyTransition = true;\n\n\n return !(o.settings_mode === 'normal' && o.mode_normal_video_mode === 'one');\n\n\n }\n\n\n function galleryTransition() {\n if (isTransitionStarted) {\n return;\n }\n\n var arg = last_arg;\n\n\n var _c = selfClass._sliderCon.children().eq(arg);\n\n isTransitionStarted = true;\n clearTimeout(inter_start_the_transition);\n cgallery.parent().children('.preloader').removeClass('is-visible');\n\n\n selfClass._sliderCon.children().removeClass('currItem');\n\n if (currNr === -1) {\n _c.addClass('currItem');\n _c.addClass('no-transition');\n setTimeout(function () {\n selfClass._sliderCon.children().eq(currNr).removeClass('no-transition')\n })\n } else {\n\n if (currNr !== arg) {\n\n selfClass._sliderCon.children().eq(currNr).addClass('transition-slideup-gotoTop')\n } else {\n\n selfClass._sliderCon.children().eq(currNr).addClass('currItem');\n }\n\n\n }\n\n setTimeout(setCurrVideoClass, 100);\n selfClass.$navigationItemsContainer.children('.dzs-navigation--item').removeClass('active');\n selfClass.$navigationItemsContainer.children('.dzs-navigation--item').eq(arg).addClass('active');\n\n\n setTimeout(function () {\n $('window').trigger('resize');\n selfClass._sliderCon.children().removeClass('transition-slideup-gotoTop');\n }, 1000);\n\n if (is_ios() && currNr > -1) {\n if (selfClass._sliderCon.children().eq(currNr).children().eq(0).length > 0 && selfClass._sliderCon.children().eq(currNr).children().eq(0)[0] !== undefined) {\n if (selfClass._sliderCon.children().eq(currNr).children().eq(0)[0].tagName === 'VIDEO') {\n selfClass._sliderCon.children().eq(currNr).children().eq(0).get(0).pause();\n }\n }\n }\n\n if (isFirstTransition) {\n\n video_stopCurrentVideo({\n 'called_from': 'the_transition'\n });\n }\n\n if (currNr > -1) {\n\n\n isFirstTransition = true;\n\n\n }\n currNr = arg;\n\n setTimeout(function () {\n\n isBusyTransition = false;\n isTransitionStarted = false;\n hideAllVideosButCurrentVideo();\n }, 400);\n }\n\n // -- end the_transition()\n\n\n function calculateDims_secondCon(arg) {\n\n\n if (o.settings_secondCon) {\n\n var _c = $(o.settings_secondCon);\n\n\n _c.find('.item').removeClass('active');\n _c.find('.item').eq(arg).addClass('active');\n const $innerSecondCon = _c.find('.dzsas-second-con--clip');\n if ($innerSecondCon.length) {\n\n view_setCssPropsForElement($innerSecondCon, {\n 'height': _c.find('.item').eq(arg).outerHeight(false),\n 'left': -(arg * 100) + '%'\n })\n }\n\n\n }\n }\n\n function hideAllVideosButCurrentVideo() {\n if (o.settings_mode === 'normal') {\n\n selfClass._sliderCon.children().each(function () {\n var $videoItem = $(this);\n\n if (!$videoItem.hasClass('currItem')) {\n $videoItem.hide();\n }\n })\n }\n }\n\n\n function setCurrVideoClass() {\n\n if ($currVideoPlayer) {\n\n $currVideoPlayer.addClass('currItem');\n }\n }\n\n\n function play_currVideo() {\n\n if (selfClass._sliderCon.children().eq(currNr).get(0) && selfClass._sliderCon.children().eq(currNr).get(0).externalPauseMovie) {\n selfClass._sliderCon.children().eq(currNr).get(0).api_playMovie({\n 'called_from': 'api_playMovie'\n });\n }\n }\n\n function video_stopCurrentVideo(pargs) {\n\n var margs = {\n 'called_from': 'default'\n }\n\n if (pargs) {\n margs = $.extend(margs, pargs);\n }\n\n if (!(is_ios()) && currNr > -1 && o.mode_normal_video_mode !== 'one') {\n if (selfClass._sliderCon.children().eq(currNr).get(0) && selfClass._sliderCon.children().eq(currNr).get(0).externalPauseMovie) {\n selfClass._sliderCon.children().eq(currNr).get(0).externalPauseMovie({\n 'called_from': 'external_handle_stopCurrVideo() - ' + margs.called_from\n });\n }\n }\n }\n\n\n function gotoPrev() {\n\n if (o.playorder === 'reverse') {\n gotoNext();\n return;\n }\n\n var tempNr = currNr - 1;\n if (tempNr < 0) {\n tempNr = selfClass._sliderCon.children().length - 1;\n }\n gotoItem(tempNr);\n\n\n }\n\n function gotoNext() {\n\n if (o.playorder === 'reverse') {\n gotoPrev();\n return;\n }\n\n var isGoingToGoNext = true;\n var tempNr = currNr + 1;\n if (tempNr >= selfClass._sliderCon.children().length) {\n tempNr = 0;\n\n\n if (o.loop_playlist !== 'on') {\n isGoingToGoNext = false;\n }\n\n if (action_playlist_end) {\n action_playlist_end(cgallery);\n }\n }\n\n\n if (isGoingToGoNext) {\n\n // -- we will go forward with next movie\n gotoItem(tempNr);\n }\n\n\n if (o.nav_type_auto_scroll === 'on') {\n if (o.nav_type === 'thumbs' || o.nav_type === 'scroller') {\n setTimeout(function () {\n selfClass.Navigation.animate_to_curr_thumb();\n }, 20);\n }\n }\n }\n\n function handleVideoEnd() {\n // -- cgallery\n if (o.autoplayNext === 'on') {\n gotoNext();\n }\n }\n\n\n function rotator3d_handleClickOnPreviewImg(e) {\n var _t = $(this);\n var selectedIndex = _t.parent().parent().children().index(_t.parent());\n\n if (e) {\n selfClass.handleHadFirstInteraction(e);\n }\n\n gotoItem(selectedIndex);\n }\n\n }\n\n\n /**\n *\n * @param {Event} e\n * @returns {boolean}\n */\n handleHadFirstInteraction(e) {\n\n if (this.cgallery.data('user-had-first-interaction')) {\n return false;\n }\n\n\n this.isHadFirstInteraction = true;\n this.cgallery.data('user-had-first-interaction', 'yes');\n this.cgallery.addClass('user-had-first-interaction');\n\n }\n}\n\n\nexport function apply_videogallery_plugin($) {\n $.fn.vGallery = function (argOptions) {\n\n var finalOptions = {};\n var defaultOptions = Object.assign({}, defaultPlaylistSettings);\n finalOptions = convertPluginOptionsToFinalOptions(this, defaultOptions, argOptions);\n this.each(function () {\n\n return new DzsVideoGallery(this, finalOptions, $);\n }); // end each\n\n }\n\n\n window.dzsvg_init = function (selector, settings) {\n $(selector).vGallery(settings);\n };\n // -- deprecated\n window.zsvg_init = function (selector, settings) {\n $(selector).vGallery(settings);\n };\n}\n\n\nif (!window.dzsvg_settings) {\n if (window.dzsvg_default_settings) {\n window.dzsvg_settings = {...{}};\n }\n}\nwindow.setup_videogalleryCategories = setup_videogalleryCategories;\n\n\nfunction dzsvg_handleInitedjQuery() {\n\n\n (function ($) {\n apply_videogallery_plugin(jQuery);\n })(jQuery);\n\n\n const dzsvg_reinit = () => {\n\n secondCon_initFunctions();\n init_navigationOuter();\n }\n\n\n jQuery(document).ready(function ($) {\n dzsvg_init('.videogallery.auto-init');\n dzsvg_reinit();\n })\n dzsvgExtraWindowFunctions();\n\n\n window.dzsvg_reinit = dzsvg_reinit;\n}\n\nloadScriptIfItDoesNotExist('', 'jQuery').then(() => {\n dzsvg_handleInitedjQuery();\n})","import {DzsNavigation} from \"../js_dzsvg/navigation/_navigation\";\nimport {svgBackButton, svgForwardButton} from \"../js_dzsvg/_dzsvg_svgs\";\nimport {navigation_detectClassesForPosition} from \"../js_dzsvg/playlist/_playlistHelpers\";\nimport {dzsvg_playlist_initSearchField} from \"./_searchFunctions\";\n\n\n/**\n *\n * @param {DzsVideoGallery} selfClass\n */\nexport function view_structureGenerateNavigation(selfClass) {\n\n let structNavigationAndMainArea = '
'\n\n const cgallery = selfClass.cgallery;\n const o = selfClass.initOptions;\n\n if (o.design_shadow === 'on') {\n cgallery.prepend('
');\n }\n selfClass.cgallery.append(structNavigationAndMainArea);\n selfClass.$navigationAndMainArea = selfClass.cgallery.find('.navigation-and-main-area').eq(0);\n\n\n selfClass.$navigationAndMainArea.css('background-color', selfClass.cgallery.css('background-color'));\n\n const navOptions = {\n navigationType: (o.nav_type === 'thumbs' ? 'hover' : o.nav_type === 'thumbsandarrows' ? 'thumbsAndArrows' : o.nav_type === 'outer' ? 'simple' : o.nav_type),\n menuPosition: o.menu_position,\n menuItemWidth: o.menuitem_width,\n menuItemHeight: o.menuitem_height,\n parentSkin: o.design_skin,\n viewNavigationIsUltibox: o.navigation_isUltibox,\n viewEnableMediaArea: (selfClass.viewOptions.enableVideoArea),\n viewAnimationDuration: o.navigation_viewAnimationDuration,\n navigationStructureHtml: selfClass.navigation_customStructure,\n };\n\n\n Object.keys(o).forEach((playlistOptionKey)=>{\n if(playlistOptionKey.indexOf('navigation_')===0){\n const newKeyForNav = playlistOptionKey.replace('navigation_','');\n navOptions[newKeyForNav] = o[playlistOptionKey];\n }\n })\n\n if (o.settings_mode === 'wall') {\n\n navOptions.gridClassItemsContainer = o.navigation_gridClassItemsContainer;\n navOptions.navigationType = 'simple';\n navOptions.filter_structureMenuItemContent = (final_structureMenuItemContent, $currentItemFeed) => {\n if ($currentItemFeed.attr('data-type')) {\n final_structureMenuItemContent = final_structureMenuItemContent.replace('dzs-navigation--item\"', 'dzs-navigation--item\" ' + ' data-video-type=\"' + $currentItemFeed.attr('data-type') + '\"');\n }\n\n return final_structureMenuItemContent;\n }\n }\n\n\n selfClass.Navigation = new DzsNavigation(selfClass, navOptions, jQuery);\n\n\n selfClass.$sliderMain = cgallery.find('.sliderMain');\n selfClass._sliderCon = cgallery.find('.sliderCon');\n\n selfClass._mainNavigation = cgallery.find('.main-navigation');\n\n selfClass._sliderCon.addClass(o.extra_class_slider_con);\n\n if (o.settings_mode === 'slider') {\n selfClass.$sliderMain.after(selfClass._mainNavigation);\n }\n\n\n selfClass.$sliderMain.append('
');\n selfClass.$navigationClippedContainer = selfClass.cgallery.find('.navMain');\n\n selfClass.$navigationItemsContainer = selfClass.cgallery.find('.videogallery--navigation-container').eq(0);\n\n\n if (o.settings_mode === 'slider') {\n selfClass.$navigationClippedContainer.append('
' + svgForwardButton + '
' + svgBackButton + '
');\n }\n if (o.settings_mode === 'rotator') {\n selfClass.$navigationClippedContainer.append('
');\n selfClass.$navigationClippedContainer.append('
');\n }\n\n\n selfClass.$galleryButtons = selfClass.$sliderMain.children('.gallery-buttons');\n\n\n navigation_detectClassesForPosition(o.menu_position, selfClass._mainNavigation, cgallery);\n\n\n if (o.search_field === 'on') {\n dzsvg_playlist_initSearchField(selfClass, o);\n }\n\n}\n","import {svgSearchIcon} from \"../js_dzsvg/_dzsvg_svgs\";\nimport {handleSearchFieldChange} from \"../js_dzsvg/playlist/_searchPlaylist\";\n\nexport function dzsvg_playlist_initSearchField(selfClass, o){\n\n // -- setup search field\n if (o.search_field_con) {\n selfClass.$searchFieldCon = jQuery(o.search_field_con);\n }else{\n\n dzsvg_playlist_addSearchField(selfClass);\n\n }\n selfClass.$searchFieldCon.bind('keyup', handleSearchFieldChange(selfClass, selfClass.$navigationItemsContainer.parent(), selfClass.handleResize));\n\n}\nexport function dzsvg_playlist_addSearchField(selfClass){\n\n var struct_searchFieldString = '';\n struct_searchFieldString = '
' + svgSearchIcon + '
';\n if (selfClass._mainNavigation.hasClass('menu-moves-vertically')) {\n selfClass._mainNavigation.prepend(struct_searchFieldString);\n } else {\n selfClass.$navigationItemsContainer.prepend(struct_searchFieldString);\n }\n\n selfClass.$searchFieldCon = selfClass.cgallery.find('.dzsvg-search-field > input');\n}","export function handleSearchFieldChange(selfClass, _navMain, handleResize) {\n return function () {\n\n var $ = jQuery;\n var _t = $(this);\n var o = selfClass.initOptions;\n\n\n if (o.settings_mode === 'wall') {\n selfClass._sliderCon.children().each(function () {\n var _t2 = $(this);\n\n\n if (_t.val() === '' || String(String(_t2.find('.menuDescription').eq(0).html()).toLowerCase()).indexOf(_t.val().toLowerCase()) > -1) {\n\n _t2.show();\n } else {\n\n _t2.hide();\n }\n\n\n });\n }\n\n\n if (o.nav_type === 'scroller') {\n\n\n if (typeof _navMain.get(0).api_scrolly_to != 'undefined') {\n _navMain.get(0).api_scrolly_to(0);\n }\n\n setTimeout(function () {\n\n selfClass.$navigationItemsContainer.css('top', '0')\n }, 100)\n }\n selfClass.$navigationItemsContainer.children().each(function () {\n var _t2 = $(this);\n\n\n if (_t.val() === '' || String(String(_t2.find('.dzs-navigation--item-content').eq(0).html()).toLowerCase()).indexOf(_t.val().toLowerCase()) > -1) {\n\n _t2.show();\n } else {\n\n if (_t2.hasClass('dzsvg-search-field') === false) {\n _t2.hide();\n }\n }\n });\n\n handleResize();\n }\n}","import {dzsvg_check_multisharer, dzsvg_click_open_embed_ultibox} from \"../js_dzsvg/_dzsvg_helpers\";\nimport {svg_embed, svgShareIcon} from \"../js_dzsvg/_dzsvg_svgs\";\nimport {ConstantsDzsvg} from \"../configs/Constants\";\n\n\n/**\n *\n * @param {DzsVideoGallery} selfClass\n * @param {object} o\n * @param {boolean} isMergeSocialIconsIntoOne\n */\nexport function dzsvg_playlist_setupEmbedAndShareButtons(selfClass, o, isMergeSocialIconsIntoOne){\n\n\n // -- going to merge social code into one\n if (isMergeSocialIconsIntoOne) {\n if (o.embedCode !== '' || selfClass.feed_socialCode) {\n dzsvg_check_multisharer();\n if (o.settings_mode === 'wall') {\n\n if (selfClass.$sliderMain.find('.gallery-buttons').length === 0) {\n selfClass.$galleryButtons = selfClass.cgallery.find('.gallery-buttons');\n\n }\n setTimeout(function () {\n selfClass.$sliderMain.before(selfClass.$galleryButtons);\n }, 500);\n }\n\n\n selfClass.$galleryButtons.append('
' + svg_embed + '
' + o.embedCode + '
');\n\n\n }\n\n\n } else {\n\n if (o.embedCode !== '') {\n selfClass.$galleryButtons.append('
');\n selfClass.$galleryButtons.find('.embed-button .handle').click(click_embedhandle(selfClass))\n selfClass.$galleryButtons.find('.embed-button .contentbox').css({\n 'right': 50\n })\n }\n if (selfClass.feed_socialCode) {\n selfClass.$galleryButtons.append('
');\n selfClass.$galleryButtons.find('.share-button .handle').click(click_sharehandle(selfClass))\n selfClass.$galleryButtons.find('.share-button .contentbox').css({\n 'right': 50\n })\n }\n }\n}\n\n\n/**\n *\n * @param {DzsVideoGallery} selfClass\n * @returns {(function(): void)|*}\n */\nfunction click_embedhandle(selfClass) {\n\n return function(){\n\n if (selfClass.isEmbedOpened === false) {\n selfClass.$galleryButtons.find('.embed-button .contentbox').css({\n 'right': 60\n }, {queue: false, duration: ConstantsDzsvg.ANIMATIONS_DURATION});\n\n selfClass.$galleryButtons.find('.embed-button .contentbox').addClass('is-visible');\n selfClass.isEmbedOpened = true;\n } else {\n selfClass.$galleryButtons.find('.embed-button .contentbox').css({\n 'right': 50\n }, {queue: false, duration: ConstantsDzsvg.ANIMATIONS_DURATION});\n\n selfClass.$galleryButtons.find('.embed-button .contentbox').removeClass('is-visible');\n selfClass.isEmbedOpened = false;\n }\n }\n}\n\n\n/**\n *\n * @param {DzsVideoGallery} selfClass\n * @returns {(function(): void)|*}\n */\nfunction click_sharehandle(selfClass) {\n return function() {\n if (selfClass.isShareOpened === false) {\n selfClass.$galleryButtons.find('.share-button .contentbox').css({\n 'right': 60\n });\n\n selfClass.$galleryButtons.find('.share-button .contentbox').addClass('is-visible');\n selfClass.isShareOpened = true;\n } else {\n selfClass.$galleryButtons.find('.share-button .contentbox').css({\n 'right': 50\n });\n\n selfClass.$galleryButtons.find('.share-button .contentbox').removeClass('is-visible');\n selfClass.isShareOpened = false;\n }\n }\n}","import {\n playlist_get_real_responsive_ratio, playlist_navigation_mode_one__set_players_data,\n\n} from \"./_playlistHelpers\";\nimport {detect_video_type_and_source, getDataOrAttr} from \"../_dzsvg_helpers\";\nimport {PLAYER_DEFAULT_RESPONSIVE_RATIO} from \"../../configs/Constants\";\n\n/**\n *\n * transfer feed items\n * @param {DzsVideoGallery} selfClass\n */\nexport function buildPlaylist(selfClass) {\n\n\n let itemsLength = selfClass.$feedItemsContainer.find('.vplayer-tobe').length;\n let o = selfClass.initOptions;\n\n selfClass.Navigation.addNavigationItems(selfClass.$feedItemsContainer);\n\n for (let i = 0; i < itemsLength; i++) {\n var $currentItemFeed = selfClass.$feedItemsContainer.find('.vplayer-tobe').eq(i);\n\n var vpRealSrc = getDataOrAttr($currentItemFeed, 'data-sourcevp');\n var sourceAndType = detect_video_type_and_source(vpRealSrc);\n vpRealSrc = sourceAndType.source;\n $currentItemFeed.data('dzsvg-curatedtype-from-gallery', sourceAndType.type);\n if (sourceAndType.type === 'youtube') {\n if (sourceAndType.source) {\n $currentItemFeed.data('dzsvg-curatedid-from-gallery', sourceAndType.source);\n }\n }\n\n\n vpRealSrc = getDataOrAttr($currentItemFeed, 'data-sourcevp');\n sourceAndType = detect_video_type_and_source(vpRealSrc);\n vpRealSrc = sourceAndType.source;\n const curatedTypeFromGallery = sourceAndType.type;\n\n $currentItemFeed.data('dzsvg-curatedtype-from-gallery', curatedTypeFromGallery);\n $currentItemFeed.data('dzsvg-curatedid-from-gallery', sourceAndType.source);\n\n\n // -- this is inside video gallery\n if ((curatedTypeFromGallery === 'youtube' || curatedTypeFromGallery === 'vimeo' || curatedTypeFromGallery === 'facebook' || curatedTypeFromGallery === 'inline')\n && o.videoplayersettings.responsive_ratio === 'detect' && !($currentItemFeed.attr('data-responsive_ratio'))) {\n if (!$currentItemFeed.attr('data-responsive_ratio') || $currentItemFeed.attr('data-responsive_ratio') === 'detect') {\n $currentItemFeed.attr('data-responsive_ratio', String(PLAYER_DEFAULT_RESPONSIVE_RATIO));\n }\n if (curatedTypeFromGallery === 'inline') {\n setTimeout(function () {\n selfClass.apiResponsiveRationResize(PLAYER_DEFAULT_RESPONSIVE_RATIO * selfClass.videoAreaWidth);\n }, 3003);\n }\n $currentItemFeed.attr('data-responsive_ratio-not-known-for-sure', 'on'); // -- we set this until we know the responsive ratio for sure , 0.562 is just 16/9 ratio so should fit to most videos\n\n if (o.php_media_data_retriever) {\n playlist_get_real_responsive_ratio(i, selfClass);\n }\n }\n\n\n var $cacheMenuItem = selfClass.$navigationItemsContainer.children().last();\n\n if (o.settings_mode === 'normal') {\n if (o.mode_normal_video_mode === 'one') {\n playlist_navigation_mode_one__set_players_data($cacheMenuItem);\n }\n }\n\n }\n\n\n\n}","\nimport {ConstantsDzsvg} from '../../configs/Constants';\nexport function secondCon_initFunctions () {\n\n\n var $ = jQuery;\n $(document).off('click', '.dzsas-second-con .read-more-label');\n $(document).on('click', '.dzsas-second-con .read-more-label', function (e) {\n\n\n var _t = $(this);\n var _con = _t.parent();\n\n var _content = _con.children('.read-more-content').eq(0);\n\n if (_con.hasClass('active')) {\n\n _content.css({\n 'height': 0\n }, {\n queue: false\n , duration: ConstantsDzsvg.ANIMATIONS_DURATION\n , complete: function (e) {\n\n\n }\n })\n\n _con.removeClass('active');\n } else {\n _content.css('height', 'auto');\n\n var auxh = (_content.outerHeight());\n\n _content.css('height', 0);\n _content.css({\n 'height': auxh\n }, {\n queue: false\n , duration: ConstantsDzsvg.ANIMATIONS_DURATION\n , complete: function (e) {\n\n\n $(this).css('height', 'auto');\n }\n })\n\n _con.addClass('active');\n\n }\n\n\n return false;\n })\n\n\n jQuery('.dzsas-second-con').each(function () {\n var _t = jQuery(this);\n\n\n\n var _c = _t;\n\n if (_c.find('.item').eq(1).children('.menudescriptioncon').html()) {\n\n } else {\n\n if (_c.find('.item').eq(2).children('.menudescriptioncon').html()) {\n\n _c.find('.item').eq(1).remove();\n }\n }\n\n var xpos = 0;\n _t.find('.videogallery--navigation-outer--bigblock').each(function () {\n var _t = jQuery(this);\n _t.css('left', xpos + '%');\n xpos += 100;\n })\n\n\n var xpos = 0;\n _t.find('.item').each(function () {\n var _t2 = jQuery(this);\n _t2.css('left', xpos + '%');\n xpos += 100;\n })\n\n\n\n\n\n\n if (_t.attr('data-vgtarget') === '.id_auto') {\n\n\n var _cach = jQuery('.videogallery,.videogallery-tobe').eq(0);\n\n\n var stringClass = /id_(.*?) /.exec(_cach.attr('class'));\n\n if (stringClass && stringClass[1]) {\n _t.attr('data-vgtarget', '.id_' + stringClass[1]);\n }\n\n if (_cach.get(0) && _cach.get(0).api_set_secondCon) {\n _cach.get(0).api_set_secondCon(_t);\n }\n setTimeout(function () {\n if (_cach.get(0) && _cach.get(0).api_set_secondCon) {\n _cach.get(0).api_set_secondCon(_t);\n }\n }, 1000)\n }\n\n\n })\n\n}\n"],"sourceRoot":""}