| Server IP : 49.231.201.246 / Your IP : 216.73.216.149 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /proc/11584/cwd/html/ppaobm/vendor/bower-asset/fullcalendar/src/interaction/dnd/ |
Upload File : |
import { ScrollGeomCache, ElementScrollGeomCache, WindowScrollGeomCache } from '../scroll-geom-cache'
interface Edge {
scrollCache: ScrollGeomCache
name: 'top' | 'left' | 'right' | 'bottom'
distance: number // how many pixels the current pointer is from the edge
}
// If available we are using native "performance" API instead of "Date"
// Read more about it on MDN:
// https://developer.mozilla.org/en-US/docs/Web/API/Performance
const getTime = typeof performance === 'function' ? (performance as any).now : Date.now
/*
For a pointer interaction, automatically scrolls certain scroll containers when the pointer
approaches the edge.
The caller must call start + handleMove + stop.
*/
export default class AutoScroller {
// options that can be set by caller
isEnabled: boolean = true
scrollQuery: (Window | string)[] = [ window, '.fc-scroller' ]
edgeThreshold: number = 50 // pixels
maxVelocity: number = 300 // pixels per second
// internal state
pointerScreenX: number | null = null
pointerScreenY: number | null = null
isAnimating: boolean = false
scrollCaches: ScrollGeomCache[] | null = null
msSinceRequest?: number
// protect against the initial pointerdown being too close to an edge and starting the scroll
everMovedUp: boolean = false
everMovedDown: boolean = false
everMovedLeft: boolean = false
everMovedRight: boolean = false
start(pageX: number, pageY: number) {
if (this.isEnabled) {
this.scrollCaches = this.buildCaches()
this.pointerScreenX = null
this.pointerScreenY = null
this.everMovedUp = false
this.everMovedDown = false
this.everMovedLeft = false
this.everMovedRight = false
this.handleMove(pageX, pageY)
}
}
handleMove(pageX: number, pageY: number) {
if (this.isEnabled) {
let pointerScreenX = pageX - window.pageXOffset
let pointerScreenY = pageY - window.pageYOffset
let yDelta = this.pointerScreenY === null ? 0 : pointerScreenY - this.pointerScreenY
let xDelta = this.pointerScreenX === null ? 0 : pointerScreenX - this.pointerScreenX
if (yDelta < 0) {
this.everMovedUp = true
} else if (yDelta > 0) {
this.everMovedDown = true
}
if (xDelta < 0) {
this.everMovedLeft = true
} else if (xDelta > 0) {
this.everMovedRight = true
}
this.pointerScreenX = pointerScreenX
this.pointerScreenY = pointerScreenY
if (!this.isAnimating) {
this.isAnimating = true
this.requestAnimation(getTime())
}
}
}
stop() {
if (this.isEnabled) {
this.isAnimating = false // will stop animation
for (let scrollCache of this.scrollCaches!) {
scrollCache.destroy()
}
this.scrollCaches = null
}
}
requestAnimation(now: number) {
this.msSinceRequest = now
requestAnimationFrame(this.animate)
}
private animate = () => {
if (this.isAnimating) { // wasn't cancelled between animation calls
let edge = this.computeBestEdge(
this.pointerScreenX! + window.pageXOffset,
this.pointerScreenY! + window.pageYOffset
)
if (edge) {
let now = getTime()
this.handleSide(edge, (now - this.msSinceRequest!) / 1000)
this.requestAnimation(now)
} else {
this.isAnimating = false // will stop animation
}
}
}
private handleSide(edge: Edge, seconds: number) {
let { scrollCache } = edge
let { edgeThreshold } = this
let invDistance = edgeThreshold - edge.distance
let velocity = // the closer to the edge, the faster we scroll
(invDistance * invDistance) / (edgeThreshold * edgeThreshold) * // quadratic
this.maxVelocity * seconds
let sign = 1
switch (edge.name) {
case 'left':
sign = -1
// falls through
case 'right':
scrollCache.setScrollLeft(scrollCache.getScrollLeft() + velocity * sign)
break
case 'top':
sign = -1
// falls through
case 'bottom':
scrollCache.setScrollTop(scrollCache.getScrollTop() + velocity * sign)
break
}
}
// left/top are relative to document topleft
private computeBestEdge(left: number, top: number): Edge | null {
let { edgeThreshold } = this
let bestSide: Edge | null = null
for (let scrollCache of this.scrollCaches!) {
let rect = scrollCache.clientRect
let leftDist = left - rect.left
let rightDist = rect.right - left
let topDist = top - rect.top
let bottomDist = rect.bottom - top
// completely within the rect?
if (leftDist >= 0 && rightDist >= 0 && topDist >= 0 && bottomDist >= 0) {
if (
topDist <= edgeThreshold && this.everMovedUp && scrollCache.canScrollUp() &&
(!bestSide || bestSide.distance > topDist)
) {
bestSide = { scrollCache, name: 'top', distance: topDist }
}
if (
bottomDist <= edgeThreshold && this.everMovedDown && scrollCache.canScrollDown() &&
(!bestSide || bestSide.distance > bottomDist)
) {
bestSide = { scrollCache, name: 'bottom', distance: bottomDist }
}
if (
leftDist <= edgeThreshold && this.everMovedLeft && scrollCache.canScrollLeft() &&
(!bestSide || bestSide.distance > leftDist)
) {
bestSide = { scrollCache, name: 'left', distance: leftDist }
}
if (
rightDist <= edgeThreshold && this.everMovedRight && scrollCache.canScrollRight() &&
(!bestSide || bestSide.distance > rightDist)
) {
bestSide = { scrollCache, name: 'right', distance: rightDist }
}
}
}
return bestSide
}
private buildCaches() {
return this.queryScrollEls().map((el) => {
if (el === window) {
return new WindowScrollGeomCache(false) // false = don't listen to user-generated scrolls
} else {
return new ElementScrollGeomCache(el, false) // false = don't listen to user-generated scrolls
}
})
}
private queryScrollEls() {
let els = []
for (let query of this.scrollQuery) {
if (typeof query === 'object') {
els.push(query)
} else {
els.push(...Array.prototype.slice.call(document.querySelectorAll(query)))
}
}
return els
}
}