| 1 | {"version":3,"file":"AutoScroll.js","sourceRoot":"../src/","sources":["AutoScroll.ts"],"names":[],"mappings":"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","sourcesContent":["import { EventGroup } from './EventGroup';\nimport { findScrollableParent } from './scroll';\nimport { getRect } from './dom/getRect';\nimport { IRectangle } from './IRectangle';\n\ndeclare function setTimeout(cb: Function, delay: number): number;\n\nconst SCROLL_ITERATION_DELAY = 16;\nconst SCROLL_GUTTER = 100;\nconst MAX_SCROLL_VELOCITY = 15;\n\n/**\n * AutoScroll simply hooks up mouse events given a parent element, and scrolls the container\n * up/down depending on how close the mouse is to the top/bottom of the container.\n *\n * Once you don't want autoscroll any more, just dispose the helper and it will unhook events.\n *\n * @public\n * {@docCategory AutoScroll}\n */\nexport class AutoScroll {\n private _events: EventGroup;\n private _scrollableParent: HTMLElement | null;\n private _scrollRect: IRectangle | undefined;\n private _scrollVelocity: number;\n private _isVerticalScroll: boolean;\n private _timeoutId: number;\n\n constructor(element: HTMLElement) {\n this._events = new EventGroup(this);\n this._scrollableParent = findScrollableParent(element) as HTMLElement;\n\n this._incrementScroll = this._incrementScroll.bind(this);\n this._scrollRect = getRect(this._scrollableParent);\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n if (this._scrollableParent === (window as any)) {\n this._scrollableParent = document.body;\n }\n\n if (this._scrollableParent) {\n this._events.on(window, 'mousemove', this._onMouseMove, true);\n this._events.on(window, 'touchmove', this._onTouchMove, true);\n }\n }\n\n public dispose(): void {\n this._events.dispose();\n this._stopScroll();\n }\n\n private _onMouseMove(ev: MouseEvent): void {\n this._computeScrollVelocity(ev);\n }\n\n private _onTouchMove(ev: TouchEvent): void {\n if (ev.touches.length > 0) {\n this._computeScrollVelocity(ev);\n }\n }\n\n private _computeScrollVelocity(ev: MouseEvent | TouchEvent): void {\n if (!this._scrollRect) {\n return;\n }\n\n let clientX: number;\n let clientY: number;\n if ('clientX' in ev) {\n clientX = ev.clientX;\n clientY = ev.clientY;\n } else {\n clientX = ev.touches[0].clientX;\n clientY = ev.touches[0].clientY;\n }\n\n let scrollRectTop = this._scrollRect.top;\n let scrollRectLeft = this._scrollRect.left;\n let scrollClientBottom = scrollRectTop + this._scrollRect.height - SCROLL_GUTTER;\n let scrollClientRight = scrollRectLeft + this._scrollRect.width - SCROLL_GUTTER;\n\n // variables to use for alternating scroll direction\n let scrollRect;\n let clientDirection;\n let scrollClient;\n\n // if either of these conditions are met we are scrolling vertically else horizontally\n if (clientY < scrollRectTop + SCROLL_GUTTER || clientY > scrollClientBottom) {\n clientDirection = clientY;\n scrollRect = scrollRectTop;\n scrollClient = scrollClientBottom;\n this._isVerticalScroll = true;\n } else {\n clientDirection = clientX;\n scrollRect = scrollRectLeft;\n scrollClient = scrollClientRight;\n this._isVerticalScroll = false;\n }\n\n // calculate scroll velocity and direction\n if (clientDirection! < scrollRect + SCROLL_GUTTER) {\n this._scrollVelocity = Math.max(\n -MAX_SCROLL_VELOCITY,\n -MAX_SCROLL_VELOCITY * ((SCROLL_GUTTER - (clientDirection - scrollRect)) / SCROLL_GUTTER),\n );\n } else if (clientDirection > scrollClient) {\n this._scrollVelocity = Math.min(\n MAX_SCROLL_VELOCITY,\n MAX_SCROLL_VELOCITY * ((clientDirection - scrollClient) / SCROLL_GUTTER),\n );\n } else {\n this._scrollVelocity = 0;\n }\n\n if (this._scrollVelocity) {\n this._startScroll();\n } else {\n this._stopScroll();\n }\n }\n\n private _startScroll(): void {\n if (!this._timeoutId) {\n this._incrementScroll();\n }\n }\n\n private _incrementScroll(): void {\n if (this._scrollableParent) {\n if (this._isVerticalScroll) {\n this._scrollableParent.scrollTop += Math.round(this._scrollVelocity);\n } else {\n this._scrollableParent.scrollLeft += Math.round(this._scrollVelocity);\n }\n }\n\n this._timeoutId = setTimeout(this._incrementScroll, SCROLL_ITERATION_DELAY);\n }\n\n private _stopScroll(): void {\n if (this._timeoutId) {\n clearTimeout(this._timeoutId);\n delete this._timeoutId;\n }\n }\n}\n"]} |