https://picflow.com/chunk-CSu44cHP.js

1import {v,b7 as b,eP as ie,Y as Yb,dS as ee,eD as M,cu as e,am as CD,R as Rs,G as Gv,o as gS,K as Ku,bB as XS,L as Lv,i as iC,c as ty,q as mS,V as Qv,X as FS,Z as jS,P as Pv,U as UM,O as OS,m as GM}from'./main-YBD2J2WA.js';var T=["carousel"],F=(i,n)=>n.id;function I(i,n){if(i&1&&(Pv(0,"app-picture",3),UM(1,"storyblokCdn")),i&2){let e=n.$implicit,t=n.$index,o=OS();Lv("scale",.5)("loading",t<1?"eager":"lazy")("url",GM(1,8,e.filename))("width",o.dimensions[t].width)("height",o.dimensions[t].height)("alt",e.alt)("maxWidth",o.maxWidth)("id",e.id);}}var D=class i{storyblokReplaceService=v(b);_uid;component;_editable;style;images;dynamicFrom;carouselEl;dimensions;maxWidth;dragging=false;scrollSnap=true;ngOnChanges(){this.maxWidth=ie(this.style?.[0]?.pageWidth,this.style?.[0]?.customPageWidth),this.dynamicFrom&&(this.images=this.storyblokReplaceService.getFromKey(this.dynamicFrom)),this.dimensions=this.images.map(n=>{let e=n?.filename;if(e)return {width:parseInt(e.split("/")[5].split("x")[0]),height:parseInt(e.split("/")[5].split("x")[1])}});}scrollTo(n){let e=document.getElementById(n.toString());this.carouselEl.nativeElement.scrollTo({left:e.offsetLeft,behavior:"smooth"});}onMouseDown(n){n.preventDefault(),this.dragging=true;}onMouseUp(){this.dragging=false;}onMouseMove(n){if(!this.dragging){this.scrollSnap=false;return}this.carouselEl.nativeElement.scrollBy({left:-n.movementX}),n.preventDefault();}onMouseLeave(){this.dragging=false;}static \u0275fac=function(e){return new(e||i)};static \u0275cmp=Yb({type:i,selectors:[["app-carousel"]],viewQuery:function(e,t){if(e&1&&Qv(T,5),e&2){let o;FS(o=jS())&&(t.carouselEl=o.first);}},inputs:{_uid:"_uid",component:"component",_editable:"_editable",style:"style",images:"images",dynamicFrom:"dynamicFrom"},features:[CD],decls:5,vars:7,consts:[["carousel",""],[3,"_editable"],[1,"carousel",3,"mousedown","mouseup","mousemove","mouseleave"],[3,"scale","loading","url","width","height","alt","maxWidth","id"]],template:function(e,t){e&1&&(Rs(0,"app-block-wrapper",1)(1,"div",2,0),Gv("mousedown",function(r){return t.onMouseDown(r)})("mouseup",function(){return t.onMouseUp()})("mousemove",function(r){return t.onMouseMove(r)})("mouseleave",function(){return t.onMouseLeave()}),gS(3,I,2,10,"app-picture",3,F),Ku()()),e&2&&(XS(t.style),Lv("_editable",t._editable),iC(),ty("scroll-snap",t.scrollSnap)("dragging",t.dragging),iC(2),mS(t.images));},dependencies:[ee,M,e],styles:[`.carousel[_ngcontent-%COMP%]{overflow-x:scroll;display:flex;gap:20px;padding:0 40px;scroll-padding:0 10%;cursor:grab}.carousel.scroll-snap[_ngcontent-%COMP%]{scroll-snap-type:x mandatory}.carousel.dragging[_ngcontent-%COMP%]{cursor:grabbing}@media(min-width:600px){.carousel[_ngcontent-%COMP%]{scroll-padding:0 5%}}.carousel[_ngcontent-%COMP%]::-webkit-scrollbar{width:0;height:0;background:transparent}.carousel[_ngcontent-%COMP%]   app-picture[_ngcontent-%COMP%]{border:1px solid var(--%NS%layout-separator);width:calc(90% + 30px);overflow:hidden;flex:0 0 auto;scroll-snap-align:center;border-radius:12px;max-width:800px}@media(min-width:600px){.carousel[_ngcontent-%COMP%]   app-picture[_ngcontent-%COMP%]{width:calc(45% + 30px);border-radius:24px;scroll-snap-align:start}}
2/*# sourceMappingURL=carousel.component-ORVIPRVD.css.map */`]})};export{D as CarouselComponent};//# sourceMappingURL=chunk-CSu44cHP.js.map
3//# debugId=3cf8ef91-317e-5540-b6ea-9078fb1dfbe8