');\n });\n \n function updateMenuDisplay() {\n \n // Initial selected item class removal\n dropdownEl\n .find('.js-item-selected')\n .removeClass('js-item-selected');\n\n // Get selected option from select\n var selected = selectDropdownEl\n .find('option')\n .filter(function() {\n return $(this).prop('selected');\n });\n\n var selectedDropdownItem = dropdownEl.find('[data-value=\"' + selected.val() + '\"]');\n\n // Set selected option text in toggle button\n if (selected.val() === '') {\n placeHolderEl.html(placeHolderText);\n dropdownToggle.removeClass('js-has-selected');\n } else {\n selectedDropdownItem.addClass('js-item-selected');\n dropdownToggle.addClass('js-has-selected');\n placeHolderEl.html(selected.text() + ' selected');\n }\n }\n \n // Initial update\n updateMenuDisplay();\n\n dropdownEl.find('.b-dropdown-item').on('click', function(e) {\n e.preventDefault();\n\n var value = $(this).data('value');\n var eTarget = $(e.target);\n\n // Select the correct option\n dropdownEl\n .find('option')\n .prop('selected', false);\n\n var optionToSelect = dropdownEl.find('option').filter(function() {\n return $(this).val().toString() === value.toString();\n });\n \n optionToSelect.prop('selected', true);\n\n // Update after click\n updateMenuDisplay();\n\n // Focus on dropdown toggle after selection is made\n dropdownToggle.focus();\n \n // Trigger change\n selectDropdownEl.trigger('change');\n \n // Close if using simple-dropdown.js\n if (eTarget.closest('.dropdown-menu').attr('data-toggle') !== 'dropdown') {\n eTarget\n .closest('.b-dropdown')\n .removeClass('js-dropdown-active')\n .end()\n .closest('.b-dropdown')\n .find('.b-dropdown-menu')\n .removeClass('js-is-showing')\n .end()\n .closest('.b-dropdown')\n .find('.toggle-btn')\n .attr('aria-expanded', false);\n }\n });\n \n // Focus on first or selected item when dropdown is fired\n var shownHandler = (dropdownEl.find('[data-toggle=\"dropdown\"]').length) ? 'shown.bs.dropdown' : 'shown.dropdown';\n dropdownEl.on(shownHandler, function() {\n var focusOnThisEl = (dropdownEl.find('.js-item-selected').length) ? dropdownEl.find('.js-item-selected') : dropdownEl.find('.b-dropdown-item').first();\n focusOnThisEl.focus();\n });\n\n // First letter type focus first on entry\n dropdownEl.on('keydown', function (e) {\n var $this = $(this);\n \n $this\n .find('.b-dropdown-item')\n .each(function() {\n if ( $(this).text().charAt(0).toLowerCase() === String.fromCharCode(e.which).toLowerCase() ) {\n $(this).focus();\n return false;\n }\n });\n }); \n });\n \n $(window).trigger($.Event('select-to-dropdown.ready'));\n };\n\n $.fn.refreshSelectToDropdown = function() {\n $(this).each(function() {\n $(this)\n .find('.toggle-text')\n .html('')\n .end()\n .find('.b-dropdown-menu > *')\n .remove()\n .end()\n .selectToDropdown();\n });\n };\n}(jQuery));","// Clickable\n$(function () {\n $('.clickable').each(function(){\n var $this = $(this),\n imgLink = $this.find('a img'),\n down,\n up,\n link = $this.find('a').first(),\n auxClick;\n\n if (imgLink.length) {\n imgLink.unwrap();\n }\n\n $this.on('mousedown', function(e) {\n down = + new Date();\n auxClick = false;\n\n if (e.which === 3) {\n auxClick = true;\n }\n }).on('mouseup', function() {\n up = +new Date();\n\n if ((up - down) < 200 && auxClick === false) {\n link[0].click();\n }\n });\n });\n});","function detectIEEdgeNew() {\n var ua = window.navigator.userAgent;\n\n var msie = ua.indexOf('MSIE ');\n if (msie > 0) {\n // IE 10 or older => return version number\n return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);\n }\n\n var trident = ua.indexOf('Trident/');\n if (trident > 0) {\n // IE 11 => return version number\n var rv = ua.indexOf('rv:');\n return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);\n }\n\n var edge = ua.indexOf('Edge/');\n if (edge > 0) {\n // Edge => return version number\n return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);\n }\n\n // other browser\n return false;\n}","/* eslint-disable no-inner-declarations */\n\n(function ($) {\n $(function () {\n // Initialize mobile menu\n $('.mobile-nav').multilevelNav({\n 'childMenuTogglerSymbol':\n ''\n });\n\n $('.mobile-nav').find('.mln__level-1 > .mln__child-controls > a').each(function () {\n $(this).attr('tabindex', '-1');\n })\n\n // Close search collapse and mobile expander when clicking off them\n $(document).on('click', function (event) {\n var eventTarget = $(event.target);\n\n // Close seach collapse\n if (\n eventTarget.closest('.mobile-search').length === 0 &&\n $('.mobile-search__collapse.show').length\n ) {\n $('#mobileSearchCollapse').collapse('hide');\n }\n\n // Close mobile expander\n if (\n eventTarget.closest('.mln__expander--showing').length === 0 &&\n eventTarget.closest('.mobile-nav__expand-btn').length === 0 &&\n !eventTarget.hasClass('mobile-nav__expand-btn') &&\n $('.mln__expander--showing').length\n ) {\n $('.mobile-nav__expand-btn').trigger('click');\n }\n });\n\n // Close search when pressing escape key\n $('.mobile-search__collapse, .mobile-search__expand-btn').on('keyup', function (event) {\n var eventTarget = $(event.target);\n\n if (\n event.key === 'Escape' &&\n eventTarget.closest('.mobile-search').length &&\n $('.mobile-search__collapse.show').length\n ) {\n $('#mobileSearchCollapse').collapse('hide');\n $('.mobile-search__expand-btn').focus();\n }\n });\n\n // Close mobile nav expander when pressing escape key\n $('.mln__expander, .mobile-nav__expand-btn').on('keyup', function (event) {\n if (\n event.key === 'Escape' &&\n $('.mobile-nav').find('.mln__has-child--showing').length === 0 &&\n $('.mln__expander--showing').length\n ) {\n $('.mobile-nav__expand-btn')\n .trigger('click')\n .focus();\n }\n });\n\n if (window.location.hash) {\n // console.log(window.location.hash);\n var hashName = window.location.hash.substring(window.location.hash.indexOf('#') + 1);\n var aTag = $(\"a[name='\" + hashName + \"']\");\n var header = $(\".desktop-header\").outerHeight() + 10;\n $('html,body').animate({ scrollTop: aTag.offset().top - header }, 'fast');\n }\n });\n\n // Initialize desktop menu\n $('.desktop-nav').multilevelNav({\n 'hoverIntent': true,\n 'hoverIntentTimeout': 200,\n 'excludeLevel': 2,\n // 'toggleOnClickOnly': true,\n 'wholeLinkToggler': true,\n });\n\n // Render controls element\n if ($('body').data('show-grid-overlay') === true || $('body').data('show-image-specs') === true) {\n $('')\n .addClass('helper-controls container')\n .prependTo('.site-header')\n .css({\n 'position': 'fixed',\n 'width': 'auto',\n 'top': '0',\n 'left': '0',\n 'font-size': '11px',\n 'padding': '3px 7px',\n 'z-index': '20000',\n 'background': '#fff',\n 'border-bottom-right-radius': '3px',\n });\n }\n\n // Initialize grid overlay\n $.fn.gridOverlay({\n 'outerPadding': '3rem',\n 'controlsParentSelector': '.helper-controls'\n });\n\n // Initialize image spec tags\n $.fn.imageSpecs({\n 'imageExcludeSelectors': '.site-header__logo-full, .site-header__logo-acronym, .site-footer__logo',\n 'linkColor': '#005587',\n 'controlsParentSelector': '.helper-controls'\n });\n\n // Initialize font spec\n $(window).on('load', function () {\n $.fn.fontSpecs();\n });\n\n // Initialize hero video\n $('.hero').heroVideo();\n\n // Toggle text on toggle button\n toggleText('.collapse');\n\n // Render sort by dropdown elements for styled select\n $('.sort-by__select').renderSelectToDropdownElements({\n 'buttonClass': 'sort-by__toggle',\n 'bootstrapDropdown': true\n });\n\n // Sort by select to dropdown initialization\n var sortBySelect = $('.sort-by__toggle').closest('.select-to-dropdown');\n sortBySelect\n .addClass('w-100')\n .selectToDropdown();\n\n // Render dropdown elements for styled select\n $('.styled-select').renderSelectToDropdownElements({\n 'buttonClass': 'pager__select-toggle',\n 'bootstrapDropdown': true\n });\n\n // Select to dropdown initialization\n var pagerSelect = $('.pager__select-toggle').closest('.select-to-dropdown');\n pagerSelect.selectToDropdown();\n\n // Dropdown select items wrap \"of and number\" in sr-only span\n $('.pager .dropdown-menu').each(function () {\n var $this = $(this);\n var ddItem = $this.find('.dropdown-item');\n\n ddItem.each(function () {\n var $ddItem = $(this);\n $ddItem.html($ddItem.text().replace(/(\\w+\\s\\w+?)$/, '$1'));\n });\n });\n\n // Go to top of results when bottom pager is adjusted\n var pagerTargets = $('.pager--bottom').find('.pager__prev, .pager__next, .pager__select');\n var productListingContainer = $('.product-listing-loading');\n var siteHeader = $('.desktop-header');\n\n pagerTargets.on('click change', function () {\n var scrollToOffset = (siteHeader.is(':visible')) ? (siteHeader.outerHeight() + 20) : 20;\n\n if (productListingContainer.length) {\n $('html, body').animate({\n scrollTop: productListingContainer.offset().top - scrollToOffset\n });\n }\n });\n\n syncRadios('#checkBoxViewImages', '#checkBoxViewImages2');\n syncRadios('#checkBoxViewImages2', '#checkBoxViewImages');\n syncRadios('#checkBoxViewRenders', '#checkBoxViewRenders2');\n syncRadios('#checkBoxViewRenders2', '#checkBoxViewRenders');\n\n // Add body class when render radio is checked\n $('#checkBoxViewRenders, #checkBoxViewRenders2').on('change', function () {\n if ($(this).is(':checked')) {\n $('body').addClass('js-renders-checked');\n } else {\n $('body').removeClass('js-renders-checked');\n }\n });\n\n let isDocReady = true;\n\n $(document).ajaxSuccess(function () {\n // Rerun checkbox/radio styled js on ajax success\n checkboxAndRadioStyled();\n\n // Refresh sort by select dropdown\n sortBySelect.refreshSelectToDropdown();\n\n // Refresh pager select dropdown\n pagerSelect.refreshSelectToDropdown();\n\n // Sync current page to select pager dropdown item on page load\n setTimeout(function () {\n updatePagerDisplay('.pager', 'reset', true);\n }, 300);\n\n // Sync pager selects\n syncPagerSelects();\n\n // Run filter collapse function\n filtersCollapseInit();\n\n // Add requird asterisk\n addAsteriskToRequiredSelectOption();\n\n if (isDocReady === true) {\n $('.radio-tabs__list .radio-tabs__item')\n .first()\n .find('.radio-tabs__radio')\n .prop('checked', 'checked');\n\n isDocReady = false;\n }\n });\n\n // Fix collapse issues between old vs new bootstrap\n $('[data-toggle=\"collapse\"').each(function () {\n var $collapse = $(this);\n var collapseID = $collapse.attr('aria-controls');\n var collapseEl = $('#' + collapseID);\n\n if (!collapseEl.is('.in')) {\n $collapse.addClass('collapsed');\n }\n });\n\n // Refresh styled checkboxes/radios\n $('.filters').on('click', function () {\n checkboxAndRadioStyled();\n });\n\n // Run filter collapse function\n filtersCollapseInit();\n\n // Related links block aria fix.\n var relatedAccordionToggle = $('.relatedlinksblock .accordion-section__status');\n relatedAccordionToggle.on('click keypress', function (e) {\n var relatedAccordion = $(this).closest('.relatedlinksblock');\n relatedAccordion\n .find('[aria-expanded=\"true\"]')\n .not($(this))\n .attr('aria-expanded', 'false');\n });\n\n // Pager popover fix\n if ($('.pager [data-toggle=\"pagerpopover\"]').length) {\n // Toggle click\n $('.pager [data-toggle=\"pagerpopover\"]').on('click', function (e) {\n legacyPagerToggle($(this));\n });\n\n // Close on escape key\n $('.pager').on('keydown', function (e) {\n if (e.key === 'Escape' && !$(this).find('.popover-content-container').hasClass('hidden')) {\n $(this).find('[data-toggle=\"pagerpopover\"]')\n .trigger('click')\n .focus();\n }\n });\n\n // Close on click off\n $(document).on('click', function (e) {\n if (!$(e.target).closest('.popover-content-container').length && !$(e.target).is('[data-toggle=\"pagerpopover\"]')) {\n $('.pager')\n .find('.popover-content-container')\n .not('.hidden')\n .closest('.pager')\n .find('[data-toggle=\"pagerpopover\"]')\n .trigger('click');\n }\n });\n }\n\n // Filters, view amount and image/render toggle updates\n $('.filters, .radio-tabs').on('click', function (e) {\n pagerSelect.refreshSelectToDropdown();\n updatePagerDisplay('.pager', 'reset');\n $(e.target).focus();\n });\n\n // Sort by update\n $('#filterBySelect').on('change', function () {\n pagerSelect.refreshSelectToDropdown();\n updatePagerDisplay('.pager', 'reset');\n $(this).focus();\n });\n\n $(\".faq-jump-list\").on(\"click\", \"a\", function (e) {\n e.preventDefault();\n\n var header = $(\".desktop-header\").outerHeight() + 10;\n var button = $(\"button[data-target='\" + $(this).attr(\"href\") + \"']\");\n button.click();\n $('html,body').animate({ scrollTop: button.offset().top - header }, 'fast');\n })\n\n // Style Episerver form checkboxs\n $('.FormChoice__Input--Checkbox, .FormChoice__Input--Radio')\n .closest('.checkbox')\n .each(function () {\n $(this).addClass('styled');\n });\n checkboxAndRadioStyled();\n\n // Attempt to fix validation focus issue where focused unvalidated form element is hidden behind the site header\n if ($('.EPiServerForms').length) {\n $$epiforms('.EPiServerForms').on('formsStepValidating', function () {\n var $currentForm = $(this);\n var checkElements = $currentForm.find('input, select, textarea').not('.FormSubmitButton')\n\n // Listen for focus on first errored element\n checkElements.on('focus', function () {\n var additionalOffsetSpace = 60;\n var headerOffset = ($(window).width() >= 992) ? $('.site-header .desktop-header').outerHeight() + additionalOffsetSpace : additionalOffsetSpace;\n\n // Jump to errored element once it recieves focus with adjusted offset\n if ($currentForm.find('.ValidationFail').length) {\n $('html, body').animate({\n scrollTop: $currentForm.find(document.activeElement).offset().top - headerOffset\n }, 0);\n\n // Remove focus event listener so it only runs once per submit press\n checkElements.off('focus');\n }\n });\n });\n }\n\n $(document).ready(function () {\n initializeGDPRCookie();\n });\n \n\n // Add blank alt tag to images that don't have and alt tag at all\n $('img').not('[alt]').each(function () {\n $(this).attr('alt', '');\n });\n})(jQuery);\n\n// Sync up images/render toggle switches\nfunction syncRadios(origEl, syncedEl) {\n $(origEl).on('click keypress', function () {\n if ($(origEl).is(':checked')) {\n $(syncedEl).prop('checked', true);\n } else {\n $(syncedEl).prop('checked', false);\n }\n });\n}\n\n// Sync selects function\nfunction syncSelect(origEl, syncedEl) {\n var origSelectDropdown = $(origEl).closest('.select-to-dropdown');\n var syncedElDropdown = $(syncedEl).closest('.select-to-dropdown');\n\n origSelectDropdown.find('.b-dropdown-item').on('click', function (e) {\n var dataValue = $(this).data('value');\n var optionText = syncedElDropdown.find('.b-dropdown-item[data-value=\"' + dataValue + '\"]').text();\n\n syncedElDropdown\n .find('.js-item-selected')\n .removeClass('js-item-selected')\n .end()\n .find('.b-dropdown-item[data-value=\"' + dataValue + '\"]')\n .addClass('js-item-selected')\n .end()\n .find('.toggle-text')\n .text(optionText);\n });\n}\n\n// Sync pager selects\nfunction syncPagerSelects() {\n setTimeout(function () {\n syncSelect('#currentPageOfSelect', '#currentPageOfSelect2');\n syncSelect('#currentPageOfSelect2', '#currentPageOfSelect');\n }, 1000);\n}\n\nfunction updatePagerDisplay(el, reset, isAjax) {\n var pagerDropdown = $(el);\n var pagerButtons = pagerDropdown.find('.b-dropdown-item, .pager__prev, .pager__next');\n\n pagerButtons.on('click', function () {\n var pageOfText = $('[data-pagerinfo]').first().attr('data-pagerinfo');\n var pageOfTextSplit = pageOfText.split(' ');\n var currentPage = pageOfTextSplit[1];\n\n // Remove previous selected class\n pagerDropdown.find('.b-dropdown-item').removeClass('js-item-selected');\n\n // Add selected class to current item\n pagerDropdown.find('.b-dropdown-item[data-value=\"' + currentPage + '\"]').addClass('js-item-selected');\n\n // Change toggle button text\n pagerDropdown.find('.toggle-text').html(pageOfText);\n });\n\n //if (reset === 'reset') {\n // pagerDropdown\n // .first()\n // .find('.b-dropdown-item[data-value=\"1\"]')\n // .trigger('click');\n //}\n\n if (isAjax === true && pagerDropdown.length) {\n $('body')\n .attr('tabindex', 0)\n .focus()\n .blur()\n .removeAttr('tabindex');\n }\n}\n\n// Fix mobile filter collapse issues\nfunction filtersCollapseInit() {\n setTimeout(function () {\n $('.filters__item-toggle-btn').each(function () {\n var $filterToggle = $(this);\n\n $filterToggle.on('click keypress', function () {\n var $toggle = $(this);\n var associatedCollapse = $toggle.closest('.filters__item').find('.collapse').first();\n\n if (associatedCollapse.is('.show')) {\n $toggle.attr('aria-expanded', false)\n associatedCollapse.collapse('hide');\n } else {\n $toggle.attr('aria-expanded', true)\n associatedCollapse.collapse('show');\n }\n });\n });\n }, 1000);\n}\n\n// Pager popover toggler function\nfunction legacyPagerToggle(toggleEl) {\n if ($(toggleEl).siblings('.popover-content-container').hasClass('hidden')) {\n $(toggleEl)\n .attr('aria-expanded', 'true')\n .siblings('.popover-content-container')\n .removeClass('hidden');\n } else {\n $(toggleEl)\n .attr('aria-expanded', 'false')\n .siblings('.popover-content-container')\n .addClass('hidden');\n }\n}\n\n// Toggle text toggler\nfunction toggleText(el) {\n $(el).not('.toggle-text--collapse').each(function () {\n var $collapse = $(this);\n\n $collapse\n .addClass('toggle-text--collapse')\n .on('hide.bs.collapse show.bs.collapse', function () {\n var collapseID = $(this).attr('id');\n var toggleBtn = $('.toggle-text[data-target=\"#' + collapseID + '\"], .toggle-text[href=\"#' + collapseID + '\"]');\n var text = toggleBtn.first().text();\n\n toggleBtn\n .text(toggleBtn.data('replace'))\n .data('replace', text);\n });\n });\n}\n\nfunction getCookie(name) {\n let value = '; ${document.cookie}';\n let parts = value.split('; ${name}=');\n if (parts.length === 2) {\n return parts.pop().split(';').shift();\n }\n}\n\nfunction initializeGDPRCookie() {\n let gdprCookie = getCookie(\"AcceptGDPR\");\n if (gdprCookie === undefined && !document.cookie.includes(\"AcceptGDPR\")) {\n $(\"#GDPRBlock\").removeClass(\"d-none\");\n } else {\n $(\"#GDPRBlock\").remove();\n }\n\n $(\"#GDPRBlock\").on(\"click\", \".btn-gdpr\", function (e) {\n e.preventDefault();\n document.cookie = \"AcceptGDPR=true; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT\";\n\n $(\"#GDPRBlock\").slideUp(\"slow\", function () {\n $(this).remove();\n })\n })\n}\n\nfunction addAsteriskToRequiredSelectOption() {\n $('.ValidationRequired select').each(function () {\n var $select = $(this);\n var valRequiredSelectOption = $select.find('option').first();\n\n if (!valRequiredSelectOption.text().includes('*')) {\n var optionText = valRequiredSelectOption.text();\n\n valRequiredSelectOption.text('*' + optionText);\n }\n });\n\n $('.ValidationRequired input').each(function () {\n var $input = $(this);\n var valRequiredInputOption = $input.first();\n\n if (!valRequiredInputOption.attr('placeholder').includes('*')) {\n var optionText = valRequiredInputOption.attr('placeholder');\n\n valRequiredInputOption.attr('placeholder', '*' + optionText);\n }\n });\n}"]}