https://www.kipochevrolet.com/static/dist/v9/media/js/ddc-section/v1/dist/split-hero.min.js

1!function(){"use strict";!function(e){const t=".widget-heading",n="hero-expand-button",a=`.${n}`,i=".js-hero-content",o=".js-hero-expand-gradient",s=".js-hero-expand-background",r="js-hero-left-heading-accessible",l="js-hero-left-heading-visible",c=`.${r}`,d=`.${l}`,u="rgba(0,0,0,0)",h="rgba(0,0,0,0.6)",p=Array.from(document.querySelectorAll(".js-hero-container"));if(!p.length)return;class C{constructor(e){this.heroContainer=e,this.expandContainers=this.heroContainer.querySelectorAll(".js-hero-expand-container"),this.expandGradients=this.heroContainer.querySelectorAll(o),this.expandBackgrounds=this.heroContainer.querySelectorAll(s),this.contentContainers=this.heroContainer.querySelectorAll(i),this.accessibleLeftHeadingContainer=this.heroContainer.querySelector(c),this.accessibleLeftHeadingContentWidget=this.accessibleLeftHeadingContainer&&this.accessibleLeftHeadingContainer.querySelector(".content-default")||null,this.accessibleLeftHeading=this.accessibleLeftHeadingContentWidget&&this.accessibleLeftHeadingContentWidget.querySelector(t)||null,this.expandedContainer=this.expandContainers[0],this.collapsedContainer=null}initializeContainers(){this.expandContainers.forEach(e=>{e.setAttribute("data-expanded-content",!1);const n=E(e);n?(e.setAttribute("role","region"),e.setAttribute("aria-label",n),e.querySelector(t).setAttribute("tabindex","-1")):e.setAttribute("tabindex","-1")}),this.setExpandedContainer(this.expandContainers[0]),this.expandedContainer.setAttribute("data-expanded-content",!0),this.setCollapsedContainer(this.heroContainer.querySelector('[data-expanded-content="false"]'))}setExpandedContainer(e){this.expandedContainer=e}setCollapsedContainer(e){this.collapsedContainer=e}setContentVerticalCenter(e){if(e){const t=e.querySelector(i);t&&this.heroContainer.style.setProperty("--contentVerticalCenter",`${function(e,t){const{top:n,height:a}=e.getBoundingClientRect(),{top:i}=t.getBoundingClientRect();return n-i+a/2}(t,this.heroContainer)}px`)}}getContainerWidth(){return this.heroContainer.getBoundingClientRect().width}calculateCollapsedContainerWidthPx(){return`${Math.round("0.3333333"*this.getContainerWidth())}px`}calculateIconPosition(){return`calc((${this.calculateCollapsedContainerWidthPx()}) / 2)`}updateDynamicStyles(){this.accessibleLeftHeadingContainer&&(this.accessibleLeftHeadingContainer.style.width=`calc(2 * ${this.calculateCollapsedContainerWidthPx()})`);const e=this.heroContainer.querySelector(a);if(e){e.style.width=this.calculateCollapsedContainerWidthPx();const t=e.querySelector("span");if(t){const e=this.expandedContainer===this.expandContainers[0];t.style.left=e?this.calculateIconPosition():null,t.style.right=e?null:this.calculateIconPosition()}}const t=this.expandedContainer===this.expandContainers[0];this.expandContainers.forEach(e=>{e.style.transform&&e.style.transform.includes("translateX")&&(e.style.transform=t?null:`translateX(-${this.calculateCollapsedContainerWidthPx()})`)});const n=this.heroContainer.querySelector(d);n&&(n.style.width=`calc(2 * ${this.calculateCollapsedContainerWidthPx()})`)}handleContainerResize(){this.expandedContainer&&this.setContentVerticalCenter(this.expandedContainer),this.updateDynamicStyles(),this.expandContainers.forEach((e,t)=>{const n=e.querySelector(i);if(n){"true"===e.getAttribute("data-expanded-content")?(n.classList.remove("d-lg-none","opacity-0"),n.classList.add("opacity-100")):(n.classList.add("d-lg-none"),n.classList.remove("opacity-100"))}})}handleBreakpointChange(e){e||(this.expandContainers.forEach(e=>{e.style.transform=null,e.removeAttribute("data-expanded-content")}),this.expandGradients.forEach(e=>{e.style.backgroundColor=u}),this.contentContainers.forEach((e,t)=>{0===t?e.classList.remove("d-lg-none","opacity-0"):e.classList.add("d-lg-none")}))}}const f=p.map(e=>new C(e)),g=window.matchMedia("(min-width: 992px)");window.addEventListener("DOMContentLoaded",()=>{f.forEach(e=>{q(g.matches,e)})}),window.addEventListener("load",()=>{f.forEach(e=>{S(e)})});let y=!g.matches,x=null,b=new Map;function m(){return void 0!==e&&void 0!==e.i18n&&"function"==typeof e.i18n.getLabel}function L(e,t,n=!1){const i=e.querySelector(`${a} i`);

1i&&(i.style.transform=n?"scale(1)":"scale(1.15)");const o=e.querySelector(s)||t;o&&(o.style.transform=n?"scale(1)":"scale(1.02)")}function E(e){const n=e&&e.querySelector(t)||null;return n&&n.textContent.trim()||""}function v(t,n){const a=E(n),i=E(t),o=m()?e.i18n.getLabel("SHOW_PLACEHOLDER1_SECTION_AND_HIDE_PLACEHOLDER2_SECTION"):"",s=m()?e.i18n.getLabel("CLICK_TO_DISPLAY_MORE_CONTENT"):null;return a&&i&&o?o.replace("{{collapsedHeading}}",a).replace("{{expandedHeading}}",i):s}function S({heroContainer:e,expandContainers:t}){const n=e.querySelector(a);n&&2===t.length&&n.setAttribute("aria-label",v(t[0],t[1]))}function q(e,s){if(e){if(2===s.expandContainers.length&&2===s.expandGradients.length){let c,p;if(s.expandGradients[1].style.backgroundColor=h,s.initializeContainers(),s.accessibleLeftHeadingContainer&&s.accessibleLeftHeadingContentWidget&&s.accessibleLeftHeading){s.accessibleLeftHeadingContainer.style.width=`calc(2 * ${s.calculateCollapsedContainerWidthPx()})`,c=s.accessibleLeftHeadingContainer.cloneNode(),c.removeAttribute("data-name"),c.style.marginTop=window.getComputedStyle(s.expandGradients[0]).paddingTop,c.classList.remove(r),c.classList.add(l,"absolute-top","absolute-left","pointer-events-none","transition-timing-function-standard","transition-duration-xxl"),c.style.transitionProperty="clip-path",c.style.clipPath="inset(0px)",c.setAttribute("aria-hidden","true");const x=s.accessibleLeftHeadingContentWidget.cloneNode(!0);x.removeAttribute("data-widget-id"),p=x.querySelector(t),p.removeAttribute("tabindex"),x.querySelector(".content").remove(),s.accessibleLeftHeading.classList.add("opacity-0"),c.appendChild(x),s.heroContainer.insertBefore(c,s.collapsedContainer)}const C=document.createElement("button");C.type="button",C.classList.add(n,"btn","btn-unstyled","spacing-reset","line-height-reset","h-100","absolute-top","absolute-left","d-none","d-lg-block"),C.style.width=s.calculateCollapsedContainerWidthPx();const f=document.createElement("span");f.classList.add("position-absolute","transition-property-opacity","transition-timing-function-standard","transition-duration-xxl"),f.style.top="var(--contentVerticalCenter)",f.style.left=s.calculateIconPosition(),f.style.transform="translate(-50%, -50%)";const g=document.createElement("i");function y(){const e=s.heroContainer.querySelector('[data-expanded-content="false"]'),n=s.heroContainer.querySelector('[data-expanded-content="true"]');e.setAttribute("data-expanded-content",!0),n.setAttribute("data-expanded-content",!1);const a=e===s.expandContainers[0];L(n,s.expandBackgrounds[0],!0),L(e,s.expandBackgrounds[0],!0);const r=["transition-property-transform","transition-timing-function-standard","transition-duration-xxl"];s.expandContainers.forEach(e=>{e.classList.add(...r),e.style.transform=a?null:`translateX(-${s.calculateCollapsedContainerWidthPx()})`}),c&&(c.style.clipPath=a?"inset(0px)":"inset(0px 50% 0px 0px)");const l=["transition-property-background-color","transition-timing-function-standard","transition-duration-xxl"],d=n.querySelector(o),g=e.querySelector(o);s.expandGradients.forEach(e=>e.classList.add(...l)),d.style.backgroundColor=h,g.style.backgroundColor=u,f.classList.add("opacity-0"),d.appendChild(C),setTimeout(function(){f.classList.remove("opacity-0")},0),C.setAttribute("aria-label",v(e,n));const y=a?["absolute-right","absolute-left"]:["absolute-left","absolute-right"];C.classList.replace(...y),f.style.left=a?s.calculateIconPosition():null,f.style.right=a?null:s.calculateIconPosition(),f.style.transform=a?"translate(-50%, -50%)":"translate(50%, -50%)";const x=e.querySelector(i);x&&(x.classList.add("opacity-0"),x.classList.remove("d-lg-none"),setTimeout(function(){x.classList.replace("opacity-0","opacity-100")},0)),s.setContentVerticalCenter(e);const b=n.querySelector(i);b&&(b.classList.add("opacity-0"),b.classList.remove("opacity-100"));const m=document.documentElement.scrollTop,E=e.querySelector(t);if((E||e).focus(),document.documentElement.scrollTop=m,a&&p&&E&&(p.style.outline=window.getComputedStyle(E).outline,p.style.outlineOffset="-5px",E.addEventListener("blur",()=>{p.style.outline=null,p.style.outlineOffset=null},{once:!0})),s.setExpandedContainer(e),s.setCollapsedContainer(n),b){function w(e){e.stopPropagation(),e.target===this&&(b.classList.replace("opacity-0","d-lg-none"),b.removeEventListener("transitionend",w))}b.addEventListener("transitionend",w)}function S(e){e.stopPropagation(),e.target===this&&(this.classList.remove(...l),this.removeEventListener("transitionend",S))}function q(e){e.target===this&&(this.classList.remove(...r),this.removeEventListener("transitionend",q))}

1s.expandGradients.forEach(e=>{e.addEventListener("transitionend",S)}),s.expandContainers.forEach(e=>{e.addEventListener("transitionend",q)})}g.setAttribute("aria-hidden","true"),g.style.fontSize="95px",g.classList.add("d-block","ddc-icon","ddc-icon-expand-circle-outline","text-white","transition-property-transform","transition-timing-function-standard","transition-duration-lg"),f.appendChild(g),C.appendChild(f),s.setContentVerticalCenter(s.expandedContainer),s.collapsedContainer.appendChild(C),m()&&S(s),C.addEventListener("mouseenter",()=>L(s.collapsedContainer,s.expandBackgrounds[0])),C.addEventListener("mouseleave",()=>L(s.collapsedContainer,s.expandBackgrounds[0],!0)),C.addEventListener("focus",()=>L(s.collapsedContainer,s.expandBackgrounds[0])),C.addEventListener("blur",()=>L(s.collapsedContainer,s.expandBackgrounds[0],!0)),C.addEventListener("click",y)}}else{s.expandContainers.forEach(e=>e.style.transform=null),s.expandGradients.forEach(e=>e.style.backgroundColor=u),s.contentContainers[0]&&s.contentContainers[0].classList.remove("d-lg-none"),s.contentContainers[1]&&s.contentContainers[1].classList.add("d-lg-none"),s.accessibleLeftHeadingContainer&&(s.accessibleLeftHeadingContainer.style.width=null),s.accessibleLeftHeading&&s.accessibleLeftHeading.classList.remove("opacity-0");const b=s.heroContainer.querySelector(d);b&&b.remove();const E=s.heroContainer.querySelector(a);E&&E.remove()}}f.forEach(e=>{b.set(e.heroContainer,e.getContainerWidth())}),window.addEventListener("resize",()=>{g.matches===y?(y=!g.matches,f.forEach(e=>{e.handleBreakpointChange(g.matches),q(g.matches,e),b.set(e.heroContainer,e.getContainerWidth())})):(clearTimeout(x),x=setTimeout(()=>{f.forEach(e=>{if(g.matches){const t=e.getContainerWidth(),n=b.get(e.heroContainer);Math.abs(t-n)>1&&(e.handleContainerResize(),b.set(e.heroContainer,t),e.heroContainer.offsetHeight)}})},50))})}(window.DDC)}();