@nulib/clover 0.0.0-stage → 4.0.0-beta.0

package/dist/web-components/dragToClose-C-Pf1IeO.mjs

@@ -0,0 +1 @@
+const I=.3333333333333333,M=.5,C=8,P="translate 240ms cubic-bezier(0.16, 1, 0.3, 1)";function D(r,i){let e=null,n="idle",d=0,E=0,c=0,g=1,v=1,o=[];const p=()=>{var t;return[r,(t=i.current.alongside)==null?void 0:t.current]},m=t=>{if(t.pointerType==="mouse"||!t.isPrimary||!i.current.enabled)return;e=t.pointerId,n="pending",d=t.clientX,E=t.clientY,c=0,g=r.getBoundingClientRect().width||1;const s=getComputedStyle(r).direction==="rtl";v=i.current.side==="end"!==s?1:-1,o=[[t.timeStamp,0]]},w=t=>{var y,L;if(t.pointerId!==e||n==="idle"||n==="scroll")return;const s=(t.clientX-d)*v,l=t.clientY-E;if(n==="pending"){if(Math.abs(l)>C&&Math.abs(l)>Math.abs(s)){n="scroll";return}if(s<C)return;n="drag";try{(y=r.setPointerCapture)==null||y.call(r,t.pointerId)}catch{}u(p(),void 0,"none")}c=Math.max(0,s),u(p(),`${c*v}px 0`);const f=(L=i.current.scrim)==null?void 0:L.current;f&&(f.style.transition="none",f.style.opacity=String(1-c/g)),o.push([t.timeStamp,c]),o.length>5&&o.shift(),t.preventDefault()},h=t=>{var S;if(t.pointerId!==e)return;const s=n==="drag";if(n="idle",e=null,!s)return;r.addEventListener("click",x,{capture:true,once:true}),setTimeout(()=>r.removeEventListener("click",x,true),0);const[l,f]=o[0],[y,L]=o[o.length-1],b=y>l?(L-f)/(y-l):0,a=(S=i.current.scrim)==null?void 0:S.current;if(c>g*I||b>M){if(a&&(a.style.transition="opacity 240ms ease",a.style.opacity="0"),i.current.exits){u(p(),`${g*v}px 0`,"translate 200ms ease-out"),setTimeout(()=>i.current.onClose(),200);return}u(p(),void 0,""),i.current.onClose();return}u(p(),"",P),a&&(a.style.transition="opacity 240ms ease",a.style.opacity="")},x=t=>{t.stopPropagation(),t.preventDefault()};return r.addEventListener("pointerdown",m),r.addEventListener("pointermove",w,{passive:false}),r.addEventListener("pointerup",h),r.addEventListener("pointercancel",h),()=>{r.removeEventListener("pointerdown",m),r.removeEventListener("pointermove",w),r.removeEventListener("pointerup",h),r.removeEventListener("pointercancel",h)}}function R(r,i){var n,d;u([r,(n=i.current.alongside)==null?void 0:n.current],"","");const e=(d=i.current.scrim)==null?void 0:d.current;e&&(e.style.opacity="",e.style.transition="")}function u(r,i,e){for(const n of r)n&&(e!==void 0&&(n.style.transition=e),i!==void 0&&(n.style.translate=i))}export{D as attach,R as reset};