https://www.cisilion.com/_nuxt/Banner.329d23b8.js

1import{N as H,q as A,x,o as i,c as t,y as l,t as g,j as a,z as u,h as o,i as _,e as w,F as f,r as U,D,b as B,f as S,E as M,_ as F,U as G}from"./entry.41e83958.js";import{u as Q}from"./index.39da8258.js";const J={key:0,class:"grid-container"},K={class:"grid-x grid-margin-x"},R={class:"small-12 cell"},W={class:"utl-heading-beta"},X=["srcset","sizes","src","width","height"],Y=["src"],Z={key:1,class:"c-banner__embed is-vimeo"},p={key:2,autoplay:"",loop:"",muted:"",class:"c-banner__embed is-local"},ee=["src","type"],se=["href"],ie={class:"c-banner__wrapper"},te={class:"grid-container"},le={class:"grid-x grid-margin-x"},ae={key:0,class:"small-12 medium-2 large-2 cell"},oe={class:"c-banner__back"},de={key:0,class:"c-banner__logo-mini"},ce=["alt","sizes","src","srcset","title"],ne={key:1,class:"c-banner__title"},re={key:2,class:"c-banner__title"},ue={key:3,class:"c-banner__title"},me=["innerHTML"],ge=["srcset","sizes","src","width","height"],he=["src"],ve={key:1,class:"c-banner__embed is-vimeo"},ye={key:2,autoplay:"",loop:"",muted:"",class:"c-banner__embed is-local"},ke=["src","type"],be=["href"],_e={class:"c-banner__wrapper"},we={class:"grid-container"},fe={class:"grid-x grid-margin-x"},Se={key:0,class:"small-12 medium-2 large-2 cell"},Le={class:"c-banner__back"},$e={key:0,class:"c-banner__logo-mini"},xe=["alt","sizes","src","srcset","title"],Be={key:1,class:"c-banner__title"},Ie={key:2,class:"c-banner__title"},ze={key:3,class:"c-banner__title"},je=["innerHTML"],Ve={key:2,class:"c-banner__ancillary"},Ce={class:"grid-container"},Te={class:"grid-x grid-margin-x"},qe={class:"small-12 cell"},Ee={class:"c-banner__pagination-wrapper"},Oe={key:0,class:"c-banner__pagination js-banner__pagination"},Ue=["aria-label","data-slide","onClick"],De={key:1,class:"c-banner__logo"},Me={__name:"Banner",props:{slides:{type:Object,required:!0},settings:{bannerSize:{type:String,required:!1},enableShallowBanner:{type:Boolean,required:!0},enableExtraPadding:{type:Boolean,required:!0},disableCisilionLogo:{type:Boolean,required:!0},showComponentTitle:{type:Boolean,required:!0},spacing:{type:String,required:!0}}},setup(e){const L=e,c=Q("(max-width: 767px)"),k=H(()=>L.settings.bannerSize||(L.settings.enableShallowBanner?"small":"large")),N=(d,m,n)=>{const v=d.target,r=v.closest(".js-banner__pagination").querySelectorAll(".js-swiper__bullet"),$=v.closest(".js-banner").querySelectorAll("swiper-container")[0];r.forEach(function(h){h.classList.remove("is-active"),n=="obsidian"||n=="obsidian-mineral"||n=="image"?h.classList.add("is-alabaster"):n=="teal"?h.classList.add("is-mist"):(h.classList.remove("is-alabaster"),h.classList.remove("is-mist"))}),$.swiper.slideToLoop(m),v.classList.add("is-active")},P=d=>{const m=d.detail[0].realIndex,n=d.detail[0].slides[m].dataset.theme;d.target.closest(".js-banner").querySelectorAll(".js-swiper__bullet").forEach(function(r){r.classList.remove("is-active"),n=="obsidian"||n=="obsidian-mineral"||n=="image"?r.classList.add("is-alabaster"):n=="teal"?r.classList.add("is-mist"):(r.classList.remove("is-alabaster"),r.classList.remove("is-mist")),r.dataset.slide==m&&r.classList.add("is-active")})};return A(()=>{if(console.log(L.slides),c.value==!1){const d=document.getElementsByClassName("js-parallax");new simpleParallax(d,{delay:.6,transition:"cubic-bezier(0,0,0,1)"})}}),(d,m)=>{var h,z,j,V,C,T,q;const n=x("VimeoPlayer"),v=F,r=x("swiper-slide"),I=x("swiper-container"),$=G;return i(),t("section",{class:u(["o-flexible-module",{"o-flexible-module--flush":e.settings.spacing=="flush"}])},[e.settings.showComponentTitle?(i(),t("div",J,[l("div",K,[l("div",R,[l("div",W,g(e.settings.componentTitle||"Banner"),1)])])])):a("",!0),e.slides?(i(),t("div",{key:1,class:u(["c-banner__container s-swiper js-banner",{"has-slider js-cursor-scroll":e.slides.length>1,"is-medium":o(k)=="medium"}])},[e.slides.length>1?(i(),_(I,{key:0,"slides-per-view":1,onSlidechangetransitionend:P},{default:w(()=>[(i(!0),t(f,null,U(e.slides,(s,y)=>(i(),_(r,{key:y,"data-theme":s.theme},{default:w(()=>{var b,E,O;return[l("div",{class:u(["c-banner",[`c-banner--${s.theme}`,{"c-banner--shallow":o(k)=="small","c-banner--medium":o(k)=="medium","has-extra-padding":e.settings.enableExtraPadding,"has-video":s.theme=="video"&&!o(c)}]])},[s.theme=="image"||s.theme=="video"?(i(),t("div",{key:0,class:u(["c-banner__media",{"is-youtube":s.videoSource=="youtube"&&!o(c),"is-vimeo":s.videoSource=="vimeo"&&!o(c),"js-

1parallax__wrapper":(s.theme=="image"||s.theme=="video")&&!o(c)}]),"data-aos":"fade-in","data-aos-duration":"2000"},[(s.theme=="image"||s.theme=="video")&&s.settings.backgroundOverlay.showBackgroundOverlay==!0?(i(),t("div",{key:0,class:"c-banner__media-overlay",style:D(`background-color: rgba(0, 0, 0, ${s.settings.backgroundOverlay.backgroundOverlayStrength});`)},null,4)):a("",!0),(s.theme=="image"||s.theme=="video"&&o(c))&&s.image?(i(),t("img",{key:1,class:u([{"js-parallax":!o(c)}]),srcset:s.image.srcSet,sizes:s.image.sizes,src:s.image.sourceUrl,width:(b=s.image.mediaDetails)==null?void 0:b.width,height:(E=s.image.mediaDetails)==null?void 0:E.height},null,10,X)):a("",!0),o(c)?a("",!0):(i(),t(f,{key:2},[s.theme=="video"&&s.videoSource=="youtube"?(i(),t("iframe",{key:0,class:"c-banner__embed is-youtube",src:`https://www.youtube-nocookie.com/embed/${d.$convertVideoId(s.video)}?autoplay=1&controls=0&playlist=${d.$convertVideoId(s.video)}&loop=1&rel=0&enablejsapi=1&iv_load_policy=3&mute=1`,frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowfullscreen:""},null,8,Y)):s.theme=="video"&&s.videoSource=="vimeo"?(i(),t("div",Z,[B(n,{"video-id":s.vimeoVideoId,autoplay:"true",loop:"true",controls:"false",options:{background:!0,dnt:!0,muted:!0,responsive:!0}},null,8,["video-id"])])):a("",!0),s.theme=="video"&&s.videoSource=="local"?(i(),t("video",p,[l("source",{src:s.localVideo.link,type:s.localVideo.mimeType},null,8,ee),l("a",{href:s.localVideo.link,download:""},"Download",8,se),S(" this video ")])):a("",!0)],64))],2)):a("",!0),l("div",ie,[l("div",te,[l("div",le,[e.settings.showBackLink?(i(),t("div",ae,[l("div",oe,[l("a",{onClick:m[0]||(m[0]=M(Ne=>d.$router.back(),["prevent"])),href:"#",class:"c-banner__back-link"}," < Back ")])])):a("",!0),l("div",{class:u(["small-12 medium-8 large-6 xlarge-4 cell",{"medium-6 large-2":e.settings.showBackLink}])},[(O=s.logoImage)!=null&&O.sourceUrl?(i(),t("div",de,[l("img",{alt:s.logoImage.altText,sizes:s.logoImage.sizes,src:s.logoImage.sourceUrl,srcset:s.logoImage.srcSet,title:s.logoImage.title,width:"200"},null,8,ce)])):a("",!0),s.settings.headingLevel=="h1"?(i(),t("h1",ne,g(s.title),1)):s.settings.headingLevel=="h2"?(i(),t("h2",re,g(s.title),1)):(i(),t("div",ue,g(s.title),1)),s.content?(i(),t("div",{key:4,class:"c-banner__content s-wp-cms",innerHTML:s.content},null,8,me)):a("",!0),s.link&&s.link.url?(i(),_(v,{key:5,to:d.$convertUrl(s.link.url),class:"c-banner__button",target:s.link.target},{default:w(()=>[S(g(s.link.title),1)]),_:2},1032,["to","target"])):a("",!0)],2)])])])],2)]}),_:2},1032,["data-theme"]))),128))]),_:1})):(i(),t("div",{key:1,class:u(["c-banner",[`c-banner--${e.slides[0].theme}`,{"c-banner--shallow":o(k)=="small","c-banner--medium":o(k)=="medium","has-extra-padding":e.settings.enableExtraPadding,"has-video":e.slides[0].theme=="video"&&!o(c)}]])},[e.slides[0].theme=="image"||e.slides[0].theme=="video"?(i(),t("div",{key:0,class:u(["c-banner__media",{"is-youtube":e.slides[0].videoSource=="youtube"&&!o(c),"is-vimeo":e.slides[0].videoSource=="vimeo"&&!o(c),"js-parallax__wrapper":(e.slides[0].theme=="image"||e.slides[0].theme=="video")&&!o(c)}]),"data-aos":"fade-in","data-aos-duration":"2000"},[(e.slides[0].theme=="image"||e.slides[0].theme=="video")&&e.slides[0].settings.backgroundOverlay.showBackgroundOverlay==!0?(i(),t("div",{key:0,class:"c-banner__media-overlay",style:D(`background-color: rgba(0, 0, 0, ${e.slides[0].settings.backgroundOverlay.backgroundOverlayStrength});`)},null,4)):a("",!0),(e.slides[0].theme=="image"||e.slides[0].theme=="video"&&o(c))&&e.slides[0].image?(i(),t("img",{key:1,class:u([{"js-parallax":!o(c)}]),srcset:e.slides[0].image.srcSet,sizes:e.slides[0].image.sizes,src:e.slides[0].image.sourceUrl,width:(h=e.slides[0].image.mediaDetails)==null?void 0:h.width,height:(z=e.slides[0].image.mediaDetails)==null?void 0:z.height},null,10,ge)):a("",!0),o(c)?a("",!0):(i(),t(f,{key:2},[e.slides[0].theme=="video"&&e.slides[0].videoSource=="youtube"?(i(),t("iframe",{key:0,class:"c-banner__embed is-youtube",src:`https://www.youtube-nocookie.com/embed/${d.$convertVideoId(e.slides[0].video)}?autoplay=1&controls=0&playlist=${d.$convertVideoId(e.slides[0].video)}&loop=1&rel=0&enablejsapi=1&iv_load_policy=3&mute=1`,frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowfullscreen:""},null,8,he)):e.slides[0].theme=="video"&&e.slides[0].videoSource=="vimeo"?(i(),t("div",ve,[B(n,{"video-id":e.slides[0].vimeoVideoId,autoplay:"true",loop:"true",controls:"false",options:{background:!0,dnt:!0,muted:!0,responsive:!0}},null,8,["video-id"])])):a("",!0),e.slides[0].theme=="video"&&e.slides[0].videoSource=="local"?(i(),t("video",ye,[l("source",{src:e.slides[0].localVideo.link,type:e.slides[0].localVideo.mimeType},null,8,ke),l("a",{href:e.slides[0].localVideo.link,download:""},"Download",8,be),S(" this video ")])):a("",!0)],64))],2)):a("",!0),l("div",_e,[l("div",we,[l("div",fe,[e.settings.showBackLink?(i(),t("div",Se,[l("div",Le,[l("a",{onClick:m[1]||(m[1]=M(s=>d.$router.back(),["prevent"])),href:"#",class:"c-banner__back-link"},"< Back")])])):a("",!0),l("div",{class:u(["small-12 medium-8 large-6 xlarge-4 cell",{"medium-6 large-2":e.settings.showBackLink}])},[(j=e.slides[0].logoImage)!=null&&j.sourceUrl?(i(),t("div",$e,[l("img",{alt:((V=e.slides[0].logoImage)==null?void 0:V.altText)||"",sizes:((C=e.slides[0].logoImage)==null?void 0:C.sizes)||"",src:e.slides[0].logoImage.sourceUrl,srcset:((T=e.slides[0].logoImage)==null?void 0:T.srcSet)||"",title:((q=e.slides[0].logoImage)==null?void 0:q.title)||"",width:"200"},null,8,xe)])):a("",!0),e.slides[0].settings.headingLevel=="h1"?(i(),t("h1",Be,g(e.slides[0].title),1)):e.slides[0].settings.headingLevel=="h2"?(i(),t("h2",Ie,g(e.slides[0].title),1)):(i(),t("div",ze,g(e.slides[0].title),1)),e.slides[0].c

1ontent?(i(),t("div",{key:4,class:"c-banner__content s-wp-cms",innerHTML:e.slides[0].content},null,8,je)):a("",!0),e.slides[0].link?(i(),_(v,{key:5,to:d.$convertUrl(e.slides[0].link.url),class:"c-banner__button",target:e.slides[0].link.target},{default:w(()=>[S(g(e.slides[0].link.title),1)]),_:1},8,["to","target"])):a("",!0)],2)])])])],2)),e.slides.length>1||!e.settings.disableCisilionLogo?(i(),t("div",Ve,[l("div",Ce,[l("div",Te,[l("div",qe,[l("div",Ee,[e.slides.length>1?(i(),t("div",Oe,[(i(!0),t(f,null,U(e.slides,(s,y)=>(i(),t("button",{key:y,class:u(["s-swiper__bullet js-swiper__bullet",{"is-active":y==0}]),type:"button","aria-label":`Go to Slide ${y+1}`,"data-slide":`${y}`,onClick:b=>N(b,y,s.theme)},null,10,Ue))),128))])):a("",!0),e.settings.disableCisilionLogo?a("",!0):(i(),t("div",De,[B($)]))])])])])])):a("",!0)],2)):a("",!0)],2)}}},Ae=Me;export{Ae as default};
2//# sourceMappingURL=Banner.329d23b8.js.map