https://dieselpowerproducts.com/cdn/shop/t/114/assets/marquee.js?v=98106754178910803571776096202

1(()=>{var InfiniteMarquee=class{constructor(e={}){this.element=typeof e.element=="string"?[...document.querySelectorAll(e.element)]:e.element,this.direction=e.direction||"left",this.spaceBetween=e.spaceBetween||"0px",this.gap={vertical:e.gap&&e.gap.vertical||"5px",horizontal:e.gap&&e.gap.horizontal||"0px"},this.speed=e.speed||1e4,this.fullContainer=e.fullContainer||!1,this.smoothEdges=e.smoothEdges||!1,this.pauseOnHover=e.pauseOnHover||!1,this.duplicateCount=e.duplicateCount||1,this.breakpointSize=e.breakpointSize||1023,this.desktopBreakpoint=this.breakpointSize+1,this.mobileSettings=e.mobileSettings||{},this.destroyOnDesktop=e.destroyOnDesktop||!1,this.destroyOnMobile=e.destroyOnMobile||!1,this.elementClass=e.elementClass||"marquee-container",this.on={beforeInit:e.on&&e.on.beforeInit||null,afterInit:e.on&&e.on.afterInit||null,pauseAnimation:e.on&&e.on.pauseAnimation||null,resumeAnimation:e.on&&e.on.resumeAnimation||null},this.scrollType=e.direction==="top"||e.direction==="bottom"?"vertical":"horizontal",this.debugging=e.debugging||!1,this.animateMotion=!0,this.isMarqueeInitialized=!1,!this.isMarqueeInitialized&&this.init(),typeof window<"u"&&(this.destroyOnResponsive(),(this.destroyOnMobile||this.destroyOnDesktop)&&window.addEventListener("resize",this.destroyOnResponsive.bind(this)))}init(){if(typeof window>"u"&&typeof document>"u"||!(Array.isArray(this.element)?this.element.length>0:this.element))this.debugging&&console.error("\u{1F68A} Infinite Marquee - Failed to Initialize");else{if(this.debugging&&console.log("\u{1F68A} Infinite Marquee - Initialized"),window.matchMedia("(prefers-reduced-motion: reduce)").matches&&(this.animateMotion=!1,this.debugging&&console.log('\u{1F68A} Infinite Marquee - "prefers-reduced-motion" is Reduced')),typeof this.on.beforeInit=="function"&&this.on.beforeInit(),Array.isArray(this.element)){this.isMarqueeInitialized=!0;for(const e of this.element)this.configureChildNodes(e),this.configureAnimationOptions(e);this.debugging&&console.log("\u{1F68A} Infinite Marquee - DOM Nodes Created from Array")}else this.isMarqueeInitialized=!0,this.configureChildNodes(this.element),this.configureAnimationOptions(this.element),this.debugging&&console.log("\u{1F68A} Infinite Marquee - DOM Nodes Created from Single Element");typeof this.on.afterInit=="function"&&this.on.afterInit()}}configureChildNodes(e){const i=document.createElement("div");for(i.classList.add(`${this.scrollType}-marquee-inner`);e.firstChild;)i.appendChild(e.firstChild);e.classList.add(`${this.scrollType}-marquee`),e.appendChild(i),this.duplicateOriginalNodes(i),this.duplicateContainer(e),this.debugging&&console.log("\u{1F68A} Infinite Marquee - DOM Nodes Appended Successfully")}duplicateOriginalNodes(e){const i=e.children,t=[];for(let e2=0;e2<i.length;e2++){const s=i[e2].cloneNode(!0);s.setAttribute("aria-hidden",!0),t.push(s)}for(const i2 of t)e.appendChild(i2);this.debugging&&console.log("\u{1F68A} Infinite Marquee - DOM Nodes Duplicated Successfully")}duplicateContainer(e){const i=e.querySelector(`.${this.scrollType}-marquee-inner`),t=i.cloneNode(!0);t.setAttribute("aria-hidden",!0);const s=t.children;for(let e2=0;e2<s.length;e2++)s[e2].removeAttribute("aria-hidden");const n=this.scrollType==="vertical"?this.duplicateCount+1:this.duplicateCount,o=Array.from({length:n},()=>t.cloneNode(!0));if(e.append(...o),this.scrollType==="vertical"){const t2=e.clientHeight-i.clientHeight;e.style.setProperty("--_containerSize",`${t2}px`)}}configureAnimationOptions(e){const i=window.matchMedia(`(max-width: ${this.breakpointSize}px)`);e.setAttribute("data-animate",this.animateMotion);const t=e2=>{e2.addEventListener("mouseenter",()=>this.pause(e2)),e2.addEventListener("mouseleave",()=>this.resume(e2))},s=()=>

1{if(this.isMarqueeInitialized){const s2=this.mobileSettings.direction||this.direction,n=s2==="right"||s2==="bottom",o=this.direction==="right"||this.direction==="bottom",r=i.matches?n?"reverse":"forwards":o?"reverse":"forwards",a=i.matches&&this.mobileSettings.speed||this.speed;if(e.style.setProperty("--_speed",`${a}ms`),e.style.setProperty("--_direction",r),this.smoothEdges&&e.classList.add("smooth"),this.scrollType==="vertical"){const t2=i.matches&&this.mobileSettings&&this.mobileSettings.gap&&this.mobileSettings.gap.horizontal||this.gap.horizontal,s3=i.matches&&this.mobileSettings&&this.mobileSettings.gap&&this.mobileSettings.gap.vertical||this.gap.vertical;this.gap.horizontal&&e.style.setProperty("--_hGap",t2),this.gap.vertical&&e.style.setProperty("--_vGap",s3)}else{const t2=i.matches&&this.mobileSettings.spaceBetween||this.spaceBetween;e.style.setProperty("--_gap",t2),this.fullContainer&&e.classList.add("full")}window.innerWidth>=this.desktopBreakpoint&&this.pauseOnHover&&this.animateMotion&&t(e),this.debugging&&console.log(`\u{1F68A} Infinite Marquee - ${this.scrollType} type`),this.debugging&&console.log("\u{1F68A} Infinite Marquee - Animation Configs Ready")}};s(),window.addEventListener("resize",this.debounce(s))}destroyOnResponsive(){const e=`${this.scrollType}-marquee-inner`,i=this.element;typeof window<"u"&&(window.innerWidth<=this.breakpointSize&&this.destroyOnMobile?this.manageMarquee(i,e):window.innerWidth>=this.desktopBreakpoint&&this.destroyOnDesktop?this.manageMarquee(i,e):this.isMarqueeInitialized||(this.init(),this.isMarqueeInitialized=!0))}manageMarquee(e,i){this.isMarqueeInitialized&&(this.destroy(e,i),this.isMarqueeInitialized=!1,this.debugging&&console.log("\u{1F68A} Infinite Marquee - Destroyed Successfully"))}removeClassesAfter(e,i){if(i&&i.classList){let t=!1;for(let s=0;s<i.classList.length;s++){const n=i.classList[s];t&&(i.classList.remove(n),s--),n===e&&(t=!0)}}}destroy(e,i){if(e){e.removeAttribute("style");const t=e.querySelectorAll(`.${i}`);for(let i2=1;i2<t.length;i2++)e.removeChild(t[i2]);const s=e.firstElementChild;if(s&&(s.querySelectorAll('[aria-hidden="true"]').forEach(function(e2){s.removeChild(e2)}),s.classList.contains(i))){for(;s.firstChild;)e.appendChild(s.firstChild);e.removeChild(s),this.removeClassesAfter(this.elementClass,e)}}}pause(e){(e||this.element).classList.add("paused"),this.debugging&&console.log("\u{1F68A} Infinite Marquee - Animation Paused"),typeof this.on.pauseAnimation=="function"&&this.on.pauseAnimation()}resume(e){(e||this.element).classList.remove("paused"),this.debugging&&console.log("\u{1F68A} Infinite Marquee - Animation Resumed"),typeof this.on.resumeAnimation=="function"&&this.on.resumeAnimation()}debounce(e,i=300){let t;return(...s)=>{t&&clearTimeout(t),t=setTimeout(()=>{e(...s)},i)}}};if(!customElements.get("c-marquee")){class CustomMarquee extends HTMLElement{constructor(){super()}connectedCallback(){const container=this.querySelector(".js-marquee"),speedDesktop=this.hasAttribute("data-duration-desktop")?parseInt(this.getAttribute("data-duration-desktop")):25e3,speedMobile=this.hasAttribute("data-duration-mobile")?parseInt(this.getAttribute("data-duration-mobile")):5e3,calcSpeedDesktop=speedDesktop*2,calcSpeedMobile=speedMobile*2;this.marquee=new InfiniteMarquee({element:container,speed:calcSpeedDesktop,smoothEdges:!0,direction:this.hasAttribute("data-direction")?this.getAttribute("data-direction"):"left",spaceBetween:this.hasAttribute("data-desktop-gap")?this.getAttribute("data-desktop-gap"):"200px",duplicateCount:3,pauseOnHover:this.hasAttribute("data-pause-on-hover")?this.getAttribute("data-pause-on-hover")==="true":!1,breakpointSize:767,mobileSettings:{speed:calcSpeedMobile,spaceBetween:this.hasAttribute("data-mobile-gap")?this.getAttribute("data-mobile-gap"):"50px"},on:{beforeInit:()=>{},afterInit:()=>{container.classList.add("marquee-initialized"),container.querySelectorAll(".horizontal-marquee-inner[aria-hidden=true] a, .horizontal-marquee-inner:not([aria-hidden=true]) .marquee-content-clone a").forEach(link=>link.tabIndex=-1),Shopify.designMode&&(this.onBlockSelect=e=>{this.contains(e.target)&&(container.classList.contains("marquee-initialized")&&(this.marquee.destroy(container,`${this.marquee.scrollType}-marquee-inner`),container.classList.remove("marquee-initialized","smooth")),e.target.classList.add("block--selected"),e.target.style.order=-1)},this.onBlockDeselect=e=>{this.contains(e.target)&&(e.target.classList.remove("block--selected"),e.target.style.order=0,setTimeout(()=>{container.querySelector(".block--selected")||container.classList.contains("marquee-initialized")||this.marquee.init(

1)},30))},this.onDeselect=e=>{e.target.contains(this)&&(container.classList.contains("marquee-initialized")||this.marquee.init())},document.addEventListener("shopify:block:select",this.onBlockSelect),document.addEventListener("shopify:block:deselect",this.onBlockDeselect),document.addEventListener("shopify:section:deselect",this.onDeselect))}}})}disconnectedCallback(){Shopify.designMode&&(this.marquee&&this.marquee.isMarqueeInitialized&&this.marquee.destroy(this.querySelector(".js-marquee"),`${this.marquee.scrollType}-marquee-inner`),document.removeEventListener("shopify:block:select",this.onBlockSelect),document.removeEventListener("shopify:block:deselect",this.onBlockDeselect),document.removeEventListener("shopify:section:deselect",this.onDeselect))}}customElements.define("c-marquee",CustomMarquee)}})();
2//# sourceMappingURL=/cdn/shop/t/114/assets/marquee.js.map?v=98106754178910803571776096202