pixi-scrollbox 2.3.0 → 3.0.0

package/dist/scrollbox.mjs

@@ -0,0 +1,362 @@
+import { Container as e, Graphics as t, Ticker as n } from "pixi.js";
+import { Viewport as r } from "pixi-viewport";
+// \0rolldown/runtime.js
+var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescriptor, s = Object.getOwnPropertyNames, c = Object.getPrototypeOf, l = Object.prototype.hasOwnProperty, u = (e, t) => () => (t || (e((t = { exports: {} }).exports, t, t.exports), e = null), t.exports), d = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = s(t), c = 0, u = i.length, d; c < u; c++) d = i[c], !l.call(e, d) && d !== n && a(e, d, {
+		get: ((e) => t[e]).bind(null, d),
+		enumerable: !(r = o(t, d)) || r.enumerable
+	});
+	return e;
+}, f = /* @__PURE__ */ ((e, t, n) => (n = e == null ? {} : i(c(e)), d(t || !e || !e.__esModule || !l.call(e, "default") ? a(n, "default", {
+	value: e,
+	enumerable: !0
+}) : n, e)))((/* @__PURE__ */ u(((e, t, n) => {
+	(function() {
+		var n = {
+			linear: function(e, t, n, r) {
+				return n * e / r + t;
+			},
+			easeInQuad: function(e, t, n, r) {
+				return n * (e /= r) * e + t;
+			},
+			easeOutQuad: function(e, t, n, r) {
+				return -n * (e /= r) * (e - 2) + t;
+			},
+			easeInOutQuad: function(e, t, n, r) {
+				return (e /= r / 2) < 1 ? n / 2 * e * e + t : -n / 2 * (--e * (e - 2) - 1) + t;
+			},
+			easeInCubic: function(e, t, n, r) {
+				return n * (e /= r) * e * e + t;
+			},
+			easeOutCubic: function(e, t, n, r) {
+				return n * ((e = e / r - 1) * e * e + 1) + t;
+			},
+			easeInOutCubic: function(e, t, n, r) {
+				return (e /= r / 2) < 1 ? n / 2 * e * e * e + t : n / 2 * ((e -= 2) * e * e + 2) + t;
+			},
+			easeInQuart: function(e, t, n, r) {
+				return n * (e /= r) * e * e * e + t;
+			},
+			easeOutQuart: function(e, t, n, r) {
+				return -n * ((e = e / r - 1) * e * e * e - 1) + t;
+			},
+			easeInOutQuart: function(e, t, n, r) {
+				return (e /= r / 2) < 1 ? n / 2 * e * e * e * e + t : -n / 2 * ((e -= 2) * e * e * e - 2) + t;
+			},
+			easeInQuint: function(e, t, n, r) {
+				return n * (e /= r) * e * e * e * e + t;
+			},
+			easeOutQuint: function(e, t, n, r) {
+				return n * ((e = e / r - 1) * e * e * e * e + 1) + t;
+			},
+			easeInOutQuint: function(e, t, n, r) {
+				return (e /= r / 2) < 1 ? n / 2 * e * e * e * e * e + t : n / 2 * ((e -= 2) * e * e * e * e + 2) + t;
+			},
+			easeInSine: function(e, t, n, r) {
+				return -n * Math.cos(e / r * (Math.PI / 2)) + n + t;
+			},
+			easeOutSine: function(e, t, n, r) {
+				return n * Math.sin(e / r * (Math.PI / 2)) + t;
+			},
+			easeInOutSine: function(e, t, n, r) {
+				return -n / 2 * (Math.cos(Math.PI * e / r) - 1) + t;
+			},
+			easeInExpo: function(e, t, n, r) {
+				return e === 0 ? t : n * 2 ** (10 * (e / r - 1)) + t;
+			},
+			easeOutExpo: function(e, t, n, r) {
+				return e === r ? t + n : n * (-(2 ** (-10 * e / r)) + 1) + t;
+			},
+			easeInOutExpo: function(e, t, n, r) {
+				return e === r && t + n, (e /= r / 2) < 1 ? n / 2 * 2 ** (10 * (e - 1)) + t : n / 2 * (-(2 ** (-10 * --e)) + 2) + t;
+			},
+			easeInCirc: function(e, t, n, r) {
+				return -n * (Math.sqrt(1 - (e /= r) * e) - 1) + t;
+			},
+			easeOutCirc: function(e, t, n, r) {
+				return n * Math.sqrt(1 - (e = e / r - 1) * e) + t;
+			},
+			easeInOutCirc: function(e, t, n, r) {
+				return (e /= r / 2) < 1 ? -n / 2 * (Math.sqrt(1 - e * e) - 1) + t : n / 2 * (Math.sqrt(1 - (e -= 2) * e) + 1) + t;
+			},
+			easeInElastic: function(e, t, n, r) {
+				var i, a, o = 1.70158;
+				return a = 0, i = n, e === 0 || (e /= r) === 1 && t + n, a ||= r * .3, i < Math.abs(n) ? (i = n, o = a / 4) : o = a / (2 * Math.PI) * Math.asin(n / i), -(i * 2 ** (10 * --e) * Math.sin((e * r - o) * (2 * Math.PI) / a)) + t;
+			},
+			easeOutElastic: function(e, t, n, r) {
+				var i, a, o = 1.70158;
+				return a = 0, i = n, e === 0 || (e /= r) === 1 && t + n, a ||= r * .3, i < Math.abs(n) ? (i = n, o = a / 4) : o = a / (2 * Math.PI) * Math.asin(n / i), i * 2 ** (-10 * e) * Math.sin((e * r - o) * (2 * Math.PI) / a) + n + t;
+			},
+			easeInOutElastic: function(e, t, n, r) {
+				var i, a, o = 1.70158;
+				return a = 0, i = n, e === 0 || (e /= r / 2) == 2 && t + n, a ||= .3 * 1.5 * r, i < Math.abs(n) ? (i = n, o = a / 4) : o = a / (2 * Math.PI) * Math.asin(n / i), e < 1 ? -.5 * (i * 2 ** (10 * --e) * Math.sin((e * r - o) * (2 * Math.PI) / a)) + t : i * 2 ** (-10 * --e) * Math.sin((e * r - o) * (2 * Math.PI) / a) * .5 + n + t;
+			},
+			easeInBack: function(e, t, n, r, i) {
+				return i === void 0 && (i = 1.70158), n * (e /= r) * e * ((i + 1) * e - i) + t;
+			},
+			easeOutBack: function(e, t, n, r, i) {
+				return i === void 0 && (i = 1.70158), n * ((e = e / r - 1) * e * ((i + 1) * e + i) + 1) + t;
+			},
+			easeInOutBack: function(e, t, n, r, i) {
+				return i === void 0 && (i = 1.70158), (e /= r / 2) < 1 ? n / 2 * (e * e * (((i *= 1.525) + 1) * e - i)) + t : n / 2 * ((e -= 2) * e * (((i *= 1.525) + 1) * e + i) + 2) + t;
+			},
+			easeInBounce: function(e, t, r, i) {
+				return r - n.easeOutBounce(i - e, 0, r, i) + t;
+			},
+			easeOutBounce: function(e, t, n, r) {
+				return (e /= r) < 1 / 2.75 ? n * (7.5625 * e * e) + t : e < 2 / 2.75 ? n * (7.5625 * (e -= 1.5 / 2.75) * e + .75) + t : e < 2.5 / 2.75 ? n * (7.5625 * (e -= 2.25 / 2.75) * e + .9375) + t : n * (7.5625 * (e -= 2.625 / 2.75) * e + .984375) + t;
+			},
+			easeInOutBounce: function(e, t, r, i) {
+				var a;
+				return e < i / 2 ? (a = n.easeInBounce(e * 2, 0, r, i), a * .5 + t) : (a = n.easeOutBounce(e * 2 - i, 0, r, i), a * .5 + r * .5 + t);
+			}
+		};
+		(function(n) {
+			return typeof e == "object" ? t.exports = n : typeof define == "function" && define.amd ? define([], n) : this.penner = n;
+		})(n);
+	}).call(n);
+})))()), p = {
+	boxWidth: 100,
+	boxHeight: 100,
+	scrollbarSize: 10,
+	scrollbarBackground: 14540253,
+	scrollbarBackgroundAlpha: 1,
+	scrollbarForeground: 8947848,
+	scrollbarForegroundAlpha: 1,
+	dragScroll: !0,
+	stopPropagation: !0,
+	scrollbarOffsetHorizontal: 0,
+	scrollbarOffsetVertical: 0,
+	underflow: "top-left",
+	fade: !1,
+	fadeScrollbarTime: 1e3,
+	fadeScrollboxWait: 3e3,
+	fadeScrollboxEase: "easeInOutSine",
+	passiveWheel: !1,
+	clampWheel: !0,
+	wheelSwapAxes: !1
+}, m = class extends e {
+	constructor(e = {}) {
+		if (super(), this.options = Object.assign({}, p, e), !this.options.events) throw Error("pixi-scrollbox: options.events is required (e.g., new Scrollbox({ events: app.renderer.events }))");
+		e.overflow && (this.options.overflowX = this.options.overflowY = e.overflow), e.fadeScrollbar && (this.options.fade = !0), this.options.ticker = e.ticker || n.shared, this.ease = typeof this.options.fadeScrollboxEase == "function" ? this.options.fadeScrollboxEase : f.default[this.options.fadeScrollboxEase], this.content = this.addChild(new r({
+			passiveWheel: this.options.passiveWheel,
+			stopPropagation: this.options.stopPropagation,
+			screenWidth: this.options.boxWidth,
+			screenHeight: this.options.boxHeight,
+			events: this.options.events,
+			noTicker: this.options.noTicker,
+			ticker: this.options.ticker
+		})), this.content.decelerate().on("moved", () => this._drawScrollbars()), this.scrollbar = this.addChild(new t()), this.scrollbar.eventMode = "static", this.scrollbar.hitArea = { contains: (e, t) => this._scrollbarContains(e, t) }, this.scrollbar.on("pointerdown", this.scrollbarDown, this), this.scrollbar.on("pointerup", this.scrollbarUp, this), this.scrollbar.on("pointerupoutside", this.scrollbarUp, this), this.scrollbar.on("pointercancel", this.scrollbarUp, this), this._maskContent = this.addChild(new t()), this._maskContent.eventMode = "none", this.update(), this.options.noTicker || (this.tickerFunction = () => this.updateLoop(Math.min(this.options.ticker.elapsedMS, 16.6667)), this.options.ticker.add(this.tickerFunction));
+	}
+	get scrollbarOffsetHorizontal() {
+		return this.options.scrollbarOffsetHorizontal;
+	}
+	set scrollbarOffsetHorizontal(e) {
+		this.options.scrollbarOffsetHorizontal = e;
+	}
+	get scrollbarOffsetVertical() {
+		return this.options.scrollbarOffsetVertical;
+	}
+	set scrollbarOffsetVertical(e) {
+		this.options.scrollbarOffsetVertical = e;
+	}
+	get disable() {
+		return this._disabled;
+	}
+	set disable(e) {
+		this._disabled !== e && (this._disabled = e, this.update());
+	}
+	get stopPropagation() {
+		return this.options.stopPropagation;
+	}
+	set stopPropagation(e) {
+		this.options.stopPropagation = e, this.content.options.stopPropagation = e;
+	}
+	get dragScroll() {
+		return this.options.dragScroll;
+	}
+	set dragScroll(e) {
+		this.options.dragScroll = e, e || this.content.plugins.remove("drag"), this.update();
+	}
+	get boxWidth() {
+		return this.options.boxWidth;
+	}
+	set boxWidth(e) {
+		this.options.boxWidth = e, this.content.screenWidth = e, this.update();
+	}
+	get overflow() {
+		return this.options.overflow;
+	}
+	set overflow(e) {
+		this.options.overflow = e, this.options.overflowX = e, this.options.overflowY = e, this.update();
+	}
+	get overflowX() {
+		return this.options.overflowX;
+	}
+	set overflowX(e) {
+		this.options.overflowX = e, this.update();
+	}
+	get overflowY() {
+		return this.options.overflowY;
+	}
+	set overflowY(e) {
+		this.options.overflowY = e, this.update();
+	}
+	get boxHeight() {
+		return this.options.boxHeight;
+	}
+	set boxHeight(e) {
+		this.options.boxHeight = e, this.content.screenHeight = e, this.update();
+	}
+	get scrollbarSize() {
+		return this.options.scrollbarSize;
+	}
+	set scrollbarSize(e) {
+		this.options.scrollbarSize = e;
+	}
+	get contentWidth() {
+		return this.options.boxWidth - (this.isScrollbarVertical ? this.options.scrollbarSize : 0);
+	}
+	get contentHeight() {
+		return this.options.boxHeight - (this.isScrollbarHorizontal ? this.options.scrollbarSize : 0);
+	}
+	get isScrollbarVertical() {
+		return this._isScrollbarVertical;
+	}
+	get isScrollbarHorizontal() {
+		return this._isScrollbarHorizontal;
+	}
+	get scrollTop() {
+		return this.content.top;
+	}
+	set scrollTop(e) {
+		this.content.top = e, this._clampAndDraw();
+	}
+	get scrollLeft() {
+		return this.content.left;
+	}
+	set scrollLeft(e) {
+		this.content.left = e, this._clampAndDraw();
+	}
+	get scrollWidth() {
+		return this._scrollWidth || this.content.width;
+	}
+	set scrollWidth(e) {
+		this._scrollWidth = e;
+	}
+	get scrollHeight() {
+		return this._scrollHeight || this.content.height;
+	}
+	set scrollHeight(e) {
+		this._scrollHeight = e;
+	}
+	_drawScrollbars() {
+		this._isScrollbarHorizontal = this.overflowX === "scroll" || ["hidden", "none"].indexOf(this.overflowX) === -1 && this.scrollWidth > this.options.boxWidth, this._isScrollbarVertical = this.overflowY === "scroll" || ["hidden", "none"].indexOf(this.overflowY) === -1 && this.scrollHeight > this.options.boxHeight, this.scrollbar.clear();
+		let e = this.scrollWidth + (this.isScrollbarVertical ? this.options.scrollbarSize : 0), t = this.scrollHeight + (this.isScrollbarHorizontal ? this.options.scrollbarSize : 0);
+		this.scrollbarTop = this.content.top / t * this.boxHeight, this.scrollbarTop = this.scrollbarTop < 0 ? 0 : this.scrollbarTop, this.scrollbarHeight = this.boxHeight / t * this.boxHeight, this.scrollbarHeight = this.scrollbarTop + this.scrollbarHeight > this.boxHeight ? this.boxHeight - this.scrollbarTop : this.scrollbarHeight, this.scrollbarLeft = this.content.left / e * this.boxWidth, this.scrollbarLeft = this.scrollbarLeft < 0 ? 0 : this.scrollbarLeft, this.scrollbarWidth = this.boxWidth / e * this.boxWidth, this.scrollbarWidth = this.scrollbarWidth + this.scrollbarLeft > this.boxWidth ? this.boxWidth - this.scrollbarLeft : this.scrollbarWidth;
+		let n = {
+			color: this.options.scrollbarBackground,
+			alpha: this.options.scrollbarBackgroundAlpha
+		}, r = {
+			color: this.options.scrollbarForeground,
+			alpha: this.options.scrollbarForegroundAlpha
+		};
+		this.isScrollbarVertical && this.scrollbar.rect(this._scrollbarVerticalX, 0, this.scrollbarSize, this.boxHeight).fill(n), this.isScrollbarHorizontal && this.scrollbar.rect(0, this._scrollbarHorizontalY, this.boxWidth, this.scrollbarSize).fill(n), this.isScrollbarVertical && this.scrollbar.rect(this._scrollbarVerticalX, this.scrollbarTop, this.scrollbarSize, this.scrollbarHeight).fill(r), this.isScrollbarHorizontal && this.scrollbar.rect(this.scrollbarLeft, this._scrollbarHorizontalY, this.scrollbarWidth, this.scrollbarSize).fill(r), this.activateFade();
+	}
+	get _scrollbarVerticalX() {
+		return this.boxWidth - this.scrollbarSize + this.options.scrollbarOffsetVertical;
+	}
+	get _scrollbarHorizontalY() {
+		return this.boxHeight - this.scrollbarSize + this.options.scrollbarOffsetHorizontal;
+	}
+	_scrollbarContains(e, t) {
+		return this._disabled ? !1 : this.isScrollbarHorizontal && this._overHorizontal(e, t) ? !0 : this.isScrollbarVertical && this._overVertical(e, t);
+	}
+	_overHorizontal(e, t) {
+		return e >= 0 && e <= this.boxWidth && t >= this._scrollbarHorizontalY && t <= this._scrollbarHorizontalY + this.scrollbarSize;
+	}
+	_overVertical(e, t) {
+		return t >= 0 && t <= this.boxHeight && e >= this._scrollbarVerticalX && e <= this._scrollbarVerticalX + this.scrollbarSize;
+	}
+	_clampAndDraw() {
+		let e = this.content.plugins.get("clamp", !0);
+		e && e.update(), this._drawScrollbars();
+	}
+	_drawMask() {
+		this._maskContent.rect(0, 0, this.boxWidth, this.boxHeight).fill(0), this.content.mask = this._maskContent;
+	}
+	update() {
+		if (this.content.mask = null, this._maskContent.clear(), this._disabled) this.scrollbar.clear();
+		else {
+			this._drawScrollbars(), this._drawMask();
+			let e = this.isScrollbarHorizontal && this.isScrollbarVertical ? "all" : this.isScrollbarHorizontal ? "x" : "y";
+			this.options.dragScroll && this.content.drag({
+				clampWheel: this.options.clampWheel,
+				direction: e,
+				wheelSwapAxes: this.options.wheelSwapAxes
+			}), this.content.clamp({
+				direction: e,
+				underflow: this.options.underflow
+			});
+		}
+	}
+	updateLoop(e) {
+		if (this.options.noTicker && this.content.update(e), this.fade) {
+			if (this.fade.wait > 0) {
+				if (this.fade.wait -= e, this.fade.wait <= 0) e = -this.fade.wait;
+				else return;
+			}
+			this.fade.duration += e, this.fade.duration >= this.options.fadeScrollbarTime ? (this.fade = null, this.scrollbar.alpha = 0) : this.scrollbar.alpha = this.ease(this.fade.duration, 1, -1, this.options.fadeScrollbarTime), this.content.dirty = !0;
+		}
+	}
+	get dirty() {
+		return this.content.dirty;
+	}
+	set dirty(e) {
+		this.content.dirty = e;
+	}
+	activateFade() {
+		this.options.fade && (this.scrollbar.alpha = 1, this.fade = {
+			wait: this.options.fadeScrollboxWait,
+			duration: 0
+		});
+	}
+	scrollbarDown(e) {
+		let t = this.toLocal(e.global);
+		this.isScrollbarHorizontal && this._overHorizontal(t.x, t.y) ? (t.x >= this.scrollbarLeft && t.x <= this.scrollbarLeft + this.scrollbarWidth ? this._startScrollbarDrag("horizontal", t) : (t.x > this.scrollbarLeft ? this.content.left += this.content.worldScreenWidth : this.content.left -= this.content.worldScreenWidth, this._clampAndDraw()), this.options.stopPropagation && e.stopPropagation()) : this.isScrollbarVertical && this._overVertical(t.x, t.y) && (t.y >= this.scrollbarTop && t.y <= this.scrollbarTop + this.scrollbarHeight ? this._startScrollbarDrag("vertical", t) : (t.y > this.scrollbarTop ? this.content.top += this.content.worldScreenHeight : this.content.top -= this.content.worldScreenHeight, this._clampAndDraw()), this.options.stopPropagation && e.stopPropagation());
+	}
+	_startScrollbarDrag(e, t) {
+		this.pointerDown = {
+			type: e,
+			last: t
+		}, this.scrollbar.on("globalpointermove", this.scrollbarMove, this);
+	}
+	scrollbarMove(e) {
+		if (this.pointerDown) {
+			let t = this.toLocal(e.global);
+			if (this.pointerDown.type === "horizontal") {
+				let e = this.scrollWidth + (this.isScrollbarVertical ? this.options.scrollbarSize : 0);
+				this.scrollbarLeft += t.x - this.pointerDown.last.x, this.content.left = this.scrollbarLeft / this.boxWidth * e;
+			} else {
+				let e = this.scrollHeight + (this.isScrollbarHorizontal ? this.options.scrollbarSize : 0);
+				this.scrollbarTop += t.y - this.pointerDown.last.y, this.content.top = this.scrollbarTop / this.boxHeight * e;
+			}
+			this.pointerDown.last = t, this._clampAndDraw(), this.options.stopPropagation && e.stopPropagation();
+		}
+	}
+	scrollbarUp() {
+		this.pointerDown = null, this.scrollbar.off("globalpointermove", this.scrollbarMove, this);
+	}
+	resize(e) {
+		this.options.boxWidth = e.boxWidth === void 0 ? this.options.boxWidth : e.boxWidth, this.options.boxHeight = e.boxHeight === void 0 ? this.options.boxHeight : e.boxHeight, e.scrollWidth && (this.scrollWidth = e.scrollWidth), e.scrollHeight && (this.scrollHeight = e.scrollHeight), this.content.resize(this.options.boxWidth, this.options.boxHeight, this.scrollWidth, this.scrollHeight), this.update();
+	}
+	ensureVisible(e, t, n, r) {
+		this.content.ensureVisible(e, t, n, r), this._drawScrollbars();
+	}
+	destroy(e) {
+		this.tickerFunction &&= (this.options.ticker.remove(this.tickerFunction), null), this.scrollbarUp(), this.content.destroy(e), super.destroy(e);
+	}
+};
+export { m as Scrollbox };
+
+//# sourceMappingURL=scrollbox.mjs.map

package/dist/scrollbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbox.mjs","names":["Penner","__create","__defProp","__getOwnPropDesc","__getOwnPropNames","__getProtoOf","__hasOwnProp","__commonJSMin","mod","cb","__copyProps","from","keys","i","n","key","to","except","k","desc","import_penner","isNodeMode","target","penner","c","t","d","b","a","p","s","v","exports","factory","this$1","scrollboxOptions","\"boxWidth\"","\"boxHeight\"","\"scrollbarSize\"","\"scrollbarBackground\"","\"scrollbarBackgroundAlpha\"","\"scrollbarForeground\"","\"scrollbarForegroundAlpha\"","\"dragScroll\"","\"stopPropagation\"","\"scrollbarOffsetHorizontal\"","\"scrollbarOffsetVertical\"","\"underflow\"","\"fade\"","\"fadeScrollbarTime\"","\"fadeScrollboxWait\"","\"fadeScrollboxEase\"","\"passiveWheel\"","\"clampWheel\"","\"wheelSwapAxes\"","Scrollbox","Container","options","Ticker","Viewport","Graphics","x","y","value","top","left","width","height","background","foreground","clamp","direction","elapsed","local"],"sources":["../node_modules/.pnpm/penner@0.1.3/node_modules/penner/penner.js","../src/scrollbox.js"],"sourcesContent":["\n/*\n\tCopyright © 2001 Robert Penner\n\tAll rights reserved.\n\n\tRedistribution and use in source and binary forms, with or without modification, \n\tare permitted provided that the following conditions are met:\n\n\tRedistributions of source code must retain the above copyright notice, this list of \n\tconditions and the following disclaimer.\n\tRedistributions in binary form must reproduce the above copyright notice, this list \n\tof conditions and the following disclaimer in the documentation and/or other materials \n\tprovided with the distribution.\n\n\tNeither the name of the author nor the names of contributors may be used to endorse \n\tor promote products derived from this software without specific prior written permission.\n\n\tTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND ANY \n\tEXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\n\tMERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE\n\tCOPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,\n\tEXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE\n\tGOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED \n\tAND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING\n\tNEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED \n\tOF THE POSSIBILITY OF SUCH DAMAGE.\n */\n\n(function() {\n  var penner, umd;\n\n  umd = function(factory) {\n    if (typeof exports === 'object') {\n      return module.exports = factory;\n    } else if (typeof define === 'function' && define.amd) {\n      return define([], factory);\n    } else {\n      return this.penner = factory;\n    }\n  };\n\n  penner = {\n    linear: function(t, b, c, d) {\n      return c * t / d + b;\n    },\n    easeInQuad: function(t, b, c, d) {\n      return c * (t /= d) * t + b;\n    },\n    easeOutQuad: function(t, b, c, d) {\n      return -c * (t /= d) * (t - 2) + b;\n    },\n    easeInOutQuad: function(t, b, c, d) {\n      if ((t /= d / 2) < 1) {\n        return c / 2 * t * t + b;\n      } else {\n        return -c / 2 * ((--t) * (t - 2) - 1) + b;\n      }\n    },\n    easeInCubic: function(t, b, c, d) {\n      return c * (t /= d) * t * t + b;\n    },\n    easeOutCubic: function(t, b, c, d) {\n      return c * ((t = t / d - 1) * t * t + 1) + b;\n    },\n    easeInOutCubic: function(t, b, c, d) {\n      if ((t /= d / 2) < 1) {\n        return c / 2 * t * t * t + b;\n      } else {\n        return c / 2 * ((t -= 2) * t * t + 2) + b;\n      }\n    },\n    easeInQuart: function(t, b, c, d) {\n      return c * (t /= d) * t * t * t + b;\n    },\n    easeOutQuart: function(t, b, c, d) {\n      return -c * ((t = t / d - 1) * t * t * t - 1) + b;\n    },\n    easeInOutQuart: function(t, b, c, d) {\n      if ((t /= d / 2) < 1) {\n        return c / 2 * t * t * t * t + b;\n      } else {\n        return -c / 2 * ((t -= 2) * t * t * t - 2) + b;\n      }\n    },\n    easeInQuint: function(t, b, c, d) {\n      return c * (t /= d) * t * t * t * t + b;\n    },\n    easeOutQuint: function(t, b, c, d) {\n      return c * ((t = t / d - 1) * t * t * t * t + 1) + b;\n    },\n    easeInOutQuint: function(t, b, c, d) {\n      if ((t /= d / 2) < 1) {\n        return c / 2 * t * t * t * t * t + b;\n      } else {\n        return c / 2 * ((t -= 2) * t * t * t * t + 2) + b;\n      }\n    },\n    easeInSine: function(t, b, c, d) {\n      return -c * Math.cos(t / d * (Math.PI / 2)) + c + b;\n    },\n    easeOutSine: function(t, b, c, d) {\n      return c * Math.sin(t / d * (Math.PI / 2)) + b;\n    },\n    easeInOutSine: function(t, b, c, d) {\n      return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b;\n    },\n    easeInExpo: function(t, b, c, d) {\n      if (t === 0) {\n        return b;\n      } else {\n        return c * Math.pow(2, 10 * (t / d - 1)) + b;\n      }\n    },\n    easeOutExpo: function(t, b, c, d) {\n      if (t === d) {\n        return b + c;\n      } else {\n        return c * (-Math.pow(2, -10 * t / d) + 1) + b;\n      }\n    },\n    easeInOutExpo: function(t, b, c, d) {\n      if (t === 0) {\n        b;\n      }\n      if (t === d) {\n        b + c;\n      }\n      if ((t /= d / 2) < 1) {\n        return c / 2 * Math.pow(2, 10 * (t - 1)) + b;\n      } else {\n        return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b;\n      }\n    },\n    easeInCirc: function(t, b, c, d) {\n      return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b;\n    },\n    easeOutCirc: function(t, b, c, d) {\n      return c * Math.sqrt(1 - (t = t / d - 1) * t) + b;\n    },\n    easeInOutCirc: function(t, b, c, d) {\n      if ((t /= d / 2) < 1) {\n        return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b;\n      } else {\n        return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\n      }\n    },\n    easeInElastic: function(t, b, c, d) {\n      var a, p, s;\n      s = 1.70158;\n      p = 0;\n      a = c;\n      if (t === 0) {\n        b;\n      } else if ((t /= d) === 1) {\n        b + c;\n      }\n      if (!p) {\n        p = d * .3;\n      }\n      if (a < Math.abs(c)) {\n        a = c;\n        s = p / 4;\n      } else {\n        s = p / (2 * Math.PI) * Math.asin(c / a);\n      }\n      return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;\n    },\n    easeOutElastic: function(t, b, c, d) {\n      var a, p, s;\n      s = 1.70158;\n      p = 0;\n      a = c;\n      if (t === 0) {\n        b;\n      } else if ((t /= d) === 1) {\n        b + c;\n      }\n      if (!p) {\n        p = d * .3;\n      }\n      if (a < Math.abs(c)) {\n        a = c;\n        s = p / 4;\n      } else {\n        s = p / (2 * Math.PI) * Math.asin(c / a);\n      }\n      return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b;\n    },\n    easeInOutElastic: function(t, b, c, d) {\n      var a, p, s;\n      s = 1.70158;\n      p = 0;\n      a = c;\n      if (t === 0) {\n        b;\n      } else if ((t /= d / 2) === 2) {\n        b + c;\n      }\n      if (!p) {\n        p = d * (.3 * 1.5);\n      }\n      if (a < Math.abs(c)) {\n        a = c;\n        s = p / 4;\n      } else {\n        s = p / (2 * Math.PI) * Math.asin(c / a);\n      }\n      if (t < 1) {\n        return -.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;\n      } else {\n        return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p) * .5 + c + b;\n      }\n    },\n    easeInBack: function(t, b, c, d, s) {\n      if (s === void 0) {\n        s = 1.70158;\n      }\n      return c * (t /= d) * t * ((s + 1) * t - s) + b;\n    },\n    easeOutBack: function(t, b, c, d, s) {\n      if (s === void 0) {\n        s = 1.70158;\n      }\n      return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;\n    },\n    easeInOutBack: function(t, b, c, d, s) {\n      if (s === void 0) {\n        s = 1.70158;\n      }\n      if ((t /= d / 2) < 1) {\n        return c / 2 * (t * t * (((s *= 1.525) + 1) * t - s)) + b;\n      } else {\n        return c / 2 * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b;\n      }\n    },\n    easeInBounce: function(t, b, c, d) {\n      var v;\n      v = penner.easeOutBounce(d - t, 0, c, d);\n      return c - v + b;\n    },\n    easeOutBounce: function(t, b, c, d) {\n      if ((t /= d) < 1 / 2.75) {\n        return c * (7.5625 * t * t) + b;\n      } else if (t < 2 / 2.75) {\n        return c * (7.5625 * (t -= 1.5 / 2.75) * t + .75) + b;\n      } else if (t < 2.5 / 2.75) {\n        return c * (7.5625 * (t -= 2.25 / 2.75) * t + .9375) + b;\n      } else {\n        return c * (7.5625 * (t -= 2.625 / 2.75) * t + .984375) + b;\n      }\n    },\n    easeInOutBounce: function(t, b, c, d) {\n      var v;\n      if (t < d / 2) {\n        v = penner.easeInBounce(t * 2, 0, c, d);\n        return v * .5 + b;\n      } else {\n        v = penner.easeOutBounce(t * 2 - d, 0, c, d);\n        return v * .5 + c * .5 + b;\n      }\n    }\n  };\n\n  umd(penner);\n\n}).call(this);\n","import { Container, Graphics, Ticker } from 'pixi.js'\nimport { Viewport } from 'pixi-viewport'\nimport Penner from 'penner'\n\nconst scrollboxOptions = {\n    'boxWidth': 100,\n    'boxHeight': 100,\n    'scrollbarSize': 10,\n    'scrollbarBackground': 14540253,\n    'scrollbarBackgroundAlpha': 1,\n    'scrollbarForeground': 8947848,\n    'scrollbarForegroundAlpha': 1,\n    'dragScroll': true,\n    'stopPropagation': true,\n    'scrollbarOffsetHorizontal': 0,\n    'scrollbarOffsetVertical': 0,\n    'underflow': 'top-left',\n    'fade': false,\n    'fadeScrollbarTime': 1000,\n    'fadeScrollboxWait': 3000,\n    'fadeScrollboxEase': 'easeInOutSine',\n    'passiveWheel': false,\n    'clampWheel': true,\n    'wheelSwapAxes': false\n}\n\n/**\n * pixi.js scrollbox: a masked content box that can scroll vertically or horizontally with scrollbars\n */\nexport class Scrollbox extends Container {\n    /**\n     * create a scrollbox\n     * @param {object} options\n     * @param {PIXI.EventSystem} options.events the renderer's EventSystem (app.renderer.events); required by pixi-viewport for wheel and pointer positions\n     * @param {boolean} [options.dragScroll=true] user may drag the content area to scroll content\n     * @param {string} [options.overflowX=auto] (none, scroll, hidden, auto) this changes whether the scrollbar is shown\n     * @param {string} [options.overflowY=auto] (none, scroll, hidden, auto) this changes whether the scrollbar is shown\n     * @param {string} [options.overflow] (none, scroll, hidden, auto) sets overflowX and overflowY to this value\n     * @param {number} [options.boxWidth=100] width of scrollbox including scrollbar (in pixels)\n     * @param {number} [options.boxHeight=100] height of scrollbox including scrollbar (in pixels)\n     * @param {number} [options.scrollbarSize=10] size of scrollbar (in pixels)\n     * @param {number} [options.scrollbarOffsetHorizontal=0] offset of horizontal scrollbar (in pixels)\n     * @param {number} [options.scrollbarOffsetVertical=0] offset of vertical scrollbar (in pixels)\n     * @param {boolean} [options.stopPropagation=true] call stopPropagation on any events that impact scrollbox\n     * @param {number} [options.scrollbarBackground=0xdddddd] background color of scrollbar\n     * @param {number} [options.scrollbarBackgroundAlpha=1] alpha of background of scrollbar\n     * @param {number} [options.scrollbarForeground=0x888888] foreground color of scrollbar\n     * @param {number} [options.scrollbarForegroundAlpha=1] alpha of foreground of scrollbar\n     * @param {string} [options.underflow=top-left] what to do when content underflows the scrollbox size: none: do nothing; (left/right/center AND top/bottom/center); OR center (e.g., 'top-left', 'center', 'none', 'bottomright')\n     * @param {boolean} [options.noTicker] do not use PIXI.Ticker (you will need to manually call updateLoop(elapsed) on each frame)\n     * @param {PIXI.Ticker} [options.ticker=PIXI.Ticker.shared] use this PIXI.Ticker for updates\n     * @param {boolean} [options.fade] fade the scrollbar when not in use\n     * @param {number} [options.fadeScrollbarTime=1000] time to fade scrollbar if options.fade is set\n     * @param {number} [options.fadeScrollboxWait=3000] time to wait before fading the scrollbar if options.fade is set\n     * @param {(string|function)} [options.fadeScrollboxEase=easeInOutSine] easing function to use for fading\n     * @param {boolean} [options.passiveWheel=false] whether wheel events are propogated beyond the scrollbox (if false, e.preventDefault() is called when the wheel scrolls the scrollbox)\n     * @param {boolean} [options.clampWheel=true] wheel events should be clamped (to avoid weird bounce with mouse wheel)\n     * @param {boolean} [options.wheelSwapAxes=false] swap the wheel's x and y axes (e.g., so a mouse wheel scrolls a horizontal scrollbox)\n     */\n    constructor(options = {}) {\n        super()\n        this.options = Object.assign({}, scrollboxOptions, options)\n        if (!this.options.events) {\n            throw new Error('pixi-scrollbox: options.events is required (e.g., new Scrollbox({ events: app.renderer.events }))')\n        }\n        if (options.overflow) {\n            this.options.overflowX = this.options.overflowY = options.overflow\n        }\n        if (options.fadeScrollbar) {\n            this.options.fade = true\n        }\n        this.options.ticker = options.ticker || Ticker.shared\n        this.ease = typeof this.options.fadeScrollboxEase === 'function' ? this.options.fadeScrollboxEase : Penner[this.options.fadeScrollboxEase]\n\n        /**\n         * content in placed in here\n         * you can use any function from pixi-viewport on content to manually move the content (see https://viewport.pixijs.io/jsdoc/)\n         * @type {Viewport}\n         */\n        this.content = this.addChild(new Viewport({\n            passiveWheel: this.options.passiveWheel,\n            stopPropagation: this.options.stopPropagation,\n            screenWidth: this.options.boxWidth,\n            screenHeight: this.options.boxHeight,\n            events: this.options.events,\n            noTicker: this.options.noTicker,\n            ticker: this.options.ticker,\n        }))\n        this.content\n            .decelerate()\n            .on('moved', () => this._drawScrollbars())\n\n        /**\n         * graphics element for drawing the scrollbars\n         * @type {PIXI.Graphics}\n         */\n        this.scrollbar = this.addChild(new Graphics())\n        this.scrollbar.eventMode = 'static'\n        this.scrollbar.hitArea = { contains: (x, y) => this._scrollbarContains(x, y) }\n        this.scrollbar.on('pointerdown', this.scrollbarDown, this)\n        this.scrollbar.on('pointerup', this.scrollbarUp, this)\n        this.scrollbar.on('pointerupoutside', this.scrollbarUp, this)\n        this.scrollbar.on('pointercancel', this.scrollbarUp, this)\n\n        // the mask is only used for clipping, so it must never be the target of pointer events\n        this._maskContent = this.addChild(new Graphics())\n        this._maskContent.eventMode = 'none'\n        this.update()\n\n        if (!this.options.noTicker) {\n            this.tickerFunction = () => this.updateLoop(Math.min(this.options.ticker.elapsedMS, 16.6667))\n            this.options.ticker.add(this.tickerFunction)\n        }\n    }\n\n    /**\n     * offset of horizontal scrollbar (in pixels)\n     * @type {number}\n     */\n    get scrollbarOffsetHorizontal() {\n        return this.options.scrollbarOffsetHorizontal\n    }\n    set scrollbarOffsetHorizontal(value) {\n        this.options.scrollbarOffsetHorizontal = value\n    }\n\n    /**\n     * offset of vertical scrollbar (in pixels)\n     * @type {number}\n     */\n    get scrollbarOffsetVertical() {\n        return this.options.scrollbarOffsetVertical\n    }\n    set scrollbarOffsetVertical(value) {\n        this.options.scrollbarOffsetVertical = value\n    }\n\n    /**\n     * disable the scrollbox (if set to true this will also remove the mask)\n     * @type {boolean}\n     */\n    get disable() {\n        return this._disabled\n    }\n    set disable(value) {\n        if (this._disabled !== value) {\n            this._disabled = value\n            this.update()\n        }\n    }\n\n    /**\n     * call stopPropagation on any events that impact scrollbox\n     * @type {boolean}\n     */\n    get stopPropagation() {\n        return this.options.stopPropagation\n    }\n    set stopPropagation(value) {\n        this.options.stopPropagation = value\n        this.content.options.stopPropagation = value\n    }\n\n    /**\n     * user may drag the content area to scroll content\n     * @type {boolean}\n     */\n    get dragScroll() {\n        return this.options.dragScroll\n    }\n    set dragScroll(value) {\n        this.options.dragScroll = value\n        if (!value) {\n            this.content.plugins.remove('drag')\n        }\n        this.update()\n    }\n\n    /**\n     * width of scrollbox including the scrollbar (if visible)- this changes the size and not the scale of the box\n     * @type {number}\n     */\n    get boxWidth() {\n        return this.options.boxWidth\n    }\n    set boxWidth(value) {\n        this.options.boxWidth = value\n        this.content.screenWidth = value\n        this.update()\n    }\n\n    /**\n     * sets overflowX and overflowY to (scroll, hidden, auto) changing whether the scrollbar is shown\n     * scroll = always show scrollbar\n     * hidden = hide overflow and do not show scrollbar\n     * auto = if content is larger than box size, then show scrollbar\n     * @type {string}\n     */\n    get overflow() {\n        return this.options.overflow\n    }\n    set overflow(value) {\n        this.options.overflow = value\n        this.options.overflowX = value\n        this.options.overflowY = value\n        this.update()\n    }\n\n    /**\n     * sets overflowX to (scroll, hidden, auto) changing whether the scrollbar is shown\n     * scroll = always show scrollbar\n     * hidden = hide overflow and do not show scrollbar\n     * auto = if content is larger than box size, then show scrollbar\n     * @type {string}\n     */\n    get overflowX() {\n        return this.options.overflowX\n    }\n    set overflowX(value) {\n        this.options.overflowX = value\n        this.update()\n    }\n\n    /**\n     * sets overflowY to (scroll, hidden, auto) changing whether the scrollbar is shown\n     * scroll = always show scrollbar\n     * hidden = hide overflow and do not show scrollbar\n     * auto = if content is larger than box size, then show scrollbar\n     * @type {string}\n     */\n    get overflowY() {\n        return this.options.overflowY\n    }\n    set overflowY(value) {\n        this.options.overflowY = value\n        this.update()\n    }\n\n    /**\n     * height of scrollbox including the scrollbar (if visible) - this changes the size and not the scale of the box\n     * @type {number}\n     */\n    get boxHeight() {\n        return this.options.boxHeight\n    }\n    set boxHeight(value) {\n        this.options.boxHeight = value\n        this.content.screenHeight = value\n        this.update()\n    }\n\n    /**\n     * scrollbar size in pixels\n     * @type {number}\n     */\n    get scrollbarSize() {\n        return this.options.scrollbarSize\n    }\n    set scrollbarSize(value) {\n        this.options.scrollbarSize = value\n    }\n\n    /**\n     * width of scrollbox less the scrollbar (if visible)\n     * @type {number}\n     * @readonly\n     */\n    get contentWidth() {\n        return this.options.boxWidth - (this.isScrollbarVertical ? this.options.scrollbarSize : 0)\n    }\n\n    /**\n     * height of scrollbox less the scrollbar (if visible)\n     * @type {number}\n     * @readonly\n     */\n    get contentHeight() {\n        return this.options.boxHeight - (this.isScrollbarHorizontal ? this.options.scrollbarSize : 0)\n    }\n\n    /**\n     * is the vertical scrollbar visible\n     * @type {boolean}\n     * @readonly\n     */\n    get isScrollbarVertical() {\n        return this._isScrollbarVertical\n    }\n\n    /**\n     * is the horizontal scrollbar visible\n     * @type {boolean}\n     * @readonly\n     */\n    get isScrollbarHorizontal() {\n        return this._isScrollbarHorizontal\n    }\n\n    /**\n     * top coordinate of scrollbar\n     */\n    get scrollTop() {\n        return this.content.top\n    }\n    set scrollTop(top) {\n        this.content.top = top\n        this._clampAndDraw()\n    }\n\n    /**\n     * left coordinate of scrollbar\n     */\n    get scrollLeft() {\n        return this.content.left\n    }\n    set scrollLeft(left) {\n        this.content.left = left\n        this._clampAndDraw()\n    }\n\n    /**\n     * width of content area\n     * if not set then it uses content.width to calculate width\n     */\n    get scrollWidth() {\n        return this._scrollWidth || this.content.width\n    }\n    set scrollWidth(value) {\n        this._scrollWidth = value\n    }\n\n    /**\n     * height of content area\n     * if not set then it uses content.height to calculate height\n     */\n    get scrollHeight() {\n        return this._scrollHeight || this.content.height\n    }\n    set scrollHeight(value) {\n        this._scrollHeight = value\n    }\n\n    /**\n     * draws scrollbars\n     * @private\n     */\n    _drawScrollbars() {\n        this._isScrollbarHorizontal = this.overflowX === 'scroll' ? true : ['hidden', 'none'].indexOf(this.overflowX) !== -1 ? false : this.scrollWidth > this.options.boxWidth\n        this._isScrollbarVertical = this.overflowY === 'scroll' ? true : ['hidden', 'none'].indexOf(this.overflowY) !== -1 ? false : this.scrollHeight > this.options.boxHeight\n        this.scrollbar.clear()\n        const width = this.scrollWidth + (this.isScrollbarVertical ? this.options.scrollbarSize : 0)\n        const height = this.scrollHeight + (this.isScrollbarHorizontal ? this.options.scrollbarSize : 0)\n        this.scrollbarTop = (this.content.top / height) * this.boxHeight\n        this.scrollbarTop = this.scrollbarTop < 0 ? 0 : this.scrollbarTop\n        this.scrollbarHeight = (this.boxHeight / height) * this.boxHeight\n        this.scrollbarHeight = this.scrollbarTop + this.scrollbarHeight > this.boxHeight ? this.boxHeight - this.scrollbarTop : this.scrollbarHeight\n        this.scrollbarLeft = (this.content.left / width) * this.boxWidth\n        this.scrollbarLeft = this.scrollbarLeft < 0 ? 0 : this.scrollbarLeft\n        this.scrollbarWidth = (this.boxWidth / width) * this.boxWidth\n        this.scrollbarWidth = this.scrollbarWidth + this.scrollbarLeft > this.boxWidth ? this.boxWidth - this.scrollbarLeft : this.scrollbarWidth\n        const background = { color: this.options.scrollbarBackground, alpha: this.options.scrollbarBackgroundAlpha }\n        const foreground = { color: this.options.scrollbarForeground, alpha: this.options.scrollbarForegroundAlpha }\n        if (this.isScrollbarVertical) {\n            this.scrollbar\n                .rect(this._scrollbarVerticalX, 0, this.scrollbarSize, this.boxHeight)\n                .fill(background)\n        }\n        if (this.isScrollbarHorizontal) {\n            this.scrollbar\n                .rect(0, this._scrollbarHorizontalY, this.boxWidth, this.scrollbarSize)\n                .fill(background)\n        }\n        if (this.isScrollbarVertical) {\n            this.scrollbar\n                .rect(this._scrollbarVerticalX, this.scrollbarTop, this.scrollbarSize, this.scrollbarHeight)\n                .fill(foreground)\n        }\n        if (this.isScrollbarHorizontal) {\n            this.scrollbar\n                .rect(this.scrollbarLeft, this._scrollbarHorizontalY, this.scrollbarWidth, this.scrollbarSize)\n                .fill(foreground)\n        }\n        this.activateFade()\n    }\n\n    /**\n     * x-coordinate of the vertical scrollbar\n     * @private\n     */\n    get _scrollbarVerticalX() {\n        return this.boxWidth - this.scrollbarSize + this.options.scrollbarOffsetVertical\n    }\n\n    /**\n     * y-coordinate of the horizontal scrollbar\n     * @private\n     */\n    get _scrollbarHorizontalY() {\n        return this.boxHeight - this.scrollbarSize + this.options.scrollbarOffsetHorizontal\n    }\n\n    /**\n     * whether a point (in the scrollbox's coordinates) is over a visible scrollbar\n     * used as the scrollbar's hitArea so it works even when the scrollbar is transparent\n     * @private\n     */\n    _scrollbarContains(x, y) {\n        if (this._disabled) {\n            return false\n        }\n        if (this.isScrollbarHorizontal && this._overHorizontal(x, y)) {\n            return true\n        }\n        return this.isScrollbarVertical && this._overVertical(x, y)\n    }\n\n    /** @private */\n    _overHorizontal(x, y) {\n        return x >= 0 && x <= this.boxWidth && y >= this._scrollbarHorizontalY && y <= this._scrollbarHorizontalY + this.scrollbarSize\n    }\n\n    /** @private */\n    _overVertical(x, y) {\n        return y >= 0 && y <= this.boxHeight && x >= this._scrollbarVerticalX && x <= this._scrollbarVerticalX + this.scrollbarSize\n    }\n\n    /**\n     * clamps the content after moving it directly and redraws the scrollbars\n     * @private\n     */\n    _clampAndDraw() {\n        const clamp = this.content.plugins.get('clamp', true)\n        if (clamp) {\n            clamp.update()\n        }\n        this._drawScrollbars()\n    }\n\n    /**\n     * draws mask layer\n     * @private\n     */\n    _drawMask() {\n        this._maskContent\n            .rect(0, 0, this.boxWidth, this.boxHeight)\n            .fill(0)\n        this.content.mask = this._maskContent\n    }\n\n    /**\n     * call when scrollbox content changes\n     */\n    update() {\n        this.content.mask = null\n        this._maskContent.clear()\n        if (!this._disabled) {\n            this._drawScrollbars()\n            this._drawMask()\n            const direction = this.isScrollbarHorizontal && this.isScrollbarVertical ? 'all' : this.isScrollbarHorizontal ? 'x' : 'y'\n            if (this.options.dragScroll) {\n                this.content.drag({ clampWheel: this.options.clampWheel, direction, wheelSwapAxes: this.options.wheelSwapAxes })\n            }\n            this.content.clamp({ direction, underflow: this.options.underflow })\n        }\n        else {\n            this.scrollbar.clear()\n        }\n    }\n\n    /**\n     * called on each frame to update fade scrollbars (if enabled)\n     * if options.noTicker is set then call this on each frame (it also updates the underlying viewport)\n     * @param {number} elapsed since last frame in milliseconds (usually capped at 16.6667)\n     */\n    updateLoop(elapsed) {\n        if (this.options.noTicker) {\n            this.content.update(elapsed)\n        }\n        if (this.fade) {\n            if (this.fade.wait > 0) {\n                this.fade.wait -= elapsed\n                if (this.fade.wait <= 0) {\n                    elapsed = -this.fade.wait\n                }\n                else {\n                    return\n                }\n            }\n            this.fade.duration += elapsed\n            if (this.fade.duration >= this.options.fadeScrollbarTime) {\n                this.fade = null\n                this.scrollbar.alpha = 0\n            }\n            else {\n                this.scrollbar.alpha = this.ease(this.fade.duration, 1, -1, this.options.fadeScrollbarTime)\n            }\n            this.content.dirty = true\n        }\n    }\n\n    /**\n     * dirty value (used for optimizing draws) for underlying viewport (scrollbox.content)\n     * @type {boolean}\n     */\n    get dirty() {\n        return this.content.dirty\n    }\n    set dirty(value) {\n        this.content.dirty = value\n    }\n\n    /**\n     * show the scrollbar and restart the timer for fade if options.fade is set\n     */\n    activateFade() {\n        if (this.options.fade) {\n            this.scrollbar.alpha = 1\n            this.fade = { wait: this.options.fadeScrollboxWait, duration: 0 }\n        }\n    }\n\n    /**\n     * handle pointer down on scrollbar\n     * @param {PIXI.FederatedPointerEvent} e\n     * @private\n     */\n    scrollbarDown(e) {\n        const local = this.toLocal(e.global)\n        if (this.isScrollbarHorizontal && this._overHorizontal(local.x, local.y)) {\n            if (local.x >= this.scrollbarLeft && local.x <= this.scrollbarLeft + this.scrollbarWidth) {\n                this._startScrollbarDrag('horizontal', local)\n            }\n            else {\n                if (local.x > this.scrollbarLeft) {\n                    this.content.left += this.content.worldScreenWidth\n                }\n                else {\n                    this.content.left -= this.content.worldScreenWidth\n                }\n                this._clampAndDraw()\n            }\n            if (this.options.stopPropagation) {\n                e.stopPropagation()\n            }\n            return\n        }\n        if (this.isScrollbarVertical && this._overVertical(local.x, local.y)) {\n            if (local.y >= this.scrollbarTop && local.y <= this.scrollbarTop + this.scrollbarHeight) {\n                this._startScrollbarDrag('vertical', local)\n            }\n            else {\n                if (local.y > this.scrollbarTop) {\n                    this.content.top += this.content.worldScreenHeight\n                }\n                else {\n                    this.content.top -= this.content.worldScreenHeight\n                }\n                this._clampAndDraw()\n            }\n            if (this.options.stopPropagation) {\n                e.stopPropagation()\n            }\n        }\n    }\n\n    /**\n     * start dragging a scrollbar; listens to moves anywhere on the stage until the pointer is released\n     * @private\n     */\n    _startScrollbarDrag(type, local) {\n        this.pointerDown = { type, last: local }\n        this.scrollbar.on('globalpointermove', this.scrollbarMove, this)\n    }\n\n    /**\n     * handle pointer move on scrollbar\n     * @param {PIXI.FederatedPointerEvent} e\n     * @private\n     */\n    scrollbarMove(e) {\n        if (this.pointerDown) {\n            const local = this.toLocal(e.global)\n            if (this.pointerDown.type === 'horizontal') {\n                const width = this.scrollWidth + (this.isScrollbarVertical ? this.options.scrollbarSize : 0)\n                this.scrollbarLeft += local.x - this.pointerDown.last.x\n                this.content.left = this.scrollbarLeft / this.boxWidth * width\n            }\n            else {\n                const height = this.scrollHeight + (this.isScrollbarHorizontal ? this.options.scrollbarSize : 0)\n                this.scrollbarTop += local.y - this.pointerDown.last.y\n                this.content.top = this.scrollbarTop / this.boxHeight * height\n            }\n            this.pointerDown.last = local\n            this._clampAndDraw()\n            if (this.options.stopPropagation) {\n                e.stopPropagation()\n            }\n        }\n    }\n\n    /**\n     * handle pointer up on scrollbar\n     * @private\n     */\n    scrollbarUp() {\n        this.pointerDown = null\n        this.scrollbar.off('globalpointermove', this.scrollbarMove, this)\n    }\n\n    /**\n     * resize the mask for the container\n     * @param {object} options\n     * @param {number} [options.boxWidth] width of scrollbox including scrollbar (in pixels)\n     * @param {number} [options.boxHeight] height of scrollbox including scrollbar (in pixels)\n     * @param {number} [options.scrollWidth] set the width of the inside of the scrollbox (leave null to use content.width)\n     * @param {number} [options.scrollHeight] set the height of the inside of the scrollbox (leave null to use content.height)\n     */\n    resize(options) {\n        this.options.boxWidth = typeof options.boxWidth !== 'undefined' ? options.boxWidth : this.options.boxWidth\n        this.options.boxHeight = typeof options.boxHeight !== 'undefined' ? options.boxHeight : this.options.boxHeight\n        if (options.scrollWidth) {\n            this.scrollWidth = options.scrollWidth\n        }\n        if (options.scrollHeight) {\n            this.scrollHeight = options.scrollHeight\n        }\n        this.content.resize(this.options.boxWidth, this.options.boxHeight, this.scrollWidth, this.scrollHeight)\n        this.update()\n    }\n\n    /**\n     * ensure that the bounding box is visible\n     * @param {number} x - relative to content's coordinate system\n     * @param {number} y\n     * @param {number} width\n     * @param {number} height\n     */\n    ensureVisible(x, y, width, height) {\n        this.content.ensureVisible(x, y, width, height)\n        this._drawScrollbars()\n    }\n\n    /**\n     * removes the ticker and the viewport's wheel listener, then destroys the scrollbox\n     * @param {PIXI.DestroyOptions} [options]\n     */\n    destroy(options) {\n        if (this.tickerFunction) {\n            this.options.ticker.remove(this.tickerFunction)\n            this.tickerFunction = null\n        }\n        this.scrollbarUp()\n        this.content.destroy(options)\n        super.destroy(options)\n    }\n}\n"],"ignoreList":[0],"mappings":"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"}

package/package.json

@@ -1,70 +1,63 @@
 {
-    "name": "pixi-scrollbox",
-    "version": "2.3.0",
-    "description": "a scrollbox built for pixi.js using a masked box that scrolls vertically and/or horizontally with optional scrollbars",
-    "main": "dist/scrollbox.js",
-    "module": "dist/scrollbox.es.js",
-    "types": "@types/index.d.ts",
-    "directories": {
-        "doc": "docs"
-    },
-    "files": [
-        "dist",
-        "@types"
-    ],
-    "scripts": {
-        "start": "rollup -c rollup.dev.js --watch",
-        "upgrade": "yarn upgrade-interactive --latest",
-        "build-demo": "rollup -c docs/rollup.config.js",
-        "docs": "jsdoc -c .jsdoc.json",
-        "build": "rollup -c rollup.config.js",
-        "prepublishOnly": "yarn run build && yarn run build-demo && yarn run docs"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/davidfig/pixi-scrollbox.git"
-    },
-    "keywords": [
-        "PIXI",
-        "pixi.js",
-        "scrollbox",
-        "UI"
-    ],
-    "author": "David Figatner",
-    "license": "MIT",
-    "bugs": {
-        "url": "https://github.com/davidfig/pixi-scrollbox/issues"
-    },
-    "homepage": "https://github.com/davidfig/pixi-scrollbox#readme",
-    "peerDependencies": {
-        "pixi-viewport": ">=4.3.4",
-        "pixi.js": ">=6.0.0"
-    },
-    "dependencies": {
-        "penner": "^0.1.3"
-    },
-    "devDependencies": {
-        "@joseph184/rollup-plugin-node-builtins": "^2.1.4",
-        "@pixi/display": "^6.0.2",
-        "@pixi/interaction": "^6.0.2",
-        "@pixi/math": "^6.0.2",
-        "@pixi/ticker": "^6.0.2",
-        "@rollup/plugin-commonjs": "^17.0.0",
-        "@rollup/plugin-node-resolve": "^11.0.0",
-        "clicked": "^3.0.0",
-        "fork-me-github": "^1.2.0",
-        "highlight.js": "^10.4.0",
-        "jsdoc": "^3.6.3",
-        "pixi-viewport": "^4.30.4",
-        "pixi.js": "^6.0.2",
-        "rollup": "^2.34.0",
-        "rollup-plugin-node-globals": "^1.4.0",
-        "rollup-plugin-peer-deps-external": "^2.2.0",
-        "rollup-plugin-serve": "^1.0.1",
-        "rollup-plugin-terser": "^5.1.2",
-        "yy-counter": "^2.1.0",
-        "yy-fps": "^1.1.0",
-        "yy-jsdoc-template": "^1.3.0",
-        "yy-random": "^1.8.0"
+  "name": "pixi-scrollbox",
+  "version": "3.0.0",
+  "description": "a scrollbox built for pixi.js using a masked box that scrolls vertically and/or horizontally with optional scrollbars",
+  "main": "./dist/scrollbox.js",
+  "module": "./dist/scrollbox.mjs",
+  "types": "./@types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./@types/index.d.ts",
+      "import": "./dist/scrollbox.mjs",
+      "require": "./dist/scrollbox.js"
     }
-}
+  },
+  "directories": {
+    "doc": "docs"
+  },
+  "files": [
+    "dist",
+    "@types"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/davidfig/pixi-scrollbox.git"
+  },
+  "keywords": [
+    "PIXI",
+    "pixi.js",
+    "scrollbox",
+    "UI"
+  ],
+  "author": "David Figatner",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/davidfig/pixi-scrollbox/issues"
+  },
+  "homepage": "https://github.com/davidfig/pixi-scrollbox#readme",
+  "peerDependencies": {
+    "pixi-viewport": "^7",
+    "pixi.js": "^8"
+  },
+  "devDependencies": {
+    "highlight.js": "11.12.0",
+    "jsdoc": "4.0.5",
+    "jsdom": "29.1.1",
+    "penner": "0.1.3",
+    "pixi-viewport": "7.0.0",
+    "pixi.js": "8.22.0",
+    "typescript": "5.9.3",
+    "vite": "8.3.5",
+    "vitest": "5.0.5",
+    "yy-jsdoc-template": "1.3.0"
+  },
+  "scripts": {
+    "dev": "vite --config vite.demo.mjs",
+    "build": "vite build",
+    "build-demo": "rm -rf docs/assets && vite build --config vite.demo.mjs",
+    "docs": "jsdoc -c .jsdoc.json",
+    "test": "vitest run",
+    "typecheck": "tsc -p tsconfig.json",
+    "upgrade": "pnpm update --interactive --latest"
+  }
+}