https://constructor.tech/assets/ch-BubFullBanner-BbT2ZzO0.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ch-BaseParagraph-Cy2xGy_G.js","assets/app-index-CXQob2hh.js","assets/app-index-SWungaUD.css"])))=>i.map(i=>d[i]);
2import{_ as M,o as a,c as o,e as u,b as C,h as d,F as f,w as b,a as w,k,n as p,g as x,x as y,m as T,l as P,r as m,d as S}from"./app-index-CXQob2hh.js";const D={name:"BubFullBanner",components:{BaseParagraph:T(()=>P(()=>import("./ch-BaseParagraph-Cy2xGy_G.js"),__vite__mapDeps([0,1,2])))},emits:["hide-me"],data(){return{columns:{},columnCount:1,isDraggingCarousel:!1,dragStartX:0,dragStartOffset:0,carouselOffset:0,activeSlideIndex:0,carouselMetrics:{gap:12},resizeObserver:null,dragAxis:null,touchId:null,hasDragged:!1,activePointerId:null,dragStartY:0,hasPointerCapture:!1}},created(){},props:{block:{type:Object,required:!0},showEditLinks:{type:Boolean,required:!1,default:!1}},computed:{isFull(){return this.block.field_bub_options&&this.block.field_bub_options.indexOf("full-mode")>=0||this.block.field_additional_class&&this.block.field_additional_class.indexOf("full-mode")>=0||y(this.block,"full-mode")},noScroll(){return this.block.field_additional_class?.indexOf("no-scroll")>=0||y(this.block,"no-scroll")},maxSlideIndex(){const t=this.block?.field_items||[];return Math.max(0,Math.min(2,t.length-1))},maxStartIndex(){const t=this.getBreakpointConfig(),i=Number(t?.slidesPerView||1),e=Math.max(1,Math.floor(i));return Math.max(0,this.maxSlideIndex-e+1)},isCarouselDraggable(){return typeof window>"u"?!0:window.innerWidth<1400}},mounted(){this.updateCarouselMetrics(),typeof window<"u"&&window.addEventListener("resize",this.onResize,{passive:!0});const t=this.$refs?.carouselViewport;t&&typeof ResizeObserver<"u"&&(this.resizeObserver=new ResizeObserver(()=>{this.updateCarouselMetrics()}),this.resizeObserver.observe(t))},beforeUnmount(){typeof window<"u"&&window.removeEventListener("resize",this.onResize),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)},methods:{cmMeta(t,i=0){return{type:this.block.entity_type,id:this.block.entity_id,field:t,delta:i,langcode:this.block.langcode}},onResize(){this.updateCarouselMetrics()},getBreakpointConfig(){const t=typeof window<"u"?window.innerWidth:0;return t>=1920?{slidesPerView:3,gap:24}:t>=1440?{slidesPerView:3,gap:18}:t>=1280?{slidesPerView:2.1,gap:18}:t>=1024?{slidesPerView:2.1,gap:15}:t>=768?{slidesPerView:1.1,gap:15}:{slidesPerView:1.1,gap:12}},clampOffset(t){const i=this.$refs?.carouselViewport,e=this.$refs?.carouselTrack;if(!i||!e)return t;const n=i.clientWidth||0,l=e.scrollWidth||e.getBoundingClientRect().width||0,s=Math.min(0,n-l);return Math.max(s,Math.min(0,t))},setOffset(t){this.carouselOffset=this.clampOffset(t);const i=this.$refs?.carouselTrack;i&&(i.style.transform=`translate3d(${this.carouselOffset}px, 0, 0)`)},updateCarouselMetrics(){const t=this.$refs?.carouselViewport,i=this.$refs?.carouselTrack;if(!t||!i)return;const e=Number.parseFloat(getComputedStyle(i).columnGap||getComputedStyle(i).gap||"0")||0;this.carouselMetrics={gap:e},this.snapTo(this.activeSlideIndex,!1)},getStep(){const t=this.$refs?.carouselTrack;if(!t)return this.carouselMetrics.gap||0;const i=t.querySelector?.(".vbub-full-banner-slide");return(i?i.getBoundingClientRect().width:0)+(this.carouselMetrics.gap||0)},snapTo(t,i=!0){const e=this.$refs?.carouselTrack;if(!e)return;const n=Math.max(0,this.maxStartIndex),l=Math.max(0,Math.min(n,t));this.activeSlideIndex=l;const s=-l*this.getStep();i?e.style.transition="transform 260ms ease":e.style.transition="none",this.setOffset(s),i&&window.setTimeout(()=>{const c=this.$refs?.carouselTrack;c&&(c.style.transition="")},280)},onCarouselPointerDown(t){if(!this.isCarouselDraggable||t?.pointerType==="touch")return;const i=this.$refs?.carouselViewport,e=this.$refs?.carouselTrack;!i||!e||t?.button!==void 0&&t.button!==0||(this.isDraggingCarousel=!0,this.hasDragged=!1,this.hasPointerCapture=!1,this.activePointerId=t&&t.pointerId!==void 0?t.pointerId:null,this.dragStartX=t.clientX,this.dragStartY=t.clientY,this.dragStartOffset=this.carouselOffset,this.dragAxis=null)},onCarouselPointerMove(t){if(!this.isCarouselDraggable||!this.isDraggingCarousel||this.activePointerId!==null&&t.pointerId!==this.activePointerId||t?.pointerType==="mouse"&&t?.buttons!==void 0&&t.buttons!==1)return;const i=this.$refs?.carouselViewport,e=this.$refs?.carouselTrack;if(!i||!e)return;const n=t.clientX-this.dragStartX,l=t.clientY-this.dragStartY;if(this.dragAxis===null&&Math.max(Math.abs(n),Math.abs(l))>6&&(this.dragAxis=Math.abs(n)>=Math.abs(l)?"x":"y",this.dragAxis==="x"&&(e.style.transition="none",!this.hasPointerCapture)))try{i.setPointerCapture?.(t.pointerId),this.hasPointerCapture=!0}catch{}this.dragAxis==="x"&&(this.hasDragged=!0,this.setOffset(this.dragStartOffset+n),t?.cancelable&&t.preventDefault())},onCarouselPointerUp(t){if(!this.isCarouselDraggable||!this.isDraggingCarousel)return;this.isDraggingCarousel=!1,this.dragAxis=null;const i=this.$refs?.carouselViewport,e=this.$refs?.carouselTrack;if(!i||!e)return;const n=this.getStep();if(n>

20){const s=Math.round(Math.abs(this.carouselOffset)/n);this.snapTo(s,!0)}const l=this.activePointerId;this.activePointerId=null;try{this.hasPointerCapture&&l!==null&&i.releasePointerCapture?.(l)}catch{}this.hasPointerCapture=!1,window.setTimeout(()=>{this.hasDragged=!1},0)},onCarouselTouchStart(t){if(!this.isCarouselDraggable)return;const i=this.$refs?.carouselViewport,e=this.$refs?.carouselTrack;if(!i||!e)return;const n=t.changedTouches&&t.changedTouches[0];n&&(this.isDraggingCarousel=!0,this.hasDragged=!1,this.dragAxis=null,this.touchId=n.identifier,this.dragStartX=n.clientX,this.dragStartOffset=this.carouselOffset,e.style.transition="none")},onCarouselTouchMove(t){if(!this.isCarouselDraggable)return;const i=Array.from(t.touches||[]).find(n=>n.identifier===this.touchId);if(!i)return;const e=i.clientX-this.dragStartX;this.dragAxis===null&&(this.dragAxis=Math.abs(e)>6?"x":null),this.dragAxis==="x"&&(this.hasDragged=!0,this.setOffset(this.dragStartOffset+e))},onCarouselTouchEnd(){if(!this.isCarouselDraggable)return;this.isDraggingCarousel=!1,this.touchId=null;const t=this.getStep();if(t>0){const i=Math.round(Math.abs(this.carouselOffset)/t);this.snapTo(i,!0)}this.dragAxis=null,window.setTimeout(()=>{this.hasDragged=!1},0)},prevSlide(){this.snapTo(this.activeSlideIndex-1,!0)},nextSlide(){this.snapTo(this.activeSlideIndex+1,!0)},getLinkFromEvent(t){const e=t?.target?.closest?.("a[href]")||(t?.composedPath?.()||[]).find(l=>l&&l.tagName==="A"&&l.getAttribute&&l.getAttribute("href"));if(!e)return null;const n=e.getAttribute("href");return n?{el:e,href:n}:null},onCarouselClickCapture(t){const i=this.getLinkFromEvent(t);if(!i)return;if(this.hasDragged){t.preventDefault(),t.stopPropagation(),this.hasDragged=!1;return}if(t.preventDefault(),t.stopPropagation(),i.el.getAttribute("target")==="_blank"){window.open(i.href,"_blank","noopener");return}window.location.href=i.href}}},O={class:"vbub-full-banner-bg"},I={class:"vbub-full-banner-main"},B={class:"container"},A={class:"vbub-full-banner-main-content"},V=["innerHTML"],L=["innerHTML"],z=["innerHTML"],E=["innerHTML"],H=["innerHTML"],F={key:0,class:"vbub-links bub-content-links"},W={key:0,class:"vbub-full-banner-main-items"},X={ref:"carouselTrack",class:"vbub-full-banner-track"},R={key:0,class:"vbub-full-banner-slide"},N={key:1,class:"scroll-part"},U={class:"vbub-full-banner-navs","aria-label":"Carousel navigation"},Y=["disabled"],q=["disabled"];function j(t,i,e,n,l,s){const c=m("BackgroundMedia"),_=m("BaseLink"),v=m("BaseParagraph"),h=S("editable");return a(),o(f,null,[u("div",O,[e.block.field_media&&e.block.field_media[0]?(a(),C(c,{key:0,media:e.block.field_media[0],thumbnail:e.block.field_media_thumbnail?e.block.field_media_thumbnail[0]:null,image_style:"banner"},null,8,["media","thumbnail"])):d("",!0)]),u("div",I,[u("div",B,[u("div",A,[u("div",null,[s.isFull?(a(),o(f,{key:0},[e.block.field_title&&t.$isBlockHtml(e.block.field_title)?b((a(),o("div",{key:0,class:"bub-title",innerHTML:e.block.field_title},null,8,V)),[[h,s.cmMeta("field_title")]]):e.block.field_title?b((a(),o("h1",{key:1,class:"bub-title",innerHTML:e.block.field_title},null,8,L)),[[h,s.cmMeta("field_title")]]):d("",!0)],64)):(a(),o(f,{key:1},[e.block.field_title&&t.$isBlockHtml(e.block.field_title)?b((a(),o("div",{key:0,class:"bub-title",innerHTML:e.block.field_title},null,8,z)),[[h,s.cmMeta("field_title")]]):e.block.field_title?b((a(),o("h2",{key:1,class:"bub-title",innerHTML:e.block.field_title},null,8,E)),[[h,s.cmMeta("field_title")]]):d("",!0)],64)),e.block.body?b((a(),o("div",{key:2,class:"bub-body",innerHTML:e.block.body},null,8,H)),[[h,s.cmMeta("body")]]):d("",!0)]),e.block.field_links?(a(),o("div",F,[(a(!0),o(f,null,w(e.block.field_links,(r,g)=>(a(),C(_,{key:g,"base-link":r,version:e.block.version,delta:g,"field-name":"field_links","lang-code":e.block.langcode,"entity-id":e.block.entity_id,"entity-type":e.block.entity_type},null,8,["base-link","version","delta","lang-code","entity-id","entity-type"]))),128))])):d("",!0)]),e.block.field_items&&e.block.field_items[0]?(a(),o("div",W,[u("div",{ref:"carouselViewport",class:"vbub-full-banner-carousel",role:"region","aria-label":"Featured content",onClickCapture:i[0]||(i[0]=(...r)=>s.onCarouselClickCapture&&s.onCarouselClickCapture(...r)),onPointerdown:i[1]||(i[1]=(...r)=>s.onCarouselPointerDown&&s.onCarouselPointerDown(...r)),onPointermove:i[2]||(i[2]=(...r)=>s.onCarouselPointerMove&&s.onCarouselPointerMove(...r)),onPointerup:i[3]||(i[3]=(...r)=>s.onCarouselPointerUp&&s.onCarouselPointerUp(...r)),onPointercancel:i[4]||(i[4]=(...r)=>s.onCarouselPointerUp&&s.onCarouselPointerUp(...r)),onTouchstart:i[5]||(i[5]=(...r)=>s.onCarouselTouchStart&&s.onCarouselTouchStart(...r)),onTouchmovePassive:i[6]||(i[6]=(...r)=>s.onCarouselTouchMove&&s.onCarouselTouchMove(...r)),onTouchend:i[7]||(i[7]=(...r)=>s.onCarouselTouchEnd&&s.onCarouselTouchEnd(...r)),onTouchcancel:i[8]||(i[8]=(...r)=>s.onCarouselTouchEnd&&s.onCarouselTouchEnd(...r))},[u("div",X,[(a(!0),o(f,null,w((e.block.field_items||[]).slice(0,2),

2(r,g)=>(a(),o("div",{key:`vbub-full-banner-slide-${g}`,class:"vbub-full-banner-slide"},[k(v,{paragraph:r,"parent-has-title":!!e.block.field_title},null,8,["paragraph","parent-has-title"])]))),128)),e.block.field_items&&e.block.field_items[2]?(a(),o("div",R,[k(v,{paragraph:e.block.field_items[2],class:p({vhds:e.block.field_items[3]}),"parent-has-title":!!e.block.field_title},null,8,["paragraph","class","parent-has-title"]),e.block.field_items[3]?(a(),o(f,{key:0},[i[11]||(i[11]=u("div",{class:"views-element-container"},[u("div",{class:"simple-line"})],-1)),k(v,{paragraph:e.block.field_items[3],class:"vhds","parent-has-title":!!e.block.field_title},null,8,["paragraph","parent-has-title"])],64)):d("",!0)])):d("",!0)],512)],544)])):d("",!0),s.isFull&&!s.noScroll?(a(),o("div",N,[k(_,{"base-link":{url:"#discovercontent",label:e.block.field_bottom_text,additional_class:"scroll-link"}},null,8,["base-link"]),u("div",U,[u("button",{type:"button",class:"vbub-full-banner-nav vbub-full-banner-nav--prev",disabled:l.activeSlideIndex<=0,"aria-label":"Previous slide",onClick:i[9]||(i[9]=x((...r)=>s.prevSlide&&s.prevSlide(...r),["stop","prevent"]))},null,8,Y),u("button",{type:"button",class:"vbub-full-banner-nav vbub-full-banner-nav--next",disabled:l.activeSlideIndex>=s.maxStartIndex,"aria-label":"Next slide",onClick:i[10]||(i[10]=x((...r)=>s.nextSlide&&s.nextSlide(...r),["stop","prevent"]))},null,8,q)])])):d("",!0)])])],64)}const J=M(D,[["render",j]]);export{J as default};