&
tags and replace [ PART ] w/ part name\n outcomeP.forEach( ( p, idx ) => {\n p.innerText = p.innerText.replaceAll( '[ PART ]', partType + ': ' + modelType );\n } );\n }\n } );\n\n // Hide Next Button\n if ( $( '.gform_next_button' )[currentPage - 1] ) {\n $( '.gform_next_button' )[currentPage - 1].style.visibility = 'hidden';\n }\n }\n }, );\n\n // Hide or show continue button\n if ( $( '.gform_page' )[currentPage - 1].classList.contains( 'radio-cards' ) ) {\n $( '.gform_next_button' )[currentPage - 1].style.visibility = 'hidden';\n } else if ( $( '.gform_next_button' )[currentPage - 1] ) {\n $( '.gform_next_button' )[currentPage - 1].style.visibility = 'visible';\n }\n\n // Set current page, scroll to top\n // $( '.quoter-skin .gform_page' ).removeClass( 'current-page' );\n // $( '#gform_page_' + formId +'_' + currentPage ).addClass( 'current-page' ).attr( 'tabindex', '0' );\n // $( '.current-page' ).focus();\n\n if ( window.innerWidth > 1023 ) {\n $( 'html, body' ).animate( {scrollTop: 0}, 'slow' );\n } else {\n $( 'html, body' ).animate( {scrollTop: $( 'body' ).position().top}, 'slow' );\n }\n\n // if on the final page, remove custom next button\n if ( currentPage == 1 ) {\n $( '.quoter-form .quoter_back' ).addClass( 'hidden' );\n } else {\n $( '.quoter-form .quoter_back' ).removeClass( 'hidden' );\n }\n\n if ( pages[currentPage - 1].classList.contains( 'model-page' ) ) {\n const select = $( '.current-page .model_input select' );\n\n select.on( 'change', ( e ) => {\n modelType = e.target.value;\n } );\n }\n\n if ( pages[currentPage - 1].classList.contains( 'final-page' ) ) {\n const skuFinder = page.querySelectorAll( '.sku-finder select option' );\n\n const outcome1 = $( '.final-page .bolded-skus' );\n const outcome2 = $( '.final-page .regular-skus' );\n\n let count = 0;\n\n // Running through to find bold matches to set appropriate outcome\n skuFinder.forEach( ( sf, idx ) => {\n if ( modelType == sf.value ) {\n count ++;\n }\n } );\n\n if ( count > 0 ) {\n outcome2.hide();\n } else {\n outcome1.hide();\n }\n }\n } );\n\n // progress form on radio click\n $( document ).on( 'click', '.current-page.radio-cards input[type=\"radio\"]', function() {\n setTimeout( () => {\n $( '.current-page .gform_next_button' ).trigger( 'click' );\n }, 750 );\n } );\n\n // \n\n // Gform Confirmation loaded handling\n jQuery( document ).on( 'gform_confirmation_loaded', function( event, formId ) {\n const message = document.querySelector( '.gform_confirmation_message' );\n const listItems = message.querySelectorAll( 'li' );\n\n // add wysiwyg class to confirmation message\n message.classList.add( 'wysiwyg' );\n\n // Loop through all
tags and replace [ PART ] w/ part name\n listItems.forEach( ( item, idx ) => {\n console.log( item );\n item.innerText = item.innerText.replaceAll( '[ PART ]', partType + ': ' + modelType );\n } );\n\n backBtn.style.visibility = 'hidden';\n } );\n },\n finalize: function() {\n },\n };\n\n // Hooks the component into the app\n app.registerComponent( 'quoter-form', COMPONENT );\n} )( app );\n","/**\n* LL JS\n* -----------------------------------------------------------------------------\n*\n* This is the core of the LLJS system. It's a combination of a couple things,\n* DOM-based routing, module-export pattern, and component-driven development.\n*\n* The goal is to allow component JS to exist within the component's folder\n* and only firing if that component is being used on the page.\n*/\nwindow.debounce = require( 'lodash/debounce' );\nwindow.throttle = require( 'lodash/throttle' );\n\n( function( $ ) {\n const arrayUnique = function( a ) {\n return a.reduce( function( p, c ) {\n if ( p.indexOf( c ) < 0 ) {\n p.push( c );\n }\n return p;\n }, [] );\n };\n\n /**\n * The main app.\n *\n * @type {Object}\n */\n const app = {\n\n components: {},\n\n registerComponent: function( componentName, component ) {\n this.components[componentName] = component;\n },\n };\n\n window.app = app;\n window.isMobile = ! window.matchMedia( '(min-width: 768px)' ).matches;\n window.previouslyMobile = window.isMobile;\n\n $( window ).on( 'resize', debounce( function() {\n window.isMobile = ! window.matchMedia( '(min-width: 768px)' ).matches;\n if ( window.isMobile !== window.previouslyMobile ) {\n window.previouslyMobile = window.isMobile;\n $( document ).trigger( 'updateMediaQuery' );\n }\n }, 100 ) );\n\n window.toggleGridOverlay = function() {\n const template = `