1import{h as x}from"./entry.9c752da3.js";import B from"./BrndDragScroll.73c37b30.js";import{r as l,o as k,S as z,l as A,m as R,G as r,E as i,ad as d,A as p,x as c,a9 as v,af as h,u as g,a2 as y,q as $}from"./_vueform/slider.db378d7f.js";import"./floating-vue/dist.a50cb737.js";import"./_vueuse.90c89c65.js";const q={class:"relative"},D={__name:"BrndDragScrollArrows",props:{classes:{type:String,default:""},type:{type:String,default:""}},setup(n){const o=l(null),f=l(!1),m=l(!1),_=t=>{o.value=t,requestAnimationFrame(a)},a=()=>{const t=o.value;if(!t)return;const e=t.scrollLeft||0,s=(t.scrollWidth||0)-(t.clientWidth||0);f.value=e>1,m.value=e<s-1},b=()=>a(),u=(t=1)=>{const e=o.value;if(!e)return;const s=e.clientWidth/2*t;e.scrollBy({left:s,behavior:"smooth"}),requestAnimationFrame(a)};return k(()=>{if(requestAnimationFrame(a),typeof ResizeObserver<"u"){const t=new ResizeObserver(()=>a());o.value&&t.observe(o.value),z(()=>t.disconnect())}}),(t,e)=>{const s=x,w=B;return A(),R("div",q,[r(y,{"enter-from-class":"opacity-0","leave-to-class":"opacity-0","enter-active-class":"transition duration-200","leave-active-class":"transition duration-200"},{default:i(()=>[d(p("div",{class:c(["absolute bottom-0 top-0 z-10 flex h-full w-8 cursor-pointer items-center justify-start bg-gradient-to-r from-white from-60% to-transparent transition-all",n.type==="catalog"?"left-0 hover:text-primary":"-left-4 sm:-left-5"]),onClick:e[0]||(e[0]=v(S=>u(-1),["stop","prevent"]))},[r(s,{name:"ri:arrow-left-s-line",class:"shrink-0"})],2),[[h,g(f)]])]),_:1}),r(w,{getRef:_,class:c(n.classes),onScrollX:b},{default:i(()=>[$(t.$slots,"default")]),_:3},8,["class"]),r(y,{"enter-from-class":"opacity-0","leave-to-class":"opacity-0","enter-active-class":"transition duration-200","leave-active-class":"transition duration-200"},{default:i(()=>[d(p("div",{class:c(["absolute bottom-0 top-0 z-10 flex h-full w-8 cursor-pointer items-center justify-end bg-gradient-to-l from-white from-60% to-transparent transition-all",n.type==="catalog"?"right-0 hover:text-primary":"-right-4 sm:-right-5"]),onClick:e[1]||(e[1]=v(S=>u(1),["stop","prevent"]))},[r(s,{name:"ri:arrow-right-s-line",class:"shrink-0"})],2),[[h,g(m)]])]),_:1})])}}};export{D as default}; 2//# sourceMappingURL=BrndDragScrollArrows.70ed4dc4.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.