{"version":3,"file":"article_page_uk.js","sources":["article_page_uk.js"],"sourcesContent":["(function ($, Drupal) {\n  Drupal.behaviors.nppeTttArticleFull = {\n    attach: function (context) {\n      // ---------\n      const $window = $(window);\n      const $ct = $(context).find('.node--type-nppe-article');\n      const $layoutBuilderLinks = $ct.find('#pel-builder h2, #pel-builder h3');\n      // Avoid problems with achors inside the layout builder before use these elements.\n      $layoutBuilderLinks.prop('id', 'layoutBuilderId');\n      const $progressBarWrapper = $ct.find('.article--progressbar');\n      const $articleHero = $ct.find('.article--hero');\n      const $progressBar = $ct.find('.progressbar-main-bar');\n      const $progressBarAnchors = $ct.find('.article--anchors');\n      const $pgDropDownButtonWrapper = $ct.find('.article--dropbtn-wrapper');\n      const $pgDropDownButton = $ct.find('.article--dropbtn');\n      const $pgDropDownContent = $ct.find('.article--dropdown-content');\n      const $pgDropDownItems = $ct.find('.article--dropdown-content li');\n      const $pgDropDownLinks = $pgDropDownItems.find('a');\n      const $pgSuggestedProducts = $ct.find('.progressbar--suggested-products');\n      const $suggestedProductsComponent = $ct.find('.component--products-list');\n      const $articleAuthor = $ct.find('.hero--article-author-heading');\n      const scrollItems = $pgDropDownLinks.map(function () {\n        var item = $($(this).attr('href'));\n        if (item.length) {\n          return item;\n        }\n      });\n      var mobile = true;\n      var paddingOffset = 80;\n      var extraOffset = 20;\n      var lastId;\n\n      $(once('alerts-wrapper', $ct, context)).each(function () {\n        // @fixme we are forced to expose $() since DOMElementRelocation\n        //    does not suport JQuery()\n        window.$ = jQuery;\n\n        new DOMElementRelocation({\n          breakpoints: {\n            desk: '(min-width: 1140px)',\n            mob: '(min-width: 0px) and (max-width: 1139px)'\n          },\n          elements: [{\n            element: '.field--name-field-article-sidebar-block',\n            mob: '.mobile-placeholder--article-sidebar-block',\n            desk: false\n          }]\n        });\n\n        // Define the media query.\n        $window.mediaQueryEvents({\n          breakpoints: {\n            'article_mobile': '(min-width: 0px) and (max-width: 1139px)',\n            'article_desktop': '(min-width: 1140px)'\n          }\n        });\n\n        // Listen mobile breakpoint.\n        $window.on('mq.article_mobile', function () {\n          mobile = true;\n          extraOffset = 20;\n          paddingOffset = 80;\n        });\n\n        // Listen desktop breakpoint.\n        $window.on('mq.article_desktop', function () {\n          mobile = false;\n          extraOffset = 50;\n          paddingOffset = 50;\n        });\n\n        // Make the progress bar sticky and increase/decrease when scroll.\n        var progressbarOffset = $progressBarWrapper.offset().top;\n        var progressbarHeight = $progressBarWrapper.height();\n\n        $window.scroll(function () {\n          // eslint-disable-next-line max-len\n          var vHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n          var barWidth = (document.documentElement.scrollTop * 100 / vHeight);\n          $progressBar.css('width', barWidth + '%');\n\n          if (mobile) {\n            if (($window.scrollTop()) > (progressbarOffset + progressbarHeight)) {\n              $progressBarWrapper.addClass('sticky');\n              $articleHero.css('paddingTop', progressbarHeight + 'px');\n            }\n            else {\n              $progressBarWrapper.removeClass('sticky');\n              $articleHero.css('paddingTop', 0);\n            }\n          }\n        });\n\n        // Set the dropdown text with the first element.\n        $pgDropDownButton.text($pgDropDownItems.eq(0).text());\n        $pgDropDownItems.eq(0).addClass('active');\n\n        // Dropdown functionality.\n        $pgDropDownButtonWrapper.on('click', function () {\n          // eslint-disable-next-line max-len\n          $pgDropDownContent.add($pgDropDownButtonWrapper).add($pgSuggestedProducts).add($progressBarWrapper).toggleClass('open');\n        });\n\n        // Close dropdown when the user clicks outside.\n        $(document).mouseup(function (e) {\n          // If the target of the click isn't the container nor a descendant of the container.\n          if ($pgDropDownButtonWrapper.hasClass('open') &&\n\t\t\t\t\t\t!$progressBarAnchors.is(e.target) &&\n\t\t\t\t\t\t$progressBarAnchors.has(e.target).length === 0\n          ) {\n            // eslint-disable-next-line max-len\n            $pgDropDownContent.add($pgDropDownButtonWrapper).add($pgSuggestedProducts).add($progressBarWrapper).removeClass('open');\n          }\n        });\n\n        $pgDropDownItems.on('click', function (e) {\n          e.preventDefault();\n\n          // Store hash.\n          var hash = $(this).find('a')[0].hash;\n\n          $('html, body').animate({\n            scrollTop: $(hash).offset().top + getOffset()\n          }, 100);\n\n          $pgDropDownButton.text($(this).text());\n          $pgDropDownItems.add($pgDropDownContent.find('li .active')).removeClass('active');\n          $(this).addClass('active');\n          // eslint-disable-next-line max-len\n          $pgDropDownContent.add($pgDropDownButtonWrapper).add($pgSuggestedProducts).add($progressBarWrapper).removeClass('open');\n        });\n\n        $pgSuggestedProducts.on('click', function () {\n          $pgDropDownItems.removeClass('active');\n          // eslint-disable-next-line max-len\n          $pgDropDownContent.add($pgDropDownButtonWrapper).add($pgSuggestedProducts).add($progressBarWrapper).removeClass('open');\n          $pgDropDownButton.text($(this).text());\n\n          $('html, body').animate({\n            scrollTop: $suggestedProductsComponent.offset().top + getOffset()\n          }, 800);\n        });\n\n        $articleAuthor.on('click', function () {\n          $('html, body').animate({\n            scrollTop: $('.article-author-bottom').offset().top - ($(window).height() / 2) + ($('.article-author-bottom').outerHeight() / 2)\n          }, 500);\n        })\n      });\n\n      // Change dropdown label while scrolling.\n      $(window).scroll(function () {\n        // Get container scroll position.\n        var fromTop = $(this).scrollTop();\n        // console.log(fromTop)\n\n        // Get id of current scroll item.\n        var cur = scrollItems.map(function () {\n          if ($(this).offset().top < fromTop - getOffset() + extraOffset) {\n            return this;\n          }\n        });\n\n        // console.log(cur)\n\n        // Get the id of the current element.\n        cur = cur[cur.length - 1];\n        var id = cur && cur.length ? cur[0].id : '';\n\n        if (id === '') {\n          id = lastId;\n        }\n\n        if (lastId !== id) {\n          lastId = id;\n\n          // Set/remove letter-active class\n          $pgDropDownLinks\n            .parent().removeClass('active')\n            .end().filter('[href=\\'#' + id + '\\']').parent().addClass('active');\n          // Change the dropdown label with the active text.\n          $pgDropDownButton.text($pgDropDownLinks.filter('[href=\\'#' + id + '\\']').text());\n        }\n      });\n\n      function getOffset () {\n        var offsetValue = 0;\n        if (mobile) {\n          // Offset of the sticky menu with 45px or 10px of paddings.\n          offsetValue = offsetValue - $pgDropDownButtonWrapper.height() - paddingOffset;\n        }\n        else {\n          offsetValue = offsetValue - paddingOffset;\n        }\n        return offsetValue;\n      }\n      // ---------\n    }\n  };\n})(jQuery, Drupal);\n"],"names":["$","Drupal","behaviors","nppeTttArticleFull","attach","context","$window","window","$ct","find","prop","$progressBarWrapper","$articleHero","$progressBar","$progressBarAnchors","$pgDropDownButtonWrapper","$pgDropDownButton","$pgDropDownContent","$pgDropDownItems","$pgDropDownLinks","$pgSuggestedProducts","$suggestedProductsComponent","$articleAuthor","scrollItems","map","item","this","attr","length","lastId","mobile","paddingOffset","extraOffset","getOffset","offsetValue","height","once","each","jQuery","DOMElementRelocation","breakpoints","desk","mob","elements","element","mediaQueryEvents","article_mobile","article_desktop","on","progressbarOffset","offset","top","progressbarHeight","scroll","vHeight","document","documentElement","scrollHeight","clientHeight","barWidth","scrollTop","css","addClass","removeClass","text","eq","add","toggleClass","mouseup","e","hasClass","is","target","has","preventDefault","hash","animate","outerHeight","fromTop","cur","id","parent","end","filter"],"mappings":"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"}