https://www.totaltraining.com/assets/2.4.1/HorizontalScrollDisplayContents.efc277ed.js

1import{v as g,k as S,_ as C,d0 as b,ag as A,B as L,x as i,y as c,a3 as h,an as d,j as a,z as f,O as u,I as m,F as p,U as _,Y as w,C as D,D as k,aK as x,aI as B}from"./index.ccd35ebd.js";const R={props:["contents","contentItemLayout","loading","doneFetching"],components:{GridContent:S(()=>C(()=>import("./GridContent.42872743.js"),["assets/2.4.1/GridContent.42872743.js","assets/2.4.1/index.ccd35ebd.js","assets/2.4.1/style.df0732e0130efa4bed85fe91a2709a28a35e499229231d98e910e27ba3e72bf7.css"]))},data:()=>({showLeftArrow:!1,showRightArrow:!1,handleScrollDebounced:null}),computed:{deviceWithTouch(){return b.has.touch},arrowStyle(){return{top:"50%",zIndex:1,height:"50px",width:"50px",backgroundColor:this.$store.getters.color(this.$attrs.controlColor)||this.$store.getters.brandColor||"white",color:"white"}}},methods:{scrollLeft(){this.$refs.scrollArea.scrollBy({left:-250,behavior:"smooth"})},scrollRight(){this.$refs.scrollArea.scrollBy({left:250,behavior:"smooth"})},handleScroll(){var o,l,s,n;this.showLeftArrow=(o=this.$refs.scrollArea)==null?void 0:o.scrollLeft;const t=((l=this.$refs.scrollArea)==null?void 0:l.scrollLeft)+((s=this.$refs.scrollArea)==null?void 0:s.clientWidth);this.showRightArrow=t<((n=this.$refs.scrollArea)==null?void 0:n.scrollWidth),!this.showRightArrow&&!this.doneFetching&&this.$emit("end")}},created(){this.handleScrollDebounced=A(this.handleScroll,200),window.addEventListener("resize",this.handleScrollDebounced)},async mounted(){const t=this.contents.length*200;this.$refs.container.style.width=`${t}px`,this.handleScroll()},beforeUnmount(){window.removeEventListener("resize",this.handleScrollDebounced)},updated(){this.handleScrollDebounced()}},z={class:"overflow-auto relative-position full-width"},W={ref:"container",style:{display:"flex",height:"100%"}};function q(t,o,l,s,n,e){const v=L("GridContent");return i(),c("div",z,[h(a(u,{round:"",icon:"fas fa-chevron-left",class:"absolute-left q-ml-xs",style:f(e.arrowStyle),onClick:e.scrollLeft},null,8,["style","onClick"]),[[d,t.showLeftArrow&&!e.deviceWithTouch]]),m("div",{ref:"scrollArea",class:w(["full-width relative-position fit q-py-sm",{"overflow-hidden":!e.deviceWithTouch}]),onScroll:o[1]||(o[1]=(...r)=>e.handleScroll&&e.handleScroll(...r)),onLoad:o[2]||(o[2]=(...r)=>e.handleScroll&&e.handleScroll(...r))},[m("div",W,[(i(!0),c(p,null,_(l.contents,r=>(i(),D(B(t.$q.platform.within.iframe?"div":"q-intersection"),{key:r.id,class:w(["relative-position","q-px-sm fit"]),transition:"scale",once:!0,"ssr-prerender":"",onVisibility:e.handleScroll},{default:k(()=>[a(v,x({item:r,ref_for:!0},t.$attrs,{"content-item-layout":l.contentItemLayout,class:"fit",style:{"min-width":"200px"},onOpenContentPreview:o[0]||(o[0]=y=>t.$emit("openContentPreview",y))}),null,16,["item","content-item-layout"])]),_:2},1064,["onVisibility"]))),128))],512)],34),h(a(u,{round:"",icon:"fas fa-chevron-right",class:"absolute-right q-mr-xs",style:f(e.arrowStyle),loading:l.loading,disable:l.loading,onClick:e.scrollRight},null,8,["style","loading","disable","onClick"]),[[d,t.showRightArrow&&!e.deviceWithTouch||l.loading]])])}var P=g(R,[["render",q]]);export{P as default};