1import{q as u,aa as g,o as i,c as l,j as a,y as e,t as n,F as h,r as f,z as v}from"./entry.467af7bd.js";const p={key:0,class:"grid-container"},y=e("div",{class:"grid-x grid-margin-x"},[e("div",{class:"small-12 cell"},[e("div",{class:"utl-heading-beta"}," Vertical Image Slider ")])],-1),x=[y],S={class:"grid-container"},q={class:"grid-x grid-margin-x"},w={class:"small-12 medium-5 cell"},L={class:"c-vertical-slider__headline-container js-vertical-slider__headline-container"},j={class:"c-vertical-slider__headline"},k={key:0,class:"c-vertical-slider__pretitle"},b={class:"c-vertical-slider__title"},B={class:"small-12 medium-6 medium-offset-1 cell"},C={class:"c-vertical-slider__items"},T={key:0,class:"c-vertical-slider__slide-image"},z=["src","srcset","sizes","alt","title"],E={class:"c-vertical-slider__slide-content"},H={class:"c-vertical-slider__slide-title"},R=["innerHTML"],M={__name:"VerticalSlider",props:{title:{type:String,required:!0},pretitle:{type:String,required:!1},slides:{type:Object,required:!0},settings:{theme:{type:String,required:!1},showComponentTitle:{type:Boolean,required:!0},spacing:{type:String,required:!0}}},setup(s){const _=()=>{const c=document.querySelector(".js-vertical-slider"),r=c.getBoundingClientRect(),t=document.querySelectorAll(".js-vertical-slider__slide"),o=window.innerHeight;r.top<=300&&r.bottom>o?c.classList.add("is-fixed"):(r.bottom<=o,c.classList.remove("is-fixed")),t.forEach(d=>{const m=d.getBoundingClientRect();m.top<50||m.top>660?d.classList.remove("is-active"):d.classList.add("is-active")})};return u(()=>{document.querySelector(".js-vertical-slider").offsetTop,window.addEventListener("scroll",_)}),g(()=>{window.removeEventListener("scroll",_)}),(c,r)=>(i(),l("section",{class:v(["o-flexible-module",{"o-flexible-module--flush":s.settings.spacing=="flush"}])},[s.settings.showComponentTitle?(i(),l("div",p,x)):a("",!0),e("div",{class:v(`c-vertical-slider c-vertical-slider--${s.settings.theme} js-vertical-slider`)},[e("div",S,[e("div",q,[e("div",w,[e("div",L,[e("div",j,[s.pretitle?(i(),l("div",k,n(s.pretitle),1)):a("",!0),e("h2",b,n(s.title),1)])])]),e("div",B,[e("div",C,[(i(!0),l(h,null,f(s.slides,(t,o)=>(i(),l("div",{key:o,class:"c-vertical-slider__slide js-vertical-slider__slide"},[t.image?(i(),l("div",T,[e("img",{src:t.image.sourceUrl,srcset:t.image.srcSet,sizes:t.image.sizes,alt:t.image.altText,title:t.image.title},null,8,z)])):a("",!0),e("div",E,[e("div",H,n(t.title),1),t.description?(i(),l("div",{key:0,class:"c-vertical-slider__slide-description s-wp-cms",innerHTML:t.description},null,8,R)):a("",!0)])]))),128))])])])])],2)],2))}};export{M as default}; 2//# sourceMappingURL=VerticalSlider.6e709028.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.